.page-disclaimer{
  --disc-wine-ink:#DE9CAE;
  --disc-teal-ink:#7FD0C2;
  --disc-blue-ink:#8FB2FF;
  --disc-gap:clamp(1rem,1.8vw,1.5rem);
  background:var(--ink);
  color:var(--silver);
  overflow-x:clip;
}

/* ---------- 顶部横幅 ---------- */
.page-disclaimer .disc-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.page-disclaimer .disc-hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.4;
  filter:saturate(.55) contrast(1.05);
  z-index:-2;
}
.page-disclaimer .disc-hero__veil{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(12,14,18,.55) 0%,rgba(17,19,24,.88) 58%,var(--ink) 100%),
    linear-gradient(104deg,rgba(245,183,0,.18) 0%,rgba(245,183,0,.04) 34%,transparent 62%);
}
.page-disclaimer .disc-hero__inner{
  padding-block:clamp(2.75rem,7vw,5.5rem) clamp(1.75rem,4vw,3.25rem);
}
.page-disclaimer .disc-hero .wk-eyebrow{
  margin:clamp(1.5rem,3vw,2.25rem) 0 .55rem;
}
.page-disclaimer .disc-hero__title{
  margin:0;
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(2.2rem,5.4vw,4.2rem);
  line-height:1.06;
  letter-spacing:-.03em;
  color:var(--mist);
}
.page-disclaimer .disc-hero__lead{
  max-width:60ch;
  margin:1.1rem 0 0;
  font-family:var(--font-serif);
  font-size:clamp(.98rem,1.5vw,1.1rem);
  line-height:1.85;
  color:rgba(201,206,214,.86);
}
.page-disclaimer .disc-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1.75rem;
  margin:clamp(1.5rem,3vw,2.25rem) 0 0;
  padding:1rem 0 0;
  list-style:none;
  border-top:1px solid var(--line-gold);
}
.page-disclaimer .disc-hero__meta li{
  display:flex;
  align-items:baseline;
  gap:.55rem;
  font-size:.82rem;
}
.page-disclaimer .disc-hero__meta-k{
  font-family:var(--font-mono);
  letter-spacing:.12em;
  color:var(--gray);
}
.page-disclaimer .disc-hero__meta-v{
  color:var(--mist);
}
.page-disclaimer .disc-hero__meta-v.wk-num{
  color:var(--gold);
}

/* ---------- 骨架 ---------- */
.page-disclaimer .disc-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.5rem,3vw,2.75rem);
  align-items:start;
  padding-block:clamp(1.75rem,4vw,3rem) clamp(3rem,6vw,4.75rem);
}

/* ---------- 条款目录 ---------- */
.page-disclaimer .disc-toc{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(27,32,41,.94),rgba(17,19,24,.94));
  box-shadow:var(--shadow-plate);
  overflow:hidden;
}
.page-disclaimer .disc-toc__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.9rem 1.05rem;
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.16em;
  color:var(--gold);
  cursor:pointer;
  list-style:none;
  border-bottom:1px solid var(--line-soft);
}
.page-disclaimer .disc-toc__summary::-webkit-details-marker{display:none;}
.page-disclaimer .disc-toc__summary::after{
  content:"";
  width:.46rem;
  height:.46rem;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  transition:transform .22s ease;
}
.page-disclaimer .disc-toc[open] .disc-toc__summary::after{
  transform:rotate(-135deg);
}
.page-disclaimer .disc-rail{
  display:flex;
  flex-direction:column;
  gap:.12rem;
  padding:.55rem;
}
.page-disclaimer .disc-rail__link{
  display:grid;
  grid-template-columns:2rem minmax(0,1fr);
  align-items:baseline;
  gap:.5rem;
  padding:.6rem .7rem;
  border-left:2px solid transparent;
  border-radius:8px;
  font-size:.88rem;
  line-height:1.5;
  color:rgba(201,206,214,.74);
  text-decoration:none;
  transition:color .2s ease,background .2s ease,border-color .2s ease;
}
.page-disclaimer .disc-rail__no{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--gray);
}
.page-disclaimer .disc-rail__link:hover{
  color:var(--mist);
  background:rgba(201,206,214,.07);
  border-left-color:var(--line-gold);
}
.page-disclaimer .disc-rail__link[data-active="true"]{
  color:var(--ink);
  background:var(--gold);
  border-left-color:var(--gold-hi);
  font-weight:700;
}
.page-disclaimer .disc-rail__link[data-active="true"] .disc-rail__no{
  color:rgba(17,19,24,.66);
}
.page-disclaimer .disc-toc__note{
  margin:.8rem 0 0;
  font-size:.78rem;
  line-height:1.7;
  color:var(--gray);
}

/* ---------- 正文流程 ---------- */
.page-disclaimer .disc-flow{
  display:flex;
  flex-direction:column;
  gap:var(--disc-gap);
  min-width:0;
}
.page-disclaimer .disc-sec{
  position:relative;
  padding:clamp(1.25rem,2.6vw,2.1rem);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(27,32,41,.6),rgba(17,19,24,.55));
  scroll-margin-top:112px;
}
.page-disclaimer .disc-sec::before{
  content:"";
  position:absolute;
  top:-1px;
  left:clamp(1.25rem,2.6vw,2.1rem);
  width:clamp(2.5rem,7vw,4.5rem);
  height:1px;
  background:linear-gradient(90deg,var(--gold),rgba(245,183,0,0));
}
.page-disclaimer .disc-sec--end{
  background:
    linear-gradient(180deg,rgba(53,38,92,.5),rgba(17,19,24,.72));
  border-color:rgba(201,206,214,.2);
}
.page-disclaimer .disc-sec__no{
  margin:0;
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.2em;
  color:var(--gold);
}
.page-disclaimer .disc-sec__no::before{
  content:"";
  display:inline-block;
  width:1.6rem;
  height:1px;
  margin-right:.6rem;
  vertical-align:middle;
  background:var(--gold);
  opacity:.75;
}
.page-disclaimer .disc-sec__title{
  margin:.45rem 0 .9rem;
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(1.28rem,2.4vw,1.72rem);
  line-height:1.3;
  letter-spacing:-.015em;
  color:var(--mist);
}
.page-disclaimer .disc-p{
  margin:0 0 .85rem;
  font-family:var(--font-serif);
  font-size:1rem;
  line-height:1.92;
  color:rgba(201,206,214,.86);
}
.page-disclaimer .disc-p:last-child{margin-bottom:0;}
.page-disclaimer .disc-p--tight{margin-top:1rem;}
.page-disclaimer .disc-link{
  color:var(--blue-soft);
  text-decoration:none;
  border-bottom:1px solid rgba(47,107,255,.5);
  transition:color .2s ease,border-color .2s ease;
}
.page-disclaimer .disc-link:hover{
  color:var(--gold-hi);
  border-bottom-color:var(--gold-hi);
}

/* ---------- 允许 / 不允许 ---------- */
.page-disclaimer .disc-split{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.8rem;
  margin-top:1.15rem;
}
.page-disclaimer .disc-split__box{
  padding:1rem 1.1rem;
  border:1px solid rgba(127,208,194,.28);
  border-radius:10px;
  background:rgba(15,61,58,.32);
}
.page-disclaimer .disc-split__box--no{
  border-color:rgba(222,156,174,.26);
  background:rgba(74,30,43,.32);
}
.page-disclaimer .disc-split__title{
  margin:0 0 .6rem;
  font-family:var(--font-head);
  font-size:.92rem;
  font-weight:700;
  letter-spacing:.01em;
  color:var(--disc-teal-ink);
}
.page-disclaimer .disc-split__box--no .disc-split__title{
  color:var(--disc-wine-ink);
}
.page-disclaimer .disc-points{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.page-disclaimer .disc-points li{
  position:relative;
  padding-left:1.05rem;
  font-size:.92rem;
  line-height:1.75;
  color:rgba(201,206,214,.82);
}
.page-disclaimer .disc-points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.66em;
  width:.34rem;
  height:.34rem;
  border-radius:50%;
  background:var(--gold);
  opacity:.85;
}
.page-disclaimer .disc-points--wide{
  margin-top:.9rem;
  gap:.6rem;
}
.page-disclaimer .disc-points--wide li{
  font-family:var(--font-serif);
  padding-left:1.25rem;
  border-left:1px solid var(--line-soft);
}

/* ---------- 案例资料分级 ---------- */
.page-disclaimer .disc-tier{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.7rem;
  margin-top:1.15rem;
}
.page-disclaimer .disc-tier__card{
  padding:1rem 1.05rem;
  border:1px solid var(--line);
  border-top-width:2px;
  border-radius:10px;
  background:rgba(12,14,18,.55);
}
.page-disclaimer .disc-tier__card--open{border-top-color:var(--disc-blue-ink);}
.page-disclaimer .disc-tier__card--limited{border-top-color:var(--gold);}
.page-disclaimer .disc-tier__card--closed{border-top-color:var(--disc-wine-ink);}
.page-disclaimer .disc-tier__tag{
  margin:0 0 .45rem;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.18em;
  color:var(--gray);
}
.page-disclaimer .disc-tier__card--open .disc-tier__tag{color:var(--disc-blue-ink);}
.page-disclaimer .disc-tier__card--limited .disc-tier__tag{color:var(--gold);}
.page-disclaimer .disc-tier__card--closed .disc-tier__tag{color:var(--disc-wine-ink);}
.page-disclaimer .disc-tier__text{
  margin:0;
  font-size:.9rem;
  line-height:1.78;
  color:rgba(201,206,214,.82);
}

/* ---------- 联系方式 ---------- */
.page-disclaimer .disc-contact{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  margin:1.1rem 0 0;
  border-top:1px solid var(--line);
}
.page-disclaimer .disc-contact__row{
  display:grid;
  grid-template-columns:5.5rem minmax(0,1fr);
  gap:.75rem;
  padding:.72rem 0;
  border-bottom:1px solid var(--line-soft);
}
.page-disclaimer .disc-contact__row dt{
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.12em;
  color:var(--gray);
  padding-top:.18rem;
}
.page-disclaimer .disc-contact__val{
  margin:0;
  font-family:var(--font-mono);
  font-size:.9rem;
  line-height:1.6;
  letter-spacing:.01em;
  color:var(--mist);
  overflow-wrap:anywhere;
}
.page-disclaimer .disc-contact__row:first-child .disc-contact__val{color:var(--gold-hi);}

/* ---------- 宽屏 ---------- */
@media (min-width:760px){
  .page-disclaimer .disc-split{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-disclaimer .disc-tier{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-disclaimer .disc-contact{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;}
}

@media (min-width:960px){
  .page-disclaimer .disc-shell{
    grid-template-columns:252px minmax(0,1fr);
    gap:clamp(2rem,3.4vw,3.25rem);
  }
  .page-disclaimer .wk-shell__side{
    position:sticky;
    top:104px;
  }
  .page-disclaimer .disc-sec{
    padding:clamp(1.6rem,2.4vw,2.4rem);
  }
}

@media (min-width:1180px){
  .page-disclaimer .disc-hero__lead{
    max-width:56ch;
  }
  .page-disclaimer .disc-sec{
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .disc-rail__link,
  .page-disclaimer .disc-toc__summary::after,
  .page-disclaimer .disc-link{
    transition:none;
  }
}
<<<END>>>

等等，我是不是多写了一行 "<<<END>>>"？让我检查一下要求的格式。要求的输出标记是：
- ``
- 页面 HTML
- ``
- 页面 CSS

没有规定结束标记。我多输了一个 `<<<END>>>`，这可能不合适。我应该只输出这两个标记之间的内容。让我在最终回答中去掉 `<<<END>>>`。

其实，我需要重新检查：提示要求"严格按照以下标记顺序输出，每个标记只能出现一次，标记必须是三个尖括号：

...

..."

所以只应该有 MAIN_HTML 和 PAGE_CSS 两个标记，没有 END 标记。我的回答中确实多了一个 `<<<END>>>`。让我重新生成最终版本，只包含两个标记和它们之间的内容。

我注意到在主体 HTML 里，`disc-sec--end` 类的样式定义在 `.disc-p--tight` 之后——这个顺序没问题，CSS 类没有先后限制。

我还在 `.page-disclaimer .disc-sec` 上设了 `display:grid`（在 1180px 断点里），但只有一个列，这可能会影响内部布局。不过由于 `grid-template-columns:minmax(0,1fr)` 只有一列，元素会垂直堆叠，这没问题。但这可能没必要，我可以去掉这个规则。

另外，`data-reveal` 属性依赖共享的 JS 和 CSS 来生效，我没有在页面 CSS 里写 `.page-disclaimer [data-reveal]` 的样式——这是可以的，因为 site_kit 的互动协议提供了 `data-reveal` 的处理。

让我确认所有链接：
- `/data-privacy/` ✓ 在允许的路由里
- `/cooperation/` ✓
- `/support/` ✓
- `#scope`、`#usage`、`#cases`、`#ip`、`#liability`、`#update` ✓ 都有对应 id

没有 mailto 链接，没有外部链接。

数字：09 个行业、24 小时、2025 年 6 月、06 条、9:00–18:00 都是纯文本。好。

品牌名"8天生赢家"在导语和 IP 章节里出现，自然。

检查是否出现了禁止词："本页只"、"这个页面只做"... 没有。"口径"、"边界"、"可核对" 都没用。"不代表"、"不做承诺"、"不设"、"不提供" 也没出现。

但等等——"不作单独分发" 里的 "不作"，不算被禁的"不做承诺"之类，应该没问题。不过谨慎起见，我可以改成"仅限在讲解场合查看，不另行分发"。

另外第 3 节里有"不作单独分发"，我说改成"不另行分发"更安全。

还有"请勿转传"，没问题。

第 2 节的"这些做法请您避免"和底下的列表，讲的是不允许的行为，不是说网站不提供某项服务，应该没问题。

好，现在给最终答案。
<main id="main-content" class="page-disclaimer">

  <header class="disc-hero">
    <img class="disc-hero__img" src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="哑光深色背景上的金属几何切面与细金线">
    <span class="disc-hero__veil" aria-hidden="true"></span>
    <div class="disc-hero__inner wk-container">
      <nav class="wk-breadcrumb" aria-label="面包屑">
        <a class="wk-breadcrumb__link" href="/">首页</a>
        <span class="wk-breadcrumb__sep">/</span>
        <span class="wk-breadcrumb__current">使用协议</span>
      </nav>
      <p class="wk-eyebrow">协议手册</p>
      <h1 class="disc-hero__title">使用协议</h1>
      <p class="disc-hero__lead">在查阅 8天生赢家品牌站的栏目文章、K8 产品线说明与案例资料之前，请您先花几分钟了解：这些内容可以怎样用于贵司内部的评估，哪些材料需要预约和授权，以及我们在信息更新和外部链接上的实际态度。</p>
      <ul class="disc-hero__meta">
        <li><span class="disc-hero__meta-k">最近更新</span><span class="disc-hero__meta-v wk-num">2025 年 6 月</span></li>
        <li><span class="disc-hero__meta-k">条款数</span><span class="disc-hero__meta-v wk-num">06 条</span></li>
        <li><span class="disc-hero__meta-k">适用对象</span><span class="disc-hero__meta-v">查阅与预约本站内容的企业访客</span></li>
      </ul>
    </div>
  </header>

  <div class="wk-container">
    <div class="disc-shell">

      <aside class="wk-shell__side">
        <details class="disc-toc" open>
          <summary class="disc-toc__summary">条款目录</summary>
          <nav class="wk-rail disc-rail" aria-label="条款目录">
            <a class="wk-rail__link disc-rail__link" href="#scope" data-rail-link="scope"><span class="disc-rail__no">01</span><span>这份协议管到哪些内容</span></a>
            <a class="wk-rail__link disc-rail__link" href="#usage" data-rail-link="usage"><span class="disc-rail__no">02</span><span>内容怎么用是允许的</span></a>
            <a class="wk-rail__link disc-rail__link" href="#cases" data-rail-link="cases"><span class="disc-rail__no">03</span><span>案例资料的查看方式</span></a>
            <a class="wk-rail__link disc-rail__link" href="#ip" data-rail-link="ip"><span class="disc-rail__no">04</span><span>品牌与内容的权利归属</span></a>
            <a class="wk-rail__link disc-rail__link" href="#liability" data-rail-link="liability"><span class="disc-rail__no">05</span><span>信息更新与责任范围</span></a>
            <a class="wk-rail__link disc-rail__link" href="#update" data-rail-link="update"><span class="disc-rail__no">06</span><span>协议更新与联系方式</span></a>
          </nav>
        </details>
        <p class="disc-toc__note">条款按章节编号排列，页面左侧的金色刻度会随阅读位置移动。</p>
      </aside>

      <div class="wk-shell__main disc-flow">

        <section class="disc-sec" id="scope" data-reveal>
          <p class="disc-sec__no">01</p>
          <h2 class="disc-sec__title">这份协议管到哪些内容</h2>
          <p class="disc-p">本协议适用于您在本站浏览、引用与预约所涉及的全部内容，包括品牌与团队介绍、K8 产品线说明、案例合集、动态与观察文章，以及桌面端 CN 站内索引返回的栏目与案例检索结果。</p>
          <p class="disc-p">当您访问本站或通过邮件预约案例资料，即表示您已了解并接受以下条款。如果您代表所在企业查阅资料，请先确认已获得相应授权；涉及个人信息处理的部分，请另行参阅 <a class="disc-link" href="/data-privacy/">数据与隐私</a>。</p>
        </section>

        <section class="disc-sec" id="usage" data-reveal>
          <p class="disc-sec__no">02</p>
          <h2 class="disc-sec__title">内容怎么用是允许的</h2>
          <p class="disc-p">站内文字、图表与案例摘要，您可以直接查阅，也可以下载或打印少量页面，用于贵司内部的选型讨论与决策会议准备。引用时请保持原意，并注明内容来自 8天生赢家品牌站。</p>
          <div class="disc-split">
            <div class="disc-split__box">
              <h3 class="disc-split__title">这些用法没有问题</h3>
              <ul class="disc-points">
                <li>在内部评估、供应商比较与会前准备中阅读使用</li>
                <li>在内部材料里引用页面结论，并标明来源</li>
                <li>打印少量页面，供评审会议传阅与批注</li>
              </ul>
            </div>
            <div class="disc-split__box disc-split__box--no">
              <h3 class="disc-split__title">这些做法请您避免</h3>
              <ul class="disc-points">
                <li>批量抓取、镜像整站，或用脚本持续采集案例清单</li>
                <li>把案例要点与索引标签改写后，以自有名义对外发布</li>
                <li>将站内图文用于付费课程、咨询产品与商业广告</li>
              </ul>
            </div>
          </div>
        </section>

        <section class="disc-sec" id="cases" data-reveal>
          <p class="disc-sec__no">03</p>
          <h2 class="disc-sec__title">案例资料的查看方式</h2>
          <p class="disc-p">案例合集覆盖 9 个行业，收录的每个案例都按背景、范围、交付物、周期与验收要点组织。资料按公开、受限、保密三个级别管理，级别标注在资料首页，查看方式随级别不同。</p>
          <div class="disc-tier">
            <div class="disc-tier__card disc-tier__card--open">
              <p class="disc-tier__tag">公开</p>
              <p class="disc-tier__text">站内直接展示的摘要、范围说明与部分交付物，无需预约即可阅读，适合快速判断是否与您的场景相近。</p>
            </div>
            <div class="disc-tier__card disc-tier__card--limited">
              <p class="disc-tier__tag">受限</p>
              <p class="disc-tier__text">面向已确认合作意向的企业，预约后由客户成功经理提供完整背景、周期与验收要点，并说明与贵司业务的匹配度。</p>
            </div>
            <div class="disc-tier__card disc-tier__card--closed">
              <p class="disc-tier__tag">保密</p>
              <p class="disc-tier__text">涉及客户流程细节与内部数据的材料，在签署保密约定后，于现场或线上讲解场合查看，不另行分发。</p>
            </div>
          </div>
          <p class="disc-p disc-p--tight">预约案例合集时，请在邮件主题注明「案例合集」，我们会说明可提供的资料级别，并在 24 小时内回复。取得的资料仅限贵司项目组内部使用，请勿转传、二次分发或将截图发布到公开渠道；需要向第三方展示时，请先取得我们的书面同意。预约入口见 <a class="disc-link" href="/cooperation/">合作洽谈</a>。</p>
        </section>

        <section class="disc-sec" id="ip" data-reveal>
          <p class="disc-sec__no">04</p>
          <h2 class="disc-sec__title">品牌与内容的权利归属</h2>
          <p class="disc-p">本站的品牌名称、标识、文本、图形、页面版式、交互设计与站内索引标签，其权利归 8天生赢家品牌所有。案例资料中涉及第三方的部分，权利归相应权利人，我们仅在展示与讲解所需的范围内使用。</p>
          <ul class="disc-points disc-points--wide">
            <li>未经书面许可，请勿以品牌名称或标识申请账号、域名、商标与应用名称。</li>
            <li>请勿复制本站版式与交互设计用于其他站点或对外模板。</li>
            <li>请勿将案例资料汇编成册对外发行，或用于收费培训与商业出版。</li>
          </ul>
        </section>

        <section class="disc-sec" id="liability" data-reveal>
          <p class="disc-sec__no">05</p>
          <h2 class="disc-sec__title">信息更新与责任范围</h2>
          <p class="disc-p">站内信息用于说明服务范围、产品线能力与过往项目情况，会随服务与产品线调整同步修订，页面底部标注最近更新于 2025 年 6 月。具体项目的交付范围、周期与报价，以双方确认的方案与报价单为准。</p>
          <p class="disc-p">若站内内容指向其他站点，那些站点的内容与可用性由其运营方负责。您依据本站信息作出的判断由您自主决定；遇到需要确认的细节，例如交付节点安排、案例与贵司场景的匹配程度，建议在决策前先行沟通。</p>
        </section>

        <section class="disc-sec disc-sec--end" id="update" data-reveal>
          <p class="disc-sec__no">06</p>
          <h2 class="disc-sec__title">协议更新与联系方式</h2>
          <p class="disc-p">本协议随服务范围与产品线调整而更新，更新后的版本在本页发布并标注更新月份；涉及查看方式变化的调整，会在支持中心同步说明。继续使用本站内容，即表示您接受更新后的条款。</p>
          <p class="disc-p">对条款有疑问，或需要索取案例合集，欢迎直接联系我们。工作日 9:00–18:00 可通过邮件或电话联络。</p>
          <dl class="disc-contact">
            <div class="disc-contact__row">
              <dt>邮箱</dt>
              <dd class="disc-contact__val">info@winner-k8.com.cn</dd>
            </div>
            <div class="disc-contact__row">
              <dt>电话</dt>
              <dd class="disc-contact__val">18927067300</dd>
            </div>
            <div class="disc-contact__row">
              <dt>联系地址</dt>
              <dd class="disc-contact__val">江苏省南京市建邺区江东中路88号</dd>
            </div>
            <div class="disc-contact__row">
              <dt>服务时间</dt>
              <dd class="disc-contact__val">工作日 9:00–18:00</dd>
            </div>
          </dl>
          <p class="disc-p disc-p--tight">合作流程与预约方式见 <a class="disc-link" href="/cooperation/">合作洽谈</a>；栏目查找、索引入口与常见问题见 <a class="disc-link" href="/support/">支持中心</a>。</p>
        </section>

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

</main>

.page-disclaimer{
  --disc-wine-ink:#DE9CAE;
  --disc-teal-ink:#7FD0C2;
  --disc-blue-ink:#8FB2FF;
  --disc-gap:clamp(1rem,1.8vw,1.5rem);
  background:var(--ink);
  color:var(--silver);
  overflow-x:clip;
}

/* ---------- 顶部横幅 ---------- */
.page-disclaimer .disc-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.page-disclaimer .disc-hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.4;
  filter:saturate(.55) contrast(1.05);
  z-index:-2;
}
.page-disclaimer .disc-hero__veil{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(12,14,18,.55) 0%,rgba(17,19,24,.88) 58%,var(--ink) 100%),
    linear-gradient(104deg,rgba(245,183,0,.18) 0%,rgba(245,183,0,.04) 34%,transparent 62%);
}
.page-disclaimer .disc-hero__inner{
  padding-block:clamp(2.75rem,7vw,5.5rem) clamp(1.75rem,4vw,3.25rem);
}
.page-disclaimer .disc-hero .wk-eyebrow{
  margin:clamp(1.5rem,3vw,2.25rem) 0 .55rem;
}
.page-disclaimer .disc-hero__title{
  margin:0;
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(2.2rem,5.4vw,4.2rem);
  line-height:1.06;
  letter-spacing:-.03em;
  color:var(--mist);
}
.page-disclaimer .disc-hero__lead{
  max-width:60ch;
  margin:1.1rem 0 0;
  font-family:var(--font-serif);
  font-size:clamp(.98rem,1.5vw,1.1rem);
  line-height:1.85;
  color:rgba(201,206,214,.86);
}
.page-disclaimer .disc-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1.75rem;
  margin:clamp(1.5rem,3vw,2.25rem) 0 0;
  padding:1rem 0 0;
  list-style:none;
  border-top:1px solid var(--line-gold);
}
.page-disclaimer .disc-hero__meta li{
  display:flex;
  align-items:baseline;
  gap:.55rem;
  font-size:.82rem;
}
.page-disclaimer .disc-hero__meta-k{
  font-family:var(--font-mono);
  letter-spacing:.12em;
  color:var(--gray);
}
.page-disclaimer .disc-hero__meta-v{
  color:var(--mist);
}
.page-disclaimer .disc-hero__meta-v.wk-num{
  color:var(--gold);
}

/* ---------- 骨架 ---------- */
.page-disclaimer .disc-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.5rem,3vw,2.75rem);
  align-items:start;
  padding-block:clamp(1.75rem,4vw,3rem) clamp(3rem,6vw,4.75rem);
}

/* ---------- 条款目录 ---------- */
.page-disclaimer .disc-toc{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(27,32,41,.94),rgba(17,19,24,.94));
  box-shadow:var(--shadow-plate);
  overflow:hidden;
}
.page-disclaimer .disc-toc__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.9rem 1.05rem;
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.16em;
  color:var(--gold);
  cursor:pointer;
  list-style:none;
  border-bottom:1px solid var(--line-soft);
}
.page-disclaimer .disc-toc__summary::-webkit-details-marker{display:none;}
.page-disclaimer .disc-toc__summary::after{
  content:"";
  width:.46rem;
  height:.46rem;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  transition:transform .22s ease;
}
.page-disclaimer .disc-toc[open] .disc-toc__summary::after{
  transform:rotate(-135deg);
}
.page-disclaimer .disc-rail{
  display:flex;
  flex-direction:column;
  gap:.12rem;
  padding:.55rem;
}
.page-disclaimer .disc-rail__link{
  display:grid;
  grid-template-columns:2rem minmax(0,1fr);
  align-items:baseline;
  gap:.5rem;
  padding:.6rem .7rem;
  border-left:2px solid transparent;
  border-radius:8px;
  font-size:.88rem;
  line-height:1.5;
  color:rgba(201,206,214,.74);
  text-decoration:none;
  transition:color .2s ease,background .2s ease,border-color .2s ease;
}
.page-disclaimer .disc-rail__no{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--gray);
}
.page-disclaimer .disc-rail__link:hover{
  color:var(--mist);
  background:rgba(201,206,214,.07);
  border-left-color:var(--line-gold);
}
.page-disclaimer .disc-rail__link[data-active="true"]{
  color:var(--ink);
  background:var(--gold);
  border-left-color:var(--gold-hi);
  font-weight:700;
}
.page-disclaimer .disc-rail__link[data-active="true"] .disc-rail__no{
  color:rgba(17,19,24,.66);
}
.page-disclaimer .disc-toc__note{
  margin:.8rem 0 0;
  font-size:.78rem;
  line-height:1.7;
  color:var(--gray);
}

/* ---------- 正文流程 ---------- */
.page-disclaimer .disc-flow{
  display:flex;
  flex-direction:column;
  gap:var(--disc-gap);
  min-width:0;
}
.page-disclaimer .disc-sec{
  position:relative;
  padding:clamp(1.25rem,2.6vw,2.1rem);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(27,32,41,.6),rgba(17,19,24,.55));
  scroll-margin-top:112px;
}
.page-disclaimer .disc-sec::before{
  content:"";
  position:absolute;
  top:-1px;
  left:clamp(1.25rem,2.6vw,2.1rem);
  width:clamp(2.5rem,7vw,4.5rem);
  height:1px;
  background:linear-gradient(90deg,var(--gold),rgba(245,183,0,0));
}
.page-disclaimer .disc-sec--end{
  background:linear-gradient(180deg,rgba(53,38,92,.5),rgba(17,19,24,.72));
  border-color:rgba(201,206,214,.2);
}
.page-disclaimer .disc-sec__no{
  margin:0;
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.2em;
  color:var(--gold);
}
.page-disclaimer .disc-sec__no::before{
  content:"";
  display:inline-block;
  width:1.6rem;
  height:1px;
  margin-right:.6rem;
  vertical-align:middle;
  background:var(--gold);
  opacity:.75;
}
.page-disclaimer .disc-sec__title{
  margin:.45rem 0 .9rem;
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(1.28rem,2.4vw,1.72rem);
  line-height:1.3;
  letter-spacing:-.015em;
  color:var(--mist);
}
.page-disclaimer .disc-p{
  margin:0 0 .85rem;
  font-family:var(--font-serif);
  font-size:1rem;
  line-height:1.92;
  color:rgba(201,206,214,.86);
}
.page-disclaimer .disc-p:last-child{margin-bottom:0;}
.page-disclaimer .disc-p--tight{margin-top:1rem;}
.page-disclaimer .disc-link{
  color:var(--blue-soft);
  text-decoration:none;
  border-bottom:1px solid rgba(47,107,255,.5);
  transition:color .2s ease,border-color .2s ease;
}
.page-disclaimer .disc-link:hover{
  color:var(--gold-hi);
  border-bottom-color:var(--gold-hi);
}

/* ---------- 允许 / 避免 ---------- */
.page-disclaimer .disc-split{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.8rem;
  margin-top:1.15rem;
}
.page-disclaimer .disc-split__box{
  padding:1rem 1.1rem;
  border:1px solid rgba(127,208,194,.28);
  border-radius:10px;
  background:rgba(15,61,58,.32);
}
.page-disclaimer .disc-split__box--no{
  border-color:rgba(222,156,174,.26);
  background:rgba(74,30,43,.32);
}
.page-disclaimer .disc-split__title{
  margin:0 0 .6rem;
  font-family:var(--font-head);
  font-size:.92rem;
  font-weight:700;
  letter-spacing:.01em;
  color:var(--disc-teal-ink);
}
.page-disclaimer .disc-split__box--no .disc-split__title{
  color:var(--disc-wine-ink);
}
.page-disclaimer .disc-points{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.page-disclaimer .disc-points li{
  position:relative;
  padding-left:1.05rem;
  font-size:.92rem;
  line-height:1.75;
  color:rgba(201,206,214,.82);
}
.page-disclaimer .disc-points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.66em;
  width:.34rem;
  height:.34rem;
  border-radius:50%;
  background:var(--gold);
  opacity:.85;
}
.page-disclaimer .disc-points--wide{
  margin-top:.9rem;
  gap:.6rem;
}
.page-disclaimer .disc-points--wide li{
  font-family:var(--font-serif);
  padding-left:1.25rem;
  border-left:1px solid var(--line-soft);
}

/* ---------- 案例资料分级 ---------- */
.page-disclaimer .disc-tier{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.7rem;
  margin-top:1.15rem;
}
.page-disclaimer .disc-tier__card{
  padding:1rem 1.05rem;
  border:1px solid var(--line);
  border-top-width:2px;
  border-radius:10px;
  background:rgba(12,14,18,.55);
}
.page-disclaimer .disc-tier__card--open{border-top-color:var(--disc-blue-ink);}
.page-disclaimer .disc-tier__card--limited{border-top-color:var(--gold);}
.page-disclaimer .disc-tier__card--closed{border-top-color:var(--disc-wine-ink);}
.page-disclaimer .disc-tier__tag{
  margin:0 0 .45rem;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.18em;
  color:var(--gray);
}
.page-disclaimer .disc-tier__card--open .disc-tier__tag{color:var(--disc-blue-ink);}
.page-disclaimer .disc-tier__card--limited .disc-tier__tag{color:var(--gold);}
.page-disclaimer .disc-tier__card--closed .disc-tier__tag{color:var(--disc-wine-ink);}
.page-disclaimer .disc-tier__text{
  margin:0;
  font-size:.9rem;
  line-height:1.78;
  color:rgba(201,206,214,.82);
}

/* ---------- 联系方式 ---------- */
.page-disclaimer .disc-contact{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  margin:1.1rem 0 0;
  border-top:1px solid var(--line);
}
.page-disclaimer .disc-contact__row{
  display:grid;
  grid-template-columns:5.5rem minmax(0,1fr);
  gap:.75rem;
  padding:.72rem 0;
  border-bottom:1px solid var(--line-soft);
}
.page-disclaimer .disc-contact__row dt{
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.12em;
  color:var(--gray);
  padding-top:.18rem;
}
.page-disclaimer .disc-contact__val{
  margin:0;
  font-family:var(--font-mono);
  font-size:.9rem;
  line-height:1.6;
  letter-spacing:.01em;
  color:var(--mist);
  overflow-wrap:anywhere;
}
.page-disclaimer .disc-contact__row:first-child .disc-contact__val{color:var(--gold-hi);}

/* ---------- 宽屏 ---------- */
@media (min-width:760px){
  .page-disclaimer .disc-split{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-disclaimer .disc-tier{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-disclaimer .disc-contact{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;}
}

@media (min-width:960px){
  .page-disclaimer .disc-shell{
    grid-template-columns:252px minmax(0,1fr);
    gap:clamp(2rem,3.4vw,3.25rem);
  }
  .page-disclaimer .wk-shell__side{
    position:sticky;
    top:104px;
  }
  .page-disclaimer .disc-sec{
    padding:clamp(1.6rem,2.4vw,2.4rem);
  }
}

@media (min-width:1180px){
  .page-disclaimer .disc-hero__lead{
    max-width:56ch;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .disc-rail__link,
  .page-disclaimer .disc-toc__summary::after,
  .page-disclaimer .disc-link{
    transition:none;
  }
}
