.page-products {
  background:
    radial-gradient(120% 70% at 85% -10%, rgba(201, 162, 39, .10), transparent 62%),
    radial-gradient(90% 50% at 0% 40%, rgba(59, 47, 99, .16), transparent 60%),
    var(--ink);
  color: var(--cloud);
  font-family: var(--font-body);
  overflow-x: hidden;
}

/* ---------- 面包屑微调 ---------- */
.page-products .crumbs {
  max-width: var(--shell);
  margin: 0 auto;
  padding: 20px var(--gutter) 0;
}
.page-products .crumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: var(--silver);
}
.page-products .crumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.page-products .crumbs__item + .crumbs__item::before {
  content: "/";
  color: var(--gold-dim);
}
.page-products .crumbs__link {
  color: var(--silver);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 140ms var(--ease), border-color 140ms var(--ease);
}
.page-products .crumbs__link:hover,
.page-products .crumbs__link:focus-visible {
  color: var(--gold-hi);
  border-bottom-color: var(--gold-hi);
}

/* ---------- 通用节奏 ---------- */
.page-products .section {
  padding: 52px 0;
}
.page-products .section-head {
  margin-bottom: 26px;
}

/* ---------- 首屏 ---------- */
.page-products .prod-hero {
  padding: 30px 0 46px;
}
.page-products .prod-hero__grid {
  display: grid;
  gap: 30px;
}
.page-products .prod-hero h1 {
  margin: 16px 0 0;
  font-family: var(--font-title);
  font-weight: 800;
  font-size: clamp(32px, 6.4vw, 66px);
  line-height: 1.08;
  letter-spacing: -0.015em;
  color: var(--cloud);
}
.page-products .prod-hero__lede {
  margin: 18px 0 0;
  max-width: 62ch;
  font-size: 16px;
  line-height: 1.78;
  color: #C6CCD0;
}
.page-products .prod-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}
.page-products .prod-hero__figure {
  position: relative;
  margin: 0;
  border: 1px solid var(--gold-dim);
  box-shadow: 12px 12px 0 rgba(0, 0, 0, .55);
  overflow: hidden;
  background: var(--coal);
}
.page-products .prod-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16 / 9;
  filter: saturate(.85) contrast(1.06);
}
.page-products .prod-hero__caption {
  position: absolute;
  inset: auto 0 0 0;
  padding: 12px 16px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--gold-hi);
  background: linear-gradient(to top, rgba(11, 13, 15, .94), rgba(11, 13, 15, 0));
}

/* ---------- 结论摘要 ---------- */
.page-products .prod-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
  background: rgba(110, 90, 34, .55);
  border: 1px solid rgba(110, 90, 34, .55);
}
.page-products .prod-stats .stat {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 16px;
  background: var(--coal);
}
.page-products .prod-stats .stat:last-child:nth-child(odd) {
  grid-column: span 2;
}
.page-products .prod-stats .stat__value {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: clamp(19px, 3.4vw, 27px);
  letter-spacing: -0.01em;
  color: var(--gold-hi);
  white-space: nowrap;
}
.page-products .prod-stats .stat__label {
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--silver);
}

.page-products .prod-brief__split {
  display: grid;
  gap: 26px;
}
.page-products .prod-brief__figure {
  margin: 0;
  border: 1px solid var(--gold-dim);
  background: var(--coal);
  overflow: hidden;
}
.page-products .prod-brief__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 3 / 2;
  filter: saturate(.82) contrast(1.05);
}
.page-products .prod-brief__caption {
  display: block;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--silver);
  border-top: 1px solid rgba(110, 90, 34, .45);
}
.page-products .prod-brief__notes .panel {
  margin: 0 0 16px;
  padding: 18px 20px;
  background: var(--coal);
}
.page-products .prod-brief__notes .panel:last-child {
  margin-bottom: 0;
}
.page-products .prod-brief__panel-title {
  margin: 0 0 8px;
  font-family: var(--font-title);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--cloud);
}
.page-products .prod-brief__notes .panel p {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: #BEC5C9;
}

/* ---------- 七类游戏 ---------- */
.page-products .prod-cats__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  background: rgba(110, 90, 34, .42);
  border: 1px solid rgba(110, 90, 34, .42);
}
.page-products .prod-cat {
  position: relative;
  padding: 20px 20px 22px;
  background: var(--coal);
  border-left: 3px solid var(--gold-dim);
  transition: background 140ms var(--ease);
}
.page-products .prod-cat:hover {
  background: var(--coal-deep);
}
.page-products .prod-cat--gold { border-left-color: var(--gold); }
.page-products .prod-cat--goldhi { border-left-color: var(--gold-hi); }
.page-products .prod-cat--cinnabar { border-left-color: var(--cinnabar); }
.page-products .prod-cat--deep { border-left-color: var(--cinnabar-deep); }
.page-products .prod-cat--jade { border-left-color: var(--jade); }
.page-products .prod-cat--indigo { border-left-color: var(--indigo-soft); }
.page-products .prod-cat--silver { border-left-color: var(--silver); }
.page-products .prod-cat__tag {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .14em;
  color: var(--silver);
}
.page-products .prod-cat__name {
  margin: 8px 0 0;
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--cloud);
}
.page-products .prod-cat__rate {
  margin: 8px 0 0;
  font-size: 13px;
  letter-spacing: .02em;
  color: var(--gold);
}
.page-products .prod-cat__desc {
  margin: 12px 0 0;
  font-size: 14.5px;
  line-height: 1.76;
  color: #B7BFC4;
}

/* ---------- 对照矩阵 ---------- */
.page-products .prod-matrix__layout {
  display: grid;
  gap: 26px;
}
.page-products .prod-index__title {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .16em;
  color: var(--gold);
}
.page-products .prod-index__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: var(--hair);
}
.page-products .prod-index__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 4px;
  border-bottom: var(--hair);
  font-size: 14px;
  color: var(--silver);
  text-decoration: none;
  transition: color 140ms var(--ease), padding-left 140ms var(--ease);
}
.page-products .prod-index__link::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  background: var(--gold-dim);
  transition: background 140ms var(--ease);
}
.page-products .prod-index__link:hover,
.page-products .prod-index__link:focus-visible {
  color: var(--gold-hi);
  padding-left: 10px;
}
.page-products .prod-index__link:hover::before,
.page-products .prod-index__link:focus-visible::before {
  background: var(--gold-hi);
}
.page-products .prod-index__figure {
  margin: 24px 0 0;
  border: 1px solid var(--gold-dim);
  background: var(--coal);
  overflow: hidden;
}
.page-products .prod-index__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 4 / 5;
  filter: saturate(.7) contrast(1.08);
}

.page-products .prod-table-zone__hint {
  margin: 0 0 14px;
  padding: 12px 14px;
  border-left: 3px solid var(--jade);
  background: rgba(47, 111, 94, .14);
  font-size: 13.5px;
  line-height: 1.7;
  color: #C6CCD0;
}
.page-products .prod-table-zone__foot {
  margin: 16px 0 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--silver);
}

.page-products .prod-table {
  width: 100%;
  min-width: 780px;
  border-collapse: collapse;
  font-size: 14px;
}
.page-products .prod-table thead th {
  padding: 12px 14px;
  text-align: left;
  white-space: nowrap;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--gold);
  background: var(--coal-deep);
  border-bottom: 1px solid var(--gold-dim);
}
.page-products .prod-table tbody td {
  padding: 12px 14px;
  white-space: nowrap;
  color: var(--cloud);
  border-bottom: 1px solid rgba(110, 90, 34, .3);
  vertical-align: middle;
}
.page-products .prod-table tbody tr:nth-child(even) {
  background: rgba(21, 25, 28, .72);
}
.page-products .prod-table tbody tr:hover {
  background: rgba(201, 162, 39, .1);
}
.page-products .prod-table tbody tr[data-seat-match] {
  background: rgba(79, 169, 140, .18);
  box-shadow: inset 3px 0 0 var(--jade);
}
.page-products .prod-table .num {
  font-family: var(--font-mono);
  text-align: right;
  letter-spacing: -0.01em;
}

.page-products .rv {
  display: flex;
  align-items: center;
  gap: 10px;
}
.page-products .rv__bar {
  display: block;
  flex: none;
  height: 6px;
  background: linear-gradient(90deg, var(--gold-dim), var(--gold-hi));
}
.page-products .rv__bar--a { width: 62px; }
.page-products .rv__bar--b { width: 46px; }
.page-products .rv__bar--c { width: 32px; }
.page-products .rv__bar--d { width: 20px; }
.page-products .rv__val {
  font-size: 13px;
  color: var(--gold-hi);
}

/* ---------- 桌台编号与投注区间 ---------- */
.page-products .prod-seat__grid {
  display: grid;
  gap: 26px;
  margin-bottom: 34px;
}
.page-products .prod-seat__figure {
  margin: 0;
  border: 1px solid var(--gold-dim);
  background: var(--coal);
  overflow: hidden;
}
.page-products .prod-seat__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 4 / 3;
  filter: saturate(.78) contrast(1.08);
}
.page-products .prod-seat__caption {
  display: block;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--silver);
  border-top: 1px solid rgba(110, 90, 34, .45);
}
.page-products .prod-seat__text p {
  margin: 0 0 14px;
  font-size: 15.5px;
  line-height: 1.8;
  color: #C2C8CD;
}
.page-products .prod-seat__text p:last-child {
  margin-bottom: 0;
}
.page-products .prod-seat__demo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 18px;
}
.page-products .seat-digit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 54px;
  font-family: var(--font-mono);
  font-size: 24px;
  font-weight: 600;
  border: 1px solid var(--gold-dim);
  background: var(--coal);
}
.page-products .seat-digit--zone {
  color: var(--jade);
  border-color: var(--jade-deep);
}
.page-products .seat-digit--table {
  color: var(--gold-hi);
}
.page-products .prod-seat__demo-label {
  width: 100%;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--silver);
}
.page-products .prod-seat__sub {
  margin: 0 0 14px;
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: 700;
  color: var(--cloud);
}
.page-products .prod-fold {
  border: 1px solid rgba(110, 90, 34, .45);
  border-bottom: none;
  background: var(--coal);
}
.page-products .prod-fold:last-of-type {
  border-bottom: 1px solid rgba(110, 90, 34, .45);
}
.page-products .prod-fold > summary {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  cursor: pointer;
  list-style: none;
  font-size: 15px;
  color: var(--cloud);
  transition: background 140ms var(--ease);
}
.page-products .prod-fold > summary::-webkit-details-marker {
  display: none;
}
.page-products .prod-fold > summary::after {
  content: "+";
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 17px;
  color: var(--gold);
}
.page-products .prod-fold[open] > summary::after {
  content: "–";
}
.page-products .prod-fold > summary:hover,
.page-products .prod-fold > summary:focus-visible {
  background: rgba(201, 162, 39, .08);
}
.page-products .prod-fold__body {
  margin: 0;
  padding: 0 18px 16px;
  font-size: 14px;
  line-height: 1.78;
  color: #AEB7BC;
}

/* ---------- 查找与排序 ---------- */
.page-products .prod-steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: rgba(110, 90, 34, .4);
  border: 1px solid rgba(110, 90, 34, .4);
}
.page-products .prod-steps__item {
  padding: 22px 20px;
  background: var(--coal);
  border-left: 3px solid var(--indigo-soft);
}
.page-products .prod-steps__num {
  display: block;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .18em;
  color: var(--gold);
}
.page-products .prod-steps__title {
  margin: 10px 0 0;
  font-family: var(--font-title);
  font-size: 19px;
  font-weight: 700;
  color: var(--cloud);
}
.page-products .prod-steps__text {
  margin: 10px 0 0;
  font-size: 14.5px;
  line-height: 1.78;
  color: #B7BFC4;
}

/* ---------- 版本说明 ---------- */
.page-products .prod-version__inner {
  display: grid;
  gap: 26px;
}
.page-products .prod-version__copy p {
  margin: 0 0 16px;
  font-size: 15.5px;
  line-height: 1.8;
  color: #C2C8CD;
}
.page-products .prod-version__rounds {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  border-top: var(--hair);
}
.page-products .prod-version__rounds li {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 14px;
  align-items: baseline;
  padding: 11px 0;
  border-bottom: var(--hair);
  font-size: 14.5px;
  line-height: 1.7;
  color: #B7BFC4;
}
.page-products .prod-version__rounds .num {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: .06em;
  color: var(--gold-hi);
}
.page-products .prod-inline-link {
  color: var(--gold-hi);
  text-decoration: none;
  border-bottom: 1px solid var(--gold-dim);
  transition: border-color 140ms var(--ease), color 140ms var(--ease);
}
.page-products .prod-inline-link:hover,
.page-products .prod-inline-link:focus-visible {
  color: var(--gold);
  border-bottom-color: var(--gold);
}
.page-products .prod-version__figure {
  margin: 0;
  border: 1px solid var(--gold-dim);
  background: var(--coal);
  overflow: hidden;
}
.page-products .prod-version__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 14 / 9;
  filter: saturate(.7) contrast(1.1);
}
.page-products .prod-version__caption {
  display: block;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--silver);
  border-top: 1px solid rgba(110, 90, 34, .45);
}

/* ---------- 收尾 ---------- */
.page-products .prod-cta__inner {
  padding: 30px 22px;
  border: 1px solid var(--gold-dim);
  background:
    linear-gradient(135deg, rgba(59, 47, 99, .55), rgba(11, 13, 15, .92) 62%),
    var(--coal);
  box-shadow: 10px 10px 0 rgba(0, 0, 0, .5);
}
.page-products .prod-cta__title {
  margin: 14px 0 0;
  font-family: var(--font-title);
  font-size: clamp(24px, 4.4vw, 34px);
  font-weight: 800;
  letter-spacing: -0.012em;
  color: var(--cloud);
}
.page-products .prod-cta__text {
  margin: 14px 0 0;
  max-width: 66ch;
  font-size: 15.5px;
  line-height: 1.8;
  color: #C2C8CD;
}
.page-products .prod-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

/* ---------- 响应式 ---------- */
@media (min-width: 640px) {
  .page-products .prod-cats__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-products .prod-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-products .prod-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .page-products .prod-stats .stat:last-child:nth-child(odd) {
    grid-column: auto;
  }
}

@media (min-width: 768px) {
  .page-products .section {
    padding: 72px 0;
  }
  .page-products .prod-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .page-products .prod-cats__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .page-products .prod-version__rounds li {
    grid-template-columns: 76px minmax(0, 1fr);
  }
}

@media (min-width: 960px) {
  .page-products .prod-seat__grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: start;
    gap: 36px;
  }
  .page-products .prod-brief__split {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: start;
    gap: 34px;
  }
}

@media (min-width: 1024px) {
  .page-products .prod-hero {
    padding: 40px 0 60px;
  }
  .page-products .prod-hero__grid {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
    align-items: end;
    gap: 44px;
  }
  .page-products .prod-matrix__layout {
    grid-template-columns: 252px minmax(0, 1fr);
    align-items: start;
    gap: 34px;
  }
  .page-products .prod-index {
    position: sticky;
    top: 96px;
  }
  .page-products .prod-version__inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
    gap: 40px;
  }
  .page-products .prod-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .page-products .prod-cta__inner {
    padding: 40px 40px;
  }
}

@media (min-width: 1440px) {
  .page-products .prod-hero__grid {
    gap: 56px;
  }
  .page-products .prod-matrix__layout {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-products .crumbs__link,
  .page-products .prod-cat,
  .page-products .prod-index__link,
  .page-products .prod-index__link::before,
  .page-products .prod-fold > summary,
  .page-products .prod-inline-link {
    transition: none;
  }
}
</style>
<<<END>>>

等等——我不应该包含 `</style>`。让我重新检查一下输出格式要求。

输出格式是：
```

...

...
```

没有 `</style>` 标签。我需要去掉最后的 `</style>`。

另外我还应该检查一下：我是不是错误地包含了 `<style>` 标签的开头？让我捋一下……我的 PAGE_CSS 就直接以 CSS 开头。没问题。最后只是多出来的 `</style>`。去掉它。

我再检查一下其他潜在问题：
- `.page-products .prod-stats .stat:last-child:nth-child(odd)`——在 5 个项目的 3 列网格里，最后一项是第 5 个。第 5 个不是奇数……等一下，数一下：1、2、3、4、5。5 是奇数。所以它跨 2 列，在第 2 行占据第 2-3 个位置……嗯，其实在 3 列网格里，第 5 项会落在第 2 行第 2 列，只跨 2 列的话会占第 2 行第 2-3 列。这没问题，看起来挺平衡的。

- 在 640px 时是 3 列，所以第 5 项会落在第 2 行第 2 列。但我在 640px 断点里重置了 `grid-column: auto`。等等，我在 640 的媒体查询里写了 `.prod-stats .stat:last-child:nth-child(odd) { grid-column: auto; }`，这是对的，因为 3 列时 5 项是平衡的。好。

- 在 768+ 时是 5 列，正好。

- `.prod-table .num` 设置了 `text-align: right`——对编号列来说没问题。

- 检查一下 `prod-index` 里 sticky 用的 `top: 96px`——页头可能是粘性的，高度大概 64-80px。96px 可以。

- 图片 alt 文本——没问题。

- 面包屑：`<li class="crumbs__item">厂商与额度对照</li>`——最后一个没有链接。好。

- 检查内链：`/`、`/tutorial/`（两次：hero 和 CTA）、`/notes/`、`/overview/`、`/feedback/`。全部有效。

- 哈希链接：`#vendor-matrix`（两次——hero 按钮和索引链接）、`#cat-electronic`、`#cat-live`、`#cat-board`、`#cat-fishing`、`#cat-sports`、`#cat-lottery`、`#cat-arcade`。这些 ID 都存在吗？让我检查一下：
  - `id="vendor-matrix"` 在 section 上 ✓
  - `id="cat-electronic"` 在 article 上 ✓
  - `id="cat-live"` ✓
  - `id="cat-board"` ✓
  - `id="cat-fishing"` ✓
  - `id="cat-sports"` ✓
  - `id="cat-lottery"` ✓
  - `id="cat-arcade"` ✓
  全部没问题。`#seat-rules` 只在 prod-seat section 的 id 里出现，但没有链接指向它——没关系，不过其实我可以加一个。无所谓。

- 带 `role="img"` 和 `aria-label` 的 demo div——应该能用。

- `aria-labelledby` 引用：`prod-hero-title` ✓、`prod-brief-title` ✓、`prod-cats-title` ✓、`prod-matrix-title` ✓、`prod-seat-title` ✓、`prod-tools-title` ✓、`prod-version-title` ✓、`prod-cta-title` ✓。

- 整个 main 里只用一个 h1 ✓。

- 品牌名“尊龙娱乐”出现在 hero 导语里 ✓。

- 关键词“尊龙游戏娱乐返水比例”——嗯，我实际上没用这个确切的短语，我用的是“返水档位”。让我检查一下……我写的是“尊龙娱乐的这张对照总表先让您看清 0.4% 到 1.2% 的档位分布”。这个确切关键词没有出现。它被分配到当前页了，所以应该至少出现一次。让我修改一下 hero 导语，加进去。

其实，嗯——“尊龙游戏娱乐返水比例”有点别扭。我把它自然地放在某个地方，例如：“不同厂商的尊龙游戏娱乐返水比例差别，主要来自玩法类别与结算周期。”嗯。或者放在导语里：“尊龙游戏娱乐返水比例从 0.4% 到 1.2%，按类别和结算周期分成四段。”

让我重写 hero 导语：
“尊龙游戏娱乐返水比例从 0.4% 到 1.2%，按玩法类别与结算周期分成四段。这张对照总表让您先看清档位分布，再按玩法缩小到几家厂商，最后用四位桌台编号落到具体投注区间——整个过程不用来回翻页。”

更好。现在“尊龙游戏娱乐返水比例”出现了，品牌名也出现了。

但是等等，然后“先看结论”那个区块的头部写的是“整体区间 0.4% 至 1.2%”——有点重复。没关系，那是不同的表述。

嗯，从英雄区导语里删掉“尊龙娱乐的这张对照总表”，因为现在品牌名已经在关键词里了。

让我也检查一下“厂商列表对照”出现了——对，是矩阵区块的眉题 ✓。

- 检查一下我有没有违反规则：不能出现“口径”、“边界”、“核对”、“可核对”、“逐条核对”、“资料性呈现”、“统一口径”、“跨页面一致”、“不代表”、“不做承诺”、“不设”、“不提供”、“本页只”、“这个页面只做”、“我们不做”。

让我扫描一下……“类别名称与下方表格的色条、筛选项保持同一套写法”——嗯，这有点像在说网站结构。让我改写成：“七类游戏各有一段档位说明，点开就能看到适合谁。”更好。

还有“表格可左右滑动查看全部列”——这是操作说明，可以接受。“在页面右上角的编号框里输入四位桌台编号，对应行会亮起青玉绿标记”——也是操作说明，没问题。

嗯，“对照内容按轮次推进，2021 年建档后每年完整复核一次”——“复核”不在禁用词里（“核对”才是）。应该没关系。不过还是换个说法：“每年完整过一遍”。

还有第 18 条的检查：连续 8 个以上相同字符出现次数不能超过 2 次。应该没问题。

让我再仔细看一遍并修正。

还有一点：`.prod-table-zone__foot` 里写了“我们会排进下一次补充批次”——这其实是在承诺。改成“可以告诉我们”。

现在来定稿。

最后我还想再检查一下表格行的 `data-seat` 值：1001、1101、1201……这些是 4 位数 ✓。

另外 `prod-fold` 第一个默认是 `open` 状态——没问题。

好，定稿吧。
<main id="main-content" class="page-products">

  <nav class="crumbs" aria-label="面包屑导航">
    <ol class="crumbs__list">
      <li class="crumbs__item"><a class="crumbs__link" href="/">首页</a></li>
      <li class="crumbs__item">厂商与额度对照</li>
    </ol>
  </nav>

  <section class="prod-hero" aria-labelledby="prod-hero-title">
    <div class="shell prod-hero__grid">
      <div class="prod-hero__copy">
        <p class="eyebrow">对照总表 · 2021—2025</p>
        <h1 id="prod-hero-title">把 42 家厂商的返水档位与桌台编号，摊在同一张表里比较</h1>
        <p class="prod-hero__lede">尊龙游戏娱乐返水比例从 0.4% 到 1.2%，按玩法类别与结算周期分成四段。这张总表让您先看清档位分布，再按玩法缩小到几家厂商，最后用四位桌台编号落到具体投注区间——整个过程不用来回翻页，也不必记住上一家的数字。</p>
        <div class="prod-hero__actions">
          <a class="btn btn--cinnabar" href="#vendor-matrix">进入对照矩阵</a>
          <a class="btn btn--ghost" href="/tutorial/">查看编号与设备教程</a>
        </div>
      </div>
      <figure class="prod-hero__figure">
        <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="低光桌面上摊开的对照表格与一枚金属书签">
        <figcaption class="prod-hero__caption">厂商 · 类别 · 返水档位 · 编号前缀</figcaption>
      </figure>
    </div>
  </section>

  <section class="prod-brief section" aria-labelledby="prod-brief-title">
    <div class="shell">
      <div class="section-head">
        <p class="eyebrow">先看结论</p>
        <h2 class="section-head__title" id="prod-brief-title">返水从哪一档起，取决于玩法与结算周期</h2>
        <p class="section-head__meta">整体落在 0.4% 至 1.2%，按类别与结算档位分成四段</p>
      </div>

      <ul class="prod-stats">
        <li class="stat"><span class="stat__value">42</span><span class="stat__label">家厂商收录</span></li>
        <li class="stat"><span class="stat__value">1,860</span><span class="stat__label">个桌台编号</span></li>
        <li class="stat"><span class="stat__value">26</span><span class="stat__label">个厅区</span></li>
        <li class="stat"><span class="stat__value">6 档</span><span class="stat__label">投注区间</span></li>
        <li class="stat"><span class="stat__value">1–50000</span><span class="stat__label">单注额度范围</span></li>
      </ul>

      <div class="prod-brief__split">
        <figure class="prod-brief__figure">
          <img loading="lazy" decoding="async" src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="俯拍的分堆金属筹码与金色边缘反光">
          <figcaption class="prod-brief__caption">档位越高的一组，通常对应更短的结算周期</figcaption>
        </figure>

        <div class="prod-brief__notes">
          <div class="panel panel--jade">
            <h3 class="prod-brief__panel-title">日结：当天出数，适合盯盘的人</h3>
            <p>电子游艺与捕鱼机台里的高段位厂商多用日结，返水按天归集。您如果每天都会看一遍账面变化，日结档位能让您更快判断这一家的节奏是不是合手。</p>
          </div>
          <div class="panel panel--cinnabar">
            <h3 class="prod-brief__panel-title">周结：每周三更新，适合稳一点的人</h3>
            <p>棋牌对局、体育竞猜与彩票游戏以周结为主，这一档的对照数据每周三更新一次。投注频次不高、更在意一段时间的整体结果，周结会看得更清楚。</p>
          </div>
          <div class="panel panel--indigo">
            <h3 class="prod-brief__panel-title">四段区间怎么分</h3>
            <p>1.0%–1.2% 集中在电子游艺与捕鱼机台的高段；0.8%–1.0% 覆盖这两类的中段与部分真人视讯；0.6%–0.8% 常见于真人视讯、棋牌对局与体育竞猜；0.4%–0.6% 对应彩票游戏与街机休闲。</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="prod-cats section" aria-labelledby="prod-cats-title">
    <div class="shell">
      <div class="section-head">
        <p class="eyebrow">七类游戏</p>
        <h2 class="section-head__title" id="prod-cats-title">先认玩法，再挑厂商，比按名字一家家翻要快</h2>
        <p class="section-head__meta">七类玩法各有一段档位说明，点开就能看到它更适合谁</p>
      </div>

      <div class="prod-cats__list">
        <article class="prod-cat prod-cat--gold" id="cat-electronic">
          <p class="prod-cat__tag">类别 01</p>
          <h3 class="prod-cat__name">电子游艺</h3>
          <p class="prod-cat__rate"><span class="num">0.8%–1.2%</span> · 日结为主</p>
          <p class="prod-cat__desc">档位跨度最大的一类，高段集中在几家重点收录厂商。节奏快、单注放得开的使用者通常先看这一类，再对比编号前缀落在哪个厅区。</p>
        </article>

        <article class="prod-cat prod-cat--deep" id="cat-live">
          <p class="prod-cat__tag">类别 02</p>
          <h3 class="prod-cat__name">真人视讯</h3>
          <p class="prod-cat__rate"><span class="num">0.6%–1.0%</span> · 日结与周结均有</p>
          <p class="prod-cat__desc">档位分布居中，日结与周结两种结算方式都能找到对应厂商。看重牌桌过程记录、习惯固定在同一厅区活动的使用者，多数会落在这一类的中间属性上。</p>
        </article>

        <article class="prod-cat prod-cat--jade" id="cat-board">
          <p class="prod-cat__tag">类别 03</p>
          <h3 class="prod-cat__name">棋牌对局</h3>
          <p class="prod-cat__rate"><span class="num">0.6%–0.8%</span> · 周结为主</p>
          <p class="prod-cat__desc">单局时间长、场次不算密，返水档位落在中段。适合把一周的对局结果合并起来看的人，配合周结的更新节奏更省心。</p>
        </article>

        <article class="prod-cat prod-cat--goldhi" id="cat-fishing">
          <p class="prod-cat__tag">类别 04</p>
          <h3 class="prod-cat__name">捕鱼机台</h3>
          <p class="prod-cat__rate"><span class="num">0.8%–1.2%</span> · 日结为主</p>
          <p class="prod-cat__desc">与电子游艺同属档位偏高的一类，机台编号按厅区集中排布，查找时用前缀定位比翻页更快。</p>
        </article>

        <article class="prod-cat prod-cat--indigo" id="cat-sports">
          <p class="prod-cat__tag">类别 05</p>
          <h3 class="prod-cat__name">体育竞猜</h3>
          <p class="prod-cat__rate"><span class="num">0.6%–0.8%</span> · 周结为主</p>
          <p class="prod-cat__desc">投注跟着赛程走，一天里可能只有几个时段。周结能把整周的分布摊平，更适合按赛事周期集中安排额度的使用者。</p>
        </article>

        <article class="prod-cat prod-cat--silver" id="cat-lottery">
          <p class="prod-cat__tag">类别 06</p>
          <h3 class="prod-cat__name">彩票游戏</h3>
          <p class="prod-cat__rate"><span class="num">0.4%–0.6%</span> · 周结为主</p>
          <p class="prod-cat__desc">小额、分散的投注节奏在这类里最常见，档位落在区间下沿。习惯了细水长流的下注方式，可以从这一档开始比。</p>
        </article>

        <article class="prod-cat prod-cat--deep" id="cat-arcade">
          <p class="prod-cat__tag">类别 07</p>
          <h3 class="prod-cat__name">街机休闲</h3>
          <p class="prod-cat__rate"><span class="num">0.4%–0.6%</span> · 周结为主</p>
          <p class="prod-cat__desc">以轻松玩法为主，单注额度多数压在低位区间。想先熟悉厅区与编号规则、再逐步加到别的类别，这类常被当作起点。</p>
        </article>
      </div>
    </div>
  </section>

  <section class="prod-matrix section" id="vendor-matrix" aria-labelledby="prod-matrix-title">
    <div class="shell">
      <div class="section-head">
        <p class="eyebrow">厂商列表对照</p>
        <h2 class="section-head__title" id="prod-matrix-title">42 家厂商对照矩阵</h2>
        <p class="section-head__meta">重点收录 12 家逐行列明，其余 30 家沿用同一结构收在总表内</p>
      </div>

      <div class="prod-matrix__layout">
        <aside class="prod-index" aria-label="按类别定位">
          <p class="prod-index__title">按类别定位</p>
          <ul class="prod-index__list">
            <li><a class="prod-index__link" href="#vendor-matrix">全部厂商</a></li>
            <li><a class="prod-index__link" href="#cat-electronic">电子游艺</a></li>
            <li><a class="prod-index__link" href="#cat-live">真人视讯</a></li>
            <li><a class="prod-index__link" href="#cat-board">棋牌对局</a></li>
            <li><a class="prod-index__link" href="#cat-fishing">捕鱼机台</a></li>
            <li><a class="prod-index__link" href="#cat-sports">体育竞猜</a></li>
            <li><a class="prod-index__link" href="#cat-lottery">彩票游戏</a></li>
            <li><a class="prod-index__link" href="#cat-arcade">街机休闲</a></li>
          </ul>
          <figure class="prod-index__figure">
            <img loading="lazy" decoding="async" src="{zhanqunpic:h:1250w:1000}" width="1000" height="1250" alt="翻开的记录册页面与手写编号栏">
          </figure>
        </aside>

        <div class="prod-table-zone">
          <p class="prod-table-zone__hint">表格可以左右滑动看完整列。在页面右上角的编号框里输入四位桌台编号，表格里对应的那一行会亮起青玉绿标记。</p>
          <div class="table-wrap">
            <table class="data-table prod-table">
              <thead>
                <tr>
                  <th scope="col">厂商编号</th>
                  <th scope="col">主推类别</th>
                  <th scope="col">返水档位</th>
                  <th scope="col">结算周期</th>
                  <th scope="col">桌台编号</th>
                  <th scope="col">收录年份</th>
                </tr>
              </thead>
              <tbody>
                <tr data-seat="1001">
                  <td class="num">ZL-01</td>
                  <td>电子游艺</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--a"></span><span class="num rv__val">1.0%–1.2%</span></span></td>
                  <td>日结</td>
                  <td class="num">1001–1099</td>
                  <td class="num">2021</td>
                </tr>
                <tr data-seat="1101">
                  <td class="num">ZL-02</td>
                  <td>捕鱼机台</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--a"></span><span class="num rv__val">1.0%–1.2%</span></span></td>
                  <td>日结</td>
                  <td class="num">1101–1199</td>
                  <td class="num">2021</td>
                </tr>
                <tr data-seat="1201">
                  <td class="num">ZL-03</td>
                  <td>真人视讯</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--b"></span><span class="num rv__val">0.8%–1.0%</span></span></td>
                  <td>日结</td>
                  <td class="num">1201–1299</td>
                  <td class="num">2021</td>
                </tr>
                <tr data-seat="1301">
                  <td class="num">ZL-04</td>
                  <td>棋牌对局</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--c"></span><span class="num rv__val">0.6%–0.8%</span></span></td>
                  <td>周结</td>
                  <td class="num">1301–1399</td>
                  <td class="num">2022</td>
                </tr>
                <tr data-seat="1401">
                  <td class="num">ZL-05</td>
                  <td>体育竞猜</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--c"></span><span class="num rv__val">0.6%–0.8%</span></span></td>
                  <td>周结</td>
                  <td class="num">1401–1499</td>
                  <td class="num">2022</td>
                </tr>
                <tr data-seat="1501">
                  <td class="num">ZL-06</td>
                  <td>电子游艺</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--b"></span><span class="num rv__val">0.8%–1.0%</span></span></td>
                  <td>日结</td>
                  <td class="num">1501–1599</td>
                  <td class="num">2022</td>
                </tr>
                <tr data-seat="1601">
                  <td class="num">ZL-07</td>
                  <td>彩票游戏</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--d"></span><span class="num rv__val">0.4%–0.6%</span></span></td>
                  <td>周结</td>
                  <td class="num">1601–1699</td>
                  <td class="num">2023</td>
                </tr>
                <tr data-seat="1701">
                  <td class="num">ZL-08</td>
                  <td>街机休闲</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--d"></span><span class="num rv__val">0.4%–0.6%</span></span></td>
                  <td>周结</td>
                  <td class="num">1701–1799</td>
                  <td class="num">2023</td>
                </tr>
                <tr data-seat="1801">
                  <td class="num">ZL-09</td>
                  <td>捕鱼机台</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--b"></span><span class="num rv__val">0.8%–1.0%</span></span></td>
                  <td>日结</td>
                  <td class="num">1801–1899</td>
                  <td class="num">2023</td>
                </tr>
                <tr data-seat="2001">
                  <td class="num">ZL-10</td>
                  <td>真人视讯</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--c"></span><span class="num rv__val">0.6%–0.8%</span></span></td>
                  <td>周结</td>
                  <td class="num">2001–2099</td>
                  <td class="num">2024</td>
                </tr>
                <tr data-seat="2101">
                  <td class="num">ZL-11</td>
                  <td>电子游艺</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--a"></span><span class="num rv__val">1.0%–1.2%</span></span></td>
                  <td>日结</td>
                  <td class="num">2101–2199</td>
                  <td class="num">2024</td>
                </tr>
                <tr data-seat="2201">
                  <td class="num">ZL-12</td>
                  <td>棋牌对局</td>
                  <td><span class="rv"><span class="rv__bar rv__bar--c"></span><span class="num rv__val">0.6%–0.8%</span></span></td>
                  <td>周结</td>
                  <td class="num">2201–2299</td>
                  <td class="num">2025</td>
                </tr>
              </tbody>
            </table>
          </div>
          <p class="prod-table-zone__foot">其余 30 家常规收录厂商沿用同一列结构，覆盖剩余 14 个厅区。如果您在找的那一家没出现在上面，把名称与厅区号发到意见反馈页，我们可以排进下一批补充名单。</p>
        </div>
      </div>
    </div>
  </section>

  <section class="prod-seat section" id="seat-rules" aria-labelledby="prod-seat-title">
    <div class="shell">
      <div class="section-head">
        <p class="eyebrow">桌台编号</p>
        <h2 class="section-head__title" id="prod-seat-title">四个数字里，前两位找厅区，后两位找桌位</h2>
        <p class="section-head__meta">已收录编号自 1001 起，覆盖 26 个厅区</p>
      </div>

      <div class="prod-seat__grid">
        <figure class="prod-seat__figure">
          <img loading="lazy" decoding="async" src="{zhanqunpic:h:900w:1200}" width="1200" height="900" alt="斜侧光下的桌台编号牌与刻字特写">
          <figcaption class="prod-seat__caption">编号牌上的四位数字与表格中的前缀一一对应</figcaption>
        </figure>

        <div class="prod-seat__text">
          <div class="prod-seat__demo" role="img" aria-label="编号 1001 的拆解：前两位 10 是厅区号，后两位 01 是桌序号">
            <span class="seat-digit seat-digit--zone">1</span>
            <span class="seat-digit seat-digit--zone">0</span>
            <span class="seat-digit seat-digit--table">0</span>
            <span class="seat-digit seat-digit--table">1</span>
            <span class="prod-seat__demo-label">厅区号 10 · 桌序号 01</span>
          </div>
          <p>拿到一串四位编号，先看前两位：它告诉您这张桌子在哪个厅区。后两位是桌序号，同厅区内的桌位按这个顺序排下去。看到 2201，就是 22 号厅区的第 01 桌。</p>
          <p>编号还担着第二个作用——它决定了这一桌落在哪一档投注区间。表格里的编号都挂在某一档上，您在教程页看到的查找步骤与这里的规则用的是同一种写法。</p>
          <p>目前收录的 1,860 个编号分布在 26 个厅区，编号越靠后，收录年份通常越新。想按厅区集中查看，用上面表格的编号列比逐个搜索更快。</p>
        </div>
      </div>

      <h3 class="prod-seat__sub">六档投注区间</h3>
      <details class="prod-fold" open>
        <summary>第 1 档 · 单注 1 至 10</summary>
        <p class="prod-fold__body">最低的一档，常见于街机休闲与彩票游戏的机台。适合先摸清厅区与桌位分布、把单注压到最小的使用者。</p>
      </details>
      <details class="prod-fold">
        <summary>第 2 档 · 单注 11 至 50</summary>
        <p class="prod-fold__body">小额频次较高的一档，电子游艺与棋牌对局里都能找到。一次投注的金额变化不大，适合观察一段时间再决定是否上调。</p>
      </details>
      <details class="prod-fold">
        <summary>第 3 档 · 单注 51 至 200</summary>
        <p class="prod-fold__body">覆盖范围最广的一档，七类游戏里都有对应的桌台。多数使用者的日常额度落在这一段，比较时优先看这一档的返水与结算周期。</p>
      </details>
      <details class="prod-fold">
        <summary>第 4 档 · 单注 201 至 1000</summary>
        <p class="prod-fold__body">进入中高段，日结厂商在这一档上开始明显占优。单注拉高以后，结算周期带来的差别会比档位差别更容易察觉。</p>
      </details>
      <details class="prod-fold">
        <summary>第 5 档 · 单注 1001 至 10000</summary>
        <p class="prod-fold__body">高段区间，主要出现在电子游艺、捕鱼机台与真人视讯。选这一档之前，建议先把同一厅区的编号前缀看一遍，确认桌位是否集中。</p>
      </details>
      <details class="prod-fold">
        <summary>第 6 档 · 单注 10001 至 50000</summary>
        <p class="prod-fold__body">最高的一档，可选的桌台数量最少。到这一档，编号与厅区的对应关系会比返水差几个百分点更值得先确认。</p>
      </details>
    </div>
  </section>

  <section class="prod-tools section" aria-labelledby="prod-tools-title">
    <div class="shell">
      <div class="section-head">
        <p class="eyebrow">查找与取数</p>
        <h2 class="section-head__title" id="prod-tools-title">从上千个数字里，四步落到您要的那一行</h2>
        <p class="section-head__meta">左侧列表收窄范围，表头按列对比，选中即取</p>
      </div>

      <ol class="prod-steps">
        <li class="prod-steps__item">
          <span class="prod-steps__num">01</span>
          <h3 class="prod-steps__title">输入四位编号</h3>
          <p class="prod-steps__text">页面右上角的编号框接受四位数字。贴进去以后，表格里对应的那一行会以青玉绿亮起，状态栏同时给出该编号所在的厅区与档位。</p>
        </li>
        <li class="prod-steps__item">
          <span class="prod-steps__num">02</span>
          <h3 class="prod-steps__title">按类别收窄范围</h3>
          <p class="prod-steps__text">左侧列表把七类玩法摊成七行，点进去就是那一类的档位说明与色条。表格行左侧 3px 的色条与类别一一对应，扫一眼就知道自己看的是哪一类。</p>
        </li>
        <li class="prod-steps__item">
          <span class="prod-steps__num">03</span>
          <h3 class="prod-steps__title">按列横向对比</h3>
          <p class="prod-steps__text">想比返水高低，就沿返水档位这一列往下看，金色横条的长短直接对应区间位置；想按年份看变动，就把收录年份这一列从早到晚过一遍。</p>
        </li>
        <li class="prod-steps__item">
          <span class="prod-steps__num">04</span>
          <h3 class="prod-steps__title">取出您要的那几行</h3>
          <p class="prod-steps__text">表格支持整块选中，复制后粘进您自己的表格工具即可继续加工，厂商编号、编号前缀与返水区间会保持在同一列位置上，不用重新对齐。</p>
        </li>
      </ol>
    </div>
  </section>

  <section class="prod-version section" aria-labelledby="prod-version-title">
    <div class="shell prod-version__inner">
      <div class="prod-version__copy">
        <p class="eyebrow">版本说明</p>
        <h2 class="section-head__title" id="prod-version-title">这张表走到第五轮，往回看有五年刻度</h2>
        <p>对照内容按轮次推进，2021 年建档后每年完整过一遍，每季度再补一批变动条目。您现在看到的这一版对应 2025 年的第五轮，重点收录厂商的返水档位与编号前缀已同步到最新一轮。</p>
        <ol class="prod-version__rounds">
          <li><span class="num">2021</span><span>分类体系一期搭建，首批厂商入库</span></li>
          <li><span class="num">2022</span><span>补齐七类玩法划分，重点收录名单成型</span></li>
          <li><span class="num">2023</span><span>引入四位桌台编号索引，编号与档位建立对应</span></li>
          <li><span class="num">2024</span><span>增加设备要求附录，桌面端与移动端分开列明</span></li>
          <li><span class="num">2025</span><span>开放对照表筛选工具，列表可按类别与档位巡视</span></li>
        </ol>
        <p>历年变动条目、专题系列与年度回顾汇总在<a class="prod-inline-link" href="/notes/">内容笔记</a>，需要查某一轮之前的情况可以直接从那里往回翻。厂商收录范围与资料整理方式写在<a class="prod-inline-link" href="/overview/">品牌总览</a>。</p>
      </div>

      <figure class="prod-version__figure">
        <img loading="lazy" decoding="async" src="{zhanqunpic:h:900w:1400}" width="1400" height="900" alt="暗光环境下屏幕上的表格反光与键盘边缘">
        <figcaption class="prod-version__caption">每季度补充的变动条目，汇总在年度回顾专题里</figcaption>
      </figure>
    </div>
  </section>

  <section class="prod-cta section" aria-labelledby="prod-cta-title">
    <div class="shell">
      <div class="prod-cta__inner">
        <p class="eyebrow">下一步</p>
        <h2 class="prod-cta__title" id="prod-cta-title">没找到您关心的那一家厂商？</h2>
        <p class="prod-cta__text">把厂商名称、所属类别和您手上的桌台编号发过来，我们会在下一批补充里优先处理。如果您更想先确认自己的设备能不能顺畅打开长表，教程页把桌面端、移动端与网络条件分开写清楚了。</p>
        <div class="prod-cta__actions">
          <a class="btn btn--cinnabar" href="/feedback/">提交厂商与编号</a>
          <a class="btn btn--ghost" href="/tutorial/">先看设备要求</a>
        </div>
      </div>
    </div>
  </section>

</main>

.page-products {
  background:
    radial-gradient(120% 70% at 85% -10%, rgba(201, 162, 39, .10), transparent 62%),
    radial-gradient(90% 50% at 0% 40%, rgba(59, 47, 99, .16), transparent 60%),
    var(--ink);
  color: var(--cloud);
  font-family: var(--font-body);
  overflow-x: hidden;
}

/* ---------- 面包屑 ---------- */
.page-products .crumbs {
  max-width: var(--shell);
  margin: 0 auto;
  padding: 20px var(--gutter) 0;
}
.page-products .crumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: var(--silver);
}
.page-products .crumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.page-products .crumbs__item + .crumbs__item::before {
  content: "/";
  color: var(--gold-dim);
}
.page-products .crumbs__link {
  color: var(--silver);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 140ms var(--ease), border-color 140ms var(--ease);
}
.page-products .crumbs__link:hover,
.page-products .crumbs__link:focus-visible {
  color: var(--gold-hi);
  border-bottom-color: var(--gold-hi);
}

/* ---------- 通用节奏 ---------- */
.page-products .section {
  padding: 52px 0;
}
.page-products .section-head {
  margin-bottom: 26px;
}

/* ---------- 首屏 ---------- */
.page-products .prod-hero {
  padding: 30px 0 46px;
}
.page-products .prod-hero__grid {
  display: grid;
  gap: 30px;
}
.page-products .prod-hero h1 {
  margin: 16px 0 0;
  font-family: var(--font-title);
  font-weight: 800;
  font-size: clamp(32px, 6.4vw, 66px);
  line-height: 1.08;
  letter-spacing: -0.015em;
  color: var(--cloud);
}
.page-products .prod-hero__lede {
  margin: 18px 0 0;
  max-width: 62ch;
  font-size: 16px;
  line-height: 1.78;
  color: #C6CCD0;
}
.page-products .prod-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}
.page-products .prod-hero__figure {
  position: relative;
  margin: 0;
  border: 1px solid var(--gold-dim);
  box-shadow: 12px 12px 0 rgba(0, 0, 0, .55);
  overflow: hidden;
  background: var(--coal);
}
.page-products .prod-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16 / 9;
  filter: saturate(.85) contrast(1.06);
}
.page-products .prod-hero__caption {
  position: absolute;
  inset: auto 0 0 0;
  padding: 12px 16px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--gold-hi);
  background: linear-gradient(to top, rgba(11, 13, 15, .94), rgba(11, 13, 15, 0));
}

/* ---------- 结论摘要 ---------- */
.page-products .prod-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
  background: rgba(110, 90, 34, .55);
  border: 1px solid rgba(110, 90, 34, .55);
}
.page-products .prod-stats .stat {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 16px;
  background: var(--coal);
}
.page-products .prod-stats .stat__value {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: clamp(19px, 3.4vw, 27px);
  letter-spacing: -0.01em;
  color: var(--gold-hi);
  white-space: nowrap;
}
.page-products .prod-stats .stat__label {
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--silver);
}

.page-products .prod-brief__split {
  display: grid;
  gap: 26px;
}
.page-products .prod-brief__figure {
  margin: 0;
  border: 1px solid var(--gold-dim);
  background: var(--coal);
  overflow: hidden;
}
.page-products .prod-brief__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 3 / 2;
  filter: saturate(.82) contrast(1.05);
}
.page-products .prod-brief__caption {
  display: block;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--silver);
  border-top: 1px solid rgba(110, 90, 34, .45);
}
.page-products .prod-brief__notes .panel {
  margin: 0 0 16px;
  padding: 18px 20px;
  background: var(--coal);
}
.page-products .prod-brief__notes .panel:last-child {
  margin-bottom: 0;
}
.page-products .prod-brief__panel-title {
  margin: 0 0 8px;
  font-family: var(--font-title);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--cloud);
}
.page-products .prod-brief__notes .panel p {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: #BEC5C9;
}

/* ---------- 七类游戏 ---------- */
.page-products .prod-cats__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  background: rgba(110, 90, 34, .42);
  border: 1px solid rgba(110, 90, 34, .42);
}
.page-products .prod-cat {
  position: relative;
  padding: 20px 20px 22px;
  background: var(--coal);
  border-left: 3px solid var(--gold-dim);
  transition: background 140ms var(--ease);
}
.page-products .prod-cat:hover {
  background: var(--coal-deep);
}
.page-products .prod-cat--gold { border-left-color: var(--gold); }
.page-products .prod-cat--goldhi { border-left-color: var(--gold-hi); }
.page-products .prod-cat--deep { border-left-color: var(--cinnabar-deep); }
.page-products .prod-cat--jade { border-left-color: var(--jade); }
.page-products .prod-cat--indigo { border-left-color: var(--indigo-soft); }
.page-products .prod-cat--silver { border-left-color: var(--silver); }
.page-products .prod-cat__tag {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .14em;
  color: var(--silver);
}
.page-products .prod-cat__name {
  margin: 8px 0 0;
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--cloud);
}
.page-products .prod-cat__rate {
  margin: 8px 0 0;
  font-size: 13px;
  letter-spacing: .02em;
  color: var(--gold);
}
.page-products .prod-cat__desc {
  margin: 12px 0 0;
  font-size: 14.5px;
  line-height: 1.76;
  color: #B7BFC4;
}

/* ---------- 对照矩阵 ---------- */
.page-products .prod-matrix__layout {
  display: grid;
  gap: 26px;
}
.page-products .prod-index__title {
  margin: 0 0 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .16em;
  color: var(--gold);
}
.page-products .prod-index__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: var(--hair);
}
.page-products .prod-index__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 4px;
  border-bottom: var(--hair);
  font-size: 14px;
  color: var(--silver);
  text-decoration: none;
  transition: color 140ms var(--ease), padding-left 140ms var(--ease);
}
.page-products .prod-index__link::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  background: var(--gold-dim);
  transition: background 140ms var(--ease);
}
.page-products .prod-index__link:hover,
.page-products .prod-index__link:focus-visible {
  color: var(--gold-hi);
  padding-left: 10px;
}
.page-products .prod-index__link:hover::before,
.page-products .prod-index__link:focus-visible::before {
  background: var(--gold-hi);
}
.page-products .prod-index__figure {
  margin: 24px 0 0;
  border: 1px solid var(--gold-dim);
  background: var(--coal);
  overflow: hidden;
}
.page-products .prod-index__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 4 / 5;
  filter: saturate(.7) contrast(1.08);
}

.page-products .prod-table-zone__hint {
  margin: 0 0 14px;
  padding: 12px 14px;
  border-left: 3px solid var(--jade);
  background: rgba(47, 111, 94, .14);
  font-size: 13.5px;
  line-height: 1.7;
  color: #C6CCD0;
}
.page-products .prod-table-zone__foot {
  margin: 16px 0 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--silver);
}

.page-products .prod-table {
  width: 100%;
  min-width: 780px;
  border-collapse: collapse;
  font-size: 14px;
}
.page-products .prod-table thead th {
  padding: 12px 14px;
  text-align: left;
  white-space: nowrap;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--gold);
  background: var(--coal-deep);
  border-bottom: 1px solid var(--gold-dim);
}
.page-products .prod-table tbody td {
  padding: 12px 14px;
  white-space: nowrap;
  color: var(--cloud);
  border-bottom: 1px solid rgba(110, 90, 34, .3);
  vertical-align: middle;
}
.page-products .prod-table tbody tr:nth-child(even) {
  background: rgba(21, 25, 28, .72);
}
.page-products .prod-table tbody tr:hover {
  background: rgba(201, 162, 39, .1);
}
.page-products .prod-table tbody tr[data-seat-match] {
  background: rgba(79, 169, 140, .18);
  box-shadow: inset 3px 0 0 var(--jade);
}
.page-products .prod-table .num {
  font-family: var(--font-mono);
  text-align: right;
  letter-spacing: -0.01em;
}

.page-products .rv {
  display: flex;
  align-items: center;
  gap: 10px;
}
.page-products .rv__bar {
  display: block;
  flex: none;
  height: 6px;
  background: linear-gradient(90deg, var(--gold-dim), var(--gold-hi));
}
.page-products .rv__bar--a { width: 62px; }
.page-products .rv__bar--b { width: 46px; }
.page-products .rv__bar--c { width: 32px; }
.page-products .rv__bar--d { width: 20px; }
.page-products .rv__val {
  font-size: 13px;
  color: var(--gold-hi);
}

/* ---------- 桌台编号与投注区间 ---------- */
.page-products .prod-seat__grid {
  display: grid;
  gap: 26px;
  margin-bottom: 34px;
}
.page-products .prod-seat__figure {
  margin: 0;
  border: 1px solid var(--gold-dim);
  background: var(--coal);
  overflow: hidden;
}
.page-products .prod-seat__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 4 / 3;
  filter: saturate(.78) contrast(1.08);
}
.page-products .prod-seat__caption {
  display: block;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--silver);
  border-top: 1px solid rgba(110, 90, 34, .45);
}
.page-products .prod-seat__text p {
  margin: 0 0 14px;
  font-size: 15.5px;
  line-height: 1.8;
  color: #C2C8CD;
}
.page-products .prod-seat__text p:last-child {
  margin-bottom: 0;
}
.page-products .prod-seat__demo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 18px;
}
.page-products .seat-digit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 54px;
  font-family: var(--font-mono);
  font-size: 24px;
  font-weight: 600;
  border: 1px solid var(--gold-dim);
  background: var(--coal);
}
.page-products .seat-digit--zone {
  color: var(--jade);
  border-color: var(--jade-deep);
}
.page-products .seat-digit--table {
  color: var(--gold-hi);
}
.page-products .prod-seat__demo-label {
  width: 100%;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--silver);
}
.page-products .prod-seat__sub {
  margin: 0 0 14px;
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: 700;
  color: var(--cloud);
}
.page-products .prod-fold {
  border: 1px solid rgba(110, 90, 34, .45);
  border-bottom: none;
  background: var(--coal);
}
.page-products .prod-fold:last-of-type {
  border-bottom: 1px solid rgba(110, 90, 34, .45);
}
.page-products .prod-fold > summary {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  cursor: pointer;
  list-style: none;
  font-size: 15px;
  color: var(--cloud);
  transition: background 140ms var(--ease);
}
.page-products .prod-fold > summary::-webkit-details-marker {
  display: none;
}
.page-products .prod-fold > summary::after {
  content: "+";
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 17px;
  color: var(--gold);
}
.page-products .prod-fold[open] > summary::after {
  content: "–";
}
.page-products .prod-fold > summary:hover,
.page-products .prod-fold > summary:focus-visible {
  background: rgba(201, 162, 39, .08);
}
.page-products .prod-fold__body {
  margin: 0;
  padding: 0 18px 16px;
  font-size: 14px;
  line-height: 1.78;
  color: #AEB7BC;
}

/* ---------- 查找与取数 ---------- */
.page-products .prod-steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: rgba(110, 90, 34, .4);
  border: 1px solid rgba(110, 90, 34, .4);
}
.page-products .prod-steps__item {
  padding: 22px 20px;
  background: var(--coal);
  border-left: 3px solid var(--indigo-soft);
}
.page-products .prod-steps__num {
  display: block;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .18em;
  color: var(--gold);
}
.page-products .prod-steps__title {
  margin: 10px 0 0;
  font-family: var(--font-title);
  font-size: 19px;
  font-weight: 700;
  color: var(--cloud);
}
.page-products .prod-steps__text {
  margin: 10px 0 0;
  font-size: 14.5px;
  line-height: 1.78;
  color: #B7BFC4;
}

/* ---------- 版本说明 ---------- */
.page-products .prod-version__inner {
  display: grid;
  gap: 26px;
}
.page-products .prod-version__copy p {
  margin: 0 0 16px;
  font-size: 15.5px;
  line-height: 1.8;
  color: #C2C8CD;
}
.page-products .prod-version__rounds {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  border-top: var(--hair);
}
.page-products .prod-version__rounds li {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 14px;
  align-items: baseline;
  padding: 11px 0;
  border-bottom: var(--hair);
  font-size: 14.5px;
  line-height: 1.7;
  color: #B7BFC4;
}
.page-products .prod-version__rounds .num {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: .06em;
  color: var(--gold-hi);
}
.page-products .prod-inline-link {
  color: var(--gold-hi);
  text-decoration: none;
  border-bottom: 1px solid var(--gold-dim);
  transition: border-color 140ms var(--ease), color 140ms var(--ease);
}
.page-products .prod-inline-link:hover,
.page-products .prod-inline-link:focus-visible {
  color: var(--gold);
  border-bottom-color: var(--gold);
}
.page-products .prod-version__figure {
  margin: 0;
  border: 1px solid var(--gold-dim);
  background: var(--coal);
  overflow: hidden;
}
.page-products .prod-version__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 14 / 9;
  filter: saturate(.7) contrast(1.1);
}
.page-products .prod-version__caption {
  display: block;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--silver);
  border-top: 1px solid rgba(110, 90, 34, .45);
}

/* ---------- 收尾 ---------- */
.page-products .prod-cta__inner {
  padding: 30px 22px;
  border: 1px solid var(--gold-dim);
  background:
    linear-gradient(135deg, rgba(59, 47, 99, .55), rgba(11, 13, 15, .92) 62%),
    var(--coal);
  box-shadow: 10px 10px 0 rgba(0, 0, 0, .5);
}
.page-products .prod-cta__title {
  margin: 14px 0 0;
  font-family: var(--font-title);
  font-size: clamp(24px, 4.4vw, 34px);
  font-weight: 800;
  letter-spacing: -0.012em;
  color: var(--cloud);
}
.page-products .prod-cta__text {
  margin: 14px 0 0;
  max-width: 66ch;
  font-size: 15.5px;
  line-height: 1.8;
  color: #C2C8CD;
}
.page-products .prod-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

/* ---------- 响应式 ---------- */
@media (min-width: 640px) {
  .page-products .prod-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .page-products .prod-cats__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-products .prod-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .page-products .section {
    padding: 72px 0;
  }
  .page-products .prod-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .page-products .prod-cats__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .page-products .prod-version__rounds li {
    grid-template-columns: 76px minmax(0, 1fr);
  }
}

@media (min-width: 960px) {
  .page-products .prod-brief__split {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: start;
    gap: 34px;
  }
  .page-products .prod-seat__grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: start;
    gap: 36px;
  }
}

@media (min-width: 1024px) {
  .page-products .prod-hero {
    padding: 40px 0 60px;
  }
  .page-products .prod-hero__grid {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
    align-items: end;
    gap: 44px;
  }
  .page-products .prod-matrix__layout {
    grid-template-columns: 252px minmax(0, 1fr);
    align-items: start;
    gap: 34px;
  }
  .page-products .prod-index {
    position: sticky;
    top: 96px;
  }
  .page-products .prod-version__inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
    gap: 40px;
  }
  .page-products .prod-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .page-products .prod-cta__inner {
    padding: 40px 40px;
  }
}

@media (min-width: 1440px) {
  .page-products .prod-hero__grid {
    gap: 56px;
  }
  .page-products .prod-matrix__layout {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-products .crumbs__link,
  .page-products .prod-cat,
  .page-products .prod-index__link,
  .page-products .prod-index__link::before,
  .page-products .prod-fold > summary,
  .page-products .prod-inline-link {
    transition: none;
  }
}