.page-home{
  --home-grid:rgba(201,162,39,.09);
  --home-ink:rgba(10,32,24,.78);
  overflow-x:clip;
}

/* ---------- 上下文条 ---------- */
.page-home .ctx{
  display:flex;
  align-items:center;
  gap:12px;
  padding:22px 0 16px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.22em;
  color:var(--slate-lift);
}
.page-home .ctx__num{color:var(--gold);white-space:nowrap;}
.page-home .ctx__line{flex:1;height:1px;background:var(--line);}
.page-home .ctx__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ---------- 框景首屏 ---------- */
.page-home .hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid var(--line-strong);
  background:var(--ink-deep);
  padding:clamp(20px,4vw,50px);
}
.page-home .hero__img{
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.34;
}
.page-home .hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(120% 80% at 12% 0%,rgba(10,32,24,.35),transparent 62%),
    linear-gradient(180deg,rgba(10,32,24,.6) 0%,rgba(10,32,24,.88) 58%,var(--ink-deep) 100%);
}
.page-home .hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(to right,var(--home-grid) 1px,transparent 1px),
    linear-gradient(to bottom,var(--home-grid) 1px,transparent 1px);
  background-size:78px 78px;
  -webkit-mask-image:linear-gradient(180deg,#000 10%,transparent 82%);
  mask-image:linear-gradient(180deg,#000 10%,transparent 82%);
}
.page-home .hero__inner{position:relative;}

.page-home .hero__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 18px;
  padding-bottom:13px;
  border-bottom:1px solid var(--line);
}
.page-home .hero__top .eyebrow{margin:0;}
.page-home .hero__stamp{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.18em;
  color:var(--slate-lift);
}

.page-home .hero__body{
  display:grid;
  gap:clamp(10px,2.5vw,30px);
  align-items:end;
  padding:clamp(30px,7vw,78px) 0 clamp(24px,4.5vw,48px);
}
.page-home .hero__mark{
  font-family:var(--serif);
  font-weight:300;
  font-size:clamp(72px,16vw,188px);
  line-height:.76;
  letter-spacing:-.04em;
  color:transparent;
  -webkit-text-stroke:1px rgba(201,162,39,.48);
  justify-self:start;
  user-select:none;
}
.page-home .hero__title{
  font-family:var(--serif);
  font-weight:300;
  font-size:clamp(34px,7vw,92px);
  line-height:1.08;
  letter-spacing:-.01em;
  color:var(--ivory);
  margin:0 0 18px;
}
.page-home .hero__lead{
  max-width:47ch;
  margin:0;
  font-size:clamp(14px,1.6vw,17px);
  line-height:1.9;
  color:rgba(245,240,230,.78);
}

.page-home .hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding-top:clamp(16px,3vw,26px);
  border-top:1px solid var(--line-soft);
}

.page-home .hero__stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  margin:clamp(24px,4vw,40px) 0 0;
  padding:0;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
}
.page-home .hero__stat{
  background:var(--home-ink);
  padding:14px 14px 16px;
}
.page-home .hero__stat dt{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.14em;
  line-height:1.6;
  color:var(--slate);
  margin-bottom:8px;
}
.page-home .hero__stat dd{
  margin:0;
  font-family:var(--mono);
  font-size:clamp(20px,2.6vw,28px);
  line-height:1;
  color:var(--champagne);
  letter-spacing:.02em;
}

/* ---------- 区块通用 ---------- */
.page-home .section{padding:clamp(46px,7vw,92px) 0;}
.page-home h2{
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(25px,3.6vw,40px);
  line-height:1.28;
  color:var(--ivory);
  margin:0 0 12px;
}
.page-home h3{
  font-family:var(--serif);
  font-weight:400;
  font-size:19px;
  line-height:1.45;
  color:var(--ivory);
  margin:0 0 8px;
}
.page-home .idx{
  display:block;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.3em;
  color:var(--gold);
  margin-bottom:12px;
}
.page-home .sec-head{
  padding-bottom:18px;
  margin-bottom:clamp(24px,3.6vw,40px);
  border-bottom:1px solid var(--line);
}
.page-home .sec-head p{
  max-width:62ch;
  margin:0;
  font-size:15px;
  line-height:1.9;
  color:var(--slate-lift);
}
.page-home .vh{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

/* ---------- 三档对照 ---------- */
.page-home .cost{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line-strong);
  background:var(--paper);
}
.page-home .cost__tex{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.42;
  pointer-events:none;
}
.page-home .cost__scroll{
  position:relative;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.page-home .cost__table{
  width:100%;
  min-width:880px;
  border-collapse:collapse;
  font-family:var(--sans);
  font-size:14px;
  line-height:1.75;
}
.page-home .cost__table thead th{
  background:var(--ink-deep);
  color:var(--champagne);
  font-family:var(--mono);
  font-size:10px;
  font-weight:500;
  letter-spacing:.18em;
  text-align:left;
  padding:14px 16px;
  white-space:nowrap;
  border-bottom:1px solid var(--line-strong);
}
.page-home .cost__table thead th:first-child,
.page-home .cost__table tbody th{
  position:sticky;
  left:0;
  width:158px;
  min-width:158px;
}
.page-home .cost__table thead th:first-child{
  z-index:3;
  background:var(--ink-deep);
}
.page-home .cost__table tbody th,
.page-home .cost__table tbody td{
  padding:20px 16px;
  text-align:left;
  vertical-align:top;
  font-weight:400;
  color:var(--text-dark);
  border-bottom:1px solid rgba(19,36,30,.12);
}
.page-home .cost__table tbody th{
  z-index:2;
  background:var(--paper);
  border-right:1px solid rgba(19,36,30,.12);
}
.page-home .cost__table tbody tr:last-child th,
.page-home .cost__table tbody tr:last-child td{border-bottom:0;}

.page-home .ttag{
  display:inline-block;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  padding:5px 9px;
  border:1px solid currentColor;
  white-space:nowrap;
}
.page-home .ttag--copper{color:#8A5320;background:rgba(176,110,44,.1);}
.page-home .ttag--slate{color:#4C5F57;background:rgba(124,141,134,.14);}
.page-home .ttag--gold{color:#7A6010;background:rgba(201,162,39,.16);}

.page-home .cost__hint{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:10px 16px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.14em;
  color:var(--champagne);
  background:var(--ink-deep);
  border-top:1px solid var(--line);
}
.page-home .cost__foot{
  display:grid;
  gap:16px;
  align-items:center;
  margin-top:22px;
}
.page-home .cost__foot p{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:var(--slate-lift);
}

/* ---------- V4 周期 ---------- */
.page-home .v4-sec{
  background:var(--ink-deep);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-home .v4__intro{
  display:grid;
  gap:clamp(22px,4vw,46px);
  align-items:center;
}
.page-home .v4__intro p{
  max-width:52ch;
  margin:0 0 20px;
  font-size:15px;
  line-height:1.9;
  color:var(--slate-lift);
}
.page-home .v4__media{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--ink-3);
}
.page-home .v4__media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .v4__line{
  list-style:none;
  margin:clamp(32px,5vw,54px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}
.page-home .v4__node{
  position:relative;
  padding:28px 16px 14px 0;
  border-top:1px solid var(--line);
}
.page-home .v4__node::before{
  content:"";
  position:absolute;
  top:-4px;
  left:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 5px rgba(201,162,39,.14);
}
.page-home .v4__tag{
  display:block;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.24em;
  color:var(--gold);
  margin-bottom:9px;
}
.page-home .v4__node p{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.85;
  color:var(--slate-lift);
}
.page-home .v4__fit{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.12em;
  line-height:1.7;
  color:rgba(201,162,39,.78);
}

/* ---------- 更新记录 ---------- */
.page-home .upd{list-style:none;margin:0;padding:0;}
.page-home .upd__item{
  display:grid;
  gap:10px 20px;
  padding:clamp(20px,3vw,28px) 0;
  border-top:1px solid var(--line-soft);
}
.page-home .upd__item:last-child{border-bottom:1px solid var(--line-soft);}
.page-home .upd__meta{display:flex;flex-direction:column;gap:6px;}
.page-home .upd__ver{
  font-family:var(--mono);
  font-size:15px;
  letter-spacing:.06em;
  color:var(--gold);
}
.page-home .upd__when{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.14em;
  color:var(--slate);
}
.page-home .upd__item p{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:var(--slate-lift);
}
.page-home .upd__cat{
  justify-self:start;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.18em;
  padding:4px 8px;
  border:1px solid currentColor;
  white-space:nowrap;
}
.page-home .upd__cat--fee{color:var(--champagne);}
.page-home .upd__cat--cycle{color:var(--slate-lift);}
.page-home .upd__cat--app{color:var(--copper-lift);}
.page-home .upd__more{margin:clamp(22px,3vw,32px) 0 0;}

/* ---------- 三步路径 ---------- */
.page-home .flow{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
}
.page-home .flow__item{
  background:var(--ink);
  padding:clamp(22px,3vw,34px);
}
.page-home .flow__n{
  display:block;
  font-family:var(--mono);
  font-size:30px;
  line-height:1;
  letter-spacing:.04em;
  color:rgba(201,162,39,.55);
  margin-bottom:16px;
}
.page-home .flow__item p{
  margin:0;
  font-size:14px;
  line-height:1.9;
  color:var(--slate-lift);
}

/* ---------- 核心入口 ---------- */
.page-home .hub__icons{
  display:block;
  width:100%;
  max-width:720px;
  height:auto;
  margin:0 0 clamp(22px,4vw,34px);
  border:1px solid var(--line);
  background:var(--ink-deep);
}
.page-home .hub{
  display:grid;
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
}
.page-home .hub__card{
  display:block;
  padding:clamp(20px,3vw,30px);
  background:var(--ink);
  color:var(--ivory);
  text-decoration:none;
  transition:background .3s var(--ease);
}
.page-home .hub__card:hover,
.page-home .hub__card:focus-visible{background:var(--ink-3);}
.page-home .hub__k{
  display:block;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.24em;
  color:var(--gold);
  margin-bottom:12px;
}
.page-home .hub__card p{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:var(--slate-lift);
}
.page-home .hub__go{
  display:inline-block;
  margin-top:16px;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--gold);
}
.page-home .hub__more{
  margin:clamp(20px,3vw,28px) 0 0;
  font-size:14px;
  line-height:1.85;
  color:var(--slate-lift);
}
.page-home .hub__more a{color:var(--gold);text-decoration:underline;text-underline-offset:4px;}

/* ---------- 常见问题 ---------- */
.page-home .faq{max-width:920px;}
.page-home .faq .accordion__trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  text-align:left;
  font-family:var(--sans);
  font-size:15px;
  line-height:1.7;
  color:var(--ivory);
}
.page-home .faq .accordion__trigger::after{
  content:"+";
  flex:none;
  font-family:var(--mono);
  font-size:18px;
  line-height:1;
  color:var(--gold);
}
.page-home .faq .accordion__trigger[aria-expanded="true"]::after{content:"−";}
.page-home .faq .accordion__panel p{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.9;
  color:var(--slate-lift);
}
.page-home .faq .accordion__panel p:last-child{margin-bottom:0;}
.page-home .faq .accordion__panel a{color:var(--gold);text-decoration:underline;text-underline-offset:4px;}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-home .hero__stats{grid-template-columns:repeat(4,1fr);}
  .page-home .cost__foot{grid-template-columns:1fr auto;gap:22px;}
  .page-home .cost__foot .btn{justify-self:end;}
}

@media (min-width:820px){
  .page-home .upd__item{
    grid-template-columns:132px 1fr auto;
    align-items:start;
  }
  .page-home .upd__cat{justify-self:end;}
  .page-home .flow{grid-template-columns:repeat(3,1fr);}
  .page-home .hub{grid-template-columns:repeat(2,1fr);}
}

@media (min-width:900px){
  .page-home .hero__body{grid-template-columns:auto 1fr;}
  .page-home .cost__hint{display:none;}
  .page-home .v4__intro{grid-template-columns:1.05fr .95fr;}
  .page-home .v4__line{grid-template-columns:repeat(4,1fr);}
  .page-home .v4__node{padding-right:22px;}
}

@media (min-width:1040px){
  .page-home .hub{grid-template-columns:repeat(4,1fr);}
}

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