.page-home{
  --home-pad:clamp(46px,7vw,88px);
  --card-face:linear-gradient(158deg,rgba(22,74,53,.62),rgba(12,43,33,.94));
}

.page-home .breadcrumb{padding-top:clamp(12px,2.2vw,20px);font-size:12px}

.page-home h2{
  font-size:clamp(23px,3.5vw,38px);
  line-height:1.16;
  letter-spacing:-.015em;
  font-weight:800;
  color:var(--mist);
  margin:0 0 12px;
}
.page-home h3{letter-spacing:-.01em}

/* ---------- 首屏 ---------- */
.page-home .hero{
  padding-block:clamp(18px,3vw,32px) clamp(38px,6vw,72px);
  border-bottom:1px solid var(--line-faint);
}
.page-home .hero-grid{display:grid;gap:clamp(26px,4vw,50px)}
.page-home .hero-round{
  display:flex;
  align-items:flex-end;
  gap:clamp(10px,2vw,18px);
  padding-bottom:10px;
  margin-bottom:clamp(16px,3vw,26px);
  border-bottom:1px solid var(--line);
}
.page-home .round-label{
  font-size:11px;
  letter-spacing:.32em;
  color:var(--cyan);
  padding-bottom:16px;
}
.page-home .round-num{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:clamp(72px,19vw,150px);
  line-height:.78;
  letter-spacing:-.03em;
  color:var(--lime);
}
.page-home .round-note{
  font-size:12.5px;
  line-height:1.55;
  color:var(--stone);
  max-width:17ch;
  padding-bottom:10px;
}
.page-home .hero h1{
  font-size:clamp(28px,5.2vw,54px);
  line-height:1.1;
  letter-spacing:-.022em;
  font-weight:800;
  color:var(--mist);
  margin:0 0 14px;
}
.page-home .hero-lede{
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.78;
  color:var(--stone);
  max-width:46ch;
  margin:0;
}
.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:clamp(20px,3vw,28px);
}
.page-home .hero-media{
  border:1px solid var(--line-soft);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--deep);
}
.page-home .hero-media img{display:block;width:100%;height:100%;object-fit:cover}
.page-home .hero-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:12px;
}
.page-home .hero-card{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:15px 16px 14px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--deep);
  text-decoration:none;
  transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);
}
.page-home .hero-card:hover,
.page-home .hero-card:focus-visible{
  border-color:var(--lime);
  transform:translateY(-2px);
}
.page-home .hero-card-kicker{
  font-size:10.5px;
  letter-spacing:.2em;
  color:var(--cyan);
}
.page-home .hero-card-title{font-size:17px;font-weight:700;color:var(--mist)}
.page-home .hero-card-meta{font-size:12.5px;line-height:1.5;color:var(--stone)}
.page-home .hero-card--lime{background:var(--lime);border-color:var(--lime)}
.page-home .hero-card--lime .hero-card-kicker{color:rgba(7,17,13,.66)}
.page-home .hero-card--lime .hero-card-title{color:var(--ink)}
.page-home .hero-card--lime .hero-card-meta{color:rgba(7,17,13,.74)}

/* ---------- 联赛索引 ---------- */
.page-home .league-band{
  padding-block:var(--home-pad);
  border-bottom:1px solid var(--line-faint);
}
.page-home .band-head{margin-bottom:clamp(24px,4vw,38px)}
.page-home .band-head p.measure{
  font-size:14.5px;
  line-height:1.78;
  color:var(--stone);
  margin:0;
}
.page-home .league-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.page-home .league-card{
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--card-face);
  text-decoration:none;
  transition:border-color var(--t-mid) var(--ease),transform var(--t-mid) var(--ease);
}
.page-home .league-card:hover,
.page-home .league-card:focus-visible{
  border-color:var(--lime);
  transform:translateY(-3px);
}
.page-home .league-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.page-home .league-kind{
  font-size:10.5px;
  letter-spacing:.2em;
  color:var(--cyan);
}
.page-home .league-title{
  font-size:17.5px;
  font-weight:700;
  line-height:1.35;
  color:var(--mist);
}
.page-home .league-meta{font-size:12.5px;line-height:1.65;color:var(--stone)}
.page-home .league-foot{
  margin-top:auto;
  padding-top:11px;
  border-top:1px solid var(--line-faint);
  font-size:12.5px;
  letter-spacing:.02em;
  color:var(--lime);
}
.page-home .league-card--wide{
  background:rgba(12,43,33,.66);
  border-color:var(--line-soft);
}
.page-home .wide-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line-faint);
}
.page-home .wide-stat{display:flex;flex-direction:column}
.page-home .wide-num{
  font-family:var(--font-mono);
  font-size:clamp(26px,4.6vw,38px);
  line-height:1;
  font-weight:700;
  color:var(--lime);
}
.page-home .wide-label{font-size:12px;color:var(--stone);margin-top:5px}
.page-home .band-media{
  margin-top:clamp(22px,3.5vw,34px);
  border:1px solid var(--line-faint);
  border-radius:var(--radius);
  overflow:hidden;
}
.page-home .band-media img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- 周末导航 ---------- */
.page-home .weekend{
  padding-block:var(--home-pad);
  background:var(--deep);
  border-bottom:1px solid var(--line-faint);
}
.page-home .weekend-head{display:grid;gap:20px}
.page-home .weekend-head p.measure{
  font-size:14.5px;
  line-height:1.78;
  color:var(--stone);
  margin:0;
}
.page-home .wk-jump{display:flex;flex-wrap:wrap;gap:8px}
.page-home .wk-jump-link{
  padding:7px 15px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:12.5px;
  color:var(--stone);
  text-decoration:none;
  transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);
}
.page-home .wk-jump-link:hover,
.page-home .wk-jump-link:focus-visible{color:var(--lime);border-color:var(--lime)}
.page-home .wk-timeline{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(20px,3vw,32px);
  margin-top:clamp(26px,4vw,42px);
}
.page-home .wk-day{
  border-top:2px solid var(--lime);
  padding-top:14px;
}
.page-home .wk-day-head{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:14px;
}
.page-home .wk-day-name{font-size:20px;font-weight:800;color:var(--mist)}
.page-home .wk-day-sub{font-size:11.5px;letter-spacing:.16em;color:var(--cyan)}
.page-home .wk-list{
  list-style:none;
  margin:0;
  padding:0 0 0 14px;
  border-left:1px solid var(--line);
  display:grid;
  gap:6px;
}
.page-home .wk-item{
  position:relative;
  display:grid;
  justify-items:start;
  gap:5px;
  padding:9px 0 13px;
}
.page-home .wk-item::before{
  content:"";
  position:absolute;
  left:-19px;
  top:16px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--pitch);
  border:1px solid var(--line);
}
.page-home .wk-time{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.06em;
  color:var(--lime);
}
.page-home .wk-teams{font-size:14.5px;line-height:1.5;color:var(--mist)}
.page-home .wk-vs{font-size:11.5px;color:var(--stone);margin:0 3px;letter-spacing:.1em}
.page-home .wk-link{
  font-size:12.5px;
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color var(--t-fast) var(--ease);
}
.page-home .wk-link:hover,
.page-home .wk-link:focus-visible{border-color:var(--cyan)}

/* ---------- 战报速读 ---------- */
.page-home .reports{
  padding-block:var(--home-pad);
  border-bottom:1px solid var(--line-faint);
}
.page-home .report-grid{display:grid;gap:clamp(24px,4vw,44px)}
.page-home .report-side{display:grid;gap:14px;align-content:start}
.page-home .legend-box{
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:16px;
  background:rgba(12,43,33,.55);
}
.page-home .legend-svg{display:block;width:100%;height:auto;margin-bottom:12px}
.page-home .legend-note{
  font-size:12.5px;
  line-height:1.7;
  color:var(--stone);
  margin:0;
}
.page-home .report-media{
  border:1px solid var(--line-faint);
  border-radius:var(--radius);
  overflow:hidden;
}
.page-home .report-media img{display:block;width:100%;height:100%;object-fit:cover}
.page-home .side-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.page-home .side-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(12,43,33,.55);
  font-size:13.5px;
  color:var(--mist);
  text-decoration:none;
  transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);
}
.page-home .side-links a:hover,
.page-home .side-links a:focus-visible{border-color:var(--lime);color:var(--lime)}

/* ---------- 阅读场景 ---------- */
.page-home .scene{
  padding-block:var(--home-pad);
  border-bottom:1px solid var(--line-faint);
}
.page-home .scene-grid{display:grid;gap:clamp(22px,4vw,44px);align-items:center}
.page-home .scene-media{
  border:1px solid var(--line-faint);
  border-radius:var(--radius);
  overflow:hidden;
}
.page-home .scene-media img{display:block;width:100%;height:100%;object-fit:cover}
.page-home .scene-body p.measure{
  font-size:14.5px;
  line-height:1.78;
  color:var(--stone);
  margin:0;
}
.page-home .scene-list{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  display:grid;
  gap:14px;
}
.page-home .scene-list li{
  position:relative;
  padding-left:22px;
  font-size:14px;
  line-height:1.72;
  color:var(--stone);
}
.page-home .scene-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:11px;
  height:2px;
  background:var(--lime);
}
.page-home .scene-list strong{color:var(--mist);font-weight:700}

/* ---------- 服务通道 ---------- */
.page-home .trust{padding-block:var(--home-pad)}
.page-home .trust-grid{display:grid;grid-template-columns:1fr;gap:12px}
.page-home .trust-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(12,43,33,.5);
  transition:border-color var(--t-mid) var(--ease);
}
.page-home .trust-card:hover{border-color:var(--line-soft)}
.page-home .trust-card-title{
  font-size:16px;
  font-weight:700;
  color:var(--mist);
  margin:0;
}
.page-home .trust-card-text{
  font-size:13.5px;
  line-height:1.72;
  color:var(--stone);
  margin:0;
}
.page-home .trust-link{
  margin-top:auto;
  padding-top:8px;
  font-size:13px;
  color:var(--lime);
  text-decoration:none;
  border-bottom:1px solid transparent;
  align-self:flex-start;
  transition:border-color var(--t-fast) var(--ease);
}
.page-home .trust-link:hover,
.page-home .trust-link:focus-visible{border-color:var(--lime)}
.page-home .trust-contact{
  margin-top:clamp(22px,3.4vw,32px);
  padding-top:20px;
  border-top:1px solid var(--line);
  display:grid;
  gap:14px;
}
.page-home .trust-note{
  font-size:12.5px;
  line-height:1.7;
  color:var(--stone);
  margin:0;
}

/* ---------- 响应式 ---------- */
@media (min-width:520px){
  .page-home .hero-cards{grid-template-columns:1fr 1fr}
  .page-home .league-grid{grid-template-columns:1fr 1fr}
  .page-home .league-card--wide{grid-column:1 / -1}
}

@media (min-width:760px){
  .page-home .trust-grid{grid-template-columns:repeat(3,1fr)}
  .page-home .trust-contact{grid-template-columns:1.5fr 1fr;align-items:start}
  .page-home .weekend-head{
    grid-template-columns:1fr auto;
    align-items:end;
  }
}

@media (min-width:920px){
  .page-home .hero-grid{grid-template-columns:1.04fr .96fr;align-items:start}
  .page-home .league-grid{grid-template-columns:repeat(3,1fr)}
  .page-home .wk-timeline{grid-template-columns:repeat(3,1fr)}
  .page-home .report-grid{grid-template-columns:1.06fr .94fr}
  .page-home .scene-grid{grid-template-columns:.92fr 1.08fr;gap:clamp(28px,4vw,56px)}
}

@media (min-width:1100px){
  .page-home .hero-grid{gap:clamp(40px,4.5vw,68px)}
  .page-home .league-card--wide{padding:22px}
}

@media (prefers-reduced-motion:reduce){
  .page-home .hero-card,
  .page-home .league-card,
  .page-home .trust-card,
  .page-home .side-links a,
  .page-home .wk-jump-link,
  .page-home .trust-link,
  .page-home .wk-link{
    transition-duration:1ms;
  }
  .page-home .hero-card:hover,
  .page-home .hero-card:focus-visible,
  .page-home .league-card:hover,
  .page-home .league-card:focus-visible{transform:none}
}
