/* ============================================================
   站点使用协议 /agreement/   —— 作用域 .page-disclaimer
   ============================================================ */

.page-disclaimer {
  background: var(--cream);
  color: var(--text);
  overflow-x: clip;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .disc-hero {
  position: relative;
  padding: clamp(20px, 3vw, 32px) 0 clamp(30px, 4.5vw, 58px);
  background:
    linear-gradient(180deg, rgba(176, 58, 31, 0.055), rgba(176, 58, 31, 0) 62%),
    var(--cream);
  border-bottom: 1px solid var(--line);
}

.page-disclaimer .disc-hero::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: min(220px, 36vw);
  height: 3px;
  background: var(--red-clay);
}

.page-disclaimer .disc-hero__crumb {
  margin-bottom: clamp(18px, 3vw, 30px);
}

.page-disclaimer .disc-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(24px, 3.5vw, 44px);
  align-items: start;
}

.page-disclaimer .disc-hero__eyebrow {
  margin: 0 0 14px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--red-clay);
}

.page-disclaimer .disc-hero h1 {
  margin: 0 0 18px;
  font-family: var(--font-sans);
  font-weight: 900;
  font-size: clamp(28px, 4.4vw, 50px);
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--ink);
  max-width: 16em;
}

.page-disclaimer .disc-hero__lead {
  margin: 0 0 26px;
  font-size: clamp(15.5px, 1.3vw, 17px);
  line-height: 1.85;
  color: var(--text-soft);
  max-width: 36em;
}

.page-disclaimer .disc-hero__points {
  margin: 0;
  padding: 20px 0 0;
  list-style: none;
  display: grid;
  gap: 11px;
  border-top: 1px dashed var(--line-strong);
  max-width: 38em;
}

.page-disclaimer .disc-hero__points li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 15px;
  line-height: 1.72;
  color: var(--text);
}

.page-disclaimer .disc-hero__points li::before {
  content: "";
  flex: 0 0 auto;
  width: 14px;
  height: 1px;
  margin-top: 12px;
  background: var(--clay-light);
}

/* ---------- 首屏图 ---------- */
.page-disclaimer .disc-figure {
  margin: 0;
}

.page-disclaimer .disc-figure__frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-lg);
  background: var(--paper);
  box-shadow: var(--shadow-2);
}

.page-disclaimer .disc-figure__img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.page-disclaimer .disc-figure__caption {
  margin-top: 12px;
  padding-left: 12px;
  border-left: 2px solid var(--sun);
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--stone);
}

/* ---------- 章节索引条 ---------- */
.page-disclaimer .disc-rail {
  background: var(--cream);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.page-disclaimer .disc-rail .container {
  display: flex;
  gap: 2px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.page-disclaimer .disc-rail .container::-webkit-scrollbar {
  display: none;
}

.page-disclaimer .disc-rail__link {
  flex: 0 0 auto;
  padding: 14px 15px 13px;
  font-family: var(--font-mono);
  font-size: 12.5px;
  letter-spacing: 0.05em;
  color: var(--stone);
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color 160ms var(--ease), border-color 160ms var(--ease);
}

.page-disclaimer .disc-rail__link:hover,
.page-disclaimer .disc-rail__link:focus-visible {
  color: var(--ink);
}

.page-disclaimer .disc-rail__link.is-active,
.page-disclaimer .disc-rail__link[aria-current="true"] {
  color: var(--red-clay);
  border-bottom-color: var(--sun);
}

/* ---------- 章节 ---------- */
.page-disclaimer .disc-section {
  padding: clamp(38px, 5.5vw, 78px) 0;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 24px;
}

.page-disclaimer .disc-section:last-of-type {
  border-bottom: 0;
}

.page-disclaimer .disc-section__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(14px, 2.4vw, 28px);
}

.page-disclaimer .disc-section__no {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.22em;
  color: var(--red-clay);
  padding-top: 5px;
}

.page-disclaimer .disc-section__no::after {
  content: "";
  display: block;
  margin-top: 12px;
  border-bottom: 1px dotted var(--line-strong);
}

.page-disclaimer .disc-section__title {
  margin: 0 0 18px;
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: clamp(20px, 2.5vw, 27px);
  line-height: 1.32;
  letter-spacing: -0.01em;
  color: var(--ink);
  max-width: 22em;
}

.page-disclaimer .disc-section__body > p,
.page-disclaimer .disc-section__body > ul,
.page-disclaimer .disc-section__body > .disc-subhead,
.page-disclaimer .disc-section__body > .disc-quote {
  max-width: 38em;
}

.page-disclaimer .disc-section__body > p {
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.85;
  color: var(--text);
}

.page-disclaimer .disc-section__body > p:last-child {
  margin-bottom: 0;
}

/* ---------- 条目清单 ---------- */
.page-disclaimer .disc-list {
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
}

.page-disclaimer .disc-list li {
  position: relative;
  padding: 13px 0 13px 26px;
  border-bottom: 1px solid var(--line);
  font-size: 15.5px;
  line-height: 1.78;
  color: var(--text);
}

.page-disclaimer .disc-list li strong {
  color: var(--ink);
  font-weight: 700;
}

.page-disclaimer .disc-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 26px;
  width: 12px;
  height: 1px;
  background: var(--clay-light);
}

.page-disclaimer .disc-list li:last-child {
  border-bottom: 0;
}

.page-disclaimer .disc-list--allow li {
  background: linear-gradient(90deg, rgba(15, 122, 92, 0.05), rgba(15, 122, 92, 0) 46%);
}

.page-disclaimer .disc-list--allow li::before {
  height: 2px;
  background: var(--jade);
}

.page-disclaimer .disc-list--ask li {
  background: linear-gradient(90deg, rgba(176, 58, 31, 0.05), rgba(176, 58, 31, 0) 46%);
}

.page-disclaimer .disc-list--ask li::before {
  height: 2px;
  background: var(--red-clay);
}

/* ---------- 分组标签 ---------- */
.page-disclaimer .disc-subhead {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 6px 0 14px;
  padding: 5px 11px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--jade);
  background: rgba(15, 122, 92, 0.07);
  border: 1px solid rgba(15, 122, 92, 0.28);
  border-radius: var(--radius);
}

.page-disclaimer .disc-subhead--clay {
  color: var(--red-clay);
  background: rgba(176, 58, 31, 0.07);
  border-color: rgba(176, 58, 31, 0.28);
}

/* ---------- 深色引用块 ---------- */
.page-disclaimer .disc-quote {
  position: relative;
  margin: 26px 0;
  padding: clamp(20px, 2.6vw, 28px) clamp(20px, 2.8vw, 30px);
  background: var(--ink);
  color: var(--cream);
  border-left: 4px solid var(--sun);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  box-shadow: var(--shadow-2);
}

.page-disclaimer .disc-quote__label {
  display: block;
  margin-bottom: 12px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--sun);
}

.page-disclaimer .disc-quote p {
  margin: 0;
  font-size: 16px;
  line-height: 1.82;
  color: rgba(245, 240, 230, 0.94);
  max-width: 34em;
}

.page-disclaimer .disc-quote p + p {
  margin-top: 12px;
}

.page-disclaimer .disc-quote__rows {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--line-inverse);
  display: grid;
  gap: 12px;
}

.page-disclaimer .disc-quote__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}

.page-disclaimer .disc-quote__key {
  flex: 0 0 auto;
  min-width: 72px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  color: rgba(233, 169, 60, 0.92);
}

.page-disclaimer .disc-quote__val {
  font-family: var(--font-mono);
  font-size: 15px;
  letter-spacing: 0.02em;
  color: var(--white);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

/* ---------- 复制按钮 ---------- */
.page-disclaimer .disc-copy.copy-btn {
  flex: 0 0 auto;
  padding: 7px 13px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.08em;
  color: var(--cream);
  background: rgba(245, 240, 230, 0.08);
  border: 1px solid var(--line-inverse);
  border-radius: var(--radius);
  cursor: pointer;
  transition:
    background 170ms var(--ease),
    border-color 170ms var(--ease),
    color 170ms var(--ease);
}

.page-disclaimer .disc-copy.copy-btn:hover {
  background: rgba(233, 169, 60, 0.18);
  border-color: var(--sun);
  color: var(--sun);
}

.page-disclaimer .disc-copy.copy-btn:focus-visible {
  outline: 2px solid var(--sun);
  outline-offset: 2px;
}

/* ---------- 版本对照表 ---------- */
.page-disclaimer .disc-tablewrap {
  margin: 8px 0 26px;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--white);
  overflow-x: auto;
  box-shadow: var(--shadow-1);
}

.page-disclaimer .disc-tablewrap .data-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-size: 14.5px;
}

.page-disclaimer .disc-tablewrap .data-table caption {
  caption-side: top;
  padding: 14px 18px 12px;
  text-align: left;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  color: var(--stone);
  border-bottom: 1px solid var(--line);
}

.page-disclaimer .disc-tablewrap .data-table th,
.page-disclaimer .disc-tablewrap .data-table td {
  padding: 13px 18px;
  text-align: left;
  vertical-align: top;
  line-height: 1.7;
  border-bottom: 1px solid var(--line);
}

.page-disclaimer .disc-tablewrap .data-table thead th {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--ink);
  background: var(--paper);
  white-space: nowrap;
}

.page-disclaimer .disc-tablewrap .data-table tbody tr:nth-child(even) {
  background: rgba(234, 223, 200, 0.32);
}

.page-disclaimer .disc-tablewrap .data-table tbody tr:last-child td {
  border-bottom: 0;
}

.page-disclaimer .disc-tablewrap .data-table tbody td:first-child {
  color: var(--ink);
  font-weight: 500;
}

/* ---------- 收尾引导 ---------- */
.page-disclaimer .disc-cta {
  padding: clamp(40px, 6vw, 78px) 0 clamp(46px, 7vw, 86px);
  background:
    linear-gradient(180deg, rgba(19, 36, 55, 0.035), rgba(19, 36, 55, 0) 72%),
    var(--cream);
}

.page-disclaimer .disc-cta__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  padding-bottom: 18px;
  border-bottom: 1px dotted var(--line-strong);
}

.page-disclaimer .disc-cta__note {
  margin: 16px 0 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--stone);
}

.page-disclaimer .disc-cta__note a {
  color: var(--jade);
  text-decoration: none;
  border-bottom: 1px solid rgba(15, 122, 92, 0.35);
  transition: border-color 160ms var(--ease), color 160ms var(--ease);
}

.page-disclaimer .disc-cta__note a:hover,
.page-disclaimer .disc-cta__note a:focus-visible {
  color: var(--moss);
  border-bottom-color: var(--moss);
}

/* ---------- 桌面布局 ---------- */
@media (min-width: 920px) {
  .page-disclaimer .disc-hero__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}

@media (min-width: 860px) {
  .page-disclaimer .disc-section__inner {
    grid-template-columns: 128px minmax(0, 1fr);
    gap: clamp(24px, 3.4vw, 48px);
  }
}

/* ---------- 窄屏微调 ---------- */
@media (max-width: 859px) {
  .page-disclaimer .disc-section__no {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 0;
  }

  .page-disclaimer .disc-section__no::after {
    flex: 1 1 auto;
    margin-top: 0;
    border-bottom: 1px dotted var(--line-strong);
  }
}

@media (max-width: 640px) {
  .page-disclaimer .disc-rail__link {
    padding: 12px 12px 11px;
    font-size: 12px;
  }

  .page-disclaimer .disc-quote__row {
    align-items: flex-start;
  }

  .page-disclaimer .disc-copy.copy-btn {
    margin-left: 0;
  }
}

/* ---------- 降低动效 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .disc-rail__link,
  .page-disclaimer .disc-copy.copy-btn,
  .page-disclaimer .disc-cta__note a {
    transition: none;
  }
}
<<<END>>>

等等，我注意到回复里还有个 `<<<END>>>` —— 这不在输出协议里。我得把它去掉。另外再检查一下输出格式是否正确。其实按输出要求，只需要 `` 和 `` 这两个标记。我把结尾多余的标记删掉。

另外，规则里说“每个标记只能出现一次”，所以 `<<<END>>>` 是个错误。得修正。

我再过一遍 CSS 里所有变量是不是都真实存在：

- `--red-clay` ✓
- `--jade` ✓
- `--ink` ✓
- `--sun` ✓
- `--stone` ✓
- `--cream` ✓
- `--clay-light` ✓
- `--moss` ✓
- `--paper` ✓
- `--white` ✓
- `--text` ✓
- `--text-soft` ✓
- `--line` ✓
- `--line-strong` ✓
- `--line-inverse` ✓
- `--shadow-1` ✓
- `--shadow-2` ✓
- `--radius` ✓
- `--radius-lg` ✓
- `--font-sans` ✓
- `--font-mono` ✓
- `--ease` ✓

全都对得上。

现在检查一下 HTML：

- 单个 h1 ✓
- 面包屑 ✓
- 章节 id：`disc-scope`、`disc-license`、`disc-version`、`disc-confirm`、`disc-contact` ✓
- 每个锚点链接都对应到一个存在的 id ✓
- 路由全部合法：`/`、`/stories/`、`/reach-us/`、`/privacy/` ✓
- 图片：1 张，1600x900，h 在前 w 在后 ✓
- 只有一张图片，没有 `loading="lazy"`（因为它是首屏主图）✓ 等等，规则说首屏主图不要加`loading="lazy"`，其他图片再加。我这里只有一张图，所以不加 ✓
- 有 `data-copy`、`data-spy`、`data-reveal` —— 全都在允许列表里 ✓

关于 `data-reveal`，我要确认一下属性名就是 `data-reveal`，而且脚本会设置 `data-revealed` 之类的。对，没错。

再检查 `disc-copy` 和 `copy-btn` 这两个类名，我写的是 `class="copy-btn disc-copy"`，CSS 选择器是 `.page-disclaimer .disc-copy.copy-btn`。这个组合选择器要求同时有这两个类名，满足。

再看一下 `disc-cta` 那里，我用了 `div`，但 `disc-section:last-of-type` 要匹配最后一个 `section` 元素——第 05 节确实是最后一个 `section`。✓

检查有没有“不提供 / 不设 / 本页只 / 这个页面只做 / 我们不做”这类词出现在正文里。

- “不需要提前申请”——嗯，“不需要”算不算禁用词？规则里禁的是“不提供、不设、本页只、这个页面只做、我们不做”。这是一个正常句子，描述客户行为。“日常使用大多不需要提前申请”——应该可以。其实它是说客户不用怎么怎么样，不算自我说明内容管理。没事。

再检查“不能 / 不得”——规则描述里像是“不得虚构……”这些，只是对我写的约束，不是禁用词表。禁用词表是：“口径、边界、核对、可核对、逐条核对、资料性呈现、统一口径、跨页面一致、不代表、不做承诺、不设、不提供、本页只、这个页面只做、我们不做”。

我再搜一下 HTML：

- “口径”——没找到 ✓
- “边界”——没找到 ✓
- “核对”——我写了“逐项对照”，用了“对照”而不是“核对” ✓ 再搜一下：有没有哪里有“核对”？第 01 节写的是“供经销商与项目方逐项对照”。好，没有“核对”。
- “资料性呈现”——没有 ✓
- “统一口径”——没有 ✓
- “不代表”——没有 ✓
- “不做承诺”——没有 ✓
- “不设”——没有 ✓
- “不提供”——没有 ✓
- “本页只”——没有 ✓
- “我们不做”——没有 ✓

还有“不合规”？

好，就这么定下来。

有个小问题：`<caption>` 在 `.data-table` 里面，而 `data-table` 本身就带着全局样式，可能会冲突。不过我写的规则是 `.page-disclaimer .disc-tablewrap .data-table caption`，优先级更高。没问题。

再看 `disc-tablewrap`，它上面的 `overflow-x: auto` 会不会和 sticky 首列打架？在我这个窄表格上倒不至于。

还有 `span-7`、`grid-12` 这些全局类我完全没用——这样能避免冲突。没问题。

现在检查 HTML 里有没有把真实数字塞进 `data-count` 之类的属性。没有，全是用普通文本写的。

再想想触点：`disc-cta` 里的 `btn` 类直接走全局样式。应该没大问题。

好，最后再确认下 `disc-section__no` 在移动端的样子。它是 `display: flex`，而 `::after` 有 `flex: 1 1 auto`。好。

还有一个细节：`.page-disclaimer .disc-section__no::after` 在桌面端没有设 `flex` 属性，就只是一个块级元素。在网格列里默认宽度铺满。行。

现在检查首屏的 hero 网格：在小于 920px 时是单列，意味着图片会出现在文案下方。这样挺合理的。

再把 `disc-hero::after` 重新想一下：`position: absolute`，`top: 0`。hero 本身有 `position: relative`，所以没问题。它会在页面头部下方形成一条红色小条。既然这是站点页头下的第一个元素，视觉上就像一条鲜明的规则线。可以。

最后再快速看一遍文案的流畅度。

h1：“引用规格、编号与验收判定之前，先看清这几条”——嗯，“验收判定”稍微有点专业。也许可以改成“引用规格与验收资料之前，先看清这几条”。但这样就丢了“编号”的感觉。再想想：“引用规格、编号和验收资料之前”——其实“验收判定”也没问题，因为站点用的就是“验收判定要点”这个说法。保留吧。

其实我再想一下——h1 里提“编号”有点弱。换一个：

“引用站内规格与验收资料前，先看清这几条约定”

嗯，但又是“站内”这个词。不如改成：

“引用规格参数与验收资料之前，先看清这几条”

好，选这个。其实“验收资料”也不是特别精确。用“验收判定”——它正好对应“区域授权验收标准”和“判定维度”。好。

最终版：“引用规格参数与验收判定之前，先看清这几条”

好。

现在也再理一遍首屏导语：

“韦德亚洲站上带编号的资料，可以直接摘录进您的投标附件、施工交底和内部比选文件。下面把允许的做法、需要先取得同意的情形，以及版本出现差异时以哪一期为准，一次讲清楚，省掉后续反复确认的来回。”

嗯，稍微有点长，但没关系。再读一遍：“韦德亚洲站上带编号的资料”——“上”有点怪。改成：“韦德亚洲站里带编号的资料”。

其实“韦德亚洲站上”还行？算了，改成“韦德亚洲站归档的带编号资料”。

嗯，但这样语义就弱了。还是用：“韦德亚洲站归档的带编号资料，可以直接摘录进您的投标附件、施工交底和内部比选文件。”

好，就这样。

品牌名出现了 ✓。

现在都定稿了。把干净输出重新整理一下，去掉 `<<<END>>>` 标记。
<main id="main-content" class="page-disclaimer">

  <header class="disc-hero">
    <div class="container">
      <nav class="breadcrumb disc-hero__crumb" aria-label="您所在的位置">
        <a href="/">首页</a>
        <span class="breadcrumb__sep" aria-hidden="true">/</span>
        <span aria-current="page">站点使用协议</span>
      </nav>

      <div class="disc-hero__grid">
        <div class="disc-hero__copy" data-reveal>
          <p class="disc-hero__eyebrow">站点使用协议 · 随季度档案更新</p>
          <h1>引用规格参数与验收判定之前，先看清这几条</h1>
          <p class="disc-hero__lead">韦德亚洲站归档的带编号资料，可以直接摘录进您的投标附件、施工交底和内部比选文件。下面把允许的做法、需要先取得同意的情形，以及版本出现差异时以哪一期为准，一次讲清楚，省掉后续反复确认的来回。</p>
          <ul class="disc-hero__points">
            <li>季度更新档案、工具系列规格与外箱参数，都在本约定的范围内</li>
            <li>内部使用与投标附件可以直接引用，注明来源并保留档案编号即可</li>
            <li>手上版本与最近一期不同时，以后者为准</li>
          </ul>
        </div>

        <figure class="disc-figure">
          <div class="disc-figure__frame">
            <img class="disc-figure__img" src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="印章式圆形标记叠在协议纸张纹理上的抽象图案">
          </div>
          <figcaption class="disc-figure__caption">条款随每期档案同步确认，对外说明时以当期版本为准。</figcaption>
        </figure>
      </div>
    </div>
  </header>

  <nav class="disc-rail" aria-label="协议章节">
    <div class="container">
      <a class="disc-rail__link" href="#disc-scope" data-spy>01 适用范围</a>
      <a class="disc-rail__link" href="#disc-license" data-spy>02 使用许可</a>
      <a class="disc-rail__link" href="#disc-version" data-spy>03 版本约定</a>
      <a class="disc-rail__link" href="#disc-confirm" data-spy>04 需要确认</a>
      <a class="disc-rail__link" href="#disc-contact" data-spy>05 生效与联系</a>
    </div>
  </nav>

  <section class="disc-section" id="disc-scope">
    <div class="container">
      <div class="disc-section__inner">
        <div class="disc-section__no" aria-hidden="true">01</div>
        <div class="disc-section__body">
          <h2 class="disc-section__title">协议覆盖哪些资料</h2>
          <p>凡在韦德亚洲站上带档案编号的条目，都按本页约定使用。具体包括下面几类。</p>
          <ul class="disc-list">
            <li><strong>季度更新档案条目</strong>：安装要求、包装规格、选型建议、合作对接与验收标准，每条都有独立编号，按季度补充。</li>
            <li><strong>工具系列规格</strong>：120 个系列的规格参数、配套件清单与外箱尺寸信息，分布在手动工具、测量器具、安装辅件、包装配套与仓储周转五个板块。</li>
            <li><strong>区域授权验收标准</strong>：当期版本的四类判定维度与对应要点，供经销商与项目方逐项对照。</li>
            <li><strong>服务与交付说明</strong>：服务网点的分布范围、方案给出的常规周期，以及常规品类与跨省调拨的交付时长。</li>
          </ul>
          <p>不带编号的页面，例如场景介绍与常见问答，适合用来了解背景。涉及具体规格参数或验收判定时，请以带编号的条目为准。</p>
        </div>
      </div>
    </div>
  </section>

  <section class="disc-section" id="disc-license">
    <div class="container">
      <div class="disc-section__inner">
        <div class="disc-section__no" aria-hidden="true">02</div>
        <div class="disc-section__body">
          <h2 class="disc-section__title">可以直接引用，和要先说一声的</h2>
          <p>日常使用大多不需要提前申请。把下面两类分清楚，引用的时候基本不会出岔子。</p>

          <p class="disc-subhead">可以直接使用</p>
          <ul class="disc-list disc-list--allow">
            <li>在内部方案、施工交底材料与投标附件中摘录带编号的规格条目和安装要求，注明资料来自韦德亚洲站，并保留原档案编号。</li>
            <li>在经销商培训与班组讲解中引用单条包装规格或验收判定要点，标明出处。</li>
            <li>把选型建议当作内部比选的参考，结合自己项目的情况调整后写进方案。</li>
          </ul>

          <p class="disc-subhead disc-subhead--clay">需要先取得同意</p>
          <ul class="disc-list disc-list--ask">
            <li>把整章、整批条目或整份季度清单转载到公开网站、公众号、短视频账号及第三方平台。</li>
            <li>把条目并入对外销售的产品数据库、报价系统，或做成面向公众的选型工具。</li>
            <li>用于对外发行的印刷品、展会物料，以及带招生或招商性质的宣传材料。</li>
            <li>对条目内容做删改之后，仍以本站名义发布或标注为本站资料。</li>
          </ul>

          <p>注明来源时把编号一并带上，对方拿到手就能直接对到具体条目，后续对接省掉不少解释。需要批量引用或长期转载，联系客服说明用途与范围，我们通常会出具书面许可。</p>
        </div>
      </div>
    </div>
  </section>

  <section class="disc-section" id="disc-version">
    <div class="container">
      <div class="disc-section__inner">
        <div class="disc-section__no" aria-hidden="true">03</div>
        <div class="disc-section__body">
          <h2 class="disc-section__title">一期一期往后走，编号不变</h2>
          <p>档案按季度补充，每季度末发布一期。编号一经分配就不再变动；同一编号的条目在后面的期里可能补入现场条件、配件顺序或安全留距等细节，编号保持不变。</p>

          <div class="disc-tablewrap">
            <table class="data-table">
              <caption>手上资料与当期版本的对应关系</caption>
              <thead>
                <tr>
                  <th scope="col">手上拿到的资料</th>
                  <th scope="col">以哪一期为准</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>本期导出的文件或当期打印稿</td>
                  <td>与本季度归档版本一致，可直接引用</td>
                </tr>
                <tr>
                  <td>上一季度的截图、纸质附表</td>
                  <td>以最近一期归档版本为准，缺项按当期要求补齐</td>
                </tr>
                <tr>
                  <td>已经写进投标文件的参数</td>
                  <td>先取当期确认函，报送时以确认函内容为准</td>
                </tr>
                <tr>
                  <td>经销商自制的价格表或订货单</td>
                  <td>价格与规格分别取自各自的当期来源，不互相替代</td>
                </tr>
              </tbody>
            </table>
          </div>

          <div class="disc-quote">
            <span class="disc-quote__label">版本出现差异时</span>
            <p>当您手上的纸质附表、截图或旧文件与最近一期归档不同时，以最近一期的归档版本为准。上一期的条目会留在档案中供追溯，但不再作为对外说明与验收的引用来源。</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="disc-section" id="disc-confirm">
    <div class="container">
      <div class="disc-section__inner">
        <div class="disc-section__no" aria-hidden="true">04</div>
        <div class="disc-section__body">
          <h2 class="disc-section__title">这几种情况，建议先跟我们确认</h2>
          <p>下面几类使用场景牵涉到对外承诺，建议先取得当期版本的确认再发布，能省掉开标或交付环节的来回解释。</p>
          <ul class="disc-list disc-list--ask">
            <li>投标文件或合同附件中写明具体规格参数、外箱尺寸与交付时长。</li>
            <li>面向业主、监理或第三方发布的验收判定说明。</li>
            <li>项目跨季度执行，引用的是较早季度的编号条目。</li>
            <li>经销商把档案条目并入自有价格表、订货单或线上商城展示。</li>
            <li>涉及跨省调拨时效与备件供应节奏的对外约定。</li>
          </ul>
          <p>把项目地区、用到的编号和具体用途一起说明，我们就能回一份对应当期版本的确认内容，方便直接附在方案后面。</p>
        </div>
      </div>
    </div>
  </section>

  <section class="disc-section" id="disc-contact">
    <div class="container">
      <div class="disc-section__inner">
        <div class="disc-section__no" aria-hidden="true">05</div>
        <div class="disc-section__body">
          <h2 class="disc-section__title">生效时间与联系方式</h2>
          <p>本页约定随季度档案同步更新，每期档案发布后重新确认一次。当期版本适用于当期的对外引用。</p>

          <div class="disc-quote">
            <span class="disc-quote__label">联系确认</span>
            <p>对某条资料的适用版本有疑问，或者需要一份当期确认函，工作日 9:00 至 18:00 联系我们。</p>

            <div class="disc-quote__rows">
              <div class="disc-quote__row">
                <span class="disc-quote__key">客服邮箱</span>
                <span class="disc-quote__val">service@weide-546-tools.com.cn</span>
                <button class="copy-btn disc-copy" type="button" data-copy="service@weide-546-tools.com.cn">复制邮箱</button>
              </div>
              <div class="disc-quote__row">
                <span class="disc-quote__key">客服电话</span>
                <span class="disc-quote__val">17060761007</span>
                <button class="copy-btn disc-copy" type="button" data-copy="17060761007">复制电话</button>
              </div>
            </div>
          </div>

          <p>提交询价或方案需求时，附上项目地区与用到的档案编号，我们能更快地对到当期内容。</p>
        </div>
      </div>
    </div>
  </section>

  <div class="disc-cta">
    <div class="container">
      <div class="disc-cta__inner">
        <a class="btn btn--primary" href="/stories/">查看季度更新档案</a>
        <a class="btn btn--ghost" href="/reach-us/">提交询价</a>
      </div>
      <p class="disc-cta__note">提交询价时填写的项目与联系信息如何使用，见 <a href="/privacy/">隐私政策</a>。</p>
    </div>
  </div>

</main>


/* ============================================================
   站点使用协议 /agreement/   —— 作用域 .page-disclaimer
   ============================================================ */

.page-disclaimer {
  background: var(--cream);
  color: var(--text);
  overflow-x: clip;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .disc-hero {
  position: relative;
  padding: clamp(20px, 3vw, 32px) 0 clamp(30px, 4.5vw, 58px);
  background:
    linear-gradient(180deg, rgba(176, 58, 31, 0.055), rgba(176, 58, 31, 0) 62%),
    var(--cream);
  border-bottom: 1px solid var(--line);
}

.page-disclaimer .disc-hero::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: min(220px, 36vw);
  height: 3px;
  background: var(--red-clay);
}

.page-disclaimer .disc-hero__crumb {
  margin-bottom: clamp(18px, 3vw, 30px);
}

.page-disclaimer .disc-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(24px, 3.5vw, 44px);
  align-items: start;
}

.page-disclaimer .disc-hero__eyebrow {
  margin: 0 0 14px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--red-clay);
}

.page-disclaimer .disc-hero h1 {
  margin: 0 0 18px;
  font-family: var(--font-sans);
  font-weight: 900;
  font-size: clamp(28px, 4.4vw, 50px);
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--ink);
  max-width: 16em;
}

.page-disclaimer .disc-hero__lead {
  margin: 0 0 26px;
  font-size: clamp(15.5px, 1.3vw, 17px);
  line-height: 1.85;
  color: var(--text-soft);
  max-width: 36em;
}

.page-disclaimer .disc-hero__points {
  margin: 0;
  padding: 20px 0 0;
  list-style: none;
  display: grid;
  gap: 11px;
  border-top: 1px dashed var(--line-strong);
  max-width: 38em;
}

.page-disclaimer .disc-hero__points li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 15px;
  line-height: 1.72;
  color: var(--text);
}

.page-disclaimer .disc-hero__points li::before {
  content: "";
  flex: 0 0 auto;
  width: 14px;
  height: 1px;
  margin-top: 12px;
  background: var(--clay-light);
}

/* ---------- 首屏图 ---------- */
.page-disclaimer .disc-figure {
  margin: 0;
}

.page-disclaimer .disc-figure__frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-lg);
  background: var(--paper);
  box-shadow: var(--shadow-2);
}

.page-disclaimer .disc-figure__img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.page-disclaimer .disc-figure__caption {
  margin-top: 12px;
  padding-left: 12px;
  border-left: 2px solid var(--sun);
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--stone);
}

/* ---------- 章节索引条 ---------- */
.page-disclaimer .disc-rail {
  background: var(--cream);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.page-disclaimer .disc-rail .container {
  display: flex;
  gap: 2px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.page-disclaimer .disc-rail .container::-webkit-scrollbar {
  display: none;
}

.page-disclaimer .disc-rail__link {
  flex: 0 0 auto;
  padding: 14px 15px 13px;
  font-family: var(--font-mono);
  font-size: 12.5px;
  letter-spacing: 0.05em;
  color: var(--stone);
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color 160ms var(--ease), border-color 160ms var(--ease);
}

.page-disclaimer .disc-rail__link:hover,
.page-disclaimer .disc-rail__link:focus-visible {
  color: var(--ink);
}

.page-disclaimer .disc-rail__link.is-active,
.page-disclaimer .disc-rail__link[aria-current="true"] {
  color: var(--red-clay);
  border-bottom-color: var(--sun);
}

/* ---------- 章节 ---------- */
.page-disclaimer .disc-section {
  padding: clamp(38px, 5.5vw, 78px) 0;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 24px;
}

.page-disclaimer .disc-section:last-of-type {
  border-bottom: 0;
}

.page-disclaimer .disc-section__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(14px, 2.4vw, 28px);
}

.page-disclaimer .disc-section__no {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.22em;
  color: var(--red-clay);
  padding-top: 5px;
}

.page-disclaimer .disc-section__no::after {
  content: "";
  display: block;
  margin-top: 12px;
  border-bottom: 1px dotted var(--line-strong);
}

.page-disclaimer .disc-section__title {
  margin: 0 0 18px;
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: clamp(20px, 2.5vw, 27px);
  line-height: 1.32;
  letter-spacing: -0.01em;
  color: var(--ink);
  max-width: 22em;
}

.page-disclaimer .disc-section__body > p,
.page-disclaimer .disc-section__body > ul,
.page-disclaimer .disc-section__body > .disc-subhead,
.page-disclaimer .disc-section__body > .disc-quote {
  max-width: 38em;
}

.page-disclaimer .disc-section__body > p {
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.85;
  color: var(--text);
}

.page-disclaimer .disc-section__body > p:last-child {
  margin-bottom: 0;
}

/* ---------- 条目清单 ---------- */
.page-disclaimer .disc-list {
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
}

.page-disclaimer .disc-list li {
  position: relative;
  padding: 13px 0 13px 26px;
  border-bottom: 1px solid var(--line);
  font-size: 15.5px;
  line-height: 1.78;
  color: var(--text);
}

.page-disclaimer .disc-list li strong {
  color: var(--ink);
  font-weight: 700;
}

.page-disclaimer .disc-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 26px;
  width: 12px;
  height: 1px;
  background: var(--clay-light);
}

.page-disclaimer .disc-list li:last-child {
  border-bottom: 0;
}

.page-disclaimer .disc-list--allow li {
  background: linear-gradient(90deg, rgba(15, 122, 92, 0.05), rgba(15, 122, 92, 0) 46%);
}

.page-disclaimer .disc-list--allow li::before {
  height: 2px;
  background: var(--jade);
}

.page-disclaimer .disc-list--ask li {
  background: linear-gradient(90deg, rgba(176, 58, 31, 0.05), rgba(176, 58, 31, 0) 46%);
}

.page-disclaimer .disc-list--ask li::before {
  height: 2px;
  background: var(--red-clay);
}

/* ---------- 分组标签 ---------- */
.page-disclaimer .disc-subhead {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 6px 0 14px;
  padding: 5px 11px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--jade);
  background: rgba(15, 122, 92, 0.07);
  border: 1px solid rgba(15, 122, 92, 0.28);
  border-radius: var(--radius);
}

.page-disclaimer .disc-subhead--clay {
  color: var(--red-clay);
  background: rgba(176, 58, 31, 0.07);
  border-color: rgba(176, 58, 31, 0.28);
}

/* ---------- 深色引用块 ---------- */
.page-disclaimer .disc-quote {
  position: relative;
  margin: 26px 0;
  padding: clamp(20px, 2.6vw, 28px) clamp(20px, 2.8vw, 30px);
  background: var(--ink);
  color: var(--cream);
  border-left: 4px solid var(--sun);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  box-shadow: var(--shadow-2);
}

.page-disclaimer .disc-quote__label {
  display: block;
  margin-bottom: 12px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--sun);
}

.page-disclaimer .disc-quote p {
  margin: 0;
  font-size: 16px;
  line-height: 1.82;
  color: rgba(245, 240, 230, 0.94);
  max-width: 34em;
}

.page-disclaimer .disc-quote p + p {
  margin-top: 12px;
}

.page-disclaimer .disc-quote__rows {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--line-inverse);
  display: grid;
  gap: 12px;
}

.page-disclaimer .disc-quote__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}

.page-disclaimer .disc-quote__key {
  flex: 0 0 auto;
  min-width: 72px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  color: rgba(233, 169, 60, 0.92);
}

.page-disclaimer .disc-quote__val {
  font-family: var(--font-mono);
  font-size: 15px;
  letter-spacing: 0.02em;
  color: var(--white);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

/* ---------- 复制按钮 ---------- */
.page-disclaimer .disc-copy.copy-btn {
  flex: 0 0 auto;
  padding: 7px 13px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.08em;
  color: var(--cream);
  background: rgba(245, 240, 230, 0.08);
  border: 1px solid var(--line-inverse);
  border-radius: var(--radius);
  cursor: pointer;
  transition:
    background 170ms var(--ease),
    border-color 170ms var(--ease),
    color 170ms var(--ease);
}

.page-disclaimer .disc-copy.copy-btn:hover {
  background: rgba(233, 169, 60, 0.18);
  border-color: var(--sun);
  color: var(--sun);
}

.page-disclaimer .disc-copy.copy-btn:focus-visible {
  outline: 2px solid var(--sun);
  outline-offset: 2px;
}

/* ---------- 版本对照表 ---------- */
.page-disclaimer .disc-tablewrap {
  margin: 8px 0 26px;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--white);
  overflow-x: auto;
  box-shadow: var(--shadow-1);
}

.page-disclaimer .disc-tablewrap .data-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-size: 14.5px;
}

.page-disclaimer .disc-tablewrap .data-table caption {
  caption-side: top;
  padding: 14px 18px 12px;
  text-align: left;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  color: var(--stone);
  border-bottom: 1px solid var(--line);
}

.page-disclaimer .disc-tablewrap .data-table th,
.page-disclaimer .disc-tablewrap .data-table td {
  padding: 13px 18px;
  text-align: left;
  vertical-align: top;
  line-height: 1.7;
  border-bottom: 1px solid var(--line);
}

.page-disclaimer .disc-tablewrap .data-table thead th {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--ink);
  background: var(--paper);
  white-space: nowrap;
}

.page-disclaimer .disc-tablewrap .data-table tbody tr:nth-child(even) {
  background: rgba(234, 223, 200, 0.32);
}

.page-disclaimer .disc-tablewrap .data-table tbody tr:last-child td {
  border-bottom: 0;
}

.page-disclaimer .disc-tablewrap .data-table tbody td:first-child {
  color: var(--ink);
  font-weight: 500;
}

/* ---------- 收尾引导 ---------- */
.page-disclaimer .disc-cta {
  padding: clamp(40px, 6vw, 78px) 0 clamp(46px, 7vw, 86px);
  background:
    linear-gradient(180deg, rgba(19, 36, 55, 0.035), rgba(19, 36, 55, 0) 72%),
    var(--cream);
}

.page-disclaimer .disc-cta__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  padding-bottom: 18px;
  border-bottom: 1px dotted var(--line-strong);
}

.page-disclaimer .disc-cta__note {
  margin: 16px 0 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--stone);
}

.page-disclaimer .disc-cta__note a {
  color: var(--jade);
  text-decoration: none;
  border-bottom: 1px solid rgba(15, 122, 92, 0.35);
  transition: border-color 160ms var(--ease), color 160ms var(--ease);
}

.page-disclaimer .disc-cta__note a:hover,
.page-disclaimer .disc-cta__note a:focus-visible {
  color: var(--moss);
  border-bottom-color: var(--moss);
}

/* ---------- 桌面布局 ---------- */
@media (min-width: 920px) {
  .page-disclaimer .disc-hero__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}

@media (min-width: 860px) {
  .page-disclaimer .disc-section__inner {
    grid-template-columns: 128px minmax(0, 1fr);
    gap: clamp(24px, 3.4vw, 48px);
  }
}

/* ---------- 窄屏微调 ---------- */
@media (max-width: 859px) {
  .page-disclaimer .disc-section__no {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 0;
  }

  .page-disclaimer .disc-section__no::after {
    flex: 1 1 auto;
    margin-top: 0;
    border-bottom: 1px dotted var(--line-strong);
  }
}

@media (max-width: 640px) {
  .page-disclaimer .disc-rail__link {
    padding: 12px 12px 11px;
    font-size: 12px;
  }

  .page-disclaimer .disc-quote__row {
    align-items: flex-start;
  }
}

/* ---------- 降低动效 ---------- */
@media (prefers-reduced-motion: reduce) {
  .page-disclaimer .disc-rail__link,
  .page-disclaimer .disc-copy.copy-btn,
  .page-disclaimer .disc-cta__note a {
    transition: none;
  }
}