.page-contact{
  --pc-border:3px solid var(--line-green);
  --pc-grid-line:rgba(28,92,66,.32);
}

/* ---------- 首屏 ---------- */
.page-contact .contact-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--header-h) + 40px) 0 44px;
  background:
    repeating-linear-gradient(90deg, var(--pc-grid-line) 0 1px, transparent 1px 78px),
    radial-gradient(125% 95% at 86% -10%, #12452F 0%, var(--pitch) 62%);
  border-bottom:var(--pc-border);
}
.page-contact .contact-hero::after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-120px;
  width:280px;
  height:280px;
  border:3px solid var(--line-green);
  border-radius:50%;
  opacity:.45;
  pointer-events:none;
}
.page-contact .contact-hero .breadcrumb{
  margin-bottom:28px;
}
.page-contact .contact-hero-title{
  margin:14px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(46px,13vw,132px);
  line-height:.9;
  letter-spacing:-.02em;
  color:var(--white);
  position:relative;
  z-index:1;
}
.page-contact .contact-hero-lead{
  margin:26px 0 0;
  max-width:38ch;
  padding-left:16px;
  border-left:3px solid var(--whistle);
  font-size:clamp(15px,3.4vw,18px);
  line-height:1.8;
  color:var(--cream);
  position:relative;
  z-index:1;
}

/* ---------- 首屏长图 ---------- */
.page-contact .hero-figure{
  margin:0;
  border-bottom:var(--pc-border);
  background:var(--pitch-2);
}
.page-contact .hero-figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
  filter:saturate(.92) contrast(1.04);
}

/* ---------- 渠道卡 ---------- */
.page-contact .channels{
  background:var(--pitch);
}
.page-contact .channel-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:86%;
  gap:16px;
  margin-top:32px;
  padding-bottom:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.page-contact .channel-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:24px 22px 20px;
  background:var(--pitch-2);
  border:var(--pc-border);
  box-shadow:var(--shadow-hard-sm);
  scroll-snap-align:start;
  transition:border-color 140ms var(--ease), transform 140ms var(--ease), box-shadow 140ms var(--ease);
}
.page-contact .channel-card:hover,
.page-contact .channel-card:focus-within{
  border-color:var(--whistle);
  transform:translate(-2px,-2px);
  box-shadow:var(--shadow-hard);
}
.page-contact .channel-num{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--whistle);
}
.page-contact .channel-title{
  margin:0;
  font-size:22px;
  font-weight:700;
  color:var(--white);
}
.page-contact .channel-value{
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(15px,4.2vw,19px);
  line-height:1.55;
  color:var(--whistle);
  word-break:break-word;
}
.page-contact .channel-value--addr{
  font-family:var(--font-body);
  font-size:15px;
  line-height:1.85;
  color:var(--cream);
}
.page-contact .channel-card .tag{
  align-self:flex-start;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
}
.page-contact .channel-desc{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--paper-gray);
}
.page-contact .channel-foot{
  margin:auto 0 0;
  padding-top:12px;
  border-top:1px dashed var(--line-green);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--moss);
}

/* ---------- 服务时段 ---------- */
.page-contact .duty{
  background:var(--pitch-2);
  border-top:var(--pc-border);
  border-bottom:var(--pc-border);
}
.page-contact .duty-grid{
  display:grid;
  gap:36px;
}
.page-contact .duty-lead{
  margin:18px 0 0;
  max-width:34ch;
  font-size:clamp(16px,4vw,18px);
  line-height:1.8;
  color:var(--cream);
}
.page-contact .duty-points{
  margin:28px 0 0;
  padding:0;
  display:grid;
  gap:16px;
}
.page-contact .duty-point{
  padding:14px 0 0 16px;
  border-left:3px solid var(--whistle);
}
.page-contact .duty-point dt{
  font-size:16px;
  font-weight:700;
  color:var(--white);
  margin-bottom:6px;
}
.page-contact .duty-key{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.08em;
  color:var(--whistle);
  margin-right:10px;
}
.page-contact .duty-point dd{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--paper-gray);
}
.page-contact .duty-note{
  margin:26px 0 0;
  padding:16px 18px;
  background:var(--pitch);
  border:3px solid var(--line-green);
  font-size:14px;
  line-height:1.8;
  color:var(--cream);
}
.page-contact .duty-figure{
  margin:0;
}
.page-contact .duty-figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
  border:var(--pc-border);
  box-shadow:var(--shadow-hard-sm);
}

/* ---------- 提问方式 / 标签页 ---------- */
.page-contact .guide{
  background:var(--pitch);
}
.page-contact .guide .tabs{
  margin-top:34px;
}
.page-contact .tabs-list{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:0;
  border-bottom:3px solid var(--line-green);
  -webkit-overflow-scrolling:touch;
}
.page-contact .tab{
  flex:0 0 auto;
  appearance:none;
  padding:12px 16px;
  background:transparent;
  border:3px solid transparent;
  border-bottom:none;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.1em;
  color:var(--moss);
  cursor:pointer;
  transition:color 140ms var(--ease), background 140ms var(--ease);
}
.page-contact .tab:hover{
  color:var(--white);
}
.page-contact .tab[aria-selected="true"]{
  background:var(--whistle);
  color:var(--pitch);
  font-weight:700;
}
.page-contact .tab:focus-visible{
  outline:3px solid var(--whistle-soft);
  outline-offset:2px;
}
.page-contact .tab-panel{
  padding:24px 20px;
  background:var(--pitch-2);
  border:3px solid var(--line-green);
  border-top:none;
}
.page-contact .panel-title{
  margin:0 0 12px;
  font-size:19px;
  font-weight:700;
  color:var(--white);
}
.page-contact .panel-text{
  margin:0 0 18px;
  max-width:44ch;
  font-size:15px;
  line-height:1.8;
  color:var(--paper-gray);
}
.page-contact .ask-template{
  margin:0;
  padding:18px 18px;
  background:var(--pitch);
  border-left:6px solid var(--whistle);
  font-family:var(--font-mono);
  font-size:13px;
  line-height:1.95;
  color:var(--cream);
  white-space:pre-wrap;
  overflow-x:auto;
}

/* ---------- 合作 ---------- */
.page-contact .coop{
  border-top:var(--pc-border);
  border-bottom:var(--pc-border);
}
.page-contact .coop .section-title,
.page-contact .coop .eyebrow{
  color:var(--pitch);
}
.page-contact .coop .eyebrow::before{
  background:var(--report-red);
}
.page-contact .coop-lead{
  margin:20px 0 0;
  max-width:44ch;
  font-size:16px;
  line-height:1.85;
  color:var(--pitch-2);
}
.page-contact .coop-grid{
  display:grid;
  gap:16px;
  margin-top:32px;
}
.page-contact .coop-card{
  padding:22px 20px;
  background:transparent;
  border:3px solid var(--pitch);
  border-radius:0;
  transition:background 140ms var(--ease), transform 140ms var(--ease);
}
.page-contact .coop-card:hover{
  background:rgba(255,198,26,.35);
  transform:translateY(-2px);
}
.page-contact .coop-num{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.18em;
  color:var(--report-red);
}
.page-contact .coop-card h3{
  margin:0 0 10px;
  font-size:19px;
  font-weight:700;
  color:var(--pitch);
}
.page-contact .coop-card p{
  margin:0;
  font-size:15px;
  line-height:1.78;
  color:#234034;
}
.page-contact .coop-foot{
  margin:30px 0 0;
  padding-top:18px;
  border-top:1px dashed var(--paper-gray);
  font-size:14px;
  line-height:1.8;
  color:#234034;
}

/* ---------- 西安 ---------- */
.page-contact .xian{
  background:
    repeating-linear-gradient(90deg, var(--pc-grid-line) 0 1px, transparent 1px 78px),
    var(--pitch);
}
.page-contact .xian-grid{
  display:grid;
  gap:36px;
}
.page-contact .xian-lead{
  margin:18px 0 0;
  max-width:40ch;
  font-size:16px;
  line-height:1.85;
  color:var(--paper-gray);
}
.page-contact .path-links{
  display:grid;
  gap:10px;
  margin-top:30px;
}
.page-contact .path-link{
  display:block;
  padding:14px 16px;
  border:3px solid var(--line-green);
  text-decoration:none;
  transition:border-color 140ms var(--ease), background 140ms var(--ease), transform 140ms var(--ease);
}
.page-contact .path-link:hover,
.page-contact .path-link:focus-visible{
  border-color:var(--whistle);
  background:rgba(255,198,26,.1);
  transform:translateX(3px);
}
.page-contact .path-key{
  display:block;
  font-size:16px;
  font-weight:700;
  color:var(--whistle);
  margin-bottom:4px;
}
.page-contact .path-desc{
  display:block;
  font-size:14px;
  line-height:1.7;
  color:var(--paper-gray);
}
.page-contact .xian-card{
  padding:24px 22px;
  background:var(--pitch-2);
  border:var(--pc-border);
  box-shadow:var(--shadow-hard-sm);
}
.page-contact .xian-card-title{
  margin:0 0 18px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--whistle);
}
.page-contact .xian-list{
  margin:0;
  display:grid;
  gap:16px;
}
.page-contact .xian-list dt{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--moss);
  margin-bottom:5px;
}
.page-contact .xian-list dd{
  margin:0;
  font-family:var(--font-mono);
  font-size:14px;
  line-height:1.75;
  color:var(--cream);
  word-break:break-word;
}
.page-contact .xian-card-note{
  margin:22px 0 0;
  padding-top:16px;
  border-top:1px dashed var(--line-green);
  font-size:13px;
  line-height:1.75;
  color:var(--paper-gray);
}

/* ---------- 断点 ---------- */
@media (min-width:640px){
  .page-contact .hero-figure img{
    aspect-ratio:16 / 7;
  }
  .page-contact .channel-track{
    grid-auto-columns:48%;
  }
  .page-contact .coop-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .page-contact .path-links{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (min-width:960px){
  .page-contact .contact-hero{
    padding:calc(var(--header-h) + 72px) 0 60px;
  }
  .page-contact .contact-hero-lead{
    margin-top:34px;
    padding-left:22px;
    max-width:44ch;
  }
  .page-contact .channel-track{
    grid-auto-flow:row;
    grid-template-columns:repeat(3,1fr);
    grid-auto-columns:auto;
    gap:20px;
    overflow:visible;
    padding-bottom:0;
    margin-top:44px;
  }
  .page-contact .channel-card{
    padding:28px 26px 24px;
  }
  .page-contact .duty-grid{
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:56px;
  }
  .page-contact .tab-panel{
    padding:32px 34px;
  }
  .page-contact .ask-template{
    padding:22px 26px;
    font-size:13.5px;
  }
  .page-contact .xian-grid{
    grid-template-columns:1.15fr .85fr;
    align-items:start;
    gap:56px;
  }
  .page-contact .path-links{
    margin-top:38px;
  }
}

@media (min-width:1200px){
  .page-contact .coop-grid{
    gap:24px;
  }
  .page-contact .coop-card{
    padding:28px 26px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-contact .channel-card,
  .page-contact .coop-card,
  .page-contact .path-link,
  .page-contact .tab{
    transition:background 140ms var(--ease), border-color 140ms var(--ease), color 140ms var(--ease);
  }
  .page-contact .channel-card:hover,
  .page-contact .channel-card:focus-within,
  .page-contact .coop-card:hover,
  .page-contact .path-link:hover,
  .page-contact .path-link:focus-visible{
    transform:none;
  }
}
<<<END>>>