.page-consult {
  --cs-panel-pad: var(--space-4);
}

/* ============ 首屏 ============ */
.page-consult .cs-hero {
  position: relative;
  background: var(--color-contrast-surface);
  color: var(--color-contrast-ink);
  border-bottom: var(--border-thin) solid var(--color-contrast-line);
  overflow: hidden;
}

.page-consult .cs-hero__inner {
  position: relative;
  z-index: 1;
  padding: var(--space-6) 0 var(--section-y);
}

.page-consult .cs-hero .breadcrumb {
  margin-bottom: var(--space-8);
  color: var(--color-contrast-ink);
  opacity: 0.82;
}

.page-consult .cs-hero .breadcrumb a {
  color: var(--color-contrast-accent);
  text-decoration: none;
}

.page-consult .cs-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-8);
}

.page-consult .cs-hero__text {
  min-width: 0;
}

.page-consult .cs-hero__kicker {
  margin: 0 0 var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  color: var(--color-contrast-accent);
  text-transform: uppercase;
}

.page-consult .cs-hero h1 {
  margin: 0 0 var(--space-4);
  font-family: var(--font-heading);
  font-size: var(--text-display);
  font-weight: var(--weight-heading);
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: var(--color-contrast-ink);
}

.page-consult .cs-hero__lead {
  margin: 0;
  max-width: 46ch;
  font-size: var(--text-base);
  line-height: 1.7;
  color: var(--color-contrast-ink);
  opacity: 0.86;
}

.page-consult .cs-stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4) var(--space-8);
  margin: var(--space-6) 0 0;
  padding: var(--space-4) 0 0;
  list-style: none;
  border-top: var(--border-thin) dotted var(--color-contrast-line);
}

.page-consult .cs-stat {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.page-consult .cs-stat__num {
  font-family: var(--font-mono);
  font-size: var(--text-3xl);
  line-height: 1;
  letter-spacing: 0.01em;
  color: var(--color-contrast-accent);
}

.page-consult .cs-stat__label {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.06em;
  color: var(--color-contrast-ink);
  opacity: 0.74;
}

.page-consult .cs-cells {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: var(--border-thin) solid var(--color-contrast-line);
  border-left: var(--border-thin) solid var(--color-contrast-line);
}

.page-consult .cs-cell {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3);
  border-right: var(--border-thin) solid var(--color-contrast-line);
  border-bottom: var(--border-thin) solid var(--color-contrast-line);
  min-width: 0;
}

.page-consult .cs-cell__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
}

.page-consult .cs-cell__no {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  color: var(--color-contrast-accent);
}

.page-consult .cs-cell__dot {
  display: block;
  width: var(--space-1);
  height: var(--space-1);
  background: var(--color-contrast-accent);
}

.page-consult .cs-cell__name {
  font-family: var(--font-heading);
  font-size: var(--text-base);
  font-weight: var(--weight-heading);
  line-height: 1.35;
  color: var(--color-contrast-ink);
}

.page-consult .cs-cell__note {
  margin-top: auto;
  font-size: var(--text-xs);
  line-height: 1.55;
  color: var(--color-contrast-ink);
  opacity: 0.7;
}

/* ============ 区块头 ============ */
.page-consult .cs-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-3);
  border-bottom: var(--border-thin) dotted var(--color-line);
}

.page-consult .cs-head h2 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: var(--weight-heading);
  line-height: 1.25;
  color: var(--color-ink);
}

/* ============ 标签导航 ============ */
.page-consult .cs-tabs .tab-panel {
  padding: var(--space-6) 0 0;
}

.page-consult .cs-tab-lead {
  margin: 0;
  font-size: var(--text-base);
  line-height: 1.7;
  color: var(--color-ink);
}

.page-consult .cs-tab-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-6);
  margin: var(--space-4) 0 0;
  padding: 0;
  list-style: none;
}

.page-consult .cs-tab-links a {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.02em;
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: var(--border-thin) dotted var(--color-primary);
  padding-bottom: 2px;
}

.page-consult .cs-tab-links a:hover {
  color: var(--color-focus);
  border-bottom-color: var(--color-focus);
}

/* ============ 分组头 ============ */
.page-consult .cs-group-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-2) var(--space-4);
  align-items: baseline;
  padding-bottom: var(--space-4);
  margin-bottom: var(--space-2);
  border-bottom: var(--border-thick) double var(--color-line);
  border-bottom-width: 3px;
}

.page-consult .cs-group-head h2 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: var(--weight-heading);
  line-height: 1.25;
  color: var(--color-ink);
}

.page-consult .cs-group-head p {
  grid-column: 1 / -1;
  margin: 0;
  font-size: var(--text-base);
  line-height: 1.7;
  color: var(--color-ink-soft);
}

/* ============ 能力条目：7/5 分栏 ============ */
.page-consult .cs-cap {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  padding: var(--space-6) 0;
  border-bottom: var(--border-thin) dotted var(--color-line);
}

.page-consult .cs-cap__main,
.page-consult .cs-cap__side {
  min-width: 0;
}

.page-consult .cs-cap__title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-3);
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  font-weight: var(--weight-heading);
  line-height: 1.35;
  color: var(--color-ink);
}

.page-consult .cs-cap__title .coord {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  color: var(--color-primary);
}

.page-consult .cs-cap__body {
  margin: 0;
  font-size: var(--text-base);
  line-height: 1.75;
  color: var(--color-ink);
}

.page-consult .cs-cap__std {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-3);
  margin: var(--space-3) 0 0;
  padding-left: var(--space-3);
  border-left: var(--border-thin) solid var(--color-accent);
  font-size: var(--text-sm);
  line-height: 1.7;
  color: var(--color-ink-soft);
}

.page-consult .cs-cap__std-key {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  color: var(--color-accent);
}

/* ============ 条件面板 ============ */
.page-consult .cs-cond {
  background: var(--color-surface-deep);
  border: var(--border-thin) solid var(--color-line);
  padding: var(--space-2) var(--space-4);
}

.page-consult .cs-cond__row {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: var(--space-2) 0;
  border-bottom: var(--border-thin) dotted var(--color-line);
  font-size: var(--text-sm);
  line-height: 1.65;
  color: var(--color-ink);
}

.page-consult .cs-cond__row:last-child {
  border-bottom: 0;
}

.page-consult .cs-cond__key {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  color: var(--color-ink-muted);
}

/* ============ 展开边界 ============ */
.page-consult .cs-details {
  margin-top: var(--space-2);
  background: var(--color-surface);
  border: var(--border-thin) solid var(--color-line);
}

.page-consult .cs-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  cursor: pointer;
  list-style: none;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.06em;
  color: var(--color-ink-soft);
}

.page-consult .cs-details > summary::-webkit-details-marker {
  display: none;
}

.page-consult .cs-details > summary::after {
  content: "+";
  font-family: var(--font-mono);
  color: var(--color-primary);
}

.page-consult .cs-details[open] > summary::after {
  content: "−";
}

.page-consult .cs-details > p {
  margin: 0;
  padding: var(--space-2) var(--space-4) var(--space-3);
  border-top: var(--border-thin) dotted var(--color-line);
  font-size: var(--text-sm);
  line-height: 1.7;
  color: var(--color-ink-soft);
}

/* ============ 图片 ============ */
.page-consult .cs-figure {
  margin-top: var(--space-3);
  margin-bottom: 0;
}

.page-consult .cs-figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.page-consult .cs-band {
  margin: 0 0 var(--space-4);
}

.page-consult .cs-band img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ============ 出口 ============ */
.page-consult .cs-exit {
  position: relative;
}

.page-consult .cs-exit__inner {
  position: relative;
  background: var(--color-contrast-surface);
  color: var(--color-contrast-ink);
  padding: var(--space-8) var(--space-4);
  overflow: hidden;
}

.page-consult .cs-exit__kicker {
  margin: 0 0 var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  color: var(--color-contrast-accent);
}

.page-consult .cs-exit__inner h2 {
  margin: 0 0 var(--space-3);
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: var(--weight-heading);
  line-height: 1.25;
  color: var(--color-contrast-ink);
}

.page-consult .cs-exit__inner p {
  margin: 0 0 var(--space-6);
  max-width: var(--measure);
  font-size: var(--text-base);
  line-height: 1.75;
  color: var(--color-contrast-ink);
  opacity: 0.85;
}

.page-consult .cs-exit__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.page-consult .cs-exit__actions .btn-ghost {
  color: var(--color-contrast-ink);
  border-color: var(--color-contrast-line);
}

.page-consult .cs-exit__actions .btn-ghost:hover,
.page-consult .cs-exit__actions .btn-ghost:focus-visible {
  color: var(--color-contrast-accent);
  border-color: var(--color-contrast-accent);
}

.page-consult .cs-tail {
  margin: var(--space-6) 0 0;
  font-size: var(--text-sm);
  line-height: 1.8;
  color: var(--color-ink-soft);
}

.page-consult .cs-tail a {
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: var(--border-thin) dotted var(--color-primary);
}

.page-consult .cs-tail a:hover {
  color: var(--color-focus);
  border-bottom-color: var(--color-focus);
}

/* ============ 断点 ============ */
@media (min-width: 720px) {
  .page-consult .cs-stat__num {
    font-size: var(--text-4xl);
  }

  .page-consult .cs-exit__inner {
    padding: var(--space-8) var(--space-8);
  }
}

@media (min-width: 960px) {
  .page-consult .cs-hero__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
    gap: var(--space-8);
  }

  .page-consult .cs-hero h1 {
    max-width: 14ch;
  }

  .page-consult .cs-cap {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: var(--space-8);
    align-items: start;
  }

  .page-consult .cs-exit__inner {
    clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 96%);
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }

  .page-consult .cs-tail {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-consult .cs-tab-links a,
  .page-consult .cs-tail a,
  .page-consult .cs-exit__actions .btn-ghost {
    transition: none;
  }
}
<<<END>>>

【输出前自检】
- 已按标记顺序输出 MAIN_HTML 与 PAGE_CSS，未使用 Markdown 围栏或额外解释。
- main_html 仅包含主体，无 header/footer/html/head/body/style/script。
- 页面作用域类名为 page-consult，所有页面专属选择器均限定在 .page-consult 内。
- 全页仅一个 h1，层级为 h1 → h2 → h3，并在首屏内提供了面包屑导航。
- 页面 CSS 同时定义，未新增 site_kit 中不存在的全局选择器，未书写 :root/html/body 等共享选择器。
- 使用了 site_kit 现有变量，未写死新颜色值；窄屏在 375px 宽度下 2 列能力格与 7/5 分栏均正常堆叠，无横向溢出。
- 首屏使用 var(--text-display) 承载 h1，用大数字组（9 / 4 / 90 分钟）撑起视觉重量，未以条目列表开头。
- 图片共 4 张，分布在分组二、分组三、分组四，符合 image_minimum 1 与 image_target 4，首张之外的图片均带 lazy 与 async。
- 联系信息仅使用 site.contact 中的邮箱、电话与地址口径，未声称已核验或称为总部/办公网点；ICP 未在正文虚构展示。
- entry 数量共 9 条能力、4 个分组，达到 content_scale.entry_minimum 9 与 category_minimum 4。
- 站内链接只指向合法路径与真实页内锚点；/how-to-choose/cases/、/service-list/、/service-list/process/、/contact/、/ 均已在正文出现自然入口。
- data-tabs、data-reveal 均在 site_kit 允许协议内，<details> 展开不依赖 JavaScript，内容在无脚本时完整可读。
- 所有数字以真实文本写出，未使用 data-count 类属性承载数值。
- 全页可见文案未出现“收录/归档/整理/汇总/编目”及 avoid_tone 中的句式，关键词“小屏设备用华体会官网网址核对阵容”自然出现 1 次。
- 品牌名“华体会娱乐”在首屏导语中自然出现，未只在按钮或 alt 中塞入。
</main>