@font-face{font-family:"Instrument Sans";src:url("/assets/fonts/instrument-sans-latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/jetbrains-mono-latin.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/assets/fonts/newsreader-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0-23, U+25-FFFF}
@font-face{font-family:"BoostRail Sans SC";src:url("/assets/fonts/noto-sans-sc-zh.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+3000-303F, U+3400-4DBF, U+4E00-9FFF, U+FF00-FFEF}
:root {
  --br-color-bg: #F5F5F7;
  --br-color-surface: #FFFFFF;
  --br-color-surface-subtle: #FAFAFC;
  --br-color-ink: #1D1D1F;
  --br-color-ink-secondary: #424245;
  --br-color-muted: #6E6E73;
  --br-color-line: #D2D2D7;
  --br-color-line-soft: #E8E8ED;
  --br-color-amber: #FFB224;
  --br-color-amber-ink: #7A4F00;
  --br-color-amber-soft: #FFF0C4;
  --br-color-danger: #A32D2D;
  --br-color-danger-soft: #F9E3E3;
  --br-color-dark: #0B0D10;
  --br-color-dark-panel: #12151A;
  --br-color-dark-line: #252A32;
  --br-color-dark-ink: #F1EFE8;
  --br-color-dark-ink-secondary: #C9CBD0;
  --br-color-dark-muted: #959AA4;
  --br-color-dark-line-strong: #3A3F48;
  --br-color-amber-dim: #5E4718;
  --br-color-code: #1D1D1F;
  --br-color-code-ink: #F5F5F7;
  --br-color-code-muted: #A1A1A6;
  --br-color-code-line: #333336;
  --br-color-code-string: #F2C46D;
  --br-color-code-comment: #86868B;
  --br-color-gold: #E5CC90;
  --br-color-gold-soft: #F4ECD6;
  --br-font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --br-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --br-font-numeral: "Newsreader", Georgia, "Times New Roman", serif;
  --br-text-2xs: 11.5px;
  --br-text-xs: 12.5px;
  --br-text-sm: 14px;
  --br-text-base: 16px;
  --br-text-md: 17px;
  --br-text-lg: 18.5px;
  --br-text-h3: 22px;
  --br-text-h2: 38px;
  --br-text-h1: 66px;
  --br-text-numeral: 64px;
  --br-space-1: 4px;
  --br-space-2: 8px;
  --br-space-3: 12px;
  --br-space-4: 16px;
  --br-space-5: 20px;
  --br-space-6: 24px;
  --br-space-8: 32px;
  --br-space-10: 40px;
  --br-space-12: 48px;
  --br-space-14: 56px;
  --br-space-16: 64px;
  --br-space-24: 96px;
  --br-radius-sm: 4px;
  --br-radius-md: 8px;
  --br-radius-lg: 12px;
  --br-radius-pill: 999px;
  --br-shadow-code: 0 24px 48px -24px rgba(0, 0, 0, 0.28);
  --br-shadow-lift: 0 8px 24px -12px rgba(0, 0, 0, 0.18);
  --br-motion-fast: 150ms;
  --br-motion-base: 250ms;
  --br-motion-ease: cubic-bezier(0.6, 0, 0.2, 1);
  --br-motion-loop: 8s;
  --br-max-width: 1200px;
  --br-gutter: 32px;
  --portal-accent: #1D1D1F;
  --portal-accent-hover: #000000;
  --portal-accent-bg: #FFF0C4;
  --portal-accent-text: #7A4F00;
  --portal-bg: #F5F5F7;
  --portal-surface: #FFFFFF;
  --portal-surface-muted: #FAFAFC;
  --portal-border: #E8E8ED;
  --portal-border-strong: #D2D2D7;
  --portal-text: #1D1D1F;
  --portal-text-secondary: #6E6E73;
  --portal-text-muted: #6E6E73;
  --portal-success-text: #1D1D1F;
  --portal-success-bg: #E8E8ED;
  --portal-warning-text: #7A4F00;
  --portal-warning-bg: #FFF0C4;
  --portal-danger-text: #A32D2D;
  --portal-danger-bg: #F9E3E3;
  --portal-radius-card: 12px;
  --portal-radius-control: 8px;
}
html[lang="zh"] { --br-font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "BoostRail Sans SC", "Microsoft YaHei", system-ui, sans-serif; --br-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, "PingFang SC", "BoostRail Sans SC", monospace; }
@media (max-width: 640px) { :root { --br-gutter: 16px; } }

/* Copyright (c) 2026 Boostly Limited. All rights reserved.
   Proprietary and confidential — see LICENSE. Unauthorized copying or use is prohibited. */

/* 全球站组件层：只发到全球站，加载在共享 styles.css 之后；颜色、字号、间距一律取 --br-*（design-tokens.ts 生成）。
   中国站不加载本文件。方向：docs/frontend/WEBSITE_CREATIVE_DIRECTION.md */

/* ===== 基础 ===== */
body {
  font-family: var(--br-font-sans);
  font-size: var(--br-text-base);
  line-height: 1.55;
  color: var(--br-color-ink);
  background: var(--br-color-bg);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--br-color-ink); text-underline-offset: 3px; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; text-wrap: balance; }
code, pre, kbd { font-family: var(--br-font-mono); }
::selection { background: var(--br-color-amber-soft); }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible + label {
  outline: 2px solid var(--br-color-amber);
  outline-offset: 2px;
}

/* ===== 页头 ===== */
.site-header {
  background: color-mix(in srgb, var(--br-color-bg) 88%, transparent);
  backdrop-filter: saturate(1.4) blur(12px);
  border-bottom: 1px solid var(--br-color-line-soft);
}
.site-header__inner { max-width: var(--br-max-width); padding: 14px var(--br-gutter); gap: var(--br-space-8); }
.site-nav { gap: var(--br-space-1); }
.site-nav__item { color: var(--br-color-muted); font-size: var(--br-text-sm); border-radius: var(--br-radius-md); }
.site-nav__item:hover { color: var(--br-color-ink); background: transparent; text-decoration: none; }
.site-nav__item--active { color: var(--br-color-ink); background: transparent; font-weight: 600; }

/* ===== 按钮：主按钮墨色、次按钮白底描边；琥珀只给状态与关键动作，不做常规按钮 ===== */
.site-btn-primary,
.site-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 var(--br-space-5);
  border-radius: var(--br-radius-md);
  font-size: var(--br-text-sm);
  font-weight: 600;
  transition: background var(--br-motion-fast), border-color var(--br-motion-fast), transform var(--br-motion-fast);
}
.site-btn-primary { background: var(--br-color-ink); color: var(--br-color-surface); border: 1px solid var(--br-color-ink); }
.site-btn-primary:hover { background: #000000; color: var(--br-color-surface); transform: translateY(-1px); text-decoration: none; }
.site-btn-ghost { background: var(--br-color-surface); color: var(--br-color-ink); border: 1px solid var(--br-color-line); }
.site-btn-ghost:hover { border-color: var(--br-color-ink); color: var(--br-color-ink); text-decoration: none; }
.hero__ctas .site-btn-primary,
.hero__ctas .site-btn-ghost { min-height: 46px; font-size: 15.5px; }

/* ===== 主体与区块标题 ===== */
/* 内容结束到页脚分隔线统一 64px（10-05 用户指出页脚上方空白太多）；页脚自身再留 40px，正文到页脚文字约 104px，同区块节奏 */
.site-main { max-width: var(--br-max-width); padding: var(--br-space-12) var(--br-gutter) var(--br-space-16); }
.section-title { font-size: var(--br-text-h2); letter-spacing: -0.03em; margin: var(--br-space-24) 0 var(--br-space-3); }
.section-lead { color: var(--br-color-ink-secondary); font-size: var(--br-text-md); }
.site-updated { color: var(--br-color-muted); margin: var(--br-space-6) 0 0; }

/* ===== 首屏（首页正式实现时替换版式，这里只统一字体与色彩） ===== */
.hero__title { font-size: var(--br-text-h1); line-height: 1; letter-spacing: -0.04em; }
.hero__tagline { color: var(--br-color-ink-secondary); font-size: var(--br-text-lg); font-weight: 400; }
.hero__desc { color: var(--br-color-ink-secondary); }

/* ===== 数字区（Evidence）：大号衬线数字 ===== */
.stat { background: var(--br-color-surface); border-color: var(--br-color-line-soft); border-radius: var(--br-radius-lg); }
.stat__num { font-family: var(--br-font-numeral); font-weight: 400; font-size: 44px; letter-spacing: -0.03em; color: var(--br-color-ink); }
.stat__label { color: var(--br-color-muted); }

/* ===== 代码面板（中性石墨，字符串浅琥珀） ===== */
.code-panel,
.code-tabs,
.tool-tabs { background: var(--br-color-code); color: var(--br-color-code-ink); border-radius: var(--br-radius-lg); box-shadow: var(--br-shadow-code); }
.code-panel pre code,
.code-tabs__panel code,
.tool-tabs__panel code { font-family: var(--br-font-mono); color: var(--br-color-code-ink); }
.code-panel__label,
.tool-tabs__panel .code-panel__label { color: var(--br-color-code-muted); }
.code-tabs__label,
.tool-tabs__label { color: var(--br-color-code-muted); font-family: var(--br-font-mono); font-size: var(--br-text-xs); }
.code-tabs__label:hover,
.tool-tabs__label:hover { color: var(--br-color-code-ink); }
/* 选中态沿用共享样式的 ID 选择器结构（同等优先级，后加载者生效） */
#code-tab-0:checked ~ label[for="code-tab-0"],
#code-tab-1:checked ~ label[for="code-tab-1"],
#code-tab-2:checked ~ label[for="code-tab-2"],
#tool-tab-0:checked ~ label[for="tool-tab-0"],
#tool-tab-1:checked ~ label[for="tool-tab-1"],
#tool-tab-2:checked ~ label[for="tool-tab-2"],
#tool-tab-3:checked ~ label[for="tool-tab-3"],
#tool-tab-4:checked ~ label[for="tool-tab-4"],
#tool-tab-5:checked ~ label[for="tool-tab-5"] { color: var(--br-color-code-ink); border-bottom-color: var(--br-color-amber); }
.prose pre { background: var(--br-color-code); color: var(--br-color-code-ink); border-radius: var(--br-radius-lg); }
.prose code { font-family: var(--br-font-mono); background: var(--br-color-line-soft); border-radius: var(--br-radius-sm); }
.prose pre code { background: transparent; color: inherit; }

/* ===== 卡片、步骤、FAQ ===== */
.card,
.step,
.blog-card,
.blog-featured {
  background: var(--br-color-surface);
  border: 1px solid var(--br-color-line-soft);
  border-radius: var(--br-radius-lg);
  transition: border-color var(--br-motion-fast), transform var(--br-motion-fast);
}
.card:hover,
.blog-card:hover,
.blog-featured:hover { border-color: var(--br-color-ink); }
.card__title { font-size: 17px; }
.card__desc,
.step p { color: var(--br-color-ink-secondary); }
.step__num { background: var(--br-color-ink); color: var(--br-color-surface); font-family: var(--br-font-mono); }
.faq-list details { background: var(--br-color-surface); border-color: var(--br-color-line-soft); border-radius: var(--br-radius-lg); }
.faq-list summary { font-weight: 600; }

/* ===== 模型目录与价格表：等宽数字、表头小写大写化 ===== */
.model-tag { font-family: var(--br-font-mono); font-size: var(--br-text-xs); background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-sm); color: var(--br-color-ink); }
.vendor-group__name { font-weight: 600; }
.vendor-group__count { color: var(--br-color-muted); }
.prose table,
.model-price-table { background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); border-collapse: separate; border-spacing: 0; overflow: hidden; }
.prose th,
.model-price-table th { background: var(--br-color-surface-subtle); font-family: var(--br-font-mono); font-size: var(--br-text-2xs); font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--br-color-muted); }
.prose th, .prose td,
.model-price-table th, .model-price-table td { border-color: var(--br-color-line-soft); font-variant-numeric: tabular-nums; }
.model-price-table td code { font-family: var(--br-font-mono); }
.model-price-note { color: var(--br-color-muted); }
.catalog-tab { border: 1px solid var(--br-color-line); background: var(--br-color-surface); color: var(--br-color-muted); border-radius: var(--br-radius-pill); }
.catalog-tab:hover { color: var(--br-color-ink); text-decoration: none; }
.catalog-tab--active { background: var(--br-color-ink); border-color: var(--br-color-ink); color: var(--br-color-surface); }

/* ===== 横幅、草案提示 ===== */
/* 顶部横幅（10-05 照 Tesla 公告条）：金色渐变、居中文字、黑色实心按钮、右侧圆点轮播；各条叠在同一格里淡入淡出，高度取最高一条，不跳动 */
.site-banner { position: relative; padding: 7px 64px; background: linear-gradient(90deg, var(--br-color-gold) 0%, var(--br-color-gold-soft) 50%, var(--br-color-gold) 100%); color: var(--br-color-ink); font-size: 14.5px; text-align: center; }
.site-banner__track { display: grid; }
.site-banner__slide { grid-area: 1 / 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 20px; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s; }
.site-banner__slide.is-active { opacity: 1; visibility: visible; }
.site-banner__text { line-height: 1.4; }
.site-banner .site-banner__btn { display: inline-block; padding: 6px 16px; border-radius: var(--br-radius-sm); background: var(--br-color-ink); color: var(--br-color-surface); font-size: 13.5px; font-weight: 600; line-height: 1.3; white-space: nowrap; text-decoration: none; }
.site-banner .site-banner__btn:hover { background: #000000; }
.site-banner__dots { position: absolute; top: 50%; right: var(--br-gutter); transform: translateY(-50%); display: flex; }
.site-banner__dots[hidden] { display: none; }
.site-banner__dot { display: grid; place-items: center; width: 18px; height: 18px; padding: 0; border: 0; background: none; cursor: pointer; }
.site-banner__dot::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--br-color-ink); opacity: 0.25; }
.site-banner__dot[aria-current="true"]::before { opacity: 1; }
@media (max-width: 640px) {
  .site-banner { padding: 8px 32px; font-size: 13.5px; }
  .site-banner__dots { right: 6px; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .site-banner__slide { transition: none; } }
.notice-draft { background: var(--br-color-amber-soft); color: var(--br-color-amber-ink); }

/* ===== 博客 ===== */
.blog-meta,
.blog-meta a,
.blog-meta__cat { color: var(--br-color-muted); }
.blog-post blockquote { border-left-color: var(--br-color-amber); color: var(--br-color-ink-secondary); }
/* 分类条（全球站只有博客用）：375 宽放不下四个英文标签，换行而不是撑宽页面 */
.catalog-tabs { flex-wrap: wrap; }

/* ===== 页脚 ===== */
/* 与正文同一条左边线：外层给 gutter，内层宽度 = 正文内容宽 */
.site-footer { background: var(--br-color-bg); border-top: 1px solid var(--br-color-line); margin-top: 0; padding: var(--br-space-10) var(--br-gutter) var(--br-space-8); }
.site-footer__cols,
.site-footer__legal { max-width: calc(var(--br-max-width) - 2 * var(--br-gutter)); }
.site-footer__col h4 { font-family: var(--br-font-mono); font-size: var(--br-text-2xs); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--br-color-muted); }
.site-footer__col a { color: var(--br-color-ink); }
.site-footer__col a:hover { color: var(--br-color-amber-ink); }
.site-footer__legal { color: var(--br-color-muted); border-top: 1px solid var(--br-color-line); }
.site-footer__legal a { color: var(--br-color-muted); }

/* ===== 首页（英文 2026-10-03 定稿；中文 Phase 5 同一版式） ===== */
body { overflow-x: clip; } /* 深色段全出血用，页面本身不横向滚动 */
.home-eyebrow { display: inline-flex; align-items: center; gap: var(--br-space-2); font: 500 12px/1 var(--br-font-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--br-color-muted); margin: 0 0 var(--br-space-5); }
.home-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--br-color-amber); }
.home-kicker { display: inline-flex; align-items: center; gap: var(--br-space-2); font: 500 var(--br-text-2xs)/1 var(--br-font-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--br-color-muted); margin: 0 0 var(--br-space-4); }
.home-kicker--live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--br-color-amber); animation: home-blink 2.4s infinite; }
@keyframes home-blink { 50% { opacity: 0.25; } }
.home-lead { font-size: var(--br-text-md); color: var(--br-color-ink-secondary); margin: 0; max-width: 36em; }
.home-more { font-weight: 600; font-size: 15px; white-space: nowrap; border-bottom: 1px solid var(--br-color-ink); padding-bottom: 2px; }
.home-more:hover { text-decoration: none; color: var(--br-color-amber-ink); border-color: var(--br-color-amber-ink); }
.home-ctas { display: flex; gap: var(--br-space-3); flex-wrap: wrap; }
.home-ctas .site-btn-primary, .home-ctas .site-btn-ghost { min-height: 46px; font-size: 15.5px; }
.home-micro { font: 400 var(--br-text-xs)/1.5 var(--br-font-mono); color: var(--br-color-muted); margin: var(--br-space-3) 0 0; }

/* 01 Hero */
.home-hero { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--br-space-14); align-items: start; padding: var(--br-space-6) 0 var(--br-space-14); }
.home-hero__title { font-size: var(--br-text-h1); line-height: 1; letter-spacing: -0.04em; margin: 0 0 var(--br-space-5); }
.home-hero__sub { font-size: var(--br-text-lg); color: var(--br-color-ink-secondary); margin: 0 0 var(--br-space-8); max-width: 30em; }
.home-hero__code .code-tabs { padding: 4px 18px 0; }
.home-code-foot { display: flex; justify-content: space-between; align-items: center; gap: var(--br-space-3); background: var(--br-color-code); border-top: 1px solid var(--br-color-code-line); margin-top: -12px; padding: 10px 14px 12px 18px; border-radius: 0 0 var(--br-radius-lg) var(--br-radius-lg); font: 500 var(--br-text-xs)/1 var(--br-font-mono); }
.home-code-foot a { color: var(--br-color-code-muted); }
.home-copy-agent { background: var(--br-color-code-line); border: 1px solid var(--br-color-code-line); color: var(--br-color-code-ink); border-radius: var(--br-radius-sm); padding: 8px 11px; font: inherit; cursor: pointer; }
.home-copy-agent::before { content: "⧉ "; color: var(--br-color-amber); }
.home-status { position: relative; height: 20px; margin: var(--br-space-3) 2px 0; font: 500 var(--br-text-xs)/1.6 var(--br-font-mono); color: var(--br-color-muted); }
.home-status span { position: absolute; left: 0; white-space: nowrap; opacity: 0; animation: home-status 8s infinite; }
.home-status span:nth-child(2) { animation-delay: 2.6s; }
.home-status span:nth-child(3) { animation-delay: 5.2s; }
@keyframes home-status { 0% { opacity: 0; transform: translateY(4px); } 4%, 30% { opacity: 1; transform: none; } 34%, 100% { opacity: 0; } }

/* 02 数字（Evidence） */
.home-proof { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--br-color-ink); border-bottom: 1px solid var(--br-color-line); }
.home-proof div { padding: var(--br-space-5) var(--br-space-6) var(--br-space-6) 0; }
.home-proof div + div { padding-left: var(--br-space-6); border-left: 1px solid var(--br-color-line); }
.home-proof b { display: block; font: 400 var(--br-text-numeral)/1 var(--br-font-numeral); letter-spacing: -0.03em; }
.home-proof span { display: block; font-weight: 600; font-size: 15px; margin-top: var(--br-space-2); }
.home-proof small { display: block; font-size: 13px; color: var(--br-color-muted); margin-top: 2px; }

/* 深色段（Intelligence）：全出血 */
.home-band { background: var(--br-color-dark); color: var(--br-color-dark-ink); margin: var(--br-space-24) calc(50% - 50vw) 0; }
.home-band__inner { max-width: var(--br-max-width); margin: 0 auto; padding: 88px var(--br-gutter); }
.home-band h2 { color: var(--br-color-dark-ink); font-size: var(--br-text-h2); letter-spacing: -0.03em; margin: 0 0 var(--br-space-4); }
.home-band .home-lead { color: var(--br-color-dark-ink-secondary); }
.home-band .home-kicker { color: var(--br-color-amber); }
.home-diagram { margin: var(--br-space-10) 0 0; border: 1px solid var(--br-color-dark-line); border-radius: var(--br-radius-md); background: var(--br-color-dark); }
.home-diagram__svg { display: block; width: 100%; aspect-ratio: 1200 / 380; height: auto; }
.home-notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--br-space-6); margin: var(--br-space-8) 0 0; font-size: 14.5px; color: var(--br-color-dark-ink-secondary); }
.home-notes b { display: block; color: var(--br-color-dark-ink); font-weight: 600; margin-bottom: var(--br-space-1); }
.home-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: var(--br-space-10) 0 0; border: 1px solid var(--br-color-dark-line); border-radius: var(--br-radius-md); overflow: hidden; }
.home-flow div { padding: var(--br-space-5); border-left: 1px solid var(--br-color-dark-line); animation: home-flow 8s infinite; }
.home-flow div:first-child { border-left: 0; }
.home-flow div:nth-child(2) { animation-delay: 1.6s; }
.home-flow div:nth-child(3) { animation-delay: 3.2s; }
.home-flow div:nth-child(4) { animation-delay: 4.8s; }
@keyframes home-flow { 0%, 100% { background: transparent; } 6%, 22% { background: var(--br-color-dark-panel); } }
.home-flow small { display: block; font: 500 11px/1 var(--br-font-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--br-color-dark-muted); margin-bottom: var(--br-space-3); }
.home-flow b { display: block; font-weight: 600; font-size: var(--br-text-base); }
.home-st { display: inline-block; margin-top: var(--br-space-3); font: 500 11px/1 var(--br-font-mono); letter-spacing: 0.06em; padding: 5px 7px; border-radius: var(--br-radius-sm); border: 1px solid var(--br-color-dark-line-strong); color: var(--br-color-dark-ink); }
.home-st--warn { color: var(--br-color-amber); border-color: var(--br-color-amber-dim); }
.home-st--ok::before { content: "✓ "; }

/* 通用区块 */
.home-sec { padding: var(--br-space-24) 0 0; }
.home-sec h2 { font-size: var(--br-text-h2); letter-spacing: -0.03em; margin: 0 0 var(--br-space-3); }
.home-sechead { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--br-space-6); margin: 0 0 var(--br-space-8); }

/* 04 模型：CSS-only 切换 */
.home-tabs__radio { position: absolute; opacity: 0; pointer-events: none; }
.home-tabs__label { display: inline-flex; align-items: center; gap: var(--br-space-2); border: 1px solid var(--br-color-line); background: var(--br-color-surface); border-radius: var(--br-radius-pill); padding: 8px 14px; margin: 0 6px 14px 0; font-size: var(--br-text-sm); font-weight: 500; color: var(--br-color-muted); cursor: pointer; }
.home-tabs__label span { font: 500 var(--br-text-2xs) var(--br-font-mono); }
.home-tabs__radio:checked + .home-tabs__label { background: var(--br-color-ink); border-color: var(--br-color-ink); color: var(--br-color-surface); }
.home-tabs__radio:focus-visible + .home-tabs__label { outline: 2px solid var(--br-color-amber); outline-offset: 2px; }
.home-tabs__panel { display: none; }
#home-tab-text:checked ~ .home-tabs__panel--text,
#home-tab-image:checked ~ .home-tabs__panel--image,
#home-tab-video:checked ~ .home-tabs__panel--video { display: block; }
.home-tablewrap { overflow-x: auto; background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); }
.home-table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.home-table th { font: 500 var(--br-text-2xs)/1 var(--br-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--br-color-muted); text-align: left; padding: 14px 18px; border-bottom: 1px solid var(--br-color-line-soft); background: var(--br-color-surface-subtle); }
.home-table td { padding: 13px 18px; border-bottom: 1px solid var(--br-color-line-soft); vertical-align: middle; }
.home-table tr:last-child td { border-bottom: 0; }
.home-table tbody tr:hover { background: var(--br-color-bg); }
.home-num { text-align: right; font: 500 13.5px var(--br-font-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.home-mc { font: 500 13.5px var(--br-font-mono); white-space: nowrap; background: none; padding: 0; }
.home-mv { display: none; }
.home-vcol { color: var(--br-color-muted); }
.home-chip { display: inline-block; font: 500 11px/1 var(--br-font-mono); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-sm); padding: 4px 6px; margin: 2px 4px 2px 0; color: var(--br-color-ink-secondary); background: var(--br-color-surface-subtle); }
.home-note { font-size: 13px; color: var(--br-color-muted); margin: var(--br-space-3) 2px 0; }
.home-note .home-more { font-size: 13px; }

/* 05 计价：两张卡顶底对齐 */
.home-pricegrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--br-space-6); align-items: stretch; }
.home-card { background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); overflow: hidden; display: flex; flex-direction: column; }
.home-card__head { display: flex; justify-content: space-between; gap: var(--br-space-3); padding: 12px 18px; border-bottom: 1px solid var(--br-color-line-soft); font: 500 var(--br-text-2xs)/1 var(--br-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--br-color-muted); }
.home-ex__row { flex: 1; display: flex; justify-content: space-between; align-items: center; gap: var(--br-space-3); padding: 14px 18px; }
.home-ex__row + .home-ex__row { border-top: 1px solid var(--br-color-line-soft); }
.home-ex__row span { font-size: 14.5px; color: var(--br-color-muted); }
.home-ex__row b { font: 500 22px/1 var(--br-font-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.home-ex__row--ours { background: var(--br-color-amber-soft); }
.home-ex__row--ours span { color: var(--br-color-amber-ink); font-weight: 600; }
.home-billing { list-style: none; margin: 0; padding: 0; flex: 1; display: flex; flex-direction: column; }
.home-billing li { flex: 1; display: grid; grid-template-columns: 130px 1fr; gap: var(--br-space-4); align-items: center; padding: 12px 18px; border-top: 1px solid var(--br-color-line-soft); font-size: 14.5px; }
.home-billing li:first-child { border-top: 0; }
.home-billing li span:first-child { font-weight: 600; }
.home-billing li span:last-child { color: var(--br-color-ink-secondary); }

/* 06 Agent */
.home-agents { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--br-space-3); }
.home-agents--minor { margin-top: var(--br-space-3); }
.home-agent { background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-md); padding: var(--br-space-4); display: flex; flex-direction: column; gap: 6px; transition: border-color var(--br-motion-fast), transform var(--br-motion-fast); }
.home-agent:hover { border-color: var(--br-color-ink); transform: translateY(-2px); }
.home-agent b { font-weight: 600; }
.home-agent small { color: var(--br-color-muted); font-size: 13px; flex: 1; }
.home-agent button { align-self: flex-start; margin-top: var(--br-space-2); background: none; border: 1px solid var(--br-color-line); border-radius: var(--br-radius-sm); padding: 7px 10px; font: 500 var(--br-text-2xs) var(--br-font-mono); color: var(--br-color-ink); cursor: pointer; }
.home-agent button:hover { border-color: var(--br-color-ink); }
.home-agents--minor .home-agent { background: transparent; padding: 12px 14px; gap: 2px; }
.home-agents--minor .home-agent b { font-size: 14.5px; }
.home-agents--minor .home-agent small { font-size: 12.5px; }
.home-agents--minor .home-agent button { margin-top: 6px; padding: 5px 8px; }
.home-brief { margin: var(--br-space-5) 0 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--br-space-5); align-items: center; background: var(--br-color-code); color: var(--br-color-code-ink); border-radius: var(--br-radius-lg); padding: var(--br-space-5) 22px; }
.home-brief pre { margin: 0; font: 400 12.5px/1.7 var(--br-font-mono); white-space: pre-wrap; overflow-wrap: anywhere; color: var(--br-color-code-muted); }
.home-brief button { background: var(--br-color-amber); color: var(--br-color-ink); border: 0; border-radius: var(--br-radius-md); min-height: 46px; padding: 0 18px; font-weight: 600; font-size: 15px; cursor: pointer; }

/* 08 收尾 */
.home-end { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--br-space-8); padding: 112px 0 var(--br-space-16); }
.home-end h2 { font-size: 52px; letter-spacing: -0.03em; margin: 0; }

@media (max-width: 960px) {
  .home-hero, .home-pricegrid { grid-template-columns: minmax(0, 1fr); gap: var(--br-space-8); }
  .home-agents { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-notes { grid-template-columns: minmax(0, 1fr); }
  .home-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-flow div:nth-child(3) { border-left: 0; }
  .home-flow div:nth-child(n + 3) { border-top: 1px solid var(--br-color-dark-line); }
}
@media (max-width: 640px) {
  .home-hero { padding-top: 0; }
  .home-hero__title { font-size: 42px; }
  .home-hero__sub { font-size: 16.5px; }
  .home-ctas { flex-direction: column; }
  .home-ctas .site-btn-primary, .home-ctas .site-btn-ghost { width: 100%; }
  .home-status { height: 40px; }
  .home-status span { white-space: normal; }
  .home-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-proof div { padding: var(--br-space-4) 0; }
  .home-proof div + div { padding-left: 0; border-left: 0; }
  .home-proof div:nth-child(2n) { padding-left: var(--br-space-4); border-left: 1px solid var(--br-color-line); }
  .home-proof div:nth-child(n + 3) { border-top: 1px solid var(--br-color-line); }
  .home-proof b { font-size: 48px; }
  .home-band { margin-top: var(--br-space-16); }
  .home-band__inner { padding: var(--br-space-14) var(--br-gutter); }
  .home-band h2, .home-sec h2 { font-size: 30px; }
  .home-diagram__svg { aspect-ratio: 340 / 548; }
  .home-sec { padding-top: var(--br-space-16); }
  .home-sechead { flex-direction: column; align-items: flex-start; }
  .home-vcol, .home-capcol { display: none; }
  .home-mv { display: block; font-size: 12px; color: var(--br-color-muted); }
  .home-table td, .home-table th { padding: 10px; }
  .home-mc, .home-num { font-size: 12px; }
  .home-card__head { flex-direction: column; gap: 6px; }
  .home-ex__row b { font-size: 17px; }
  .home-billing li { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .home-agents { grid-template-columns: minmax(0, 1fr); }
  .home-brief { grid-template-columns: minmax(0, 1fr); }
  .home-brief button { width: 100%; }
  .home-flow { grid-template-columns: minmax(0, 1fr); }
  .home-flow div { border-left: 0; }
  .home-flow div + div { border-top: 1px solid var(--br-color-dark-line); }
  .home-end { flex-direction: column; align-items: flex-start; padding: 72px 0 var(--br-space-12); }
  .home-end h2 { font-size: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-status span, .home-flow div, .home-kicker--live::before { animation: none; }
  .home-status span:nth-child(3) { opacity: 1; }
  .home-agent { transition: none; }
}

/* ===== Models 频道：目录 / 单模型页 / Pricing（2026-10-03） ===== */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.mx-head { padding: var(--br-space-6) 0 var(--br-space-6); }
.mx-head h1 { font-size: var(--br-text-h2); letter-spacing: -0.03em; margin: 0 0 var(--br-space-3); }
.mx-kicker { font: 500 var(--br-text-2xs)/1 var(--br-font-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--br-color-muted); margin: 0 0 var(--br-space-4); }
.mx-lead { font-size: var(--br-text-md); color: var(--br-color-ink-secondary); margin: 0; } /* 导语铺满内容栏，不另设上限（2026-10-03 用户：44/46em 断行过早） */
.mx-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--br-space-3); margin: var(--br-space-2) 0 var(--br-space-6); position: sticky; top: 69px; z-index: 5; /* 页头实测高 69px */ padding: var(--br-space-2) 0; background: var(--br-color-bg); }
.mx-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.mx-tab { display: inline-flex; align-items: center; gap: var(--br-space-2); border: 1px solid var(--br-color-line); background: var(--br-color-surface); border-radius: var(--br-radius-pill); padding: 8px 14px; font-size: var(--br-text-sm); font-weight: 500; color: var(--br-color-muted); }
.mx-tab span { font: 500 var(--br-text-2xs) var(--br-font-mono); }
.mx-tab:hover { color: var(--br-color-ink); text-decoration: none; border-color: var(--br-color-ink); }
.mx-tab--active { background: var(--br-color-ink); border-color: var(--br-color-ink); color: var(--br-color-surface); }
.mx-tools { display: flex; align-items: center; gap: var(--br-space-3); }
.mx-tools input { width: 280px; max-width: 100%; height: 38px; padding: 0 12px; border: 1px solid var(--br-color-line); border-radius: var(--br-radius-md); background: var(--br-color-surface); color: var(--br-color-ink); font: 400 var(--br-text-sm) var(--br-font-sans); }
.mx-tools input:focus { outline: 2px solid var(--br-color-amber); outline-offset: 1px; border-color: var(--br-color-ink); }
.mx-count { font: 500 var(--br-text-xs) var(--br-font-mono); color: var(--br-color-muted); white-space: nowrap; }
.mx-list { display: flex; flex-direction: column; gap: var(--br-space-8); }
.mx-group__name { display: flex; align-items: baseline; gap: var(--br-space-3); font-size: 19px; margin: 0 0 var(--br-space-3); }
.mx-group__name span { font: 500 var(--br-text-xs) var(--br-font-mono); color: var(--br-color-muted); font-weight: 400; }
.mx-tablewrap { overflow-x: auto; background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); }
.mx-table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.mx-table th { font: 500 var(--br-text-2xs)/1.2 var(--br-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--br-color-muted); text-align: left; padding: 13px 16px; border-bottom: 1px solid var(--br-color-line-soft); background: var(--br-color-surface-subtle); white-space: nowrap; }
.mx-table td { padding: 11px 16px; border-bottom: 1px solid var(--br-color-line-soft); vertical-align: middle; }
.mx-table tr:last-child td { border-bottom: 0; }
.mx-table tbody tr:hover { background: var(--br-color-bg); }
.mx-num { text-align: right; font: 500 13.5px var(--br-font-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
th.mx-num { text-align: right; }
.mx-model { display: flex; align-items: center; flex-wrap: wrap; gap: 6px var(--br-space-3); }
.mx-model code { font: 500 13.5px var(--br-font-mono); background: none; padding: 0; white-space: nowrap; }
.mx-model--head { margin: -4px 0 var(--br-space-3); }
.mx-copy { background: none; border: 1px solid var(--br-color-line); border-radius: var(--br-radius-sm); padding: 3px 7px; font: 500 11px var(--br-font-mono); color: var(--br-color-muted); cursor: pointer; }
.mx-copy:hover { color: var(--br-color-ink); border-color: var(--br-color-ink); }
.mx-detail { font-size: 13px; font-weight: 600; white-space: nowrap; }
.mx-cap { font: 500 11px var(--br-font-mono); color: var(--br-color-amber-ink); background: var(--br-color-amber-soft); border-radius: var(--br-radius-sm); padding: 3px 6px; }
.mx-chip { display: inline-block; font: 500 11px/1 var(--br-font-mono); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-sm); padding: 4px 6px; margin: 2px 4px 2px 0; color: var(--br-color-ink-secondary); background: var(--br-color-surface-subtle); }
.mx-empty { color: var(--br-color-muted); font-size: var(--br-text-sm); }
.mx-notes { margin: var(--br-space-16) 0 0; padding: var(--br-space-6) 0 0; border-top: 1px solid var(--br-color-line); }
.mx-notes h2 { font-size: var(--br-text-md); margin: 0 0 var(--br-space-3); }
.mx-notes ul { margin: 0; padding-left: 18px; color: var(--br-color-ink-secondary); font-size: var(--br-text-sm); max-width: 62em; }
.mx-notes li + li { margin-top: 6px; }
.mx-links { display: flex; flex-wrap: wrap; gap: var(--br-space-6); margin: var(--br-space-6) 0 0; }
.mx-more { font-weight: 600; font-size: 15px; border-bottom: 1px solid var(--br-color-ink); padding-bottom: 2px; }
.mx-more:hover { text-decoration: none; color: var(--br-color-amber-ink); border-color: var(--br-color-amber-ink); }
.mx-ctas { display: flex; flex-wrap: wrap; gap: var(--br-space-3); margin: var(--br-space-10) 0 0; }
.mx-ctas .site-btn-primary, .mx-ctas .site-btn-ghost { min-height: 44px; }

/* 单模型页 */
.md-head { padding: var(--br-space-6) 0 var(--br-space-8); }
.md-title { display: flex; align-items: center; flex-wrap: wrap; gap: var(--br-space-4); margin: 0 0 var(--br-space-4); }
.md-title h1 { font: 600 44px/1.05 var(--br-font-mono); letter-spacing: -0.03em; margin: 0; overflow-wrap: anywhere; }
.md-lead { font-size: var(--br-text-md); color: var(--br-color-ink-secondary); margin: 0; }
.md-head .mx-ctas { margin-top: var(--br-space-6); }
.md-spec { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); }
.md-spec > div { padding: var(--br-space-4) var(--br-space-5); border-left: 1px solid var(--br-color-line-soft); min-width: 0; }
.md-spec > div:first-child { border-left: 0; }
.md-spec small { display: block; font: 500 var(--br-text-2xs)/1 var(--br-font-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--br-color-muted); margin-bottom: var(--br-space-2); }
.md-spec b { font-size: 19px; font-weight: 600; }
.md-num { font-family: var(--br-font-mono); font-variant-numeric: tabular-nums; }
.md-none { font-size: 13px; color: var(--br-color-muted); }
.md-unit { font: 400 var(--br-text-xs) var(--br-font-mono); color: var(--br-color-muted); margin: var(--br-space-2) 2px 0; }
.md-notes { margin: var(--br-space-4) 0 0; padding-left: 18px; color: var(--br-color-ink-secondary); font-size: var(--br-text-sm); max-width: 62em; }
.md-sec { padding: var(--br-space-14) 0 0; }
.md-sec h2 { font-size: 26px; letter-spacing: -0.02em; margin: 0 0 var(--br-space-3); }
.md-sec .md-lead { margin-bottom: var(--br-space-5); }
.md-code { margin-top: var(--br-space-2); }
.md-alts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--br-space-3); }
.md-alt { display: flex; flex-direction: column; gap: 6px; background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-md); padding: var(--br-space-4); color: var(--br-color-ink); transition: border-color var(--br-motion-fast), transform var(--br-motion-fast); }
.md-alt:hover { border-color: var(--br-color-ink); text-decoration: none; transform: translateY(-2px); }
.md-alt small { font: 500 var(--br-text-2xs)/1.3 var(--br-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--br-color-muted); }
.md-alt code { font: 600 15px var(--br-font-mono); background: none; padding: 0; }
.md-alt span { font-size: 13px; color: var(--br-color-muted); }

/* Pricing */
.pr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--br-space-5); }
.pr-sec { background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); padding: var(--br-space-6); min-width: 0; }
.pr-sec h2 { font-size: 19px; margin: 0 0 var(--br-space-3); }
.pr-sec p { color: var(--br-color-ink-secondary); font-size: 15px; margin: 0 0 var(--br-space-3); }
.pr-sec p:last-child { margin-bottom: 0; }
.pr-sec .mx-tablewrap { margin: 0 0 var(--br-space-3); }

@media (max-width: 960px) {
  .md-spec { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md-spec > div:nth-child(odd) { border-left: 0; }
  .md-spec > div:nth-child(n + 3) { border-top: 1px solid var(--br-color-line-soft); }
  .md-spec > div:last-child { grid-column: 1 / -1; }
  .md-alts, .pr-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .mx-head h1 { font-size: 30px; }
  .mx-bar { position: static; }
  .mx-tools { width: 100%; }
  .mx-tools input { flex: 1; width: auto; }
  .mx-capcol { display: none; }
  .mx-table td, .mx-table th { padding: 10px 12px; }
  .mx-model code, .mx-num { font-size: 12.5px; }
  .md-title h1 { font-size: 30px; }
  .md-sec { padding-top: var(--br-space-10); }
  .pr-sec { padding: var(--br-space-5); }
  .mx-ctas { flex-direction: column; }
  .mx-ctas .site-btn-primary, .mx-ctas .site-btn-ghost { width: 100%; }
}

@media (max-width: 640px) {
  /* 页头两行：字标 + 按钮一行，导航单行横滑（不再折成三四行） */
  .site-header__inner { padding: 10px var(--br-gutter); gap: var(--br-space-2) var(--br-space-3); }
  .site-logo { order: 1; }
  .site-header__actions { order: 2; margin-left: auto; gap: var(--br-space-2); }
  .site-nav { order: 3; flex: 1 0 100%; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--br-space-2)); }
  .site-nav::-webkit-scrollbar { display: none; }
  .site-nav__item { flex: none; padding: 6px var(--br-space-2); }
  .site-header__actions .site-lang { font-size: 0; padding: 6px; } /* 只留地球图标，文字仍可被读屏读到 */
  .site-header__actions .site-lang svg { margin-right: 0 !important; }
  .site-btn-primary, .site-btn-ghost { min-height: 36px; padding: 0 var(--br-space-3); }
  /* 价格表在自己的框里横滑，表头与模型 ID 不再逐字断行；对比页对照表窄屏改上下排（styles.css），不能不换行 */
  .model-price-table { display: block; overflow-x: auto; }
  .model-price-table:not(.compare-table) th, .model-price-table:not(.compare-table) td { white-space: nowrap; }
  .hero__title { font-size: 42px; }
  .section-title { font-size: 30px; margin-top: var(--br-space-16); }
  .stat__num { font-size: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .site-btn-primary:hover { transform: none; }
  .card, .step, .blog-card, .blog-featured, .site-btn-primary, .site-btn-ghost { transition: none; }
}

/* ---- Docs 频道（2026-10-03）：侧栏 + 正文 + 页内目录；代码块为 CSS 单选框标签页（无 JS 可切换） ---- */
.dx { display: grid; grid-template-columns: 200px minmax(0, 1fr) 184px; gap: var(--br-space-12); align-items: start; }
.dx-side, .dx-toc { position: sticky; top: 93px; /* 页头 69px + 24px 呼吸 */ max-height: calc(100vh - 110px); overflow-y: auto; }
.dx-nav { display: flex; flex-direction: column; gap: 2px; }
.dx-nav__group { font: 500 var(--br-text-2xs)/1 var(--br-font-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--br-color-muted); margin: var(--br-space-6) 0 var(--br-space-2); }
.dx-nav__group:first-child { margin-top: 0; }
.dx-nav__item { display: block; padding: 6px 10px; border-radius: var(--br-radius-sm); font-size: 14.5px; color: var(--br-color-ink-secondary); }
.dx-nav__item:hover { text-decoration: none; color: var(--br-color-ink); background: var(--br-color-line-soft); }
.dx-nav__item--active { color: var(--br-color-ink); font-weight: 600; background: var(--br-color-surface); box-shadow: inset 2px 0 0 var(--br-color-amber); }
.dx-main { min-width: 0; max-width: 760px; }
.dx-head { padding: 0 0 var(--br-space-4); }
.dx-head h1 { font-size: var(--br-text-h2); letter-spacing: -0.03em; margin: 0 0 var(--br-space-3); }
.dx-endpoint { display: inline-flex; align-items: center; gap: var(--br-space-2); margin: 0 0 var(--br-space-4); padding: 6px 12px 6px 6px; background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-md); }
.dx-endpoint code { font: 500 14.5px/1.3 var(--br-font-mono); background: transparent; }
.dx-method { font: 600 var(--br-text-2xs)/1 var(--br-font-mono); letter-spacing: 0.06em; padding: 5px 7px; border-radius: var(--br-radius-sm); background: var(--br-color-amber-soft); color: var(--br-color-amber-ink); }
.dx-lead { font-size: var(--br-text-md); color: var(--br-color-ink-secondary); margin: 0 0 var(--br-space-4); }
.dx-copymd { font: 500 13px/1 var(--br-font-sans); color: var(--br-color-ink-secondary); background: var(--br-color-surface); border: 1px solid var(--br-color-line); border-radius: var(--br-radius-pill); padding: 8px 14px; cursor: pointer; }
.dx-copymd:hover { color: var(--br-color-ink); border-color: var(--br-color-ink); }
.dx-sec { padding: var(--br-space-10) 0 0; scroll-margin-top: 90px; }
.dx-sec h2 { font-size: 22px; letter-spacing: -0.02em; margin: 0 0 var(--br-space-4); }
.dx-sec h2 a { color: inherit; }
.dx-sec h2 a:hover { text-decoration: none; color: var(--br-color-amber-ink); }
.dx-sec p, .dx-sec li { font-size: 15.5px; line-height: 1.65; color: var(--br-color-ink-secondary); }
.dx-sec p { margin: 0 0 var(--br-space-4); }
.dx-sec ul, .dx-sec ol { margin: 0 0 var(--br-space-4); padding-left: 1.25em; display: grid; gap: var(--br-space-2); }
.dx-sec a, .dx-lead a { color: var(--br-color-ink); text-decoration: underline; text-decoration-color: var(--br-color-line); text-underline-offset: 3px; }
.dx-sec a:hover, .dx-lead a:hover { text-decoration-color: var(--br-color-amber-ink); }
.dx-sec code, .dx-lead code { font-family: var(--br-font-mono); font-size: 0.88em; background: var(--br-color-line-soft); border-radius: var(--br-radius-sm); padding: 1px 5px; color: var(--br-color-ink); }
.dx-steps li::marker { font-family: var(--br-font-mono); color: var(--br-color-muted); }
.dx-table td { vertical-align: top; font-size: 14.5px; line-height: 1.55; color: var(--br-color-ink-secondary); }
.dx-table td:first-child { color: var(--br-color-ink); }
.dx-table td code { white-space: nowrap; }
.dx-sec .mx-tablewrap { margin: 0 0 var(--br-space-4); }
.dx-note { padding: var(--br-space-3) var(--br-space-4); border-left: 3px solid var(--br-color-amber); background: var(--br-color-surface); border-radius: 0 var(--br-radius-sm) var(--br-radius-sm) 0; }

.dx-tabs { position: relative; margin: 0 0 var(--br-space-4); background: var(--br-color-code); border-radius: var(--br-radius-lg); overflow: hidden; }
.dx-tabs__radio { position: absolute; opacity: 0; pointer-events: none; }
.dx-tabs__bar { display: flex; align-items: center; gap: var(--br-space-1); padding: 0 var(--br-space-2) 0 var(--br-space-3); border-bottom: 1px solid var(--br-color-code-line); }
.dx-tabs__bar label, .dx-tabs__title { font: 500 12.5px/1 var(--br-font-mono); color: var(--br-color-code-muted); padding: 13px 8px 11px; border-bottom: 2px solid transparent; cursor: pointer; }
.dx-tabs__title { cursor: default; }
.dx-copy { margin-left: auto; font: 500 12px/1 var(--br-font-mono); color: var(--br-color-code-muted); background: transparent; border: 1px solid var(--br-color-code-line); border-radius: var(--br-radius-sm); padding: 6px 10px; cursor: pointer; }
.dx-copy:hover { color: var(--br-color-code-ink); }
.dx-tabs__panel { display: none; margin: 0; padding: var(--br-space-4) var(--br-space-5); overflow-x: auto; background: transparent; color: var(--br-color-code-ink); font: 13.5px/1.6 var(--br-font-mono); }
.dx-tabs__panel code { background: transparent; color: inherit; padding: 0; font: inherit; }
.dx-tabs--single .dx-tabs__panel { display: block; }
.dx-tabs__radio:nth-of-type(1):checked ~ pre:nth-of-type(1),
.dx-tabs__radio:nth-of-type(2):checked ~ pre:nth-of-type(2),
.dx-tabs__radio:nth-of-type(3):checked ~ pre:nth-of-type(3),
.dx-tabs__radio:nth-of-type(4):checked ~ pre:nth-of-type(4) { display: block; }
.dx-tabs__radio:nth-of-type(1):checked ~ .dx-tabs__bar label:nth-of-type(1),
.dx-tabs__radio:nth-of-type(2):checked ~ .dx-tabs__bar label:nth-of-type(2),
.dx-tabs__radio:nth-of-type(3):checked ~ .dx-tabs__bar label:nth-of-type(3),
.dx-tabs__radio:nth-of-type(4):checked ~ .dx-tabs__bar label:nth-of-type(4) { color: var(--br-color-code-ink); border-bottom-color: var(--br-color-amber); }
.dx-tabs__radio:nth-of-type(1):focus-visible ~ .dx-tabs__bar label:nth-of-type(1),
.dx-tabs__radio:nth-of-type(2):focus-visible ~ .dx-tabs__bar label:nth-of-type(2),
.dx-tabs__radio:nth-of-type(3):focus-visible ~ .dx-tabs__bar label:nth-of-type(3),
.dx-tabs__radio:nth-of-type(4):focus-visible ~ .dx-tabs__bar label:nth-of-type(4) { outline: 2px solid var(--br-color-amber); outline-offset: -2px; }

.dx-pager { display: grid; grid-template-columns: 1fr 1fr; gap: var(--br-space-3); margin: var(--br-space-14) 0 0; padding-top: var(--br-space-6); border-top: 1px solid var(--br-color-line-soft); }
.dx-pager a { display: flex; flex-direction: column; gap: 4px; padding: var(--br-space-4); background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-md); font-weight: 600; color: var(--br-color-ink); }
.dx-pager a:hover { text-decoration: none; border-color: var(--br-color-ink); }
.dx-pager small { font: 500 var(--br-text-2xs)/1 var(--br-font-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--br-color-muted); }
.dx-pager__next { text-align: right; grid-column: 2; }

.dx-toc { display: flex; flex-direction: column; gap: 2px; border-left: 1px solid var(--br-color-line-soft); padding-left: var(--br-space-4); }
.dx-toc p { font: 500 var(--br-text-2xs)/1 var(--br-font-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--br-color-muted); margin: 0 0 var(--br-space-2); }
.dx-toc a { font-size: 13.5px; color: var(--br-color-ink-secondary); padding: 4px 0; }
.dx-toc a:hover { text-decoration: none; color: var(--br-color-ink); }

@media (max-width: 1100px) {
  .dx { grid-template-columns: 200px minmax(0, 1fr); }
  .dx-toc { display: none; }
}
@media (max-width: 860px) {
  .dx { grid-template-columns: minmax(0, 1fr); gap: var(--br-space-6); }
  .dx-side { position: static; max-height: none; overflow: visible; padding-bottom: var(--br-space-5); border-bottom: 1px solid var(--br-color-line-soft); }
  .dx-nav { flex-direction: row; flex-wrap: wrap; gap: var(--br-space-1); }
  .dx-nav__group { flex-basis: 100%; margin: var(--br-space-3) 0 var(--br-space-1); }
  .dx-nav__item { padding: 6px 10px; background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); font-size: 14px; }
  .dx-nav__item--active { box-shadow: none; border-color: var(--br-color-amber); }
}
@media (max-width: 640px) {
  .dx-sec { padding-top: var(--br-space-8); }
  .dx-tabs__panel { padding: var(--br-space-3) var(--br-space-4); font-size: 12.5px; }
  /* 手机上参数表竖排：前两列（字段+类型 / 状态+代码）一行，说明另起 */
  .dx-table thead { display: none; }
  .dx-table tr { display: block; padding: 12px 14px; border-bottom: 1px solid var(--br-color-line-soft); }
  .dx-table tr:last-child { border-bottom: 0; }
  .dx-table td { display: block; padding: 0; border: 0; }
  .dx-table td:not(:last-child) { display: inline-block; margin: 0 10px 6px 0; }
  .dx-table td:empty { display: none; }
}

/* ---- Product 频道（2026-10-03）：Product / BYOK / Coding / OpenAI 兼容 / OpenClaw 共用的功能页骨架 ---- */
.fx-head { padding: var(--br-space-6) 0 var(--br-space-4); }
.fx-head h1 { font-size: var(--br-text-h2); letter-spacing: -0.03em; margin: 0 0 var(--br-space-3); max-width: 22em; text-wrap: balance; }
.fx-head__ctas { margin-top: var(--br-space-6); }
.fx-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1px; margin: var(--br-space-10) 0 0; background: var(--br-color-line-soft); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); overflow: hidden; }
.fx-facts div { background: var(--br-color-surface); padding: var(--br-space-4) var(--br-space-5); min-width: 0; }
.fx-facts dt { font: 500 var(--br-text-2xs)/1 var(--br-font-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--br-color-muted); margin: 0 0 8px; }
.fx-facts dd { margin: 0; font-weight: 600; font-size: 15px; color: var(--br-color-ink); font-variant-numeric: tabular-nums; }

.fx-block { padding: var(--br-space-14) 0 var(--br-space-12); }
.fx-block__title, .fx-sec__head h2 { font-size: 26px; letter-spacing: -0.02em; margin: 0 0 var(--br-space-3); text-wrap: balance; }
.fx-block__title { margin-bottom: var(--br-space-6); }
.fx-caps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--br-space-4); }
.fx-cap { display: flex; flex-direction: column; gap: var(--br-space-3); background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); padding: var(--br-space-6); min-width: 0; }
.fx-cap h3 { font-size: 18px; letter-spacing: -0.01em; margin: 0; }
.fx-cap__lead { color: var(--br-color-muted); font-size: 14.5px; margin: 0; }
.fx-cap .fx-list li { font-size: 14.5px; }
.fx-cap .mx-more { margin-top: auto; align-self: flex-start; font-size: 14px; }

.fx-sec { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--br-space-10); padding: var(--br-space-12) 0; border-top: 1px solid var(--br-color-line-soft); scroll-margin-top: 80px; }
.fx-sec__head { position: sticky; top: 93px; align-self: start; }
.fx-sec__head p { font-size: 15.5px; line-height: 1.6; color: var(--br-color-ink-secondary); margin: 0; }
.fx-sec__body { display: grid; gap: var(--br-space-5); align-content: start; min-width: 0; }
.fx-sec__body > * { min-width: 0; margin: 0; }
.fx-p { font-size: 16px; line-height: 1.65; color: var(--br-color-ink-secondary); }
.fx-list { padding: 0; list-style: none; display: grid; gap: 10px; margin: 0; }
.fx-list li { position: relative; padding-left: 18px; font-size: 15.5px; line-height: 1.6; color: var(--br-color-ink-secondary); }
.fx-list li::before { content: ""; position: absolute; left: 0; top: 0.62em; width: 6px; height: 6px; border-radius: 50%; background: var(--br-color-amber); }
.fx-list--notes li { font-size: 14.5px; color: var(--br-color-muted); }
.fx-list a, .fx-p a { color: var(--br-color-ink); text-decoration: underline; text-decoration-color: var(--br-color-line); text-underline-offset: 3px; }
.fx-more { margin: 0; display: flex; flex-wrap: wrap; gap: var(--br-space-3) var(--br-space-5); }
.fx-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--br-space-3); }
.fx-card { background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-md); padding: var(--br-space-5); min-width: 0; }
.fx-card h3 { font-size: 15.5px; margin: 0 0 6px; }
.fx-card p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--br-color-ink-secondary); }
.fx-sec__body .code-panel, .fx-sec__body .tool-tabs { margin: 0; }
.fx-block .steps { margin: 0; }
.fx-caps + .fx-more { margin-top: var(--br-space-6); }
.fx-block .step { text-align: left; padding: var(--br-space-5); display: flex; flex-direction: column; gap: var(--br-space-2); }
.fx-block .step__num { font-family: var(--br-font-mono); font-size: 13px; }
.fx-block .step h3, .fx-block .step p { margin: 0; }
.fx-block .step p { font-size: 14.5px; line-height: 1.55; }
.fx-block .step p:last-child { margin-top: auto; padding-top: var(--br-space-2); font-weight: 600; }

.fx-end { margin: var(--br-space-12) 0 0; padding: var(--br-space-10); background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); }
.fx-end h2 { font-size: 26px; letter-spacing: -0.02em; margin: 0 0 var(--br-space-2); }
.fx-end p { color: var(--br-color-ink-secondary); margin: 0; }
.fx-end .mx-ctas { margin-top: var(--br-space-6); }

@media (max-width: 960px) {
  .fx-caps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fx-sec { grid-template-columns: minmax(0, 1fr); gap: var(--br-space-5); padding: var(--br-space-10) 0; }
  .fx-sec__head { position: static; }
}
@media (max-width: 640px) {
  .fx-caps, .fx-cards { grid-template-columns: minmax(0, 1fr); }
  .fx-facts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin-top: var(--br-space-8); }
  .fx-block { padding: var(--br-space-10) 0 var(--br-space-8); }
  .fx-end { padding: var(--br-space-6); }
}

/* FAQ 频道（2026-10-03）：分组跳转条 */
.fx-jump { display: flex; flex-wrap: wrap; gap: var(--br-space-2); margin: var(--br-space-6) 0 var(--br-space-10); }
.fx-jump a { font-size: 14px; padding: 7px 12px; background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-pill); color: var(--br-color-ink-secondary); }
.fx-jump a:hover { text-decoration: none; color: var(--br-color-ink); border-color: var(--br-color-ink); }

/* Use Cases（2026-10-03）：总览卡片 + 场景页接入步骤 */
.fx-ucs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--br-space-4); }
.fx-uc { display: flex; flex-direction: column; gap: var(--br-space-3); padding: var(--br-space-6); background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); color: var(--br-color-ink); min-width: 0; }
.fx-uc:hover { text-decoration: none; border-color: var(--br-color-ink); }
.fx-uc h2 { font-size: 20px; letter-spacing: -0.01em; margin: 0; }
.fx-uc p { margin: 0; color: var(--br-color-ink-secondary); font-size: 15px; line-height: 1.55; }
.fx-uc .mx-more { margin-top: auto; align-self: flex-start; font-size: 14px; }
.fx-steps { margin: 0; padding-left: 1.4em; display: grid; gap: 10px; }
.fx-steps li { font-size: 15.5px; line-height: 1.6; color: var(--br-color-ink-secondary); }
.fx-steps li::marker { font-family: var(--br-font-mono); color: var(--br-color-muted); }
@media (max-width: 640px) { .fx-ucs { grid-template-columns: minmax(0, 1fr); } }

/* ---- 剩余页面换新骨架（2026-10-04）：成本计算器 / 对比页 / 法务 / 博客，见 docs/superpowers/specs/2026-10-04-website-remaining-pages-design.md ---- */
.fx-note { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--br-color-muted); }
.fx-note a { color: var(--br-color-ink-secondary); }
.fx-block--tight { padding-top: var(--br-space-10); }
.fx-block > .fx-note { margin-top: var(--br-space-3); }
.calc-table { margin-top: var(--br-space-6); }
.calc-table td code { font: 500 13.5px var(--br-font-mono); white-space: nowrap; }

/* 对比页对照表：桌面三列顶对齐；窄屏上下排仍靠 styles.css 的 .compare-table，这里只换线色与底色 */
.compare-table td { vertical-align: top; line-height: 1.5; color: var(--br-color-ink-secondary); }
.compare-table td strong { color: var(--br-color-ink); font-weight: 600; }
.compare-table th:first-child { width: 20%; }
@media (max-width: 560px) {
  .compare-table { border: 0; }
  .compare-table td { border-top-color: var(--br-color-line-soft); }
  .compare-table td:first-child { background: var(--br-color-surface-subtle); }
  .compare-table td:last-child { border-left-color: var(--br-color-line-soft); }
  .compare-table td[data-label]::before { font: 500 var(--br-text-2xs)/1.4 var(--br-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--br-color-muted); }
}

/* 单栏正文（ax-）：法务页与博客文章页，排版同 Docs 正文（.dx-sec） */
.ax { max-width: 760px; }
.ax-head { padding: var(--br-space-6) 0 var(--br-space-2); }
.ax-head h1 { font-size: var(--br-text-h2); letter-spacing: -0.03em; margin: 0 0 var(--br-space-3); }
.ax-lead { font-size: var(--br-text-md); color: var(--br-color-ink-secondary); margin: 0; }
.ax-notice { margin: var(--br-space-4) 0 0; padding: var(--br-space-3) var(--br-space-4); border-left: 3px solid var(--br-color-amber); background: var(--br-color-surface); border-radius: 0 var(--br-radius-sm) var(--br-radius-sm) 0; font-size: 14.5px; color: var(--br-color-ink-secondary); }
.ax-body { padding-top: var(--br-space-6); }
.ax-body > :first-child { margin-top: 0; }
.ax-body h2 { font-size: 22px; letter-spacing: -0.02em; margin: var(--br-space-10) 0 var(--br-space-4); }
.ax-body h3 { font-size: 18px; margin: var(--br-space-8) 0 var(--br-space-3); }
.ax-body h4 { font-size: 16px; margin: var(--br-space-6) 0 var(--br-space-2); }
.ax-body p, .ax-body li { font-size: 16px; line-height: 1.7; color: var(--br-color-ink-secondary); }
.ax-body p { margin: 0 0 var(--br-space-4); }
.ax-body ul, .ax-body ol { margin: 0 0 var(--br-space-4); padding-left: 1.25em; display: grid; gap: var(--br-space-2); }
.ax-body li::marker { color: var(--br-color-muted); }
.ax-body strong { color: var(--br-color-ink); }
.ax-body a { color: var(--br-color-ink); text-decoration: underline; text-decoration-color: var(--br-color-line); text-underline-offset: 3px; }
.ax-body a:hover { text-decoration-color: var(--br-color-amber-ink); }
.ax-body code { font-family: var(--br-font-mono); font-size: 0.88em; background: var(--br-color-line-soft); border-radius: var(--br-radius-sm); padding: 1px 5px; color: var(--br-color-ink); }
.ax-body pre { margin: 0 0 var(--br-space-4); padding: var(--br-space-4) var(--br-space-5); background: var(--br-color-code); color: var(--br-color-code-ink); border-radius: var(--br-radius-lg); overflow-x: auto; font: 13.5px/1.6 var(--br-font-mono); }
.ax-body pre code { background: transparent; padding: 0; color: inherit; font: inherit; }
.ax-body blockquote { margin: 0 0 var(--br-space-4); padding: var(--br-space-3) var(--br-space-4); border-left: 3px solid var(--br-color-amber); background: var(--br-color-surface); border-radius: 0 var(--br-radius-sm) var(--br-radius-sm) 0; }
.ax-body blockquote p:last-child { margin-bottom: 0; }

/* 博客：列表页卡片、文章元信息 */
.blog-tabs { margin: var(--br-space-8) 0 var(--br-space-6); }
.blog-featured { display: block; margin: 0 0 var(--br-space-4); padding: var(--br-space-8) var(--br-space-10); background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); color: var(--br-color-ink); }
.blog-featured:hover, .blog-card:hover { text-decoration: none; border-color: var(--br-color-ink); }
.blog-featured__title { font-size: 28px; letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 var(--br-space-3); max-width: 28em; }
.blog-featured__desc { font-size: var(--br-text-md); line-height: 1.55; color: var(--br-color-ink-secondary); margin: 0 0 var(--br-space-5); max-width: 46em; }
.blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--br-space-4); }
.blog-card { display: flex; flex-direction: column; gap: var(--br-space-3); padding: var(--br-space-6); background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); color: var(--br-color-ink); min-width: 0; }
.blog-card__title { font-size: 18px; letter-spacing: -0.01em; line-height: 1.3; margin: 0; }
.blog-card__desc { margin: 0; font-size: 15px; line-height: 1.55; color: var(--br-color-ink-secondary); }
.blog-card .blog-meta { margin-top: auto; padding-top: var(--br-space-2); }
.blog-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0; font: 500 var(--br-text-2xs)/1.4 var(--br-font-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--br-color-muted); }
.blog-meta a { color: var(--br-color-ink); }
.ax-head .blog-meta { margin: 0 0 var(--br-space-4); }
.blog-rss { margin-top: var(--br-space-8); }
/* 文章页右栏（10-05）：相关文章 + 小 CTA，吸顶；窄屏落到正文下方，CTA 卡隐藏（页尾已有同款） */
.blog-layout { display: grid; grid-template-columns: minmax(0, 760px) 272px; justify-content: space-between; gap: var(--br-space-12); align-items: start; }
.blog-rail { position: sticky; top: 93px; max-height: calc(100vh - 110px); overflow-y: auto; display: flex; flex-direction: column; gap: var(--br-space-6); padding-top: var(--br-space-6); }
.blog-rail__label { font: 500 var(--br-text-2xs)/1 var(--br-font-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--br-color-muted); margin: 0 0 var(--br-space-2); }
.blog-rail__related ul { list-style: none; margin: 0; padding: 0; }
.blog-rail__related li + li { border-top: 1px solid var(--br-color-line-soft); }
.blog-rail__related a { display: flex; flex-direction: column; gap: 6px; padding: var(--br-space-3) 0; color: var(--br-color-ink); }
.blog-rail__related a:hover { text-decoration: none; }
.blog-rail__related a:hover .blog-rail__title { text-decoration: underline; text-underline-offset: 3px; }
.blog-rail__title { font-size: 14.5px; font-weight: 500; line-height: 1.4; }
.blog-rail__meta { font: 500 var(--br-text-2xs)/1.4 var(--br-font-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--br-color-muted); }
.blog-rail__cta { padding: var(--br-space-5); background: var(--br-color-surface); border: 1px solid var(--br-color-line-soft); border-radius: var(--br-radius-lg); }
.blog-rail__cta-title { font-size: 16px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; margin: 0 0 var(--br-space-2); color: var(--br-color-ink); }
.blog-rail__cta-lead { font-size: 14px; line-height: 1.5; color: var(--br-color-ink-secondary); margin: 0 0 var(--br-space-4); }
@media (max-width: 1080px) {
  .blog-layout { grid-template-columns: minmax(0, 1fr); }
  .blog-rail { position: static; max-height: none; max-width: 760px; padding-top: var(--br-space-10); }
  .blog-rail__cta { display: none; }
}
@media (max-width: 640px) {
  .blog-grid { grid-template-columns: minmax(0, 1fr); }
  .blog-featured { padding: var(--br-space-6); }
  .blog-featured__title { font-size: 22px; }
}

/* ===== 中文页排版（Phase 5）：小标签不转大写、字距收窄；标题不收紧字距 =====
   负字距与全大写是给拉丁字母定的：汉字收紧会挤，大写只会把夹在中文里的英文词变成「TOKEN」 */
html[lang="zh"] :is(.home-eyebrow, .home-kicker, .home-flow small, .home-table th, .home-card__head, .model-price-table th, .site-footer__col h4, .mx-kicker, .mx-table th, .md-spec small, .md-alt small, .dx-nav__group, .dx-pager small, .dx-toc p, .fx-facts dt, .blog-rail__label, .blog-rail__meta) { text-transform: none; letter-spacing: 0.02em; }
html[lang="zh"] :is(h1, h2, h3, h4) { letter-spacing: 0; }
html[lang="zh"] .home-hero__title { line-height: 1.12; }
/* 主标题按全角逗号分段整段换行，不把词拆开；段落比容器宽时在段内折行，不撑宽页面 */
.home-h1-seg { display: inline-block; max-width: 100%; }
/* 按钮下的小字：等宽字体里中英文之间空得太开，中文用正文字体 */
html[lang="zh"] .home-micro { font-family: var(--br-font-sans); }