.page-disclaimer {
  --doc-gap: clamp(28px, 4vw, 64px);
  background: var(--ink);
  color: var(--fog);
  padding-bottom: var(--pad-y);
  overflow-x: hidden;
}

.page-disclaimer a {
  color: var(--lime-soft);
  text-decoration: none;
  border-bottom: 1px solid rgba(198, 255, 61, 0.35);
}

.page-disclaimer a:hover,
.page-disclaimer a:focus-visible {
  color: var(--lime);
  border-bottom-color: var(--lime);
}

/* ---------- 页首 ---------- */
.page-disclaimer .doc-head {
  padding-top: clamp(20px, 4vw, 44px);
}

.page-disclaimer .doc-head .eyebrow {
  color: var(--orange-soft);
  margin-bottom: 14px;
}

.page-disclaimer h1 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(32px, 7vw, 78px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  margin: 0 0 20px;
  max-width: 18em;
  color: var(--fog);
}

.page-disclaimer .doc-lead {
  margin: 0;
  max-width: 44em;
  font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.85;
  color: var(--muted);
}

.page-disclaimer .doc-meta {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 32px;
  margin: 26px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid var(--line);
}

.page-disclaimer .doc-meta__item {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.page-disclaimer .doc-meta__num {
  font-family: var(--font-mono);
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1;
  color: var(--lime);
  letter-spacing: 0.02em;
}

.page-disclaimer .doc-meta__unit {
  font-size: 11px;
  letter-spacing: var(--track);
  color: var(--muted);
}

/* ---------- 首图 ---------- */
.page-disclaimer .doc-figure {
  margin: clamp(26px, 4vw, 52px) 0 0;
  position: relative;
  border: 2px solid var(--line);
  background: var(--deep);
  overflow: hidden;
}

.page-disclaimer .doc-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  opacity: 0.82;
}

.page-disclaimer .doc-figure::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  aspect-ratio: 16 / 9;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(0deg, rgba(198, 255, 61, 0.16) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(90deg, rgba(198, 255, 61, 0.12) 0 1px, transparent 1px 64px),
    linear-gradient(120deg, transparent 46%, rgba(255, 138, 61, 0.28) 47%, transparent 48%);
  mix-blend-mode: screen;
}

.page-disclaimer .doc-figure__cap {
  position: relative;
  z-index: 1;
  display: block;
  padding: 11px 14px;
  border-top: 2px solid var(--line);
  background: var(--deep);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--muted);
}

/* ---------- 主体栅格 ---------- */
.page-disclaimer .doc-body {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--doc-gap);
  margin-top: clamp(30px, 5vw, 62px);
}

/* ---------- 目录 ---------- */
.page-disclaimer .doc-toc {
  border-top: 2px solid var(--line);
  padding-top: 14px;
}

.page-disclaimer .doc-toc__title {
  margin: 0;
  font-family: var(--font-mono);
  font-size: var(--micro);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--dim);
}

.page-disclaimer .doc-toc__list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
}

.page-disclaimer .doc-toc__link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 2px 0;
  font-size: 13px;
  color: var(--muted);
  border-bottom: 1px solid transparent;
}

.page-disclaimer .doc-toc__idx {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--dim);
  letter-spacing: 0.06em;
}

/* ---------- 条款 ---------- */
.page-disclaimer .doc-clauses {
  display: flex;
  flex-direction: column;
  gap: clamp(26px, 3.6vw, 48px);
  min-width: 0;
}

.page-disclaimer .clause {
  scroll-margin-top: 130px;
}

.page-disclaimer .clause__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding-top: 14px;
  border-top: 2px solid var(--line);
  margin-bottom: 18px;
}

.page-disclaimer .clause__num {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.08em;
  color: var(--lime);
  flex: none;
}

.page-disclaimer .clause--version .clause__num {
  color: var(--orange);
}

.page-disclaimer .clause__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(19px, 2.5vw, 28px);
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: var(--fog);
}

.page-disclaimer .clause__body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.page-disclaimer .clause__main {
  min-width: 0;
  font-size: 15px;
  line-height: 1.85;
  color: var(--fog);
}

.page-disclaimer .clause__main p {
  margin: 0 0 0.9em;
  break-inside: avoid;
}

.page-disclaimer .clause__main p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .clause__main .num {
  font-family: var(--font-mono);
  color: var(--lime);
  letter-spacing: 0.02em;
}

.page-disclaimer .clause__note {
  padding: 10px 0 10px 14px;
  border-left: 2px solid var(--orange);
  background: linear-gradient(90deg, rgba(255, 138, 61, 0.08), transparent 72%);
  font-size: 12.5px;
  line-height: 1.75;
  color: var(--muted);
}

.page-disclaimer .clause__note p {
  margin: 0;
}

/* ---------- 版本标签条 ---------- */
.page-disclaimer .doc-break {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 0;
  padding: 12px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--orange-soft);
}

.page-disclaimer .doc-break span:first-child {
  color: var(--orange);
}

/* ---------- 版本卡片 ---------- */
.page-disclaimer .version-band {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.page-disclaimer .version-card {
  border: 2px solid var(--line);
  background: var(--deep);
  padding: 14px 16px;
  scroll-margin-top: 130px;
}

.page-disclaimer .version-card--current {
  border-color: var(--lime);
  background: linear-gradient(160deg, rgba(198, 255, 61, 0.1), var(--deep) 60%);
}

.page-disclaimer .version-card__tag {
  display: inline-block;
  padding: 3px 9px;
  border: 1px solid rgba(255, 196, 138, 0.4);
  background: rgba(255, 196, 138, 0.12);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--orange-soft);
}

.page-disclaimer .version-card--current .version-card__tag {
  border-color: rgba(198, 255, 61, 0.5);
  background: rgba(198, 255, 61, 0.12);
  color: var(--lime);
}

.page-disclaimer .version-card h3 {
  margin: 12px 0 8px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--fog);
}

.page-disclaimer .version-card p {
  margin: 0;
  font-size: 13px;
  line-height: 1.72;
  color: var(--muted);
}

/* ---------- 联系方式 ---------- */
.page-disclaimer .doc-contact {
  margin-top: clamp(32px, 5vw, 64px);
  padding: clamp(18px, 3.2vw, 30px);
  border: 2px solid var(--line);
  background: var(--deep);
  scroll-margin-top: 130px;
}

.page-disclaimer .doc-contact__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 20px;
}

.page-disclaimer .doc-contact__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(19px, 2.5vw, 26px);
  letter-spacing: -0.01em;
  color: var(--fog);
}

.page-disclaimer .doc-contact__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px 24px;
}

.page-disclaimer .doc-contact__key {
  font-family: var(--font-mono);
  font-size: var(--micro);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--dim);
  padding-top: 6px;
}

.page-disclaimer .doc-contact__val {
  font-size: 15px;
  color: var(--fog);
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(28, 90, 60, 0.7);
  word-break: break-word;
}

.page-disclaimer .doc-contact__val--num {
  font-family: var(--font-mono);
  letter-spacing: 0.04em;
  color: var(--lime);
}

.page-disclaimer .doc-contact__note {
  margin: 20px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-size: 12.5px;
  line-height: 1.75;
  color: var(--muted);
  max-width: 46em;
}

/* ---------- 响应式 ---------- */
@media (min-width: 640px) {
  .page-disclaimer .doc-contact__grid {
    grid-template-columns: minmax(88px, max-content) minmax(0, 1fr);
    row-gap: 4px;
  }

  .page-disclaimer .version-band {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 760px) {
  .page-disclaimer .clause__body {
    grid-template-columns: minmax(0, 1fr) 210px;
    gap: 26px;
  }

  .page-disclaimer .clause--version .clause__main {
    columns: 2;
    column-gap: 30px;
  }
}

@media (min-width: 900px) {
  .page-disclaimer .doc-body {
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: start;
  }

  .page-disclaimer .doc-toc {
    position: sticky;
    top: 120px;
  }

  .page-disclaimer .doc-toc__list {
    flex-direction: column;
    gap: 2px;
  }
}

@media (min-width: 1120px) {
  .page-disclaimer .clause__main {
    columns: 2;
    column-gap: 34px;
  }

  .page-disclaimer .clause--version .clause__main {
    columns: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer * {
    transition: none !important;
    animation: none !important;
  }
}


<main id="main-content" class="page-disclaimer">
  <div class="container">
    <nav class="breadcrumb" aria-label="面包屑">
      <ol class="breadcrumb__list">
        <li><a href="/">赛场首页</a></li>
        <li><span aria-current="page">使用说明</span></li>
      </ol>
    </nav>

    <header class="doc-head">
      <p class="eyebrow">赛事栏目 · 使用说明 · 第3版赛程栏目</p>
      <h1>赛程怎么查，比分多久更新，赛后数据能用到哪一步</h1>
      <p class="doc-lead">
        亚博线上赛场面向夜间看球的电脑端球迷组织内容，从赛事日历进入，按赛事系列找到场次，
        看完比赛再回到赛后复盘查技术统计。下面这份说明讲清栏目的适用范围、比分与技术统计的时效、
        内容的使用方式，以及版本变化和遇到问题时该联系谁。
      </p>
      <ul class="doc-meta">
        <li class="doc-meta__item"><span class="doc-meta__num num">48</span><span class="doc-meta__unit">小时 · 主队比分刷新节奏</span></li>
        <li class="doc-meta__item"><span class="doc-meta__num num">2</span><span class="doc-meta__unit">小时 · 赛后技术统计可调取</span></li>
        <li class="doc-meta__item"><span class="doc-meta__num num">5</span><span class="doc-meta__unit">个赛事分类 · 12 个赛事系列</span></li>
        <li class="doc-meta__item"><span class="doc-meta__num num">第3版</span><span class="doc-meta__unit">电脑版赛程栏目</span></li>
      </ul>
    </header>
  </div>

  <div class="container">
    <figure class="doc-figure">
      <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="夜间赛场战术板线条、箭头与网格组成的抽象图形，配合使用说明章节">
      <figcaption class="doc-figure__cap">战术板线条与时间刻度 · 赛程、比分与技术统计在同一套阅读节奏里展开</figcaption>
    </figure>
  </div>

  <div class="container doc-body">
    <aside class="doc-toc" aria-label="条款目录">
      <p class="doc-toc__title">条款目录</p>
      <ul class="doc-toc__list">
        <li><a class="doc-toc__link" href="#scope"><span class="doc-toc__idx">01</span>使用范围</a></li>
        <li><a class="doc-toc__link" href="#timing"><span class="doc-toc__idx">02</span>赛程与比分时效</a></li>
        <li><a class="doc-toc__link" href="#stats"><span class="doc-toc__idx">03</span>技术统计使用</a></li>
        <li><a class="doc-toc__link" href="#copyright"><span class="doc-toc__idx">04</span>内容版权与转载</a></li>
        <li><a class="doc-toc__link" href="#links"><span class="doc-toc__idx">05</span>外部链接</a></li>
        <li><a class="doc-toc__link" href="#version"><span class="doc-toc__idx">06</span>版本更新</a></li>
        <li><a class="doc-toc__link" href="#contact"><span class="doc-toc__idx">07</span>联系方式</a></li>
      </ul>
    </aside>

    <div class="doc-clauses">
      <article class="clause" id="scope" data-reveal>
        <div class="clause__head">
          <span class="clause__num">01</span>
          <h2 class="clause__title">使用范围</h2>
        </div>
        <div class="clause__body">
          <div class="clause__main">
            <p>
              栏目按足球、篮球、网球、排球和综合赛事五个分类组织，每个分类下挂具体的赛事系列，
              系列之内再按开赛顺序排出赛程节点。找比赛时先选分类，再选系列，场次就会按时间排好，
              不用在整页列表里逐个翻找。
            </p>
            <p>
              电脑端是主要阅读场景：宽屏下一屏能同时看到多张赛程卡片，卡片以紧凑模块错落排布，
              中间留出大块深色空间，长时间盯赛程不容易累。移动端可以查看基础赛程与复盘内容，
              版面仍以桌面宽屏为设计基准，手机上的信息排布会更紧凑。
            </p>
            <p>
              赛后复盘与技术统计摘要服务于赛事回顾：比赛结束后回看关键节点，对照射门、控球、
              传球成功率等指标，把整场过程重新过一遍。长期跟队的球迷可以从主队追踪一路看到
              赛季内的赛程节点，不必每场重新检索。
            </p>
          </div>
          <aside class="clause__note">
            <p>适合刚接触栏目的新访客、每轮必看的跟队球迷，以及看完比赛想查数据的复盘观众。第一次来，从导航栏的赛事日历进去最省事。</p>
          </aside>
        </div>
      </article>

      <article class="clause" id="timing" data-reveal>
        <div class="clause__head">
          <span class="clause__num">02</span>
          <h2 class="clause__title">赛程与比分时效</h2>
        </div>
        <div class="clause__body">
          <div class="clause__main">
            <p>
              主队比分按固定的<span class="num">48</span>小时节奏刷新，页面用时间刻度标出当前显示对应的刷新点，
              你看到的比分就属于这个刻度。刻度之外的时间段，比分停留在上一次刷新结果，
              对照刻度看即可知道数据的新旧。
            </p>
            <p>
              赛程节点在开赛前完成校对，卡片上写明赛事系列、轮次与开赛时间，临近开赛的场次排在更靠前的位置。
              已经结束的场次保留在时间轴上，往下滚动就能看到此前的节点，方便补看漏掉的比赛。
            </p>
            <p>
              如果你发现比分与页面时间刻度对不上，记下页面显示的刻度、场次与设备型号，
              发到客服邮箱，我们会按刻度重新检查该场次并更正。
            </p>
          </div>
          <aside class="clause__note">
            <p>比分与时间一律用等宽字体排列，同一时段的几场球可以横向对齐比较，快速判断哪场更需要先看。</p>
          </aside>
        </div>
      </article>

      <article class="clause" id="stats" data-reveal>
        <div class="clause__head">
          <span class="clause__num">03</span>
          <h2 class="clause__title">技术统计使用</h2>
        </div>
        <div class="clause__body">
          <div class="clause__main">
            <p>
              赛后<span class="num">2</span>小时内即可调取技术统计摘要，指标包含射门、控球、传球成功率、
              角球、犯规和越位。摘要以条目形式列出，读起来像一张赛后记分单，扫一眼就能抓住比赛的大致走向。
            </p>
            <p>
              复盘页支持把射门与控球逐项摊开对照，看一支球队在上下半场的节奏变化，
              也能横向比较两队的传球成功率与犯规分布。关键节点用短句列出，配合数据条一起读，
              不需要额外拉表格。
            </p>
            <p>
              这些统计用于赛事回顾与内容写作。投注、赔率以及资金相关内容与栏目定位无关，
              站内内容始终围绕比赛本身展开。
            </p>
          </div>
          <aside class="clause__note">
            <p>引用数据时建议同时保留赛事系列与轮次，读者凭这两项就能在<a href="/blog/">赛后复盘</a>里找到对应场次。</p>
          </aside>
        </div>
      </article>

      <p class="doc-break">
        <span>版本动态</span><span>第1版 · 基础赛程列表</span><span>第2版 · 加入主队追踪</span><span>第3版 · 模块化与宽屏适配</span><span>当前赛季阶段 · 持续维护</span>
      </p>

      <article class="clause" id="copyright" data-reveal>
        <div class="clause__head">
          <span class="clause__num">04</span>
          <h2 class="clause__title">内容版权与转载</h2>
        </div>
        <div class="clause__body">
          <div class="clause__main">
            <p>
              站内的文字、图形、数据编排和版式设计由本站组织与制作。短段落引用欢迎注明来源与原文链接，
              用于评论、推荐或赛事讨论都没问题。
            </p>
            <p>
              整表转载赛程表、技术统计表或整篇复盘长文，需要事先取得书面许可。来信请说明用途、发布渠道与
              预计篇幅，我们会在工作日回复可用的授权方式。
            </p>
            <p>
              赛事名称、队徽及相关标识归各自权利人所有，站内使用仅用于赛事识别与内容说明，
              不代表任何形式的授权或合作。
            </p>
          </div>
          <aside class="clause__note">
            <p>教学、研究等非商业场景可以先来信沟通，我们会给出适合的引用范围和标注方式。</p>
          </aside>
        </div>
      </article>

      <article class="clause" id="links" data-reveal>
        <div class="clause__head">
          <span class="clause__num">05</span>
          <h2 class="clause__title">外部链接</h2>
        </div>
        <div class="clause__body">
          <div class="clause__main">
            <p>
              站内指向其他网站的文字链接，作用是把同一主题的信息延伸出去，方便你继续往下查。
              跳转之后，访问行为适用目标页面自己的条款与隐私做法，请留意对方的说明。
            </p>
            <p>
              如果某个链接打开后内容无关或已无法访问，把页面位置和大致情况发到客服邮箱即可，
              我们会核查后替换。
            </p>
          </div>
          <aside class="clause__note">
            <p>站内主要入口集中在<a href="/business/">赛程栏目</a>、<a href="/blog/">赛后复盘</a>与导航中的赛事日历三处。</p>
          </aside>
        </div>
      </article>

      <article class="clause clause--version" id="version" data-reveal>
        <div class="clause__head">
          <span class="clause__num">06</span>
          <h2 class="clause__title">版本更新</h2>
        </div>
        <div class="clause__body">
          <div class="clause__main">
            <p>
              赛程栏目电脑版已经更新至第3版，采用模块化布局，重点改善了宽屏阅读体验和赛程卡片的排布方式。
              版本变化会在赛程页与复盘页顶部以标签形式标出，历史版本按第1版、第2版、第3版标记，
              对照标签就能看出功能差异。
            </p>
            <p>
              赛程栏目按赛季阶段推进维护：赛季开始前铺好赛事系列与节点，赛季中随每轮校对补齐开赛时间，
              赛季间隙整理版本说明与归档节点。
            </p>
          </div>
          <aside class="clause__note">
            <p>赛事日历按今日焦点、未来48小时、联赛日历、主队追踪、技术统计入口和版本说明六块组织，进站先看前两块最有效率。</p>
          </aside>
        </div>

        <ul class="version-band">
          <li class="version-card" id="v1">
            <span class="version-card__tag num">第 1 版</span>
            <h3>基础赛程列表</h3>
            <p>以赛事系列的顺序列出场次与开赛时间，解决了从无到有的查找问题，页面结构偏单列。</p>
          </li>
          <li class="version-card" id="v2">
            <span class="version-card__tag num">第 2 版</span>
            <h3>加入主队追踪</h3>
            <p>把常看的球队单独集中，跟队球迷不必每轮重新检索，赛程节点开始按时间轴呈现。</p>
          </li>
          <li class="version-card version-card--current" id="v3">
            <span class="version-card__tag num">第 3 版 · 当前</span>
            <h3>模块化与宽屏适配</h3>
            <p>赛程卡片改为紧凑模块错落排布，宽屏一屏可读多场，比分与技术统计入口并列可见。</p>
          </li>
        </ul>
      </article>
    </div>
  </div>

  <div class="container">
    <section class="doc-contact" id="contact" data-reveal aria-labelledby="contact-title">
      <div class="doc-contact__head">
        <span class="clause__num">07</span>
        <h2 class="doc-contact__title" id="contact-title">联系方式</h2>
      </div>
      <div class="doc-contact__grid">
        <span class="doc-contact__key">客服邮箱</span>
        <span class="doc-contact__val">kefu@yayabo.com.cn</span>
        <span class="doc-contact__key">服务电话</span>
        <span class="doc-contact__val doc-contact__val--num">400-1864-3108</span>
        <span class="doc-contact__key">联系地址</span>
        <span class="doc-contact__val">山西省太原市小店区学府街127号</span>
        <span class="doc-contact__key">备案号</span>
        <span class="doc-contact__val doc-contact__val--num">晋ICP备78146300号-5</span>
      </div>
      <p class="doc-contact__note">
        该邮箱为站点客服邮箱，工作日 9:00-18:00 内回复。赛事数据相关的问题请附页面截图与设备信息，
        写明场次、赛事系列与页面显示的时间刻度，处理起来最快。隐私相关的说明见
        <a href="/privacy/">隐私政策</a>，其他合作与反馈可直接走<a href="/find-us/">联系与支持</a>页面。
      </p>
    </section>
  </div>
</main>

.page-disclaimer {
  --doc-gap: clamp(28px, 4vw, 64px);
  background: var(--ink);
  color: var(--fog);
  padding-bottom: var(--pad-y);
  overflow-x: hidden;
}

.page-disclaimer a {
  color: var(--lime-soft);
  text-decoration: none;
  border-bottom: 1px solid rgba(198, 255, 61, 0.35);
}

.page-disclaimer a:hover,
.page-disclaimer a:focus-visible {
  color: var(--lime);
  border-bottom-color: var(--lime);
}

/* ---------- 页首 ---------- */
.page-disclaimer .doc-head {
  padding-top: clamp(20px, 4vw, 44px);
}

.page-disclaimer .doc-head .eyebrow {
  color: var(--orange-soft);
  margin-bottom: 14px;
}

.page-disclaimer h1 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(32px, 7vw, 78px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  margin: 0 0 20px;
  max-width: 18em;
  color: var(--fog);
}

.page-disclaimer .doc-lead {
  margin: 0;
  max-width: 44em;
  font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.85;
  color: var(--muted);
}

.page-disclaimer .doc-meta {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 32px;
  margin: 26px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid var(--line);
}

.page-disclaimer .doc-meta__item {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.page-disclaimer .doc-meta__num {
  font-family: var(--font-mono);
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1;
  color: var(--lime);
  letter-spacing: 0.02em;
}

.page-disclaimer .doc-meta__unit {
  font-size: 11px;
  letter-spacing: var(--track);
  color: var(--muted);
}

/* ---------- 首图 ---------- */
.page-disclaimer .doc-figure {
  margin: clamp(26px, 4vw, 52px) 0 0;
  position: relative;
  border: 2px solid var(--line);
  background: var(--deep);
  overflow: hidden;
}

.page-disclaimer .doc-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  opacity: 0.82;
}

.page-disclaimer .doc-figure::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  aspect-ratio: 16 / 9;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(0deg, rgba(198, 255, 61, 0.16) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(90deg, rgba(198, 255, 61, 0.12) 0 1px, transparent 1px 64px),
    linear-gradient(120deg, transparent 46%, rgba(255, 138, 61, 0.28) 47%, transparent 48%);
  mix-blend-mode: screen;
}

.page-disclaimer .doc-figure__cap {
  position: relative;
  z-index: 1;
  display: block;
  padding: 11px 14px;
  border-top: 2px solid var(--line);
  background: var(--deep);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--muted);
}

/* ---------- 主体栅格 ---------- */
.page-disclaimer .doc-body {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--doc-gap);
  margin-top: clamp(30px, 5vw, 62px);
}

/* ---------- 目录 ---------- */
.page-disclaimer .doc-toc {
  border-top: 2px solid var(--line);
  padding-top: 14px;
}

.page-disclaimer .doc-toc__title {
  margin: 0;
  font-family: var(--font-mono);
  font-size: var(--micro);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--dim);
}

.page-disclaimer .doc-toc__list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
}

.page-disclaimer .doc-toc__link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 2px 0;
  font-size: 13px;
  color: var(--muted);
  border-bottom: 1px solid transparent;
}

.page-disclaimer .doc-toc__idx {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--dim);
  letter-spacing: 0.06em;
}

/* ---------- 条款 ---------- */
.page-disclaimer .doc-clauses {
  display: flex;
  flex-direction: column;
  gap: clamp(26px, 3.6vw, 48px);
  min-width: 0;
}

.page-disclaimer .clause {
  scroll-margin-top: 130px;
}

.page-disclaimer .clause__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding-top: 14px;
  border-top: 2px solid var(--line);
  margin-bottom: 18px;
}

.page-disclaimer .clause__num {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.08em;
  color: var(--lime);
  flex: none;
}

.page-disclaimer .clause--version .clause__num {
  color: var(--orange);
}

.page-disclaimer .clause__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(19px, 2.5vw, 28px);
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: var(--fog);
}

.page-disclaimer .clause__body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.page-disclaimer .clause__main {
  min-width: 0;
  font-size: 15px;
  line-height: 1.85;
  color: var(--fog);
}

.page-disclaimer .clause__main p {
  margin: 0 0 0.9em;
  break-inside: avoid;
}

.page-disclaimer .clause__main p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .clause__main .num {
  font-family: var(--font-mono);
  color: var(--lime);
  letter-spacing: 0.02em;
}

.page-disclaimer .clause__note {
  padding: 10px 0 10px 14px;
  border-left: 2px solid var(--orange);
  background: linear-gradient(90deg, rgba(255, 138, 61, 0.08), transparent 72%);
  font-size: 12.5px;
  line-height: 1.75;
  color: var(--muted);
}

.page-disclaimer .clause__note p {
  margin: 0;
}

/* ---------- 版本标签条 ---------- */
.page-disclaimer .doc-break {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 0;
  padding: 12px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--orange-soft);
}

.page-disclaimer .doc-break span:first-child {
  color: var(--orange);
}

/* ---------- 版本卡片 ---------- */
.page-disclaimer .version-band {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.page-disclaimer .version-card {
  border: 2px solid var(--line);
  background: var(--deep);
  padding: 14px 16px;
  scroll-margin-top: 130px;
}

.page-disclaimer .version-card--current {
  border-color: var(--lime);
  background: linear-gradient(160deg, rgba(198, 255, 61, 0.1), var(--deep) 60%);
}

.page-disclaimer .version-card__tag {
  display: inline-block;
  padding: 3px 9px;
  border: 1px solid rgba(255, 196, 138, 0.4);
  background: rgba(255, 196, 138, 0.12);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--orange-soft);
}

.page-disclaimer .version-card--current .version-card__tag {
  border-color: rgba(198, 255, 61, 0.5);
  background: rgba(198, 255, 61, 0.12);
  color: var(--lime);
}

.page-disclaimer .version-card h3 {
  margin: 12px 0 8px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--fog);
}

.page-disclaimer .version-card p {
  margin: 0;
  font-size: 13px;
  line-height: 1.72;
  color: var(--muted);
}

/* ---------- 联系方式 ---------- */
.page-disclaimer .doc-contact {
  margin-top: clamp(32px, 5vw, 64px);
  padding: clamp(18px, 3.2vw, 30px);
  border: 2px solid var(--line);
  background: var(--deep);
  scroll-margin-top: 130px;
}

.page-disclaimer .doc-contact__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 20px;
}

.page-disclaimer .doc-contact__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(19px, 2.5vw, 26px);
  letter-spacing: -0.01em;
  color: var(--fog);
}

.page-disclaimer .doc-contact__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px 24px;
}

.page-disclaimer .doc-contact__key {
  font-family: var(--font-mono);
  font-size: var(--micro);
  letter-spacing: var(--track);
  text-transform: uppercase;
  color: var(--dim);
  padding-top: 6px;
}

.page-disclaimer .doc-contact__val {
  font-size: 15px;
  color: var(--fog);
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(28, 90, 60, 0.7);
  word-break: break-word;
}

.page-disclaimer .doc-contact__val--num {
  font-family: var(--font-mono);
  letter-spacing: 0.04em;
  color: var(--lime);
}

.page-disclaimer .doc-contact__note {
  margin: 20px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-size: 12.5px;
  line-height: 1.75;
  color: var(--muted);
  max-width: 46em;
}

/* ---------- 响应式 ---------- */
@media (min-width: 640px) {
  .page-disclaimer .doc-contact__grid {
    grid-template-columns: minmax(88px, max-content) minmax(0, 1fr);
    row-gap: 4px;
  }

  .page-disclaimer .version-band {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 760px) {
  .page-disclaimer .clause__body {
    grid-template-columns: minmax(0, 1fr) 210px;
    gap: 26px;
  }

  .page-disclaimer .clause--version .clause__main {
    columns: 2;
    column-gap: 30px;
  }
}

@media (min-width: 900px) {
  .page-disclaimer .doc-body {
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: start;
  }

  .page-disclaimer .doc-toc {
    position: sticky;
    top: 120px;
  }

  .page-disclaimer .doc-toc__list {
    flex-direction: column;
    gap: 2px;
  }
}

@media (min-width: 1120px) {
  .page-disclaimer .clause__main {
    columns: 2;
    column-gap: 34px;
  }

  .page-disclaimer .clause--version .clause__main {
    columns: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer * {
    transition: none !important;
    animation: none !important;
  }
}