.page-contact{
  --ct-rail:88px;
  display:block;
}

/* 面包屑 */
.page-contact .ct-crumb-wrap{
  padding-top:clamp(1rem,2.4vw,1.6rem);
  padding-bottom:clamp(.6rem,1.6vw,1rem);
}
.page-contact .ct-crumb-wrap .breadcrumb{
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.05em;
  color:var(--rock);
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  align-items:center;
}
.page-contact .ct-crumb-wrap .breadcrumb a{
  color:var(--ink-700);
  text-decoration:none;
}
.page-contact .ct-crumb-wrap .breadcrumb a:hover{
  color:var(--ice);
}

/* 首屏 */
.page-contact .ct-hero{
  border-top:var(--line);
  border-bottom:var(--line);
  padding-block:clamp(2.4rem,7vw,5.2rem);
}
.page-contact .ct-hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(2rem,5vw,3.5rem);
  align-items:start;
}
.page-contact .ct-hero-title{
  margin:.7rem 0 0;
  font-size:clamp(2.1rem,7vw,4rem);
  line-height:1.06;
  color:var(--snow);
  letter-spacing:-.01em;
}
.page-contact .ct-lede{
  margin-top:1.15rem;
  max-width:58ch;
  color:var(--mist);
  font-size:clamp(.98rem,2.2vw,1.08rem);
  line-height:1.8;
}
.page-contact .ct-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:1.9rem;
}

/* 服务状态带 */
.page-contact .ct-status{
  border:3px solid var(--signal);
  background:var(--ink-900);
  padding:clamp(1.1rem,3vw,1.7rem);
  box-shadow:8px 8px 0 var(--ink-700);
}
.page-contact .ct-status-title{
  margin:0 0 .85rem;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ice);
}
.page-contact .ct-status-now{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin:0 0 1.15rem;
  padding-bottom:1rem;
  border-bottom:1px solid rgba(201,214,232,.25);
  font-family:var(--font-mono);
  font-weight:700;
  font-size:clamp(1.15rem,3vw,1.4rem);
  color:var(--signal);
}
.page-contact .ct-status-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.75rem;
}
.page-contact .ct-status-list li{
  display:grid;
  gap:.2rem;
}
.page-contact .ct-status-key{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.14em;
  color:var(--signal);
}
.page-contact .ct-status-val{
  font-size:.9rem;
  line-height:1.65;
  color:var(--mist);
}

/* 城市氛围图 */
.page-contact .ct-scene{
  padding-block:clamp(1.8rem,4.5vw,3rem);
}
.page-contact .ct-scene-frame{
  margin:0;
  aspect-ratio:3 / 2;
}
.page-contact .ct-scene-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* 页内跳转条 */
.page-contact .ct-toc-bar{
  border-top:var(--line);
  border-bottom:var(--line);
  padding-block:.85rem;
}
.page-contact .ct-toc-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem 1.2rem;
}
.page-contact .ct-toc-label{
  margin:0;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.16em;
  color:var(--rock);
}
.page-contact .ct-toc-list{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem 1.1rem;
  list-style:none;
  margin:0;
  padding:0;
}
.page-contact .ct-toc-list .toc-link{
  font-family:var(--font-mono);
  font-size:.78rem;
  color:var(--ink-800);
  text-decoration:none;
  padding:.15rem .1rem;
  border-bottom:3px solid transparent;
}
.page-contact .ct-toc-list .toc-link:hover{
  color:var(--ice);
  border-bottom-color:var(--ice);
}
.page-contact .ct-toc-list .toc-link[aria-current="true"]{
  color:var(--ink-950);
  font-weight:700;
  border-bottom-color:var(--signal);
}

/* 通用分带与标题 */
.page-contact .ct-section{
  padding-block:clamp(3rem,8vw,6rem);
}
.page-contact .ct-head{
  max-width:820px;
  margin-bottom:clamp(1.6rem,4vw,2.6rem);
}
.page-contact .band--ink .section-title,
.page-contact .band--deep .section-title{
  color:var(--snow);
}
.page-contact .band--ink .prose,
.page-contact .band--deep .prose{
  color:var(--mist);
}

/* 自助三步 */
.page-contact .ct-steps{
  list-style:none;
  margin:0;
  padding:0;
}
.page-contact .ct-step{
  display:grid;
  grid-template-columns:1fr;
  gap:.9rem;
  padding:clamp(1.3rem,3vw,1.9rem) 0;
  border-top:var(--line);
}
.page-contact .ct-step:last-child{
  border-bottom:var(--line);
}
.page-contact .ct-rail-num{
  display:inline-block;
  font-family:var(--font-mono);
  font-weight:700;
  font-size:1.5rem;
  line-height:1;
  color:var(--ink-950);
  background:var(--signal);
  border:var(--line);
  box-shadow:4px 4px 0 var(--ink-900);
  padding:.28rem .55rem;
}
.page-contact .ct-step-title{
  margin:0 0 .55rem;
  font-size:clamp(1.12rem,2.6vw,1.45rem);
  line-height:1.35;
  color:var(--graphite);
}
.page-contact .ct-step-text{
  margin:0;
  max-width:64ch;
  font-size:.98rem;
  line-height:1.8;
  color:var(--ink-700);
}
.page-contact .ct-step-note{
  margin:.75rem 0 0;
  font-family:var(--font-mono);
  font-size:.76rem;
  line-height:1.7;
  color:var(--rock);
}

/* 分流图 */
.page-contact .ct-flow{
  margin:clamp(2rem,4.5vw,3rem) 0 0;
}
.page-contact .ct-flow-scroll{
  overflow-x:auto;
  padding-bottom:.6rem;
  border:var(--line);
  background:var(--snow);
  box-shadow:var(--shadow-hard);
  padding:clamp(.8rem,2vw,1.2rem);
}
.page-contact .ct-flow-scroll svg{
  display:block;
  min-width:620px;
  width:100%;
  height:auto;
}
.page-contact .ct-flow-box{
  fill:var(--snow);
  stroke:var(--ink-700);
  stroke-width:2.5;
}
.page-contact .ct-flow-box--signal{
  stroke:var(--signal);
  stroke-width:3;
  fill:var(--ink-900);
}
.page-contact .ct-flow-line{
  fill:none;
  stroke:var(--ink-700);
  stroke-width:2;
}
.page-contact .ct-flow-text{
  font-family:var(--font-mono);
  font-size:15px;
  font-weight:700;
  fill:var(--ink-800);
}
.page-contact .ct-flow-text--signal{
  fill:var(--signal);
}
.page-contact .ct-flow-text--muted{
  font-weight:400;
  font-size:13px;
  fill:var(--rock);
}
.page-contact .ct-flow-cap{
  margin:.85rem 0 0;
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.03em;
  color:var(--rock);
}

/* 邮箱与电话 */
.page-contact .ct-channels{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(1.1rem,3vw,1.8rem);
}
.page-contact .ct-channel{
  display:grid;
  gap:.7rem;
  align-content:start;
  padding:clamp(1.2rem,3vw,1.9rem);
  background:var(--ink-900);
  border:3px solid var(--mist);
  box-shadow:8px 8px 0 var(--ink-700);
}
.page-contact .ct-channel--phone{
  border-color:var(--signal);
}
.page-contact .ct-channel-kind{
  margin:0;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ice);
}
.page-contact .ct-channel-value{
  margin:0;
  font-family:var(--font-mono);
  font-weight:700;
  font-size:clamp(1rem,2.6vw,1.3rem);
  line-height:1.4;
  color:var(--snow);
  word-break:break-all;
}
.page-contact .ct-channel-for{
  margin:.1rem 0 .7rem;
  font-size:.94rem;
  line-height:1.75;
  color:var(--mist);
}
.page-contact .ct-copy{
  justify-self:start;
}

/* 联系前准备 */
.page-contact .ct-prepare{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(.9rem,2.4vw,1.4rem);
}
.page-contact .ct-prepare-item{
  display:grid;
  gap:.45rem;
  align-content:start;
  padding:1.15rem 1.05rem 1.35rem;
  background:var(--snow);
  border-top:4px solid var(--ink-800);
  box-shadow:5px 5px 0 rgba(10,26,51,.16);
}
.page-contact .ct-prepare-num{
  justify-self:start;
  display:inline-block;
  font-family:var(--font-mono);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--ink-950);
  background:var(--signal);
  border:2px solid var(--ink-900);
  padding:.14rem .45rem;
}
.page-contact .ct-prepare-item h3{
  margin:0;
  font-size:1.05rem;
  line-height:1.4;
  color:var(--graphite);
}
.page-contact .ct-prepare-item p{
  margin:0;
  font-size:.92rem;
  line-height:1.75;
  color:var(--ink-700);
}

/* 服务时段刻度 */
.page-contact .ct-scale{
  margin-top:clamp(1.6rem,4vw,2.4rem);
}
.page-contact .ct-scale-track{
  position:relative;
  height:48px;
  background:var(--ink-800);
  border:var(--line);
  overflow:hidden;
}
.page-contact .ct-scale-fill{
  position:absolute;
  left:37.5%;
  width:58.3%;
  top:0;
  bottom:0;
  background:var(--signal);
  display:flex;
  align-items:center;
  justify-content:center;
}
.page-contact .ct-scale-tag{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.12em;
  color:var(--ink-950);
  white-space:nowrap;
}
.page-contact .ct-scale-labels{
  position:relative;
  height:1.5rem;
  margin-top:.5rem;
}
.page-contact .ct-scale-labels span{
  position:absolute;
  top:0;
  transform:translateX(-50%);
  font-family:var(--font-mono);
  font-size:.72rem;
  color:var(--rock);
}
.page-contact .ct-scale-labels span:nth-child(1){
  left:0;
  transform:none;
}
.page-contact .ct-scale-labels span:nth-child(2){
  left:37.5%;
  color:var(--ink-800);
  font-weight:700;
}
.page-contact .ct-scale-labels span:nth-child(3){
  left:95.8%;
  color:var(--ink-800);
  font-weight:700;
}
.page-contact .ct-scale-labels span:nth-child(4){
  left:100%;
  transform:translateX(-100%);
}
.page-contact .ct-hours-notes{
  list-style:none;
  margin:clamp(1.4rem,3.5vw,2rem) 0 0;
  padding:clamp(1.1rem,3vw,1.7rem) 0 0;
  border-top:var(--line);
  display:grid;
  gap:.9rem;
}
.page-contact .ct-hours-note{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.75rem;
  align-items:start;
  font-size:.96rem;
  line-height:1.75;
  color:var(--ink-700);
}
.page-contact .ct-hours-note::before{
  content:"";
  width:10px;
  height:10px;
  margin-top:.55rem;
  background:var(--pulse);
  border:2px solid var(--ink-900);
}

/* 服务中心与备案 */
.page-contact .ct-office{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(1.8rem,4vw,3rem);
  align-items:start;
}
.page-contact .ct-office-address{
  font-style:normal;
  margin:1.2rem 0 0;
  padding-left:1rem;
  border-left:6px solid var(--signal);
  font-size:clamp(1.02rem,2.4vw,1.3rem);
  line-height:1.6;
  color:var(--snow);
}
.page-contact .ct-office-note{
  margin:.95rem 0 0;
  max-width:52ch;
  font-size:.92rem;
  line-height:1.75;
  color:var(--mist);
}
.page-contact .ct-office-list{
  margin:0;
  display:grid;
  gap:0;
}
.page-contact .ct-office-list > div{
  display:grid;
  grid-template-columns:minmax(84px,auto) 1fr;
  gap:1rem;
  align-items:center;
  padding:.85rem 0;
  border-bottom:1px solid rgba(201,214,232,.25);
}
.page-contact .ct-office-list > div:first-child{
  border-top:1px solid rgba(201,214,232,.25);
}
.page-contact .ct-office-list dt{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--signal);
}
.page-contact .ct-office-list dd{
  margin:0;
  font-family:var(--font-mono);
  font-size:.9rem;
  line-height:1.5;
  color:var(--mist);
  word-break:break-all;
}

/* 平板与桌面 */
@media (min-width:720px){
  .page-contact .ct-hero-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
    gap:clamp(2rem,4vw,3.5rem);
  }
  .page-contact .ct-step{
    grid-template-columns:var(--ct-rail) minmax(0,1fr);
    gap:clamp(1.2rem,3vw,2rem);
    align-items:start;
  }
  .page-contact .ct-prepare{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-contact .ct-office{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  }
}

@media (min-width:760px){
  .page-contact .ct-channels{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:1080px){
  .page-contact .ct-hero-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(0,.95fr);
  }
  .page-contact .ct-status{
    align-self:start;
    position:sticky;
    top:6rem;
  }
  .page-contact .ct-prepare{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-contact .ct-prepare-item:nth-child(even){
    transform:translateY(22px);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-contact .ct-prepare-item:nth-child(even){
    transform:none;
  }
}
</｜｜DSML｜｜ parameter>
</prompt>