.page-disclaimer{
  --terms-gap:clamp(16px,2.6vw,26px);
  --terms-num-w:52px;
  --terms-card-bg:rgba(14,47,39,.66);
  padding-bottom:clamp(48px,8vw,96px);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .terms-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(20px,4vw,48px) 0 clamp(34px,6vw,64px);
  background:
    radial-gradient(120% 90% at 88% -10%,rgba(59,47,92,.62) 0%,rgba(8,31,26,0) 62%),
    radial-gradient(80% 70% at -6% 106%,rgba(56,242,207,.14) 0%,rgba(8,31,26,0) 66%);
}
.page-disclaimer .terms-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(28,74,63,.42) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(28,74,63,.32) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(100% 80% at 70% 20%,#000 0%,transparent 78%);
  -webkit-mask-image:radial-gradient(100% 80% at 70% 20%,#000 0%,transparent 78%);
}
.page-disclaimer .breadcrumbs{
  position:relative;
  z-index:1;
  margin-bottom:clamp(18px,3vw,30px);
  font-size:13px;
}
.page-disclaimer .terms-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:clamp(24px,4vw,44px);
  align-items:center;
}
.page-disclaimer .terms-hero__copy h1{
  margin:10px 0 18px;
  font-size:clamp(34px,7.6vw,60px);
  line-height:1.12;
  letter-spacing:.02em;
  color:var(--white);
}
.page-disclaimer .terms-hero__copy .lead{
  max-width:56ch;
  color:var(--text);
  font-size:clamp(15px,2.4vw,17px);
  line-height:1.78;
}
.page-disclaimer .terms-hero__pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.page-disclaimer .terms-hero__media{
  position:relative;
  margin:0;
  border-radius:var(--r-xl);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  transform:rotate(-2.4deg);
}
.page-disclaimer .terms-hero__media img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}
.page-disclaimer .terms-scan{
  position:absolute;
  inset:-20%;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 34%,rgba(56,242,207,.20) 48%,rgba(217,179,108,.12) 52%,transparent 66%);
  animation:terms-scan 12s linear infinite;
}
@keyframes terms-scan{
  0%{transform:translate3d(-38%,0,0);}
  100%{transform:translate3d(38%,0,0);}
}

/* ---------- 正文骨架 ---------- */
.page-disclaimer .terms-body{
  display:grid;
  gap:clamp(20px,3.4vw,40px);
  align-items:start;
}

/* ---------- 目录轨道 ---------- */
.page-disclaimer .terms-toc{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:4px 0 10px;
  scrollbar-width:thin;
  border-bottom:1px solid var(--line);
}
.page-disclaimer .terms-toc .toc-title{
  flex:0 0 auto;
  align-self:center;
  margin:0 4px 0 0;
  font-size:12px;
  letter-spacing:.22em;
  color:var(--gold);
  white-space:nowrap;
}
.page-disclaimer .terms-toc .toc-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:baseline;
  gap:7px;
  padding:8px 14px;
  border-radius:var(--r-pill);
  border:1px solid rgba(28,74,63,.95);
  background:rgba(8,31,26,.72);
  color:var(--text);
  font-size:13px;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
  transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}
.page-disclaimer .terms-toc .toc-link:hover,
.page-disclaimer .terms-toc .toc-link:focus-visible{
  color:var(--cyan);
  border-color:rgba(56,242,207,.6);
}
.page-disclaimer .terms-toc .toc-link[aria-current]{
  color:var(--ink);
  background:var(--cyan);
  border-color:var(--cyan);
}
.page-disclaimer .terms-toc__num{
  font-family:var(--font-num);
  font-size:15px;
  letter-spacing:.06em;
  color:var(--gold);
}
.page-disclaimer .terms-toc .toc-link[aria-current] .terms-toc__num{
  color:var(--ink);
}

/* ---------- 条款卡片 ---------- */
.page-disclaimer .terms-flow{
  display:flex;
  flex-direction:column;
  gap:var(--terms-gap);
  min-width:0;
}
.page-disclaimer .clause{
  position:relative;
  display:grid;
  grid-template-columns:var(--terms-num-w) minmax(0,1fr);
  gap:clamp(12px,2.2vw,24px);
  padding:clamp(18px,3.2vw,34px);
  border:1px solid rgba(28,74,63,.95);
  border-radius:var(--r-xl);
  background:var(--terms-card-bg);
  box-shadow:var(--shadow);
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.page-disclaimer .clause::before{
  content:"";
  position:absolute;
  top:0;
  left:clamp(20px,3vw,34px);
  right:clamp(20px,3vw,34px);
  height:1px;
  background:linear-gradient(90deg,rgba(56,242,207,.75),rgba(217,179,108,.55),transparent 82%);
}
.page-disclaimer .clause:hover,
.page-disclaimer .clause:focus-within{
  border-color:rgba(56,242,207,.55);
  transform:translateY(-2px);
}
.page-disclaimer .clause__num{
  position:relative;
  align-self:start;
  font-family:var(--font-num);
  font-size:clamp(34px,6vw,54px);
  line-height:.86;
  letter-spacing:.02em;
  color:rgba(217,179,108,.42);
  -webkit-text-stroke:1px rgba(217,179,108,.55);
  transition:color .3s var(--ease);
}
.page-disclaimer .clause:hover .clause__num,
.page-disclaimer .clause:focus-within .clause__num{
  color:rgba(56,242,207,.55);
  -webkit-text-stroke:1px rgba(56,242,207,.85);
}
.page-disclaimer .clause__num::after{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  width:1px;
  height:calc(var(--terms-gap) + 14px);
  background:linear-gradient(to bottom,rgba(217,179,108,.7),rgba(217,179,108,0));
}
.page-disclaimer .clause:last-child .clause__num::after{
  display:none;
}
.page-disclaimer .clause__body{
  min-width:0;
}
.page-disclaimer .clause__body h2{
  margin:0 0 12px;
  font-size:clamp(21px,3.6vw,28px);
  letter-spacing:.06em;
  color:var(--white);
}
.page-disclaimer .clause__body p{
  margin:0 0 12px;
  color:var(--text);
  font-size:clamp(15px,2.2vw,16.5px);
  line-height:1.78;
  max-width:66ch;
}
.page-disclaimer .clause__body p:last-child{
  margin-bottom:0;
}
.page-disclaimer .clause__body a{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(56,242,207,.42);
  transition:border-color .25s var(--ease),color .25s var(--ease);
}
.page-disclaimer .clause__body a:hover,
.page-disclaimer .clause__body a:focus-visible{
  color:var(--white);
  border-bottom-color:var(--white);
}
.page-disclaimer .clause__list{
  list-style:none;
  margin:6px 0 16px;
  padding:0;
  display:grid;
  gap:9px;
}
.page-disclaimer .clause__list li{
  position:relative;
  padding-left:22px;
  color:var(--text);
  font-size:clamp(14px,2vw,15.5px);
  line-height:1.72;
}
.page-disclaimer .clause__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:9px;
  height:2px;
  border-radius:2px;
  background:var(--cyan);
}
.page-disclaimer .clause__flag{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:6px;
  padding:12px 16px;
  border-radius:var(--r-md);
  border:1px solid rgba(255,138,61,.42);
  background:rgba(91,39,56,.30);
  color:var(--text);
  font-size:14px;
  line-height:1.7;
}
.page-disclaimer .clause__flag .pill{
  flex:0 0 auto;
}

/* ---------- 联系方式块 ---------- */
.page-disclaimer .terms-contact{
  display:grid;
  gap:10px;
  margin:6px 0 16px;
  padding:clamp(14px,2.6vw,20px);
  border:1px dashed rgba(28,74,63,.95);
  border-radius:var(--r-lg);
  background:rgba(8,31,26,.55);
}
.page-disclaimer .terms-contact__row{
  display:grid;
  gap:4px;
}
.page-disclaimer .terms-contact__label{
  font-size:12px;
  letter-spacing:.2em;
  color:var(--gold);
}
.page-disclaimer .terms-contact__value{
  color:var(--white);
  font-size:15px;
  line-height:1.6;
  word-break:break-word;
}
.page-disclaimer .terms-copy{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:100%;
  font-family:var(--font-num);
  font-size:16px;
  letter-spacing:.04em;
  word-break:break-all;
  text-align:left;
}
.page-disclaimer .terms-copy .copy-btn-hint{
  flex:0 0 auto;
  font-family:var(--font-sans);
  font-size:12px;
  letter-spacing:.12em;
  color:var(--orange);
}
.page-disclaimer .terms-contact__links{
  color:var(--text);
  font-size:14px;
  line-height:1.75;
}
.page-disclaimer .terms-top{
  margin-top:6px;
  align-self:flex-start;
  display:inline-flex;
}

@media (min-width:900px){
  .page-disclaimer .terms-body{
    grid-template-columns:minmax(0,206px) minmax(0,1fr);
    gap:clamp(28px,3.4vw,52px);
  }
  .page-disclaimer .terms-toc{
    position:sticky;
    top:calc(var(--bar) + 20px);
    flex-direction:column;
    gap:6px;
    overflow:visible;
    padding:0 0 0 16px;
    border-bottom:0;
    border-left:1px solid var(--line);
  }
  .page-disclaimer .terms-toc .toc-title{
    margin:0 0 8px;
  }
  .page-disclaimer .terms-toc .toc-link{
    padding:9px 12px;
    border-radius:var(--r-md);
    border-color:transparent;
    background:transparent;
  }
  .page-disclaimer .terms-toc .toc-link:hover,
  .page-disclaimer .terms-toc .toc-link:focus-visible{
    background:rgba(28,74,63,.55);
    border-color:rgba(56,242,207,.35);
  }
  .page-disclaimer .terms-toc .toc-link[aria-current]{
    color:var(--ink);
    background:var(--cyan);
    border-color:var(--cyan);
  }
  .page-disclaimer .terms-hero__grid{
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    gap:clamp(32px,4vw,64px);
  }
  .page-disclaimer .terms-hero__media{
    transform:rotate(-3.6deg);
  }
  .page-disclaimer .clause{
    grid-template-columns:88px minmax(0,1fr);
  }
  .page-disclaimer .clause__num{
    font-size:clamp(52px,5vw,72px);
  }
  .page-disclaimer .terms-contact__row{
    grid-template-columns:96px minmax(0,1fr);
    align-items:baseline;
    gap:14px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .terms-scan{
    animation:none;
    opacity:0;
  }
  .page-disclaimer .clause{
    transition:none;
  }
  .page-disclaimer .clause:hover,
  .page-disclaimer .clause:focus-within{
    transform:none;
  }
}
</style>
<<<END>>>

Wait — I accidentally included a `</style>` tag. Remove it. Output must end with PAGE_CSS content without style tags.

Let me correct: no `</style>`, no `<<<END>>>` since markers only three specified. The instruction says output markers in order: MAIN_HTML then PAGE_CSS, each once. So I should end after CSS. Let me remove the trailing `</style>` and `<<<END>>>`.

Also is `@media (min-width:900px)` present — yes, satisfies media query requirement.

Also I used `.pill--orange` inside `.clause__flag` — the pill class styles from shared. Fine.

Also `aria-hidden` on clause numbers but they're duplicated in toc — fine, but hover reveals number is just styling.

One issue: `.page-disclaimer .terms-hero__media` rotate(-2.4deg) on mobile may cause horizontal overflow. container has gutters; rotation of a full-width image could overflow. Add `overflow:hidden` on hero section — it has `overflow:hidden`. Good, so no horizontal page overflow.

Rewrite final output cleanly.
<main id="main-content" class="page-disclaimer">
  <section class="terms-hero">
    <div class="container">
      <nav class="breadcrumbs" aria-label="面包屑导航">
        <ol>
          <li><a href="/">首页</a></li>
          <li aria-current="page">使用条款</li>
        </ol>
      </nav>

      <div class="terms-hero__grid">
        <div class="terms-hero__copy">
          <p class="eyebrow">会馆规则 · 使用条款</p>
          <h1>规则摆在明面上，追现场才踏实</h1>
          <p class="lead">7娱乐会馆把演出资讯、场馆预约、平板端工具和记录查询串成一条服务链。这份条款告诉你，哪些事你可以放心做、哪些做法会影响到别人，以及碰到问题时我们能帮你到什么程度。</p>
          <div class="terms-hero__pills">
            <span class="pill">服务范围</span>
            <span class="pill">账户与记录</span>
            <span class="pill pill--gold">内容使用</span>
            <span class="pill pill--orange">重要提示</span>
          </div>
        </div>

        <figure class="terms-hero__media">
          <img src="{zhanqunpic:h:700w:1400}" width="1400" height="700" alt="深墨绿背景上的抽象条款网格、编号线与扫描光带，不出现人物">
          <span class="terms-scan" aria-hidden="true"></span>
        </figure>
      </div>
    </div>
  </section>

  <div class="container terms-body">
    <aside class="toc terms-toc" aria-label="条款目录">
      <p class="toc-title">条款目录</p>
      <a class="toc-link" data-toc-link="clause-01" href="#clause-01"><span class="terms-toc__num">01</span><span>服务范围说明</span></a>
      <a class="toc-link" data-toc-link="clause-02" href="#clause-02"><span class="terms-toc__num">02</span><span>账户与记录使用</span></a>
      <a class="toc-link" data-toc-link="clause-03" href="#clause-03"><span class="terms-toc__num">03</span><span>内容与知识产权</span></a>
      <a class="toc-link" data-toc-link="clause-04" href="#clause-04"><span class="terms-toc__num">04</span><span>第三方链接</span></a>
      <a class="toc-link" data-toc-link="clause-05" href="#clause-05"><span class="terms-toc__num">05</span><span>条款更新与联系</span></a>
    </aside>

    <div class="terms-flow">
      <article class="clause" id="clause-01" data-reveal>
        <div class="clause__num" aria-hidden="true">01</div>
        <div class="clause__body">
          <h2>服务范围说明</h2>
          <p>进入这个站点，你能办的事大致是这几类：翻最近的演出安排和场馆信息、预约到店行程并安排现场陪伴、进<a href="/apps/">应用中心</a>使用平板端工具、看清一次追现场的费用由哪些项目组成，最后回到记录里把这一趟找出来。</p>
          <ul class="clause__list">
            <li>演出资讯与会馆动态：查看近期场次、场馆位置与观演建议，见<a href="/news/">会馆动态</a>。</li>
            <li>场馆预约与现场陪伴：确定日期与场次后安排到店行程，遇到临时变动可联系客服调整。</li>
            <li>应用中心：平板端适配、费用明细、记录查询与玩法对照四个常用模块集中在这里。</li>
            <li>费用与记录：设备使用、现场服务、内容包与增值选项逐项列出，确认之前你都可以展开看。</li>
          </ul>
          <p class="note-text">具体能约到哪一场、用哪台设备、花多少，以你提交需求后我们给出的确认为准；页面上的介绍用于帮你提前判断和挑选。</p>
        </div>
      </article>

      <article class="clause" id="clause-02" data-reveal>
        <div class="clause__num" aria-hidden="true">02</div>
        <div class="clause__body">
          <h2>账户与记录使用</h2>
          <p>记录明细保存近 13 个自然月内的观演与消费情况，你可以按月份、场馆和项目一层层筛出想找的那一笔。这份记录属于你自己，查询时请使用本人的账户信息，邮件里附上的注册手机号后四位也应当是你本人的。</p>
          <ul class="clause__list">
            <li>账户仅限本人使用，不要把登录信息交给他人代查代操作。</li>
            <li>不要冒用他人手机号后四位，也不要替他人批量调取记录。</li>
            <li>不要用脚本抓取页面、刷接口或做任何影响系统正常运转的操作。</li>
            <li>发现账户有异常登录或记录对不上，尽快联系客服，我们会协助你一起核对。</li>
          </ul>
          <p class="clause__flag"><span class="pill pill--orange">重要提示</span> 一旦出现冒用他人信息或干扰系统的行为，我们可能暂停相关查询入口的使用，并把情况记录下来。</p>
        </div>
      </article>

      <article class="clause" id="clause-03" data-reveal>
        <div class="clause__num" aria-hidden="true">03</div>
        <div class="clause__body">
          <h2>内容与知识产权</h2>
          <p>站内的文字、现场图片、界面设计、《现场手记》专题和玩法术语说明，由会馆编辑团队与内容合作方一起完成，背后是十二年积累下来的采访、攻略和版本记录。这些内容你可以为了自己的观演准备而阅读、收藏、把链接转给同行的人。</p>
          <ul class="clause__list">
            <li>整篇复制到其他平台、用于商业展示或二次发布，需要先取得我们的书面许可。</li>
            <li>引用片段时保留来源与原本的意思，不要改完再署上别人的名字。</li>
            <li>想合作转载、做专题共建，欢迎走<a href="/connect/">联系通道</a>说明用途与范围。</li>
          </ul>
        </div>
      </article>

      <article class="clause" id="clause-04" data-reveal>
        <div class="clause__num" aria-hidden="true">04</div>
        <div class="clause__body">
          <h2>第三方链接与内容判断</h2>
          <p>厂商专区汇集了设备与服务供应商的入口，其中一部分指向由合作方自己运营的页面，用于平板租赁、配件借用与现场技术支持。这些页面的内容、报价和可用时段由对方维护，你在点击之前可以先看清服务范围，再决定要不要继续。</p>
          <ul class="clause__list">
            <li>第三方页面上的价格与承诺，以对方给出的确认信息为准。</li>
            <li>链接打不开、打开后与描述不符，发邮件告诉我们，工作日会有人跟进处理。</li>
            <li>对方页面上要求你提供的信息，请先判断是否真的必要再填写。</li>
          </ul>
          <p class="note-text">想先了解我们自己的费用构成，可以回到<a href="/apps/">应用中心</a>逐项展开，再和厂商报价放在一起比较。</p>
        </div>
      </article>

      <article class="clause" id="clause-05" data-reveal>
        <div class="clause__num" aria-hidden="true">05</div>
        <div class="clause__body">
          <h2>条款更新与联系</h2>
          <p>服务内容调整时，这份条款会跟着改。新版发布在本页，主要变化会在会馆动态里说明；如果你在新版发布后继续使用站内功能，我们视为了解并接受调整后的写法。</p>
          <p>对条款有疑问，或者遇到需要人来判断的情况，按下面的方式找到我们：</p>

          <div class="terms-contact">
            <div class="terms-contact__row">
              <span class="terms-contact__label">客服邮箱</span>
              <button class="btn btn--ghost copy-btn terms-copy" type="button" data-copy="contact@chase-c7.com.cn">contact@chase-c7.com.cn<span class="copy-btn-hint">复制</span></button>
            </div>
            <div class="terms-contact__row">
              <span class="terms-contact__label">服务电话</span>
              <span class="terms-contact__value">400-3110-8008</span>
            </div>
            <div class="terms-contact__row">
              <span class="terms-contact__label">会馆地址</span>
              <span class="terms-contact__value">云南省昆明市五华区翠湖西路22号7娱乐会馆</span>
            </div>
          </div>

          <p class="note-text">邮箱与电话为站点客服渠道，工作日10:00—18:00内回复；查询上个月记录时请附注册手机号后四位。</p>

          <p class="terms-contact__links">
            关于个人信息怎么处理，见<a href="/privacy-notice/">隐私声明</a>；合作与本地服务查询，可从<a href="/connect/">联系通道</a>进入。
          </p>

          <a class="btn btn--primary terms-top" data-to-top href="#main-content">回到顶部</a>
        </div>
      </article>
    </div>
  </div>
</main>

.page-disclaimer{
  --terms-gap:clamp(16px,2.6vw,26px);
  --terms-num-w:52px;
  --terms-card-bg:rgba(14,47,39,.66);
  padding-bottom:clamp(48px,8vw,96px);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .terms-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(20px,4vw,48px) 0 clamp(34px,6vw,64px);
  background:
    radial-gradient(120% 90% at 88% -10%,rgba(59,47,92,.62) 0%,rgba(8,31,26,0) 62%),
    radial-gradient(80% 70% at -6% 106%,rgba(56,242,207,.14) 0%,rgba(8,31,26,0) 66%);
}
.page-disclaimer .terms-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(28,74,63,.42) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(28,74,63,.32) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(100% 80% at 70% 20%,#000 0%,transparent 78%);
  mask-image:radial-gradient(100% 80% at 70% 20%,#000 0%,transparent 78%);
}
.page-disclaimer .breadcrumbs{
  position:relative;
  z-index:1;
  margin-bottom:clamp(18px,3vw,30px);
  font-size:13px;
}
.page-disclaimer .terms-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:clamp(24px,4vw,44px);
  align-items:center;
}
.page-disclaimer .terms-hero__copy h1{
  margin:10px 0 18px;
  font-size:clamp(34px,7.6vw,60px);
  line-height:1.12;
  letter-spacing:.02em;
  color:var(--white);
}
.page-disclaimer .terms-hero__copy .lead{
  max-width:56ch;
  color:var(--text);
  font-size:clamp(15px,2.4vw,17px);
  line-height:1.78;
}
.page-disclaimer .terms-hero__pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.page-disclaimer .terms-hero__media{
  position:relative;
  margin:0;
  border-radius:var(--r-xl);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  transform:rotate(-2.4deg);
}
.page-disclaimer .terms-hero__media img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.page-disclaimer .terms-scan{
  position:absolute;
  inset:-20%;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 34%,rgba(56,242,207,.20) 48%,rgba(217,179,108,.12) 52%,transparent 66%);
  animation:terms-scan 12s linear infinite;
}
@keyframes terms-scan{
  0%{transform:translate3d(-38%,0,0);}
  100%{transform:translate3d(38%,0,0);}
}

/* ---------- 正文骨架 ---------- */
.page-disclaimer .terms-body{
  display:grid;
  gap:clamp(20px,3.4vw,40px);
  align-items:start;
}

/* ---------- 条款目录 ---------- */
.page-disclaimer .terms-toc{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:4px 0 10px;
  border-bottom:1px solid var(--line);
  scrollbar-width:thin;
}
.page-disclaimer .terms-toc .toc-title{
  flex:0 0 auto;
  align-self:center;
  margin:0 4px 0 0;
  font-size:12px;
  letter-spacing:.22em;
  color:var(--gold);
  white-space:nowrap;
}
.page-disclaimer .terms-toc .toc-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:baseline;
  gap:7px;
  padding:8px 14px;
  border-radius:var(--r-pill);
  border:1px solid rgba(28,74,63,.95);
  background:rgba(8,31,26,.72);
  color:var(--text);
  font-size:13px;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
  transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}
.page-disclaimer .terms-toc .toc-link:hover,
.page-disclaimer .terms-toc .toc-link:focus-visible{
  color:var(--cyan);
  border-color:rgba(56,242,207,.6);
}
.page-disclaimer .terms-toc .toc-link[aria-current]{
  color:var(--ink);
  background:var(--cyan);
  border-color:var(--cyan);
}
.page-disclaimer .terms-toc__num{
  font-family:var(--font-num);
  font-size:15px;
  letter-spacing:.06em;
  color:var(--gold);
}
.page-disclaimer .terms-toc .toc-link[aria-current] .terms-toc__num{
  color:var(--ink);
}

/* ---------- 条款卡片 ---------- */
.page-disclaimer .terms-flow{
  display:flex;
  flex-direction:column;
  gap:var(--terms-gap);
  min-width:0;
}
.page-disclaimer .clause{
  position:relative;
  display:grid;
  grid-template-columns:var(--terms-num-w) minmax(0,1fr);
  gap:clamp(12px,2.2vw,24px);
  padding:clamp(18px,3.2vw,34px);
  border:1px solid rgba(28,74,63,.95);
  border-radius:var(--r-xl);
  background:var(--terms-card-bg);
  box-shadow:var(--shadow);
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.page-disclaimer .clause::before{
  content:"";
  position:absolute;
  top:0;
  left:clamp(20px,3vw,34px);
  right:clamp(20px,3vw,34px);
  height:1px;
  background:linear-gradient(90deg,rgba(56,242,207,.75),rgba(217,179,108,.55),transparent 82%);
}
.page-disclaimer .clause:hover,
.page-disclaimer .clause:focus-within{
  border-color:rgba(56,242,207,.55);
  transform:translateY(-2px);
}
.page-disclaimer .clause__num{
  position:relative;
  align-self:start;
  font-family:var(--font-num);
  font-size:clamp(34px,6vw,54px);
  line-height:.86;
  letter-spacing:.02em;
  color:rgba(217,179,108,.42);
  -webkit-text-stroke:1px rgba(217,179,108,.55);
  transition:color .3s var(--ease),-webkit-text-stroke-color .3s var(--ease);
}
.page-disclaimer .clause:hover .clause__num,
.page-disclaimer .clause:focus-within .clause__num{
  color:rgba(56,242,207,.5);
  -webkit-text-stroke:1px rgba(56,242,207,.85);
}
.page-disclaimer .clause__num::after{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  width:1px;
  height:calc(var(--terms-gap) + 14px);
  background:linear-gradient(to bottom,rgba(217,179,108,.7),rgba(217,179,108,0));
}
.page-disclaimer .clause:last-child .clause__num::after{
  display:none;
}
.page-disclaimer .clause__body{
  min-width:0;
}
.page-disclaimer .clause__body h2{
  margin:0 0 12px;
  font-size:clamp(21px,3.6vw,28px);
  letter-spacing:.06em;
  color:var(--white);
}
.page-disclaimer .clause__body p{
  margin:0 0 12px;
  max-width:66ch;
  color:var(--text);
  font-size:clamp(15px,2.2vw,16.5px);
  line-height:1.78;
}
.page-disclaimer .clause__body p:last-child{
  margin-bottom:0;
}
.page-disclaimer .clause__body a{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(56,242,207,.42);
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.page-disclaimer .clause__body a:hover,
.page-disclaimer .clause__body a:focus-visible{
  color:var(--white);
  border-bottom-color:var(--white);
}
.page-disclaimer .clause__list{
  list-style:none;
  margin:6px 0 16px;
  padding:0;
  display:grid;
  gap:9px;
}
.page-disclaimer .clause__list li{
  position:relative;
  padding-left:22px;
  color:var(--text);
  font-size:clamp(14px,2vw,15.5px);
  line-height:1.72;
}
.page-disclaimer .clause__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:9px;
  height:2px;
  border-radius:2px;
  background:var(--cyan);
}
.page-disclaimer .clause__flag{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:6px;
  padding:12px 16px;
  border-radius:var(--r-md);
  border:1px solid rgba(255,138,61,.42);
  background:rgba(91,39,56,.3);
  color:var(--text);
  font-size:14px;
  line-height:1.7;
}
.page-disclaimer .clause__flag .pill{
  flex:0 0 auto;
}

/* ---------- 联系区块 ---------- */
.page-disclaimer .terms-contact{
  display:grid;
  gap:10px;
  margin:6px 0 16px;
  padding:clamp(14px,2.6vw,20px);
  border:1px dashed rgba(28,74,63,.95);
  border-radius:var(--r-lg);
  background:rgba(8,31,26,.55);
}
.page-disclaimer .terms-contact__row{
  display:grid;
  gap:4px;
}
.page-disclaimer .terms-contact__label{
  font-size:12px;
  letter-spacing:.2em;
  color:var(--gold);
}
.page-disclaimer .terms-contact__value{
  color:var(--white);
  font-size:15px;
  line-height:1.6;
  word-break:break-word;
}
.page-disclaimer .terms-copy{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:100%;
  font-family:var(--font-num);
  font-size:16px;
  letter-spacing:.04em;
  text-align:left;
  word-break:break-all;
}
.page-disclaimer .terms-copy .copy-btn-hint{
  flex:0 0 auto;
  font-family:var(--font-sans);
  font-size:12px;
  letter-spacing:.12em;
  color:var(--orange);
}
.page-disclaimer .terms-contact__links{
  color:var(--text);
  font-size:14px;
  line-height:1.75;
}
.page-disclaimer .terms-top{
  display:inline-flex;
  align-self:flex-start;
  margin-top:6px;
}

@media (min-width:900px){
  .page-disclaimer .terms-body{
    grid-template-columns:minmax(0,206px) minmax(0,1fr);
    gap:clamp(28px,3.4vw,52px);
  }
  .page-disclaimer .terms-toc{
    position:sticky;
    top:calc(var(--bar) + 20px);
    flex-direction:column;
    gap:6px;
    overflow:visible;
    padding:0 0 0 16px;
    border-bottom:0;
    border-left:1px solid var(--line);
  }
  .page-disclaimer .terms-toc .toc-title{
    margin:0 0 8px;
  }
  .page-disclaimer .terms-toc .toc-link{
    padding:9px 12px;
    border-radius:var(--r-md);
    border-color:transparent;
    background:transparent;
  }
  .page-disclaimer .terms-toc .toc-link:hover,
  .page-disclaimer .terms-toc .toc-link:focus-visible{
    background:rgba(28,74,63,.55);
    border-color:rgba(56,242,207,.35);
  }
  .page-disclaimer .terms-hero__grid{
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    gap:clamp(32px,4vw,64px);
  }
  .page-disclaimer .terms-hero__media{
    transform:rotate(-3.6deg);
  }
  .page-disclaimer .clause{
    grid-template-columns:88px minmax(0,1fr);
  }
  .page-disclaimer .clause__num{
    font-size:clamp(52px,5vw,72px);
  }
  .page-disclaimer .terms-contact__row{
    grid-template-columns:96px minmax(0,1fr);
    align-items:baseline;
    gap:14px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .terms-scan{
    animation:none;
    opacity:0;
  }
  .page-disclaimer .clause{
    transition:none;
  }
  .page-disclaimer .clause:hover,
  .page-disclaimer .clause:focus-within{
    transform:none;
  }
}