.page-contact{
  --ct-dim:#6E827C;
  --ct-panel:rgba(20,24,27,.82);
  background:var(--deep-field);
  color:var(--ink);
}

/* ---------- 栏目头部 ---------- */
.page-contact .ct-head{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--slate-line);
  background:var(--deep-field);
}
.page-contact .ct-head__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 40%;
  opacity:.3;
  filter:saturate(.72) contrast(1.04);
}
.page-contact .ct-head__veil{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(8,18,15,.6) 0%,rgba(8,18,15,.93) 74%,var(--deep-field) 100%),
    repeating-linear-gradient(90deg,transparent 0 99px,rgba(42,50,55,.5) 99px 100px);
}
.page-contact .ct-head__inner{
  position:relative;
  z-index:2;
  padding-block:76px 60px;
}

.page-contact .ct-crumbs{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--muted);
  margin-bottom:30px;
}
.page-contact .ct-crumbs a{
  color:var(--muted);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);
}
.page-contact .ct-crumbs a:hover{
  color:var(--cyan-soft);
  border-bottom-color:var(--signal-cyan);
}
.page-contact .ct-crumbs em{
  font-style:normal;
  color:var(--signal-cyan);
}

.page-contact .ct-head__tag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 24px;
  padding:7px 13px;
  border:1px solid var(--moss-line);
  background:rgba(30,58,50,.5);
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  color:var(--cyan-soft);
}
.page-contact .ct-head__tag::before{
  content:"";
  width:6px;
  height:6px;
  background:var(--signal-cyan);
}

.page-contact .ct-head h1{
  margin:0 0 26px;
  max-width:15em;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(32px,5.4vw,60px);
  line-height:1.08;
  letter-spacing:-.012em;
  color:var(--ink);
}

.page-contact .ct-head__lede{
  margin:0;
  max-width:58ch;
  padding-left:20px;
  border-left:2px solid var(--signal-cyan);
  font-size:16.5px;
  line-height:1.85;
  color:var(--ink);
}

/* ---------- 通用展区 ---------- */
.page-contact .ct-section{
  padding-block:64px;
  border-bottom:1px solid var(--slate-line);
}
.page-contact .ct-section--graphite{
  background:var(--graphite);
}
.page-contact .ct-section--moss{
  background:linear-gradient(180deg,var(--graphite) 0%,rgba(30,58,50,.42) 100%);
}

.page-contact .ct-sec-head{
  border-top:1px solid var(--slate-line);
  padding-top:22px;
  margin-bottom:40px;
  display:grid;
  gap:12px;
}
.page-contact .ct-sec-head__no{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--signal-cyan);
}
.page-contact .ct-sec-head h2{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(24px,3.3vw,38px);
  line-height:1.14;
  letter-spacing:-.01em;
  color:var(--ink);
}
.page-contact .ct-sec-head p{
  margin:0;
  max-width:64ch;
  font-size:15.5px;
  line-height:1.8;
  color:var(--muted);
}

/* ---------- 渠道卡 ---------- */
.page-contact .ct-channels{
  display:grid;
  gap:18px;
}
.page-contact .ct-channel{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:26px 22px 26px;
  border:1px solid var(--slate-line);
  background:linear-gradient(180deg,rgba(30,58,50,.42) 0%,rgba(20,24,27,.88) 100%);
  transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.page-contact .ct-channel:hover,
.page-contact .ct-channel:focus-within{
  transform:translateY(-4px);
  border-color:var(--signal-cyan);
  box-shadow:0 22px 44px -26px rgba(47,224,200,.5);
}
.page-contact .ct-channel__code{
  margin:0;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.18em;
  color:var(--ct-dim);
}
.page-contact .ct-channel h3{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:22px;
  letter-spacing:0;
  color:var(--ink);
}
.page-contact .ct-channel h3::before{
  content:"";
  width:16px;
  height:2px;
  background:var(--turf);
  flex:none;
}
.page-contact .ct-channel__value{
  margin:0;
  font-family:var(--font-mono);
  font-weight:500;
  font-variant-numeric:tabular-nums;
  font-size:19px;
  line-height:1.45;
  color:var(--signal-cyan);
  word-break:break-word;
}
.page-contact .ct-channel__value--mail{
  font-size:15px;
  letter-spacing:-.01em;
}
.page-contact .ct-channel__value--text{
  font-family:var(--font-display);
  font-weight:800;
  font-size:24px;
  letter-spacing:.02em;
}
.page-contact .ct-channel__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:9px;
  font-size:14.5px;
  line-height:1.7;
  color:var(--muted);
}
.page-contact .ct-channel__list li{
  position:relative;
  padding-left:16px;
}
.page-contact .ct-channel__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:5px;
  height:5px;
  background:var(--moss-line);
}
.page-contact .ct-channel__foot{
  margin:auto 0 0;
  padding-top:14px;
  border-top:1px solid var(--slate-line);
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.05em;
  line-height:1.7;
  color:var(--ct-dim);
}

.page-contact .ct-link{
  color:var(--cyan-soft);
  text-decoration:none;
  border-bottom:1px solid rgba(47,224,200,.42);
  transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);
}
.page-contact .ct-link:hover{
  color:var(--signal-cyan);
  border-bottom-color:var(--signal-cyan);
}

/* ---------- 场景对照 ---------- */
.page-contact .ct-route-head{
  display:none;
}
.page-contact .ct-routes{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--slate-line);
}
.page-contact .ct-route{
  display:grid;
  gap:8px;
  padding:20px 0;
  border-bottom:1px solid var(--slate-line);
}
.page-contact .ct-route__scene{
  font-size:15.5px;
  line-height:1.65;
  color:var(--ink);
}
.page-contact .ct-route__chan{
  display:block;
}
.page-contact .ct-route__need{
  font-size:14px;
  line-height:1.7;
  color:var(--muted);
}
.page-contact .ct-route__chan::before,
.page-contact .ct-route__need::before{
  content:attr(data-label);
  display:block;
  margin-bottom:5px;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.16em;
  color:var(--ct-dim);
}
.page-contact .ct-chan-tag{
  display:inline-flex;
  align-items:center;
  padding:5px 11px;
  border:1px solid var(--moss-line);
  background:rgba(27,107,82,.22);
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.06em;
  color:var(--cyan-soft);
}

/* ---------- 信息清单 ---------- */
.page-contact .ct-prepare{
  display:grid;
  gap:36px;
}
.page-contact .ct-checklist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.page-contact .ct-checklist li{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:14px;
  padding:15px 17px;
  border:1px solid var(--slate-line);
  background:rgba(8,18,15,.58);
  transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease);
}
.page-contact .ct-checklist li:hover{
  border-color:var(--signal-cyan);
  background:rgba(30,58,50,.42);
}
.page-contact .ct-check{
  position:relative;
  width:17px;
  height:17px;
  margin-top:3px;
  border:1px solid var(--moss-line);
  background:rgba(8,18,15,.7);
  transition:border-color var(--t-fast) var(--ease);
}
.page-contact .ct-check::after{
  content:"";
  position:absolute;
  left:3px;
  top:6px;
  width:9px;
  height:4px;
  border-left:1px solid var(--signal-cyan);
  border-bottom:1px solid var(--signal-cyan);
  transform:rotate(-45deg) scale(0);
  transform-origin:left center;
  transition:transform var(--t-fast) var(--ease);
}
.page-contact .ct-checklist li:hover .ct-check{
  border-color:var(--signal-cyan);
}
.page-contact .ct-checklist li:hover .ct-check::after{
  transform:rotate(-45deg) scale(1);
}
.page-contact .ct-checklist__text{
  display:block;
  font-size:14px;
  line-height:1.72;
  color:var(--muted);
}
.page-contact .ct-checklist__text b{
  display:block;
  margin-bottom:4px;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  color:var(--ink);
}

.page-contact .ct-prepare__media{
  margin:0;
  border:1px solid var(--slate-line);
  background:rgba(8,18,15,.6);
}
.page-contact .ct-prepare__media img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  filter:saturate(.82) contrast(1.03);
}
.page-contact .ct-prepare__cap{
  padding:12px 14px;
  border-top:1px solid var(--slate-line);
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.05em;
  line-height:1.65;
  color:var(--ct-dim);
}

/* ---------- 回复节奏 ---------- */
.page-contact .ct-cadence{
  display:grid;
  gap:16px;
}
.page-contact .ct-cadence__item{
  padding:24px 22px;
  border:1px solid var(--slate-line);
  background:rgba(8,18,15,.5);
}
.page-contact .ct-cadence__item h3{
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-weight:500;
  font-size:13px;
  letter-spacing:.12em;
  color:var(--signal-cyan);
}
.page-contact .ct-cadence__item p{
  margin:0;
  font-size:14.5px;
  line-height:1.78;
  color:var(--muted);
}

/* ---------- 官方信息展签 ---------- */
.page-contact .ct-license{
  display:grid;
  gap:28px;
  padding:28px 22px;
  border:1px solid var(--moss-line);
  background:linear-gradient(180deg,rgba(30,58,50,.55) 0%,rgba(8,18,15,.78) 100%);
}
.page-contact .ct-license__intro{
  display:grid;
  gap:14px;
  align-content:start;
}
.page-contact .ct-license__intro p{
  margin:0;
  font-size:15px;
  line-height:1.82;
  color:var(--ink);
}
.page-contact .ct-license__dl{
  margin:0;
  display:grid;
  gap:14px;
}
.page-contact .ct-license__dl > div{
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  gap:14px;
  padding-bottom:13px;
  border-bottom:1px solid var(--slate-line);
}
.page-contact .ct-license__dl dt{
  padding-top:3px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--ct-dim);
}
.page-contact .ct-license__dl dd{
  margin:0;
  font-size:15px;
  line-height:1.6;
  color:var(--ink);
  word-break:break-word;
}
.page-contact .ct-license__mono{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}

/* ---------- 收尾 ---------- */
.page-contact .ct-outro{
  padding-block:76px 84px;
  background:var(--deep-field);
}
.page-contact .ct-outro h2{
  margin:0 0 16px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(22px,2.8vw,32px);
  line-height:1.2;
  letter-spacing:-.01em;
  color:var(--ink);
}
.page-contact .ct-outro p{
  margin:0 0 16px;
  max-width:62ch;
  font-size:15.5px;
  line-height:1.82;
  color:var(--muted);
}
.page-contact .ct-outro__sep{
  padding:0 12px;
  color:var(--slate-line);
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-contact .ct-head__inner{
    padding-block:92px 74px;
  }
  .page-contact .ct-section{
    padding-block:76px;
  }
  .page-contact .ct-license__dl > div{
    grid-template-columns:104px minmax(0,1fr);
  }
  .page-contact .ct-channel{
    padding:30px 26px 28px;
  }
}

@media (min-width:860px){
  .page-contact .ct-channels{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
  }
  .page-contact .ct-route-head{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr) minmax(0,1.2fr);
    gap:28px;
    padding:0 16px 12px;
    border-bottom:1px solid var(--slate-line);
    font-family:var(--font-mono);
    font-size:11px;
    letter-spacing:.16em;
    color:var(--ct-dim);
  }
  .page-contact .ct-route{
    grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr) minmax(0,1.2fr);
    gap:28px;
    align-items:start;
    padding:20px 16px;
    transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
  }
  .page-contact .ct-route:hover{
    background:rgba(30,58,50,.55);
    box-shadow:inset 2px 0 0 var(--signal-cyan);
  }
  .page-contact .ct-route__chan::before,
  .page-contact .ct-route__need::before{
    content:none;
  }
  .page-contact .ct-cadence{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    border:1px solid var(--slate-line);
  }
  .page-contact .ct-cadence__item{
    border:0;
    border-left:1px solid var(--slate-line);
    padding:30px 26px;
  }
  .page-contact .ct-cadence__item:first-child{
    border-left:0;
  }
  .page-contact .ct-license{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    gap:44px;
    padding:38px 40px;
  }
}

@media (min-width:980px){
  .page-contact .ct-prepare{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    gap:48px;
    align-items:start;
  }
  .page-contact .ct-section{
    padding-block:88px;
  }
  .page-contact .ct-sec-head{
    margin-bottom:48px;
  }
}
<<<END>>>