/* ============ 首页 · 夜场记分牌 ============ */
.page-home {
  --home-fg: var(--card-ivory);
  --home-muted: var(--muted-on-dark);
  --home-hair: var(--hair-dark);
  --home-gap: clamp(18px, 3vw, 34px);
  background: var(--ink-field);
  color: var(--home-fg);
  font-family: var(--font-cn);
  overflow-x: hidden;
}

.page-home img { max-width: 100%; display: block; }
.page-home .figure__frame { overflow: hidden; }
.page-home .figure__cap {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--home-muted);
}

/* ---------- 首屏封面 ---------- */
.page-home .cover {
  padding-top: clamp(24px, 4.5vw, 56px);
  border-bottom: 1px solid var(--home-hair);
}
.page-home .cover__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--home-gap);
  padding-bottom: clamp(28px, 5vw, 56px);
}
.page-home .cover__body {
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 2vw, 22px);
  min-width: 0;
}
.page-home .cover__ctx {
  margin: 0;
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--home-muted);
  font-family: var(--font-mono);
}
.page-home .cover__ctx .mono { color: var(--neon-grass); }

.page-home .cover__title {
  margin: 0;
  font-family: var(--font-narrow);
  font-size: clamp(33px, 8.2vw, 64px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.01em;
}
.page-home .cover__lede {
  margin: 0;
  max-width: var(--measure);
  font-size: 16px;
  line-height: 1.8;
  color: var(--home-muted);
}

.page-home .cover__stats {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-bottom: 1px solid var(--home-hair);
}
.page-home .cover__stats > li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  padding: 16px 0;
  border-top: 1px solid var(--home-hair);
}
.page-home .cover__stats .stat__num {
  font-family: var(--font-mono);
  font-size: clamp(30px, 5.4vw, 42px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  color: var(--neon-grass);
}
.page-home .cover__stats .stat__unit {
  font-size: 14px;
  color: var(--home-muted);
}
.page-home .cover__stats .stat__label {
  flex: 0 0 100%;
  font-size: 13px;
  line-height: 1.65;
  color: var(--home-muted);
}

.page-home .cover__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 4px;
}
.page-home .cover__acts .btn { font-size: 14px; letter-spacing: .04em; }

.page-home .cover__figure {
  position: relative;
  margin: 0;
  min-width: 0;
  padding-right: 22px;
}
.page-home .cover__figure .figure__frame {
  aspect-ratio: 16 / 11;
  border: 1px solid var(--home-hair);
}
.page-home .cover__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-home .cover__annot {
  position: absolute;
  right: 0;
  top: 0;
  writing-mode: vertical-rl;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .22em;
  color: var(--slate-green);
}

/* 半场比分悬浮列 */
.page-home .scorebar {
  border-top: 2px solid var(--neon-grass);
  background: var(--pitch-teal);
  padding: clamp(16px, 2.4vw, 24px);
}
.page-home .scorebar__head {
  margin: 0 0 12px;
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--muted-on-dark);
}
.page-home .scorebar__head .mono { color: var(--electric-cyan); }
.page-home .scorebar__cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.page-home .scorebar__col {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 0;
  border-bottom: 1px solid var(--hair-dark);
}
.page-home .scorebar__col:last-child { border-bottom: 0; padding-bottom: 4px; }
.page-home .scorebar__k {
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--muted-on-dark);
}
.page-home .scorebar__v {
  font-family: var(--font-mono);
  font-size: clamp(26px, 4.6vw, 34px);
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: var(--card-ivory);
}
.page-home .scorebar__col--half .scorebar__v { color: var(--neon-grass); }
.page-home .scorebar__col--amber .scorebar__v { color: var(--stoppage-amber); }
.page-home .scorebar__n {
  font-size: 13px;
  line-height: 1.65;
  color: var(--muted-on-dark);
}

/* ---------- 编号章节骨架 ---------- */
.page-home .home-sec {
  --home-hair: var(--hair-dark);
  padding: clamp(44px, 7vw, 88px) 0;
  border-bottom: 1px solid var(--home-hair);
}
.page-home .home-sec--ivory {
  background: var(--card-ivory);
  color: var(--ink-black);
  --home-muted: var(--slate-green);
  --home-hair: rgba(10, 15, 15, .18);
}
.page-home .home-sec--teal {
  background: var(--deep-teal);
}
.page-home .home-sec--ivory .figure__cap { color: var(--slate-green); }

.page-home .home-sec .sec-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin-bottom: clamp(24px, 4vw, 44px);
}
.page-home .home-sec .sec-num {
  font-family: var(--font-narrow);
  font-size: clamp(38px, 5.4vw, 48px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.02em;
  color: var(--home-muted);
}
@supports (-webkit-text-stroke: 1px red) {
  .page-home .home-sec .sec-num {
    color: transparent;
    -webkit-text-stroke: 1px var(--home-muted);
  }
}
.page-home .home-sec .sec-title {
  margin: 0 0 10px;
  font-size: clamp(22px, 3.2vw, 30px);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.01em;
}
.page-home .home-sec .sec-lede {
  margin: 0;
  max-width: 660px;
  font-size: 16px;
  line-height: 1.8;
  color: var(--home-muted);
}

/* ---------- 01 三层口径 ---------- */
.page-home .scope {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(24px, 4vw, 44px);
}
.page-home .scope__chart {
  border-left: 1px solid var(--home-hair);
  padding-left: 12px;
}
.page-home .tl {
  width: 100%;
  max-width: 260px;
  height: auto;
  display: block;
}
.page-home .tl__axis { stroke: var(--hair-dark-strong); stroke-width: 1; }
.page-home .tl__tick { stroke: var(--electric-cyan); stroke-width: 1; }
.page-home .tl__tick--y { stroke: var(--neon-grass); }
.page-home .tl__tick--end { stroke: var(--stoppage-amber); stroke-width: 2; }
.page-home .tl__t {
  fill: var(--card-ivory);
  font-family: var(--font-mono);
  font-size: 13px;
}
.page-home .tl__s {
  fill: var(--muted-on-dark);
  font-family: var(--font-mono);
  font-size: 12px;
}
.page-home .tl__e {
  fill: var(--stoppage-amber);
  font-family: var(--font-mono);
  font-size: 13px;
}

.page-home .tier {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-home .tier__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  padding: 18px 0;
  border-top: 1px solid var(--home-hair);
}
.page-home .tier__item:last-child { border-bottom: 1px solid var(--home-hair); }
.page-home .tier__k {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .14em;
  color: var(--electric-cyan);
}
.page-home .tier__t {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.01em;
}
.page-home .tier__d {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--home-muted);
}

/* ---------- 02 半场比分三列 ---------- */
.page-home .readcols {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 1px solid var(--home-hair);
}
.page-home .readcols__item {
  padding: 20px 0;
  border-bottom: 1px solid var(--home-hair);
}
.page-home .readcols__k {
  display: block;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--slate-green);
  margin-bottom: 10px;
}
.page-home .readcols__t {
  margin: 0 0 8px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.01em;
}
.page-home .readcols__d {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--slate-green);
}
.page-home .readcols__item--half .readcols__t { color: var(--deep-teal); }
.page-home .readcols__item--amber .readcols__k { color: var(--deep-teal); }
.page-home .readcols__item--amber .readcols__t { color: #8A4A00; }

.page-home .fold {
  margin-top: 22px;
  border-top: 1px solid var(--home-hair);
  padding-top: 14px;
}
.page-home .fold summary {
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: var(--ink-black);
}
.page-home .fold summary:focus-visible {
  outline: 2px solid var(--deep-teal);
  outline-offset: 3px;
}
.page-home .fold p {
  margin: 12px 0 0;
  max-width: 640px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--slate-green);
}

/* ---------- 03 射门与点球卡片 ---------- */
.page-home .shots {
  display: flex;
  gap: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  border-top: 1px solid var(--home-hair);
}
.page-home .shots__card {
  flex: 0 0 80%;
  max-width: 300px;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 18px;
  border-top: 1px solid transparent;
  border-right: 1px solid var(--home-hair);
  border-bottom: 1px solid var(--home-hair);
  background: var(--pitch-teal);
}
.page-home .shots__card.card--active { border-top-color: var(--neon-grass); }
.page-home .shots__card .chip {
  align-self: flex-start;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
}
.page-home .shots__t {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--card-ivory);
}
.page-home .shots__d {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--muted-on-dark);
}
.page-home .shots__figure {
  margin: clamp(24px, 4vw, 36px) 0 0;
  max-width: 760px;
}
.page-home .shots__figure .figure__frame { border: 1px solid var(--home-hair); }

/* ---------- 04 外援名额与球迷组织 ---------- */
.page-home .quota {
  margin: 0 0 clamp(24px, 4vw, 40px);
  border-top: 1px solid var(--home-hair);
}
.page-home .quota__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  padding: 16px 0;
  border-bottom: 1px solid var(--home-hair);
}
.page-home .quota__k {
  font-size: 15px;
  font-weight: 700;
  color: var(--ink-black);
}
.page-home .quota__v {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--slate-green);
}

.page-home .org {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 1px solid var(--home-hair);
}
.page-home .org__tier {
  padding: 22px 0;
  border-bottom: 1px solid var(--home-hair);
}
.page-home .org__n {
  display: block;
  font-family: var(--font-mono);
  font-size: clamp(30px, 5vw, 40px);
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  color: var(--deep-teal);
  margin-bottom: 10px;
}
.page-home .org__t {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
}
.page-home .org__d {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--slate-green);
}
.page-home .org__note {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--slate-green);
}
.page-home .org__note .mono {
  color: var(--ink-black);
  font-weight: 700;
}
.page-home .org__figure {
  margin: clamp(26px, 4vw, 44px) 0 0;
  max-width: 720px;
}
.page-home .org__figure .figure__frame { border: 1px solid var(--home-hair); }

/* ---------- 05 稳定版中心 ---------- */
.page-home .stable {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(24px, 4vw, 44px);
}
.page-home .stable__figure { margin: 0; }
.page-home .stable__figure .figure__frame {
  aspect-ratio: 4 / 5;
  border: 1px solid var(--home-hair);
}
.page-home .stable__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-home .stable__body .sec-num { display: block; margin-bottom: 12px; }
.page-home .stable__body .sec-title { margin-bottom: 12px; }

.page-home .views {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--home-hair);
}
.page-home .views li {
  padding: 14px 10px 14px 0;
  border-bottom: 1px solid var(--home-hair);
  font-size: 15px;
  color: var(--card-ivory);
}
.page-home .views .mono {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--electric-cyan);
}
.page-home .stable__note {
  margin: 20px 0 0;
  max-width: 620px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--home-muted);
}
.page-home .stable__act { margin: 20px 0 0; }
.page-home .stable__act .btn { font-size: 14px; letter-spacing: .04em; }

/* ---------- 06 章节索引 ---------- */
.page-home .idx {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--home-hair);
}
.page-home .idx__link {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-areas:
    "n t"
    "n d";
  gap: 4px 16px;
  align-items: baseline;
  padding: 18px 0;
  border-bottom: 1px solid var(--home-hair);
  text-decoration: none;
  color: inherit;
  transition: color 160ms linear, border-color 160ms linear;
}
.page-home .idx__n {
  grid-area: n;
  font-family: var(--font-mono);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--home-muted);
  transition: color 160ms linear;
}
.page-home .idx__t {
  grid-area: t;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.01em;
}
.page-home .idx__d {
  grid-area: d;
  font-size: 13px;
  line-height: 1.6;
  color: var(--home-muted);
}
.page-home .idx__link:hover,
.page-home .idx__link:focus-visible {
  border-bottom-color: var(--neon-grass);
}
.page-home .idx__link:hover .idx__n,
.page-home .idx__link:hover .idx__t,
.page-home .idx__link:focus-visible .idx__n,
.page-home .idx__link:focus-visible .idx__t { color: var(--neon-grass); }
.page-home .idx__link:focus-visible {
  outline: 2px solid var(--neon-grass);
  outline-offset: 3px;
}

.page-home .idx-ext {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.page-home .idx-ext a {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid var(--home-hair);
  font-size: 14px;
  color: var(--home-fg);
  text-decoration: none;
  transition: border-color 160ms linear, color 160ms linear;
}
.page-home .idx-ext a:hover,
.page-home .idx-ext a:focus-visible {
  border-color: var(--neon-grass);
  color: var(--neon-grass);
}
.page-home .idx-ext a:focus-visible {
  outline: 2px solid var(--neon-grass);
  outline-offset: 3px;
}

/* ---------- 07 信任信息 ---------- */
.page-home .trust {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 1px solid var(--home-hair);
  margin-bottom: 24px;
}
.page-home .trust__col {
  padding: 20px 0;
  border-bottom: 1px solid var(--home-hair);
}
.page-home .trust__col h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
}
.page-home .trust__col p {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--slate-green);
}
.page-home .trust__base {
  margin: 0;
  max-width: 720px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--slate-green);
}
.page-home .trust__base .mono {
  color: var(--ink-black);
  font-weight: 700;
}
.page-home .trust__base a {
  color: var(--pitch-teal);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.page-home .trust__base a:hover,
.page-home .trust__base a:focus-visible { color: var(--ink-black); }

/* ---------- 平板及以上 ---------- */
@media (min-width: 760px) {
  .page-home .scorebar__cols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .page-home .scorebar__col {
    padding: 4px 20px;
    border-bottom: 0;
    border-left: 1px solid var(--hair-dark);
  }
  .page-home .scorebar__col:first-child {
    padding-left: 0;
    border-left: 0;
  }
  .page-home .scorebar__col:last-child { padding-right: 0; padding-bottom: 4px; }

  .page-home .tier__item {
    grid-template-columns: 60px 180px minmax(0, 1fr);
    gap: 22px;
    align-items: baseline;
  }
  .page-home .tier__k { grid-column: 1; }

  .page-home .readcols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .page-home .readcols__item {
    padding: 22px 20px 22px 0;
    border-bottom: 0;
    border-right: 1px solid var(--home-hair);
  }
  .page-home .readcols__item:last-child {
    padding-right: 0;
    padding-left: 20px;
    border-right: 0;
  }
  .page-home .readcols__item--half { padding-left: 0; }
  .page-home .readcols__item + .readcols__item { padding-left: 20px; }

  .page-home .shots__card { flex: 0 0 280px; max-width: 280px; }

  .page-home .quota__row {
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 24px;
    align-items: baseline;
  }

  .page-home .org { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-home .org__tier {
    padding: 24px 24px 24px 0;
    border-bottom: 1px solid var(--home-hair);
    border-right: 1px solid var(--home-hair);
  }
  .page-home .org__tier:last-child {
    padding-right: 0;
    padding-left: 24px;
    border-right: 0;
  }

  .page-home .views { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .page-home .views li {
    padding: 16px 12px;
    border-bottom: 0;
    border-right: 1px solid var(--home-hair);
  }
  .page-home .views li:last-child { border-right: 0; padding-right: 0; }

  .page-home .trust { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .page-home .trust__col {
    padding: 22px 24px 22px 0;
    border-bottom: 0;
    border-right: 1px solid var(--home-hair);
  }
  .page-home .trust__col:last-child {
    padding-right: 0;
    padding-left: 24px;
    border-right: 0;
  }
}

/* ---------- 桌面：12 列不对称封面 ---------- */
@media (min-width: 900px) {
  .page-home .cover__wrap {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: clamp(20px, 2.4vw, 36px);
    align-items: start;
  }
  .page-home .cover__body { grid-column: 1 / span 7; }
  .page-home .cover__figure { grid-column: 8 / span 5; }
  .page-home .cover__figure .figure__frame { aspect-ratio: 4 / 5; }
  .page-home .scorebar { grid-column: 1 / -1; margin-top: 6px; }

  .page-home .home-sec .sec-head {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 40px;
    align-items: start;
  }
  .page-home .home-sec .sec-num { padding-top: 2px; }

  .page-home .scope { grid-template-columns: 240px minmax(0, 1fr); }

  .page-home .stable { grid-template-columns: 360px minmax(0, 1fr); }
  .page-home .stable__body .sec-num { margin-bottom: 14px; }

  .page-home .idx { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-home .idx li { border-bottom: 1px solid var(--home-hair); }
  .page-home .idx li:nth-child(odd) .idx__link { padding-right: 28px; border-bottom: 0; }
  .page-home .idx li:nth-child(even) .idx__link { padding-left: 28px; border-bottom: 0; }
}

/* ---------- 大屏微调 ---------- */
@media (min-width: 1280px) {
  .page-home .cover__body { grid-column: 1 / span 7; }
  .page-home .cover__figure { grid-column: 9 / span 4; }
  .page-home .cover__figure .figure__frame { aspect-ratio: 3 / 4; }
}

/* ---------- 动效降级 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-home .idx__link,
  .page-home .idx__n,
  .page-home .idx-ext a { transition: none; }
  .page-home .shots { scroll-behavior: auto; }
}
<<<PAGE_CSS_END>>>