.page-home {
  --home-radius: 28px;
  --home-radius-sm: 18px;
  --home-flow-gap: 40px;
  display: block;
  background: var(--mel-ink);
  color: var(--mel-paper);
  overflow-x: clip;
}

/* ---------- 首屏 ---------- */
.page-home .home-hero {
  position: relative;
  padding: 36px 0 76px;
  background:
    radial-gradient(120% 92% at 8% 0%, rgba(53, 224, 224, 0.11), transparent 58%),
    radial-gradient(96% 82% at 102% 14%, rgba(255, 62, 165, 0.11), transparent 62%),
    var(--mel-ink);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 44px), 0 100%);
}

.page-home .home-hero__glow {
  position: absolute;
  left: 42%;
  top: 8%;
  width: 46%;
  height: 70%;
  background: linear-gradient(118deg, rgba(255, 106, 26, 0.22), rgba(53, 224, 224, 0.14) 62%, transparent);
  transform: rotate(-9deg);
  filter: blur(24px);
  pointer-events: none;
}

.page-home .home-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 34px;
  align-items: center;
}

.page-home .home-hero__crumb {
  margin: 0 0 16px;
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--mel-muted);
}

.page-home .home-hero__crumb .mel-breadcrumb__sep {
  margin: 0 8px;
  color: var(--mel-orange);
}

.page-home .home-hero__eyebrow {
  color: var(--mel-cyan);
  margin: 0 0 14px;
}

.page-home .home-hero__title {
  margin: 0 0 20px;
  color: var(--mel-paper);
}

.page-home .home-hero__lede {
  margin: 0 0 26px;
  color: var(--mel-muted);
  max-width: 36em;
}

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

.page-home .home-hero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 30px;
  margin: 30px 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--mel-line);
}

.page-home .home-hero__facts > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.page-home .home-hero__facts dt {
  font-size: 11px;
  letter-spacing: 0.16em;
  color: var(--mel-muted);
}

.page-home .home-hero__facts dd {
  margin: 0;
  font-size: 15px;
  letter-spacing: 0.04em;
  color: var(--mel-amber);
}

.page-home .home-hero__frame {
  position: relative;
  border-radius: var(--home-radius);
  border: 1px solid rgba(53, 224, 224, 0.32);
  background: var(--mel-violet);
  overflow: hidden;
  aspect-ratio: 16 / 12;
  box-shadow: 0 40px 80px -46px rgba(0, 0, 0, 0.95);
}

.page-home .home-hero__frame::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 16px;
  width: 1px;
  background-image: repeating-linear-gradient(to bottom, var(--mel-cyan) 0 1px, transparent 1px 13px);
  opacity: 0.5;
  z-index: 3;
}

.page-home .home-hero__img {
  position: absolute;
  top: -4%;
  left: -6%;
  width: 112%;
  height: 108%;
  object-fit: cover;
  transform: rotate(-2.2deg);
  opacity: 0.52;
}

.page-home .home-hero__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(158deg, rgba(11, 18, 51, 0.86), rgba(36, 26, 85, 0.36) 52%, rgba(14, 59, 62, 0.8));
  z-index: 1;
}

.page-home .home-hero__ticks {
  position: absolute;
  right: 16px;
  top: 18px;
  width: 46px;
  height: 1px;
  background-image: repeating-linear-gradient(to right, var(--mel-orange) 0 1px, transparent 1px 9px);
  opacity: 0.7;
  z-index: 3;
}

.page-home .home-hero__tag {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  border: 1px solid var(--mel-orange);
  color: var(--mel-orange);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.page-home .home-hero__cap {
  position: absolute;
  left: 32px;
  bottom: 26px;
  right: 32px;
  z-index: 3;
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--mel-paper);
}

/* ---------- 布局与索引 ---------- */
.page-home .home-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding-bottom: 88px;
}

.page-home .home-flow {
  display: block;
  min-width: 0;
}

.page-home .home-index {
  position: sticky;
  top: 68px;
  z-index: 6;
  background: rgba(11, 18, 51, 0.94);
  border: 1px solid var(--mel-line);
  border-radius: 999px;
  padding: 10px 14px;
}

.page-home .home-index__title {
  display: none;
}

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

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

.page-home .home-index__list a {
  display: block;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.1em;
  white-space: nowrap;
  color: var(--mel-muted);
  text-decoration: none;
  transition: color 200ms var(--mel-ease), background-color 200ms var(--mel-ease);
}

.page-home .home-index__list a:hover {
  color: var(--mel-paper);
  background: rgba(53, 224, 224, 0.1);
}

/* ---------- 通用区块 ---------- */
.page-home .home-block {
  position: relative;
  padding: 52px 0;
}

.page-home .home-block + .home-block {
  border-top: 1px solid var(--mel-line);
}

.page-home .home-block.mel-zone {
  padding-left: 22px;
  padding-right: 22px;
  margin: 22px 0;
  border-radius: var(--home-radius);
  border-top: 0;
}

.page-home .home-block__head {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 26px;
}

.page-home .home-block__head .mel-index {
  color: var(--mel-orange);
}

.page-home .home-h2 {
  margin: 0;
  font-size: clamp(1.5rem, 4.4vw, 2.15rem);
  font-weight: 300;
  line-height: 1.28;
  letter-spacing: 0.01em;
  color: var(--mel-paper);
}

/* ---------- 编号核验 ---------- */
.page-home .home-verify__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.page-home .home-verify__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 22px;
  border-radius: var(--home-radius-sm);
  border: 1px solid rgba(53, 224, 224, 0.26);
  background: linear-gradient(158deg, rgba(21, 30, 69, 0.94), rgba(11, 18, 51, 0.94));
  transition: transform 220ms var(--mel-ease), border-color 220ms var(--mel-ease);
}

.page-home .home-verify__card:hover {
  transform: translateY(-6px);
  border-color: var(--mel-cyan);
}

.page-home .home-verify__card .mel-index {
  color: var(--mel-muted);
}

.page-home .home-verify__value {
  margin: 0;
  font-size: clamp(1.55rem, 5.2vw, 2.3rem);
  font-weight: 300;
  letter-spacing: 0.06em;
  line-height: 1.1;
  color: var(--mel-cyan);
}

.page-home .home-verify__note {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--mel-muted);
}

.page-home .home-verify__copy {
  align-self: flex-start;
  margin-top: 4px;
}

.page-home .home-verify__fig {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.page-home .home-verify__fig img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: var(--home-radius-sm);
  border: 1px solid var(--mel-line);
  opacity: 0.85;
}

.page-home .home-verify__fig figcaption {
  font-size: 11px;
  letter-spacing: 0.16em;
  color: var(--mel-muted);
}

/* ---------- 三段路径 ---------- */
.page-home .home-path__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  align-items: start;
}

.page-home .home-tree {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-home .home-tree::before {
  content: "";
  position: absolute;
  left: 21px;
  top: 26px;
  bottom: 26px;
  width: 2px;
  background: linear-gradient(180deg, var(--mel-orange), var(--mel-cyan));
  opacity: 0.45;
}

.page-home .home-tree__node {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 16px;
  padding: 16px 0;
}

.page-home .home-tree__dot {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: var(--mel-ink);
  border: 1px solid var(--mel-orange);
  color: var(--mel-orange);
  font-size: 12px;
  letter-spacing: 0.06em;
}

.page-home .home-tree__title {
  margin: 4px 0 8px;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--mel-paper);
}

.page-home .home-tree__body p {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: var(--mel-muted);
}

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

.page-home .home-path__media {
  border-radius: var(--home-radius-sm);
  overflow: hidden;
  border: 1px solid var(--mel-line);
}

.page-home .home-path__hint {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--mel-muted);
}

.page-home .home-path__side .mel-btn {
  align-self: flex-start;
}

/* ---------- 城市与门店 ---------- */
.page-home .home-cities__kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

.page-home .home-kpi {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 18px;
  border-radius: var(--home-radius-sm);
  border: 1px solid rgba(53, 224, 224, 0.24);
  background: linear-gradient(160deg, rgba(21, 30, 69, 0.92), rgba(11, 18, 51, 0.92));
  transition: transform 220ms var(--mel-ease), border-color 220ms var(--mel-ease);
}

.page-home .home-kpi:hover {
  transform: translateY(-6px);
  border-color: var(--mel-orange);
}

.page-home .home-kpi .mel-kpi__value {
  font-size: clamp(1.9rem, 6vw, 2.8rem);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--mel-paper);
}

.page-home .home-kpi .mel-kpi__label {
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--mel-muted);
}

.page-home .home-cities__media {
  border-radius: var(--home-radius-sm);
  overflow: hidden;
  border: 1px solid var(--mel-line);
  margin-bottom: 26px;
}

.page-home .city-picker {
  position: relative;
}

.page-home .city-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.page-home .city-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.page-home .city-tab {
  cursor: pointer;
  padding: 9px 22px;
  border-radius: 999px;
  border: 1px solid var(--mel-line);
  background: rgba(11, 18, 51, 0.6);
  color: var(--mel-paper);
  font-size: 14px;
  letter-spacing: 0.08em;
  transition: background-color 200ms var(--mel-ease), color 200ms var(--mel-ease), border-color 200ms var(--mel-ease), transform 200ms var(--mel-ease);
}

.page-home .city-tab:hover {
  transform: translateY(-2px);
  border-color: var(--mel-cyan);
}

.page-home #city-kl:checked ~ .city-tabs .city-tab--kl,
.page-home #city-pn:checked ~ .city-tabs .city-tab--pn,
.page-home #city-jb:checked ~ .city-tabs .city-tab--jb {
  background: var(--mel-orange);
  border-color: var(--mel-orange);
  color: var(--mel-ink);
  font-weight: 700;
}

.page-home #city-kl:focus-visible ~ .city-tabs .city-tab--kl,
.page-home #city-pn:focus-visible ~ .city-tabs .city-tab--pn,
.page-home #city-jb:focus-visible ~ .city-tabs .city-tab--jb {
  outline: 2px solid var(--mel-cyan);
  outline-offset: 2px;
}

.page-home .city-panel {
  display: none;
  padding: 20px 22px;
  border-radius: var(--home-radius-sm);
  border: 1px solid var(--mel-line);
  background: rgba(11, 18, 51, 0.72);
}

.page-home #city-kl:checked ~ .city-panels .city-panel--kl,
.page-home #city-pn:checked ~ .city-panels .city-panel--pn,
.page-home #city-jb:checked ~ .city-panels .city-panel--jb {
  display: block;
}

.page-home .city-panel h3 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--mel-cyan);
}

.page-home .city-panel p {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: var(--mel-muted);
}

.page-home .home-cities__foot {
  margin: 26px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--mel-muted);
}

.page-home .home-cities__foot a {
  color: var(--mel-amber);
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* ---------- 年度复核 ---------- */
.page-home .home-review__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
}

.page-home .home-review__item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(244, 247, 255, 0.12);
}

.page-home .home-review__item:last-child {
  border-bottom: 0;
}

.page-home .home-review__no {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid var(--mel-amber);
  color: var(--mel-amber);
  font-size: 13px;
  letter-spacing: 0.06em;
}

.page-home .home-review__item h3 {
  margin: 4px 0 8px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--mel-paper);
}

.page-home .home-review__item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(244, 247, 255, 0.7);
}

.page-home .home-review__note {
  margin: 24px 0 0;
  padding-left: 14px;
  border-left: 2px solid var(--mel-amber);
  font-size: 14px;
  line-height: 1.75;
  color: rgba(244, 247, 255, 0.72);
}

/* ---------- 近期修订 ---------- */
.page-home .home-updates__list {
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.page-home .home-updates__item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 18px 0;
  border-bottom: 1px solid var(--mel-line);
  transition: transform 200ms var(--mel-ease);
}

.page-home .home-updates__item:hover {
  transform: translateX(6px);
}

.page-home .home-updates__when {
  margin: 0;
  color: var(--mel-magenta);
}

.page-home .home-updates__title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--mel-paper);
}

.page-home .home-updates__meta {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--mel-muted);
}

/* ---------- 延伸入口 ---------- */
.page-home .home-next__lede {
  margin: 0 0 26px;
  font-size: 16px;
  line-height: 1.8;
  color: var(--mel-muted);
  max-width: 38em;
}

.page-home .home-next__links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.page-home .home-next__links a {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 18px;
  border-radius: var(--home-radius-sm);
  border: 1px solid var(--mel-line);
  background: rgba(21, 30, 69, 0.55);
  color: var(--mel-paper);
  font-size: 15px;
  text-decoration: none;
  transition: transform 200ms var(--mel-ease), border-color 200ms var(--mel-ease), background-color 200ms var(--mel-ease);
}

.page-home .home-next__links a:hover {
  transform: translateY(-4px);
  border-color: var(--mel-orange);
  background: rgba(36, 26, 85, 0.75);
}

.page-home .home-next__links .mel-mono {
  color: var(--mel-cyan);
  font-size: 12px;
  letter-spacing: 0.12em;
}

/* ---------- 断点 ---------- */
@media (min-width: 720px) {
  .page-home .home-hero {
    padding: 52px 0 96px;
  }

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

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

  .page-home .home-verify__fig {
    grid-column: span 2;
  }

  .page-home .home-verify__fig img {
    aspect-ratio: 21 / 9;
  }

  .page-home .home-review__list,
  .page-home .home-next__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .page-home .home-review__item {
    border-bottom: 0;
    border-radius: var(--home-radius-sm);
    padding: 20px;
    background: rgba(11, 18, 51, 0.42);
  }

  .page-home .home-updates__item {
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: baseline;
    gap: 20px;
  }

  .page-home .home-updates__when {
    grid-row: span 2;
  }
}

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

  .page-home .home-block {
    padding: 66px 0;
  }

  .page-home .home-block.mel-zone {
    padding-left: 32px;
    padding-right: 32px;
  }

  .page-home .home-path__grid {
    grid-template-columns: 7fr 4fr;
    gap: 40px;
  }

  .page-home .home-path__media {
    transform: rotate(1.6deg);
  }

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

  .page-home .home-verify__fig {
    grid-column: auto;
  }

  .page-home .home-verify__fig img {
    aspect-ratio: 1 / 1;
  }

  .page-home .home-verify__card:nth-child(2) {
    transform: translateY(14px);
  }
}

@media (min-width: 1080px) {
  .page-home .home-layout {
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 44px;
  }

  .page-home .home-index {
    position: sticky;
    top: 104px;
    align-self: start;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    backdrop-filter: none;
  }

  .page-home .home-index__title {
    display: block;
    color: var(--mel-muted);
    margin: 0;
  }

  .page-home .home-index__list {
    display: grid;
    gap: 2px;
    margin-top: 14px;
    overflow: visible;
  }

  .page-home .home-index__list a {
    padding: 7px 12px;
    border-radius: 999px;
    border-left: 2px solid transparent;
  }

  .page-home .home-index__list a:hover {
    border-left-color: var(--mel-orange);
    border-radius: 0 999px 999px 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-verify__card:hover,
  .page-home .home-kpi:hover,
  .page-home .city-tab:hover,
  .page-home .home-updates__item:hover,
  .page-home .home-next__links a:hover {
    transform: none;
  }
}
</style>
<<<END>>>

等一下——我不应该输出 `<style>` 标签。标记协议说的是 main_html 然后是 page_css。让我把结尾修一下，只输出 CSS，不要包裹标签。结尾的 `<<<END>>>` 也是不对的——只能有两个标记。

让我重新检查一下输出。

还有，`` 区块末尾多打了一个 `</style>`。那个得删掉。

直接把原来的输出重写一遍、去掉这些就行。
<main id="main-content" class="page-home">

  <section class="home-hero" data-section data-section-index="01" aria-labelledby="hero-title">
    <div class="home-hero__glow" aria-hidden="true"></div>
    <div class="mel-container home-hero__grid">
      <div class="home-hero__lead">
        <nav class="mel-breadcrumb home-hero__crumb" aria-label="页面位置">
          <span aria-current="page">首页</span>
          <span class="mel-breadcrumb__sep">/</span>
          <span>访问指引总览</span>
        </nav>
        <p class="mel-index home-hero__eyebrow">移动端入口 · 简体中文 · 现行第 4 版</p>
        <h1 id="hero-title" class="mel-display home-hero__title">
          入口、编号与城市，<br>先对上再往下走
        </h1>
        <p class="mel-lede home-hero__lede">
          MELBET手机版访问指引只解决三件事：手机端从哪里进入、公开编号怎么核对、门店与合作覆盖按什么口径更新。
          本站以手机赛事为品牌署名，正文按移动端优先排版，不涉及任何资金或结果类内容。
        </p>
        <div class="home-hero__actions mel-cluster">
          <a class="mel-btn mel-btn--primary" href="#verify">核对认证编号</a>
          <a class="mel-btn mel-btn--ghost" href="/experience/">看三段路径</a>
        </div>
        <dl class="home-hero__facts">
          <div>
            <dt class="mel-index">门店覆盖</dt>
            <dd class="mel-mono">3 城 / 27 家</dd>
          </div>
          <div>
            <dt class="mel-index">合作网络</dt>
            <dd class="mel-mono">6 国 / 41 城</dd>
          </div>
          <div>
            <dt class="mel-index">复核周期</dt>
            <dd class="mel-mono">12 个月</dd>
          </div>
        </dl>
      </div>

      <div class="home-hero__frame mel-reveal" data-reveal>
        <img class="home-hero__img" src="{zhanqunpic:h:1000w:1600}" width="1600" height="1000" alt="抽象数据流与斜向光带，表现移动端访问的速度感">
        <span class="home-hero__veil" aria-hidden="true"></span>
        <span class="home-hero__ticks" aria-hidden="true"></span>
        <span class="home-hero__tag mel-mono" aria-hidden="true">01</span>
        <p class="home-hero__cap">窗口内为入口判断顺序示意</p>
      </div>
    </div>
  </section>

  <div class="mel-container home-layout">
    <aside class="home-index" aria-label="本页章节索引">
      <p class="mel-index home-index__title">本页索引</p>
      <ol class="home-index__list">
        <li><a href="#verify">编号核验</a></li>
        <li><a href="#path">三段路径</a></li>
        <li><a href="#cities">城市门店</a></li>
        <li><a href="#review">年度复核</a></li>
        <li><a href="#updates">近期修订</a></li>
        <li><a href="#next">延伸入口</a></li>
      </ol>
    </aside>

    <div class="home-flow">

      <section id="verify" class="home-block home-verify mel-zone mel-zone--violet" data-section data-section-index="02" aria-labelledby="verify-title">
        <header class="home-block__head">
          <p class="mel-index">01 / 编号与年份</p>
          <h2 id="verify-title" class="home-h2">两组公开信息，先对上再往下看</h2>
        </header>
        <div class="home-verify__grid">
          <article class="home-verify__card">
            <p class="mel-index">通用品牌站认证编号</p>
            <p class="home-verify__value mel-mono">CN-2019-0847</p>
            <p class="home-verify__note">该编号同时公示在页脚与联系页，三处写法完全一致。核对时只看这一段字符，不需要额外凭证。</p>
            <button type="button" class="mel-copy home-verify__copy" data-copy="CN-2019-0847">复制编号</button>
          </article>
          <article class="home-verify__card">
            <p class="mel-index">品牌站成立年份</p>
            <p class="home-verify__value mel-mono">2019</p>
            <p class="home-verify__note">年份与编号中的四位数字对齐，是最省事的第一层校验。两者一旦出现写法差异，以本页与联系页为准。</p>
          </article>
          <figure class="home-verify__fig">
            <img src="{zhanqunpic:h:800w:800}" width="800" height="800" loading="lazy" decoding="async" alt="等宽数字与金属铭牌质感的抽象局部特写">
            <figcaption class="mel-index">编号字符结构示意</figcaption>
          </figure>
        </div>
      </section>

      <section id="path" class="home-block home-path" data-section data-section-index="03" aria-labelledby="path-title">
        <header class="home-block__head">
          <p class="mel-index">02 / 三段路径</p>
          <h2 id="path-title" class="home-h2">三段式注册认证路径，一段一段走</h2>
        </header>
        <div class="home-path__grid">
          <ol class="home-tree">
            <li class="home-tree__node">
              <span class="home-tree__dot mel-mono" aria-hidden="true">01</span>
              <div class="home-tree__body">
                <h3 class="home-tree__title">身份核验</h3>
                <p>填写与证件一致的姓名与基本资料。最常见的卡点是姓名中间多出的空格，以及全角与半角字符混用。</p>
              </div>
            </li>
            <li class="home-tree__node">
              <span class="home-tree__dot mel-mono" aria-hidden="true">02</span>
              <div class="home-tree__body">
                <h3 class="home-tree__title">地址确认</h3>
                <p>按常住地填写城市与详细地址，城市名写法需要与门店索引中的写法保持一致，避免后续查询对不上。</p>
              </div>
            </li>
            <li class="home-tree__node">
              <span class="home-tree__dot mel-mono" aria-hidden="true">03</span>
              <div class="home-tree__body">
                <h3 class="home-tree__title">会员编号</h3>
                <p>编号为前缀字母加 8 位数字的两段式结构。站内只说明这个结构，不展示也不生成任何真实编号。</p>
              </div>
            </li>
          </ol>
          <div class="home-path__side">
            <figure class="mel-media mel-media--3x4 home-path__media">
              <img class="mel-media__img" src="{zhanqunpic:h:1200w:900}" width="900" height="1200" loading="lazy" decoding="async" alt="手持移动设备屏幕的局部特写，屏幕为抽象界面">
              <figcaption class="mel-media__cap">手机端可一次走完三段</figcaption>
            </figure>
            <p class="home-path__hint">三段合计 3 个步骤，站内不对审核时长与审核结果作任何说明，也不作任何承诺。</p>
            <a class="mel-btn mel-btn--ghost" href="/experience/">在体验中心逐段查看</a>
          </div>
        </div>
      </section>

      <section id="cities" class="home-block home-cities mel-zone mel-zone--teal" data-section data-section-index="04" aria-labelledby="cities-title">
        <header class="home-block__head">
          <p class="mel-index">03 / 城市与门店</p>
          <h2 id="cities-title" class="home-h2">门店落在 3 座城市，合作网络铺到 6 国 41 城</h2>
        </header>

        <div class="home-cities__kpis">
          <div class="mel-kpi home-kpi">
            <span class="mel-kpi__value mel-mono">3</span>
            <span class="mel-kpi__label">门店覆盖城市</span>
          </div>
          <div class="mel-kpi home-kpi">
            <span class="mel-kpi__value mel-mono">27</span>
            <span class="mel-kpi__label">门店数量合计</span>
          </div>
          <div class="mel-kpi home-kpi">
            <span class="mel-kpi__value mel-mono">6</span>
            <span class="mel-kpi__label">合作网络国家</span>
          </div>
          <div class="mel-kpi home-kpi">
            <span class="mel-kpi__value mel-mono">41</span>
            <span class="mel-kpi__label">合作覆盖城市</span>
          </div>
        </div>

        <figure class="mel-media mel-media--3x2 home-cities__media">
          <img class="mel-media__img" src="{zhanqunpic:h:800w:1200}" width="1200" height="800" loading="lazy" decoding="async" alt="三座城市天际线剪影，冷调深蓝，画面无文字招牌">
          <figcaption class="mel-media__cap">天际线仅作区域示意，不代表具体门店位置</figcaption>
        </figure>

        <div class="city-picker">
          <input class="city-radio" type="radio" name="home-city" id="city-kl" checked>
          <input class="city-radio" type="radio" name="home-city" id="city-pn">
          <input class="city-radio" type="radio" name="home-city" id="city-jb">
          <div class="city-tabs" aria-label="按城市查看索引说明">
            <label class="city-tab city-tab--kl" for="city-kl">吉隆坡</label>
            <label class="city-tab city-tab--pn" for="city-pn">槟城</label>
            <label class="city-tab city-tab--jb" for="city-jb">新山</label>
          </div>
          <div class="city-panels">
            <div class="city-panel city-panel--kl">
              <h3>吉隆坡</h3>
              <p>三座覆盖城市之一。该城市的门店条目、编号公示与指引时效性同属年度复核范围，三项记录共用同一个 12 个月周期，索引里能看到每次比对留下的痕迹。</p>
            </div>
            <div class="city-panel city-panel--pn">
              <h3>槟城</h3>
              <p>与另两座城市采用同一套条目格式与复核节奏。查询时按城市名检索即可，不需要额外区分门店类型或门店规模。</p>
            </div>
            <div class="city-panel city-panel--jb">
              <h3>新山</h3>
              <p>城市索引条目与门店条目分开维护，两边都会在季度复核时同步比对，目的是让同一城市在页面上只有一种写法。</p>
            </div>
          </div>
        </div>

        <p class="home-cities__foot">
          门店与城市索引每季度复核一次，季度内的单条修订会即时反映在索引里。<a href="/story/">品牌沿革</a>列出完整的发展节点与口径来源，
          <a href="/faq/">疑问解答</a>按提问方式重新拆解这几个数字。
        </p>
      </section>

      <section id="review" class="home-block home-review mel-zone mel-zone--wine" data-section data-section-index="05" aria-labelledby="review-title">
        <header class="home-block__head">
          <p class="mel-index">04 / 年度复核</p>
          <h2 id="review-title" class="home-h2">以 12 个月为界，四项内容统一过一遍</h2>
        </header>
        <ul class="home-review__list">
          <li class="home-review__item">
            <span class="home-review__no mel-mono" aria-hidden="true">A</span>
            <div>
              <h3>门店信息</h3>
              <p>逐条确认门店条目的名称写法与所在城市归属，没有变化的条目同样留痕，方便对照上一轮结果。</p>
            </div>
          </li>
          <li class="home-review__item">
            <span class="home-review__no mel-mono" aria-hidden="true">B</span>
            <div>
              <h3>城市覆盖</h3>
              <p>复核门店覆盖的城市清单与合作网络覆盖的城市数量，两个口径分开统计，不混用同一个数字。</p>
            </div>
          </li>
          <li class="home-review__item">
            <span class="home-review__no mel-mono" aria-hidden="true">C</span>
            <div>
              <h3>编号公示</h3>
              <p>检查认证编号在页脚、联系页与本页三处是否完全一致，字符数量与连字符位置都纳入比对。</p>
            </div>
          </li>
          <li class="home-review__item">
            <span class="home-review__no mel-mono" aria-hidden="true">D</span>
            <div>
              <h3>指引条目时效性</h3>
              <p>逐条判断指引条目是否仍然适用，不适用的改写、缺失的补写，版本号随之推进。</p>
            </div>
          </li>
        </ul>
        <p class="home-review__note">复核不设倒计时，也不发布催促提示，结果只体现在索引条目的修订记录里。</p>
      </section>

      <section id="updates" class="home-block home-updates" data-section data-section-index="06" aria-labelledby="updates-title">
        <header class="home-block__head">
          <p class="mel-index">05 / 近期修订</p>
          <h2 id="updates-title" class="home-h2">最近几次条目调整</h2>
        </header>
        <ul class="home-updates__list">
          <li class="home-updates__item">
            <p class="home-updates__when mel-index">本季度</p>
            <h3 class="home-updates__title">城市与门店索引季度复核归档</h3>
            <p class="home-updates__meta">3 座城市、27 家门店的条目逐条比对，写法与归属未出现需要更正的项。</p>
          </li>
          <li class="home-updates__item">
            <p class="home-updates__when mel-index">上月</p>
            <h3 class="home-updates__title">指引手册第 4 版条目微调</h3>
            <p class="home-updates__meta">身份核验的材料表述与地址确认的填写口径同步更新，三步的判断顺序保持不变。</p>
          </li>
          <li class="home-updates__item">
            <p class="home-updates__when mel-index">近三周</p>
            <h3 class="home-updates__title">会员编号结构说明补注</h3>
            <p class="home-updates__meta">补齐前缀字母与 8 位数字的分段说明，未新增任何真实编号例子。</p>
          </li>
          <li class="home-updates__item">
            <p class="home-updates__when mel-index">本赛季第一阶段</p>
            <h3 class="home-updates__title">专题系列新增一期</h3>
            <p class="home-updates__meta">围绕城市索引的维护方式展开，纳入资讯中心的常设系列，按需继续追加。</p>
          </li>
        </ul>
        <a class="mel-btn mel-btn--quiet" href="/information/">进入资讯中心</a>
      </section>

      <section id="next" class="home-block home-next" data-section data-section-index="07" aria-labelledby="next-title">
        <header class="home-block__head">
          <p class="mel-index">06 / 延伸入口</p>
          <h2 id="next-title" class="home-h2">按需要继续往下查</h2>
        </header>
        <p class="home-next__lede">六个常设栏目各自承担一段说明，数据保护与使用说明常驻页脚，可从任意页面自然进入。</p>
        <ul class="home-next__links">
          <li><a href="/story/"><span class="mel-mono">01</span>品牌沿革 · 节点与编号口径</a></li>
          <li><a href="/experience/"><span class="mel-mono">02</span>体验中心 · 三段路径逐步说明</a></li>
          <li><a href="/information/"><span class="mel-mono">03</span>资讯中心 · 版本与城市动态</a></li>
          <li><a href="/faq/"><span class="mel-mono">04</span>疑问解答 · 按提问方式拆解</a></li>
          <li><a href="/contact/"><span class="mel-mono">05</span>联系我们 · 邮箱与服务时间</a></li>
          <li><a href="/instructions/"><span class="mel-mono">06</span>使用说明 · 内容性质与适用提示</a></li>
        </ul>
      </section>

    </div>
  </div>
</main>

.page-home {
  --home-radius: 28px;
  --home-radius-sm: 18px;
  display: block;
  background: var(--mel-ink);
  color: var(--mel-paper);
  overflow-x: clip;
}

/* ---------- 首屏 ---------- */
.page-home .home-hero {
  position: relative;
  padding: 36px 0 76px;
  background:
    radial-gradient(120% 92% at 8% 0%, rgba(53, 224, 224, 0.11), transparent 58%),
    radial-gradient(96% 82% at 102% 14%, rgba(255, 62, 165, 0.11), transparent 62%),
    var(--mel-ink);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 44px), 0 100%);
}

.page-home .home-hero__glow {
  position: absolute;
  left: 42%;
  top: 8%;
  width: 46%;
  height: 70%;
  background: linear-gradient(118deg, rgba(255, 106, 26, 0.22), rgba(53, 224, 224, 0.14) 62%, transparent);
  transform: rotate(-9deg);
  filter: blur(24px);
  pointer-events: none;
}

.page-home .home-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 34px;
  align-items: center;
}

.page-home .home-hero__crumb {
  margin: 0 0 16px;
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--mel-muted);
}

.page-home .home-hero__crumb .mel-breadcrumb__sep {
  margin: 0 8px;
  color: var(--mel-orange);
}

.page-home .home-hero__eyebrow {
  color: var(--mel-cyan);
  margin: 0 0 14px;
}

.page-home .home-hero__title {
  margin: 0 0 20px;
  color: var(--mel-paper);
}

.page-home .home-hero__lede {
  margin: 0 0 26px;
  color: var(--mel-muted);
  max-width: 36em;
}

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

.page-home .home-hero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 30px;
  margin: 30px 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--mel-line);
}

.page-home .home-hero__facts > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.page-home .home-hero__facts dt {
  font-size: 11px;
  letter-spacing: 0.16em;
  color: var(--mel-muted);
}

.page-home .home-hero__facts dd {
  margin: 0;
  font-size: 15px;
  letter-spacing: 0.04em;
  color: var(--mel-amber);
}

.page-home .home-hero__frame {
  position: relative;
  border-radius: var(--home-radius);
  border: 1px solid rgba(53, 224, 224, 0.32);
  background: var(--mel-violet);
  overflow: hidden;
  aspect-ratio: 16 / 12;
  box-shadow: 0 40px 80px -46px rgba(0, 0, 0, 0.95);
}

.page-home .home-hero__frame::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 16px;
  width: 1px;
  background-image: repeating-linear-gradient(to bottom, var(--mel-cyan) 0 1px, transparent 1px 13px);
  opacity: 0.5;
  z-index: 3;
}

.page-home .home-hero__img {
  position: absolute;
  top: -4%;
  left: -6%;
  width: 112%;
  height: 108%;
  object-fit: cover;
  transform: rotate(-2.2deg);
  opacity: 0.52;
}

.page-home .home-hero__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(158deg, rgba(11, 18, 51, 0.86), rgba(36, 26, 85, 0.36) 52%, rgba(14, 59, 62, 0.8));
  z-index: 1;
}

.page-home .home-hero__ticks {
  position: absolute;
  right: 16px;
  top: 18px;
  width: 46px;
  height: 1px;
  background-image: repeating-linear-gradient(to right, var(--mel-orange) 0 1px, transparent 1px 9px);
  opacity: 0.7;
  z-index: 3;
}

.page-home .home-hero__tag {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  border: 1px solid var(--mel-orange);
  color: var(--mel-orange);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.page-home .home-hero__cap {
  position: absolute;
  left: 32px;
  bottom: 26px;
  right: 32px;
  z-index: 3;
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--mel-paper);
}

/* ---------- 布局与索引 ---------- */
.page-home .home-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding-bottom: 88px;
}

.page-home .home-flow {
  display: block;
  min-width: 0;
}

.page-home .home-index {
  position: sticky;
  top: 68px;
  z-index: 6;
  background: rgba(11, 18, 51, 0.94);
  border: 1px solid var(--mel-line);
  border-radius: 999px;
  padding: 10px 14px;
}

.page-home .home-index__title {
  display: none;
}

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

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

.page-home .home-index__list a {
  display: block;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.1em;
  white-space: nowrap;
  color: var(--mel-muted);
  text-decoration: none;
  transition: color 200ms var(--mel-ease), background-color 200ms var(--mel-ease);
}

.page-home .home-index__list a:hover {
  color: var(--mel-paper);
  background: rgba(53, 224, 224, 0.1);
}

/* ---------- 通用区块 ---------- */
.page-home .home-block {
  position: relative;
  padding: 52px 0;
}

.page-home .home-block + .home-block {
  border-top: 1px solid var(--mel-line);
}

.page-home .home-block.mel-zone {
  padding-left: 22px;
  padding-right: 22px;
  margin: 22px 0;
  border-radius: var(--home-radius);
  border-top: 0;
}

.page-home .home-block__head {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 26px;
}

.page-home .home-block__head .mel-index {
  color: var(--mel-orange);
}

.page-home .home-h2 {
  margin: 0;
  font-size: clamp(1.5rem, 4.4vw, 2.15rem);
  font-weight: 300;
  line-height: 1.28;
  letter-spacing: 0.01em;
  color: var(--mel-paper);
}

/* ---------- 编号核验 ---------- */
.page-home .home-verify__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.page-home .home-verify__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 22px;
  border-radius: var(--home-radius-sm);
  border: 1px solid rgba(53, 224, 224, 0.26);
  background: linear-gradient(158deg, rgba(21, 30, 69, 0.94), rgba(11, 18, 51, 0.94));
  transition: transform 220ms var(--mel-ease), border-color 220ms var(--mel-ease);
}

.page-home .home-verify__card:hover {
  transform: translateY(-6px);
  border-color: var(--mel-cyan);
}

.page-home .home-verify__card .mel-index {
  color: var(--mel-muted);
}

.page-home .home-verify__value {
  margin: 0;
  font-size: clamp(1.55rem, 5.2vw, 2.3rem);
  font-weight: 300;
  letter-spacing: 0.06em;
  line-height: 1.1;
  color: var(--mel-cyan);
}

.page-home .home-verify__note {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--mel-muted);
}

.page-home .home-verify__copy {
  align-self: flex-start;
  margin-top: 4px;
}

.page-home .home-verify__fig {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.page-home .home-verify__fig img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: var(--home-radius-sm);
  border: 1px solid var(--mel-line);
  opacity: 0.85;
}

.page-home .home-verify__fig figcaption {
  font-size: 11px;
  letter-spacing: 0.16em;
  color: var(--mel-muted);
}

/* ---------- 三段路径 ---------- */
.page-home .home-path__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  align-items: start;
}

.page-home .home-tree {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-home .home-tree::before {
  content: "";
  position: absolute;
  left: 21px;
  top: 26px;
  bottom: 26px;
  width: 2px;
  background: linear-gradient(180deg, var(--mel-orange), var(--mel-cyan));
  opacity: 0.45;
}

.page-home .home-tree__node {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 16px;
  padding: 16px 0;
}

.page-home .home-tree__dot {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: var(--mel-ink);
  border: 1px solid var(--mel-orange);
  color: var(--mel-orange);
  font-size: 12px;
  letter-spacing: 0.06em;
}

.page-home .home-tree__title {
  margin: 4px 0 8px;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--mel-paper);
}

.page-home .home-tree__body p {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: var(--mel-muted);
}

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

.page-home .home-path__media {
  border-radius: var(--home-radius-sm);
  overflow: hidden;
  border: 1px solid var(--mel-line);
}

.page-home .home-path__hint {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--mel-muted);
}

.page-home .home-path__side .mel-btn {
  align-self: flex-start;
}

/* ---------- 城市与门店 ---------- */
.page-home .home-cities__kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

.page-home .home-kpi {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 18px;
  border-radius: var(--home-radius-sm);
  border: 1px solid rgba(53, 224, 224, 0.24);
  background: linear-gradient(160deg, rgba(21, 30, 69, 0.92), rgba(11, 18, 51, 0.92));
  transition: transform 220ms var(--mel-ease), border-color 220ms var(--mel-ease);
}

.page-home .home-kpi:hover {
  transform: translateY(-6px);
  border-color: var(--mel-orange);
}

.page-home .home-kpi .mel-kpi__value {
  font-size: clamp(1.9rem, 6vw, 2.8rem);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--mel-paper);
}

.page-home .home-kpi .mel-kpi__label {
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--mel-muted);
}

.page-home .home-cities__media {
  border-radius: var(--home-radius-sm);
  overflow: hidden;
  border: 1px solid var(--mel-line);
  margin-bottom: 26px;
}

.page-home .city-picker {
  position: relative;
}

.page-home .city-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.page-home .city-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.page-home .city-tab {
  cursor: pointer;
  padding: 9px 22px;
  border-radius: 999px;
  border: 1px solid var(--mel-line);
  background: rgba(11, 18, 51, 0.6);
  color: var(--mel-paper);
  font-size: 14px;
  letter-spacing: 0.08em;
  transition: background-color 200ms var(--mel-ease), color 200ms var(--mel-ease), border-color 200ms var(--mel-ease), transform 200ms var(--mel-ease);
}

.page-home .city-tab:hover {
  transform: translateY(-2px);
  border-color: var(--mel-cyan);
}

.page-home #city-kl:checked ~ .city-tabs .city-tab--kl,
.page-home #city-pn:checked ~ .city-tabs .city-tab--pn,
.page-home #city-jb:checked ~ .city-tabs .city-tab--jb {
  background: var(--mel-orange);
  border-color: var(--mel-orange);
  color: var(--mel-ink);
  font-weight: 700;
}

.page-home #city-kl:focus-visible ~ .city-tabs .city-tab--kl,
.page-home #city-pn:focus-visible ~ .city-tabs .city-tab--pn,
.page-home #city-jb:focus-visible ~ .city-tabs .city-tab--jb {
  outline: 2px solid var(--mel-cyan);
  outline-offset: 2px;
}

.page-home .city-panel {
  display: none;
  padding: 20px 22px;
  border-radius: var(--home-radius-sm);
  border: 1px solid var(--mel-line);
  background: rgba(11, 18, 51, 0.72);
}

.page-home #city-kl:checked ~ .city-panels .city-panel--kl,
.page-home #city-pn:checked ~ .city-panels .city-panel--pn,
.page-home #city-jb:checked ~ .city-panels .city-panel--jb {
  display: block;
}

.page-home .city-panel h3 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--mel-cyan);
}

.page-home .city-panel p {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: var(--mel-muted);
}

.page-home .home-cities__foot {
  margin: 26px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--mel-muted);
}

.page-home .home-cities__foot a {
  color: var(--mel-amber);
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* ---------- 年度复核 ---------- */
.page-home .home-review__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
}

.page-home .home-review__item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(244, 247, 255, 0.12);
}

.page-home .home-review__item:last-child {
  border-bottom: 0;
}

.page-home .home-review__no {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid var(--mel-amber);
  color: var(--mel-amber);
  font-size: 13px;
  letter-spacing: 0.06em;
}

.page-home .home-review__item h3 {
  margin: 4px 0 8px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--mel-paper);
}

.page-home .home-review__item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(244, 247, 255, 0.7);
}

.page-home .home-review__note {
  margin: 24px 0 0;
  padding-left: 14px;
  border-left: 2px solid var(--mel-amber);
  font-size: 14px;
  line-height: 1.75;
  color: rgba(244, 247, 255, 0.72);
}

/* ---------- 近期修订 ---------- */
.page-home .home-updates__list {
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.page-home .home-updates__item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 18px 0;
  border-bottom: 1px solid var(--mel-line);
  transition: transform 200ms var(--mel-ease);
}

.page-home .home-updates__item:hover {
  transform: translateX(6px);
}

.page-home .home-updates__when {
  margin: 0;
  color: var(--mel-magenta);
}

.page-home .home-updates__title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--mel-paper);
}

.page-home .home-updates__meta {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--mel-muted);
}

/* ---------- 延伸入口 ---------- */
.page-home .home-next__lede {
  margin: 0 0 26px;
  font-size: 16px;
  line-height: 1.8;
  color: var(--mel-muted);
  max-width: 38em;
}

.page-home .home-next__links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.page-home .home-next__links a {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 18px;
  border-radius: var(--home-radius-sm);
  border: 1px solid var(--mel-line);
  background: rgba(21, 30, 69, 0.55);
  color: var(--mel-paper);
  font-size: 15px;
  text-decoration: none;
  transition: transform 200ms var(--mel-ease), border-color 200ms var(--mel-ease), background-color 200ms var(--mel-ease);
}

.page-home .home-next__links a:hover {
  transform: translateY(-4px);
  border-color: var(--mel-orange);
  background: rgba(36, 26, 85, 0.75);
}

.page-home .home-next__links .mel-mono {
  color: var(--mel-cyan);
  font-size: 12px;
  letter-spacing: 0.12em;
}

/* ---------- 断点 ---------- */
@media (min-width: 720px) {
  .page-home .home-hero {
    padding: 52px 0 96px;
  }

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

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

  .page-home .home-verify__fig {
    grid-column: span 2;
  }

  .page-home .home-verify__fig img {
    aspect-ratio: 21 / 9;
  }

  .page-home .home-review__list,
  .page-home .home-next__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .page-home .home-review__item {
    border-bottom: 0;
    border-radius: var(--home-radius-sm);
    padding: 20px;
    background: rgba(11, 18, 51, 0.42);
  }

  .page-home .home-updates__item {
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: baseline;
    gap: 20px;
  }

  .page-home .home-updates__when {
    grid-row: span 2;
  }
}

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

  .page-home .home-block {
    padding: 66px 0;
  }

  .page-home .home-block.mel-zone {
    padding-left: 32px;
    padding-right: 32px;
  }

  .page-home .home-path__grid {
    grid-template-columns: 7fr 4fr;
    gap: 40px;
  }

  .page-home .home-path__media {
    transform: rotate(1.6deg);
  }

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

  .page-home .home-verify__fig {
    grid-column: auto;
  }

  .page-home .home-verify__fig img {
    aspect-ratio: 1 / 1;
  }

  .page-home .home-verify__card:nth-child(2) {
    transform: translateY(14px);
  }
}

@media (min-width: 1080px) {
  .page-home .home-layout {
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 44px;
  }

  .page-home .home-index {
    position: sticky;
    top: 104px;
    align-self: start;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    backdrop-filter: none;
  }

  .page-home .home-index__title {
    display: block;
    color: var(--mel-muted);
    margin: 0;
  }

  .page-home .home-index__list {
    display: grid;
    gap: 2px;
    margin-top: 14px;
    overflow: visible;
  }

  .page-home .home-index__list a {
    padding: 7px 12px;
    border-radius: 999px;
    border-left: 2px solid transparent;
  }

  .page-home .home-index__list a:hover {
    border-left-color: var(--mel-orange);
    border-radius: 0 999px 999px 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-verify__card:hover,
  .page-home .home-kpi:hover,
  .page-home .city-tab:hover,
  .page-home .home-updates__item:hover,
  .page-home .home-next__links a:hover {
    transform: none;
  }
}