.page-disclaimer {
  --dis-slant: -7deg;
  background: var(--white);
  color: var(--ink);
  font-family: var(--font-body);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .dis-hero {
  position: relative;
  background: var(--blue);
  color: var(--white);
  padding: clamp(20px, 4vw, 34px) 0 clamp(38px, 6vw, 72px);
  overflow: hidden;
}

.page-disclaimer .dis-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  background: linear-gradient(90deg, var(--orange) 0 33%, var(--sand) 33% 66%, var(--green-light) 66% 100%);
}

.page-disclaimer .dis-hero__crumb {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .08em;
  color: rgba(255, 255, 255, .68);
  margin-bottom: clamp(20px, 3vw, 34px);
}

.page-disclaimer .dis-hero__crumb a {
  color: rgba(255, 255, 255, .86);
  text-decoration: none;
}

.page-disclaimer .dis-hero__crumb a:hover {
  color: var(--white);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-disclaimer .dis-hero__crumb .breadcrumb__sep {
  margin: 0 8px;
  color: rgba(255, 255, 255, .45);
}

.page-disclaimer .dis-hero__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(26px, 4vw, 40px);
  align-items: center;
}

.page-disclaimer .dis-hero__copy {
  min-width: 0;
}

.page-disclaimer .dis-hero .eyebrow {
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--sand);
  margin: 0 0 14px;
}

.page-disclaimer .dis-hero__title {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: clamp(32px, 6.4vw, 62px);
  line-height: 1.08;
  letter-spacing: -.02em;
  margin: 0 0 18px;
  color: var(--white);
}

.page-disclaimer .dis-hero__lead {
  font-size: clamp(15.5px, 2vw, 18px);
  line-height: 1.75;
  color: rgba(255, 255, 255, .88);
  max-width: 40ch;
  margin: 0 0 16px;
}

.page-disclaimer .dis-hero__meta {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: rgba(255, 255, 255, .62);
  margin: 0;
}

.page-disclaimer .dis-hero__fig {
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .3);
  background: var(--blue-deep);
  overflow: hidden;
}

.page-disclaimer .dis-hero__fig img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/* 更新节奏时间轴 */
.page-disclaimer .dis-rhythm {
  list-style: none;
  display: flex;
  margin: clamp(32px, 5vw, 56px) 0 0;
  padding: 0;
  overflow-x: auto;
  border-top: 1px solid rgba(255, 255, 255, .26);
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.page-disclaimer .dis-rhythm__item {
  position: relative;
  flex: 0 0 208px;
  padding: 20px 18px 4px 0;
  border-right: 1px solid rgba(255, 255, 255, .16);
}

.page-disclaimer .dis-rhythm__item:last-child {
  border-right: 0;
  padding-right: 0;
}

.page-disclaimer .dis-rhythm__item::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--sand);
  transform: rotate(var(--dis-slant));
}

.page-disclaimer .dis-rhythm__time {
  display: block;
  font-family: var(--font-mono);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--white);
  margin-bottom: 6px;
}

.page-disclaimer .dis-rhythm__label {
  display: block;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, .74);
}

/* ---------- 主体 ---------- */
.page-disclaimer .dis-body {
  background: var(--blue-mist);
  padding: clamp(38px, 6vw, 78px) 0 clamp(54px, 8vw, 104px);
}

.page-disclaimer .dis-body__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(18px, 3vw, 32px);
  align-items: start;
}

/* 章节导航 */
.page-disclaimer .dis-toc {
  min-width: 0;
}

.page-disclaimer .dis-toc__title {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gray-blue);
  margin: 0 0 10px;
}

.page-disclaimer .dis-toc__list {
  list-style: none;
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0 0 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.page-disclaimer .dis-toc__list::-webkit-scrollbar {
  display: none;
}

.page-disclaimer .dis-toc__list li {
  flex: 0 0 auto;
}

.page-disclaimer .dis-toc__link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 9px 13px;
  border: 1px solid var(--line);
  background: var(--white);
  font-size: 13px;
  line-height: 1.3;
  white-space: nowrap;
  color: var(--gray-blue);
  text-decoration: none;
  transition: color .2s var(--ease), border-color .2s var(--ease);
}

.page-disclaimer .dis-toc__link .num {
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 700;
  color: var(--green);
}

.page-disclaimer .dis-toc__link:hover {
  color: var(--blue);
  border-color: var(--blue);
}

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

/* 正文列 */
.page-disclaimer .dis-articles {
  min-width: 0;
}

.page-disclaimer .dis-art {
  padding: clamp(26px, 4vw, 40px) 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: 96px;
}

.page-disclaimer .dis-art:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-disclaimer .dis-art:target {
  background: linear-gradient(90deg, rgba(31, 122, 76, .1), rgba(31, 122, 76, 0) 64%);
}

.page-disclaimer .dis-art:target .dis-art__title {
  color: var(--green);
}

.page-disclaimer .dis-art__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 14px;
}

.page-disclaimer .dis-art__num {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--green);
  margin: 0;
}

.page-disclaimer .dis-art__title {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: clamp(21px, 2.7vw, 27px);
  line-height: 1.3;
  letter-spacing: -.01em;
  color: var(--ink);
  margin: 0;
}

.page-disclaimer .dis-art p {
  font-size: 16px;
  line-height: 1.75;
  color: var(--gray-blue);
  max-width: 62ch;
  margin: 0 0 14px;
}

.page-disclaimer .dis-art p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .dis-art a {
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.page-disclaimer .dis-art a:hover {
  color: var(--blue-deep);
}

.page-disclaimer .dis-art a:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 2px;
}

/* 列表 */
.page-disclaimer .dis-list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  max-width: 62ch;
}

.page-disclaimer .dis-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  font-size: 15.5px;
  line-height: 1.72;
  color: var(--gray-blue);
}

.page-disclaimer .dis-list li:last-child {
  margin-bottom: 0;
}

.page-disclaimer .dis-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 11px;
  width: 7px;
  height: 7px;
  background: var(--green-light);
  transform: rotate(var(--dis-slant));
}

/* 引用示例 */
.page-disclaimer .dis-cite {
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue);
  background: var(--white);
  padding: 18px 20px;
  margin: 20px 0 18px;
  max-width: 62ch;
}

.page-disclaimer .dis-cite .dis-cite__label {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--blue);
  margin: 0 0 10px;
  max-width: none;
}

.page-disclaimer .dis-cite__code {
  font-family: var(--font-mono);
  font-size: 13.5px;
  line-height: 1.95;
  color: var(--ink);
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
}

/* 提示条 */
.page-disclaimer .dis-art .dis-note {
  font-size: 14px;
  line-height: 1.7;
  color: var(--gray-blue);
  border-left: 2px solid var(--sand);
  padding-left: 12px;
  margin: 18px 0 0;
}

/* 斜切分隔带 */
.page-disclaimer .dis-slant {
  height: 54px;
  margin: 34px 0;
  background-color: var(--blue);
  background-image: repeating-linear-gradient(
    var(--dis-slant),
    rgba(255, 255, 255, .16) 0 3px,
    transparent 3px 16px
  );
  clip-path: polygon(0 16%, 100% 0, 100% 84%, 0 100%);
}

/* ---------- 响应式 ---------- */
@media (min-width: 880px) {
  .page-disclaimer .dis-hero__grid {
    grid-template-columns: 5fr 7fr;
    gap: clamp(30px, 4vw, 60px);
  }
}

@media (min-width: 900px) {
  .page-disclaimer .dis-body__grid {
    grid-template-columns: 224px minmax(0, 1fr);
    gap: clamp(34px, 5vw, 76px);
  }

  .page-disclaimer .dis-toc {
    position: sticky;
    top: 96px;
  }

  .page-disclaimer .dis-toc__list {
    flex-direction: column;
    gap: 0;
    overflow: visible;
    padding-bottom: 0;
  }

  .page-disclaimer .dis-toc__list li {
    flex: initial;
  }

  .page-disclaimer .dis-toc__link {
    display: flex;
    width: 100%;
    padding: 11px 0 11px 14px;
    border: 0;
    border-left: 2px solid var(--line);
    background: transparent;
    white-space: normal;
    text-align: left;
  }

  .page-disclaimer .dis-toc__link:hover {
    border-left-color: var(--blue);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .dis-toc__link {
    transition: none;
  }
}
</final>
<<<END>>>

<main id="main-content" class="page-disclaimer">

  <section class="dis-hero">
    <div class="shell">
      <nav class="breadcrumb dis-hero__crumb" aria-label="当前位置">
        <a href="/">首页</a>
        <span class="breadcrumb__sep">/</span>
        <span aria-current="page">使用说明</span>
      </nav>

      <div class="dis-hero__grid">
        <div class="dis-hero__copy">
          <p class="eyebrow">Statement · 站点使用说明</p>
          <h1 class="dis-hero__title">乐游赛场内容使用说明</h1>
          <p class="dis-hero__lead">赛果几点刷新、数据从哪里来、引用时要标注什么、哪些做法不合适——第一次把乐游赛场的数据用到自己的内容里，这几件事值得先花三分钟看清楚。</p>
          <p class="dis-hero__meta">当前说明版本：V4 上线后的第二次增补</p>
        </div>

        <figure class="dis-hero__fig">
          <img src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="冷色调桌面上摊开的赛程打印稿与数据图表俯拍">
        </figure>
      </div>

      <ol class="dis-rhythm">
        <li class="dis-rhythm__item">
          <span class="dis-rhythm__time">每日 08:00</span>
          <span class="dis-rhythm__label">前一晚全部赛果汇总上线</span>
        </li>
        <li class="dis-rhythm__item">
          <span class="dis-rhythm__time">比赛进行中</span>
          <span class="dis-rhythm__label">比分反馈与追比分提醒持续刷新</span>
        </li>
        <li class="dis-rhythm__item">
          <span class="dis-rhythm__time">每轮结束</span>
          <span class="dis-rhythm__label">赛程与联赛排名同步更新</span>
        </li>
        <li class="dis-rhythm__item">
          <span class="dis-rhythm__time">赛事期每日</span>
          <span class="dis-rhythm__label">赛事观察专栏摘要发布</span>
        </li>
        <li class="dis-rhythm__item">
          <span class="dis-rhythm__time">非赛事期每周三篇</span>
          <span class="dis-rhythm__label">数据解读与复盘内容上线</span>
        </li>
      </ol>
    </div>
  </section>

  <section class="dis-body">
    <div class="shell dis-body__grid">

      <nav class="dis-toc" aria-label="章节导航">
        <p class="dis-toc__title">章节</p>
        <ol class="dis-toc__list">
          <li><a class="dis-toc__link" href="#sec-scope"><span class="num">01</span>内容范围与更新节奏</a></li>
          <li><a class="dis-toc__link" href="#sec-source"><span class="num">02</span>数据来源</a></li>
          <li><a class="dis-toc__link" href="#sec-cite"><span class="num">03</span>引用与转载</a></li>
          <li><a class="dis-toc__link" href="#sec-outbound"><span class="num">04</span>外部链接</a></li>
          <li><a class="dis-toc__link" href="#sec-limits"><span class="num">05</span>使用限制</a></li>
          <li><a class="dis-toc__link" href="#sec-change"><span class="num">06</span>变更与联系</a></li>
        </ol>
      </nav>

      <div class="dis-articles">

        <article class="dis-art" id="sec-scope" data-reveal>
          <header class="dis-art__head">
            <p class="dis-art__num">01</p>
            <h2 class="dis-art__title">内容范围与更新节奏</h2>
          </header>
          <p>每天 08:00，乐游赛场把前一晚的全部赛果汇总发布出来。这个时间点是固定的，早班通勤打开手机、午休再看一眼，看到的都是同一份已经确认过的结果。</p>
          <p>比赛进行中的比分反馈走的是另一条线。从开球到终场，比分、时间节点与关键事件跟着现场推进滚动刷新；你关注的场次一旦出现变化，追比分提醒会及时推送到位。</p>
          <p>赛程与联赛排名跟着赛事进程走，每轮结束后同步刷新积分、净胜分与近期战绩三个维度，方便横向对比几支球队在不同阶段的走势。</p>
          <p>站内目前可以查到的范围包括：</p>
          <ul class="dis-list">
            <li>足球、篮球、排球、冰雪、田径、乒乓球等 9 个大项</li>
            <li>26 个联赛与杯赛的赛程、赛果与排名数据</li>
            <li>参赛球队与队伍的基础资料，用于查询和对比</li>
          </ul>
          <p>赛事观察专栏在赛事期间保持每日摘要更新，非赛事期每周发布三篇左右的解读。每年还有两场面向球迷的数据主题活动，一场放在赛季前瞻，一场放在赛季总结。</p>
        </article>

        <article class="dis-art" id="sec-source" data-reveal>
          <header class="dis-art__head">
            <p class="dis-art__num">02</p>
            <h2 class="dis-art__title">这些数字是从哪来的</h2>
          </header>
          <p>赛程表与赛果主要来自公开赛事公告和联赛官方赛程表。此外，12 家数据合作伙伴提供授权数据，用来补齐部分场次的技术统计与细分维度。</p>
          <p>每天 08:00 发布之前，赛果都经过双人交叉复核，比分、时间与胜负关系确认一致才会公开。你在站内看到的每一条赛果，都是已经结束并完成确认的事实，没有推算，也没有对未发生走势的预判。</p>
          <p>标注来源时，用“乐游赛场 · 乐游体育中文站”即可；如果稿件需要把出处写到具体类型，可以写成“赛果与排名数据来自乐游赛场”，不必把合作伙伴单独列出。</p>
          <p class="dis-note">关于个人信息如何收集与使用，见 <a href="/privacy-center/">隐私中心</a>。</p>
        </article>

        <article class="dis-art" id="sec-cite" data-reveal>
          <header class="dis-art__head">
            <p class="dis-art__num">03</p>
            <h2 class="dis-art__title">引用与转载怎么做</h2>
          </header>
          <p>欢迎媒体、区域体育协会、高校体育院系与内容合作方引用站内数据。按下面几条来，基本不会出问题。</p>
          <ul class="dis-list">
            <li>标注来源为“乐游赛场 · 乐游体育中文站”</li>
            <li>保留比分、排名与时间的原始数值，不改写成约数或近似说法</li>
            <li>使用截图时，把画面中的更新时间标记一并保留</li>
            <li>商业用途或整批转载之前，先与商务团队确认一次</li>
          </ul>

          <div class="dis-cite">
            <p class="dis-cite__label">推荐引用格式</p>
            <pre class="dis-cite__code">来源：乐游赛场 · 乐游体育中文站
栏目：赛果汇总 / 联赛排名 / 球队资料
说明：数据以发布当日站内显示的数值为准</pre>
          </div>

          <p>改写、评论、做信息图都可以，只要原始数字没有被改动、来源标注还在。把数据换一个统计维度重新发布、却仍然挂着乐游赛场的名义，是很容易引起误解的一类用法，建议避开。</p>
        </article>

        <div class="dis-slant" aria-hidden="true"></div>

        <article class="dis-art" id="sec-outbound" data-reveal>
          <header class="dis-art__head">
            <p class="dis-art__num">04</p>
            <h2 class="dis-art__title">点出去以后会到哪里</h2>
          </header>
          <p>站内有一些链接指向第三方页面，比如赛事组织、区域体育协会或合作机构发布的公告原文。</p>
          <p>点击之后你就离开了乐游赛场，那边的版面、内容与更新速度都由对方自己维护。赛程临时调整、比赛场地变更这一类信息，以主办方发布的最新版本为准。</p>
          <p>如果发现某个链接已经打不开，或者跳过去的页面跟这里的文字描述对不上，写信到客服邮箱说一声，我们会尽快替换。</p>
        </article>

        <article class="dis-art" id="sec-limits" data-reveal>
          <header class="dis-art__head">
            <p class="dis-art__num">05</p>
            <h2 class="dis-art__title">哪些做法需要收住</h2>
          </header>
          <p>下面几条是为了让数据在正常范围内被使用，也是平台和合作方共同的底线。</p>
          <ul class="dis-list">
            <li>不要用自动化程序高频抓取站内数据，影响其他人的正常访问</li>
            <li>不要把赛果与排名整批复制，用来搭建同类型的查询服务</li>
            <li>不要修改比分、名次或时间之后，仍然标注数据来自乐游赛场</li>
            <li>未经确认，不要把站内内容打包进付费课程、出版物或商业培训材料</li>
          </ul>
          <p>个人看球、群聊转发、写公众号推文或者做短视频口播，都不在限制范围之内。你只要把来源写清楚，剩下的交给我们把住数据本身。</p>
        </article>

        <article class="dis-art" id="sec-change" data-reveal>
          <header class="dis-art__head">
            <p class="dis-art__num">06</p>
            <h2 class="dis-art__title">约定调整后怎么通知你</h2>
          </header>
          <p>这套使用约定发生调整时，会在<a href="/updates/">最新动态</a>发布一条说明，站点的版本号同步更新。V4 上线以来，这里已经做过两次增补。</p>
          <p>要确认具体用法，可以走两个渠道联系：客服邮箱 contact@le-yousports.com.cn、客服电话 400-8090-1830，工作日 9:00–18:00 有同事受理咨询。</p>
          <p>涉及数据合作、内容共建或品牌联合的机构，直接看<a href="/cooperation/">商务合作</a>页，那边写了流程和需要准备的资料。第一次上手遇到操作层面的问题，<a href="/help-center/">帮助中心</a>里有分步说明。</p>
        </article>

      </div>
    </div>
  </section>

</main>

.page-disclaimer {
  --dis-slant: -7deg;
  background: var(--white);
  color: var(--ink);
  font-family: var(--font-body);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .dis-hero {
  position: relative;
  background: var(--blue);
  color: var(--white);
  padding: clamp(20px, 4vw, 34px) 0 clamp(38px, 6vw, 72px);
  overflow: hidden;
}

.page-disclaimer .dis-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  background: linear-gradient(90deg, var(--orange) 0 33%, var(--sand) 33% 66%, var(--green-light) 66% 100%);
}

.page-disclaimer .dis-hero__crumb {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .08em;
  color: rgba(255, 255, 255, .68);
  margin-bottom: clamp(20px, 3vw, 34px);
}

.page-disclaimer .dis-hero__crumb a {
  color: rgba(255, 255, 255, .86);
  text-decoration: none;
}

.page-disclaimer .dis-hero__crumb a:hover {
  color: var(--white);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-disclaimer .dis-hero__crumb .breadcrumb__sep {
  margin: 0 8px;
  color: rgba(255, 255, 255, .45);
}

.page-disclaimer .dis-hero__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(26px, 4vw, 40px);
  align-items: center;
}

.page-disclaimer .dis-hero__copy {
  min-width: 0;
}

.page-disclaimer .dis-hero .eyebrow {
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--sand);
  margin: 0 0 14px;
}

.page-disclaimer .dis-hero__title {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: clamp(32px, 6.4vw, 62px);
  line-height: 1.08;
  letter-spacing: -.02em;
  margin: 0 0 18px;
  color: var(--white);
}

.page-disclaimer .dis-hero__lead {
  font-size: clamp(15.5px, 2vw, 18px);
  line-height: 1.75;
  color: rgba(255, 255, 255, .88);
  max-width: 40ch;
  margin: 0 0 16px;
}

.page-disclaimer .dis-hero__meta {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: rgba(255, 255, 255, .62);
  margin: 0;
}

.page-disclaimer .dis-hero__fig {
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .3);
  background: var(--blue-deep);
  overflow: hidden;
}

.page-disclaimer .dis-hero__fig img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/* 更新节奏时间轴 */
.page-disclaimer .dis-rhythm {
  list-style: none;
  display: flex;
  margin: clamp(32px, 5vw, 56px) 0 0;
  padding: 0;
  overflow-x: auto;
  border-top: 1px solid rgba(255, 255, 255, .26);
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.page-disclaimer .dis-rhythm__item {
  position: relative;
  flex: 0 0 208px;
  padding: 20px 18px 4px 0;
  border-right: 1px solid rgba(255, 255, 255, .16);
}

.page-disclaimer .dis-rhythm__item:last-child {
  border-right: 0;
  padding-right: 0;
}

.page-disclaimer .dis-rhythm__item::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--sand);
  transform: rotate(var(--dis-slant));
}

.page-disclaimer .dis-rhythm__time {
  display: block;
  font-family: var(--font-mono);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--white);
  margin-bottom: 6px;
}

.page-disclaimer .dis-rhythm__label {
  display: block;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, .74);
}

/* ---------- 主体 ---------- */
.page-disclaimer .dis-body {
  background: var(--blue-mist);
  padding: clamp(38px, 6vw, 78px) 0 clamp(54px, 8vw, 104px);
}

.page-disclaimer .dis-body__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(18px, 3vw, 32px);
  align-items: start;
}

/* 章节导航 */
.page-disclaimer .dis-toc {
  min-width: 0;
}

.page-disclaimer .dis-toc__title {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gray-blue);
  margin: 0 0 10px;
}

.page-disclaimer .dis-toc__list {
  list-style: none;
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0 0 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.page-disclaimer .dis-toc__list::-webkit-scrollbar {
  display: none;
}

.page-disclaimer .dis-toc__list li {
  flex: 0 0 auto;
}

.page-disclaimer .dis-toc__link {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 9px 13px;
  border: 1px solid var(--line);
  background: var(--white);
  font-size: 13px;
  line-height: 1.3;
  white-space: nowrap;
  color: var(--gray-blue);
  text-decoration: none;
  transition: color .2s var(--ease), border-color .2s var(--ease);
}

.page-disclaimer .dis-toc__link .num {
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 700;
  color: var(--green);
}

.page-disclaimer .dis-toc__link:hover {
  color: var(--blue);
  border-color: var(--blue);
}

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

/* 正文列 */
.page-disclaimer .dis-articles {
  min-width: 0;
}

.page-disclaimer .dis-art {
  padding: clamp(26px, 4vw, 40px) 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: 96px;
}

.page-disclaimer .dis-art:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-disclaimer .dis-art:target {
  background: linear-gradient(90deg, rgba(31, 122, 76, .1), rgba(31, 122, 76, 0) 64%);
}

.page-disclaimer .dis-art:target .dis-art__title {
  color: var(--green);
}

.page-disclaimer .dis-art__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 14px;
}

.page-disclaimer .dis-art__num {
  flex: 0 0 auto;
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--green);
  margin: 0;
}

.page-disclaimer .dis-art__title {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: clamp(21px, 2.7vw, 27px);
  line-height: 1.3;
  letter-spacing: -.01em;
  color: var(--ink);
  margin: 0;
}

.page-disclaimer .dis-art p {
  font-size: 16px;
  line-height: 1.75;
  color: var(--gray-blue);
  max-width: 62ch;
  margin: 0 0 14px;
}

.page-disclaimer .dis-art p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .dis-art a {
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.page-disclaimer .dis-art a:hover {
  color: var(--blue-deep);
}

.page-disclaimer .dis-art a:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 2px;
}

/* 列表 */
.page-disclaimer .dis-list {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  max-width: 62ch;
}

.page-disclaimer .dis-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  font-size: 15.5px;
  line-height: 1.72;
  color: var(--gray-blue);
}

.page-disclaimer .dis-list li:last-child {
  margin-bottom: 0;
}

.page-disclaimer .dis-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 11px;
  width: 7px;
  height: 7px;
  background: var(--green-light);
  transform: rotate(var(--dis-slant));
}

/* 引用示例 */
.page-disclaimer .dis-cite {
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue);
  background: var(--white);
  padding: 18px 20px;
  margin: 20px 0 18px;
  max-width: 62ch;
}

.page-disclaimer .dis-cite .dis-cite__label {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--blue);
  margin: 0 0 10px;
  max-width: none;
}

.page-disclaimer .dis-cite__code {
  font-family: var(--font-mono);
  font-size: 13.5px;
  line-height: 1.95;
  color: var(--ink);
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
}

/* 提示条 */
.page-disclaimer .dis-art .dis-note {
  font-size: 14px;
  line-height: 1.7;
  color: var(--gray-blue);
  border-left: 2px solid var(--sand);
  padding-left: 12px;
  margin: 18px 0 0;
}

/* 斜切分隔带 */
.page-disclaimer .dis-slant {
  height: 54px;
  margin: 34px 0;
  background-color: var(--blue);
  background-image: repeating-linear-gradient(
    var(--dis-slant),
    rgba(255, 255, 255, .16) 0 3px,
    transparent 3px 16px
  );
  clip-path: polygon(0 16%, 100% 0, 100% 84%, 0 100%);
}

/* ---------- 响应式 ---------- */
@media (min-width: 880px) {
  .page-disclaimer .dis-hero__grid {
    grid-template-columns: 5fr 7fr;
    gap: clamp(30px, 4vw, 60px);
  }
}

@media (min-width: 900px) {
  .page-disclaimer .dis-body__grid {
    grid-template-columns: 224px minmax(0, 1fr);
    gap: clamp(34px, 5vw, 76px);
  }

  .page-disclaimer .dis-toc {
    position: sticky;
    top: 96px;
  }

  .page-disclaimer .dis-toc__list {
    flex-direction: column;
    gap: 0;
    overflow: visible;
    padding-bottom: 0;
  }

  .page-disclaimer .dis-toc__list li {
    flex: initial;
  }

  .page-disclaimer .dis-toc__link {
    display: flex;
    width: 100%;
    padding: 11px 0 11px 14px;
    border: 0;
    border-left: 2px solid var(--line);
    background: transparent;
    white-space: normal;
    text-align: left;
  }

  .page-disclaimer .dis-toc__link:hover {
    border-left-color: var(--blue);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .dis-toc__link {
    transition: none;
  }
}
<<<END>>>