.page-home {
  --home-ink: #07090F;
  --home-panel: #111827;
  --home-deep: #0B1220;
  --home-blue: #2E7DFF;
  --home-green: #39FF88;
  --home-pulse: #FF5A36;
  --home-violet: #8B5CF6;
  --home-silver: #9AA4B2;
  --home-white: #F5F7FA;
  --home-line: rgba(154, 164, 178, .16);
  --home-line-2: rgba(154, 164, 178, .34);
  --home-shell: 1240px;
  --home-gap: clamp(18px, 3vw, 34px);

  display: block;
  width: 100%;
  overflow-x: hidden;
  background: var(--home-ink);
  color: var(--home-white);
  font-family: var(--sw-font);
  padding-bottom: 104px;
  scroll-behavior: smooth;
}

.page-home *,
.page-home *::before,
.page-home *::after {
  box-sizing: border-box;
}

.page-home [id] {
  scroll-margin-top: 92px;
}

.page-home img {
  max-width: 100%;
  height: auto;
}

/* ---------- 悬浮胶囊导航 ---------- */
.page-home .home-dock {
  position: fixed;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  z-index: 60;
  display: flex;
  gap: 4px;
  max-width: calc(100vw - 24px);
  padding: 6px;
  border: 1px solid var(--home-line-2);
  border-radius: var(--sw-pill);
  background: rgba(11, 18, 32, .9);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 22px 50px -30px rgba(0, 0, 0, .95);
  overflow-x: auto;
  scrollbar-width: none;
}

.page-home .home-dock::-webkit-scrollbar {
  display: none;
}

.page-home .home-dock__link {
  flex: 0 0 auto;
  padding: 9px 15px;
  border-radius: var(--sw-pill);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: var(--home-silver);
  text-decoration: none;
  white-space: nowrap;
  transition: background .22s var(--sw-ease), color .22s var(--sw-ease);
}

.page-home .home-dock__link:hover,
.page-home .home-dock__link:focus-visible {
  color: var(--home-white);
  background: rgba(46, 125, 255, .2);
}

.page-home .home-dock__link.is-on {
  color: #051022;
  background: var(--home-blue);
}

/* ---------- 首屏 ---------- */
.page-home .home-opener {
  position: relative;
  max-width: var(--home-shell);
  margin: 0 auto;
  padding: clamp(64px, 10vw, 116px) clamp(16px, 4vw, 40px) clamp(34px, 5vw, 54px);
  overflow: hidden;
}

.page-home .home-opener::after {
  content: "";
  position: absolute;
  top: 4%;
  right: -6%;
  width: 1px;
  height: 56%;
  background: linear-gradient(180deg, transparent, var(--home-blue) 45%, transparent);
  opacity: .5;
  transform: rotate(19deg);
  pointer-events: none;
}

.page-home .home-opener__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(26px, 4vw, 46px);
  align-items: end;
}

.page-home .home-opener__copy {
  min-width: 0;
}

.page-home .home-opener__title {
  margin: 14px 0 0;
  font-size: clamp(34px, 8vw, 68px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.04em;
  color: var(--home-white);
}

.page-home .home-opener__lead {
  margin: 20px 0 0;
  max-width: 54ch;
  font-size: 15px;
  line-height: 1.9;
  color: var(--home-silver);
}

.page-home .home-opener__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.page-home .home-toc {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--home-line);
}

.page-home .home-toc__item {
  border-bottom: 1px solid var(--home-line);
}

.page-home .home-toc__link {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 13px 2px;
  font-size: 14px;
  font-weight: 600;
  color: var(--home-white);
  text-decoration: none;
  transition: color .2s var(--sw-ease), padding-left .2s var(--sw-ease);
}

.page-home .home-toc__link:hover,
.page-home .home-toc__link:focus-visible {
  color: var(--home-blue);
  padding-left: 8px;
}

.page-home .home-toc__idx {
  font-family: var(--sw-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .1em;
  color: var(--home-blue);
}

.page-home .home-opener__visual {
  position: relative;
  margin: 0;
  border: 1px solid var(--home-line-2);
  border-radius: var(--sw-r-lg);
  overflow: hidden;
  box-shadow: 0 44px 84px -54px rgba(0, 0, 0, .96);
}

.page-home .home-opener__visual img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.page-home .home-opener__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7, 9, 15, .06) 0%, rgba(7, 9, 15, .76) 100%);
  pointer-events: none;
}

.page-home .home-opener__cap {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  z-index: 1;
  font-family: var(--sw-mono);
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: .04em;
  color: rgba(245, 247, 250, .78);
}

/* ---------- 数据条 ---------- */
.page-home .home-meter {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin-top: clamp(26px, 4.4vw, 44px);
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  background: var(--home-line);
  overflow: hidden;
}

.page-home .home-meter__cell {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 16px 18px;
  background: var(--home-deep);
}

.page-home .home-meter__value {
  font-family: var(--sw-mono);
  font-size: clamp(19px, 3.2vw, 25px);
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--home-white);
}

.page-home .home-meter__value--green {
  color: var(--home-green);
}

.page-home .home-meter__label {
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--home-silver);
}

/* ---------- 章节通用 ---------- */
.page-home .home-sec {
  max-width: var(--home-shell);
  margin: 0 auto;
  padding: clamp(46px, 7.5vw, 92px) clamp(16px, 4vw, 40px);
  border-top: 1px solid var(--home-line);
}

.page-home .home-sec__head {
  display: grid;
  gap: 10px;
  margin-bottom: clamp(24px, 4vw, 42px);
}

.page-home .home-sec__idx {
  font-family: var(--sw-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .18em;
  color: var(--home-blue);
}

.page-home .home-sec__title {
  margin: 0;
  max-width: 24ch;
  font-size: clamp(23px, 4.6vw, 40px);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -.03em;
  color: var(--home-white);
}

.page-home .home-sec__lead {
  margin: 0;
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.88;
  color: var(--home-silver);
}

/* ---------- 赛程切换轴 ---------- */
.page-home .home-axis {
  margin-bottom: clamp(20px, 3.4vw, 32px);
}

.page-home .home-axis__list {
  list-style: none;
  margin: 0;
  padding: 0 0 8px;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: none;
}

.page-home .home-axis__list::-webkit-scrollbar {
  display: none;
}

.page-home .home-axis__day {
  position: relative;
  flex: 0 0 128px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 14px 14px;
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  background: var(--home-panel);
}

.page-home .home-axis__day::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 14px;
  width: 26px;
  height: 2px;
  background: var(--home-line-2);
}

.page-home .home-axis__day--today {
  border-color: rgba(255, 90, 54, .5);
  background: linear-gradient(180deg, rgba(255, 90, 54, .1), rgba(17, 24, 39, .9));
}

.page-home .home-axis__day--today::before {
  background: var(--home-pulse);
}

.page-home .home-axis__day--done::before {
  background: var(--home-green);
}

.page-home .home-axis__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--home-silver);
}

.page-home .home-axis__day--today .home-axis__dot {
  background: var(--home-pulse);
  box-shadow: 0 0 0 4px rgba(255, 90, 54, .18);
}

.page-home .home-axis__day--done .home-axis__dot {
  background: var(--home-green);
  box-shadow: 0 0 0 4px rgba(57, 255, 136, .14);
}

.page-home .home-axis__date {
  font-family: var(--sw-mono);
  font-size: 13px;
  font-weight: 600;
  color: var(--home-white);
}

.page-home .home-axis__meta {
  font-size: 12px;
  line-height: 1.5;
  color: var(--home-silver);
}

/* ---------- 面板卡 ---------- */
.page-home .home-panelrow {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.page-home .home-panel {
  background: var(--home-panel);
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  padding: 20px;
  transition: border-color .24s var(--sw-ease), transform .24s var(--sw-ease);
}

.page-home .home-panel--wide {
  background: linear-gradient(150deg, rgba(46, 125, 255, .12), rgba(17, 24, 39, .96) 58%);
  border-color: rgba(46, 125, 255, .34);
}

.page-home .home-panel:hover {
  border-color: rgba(46, 125, 255, .5);
  transform: translateY(-3px);
}

.page-home .home-panel .sw-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.page-home .home-panel .sw-card__title {
  margin: 0 0 10px;
  font-size: clamp(18px, 2.6vw, 22px);
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--home-white);
}

.page-home .home-panel .sw-text {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.88;
  color: var(--home-silver);
}

/* ---------- 赛程与回看 ---------- */
.page-home .home-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--home-gap);
  align-items: start;
}

.page-home .home-split__media {
  margin: 0;
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  overflow: hidden;
  background: var(--home-deep);
}

.page-home .home-split__media .sw-media__frame {
  overflow: hidden;
}

.page-home .home-split__media img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.page-home .home-split__media .sw-media__caption {
  display: block;
  padding: 12px 16px;
  font-family: var(--sw-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--home-silver);
  border-top: 1px solid var(--home-line);
}

.page-home .home-split__side {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-home .home-split__subtitle {
  margin: 0;
  font-size: clamp(18px, 2.6vw, 21px);
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--home-white);
}

.page-home .home-split__list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.page-home .home-split__side .sw-btn {
  align-self: flex-start;
}

/* ---------- 赔率节点 ---------- */
.page-home .home-nodes__media {
  margin: 0 0 clamp(20px, 3.4vw, 30px);
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  overflow: hidden;
  background: var(--home-deep);
}

.page-home .home-nodes__media .sw-media__frame {
  overflow: hidden;
}

.page-home .home-nodes__media img {
  display: block;
  width: 100%;
  aspect-ratio: 21 / 9;
  object-fit: cover;
}

.page-home .home-nodes__media .sw-media__caption {
  display: block;
  padding: 12px 16px;
  font-family: var(--sw-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--home-silver);
  border-top: 1px solid var(--home-line);
}

.page-home .home-nodes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.page-home .home-node {
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  background: var(--home-panel);
  overflow: hidden;
  transition: border-color .24s var(--sw-ease);
}

.page-home .home-node[open] {
  border-color: rgba(46, 125, 255, .54);
  background: linear-gradient(180deg, rgba(46, 125, 255, .09), rgba(17, 24, 39, .96));
}

.page-home .home-node__trigger {
  position: relative;
  display: grid;
  gap: 8px;
  padding: 18px 46px 18px 18px;
  cursor: pointer;
  list-style: none;
}

.page-home .home-node__trigger::-webkit-details-marker {
  display: none;
}

.page-home .home-node__stage {
  font-family: var(--sw-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  color: var(--home-green);
}

.page-home .home-node__name {
  font-size: 17px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -.02em;
  color: var(--home-white);
}

.page-home .home-node__icon {
  position: absolute;
  top: 22px;
  right: 18px;
  width: 16px;
  height: 16px;
}

.page-home .home-node__icon::before,
.page-home .home-node__icon::after {
  content: "";
  position: absolute;
  background: var(--home-blue);
  border-radius: 2px;
  transition: transform .24s var(--sw-ease);
}

.page-home .home-node__icon::before {
  left: 0;
  top: 7px;
  width: 16px;
  height: 2px;
}

.page-home .home-node__icon::after {
  left: 7px;
  top: 0;
  width: 2px;
  height: 16px;
}

.page-home .home-node[open] .home-node__icon::after {
  transform: scaleY(0);
}

.page-home .home-node__body {
  padding: 0 18px 20px;
  border-top: 1px solid var(--home-line);
  margin-top: -2px;
  padding-top: 16px;
}

.page-home .home-node__body p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.88;
  color: var(--home-silver);
}

.page-home .home-node__body .sw-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
}

/* ---------- 专家战报 ---------- */
.page-home .home-report {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--home-gap);
  align-items: start;
}

.page-home .home-report__media {
  margin: 0;
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  overflow: hidden;
  background: var(--home-deep);
}

.page-home .home-report__media .sw-media__frame {
  overflow: hidden;
}

.page-home .home-report__media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.page-home .home-report__media .sw-media__caption {
  display: block;
  padding: 12px 16px;
  font-family: var(--sw-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--home-silver);
  border-top: 1px solid var(--home-line);
}

.page-home .home-report__side {
  display: grid;
  gap: 18px;
}

.page-home .home-report__item {
  padding-left: 16px;
  border-left: 2px solid var(--home-violet);
}

.page-home .home-report__num {
  display: block;
  font-family: var(--sw-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .16em;
  color: var(--home-violet);
  margin-bottom: 6px;
}

.page-home .home-report__name {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--home-white);
}

.page-home .home-report__item p {
  margin: 0;
  font-size: 14px;
  line-height: 1.88;
  color: var(--home-silver);
}

.page-home .home-report__side .sw-btn {
  justify-self: start;
}

/* ---------- 版本时间线 ---------- */
.page-home .home-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--home-line);
}

.page-home .home-timeline__item {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid var(--home-line);
}

.page-home .home-timeline__year {
  font-family: var(--sw-mono);
  font-size: 14px;
  font-weight: 600;
  color: var(--home-blue);
  padding-top: 2px;
}

.page-home .home-timeline__name {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--home-white);
}

.page-home .home-timeline__body p {
  margin: 0;
  font-size: 14px;
  line-height: 1.88;
  color: var(--home-silver);
}

.page-home .home-timeline__item--now {
  background: linear-gradient(90deg, rgba(57, 255, 136, .07), transparent 70%);
  padding-left: 12px;
  margin-left: -12px;
  border-left: 2px solid var(--home-green);
}

.page-home .home-timeline__item--now .home-timeline__year {
  color: var(--home-green);
}

/* ---------- 运营与联系 ---------- */
.page-home .home-sec--trust {
  border-top-color: rgba(46, 125, 255, .34);
}

.page-home .home-trust {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--home-gap);
}

.page-home .home-trust__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  background: var(--home-line);
  overflow: hidden;
}

.page-home .home-trust__stat {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 18px 16px;
  background: var(--home-deep);
}

.page-home .home-trust__num {
  font-family: var(--sw-mono);
  font-size: clamp(22px, 4vw, 30px);
  font-weight: 600;
  line-height: 1;
  color: var(--home-white);
}

.page-home .home-trust__cap {
  font-size: 12px;
  line-height: 1.6;
  color: var(--home-silver);
}

.page-home .home-trust__body {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.page-home .home-trust__body .sw-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.9;
  color: var(--home-silver);
}

.page-home .home-trust__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.page-home .home-contact {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  margin-top: clamp(22px, 3.6vw, 32px);
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  background: var(--home-line);
  overflow: hidden;
}

.page-home .home-contact__col {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
  background: var(--home-panel);
}

.page-home .home-contact__key {
  font-size: 11px;
  letter-spacing: .14em;
  color: var(--home-silver);
}

.page-home .home-contact__val {
  font-family: var(--sw-mono);
  font-size: 13px;
  line-height: 1.7;
  font-weight: 600;
  color: var(--home-white);
  word-break: break-word;
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-home .home-meter {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-home .home-contact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-home .home-axis__day {
    flex: 1 1 0;
    min-width: 0;
  }
}

@media (min-width: 880px) {
  .page-home .home-opener__grid {
    grid-template-columns: 7fr 5fr;
  }

  .page-home .home-panelrow {
    grid-template-columns: 8fr 4fr;
  }

  .page-home .home-trust {
    grid-template-columns: 5fr 7fr;
    align-items: start;
  }
}

@media (min-width: 900px) {
  .page-home .home-split {
    grid-template-columns: 7fr 5fr;
  }

  .page-home .home-report {
    grid-template-columns: 7fr 5fr;
  }

  .page-home .home-nodes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-home .home-trust__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-home .home-contact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1080px) {
  .page-home .home-timeline__item {
    grid-template-columns: 80px 1fr;
    gap: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-dock__link,
  .page-home .home-toc__link,
  .page-home .home-panel,
  .page-home .home-node,
  .page-home .home-node__icon::before,
  .page-home .home-node__icon::after {
    transition: none;
  }

  .page-home {
    scroll-behavior: auto;
  }

  .page-home .home-panel:hover {
    transform: none;
  }
}
<<<END>>>

等等，我在第 02 节的 img 标签里不小心写了两次 `height="800"`。让我修正一下：

```html
<img class="sw-media__img" src="{zhanqunpic:h:800w:1200}" width="1200" height="800" loading="lazy" decoding="async" alt="...">
```

对，去掉那个重复的。另外还需要检查占位符的格式 `{zhanqunpic:h:800w:1200}` —— h:800 对应 height 800，w:1200 对应 width 1200，没问题。

还有，`.page-home [id]` 的 scroll-margin-top 包含所有带 id 的元素——这没问题，但 `#main-content` 也在里面。轻微副作用，可以接受。

再检查一下：带有 .sw-btn--primary 的锚点——共享样式。没问题。

把修正后的 HTML 写出来。

还有一件事——首页主图没有 lazy，这是对的。其他三张都用了 lazy。好。

重新数一下图片：4 张。符合 image_target 4。好。

现在收尾。同时确认 `/tools/`、`/blog/`、`/questions/`、`/team/`、`/privacy-center/`、`/feedback/` 这些链接全部有效。

锚点：#switch、#week、#nodes、#reports、#version——全部存在。`#trust` 也存在，但没有被链接，这没问题。

好了。出最终版。
<main id="main-content" class="page-home">

  <nav class="home-dock" aria-label="页面章节快速跳转">
    <a class="home-dock__link is-on" href="#switch">切换面板</a>
    <a class="home-dock__link" href="#week">赛程回看</a>
    <a class="home-dock__link" href="#nodes">赔率节点</a>
    <a class="home-dock__link" href="#reports">专家战报</a>
    <a class="home-dock__link" href="#version">版本迭代</a>
  </nav>

  <section class="home-opener" aria-labelledby="home-h1">
    <div class="home-opener__grid">
      <div class="home-opener__copy" data-reveal>
        <p class="sw-eyebrow">简体版完美体育平台主页 · v3.2.1</p>
        <h1 id="home-h1" class="home-opener__title">把七天的赛程<br>握在小屏里</h1>
        <p class="home-opener__lead">完美体育手机把近 7 日赛程、回看集锦、夺冠节点和专家战报收进一部手机。开赛前十分钟，你仍然能切到当天那一场，把出场阵容与比分走势一次看清。</p>
        <div class="home-opener__actions">
          <a class="sw-btn sw-btn--primary" href="/tools/">打开小屏赛程</a>
          <a class="sw-btn sw-btn--ghost" href="/questions/">看名单更新说明</a>
        </div>
        <ul class="home-toc">
          <li class="home-toc__item"><a class="home-toc__link" href="#switch"><span class="home-toc__idx">01</span>当天切换面板</a></li>
          <li class="home-toc__item"><a class="home-toc__link" href="#week"><span class="home-toc__idx">02</span>七日赛程与回看</a></li>
          <li class="home-toc__item"><a class="home-toc__link" href="#nodes"><span class="home-toc__idx">03</span>夺冠节点案例</a></li>
          <li class="home-toc__item"><a class="home-toc__link" href="#reports"><span class="home-toc__idx">04</span>逐轮专家战报</a></li>
        </ul>
      </div>
      <figure class="home-opener__visual" data-reveal>
        <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="暗色赛场光线映在手机屏幕上的局部特写，屏幕里排列着当天进行中的比赛进度">
        <figcaption class="home-opener__cap">手机竖屏即开即用，赛场灯光下也能看清每一格数据</figcaption>
      </figure>
    </div>

    <div class="home-meter" data-reveal>
      <div class="home-meter__cell">
        <span class="home-meter__value">860万</span>
        <span class="home-meter__label">注册用户规模</span>
      </div>
      <div class="home-meter__cell">
        <span class="home-meter__value">31</span>
        <span class="home-meter__label">覆盖省级行政区</span>
      </div>
      <div class="home-meter__cell">
        <span class="home-meter__value home-meter__value--green">60秒</span>
        <span class="home-meter__label">数据刷新频率</span>
      </div>
      <div class="home-meter__cell">
        <span class="home-meter__value">3.2.1</span>
        <span class="home-meter__label">简体版当前版本</span>
      </div>
    </div>
  </section>

  <section class="home-sec" id="switch" aria-labelledby="h-switch">
    <header class="home-sec__head" data-reveal>
      <span class="home-sec__idx">01 / 切换</span>
      <h2 class="home-sec__title" id="h-switch">开赛前十分钟，先把当天那场切准</h2>
      <p class="home-sec__lead">赛程、阵容和租借变动同时推进，你不用来回翻页。切一次标签，当天的时间、场地和名单状态就摆在同一根轴上。</p>
    </header>

    <div class="home-axis" data-reveal>
      <ul class="home-axis__list">
        <li class="home-axis__day home-axis__day--today">
          <span class="home-axis__dot" aria-hidden="true"></span>
          <span class="home-axis__date">今天</span>
          <span class="home-axis__meta">比赛进行中</span>
        </li>
        <li class="home-axis__day">
          <span class="home-axis__dot" aria-hidden="true"></span>
          <span class="home-axis__date">明天</span>
          <span class="home-axis__meta">名单刷新中</span>
        </li>
        <li class="home-axis__day">
          <span class="home-axis__dot" aria-hidden="true"></span>
          <span class="home-axis__date">后天</span>
          <span class="home-axis__meta">赛程已排定</span>
        </li>
        <li class="home-axis__day home-axis__day--done">
          <span class="home-axis__dot" aria-hidden="true"></span>
          <span class="home-axis__date">第 4 日</span>
          <span class="home-axis__meta">回看已上线</span>
        </li>
        <li class="home-axis__day">
          <span class="home-axis__dot" aria-hidden="true"></span>
          <span class="home-axis__date">第 5 日</span>
          <span class="home-axis__meta">赛程已排定</span>
        </li>
        <li class="home-axis__day">
          <span class="home-axis__dot" aria-hidden="true"></span>
          <span class="home-axis__date">第 6 日</span>
          <span class="home-axis__meta">赛程已排定</span>
        </li>
        <li class="home-axis__day home-axis__day--done">
          <span class="home-axis__dot" aria-hidden="true"></span>
          <span class="home-axis__date">第 7 日</span>
          <span class="home-axis__meta">回看已上线</span>
        </li>
      </ul>
    </div>

    <div class="home-panelrow" data-reveal>
      <article class="sw-card home-panel home-panel--wide">
        <div class="sw-card__head">
          <span class="sw-chip sw-chip--pulse">赛前 10 分钟</span>
          <span class="sw-card__meta">阵容 · 替补 · 租借状态</span>
        </div>
        <div class="sw-card__body">
          <h3 class="sw-card__title">名单刷新到开场前一刻</h3>
          <p class="sw-text">轮换与租借调整常常拖到赛前才公布。列表更新之后，首发、替补席和租借归属会在同一屏里一次给出，你滑一下就能看到最新那一版，不必再开三个页面来回拼。</p>
          <a class="sw-btn sw-btn--ghost sw-btn--sm" href="/questions/">看名单更新说明</a>
        </div>
      </article>

      <article class="sw-card home-panel">
        <div class="sw-card__head">
          <span class="sw-chip sw-chip--blue">多赛事并行</span>
        </div>
        <div class="sw-card__body">
          <h3 class="sw-card__title">切换不停顿，位置被记住</h3>
          <p class="sw-text">同一个账号下同时关注联赛和杯赛，模块之间一次点击就能换。你上次看到的位置会被保留，下次打开直接回到那里。</p>
          <a class="sw-btn sw-btn--ghost sw-btn--sm" href="/tools/">进入工具中心</a>
        </div>
      </article>
    </div>
  </section>

  <section class="home-sec" id="week" aria-labelledby="h-week">
    <header class="home-sec__head" data-reveal>
      <span class="home-sec__idx">02 / 回看</span>
      <h2 class="home-sec__title" id="h-week">近 7 日赛程与回看，摆在同一屏里</h2>
      <p class="home-sec__lead">每天更新赛程与回看入口，主流联赛和杯赛的关键场次都收在 7 天的范围之内，错过了也能顺着时间往回找。</p>
    </header>

    <div class="home-split" data-reveal>
      <figure class="sw-media sw-media--wide home-split__media">
        <div class="sw-media__frame">
          <img class="sw-media__img" src="{zhanqunpic:h:800w:1200}" width="1200" height="800" loading="lazy" decoding="async" alt="手机界面里排列整齐的赛程时间轴与回看入口，冷色光线中高亮标记比赛节点">
        </div>
        <figcaption class="sw-media__caption">赛程按日排布，回看入口紧跟在比赛节点之后</figcaption>
      </figure>

      <div class="home-split__side">
        <h3 class="home-split__subtitle">七天之内，这些都能直接查到</h3>
        <ul class="sw-list home-split__list">
          <li class="sw-list__item">主流联赛与杯赛的赛程节点，按日期顺序铺开。</li>
          <li class="sw-list__item">每场结束后，回看集锦进入当日列表，随时可以点开。</li>
          <li class="sw-list__item">Android 与 iOS 手机浏览器直接打开，无需安装任何应用。</li>
          <li class="sw-list__item">关注的球队标签保存在同一账号下，换设备也不用重新设置。</li>
        </ul>
        <a class="sw-btn sw-btn--primary" href="/tools/">查看完整赛程</a>
      </div>
    </div>
  </section>

  <section class="home-sec" id="nodes" aria-labelledby="h-nodes">
    <header class="home-sec__head" data-reveal>
      <span class="home-sec__idx">03 / 节点</span>
      <h2 class="home-sec__title" id="h-nodes">夺冠赔率的变化，按轮次留成案例</h2>
      <p class="home-sec__lead">一支球队从赛前赔率走到最终捧杯，中间会经历几次明显的收窄与反弹。这些拐点被按轮次整理下来，几分钟就能看清走势怎么转弯。</p>
    </header>

    <figure class="sw-media sw-media--wide home-nodes__media" data-reveal>
      <div class="sw-media__frame">
        <img class="sw-media__img" src="{zhanqunpic:h:720w:1080}" width="1080" height="720" loading="lazy" decoding="async" alt="暗底上的夺冠赔率数据曲线，荧光绿与橙红标记出赔率收窄和反弹的关键点">
      </div>
      <figcaption class="sw-media__caption">赔率曲线上的每个拐点，都对应着一场具体的比赛</figcaption>
    </figure>

    <div class="home-nodes" data-reveal>
      <details class="home-node">
        <summary class="home-node__trigger">
          <span class="home-node__stage">小组赛阶段</span>
          <span class="home-node__name">赔率第一次收窄</span>
          <span class="home-node__icon" aria-hidden="true"></span>
        </summary>
        <div class="home-node__body">
          <p>小组赛前两轮结束后，头部球队的赔率通常会出现第一次明显下移。案例里保留了对阵强度和阵容轮换这两条线索，方便你对上当时的情况。</p>
          <ul class="sw-list">
            <li class="sw-list__item">首轮之后的赔率区间</li>
            <li class="sw-list__item">主力轮换幅度</li>
            <li class="sw-list__item">对手排名与近期状态</li>
          </ul>
        </div>
      </details>

      <details class="home-node">
        <summary class="home-node__trigger">
          <span class="home-node__stage">淘汰赛阶段</span>
          <span class="home-node__name">冷门把赔率重新拉开</span>
          <span class="home-node__icon" aria-hidden="true"></span>
        </summary>
        <div class="home-node__body">
          <p>进入淘汰赛，一场意外的平局就足以让赔率反弹。案例按比赛轮次排好顺序，你能直接看到反弹发生在哪一场，以及前后两个区间的差值。</p>
          <ul class="sw-list">
            <li class="sw-list__item">加时与点球带来的区间跳动</li>
            <li class="sw-list__item">伤病名单变化的时间点</li>
            <li class="sw-list__item">主客场因素对赔率的拉动</li>
          </ul>
        </div>
      </details>

      <details class="home-node">
        <summary class="home-node__trigger">
          <span class="home-node__stage">决赛阶段</span>
          <span class="home-node__name">赔率收敛到最窄区间</span>
          <span class="home-node__icon" aria-hidden="true"></span>
        </summary>
        <div class="home-node__body">
          <p>决赛前 48 小时，赔率往往收敛到整届赛事最窄的区间。案例保留了这个区间的上下沿，也记下了临场阵容公布前后的微小变动。</p>
          <ul class="sw-list">
            <li class="sw-list__item">赛前两日的赔率上下沿</li>
            <li class="sw-list__item">首发公布后的即时反应</li>
            <li class="sw-list__item">与小组赛阶段的整体对比</li>
          </ul>
        </div>
      </details>
    </div>
  </section>

  <section class="home-sec" id="reports" aria-labelledby="h-reports">
    <header class="home-sec__head" data-reveal>
      <span class="home-sec__idx">04 / 战报</span>
      <h2 class="home-sec__title" id="h-reports">战报跟着轮次走，会员先看到</h2>
      <p class="home-sec__lead">专家专栏在每一轮结束后更新，把战术变化、关键球员状态和下一轮看点讲透。订阅之后，新战报会直接出现在会员中心。</p>
    </header>

    <div class="home-report" data-reveal>
      <figure class="sw-media sw-media--tall home-report__media">
        <div class="sw-media__frame">
          <img class="sw-media__img" src="{zhanqunpic:h:800w:1200}" width="1200" height="800" loading="lazy" decoding="async" alt="暗色桌面上的计时器与战术板笔记，旁边放着亮着屏幕的手机，画面中没有人物正面">
        </div>
        <figcaption class="sw-media__caption">赛后复盘与下一轮预判，按轮次衔接上线</figcaption>
      </figure>

      <div class="home-report__side">
        <div class="home-report__item">
          <span class="home-report__num">01</span>
          <h3 class="home-report__name">逐轮更新，紧跟赛程</h3>
          <p>联赛与杯赛分开归档，每轮结束后的分析在会员中心按时上线，不会堆到赛季末尾再补。</p>
        </div>
        <div class="home-report__item">
          <span class="home-report__num">02</span>
          <h3 class="home-report__name">四个角度拆一场球</h3>
          <p>轮换安排、伤停影响、战术调整和赛程密度，四条线交叉着看，结论才站得住。</p>
        </div>
        <div class="home-report__item">
          <span class="home-report__num">03</span>
          <h3 class="home-report__name">订阅与收藏都在一处</h3>
          <p>关注的球队、订阅的专栏和收藏的案例集中在会员中心，翻找的时间省下来用来看内容。</p>
        </div>
        <a class="sw-btn sw-btn--primary" href="/blog/">进入战报专栏</a>
      </div>
    </div>
  </section>

  <section class="home-sec" id="version" aria-labelledby="h-version">
    <header class="home-sec__head" data-reveal>
      <span class="home-sec__idx">05 / 迭代</span>
      <h2 class="home-sec__title" id="h-version">从 2019 到 3.2.1，赛程一版比一版清楚</h2>
      <p class="home-sec__lead">这一版动得最多的是赛程排布。日期和比赛的关系更直接，同一屏能读到的信息更多，你不用为了找一场球连着返回三层。</p>
    </header>

    <ol class="home-timeline" data-reveal>
      <li class="home-timeline__item">
        <span class="home-timeline__year">2019</span>
        <div class="home-timeline__body">
          <h3 class="home-timeline__name">简体版主页上线</h3>
          <p>中文界面的赛程与回看有了统一入口，用手机打开就是完整的比赛信息。</p>
        </div>
      </li>
      <li class="home-timeline__item">
        <span class="home-timeline__year">2021</span>
        <div class="home-timeline__body">
          <h3 class="home-timeline__name">小屏赛程工具发布</h3>
          <p>查当天和未来几天的比赛缩短成一次点击，手机端的操作路径明显变短。</p>
        </div>
      </li>
      <li class="home-timeline__item">
        <span class="home-timeline__year">2023</span>
        <div class="home-timeline__body">
          <h3 class="home-timeline__name">赔率案例档案上线</h3>
          <p>夺冠过程中的关键节点开始按轮次归档，赛后复盘有了可回查的依据。</p>
        </div>
      </li>
      <li class="home-timeline__item home-timeline__item--now">
        <span class="home-timeline__year">2024</span>
        <div class="home-timeline__body">
          <h3 class="home-timeline__name">迭代到 3.2.1 版</h3>
          <p>赛程排布重新梳理，模块之间的切换路径缩短，多场并行查看时不再需要反复跳转。</p>
        </div>
      </li>
    </ol>
  </section>

  <section class="home-sec home-sec--trust" id="trust" aria-labelledby="h-trust">
    <header class="home-sec__head" data-reveal>
      <span class="home-sec__idx">06 / 运营</span>
      <h2 class="home-sec__title" id="h-trust">180 人的团队，在北京持续做这件事</h2>
      <p class="home-sec__lead">内容与数据是这个平台的两条腿。前面看到的每一场比赛信息，背后都有人在更新和维护，也都有长期合作的数据来源。</p>
    </header>

    <div class="home-trust" data-reveal>
      <div class="home-trust__stats">
        <div class="home-trust__stat">
          <span class="home-trust__num">180</span>
          <span class="home-trust__cap">运营团队人数</span>
        </div>
        <div class="home-trust__stat">
          <span class="home-trust__num">96</span>
          <span class="home-trust__cap">内容编辑与数据分析师</span>
        </div>
        <div class="home-trust__stat">
          <span class="home-trust__num">26</span>
          <span class="home-trust__cap">合作赛事数据机构</span>
        </div>
        <div class="home-trust__stat">
          <span class="home-trust__num">12</span>
          <span class="home-trust__cap">长期合作内容工作室</span>
        </div>
      </div>

      <div class="home-trust__body">
        <p class="sw-text">平台按 ISO/IEC 27001 信息安全管理体系的要求管理用户数据，并连续入选行业媒体在 2022 至 2025 年评选的年度体育数据体验平台榜单。与 8 家省级体育媒体保持内容转载合作，赛事信息的更新频率为每 60 秒一次，关键事件在 15 秒内同步。</p>
        <div class="home-trust__links">
          <a class="sw-btn sw-btn--ghost sw-btn--sm" href="/team/">了解团队与历程</a>
          <a class="sw-btn sw-btn--ghost sw-btn--sm" href="/privacy-center/">查看隐私中心</a>
          <a class="sw-btn sw-btn--ghost sw-btn--sm" href="/feedback/">联系与反馈</a>
        </div>
      </div>
    </div>

    <div class="home-contact" data-reveal>
      <div class="home-contact__col">
        <span class="home-contact__key">客服邮箱</span>
        <span class="home-contact__val">info@switch-wanmei.com.cn</span>
      </div>
      <div class="home-contact__col">
        <span class="home-contact__key">联系电话</span>
        <span class="home-contact__val">17952681872</span>
      </div>
      <div class="home-contact__col">
        <span class="home-contact__key">服务时间</span>
        <span class="home-contact__val">工作日 9:00–18:00，赛事高峰期延长至 24:00</span>
      </div>
      <div class="home-contact__col">
        <span class="home-contact__key">工单响应</span>
        <span class="home-contact__val">会员中心提交，2 小时内响应</span>
      </div>
    </div>
  </section>

</main>

.page-home {
  --home-ink: #07090F;
  --home-panel: #111827;
  --home-deep: #0B1220;
  --home-blue: #2E7DFF;
  --home-green: #39FF88;
  --home-pulse: #FF5A36;
  --home-violet: #8B5CF6;
  --home-silver: #9AA4B2;
  --home-white: #F5F7FA;
  --home-line: rgba(154, 164, 178, .16);
  --home-line-2: rgba(154, 164, 178, .34);
  --home-shell: 1240px;
  --home-gap: clamp(18px, 3vw, 34px);

  display: block;
  width: 100%;
  overflow-x: hidden;
  background: var(--home-ink);
  color: var(--home-white);
  font-family: var(--sw-font);
  padding-bottom: 104px;
  scroll-behavior: smooth;
}

.page-home *,
.page-home *::before,
.page-home *::after {
  box-sizing: border-box;
}

.page-home [id] {
  scroll-margin-top: 92px;
}

.page-home img {
  max-width: 100%;
  height: auto;
}

/* ---------- 悬浮胶囊导航 ---------- */
.page-home .home-dock {
  position: fixed;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  z-index: 60;
  display: flex;
  gap: 4px;
  max-width: calc(100vw - 24px);
  padding: 6px;
  border: 1px solid var(--home-line-2);
  border-radius: var(--sw-pill);
  background: rgba(11, 18, 32, .9);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 22px 50px -30px rgba(0, 0, 0, .95);
  overflow-x: auto;
  scrollbar-width: none;
}

.page-home .home-dock::-webkit-scrollbar {
  display: none;
}

.page-home .home-dock__link {
  flex: 0 0 auto;
  padding: 9px 15px;
  border-radius: var(--sw-pill);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: var(--home-silver);
  text-decoration: none;
  white-space: nowrap;
  transition: background .22s var(--sw-ease), color .22s var(--sw-ease);
}

.page-home .home-dock__link:hover,
.page-home .home-dock__link:focus-visible {
  color: var(--home-white);
  background: rgba(46, 125, 255, .2);
}

.page-home .home-dock__link.is-on {
  color: #051022;
  background: var(--home-blue);
}

/* ---------- 首屏 ---------- */
.page-home .home-opener {
  position: relative;
  max-width: var(--home-shell);
  margin: 0 auto;
  padding: clamp(64px, 10vw, 116px) clamp(16px, 4vw, 40px) clamp(34px, 5vw, 54px);
  overflow: hidden;
}

.page-home .home-opener::after {
  content: "";
  position: absolute;
  top: 4%;
  right: -6%;
  width: 1px;
  height: 56%;
  background: linear-gradient(180deg, transparent, var(--home-blue) 45%, transparent);
  opacity: .5;
  transform: rotate(19deg);
  pointer-events: none;
}

.page-home .home-opener__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(26px, 4vw, 46px);
  align-items: end;
}

.page-home .home-opener__copy {
  min-width: 0;
}

.page-home .home-opener__title {
  margin: 14px 0 0;
  font-size: clamp(34px, 8vw, 68px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.04em;
  color: var(--home-white);
}

.page-home .home-opener__lead {
  margin: 20px 0 0;
  max-width: 54ch;
  font-size: 15px;
  line-height: 1.9;
  color: var(--home-silver);
}

.page-home .home-opener__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.page-home .home-toc {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--home-line);
}

.page-home .home-toc__item {
  border-bottom: 1px solid var(--home-line);
}

.page-home .home-toc__link {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 13px 2px;
  font-size: 14px;
  font-weight: 600;
  color: var(--home-white);
  text-decoration: none;
  transition: color .2s var(--sw-ease), padding-left .2s var(--sw-ease);
}

.page-home .home-toc__link:hover,
.page-home .home-toc__link:focus-visible {
  color: var(--home-blue);
  padding-left: 8px;
}

.page-home .home-toc__idx {
  font-family: var(--sw-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .1em;
  color: var(--home-blue);
}

.page-home .home-opener__visual {
  position: relative;
  margin: 0;
  border: 1px solid var(--home-line-2);
  border-radius: var(--sw-r-lg);
  overflow: hidden;
  box-shadow: 0 44px 84px -54px rgba(0, 0, 0, .96);
}

.page-home .home-opener__visual img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.page-home .home-opener__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7, 9, 15, .06) 0%, rgba(7, 9, 15, .76) 100%);
  pointer-events: none;
}

.page-home .home-opener__cap {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  z-index: 1;
  font-family: var(--sw-mono);
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: .04em;
  color: rgba(245, 247, 250, .78);
}

/* ---------- 数据条 ---------- */
.page-home .home-meter {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin-top: clamp(26px, 4.4vw, 44px);
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  background: var(--home-line);
  overflow: hidden;
}

.page-home .home-meter__cell {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 16px 18px;
  background: var(--home-deep);
}

.page-home .home-meter__value {
  font-family: var(--sw-mono);
  font-size: clamp(19px, 3.2vw, 25px);
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--home-white);
}

.page-home .home-meter__value--green {
  color: var(--home-green);
}

.page-home .home-meter__label {
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--home-silver);
}

/* ---------- 章节通用 ---------- */
.page-home .home-sec {
  max-width: var(--home-shell);
  margin: 0 auto;
  padding: clamp(46px, 7.5vw, 92px) clamp(16px, 4vw, 40px);
  border-top: 1px solid var(--home-line);
}

.page-home .home-sec__head {
  display: grid;
  gap: 10px;
  margin-bottom: clamp(24px, 4vw, 42px);
}

.page-home .home-sec__idx {
  font-family: var(--sw-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .18em;
  color: var(--home-blue);
}

.page-home .home-sec__title {
  margin: 0;
  max-width: 24ch;
  font-size: clamp(23px, 4.6vw, 40px);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -.03em;
  color: var(--home-white);
}

.page-home .home-sec__lead {
  margin: 0;
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.88;
  color: var(--home-silver);
}

/* ---------- 赛程切换轴 ---------- */
.page-home .home-axis {
  margin-bottom: clamp(20px, 3.4vw, 32px);
}

.page-home .home-axis__list {
  list-style: none;
  margin: 0;
  padding: 0 0 8px;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: none;
}

.page-home .home-axis__list::-webkit-scrollbar {
  display: none;
}

.page-home .home-axis__day {
  position: relative;
  flex: 0 0 128px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 14px 14px;
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  background: var(--home-panel);
}

.page-home .home-axis__day::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 14px;
  width: 26px;
  height: 2px;
  background: var(--home-line-2);
}

.page-home .home-axis__day--today {
  border-color: rgba(255, 90, 54, .5);
  background: linear-gradient(180deg, rgba(255, 90, 54, .1), rgba(17, 24, 39, .9));
}

.page-home .home-axis__day--today::before {
  background: var(--home-pulse);
}

.page-home .home-axis__day--done::before {
  background: var(--home-green);
}

.page-home .home-axis__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--home-silver);
}

.page-home .home-axis__day--today .home-axis__dot {
  background: var(--home-pulse);
  box-shadow: 0 0 0 4px rgba(255, 90, 54, .18);
}

.page-home .home-axis__day--done .home-axis__dot {
  background: var(--home-green);
  box-shadow: 0 0 0 4px rgba(57, 255, 136, .14);
}

.page-home .home-axis__date {
  font-family: var(--sw-mono);
  font-size: 13px;
  font-weight: 600;
  color: var(--home-white);
}

.page-home .home-axis__meta {
  font-size: 12px;
  line-height: 1.5;
  color: var(--home-silver);
}

/* ---------- 面板卡 ---------- */
.page-home .home-panelrow {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.page-home .home-panel {
  background: var(--home-panel);
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  padding: 20px;
  transition: border-color .24s var(--sw-ease), transform .24s var(--sw-ease);
}

.page-home .home-panel--wide {
  background: linear-gradient(150deg, rgba(46, 125, 255, .12), rgba(17, 24, 39, .96) 58%);
  border-color: rgba(46, 125, 255, .34);
}

.page-home .home-panel:hover {
  border-color: rgba(46, 125, 255, .5);
  transform: translateY(-3px);
}

.page-home .home-panel .sw-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.page-home .home-panel .sw-card__title {
  margin: 0 0 10px;
  font-size: clamp(18px, 2.6vw, 22px);
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--home-white);
}

.page-home .home-panel .sw-text {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.88;
  color: var(--home-silver);
}

/* ---------- 赛程与回看 ---------- */
.page-home .home-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--home-gap);
  align-items: start;
}

.page-home .home-split__media {
  margin: 0;
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  overflow: hidden;
  background: var(--home-deep);
}

.page-home .home-split__media .sw-media__frame {
  overflow: hidden;
}

.page-home .home-split__media img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.page-home .home-split__media .sw-media__caption {
  display: block;
  padding: 12px 16px;
  font-family: var(--sw-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--home-silver);
  border-top: 1px solid var(--home-line);
}

.page-home .home-split__side {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-home .home-split__subtitle {
  margin: 0;
  font-size: clamp(18px, 2.6vw, 21px);
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--home-white);
}

.page-home .home-split__list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.page-home .home-split__side .sw-btn {
  align-self: flex-start;
}

/* ---------- 赔率节点 ---------- */
.page-home .home-nodes__media {
  margin: 0 0 clamp(20px, 3.4vw, 30px);
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  overflow: hidden;
  background: var(--home-deep);
}

.page-home .home-nodes__media .sw-media__frame {
  overflow: hidden;
}

.page-home .home-nodes__media img {
  display: block;
  width: 100%;
  aspect-ratio: 21 / 9;
  object-fit: cover;
}

.page-home .home-nodes__media .sw-media__caption {
  display: block;
  padding: 12px 16px;
  font-family: var(--sw-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--home-silver);
  border-top: 1px solid var(--home-line);
}

.page-home .home-nodes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.page-home .home-node {
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  background: var(--home-panel);
  overflow: hidden;
  transition: border-color .24s var(--sw-ease);
}

.page-home .home-node[open] {
  border-color: rgba(46, 125, 255, .54);
  background: linear-gradient(180deg, rgba(46, 125, 255, .09), rgba(17, 24, 39, .96));
}

.page-home .home-node__trigger {
  position: relative;
  display: grid;
  gap: 8px;
  padding: 18px 46px 18px 18px;
  cursor: pointer;
  list-style: none;
}

.page-home .home-node__trigger::-webkit-details-marker {
  display: none;
}

.page-home .home-node__stage {
  font-family: var(--sw-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  color: var(--home-green);
}

.page-home .home-node__name {
  font-size: 17px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -.02em;
  color: var(--home-white);
}

.page-home .home-node__icon {
  position: absolute;
  top: 22px;
  right: 18px;
  width: 16px;
  height: 16px;
}

.page-home .home-node__icon::before,
.page-home .home-node__icon::after {
  content: "";
  position: absolute;
  background: var(--home-blue);
  border-radius: 2px;
  transition: transform .24s var(--sw-ease);
}

.page-home .home-node__icon::before {
  left: 0;
  top: 7px;
  width: 16px;
  height: 2px;
}

.page-home .home-node__icon::after {
  left: 7px;
  top: 0;
  width: 2px;
  height: 16px;
}

.page-home .home-node[open] .home-node__icon::after {
  transform: scaleY(0);
}

.page-home .home-node__body {
  padding: 16px 18px 20px;
  border-top: 1px solid var(--home-line);
}

.page-home .home-node__body p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.88;
  color: var(--home-silver);
}

.page-home .home-node__body .sw-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
}

/* ---------- 专家战报 ---------- */
.page-home .home-report {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--home-gap);
  align-items: start;
}

.page-home .home-report__media {
  margin: 0;
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  overflow: hidden;
  background: var(--home-deep);
}

.page-home .home-report__media .sw-media__frame {
  overflow: hidden;
}

.page-home .home-report__media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.page-home .home-report__media .sw-media__caption {
  display: block;
  padding: 12px 16px;
  font-family: var(--sw-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--home-silver);
  border-top: 1px solid var(--home-line);
}

.page-home .home-report__side {
  display: grid;
  gap: 18px;
}

.page-home .home-report__item {
  padding-left: 16px;
  border-left: 2px solid var(--home-violet);
}

.page-home .home-report__num {
  display: block;
  margin-bottom: 6px;
  font-family: var(--sw-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .16em;
  color: var(--home-violet);
}

.page-home .home-report__name {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--home-white);
}

.page-home .home-report__item p {
  margin: 0;
  font-size: 14px;
  line-height: 1.88;
  color: var(--home-silver);
}

.page-home .home-report__side .sw-btn {
  justify-self: start;
}

/* ---------- 版本时间线 ---------- */
.page-home .home-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--home-line);
}

.page-home .home-timeline__item {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid var(--home-line);
}

.page-home .home-timeline__year {
  padding-top: 2px;
  font-family: var(--sw-mono);
  font-size: 14px;
  font-weight: 600;
  color: var(--home-blue);
}

.page-home .home-timeline__name {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--home-white);
}

.page-home .home-timeline__body p {
  margin: 0;
  font-size: 14px;
  line-height: 1.88;
  color: var(--home-silver);
}

.page-home .home-timeline__item--now {
  padding-left: 12px;
  margin-left: -12px;
  border-left: 2px solid var(--home-green);
  background: linear-gradient(90deg, rgba(57, 255, 136, .07), transparent 70%);
}

.page-home .home-timeline__item--now .home-timeline__year {
  color: var(--home-green);
}

/* ---------- 运营与联系 ---------- */
.page-home .home-sec--trust {
  border-top-color: rgba(46, 125, 255, .34);
}

.page-home .home-trust {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--home-gap);
}

.page-home .home-trust__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  background: var(--home-line);
  overflow: hidden;
}

.page-home .home-trust__stat {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 18px 16px;
  background: var(--home-deep);
}

.page-home .home-trust__num {
  font-family: var(--sw-mono);
  font-size: clamp(22px, 4vw, 30px);
  font-weight: 600;
  line-height: 1;
  color: var(--home-white);
}

.page-home .home-trust__cap {
  font-size: 12px;
  line-height: 1.6;
  color: var(--home-silver);
}

.page-home .home-trust__body {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.page-home .home-trust__body .sw-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.9;
  color: var(--home-silver);
}

.page-home .home-trust__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.page-home .home-contact {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  margin-top: clamp(22px, 3.6vw, 32px);
  border: 1px solid var(--home-line);
  border-radius: var(--sw-r-md);
  background: var(--home-line);
  overflow: hidden;
}

.page-home .home-contact__col {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
  background: var(--home-panel);
}

.page-home .home-contact__key {
  font-size: 11px;
  letter-spacing: .14em;
  color: var(--home-silver);
}

.page-home .home-contact__val {
  font-family: var(--sw-mono);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.7;
  color: var(--home-white);
  word-break: break-word;
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-home .home-meter {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .page-home .home-contact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-home .home-axis__day {
    flex: 1 1 0;
    min-width: 0;
  }
}

@media (min-width: 880px) {
  .page-home .home-opener__grid {
    grid-template-columns: 7fr 5fr;
  }

  .page-home .home-panelrow {
    grid-template-columns: 8fr 4fr;
  }

  .page-home .home-trust {
    grid-template-columns: 5fr 7fr;
    align-items: start;
  }
}

@media (min-width: 900px) {
  .page-home .home-split {
    grid-template-columns: 7fr 5fr;
  }

  .page-home .home-report {
    grid-template-columns: 7fr 5fr;
  }

  .page-home .home-nodes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-home .home-contact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1080px) {
  .page-home .home-timeline__item {
    grid-template-columns: 80px 1fr;
    gap: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home {
    scroll-behavior: auto;
  }

  .page-home .home-dock__link,
  .page-home .home-toc__link,
  .page-home .home-panel,
  .page-home .home-node,
  .page-home .home-node__icon::before,
  .page-home .home-node__icon::after {
    transition: none;
  }

  .page-home .home-panel:hover {
    transform: none;
  }
}
<<<END>>>