.page-contact{
  --pc-panel:#14181E;
  --pc-line:rgba(216,220,226,.16);
  --pc-line-soft:rgba(216,220,226,.08);
  --pc-gap:clamp(18px,2.6vw,32px);
  background:var(--ink);
  color:var(--white);
  font-family:var(--f-body);
  overflow-x:hidden;
}

.page-contact .section{
  padding-block:clamp(40px,6vw,88px);
}

.page-contact .section-title{
  font-family:var(--f-head);
  font-weight:800;
  font-size:clamp(26px,4.2vw,44px);
  line-height:1.05;
  letter-spacing:.01em;
  margin:12px 0 0;
  color:var(--white);
}

.page-contact .section-sub{
  margin:14px 0 0;
  max-width:36em;
  font-size:clamp(14px,1.5vw,16px);
  line-height:1.85;
  color:var(--paper);
}

.page-contact .section-sub strong{
  color:var(--cyan);
  font-weight:600;
  font-family:var(--f-mono);
  letter-spacing:.02em;
}

.page-contact .section-head{
  margin-bottom:clamp(26px,4vw,46px);
}

.page-contact .breadcrumb{
  margin-bottom:clamp(24px,4vw,48px);
}

/* ---- 首屏 ---- */
.page-contact .contact-stage{
  padding-block-start:clamp(16px,2.6vw,30px);
  background:
    radial-gradient(120% 90% at 85% 0%,rgba(47,107,255,.16),transparent 62%),
    radial-gradient(80% 70% at 0% 100%,rgba(34,227,210,.07),transparent 70%);
}

.page-contact .stage-grid{
  display:grid;
  gap:clamp(28px,4vw,56px);
  align-items:center;
}

.page-contact .stage-title{
  font-family:var(--f-head);
  font-weight:800;
  font-size:clamp(34px,6.6vw,68px);
  line-height:.99;
  letter-spacing:.01em;
  margin:12px 0 0;
}

.page-contact .stage-lede{
  margin:clamp(16px,2.2vw,22px) 0 0;
  max-width:33em;
  font-size:clamp(15px,1.55vw,17px);
  line-height:1.85;
  color:var(--paper);
}

.page-contact .stage-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(22px,3vw,32px);
}

.page-contact .stage-note{
  margin:18px 0 0;
  padding-left:12px;
  border-left:2px solid var(--amber);
  font-size:13px;
  line-height:1.7;
  color:var(--mist);
}

.page-contact .stage-media{
  position:relative;
  margin:0;
}

.page-contact .stage-media .figure-media{
  border:1px solid var(--pc-line);
}

.page-contact .stage-badge{
  position:absolute;
  left:clamp(10px,2vw,20px);
  bottom:clamp(14px,2vw,24px);
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:10px 16px;
  background:rgba(11,13,16,.88);
  border-left:3px solid var(--cyan);
}

.page-contact .stage-badge__num{
  font-family:var(--f-mono);
  font-weight:700;
  font-size:clamp(15px,2vw,20px);
  letter-spacing:.02em;
  color:var(--cyan);
}

.page-contact .stage-badge__label{
  font-size:11px;
  letter-spacing:.16em;
  color:var(--mist);
}

.page-contact .figure-caption{
  margin-top:12px;
  font-size:12px;
  line-height:1.7;
  color:var(--mist);
}

/* ---- 渠道卡 ---- */
.page-contact .channels-section{
  position:relative;
  background:linear-gradient(180deg,rgba(47,107,255,.07),transparent 62%);
}

.page-contact .channels-section::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--line-2),transparent);
}

.page-contact .channels{
  display:grid;
  gap:var(--pc-gap);
  grid-template-columns:1fr;
}

.page-contact .channel{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:clamp(20px,2.6vw,30px);
  background:var(--pc-panel);
  border:1px solid var(--pc-line);
  transition:transform var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease);
}

.page-contact .channel::before{
  content:"";
  position:absolute;
  left:0;top:0;
  width:3px;height:100%;
  background:var(--blue);
}

.page-contact .channel--tel::before{background:var(--cyan);}
.page-contact .channel--addr::before{background:var(--amber);}

.page-contact .channel:hover{
  transform:translate(4px,-4px);
  border-color:var(--line-2);
}

.page-contact .channel__label{
  margin:0;
  font-size:11px;
  letter-spacing:.18em;
  color:var(--mist);
}

.page-contact .channel__value{
  margin:0;
  font-family:var(--f-mono);
  font-weight:700;
  font-size:clamp(15px,1.9vw,21px);
  line-height:1.35;
  letter-spacing:.01em;
  color:var(--white);
  word-break:break-word;
  user-select:all;
}

.page-contact .channel--addr .channel__value{
  font-size:clamp(15px,1.6vw,18px);
  line-height:1.6;
}

.page-contact .channel__desc{
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:var(--paper);
}

.page-contact .channel__meta{
  margin:auto 0 0;
  padding-top:12px;
  border-top:1px solid var(--pc-line-soft);
  font-size:12px;
  letter-spacing:.02em;
  color:var(--mist);
}

/* ---- 响应时段 ---- */
.page-contact .hours{
  margin-top:clamp(22px,3vw,34px);
}

.page-contact .hours-bar{
  position:relative;
  height:12px;
  border:1px solid var(--pc-line-soft);
  background:rgba(216,220,226,.06);
}

.page-contact .hours-bar::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,var(--blue),var(--cyan) 58%,var(--amber));
  opacity:.92;
}

.page-contact .hours-scale{
  display:flex;
  justify-content:space-between;
  margin-top:10px;
  font-family:var(--f-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--mist);
}

.page-contact .hours-scale span{cursor:help;}

.page-contact .hours-order{
  list-style:none;
  margin:clamp(24px,3.4vw,40px) 0 0;
  padding:0;
  border-top:1px solid var(--pc-line-soft);
}

.page-contact .hours-order li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:clamp(12px,2vw,22px);
  align-items:start;
  padding:clamp(16px,2.2vw,22px) 0;
  border-bottom:1px solid var(--pc-line-soft);
}

.page-contact .hours-order__num{
  padding-top:4px;
  font-family:var(--f-mono);
  font-weight:700;
  font-size:13px;
  letter-spacing:.08em;
  color:var(--cyan);
}

.page-contact .hours-order h3{
  margin:0 0 6px;
  font-family:var(--f-head);
  font-weight:700;
  font-size:clamp(16px,2vw,20px);
  letter-spacing:.02em;
  color:var(--white);
}

.page-contact .hours-order p{
  margin:0;
  max-width:46em;
  font-size:14px;
  line-height:1.8;
  color:var(--paper);
}

/* ---- 提交准备 ---- */
.page-contact .prep-section{
  background:linear-gradient(180deg,rgba(232,163,61,.05),transparent 55%);
}

.page-contact .prep-grid{
  display:grid;
  gap:clamp(28px,4vw,52px);
  grid-template-columns:1fr;
}

.page-contact .prep-title{
  margin:0 0 18px;
  font-family:var(--f-head);
  font-weight:800;
  font-size:clamp(18px,2.2vw,22px);
  letter-spacing:.02em;
  color:var(--white);
}

.page-contact .checklist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:15px;
}

.page-contact .checklist li{
  position:relative;
  padding-left:30px;
  font-size:15px;
  line-height:1.78;
  color:var(--paper);
}

.page-contact .checklist li::before{
  content:"";
  position:absolute;
  left:2px;
  top:9px;
  width:10px;
  height:5px;
  border-left:2px solid var(--cyan);
  border-bottom:2px solid var(--cyan);
  transform:rotate(-45deg);
}

.page-contact .feedback-list{
  border-top:1px solid var(--pc-line-soft);
}

.page-contact .feedback-list .expand-item{
  border-bottom:1px solid var(--pc-line-soft);
}

.page-contact .feedback-list .expand-trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  padding:16px 0;
  background:none;
  border:0;
  color:var(--white);
  font-family:var(--f-head);
  font-weight:700;
  font-size:clamp(15px,2vw,18px);
  letter-spacing:.03em;
  text-align:left;
  cursor:pointer;
  transition:color var(--dur-1) var(--ease);
}

.page-contact .feedback-list .expand-trigger:hover{color:var(--cyan);}

.page-contact .feedback-list .expand-trigger:focus-visible{
  outline:2px solid var(--amber);
  outline-offset:3px;
}

.page-contact .feedback-list .expand-sign{
  position:relative;
  flex:0 0 auto;
  width:14px;
  height:14px;
}

.page-contact .feedback-list .expand-sign::before,
.page-contact .feedback-list .expand-sign::after{
  content:"";
  position:absolute;
  left:0;top:6px;
  width:14px;height:2px;
  background:var(--cyan);
  transition:transform var(--dur-2) var(--ease);
}

.page-contact .feedback-list .expand-sign::after{transform:rotate(90deg);}
.page-contact .feedback-list .expand-item.is-open .expand-sign::after{transform:rotate(0deg);}

.page-contact .feedback-list .expand-body{
  padding:0 0 18px;
}

.page-contact .feedback-list .expand-body p{
  margin:0;
  max-width:42em;
  font-size:14px;
  line-height:1.85;
  color:var(--paper);
}

/* ---- 服务地区 ---- */
.page-contact .region-grid{
  display:grid;
  gap:clamp(28px,4vw,52px);
  grid-template-columns:1fr;
  align-items:center;
}

.page-contact .region-facts{
  margin:clamp(20px,3vw,30px) 0 0;
  display:grid;
  gap:0;
  border-top:1px solid var(--pc-line);
}

.page-contact .region-facts > div{
  display:grid;
  grid-template-columns:minmax(84px,auto) minmax(0,1fr);
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid var(--pc-line-soft);
}

.page-contact .region-facts dt{
  padding-top:3px;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--mist);
}

.page-contact .region-facts dd{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--white);
}

.page-contact .region-media{
  margin:0;
}

.page-contact .region-media .figure-media{
  border:1px solid var(--pc-line-soft);
  opacity:.92;
}

/* ---- 收束条 ---- */
.page-contact .region-foot{
  padding-block:clamp(20px,3vw,30px);
  border-top:1px solid var(--pc-line);
  background:var(--ink-2);
}

.page-contact .region-foot__inner{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:10px 28px;
  font-size:12px;
  line-height:1.7;
  color:var(--mist);
}

.page-contact .region-foot p{margin:0;}

.page-contact .region-foot__links{
  display:flex;
  flex-wrap:wrap;
  gap:6px 20px;
}

.page-contact .region-foot a{
  color:var(--paper);
  text-decoration:underline;
  text-underline-offset:3px;
  transition:color var(--dur-1) var(--ease);
}

.page-contact .region-foot a:hover{color:var(--cyan);}

/* ---- 响应式 ---- */
@media (min-width:840px){
  .page-contact .channels{
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
  }
  .page-contact .channel:nth-child(2){margin-top:clamp(18px,2.6vw,34px);}
  .page-contact .channel:nth-child(3){margin-top:clamp(36px,5.2vw,68px);}
}

@media (min-width:900px){
  .page-contact .stage-grid{
    grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  }
  .page-contact .prep-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
    gap:clamp(36px,5vw,72px);
  }
  .page-contact .region-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  }
}

@media (max-width:520px){
  .page-contact .region-facts > div{
    grid-template-columns:1fr;
    gap:6px;
  }
  .page-contact .channel__desc,
  .page-contact .checklist li{
    font-size:14px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-contact .channel,
  .page-contact .feedback-list .expand-sign::before,
  .page-contact .feedback-list .expand-sign::after{
    transition:none;
  }
  .page-contact .channel:hover{transform:none;}
}
<<<END>>>