/* ════════════════════════════════════════════════════════════════
   CrystalDiskInfo 主题站 — 站点换肤 theme.css
   主题色来源：站点根目录 logo.png 同色系（靛蓝紫：磁盘图标主色）
     采样：#333B71（深）/ #4F59C3（中）/ #6670E5（亮）/ #93A4DD（浅）
   仅覆盖本站页面，不改 shared-tools。
   载入顺序：css/global.css → css/theme.css（本文件必须最后）
   ════════════════════════════════════════════════════════════════ */

/* ── 主题变量（覆盖 global.css :root） ── */
:root {
  --brand:        #5B64D8;                       /* logo 主色（靛蓝紫） */
  --brand-dk:     #414899;                       /* hover / 强调文字 */
  --brand-deep:   #333B71;                       /* 深色标题 / 深底 */
  --brand-light:  #6670E5;                       /* 亮色高光 */
  --brand-shadow: rgba(91, 100, 216, .30);
  --brand-soft:   #E7EAF9;                       /* 浅底 */
  --brand-wash:   #F6F7FE;                       /* 更浅底 */
  --brand-line:   #DCE0F5;                       /* 描边 */
  --hero-bg:      linear-gradient(180deg, #EEF0FC 0%, #FFFFFF 100%);
  --cta-grad:     linear-gradient(135deg, #6670E5 0%, #414899 100%);

  --ink:          #2A2E45;                       /* 标题 */
  --ink-2:        #4A4F66;                       /* 正文 */
  --ink-3:        #6B7189;                       /* 弱化文字 */
  --page-bg:      #F6F7FC;

  /* 覆盖 global.css 的默认蓝，避免残留默认配色 */
  --blue:         #5B64D8;
  --blue-dk:      #414899;
  --blue-50:      #F6F7FE;
  --gray-600:     #4A4F66;
  --gray-900:     #2A2E45;
}

/* ── 全站统一默认字体栈（不引入特殊字体族） ── */
html, body, button, input, select, textarea, code, kbd, samp, pre {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto,
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
body { color: var(--ink-2); font-size: 16px; line-height: 1.8; }

/* ── 所有文字 hover 一律不加下划线 ── */
a, a:hover, a:focus, a:active, a:visited { text-decoration: none !important; }
.trust-md5-copy:hover, .trust-md5-help:hover { text-decoration: none !important; }
a { color: var(--brand-dk); }
a:hover { color: var(--brand); }

/* ── 锚点滚动补偿（吸顶导航 60px + 留白） ── */
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
h2[id], h3[id], section[id], [id^="sec-"], [id^="anchor-"] { scroll-margin-top: 84px; }

/* ── 环境背景：弥散光斑 + 淡底，让玻璃卡片"透出"背后颜色 ── */
body {
  background:
    radial-gradient(1100px 760px at 88% -8%, rgba(102, 112, 229, .16), transparent 62%),
    radial-gradient(980px 700px at -12% 28%, rgba(65, 72, 153, .12), transparent 58%),
    radial-gradient(1000px 720px at 106% 74%, rgba(147, 164, 221, .16), transparent 60%),
    linear-gradient(180deg, #F6F7FC 0%, #FBFBFE 44%, #F3F5FC 100%);
  background-attachment: fixed;
}
body::before, body::after {
  content: ""; position: fixed; border-radius: 50%;
  filter: blur(96px); z-index: -1; pointer-events: none;
}
body::before { width: 620px; height: 620px; top: -180px; right: -140px; background: rgba(102, 112, 229, .20); }
body::after  { width: 560px; height: 560px; bottom: -200px; left: -160px; background: rgba(51, 59, 113, .16); }

/* ── 玻璃表面统一质感 ── */
.text-card, .ks-hero, .hub-card-v2, .l1-toc, .duba-trust-panel,
.notice-inner, .verdict, .dl-hero, .ks-page-hero {
  background: linear-gradient(168deg, rgba(255, 255, 255, .90), rgba(255, 255, 255, .62));
  backdrop-filter: blur(20px) saturate(165%);
  -webkit-backdrop-filter: blur(20px) saturate(165%);
  border: 1px solid rgba(255, 255, 255, .70);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    inset 0 -1px 0 rgba(255, 255, 255, .18),
    0 18px 42px -24px rgba(24, 32, 60, .30);
}

/* ════════════════════════════════════════════════════════════════
   1. 顶部导航：单层，最左 logo.png + 「CrystalDiskInfo」
   ════════════════════════════════════════════════════════════════ */
.ks-header {
  background: rgba(255, 255, 255, .68) !important;
  backdrop-filter: blur(22px) saturate(180%);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  border-bottom: 1px solid rgba(255, 255, 255, .75) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85),
              0 10px 34px -18px rgba(24, 32, 60, .20) !important;
  position: sticky; top: 0; z-index: 200;
}
.ks-header-inner {
  max-width: 1140px; margin: 0 auto; height: 60px;
  padding: 0 20px; display: flex; align-items: center; gap: 26px;
}
.ks-logo { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
.ks-logo img { height: 34px; width: auto; border-radius: 7px; display: block; }
.ks-logo-txt {
  font-size: 20px; font-weight: 800; letter-spacing: .2px;
  background: var(--cta-grad);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: var(--brand-deep);
}
.ks-subnav { flex: 1; min-width: 0; overflow-x: auto; position: static !important;
             background: transparent !important; border: none !important; top: auto !important; }
.ks-subnav-inner { display: flex; align-items: center; gap: 4px; height: 60px; white-space: nowrap; }
.ks-subnav-inner a {
  padding: 0 14px; height: 38px; line-height: 38px; border-radius: 10px;
  font-size: 14px; font-weight: 500; color: var(--ink-2);
  transition: background .15s, color .15s, box-shadow .15s;
}
.ks-subnav-inner a:hover {
  color: var(--brand-deep); background: var(--brand-wash);
  box-shadow: inset 0 0 0 1px rgba(91, 100, 216, .14);
}
.ks-subnav-inner a.active { background: var(--cta-grad); color: #fff; font-weight: 600; }

/* ════════════════════════════════════════════════════════════════
   2. Hero（首页 / 下载页）：悬浮玻璃卡 + 左文右图
   ════════════════════════════════════════════════════════════════ */
.ks-hero { margin: 24px auto 0; max-width: 1140px; border-radius: 28px; padding: 0; }
.ks-hero-inner {
  padding: 44px 48px; display: grid;
  grid-template-columns: 1.08fr .92fr; gap: 46px; align-items: center;
}
.ks-hero-text { min-width: 0; }
.ks-hero-logo {
  width: 80px; height: 80px; object-fit: contain; display: block;
  border-radius: 18px; background: #fff; padding: 6px; margin-bottom: 18px;
  box-shadow: 0 8px 20px rgba(51, 59, 113, .18);
}
.ks-hero h1 {
  font-size: 34px; line-height: 1.28; font-weight: 800;
  color: var(--ink); margin: 0 0 12px;
}
.ks-hero-sub {
  font-size: 16.5px; line-height: 1.85; color: var(--ink-2);
  margin: 0 0 22px; max-width: 560px;
}
.ks-hero-media { min-width: 0; display: flex; justify-content: center; }
.ks-hero-shot {
  width: 100%; max-width: 480px; height: auto; border-radius: 16px;
  border: 1px solid var(--brand-line); background: #fff;
  box-shadow: 0 22px 48px -22px rgba(51, 59, 113, .38);
}

/* ── CTA 按钮：等宽同高，hover 无下划线 ── */
.ks-cta-row { display: flex; gap: 12px; flex-wrap: wrap; }
.ks-cta-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  flex: 1 1 190px; min-width: 170px; white-space: nowrap;
  height: 48px; padding: 0 22px;
  background: var(--cta-grad); color: #fff !important;
  font-size: 16px; font-weight: 700; border-radius: 999px;
  box-shadow: 0 10px 24px -10px var(--brand-shadow);
  transition: transform .15s, box-shadow .15s, filter .15s;
}
.ks-cta-btn:hover {
  filter: brightness(1.06); transform: translateY(-1px); color: #fff !important;
  box-shadow: 0 14px 30px -12px var(--brand-shadow);
}
.ks-cta-btn.ghost {
  background: rgba(255, 255, 255, .78); color: var(--brand-deep) !important;
  box-shadow: inset 0 0 0 1px var(--brand-line);
}
.ks-cta-meta { font-size: 12.5px; color: var(--ink-3); margin: 10px 0 0; line-height: 1.6; }

/* ── 内容页 Hero：logo.png + H1 + 署名 + 引言（无矢量图） ── */
.ks-page-hero { margin: 24px auto 0; max-width: 1140px; border-radius: 24px; }
.ks-page-hero-inner { padding: 34px 40px 30px; }
.ks-page-hero .ks-hero-logo { margin-bottom: 16px; }
.ks-page-hero h1 { font-size: 32px; line-height: 1.3; font-weight: 800; color: var(--ink); margin: 0 0 10px; }
.ks-page-hero .ks-hero-sub { margin: 0; max-width: none; font-size: 16px; }
.ks-wrap { max-width: 1140px; margin: 0 auto; padding: 0 20px; }

/* ════════════════════════════════════════════════════════════════
   3. 更新署名：H1 正下方，低权重脉冲呼吸灯胶囊
   ════════════════════════════════════════════════════════════════ */
.ks-meta { margin: 0 0 16px; padding: 0; border: none; display: block; }
.ks-hero .ks-meta { margin: 0 0 18px; }
.ks-pill {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--brand-soft); border: 1px solid var(--brand-line);
  color: var(--brand-deep); border-radius: 999px;
  padding: 4px 14px; font-size: 13px; font-weight: 400; line-height: 1.6;
}
.ks-pill-dot {
  width: 8px; height: 8px; border-radius: 50%; background: var(--brand);
  animation: ks-pulse 2.4s ease-in-out infinite;
}
@keyframes ks-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(91, 100, 216, .55); }
  50%      { box-shadow: 0 0 0 6px rgba(91, 100, 216, 0); }
}
@media (prefers-reduced-motion: reduce) { .ks-pill-dot { animation: none; } }

/* ════════════════════════════════════════════════════════════════
   4. 正文卡片化：每个 H2 一节 = 一张玻璃卡
   ════════════════════════════════════════════════════════════════ */
/* 正文容器：与 hero 卡片同宽（1140px）居中，两侧留白，不顶满屏幕 */
.ks-main { max-width: 1180px; margin: 0 auto; padding: 22px 20px 8px; }
.text-card {
  border-radius: 22px; padding: 28px 32px; margin: 0 0 22px;
  transition: transform .25s, box-shadow .25s;
}
.text-card:hover { transform: translateY(-2px); }
.text-card h2 {
  font-size: 22px; font-weight: 800; color: var(--ink);
  margin: 0 0 16px; padding-bottom: 12px;
  border-bottom: 1px solid rgba(91, 100, 216, .18);
  display: flex; align-items: center; gap: 10px; line-height: 1.4;
}
.text-card h2::before {
  content: ""; flex: 0 0 auto; width: 7px; height: 22px; border-radius: 4px;
  background: var(--cta-grad); box-shadow: 0 0 12px rgba(91, 100, 216, .45);
}
.text-card h3 {
  display: inline-block; font-size: 16px; font-weight: 700; color: var(--brand-deep);
  background: var(--brand-soft); border-radius: 999px;
  padding: 4px 14px; margin: 20px 0 10px;
}
.text-card p { font-size: 15px; line-height: 1.85; color: var(--ink-2); margin: 10px 0; }
.text-card ul, .text-card ol { margin: 12px 0 16px; padding-left: 22px; }
.text-card li { font-size: 15px; line-height: 1.85; color: var(--ink-2); margin: 7px 0; }
.text-card ul li::marker { color: var(--brand); }
.text-card ol li::marker { color: var(--brand-dk); font-weight: 700; }
.text-card strong { color: var(--ink); }
.text-card code {
  background: var(--brand-soft); color: var(--brand-deep);
  padding: 1px 6px; border-radius: 5px; font-size: 14px;
}
/* 卡片内文本超链接（页面互链） */
.text-card a { color: var(--brand-dk); font-weight: 600;
               border-bottom: 1px solid rgba(91, 100, 216, .35); }
.text-card a:hover { color: var(--brand); border-bottom-color: var(--brand); }

/* 卡片化 bullet：每个 bullet = 一条浅底信息条 */
.card-list { list-style: none !important; padding-left: 0 !important; }
.card-list > li {
  position: relative; background: var(--brand-wash);
  border: 1px solid var(--brand-line); border-radius: 12px;
  padding: 12px 16px 12px 38px; margin: 10px 0 !important;
}
.card-list > li::before {
  content: ""; position: absolute; left: 16px; top: 20px;
  width: 7px; height: 7px; border-radius: 50%; background: var(--cta-grad);
}
.card-list.card-list-num { counter-reset: cl; }
.card-list.card-list-num > li { counter-increment: cl; }
.card-list.card-list-num > li::before {
  content: counter(cl); width: 20px; height: 20px; border-radius: 6px;
  left: 13px; top: 15px; background: var(--cta-grad); color: #fff;
  font-size: 12px; font-weight: 700; text-align: center; line-height: 20px;
}

/* ── 表格（品牌色） ── */
.table-wrap { overflow-x: auto; margin: 16px 0 8px; }
table.compare-table {
  width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px;
  border: 1px solid var(--brand-line); border-radius: 14px; overflow: hidden;
  background: rgba(255, 255, 255, .72);
}
table.compare-table th {
  background: var(--brand-soft) !important; color: var(--brand-deep) !important;
  font-weight: 700; padding: 12px 14px; text-align: left;
  border-bottom: 1px solid var(--brand-line) !important;
}
table.compare-table td {
  padding: 11px 14px; color: var(--ink-2) !important;
  border-bottom: 1px solid rgba(220, 224, 245, .7) !important;
}
table.compare-table tbody tr:last-child td { border-bottom: none !important; }
table.compare-table tbody tr:hover td { background: var(--brand-wash) !important; }

/* ── 提示卡 / 图表 ── */
.notice-card { margin: 18px 0; }
.notice-inner {
  background: linear-gradient(168deg, rgba(255, 252, 244, .92), rgba(255, 250, 236, .78)) !important;
  border: 1px solid #F0DCA8 !important; border-left: 4px solid #E0A32E !important;
  border-radius: 14px; padding: 14px 18px; font-size: 14px; color: #7A4A00; line-height: 1.75;
}
.notice-inner strong { color: #8A5A00; }
figure { margin: 20px 0; text-align: center; }
figcaption { font-size: 12.5px; color: var(--ink-3); margin-top: 8px; }

/* ════════════════════════════════════════════════════════════════
   5. Hub 卡片网格
   ════════════════════════════════════════════════════════════════ */
.hub-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; margin: 6px 0 4px; }
.hub-card {
  background: linear-gradient(168deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .64)) !important;
  border: 1px solid rgba(255, 255, 255, .70) !important; border-radius: 18px;
  padding: 22px 22px 20px; transition: transform .2s, box-shadow .2s, border-color .2s;
}
.hub-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px -22px rgba(51, 59, 113, .42);
  border-color: var(--brand-line) !important;
}
.hub-card h3 { margin: 0 0 8px !important; font-size: 16.5px; padding: 0 !important;
               background: none !important; display: block !important; }
.hub-card h3 a { color: var(--brand-deep) !important; font-weight: 700; }
.hub-card h3 a:hover { color: var(--brand) !important; }
.hub-card p { margin: 0 !important; font-size: 14px; color: var(--ink-3); line-height: 1.7; }
.hub-card .card-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; margin-bottom: 12px;
  border-radius: 12px; background: var(--brand-soft); color: var(--brand-dk);
}
.hub-card .card-icon svg { width: 22px; height: 22px; }

/* ════════════════════════════════════════════════════════════════
   6. FAQ：整块一张卡，问答扁平排列（不套子卡、无 Q 徽标缩进）
   ════════════════════════════════════════════════════════════════ */
.faq-section { padding: 0 !important; background: none !important; }
.faq-v2, .faq-list { background: transparent !important; border: none !important;
                     padding: 0 !important; margin: 0 !important; }
.faq-v2 h2, .faq-list h2 {
  font-size: 22px !important; font-weight: 800 !important; color: var(--ink) !important;
  margin: 0 0 16px !important; padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(91, 100, 216, .18) !important;
}
.faq-item, .faq-item-v2 {
  background: transparent !important; border: none !important; border-radius: 0 !important;
  padding: 14px 0 !important; margin: 0 !important;
  border-bottom: 1px solid var(--brand-line) !important;
}
.faq-item:last-child, .faq-item-v2:last-child { border-bottom: none !important; padding-bottom: 2px !important; }
.faq-item h3, .faq-item-v2 .faq-q {
  display: block !important; padding: 0 !important; margin: 0 0 6px !important;
  font-size: 16px !important; font-weight: 700 !important; color: var(--ink) !important;
  background: transparent !important; border-radius: 0 !important; line-height: 1.6;
}
.faq-item p, .faq-item-v2 .faq-a {
  padding: 0 !important; margin: 0 !important; font-size: 15px !important;
  line-height: 1.85 !important; color: var(--ink-2) !important;
}

/* ════════════════════════════════════════════════════════════════
   7. 左侧悬挂目录（L1：左 TOC + 右正文）
   ════════════════════════════════════════════════════════════════ */
.l1-layout {
  max-width: 1140px; margin: 0 auto; padding: 22px 20px 8px;
  display: grid; grid-template-columns: 244px 1fr; gap: 26px; align-items: start;
}
.l1-toc { position: sticky; top: 84px; border-radius: 18px; padding: 18px 16px; }
.l1-toc h3 {
  font-size: 12px; font-weight: 800; color: var(--brand-deep);
  letter-spacing: .6px; margin: 0 0 10px; padding: 0 4px;
  display: block !important; background: none !important;
}
.l1-toc ul { list-style: none; margin: 0; padding: 0; }
.l1-toc li { margin: 0; }
.l1-toc a {
  display: block; padding: 7px 10px; font-size: 13.5px; color: var(--ink-2);
  border-left: 2px solid transparent; border-radius: 0 8px 8px 0;
  border-bottom: none !important; font-weight: 500;
  transition: color .15s, border-color .15s, background .15s;
}
.l1-toc a:hover { color: var(--brand-dk); background: var(--brand-wash); border-left-color: var(--brand-line); }
.l1-toc a.active { color: var(--brand-deep); border-left-color: var(--brand); background: var(--brand-soft); font-weight: 700; }
.l1-main { min-width: 0; }

/* ════════════════════════════════════════════════════════════════
   8. 下载面板 / 按钮
   ════════════════════════════════════════════════════════════════ */
.panel-wrap { max-width: 1140px; margin: 20px auto 0; padding: 0 20px; }
.duba-trust-panel { border-radius: 20px !important; max-width: 760px !important; }
.trust-panel-brand-row { color: var(--ink-3) !important; }
.trust-panel-brand-row strong { color: var(--brand-deep); }
.trust-btn-blue { background: var(--cta-grad) !important; color: #fff !important; }
.trust-panel-btn:hover { filter: brightness(1.06); color: #fff !important; }
.trust-panel-badges { color: var(--ink-3) !important; }
.trust-panel-badges svg { color: var(--brand) !important; }
.cta-btn, .dl-btn {
  background: var(--cta-grad) !important; color: #fff !important;
  border-radius: 999px !important; box-shadow: 0 10px 24px -12px var(--brand-shadow);
}
.cta-btn:hover, .dl-btn:hover { filter: brightness(1.06); color: #fff !important; }
.cta-section { background: transparent !important; padding: 30px 0 8px !important; }
.cta-section h2 { color: var(--ink); }
/* 内容页文末紧凑转化行 */
.compact-row { display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 6px 0 4px; }
.compact-row .ks-cta-btn { flex: 0 0 auto; }
.compact-badges { font-size: 12.5px; color: var(--ink-3); }

/* ════════════════════════════════════════════════════════════════
   9. 面包屑 / 页脚
   ════════════════════════════════════════════════════════════════ */
.breadcrumb { max-width: 1140px; padding: 14px 20px 0; font-size: 13px; color: var(--ink-3); }
.breadcrumb a { color: var(--ink-3); }
.breadcrumb a:hover { color: var(--brand-dk); }
.breadcrumb span { margin: 0 6px; color: var(--brand-line); }

.footer.glass-footer {
  margin-top: 34px; padding: 40px 0 26px;
  background: linear-gradient(180deg, rgba(30, 34, 56, .92), rgba(22, 26, 46, .96)) !important;
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: #C3C8DE !important;
}
.footer.glass-footer .footer-grid { max-width: 1140px; margin: 0 auto 26px; padding: 0 20px; }
.footer.glass-footer h4 { color: #fff !important; font-size: 14px; margin-bottom: 14px; }
.footer.glass-footer .footer-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.footer.glass-footer .footer-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--cta-grad); }
.footer.glass-footer .footer-name { font-size: 17px; font-weight: 800; color: #fff; }
.footer.glass-footer .footer-desc { font-size: 13px; line-height: 1.75; color: #A9B0CC; }
.footer.glass-footer ul { list-style: none; padding: 0; }
.footer.glass-footer li { margin-bottom: 8px; }
.footer.glass-footer a { font-size: 14px; color: #C3C8DE !important; }
.footer.glass-footer a:hover { color: #fff !important; }
.footer .footer-bottom {
  max-width: 1140px; margin: 0 auto; padding: 20px 20px 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
  text-align: center; font-size: 12.5px; color: #9AA1BF;
}
.footer .footer-bottom a { color: #9AA1BF !important; }
.footer .footer-bottom a:hover { color: #fff !important; }

/* ════════════════════════════════════════════════════════════════
   10. 响应式：窄屏 Hero 上文下图；目录塌回顶部
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .l1-layout { grid-template-columns: 1fr; gap: 0; padding: 18px 16px 8px; }
  .l1-toc { position: static; margin-bottom: 18px; }
  .footer.glass-footer .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  /* 窄屏表格改为横向滚动，避免列被压扁 */
  .table-wrap table.compare-table { min-width: 580px; }
}
@media (max-width: 860px) {
  .ks-hero { margin: 16px 12px 0; border-radius: 22px; }
  .ks-hero-inner { grid-template-columns: 1fr; gap: 26px; padding: 28px 22px 30px; }
  .ks-hero-text { order: 1; }
  .ks-hero-media { order: 2; }
  .ks-hero h1 { font-size: 28px; }
  .ks-hero-sub { font-size: 15.5px; }
  .ks-hero-shot { max-width: 100%; }
  .ks-page-hero { margin: 16px 12px 0; border-radius: 20px; }
  .ks-page-hero-inner { padding: 24px 20px 22px; }
  .ks-page-hero h1 { font-size: 23px; }
  .text-card { padding: 22px 18px; border-radius: 18px; }
  .text-card h2 { font-size: 19px; }
  .text-card h3 { font-size: 15px; }
  .ks-header-inner { gap: 14px; padding: 0 12px; }
  .ks-logo-txt { font-size: 17px; }
  .ks-subnav-inner a { padding: 0 11px; font-size: 13.5px; }
}
@media (max-width: 520px) {
  .footer.glass-footer .footer-grid { grid-template-columns: 1fr; }
  .ks-hero h1 { font-size: 24px; }
}

/* ── 无 backdrop-filter 兜底：回退不透明背景，避免重影 ── */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .ks-header { background: #fff !important; }
  .text-card, .hub-card, .l1-toc, .duba-trust-panel, .ks-hero, .ks-page-hero {
    background: #fff !important;
  }
  body { background: var(--page-bg); }
  body::before, body::after { display: none; }
}