.page-contact{
  position:relative;
  color:var(--glass);
  font-family:var(--font-body);
  padding-bottom:clamp(40px,7vw,110px);
  overflow-x:clip;
  background:
    repeating-linear-gradient(115deg,rgba(244,247,251,.035) 0 1px,transparent 1px 76px),
    radial-gradient(90% 55% at 86% -8%,rgba(47,230,200,.10),transparent 62%),
    radial-gradient(70% 50% at 2% 30%,rgba(232,180,90,.07),transparent 64%),
    var(--ink);
}

/* ---------- 面包屑与首屏 ---------- */
.page-contact .crumbs{
  padding-top:clamp(16px,3vw,30px);
}

.page-contact .page-head{
  position:relative;
  padding:clamp(22px,4vw,44px) 0 clamp(34px,5.5vw,66px);
  border-bottom:1px solid var(--glass-brd);
}

.page-contact .page-head .eyebrow{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.24em;
  color:var(--cyan);
  margin:0;
}

.page-contact h1{
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(30px,6.2vw,72px);
  line-height:1.08;
  letter-spacing:-.015em;
  margin:.3em 0 0;
  max-width:16ch;
  color:var(--glass);
}

.page-contact h1 .hl{
  display:inline-block;
  color:var(--gold);
}
.page-contact h1 .hl::after{
  content:"";
  display:block;
  height:4px;
  margin-top:.16em;
  border-radius:2px;
  background:linear-gradient(90deg,var(--gold),var(--magenta) 62%,transparent);
}

.page-contact .page-head .lede{
  margin:clamp(18px,2.6vw,28px) 0 0;
  max-width:62ch;
  color:var(--mist);
  font-size:clamp(15px,1.5vw,17px);
  line-height:1.9;
}

/* ---------- 通用区块 ---------- */
.page-contact .section{
  padding:clamp(44px,7vw,92px) 0;
}

.page-contact .sec-mark{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--gold-deep);
}
.page-contact .sec-mark::before{
  content:"";
  display:inline-block;
  width:26px;
  height:1px;
  background:currentColor;
}

.page-contact h2{
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(23px,3.5vw,40px);
  line-height:1.16;
  letter-spacing:-.01em;
  margin:0 0 .55em;
  color:var(--glass);
  max-width:22ch;
}

.page-contact .lede{
  color:var(--mist);
  line-height:1.9;
  font-size:clamp(14px,1.4vw,16px);
  max-width:66ch;
  margin:0;
}

/* ---------- 渠道总览 ---------- */
.page-contact .channel-list{
  list-style:none;
  margin:clamp(28px,4vw,44px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(14px,2vw,20px);
}

.page-contact .channel{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:clamp(22px,3vw,30px) clamp(20px,2.6vw,26px) clamp(22px,3vw,28px) clamp(24px,3vw,30px);
  border:1px solid var(--glass-brd);
  border-radius:var(--r-lg);
  background:linear-gradient(160deg,rgba(16,38,63,.94),rgba(10,26,47,.88));
  overflow:hidden;
  transition:transform .35s var(--ease),border-color .35s var(--ease);
}
.page-contact .channel::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--accent,var(--gold));
}
.page-contact .channel::after{
  content:"";
  position:absolute;
  top:-48px;
  right:-48px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:var(--accent,var(--gold));
  opacity:.13;
  pointer-events:none;
}
@media (hover:hover){
  .page-contact .channel:hover{
    transform:translateY(-4px);
    border-color:rgba(244,247,251,.28);
  }
}
.page-contact .channel--gold{--accent:var(--gold);}
.page-contact .channel--cyan{--accent:var(--cyan);}
.page-contact .channel--magenta{--accent:var(--magenta);}

.page-contact .channel__num{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.22em;
  color:var(--accent,var(--gold));
}

.page-contact .channel__name{
  font-family:var(--font-display);
  font-size:clamp(19px,2.2vw,23px);
  line-height:1.25;
  margin:0;
  color:var(--glass);
}

.page-contact .channel__value{
  margin:0;
  font-family:var(--font-mono);
  font-size:14px;
  line-height:1.7;
  color:var(--glass);
  overflow-wrap:anywhere;
  word-break:break-word;
}
.page-contact .channel__value--addr{
  font-family:var(--font-body);
  font-size:13px;
  color:var(--mist);
}

.page-contact .channel__for{
  margin:0;
  font-size:13.5px;
  line-height:1.8;
  color:var(--mist);
}

.page-contact .channel__meta{
  margin:auto 0 0;
  padding-top:6px;
}

.page-contact .contact-media{
  margin:clamp(30px,4.5vw,56px) 0 0;
  position:relative;
  border:1px solid var(--glass-brd);
  border-radius:var(--r-lg);
  overflow:hidden;
}
.page-contact .contact-media img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}
.page-contact .contact-media .media__caption{
  padding:12px clamp(14px,2vw,20px);
  font-size:12.5px;
  line-height:1.75;
  color:var(--mist);
  background:rgba(6,17,30,.72);
}

/* ---------- 邮件咨询 ---------- */
.page-contact .mail__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(18px,3vw,28px);
}

.page-contact .mail__main{
  padding:clamp(24px,3.4vw,40px);
  border:1px solid var(--glass-brd);
  border-radius:var(--r-lg);
  background:var(--glass-bg);
}

.page-contact .mail__points{
  list-style:none;
  margin:clamp(22px,3vw,32px) 0 0;
  padding:0;
  display:grid;
  gap:clamp(16px,2.4vw,24px);
}
.page-contact .mail__points li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding-top:clamp(16px,2.4vw,24px);
  border-top:1px dashed rgba(159,179,200,.24);
}
.page-contact .mail__points li:first-child{
  padding-top:0;
  border-top:0;
}
.page-contact .mail__points h3{
  margin:0 0 8px;
  font-size:16px;
  font-weight:600;
  line-height:1.45;
  color:var(--glass);
}
.page-contact .mail__points p{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:var(--mist);
}

.page-contact .dot{
  display:block;
  width:9px;
  height:9px;
  margin-top:8px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 12px 2px currentColor;
}
.page-contact .dot--gold{color:var(--gold);}
.page-contact .dot--cyan{color:var(--cyan);}
.page-contact .dot--magenta{color:var(--magenta);}

.page-contact .mail__side{
  position:relative;
  overflow:hidden;
  padding:clamp(22px,3vw,32px);
  border:1px solid rgba(232,180,90,.34);
  border-radius:var(--r-lg);
  background:linear-gradient(155deg,rgba(232,180,90,.15),rgba(10,26,47,.92) 58%);
}
.page-contact .mail__side::after{
  content:"";
  position:absolute;
  right:-30%;
  bottom:-60%;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(232,180,90,.3),transparent 70%);
  pointer-events:none;
}
.page-contact .mail__side-label{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.22em;
  color:var(--mist);
}
.page-contact .mail__side-value{
  position:relative;
  z-index:1;
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(15px,2vw,19px);
  line-height:1.6;
  color:var(--gold);
  overflow-wrap:anywhere;
  word-break:break-word;
}
.page-contact .mail__side-note{
  position:relative;
  z-index:1;
  margin:14px 0 0;
  font-size:13px;
  line-height:1.85;
  color:var(--mist);
}

/* ---------- 电话与地址 ---------- */
.page-contact .reach__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3.4vw,40px);
}

.page-contact .reach__cards{
  margin-top:clamp(22px,3vw,32px);
  display:grid;
  gap:clamp(12px,2vw,18px);
}

.page-contact .reach__card{
  padding:clamp(18px,2.6vw,26px);
  border:1px solid var(--glass-brd);
  border-left:3px solid var(--accent,var(--cyan));
  border-radius:var(--r-md);
  background:var(--midnight);
}
.page-contact .reach__card--cyan{--accent:var(--cyan);}
.page-contact .reach__card--magenta{--accent:var(--magenta);}

.page-contact .reach__label{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--accent,var(--cyan));
}
.page-contact .reach__value{
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(19px,2.8vw,26px);
  line-height:1.45;
  color:var(--glass);
  overflow-wrap:anywhere;
  word-break:break-word;
}
.page-contact .reach__value--addr{
  font-family:var(--font-body);
  font-size:clamp(15px,2vw,20px);
  line-height:1.6;
}
.page-contact .reach__desc{
  margin:12px 0 0;
  font-size:13.5px;
  line-height:1.8;
  color:var(--mist);
}

.page-contact .reach__media{
  margin:0;
  border:1px solid var(--glass-brd);
  border-radius:var(--r-lg);
  overflow:hidden;
}
.page-contact .reach__media img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:5/4;
  object-fit:cover;
}
.page-contact .reach__media .media__caption{
  padding:12px clamp(14px,2vw,20px);
  font-size:12.5px;
  line-height:1.75;
  color:var(--mist);
  background:rgba(6,17,30,.72);
}

/* ---------- 咨询前步骤（分段切换） ---------- */
.page-contact .steps .tabs{
  margin-top:clamp(26px,4vw,40px);
}

.page-contact .tabs__list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  border-bottom:1px solid var(--glass-brd);
}

.page-contact .tab{
  appearance:none;
  background:transparent;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:var(--r-sm) var(--r-sm) 0 0;
  padding:12px clamp(14px,2vw,20px);
  color:var(--mist);
  font-family:var(--font-body);
  font-size:14px;
  line-height:1.4;
  cursor:pointer;
  transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}
.page-contact .tab[aria-selected="true"]{
  color:var(--gold);
  border-bottom-color:var(--gold);
  background:rgba(232,180,90,.09);
}
.page-contact .tab:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:2px;
}

.page-contact .tab-panel{
  padding-top:clamp(22px,3.4vw,34px);
}

.page-contact .step-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(14px,2vw,18px);
}

.page-contact .step{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:clamp(20px,2.6vw,26px);
  border:1px solid var(--glass-brd);
  border-radius:var(--r-md);
  background:rgba(16,38,63,.6);
}

.page-contact .step__num{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.22em;
  color:var(--cyan);
}
.page-contact .step__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:400;
  font-size:17px;
  line-height:1.35;
  color:var(--glass);
}
.page-contact .step__text{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:var(--mist);
}
.page-contact .step__link{
  margin-top:auto;
  padding-top:14px;
  align-self:flex-start;
  font-size:13px;
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(47,230,200,.42);
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.page-contact .step__link:hover{
  color:var(--glass);
  border-color:var(--glass);
}
.page-contact .step__link:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
}

/* ---------- 合作洽谈 ---------- */
.page-contact .partner{
  background:linear-gradient(180deg,transparent,rgba(6,17,30,.66) 24%,rgba(6,17,30,.66) 76%,transparent);
}

.page-contact .partner__grid{
  margin-top:clamp(24px,3.6vw,38px);
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(14px,2vw,20px);
}

.page-contact .partner__card{
  padding:clamp(20px,2.6vw,28px);
  border:1px solid var(--glass-brd);
  border-radius:var(--r-md);
  background:var(--glass-bg);
}
.page-contact .partner__card h3{
  margin:0 0 10px;
  font-size:16px;
  font-weight:600;
  line-height:1.4;
  color:var(--gold);
}
.page-contact .partner__card p{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:var(--mist);
}

.page-contact .partner__note{
  margin:clamp(24px,3.6vw,36px) 0 0;
  padding-left:18px;
  border-left:2px solid var(--gold-deep);
  font-size:14px;
  line-height:1.9;
  color:var(--mist);
  max-width:70ch;
}

.page-contact .final-note{
  margin-top:clamp(28px,4vw,44px);
  padding:clamp(22px,3vw,30px);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px 24px;
  border:1px solid rgba(255,77,157,.3);
  border-radius:var(--r-lg);
  background:linear-gradient(120deg,rgba(255,77,157,.12),rgba(10,26,47,.9));
}
.page-contact .final-note p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:var(--glass);
  max-width:52ch;
}
.page-contact .final-note__mail{
  display:inline-block;
  margin-top:6px;
  font-size:13.5px;
  color:var(--magenta);
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* ---------- 响应式 ---------- */
@media (min-width:620px){
  .page-contact .reach__cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:760px){
  .page-contact .channel-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-contact .partner__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-contact .step-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (min-width:900px){
  .page-contact .mail__grid{
    grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
    align-items:start;
  }
  .page-contact .reach__grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    align-items:center;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-contact .channel,
  .page-contact .tab,
  .page-contact .step__link{
    transition:none;
  }
  .page-contact .channel:hover{
    transform:none;
  }
}
</｜｜DSML｜｜ parameter>
</｜｜DSML｜｜ invoke>
</｜｜DSML｜｜ calls>