.page-home{
  --home-hair:rgba(169,243,226,.18);
  --home-hair-ink:rgba(23,69,58,.16);
  --home-panel:rgba(233,243,239,.05);
  --home-soft:rgba(233,243,239,.72);
}

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

.page-home .section{padding-block:56px;}
.page-home .label-chip{margin:0 0 12px;}

.page-home a:focus-visible,
.page-home summary:focus-visible,
.page-home .timeline:focus-visible{
  outline:2px solid var(--im-teal-400);
  outline-offset:3px;
}

/* ---------- 首屏 ---------- */
.page-home .hero{
  position:relative;
  overflow:hidden;
  background:var(--im-ink-900);
  color:var(--im-white-ink);
  padding:32px 0 44px;
}
.page-home .hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(78% 62% at 84% 14%, rgba(79,227,193,.16), transparent 68%),
    linear-gradient(180deg, var(--im-ink-900) 0%, var(--im-ink-700) 100%);
  pointer-events:none;
}
.page-home .hero-grid{position:relative;display:grid;gap:28px;}

.page-home .hero-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 18px;}
.page-home .hero-eyebrow .label-chip{margin:0;}
.page-home .hero-eyebrow-note{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(233,243,239,.58);}

.page-home .hero-title{
  margin:0 0 16px;
  font-family:var(--im-font-display);
  font-weight:700;
  font-size:clamp(2.1rem,7.4vw,3.6rem);
  line-height:1.06;
  letter-spacing:-.01em;
  color:var(--im-white-ink);
}
.page-home .hero-lead{
  margin:0 0 24px;
  max-width:46ch;
  font-size:16px;
  line-height:1.85;
  color:var(--home-soft);
}

.page-home .hero-paths{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px;}
.page-home .path-link{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:13px 16px;
  border:1px solid var(--home-hair);
  border-radius:var(--im-radius-m);
  background:rgba(169,243,226,.05);
  color:var(--im-white-ink);
  text-decoration:none;
  transition:transform .18s var(--im-ease),border-color .18s var(--im-ease),background-color .18s var(--im-ease);
}
.page-home .path-link:hover{
  transform:translateY(-2px);
  border-color:var(--im-teal-400);
  background:rgba(79,227,193,.11);
}
.page-home .path-key{font-family:var(--im-font-mono);font-size:12px;letter-spacing:.06em;color:var(--im-teal-400);}
.page-home .path-body{display:grid;gap:3px;min-width:0;}
.page-home .path-title{font-family:var(--im-font-display);font-weight:700;font-size:1.15rem;letter-spacing:.02em;}
.page-home .path-desc{font-size:13px;line-height:1.62;color:rgba(233,243,239,.66);}
.page-home .path-go{font-size:15px;color:var(--im-teal-400);}

.page-home .hero-status{display:flex;align-items:center;gap:9px;margin:0;font-size:13px;color:rgba(233,243,239,.66);}
.page-home .status-dot{
  flex:none;
  width:8px;height:8px;border-radius:50%;
  background:var(--im-teal-400);
  box-shadow:0 0 0 4px rgba(79,227,193,.16);
}

.page-home .hero-visual{
  position:relative;
  overflow:hidden;
  aspect-ratio:16 / 11;
  border-radius:var(--im-radius-l);
  background:var(--im-ink-700);
}
.page-home .hero-visual img{width:100%;height:100%;object-fit:cover;}
.page-home .hero-visual::before{
  content:"";
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(6,17,14,.12) 0%,rgba(6,17,14,.52) 58%,rgba(6,17,14,.84) 100%);
}
.page-home .hero-pitch{
  position:absolute;inset:0;z-index:2;
  width:100%;height:100%;
  color:var(--im-teal-400);
  opacity:.16;
  pointer-events:none;
}
.page-home .hero-pitch g{
  stroke-dasharray:1000;
  stroke-dashoffset:1000;
  animation:pitch-draw 2.6s var(--im-ease) .2s forwards;
}
@keyframes pitch-draw{to{stroke-dashoffset:0;}}

/* ---------- 轮次面板 ---------- */
.page-home .rounds{background:var(--im-data-800);color:var(--im-white-ink);}
.page-home .rounds .section-title{color:var(--im-white-ink);}
.page-home .rounds .section-lead{color:var(--home-soft);}

.page-home .rounds-visual{
  margin:0 0 22px;
  overflow:hidden;
  border:1px solid var(--home-hair);
  border-radius:var(--im-radius-m);
}
.page-home .rounds-visual img{
  width:100%;
  height:clamp(130px,26vw,210px);
  object-fit:cover;
  opacity:.6;
}

.page-home .rounds-grid{display:grid;gap:14px;}
.page-home .round-card{
  position:relative;
  padding:20px;
  border:1px solid var(--home-hair);
  border-radius:var(--im-radius-m);
  background:var(--home-panel);
  transition:transform .18s var(--im-ease),border-color .18s var(--im-ease),background-color .18s var(--im-ease);
}
.page-home .round-card:hover,
.page-home .round-card:focus-within{
  transform:translateY(-2px);
  border-color:var(--im-teal-400);
  background:rgba(79,227,193,.08);
}
.page-home .round-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px;}
.page-home .round-tag{
  font-family:var(--im-font-mono);
  font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;
  padding:3px 8px;
  border:1px solid var(--home-hair);
  border-radius:var(--im-radius-s);
  color:var(--im-teal-200);
}
.page-home .round-meta{font-size:12px;color:rgba(233,243,239,.56);}

.page-home .round-stats{display:flex;flex-wrap:wrap;gap:26px;margin:0 0 14px;}
.page-home .round-stat{display:grid;gap:4px;}
.page-home .round-stat dt{font-size:12px;color:rgba(233,243,239,.55);}
.page-home .round-value{
  margin:0;
  font-family:var(--im-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(1.7rem,5.4vw,2.3rem);
  line-height:1.1;
  color:var(--im-white-ink);
}
.page-home .round-card--lead .round-value{font-size:clamp(2rem,7vw,3.4rem);}
.page-home .round-value--accent{color:var(--im-teal-400);}

.page-home .round-detail{border-top:1px solid var(--home-hair);padding-top:10px;}
.page-home .round-detail summary{
  cursor:pointer;
  list-style:none;
  font-size:13px;
  color:var(--im-teal-200);
}
.page-home .round-detail summary::-webkit-details-marker{display:none;}
.page-home .round-detail summary::before{content:"＋ ";font-family:var(--im-font-mono);color:var(--im-orange-500);}
.page-home .round-detail[open] summary::before{content:"－ ";}
.page-home .round-detail p{margin:10px 0 0;font-size:13.5px;line-height:1.78;color:rgba(233,243,239,.7);}

.page-home .rounds-foot{margin:20px 0 0;font-size:13.5px;line-height:1.7;color:rgba(233,243,239,.62);}
.page-home .rounds-foot a{color:var(--im-teal-400);text-decoration:underline;text-underline-offset:3px;}

/* ---------- 两场衔接 ---------- */
.page-home .handoff{background:var(--im-paper-50);color:var(--im-ink-900);}
.page-home .timeline{
  list-style:none;
  margin:0;
  padding:26px 0 14px;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(238px,82%);
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  border-top:1px solid rgba(23,69,58,.2);
  -webkit-overflow-scrolling:touch;
}
.page-home .tl-step{
  position:relative;
  scroll-snap-align:start;
  padding:18px 18px 20px;
  background:var(--im-paper-100);
  border:1px solid var(--home-hair-ink);
  border-radius:var(--im-radius-m);
  box-shadow:var(--im-shadow-paper);
}
.page-home .tl-step::before{
  content:"";
  position:absolute;
  top:-24px;
  left:18px;
  width:9px;height:9px;
  border-radius:50%;
  background:var(--im-orange-500);
}
.page-home .tl-tag{
  font-family:var(--im-font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--im-ink-500);
}
.page-home .tl-title{
  margin:8px 0 8px;
  font-family:var(--im-font-display);
  font-size:1.2rem;
  letter-spacing:.01em;
  color:var(--im-ink-900);
}
.page-home .tl-text{margin:0;font-size:14px;line-height:1.75;color:rgba(6,17,14,.72);}

/* ---------- 个人页第二栏 ---------- */
.page-home .profile{background:var(--im-ink-700);color:var(--im-white-ink);}
.page-home .profile .section-title{color:var(--im-white-ink);}
.page-home .profile-grid{display:grid;gap:28px;}
.page-home .profile-lead{margin:0 0 20px;font-size:15.5px;line-height:1.85;color:var(--home-soft);}
.page-home .profile-points{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px;}
.page-home .profile-points li{
  position:relative;
  padding-left:18px;
  font-size:14.5px;
  line-height:1.72;
  color:rgba(233,243,239,.76);
}
.page-home .profile-points li::before{
  content:"";
  position:absolute;
  left:0;top:.72em;
  width:8px;height:1px;
  background:var(--im-teal-400);
}
.page-home .profile-columns{display:grid;gap:14px;}
.page-home .col-card{
  padding:22px;
  border:1px solid var(--home-hair);
  border-radius:var(--im-radius-m);
  background:rgba(6,17,14,.34);
}
.page-home .col-card--second{
  border-color:var(--im-teal-400);
  background:rgba(79,227,193,.12);
}
.page-home .col-num{
  font-family:var(--im-font-mono);
  font-size:12px;
  letter-spacing:.12em;
  color:var(--im-teal-400);
}
.page-home .col-title{
  margin:10px 0 8px;
  font-family:var(--im-font-display);
  font-size:1.2rem;
  letter-spacing:.01em;
  color:var(--im-white-ink);
}
.page-home .col-text{margin:0;font-size:14px;line-height:1.76;color:rgba(233,243,239,.72);}

/* ---------- 资料下载 ---------- */
.page-home .downloads{background:var(--im-paper-50);color:var(--im-ink-900);}
.page-home .downloads-grid{display:grid;gap:26px;}
.page-home .downloads-visual img{
  width:100%;
  border-radius:var(--im-radius-m);
  border:1px solid var(--home-hair-ink);
  box-shadow:var(--im-shadow-paper);
}
.page-home .dl-list{min-width:0;}
.page-home .dl-item{
  margin-bottom:12px;
  border:1px solid var(--home-hair-ink);
  border-radius:var(--im-radius-m);
  background:var(--im-paper-100);
  box-shadow:var(--im-shadow-paper);
}
.page-home .dl-summary{
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px 18px;
  cursor:pointer;
  list-style:none;
  font-family:var(--im-font-display);
  font-weight:700;
  font-size:1.1rem;
  letter-spacing:.01em;
  color:var(--im-ink-900);
}
.page-home .dl-summary::-webkit-details-marker{display:none;}
.page-home .dl-name{flex:1 1 auto;}
.page-home .dl-count{
  font-family:var(--im-font-mono);
  font-size:12.5px;
  font-weight:400;
  color:var(--im-ink-500);
}
.page-home .dl-summary::after{
  content:"＋";
  font-family:var(--im-font-mono);
  color:var(--im-orange-500);
}
.page-home .dl-item[open] .dl-summary::after{content:"－";}
.page-home .dl-body{padding:0 18px 18px;}
.page-home .dl-rows{margin:0;display:grid;gap:8px;}
.page-home .dl-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:baseline;}
.page-home .dl-key{
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--im-gray-500);
  border:1px solid var(--home-hair-ink);
  border-radius:var(--im-radius-s);
  padding:2px 6px;
  text-align:center;
}
.page-home .dl-val{margin:0;font-size:13.5px;line-height:1.7;color:rgba(6,17,14,.76);}

/* ---------- 多设备 ---------- */
.page-home .devices{
  background:linear-gradient(150deg,var(--im-ink-900) 0%,var(--im-ink-700) 100%);
  color:var(--im-white-ink);
}
.page-home .devices .section-title{color:var(--im-white-ink);}
.page-home .devices-grid{display:grid;gap:26px;}
.page-home .devices-lead{margin:0 0 22px;font-size:15.5px;line-height:1.85;color:var(--home-soft);}
.page-home .devices-visual img{
  width:100%;
  border-radius:var(--im-radius-m);
  clip-path:polygon(0 0,100% 0,100% 92%,0 100%);
  border:1px solid var(--home-hair);
}

/* ---------- 收尾 ---------- */
.page-home .closing{
  position:relative;
  background:var(--im-paper-100);
  color:var(--im-ink-900);
}
.page-home .closing::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,var(--im-teal-400),var(--im-orange-500));
}
.page-home .closing-inner{display:grid;gap:22px;}
.page-home .closing-title{
  margin:0 0 10px;
  font-family:var(--im-font-display);
  font-size:clamp(1.4rem,3.2vw,1.9rem);
  letter-spacing:.01em;
  color:var(--im-ink-900);
}
.page-home .closing-text p{margin:0;font-size:14.5px;line-height:1.8;color:rgba(6,17,14,.74);}
.page-home .closing-links{display:flex;flex-wrap:wrap;gap:10px;}

/* ---------- 平板 ---------- */
@media (min-width:640px){
  .page-home .rounds-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .round-card--lead{grid-column:span 2;}
  .page-home .profile-columns{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .timeline{grid-auto-columns:minmax(280px,48%);}
}

/* ---------- 桌面 ---------- */
@media (min-width:960px){
  .page-home .section{padding-block:84px;}

  .page-home .hero{padding:56px 0 76px;}
  .page-home .hero-grid{
    grid-template-columns:minmax(0,38fr) minmax(0,62fr);
    gap:48px;
    align-items:center;
  }
  .page-home .hero-lead{max-width:42ch;}
  .page-home .hero-visual{
    aspect-ratio:auto;
    height:100%;
    min-height:430px;
    border-radius:0;
    clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);
  }
  .page-home .hero-visual::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    background:var(--im-teal-400);
    opacity:.72;
    clip-path:polygon(9% 0,9.22% 0,0.22% 100%,0 100%);
  }

  .page-home .timeline{
    grid-auto-flow:row;
    grid-template-columns:repeat(4,minmax(0,1fr));
    overflow:visible;
  }
  .page-home .tl-step::before{top:-24px;}

  .page-home .profile-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:start;}
  .page-home .downloads-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:start;}
  .page-home .devices-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;align-items:center;}
  .page-home .closing-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;}
}

/* ---------- 大屏 ---------- */
@media (min-width:1180px){
  .page-home .rounds-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:start;
  }
  .page-home .round-card--lead{grid-column:span 2;grid-row:span 2;}
  .page-home .round-card--shift{margin-top:-28px;}
  .page-home .round-card--lead .round-stats{gap:34px;}
}

@media (prefers-reduced-motion:reduce){
  .page-home .hero-pitch g{animation:none;stroke-dashoffset:0;}
  .page-home .path-link,
  .page-home .round-card{transition:none;}
}
