.page-contact{
  --ct-pad:clamp(18px,2.4vw,32px);
  --ct-hair:var(--line-hair);
  display:block;
  background:var(--ink-950);
  color:var(--mist-100);
}

.page-contact .crumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:20px 0 0;
  font-family:var(--font-mono);
  font-size:var(--step--1);
  letter-spacing:.08em;
  color:var(--mist-400);
}
.page-contact .crumb a{
  color:var(--mist-400);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--ease), border-color var(--ease);
}
.page-contact .crumb a:hover,
.page-contact .crumb a:focus-visible{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}
.page-contact .crumb__sep{color:var(--line-500);}
.page-contact .crumb [aria-current="page"]{color:var(--mist-100);}

/* ---------- 首屏框景 ---------- */
.page-contact .ct-hero{padding-top:clamp(20px,3vw,34px);}

.page-contact .ct-hero__frame{
  position:relative;
  border:1px solid var(--line-500);
  background:linear-gradient(180deg,rgba(11,31,24,.92),rgba(7,12,10,.99));
  padding:clamp(22px,3.6vw,50px) clamp(20px,3vw,46px) clamp(20px,3vw,38px);
  overflow:hidden;
}
.page-contact .ct-hero__frame::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.4;
  background-image:
    repeating-linear-gradient(90deg,var(--ct-hair) 0 1px,transparent 1px 88px),
    repeating-linear-gradient(0deg,var(--ct-hair) 0 1px,transparent 1px 88px);
}
.page-contact .ct-hero__frame::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:14px;
  height:64px;
  background:var(--cyan);
  opacity:.85;
}

.page-contact .ct-hero__meta{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  align-items:center;
}
.page-contact .ct-hero__num{
  font-family:var(--font-mono);
  font-size:var(--step--1);
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--cyan);
  border:1px solid var(--line-500);
  padding:4px 9px;
}
.page-contact .ct-hero__ver{
  font-family:var(--font-mono);
  font-size:var(--step--1);
  letter-spacing:.14em;
  color:var(--mist-400);
}

.page-contact .ct-hero h1{
  position:relative;
  margin:18px 0 0;
  font-size:var(--step-4);
  font-weight:700;
  line-height:.98;
  letter-spacing:-.01em;
  color:var(--mist-100);
}

.page-contact .ct-hero__lede{
  position:relative;
  max-width:62ch;
  margin:clamp(14px,2vw,22px) 0 0;
  font-size:var(--step-1);
  line-height:1.75;
  color:var(--mist-400);
}

.page-contact .ct-hero__ruler{
  position:relative;
  height:12px;
  margin-top:clamp(20px,3vw,34px);
  border-top:1px solid var(--ct-hair);
  background-image:repeating-linear-gradient(90deg,var(--line-500) 0 1px,transparent 1px 16px);
  background-repeat:no-repeat;
  background-size:100% 7px;
  background-position:left top;
}

.page-contact .ct-hero__facts{
  position:relative;
  list-style:none;
  margin:clamp(18px,2.6vw,28px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--ct-hair);
  border:1px solid var(--line-500);
}
.page-contact .ct-hero__facts li{
  background:var(--ink-950);
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.page-contact .ct-hero__k{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.18em;
  color:var(--mist-400);
  text-transform:uppercase;
}
.page-contact .ct-hero__v{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:var(--step-1);
  color:var(--cyan);
  word-break:break-word;
}
.page-contact .ct-hero__v--text{
  font-size:var(--step-0);
  color:var(--gold);
  letter-spacing:.02em;
}

/* ---------- 页内索引 ---------- */
.page-contact .ct-jump{margin-top:clamp(18px,2.4vw,28px);}
.page-contact .ct-jump__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:1px;
  background:var(--ct-hair);
  border:1px solid var(--line-500);
}
.page-contact .ct-jump__list li{display:flex;min-width:0;}
.page-contact .ct-jump__list a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:11px 14px;
  background:var(--ink-950);
  color:var(--mist-400);
  text-decoration:none;
  font-size:var(--step--1);
  letter-spacing:.06em;
  white-space:nowrap;
  transition:color var(--ease), background var(--ease), box-shadow var(--ease);
}
.page-contact .ct-jump__n{
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--line-500);
}
.page-contact .ct-jump__list a:hover,
.page-contact .ct-jump__list a:focus-visible{
  color:var(--ink-950);
  background:var(--cyan);
}
.page-contact .ct-jump__list a:hover .ct-jump__n,
.page-contact .ct-jump__list a:focus-visible .ct-jump__n{color:rgba(7,12,10,.6);}
.page-contact .ct-jump__list a[aria-current="true"]{
  color:var(--cyan);
  box-shadow:inset 0 -2px 0 var(--cyan);
}

/* ---------- 通用区块 ---------- */
.page-contact .ct-sec{
  padding:clamp(36px,5.4vw,76px) 0 0;
  margin-top:clamp(36px,5.4vw,76px);
  border-top:1px solid var(--line-500);
  scroll-margin-top:76px;
}
.page-contact .ct-sec h2{
  margin:12px 0 0;
  font-size:var(--step-3);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.005em;
  color:var(--mist-100);
}
.page-contact .ct-intro{
  max-width:68ch;
  margin:14px 0 0;
  font-size:var(--step-0);
  line-height:1.75;
  color:var(--mist-400);
}
.page-contact .ct-sec p{line-height:1.75;}
.page-contact .ct-sec a{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid var(--line-500);
  transition:border-color var(--ease), color var(--ease);
}
.page-contact .ct-sec a:hover,
.page-contact .ct-sec a:focus-visible{border-bottom-color:var(--cyan);}

/* ---------- 01 三条联系路径 ---------- */
.page-contact .ct-paths{
  margin-top:clamp(20px,3vw,32px);
  display:grid;
  gap:1px;
  background:var(--ct-hair);
  border:1px solid var(--line-500);
}
.page-contact .ct-paths__col{
  background:var(--ink-950);
  padding:var(--ct-pad);
  min-width:0;
}
.page-contact .ct-paths__col--sheet{
  background:var(--green-900);
  border-top:1px solid var(--line-500);
}

.page-contact .ct-path{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:clamp(12px,1.8vw,20px);
  padding:clamp(18px,2.4vw,26px) 0;
  border-top:1px solid var(--ct-hair);
}
.page-contact .ct-path:first-child{border-top:0;padding-top:0;}
.page-contact .ct-path:last-child{padding-bottom:0;}
.page-contact .ct-path__idx{
  font-family:var(--font-mono);
  font-size:var(--step--1);
  letter-spacing:.1em;
  color:var(--mist-400);
  border:1px solid var(--line-500);
  height:34px;
  display:grid;
  place-items:center;
  transition:color var(--ease), border-color var(--ease), background var(--ease);
}
.page-contact .ct-path:hover .ct-path__idx,
.page-contact .ct-path:focus-within .ct-path__idx{
  color:var(--ink-950);
  background:var(--cyan);
  border-color:var(--cyan);
}
.page-contact .ct-path__body{min-width:0;}
.page-contact .ct-path__title{
  margin:0;
  font-size:var(--step-1);
  font-weight:700;
  letter-spacing:.01em;
  color:var(--mist-100);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.page-contact .ct-path__desc{
  margin:10px 0 0;
  font-size:var(--step-0);
  color:var(--mist-400);
}
.page-contact .ct-path__bound{
  margin:10px 0 0;
  font-size:var(--step--1);
  line-height:1.7;
  color:var(--mist-400);
  border-left:2px solid var(--line-500);
  padding-left:10px;
}

.page-contact .ct-value{
  margin:8px 0 0;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:var(--step-1);
  line-height:1.5;
  color:var(--cyan);
  letter-spacing:.02em;
  word-break:break-word;
}
.page-contact .ct-value--addr{
  font-family:var(--font-sans);
  font-size:var(--step-0);
  letter-spacing:.01em;
  color:var(--gold);
}

.page-contact .ct-sheet__title{
  margin:12px 0 0;
  font-size:var(--step-1);
  font-weight:700;
  line-height:1.45;
  color:var(--mist-100);
}
.page-contact .ct-sheet__note{
  margin:10px 0 0;
  font-size:var(--step--1);
  line-height:1.75;
  color:var(--mist-400);
}
.page-contact .ct-sheet{
  margin:clamp(16px,2.2vw,22px) 0 0;
  display:grid;
  gap:0;
}
.page-contact .ct-field{
  border-top:1px dashed var(--ct-hair);
  padding:11px 0;
  display:grid;
  gap:4px;
}
.page-contact .ct-field:first-child{border-top:1px solid var(--line-500);}
.page-contact .ct-field__k{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--mist-400);
  margin:0;
}
.page-contact .ct-field__v{
  margin:0;
  font-size:var(--step-0);
  line-height:1.65;
  color:var(--mist-100);
}

/* ---------- 02 勘误与咨询 ---------- */
.page-contact .ct-two{
  margin-top:clamp(20px,3vw,32px);
  display:grid;
  gap:clamp(20px,3vw,36px);
}
.page-contact .ct-two__main{min-width:0;}
.page-contact .ct-two__main p{margin:14px 0 0;font-size:var(--step-0);color:var(--mist-400);}
.page-contact .ct-two__main p:first-child{margin-top:0;}

.page-contact .ct-list{
  list-style:none;
  margin:clamp(16px,2.2vw,24px) 0 0;
  padding:0;
  border-top:1px solid var(--line-500);
}
.page-contact .ct-list li{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:14px;
  padding:12px 0;
  border-bottom:1px solid var(--ct-hair);
  font-size:var(--step-0);
  line-height:1.7;
  color:var(--mist-400);
}
.page-contact .ct-list__k{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--cyan);
  padding-top:4px;
}

.page-contact .ct-figure{
  margin:0;
  min-width:0;
}
.page-contact .ct-figure--wide{margin-top:clamp(20px,3vw,30px);}
.page-contact .ct-figure .media{
  position:relative;
  border:1px solid var(--line-500);
  background:var(--green-900);
  overflow:hidden;
}
.page-contact .ct-figure .media img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
  filter:saturate(.5) contrast(1.06);
}
.page-contact .ct-figure .media__cap{
  display:block;
  margin-top:8px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--mist-400);
}

/* ---------- 03 合作与授权 ---------- */
.page-contact .ct-grid{margin-top:clamp(20px,3vw,30px);}
.page-contact .ct-cell{
  background:var(--green-900);
  border:1px solid var(--line-500);
  padding:var(--ct-pad);
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  transition:background var(--ease), border-color var(--ease);
}
.page-contact .ct-cell:hover{border-color:var(--cyan);}
.page-contact .ct-cell__n{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--gold);
}
.page-contact .ct-cell__t{
  margin:0;
  font-size:var(--step-1);
  font-weight:700;
  color:var(--mist-100);
}
.page-contact .ct-cell p{
  margin:0;
  font-size:var(--step-0);
  line-height:1.75;
  color:var(--mist-400);
}

/* ---------- 04 运营与备案 ---------- */
.page-contact .ct-band{
  margin-top:clamp(20px,3vw,30px);
  display:grid;
  gap:1px;
  background:var(--ct-hair);
  border:1px solid var(--line-500);
}
.page-contact .ct-band .band__seg{
  background:var(--green-900);
  padding:14px 16px;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.page-contact .ct-band .band__k{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--mist-400);
}
.page-contact .ct-band .band__v{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:var(--step-1);
  color:var(--cyan);
}

/* ---------- 05 响应节奏 ---------- */
.page-contact .ct-order{
  list-style:none;
  margin:clamp(20px,3vw,30px) 0 0;
  padding:0;
  counter-reset:none;
  border-top:1px solid var(--line-500);
}
.page-contact .ct-order__item{
  display:grid;
  gap:6px;
  padding:clamp(14px,2vw,18px) 0;
  border-bottom:1px solid var(--ct-hair);
  transition:background var(--ease), padding-left var(--ease);
}
.page-contact .ct-order__item:hover{
  background:var(--cyan-veil);
  padding-left:12px;
}
.page-contact .ct-order__n{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.18em;
  color:var(--cyan);
}
.page-contact .ct-order__t{
  font-size:var(--step-1);
  font-weight:700;
  color:var(--mist-100);
}
.page-contact .ct-order__d{
  font-size:var(--step-0);
  line-height:1.7;
  color:var(--mist-400);
}

/* ---------- 06 信息核对 ---------- */
.page-contact .ct-alert{
  margin-top:clamp(20px,3vw,30px);
  border:1px solid var(--line-500);
  border-left:3px solid var(--gold);
  background:rgba(217,180,94,.07);
  padding:var(--ct-pad);
}
.page-contact .ct-alert__lead{
  margin:0;
  font-size:var(--step-1);
  font-weight:700;
  line-height:1.6;
  color:var(--gold);
}
.page-contact .ct-alert__list{
  list-style:none;
  margin:clamp(14px,2vw,20px) 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
.page-contact .ct-alert__list li{
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:12px;
  align-items:baseline;
  font-size:var(--step-0);
  line-height:1.7;
  color:var(--mist-400);
  min-width:0;
}
.page-contact .ct-alert__k{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--gold);
}
.page-contact .ct-alert .ct-value{margin:0;}
.page-contact .ct-alert__foot{
  margin:clamp(14px,2vw,20px) 0 0;
  padding-top:14px;
  border-top:1px dashed var(--ct-hair);
  font-size:var(--step--1);
  line-height:1.8;
  color:var(--mist-400);
}

/* ---------- 响应式 ---------- */
@media (min-width:600px){
  .page-contact .ct-hero__facts{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-contact .ct-band{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (min-width:900px){
  .page-contact .ct-paths{grid-template-columns:minmax(0,1.28fr) minmax(0,.88fr);}
  .page-contact .ct-paths__col--sheet{
    border-top:0;
    border-left:1px solid var(--line-500);
  }
  .page-contact .ct-two{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:start;}
  .page-contact .ct-figure--wide{max-width:100%;}
  .page-contact .ct-band{grid-template-columns:repeat(5,minmax(0,1fr));}
  .page-contact .ct-order__item{
    grid-template-columns:96px minmax(0,1fr);
    column-gap:20px;
    align-items:baseline;
  }
  .page-contact .ct-order__n{grid-row:1;}
  .page-contact .ct-order__t{grid-column:2;}
  .page-contact .ct-order__d{grid-column:2;}
}

@media (max-width:899px){
  .page-contact .ct-jump__list{flex-wrap:nowrap;overflow-x:auto;}
  .page-contact .ct-jump__list::-webkit-scrollbar{height:4px;}
  .page-contact .ct-jump__list::-webkit-scrollbar-thumb{background:var(--line-500);}
}

@media (prefers-reduced-motion:reduce){
  .page-contact *{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
}