/* ═══════════ 暗黑主题（黑色背景模式） ═══════════ */
html[data-theme="dark"] {
  --bg: #0c1322; --card: #141d30; --ink: #e7ecf6; --ink-soft: #94a3bd; --ink-faint: #64748d;
  --shadow-sm: 0 2px 10px rgba(0,0,0,.35);
  --shadow: 0 8px 30px rgba(0,0,0,.45);
  --shadow-lg: 0 18px 50px rgba(0,0,0,.55);
  --navy: #0a1120; --navy-2: #14213a; --gold-2: #e8c96a;
  --ok: #34b37a; --blue: #5fa8ed;
}
html[data-theme="dark"] body {
  background: radial-gradient(1200px 500px at 85% -8%, rgba(201,162,39,.05), transparent 60%),
              radial-gradient(900px 420px at -10% 12%, rgba(27,74,138,.1), transparent 55%), #0c1322;
}
html[data-theme="dark"] .card { background: linear-gradient(180deg, #16203a, #131b2e); border-color: rgba(255,255,255,.06); }
html[data-theme="dark"] .card h3 { color: #f0f3fa; }
html[data-theme="dark"] .skeleton { background: linear-gradient(100deg, #1a2440 30%, #222f50 50%, #1a2440 70%); background-size: 200% 100%; }
html[data-theme="dark"] .form-input, html[data-theme="dark"] .form-textarea, html[data-theme="dark"] .form-select { background: #0f1728; border-color: rgba(255,255,255,.12); color: #e7ecf6; }
html[data-theme="dark"] .form-input:focus, html[data-theme="dark"] .form-textarea:focus, html[data-theme="dark"] .form-select:focus { background: #101a30; }
html[data-theme="dark"] .tabbar { background: rgba(12, 19, 34, .86); border-top-color: rgba(255,255,255,.07); }
html[data-theme="dark"] .tab-item { color: #64748d; }
html[data-theme="dark"] .tab-item.on { color: #e7ecf6; }
html[data-theme="dark"] .login-card { background: rgba(20, 29, 48, .88); border-color: rgba(255,255,255,.12); }
html[data-theme="dark"] .mode-tabs, html[data-theme="dark"] .vt-tabs { background: rgba(255,255,255,.06); }
html[data-theme="dark"] .mode-tabs button.on, html[data-theme="dark"] .vt-tabs button.on { background: #1d2a47; color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.35); }
html[data-theme="dark"] .privacy-card, html[data-theme="dark"] .rate-sheet, html[data-theme="dark"] .drawer { background: #141d30; color: #e7ecf6; }
html[data-theme="dark"] .rate-sheet h3 { color: #f0f3fa; }
html[data-theme="dark"] .bubble.other { background: #1b2742; border-color: rgba(255,255,255,.08); color: #e7ecf6; }
html[data-theme="dark"] .bubble.sys { background: rgba(201,162,39,.12); color: #d4b964; }
html[data-theme="dark"] .list-row { border-bottom-color: rgba(255,255,255,.05); }
html[data-theme="dark"] .list-row:hover { background: rgba(201,162,39,.06); }
html[data-theme="dark"] .cal-cell { background: #0f1728; border-color: rgba(255,255,255,.05); }
html[data-theme="dark"] .cal-d { color: #e7ecf6; }
html[data-theme="dark"] .btn-ghost { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.16); color: #e7ecf6; }
html[data-theme="dark"] .pill { background: #141d30; border-color: rgba(255,255,255,.1); color: #94a3bd; }
html[data-theme="dark"] .pill.on { background: #e8c96a; color: #1a1408; border-color: #e8c96a; }
html[data-theme="dark"] .credential { background: linear-gradient(150deg, #1a2237, #141c2e 60%, #1b2030); border-color: rgba(201,162,39,.4); }
html[data-theme="dark"] .status-card { background: linear-gradient(135deg, #16203a, #141a29 60%, #1c2036); border-color: rgba(201,162,39,.2); }
html[data-theme="dark"] .empty-guide { background: linear-gradient(150deg, #16203a, #121a2c); }
html[data-theme="dark"] .quota-circle::before { background: #141d30; }
html[data-theme="dark"] .faq-q { color: #f0f3fa; }
html[data-theme="dark"] .faq-acc { border-color: rgba(255,255,255,.08); }
html[data-theme="dark"] .faq-a { background: rgba(201,162,39,.05); }
html[data-theme="dark"] .case-content { background: #0f1728; }
html[data-theme="dark"] .ai-box { background: rgba(95,168,237,.07); border-color: rgba(95,168,237,.2); color: #cfe3f8; }
html[data-theme="dark"] .ai-hint { background: rgba(95,168,237,.07); border-color: rgba(95,168,237,.2); color: #cfe3f8; }
html[data-theme="dark"] .m-icon { background: linear-gradient(140deg, rgba(95,168,237,.14), rgba(201,162,39,.1)); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 4px 12px rgba(0,0,0,.3); }
html[data-theme="dark"] .pay-amount { background: rgba(201,162,39,.08); border-color: rgba(201,162,39,.25); }
html[data-theme="dark"] .case-lawyer { background: rgba(201,162,39,.07); }
.theme-btn{font-size:.95rem}
html[data-theme="dark"] .watermark-layer::after{color:rgba(255,255,255,.05)}
html[data-theme="dark"] .hero{background:radial-gradient(120% 170% at 82% -18%,rgba(232,201,106,.14),transparent 46%),radial-gradient(90% 130% at 4% 112%,rgba(42,95,168,.3),transparent 55%),linear-gradient(140deg,#060d1c,#0e1c3a 60%,#14315e)}
html[data-theme="dark"] .status-row .btn, .btn { white-space: nowrap !important; }
@media (max-width:400px){ .status-row .btn { padding: 11px 14px; font-size: .82rem; } }
/* 主题切换平滑过渡 */
body,.card,.form-input,.form-textarea,.form-select,.tabbar,.mode-tabs,.vt-tabs,.privacy-card,.rate-sheet,.drawer,.bubble,.cal-cell,.login-card{transition:background .45s ease,color .45s ease,border-color .45s ease}
html[data-theme="dark"] .watermark-layer{background-image:repeating-linear-gradient(-30deg,transparent 0 46px,rgba(255,255,255,.035) 46px 92px)}
html[data-theme="dark"] .chapter{border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .chapter-head{background:#0f1728;color:#f0f3fa}
html[data-theme="dark"] .chapter-body{color:#94a3bd}
html[data-theme="dark"] .sign-canvas{background:#0f1728}
html[data-theme="dark"] .tl-node b{color:#e7ecf6}
html[data-theme="dark"] .doc-head b{color:#f0f3fa}
html[data-theme="dark"] .veri-row b{color:#f0f3fa}
html[data-theme="dark"] .me-name{color:#f0f3fa}
html[data-theme="dark"] .status-main{color:#94a3bd}
html[data-theme="dark"] .status-main.on{color:#f0f3fa}