.page-contact{
  --deck-face:rgba(10,43,36,.82);
  --deck-edge:rgba(46,242,208,.26);
  --glass-panel:rgba(10,43,36,.62);
  --card-line:rgba(143,166,178,.2);
  --hour-bar:linear-gradient(90deg,var(--neon-cyan),rgba(46,242,208,.18));
  background:var(--bg);
  color:var(--text);
}

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

/* ---------- 首屏联络面板 ---------- */
.page-contact .contact-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:24px clamp(44px,6vw,76px);
  border-bottom:1px solid var(--line);
}
.page-contact .contact-hero__backdrop{
  position:absolute;
  inset:0;
  z-index:-1;
}
.page-contact .contact-hero__backdrop img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.3;
  filter:saturate(.75) contrast(1.05);
}
.page-contact .contact-hero__backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,26,21,.5) 0%,rgba(4,26,21,.9) 62%,var(--bg) 100%);
}
.page-contact .contact-hero__inner{
  position:relative;
}
.page-contact .contact-hero .breadcrumbs{
  margin-bottom:26px;
}
.page-contact .contact-hero__title{
  font-family:var(--font-display);
  font-weight:300;
  font-size:clamp(2rem,5.4vw,4.2rem);
  line-height:1.05;
  letter-spacing:.01em;
  margin:14px 0 0;
  max-width:19ch;
  color:var(--warm-white);
}
.page-contact .contact-hero__lede{
  margin:18px 0 0;
  max-width:60ch;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.8;
  color:var(--cold-blue-gray);
}
.page-contact .contact-hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  margin-top:clamp(28px,4vw,44px);
}

/* 渠道仪表盘 */
.page-contact .contact-deck{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:var(--deck-edge);
  border:1px solid var(--deck-edge);
  overflow:hidden;
}
.page-contact .channel{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  padding:18px 18px 20px;
  background:var(--deck-face);
  transition:background .2s ease;
}
.page-contact .channel:hover{
  background:rgba(16,59,49,.92);
}
.page-contact .channel__key{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--cold-blue-gray);
}
.page-contact .channel__val{
  font-family:var(--font-mono);
  font-size:clamp(.95rem,2.1vw,1.12rem);
  line-height:1.45;
  color:var(--warm-white);
  overflow-wrap:anywhere;
}
.page-contact .channel--signal .channel__val{
  color:var(--signal-orange);
}
.page-contact .channel__hint{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:var(--cold-blue-gray);
}

/* 场景选择窄栏 */
.page-contact .scene-picker{
  display:flex;
  flex-direction:column;
  padding:20px;
  background:var(--glass-panel);
  border:1px solid var(--card-line);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.page-contact .scene-picker__title{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--neon-cyan);
}
.page-contact .scene-link{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
  padding:14px 0;
  border-top:1px solid rgba(143,166,178,.18);
  text-decoration:none;
  color:var(--warm-white);
  transition:transform .18s ease,color .18s ease;
}
.page-contact .scene-link:hover,
.page-contact .scene-link:focus-visible{
  transform:translateX(4px);
  color:var(--neon-cyan);
}
.page-contact .scene-link__num{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--cold-blue-gray);
}
.page-contact .scene-link__text{
  display:block;
  font-size:15px;
  font-weight:500;
  line-height:1.45;
}
.page-contact .scene-link__text em{
  display:block;
  margin-top:4px;
  font-style:normal;
  font-size:12.5px;
  font-weight:400;
  line-height:1.6;
  color:var(--cold-blue-gray);
}

/* ---------- 通用章节头 ---------- */
.page-contact .section-head{
  display:grid;
  gap:10px;
  margin-bottom:clamp(22px,3vw,34px);
}
.page-contact .section-head__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:300;
  font-size:clamp(1.6rem,3.6vw,2.6rem);
  line-height:1.12;
  color:var(--warm-white);
}
.page-contact .section-head__note{
  margin:0;
  max-width:58ch;
  font-size:15px;
  line-height:1.75;
  color:var(--cold-blue-gray);
}

/* ---------- 三类对接场景 ---------- */
.page-contact .scene-zone{
  background:linear-gradient(180deg,rgba(16,59,49,.92) 0%,rgba(4,26,21,1) 100%);
  border-block:1px solid var(--line);
}
.page-contact .scene-band{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(258px,82%);
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:10px;
  -webkit-overflow-scrolling:touch;
}
.page-contact .scene-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  padding:20px 18px 22px;
  background:var(--panel);
  border:1px solid var(--card-line);
  border-top:3px solid var(--neon-cyan);
  scroll-snap-align:start;
}
.page-contact .scene-card:nth-child(2){border-top-color:var(--signal-orange);}
.page-contact .scene-card:nth-child(3){border-top-color:var(--amber);}
.page-contact .scene-card__index{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--cold-blue-gray);
}
.page-contact .scene-card__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(1.28rem,2.4vw,1.6rem);
  line-height:1.2;
  color:var(--warm-white);
}
.page-contact .scene-card__text{
  margin:0;
  font-size:14.5px;
  line-height:1.75;
  color:var(--cold-blue-gray);
}
.page-contact .scene-card__meta{
  list-style:none;
  margin:4px 0 0;
  padding:0;
  display:grid;
  gap:7px;
}
.page-contact .scene-card__meta li{
  position:relative;
  padding-left:16px;
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.6;
  color:var(--warm-white);
}
.page-contact .scene-card__meta li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:6px;
  height:6px;
  background:var(--neon-cyan);
  transform:rotate(45deg);
}
.page-contact .scene-card__link{
  margin-top:auto;
  padding-top:10px;
  font-size:13px;
  letter-spacing:.04em;
  color:var(--neon-cyan);
  text-decoration:none;
  border-top:1px solid rgba(143,166,178,.18);
}
.page-contact .scene-card__link:hover,
.page-contact .scene-card__link:focus-visible{
  color:var(--signal-orange);
}

/* ---------- 准备清单 ---------- */
.page-contact .prepare__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(26px,4vw,44px);
  align-items:start;
}
.page-contact .checklist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:2px;
  background:var(--card-line);
  border:1px solid var(--card-line);
}
.page-contact .check-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  background:var(--control-green);
}
.page-contact .check-item input{
  -webkit-appearance:none;
  appearance:none;
  flex:0 0 auto;
  width:18px;
  height:18px;
  margin:3px 0 0;
  border:1px solid var(--deck-edge);
  background:transparent;
  cursor:pointer;
  position:relative;
}
.page-contact .check-item input:checked{
  border-color:var(--neon-cyan);
  background:rgba(46,242,208,.14);
}
.page-contact .check-item input:checked::after{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:5px;
  height:10px;
  border-right:2px solid var(--neon-cyan);
  border-bottom:2px solid var(--neon-cyan);
  transform:rotate(40deg);
}
.page-contact .check-item input:focus-visible{
  outline:2px solid var(--signal-orange);
  outline-offset:2px;
}
.page-contact .check-item label{
  font-size:14.5px;
  line-height:1.7;
  color:var(--warm-white);
  cursor:pointer;
}
.page-contact .check-item input:checked + label{
  color:var(--cold-blue-gray);
}
.page-contact .prepare__tip{
  margin:18px 0 0;
  padding-left:14px;
  border-left:2px solid var(--signal-orange);
  font-size:14px;
  line-height:1.75;
  color:var(--cold-blue-gray);
}
.page-contact .prepare__figure{
  margin:0;
}
.page-contact .prepare__figure img{
  width:100%;
  height:auto;
  object-fit:cover;
  display:block;
}
.page-contact .prepare__figure .img-frame__caption{
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--cold-blue-gray);
}

/* ---------- 在线时段 ---------- */
.page-contact .hour-strip{
  display:grid;
  gap:14px;
  padding:20px;
  background:var(--control-green);
  border:1px solid var(--deck-edge);
}
.page-contact .hour-strip__head{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  align-items:baseline;
  justify-content:space-between;
}
.page-contact .hour-strip__label{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--cold-blue-gray);
}
.page-contact .hour-strip__value{
  font-family:var(--font-mono);
  font-size:clamp(1.15rem,2.6vw,1.6rem);
  color:var(--neon-cyan);
  letter-spacing:.04em;
}
.page-contact .hour-strip__bar{
  position:relative;
  height:10px;
  background:rgba(143,166,178,.16);
  overflow:hidden;
}
.page-contact .hour-strip__fill{
  position:absolute;
  inset:0 auto 0 0;
  width:100%;
  background:var(--hour-bar);
}
.page-contact .hour-strip__scale{
  display:flex;
  justify-content:space-between;
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--cold-blue-gray);
}
.page-contact .hours__cards{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:16px;
}
.page-contact .hours-card{
  padding:18px;
  background:var(--panel);
  border:1px solid var(--card-line);
  border-left:3px solid rgba(46,242,208,.5);
}
.page-contact .hours-card__title{
  margin:0 0 8px;
  font-family:var(--font-display);
  font-weight:400;
  font-size:1.16rem;
  line-height:1.3;
  color:var(--warm-white);
}
.page-contact .hours-card__text{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--cold-blue-gray);
}

/* ---------- 收束仪表盘 ---------- */
.page-contact .closing{
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(43,42,110,.16) 0%,rgba(4,26,21,1) 62%);
}
.page-contact .closing-dash{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--card-line);
  border:1px solid var(--card-line);
}
.page-contact .dash-tile{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 16px;
  background:var(--control-green);
}
.page-contact .dash-tile__num{
  font-family:var(--font-mono);
  font-size:clamp(1.5rem,3.4vw,2.1rem);
  line-height:1;
  color:var(--neon-cyan);
}
.page-contact .dash-tile__label{
  font-size:12.5px;
  line-height:1.6;
  color:var(--cold-blue-gray);
}
.page-contact .closing-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.page-contact .closing-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border:1px solid var(--deck-edge);
  font-size:13.5px;
  color:var(--warm-white);
  text-decoration:none;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.page-contact .closing-link:hover,
.page-contact .closing-link:focus-visible{
  background:rgba(46,242,208,.1);
  border-color:var(--neon-cyan);
  color:var(--neon-cyan);
}
.page-contact .closing-link span{
  color:var(--signal-orange);
}

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

@media (min-width:900px){
  .page-contact .scene-band{
    grid-auto-flow:row;
    grid-template-columns:repeat(3,minmax(0,1fr));
    overflow:visible;
    padding-bottom:0;
  }
  .page-contact .hours__cards{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-contact .closing-dash{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (min-width:960px){
  .page-contact .contact-hero__grid{
    grid-template-columns:minmax(0,1.72fr) minmax(0,1fr);
    gap:22px;
  }
  .page-contact .prepare__grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  }
  .page-contact .hour-strip{
    padding:26px 28px;
  }
}

@media (min-width:1280px){
  .page-contact .contact-hero__title{
    max-width:16ch;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-contact .scene-link,
  .page-contact .closing-link,
  .page-contact .channel{
    transition:none;
  }
  .page-contact .scene-link:hover{
    transform:none;
  }
}

.page-contact{
  --deck-face:rgba(10,43,36,.82);
  --deck-edge:rgba(46,242,208,.26);
  --glass-panel:rgba(10,43,36,.62);
  --card-line:rgba(143,166,178,.2);
  --hour-bar:linear-gradient(90deg,var(--neon-cyan),rgba(46,242,208,.18));
  background:var(--bg);
  color:var(--text);
}

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

/* ---------- 首屏联络面板 ---------- */
.page-contact .contact-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:24px clamp(44px,6vw,76px);
  border-bottom:1px solid var(--line);
}
.page-contact .contact-hero__backdrop{
  position:absolute;
  inset:0;
  z-index:-1;
}
.page-contact .contact-hero__backdrop img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.3;
  filter:saturate(.75) contrast(1.05);
}
.page-contact .contact-hero__backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,26,21,.5) 0%,rgba(4,26,21,.9) 62%,var(--bg) 100%);
}
.page-contact .contact-hero__inner{
  position:relative;
}
.page-contact .contact-hero .breadcrumbs{
  margin-bottom:26px;
}
.page-contact .contact-hero__title{
  font-family:var(--font-display);
  font-weight:300;
  font-size:clamp(2rem,5.4vw,4.2rem);
  line-height:1.05;
  letter-spacing:.01em;
  margin:14px 0 0;
  max-width:19ch;
  color:var(--warm-white);
}
.page-contact .contact-hero__lede{
  margin:18px 0 0;
  max-width:60ch;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.8;
  color:var(--cold-blue-gray);
}
.page-contact .contact-hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  margin-top:clamp(28px,4vw,44px);
}

/* 渠道仪表盘 */
.page-contact .contact-deck{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:var(--deck-edge);
  border:1px solid var(--deck-edge);
  overflow:hidden;
}
.page-contact .channel{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  padding:18px 18px 20px;
  background:var(--deck-face);
  transition:background .2s ease;
}
.page-contact .channel:hover{
  background:rgba(16,59,49,.92);
}
.page-contact .channel__key{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--cold-blue-gray);
}
.page-contact .channel__val{
  font-family:var(--font-mono);
  font-size:clamp(.95rem,2.1vw,1.12rem);
  line-height:1.45;
  color:var(--warm-white);
  overflow-wrap:anywhere;
}
.page-contact .channel--signal .channel__val{
  color:var(--signal-orange);
}
.page-contact .channel__hint{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:var(--cold-blue-gray);
}

/* 场景选择窄栏 */
.page-contact .scene-picker{
  display:flex;
  flex-direction:column;
  padding:20px;
  background:var(--glass-panel);
  border:1px solid var(--card-line);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.page-contact .scene-picker__title{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--neon-cyan);
}
.page-contact .scene-link{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
  padding:14px 0;
  border-top:1px solid rgba(143,166,178,.18);
  text-decoration:none;
  color:var(--warm-white);
  transition:transform .18s ease,color .18s ease;
}
.page-contact .scene-link:hover,
.page-contact .scene-link:focus-visible{
  transform:translateX(4px);
  color:var(--neon-cyan);
}
.page-contact .scene-link__num{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--cold-blue-gray);
}
.page-contact .scene-link__text{
  display:block;
  font-size:15px;
  font-weight:500;
  line-height:1.45;
}
.page-contact .scene-link__text em{
  display:block;
  margin-top:4px;
  font-style:normal;
  font-size:12.5px;
  font-weight:400;
  line-height:1.6;
  color:var(--cold-blue-gray);
}

/* ---------- 通用章节头 ---------- */
.page-contact .section-head{
  display:grid;
  gap:10px;
  margin-bottom:clamp(22px,3vw,34px);
}
.page-contact .section-head__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:300;
  font-size:clamp(1.6rem,3.6vw,2.6rem);
  line-height:1.12;
  color:var(--warm-white);
}
.page-contact .section-head__note{
  margin:0;
  max-width:58ch;
  font-size:15px;
  line-height:1.75;
  color:var(--cold-blue-gray);
}

/* ---------- 三类对接场景 ---------- */
.page-contact .scene-zone{
  background:linear-gradient(180deg,rgba(16,59,49,.92) 0%,rgba(4,26,21,1) 100%);
  border-block:1px solid var(--line);
}
.page-contact .scene-band{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(258px,82%);
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:10px;
  -webkit-overflow-scrolling:touch;
}
.page-contact .scene-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  padding:20px 18px 22px;
  background:var(--panel);
  border:1px solid var(--card-line);
  border-top:3px solid var(--neon-cyan);
  scroll-snap-align:start;
}
.page-contact .scene-card:nth-child(2){border-top-color:var(--signal-orange);}
.page-contact .scene-card:nth-child(3){border-top-color:var(--amber);}
.page-contact .scene-card__index{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--cold-blue-gray);
}
.page-contact .scene-card__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(1.28rem,2.4vw,1.6rem);
  line-height:1.2;
  color:var(--warm-white);
}
.page-contact .scene-card__text{
  margin:0;
  font-size:14.5px;
  line-height:1.75;
  color:var(--cold-blue-gray);
}
.page-contact .scene-card__meta{
  list-style:none;
  margin:4px 0 0;
  padding:0;
  display:grid;
  gap:7px;
}
.page-contact .scene-card__meta li{
  position:relative;
  padding-left:16px;
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.6;
  color:var(--warm-white);
}
.page-contact .scene-card__meta li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:6px;
  height:6px;
  background:var(--neon-cyan);
  transform:rotate(45deg);
}
.page-contact .scene-card__link{
  margin-top:auto;
  padding-top:10px;
  font-size:13px;
  letter-spacing:.04em;
  color:var(--neon-cyan);
  text-decoration:none;
  border-top:1px solid rgba(143,166,178,.18);
}
.page-contact .scene-card__link:hover,
.page-contact .scene-card__link:focus-visible{
  color:var(--signal-orange);
}

/* ---------- 准备清单 ---------- */
.page-contact .prepare__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(26px,4vw,44px);
  align-items:start;
}
.page-contact .checklist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:2px;
  background:var(--card-line);
  border:1px solid var(--card-line);
}
.page-contact .check-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  background:var(--control-green);
}
.page-contact .check-item input{
  -webkit-appearance:none;
  appearance:none;
  flex:0 0 auto;
  width:18px;
  height:18px;
  margin:3px 0 0;
  border:1px solid var(--deck-edge);
  background:transparent;
  cursor:pointer;
  position:relative;
}
.page-contact .check-item input:checked{
  border-color:var(--neon-cyan);
  background:rgba(46,242,208,.14);
}
.page-contact .check-item input:checked::after{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:5px;
  height:10px;
  border-right:2px solid var(--neon-cyan);
  border-bottom:2px solid var(--neon-cyan);
  transform:rotate(40deg);
}
.page-contact .check-item input:focus-visible{
  outline:2px solid var(--signal-orange);
  outline-offset:2px;
}
.page-contact .check-item label{
  font-size:14.5px;
  line-height:1.7;
  color:var(--warm-white);
  cursor:pointer;
}
.page-contact .check-item input:checked + label{
  color:var(--cold-blue-gray);
}
.page-contact .prepare__tip{
  margin:18px 0 0;
  padding-left:14px;
  border-left:2px solid var(--signal-orange);
  font-size:14px;
  line-height:1.75;
  color:var(--cold-blue-gray);
}
.page-contact .prepare__figure{
  margin:0;
}
.page-contact .prepare__figure img{
  width:100%;
  height:auto;
  object-fit:cover;
  display:block;
}
.page-contact .prepare__figure .img-frame__caption{
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--cold-blue-gray);
}

/* ---------- 在线时段 ---------- */
.page-contact .hour-strip{
  display:grid;
  gap:14px;
  padding:20px;
  background:var(--control-green);
  border:1px solid var(--deck-edge);
}
.page-contact .hour-strip__head{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  align-items:baseline;
  justify-content:space-between;
}
.page-contact .hour-strip__label{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--cold-blue-gray);
}
.page-contact .hour-strip__value{
  font-family:var(--font-mono);
  font-size:clamp(1.15rem,2.6vw,1.6rem);
  color:var(--neon-cyan);
  letter-spacing:.04em;
}
.page-contact .hour-strip__bar{
  position:relative;
  height:10px;
  background:rgba(143,166,178,.16);
  overflow:hidden;
}
.page-contact .hour-strip__fill{
  position:absolute;
  inset:0 auto 0 0;
  width:100%;
  background:var(--hour-bar);
}
.page-contact .hour-strip__scale{
  display:flex;
  justify-content:space-between;
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--cold-blue-gray);
}
.page-contact .hours__cards{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:16px;
}
.page-contact .hours-card{
  padding:18px;
  background:var(--panel);
  border:1px solid var(--card-line);
  border-left:3px solid rgba(46,242,208,.5);
}
.page-contact .hours-card__title{
  margin:0 0 8px;
  font-family:var(--font-display);
  font-weight:400;
  font-size:1.16rem;
  line-height:1.3;
  color:var(--warm-white);
}
.page-contact .hours-card__text{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--cold-blue-gray);
}

/* ---------- 收束仪表盘 ---------- */
.page-contact .closing{
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(43,42,110,.16) 0%,rgba(4,26,21,1) 62%);
}
.page-contact .closing-dash{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--card-line);
  border:1px solid var(--card-line);
}
.page-contact .dash-tile{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 16px;
  background:var(--control-green);
}
.page-contact .dash-tile__num{
  font-family:var(--font-mono);
  font-size:clamp(1.5rem,3.4vw,2.1rem);
  line-height:1;
  color:var(--neon-cyan);
}
.page-contact .dash-tile__label{
  font-size:12.5px;
  line-height:1.6;
  color:var(--cold-blue-gray);
}
.page-contact .closing-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.page-contact .closing-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border:1px solid var(--deck-edge);
  font-size:13.5px;
  color:var(--warm-white);
  text-decoration:none;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.page-contact .closing-link:hover,
.page-contact .closing-link:focus-visible{
  background:rgba(46,242,208,.1);
  border-color:var(--neon-cyan);
  color:var(--neon-cyan);
}
.page-contact .closing-link span{
  color:var(--signal-orange);
}

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

@media (min-width:900px){
  .page-contact .scene-band{
    grid-auto-flow:row;
    grid-template-columns:repeat(3,minmax(0,1fr));
    overflow:visible;
    padding-bottom:0;
  }
  .page-contact .hours__cards{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-contact .closing-dash{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (min-width:960px){
  .page-contact .contact-hero__grid{
    grid-template-columns:minmax(0,1.72fr) minmax(0,1fr);
    gap:22px;
  }
  .page-contact .prepare__grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  }
  .page-contact .hour-strip{
    padding:26px 28px;
  }
}

@media (min-width:1280px){
  .page-contact .contact-hero__title{
    max-width:16ch;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-contact .scene-link,
  .page-contact .closing-link,
  .page-contact .channel{
    transition:none;
  }
  .page-contact .scene-link:hover{
    transform:none;
  }
}