.page-home{
  --home-ink-fade:linear-gradient(150deg,var(--ink-700) 0%,var(--ink-900) 84%);
  --home-hairline:rgba(246,242,233,.22);
}

/* ---------- 首屏 ---------- */
.page-home .hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--paper);
  padding:clamp(34px,6vw,76px) 0 clamp(42px,6vw,88px);
}
.page-home .hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.15;
  z-index:0;
  pointer-events:none;
}
.page-home .hero__cut{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:68%;
  background:linear-gradient(148deg,var(--ink-700) 0%,var(--ink-900) 82%);
  clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);
  z-index:0;
}
.page-home .hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(26px,4vw,48px);
}
.page-home .hero__lead{max-width:600px;}
.page-home .hero .eyebrow{color:var(--copper);}
.page-home .hero .display{
  margin:14px 0 0;
  font-size:clamp(30px,5vw,56px);
  line-height:1.13;
  letter-spacing:-.012em;
  color:var(--ink-900);
}
.page-home .hero .lede{
  margin:20px 0 0;
  max-width:540px;
  color:var(--text);
}
.page-home .hero__paths{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.page-home .hero__panel{
  padding:clamp(20px,2.6vw,30px);
  background:var(--home-ink-fade);
  border:1px solid rgba(184,122,60,.45);
  color:var(--paper);
}
.page-home .hero__panel-no{
  margin:0;
  font-size:12px;
  letter-spacing:.2em;
  color:var(--copper-light);
}
.page-home .hero__panel-title{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-size:clamp(19px,2.2vw,24px);
  font-weight:600;
  line-height:1.36;
  color:var(--paper);
}
.page-home .hero__panel .media{
  width:min(100%,256px);
  margin-top:18px;
  border:1px solid var(--home-hairline);
}
.page-home .hero__panel-text{
  margin:16px 0 0;
  font-size:15px;
  line-height:1.74;
  color:rgba(246,242,233,.82);
}
.page-home .hero__panel-link{
  display:inline-block;
  margin-top:14px;
  font-size:15px;
  color:var(--copper-light);
  text-decoration:none;
  border-bottom:1px solid rgba(224,181,127,.55);
  transition:color var(--ease),border-color var(--ease);
}
.page-home .hero__panel-link:hover,
.page-home .hero__panel-link:focus-visible{
  color:var(--paper);
  border-color:var(--paper);
}

/* ---------- 通用章节头 ---------- */
.page-home .section{padding:clamp(52px,7vw,104px) 0;}
.page-home .sec-head{
  max-width:740px;
  margin-bottom:clamp(26px,3.4vw,46px);
}
.page-home .sec-head .eyebrow{color:var(--copper);}
.page-home .sec-head .serif-title{margin:12px 0 0;color:var(--ink-900);}
.page-home .sec-head .lede{margin:16px 0 0;color:var(--text);}

.page-home .section--grid{
  background-color:var(--paper);
  background-image:
    linear-gradient(var(--grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:72px 72px;
  border-top:1px solid var(--grid);
  border-bottom:1px solid var(--grid);
}
.page-home .section--ink{
  background:var(--ink-900);
  color:var(--paper);
}

/* ---------- 版本变化清单 ---------- */
.page-home .vlist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
}
.page-home .vlist__item{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:0 16px;
  padding:22px 0;
  border-top:1px solid var(--grid);
}
.page-home .vlist__item:last-child{border-bottom:1px solid var(--grid);}
.page-home .vlist__no{
  grid-column:1;
  grid-row:1 / span 2;
  padding-top:5px;
  font-size:13px;
  letter-spacing:.1em;
  color:var(--copper);
}
.page-home .vlist__title{
  grid-column:2;
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(17px,1.6vw,20px);
  font-weight:600;
  line-height:1.4;
  color:var(--ink-900);
}
.page-home .vlist__desc{
  grid-column:2;
  margin:8px 0 0;
  font-size:15px;
  line-height:1.74;
  color:var(--text);
}

/* ---------- 栏目 Bento ---------- */
.page-home .grid-bento{align-items:stretch;}
.page-home .col-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:clamp(20px,2.4vw,30px);
  background:var(--white);
  border:1px solid var(--grid);
  color:var(--text);
  text-decoration:none;
  transition:transform var(--ease),border-color var(--ease),box-shadow var(--ease);
}
.page-home .col-card:hover,
.page-home .col-card:focus-visible{
  transform:translateY(-2px);
  border-color:var(--copper);
  box-shadow:0 12px 26px -20px rgba(13,27,42,.55);
}
.page-home .col-card__no{
  font-size:12px;
  letter-spacing:.16em;
  color:var(--copper);
}
.page-home .col-card__title{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(19px,2vw,24px);
  font-weight:600;
  line-height:1.36;
  color:var(--ink-900);
}
.page-home .col-card__desc{
  margin:0;
  font-size:15px;
  line-height:1.74;
}
.page-home .col-card__more{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid var(--grid);
  font-size:13.5px;
  line-height:1.62;
  color:var(--mist);
  transition:color var(--ease);
}
.page-home .col-card:hover .col-card__more,
.page-home .col-card:focus-visible .col-card__more{color:var(--ink-500);}

.page-home .col-card--focus{
  justify-content:center;
  min-height:clamp(230px,30vw,330px);
  background:var(--home-ink-fade);
  border-color:var(--ink-700);
}
.page-home .col-card--focus .col-card__no{color:var(--copper-light);}
.page-home .col-card--focus .col-card__title{color:var(--paper);}
.page-home .col-card--focus .col-card__desc{color:rgba(246,242,233,.84);}
.page-home .col-card--focus .col-card__more{
  border-top-color:var(--home-hairline);
  color:rgba(246,242,233,.66);
}
.page-home .col-card--focus:hover,
.page-home .col-card--focus:focus-visible{border-color:var(--copper);}

/* ---------- 新旧对照 ---------- */
.page-home .compare{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  border:1px solid var(--grid);
  background:var(--white);
}
.page-home .compare__col{padding:clamp(20px,2.6vw,32px);}
.page-home .compare__col--old{background:var(--paper);}
.page-home .compare__col--new{border-top:1px solid var(--grid);}
.page-home .compare__head{margin:0 0 4px;}
.page-home .compare__row{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:14px;
  padding:16px 0;
  border-top:1px solid var(--grid);
}
.page-home .compare__key{
  padding-top:3px;
  font-size:12px;
  letter-spacing:.12em;
  color:var(--mist);
}
.page-home .compare__val{
  margin:0;
  font-size:15px;
  line-height:1.72;
  color:var(--text);
}
.page-home .compare__col--new .compare__val{
  color:var(--ink-900);
}
.page-home .compare__col--new .compare__val::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:9px;
  background:var(--celadon);
  vertical-align:middle;
}

.page-home .compare-fig{margin:clamp(24px,3vw,42px) 0 0;}
.page-home .compare-fig .media{
  border:1px solid var(--grid);
  background:var(--white);
}
.page-home .compare-fig .media__caption{
  margin-top:10px;
  font-size:13px;
  color:var(--mist);
}
.page-home .compare__foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 22px;
  margin-top:clamp(22px,2.6vw,32px);
}
.page-home .note{
  margin:0;
  color:var(--ink-500);
}
.page-home .note a{
  color:inherit;
  text-decoration:underline;
  text-decoration-color:var(--copper);
  text-underline-offset:3px;
}

/* ---------- 收藏复用 ---------- */
.page-home .collect{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(20px,2.6vw,32px);
}
.page-home .collect__item{
  padding:4px 0 4px 20px;
  border-left:2px solid var(--copper);
}
.page-home .collect__no{
  margin:0;
  font-size:12px;
  letter-spacing:.16em;
  color:var(--copper);
}
.page-home .collect__title{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-size:18px;
  font-weight:600;
  line-height:1.4;
  color:var(--ink-900);
}
.page-home .collect__desc{
  margin:8px 0 0;
  font-size:15px;
  line-height:1.74;
  color:var(--text);
}
.page-home #collect .note{margin-top:clamp(24px,3vw,36px);}

/* ---------- 规模与响应 ---------- */
.page-home .scale{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(26px,3.6vw,54px);
  align-items:center;
}
.page-home .scale .eyebrow{color:var(--copper-light);}
.page-home .scale .serif-title{
  margin:12px 0 0;
  color:var(--paper);
}
.page-home .scale .lede{
  margin:16px 0 0;
  max-width:520px;
  color:rgba(246,242,233,.8);
}
.page-home .stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(16px,2vw,28px);
  margin-top:clamp(24px,3vw,38px);
}
.page-home .stat{
  padding-top:16px;
  border-top:1px solid var(--home-hairline);
}
.page-home .stat__num{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(26px,3.2vw,38px);
  font-weight:500;
  line-height:1.1;
  letter-spacing:-.01em;
  color:var(--copper-light);
}
.page-home .stat__label{
  display:block;
  margin-top:8px;
  font-size:13.5px;
  line-height:1.62;
  color:rgba(246,242,233,.74);
}
.page-home .scale__meta{
  margin:clamp(22px,2.6vw,30px) 0 0;
  padding-top:16px;
  border-top:1px solid var(--home-hairline);
  font-size:14px;
  line-height:1.7;
  color:rgba(246,242,233,.7);
}
.page-home .scale__fig{margin:0;}
.page-home .scale__fig .media{
  border:1px solid rgba(184,122,60,.4);
  background:rgba(246,242,233,.05);
}
.page-home .scale__fig .media__caption{
  margin-top:10px;
  font-size:13px;
  color:rgba(246,242,233,.6);
}

/* ---------- 收尾 ---------- */
.page-home .outro{padding:clamp(56px,8vw,120px) 0 clamp(60px,9vw,140px);}
.page-home .outro__inner{max-width:760px;}
.page-home .outro .serif-title{margin:0;color:var(--ink-900);}
.page-home .outro .lede{margin:18px 0 0;color:var(--text);}
.page-home .outro__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

/* ---------- 媒体容器 ---------- */
.page-home .media{
  position:relative;
  overflow:hidden;
  background:rgba(220,214,200,.3);
}
.page-home .media__img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-home .media--city{aspect-ratio:3 / 4;}
.page-home .media--wide{aspect-ratio:2 / 1;}
.page-home .media--map{aspect-ratio:4 / 3;}

/* ---------- 响应式 ---------- */
@media (max-width:899px){
  .page-home .hero__cut{display:none;}
  .page-home .hero__panel{box-shadow:0 24px 40px -34px rgba(13,27,42,.8);}
}

@media (min-width:820px){
  .page-home .compare{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .compare__col--new{
    border-top:0;
    border-left:1px solid var(--grid);
  }
  .page-home .collect{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,46px);}
}

@media (min-width:880px){
  .page-home .vlist{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;}
  .page-home .vlist__item:last-child{border-bottom:0;}
}

@media (min-width:900px){
  .page-home .hero__inner{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    align-items:center;
    gap:0;
  }
  .page-home .scale{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);}
}

@media (min-width:1080px){
  .page-home .stats{gap:24px 32px;}
}
<<<END>>>