.page-home{
  background-color:var(--ink);
  background-image:
    linear-gradient(to right, rgba(28,58,49,.34) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(28,58,49,.34) 1px, transparent 1px);
  background-size:96px 96px;
  color:var(--white);
  overflow-x:hidden;
}
.page-home .crumbs{margin-top:clamp(14px,2.4vw,24px);margin-bottom:clamp(4px,1.5vw,12px)}

.page-home .band{
  height:clamp(24px,4vw,52px);
  background:linear-gradient(90deg,var(--grid-line),var(--ink-deep));
  clip-path:polygon(0 62%,100% 0,100% 100%,0 100%);
  opacity:.75;
}

/* ---------- 首屏 ---------- */
.page-home .hero{position:relative}
.page-home .hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(28px,5vw,56px);
  align-items:center;
}
.page-home .hero__kicker{
  display:inline-block;
  color:var(--lime);
  border:1px solid var(--grid-line);
  border-radius:var(--r-pill);
  padding:6px 14px;
  margin-bottom:clamp(14px,2.4vw,22px);
}
.page-home .hero__title{
  font-size:clamp(32px,7.4vw,68px);
  line-height:1.06;
  letter-spacing:-.02em;
  margin:0 0 clamp(14px,2.4vw,22px);
  max-width:16ch;
}
.page-home .hero__desc{
  max-width:56ch;
  font-size:clamp(15.5px,1.6vw,17.5px);
  line-height:1.8;
  color:var(--white);
  opacity:.9;
  margin:0 0 clamp(22px,3.4vw,34px);
}
.page-home .hero__stats{
  list-style:none;
  margin:0 0 clamp(24px,3.6vw,36px);
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:1px;
  background:var(--grid-line);
  border:1px solid var(--grid-line);
  border-radius:var(--r-md);
  overflow:hidden;
}
.page-home .stat{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:16px 18px;
  background:rgba(3,21,15,.72);
}
.page-home .stat--now{background:rgba(28,58,49,.6)}
.page-home .stat__k{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;color:var(--muted)}
.page-home .stat__v{
  font-size:clamp(26px,4vw,36px);
  line-height:1.05;
  color:var(--lime);
  font-variant-numeric:tabular-nums;
}
.page-home .stat__v i{font-style:normal;font-size:.55em;margin-left:2px}
.page-home .stat--now .stat__v{font-size:clamp(22px,3.2vw,28px);color:var(--white)}
.page-home .stat__n{font-size:12.5px;color:var(--muted)}

.page-home .hero__actions{display:flex;flex-wrap:wrap;gap:12px}

.page-home .hero__visual{
  position:relative;
  margin:0;
  border-radius:var(--r-lg);
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--ink-deep);
  min-height:260px;
}
.page-home .hero__img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  filter:saturate(.92) contrast(1.06) brightness(.86);
}
.page-home .hero__svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.page-home .hero__badge{
  position:absolute;
  left:16px;
  bottom:16px;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:10px 16px;
  border-radius:var(--r-md);
  background:rgba(3,21,15,.82);
  border:1px solid var(--line);
}
.page-home .hero__badge strong{font-size:20px;color:var(--lime);font-variant-numeric:tabular-nums}

@media (min-width:960px){
  .page-home .hero__grid{grid-template-columns:7fr 5fr}
  .page-home .hero__visual{min-height:420px}
}

/* ---------- 区块公共标题 ---------- */
.page-home .sec-head{margin-bottom:clamp(22px,3.4vw,36px);max-width:70ch}
.page-home .sec-head .idx{color:var(--lime);display:block;margin-bottom:10px}
.page-home .sec-head__t{margin:0 0 12px;font-size:clamp(24px,4vw,40px);line-height:1.15;letter-spacing:-.01em}
.page-home .sec-head__d{margin:0;color:var(--muted);line-height:1.8}
.page-home .footnote{margin-top:clamp(18px,2.6vw,28px)}

/* ---------- 收录进度 ---------- */
.page-home .prog__board{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.page-home .cell{
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:clamp(18px,3vw,30px);
  background:linear-gradient(160deg,rgba(28,58,49,.55),rgba(3,21,15,.72));
  transition:border-color .2s var(--ease),background .2s var(--ease);
}
.page-home .cell:hover{border-color:var(--lime)}
.page-home .cell--lead{
  background:linear-gradient(150deg,rgba(228,255,76,.14),rgba(3,21,15,.8));
  border-color:rgba(228,255,76,.45);
}
.page-home .cell__k{color:var(--muted);margin:0 0 8px}
.page-home .cell__n{
  margin:0;
  font-size:clamp(38px,7vw,64px);
  line-height:1;
  color:var(--lime);
  font-variant-numeric:tabular-nums;
}
.page-home .cell__n span{font-size:.5em;margin-left:2px}
.page-home .cell__u{margin:6px 0 0;font-size:15px;color:var(--white)}
.page-home .cell__n2{margin:12px 0 0;font-size:13.5px;line-height:1.7;color:var(--muted)}

@media (min-width:820px){
  .page-home .prog__board{grid-template-columns:1.3fr 1fr 1fr}
}

/* ---------- 两队对照 ---------- */
.page-home .pair__switch{position:relative}
.page-home .pair__radio{
  position:absolute;
  width:1px;height:1px;
  opacity:0;
  pointer-events:none;
}
.page-home .pair__tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(18px,2.6vw,26px)}
.page-home .pair__tab{
  display:inline-flex;
  align-items:center;
  padding:9px 18px;
  border:1px solid var(--line);
  border-radius:var(--r-pill);
  font-family:var(--f-mono);
  font-size:13px;
  letter-spacing:.06em;
  color:var(--muted);
  cursor:pointer;
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.page-home .pair__tab:hover{border-color:var(--blue);color:var(--white)}
.page-home #pair-a:checked ~ .pair__tabs .pair__tab[for="pair-a"],
.page-home #pair-b:checked ~ .pair__tabs .pair__tab[for="pair-b"]{
  background:var(--lime);
  border-color:var(--lime);
  color:var(--ink);
}
.page-home #pair-a:focus-visible ~ .pair__tabs .pair__tab[for="pair-a"],
.page-home #pair-b:focus-visible ~ .pair__tabs .pair__tab[for="pair-b"]{
  outline:2px solid var(--blue);
  outline-offset:2px;
}

.page-home .pair__panel{display:none}
.page-home .pair__panel--a{display:block}
.page-home #pair-b:checked ~ .pair__panels .pair__panel--a{display:none}
.page-home #pair-b:checked ~ .pair__panels .pair__panel--b{display:block}

.page-home .board--pair{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  grid-template-areas:
    "home score away"
    "meta meta meta";
  align-items:center;
  gap:10px 12px;
  background:var(--cream);
  color:var(--ink);
  border-radius:var(--r-lg);
  padding:clamp(18px,3vw,32px);
}
.page-home .board__team{
  grid-area:home;
  margin:0;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:clamp(15px,2vw,19px);
  font-weight:700;
}
.page-home .board__team--away{grid-area:away;justify-content:flex-end}
.page-home .board__score{
  grid-area:score;
  margin:0;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:clamp(40px,8vw,76px);
  line-height:1;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.page-home .board__dash{color:var(--orange);font-size:.6em}
.page-home .board__meta{
  grid-area:meta;
  margin:6px 0 0;
  padding-top:12px;
  border-top:1px solid rgba(6,35,28,.16);
  font-family:var(--f-mono);
  font-size:12.5px;
  line-height:1.6;
  letter-spacing:.02em;
  color:rgba(6,35,28,.72);
}

.page-home .pair__rows{margin-top:clamp(16px,2.4vw,26px)}
.page-home .pair__row{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  padding:12px 0;
  border-bottom:1px dashed var(--line-soft);
}
.page-home .pair__k{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.06em;color:var(--muted)}
.page-home .pair__v{font-size:15.5px;color:var(--white);font-variant-numeric:tabular-nums}
.page-home .pair__v--away{color:var(--orange)}
.page-home .pair__note{
  margin:16px 0 0;
  font-size:12.5px;
  line-height:1.7;
  color:var(--muted);
  border-left:2px solid var(--grid-line);
  padding-left:12px;
}
@media (min-width:680px){
  .page-home .pair__row{grid-template-columns:1.1fr 1fr 1fr;align-items:baseline}
}

/* ---------- 客场拆解 ---------- */
.page-home .away__grid{display:grid;grid-template-columns:1fr;gap:clamp(22px,3.4vw,40px);align-items:start}
.page-home .rate-list{display:grid;gap:14px}
.page-home .rate-item{
  background:rgba(3,21,15,.6);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  padding:16px 18px;
  transition:background .2s var(--ease),border-color .2s var(--ease);
}
.page-home .rate-item:hover,.page-home .rate-item:focus-within{
  background:rgba(28,58,49,.5);
  border-color:var(--lime);
}
.page-home .rate-item:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.page-home .bar__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.page-home .bar__name{font-size:15px;color:var(--white)}
.page-home .bar__val{font-size:22px;color:var(--lime);font-variant-numeric:tabular-nums}
.page-home .bar__track{
  display:block;
  height:10px;
  border-radius:var(--r-pill);
  background:rgba(28,58,49,.85);
  overflow:hidden;
}
.page-home .bar__fill{
  display:block;
  height:100%;
  border-radius:var(--r-pill);
  background:var(--lime);
  transition:width .25s var(--ease);
}
.page-home .bar__fill[data-bar="63"]{width:63%}
.page-home .bar__fill[data-bar="21"]{width:21%}
.page-home .bar__fill[data-bar="47"]{width:47%}
.page-home .bar__fill[data-bar="34"]{width:34%}
.page-home .rate-item:nth-child(2) .bar__fill{background:var(--blue)}
.page-home .rate-item:nth-child(3) .bar__fill{background:var(--orange)}
.page-home .rate-item:nth-child(2) .bar__val{color:var(--blue)}
.page-home .rate-item:nth-child(3) .bar__val{color:var(--orange)}
.page-home .bar__note{
  margin:12px 0 0;
  padding-left:10px;
  border-left:2px solid var(--grid-line);
  font-size:12.5px;
  line-height:1.7;
  color:var(--muted);
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.page-home .rate-item:hover .bar__note,
.page-home .rate-item:focus-within .bar__note{color:var(--white);border-color:var(--blue)}
.page-home .away__fig{margin:0}
@media (min-width:960px){
  .page-home .away__grid{grid-template-columns:7fr 5fr}
}

/* ---------- 轮次时间轴 ---------- */
.page-home .rounds__grid{display:grid;grid-template-columns:1fr;gap:clamp(22px,3.4vw,38px);align-items:start}
.page-home .tl{
  list-style:none;
  margin:0;
  padding:76px 6px 8px;
  display:flex;
  overflow-x:auto;
  scrollbar-width:thin;
  border-bottom:1px solid var(--line);
}
.page-home .tl__item{position:relative;flex:0 0 auto;width:82px}
.page-home .tl__item::before{
  content:"";
  position:absolute;
  left:0;right:0;top:22px;
  height:1px;
  background:var(--grid-line);
}
.page-home .tl__node{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:inherit;
}
.page-home .tl__no{
  display:grid;
  place-items:center;
  position:relative;
  width:44px;height:44px;
  border-radius:var(--r-sm);
  background:var(--lime);
  border:1px solid var(--lime);
  color:var(--ink);
  font-family:var(--f-mono);
  font-weight:700;
  font-size:16px;
  font-variant-numeric:tabular-nums;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.page-home .tl__state{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}
.page-home .tl__item--now .tl__no{background:var(--orange);border-color:var(--orange);color:var(--ink-deep)}
.page-home .tl__item--now .tl__state{color:var(--orange)}
.page-home .tl__node:hover .tl__no,
.page-home .tl__node:focus-visible .tl__no{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(3,21,15,.7);
}
.page-home .tl__node:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:var(--r-sm)}
.page-home .tl__pop{
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translate(-50%,5px);
  width:172px;
  padding:10px 12px;
  border-radius:var(--r-sm);
  background:var(--ink-deep);
  border:1px solid var(--line);
  font-size:12.5px;
  line-height:1.65;
  color:var(--muted);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s var(--ease),transform .18s var(--ease);
  z-index:2;
}
.page-home .tl__node:hover + .tl__pop,
.page-home .tl__node:focus-visible + .tl__pop{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
.page-home .tl__item:first-child .tl__pop{left:0;transform:translateY(5px)}
.page-home .tl__item:first-child .tl__node:hover + .tl__pop,
.page-home .tl__item:first-child .tl__node:focus-visible + .tl__pop{transform:translateY(0)}
.page-home .rounds__fig{margin:0}

/* ---------- 指标说明 ---------- */
.page-home .gloss{
  margin:0;
  display:grid;
  gap:1px;
  background:var(--grid-line);
  border:1px solid var(--grid-line);
  border-radius:var(--r-lg);
  overflow:hidden;
}
.page-home .gloss__row{display:grid;grid-template-columns:1fr;gap:6px;padding:18px 20px;background:var(--ink)}
.page-home .gloss__term{
  margin:0;
  font-family:var(--f-mono);
  font-size:14px;
  letter-spacing:.04em;
  color:var(--lime);
}
.page-home .gloss__def{margin:0;font-size:15px;line-height:1.78;color:var(--muted)}
@media (min-width:780px){
  .page-home .gloss__row{grid-template-columns:220px 1fr;gap:24px;align-items:baseline}
}

/* ---------- 主场生态 ---------- */
.page-home .stands__grid{display:grid;grid-template-columns:1fr;gap:clamp(22px,3.4vw,42px);align-items:center}
.page-home .stands__fig{margin:0}
.page-home .stands__body .idx{color:var(--lime);display:block;margin-bottom:10px}
.page-home .stands__body h2{margin:0 0 14px;font-size:clamp(24px,3.6vw,38px);line-height:1.15}
.page-home .stands__body .prose{margin:0 0 20px;color:var(--muted);line-height:1.8}
.page-home .stands__list{
  list-style:none;
  margin:0 0 24px;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.page-home .stands__list li{
  display:flex;
  align-items:baseline;
  gap:10px;
  font-size:14.5px;
  color:var(--white);
  padding-bottom:10px;
  border-bottom:1px dashed var(--line-soft);
}
.page-home .stands__list .num{
  font-size:22px;
  color:var(--lime);
  font-variant-numeric:tabular-nums;
  min-width:64px;
}
@media (min-width:620px){
  .page-home .stands__list{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .page-home .stands__grid{grid-template-columns:5fr 7fr}
}

/* ---------- 下一步 ---------- */
.page-home .next__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.page-home .next__link{
  display:grid;
  gap:8px;
  height:100%;
  padding:20px 22px;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:rgba(3,21,15,.55);
  text-decoration:none;
  color:inherit;
  transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease);
}
.page-home .next__link:hover{
  border-color:var(--lime);
  background:rgba(28,58,49,.45);
  transform:translateY(-2px);
}
.page-home .next__link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.page-home .next__link .idx{color:var(--blue)}
.page-home .next__link strong{font-size:17px;color:var(--white);letter-spacing:.01em}
.page-home .next__link span:last-child{font-size:14px;line-height:1.75;color:var(--muted)}
@media (min-width:760px){
  .page-home .next__list{grid-template-columns:1fr 1fr}
}

@media (prefers-reduced-motion:reduce){
  .page-home .bar__fill,
  .page-home .cell,
  .page-home .rate-item,
  .page-home .next__link,
  .page-home .tl__no{transition:none}
  .page-home .next__link:hover,
  .page-home .tl__node:hover .tl__no{transform:none}
}