.page-contact{
  --ct-line:1px solid rgba(94,122,114,.42);
  --ct-line-soft:1px solid rgba(94,122,114,.22);
  --ct-card-bg:linear-gradient(165deg,rgba(18,58,51,.92),rgba(8,32,29,.88));
  background:var(--ink-deep);
  color:var(--paper);
  font-family:var(--font-body);
  overflow-x:hidden;
}

.page-contact .ct-sec{
  padding:clamp(3.25rem,8vw,5.5rem) 0;
}

/* ---------- 首屏 ---------- */
.page-contact .ct-hero{
  padding:clamp(4.5rem,11vw,7.5rem) 0 clamp(2.75rem,7vw,4.25rem);
  border-bottom:var(--ct-line-soft);
  background:
    radial-gradient(120% 100% at 8% -12%,rgba(53,240,200,.13),transparent 62%),
    var(--ink-deep);
}
.page-contact .ct-hero__inner{
  display:flex;
  flex-direction:column;
}
.page-contact .ct-hero .crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.4rem;
  margin-bottom:1.75rem;
  font-family:var(--font-mono);
  font-size:.8rem;
  letter-spacing:.06em;
  color:var(--txt-faint);
}
.page-contact .ct-hero .crumbs a{
  color:var(--cyan-mist);
  text-decoration:none;
}
.page-contact .ct-hero .crumbs a:hover{
  color:var(--cyan);
}
.page-contact .ct-hero .crumbs__sep{
  color:var(--line);
}
.page-contact .ct-hero .eyebrow{
  display:block;
  margin:0 0 .9rem;
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--cyan);
}
.page-contact .ct-hero h1{
  margin:0 0 1.25rem;
  max-width:20ch;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(2.15rem,8vw,4.6rem);
  line-height:1.05;
  letter-spacing:-.02em;
}
.page-contact .ct-hero .lede{
  margin:0 0 1.9rem;
  max-width:66ch;
  font-size:clamp(1rem,1.7vw,1.14rem);
  line-height:1.8;
  color:var(--txt-dim);
}
.page-contact .ct-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-bottom:2.4rem;
}
.page-contact .ct-hero__actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.7rem 1.4rem;
  font-size:.95rem;
  text-decoration:none;
}
.page-contact .ct-hero__facts{
  display:grid;
  gap:1px;
  margin:0;
  border:var(--ct-line-soft);
  border-radius:var(--radius);
  background:rgba(94,122,114,.24);
  overflow:hidden;
}
.page-contact .ct-hero__facts > div{
  padding:1rem 1.15rem;
  background:rgba(8,32,29,.78);
}
.page-contact .ct-hero__facts dt{
  margin:0 0 .38rem;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.16em;
  color:var(--cyan-mist);
}
.page-contact .ct-hero__facts dd{
  margin:0;
  font-size:.95rem;
  line-height:1.6;
  color:var(--paper);
}

/* ---------- 章节头 ---------- */
.page-contact .ct-head{
  max-width:62ch;
  margin-bottom:clamp(1.75rem,4.5vw,2.6rem);
}
.page-contact .ct-head__num{
  display:block;
  margin-bottom:.65rem;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.2em;
  color:var(--cyan);
}
.page-contact .ct-head h2{
  margin:0 0 .8rem;
  padding-left:.9rem;
  border-left:3px solid var(--cyan);
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.55rem,4.4vw,2.5rem);
  line-height:1.14;
  letter-spacing:-.01em;
}
.page-contact .ct-head__note{
  margin:0;
  font-size:.98rem;
  line-height:1.78;
  color:var(--txt-dim);
}

/* ---------- 联络通道 ---------- */
.page-contact .ct-channels{
  background:var(--ink-deep);
}
.page-contact .ct-channels__grid{
  display:grid;
  gap:clamp(2rem,5vw,3.25rem);
}
.page-contact .ct-channel-list{
  display:grid;
  gap:1rem;
  margin:0;
  padding:0;
  list-style:none;
}
.page-contact .ct-channel{
  position:relative;
  padding:1.4rem 1.25rem 1.4rem 3.05rem;
  border:var(--ct-line);
  border-radius:var(--radius);
  background:var(--ct-card-bg);
  box-shadow:var(--shadow);
  transition:border-color .26s var(--ease),transform .26s var(--ease);
}
.page-contact .ct-channel:hover{
  border-color:rgba(53,240,200,.55);
  transform:translateY(-2px);
}
.page-contact .ct-channel__num{
  position:absolute;
  left:1.15rem;
  top:1.45rem;
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.08em;
  color:var(--cyan);
}
.page-contact .ct-channel__label{
  margin:0 0 .45rem;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.18em;
  color:var(--txt-faint);
}
.page-contact .ct-channel__value{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:clamp(1.05rem,2.8vw,1.33rem);
  line-height:1.4;
  color:var(--cyan);
  text-decoration:none;
  overflow-wrap:anywhere;
  border-bottom:1px dashed rgba(53,240,200,.42);
  transition:color .22s var(--ease),border-color .22s var(--ease);
}
.page-contact a.ct-channel__value:hover{
  color:var(--paper);
  border-bottom-color:var(--paper);
}
.page-contact .ct-channel__value--plain{
  color:var(--paper);
  border-bottom:none;
  font-size:clamp(1rem,2.5vw,1.2rem);
}
.page-contact .ct-channel__note{
  margin:.8rem 0 0;
  font-size:.93rem;
  line-height:1.72;
  color:var(--txt-dim);
}
.page-contact .ct-channels__figure{
  margin:0;
  border:var(--ct-line);
  border-radius:var(--radius);
  background:var(--ink-low);
  overflow:hidden;
}
.page-contact .ct-channels__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}
.page-contact .ct-channels__figure .frame__caption{
  padding:.85rem 1.05rem 1rem;
  margin:0;
  border-top:var(--ct-line-soft);
  font-size:.82rem;
  line-height:1.65;
  color:var(--txt-faint);
}

/* ---------- 四类问题 ---------- */
.page-contact .ct-topics{
  background:linear-gradient(180deg,var(--ink-mid),var(--ink-deep));
}
.page-contact .ct-topic-list{
  display:grid;
  gap:.85rem;
}
.page-contact .ct-topic{
  border:var(--ct-line-soft);
  border-radius:var(--radius-sm);
  background:rgba(8,32,29,.55);
  transition:border-color .24s var(--ease);
}
.page-contact .ct-topic[open]{
  border-color:rgba(53,240,200,.44);
}
.page-contact .ct-topic__sum{
  display:flex;
  align-items:baseline;
  gap:.85rem;
  padding:1.05rem 1.15rem;
  cursor:pointer;
  list-style:none;
  font-size:1rem;
  font-weight:700;
  color:var(--paper);
}
.page-contact .ct-topic__sum::-webkit-details-marker{
  display:none;
}
.page-contact .ct-topic__num{
  font-family:var(--font-mono);
  font-size:.75rem;
  color:var(--cyan);
}
.page-contact .ct-topic__mark{
  margin-left:auto;
  padding-left:1rem;
  font-family:var(--font-mono);
  color:var(--cyan);
}
.page-contact .ct-topic__mark::before{
  content:"＋";
}
.page-contact .ct-topic[open] .ct-topic__mark::before{
  content:"－";
}
.page-contact .ct-topic__body{
  padding:0 1.15rem 1.2rem;
}
.page-contact .ct-topic__body p{
  margin:0 0 .8rem;
  font-size:.94rem;
  line-height:1.74;
  color:var(--txt-dim);
}
.page-contact .ct-checks{
  display:grid;
  gap:.45rem;
  margin:0 0 .95rem;
  padding:0;
  list-style:none;
}
.page-contact .ct-checks li{
  position:relative;
  padding-left:1.1rem;
  font-size:.92rem;
  line-height:1.62;
  color:var(--paper);
}
.page-contact .ct-checks li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:.42rem;
  height:.42rem;
  border-radius:50%;
  background:var(--cyan);
}
.page-contact .ct-topic__link{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:.8rem;
  letter-spacing:.03em;
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(53,240,200,.36);
}
.page-contact .ct-topic__link:hover{
  color:var(--paper);
  border-bottom-color:var(--paper);
}

/* ---------- 供稿（浅底） ---------- */
.page-contact .ct-paper{
  background:var(--paper);
  color:var(--char);
}
.page-contact .ct-paper .ct-head__num{
  color:var(--wine);
}
.page-contact .ct-paper .ct-head h2{
  color:var(--char);
  border-left-color:var(--wine);
}
.page-contact .ct-paper .ct-head__note{
  color:var(--ink-dim);
}
.page-contact .ct-supply__grid{
  display:grid;
  gap:1rem;
}
.page-contact .ct-supply__card{
  padding:1.3rem 1.25rem;
  border:1px solid rgba(20,24,26,.14);
  border-radius:var(--radius);
  background:rgba(255,255,255,.66);
}
.page-contact .ct-supply__card h3{
  margin:0 0 .55rem;
  font-family:var(--font-display);
  font-size:1.12rem;
  letter-spacing:-.01em;
  color:var(--char);
}
.page-contact .ct-supply__card h3 .num{
  margin-right:.4rem;
  font-family:var(--font-mono);
  font-size:.82rem;
  color:var(--wine);
}
.page-contact .ct-supply__card p{
  margin:0;
  font-size:.93rem;
  line-height:1.72;
  color:var(--ink-dim);
}
.page-contact .ct-verify{
  display:grid;
  gap:.9rem;
  margin-top:1.75rem;
  padding-top:1.35rem;
  border-top:1px solid rgba(20,24,26,.16);
}
.page-contact .ct-verify__item{
  display:flex;
  gap:.75rem;
  align-items:baseline;
}
.page-contact .ct-verify__item .num{
  flex:0 0 auto;
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.02em;
  color:var(--wine);
}
.page-contact .ct-verify__item p{
  margin:0;
  font-size:.92rem;
  line-height:1.66;
  color:var(--ink-dim);
}

/* ---------- 订正流程 ---------- */
.page-contact .ct-fix{
  background:var(--ink-deep);
}
.page-contact .ct-fix__grid{
  display:grid;
  gap:clamp(1.75rem,5vw,3rem);
}
.page-contact .ct-steps{
  display:grid;
  gap:1.15rem;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:ct-step;
}
.page-contact .ct-step{
  position:relative;
  padding-left:2.7rem;
}
.page-contact .ct-step::before{
  counter-increment:ct-step;
  content:counter(ct-step,decimal-leading-zero);
  position:absolute;
  left:0;
  top:.05rem;
  display:grid;
  place-items:center;
  width:1.8rem;
  height:1.8rem;
  border:1px solid rgba(53,240,200,.4);
  border-radius:var(--pill);
  font-family:var(--font-mono);
  font-size:.76rem;
  color:var(--cyan);
}
.page-contact .ct-step h3{
  margin:0 0 .32rem;
  font-family:var(--font-display);
  font-size:1.04rem;
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-contact .ct-step p{
  margin:0;
  font-size:.93rem;
  line-height:1.72;
  color:var(--txt-dim);
}
.page-contact .ct-fix__figure{
  margin:0;
  border:var(--ct-line);
  border-radius:var(--radius);
  background:var(--ink-low);
  overflow:hidden;
}
.page-contact .ct-fix__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:10/7;
  object-fit:cover;
}
.page-contact .ct-fix__figure .frame__caption{
  padding:.85rem 1.05rem 1rem;
  margin:0;
  border-top:var(--ct-line-soft);
  font-size:.82rem;
  line-height:1.65;
  color:var(--txt-faint);
}

/* ---------- 时段与地域 ---------- */
.page-contact .ct-hours{
  background:var(--ink-deep);
}
.page-contact .ct-compare{
  display:grid;
  gap:1.5rem;
  padding-top:1.6rem;
  border-top:var(--ct-line-soft);
}
.page-contact .ct-compare__col h3{
  margin:0 0 .55rem;
  font-family:var(--font-display);
  font-size:1.12rem;
  letter-spacing:-.01em;
  color:var(--cyan-mist);
}
.page-contact .ct-compare__col p{
  margin:0;
  max-width:56ch;
  font-size:.95rem;
  line-height:1.78;
  color:var(--txt-dim);
}
.page-contact .ct-hours__region{
  margin:1.9rem 0 0;
  padding-left:.9rem;
  border-left:2px solid rgba(94,122,114,.6);
  max-width:68ch;
  font-size:.92rem;
  line-height:1.74;
  color:var(--txt-faint);
}

/* ---------- 答疑指引 ---------- */
.page-contact .ct-ask{
  background:var(--ink-low);
  border-top:var(--ct-line-soft);
}
.page-contact .ct-ask__list{
  display:grid;
  gap:1rem;
  margin:0;
  padding:0;
  list-style:none;
}
.page-contact .ct-ask__card{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:1.3rem 1.25rem;
  border:var(--ct-line-soft);
  border-radius:var(--radius);
  background:rgba(11,42,38,.72);
  color:var(--paper);
  text-decoration:none;
  transition:border-color .24s var(--ease),transform .24s var(--ease);
}
.page-contact .ct-ask__card:hover,
.page-contact .ct-ask__card:focus-visible{
  border-color:rgba(53,240,200,.55);
  transform:translateY(-2px);
}
.page-contact .ct-ask__card h3{
  margin:0 0 .55rem;
  font-family:var(--font-display);
  font-size:1.06rem;
  letter-spacing:-.01em;
}
.page-contact .ct-ask__card p{
  margin:0 0 1rem;
  font-size:.92rem;
  line-height:1.7;
  color:var(--txt-dim);
}
.page-contact .ct-ask__card span{
  margin-top:auto;
  font-family:var(--font-mono);
  font-size:.8rem;
  color:var(--cyan);
}
.page-contact .ct-ask__links{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 1.5rem;
  margin:2rem 0 0;
  font-family:var(--font-mono);
  font-size:.84rem;
}
.page-contact .ct-ask__links a{
  color:var(--cyan-mist);
  text-decoration:none;
  border-bottom:1px solid rgba(155,245,226,.3);
}
.page-contact .ct-ask__links a:hover{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}
.page-contact .ct-sign{
  margin:2.6rem 0 0;
  padding-top:1.5rem;
  border-top:var(--ct-line-soft);
  font-family:var(--font-display);
  font-size:clamp(1.1rem,3.2vw,1.6rem);
  letter-spacing:.02em;
  color:var(--cyan-mist);
}

@media (min-width:720px){
  .page-contact .ct-hero__facts{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-contact .ct-supply__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-contact .ct-verify{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1.25rem;
  }
  .page-contact .ct-verify__item{
    flex-direction:column;
    gap:.35rem;
  }
}

@media (min-width:900px){
  .page-contact .ct-channels__grid{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    align-items:start;
  }
  .page-contact .ct-channels__figure{
    position:sticky;
    top:5.5rem;
  }
  .page-contact .ct-topic-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
  }
  .page-contact .ct-fix__grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:center;
  }
  .page-contact .ct-compare{
    grid-template-columns:1fr 1fr;
    gap:0;
  }
  .page-contact .ct-compare__col{
    padding:0 2.25rem;
  }
  .page-contact .ct-compare__col:first-child{
    padding-left:0;
  }
  .page-contact .ct-compare__col:last-child{
    padding-right:0;
    border-left:1px solid rgba(94,122,114,.42);
  }
  .page-contact .ct-ask__list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (prefers-reduced-motion:reduce){
  .page-contact .ct-channel,
  .page-contact .ct-topic,
  .page-contact .ct-ask__card,
  .page-contact a.ct-channel__value{
    transition:none;
  }
  .page-contact .ct-channel:hover,
  .page-contact .ct-ask__card:hover,
  .page-contact .ct-ask__card:focus-visible{
    transform:none;
  }
}
<<<END>>>