.page-contact{
  --co-pad-y:clamp(48px,7vw,104px);
  --co-rule:1px solid var(--line);
  background:var(--void);
  color:var(--silver);
  padding-bottom:clamp(32px,5vw,72px);
}

.page-contact img{
  display:block;
  max-width:100%;
  height:auto;
}

/* ---------- 首屏 ---------- */
.page-contact .co-hero{
  position:relative;
  padding:clamp(52px,8vw,128px) 0 clamp(36px,5vw,72px);
  border-bottom:var(--co-rule);
  overflow:hidden;
}
.page-contact .co-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(to right,var(--line-soft) 1px,transparent 1px),
    linear-gradient(to bottom,var(--line-soft) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(120% 88% at 10% 0%,#000 0%,transparent 74%);
  mask-image:radial-gradient(120% 88% at 10% 0%,#000 0%,transparent 74%);
  pointer-events:none;
}
.page-contact .co-hero .wrap{
  position:relative;
  z-index:1;
}
.page-contact .co-hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(28px,3.4vw,48px);
}
.page-contact .co-hero__eyebrow{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 12px;
  margin:0 0 22px;
  padding:6px 12px;
  border:1px solid var(--line-strong);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--silver);
}
.page-contact .co-hero__eyebrow .mono{
  color:var(--cyan);
  font-size:11px;
  letter-spacing:.2em;
}
.page-contact .co-hero__title{
  margin:0 0 20px;
  font-family:var(--font-head);
  font-size:clamp(32px,5.4vw,62px);
  font-weight:900;
  line-height:1.14;
  letter-spacing:-.01em;
  color:var(--silver);
}
.page-contact .co-hero__text{
  margin:0 0 28px;
  max-width:34em;
  font-size:clamp(16px,1.5vw,17px);
  line-height:1.85;
  color:var(--silver);
  opacity:.76;
}
.page-contact .co-hero__acts{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:32px;
}
.page-contact .co-hero__mark{
  border-left:2px solid var(--amber);
  padding:8px 0 8px 18px;
}
.page-contact .co-hero__mark-label{
  display:block;
  margin-bottom:8px;
  font-size:12px;
  letter-spacing:.18em;
  color:var(--amber);
}
.page-contact .co-hero__mark p{
  margin:0;
  max-width:32em;
  font-size:15px;
  line-height:1.8;
  color:var(--silver);
  opacity:.72;
}
.page-contact .co-hero__figure{
  position:relative;
  margin:0;
  border:1px solid var(--line);
  background:var(--night);
  overflow:hidden;
}
.page-contact .co-hero__figure img{
  width:100%;
  aspect-ratio:7/4;
  object-fit:cover;
}
.page-contact .co-hero__figure::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(140deg,rgba(79,227,208,.18),transparent 46%,rgba(233,162,59,.18));
  mix-blend-mode:screen;
  pointer-events:none;
}
@media (min-width:920px){
  .page-contact .co-hero__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:end;
  }
}

/* ---------- 章节索引带 ---------- */
.page-contact .co-toc{
  background:var(--night);
  border-bottom:var(--co-rule);
}
.page-contact .co-toc__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 20px;
  padding:14px 0;
}
.page-contact .co-toc__cap{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.24em;
  color:var(--rock);
}
.page-contact .co-toc a{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  padding:3px 0;
  font-size:14px;
  color:var(--silver);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--t) var(--ease),border-color var(--t) var(--ease);
}
.page-contact .co-toc a .mono{
  font-size:11px;
  color:var(--rock);
}
.page-contact .co-toc a:hover,
.page-contact .co-toc a:focus-visible{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}

/* ---------- 分区骨架 ---------- */
.page-contact .co-sec{
  padding:var(--co-pad-y) 0;
  border-bottom:var(--co-rule);
}
.page-contact .co-head{
  max-width:56em;
  margin-bottom:clamp(28px,4vw,48px);
}
.page-contact .co-head__idx{
  display:block;
  margin-bottom:14px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.2em;
  color:var(--cyan);
}
.page-contact .co-head h2{
  margin:0 0 14px;
  font-family:var(--font-head);
  font-size:clamp(25px,3.4vw,40px);
  font-weight:900;
  line-height:1.2;
  letter-spacing:-.01em;
  color:var(--silver);
}
.page-contact .co-head p{
  margin:0;
  max-width:34em;
  font-size:16px;
  line-height:1.85;
  color:var(--silver);
  opacity:.72;
}

/* ---------- 三类合作方式拼贴 ---------- */
.page-contact .co-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-contact .co-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:clamp(22px,3vw,38px);
  background:var(--void);
  transition:background var(--t) var(--ease);
}
.page-contact .co-card:hover{
  background:var(--nebula);
}
.page-contact .co-card__tag{
  align-self:flex-start;
  padding:4px 10px;
  border:1px solid currentColor;
  font-size:12px;
  letter-spacing:.16em;
}
.page-contact .co-card--a .co-card__tag{ color:var(--cyan); }
.page-contact .co-card--b .co-card__tag{ color:var(--amber); }
.page-contact .co-card--c .co-card__tag{ color:var(--moss); }
.page-contact .co-card__title{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(20px,2.2vw,26px);
  font-weight:900;
  line-height:1.3;
  color:var(--silver);
}
.page-contact .co-card__text{
  margin:0;
  font-size:15px;
  line-height:1.85;
  color:var(--silver);
  opacity:.74;
}
.page-contact .co-card__points{
  list-style:none;
  margin:auto 0 0;
  padding:16px 0 0;
  border-top:1px solid var(--line-soft);
  display:grid;
  gap:8px;
}
.page-contact .co-card__points li{
  display:flex;
  gap:10px;
  font-size:14px;
  line-height:1.7;
  color:var(--silver);
  opacity:.72;
}
.page-contact .co-card__points .mono{
  flex:none;
  padding-top:3px;
  font-size:11px;
  color:var(--rock);
}
.page-contact .co-card--a .co-card__points .mono{ color:var(--cyan); }
.page-contact .co-card--b .co-card__points .mono{ color:var(--amber); }
.page-contact .co-card--c .co-card__points .mono{ color:var(--moss); }
@media (min-width:760px){
  .page-contact .co-cards{
    grid-template-columns:1.4fr 1fr .82fr;
  }
}

/* ---------- 生效节点时间轴 ---------- */
.page-contact .co-tl{
  position:relative;
  list-style:none;
  margin:0;
  padding:0 0 0 26px;
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
}
.page-contact .co-tl::before{
  content:"";
  position:absolute;
  left:5px;
  top:8px;
  bottom:8px;
  width:1px;
  background:var(--line-strong);
}
.page-contact .co-node{
  position:relative;
}
.page-contact .co-node::before{
  content:"";
  position:absolute;
  left:-26px;
  top:6px;
  width:11px;
  height:11px;
  background:var(--void);
  border:1px solid var(--cyan);
  transform:rotate(45deg);
}
.page-contact .co-node--key::before{
  background:var(--amber);
  border-color:var(--amber);
}
.page-contact .co-node__idx{
  display:block;
  margin-bottom:10px;
  font-size:11px;
  letter-spacing:.2em;
  color:var(--rock);
}
.page-contact .co-node__title{
  margin:0 0 10px;
  font-family:var(--font-head);
  font-size:21px;
  font-weight:900;
  color:var(--silver);
}
.page-contact .co-node--key .co-node__title{
  color:var(--amber);
}
.page-contact .co-node__text{
  margin:0;
  max-width:30em;
  font-size:15px;
  line-height:1.8;
  color:var(--silver);
  opacity:.74;
}
@media (min-width:840px){
  .page-contact .co-tl{
    padding:34px 0 0;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
  }
  .page-contact .co-tl::before{
    left:0;
    right:0;
    top:5px;
    bottom:auto;
    width:auto;
    height:1px;
  }
  .page-contact .co-node{
    padding-right:32px;
  }
  .page-contact .co-node::before{
    left:0;
    top:0;
  }
}

/* ---------- 赛季节奏 ---------- */
.page-contact .co-rhythm{
  display:grid;
  grid-template-columns:1fr;
  gap:36px;
}
.page-contact .co-rhythm__seasons{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-contact .co-season{
  background:var(--void);
  padding:20px 16px;
}
.page-contact .co-season__no{
  display:block;
  margin-bottom:14px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.22em;
  color:var(--cyan);
}
.page-contact .co-season__len{
  margin:0 0 8px;
  font-family:var(--font-head);
  font-size:20px;
  font-weight:900;
  color:var(--silver);
}
.page-contact .co-season__desc{
  margin:0;
  font-size:13px;
  line-height:1.7;
  color:var(--rock);
}
.page-contact .co-rhythm__note{
  border-left:2px solid var(--amber);
  padding-left:20px;
}
.page-contact .co-rhythm__note-title{
  margin:0 0 16px;
  font-size:13px;
  letter-spacing:.16em;
  color:var(--amber);
}
.page-contact .co-rhythm__note ul{
  list-style:none;
  margin:0 0 18px;
  padding:0;
  display:grid;
  gap:10px;
}
.page-contact .co-rhythm__note li{
  position:relative;
  padding-left:16px;
  font-size:14px;
  line-height:1.75;
  color:var(--silver);
  opacity:.8;
}
.page-contact .co-rhythm__note li::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:7px;
  height:1px;
  background:var(--cyan);
}
.page-contact .co-rhythm__note-foot{
  margin:0;
  font-size:13px;
  line-height:1.75;
  color:var(--rock);
}
@media (min-width:620px){
  .page-contact .co-rhythm__seasons{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media (min-width:900px){
  .page-contact .co-rhythm{
    grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
    gap:48px;
    align-items:start;
  }
}

/* ---------- 四类支持 ---------- */
.page-contact .co-support{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-contact .co-sup{
  background:var(--void);
  padding:clamp(22px,2.8vw,34px);
}
.page-contact .co-sup__tag{
  display:inline-block;
  margin-bottom:16px;
  padding:3px 9px;
  border:1px solid var(--line-strong);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--cyan);
}
.page-contact .co-sup h3{
  margin:0 0 12px;
  font-family:var(--font-head);
  font-size:19px;
  font-weight:800;
  color:var(--silver);
}
.page-contact .co-sup p{
  margin:0;
  font-size:15px;
  line-height:1.85;
  color:var(--silver);
  opacity:.74;
}
@media (min-width:720px){
  .page-contact .co-support{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* ---------- 洽谈流程 ---------- */
.page-contact .co-flow__fig{
  margin:0 0 clamp(28px,3.4vw,44px);
  border:1px solid var(--line);
  background:var(--night);
}
.page-contact .co-flow__fig img{
  width:100%;
  aspect-ratio:2/1;
  object-fit:cover;
}
.page-contact .co-flow__fig figcaption{
  padding:12px 16px;
  border-top:1px solid var(--line);
  font-size:13px;
  line-height:1.7;
  color:var(--rock);
}
.page-contact .co-flow{
  display:grid;
  grid-template-columns:1fr;
}
.page-contact .co-step{
  background:var(--void);
  border-bottom:1px solid var(--line);
  padding:20px clamp(14px,2.4vw,24px);
}
.page-contact .co-step:first-child{
  border-top:1px solid var(--line);
}
.page-contact .co-step__head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
  cursor:pointer;
  list-style:none;
}
.page-contact .co-step__head::-webkit-details-marker{
  display:none;
}
.page-contact .co-step__head::marker{
  content:"";
}
.page-contact .co-step__num{
  flex:none;
  padding:2px 6px;
  border:1px solid var(--line-strong);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--amber);
}
.page-contact .co-step__name{
  font-family:var(--font-head);
  font-size:17px;
  font-weight:800;
  color:var(--silver);
}
.page-contact .co-step__head::after{
  content:"+";
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:16px;
  color:var(--rock);
  transition:color var(--t) var(--ease);
}
.page-contact .co-step[open] .co-step__head::after{
  content:"–";
  color:var(--cyan);
}
.page-contact .co-step__body{
  padding-top:14px;
}
.page-contact .co-step__body p{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.85;
  color:var(--silver);
  opacity:.74;
}
.page-contact .co-step__body .co-step__time{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--amber);
  opacity:1;
}
@media (min-width:880px){
  .page-contact .co-flow{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .page-contact .co-step{
    border:0;
    padding:26px 20px;
  }
  .page-contact .co-step:first-child{
    border-top:0;
  }
}

/* ---------- 联系资料卡 ---------- */
.page-contact .co-sec--contact{
  border-bottom:0;
}
.page-contact .co-contact__paper{
  background:var(--paper);
  color:var(--ink);
  padding:clamp(26px,4vw,58px);
  border-top:3px solid var(--amber);
}
.page-contact .co-contact__idx{
  display:block;
  margin-bottom:14px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.2em;
  color:var(--clay);
}
.page-contact .co-contact__paper h2{
  margin:0 0 14px;
  font-family:var(--font-head);
  font-size:clamp(24px,3vw,34px);
  font-weight:900;
  line-height:1.2;
  color:var(--ink);
}
.page-contact .co-contact__lead{
  margin:0 0 30px;
  max-width:38em;
  font-size:15px;
  line-height:1.85;
  color:rgba(23,27,38,.74);
}
.page-contact .co-contact__lead a{
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid rgba(23,27,38,.4);
  transition:color var(--t) var(--ease),border-color var(--t) var(--ease);
}
.page-contact .co-contact__lead a:hover,
.page-contact .co-contact__lead a:focus-visible{
  color:var(--clay);
  border-bottom-color:var(--clay);
}
.page-contact .co-contact__list{
  list-style:none;
  margin:0 0 24px;
  padding:0;
  border-top:1px solid rgba(23,27,38,.18);
}
.page-contact .co-contact__item{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 16px;
  padding:15px 0;
  border-bottom:1px solid rgba(23,27,38,.18);
}
.page-contact .co-contact__label{
  flex:none;
  width:84px;
  font-size:12px;
  letter-spacing:.14em;
  color:rgba(23,27,38,.55);
}
.page-contact .co-contact__value{
  font-size:15px;
  line-height:1.6;
  color:var(--ink);
  word-break:break-all;
}
.page-contact .copy-btn{
  margin-left:auto;
  padding:5px 12px;
  border:1px solid rgba(23,27,38,.28);
  border-radius:0;
  background:transparent;
  color:var(--ink);
  font-family:inherit;
  font-size:12px;
  letter-spacing:.1em;
  cursor:pointer;
  transition:background var(--t) var(--ease),color var(--t) var(--ease),border-color var(--t) var(--ease);
}
.page-contact .copy-btn:hover,
.page-contact .copy-btn:focus-visible{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--paper);
}
.page-contact .copy-btn[data-copied]{
  background:var(--moss);
  border-color:var(--moss);
  color:#fff;
}
.page-contact .co-contact__foot{
  margin:0;
  font-size:13px;
  line-height:1.85;
  color:rgba(23,27,38,.62);
}
.page-contact .co-contact__foot a{
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid rgba(23,27,38,.4);
}
.page-contact .co-contact__foot a:hover,
.page-contact .co-contact__foot a:focus-visible{
  color:var(--clay);
  border-bottom-color:var(--clay);
}

/* ---------- 动效降级 ---------- */
@media (prefers-reduced-motion:reduce){
  .page-contact *{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
}
<<<END>>>