.page-home{
  --home-line:1px solid var(--hair-soft);
  --home-gap:clamp(20px,4vw,36px);
  display:block;
  overflow-x:clip;
}

.page-home .crumbs{
  display:flex;
  align-items:center;
  gap:8px;
  padding-top:16px;
  padding-bottom:4px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--mute);
}

/* ---------- 封面 ---------- */
.page-home .home-cover{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--hair);
  background:
    radial-gradient(120% 90% at 84% 6%, rgba(53,240,224,.12), transparent 58%),
    radial-gradient(90% 80% at 8% 100%, rgba(33,201,122,.16), transparent 62%),
    linear-gradient(163deg, var(--g1) 0%, var(--g2) 52%, var(--night) 100%);
}

.page-home .home-cover::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(30,58,63,.55) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,58,63,.55) 1px, transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(180deg, #000 0%, rgba(0,0,0,.35) 62%, transparent 96%);
  mask-image:linear-gradient(180deg, #000 0%, rgba(0,0,0,.35) 62%, transparent 96%);
  pointer-events:none;
}

.page-home .home-cover__media{
  position:absolute;
  inset:0;
  margin:0;
  z-index:0;
}

.page-home .home-cover__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 62%;
  opacity:.3;
  filter:grayscale(.25) contrast(1.06) brightness(.9);
}

.page-home .home-cover__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(7,12,16,.35) 0%, rgba(7,12,16,.72) 62%, var(--night) 100%);
}

.page-home .home-cover__grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:clamp(28px,5vw,48px);
  padding-block:clamp(36px,8vw,78px) clamp(32px,6vw,60px);
}

.page-home .home-cover__title{
  margin:.34em 0 .42em;
  font-family:var(--font-head);
  font-size:clamp(2.05rem,7.4vw,3.75rem);
  font-weight:800;
  line-height:1.04;
  letter-spacing:-.02em;
  color:var(--mist);
}

.page-home .home-cover__title em{
  font-style:normal;
  color:var(--cyan);
}

.page-home .home-cover__desc{
  max-width:46ch;
  font-size:clamp(.94rem,1.6vw,1.02rem);
  line-height:1.9;
  color:rgba(232,241,239,.8);
}

.page-home .home-cover__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:clamp(20px,3vw,28px);
}

.page-home .home-cover__facts{
  display:flex;
  flex-wrap:wrap;
  gap:14px clamp(18px,4vw,40px);
  margin:clamp(22px,3.4vw,32px) 0 0;
  padding:0;
  list-style:none;
}

.page-home .home-cover__facts li{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:2px 6px;
  padding-left:12px;
  border-left:2px solid var(--grass);
}

.page-home .home-fact__u{
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--grass);
}

.page-home .home-fact__k{
  flex-basis:100%;
  font-size:11px;
  letter-spacing:.04em;
  color:var(--mute);
}

/* 认证牌 + 索引条 */
.page-home .home-cover__rail{
  min-width:0;
}

.page-home .home-cert{
  padding:14px 16px;
  border:1px solid var(--hair);
  background:linear-gradient(150deg, rgba(33,201,122,.12), rgba(53,240,224,.04) 70%, transparent);
}

.page-home .home-cert__mark{
  margin:0;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--grass);
}

.page-home .home-cert__name{
  margin:6px 0 0;
  font-family:var(--font-head);
  font-size:.98rem;
  font-weight:700;
  color:var(--mist);
}

.page-home .home-cert__dom{
  margin:6px 0 0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--cyan);
}

.page-home .home-index{
  margin:16px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--hair);
}

.page-home .home-index__link{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:2px 12px;
  padding:11px 4px 11px 0;
  border-bottom:1px solid var(--hair-soft);
  text-decoration:none;
  transition:background .25s var(--ease), padding-left .25s var(--ease);
}

.page-home .home-index__num{
  font-family:var(--font-mono);
  font-size:11px;
  line-height:1.6;
  color:var(--grass);
}

.page-home .home-index__label{
  font-family:var(--font-head);
  font-size:.9rem;
  font-weight:700;
  color:var(--mist);
}

.page-home .home-index__note{
  grid-column:2;
  font-size:11.5px;
  line-height:1.5;
  color:var(--mute);
}

.page-home .home-index__link:hover,
.page-home .home-index__link:focus-visible{
  padding-left:8px;
  background:linear-gradient(90deg, var(--grass-08), transparent 80%);
}

.page-home .home-index__link:hover .home-index__label,
.page-home .home-index__link:focus-visible .home-index__label{
  color:var(--cyan);
}

/* ---------- 章节骨架 ---------- */
.page-home .home-sec{
  padding-block:clamp(44px,8vw,78px);
  border-bottom:1px solid var(--hair-soft);
}

.page-home .home-sec--last{
  border-bottom:0;
}

.page-home .home-head{
  max-width:64ch;
}

.page-home .home-sec__title{
  margin:.42em 0 .55em;
  font-family:var(--font-head);
  font-size:clamp(1.5rem,4.4vw,2.3rem);
  font-weight:800;
  line-height:1.16;
  letter-spacing:-.01em;
  color:var(--mist);
}

.page-home .home-sec__lead{
  font-size:.94rem;
  line-height:1.92;
  color:rgba(232,241,239,.76);
}

.page-home .home-split{
  display:grid;
  gap:clamp(24px,4vw,44px);
  align-items:center;
}

.page-home .home-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:clamp(20px,3.4vw,30px);
}

/* ---------- 01 小屏入口 ---------- */
.page-home .home-steps{
  margin:clamp(20px,3vw,28px) 0 0;
  padding:0;
  list-style:none;
  border-left:1px solid var(--hair);
}

.page-home .home-steps li{
  position:relative;
  padding:0 0 16px 18px;
}

.page-home .home-steps li:last-child{
  padding-bottom:0;
}

.page-home .home-steps li::before{
  content:"";
  position:absolute;
  left:-3px;
  top:6px;
  width:5px;
  height:5px;
  background:var(--grass);
}

.page-home .home-steps__n{
  display:block;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--cyan);
}

.page-home .home-steps__t{
  display:block;
  margin-top:3px;
  font-size:.9rem;
  line-height:1.7;
  color:rgba(232,241,239,.82);
}

.page-home .home-split__text .btn{
  margin-top:clamp(20px,3vw,26px);
}

/* ---------- 02 设备适配 ---------- */
.page-home .home-devices{
  display:grid;
  gap:12px;
  margin-top:clamp(22px,3.6vw,32px);
}

.page-home .home-device{
  padding:18px 16px 20px;
  border:1px solid var(--hair);
  border-top:2px solid var(--grass);
  background:linear-gradient(180deg, rgba(14,23,29,.94), rgba(7,12,16,.94));
  transition:border-color .25s var(--ease), background .25s var(--ease);
}

.page-home .home-device:hover{
  border-color:rgba(53,240,224,.6);
  border-top-color:var(--cyan);
  background:linear-gradient(180deg, rgba(18,62,56,.5), rgba(7,12,16,.94));
}

.page-home .home-device__title{
  margin:10px 0 6px;
  font-family:var(--font-head);
  font-size:1rem;
  font-weight:700;
  color:var(--mist);
}

.page-home .home-device__text{
  margin:0;
  font-size:.86rem;
  line-height:1.8;
  color:rgba(232,241,239,.72);
}

/* ---------- 03 档案 ---------- */
.page-home .home-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:clamp(18px,3vw,24px) 0 0;
  padding:0;
  list-style:none;
}

.page-home .home-mini{
  display:grid;
  gap:1px;
  margin:clamp(18px,3vw,24px) 0 0;
  padding:0;
  background:var(--hair-soft);
}

.page-home .home-mini__cell{
  padding:12px 14px;
  background:var(--night);
}

.page-home .home-mini__cell dt{
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.12em;
  color:var(--mute);
}

.page-home .home-mini__cell dd{
  margin:5px 0 0;
  font-size:.88rem;
  color:rgba(232,241,239,.86);
}

.page-home .home-split__text .home-mini + .btn{
  margin-top:clamp(20px,3vw,26px);
}

/* ---------- 04 射手榜 ---------- */
.page-home .home-board__media{
  margin:clamp(22px,3.6vw,32px) 0 0;
}

.page-home .home-board{
  display:grid;
  gap:clamp(18px,3vw,28px);
  margin-top:clamp(20px,3.4vw,30px);
}

.page-home .home-board__sum{
  padding:18px 16px;
  border:1px solid var(--hair);
  background:linear-gradient(160deg, rgba(18,62,56,.55), rgba(7,12,16,.9) 72%);
}

.page-home .home-board__stat{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid var(--hair-soft);
}

.page-home .home-board__stat:first-child{
  padding-top:0;
}

.page-home .home-board__stat .num{
  font-size:1.6rem;
  line-height:1;
}

.page-home .home-board__k{
  font-size:.82rem;
  line-height:1.6;
  color:rgba(232,241,239,.78);
}

.page-home .home-board__sum .btn{
  margin-top:16px;
}

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

.page-home .home-fields__row{
  display:grid;
  gap:4px;
  padding:14px 0;
  border-bottom:1px solid var(--hair-soft);
}

.page-home .home-fields__name{
  font-family:var(--font-head);
  font-size:.94rem;
  font-weight:700;
  color:var(--cyan);
}

.page-home .home-fields__desc{
  font-size:.85rem;
  line-height:1.75;
  color:rgba(232,241,239,.72);
}

/* ---------- 05 收藏登录 ---------- */
.page-home .home-flow{
  display:grid;
  gap:1px;
  margin:0;
  padding:0;
  list-style:none;
  background:var(--hair-soft);
}

.page-home .home-flow__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:2px 14px;
  padding:16px 16px;
  background:var(--field);
}

.page-home .home-flow__num{
  grid-row:1 / span 2;
  font-family:var(--font-mono);
  font-size:1.1rem;
  line-height:1.3;
  color:var(--grass);
}

.page-home .home-flow__label{
  font-family:var(--font-head);
  font-size:.94rem;
  font-weight:700;
  color:var(--mist);
}

.page-home .home-flow__note{
  grid-column:2;
  font-size:.82rem;
  line-height:1.7;
  color:var(--mute);
}

/* ---------- 06 官方矩阵 ---------- */
.page-home .home-entries{
  display:grid;
  gap:10px;
  margin-top:clamp(22px,3.6vw,30px);
}

.page-home .home-entry{
  display:block;
  padding:18px 16px;
  border:1px solid var(--hair);
  background:var(--field);
  text-decoration:none;
  transition:border-color .25s var(--ease), transform .25s var(--ease);
}

.page-home .home-entry:hover,
.page-home .home-entry:focus-visible{
  border-color:rgba(53,240,224,.62);
  transform:translateY(-2px);
}

.page-home .home-entry__num{
  display:block;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.18em;
  color:var(--grass);
}

.page-home .home-entry__name{
  display:block;
  margin-top:8px;
  font-family:var(--font-head);
  font-size:1.02rem;
  font-weight:700;
  color:var(--mist);
}

.page-home .home-entry__text{
  display:block;
  margin-top:6px;
  font-size:.83rem;
  line-height:1.75;
  color:rgba(232,241,239,.7);
}

.page-home .home-trust{
  display:grid;
  gap:1px;
  margin-top:clamp(20px,3.2vw,28px);
  background:var(--hair-soft);
}

.page-home .home-trust__cell{
  display:grid;
  gap:4px;
  padding:12px 14px;
  background:var(--night);
}

.page-home .home-trust__k{
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.14em;
  color:var(--mute);
}

.page-home .home-trust__v{
  font-size:.85rem;
  line-height:1.7;
  color:rgba(232,241,239,.86);
}

.page-home .home-trust__v--mono{
  font-family:var(--font-mono);
  letter-spacing:.04em;
  color:var(--amber);
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-home .home-devices{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .page-home .home-board{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    align-items:start;
  }

  .page-home .home-mini{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .page-home .home-entries{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .page-home .home-trust{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:900px){
  .page-home .home-cover__grid{
    grid-template-columns:minmax(0,1.32fr) minmax(300px,.72fr);
    align-items:end;
  }

  .page-home .home-split{
    grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
  }

  .page-home .home-split--rev{
    grid-template-columns:minmax(0,.82fr) minmax(0,1fr);
  }

  .page-home .home-devices{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .page-home .home-trust{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .page-home .home-fields__row{
    grid-template-columns:140px minmax(0,1fr);
    align-items:baseline;
    gap:0 18px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home .home-index__link,
  .page-home .home-device,
  .page-home .home-entry{
    transition:none;
  }

  .page-home .home-entry:hover,
  .page-home .home-entry:focus-visible{
    transform:none;
  }
}
<<<END>>>