/* =========================================================
   联系我们  /find-us/
   ========================================================= */
.page-contact{
  --ct-line:rgba(30,77,107,.75);
  --ct-hair:rgba(159,179,200,.24);
  --ct-print:rgba(36,30,26,.18);
  --ct-accent:#9A3D0E;

  background:var(--sea);
  color:var(--white);
  font-family:var(--font-sans);
  overflow-x:clip;
}

.page-contact .mono{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}

.page-contact .section{
  padding-block:clamp(46px,6.5vw,92px);
}

/* ---------- 首屏 ---------- */
.page-contact .contact-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(18px,3vw,34px) 0 clamp(40px,6vw,80px);
  border-bottom:1px solid var(--ct-line);
}

.page-contact .contact-hero__bg{
  position:absolute;
  inset:0;
  z-index:0;
}
.page-contact .contact-hero__bg img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.45;
}
.page-contact .contact-hero__bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(178deg,rgba(7,26,51,.88) 0%,rgba(7,26,51,.94) 54%,var(--sea) 100%);
}

.page-contact .contact-hero__grid{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(112deg,transparent 0 45%,rgba(53,240,208,.32) 45% 45.35%,transparent 45.35%),
    linear-gradient(112deg,transparent 0 58%,rgba(138,108,255,.24) 58% 58.3%,transparent 58.3%),
    linear-gradient(112deg,transparent 0 71%,rgba(255,122,47,.22) 71% 71.26%,transparent 71.26%);
}

.page-contact .contact-hero::after{
  content:"";
  position:absolute;
  top:clamp(16px,3.5vw,44px);
  right:clamp(12px,2.6vw,38px);
  bottom:clamp(16px,3.5vw,44px);
  width:8px;
  background-image:repeating-linear-gradient(180deg,var(--silver) 0 1px,transparent 1px 15px);
  opacity:.45;
  pointer-events:none;
}

.page-contact .contact-hero__inner{
  position:relative;
  z-index:1;
}

/* 面包屑 */
.page-contact .breadcrumb ul{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 clamp(22px,3.6vw,40px);
  padding:0;
  list-style:none;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
}
.page-contact .breadcrumb li{
  color:var(--txt-58);
}
.page-contact .breadcrumb li + li::before{
  content:"/";
  margin-right:8px;
  color:var(--ct-line);
}
.page-contact .breadcrumb a{
  color:var(--txt-58);
  text-decoration:none;
  transition:color .25s var(--ease);
}
.page-contact .breadcrumb a:hover{
  color:var(--cyan);
}
.page-contact .breadcrumb li[aria-current]{
  color:var(--cyan);
}

.page-contact .eyebrow{
  margin:0 0 14px;
  color:var(--cyan);
}
.page-contact .section--paper .eyebrow{
  color:var(--ct-accent);
}

.page-contact h1{
  margin:0 0 clamp(16px,2.4vw,24px);
  max-width:18ch;
  font-size:clamp(38px,7.4vw,74px);
  font-weight:900;
  line-height:1.02;
  letter-spacing:-.02em;
}
.page-contact h1 span{
  color:var(--cyan);
}

.page-contact .contact-hero__lede{
  margin:0 0 clamp(18px,2.6vw,26px);
  max-width:56ch;
  font-size:clamp(16px,1.6vw,19px);
  line-height:1.8;
  color:var(--txt-72);
}

.page-contact .contact-hero__clock{
  display:inline-block;
  margin:0 0 clamp(20px,3vw,32px);
  padding:8px 14px;
  border:1px solid var(--ct-line);
  font-size:12.5px;
  color:var(--silver);
}

.page-contact .contact-jump{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-contact .contact-jump a{
  display:inline-block;
  padding:9px 16px;
  border:1px solid var(--ct-line);
  color:var(--white);
  font-size:13.5px;
  text-decoration:none;
  transition:border-color .25s var(--ease),color .25s var(--ease),background-color .25s var(--ease);
}
.page-contact .contact-jump a:hover{
  border-color:var(--orange);
  background:rgba(255,122,47,.12);
  color:var(--orange);
}

/* ---------- 章节头部 ---------- */
.page-contact .contact-head{
  max-width:64ch;
  margin-bottom:clamp(26px,4vw,48px);
}
.page-contact .contact-head h2{
  margin:0 0 14px;
  font-size:clamp(26px,4.2vw,42px);
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.02em;
}
.page-contact .contact-head p{
  margin:0;
  line-height:1.78;
  color:var(--txt-72);
}
.page-contact .section--paper .contact-head p{
  color:rgba(36,30,26,.78);
}

/* ---------- 渠道区 ---------- */
.page-contact .contact-channels{
  background:var(--sea);
}

.page-contact .contact-channels__body{
  display:grid;
  gap:clamp(26px,4vw,52px);
}

.page-contact .channel-track{
  position:relative;
  display:grid;
  gap:16px;
  padding-left:26px;
}
.page-contact .channel-track::before{
  content:"";
  position:absolute;
  left:6px;
  top:16px;
  bottom:16px;
  border-left:2px dashed rgba(30,77,107,.95);
}

.page-contact .channel-card{
  position:relative;
  padding:clamp(18px,2.4vw,26px);
  background:var(--ink);
  border:1px solid var(--ct-line);
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.page-contact .channel-card::before{
  content:"";
  position:absolute;
  left:-26px;
  top:32px;
  width:16px;
  height:2px;
  background:var(--steel);
  transition:background-color .3s var(--ease),box-shadow .3s var(--ease);
}
.page-contact .channel-card:hover{
  border-color:var(--cyan);
  transform:translateX(3px);
}
.page-contact .channel-card:hover::before{
  background:var(--orange);
  box-shadow:0 0 10px var(--orange);
}

.page-contact .channel-card__no{
  display:block;
  margin-bottom:10px;
  font-size:12px;
  letter-spacing:.16em;
  color:var(--violet);
}

.page-contact .channel-card__title{
  margin:0 0 10px;
  font-size:15px;
  font-weight:800;
  letter-spacing:.04em;
  color:var(--silver);
}

.page-contact .channel-card__value{
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:clamp(16px,2.2vw,21px);
  font-weight:700;
  line-height:1.45;
  letter-spacing:-.01em;
  color:var(--white);
  overflow-wrap:anywhere;
  transition:color .3s var(--ease);
}
.page-contact .channel-card:hover .channel-card__value{
  color:var(--orange);
}

.page-contact .channel-card__note{
  margin:0 0 12px;
  font-size:14.5px;
  line-height:1.75;
  color:var(--txt-72);
}

.page-contact .channel-card__use{
  margin:0;
  padding-top:12px;
  border-top:1px dashed var(--ct-hair);
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--silver);
}

.page-contact .contact-channels__figure{
  margin:0;
}
.page-contact .contact-channels__figure .media__img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-contact .contact-channels__figure .media__frame,
.page-contact .contact-channels__figure .media__caption{
  font-size:12.5px;
  line-height:1.7;
  color:var(--txt-58);
}

/* ---------- 邮件清单区（纸质） ---------- */
.page-contact .section--paper{
  background:var(--paper);
  color:var(--brown);
}

.page-contact .contact-mail__grid{
  display:grid;
  gap:clamp(26px,4vw,56px);
}

.page-contact .contact-mail__copy h2{
  margin:0 0 16px;
  font-size:clamp(26px,4.2vw,42px);
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.02em;
  color:var(--brown);
}
.page-contact .contact-mail__copy p{
  margin:0 0 14px;
  line-height:1.8;
  color:rgba(36,30,26,.8);
}
.page-contact .contact-mail__aside{
  padding-left:14px;
  border-left:3px solid var(--ct-accent);
  font-size:14.5px;
  color:rgba(36,30,26,.68) !important;
}

.page-contact .check-list{
  margin:0;
  padding:0;
  list-style:none;
  border-top:2px solid var(--brown);
}
.page-contact .check-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  padding:18px 0;
  border-bottom:1px solid var(--ct-print);
}
.page-contact .check-list__k{
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--ct-accent);
  padding-top:2px;
}
.page-contact .check-list__body h3{
  margin:0 0 6px;
  font-size:17px;
  font-weight:800;
  letter-spacing:-.01em;
  color:var(--brown);
}
.page-contact .check-list__body p{
  margin:0;
  font-size:14.5px;
  line-height:1.78;
  color:rgba(36,30,26,.76);
}

/* ---------- 热线区 ---------- */
.page-contact .contact-hotline{
  background:var(--ink);
  border-block:1px solid var(--ct-line);
}
.page-contact .contact-hotline h2{
  margin:0 0 clamp(24px,3.6vw,42px);
  font-size:clamp(26px,4.4vw,44px);
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.02em;
}
.page-contact .contact-hotline__num{
  color:var(--cyan);
  white-space:nowrap;
}

.page-contact .hotline-grid{
  display:grid;
  gap:clamp(24px,3.4vw,44px);
}
.page-contact .hotline-copy p{
  margin:0;
  max-width:42ch;
  font-size:16px;
  line-height:1.82;
  color:var(--txt-72);
}

.page-contact .hotline-panel{
  padding:clamp(20px,2.6vw,30px);
  background:rgba(7,26,51,.72);
  border-left:3px solid var(--cyan);
}
.page-contact .hotline-panel__title{
  margin:0 0 16px;
  font-size:12.5px;
  letter-spacing:.14em;
  color:var(--silver);
}
.page-contact .hotline-list{
  margin:0 0 16px;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.page-contact .hotline-list li{
  position:relative;
  padding-left:18px;
  font-size:15px;
  line-height:1.72;
  color:var(--white);
}
.page-contact .hotline-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:8px;
  height:2px;
  background:var(--orange);
}
.page-contact .hotline-panel__note{
  margin:0;
  padding-top:14px;
  border-top:1px dashed var(--ct-hair);
  font-size:13.5px;
  line-height:1.75;
  color:var(--txt-58);
}

/* ---------- 协助步骤 ---------- */
.page-contact .contact-assist{
  background:var(--sea);
}
.page-contact .assist-steps{
  display:grid;
  gap:18px;
}
.page-contact .assist-step{
  padding:clamp(20px,2.6vw,28px);
  border:1px dashed var(--ct-line);
  background:rgba(11,36,64,.55);
  transition:border-color .3s var(--ease),background-color .3s var(--ease);
}
.page-contact .assist-step:hover{
  border-color:var(--cyan);
  background:rgba(11,36,64,.85);
}
.page-contact .assist-step__tag{
  margin:0 0 12px;
  font-size:12px;
  letter-spacing:.16em;
  color:var(--violet);
}
.page-contact .assist-step h3{
  margin:0 0 14px;
  font-size:19px;
  font-weight:800;
  letter-spacing:-.01em;
}
.page-contact .assist-step__list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.page-contact .assist-step__list li{
  position:relative;
  padding-left:16px;
  font-size:14.5px;
  line-height:1.75;
  color:var(--txt-72);
}
.page-contact .assist-step__list li::before{
  content:"—";
  position:absolute;
  left:0;
  color:var(--steel);
}

.page-contact .assist-tip{
  margin:clamp(22px,3vw,34px) 0 0;
  padding:16px 20px;
  border-left:3px solid var(--orange);
  background:rgba(255,122,47,.08);
  font-size:14.5px;
  line-height:1.78;
  color:var(--white);
}

/* ---------- 书面往来 ---------- */
.page-contact .contact-written__grid{
  display:grid;
  gap:clamp(24px,3.6vw,52px);
}
.page-contact .contact-written__copy h2{
  margin:0 0 16px;
  font-size:clamp(26px,4.2vw,42px);
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.02em;
  color:var(--brown);
}
.page-contact .contact-written__copy p{
  margin:0 0 14px;
  line-height:1.8;
  color:rgba(36,30,26,.8);
}

.page-contact .written-card{
  padding:clamp(20px,2.6vw,30px);
  background:#FBF7EE;
  border:2px solid var(--brown);
  box-shadow:6px 6px 0 rgba(36,30,26,.14);
}
.page-contact .written-card__key{
  margin:0 0 12px;
  font-size:12px;
  letter-spacing:.16em;
  color:var(--ct-accent);
}
.page-contact .written-card__value{
  margin:0 0 14px;
  font-size:clamp(17px,2.2vw,21px);
  font-weight:800;
  line-height:1.6;
  letter-spacing:-.01em;
  color:var(--brown);
}
.page-contact .written-card__note{
  margin:0;
  padding-top:12px;
  border-top:1px dashed var(--ct-print);
  font-size:13.5px;
  line-height:1.7;
  color:rgba(36,30,26,.66);
}

/* ---------- 内容合作 ---------- */
.page-contact .contact-coop{
  background:var(--ink);
  border-block:1px solid var(--ct-line);
}
.page-contact .coop-grid{
  display:grid;
  gap:18px;
}
.page-contact .coop-card{
  padding:clamp(20px,2.6vw,30px);
  border:1px solid var(--ct-line);
  background:rgba(7,26,51,.6);
  transition:border-color .3s var(--ease);
}
.page-contact .coop-card:hover{
  border-color:var(--violet);
}
.page-contact .coop-card__tag{
  margin:0 0 12px;
  font-size:12px;
  letter-spacing:.14em;
  color:var(--violet);
}
.page-contact .coop-card__title{
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:clamp(16px,2vw,19px);
  font-weight:700;
  color:var(--cyan);
}
.page-contact .coop-card__note{
  margin:0;
  font-size:14.5px;
  line-height:1.78;
  color:var(--txt-72);
}
.page-contact .coop-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:11px;
}
.page-contact .coop-list li{
  position:relative;
  padding-left:18px;
  font-size:14.5px;
  line-height:1.75;
  color:var(--txt-72);
}
.page-contact .coop-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:9px;
  height:2px;
  background:var(--cyan);
}

/* ---------- 站内继续 ---------- */
.page-contact .contact-next{
  background:var(--sea);
  border-top:1px solid var(--ct-hair);
}
.page-contact .next-links{
  display:grid;
  gap:12px;
}
.page-contact .next-links a{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 16px;
  padding:16px 20px;
  border:1px solid var(--ct-line);
  color:var(--white);
  text-decoration:none;
  transition:border-color .3s var(--ease),background-color .3s var(--ease),transform .3s var(--ease);
}
.page-contact .next-links a:hover{
  border-color:var(--cyan);
  background:rgba(53,240,208,.07);
  transform:translateX(4px);
}
.page-contact .next-links__name{
  font-size:16px;
  font-weight:800;
  letter-spacing:-.01em;
}
.page-contact .next-links__desc{
  font-size:13.5px;
  color:var(--txt-58);
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-contact .hotline-grid{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    align-items:start;
  }
  .page-contact .coop-grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  }
  .page-contact .next-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:900px){
  .page-contact .contact-mail__grid{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    align-items:start;
  }
  .page-contact .assist-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
  }
  .page-contact .contact-written__grid{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    align-items:start;
  }
}

@media (min-width:980px){
  .page-contact .contact-channels__body{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    align-items:start;
  }
  .page-contact .next-links{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (prefers-reduced-motion:reduce){
  .page-contact .channel-card,
  .page-contact .assist-step,
  .page-contact .coop-card,
  .page-contact .next-links a,
  .page-contact .contact-jump a,
  .page-contact .channel-card__value{
    transition:none;
  }
  .page-contact .channel-card:hover,
  .page-contact .next-links a:hover{
    transform:none;
  }
}