.page-home{
  overflow-x:clip;
  --home-line:rgba(23,48,76,.92);
  --home-grid:rgba(147,166,186,.13);
  --home-dim:var(--steel-400);
}

/* ---------- 首屏 ---------- */
.page-home .hero{
  position:relative;
  padding:48px 0 64px;
  isolation:isolate;
}
.page-home .hero__wedge{
  position:absolute;
  top:0;left:0;
  width:min(620px,82%);
  height:100%;
  background:linear-gradient(140deg,var(--solar-500) 0%,var(--solar-300) 38%,rgba(255,122,24,0) 72%);
  clip-path:polygon(0 0,100% 0,0 100%);
  opacity:.18;
  z-index:-1;
  pointer-events:none;
}
.page-home .hero__grid{
  display:grid;
  gap:36px;
  align-items:start;
}
.page-home .hero__title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(36px,8.6vw,62px);
  line-height:1.05;
  letter-spacing:-.02em;
  margin:16px 0 0 -6px;
  color:var(--paper-050);
}
.page-home .hero__title-em{
  display:inline-block;
  background:linear-gradient(100deg,var(--solar-500),var(--solar-300));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.page-home .hero__lede{
  margin:22px 0 0;
  max-width:46ch;
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.75;
  color:var(--text-dim);
}
.page-home .hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.page-home .hero__visual{
  margin:0;
  position:relative;
}
.page-home .hero__media{
  border:1px solid var(--ink-700);
  clip-path:polygon(0 0,100% 0,100% 88%,86% 100%,0 100%);
}
.page-home .hero__media .media__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.page-home .hero__caption{
  display:block;
  margin-top:10px;
  font-size:12px;
  letter-spacing:.14em;
  color:var(--home-dim);
}

/* ---------- 轨迹分隔带 ---------- */
.page-home .trace{
  position:relative;
  height:96px;
  overflow:hidden;
  border-top:1px solid var(--home-line);
  border-bottom:1px solid var(--home-line);
}
.page-home .trace img{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:140%;
  max-width:none;
  height:auto;
  opacity:.32;
  object-fit:cover;
}

/* ---------- 章节抬头 ---------- */
.page-home .section-title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(26px,5.6vw,36px);
  line-height:1.12;
  letter-spacing:-.02em;
  margin:10px 0 0;
  color:var(--paper-050);
}
.page-home .section-kicker{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--solar-500);
}

/* ---------- 两条路径 ---------- */
.page-home .paths__pair{
  display:grid;
  gap:1px;
  margin-top:32px;
  background:var(--ink-700);
  border:1px solid var(--ink-700);
}
.page-home .path{
  padding:26px 20px 28px;
  background:var(--ink-800);
  display:flex;
  flex-direction:column;
  gap:14px;
}
.page-home .path--record{
  background:var(--ink-900);
}
.page-home .path__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.page-home .path__no{
  font-size:12px;
  letter-spacing:.18em;
  color:var(--home-dim);
}
.page-home .path__title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(20px,4.6vw,26px);
  line-height:1.2;
  letter-spacing:-.01em;
  margin:0;
  color:var(--paper-050);
}
.page-home .path__text{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--text-dim);
}
.page-home .path__figure{
  margin:0;
  border:1px solid var(--ink-700);
}
.page-home .path__media .media__img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .path__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.page-home .path__list li{
  position:relative;
  padding-left:20px;
  font-size:14px;
  line-height:1.6;
  color:var(--paper-050);
}
.page-home .path__list li::before{
  content:"";
  position:absolute;
  left:0;top:.62em;
  width:8px;height:8px;
  background:var(--solar-500);
}
.page-home .path--record .path__list li::before{
  background:var(--mint-400);
}
.page-home .path__note{
  border-left:2px solid var(--mint-400);
  padding:2px 0 2px 14px;
}
.page-home .path__note p{
  margin:8px 0 0;
  font-size:14px;
  line-height:1.7;
  color:var(--text-dim);
}
.page-home .path .btn{
  align-self:flex-start;
  margin-top:4px;
}

/* ---------- 全站索引 ---------- */
.page-home .atlas{
  position:relative;
  background-image:
    linear-gradient(var(--home-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--home-grid) 1px,transparent 1px);
  background-size:24px 24px,24px 24px;
}
.page-home .atlas__head{
  display:grid;
  gap:24px;
  align-items:end;
}
.page-home .atlas__figure{
  margin:0;
  border:1px solid var(--ink-700);
  background:var(--ink-900);
}
.page-home .atlas__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .map{
  display:grid;
  gap:14px;
  margin-top:32px;
}
.page-home .map__item{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px 20px 24px;
  background:var(--ink-900);
  border:1px solid var(--ink-700);
  text-decoration:none;
  transition:border-color 240ms var(--ease),background-color 240ms var(--ease);
}
.page-home .map__item .card__index{
  font-family:var(--font-serif);
  font-size:34px;
  line-height:1;
  color:var(--solar-500);
}
.page-home .map__item .card__tag{
  position:absolute;
  top:20px;right:18px;
  font-size:11px;
  letter-spacing:.12em;
  color:var(--home-dim);
  border:1px solid var(--ink-700);
  padding:3px 7px;
}
.page-home .map__item .card__title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:19px;
  line-height:1.3;
  margin:0;
  color:var(--paper-050);
}
.page-home .map__item .card__text{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--text-dim);
}
.page-home .map__item .card__count{
  font-size:12px;
  letter-spacing:.1em;
  color:var(--mint-400);
}
.page-home .map__item:hover,
.page-home .map__item:focus-visible{
  border-color:var(--mint-400);
  background:var(--ink-800);
  outline:none;
}

/* ---------- 版本说明 ---------- */
.page-home .version__grid{
  display:grid;
  gap:32px;
  align-items:start;
}
.page-home .version__text{
  margin:16px 0 0;
  font-size:15px;
  line-height:1.8;
  color:var(--text-dim);
  max-width:48ch;
}
.page-home .version__link{
  display:inline-block;
  margin-top:20px;
  font-size:14px;
  font-weight:700;
  color:var(--solar-500);
  text-decoration:none;
  border-bottom:1px solid var(--volt-500);
  padding-bottom:2px;
}
.page-home .version__stats{
  margin:0;
  display:grid;
  gap:1px;
  background:var(--ink-700);
  border:1px solid var(--ink-700);
}
.page-home .version__stat{
  background:var(--ink-800);
  padding:18px 20px;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
}
.page-home .version__stat dt{
  font-size:13px;
  color:var(--home-dim);
}
.page-home .version__stat dd{
  margin:0;
  display:flex;
  align-items:baseline;
  gap:4px;
}
.page-home .version__num{
  font-size:28px;
  font-weight:600;
  color:var(--solar-300);
  line-height:1;
}
.page-home .version__unit{
  font-size:12px;
  color:var(--home-dim);
}

/* ---------- 官方路径对照 ---------- */
.page-home .proof__head{
  border-bottom:1px solid var(--home-line);
  padding-bottom:22px;
}
.page-home .proof__list{
  display:grid;
  margin-top:4px;
}
.page-home .proof__row{
  display:grid;
  gap:8px;
  padding:22px 0;
  border-bottom:1px solid var(--home-line);
}
.page-home .proof__label{
  font-family:var(--font-display);
  font-weight:900;
  font-size:16px;
  color:var(--paper-050);
}
.page-home .proof__label::before{
  content:"";
  display:inline-block;
  width:10px;height:10px;
  margin-right:10px;
  background:var(--mint-400);
}
.page-home .proof__text{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--text-dim);
}
.page-home .proof__foot{
  margin:26px 0 0;
  font-size:12px;
  line-height:1.7;
  letter-spacing:.04em;
  color:var(--home-dim);
}

/* ---------- 悬浮入口 ---------- */
.page-home .dock{
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:40;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.page-home .dock__link{
  display:block;
  padding:11px 16px;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  color:var(--solar-100);
  background:rgba(11,21,34,.92);
  border:1px solid var(--ink-700);
  backdrop-filter:blur(6px);
}
.page-home .dock__link--primary{
  background:var(--solar-500);
  border-color:var(--solar-500);
  color:var(--ink-900);
}

/* ---------- 平板及以上 ---------- */
@media (min-width:760px){
  .page-home .hero{padding:64px 0 88px;}
  .page-home .hero__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:44px;
    align-items:center;
  }
  .page-home .hero__title{margin-left:-14px;}
  .page-home .hero__visual{margin-right:calc(var(--gutter) * -1);}
  .page-home .paths__pair{grid-template-columns:1fr 1fr;}
  .page-home .path{padding:32px 28px 34px;gap:16px;}
  .page-home .atlas__head{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:40px;}
  .page-home .version__grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px;}
  .page-home .proof__row{grid-template-columns:170px minmax(0,1fr);gap:32px;align-items:start;}
  .page-home .dock{right:22px;bottom:22px;flex-direction:row;}
}

/* ---------- 桌面：非对称目录地图 ---------- */
@media (min-width:980px){
  .page-home .hero{padding:76px 0 104px;}
  .page-home .hero__title{margin-left:-32px;}
  .page-home .hero__lede{font-size:17px;}
  .page-home .trace{height:132px;}
  .page-home .map{
    grid-template-columns:repeat(12,1fr);
    gap:16px;
    margin-top:44px;
  }
  .page-home .map__item:nth-child(1){grid-column:span 7;}
  .page-home .map__item:nth-child(2){grid-column:span 5;}
  .page-home .map__item:nth-child(3){grid-column:span 4;}
  .page-home .map__item:nth-child(4){grid-column:span 8;}
  .page-home .map__item:nth-child(5){grid-column:span 12;}
  .page-home .map__item:nth-child(5) .card__text{max-width:62ch;}
  .page-home .map__item{padding:26px 24px 28px;}
  .page-home .map__item .card__index{font-size:40px;}
}

@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .page-home .map__item .card__count{
    opacity:.55;
    transform:translateX(-4px);
    transition:opacity 240ms var(--ease),transform 240ms var(--ease);
  }
  .page-home .map__item:hover .card__count,
  .page-home .map__item:focus-visible .card__count{
    opacity:1;
    transform:translateX(0);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home .map__item,
  .page-home .map__item .card__count{
    transition:none;
  }
}
<<<END>>>