.page-home{
  --home-hair:rgba(147,160,196,.16);
  --home-hair-strong:rgba(147,160,196,.3);
  display:block;
  background:
    radial-gradient(760px 520px at 88% -140px, rgba(138,92,255,.15), transparent 68%),
    radial-gradient(620px 460px at 2% 460px, rgba(255,106,31,.08), transparent 72%);
}

/* ---------- 首屏框景 ---------- */
.page-home .hero-frame{
  position:relative;
  margin-top:18px;
  padding:54px 0 60px;
  border-top:1px solid var(--home-hair);
  border-bottom:1px solid var(--home-hair);
  background:
    repeating-linear-gradient(90deg, rgba(147,160,196,.13) 0 1px, transparent 1px 56px),
    linear-gradient(180deg, rgba(14,22,51,.9), rgba(7,11,30,.2));
}
.page-home .hero-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(180deg, rgba(147,160,196,.08) 0 1px, transparent 1px 44px);
}
.page-home .hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:34px;
}
.page-home .hero-copy{min-width:0;}
.page-home .hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 16px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.16em;
  color:var(--amber);
}
.page-home .kicker-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 10px rgba(47,224,200,.7);
}
.page-home .hero-title{
  margin:0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(31px,7.2vw,64px);
  line-height:1.06;
  letter-spacing:-.02em;
  color:var(--white);
}
.page-home .hero-title-glow{
  display:block;
  background:linear-gradient(96deg,var(--neon),var(--amber) 64%,#FFD9A0);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.page-home .hero-lede{
  margin:20px 0 0;
  max-width:58ch;
  font-size:15px;
  line-height:1.85;
  color:var(--mist);
}
.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.page-home .hero-stats{
  list-style:none;
  margin:32px 0 0;
  padding:22px 0 0;
  border-top:1px solid var(--home-hair);
  display:flex;
  flex-wrap:wrap;
  gap:16px 34px;
}
.page-home .hero-stats li{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:110px;
}
.page-home .stat-num{
  font-family:var(--font-mono);
  font-size:20px;
  letter-spacing:-.01em;
  color:var(--amber);
  text-shadow:var(--glow-amber);
}
.page-home .stat-label{
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--mist);
}
.page-home .hero-window{
  margin:0;
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid var(--hair-strong);
  box-shadow:var(--shadow-soft);
}
.page-home .hero-window img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}

@media (min-width:900px){
  .page-home .hero-frame{padding:70px 0 76px;}
  .page-home .hero-grid{
    grid-template-columns:1.12fr .88fr;
    gap:56px;
    align-items:center;
  }
  .page-home .hero-lede{font-size:17px;}
  .page-home .stat-num{font-size:23px;}
}

/* ---------- 长卷画布与目录 ---------- */
.page-home .home-canvas{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:32px;
  margin-top:50px;
}
.page-home .home-toc{
  border-top:1px solid var(--home-hair);
  border-bottom:1px solid var(--home-hair);
  padding:12px 0;
  min-width:0;
}
.page-home .home-toc .toc-title{
  margin:0 0 8px;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.22em;
  color:var(--mist);
}
.page-home .home-toc .toc-list{
  list-style:none;
  margin:0;
  padding:0 0 2px;
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
}
.page-home .home-toc .toc-list::-webkit-scrollbar{display:none;}
.page-home .home-toc .toc-link{
  display:inline-block;
  white-space:nowrap;
  padding:9px 13px;
  min-height:38px;
  border:1px solid var(--home-hair);
  border-radius:999px;
  font-size:12.5px;
  color:var(--mist);
  text-decoration:none;
  transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.page-home .home-toc .toc-link:hover{
  color:var(--white);
  border-color:var(--home-hair-strong);
  background:rgba(27,36,80,.5);
}
.page-home .home-flow{min-width:0;}

@media (min-width:1024px){
  .page-home .home-canvas{
    grid-template-columns:172px minmax(0,1fr);
    gap:60px;
    align-items:start;
  }
  .page-home .home-toc{
    position:sticky;
    top:92px;
    border:0;
    padding:0;
    align-self:start;
  }
  .page-home .home-toc .toc-list{
    flex-direction:column;
    overflow:visible;
    gap:0;
    padding:0;
  }
  .page-home .home-toc .toc-link{
    display:block;
    border:0;
    border-left:2px solid var(--home-hair);
    border-radius:0;
    padding:10px 0 10px 15px;
    font-size:13.5px;
    background:none;
  }
  .page-home .home-toc .toc-link:hover{
    background:none;
    border-left-color:var(--home-hair-strong);
  }
  .page-home .home-toc .toc-link[aria-current="true"]{
    color:var(--neon);
    border-left-color:var(--neon);
  }
}

/* ---------- 章节骨架 ---------- */
.page-home .home-section{
  position:relative;
  padding:44px 0 42px;
  border-top:1px solid var(--home-hair);
}
.page-home .home-section::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  height:2px;
  width:64px;
  background:linear-gradient(90deg,var(--neon),rgba(255,106,31,0));
}
.page-home .home-section:nth-of-type(2n)::before{
  width:118px;
  background:linear-gradient(90deg,var(--violet),rgba(138,92,255,0));
}
.page-home .home-section:nth-of-type(3n)::before{
  width:36px;
  background:linear-gradient(90deg,var(--cyan),rgba(47,224,200,0));
}
.page-home .home-band{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px 14px;
  margin:0 0 18px;
}
.page-home .home-band .band-num{
  flex:none;
  font-family:var(--font-mono);
  font-size:13.5px;
  letter-spacing:.08em;
  color:var(--amber);
  text-shadow:var(--glow-amber);
}
.page-home .home-band .band-rule{
  flex:1 1 30px;
  min-width:22px;
  height:1px;
  align-self:center;
  background:linear-gradient(90deg,rgba(255,179,71,.55),rgba(255,179,71,0));
}
.page-home .home-band .band-kicker{
  margin:0;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  color:var(--mist);
}
.page-home .home-band .band-title{
  flex:1 0 100%;
  margin:0;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(21px,3.6vw,30px);
  line-height:1.3;
  color:var(--white);
}
.page-home .home-lede{
  margin:0 0 22px;
  max-width:62ch;
  font-size:15px;
  line-height:1.85;
  color:var(--mist);
}
.page-home .section-cta{margin:22px 0 0;}
.page-home .home-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:26px;
  align-items:start;
}
.page-home .rules-copy,
.page-home .steps-copy,
.page-home .local-copy{min-width:0;}

@media (min-width:768px){
  .page-home .home-lede{font-size:16.5px;}
}
@media (min-width:860px){
  .page-home .home-grid--a{grid-template-columns:1.1fr .9fr; gap:44px;}
  .page-home .home-grid--b{grid-template-columns:.9fr 1.1fr; gap:44px;}
}

/* ---------- 常见问题速览 ---------- */
.page-home .qa-list{border-top:1px solid var(--home-hair);}
.page-home .qa-item{border-bottom:1px solid var(--home-hair);}
.page-home .qa-item summary{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:16px 0;
  min-height:44px;
  cursor:pointer;
  list-style:none;
  transition:color .2s var(--ease);
}
.page-home .qa-item summary::-webkit-details-marker{display:none;}
.page-home .qa-item summary::after{
  content:"+";
  margin-left:auto;
  flex:none;
  font-family:var(--font-mono);
  font-size:16px;
  color:var(--mist);
  transition:color .2s var(--ease);
}
.page-home .qa-item[open] summary::after{
  content:"–";
  color:var(--neon);
}
.page-home .qa-item summary:hover{color:var(--white);}
.page-home .qa-item summary:hover::after{color:var(--neon);}
.page-home .qa-num{
  flex:none;
  font-family:var(--font-mono);
  font-size:13.5px;
  letter-spacing:.06em;
  color:var(--amber);
  text-shadow:var(--glow-amber);
}
.page-home .qa-q{
  font-size:15px;
  line-height:1.6;
  color:var(--white);
}
.page-home .qa-body{
  padding:0 0 18px 34px;
  max-width:66ch;
  font-size:14px;
  line-height:1.8;
  color:var(--mist);
}
.page-home .qa-body p{margin:0;}

@media (min-width:768px){
  .page-home .qa-q{font-size:16.5px;}
  .page-home .qa-body{font-size:15px;}
}

/* ---------- 活动规则 ---------- */
.page-home .rule-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--home-hair);
}
.page-home .rule-item{
  display:grid;
  gap:6px;
  padding:15px 0;
  border-bottom:1px solid var(--home-hair);
}
.page-home .rule-name{
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.08em;
  color:var(--cyan);
}
.page-home .rule-desc{
  font-size:14px;
  line-height:1.8;
  color:var(--mist);
}
.page-home .rule-order{
  margin:22px 0 0;
  padding:15px 18px;
  border-left:2px solid var(--neon);
  background:linear-gradient(90deg,rgba(255,106,31,.1),rgba(255,106,31,0));
  font-size:14px;
  line-height:1.8;
  color:var(--white);
}
.page-home .rule-order strong{
  color:var(--amber);
  font-weight:600;
}
@media (min-width:768px){
  .page-home .rule-desc,
  .page-home .rule-order{font-size:15.5px;}
}

/* ---------- 分类标签灯火墙 ---------- */
.page-home .window-matrix{
  display:block;
  width:100%;
  max-width:420px;
  height:auto;
  margin:0 0 20px;
  color:var(--amber);
  opacity:.75;
}
.page-home .tag-wall{
  list-style:none;
  margin:0 0 20px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.page-home .tag-wall .tag{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:10px 16px;
  border:1px solid var(--home-hair);
  border-radius:999px;
  background:rgba(27,36,80,.55);
  font-size:14px;
  letter-spacing:.02em;
  color:var(--white);
  transition:border-color .22s var(--ease),color .22s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);
}
.page-home .tag-wall .tag:hover{
  border-color:var(--neon);
  color:var(--neon);
  background:rgba(255,106,31,.12);
  box-shadow:var(--glow-neon);
  transform:translateY(-2px);
}
.page-home .tag-note{
  margin:0;
  max-width:60ch;
  font-size:14px;
  line-height:1.8;
  color:var(--mist);
}
@media (min-width:700px){
  .page-home .tag-wall li:nth-child(4n+2){margin-top:10px;}
  .page-home .tag-wall li:nth-child(4n+4){margin-top:20px;}
}

/* ---------- 评测与对比 ---------- */
.page-home .review-pair{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
  margin-bottom:20px;
}
.page-home .review-card{
  position:relative;
  padding:22px 22px 22px 26px;
}
.page-home .review-card::before{
  content:"";
  position:absolute;
  left:0;
  top:22px;
  bottom:22px;
  width:2px;
  background:var(--violet);
  box-shadow:0 0 12px rgba(138,92,255,.6);
}
.page-home .review-card--alt::before{
  background:var(--cyan);
  box-shadow:0 0 12px rgba(47,224,200,.6);
}
.page-home .review-card .card-title{
  margin:0 0 10px;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:18px;
  color:var(--white);
}
.page-home .review-card .card-body{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.8;
  color:var(--mist);
}
.page-home .review-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-home .review-list li{
  padding:5px 11px;
  border:1px solid var(--home-hair);
  border-radius:var(--radius);
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--amber);
}
.page-home .review-meta{
  margin:0;
  font-size:13.5px;
  letter-spacing:.02em;
  color:var(--mist);
}
@media (min-width:760px){
  .page-home .review-pair{grid-template-columns:1.04fr .96fr;}
  .page-home .review-card{padding:26px 26px 26px 30px;}
  .page-home .review-card .card-title{font-size:19px;}
}

/* ---------- 首访三步 ---------- */
.page-home .step-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:22px;
}
.page-home .step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.page-home .step-index{
  font-family:var(--font-mono);
  font-size:21px;
  line-height:1.15;
  color:var(--neon);
  text-shadow:var(--glow-neon);
}
.page-home .step-title{
  margin:0 0 6px;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:17px;
  color:var(--white);
}
.page-home .step-desc{
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:var(--mist);
}
@media (min-width:768px){
  .page-home .step-desc{font-size:15.5px;}
}

/* ---------- 图位统一 ---------- */
.page-home .rules-window,
.page-home .steps-window,
.page-home .local-window{
  margin:0;
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid var(--hair);
  box-shadow:var(--shadow-soft);
}
.page-home .rules-window img,
.page-home .steps-window img,
.page-home .local-window img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .rules-window img{aspect-ratio:3/4;}
.page-home .steps-window img{aspect-ratio:1/1;}
.page-home .local-window img{aspect-ratio:2/1;}

/* ---------- 本地服务 ---------- */
.page-home .contact-rows{
  list-style:none;
  margin:0 0 20px;
  padding:0;
  border-top:1px solid var(--home-hair);
}
.page-home .contact-row{
  display:grid;
  gap:4px;
  padding:13px 0;
  border-bottom:1px solid var(--home-hair);
}
.page-home .contact-row .contact-key{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--mist);
}
.page-home .contact-row .contact-value{
  font-size:14.5px;
  line-height:1.6;
  color:var(--white);
  overflow-wrap:anywhere;
}
@media (min-width:640px){
  .page-home .contact-row{
    grid-template-columns:92px minmax(0,1fr);
    gap:16px;
    align-items:baseline;
  }
}
.page-home .local-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin:0;
  font-size:14px;
}
.page-home .local-links a{
  color:var(--neon);
  text-decoration:none;
  padding-bottom:2px;
  border-bottom:1px solid rgba(255,106,31,.35);
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.page-home .local-links a:hover{
  color:var(--amber);
  border-bottom-color:var(--amber);
}

@media (prefers-reduced-motion:reduce){
  .page-home .tag-wall .tag,
  .page-home .home-toc .toc-link,
  .page-home .local-links a,
  .page-home .qa-item summary{transition:none;}
  .page-home .tag-wall .tag:hover{transform:none;}
}