.page-home{
  --home-railw:344px;
  --home-pad:clamp(28px,5vw,64px);
  background:var(--c-void);
  color:var(--c-white);
}
.page-home img{display:block;max-width:100%;height:auto;}
.page-home h1,.page-home h2,.page-home h3{margin:0;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;}
.page-home :focus-visible{outline:2px solid var(--c-cyan);outline-offset:2px;}

/* ===== 首屏：对角切口 + 状态条 ===== */
.page-home .hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-bottom:2px solid var(--c-line);
  padding:clamp(18px,4vw,40px) 0 clamp(92px,15vw,136px);
  background:
    radial-gradient(120% 90% at 82% 0%,rgba(138,92,255,.22),transparent 62%),
    var(--c-void);
}
.page-home .hero__media{position:absolute;inset:0;z-index:-2;}
.page-home .hero__media img{
  width:100%;height:100%;
  object-fit:cover;object-position:64% 42%;
  opacity:.34;filter:grayscale(.4) contrast(1.1);
}
.page-home .hero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(102deg,rgba(5,7,12,.97) 0%,rgba(5,7,12,.9) 42%,rgba(5,7,12,.6) 100%);
}
.page-home .hero__grid{
  position:relative;
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 var(--gutter);
  display:grid;
  gap:clamp(20px,3vw,32px);
  grid-template-areas:"main" "rail";
}
.page-home .hero__main{grid-area:main;}
.page-home .hero__main h1{
  font-size:clamp(30px,6.6vw,58px);
  line-height:1.14;
  margin-bottom:clamp(14px,2vw,22px);
}
.page-home .hero__lead{
  max-width:34em;
  margin:0 0 clamp(20px,3vw,28px);
  font-size:var(--fs-body);
  line-height:1.78;
  color:var(--c-white);
}
.page-home .hero__actions{display:flex;flex-wrap:wrap;gap:12px;}
.page-home .hero__chips{
  list-style:none;
  display:flex;flex-wrap:wrap;gap:10px 24px;
  margin:clamp(20px,3vw,30px) 0 0;padding:0;
  font-size:var(--fs-sm);color:var(--c-mute);
}
.page-home .hero__chips li{display:flex;align-items:baseline;gap:8px;}
.page-home .hero__chips .num{
  font-family:var(--font-mono);
  font-size:20px;font-weight:700;
  color:var(--c-cyan);
}

.page-home .hero__rail{
  grid-area:rail;
  position:relative;
  background:var(--c-deck);
  border:1px solid var(--c-line);
  box-shadow:var(--shadow-hard-sm);
  padding:20px;
}
.page-home .hero__context{
  margin:0 0 14px;
  padding-bottom:12px;
  border-bottom:1px solid var(--c-line);
  font-family:var(--font-mono);
  font-size:var(--fs-anno);
  letter-spacing:.08em;
  color:var(--c-mute);
}
.page-home .hero__railtitle{
  font-family:var(--font-mono);
  font-size:var(--fs-anno);
  font-weight:400;
  letter-spacing:.24em;
  color:var(--c-mute);
  margin-bottom:12px;
}
.page-home .hero__ver{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
}
.page-home .hero__ver p{
  grid-column:1 / -1;
  margin:0;
  font-size:var(--fs-sm);
  line-height:1.65;
  color:var(--c-white);
}
.page-home .hero__dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--c-amber);
  box-shadow:0 0 0 4px rgba(255,176,32,.16);
}
.page-home .hero__links{display:grid;gap:8px;}
.page-home .hero__link{
  display:flex;align-items:center;gap:12px;
  padding:11px 12px;
  border:1px solid var(--c-line);
  background:var(--c-panel);
  text-decoration:none;
  font-size:var(--fs-sm);
  color:var(--c-white);
  transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.page-home .hero__link:hover,
.page-home .hero__link:focus-visible{
  transform:translateY(-2px);
  border-color:var(--c-cyan);
  box-shadow:var(--shadow-hard-sm);
}
.page-home .hero__idx{
  font-family:var(--font-mono);
  font-size:var(--fs-anno);
  color:var(--c-cyan);
  flex:none;
}
.page-home .hero__lbl{line-height:1.4;}

.page-home .hero__ticker{
  position:absolute;
  left:-6%;right:-6%;
  bottom:clamp(14px,3vw,26px);
  z-index:2;
  transform:rotate(-2.4deg);
  padding:9px 0;
  overflow:hidden;
  white-space:nowrap;
  background:linear-gradient(90deg,var(--c-cyan),var(--c-purple));
  color:#04101A;
  font-family:var(--font-mono);
  font-size:var(--fs-anno);
  letter-spacing:.14em;
  box-shadow:0 8px 0 rgba(0,0,0,.55);
}
.page-home .hero__ticker-inner{display:inline-block;padding-left:10%;}

/* ===== 纵向时间轴 ===== */
.page-home .tl{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--c-deck);
}
.page-home .tl__bg{position:absolute;inset:0;z-index:-1;}
.page-home .tl__bg img{width:100%;height:100%;object-fit:cover;opacity:.14;}
.page-home .tl__bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,var(--c-void) 0%,rgba(5,7,12,.45) 32%,rgba(5,7,12,.92) 100%);
}
.page-home .tl__list{
  position:relative;
  list-style:none;
  max-width:900px;
  margin:clamp(24px,4vw,40px) auto 0;
  padding:0 0 0 30px;
  display:grid;
  gap:16px;
}
.page-home .tl__list::before{
  content:"";
  position:absolute;left:7px;top:10px;bottom:10px;width:2px;
  background:linear-gradient(180deg,var(--c-amber),var(--c-cyan) 48%,var(--c-purple));
}
.page-home .tl__item{position:relative;}
.page-home .tl__item::before{
  content:"";
  position:absolute;left:-30px;top:20px;
  width:16px;height:16px;border-radius:50%;
  border:2px solid var(--c-amber);
  background:var(--c-void);
  box-shadow:0 0 0 4px rgba(255,176,32,.14);
  z-index:1;
}
.page-home .tl__card{
  background:var(--c-panel);
  border:1px solid var(--c-line);
  border-left:3px solid var(--c-line);
  box-shadow:var(--shadow-hard-sm);
  padding:16px 18px;
  transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.page-home .tl__card:hover,
.page-home .tl__card:focus-within{
  transform:translateY(-2px);
  border-color:var(--c-cyan);
  box-shadow:var(--shadow-hard);
}
.page-home .tl__when{
  margin:0 0 8px;
  font-family:var(--font-mono);
  font-size:var(--fs-anno);
  letter-spacing:.1em;
  color:var(--c-amber);
}
.page-home .tl__card h3{
  font-size:clamp(18px,2.4vw,22px);
  line-height:1.4;
  margin-bottom:8px;
}
.page-home .tl__card p{
  margin:0;
  font-size:var(--fs-sm);
  line-height:1.8;
  color:var(--c-mute);
  max-width:34em;
}
.page-home .tl__metrics{
  list-style:none;
  margin:0 0 10px;padding:0;
  display:flex;flex-wrap:wrap;gap:12px 26px;
  font-size:var(--fs-anno);
  color:var(--c-mute);
}
.page-home .tl__metrics li{display:flex;align-items:baseline;gap:8px;}
.page-home .tl__mnum{
  font-family:var(--font-mono);
  font-size:28px;font-weight:700;
  color:var(--c-cyan);
  line-height:1;
}
.page-home .tl__peek{
  max-height:0;
  opacity:0;
  overflow:hidden;
  margin:0;
  padding-left:10px;
  border-left:2px solid var(--c-purple);
  font-family:var(--font-mono);
  font-size:var(--fs-anno);
  line-height:1.7;
  color:var(--c-cyan);
  transition:max-height var(--t-mid) var(--ease),opacity var(--t-mid) var(--ease),transform var(--t-mid) var(--ease),margin var(--t-mid) var(--ease);
}
.page-home .tl__card:hover .tl__peek,
.page-home .tl__card:focus-within .tl__peek{
  max-height:90px;
  opacity:1;
  margin-top:12px;
  transform:translateX(6px);
}
.page-home .tl__more{margin-top:10px;}
.page-home .tl__more a{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:var(--fs-anno);
  letter-spacing:.08em;
  color:var(--c-cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(0,240,208,.45);
  padding-bottom:2px;
}
.page-home .tl__more a:hover{border-bottom-color:var(--c-cyan);}

/* ===== 悬浮数据面板 ===== */
.page-home .stats{position:relative;z-index:2;padding:0 0 clamp(26px,5vw,54px);}
.page-home .stats__panel{
  margin:clamp(-80px,-5vw,-42px) calc(var(--gutter) * -0.35) 0;
  padding:clamp(20px,3.4vw,38px);
  background:var(--c-panel);
  border:2px solid var(--c-line);
  box-shadow:var(--shadow-hard),inset 0 0 0 1px rgba(0,240,208,.14);
}
.page-home .stats__head{display:grid;gap:8px;}
.page-home .stats__head h2{
  font-size:clamp(22px,3.4vw,32px);
  line-height:1.3;
  max-width:22em;
}
.page-home .stats__grid{
  list-style:none;
  margin:clamp(18px,3vw,26px) 0 0;padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--c-line);
  border:1px solid var(--c-line);
}
.page-home .stats__cell{
  background:var(--c-panel);
  padding:14px 14px 16px;
  display:grid;
  gap:6px;
}
.page-home .stats__num{
  font-family:var(--font-mono);
  font-size:clamp(26px,4vw,34px);
  font-weight:700;
  line-height:1;
  color:var(--c-cyan);
}
.page-home .stats__lbl{font-size:var(--fs-sm);color:var(--c-mute);line-height:1.5;}

/* ===== 左右分屏能力叙事 ===== */
.page-home .cap{position:relative;}
.page-home .cap__grid{display:grid;gap:clamp(16px,3vw,28px);grid-template-columns:1fr;}
.page-home .cap__rail{
  display:flex;
  align-items:center;
  gap:14px;
  padding-left:12px;
  border-left:2px solid var(--c-amber);
}
.page-home .cap__stamp{
  font-family:var(--font-mono);
  font-size:clamp(26px,4vw,38px);
  font-weight:700;
  line-height:1;
  color:var(--c-line);
}
.page-home .cap__body h2{
  font-size:clamp(24px,3.6vw,38px);
  line-height:1.24;
  margin-bottom:14px;
}
.page-home .cap__lead{
  max-width:34em;
  margin:0 0 clamp(20px,3vw,28px);
  font-size:var(--fs-body);
  line-height:1.8;
}
.page-home .cap__cols{display:grid;gap:14px;grid-template-columns:1fr;}
.page-home .cap__col{
  background:var(--c-panel);
  border:1px solid var(--c-line);
  box-shadow:var(--shadow-hard-sm);
  padding:16px 18px;
}
.page-home .cap__col h3{
  font-size:var(--fs-sm);
  font-family:var(--font-mono);
  letter-spacing:.14em;
  color:var(--c-purple);
  margin-bottom:10px;
}
.page-home .cap__col p{
  margin:0;
  font-size:var(--fs-sm);
  line-height:1.85;
  color:var(--c-mute);
}
.page-home .cap__list{
  list-style:none;
  margin:clamp(18px,3vw,24px) 0 clamp(20px,3vw,26px);padding:0;
  display:grid;gap:0;
  border-top:1px solid var(--c-line);
}
.page-home .cap__list li{
  display:flex;
  gap:14px;
  align-items:baseline;
  padding:12px 0;
  border-bottom:1px solid var(--c-line);
  font-size:var(--fs-sm);
  line-height:1.75;
  color:var(--c-white);
}
.page-home .cap__list .num{
  font-family:var(--font-mono);
  font-size:var(--fs-anno);
  color:var(--c-cyan);
  flex:none;
}

/* ===== 快慢交替内容矩阵 ===== */
.page-home .matrix__grid{
  display:grid;
  gap:14px;
  margin-top:clamp(20px,3vw,32px);
}
.page-home .matrix__lead{
  display:grid;
  overflow:hidden;
  background:var(--c-panel);
  border:1px solid var(--c-line);
  box-shadow:var(--shadow-hard-sm);
  transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.page-home .matrix__lead:hover,
.page-home .matrix__lead:focus-within{
  transform:translateY(-2px);
  border-color:var(--c-cyan);
  box-shadow:var(--shadow-hard);
}
.page-home .matrix__media{background:var(--c-deck);}
.page-home .matrix__media img{
  width:100%;height:100%;
  aspect-ratio:4 / 3;
  object-fit:cover;
  opacity:.86;
}
.page-home .matrix__leadbody{padding:18px;}
.page-home .matrix__leadbody h3{
  font-size:clamp(20px,2.6vw,26px);
  margin:12px 0 10px;
}
.page-home .matrix__leadbody p{
  margin:0 0 14px;
  max-width:34em;
  font-size:var(--fs-sm);
  line-height:1.85;
  color:var(--c-mute);
}
.page-home .matrix__link{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:var(--fs-anno);
  letter-spacing:.08em;
  color:var(--c-cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(0,240,208,.45);
  padding-bottom:2px;
}
.page-home .matrix__index{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.page-home .matrix__row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  text-decoration:none;
  color:var(--c-white);
  background:var(--c-panel);
  border:1px solid var(--c-line);
  transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease);
}
.page-home .matrix__row:hover,
.page-home .matrix__row:focus-visible{
  transform:translateY(-2px) translateX(2px);
  border-color:var(--c-cyan);
  background:#18212C;
}
.page-home .matrix__num{
  font-family:var(--font-mono);
  font-size:var(--fs-anno);
  color:var(--c-purple);
  flex:none;
}
.page-home .matrix__rowbody{display:grid;gap:2px;}
.page-home .matrix__rowbody strong{font-size:var(--fs-body);font-weight:700;}
.page-home .matrix__rowbody span{font-size:var(--fs-sm);color:var(--c-mute);line-height:1.6;}

.page-home .matrix__faq{
  border:1px solid var(--c-line);
  background:rgba(20,27,36,.62);
}
.page-home .matrix__det{border-bottom:1px solid var(--c-line);}
.page-home .matrix__det:last-child{border-bottom:0;}
.page-home .matrix__det summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:14px 46px 14px 16px;
  font-size:var(--fs-body);
  font-weight:500;
  color:var(--c-white);
}
.page-home .matrix__det summary::-webkit-details-marker{display:none;}
.page-home .matrix__det summary::marker{content:"";}
.page-home .matrix__det summary::after{
  content:"+";
  position:absolute;
  right:16px;top:50%;
  transform:translateY(-50%);
  font-family:var(--font-mono);
  font-size:18px;
  color:var(--c-cyan);
}
.page-home .matrix__det[open] summary::after{content:"−";}
.page-home .matrix__det summary:hover{color:var(--c-cyan);}
.page-home .matrix__det p{
  margin:0;
  padding:0 16px 16px;
  max-width:60em;
  font-size:var(--fs-sm);
  line-height:1.85;
  color:var(--c-mute);
}

/* ===== 尾部联络带 ===== */
.page-home .band{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-top:clamp(26px,5vw,54px);
  border-top:2px solid var(--c-line);
}
.page-home .band__bg{position:absolute;inset:0;z-index:-2;}
.page-home .band__bg img{width:100%;height:100%;object-fit:cover;opacity:.26;}
.page-home .band::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(96deg,rgba(5,7,12,.96) 0%,rgba(12,17,24,.74) 100%);
}
.page-home .band__inner{
  position:relative;
  display:grid;
  gap:clamp(18px,3vw,30px);
  padding-top:clamp(30px,5vw,58px);
  padding-bottom:clamp(30px,5vw,58px);
}
.page-home .band__text h2{
  font-size:clamp(24px,3.8vw,40px);
  line-height:1.24;
  margin:10px 0 12px;
}
.page-home .band__text p{
  margin:0;
  max-width:34em;
  font-size:var(--fs-sm);
  line-height:1.85;
  color:var(--c-mute);
}
.page-home .band__contact{margin:0 0 16px;display:grid;gap:10px;}
.page-home .band__crow{
  display:flex;
  flex-wrap:wrap;
  gap:4px 12px;
  align-items:baseline;
  padding-bottom:8px;
  border-bottom:1px dashed var(--c-line);
}
.page-home .band__crow dt{
  font-family:var(--font-mono);
  font-size:var(--fs-anno);
  letter-spacing:.16em;
  color:var(--c-mute);
  min-width:44px;
}
.page-home .band__crow dd{
  margin:0;
  font-family:var(--font-mono);
  font-size:var(--fs-sm);
  color:var(--c-white);
  word-break:break-all;
}

/* ===== 断点 ===== */
@media (min-width:720px){
  .page-home .stats__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .cap__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
}

@media (min-width:900px){
  .page-home .tl__list{padding-left:34px;}
  .page-home .tl__item::before{left:-34px;}
  .page-home .tl__item:nth-child(odd) .tl__card{margin-right:16%;}
  .page-home .tl__item:nth-child(even) .tl__card{margin-left:24px;}
  .page-home .cap{--home-cap:1;}
}

@media (min-width:940px){
  .page-home .hero__grid{
    grid-template-columns:var(--home-railw) minmax(0,1fr);
    grid-template-areas:"rail main";
    gap:clamp(28px,4vw,64px);
    align-items:start;
  }
  .page-home .hero__rail{
    clip-path:polygon(0 0,100% 0,100% 88%,86% 100%,0 100%);
    padding:24px 24px 44px;
  }
  .page-home .hero__main{padding-top:clamp(8px,2vw,26px);}

  .page-home .cap__grid{grid-template-columns:120px minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start;}
  .page-home .cap__rail{
    position:sticky;
    top:96px;
    align-self:start;
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
    padding-left:0;
    padding-top:6px;
    border-left:0;
    border-top:2px solid var(--c-amber);
  }

  .page-home .matrix__grid{grid-template-columns:1.1fr .9fr;gap:20px;align-items:start;}
  .page-home .matrix__faq{grid-column:1 / -1;}
  .page-home .matrix__row{padding:18px;}
}

@media (min-width:820px){
  .page-home .band__inner{grid-template-columns:1.35fr .65fr;align-items:end;}
}

@media (prefers-reduced-motion:reduce){
  .page-home *{transition:none !important;animation:none !important;}
}