.page-features-advanced {
  display: block;
}

/* ============ 面包屑与返回带 ============ */
.page-features-advanced .breadcrumb {
  padding-top: var(--space-3);
  padding-bottom: var(--space-1);
}

.page-features-advanced .fx-returnbar {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

.page-features-advanced .fx-returnbar__link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  padding: var(--space-2) var(--space-3);
  background-color: var(--color-surface-deep);
  border: var(--border-thin) solid var(--color-line);
  border-radius: var(--radius-sm);
  color: var(--color-ink);
  font-size: var(--text-sm);
  line-height: var(--leading-body);
  text-decoration: none;
  transition: border-color 150ms ease, color 150ms ease;
}

.page-features-advanced .fx-returnbar__link:hover {
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.page-features-advanced .fx-returnbar__arrow {
  font-family: var(--font-mono);
  font-weight: var(--weight-heading);
  color: var(--color-accent);
}

.page-features-advanced .fx-returnbar__link .mono {
  color: var(--color-accent);
}

/* ============ 首屏导语 ============ */
.page-features-advanced .fx-intro {
  position: relative;
  overflow: hidden;
}

.page-features-advanced .fx-intro__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  align-items: start;
}

.page-features-advanced .fx-intro__title {
  margin-top: var(--space-2);
  color: var(--color-contrast-ink);
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  text-wrap: balance;
}

.page-features-advanced .fx-intro__lede {
  margin-top: var(--space-3);
  color: var(--color-contrast-ink);
  max-width: var(--measure);
}

.page-features-advanced .fx-intro__facts {
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.page-features-advanced .fx-intro__facts li {
  padding: var(--space-1) var(--space-3);
  border: var(--border-thin) solid var(--color-contrast-line);
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
  color: var(--color-contrast-ink);
}

.page-features-advanced .fx-intro__facts .mono {
  color: var(--color-contrast-accent);
  font-weight: var(--weight-heading);
}

.page-features-advanced .fx-intro__figure {
  margin: 0;
  border: var(--border-thick) solid var(--color-contrast-line);
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  overflow: hidden;
}

.page-features-advanced .fx-intro__figure img,
.page-features-advanced .fx-formats__figure img,
.page-features-advanced .fx-rules__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

.page-features-advanced .fx-intro__figure .frame__caption {
  padding: var(--space-2) var(--space-3);
  color: var(--color-ink-soft);
  font-size: var(--text-xs);
}

.page-features-advanced .fx-intro__bar {
  position: absolute;
  top: var(--space-6);
  right: 4%;
  width: 78px;
  height: 16px;
  background-color: var(--color-primary);
  transform: rotate(-8deg);
  z-index: 0;
}

.page-features-advanced .fx-intro__dot {
  position: absolute;
  bottom: var(--space-4);
  right: 22%;
  width: 26px;
  height: 26px;
  background-color: var(--color-contrast-accent);
  border-radius: var(--radius-pill);
  z-index: 0;
}

/* ============ 范围界定 ============ */
.page-features-advanced .fx-scope {
  position: relative;
  overflow: hidden;
}

.page-features-advanced .fx-scope__square {
  position: absolute;
  top: var(--space-6);
  right: 3%;
  width: 44px;
  height: 44px;
  background-color: var(--color-primary-soft);
  border: var(--border-thick) solid var(--color-primary);
  border-radius: var(--radius-sm);
  transform: rotate(14deg);
  z-index: 0;
}

.page-features-advanced .fx-scope__notch {
  position: absolute;
  bottom: var(--space-6);
  left: 2%;
  width: 62px;
  height: 12px;
  background-color: var(--color-highlight);
  z-index: 0;
}

.page-features-advanced .fx-scope__head,
.page-features-advanced .fx-scope__grid {
  position: relative;
  z-index: 1;
}

.page-features-advanced .fx-scope__lead {
  margin-top: var(--space-3);
  max-width: var(--measure);
}

.page-features-advanced .fx-scope__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

.page-features-advanced .fx-scope__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3);
  background-color: var(--color-surface);
}

.page-features-advanced .fx-scope__card--b {
  background-color: var(--color-primary-soft);
}

.page-features-advanced .fx-scope__card--c {
  background-color: var(--color-surface-deep);
}

.page-features-advanced .fx-scope__card .title-block {
  margin: 0;
}

.page-features-advanced .fx-scope__card p {
  margin: 0;
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

/* ============ 导出前自检 ============ */
.page-features-advanced .fx-precheck__head .prose {
  margin-top: var(--space-3);
  max-width: var(--measure);
}

.page-features-advanced .fx-precheck__cols {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.page-features-advanced .fx-check-group {
  padding-left: var(--space-3);
  border-left: var(--border-thick) solid var(--color-line);
}

.page-features-advanced .fx-check-group:nth-child(1) {
  border-left-color: var(--color-primary);
}

.page-features-advanced .fx-check-group:nth-child(2) {
  border-left-color: var(--color-accent);
}

.page-features-advanced .fx-check-group:nth-child(3) {
  border-left-color: var(--color-ink-muted);
}

.page-features-advanced .fx-check-group__title {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
}

.page-features-advanced .fx-check-group__no {
  color: var(--color-ink-muted);
  font-size: var(--text-sm);
}

.page-features-advanced .fx-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-2);
}

.page-features-advanced .fx-checklist li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-features-advanced .fx-checklist__box {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  border: var(--border-thin) solid var(--color-ink-muted);
  border-radius: calc(var(--radius-sm) / 2);
  background-color: var(--color-surface-deep);
}

/* ============ 编号说明 ============ */
.page-features-advanced .fx-formats {
  position: relative;
  overflow: hidden;
}

.page-features-advanced .fx-formats__dot {
  position: absolute;
  top: var(--space-8);
  left: 2%;
  width: 22px;
  height: 22px;
  background-color: var(--color-accent);
  border-radius: var(--radius-pill);
  z-index: 0;
}

.page-features-advanced .fx-formats__head,
.page-features-advanced .fx-formats__figure,
.page-features-advanced .fx-notes {
  position: relative;
  z-index: 1;
}

.page-features-advanced .fx-formats__head .prose {
  margin-top: var(--space-3);
  max-width: var(--measure);
}

.page-features-advanced .fx-formats__figure {
  margin: var(--space-6) 0 0;
  border: var(--border-thick) solid var(--color-line);
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  overflow: hidden;
}

.page-features-advanced .fx-formats__figure .frame__caption {
  padding: var(--space-2) var(--space-3);
  color: var(--color-ink-soft);
  font-size: var(--text-xs);
}

.page-features-advanced .fx-notes {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

.page-features-advanced .fx-note {
  background-color: var(--color-surface);
  border: var(--border-thin) solid var(--color-line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-1);
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.page-features-advanced .fx-note[open] {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-2);
}

.page-features-advanced .fx-note__summary {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3);
  cursor: pointer;
  list-style: none;
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  color: var(--color-ink);
  line-height: var(--leading-heading);
}

.page-features-advanced .fx-note__summary::-webkit-details-marker {
  display: none;
}

.page-features-advanced .fx-note__marker {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: var(--border-thin) solid var(--color-ink-muted);
  border-radius: calc(var(--radius-sm) / 2);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1;
  color: var(--color-ink-soft);
}

.page-features-advanced .fx-note__marker::before {
  content: "+";
}

.page-features-advanced .fx-note[open] .fx-note__marker {
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.page-features-advanced .fx-note[open] .fx-note__marker::before {
  content: "–";
}

.page-features-advanced .fx-note__no {
  font-size: var(--text-sm);
  color: var(--color-accent);
}

.page-features-advanced .fx-note__title {
  font-size: var(--text-lg);
}

.page-features-advanced .fx-note__range {
  grid-column: 2 / -1;
  justify-self: start;
  white-space: nowrap;
}

.page-features-advanced .fx-note__body {
  border-top: var(--border-thin) solid var(--color-line);
  padding: var(--space-3);
}

.page-features-advanced .fx-note__rows {
  display: grid;
  gap: var(--space-2);
  margin: 0;
}

.page-features-advanced .fx-note__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-3);
  border-left: var(--border-thick) solid var(--color-line);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  background-color: var(--color-surface-alt);
}

.page-features-advanced .fx-note__row--a {
  border-left-color: var(--color-accent);
  background-color: var(--color-highlight);
}

.page-features-advanced .fx-note__row--b {
  border-left-color: var(--color-ink-muted);
  background-color: var(--color-surface-alt);
}

.page-features-advanced .fx-note__row--c {
  border-left-color: var(--color-primary);
  background-color: var(--color-primary-soft);
}

.page-features-advanced .fx-note__row dt,
.page-features-advanced .fx-note__row dd {
  margin: 0;
}

.page-features-advanced .fx-note__row dd {
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

/* ============ 批量规则组合 ============ */
.page-features-advanced .fx-rules__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  align-items: start;
}

.page-features-advanced .fx-rules__text .prose {
  margin-top: var(--space-3);
  max-width: var(--measure);
}

.page-features-advanced .fx-rules__list {
  counter-reset: fxrule;
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: 0;
  display: grid;
  gap: var(--space-3);
}

.page-features-advanced .fx-rules__list li {
  counter-increment: fxrule;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-features-advanced .fx-rules__list li::before {
  content: counter(fxrule, decimal-leading-zero);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  font-weight: var(--weight-heading);
  color: var(--color-accent-ink);
  background-color: var(--color-accent);
  border-radius: calc(var(--radius-sm) / 2);
  padding: var(--space-1) var(--space-2);
  line-height: 1.2;
}

.page-features-advanced .fx-rules__figure {
  margin: 0;
  border: var(--border-thick) solid var(--color-line);
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  overflow: hidden;
}

.page-features-advanced .fx-rules__figure .frame__caption {
  padding: var(--space-2) var(--space-3);
  color: var(--color-ink-soft);
  font-size: var(--text-xs);
}

.page-features-advanced .fx-conflict {
  margin-top: var(--space-6);
  padding: var(--space-4);
  background-color: var(--color-surface-deep);
  border: var(--border-thin) solid var(--color-line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-2);
}

.page-features-advanced .fx-conflict__title {
  margin: 0 0 var(--space-4);
}

.page-features-advanced .fx-conflict__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}

.page-features-advanced .fx-conflict__cell {
  padding: var(--space-3);
  border-radius: var(--radius-sm);
  border: var(--border-thin) solid var(--color-line);
  background-color: var(--color-surface);
}

.page-features-advanced .fx-conflict__cell--b {
  background-color: var(--color-highlight);
  border-color: var(--color-accent);
}

.page-features-advanced .fx-conflict__cell--c {
  background-color: var(--color-primary-soft);
  border-color: var(--color-primary);
}

.page-features-advanced .fx-conflict__cell p {
  margin: 0;
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-features-advanced .fx-conflict__tag {
  margin-bottom: var(--space-2) !important;
  font-size: var(--text-sm);
  font-weight: var(--weight-heading);
  color: var(--color-accent);
}

/* ============ 相邻主题 ============ */
.page-features-advanced .fx-next {
  position: relative;
  overflow: hidden;
}

.page-features-advanced .fx-next__bar {
  position: absolute;
  top: var(--space-6);
  right: 5%;
  width: 68px;
  height: 14px;
  background-color: var(--color-highlight);
  transform: rotate(6deg);
  z-index: 0;
}

.page-features-advanced .fx-next .container {
  position: relative;
  z-index: 1;
}

.page-features-advanced .fx-next__lead .prose {
  margin-top: var(--space-3);
  max-width: var(--measure);
}

.page-features-advanced .fx-next__links {
  list-style: none;
  margin: var(--space-6) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}

.page-features-advanced .fx-next__item {
  padding: var(--space-3);
  border: var(--border-thin) solid var(--color-line);
  border-left: var(--border-thick) solid var(--color-primary);
  border-radius: var(--radius-sm);
  background-color: var(--color-surface-alt);
  box-shadow: var(--shadow-1);
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.page-features-advanced .fx-next__item:hover {
  transform: translate(3px, -3px);
  border-color: var(--color-accent);
  box-shadow: var(--shadow-2);
}

.page-features-advanced .fx-next__item p {
  margin: 0;
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-features-advanced .fx-next__tag {
  margin-bottom: var(--space-2) !important;
  font-size: var(--text-sm);
  font-weight: var(--weight-heading);
  color: var(--color-ink-muted);
}

.page-features-advanced .fx-next__item a {
  color: var(--color-accent);
  font-weight: var(--weight-heading);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-features-advanced .fx-next__note {
  margin-top: var(--space-4);
  font-size: var(--text-sm);
  line-height: var(--leading-body);
  color: var(--color-ink-soft);
  max-width: var(--measure);
}

.page-features-advanced .fx-next__note a {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ============ 通用反馈 ============ */
.page-features-advanced a:focus-visible,
.page-features-advanced summary:focus-visible {
  outline: var(--border-thick) solid var(--color-focus);
  outline-offset: 2px;
}

/* ============ 响应式 ============ */
@media (min-width: 720px) {
  .page-features-advanced .fx-precheck__cols {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .page-features-advanced .fx-conflict__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-features-advanced .fx-next__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .page-features-advanced .fx-note__row {
    grid-template-columns: minmax(0, 92px) minmax(0, 1fr);
    gap: var(--space-3);
    align-items: baseline;
  }
}

@media (min-width: 860px) {
  .page-features-advanced .fx-intro__inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: var(--space-8);
  }

  .page-features-advanced .fx-note__summary {
    grid-template-columns: auto auto minmax(0, 1fr) auto;
  }

  .page-features-advanced .fx-note__range {
    grid-column: auto;
    justify-self: end;
  }

  .page-features-advanced .fx-scope__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
  }

  .page-features-advanced .fx-scope__card--b {
    margin-top: var(--space-4);
  }

  .page-features-advanced .fx-scope__card--c {
    margin-top: var(--space-2);
  }
}

@media (min-width: 980px) {
  .page-features-advanced .fx-rules__layout {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: var(--space-8);
  }

  .page-features-advanced .fx-conflict__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-features-advanced .fx-next__links {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-features-advanced .fx-returnbar__link,
  .page-features-advanced .fx-note,
  .page-features-advanced .fx-next__item {
    transition: none;
  }

  .page-features-advanced .fx-next__item:hover {
    transform: none;
  }
}
<<<END>>>

【输出前自检】
- 我已经核对过页面的视觉主体：首屏用深色反差区块承载超大标题与关键数字，条目列表完整；没有把 `--text-display` 或 `--text-figure` 用在本页，因为 `hero_display` 为 false。
- 页面上所有可见数字都写成最终值（6、9、47、264 等没有出现在空属性里）。
- HTML 里使用的 `data-reveal` 来自 `site_kit.interaction_data_attributes`，没有伪造其他 `data-*` 交互协议。
- 页面只用了 site_kit 里实际存在的变量名：`--color-surface`、`--color-surface-alt`、`--color-surface-deep`、`--color-ink`、`--color-ink-soft`、`--color-ink-muted`、`--color-line`、`--color-primary`、`--color-primary-ink`、`--color-primary-soft`、`--color-accent`、`--color-accent-ink`、`--color-highlight`、`--color-focus`、`--color-contrast-surface`、`--color-contrast-ink`、`--color-contrast-line`、`--color-contrast-accent`、`--font-heading`、`--font-body`、`--font-mono`、`--text-xs`～`--text-4xl`、`--weight-heading`、`--weight-body`、`--leading-body`、`--leading-heading`、`--tracking-heading`、`--radius-sm`～`--radius-pill`、`--border-thin`、`--border-thick`、`--shadow-1`、`--shadow-2`、`--space-1`～`--space-8`、`--container`、`--measure`、`--gutter`。
- 没有在 `main_html` 里重复输出 header、footer、html、head、body、style 或 script。
- 所有页面专属选择器都限定在 `.page-features-advanced` 作用域内，也没有重新定义共享头部与页脚。
- 三个图片占位都符合 `{zhanqunpic:h:高度w:宽度}` 的写法，且只有首屏主图没有加 `loading="lazy"`，其余两张都加了 `loading="lazy"` 与 `decoding="async"`。
- 站内链接指向的都是 `allowed_routes` 里的合法路径（`/`、`/features/`、`/rankings/`、`/events/`、`/contact/`），没有锚点空链。
- 内容区把六条编号说明、三组自检项、四条规则叠加顺序、三块冲突与校验说明完整展开，去掉了所有「示例」「待补充」之类的内部措辞。
- 最后检查了一遍，可见文案里没有出现「动线」「矩阵策略」「视觉基调」「创意 DNA」这类规划术语。
<main id="main-content" class="page-features-advanced">

  <nav class="breadcrumb container" aria-label="位置路径">
    <ol class="breadcrumb__list">
      <li><a href="/">壹号资料库总目录</a></li>
      <li><a href="/features/">使用工具矩阵</a></li>
      <li><span aria-current="page">帮助文档导出常见说明</span></li>
    </ol>
  </nav>

  <div class="container fx-returnbar">
    <a class="fx-returnbar__link" href="/features/">
      <span class="fx-returnbar__arrow" aria-hidden="true">←</span>
      <span class="mono">T- 条目入口</span>
      <span>返回使用工具矩阵 · 导出与格式转换分组</span>
    </a>
  </div>

  <section class="section section--deep fx-intro deco-host" data-reveal>
    <span class="deco-bar fx-intro__bar" aria-hidden="true"></span>
    <span class="deco-dot fx-intro__dot" aria-hidden="true"></span>

    <div class="container fx-intro__inner">
      <div class="fx-intro__text">
        <p class="eyebrow">导出专题 · 文档说明 E-</p>
        <h1 class="title-page fx-intro__title">帮助文档导出常见说明</h1>
        <p class="lede fx-intro__lede">导出这一步出的问题，多数不在数据本身，而是格式、编码与顺序三处对不上。这一页把编号体系启用以来出现频率较高的六类现象收成 E-01 至 E-06，每条写清触发条件与处理方式，并标明适用的版本区间，方便你对着手上那份文件逐条核。</p>
        <ul class="fx-intro__facts">
          <li><span class="mono">6</span> 条导出说明</li>
          <li><span class="mono">9</span> 个版本区间段</li>
          <li><span class="mono">47</span> 条差异说明出自第 81 轮归档</li>
        </ul>
      </div>

      <figure class="frame frame--wide fx-intro__figure">
        <div class="frame__media">
          <img src="{zhanqunpic:h:620w:1000}" width="1000" height="620" alt="导出流程线稿，自检、选择、导出、校验四个编号方块依次连接">
        </div>
        <figcaption class="frame__caption">图 1 · 导出四段顺序：条目自检 → 选择格式 → 执行导出 → 结果校验</figcaption>
      </figure>
    </div>
  </section>

  <section class="section section--alt fx-scope deco-host" aria-labelledby="fx-scope-title">
    <span class="deco-square fx-scope__square" aria-hidden="true"></span>
    <span class="deco-notch fx-scope__notch" aria-hidden="true"></span>

    <div class="container">
      <div class="fx-scope__head">
        <p class="eyebrow">范围界定</p>
        <h2 id="fx-scope-title" class="title-section">这一页只管导出与规则组合</h2>
        <p class="prose fx-scope__lead">六类工具类型的总览、条目状态的判定与矩阵筛选都在<a href="/features/">使用工具矩阵</a>里，这里不重复。本页讨论的是一个已经选好的条目集合，从按下导出到拿到一份可以进归档的文件，中间会发生什么。条目合并与版本回溯属于排序口径，只在下游影响导出结果。</p>
      </div>

      <div class="fx-scope__grid">
        <article class="index-card fx-scope__card fx-scope__card--a">
          <p class="index-card__no mono">适用区间</p>
          <h3 class="title-block">5.x — 9.x</h3>
          <p class="index-card__note">批注字段与分页控制自 5.x 起进入导出模板；9.x 之后模板按编号分组切页，同一条说明不再被拆到两页。</p>
        </article>

        <article class="index-card fx-scope__card fx-scope__card--b">
          <p class="index-card__no mono">相关分组</p>
          <h3 class="title-block">导出与格式转换、批量归档与打包、校验与存证</h3>
          <p class="index-card__note">三组工具与导出直接相连，条目编号以 T- 开头，可在矩阵里按工具类型筛出后对照阅读。</p>
        </article>

        <article class="index-card fx-scope__card fx-scope__card--c">
          <p class="index-card__no mono">不在本页</p>
          <h3 class="title-block">合并条目的去重与排序</h3>
          <p class="index-card__note">遇到状态为合并的条目先在<a href="/rankings/">差异条目流</a>里确认它属于哪一类差异，再回来决定导出条件，顺序反了会多导一份。</p>
        </article>
      </div>
    </div>
  </section>

  <section class="section section--surface fx-precheck" aria-labelledby="fx-precheck-title">
    <div class="container">
      <div class="fx-precheck__head">
        <p class="eyebrow">导出前自检</p>
        <h2 id="fx-precheck-title" class="title-section">先核对三类，再动手</h2>
        <p class="prose">三类检查有固定顺序：先确认要导出的条目范围，再确认这些条目落在哪个版本区间，最后确认字段是否齐全。任何一类没定下来，后面两步都要返工一轮。</p>
      </div>

      <div class="fx-precheck__cols">
        <div class="fx-check-group">
          <h3 class="title-block fx-check-group__title"><span class="mono fx-check-group__no">01</span>条目范围</h3>
          <ul class="fx-checklist">
            <li><span class="fx-checklist__box" aria-hidden="true"></span><span>要导出的是筛选后的结果，还是全部已归档条目</span></li>
            <li><span class="fx-checklist__box" aria-hidden="true"></span><span>筛选条件里是否带上状态标签，合并条目要不要排除在外</span></li>
            <li><span class="fx-checklist__box" aria-hidden="true"></span><span>条目数量是否与矩阵页面上的筛选计数一致，差一条也要查</span></li>
          </ul>
        </div>

        <div class="fx-check-group">
          <h3 class="title-block fx-check-group__title"><span class="mono fx-check-group__no">02</span>版本区间</h3>
          <ul class="fx-checklist">
            <li><span class="fx-checklist__box" aria-hidden="true"></span><span>所选条目是否跨越了两个以上版本区间段，跨越的要分开导</span></li>
            <li><span class="fx-checklist__box" aria-hidden="true"></span><span>区间端点版本号是否与条目说明里标注的一致，端点写错会漏条目</span></li>
            <li><span class="fx-checklist__box" aria-hidden="true"></span><span>1.x 至 4.x 的历史条目是否需要单独出一份，避免与现行区间混编</span></li>
          </ul>
        </div>

        <div class="fx-check-group">
          <h3 class="title-block fx-check-group__title"><span class="mono fx-check-group__no">03</span>字段完整性</h3>
          <ul class="fx-checklist">
            <li><span class="fx-checklist__box" aria-hidden="true"></span><span>编号、分类、条目说明、适用版本区间、状态五个字段是否全部进入模板</span></li>
            <li><span class="fx-checklist__box" aria-hidden="true"></span><span>批注字段是否需要随主体一起导出，还是另存一份单独归档</span></li>
            <li><span class="fx-checklist__box" aria-hidden="true"></span><span>导出后抽三条条目与页面原文逐字比对，编号与状态两处最易错</span></li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <section class="section section--soft fx-formats deco-host" aria-labelledby="fx-formats-title">
    <span class="deco-dot fx-formats__dot" aria-hidden="true"></span>

    <div class="container">
      <div class="fx-formats__head">
        <p class="eyebrow">编号说明 · E-01 至 E-06</p>
        <h2 id="fx-formats-title" class="title-section">格式、编码与分页上的常见现象</h2>
        <p class="prose">六条说明各自独立成立，按遇到频率从高到低排列。展开后依次是现象、原因与处理方式，右上角的等宽标签是适用版本区间，不写全区间通用的条目。</p>
      </div>

      <figure class="frame frame--wide fx-formats__figure">
        <div class="frame__media">
          <img src="{zhanqunpic:h:520w:900}" width="900" height="520" alt="三种导出格式在分页、编码与批注三项上的差异对照示意图，无真实软件界面" loading="lazy" decoding="async">
        </div>
        <figcaption class="frame__caption">图 2 · 格式差异集中在三处：分页是否按编号切、编码是否统一、批注是否随主体带出</figcaption>
      </figure>

      <div class="fx-notes">
        <details class="fx-note" open>
          <summary class="fx-note__summary">
            <span class="fx-note__marker" aria-hidden="true"></span>
            <span class="fx-note__no mono">E-01</span>
            <span class="fx-note__title">导出的字段列数少于页面上看到的字段</span>
            <span class="chip chip--soft fx-note__range mono">7.x — 9.x</span>
          </summary>
          <div class="fx-note__body">
            <dl class="fx-note__rows">
              <div class="fx-note__row fx-note__row--a">
                <dt class="field-key">现象</dt>
                <dd class="field-val">文件打开后只有六个基础列，页面上右侧那列批注不见了，条目说明本身完好。</dd>
              </div>
              <div class="fx-note__row fx-note__row--b">
                <dt class="field-key">原因</dt>
                <dd class="field-val">导出读取的是字段模板，而批注列属于动态列，默认模板里不含它。</dd>
              </div>
              <div class="fx-note__row fx-note__row--c">
                <dt class="field-key">处理</dt>
                <dd class="field-val">导出前在模板里勾上批注字段；如果只需要正文，保留默认模板即可，不必逐个补列。</dd>
              </div>
            </dl>
          </div>
        </details>

        <details class="fx-note">
          <summary class="fx-note__summary">
            <span class="fx-note__marker" aria-hidden="true"></span>
            <span class="fx-note__no mono">E-02</span>
            <span class="fx-note__title">中文条目出现问号或方框</span>
            <span class="chip chip--soft fx-note__range mono">6.x — 9.x</span>
          </summary>
          <div class="fx-note__body">
            <dl class="fx-note__rows">
              <div class="fx-note__row fx-note__row--a">
                <dt class="field-key">现象</dt>
                <dd class="field-val">文件名或字段值里的中文变成问号、方框，编号与版本号等数字部分显示正常。</dd>
              </div>
              <div class="fx-note__row fx-note__row--b">
                <dt class="field-key">原因</dt>
                <dd class="field-val">导出时的编码与打开时的编码不是同一套，中文先被改写再被还原，还原不回来。</dd>
              </div>
              <div class="fx-note__row fx-note__row--c">
                <dt class="field-key">处理</dt>
                <dd class="field-val">导出与打开统一按同一套字符集走；跨系统传递时在文件名里保留轮次号，便于追溯是哪一次导出的。</dd>
              </div>
            </dl>
          </div>
        </details>

        <details class="fx-note">
          <summary class="fx-note__summary">
            <span class="fx-note__marker" aria-hidden="true"></span>
            <span class="fx-note__no mono">E-03</span>
            <span class="fx-note__title">一条说明被拆到两页</span>
            <span class="chip chip--soft fx-note__range mono">8.x — 9.x</span>
          </summary>
          <div class="fx-note__body">
            <dl class="fx-note__rows">
              <div class="fx-note__row fx-note__row--a">
                <dt class="field-key">现象</dt>
                <dd class="field-val">同一条编号说明的现象段落在前一页末尾，处理段落跑到后一页开头。</dd>
              </div>
              <div class="fx-note__row fx-note__row--b">
                <dt class="field-key">原因</dt>
                <dd class="field-val">分页按固定行数切，不识别编号边界，条目越长越容易被切开。</dd>
              </div>
              <div class="fx-note__row fx-note__row--c">
                <dt class="field-key">处理</dt>
                <dd class="field-val">把分页规则改为按编号分组切页；导出的是一份要留档的文件时，宁可单页条目少几个，也不要跨页。</dd>
              </div>
            </dl>
          </div>
        </details>

        <details class="fx-note">
          <summary class="fx-note__summary">
            <span class="fx-note__marker" aria-hidden="true"></span>
            <span class="fx-note__no mono">E-04</span>
            <span class="fx-note__title">多次导出互相覆盖</span>
            <span class="chip chip--soft fx-note__range mono">5.x — 9.x</span>
          </summary>
          <div class="fx-note__body">
            <dl class="fx-note__rows">
              <div class="fx-note__row fx-note__row--a">
                <dt class="field-key">现象</dt>
                <dd class="field-val">同一批导出的文件名完全相同，后一次把前一次的覆盖掉，看目录时以为只导过一次。</dd>
              </div>
              <div class="fx-note__row fx-note__row--b">
                <dt class="field-key">原因</dt>
                <dd class="field-val">文件名模板只有固定前缀，没有轮次号与版本区间，相同前缀反复生成同名文件。</dd>
              </div>
              <div class="fx-note__row fx-note__row--c">
                <dt class="field-key">处理</dt>
                <dd class="field-val">在命名模板里加入归档轮次与版本区间两项，导出后按目录分开放，避免同一目录堆同名文件。</dd>
              </div>
            </dl>
          </div>
        </details>

        <details class="fx-note">
          <summary class="fx-note__summary">
            <span class="fx-note__marker" aria-hidden="true"></span>
            <span class="fx-note__no mono">E-05</span>
            <span class="fx-note__title">导出后的条目顺序与筛选视图不同</span>
            <span class="chip chip--soft fx-note__range mono">7.x — 9.x</span>
          </summary>
          <div class="fx-note__body">
            <dl class="fx-note__rows">
              <div class="fx-note__row fx-note__row--a">
                <dt class="field-key">现象</dt>
                <dd class="field-val">页面上按轮次排好的顺序，导出后变成按编号从早到晚排列，两条相邻说明被分开很远。</dd>
              </div>
              <div class="fx-note__row fx-note__row--b">
                <dt class="field-key">原因</dt>
                <dd class="field-val">导出默认按编号排序，而筛选视图默认按归档轮次排序，两套排序口径没有对齐。</dd>
              </div>
              <div class="fx-note__row fx-note__row--c">
                <dt class="field-key">处理</dt>
                <dd class="field-val">导出时选择与当前视图一致的排序；如果文件要长期归档，按编号排序更耐得住复查。</dd>
              </div>
            </dl>
          </div>
        </details>

        <details class="fx-note">
          <summary class="fx-note__summary">
            <span class="fx-note__marker" aria-hidden="true"></span>
            <span class="fx-note__no mono">E-06</span>
            <span class="fx-note__title">合并状态的条目重复出现两份</span>
            <span class="chip chip--soft fx-note__range mono">9.x</span>
          </summary>
          <div class="fx-note__body">
            <dl class="fx-note__rows">
              <div class="fx-note__row fx-note__row--a">
                <dt class="field-key">现象</dt>
                <dd class="field-val">状态为合并的条目在结果里出现两次，一次带来源编号，一次带目标编号，内容几乎一样。</dd>
              </div>
              <div class="fx-note__row fx-note__row--b">
                <dt class="field-key">原因</dt>
                <dd class="field-val">合并条目为了可追溯，保留了来源与目标两条记录，导出条件没有把来源那条排除掉。</dd>
              </div>
              <div class="fx-note__row fx-note__row--c">
                <dt class="field-key">处理</dt>
                <dd class="field-val">在导出条件里排除合并来源记录，只保留目标编号；需要完整合并链条时，另出一份差异条目清单。</dd>
              </div>
            </dl>
          </div>
        </details>
      </div>
    </div>
  </section>

  <section class="section section--alt fx-rules" aria-labelledby="fx-rules-title">
    <div class="container">
      <div class="fx-rules__layout">
        <div class="fx-rules__text">
          <p class="eyebrow">批量导出</p>
          <h2 id="fx-rules-title" class="title-section">规则怎么叠，冲突听谁的</h2>
          <p class="prose">批量导出允许多条规则同时生效，生效顺序固定为四步：范围规则、字段规则、格式规则、命名规则。前一步的输出是后一步的输入，所以顺序不能调换，调换之后报错信息往往会指向错误的那一步。</p>

          <ol class="fx-rules__list">
            <li><span><strong>范围规则</strong>决定这次导出哪些条目——包含状态过滤与版本区间过滤两项条件，两者是与的关系，同时满足才进入集合。</span></li>
            <li><span><strong>字段规则</strong>决定导出哪些列——五个基础字段默认全部带出，批注字段按需增减，一旦关闭就只影响正文，不影响编号。</span></li>
            <li><span><strong>格式规则</strong>决定目标格式、字符集与分页方式——分页方式只在这一步可选，改到后面两步就无效了。</span></li>
            <li><span><strong>命名规则</strong>决定文件名模板——建议模板里同时写入归档轮次与版本区间，重复输出的概率会明显下降。</span></li>
          </ol>
        </div>

        <figure class="frame fx-rules__figure">
          <div class="frame__media">
            <img src="{zhanqunpic:h:520w:760}" width="760" height="520" alt="规则卡片按范围、字段、格式、命名顺序叠放，箭头自上而下表示叠加顺序" loading="lazy" decoding="async">
          </div>
          <figcaption class="frame__caption">图 3 · 四条规则自上而下叠加，顺序固定</figcaption>
        </figure>
      </div>

      <div class="fx-conflict">
        <h3 class="title-block fx-conflict__title">冲突时以哪条为准</h3>
        <div class="fx-conflict__grid">
          <div class="fx-conflict__cell fx-conflict__cell--a">
            <p class="mono fx-conflict__tag">格式优先</p>
            <p>字段规则要求带出批注列，而格式规则指向的格式本身不支持批注时，以格式规则为准，批注列在这一份结果里被丢弃，并在文件开头写明被丢弃的字段名。</p>
          </div>
          <div class="fx-conflict__cell fx-conflict__cell--b">
            <p class="mono fx-conflict__tag">轮次兜底</p>
            <p>命名规则生成的文件名撞名时，以范围规则中命中的归档轮次号作为区分后缀；如果连轮次号也相同，说明两次导出的是同一批条目，直接沿用前一份即可。</p>
          </div>
          <div class="fx-conflict__cell fx-conflict__cell--c">
            <p class="mono fx-conflict__tag">导出后校验</p>
            <p>拿到文件后抽三条条目与页面原文逐字比对，重点看编号、状态标签与适用版本区间三处。三处都对得上，这份文件才可以进归档；有一处对不上，回到范围规则重新跑一遍。</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section section--surface fx-next deco-host" aria-labelledby="fx-next-title">
    <span class="deco-bar fx-next__bar" aria-hidden="true"></span>

    <div class="container">
      <div class="fx-next__lead">
        <p class="eyebrow">相邻主题</p>
        <h2 id="fx-next-title" class="title-section">回到矩阵，或去看公告与差异</h2>
        <p class="prose">本页只走导出这一条线。如果要找的是工具本身，或者要确认某一轮归档里口径有没有变化，从下面几个入口走。</p>
      </div>

      <ul class="fx-next__links">
        <li class="fx-next__item">
          <p class="mono fx-next__tag">T- 条目</p>
          <p><a href="/features/">使用工具矩阵</a>——按六类工具类型与九个版本区间段交叉定位，本页提到的字段模板、分页控制都落在导出与格式转换分组里。</p>
        </li>
        <li class="fx-next__item">
          <p class="mono fx-next__tag">R- 条目</p>
          <p><a href="/rankings/">差异条目流</a>——按新旧顺序编列的版本差异索引，遇到字段命名或编码变化时先在这里确认它属于哪一类。</p>
        </li>
        <li class="fx-next__item">
          <p class="mono fx-next__tag">N- 公告</p>
          <p><a href="/events/">更新公告中心</a>——归档轮次与公告目录，导出规则本身有调整时会写成新条目挂在对应轮次下。</p>
        </li>
        <li class="fx-next__item">
          <p class="mono fx-next__tag">总目录</p>
          <p><a href="/">壹号资料库总目录</a>——如果不确定要找的内容属于工具、文档还是公告，从总目录按编号前缀开始查。</p>
        </li>
      </ul>

      <p class="fx-next__note">对照过程中仍有对不上的地方，可以写信到客服邮箱说明具体版本号与导出格式，工作日 48 小时内回复；公开联系方式与用途边界见<a href="/contact/">联系我们</a>。</p>
    </div>
  </section>

</main>

.page-features-advanced {
  display: block;
}

/* ============ 面包屑与返回带 ============ */
.page-features-advanced .breadcrumb {
  padding-top: var(--space-3);
  padding-bottom: var(--space-1);
}

.page-features-advanced .fx-returnbar {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

.page-features-advanced .fx-returnbar__link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  padding: var(--space-2) var(--space-3);
  background-color: var(--color-surface-deep);
  border: var(--border-thin) solid var(--color-line);
  border-radius: var(--radius-sm);
  color: var(--color-ink);
  font-size: var(--text-sm);
  line-height: var(--leading-body);
  text-decoration: none;
  transition: border-color 150ms ease, color 150ms ease;
}

.page-features-advanced .fx-returnbar__link:hover {
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.page-features-advanced .fx-returnbar__arrow {
  font-family: var(--font-mono);
  font-weight: var(--weight-heading);
  color: var(--color-accent);
}

.page-features-advanced .fx-returnbar__link .mono {
  color: var(--color-accent);
}

/* ============ 首屏导语 ============ */
.page-features-advanced .fx-intro {
  position: relative;
  overflow: hidden;
}

.page-features-advanced .fx-intro__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  align-items: start;
}

.page-features-advanced .fx-intro__title {
  margin-top: var(--space-2);
  color: var(--color-contrast-ink);
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  text-wrap: balance;
}

.page-features-advanced .fx-intro__lede {
  margin-top: var(--space-3);
  color: var(--color-contrast-ink);
  max-width: var(--measure);
}

.page-features-advanced .fx-intro__facts {
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.page-features-advanced .fx-intro__facts li {
  padding: var(--space-1) var(--space-3);
  border: var(--border-thin) solid var(--color-contrast-line);
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
  color: var(--color-contrast-ink);
}

.page-features-advanced .fx-intro__facts .mono {
  color: var(--color-contrast-accent);
  font-weight: var(--weight-heading);
}

.page-features-advanced .fx-intro__figure {
  margin: 0;
  border: var(--border-thick) solid var(--color-contrast-line);
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  overflow: hidden;
}

.page-features-advanced .fx-intro__figure img,
.page-features-advanced .fx-formats__figure img,
.page-features-advanced .fx-rules__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

.page-features-advanced .fx-intro__figure .frame__caption {
  padding: var(--space-2) var(--space-3);
  color: var(--color-ink-soft);
  font-size: var(--text-xs);
}

.page-features-advanced .fx-intro__bar {
  position: absolute;
  top: var(--space-6);
  right: 4%;
  width: 78px;
  height: 16px;
  background-color: var(--color-primary);
  transform: rotate(-8deg);
  z-index: 0;
}

.page-features-advanced .fx-intro__dot {
  position: absolute;
  bottom: var(--space-4);
  right: 22%;
  width: 26px;
  height: 26px;
  background-color: var(--color-contrast-accent);
  border-radius: var(--radius-pill);
  z-index: 0;
}

/* ============ 范围界定 ============ */
.page-features-advanced .fx-scope {
  position: relative;
  overflow: hidden;
}

.page-features-advanced .fx-scope__square {
  position: absolute;
  top: var(--space-6);
  right: 3%;
  width: 44px;
  height: 44px;
  background-color: var(--color-primary-soft);
  border: var(--border-thick) solid var(--color-primary);
  border-radius: var(--radius-sm);
  transform: rotate(14deg);
  z-index: 0;
}

.page-features-advanced .fx-scope__notch {
  position: absolute;
  bottom: var(--space-6);
  left: 2%;
  width: 62px;
  height: 12px;
  background-color: var(--color-highlight);
  z-index: 0;
}

.page-features-advanced .fx-scope__head,
.page-features-advanced .fx-scope__grid {
  position: relative;
  z-index: 1;
}

.page-features-advanced .fx-scope__lead {
  margin-top: var(--space-3);
  max-width: var(--measure);
}

.page-features-advanced .fx-scope__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

.page-features-advanced .fx-scope__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3);
  background-color: var(--color-surface);
}

.page-features-advanced .fx-scope__card--b {
  background-color: var(--color-primary-soft);
}

.page-features-advanced .fx-scope__card--c {
  background-color: var(--color-surface-deep);
}

.page-features-advanced .fx-scope__card .title-block {
  margin: 0;
}

.page-features-advanced .fx-scope__card p {
  margin: 0;
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

/* ============ 导出前自检 ============ */
.page-features-advanced .fx-precheck__head .prose {
  margin-top: var(--space-3);
  max-width: var(--measure);
}

.page-features-advanced .fx-precheck__cols {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.page-features-advanced .fx-check-group {
  padding-left: var(--space-3);
  border-left: var(--border-thick) solid var(--color-line);
}

.page-features-advanced .fx-check-group:nth-child(1) {
  border-left-color: var(--color-primary);
}

.page-features-advanced .fx-check-group:nth-child(2) {
  border-left-color: var(--color-accent);
}

.page-features-advanced .fx-check-group:nth-child(3) {
  border-left-color: var(--color-ink-muted);
}

.page-features-advanced .fx-check-group__title {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
}

.page-features-advanced .fx-check-group__no {
  color: var(--color-ink-muted);
  font-size: var(--text-sm);
}

.page-features-advanced .fx-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-2);
}

.page-features-advanced .fx-checklist li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-features-advanced .fx-checklist__box {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  border: var(--border-thin) solid var(--color-ink-muted);
  border-radius: calc(var(--radius-sm) / 2);
  background-color: var(--color-surface-deep);
}

/* ============ 编号说明 ============ */
.page-features-advanced .fx-formats {
  position: relative;
  overflow: hidden;
}

.page-features-advanced .fx-formats__dot {
  position: absolute;
  top: var(--space-8);
  left: 2%;
  width: 22px;
  height: 22px;
  background-color: var(--color-accent);
  border-radius: var(--radius-pill);
  z-index: 0;
}

.page-features-advanced .fx-formats__head,
.page-features-advanced .fx-formats__figure,
.page-features-advanced .fx-notes {
  position: relative;
  z-index: 1;
}

.page-features-advanced .fx-formats__head .prose {
  margin-top: var(--space-3);
  max-width: var(--measure);
}

.page-features-advanced .fx-formats__figure {
  margin: var(--space-6) 0 0;
  border: var(--border-thick) solid var(--color-line);
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  overflow: hidden;
}

.page-features-advanced .fx-formats__figure .frame__caption {
  padding: var(--space-2) var(--space-3);
  color: var(--color-ink-soft);
  font-size: var(--text-xs);
}

.page-features-advanced .fx-notes {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

.page-features-advanced .fx-note {
  background-color: var(--color-surface);
  border: var(--border-thin) solid var(--color-line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-1);
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.page-features-advanced .fx-note[open] {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-2);
}

.page-features-advanced .fx-note__summary {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3);
  cursor: pointer;
  list-style: none;
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  color: var(--color-ink);
  line-height: var(--leading-heading);
}

.page-features-advanced .fx-note__summary::-webkit-details-marker {
  display: none;
}

.page-features-advanced .fx-note__marker {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: var(--border-thin) solid var(--color-ink-muted);
  border-radius: calc(var(--radius-sm) / 2);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1;
  color: var(--color-ink-soft);
}

.page-features-advanced .fx-note__marker::before {
  content: "+";
}

.page-features-advanced .fx-note[open] .fx-note__marker {
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.page-features-advanced .fx-note[open] .fx-note__marker::before {
  content: "–";
}

.page-features-advanced .fx-note__no {
  font-size: var(--text-sm);
  color: var(--color-accent);
}

.page-features-advanced .fx-note__title {
  font-size: var(--text-lg);
}

.page-features-advanced .fx-note__range {
  grid-column: 2 / -1;
  justify-self: start;
  white-space: nowrap;
}

.page-features-advanced .fx-note__body {
  border-top: var(--border-thin) solid var(--color-line);
  padding: var(--space-3);
}

.page-features-advanced .fx-note__rows {
  display: grid;
  gap: var(--space-2);
  margin: 0;
}

.page-features-advanced .fx-note__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-3);
  border-left: var(--border-thick) solid var(--color-line);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  background-color: var(--color-surface-alt);
}

.page-features-advanced .fx-note__row--a {
  border-left-color: var(--color-accent);
  background-color: var(--color-highlight);
}

.page-features-advanced .fx-note__row--b {
  border-left-color: var(--color-ink-muted);
  background-color: var(--color-surface-alt);
}

.page-features-advanced .fx-note__row--c {
  border-left-color: var(--color-primary);
  background-color: var(--color-primary-soft);
}

.page-features-advanced .fx-note__row dt,
.page-features-advanced .fx-note__row dd {
  margin: 0;
}

.page-features-advanced .fx-note__row dd {
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

/* ============ 批量规则组合 ============ */
.page-features-advanced .fx-rules__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  align-items: start;
}

.page-features-advanced .fx-rules__text .prose {
  margin-top: var(--space-3);
  max-width: var(--measure);
}

.page-features-advanced .fx-rules__list {
  counter-reset: fxrule;
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: 0;
  display: grid;
  gap: var(--space-3);
}

.page-features-advanced .fx-rules__list li {
  counter-increment: fxrule;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-features-advanced .fx-rules__list li::before {
  content: counter(fxrule, decimal-leading-zero);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  font-weight: var(--weight-heading);
  color: var(--color-accent-ink);
  background-color: var(--color-accent);
  border-radius: calc(var(--radius-sm) / 2);
  padding: var(--space-1) var(--space-2);
  line-height: 1.2;
}

.page-features-advanced .fx-rules__figure {
  margin: 0;
  border: var(--border-thick) solid var(--color-line);
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  overflow: hidden;
}

.page-features-advanced .fx-rules__figure .frame__caption {
  padding: var(--space-2) var(--space-3);
  color: var(--color-ink-soft);
  font-size: var(--text-xs);
}

.page-features-advanced .fx-conflict {
  margin-top: var(--space-6);
  padding: var(--space-4);
  background-color: var(--color-surface-deep);
  border: var(--border-thin) solid var(--color-line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-2);
}

.page-features-advanced .fx-conflict__title {
  margin: 0 0 var(--space-4);
}

.page-features-advanced .fx-conflict__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}

.page-features-advanced .fx-conflict__cell {
  padding: var(--space-3);
  border-radius: var(--radius-sm);
  border: var(--border-thin) solid var(--color-line);
  background-color: var(--color-surface);
}

.page-features-advanced .fx-conflict__cell--b {
  background-color: var(--color-highlight);
  border-color: var(--color-accent);
}

.page-features-advanced .fx-conflict__cell--c {
  background-color: var(--color-primary-soft);
  border-color: var(--color-primary);
}

.page-features-advanced .fx-conflict__cell p {
  margin: 0;
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-features-advanced .fx-conflict__tag {
  margin-bottom: var(--space-2) !important;
  font-size: var(--text-sm);
  font-weight: var(--weight-heading);
  color: var(--color-accent);
}

/* ============ 相邻主题 ============ */
.page-features-advanced .fx-next {
  position: relative;
  overflow: hidden;
}

.page-features-advanced .fx-next__bar {
  position: absolute;
  top: var(--space-6);
  right: 5%;
  width: 68px;
  height: 14px;
  background-color: var(--color-highlight);
  transform: rotate(6deg);
  z-index: 0;
}

.page-features-advanced .fx-next .container {
  position: relative;
  z-index: 1;
}

.page-features-advanced .fx-next__lead .prose {
  margin-top: var(--space-3);
  max-width: var(--measure);
}

.page-features-advanced .fx-next__links {
  list-style: none;
  margin: var(--space-6) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}

.page-features-advanced .fx-next__item {
  padding: var(--space-3);
  border: var(--border-thin) solid var(--color-line);
  border-left: var(--border-thick) solid var(--color-primary);
  border-radius: var(--radius-sm);
  background-color: var(--color-surface-alt);
  box-shadow: var(--shadow-1);
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.page-features-advanced .fx-next__item:hover {
  transform: translate(3px, -3px);
  border-color: var(--color-accent);
  box-shadow: var(--shadow-2);
}

.page-features-advanced .fx-next__item p {
  margin: 0;
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-ink);
}

.page-features-advanced .fx-next__tag {
  margin-bottom: var(--space-2) !important;
  font-size: var(--text-sm);
  font-weight: var(--weight-heading);
  color: var(--color-ink-muted);
}

.page-features-advanced .fx-next__item a {
  color: var(--color-accent);
  font-weight: var(--weight-heading);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-features-advanced .fx-next__note {
  margin-top: var(--space-4);
  font-size: var(--text-sm);
  line-height: var(--leading-body);
  color: var(--color-ink-soft);
  max-width: var(--measure);
}

.page-features-advanced .fx-next__note a {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ============ 通用反馈 ============ */
.page-features-advanced a:focus-visible,
.page-features-advanced summary:focus-visible {
  outline: var(--border-thick) solid var(--color-focus);
  outline-offset: 2px;
}

/* ============ 响应式 ============ */
@media (min-width: 720px) {
  .page-features-advanced .fx-precheck__cols {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .page-features-advanced .fx-conflict__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-features-advanced .fx-next__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .page-features-advanced .fx-note__row {
    grid-template-columns: minmax(0, 92px) minmax(0, 1fr);
    gap: var(--space-3);
    align-items: baseline;
  }
}

@media (min-width: 860px) {
  .page-features-advanced .fx-intro__inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: var(--space-8);
  }

  .page-features-advanced .fx-note__summary {
    grid-template-columns: auto auto minmax(0, 1fr) auto;
  }

  .page-features-advanced .fx-note__range {
    grid-column: auto;
    justify-self: end;
  }

  .page-features-advanced .fx-scope__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
  }

  .page-features-advanced .fx-scope__card--b {
    margin-top: var(--space-4);
  }

  .page-features-advanced .fx-scope__card--c {
    margin-top: var(--space-2);
  }
}

@media (min-width: 980px) {
  .page-features-advanced .fx-rules__layout {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: var(--space-8);
  }

  .page-features-advanced .fx-conflict__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-features-advanced .fx-next__links {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-features-advanced .fx-returnbar__link,
  .page-features-advanced .fx-note,
  .page-features-advanced .fx-next__item {
    transition: none;
  }

  .page-features-advanced .fx-next__item:hover {
    transform: none;
  }
}