.page-disclaimer {
  --ag-line: rgba(11, 46, 79, .16);
  --ag-line-soft: rgba(11, 46, 79, .08);
  --ag-paper-dim: rgba(245, 240, 228, .80);
  background: var(--paper);
  color: var(--ink);
  overflow-x: hidden;
}

.page-disclaimer .ag-crumb {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.page-disclaimer .ag-crumb .breadcrumb {
  font-size: .85rem;
}

/* ---------- 框景首屏 ---------- */
.page-disclaimer .ag-hero {
  position: relative;
  background: var(--navy);
  color: var(--paper);
  padding: 2.25rem 0 2.75rem;
  border-top: 4px solid var(--orange);
  overflow: hidden;
}

.page-disclaimer .ag-hero::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: repeating-linear-gradient(to right, var(--orange) 0 14px, transparent 14px 28px);
  opacity: .75;
}

.page-disclaimer .ag-hero__inner {
  display: grid;
  gap: 1.75rem;
}

.page-disclaimer .ag-hero .eyebrow {
  color: var(--orange-soft);
}

.page-disclaimer .ag-hero__title {
  color: var(--paper);
  margin: .55rem 0 .9rem;
  font-size: clamp(2.1rem, 7.5vw, 3.5rem);
  line-height: 1.05;
  letter-spacing: -.02em;
}

.page-disclaimer .ag-hero__lead {
  color: var(--ag-paper-dim);
  max-width: 34em;
  margin: 0;
}

.page-disclaimer .ag-hero__facts {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1.15rem;
  border-left: 1px solid rgba(245, 240, 228, .25);
  display: grid;
  gap: .85rem;
}

.page-disclaimer .ag-hero__facts li {
  display: grid;
  gap: .18rem;
}

.page-disclaimer .ag-hero__key {
  font-family: var(--font-mono);
  font-size: .7rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--orange-soft);
}

.page-disclaimer .ag-hero__val {
  font-size: .95rem;
  line-height: 1.6;
  color: var(--paper);
}

/* ---------- 说明区 ---------- */
.page-disclaimer .ag-intro {
  padding: 2.5rem 0;
}

.page-disclaimer .ag-intro__grid {
  display: grid;
  gap: 1.75rem;
}

.page-disclaimer .ag-intro__text h2 {
  margin: .5rem 0 1rem;
}

.page-disclaimer .ag-intro__text p + p {
  margin-top: .95rem;
}

.page-disclaimer .ag-intro__text .body {
  max-width: var(--measure);
}

.page-disclaimer .ag-figure {
  margin: 1.75rem 0 0;
  position: relative;
}

.page-disclaimer .ag-figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  border-radius: var(--radius);
  border: 1px solid var(--ag-line);
}

.page-disclaimer .ag-figure__cap {
  margin-top: .7rem;
  font-size: .82rem;
  line-height: 1.65;
  color: var(--grey);
  max-width: 40em;
}

/* ---------- 速览卡 ---------- */
.page-disclaimer .ag-card {
  background: var(--card);
  border-radius: var(--radius);
  border-top: 3px solid var(--navy);
  padding: 1.35rem 1.25rem 1.5rem;
  box-shadow: var(--shadow-soft);
}

.page-disclaimer .ag-card__eyebrow {
  margin: 0;
  font-family: var(--font-mono);
  font-size: .7rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--stamp);
}

.page-disclaimer .ag-card__title {
  margin: .4rem 0 1rem;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -.01em;
  color: var(--navy);
}

.page-disclaimer .ag-card__list {
  margin: 0;
  display: grid;
  gap: .9rem;
}

.page-disclaimer .ag-card__row {
  display: grid;
  gap: .22rem;
  padding-bottom: .9rem;
  border-bottom: 1px dashed rgba(11, 46, 79, .22);
}

.page-disclaimer .ag-card__row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.page-disclaimer .ag-card__row dt {
  font-family: var(--font-mono);
  font-size: .72rem;
  letter-spacing: .1em;
  color: var(--navy-2);
  text-transform: uppercase;
}

.page-disclaimer .ag-card__row dd {
  margin: 0;
  font-size: .93rem;
  line-height: 1.7;
  color: var(--ink);
}

/* ---------- 条款正文 ---------- */
.page-disclaimer .ag-terms {
  padding: 2.5rem 0;
  background: rgba(230, 220, 198, .55);
  border-top: 1px solid var(--ag-line-soft);
  border-bottom: 1px solid var(--ag-line-soft);
}

.page-disclaimer .ag-terms h2 {
  margin: .5rem 0 0;
}

.page-disclaimer .ag-terms__list {
  list-style: none;
  margin: 1.5rem 0 0;
  padding: 0;
  border-top: 2px solid var(--navy);
}

.page-disclaimer .ag-term {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: .9rem;
  padding: 1.45rem 0;
  border-bottom: 1px solid var(--ag-line);
}

.page-disclaimer .ag-term__num {
  font-family: var(--font-mono);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--orange);
  line-height: 1.4;
}

.page-disclaimer .ag-term__title {
  margin: 0 0 .5rem;
  font-size: 1.12rem;
  font-weight: 800;
  letter-spacing: -.01em;
  color: var(--navy);
}

.page-disclaimer .ag-term__body p {
  margin: 0;
  font-size: .96rem;
  line-height: 1.8;
  color: var(--ink);
  max-width: 42em;
}

/* ---------- 结尾横带 ---------- */
.page-disclaimer .ag-foot {
  padding: 2.5rem 0 3.25rem;
}

.page-disclaimer .ag-foot__inner {
  display: grid;
  gap: 1.35rem;
  background: var(--navy);
  color: var(--paper);
  border-left: 6px solid var(--stamp);
  border-radius: var(--radius);
  padding: 1.75rem 1.5rem;
}

.page-disclaimer .ag-foot__title {
  margin: 0 0 .6rem;
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: -.01em;
  color: var(--paper);
}

.page-disclaimer .ag-foot__note {
  margin: 0;
  font-size: .92rem;
  line-height: 1.75;
  color: var(--ag-paper-dim);
}

.page-disclaimer .ag-foot__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* ---------- 中等屏 ---------- */
@media (min-width: 768px) {
  .page-disclaimer .ag-intro__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    gap: 2.5rem;
    align-items: start;
  }

  .page-disclaimer .ag-foot__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 2rem 2.25rem;
  }

  .page-disclaimer .ag-hero__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ---------- 宽屏 ---------- */
@media (min-width: 1024px) {
  .page-disclaimer .ag-hero {
    padding: 3rem 0 3.25rem;
  }

  .page-disclaimer .ag-hero__inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    align-items: end;
    gap: 3.5rem;
  }

  .page-disclaimer .ag-hero__facts {
    grid-template-columns: minmax(0, 1fr);
    padding-left: 1.5rem;
  }

  .page-disclaimer .ag-intro,
  .page-disclaimer .ag-terms {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .page-disclaimer .ag-term {
    grid-template-columns: 4rem minmax(0, 1fr);
    gap: 1.5rem;
    padding: 1.75rem 0;
  }

  .page-disclaimer .ag-term__num {
    font-size: 1.35rem;
  }

  .page-disclaimer .ag-foot {
    padding-bottom: 4rem;
  }
}
</style>
<<<END>>>

<main id="main-content" class="page-disclaimer">
  <div class="wrap">
    <nav class="breadcrumb" aria-label="面包屑">
      <a href="/">首页</a>
      <span class="breadcrumb__sep">/</span>
      <span aria-current="page">用户协议</span>
    </nav>
  </div>

  <header class="disc-hero">
    <div class="wrap disc-hero__inner">
      <p class="eyebrow">协议与说明</p>
      <h1 class="disc-hero__title">用户协议</h1>
      <p class="disc-hero__lead">使用乐鱼主站之前，请先了解这份约定。它写清了你可以怎样查阅、引用站内的赛事档案与专栏内容，也写清了我们在内容更新和资料保护上的做法。</p>
      <dl class="disc-hero__meta">
        <div class="disc-hero__meta-item">
          <dt>适用对象</dt>
          <dd>所有访问与使用本站内容的访客</dd>
        </div>
        <div class="disc-hero__meta-item">
          <dt>生效范围</dt>
          <dd>档案目录、旧规则说明页、资讯中心与问题解答</dd>
        </div>
        <div class="disc-hero__meta-item">
          <dt>更新方式</dt>
          <dd>随档案批次同步修订，修订后在页首标注版本</dd>
        </div>
      </dl>
    </div>
  </header>

  <section class="disc-reel" data-section aria-labelledby="disc-reel-title">
    <div class="wrap">
      <h2 id="disc-reel-title" class="disc-reel__title">这份协议覆盖的八个方面</h2>
      <p class="disc-reel__intro">按顺序读一遍大约六分钟，也可以直接跳到你最关心的那一条。</p>
    </div>
    <div class="disc-reel__strip" data-reel tabindex="0" role="region" aria-label="协议条款横向索引">
      <a class="disc-reel__chip" href="#disc-01">01 服务范围</a>
      <a class="disc-reel__chip" href="#disc-02">02 查阅与浏览</a>
      <a class="disc-reel__chip" href="#disc-03">03 引用与转载</a>
      <a class="disc-reel__chip" href="#disc-04">04 内容更新</a>
      <a class="disc-reel__chip" href="#disc-05">05 用户行为</a>
      <a class="disc-reel__chip" href="#disc-06">06 知识产权</a>
      <a class="disc-reel__chip" href="#disc-07">07 免责说明</a>
      <a class="disc-reel__chip" href="#disc-08">08 联系与变更</a>
    </div>
  </section>

  <div class="wrap disc-body">
    <div class="disc-body__main">

      <article class="disc-clause reveal" id="disc-01">
        <p class="disc-clause__num mono">01</p>
        <h2 class="disc-clause__title">服务范围</h2>
        <div class="disc-clause__text">
          <p>乐鱼主站提供两类内容：一类是赛事规程档案与场馆球队资料，涵盖 1984 年至今共 37 项赛事、按球类、田径、水上、冰雪、格斗与综合六个大类归档，另有 486 座场馆与 1,120 支球队的静态资料；另一类是由固定撰稿团队撰写的战术拆解与规则演变解读专栏。</p>
          <p>你可以用这些内容做赛前备课、写稿取材、场馆资料核对，也可以单纯把某一年份的规程翻出来读一遍。站内内容按年份与赛事类型双维度组织，从首页出发最多三步就能到达某一项赛事的旧规则正文或某一座场馆的资料页。</p>
        </div>
      </article>

      <article class="disc-clause reveal" id="disc-02">
        <p class="disc-clause__num mono">02</p>
        <h2 class="disc-clause__title">查阅与浏览</h2>
        <div class="disc-clause__text">
          <p>站内内容按公开页面呈现，你无需注册即可翻看档案目录、旧规则说明页与专栏文章。档案条目每季度集中校订一次，新赛事规程在赛事结束后 30 天内完成入库；场馆与球队资料的字段按季度刷新。页面上的条目编号与年份刻度是稳定的，方便你在不同时间回到同一条规程。</p>
          <p>档案编号在电脑端与移动端保持一致，你在办公室查到的条目号，回家用手机打开仍是同一个编号，可以直接抄给同事或写进稿件注释。</p>
        </div>
        <figure class="disc-figure">
          <img src="{zhanqunpic:h:640w:1200}" width="1200" height="640" alt="翻开的规则手册旁边放着编号索引卡与一支笔，纸面印有年份刻度" loading="lazy" decoding="async">
          <figcaption>档案条目独立成卡，编号与年份在使用过程中保持稳定。</figcaption>
        </figure>
      </article>

      <article class="disc-clause reveal" id="disc-03">
        <p class="disc-clause__num mono">03</p>
        <h2 class="disc-clause__title">引用与转载</h2>
        <div class="disc-clause__text">
          <p>用于个人学习、赛前备课或站内讨论时，你可以自由摘录档案条目与专栏段落，注明来源为乐鱼主站即可。面向公开发布的稿件、课程材料或场馆运营文档，请在引用处保留原条目的年份、类别与三位条目号，让读者能顺着编号回到原始页面。</p>
          <p>整篇转载专栏文章或成批搬运档案条目，需要事先取得书面许可。站内内容不用于实时比分播报、投注参考或任何形式的资金往来场景，请勿将其转作上述用途。</p>
        </div>
      </article>

      <article class="disc-clause reveal" id="disc-04">
        <p class="disc-clause__num mono">04</p>
        <h2 class="disc-clause__title">内容更新与版本</h2>
        <div class="disc-clause__text">
          <p>档案区按季度集中校订，校订范围包括规程正文、版本差异对照表与赛后统计数据区间。旧规则页现整理 2,860 条规则条目，每条独立成卡并附折叠说明，便于你逐条比对；版本差异对照表平均为每条规程标注 3 至 7 处变动，能快速定位规则调整位置。</p>
          <p>专家专栏每周更新 2 至 3 篇，遇到赛事节点会推出 5 至 8 篇的专题合辑。专栏内容由 12 位长期撰稿人撰写，以战术拆解与规则演变解读为主。当协议条款随档案批次调整时，我们会同步更新本页版本标记。</p>
        </div>
      </article>

      <article class="disc-clause reveal" id="disc-05">
        <p class="disc-clause__num mono">05</p>
        <h2 class="disc-clause__title">用户行为约定</h2>
        <div class="disc-clause__text">
          <p>使用本站时，请不要以自动化程序高频抓取整站内容，也不要对页面数据做批量复制后再对外分发。站内的年份、容量、历史沿革等字段供你核对与参考，改动后重新发布容易造成信息偏差，也会影响其他读者的使用。</p>
          <p>讨论区与邮件往来中，请保持与体育话题相关的交流方式，不发布与赛事无关的推广内容。</p>
        </div>
      </article>

      <article class="disc-clause reveal" id="disc-06">
        <p class="disc-clause__num mono">06</p>
        <h2 class="disc-clause__title">知识产权</h2>
        <div class="disc-clause__text">
          <p>站内的档案整理成果、栏目结构、专栏文章与页面视觉呈现，归乐鱼主站及相应撰稿团队所有。场馆与球队资料中的公开事实性字段，你可以自由核对与引用；对字段的编排方式与呈现结构，请勿原样复制到其他站点。</p>
          <p>如你希望将站内内容用于出版、培训教材或商业展示，可先通过下方邮箱与档案组联系，说明使用范围与发布渠道。</p>
        </div>
      </article>

      <article class="disc-clause reveal" id="disc-07">
        <p class="disc-clause__num mono">07</p>
        <h2 class="disc-clause__title">免责与使用提示</h2>
        <div class="disc-clause__text">
          <p>站内档案与资料按季度校订，反映的是校订当期的规程内容与场馆球队信息。赛事规程由各赛事组织方发布并可能随赛季调整，实际执行请以赛事组织方公布的最新版本为准。</p>
          <p>专栏文章属于战术与规则解读，供你理解比赛、准备训练使用，不构成对比赛结果的判断。你在训练、报道或运营中依据站内资料做出的安排，请结合自身实际情况评估。</p>
        </div>
      </article>

      <article class="disc-clause reveal" id="disc-08">
        <p class="disc-clause__num mono">08</p>
        <h2 class="disc-clause__title">联系与协议变更</h2>
        <div class="disc-clause__text">
          <p>对档案条目、引用方式或本页内容有疑问，可通过邮件联系，写明具体年份与条目编号，档案组会按季度校订的节奏安排回复。涉及合作、资料对接的事务，可转到商务合作页了解具体流程。</p>
          <p>本协议随档案批次同步修订，修订后的版本在本页更新，版本标记会反映当前批次。继续使用站内内容即视为接受更新后的条款。</p>
        </div>

        <div class="disc-contact">
          <div class="disc-contact__row">
            <span class="disc-contact__key mono">邮箱</span>
            <span class="disc-contact__val">contact@leyu-h5-login.com.cn
              <button type="button" class="copy-btn" data-copy="contact@leyu-h5-login.com.cn">复制</button>
            </span>
          </div>
          <div class="disc-contact__row">
            <span class="disc-contact__key mono">电话</span>
            <span class="disc-contact__val">400-2000-2992
              <button type="button" class="copy-btn" data-copy="400-2000-2992">复制</button>
            </span>
          </div>
          <div class="disc-contact__row">
            <span class="disc-contact__key mono">通信地址</span>
            <span class="disc-contact__val">广西省南宁市青秀区民族大道131号航洋国际城B座18层
              <button type="button" class="copy-btn" data-copy="广西省南宁市青秀区民族大道131号航洋国际城B座18层">复制</button>
            </span>
          </div>
          <p class="disc-contact__note">邮件标题注明“乐鱼档案”，档案组会优先处理与赛事规程、旧规则相关的问题。</p>
        </div>
      </article>

      <div class="disc-back">
        <a class="disc-back__link" href="/">回到首页，从重点场次入口开始查阅</a>
      </div>

    </div>

    <aside class="disc-side" aria-labelledby="disc-side-title">
      <h2 id="disc-side-title" class="disc-side__title">本页速览</h2>
      <ul class="disc-side__list">
        <li class="disc-side__item">
          <span class="disc-side__num mono">37</span>
          <span class="disc-side__label">项赛事规程自 1984 年起归档</span>
        </li>
        <li class="disc-side__item">
          <span class="disc-side__num mono">2,860</span>
          <span class="disc-side__label">条规则条目，独立成卡</span>
        </li>
        <li class="disc-side__item">
          <span class="disc-side__num mono">486</span>
          <span class="disc-side__label">座场馆资料，覆盖 34 个城市</span>
        </li>
        <li class="disc-side__item">
          <span class="disc-side__num mono">18</span>
          <span class="disc-side__label">人编辑团队，分档案、专栏、资料三组</span>
        </li>
      </ul>
      <p class="disc-side__foot mono">桂ICP备69282331号-2</p>
    </aside>
  </div>
</main>

.page-disclaimer {
  --disc-ink-soft: #3E4C59;
  --disc-hair: rgba(21, 32, 43, .16);
  background: var(--paper);
  color: var(--ink);
  display: block;
}

.page-disclaimer .breadcrumb {
  padding: 20px 0 4px;
  font-size: 13px;
  color: var(--grey);
}

.page-disclaimer .breadcrumb a {
  color: var(--navy-2);
  text-decoration: none;
  border-bottom: 1px solid var(--disc-hair);
}

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

.page-disclaimer .breadcrumb__sep {
  margin: 0 8px;
  color: var(--grey);
}

/* 首屏 */
.page-disclaimer .disc-hero {
  background: var(--navy);
  color: var(--paper);
  border-bottom: 3px solid var(--orange);
  padding: 34px 0 40px;
}

.page-disclaimer .disc-hero__inner {
  display: block;
}

.page-disclaimer .disc-hero .eyebrow {
  color: var(--highlight);
}

.page-disclaimer .disc-hero__title {
  font-family: var(--font-head);
  font-size: 40px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.02em;
  transform: skewX(-2deg);
  margin: 10px 0 14px;
}

.page-disclaimer .disc-hero__lead {
  max-width: var(--measure);
  font-size: 16px;
  line-height: 1.8;
  color: #D8E2EC;
  margin: 0 0 26px;
}

.page-disclaimer .disc-hero__meta {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 0;
  border-top: 1px solid rgba(245, 240, 228, .22);
  padding-top: 18px;
}

.page-disclaimer .disc-hero__meta-item dt {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--orange-soft);
  margin-bottom: 4px;
}

.page-disclaimer .disc-hero__meta-item dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #E7EDF3;
}

/* 横向条款索引 */
.page-disclaimer .disc-reel {
  background: var(--card);
  border-bottom: 1px solid var(--disc-hair);
  padding: 24px 0 20px;
}

.page-disclaimer .disc-reel__title {
  font-family: var(--font-head);
  font-size: 18px;
  font-weight: 800;
  transform: skewX(-2deg);
  margin: 0 0 6px;
  color: var(--navy);
}

.page-disclaimer .disc-reel__intro {
  margin: 0 0 16px;
  font-size: 14px;
  color: var(--disc-ink-soft);
}

.page-disclaimer .disc-reel__strip {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding: 4px 20px 12px;
  -webkit-overflow-scrolling: touch;
}

.page-disclaimer .disc-reel__strip:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 2px;
}

.page-disclaimer .disc-reel__chip {
  flex: 0 0 auto;
  scroll-snap-align: start;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--navy);
  background: var(--paper);
  border: 1px solid var(--disc-hair);
  border-radius: var(--radius);
  padding: 9px 14px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out;
}

.page-disclaimer .disc-reel__chip:hover,
.page-disclaimer .disc-reel__chip:focus-visible {
  background: var(--orange);
  color: #15202B;
  border-color: var(--orange);
}

/* 主体双栏 */
.page-disclaimer .disc-body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  padding: 36px 0 64px;
}

.page-disclaimer .disc-body__main {
  min-width: 0;
}

/* 条款卡片 */
.page-disclaimer .disc-clause {
  position: relative;
  background: var(--paper);
  border: 1px solid var(--disc-hair);
  border-left: 4px solid var(--navy);
  border-radius: var(--radius);
  padding: 22px 20px 24px;
  margin-bottom: 20px;
}

.page-disclaimer .disc-clause__num {
  font-size: 12px;
  letter-spacing: .14em;
  color: var(--orange);
  margin: 0 0 6px;
  display: inline-block;
  background: rgba(255, 106, 19, .12);
  padding: 3px 8px;
  border-radius: var(--radius);
}

.page-disclaimer .disc-clause__title {
  font-family: var(--font-head);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.01em;
  transform: skewX(-2deg);
  margin: 0 0 14px;
  color: var(--navy);
}

.page-disclaimer .disc-clause__text p {
  font-size: 15px;
  line-height: 1.85;
  color: var(--disc-ink-soft);
  max-width: var(--measure);
  margin: 0 0 12px;
}

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

.page-disclaimer .disc-figure {
  margin: 20px 0 0;
}

.page-disclaimer .disc-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius);
  border: 1px solid var(--disc-hair);
}

.page-disclaimer .disc-figure figcaption {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--grey);
}

/* 联系方式块 */
.page-disclaimer .disc-contact {
  margin-top: 20px;
  background: var(--card);
  border-radius: var(--radius);
  padding: 18px 16px;
}

.page-disclaimer .disc-contact__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--disc-hair);
}

.page-disclaimer .disc-contact__row:last-of-type {
  border-bottom: 0;
}

.page-disclaimer .disc-contact__key {
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--navy-2);
}

.page-disclaimer .disc-contact__val {
  font-size: 14px;
  line-height: 1.7;
  color: var(--ink);
  word-break: break-word;
}

.page-disclaimer .disc-contact .copy-btn {
  margin-left: 8px;
  font-size: 12px;
  font-family: var(--font-body);
  background: transparent;
  border: 1px solid var(--navy);
  color: var(--navy);
  border-radius: var(--radius);
  padding: 2px 9px;
  cursor: pointer;
  transition: background 200ms ease-out, color 200ms ease-out;
}

.page-disclaimer .disc-contact .copy-btn:hover,
.page-disclaimer .disc-contact .copy-btn:focus-visible {
  background: var(--orange);
  border-color: var(--orange);
  color: #15202B;
}

.page-disclaimer .disc-contact .copy-btn[data-copied] {
  background: var(--teal);
  border-color: var(--teal);
  color: #FFFFFF;
}

.page-disclaimer .disc-contact__note {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.7;
  color: var(--disc-ink-soft);
}

.wrap .page-disclaimer .disc-back {
  display: none;
}

.page-disclaimer .disc-back {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--disc-hair);
}

.page-disclaimer .disc-back__link {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: var(--navy);
  text-decoration: none;
  border-bottom: 2px solid var(--orange);
  padding-bottom: 2px;
  transition: color 200ms ease-out;
}

.page-disclaimer .disc-back__link:hover,
.page-disclaimer .disc-back__link:focus-visible {
  color: var(--orange);
}

/* 侧栏 */
.page-disclaimer .disc-side {
  background: var(--navy);
  color: var(--paper);
  border-radius: var(--radius);
  padding: 22px 18px 24px;
  border-top: 3px solid var(--orange);
}

.page-disclaimer .disc-side__title {
  font-family: var(--font-head);
  font-size: 16px;
  font-weight: 800;
  transform: skewX(-2deg);
  margin: 0 0 16px;
  color: var(--highlight);
}

.page-disclaimer .disc-side__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.page-disclaimer .disc-side__item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(245, 240, 228, .18);
}

.page-disclaimer .disc-side__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-disclaimer .disc-side__num {
  font-size: 22px;
  font-weight: 700;
  color: var(--orange-soft);
  line-height: 1;
}

.page-disclaimer .disc-side__label {
  font-size: 13px;
  line-height: 1.6;
  color: #D8E2EC;
}

.page-disclaimer .disc-side__foot {
  margin: 20px 0 0;
  padding-top: 14px;
  border-top: 1px dashed rgba(245, 240, 228, .3);
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--grey);
}

/* 章节进入视口 */
.page-disclaimer .reveal {
  opacity: 1;
}

.page-disclaimer .js-ready .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 280ms ease-out, transform 280ms ease-out;
}

.page-disclaimer .js-ready .reveal.is-active {
  opacity: 1;
  transform: none;
}

@media (min-width: 700px) {
  .page-disclaimer .disc-hero {
    padding: 46px 0 52px;
  }

  .page-disclaimer .disc-hero__title {
    font-size: 56px;
  }

  .page-disclaimer .disc-hero__meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
  }

  .page-disclaimer .disc-reel__strip {
    padding: 4px 0 14px;
  }

  .page-disclaimer .disc-contact__row {
    grid-template-columns: 110px 1fr;
    align-items: baseline;
    gap: 14px;
  }

  .page-disclaimer .disc-clause {
    padding: 28px 28px 30px;
  }
}

@media (min-width: 1024px) {
  .page-disclaimer .disc-body {
    grid-template-columns: minmax(0, 8fr) minmax(0, 3fr);
    gap: 40px;
    padding: 48px 0 80px;
  }

  .page-disclaimer .disc-side {
    position: sticky;
    top: 96px;
    align-self: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .disc-reel__chip,
  .page-disclaimer .disc-contact .copy-btn,
  .page-disclaimer .disc-back__link,
  .page-disclaimer .js-ready .reveal {
    transition: none;
  }

  .page-disclaimer .js-ready .reveal {
    opacity: 1;
    transform: none;
  }
}
<<<END>>>

<main id="main-content" class="page-disclaimer">
  <div class="wrap">
    <nav class="breadcrumb" aria-label="面包屑导航">
      <a href="/">首页</a>
      <span class="breadcrumb__sep" aria-hidden="true">/</span>
      <span aria-current="page">用户协议</span>
    </nav>
  </div>

  <section class="ag-hero">
    <div class="wrap ag-hero__grid">
      <div class="ag-hero__main">
        <p class="eyebrow">协议与说明 · 批次 07</p>
        <h1 class="h1 ag-hero__title">用户协议</h1>
        <p class="lead ag-hero__lead">
          这份协议说明乐鱼主站的资料你在什么情况下可以查阅、引用与二次使用，也说明我们对档案内容承担到什么程度。花几分钟读完，之后无论是赛前备课、写稿查数据，还是核对某一年份的规程原文，你都知道该怎么用、该找谁。
        </p>
        <ul class="ag-hero__pills">
          <li class="tag tag--highlight">档案条目每季度校订</li>
          <li class="tag tag--navy">新规程赛后 30 天内入库</li>
          <li class="tag tag--teal">专栏每周更新 2 至 3 篇</li>
        </ul>
      </div>
      <aside class="ag-hero__card">
        <p class="ag-hero__card-title mono">本页要点</p>
        <ul class="ag-hero__list">
          <li>查阅档案与专栏无需注册。</li>
          <li>公开引用请保留年份与条目编号。</li>
          <li>涉及出版与培训需先取得授权。</li>
          <li>内容更新与修订在本页同步说明。</li>
        </ul>
      </aside>
    </div>
  </section>

  <div class="wrap ag-layout">
    <div class="ag-content">

      <article class="ag-block reveal" id="scope" data-section>
        <p class="ag-block__index mono">01</p>
        <h2 class="h2 ag-block__title">这些内容你可以怎么用</h2>
        <div class="ag-block__body">
          <p>
            乐鱼主站提供的资料分两条线。一条是赛事档案：从 1984 年延续至今的 37 项赛事规程存档，按球类、田径、水上、冰雪、格斗与综合六个大类归档，每项赛事包含规程正文、版本差异对照表与赛后统计数据区间，旧规则页现整理 2,860 条规则条目，逐条独立成卡。另一条是对外开放的场馆与球队资料，收录 486 座场馆、覆盖 34 个城市，以及 1,120 支球队的所属联赛、主客场与常用战术风格标注。
          </p>
          <p>
            你可以在训练备课、赛事报道、场馆运营资料整理中直接取用这些信息。场馆与球队的字段按季度刷新，规则条目在每年固定的校订节点集中复核；遇到赛事节点，专栏还会推出 5 至 8 篇的专题合辑，把规则变化与它对战术的影响对上。
          </p>
        </div>
      </article>

      <article class="ag-block reveal" id="access" data-section>
        <p class="ag-block__index mono">02</p>
        <h2 class="h2 ag-block__title">查阅方式与使用边界</h2>
        <div class="ag-block__body">
          <p>
            档案目录、旧规则说明页与专栏文章均可在站内直接翻阅，不需要注册，也不涉及任何付费环节。年份条带可以横向拖动，规则卡片点开折叠说明即可看到该条目的调整前后表述；检索命中的词以高亮黄标出，方便你快速定位。
          </p>
          <p>
            需要留意的是，站内资料服务于查阅、备课与报道取材。赛事结果、实时比分、投注建议一类内容不在其中，也不要将站内条目用于任何形式的资金往来场景。若你把某一条规程当作赛事执法的唯一依据，请同时对照赛事组织方公布的当季正式文本。
          </p>
        </div>
        <figure class="ag-figure">
          <img src="{zhanqunpic:h:560w:1120}" width="1120" height="560" alt="档案室桌面上摊开的旧规则手册与并排放置的索引卡，卡片边缘印有年份刻度" loading="lazy" decoding="async">
          <figcaption>旧规则页的每条规程独立成卡，卡片上标有年份与条目编号。</figcaption>
        </figure>
      </article>

      <article class="ag-block reveal" id="quote" data-section>
        <p class="ag-block__index mono">03</p>
        <h2 class="h2 ag-block__title">引用、转载与再发布</h2>
        <div class="ag-block__body">
          <div class="rule-block">
            <p class="rule-block__num mono">03-01</p>
            <p>个人学习、教学备课与非商业报道中引用档案条目，请标注来源为乐鱼主站，并保留原条目的年份与三位编号。</p>
          </div>
          <div class="rule-block">
            <p class="rule-block__num mono">03-02</p>
            <p>媒体稿件引用版本差异对照表时，建议一并写明所对照的两个版本批次，便于读者回溯规则调整的时间点。</p>
          </div>
          <div class="rule-block">
            <p class="rule-block__num mono">03-03</p>
            <p>专栏文章整篇转载、结集出版或用于商业培训，需要事先取得书面许可，可先通过页脚邮箱与我们联系说明用途。</p>
          </div>
          <div class="rule-block">
            <p class="rule-block__num mono">03-04</p>
            <p>场馆与球队资料中的静态字段可自由核对与引用，但不得拆解重建为同类资料库对外发布。</p>
          </div>
        </div>
      </article>

      <article class="ag-block reveal" id="duty" data-section>
        <p class="ag-block__index mono">04</p>
        <h2 class="h2 ag-block__title">内容维护与更新节奏</h2>
        <div class="ag-block__body">
          <p>
            档案条目每季度集中校订一次，新赛事规程在赛事结束后 30 天内完成入库。场馆与球队资料的字段按季度刷新，历史沿革、容量与看台结构发生变化时会同步更新。专栏每周更新 2 至 3 篇，由 12 位长期撰稿人轮值撰写，遇到赛事节点会推出专题合辑。
          </p>
          <p>
            档案区在 2021 年完成改版，新增横向年份条带与版本差异对照表，此后旧规则页的每一条规程都保留折叠说明，能直接看到该条的修订前后表述。你在引用时可以按季度批次说明所依据的版本。
          </p>
        </div>
      </article>

      <article class="ag-block reveal" id="liability" data-section>
        <p class="ag-block__index mono">05</p>
        <h2 class="h2 ag-block__title">责任范围与使用提示</h2>
        <div class="ag-block__body">
          <p>
            站内整理的规程存档以赛事组织方公开的文本为基础，经档案组逐条校订后成卡。赛事规程由赛事组织方发布并可能随赛季调整，实际执法请以赛事组织方公布的最新正式文本为准。你在训练、备课、报道或场馆运营中依据站内资料做出的安排，由你结合实际情况自行判断。
          </p>
          <p>
            专栏文章属于战术与规则演变解读，帮助你把规则变化与场上表现对上。若你在使用过程中发现某条档案与手头材料不一致，欢迎指出具体年份与条目编号，档案组会在当季校订中核实处理。
          </p>
        </div>
      </article>

      <article class="ag-block reveal" id="contact" data-section>
        <p class="ag-block__index mono">06</p>
        <h2 class="h2 ag-block__title">协议变更与联系渠道</h2>
        <div class="ag-block__body">
          <p>
            这份协议随档案批次同步修订，修订后的版本在本页更新，旧批次不再另行保留入口。在此之前已经完成的引用与转载，按当时的批次版本处理。条款内容如有调整，会在本页更新后的当季生效。
          </p>
          <div class="contact-strip ag-contact">
            <div class="contact-strip__item">
              <span class="contact-strip__key mono">邮箱</span>
              <span class="contact-strip__val">contact@leyu-h5-login.com.cn
                <button type="button" class="copy-btn" data-copy="contact@leyu-h5-login.com.cn">复制</button>
              </span>
            </div>
            <div class="contact-strip__item">
              <span class="contact-strip__key mono">电话</span>
              <span class="contact-strip__val">400-2000-2992
                <button type="button" class="copy-btn" data-copy="400-2000-2992">复制</button>
              </span>
            </div>
            <div class="contact-strip__item">
              <span class="contact-strip__key mono">通信地址</span>
              <span class="contact-strip__val">广西省南宁市青秀区民族大道131号航洋国际城B座18层
                <button type="button" class="copy-btn" data-copy="广西省南宁市青秀区民族大道131号航洋国际城B座18层">复制</button>
              </span>
            </div>
          </div>
          <p class="ag-note">
            赛事档案与旧规则相关的咨询，请在邮件标题中注明“乐鱼档案”，邮件会转交档案组处理。合作与资料对接事务可前往<a href="/cooperation/">商务合作</a>页了解流程。
          </p>
        </div>
      </article>

      <nav class="ag-next" aria-label="相关入口">
        <a class="ag-next__item" href="/catalog/">
          <span class="ag-next__label mono">档案目录</span>
          <span class="ag-next__text">按年份与赛事类型定位条目</span>
        </a>
        <a class="ag-next__item" href="/information/">
          <span class="ag-next__label mono">资讯中心</span>
          <span class="ag-next__text">战术拆解与规则演变解读</span>
        </a>
        <a class="ag-next__item" href="/questions/">
          <span class="ag-next__label mono">问题解答</span>
          <span class="ag-next__text">常见使用问题与操作说明</span>
        </a>
      </nav>

    </div>

    <aside class="ag-side" aria-label="本页目录">
      <p class="ag-side__title mono">本页目录</p>
      <ol class="ag-side__list">
        <li><a href="#scope">01 内容使用范围</a></li>
        <li><a href="#access">02 查阅方式与边界</a></li>
        <li><a href="#quote">03 引用与转载</a></li>
        <li><a href="#duty">04 维护与更新</a></li>
        <li><a href="#liability">05 责任范围</a></li>
        <li><a href="#contact">06 变更与联系</a></li>
      </ol>
      <p class="ag-side__stamp mono">桂ICP备69282331号-2</p>
    </aside>
  </div>
</main>

.page-disclaimer {
  --ag-ink: #15202B;
  --ag-ink-soft: #3B4A57;
  --ag-line: rgba(21, 32, 43, .14);
  --ag-line-strong: rgba(21, 32, 43, .28);
  --ag-paper-edge: rgba(230, 220, 198, .7);
  background: var(--paper);
  color: var(--ag-ink);
}

.page-disclaimer .breadcrumb {
  padding: 22px 0 6px;
  font-size: 13px;
  color: var(--grey);
}

.page-disclaimer .breadcrumb a {
  color: var(--navy-2);
  text-decoration: none;
  border-bottom: 1px solid var(--ag-line);
}

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

.page-disclaimer .breadcrumb__sep {
  margin: 0 8px;
  color: var(--grey);
}

/* 首屏框景 */
.page-disclaimer .ag-hero {
  background: var(--navy);
  color: var(--paper);
  border-top: 3px solid var(--navy-2);
  border-bottom: 4px solid var(--orange);
  padding: 36px 0 40px;
  position: relative;
  overflow: hidden;
}

.page-disclaimer .ag-hero::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: repeating-linear-gradient(
    to bottom,
    var(--orange-soft) 0 8px,
    transparent 8px 20px
  );
  opacity: .55;
}

.page-disclaimer .ag-hero__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}

.page-disclaimer .ag-hero .eyebrow {
  color: var(--orange-soft);
}

.page-disclaimer .ag-hero__title {
  font-family: var(--font-head);
  font-size: 38px;
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1.1;
  transform: skewX(-2deg);
  margin: 12px 0 16px;
  color: #FFFFFF;
}

.page-disclaimer .ag-hero__lead {
  font-size: 16px;
  line-height: 1.8;
  color: #D9E3EC;
  max-width: 40em;
  margin: 0 0 20px;
}

.page-disclaimer .ag-hero__pills {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.page-disclaimer .ag-hero__card {
  background: rgba(245, 240, 228, .07);
  border: 1px solid rgba(245, 240, 228, .22);
  border-left: 3px solid var(--orange);
  border-radius: var(--radius);
  padding: 18px 18px 20px;
}

.page-disclaimer .ag-hero__card-title {
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--orange-soft);
  margin: 0 0 12px;
}

.page-disclaimer .ag-hero__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.page-disclaimer .ag-hero__list li {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.65;
  color: #E4EBF2;
}

.page-disclaimer .ag-hero__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 2px;
  background: var(--highlight);
}

/* 主体布局 */
.page-disclaimer .ag-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  padding: 34px 0 64px;
}

.page-disclaimer .ag-content {
  min-width: 0;
}

/* 条款区块 */
.page-disclaimer .ag-block {
  position: relative;
  padding: 26px 0 28px;
  border-bottom: 1px solid var(--ag-line);
}

.page-disclaimer .ag-block:first-child {
  padding-top: 0;
}

.page-disclaimer .ag-block:last-of-type {
  border-bottom: 0;
}

.page-disclaimer .ag-block__index {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--navy);
  background: var(--highlight);
  border-radius: var(--radius);
  padding: 3px 9px;
  margin: 0 0 12px;
}

.page-disclaimer .ag-block__title {
  font-family: var(--font-head);
  font-size: 23px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.01em;
  transform: skewX(-2deg);
  margin: 0 0 14px;
  color: var(--navy);
}

.page-disclaimer .ag-block__body p {
  font-size: 15px;
  line-height: 1.85;
  color: var(--ag-ink-soft);
  max-width: var(--measure);
  margin: 0 0 12px;
}

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

.page-disclaimer .ag-block__body a {
  color: var(--navy-2);
  text-decoration: none;
  border-bottom: 1px solid var(--orange);
}

.page-disclaimer .ag-block__body a:hover,
.page-disclaimer .ag-block__body a:focus-visible {
  color: var(--orange);
}

.page-disclaimer .ag-figure {
  margin: 22px 0 0;
}

.page-disclaimer .ag-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius);
  border: 1px solid var(--ag-line);
}

.page-disclaimer .ag-figure figcaption {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.65;
  color: var(--grey);
}

/* 条文卡片 */
.page-disclaimer .rule-block {
  background: var(--paper);
  border: 1px solid var(--ag-line);
  border-left: 3px solid var(--orange);
  border-radius: var(--radius);
  padding: 14px 16px;
  margin: 0 0 10px;
}

.page-disclaimer .rule-block:last-child {
  margin-bottom: 0;
}

.page-disclaimer .rule-block__num {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--stamp);
  margin: 0 0 6px;
}

.page-disclaimer .rule-block p:last-child {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--ag-ink);
}

/* 联系方式 */
.page-disclaimer .ag-contact {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 22px 0 0;
  background: var(--card);
  border: 1px solid var(--ag-line-strong);
  border-radius: var(--radius);
  padding: 6px 16px;
}

.page-disclaimer .contact-strip__item {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 10px;
  align-items: baseline;
  padding: 13px 0;
  border-bottom: 1px solid var(--ag-line);
}

.page-disclaimer .contact-strip__item:last-child {
  border-bottom: 0;
}

.page-disclaimer .contact-strip__key {
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--navy-2);
}

.page-disclaimer .contact-strip__val {
  font-size: 14px;
  line-height: 1.7;
  color: var(--ag-ink);
  word-break: break-word;
}

.page-disclaimer .copy-btn {
  margin-left: 8px;
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--navy);
  background: transparent;
  border: 1px solid var(--navy-2);
  border-radius: var(--radius);
  padding: 2px 9px;
  cursor: pointer;
  transition: background 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out;
}

.page-disclaimer .copy-btn:hover,
.page-disclaimer .copy-btn:focus-visible {
  background: var(--orange);
  border-color: var(--orange);
  color: var(--ag-ink);
}

.page-disclaimer .copy-btn[data-copied] {
  background: var(--teal);
  border-color: var(--teal);
  color: #FFFFFF;
}

.page-disclaimer .ag-note {
  font-size: 13px;
  line-height: 1.75;
  color: var(--ag-ink-soft);
  max-width: var(--measure);
  margin: 16px 0 0;
}

/* 相关入口 */
.page-disclaimer .ag-next {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 34px;
}

.page-disclaimer .ag-next__item {
  display: block;
  text-decoration: none;
  background: var(--navy);
  color: var(--paper);
  border-radius: var(--radius);
  border-left: 4px solid var(--orange);
  padding: 16px 18px;
  transition: background 200ms ease-out, transform 200ms ease-out;
}

.page-disclaimer .ag-next__item:hover,
.page-disclaimer .ag-next__item:focus-visible {
  background: var(--navy-2);
  transform: translateX(3px);
}

.page-disclaimer .ag-next__label {
  display: block;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--orange-soft);
  margin-bottom: 6px;
}

.page-disclaimer .ag-next__text {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  color: #E4EBF2;
}

/* 侧栏目录 */
.page-disclaimer .ag-side {
  align-self: start;
  background: var(--card);
  border: 1px solid var(--ag-line);
  border-top: 3px solid var(--navy);
  border-radius: var(--radius);
  padding: 18px 18px 20px;
}

.page-disclaimer .ag-side__title {
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--navy);
  margin: 0 0 12px;
}

.page-disclaimer .ag-side__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
  counter-reset: none;
}

.page-disclaimer .ag-side__list a {
  display: block;
  font-size: 13px;
  line-height: 1.55;
  color: var(--ag-ink);
  text-decoration: none;
  padding: 8px 10px;
  border-left: 2px solid transparent;
  border-radius: var(--radius);
  transition: background 200ms ease-out, border-color 200ms ease-out, color 200ms ease-out;
}

.page-disclaimer .ag-side__list a:hover,
.page-disclaimer .ag-side__list a:focus-visible {
  background: var(--paper);
  border-left-color: var(--orange);
  color: var(--navy);
}

.page-disclaimer .ag-side__stamp {
  margin: 16px 0 0;
  padding-top: 14px;
  border-top: 1px dashed var(--ag-line-strong);
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--grey);
}

/* 动效降级与显现 */
.page-disclaimer .reveal {
  opacity: 1;
}

.page-disclaimer .js-ready .reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 280ms ease-out, transform 280ms ease-out;
}

.page-disclaimer .js-ready .reveal.is-active {
  opacity: 1;
  transform: none;
}

/* 平板 */
@media (min-width: 720px) {
  .page-disclaimer .ag-hero {
    padding: 48px 0 52px;
  }

  .page-disclaimer .ag-hero__grid {
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    gap: 34px;
    align-items: start;
  }

  .page-disclaimer .ag-hero__title {
    font-size: 48px;
  }

  .page-disclaimer .ag-block {
    padding: 30px 0 32px;
  }

  .page-disclaimer .ag-block__title {
    font-size: 26px;
  }

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

  .page-disclaimer .ag-contact {
    padding: 8px 20px;
  }
}

/* 桌面 */
@media (min-width: 1024px) {
  .page-disclaimer .ag-layout {
    grid-template-columns: minmax(0, 8fr) minmax(0, 3fr);
    gap: 46px;
    padding: 46px 0 84px;
  }

  .page-disclaimer .ag-side {
    position: sticky;
    top: 92px;
  }

  .page-disclaimer .ag-block__body p {
    font-size: 16px;
  }

  .page-disclaimer .ag-figure figcaption {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .copy-btn,
  .page-disclaimer .ag-next__item,
  .page-disclaimer .ag-side__list a,
  .page-disclaimer .js-ready .reveal {
    transition: none;
  }

  .page-disclaimer .js-ready .reveal {
    opacity: 1;
    transform: none;
  }
}