.page-contact{
  --ct-surface:#0E1730;
  --ct-surface-2:#0A1020;
  --ct-sticky:7rem;
  --ct-split-gap:clamp(1.6rem,3.5vw,3rem);
  position:relative;
  padding-block:clamp(1.1rem,2.6vw,2rem) clamp(3rem,7vw,5.5rem);
  background:
    radial-gradient(820px 420px at 92% -6%, rgba(53,230,224,.09), transparent 60%),
    radial-gradient(680px 380px at -8% 26%, rgba(255,122,47,.07), transparent 64%);
  color:var(--white);
}

.page-contact .kit-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem;
  margin:0 0 clamp(1.3rem,3vw,2.1rem);
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.03em;
  color:var(--dim);
}
.page-contact .kit-breadcrumb__item a{
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-contact .kit-breadcrumb__item a:hover,
.page-contact .kit-breadcrumb__item a:focus-visible{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}
.page-contact .kit-breadcrumb__item[aria-current="page"]{color:var(--white);}
.page-contact .kit-breadcrumb__sep{color:var(--line);}

/* ---------- 首屏 ---------- */
.page-contact .ct-hero{
  max-width:60rem;
  margin-bottom:clamp(2rem,4vw,3.2rem);
}
.page-contact .ct-hero__title{
  margin:.55rem 0 1.1rem;
  font-size:clamp(2rem,5.2vw,3.5rem);
  line-height:1.08;
  letter-spacing:-.022em;
  text-wrap:balance;
}
.page-contact .ct-hero__lead{
  max-width:44rem;
  color:var(--mist);
}
.page-contact .ct-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1.4rem;
}

/* ---------- 双栏骨架 ---------- */
.page-contact .ct-frame{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--ct-split-gap);
  padding-top:clamp(1.5rem,3vw,2.4rem);
  border-top:1px solid var(--line);
}
.page-contact .ct-aside{
  min-width:0;
  display:grid;
  gap:.9rem;
  align-content:start;
}
.page-contact .ct-flow{
  display:grid;
  gap:clamp(2.1rem,4.5vw,3.5rem);
  min-width:0;
}

/* ---------- 联系卡 ---------- */
.page-contact .ct-card{
  position:relative;
  padding:clamp(1.15rem,2.4vw,1.75rem);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:linear-gradient(158deg,#122040 0%,var(--ct-surface) 62%,var(--ct-surface-2) 100%);
  overflow:hidden;
}
.page-contact .ct-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--cyan),var(--orange) 55%,var(--gold));
}
.page-contact .ct-card__eyebrow{margin-bottom:.45rem;}
.page-contact .ct-card__title{
  margin:0 0 .95rem;
  font-size:1.1rem;
  letter-spacing:-.01em;
}
.page-contact .ct-contact{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.85rem;
}
.page-contact .ct-contact__row{
  padding-bottom:.8rem;
  border-bottom:1px dashed rgba(34,48,77,.85);
}
.page-contact .ct-contact__row:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.page-contact .ct-contact__key{
  display:block;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--dim);
}
.page-contact .ct-contact__val{
  display:block;
  margin-top:.25rem;
  font-size:.98rem;
  line-height:1.5;
  color:var(--white);
  overflow-wrap:anywhere;
}
.page-contact .ct-contact__val--mono{
  font-family:var(--font-mono);
  letter-spacing:.01em;
  color:var(--cyan);
  user-select:all;
}
.page-contact .ct-card__note{
  margin-top:1.05rem;
  padding-top:.85rem;
  border-top:1px solid rgba(34,48,77,.7);
  font-size:.78rem;
  line-height:1.75;
  color:var(--dim);
}
.page-contact .ct-hours{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  padding:.8rem .95rem;
  border:1px solid rgba(79,208,138,.35);
  border-radius:var(--r-md);
  background:rgba(79,208,138,.06);
}
.page-contact .ct-hours__dot{
  flex:0 0 auto;
  width:.5rem;
  height:.5rem;
  margin-top:.5rem;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 3px rgba(79,208,138,.18);
}
.page-contact .ct-hours p{
  margin:0;
  font-size:.8rem;
  line-height:1.7;
  color:rgba(233,238,248,.82);
}

/* ---------- 区块头 ---------- */
.page-contact .ct-sec{scroll-margin-top:8rem;min-width:0;}
.page-contact .ct-sec__head{margin-bottom:1.2rem;}
.page-contact .ct-sec__head .kit-h2{
  margin:.35rem 0 .7rem;
  text-wrap:balance;
}
.page-contact .ct-sec__head .kit-text{max-width:46rem;}
.page-contact .ct-sec__tail{
  max-width:46rem;
  margin-top:1.2rem;
  color:var(--mist);
}
.page-contact .ct-sec__tail a,
.page-contact .ct-draft__hint a{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(53,230,224,.45);
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.page-contact .ct-sec__tail a:hover,
.page-contact .ct-sec__tail a:focus-visible,
.page-contact .ct-draft__hint a:hover,
.page-contact .ct-draft__hint a:focus-visible{
  color:var(--white);
  border-bottom-color:var(--white);
}

/* ---------- 图 ---------- */
.page-contact .ct-figure{
  margin:0 0 1.4rem;
}
.page-contact .ct-figure .kit-figure__img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--r-md);
  border:1px solid var(--line);
  object-fit:cover;
}
.page-contact .ct-figure .kit-figure__cap{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.02em;
  color:var(--dim);
}

/* ---------- 合作方向 ---------- */
.page-contact .ct-paths{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.85rem;
}
.page-contact .ct-path{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.7rem;
  padding:clamp(1rem,2vw,1.4rem);
  border:1px solid var(--line);
  border-left:3px solid var(--line);
  border-radius:var(--r-md);
  background:linear-gradient(120deg,var(--ct-surface-2),rgba(14,23,48,.55));
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.page-contact .ct-path:hover,
.page-contact .ct-path:focus-within{
  transform:translateY(-4px);
  border-color:var(--line);
  border-left-color:var(--cyan);
  background:linear-gradient(120deg,#0E1730,#122040);
}
.page-contact .ct-path__num{
  font-family:var(--font-mono);
  font-size:1.6rem;
  line-height:1;
  letter-spacing:-.03em;
  color:var(--cyan);
}
.page-contact .ct-path__body{min-width:0;}
.page-contact .ct-path__body .kit-h3{
  margin:0 0 .45rem;
  font-size:1.2rem;
}
.page-contact .ct-path__for{
  margin:0 0 .65rem;
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.02em;
  line-height:1.7;
  color:var(--gold);
}
.page-contact .ct-path__body .kit-text{
  margin:0 0 .7rem;
  font-size:.95rem;
  line-height:1.8;
  color:rgba(233,238,248,.85);
}
.page-contact .ct-path__need{
  margin:0;
  padding-top:.7rem;
  border-top:1px dashed rgba(34,48,77,.9);
  font-size:.82rem;
  line-height:1.7;
  color:var(--dim);
}

/* ---------- 沟通准备 ---------- */
.page-contact .ct-prep{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.5rem;
}
.page-contact .ct-prep__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.15rem;
}
.page-contact .ct-prep__item{
  display:grid;
  grid-template-columns:2.6rem minmax(0,1fr);
  gap:.55rem;
  padding:.95rem 0;
  border-top:1px solid var(--line-soft);
}
.page-contact .ct-prep__item:last-child{border-bottom:1px solid var(--line-soft);}
.page-contact .ct-prep__num{
  font-family:var(--font-mono);
  font-size:.82rem;
  letter-spacing:.06em;
  color:var(--orange);
  padding-top:.15rem;
}
.page-contact .ct-prep__title{
  margin:0 0 .3rem;
  font-size:1rem;
  font-weight:700;
  letter-spacing:-.005em;
  color:var(--white);
}
.page-contact .ct-prep__text{
  margin:0;
  font-size:.9rem;
  line-height:1.8;
  color:var(--mist);
}
.page-contact .ct-figure--inline{margin:0;}

/* ---------- 处理流程 ---------- */
.page-contact .ct-steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.8rem;
}
.page-contact .ct-step{
  position:relative;
  padding:1.05rem 1.15rem 1.2rem;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:linear-gradient(180deg,rgba(18,32,64,.92),rgba(10,16,32,.92));
  overflow:hidden;
  transition:border-color var(--dur) var(--ease);
}
.page-contact .ct-step:hover{border-color:rgba(53,230,224,.5);}
.page-contact .ct-step::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,var(--cyan),rgba(53,230,224,0) 78%);
}
.page-contact .ct-step__num{
  display:block;
  font-family:var(--font-mono);
  font-size:1.35rem;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--orange);
  margin-bottom:.5rem;
}
.page-contact .ct-step__title{
  margin:0 0 .4rem;
  font-size:1rem;
  font-weight:700;
  color:var(--white);
}
.page-contact .ct-step__text{
  margin:0;
  font-size:.88rem;
  line-height:1.8;
  color:var(--mist);
}

/* ---------- 分流 ---------- */
.page-contact .ct-routes{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--line);
}
.page-contact .ct-route{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.6rem;
  padding:.95rem .15rem;
  border-bottom:1px solid var(--line-soft);
  transition:background var(--dur) var(--ease);
}
.page-contact .ct-route:hover{background:rgba(18,32,64,.55);}
.page-contact .ct-route__q{
  margin:0;
  font-size:.95rem;
  line-height:1.7;
  color:rgba(233,238,248,.9);
}
.page-contact .ct-route__links{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.page-contact .ct-route__link{
  display:inline-block;
  padding:.28rem .7rem;
  border:1px solid rgba(53,230,224,.45);
  border-radius:999px;
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.02em;
  color:var(--cyan);
  text-decoration:none;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-contact .ct-route__link:hover,
.page-contact .ct-route__link:focus-visible{
  background:var(--cyan);
  color:var(--ink-900);
  border-color:var(--cyan);
}

/* ---------- 邮件模板 ---------- */
.page-contact .ct-draft{
  padding:clamp(1rem,2.2vw,1.5rem);
  border:1px dashed rgba(53,230,224,.42);
  border-radius:var(--r-md);
  background:var(--ink-900);
  font-family:var(--font-mono);
  font-size:.85rem;
  line-height:2;
  color:var(--mist);
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  user-select:all;
}
.page-contact .ct-draft__key{color:var(--cyan);}
.page-contact .ct-draft__hint{
  margin:1rem 0 0;
  max-width:46rem;
  font-size:.85rem;
  line-height:1.85;
  color:var(--dim);
}

/* ---------- 延伸入口 ---------- */
.page-contact .ct-more{
  margin-top:1.6rem;
  padding:1.1rem 1.2rem;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:linear-gradient(120deg,rgba(18,32,64,.9),rgba(10,16,32,.6));
}
.page-contact .ct-more__title{
  margin:0 0 .8rem;
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--dim);
}
.page-contact .ct-more__links{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}

/* ---------- 焦点可读 ---------- */
.page-contact a:focus-visible,
.page-contact button:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:2px;
  border-radius:var(--r-sm);
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-contact .ct-path{
    grid-template-columns:4.6rem minmax(0,1fr);
    gap:.4rem 1rem;
  }
  .page-contact .ct-path__num{font-size:1.9rem;padding-top:.15rem;}
  .page-contact .ct-route{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:1rem;
  }
  .page-contact .ct-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-contact .ct-prep{grid-template-columns:minmax(0,1fr) minmax(0,14rem);align-items:start;}
}

@media (min-width:960px){
  .page-contact .ct-frame{
    grid-template-columns:minmax(250px,21rem) minmax(0,1fr);
    align-items:start;
  }
  .page-contact .ct-aside{
    position:sticky;
    top:var(--ct-sticky);
  }
  .page-contact .ct-hero__lead{font-size:1.05rem;}
}

@media (min-width:1180px){
  .page-contact .ct-prep{grid-template-columns:minmax(0,1fr) minmax(0,17rem);gap:2rem;}
}

@media (prefers-reduced-motion:reduce){
  .page-contact .ct-path,
  .page-contact .ct-step,
  .page-contact .ct-route,
  .page-contact .ct-route__link,
  .page-contact .kit-breadcrumb__item a{
    transition:none;
  }
  .page-contact .ct-path:hover,
  .page-contact .ct-path:focus-within{transform:none;}
}