.page-home{
  --home-stroke: 1px solid var(--line-light);
  --home-stroke-dark: 1px solid var(--line-dark);
  background: var(--paper-050);
  color: var(--ink-900);
  overflow-x: hidden;
}

/* ---------- 首屏封面 ---------- */
.page-home .hero{
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--paper-050);
  background:
    radial-gradient(130% 100% at 4% 0%, rgba(107,46,138,.85), rgba(107,46,138,0) 62%),
    linear-gradient(155deg, var(--grape-950) 0%, var(--ink-900) 74%);
  padding: clamp(18px,4vw,28px) 0 0;
}
.page-home .hero__media{
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.page-home .hero__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .34;
  filter: saturate(1.1);
}
.page-home .hero__inner{ position: relative; z-index: 1; }

.page-home .hero__crumb{ margin-bottom: clamp(14px,3vw,26px); }
.page-home .hero__crumb ol{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  letter-spacing: .04em;
  color: rgba(247,244,250,.62);
}
.page-home .hero__crumb li + li::before{ content: "/"; margin-right: 8px; opacity: .5; }
.page-home .hero__crumb a{ color: var(--grape-300); text-decoration: none; }
.page-home .hero__crumb a[aria-current="page"]{ color: rgba(247,244,250,.86); }

.page-home .hero__grid{
  display: grid;
  gap: clamp(22px,5vw,40px);
  padding-bottom: clamp(24px,5vw,48px);
  background-image: repeating-linear-gradient(90deg, var(--line-dark-soft) 0 1px, rgba(0,0,0,0) 1px 100%);
  background-size: 12.5% 100%;
}
.page-home .hero__lead{
  position: relative;
  z-index: 0;
}
.page-home .hero__lead::before{
  content: "";
  position: absolute;
  z-index: -1;
  left: -14px;
  bottom: -8%;
  width: 64%;
  height: 58%;
  transform: skewX(-6deg);
  background: linear-gradient(90deg, rgba(107,46,138,.95), rgba(107,46,138,0));
}
.page-home .hero__eyebrow{
  color: var(--gold-400);
  letter-spacing: .16em;
}
.page-home .hero__version{
  margin: 6px 0 0;
  font-family: var(--font-mono);
  font-weight: 800;
  font-size: clamp(76px, 21vw, 176px);
  line-height: .8;
  letter-spacing: -.05em;
  color: transparent;
  -webkit-text-stroke: 2px var(--gold-400);
  text-shadow: 0 0 42px rgba(232,177,74,.22);
}
.page-home .hero__issue{
  margin: 10px 0 0;
  font-size: 13px;
  letter-spacing: .12em;
  color: rgba(247,244,250,.7);
}
.page-home .hero__title{
  margin: 14px 0 0;
  font-family: var(--font-sans);
  font-weight: 900;
  font-size: clamp(26px, 5.4vw, 44px);
  line-height: 1.18;
  letter-spacing: -.01em;
  max-width: 13em;
}
.page-home .hero__lede{
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(247,244,250,.84);
  max-width: 34em;
}
.page-home .hero__list{
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: var(--home-stroke-dark);
}
.page-home .hero__item + .hero__item{ border-top: var(--home-stroke-dark); }
.page-home .hero__link{
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 2px 12px;
  align-items: baseline;
  min-height: 56px;
  padding: 12px 10px 12px 0;
  text-decoration: none;
  color: inherit;
  transition: background-color .22s var(--ease), padding-left .22s var(--ease);
}
.page-home .hero__link:hover,
.page-home .hero__link:focus-visible{
  background: rgba(139,195,74,.08);
  padding-left: 8px;
}
.page-home .hero__idx{
  grid-row: span 2;
  color: var(--grape-300);
  font-size: 13px;
  letter-spacing: .12em;
}
.page-home .hero__label{
  font-weight: 700;
  font-size: 16px;
  color: var(--paper-050);
}
.page-home .hero__desc{
  font-size: 14px;
  line-height: 1.6;
  color: rgba(247,244,250,.66);
}
.page-home .hero__foot{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: clamp(18px,4vw,30px);
  border-top: var(--home-stroke-dark);
  padding-top: 14px;
}
.page-home .hero__footnote{
  margin: 0;
  font-size: 12px;
  letter-spacing: .14em;
  color: rgba(247,244,250,.6);
}
.page-home .hero__scale{
  width: 100%;
  height: auto;
  display: block;
}
.page-home .scale__axis{ stroke: rgba(192,155,221,.35); stroke-width: 1; }
.page-home .scale__tick{ fill: var(--grape-300); opacity: .7; }
.page-home .scale__tick--now{ fill: var(--green-500); opacity: 1; }

/* ---------- 今日索引条 ---------- */
.page-home .ticker{
  background: var(--ink-900);
  border-top: var(--home-stroke-dark);
  border-bottom: var(--home-stroke-dark);
  border-left: 0;
  border-right: 0;
}
.page-home .ticker__inner{ padding-block: 0; }
.page-home .ticker__title{
  margin: 0;
  padding: 14px 0 12px;
  font-size: 12px;
  letter-spacing: .18em;
  color: var(--gray-500);
  border-bottom: var(--home-stroke-dark);
}
.page-home .ticker__list{
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.page-home .ticker__cell{
  flex: 0 0 auto;
  min-width: 122px;
  border-right: var(--home-stroke-dark);
}
.page-home .ticker__link{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 76px;
  padding: 14px 16px;
  text-decoration: none;
  color: var(--paper-050);
  transition: background-color .2s var(--ease);
}
.page-home .ticker__link:hover,
.page-home .ticker__link:focus-visible{ background: rgba(107,46,138,.42); }
.page-home .ticker__idx{ font-size: 11px; letter-spacing: .14em; color: var(--gold-400); }
.page-home .ticker__label{ font-size: 15px; font-weight: 700; }
.page-home .ticker__hint{ font-size: 12px; color: rgba(247,244,250,.5); }

/* ---------- 章节索引 ---------- */
.page-home .home-toc{
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(247,244,250,.95);
  border-bottom: var(--home-stroke);
  backdrop-filter: blur(6px);
}
.page-home .home-toc__list{
  display: flex;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  padding-inline: clamp(12px, 4vw, 40px);
  scrollbar-width: none;
}
.page-home .home-toc__list::-webkit-scrollbar{ display: none; }
.page-home .home-toc__list a{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 46px;
  padding: 0 12px;
  font-size: 13px;
  color: var(--gray-500);
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color .2s var(--ease), border-color .2s var(--ease);
}
.page-home .home-toc__list a .mono{ font-size: 11px; letter-spacing: .1em; color: var(--grape-300); }
.page-home .home-toc__list a:hover{ color: var(--ink-900); }
.page-home .home-toc__list a.is-active{
  color: var(--grape-700);
  font-weight: 700;
  border-bottom-color: var(--grape-700);
}
.page-home .home-toc__list a.is-active .mono{ color: var(--grape-700); }

/* ---------- 通用章节头 ---------- */
.page-home .ph-head{
  display: grid;
  gap: 8px;
  padding-bottom: clamp(20px,4vw,34px);
  margin-bottom: clamp(24px,5vw,44px);
  border-bottom: var(--home-stroke);
}
.page-home .ph-head__num{
  margin: 0;
  font-size: 12px;
  letter-spacing: .2em;
  color: var(--grape-700);
  padding-left: 12px;
  border-left: 2px solid var(--grape-700);
  line-height: 1.2;
}
.page-home .ph-head__title{
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 900;
  font-size: clamp(24px, 5.4vw, 42px);
  line-height: 1.2;
  letter-spacing: -.01em;
  text-align: left;
  max-width: 20em;
}
.page-home .ph-head__lede{
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--gray-500);
  max-width: 34em;
}
.page-home .ph-head--dark{ border-bottom-color: var(--line-dark); }
.page-home .ph-head--dark .ph-head__num{ color: var(--gold-400); border-left-color: var(--gold-400); }
.page-home .ph-head--dark .ph-head__title{ color: var(--paper-050); }
.page-home .ph-head--dark .ph-head__lede{ color: rgba(247,244,250,.68); }

/* ---------- 数据段落 ---------- */
.page-home .sizing{
  padding: clamp(46px,9vw,96px) 0;
  color: var(--paper-050);
  background: linear-gradient(180deg, var(--grape-950) 0%, var(--ink-900) 88%);
}
.page-home .meters{
  display: grid;
  gap: 26px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-home .meter{
  padding: 18px 0 0;
  border-top: 1px solid var(--line-dark);
}
.page-home .meter__num{
  margin: 0;
  font-family: var(--font-mono);
  font-weight: 800;
  font-size: clamp(38px, 9vw, 62px);
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--gold-400);
}
.page-home .meter__plus{ font-size: .55em; vertical-align: super; }
.page-home .meter__unit{
  margin: 6px 0 12px;
  font-size: 12px;
  letter-spacing: .14em;
  color: var(--grape-300);
}
.page-home .meter__label{
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(247,244,250,.74);
  max-width: 30em;
}
.page-home .meter__bar{
  display: block;
  height: 4px;
  background: var(--line-dark-soft);
}
.page-home .meter__fill{
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--grape-700), var(--green-500));
}
.page-home .sizing__note{
  margin: clamp(28px,5vw,44px) 0 0;
  padding-top: 20px;
  border-top: 1px solid var(--line-dark);
  font-size: 15px;
  line-height: 1.8;
  color: rgba(247,244,250,.76);
  max-width: 40em;
}

/* ---------- 赛季阶段 ---------- */
.page-home .season{
  padding: clamp(46px,9vw,96px) 0;
  background: var(--paper-050);
}
.page-home .stages{
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: stage;
}
.page-home .stage{
  position: relative;
  padding: 20px 18px 18px;
  border: var(--home-stroke);
  background: #fff;
}
.page-home .stage::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: var(--grape-300);
}
.page-home .stage--hot::before{ background: var(--green-500); }
.page-home .stage__week{
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--grape-700);
}
.page-home .stage--hot .stage__week{ color: #5d7f2c; }
.page-home .stage__name{
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
}
.page-home .stage__text{
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.75;
  color: var(--gray-500);
}
.page-home .stage__link{ margin: 0; font-size: 14px; }
.page-home .stage__link a{
  color: var(--blue-700);
  text-decoration: none;
  border-bottom: 1px solid rgba(31,79,184,.35);
  padding-bottom: 1px;
}
.page-home .stage__link a:hover{ border-bottom-color: var(--blue-700); }

/* ---------- 栏目网格 ---------- */
.page-home .columns{
  padding: clamp(46px,9vw,96px) 0;
  background:
    repeating-linear-gradient(90deg, var(--line-light-soft) 0 1px, rgba(0,0,0,0) 1px 100%),
    var(--paper-050);
  background-size: 12.5% 100%, auto;
}
.page-home .cols{
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-home .cols__item{ display: flex; }
.page-home .cols__link{
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 18px 16px;
  text-decoration: none;
  color: inherit;
  background: rgba(255,255,255,.92);
  border: var(--home-stroke);
  transition: transform .24s var(--ease), border-color .24s var(--ease);
}
.page-home .cols__link:hover,
.page-home .cols__link:focus-visible{
  transform: translateY(-4px);
  border-color: var(--grape-700);
}
.page-home .cols__media{
  display: block;
  overflow: hidden;
  border: 1px solid var(--line-light-soft);
}
.page-home .cols__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.page-home .cols__item--feature .cols__media img{ aspect-ratio: 4 / 3; }
.page-home .cols__meta{
  font-size: 11px;
  letter-spacing: .12em;
  color: var(--grape-700);
}
.page-home .cols__title{
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--ink-900);
}
.page-home .cols__text{
  font-size: 14px;
  line-height: 1.7;
  color: var(--gray-500);
}

/* ---------- 编辑推荐 ---------- */
.page-home .picks{
  padding: clamp(46px,9vw,96px) 0;
  color: var(--paper-050);
  background: linear-gradient(160deg, var(--ink-900) 0%, var(--grape-950) 100%);
}
.page-home .picks__inner{ display: grid; gap: clamp(22px,4vw,40px); }
.page-home .picks__media{
  overflow: hidden;
  border: 1px solid var(--line-dark);
  margin-bottom: 22px;
}
.page-home .picks__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  opacity: .7;
}
.page-home .picks__list{
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line-dark);
}
.page-home .pick{ border-bottom: 1px solid var(--line-dark); }
.page-home .pick__link{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: flex-start;
  padding: 16px 6px;
  min-height: 44px;
  text-decoration: none;
  color: inherit;
  transition: background-color .2s var(--ease);
}
.page-home .pick__link:hover,
.page-home .pick__link:focus-visible{ background: rgba(46,107,230,.14); }
.page-home .pick__body{ display: flex; flex-direction: column; gap: 5px; flex: 1 1 220px; }
.page-home .pick__title{ font-size: 16px; font-weight: 700; line-height: 1.5; }
.page-home .pick__text{ font-size: 13px; line-height: 1.65; color: rgba(247,244,250,.62); }

/* ---------- 信任与联系 ---------- */
.page-home .trust{
  padding: clamp(46px,9vw,96px) 0;
  background: #fff;
  border-top: var(--home-stroke);
}
.page-home .trust__grid{
  display: grid;
  gap: 20px;
}
.page-home .trust__col{
  padding: 18px 16px;
  border-left: 2px solid var(--grape-300);
  background: var(--paper-050);
}
.page-home .trust__title{
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 800;
}
.page-home .trust__text{
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--gray-500);
}
.page-home .trust__text a{ color: var(--blue-700); text-decoration: none; border-bottom: 1px solid rgba(31,79,184,.35); }
.page-home .trust__text a:hover{ border-bottom-color: var(--blue-700); }
.page-home .trust__mono{
  margin: 10px 0 0;
  font-size: 13px;
  letter-spacing: .1em;
  color: var(--ink-900);
}
.page-home .trust__cta{ margin: 28px 0 0; }

/* ---------- 响应式 ---------- */
@media (min-width: 640px){
  .page-home .ticker__cell{ min-width: 0; flex: 1 1 0; }
  .page-home .ticker__list{ overflow-x: visible; }
  .page-home .meters{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .page-home .stages{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .page-home .cols{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .page-home .trust__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (min-width: 900px){
  .page-home .hero{ padding-top: clamp(24px,3vw,36px); }
  .page-home .hero__media img{ opacity: .42; }
  .page-home .hero__grid{
    grid-template-columns: minmax(0,7fr) minmax(0,5fr);
    align-items: end;
    gap: clamp(28px,4vw,56px);
  }
  .page-home .hero__foot{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }
  .page-home .hero__footnote{ flex: 0 0 auto; }
  .page-home .hero__scale{ flex: 1 1 auto; max-width: 720px; }
  .page-home .meters{ grid-template-columns: repeat(3, minmax(0,1fr)); gap: 32px; }
  .page-home .stages{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  .page-home .stage--hot{ transform: translateY(-14px); }
  .page-home .cols{
    grid-template-columns: repeat(6, minmax(0,1fr));
    align-items: start;
  }
  .page-home .cols__item{ grid-column: span 2; }
  .page-home .cols__item--feature{ grid-column: span 4; }
  .page-home .cols__item--wide{ grid-column: span 3; }
  .page-home .cols__item:nth-child(2),
  .page-home .cols__item:nth-child(5){ transform: translateY(26px); }
  .page-home .cols__item:nth-child(3){ transform: translateY(-10px); }
  .page-home .picks__inner{ grid-template-columns: minmax(0,5fr) minmax(0,7fr); align-items: start; }
  .page-home .picks__aside{ position: sticky; top: 72px; }
  .page-home .trust__grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (prefers-reduced-motion: reduce){
  .page-home .cols__link,
  .page-home .cols__item,
  .page-home .stage,
  .page-home .pick__link,
  .page-home .hero__link{
    transition: none;
  }
  .page-home .cols__link:hover,
  .page-home .cols__link:focus-visible{ transform: none; }
  .page-home .stage--hot,
  .page-home .cols__item:nth-child(2),
  .page-home .cols__item:nth-child(3),
  .page-home .cols__item:nth-child(5){ transform: none; }
}
<<<PAGE_CSS_END>>>