.page-disclaimer {
  display: block;
  background: var(--white);
  color: var(--graphite);
  font-family: var(--font-body);
  overflow-x: hidden;
}

/* ---------- Hero ---------- */
.page-disclaimer .terms-hero {
  position: relative;
  padding: clamp(26px, 4vw, 44px) 0 clamp(36px, 6vw, 64px);
  background:
    radial-gradient(900px 460px at 84% -12%, rgba(47, 230, 200, 0.16), transparent 66%),
    radial-gradient(720px 420px at 4% 108%, rgba(255, 107, 44, 0.15), transparent 62%),
    var(--ink);
  color: var(--white);
  overflow: hidden;
}

.page-disclaimer .terms-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(167, 179, 173, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(167, 179, 173, 0.07) 1px, transparent 1px);
  background-size: 68px 68px;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), transparent 88%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), transparent 88%);
  pointer-events: none;
}

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

.page-disclaimer .terms-hero .breadcrumb__link,
.page-disclaimer .terms-hero .breadcrumb__current {
  color: var(--silver);
}

.page-disclaimer .terms-hero .breadcrumb__link:hover {
  color: var(--cyan);
}

.page-disclaimer .terms-hero__layout {
  display: grid;
  gap: clamp(22px, 4vw, 40px);
  padding-top: clamp(24px, 4vw, 40px);
}

.page-disclaimer .terms-hero .eyebrow {
  margin: 0 0 14px;
  color: var(--amber);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.page-disclaimer .terms-hero__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(58px, 14vw, 148px);
  line-height: 0.86;
  letter-spacing: -0.03em;
  color: var(--white);
}

.page-disclaimer .terms-hero__title::after {
  content: "";
  display: block;
  width: clamp(64px, 12vw, 160px);
  height: 6px;
  margin-top: clamp(18px, 3vw, 28px);
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--orange), var(--amber));
}

.page-disclaimer .terms-hero__lead {
  max-width: 54ch;
  margin: 22px 0 0;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--mist);
}

.page-disclaimer .terms-hero__status {
  align-self: end;
  padding: 20px 22px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-md);
  background: rgba(18, 51, 43, 0.72);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.page-disclaimer .terms-hero__status-label {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--silver);
}

.page-disclaimer .terms-hero__status-text {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--white);
}

.page-disclaimer .terms-hero__status-note {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--silver);
}

.page-disclaimer .terms-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 0 0 rgba(255, 107, 44, 0.55);
  animation: terms-dot-pulse 2.6s ease-out infinite;
  flex: none;
}

@keyframes terms-dot-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 107, 44, 0.55); }
  70% { box-shadow: 0 0 0 9px rgba(255, 107, 44, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 107, 44, 0); }
}

.page-disclaimer .terms-hero__figure {
  position: relative;
  z-index: 1;
  margin-top: clamp(28px, 5vw, 48px);
}

.page-disclaimer .terms-hero__figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  border: 1px solid var(--line);
}

/* ---------- 条款主体 ---------- */
.page-disclaimer .terms-body {
  padding: clamp(44px, 7vw, 92px) 0 clamp(40px, 6vw, 76px);
  background: var(--white);
}

.page-disclaimer .terms-body__grid {
  display: grid;
  gap: clamp(26px, 4vw, 52px);
}

.page-disclaimer .terms-index {
  border-top: 2px solid var(--ink);
  padding-top: 16px;
}

.page-disclaimer .terms-index__title {
  margin: 0 0 14px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--graphite);
}

.page-disclaimer .terms-index__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .terms-index__item + .terms-index__item {
  border-top: 1px solid var(--line);
}

.page-disclaimer .terms-index__link {
  display: grid;
  grid-template-columns: 2.4em minmax(0, 1fr);
  gap: 10px;
  align-items: baseline;
  padding: 11px 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--graphite);
  text-decoration: none;
  transition: color 0.2s var(--ease);
}

.page-disclaimer .terms-index__num {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--silver);
  transition: color 0.2s var(--ease);
}

.page-disclaimer .terms-index__link:hover,
.page-disclaimer .terms-index__link:focus-visible,
.page-disclaimer .terms-index__link[aria-current],
.page-disclaimer .terms-index__link.is-active {
  color: var(--ink);
}

.page-disclaimer .terms-index__link:hover .terms-index__num,
.page-disclaimer .terms-index__link:focus-visible .terms-index__num,
.page-disclaimer .terms-index__link[aria-current] .terms-index__num,
.page-disclaimer .terms-index__link.is-active .terms-index__num {
  color: var(--orange);
}

.page-disclaimer .terms-index__foot {
  margin: 18px 0 0;
  font-size: 12.5px;
  line-height: 1.75;
  color: var(--graphite);
}

.page-disclaimer .terms-index__foot a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-disclaimer .terms-articles {
  min-width: 0;
}

.page-disclaimer .terms-article {
  padding: clamp(24px, 3.6vw, 38px) 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: 108px;
}

.page-disclaimer .terms-article:first-child {
  padding-top: 0;
  border-top: none;
}

.page-disclaimer .terms-article__num {
  margin: 0 0 8px;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.12em;
  color: var(--orange);
}

.page-disclaimer .terms-article h2 {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(24px, 4vw, 34px);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .terms-article__copy p {
  margin: 0 0 13px;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--graphite);
}

.page-disclaimer .terms-article__copy p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .terms-article__copy a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--orange);
}

.page-disclaimer .terms-list {
  margin: 14px 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 9px;
}

.page-disclaimer .terms-list li {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--graphite);
}

.page-disclaimer .terms-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.82em;
  width: 10px;
  height: 2px;
  background: var(--orange);
  border-radius: 2px;
}

.page-disclaimer .terms-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px !important;
}

.page-disclaimer .terms-tags .tag {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
}

.page-disclaimer .terms-contact {
  margin: 14px 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 1px;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--line);
}

.page-disclaimer .terms-contact li {
  display: grid;
  gap: 2px;
  padding: 12px 16px;
  background: var(--mist);
}

.page-disclaimer .terms-contact__label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--graphite);
}

.page-disclaimer .terms-contact__value {
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink);
  word-break: break-word;
}

/* ---------- 结尾提示 ---------- */
.page-disclaimer .terms-outro {
  padding: clamp(34px, 5vw, 60px) 0 clamp(28px, 4vw, 44px);
  background: var(--mist);
  border-top: 1px solid var(--line);
}

.page-disclaimer .terms-outro__inner {
  display: grid;
  gap: 22px;
  padding-left: clamp(16px, 2.2vw, 24px);
  border-left: 4px solid var(--orange);
}

.page-disclaimer .terms-outro .eyebrow {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--graphite);
}

.page-disclaimer .terms-outro h2 {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(24px, 4.4vw, 38px);
  line-height: 1.14;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .terms-outro p {
  max-width: 60ch;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--graphite);
}

.page-disclaimer .terms-outro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.page-disclaimer .terms-outro__actions .btn {
  text-decoration: none;
}

.page-disclaimer .terms-outro__top {
  margin-top: clamp(26px, 4vw, 40px);
  display: flex;
  justify-content: flex-end;
}

.page-disclaimer .terms-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border: 1px solid var(--graphite);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--ink);
  text-decoration: none;
  transition: background 0.2s var(--ease), color 0.2s var(--ease);
}

.page-disclaimer .terms-top:hover,
.page-disclaimer .terms-top:focus-visible {
  background: var(--ink);
  color: var(--white);
}

/* ---------- 渐显 ---------- */
.js-ready .page-disclaimer [data-reveal] {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.45s var(--ease), transform 0.45s var(--ease);
}

.js-ready .page-disclaimer [data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-disclaimer .terms-outro__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
  }

  .page-disclaimer .terms-outro__actions {
    justify-content: flex-end;
  }
}

@media (min-width: 980px) {
  .page-disclaimer .terms-hero__layout {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    align-items: end;
  }

  .page-disclaimer .terms-body__grid {
    grid-template-columns: 248px minmax(0, 1fr);
    align-items: start;
    gap: clamp(36px, 5vw, 72px);
  }

  .page-disclaimer .terms-index {
    position: sticky;
    top: 104px;
  }

  .page-disclaimer .terms-article__copy {
    max-width: 68ch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .terms-dot {
    animation: none;
  }

  .js-ready .page-disclaimer [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .page-disclaimer .terms-index__link,
  .page-disclaimer .terms-top {
    transition: none;
  }
}

@media print {
  .page-disclaimer .terms-index,
  .page-disclaimer .terms-top,
  .page-disclaimer .terms-outro__actions,
  .page-disclaimer .terms-hero__figure {
    display: none !important;
  }

  .page-disclaimer .terms-hero {
    background: none;
    color: #000;
    padding: 0 0 12pt;
  }

  .page-disclaimer .terms-hero::before {
    display: none;
  }

  .page-disclaimer .terms-hero__title,
  .page-disclaimer .terms-hero__status-text,
  .page-disclaimer .terms-hero__lead,
  .page-disclaimer .terms-article h2,
  .page-disclaimer .terms-outro h2 {
    color: #000;
  }

  .page-disclaimer .terms-hero__status {
    background: none;
    border-color: #999;
  }

  .page-disclaimer .terms-body__grid {
    display: block;
  }

  .page-disclaimer .terms-article {
    page-break-inside: avoid;
  }

  .page-disclaimer .terms-outro {
    background: none;
    border-top: 1px solid #999;
  }
}


<main id="main-content" class="page-disclaimer">
  <header class="terms-hero">
    <div class="shell terms-hero__inner">
      <nav class="breadcrumb" aria-label="页面位置">
        <ol class="breadcrumb__list">
          <li class="breadcrumb__item"><a class="breadcrumb__link" href="/">首页</a></li>
          <li class="breadcrumb__item"><span class="breadcrumb__current" aria-current="page">使用条款</span></li>
        </ol>
      </nav>

      <div class="terms-hero__layout">
        <div class="terms-hero__main">
          <p class="eyebrow">Legal / 站点规则</p>
          <h1 class="terms-hero__title">使用条款</h1>
          <p class="terms-hero__lead">在乐思体育安装的页面与资料里取用内容之前，先花几分钟了解这些约定。它们说明赛程表、轮次卡与现场影像可以怎么用，也说明遇到页面中断或资料调整时，我们会怎么处理。</p>
        </div>

        <aside class="terms-hero__status" aria-label="版本状态">
          <p class="terms-hero__status-label">现行版本</p>
          <p class="terms-hero__status-text"><span class="terms-dot" aria-hidden="true"></span>随服务范围同步更新</p>
          <p class="terms-hero__status-note">适用于职业与半职业球队、场馆运营方、赛事执行公司与青训基地。</p>
        </aside>
      </div>
    </div>

    <div class="shell terms-hero__figure">
      <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="深墨绿底色上由赛场边线、网格与橙色定位点构成的抽象图形，表达规则与秩序">
    </div>
  </header>

  <section class="terms-body">
    <div class="shell terms-body__grid">
      <aside class="terms-index" aria-label="条款目录">
        <p class="terms-index__title">条款目录</p>
        <ol class="terms-index__list">
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-accept" data-section-link="accept"><span class="terms-index__num">01</span><span>接受条款</span></a></li>
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-content" data-section-link="content"><span class="terms-index__num">02</span><span>内容与知识产权</span></a></li>
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-download" data-section-link="download"><span class="terms-index__num">03</span><span>资料下载使用</span></a></li>
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-links" data-section-link="links"><span class="terms-index__num">04</span><span>外部链接</span></a></li>
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-liability" data-section-link="liability"><span class="terms-index__num">05</span><span>责任范围</span></a></li>
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-changes" data-section-link="changes"><span class="terms-index__num">06</span><span>条款变更与联系方式</span></a></li>
        </ol>
        <p class="terms-index__foot">关于个人信息的处理方式，见<a href="/privacy-center/">隐私中心</a>。</p>
      </aside>

      <div class="terms-articles">
        <article class="terms-article" id="terms-accept" data-section="accept" data-reveal>
          <p class="terms-article__num">01</p>
          <h2>接受条款</h2>
          <div class="terms-article__copy prose">
            <p>访问本站、浏览赛事内容，或通过页面下方的联系渠道与我们沟通，即表示你已阅读并理解以下约定。</p>
            <p>若你代表球队、场馆或赛事执行公司来访，请确认你有权代表该机构作出这一确认。贵队、贵馆与乐思体育安装之间具体的安装、校准与巡检安排，以双方签署的项目合同为准；这里说明的是内容与资料的使用范围。</p>
            <p>如果其中某一条无法接受，请停止继续使用相关页面与文件。</p>
          </div>
        </article>

        <article class="terms-article" id="terms-content" data-section="content" data-reveal>
          <p class="terms-article__num">02</p>
          <h2>内容与知识产权</h2>
          <div class="terms-article__copy prose">
            <p>站内的文字说明、现场照片、轮次卡的版式设计以及赛事数据的编排方式，归乐思体育安装或相应权利人所有。</p>
            <ul class="terms-list">
              <li>你可以为观赛安排、设备选型与内部沟通，浏览、打印或保存单页内容。</li>
              <li>转载或引用时请保留来源标注，并保持原有含义，不要截取后改变结论。</li>
              <li>把栏目结构、界面设计或轮次卡版式整体复制到同类平台使用，需事先取得书面许可。</li>
            </ul>
            <p>页面里的场馆与屏体照片多来自安装现场与巡检记录，用于说明施工做法与设备状态，请勿单独抽出用于招商宣传。</p>
          </div>
        </article>

        <article class="terms-article" id="terms-download" data-section="download" data-reveal>
          <p class="terms-article__num">03</p>
          <h2>资料下载使用</h2>
          <div class="terms-article__copy prose">
            <p>赛程表、轮次卡与数据说明三类文件，统一收在专家专栏的关注列表里。关注列表按球队归并，最多可归并 20 支球队，支持导出为 CSV，交给教练组或场馆值班同事时不必再手工整理。</p>
            <p>文件提供 PDF 与 CSV 两种格式，赛程表另附 ICS 日历，导入手机即可生成赛前提醒。下载之后，这些用途都在允许范围内：</p>
            <ul class="terms-list">
              <li>球队内部排期、赛前准备会与训练计划安排；</li>
              <li>场馆运行协同、比赛日值班表与设备巡检排程；</li>
              <li>球迷观赛行程规划与出行提醒。</li>
            </ul>
            <p>转售、打包分销，删除来源标识后另行发布，或改动数据后以乐思体育安装的名义对外传播，均超出资深范围。轮次卡按比赛日更新，重要调整我们会同步修订已发布文件。</p>
            <p class="terms-tags">
              <span class="tag">PDF</span>
              <span class="tag">CSV</span>
              <span class="tag tag--hot">ICS 日历</span>
            </p>
          </div>
        </article>

        <article class="terms-article" id="terms-links" data-section="links" data-reveal>
          <p class="terms-article__num">04</p>
          <h2>外部链接</h2>
          <div class="terms-article__copy prose">
            <p>为方便对接，页面里可能出现指向屏体厂商、结构件供应商、赛事执行方与场馆物业的链接。</p>
            <p>这些站点的内容、更新节奏与信息处理方式由各自运营方决定。跳转之前请留意对方的规则，涉及报价、工期与保修的事项，直接与对方确认更稳妥。</p>
            <p>我们会在合作关系调整时更新相应链接，帮助贵馆少走弯路；第三方页面的持续可用性由对方维护。</p>
          </div>
        </article>

        <article class="terms-article" id="terms-liability" data-section="liability" data-reveal>
          <p class="terms-article__num">05</p>
          <h2>责任范围</h2>
          <div class="terms-article__copy prose">
            <p>网络波动、设备故障、浏览器版本差异或不可抗力，都可能让页面暂时打不开，或让轮次信息晚一点显示。遇到这类情况，我们会尽快恢复访问，并在恢复后核对已发布的内容。</p>
            <p>安装、校准与巡检的服务内容、交付周期与响应时效，以双方签署的项目合同约定为准。长三角范围内 4 小时到场响应、每季度一次巡检与赛季中每月一次的例行检查，都按实际服务安排执行。</p>
            <p>赛事数据更新频繁，赛前最终安排请以场馆现场发布的信息为准。移动端战报页面支持离线缓存最近 3 个比赛日的轮次卡，通勤路上没有信号也能翻看。</p>
          </div>
        </article>

        <article class="terms-article" id="terms-changes" data-section="changes" data-reveal>
          <p class="terms-article__num">06</p>
          <h2>条款变更与联系方式</h2>
          <div class="terms-article__copy prose">
            <p>服务范围调整时，本条款会同步修订，更新后的内容在本页发布。修订生效后继续使用本站，即视为接受新的版本。</p>
            <p>对条款有疑问，或想确认某类赛事资料能否用于你的场景，可以通过以下方式找到我们：</p>
            <ul class="terms-contact">
              <li><span class="terms-contact__label">电话</span><span class="terms-contact__value">13858933657（工作日 9:00–18:00）</span></li>
              <li><span class="terms-contact__label">邮件</span><span class="terms-contact__value">email@city-sports-lesi.com.cn</span></li>
              <li><span class="terms-contact__label">地址</span><span class="terms-contact__value">上海市徐汇区漕溪北路595号</span></li>
            </ul>
            <p>邮件咨询请注明球队名称与需求类型，我们将在 1 个工作日内回复。查询、更正或删除个人信息的请求，可在<a href="/privacy-center/">隐私中心</a>了解处理方式。</p>
          </div>
        </article>
      </div>
    </div>
  </section>

  <section class="terms-outro">
    <div class="shell terms-outro__inner">
      <div class="terms-outro__text">
        <p class="eyebrow">下一步</p>
        <h2>需要为贵馆安排一次安装评估？</h2>
        <p>把场馆面积、现有屏体类型和期望上屏时间告诉我们，工程师会给出勘测与排期建议，也会说明赛程与数据资料如何交到你手上。</p>
      </div>
      <div class="terms-outro__actions">
        <a class="btn btn--primary" href="/reach-us/">预约安装评估</a>
        <a class="btn btn--ghost" href="/knowledge/">查看常见问题</a>
      </div>
    </div>
    <div class="shell terms-outro__top">
      <a class="terms-top" href="#main-content" data-to-top>返回顶部</a>
    </div>
  </section>
</main>

.page-disclaimer {
  display: block;
  background: var(--white);
  color: var(--graphite);
  font-family: var(--font-body);
  overflow-x: hidden;
}

/* ---------- Hero ---------- */
.page-disclaimer .terms-hero {
  position: relative;
  padding: clamp(26px, 4vw, 44px) 0 clamp(36px, 6vw, 64px);
  background:
    radial-gradient(900px 460px at 84% -12%, rgba(47, 230, 200, 0.16), transparent 66%),
    radial-gradient(720px 420px at 4% 108%, rgba(255, 107, 44, 0.15), transparent 62%),
    var(--ink);
  color: var(--white);
  overflow: hidden;
}

.page-disclaimer .terms-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(167, 179, 173, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(167, 179, 173, 0.07) 1px, transparent 1px);
  background-size: 68px 68px;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), transparent 88%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), transparent 88%);
  pointer-events: none;
}

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

.page-disclaimer .terms-hero .breadcrumb__link,
.page-disclaimer .terms-hero .breadcrumb__current {
  color: var(--silver);
}

.page-disclaimer .terms-hero .breadcrumb__link:hover {
  color: var(--cyan);
}

.page-disclaimer .terms-hero__layout {
  display: grid;
  gap: clamp(22px, 4vw, 40px);
  padding-top: clamp(24px, 4vw, 40px);
}

.page-disclaimer .terms-hero .eyebrow {
  margin: 0 0 14px;
  color: var(--amber);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.page-disclaimer .terms-hero__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(58px, 14vw, 148px);
  line-height: 0.86;
  letter-spacing: -0.03em;
  color: var(--white);
}

.page-disclaimer .terms-hero__title::after {
  content: "";
  display: block;
  width: clamp(64px, 12vw, 160px);
  height: 6px;
  margin-top: clamp(18px, 3vw, 28px);
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--orange), var(--amber));
}

.page-disclaimer .terms-hero__lead {
  max-width: 54ch;
  margin: 22px 0 0;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--mist);
}

.page-disclaimer .terms-hero__status {
  align-self: end;
  padding: 20px 22px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-md);
  background: rgba(18, 51, 43, 0.72);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.page-disclaimer .terms-hero__status-label {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--silver);
}

.page-disclaimer .terms-hero__status-text {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--white);
}

.page-disclaimer .terms-hero__status-note {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--silver);
}

.page-disclaimer .terms-dot {
  display: inline-block;
  flex: none;
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 0 0 rgba(255, 107, 44, 0.55);
  animation: terms-dot-pulse 2.6s ease-out infinite;
}

@keyframes terms-dot-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 107, 44, 0.55); }
  70% { box-shadow: 0 0 0 9px rgba(255, 107, 44, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 107, 44, 0); }
}

.page-disclaimer .terms-hero__figure {
  position: relative;
  z-index: 1;
  margin-top: clamp(28px, 5vw, 48px);
}

.page-disclaimer .terms-hero__figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  object-fit: cover;
}

/* ---------- 条款主体 ---------- */
.page-disclaimer .terms-body {
  padding: clamp(44px, 7vw, 92px) 0 clamp(40px, 6vw, 76px);
  background: var(--white);
}

.page-disclaimer .terms-body__grid {
  display: grid;
  gap: clamp(26px, 4vw, 52px);
}

.page-disclaimer .terms-index {
  padding-top: 16px;
  border-top: 2px solid var(--ink);
}

.page-disclaimer .terms-index__title {
  margin: 0 0 14px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--graphite);
}

.page-disclaimer .terms-index__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .terms-index__item + .terms-index__item {
  border-top: 1px solid var(--line);
}

.page-disclaimer .terms-index__link {
  display: grid;
  grid-template-columns: 2.4em minmax(0, 1fr);
  gap: 10px;
  align-items: baseline;
  padding: 11px 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--graphite);
  text-decoration: none;
  transition: color 0.2s var(--ease);
}

.page-disclaimer .terms-index__num {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--silver);
  transition: color 0.2s var(--ease);
}

.page-disclaimer .terms-index__link:hover,
.page-disclaimer .terms-index__link:focus-visible,
.page-disclaimer .terms-index__link[aria-current],
.page-disclaimer .terms-index__link.is-active {
  color: var(--ink);
}

.page-disclaimer .terms-index__link:hover .terms-index__num,
.page-disclaimer .terms-index__link:focus-visible .terms-index__num,
.page-disclaimer .terms-index__link[aria-current] .terms-index__num,
.page-disclaimer .terms-index__link.is-active .terms-index__num {
  color: var(--orange);
}

.page-disclaimer .terms-index__foot {
  margin: 18px 0 0;
  font-size: 12.5px;
  line-height: 1.75;
  color: var(--graphite);
}

.page-disclaimer .terms-index__foot a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-disclaimer .terms-articles {
  min-width: 0;
}

.page-disclaimer .terms-article {
  padding: clamp(24px, 3.6vw, 38px) 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: 108px;
}

.page-disclaimer .terms-article:first-child {
  padding-top: 0;
  border-top: none;
}

.page-disclaimer .terms-article__num {
  margin: 0 0 8px;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.12em;
  color: var(--orange);
}

.page-disclaimer .terms-article h2 {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(24px, 4vw, 34px);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .terms-article__copy p {
  margin: 0 0 13px;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--graphite);
}

.page-disclaimer .terms-article__copy p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .terms-article__copy a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--orange);
}

.page-disclaimer .terms-list {
  display: grid;
  gap: 9px;
  margin: 14px 0 16px;
  padding: 0;
  list-style: none;
}

.page-disclaimer .terms-list li {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--graphite);
}

.page-disclaimer .terms-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.82em;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  background: var(--orange);
}

.page-disclaimer .terms-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px !important;
}

.page-disclaimer .terms-tags .tag {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
}

.page-disclaimer .terms-contact {
  display: grid;
  gap: 1px;
  margin: 14px 0 16px;
  padding: 0;
  list-style: none;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--line);
}

.page-disclaimer .terms-contact li {
  display: grid;
  gap: 2px;
  padding: 12px 16px;
  background: var(--mist);
}

.page-disclaimer .terms-contact__label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--graphite);
}

.page-disclaimer .terms-contact__value {
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink);
  word-break: break-word;
}

/* ---------- 结尾提示条 ---------- */
.page-disclaimer .terms-outro {
  padding: clamp(34px, 5vw, 60px) 0 clamp(28px, 4vw, 44px);
  background: var(--mist);
  border-top: 1px solid var(--line);
}

.page-disclaimer .terms-outro__inner {
  display: grid;
  gap: 22px;
  padding-left: clamp(16px, 2.2vw, 24px);
  border-left: 4px solid var(--orange);
}

.page-disclaimer .terms-outro .eyebrow {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--graphite);
}

.page-disclaimer .terms-outro h2 {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(24px, 4.4vw, 38px);
  line-height: 1.14;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .terms-outro p {
  max-width: 60ch;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--graphite);
}

.page-disclaimer .terms-outro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.page-disclaimer .terms-outro__actions .btn {
  text-decoration: none;
}

.page-disclaimer .terms-outro__top {
  display: flex;
  justify-content: flex-end;
  margin-top: clamp(26px, 4vw, 40px);
}

.page-disclaimer .terms-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border: 1px solid var(--graphite);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--ink);
  text-decoration: none;
  transition: background 0.2s var(--ease), color 0.2s var(--ease);
}

.page-disclaimer .terms-top:hover,
.page-disclaimer .terms-top:focus-visible {
  background: var(--ink);
  color: var(--white);
}

/* ---------- 渐显 ---------- */
.js-ready .page-disclaimer [data-reveal] {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.45s var(--ease), transform 0.45s var(--ease);
}

.js-ready .page-disclaimer [data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-disclaimer .terms-outro__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
  }

  .page-disclaimer .terms-outro__actions {
    justify-content: flex-end;
  }
}

@media (min-width: 980px) {
  .page-disclaimer .terms-hero__layout {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    align-items: end;
  }

  .page-disclaimer .terms-body__grid {
    grid-template-columns: 248px minmax(0, 1fr);
    align-items: start;
    gap: clamp(36px, 5vw, 72px);
  }

  .page-disclaimer .terms-index {
    position: sticky;
    top: 104px;
  }

  .page-disclaimer .terms-article__copy {
    max-width: 68ch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .terms-dot {
    animation: none;
  }

  .js-ready .page-disclaimer [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .page-disclaimer .terms-index__link,
  .page-disclaimer .terms-top {
    transition: none;
  }
}

@media print {
  .page-disclaimer .terms-index,
  .page-disclaimer .terms-top,
  .page-disclaimer .terms-outro__actions,
  .page-disclaimer .terms-hero__figure {
    display: none !important;
  }

  .page-disclaimer .terms-hero {
    padding: 0 0 12pt;
    background: none;
    color: #000;
  }

  .page-disclaimer .terms-hero::before {
    display: none;
  }

  .page-disclaimer .terms-hero__title,
  .page-disclaimer .terms-hero__lead,
  .page-disclaimer .terms-hero__status-text,
  .page-disclaimer .terms-article h2,
  .page-disclaimer .terms-article__copy p,
  .page-disclaimer .terms-outro h2,
  .page-disclaimer .terms-outro p {
    color: #000;
  }

  .page-disclaimer .terms-hero__status {
    background: none;
    border-color: #999;
  }

  .page-disclaimer .terms-body__grid {
    display: block;
  }

  .page-disclaimer .terms-article {
    page-break-inside: avoid;
  }

  .page-disclaimer .terms-outro {
    background: none;
    border-top: 1px solid #999;
  }
}


<main id="main-content" class="page-disclaimer">
  <header class="terms-hero">
    <div class="shell terms-hero__inner">
      <nav class="breadcrumb" aria-label="页面位置">
        <ol class="breadcrumb__list">
          <li class="breadcrumb__item"><a class="breadcrumb__link" href="/">首页</a></li>
          <li class="breadcrumb__item"><span class="breadcrumb__current" aria-current="page">使用条款</span></li>
        </ol>
      </nav>
      <div class="terms-hero__layout">
        <div class="terms-hero__main">
          <p class="eyebrow">Legal / 站点规则</p>
          <h1 class="terms-hero__title">使用条款</h1>
          <p class="terms-hero__lead">在乐思体育安装的页面与资料里取用内容之前，先花几分钟了解这些约定。它们说明赛程表、轮次卡与现场影像可以怎么用，也说明遇到页面中断或资料调整时，我们会怎么处理。</p>
        </div>
        <aside class="terms-hero__status" aria-label="版本状态">
          <p class="terms-hero__status-label">现行版本</p>
          <p class="terms-hero__status-text"><span class="terms-dot" aria-hidden="true"></span>随服务范围同步更新</p>
          <p class="terms-hero__status-note">适用于职业与半职业球队、场馆运营方、赛事执行公司与青训基地。</p>
        </aside>
      </div>
    </div>
    <div class="shell terms-hero__figure">
      <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="深墨绿底色上由赛场边线、网格与橙色定位点构成的抽象图形，表达规则与秩序">
    </div>
  </header>

  <section class="terms-body">
    <div class="shell terms-body__grid">
      <aside class="terms-index" aria-label="条款目录">
        <p class="terms-index__title">条款目录</p>
        <ol class="terms-index__list">
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-accept" data-section-link="accept"><span class="terms-index__num">01</span><span>接受条款</span></a></li>
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-content" data-section-link="content"><span class="terms-index__num">02</span><span>内容与知识产权</span></a></li>
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-download" data-section-link="download"><span class="terms-index__num">03</span><span>资料下载使用</span></a></li>
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-links" data-section-link="links"><span class="terms-index__num">04</span><span>外部链接</span></a></li>
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-liability" data-section-link="liability"><span class="terms-index__num">05</span><span>责任范围</span></a></li>
          <li class="terms-index__item"><a class="terms-index__link" href="#terms-changes" data-section-link="changes"><span class="terms-index__num">06</span><span>条款变更与联系方式</span></a></li>
        </ol>
        <p class="terms-index__foot">关于个人信息的处理方式，见<a href="/privacy-center/">隐私中心</a>。</p>
      </aside>

      <div class="terms-articles">
        <article class="terms-article" id="terms-accept" data-section="accept" data-reveal>
          <p class="terms-article__num">01</p>
          <h2>接受条款</h2>
          <div class="terms-article__copy prose">
            <p>访问本站、浏览赛事内容，或通过页面下方的联系渠道与我们沟通，即表示你已阅读并理解以下约定。</p>
            <p>若你代表球队、场馆或赛事执行公司来访，请确认你有权代表该机构作出这一确认。贵队、贵馆与乐思体育安装之间具体的安装、校准与巡检安排，以双方签署的项目合同为准；这里说明的是内容与资料的使用范围。</p>
            <p>如果其中某一条无法接受，请停止继续使用相关页面与文件。</p>
          </div>
        </article>

        <article class="terms-article" id="terms-content" data-section="content" data-reveal>
          <p class="terms-article__num">02</p>
          <h2>内容与知识产权</h2>
          <div class="terms-article__copy prose">
            <p>站内的文字说明、现场照片、轮次卡的版式设计以及赛事数据的编排方式，归乐思体育安装或相应权利人所有。</p>
            <ul class="terms-list">
              <li>你可以为观赛安排、设备选型与内部沟通，浏览、打印或保存单页内容。</li>
              <li>转载或引用时请保留来源标注，并保持原有含义，不要截取后改变结论。</li>
              <li>把栏目结构、界面设计或轮次卡版式整体复制到同类平台使用，需事先取得书面许可。</li>
            </ul>
            <p>页面里的场馆与屏体照片多来自安装现场与巡检记录，用于说明施工做法与设备状态，请勿单独抽出用于招商宣传。</p>
          </div>
        </article>

        <article class="terms-article" id="terms-download" data-section="download" data-reveal>
          <p class="terms-article__num">03</p>
          <h2>资料下载使用</h2>
          <div class="terms-article__copy prose">
            <p>赛程表、轮次卡与数据说明三类文件，统一收在专家专栏的关注列表里。关注列表按球队归并，最多可归并 20 支球队，支持导出为 CSV，交给教练组或场馆值班同事时不必再手工整理。</p>
            <p>文件提供 PDF 与 CSV 两种格式，赛程表另附 ICS 日历，导入手机即可生成赛前提醒。下载之后，这些用途都在允许范围内：</p>
            <ul class="terms-list">
              <li>球队内部排期、赛前准备会与训练计划安排；</li>
              <li>场馆运行协同、比赛日值班表与设备巡检排程；</li>
              <li>球迷观赛行程规划与出行提醒。</li>
            </ul>
            <p>转售、打包分销，删除来源标识后另行发布，或改动数据后以乐思体育安装的名义对外传播，都会超出资深范围。轮次卡按比赛日更新，重要调整我们会同步修订已发布文件。</p>
            <p class="terms-tags">
              <span class="tag">PDF</span>
              <span class="tag">CSV</span>
              <span class="tag tag--hot">ICS 日历</span>
            </p>
          </div>
        </article>

        <article class="terms-article" id="terms-links" data-section="links" data-reveal>
          <p class="terms-article__num">04</p>
          <h2>外部链接</h2>
          <div class="terms-article__copy prose">
            <p>为方便对接，页面里可能出现指向屏体厂商、结构件供应商、赛事执行方与场馆物业的链接。</p>
            <p>这些站点的内容、更新节奏与信息处理方式由各自运营方决定。跳转之前请留意对方的规则，涉及报价、工期与保修的事项，直接与对方确认更稳妥。</p>
            <p>我们会在合作关系调整时更新相应链接，帮助贵馆少走弯路；第三方页面的持续可用性由对方维护。</p>
          </div>
        </article>

        <article class="terms-article" id="terms-liability" data-section="liability" data-reveal>
          <p class="terms-article__num">05</p>
          <h2>责任范围</h2>
          <div class="terms-article__copy prose">
            <p>网络波动、设备故障、浏览器版本差异或不可抗力，都可能让页面暂时打不开，或让轮次信息晚一点显示。遇到这类情况，我们会尽快恢复访问，并在恢复后核对已发布的内容。</p>
            <p>安装、校准与巡检的服务内容、交付周期与响应时效，以双方签署的项目合同约定为准。长三角范围内 4 小时到场响应、每季度一次巡检与赛季中每月一次的例行检查，都按实际服务安排执行。</p>
            <p>赛事数据更新频繁，赛前最终安排请以场馆现场发布的信息为准。移动端战报页面支持离线缓存最近 3 个比赛日的轮次卡，通勤路上没有信号也能翻看。</p>
          </div>
        </article>

        <article class="terms-article" id="terms-changes" data-section="changes" data-reveal>
          <p class="terms-article__num">06</p>
          <h2>条款变更与联系方式</h2>
          <div class="terms-article__copy prose">
            <p>服务范围调整时，本条款会同步修订，更新后的内容在本页发布。修订生效后继续使用本站，即视为接受新的版本。</p>
            <p>对条款有疑问，或想确认某类赛事资料能否用于你的场景，可以通过以下方式找到我们：</p>
            <ul class="terms-contact">
              <li><span class="terms-contact__label">电话</span><span class="terms-contact__value">13858933657（工作日 9:00–18:00）</span></li>
              <li><span class="terms-contact__label">邮件</span><span class="terms-contact__value">email@city-sports-lesi.com.cn</span></li>
              <li><span class="terms-contact__label">地址</span><span class="terms-contact__value">上海市徐汇区漕溪北路595号</span></li>
            </ul>
            <p>邮件咨询请注明球队名称与需求类型，我们将在 1 个工作日内回复。查询、更正或删除个人信息的请求，可在<a href="/privacy-center/">隐私中心</a>了解处理方式。</p>
          </div>
        </article>
      </div>
    </div>
  </section>

  <section class="terms-outro">
    <div class="shell terms-outro__inner">
      <div class="terms-outro__text">
        <p class="eyebrow">下一步</p>
        <h2>需要为贵馆安排一次安装评估？</h2>
        <p>把场馆面积、现有屏体类型和期望上屏时间告诉我们，工程师会给出勘测与排期建议，也会说明赛程与数据资料如何交到你手上。</p>
      </div>
      <div class="terms-outro__actions">
        <a class="btn btn--primary" href="/reach-us/">预约安装评估</a>
        <a class="btn btn--ghost" href="/knowledge/">查看常见问题</a>
      </div>
    </div>
    <div class="shell terms-outro__top">
      <a class="terms-top" href="#main-content" data-to-top>返回顶部</a>
    </div>
  </section>
</main>

.page-disclaimer {
  display: block;
  background: var(--white);
  color: var(--graphite);
  font-family: var(--font-body);
  overflow-x: hidden;
}

/* ---------- Hero ---------- */
.page-disclaimer .terms-hero {
  position: relative;
  padding: clamp(26px, 4vw, 44px) 0 clamp(36px, 6vw, 64px);
  background:
    radial-gradient(900px 460px at 84% -12%, rgba(47, 230, 200, 0.16), transparent 66%),
    radial-gradient(720px 420px at 4% 108%, rgba(255, 107, 44, 0.15), transparent 62%),
    var(--ink);
  color: var(--white);
  overflow: hidden;
}

.page-disclaimer .terms-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(167, 179, 173, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(167, 179, 173, 0.07) 1px, transparent 1px);
  background-size: 68px 68px;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), transparent 88%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), transparent 88%);
  pointer-events: none;
}

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

.page-disclaimer .terms-hero .breadcrumb__link,
.page-disclaimer .terms-hero .breadcrumb__current {
  color: var(--silver);
}

.page-disclaimer .terms-hero .breadcrumb__link:hover {
  color: var(--cyan);
}

.page-disclaimer .terms-hero__layout {
  display: grid;
  gap: clamp(22px, 4vw, 40px);
  padding-top: clamp(24px, 4vw, 40px);
}

.page-disclaimer .terms-hero .eyebrow {
  margin: 0 0 14px;
  color: var(--amber);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.page-disclaimer .terms-hero__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(58px, 14vw, 148px);
  line-height: 0.86;
  letter-spacing: -0.03em;
  color: var(--white);
}

.page-disclaimer .terms-hero__title::after {
  content: "";
  display: block;
  width: clamp(64px, 12vw, 160px);
  height: 6px;
  margin-top: clamp(18px, 3vw, 28px);
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--orange), var(--amber));
}

.page-disclaimer .terms-hero__lead {
  max-width: 54ch;
  margin: 22px 0 0;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--mist);
}

.page-disclaimer .terms-hero__status {
  align-self: end;
  padding: 20px 22px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-md);
  background: rgba(18, 51, 43, 0.72);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.page-disclaimer .terms-hero__status-label {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--silver);
}

.page-disclaimer .terms-hero__status-text {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--white);
}

.page-disclaimer .terms-hero__status-note {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--silver);
}

.page-disclaimer .terms-dot {
  display: inline-block;
  flex: none;
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 0 0 rgba(255, 107, 44, 0.55);
  animation: terms-dot-pulse 2.6s ease-out infinite;
}

@keyframes terms-dot-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 107, 44, 0.55); }
  70% { box-shadow: 0 0 0 9px rgba(255, 107, 44, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 107, 44, 0); }
}

.page-disclaimer .terms-hero__figure {
  position: relative;
  z-index: 1;
  margin-top: clamp(28px, 5vw, 48px);
}

.page-disclaimer .terms-hero__figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  object-fit: cover;
}

/* ---------- 条款主体 ---------- */
.page-disclaimer .terms-body {
  padding: clamp(44px, 7vw, 92px) 0 clamp(40px, 6vw, 76px);
  background: var(--white);
}

.page-disclaimer .terms-body__grid {
  display: grid;
  gap: clamp(26px, 4vw, 52px);
}

.page-disclaimer .terms-index {
  padding-top: 16px;
  border-top: 2px solid var(--ink);
}

.page-disclaimer .terms-index__title {
  margin: 0 0 14px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--graphite);
}

.page-disclaimer .terms-index__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-disclaimer .terms-index__item + .terms-index__item {
  border-top: 1px solid var(--line);
}

.page-disclaimer .terms-index__link {
  display: grid;
  grid-template-columns: 2.4em minmax(0, 1fr);
  gap: 10px;
  align-items: baseline;
  padding: 11px 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--graphite);
  text-decoration: none;
  transition: color 0.2s var(--ease);
}

.page-disclaimer .terms-index__num {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--silver);
  transition: color 0.2s var(--ease);
}

.page-disclaimer .terms-index__link:hover,
.page-disclaimer .terms-index__link:focus-visible,
.page-disclaimer .terms-index__link[aria-current],
.page-disclaimer .terms-index__link.is-active {
  color: var(--ink);
}

.page-disclaimer .terms-index__link:hover .terms-index__num,
.page-disclaimer .terms-index__link:focus-visible .terms-index__num,
.page-disclaimer .terms-index__link[aria-current] .terms-index__num,
.page-disclaimer .terms-index__link.is-active .terms-index__num {
  color: var(--orange);
}

.page-disclaimer .terms-index__foot {
  margin: 18px 0 0;
  font-size: 12.5px;
  line-height: 1.75;
  color: var(--graphite);
}

.page-disclaimer .terms-index__foot a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-disclaimer .terms-articles {
  min-width: 0;
}

.page-disclaimer .terms-article {
  padding: clamp(24px, 3.6vw, 38px) 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: 108px;
}

.page-disclaimer .terms-article:first-child {
  padding-top: 0;
  border-top: none;
}

.page-disclaimer .terms-article__num {
  margin: 0 0 8px;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.12em;
  color: var(--orange);
}

.page-disclaimer .terms-article h2 {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(24px, 4vw, 34px);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .terms-article__copy p {
  margin: 0 0 13px;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--graphite);
}

.page-disclaimer .terms-article__copy p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .terms-article__copy a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--orange);
}

.page-disclaimer .terms-list {
  display: grid;
  gap: 9px;
  margin: 14px 0 16px;
  padding: 0;
  list-style: none;
}

.page-disclaimer .terms-list li {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--graphite);
}

.page-disclaimer .terms-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.82em;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  background: var(--orange);
}

.page-disclaimer .terms-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px !important;
}

.page-disclaimer .terms-tags .tag {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
}

.page-disclaimer .terms-contact {
  display: grid;
  gap: 1px;
  margin: 14px 0 16px;
  padding: 0;
  list-style: none;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--line);
}

.page-disclaimer .terms-contact li {
  display: grid;
  gap: 2px;
  padding: 12px 16px;
  background: var(--mist);
}

.page-disclaimer .terms-contact__label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--graphite);
}

.page-disclaimer .terms-contact__value {
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink);
  word-break: break-word;
}

/* ---------- 结尾提示条 ---------- */
.page-disclaimer .terms-outro {
  padding: clamp(34px, 5vw, 60px) 0 clamp(28px, 4vw, 44px);
  background: var(--mist);
  border-top: 1px solid var(--line);
}

.page-disclaimer .terms-outro__inner {
  display: grid;
  gap: 22px;
  padding-left: clamp(16px, 2.2vw, 24px);
  border-left: 4px solid var(--orange);
}

.page-disclaimer .terms-outro .eyebrow {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--graphite);
}

.page-disclaimer .terms-outro h2 {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(24px, 4.4vw, 38px);
  line-height: 1.14;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.page-disclaimer .terms-outro p {
  max-width: 60ch;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--graphite);
}

.page-disclaimer .terms-outro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.page-disclaimer .terms-outro__actions .btn {
  text-decoration: none;
}

.page-disclaimer .terms-outro__top {
  display: flex;
  justify-content: flex-end;
  margin-top: clamp(26px, 4vw, 40px);
}

.page-disclaimer .terms-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border: 1px solid var(--graphite);
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--ink);
  text-decoration: none;
  transition: background 0.2s var(--ease), color 0.2s var(--ease);
}

.page-disclaimer .terms-top:hover,
.page-disclaimer .terms-top:focus-visible {
  background: var(--ink);
  color: var(--white);
}

/* ---------- 渐显 ---------- */
.js-ready .page-disclaimer [data-reveal] {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.45s var(--ease), transform 0.45s var(--ease);
}

.js-ready .page-disclaimer [data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-disclaimer .terms-outro__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
  }

  .page-disclaimer .terms-outro__actions {
    justify-content: flex-end;
  }
}

@media (min-width: 980px) {
  .page-disclaimer .terms-hero__layout {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    align-items: end;
  }

  .page-disclaimer .terms-body__grid {
    grid-template-columns: 248px minmax(0, 1fr);
    align-items: start;
    gap: clamp(36px, 5vw, 72px);
  }

  .page-disclaimer .terms-index {
    position: sticky;
    top: 104px;
  }

  .page-disclaimer .terms-article__copy {
    max-width: 68ch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .terms-dot {
    animation: none;
  }

  .js-ready .page-disclaimer [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .page-disclaimer .terms-index__link,
  .page-disclaimer .terms-top {
    transition: none;
  }
}

@media print {
  .page-disclaimer .terms-index,
  .page-disclaimer .terms-top,
  .page-disclaimer .terms-outro__actions,
  .page-disclaimer .terms-hero__figure {
    display: none !important;
  }

  .page-disclaimer .terms-hero {
    padding: 0 0 12pt;
    background: none;
    color: #000;
  }

  .page-disclaimer .terms-hero::before {
    display: none;
  }

  .page-disclaimer .terms-hero__title,
  .page-disclaimer .terms-hero__lead,
  .page-disclaimer .terms-hero__status-text,
  .page-disclaimer .terms-article h2,
  .page-disclaimer .terms-article__copy p,
  .page-disclaimer .terms-outro h2,
  .page-disclaimer .terms-outro p {
    color: #000;
  }

  .page-disclaimer .terms-hero__status {
    background: none;
    border-color: #999;
  }

  .page-disclaimer .terms-body__grid {
    display: block;
  }

  .page-disclaimer .terms-article {
    page-break-inside: avoid;
  }

  .page-disclaimer .terms-outro {
    background: none;
    border-top: 1px solid #999;
  }
}
