.page-disclaimer {
  --pd-warn-bg: #F4EEDF;
  --pd-frame-gap: 10px;
  background: var(--ice-base);
  color: var(--ink-body);
  font-family: var(--font-body);
  overflow-x: hidden;
}

.page-disclaimer .breadcrumb {
  padding-block: 14px 4px;
  font-size: 12.5px;
  font-family: var(--font-mono);
  color: var(--ink-soft);
}

.page-disclaimer .breadcrumb__link {
  color: var(--ink-soft);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color var(--fast) ease, color var(--fast) ease;
}

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

.page-disclaimer .breadcrumb__sep {
  margin-inline: 6px;
  color: var(--line);
}

.page-disclaimer .breadcrumb__current {
  color: var(--ink);
}

/* ---------- 首屏条款卡 ---------- */
.page-disclaimer .legal-hero {
  padding-block: 14px 6px;
}

.page-disclaimer .legal-hero__inner {
  display: grid;
  gap: 20px;
}

.page-disclaimer .legal-hero__doc {
  position: relative;
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: 8px 8px 0 -1px var(--ticket);
  padding: 30px 22px 26px;
}

.page-disclaimer .legal-hero__doc::after {
  content: "";
  position: absolute;
  inset: var(--pd-frame-gap);
  border: 1px dashed var(--line);
  pointer-events: none;
}

.page-disclaimer .legal-hero__doc > * {
  position: relative;
  z-index: 1;
}

.page-disclaimer .legal-hero__doc .eyebrow {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .18em;
  color: var(--mauve);
  text-transform: uppercase;
}

.page-disclaimer .legal-hero__title {
  margin: 10px 0 14px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(34px, 8vw, 60px);
  line-height: 1.02;
  letter-spacing: -.02em;
  color: var(--ink);
}

.page-disclaimer .legal-hero__lead {
  max-width: 60ch;
  margin: 0;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--ink-body);
}

.page-disclaimer .legal-hero__meta {
  display: grid;
  gap: 10px;
  margin: 22px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.page-disclaimer .legal-hero__meta-item dt {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .1em;
  color: var(--ink-soft);
  text-transform: uppercase;
}

.page-disclaimer .legal-hero__meta-item dd {
  margin: 3px 0 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--ink);
}

.page-disclaimer .legal-hero__figure {
  margin: 0;
  border: 1px solid var(--line);
  background: var(--ticket);
}

.page-disclaimer .legal-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

.page-disclaimer .legal-hero__caption {
  padding: 8px 12px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .06em;
  color: var(--ink-soft);
  border-top: 1px solid var(--line);
  background: var(--paper);
}

/* ---------- 版面骨架 ---------- */
.page-disclaimer .legal-layout {
  display: grid;
  gap: 26px;
  padding-block: 34px 56px;
}

/* ---------- 目录 ---------- */
.page-disclaimer .legal-toc {
  align-self: start;
  background: var(--paper);
  border: 1px solid var(--line);
  padding: 18px 16px 16px;
}

.page-disclaimer .legal-toc__title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .16em;
  color: var(--mauve);
  text-transform: uppercase;
}

.page-disclaimer .legal-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}

.page-disclaimer .legal-toc__link {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 8px 6px 8px 0;
  font-size: 14px;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px dashed var(--line);
  transition: color var(--fast) ease, background-color var(--fast) ease;
}

.page-disclaimer .legal-toc__link:hover,
.page-disclaimer .legal-toc__link:focus-visible {
  color: var(--warm);
  background: rgba(242, 107, 56, .07);
}

.page-disclaimer .legal-toc__num {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--lime);
  background: var(--ice-deep);
  padding: 1px 5px;
  flex: 0 0 auto;
}

.page-disclaimer .legal-toc__foot {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  font-size: 12px;
  line-height: 1.7;
  color: var(--ink-soft);
}

.page-disclaimer .legal-toc__inline {
  color: var(--warm);
  text-decoration: none;
  border-bottom: 1px solid var(--warm);
}

/* ---------- 条款正文 ---------- */
.page-disclaimer .legal-body {
  min-width: 0;
  display: grid;
  gap: 0;
}

.page-disclaimer .legal-sec {
  padding-block: 26px 30px;
  border-top: 1px solid var(--line);
}

.page-disclaimer .legal-sec:first-child {
  border-top: 2px solid var(--ice-deep);
  padding-top: 20px;
}

.page-disclaimer .legal-sec__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-bottom: 14px;
}

.page-disclaimer .legal-sec__head .num-tag {
  font-family: var(--font-mono);
  font-size: 12.5px;
  letter-spacing: .06em;
  color: var(--ice-deep);
  background: var(--lime);
  padding: 3px 7px;
}

.page-disclaimer .legal-sec__title {
  margin: 0;
  flex: 1 1 auto;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(21px, 4.4vw, 28px);
  line-height: 1.25;
  letter-spacing: -.01em;
  color: var(--ink);
}

.page-disclaimer .legal-sec__head .tag {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--mauve);
  border: 1px solid var(--mauve);
  padding: 2px 7px;
  white-space: nowrap;
}

.page-disclaimer .legal-sec__body p {
  max-width: 68ch;
  margin: 0 0 14px;
  font-size: 15.5px;
  line-height: 1.88;
  color: var(--ink-body);
}

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

.page-disclaimer .legal-inline {
  color: var(--warm);
  text-decoration: none;
  border-bottom: 1px solid rgba(242, 107, 56, .5);
  transition: border-color var(--fast) ease;
}

.page-disclaimer .legal-inline:hover,
.page-disclaimer .legal-inline:focus-visible {
  border-bottom-color: var(--warm);
}

.page-disclaimer .legal-sub {
  margin: 20px 0 8px;
  padding-left: 10px;
  border-left: 3px solid var(--ticket);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 15.5px;
  color: var(--ink);
}

/* 规则列表 */
.page-disclaimer .legal-list {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  display: grid;
  gap: 8px;
  max-width: 68ch;
}

.page-disclaimer .legal-list__item {
  position: relative;
  padding: 10px 14px 10px 34px;
  background: var(--paper);
  border: 1px solid var(--line);
  font-size: 14.5px;
  line-height: 1.75;
  color: var(--ink-body);
}

.page-disclaimer .legal-list__item::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 17px;
  width: 8px;
  height: 8px;
  background: var(--ice-deep);
  box-shadow: 0 0 0 2px var(--lime);
}

/* 关键提示 */
.page-disclaimer .legal-note {
  margin-top: 22px;
  padding: 16px 18px;
  background: var(--pd-warn-bg);
  border: 1px solid var(--ticket);
  border-left: 4px solid var(--warm);
}

.page-disclaimer .legal-note__title {
  margin: 0 0 6px !important;
  font-family: var(--font-mono);
  font-size: 12px !important;
  letter-spacing: .14em;
  color: var(--warm) !important;
  text-transform: uppercase;
}

.page-disclaimer .legal-note__text {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.85;
  color: var(--ink) !important;
}

/* 联系方式 */
.page-disclaimer .legal-contact {
  margin: 6px 0 0;
  display: grid;
  gap: 0;
  max-width: 68ch;
  border-top: 1px solid var(--line);
}

.page-disclaimer .legal-contact__row {
  display: grid;
  grid-template-columns: 5.5em minmax(0, 1fr);
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px dashed var(--line);
}

.page-disclaimer .legal-contact__label {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--ink-soft);
  padding-top: 2px;
}

.page-disclaimer .legal-contact__value {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ink);
  word-break: break-word;
}

.page-disclaimer .legal-contact__value--mono {
  font-family: var(--font-mono);
  letter-spacing: .04em;
}

/* 相关说明 */
.page-disclaimer .legal-related {
  margin-top: 8px;
  padding: 22px 18px;
  background: var(--ice-deep);
  color: var(--ice-base);
}

.page-disclaimer .legal-related__title {
  margin: 0 0 14px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .16em;
  color: var(--lime);
  text-transform: uppercase;
}

.page-disclaimer .legal-related__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1px;
  background: rgba(185, 203, 211, .25);
}

.page-disclaimer .legal-related__item {
  display: grid;
  gap: 3px;
  padding: 12px 14px;
  background: var(--ice-deep);
}

.page-disclaimer .legal-related__link {
  font-size: 15px;
  font-weight: 600;
  color: var(--paper);
  text-decoration: none;
  border-bottom: 1px solid rgba(200, 240, 74, .55);
  justify-self: start;
  transition: color var(--fast) ease, border-color var(--fast) ease;
}

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

.page-disclaimer .legal-related__desc {
  font-size: 12.5px;
  line-height: 1.6;
  color: rgba(234, 242, 246, .68);
}

/* 焦点可见性 */
.page-disclaimer a:focus-visible {
  outline: 2px solid var(--warm);
  outline-offset: 2px;
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-disclaimer .legal-hero__meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 20px;
  }

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

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

@media (min-width: 960px) {
  .page-disclaimer .legal-hero {
    padding-block: 20px 8px;
  }

  .page-disclaimer .legal-hero__inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: 26px;
    align-items: start;
  }

  .page-disclaimer .legal-hero__doc {
    padding: 44px 38px 34px;
  }

  .page-disclaimer .legal-layout {
    grid-template-columns: 244px minmax(0, 1fr);
    gap: 52px;
    padding-block: 46px 72px;
  }

  .page-disclaimer .legal-toc {
    position: sticky;
    top: 92px;
  }

  .page-disclaimer .legal-sec {
    padding-block: 30px 36px;
  }
}

/* ---------- 打印 ---------- */
@media print {
  .page-disclaimer {
    background: #fff;
    color: #000;
  }

  .page-disclaimer .legal-toc,
  .page-disclaimer .legal-related,
  .page-disclaimer .legal-hero__figure,
  .page-disclaimer .breadcrumb {
    display: none;
  }

  .page-disclaimer .legal-layout {
    display: block;
    padding: 0;
  }

  .page-disclaimer .legal-hero__doc,
  .page-disclaimer .legal-list__item {
    box-shadow: none;
    border-color: #999;
  }

  .page-disclaimer .legal-sec {
    break-inside: avoid;
    border-top: 1px solid #999;
  }

  .page-disclaimer .legal-sec__head .num-tag {
    background: none;
    border: 1px solid #666;
  }
}

/* ---------- 减弱动效 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-disclaimer * {
    transition-duration: .01ms !important;
    animation: none !important;
  }
}
<<<END>>>

<main id="main-content" class="page-disclaimer">
  <div class="shell">
    <nav class="breadcrumb" aria-label="页面位置">
      <a class="breadcrumb__link" href="/">主站首页</a>
      <span class="breadcrumb__sep">/</span>
      <span class="breadcrumb__current">使用协议</span>
    </nav>
  </div>

  <header class="legal-hero">
    <div class="shell legal-hero__inner">
      <div class="legal-hero__doc">
        <span class="eyebrow">服务条款</span>
        <h1 class="legal-hero__title">使用协议</h1>
        <p class="legal-hero__lead">买球平台官网为日常购彩用户提供站内检索、周更公告查询、案例资料查阅与收藏回访服务。在你开始使用这些功能之前，请先读完这份协议，它写明了平台承担什么、你需要注意什么，以及双方在内容使用上的基本约定。</p>
        <dl class="legal-hero__meta">
          <div class="legal-hero__meta-item">
            <dt>当前版本</dt>
            <dd>v2.4</dd>
          </div>
          <div class="legal-hero__meta-item">
            <dt>适用功能</dt>
            <dd>检索反馈 · 公告查询 · 案例合集 · 收藏回访</dd>
          </div>
          <div class="legal-hero__meta-item">
            <dt>发布方式</dt>
            <dd>随周更公告「服务通知」栏目同步</dd>
          </div>
        </dl>
      </div>
      <figure class="legal-hero__figure">
        <img src="{zhanqunpic:h:700w:1200}" width="1200" height="700" alt="印刷边框纸张叠层与等宽编号标签，冷蓝低对比背景">
        <figcaption class="legal-hero__caption">条款文本 · 版本 v2.4 · 归档留存</figcaption>
      </figure>
    </div>
  </header>

  <div class="shell legal-layout">
    <aside class="legal-toc" aria-label="条款目录">
      <p class="legal-toc__title">条款目录</p>
      <ol class="legal-toc__list">
        <li class="legal-toc__item"><a class="legal-toc__link" href="#section-service"><span class="legal-toc__num">01</span>服务内容</a></li>
        <li class="legal-toc__item"><a class="legal-toc__link" href="#section-rules"><span class="legal-toc__num">02</span>使用规则</a></li>
        <li class="legal-toc__item"><a class="legal-toc__link" href="#section-content"><span class="legal-toc__num">03</span>内容与链接</a></li>
        <li class="legal-toc__item"><a class="legal-toc__link" href="#section-liability"><span class="legal-toc__num">04</span>责任范围</a></li>
        <li class="legal-toc__item"><a class="legal-toc__link" href="#section-update"><span class="legal-toc__num">05</span>协议更新与联系</a></li>
      </ol>
      <p class="legal-toc__foot">如需了解个人信息的处理方式，可查阅<a class="legal-toc__inline" href="/personal-data/">个人信息说明</a>。</p>
    </aside>

    <div class="legal-body">
      <section class="legal-sec" id="section-service" data-reveal>
        <div class="legal-sec__head">
          <span class="num-tag">01</span>
          <h2 class="legal-sec__title">服务内容</h2>
          <span class="tag">信息服务</span>
        </div>
        <div class="legal-sec__body">
          <p>平台面向日常购彩需求用户提供四类内容服务：站内检索与分类索引、内容中心周更公告查询、资料库案例合集查阅，以及收藏回访。你可以不登录浏览公开的公告条目与案例索引，收藏标记与回访记录保存在你所使用的浏览器本地。</p>
          <p>分类索引设有 12 个一级分类与 64 个二级标签，覆盖赛程资料、公告通知、检索反馈、收藏回访等主题；检索结果按相关度与分类聚合展示，命中词以暖橙高亮标出，便于你在一屏内看清入口位置。内容中心每周一发布本周公告组，目前累计完成 286 期周更；资料库自 2023 年起按年归档，累计收录 1,240 组案例合集。收藏内地站内容更新后，回访页面采用增量加载与本地缓存，常用页面打开更稳定。</p>
          <p>平台提供的是内容索引与查阅服务，不对任何赛事结果、比分走向或购彩收益作出判断、预测与承诺。你在查阅过程中获得的信息，请结合官方赛程与公告原文一并理解。</p>
        </div>
      </section>

      <section class="legal-sec" id="section-rules" data-reveal>
        <div class="legal-sec__head">
          <span class="num-tag">02</span>
          <h2 class="legal-sec__title">使用规则</h2>
          <span class="tag">服务秩序</span>
        </div>
        <div class="legal-sec__body">
          <p>为了让检索与公告查询对每一位访客都保持可用，你在使用平台功能时请遵守以下约定：</p>
          <ul class="legal-list">
            <li class="legal-list__item">以本人身份查阅公开内容，不以他人名义发起咨询或代他人提交服务请求。</li>
            <li class="legal-list__item">不借助自动化程序批量抓取公告条目、案例合集或分类标签，也不将抓取结果用于对外分发。</li>
            <li class="legal-list__item">不以高频请求反复占用检索通道，避免影响其他访客的正常访问速度。</li>
            <li class="legal-list__item">引用站内条目时保留来源与编号，不改写条目内容后再次发布。</li>
            <li class="legal-list__item">不尝试绕过页面访问限制，不干扰服务运行，不上传含有恶意代码的文件。</li>
            <li class="legal-list__item">收藏标记与回访记录存放于本地浏览器，更换设备或清理缓存后需要重新标记，请自行留意。</li>
          </ul>
          <p>若发现违反上述约定的访问行为，平台可对相应请求采取限制措施，并在必要时配合有关部门处理。</p>
        </div>
      </section>

      <section class="legal-sec" id="section-content" data-reveal>
        <div class="legal-sec__head">
          <span class="num-tag">03</span>
          <h2 class="legal-sec__title">内容与链接</h2>
          <span class="tag">更新与来源</span>
        </div>
        <div class="legal-sec__body">
          <p>周更公告每周一发布，按检索反馈、内容索引、收藏回访、服务通知四类归档，单周通常发布 3 至 6 条。资料库按年份提供 2023、2024、2025 三个入口，2025 年新增按标签组合筛选；标签体系由 9 人检索标注小组每月校准一次。平台与 18 家数据服务与内容协作机构保持资料校对合作，覆盖赛程、公告与案例标签三类内容。</p>
          <p>条目内容以其发布时的文本为准。赛事阶段推进、赛程调整或公告补充，都可能带来条目更新，更新后的条目会保留原有编号，便于你按编号继续查阅。若你对某条内容的来源有疑问，可通过<a class="legal-inline" href="/reach-us/">服务联络</a>页面的邮箱说明具体条目，客服会在工作日 9:00-18:00 内回复。</p>
          <p>页面中出现的站外链接仅作为补充参考，其内容由相应站点自行维护。平台不对站外页面的内容、可用性与后续变化负责，访问前请自行判断。</p>
        </div>
      </section>

      <section class="legal-sec" id="section-liability" data-reveal>
        <div class="legal-sec__head">
          <span class="num-tag">04</span>
          <h2 class="legal-sec__title">责任范围</h2>
          <span class="tag">使用须知</span>
        </div>
        <div class="legal-sec__body">
          <p>平台按现有技术条件持续提供服务，并对检索、公告与资料库功能做定期维护。以下情形属于双方需要共同理解的范围：</p>
          <h3 class="legal-sub">服务可用性</h3>
          <p>系统维护、网络波动、设备故障或第三方服务异常，可能导致页面短时无法访问或加载缓慢。平台会尽快恢复，但无法保证服务时刻不间断、无差错。</p>
          <h3 class="legal-sub">信息更新节奏</h3>
          <p>公告与案例按周、按月推进更新，存在一定的发布间隔。条目在发布后仍可能因赛程阶段变化而修订，请以最新文本为准。</p>
          <h3 class="legal-sub">你的判断与决定</h3>
          <p>平台提供的检索结果、分类标签与案例合集用于辅助查阅，你在作出任何决定前，应结合官方赛程信息与公告原文自行确认，并对自己的决定负责。</p>
          <div class="legal-note">
            <p class="legal-note__title">重要提示</p>
            <p class="legal-note__text">因网络中断、设备故障、第三方服务异常或不可抗力造成的访问中断与数据丢失，平台在法律规定范围内不承担赔偿责任。涉及人身或财产安全的重大事项，请以主管部门与官方渠道发布的信息为准。</p>
          </div>
        </div>
      </section>

      <section class="legal-sec" id="section-update" data-reveal>
        <div class="legal-sec__head">
          <span class="num-tag">05</span>
          <h2 class="legal-sec__title">协议更新与联系</h2>
          <span class="tag">版本与渠道</span>
        </div>
        <div class="legal-sec__body">
          <p>协议以版本号管理，当前版本为 v2.4。内容调整时，平台会通过周更公告的「服务通知」栏目说明修订要点，并在版本号递增后生效。修订生效后你继续使用检索、公告查询或收藏回访功能，即视为接受更新后的条款；如不同意，可停止使用相关功能。</p>
          <p>对本协议有疑问，或需要协助完成站内检索与公告查询，可通过以下渠道联系：</p>
          <dl class="legal-contact">
            <div class="legal-contact__row">
              <dt class="legal-contact__label">客服邮箱</dt>
              <dd class="legal-contact__value">support@ticket-maiqiu.com.cn</dd>
            </div>
            <div class="legal-contact__row">
              <dt class="legal-contact__label">服务电话</dt>
              <dd class="legal-contact__value">400-5615-7057</dd>
            </div>
            <div class="legal-contact__row">
              <dt class="legal-contact__label">回复时间</dt>
              <dd class="legal-contact__value">工作日 9:00-18:00</dd>
            </div>
            <div class="legal-contact__row">
              <dt class="legal-contact__label">联络地址</dt>
              <dd class="legal-contact__value">吉林省吉林市船营区解放中路185号</dd>
            </div>
            <div class="legal-contact__row">
              <dt class="legal-contact__label">备案号</dt>
              <dd class="legal-contact__value legal-contact__value--mono">吉ICP备64519394号-4</dd>
            </div>
          </dl>
        </div>
      </section>

      <div class="legal-related" data-reveal>
        <p class="legal-related__title">相关说明</p>
        <ul class="legal-related__list">
          <li class="legal-related__item"><a class="legal-related__link" href="/personal-data/">个人信息说明</a><span class="legal-related__desc">信息收集范围与保存方式</span></li>
          <li class="legal-related__item"><a class="legal-related__link" href="/knowledge/">答疑索引</a><span class="legal-related__desc">收藏回访与公告查询的常见问题</span></li>
          <li class="legal-related__item"><a class="legal-related__link" href="/reach-us/">服务联络</a><span class="legal-related__desc">邮箱、电话与自助入口</span></li>
          <li class="legal-related__item"><a class="legal-related__link" href="/">返回主站首页</a><span class="legal-related__desc">从检索框开始查阅</span></li>
        </ul>
      </div>
    </div>
  </div>
</main>

.page-disclaimer {
  --pd-warn-bg: #F4EEDF;
  --pd-frame-gap: 10px;
  background: var(--ice-base);
  color: var(--ink-body);
  font-family: var(--font-body);
  overflow-x: hidden;
}

.page-disclaimer .breadcrumb {
  padding-block: 14px 4px;
  font-size: 12.5px;
  font-family: var(--font-mono);
  color: var(--ink-soft);
}

.page-disclaimer .breadcrumb__link {
  color: var(--ink-soft);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color var(--fast) ease, color var(--fast) ease;
}

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

.page-disclaimer .breadcrumb__sep {
  margin-inline: 6px;
  color: var(--line);
}

.page-disclaimer .breadcrumb__current {
  color: var(--ink);
}

/* ---------- 首屏条款卡 ---------- */
.page-disclaimer .legal-hero {
  padding-block: 14px 6px;
}

.page-disclaimer .legal-hero__inner {
  display: grid;
  gap: 20px;
}

.page-disclaimer .legal-hero__doc {
  position: relative;
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: 8px 8px 0 -1px var(--ticket);
  padding: 30px 22px 26px;
}

.page-disclaimer .legal-hero__doc::after {
  content: "";
  position: absolute;
  inset: var(--pd-frame-gap);
  border: 1px dashed var(--line);
  pointer-events: none;
}

.page-disclaimer .legal-hero__doc > * {
  position: relative;
  z-index: 1;
}

.page-disclaimer .legal-hero__doc .eyebrow {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .18em;
  color: var(--mauve);
  text-transform: uppercase;
}

.page-disclaimer .legal-hero__title {
  margin: 10px 0 14px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(34px, 8vw, 60px);
  line-height: 1.02;
  letter-spacing: -.02em;
  color: var(--ink);
}

.page-disclaimer .legal-hero__lead {
  max-width: 60ch;
  margin: 0;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--ink-body);
}

.page-disclaimer .legal-hero__meta {
  display: grid;
  gap: 10px;
  margin: 22px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.page-disclaimer .legal-hero__meta-item dt {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .1em;
  color: var(--ink-soft);
  text-transform: uppercase;
}

.page-disclaimer .legal-hero__meta-item dd {
  margin: 3px 0 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--ink);
}

.page-disclaimer .legal-hero__figure {
  margin: 0;
  border: 1px solid var(--line);
  background: var(--ticket);
}

.page-disclaimer .legal-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

.page-disclaimer .legal-hero__caption {
  padding: 8px 12px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .06em;
  color: var(--ink-soft);
  border-top: 1px solid var(--line);
  background: var(--paper);
}

/* ---------- 版面骨架 ---------- */
.page-disclaimer .legal-layout {
  display: grid;
  gap: 26px;
  padding-block: 34px 56px;
}

/* ---------- 目录 ---------- */
.page-disclaimer .legal-toc {
  align-self: start;
  background: var(--paper);
  border: 1px solid var(--line);
  padding: 18px 16px 16px;
}

.page-disclaimer .legal-toc__title {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .16em;
  color: var(--mauve);
  text-transform: uppercase;
}

.page-disclaimer .legal-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}

.page-disclaimer .legal-toc__link {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 8px 6px 8px 0;
  font-size: 14px;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px dashed var(--line);
  transition: color var(--fast) ease, background-color var(--fast) ease;
}

.page-disclaimer .legal-toc__link:hover,
.page-disclaimer .legal-toc__link:focus-visible {
  color: var(--warm);
  background: rgba(242, 107, 56, .07);
}

.page-disclaimer .legal-toc__num {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--lime);
  background: var(--ice-deep);
  padding: 1px 5px;
  flex: 0 0 auto;
}

.page-disclaimer .legal-toc__foot {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  font-size: 12px;
  line-height: 1.7;
  color: var(--ink-soft);
}

.page-disclaimer .legal-toc__inline {
  color: var(--warm);
  text-decoration: none;
  border-bottom: 1px solid var(--warm);
}

/* ---------- 条款正文 ---------- */
.page-disclaimer .legal-body {
  min-width: 0;
  display: grid;
  gap: 0;
}

.page-disclaimer .legal-sec {
  padding-block: 26px 30px;
  border-top: 1px solid var(--line);
}

.page-disclaimer .legal-sec:first-child {
  border-top: 2px solid var(--ice-deep);
  padding-top: 20px;
}

.page-disclaimer .legal-sec__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-bottom: 14px;
}

.page-disclaimer .legal-sec__head .num-tag {
  font-family: var(--font-mono);
  font-size: 12.5px;
  letter-spacing: .06em;
  color: var(--ice-deep);
  background: var(--lime);
  padding: 3px 7px;
}

.page-disclaimer .legal-sec__title {
  margin: 0;
  flex: 1 1 auto;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(21px, 4.4vw, 28px);
  line-height: 1.25;
  letter-spacing: -.01em;
  color: var(--ink);
}

.page-disclaimer .legal-sec__head .tag {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--mauve);
  border: 1px solid var(--mauve);
  padding: 2px 7px;
  white-space: nowrap;
}

.page-disclaimer .legal-sec__body p {
  max-width: 68ch;
  margin: 0 0 14px;
  font-size: 15.5px;
  line-height: 1.88;
  color: var(--ink-body);
}

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

.page-disclaimer .legal-inline {
  color: var(--warm);
  text-decoration: none;
  border-bottom: 1px solid rgba(242, 107, 56, .5);
  transition: border-color var(--fast) ease;
}

.page-disclaimer .legal-inline:hover,
.page-disclaimer .legal-inline:focus-visible {
  border-bottom-color: var(--warm);
}

.page-disclaimer .legal-sub {
  margin: 20px 0 8px;
  padding-left: 10px;
  border-left: 3px solid var(--ticket);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 15.5px;
  color: var(--ink);
}

/* 规则列表 */
.page-disclaimer .legal-list {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  display: grid;
  gap: 8px;
  max-width: 68ch;
}

.page-disclaimer .legal-list__item {
  position: relative;
  padding: 10px 14px 10px 34px;
  background: var(--paper);
  border: 1px solid var(--line);
  font-size: 14.5px;
  line-height: 1.75;
  color: var(--ink-body);
}

.page-disclaimer .legal-list__item::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 17px;
  width: 8px;
  height: 8px;
  background: var(--ice-deep);
  box-shadow: 0 0 0 2px var(--lime);
}

/* 关键提示 */
.page-disclaimer .legal-note {
  margin-top: 22px;
  padding: 16px 18px;
  background: var(--pd-warn-bg);
  border: 1px solid var(--ticket);
  border-left: 4px solid var(--warm);
}

.page-disclaimer .legal-note__title {
  margin: 0 0 6px !important;
  font-family: var(--font-mono);
  font-size: 12px !important;
  letter-spacing: .14em;
  color: var(--warm) !important;
  text-transform: uppercase;
}

.page-disclaimer .legal-note__text {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.85;
  color: var(--ink) !important;
}

/* 联系方式 */
.page-disclaimer .legal-contact {
  margin: 6px 0 0;
  display: grid;
  gap: 0;
  max-width: 68ch;
  border-top: 1px solid var(--line);
}

.page-disclaimer .legal-contact__row {
  display: grid;
  grid-template-columns: 5.5em minmax(0, 1fr);
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px dashed var(--line);
}

.page-disclaimer .legal-contact__label {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--ink-soft);
  padding-top: 2px;
}

.page-disclaimer .legal-contact__value {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ink);
  word-break: break-word;
}

.page-disclaimer .legal-contact__value--mono {
  font-family: var(--font-mono);
  letter-spacing: .04em;
}

/* 相关说明 */
.page-disclaimer .legal-related {
  margin-top: 8px;
  padding: 22px 18px;
  background: var(--ice-deep);
  color: var(--ice-base);
}

.page-disclaimer .legal-related__title {
  margin: 0 0 14px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .16em;
  color: var(--lime);
  text-transform: uppercase;
}

.page-disclaimer .legal-related__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1px;
  background: rgba(185, 203, 211, .25);
}

.page-disclaimer .legal-related__item {
  display: grid;
  gap: 3px;
  padding: 12px 14px;
  background: var(--ice-deep);
}

.page-disclaimer .legal-related__link {
  font-size: 15px;
  font-weight: 600;
  color: var(--paper);
  text-decoration: none;
  border-bottom: 1px solid rgba(200, 240, 74, .55);
  justify-self: start;
  transition: color var(--fast) ease, border-color var(--fast) ease;
}

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

.page-disclaimer .legal-related__desc {
  font-size: 12.5px;
  line-height: 1.6;
  color: rgba(234, 242, 246, .68);
}

/* 焦点可见性 */
.page-disclaimer a:focus-visible {
  outline: 2px solid var(--warm);
  outline-offset: 2px;
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-disclaimer .legal-hero__meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 20px;
  }

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

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

@media (min-width: 960px) {
  .page-disclaimer .legal-hero {
    padding-block: 20px 8px;
  }

  .page-disclaimer .legal-hero__inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: 26px;
    align-items: start;
  }

  .page-disclaimer .legal-hero__doc {
    padding: 44px 38px 34px;
  }

  .page-disclaimer .legal-layout {
    grid-template-columns: 244px minmax(0, 1fr);
    gap: 52px;
    padding-block: 46px 72px;
  }

  .page-disclaimer .legal-toc {
    position: sticky;
    top: 92px;
  }

  .page-disclaimer .legal-sec {
    padding-block: 30px 36px;
  }
}

/* ---------- 打印 ---------- */
@media print {
  .page-disclaimer {
    background: #fff;
    color: #000;
  }

  .page-disclaimer .legal-toc,
  .page-disclaimer .legal-related,
  .page-disclaimer .legal-hero__figure,
  .page-disclaimer .breadcrumb {
    display: none;
  }

  .page-disclaimer .legal-layout {
    display: block;
    padding: 0;
  }

  .page-disclaimer .legal-hero__doc,
  .page-disclaimer .legal-list__item {
    box-shadow: none;
    border-color: #999;
  }

  .page-disclaimer .legal-sec {
    break-inside: avoid;
    border-top: 1px solid #999;
  }

  .page-disclaimer .legal-sec__head .num-tag {
    background: none;
    border: 1px solid #666;
  }
}

/* ---------- 减弱动效 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-disclaimer * {
    transition-duration: .01ms !important;
    animation: none !important;
  }
}