.page-home {
  --hm-cut: 24px;
  --hm-rule: rgba(69, 230, 230, .26);
  --hm-dim: rgba(157, 174, 203, .18);
  background: var(--nx-deep);
  color: var(--nx-signal);
  font-family: var(--nx-font-body);
  overflow-x: clip;
}

/* ============ 首屏 ============ */
.page-home .hm-hero {
  position: relative;
  padding: clamp(1.75rem, 4.5vw, 3.5rem) 0 clamp(2.25rem, 5vw, 4.25rem);
  border-bottom: 1px solid var(--nx-line-soft);
  background:
    radial-gradient(ellipse at 82% 4%, rgba(69, 230, 230, .15), transparent 58%),
    radial-gradient(ellipse at 6% 92%, rgba(255, 92, 36, .09), transparent 52%),
    repeating-linear-gradient(90deg, rgba(69, 230, 230, .06) 0 1px, transparent 1px 78px),
    repeating-linear-gradient(0deg, rgba(69, 230, 230, .045) 0 1px, transparent 1px 78px),
    var(--nx-deep);
}

.page-home .hm-hero__grid {
  display: grid;
  gap: clamp(1.75rem, 4vw, 2.75rem);
}

.page-home .hm-hero__title {
  margin: .55rem 0 0;
  font-family: var(--nx-font-display);
  font-weight: 900;
  font-size: clamp(2.05rem, 7.4vw, 4.35rem);
  line-height: .96;
  letter-spacing: -.022em;
  text-transform: none;
}

.page-home .hm-hero__title em {
  font-style: italic;
  color: var(--nx-lava);
}

.page-home .hm-hero__lede {
  margin: 1.1rem 0 0;
  max-width: 35em;
  color: var(--nx-mist);
  font-size: clamp(.98rem, 2.3vw, 1.08rem);
  line-height: 1.8;
}

.page-home .hm-status {
  display: grid;
  gap: .55rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

.page-home .hm-status__item {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .6rem .85rem;
  border: 1px solid var(--nx-line-soft);
  border-left: 3px solid var(--nx-cyan);
  background: rgba(16, 30, 60, .78);
  font-size: .86rem;
  line-height: 1.5;
}

.page-home .hm-status__item--warn {
  border-left-color: var(--nx-warn);
  color: var(--nx-warn);
}

.page-home .hm-status__dot {
  flex: none;
  width: 7px;
  height: 7px;
  background: var(--nx-cyan);
}

.page-home .hm-status__item--warn .hm-status__dot {
  background: var(--nx-warn);
}

.page-home .hm-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-top: 1.7rem;
}

/* 记分牌 */
.page-home .hm-board {
  position: relative;
  isolation: isolate;
}

.page-home .hm-board__frame {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--hm-rule);
  background: var(--nx-night);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--hm-cut)), calc(100% - var(--hm-cut)) 100%, 0 100%);
}

.page-home .hm-board__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 6 / 7;
  object-fit: cover;
  filter: saturate(.82) contrast(1.06) brightness(.86);
}

.page-home .hm-board__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(0deg, rgba(69, 230, 230, .07) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, rgba(8, 16, 34, .04) 0%, rgba(8, 16, 34, .82) 88%);
}

.page-home .hm-board__panel {
  position: relative;
  z-index: 2;
  margin: -3.4rem 0 0 clamp(0rem, 4vw, 2rem);
  padding: 1.05rem 1.15rem 1.2rem;
  background: var(--nx-night);
  border: 1px solid var(--hm-rule);
  box-shadow: 13px 13px 0 rgba(4, 9, 18, .55);
}

.page-home .hm-board__panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--nx-lava), transparent 72%);
}

.page-home .hm-board__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  padding-top: .35rem;
}

.page-home .hm-board__tag {
  display: inline-block;
  padding: .18rem .55rem;
  background: var(--nx-lava);
  color: var(--nx-ink);
  font-family: var(--nx-font-display);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .1em;
}

.page-home .hm-board__live {
  font-size: .72rem;
  letter-spacing: .18em;
  color: var(--nx-cyan);
  text-transform: uppercase;
}

.page-home .hm-board__big {
  margin: .7rem 0 0;
  font-family: var(--nx-font-num);
  font-size: clamp(3.2rem, 11vw, 4.6rem);
  font-weight: 700;
  line-height: .82;
  letter-spacing: -.035em;
  color: var(--nx-lava);
}

.page-home .hm-board__big span {
  margin-left: .32rem;
  font-family: var(--nx-font-body);
  font-size: .26em;
  font-weight: 500;
  letter-spacing: .06em;
  color: var(--nx-signal);
}

.page-home .hm-board__note {
  margin: .7rem 0 0;
  color: var(--nx-mist);
  font-size: .82rem;
  line-height: 1.65;
}

.page-home .hm-board__rows {
  display: flex;
  margin: 1rem 0 0;
  padding: .8rem 0 0;
  list-style: none;
  border-top: 1px dashed var(--nx-line-soft);
}

.page-home .hm-board__rows li {
  flex: 1 1 0;
  min-width: 0;
  padding-right: .55rem;
  border-right: 1px solid var(--hm-dim);
}

.page-home .hm-board__rows li:last-child {
  padding-right: 0;
  border-right: 0;
}

.page-home .hm-board__rows li + li {
  padding-left: .6rem;
}

.page-home .hm-board__rows b {
  display: block;
  font-family: var(--nx-font-num);
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1;
  color: var(--nx-cyan);
}

.page-home .hm-board__rows span {
  display: block;
  margin-top: .28rem;
  font-size: .7rem;
  letter-spacing: .04em;
  color: var(--nx-mist);
}

/* ============ 章节索引 ============ */
.page-home .hm-jump {
  position: sticky;
  top: 0;
  z-index: 8;
  background: rgba(8, 16, 34, .95);
  border-bottom: 1px solid var(--hm-rule);
}

.page-home .hm-jump__inner {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding-top: .45rem;
  padding-bottom: .45rem;
}

.page-home .hm-jump__label {
  flex: none;
  font-family: var(--nx-font-display);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .22em;
  color: var(--nx-mist);
  text-transform: uppercase;
}

.page-home .hm-jump__list {
  display: flex;
  gap: .3rem;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}

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

.page-home .hm-jump__list a {
  display: block;
  white-space: nowrap;
  padding: .38rem .72rem;
  color: var(--nx-mist);
  font-size: .82rem;
  text-decoration: none;
  border: 1px solid transparent;
  transition: color .25s var(--nx-ease), background .25s var(--nx-ease);
}

.page-home .hm-jump__list a:hover {
  color: var(--nx-signal);
  border-color: var(--nx-line-soft);
}

.page-home .hm-jump__list a[aria-current="location"] {
  color: var(--nx-deep);
  background: var(--nx-cyan);
  border-color: var(--nx-cyan);
  font-weight: 700;
}

/* ============ 通用区块 ============ */
.page-home .hm-section {
  padding: clamp(2.25rem, 5.5vw, 4rem) 0;
}

.page-home .hm-head {
  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

.page-home .hm-sub {
  margin: .65rem 0 0;
  max-width: 44em;
  color: var(--nx-mist);
  font-size: .95rem;
  line-height: 1.8;
}

.page-home .hm-h2 {
  margin: .4rem 0 0;
  font-family: var(--nx-font-display);
  font-size: clamp(1.55rem, 4.4vw, 2.5rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.018em;
}

/* ============ 三条通道 ============ */
.page-home .hm-stack {
  display: grid;
  gap: .9rem;
}

.page-home .hm-channel {
  display: block;
  position: relative;
  padding: 1.35rem 1.2rem 1.4rem;
  text-decoration: none;
  color: inherit;
  background: var(--nx-night);
  border: 1px solid var(--nx-line-soft);
  border-top: 3px solid var(--nx-cyan);
  transition: transform .35s var(--nx-ease), border-color .35s var(--nx-ease), box-shadow .35s var(--nx-ease);
}

.page-home .hm-channel--b {
  border-top-color: var(--nx-lava);
}

.page-home .hm-channel--c {
  border-top-color: var(--nx-warn);
}

.page-home .hm-channel:hover,
.page-home .hm-channel:focus-visible {
  transform: translateY(-4px);
  border-color: var(--hm-rule);
  box-shadow: 9px 11px 0 rgba(4, 9, 18, .55);
}

.page-home .hm-channel__no {
  display: block;
  font-family: var(--nx-font-num);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .2em;
  color: var(--nx-mist);
}

.page-home .hm-channel__title {
  margin: .35rem 0 0;
  font-family: var(--nx-font-display);
  font-size: clamp(1.3rem, 3.4vw, 1.7rem);
  font-weight: 900;
  letter-spacing: -.01em;
}

.page-home .hm-channel__text {
  margin: .6rem 0 0;
  color: var(--nx-mist);
  font-size: .9rem;
  line-height: 1.75;
}

.page-home .hm-channel__go {
  display: inline-block;
  margin-top: 1rem;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--nx-cyan);
}

.page-home .hm-channel__go::after {
  content: " →";
}

.page-home .hm-channel--b .hm-channel__go {
  color: var(--nx-lava);
}

.page-home .hm-channel--c .hm-channel__go {
  color: var(--nx-warn);
}

/* 通栏图 */
.page-home .hm-wide {
  margin: clamp(2rem, 5vw, 3.25rem) 0 0;
}

.page-home .hm-wide img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 40 / 13;
  object-fit: cover;
  filter: saturate(.85) contrast(1.05) brightness(.78);
}

.page-home .hm-wide__cap {
  margin: 0;
  padding: .7rem clamp(1rem, 3.6vw, 2.75rem) 0;
  color: var(--nx-mist);
  font-size: .8rem;
  letter-spacing: .04em;
}

/* ============ 赛程与费用索引 ============ */
.page-home .hm-index {
  display: grid;
  gap: 1px;
  background: var(--nx-line-soft);
  border: 1px solid var(--nx-line-soft);
}

.page-home .hm-index__row {
  display: grid;
  gap: .3rem .9rem;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "k p"
    "v v";
  padding: 1rem 1.1rem;
  background: var(--nx-night);
}

.page-home .hm-index__k {
  grid-area: k;
  font-family: var(--nx-font-display);
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: .01em;
  color: var(--nx-signal);
}

.page-home .hm-index__v {
  grid-area: v;
  color: var(--nx-mist);
  font-size: .86rem;
  line-height: 1.7;
}

.page-home .hm-index__p {
  grid-area: p;
  text-align: right;
  white-space: nowrap;
  font-family: var(--nx-font-num);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--nx-lava);
  letter-spacing: .01em;
}

.page-home .hm-index__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .9rem 1.25rem;
  margin-top: 1.25rem;
  padding: 1rem 1.1rem;
  border: 1px dashed var(--nx-line-soft);
  background: rgba(28, 55, 102, .3);
}

.page-home .hm-index__bar p {
  margin: 0;
  flex: 1 1 16rem;
  color: var(--nx-mist);
  font-size: .86rem;
  line-height: 1.7;
}

/* ============ 周末战报 ============ */
.page-home .hm-reports {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-top: 1px solid var(--hm-rule);
  border-bottom: 1px solid var(--hm-rule);
}

.page-home .hm-reports__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .3;
}

.page-home .hm-reports::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    repeating-linear-gradient(0deg, rgba(69, 230, 230, .05) 0 1px, transparent 1px 6px),
    linear-gradient(120deg, rgba(8, 16, 34, .96) 12%, rgba(16, 30, 60, .82) 62%, rgba(8, 16, 34, .96) 100%);
}

.page-home .hm-reports__anchors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  margin-bottom: 1.4rem;
}

.page-home .hm-stat {
  padding: .9rem 1rem 1rem;
  border: 1px solid var(--hm-rule);
  border-left: 3px solid var(--nx-lava);
  background: rgba(8, 16, 34, .7);
}

.page-home .hm-stat__num {
  display: block;
  font-family: var(--nx-font-num);
  font-size: clamp(2.2rem, 8vw, 3.4rem);
  font-weight: 700;
  line-height: .86;
  letter-spacing: -.035em;
  color: var(--nx-cyan);
}

.page-home .hm-stat__cap {
  display: block;
  margin-top: .45rem;
  font-size: .8rem;
  letter-spacing: .04em;
  color: var(--nx-mist);
}

.page-home .hm-brief {
  display: grid;
  gap: .75rem;
  margin: 0 0 1.4rem;
  padding: 0;
  list-style: none;
}

.page-home .hm-brief__item {
  padding: 1rem 1.1rem;
  background: rgba(16, 30, 60, .82);
  border: 1px solid var(--nx-line-soft);
}

.page-home .hm-brief__item h3 {
  margin: 0;
  font-family: var(--nx-font-display);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--nx-signal);
}

.page-home .hm-brief__item p {
  margin: .4rem 0 0;
  color: var(--nx-mist);
  font-size: .88rem;
  line-height: 1.75;
}

/* ============ 公告 ============ */
.page-home .hm-notice {
  display: grid;
  gap: 1rem;
}

.page-home .hm-alert {
  padding: 1.15rem 1.2rem 1.25rem;
  background: rgba(255, 200, 87, .07);
  border: 1px solid rgba(255, 200, 87, .42);
  border-left: 4px solid var(--nx-warn);
}

.page-home .hm-alert__title {
  margin: 0;
  font-family: var(--nx-font-display);
  font-size: clamp(1.15rem, 3vw, 1.45rem);
  font-weight: 900;
  letter-spacing: -.005em;
  color: var(--nx-warn);
}

.page-home .hm-alert__text {
  margin: .55rem 0 1rem;
  color: var(--nx-signal);
  font-size: .9rem;
  line-height: 1.78;
}

.page-home .hm-board-list {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--nx-line-soft);
  border: 1px solid var(--nx-line-soft);
}

.page-home .hm-board-list__item {
  display: grid;
  gap: .25rem .85rem;
  grid-template-columns: 4.6rem minmax(0, 1fr);
  grid-template-areas:
    "no k"
    "no p";
  padding: .9rem 1.05rem;
  background: var(--nx-night);
}

.page-home .hm-board-list__no {
  grid-area: no;
  align-self: start;
  font-family: var(--nx-font-num);
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--nx-cyan);
}

.page-home .hm-board-list__k {
  grid-area: k;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--nx-mist);
}

.page-home .hm-board-list__item p {
  grid-area: p;
  margin: 0;
  color: var(--nx-signal);
  font-size: .87rem;
  line-height: 1.72;
}

/* ============ 四川看台 ============ */
.page-home .hm-paper {
  position: relative;
  padding: clamp(1.35rem, 3.4vw, 2.4rem);
  background:
    repeating-linear-gradient(0deg, rgba(4, 9, 18, .045) 0 1px, transparent 1px 26px),
    var(--nx-paper);
  color: var(--nx-ink);
  border-left: 5px solid var(--nx-lava);
  box-shadow: 12px 12px 0 rgba(4, 9, 18, .5);
}

.page-home .hm-paper__grid {
  display: grid;
  gap: 1.4rem;
}

.page-home .hm-kicker {
  margin: 0;
  font-family: var(--nx-font-display);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .24em;
  color: #6b3a1d;
  text-transform: uppercase;
}

.page-home .hm-paper .hm-h2 {
  margin: .4rem 0 0;
  color: var(--nx-ink);
}

.page-home .hm-paper__copy > p {
  margin: .7rem 0 0;
  font-size: .9rem;
  line-height: 1.8;
  color: #23314b;
}

.page-home .hm-citys {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.page-home .hm-citys li {
  padding: .26rem .7rem;
  background: var(--nx-deep);
  color: var(--nx-signal);
  font-size: .78rem;
  letter-spacing: .06em;
}

.page-home .hm-paper__addr {
  padding-top: .8rem;
  border-top: 1px dashed rgba(4, 9, 18, .28);
  font-size: .82rem !important;
  color: #3b4a66 !important;
}

.page-home .hm-paper__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: 1.2rem;
}

.page-home .hm-paper__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border: 1px solid rgba(4, 9, 18, .3);
  filter: saturate(.9) contrast(1.04);
}

/* ============ 响应式 ============ */
@media (min-width: 700px) {
  .page-home .hm-brief {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-home .hm-index__row {
    grid-template-columns: 8.5rem minmax(0, 1fr) auto;
    grid-template-areas: "k v p";
    align-items: center;
    padding: 1.1rem 1.3rem;
  }

  .page-home .hm-board-list__item {
    grid-template-columns: 5.4rem 8rem minmax(0, 1fr);
    grid-template-areas: "no k p";
    align-items: baseline;
  }
}

@media (min-width: 900px) {
  .page-home .hm-hero__grid {
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
    align-items: start;
    gap: clamp(2rem, 4vw, 3.25rem);
  }

  .page-home .hm-board__panel {
    margin-top: -4.5rem;
  }

  .page-home .hm-board__img {
    aspect-ratio: 6 / 7;
  }

  .page-home .hm-stack {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
    align-items: start;
  }

  .page-home .hm-channel--b {
    margin-top: 2.2rem;
  }

  .page-home .hm-channel--c {
    margin-top: 4.4rem;
  }

  .page-home .hm-notice {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    align-items: start;
  }

  .page-home .hm-paper__grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    align-items: center;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .page-home .hm-reports__anchors {
    grid-template-columns: repeat(2, minmax(0, 14rem));
  }
}

@media (min-width: 1180px) {
  .page-home .hm-hero__title {
    font-size: clamp(3.2rem, 4.6vw, 4.6rem);
  }

  .page-home .hm-board__panel {
    padding: 1.2rem 1.35rem 1.35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .hm-channel,
  .page-home .hm-jump__list a {
    transition: none;
  }

  .page-home .hm-channel:hover,
  .page-home .hm-channel:focus-visible {
    transform: none;
  }
}


<main id="main-content" class="page-home">

  <section class="hm-hero">
    <div class="nx-shell hm-hero__grid">
      <div class="hm-hero__copy">
        <p class="nx-eyebrow">诺亚看台 · 中国区品牌通道 V3.1</p>
        <h1 class="hm-hero__title">周末的球，<br><em>在这块看台</em>开哨</h1>
        <p class="hm-hero__lede">诺亚看台是诺亚体育中国区的品牌内容入口。V3.1 更新完成后，你的登录状态与赛事收藏已经回到个人看台，本周站次、报名通道和赛后数据也收在同一个入口里，打开就能用。</p>
        <ul class="hm-status">
          <li class="hm-status__item"><span class="hm-status__dot" aria-hidden="true"></span>登录状态与赛事收藏已恢复</li>
          <li class="hm-status__item hm-status__item--warn"><span class="hm-status__dot" aria-hidden="true"></span>旧版入口请用最新版 Chrome 或 Edge 打开</li>
        </ul>
        <div class="hm-hero__actions">
          <a class="nx-btn nx-btn--lava" href="/features/">查赛程与报名费</a>
          <a class="nx-btn nx-btn--ghost" href="/press/">看周末战报</a>
        </div>
      </div>

      <div class="hm-board" data-reveal>
        <div class="hm-board__frame">
          <img class="hm-board__img" src="{zhanqunpic:h:1400w:1200}" width="1200" height="1400" alt="夜间球场灯光下的看台与跑道，观众席呈剪影">
        </div>
        <div class="hm-board__panel">
          <div class="hm-board__head">
            <span class="hm-board__tag">本赛季第 4 站</span>
            <span class="hm-board__live">赛程倒计时</span>
          </div>
          <p class="hm-board__big">7<span>天</span></p>
          <p class="hm-board__note">开赛前 7 天锁定赛程，赛前 48 小时开放最终确认。收藏的站次与组别会出现在你的个人看台。</p>
          <ul class="hm-board__rows">
            <li><b>42</b><span>周末赛站</span></li>
            <li><b>18</b><span>覆盖城市</span></li>
            <li><b>120</b><span>全年赛事</span></li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <nav class="hm-jump" aria-label="页面章节" data-toc>
    <div class="nx-shell hm-jump__inner">
      <span class="hm-jump__label">章节</span>
      <ul class="hm-jump__list">
        <li><a href="#channels">三条通道</a></li>
        <li><a href="#index">赛程与费用</a></li>
        <li><a href="#reports">周末战报</a></li>
        <li><a href="#notice">公告与浏览器</a></li>
        <li><a href="#sichuan">四川看台</a></li>
      </ul>
    </div>
  </nav>

  <section class="hm-section" id="channels">
    <div class="nx-shell">
      <header class="nx-section__head hm-head">
        <p class="nx-eyebrow">主通道</p>
        <h2 class="nx-section__title">想去哪一段，就从哪条道进</h2>
        <p class="hm-sub">赛前挑站次和组别、赛后看数据和复盘、卡在入口上找答案——三条通道各管一段，点进去就是你要的位置。</p>
      </header>

      <div class="hm-stack">
        <a class="hm-channel" href="/features/" data-reveal>
          <span class="hm-channel__no">01</span>
          <h3 class="hm-channel__title">赛事服务</h3>
          <p class="hm-channel__text">本季站次、报名费档位、组别划分和四步报名流程都摆在同一页。球队成团与企业邀请赛另有独立入口，青少年组单独一档。</p>
          <span class="hm-channel__go">进入赛事服务</span>
        </a>
        <a class="hm-channel hm-channel--b" href="/press/" data-reveal data-reveal-delay="120">
          <span class="hm-channel__no">02</span>
          <h3 class="hm-channel__title">战报与公告</h3>
          <p class="hm-channel__text">周末打完，赛后首份赛果摘要 24 小时内上线；临时变化按公告栏的时间顺序往下看，编号从新到旧排得清楚。</p>
          <span class="hm-channel__go">进入战报与公告</span>
        </a>
        <a class="hm-channel hm-channel--c" href="/questions/" data-reveal data-reveal-delay="240">
          <span class="hm-channel__no">03</span>
          <h3 class="hm-channel__title">核对问答</h3>
          <p class="hm-channel__text">登录不上、收藏没回来、旧版入口白屏打不开——按问题类型找对应步骤，多数情况换一个浏览器就能继续。</p>
          <span class="hm-channel__go">进入核对问答</span>
        </a>
      </div>
    </div>

    <figure class="hm-wide">
      <img src="{zhanqunpic:h:520w:1600}" width="1600" height="520" alt="广角夜间观众席与球场灯光，轻微动态模糊，强调现场气氛" loading="lazy" decoding="async">
      <figcaption class="hm-wide__cap">中国区 18 个城市、42 个周末赛站，全年计划 120 场周末赛事。</figcaption>
    </figure>
  </section>

  <section class="hm-section" id="index">
    <div class="nx-shell">
      <header class="nx-section__head hm-head">
        <p class="nx-eyebrow">赛程与费用</p>
        <h2 class="nx-section__title">先看档位，再挑站次</h2>
        <p class="hm-sub">本季赛事报名费按站次与组别分档。下面是四类常见报名的起点，完整站次表与费用细则在赛事服务页展开。</p>
      </header>

      <div class="hm-index">
        <div class="hm-index__row">
          <span class="hm-index__k">常规个人组</span>
          <span class="hm-index__v">含计时芯片、基础保险、参赛包与赛后数据回看，交通与住宿另计。</span>
          <span class="hm-index__p">128–268 元/站</span>
        </div>
        <div class="hm-index__row">
          <span class="hm-index__k">团体组</span>
          <span class="hm-index__v">4–8 人成团计价，适合阵容固定的球队、跑团与工会小队。</span>
          <span class="hm-index__p">按队计算</span>
        </div>
        <div class="hm-index__row">
          <span class="hm-index__k">企业邀请赛</span>
          <span class="hm-index__v">独立方案，含场地、裁判协调与数据统计配套，已服务 140 余家企业与工会组织。</span>
          <span class="hm-index__p">单独报价</span>
        </div>
        <div class="hm-index__row">
          <span class="hm-index__k">青少年组</span>
          <span class="hm-index__v">独立报名档位，报名时提交监护人信息与健康承诺，训练营累计服务 3,200 名学员。</span>
          <span class="hm-index__p">独立档位</span>
        </div>
      </div>

      <div class="hm-index__bar">
        <a class="nx-btn nx-btn--cyan" href="/features/">看完整站次与费用</a>
        <p>四步走完就能上场：选站次与组别、填队员信息、支付报名费、赛前确认。</p>
      </div>
    </div>
  </section>

  <section class="hm-section hm-reports" id="reports">
    <img class="hm-reports__bg" src="{zhanqunpic:h:900w:900}" width="900" height="900" alt="深蓝底上的数据网格、扫描线与抽象比分符号，不出现真实人物" loading="lazy" decoding="async">
    <div class="nx-shell hm-reports__inner">
      <header class="nx-section__head hm-head">
        <p class="nx-eyebrow">周末战报</p>
        <h2 class="nx-section__title">球踢完了，数据才刚开始说话</h2>
        <p class="hm-sub">每一站赛后都有赛果摘要与数据复盘。累计发布周末战报 2,400 余篇，你可以对着自己那一场，把过程重新看一遍。</p>
      </header>

      <div class="hm-reports__anchors">
        <div class="hm-stat">
          <span class="hm-stat__num">24</span>
          <span class="hm-stat__cap">小时内发布赛果摘要</span>
        </div>
        <div class="hm-stat">
          <span class="hm-stat__num">60</span>
          <span class="hm-stat__cap">项单场统计条目</span>
        </div>
      </div>

      <ul class="hm-brief">
        <li class="hm-brief__item">
          <h3>第 3 站 · 成都</h3>
          <p>半程落后两球，最后十五分钟连追三球完成反超，冠军在终点线前才定下来。</p>
        </li>
        <li class="hm-brief__item">
          <h3>第 2 站 · 绵阳</h3>
          <p>企业邀请赛组别首次满编，八支队伍同日开打，工会联队在最后一轮拿下首胜。</p>
        </li>
        <li class="hm-brief__item">
          <h3>数据复盘</h3>
          <p>分段用时、平均配速与队伍节奏被拆成对照曲线，球队可以只看自己那一页。</p>
        </li>
      </ul>

      <a class="nx-btn nx-btn--ghost" href="/press/">翻周末战报</a>
    </div>
  </section>

  <section class="hm-section" id="notice">
    <div class="nx-shell">
      <header class="nx-section__head hm-head">
        <p class="nx-eyebrow">公告与浏览器</p>
        <h2 class="nx-section__title">临时有变，从最新一条往下看</h2>
      </header>

      <div class="hm-notice">
        <div class="hm-alert">
          <p class="hm-alert__title">旧版入口打不开？换浏览器就行</p>
          <p class="hm-alert__text">旧版入口需要切换浏览器打开，请使用最新版 Chrome 或 Edge。换好之后，登录状态、赛事收藏与报名记录会一起回到个人看台。</p>
          <a class="nx-btn nx-btn--sm nx-btn--ghost" href="/questions/">看浏览器兼容步骤</a>
        </div>

        <ul class="hm-board-list">
          <li class="hm-board-list__item">
            <span class="hm-board-list__no">N-118</span>
            <span class="hm-board-list__k">赛程调整</span>
            <p>本赛季第 4 站签到时段有变动，开场时间不变，请按最新一条安排到场。</p>
          </li>
          <li class="hm-board-list__item">
            <span class="hm-board-list__no">N-117</span>
            <span class="hm-board-list__k">版本通知</span>
            <p>V3.1 更新后，已收藏的站次、组别与公告提醒回到个人看台面板。</p>
          </li>
          <li class="hm-board-list__item">
            <span class="hm-board-list__no">N-116</span>
            <span class="hm-board-list__k">天气提示</span>
            <p>雨天预案已挂出，场地入口随之调整，赛前 48 小时开放最终确认时再对一次。</p>
          </li>
        </ul>
      </div>
    </div>
  </section>

  <section class="hm-section" id="sichuan">
    <div class="nx-shell">
      <div class="hm-paper">
        <div class="hm-paper__grid">
          <div class="hm-paper__copy">
            <p class="hm-kicker">四川看台</p>
            <h2 class="hm-h2">本地赛站，本地面孔</h2>
            <p>四川省内已覆盖成都、绵阳、德阳、乐山、宜宾 5 个城市，设 9 个常用赛站；四川地区注册用户 2.6 万，是看台上最热闹的一片座位。</p>
            <ul class="hm-citys">
              <li>成都</li>
              <li>绵阳</li>
              <li>德阳</li>
              <li>乐山</li>
              <li>宜宾</li>
            </ul>
            <p class="hm-paper__addr">四川服务地址：四川省成都市武侯区天府大道北段1700号诺亚体育中心A座12层</p>
            <div class="hm-paper__actions">
              <a class="nx-btn nx-btn--lava" href="/connect/">联系四川服务</a>
              <a class="nx-btn nx-btn--ghost" href="/overview/">了解诺亚看台</a>
            </div>
          </div>
          <div class="hm-paper__media">
            <img src="{zhanqunpic:h:750w:1000}" width="1000" height="750" alt="夜间城市球场与赛事入口灯光，泛指四川本地赛事场景" loading="lazy" decoding="async">
          </div>
        </div>
      </div>
    </div>
  </section>

</main>

.page-home {
  --hm-cut: 24px;
  --hm-rule: rgba(69, 230, 230, .26);
  --hm-dim: rgba(157, 174, 203, .18);
  background: var(--nx-deep);
  color: var(--nx-signal);
  font-family: var(--nx-font-body);
  overflow-x: clip;
}

/* ============ 首屏 ============ */
.page-home .hm-hero {
  position: relative;
  padding: clamp(1.75rem, 4.5vw, 3.5rem) 0 clamp(2.25rem, 5vw, 4.25rem);
  border-bottom: 1px solid var(--nx-line-soft);
  background:
    radial-gradient(ellipse at 82% 4%, rgba(69, 230, 230, .15), transparent 58%),
    radial-gradient(ellipse at 6% 92%, rgba(255, 92, 36, .09), transparent 52%),
    repeating-linear-gradient(90deg, rgba(69, 230, 230, .06) 0 1px, transparent 1px 78px),
    repeating-linear-gradient(0deg, rgba(69, 230, 230, .045) 0 1px, transparent 1px 78px),
    var(--nx-deep);
}

.page-home .hm-hero__grid {
  display: grid;
  gap: clamp(1.75rem, 4vw, 2.75rem);
}

.page-home .hm-hero__title {
  margin: .55rem 0 0;
  font-family: var(--nx-font-display);
  font-weight: 900;
  font-size: clamp(2.05rem, 7.4vw, 4.35rem);
  line-height: .96;
  letter-spacing: -.022em;
  text-transform: none;
}

.page-home .hm-hero__title em {
  font-style: italic;
  color: var(--nx-lava);
}

.page-home .hm-hero__lede {
  margin: 1.1rem 0 0;
  max-width: 35em;
  color: var(--nx-mist);
  font-size: clamp(.98rem, 2.3vw, 1.08rem);
  line-height: 1.8;
}

.page-home .hm-status {
  display: grid;
  gap: .55rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

.page-home .hm-status__item {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .6rem .85rem;
  border: 1px solid var(--nx-line-soft);
  border-left: 3px solid var(--nx-cyan);
  background: rgba(16, 30, 60, .78);
  font-size: .86rem;
  line-height: 1.5;
}

.page-home .hm-status__item--warn {
  border-left-color: var(--nx-warn);
  color: var(--nx-warn);
}

.page-home .hm-status__dot {
  flex: none;
  width: 7px;
  height: 7px;
  background: var(--nx-cyan);
}

.page-home .hm-status__item--warn .hm-status__dot {
  background: var(--nx-warn);
}

.page-home .hm-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-top: 1.7rem;
}

/* 记分牌 */
.page-home .hm-board {
  position: relative;
  isolation: isolate;
}

.page-home .hm-board__frame {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--hm-rule);
  background: var(--nx-night);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--hm-cut)), calc(100% - var(--hm-cut)) 100%, 0 100%);
}

.page-home .hm-board__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 6 / 7;
  object-fit: cover;
  filter: saturate(.82) contrast(1.06) brightness(.86);
}

.page-home .hm-board__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(0deg, rgba(69, 230, 230, .07) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, rgba(8, 16, 34, .04) 0%, rgba(8, 16, 34, .82) 88%);
}

.page-home .hm-board__panel {
  position: relative;
  z-index: 2;
  margin: -3.4rem 0 0 clamp(0rem, 4vw, 2rem);
  padding: 1.05rem 1.15rem 1.2rem;
  background: var(--nx-night);
  border: 1px solid var(--hm-rule);
  box-shadow: 13px 13px 0 rgba(4, 9, 18, .55);
}

.page-home .hm-board__panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--nx-lava), transparent 72%);
}

.page-home .hm-board__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  padding-top: .35rem;
}

.page-home .hm-board__tag {
  display: inline-block;
  padding: .18rem .55rem;
  background: var(--nx-lava);
  color: var(--nx-ink);
  font-family: var(--nx-font-display);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .1em;
}

.page-home .hm-board__live {
  font-size: .72rem;
  letter-spacing: .18em;
  color: var(--nx-cyan);
  text-transform: uppercase;
}

.page-home .hm-board__big {
  margin: .7rem 0 0;
  font-family: var(--nx-font-num);
  font-size: clamp(3.2rem, 11vw, 4.6rem);
  font-weight: 700;
  line-height: .82;
  letter-spacing: -.035em;
  color: var(--nx-lava);
}

.page-home .hm-board__big span {
  margin-left: .32rem;
  font-family: var(--nx-font-body);
  font-size: .26em;
  font-weight: 500;
  letter-spacing: .06em;
  color: var(--nx-signal);
}

.page-home .hm-board__note {
  margin: .7rem 0 0;
  color: var(--nx-mist);
  font-size: .82rem;
  line-height: 1.65;
}

.page-home .hm-board__rows {
  display: flex;
  margin: 1rem 0 0;
  padding: .8rem 0 0;
  list-style: none;
  border-top: 1px dashed var(--nx-line-soft);
}

.page-home .hm-board__rows li {
  flex: 1 1 0;
  min-width: 0;
  padding-right: .55rem;
  border-right: 1px solid var(--hm-dim);
}

.page-home .hm-board__rows li:last-child {
  padding-right: 0;
  border-right: 0;
}

.page-home .hm-board__rows li + li {
  padding-left: .6rem;
}

.page-home .hm-board__rows b {
  display: block;
  font-family: var(--nx-font-num);
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1;
  color: var(--nx-cyan);
}

.page-home .hm-board__rows span {
  display: block;
  margin-top: .28rem;
  font-size: .7rem;
  letter-spacing: .04em;
  color: var(--nx-mist);
}

/* ============ 章节索引 ============ */
.page-home .hm-jump {
  position: sticky;
  top: 0;
  z-index: 8;
  background: rgba(8, 16, 34, .95);
  border-bottom: 1px solid var(--hm-rule);
}

.page-home .hm-jump__inner {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding-top: .45rem;
  padding-bottom: .45rem;
}

.page-home .hm-jump__label {
  flex: none;
  font-family: var(--nx-font-display);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .22em;
  color: var(--nx-mist);
  text-transform: uppercase;
}

.page-home .hm-jump__list {
  display: flex;
  gap: .3rem;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}

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

.page-home .hm-jump__list a {
  display: block;
  white-space: nowrap;
  padding: .38rem .72rem;
  color: var(--nx-mist);
  font-size: .82rem;
  text-decoration: none;
  border: 1px solid transparent;
  transition: color .25s var(--nx-ease), background .25s var(--nx-ease);
}

.page-home .hm-jump__list a:hover {
  color: var(--nx-signal);
  border-color: var(--nx-line-soft);
}

.page-home .hm-jump__list a[aria-current="location"] {
  color: var(--nx-deep);
  background: var(--nx-cyan);
  border-color: var(--nx-cyan);
  font-weight: 700;
}

/* ============ 通用区块 ============ */
.page-home .hm-section {
  padding: clamp(2.25rem, 5.5vw, 4rem) 0;
}

.page-home .hm-head {
  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

.page-home .hm-sub {
  margin: .65rem 0 0;
  max-width: 44em;
  color: var(--nx-mist);
  font-size: .95rem;
  line-height: 1.8;
}

.page-home .hm-h2 {
  margin: .4rem 0 0;
  font-family: var(--nx-font-display);
  font-size: clamp(1.55rem, 4.4vw, 2.5rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.018em;
}

/* ============ 三条通道 ============ */
.page-home .hm-stack {
  display: grid;
  gap: .9rem;
}

.page-home .hm-channel {
  display: block;
  position: relative;
  padding: 1.35rem 1.2rem 1.4rem;
  text-decoration: none;
  color: inherit;
  background: var(--nx-night);
  border: 1px solid var(--nx-line-soft);
  border-top: 3px solid var(--nx-cyan);
  transition: transform .35s var(--nx-ease), border-color .35s var(--nx-ease), box-shadow .35s var(--nx-ease);
}

.page-home .hm-channel--b {
  border-top-color: var(--nx-lava);
}

.page-home .hm-channel--c {
  border-top-color: var(--nx-warn);
}

.page-home .hm-channel:hover,
.page-home .hm-channel:focus-visible {
  transform: translateY(-4px);
  border-color: var(--hm-rule);
  box-shadow: 9px 11px 0 rgba(4, 9, 18, .55);
}

.page-home .hm-channel__no {
  display: block;
  font-family: var(--nx-font-num);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .2em;
  color: var(--nx-mist);
}

.page-home .hm-channel__title {
  margin: .35rem 0 0;
  font-family: var(--nx-font-display);
  font-size: clamp(1.3rem, 3.4vw, 1.7rem);
  font-weight: 900;
  letter-spacing: -.01em;
}

.page-home .hm-channel__text {
  margin: .6rem 0 0;
  color: var(--nx-mist);
  font-size: .9rem;
  line-height: 1.75;
}

.page-home .hm-channel__go {
  display: inline-block;
  margin-top: 1rem;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--nx-cyan);
}

.page-home .hm-channel__go::after {
  content: " →";
}

.page-home .hm-channel--b .hm-channel__go {
  color: var(--nx-lava);
}

.page-home .hm-channel--c .hm-channel__go {
  color: var(--nx-warn);
}

/* 通栏图 */
.page-home .hm-wide {
  margin: clamp(2rem, 5vw, 3.25rem) 0 0;
}

.page-home .hm-wide img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 40 / 13;
  object-fit: cover;
  filter: saturate(.85) contrast(1.05) brightness(.78);
}

.page-home .hm-wide__cap {
  margin: 0;
  padding: .7rem clamp(1rem, 3.6vw, 2.75rem) 0;
  color: var(--nx-mist);
  font-size: .8rem;
  letter-spacing: .04em;
}

/* ============ 赛程与费用索引 ============ */
.page-home .hm-index {
  display: grid;
  gap: 1px;
  background: var(--nx-line-soft);
  border: 1px solid var(--nx-line-soft);
}

.page-home .hm-index__row {
  display: grid;
  gap: .3rem .9rem;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "k p"
    "v v";
  padding: 1rem 1.1rem;
  background: var(--nx-night);
}

.page-home .hm-index__k {
  grid-area: k;
  font-family: var(--nx-font-display);
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: .01em;
  color: var(--nx-signal);
}

.page-home .hm-index__v {
  grid-area: v;
  color: var(--nx-mist);
  font-size: .86rem;
  line-height: 1.7;
}

.page-home .hm-index__p {
  grid-area: p;
  text-align: right;
  white-space: nowrap;
  font-family: var(--nx-font-num);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--nx-lava);
  letter-spacing: .01em;
}

.page-home .hm-index__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .9rem 1.25rem;
  margin-top: 1.25rem;
  padding: 1rem 1.1rem;
  border: 1px dashed var(--nx-line-soft);
  background: rgba(28, 55, 102, .3);
}

.page-home .hm-index__bar p {
  margin: 0;
  flex: 1 1 16rem;
  color: var(--nx-mist);
  font-size: .86rem;
  line-height: 1.7;
}

/* ============ 周末战报 ============ */
.page-home .hm-reports {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-top: 1px solid var(--hm-rule);
  border-bottom: 1px solid var(--hm-rule);
}

.page-home .hm-reports__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .3;
}

.page-home .hm-reports::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    repeating-linear-gradient(0deg, rgba(69, 230, 230, .05) 0 1px, transparent 1px 6px),
    linear-gradient(120deg, rgba(8, 16, 34, .96) 12%, rgba(16, 30, 60, .82) 62%, rgba(8, 16, 34, .96) 100%);
}

.page-home .hm-reports__anchors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  margin-bottom: 1.4rem;
}

.page-home .hm-stat {
  padding: .9rem 1rem 1rem;
  border: 1px solid var(--hm-rule);
  border-left: 3px solid var(--nx-lava);
  background: rgba(8, 16, 34, .7);
}

.page-home .hm-stat__num {
  display: block;
  font-family: var(--nx-font-num);
  font-size: clamp(2.2rem, 8vw, 3.4rem);
  font-weight: 700;
  line-height: .86;
  letter-spacing: -.035em;
  color: var(--nx-cyan);
}

.page-home .hm-stat__cap {
  display: block;
  margin-top: .45rem;
  font-size: .8rem;
  letter-spacing: .04em;
  color: var(--nx-mist);
}

.page-home .hm-brief {
  display: grid;
  gap: .75rem;
  margin: 0 0 1.4rem;
  padding: 0;
  list-style: none;
}

.page-home .hm-brief__item {
  padding: 1rem 1.1rem;
  background: rgba(16, 30, 60, .82);
  border: 1px solid var(--nx-line-soft);
}

.page-home .hm-brief__item h3 {
  margin: 0;
  font-family: var(--nx-font-display);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--nx-signal);
}

.page-home .hm-brief__item p {
  margin: .4rem 0 0;
  color: var(--nx-mist);
  font-size: .88rem;
  line-height: 1.75;
}

/* ============ 公告 ============ */
.page-home .hm-notice {
  display: grid;
  gap: 1rem;
}

.page-home .hm-alert {
  padding: 1.15rem 1.2rem 1.25rem;
  background: rgba(255, 200, 87, .07);
  border: 1px solid rgba(255, 200, 87, .42);
  border-left: 4px solid var(--nx-warn);
}

.page-home .hm-alert__title {
  margin: 0;
  font-family: var(--nx-font-display);
  font-size: clamp(1.15rem, 3vw, 1.45rem);
  font-weight: 900;
  letter-spacing: -.005em;
  color: var(--nx-warn);
}

.page-home .hm-alert__text {
  margin: .55rem 0 1rem;
  color: var(--nx-signal);
  font-size: .9rem;
  line-height: 1.78;
}

.page-home .hm-board-list {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--nx-line-soft);
  border: 1px solid var(--nx-line-soft);
}

.page-home .hm-board-list__item {
  display: grid;
  gap: .25rem .85rem;
  grid-template-columns: 4.6rem minmax(0, 1fr);
  grid-template-areas:
    "no k"
    "no p";
  padding: .9rem 1.05rem;
  background: var(--nx-night);
}

.page-home .hm-board-list__no {
  grid-area: no;
  align-self: start;
  font-family: var(--nx-font-num);
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--nx-cyan);
}

.page-home .hm-board-list__k {
  grid-area: k;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--nx-mist);
}

.page-home .hm-board-list__item p {
  grid-area: p;
  margin: 0;
  color: var(--nx-signal);
  font-size: .87rem;
  line-height: 1.72;
}

/* ============ 四川看台 ============ */
.page-home .hm-paper {
  position: relative;
  padding: clamp(1.35rem, 3.4vw, 2.4rem);
  background:
    repeating-linear-gradient(0deg, rgba(4, 9, 18, .045) 0 1px, transparent 1px 26px),
    var(--nx-paper);
  color: var(--nx-ink);
  border-left: 5px solid var(--nx-lava);
  box-shadow: 12px 12px 0 rgba(4, 9, 18, .5);
}

.page-home .hm-paper__grid {
  display: grid;
  gap: 1.4rem;
}

.page-home .hm-kicker {
  margin: 0;
  font-family: var(--nx-font-display);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .24em;
  color: #6b3a1d;
  text-transform: uppercase;
}

.page-home .hm-paper .hm-h2 {
  margin: .4rem 0 0;
  color: var(--nx-ink);
}

.page-home .hm-paper__copy > p {
  margin: .7rem 0 0;
  font-size: .9rem;
  line-height: 1.8;
  color: #23314b;
}

.page-home .hm-citys {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.page-home .hm-citys li {
  padding: .26rem .7rem;
  background: var(--nx-deep);
  color: var(--nx-signal);
  font-size: .78rem;
  letter-spacing: .06em;
}

.page-home .hm-paper__addr {
  padding-top: .8rem;
  border-top: 1px dashed rgba(4, 9, 18, .28);
  font-size: .82rem !important;
  color: #3b4a66 !important;
}

.page-home .hm-paper__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: 1.2rem;
}

.page-home .hm-paper__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border: 1px solid rgba(4, 9, 18, .3);
  filter: saturate(.9) contrast(1.04);
}

/* ============ 响应式 ============ */
@media (min-width: 700px) {
  .page-home .hm-brief {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-home .hm-index__row {
    grid-template-columns: 8.5rem minmax(0, 1fr) auto;
    grid-template-areas: "k v p";
    align-items: center;
    padding: 1.1rem 1.3rem;
  }

  .page-home .hm-board-list__item {
    grid-template-columns: 5.4rem 8rem minmax(0, 1fr);
    grid-template-areas: "no k p";
    align-items: baseline;
  }
}

@media (min-width: 900px) {
  .page-home .hm-hero__grid {
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
    align-items: start;
    gap: clamp(2rem, 4vw, 3.25rem);
  }

  .page-home .hm-board__panel {
    margin-top: -4.5rem;
  }

  .page-home .hm-stack {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
    align-items: start;
  }

  .page-home .hm-channel--b {
    margin-top: 2.2rem;
  }

  .page-home .hm-channel--c {
    margin-top: 4.4rem;
  }

  .page-home .hm-notice {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    align-items: start;
  }

  .page-home .hm-paper__grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    align-items: center;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .page-home .hm-reports__anchors {
    grid-template-columns: repeat(2, minmax(0, 14rem));
  }
}

@media (min-width: 1180px) {
  .page-home .hm-hero__title {
    font-size: clamp(3.2rem, 4.6vw, 4.6rem);
  }

  .page-home .hm-board__panel {
    padding: 1.2rem 1.35rem 1.35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .hm-channel,
  .page-home .hm-jump__list a {
    transition: none;
  }

  .page-home .hm-channel:hover,
  .page-home .hm-channel:focus-visible {
    transform: none;
  }
}