.page-home{
  --home-cut:18px;
  --home-line:rgba(154,158,166,.42);
}

/* ---------- 面包屑 ---------- */
.page-home .page-crumb{margin:0 0 clamp(16px,2.4vw,26px);}
.page-home .page-crumb ol{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:.4em;
  font-family:var(--mono);font-size:12px;letter-spacing:.06em;
  color:var(--graphite);
}
.page-home .page-crumb li+li::before{content:"/";margin-right:.4em;color:var(--rule);}
.page-home .page-crumb a{color:var(--graphite);text-decoration:none;}
.page-home .page-crumb a:hover{color:var(--gold);}
.page-home .page-crumb [aria-current="page"]{color:var(--gold-lt);}

/* ---------- 首屏框景 ---------- */
.page-home .home-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(120% 90% at 82% 12%, rgba(201,162,74,.14), transparent 62%),
    linear-gradient(168deg, var(--ink) 0%, var(--stone) 62%, #15171b 100%);
  color:var(--paper);
  padding:clamp(20px,3vw,34px) 0 clamp(72px,10vw,116px);
}
.page-home .home-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:40px;
  background:linear-gradient(180deg, rgba(13,14,17,0), var(--paper));
  pointer-events:none;
}
.page-home .home-hero .container{position:relative;z-index:1;}

.page-home .hero-frame{
  position:relative;
  border:1px solid var(--home-line);
  background:rgba(245,240,229,.04);
  padding:clamp(22px,4vw,44px);
  display:grid;
  gap:clamp(22px,3.5vw,40px);
  grid-template-columns:1fr;
}
.page-home .corner{
  position:absolute;width:14px;height:14px;
  border:0 solid var(--gold-lt);
  pointer-events:none;
}
.page-home .corner--tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px;}
.page-home .corner--tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px;}
.page-home .corner--bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px;}
.page-home .corner--br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px;}

.page-home .hero-kicker{
  margin:0 0 14px;
  font-size:12px;letter-spacing:.16em;color:var(--gold);
  text-transform:uppercase;
}
.page-home .hero-copy h1{
  margin:0 0 18px;
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(30px,6.2vw,52px);
  line-height:1.22;
  letter-spacing:.08em;
  color:var(--paper);
}
.page-home .hero-lead{
  margin:0 0 clamp(22px,3vw,32px);
  max-width:30em;
  font-size:16px;line-height:1.85;
  color:rgba(245,240,229,.84);
}
.page-home .hero-actions{
  display:flex;flex-wrap:wrap;gap:12px;
}
.page-home .hero-actions .btn{flex:1 1 auto;text-align:center;min-width:132px;}

.page-home .hero-visual{
  position:relative;margin:0;
  border:1px solid var(--home-line);
  overflow:hidden;
  background:var(--ink);
}
.page-home .hero-visual img{
  display:block;width:100%;height:100%;
  max-width:100%;height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  opacity:.9;
}
.page-home .hero-visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(13,14,17,.1) 0%, rgba(13,14,17,.55) 100%);
  pointer-events:none;
}
.page-home .hero-caption{
  position:absolute;left:14px;bottom:12px;z-index:1;
  margin:0;font-size:11px;letter-spacing:.14em;
  color:var(--gold-lt);opacity:.85;
}

.page-home .hero-meter{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5em;
  margin:clamp(18px,2.6vw,26px) 0 0;
  font-size:12px;letter-spacing:.08em;
  color:rgba(245,240,229,.62);
}
.page-home .meter-sep{color:var(--gold);}

/* ---------- 通用标题 ---------- */
.page-home .home-head{
  max-width:44rem;
  margin:0 0 clamp(26px,4vw,44px);
}
.page-home .home-head .eyebrow{
  font-size:12px;letter-spacing:.16em;
  color:var(--gold);margin:0 0 14px;
}
.page-home .home-head h2{
  margin:0 0 14px;
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(23px,4.2vw,34px);
  line-height:1.4;
  letter-spacing:.05em;
  color:var(--ink);
}
.page-home .home-head .head-sub{
  margin:0;
  max-width:32em;
  font-size:15px;line-height:1.85;
  color:var(--graphite);
}
.page-home .home-head--light h2{color:var(--paper);}
.page-home .home-head--light .head-sub{color:rgba(245,240,229,.72);}
.page-home .home-head--light .eyebrow{color:var(--gold-lt);}

/* ---------- 三条主线 ---------- */
.page-home .home-doors{padding-block:clamp(44px,6vw,76px);}
.page-home .door-grid{
  display:grid;gap:16px;grid-template-columns:1fr;
}
.page-home .door{
  position:relative;
  display:block;
  padding:26px 22px 22px;
  background:var(--paper);
  border:1px solid var(--home-line);
  color:inherit;text-decoration:none;
  clip-path:polygon(0 var(--home-cut), var(--home-cut) 0, 100% 0, 100% 100%, 0 100%);
  transition:transform 160ms var(--ease), background-color 160ms var(--ease), border-color 160ms var(--ease);
}
.page-home .door::before{
  content:"";position:absolute;left:0;top:0;height:2px;width:38%;
  background:var(--gold);
  transition:width 180ms var(--ease);
}
.page-home .door:hover,
.page-home .door:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(201,162,74,.6);
  background:#faf6ec;
}
.page-home .door:hover::before,
.page-home .door:focus-visible::before{width:100%;}
.page-home .door .plate-num{
  position:absolute;right:20px;bottom:18px;
  font-size:13px;letter-spacing:.1em;
  color:var(--rule);
}
.page-home .door .dossier-mark{
  display:block;
  font-size:12px;letter-spacing:.08em;
  color:var(--graphite);
  margin-bottom:14px;
}
.page-home .door h3{
  margin:0 0 10px;
  font-family:var(--serif);
  font-weight:600;font-size:20px;letter-spacing:.04em;
  color:var(--ink);
}
.page-home .door p{
  margin:0 0 18px;
  font-size:14.5px;line-height:1.85;
  color:var(--graphite);
  max-width:30em;
}
.page-home .door-go{
  display:inline-block;
  font-family:var(--mono);font-size:13px;letter-spacing:.06em;
  color:var(--gold);
}
.page-home .door:hover .door-go{color:var(--cinnabar);}

/* ---------- 三步查记录 ---------- */
.page-home .home-records{
  padding-block:clamp(44px,6vw,80px);
  background:
    linear-gradient(180deg, var(--stone) 0%, #16181d 100%);
  color:var(--paper);
}
.page-home .records-layout{
  display:grid;gap:clamp(22px,3.4vw,38px);grid-template-columns:1fr;
}
.page-home .steps{display:flex;flex-direction:column;gap:14px;}

.page-home .step{
  background:rgba(245,240,229,.05);
  border:1px solid rgba(154,158,166,.3);
  clip-path:polygon(0 var(--home-cut), var(--home-cut) 0, 100% 0, 100% 100%, 0 100%);
  position:relative;
  transition:background-color 160ms var(--ease), border-color 160ms var(--ease);
}
.page-home .step::before{
  content:"";position:absolute;left:0;top:0;height:2px;width:38%;
  background:var(--gold);
  transition:width 180ms var(--ease);
}
.page-home .step:hover,
.page-home .step[open]{
  background:rgba(245,240,229,.09);
  border-color:rgba(201,162,74,.55);
}
.page-home .step:hover::before,
.page-home .step[open]::before{width:100%;}

.page-home .step summary{
  display:block;
  padding:22px 22px 20px;
  cursor:pointer;
  list-style:none;
  position:relative;
}
.page-home .step summary::-webkit-details-marker{display:none;}
.page-home .step summary:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:-2px;
}
.page-home .step .dossier-mark{
  display:block;
  font-size:12px;letter-spacing:.1em;
  color:var(--gold-lt);
  margin-bottom:12px;
}
.page-home .step-title{
  display:block;
  font-family:var(--serif);
  font-weight:600;font-size:19px;letter-spacing:.04em;
  color:var(--paper);
  margin-bottom:8px;
}
.page-home .step-where{
  display:block;
  font-size:13px;line-height:1.7;
  color:rgba(245,240,229,.6);
}
.page-home .step summary::after{
  content:"卡点说明";
  position:absolute;right:22px;top:22px;
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;
  color:var(--gold);opacity:.75;
}
.page-home .step-note{
  margin:0;
  padding:0 22px 22px;
  font-size:14px;line-height:1.85;
  color:rgba(245,240,229,.78);
  max-width:34em;
}

.page-home .records-note{
  margin:0;
  padding-left:16px;
  border-left:2px solid var(--gold);
}
.page-home .records-note img{
  display:block;width:100%;max-width:100%;height:auto;
  border:1px solid rgba(154,158,166,.35);
  margin-bottom:18px;
}
.page-home .records-note p{
  margin:0 0 14px;
  font-size:13.5px;line-height:1.8;
  color:rgba(245,240,229,.7);
}
.page-home .records-note p:last-child{margin-bottom:0;}

/* ---------- 本季版本变动 ---------- */
.page-home .home-release{padding-block:clamp(44px,6vw,80px);}
.page-home .release-layout{
  display:grid;gap:clamp(22px,3.4vw,36px);grid-template-columns:1fr;
}
.page-home .release-figure{margin:0;}
.page-home .release-figure img{
  display:block;width:100%;max-width:100%;height:auto;
  border:1px solid var(--home-line);
  background:var(--paper-2);
}
.page-home .release-figure figcaption{
  margin-top:10px;
  font-size:11.5px;letter-spacing:.1em;
  color:var(--graphite);
}
.page-home .release-list{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:0;
}
.page-home .rel-item{
  padding:20px 0;
  border-top:1px solid var(--home-line);
}
.page-home .rel-item:last-child{border-bottom:1px solid var(--home-line);}
.page-home .rel-tags{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin:0 0 10px;
}
.page-home .rel-ver{
  font-size:11.5px;letter-spacing:.06em;
  color:var(--graphite);
}
.page-home .rel-item h3{
  margin:0 0 8px;
  font-family:var(--serif);
  font-weight:600;font-size:18px;letter-spacing:.04em;
  color:var(--ink);
}
.page-home .rel-item p:last-child{
  margin:0;
  font-size:14.5px;line-height:1.85;
  color:var(--graphite);
  max-width:32em;
}
.page-home .release-more{margin:clamp(20px,3vw,30px) 0 0;}

.page-home .text-link{
  font-size:13.5px;line-height:1.7;
  color:var(--cinnabar);
  text-decoration:none;
  border-bottom:1px solid rgba(178,58,44,.35);
  padding-bottom:1px;
  transition:color 150ms var(--ease), border-color 150ms var(--ease);
}
.page-home .text-link:hover,
.page-home .text-link:focus-visible{
  color:var(--gold);
  border-bottom-color:var(--gold);
}

/* ---------- 栏目地图 ---------- */
.page-home .home-map{
  padding-block:clamp(44px,6vw,80px);
  background:var(--paper-2);
}
.page-home .map-grid{
  display:grid;gap:14px;grid-template-columns:1fr;
}
.page-home .map-card{
  position:relative;
  padding:24px 22px 22px;
  background:var(--paper);
  border:1px solid var(--home-line);
  clip-path:polygon(0 var(--home-cut), var(--home-cut) 0, 100% 0, 100% 100%, 0 100%);
  transition:transform 160ms var(--ease), border-color 160ms var(--ease);
}
.page-home .map-card::before{
  content:"";position:absolute;left:0;top:0;height:2px;width:38%;
  background:var(--gold);
  transition:width 180ms var(--ease);
}
.page-home .map-card:hover{
  transform:translateY(-2px);
  border-color:rgba(201,162,74,.6);
}
.page-home .map-card:hover::before{width:100%;}
.page-home .folder-ico{
  display:block;width:34px;height:auto;
  color:var(--gold);
  margin-bottom:14px;
}
.page-home .map-card .dossier-mark{
  position:absolute;right:20px;top:22px;
  font-size:12px;letter-spacing:.08em;
  color:var(--graphite);
}
.page-home .map-card h3{
  margin:0 0 10px;
  font-family:var(--serif);
  font-weight:600;font-size:19px;letter-spacing:.05em;
  color:var(--ink);
}
.page-home .map-card p{
  margin:0 0 16px;
  font-size:14px;line-height:1.85;
  color:var(--graphite);
}

.page-home .map-aside{
  padding:22px;
  border:1px dashed rgba(201,162,74,.55);
  background:rgba(245,240,229,.5);
}
.page-home .map-aside-kicker{
  margin:0 0 12px;
  font-size:11.5px;letter-spacing:.16em;
  color:var(--gold);
}
.page-home .map-aside p{
  margin:0 0 14px;
  font-size:14px;line-height:1.85;
  color:var(--graphite);
}
.page-home .map-aside p:last-child{margin-bottom:0;}

/* ---------- 客服支持 ---------- */
.page-home .home-support{
  padding-block:clamp(48px,6.5vw,86px);
  background:
    radial-gradient(90% 70% at 12% 0%, rgba(201,162,74,.12), transparent 60%),
    var(--ink);
  color:var(--paper);
}
.page-home .support-layout{
  display:grid;gap:clamp(22px,3.5vw,40px);grid-template-columns:1fr;
}
.page-home .support-figure{margin:0;}
.page-home .support-figure img{
  display:block;width:100%;max-width:100%;height:auto;
  border:1px solid rgba(154,158,166,.35);
  background:var(--paper);
}
.page-home .support-body{
  border-left:2px solid var(--gold);
  padding-left:clamp(16px,2.4vw,24px);
}
.page-home .support-row{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:baseline;
  gap:4px 12px;
  padding:14px 0;
  border-bottom:1px solid rgba(154,158,166,.28);
}
.page-home .support-label{
  grid-column:1 / -1;
  margin:0;
  font-size:11.5px;letter-spacing:.12em;
  color:var(--gold-lt);
}
.page-home .support-value{
  margin:0;
  font-size:15px;line-height:1.7;
  color:var(--paper);
  word-break:break-all;
}
.page-home .support-value a{
  color:var(--paper);
  text-decoration:none;
  border-bottom:1px solid rgba(201,162,74,.5);
}
.page-home .support-value a:hover{color:var(--gold-lt);}
.page-home .support-row .copy-btn{
  grid-row:2;
  align-self:center;
}

.page-home .support-facts{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
  margin:22px 0;
}
.page-home .fact{
  padding:16px 14px;
  background:rgba(245,240,229,.06);
  border:1px solid rgba(154,158,166,.28);
}
.page-home .fact-num{
  margin:0 0 6px;
  font-size:17px;letter-spacing:.04em;
  color:var(--gold);
}
.page-home .fact-label{
  margin:0;
  font-size:12.5px;line-height:1.6;
  color:rgba(245,240,229,.66);
}

.page-home .support-prep-title{
  margin:0 0 10px;
  font-size:11.5px;letter-spacing:.14em;
  color:var(--gold-lt);
}
.page-home .support-prep ul{
  margin:0;padding-left:1.1em;
  font-size:13.5px;line-height:1.9;
  color:rgba(245,240,229,.76);
}
.page-home .support-foot{margin:20px 0 0;}
.page-home .support-foot .text-link{
  color:var(--gold-lt);
  border-bottom-color:rgba(231,206,146,.4);
}
.page-home .support-foot .text-link:hover{color:var(--paper);border-bottom-color:var(--paper);}

/* ---------- 焦点可见性 ---------- */
.page-home a:focus-visible,
.page-home summary:focus-visible,
.page-home button:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

/* ---------- 平板 ---------- */
@media (min-width:600px){
  .page-home .door-grid{grid-template-columns:repeat(2,1fr);}
  .page-home .map-grid{grid-template-columns:repeat(2,1fr);}
  .page-home .steps{flex-direction:row;flex-wrap:wrap;}
  .page-home .step{flex:1 1 240px;}
}

/* ---------- 桌面 ---------- */
@media (min-width:900px){
  .page-home .hero-frame{
    grid-template-columns:1.08fr .92fr;
    align-items:center;
  }
  .page-home .hero-visual img{aspect-ratio:4/3;height:100%;}
  .page-home .door-grid{grid-template-columns:repeat(3,1fr);gap:20px;}
  .page-home .records-layout{grid-template-columns:1.55fr .85fr;align-items:start;}
  .page-home .steps{flex-direction:row;}
  .page-home .release-layout{grid-template-columns:.9fr 1.1fr;align-items:start;}
  .page-home .map-grid{grid-template-columns:repeat(3,1fr);gap:18px;}
  .page-home .map-aside{grid-column:1 / -1;}
  .page-home .support-layout{grid-template-columns:.85fr 1.15fr;align-items:start;}
  .page-home .support-facts{grid-template-columns:1fr 1fr;}
}

@media (min-width:1100px){
  .page-home .map-grid{grid-template-columns:repeat(3,1fr);}
  .page-home .map-aside{
    grid-column:auto;
    align-self:stretch;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home .door,
  .page-home .step,
  .page-home .map-card,
  .page-home .door::before,
  .page-home .step::before,
  .page-home .map-card::before{
    transition:none;
  }
  .page-home .door:hover,
  .page-home .map-card:hover{transform:none;}
}
<<<END>>>
