.page-contact{
  --ct-hair:1px solid var(--grid);
  --ct-gap:clamp(20px,4vw,44px);
  --ct-pad:clamp(18px,3vw,28px);
  display:block;
}

/* ---------- 首屏 ---------- */
.page-contact .ct-hero__grid{
  display:grid;
  gap:var(--ct-gap);
  align-items:end;
}
.page-contact .ct-hero__title{
  margin:.35em 0 .4em;
  color:var(--mist);
  letter-spacing:-.02em;
}
.page-contact .ct-hero__lede{
  color:var(--haze);
  max-width:32em;
}
.page-contact .ct-hero__media{
  position:relative;
  margin:0;
  border:var(--ct-hair);
  overflow:hidden;
  background:linear-gradient(150deg,var(--dome),var(--ink));
}
.page-contact .ct-hero__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(205deg,rgba(231,178,75,.18),transparent 58%);
  pointer-events:none;
}
.page-contact .ct-hero__media img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:3/2;
  object-fit:cover;
}

/* ---------- 三条联系方式 ---------- */
.page-contact .ct-channels{
  list-style:none;
  margin:clamp(40px,7vw,84px) 0 0;
  padding:0;
  border-top:var(--ct-hair);
}
.page-contact .ct-channel{
  position:relative;
  display:grid;
  gap:6px;
  padding:clamp(20px,3.4vw,30px) 0;
  border-bottom:var(--ct-hair);
}
.page-contact .ct-channel::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  height:1px;
  width:0;
  background:linear-gradient(90deg,var(--gold),var(--cyan));
  transition:width .55s var(--ease);
}
.page-contact .ct-channel__label{
  font-family:var(--font-m);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--haze);
  text-transform:uppercase;
}
.page-contact .ct-channel__value{
  font-family:var(--font-m);
  font-size:clamp(17px,3.1vw,28px);
  line-height:1.35;
  letter-spacing:.01em;
  color:var(--mist);
  word-break:break-word;
  transition:color .35s var(--ease);
}
.page-contact .ct-channel__note{
  font-size:15px;
  line-height:1.8;
  color:var(--haze);
}
.page-contact .ct-channel:hover::after,
.page-contact .ct-channel:focus-within::after{
  width:100%;
}
.page-contact .ct-channel:hover .ct-channel__value{
  color:var(--gold-lit);
}

@media (min-width:860px){
  .page-contact .ct-hero__grid{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.72fr);
    gap:clamp(32px,5vw,72px);
  }
  .page-contact .ct-channel{
    grid-template-columns:150px minmax(0,1fr) minmax(0,1.05fr);
    align-items:baseline;
    gap:clamp(16px,3vw,44px);
  }
  .page-contact .ct-channel__note{
    font-size:15px;
  }
}

/* ---------- 转人工场景 ---------- */
.page-contact .ct-when__title{
  margin:.3em 0 .5em;
  color:var(--mist);
}
.page-contact .ct-when__lede{
  color:var(--haze);
  margin:0 0 clamp(28px,5vw,48px);
}
.page-contact .ct-scenes{
  border-top:var(--ct-hair);
}
.page-contact .ct-scene{
  border-bottom:var(--ct-hair);
}
.page-contact .ct-scene__head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:clamp(16px,2.6vw,24px) 0;
  background:none;
  border:0;
  cursor:pointer;
  text-align:left;
  color:var(--mist);
  font-family:var(--font-h);
  font-weight:700;
  font-size:clamp(16px,2.1vw,21px);
  line-height:1.45;
  letter-spacing:-.01em;
  transition:color .3s var(--ease);
}
.page-contact .ct-scene__head:hover{
  color:var(--gold-lit);
}
.page-contact .ct-scene__label{
  flex:1 1 auto;
  min-width:0;
}
.page-contact .ct-scene__state{
  flex:0 0 auto;
  font-family:var(--font-m);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--haze);
  transition:color .3s var(--ease);
}
.page-contact .ct-scene__head[aria-expanded="true"] .ct-scene__state{
  color:var(--cyan);
}
.page-contact .ct-scene__panel{
  padding:0 0 clamp(18px,3vw,28px);
  border-left:1px solid var(--gold-deep);
  margin-left:1px;
}
.page-contact .ct-scene__panel p{
  margin:0;
  padding-left:clamp(14px,2.4vw,22px);
  max-width:34em;
  font-size:16px;
  line-height:1.85;
  color:var(--haze);
}
.page-contact .ct-when__note{
  margin-top:clamp(28px,5vw,44px);
}
.page-contact .ct-link{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(79,227,208,.45);
  transition:border-color .3s var(--ease),color .3s var(--ease);
}
.page-contact .ct-link:hover{
  color:var(--gold-lit);
  border-bottom-color:var(--gold);
}

/* ---------- 服务时段 ---------- */
.page-contact .ct-hours__grid{
  display:grid;
  gap:clamp(28px,5vw,56px);
  align-items:start;
}
.page-contact .ct-hours__copy .dome-title{
  margin:.3em 0 .6em;
  color:var(--mist);
}
.page-contact .ct-hours__copy .dome-prose{
  color:var(--haze);
}
.page-contact .ct-timeline{
  border:var(--ct-hair);
  padding:clamp(18px,3vw,30px);
  background:linear-gradient(160deg,rgba(12,26,46,.9),rgba(6,14,28,.9));
}
.page-contact .ct-timeline__track{
  position:relative;
  height:52px;
  border:var(--ct-hair);
  background:rgba(28,46,72,.22);
  overflow:hidden;
}
.page-contact .ct-timeline__window{
  position:absolute;
  top:0;
  bottom:0;
  left:8.333%;
  width:75%;
  background:linear-gradient(90deg,rgba(231,178,75,.34),rgba(79,227,208,.2));
  border-left:1px solid var(--gold);
  border-right:1px solid var(--gold);
}
.page-contact .ct-timeline__start,
.page-contact .ct-timeline__end{
  position:absolute;
  top:-4px;
  width:1px;
  height:calc(100% + 8px);
  background:var(--gold-lit);
  opacity:.7;
}
.page-contact .ct-timeline__start{ left:8.333%; }
.page-contact .ct-timeline__end{ left:83.333%; }
.page-contact .ct-timeline__ticks{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:10px 0 0;
  padding:0;
  font-family:var(--font-m);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--haze);
}
.page-contact .ct-timeline__ticks li{
  text-align:center;
}
.page-contact .ct-timeline__ticks li:first-child{ text-align:left; }
.page-contact .ct-timeline__ticks li:last-child{ text-align:right; }
.page-contact .ct-timeline__caption{
  margin:18px 0 0;
  font-size:14px;
  line-height:1.8;
  color:var(--haze);
  max-width:34em;
}

@media (prefers-reduced-motion:no-preference){
  .page-contact .ct-timeline__window{
    animation:ct-glow 7s ease-in-out infinite;
  }
}
@keyframes ct-glow{
  0%,100%{ opacity:.82; }
  50%{ opacity:1; }
}

/* ---------- 页脚入口说明 ---------- */
.page-contact .ct-entry__inner{
  display:grid;
  gap:clamp(20px,4vw,44px);
  border-top:var(--ct-hair);
  padding-top:clamp(24px,4vw,44px);
}
.page-contact .ct-entry__mark{
  display:flex;
  align-items:baseline;
  gap:14px;
}
.page-contact .ct-entry__mark-num{
  font-family:var(--font-m);
  font-size:clamp(34px,7vw,64px);
  line-height:1;
  color:var(--gold);
  letter-spacing:-.03em;
}
.page-contact .ct-entry__mark-text{
  font-size:12px;
  letter-spacing:.18em;
  color:var(--haze);
}
.page-contact .ct-entry__title{
  margin:0 0 .5em;
  color:var(--mist);
}
.page-contact .ct-entry__body .dome-prose{
  color:var(--haze);
}

@media (min-width:900px){
  .page-contact .ct-entry__inner{
    grid-template-columns:minmax(0,.34fr) minmax(0,1fr);
    gap:clamp(32px,5vw,72px);
  }
}

/* ---------- 合作与反馈 ---------- */
.page-contact .ct-feedback__grid{
  display:grid;
  gap:clamp(28px,5vw,56px);
  align-items:start;
}
.page-contact .ct-feedback__media{
  margin:0;
  border:var(--ct-hair);
  overflow:hidden;
  background:linear-gradient(200deg,rgba(12,26,46,.95),rgba(6,14,28,.95));
}
.page-contact .ct-feedback__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:cover;
}
.page-contact .ct-feedback__body .dome-title{
  margin:.3em 0 .55em;
  color:var(--mist);
}
.page-contact .ct-feedback__body > .dome-prose{
  color:var(--haze);
}
.page-contact .ct-feedback__list{
  list-style:none;
  margin:clamp(22px,3.6vw,36px) 0 0;
  padding:0;
  border-top:var(--ct-hair);
}
.page-contact .ct-feedback__item{
  padding:clamp(16px,2.6vw,24px) 0;
  border-bottom:var(--ct-hair);
}
.page-contact .ct-feedback__item p{
  margin:12px 0 0;
  max-width:34em;
  font-size:16px;
  line-height:1.85;
  color:var(--haze);
}
.page-contact .ct-feedback__tail{
  margin:clamp(20px,3.4vw,34px) 0 0;
  max-width:34em;
  font-size:15px;
  line-height:1.85;
  color:var(--haze);
}

@media (min-width:900px){
  .page-contact .ct-feedback__grid{
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    gap:clamp(36px,5.5vw,80px);
  }
}

/* ---------- 联系前的准备 ---------- */
.page-contact .ct-prep__title{
  margin:.3em 0 .5em;
  color:var(--mist);
}
.page-contact .ct-prep__lede{
  color:var(--haze);
  margin:0 0 clamp(26px,4.4vw,44px);
}
.page-contact .ct-prep__list{
  list-style:none;
  counter-reset:ct-prep;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--grid);
  border:var(--ct-hair);
}
.page-contact .ct-prep__list li{
  background:var(--ink);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:5px 18px;
  padding:clamp(16px,2.6vw,24px) clamp(16px,2.8vw,28px);
  transition:background .35s var(--ease);
}
.page-contact .ct-prep__list li::before{
  counter-increment:ct-prep;
  content:counter(ct-prep,decimal-leading-zero);
  grid-row:1 / span 2;
  font-family:var(--font-m);
  font-size:13px;
  letter-spacing:.08em;
  color:var(--gold);
  padding-top:4px;
}
.page-contact .ct-prep__list li:hover{
  background:var(--dome);
}
.page-contact .ct-prep__item-title{
  font-family:var(--font-h);
  font-weight:700;
  font-size:clamp(15px,1.9vw,18px);
  color:var(--mist);
  line-height:1.5;
}
.page-contact .ct-prep__item-text{
  font-size:15px;
  line-height:1.8;
  color:var(--haze);
}
.page-contact .ct-prep__rule{
  margin-top:clamp(28px,5vw,50px);
}

@media (min-width:760px){
  .page-contact .ct-prep__list li{
    grid-template-columns:auto 190px minmax(0,1fr);
    grid-template-rows:auto;
    align-items:baseline;
    gap:clamp(16px,2.6vw,34px);
  }
  .page-contact .ct-prep__list li::before{
    grid-row:auto;
  }
}

/* ---------- 收尾 ---------- */
.page-contact .ct-sign__inner{
  border-top:var(--ct-hair);
  padding-top:clamp(28px,5vw,56px);
}
.page-contact .ct-sign__line{
  margin:0;
  font-family:var(--font-h);
  font-weight:900;
  font-size:clamp(28px,6.4vw,76px);
  line-height:1.06;
  letter-spacing:-.02em;
  color:var(--mist);
}
.page-contact .ct-sign__line::after{
  content:"";
  display:block;
  width:clamp(64px,12vw,150px);
  height:2px;
  margin-top:clamp(16px,2.6vw,26px);
  background:linear-gradient(90deg,var(--gold),var(--coral));
}
.page-contact .ct-sign__sub{
  margin:clamp(16px,2.6vw,26px) 0 0;
  max-width:34em;
  font-size:15px;
  line-height:1.85;
  color:var(--haze);
}
.page-contact .ct-sign__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(22px,3.4vw,36px);
}

@media (min-width:1024px){
  .page-contact .ct-hero__lede{
    color:var(--haze);
  }
  .page-contact .ct-channel__note{
    padding-left:0;
  }
}
<<<END>>>