.page-contact{
  --cx-rule:rgba(201,210,220,.16);
  --cx-rule-ink:rgba(6,26,47,.14);
  --cx-glow-cyan:rgba(34,211,238,.16);
  --cx-glow-orange:rgba(255,106,26,.14);
  background:var(--ink);
  color:var(--paper);
  overflow-x:hidden;
}

/* ---------- 首屏 ---------- */
.page-contact .cx-hero{
  position:relative;
  padding-top:clamp(20px,4vw,36px);
  background:
    radial-gradient(88% 62% at 88% 0%, var(--cx-glow-cyan), transparent 66%),
    radial-gradient(70% 70% at 4% 100%, var(--cx-glow-orange), transparent 72%),
    linear-gradient(172deg,#0B0F14 0%,#061A2F 58%,#0B0F14 100%);
  border-bottom:1px solid var(--cx-rule);
}
.page-contact .cx-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(24px,4vw,44px);
  padding-bottom:clamp(30px,5vw,56px);
}
.page-contact .cx-hero__eyebrow{margin:clamp(14px,3vw,22px) 0 0;}
.page-contact .cx-hero__title{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-size:clamp(34px,7.4vw,70px);
  line-height:.98;
  letter-spacing:-.03em;
  font-weight:900;
}
.page-contact .cx-hero__lead{
  margin:clamp(16px,3vw,24px) 0 0;
  max-width:52ch;
  font-size:clamp(15px,1.9vw,17px);
  line-height:1.8;
  color:var(--mist);
}
.page-contact .cx-quick{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  margin-top:clamp(22px,4vw,34px);
  border-top:1px solid var(--cx-rule);
}
.page-contact .cx-quick__cell{
  padding:16px 0;
  border-bottom:1px solid var(--cx-rule);
  min-width:0;
}
.page-contact .cx-quick__label{
  margin:0 0 6px;
  font-size:11px;
  letter-spacing:.18em;
  color:var(--cyan);
}
.page-contact .cx-quick__value{
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(15px,3.4vw,19px);
  letter-spacing:.01em;
  color:var(--paper);
  overflow-wrap:anywhere;
}
.page-contact .cx-hero__figure{
  position:relative;
  margin:0;
  border:1px solid var(--cx-rule);
  background:#0B0F14;
  overflow:hidden;
}
.page-contact .cx-hero__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  opacity:.72;
  filter:saturate(.9) contrast(1.05);
}
.page-contact .cx-hero__figure::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(195deg,rgba(11,15,20,0) 32%,rgba(6,26,47,.78) 100%);
}
.page-contact .cx-statusbar{
  background:var(--carbon);
  border-top:1px solid var(--cx-rule);
}
.page-contact .cx-statusbar__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  padding-block:14px;
  font-size:12px;
  letter-spacing:.12em;
  color:var(--mist);
}
.page-contact .cx-statusbar__inner p{margin:0;}
.page-contact .cx-statusbar__dot{
  flex:none;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 4px rgba(124,255,178,.14);
}
.page-contact .cx-statusbar__slash{color:var(--fog);}

/* ---------- 通用小标题 ---------- */
.page-contact .cx-head{max-width:740px;}
.page-contact .cx-h2{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-size:clamp(25px,4.2vw,40px);
  line-height:1.12;
  letter-spacing:-.02em;
  font-weight:900;
  color:inherit;
}
.page-contact .cx-head__lead{
  margin:14px 0 0;
  font-size:clamp(15px,1.9vw,16.5px);
  line-height:1.8;
  color:var(--mist);
}

/* ---------- 01 事项分流 ---------- */
.page-contact .cx-channel{
  padding:clamp(44px,7vw,84px) 0 clamp(40px,6vw,72px);
  background:
    linear-gradient(180deg,rgba(34,211,238,.05),transparent 220px),
    var(--ink);
  border-bottom:1px solid var(--cx-rule);
}
.page-contact .cx-channels{
  list-style:none;
  margin:clamp(26px,4vw,40px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  border-top:1px solid var(--cx-rule);
}
.page-contact .cx-channels > li{
  display:grid;
  grid-template-columns:14px minmax(0,1fr);
  gap:16px;
  padding:22px 0;
  border-bottom:1px solid var(--cx-rule);
}
.page-contact .cx-dot{
  width:10px;
  height:10px;
  margin-top:8px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 4px rgba(34,211,238,.14);
}
.page-contact .cx-dot--orange{
  background:var(--orange);
  box-shadow:0 0 0 4px rgba(255,106,26,.16);
}
.page-contact .cx-channel__idx{
  margin:0;
  font-size:11px;
  letter-spacing:.18em;
  color:var(--fog);
}
.page-contact .cx-channel__body{min-width:0;}
.page-contact .cx-channel__body h3{
  margin:8px 0;
  font-size:clamp(18px,2.4vw,22px);
  line-height:1.3;
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-contact .cx-channel__desc{
  margin:0;
  font-size:15px;
  line-height:1.78;
  color:rgba(246,241,231,.72);
}
.page-contact .cx-channel__link{
  display:inline-block;
  margin-top:14px;
  padding-bottom:3px;
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.08em;
  color:var(--orange);
  text-decoration:none;
  border-bottom:1px solid rgba(255,106,26,.45);
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.page-contact .cx-channel__link:hover,
.page-contact .cx-channel__link:focus-visible{
  color:var(--cyan);
  border-color:var(--cyan);
}

/* ---------- 02 客服 ---------- */
.page-contact .cx-support{
  padding:clamp(44px,7vw,84px) 0;
  background:var(--paper);
  color:var(--ink);
}
.page-contact .cx-support .eyebrow,
.page-contact .cx-visit .eyebrow{color:var(--umber);}
.page-contact .cx-support__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(26px,4vw,44px);
}
.page-contact .cx-support__lead{
  margin:14px 0 0;
  max-width:56ch;
  font-size:clamp(15px,1.9vw,16.5px);
  line-height:1.8;
  color:rgba(6,26,47,.74);
}
.page-contact .cx-lines{
  list-style:none;
  margin:clamp(22px,3vw,30px) 0 0;
  padding:0;
}
.page-contact .cx-line{
  display:grid;
  gap:6px;
  padding:18px 0;
  border-top:1px solid var(--cx-rule-ink);
}
.page-contact .cx-line:last-child{border-bottom:1px solid var(--cx-rule-ink);}
.page-contact .cx-line__tag{
  margin:0;
  font-size:11px;
  letter-spacing:.18em;
  color:rgba(6,26,47,.55);
}
.page-contact .cx-line__value{
  margin:0;
  font-size:clamp(16px,3.2vw,19px);
  line-height:1.4;
  font-weight:700;
  color:var(--ink);
  overflow-wrap:anywhere;
}
.page-contact .cx-line__value--mono{
  font-family:var(--font-mono);
  font-weight:600;
  letter-spacing:.02em;
}
.page-contact .cx-line__note{
  margin:0;
  font-size:14.5px;
  line-height:1.75;
  color:rgba(6,26,47,.7);
}
.page-contact .cx-hours{
  margin-top:clamp(22px,3vw,30px);
  padding:20px clamp(16px,3vw,24px);
  background:var(--carbon);
  color:var(--paper);
  border-left:4px solid var(--orange);
}
.page-contact .cx-hours__label{
  margin:0 0 6px;
  font-size:11px;
  letter-spacing:.18em;
  color:var(--cyan);
}
.page-contact .cx-hours__value{
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(20px,4vw,26px);
  font-weight:600;
  letter-spacing:.01em;
}
.page-contact .cx-hours__note{
  margin:10px 0 0;
  font-size:14px;
  line-height:1.7;
  color:var(--mist);
}
.page-contact .cx-support__figure{
  margin:0;
  border:1px solid var(--cx-rule-ink);
  background:#0B0F14;
  overflow:hidden;
}
.page-contact .cx-support__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}

/* ---------- 03 合作 ---------- */
.page-contact .cx-coop{
  padding:clamp(44px,7vw,84px) 0;
  background:
    radial-gradient(80% 60% at 92% 0%, rgba(255,106,26,.10), transparent 70%),
    var(--carbon);
  border-top:1px solid var(--cx-rule);
  border-bottom:1px solid var(--cx-rule);
}
.page-contact .cx-coop__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(26px,4vw,44px);
}
.page-contact .cx-coop__lead{
  margin:14px 0 0;
  font-size:15.5px;
  line-height:1.8;
  color:var(--mist);
}
.page-contact .cx-coop__types{display:grid;gap:0;}
.page-contact .cx-coop__item{
  padding:20px 0;
  border-top:1px solid var(--cx-rule);
}
.page-contact .cx-coop__idx{
  margin:0;
  font-size:11px;
  letter-spacing:.18em;
  color:var(--orange);
}
.page-contact .cx-coop__item h3{
  margin:8px 0;
  font-size:clamp(18px,2.4vw,21px);
  line-height:1.35;
  color:var(--paper);
}
.page-contact .cx-coop__desc{
  margin:0;
  font-size:15px;
  line-height:1.78;
  color:rgba(246,241,231,.72);
}
.page-contact .cx-coop__materials{
  margin-top:20px;
  padding:20px clamp(16px,3vw,22px);
  background:rgba(34,211,238,.06);
  border-left:3px solid var(--cyan);
}
.page-contact .cx-coop__materials-title{
  margin:0 0 12px;
  font-size:12px;
  letter-spacing:.14em;
  color:var(--cyan);
}
.page-contact .cx-tags{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-contact .cx-tags li{
  padding:6px 10px;
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--paper);
  border:1px solid var(--cx-rule);
}
.page-contact .cx-coop__materials-note{
  margin:14px 0 0;
  font-size:14px;
  line-height:1.75;
  color:var(--mist);
}

/* ---------- 04 办公地点 ---------- */
.page-contact .cx-visit{
  padding:clamp(44px,7vw,84px) 0;
  background:var(--paper);
  color:var(--ink);
}
.page-contact .cx-visit__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(24px,4vw,40px);
}
.page-contact .cx-visit__card{
  padding:clamp(22px,4vw,30px);
  background:var(--ink);
  color:var(--paper);
  border-top:4px solid var(--orange);
}
.page-contact .cx-visit__label{
  margin:0 0 12px;
  font-size:11px;
  letter-spacing:.18em;
  color:var(--cyan);
}
.page-contact .cx-visit__addr{
  margin:0;
  font-size:clamp(18px,2.6vw,23px);
  line-height:1.6;
  font-weight:700;
  letter-spacing:-.01em;
}
.page-contact .cx-visit__note{
  margin:14px 0 0;
  font-size:14px;
  line-height:1.72;
  color:var(--mist);
}
.page-contact .cx-visit__text{
  margin:14px 0 0;
  font-size:15.5px;
  line-height:1.8;
  color:rgba(6,26,47,.75);
}
.page-contact .cx-facts{
  margin:clamp(18px,3vw,26px) 0 0;
  padding:0;
  border-top:1px solid var(--cx-rule-ink);
}
.page-contact .cx-facts__row{
  display:grid;
  gap:4px;
  padding:12px 0;
  border-bottom:1px solid var(--cx-rule-ink);
}
.page-contact .cx-facts dt{
  font-size:12px;
  letter-spacing:.14em;
  color:rgba(6,26,47,.55);
}
.page-contact .cx-facts dd{
  margin:0;
  font-size:15px;
  color:var(--ink);
  overflow-wrap:anywhere;
}

/* ---------- 05 反馈流程 ---------- */
.page-contact .cx-process{
  padding:clamp(44px,7vw,84px) 0 clamp(48px,7vw,88px);
  background:
    linear-gradient(180deg,rgba(34,211,238,.05),transparent 240px),
    var(--ink);
}
.page-contact .cx-flow{
  list-style:none;
  margin:clamp(26px,4vw,40px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  border-top:1px solid var(--cx-rule);
}
.page-contact .cx-flow__item{
  display:grid;
  gap:8px;
  padding:22px 0;
  border-bottom:1px solid var(--cx-rule);
}
.page-contact .cx-flow__num{
  font-size:clamp(22px,3vw,28px);
  font-weight:600;
  letter-spacing:.02em;
  color:var(--orange);
}
.page-contact .cx-flow__item h3{
  margin:0;
  font-size:clamp(17px,2.2vw,19px);
  color:var(--paper);
}
.page-contact .cx-flow__item p{
  margin:0;
  font-size:14.5px;
  line-height:1.78;
  color:rgba(246,241,231,.7);
}

/* ---------- 结尾指引 ---------- */
.page-contact .cx-next{
  padding:clamp(36px,6vw,64px) 0;
  background:var(--carbon);
  border-top:1px solid var(--cx-rule);
}
.page-contact .cx-next__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:22px;
}
.page-contact .cx-next__title{
  margin:8px 0 0;
  font-family:var(--font-display);
  font-size:clamp(22px,3.4vw,30px);
  line-height:1.2;
  letter-spacing:-.02em;
}
.page-contact .cx-next__text{
  margin:12px 0 0;
  max-width:52ch;
  font-size:15px;
  line-height:1.75;
  color:var(--mist);
}
.page-contact .cx-next__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}
.page-contact .cx-next__link{
  padding-bottom:2px;
  font-size:13.5px;
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(34,211,238,.4);
}
.page-contact .cx-next__link:hover,
.page-contact .cx-next__link:focus-visible{color:var(--orange);border-color:rgba(255,106,26,.5);}

/* ---------- 返回顶部 ---------- */
.page-contact .totop{
  position:fixed;
  right:clamp(14px,3vw,28px);
  bottom:clamp(14px,3vw,28px);
  z-index:60;
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line-strong);
  border-radius:2px;
  background:var(--carbon);
  color:var(--paper);
  font-size:16px;
  cursor:pointer;
}

/* ---------- 响应式 ---------- */
@media (min-width:560px){
  .page-contact .cx-facts__row{
    grid-template-columns:minmax(96px,130px) minmax(0,1fr);
    gap:16px;
    align-items:baseline;
  }
}
@media (min-width:640px){
  .page-contact .cx-quick{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-contact .cx-quick__cell{
    padding:18px 0;
    border-bottom:0;
  }
  .page-contact .cx-quick__cell + .cx-quick__cell{
    padding-left:22px;
    border-left:1px solid var(--cx-rule);
  }
}
@media (min-width:760px){
  .page-contact .cx-channels{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(26px,4vw,54px);
  }
  .page-contact .cx-channels > li{padding:26px 0;}
}
@media (min-width:820px){
  .page-contact .cx-flow{
    grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:clamp(20px,3vw,36px);
  }
  .page-contact .cx-flow__item{
    padding:24px 0;
    align-content:start;
  }
  .page-contact .cx-next__inner{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:end;
  }
}
@media (min-width:900px){
  .page-contact .cx-support__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;}
  .page-contact .cx-coop__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);}
  .page-contact .cx-visit__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;}
}
@media (min-width:960px){
  .page-contact .cx-hero__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:end;
  }
}
@media (prefers-reduced-motion:reduce){
  .page-contact .cx-channel__link,
  .page-contact .cx-next__link{transition:none;}
}
<<<END>>>