.page-disclaimer {
  --legal-rule: rgba(106, 71, 40, 0.22);
  --legal-rule-soft: rgba(106, 71, 40, 0.10);
  background:
    radial-gradient(120% 48% at 86% -14%, rgba(142, 198, 63, 0.20), transparent 62%),
    var(--paper);
  color: var(--ink);
  font-family: var(--font-sans);
  padding-bottom: 104px;
  overflow-x: hidden;
}

.page-disclaimer .breadcrumb {
  padding-top: 20px;
}

/* ---------- 页首 ---------- */
.page-disclaimer .legal-hero {
  padding-block: 26px 44px;
}

.page-disclaimer .legal-hero__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
  align-items: center;
}

.page-disclaimer h1 {
  margin: 10px 0 0;
  font-size: clamp(2.5rem, 8.5vw, var(--fs-76));
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-disclaimer .legal-hero__text::after {
  content: "";
  display: block;
  width: min(220px, 58%);
  height: 6px;
  margin-top: 24px;
  border-radius: var(--r-pill);
  background: repeating-linear-gradient(90deg, var(--flesh) 0 14px, transparent 14px 26px);
}

.page-disclaimer .legal-hero__lead {
  margin: 18px 0 0;
  max-width: 34em;
  font-size: var(--fs-17);
  line-height: 1.78;
  color: var(--ink);
}

.page-disclaimer .legal-hero__meta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0 0;
  padding: 8px 18px;
  border-radius: var(--r-pill);
  background: var(--mist);
  color: var(--ink);
  font-size: var(--fs-14);
  font-weight: 600;
}

.page-disclaimer .legal-hero__meta .num {
  font-family: var(--font-mono);
  font-size: var(--fs-14);
  font-weight: 700;
  color: var(--flesh-deep);
}

.page-disclaimer .legal-hero__media {
  margin: 0;
  border-radius: var(--r-card);
  overflow: hidden;
  background: linear-gradient(135deg, var(--night) 0%, var(--night-2) 62%, var(--flesh-deep) 132%);
  box-shadow: var(--shadow-lift);
}

.page-disclaimer .legal-hero__media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

/* ---------- 目录 ---------- */
.page-disclaimer .legal-toc {
  background: var(--paper-deep);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  padding: 22px 20px;
  scroll-margin-top: 96px;
}

.page-disclaimer .legal-toc__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: var(--fs-17);
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--ink);
}

.page-disclaimer .legal-toc__title::before {
  content: "";
  flex: none;
  width: 22px;
  height: 4px;
  border-radius: var(--r-pill);
  background: var(--flesh);
}

.page-disclaimer .legal-toc__list {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.page-disclaimer .legal-toc__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--r-sm);
  color: var(--ink);
  font-size: var(--fs-14);
  line-height: 1.5;
  text-decoration: none;
  transition: background-color 160ms var(--ease-out), color 160ms var(--ease-out);
}

.page-disclaimer .legal-toc__list a .num {
  flex: none;
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--flesh-deep);
}

.page-disclaimer .legal-toc__list a:hover {
  background: var(--mist);
}

.page-disclaimer .legal-toc__list a:focus-visible {
  outline: 2px solid var(--flesh-deep);
  outline-offset: 1px;
  background: var(--mist);
}

/* ---------- 条款正文 ---------- */
.page-disclaimer .legal-clauses {
  margin-top: 52px;
}

.page-disclaimer .legal-clause {
  position: relative;
  padding: 34px 0 30px 18px;
  scroll-margin-top: 96px;
}

.page-disclaimer .legal-clause::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    var(--skin) 0%,
    rgba(106, 71, 40, 0.18) 42%,
    rgba(246, 247, 236, 0) 100%
  );
}

.page-disclaimer .legal-clause--key::after {
  content: "";
  position: absolute;
  left: 0;
  top: 42px;
  width: 4px;
  height: 42px;
  border-radius: var(--r-pill);
  background: var(--yellow);
}

.page-disclaimer .legal-clause__title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 16px;
  font-size: var(--fs-21);
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .legal-clause__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: var(--fs-14);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--flesh-deep);
}

.page-disclaimer .legal-clause__body p {
  margin: 0 0 13px;
  max-width: 38em;
  font-size: var(--fs-17);
  line-height: 1.78;
  color: var(--ink);
}

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

.page-disclaimer .legal-clause__body ul {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 7px;
  max-width: 36em;
}

.page-disclaimer .legal-clause__body li {
  position: relative;
  padding-left: 20px;
  font-size: var(--fs-17);
  line-height: 1.7;
  color: var(--ink);
}

.page-disclaimer .legal-clause__body li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.7em;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--flesh);
}

.page-disclaimer .legal-clause__body a {
  color: var(--flesh-deep);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.page-disclaimer .legal-clause__body a:hover {
  color: var(--night);
}

.page-disclaimer .legal-clause__body a:focus-visible {
  outline: 2px solid var(--flesh-deep);
  outline-offset: 2px;
  border-radius: 2px;
}

.page-disclaimer .legal-mail {
  font-family: var(--font-mono);
  font-size: 0.94em;
  font-weight: 600;
  color: var(--night);
  word-break: break-all;
}

/* ---------- 回到目录 ---------- */
.page-disclaimer .legal-backtop {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 30;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: var(--r-pill);
  background: var(--night);
  color: var(--paper);
  font-family: var(--font-sans);
  font-size: var(--fs-14);
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 18px 34px -20px rgba(13, 27, 42, 0.9), 0 0 0 1px rgba(246, 247, 236, 0.08) inset;
  transition: transform 180ms var(--ease-out), background-color 180ms var(--ease-out);
}

.page-disclaimer .legal-backtop::before {
  content: "↑";
  font-size: 1em;
  line-height: 1;
  color: var(--flesh);
}

.page-disclaimer .legal-backtop:hover {
  background: var(--flesh-deep);
  transform: translateY(-2px);
}

.page-disclaimer .legal-backtop:focus-visible {
  outline: 2px solid var(--flesh);
  outline-offset: 3px;
}

/* ---------- 响应式 ---------- */
@media (min-width: 620px) {
  .page-disclaimer .legal-toc {
    padding: 26px 26px 24px;
  }

  .page-disclaimer .legal-toc__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
  }
}

@media (min-width: 900px) {
  .page-disclaimer .legal-hero {
    padding-block: 34px 56px;
  }

  .page-disclaimer .legal-hero__inner {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 52px;
    align-items: end;
  }

  .page-disclaimer .legal-hero__media {
    margin-bottom: 6px;
  }

  .page-disclaimer .legal-clauses {
    margin-top: 66px;
  }

  .page-disclaimer .legal-clause {
    padding: 42px 0 38px 28px;
  }

  .page-disclaimer .legal-clause--key::after {
    top: 50px;
    height: 46px;
  }

  .page-disclaimer .legal-clause__title {
    font-size: var(--fs-26);
  }

  .page-disclaimer .legal-backtop {
    right: 28px;
    bottom: 28px;
    padding: 13px 22px;
  }
}

@media (min-width: 1200px) {
  .page-disclaimer .legal-clause__body p,
  .page-disclaimer .legal-clause__body ul {
    max-width: 40em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .legal-toc__list a,
  .page-disclaimer .legal-backtop {
    transition: none;
  }

  .page-disclaimer .legal-backtop:hover {
    transform: none;
  }
}


<main id="main-content" class="page-disclaimer">
  <div class="shell">
    <nav class="breadcrumb" aria-label="面包屑导航">
      <ol class="breadcrumb__list">
        <li class="breadcrumb__item"><a href="/">首页</a></li>
        <li class="breadcrumb__item" aria-current="page">使用条款</li>
      </ol>
    </nav>
  </div>

  <header class="legal-hero">
    <div class="shell legal-hero__inner">
      <div class="legal-hero__text">
        <p class="kicker">TERMS OF USE</p>
        <h1>使用条款</h1>
        <p class="legal-hero__lead">赛程从哪来、榜单能怎么用、账号怎么管、数据出错找谁——先把这几件事讲清楚，你在奇异果体育链接追比赛才踏实。七章内容不长，花三分钟读完再开刷也不迟。</p>
        <p class="legal-hero__meta"><span class="num">v3.6</span> 当前适用版本</p>
      </div>
      <figure class="legal-hero__media media media--slant">
        <img src="{zhanqunpic:h:270w:480}" width="480" height="270" alt="青绿与深夜蓝细线交织、点缀圆角标签的规则网格抽象图">
      </figure>
    </div>
  </header>

  <div class="shell">
    <nav class="legal-toc" id="toc" aria-labelledby="toc-title">
      <h2 class="legal-toc__title" id="toc-title">条款目录</h2>
      <ol class="legal-toc__list">
        <li><a href="#clause-01"><span class="num">01</span>内容来源与更新方式</a></li>
        <li><a href="#clause-02"><span class="num">02</span>赛事与榜单数据的使用范围</a></li>
        <li><a href="#clause-03"><span class="num">03</span>账号与访问规则</a></li>
        <li><a href="#clause-04"><span class="num">04</span>知识产权与转载</a></li>
        <li><a href="#clause-05"><span class="num">05</span>外部链接与第三方内容</a></li>
        <li><a href="#clause-06"><span class="num">06</span>发现内容有误怎么反馈</a></li>
        <li><a href="#clause-07"><span class="num">07</span>条款更新</a></li>
      </ol>
    </nav>

    <div class="legal-clauses">
      <article class="legal-clause" id="clause-01">
        <h2 class="legal-clause__title"><span class="legal-clause__num num">01</span>内容来源与更新方式</h2>
        <div class="legal-clause__body">
          <p>你在站内看到的赛程、比分、积分、射手榜与红黄牌记录，来自与 18 家地方体育媒体、7 家赛事数据服务商的长期内容合作，再由编辑团队统一译名、整理成简体中文条目。</p>
          <p>每条信息上线前走两道工序：编辑负责撰写与编排，数据校对照赛事记录复核比分、轮次与人名。内容团队由 6 名编辑、3 名数据校对组成，工作日 9:00 至 23:00 双班覆盖。</p>
          <p>比赛日的当日赛况与榜单在 22:00 前更新完成，重大赛日再追加两次增量更新。晚上打开赛事栏目，当天打完的场次结果基本都齐了。</p>
        </div>
      </article>

      <article class="legal-clause legal-clause--key" id="clause-02">
        <h2 class="legal-clause__title"><span class="legal-clause__num num">02</span>赛事与榜单数据的使用范围</h2>
        <div class="legal-clause__body">
          <p>你可以在自己的电脑或手机上随意查阅站内的比分、积分榜、射手榜与红黄牌统计，也可以把结果转给一起看球的朋友。</p>
          <p>媒体、自媒体与机构在文章、视频中引用时，请标注来源为“奇异果体育链接”并附对应页面链接，方便读者顺着找过去。</p>
          <p>下面几种用法请先与我们沟通：</p>
          <ul>
            <li>用爬虫或脚本批量抓取页面与榜单数据；</li>
            <li>将站内数据整体复制、镜像，或另建一套同类库；</li>
            <li>把数据用于付费产品、竞猜类产品或其他投注参考。</li>
          </ul>
          <p>需要长期取用某类赛事数据，到<a href="/connect/">联系通道</a>说明用途与频率，我们会尽快答复。</p>
        </div>
      </article>

      <article class="legal-clause legal-clause--key" id="clause-03">
        <h2 class="legal-clause__title"><span class="legal-clause__num num">03</span>账号与访问规则</h2>
        <div class="legal-clause__body">
          <p>账号仅限注册人本人使用，请勿转借、出租或与多人共享。电脑端与移动端共用同一套账号，登录状态双向同步，换设备重新登录后就能回到上次看的赛场重点。</p>
          <p>你为最多 20 支球队设置的开赛提醒跟随账号保存，站内消息与邮件两种方式都会照常送达，出差换电脑也不会漏掉。</p>
          <p>如果登录记录里出现陌生设备，先在设置中修改密码并退出全部终端，再通过<a href="/connect/">联系通道</a>告知我们，工作日内会协助排查。</p>
        </div>
      </article>

      <article class="legal-clause legal-clause--key" id="clause-04">
        <h2 class="legal-clause__title"><span class="legal-clause__num num">04</span>知识产权与转载</h2>
        <div class="legal-clause__body">
          <p>站内的文字、榜单编排、图形、界面设计与页面代码归奇异果体育链接所有，受著作权法保护。赛事名称、球队名称与队徽属于各自权利人，站内仅作信息展示。</p>
          <p>想转载文章或使用界面截图，请到<a href="/connect/">联系通道</a>提交拟转载的内容、发布平台、覆盖范围与时间。拿到书面许可后刊发时，请保留署名与原文链接，标题不要改动原意，内容不要断章取义。</p>
          <p>未经许可的商业转载、整站镜像与二次销售，我们会要求下架，并保留追究的权利。</p>
        </div>
      </article>

      <article class="legal-clause" id="clause-05">
        <h2 class="legal-clause__title"><span class="legal-clause__num num">05</span>外部链接与第三方内容</h2>
        <div class="legal-clause__body">
          <p>站内有些位置会指向合作媒体、赛事数据服务商或球队官方账号，这些跳转是给你多一个入口，方便继续深挖。</p>
          <p>站外页面的内容、更新节奏与可用性由第三方负责；跳过去之后，对方的服务条款与隐私说明对你同样适用，留意一下再操作。</p>
          <p>如果某个站外链接长期打不开，或者点过去发现内容早已换题，欢迎通过<a href="/connect/">联系通道</a>说一声，我们会核查处理。</p>
        </div>
      </article>

      <article class="legal-clause" id="clause-06">
        <h2 class="legal-clause__title"><span class="legal-clause__num num">06</span>发现内容有误怎么反馈</h2>
        <div class="legal-clause__body">
          <p>比分错了、轮次对不上、球员译名前后不一致，直接把问题发到客服邮箱 <span class="legal-mail">email@qiyiguo-play-zone.com.cn</span>。</p>
          <p>为了让校对同事一次就能定位，邮件里请写清这几项：</p>
          <ul>
            <li>出问题的页面链接；</li>
            <li>赛事名称与轮次；</li>
            <li>你看到的数值与正确的数值；</li>
            <li>方便的话，附一张截图。</li>
          </ul>
          <p>收到后由数据校对复核，确认有误的条目会在下一次更新中修正，并在回信里告诉你处理结果。涉及红黄牌记录的，可以先看<a href="/knowledge/">知识中心</a>的查询说明，确认是不是赛事或轮次选错了。</p>
          <p>客服邮箱在工作日 9:00 至 18:00 内回复，附上页面链接能让沟通快很多。</p>
        </div>
      </article>

      <article class="legal-clause" id="clause-07">
        <h2 class="legal-clause__title"><span class="legal-clause__num num">07</span>条款更新</h2>
        <div class="legal-clause__body">
          <p>站点每月至少完成一次功能版本迭代，条款会跟着功能调整一起更新，当前适用版本为 v3.6。</p>
          <p>每次调整后，版本号与更新说明会在<a href="/topics/">专题中心</a>的版本更新日志中列出，写明改了什么、对你使用有什么影响。</p>
          <p>条款更新后你继续使用站点，即视为接受新版本。对某一条有疑问，随时通过<a href="/connect/">联系通道</a>问我们。账号相关的信息处理方式，请另见<a href="/privacy-policy/">隐私政策</a>。</p>
        </div>
      </article>
    </div>
  </div>

  <a class="legal-backtop" href="#toc">回到目录</a>
</main>

.page-disclaimer {
  --legal-rule: rgba(106, 71, 40, 0.22);
  --legal-rule-soft: rgba(106, 71, 40, 0.10);
  background:
    radial-gradient(120% 48% at 86% -14%, rgba(142, 198, 63, 0.20), transparent 62%),
    var(--paper);
  color: var(--ink);
  font-family: var(--font-sans);
  padding-bottom: 104px;
  overflow-x: hidden;
}

.page-disclaimer .breadcrumb {
  padding-top: 20px;
}

/* ---------- 页首 ---------- */
.page-disclaimer .legal-hero {
  padding-block: 26px 44px;
}

.page-disclaimer .legal-hero__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
  align-items: center;
}

.page-disclaimer h1 {
  margin: 10px 0 0;
  font-size: clamp(2.5rem, 8.5vw, var(--fs-76));
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.page-disclaimer .legal-hero__text::after {
  content: "";
  display: block;
  width: min(220px, 58%);
  height: 6px;
  margin-top: 24px;
  border-radius: var(--r-pill);
  background: repeating-linear-gradient(90deg, var(--flesh) 0 14px, transparent 14px 26px);
}

.page-disclaimer .legal-hero__lead {
  margin: 18px 0 0;
  max-width: 34em;
  font-size: var(--fs-17);
  line-height: 1.78;
  color: var(--ink);
}

.page-disclaimer .legal-hero__meta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0 0;
  padding: 8px 18px;
  border-radius: var(--r-pill);
  background: var(--mist);
  color: var(--ink);
  font-size: var(--fs-14);
  font-weight: 600;
}

.page-disclaimer .legal-hero__meta .num {
  font-family: var(--font-mono);
  font-size: var(--fs-14);
  font-weight: 700;
  color: var(--flesh-deep);
}

.page-disclaimer .legal-hero__media {
  margin: 0;
  border-radius: var(--r-card);
  overflow: hidden;
  background: linear-gradient(135deg, var(--night) 0%, var(--night-2) 62%, var(--flesh-deep) 132%);
  box-shadow: var(--shadow-lift);
}

.page-disclaimer .legal-hero__media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

/* ---------- 目录 ---------- */
.page-disclaimer .legal-toc {
  background: var(--paper-deep);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  padding: 22px 20px;
  scroll-margin-top: 96px;
}

.page-disclaimer .legal-toc__title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: var(--fs-17);
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--ink);
}

.page-disclaimer .legal-toc__title::before {
  content: "";
  flex: none;
  width: 22px;
  height: 4px;
  border-radius: var(--r-pill);
  background: var(--flesh);
}

.page-disclaimer .legal-toc__list {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.page-disclaimer .legal-toc__list a {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--r-sm);
  color: var(--ink);
  font-size: var(--fs-14);
  line-height: 1.5;
  text-decoration: none;
  transition: background-color 160ms var(--ease-out), color 160ms var(--ease-out);
}

.page-disclaimer .legal-toc__list a .num {
  flex: none;
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--flesh-deep);
}

.page-disclaimer .legal-toc__list a:hover {
  background: var(--mist);
}

.page-disclaimer .legal-toc__list a:focus-visible {
  outline: 2px solid var(--flesh-deep);
  outline-offset: 1px;
  background: var(--mist);
}

/* ---------- 条款正文 ---------- */
.page-disclaimer .legal-clauses {
  margin-top: 52px;
}

.page-disclaimer .legal-clause {
  position: relative;
  padding: 34px 0 30px 18px;
  scroll-margin-top: 96px;
}

.page-disclaimer .legal-clause::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    var(--skin) 0%,
    rgba(106, 71, 40, 0.18) 42%,
    rgba(246, 247, 236, 0) 100%
  );
}

.page-disclaimer .legal-clause--key::after {
  content: "";
  position: absolute;
  left: 0;
  top: 42px;
  width: 4px;
  height: 42px;
  border-radius: var(--r-pill);
  background: var(--yellow);
}

.page-disclaimer .legal-clause__title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 16px;
  font-size: var(--fs-21);
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .legal-clause__num {
  flex: none;
  font-family: var(--font-mono);
  font-size: var(--fs-14);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--flesh-deep);
}

.page-disclaimer .legal-clause__body p {
  margin: 0 0 13px;
  max-width: 38em;
  font-size: var(--fs-17);
  line-height: 1.78;
  color: var(--ink);
}

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

.page-disclaimer .legal-clause__body ul {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 7px;
  max-width: 36em;
}

.page-disclaimer .legal-clause__body li {
  position: relative;
  padding-left: 20px;
  font-size: var(--fs-17);
  line-height: 1.7;
  color: var(--ink);
}

.page-disclaimer .legal-clause__body li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.7em;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--flesh);
}

.page-disclaimer .legal-clause__body a {
  color: var(--flesh-deep);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.page-disclaimer .legal-clause__body a:hover {
  color: var(--night);
}

.page-disclaimer .legal-clause__body a:focus-visible {
  outline: 2px solid var(--flesh-deep);
  outline-offset: 2px;
  border-radius: 2px;
}

.page-disclaimer .legal-mail {
  font-family: var(--font-mono);
  font-size: 0.94em;
  font-weight: 600;
  color: var(--night);
  word-break: break-all;
}

/* ---------- 回到目录 ---------- */
.page-disclaimer .legal-backtop {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 30;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: var(--r-pill);
  background: var(--night);
  color: var(--paper);
  font-family: var(--font-sans);
  font-size: var(--fs-14);
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 18px 34px -20px rgba(13, 27, 42, 0.9), 0 0 0 1px rgba(246, 247, 236, 0.08) inset;
  transition: transform 180ms var(--ease-out), background-color 180ms var(--ease-out);
}

.page-disclaimer .legal-backtop::before {
  content: "↑";
  font-size: 1em;
  line-height: 1;
  color: var(--flesh);
}

.page-disclaimer .legal-backtop:hover {
  background: var(--flesh-deep);
  transform: translateY(-2px);
}

.page-disclaimer .legal-backtop:focus-visible {
  outline: 2px solid var(--flesh);
  outline-offset: 3px;
}

/* ---------- 响应式 ---------- */
@media (min-width: 620px) {
  .page-disclaimer .legal-toc {
    padding: 26px 26px 24px;
  }

  .page-disclaimer .legal-toc__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
  }
}

@media (min-width: 900px) {
  .page-disclaimer .legal-hero {
    padding-block: 34px 56px;
  }

  .page-disclaimer .legal-hero__inner {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 52px;
    align-items: end;
  }

  .page-disclaimer .legal-hero__media {
    margin-bottom: 6px;
  }

  .page-disclaimer .legal-clauses {
    margin-top: 66px;
  }

  .page-disclaimer .legal-clause {
    padding: 42px 0 38px 28px;
  }

  .page-disclaimer .legal-clause--key::after {
    top: 50px;
    height: 46px;
  }

  .page-disclaimer .legal-clause__title {
    font-size: var(--fs-26);
  }

  .page-disclaimer .legal-backtop {
    right: 28px;
    bottom: 28px;
    padding: 13px 22px;
  }
}

@media (min-width: 1200px) {
  .page-disclaimer .legal-clause__body p,
  .page-disclaimer .legal-clause__body ul {
    max-width: 40em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .legal-toc__list a,
  .page-disclaimer .legal-backtop {
    transition: none;
  }

  .page-disclaimer .legal-backtop:hover {
    transform: none;
  }
}