.page-home{
  --home-nebula-light:#A79BFF;
  --home-moss-light:#7FA890;
  --home-clay-light:#D08A6B;
  --home-panel:linear-gradient(158deg, rgba(11,21,48,.94), rgba(26,16,51,.86));
  --home-panel-flat:rgba(11,21,48,.62);
  display:block;
  position:relative;
  color:var(--silver);
}

.page-home .breadcrumbs{
  margin:clamp(16px,2.4vw,26px) 0 0;
}

.page-home .section-title{
  margin:0;
  font-size:clamp(24px,3.6vw,38px);
  line-height:1.24;
  letter-spacing:.02em;
  color:var(--silver);
  text-wrap:balance;
}

.page-home .section-lede{
  margin:16px 0 0;
  max-width:44em;
  font-size:var(--t-base);
  line-height:1.8;
  color:rgba(232,237,247,.74);
}

.page-home .section-head{
  max-width:52em;
}

/* ---------- 首屏拼贴 ---------- */
.page-home .hero{
  position:relative;
  padding:clamp(20px,3.4vw,34px) 0 clamp(52px,7.6vw,88px);
}
.page-home .hero::before{
  content:"";
  position:absolute;
  inset:-120px 0 auto 0;
  height:520px;
  background:
    radial-gradient(closest-side at 26% 42%, rgba(108,92,231,.20), transparent 72%),
    radial-gradient(closest-side at 82% 14%, rgba(255,138,61,.09), transparent 74%);
  pointer-events:none;
}

.page-home .hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(24px,4vw,40px);
  align-items:start;
}

.page-home .hero-eyebrow{
  margin:0 0 18px;
}

.page-home .hero-title{
  margin:0;
  font-size:clamp(31px,6.4vw,58px);
  line-height:1.15;
  letter-spacing:.03em;
  font-weight:800;
  color:var(--silver);
  text-wrap:balance;
}
.page-home .hero-hl{
  display:block;
  color:var(--amber);
  text-shadow:0 0 26px rgba(255,138,61,.34);
}

.page-home .hero-lede{
  margin:22px 0 0;
  max-width:32em;
  font-size:clamp(15px,1.9vw,17px);
  line-height:1.85;
  color:rgba(232,237,247,.80);
}

.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(24px,3.2vw,32px);
}

.page-home .hero-stats{
  display:flex;
  flex-wrap:wrap;
  gap:14px 26px;
  margin:clamp(26px,3.6vw,36px) 0 0;
  padding:18px 0 0;
  list-style:none;
  border-top:1px solid var(--line-soft);
}
.page-home .stat{
  display:flex;
  align-items:baseline;
  gap:8px;
}
.page-home .stat-num{
  font-family:var(--font-mono);
  font-size:var(--t-lg);
  letter-spacing:.02em;
  color:var(--cream);
}
.page-home .stat-key{
  font-size:var(--t-sm);
  color:var(--rock);
}
.page-home .stat--jump a{
  font-size:var(--t-sm);
  color:var(--amber);
  text-decoration:none;
  border-bottom:1px solid rgba(255,138,61,.4);
  padding-bottom:1px;
  transition:border-color .2s ease, color .2s ease;
}
.page-home .stat--jump a:hover,
.page-home .stat--jump a:focus-visible{
  color:var(--cream);
  border-color:var(--cream);
}

.page-home .hero-collage{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  padding:clamp(12px,2vw,18px);
  background:
    radial-gradient(120% 86% at 82% 0%, rgba(108,92,231,.22), transparent 62%),
    radial-gradient(96% 76% at 6% 100%, rgba(255,138,61,.10), transparent 62%),
    #060C1E;
}
.page-home .hero-collage::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(to right, rgba(138,148,166,.10) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(138,148,166,.10) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(80% 70% at 70% 20%, #000 20%, transparent 86%);
  -webkit-mask-image:radial-gradient(80% 70% at 70% 20%, #000 20%, transparent 86%);
  pointer-events:none;
  z-index:1;
}
.page-home .hero-media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.32;
  filter:saturate(.85);
  z-index:0;
}

.page-home .tile-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:
    "help help"
    "story catalog"
    "contact contact";
  gap:10px;
  align-content:end;
  min-height:clamp(300px,44vw,420px);
}

.page-home .tile{
  grid-area:auto;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:14px 15px 16px;
  border:1px solid rgba(138,148,166,.26);
  background:linear-gradient(160deg, rgba(11,21,48,.92), rgba(26,16,51,.80));
  text-decoration:none;
  color:var(--silver);
  transition:border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.page-home .tile--help{grid-area:help;padding:18px 18px 20px;}
.page-home .tile--story{grid-area:story;}
.page-home .tile--catalog{grid-area:catalog;}
.page-home .tile--contact{grid-area:contact;}

.page-home .tile:hover,
.page-home .tile:focus-visible{
  border-color:var(--line-nebula);
  box-shadow:var(--glow-nebula);
  background:linear-gradient(160deg, rgba(20,16,52,.96), rgba(11,21,48,.94));
  outline:none;
}
.page-home .tile--contact:hover,
.page-home .tile--contact:focus-visible{
  border-color:var(--line-amber);
  box-shadow:var(--glow-amber);
}

.page-home .tile-kicker{
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.1em;
  color:var(--rock);
}
.page-home .tile--help .tile-kicker{color:var(--home-nebula-light);}
.page-home .tile--contact .tile-kicker{color:var(--amber);}

.page-home .tile-name{
  font-size:clamp(15px,1.9vw,17px);
  font-weight:600;
  line-height:1.45;
  letter-spacing:.01em;
  color:var(--silver);
}
.page-home .tile--help .tile-name{
  font-size:clamp(18px,2.6vw,24px);
  font-weight:700;
  line-height:1.35;
}
.page-home .tile-note{
  font-size:var(--t-sm);
  line-height:1.65;
  color:rgba(232,237,247,.62);
}

/* ---------- 路径对照 ---------- */
.page-home .paths{
  padding:clamp(52px,7.6vw,92px) 0;
  border-top:1px solid var(--line-soft);
}
.page-home .paths-head{max-width:56em;}

.page-home .path-board{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
  margin-top:clamp(28px,4vw,44px);
}

.page-home .path-card{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:clamp(16px,2.4vw,24px);
  border:1px solid var(--line);
  background:var(--home-panel);
  transition:border-color .28s ease, box-shadow .28s ease;
}
.page-home .path-card--old{border-color:rgba(184,107,75,.34);}
.page-home .path-card--new{border-color:var(--line-amber);}
.page-home .path-card:hover{
  border-color:var(--line-nebula);
  box-shadow:var(--glow-nebula);
}
.page-home .path-card--new:hover{
  border-color:var(--line-amber);
  box-shadow:var(--glow-amber);
}

.page-home .path-head{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.page-home .path-badge{
  align-self:flex-start;
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.12em;
  padding:3px 9px;
  border:1px solid rgba(184,107,75,.5);
  color:var(--home-clay-light);
}
.page-home .path-card--new .path-badge{
  border-color:var(--line-amber);
  color:var(--amber);
}
.page-home .path-title{
  margin:0;
  font-size:clamp(17px,2.2vw,21px);
  font-weight:600;
  line-height:1.4;
  color:var(--silver);
}

.page-home .path-figure{
  margin:0;
  border:1px solid var(--line-soft);
  overflow:hidden;
  aspect-ratio:3/2;
  background:#060C1E;
}
.page-home .path-figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.6;
  transition:opacity .3s ease;
}
.page-home .path-card:hover .path-figure img{opacity:.82;}

.page-home .path-steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:9px;
}
.page-home .path-step{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:11px;
  align-items:baseline;
  font-size:var(--t-sm);
  line-height:1.7;
  color:rgba(232,237,247,.76);
}
.page-home .path-step-idx{
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.06em;
  text-align:center;
  padding:1px 0;
  border:1px solid rgba(184,107,75,.42);
  color:var(--home-clay-light);
}
.page-home .path-card--new .path-step-idx{
  border-color:rgba(92,124,106,.55);
  color:var(--home-moss-light);
}

.page-home .path-foot{
  margin:0;
  padding-top:14px;
  border-top:1px solid var(--line-soft);
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.04em;
  line-height:1.8;
  color:var(--rock);
}

/* ---------- 六栏目星图 ---------- */
.page-home .map{
  padding:clamp(52px,7.6vw,92px) 0;
  border-top:1px solid var(--line-soft);
  background:radial-gradient(120% 90% at 50% 0%, rgba(108,92,231,.10), transparent 62%);
}

.page-home .map-board{
  position:relative;
  margin-top:clamp(30px,4.2vw,46px);
  padding-top:20px;
}
.page-home .map-board::before{
  content:"";
  position:absolute;
  top:4px;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(108,92,231,.6), rgba(255,138,61,.5), transparent);
}

.page-home .map-nodes{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
}
.page-home .map-node{min-width:0;}

.page-home .map-link{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:7px;
  height:100%;
  padding:16px 13px 18px;
  border:1px solid var(--line-soft);
  background:var(--home-panel-flat);
  text-decoration:none;
  color:var(--silver);
  transition:border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.page-home .map-link:hover,
.page-home .map-link:focus-visible{
  border-color:var(--line-nebula);
  box-shadow:var(--glow-nebula);
  background:rgba(20,16,52,.9);
  outline:none;
}
.page-home .map-link[aria-current="page"]{
  border-color:var(--line-amber);
  box-shadow:var(--glow-amber);
  background:rgba(26,16,51,.9);
}

.page-home .map-dot{
  display:block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--nebula);
  box-shadow:0 0 10px 1px rgba(108,92,231,.9);
}
.page-home .map-link[aria-current="page"] .map-dot{
  background:var(--amber);
  box-shadow:0 0 12px 2px rgba(255,138,61,.9);
}
.page-home .map-index{
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.12em;
  color:var(--rock);
}
.page-home .map-link[aria-current="page"] .map-index{color:var(--amber);}
.page-home .map-name{
  font-size:var(--t-base);
  font-weight:600;
  letter-spacing:.02em;
  color:var(--silver);
}
.page-home .map-tip{
  font-size:var(--t-xs);
  line-height:1.7;
  color:rgba(232,237,247,.58);
}

/* ---------- 资料速览 ---------- */
.page-home .glance{
  padding:clamp(52px,7.6vw,92px) 0;
  border-top:1px solid var(--line-soft);
}
.page-home .glance-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(26px,4vw,44px);
  align-items:start;
}

.page-home .glance-media{
  margin:clamp(22px,3vw,30px) 0 20px;
}
.page-home .glance-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .glance-cta{
  align-self:flex-start;
}

.page-home .glance-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:0;
}
.page-home .glance-item{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:2px 14px;
  padding:14px 6px 14px 4px;
  border-bottom:1px solid var(--line-soft);
  transition:background-color .22s ease, border-color .22s ease;
}
.page-home .glance-item:first-child{border-top:1px solid var(--line-soft);}
.page-home .glance-item:hover{
  background:rgba(108,92,231,.09);
  border-color:rgba(108,92,231,.34);
}
.page-home .glance-code{
  grid-row:1 / span 2;
  padding-top:3px;
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.08em;
  color:var(--rock);
}
.page-home .glance-body{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.page-home .glance-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
.page-home .glance-name{
  font-size:var(--t-base);
  font-weight:600;
  letter-spacing:.02em;
  color:var(--silver);
}
.page-home .glance-count{
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.06em;
  color:var(--amber);
  white-space:nowrap;
}
.page-home .glance-scope{
  font-size:var(--t-sm);
  line-height:1.7;
  color:rgba(232,237,247,.62);
}

/* ---------- 更新脉搏 ---------- */
.page-home .pulse{
  padding:clamp(52px,7.6vw,92px) 0;
  border-top:1px solid var(--line-soft);
}

.page-home .pulse-list{
  list-style:none;
  margin:clamp(26px,3.6vw,38px) 0 0;
  padding:0;
  display:grid;
  gap:0;
}
.page-home .pulse-item{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  padding:18px 0;
  border-top:1px solid var(--line-soft);
}
.page-home .pulse-item:last-child{border-bottom:1px solid var(--line-soft);}

.page-home .pulse-when{
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.1em;
  color:var(--rock);
}
.page-home .pulse-tag{
  justify-self:start;
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.06em;
  padding:3px 9px;
  border:1px solid var(--line);
  white-space:nowrap;
}
.page-home .pulse-tag--version{
  color:var(--home-nebula-light);
  border-color:rgba(108,92,231,.5);
}
.page-home .pulse-tag--doc{
  color:var(--home-moss-light);
  border-color:rgba(92,124,106,.55);
}
.page-home .pulse-tag--service{
  color:var(--amber);
  border-color:var(--line-amber);
}
.page-home .pulse-tag--topic{
  color:var(--home-clay-light);
  border-color:rgba(184,107,75,.5);
}
.page-home .pulse-text{
  font-size:var(--t-sm);
  line-height:1.8;
  color:rgba(232,237,247,.76);
}

.page-home .pulse-actions{
  margin-top:clamp(24px,3.2vw,32px);
}

/* ---------- 反馈与联系 ---------- */
.page-home .reach{
  padding:clamp(52px,7.6vw,92px) 0 clamp(60px,8.6vw,104px);
  border-top:1px solid var(--line-soft);
  background:radial-gradient(120% 100% at 50% 0%, rgba(108,92,231,.12), transparent 62%);
}
.page-home .reach-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(24px,4vw,42px);
  align-items:start;
}

.page-home .reach-steps{
  list-style:none;
  margin:clamp(24px,3.2vw,32px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
}
.page-home .reach-step{
  padding:16px 16px 18px;
  border:1px solid var(--line);
  background:rgba(11,21,48,.55);
  transition:border-color .25s ease, box-shadow .25s ease;
}
.page-home .reach-step:hover{
  border-color:var(--line-nebula);
  box-shadow:var(--glow-nebula);
}
.page-home .reach-step-num{
  display:block;
  margin-bottom:10px;
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.14em;
  color:var(--amber);
}
.page-home .reach-step-title{
  margin:0 0 8px;
  font-size:var(--t-base);
  font-weight:600;
  letter-spacing:.02em;
  color:var(--silver);
}
.page-home .reach-step-text{
  margin:0;
  font-size:var(--t-sm);
  line-height:1.75;
  color:rgba(232,237,247,.66);
}
.page-home .reach-actions{
  margin-top:clamp(24px,3.2vw,32px);
}

.page-home .reach-card{
  padding:clamp(20px,2.8vw,28px);
  border:1px solid var(--line-amber);
  background:linear-gradient(170deg, rgba(26,16,51,.94), rgba(5,10,24,.96));
  box-shadow:0 0 0 1px rgba(255,138,61,.14), 0 26px 60px -34px rgba(255,138,61,.6);
}
.page-home .reach-card-label{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.1em;
  color:var(--amber);
}
.page-home .reach-line{
  display:grid;
  gap:4px;
  padding:13px 0;
  border-top:1px solid var(--line-soft);
}
.page-home .reach-key{
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  letter-spacing:.08em;
  color:var(--rock);
}
.page-home .reach-val{
  font-size:var(--t-base);
  line-height:1.6;
  color:var(--cream);
  word-break:break-word;
  overflow-wrap:anywhere;
}
.page-home .reach-note{
  margin:16px 0 0;
  padding-top:14px;
  border-top:1px solid var(--line-soft);
  font-size:var(--t-sm);
  line-height:1.78;
  color:rgba(232,237,247,.6);
}

/* ---------- 响应式 ---------- */
@media (min-width:560px){
  .page-home .map-nodes{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .pulse-item{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:baseline;
    gap:10px 16px;
  }
  .page-home .pulse-text{grid-column:1 / -1;}
}

@media (min-width:640px){
  .page-home .reach-steps{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (min-width:768px){
  .page-home .pulse-item{
    grid-template-columns:96px 112px minmax(0,1fr);
    align-items:baseline;
    gap:16px;
    padding:20px 0;
  }
  .page-home .pulse-text{grid-column:auto;}
}

@media (min-width:960px){
  .page-home .hero-grid{
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:clamp(28px,3.6vw,52px);
  }
  .page-home .path-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
  .page-home .glance-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(30px,4vw,56px);}
  .page-home .reach-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);}
}

@media (min-width:980px){
  .page-home .map-nodes{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
    align-items:start;
  }
  .page-home .map-node:nth-child(2){margin-top:11px;}
  .page-home .map-node:nth-child(3){margin-top:20px;}
  .page-home .map-node:nth-child(4){margin-top:20px;}
  .page-home .map-node:nth-child(5){margin-top:11px;}
  .page-home .map-node:nth-child(6){margin-top:0;}
}

@media (max-width:479px){
  .page-home .tile-grid{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "help"
      "story"
      "catalog"
      "contact";
  }
  .page-home .glance-item{grid-template-columns:minmax(0,1fr);gap:4px;}
  .page-home .glance-code{grid-row:auto;padding-top:0;}
}
<<<END>>>