.page-home{
  --home-cut:16px;
  --home-muted:#41525A;
  --home-sky:#7FC3D8;
  --home-hair:rgba(255,255,255,.18);
  background:var(--paper-050);
  color:var(--ink-900);
  font-family:var(--font-body);
  font-size:var(--fs-4);
  line-height:1.75;
  overflow-x:hidden;
}
.page-home img{display:block;max-width:100%;height:auto;}
.page-home p{margin:0;}
.page-home h1,.page-home h2,.page-home h3{font-family:var(--font-display);margin:0;letter-spacing:-.01em;}
.page-home ul,.page-home ol{list-style:none;margin:0;padding:0;}

/* ---------- 首屏 ---------- */
.page-home .home-lead{padding:26px 0 64px;}
.page-home .home-context{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.08em;
  color:var(--lake-600);border-bottom:1px solid var(--line-gray);padding-bottom:14px;
}
.page-home .home-lead__grid{display:grid;gap:44px;margin-top:36px;}
.page-home .home-lead__main h1{
  font-size:clamp(34px,6.2vw,64px);line-height:1.08;font-weight:900;
  max-width:15ch;margin-top:16px;
}
.page-home .home-lead__lede{
  max-width:50ch;margin-top:20px;color:var(--home-muted);font-size:var(--fs-4);line-height:1.8;
}
.page-home .home-version{position:relative;margin-top:40px;}
.page-home .home-version__btn{
  display:block;width:100%;background:none;border:0;padding:0;text-align:left;
  cursor:pointer;color:var(--ink-900);font:inherit;
}
.page-home .home-version__label{
  display:block;font-family:var(--font-mono);font-size:var(--fs-label);
  letter-spacing:.16em;color:var(--lake-600);margin-bottom:6px;
}
.page-home .home-version__num{
  display:block;font-family:var(--font-mono);font-weight:700;
  font-size:clamp(96px,17vw,176px);line-height:.86;letter-spacing:-.05em;
  font-variant-numeric:tabular-nums;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);
}
.page-home .home-version__num.is-flipped{
  background:var(--lake-600);color:var(--sutra-white);outline:none;
}
.page-home .home-version__trail{
  display:block;height:1px;width:min(460px,74%);background:var(--line-gray);
  transform:rotate(-2.4deg);transform-origin:left center;margin-top:10px;
}
.page-home .home-version__meta{
  margin-top:16px;max-width:46ch;font-size:var(--fs-5);line-height:1.8;color:var(--home-muted);
}

.page-home .home-book{
  position:relative;
  background:var(--ochre-100);
  border-left:3px solid var(--ochre-500);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);
  padding:24px 22px 26px;
}
.page-home .home-book__stripe{
  position:absolute;top:0;right:0;width:3px;height:100%;
  background:linear-gradient(to bottom,
    var(--lake-600) 0 20%,
    var(--sutra-white) 20% 40%,
    var(--sutra-red) 40% 60%,
    var(--sutra-teal) 60% 80%,
    var(--sutra-yellow) 80% 100%);
}
.page-home .home-book__eyebrow{
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.16em;
  color:var(--ochre-500);text-transform:uppercase;
}
.page-home .home-book h2{font-size:var(--fs-2);line-height:1.24;font-weight:800;margin-top:8px;}
.page-home .home-book__shot{margin:18px 0 0;}
.page-home .home-book__shot img{
  width:100%;aspect-ratio:3/2;object-fit:cover;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
}
.page-home .home-book__slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.page-home .home-book__slot{
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;
  padding:6px 12px;border-radius:2px;border:1px solid var(--ochre-500);color:var(--ochre-500);
}
.page-home .home-book__slot.is-on{background:var(--ochre-500);color:var(--sutra-white);}
.page-home .home-book__text{margin-top:16px;font-size:var(--fs-5);line-height:1.8;color:#4A3226;}
.page-home .home-book__list{margin-top:14px;border-top:1px solid rgba(180,100,44,.35);}
.page-home .home-book__list li{
  padding:8px 0;border-bottom:1px solid rgba(180,100,44,.22);
  font-size:var(--fs-5);color:#4A3226;
}
.page-home .home-book__cta{margin-top:20px;width:100%;justify-content:space-between;}
.page-home .home-lead__art{margin:26px 0 0;}
.page-home .home-lead__art img{
  width:100%;aspect-ratio:16/9;object-fit:cover;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
}

/* ---------- 分区骨架 ---------- */
.page-home .home-block{padding:64px 0;}
.page-home .eyebrow{
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.18em;
  color:var(--lake-600);display:flex;align-items:center;gap:10px;
}
.page-home .eyebrow::before{content:"";width:22px;height:2px;background:var(--ochre-500);display:block;}
.page-home .eyebrow--light{color:var(--home-sky);}
.page-home .home-block h2,
.page-home .home-doors__title{font-size:clamp(26px,4vw,44px);line-height:1.16;font-weight:900;margin-top:14px;}
.page-home .home-more{
  display:inline-block;font-family:var(--font-mono);font-size:var(--fs-5);
  color:var(--lake-600);text-decoration:none;border-bottom:1px solid var(--line-gray);
  padding-bottom:2px;transition:border-color var(--dur) var(--ease);
}
.page-home .home-more:hover,.page-home .home-more:focus-visible{border-color:var(--lake-600);}
.page-home .home-more--block{margin-top:28px;}

/* ---------- 六类索引 ---------- */
.page-home .home-cats__strip{margin:0 0 36px;}
.page-home .home-cats__strip img{
  width:100%;aspect-ratio:4/1;object-fit:cover;
  clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 14px));
}
.page-home .home-cats__head{
  display:flex;flex-direction:column;gap:14px;margin-bottom:30px;
}
.page-home .home-cats__grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:1px;background:var(--line-gray);
  border:1px solid var(--line-gray);
}
.page-home .home-cat{
  position:relative;display:flex;flex-direction:column;gap:6px;
  background:var(--paper-050);padding:20px 16px 24px;
  text-decoration:none;color:inherit;
  transition:background var(--dur) var(--ease);
}
.page-home .home-cat::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--lake-600);transform:scaleY(0);transform-origin:top center;
  transition:transform var(--dur) var(--ease);
}
.page-home .home-cat:hover,.page-home .home-cat:focus-visible{background:var(--sutra-white);}
.page-home .home-cat:hover::before,.page-home .home-cat:focus-visible::before{transform:scaleY(1);}
.page-home .home-cat__num{
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.1em;
  color:var(--line-gray);
}
.page-home .home-cat__title{font-size:var(--fs-3);font-weight:800;line-height:1.3;}
.page-home .home-cat__meta{
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.02em;
  color:var(--ochre-500);line-height:1.5;
}
.page-home .home-cat__desc{font-size:var(--fs-5);line-height:1.7;color:var(--home-muted);}

/* ---------- 价格与售后 ---------- */
.page-home .home-price{background:var(--paper-100);}
.page-home .home-price__grid{display:grid;gap:40px;}
.page-home .home-price__lede{margin-top:18px;max-width:46ch;color:var(--home-muted);}
.page-home .home-fee-list{margin-top:26px;}
.page-home .home-fee{
  display:grid;grid-template-columns:auto 1fr;gap:2px 16px;
  padding:16px 0;border-top:1px solid var(--line-gray);
}
.page-home .home-fee:last-child{border-bottom:1px solid var(--line-gray);}
.page-home .home-fee__num{
  grid-row:span 2;font-family:var(--font-mono);font-size:var(--fs-5);
  color:var(--ochre-500);padding-top:3px;
}
.page-home .home-fee__name{font-weight:800;font-size:var(--fs-3);line-height:1.3;}
.page-home .home-fee__desc{font-size:var(--fs-5);line-height:1.7;color:var(--home-muted);}
.page-home .home-price__cta{margin-top:28px;}
.page-home .home-faq{border-top:1px solid var(--ink-900);}
.page-home .home-faq details{border-bottom:1px solid var(--line-gray);}
.page-home .home-faq summary{
  cursor:pointer;list-style:none;position:relative;
  padding:16px 30px 16px 0;font-weight:700;font-size:var(--fs-4);line-height:1.5;
}
.page-home .home-faq summary::-webkit-details-marker{display:none;}
.page-home .home-faq summary::after{
  content:"+";position:absolute;right:0;top:13px;
  font-family:var(--font-mono);font-size:20px;color:var(--lake-600);line-height:1;
}
.page-home .home-faq details[open] summary::after{content:"−";}
.page-home .home-faq summary:hover{color:var(--lake-600);}
.page-home .home-faq p{
  margin:0 0 18px;font-size:var(--fs-5);line-height:1.8;color:var(--home-muted);
}
.page-home .home-price__note{
  margin-top:24px;font-size:var(--fs-5);line-height:1.8;color:var(--home-muted);
}
.page-home .link-underline{
  color:var(--lake-600);text-decoration:none;position:relative;
  display:inline-block;padding-bottom:1px;
}
.page-home .link-underline::after{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left center;
  transition:transform var(--dur) var(--ease);
}
.page-home .link-underline:hover::after,
.page-home .link-underline:focus-visible::after{transform:scaleX(1);}
.page-home .link-underline--light{color:var(--home-sky);}

/* ---------- 覆盖与运营数据 ---------- */
.page-home .home-scale{
  position:relative;overflow:hidden;
  background:var(--ink-900);color:var(--sutra-white);
}
.page-home .home-scale__bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;opacity:.2;filter:grayscale(1);
}
.page-home .home-scale__inner{position:relative;padding-top:64px;padding-bottom:64px;}
.page-home .home-scale h2{margin-top:14px;max-width:22ch;}
.page-home .home-scale__lede{
  margin-top:18px;max-width:58ch;font-size:var(--fs-5);line-height:1.8;color:#C9C3B5;
}
.page-home .home-stats{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:28px 18px;margin-top:38px;
}
.page-home .home-stat{border-top:1px solid var(--home-hair);padding-top:14px;}
.page-home .home-stat__num{
  font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;
  font-size:clamp(30px,4.4vw,44px);line-height:1;letter-spacing:-.02em;
}
.page-home .home-stat__unit{
  font-family:var(--font-body);font-size:var(--fs-5);font-weight:400;
  margin-left:2px;vertical-align:super;color:var(--home-sky);
}
.page-home .home-stat__label{
  margin-top:10px;font-size:var(--fs-5);line-height:1.6;color:#C9C3B5;
}
.page-home .home-scale__foot{
  margin-top:36px;padding-top:18px;border-top:1px solid var(--home-hair);
  font-size:var(--fs-5);line-height:1.8;color:#C9C3B5;
}

/* ---------- 版本动态 ---------- */
.page-home .home-timeline{position:relative;margin-top:34px;}
.page-home .home-timeline::before{
  content:"";position:absolute;left:4px;top:6px;bottom:10px;width:1px;background:var(--line-gray);
}
.page-home .home-timeline li{position:relative;padding:0 0 30px 30px;}
.page-home .home-timeline li:last-child{padding-bottom:0;}
.page-home .home-timeline li::before{
  content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:2px;
  background:var(--lake-600);
}
.page-home .home-timeline li:nth-child(2)::before{background:var(--sutra-yellow);}
.page-home .home-timeline li:nth-child(3)::before{background:var(--sutra-teal);}
.page-home .home-timeline__meta{
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.1em;color:var(--lake-600);
}
.page-home .home-timeline__title{font-size:var(--fs-3);font-weight:800;line-height:1.4;margin-top:6px;}
.page-home .home-timeline__desc{
  margin-top:6px;max-width:56ch;font-size:var(--fs-5);line-height:1.8;color:var(--home-muted);
}

/* ---------- 四类入口 ---------- */
.page-home .home-doors{
  background:var(--lake-900);color:var(--sutra-white);
  padding:60px 0 68px;
  clip-path:polygon(0 22px,100% 0,100% 100%,0 100%);
}
.page-home .home-doors__lede{
  margin-top:14px;max-width:52ch;font-size:var(--fs-5);line-height:1.8;color:#BFD9E1;
}
.page-home .home-doors__grid{
  display:grid;grid-template-columns:1fr;gap:1px;
  background:var(--home-hair);margin-top:32px;border:1px solid var(--home-hair);
}
.page-home .home-door{
  display:flex;flex-direction:column;gap:6px;
  background:var(--lake-900);padding:22px 18px 24px;
  text-decoration:none;color:inherit;
  transition:background var(--dur) var(--ease);
}
.page-home .home-door:hover,.page-home .home-door:focus-visible{background:var(--lake-600);}
.page-home .home-door__key{
  font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.16em;
  color:var(--home-sky);
}
.page-home .home-door:hover .home-door__key,
.page-home .home-door:focus-visible .home-door__key{color:var(--sutra-white);}
.page-home .home-door__label{font-size:var(--fs-4);font-weight:700;line-height:1.5;}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-home .home-cats__head{flex-direction:row;align-items:flex-end;justify-content:space-between;}
  .page-home .home-cats__head .home-more{flex:0 0 auto;}
  .page-home .home-cats__grid{grid-template-columns:repeat(3,1fr);}
  .page-home .home-doors__grid{grid-template-columns:repeat(2,1fr);}
}

@media (min-width:900px){
  .page-home .home-lead{padding:32px 0 88px;}
  .page-home .home-lead__grid{grid-template-columns:62% 34%;gap:4%;align-items:start;}
  .page-home .home-lead__aside{margin-top:64px;display:flex;flex-direction:column;gap:28px;}
  .page-home .home-lead__art{margin:0;}
  .page-home .home-block{padding:88px 0;}
  .page-home .home-price__grid{grid-template-columns:62% 34%;gap:4%;align-items:start;}
  .page-home .home-price__side{padding-top:70px;}
  .page-home .home-scale__inner{padding-top:88px;padding-bottom:88px;}
  .page-home .home-stats{grid-template-columns:repeat(3,1fr);gap:32px 24px;}
  .page-home .home-doors{padding:78px 0 88px;}
}

@media (min-width:1080px){
  .page-home .home-cats__grid{grid-template-columns:repeat(6,1fr);}
  .page-home .home-cat{padding:22px 14px 28px;}
  .page-home .home-stats{grid-template-columns:repeat(5,1fr);}
  .page-home .home-doors__grid{grid-template-columns:repeat(4,1fr);}
  .page-home .home-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;}
  .page-home .home-timeline::before{left:0;right:0;top:4px;bottom:auto;width:auto;height:1px;}
  .page-home .home-timeline li{padding:26px 0 0 0;}
  .page-home .home-timeline li::before{left:0;top:0;}
}

@media (prefers-reduced-motion:reduce){
  .page-home *,
  .page-home *::before,
  .page-home *::after{transition-duration:1ms !important;animation-duration:1ms !important;}
}
<<<END>>>
