/* ==============================================================================
 * 必胜律考 CABAR.LTD —— 典藏风统一皮肤（White-Shoe Legal Heritage）
 * ==============================================================================
 * 设计基准：index.php / eval.php 的「英美大律所典藏风」
 *   深海军蓝 #132240→#1b315e + 古铜金 #c8a252/#e2c47e + 衬线标题 + 6px 直角卡片
 *   + FontAwesome 金色图标。
 *
 * ⚠ 作用范围：**仅暗夜模式**（html.cabar-dark-mode）。
 *    浅色模式完全不加任何类、不套任何规则 → 100% 保留各页原浅色样式。
 *    index.php / eval.php 不引入本文件（保持原样）。
 *
 * 接入：在页面 <head> 引入本文件 + assets/js/cabar_heritage.js。
 *    语义色（对/错/提示）保留，仅装饰性图标统一为古铜金。
 * ========================================================================== */

/* ============================ 0. 调色板 ============================ */
:root {
    --ht-navy-950:#0a1730; --ht-navy-900:#0e1d3a; --ht-navy-800:#132240;
    --ht-navy-700:#1b315e; --ht-navy-600:#243f73; --ht-navy-500:#2e4d8a;
    --ht-gold:#c8a252; --ht-gold-light:#e2c47e; --ht-gold-bright:#d4b062;
    --ht-gold-deep:#b88f3d; --ht-gold-ink:#0b1324;
    --ht-green:#2f855a; --ht-green-bright:#34d399;
    --ht-red:#c0392b; --ht-red-bright:#f43f5e;
    --ht-blue:#2b6cb0; --ht-blue-bright:#60a5fa;
    --ht-amber:#b7791f; --ht-purple:#6d5aa8;
    --ht-serif:Georgia,"Times New Roman","Songti SC","Noto Serif SC",serif;
    --ht-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",Roboto,sans-serif;
    --ht-radius:6px;
}
/* 暗夜变量（仅暗夜模式启用） */
html.cabar-dark-mode {
    --ht-bg:var(--ht-navy-800); --ht-surface:rgba(24,42,78,.92); --ht-surface-2:rgba(19,34,64,.85);
    --ht-text:#e8eef7; --ht-text-2:#c3cede; --ht-text-muted:#9aa7bd;
    --ht-border:rgba(200,162,82,.24); --ht-border-soft:rgba(255,255,255,.08);
    --ht-accent:var(--ht-gold-light); --ht-accent-soft:rgba(200,162,82,.14);
    --ht-shadow:0 16px 40px rgba(3,10,26,.55);
    --ht-input-bg:rgba(19,34,64,.72); --ht-input-border:rgba(200,162,82,.28);
    --ht-success:var(--ht-green-bright); --ht-danger:var(--ht-red-bright); --ht-info:var(--ht-blue-bright); --ht-warning:#fbbf24;
}

/* ============================ 1. 画布与排版（暗夜） ============================ */
html.cabar-dark-mode body {
    font-family:var(--ht-sans) !important;
    color:var(--ht-text) !important;
    -webkit-font-smoothing:antialiased;
    background:
        radial-gradient(1000px 520px at 12% 8%, rgba(200,162,82,.08), transparent 62%),
        linear-gradient(160deg,#132240 0%,#1b315e 58%,#101d38 100%) fixed !important;
}
html.cabar-dark-mode h1, html.cabar-dark-mode h2, html.cabar-dark-mode h3,
html.cabar-dark-mode .navbar-brand, html.cabar-dark-mode .brand-serif,
html.cabar-dark-mode .ti-nav-brand {
    font-family:var(--ht-serif) !important; letter-spacing:.3px;
}
html.cabar-dark-mode a { color:var(--ht-accent); }
html.cabar-dark-mode a:hover { color:var(--ht-gold); }

/* 暗夜滚动条 */
html.cabar-dark-mode { scrollbar-width:thin; scrollbar-color:var(--ht-gold) transparent; }
html.cabar-dark-mode ::-webkit-scrollbar { width:10px; height:10px; }
html.cabar-dark-mode ::-webkit-scrollbar-thumb {
    background:linear-gradient(var(--ht-gold-bright),var(--ht-gold-deep)); border-radius:6px; border:2px solid transparent; background-clip:padding-box;
}
html.cabar-dark-mode ::-webkit-scrollbar-track { background:transparent; }

/* ============================ 2. 导航栏（暗夜） ============================ */
html.cabar-dark-mode .navbar-custom, html.cabar-dark-mode .custom-mbe-nav {
    background:rgba(19,34,64,.96) !important;
    backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(200,162,82,.28) !important;
    box-shadow:0 8px 28px rgba(3,10,26,.35) !important;
}
html.cabar-dark-mode .navbar-custom .nav-link { color:#dbe4f0 !important; }
html.cabar-dark-mode .navbar-custom .nav-link:hover { color:#fff !important; }
html.cabar-dark-mode .navbar-custom .navbar-brand { color:#fff !important; }
html.cabar-dark-mode .navbar-custom .text-warning { color:var(--ht-gold-light) !important; }
html.cabar-dark-mode .navbar-custom .text-info { color:#9cc3ff !important; }
html.cabar-dark-mode .navbar-custom .bg-white-10 { background:rgba(255,255,255,.08) !important; }
html.cabar-dark-mode .navbar-custom .nav-link > i.fas,
html.cabar-dark-mode .navbar-custom .navbar-brand i.fas { color:var(--ht-gold-light) !important; }
html.cabar-dark-mode .navbar .dropdown-menu {
    background:#152546 !important; border:1px solid rgba(200,162,82,.45) !important;
    border-radius:var(--ht-radius) !important; box-shadow:0 14px 36px rgba(0,0,0,.5) !important;
}
html.cabar-dark-mode .navbar .dropdown-item { color:#f1f5f9 !important; }
html.cabar-dark-mode .navbar .dropdown-item:hover { background:rgba(200,162,82,.18) !important; color:#fde68a !important; }
html.cabar-dark-mode .navbar .dropdown-divider { border-top-color:rgba(200,162,82,.25) !important; }

/* 后台旧导航（navbar bg-dark）→ 海军蓝 + 金 */
html.cabar-dark-mode .navbar.bg-dark {
    background:linear-gradient(135deg,#132240 0%,#1b315e 100%) !important;
    border-bottom:1px solid rgba(200,162,82,.3) !important; box-shadow:0 6px 20px rgba(3,10,26,.3) !important;
}
html.cabar-dark-mode .navbar.bg-dark .nav-link { color:#dbe4f0 !important; }
html.cabar-dark-mode .navbar.bg-dark .nav-link:hover { color:#fff !important; }
html.cabar-dark-mode .navbar.bg-dark .nav-link.active { color:var(--ht-gold-light) !important; }
html.cabar-dark-mode .navbar.bg-dark .navbar-brand { color:#fff !important; }
html.cabar-dark-mode .navbar.bg-dark .nav-link i.fas,
html.cabar-dark-mode .navbar.bg-dark .navbar-brand i.fas { color:var(--ht-gold-light) !important; }

/* 后台新导航（.ti-nav）→ 海军蓝 + 金 */
html.cabar-dark-mode .ti-nav {
    background:linear-gradient(135deg,#132240 0%,#1b315e 100%) !important;
    border-bottom:1px solid rgba(200,162,82,.3) !important; box-shadow:0 6px 20px rgba(3,10,26,.3) !important;
    border-radius:0 0 var(--ht-radius) var(--ht-radius);
}
html.cabar-dark-mode .ti-nav a { color:#dbe4f0 !important; border-radius:5px; }
html.cabar-dark-mode .ti-nav a:hover { background:rgba(200,162,82,.16) !important; color:#fff !important; }
html.cabar-dark-mode .ti-nav a.ti-nav-active {
    background:linear-gradient(135deg,var(--ht-gold-bright),var(--ht-gold-deep)) !important; color:var(--ht-gold-ink) !important; font-weight:700;
}
html.cabar-dark-mode .ti-nav .ti-nav-brand { color:#fff !important; }
html.cabar-dark-mode .ti-nav .ti-nav-front { color:var(--ht-gold-light) !important; }
html.cabar-dark-mode .ti-nav .ti-nav-out { border-color:rgba(200,162,82,.5) !important; color:#f1f5f9 !important; }
html.cabar-dark-mode .ti-nav i.fas { color:var(--ht-gold-light) !important; margin-right:5px; }
html.cabar-dark-mode .ti-nav a.ti-nav-active i.fas { color:var(--ht-gold-ink) !important; }

/* ============================ 3. 卡片 / 容器（暗夜） ============================ */
html.cabar-dark-mode .card, html.cabar-dark-mode .question-box,
html.cabar-dark-mode .question-card, html.cabar-dark-mode .filter-card,
html.cabar-dark-mode .login-card, html.cabar-dark-mode .plan-card {
    background:var(--ht-surface) !important; border:1px solid var(--ht-border) !important;
    border-radius:var(--ht-radius) !important; box-shadow:var(--ht-shadow) !important; color:var(--ht-text) !important;
}
html.cabar-dark-mode .card-header, html.cabar-dark-mode .card-header.bg-white {
    background:var(--ht-surface-2) !important; border-bottom:1px solid var(--ht-border) !important; color:var(--ht-text) !important;
    border-radius:var(--ht-radius) var(--ht-radius) 0 0 !important;
}
html.cabar-dark-mode .card-footer { background:var(--ht-surface-2) !important; border-top:1px solid var(--ht-border) !important; color:var(--ht-text-muted) !important; }
html.cabar-dark-mode .card-body { color:var(--ht-text) !important; }
html.cabar-dark-mode .bg-white { background:var(--ht-surface) !important; }
html.cabar-dark-mode .bg-light { background:var(--ht-accent-soft) !important; }
html.cabar-dark-mode .border { border-color:var(--ht-border) !important; }
html.cabar-dark-mode hr { border-top-color:var(--ht-border-soft) !important; }

/* ============================ 4. 按钮（暗夜） ============================ */
html.cabar-dark-mode .btn-primary, html.cabar-dark-mode .btn-success,
html.cabar-dark-mode .btn-warning, html.cabar-dark-mode .btn-custom,
html.cabar-dark-mode .btn-gold, html.cabar-dark-mode .btn-warning-custom {
    background:linear-gradient(135deg,var(--ht-gold-bright) 0%,var(--ht-gold-deep) 100%) !important;
    border:1px solid #a37d2f !important; border-radius:var(--ht-radius) !important;
    color:var(--ht-gold-ink) !important; font-weight:700 !important; letter-spacing:.4px;
    box-shadow:0 6px 18px rgba(200,162,82,.22) !important;
}
html.cabar-dark-mode .btn-primary:hover, html.cabar-dark-mode .btn-success:hover,
html.cabar-dark-mode .btn-warning:hover, html.cabar-dark-mode .btn-custom:hover,
html.cabar-dark-mode .btn-gold:hover {
    background:linear-gradient(135deg,#e0be70 0%,#c49b46 100%) !important; color:var(--ht-gold-ink) !important;
    transform:translateY(-1px); box-shadow:0 9px 22px rgba(200,162,82,.32) !important;
}
html.cabar-dark-mode .btn-primary *, html.cabar-dark-mode .btn-success *,
html.cabar-dark-mode .btn-warning * { color:var(--ht-gold-ink) !important; }
html.cabar-dark-mode .btn-danger {
    background:linear-gradient(135deg,#d0564a 0%,#b03a2e 100%) !important; border:1px solid #962d22 !important;
    border-radius:var(--ht-radius) !important; color:#fff !important;
}
html.cabar-dark-mode .btn-outline-primary, html.cabar-dark-mode .btn-outline-secondary,
html.cabar-dark-mode .btn-outline-dark, html.cabar-dark-mode .btn-secondary,
html.cabar-dark-mode .btn-outline-warning, html.cabar-dark-mode .btn-ghost-line {
    background:var(--ht-accent-soft) !important; border:1px solid var(--ht-border) !important;
    border-radius:var(--ht-radius) !important; color:var(--ht-text) !important;
}
html.cabar-dark-mode .btn-outline-primary:hover, html.cabar-dark-mode .btn-outline-secondary:hover,
html.cabar-dark-mode .btn-secondary:hover {
    background:rgba(200,162,82,.22) !important; border-color:var(--ht-gold) !important; color:var(--ht-text) !important;
}
html.cabar-dark-mode .btn-light { background:var(--ht-accent-soft) !important; border:1px solid var(--ht-border) !important; color:var(--ht-text) !important; }

/* ============================ 5. 表单（暗夜） ============================ */
html.cabar-dark-mode .form-control, html.cabar-dark-mode .custom-select {
    background-color:var(--ht-input-bg) !important; border:1px solid var(--ht-input-border) !important;
    border-radius:var(--ht-radius) !important; color:var(--ht-text) !important;
}
html.cabar-dark-mode .form-control:focus, html.cabar-dark-mode .custom-select:focus {
    border-color:var(--ht-gold) !important; box-shadow:0 0 0 .18rem rgba(200,162,82,.22) !important;
    background-color:var(--ht-input-bg) !important; color:var(--ht-text) !important;
}
html.cabar-dark-mode .form-control::placeholder { color:var(--ht-text-muted) !important; opacity:.8; }
html.cabar-dark-mode .input-group-text { background:var(--ht-surface-2) !important; border:1px solid var(--ht-input-border) !important; color:var(--ht-accent) !important; }
html.cabar-dark-mode label { color:var(--ht-text-2); }
html.cabar-dark-mode .custom-control-input:checked ~ .custom-control-label::before { background-color:var(--ht-gold) !important; border-color:var(--ht-gold) !important; }

/* ============================ 6. 表格（暗夜） ============================ */
html.cabar-dark-mode .table { color:var(--ht-text) !important; }
html.cabar-dark-mode .table thead th {
    background:var(--ht-surface-2) !important; border-color:var(--ht-border) !important; color:var(--ht-text-2) !important;
    font-family:var(--ht-serif) !important; letter-spacing:.3px;
}
html.cabar-dark-mode .table td, html.cabar-dark-mode .table th { border-color:var(--ht-border-soft) !important; }
html.cabar-dark-mode .table-hover tbody tr:hover { background:var(--ht-accent-soft) !important; }
html.cabar-dark-mode .table-striped tbody tr:nth-of-type(odd) { background:rgba(200,162,82,.05) !important; }
html.cabar-dark-mode .list-group-item { background:var(--ht-surface) !important; border-color:var(--ht-border-soft) !important; color:var(--ht-text) !important; }

/* ============================ 7. 徽章 / 标签（暗夜） ============================ */
html.cabar-dark-mode .badge-info, html.cabar-dark-mode .badge-primary,
html.cabar-dark-mode .badge-secondary, html.cabar-dark-mode .badge-light {
    background:var(--ht-accent-soft) !important; border:1px solid var(--ht-border) !important;
    color:var(--ht-text) !important; border-radius:5px !important;
}
html.cabar-dark-mode .navbar .badge { border:none !important; }
html.cabar-dark-mode .badge-success { background:rgba(47,133,90,.16) !important; color:var(--ht-success) !important; border:1px solid rgba(47,133,90,.4) !important; }
html.cabar-dark-mode .badge-danger { background:rgba(192,57,43,.14) !important; color:var(--ht-danger) !important; border:1px solid rgba(192,57,43,.4) !important; }
html.cabar-dark-mode .badge-warning { background:rgba(200,162,82,.18) !important; color:var(--ht-accent) !important; border:1px solid var(--ht-border) !important; }

/* ============================ 8. 提示框（暗夜） ============================ */
html.cabar-dark-mode .alert-success { background:rgba(47,133,90,.12) !important; border:1px solid rgba(47,133,90,.35) !important; color:var(--ht-success) !important; border-radius:var(--ht-radius) !important; }
html.cabar-dark-mode .alert-info { background:rgba(43,108,176,.12) !important; border:1px solid rgba(43,108,176,.35) !important; color:var(--ht-info) !important; border-radius:var(--ht-radius) !important; }
html.cabar-dark-mode .alert-warning { background:rgba(200,162,82,.14) !important; border:1px solid var(--ht-border) !important; color:var(--ht-accent) !important; border-radius:var(--ht-radius) !important; }
html.cabar-dark-mode .alert-danger { background:rgba(192,57,43,.12) !important; border:1px solid rgba(192,57,43,.35) !important; color:var(--ht-danger) !important; border-radius:var(--ht-radius) !important; }

/* ============================ 9. 弹窗（暗夜） ============================ */
html.cabar-dark-mode .modal-content, html.cabar-dark-mode .custom-modal-box,
html.cabar-dark-mode .ti-dict-card, html.cabar-dark-mode .ti-anno-modal-box {
    background:var(--ht-surface) !important; border:1px solid var(--ht-border) !important;
    border-radius:var(--ht-radius) !important; box-shadow:var(--ht-shadow) !important; color:var(--ht-text) !important;
}
html.cabar-dark-mode .modal-header, html.cabar-dark-mode .modal-footer { border-color:var(--ht-border) !important; }
html.cabar-dark-mode .custom-modal-overlay { background:rgba(4,8,16,.72) !important; backdrop-filter:blur(6px); }
html.cabar-dark-mode .close { color:var(--ht-text-muted) !important; text-shadow:none !important; }

/* ============================ 10. 刷题选项（暗夜） ============================ */
html.cabar-dark-mode .option-item, html.cabar-dark-mode .eval-opt,
html.cabar-dark-mode .review-opt-item {
    background:var(--ht-surface) !important; border:1px solid var(--ht-border) !important;
    border-radius:var(--ht-radius) !important; color:var(--ht-text) !important;
}
html.cabar-dark-mode .option-item:hover, html.cabar-dark-mode .eval-opt:hover {
    background:var(--ht-accent-soft) !important; border-color:var(--ht-gold) !important;
}
html.cabar-dark-mode .option-item.active-opt, html.cabar-dark-mode .option-item.selected,
html.cabar-dark-mode .eval-opt.selected {
    background:rgba(200,162,82,.16) !important; border:1.5px solid var(--ht-gold) !important; color:#fef3c7 !important;
}
html.cabar-dark-mode .review-opt-item.is-correct-opt { background:rgba(47,133,90,.14) !important; border:1.5px solid var(--ht-success) !important; }
html.cabar-dark-mode .review-opt-item.is-user-wrong-opt { background:rgba(192,57,43,.12) !important; border:1.5px solid var(--ht-danger) !important; }
html.cabar-dark-mode .analysis-card { background:var(--ht-surface-2) !important; border:1px solid rgba(47,133,90,.4) !important; border-radius:var(--ht-radius) !important; color:var(--ht-text) !important; }

/* ============================ 11. 文字语义色（暗夜） ============================ */
html.cabar-dark-mode .text-muted { color:var(--ht-text-muted) !important; }
html.cabar-dark-mode .text-dark { color:var(--ht-text) !important; }
html.cabar-dark-mode .text-secondary { color:var(--ht-text-2) !important; }
html.cabar-dark-mode .text-primary { color:var(--ht-info) !important; }
html.cabar-dark-mode .text-success { color:var(--ht-success) !important; }
html.cabar-dark-mode .text-danger { color:var(--ht-danger) !important; }
html.cabar-dark-mode .text-warning { color:var(--ht-accent) !important; }
html.cabar-dark-mode .text-white { color:#fff !important; }
html.cabar-dark-mode .text-info { color:var(--ht-info) !important; }

/* ============================ 12. 图标统一（暗夜·装饰→古铜金） ============================ */
html.cabar-dark-mode .card-header i.fas, html.cabar-dark-mode .card-header i.far,
html.cabar-dark-mode .card-header i.fab, html.cabar-dark-mode .ti-nav-brand i.fas,
html.cabar-dark-mode h1 i.fas, html.cabar-dark-mode h2 i.fas,
html.cabar-dark-mode h3 i.fas, html.cabar-dark-mode h4 i.fas,
html.cabar-dark-mode h5 i.fas { color:var(--ht-accent) !important; }
html.cabar-dark-mode .ht-gold { color:var(--ht-accent) !important; }

/* ============================ 13. 主题切换按钮（FA 图标版，全局控件样式） ============================ */
.cabar-theme-toggle, .cabar-theme-toggle-outside, .ht-theme-fab {
    display:inline-flex; align-items:center; justify-content:center;
    width:36px; height:36px; padding:0; border-radius:50%;
    border:1px solid rgba(200,162,82,.5); background:rgba(200,162,82,.12);
    color:#e2c47e; font-size:1rem; line-height:1; cursor:pointer;
    transition:background .2s,border-color .2s,transform .15s; -webkit-tap-highlight-color:transparent;
}
.cabar-theme-toggle:hover, .cabar-theme-toggle-outside:hover, .ht-theme-fab:hover {
    background:rgba(200,162,82,.24); border-color:#c8a252; transform:translateY(-1px);
}
.cabar-theme-toggle:active, .ht-theme-fab:active { transform:scale(.94); }
.cabar-theme-toggle i, .cabar-theme-toggle-outside i, .ht-theme-fab i { color:inherit !important; }
.ht-theme-fab {
    position:fixed; right:18px; bottom:18px; z-index:9998; width:44px; height:44px;
    box-shadow:0 8px 24px rgba(3,10,26,.4); backdrop-filter:blur(8px);
    background:linear-gradient(135deg,#1b315e,#132240);
}
.ht-theme-fab:hover { background:linear-gradient(135deg,#243f73,#1b315e); }
.cabar-theme-toggle-outside { display:none; }
@media (max-width:991.98px) { .navbar-custom .cabar-theme-toggle-outside { display:inline-flex; } }

/* [2026-11-15] 后台导航条内的主题切换按钮（.ti-nav 体系）——
 * 深色导航底 #23282f 上金色圆钮一眼可见；有文字标签模式也可扩展。 */
.ti-nav .ti-nav-toggle {
    margin-left:10px; width:32px; height:32px; font-size:.9rem;
    border-color:rgba(200,162,82,.75); background:rgba(200,162,82,.18);
    color:#e2c47e; flex:0 0 auto; align-self:center;
}
.ti-nav .ti-nav-toggle:hover { background:rgba(200,162,82,.32); border-color:#c8a252; color:#f4dc9f; transform:translateY(-1px); }

/* ============================ 14. 付费链路专属（暗夜） ============================ */
html.cabar-dark-mode .plan-card.active { border-color:var(--ht-gold) !important; background:var(--ht-accent-soft) !important; box-shadow:0 8px 25px rgba(200,162,82,.2) !important; }
html.cabar-dark-mode .plan-price { color:var(--ht-danger) !important; font-family:var(--ht-serif) !important; }
html.cabar-dark-mode .pay-method-btn { background:var(--ht-surface) !important; border:1px solid var(--ht-border) !important; border-radius:var(--ht-radius) !important; color:var(--ht-text) !important; }
html.cabar-dark-mode .pay-method-btn.active { background:linear-gradient(135deg,var(--ht-gold-bright),var(--ht-gold-deep)) !important; border-color:transparent !important; color:var(--ht-gold-ink) !important; }
html.cabar-dark-mode .pay-method-btn i.fab { margin-right:6px; }

/* ============================ 15. 进度条 / 统计卡（暗夜） ============================ */
html.cabar-dark-mode .ti-progress, html.cabar-dark-mode .progress { background:var(--ht-accent-soft) !important; border-radius:99px; }
html.cabar-dark-mode .progress-bar { background:linear-gradient(90deg,var(--ht-gold-bright),var(--ht-gold-deep)) !important; }
html.cabar-dark-mode .medal-score-card { background:linear-gradient(135deg,rgba(200,162,82,.18) 0%,rgba(27,49,94,.5) 100%) !important; border:1px solid rgba(200,162,82,.4) !important; border-radius:var(--ht-radius) !important; }

/* ============================ 16. 多选下拉 / 词典 / 批注（暗夜） ============================ */
html.cabar-dark-mode .ti-msel .ti-msel-btn { background:var(--ht-input-bg) !important; border-color:var(--ht-input-border) !important; color:var(--ht-text) !important; }
html.cabar-dark-mode .ti-msel-panel { background:var(--ht-surface) !important; border:1px solid var(--ht-border) !important; box-shadow:var(--ht-shadow) !important; }
html.cabar-dark-mode .ti-msel .ti-msel-opt { color:var(--ht-text-2) !important; border-bottom:1px solid var(--ht-border-soft) !important; }
html.cabar-dark-mode .ti-msel .ti-msel-opt:hover { background:var(--ht-accent-soft) !important; color:var(--ht-text) !important; }

/* ============================ 17. 页脚（暗夜） ============================ */
html.cabar-dark-mode footer { border-top:1px solid var(--ht-border) !important; color:var(--ht-text-muted) !important; }

/* ============================ 18. 过渡（仅切换瞬间） ============================ */
html.cabar-theme-anim, html.cabar-theme-anim body { transition:background-color .25s ease,color .25s ease; }

/* ============================ 19. 响应式微调（暗夜） ============================ */
@media (max-width:767.98px) {
    html.cabar-dark-mode .question-box { border-radius:8px !important; }
    .ht-theme-fab { right:12px; bottom:12px; }
}