.page-contact{
  --contact-pad:clamp(1.15rem,3.4vw,2rem);
  --contact-tint:rgba(243,247,248,.06);
  display:block;
  padding-bottom:clamp(3rem,7vw,6rem);
}

.page-contact .cmd-breadcrumb{margin:0 0 clamp(1.25rem,3vw,2rem);}

/* ---------- 首屏 ---------- */
.page-contact .contact-hero{
  display:grid;
  gap:clamp(1.5rem,4vw,3rem);
}
.page-contact .contact-hero__body{
  display:grid;
  gap:clamp(.85rem,2vw,1.2rem);
  align-content:start;
}
.page-contact .contact-phone{
  display:grid;
  gap:.4rem;
  margin-top:.4rem;
  padding:var(--contact-pad);
  background:
    linear-gradient(118deg,rgba(36,245,210,.16),rgba(36,245,210,0) 64%),
    var(--panel);
  border-left:3px solid var(--cyan);
}
.page-contact .contact-phone__label{
  font-size:.74rem;
  letter-spacing:.18em;
  color:var(--stone);
}
.page-contact .contact-phone__number{
  font-family:var(--font-num);
  font-weight:800;
  font-size:clamp(2rem,7.4vw,4.1rem);
  line-height:1;
  letter-spacing:-.015em;
  color:var(--cyan);
  font-variant-numeric:tabular-nums;
  word-break:break-word;
}
.page-contact .contact-phone__meta{
  font-size:.88rem;
  line-height:1.6;
  color:var(--ink-soft);
}
.page-contact .contact-hero__figure{
  margin:0;
  display:grid;
  gap:.65rem;
}
.page-contact .contact-hero__figure figcaption,
.page-contact .contact-zhejiang__figure figcaption{
  font-size:.82rem;
  line-height:1.6;
  color:var(--stone);
  padding-left:.75rem;
  border-left:2px solid var(--line-strong);
}
@media (min-width:920px){
  .page-contact .contact-hero{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);
    align-items:end;
  }
}

/* ---------- 章节标题辅助 ---------- */
.page-contact .contact-section-head{max-width:64ch;}
.page-contact .contact-section-head__lead{
  margin:.8rem 0 0;
  font-size:1rem;
  line-height:1.72;
  color:var(--ink-soft);
}

/* ---------- 渠道总览 ---------- */
.page-contact .contact-channels__grid{
  display:grid;
  gap:1rem;
  margin-top:clamp(1.5rem,3.5vw,2.5rem);
}
.page-contact .contact-card{
  display:grid;
  gap:.85rem;
  align-content:start;
  padding:var(--contact-pad);
  background:var(--panel);
  border-top:2px solid var(--line-strong);
}
.page-contact .contact-card--phone{
  border-top-color:var(--cyan);
  background:linear-gradient(180deg,rgba(36,245,210,.10),var(--panel) 58%);
}
.page-contact .contact-card--mail{
  border-top-color:var(--data);
  background:linear-gradient(180deg,rgba(77,141,255,.10),var(--panel) 58%);
}
.page-contact .contact-card--addr{
  border-top-color:var(--clay);
  background:linear-gradient(180deg,rgba(201,120,90,.10),var(--panel) 58%);
}
.page-contact .contact-card__title{
  margin:0;
  font-family:var(--font-num);
  font-weight:700;
  font-size:clamp(1.15rem,2.6vw,1.5rem);
  line-height:1.2;
  letter-spacing:-.01em;
  color:var(--ink);
  word-break:break-word;
}
.page-contact .contact-card__title--mail,
.page-contact .contact-card__title--addr{
  font-family:var(--font-body);
  font-size:clamp(.95rem,2vw,1.1rem);
  line-height:1.55;
}
.page-contact .contact-card__text{
  margin:0;
  font-size:.94rem;
  line-height:1.72;
  color:var(--ink-soft);
}
.page-contact .contact-card__meta{
  margin:0;
  padding-top:.8rem;
  border-top:1px solid var(--line);
  font-size:.78rem;
  letter-spacing:.06em;
  color:var(--stone);
}
@media (min-width:780px){
  .page-contact .contact-channels__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
  }
  .page-contact .contact-card:nth-child(2){margin-top:1.5rem;}
}

/* ---------- 渠道分流 ---------- */
.page-contact .contact-route__list{
  list-style:none;
  margin:clamp(1.5rem,3.5vw,2.5rem) 0 0;
  padding:0;
}
.page-contact .contact-route__item{
  display:grid;
  gap:.9rem;
  padding:clamp(1.15rem,3vw,1.9rem) 0;
  border-top:1px solid var(--line);
}
.page-contact .contact-route__item:last-child{border-bottom:1px solid var(--line);}
.page-contact .contact-route__item .cmd-tag{justify-self:start;}
.page-contact .contact-route__body h3{
  margin:0 0 .4rem;
  font-size:1.05rem;
  font-weight:700;
  line-height:1.45;
  color:var(--ink);
}
.page-contact .contact-route__body p{
  margin:0;
  max-width:62ch;
  font-size:.94rem;
  line-height:1.74;
  color:var(--ink-soft);
}
.page-contact .contact-route__item .cmd-btn{justify-self:start;}
@media (min-width:900px){
  .page-contact .contact-route__item{
    grid-template-columns:150px minmax(0,1fr) auto;
    align-items:center;
    gap:1.5rem 2rem;
  }
}

/* ---------- 工单准备 ---------- */
.page-contact .contact-ticket__grid{
  display:grid;
  gap:clamp(1.5rem,4vw,3rem);
  padding:clamp(1.25rem,4vw,2.75rem);
  background:var(--panel);
  border-left:3px solid var(--moss);
}
.page-contact .contact-ticket__intro{
  display:grid;
  gap:.9rem;
  align-content:start;
}
.page-contact .contact-ticket__hint{
  margin:.2rem 0 0;
  padding-left:.9rem;
  border-left:2px solid var(--cyan);
  font-size:.87rem;
  line-height:1.68;
  color:var(--stone);
}
.page-contact .contact-checklist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.55rem;
}
.page-contact .contact-checklist__label{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.85rem;
  align-items:start;
  padding:.85rem 1rem;
  background:var(--void);
  border:1px solid var(--line);
  cursor:pointer;
  transition:border-color .28s var(--ease),background .28s var(--ease);
}
.page-contact .contact-checklist__label:hover{border-color:var(--line-strong);}
.page-contact .contact-checklist__input{
  position:absolute;
  inset-inline-start:1rem;
  top:1.05rem;
  width:20px;
  height:20px;
  margin:0;
  opacity:0;
  cursor:pointer;
}
.page-contact .contact-checklist__box{
  width:20px;
  height:20px;
  margin-top:.15rem;
  display:grid;
  place-items:center;
  border:1px solid var(--line-strong);
  transition:background .2s var(--ease),border-color .2s var(--ease);
}
.page-contact .contact-checklist__input:checked + .contact-checklist__box{
  background:var(--mint);
  border-color:var(--mint);
}
.page-contact .contact-checklist__input:checked + .contact-checklist__box::after{
  content:"";
  width:5px;
  height:9px;
  border-right:2px solid var(--void);
  border-bottom:2px solid var(--void);
  transform:rotate(45deg) translate(-1px,-2px);
}
.page-contact .contact-checklist__input:focus-visible + .contact-checklist__box{
  outline:2px solid var(--cyan);
  outline-offset:3px;
}
.page-contact .contact-checklist__text{
  font-size:.9rem;
  line-height:1.66;
  color:var(--ink-soft);
}
.page-contact .contact-checklist__text strong{
  display:block;
  margin-bottom:.2rem;
  font-size:.95rem;
  font-weight:700;
  color:var(--ink);
}
@media (min-width:900px){
  .page-contact .contact-ticket__grid{
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  }
}

/* ---------- 浙江本地服务 ---------- */
.page-contact .contact-zhejiang__grid{
  display:grid;
  gap:clamp(1.5rem,4vw,3rem);
  align-items:center;
}
.page-contact .contact-zhejiang__body{display:grid;gap:.9rem;align-content:start;}
.page-contact .contact-figures{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:clamp(1.1rem,3vw,1.8rem) 0 0;
  background:var(--line);
  border:1px solid var(--line);
}
.page-contact .contact-figure{
  display:grid;
  gap:.3rem;
  align-content:start;
  padding:1rem .9rem;
  background:var(--void);
}
.page-contact .contact-figure__num{
  font-family:var(--font-num);
  font-weight:800;
  font-size:clamp(1.35rem,3.4vw,1.95rem);
  line-height:1;
  letter-spacing:-.01em;
  color:var(--cyan);
}
.page-contact .contact-figure__label{
  font-size:.76rem;
  line-height:1.5;
  color:var(--stone);
}
.page-contact .contact-coord{
  display:block;
  width:100%;
  max-width:300px;
  height:auto;
  margin-top:.4rem;
  opacity:.9;
}
.page-contact .contact-zhejiang__figure{
  margin:0;
  display:grid;
  gap:.65rem;
}
@media (min-width:640px){
  .page-contact .contact-figures{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (min-width:900px){
  .page-contact .contact-zhejiang__grid{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  }
}

/* ---------- 备案与条款 ---------- */
.page-contact .contact-legal__grid{
  display:grid;
  gap:1px;
  margin-top:clamp(1.25rem,3vw,2rem);
  background:var(--line);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-contact .contact-legal__item{
  display:grid;
  gap:.35rem;
  align-content:start;
  padding:1.1rem 1.25rem;
  background:var(--void);
}
.page-contact .contact-legal__key{
  font-size:.72rem;
  letter-spacing:.16em;
  color:var(--stone);
}
.page-contact .contact-legal__value{
  font-size:.95rem;
  line-height:1.6;
  color:var(--ink);
  word-break:break-word;
}
.page-contact .contact-legal__links{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem 1.4rem;
  align-items:center;
  padding:1.1rem 1.25rem;
  background:var(--void);
}
.page-contact .contact-legal__links a{
  color:var(--cyan);
  font-size:.94rem;
  text-decoration:none;
  padding-bottom:.1rem;
  border-bottom:1px solid rgba(36,245,210,.4);
  transition:border-color .24s var(--ease),color .24s var(--ease);
}
.page-contact .contact-legal__links a:hover{
  color:var(--mint);
  border-bottom-color:var(--mint);
}
.page-contact .contact-legal__links a:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
}
@media (min-width:820px){
  .page-contact .contact-legal__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;
  }
}

/* ---------- 快速入口 ---------- */
.page-contact .contact-quick__grid{
  display:grid;
  gap:1rem;
  margin-top:clamp(1.1rem,3vw,1.75rem);
}
.page-contact .contact-quick__item{
  display:grid;
  gap:.45rem;
  align-content:start;
  padding:clamp(1.25rem,3vw,1.9rem);
  background:var(--panel);
  border-left:2px solid var(--line-strong);
  color:inherit;
  text-decoration:none;
  transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease);
}
.page-contact .contact-quick__item:hover{
  background:var(--panel-hi);
  border-left-color:var(--mint);
  transform:translateY(-2px);
}
.page-contact .contact-quick__item:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
}
.page-contact .contact-quick__num{
  font-family:var(--font-num);
  font-weight:800;
  font-size:1rem;
  letter-spacing:.1em;
  color:var(--cyan);
}
.page-contact .contact-quick__name{
  font-size:1.15rem;
  font-weight:700;
  color:var(--ink);
}
.page-contact .contact-quick__desc{
  font-size:.9rem;
  line-height:1.68;
  color:var(--ink-soft);
}
.page-contact .contact-quick__go{
  margin-top:.35rem;
  font-size:.82rem;
  letter-spacing:.1em;
  color:var(--mint);
}
@media (min-width:760px){
  .page-contact .contact-quick__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ---------- 图片与动效兜底 ---------- */
.page-contact .cmd-media img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}
@media (prefers-reduced-motion:reduce){
  .page-contact .contact-quick__item,
  .page-contact .contact-checklist__label,
  .page-contact .contact-checklist__box,
  .page-contact .contact-legal__links a{
    transition:none;
  }
  .page-contact .contact-quick__item:hover{transform:none;}
}
</main>
<<<END>>>