/* ===== 页面：法律声明 ===== */
.page-disclaimer {
  --pd-rule: rgba(23, 70, 111, .72);
  --pd-faint: rgba(201, 214, 222, .6);
  --pd-flow: 38rem;
  background: var(--night);
  color: var(--mist);
}

/* 面包屑 */
.page-disclaimer .breadcrumb {
  padding-top: 30px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .1em;
}

.page-disclaimer .breadcrumb a,
.page-disclaimer .breadcrumb [aria-current="page"] {
  color: var(--pd-faint);
  text-decoration: none;
}

.page-disclaimer .breadcrumb a:hover,
.page-disclaimer .breadcrumb a:focus-visible {
  color: var(--lime);
  outline: none;
}

/* 封面式首屏 */
.page-disclaimer .legal-hero {
  position: relative;
  overflow: hidden;
  padding: 34px 0 48px;
  border-bottom: 1px solid var(--pd-rule);
}

.page-disclaimer .legal-hero::before {
  content: "§";
  position: absolute;
  right: 3%;
  top: -.34em;
  font-size: clamp(180px, 32vw, 330px);
  font-weight: 900;
  line-height: 1;
  color: rgba(23, 70, 111, .34);
  pointer-events: none;
  user-select: none;
}

.page-disclaimer .legal-hero__inner {
  position: relative;
  z-index: 1;
}

.page-disclaimer .legal-hero .eyebrow {
  color: var(--lime);
}

.page-disclaimer .legal-hero h1 {
  margin: 18px 0 0;
  max-width: 12ch;
  font-size: clamp(38px, 7.2vw, 78px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: .035em;
  color: var(--white);
}

.page-disclaimer .legal-hero .lead {
  margin: 24px 0 0;
  max-width: 30em;
  font-size: 16px;
  line-height: 1.8;
  color: var(--mist);
}

.page-disclaimer .legal-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

/* 顶部横幅 */
.page-disclaimer .legal-banner {
  margin: 0;
  border-bottom: 1px solid var(--pd-rule);
  background: var(--lake);
}

.page-disclaimer .legal-banner .media-frame {
  width: 100%;
  max-width: 100%;
}

.page-disclaimer .legal-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.7) contrast(1.12) saturate(.85);
}

/* 主体区 */
.page-disclaimer .legal-body-wrap {
  padding: 42px 0 76px;
}

.page-disclaimer .legal-body {
  display: grid;
  gap: 30px;
}

/* 阅读导轨 */
.page-disclaimer .legal-rail {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--pd-rule);
}

.page-disclaimer .legal-rail__title {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--pd-faint);
}

.page-disclaimer .legal-rail__list {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0 0 6px;
  list-style: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.page-disclaimer .legal-rail__list::-webkit-scrollbar {
  display: none;
}

.page-disclaimer .legal-rail__list a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--pd-rule);
  border-radius: var(--radius);
  font-size: 13px;
  line-height: 1.4;
  color: var(--mist);
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 260ms var(--ease), color 260ms var(--ease);
}

.page-disclaimer .legal-rail__list a:hover,
.page-disclaimer .legal-rail__list a:focus-visible {
  border-color: var(--lime);
  color: var(--lime);
  outline: none;
}

.page-disclaimer .legal-rail__no {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--orange);
}

/* 条款条目 */
.page-disclaimer .legal-articles {
  display: grid;
  gap: 46px;
}

.page-disclaimer .legal-article {
  border-top: 1px solid var(--pd-rule);
  padding-top: 26px;
}

.page-disclaimer .legal-article__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.page-disclaimer .legal-article__no {
  flex: none;
  padding-top: 4px;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .14em;
  color: var(--lime);
}

.page-disclaimer .legal-article h2 {
  margin: 0;
  font-size: clamp(23px, 3.4vw, 36px);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: .02em;
  color: var(--white);
}

.page-disclaimer .legal-article__body {
  display: grid;
  gap: 16px;
  margin-top: 18px;
  max-width: var(--pd-flow);
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--mist);
}

.page-disclaimer .legal-article__body p {
  margin: 0;
}

.page-disclaimer .legal-article__body a {
  color: var(--lime);
  text-decoration: none;
  border-bottom: 1px solid rgba(183, 241, 58, .45);
  transition: border-color 200ms var(--ease);
}

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

/* 平板及以上：右侧留出贯穿的细竖线轨道 */
@media (min-width: 900px) {
  .page-disclaimer .legal-body {
    grid-template-columns: minmax(0, 1fr) 216px;
    gap: 68px;
    align-items: start;
  }

  .page-disclaimer .legal-rail {
    order: 2;
    position: sticky;
    top: 104px;
    padding: 4px 0 0 22px;
    border-bottom: 0;
    border-left: 1px solid var(--pd-rule);
  }

  .page-disclaimer .legal-rail__list {
    flex-direction: column;
    gap: 2px;
    padding: 0;
    overflow: visible;
  }

  .page-disclaimer .legal-rail__list a {
    min-height: 0;
    padding: 8px 0;
    border: 0;
    border-radius: 0;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--pd-faint);
    white-space: normal;
    transition: color 200ms var(--ease);
  }

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

  .page-disclaimer .legal-article__body {
    margin-top: 22px;
  }
}

@media (min-width: 1180px) {
  .page-disclaimer .legal-hero {
    padding: 44px 0 60px;
  }

  .page-disclaimer .legal-body-wrap {
    padding: 56px 0 96px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer * {
    transition-duration: .01ms !important;
  }
}
</main>
<<<END>>>

抱歉，上一条回复的结束标记有误。以下为正确完整版本：


<main id="main-content" class="page-disclaimer">
  <div class="container">
    <nav class="breadcrumb" aria-label="当前位置">
      <ol>
        <li><a href="/">首页</a></li>
        <li aria-current="page">法律声明</li>
      </ol>
    </nav>
  </div>

  <section class="legal-hero" aria-labelledby="legal-title">
    <div class="container legal-hero__inner">
      <p class="eyebrow">站点使用条款</p>
      <h1 id="legal-title">三亿体育法律声明</h1>
      <p class="lead">每天都有几十万球迷在手机上刷比分、翻阵容、追积分走势。这份声明讲清楚站内的内容从哪来、可以怎么用，以及使用过程中值得提前知道的几件事，让你看得放心，也转得明白。</p>
      <ul class="legal-hero__tags">
        <li><span class="tag tag--lime">内容使用</span></li>
        <li><span class="tag tag--paper">知识产权</span></li>
        <li><span class="tag tag--orange">责任范围</span></li>
      </ul>
    </div>
  </section>

  <figure class="legal-banner">
    <div class="media-frame media-frame--16x9">
      <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="深色背景下隐约可见的比分牌数字与经纬网格纹理抽象图">
    </div>
  </figure>

  <div class="legal-body-wrap">
    <div class="container">
      <div class="legal-body">

        <nav class="legal-rail" aria-label="章节索引">
          <p class="legal-rail__title">章节索引</p>
          <ol class="legal-rail__list">
            <li><a href="#sec-data"><span class="legal-rail__no">01</span><span class="legal-rail__label">比分和资料从哪来</span></a></li>
            <li><a href="#sec-use"><span class="legal-rail__no">02</span><span class="legal-rail__label">可以怎么引用</span></a></li>
            <li><a href="#sec-ip"><span class="legal-rail__no">03</span><span class="legal-rail__label">内容和设计归谁</span></a></li>
            <li><a href="#sec-duty"><span class="legal-rail__no">04</span><span class="legal-rail__label">延迟、中断与站外链接</span></a></li>
            <li><a href="#sec-update"><span class="legal-rail__no">05</span><span class="legal-rail__label">条款更新与咨询通道</span></a></li>
          </ol>
        </nav>

        <div class="legal-articles">

          <article class="legal-article" id="sec-data" data-reveal>
            <header class="legal-article__head">
              <span class="legal-article__no">01</span>
              <h2>比分和资料从哪来</h2>
            </header>
            <div class="legal-article__body">
              <p>页面上的实时比分、赛程、积分榜、球队资料、转会动态和伤停名单，来自 12 家数据源合作方，分别提供赛事数据、赛程接口与图像素材三类内容。内容团队共 68 人，其中数据编辑 32 人，转会与阵容信息执行双人复核。</p>
              <p>比分与积分榜一般在场上事件发生后的 5 秒内完成刷新，数据团队按 7×24 小时轮值巡检；遇到信号源异常，由值班编辑人工订正后重新推送。</p>
              <p>球队档案已收录 1800 余支球队、31000 余份球员资料，按联赛专题归类。你可以按联赛、赛季、场上位置和国籍逐层筛选，历史赛季的数据也能回头查阅。</p>
              <p>电视画面、场馆网络与数据接口之间存在天然的先后差，页面上的数字可能比现场慢上几秒。涉及判罚、改判与最终比分，请以赛事官方公布的结果为准。</p>
            </div>
          </article>

          <article class="legal-article" id="sec-use" data-reveal>
            <header class="legal-article__head">
              <span class="legal-article__no">02</span>
              <h2>可以怎么引用这些内容</h2>
            </header>
            <div class="legal-article__body">
              <p>随手转发比分、积分榜和排名截图，不需要额外申请。写进球迷群、短视频或校园社团材料时，注明内容来自三亿体育即可。</p>
              <p>整段复制球队资料、专题文章或赛季对比内容，以及把站内信息用于培训、付费内容等商业场景，需要先取得书面许可，我们会一并说明使用范围与署名方式。</p>
              <p>请不要用自动化程序高频抓取页面，也不要绕过页面结构批量搬运数据。发现异常访问时，我们会限制对应来源的请求，以保障其他球迷的正常浏览速度。</p>
            </div>
          </article>

          <article class="legal-article" id="sec-ip" data-reveal>
            <header class="legal-article__head">
              <span class="legal-article__no">03</span>
              <h2>内容和设计归谁</h2>
            </header>
            <div class="legal-article__body">
              <p>站内的文字内容、界面设计、图形标识、卡片版式以及数据的编排方式，归三亿体育与相应权利人所有，受著作权法及相关法律保护。</p>
              <p>页面中出现的联赛名称、球队名称与队徽，权利归各赛事和俱乐部权利人持有，这里仅作信息展示之用，不代表任何形式的官方授权关系。</p>
              <p>球队资料页支持导出赛季对比卡片分享到社交平台，个人分享不受限制。如果要放到公开渠道大规模传播，或者拿去做印刷品、周边，请先联系我们取得授权。</p>
            </div>
          </article>

          <article class="legal-article" id="sec-duty" data-reveal>
            <header class="legal-article__head">
              <span class="legal-article__no">04</span>
              <h2>延迟、中断与站外链接</h2>
            </header>
            <div class="legal-article__body">
              <p>站内部分入口会跳转到第三方数据服务页面，那些页面的内容与访问规则由对方负责，使用前可以留意它们自己的说明。</p>
              <p>遇到网络中断、设备兼容或数据源临时故障，页面数字可能出现延迟、短暂缺失或二次刷新。我们会在发现后尽快修复，并同步更新受影响的条目。</p>
              <p>体育数据本身带有波动与事后修正，同一场比赛在两处显示不一致时，以赛事官方结果为准。观赛安排、资料引用等后续判断，建议你结合官方渠道一并确认。</p>
            </div>
          </article>

          <article class="legal-article" id="sec-update" data-reveal>
            <header class="legal-article__head">
              <span class="legal-article__no">05</span>
              <h2>条款更新与咨询通道</h2>
            </header>
            <div class="legal-article__body">
              <p>功能保持两个月一次的迭代节奏，2024 赛季起新增了联赛积分切片视图。条款会随功能与流程的调整同步更新，修订后的版本替换原有内容，并在文首标注新的修订日期。</p>
              <p>对某条说明有疑问，可以发邮件到 kefu@kuairen-sanyi.com.cn，工作日上午九点到下午六点由青海西宁的客服团队轮值响应，涉及数据纠错的事项会优先处理。</p>
              <p>账号和登录信息如何处理，写在 <a href="/personal-data/">个人信息说明</a> 里；比分纠错、页面显示异常这类问题，<a href="/support/">支持中心</a> 有一步步的指引；数据源接入、内容授权或品牌合作，从 <a href="/cooperation/">合作联系</a> 进去更直接。</p>
            </div>
          </article>

        </div>
      </div>
    </div>
  </div>
</main>

/* ===== 页面：法律声明 ===== */
.page-disclaimer {
  --pd-rule: rgba(23, 70, 111, .72);
  --pd-faint: rgba(201, 214, 222, .6);
  --pd-flow: 38rem;
  background: var(--night);
  color: var(--mist);
}

/* 面包屑 */
.page-disclaimer .breadcrumb {
  padding-top: 30px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .1em;
}

.page-disclaimer .breadcrumb a,
.page-disclaimer .breadcrumb [aria-current="page"] {
  color: var(--pd-faint);
  text-decoration: none;
}

.page-disclaimer .breadcrumb a:hover,
.page-disclaimer .breadcrumb a:focus-visible {
  color: var(--lime);
  outline: none;
}

/* 封面式首屏 */
.page-disclaimer .legal-hero {
  position: relative;
  overflow: hidden;
  padding: 34px 0 48px;
  border-bottom: 1px solid var(--pd-rule);
}

.page-disclaimer .legal-hero::before {
  content: "§";
  position: absolute;
  right: 3%;
  top: -.34em;
  font-size: clamp(180px, 32vw, 330px);
  font-weight: 900;
  line-height: 1;
  color: rgba(23, 70, 111, .34);
  pointer-events: none;
  user-select: none;
}

.page-disclaimer .legal-hero__inner {
  position: relative;
  z-index: 1;
}

.page-disclaimer .legal-hero .eyebrow {
  color: var(--lime);
}

.page-disclaimer .legal-hero h1 {
  margin: 18px 0 0;
  max-width: 12ch;
  font-size: clamp(38px, 7.2vw, 78px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: .035em;
  color: var(--white);
}

.page-disclaimer .legal-hero .lead {
  margin: 24px 0 0;
  max-width: 30em;
  font-size: 16px;
  line-height: 1.8;
  color: var(--mist);
}

.page-disclaimer .legal-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

/* 顶部横幅 */
.page-disclaimer .legal-banner {
  margin: 0;
  border-bottom: 1px solid var(--pd-rule);
  background: var(--lake);
}

.page-disclaimer .legal-banner .media-frame {
  width: 100%;
  max-width: 100%;
}

.page-disclaimer .legal-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.7) contrast(1.12) saturate(.85);
}

/* 主体区 */
.page-disclaimer .legal-body-wrap {
  padding: 42px 0 76px;
}

.page-disclaimer .legal-body {
  display: grid;
  gap: 30px;
}

/* 阅读导轨 */
.page-disclaimer .legal-rail {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--pd-rule);
}

.page-disclaimer .legal-rail__title {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--pd-faint);
}

.page-disclaimer .legal-rail__list {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0 0 6px;
  list-style: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.page-disclaimer .legal-rail__list::-webkit-scrollbar {
  display: none;
}

.page-disclaimer .legal-rail__list a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--pd-rule);
  border-radius: var(--radius);
  font-size: 13px;
  line-height: 1.4;
  color: var(--mist);
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 260ms var(--ease), color 260ms var(--ease);
}

.page-disclaimer .legal-rail__list a:hover,
.page-disclaimer .legal-rail__list a:focus-visible {
  border-color: var(--lime);
  color: var(--lime);
  outline: none;
}

.page-disclaimer .legal-rail__no {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--orange);
}

/* 条款条目 */
.page-disclaimer .legal-articles {
  display: grid;
  gap: 46px;
}

.page-disclaimer .legal-article {
  border-top: 1px solid var(--pd-rule);
  padding-top: 26px;
}

.page-disclaimer .legal-article__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.page-disclaimer .legal-article__no {
  flex: none;
  padding-top: 4px;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .14em;
  color: var(--lime);
}

.page-disclaimer .legal-article h2 {
  margin: 0;
  font-size: clamp(23px, 3.4vw, 36px);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: .02em;
  color: var(--white);
}

.page-disclaimer .legal-article__body {
  display: grid;
  gap: 16px;
  margin-top: 18px;
  max-width: var(--pd-flow);
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--mist);
}

.page-disclaimer .legal-article__body p {
  margin: 0;
}

.page-disclaimer .legal-article__body a {
  color: var(--lime);
  text-decoration: none;
  border-bottom: 1px solid rgba(183, 241, 58, .45);
  transition: border-color 200ms var(--ease);
}

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

/* 平板及以上：右侧留出贯穿的细竖线轨道 */
@media (min-width: 900px) {
  .page-disclaimer .legal-body {
    grid-template-columns: minmax(0, 1fr) 216px;
    gap: 68px;
    align-items: start;
  }

  .page-disclaimer .legal-rail {
    order: 2;
    position: sticky;
    top: 104px;
    padding: 4px 0 0 22px;
    border-bottom: 0;
    border-left: 1px solid var(--pd-rule);
  }

  .page-disclaimer .legal-rail__list {
    flex-direction: column;
    gap: 2px;
    padding: 0;
    overflow: visible;
  }

  .page-disclaimer .legal-rail__list a {
    min-height: 0;
    padding: 8px 0;
    border: 0;
    border-radius: 0;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--pd-faint);
    white-space: normal;
    transition: color 200ms var(--ease);
  }

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

  .page-disclaimer .legal-article__body {
    margin-top: 22px;
  }
}

@media (min-width: 1180px) {
  .page-disclaimer .legal-hero {
    padding: 44px 0 60px;
  }

  .page-disclaimer .legal-body-wrap {
    padding: 56px 0 96px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer * {
    transition-duration: .01ms !important;
  }
}
<<<END>>>