/* ==========================================================================
   智学云 · 浅色表面统一层 (light-surface.css)
   ──────────────────────────────────────────────────────────────────────────
   目标：移除全站深色（暗色）背景，统一改用「导航栏 + 英雄区」现有色板延伸出的
        浅色表面色阶，保证文字/图标对比度，且不失效既有强调色与交互状态。
   约束：仅调整【背景相关配色】——background / color / border-color / 装饰层混合，
        不改布局、间距、字体、尺寸与任何组件功能。
   加载：由注入脚本放到每个页面 </head> 之前、所有业务 CSS 之后，靠层叠顺序生效。
   基准：nav.css  --navy #0d1730 / --ink #16203a / --ink-mid #41506e / --gold #b8893e
        hero     --paper #fff / --accent #0d1730 / 强调 #8a6428 / hover 底 rgba(13,23,48,.055)
   ========================================================================== */

:root{
  /* —— 浅色表面色阶（由 #0d1730 藏青向白延伸，保留冷蓝调） —— */
  --ls-0:#ffffff;      /* 卡片/主底 */
  --ls-1:#f7f9fd;      /* 柔和区块 */
  --ls-2:#eef2f9;      /* 主替代色：原 #0d1730 深底 → 页脚 / CTA / 深色 section */
  --ls-3:#e4eaf5;      /* 次级：表头 / 斑马纹 / hover */
  --ls-4:#d6dfee;      /* 描边加强 */
  --ls-line:#dae2f0;   /* 浅底分隔线 */
  --ls-line-2:#e8eef7; /* 更轻的分隔线 */

  /* —— 文字（沿用导航栏既有墨色） —— */
  --ls-ink:#16203a;    /* 主标题  对 #eef2f9 = 14.7:1 */
  --ls-ink-2:#41506e;  /* 次级正文 对 #eef2f9 = 7.3:1 */
  --ls-mut:#5a6478;    /* 辅助说明 对 #eef2f9 = 5.4:1 */

  /* —— 强调（沿用既有金色 + 主题蓝） —— */
  --ls-gold:#b8893e;
  --ls-gold-deep:#8a6428;   /* 浅底上的金色文字  4.85:1 */
  --ls-accent:#8a6428;      /* 主题统一：原藏青 #0d1730 → 品牌深金，白字 5.34:1 AA */

  /* —— 浅底阴影（替换深底投影） —— */
  --ls-sh-1:0 1px 2px rgba(13,23,48,.05),0 6px 18px rgba(13,23,48,.06);
  --ls-sh-2:0 18px 44px -10px rgba(13,23,48,.12);
}

/* ==========================================================================
   1. 页面级深色底
   ========================================================================== */
html body,
body{
  background-image:none;
  background-color:var(--ls-0);
  color:var(--ls-ink-2);
}

/* ==========================================================================
   2. 页脚（全站最高频深色区）
   ========================================================================== */
footer,
.foot,
footer.foot,
.foot.gx-fx,
.footer.gx-fx,
footer.gx-fx{
  background-image:none;
  background-color:var(--ls-2)!important;
  color:var(--ls-ink-2);
  border-top:1px solid var(--ls-line);
}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6,
.foot h1,.foot h2,.foot h3,.foot h4,.foot h5,.foot h6,
footer p,.foot p,
footer li,.foot li,
footer span,.foot span,
footer small,.foot small,
footer div,.foot div,
footer label,.foot label,
footer em,.foot em,
footer b,.foot b,
footer strong,.foot strong{
  color:var(--ls-ink-2);
}
footer .foot-brand .logo,
.foot .foot-brand .logo,
footer .logo,
.foot .logo{ color:var(--ls-ink); }
footer .foot-col h5,
.foot .foot-col h5{ color:var(--ls-ink); }
footer .foot-col a,
.foot .foot-col a{ color:var(--ls-ink-2); }
footer .foot-col a:hover,
.foot .foot-col a:hover{ color:var(--ls-gold-deep); }
footer .foot-bottom,
.foot .foot-bottom{
  border-top:1px solid var(--ls-line)!important;
  color:var(--ls-mut);
}
footer .foot-note,
.foot .foot-note{ color:var(--ls-mut); }
footer .foot-top,
.foot .foot-top{ border-bottom-color:var(--ls-line); }
footer a,.foot a{ color:var(--ls-ink-2); }
footer a:hover,.foot a:hover{ color:var(--ls-gold-deep); }

/* ==========================================================================
   3. 按钮：原「深底白字」主按钮 → 主题蓝底白字，保留主按钮视觉重量
   ========================================================================== */
.btn-primary,
a.btn-primary,
:where(html.mkt) button.btn-primary,
.btn-navy,
.btn.dark{
  background-image:none;
  background-color:var(--ls-accent)!important;
  color:#ffffff!important;
  border-color:var(--ls-accent);
}
.btn-navy:hover{ background-color:var(--cta-hover)!important; color:var(--cta-text)!important; }

/* hero / 内页小胶囊 chip（原深底白字） */
.chip,
.hero-chips .chip,
.hero-chips span.chip,
section.hero-inner .hero-chips span.chip{
  background-image:none;
  background-color:var(--ls-3)!important;
  color:var(--ls-ink)!important;
  border:1px solid var(--ls-line);
}
.chip:hover,
.hero-chips .chip:hover{
  background-color:var(--ls-4)!important;
  color:var(--ls-ink)!important;
  border-color:var(--ls-gold);
}

/* ==========================================================================
   4. 深色内容区块 / 卡片 / 渐变带
   ========================================================================== */
.section--navy,
.section.section--navy,
.asset-band,
.cta-band,
.cta.reveal,
.cp .cph,
.case-media,
.eco-right,
.bviz,
.dcol.ours,
.cb,
.bake,
.acover,
.ci-meta,
.roi,
.login-note,
.visual,
.vk,
.vbadge,
.panel.dark,
.band-dark{
  background-image:none!important;
  background-color:var(--ls-2)!important;
  color:var(--ls-ink);
  border-color:var(--ls-line);
}
/* 区块内文字（特异性对齐原规则，后加载生效） */
.section--navy h2,.section--navy h3,.section--navy h4,
.asset-band h2,.asset-band h3,.asset-band h4,
.cta-band h2,.cta-band h3,.cta-band h4,
.cta.reveal h2,.cta.reveal h3,.cta.reveal h4,
.cp .cph h3,.cp .cph h4,
.case-media h4,
.eco-right h3,.eco-right h4,
.bviz h3,.bviz h4,
.dcol.ours h3,.dcol.ours h4,
.cb h2,.cb h3,.cb h4,
.bake h3,.bake h4,
.ci-meta h3,.ci-meta h4,
.roi h3,.roi h4,
.login-note h4,
.visual h3,.visual h4{ color:var(--ls-ink); }

.section--navy p,.asset-band p,.cta-band p,.cta.reveal p,
.cp .cph p,.eco-right p,.bviz p,.dcol.ours p,.cb p,.bake p,
.ci-meta p,.roi p,.login-note p,.visual p{ color:var(--ls-ink-2); }

.section--navy li,.asset-band li,.cta-band li,.cta.reveal li,
.eco-right li,.bviz li,.dcol.ours li,.cb li,.bake li,
.ci-meta li,.roi li,.login-note li,.visual li{ color:var(--ls-ink-2); }

.section--navy span,.asset-band span,.cta-band span,.cta.reveal span,
.cp .cph span,.eco-right span,.bviz span,.dcol.ours span,.cb span,.bake span,
.ci-meta span,.roi span,.login-note span,.visual span{ color:var(--ls-ink-2); }

.section--navy a,.asset-band a,.cta-band a,.cta.reveal a,
.eco-right a,.bviz a,.dcol.ours a,.cb a,.bake a,
.ci-meta a,.roi a,.visual a{ color:var(--ls-ink-2); }
.section--navy a:hover,.asset-band a:hover,.cta-band a:hover,.cta.reveal a:hover,
.eco-right a:hover,.bviz a:hover,.dcol.ours a:hover,.cb a:hover,.bake a:hover,
.ci-meta a:hover,.roi a:hover,.visual a:hover{ color:var(--ls-gold-deep); }

/* 深底区块里的描边/分隔线：白→藏青 */
.section--navy .line,.asset-band .line,.cta-band .line,
.eco-right hr,.bviz hr,.dcol.ours hr,.cb hr,.bake hr,
.ci-meta hr,.roi hr,.login-note hr{ border-color:var(--ls-line); }

/* 深底区块内的小图标底（原深底白icon） */
.sla .sic,
.eco-step::before,
.feature:hover .ficon,
.feature .ficon{
  background-image:none;
  background-color:var(--ls-3)!important;
  color:var(--ls-ink)!important;
}
.feature:hover .ficon{ background-color:var(--ls-4)!important; color:var(--ls-ink)!important; }

/* 头像 / 序号圆（原藏青渐变 → 品牌深金渐变） */
.avatar,.av,.userbox .av{
  background-image:linear-gradient(135deg,var(--ls-accent),#6f501e)!important;
  color:#fff!important;
}

/* ==========================================================================
   5. 表格表头（原深底白字）
   ========================================================================== */
.cmp thead th,
table.cmp thead th,
table thead th,
.tbl th{
  background-image:none;
  background-color:var(--ls-3)!important;
  color:var(--ls-ink)!important;
  border-bottom:1px solid var(--ls-line)!important;
}
.cmp tbody th,
table.cmp tbody th{ background-color:var(--ls-1)!important; color:var(--ls-ink)!important; }
.cmp tbody tr:nth-child(even) td,
table.cmp tbody tr:nth-child(even) td{ background-color:var(--ls-1)!important; }
.cmp td,table.cmp td,.tbl td{ border-color:var(--ls-line-2); }
.tbl tr:hover td{ background-color:var(--ls-1)!important; }

/* ==========================================================================
   6. 代码块 / 预格式文本（原近黑底）
   ========================================================================== */
pre.code-sample,
.code-sample,
pre code,
pre,
code,kbd,samp{
  background-image:none;
  background-color:var(--ls-1)!important;
  color:var(--ls-ink)!important;
  border:1px solid var(--ls-line)!important;
}
pre.code-sample *,
.code-sample *{ color:var(--ls-ink-2); }
pre.code-sample .c,pre.code-sample .cm,
.code-sample .c{ color:var(--ls-mut); }

/* ==========================================================================
   7. 表单区域（深底输入框/下拉/文本域）
   ========================================================================== */
:where(html.mkt) input,:where(html.mkt) select,:where(html.mkt) textarea,
.input,.select,.textarea{
  background-color:var(--ls-0)!important;
  color:var(--ls-ink)!important;
  border-color:var(--ls-line)!important;
}
:where(html.mkt) input::placeholder,:where(html.mkt) textarea::placeholder,.input::placeholder{
  color:var(--ls-mut)!important;
  opacity:1;
}
:where(html.mkt) input:focus,:where(html.mkt) select:focus,:where(html.mkt) textarea:focus,
.input:focus,.select:focus,.textarea:focus{
  border-color:var(--ls-gold)!important;
  box-shadow:0 0 0 3px rgba(184,137,62,.16)!important;
}

/* ==========================================================================
   8. 弹层与悬浮组件（下拉 / 提示气泡 / 结果面板 / Toast / 遮罩）
   ========================================================================== */
/* 下拉与搜索结果 */
.dropdown,
.nav .dropdown,
.s-results,
.nav-search .s-results,
.panel-float,
.popover,
.tip{
  background-image:none;
  background-color:var(--ls-0)!important;
  color:var(--ls-ink-2)!important;
  border:1px solid var(--ls-line)!important;
  box-shadow:var(--ls-sh-2)!important;
}
.dropdown a,
.dropdown .dp-list a,
.nav .dropdown .dp-list a,
.s-results a,
.nav-search .s-results a{
  color:var(--ls-ink-2)!important;
}
.dropdown a:hover,
.nav .dropdown .dp-list a:hover,
.s-results a:hover,
.nav-search .s-results a:hover{
  background:linear-gradient(90deg,rgba(184,137,62,.14),rgba(184,137,62,.04))!important;
  color:var(--ls-gold-deep)!important;
}
.dropdown .dp-list a b,
.s-results a b{ color:var(--ls-ink)!important; }
.dropdown .dp-list .d,
.s-results .s-sec{ color:var(--ls-mut)!important; }
.s-foot,.nav-search .s-foot{ border-top:1px solid var(--ls-line)!important; color:var(--ls-mut)!important; }
.s-hint,.nav-search .s-hint{ color:var(--ls-mut)!important; }

/* 英雄区工作台 tooltip（原 rgba(13,23,48,.94)） */
.wk-tip,
#wkTip{
  background-color:rgba(255,255,255,.97)!important;
  color:var(--ls-ink)!important;
  border:1px solid var(--ls-line)!important;
  box-shadow:var(--ls-sh-2)!important;
}

/* Toast / 浮层卡片（原近黑） */
.toast,
.pv-float,
.float-card{
  background-image:none;
  background-color:var(--ls-0)!important;
  color:var(--ls-ink-2)!important;
  border:1px solid var(--ls-line)!important;
  box-shadow:var(--ls-sh-2)!important;
}
.toast b,.pv-float b{ color:var(--ls-ink)!important; }

/* 弹层遮罩：深色压暗 → 浅色压暗，保持聚焦但不引入深色块 */
.modal-mask,
.mask,
.overlay{
  background-color:rgba(13,23,48,.38)!important;
}
.modal,
.modal-box,
.dialog{
  background-image:none;
  background-color:var(--ls-0)!important;
  color:var(--ls-ink-2)!important;
  border:1px solid var(--ls-line)!important;
  box-shadow:var(--ls-sh-2)!important;
}

/* ==========================================================================
   9. 移动端菜单 / 平台侧边栏 / 工作台
   ========================================================================== */
.mobile-menu{
  background-image:none;
  background-color:var(--ls-0)!important;
  border-bottom:1px solid var(--ls-line)!important;
}
.mobile-menu a{
  color:var(--ls-ink)!important;
  border-bottom:1px solid var(--ls-line-2)!important;
}
.mobile-menu a:hover{ color:var(--ls-gold-deep)!important; }

.sidebar,
.side,
.app .sidebar{
  background-image:none!important;
  background-color:var(--ls-2)!important;
  color:var(--ls-ink)!important;
  border-right:1px solid var(--ls-line)!important;
}
.sidebar a,.side a,
.sidebar .sb-item,.side .nav a{
  color:var(--ls-ink-2)!important;
}
.sidebar a:hover,.side a:hover,
.side .nav a:hover{
  background-color:rgba(13,23,48,.05)!important;
  color:var(--ls-ink)!important;
}
.sidebar a.is-on,.sidebar a.active,.side .nav a.on,
.sidebar .sb-item.is-on,.side .nav a.on{
  background:linear-gradient(90deg,rgba(184,137,62,.16),transparent)!important;
  color:var(--ls-gold-deep)!important;
}
.sb-brand,.sidebar .sb-brand,
.side .brand{ border-bottom:1px solid var(--ls-line)!important; color:var(--ls-ink)!important; }
.side .brand small,.sidebar .sb-brand small{ color:var(--ls-mut)!important; }
.sidebar .badge,.side .badge{ background-color:var(--ls-gold)!important; color:#1a1304!important; }
.sidebar .sb-sec,.side .nav .grp{ color:var(--ls-mut)!important; }

/* ==========================================================================
   10. 徽标 chip / badge（原深底或半透明白底）
   ========================================================================== */
.badge,
.tag,.tags span,.wk-chips span{
  background-color:var(--ls-1)!important;
  color:var(--ls-ink-2)!important;
  border:1px solid var(--ls-line)!important;
}
.badge.ok{ background-color:#e7f4ed!important; color:#1f7a52!important; border-color:rgba(47,158,110,.3)!important; }
.badge.warn{ background-color:#fbf0db!important; color:#8f6016!important; border-color:rgba(201,138,43,.3)!important; }
.badge.bad,
.badge.err{ background-color:#fbeae8!important; color:#a5322b!important; border-color:rgba(194,70,62,.3)!important; }
.badge.info{ background-color:#e7f0fa!important; color:#2f5f9e!important; border-color:rgba(47,107,176,.3)!important; }
.badge.gold{ background-color:rgba(184,137,62,.14)!important; color:var(--ls-gold-deep)!important; border-color:rgba(184,137,62,.35)!important; }

/* ==========================================================================
   11. 装饰层适配：Aurora 光斑 / 粒子在浅底上避免过曝
   ========================================================================== */
.gx-fx .gx-aurora::before,
.gx-fx .gx-aurora::after{
  mix-blend-mode:normal!important;
  opacity:.22!important;
  filter:blur(18px)!important;
}
.gx-fx .gx-aurora--soft::before,
.gx-fx .gx-aurora--soft::after{ opacity:.16!important; }

/* ==========================================================================
   12. 交互状态补偿（确保 hover / active / 选中在浅底上依然可辨）
   ========================================================================== */
.nav-link:hover,.nav-link.active{
  background-color:rgba(13,23,48,.055)!important;
  color:var(--ls-ink)!important;
}
.btn-ghost:hover{
  border-color:var(--ls-gold)!important;
  color:var(--ls-gold-deep)!important;
  background-color:rgba(184,137,62,.08)!important;
}
/* 深底区块内的浅色按钮 → 白底深字 */
.section--navy .btn-ghost,
.asset-band .btn-ghost,
.cta-band .btn-ghost,
.cta.reveal .btn-ghost,
.eco-right .btn-ghost,
.cb .btn-ghost,
.dcol.ours .btn-ghost{
  background-color:rgba(255,255,255,.86)!important;
  color:var(--ls-ink)!important;
  border-color:var(--ls-line)!important;
}
.section--navy .btn-ghost:hover,
.asset-band .btn-ghost:hover,
.cta-band .btn-ghost:hover,
.cta.reveal .btn-ghost:hover,
.eco-right .btn-ghost:hover,
.cb .btn-ghost:hover,
.dcol.ours .btn-ghost:hover{
  background-color:#fff!important;
  color:var(--ls-gold-deep)!important;
  border-color:var(--ls-gold)!important;
}
.section--navy .btn-light,
.asset-band .btn-light,
.cta-band .btn-light,
.cta.reveal .btn-light{
  background-color:#fff!important;
  color:var(--ls-ink)!important;
  border-color:var(--ls-line)!important;
}

/* 滚动条（深底 → 浅底） */
::-webkit-scrollbar-track{ background:var(--ls-1)!important; }
::-webkit-scrollbar-thumb{ background:#c3cee0!important; border-color:var(--ls-1)!important; }
::selection{ background:rgba(184,137,62,.26)!important; color:var(--ls-ink)!important; }

/* ==========================================================================
   13. style.css 原生深色 Hero / 内页 Hero / CTA / 分栏视觉块
       说明：这些规则在引了 site-unify.css 的页面已被浅色版覆盖；未引用的页面
       （policy / privacy 等）会漏出 style.css 的深底，这里统一收口，
       并保留与 site-unify 浅色版一致的金色微光装饰，避免"一刀切"丢装饰。
   ========================================================================== */
.hero-inner,
section.hero-inner{
  background:
    radial-gradient(900px 420px at 88% -10%,rgba(184,137,62,.14),transparent 58%),
    radial-gradient(circle at 18% 110%,rgba(13,23,48,.05),transparent 42%),
    linear-gradient(180deg,#ffffff,var(--ls-1))!important;
  color:var(--ls-ink-2)!important;
}
.hero-inner h1,.hero-inner h2,.hero-inner h3{
  color:var(--ls-ink)!important;
  text-shadow:none;
}
.hero-inner p,.hero-inner p.sub,.hero-inner .sub,.hero-inner li{
  color:var(--ls-ink-2)!important;
}
.hero-inner .eyebrow{ color:var(--ls-gold-deep)!important; }
.hero-inner .breadcrumb,.hero-inner .breadcrumb a{ color:var(--ls-mut)!important; }

/* 首页风格的大 Hero（排除 platform.css 的浅色 .hero.gx-grid） */
.hero:not(.gx-grid){
  background:
    radial-gradient(820px 520px at 82% -12%,rgba(184,137,62,.10),transparent 58%),
    radial-gradient(760px 480px at 4% 8%,rgba(13,23,48,.05),transparent 55%),
    #ffffff!important;
  color:var(--ls-ink-2)!important;
}
.hero:not(.gx-grid) h1{ color:var(--ls-ink)!important; text-shadow:none; }
.hero:not(.gx-grid) p,.hero:not(.gx-grid) p.sub{ color:var(--ls-ink-2)!important; }
.hero:not(.gx-grid) .hl{ color:var(--ls-gold-deep)!important; }
.hero:not(.gx-grid) .eyebrow{ color:var(--ls-gold-deep)!important; }
.hero:not(.gx-grid)::before{
  background-image:
    linear-gradient(rgba(13,23,48,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(13,23,48,.05) 1px,transparent 1px)!important;
}
.hero:not(.gx-grid) .background-grid{
  background-image:
    linear-gradient(rgba(13,23,48,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(13,23,48,.05) 1px,transparent 1px)!important;
}

/* CTA 卡（原深底白字） */
.cta,
section.cta{
  background:
    radial-gradient(600px 360px at 80% -30%,rgba(184,137,62,.16),transparent 60%),
    linear-gradient(150deg,#ffffff,var(--ls-1))!important;
  color:var(--ls-ink)!important;
}
.cta h2,.cta h3{ color:var(--ls-ink)!important; }
.cta p{ color:var(--ls-ink-2)!important; }
.cta .eyebrow,.cta .eyebrow.light{ color:var(--ls-gold-deep)!important; }

/* 分栏视觉块（原深底 + 巨大水印数字） */
.split .visual,
.split .visual .vk{ color:rgba(13,23,48,.06)!important; }
.split .visual .vbadge .big{ color:var(--ls-ink)!important; }
.split .visual .vbadge .small{ color:var(--ls-gold-deep)!important; }

/* 无 class 的页头（privacy 等页面内联深渐变 header） */
.wrap > header:not(.nav):not(.site-nav),
main .wrap > header:not(.nav){
  background:linear-gradient(135deg,var(--ls-2),var(--ls-1))!important;
  color:var(--ls-ink)!important;
}
.wrap > header:not(.nav) h1,
.wrap > header:not(.nav) h2,
.wrap > header:not(.nav) .sub,
.wrap > header:not(.nav) p{ color:var(--ls-ink)!important; }

/* ==========================================================================
   14. 首页英雄区工作台：角色徽标与封面标签（原深底白字小色块）
   ========================================================================== */
.wk-role.p{ background:#3d5a80!important; color:#fff!important; }            /* 平台：品牌蓝（浅底可用，白字 6.2:1）*/
.wk-role.o{ background:var(--ls-gold-deep)!important; color:#fff!important; } /* 运营：暗金保持 */
.acover .acat,
.acover span.acat{
  background:rgba(255,255,255,.92)!important;
  color:var(--ls-gold-deep)!important;
}

/* ==========================================================================
   15. 主题统一：全站仅保留浅色主皮肤
   --------------------------------------------------------------------------
   原「暗色主题兜底」分支已移除。此前它用 !important 把 html[data-theme="dark"]
   强制拉回浅色，与 theme.css 的深色定义自相矛盾；现在深色分支已整体删除，
   不再需要这层对冲，浅色表面即唯一表面。
   ========================================================================== */

/* ==========================================================================
   16. 浅底文字归位（对比度补偿层）
   ──────────────────────────────────────────────────────────────────────────
   背景转浅后，原「深底配白字」的文字必须回到墨色。
   注意：nav.js 会在运行时把 theme.css 追加到 <head> 末尾，
        排在本文件之后，因此本层一律使用 !important；
        变量重定向用 :root:root 提权（0,2,0 > 0,1,0），与加载顺序无关。
   ========================================================================== */

/* 16.1 变量重定向：深底配套文字色 → 墨色；暗底浅金 → 浅底可读深金 */
:root:root{
  --on-navy:#16203a;        /* 原 #f4f7fd  白底 15.4:1 */
  --on-navy-soft:#41506e;   /* 原 #cfd9ec  #eef2f9 上 7.3:1 */
  --on-navy-mute:#5a6478;   /* 原 #a8b4cc  #eef2f9 上 5.4:1 */
  --on-dark:#16203a;        /* 原 #eef1f7 */
  --on-dark-soft:#41506e;   /* 原 #aeb8d4 */
  --on-dark-faint:#5a6478;  /* 原 #7a86a8 */
  --gold-300:#8a6428;       /* 原 #ecd29b（暗底浅金）→ 浅底深金，白底 5.34:1 */
  --gold-2:#d6a85c;         /* 保持：仅用于金色按钮渐变，不承载正文 */
}

/* 16.2 原深底区块：文字整体归墨色（容器 + 全部后代） */
footer,footer *,
.foot,.foot *,
.eco-right,.eco-right *,
.bviz,.bviz *,
.caseidx,.caseidx *,
.ci-meta,.ci-meta *,
.login-note,.login-note *,
.asset-band,.asset-band *,
.cta-band,.cta-band *,
.cta.reveal,.cta.reveal *,
.section--navy,.section--navy *,
.section.dark,.section.dark *,
.dark,.dark *,
.gx-fx,.gx-fx *,
.cb,.cb *,
.bake,.bake *,
.roi,.roi *,
.dcol.ours,.dcol.ours *,
.visual,.visual *,
.vk,.vk *,
.vbadge,.vbadge *,
.acover,.acover *,
.case-media,.case-media *,
.cp .cph,.cp .cph *{
  color:var(--ls-ink-2)!important;
}

/* 16.3 标题层级回到主墨色（特异性 0,1,1 > 0,0,1，可覆盖 16.2） */
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6,
.foot h1,.foot h2,.foot h3,.foot h4,.foot h5,.foot h6,
.eco-right h1,.eco-right h2,.eco-right h3,.eco-right h4,
.bviz h1,.bviz h2,.bviz h3,.bviz h4,
.caseidx h1,.caseidx h2,.caseidx h3,.caseidx h4,
.ci-meta h1,.ci-meta h2,.ci-meta h3,.ci-meta h4,
.login-note h1,.login-note h2,.login-note h3,.login-note h4,
.asset-band h1,.asset-band h2,.asset-band h3,.asset-band h4,
.cta-band h1,.cta-band h2,.cta-band h3,.cta-band h4,
.cta.reveal h1,.cta.reveal h2,.cta.reveal h3,.cta.reveal h4,
.section--navy h1,.section--navy h2,.section--navy h3,.section--navy h4,
.cb h1,.cb h2,.cb h3,.cb h4,
.bake h1,.bake h2,.bake h3,.bake h4,
.roi h1,.roi h2,.roi h3,.roi h4,
.dcol.ours h1,.dcol.ours h2,.dcol.ours h3,.dcol.ours h4,
.visual h1,.visual h2,.visual h3,.visual h4,
.vk h1,.vk h2,.vk h3,.vk h4,
.vbadge h1,.vbadge h2,.vbadge h3,.vbadge h4,
.acover h1,.acover h2,.acover h3,.acover h4,
.case-media h1,.case-media h2,.case-media h3,.case-media h4,
.cp .cph h1,.cp .cph h2,.cp .cph h3,.cp .cph h4,
.fcol h4,.foot-col h5,.foot-brand .logo,.fcol h5{
  color:var(--ls-ink)!important;
}

/* 16.4 次级说明文字 */
footer .foot-note,.foot .foot-note,
footer .foot-bottom,.foot .foot-bottom,
.ci-meta .ci-fact,
.bviz .bsig,
.sidebar .sb-group,.sb-group,
.foot-brand p,.foot .foot-brand p,
.foot-col p,.fcol p{
  color:var(--ls-mut)!important;
}

/* 16.5 链接与 hover（金色强调不失效） */
footer a,.foot a,
.ci-meta a,.login-note a,.roi a,
.fcol a,.foot-col a,.section--navy a{
  color:var(--ls-ink-2)!important;
}
footer a:hover,.foot a:hover,
.ci-meta a:hover,.login-note a:hover,
.fcol a:hover,.foot-col a:hover,.section--navy a:hover{
  color:var(--ls-gold-deep)!important;
}

/* 16.6 金色强调文字：统一走浅底可读深金 */
.stat b em,.adv-no,.psn,
.ab-grid .ab b,.asset-band .eyebrow,
.dcol.ours .dh,.bviz .bq em,
.eyebrow.light,.section--navy .eyebrow,
.roi b,.roi em,.vk b,.wk-tab-n{
  color:var(--ls-gold-deep)!important;
}

/* 16.7 按钮例外：金色按钮统一深金底白字，hover 提亮；btn-light 由「白字透底」改为「白底墨字」 */
.btn-gold,.btn.primary,.btn-primary,
footer .btn-gold,.eco-right .btn-gold,.asset-band .btn-gold,
.cta-band .btn-gold,.section--navy .btn-gold{
  background:linear-gradient(135deg,var(--gold,#b8893e),var(--gold-2,#d6a85c))!important;
  color:#1a1304!important;
  border-color:transparent!important;
}
.btn-gold:hover,.btn.primary:hover,.btn-primary:hover,
footer .btn-gold:hover,.eco-right .btn-gold:hover,.asset-band .btn-gold:hover,
.cta-band .btn-gold:hover,.section--navy .btn-gold:hover{
  background:linear-gradient(135deg,var(--gold,#b8893e),var(--gold-2,#d6a85c))!important;
  color:#1a1304!important;
}
.btn-gold:active,.btn.primary:active,.btn-primary:active,
footer .btn-gold:active,.eco-right .btn-gold:active,.asset-band .btn-gold:active,
.cta-band .btn-gold:active,.section--navy .btn-gold:active{
  background:linear-gradient(135deg,var(--gold,#b8893e),var(--gold-2,#d6a85c))!important;
  color:#1a1304!important;
  transform:translateY(1px);
}
.btn-light,
.eco-right .btn-light,.asset-band .btn-light,
.cta-band .btn-light,.section--navy .btn-light{
  background-color:#ffffff!important;
  background-image:none!important;
  border:1px solid var(--ls-line)!important;
  color:var(--ls-ink)!important;
}
.btn-light:hover,
.eco-right .btn-light:hover{
  background-color:var(--ls-2)!important;
  color:var(--ls-ink)!important;
}

/* 16.8 状态标记文字（原深底琥珀/绿，浅底上加深） */
span.st.warn,.st.warn,.tag.warn{ color:#8f6016!important; }
span.st.ok,.st.ok,.tag.ok{ color:#1f7a52!important; }

/* 16.9 侧边栏 / 工作台品牌区与分组标题 */
.sidebar .sb-brand b,.sb-brand span b,
.sidebar .sb-brand span,.sb-brand span,
.sidebar .sb-item,.sb-item,
.sidebar .sb-group,.sb-group{
  color:var(--ls-ink)!important;
}
.sidebar .sb-brand small,.sb-brand small,
.sidebar .sb-group,.sb-group{ color:var(--ls-mut)!important; }
.avatar,.av,.userbox .av{ color:#ffffff!important; }

/* 16.10 首页工作台切窗序号（9px 小字，原 #9aa3b5 仅 2.52:1） */
.wk-tab-n{ color:#6b7690!important; }
.wk-tab.is-on .wk-tab-n{ color:var(--ls-gold-deep)!important; }
.wk-kpi .wk-k span{ color:var(--ls-mut)!important; }

/* 16.11 金色文字统一降为可读深金（品牌金 #b8893e 白底仅 3.14:1，不承载正文） */
.card-h a,.card-head a,
.pol-flow .arrow,.arrow,
.roi .roi-rows .rr b,
.ab b em,.cp .ctag,
.code-sample .tok,
.btn-line:hover{
  color:var(--ls-gold-deep)!important;
}

/* 16.12 reduced-motion 下的金色标题高亮（原 --gold-2 #d6a85c 白底仅 2.18:1） */
.hl,.hero h1 .hl{ color:var(--ls-gold-deep)!important; }

/* 16.13 幽灵按钮 hover：原「深底白字」→ 浅底墨字，保留金色描边与金调底 */
.btn-ghost:hover,.btn-ghost:focus-visible{
  border-color:var(--ls-gold)!important;
  background-color:rgba(184,137,62,.12)!important;
  color:var(--ls-ink)!important;
}

/* 16.14 工作台金色小链接 / 标签 */
a.link,a.mc-link,.ch-tag,.modcard a{ color:var(--ls-gold-deep)!important; }

/* 16.15 告警等级标记：浅底上加深到文字档 */
span.lv.warn,.lv.warn,.lv .warn{ color:#8f6016!important; }
span.lv.danger,.lv.danger,.lv .danger{ color:#a82c31!important; }
span.lv.ok,.lv.ok{ color:#1f7a52!important; }
span.lv.info,.lv.info{ color:#2f5f9e!important; }

/* 16.16 金底序号圆：金 → 深金 + 白字（原墨字金底仅 2.57:1） */
.bake-step .n,.bake-steps .n,
.step-n,.num-dot{
  background-image:none!important;
  background-color:var(--ls-gold-deep)!important;
  color:#ffffff!important;
}

/* 16.17 租户登录卡：辅助说明文字由 #6b7488 / #9aa3b4 提到墨灰 */
.pane .card .sub,.pane .card .hint,
.pane .card a.back,.pane .card .back,
.pane .card .divider,.pane .card .brand small,
.pane .card small{ color:var(--ls-mut)!important; }

/* ==========================================================================
   统一浅色锚点：对比区块按功能分层，不再使用同一套 radial-gradient
   仅在 light-surface 末尾追加；覆盖上方深色化规则（同特异性 + 后加载生效）。
   配色统一为营销浅色主题：浅表面 + 克制金点缀 + 墨色文字。
   ========================================================================== */

/* A. 全宽对比带（.section--navy）：浅灰蓝底 + 发丝上下边框，明确区块边界 */
.section--navy,
.section--navy .wrap{
  background:var(--bg-soft,#f4f7fd)!important;
  color:var(--ink,#0d1730)!important;
  border-color:var(--line,#dfe6f2)!important;
}
.section--navy{
  border-top:1px solid var(--line,#dfe6f2);
  border-bottom:1px solid var(--line,#dfe6f2);
}

/* B. .gx-fx 通用浅色面（含页脚降级态）：只换背景，不额外加边框，
   避免影响已由 footer-redesign.css/light-surface 第 2 节精细控制的页脚 */
.gx-fx,
.gx-fx .wrap{
  background:var(--bg-soft,#f4f7fd)!important;
  color:var(--ink,#0d1730)!important;
  border-color:var(--line,#dfe6f2)!important;
}

/* C. CTA 卡片：白底卡片 + 金顶线 + 柔和阴影，形成清晰的行动焦点 */
.cta,
.cta.reveal{
  background:#ffffff!important;
  color:var(--ink,#0d1730)!important;
  border:1px solid var(--line,#dfe6f2)!important;
  border-top:3px solid var(--gold,#b8893e)!important;
  box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important;
}
.cta::after,
.cta.reveal::after{ display:none!important; } /* 隐藏原深底装饰圆，避免在白底上显脏 */

/* 首页底部 CTA 精简版（.cta--download）：仅保留「下载白皮书」单一操作入口。
   边框沿用 .cta（1px 描边 + 3px 金顶线 + 22px 圆角 + 柔和阴影）；并铺一层与品牌协调的
   浅金/藏青渐变底，使该区块在白底页面中更突出。宽度继承 .wrap，与其他页面区块一致。
   选择器 .cta.cta--download（0,2,0）优先级高于 home-modules.css 的 .cta 重置（0,1,0），
   确保边框 / 底色 / 内边距 / 圆角不被清空，且晚于同文件 .cta.reveal 定义以胜出等特异性冲突。 */
.cta.cta--download{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:56px 28px!important;
  text-align:center!important;
  background:linear-gradient(135deg, rgba(13,23,48,.05), rgba(184,137,62,.13))!important;
  border:1px solid var(--line,#dfe6f2)!important;
  border-top:3px solid var(--gold,#b8893e)!important;
  border-radius:22px!important;
  box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important;
}
.cta.cta--download .btn{
  font-size:1.08rem!important;
  font-weight:700!important;
  padding:14px 40px!important;
  letter-spacing:.02em!important;
}

/* D. 媒体/视觉块（case-media / split visual / visual）：
   浅灰蓝底 + 极淡金色光晕，保持卡片内部层次分明 */
.case-media,
.split .visual,
.visual{
  background:
    radial-gradient(600px 400px at 75% 15%,rgba(184,137,62,.10),transparent 60%),
    linear-gradient(150deg,#f4f7fd,#eef2f9)!important;
  color:var(--ink,#0d1730)!important;
  border-color:var(--line,#dfe6f2)!important;
}

/* 文字层级统一 */
.section--navy h2,.section--navy h3,.section--navy h4,
.section--navy p,.section--navy li,.section--navy span,
.gx-fx h2,.gx-fx h3,.gx-fx h4,
.gx-fx p,.gx-fx li,.gx-fx span,
.cta h2,.cta h3,.cta h4,.cta p,.cta li,.cta span,
.cta.reveal h2,.cta.reveal h3,.cta.reveal h4,.cta.reveal p,.cta.reveal li,.cta.reveal span,
.case-media h4,.case-media p,.case-media li,.case-media span,
.split .visual h3,.split .visual h4,.split .visual p,.split .visual li,.split .visual span,
.visual h3,.visual h4,.visual p,.visual li,.visual span{ color:var(--ink-soft,#3a445c)!important; }
.section--navy h2,.section--navy h3,.section--navy h4,
.gx-fx h2,.gx-fx h3,.gx-fx h4,
.cta h2,.cta h3,.cta h4,
.cta.reveal h2,.cta.reveal h3,.cta.reveal h4,
.case-media h4,
.split .visual h3,.split .visual h4,
.visual h3,.visual h4{ color:var(--ink,#0d1730)!important; }
.section--navy a,.gx-fx a,.cta a,.cta.reveal a,.case-media a,.split .visual a,.visual a{ color:var(--gold-deep,#8a6428)!important; }
.section--navy a:hover,.gx-fx a:hover,.cta a:hover,.cta.reveal a:hover,.case-media a:hover,.split .visual a:hover,.visual a:hover{ color:var(--gold,#b8893e)!important; }

/* 深色图标底还原为金底 */
.feature .ficon,
.feature:hover .ficon{
  background-image:none!important;
  background-color:var(--gold-soft,#f7f0e2)!important;
  color:var(--gold-deep,#8a6428)!important;
}
.feature:hover .ficon{ background-color:var(--gold,#b8893e)!important; color:#221603!important; }

/* =========================================================================
   对比区块统一设计系统 v2  ·  2026-09-04
   问题根因（首页 platform.css 与内页 extra.css 双设计系统并行）：
   1) 同类对比区块在首页套用深色残留文字（#fff / rgba(234,240,255,.74) /
      rgba(255,255,255,.6)），但底色实为浅色渐变 --deep-grad，浅底上几乎
      不可读；
   2) 强调字用 --gold-2(#d6a85c) 作浅底正文，仅 2.18:1，不满足 WCAG AA；
   3) 圆角令牌不统一（14/16/20/28）、阴影两套（--shadow-1/2 与
      --shadow-card）、边框/底色写法各异，整站视觉不一致。
   本层位于 light-surface.css 末尾（全站最后加载、带 !important）一次性
   统一：浅色表面 + 1px 描边 + 16px 圆角 + 柔和阴影；强调字一律
   --gold-deep(AA 5.34:1)；高亮块加 3px 金顶线；不改变任何 HTML 结构与功能。
   ========================================================================= */

/* ---- 1. 资产 / 优势数据带 .ab-grid .ab ---- */
.asset-band{ background:var(--bg-soft,#f4f7fd)!important; padding:60px 0 56px!important; }
.ab-head{ text-align:center!important; margin-bottom:36px!important; }
.ab-head .eyebrow{ color:var(--gold-deep,#8a6428)!important; }
.ab-head h2{ color:var(--ink,#0d1730)!important; }
.ab-grid{ display:grid!important; grid-template-columns:repeat(4,1fr)!important; gap:18px!important; background:none!important; border:none!important; }
.ab{ background:#fff!important; border:1px solid var(--line,#dfe6f2)!important; border-radius:16px!important; padding:28px 22px!important; text-align:center!important; box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important; border-right:none!important; }
.ab:hover{ transform:translateY(-4px)!important; box-shadow:var(--shadow-card-hover,0 18px 46px rgba(13,23,48,.13))!important; border-color:rgba(184,137,62,.4)!important; }
.ab b{ display:block!important; font-family:"Noto Serif SC",serif!important; font-size:38px!important; font-weight:700!important; line-height:1.05!important; color:var(--gold-deep,#8a6428)!important; }   /* 修正：--gold-2 / --navy → --gold-deep(AA) */
.ab b.ab-txt{ font-size:24px!important; line-height:1.3!important; color:var(--gold-deep,#8a6428)!important; }
.ab em,.ab b em{ font-style:normal!important; font-size:18px!important; color:var(--ink,#0d1730)!important; margin-left:3px!important; font-weight:600!important; }
.ab span{ display:block!important; margin-top:13px!important; font-size:13.5px!important; color:var(--muted,#5a6478)!important; line-height:1.6!important; }

/* ---- 2. 生态右侧高亮卡 .eco-right ---- */
.eco-left{ border-radius:16px!important; box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important; }
.eco-right{ background:var(--gold-soft,#f7f0e2)!important; color:var(--ink,#0d1730)!important; border:1px solid var(--line,#dfe6f2)!important; border-top:3px solid var(--gold,#b8893e)!important; border-radius:16px!important; padding:32px!important; box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important; display:flex!important; flex-direction:column!important; justify-content:center!important; text-align:center!important; }
.eco-right h3{ color:var(--ink,#0d1730)!important; font-family:"Noto Serif SC",serif!important; font-size:20px!important; margin:0 0 12px!important; }   /* 修正：#fff → --ink */
.eco-right p{ color:var(--ink-soft,#3a445c)!important; font-size:14px!important; line-height:1.8!important; margin:0 0 20px!important; }                /* 修正：rgba(234,240,255,.74) → --ink-soft */
.eco-right .btn-light{ align-self:center!important; background:var(--gold-soft,#f7f0e2)!important; border:1px solid var(--gold,#b8893e)!important; color:var(--gold-deep,#8a6428)!important; }
.eco-right .btn-light:hover{ background:linear-gradient(135deg,var(--gold,#b8893e),var(--gold-2,#d6a85c))!important; color:#1a1304!important; }

/* ---- 3. 对比列 .dcol（ours 高亮 / others 弱化） ---- */
.dcol{ background:#fff!important; border:1px solid var(--line,#dfe6f2)!important; border-radius:16px!important; padding:26px!important; box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important; }
.dcol.ours{ background:var(--gold-soft,#f7f0e2)!important; border-color:var(--line,#dfe6f2)!important; border-top:3px solid var(--gold,#b8893e)!important; color:var(--ink,#0d1730)!important; }   /* 修正：深底 + --gold-2 → 浅金高亮 */
.dcol.others{ background:var(--bg-soft,#f4f7fd)!important; }
.dcol .dh{ font-size:14px!important; font-weight:600!important; margin:0 0 14px!important; padding-bottom:12px!important; border-bottom:1px solid var(--line-soft,#eaf0f9)!important; color:var(--ink,#0d1730)!important; }   /* 修正：--gold-2 / --navy → --ink */
.dcol.ours .dh{ color:var(--ink,#0d1730)!important; }
.dcol.others .dh{ color:var(--muted,#5a6478)!important; }
.dcol ul{ list-style:none!important; margin:0!important; padding:0!important; display:flex!important; flex-direction:column!important; gap:10px!important; }
.dcol li{ font-size:13.5px!important; line-height:1.7!important; padding:9px 0!important; border-top:1px dashed var(--line-soft,#eaf0f9)!important; display:flex!important; gap:9px!important; align-items:flex-start!important; color:var(--ink-soft,#3a445c)!important; }   /* 修正：ours li 浅色文字 → --ink-soft */
.dcol li:first-child{ border-top:none!important; }
.dcol li svg{ flex:none!important; width:16px!important; height:16px!important; margin-top:3px!important; }
.dcol.others li svg{ color:var(--muted,#5a6478)!important; }
.dcol.ours li svg{ color:var(--gold-deep,#8a6428)!important; }

/* ---- 4. 案例 / 对比面板卡 .cp ---- */
.cp{ background:#fff!important; border:1px solid var(--line,#dfe6f2)!important; border-top:3px solid var(--gold,#b8893e)!important; border-radius:16px!important; overflow:hidden!important; padding:0!important; box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important; transition:transform .2s,box-shadow .2s!important; display:flex!important; flex-direction:column!important; }
.cp:hover{ transform:translateY(-4px)!important; box-shadow:var(--shadow-card-hover,0 18px 46px rgba(13,23,48,.13))!important; }
.cp .cph{ padding:20px 22px!important; background:var(--bg-soft,#f4f7fd)!important; color:var(--ink,#0d1730)!important; border-bottom:1px solid var(--line,#dfe6f2)!important; }
.cp .ctag{ font-size:11.5px!important; color:var(--gold-deep,#8a6428)!important; font-weight:600!important; letter-spacing:1px!important; }   /* 修正：--gold 小字 3.14:1 → --gold-deep(AA) */
.cp h4{ font-size:17px!important; margin:8px 0 0!important; font-family:"Noto Serif SC",serif!important; color:var(--ink,#0d1730)!important; }
.cp .cpb{ padding:20px 22px!important; flex:1!important; }
.cp .cpb p{ font-size:13.5px!important; color:var(--ink-soft,#3a445c)!important; line-height:1.75!important; margin:0 0 16px!important; }
.cp .metrics{ display:flex!important; gap:14px!important; margin-bottom:14px!important; }
.cp .metrics div{ flex:1!important; text-align:center!important; background:var(--bg-soft2,#e9f0fb)!important; border-radius:10px!important; padding:10px 6px!important; }
.cp .metrics b{ display:block!important; font-family:"Noto Serif SC",serif!important; font-size:22px!important; color:var(--gold-deep,#8a6428)!important; line-height:1!important; }   /* 修正：--navy(未定义) → --gold-deep */
.cp .metrics span{ font-size:11.5px!important; color:var(--muted,#5a6478)!important; margin-top:5px!important; display:block!important; }
.cp .quote{ border-left:3px solid var(--gold,#b8893e)!important; background:var(--gold-soft,#f7f0e2)!important; padding:11px 13px!important; font-size:12.8px!important; color:var(--gold-deep,#8a6428)!important; border-radius:0 8px 8px 0!important; line-height:1.7!important; }

/* ---- 5. 价值主张 / 引述块 .bviz ---- */
.bviz{ background:var(--gold-soft,#f7f0e2)!important; color:var(--ink,#0d1730)!important; border:1px solid var(--line,#dfe6f2)!important; border-radius:16px!important; padding:40px 34px!important; box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important; }   /* 修正：统一浅金表面 */
.bviz .bq{ font-family:"Noto Serif SC",serif!important; font-size:23px!important; line-height:1.55!important; font-weight:600!important; margin:0!important; color:var(--ink,#0d1730)!important; }
.bviz .bq em{ color:var(--gold-deep,#8a6428)!important; font-style:normal!important; }   /* 修正：--gold-2 → --gold-deep */
.bviz .bsig{ margin-top:22px!important; font-size:13px!important; color:var(--ink-soft,#3a445c)!important; }   /* 修正：rgba(255,255,255,.6) → --ink-soft */

/* ---- 6. 客户案例元信息 / 报价 ROI / 登录说明（extra.css 同类块，统一收口） ---- */
.ci-meta{ background:var(--deep-surface,#f4f7fd)!important; color:var(--ink-soft,#3a445c)!important; border:1px solid var(--deep-line,#dfe6f2)!important; border-radius:16px!important; padding:34px 30px!important; display:flex!important; flex-direction:column!important; gap:18px!important; box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important; }
.ci-meta .ci-school{ font-family:"Noto Serif SC",serif!important; font-size:21px!important; font-weight:600!important; line-height:1.4!important; color:var(--ink,#0d1730)!important; }
.ci-meta .ci-tags{ display:flex!important; flex-wrap:wrap!important; gap:8px!important; }
.ci-meta .ci-tags span{ font-size:12.5px!important; padding:4px 12px!important; border-radius:999px!important; background:var(--gold-soft,#f7f0e2)!important; color:var(--gold-deep,#8a6428)!important; border:1px solid var(--line,#dfe6f2)!important; }
.ci-meta .ci-fact{ font-size:13.5px!important; color:var(--muted,#5a6478)!important; line-height:1.9!important; }
.roi{ border:1px solid var(--deep-line,#dfe6f2)!important; border-radius:16px!important; background:var(--deep-surface,#f4f7fd)!important; color:var(--ink-soft,#3a445c)!important; padding:30px!important; box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important; }
.roi .roi-h h3{ color:var(--ink,#0d1730)!important; font-size:24px!important; margin-bottom:12px!important; }
.roi .roi-h p{ color:var(--ink-soft,#3a445c)!important; font-size:14.5px!important; line-height:1.9!important; font-weight:300!important; }
.roi .roi-rows .rr{ display:flex!important; justify-content:space-between!important; padding:13px 0!important; border-bottom:1px solid var(--line,#dfe6f2)!important; font-size:15px!important; }
.roi .roi-rows .rr span{ color:var(--ink-soft,#3a445c)!important; }
.roi .roi-rows .rr b{ font-family:"Noto Serif SC",serif!important; color:var(--gold-deep,#8a6428)!important; font-size:19px!important; }
.roi .roi-foot{ margin-top:18px!important; font-size:13px!important; color:var(--muted,#5a6478)!important; }
.login-note{ background:var(--deep-surface,#f4f7fd)!important; color:var(--ink-soft,#3a445c)!important; border:1px solid var(--deep-line,#dfe6f2)!important; border-radius:16px!important; padding:40px 34px!important; box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important; }
.login-note h4{ color:var(--ink,#0d1730)!important; font-family:"Noto Serif SC",serif!important; font-size:19px!important; margin-bottom:16px!important; }
.login-note .cinfo li{ color:var(--ink-soft,#3a445c)!important; }
.login-note .cinfo li b{ color:var(--ink,#0d1730)!important; }
.login-note .ck{ background:var(--gold-deep,#8a6428)!important; border-color:var(--gold-deep,#8a6428)!important; color:#fff!important; }

/* ---- 7. 交替区块底色统一（浅蓝灰，与首页节奏一致） ---- */
.section--soft{ background:var(--bg-soft,#f4f7fd)!important; background-image:none!important; }

/* =========================================================================
   通用图标卡组件 v2.1（.ab-grid > .ab，全站复用：首页资产带 / 内页 .stats 等）
   设计要点：左对齐图标卡，与下方 .role 角色卡视觉语言一致；
   图标芯片→核心值→说明三层清晰；等尺寸 / 等间距 / 等高（178px）；
   桌面 4 列 / 平板 2 列 / 手机 1 列。保持浅色主题令牌。
   ========================================================================= */
.ab-grid .ab{
  display:flex!important; flex-direction:column!important; align-items:flex-start!important; text-align:left!important;
  min-height:178px!important;
  background:#fff!important;
  border:1px solid var(--line,#dfe6f2)!important;
  border-top:3px solid var(--gold,#b8893e)!important;
  border-radius:16px!important;
  padding:26px 24px 24px!important;
  box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important;
  transition:transform .4s var(--ease,ease), box-shadow .4s var(--ease,ease), border-color .4s!important;
}
.ab-grid .ab:hover{
  transform:translateY(-4px)!important;
  box-shadow:var(--shadow-card-hover,0 18px 46px rgba(13,23,48,.13))!important;
  border-color:rgba(184,137,62,.4)!important;
}
/* 图标芯片：呼应 .role .ric 语言（浅金底 + 深金描边图标） */
.ab-grid .ab-ic{
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  width:46px!important; height:46px!important; border-radius:12px!important;
  background:var(--gold-soft,#f7f0e2)!important; color:var(--gold-deep,#8a6428)!important;
  margin-bottom:18px!important; flex:none!important;
}
.ab-grid .ab-ic svg{ width:24px!important; height:24px!important; display:block!important; }
.ab-grid .ab:hover .ab-ic{ background:var(--gold-deep,#8a6428)!important; color:#fff!important; }
/* 核心值槽：固定最小高度，使四卡数值基线齐平、说明起始对齐 */
.ab-grid .ab-val{ display:flex!important; align-items:baseline!important; min-height:46px!important; margin-bottom:10px!important; }
.ab-grid .ab b{
  display:inline!important; font-family:"Noto Serif SC",serif!important;
  font-size:34px!important; font-weight:700!important; line-height:1.05!important;
  color:var(--gold-deep,#8a6428)!important;
}
.ab-grid .ab b.ab-txt{ font-size:23px!important; line-height:1.25!important; }
.ab-grid .ab em,.ab-grid .ab b em{
  font-style:normal!important; font-size:18px!important; font-weight:600!important;
  color:var(--ink,#0d1730)!important; margin-left:3px!important;
}
/* 说明文字：承载卡片真实含义，浅墨色、易读 */
.ab-grid .ab-cap{
  display:block!important; margin-top:0!important;
  font-size:14px!important; line-height:1.65!important; color:var(--muted,#5a6478)!important;
}
/* 响应式：4 → 2 → 1 */
@media (max-width:980px){
  .ab-grid{ grid-template-columns:repeat(2,1fr)!important; gap:16px!important; }
}
@media (max-width:520px){
  .ab-grid{ grid-template-columns:1fr!important; gap:14px!important; }
  .ab-grid .ab{ min-height:0!important; }
}

/* ---- 8. 媒体 / 视觉卡圆角与阴影收口（与对比块一致） ---- */
.case-media,.split .visual{ border-radius:16px!important; box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important; }


/* =========================================================================
   工作台 KPI 卡统一（platform-workspace / school-workspace 的 .kpis）
   与首页 .ab 图标卡视觉语言一致：白卡 + 3px 金顶线 + 16px 圆角 +
   柔和阴影 + 悬浮上浮；图标芯片 .k-ic 与 .ab-ic 对齐（浅金底 / 深金描边图标）。
   仅改卡片外观，不改内部结构（.k-top / .k-lab / 值 / .k-sub）。
   ========================================================================= */
.kpi{
  border-top:3px solid var(--gold,#b8893e)!important;
  border-radius:16px!important;
  box-shadow:var(--shadow-card,0 6px 22px rgba(13,23,48,.09))!important;
  transition:transform .25s var(--ease,ease), box-shadow .25s, border-color .25s!important;
}
.kpi:hover{
  transform:translateY(-4px)!important;
  box-shadow:var(--shadow-card-hover,0 18px 46px rgba(13,23,48,.13))!important;
  border-color:rgba(184,137,62,.4)!important;
}
.kpi .k-ic{
  width:46px!important; height:46px!important; border-radius:12px!important;
  background:var(--gold-soft,#f7f0e2)!important; color:var(--gold-deep,#8a6428)!important;
  box-shadow:none!important;
}
.kpi .k-ic svg{ width:24px!important; height:24px!important; display:block!important; }
.kpi:hover .k-ic{ background:var(--gold-deep,#8a6428)!important; color:#fff!important; }