.page-disclaimer{
  --pd-line: rgba(39, 74, 115, .85);
  --pd-panel: linear-gradient(100deg, rgba(13, 45, 82, .92), rgba(7, 26, 51, .58));
  --pd-jump-h: 58px;
  color: var(--silver);
  background:
    radial-gradient(70rem 32rem at 86% -12%, rgba(59, 227, 194, .10), transparent 62%),
    radial-gradient(46rem 26rem at 2% 26%, rgba(255, 138, 42, .07), transparent 64%),
    var(--space-void);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .terms-hero{
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(1.5rem, 4vw, 2.4rem) 0 clamp(2.2rem, 5vw, 3.6rem);
  border-bottom: 1px solid var(--pd-line);
}
.page-disclaimer .terms-hero__img{
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  opacity: .40;
}
.page-disclaimer .terms-hero__veil{
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(4, 12, 24, .50) 0%, rgba(4, 12, 24, .88) 62%, var(--space-void) 100%),
    linear-gradient(96deg, var(--space-void) 12%, rgba(4, 12, 24, .30) 66%, transparent 100%);
}
.page-disclaimer .terms-hero__inner{
  position: relative;
  max-width: 68rem;
}
.page-disclaimer .breadcrumbs{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  font-family: var(--font-data);
  font-size: .72rem;
  letter-spacing: .08em;
  color: var(--silver);
}
.page-disclaimer .breadcrumbs a{
  color: var(--pulse);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .25s var(--ease);
}
.page-disclaimer .breadcrumbs a:hover,
.page-disclaimer .breadcrumbs a:focus-visible{
  border-bottom-color: var(--pulse);
}
.page-disclaimer .eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin: 1.1rem 0 0;
  font-family: var(--font-data);
  font-size: .74rem;
  letter-spacing: .16em;
  color: var(--pulse);
}
.page-disclaimer .eyebrow::before{
  content: "";
  width: .42rem;
  height: .42rem;
  border-radius: 50%;
  background: var(--pulse);
  box-shadow: 0 0 12px rgba(59, 227, 194, .9);
}
.page-disclaimer .terms-hero__title{
  margin: .7rem 0 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(2rem, 7vw, 3.3rem);
  line-height: 1.14;
  letter-spacing: .06em;
  color: var(--mist);
}
.page-disclaimer .terms-hero__title::after{
  content: "";
  display: block;
  width: clamp(4.5rem, 16vw, 8rem);
  height: 3px;
  margin-top: 1.1rem;
  background: linear-gradient(90deg, var(--gold), var(--pulse));
  transform: skewX(-24deg);
}
.page-disclaimer .terms-hero__lede{
  max-width: 56ch;
  margin: 1.15rem 0 0;
  font-family: var(--font-ui);
  font-size: clamp(.95rem, 2.4vw, 1.04rem);
  line-height: 1.8;
  color: var(--silver);
}
.page-disclaimer .terms-meta{
  display: grid;
  gap: .55rem;
  margin: 1.7rem 0 0;
  padding: 0;
}
.page-disclaimer .terms-meta__item{
  display: flex;
  align-items: baseline;
  gap: .7rem;
  padding: .5rem 0;
  border-top: 1px solid rgba(39, 74, 115, .6);
}
.page-disclaimer .terms-meta dt{
  flex: 0 0 5.2rem;
  font-family: var(--font-data);
  font-size: .72rem;
  letter-spacing: .1em;
  color: var(--silver);
}
.page-disclaimer .terms-meta dd{
  margin: 0;
  font-family: var(--font-ui);
  font-size: .9rem;
  color: var(--mist);
}
.page-disclaimer .terms-meta dd.num{
  font-family: var(--font-data);
  font-size: 1rem;
  letter-spacing: .06em;
  color: var(--gold-bright);
}

/* ---------- 章节跳转条 ---------- */
.page-disclaimer .terms-jump{
  position: sticky;
  top: var(--header-h);
  z-index: 6;
  background: rgba(7, 26, 51, .94);
  border-bottom: 1px solid var(--edge-blue);
  box-shadow: 0 12px 28px -22px rgba(0, 0, 0, .9);
}
.page-disclaimer .terms-jump__inner{
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .5rem 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.page-disclaimer .terms-jump__inner::-webkit-scrollbar{
  display: none;
}
.page-disclaimer .terms-jump__label{
  flex: 0 0 auto;
  font-family: var(--font-data);
  font-size: .68rem;
  letter-spacing: .14em;
  color: var(--gold-bright);
  padding-right: .8rem;
  border-right: 1px solid var(--edge-blue);
}
.page-disclaimer .terms-jump__list{
  display: flex;
  flex: 0 0 auto;
  gap: .45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-disclaimer .terms-jump__link{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .34rem .7rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: var(--font-ui);
  font-size: .82rem;
  color: var(--silver);
  text-decoration: none;
  white-space: nowrap;
  transition: color .25s var(--ease), border-color .25s var(--ease), background-color .25s var(--ease);
}
.page-disclaimer .terms-jump__link .num{
  font-family: var(--font-data);
  font-size: .7rem;
  letter-spacing: .06em;
  color: var(--panel-blue);
  color: var(--gold);
}
.page-disclaimer .terms-jump__link:hover,
.page-disclaimer .terms-jump__link:focus-visible{
  color: var(--mist);
  border-color: var(--pulse);
  background: rgba(18, 58, 99, .8);
  outline: none;
}

/* ---------- 条款正文 ---------- */
.page-disclaimer .terms-body{
  max-width: 60rem;
  margin: 0 auto;
  padding: clamp(2.1rem, 5vw, 3.5rem) 0 clamp(2.4rem, 5vw, 3.8rem);
  display: grid;
  gap: clamp(1.8rem, 4vw, 2.6rem);
}
.page-disclaimer .term-section{
  display: grid;
  grid-template-columns: 1fr;
  gap: .8rem;
  padding-top: clamp(1.2rem, 3vw, 1.8rem);
  border-top: 1px solid var(--pd-line);
  scroll-margin-top: calc(var(--header-h) + var(--pd-jump-h) + 12px);
}
.page-disclaimer .term-section__no{
  margin: 0;
  font-family: var(--font-data);
  font-size: 1.35rem;
  line-height: 1;
  letter-spacing: .12em;
  color: var(--gold-bright);
  padding-left: .6rem;
  border-left: 2px solid var(--gold);
}
.page-disclaimer .term-section__main h2{
  margin: 0 0 .85rem;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(1.16rem, 3vw, 1.5rem);
  line-height: 1.3;
  letter-spacing: .05em;
  color: var(--mist);
}
.page-disclaimer .term-section__main p{
  margin: 0 0 .9rem;
  max-width: 64ch;
  font-family: var(--font-ui);
  font-size: .94rem;
  line-height: 1.85;
  color: var(--silver);
}
.page-disclaimer .term-section__main p:last-child{
  margin-bottom: 0;
}
.page-disclaimer .term-section__main a{
  color: var(--pulse);
  text-decoration: none;
  border-bottom: 1px solid rgba(59, 227, 194, .45);
  transition: border-color .25s var(--ease), color .25s var(--ease);
}
.page-disclaimer .term-section__main a:hover,
.page-disclaimer .term-section__main a:focus-visible{
  color: var(--mist);
  border-bottom-color: var(--gold);
}
.page-disclaimer .term-section__main strong{
  color: var(--mist);
  font-weight: 700;
}
.page-disclaimer .term-list{
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .62rem;
  max-width: 64ch;
}
.page-disclaimer .term-list li{
  position: relative;
  padding-left: 1.15rem;
  font-family: var(--font-ui);
  font-size: .92rem;
  line-height: 1.8;
  color: var(--silver);
}
.page-disclaimer .term-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: .78rem;
  width: .55rem;
  height: 2px;
  background: var(--pulse);
  transform: skewX(-30deg);
}
.page-disclaimer .terms-note{
  margin: 1.1rem 0 0;
  padding: .85rem 1rem;
  border: 1px solid var(--edge-blue);
  border-left: 3px solid var(--pulse);
  border-radius: var(--radius-s);
  background: var(--pd-panel);
}
.page-disclaimer .terms-note p{
  margin: 0;
  font-size: .88rem;
  line-height: 1.78;
  color: var(--silver);
  max-width: 62ch;
}
.page-disclaimer .terms-contact{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .7rem;
  margin: 1.2rem 0 .9rem;
  padding: .8rem 1rem;
  border: 1px solid var(--edge-blue);
  border-radius: var(--radius-m);
  background: rgba(7, 26, 51, .78);
}
.page-disclaimer .terms-contact__value{
  font-family: var(--font-data);
  font-size: .86rem;
  letter-spacing: .01em;
  color: var(--gold-bright);
  overflow-wrap: anywhere;
}
.page-disclaimer .terms-contact__phone{
  font-family: var(--font-data);
  font-size: .84rem;
  letter-spacing: .02em;
  color: var(--mist);
}
.page-disclaimer .terms-contact__phone .num{
  color: var(--pulse);
}
.page-disclaimer .copy-btn{
  flex: 0 0 auto;
}

/* ---------- 结尾 ---------- */
.page-disclaimer .terms-end{
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--edge-blue);
  background:
    linear-gradient(112deg, rgba(13, 45, 82, .95) 0%, rgba(7, 26, 51, .82) 54%, rgba(4, 12, 24, .96) 100%);
}
.page-disclaimer .terms-end::before{
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: min(46%, 22rem);
  height: 2px;
  background: linear-gradient(90deg, var(--gold), transparent);
}
.page-disclaimer .terms-end__inner{
  display: grid;
  gap: 1.4rem;
  padding: clamp(2rem, 5vw, 3.2rem) 0;
}
.page-disclaimer .terms-end__title{
  margin: .55rem 0 .7rem;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(1.3rem, 4vw, 1.9rem);
  line-height: 1.3;
  letter-spacing: .05em;
  color: var(--mist);
}
.page-disclaimer .terms-end__copy p{
  margin: 0;
  max-width: 52ch;
  font-family: var(--font-ui);
  font-size: .93rem;
  line-height: 1.8;
  color: var(--silver);
}
.page-disclaimer .terms-end__actions{
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  align-items: flex-start;
}

/* ---------- 窄屏与宽屏 ---------- */
@media (min-width: 720px){
  .page-disclaimer .terms-meta{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 1.4rem;
    max-width: 42rem;
  }
  .page-disclaimer .terms-meta__item{
    flex-direction: column;
    align-items: flex-start;
    gap: .3rem;
  }
  .page-disclaimer .terms-meta dt{
    flex: none;
  }
  .page-disclaimer .terms-end__inner{
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2rem;
  }
  .page-disclaimer .terms-end__actions{
    justify-content: flex-end;
  }
}

@media (min-width: 900px){
  .page-disclaimer .term-section{
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 0 1.9rem;
  }
  .page-disclaimer .term-section__no{
    font-size: 1.75rem;
    padding-top: .18rem;
  }
  .page-disclaimer .terms-body{
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

@media (max-width: 420px){
  .page-disclaimer .terms-jump__label{
    display: none;
  }
  .page-disclaimer .terms-contact{
    padding: .7rem .8rem;
  }
}

@media print{
  .page-disclaimer{
    background: #ffffff;
    color: #111111;
  }
  .page-disclaimer .terms-hero__img,
  .page-disclaimer .terms-hero__veil,
  .page-disclaimer .terms-jump,
  .page-disclaimer .terms-end,
  .page-disclaimer .copy-btn{
    display: none !important;
  }
  .page-disclaimer .terms-hero,
  .page-disclaimer .terms-body{
    padding-top: 0;
  }
  .page-disclaimer .terms-hero__title,
  .page-disclaimer .term-section__main h2{
    color: #000000;
  }
  .page-disclaimer .terms-hero__lede,
  .page-disclaimer .term-section__main p,
  .page-disclaimer .term-list li{
    color: #222222;
  }
}


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

  <header class="terms-hero">
    <img class="terms-hero__img" src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="深空蓝背景上叠合书页秩序线与球场边线，表达规则与赛场秩序">
    <div class="terms-hero__veil" aria-hidden="true"></div>
    <div class="shell terms-hero__inner">
      <nav class="breadcrumbs" aria-label="面包屑">
        <a href="/">首页</a>
        <span aria-hidden="true">/</span>
        <span>使用条款</span>
      </nav>
      <p class="eyebrow">站点使用规则</p>
      <h1 class="terms-hero__title">使用条款</h1>
      <p class="terms-hero__lede">在浩瀚体育订阅球队、导出赛程或翻阅专题之前，先花几分钟读完这份条款。它讲清楚你能怎样使用这些功能，也讲清楚赛程与排名是怎样送到你眼前的。</p>
      <dl class="terms-meta">
        <div class="terms-meta__item">
          <dt>当前版本</dt>
          <dd class="num">6.0</dd>
        </div>
        <div class="terms-meta__item">
          <dt>适用页面</dt>
          <dd>官网与移动端全部页面</dd>
        </div>
        <div class="terms-meta__item">
          <dt>最近修订</dt>
          <dd>本赛季</dd>
        </div>
      </dl>
    </div>
  </header>

  <nav class="terms-jump" aria-label="条款章节快速跳转">
    <div class="shell terms-jump__inner">
      <span class="terms-jump__label">条款目录</span>
      <ul class="terms-jump__list">
        <li><a class="terms-jump__link" href="#scope"><span class="num">01</span>服务范围</a></li>
        <li><a class="terms-jump__link" href="#access"><span class="num">02</span>账号与访问</a></li>
        <li><a class="terms-jump__link" href="#ip"><span class="num">03</span>内容与版权</a></li>
        <li><a class="terms-jump__link" href="#data"><span class="num">04</span>赛程与排名</a></li>
        <li><a class="terms-jump__link" href="#third-party"><span class="num">05</span>外部与第三方</a></li>
        <li><a class="terms-jump__link" href="#updates"><span class="num">06</span>更新与联系</a></li>
      </ul>
    </div>
  </nav>

  <div class="shell">
    <div class="terms-body">

      <article class="term-section" id="scope" data-reveal>
        <p class="term-section__no num">01</p>
        <div class="term-section__main">
          <h2>服务范围</h2>
          <p>浩瀚体育官网聚合 28 个主流联赛与杯赛的赛程、排名和球队资料，围绕观赛前的准备提供四类常用能力。你打开页面、订阅球队或把赛程存进手机，即表示接受本条款的约定；如果对其中某一条不认同，请暂停使用相应功能。</p>
          <ul class="term-list">
            <li><strong>赛程浏览</strong>：按联赛、日期、球队三种条件切换视图；周末连着看两场赛事时，周末双赛模式会把相邻两场的开赛时间、对阵与场地摆进同一个画面。</li>
            <li><strong>球队订阅</strong>：最多同时管理 8 个联赛中的 20 支球队，订阅有变化时会同步到移动端导出列表。</li>
            <li><strong>移动端导出</strong>：支持 ICS、CSV、PDF 三种文件格式，单次最长导出 90 天赛程，导出前可以先看到赛事数量。</li>
            <li><strong>排名查询</strong>：在检索框里输入联赛名，返回联赛积分、胜负场次、净胜分与近期状态四项字段。</li>
          </ul>
          <p>以上功能面向个人观赛与日常查询。若要把赛程、排名或专题文章用于商业发布、二次分发或批量采集，请先通过客服邮箱取得书面许可。</p>
        </div>
      </article>

      <article class="term-section" id="access" data-reveal>
        <p class="term-section__no num">02</p>
        <div class="term-section__main">
          <h2>账号与访问规范</h2>
          <p>账号是你的观赛通行证，订阅的球队、使用记录与导出历史都挂在它下面。为了让你在换手机、换电脑时不必重新设置，请按下面的方式保管和使用：</p>
          <ul class="term-list">
            <li>账号仅供本人使用，不要把登录凭据交给他人，也不要多人共用同一个账号。</li>
            <li>使用记录保留最近 60 天，登录后可在个人中心查看订阅球队、使用记录与导出历史；导出历史保留最近 10 次导出任务。</li>
            <li>请勿以任何方式干扰服务运行，包括高频请求检索与导出接口、使用自动化程序批量抓取页面内容、绕开访问限制或对页面结构进行逆向拆解。</li>
            <li>发现账号异常登录或内容被他人改动时，尽快通过客服邮箱说明情况，我们会在工作日优先处理。</li>
          </ul>
          <div class="terms-note">
            <p>对于明显异常的高频访问，平台会临时限制相应来源的请求，以免影响其他访客在开赛前查询赛程与排名。限制解除后即可正常使用。</p>
          </div>
        </div>
      </article>

      <article class="term-section" id="ip" data-reveal>
        <p class="term-section__no num">03</p>
        <div class="term-section__main">
          <h2>内容与知识产权</h2>
          <p>专题库累计发布 460 篇文章，分属 12 个主题系列，赛季期间每周至少更新 3 篇，关键阶段增加到每周 6 篇。这些文章的文字、配图、数据编排、图形与界面设计，归浩瀚体育及签约的区域体育内容机构所有。</p>
          <p>欢迎在球队群组、球迷社区或自建博客里引用我们的观察，请遵守以下做法：</p>
          <ul class="term-list">
            <li>注明来源“浩瀚体育”并附上原文页面链接，链接指向具体文章页而不是搜索结果。</li>
            <li>保留原文标题与结论，不改写数据、不拆分段落制造与原意相反的表述。</li>
            <li>单篇引用不超过全文的三分之一；整篇转载、结集出版或用于付费课程、商业培训，需要事先取得书面授权。</li>
            <li>站内的图标、版式与视觉元素不单独提供给第三方使用。</li>
          </ul>
        </div>
      </article>

      <article class="term-section" id="data" data-reveal>
        <p class="term-section__no num">04</p>
        <div class="term-section__main">
          <h2>赛程与排名信息</h2>
          <p>赛程与球队资料经过内容三审和赛程双人复核才会对外呈现。赛季期间，重点联赛的赛程每 2 小时复核一次；非赛季阶段每日巡检一次。临时改期、场地调整与开赛时间变动，会按同一流程尽快同步到页面与订阅列表。</p>
          <p>排名检索覆盖联赛积分、胜负场次、净胜分与近期状态四项核心字段，正常网络环境下平均 1.2 秒返回结果。遇到密集赛程日，返回时间可能略有延长，刷新页面即可重新获取。</p>
          <div class="terms-note">
            <p>页面展示的更新时间反映该条信息的最新处理状态。安排出行、购票或线下观赛前，建议再到联赛官方渠道确认一次开赛时间与场地。</p>
          </div>
        </div>
      </article>

      <article class="term-section" id="third-party" data-reveal>
        <p class="term-section__no num">05</p>
        <div class="term-section__main">
          <h2>外部链接与第三方服务</h2>
          <p>导出的文件需要借助你手机或电脑上的软件打开：ICS 文件导入日历应用后会生成日程，CSV 文件需要用表格工具查看，PDF 文件用阅读器打开即可。导入后的提醒时间、重复规则与通知方式，由你所使用的软件设定，导入前请留意其中的时区与默认提醒选项。</p>
          <p>页面中出现的其他站点链接，是为了方便你继续查找资料。这些站点的内容、服务与信息处理方式由对方负责，你在跳转后使用时请阅读对方的相关说明。若发现某个链接已失效或指向不相关的内容，欢迎通过客服邮箱告知。</p>
        </div>
      </article>

      <article class="term-section" id="updates" data-reveal>
        <p class="term-section__no num">06</p>
        <div class="term-section__main">
          <h2>条款更新与联系</h2>
          <p>功能上线、导出格式调整或信息处理方式变化时，本条款会同步修订，当前为第 6 个主要版本。修订后本页顶部的版本号与修订时间会一并更新；涉及订阅、导出与账号的重要变化，还会在首页与专题观察的版本日志中提示，方便你及时了解。</p>
          <p>对条款内容有疑问，或需要申请转载授权、反馈页面问题，可随时来信。客服工作日 9:00-18:00 在线，邮件通常在 1 个工作日内回复；订阅与导出相关问题，请在邮件标题注明“浩瀚体育”，便于快速转交对应同事。</p>
          <div class="terms-contact">
            <span class="terms-contact__value num">email@horizon-sports-haohan.com.cn</span>
            <button class="btn btn--ghost btn--sm copy-btn" type="button" data-copy="email@horizon-sports-haohan.com.cn" data-copy-label="复制邮箱">复制邮箱</button>
          </div>
          <p class="terms-contact__phone">客服电话 <span class="num">18350269456</span>　来信地址：青海省西宁市城西区海晏路65号</p>
          <p>关于个人信息的收集范围、保存期限与删除方式，请查看 <a href="/personal-data/">个人信息说明</a>；需要人工协助时，也可以直接前往 <a href="/reach-us/">联系入口</a>。</p>
        </div>
      </article>

    </div>
  </div>

  <section class="terms-end" aria-labelledby="terms-end-title">
    <div class="shell terms-end__inner">
      <div class="terms-end__copy">
        <p class="eyebrow">读完了，随时开赛</p>
        <h2 id="terms-end-title" class="terms-end__title">条款看明白，入口就在两步之内</h2>
        <p>回到首页输入联赛名即可查看当前排名，也可以直接订阅球队，把接下来的赛程存进手机日历。</p>
      </div>
      <div class="terms-end__actions">
        <a class="btn btn--primary" href="/">进入首页查赛程</a>
        <a class="btn btn--ghost" href="/reach-us/">联系客服</a>
      </div>
    </div>
  </section>

</main>

.page-disclaimer{
  --pd-line: rgba(39, 74, 115, .85);
  --pd-panel: linear-gradient(100deg, rgba(13, 45, 82, .92), rgba(7, 26, 51, .58));
  --pd-jump-h: 58px;
  color: var(--silver);
  background:
    radial-gradient(70rem 32rem at 86% -12%, rgba(59, 227, 194, .10), transparent 62%),
    radial-gradient(46rem 26rem at 2% 26%, rgba(255, 138, 42, .07), transparent 64%),
    var(--space-void);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .terms-hero{
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(1.5rem, 4vw, 2.4rem) 0 clamp(2.2rem, 5vw, 3.6rem);
  border-bottom: 1px solid var(--pd-line);
}
.page-disclaimer .terms-hero__img{
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  opacity: .40;
}
.page-disclaimer .terms-hero__veil{
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(4, 12, 24, .50) 0%, rgba(4, 12, 24, .88) 62%, var(--space-void) 100%),
    linear-gradient(96deg, var(--space-void) 12%, rgba(4, 12, 24, .30) 66%, transparent 100%);
}
.page-disclaimer .terms-hero__inner{
  position: relative;
  max-width: 68rem;
}
.page-disclaimer .breadcrumbs{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  font-family: var(--font-data);
  font-size: .72rem;
  letter-spacing: .08em;
  color: var(--silver);
}
.page-disclaimer .breadcrumbs a{
  color: var(--pulse);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .25s var(--ease);
}
.page-disclaimer .breadcrumbs a:hover,
.page-disclaimer .breadcrumbs a:focus-visible{
  border-bottom-color: var(--pulse);
}
.page-disclaimer .eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin: 1.1rem 0 0;
  font-family: var(--font-data);
  font-size: .74rem;
  letter-spacing: .16em;
  color: var(--pulse);
}
.page-disclaimer .eyebrow::before{
  content: "";
  width: .42rem;
  height: .42rem;
  border-radius: 50%;
  background: var(--pulse);
  box-shadow: 0 0 12px rgba(59, 227, 194, .9);
}
.page-disclaimer .terms-hero__title{
  margin: .7rem 0 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(2rem, 7vw, 3.3rem);
  line-height: 1.14;
  letter-spacing: .06em;
  color: var(--mist);
}
.page-disclaimer .terms-hero__title::after{
  content: "";
  display: block;
  width: clamp(4.5rem, 16vw, 8rem);
  height: 3px;
  margin-top: 1.1rem;
  background: linear-gradient(90deg, var(--gold), var(--pulse));
  transform: skewX(-24deg);
}
.page-disclaimer .terms-hero__lede{
  max-width: 56ch;
  margin: 1.15rem 0 0;
  font-family: var(--font-ui);
  font-size: clamp(.95rem, 2.4vw, 1.04rem);
  line-height: 1.8;
  color: var(--silver);
}
.page-disclaimer .terms-meta{
  display: grid;
  gap: .55rem;
  margin: 1.7rem 0 0;
  padding: 0;
}
.page-disclaimer .terms-meta__item{
  display: flex;
  align-items: baseline;
  gap: .7rem;
  padding: .5rem 0;
  border-top: 1px solid rgba(39, 74, 115, .6);
}
.page-disclaimer .terms-meta dt{
  flex: 0 0 5.2rem;
  font-family: var(--font-data);
  font-size: .72rem;
  letter-spacing: .1em;
  color: var(--silver);
}
.page-disclaimer .terms-meta dd{
  margin: 0;
  font-family: var(--font-ui);
  font-size: .9rem;
  color: var(--mist);
}
.page-disclaimer .terms-meta dd.num{
  font-family: var(--font-data);
  font-size: 1rem;
  letter-spacing: .06em;
  color: var(--gold-bright);
}

/* ---------- 章节跳转条 ---------- */
.page-disclaimer .terms-jump{
  position: sticky;
  top: var(--header-h);
  z-index: 6;
  background: rgba(7, 26, 51, .94);
  border-bottom: 1px solid var(--edge-blue);
  box-shadow: 0 12px 28px -22px rgba(0, 0, 0, .9);
}
.page-disclaimer .terms-jump__inner{
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .5rem 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.page-disclaimer .terms-jump__inner::-webkit-scrollbar{
  display: none;
}
.page-disclaimer .terms-jump__label{
  flex: 0 0 auto;
  font-family: var(--font-data);
  font-size: .68rem;
  letter-spacing: .14em;
  color: var(--gold-bright);
  padding-right: .8rem;
  border-right: 1px solid var(--edge-blue);
}
.page-disclaimer .terms-jump__list{
  display: flex;
  flex: 0 0 auto;
  gap: .45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-disclaimer .terms-jump__link{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .34rem .7rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: var(--font-ui);
  font-size: .82rem;
  color: var(--silver);
  text-decoration: none;
  white-space: nowrap;
  transition: color .25s var(--ease), border-color .25s var(--ease), background-color .25s var(--ease);
}
.page-disclaimer .terms-jump__link .num{
  font-family: var(--font-data);
  font-size: .7rem;
  letter-spacing: .06em;
  color: var(--gold);
}
.page-disclaimer .terms-jump__link:hover,
.page-disclaimer .terms-jump__link:focus-visible{
  color: var(--mist);
  border-color: var(--pulse);
  background: rgba(18, 58, 99, .8);
  outline: none;
}

/* ---------- 条款正文 ---------- */
.page-disclaimer .terms-body{
  max-width: 60rem;
  margin: 0 auto;
  padding: clamp(2.1rem, 5vw, 3.5rem) 0 clamp(2.4rem, 5vw, 3.8rem);
  display: grid;
  gap: clamp(1.8rem, 4vw, 2.6rem);
}
.page-disclaimer .term-section{
  display: grid;
  grid-template-columns: 1fr;
  gap: .8rem;
  padding-top: clamp(1.2rem, 3vw, 1.8rem);
  border-top: 1px solid var(--pd-line);
  scroll-margin-top: calc(var(--header-h) + var(--pd-jump-h) + 12px);
}
.page-disclaimer .term-section__no{
  margin: 0;
  font-family: var(--font-data);
  font-size: 1.35rem;
  line-height: 1;
  letter-spacing: .12em;
  color: var(--gold-bright);
  padding-left: .6rem;
  border-left: 2px solid var(--gold);
}
.page-disclaimer .term-section__main h2{
  margin: 0 0 .85rem;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(1.16rem, 3vw, 1.5rem);
  line-height: 1.3;
  letter-spacing: .05em;
  color: var(--mist);
}
.page-disclaimer .term-section__main p{
  margin: 0 0 .9rem;
  max-width: 64ch;
  font-family: var(--font-ui);
  font-size: .94rem;
  line-height: 1.85;
  color: var(--silver);
}
.page-disclaimer .term-section__main p:last-child{
  margin-bottom: 0;
}
.page-disclaimer .term-section__main a{
  color: var(--pulse);
  text-decoration: none;
  border-bottom: 1px solid rgba(59, 227, 194, .45);
  transition: border-color .25s var(--ease), color .25s var(--ease);
}
.page-disclaimer .term-section__main a:hover,
.page-disclaimer .term-section__main a:focus-visible{
  color: var(--mist);
  border-bottom-color: var(--gold);
}
.page-disclaimer .term-section__main strong{
  color: var(--mist);
  font-weight: 700;
}
.page-disclaimer .term-list{
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .62rem;
  max-width: 64ch;
}
.page-disclaimer .term-list li{
  position: relative;
  padding-left: 1.15rem;
  font-family: var(--font-ui);
  font-size: .92rem;
  line-height: 1.8;
  color: var(--silver);
}
.page-disclaimer .term-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: .78rem;
  width: .55rem;
  height: 2px;
  background: var(--pulse);
  transform: skewX(-30deg);
}
.page-disclaimer .terms-note{
  margin: 1.1rem 0 0;
  padding: .85rem 1rem;
  border: 1px solid var(--edge-blue);
  border-left: 3px solid var(--pulse);
  border-radius: var(--radius-s);
  background: var(--pd-panel);
}
.page-disclaimer .terms-note p{
  margin: 0;
  font-size: .88rem;
  line-height: 1.78;
  color: var(--silver);
  max-width: 62ch;
}
.page-disclaimer .terms-contact{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .7rem;
  margin: 1.2rem 0 .9rem;
  padding: .8rem 1rem;
  border: 1px solid var(--edge-blue);
  border-radius: var(--radius-m);
  background: rgba(7, 26, 51, .78);
}
.page-disclaimer .terms-contact__value{
  font-family: var(--font-data);
  font-size: .86rem;
  letter-spacing: .01em;
  color: var(--gold-bright);
  overflow-wrap: anywhere;
}
.page-disclaimer .terms-contact__phone{
  font-family: var(--font-data);
  font-size: .84rem;
  letter-spacing: .02em;
  color: var(--mist);
}
.page-disclaimer .terms-contact__phone .num{
  color: var(--pulse);
}
.page-disclaimer .copy-btn{
  flex: 0 0 auto;
}

/* ---------- 结尾 ---------- */
.page-disclaimer .terms-end{
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--edge-blue);
  background:
    linear-gradient(112deg, rgba(13, 45, 82, .95) 0%, rgba(7, 26, 51, .82) 54%, rgba(4, 12, 24, .96) 100%);
}
.page-disclaimer .terms-end::before{
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: min(46%, 22rem);
  height: 2px;
  background: linear-gradient(90deg, var(--gold), transparent);
}
.page-disclaimer .terms-end__inner{
  display: grid;
  gap: 1.4rem;
  padding: clamp(2rem, 5vw, 3.2rem) 0;
}
.page-disclaimer .terms-end__title{
  margin: .55rem 0 .7rem;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(1.3rem, 4vw, 1.9rem);
  line-height: 1.3;
  letter-spacing: .05em;
  color: var(--mist);
}
.page-disclaimer .terms-end__copy p{
  margin: 0;
  max-width: 52ch;
  font-family: var(--font-ui);
  font-size: .93rem;
  line-height: 1.8;
  color: var(--silver);
}
.page-disclaimer .terms-end__actions{
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  align-items: flex-start;
}

/* ---------- 窄屏与宽屏 ---------- */
@media (min-width: 720px){
  .page-disclaimer .terms-meta{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 1.4rem;
    max-width: 42rem;
  }
  .page-disclaimer .terms-meta__item{
    flex-direction: column;
    align-items: flex-start;
    gap: .3rem;
  }
  .page-disclaimer .terms-meta dt{
    flex: none;
  }
  .page-disclaimer .terms-end__inner{
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2rem;
  }
  .page-disclaimer .terms-end__actions{
    justify-content: flex-end;
  }
}

@media (min-width: 900px){
  .page-disclaimer .term-section{
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 0 1.9rem;
  }
  .page-disclaimer .term-section__no{
    font-size: 1.75rem;
    padding-top: .18rem;
  }
  .page-disclaimer .terms-body{
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

@media (max-width: 420px){
  .page-disclaimer .terms-jump__label{
    display: none;
  }
  .page-disclaimer .terms-contact{
    padding: .7rem .8rem;
  }
}

@media print{
  .page-disclaimer{
    background: #ffffff;
    color: #111111;
  }
  .page-disclaimer .terms-hero__img,
  .page-disclaimer .terms-hero__veil,
  .page-disclaimer .terms-jump,
  .page-disclaimer .terms-end,
  .page-disclaimer .copy-btn{
    display: none !important;
  }
  .page-disclaimer .terms-hero,
  .page-disclaimer .terms-body{
    padding-top: 0;
  }
  .page-disclaimer .terms-hero__title,
  .page-disclaimer .term-section__main h2{
    color: #000000;
  }
  .page-disclaimer .terms-hero__lede,
  .page-disclaimer .term-section__main p,
  .page-disclaimer .term-list li{
    color: #222222;
  }
}