.page-disclaimer {
  --t-hair: rgba(159, 179, 200, 0.13);
  --t-hair-strong: rgba(0, 229, 255, 0.26);
  --t-berry: rgba(122, 46, 87, 0.24);
}

/* ---------- 顶部窄条 ---------- */
.page-disclaimer .terms-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--t-hair);
  background: var(--c-deep);
}

.page-disclaimer .terms-hero__line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 2;
  background: linear-gradient(90deg, var(--c-cyan) 0%, var(--c-orange) 55%, rgba(255, 107, 53, 0) 100%);
}

.page-disclaimer .terms-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.26;
  max-width: none;
}

.page-disclaimer .terms-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 11, 26, 0.42) 0%, rgba(10, 17, 40, 0.82) 48%, var(--c-deep) 100%);
}

.page-disclaimer .terms-hero__inner {
  position: relative;
  z-index: 1;
  padding-block: 3.25rem 2.75rem;
}

.page-disclaimer .crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.125rem;
  font-size: var(--fs-14);
  color: var(--ink-dim);
}

.page-disclaimer .crumbs a {
  color: var(--c-cyan);
  text-decoration: none;
}

.page-disclaimer .crumbs a:hover {
  text-decoration: underline;
}

.page-disclaimer h1 {
  margin: 0 0 0.875rem;
  font-family: var(--font-head);
  font-size: clamp(2rem, 7vw, var(--fs-52));
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-disclaimer .terms-hero .lead {
  margin: 0;
  max-width: 62ch;
  font-size: var(--fs-17);
  line-height: 1.8;
  color: var(--ink-dim);
}

.page-disclaimer .terms-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.page-disclaimer .terms-meta__ver {
  font-family: var(--font-mono);
  font-size: var(--fs-14);
  letter-spacing: 0.04em;
  color: var(--c-sand);
}

/* ---------- 主体框架 ---------- */
.page-disclaimer .terms-frame {
  padding-block: 2rem 4.5rem;
}

/* ---------- 章节索引 ---------- */
.page-disclaimer .terms-index {
  position: sticky;
  top: var(--header-h);
  z-index: 4;
  margin-bottom: 2rem;
  padding-bottom: 0.625rem;
  background: var(--c-deep);
  border-bottom: 1px solid var(--t-hair);
}

.page-disclaimer .terms-index__title {
  margin: 0 0 0.625rem;
  font-size: var(--fs-12);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-dim);
}

.page-disclaimer .terms-index__list {
  display: flex;
  gap: 0.5rem;
  margin: 0 0 0.25rem;
  padding: 0 0 0.375rem;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.page-disclaimer .terms-index__list li {
  flex: 0 0 auto;
}

.page-disclaimer .terms-index__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--t-hair);
  border-radius: var(--r-pill);
  font-size: var(--fs-14);
  color: var(--ink-dim);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease), background-color 0.2s var(--ease);
}

.page-disclaimer .terms-index__link:hover {
  color: var(--ink);
  border-color: var(--t-hair-strong);
  background: rgba(0, 229, 255, 0.06);
}

.page-disclaimer .terms-index__num {
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  color: var(--c-cyan);
  letter-spacing: 0.04em;
}

.page-disclaimer .terms-index__top {
  display: none;
}

/* ---------- 条款区块 ---------- */
.page-disclaimer .terms-clause,
.page-disclaimer .terms-archive {
  scroll-margin-top: calc(var(--header-h) + 2.5rem);
}

.page-disclaimer .terms-clause {
  margin-bottom: 3.25rem;
}

.page-disclaimer .terms-clause__head,
.page-disclaimer .terms-archive__head {
  display: flex;
  align-items: baseline;
  gap: 0.875rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid var(--t-hair-strong);
}

.page-disclaimer .terms-clause__num,
.page-disclaimer .terms-archive__num {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: var(--fs-22);
  line-height: 1.1;
  color: var(--c-cyan);
  letter-spacing: -0.02em;
}

.page-disclaimer .terms-clause__title,
.page-disclaimer .terms-archive__title {
  margin: 0;
  font-family: var(--font-head);
  font-size: clamp(1.375rem, 4.4vw, 2rem);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--ink);
}

/* ---------- 条款条目 ---------- */
.page-disclaimer .terms-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .terms-item {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: 0 0.75rem;
  padding: 1.125rem 0;
  border-bottom: 1px solid var(--t-hair);
}

.page-disclaimer .terms-item:last-child {
  border-bottom: 0;
  padding-bottom: 0.25rem;
}

.page-disclaimer .terms-item__no {
  padding-top: 0.38rem;
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  letter-spacing: 0.02em;
  color: var(--c-cyan);
}

.page-disclaimer .terms-item p {
  margin: 0;
  max-width: 68ch;
  font-size: var(--fs-17);
  line-height: 1.8;
  color: var(--ink);
}

.page-disclaimer .terms-item a {
  color: var(--c-cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 229, 255, 0.35);
}

.page-disclaimer .terms-item a:hover {
  border-bottom-color: var(--c-cyan);
}

/* ---------- 引用块 ---------- */
.page-disclaimer .terms-quote {
  margin: 1.25rem 0 0;
  padding: 1.125rem 1.125rem 1.125rem 1.25rem;
  border-left: 3px solid var(--c-berry);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  background: var(--t-berry);
}

.page-disclaimer .terms-quote p {
  margin: 0;
  font-size: var(--fs-17);
  line-height: 1.75;
  color: var(--ink);
}

.page-disclaimer .terms-quote a {
  color: var(--c-cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 229, 255, 0.35);
}

/* ---------- 更新记录 ---------- */
.page-disclaimer .terms-archive {
  margin-top: 1rem;
}

.page-disclaimer .terms-fold {
  margin-top: 1.25rem;
  border: 1px solid var(--t-hair);
  border-radius: var(--r-md);
  background: var(--c-indigo);
  overflow: hidden;
}

.page-disclaimer .terms-fold summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.125rem;
  font-size: var(--fs-17);
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
  list-style: none;
}

.page-disclaimer .terms-fold summary::-webkit-details-marker {
  display: none;
}

.page-disclaimer .terms-fold summary::after {
  content: "+";
  font-family: var(--font-mono);
  font-size: var(--fs-22);
  line-height: 1;
  color: var(--c-cyan);
}

.page-disclaimer .terms-fold[open] summary::after {
  content: "-";
}

.page-disclaimer .terms-fold__body {
  display: grid;
  gap: 1rem;
  padding: 0 1.125rem 1.25rem;
}

.page-disclaimer .terms-fold__item {
  padding-top: 1rem;
  border-top: 1px solid var(--t-hair);
}

.page-disclaimer .terms-fold__ver {
  margin: 0 0 0.375rem;
  font-family: var(--font-mono);
  font-size: var(--fs-14);
  letter-spacing: 0.04em;
  color: var(--c-sand);
}

.page-disclaimer .terms-fold__item p:last-child {
  margin: 0;
  font-size: var(--fs-14);
  line-height: 1.75;
  color: var(--ink-dim);
}

.page-disclaimer .terms-archive .small {
  margin: 1rem 0 0;
  font-size: var(--fs-14);
  line-height: 1.7;
  color: var(--ink-dim);
}

.page-disclaimer .terms-archive .small a {
  color: var(--c-cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 229, 255, 0.35);
}

/* ---------- 窄屏修正 ---------- */
@media (max-width: 480px) {
  .page-disclaimer .terms-hero__inner {
    padding-block: 2.5rem 2rem;
  }

  .page-disclaimer .terms-item {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: 0 0.5rem;
  }

  .page-disclaimer .terms-index__title {
    display: none;
  }

  .page-disclaimer .terms-fold summary {
    font-size: var(--fs-14);
  }
}

/* ---------- 桌面端：编号栏吸附 ---------- */
@media (min-width: 960px) {
  .page-disclaimer .terms-hero__inner {
    padding-block: 4.5rem 3.75rem;
  }

  .page-disclaimer .terms-frame {
    display: grid;
    grid-template-columns: 232px minmax(0, 1fr);
    gap: 3.5rem;
    padding-block: 3.5rem 6rem;
  }

  .page-disclaimer .terms-index {
    position: sticky;
    top: calc(var(--header-h) + 2rem);
    align-self: start;
    margin-bottom: 0;
    padding-bottom: 0;
    background: transparent;
    border-bottom: 0;
  }

  .page-disclaimer .terms-index__list {
    display: grid;
    gap: 0;
    overflow: visible;
    padding-bottom: 0;
  }

  .page-disclaimer .terms-index__list li {
    flex: initial;
  }

  .page-disclaimer .terms-index__link {
    width: 100%;
    padding: 0.625rem 0 0.625rem 0.875rem;
    border: 0;
    border-left: 2px solid var(--t-hair);
    border-radius: 0;
    white-space: normal;
    line-height: 1.5;
    transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
  }

  .page-disclaimer .terms-index__link:hover {
    background: transparent;
    border-left-color: var(--c-cyan);
  }

  .page-disclaimer .terms-index__top {
    display: inline-block;
    margin-top: 1.25rem;
    padding-left: 0.875rem;
    font-size: var(--fs-12);
    letter-spacing: 0.08em;
    color: var(--ink-dim);
    text-decoration: none;
  }

  .page-disclaimer .terms-index__top:hover {
    color: var(--c-cyan);
  }

  .page-disclaimer .terms-item {
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: 0 0.875rem;
    padding: 1.375rem 0;
  }

  .page-disclaimer .terms-clause {
    margin-bottom: 4rem;
  }
}
</style>
<<<END>>>

等等——我手动加了一个 `</style>` 标签，这是不允许的。我应该只输出 CSS，不带任何包裹标签。我来修正一下。

另外，我再确认一下：`.page-disclaimer .terms-hero__img { max-width: none; }` —— 这没问题，因为它是绝对定位的，而且是 `object-fit: cover`。如果全局 CSS 里有 `img { max-width: 100% }` 的话，这个可以绕开。

其实图片上设 `max-width:none` 和 `width:100%` 会冲突，等于没限制宽度，但 `width:100%` 已经把它约束在容器内了，没问题。

`.page-disclaimer .crumbs` —— 共享 CSS 里可能已经有 `.crumbs` 的样式，这里是覆盖，应该可以。

`var(--t-berry)` 在作用域内定义过 —— 没问题。

`var(--header-h)` 是存在的。

`var(--r-pill)`、`var(--r-md)`、`var(--fs-12)`、`var(--fs-14)`、`var(--fs-17)`、`var(--fs-22)`、`var(--fs-52)`、`var(--font-head)`、`var(--font-mono)`、`var(--ease)`、`var(--c-cyan)`、`var(--c-orange)`、`var(--c-berry)`、`var(--c-sand)`、`var(--c-indigo)`、`var(--c-deep)`、`var(--ink)`、`var(--ink-dim)` —— 这些全都在。

现在不带 `</style>` 标签重新输出。

另外，再检查一下不允许出现的措辞：不能用“不提供、本页只、这个页面只做、我们不做、边界、口径、核对、资料性呈现”这类说法。

检查一下我的条款列表：“不得出借、出租或转售”——这个是“不得”，用在规则性条款里，没问题。“未经许可，不得把数据接口用于商业分发”——嗯，这是规则，可以。

再仔细找找：“不使用”、“不提供”——第 3.2 条里：“不需要再单独开通一次”——这个“不需要”是用户的语境，不是“我们不提供”。再看看还有没有“不做承诺”之类的——没有。

好。

扫描一下“不出现”这个措辞——没有。

好，重新输出了。
<main id="main-content" class="page-disclaimer">
  <div class="terms-hero" id="terms-top">
    <span class="terms-hero__line" aria-hidden="true"></span>
    <img class="terms-hero__img" src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="深色底色上由等宽编号块与细线折起的条文网格抽象示意">
    <div class="wrap terms-hero__inner">
      <nav class="crumbs" aria-label="当前位置">
        <a href="/">首页</a>
        <span aria-hidden="true">/</span>
        <span>使用条款</span>
      </nav>
      <h1>使用条款</h1>
      <p class="lead">从你在欧易体育建起第一份关注列表那一刻起，这份约定就跟着你走：账号归谁使用、比分与复盘数据从哪里来、订阅覆盖到哪个范围、出现分歧时先走哪条路。</p>
      <div class="terms-meta">
        <span class="tag tag--live">现行版本</span>
        <span class="num terms-meta__ver">v4.2 · 2025 赛季</span>
      </div>
    </div>
  </div>

  <div class="wrap terms-frame">
    <nav class="terms-index" aria-label="条款章节">
      <p class="terms-index__title">条款章节</p>
      <ol class="terms-index__list">
        <li><a class="terms-index__link" href="#clause-01"><span class="terms-index__num">01</span>账号与使用规范</a></li>
        <li><a class="terms-index__link" href="#clause-02"><span class="terms-index__num">02</span>赛事数据与内容版权</a></li>
        <li><a class="terms-index__link" href="#clause-03"><span class="terms-index__num">03</span>订阅服务的范围</a></li>
        <li><a class="terms-index__link" href="#clause-04"><span class="terms-index__num">04</span>服务变更与中断</a></li>
        <li><a class="terms-index__link" href="#clause-05"><span class="terms-index__num">05</span>责任与争议处理</a></li>
        <li><a class="terms-index__link" href="#clause-archive"><span class="terms-index__num">06</span>条款更新记录</a></li>
      </ol>
      <a class="terms-index__top" href="#terms-top">回到顶部</a>
    </nav>

    <div class="terms-body">
      <section class="terms-clause" id="clause-01">
        <header class="terms-clause__head">
          <span class="terms-clause__num" aria-hidden="true">01</span>
          <h2 class="terms-clause__title">账号与使用规范</h2>
        </header>
        <ol class="terms-items">
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">1.1</span>
            <p>账号归注册者本人使用，一个手机号对应一个账号。老用户不必重新注册，用原账号登录后直接进赛事中心；新用户在第一场比赛加进关注列表时完成建号。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">1.2</span>
            <p>团队账户面向小型观赛团体与企业工会，最多容纳 10 个成员，共享同一组关注列表和同一份收藏额度。开通者负责邀请成员、分配名额与移除成员；任一成员调整关注列表后，其余设备在 3 秒内看到更新。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">1.3</span>
            <p>账号不得出借、出租或转售。以下几类操作我们会直接干预：用脚本批量抓取赛事数据、把订阅内容整包转给他人、同一账号在多地以异常频率并发访问。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">1.4</span>
            <p>登录凭据由你自行保管。如果发现账号被他人使用，或关注列表里出现你没添加过的比赛，请第一时间通过客服渠道反馈，我们会协助你确认账号状态。</p>
          </li>
        </ol>
      </section>

      <section class="terms-clause" id="clause-02">
        <header class="terms-clause__head">
          <span class="terms-clause__num" aria-hidden="true">02</span>
          <h2 class="terms-clause__title">赛事数据与内容版权</h2>
        </header>
        <ol class="terms-items">
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">2.1</span>
            <p>站内的实时比分、技术统计与关键事件时间轴，来自长期合作的 12 家数据服务商与 6 家赛事版权方。赛事进行中每秒刷新，主流赛事的延迟控制在 5 秒以内。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">2.2</span>
            <p>历史交锋数据可回溯 15 个赛季，覆盖全球 120 多个联赛与杯赛。你可以按联赛、日期与开赛时间排列自己的查看顺序。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">2.3</span>
            <p>个人查看、讨论、引用站内图表与复盘对照视图都没有问题。写文章或做分析时请保留欧易体育的来源标注，并附上对应页面地址。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">2.4</span>
            <p>未经许可，不得把数据接口用于商业分发，不得批量导出技术统计与复盘视图对外转售，也不得把订阅内容整体镜像到其他站点或应用。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">2.5</span>
            <p>栏目文字、图表设计、版本化编号体系与产品界面由欧易体育或合作方享有权利。赛事名称、球队名称及相关标识归各自权利人所有。</p>
          </li>
        </ol>
      </section>

      <section class="terms-clause" id="clause-03">
        <header class="terms-clause__head">
          <span class="terms-clause__num" aria-hidden="true">03</span>
          <h2 class="terms-clause__title">订阅服务的范围</h2>
        </header>
        <blockquote class="terms-quote">
          <p>订阅按月度或赛季计费，也可以一次买下覆盖整个赛季的年度方案。三种方式能用到的功能一致，差别只在覆盖时长——具体档位见<a href="/offerings/">服务与订阅</a>页。</p>
        </blockquote>
        <ol class="terms-items">
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">3.1</span>
            <p>订阅生效后，赛事中心实时比分、四个节点的赛事提醒、技术统计、攻防效率、关键回合时间轴与历史交锋对照都在同一个账户内打开，不用在多个工具之间来回切。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">3.2</span>
            <p>年度方案已经包含全部赛事数据与赛后复盘对照视图，不需要再单独开通一次。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">3.3</span>
            <p>移动端的回看集锦下载条数由收藏额度决定。基础档按月计算，额度用尽前可以随时升级到进阶档或赛季不限量，升级即时生效，当前计费周期内立刻可用。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">3.4</span>
            <p>团队账户的一组关注列表和收藏额度由成员共用。开通者可以在账户中心看到额度使用进度条与本月剩余条数，随时调整成员名额。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">3.5</span>
            <p>长期订阅用户可在账户中心导出赛季账单明细，PDF 与 CSV 两种格式都支持。</p>
          </li>
        </ol>
      </section>

      <section class="terms-clause" id="clause-04">
        <header class="terms-clause__head">
          <span class="terms-clause__num" aria-hidden="true">04</span>
          <h2 class="terms-clause__title">服务变更与中断</h2>
        </header>
        <ol class="terms-items">
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">4.1</span>
            <p>条款跟着赛季数据版本走，当前版本为 v4.2，对应 2025 赛季。每个赛季开赛前完成一次数据结构升级，赛季中期再做两次小版本修正。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">4.2</span>
            <p>功能会持续迭代：跨设备同步 2.0 在 2023 年上线，复盘对照视图在 2024 年推出，订阅体系在 2025 年完成按赛季计费的改造。每次调整都会在<a href="/blog/">赛事观察</a>栏目留下记录。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">4.3</span>
            <p>计划内维护会提前在站内公告，并尽量避开主流赛事的开赛时段。维护期间你的关注列表和已订阅内容不会丢失，恢复后自动同步到各端。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">4.4</span>
            <p>如果某项功能在你订阅的周期内停止提供，我们会按剩余时长与你协商调整方案，入口在<a href="/contact/">联系我们</a>页。</p>
          </li>
        </ol>
      </section>

      <section class="terms-clause" id="clause-05">
        <header class="terms-clause__head">
          <span class="terms-clause__num" aria-hidden="true">05</span>
          <h2 class="terms-clause__title">责任与争议处理</h2>
        </header>
        <ol class="terms-items">
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">5.1</span>
            <p>平台按主流赛事延迟 5 秒以内的标准刷新比分与关键事件。受第三方数据源和网络条件影响，个别场次可能出现短时延迟或数据修正，我们会尽快补齐。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">5.2</span>
            <p>账号、订阅与额度相关的问题，请优先走客服邮箱 email@tiyu-ouyi.com.cn 或服务电话 18830460139，这两条渠道的处理优先级最高。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">5.3</span>
            <p>客服团队 7×12 小时在线（08:00–20:00），赛事订阅与收藏额度问题优先处理，平均首次响应 15 分钟。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">5.4</span>
            <p>写信时请带上出问题的赛事名称、大致时间与页面截图。信息越具体，定位越快；如果只是想弄清楚额度怎么算，也可以先翻一遍<a href="/help/">帮助中心</a>的常见问题。</p>
          </li>
          <li class="terms-item">
            <span class="terms-item__no" aria-hidden="true">5.5</span>
            <p>你与欧易体育之间的服务使用关系适用中华人民共和国法律。备案主体位于青海省西宁市，服务覆盖全国体育爱好者。</p>
          </li>
        </ol>
      </section>

      <section class="terms-archive" id="clause-archive">
        <header class="terms-archive__head">
          <span class="terms-archive__num" aria-hidden="true">06</span>
          <h2 class="terms-archive__title">条款更新记录</h2>
        </header>
        <details class="terms-fold">
          <summary>展开过往赛季条款版本</summary>
          <div class="terms-fold__body">
            <article class="terms-fold__item">
              <p class="terms-fold__ver num">v4.2 · 2025 赛季</p>
              <p>现行版本。约定按赛季计费、赛后复盘对照视图的适用范围，以及收藏额度的升级方式。</p>
            </article>
            <article class="terms-fold__item">
              <p class="terms-fold__ver num">赛季计费改造前版本</p>
              <p>订阅以月度为基本单位，关注列表与额度的表述与现行版本不同，账号使用与内容版权的部分沿用至今。</p>
            </article>
          </div>
        </details>
        <p class="small muted">想核对更早的条款文本，可在<a href="/contact/">联系我们</a>页说明需要的赛季版本。</p>
      </section>
    </div>
  </div>
</main>

.page-disclaimer {
  --t-hair: rgba(159, 179, 200, 0.13);
  --t-hair-strong: rgba(0, 229, 255, 0.26);
  --t-berry: rgba(122, 46, 87, 0.24);
}

/* ---------- 顶部窄条 ---------- */
.page-disclaimer .terms-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--t-hair);
  background: var(--c-deep);
}

.page-disclaimer .terms-hero__line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 2;
  background: linear-gradient(90deg, var(--c-cyan) 0%, var(--c-orange) 55%, rgba(255, 107, 53, 0) 100%);
}

.page-disclaimer .terms-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  opacity: 0.26;
}

.page-disclaimer .terms-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 11, 26, 0.42) 0%, rgba(10, 17, 40, 0.82) 48%, var(--c-deep) 100%);
}

.page-disclaimer .terms-hero__inner {
  position: relative;
  z-index: 1;
  padding-block: 3.25rem 2.75rem;
}

.page-disclaimer .crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.125rem;
  font-size: var(--fs-14);
  color: var(--ink-dim);
}

.page-disclaimer .crumbs a {
  color: var(--c-cyan);
  text-decoration: none;
}

.page-disclaimer .crumbs a:hover {
  text-decoration: underline;
}

.page-disclaimer h1 {
  margin: 0 0 0.875rem;
  font-family: var(--font-head);
  font-size: clamp(2rem, 7vw, var(--fs-52));
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-disclaimer .terms-hero .lead {
  margin: 0;
  max-width: 62ch;
  font-size: var(--fs-17);
  line-height: 1.8;
  color: var(--ink-dim);
}

.page-disclaimer .terms-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.page-disclaimer .terms-meta__ver {
  font-family: var(--font-mono);
  font-size: var(--fs-14);
  letter-spacing: 0.04em;
  color: var(--c-sand);
}

/* ---------- 主体框架 ---------- */
.page-disclaimer .terms-frame {
  padding-block: 2rem 4.5rem;
}

/* ---------- 章节索引 ---------- */
.page-disclaimer .terms-index {
  position: sticky;
  top: var(--header-h);
  z-index: 4;
  margin-bottom: 2rem;
  padding-bottom: 0.625rem;
  background: var(--c-deep);
  border-bottom: 1px solid var(--t-hair);
}

.page-disclaimer .terms-index__title {
  margin: 0 0 0.625rem;
  font-size: var(--fs-12);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-dim);
}

.page-disclaimer .terms-index__list {
  display: flex;
  gap: 0.5rem;
  margin: 0 0 0.25rem;
  padding: 0 0 0.375rem;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.page-disclaimer .terms-index__list li {
  flex: 0 0 auto;
}

.page-disclaimer .terms-index__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--t-hair);
  border-radius: var(--r-pill);
  font-size: var(--fs-14);
  color: var(--ink-dim);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease), background-color 0.2s var(--ease);
}

.page-disclaimer .terms-index__link:hover {
  color: var(--ink);
  border-color: var(--t-hair-strong);
  background: rgba(0, 229, 255, 0.06);
}

.page-disclaimer .terms-index__num {
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  letter-spacing: 0.04em;
  color: var(--c-cyan);
}

.page-disclaimer .terms-index__top {
  display: none;
}

/* ---------- 条款区块 ---------- */
.page-disclaimer .terms-clause,
.page-disclaimer .terms-archive {
  scroll-margin-top: calc(var(--header-h) + 2.5rem);
}

.page-disclaimer .terms-clause {
  margin-bottom: 3.25rem;
}

.page-disclaimer .terms-clause__head,
.page-disclaimer .terms-archive__head {
  display: flex;
  align-items: baseline;
  gap: 0.875rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid var(--t-hair-strong);
}

.page-disclaimer .terms-clause__num,
.page-disclaimer .terms-archive__num {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: var(--fs-22);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--c-cyan);
}

.page-disclaimer .terms-clause__title,
.page-disclaimer .terms-archive__title {
  margin: 0;
  font-family: var(--font-head);
  font-size: clamp(1.375rem, 4.4vw, 2rem);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--ink);
}

/* ---------- 条款条目 ---------- */
.page-disclaimer .terms-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .terms-item {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: 0 0.75rem;
  padding: 1.125rem 0;
  border-bottom: 1px solid var(--t-hair);
}

.page-disclaimer .terms-item:last-child {
  border-bottom: 0;
  padding-bottom: 0.25rem;
}

.page-disclaimer .terms-item__no {
  padding-top: 0.38rem;
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  letter-spacing: 0.02em;
  color: var(--c-cyan);
}

.page-disclaimer .terms-item p {
  margin: 0;
  max-width: 68ch;
  font-size: var(--fs-17);
  line-height: 1.8;
  color: var(--ink);
}

.page-disclaimer .terms-item a {
  color: var(--c-cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 229, 255, 0.35);
}

.page-disclaimer .terms-item a:hover {
  border-bottom-color: var(--c-cyan);
}

/* ---------- 引用块 ---------- */
.page-disclaimer .terms-quote {
  margin: 1.25rem 0 0;
  padding: 1.125rem 1.125rem 1.125rem 1.25rem;
  border-left: 3px solid var(--c-berry);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  background: var(--t-berry);
}

.page-disclaimer .terms-quote p {
  margin: 0;
  font-size: var(--fs-17);
  line-height: 1.75;
  color: var(--ink);
}

.page-disclaimer .terms-quote a {
  color: var(--c-cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 229, 255, 0.35);
}

/* ---------- 更新记录 ---------- */
.page-disclaimer .terms-archive {
  margin-top: 1rem;
}

.page-disclaimer .terms-fold {
  margin-top: 1.25rem;
  border: 1px solid var(--t-hair);
  border-radius: var(--r-md);
  background: var(--c-indigo);
  overflow: hidden;
}

.page-disclaimer .terms-fold summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.125rem;
  font-size: var(--fs-17);
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
  list-style: none;
}

.page-disclaimer .terms-fold summary::-webkit-details-marker {
  display: none;
}

.page-disclaimer .terms-fold summary::after {
  content: "+";
  font-family: var(--font-mono);
  font-size: var(--fs-22);
  line-height: 1;
  color: var(--c-cyan);
}

.page-disclaimer .terms-fold[open] summary::after {
  content: "-";
}

.page-disclaimer .terms-fold__body {
  display: grid;
  gap: 1rem;
  padding: 0 1.125rem 1.25rem;
}

.page-disclaimer .terms-fold__item {
  padding-top: 1rem;
  border-top: 1px solid var(--t-hair);
}

.page-disclaimer .terms-fold__ver {
  margin: 0 0 0.375rem;
  font-family: var(--font-mono);
  font-size: var(--fs-14);
  letter-spacing: 0.04em;
  color: var(--c-sand);
}

.page-disclaimer .terms-fold__item p:last-child {
  margin: 0;
  font-size: var(--fs-14);
  line-height: 1.75;
  color: var(--ink-dim);
}

.page-disclaimer .terms-archive .small {
  margin: 1rem 0 0;
  font-size: var(--fs-14);
  line-height: 1.7;
  color: var(--ink-dim);
}

.page-disclaimer .terms-archive .small a {
  color: var(--c-cyan);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 229, 255, 0.35);
}

/* ---------- 窄屏修正 ---------- */
@media (max-width: 480px) {
  .page-disclaimer .terms-hero__inner {
    padding-block: 2.5rem 2rem;
  }

  .page-disclaimer .terms-item {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: 0 0.5rem;
  }

  .page-disclaimer .terms-index__title {
    display: none;
  }

  .page-disclaimer .terms-fold summary {
    font-size: var(--fs-14);
  }
}

/* ---------- 桌面端：编号栏吸附 ---------- */
@media (min-width: 960px) {
  .page-disclaimer .terms-hero__inner {
    padding-block: 4.5rem 3.75rem;
  }

  .page-disclaimer .terms-frame {
    display: grid;
    grid-template-columns: 232px minmax(0, 1fr);
    gap: 3.5rem;
    padding-block: 3.5rem 6rem;
  }

  .page-disclaimer .terms-index {
    position: sticky;
    top: calc(var(--header-h) + 2rem);
    align-self: start;
    margin-bottom: 0;
    padding-bottom: 0;
    background: transparent;
    border-bottom: 0;
  }

  .page-disclaimer .terms-index__list {
    display: grid;
    gap: 0;
    overflow: visible;
    padding-bottom: 0;
  }

  .page-disclaimer .terms-index__list li {
    flex: initial;
  }

  .page-disclaimer .terms-index__link {
    width: 100%;
    padding: 0.625rem 0 0.625rem 0.875rem;
    border: 0;
    border-left: 2px solid var(--t-hair);
    border-radius: 0;
    white-space: normal;
    line-height: 1.5;
    transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
  }

  .page-disclaimer .terms-index__link:hover {
    background: transparent;
    border-left-color: var(--c-cyan);
  }

  .page-disclaimer .terms-index__top {
    display: inline-block;
    margin-top: 1.25rem;
    padding-left: 0.875rem;
    font-size: var(--fs-12);
    letter-spacing: 0.08em;
    color: var(--ink-dim);
    text-decoration: none;
  }

  .page-disclaimer .terms-index__top:hover {
    color: var(--c-cyan);
  }

  .page-disclaimer .terms-item {
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: 0 0.875rem;
    padding: 1.375rem 0;
  }

  .page-disclaimer .terms-clause {
    margin-bottom: 4rem;
  }
}