/* ============================================================
   爆款工场 · 暗色兼容层 v6（dark-theme.css）
   ------------------------------------------------------------
   作用：把各子页面里已经写死的浅色值（白底、浅灰、深字）
   统一「翻译」成深空风的等价物，避免逐页改几百行。
   加载顺序：ds.css → dark-theme.css → 页面内联 <style>
   ------------------------------------------------------------ */

/* ---------- 1. 全局兜底 ---------- */
html{background:#06060d;color-scheme:dark}
body{background:#06060d;color:var(--ink)}
::selection{background:rgba(168,85,247,.35);color:#fff}

/* 滚动条 */
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#0a0a14}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.13);border-radius:99px;border:2px solid #0a0a14}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22)}

/* 表单控件原生外观 */
input,textarea,select{color-scheme:dark}
input:-webkit-autofill,textarea:-webkit-autofill{
  -webkit-text-fill-color:#f4f4f8;
  -webkit-box-shadow:0 0 0 1000px #14141f inset;
}

/* ============================================================
   2. 强制定色：把内联浅色覆写掉
   注意用 :where() 保持 0 特异性之外的合理优先级，
   这里故意用较高优先级以覆盖各页内联样式
   ============================================================ */

/* ---- 2.1 白底 → 深空 / 玻璃 ---- */
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#ffffff"],
[style*="background: #ffffff"]{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.13)!important;
}
[style*="background:#f8f9fb"],
[style*="background:#fafbfd"],
[style*="background:#f6f7f9"],
[style*="background:#f4f6fa"],
[style*="background:#f1f3f7"],
[style*="background:#eef1f6"],
[style*="background:#eceff3"],
[style*="background:#fffdfa"],
[style*="background:#fff8f0"],
[style*="background:#eff6ff"],
[style*="background:#fffbeb"]{
  background:rgba(255,255,255,.032)!important;
  border-color:rgba(255,255,255,.11)!important;
}
[style*="background:#0a1a2f"]{background:#07070f!important}
[style*="background:#111621"]{background:#16161f!important}

/* ---- 2.2 内联浅色文字 → 亮色 ---- */
[style*="color:#0a1a2f"],[style*="color:#111621"],[style*="color:#0f172a"]{color:#f4f4f8!important}
[style*="color:#2b3d55"],[style*="color:#1f2937"],[style*="color:#111827"]{color:#dcdde8!important}
[style*="color:#5a6b82"],[style*="color:#a9abbd"],[style*="color:#4b5563"]{color:#a9abbd!important}
[style*="color:#8b8da1"],[style*="color:#8b8da1"],[style*="color:#a9abbd"]{color:#8b8da1!important}
[style*="color:#0a2540"]{color:#f4f4f8!important}
[style*="color:#2e4361"]{color:#dcdde8!important}
[style*="color:#7c8595"]{color:#8b8da1!important}
[style*="color:#67e8f9"]{color:#67e8f9!important}
[style*="color:#e63c0f"]{color:#f0abfc!important}
[style*="color:#92400e"],[style*="color:#78350f"]{color:#fde68a!important}
[style*="color:#047857"],[style*="color:#067a54"]{color:#34d399!important}
[style*="color:#dc2626"],[style*="color:#b91c1c"]{color:#fb7185!important}
[style*="color:#1e3a8a"]{color:#bfdbfe!important}

/* 白色底上的深色点：文字反向 */
[style*="border-bottom:1px solid #111621"],[style*="background:#111621;border:1px solid #111621"]{
  background:#16161f!important;border-color:rgba(255,255,255,.14)!important;
}

/* ============================================================
   3. 常见浅色组件 → 暗色等价物（按类名，覆盖全站）
   ============================================================ */

/* ---- 3.1 表格 ---- */
.tbl,.cmp,table.cmp{
  background:rgba(255,255,255,.028)!important;
  border-color:rgba(255,255,255,.11)!important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.tbl th,.cmp th,table.cmp th{
  background:rgba(255,255,255,.055)!important;
  color:#dcdde8!important;
  border-color:rgba(255,255,255,.11)!important;
}
.tbl td,.cmp td,table.cmp td{
  color:#a9abbd!important;
  border-color:rgba(255,255,255,.085)!important;
}
.tbl td b,.cmp td b{color:#f4f4f8!important}
.tbl-scroll{background:rgba(255,255,255,.028)!important;border-color:rgba(255,255,255,.11)!important;backdrop-filter:blur(12px)}
.cmp .us,table.cmp .us{
  background:linear-gradient(180deg,rgba(168,85,247,.14),rgba(232,121,249,.07))!important;
  color:#fff!important;
  box-shadow:inset 1px 0 0 rgba(232,121,249,.30),inset -1px 0 0 rgba(232,121,249,.30);
}
.cmp thead .us,table.cmp thead .us{color:#fff!important}
.cy,.y{color:#34d399!important}
.cn,.cmp .n,td.n,span.n{color:#fb7185!important}
.m{color:#fbbf24!important}
/* 定价卡的「不含」项：保持灰，不染红 */
.plan li.n,.plan li.n::before{color:var(--ink-4)!important}

/* ---- 3.2 提示 / 说明块 ---- */
.note,.tipbox,.callout,.verdict,.cta-box,.vip-note,.note-b,.show-note,.pubnote,.law{
  background:rgba(255,255,255,.038)!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#dcdde8!important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.note{border-color:rgba(168,85,247,.30)!important;background:rgba(168,85,247,.09)!important}
.note-warn,.warnbox,.pubnote{
  background:rgba(251,191,36,.09)!important;
  border-color:rgba(251,191,36,.30)!important;
  color:#fde68a!important;
}
.callout{background:rgba(96,165,250,.09)!important;border-color:rgba(96,165,250,.28)!important;color:#bfdbfe!important}
.tipbox{border-color:rgba(168,85,247,.26)!important;background:rgba(168,85,247,.075)!important;color:#dcdde8!important}
.verdict{border-left-color:#a855f7!important;background:rgba(168,85,247,.07)!important}
.lead{border-left-color:#a855f7!important;background:rgba(255,255,255,.038)!important;color:#dcdde8!important}
.law h3,.note b,.tipbox b,.verdict b,.callout b,.vip-note b,.note-b b,.cta-box h3{color:#f4f4f8!important}
.note-warn b,.pubnote b{color:#fef3c7!important}

/* ---- 3.3 卡片 / 面板 ---- */
.card,.panel,.scriptbox,.way,.plan,.cta-box,.paybox,.odr,.step-num,.fstep,.pain,.feat,.pheat{
  background:linear-gradient(160deg,rgba(255,255,255,.062),rgba(255,255,255,.022))!important;
  border-color:rgba(255,255,255,.11)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 1px 0 rgba(255,255,255,.055) inset,0 20px 50px -24px rgba(0,0,0,.85);
}
.step-num{background:rgba(255,255,255,.05)!important;color:#f0abfc!important}
.step-num::before{background:rgba(255,255,255,.10)!important}
.way .wt .bdg{background:rgba(52,211,153,.14)!important;border-color:rgba(52,211,153,.30)!important;color:#34d399!important}
.way .wt .bdg.n{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.13)!important;color:#8b8da1!important}

/* 定价卡：推荐款加霓虹描边 */
.plan.hot{
  border-color:rgba(168,85,247,.55)!important;
  background:linear-gradient(180deg,rgba(168,85,247,.14),rgba(255,255,255,.028) 55%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 30px 70px -26px rgba(124,58,237,.85)!important;
}
.plan .tag{background:var(--grad-brand)!important;color:#fff!important}

/* 选中态 / 高亮 */
.hl{background:rgba(168,85,247,.28)!important;color:#e9d5ff!important}
.hl-red{background:rgba(251,113,133,.24)!important;color:#fecdd3!important}
.scriptbox .hl{color:#fdba74!important}
.scriptbox .sec{color:#f0abfc!important}

/* ---- 3.4 FAQ 折叠 ---- */
.faqs details,.faqs details:first-of-type,.cmp th,.cmp td{border-color:rgba(255,255,255,.09)}
.faqs summary{color:#f4f4f8!important}
.faqs .a{color:#a9abbd!important}
.faqs .a b{color:#dcdde8!important}
.faqs .a a{color:#f0abfc!important;border-bottom-color:rgba(240,171,252,.42)!important}
.faqs summary::after{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238e90a6' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.grp-h{color:#f0abfc!important;border-bottom-color:rgba(255,255,255,.09)!important}
.mod-copy li::before,.step-body li::before,.law li::before,.plan li::before{background:#a855f7!important}
.plan li::before{
  background:rgba(52,211,153,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/9px no-repeat!important;
}
.plan li.n::before{background:rgba(255,255,255,.07)!important}

/* ---- 3.5 页头 / 面包屑 / TOC ---- */
.crumb{color:#8b8da1!important}
.crumb a:hover{color:#f4f4f8!important}
.pg-head{border-bottom-color:rgba(255,255,255,.09)!important}
.toc a,.flowbar span{color:#a9abbd!important;border-color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.028)}
.toc a:hover{color:#fff!important;border-color:rgba(168,85,247,.5)!important;background:rgba(168,85,247,.12)!important}
.flowbar i{background:rgba(255,255,255,.18)!important}

/* 页内 h1 渐变字（法务页用深色渐变，暗底必须反过来） */
h1{
  background:none!important;-webkit-text-fill-color:#f4f4f8!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  color:#f4f4f8!important;
}
h1.gt{
  background:var(--grad-text)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
h2::before{background:var(--grad-brand)!important}

/* ---- 3.6 顶部条 / 固定装饰 ---- */
.topbar{
  background:rgba(7,7,14,.72)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  backdrop-filter:blur(20px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
}
.gridbg{
  background-image:
    linear-gradient(rgba(255,255,255,.030) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.030) 1px,transparent 1px)!important;
}
.glow{opacity:.34!important}
.g1{background:#7c3aed!important}
.g2{background:#e879f9!important}

/* ---- 3.7 支付 / 状态块 ---- */
.paymask{background:rgba(3,3,8,.82)!important}
.paybox .qr{background:#fff!important}
.ic.ok{background:rgba(52,211,153,.15)!important}
.ic.wait{background:rgba(251,191,36,.15)!important}
.ic.bad{background:rgba(251,113,133,.15)!important}
.mail{color:#f0abfc!important;border-bottom-color:rgba(240,171,252,.42)!important}

/* ---- 3.8 底部合规栏（旧版浅色） ---- */
.bk-foot{border-top-color:rgba(255,255,255,.09)!important;color:#8b8da1!important}
.bk-foot a{color:#a9abbd!important}
.bk-foot a:hover{color:#f4f4f8!important}

/* ---- 3.9 品牌组件：暗底 logo 文字改亮 ---- */
.bk-logo svg text{fill:#f4f4f8}
.bk-logo:hover svg{filter:drop-shadow(0 0 16px rgba(168,85,247,.75))!important}

/* ---- 3.10 图片在暗底上的处理 ---- */
img{color-scheme:only light}

/* ============================================================
   4. 细节增强
   ============================================================ */
/* 玻璃卡顶部高光：让卡片「有厚度」 */
.card::before,.plan::before,.panel::before{
  content:"";position:absolute;left:14px;right:14px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  pointer-events:none;
}
.card,.plan,.panel{position:relative}

/* 链接在暗底上用品牌紫 */
a{color:inherit}

/* ============================================================
   5. 全站字号体系 · 与导航栏 15px 基线对齐
   ------------------------------------------------------------
   背景：导航菜单定为 15px 之后，页面里成片的 12 / 13px 小字显得发虚、
   和导航不在一个「档」上。这里做一次全站统一：
     · 正文/说明类小字  → 13px 起，主力 13.5–14px
     · 真正只能小的辅助字（角标、时间轴、mono 标签）保留 10–12px
     · 需要保留原比例的组件（演示机箱、手机框）按倍率放大
   注意：本文件不写 font-size，这里是唯一一处，rules 都带 !important，
   必须晚于各页 inline <style> 生效 —— 所有页面均已满足。
   ============================================================ */

/* ---- 5.1 全局兜底：任何还写着 12/12.5/13/13.5 的文字抬到 13.5 ---- */
[style*="font-size:12px"],[style*="font-size: 12px"],
[style*="font-size:12.5px"],[style*="font-size: 12.5px"],
[style*="font-size:13px"],[style*="font-size: 13px"],
[style*="font-size:13.5px"],[style*="font-size: 13.5px"],
[style*="font-size:11.5px"],[style*="font-size: 11.5px"],
[style*="font-size:11px"],[style*="font-size: 11px"]{
  font-size:13.5px!important;
}

/* ---- 5.2 首页 ---- */
/* 痛点卡 */
.pain p{font-size:13.5px!important}
.pain .no{font-size:12px!important}
.pain .idx{font-size:12.5px!important}
/* 功能卡：说明文字是主要阅读内容，抬到 14 */
.feat p{font-size:14px!important}
.feat .go{font-size:13px!important}
.feat h3 em{font-size:11px!important}
/* 怎么用 4 步 */
.fstep p{font-size:13.5px!important}
.fstep .n{font-size:12px!important}
.fstep h3{font-size:17px}
/* 数据条 */
.stat span{font-size:13.5px!important}
/* 成片示例 */
.phone figcaption{font-size:13px!important}
.show-note{font-size:14px!important}
.show-note em{font-size:12.5px!important}
/* 对比表 */
.cmp th{font-size:14px!important}
.cmp td{font-size:13.5px!important}
.cmp th:first-child,.cmp td:first-child{font-size:13.5px!important}
/* 定价卡 */
.plan li{font-size:14px!important}
.plan .unit{font-size:13px!important}
.plan .tag{font-size:11.5px!important}
/* 合规四条 */
.law li{font-size:14px!important}
.law h3{font-size:17px!important}
/* FAQ */
.faqs summary{font-size:15.5px!important}
.faqs .a{font-size:14px!important;line-height:1.85!important}
/* CTA 副文案 */
.cta p{font-size:15px}
/* 眉标 / 标签：mono 小字，保持比例不跟正文一起放大 */
.eyebrow{font-size:12px!important;letter-spacing:.19em!important}
/* 演示机箱：整体画面偏小，按 ~1.09 倍放大保持内部比例 */
.demo-bar span{font-size:12px!important}
.dstep{font-size:13px!important}
.dstep i{font-size:11px!important}
.demo-tag{font-size:11.5px!important}
.demo-script{font-size:14.5px!important}
.demo-status{font-size:12.5px!important}
/* 首屏信任点 */
.hero-trust{font-size:13.5px!important}
.hero-trust i{font-size:10px!important}
/* 首屏正文：与导航拉开层级 */
.hero .lead-p{font-size:16.5px}

/* ---- 5.3 内页（功能 / 怎么用 / 价格 / 常见问题 / 对比 / 法务） ---- */
.crumb{font-size:13.5px!important}
.pg-head p{font-size:15.5px!important}
.pg-head h1{font-size:clamp(30px,3.9vw,50px)!important}
/* 功能页模块 */
.mod h2{font-size:clamp(22px,2.5vw,32px)}
.mod p{font-size:15px}
.mod-copy li{font-size:14px!important}
.step-body li{font-size:14px!important}
.toc a{font-size:13.5px!important;padding:7px 13px!important}
.flowbar span{font-size:13px!important}
.grp-h{font-size:12.5px!important}
.verdict{font-size:14px!important}
.lead{font-size:14px!important}
.tipbox{font-size:14px!important}
.note{font-size:14px!important}
.note-warn{font-size:14px!important}
.warnbox{font-size:14px!important}
.callout{font-size:14px!important}
.cta-box p{font-size:14.5px!important}
/* 价格页 */
.plan h3{font-size:19px}
.plan .price small{font-size:14px!important}
.vip-note{font-size:13.5px!important}
/* 法务三页：正文是唯一内容，必须够大够好读 */
.law-body p,.law-body li{font-size:15px!important;line-height:1.92!important}
.law-body h2{font-size:20px!important}
.law-body .callout,.law-body .warnbox{font-size:14.5px!important}

/* ============================================================
   6. 内页版面家具 · 让"文字堆积"变"层次分明"
   （features / how / faq / compare / pricing 共用；
     新类名不与页面内联样式冲突，覆盖旧规则一律 !important）
   ============================================================ */

/* ---- 6.1 模块大编号头（功能页） ---- */
.mod-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.mod-num{
  width:54px;height:54px;flex:none;border-radius:14px;background:var(--grad-brand);
  color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:20px;font-weight:800;
  letter-spacing:.02em;box-shadow:0 0 0 1px rgba(168,85,247,.4),0 10px 30px -8px rgba(124,58,237,.85);
}
.mod-tt h2{margin:0 0 5px!important}
.mod-tt .mod-cap{font-size:13px;color:var(--ink-3);font-family:var(--mono);letter-spacing:.05em}
/* 模块交替底色：一眼分清"上一个模块/下一个模块" */
section.mod{transition:background .2s}
section.mod:nth-of-type(even){background:rgba(255,255,255,.016)!important}

/* ---- 6.2 「解决的问题」高亮条：每个模块的锚点 ---- */
.mod-why{
  background:rgba(168,85,247,.10)!important;border:1px solid rgba(168,85,247,.26)!important;
  border-left:3px solid #a855f7!important;border-radius:0 var(--r-sm) var(--r-sm) 0!important;
  padding:12px 16px!important;margin:0 0 18px!important;
  color:var(--ink-2)!important;font-size:14.5px!important;line-height:1.75!important;
}
.mod-why b{color:#e9d5ff!important;margin-right:8px}

/* ---- 6.3 要点卡行：圆点列表 → 勾选卡片 ---- */
.mod-copy ul,.step-body ul{gap:9px!important;margin:18px 0!important}
.mod-copy ul li,.step-body ul li{
  background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.10)!important;
  border-radius:10px!important;padding:11px 14px!important;font-size:14px!important;line-height:1.7!important;
  transition:border-color .18s,background .18s;
}
.mod-copy ul li:hover,.step-body ul li:hover{border-color:rgba(168,85,247,.38)!important;background:rgba(168,85,247,.07)!important}
.mod-copy ul li::before,.step-body ul li::before{
  content:"✓"!important;width:20px!important;height:20px!important;border-radius:50%!important;
  background:rgba(168,85,247,.16)!important;color:#c084fc!important;
  font-size:11px!important;font-weight:800!important;display:grid!important;place-items:center!important;
  margin:0!important;flex:none!important;align-self:center!important;
}
.mod-copy ul li b,.step-body ul li b{color:var(--ink)}

/* ---- 6.4 注意 / 警示条 ---- */
.mod-note{
  background:rgba(103,232,249,.06)!important;border:1px solid rgba(103,232,249,.22)!important;
  border-radius:var(--r-sm)!important;padding:11px 14px!important;
  color:var(--ink-3)!important;font-size:13.5px!important;line-height:1.75!important;
}
.mod-note::before{content:"ⓘ ";color:#67e8f9;font-weight:800}
.mod-warn{
  background:rgba(251,113,133,.08)!important;border:1px solid rgba(251,113,133,.30)!important;
  border-radius:var(--r-sm)!important;padding:11px 14px!important;
  color:#fecdd3!important;font-size:13.5px!important;line-height:1.75!important;
}

/* ---- 6.5 示例面板头：渐变刻度线 ---- */
.panel .ph,.scriptbox .sec{display:flex!important;align-items:center!important;gap:9px}
.panel .ph::before,.scriptbox .sec::before{
  content:"";width:4px;height:14px;border-radius:2px;background:var(--grad-brand);flex:none;
}

/* ---- 6.6 怎么用页：步骤号渐变化 + 步骤连线发光 ---- */
.step-num{
  background:var(--grad-brand)!important;color:#fff!important;border:none!important;
  font-weight:800!important;letter-spacing:.04em;
  box-shadow:0 0 0 1px rgba(168,85,247,.4),0 10px 26px -8px rgba(124,58,237,.8)!important;
}
.step-blk:not(:last-child)::before{background:linear-gradient(180deg,rgba(168,85,247,.55),rgba(168,85,247,.06))!important}
.step-body h2{font-size:24px!important}

/* ---- 6.7 FAQ 卡片化（faq 页 + pricing 页 + 首页 FAQ 共用） ---- */
.faqs details{
  background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;padding:0!important;margin-bottom:10px!important;overflow:hidden;
  transition:border-color .2s,background .2s;
}
.faqs details:first-of-type{border-top:1px solid rgba(255,255,255,.10)!important}
.faqs details:hover{border-color:rgba(168,85,247,.35)!important;background:rgba(255,255,255,.05)!important}
.faqs details[open]{border-color:rgba(168,85,247,.42)!important;background:rgba(168,85,247,.06)!important}
.faqs summary{padding:15px 18px!important;font-size:15px!important}
.faqs .a{padding:0 18px 15px!important}
/* FAQ 分组标题：渐变竖条 + 渐隐横线，一改"小字一行" */
.grp-h{
  display:flex!important;align-items:center!important;gap:12px!important;
  font-size:17px!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:none!important;
  color:var(--ink)!important;background:none!important;border:none!important;
  padding:0!important;margin:36px 0 16px!important;
}
.grp-h::before{content:"";width:6px;height:22px;border-radius:3px;background:var(--grad-brand);
  flex:none;box-shadow:0 0 14px -2px rgba(168,85,247,.8)}
.grp-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(168,85,247,.35),transparent)}

/* ---- 6.8 对比页：五张 vs 卡片化 ---- */
.cat{
  background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;
  padding:34px 34px 30px!important;margin:26px 0!important;
}
.cat:last-of-type{border-bottom:1px solid rgba(255,255,255,.10)!important}
.cat-head{margin-bottom:22px!important}
.cat-head h2{font-size:26px!important;margin-bottom:8px!important}
.cat-head .eyebrow{font-size:11.5px!important;margin-bottom:10px!important;color:#c084fc!important}

/* ---- 6.9 表格斑马纹（全站表格可读性） ---- */
.tbl tbody tr:nth-child(even),table.cmp tbody tr:nth-child(even){background:rgba(255,255,255,.02)}