.page-home{
  --home-quiet:clamp(56px,8vw,116px);
  --home-shadow:0 18px 44px -34px rgba(8,59,82,.55);
}

.page-home .section{
  padding-block:var(--home-quiet);
}

.page-home .container{
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:clamp(18px,4vw,40px);
}

/* ---------- 右侧锚点索引 ---------- */
.page-home .home-anchors{
  display:none;
}

@media (min-width:1101px){
  .page-home .home-anchors{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:12px;
    position:fixed;
    right:clamp(10px,1.6vw,26px);
    top:50%;
    transform:translateY(-50%);
    z-index:6;
  }
}

.page-home .home-anchors .anchor-index__link{
  display:inline-flex;
  align-items:center;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--c-gray);
  text-decoration:none;
  padding:4px 0;
  transition:color 160ms linear;
}

.page-home .home-anchors .anchor-index__link::before{
  content:"";
  display:block;
  width:6px;
  height:6px;
  margin-right:9px;
  background:var(--c-line);
  transition:background 160ms linear;
}

.page-home .home-anchors .anchor-index__link:hover{
  color:var(--c-orange-deep);
}

.page-home .home-anchors .anchor-index__link[aria-current="true"]{
  color:var(--c-ink);
}

.page-home .home-anchors .anchor-index__link[aria-current="true"]::before{
  background:var(--c-orange);
}

/* ---------- 首屏封面 ---------- */
.page-home .home-cover{
  padding-top:clamp(36px,6vw,72px);
  padding-bottom:clamp(48px,7vw,96px);
}

.page-home .home-cover__grid{
  display:grid;
  gap:clamp(34px,5vw,56px);
}

@media (min-width:900px){
  .page-home .home-cover__grid{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    align-items:start;
    column-gap:clamp(32px,4vw,64px);
  }
}

.page-home .eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--c-blue);
  margin:0 0 18px;
}

.page-home .home-cover__title{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(34px,5.2vw,62px);
  line-height:1.18;
  letter-spacing:.02em;
  color:var(--c-ink);
  margin:0;
}

.page-home .home-cover__text .lede{
  margin:22px 0 0;
  max-width:34em;
  font-size:clamp(15px,1.4vw,17px);
  line-height:1.8;
  color:var(--c-ink);
}

.page-home .home-cover__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.page-home .home-cover__actions .btn{
  display:inline-flex;
  align-items:center;
  padding:12px 22px;
  font-size:15px;
  text-decoration:none;
  border:1px solid transparent;
  transition:background-color 160ms linear,color 160ms linear,border-color 160ms linear;
}

.page-home .home-cover__actions .btn--primary{
  background:var(--c-blue);
  color:var(--c-snow);
}

.page-home .home-cover__actions .btn--primary:hover{
  background:var(--c-deep);
}

.page-home .home-cover__actions .btn--ghost{
  border-color:var(--c-line);
  color:var(--c-ink);
  background:transparent;
}

.page-home .home-cover__actions .btn--ghost:hover{
  border-color:var(--c-orange);
  color:var(--c-orange-deep);
}

.page-home .home-pitch{
  display:block;
  width:min(320px,80%);
  height:auto;
  margin-top:clamp(30px,4vw,54px);
  color:var(--c-line);
  opacity:.85;
}

.page-home .home-cover__visual{
  position:relative;
}

.page-home .home-cover__media{
  margin:0;
  overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% 92%,0 100%);
  background:var(--c-mist);
}

.page-home .home-cover__media img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  aspect-ratio:16/9;
}

.page-home .home-cover__index{
  margin-top:22px;
  border-top:3px solid var(--c-blue);
  padding-top:16px;
}

@media (min-width:900px){
  .page-home .home-cover__index{
    position:absolute;
    left:-18px;
    bottom:-30px;
    width:min(310px,94%);
    margin-top:0;
    background:var(--c-snow);
    border:var(--hair);
    border-top:3px solid var(--c-blue);
    padding:16px 18px 14px;
    box-shadow:var(--home-shadow);
  }
}

.page-home .home-cover__index-title{
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--c-gray);
}

.page-home .home-index-list{
  list-style:none;
  margin:0;
  padding:0;
}

.page-home .home-index-item + .home-index-item{
  border-top:var(--hair);
}

.page-home .home-index-link{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:9px 0;
  text-decoration:none;
  color:var(--c-ink);
}

.page-home .home-index-num{
  font-size:11px;
  color:var(--c-gold);
  letter-spacing:.06em;
}

.page-home .home-index-label{
  flex:1 1 auto;
  font-size:14px;
  line-height:1.4;
  background-image:linear-gradient(var(--c-orange-deep),var(--c-orange-deep));
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:0 1px;
  transition:background-size 200ms linear,color 160ms linear;
}

.page-home .home-index-link:hover .home-index-label{
  color:var(--c-orange-deep);
  background-size:100% 1px;
}

.page-home .home-index-note{
  font-size:11px;
  color:var(--c-gray);
  white-space:nowrap;
}

/* ---------- 章节头 ---------- */
.page-home .sec-head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px 14px;
  margin-bottom:clamp(24px,3vw,38px);
}

.page-home .sec-head .sec-num{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--c-gold);
}

.page-home .sec-head .sec-num::after{
  content:"";
  display:inline-block;
  width:26px;
  height:1px;
  margin-left:10px;
  vertical-align:middle;
  background:var(--c-gold);
}

.page-home .sec-head .sec-title{
  font-family:var(--font-sans);
  font-weight:700;
  font-size:clamp(23px,2.8vw,34px);
  letter-spacing:.04em;
  line-height:1.3;
  color:var(--c-ink);
  margin:0;
  flex:1 1 100%;
}

@media (min-width:700px){
  .page-home .sec-head .sec-title{
    flex:0 1 auto;
  }
}

/* ---------- 注册入口 ---------- */
.page-home .home-register__grid{
  display:grid;
  gap:clamp(28px,4vw,52px);
}

@media (min-width:900px){
  .page-home .home-register__grid{
    grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);
    align-items:start;
    column-gap:clamp(32px,5vw,72px);
  }
}

.page-home .home-register__media{
  margin:0;
}

.page-home .home-register__media img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
  background:var(--c-mist);
}

.page-home .home-register__media .media__caption{
  display:block;
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--c-gray);
}

.page-home .home-register__lead{
  margin:0 0 26px;
  font-size:16px;
  line-height:1.8;
  color:var(--c-ink);
  max-width:36em;
}

.page-home .home-steps{
  list-style:none;
  margin:0;
  padding:0;
  border-top:var(--hair);
}

.page-home .home-step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  padding:18px 0;
  border-bottom:var(--hair);
}

.page-home .home-step__num{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--c-snow);
  background:var(--c-blue);
}

.page-home .home-step__title{
  margin:0 0 6px;
  font-size:16px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--c-ink);
}

.page-home .home-step p{
  margin:0;
  font-size:14.5px;
  line-height:1.75;
  color:var(--c-gray);
}

.page-home .home-register__foot{
  margin:24px 0 0;
  font-size:14.5px;
  line-height:1.8;
  color:var(--c-gray);
}

.page-home .home-inline-link{
  color:var(--c-orange-deep);
  text-decoration:none;
  background-image:linear-gradient(var(--c-orange-deep),var(--c-orange-deep));
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:0 1px;
  transition:background-size 200ms linear;
}

.page-home .home-inline-link:hover{
  background-size:100% 1px;
}

/* ---------- 本周更新 ---------- */
.page-home .home-weekly{
  background:var(--c-mist);
  padding-block:clamp(48px,6vw,84px);
  border-top:var(--hair);
  border-bottom:var(--hair);
}

.page-home .home-weekly .container{
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:clamp(18px,4vw,40px);
}

.page-home .home-weekly__head{
  margin-bottom:clamp(20px,2.6vw,30px);
}

.page-home .home-weekly__note{
  flex:1 1 100%;
  margin:0;
  font-size:12px;
  letter-spacing:.06em;
  color:var(--c-blue);
}

.page-home .home-rail-wrap{
  position:relative;
}

.page-home .home-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(250px,84%);
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:4px clamp(18px,4vw,40px) 20px;
  -webkit-overflow-scrolling:touch;
}

.page-home .home-rail::-webkit-scrollbar{
  height:6px;
}

.page-home .home-rail::-webkit-scrollbar-thumb{
  background:var(--c-line);
}

@media (min-width:720px){
  .page-home .home-rail{
    grid-auto-columns:minmax(280px,44%);
  }
}

@media (min-width:1080px){
  .page-home .home-rail{
    grid-auto-columns:minmax(300px,29%);
    gap:20px;
  }
}

.page-home .update-card{
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:12px;
  background:var(--c-snow);
  border:var(--hair);
  border-left-width:4px;
  padding:20px 20px 18px;
  transition:box-shadow 160ms linear,transform 160ms linear;
}

.page-home .update-card:hover{
  box-shadow:var(--home-shadow);
  transform:translateY(-2px);
}

.page-home .update-card--blue{border-left-color:var(--c-blue);}
.page-home .update-card--deep{border-left-color:var(--c-deep);}
.page-home .update-card--gold{border-left-color:var(--c-gold);}
.page-home .update-card--orange{border-left-color:var(--c-orange);}

.page-home .update-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.page-home .tag{
  display:inline-block;
  padding:3px 9px;
  font-size:11px;
  letter-spacing:.06em;
  border:1px solid var(--c-line);
}

.page-home .tag--solid{
  background:var(--c-blue);
  border-color:var(--c-blue);
  color:var(--c-snow);
}

.page-home .tag--accent{
  background:var(--c-orange);
  border-color:var(--c-orange);
  color:var(--c-snow);
}

.page-home .update-card__kind{
  font-size:11px;
  letter-spacing:.1em;
  color:var(--c-gray);
}

.page-home .update-card__title{
  margin:0;
  font-size:17px;
  font-weight:700;
  line-height:1.45;
  letter-spacing:.01em;
  color:var(--c-ink);
}

.page-home .update-card__text{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--c-gray);
  flex:1 1 auto;
}

.page-home .update-card__link{
  align-self:flex-start;
  font-size:13px;
  font-weight:500;
  color:var(--c-blue);
  text-decoration:none;
  border-bottom:1px solid var(--c-line);
  padding-bottom:2px;
  transition:color 160ms linear,border-color 160ms linear;
}

.page-home .update-card__link:hover{
  color:var(--c-orange-deep);
  border-color:var(--c-orange);
}

.page-home .home-rail__hint{
  margin:0;
  padding-inline:clamp(18px,4vw,40px);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--c-gray);
}

@media (min-width:1080px){
  .page-home .home-rail__hint{
    display:none;
  }
}

/* ---------- 三条场景 ---------- */
.page-home .home-scenes__banner{
  margin:0 0 clamp(28px,4vw,48px);
  overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% 90%,0 100%);
  background:var(--c-mist);
}

.page-home .home-scenes__banner img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:20/9;
  object-fit:cover;
}

.page-home .home-scenes__list{
  display:grid;
  gap:clamp(30px,4vw,52px);
}

.page-home .scene{
  display:grid;
  gap:20px;
  padding-top:clamp(24px,3vw,36px);
  border-top:var(--hair);
}

@media (min-width:880px){
  .page-home .scene{
    grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);
    align-items:start;
    column-gap:clamp(28px,4vw,60px);
  }

  .page-home .scene--reverse .scene__media{
    order:2;
  }

  .page-home .scene--reverse .scene__body{
    order:1;
  }
}

.page-home .scene__media{
  display:flex;
  align-items:flex-end;
  min-height:112px;
  padding:14px 16px;
  background:var(--c-mist);
  clip-path:polygon(0 0,100% 0,100% 100%,0 86%);
  border-left:4px solid var(--c-blue);
}

.page-home .scene--reverse .scene__media{
  clip-path:polygon(0 0,100% 0,100% 86%,0 100%);
  border-left:0;
  border-right:4px solid var(--c-orange);
  justify-content:flex-end;
}

.page-home .scene__tag{
  font-size:12px;
  letter-spacing:.14em;
  color:var(--c-deep);
}

.page-home .scene__title{
  margin:0 0 12px;
  font-size:clamp(18px,2.2vw,24px);
  font-weight:700;
  line-height:1.4;
  letter-spacing:.02em;
  color:var(--c-ink);
}

.page-home .scene__body p{
  margin:0 0 14px;
  font-size:15px;
  line-height:1.8;
  color:var(--c-ink);
  max-width:40em;
}

.page-home .scene__points{
  list-style:none;
  margin:0 0 14px;
  padding:0;
  display:grid;
  gap:7px;
}

.page-home .scene__points li{
  position:relative;
  padding-left:16px;
  font-size:14px;
  line-height:1.7;
  color:var(--c-gray);
}

.page-home .scene__points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  background:var(--c-gold);
}

/* ---------- 规模 ---------- */
.page-home .home-scale{
  background:var(--c-deep);
  color:var(--c-snow);
  padding-block:clamp(48px,6vw,88px);
}

.page-home .home-scale .container{
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:clamp(18px,4vw,40px);
}

.page-home .home-scale__head{
  margin-bottom:clamp(24px,3vw,36px);
}

.page-home .home-scale .sec-title{
  color:var(--c-snow);
}

.page-home .home-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:0;
  background:rgba(159,191,204,.32);
}

@media (min-width:820px){
  .page-home .home-stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

.page-home .home-stat{
  background:var(--c-deep);
  padding:22px 18px 20px;
}

.page-home .home-stat__key{
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--c-line);
}

.page-home .home-stat__val{
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(30px,4vw,46px);
  line-height:1.1;
  letter-spacing:.01em;
  color:var(--c-snow);
}

.page-home .home-stat__unit{
  font-size:.44em;
  margin-left:4px;
  color:var(--c-gold);
}

.page-home .home-scale__note{
  margin:26px 0 0;
  max-width:46em;
  font-size:14.5px;
  line-height:1.85;
  color:rgba(251,252,253,.82);
}

/* ---------- 资料目录 ---------- */
.page-home .home-library__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(24px,3vw,40px);
  border-top:2px solid var(--c-ink);
  padding-top:clamp(22px,3vw,32px);
}

@media (min-width:900px){
  .page-home .home-library__grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

.page-home .home-col__title{
  margin:0 0 14px;
  font-size:15px;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--c-blue);
  padding-bottom:10px;
  border-bottom:var(--hair);
}

.page-home .home-col__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}

.page-home .home-col__link{
  display:inline-block;
  font-size:14px;
  line-height:1.6;
  color:var(--c-ink);
  text-decoration:none;
  background-image:linear-gradient(var(--c-orange-deep),var(--c-orange-deep));
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:0 1px;
  transition:background-size 200ms linear,color 160ms linear;
}

.page-home .home-col__link:hover{
  color:var(--c-orange-deep);
  background-size:100% 1px;
}

.page-home .home-library__closing{
  margin:clamp(36px,5vw,60px) 0 0;
  padding-top:clamp(22px,3vw,30px);
  border-top:var(--hair);
  max-width:40em;
  font-family:var(--font-display);
  font-size:clamp(16px,1.8vw,20px);
  line-height:1.75;
  letter-spacing:.01em;
  color:var(--c-deep);
}

@media (prefers-reduced-motion:reduce){
  .page-home .update-card,
  .page-home .home-index-label,
  .page-home .home-inline-link,
  .page-home .home-col__link,
  .page-home .home-anchors .anchor-index__link,
  .page-home .home-anchors .anchor-index__link::before,
  .page-home .home-cover__actions .btn{
    transition:none;
  }

  .page-home .update-card:hover{
    transform:none;
  }
}
<<<END>>>