.page-home {
  --home-line: rgba(14, 43, 71, 0.12);
  --home-line-soft: rgba(246, 217, 160, 0.24);
  --home-r-lg: 32px;
  --home-r-md: 24px;
  --home-r-sm: 18px;
  color: var(--lx-ink);
  font-family: var(--lx-font-body);
  overflow-x: hidden;
}

/* ---------- 首屏 ---------- */
.page-home .home-hero {
  padding-block: clamp(18px, 3vw, 40px) clamp(34px, 5vw, 68px);
}

.page-home .home-hero__grid {
  display: grid;
  gap: clamp(30px, 4.5vw, 56px);
}

@media (min-width: 960px) {
  .page-home .home-hero__grid {
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    align-items: center;
  }
}

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

.page-home .home-hero__title {
  margin: 0.18em 0 0.34em;
  font-family: var(--lx-font-display);
  font-weight: 900;
  font-size: clamp(34px, 5.2vw, 64px);
  line-height: 1.06;
  letter-spacing: -0.01em;
  color: var(--lx-navy);
}

.page-home .home-hero__title-sub {
  display: block;
  margin-top: 0.24em;
  font-size: 0.56em;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--lx-navy-mid);
}

.page-home .home-hero__lead {
  max-width: 34ch;
  margin: 0;
  font-size: clamp(16px, 1.5vw, 18px);
  line-height: 1.78;
  color: var(--lx-ink);
}

.page-home .home-hero__note {
  max-width: 42ch;
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--lx-stone);
}

.page-home .home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.page-home .home-hero__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 32px 0 0;
  padding-top: 20px;
  border-top: 1px solid var(--home-line);
}

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

.page-home .home-hero__meta dt {
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--lx-stone);
}

.page-home .home-hero__meta dd {
  margin: 8px 0 0;
  font-size: 15px;
  color: var(--lx-navy);
}

/* ---------- 首屏主题视觉 ---------- */
.page-home .home-visual {
  position: relative;
  min-width: 0;
}

.page-home .home-visual::before {
  content: "";
  position: absolute;
  inset: 22px 0 -22px 22px;
  border-radius: var(--home-r-lg);
  background: var(--lx-grad-sea);
  opacity: 0.92;
}

.page-home .home-visual__frame {
  position: relative;
  z-index: 1;
  margin: 0;
  border-radius: var(--home-r-lg);
  overflow: hidden;
  aspect-ratio: 5 / 6;
  box-shadow: var(--lx-shadow-1);
  background: var(--lx-navy);
}

.page-home .home-visual__frame img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.page-home .home-visual__grid {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: calc(100% - 22px);
  border-radius: var(--home-r-lg);
  pointer-events: none;
  opacity: 0.75;
}

.page-home .home-visual__tag {
  position: absolute;
  z-index: 3;
  top: 22px;
  right: 10px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--lx-gold-soft);
}

.page-home .home-visual__stamp {
  position: absolute;
  z-index: 3;
  left: 16px;
  bottom: 38px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 12px 18px;
  border-radius: var(--home-r-sm);
  background: rgba(253, 251, 247, 0.93);
  box-shadow: var(--lx-shadow-2);
}

.page-home .home-visual__stampNum {
  font-size: 13px;
  letter-spacing: 0.14em;
  color: var(--lx-gold-ink);
}

.page-home .home-visual__stampLabel {
  font-size: 13px;
  color: var(--lx-navy);
}

/* ---------- 口径结构带 ---------- */
.page-home .home-band__figure {
  margin: 0 0 clamp(20px, 3vw, 32px);
  border-radius: var(--home-r-md);
  overflow: hidden;
}

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

.page-home .home-band__panel {
  padding: clamp(22px, 3vw, 40px);
  border-radius: var(--home-r-lg);
}

.page-home .home-band__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 0;
}

@media (min-width: 780px) {
  .page-home .home-band__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.page-home .home-stat {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 16px 16px 18px;
  border-radius: var(--home-r-sm);
  background: var(--lx-paper);
  border: 1px solid var(--home-line);
}

.page-home .home-stat dt {
  margin: 0;
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1;
  letter-spacing: 0.02em;
  color: var(--lx-gold-ink);
}

.page-home .home-stat dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.62;
  color: var(--lx-stone);
}

.page-home .home-band__note {
  margin: 20px 0 0;
  padding-top: 16px;
  border-top: 1px dashed var(--home-line);
  font-size: 13px;
  line-height: 1.7;
  color: var(--lx-stone);
}

/* ---------- 双入口错位面板 ---------- */
.page-home .home-entries__stack {
  display: grid;
  gap: 22px;
  margin-top: 26px;
}

@media (min-width: 880px) {
  .page-home .home-entries__stack {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    align-items: start;
    gap: 28px;
  }
  .page-home .home-entries__stack > :last-child {
    margin-top: 52px;
  }
}

.page-home .home-entry {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: clamp(22px, 3vw, 36px);
  border-radius: var(--home-r-lg);
}

.page-home .home-entry__eyebrow {
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--lx-gold);
}

.page-home .home-entry--logi .home-entry__eyebrow {
  color: var(--lx-gold-ink);
}

.page-home .home-entry__title {
  margin: 0;
  font-family: var(--lx-font-display);
  font-weight: 800;
  font-size: clamp(22px, 2.4vw, 28px);
  letter-spacing: -0.01em;
}

.page-home .home-entry--stock .home-entry__title {
  color: var(--lx-gold-soft);
}

.page-home .home-entry--logi .home-entry__title {
  color: var(--lx-navy);
}

.page-home .home-entry__sub {
  margin: 0;
  font-size: 15px;
  line-height: 1.78;
}

.page-home .home-entry--stock .home-entry__sub {
  color: rgba(244, 237, 224, 0.84);
}

.page-home .home-entry--logi .home-entry__sub {
  color: var(--lx-stone);
}

.page-home .home-entry__list {
  display: grid;
  gap: 8px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-entry__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-radius: var(--lx-r-pill);
  font-size: 15px;
}

.page-home .home-entry--stock .home-entry__row {
  background: rgba(253, 251, 247, 0.08);
  border: 1px solid var(--home-line-soft);
  color: var(--lx-sand);
}

.page-home .home-entry--logi .home-entry__row {
  background: var(--lx-paper);
  border: 1px solid var(--home-line);
  color: var(--lx-navy);
}

.page-home .home-entry__link {
  align-self: flex-start;
  margin-top: auto;
}

/* ---------- 横向时间轴 ---------- */
.page-home .home-timeline__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(180px, 1fr);
  gap: 14px;
  margin-top: 26px;
  padding: 4px 4px 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
}

.page-home .home-year {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 190px;
  padding: 20px 18px 18px;
  border-radius: var(--home-r-md);
  background: var(--lx-paper);
  border: 1px solid var(--home-line);
  box-shadow: var(--lx-shadow-2);
}

.page-home .home-year__label {
  font-family: var(--lx-font-mono);
  font-size: 24px;
  letter-spacing: 0.08em;
  color: var(--lx-navy);
}

.page-home .home-year__note {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--lx-stone);
}

.page-home .home-year__ticks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: auto;
}

.page-home .home-tick {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  font-family: var(--lx-font-mono);
  font-size: 12px;
  color: var(--lx-stone);
}

.page-home .home-tick::before {
  content: "";
  width: 2px;
  height: 22px;
  border-radius: 2px;
  background: var(--lx-gold-soft);
}

.page-home .home-year--current {
  background: linear-gradient(155deg, var(--lx-navy) 0%, var(--lx-navy-mid) 100%);
  border-color: transparent;
  box-shadow: var(--lx-shadow-1);
}

.page-home .home-year--current .home-year__label {
  color: var(--lx-gold);
}

.page-home .home-year--current .home-year__note {
  color: rgba(244, 237, 224, 0.84);
}

.page-home .home-year--current .home-tick {
  color: var(--lx-gold-soft);
}

.page-home .home-year--current .home-tick::before {
  background: var(--lx-gold);
}

.page-home .home-timeline__foot {
  margin: 18px 0 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--lx-stone);
}

.page-home .home-inlineLink {
  color: var(--lx-gold-ink);
  text-decoration: none;
  border-bottom: 1px solid rgba(227, 163, 60, 0.45);
}

.page-home .home-inlineLink:hover {
  color: var(--lx-navy);
  border-bottom-color: var(--lx-navy);
}

/* ---------- 版本快照 ---------- */
.page-home .home-versions__grid {
  display: grid;
  gap: 28px;
}

@media (min-width: 980px) {
  .page-home .home-versions__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    align-items: start;
    gap: 38px;
  }
}

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

.page-home .home-versions__switcher {
  margin-top: 24px;
}

.page-home .home-versions__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.page-home .home-versions__tabs .lx-tab {
  padding: 9px 20px;
  border-radius: var(--lx-r-pill);
  border: 1px solid var(--home-line);
  background: var(--lx-paper);
  color: var(--lx-navy);
  font-family: var(--lx-font-body);
  font-size: 14px;
  cursor: pointer;
  transition: background 160ms var(--lx-ease), color 160ms var(--lx-ease), border-color 160ms var(--lx-ease);
}

.page-home .home-versions__tabs .lx-tab:hover {
  background: var(--lx-gold-soft);
}

.page-home .home-versions__tabs .lx-tab[aria-selected="true"] {
  background: var(--lx-gold);
  border-color: var(--lx-gold);
  color: var(--lx-navy-deep);
  font-weight: 700;
}

.page-home .lx-tabpanel {
  display: block;
  padding: 20px 22px;
  border-radius: var(--home-r-sm);
  background: var(--lx-paper);
  border: 1px solid var(--home-line);
}

.page-home .lx-tabpanel + .lx-tabpanel {
  margin-top: 12px;
}

.page-home .home-versions:has(.lx-tab[data-ver="stable"][aria-selected="true"]) .lx-tabpanel:not([data-ver="stable"]),
.page-home .home-versions:has(.lx-tab[data-ver="snapshot"][aria-selected="true"]) .lx-tabpanel:not([data-ver="snapshot"]),
.page-home .home-versions:has(.lx-tab[data-ver="archive"][aria-selected="true"]) .lx-tabpanel:not([data-ver="archive"]) {
  display: none;
}

.page-home .home-versions__name {
  margin: 0 0 8px;
  font-family: var(--lx-font-display);
  font-weight: 800;
  font-size: 19px;
  color: var(--lx-navy);
}

.page-home .home-versions__panel p {
  margin: 0;
  font-size: 15px;
  line-height: 1.78;
  color: var(--lx-ink);
}

.page-home .home-versions__use {
  margin-top: 10px !important;
  font-size: 13px !important;
  color: var(--lx-stone) !important;
}

.page-home .home-versions__foot {
  margin: 18px 0 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--lx-stone);
}

.page-home .home-versions__figure {
  margin: 0;
  border-radius: var(--home-r-md);
  overflow: hidden;
}

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

/* ---------- 原料标签墙 ---------- */
.page-home .home-materials__layout {
  display: grid;
  gap: 26px;
}

@media (min-width: 920px) {
  .page-home .home-materials__layout {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 36px;
  }
}

.page-home .home-materials__figure {
  margin: 0;
  border-radius: var(--home-r-lg);
  overflow: hidden;
}

.page-home .home-materials__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.page-home .home-materials__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.page-home .home-material {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 16px 16px 18px;
  background: var(--lx-paper);
  border: 1px solid var(--home-line);
  transition: background 160ms var(--lx-ease);
}

.page-home .home-material:hover {
  background: var(--lx-gold-soft);
}

.page-home .home-material__no {
  font-family: var(--lx-font-mono);
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--lx-gold-ink);
}

.page-home .home-material__name {
  font-family: var(--lx-font-display);
  font-weight: 800;
  font-size: clamp(16px, 1.9vw, 21px);
  letter-spacing: -0.01em;
  color: var(--lx-navy);
  word-break: keep-all;
}

.page-home .home-material--a { border-radius: 28px; }
.page-home .home-material--b { border-radius: 18px; }
.page-home .home-material--c { border-radius: 24px; }
.page-home .home-material--d { border-radius: 30px; }
.page-home .home-material--e { border-radius: 18px; }
.page-home .home-material--f { border-radius: 22px; }
.page-home .home-material--g { border-radius: 28px; }

@media (min-width: 640px) {
  .page-home .home-materials__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .page-home .home-material--a { grid-column: span 3; min-height: 124px; }
  .page-home .home-material--b { grid-column: span 3; min-height: 96px; }
  .page-home .home-material--c { grid-column: span 2; min-height: 108px; }
  .page-home .home-material--d { grid-column: span 2; min-height: 92px; }
  .page-home .home-material--e { grid-column: span 2; min-height: 132px; }
  .page-home .home-material--f { grid-column: span 3; min-height: 100px; }
  .page-home .home-material--g { grid-column: span 3; min-height: 118px; }
}

.page-home .home-materials__note {
  margin: 18px 0 0;
  font-size: 13px;
  line-height: 1.75;
  color: var(--lx-stone);
}

/* ---------- 收束 ---------- */
.page-home .home-close__panel {
  padding: clamp(26px, 3.6vw, 48px);
  border-radius: var(--home-r-lg);
  border: none;
  background: linear-gradient(155deg, var(--lx-navy) 0%, var(--lx-navy-mid) 58%, #2F5F7E 100%);
  color: var(--lx-sand);
}

.page-home .home-close__eyebrow {
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--lx-gold);
}

.page-home .home-close__title {
  margin: 0.4em 0 0;
  font-family: var(--lx-font-display);
  font-weight: 900;
  font-size: clamp(24px, 3.2vw, 36px);
  line-height: 1.16;
  letter-spacing: -0.01em;
  color: var(--lx-gold-soft);
}

.page-home .home-close__list {
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-close__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  padding: 15px 18px;
  border-radius: var(--home-r-sm);
  background: rgba(253, 251, 247, 0.07);
  border: 1px solid var(--home-line-soft);
  font-size: 15px;
  line-height: 1.78;
  color: rgba(244, 237, 224, 0.92);
}

.page-home .home-close__idx {
  font-size: 14px;
  letter-spacing: 0.1em;
  color: var(--lx-gold);
}

.page-home .home-close__tail {
  margin: 20px 0 0;
  max-width: 60ch;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(244, 237, 224, 0.78);
}

.page-home .home-close__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 28px;
}

.page-home .home-close__link {
  font-size: 14px;
  color: var(--lx-gold-soft);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(246, 217, 160, 0.38);
  transition: color 160ms var(--lx-ease), border-color 160ms var(--lx-ease);
}

.page-home .home-close__link:hover {
  color: var(--lx-gold);
  border-bottom-color: var(--lx-gold);
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-material,
  .page-home .home-close__link,
  .page-home .home-versions__tabs .lx-tab {
    transition: none;
  }
}
</final>
<<<END>>>

Wait — I must output only the markers and content. Let me remove the stray trailing text.

Also fix: `.page-home .home-visual__grid` height uses calc(100% - 22px) but the frame is aspect 5/6 — fine.

Also the `.home-versions:has(...)` selector uses `.home-versions` class which I placed on the section; but the tabs and panels are inside `.home-versions__switcher` inside `.home-versions__grid` inside `.lx-shell` inside the section. Descendant selectors work regardless. Good.

One issue: section has class "lx-section home-versions" so `.page-home .home-versions` matches. Good.

Now output cleanly.
<main id="main-content" class="page-home">

  <section class="lx-section home-hero" aria-labelledby="home-hero-title">
    <div class="lx-shell">
      <div class="home-hero__grid">
        <div class="home-hero__intro">
          <nav class="lx-crumb" aria-label="当前位置">
            <ol class="lx-crumb__list">
              <li class="lx-crumb__item"><span class="lx-crumb__current" aria-current="page">首页 · 季度核定总览</span></li>
            </ol>
          </nav>
          <p class="lx-eyebrow">资源下载 · 核定季度 2019–2024</p>
          <h1 class="home-hero__title" id="home-hero-title">
            幸运澳洲
            <span class="home-hero__title-sub">季度核定档案站</span>
          </h1>
          <p class="home-hero__lead">
            幸运澳洲面向中文读者发布季度核定口径与配套资料，站内不做在线交易，只承担口径发布、资料分发与历史回看三件事。
          </p>
          <p class="home-hero__note">
            结论级口径为库存状态与物流时效，支撑级为产能规模与合作数量，明细级覆盖质保条款、团队构成与原料来源，全部条目均标注所属核定季度。
          </p>
          <div class="home-hero__actions">
            <a class="lx-cta lx-cta--solid" href="/features/">进入资源库</a>
            <a class="lx-cta lx-cta--ghost" href="/blog/">查看当季动态</a>
          </div>
          <dl class="home-hero__meta">
            <div class="home-hero__metaItem">
              <dt>核定跨度</dt>
              <dd class="lx-mono">2019–2024</dd>
            </div>
            <div class="home-hero__metaItem">
              <dt>覆盖口岸</dt>
              <dd class="lx-mono">9 个</dd>
            </div>
            <div class="home-hero__metaItem">
              <dt>季度合作方</dt>
              <dd class="lx-mono">36 家</dd>
            </div>
          </dl>
        </div>

        <div class="home-visual">
          <span class="lx-annotation lx-annotation--vertical home-visual__tag">核定口径 · 2019–2024 · 共 24 期</span>
          <figure class="lx-media lx-media--tall home-visual__frame">
            <img src="{zhanqunpic:h:1400w:1200}" width="1200" height="1400" alt="暖金夕照下的港口集装箱堆场，箱体成排堆叠，画面上方留出大片天空">
          </figure>
          <svg class="home-visual__grid" viewBox="0 0 400 480" aria-hidden="true" focusable="false" preserveAspectRatio="none">
            <defs>
              <pattern id="homeIsoGrid" width="48" height="28" patternUnits="userSpaceOnUse">
                <path d="M0 28 L24 14 L48 28 M24 14 L24 0" fill="none" stroke="rgba(246,217,160,0.30)" stroke-width="1"/>
              </pattern>
              <linearGradient id="homeIsoFade" x1="0" y1="0" x2="0" y2="1">
                <stop offset="0%" stop-color="rgba(7,24,42,0.58)"/>
                <stop offset="58%" stop-color="rgba(7,24,42,0.05)"/>
                <stop offset="100%" stop-color="rgba(7,24,42,0.48)"/>
              </linearGradient>
            </defs>
            <rect width="400" height="480" fill="url(#homeIsoGrid)"/>
            <g opacity="0.55" fill="none" stroke="rgba(227,163,60,0.6)" stroke-width="1.2">
              <path d="M116 322 L200 280 L284 322 L200 364 Z"/>
              <path d="M116 300 L200 258 L284 300 L200 342 Z"/>
            </g>
            <rect width="400" height="480" fill="url(#homeIsoFade)"/>
          </svg>
          <div class="home-visual__stamp">
            <span class="lx-mono home-visual__stampNum">2024 Q4</span>
            <span class="home-visual__stampLabel">最新一期核定结果</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="lx-section home-band" aria-labelledby="home-band-title">
    <div class="lx-shell">
      <figure class="lx-media lx-media--wide home-band__figure">
        <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" loading="lazy" decoding="async" alt="季度核定报表微距，表格线条与手写标注清晰，纸面有轻微折痕">
        <figcaption class="lx-media__caption">每季度首月第 2 周发布当季核定结果，2019 年至 2024 年累计发布 24 期。</figcaption>
      </figure>

      <div class="lx-panel lx-panel--sand home-band__panel">
        <div class="lx-heading">
          <h2 class="lx-heading__title" id="home-band-title">口径结构：两类结论、四项覆盖、三个层级</h2>
          <p class="lx-heading__note">这里只给结构与边界，具体档位定义集中在资料库内，超出季度范围的数值不进入稳定版。</p>
        </div>
        <dl class="home-band__stats">
          <div class="home-stat">
            <dt class="lx-mono">2</dt>
            <dd>类结论级口径：库存状态、物流时效</dd>
          </div>
          <div class="home-stat">
            <dt class="lx-mono">4</dt>
            <dd>项覆盖：质保条款、合作数量、团队构成、原料来源</dd>
          </div>
          <div class="home-stat">
            <dt class="lx-mono">3</dt>
            <dd>个层级：结论级、支撑级、明细级</dd>
          </div>
          <div class="home-stat">
            <dt class="lx-mono">320</dt>
            <dd>条／季度的口径条目核定上限</dd>
          </div>
        </dl>
        <p class="home-band__note">
          站点统计口径参考：资料库季度下载量 18,000 次以上，注册下载用户 5,600 人以上。该组数字随时间累积，仅表示规模量级。
        </p>
      </div>
    </div>
  </section>

  <section class="lx-section home-entries" aria-labelledby="home-entries-title">
    <div class="lx-shell">
      <div class="lx-heading">
        <h2 class="lx-heading__title" id="home-entries-title">两个最常被查的口径，各留一扇门</h2>
        <p class="lx-heading__note">结论先给档位，条件与适用边界放在资源库对应章节里。</p>
      </div>

      <div class="lx-stack home-entries__stack">
        <article class="lx-panel lx-panel--dark home-entry home-entry--stock">
          <p class="lx-eyebrow home-entry__eyebrow">结论级 · 其一</p>
          <h3 class="lx-panel__title home-entry__title">库存状态：四档判定</h3>
          <p class="lx-panel__sub home-entry__sub">
            当季判定按四档发布，档位只描述核定季度内的口径状态，不构成到货时间或库存数量的承诺。
          </p>
          <ul class="home-entry__list">
            <li class="home-entry__row"><span>充裕</span><span class="lx-badge lx-badge--ok">已核定</span></li>
            <li class="home-entry__row"><span>正常</span><span class="lx-badge lx-badge--ok">已核定</span></li>
            <li class="home-entry__row"><span>偏紧</span><span class="lx-badge lx-badge--info">观察中</span></li>
            <li class="home-entry__row"><span>待补</span><span class="lx-badge lx-badge--due">本期变更</span></li>
          </ul>
          <a class="lx-cta lx-cta--ghost home-entry__link" href="/features/">查看四档定义与适用条件</a>
        </article>

        <article class="lx-panel lx-panel--sand home-entry home-entry--logi">
          <p class="lx-eyebrow home-entry__eyebrow">结论级 · 其二</p>
          <h3 class="lx-panel__title home-entry__title">物流时效：三档口径</h3>
          <p class="lx-panel__sub home-entry__sub">
            时效按标准、加速、排期三档记录，口岸排期出现调整时，会在当季动态中单独标注变更原因。
          </p>
          <ul class="home-entry__list">
            <li class="home-entry__row"><span>标准</span><span class="lx-chip lx-chip--euca">常规</span></li>
            <li class="home-entry__row"><span>加速</span><span class="lx-chip lx-chip--gold">加急通道</span></li>
            <li class="home-entry__row"><span>排期</span><span class="lx-chip lx-chip--coral">受排期影响</span></li>
          </ul>
          <a class="lx-cta lx-cta--solid home-entry__link" href="/features/">前往资源库核对时效口径</a>
        </article>
      </div>
    </div>
  </section>

  <section class="lx-section home-timeline" aria-labelledby="home-timeline-title">
    <div class="lx-shell">
      <div class="lx-heading">
        <h2 class="lx-heading__title" id="home-timeline-title">2019 至 2024：六个年度，二十四个核定周期</h2>
        <p class="lx-heading__note">横向刻度按年份分段，暖金刻度为最新一期。每期结论独立成立，跨期比较请以同一版本为准。</p>
      </div>

      <div class="lx-band home-timeline__track" role="list">
        <div class="home-year" role="listitem">
          <span class="home-year__label">2019</span>
          <p class="home-year__note">核定框架建立，首批条目完成入档。</p>
          <div class="home-year__ticks"><span class="home-tick">Q1</span><span class="home-tick">Q2</span><span class="home-tick">Q3</span><span class="home-tick">Q4</span></div>
        </div>
        <div class="home-year" role="listitem">
          <span class="home-year__label">2020</span>
          <p class="home-year__note">库存状态四档与物流时效三档定稿。</p>
          <div class="home-year__ticks"><span class="home-tick">Q1</span><span class="home-tick">Q2</span><span class="home-tick">Q3</span><span class="home-tick">Q4</span></div>
        </div>
        <div class="home-year" role="listitem">
          <span class="home-year__label">2021</span>
          <p class="home-year__note">原料来源七类分类确立，此后未再变动。</p>
          <div class="home-year__ticks"><span class="home-tick">Q1</span><span class="home-tick">Q2</span><span class="home-tick">Q3</span><span class="home-tick">Q4</span></div>
        </div>
        <div class="home-year" role="listitem">
          <span class="home-year__label">2022</span>
          <p class="home-year__note">版本体系拆分为稳定版、快照版与归档版。</p>
          <div class="home-year__ticks"><span class="home-tick">Q1</span><span class="home-tick">Q2</span><span class="home-tick">Q3</span><span class="home-tick">Q4</span></div>
        </div>
        <div class="home-year" role="listitem">
          <span class="home-year__label">2023</span>
          <p class="home-year__note">文档校验流程与引用规范同步对外发布。</p>
          <div class="home-year__ticks"><span class="home-tick">Q1</span><span class="home-tick">Q2</span><span class="home-tick">Q3</span><span class="home-tick">Q4</span></div>
        </div>
        <div class="home-year home-year--current" role="listitem">
          <span class="home-year__label">2024</span>
          <p class="home-year__note">发布节奏稳定在每季度首月第 2 周。</p>
          <div class="home-year__ticks"><span class="home-tick">Q1</span><span class="home-tick">Q2</span><span class="home-tick">Q3</span><span class="home-tick">Q4</span></div>
        </div>
      </div>

      <p class="home-timeline__foot">
        核定节奏的来龙去脉、团队分工与协作范围，整理在
        <a class="home-inlineLink" href="/history/">品牌历程</a>一页中。
      </p>
    </div>
  </section>

  <section class="lx-section home-versions" aria-labelledby="home-versions-title">
    <div class="lx-shell">
      <div class="home-versions__grid">
        <div class="home-versions__main">
          <div class="lx-heading">
            <h2 class="lx-heading__title" id="home-versions-title">资料库快照：三种版本各管一件事</h2>
            <p class="lx-heading__note">累计归档 4,860 份文档，稳定版为主入口，另外两种用于回看与核对。</p>
          </div>

          <div class="home-versions__switcher">
            <div class="lx-tabs home-versions__tabs" role="tablist" aria-label="资料库版本">
              <button class="lx-tab" type="button" role="tab" data-ver="stable" aria-selected="true">稳定版</button>
              <button class="lx-tab" type="button" role="tab" data-ver="snapshot" aria-selected="false">快照版</button>
              <button class="lx-tab" type="button" role="tab" data-ver="archive" aria-selected="false">归档版</button>
            </div>

            <div class="lx-tabpanel home-versions__panel" data-ver="stable" role="tabpanel" aria-label="稳定版">
              <h3 class="home-versions__name">稳定版</h3>
              <p>每季度核定通过后发布，是资料库的主入口。文档提供 12 个月口径有效期，季度核定通过后自动顺延。</p>
              <p class="home-versions__use">适合场景：报表引用、合规留档、对外说明统一分类。</p>
            </div>
            <div class="lx-tabpanel home-versions__panel" data-ver="snapshot" role="tabpanel" aria-label="快照版">
              <h3 class="home-versions__name">快照版</h3>
              <p>记录季度内的中间状态，用于观察口径从上一期到本期的调整过程，不作为对外引用依据。</p>
              <p class="home-versions__use">适合场景：内部比对、口径变更复盘。</p>
            </div>
            <div class="lx-tabpanel home-versions__panel" data-ver="archive" role="tabpanel" aria-label="归档版">
              <h3 class="home-versions__name">归档版</h3>
              <p>按 2019 至 2024 的期次留存，可核对某一期的原始结论与前后版本差异。</p>
              <p class="home-versions__use">适合场景：跨期回溯、历史口径查找。</p>
            </div>
          </div>

          <p class="home-versions__foot">
            版本差异与文档校验方式，见
            <a class="home-inlineLink" href="/help-center/">帮助中心</a>。
          </p>
        </div>

        <figure class="lx-media lx-media--tall home-versions__figure">
          <img src="{zhanqunpic:h:1050w:1400}" width="1400" height="1050" loading="lazy" decoding="async" alt="仓储货架与档案盒平铺俯拍，盒脊标签排列整齐，色调偏暖金与深蓝">
          <figcaption class="lx-media__caption">归档按季度期次编号存放，每份文档可回溯到所属核定周期。</figcaption>
        </figure>
      </div>
    </div>
  </section>

  <section class="lx-section home-materials" aria-labelledby="home-materials-title">
    <div class="lx-shell">
      <div class="home-materials__layout">
        <figure class="lx-media lx-media--square home-materials__figure">
          <img src="{zhanqunpic:h:1000w:1600}" width="1600" height="1000" loading="lazy" decoding="async" alt="七种原料样品分格平铺俯拍，格线清晰，背景为沙丘米白">
        </figure>

        <div class="home-materials__body">
          <div class="lx-heading">
            <h2 class="lx-heading__title" id="home-materials-title">原料来源：七类划分</h2>
            <p class="lx-heading__note">各页引用同一套分类名称，方便把不同期的资料拼进同一张表。</p>
          </div>
          <div class="home-materials__grid">
            <div class="home-material home-material--a"><span class="home-material__no">01</span><span class="home-material__name">铁矿砂</span></div>
            <div class="home-material home-material--b"><span class="home-material__no">02</span><span class="home-material__name">精炼铜</span></div>
            <div class="home-material home-material--c"><span class="home-material__no">03</span><span class="home-material__name">氧化铝</span></div>
            <div class="home-material home-material--d"><span class="home-material__no">04</span><span class="home-material__name">羊毛</span></div>
            <div class="home-material home-material--e"><span class="home-material__no">05</span><span class="home-material__name">小麦</span></div>
            <div class="home-material home-material--f"><span class="home-material__no">06</span><span class="home-material__name">液化天然气</span></div>
            <div class="home-material home-material--g"><span class="home-material__no">07</span><span class="home-material__name">锂辉石</span></div>
          </div>
          <p class="home-materials__note">七类划分为公开分类说明，自确立后未再变动，不含个人信息，可与其他期的资料直接对照。</p>
        </div>
      </div>
    </div>
  </section>

  <section class="lx-section home-close" aria-labelledby="home-close-title">
    <div class="lx-shell">
      <div class="lx-panel home-close__panel">
        <p class="lx-eyebrow home-close__eyebrow">下载前</p>
        <h2 class="lx-heading__title home-close__title" id="home-close-title">拿资料之前，先确认三件事</h2>
        <ol class="home-close__list">
          <li class="home-close__item">
            <span class="home-close__idx lx-mono">01</span>
            <span>核定季度是否与你要填报的周期一致。口径只在该季度内成立，跨期混用会带来偏差。</span>
          </li>
          <li class="home-close__item">
            <span class="home-close__idx lx-mono">02</span>
            <span>取用哪种版本。对外引用选稳定版，内部复盘可用快照版，历史核对回到归档版。</span>
          </li>
          <li class="home-close__item">
            <span class="home-close__idx lx-mono">03</span>
            <span>引用边界是否写明来源季度与有效期。稳定版文档的有效期为 12 个月，到期前建议重新核对一次。</span>
          </li>
        </ol>
        <p class="home-close__tail">
          包括原料来源共七类在内的分类说明，随资料库一并发布，可以直接沿用到你的报表与留档文件中。
        </p>
        <div class="home-close__links">
          <a class="lx-cta lx-cta--solid" href="/features/">进入资源库下载</a>
          <a class="home-close__link" href="/history/">品牌历程</a>
          <a class="home-close__link" href="/help-center/">帮助中心</a>
          <a class="home-close__link" href="/find-us/">找到我们</a>
          <a class="home-close__link" href="/data-protection/">数据保护说明</a>
        </div>
      </div>
    </div>
  </section>

</main>

.page-home {
  --home-line: rgba(14, 43, 71, 0.12);
  --home-line-soft: rgba(246, 217, 160, 0.24);
  --home-r-lg: 32px;
  --home-r-md: 24px;
  --home-r-sm: 18px;
  color: var(--lx-ink);
  font-family: var(--lx-font-body);
  overflow-x: hidden;
}

/* ---------- 首屏 ---------- */
.page-home .home-hero {
  padding-block: clamp(18px, 3vw, 40px) clamp(34px, 5vw, 68px);
}

.page-home .home-hero__grid {
  display: grid;
  gap: clamp(30px, 4.5vw, 56px);
}

@media (min-width: 960px) {
  .page-home .home-hero__grid {
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    align-items: center;
  }
}

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

.page-home .home-hero__title {
  margin: 0.18em 0 0.34em;
  font-family: var(--lx-font-display);
  font-weight: 900;
  font-size: clamp(34px, 5.2vw, 64px);
  line-height: 1.06;
  letter-spacing: -0.01em;
  color: var(--lx-navy);
}

.page-home .home-hero__title-sub {
  display: block;
  margin-top: 0.24em;
  font-size: 0.56em;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--lx-navy-mid);
}

.page-home .home-hero__lead {
  max-width: 34ch;
  margin: 0;
  font-size: clamp(16px, 1.5vw, 18px);
  line-height: 1.78;
  color: var(--lx-ink);
}

.page-home .home-hero__note {
  max-width: 42ch;
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--lx-stone);
}

.page-home .home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.page-home .home-hero__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 32px 0 0;
  padding-top: 20px;
  border-top: 1px solid var(--home-line);
}

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

.page-home .home-hero__meta dt {
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--lx-stone);
}

.page-home .home-hero__meta dd {
  margin: 8px 0 0;
  font-size: 15px;
  color: var(--lx-navy);
}

/* ---------- 首屏主题视觉 ---------- */
.page-home .home-visual {
  position: relative;
  min-width: 0;
}

.page-home .home-visual::before {
  content: "";
  position: absolute;
  inset: 22px 0 -22px 22px;
  border-radius: var(--home-r-lg);
  background: var(--lx-grad-sea);
  opacity: 0.92;
}

.page-home .home-visual__frame {
  position: relative;
  z-index: 1;
  margin: 0;
  border-radius: var(--home-r-lg);
  overflow: hidden;
  aspect-ratio: 5 / 6;
  box-shadow: var(--lx-shadow-1);
  background: var(--lx-navy);
}

.page-home .home-visual__frame img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.page-home .home-visual__grid {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: calc(100% - 22px);
  border-radius: var(--home-r-lg);
  pointer-events: none;
  opacity: 0.75;
}

.page-home .home-visual__tag {
  position: absolute;
  z-index: 3;
  top: 22px;
  right: 10px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--lx-gold-soft);
}

.page-home .home-visual__stamp {
  position: absolute;
  z-index: 3;
  left: 16px;
  bottom: 38px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 12px 18px;
  border-radius: var(--home-r-sm);
  background: rgba(253, 251, 247, 0.93);
  box-shadow: var(--lx-shadow-2);
}

.page-home .home-visual__stampNum {
  font-size: 13px;
  letter-spacing: 0.14em;
  color: var(--lx-gold-ink);
}

.page-home .home-visual__stampLabel {
  font-size: 13px;
  color: var(--lx-navy);
}

/* ---------- 口径结构带 ---------- */
.page-home .home-band__figure {
  margin: 0 0 clamp(20px, 3vw, 32px);
  border-radius: var(--home-r-md);
  overflow: hidden;
}

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

.page-home .home-band__panel {
  padding: clamp(22px, 3vw, 40px);
  border-radius: var(--home-r-lg);
}

.page-home .home-band__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 0;
}

@media (min-width: 780px) {
  .page-home .home-band__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.page-home .home-stat {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 16px 16px 18px;
  border-radius: var(--home-r-sm);
  background: var(--lx-paper);
  border: 1px solid var(--home-line);
}

.page-home .home-stat dt {
  margin: 0;
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1;
  letter-spacing: 0.02em;
  color: var(--lx-gold-ink);
}

.page-home .home-stat dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.62;
  color: var(--lx-stone);
}

.page-home .home-band__note {
  margin: 20px 0 0;
  padding-top: 16px;
  border-top: 1px dashed var(--home-line);
  font-size: 13px;
  line-height: 1.7;
  color: var(--lx-stone);
}

/* ---------- 双入口错位面板 ---------- */
.page-home .home-entries__stack {
  display: grid;
  gap: 22px;
  margin-top: 26px;
}

@media (min-width: 880px) {
  .page-home .home-entries__stack {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    align-items: start;
    gap: 28px;
  }
  .page-home .home-entries__stack > :last-child {
    margin-top: 52px;
  }
}

.page-home .home-entry {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: clamp(22px, 3vw, 36px);
  border-radius: var(--home-r-lg);
}

.page-home .home-entry__eyebrow {
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--lx-gold);
}

.page-home .home-entry--logi .home-entry__eyebrow {
  color: var(--lx-gold-ink);
}

.page-home .home-entry__title {
  margin: 0;
  font-family: var(--lx-font-display);
  font-weight: 800;
  font-size: clamp(22px, 2.4vw, 28px);
  letter-spacing: -0.01em;
}

.page-home .home-entry--stock .home-entry__title {
  color: var(--lx-gold-soft);
}

.page-home .home-entry--logi .home-entry__title {
  color: var(--lx-navy);
}

.page-home .home-entry__sub {
  margin: 0;
  font-size: 15px;
  line-height: 1.78;
}

.page-home .home-entry--stock .home-entry__sub {
  color: rgba(244, 237, 224, 0.84);
}

.page-home .home-entry--logi .home-entry__sub {
  color: var(--lx-stone);
}

.page-home .home-entry__list {
  display: grid;
  gap: 8px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-entry__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-radius: var(--lx-r-pill);
  font-size: 15px;
}

.page-home .home-entry--stock .home-entry__row {
  background: rgba(253, 251, 247, 0.08);
  border: 1px solid var(--home-line-soft);
  color: var(--lx-sand);
}

.page-home .home-entry--logi .home-entry__row {
  background: var(--lx-paper);
  border: 1px solid var(--home-line);
  color: var(--lx-navy);
}

.page-home .home-entry__link {
  align-self: flex-start;
  margin-top: auto;
}

/* ---------- 横向时间轴 ---------- */
.page-home .home-timeline__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(180px, 1fr);
  gap: 14px;
  margin-top: 26px;
  padding: 4px 4px 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
}

.page-home .home-year {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 190px;
  padding: 20px 18px 18px;
  border-radius: var(--home-r-md);
  background: var(--lx-paper);
  border: 1px solid var(--home-line);
  box-shadow: var(--lx-shadow-2);
}

.page-home .home-year__label {
  font-family: var(--lx-font-mono);
  font-size: 24px;
  letter-spacing: 0.08em;
  color: var(--lx-navy);
}

.page-home .home-year__note {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--lx-stone);
}

.page-home .home-year__ticks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: auto;
}

.page-home .home-tick {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  font-family: var(--lx-font-mono);
  font-size: 12px;
  color: var(--lx-stone);
}

.page-home .home-tick::before {
  content: "";
  width: 2px;
  height: 22px;
  border-radius: 2px;
  background: var(--lx-gold-soft);
}

.page-home .home-year--current {
  background: linear-gradient(155deg, var(--lx-navy) 0%, var(--lx-navy-mid) 100%);
  border-color: transparent;
  box-shadow: var(--lx-shadow-1);
}

.page-home .home-year--current .home-year__label {
  color: var(--lx-gold);
}

.page-home .home-year--current .home-year__note {
  color: rgba(244, 237, 224, 0.84);
}

.page-home .home-year--current .home-tick {
  color: var(--lx-gold-soft);
}

.page-home .home-year--current .home-tick::before {
  background: var(--lx-gold);
}

.page-home .home-timeline__foot {
  margin: 18px 0 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--lx-stone);
}

.page-home .home-inlineLink {
  color: var(--lx-gold-ink);
  text-decoration: none;
  border-bottom: 1px solid rgba(227, 163, 60, 0.45);
}

.page-home .home-inlineLink:hover {
  color: var(--lx-navy);
  border-bottom-color: var(--lx-navy);
}

/* ---------- 版本快照 ---------- */
.page-home .home-versions__grid {
  display: grid;
  gap: 28px;
}

@media (min-width: 980px) {
  .page-home .home-versions__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    align-items: start;
    gap: 38px;
  }
}

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

.page-home .home-versions__switcher {
  margin-top: 24px;
}

.page-home .home-versions__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.page-home .home-versions__tabs .lx-tab {
  padding: 9px 20px;
  border-radius: var(--lx-r-pill);
  border: 1px solid var(--home-line);
  background: var(--lx-paper);
  color: var(--lx-navy);
  font-family: var(--lx-font-body);
  font-size: 14px;
  cursor: pointer;
  transition: background 160ms var(--lx-ease), color 160ms var(--lx-ease), border-color 160ms var(--lx-ease);
}

.page-home .home-versions__tabs .lx-tab:hover {
  background: var(--lx-gold-soft);
}

.page-home .home-versions__tabs .lx-tab[aria-selected="true"] {
  background: var(--lx-gold);
  border-color: var(--lx-gold);
  color: var(--lx-navy-deep);
  font-weight: 700;
}

.page-home .lx-tabpanel {
  display: block;
  padding: 20px 22px;
  border-radius: var(--home-r-sm);
  background: var(--lx-paper);
  border: 1px solid var(--home-line);
}

.page-home .lx-tabpanel + .lx-tabpanel {
  margin-top: 12px;
}

.page-home .home-versions:has(.lx-tab[data-ver="stable"][aria-selected="true"]) .lx-tabpanel:not([data-ver="stable"]),
.page-home .home-versions:has(.lx-tab[data-ver="snapshot"][aria-selected="true"]) .lx-tabpanel:not([data-ver="snapshot"]),
.page-home .home-versions:has(.lx-tab[data-ver="archive"][aria-selected="true"]) .lx-tabpanel:not([data-ver="archive"]) {
  display: none;
}

.page-home .home-versions__name {
  margin: 0 0 8px;
  font-family: var(--lx-font-display);
  font-weight: 800;
  font-size: 19px;
  color: var(--lx-navy);
}

.page-home .home-versions__panel p {
  margin: 0;
  font-size: 15px;
  line-height: 1.78;
  color: var(--lx-ink);
}

.page-home .home-versions__use {
  margin-top: 10px !important;
  font-size: 13px !important;
  color: var(--lx-stone) !important;
}

.page-home .home-versions__foot {
  margin: 18px 0 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--lx-stone);
}

.page-home .home-versions__figure {
  margin: 0;
  border-radius: var(--home-r-md);
  overflow: hidden;
}

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

/* ---------- 原料标签墙 ---------- */
.page-home .home-materials__layout {
  display: grid;
  gap: 26px;
}

@media (min-width: 920px) {
  .page-home .home-materials__layout {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 36px;
  }
}

.page-home .home-materials__figure {
  margin: 0;
  border-radius: var(--home-r-lg);
  overflow: hidden;
}

.page-home .home-materials__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.page-home .home-materials__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}

.page-home .home-material {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 16px 16px 18px;
  background: var(--lx-paper);
  border: 1px solid var(--home-line);
  transition: background 160ms var(--lx-ease);
}

.page-home .home-material:hover {
  background: var(--lx-gold-soft);
}

.page-home .home-material__no {
  font-family: var(--lx-font-mono);
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--lx-gold-ink);
}

.page-home .home-material__name {
  font-family: var(--lx-font-display);
  font-weight: 800;
  font-size: clamp(16px, 1.9vw, 21px);
  letter-spacing: -0.01em;
  color: var(--lx-navy);
  word-break: keep-all;
}

.page-home .home-material--a { border-radius: 28px; }
.page-home .home-material--b { border-radius: 18px; }
.page-home .home-material--c { border-radius: 24px; }
.page-home .home-material--d { border-radius: 30px; }
.page-home .home-material--e { border-radius: 18px; }
.page-home .home-material--f { border-radius: 22px; }
.page-home .home-material--g { border-radius: 28px; }

@media (min-width: 640px) {
  .page-home .home-materials__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .page-home .home-material--a { grid-column: span 3; min-height: 124px; }
  .page-home .home-material--b { grid-column: span 3; min-height: 96px; }
  .page-home .home-material--c { grid-column: span 2; min-height: 108px; }
  .page-home .home-material--d { grid-column: span 2; min-height: 92px; }
  .page-home .home-material--e { grid-column: span 2; min-height: 132px; }
  .page-home .home-material--f { grid-column: span 3; min-height: 100px; }
  .page-home .home-material--g { grid-column: span 3; min-height: 118px; }
}

.page-home .home-materials__note {
  margin: 18px 0 0;
  font-size: 13px;
  line-height: 1.75;
  color: var(--lx-stone);
}

/* ---------- 收束 ---------- */
.page-home .home-close__panel {
  padding: clamp(26px, 3.6vw, 48px);
  border-radius: var(--home-r-lg);
  border: none;
  background: linear-gradient(155deg, var(--lx-navy) 0%, var(--lx-navy-mid) 58%, #2F5F7E 100%);
  color: var(--lx-sand);
}

.page-home .home-close__eyebrow {
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--lx-gold);
}

.page-home .home-close__title {
  margin: 0.4em 0 0;
  font-family: var(--lx-font-display);
  font-weight: 900;
  font-size: clamp(24px, 3.2vw, 36px);
  line-height: 1.16;
  letter-spacing: -0.01em;
  color: var(--lx-gold-soft);
}

.page-home .home-close__list {
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.page-home .home-close__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  padding: 15px 18px;
  border-radius: var(--home-r-sm);
  background: rgba(253, 251, 247, 0.07);
  border: 1px solid var(--home-line-soft);
  font-size: 15px;
  line-height: 1.78;
  color: rgba(244, 237, 224, 0.92);
}

.page-home .home-close__idx {
  font-size: 14px;
  letter-spacing: 0.1em;
  color: var(--lx-gold);
}

.page-home .home-close__tail {
  margin: 20px 0 0;
  max-width: 60ch;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(244, 237, 224, 0.78);
}

.page-home .home-close__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 28px;
}

.page-home .home-close__link {
  font-size: 14px;
  color: var(--lx-gold-soft);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(246, 217, 160, 0.38);
  transition: color 160ms var(--lx-ease), border-color 160ms var(--lx-ease);
}

.page-home .home-close__link:hover {
  color: var(--lx-gold);
  border-bottom-color: var(--lx-gold);
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-material,
  .page-home .home-close__link,
  .page-home .home-versions__tabs .lx-tab {
    transition: none;
  }
}