.page-disclaimer {
  --disc-rule: #D6DEEF;
  --disc-rule-strong: var(--ink);
  --disc-max: 72ch;
  display: block;
}

/* 首屏 */
.page-disclaimer .disclaimer-hero {
  max-width: 760px;
  margin: 32px 0 40px;
}

.page-disclaimer .disclaimer-hero .eyebrow {
  color: var(--blue);
  letter-spacing: .16em;
}

.page-disclaimer .disclaimer-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 6vw, 4.2rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.02;
  color: var(--ink);
  margin: 12px 0 18px;
  text-wrap: balance;
}

.page-disclaimer .disclaimer-hero__lede {
  font-family: var(--font-body);
  font-size: clamp(1rem, 1.6vw, 1.15rem);
  line-height: 1.8;
  color: var(--muted);
  max-width: 62ch;
  margin: 0 0 26px;
}

.page-disclaimer .disclaimer-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin: 0;
  padding-top: 18px;
  border-top: var(--bd) solid var(--ink);
}

.page-disclaimer .disclaimer-hero__meta > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.page-disclaimer .disclaimer-hero__meta dt {
  font-family: var(--font-body);
  font-size: .78rem;
  letter-spacing: .08em;
  color: var(--muted);
}

.page-disclaimer .disclaimer-hero__meta dd {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--ink);
  border-bottom: 3px solid var(--lime);
  display: inline-block;
  padding-bottom: 2px;
}

/* 顶部通栏图 */
.page-disclaimer .disclaimer-banner {
  margin: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  max-height: 320px;
  overflow: hidden;
}

.page-disclaimer .disclaimer-banner img {
  width: 100%;
  height: 100%;
  max-height: 320px;
  object-fit: cover;
}

/* 主体两栏：窄目录 + 单栏窄版心正文 */
.page-disclaimer .disclaimer-layout {
  display: block;
  padding: 48px 0 0;
}

.page-disclaimer .disclaimer-toc {
  border: var(--bd) solid var(--ink);
  background: var(--ice);
  border-radius: var(--radius);
  box-shadow: var(--shadow-hard);
  padding: 16px 18px 18px;
  margin: 0 0 36px;
}

.page-disclaimer .disclaimer-toc__title {
  font-family: var(--font-mono);
  font-size: .8rem;
  letter-spacing: .18em;
  color: var(--ink);
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--ink);
}

.page-disclaimer .disclaimer-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
}

.page-disclaimer .disclaimer-toc__link {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-family: var(--font-body);
  font-size: .92rem;
  color: var(--ink);
  text-decoration: none;
  padding: 3px 0;
  border-bottom: 2px solid transparent;
  transition: border-color var(--t-base) var(--ease), color var(--t-base) var(--ease);
}

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

.page-disclaimer .disclaimer-toc__idx {
  font-family: var(--font-mono);
  font-size: .75rem;
  color: var(--blue);
}

.page-disclaimer .disclaimer-body {
  max-width: var(--disc-max);
}

/* 条款章节 */
.page-disclaimer .clause {
  padding: 0 0 40px;
  margin: 0 0 40px;
  border-bottom: 1px solid var(--disc-rule);
}

.page-disclaimer .clause:last-child {
  border-bottom: 0;
}

.page-disclaimer .clause__head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.page-disclaimer .clause .chapter__num {
  font-family: var(--font-display);
  font-size: clamp(2.6rem, 8vw, 4.4rem);
  font-weight: 900;
  line-height: .82;
  color: var(--ink);
  letter-spacing: -0.03em;
  opacity: .14;
  flex: 0 0 auto;
}

.page-disclaimer .clause__title {
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 3vw, 2.05rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--ink);
  margin: 0;
}

.page-disclaimer .clause__content {
  font-family: var(--font-body);
  color: var(--ink);
}

.page-disclaimer .clause__content p {
  font-size: 1.02rem;
  line-height: 1.85;
  margin: 0 0 16px;
}

.page-disclaimer .prose {
  max-width: var(--disc-max);
}

/* 关键限制句 */
.page-disclaimer .limit-line {
  border-left: 3px solid var(--orange);
  padding: 4px 0 4px 16px;
  color: var(--ink);
  font-weight: 500;
  margin: 22px 0 8px !important;
}

/* 注释折叠 */
.page-disclaimer .clause__note {
  border: 2px solid var(--ink);
  border-radius: var(--radius);
  background: var(--white);
  margin: 20px 0 24px;
  box-shadow: 2px 3px 0 var(--ink);
}

.page-disclaimer .clause__note-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  background: none;
  border: 0;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: .93rem;
  font-weight: 600;
  color: var(--ink);
  text-align: left;
  padding: 12px 14px;
}

.page-disclaimer .clause__note .panel__index {
  font-family: var(--font-mono);
  font-size: .74rem;
  letter-spacing: .12em;
  color: var(--white);
  background: var(--blue);
  padding: 2px 7px;
  border-radius: 2px;
  flex: 0 0 auto;
}

.page-disclaimer .clause__note-label {
  flex: 1 1 auto;
}

.page-disclaimer .clause__note .panel__sign {
  font-family: var(--font-mono);
  font-size: 1.05rem;
  color: var(--blue);
  flex: 0 0 auto;
}

.page-disclaimer .clause__note-content {
  padding: 0 14px 14px;
  border-top: 1px dashed var(--disc-rule);
  margin-top: 0;
}

.page-disclaimer .clause__note-content p {
  font-size: .95rem;
  line-height: 1.8;
  color: var(--muted);
  margin: 12px 0 0;
}

/* 状态面板 */
.page-disclaimer .clause__status {
  margin: 22px 0 22px;
}

.page-disclaimer .clause__status .status-panel__value {
  font-family: var(--font-mono);
  color: var(--ink);
}

/* 引用规则卡片 */
.page-disclaimer .clause__rules {
  margin: 22px 0 22px;
  gap: 18px;
}

.page-disclaimer .clause__rules .card {
  background: var(--white);
}

.page-disclaimer .clause__rules .card__title {
  font-family: var(--font-display);
  font-size: 1.12rem;
  letter-spacing: -0.01em;
}

.page-disclaimer .clause__rules .card__body {
  font-size: .95rem;
  line-height: 1.78;
  color: var(--muted);
}

.page-disclaimer .clause__rules .card__meta {
  font-family: var(--font-mono);
  font-size: .74rem;
  letter-spacing: .1em;
  color: var(--blue);
  border-top: 1px solid var(--disc-rule);
  padding-top: 10px;
}

/* 联系信息 */
.page-disclaimer .contact-list {
  margin: 24px 0 14px;
  border-top: 1px solid var(--disc-rule);
}

.page-disclaimer .contact-list__row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  padding: 12px 0;
  border-bottom: 1px solid var(--disc-rule);
}

.page-disclaimer .contact-list__key {
  flex: 0 0 140px;
  font-family: var(--font-mono);
  font-size: .8rem;
  letter-spacing: .08em;
  color: var(--muted);
  padding-top: 2px;
}

.page-disclaimer .contact-list__val {
  flex: 1 1 240px;
  margin: 0;
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 500;
  color: var(--ink);
  word-break: break-word;
}

.page-disclaimer .contact-list__note {
  font-size: .88rem;
  line-height: 1.75;
  color: var(--muted);
  margin: 4px 0 20px;
}

/* 收尾 */
.page-disclaimer .clause__closing {
  margin-top: 26px;
  padding: 20px 0 4px;
  border-top: 2px solid var(--ink);
}

.page-disclaimer .clause__closing p {
  font-size: 1rem;
  line-height: 1.8;
  color: var(--ink);
  margin: 0 0 16px;
}

.page-disclaimer .clause__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* 底部网点纹理 */
.page-disclaimer .disclaimer-tail {
  height: 96px;
  margin-top: 16px;
  background-image: radial-gradient(var(--ink) 1px, transparent 1px);
  background-size: 10px 10px;
  opacity: .06;
}

.page-disclaimer .link-arrow {
  color: var(--blue);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid var(--lime);
  transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

.page-disclaimer .link-arrow:hover,
.page-disclaimer .link-arrow:focus-visible {
  color: var(--ink);
  border-bottom-color: var(--blue);
}

/* 桌面端：窄目录悬浮在左，正文保持窄版心 */
@media (min-width: 900px) {
  .page-disclaimer .disclaimer-hero {
    margin: 56px 0 52px;
  }

  .page-disclaimer .disclaimer-layout {
    display: grid;
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 64px;
    padding: 72px 0 0;
    align-items: start;
  }

  .page-disclaimer .disclaimer-toc {
    position: sticky;
    top: 88px;
    margin: 0;
    padding: 18px 20px 20px;
  }

  .page-disclaimer .disclaimer-toc__list {
    flex-direction: column;
    gap: 2px;
  }

  .page-disclaimer .disclaimer-toc__link {
    display: flex;
    width: 100%;
    font-size: .9rem;
    padding: 6px 0;
  }

  .page-disclaimer .disclaimer-body {
    max-width: var(--disc-max);
  }

  .page-disclaimer .clause {
    padding-bottom: 48px;
    margin-bottom: 48px;
  }

  .page-disclaimer .disclaimer-tail {
    height: 130px;
  }
}

@media (min-width: 1200px) {
  .page-disclaimer .disclaimer-hero h1 {
    font-size: clamp(3rem, 5vw, 4.4rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .disclaimer-toc__link,
  .page-disclaimer .link-arrow {
    transition: none;
  }
}

.page-disclaimer {
  --disc-rule: #D6DEEF;
  --disc-max: 72ch;
  display: block;
}

.page-disclaimer .disclaimer-hero {
  max-width: 760px;
  margin: 32px 0 40px;
}

.page-disclaimer .disclaimer-hero .eyebrow {
  color: var(--blue);
  letter-spacing: .16em;
}

.page-disclaimer .disclaimer-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 6vw, 4.2rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.02;
  color: var(--ink);
  margin: 12px 0 18px;
  text-wrap: balance;
}

.page-disclaimer .disclaimer-hero__lede {
  font-family: var(--font-body);
  font-size: clamp(1rem, 1.6vw, 1.15rem);
  line-height: 1.8;
  color: var(--muted);
  max-width: 62ch;
  margin: 0 0 26px;
}

.page-disclaimer .disclaimer-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin: 0;
  padding-top: 18px;
  border-top: var(--bd) solid var(--ink);
}

.page-disclaimer .disclaimer-hero__meta > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.page-disclaimer .disclaimer-hero__meta dt {
  font-family: var(--font-body);
  font-size: .78rem;
  letter-spacing: .08em;
  color: var(--muted);
}

.page-disclaimer .disclaimer-hero__meta dd {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--ink);
  border-bottom: 3px solid var(--lime);
  display: inline-block;
  padding-bottom: 2px;
}

.page-disclaimer .disclaimer-banner {
  margin: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  max-height: 320px;
  overflow: hidden;
}

.page-disclaimer .disclaimer-banner img {
  width: 100%;
  height: 100%;
  max-height: 320px;
  object-fit: cover;
}

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

.page-disclaimer .disclaimer-toc {
  border: var(--bd) solid var(--ink);
  background: var(--ice);
  border-radius: var(--radius);
  box-shadow: var(--shadow-hard);
  padding: 16px 18px 18px;
  margin: 0 0 36px;
}

.page-disclaimer .disclaimer-toc__title {
  font-family: var(--font-mono);
  font-size: .8rem;
  letter-spacing: .18em;
  color: var(--ink);
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--ink);
}

.page-disclaimer .disclaimer-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
}

.page-disclaimer .disclaimer-toc__link {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-family: var(--font-body);
  font-size: .92rem;
  color: var(--ink);
  text-decoration: none;
  padding: 3px 0;
  border-bottom: 2px solid transparent;
  transition: border-color var(--t-base) var(--ease), color var(--t-base) var(--ease);
}

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

.page-disclaimer .disclaimer-toc__idx {
  font-family: var(--font-mono);
  font-size: .75rem;
  color: var(--blue);
}

.page-disclaimer .disclaimer-body {
  max-width: var(--disc-max);
}

.page-disclaimer .clause {
  padding: 0 0 40px;
  margin: 0 0 40px;
  border-bottom: 1px solid var(--disc-rule);
}

.page-disclaimer .clause:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.page-disclaimer .clause__head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.page-disclaimer .clause .chapter__num {
  font-family: var(--font-display);
  font-size: clamp(2.6rem, 8vw, 4.4rem);
  font-weight: 900;
  line-height: .82;
  color: var(--ink);
  letter-spacing: -0.03em;
  opacity: .14;
  flex: 0 0 auto;
}

.page-disclaimer .clause__title {
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 3vw, 2.05rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--ink);
  margin: 0;
}

.page-disclaimer .clause__content {
  font-family: var(--font-body);
  color: var(--ink);
}

.page-disclaimer .clause__content p {
  font-size: 1.02rem;
  line-height: 1.85;
  margin: 0 0 16px;
}

.page-disclaimer .prose {
  max-width: var(--disc-max);
}

.page-disclaimer .limit-line {
  border-left: 3px solid var(--orange);
  padding: 4px 0 4px 16px;
  color: var(--ink);
  font-weight: 500;
  margin: 22px 0 8px !important;
}

.page-disclaimer .clause__note {
  border: 2px solid var(--ink);
  border-radius: var(--radius);
  background: var(--white);
  margin: 20px 0 24px;
  box-shadow: 2px 3px 0 var(--ink);
}

.page-disclaimer .clause__note-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  background: none;
  border: 0;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: .93rem;
  font-weight: 600;
  color: var(--ink);
  text-align: left;
  padding: 12px 14px;
}

.page-disclaimer .clause__note .panel__index {
  font-family: var(--font-mono);
  font-size: .74rem;
  letter-spacing: .12em;
  color: var(--white);
  background: var(--blue);
  padding: 2px 7px;
  border-radius: 2px;
  flex: 0 0 auto;
}

.page-disclaimer .clause__note-label {
  flex: 1 1 auto;
}

.page-disclaimer .clause__note .panel__sign {
  font-family: var(--font-mono);
  font-size: 1.05rem;
  color: var(--blue);
  flex: 0 0 auto;
}

.page-disclaimer .clause__note-content {
  padding: 0 14px 14px;
  border-top: 1px dashed var(--disc-rule);
}

.page-disclaimer .clause__note-content p {
  font-size: .95rem;
  line-height: 1.8;
  color: var(--muted);
  margin: 12px 0 0;
}

.page-disclaimer .clause__status {
  margin: 22px 0;
}

.page-disclaimer .clause__status .status-panel__value {
  font-family: var(--font-mono);
  color: var(--ink);
}

.page-disclaimer .clause__rules {
  margin: 22px 0;
  gap: 18px;
}

.page-disclaimer .clause__rules .card {
  background: var(--white);
}

.page-disclaimer .clause__rules .card__title {
  font-family: var(--font-display);
  font-size: 1.12rem;
  letter-spacing: -0.01em;
}

.page-disclaimer .clause__rules .card__body {
  font-size: .95rem;
  line-height: 1.78;
  color: var(--muted);
}

.page-disclaimer .clause__rules .card__meta {
  font-family: var(--font-mono);
  font-size: .74rem;
  letter-spacing: .1em;
  color: var(--blue);
  border-top: 1px solid var(--disc-rule);
  padding-top: 10px;
}

.page-disclaimer .contact-list {
  margin: 24px 0 14px;
  border-top: 1px solid var(--disc-rule);
}

.page-disclaimer .contact-list__row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  padding: 12px 0;
  border-bottom: 1px solid var(--disc-rule);
}

.page-disclaimer .contact-list__key {
  flex: 0 0 140px;
  font-family: var(--font-mono);
  font-size: .8rem;
  letter-spacing: .08em;
  color: var(--muted);
  padding-top: 2px;
}

.page-disclaimer .contact-list__val {
  flex: 1 1 240px;
  margin: 0;
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 500;
  color: var(--ink);
  word-break: break-word;
}

.page-disclaimer .contact-list__note {
  font-size: .88rem;
  line-height: 1.75;
  color: var(--muted);
  margin: 4px 0 20px;
}

.page-disclaimer .clause__closing {
  margin-top: 26px;
  padding: 20px 0 4px;
  border-top: 2px solid var(--ink);
}

.page-disclaimer .clause__closing p {
  font-size: 1rem;
  line-height: 1.8;
  color: var(--ink);
  margin: 0 0 16px;
}

.page-disclaimer .clause__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.page-disclaimer .disclaimer-tail {
  height: 96px;
  margin-top: 16px;
  background-image: radial-gradient(var(--ink) 1px, transparent 1px);
  background-size: 10px 10px;
  opacity: .06;
}

.page-disclaimer .link-arrow {
  color: var(--blue);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid var(--lime);
  transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

.page-disclaimer .link-arrow:hover,
.page-disclaimer .link-arrow:focus-visible {
  color: var(--ink);
  border-bottom-color: var(--blue);
}

@media (min-width: 900px) {
  .page-disclaimer .disclaimer-hero {
    margin: 56px 0 52px;
  }

  .page-disclaimer .disclaimer-layout {
    display: grid;
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 64px;
    padding: 72px 0 0;
    align-items: start;
  }

  .page-disclaimer .disclaimer-toc {
    position: sticky;
    top: 88px;
    margin: 0;
    padding: 18px 20px 20px;
  }

  .page-disclaimer .disclaimer-toc__list {
    flex-direction: column;
    gap: 2px;
  }

  .page-disclaimer .disclaimer-toc__link {
    display: flex;
    width: 100%;
    font-size: .9rem;
    padding: 6px 0;
  }

  .page-disclaimer .clause {
    padding-bottom: 48px;
    margin-bottom: 48px;
  }

  .page-disclaimer .disclaimer-tail {
    height: 130px;
  }
}

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

等一下，我看到我写了两次 PAGE_CSS 标记。让我重新检查——提示说每个标记必须精确出现一次。让我重新输出。

实际上我确实输出了两次 ``。我需要修正。让我重新输出正确的格式。
<main id="main-content" class="page-disclaimer">
  <div class="container">
    <nav class="breadcrumbs" aria-label="面包屑">
      <ol class="breadcrumbs__list">
        <li><a class="breadcrumbs__link" href="/">首页</a></li>
        <li class="breadcrumbs__sep" aria-hidden="true">/</li>
        <li class="breadcrumbs__current" aria-current="page">法律声明</li>
      </ol>
    </nav>

    <header class="disclaimer-hero">
      <p class="eyebrow">法律声明与使用说明</p>
      <h1>先把边界说清楚，再一起看球</h1>
      <p class="disclaimer-hero__lede">
        乐思体育中文官网向你提供联赛与场馆的查询工具、帮助文档和专栏内容。这份声明说明这些内容是什么、从哪里来、可以怎么用，以及当你需要追问时该找谁。
      </p>
      <dl class="disclaimer-hero__meta">
        <div>
          <dt>声明版本</dt>
          <dd>3.2</dd>
        </div>
        <div>
          <dt>与文档同步</dt>
          <dd>帮助文档 3.2</dd>
        </div>
        <div>
          <dt>适用范围</dt>
          <dd>中文官网全站</dd>
        </div>
      </dl>
    </header>
  </div>

  <figure class="media-frame media-frame--16x9 disclaimer-banner">
    <img src="{zhanqunpic:h:420w:1600}" width="1600" height="420" alt="由直线与网格构成的抽象几何纹理，深空黑与电光蓝渐变，无文字与人物">
  </figure>

  <div class="container">
    <div class="disclaimer-layout">
      <nav class="disclaimer-toc" aria-label="条款目录">
        <p class="disclaimer-toc__title">条款索引</p>
        <ul class="disclaimer-toc__list">
          <li><a class="disclaimer-toc__link" href="#clause-scope"><span class="disclaimer-toc__idx">01</span>内容性质与使用边界</a></li>
          <li><a class="disclaimer-toc__link" href="#clause-data"><span class="disclaimer-toc__idx">02</span>数据来源与准确性</a></li>
          <li><a class="disclaimer-toc__link" href="#clause-links"><span class="disclaimer-toc__idx">03</span>外部链接责任范围</a></li>
          <li><a class="disclaimer-toc__link" href="#clause-ip"><span class="disclaimer-toc__idx">04</span>知识产权与引用规则</a></li>
          <li><a class="disclaimer-toc__link" href="#clause-filing"><span class="disclaimer-toc__idx">05</span>备案信息与联系渠道</a></li>
          <li><a class="disclaimer-toc__link" href="#clause-change"><span class="disclaimer-toc__idx">06</span>变更与解释</a></li>
        </ul>
      </nav>

      <div class="disclaimer-body">
        <section class="clause" id="clause-scope" data-chapter="01" aria-labelledby="clause-scope-title">
          <div class="clause__head">
            <span class="chapter__num" aria-hidden="true">01</span>
            <h2 class="clause__title" id="clause-scope-title">内容性质与使用边界</h2>
          </div>
          <div class="clause__content prose">
            <p>
              站点提供三类内容：一是赛事与场馆的查询工具，包括主队地图筛选、场馆信息和联赛筛选；二是帮助文档与版本说明；三是专家专栏里的分析、战术拆解和观赛攻略。它们的作用是帮你更快找到比赛、看懂数据、安排进场路线。
            </p>
            <p>
              所有内容都属于信息整理与工具说明，不构成任何形式的预测、投注、荐股或医疗建议，也不构成对你个人决策的专业意见。专栏作者的观点属于个人分析，不代表站点对比赛结果作出判断。
            </p>
            <aside class="clause__note" data-panel data-panel-item data-open="false">
              <button class="clause__note-trigger panel__trigger" type="button" data-panel-trigger aria-expanded="false">
                <span class="panel__index">注释 A</span>
                <span class="clause__note-label">哪些表述不算建议</span>
                <span class="panel__sign" aria-hidden="true">＋</span>
              </button>
              <div class="clause__note-content panel__content" data-panel-content>
                <p>
                  站点说“某队主场位于某城市”“两场之间的场内步行距离约为多少”，是在陈述场馆与路线的客观信息。凡是回答“该不该、能不能、值不值”的内容，都不在站点提供的范围内。
                </p>
              </div>
            </aside>
            <p class="limit-line">
              工具的结论以你输入的筛选条件为准，站点不对你据此作出的观赛安排或其他决定承担结果责任。
            </p>
          </div>
        </section>

        <section class="clause" id="clause-data" data-chapter="02" aria-labelledby="clause-data-title">
          <div class="clause__head">
            <span class="chapter__num" aria-hidden="true">02</span>
            <h2 class="clause__title" id="clause-data-title">数据来源与准确性</h2>
          </div>
          <div class="clause__content prose">
            <p>
              场馆与赛事信息来自公开的赛事资料与场馆公开信息，由站点进行整理、归类与人工复核，场馆信息人工复核率约为 92%。主队地图筛选目前覆盖五大联赛，并延伸至 4 项杯赛与国内赛事，合计 9 项赛事、356 座主场场馆、128 座城市。
            </p>
            <p>
              由于赛事赛程与场馆运营情况会临时调整，数据在采集、整理、发布之间存在时间差。开放时间、入口位置、场内路线一类的信息可能出现与实际不一致的情况，出行前建议再核对场馆的公开通知。
            </p>
            <div class="status-panel clause__status">
              <div class="status-panel__head">
                <span>数据维护状态</span>
                <span class="dot dot--lime" aria-hidden="true"></span>
              </div>
              <div class="status-panel__row">
                <span class="status-panel__label">覆盖赛事</span>
                <span class="status-panel__value">9 项</span>
              </div>
              <div class="status-panel__row">
                <span class="status-panel__label">主场场馆</span>
                <span class="status-panel__value">356 座</span>
              </div>
              <div class="status-panel__row">
                <span class="status-panel__label">覆盖城市</span>
                <span class="status-panel__value">128 座</span>
              </div>
              <div class="status-panel__row">
                <span class="status-panel__label">场馆信息人工复核率</span>
                <span class="status-panel__value">约 92%</span>
              </div>
              <div class="status-panel__row">
                <span class="status-panel__label">条目核对节奏</span>
                <span class="status-panel__value">每两周随版本核对一次</span>
              </div>
            </div>
            <p>
              如果你发现某条场馆信息与实际不符，可以通过下方联系渠道告知我们，我们会把它纳入下一轮复核。
            </p>
          </div>
        </section>

        <section class="clause" id="clause-links" data-chapter="03" aria-labelledby="clause-links-title">
          <div class="clause__head">
            <span class="chapter__num" aria-hidden="true">03</span>
            <h2 class="clause__title" id="clause-links-title">外部链接责任范围</h2>
          </div>
          <div class="clause__content prose">
            <p>
              站内部分位置可能出现指向站外页面的链接，用于补充说明或方便你继续查阅。这些站外页面的内容由对应的第三方负责维护，站点无法控制其准确性、完整性与可用性。
            </p>
            <p>
              站点对站外页面的内容不作担保，也不因为出现链接而表示对第三方服务的认可或与之存在合作关系。你从站内跳转到站外之后，请以对方页面上的说明为准。
            </p>
            <p class="limit-line">
              站内提到的联赛名称、俱乐部名称与赛事名称，仅用于客观指称相关赛事对象，不表示站点与之存在官方授权、独家代理或官方发布渠道关系。
            </p>
          </div>
        </section>

        <section class="clause" id="clause-ip" data-chapter="04" aria-labelledby="clause-ip-title">
          <div class="clause__head">
            <span class="chapter__num" aria-hidden="true">04</span>
            <h2 class="clause__title" id="clause-ip-title">知识产权与引用规则</h2>
          </div>
          <div class="clause__content prose">
            <p>
              站点的文字说明、界面设计、图形符号、图标体系与数据整理成果，归乐思体育或相应权利人所有。你可以为个人观赛、学习或讨论的目的阅读、截图并分享站内页面的链接。
            </p>
            <p>
              如需在公开渠道引用站点的文字或图形，请遵守以下规则：标注来源为乐思体育并附上对应页面路径；不得对原文进行改变原意的删改；不得将站点内容整体或批量复制到其他平台；不得将站内图形用于产品界面或商业物料。
            </p>
            <div class="grid grid--2 clause__rules">
              <article class="card">
                <h3 class="card__title">可以这样做</h3>
                <p class="card__body">在文章或社群讨论中引用单段文字并注明来源，附上原页面路径；引用站点整理出的场馆数量、覆盖城市等口径数据时标注出处。</p>
                <p class="card__meta">个人阅读 · 学习 · 讨论</p>
              </article>
              <article class="card">
                <h3 class="card__title">需要先联系我们</h3>
                <p class="card__body">将站内内容用于付费课程、商业报告、站点界面或产品功能；批量抓取页面数据；在站点品牌易被误解的场景下使用站名与标记。</p>
                <p class="card__meta">商务合作 · 内容授权</p>
              </article>
            </div>
            <p>
              涉及内容授权或商业使用，可先查看<a class="link-arrow" href="/cooperation/">商务合作</a>页面的说明，再通过文末渠道提出。
            </p>
          </div>
        </section>

        <section class="clause" id="clause-filing" data-chapter="05" aria-labelledby="clause-filing-title">
          <div class="clause__head">
            <span class="chapter__num" aria-hidden="true">05</span>
            <h2 class="clause__title" id="clause-filing-title">备案信息与联系渠道</h2>
          </div>
          <div class="clause__content prose">
            <p>
              站点中文界面仅提供简体中文版本，语言与地区随系统设置切换。主站以江西南昌为运营基地，备案信息与联系方式保持唯一口径，与页脚展示一致。
            </p>
            <dl class="contact-list">
              <div class="contact-list__row">
                <dt class="contact-list__key">备案号</dt>
                <dd class="contact-list__val">赣ICP备95226539号</dd>
              </div>
              <div class="contact-list__row">
                <dt class="contact-list__key">客服邮箱</dt>
                <dd class="contact-list__val"><a class="link-arrow" href="mailto:info@yuedong-lesi.com.cn">info@yuedong-lesi.com.cn</a></dd>
              </div>
              <div class="contact-list__row">
                <dt class="contact-list__key">联系电话</dt>
                <dd class="contact-list__val">17827040586</dd>
              </div>
              <div class="contact-list__row">
                <dt class="contact-list__key">站务联系地址</dt>
                <dd class="contact-list__val">江西省南昌市红谷滩区凤凰中大道1000号</dd>
              </div>
            </dl>
            <p class="contact-list__note">
              客服邮箱为站点客服邮箱，工作日 9:00-18:00 回复，并非全天候值守。涉及商务合作请在邮件中备注“乐思体育合作”，以便分派处理。
            </p>
            <p>
              关于个人信息如何收集与使用，可查阅<a class="link-arrow" href="/personal-data/">个人信息说明</a>；操作层面的疑问可先在<a class="link-arrow" href="/knowledge/">帮助文档</a>中检索。
            </p>
          </div>
        </section>

        <section class="clause" id="clause-change" data-chapter="06" aria-labelledby="clause-change-title">
          <div class="clause__head">
            <span class="chapter__num" aria-hidden="true">06</span>
            <h2 class="clause__title" id="clause-change-title">变更与解释</h2>
          </div>
          <div class="clause__content prose">
            <p>
              当站点功能、数据口径或内容范围发生变化时，这份声明会随之调整。声明的版本口径与帮助文档保持一致，当前为 3.2，帮助文档条目每两周随版本核对一次。
            </p>
            <p>
              若声明中的某条表述与帮助文档的具体说明出现差异，以帮助文档中关于该功能的操作说明为准；涉及内容边界与责任范围的部分，以本页为准。
            </p>
            <p class="limit-line">
              站点在合理范围内保持说明的清晰与准确，但不对声明的某项条款作出超出本条内容的承诺。
            </p>
            <div class="clause__closing">
              <p>想了解功能本身怎么用，可以从产品总览开始；需要核对操作细节，直接翻帮助文档。</p>
              <div class="clause__actions">
                <a class="btn btn--primary" href="/product/">查看产品总览</a>
                <a class="btn btn--ghost" href="/knowledge/">进入帮助文档</a>
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  </div>

  <div class="disclaimer-tail" aria-hidden="true"></div>
</main>

.page-disclaimer {
  --disc-rule: #D6DEEF;
  --disc-max: 72ch;
  display: block;
}

.page-disclaimer .disclaimer-hero {
  max-width: 760px;
  margin: 32px 0 40px;
}

.page-disclaimer .disclaimer-hero .eyebrow {
  color: var(--blue);
  letter-spacing: .16em;
}

.page-disclaimer .disclaimer-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 6vw, 4.2rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.02;
  color: var(--ink);
  margin: 12px 0 18px;
  text-wrap: balance;
}

.page-disclaimer .disclaimer-hero__lede {
  font-family: var(--font-body);
  font-size: clamp(1rem, 1.6vw, 1.15rem);
  line-height: 1.8;
  color: var(--muted);
  max-width: 62ch;
  margin: 0 0 26px;
}

.page-disclaimer .disclaimer-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin: 0;
  padding-top: 18px;
  border-top: var(--bd) solid var(--ink);
}

.page-disclaimer .disclaimer-hero__meta > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.page-disclaimer .disclaimer-hero__meta dt {
  font-family: var(--font-body);
  font-size: .78rem;
  letter-spacing: .08em;
  color: var(--muted);
}

.page-disclaimer .disclaimer-hero__meta dd {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--ink);
  border-bottom: 3px solid var(--lime);
  display: inline-block;
  padding-bottom: 2px;
}

.page-disclaimer .disclaimer-banner {
  margin: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  max-height: 320px;
  overflow: hidden;
}

.page-disclaimer .disclaimer-banner img {
  width: 100%;
  height: 100%;
  max-height: 320px;
  object-fit: cover;
}

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

.page-disclaimer .disclaimer-toc {
  border: var(--bd) solid var(--ink);
  background: var(--ice);
  border-radius: var(--radius);
  box-shadow: var(--shadow-hard);
  padding: 16px 18px 18px;
  margin: 0 0 36px;
}

.page-disclaimer .disclaimer-toc__title {
  font-family: var(--font-mono);
  font-size: .8rem;
  letter-spacing: .18em;
  color: var(--ink);
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--ink);
}

.page-disclaimer .disclaimer-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
}

.page-disclaimer .disclaimer-toc__link {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-family: var(--font-body);
  font-size: .92rem;
  color: var(--ink);
  text-decoration: none;
  padding: 3px 0;
  border-bottom: 2px solid transparent;
  transition: border-color var(--t-base) var(--ease), color var(--t-base) var(--ease);
}

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

.page-disclaimer .disclaimer-toc__idx {
  font-family: var(--font-mono);
  font-size: .75rem;
  color: var(--blue);
}

.page-disclaimer .disclaimer-body {
  max-width: var(--disc-max);
}

.page-disclaimer .clause {
  padding: 0 0 40px;
  margin: 0 0 40px;
  border-bottom: 1px solid var(--disc-rule);
}

.page-disclaimer .clause:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.page-disclaimer .clause__head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.page-disclaimer .clause .chapter__num {
  font-family: var(--font-display);
  font-size: clamp(2.6rem, 8vw, 4.4rem);
  font-weight: 900;
  line-height: .82;
  color: var(--ink);
  letter-spacing: -0.03em;
  opacity: .14;
  flex: 0 0 auto;
}

.page-disclaimer .clause__title {
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 3vw, 2.05rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--ink);
  margin: 0;
}

.page-disclaimer .clause__content {
  font-family: var(--font-body);
  color: var(--ink);
}

.page-disclaimer .clause__content p {
  font-size: 1.02rem;
  line-height: 1.85;
  margin: 0 0 16px;
}

.page-disclaimer .prose {
  max-width: var(--disc-max);
}

.page-disclaimer .limit-line {
  border-left: 3px solid var(--orange);
  padding: 4px 0 4px 16px;
  color: var(--ink);
  font-weight: 500;
  margin: 22px 0 8px !important;
}

.page-disclaimer .clause__note {
  border: 2px solid var(--ink);
  border-radius: var(--radius);
  background: var(--white);
  margin: 20px 0 24px;
  box-shadow: 2px 3px 0 var(--ink);
}

.page-disclaimer .clause__note-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  background: none;
  border: 0;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: .93rem;
  font-weight: 600;
  color: var(--ink);
  text-align: left;
  padding: 12px 14px;
}

.page-disclaimer .clause__note .panel__index {
  font-family: var(--font-mono);
  font-size: .74rem;
  letter-spacing: .12em;
  color: var(--white);
  background: var(--blue);
  padding: 2px 7px;
  border-radius: 2px;
  flex: 0 0 auto;
}

.page-disclaimer .clause__note-label {
  flex: 1 1 auto;
}

.page-disclaimer .clause__note .panel__sign {
  font-family: var(--font-mono);
  font-size: 1.05rem;
  color: var(--blue);
  flex: 0 0 auto;
}

.page-disclaimer .clause__note-content {
  padding: 0 14px 14px;
  border-top: 1px dashed var(--disc-rule);
}

.page-disclaimer .clause__note-content p {
  font-size: .95rem;
  line-height: 1.8;
  color: var(--muted);
  margin: 12px 0 0;
}

.page-disclaimer .clause__status {
  margin: 22px 0;
}

.page-disclaimer .clause__status .status-panel__value {
  font-family: var(--font-mono);
  color: var(--ink);
}

.page-disclaimer .clause__rules {
  margin: 22px 0;
  gap: 18px;
}

.page-disclaimer .clause__rules .card {
  background: var(--white);
}

.page-disclaimer .clause__rules .card__title {
  font-family: var(--font-display);
  font-size: 1.12rem;
  letter-spacing: -0.01em;
}

.page-disclaimer .clause__rules .card__body {
  font-size: .95rem;
  line-height: 1.78;
  color: var(--muted);
}

.page-disclaimer .clause__rules .card__meta {
  font-family: var(--font-mono);
  font-size: .74rem;
  letter-spacing: .1em;
  color: var(--blue);
  border-top: 1px solid var(--disc-rule);
  padding-top: 10px;
}

.page-disclaimer .contact-list {
  margin: 24px 0 14px;
  border-top: 1px solid var(--disc-rule);
}

.page-disclaimer .contact-list__row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  padding: 12px 0;
  border-bottom: 1px solid var(--disc-rule);
}

.page-disclaimer .contact-list__key {
  flex: 0 0 140px;
  font-family: var(--font-mono);
  font-size: .8rem;
  letter-spacing: .08em;
  color: var(--muted);
  padding-top: 2px;
}

.page-disclaimer .contact-list__val {
  flex: 1 1 240px;
  margin: 0;
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 500;
  color: var(--ink);
  word-break: break-word;
}

.page-disclaimer .contact-list__note {
  font-size: .88rem;
  line-height: 1.75;
  color: var(--muted);
  margin: 4px 0 20px;
}

.page-disclaimer .clause__closing {
  margin-top: 26px;
  padding: 20px 0 4px;
  border-top: 2px solid var(--ink);
}

.page-disclaimer .clause__closing p {
  font-size: 1rem;
  line-height: 1.8;
  color: var(--ink);
  margin: 0 0 16px;
}

.page-disclaimer .clause__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.page-disclaimer .disclaimer-tail {
  height: 96px;
  margin-top: 16px;
  background-image: radial-gradient(var(--ink) 1px, transparent 1px);
  background-size: 10px 10px;
  opacity: .06;
}

.page-disclaimer .link-arrow {
  color: var(--blue);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid var(--lime);
  transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

.page-disclaimer .link-arrow:hover,
.page-disclaimer .link-arrow:focus-visible {
  color: var(--ink);
  border-bottom-color: var(--blue);
}

@media (min-width: 900px) {
  .page-disclaimer .disclaimer-hero {
    margin: 56px 0 52px;
  }

  .page-disclaimer .disclaimer-layout {
    display: grid;
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 64px;
    padding: 72px 0 0;
    align-items: start;
  }

  .page-disclaimer .disclaimer-toc {
    position: sticky;
    top: 88px;
    margin: 0;
    padding: 18px 20px 20px;
  }

  .page-disclaimer .disclaimer-toc__list {
    flex-direction: column;
    gap: 2px;
  }

  .page-disclaimer .disclaimer-toc__link {
    display: flex;
    width: 100%;
    font-size: .9rem;
    padding: 6px 0;
  }

  .page-disclaimer .clause {
    padding-bottom: 48px;
    margin-bottom: 48px;
  }

  .page-disclaimer .disclaimer-tail {
    height: 130px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .disclaimer-toc__link,
  .page-disclaimer .link-arrow {
    transition: none;
  }
}