/* ============================================================
   桥云官网设计系统层 components/design-system.css（v1.2 设计升级第一阶段，2026-08-30 桥网-31）
   角色：全局基础体验层（令牌之上的"组件与规范"），与结构层 site.css 解耦。
   强制基线：桥云品牌与视觉设计统一规则 v1.2
     §二 排版与间距 · §七 毛玻璃 · §八 动效 · §九 无障碍 · §十 打印 · §十四 浏览动线/信任背书
   色板仅用旧蓝红（#1B3A5C 系 + #E53E3E），阴影基色 rgba(27,58,92)；不引入新色相/外部依赖。
   本文件通过全站 head 注入引用；所有令牌取自 brand/tokens.css。
   ============================================================ */

/* ============ 1. 排版阶梯与间距（v1.2 §二） ============ */
/* 标题字号阶梯：h1 28–32 / h2 22–24 / h3 17–18；正文行高 1.6–1.8 */
.wrap h1, section h1 { font-size: var(--fs-h1); line-height: var(--lh-head); }
.wrap h2, section h2 { font-size: var(--fs-h2); line-height: var(--lh-head); }
.wrap h3, section h3 { font-size: var(--fs-h3); line-height: var(--lh-head); }
.wrap, section { line-height: var(--lh-body); }

/* 价格/数字等宽（§二：价格数字用等宽数字） */
.num, .price, .amount, .stat-num, [data-price],
.pcard .price, .kw-price, .price-num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* 8px 网格工具类（§二） */
.qy-mt1 { margin-top: var(--grid); }
.qy-mt2 { margin-top: calc(var(--grid) * 2); }
.qy-mt3 { margin-top: calc(var(--grid) * 3); }
.qy-gap1 { gap: var(--grid); }
.qy-gap2 { gap: calc(var(--grid) * 2); }

/* ============ 2. 卡片动效统一（v1.2 §八 + 任务必做项 4） ============ */
/* 产品卡/案例卡/医院卡/通用卡统一：hover 上浮 4px + 阴影加深（200–300ms 缓出） */
.qy-card,
.card, .pcard, .ucard, .who-card, .t-card, .value-card, .product-card, .fcard,
.scene-card, .trust-card, .cell, .card-panel, .cta-box, .sc-item, .deliver-item, .stat-item,
.card-grid > * {
  transition: transform var(--motion-fast) var(--ease-out),
              box-shadow var(--motion-fast) var(--ease-out);
  will-change: transform;
}
.qy-card:hover,
.card:hover, .pcard:hover, .ucard:hover, .who-card:hover, .t-card:hover,
.value-card:hover, .product-card:hover, .fcard:hover, .scene-card:hover, .trust-card:hover,
.cell:hover, .card-panel:hover, .cta-box:hover, .sc-item:hover, .deliver-item:hover, .stat-item:hover,
.card-grid > *:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-3);
}
/* 键盘可达：卡片内聚焦时同样上浮（§九） */
.qy-card:focus-within,
.card:focus-within, .pcard:focus-within, .cell:focus-within, .card-panel:focus-within {
  transform: translateY(-4px);
  box-shadow: var(--shadow-2);
}

/* ============ 3. 按钮按压态 + 聚焦环（v1.2 §八 / §九） ============ */
/* 按钮按压轻微下沉 */
.btn:active, .btn-a:active, .btn-b:active, .btn-c:active,
.quote-btn:active, .sb-cta:active, .qy-cta:active {
  transform: translateY(1px);
}
/* 键盘聚焦：2px 品牌红环（§九） */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}
/* 触控目标 ≥44px（§九，移动端导航/按钮最小高度保障） */
@media (max-width: 900px) {
  .qy-navrow .links > a, .qy-navrow .drop > a, .quote-btn, .sb-cta {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

/* ============ 4. 表格样式（v1.2 任务必做项 5） ============ */
/* 通用内容表（覆盖无专属样式的表：新闻/案例/医院等）；有专属样式的页（quote/h-line）继承自身 */
.wrap table, .card table, .card-panel table, .qy-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fs-small);
  margin: 16px 0;
  background: var(--qy-bg-soft, #fff);
}
.wrap table th, .qy-table th {
  background: var(--c-d);            /* 表头深蓝底白字 */
  color: #fff;
  text-align: left;
  font-weight: 600;
  padding: 10px 14px;
  white-space: nowrap;
}
.wrap table td, .qy-table td {
  padding: 10px 14px;
  border: 1px solid var(--c-line);
  color: var(--c-ink);
}
.wrap table tbody tr:nth-child(even) td,
.qy-table tbody tr:nth-child(even) td {
  background: var(--qy-bg, #f6f7f9);  /* 隔行浅灰（深色自动换深灰黑） */
}
.wrap table tbody tr td:first-child,
.qy-table tbody tr td:first-child {
  font-weight: 700;                  /* 首列加粗 */
  color: var(--c-d);
}
/* 增强型 .qy-table：移动端横向滚动 + 吸顶表头 */
.qy-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.qy-table thead th { position: sticky; top: 0; z-index: 2; }

/* ============ 5. 面包屑（v1.2 §十四 / 任务必做项 6） ============ */
.qy-crumb {
  max-width: var(--container);
  margin: 0 auto;
  padding: 14px 24px 0;
  font-size: 13px;
  color: var(--c-g);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  line-height: 1.6;
}
.qy-crumb a { color: var(--c-d); text-decoration: none; }
.qy-crumb a:hover { color: var(--c-r); }
.qy-crumb .sep { color: var(--c-line); }
.qy-crumb .cur { color: var(--c-r); font-weight: 600; }
/* 面包屑在固定页头下方留白（桥网-37 页头仅导航：border 3 + 导航约 62px ≈ 65px） */
body.qy-has-crumb { padding-top: 66px; }
.qy-crumb + .wrap, .qy-crumb + .hero { padding-top: 0; }

/* ============ 6. 下一步引导（v1.2 §十四 / 任务必做项 12） ============ */
.qy-nextstep {
  max-width: var(--container);
  margin: 28px auto 8px;
  padding: 22px 24px;
  background: var(--qy-bg, #fff);
  border: 1px solid var(--c-line);
  border-left: 4px solid var(--c-r);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-1);
}
.qy-nextstep .ns-title { font-size: 15px; font-weight: 700; color: var(--c-d); margin-bottom: 12px; }
.qy-nextstep .ns-row { display: flex; flex-wrap: wrap; gap: 12px; }
.qy-nextstep a.ns-item {
  flex: 1 1 200px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid var(--c-line);
  border-radius: var(--radius-sm);
  text-decoration: none;
  color: var(--c-ink);
  background: var(--qy-bg-soft, #fafbfc);
  transition: transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);
}
.qy-nextstep a.ns-item:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-2);
  border-color: var(--c-r);
}
.qy-nextstep a.ns-item .ns-label { font-weight: 700; color: var(--c-d); font-size: 14px; }
.qy-nextstep a.ns-item .ns-desc { font-size: 12.5px; color: var(--c-g); }

/* ============ 7. 信任背书区（v1.2 §十四 / 任务必做项 11） ============ */
.qy-trust {
  max-width: 1140px;
  margin: 22px auto 0;
  padding: 16px 18px;
  background: #07182B;                 /* 与页脚 fbottom-wrap 同深底分层 */
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-md);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
}
.qy-trust .t-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.62);
}
.qy-trust .t-item b { color: rgba(255, 255, 255, 0.85); font-weight: 600; }
.qy-trust .t-item .dot { width: 4px; height: 4px; border-radius: 50%; background: var(--c-r); flex: none; }
.qy-trust .t-item a { color: rgba(255, 255, 255, 0.72); text-decoration: none; }
.qy-trust .t-item a:hover { color: var(--c-r); }
/* 公众号真实二维码（桥网-34：替换"二维码留位"；素材 assets/qrcode-gzh.png） */
.qy-trust .t-item-qr { align-items: flex-start; }
.qy-trust .t-qr-wrap { display: flex; flex-direction: column; gap: 6px; align-items: center; }
.qy-trust .t-qr {
  width: 96px; height: 96px; border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #fff;   /* 二维码白底，保证扫码 */
  display: block;
}
.qy-trust .t-item-qr a { text-decoration: none; }

/* ============ 8. 打印样式（v1.2 §十 / 任务必做项 7） ============ */
@media print {
  .qy-header, .qy-sidebar, .qy-footer, .qy-trust,
  .btn, .btn-a, .btn-b, .btn-c, .quote-btn, .sb-cta,
  .cta-band, .qy-nextstep, form, .qy-crumb .sep { display: none !important; }
  /* 正文黑白高对比 */
  body { background: #fff !important; color: #000 !important; font-size: 12px; line-height: 1.5; }
  .wrap, section, main { max-width: 100% !important; padding: 0 !important; color: #000; }
  a { color: #000 !important; text-decoration: underline; }
  h1, h2, h3 { color: #000 !important; }
  /* 表格避免分页截断 */
  table, .qy-table { page-break-inside: avoid; }
  tr, thead, tbody { page-break-inside: avoid; }
  thead { display: table-header-group; }
  .card, .cell, .card-panel, .qy-card {
    box-shadow: none !important;
    border: 1px solid #999 !important;
    break-inside: avoid;
  }
  img { max-width: 100% !important; }
}

/* ============ 9. 无障碍：减弱动效（v1.2 §八 / §九） ============ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
  .qy-card:hover, .card:hover, .cell:hover, .card-panel:hover,
  .qy-nextstep a.ns-item:hover { transform: none !important; }
}

/* ============================================================
   10. 第二阶段·沉浸交互层（v1.2 设计升级第二阶段，2026-08-30 桥网-32）
   仅用旧蓝红；动效全部 transform/opacity（GPU 友好），时长 200–400ms。
   安全模式：默认可见，仅当 JS 注入 html.js-* 类后才启用隐藏/收起，
   避免 JS 未执行时内容不可见。
   ============================================================ */

/* ---------- 10.1 滚动渐显（fade-up 300ms，仅一次，§八 允许清单） ---------- */
/* 默认（无 JS）：始终可见，不影响阅读 */
.qy-reveal { opacity: 1; }
/* JS 就绪后才隐藏，进入视口加 .is-visible 渐显 */
html.js-reveal .qy-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 300ms var(--ease-out), transform 300ms var(--ease-out);
  will-change: opacity, transform;
}
html.js-reveal .qy-reveal.is-visible {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  html.js-reveal .qy-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ---------- 10.2 手风琴 / 折叠（统一 250ms，§八 允许清单） ---------- */
/* 默认（无 JS）：展开可见，内容不丢失 */
.qy-acc-item { border: 1px solid var(--c-line); border-radius: var(--radius-md); background: var(--qy-bg, #fff); margin-bottom: 10px; overflow: hidden; }
.qy-acc-head {
  width: 100%; text-align: left; background: none; border: 0; cursor: pointer;
  padding: 15px 18px; font-size: 15px; font-weight: 700; color: var(--c-d);
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  font-family: inherit; line-height: 1.5;
}
.qy-acc-head .acc-ico {
  flex: none; width: 18px; height: 18px; position: relative; transition: transform 250ms var(--ease-out); color: var(--c-r);
}
.qy-acc-head .acc-ico::before, .qy-acc-head .acc-ico::after {
  content: ""; position: absolute; background: currentColor; border-radius: 2px;
}
.qy-acc-head .acc-ico::before { left: 50%; top: 2px; width: 2px; height: 14px; transform: translateX(-50%); } /* 竖 */
.qy-acc-head .acc-ico::after { top: 50%; left: 2px; width: 14px; height: 2px; transform: translateY(-50%); } /* 横 */
.qy-acc-item.open .qy-acc-head .acc-ico { transform: rotate(135deg); } /* 展开时转成 × */
.qy-acc-body {
  max-height: none;                /* 默认展开（无 JS 时内容可见） */
  overflow: hidden;
  transition: max-height 250ms var(--ease-out);
}
.qy-acc-body .acc-inner { padding: 0 18px 16px; font-size: 14px; color: var(--c-g); line-height: 1.8; }
.qy-acc-body .acc-inner a { color: var(--c-r); font-weight: 600; }
/* JS 就绪后才收起未展开项 */
html.js-acc .qy-acc-item:not(.open) .qy-acc-body { max-height: 0; }
@media (prefers-reduced-motion: reduce) {
  .qy-acc-body { transition: none !important; }
  html.js-acc .qy-acc-item:not(.open) .qy-acc-body { max-height: none; } /* 减弱动效时直接显示 */
}

/* ---------- 10.2b 政策筛选项折叠（统一 250ms，§八 允许清单） ---------- */
.qy-filter-toggle {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 12px;
  background: none; border: 1px solid var(--c-line); border-radius: 999px;
  padding: 7px 16px; font-size: 13px; font-weight: 600; color: var(--c-d);
  cursor: pointer; font-family: inherit; transition: border-color 200ms var(--ease-out), color 200ms var(--ease-out);
}
.qy-filter-toggle:hover { border-color: var(--c-r); color: var(--c-r); }
.qy-filter-toggle:focus-visible { outline: var(--focus-ring); outline-offset: 2px; }
.qy-filter-toggle .caret { transition: transform 250ms var(--ease-out); color: var(--c-r); }
.qy-filter-toggle[aria-expanded="false"] .caret { transform: rotate(-90deg); }
.qy-filter-wrap {
  overflow: hidden; max-height: 220px;
  transition: max-height 250ms var(--ease-out);
}
.qy-filter-wrap.collapsed { max-height: 0; }
@media (prefers-reduced-motion: reduce) { .qy-filter-wrap { transition: none !important; } }

/* ---------- 10.3 搜索骨架屏（shimmer，§八 允许清单） ---------- */
.qy-skel {
  background: var(--qy-bg, #fff); border: 1px solid var(--c-line); border-radius: 14px; padding: 18px 20px;
  display: flex; flex-direction: column; gap: 10px;
}
.qy-skel .sk-bar { height: 12px; border-radius: 6px; }
.qy-skel .sk-bar.lg { height: 18px; width: 70%; }
.qy-skel .sk-bar.md { width: 90%; }
.qy-skel .sk-bar.sm { width: 45%; }
.qy-skel .sk-line { height: 10px; border-radius: 6px; width: 100%; }
/* shimmer 动画（仅在有 blur 支持且非减弱动效时启用，否则静态浅灰） */
@keyframes qy-shimmer { 0% { background-position: -200px 0; } 100% { background-position: calc(200px + 100%) 0; } }
.qy-skel .sk-bar, .qy-skel .sk-line {
  background: linear-gradient(90deg, var(--qy-bg-soft,#f6f7f9) 0%, var(--c-line,#dfe4ea) 40%, var(--qy-bg-soft,#f6f7f9) 80%);
  background-size: 400px 100%;
  animation: qy-shimmer 1.2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .qy-skel .sk-bar, .qy-skel .sk-line { animation: none !important; background: var(--qy-bg-soft, #f6f7f9); }
}

/* ---------- 10.4 订购流程时间线（四步，滚动逐步点亮，§八 允许清单） ---------- */
.qy-timeline { position: relative; margin: 20px 0 8px; padding-left: 8px; }
.qy-step {
  position: relative; display: flex; gap: 18px; padding: 14px 0 14px 4px;
}
.qy-step .dot {
  flex: none; width: 38px; height: 38px; border-radius: 50%;
  background: var(--qy-bg-soft, #e9edf2); color: var(--c-g); font-weight: 800; font-size: 16px;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid var(--c-line); transition: background 300ms var(--ease-out), color 300ms var(--ease-out), border-color 300ms var(--ease-out), box-shadow 300ms var(--ease-out);
}
.qy-step .body { flex: 1; }
.qy-step .body h3 { font-size: 16px; color: var(--c-d); margin-bottom: 4px; font-weight: 700; }
.qy-step .body p { font-size: 13.5px; color: var(--c-g); line-height: 1.8; }
/* 连接线 */
.qy-step:not(:last-child)::before {
  content: ""; position: absolute; left: 21px; top: 52px; bottom: -6px; width: 2px; background: var(--c-line);
}
/* JS 就绪后的渐进点亮：进入视口加 .lit 点亮圆点 */
html.js-tl .qy-step .dot { background: var(--qy-bg-soft, #e9edf2); color: var(--c-g); border-color: var(--c-line); }
html.js-tl .qy-step.lit .dot {
  background: var(--c-d); color: #fff; border-color: var(--c-d);
  box-shadow: 0 6px 16px rgba(27,58,92,.18);
}
html.js-tl .qy-step.lit::before { background: var(--c-a); }
@media (prefers-reduced-motion: reduce) {
  html.js-tl .qy-step .dot, html.js-tl .qy-step.lit .dot { transition: none !important; }
}

/* ---------- 10.5 深底玻璃数据/资历卡（§七 数据资历卡） ---------- */
/* 首页 Hero 右侧交互面板（深底玻璃）：rgba(255,255,255,.12)+blur(18px)+1px 白边+圆角16 */
.qy-glass {
  background: var(--glass-dark-bg);
  -webkit-backdrop-filter: var(--glass-dark-blur);
  backdrop-filter: var(--glass-dark-blur);
  border: 1px solid var(--glass-dark-border);
  border-radius: var(--radius-lg);
  color: rgba(255,255,255,.92);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .qy-glass { background: var(--glass-dark-fallback); }
}
/* 数据/资历玻璃卡带（首页） */
.qy-stats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
  max-width: var(--container); margin: 0 auto; padding: 0 24px;
}
.qy-stats .stat {
  padding: 22px 20px; text-align: center;
}
.qy-stats .stat .num {
  font-size: clamp(30px, 4vw, 40px); font-weight: 800; line-height: 1.1;
  color: #fff; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1;
}
.qy-stats .stat .num .u { font-size: 0.5em; font-weight: 700; margin-left: 2px; color: rgba(255,255,255,.85); }
.qy-stats .stat .lbl { font-size: 14px; margin-top: 8px; color: rgba(255,255,255,.9); font-weight: 600; }
.qy-stats .stat .cal { font-size: 11.5px; margin-top: 6px; color: rgba(255,255,255,.6); line-height: 1.6; }
@media (max-width: 760px) { .qy-stats { grid-template-columns: 1fr; } }

/* Hero 双列网格（首页）：左文字 / 右玻璃面板 */
.qy-hero-grid {
  display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 36px;
  align-items: center; max-width: 1180px; margin: 0 auto; text-align: left;
}
.qy-hero-grid .hg-left .eyebrow { display: inline-block; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; padding: 4px 18px; font-size: 12px; letter-spacing: 3px; margin-bottom: 18px; }
.qy-hero-grid .hg-left h1 { font-weight: 900; font-size: clamp(26px, 4vw, 36px); letter-spacing: 2px; line-height: 1.3; }
.qy-hero-grid .hg-left .sub { margin: 14px 0 0; max-width: 560px; font-size: 15px; opacity: .95; line-height: 2; }
.qy-hero-grid .hg-left .cta { margin-top: 24px; display: flex; gap: 14px; flex-wrap: wrap; }
.qy-hero-grid .hg-panel { padding: 26px; }
.qy-hero-grid .hg-panel .hp-title { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
.qy-hero-grid .hg-panel .hp-title::before { content: ""; width: 4px; height: 16px; background: var(--c-r); border-radius: 999px; }
.hg-entry {
  display: flex; align-items: center; gap: 14px; padding: 16px 16px; border-radius: var(--radius-md);
  text-decoration: none; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14);
  margin-bottom: 12px; transition: background 200ms var(--ease-out), transform 200ms var(--ease-out), border-color 200ms var(--ease-out);
}
.hg-entry:last-child { margin-bottom: 0; }
.hg-entry:hover { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.35); transform: translateY(-2px); }
.hg-entry:focus-visible { outline: var(--focus-ring); outline-offset: 2px; }
.hg-entry .ic { flex: none; width: 40px; height: 40px; border-radius: 10px; background: rgba(229,62,62,.18); display: flex; align-items: center; justify-content: center; color: #fff; }
.hg-entry .ic svg { width: 20px; height: 20px; }
.hg-entry .tx { flex: 1; }
.hg-entry .tx .t1 { font-size: 15px; font-weight: 700; color: #fff; }
.hg-entry .tx .t2 { font-size: 12.5px; color: rgba(255,255,255,.72); margin-top: 2px; line-height: 1.6; }
.hg-entry .ar { color: rgba(255,255,255,.6); font-size: 18px; flex: none; }
@media (max-width: 860px) {
  .qy-hero-grid { grid-template-columns: 1fr; gap: 24px; text-align: center; }
  .qy-hero-grid .hg-left .cta { justify-content: center; }
  .qy-hero-grid .hg-left .sub { margin-left: auto; margin-right: auto; }
}
/* Hero 双列在移动端仍保持 110px 顶部留白（继承自 .hero） */
.hero.qy-hero { padding: 110px 5vw 46px; }
/* 数据/资历玻璃卡带载体：深底渐变（与 Hero 衔接，使深底玻璃可读，§七） */
.qy-stats-band {
  background: linear-gradient(135deg, #0A1F36 0%, var(--c-d) 35%, #0F2B47 65%, #2C5F8A 100%);
  padding: 34px 5vw 42px;
}
.qy-stats-band .qy-stats { margin: 0 auto; padding: 0; max-width: 1140px; }
/* 玻璃卡内的小字在深底保持可读 */
.qy-stats .stat.qy-glass .num .u { color: rgba(255,255,255,.85); }

/* ============================================================
   11. 首页"请选择您现在遇到的问题"问题入口（桥网-33，2026-08-30）
   仅用旧蓝红；复用全局令牌。安全模式：内容默认可见，
   渐显仅在 html.js-reveal 下启用（见 §10.1）。
   ============================================================ */
.qy-problems {
  max-width: var(--container);
  margin: 0 auto;
  padding: 6px 24px 4px;
}
.qy-problems .ph-head { text-align: center; margin: 8px 0 4px; }
.qy-problems .ph-head h2 {
  justify-content: center;
  border-left: none;
  padding-left: 0;
}
.qy-problems .ph-head h2::before { display: none; }
.qy-problems .ph-head .ph-sub {
  color: var(--c-g); font-size: 13.5px; margin-top: 8px;
}
.qy-prob-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  margin-top: 20px;
}
.qy-prob-card {
  background: var(--qy-bg, #fff);
  border: 1px solid var(--c-line);
  border-top: 4px solid var(--c-d);
  border-radius: var(--radius-md);
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  transition: transform var(--motion-fast) var(--ease-out),
              box-shadow var(--motion-fast) var(--ease-out),
              border-color var(--motion-fast) var(--ease-out);
}
.qy-prob-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-3);
  border-top-color: var(--c-r);
}
.qy-prob-card:focus-within { transform: translateY(-4px); box-shadow: var(--shadow-2); }
.qy-prob-card .pb-top { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
.qy-prob-card .pb-no {
  flex: none; width: 26px; height: 26px; border-radius: 50%;
  background: var(--c-r); color: #fff; font-size: 13px; font-weight: 800;
  display: inline-flex; align-items: center; justify-content: center;
}
.qy-prob-card h3 { font-size: 16px; color: var(--c-d); font-weight: 700; margin: 0; }
.qy-prob-card .pb-desc {
  font-size: 13px; color: var(--c-g); line-height: 1.8; margin: 8px 0 14px; flex: 1;
}
.qy-prob-card .pb-desc a { color: var(--c-r); font-weight: 600; }
.qy-prob-card .pb-path { display: flex; flex-wrap: wrap; gap: 8px; }
.qy-prob-card .pb-path a {
  font-size: 12px; padding: 6px 12px; border: 1px solid var(--c-line);
  border-radius: 999px; text-decoration: none; color: var(--c-d);
  background: var(--qy-bg-soft, #fafbfc); transition: border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);
}
.qy-prob-card .pb-path a:hover { border-color: var(--c-r); color: var(--c-r); }
.qy-prob-card .pb-path a .k { color: var(--c-r); font-weight: 700; margin-right: 3px; }
.qy-prob-card .pb-path a:focus-visible { outline: var(--focus-ring); outline-offset: 2px; }
@media (max-width: 520px) { .qy-prob-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) {
  .qy-prob-card:hover, .qy-prob-card:focus-within { transform: none !important; }
}
/* 锚点滚动偏移：吸顶导航遮挡防护（桥网-35，配合 #opportunity / #kw-* 锚点） */
.qy-anchor { scroll-margin-top: 96px; }
.qy-prob-card { scroll-margin-top: 110px; }

/* ============================================================
   12. 政策机会中心组件（桥网-35，2026-08-30）
   由 policy-opportunity.html 内联样式提升为公共组件：
   flow4 行动链 / pline 产品线卡 / grid6+cell 三类工具。
   仅用旧蓝红；复用全局令牌。
   ============================================================ */
/* 12.1 行动链 flow4：政策 → 解读 → 自评 → 计划 → 预算 → 采购 → 产品 */
.flow4 { display: flex; align-items: stretch; gap: 0; flex-wrap: wrap; margin-top: 18px; }
.flow4 .step {
  flex: 1 1 150px; background: var(--qy-bg, var(--glass-light-fallback, #f7f9fc));
  border: 1px solid var(--c-line); border-radius: var(--radius-md);
  padding: 16px 14px; text-align: center;
}
.flow4 .step b { display: block; color: var(--c-d); font-size: 15px; margin-bottom: 4px; }
.flow4 .step span { font-size: 12px; color: var(--c-g); }
.flow4 .arrow {
  display: flex; align-items: center; justify-content: center;
  color: var(--c-r); font-size: 20px; font-weight: 800; padding: 0 6px; flex: 0 0 auto;
}
@media (max-width: 760px) { .flow4 .arrow { transform: rotate(90deg); padding: 4px 0; flex: 0 0 100%; } }

/* 12.2 对应产品线 pline-grid / pline（政策机会中心末段） */
.pline-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px; margin-top: 20px;
}
.pline {
  background: var(--qy-bg, #fff); border: 1px solid var(--c-line); border-radius: var(--radius-md);
  padding: 18px 20px; text-decoration: none; color: inherit;
  transition: transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);
}
.pline:hover { transform: translateY(-4px); box-shadow: var(--shadow-3); }
.pline:focus-visible { outline: var(--focus-ring); outline-offset: 2px; }
.pline .code {
  display: inline-block; background: var(--c-d); color: #fff;
  font-size: 12px; font-weight: 800; padding: 2px 10px; border-radius: var(--radius-sm);
  margin-bottom: 8px;
}
.pline h4 { font-size: 15px; color: var(--c-d); margin-bottom: 4px; }
.pline .price { font-size: 13px; color: var(--c-r); font-weight: 700; font-variant-numeric: tabular-nums; }
.pline p { font-size: 12px; color: var(--c-g); margin-top: 4px; }

/* 12.3 立即行动三类工具 grid6 + cell（含 cell 基础样式，供全站复用） */
.grid6 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px; }
.cell {
  background: var(--qy-bg, #fff); border: 1px solid var(--c-line); border-top: 4px solid var(--c-d);
  border-radius: var(--radius-md); padding: 22px; text-decoration: none; color: inherit;
  display: block;
}
.cell h3 { font-size: 16px; color: var(--c-d); margin-bottom: 6px; font-weight: 700; }
.cell p { font-size: 12.5px; color: var(--c-g); line-height: 1.7; }
.cell .go { display: inline-block; margin-top: 10px; color: var(--c-r); font-size: 12.5px; font-weight: 700; }
@media (max-width: 820px) { .grid6 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .grid6 { grid-template-columns: 1fr; } }

/* ============================================================
   13. 融合雕刻工具类 .qy-neu（桥网-47，2026-09-01）
   双向雕刻柔影：raised 凸起（能力卡/产品卡）/ carved 雕刻（Hero/KPI/面板）
   / carved-sm 凹槽（图标块）。全部引用令牌，零散写。
   浅色为令牌默认（--qy-raised 等），深灰黑由 [data-theme="dark"] 覆盖令牌自动切换。
   ============================================================ */
.qy-neu {
  background: var(--qy-bg, #EDEFF3);
  border: 0;
}
/* 凸起（能力卡/产品卡）：双向外影 9px，hover 上浮 6px（0.5s 缓出） */
.qy-neu-raise {
  border-radius: var(--radius-lg);
  box-shadow: var(--qy-raised);
  transition: transform 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out);
}
.qy-neu-raise:hover {
  transform: var(--qy-raised-hover, translateY(-6px));
  box-shadow: var(--qy-raised);
}
/* 雕刻（Hero/KPI/面板）：双向内影 7px */
.qy-neu-carve {
  border-radius: var(--radius-lg);
  box-shadow: var(--qy-carved);
}
/* 凹槽（图标块）：双向内影 4px */
.qy-neu-carve-sm {
  border-radius: var(--radius-md);
  box-shadow: var(--qy-carved-sm);
}
@media (prefers-reduced-motion: reduce) {
  .qy-neu-raise { transition: none !important; }
  .qy-neu-raise:hover { transform: none !important; }
}

/* ============================================================
   14. 深灰黑深色皮肤适配（桥网-47，2026-09-01）
   基底 #141A23；由 site.js 设置 html[data-theme="dark"]；
   浅色为主皮肤，深灰黑为第二皮肤；对比度 ≥4.5:1。
   优先覆盖令牌（--qy-bg/--qy-bg-soft/--qy-dark-*），此处仅兜底结构性硬色值。
   ============================================================ */
html[data-theme="dark"] {
  /* body 基底与正文（页面内联 :root 的 --bg/--ink 为旧浅色兜底，故此处强制覆盖） */
  background: var(--qy-bg, #141A23);
  color: var(--c-ink);
}
html[data-theme="dark"] body {
  background: var(--qy-bg, #141A23);
  color: var(--c-ink);
}
/* 结构性硬色值兜底（原 #fff 卡片/下拉/移动端菜单 → 深灰黑） */
html[data-theme="dark"] .qy-navrow .drop-menu {
  background: var(--qy-dark-bg-soft, #1B222E);
  border-color: var(--qy-dark-border, #262F3D);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .qy-navrow .drop-menu a {
  color: var(--qy-dark-text, #C3CEDB);
}
html[data-theme="dark"] .qy-navrow .drop-menu a:hover {
  background: var(--qy-dark-border, #262F3D);
  color: var(--c-r);
}
html[data-theme="dark"] .qy-header.open .qy-navrow .links {
  background: var(--qy-dark-bg-soft, #1B222E);
  border-bottom-color: var(--qy-dark-border, #262F3D);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .qy-header.open .qy-navrow .links > a { color: var(--qy-dark-text, #C3CEDB); }
html[data-theme="dark"] .qy-navrow .menu-btn { color: var(--qy-dark-title, #EDF2F8); border-color: var(--qy-dark-border, #262F3D); }
/* 页头导航链接颜色：浅灰 → 深色皮肤下亮化 */
html[data-theme="dark"] .qy-navrow .links > a,
html[data-theme="dark"] .qy-navrow .drop > a { color: var(--qy-dark-muted, #7E8B9C); }
html[data-theme="dark"] .qy-navrow .links > a:hover,
html[data-theme="dark"] .qy-navrow .links > a.active,
html[data-theme="dark"] .qy-navrow .drop:hover > a,
html[data-theme="dark"] .qy-navrow .drop > a.active { color: var(--qy-dark-title, #EDF2F8); }
/* 内容区浅色兜底（页面内联 .card-panel/.scene-card/.t-card/.org-box/.cell 等） */
html[data-theme="dark"] .card-panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .pcard,
html[data-theme="dark"] .ucard,
html[data-theme="dark"] .who-card,
html[data-theme="dark"] .t-card,
html[data-theme="dark"] .value-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .fcard,
html[data-theme="dark"] .scene-card,
html[data-theme="dark"] .trust-card,
html[data-theme="dark"] .card-grid > *,
html[data-theme="dark"] .org-box,
html[data-theme="dark"] .qy-skel,
html[data-theme="dark"] .qy-acc-item,
html[data-theme="dark"] .qy-nextstep,
html[data-theme="dark"] .qy-nextstep a.ns-item,
html[data-theme="dark"] .pline,
html[data-theme="dark"] .cell,
html[data-theme="dark"] .qy-prob-card,
html[data-theme="dark"] .qy-prob-card .pb-path a {
  background-color: var(--qy-bg, #141A23) !important;
  border-color: var(--qy-dark-border, #262F3D) !important;
}
/* 次级卡片（比基底更浅一档，形成层级） */
html[data-theme="dark"] .org-note { background: var(--qy-dark-bg-soft, #1B222E); color: var(--qy-dark-muted, #7E8B9C); }
html[data-theme="dark"] .qy-step .dot { background: var(--qy-dark-bg-soft, #1B222E); color: var(--qy-dark-muted, #7E8B9C); border-color: var(--qy-dark-border, #262F3D); }
html[data-theme="dark"] .qy-step.lit .dot { background: var(--c-d); border-color: var(--c-d); color: #fff; }
/* 表格兜底 */
html[data-theme="dark"] .wrap table tbody tr:nth-child(even) td { background: var(--qy-dark-bg-soft, #1B222E); }
/* 标题/正文在深色下的明度 */
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] .wrap h2, html[data-theme="dark"] section h2,
html[data-theme="dark"] .wrap h3, html[data-theme="dark"] section h3 { color: var(--qy-dark-title, #EDF2F8); }
html[data-theme="dark"] .sub, html[data-theme="dark"] .news li .date,
html[data-theme="dark"] .intro p, html[data-theme="dark"] .scene-card .desc,
html[data-theme="dark"] .cell p, html[data-theme="dark"] .t-card p,
html[data-theme="dark"] .org-box p, html[data-theme="dark"] .qy-crumb { color: var(--qy-dark-muted, #7E8B9C); }
html[data-theme="dark"] .news li a, html[data-theme="dark"] .news li a:hover { color: var(--qy-dark-text, #C3CEDB); }
html[data-theme="dark"] .news li a:hover { color: var(--c-r); }
/* 玻璃卡（Hero 深底玻璃/数据资历卡）在深色皮肤下保持深底，无需反转；浅色玻璃（导航）由令牌覆盖 */
html[data-theme="dark"] .qy-glass { background: var(--glass-dark-bg); border-color: var(--glass-dark-border); }
/* 面包屑/下一步 */
html[data-theme="dark"] .qy-crumb a { color: var(--qy-dark-text, #C3CEDB); }
html[data-theme="dark"] .qy-crumb .cur { color: var(--c-r); }
/* 时间线/骨架屏 shimmer 深色降级为静态灰（避免亮色扫过深底刺眼） */
html[data-theme="dark"] .qy-skel .sk-bar, html[data-theme="dark"] .qy-skel .sk-line {
  animation: none !important;
  background: var(--qy-dark-bg-soft, #1B222E);
}

/* ============================================================
   15. 顶栏三段式主题切换控件 .qy-theme-switch（桥网-47，2026-09-01）
   浅色/深色/跟随系统三态；位于导航右侧（订购报价左侧）。
   浅色为主皮肤；深色皮肤由 html[data-theme="dark"] 覆盖。
   ============================================================ */
.qy-theme-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border-radius: 999px;
  background: rgba(27, 58, 92, 0.07);
  border: 1px solid var(--glass-light-border, rgba(27, 58, 92, 0.10));
  flex: none;
}
.qy-theme-switch .ts-btn {
  width: 28px; height: 28px;
  border: 0; border-radius: 50%;
  background: transparent;
  color: var(--c-g, #5b6b7b);
  font-size: 14px; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background var(--motion-fast) var(--ease-out),
              color var(--motion-fast) var(--ease-out),
              box-shadow var(--motion-fast) var(--ease-out);
}
.qy-theme-switch .ts-btn:hover { color: var(--c-d, #1B3A5C); }
.qy-theme-switch .ts-btn.active {
  background: var(--c-d, #1B3A5C);
  color: #fff;
  box-shadow: 0 2px 8px rgba(27, 58, 92, 0.25);
}
.qy-theme-switch .ts-btn:focus-visible { outline: var(--focus-ring); outline-offset: 2px; }
/* 深色皮肤：控件底/边框/文字随深灰黑 */
html[data-theme="dark"] .qy-theme-switch {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--qy-dark-border, #262F3D);
}
html[data-theme="dark"] .qy-theme-switch .ts-btn { color: var(--qy-dark-muted, #7E8B9C); }
html[data-theme="dark"] .qy-theme-switch .ts-btn:hover { color: var(--qy-dark-title, #EDF2F8); }
html[data-theme="dark"] .qy-theme-switch .ts-btn.active {
  background: var(--c-d, #1B3A5C);
  color: #fff;
}
/* 移动端：切换控件常驻（浅色/深色入口不因菜单收起而丢失），与 ☰ 并排 */
@media (max-width: 900px) {
  .qy-theme-switch { margin-left: auto; }
}

/* ============================================================
   16. 价值锚点条 .qy-value-anchor（桥网-48，2026-09-02）
   依据《文章价值与信任增强原则 v1》规则 1（价值锚点前置）：
   页面开头 30 秒内说明「解决什么问题／依据什么政策／对哪类单位有用」。
   三栏雕刻凸起卡；全部走令牌，深色由 html[data-theme="dark"] 覆盖。
   ============================================================ */
.qy-value-anchor {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 0 0 28px;
}
.qy-va-item {
  background: var(--qy-bg, #EDEFF3);
  border: 1px solid var(--c-line, #dfe4ea);
  border-radius: var(--radius-lg, 16px);
  padding: 18px 20px;
  box-shadow: var(--qy-raised);
  transition: transform var(--motion-slow, .5s) var(--ease-out),
              box-shadow var(--motion-slow, .5s) var(--ease-out);
}
.qy-va-item:hover { transform: var(--qy-raised-hover, translateY(-6px)); }
.qy-va-label {
  display: inline-block;
  font-size: 12px; font-weight: 800; letter-spacing: .04em;
  color: #fff; background: var(--c-d, #1B3A5C);
  border-radius: 999px; padding: 4px 12px; margin-bottom: 10px;
}
.qy-va-item:nth-child(2) .qy-va-label { background: var(--c-r, #E53E3E); }
.qy-va-item:nth-child(3) .qy-va-label { background: var(--c-b, #2980B9); }
.qy-va-text { font-size: 14px; line-height: 1.85; color: var(--c-ink, #1A2733); margin: 0; }
.qy-va-policy {
  display: block; margin-top: 10px;
  font-size: 12.5px; line-height: 1.8;
  color: var(--c-g, #5b6b7b);
}
.qy-va-policy a { color: var(--c-b, #2980B9); text-decoration: underline; }
.qy-va-policy a:hover { color: var(--c-r, #E53E3E); }
@media (max-width: 820px) { .qy-value-anchor { grid-template-columns: 1fr; } }

/* 深色皮肤（深灰黑 #141A23） */
html[data-theme="dark"] .qy-va-item {
  background: var(--qy-dark-bg-soft, #1B222E);
  border-color: var(--qy-dark-border, #262F3D);
  box-shadow: var(--qy-raised-dark);
}
html[data-theme="dark"] .qy-va-text { color: var(--qy-dark-text, #C3CEDB); }
html[data-theme="dark"] .qy-va-policy { color: var(--qy-dark-muted, #7E8B9C); }
html[data-theme="dark"] .qy-va-policy a { color: var(--c-b, #2980B9); }

/* ------------------------------------------------------------
   16.2 证据分级标签 .qy-evidence（原则 v1 规则 5：证据分级 A/B/C/D）
   A＝官方原文 ｜ B＝公开可核验 ｜ C＝机构经验 ｜ D＝判断/预测
   ------------------------------------------------------------ */
.qy-evidence {
  display: inline-block;
  font-size: 11px; font-weight: 700; letter-spacing: .03em;
  padding: 2px 8px; border-radius: 4px;
  margin-left: 6px; vertical-align: middle;
}
.qy-evidence.ev-a { background: var(--c-d, #1B3A5C); color: #fff; }
.qy-evidence.ev-b { background: var(--c-b, #2980B9); color: #fff; }
.qy-evidence.ev-c { background: var(--qy-bg-soft, #f6f7f9); color: var(--c-ink, #1A2733); border: 1px solid var(--c-line, #dfe4ea); }
.qy-evidence.ev-d { background: transparent; color: var(--c-g, #5b6b7b); border: 1px dashed var(--c-line, #dfe4ea); }
html[data-theme="dark"] .qy-evidence.ev-c {
  background: var(--qy-dark-bg, #141A23);
  color: var(--qy-dark-text, #C3CEDB);
  border-color: var(--qy-dark-border, #262F3D);
}
html[data-theme="dark"] .qy-evidence.ev-d {
  color: var(--qy-dark-muted, #7E8B9C);
  border-color: var(--qy-dark-border, #262F3D);
}

/* ------------------------------------------------------------
   16.3 信任三层条 .qy-trust-bar（原则 v1 规则 5：署名／核验日期）
   ------------------------------------------------------------ */
.qy-trust-bar {
  margin: 24px 0 0;
  padding: 14px 18px;
  border-radius: var(--radius-md, 10px);
  background: var(--qy-bg-soft, #f6f7f9);
  border: 1px solid var(--c-line, #dfe4ea);
  box-shadow: var(--qy-carved-sm);
  font-size: 12.5px; line-height: 1.9;
  color: var(--c-g, #5b6b7b);
}
.qy-trust-bar b { color: var(--c-ink, #1A2733); font-weight: 700; }
.qy-trust-bar a { color: var(--c-b, #2980B9); text-decoration: underline; }
html[data-theme="dark"] .qy-trust-bar {
  background: var(--qy-dark-bg, #141A23);
  border-color: var(--qy-dark-border, #262F3D);
  box-shadow: var(--qy-carved-sm-dark);
  color: var(--qy-dark-muted, #7E8B9C);
}
html[data-theme="dark"] .qy-trust-bar b { color: var(--qy-dark-title, #EDF2F8); }

/* 无障碍降级 */
@media (prefers-reduced-motion: reduce) {
  .qy-va-item { transition: none; }
  .qy-va-item:hover { transform: none; }
}

/* ------------------------------------------------------------
   16.4 提示框 .qy-note（桥网-48，2026-09-02）
   用于「桥云观察／实施建议／边界声明」等栏目（原则 v1 规则 2、3）。
   默认钢蓝左条；.note-amber 为品牌红左条（观察类）；.note-ink 为深蓝左条。
   ------------------------------------------------------------ */
.qy-note {
  margin: 18px 0;
  padding: 14px 18px;
  border-radius: var(--radius-md, 10px);
  border-left: 4px solid var(--c-b, #2980B9);
  background: var(--qy-bg-soft, #f6f7f9);
  box-shadow: var(--qy-carved-sm);
  font-size: 14px; line-height: 1.9;
  color: var(--c-ink, #1A2733);
}
.qy-note .nt-title {
  display: block; font-weight: 800; font-size: 14px;
  color: var(--c-d, #1B3A5C); margin-bottom: 6px;
}
.qy-note.note-amber { border-left-color: var(--c-r, #E53E3E); }
.qy-note.note-amber .nt-title { color: var(--c-r, #E53E3E); }
.qy-note.note-ink { border-left-color: var(--c-d, #1B3A5C); }
html[data-theme="dark"] .qy-note {
  background: var(--qy-dark-bg-soft, #1B222E);
  box-shadow: var(--qy-carved-sm-dark);
  color: var(--qy-dark-text, #C3CEDB);
}
html[data-theme="dark"] .qy-note .nt-title { color: var(--qy-dark-title, #EDF2F8); }
html[data-theme="dark"] .qy-note.note-amber .nt-title { color: var(--c-r, #E53E3E); }

/* 16.5 政策引用块 .qy-policy-src（原则 v1 规则 6：全称＋文号＋URL＋核验日期） */
.qy-policy-src {
  margin: 14px 0 20px;
  padding: 12px 16px;
  border-radius: var(--radius-md, 10px);
  border: 1px dashed var(--c-line, #dfe4ea);
  background: var(--qy-bg, #EDEFF3);
  font-size: 12.5px; line-height: 1.9;
  color: var(--c-g, #5b6b7b);
}
.qy-policy-src b { color: var(--c-ink, #1A2733); }
.qy-policy-src a { color: var(--c-b, #2980B9); text-decoration: underline; word-break: break-all; }
html[data-theme="dark"] .qy-policy-src {
  background: var(--qy-dark-bg, #141A23);
  border-color: var(--qy-dark-border, #262F3D);
  color: var(--qy-dark-muted, #7E8B9C);
}
html[data-theme="dark"] .qy-policy-src b { color: var(--qy-dark-title, #EDF2F8); }

/* ==========================================================================
   17. 阶段A 浅色融合统一层（桥网-50，2026-09-04）
   目的：全站唯一渲染状态为【浅色融合雕刻】——
     ① html/body 固定 color-scheme:light，防止系统深色改变表单控件外观；
     ② 主题切换控件不展示（代码保留，阶段B 验收通过后放开）；
     ③ 内容卡/面板/表格/表单/折叠面板统一走融合令牌（#EDEFF3 基底＋双影/内影），
        消除"一块玻璃、一块白卡、一块浅灰"的杂糅。
   选择器统一加 body 前缀提升特异性，确保覆盖页面内同名类。
   ========================================================================== */

/* 17.1 固定浅色色彩方案（防系统深色影响原生控件） */
html, body { color-scheme: light; }

/* 17.2 隐藏主题切换控件（阶段A 不提供深色入口） */
.qy-theme-switch { display: none !important; }

/* 17.3 内容卡 / 面板统一融合雕刻（基底 #EDEFF3 ＋ 凸起双影） */
body .card,
body .panel,
body .box,
body .qy-card {
  background: var(--qy-bg, #EDEFF3);
  border: 1px solid var(--c-line, #dfe4ea);
  box-shadow: var(--qy-raised);
}
body .card:hover,
body .panel:hover,
body .qy-card:hover {
  border-color: var(--c-b, #2C5F8A);
  transform: var(--qy-raised-hover, translateY(-6px));
}

/* 17.4 表格统一浅色令牌 */
body table { border-color: var(--c-line, #dfe4ea); }
body th, body td { border-color: var(--c-line, #dfe4ea); }
body thead th,
body th {
  background: var(--qy-bg, #EDEFF3);
  color: var(--c-ink, #1a2733);
}
body tbody tr:nth-child(even) td,
body tr:nth-child(even) td { background: var(--qy-bg-soft, #f6f7f9); }
body td { color: var(--c-g, #5b6b7b); }

/* 17.5 表单控件统一浅色令牌（凹槽内影） */
body input[type="text"],
body input[type="email"],
body input[type="tel"],
body input[type="search"],
body input[type="number"],
body input[type="date"],
body select,
body textarea {
  background: var(--qy-bg, #EDEFF3);
  border: 1px solid var(--c-line, #dfe4ea);
  color: var(--c-ink, #1a2733);
  box-shadow: var(--qy-carved-sm);
}
body input::placeholder,
body textarea::placeholder { color: var(--c-g, #5b6b7b); }
body input:focus,
body select:focus,
body textarea:focus {
  border-color: var(--c-r, #E53E3E);
  outline: var(--focus-ring, 2px solid #E53E3E);
  outline-offset: var(--focus-offset, 2px);
}

/* 17.6 折叠面板 / 手风琴统一浅色令牌 */
body .acc,
body .qy-acc {
  background: var(--qy-bg, #EDEFF3);
  border-color: var(--c-line, #dfe4ea);
  box-shadow: var(--qy-raised);
}
body .acc-item,
body .qy-acc-item { border-color: var(--c-line, #dfe4ea); }
body .acc-head,
body .qy-acc-head { color: var(--c-ink, #1a2733); }
body .acc-body,
body .qy-acc-body { color: var(--c-g, #5b6b7b); }

/* 17.7 无障碍：尊重"减少动效"偏好 */
@media (prefers-reduced-motion: reduce) {
  body .card:hover,
  body .panel:hover,
  body .qy-card:hover { transform: none; }
}

/* 17.8 其余内容卡类名统一融合雕刻凸起双影（桥网-50 阶段A 补漏，2026-09-04）
   说明：以下类名在各页 <style> 中定义，底色已统一为 #EDEFF3，但缺少凸起双影。
   本层只补 box-shadow，不覆盖 border —— 其中 pcard / ucard / product-card / fcard /
   qy-prob-card 带有品牌色顶部 accent 边框（3-4px），改 border 会破坏设计。
   折叠面板 .qy-acc-item 属分组内条目（已有描边），不加影，避免堆叠冗余。 */
body .qy-prob-card,
body .pcard,
body .ucard,
body .value-card,
body .product-card,
body .who-card,
body .trust-card,
body .form-card,
body .priv-box,
body .kw-card,
body .fcard,
body .sc-item {
  box-shadow: var(--qy-raised);
}

/* 17.9 无障碍：尊重"减少动效"偏好（补 17.8 类名） */
@media (prefers-reduced-motion: reduce) {
  body .qy-prob-card:hover,
  body .pcard:hover,
  body .ucard:hover,
  body .value-card:hover,
  body .product-card:hover,
  body .who-card:hover,
  body .trust-card:hover,
  body .kw-card:hover,
  body .fcard:hover,
  body .sc-item:hover { transform: none; }
}

/* 17.10 顶栏统一融合雕刻（桥网-50 补漏，2026-09-05 崔杨拍板）
   原状：白色毛玻璃 rgba(255,255,255,0.84)，与 #EDEFF3 基底脱节。
   改为：融合雕刻基底 ＋ 底部描边 ＋ 轻投影；导航文字换语义令牌；
   品牌红 quote-btn、logo 红字保留（商标色不动）。 */
body .qy-navrow {
  background: var(--qy-bg, #EDEFF3);
  border-bottom: 1px solid var(--c-line, #dfe4ea);
  box-shadow: 0 6px 16px rgba(27, 58, 92, 0.06);
  backdrop-filter: none;
}
body .qy-navrow .links a { color: var(--c-g, #5b6b7b); }
body .qy-navrow .links a:hover,
body .qy-navrow .links a.active { color: var(--c-d, #1B3A5C); }
body .qy-navrow .drop .drop-menu {
  background: var(--qy-bg, #EDEFF3);
  border: 1px solid var(--c-line, #dfe4ea);
  box-shadow: var(--qy-raised);
}

/* 17.11 页脚统一融合雕刻（同上，原深海军蓝 #0A1F36 深底改浅色体系）
   二维码 .t-qr 保持白底（扫码可用性优先，不属风格问题）。 */
body .qy-footer {
  background: var(--qy-bg, #EDEFF3);
  border-top: 1px solid var(--c-line, #dfe4ea);
  color: var(--c-g, #5b6b7b);
}
body .qy-footer .fcol h4 { color: var(--c-ink, #1a2733); }
body .qy-footer a { color: var(--c-g, #5b6b7b); }
body .qy-footer a:hover { color: var(--c-d, #1B3A5C); }
body .qy-footer .fintro,
body .qy-footer .fl,
body .qy-footer li { color: var(--c-g, #5b6b7b); }
body .qy-footer .k { color: var(--c-g, #5b6b7b); opacity: 0.75; }
body .qy-footer .brand .en { color: var(--c-ink, #1a2733); }
body .qy-footer .brand .cn { color: var(--c-r, #E53E3E); }
body .qy-footer .fbottom-wrap {
  background: var(--qy-bg-soft, #f6f7f9);
  border-top: 1px solid var(--c-line, #dfe4ea);
}
body .qy-footer .fbottom-wrap .cp,
body .qy-footer .fbottom-wrap .plat,
body .qy-footer .fbottom-wrap .mini,
body .qy-footer .fbottom-wrap a { color: var(--c-g, #5b6b7b); }
body .qy-footer .fbottom-wrap .tb-sep,
body .qy-footer .fbottom-wrap .fai-sep { color: var(--c-line, #dfe4ea); }
body .qy-footer .flegal-row { color: var(--c-g, #5b6b7b); border-top: 1px solid var(--c-line, #dfe4ea); }
body .qy-footer .flegal-row a { color: var(--c-g, #5b6b7b); }
body .qy-footer .fai-decl,
body .qy-footer .fai-decl .fai-review { color: var(--c-g, #5b6b7b); opacity: 0.8; }
body .qy-footer .fai-disc { color: var(--c-g, #5b6b7b); }
body .footer-icp {
  background: var(--qy-bg-soft, #f6f7f9) !important;  /* site.css 原规则带 !important，此处须同强对抗 */
  border-top: 1px solid var(--c-line, #dfe4ea) !important;
  color: var(--c-g, #5b6b7b) !important;
}
body .footer-icp a { color: var(--c-g, #5b6b7b) !important; }
body .qy-footer .t-item-qr { color: var(--c-g, #5b6b7b); }
body .qy-footer .t-qr { border-color: var(--c-line, #dfe4ea); }

/* 17.11.1 页脚残留补齐（2026-09-05 首轮浅化后线上复查发现）
   ① .qy-trust：页脚内资质信任卡，原深蓝 #07182B → 浅色次级面板；
   ② 页脚简介/产品线链接/联系方式/资质行白字 → 语义灰（浅底上原白字不可见）。
   均带 !important：页脚为全站统一组件，旧规则散布且特异性不一，统一层须强覆盖。 */
body .qy-footer .qy-trust {
  background: var(--qy-bg-soft, #f6f7f9) !important;
  border: 1px solid var(--c-line, #dfe4ea) !important;
  box-shadow: var(--qy-carved-sm);
}
body .qy-footer .qy-trust * { color: var(--c-g, #5b6b7b) !important; }
body .qy-footer .qy-trust .t-qr { border-color: var(--c-line, #dfe4ea); }
body .qy-footer .fintro { color: var(--c-g, #5b6b7b) !important; }
body .qy-footer .fcol a { color: var(--c-g, #5b6b7b) !important; }
body .qy-footer .fcol a:hover { color: var(--c-d, #1B3A5C) !important; }
body .qy-footer .fl,
body .qy-footer .fl div,
body .qy-footer .fl span,
body .qy-footer .fl a { color: var(--c-g, #5b6b7b) !important; }
body .qy-footer .fgrid li { color: var(--c-g, #5b6b7b); }
/* 17.11.2 底部条兜底：无类名链接与页脚说明行白字收编（同上强覆盖口径） */
body .qy-footer .fbottom-wrap span,
body .qy-footer .fbottom-wrap div,
body .qy-footer .fbottom-wrap a { color: var(--c-g, #5b6b7b) !important; }
body .qy-footer .fbottom-wrap a:hover { color: var(--c-d, #1B3A5C) !important; }

/* ==========================================================================
   17.12 顶栏／页脚强覆盖终版（2026-09-05 第二轮，崔杨「还是那个样子」复验后）
   --------------------------------------------------------------------------
   前两轮失效的真实原因（已实测定位，非缓存）：
   ① 顶栏：site.css 存在 .qy-header.scrolled .qy-navrow（特异性 0,3,0），
      页面一旦滚动即恢复白色毛玻璃 var(--glass-light-fallback)，
      而 17.10 的 body .qy-navrow 仅 0,1,1，滚动后必然被压过；
   ② 页脚：17.11 主体未带 !important，被 site.css 更高特异性规则压过——
      .qy-footer .fcol ul li a(0,2,3) / .fcol .fl .k(0,4,0) /
      .fai-decl .fai-disc(0,3,0) / .fbottom .plat a(0,3,1) 等白字残留；
   ③ .qy-footer .fbottom-wrap 原深蓝 #07182B 深底未被收编。
   对策：本节全部 !important，并显式覆盖 scrolled / open 两态，
   同时保留商标红（quote-btn／品牌红字／装饰竖线）不动。
   ========================================================================== */

/* —— 顶栏：含滚动态与移动端展开态 —— */
body .qy-navrow,
body .qy-header .qy-navrow,
body .qy-header.scrolled .qy-navrow,
body .qy-header.open .qy-navrow {
  background: var(--qy-bg, #EDEFF3) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid var(--c-line, #dfe4ea) !important;
  box-shadow: 0 6px 16px rgba(27, 58, 92, 0.06) !important;
}
body .qy-navrow .links > a,
body .qy-navrow .drop > a { color: var(--c-g, #5b6b7b) !important; }
body .qy-navrow .links > a:hover,
body .qy-navrow .links > a.active,
body .qy-navrow .drop:hover > a,
body .qy-navrow .drop > a.active,
body .qy-navrow .drop > a[aria-current] { color: var(--c-d, #1B3A5C) !important; }
body .qy-navrow .drop-menu,
body .qy-navrow .drop .drop-menu {
  background: var(--qy-bg, #EDEFF3) !important;
  background-image: none !important;
  border: 1px solid var(--c-line, #dfe4ea) !important;
  box-shadow: var(--qy-raised) !important;
}
body .qy-navrow .drop-menu a { color: var(--c-g, #5b6b7b) !important; }
body .qy-navrow .drop-menu a:hover {
  background: var(--qy-bg-soft, #f6f7f9) !important;
  color: var(--c-d, #1B3A5C) !important;
}
body .qy-navrow .menu-btn {
  color: var(--c-ink, #1a2733) !important;
  border-color: var(--c-line, #dfe4ea) !important;
  background: var(--qy-bg-soft, #f6f7f9) !important;
}
body .qy-header.open .qy-navrow .links {
  background: var(--qy-bg, #EDEFF3) !important;
  border-bottom-color: var(--c-line, #dfe4ea) !important;
  box-shadow: var(--qy-raised) !important;
}

/* —— 页脚：容器与底部深底区 —— */
body .qy-footer {
  background: var(--qy-bg, #EDEFF3) !important;
  background-image: none !important;
  border-top: 1px solid var(--c-line, #dfe4ea) !important;
  color: var(--c-g, #5b6b7b) !important;
}
body .qy-footer .fbottom-wrap {
  background: var(--qy-bg-soft, #f6f7f9) !important;
  background-image: none !important;
  border-top: 1px solid var(--c-line, #dfe4ea) !important;
  box-shadow: var(--qy-carved-sm) !important;
}

/* —— 页脚：文字全量收编（浅底上原白字不可见） —— */
body .qy-footer,
body .qy-footer div,
body .qy-footer span,
body .qy-footer p,
body .qy-footer li,
body .qy-footer small,
body .qy-footer a,
body .qy-footer h4,
body .qy-footer h5,
body .qy-footer strong,
body .qy-footer em {
  color: var(--c-g, #5b6b7b) !important;
}
body .qy-footer .fcol h4,
body .qy-footer .fcol h5 { color: var(--c-ink, #1a2733) !important; }
body .qy-footer a:hover,
body .qy-footer .flegal-row a:hover,
body .qy-footer .fai-decl a:hover { color: var(--c-d, #1B3A5C) !important; }

/* 四列链接与联系信息（site.css 原为 0,2,3 / 0,4,0，此处强覆盖） */
body .qy-footer .fcol ul li a,
body .qy-footer .fcol .fl,
body .qy-footer .fcol .fl a,
body .qy-footer .fcol .fl .k,
body .qy-footer .fbrand .fintro,
body .qy-footer .brand .en {
  color: var(--c-g, #5b6b7b) !important;
}
body .qy-footer .fcol .fl .k { opacity: 0.8 !important; }

/* 底部条：版权 / 平台 / 小程序 / 法务行 */
body .qy-footer .fbottom,
body .qy-footer .fbottom .plat a,
body .qy-footer .fbottom .mini,
body .qy-footer .fbottom .tb-sep,
body .qy-footer .flegal-row,
body .qy-footer .flegal-row a,
body .qy-footer .fai-decl,
body .qy-footer .fai-decl .fai-disc,
body .qy-footer .fai-decl .fai-sep,
body .qy-footer .fai-decl .fai-review {
  color: var(--c-g, #5b6b7b) !important;
}
body .qy-footer .fai-decl { opacity: 0.85 !important; }

/* 资质信任卡（原 #07182B 深蓝） */
body .qy-footer .qy-trust {
  background: var(--qy-bg-soft, #f6f7f9) !important;
  background-image: none !important;
  border: 1px solid var(--c-line, #dfe4ea) !important;
  box-shadow: var(--qy-carved-sm) !important;
}
body .qy-footer .qy-trust * { color: var(--c-g, #5b6b7b) !important; }
body .qy-footer .t-qr { border-color: var(--c-line, #dfe4ea) !important; }

/* 备案条：位于 .qy-footer 之外，须独立命中 */
body .footer-icp {
  background: var(--qy-bg-soft, #f6f7f9) !important;
  background-image: none !important;
  border-top: 1px solid var(--c-line, #dfe4ea) !important;
  color: var(--c-g, #5b6b7b) !important;
}
body .footer-icp * { color: var(--c-g, #5b6b7b) !important; }
body .footer-icp a:hover { color: var(--c-d, #1B3A5C) !important; }

/* 商标色豁免：品牌红元素保持不动（logo 红字 / CTA 按钮 / 装饰竖线） */
body .qy-navrow .quote-btn,
body .qy-navrow .quote-btn:hover {
  background: var(--c-r, #E53E3E) !important;
  color: #ffffff !important;
}
body .qy-footer .brand .cn { color: var(--c-r, #E53E3E) !important; }

/* ==========================================================================
   17.13 毛玻璃清除 → 真·融合雕刻（2026-09-05 第三轮，崔杨「这还是毛玻璃的设计」）
   --------------------------------------------------------------------------
   上一轮只把顶栏底色换成 #EDEFF3，但阴影仍是普通投影 0 6px 16px rgba(27,58,92,.06)，
   视觉上仍是「浮在上面的一层板」＝毛玻璃观感。本节改为融合雕刻的阴影语言：
     凸起 raised : 9px 9px 18px #d4dae2, -9px -9px 18px #ffffff
     雕刻 carved : inset（深色底用 --qy-carved-dark）
   并清除全站仅存的三处真·毛玻璃（均含 blur + 半透明 + 白边高光）：
     ① .qy-glass   —— 首页 Hero 右侧面板：rgba(255,255,255,.12) + blur(18px) + 白边
     ② .qy-sidebar —— 左侧固定快捷边栏：深蓝半透明渐变 + blur(14px) + 白边 + 白字
     ③ .qy-navrow  —— 顶栏：普通投影（浮板感）
   商标色不动：Hero 深蓝渐变（#0A1F36/#1B3A5C/#0F2B47/#2C5F8A）、品牌红 CTA。
   ========================================================================== */

/* ① 顶栏：普通投影 → 融合雕刻凸起（与页面基底同色，靠双阴影浮起） */
body .qy-navrow,
body .qy-header .qy-navrow,
body .qy-header.scrolled .qy-navrow,
body .qy-header.open .qy-navrow {
  background: var(--qy-bg, #EDEFF3) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: var(--qy-raised, 9px 9px 18px #d4dae2, -9px -9px 18px #ffffff) !important;
}

/* ② 左侧快捷边栏：深蓝渐变毛玻璃 → 浅色融合雕刻凸起面板 */
body .qy-sidebar {
  background: var(--qy-bg, #EDEFF3) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: var(--qy-raised, 9px 9px 18px #d4dae2, -9px -9px 18px #ffffff) !important;
  color: var(--c-g, #5b6b7b) !important;
}
body .qy-sidebar,
body .qy-sidebar div,
body .qy-sidebar span,
body .qy-sidebar p,
body .qy-sidebar a,
body .qy-sidebar small,
body .qy-sidebar strong,
body .qy-sidebar li { color: var(--c-g, #5b6b7b) !important; }
body .qy-sidebar h1, body .qy-sidebar h2, body .qy-sidebar h3,
body .qy-sidebar h4, body .qy-sidebar h5,
body .qy-sidebar .sb-title { color: var(--c-ink, #1a2733) !important; }
body .qy-sidebar a:hover { color: var(--c-d, #1B3A5C) !important; }

/* ③ Hero 右侧面板：深底玻璃 → 深蓝实色雕刻凹槽（去掉 blur／半透明／白边） */
body .qy-glass,
.qy-glass {
  background: #0F2B47 !important;                       /* 商标色中蓝，实色不透明 */
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: var(--qy-carved-dark,
    inset 7px 7px 14px #0A0E14, inset -7px -7px 14px #202B3A) !important;
  color: rgba(255, 255, 255, 0.92) !important;           /* 深底上白字保持可读 */
}
/* 深底雕刻面板内的文字统一为浅色（深蓝底上须亮字） */
body .qy-glass,
body .qy-glass div,
body .qy-glass span,
body .qy-glass p,
body .qy-glass a,
body .qy-glass li,
body .qy-glass strong,
body .qy-glass h1, body .qy-glass h2,
body .qy-glass h3, body .qy-glass h4 { color: rgba(255, 255, 255, 0.92) !important; }
body .qy-glass .num { color: #ffffff !important; }
body .qy-glass .lbl { color: rgba(255, 255, 255, 0.9) !important; }
body .qy-glass .cal { color: rgba(255, 255, 255, 0.62) !important; }

/* ④ 兜底：任何残留的毛玻璃（blur + 半透明）一律降为实色雕刻 */
body [class*="glass"],
body [class*="glass"] * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* .qy-stats .stat 自身即带 .qy-glass 类（实测 class="stat qy-glass"），
   位于深蓝渐变带 .qy-stats-band 之上，已随上方 ③ 统一为深蓝实色雕刻 + 白字；
   此处不再二次浅化（此前一版误改浅底深字，与深底带冲突，已撤销）。 */
body .qy-stats .stat { border-radius: var(--radius-lg, 16px) !important; }

/* ==========================================================================
   §17.14 细节完善：融合雕刻统一（2026-09-05 崔杨六点反馈，桥网-50 第六轮）
   --------------------------------------------------------------------------
   本轮反馈（逐条对应）：
     ① 左侧快捷入口侧栏「白底融背景」→ 恢复深蓝实色雕刻面板，访站即醒目；
     ② 首页快速开始「政策检索/免费自评」入口仍毛玻璃且标题解释同行
        → 入口卡去半透明白条，标题/解释分段落两行；
     ③ 各页底部号召带（.cta-band）深蓝 135deg 渐变「扁平」
        → 深蓝实色雕刻面板（与 .qy-glass 统一阴影语言）；
     ④ 页脚 BridgeCloud 白字与浅底融为一体 → 主深蓝实色可辨；
     ⑤ 每页底栏（页脚）需蓝色标识与正文区分 → 页脚顶边主深蓝横线；
     ⑥ policy 页「相关政策」裸 16px 大字突兀 → 规范化为卡片内引用行。
   商标色不动：品牌红 #E53E3E 仅做实心 CTA/按钮，不雕刻；
   深色反转预留：全部使用商标色实色 + 既有 dark 令牌，阶段B 放开开关即生效。
   ========================================================================== */

/* ---------- ① 左侧快捷边栏：浅色凸起 → 深蓝实色雕刻面板 ----------
   上一轮（§17.13）把侧栏整成浅色 #EDEFF3 凸起，与页面基底同色、融入背景；
   本轮恢复「深蓝醒目」：实色深蓝渐变（不透明、无 blur、无白高光边），
   面板上条目白字分层，红色 CTA 实心豁免（修复 §17.13 泛化造成的红底灰字）。 */
body .qy-sidebar {
  background: linear-gradient(165deg, #0F2B47 0%, #1B3A5C 100%) !important;  /* 商标深蓝实色 */
  background-image: linear-gradient(165deg, #0F2B47 0%, #1B3A5C 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: 0 12px 28px rgba(10, 31, 54, 0.28) !important;   /* 浮起柔影，非毛玻璃 */
  color: rgba(255, 255, 255, 0.78) !important;
}
/* 侧栏标题条（快捷入口）：白字 + 半透明白分隔线 */
body .qy-sidebar .sb-cap {
  color: rgba(255, 255, 255, 0.72) !important;
  border-bottom-color: rgba(255, 255, 255, 0.16) !important;
}
body .qy-sidebar .sb-cap::before { background: var(--c-r, #E53E3E) !important; }
/* 侧栏底部机构名 */
body .qy-sidebar .sb-name { color: rgba(255, 255, 255, 0.6) !important; }
body .qy-sidebar .sb-dot { background: var(--c-r, #E53E3E) !important; }
/* 常规入口（政策查询终端）：深底半透明胶囊，白字，无高光白边 */
body .qy-sidebar a.sb-link {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}
body .qy-sidebar a.sb-link:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}
/* 红 CTA（免费自评入口）：品牌红实心 + 白字，豁免 §17.13 泛化灰字 */
body .qy-sidebar .sb-cta {
  background: var(--c-r, #E53E3E) !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 3px 10px rgba(229, 62, 62, 0.3) !important;
}
body .qy-sidebar .sb-cta:hover {
  background: var(--c-rd, #C53030) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}
/* 侧栏内图标随文字白色（svg currentColor 继承） */
body .qy-sidebar a.sb-link svg,
body .qy-sidebar a.sb-cta svg { color: inherit !important; }

/* ---------- ② 首页快速开始入口：去毛玻璃卡 + 标题/解释分段落 ----------
   面板 .hg-panel.qy-glass 已是深蓝实色雕刻（§17.13）；两枚 .hg-entry
   原为 rgba(255,255,255,.06) 半透明 + 白高光边 = 毛玻璃条残留；
   改为面板内主深蓝实色子卡（#1B3A5C 较面板 #0F2B47 亮一档），无边框无 blur。 */
body .qy-hero-grid .hg-panel .hg-entry {
  background: #1B3A5C !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: 0 6px 16px rgba(10, 31, 54, 0.22) !important;
}
body .qy-hero-grid .hg-panel .hg-entry:hover {
  background: #2C5F8A !important;   /* 渐变末端色，商标色 hover 提亮 */
  box-shadow: 0 10px 22px rgba(10, 31, 54, 0.3) !important;
  transform: translateY(-2px);
}
/* 标题/解释分段落：.tx 纵向堆叠，标题 15px 白粗体、解释 12.5px 次级白 */
body .qy-hero-grid .hg-panel .hg-entry .tx {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 0 !important;
}
body .qy-hero-grid .hg-panel .hg-entry .tx .t1 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
}
body .qy-hero-grid .hg-panel .hg-entry .tx .t2 {
  font-size: 12.5px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  line-height: 1.65 !important;
}
/* 图标承托：与子卡同族实色 + 深色雕刻凹槽（carved-sm-dark），非半透明红底 */
body .qy-hero-grid .hg-panel .hg-entry .ic {
  background: #0F2B47 !important;
  border: none !important;
  box-shadow: var(--qy-carved-sm-dark, inset 4px 4px 8px #0A0E14, inset -4px -4px 8px #202B3A) !important;
}
body .qy-hero-grid .hg-panel .hg-entry .ic svg { color: #ffffff !important; }
/* 箭头保持白色次级 */
body .qy-hero-grid .hg-panel .hg-entry .ar { color: rgba(255, 255, 255, 0.7) !important; }

/* ---------- ③⑥ 底部号召带 .cta-band：135deg 渐变扁平 → 深蓝实色雕刻 ----------
   全站统一：去掉三色硬渐变（扁平观感来源），改 #0F2B47 实色 + carved-dark
   内雕 + 圆角（在浅底页面上呈「深蓝雕刻面板」，与 .qy-glass 语言一致）；
   带内标题/正文白字分层，按钮沿用品牌红实心（.btn/.btn-a 不雕刻）。 */
body .cta-band,
body section.cta-band,
body div.cta-band {
  background: #0F2B47 !important;
  background-image: none !important;
  border: none !important;
  border-radius: var(--radius-lg, 16px) !important;
  box-shadow: var(--qy-carved-dark, inset 7px 7px 14px #0A0E14, inset -7px -7px 14px #202B3A) !important;
  color: #ffffff !important;
}
body .cta-band .wrap,
body .cta-band .cta-inner {
  border-radius: inherit !important;
}
/* 号召带内文字：标题纯白粗、正文次级白，不再被页面内联 .cta-band h2 之类的
   旧扁平样式干扰（原 h2 color:#fff 白字保留，字号遵循页面既有层级） */
body .cta-band h2,
body .cta-band h3,
body .cta-band h4 { color: #ffffff !important; }
body .cta-band p { color: rgba(255, 255, 255, 0.86) !important; }
body .cta-band a.btn,
body .cta-band a.btn-a { color: #ffffff !important; }   /* 红底白字按钮 */
body .cta-band a.btn-b {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  background: transparent !important;
}
body .cta-band a:hover { color: #ffffff !important; }

/* ---------- ④ 页脚 BridgeCloud：白字 → 主深蓝实色可辨 ----------
   根因：site.css .qy-footer .brand .en 设 -webkit-text-fill-color:#fff，
   §17.11/17.12 只覆盖 color，未覆盖 -webkit-text-fill-color，故仍白字。
   页脚现为浅色 #EDEFF3，白字融入背景；改为主深蓝 #1B3A5C（浅底对比达标）。 */
body .qy-footer .brand .en {
  color: var(--c-d, #1B3A5C) !important;
  -webkit-text-fill-color: var(--c-d, #1B3A5C) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}
/* 中文「桥云」保持品牌红（豁免浅化） */
body .qy-footer .brand .cn {
  color: var(--c-r, #E53E3E) !important;
  -webkit-text-fill-color: var(--c-r, #E53E3E) !important;
}

/* ---------- ⑤ 页脚顶边蓝色标识（与正文分区） ----------
   原 §17.11 页脚顶边 1px 灰线过弱；改为 3px 主深蓝横线，
   与顶部导航品牌红 3px 细线呼应（顶红底蓝），页脚与正文一眼分区。 */
body .qy-footer {
  border-top: 3px solid var(--c-d, #1B3A5C) !important;
}
/* 底部条上缘保留细分隔（避免双线过重） */
body .qy-footer .fbottom-wrap {
  border-top: 1px solid var(--c-line, #dfe4ea) !important;
}

/* ---------- ⑥ policy 页「相关政策」行：裸大字 → 卡片引用行 ----------
   根因：.pb-rel 无任何样式定义，裸继承 html 16px，比卡片内 12-13px 内容
   大出一档且与 h3 混淆；规范化为 12.5px 次级灰 + 上分隔虚线 + 主深蓝链接，
   「凸显」交给分隔线而非字号。 */
body .qy-prob-card .pb-rel,
.pb-rel {
  font-size: 12.5px !important;
  color: var(--c-g, #5b6b7b) !important;
  line-height: 1.7 !important;
  margin: 14px 0 0 !important;
  padding-top: 10px !important;
  border-top: 1px dashed var(--c-line, #dfe4ea) !important;
}
body .qy-prob-card .pb-rel a,
.pb-rel a {
  color: var(--c-d, #1B3A5C) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
body .qy-prob-card .pb-rel a:hover,
.pb-rel a:hover { color: var(--c-r, #E53E3E) !important; }

/* ==========================================================================
   §17.15 细节完善·第二轮：侧栏入口白字 + policy 章节标题上间距
   （2026-09-05 崔杨复验反馈「已经没什么大问题」后两处微调）
   --------------------------------------------------------------------------
     ① 左侧快捷入口「政策查询终端/免费自评入口」文字发灰看不清：
        根因——§17.13 泛化规则 body .qy-sidebar span { color: var(--c-g) }!important
        只压到 <a> 内的 <span> 文本；§17.14 只把 <a> 设白，span 仍继承灰。
        修复：对 sb-link / sb-cta 内部 span 显式纯白 + 同步 -webkit-text-fill-color。
     ② policy 页章节标题与上文太紧凑（7 类问题 / 政策机会条目 / 立即行动 /
        订阅服务 / 对应产品线）：这些 h2 位于 section.qy-anchor > .wrap 内
        且非 section 首元素（section 顶部 padding 撑不到它们），h2 margin-top 0
        → gap 为 -24/-14px（标题贴上文）。
        修复：仅对 body[data-page="policy"] 的「有前兄弟的 h2」补 margin-top，
        与 section 常规 padding 节奏一致（≈56px），不动其它页面。
   ========================================================================== */

/* ---------- ① 侧栏入口文字：<span> 显式纯白 ---------- */
body .qy-sidebar a.sb-link span,
body .qy-sidebar a.sb-cta span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ---------- ② policy 页章节内 h2 上间距（仅本页作用域） ---------- */
body[data-page="policy"] section .wrap > * + h2,
body[data-page="policy"] section.qy-anchor .wrap > * + h2 {
  margin-top: 56px !important;
}