/* ========== 调色板 (CSS 变量只在 .fun-mode 激活时生效) ========== */
        body.fun-mode {
            --fun-bg-warm-1: #FFF8E7;
            /* 奶油白 */
            --fun-bg-warm-2: #FAEBD7;
            /* 羊皮纸 */
            --fun-bg-warm-3: #F5E6D3;
            /* 焦糖奶油 */
            --fun-pink: #F8C8DC;
            /* 玫瑰粉 */
            --fun-mint: #C8E6D9;
            /* 薄荷绿 */
            --fun-blue: #B3E0FF;
            /* 天空蓝 */
            --fun-yellow: #FFE5A0;
            /* 蛋黄黄 */
            --fun-lavender: #C8B6E2;
            /* 淡紫 */
            --fun-coral: #FFB5A7;
            /* 珊瑚橙 */
            --fun-gold: #D4A574;
            /* 复古金 */
            --fun-rose: #E8A0BF;
            /* 玫瑰粉(深) */
            --fun-text: #6B4423;
            /* 巧克力棕文字 (中) */
            --fun-text-soft: #8B6F47;
            /* 浅棕文字 */
            /* 🆕 v4.71: 高奢白弹窗配色 */
            --fun-lux-white: #FFFEFB;
            /* 珍珠白主背景 */
            --fun-lux-cream: #FAF6EC;
            /* 奶白副背景 */
            --fun-lux-card: #FFFFFF;
            /* 纯白卡片 */
            --fun-lux-border: rgba(184, 134, 87, 0.28);
            /* 香槟金边 */
            --fun-lux-border-strong: rgba(184, 134, 87, 0.5);
            --fun-lux-text: #3E2723;
            /* 深巧克力 (主文字) */
            --fun-lux-text-soft: #5D4037;
            /* 中棕 (副文字) */
            --fun-lux-text-mute: #8D6E63;
            /* 浅棕 (说明文字) */
            --fun-lux-gold: #B8860B;
            /* 香槟金 (高亮) */
            --fun-lux-rose: #C97B9E;
            /* 玫瑰金 (品牌点) */
            --fun-lux-shadow: 0 8px 24px rgba(139, 90, 43, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.8);
            --fun-lux-shadow-sm: 0 2px 8px rgba(139, 90, 43, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.7);
            /* 🆕 v4.72: 藏青 (余额/数字) + 墨绿 (技能说明文字) */
            --fun-navy: #1A3A52;
            /* 藏青 (主数字/余额) */
            --fun-navy-deep: #0F2438;
            /* 深藏青 (强调) */
            --fun-navy-soft: #2C5478;
            /* 浅藏青 (次要) */
            --fun-ink-green: #1B5E20;
            /* 墨绿 (技能说明文字主色) */
            --fun-ink-green-deep: #0D3D14;
            /* 深墨绿 (强调) */
            --fun-ink-green-soft: #2E7D32;
            /* 浅墨绿 (次要) */
        }

        /* ========== 整页背景：羊皮纸暖色 + 微噪点 ========== */
        body.fun-mode {
            background: linear-gradient(135deg, #FFF8E7 0%, #FAEBD7 50%, #F5E6D3 100%) !important;
            background-attachment: fixed !important;
        }

        body.fun-mode::before {
            content: '';
            position: fixed;
            inset: 0;
            pointer-events: none;
            z-index: 0;
            background-image: radial-gradient(circle at 20% 30%, rgba(248, 200, 220, 0.25) 0%, transparent 35%),
                radial-gradient(circle at 80% 20%, rgba(184, 224, 255, 0.22) 0%, transparent 40%),
                radial-gradient(circle at 70% 80%, rgba(255, 229, 160, 0.28) 0%, transparent 35%),
                radial-gradient(circle at 30% 75%, rgba(200, 230, 217, 0.22) 0%, transparent 40%);
        }

        body.fun-mode::after {
            content: '';
            position: fixed;
            inset: 0;
            pointer-events: none;
            z-index: 0;
            /* 极细的马卡龙小圆点纹理 */
            background-image: radial-gradient(circle, rgba(212, 165, 116, 0.06) 1px, transparent 1.5px);
            background-size: 24px 24px;
        }

        /* 文字颜色改成巧克力棕（不再刺眼的白/霓虹） */
        body.fun-mode,
        body.fun-mode #view-lucky,
        body.fun-mode #view-lucky * {
            color: var(--fun-text, #6B4423);
        }

        body.fun-mode .text-gradient-gold,
        body.fun-mode .text-gradient-silver,
        body.fun-mode .text-gradient-red,
        body.fun-mode .text-gradient-green,
        body.fun-mode .text-gradient-blue,
        body.fun-mode .text-gradient-purple {
            -webkit-text-fill-color: var(--fun-text, #6B4423);
            background: none;
            animation: none;
            filter: none;
            font-weight: 800;
        }

        body.fun-mode .text-gradient-gold {
            color: var(--fun-gold, #D4A574);
        }

        /* 🆕 v4.87: 币种品牌色 (btc/eth/bnb/sol/xrp/newcoin) 在 fun-mode 米色背景上原本的亮色渐变对比度严重不足 → 改用深色 brand color
           特异性: (0,4,1) + !important, 比 body.fun-mode .wallet-coin-row .wallet-coin-header .val (0,3,1) 更高 */
        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-btc,
        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-eth,
        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-bnb,
        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-sol,
        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-xrp,
        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-newcoin {
            -webkit-text-fill-color: currentColor !important;
            background: none !important;
            animation: none !important;
            filter: none !important;
            font-weight: 800 !important;
        }

        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-btc {
            color: #8B6914 !important;
        }

        /* 深金棕 (BTC) */
        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-eth {
            color: #3B4A8E !important;
        }

        /* 深靛蓝 (ETH) */
        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-bnb {
            color: #996515 !important;
        }

        /* 深古金 (BNB) */
        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-sol {
            color: #0E7350 !important;
        }

        /* 深翠绿 (SOL) */
        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-xrp {
            color: #3F4654 !important;
        }

        /* 深炭灰 (XRP) */
        body.fun-mode .wallet-coin-row .wallet-coin-header .val.text-gradient-newcoin {
            color: var(--fun-gold, #D4A574);
        }

        /* NewCoin 用 fun-gold */

        /* ========== 玻璃卡片：奶油色 + 柔阴影（不再是黑色玻璃） ========== */
        body.fun-mode .lucky-glass-card,
        body.fun-mode .lucky-machine-card {
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 247, 231, 0.7) 100%) !important;
            backdrop-filter: blur(8px) saturate(110%) !important;
            -webkit-backdrop-filter: blur(8px) saturate(110%) !important;
            border: 2px solid rgba(212, 165, 116, 0.35) !important;
            box-shadow: 0 8px 24px rgba(212, 165, 116, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
            border-radius: 20px !important;
            color: var(--fun-text) !important;
        }

        body.fun-mode .lucky-glass-card *,
        body.fun-mode .lucky-machine-card * {
            color: var(--fun-text) !important;
        }

        /* ========== 进度条容器 — 奶油色卡片风 ========== */
        body.fun-mode .luck-meter-vertical {
            background: rgba(255, 255, 255, 0.85) !important;
            border: 1.5px solid rgba(212, 165, 116, 0.4) !important;
            box-shadow: 0 4px 16px rgba(212, 165, 116, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
            backdrop-filter: blur(8px) !important;
            -webkit-backdrop-filter: blur(8px) !important;
        }

        body.fun-mode .luck-meter-vertical .luck-track,
        body.fun-mode .luck-meter-vertical #burst-track-wrapper {
            background: rgba(212, 165, 116, 0.18) !important;
            box-shadow: inset 0 2px 4px rgba(139, 90, 43, 0.18) !important;
        }

        body.fun-mode .luck-meter-vertical #luck-progress-bar {
            background: linear-gradient(0deg, #D4A574 0%, #B8860B 100%) !important;
            box-shadow: 0 0 10px rgba(212, 165, 116, 0.55) !important;
        }

        body.fun-mode .luck-meter-vertical #burst-progress-bar {
            background: linear-gradient(0deg, #D4A574, #B8860B) !important;
            box-shadow: 0 0 8px rgba(212, 165, 116, 0.45) !important;
        }

        body.fun-mode .luck-meter-vertical .text-gradient-red,
        body.fun-mode .luck-meter-vertical .text-gradient-silver,
        body.fun-mode .luck-meter-vertical span[id$="-display"],
        body.fun-mode .luck-meter-vertical span[id$="-value"] {
            color: var(--fun-gold, #B8860B) !important;
        }

        body.fun-mode .luck-meter-vertical div[style*="color: #cbd5e1"],
        body.fun-mode .luck-meter-vertical span[style*="color: #94a3b8"] {
            color: #8B6F47 !important;
        }

        body.fun-mode .luck-meter-vertical [style*="background: rgba(0,0,0,0.15)"] {
            background: rgba(212, 165, 116, 0.12);
        }

        /* ========== 转盘外圈：复古黄铜 + 马卡龙蝴蝶结 ========== */
        body.fun-mode .lucky-wheel-outer {
            background: linear-gradient(135deg, #D4A574 0%, #E8C496 50%, #D4A574 100%) !important;
            box-shadow: 0 12px 30px rgba(212, 165, 116, 0.4),
                inset 0 2px 8px rgba(255, 255, 255, 0.5),
                inset 0 -2px 8px rgba(139, 90, 43, 0.3) !important;
            border: 4px solid #C8956A !important;
        }

        body.fun-mode .lucky-wheel-outer::after {
            background: linear-gradient(135deg, rgba(255, 247, 231, 0.5) 0%, rgba(248, 200, 220, 0.4) 50%, rgba(184, 224, 255, 0.4) 100%) !important;
            border: 3px dashed rgba(212, 165, 116, 0.5) !important;
        }

        /* ========== 转盘内圈：马卡龙 7 色扇区 ========== */
        body.fun-mode .lucky-wheel-inner {
            background: conic-gradient(from -25.71deg,
                    var(--fun-pink, #F8C8DC) 0deg 51.43deg,
                    var(--fun-blue, #B3E0FF) 51.43deg 102.86deg,
                    var(--fun-mint, #C8E6D9) 102.86deg 154.29deg,
                    var(--fun-yellow, #FFE5A0) 154.29deg 205.71deg,
                    var(--fun-coral, #FFB5A7) 205.71deg 257.14deg,
                    var(--fun-lavender, #C8B6E2) 257.14deg 308.57deg,
                    var(--fun-rose, #E8A0BF) 308.57deg 360deg) !important;
            border: 4px solid #C8956A !important;
            box-shadow: inset 0 0 30px rgba(212, 165, 116, 0.3),
                inset 0 0 10px rgba(255, 255, 255, 0.4) !important;
        }

        /* ========== 扇区标签：手写感字体 + 巧克力棕文字 ========== */
        body.fun-mode .wheel-label-neon {
            font-family: 'Caveat', 'Comic Sans MS', cursive, sans-serif !important;
            color: var(--fun-text, #6B4423) !important;
            text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7),
                2px 2px 3px rgba(212, 165, 116, 0.3) !important;
            font-weight: 700 !important;
        }

        body.fun-mode .wheel-label-neon b {
            color: var(--fun-text, #6B4423) !important;
            font-size: 0.85em !important;
            font-weight: 800 !important;
        }

        /* ========== 中心 SPIN 按钮：复古黄铜 + 手写体 LUCKY ========== */
        /* 🆕 v5.01: border / font-size 改用 cqw 跟圆圈等比
              修复: 原 border:3px + font-size:1.4rem 是固定像素, 在 38-44px 圆圈里塞 22.4px 字
                    → "SPIN" 4 字符约 50px > 圆圈直径, 文字溢出被截
              修复: border:0.8cqw (相对转盘) + font-size:8cqw (相对转盘, 圆圈是 24cqw 装得下)
                    公式: 4 字符 × 0.6 字宽 × 8cqw = 4.8 × 0.27 = ... 实际: 4×0.6×8×2.7px=51.8px < 圆圈 64.8px ✓ */
        body.fun-mode .lucky-wheel-core {
            background: radial-gradient(circle at 30% 30%, #FFE5A0 0%, #D4A574 70%, #8B6F47 100%) !important;
            color: var(--fun-text, #6B4423) !important;
            border: 0.8cqw solid #C8956A !important;
            box-shadow: 0 4px 12px rgba(139, 90, 43, 0.4),
                inset 0 2px 4px rgba(255, 255, 255, 0.6),
                inset 0 -2px 4px rgba(139, 90, 43, 0.4) !important;
            text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) !important;
            animation: none !important;
            font-family: 'Caveat', cursive, sans-serif !important;
            font-size: 8cqw !important;
            font-weight: 800 !important;
        }

        /* ========== 指针：仙女棒 SVG 替代赛博箭头 ========== */
        /* 🆕 v4.89: 指针深色填充 (修复 url(#funPointerGrad) 引用不存在 → 实际 transparent 的 bug)
              原代码 fill: url(#funPointerGrad) 但 SVG <defs> 里没这个 gradient ID,
              浏览器解析失败回退到 none, 指针变成透明的看不到
              修复: 用深巧克力棕直接填充 + 香槟金边, 配 pointer glow 金色光晕 */
        body.fun-mode #lucky-pointer svg path:first-child {
            fill: #3E2723 !important;
            stroke: var(--fun-gold, #D4A574) !important;
            stroke-width: 3 !important;
            filter: drop-shadow(0 2px 4px rgba(62, 39, 35, 0.5)) drop-shadow(0 0 8px rgba(212, 165, 116, 0.5)) !important;
        }

        /* 中间圆: 奶白高光, 让指针有 "宝石" 感 */
        body.fun-mode #lucky-pointer svg circle {
            fill: var(--fun-lux-white, #FFFEFB) !important;
            filter: drop-shadow(0 0 4px rgba(212, 165, 116, 0.6)) !important;
        }

        /* ========== 按钮：奶油白 + 复古金边 + 巧克力棕文字 ========== */
        /* 🆕 v5.01: 背景加深 + 加 box-shadow 内描边, 解决 fun-mode 移动端按钮"消失"
              原 bug: .lucky-btn-neon 背景 #FFFCF5→#FFF0D6 跟 body.fun-mode 背景 #FFF8E7→#F5E6D3
                      几乎同色, 移动端没有明显边框感 → 按钮融在背景里看不见
              修复: 背景加深到马卡龙粉→马卡龙黄, border 加深到 2.5px, 加 inset box-shadow 内描边 */
        body.fun-mode .lucky-btn-neon {
            background: linear-gradient(145deg, #FFE8D6 0%, #FFD7A8 100%) !important;
            color: var(--fun-text, #6B4423) !important;
            border: 2.5px solid var(--fun-gold, #C8956A) !important;
            box-shadow: 0 4px 12px rgba(212, 165, 116, 0.35),
                inset 0 1px 0 rgba(255, 255, 255, 0.8),
                inset 0 -2px 4px rgba(139, 90, 43, 0.15) !important;
            text-shadow: none !important;
            animation: none !important;
            transition: all 0.3s ease !important;
            font-family: 'Caveat', cursive, sans-serif !important;
            font-size: 1.05em !important;
        }

        body.fun-mode .lucky-btn-neon:hover {
            background: linear-gradient(145deg, #FFF5DC 0%, #FFE5A0 100%);
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(212, 165, 116, 0.4);
        }

        body.fun-mode .lucky-btn-neon:active {
            transform: translateY(0);
        }

        body.fun-mode .lucky-btn-neon.btn-spin-1,
        body.fun-mode .lucky-btn-neon.btn-spin-10,
        body.fun-mode .lucky-btn-neon.btn-spin-100 {
            background: linear-gradient(145deg, #FFE8D6 0%, #FFD7A8 100%) !important;
            color: var(--fun-text) !important;
        }

        /* 🆕 v5.01: cyber-btn 同问题 — 加深背景防"消失" */
        body.fun-mode .cyber-btn {
            background: linear-gradient(145deg, #FFE8D6, #FFD7A8) !important;
            color: var(--fun-text) !important;
            border: 2.5px solid var(--fun-gold, #C8956A) !important;
            box-shadow: 0 4px 12px rgba(212, 165, 116, 0.35),
                inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
            text-shadow: none !important;
        }

        /* ========== 奖池面板：马卡龙粉 + 玫瑰金边 ========== */
        body.fun-mode #lucky-jackpot-ui {
            background: linear-gradient(135deg, #FFE5E5 0%, #F8C8DC 100%) !important;
            border: 2px solid var(--fun-rose, #E8A0BF) !important;
            box-shadow: 0 6px 20px rgba(232, 160, 191, 0.3) !important;
        }

        body.fun-mode #lucky-jackpot-ui * {
            color: var(--fun-text) !important;
        }

        /* ========== 规则说明：奶油色卡片 ========== */
        body.fun-mode #lucky-rules-ui {
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.7), rgba(255, 247, 231, 0.5)) !important;
            border: 2px solid rgba(212, 165, 116, 0.35) !important;
        }

        body.fun-mode #lucky-rules-ui * {
            color: var(--fun-text) !important;
        }

        /* ========== 全网抽奖计数器：糖果粉胶囊 ========== */
        body.fun-mode .global-real-spins-container {
            background: linear-gradient(135deg, rgba(248, 200, 220, 0.4), rgba(255, 229, 160, 0.4)) !important;
            border: 2px solid var(--fun-rose, #E8A0BF) !important;
            color: var(--fun-text) !important;
        }

        body.fun-mode .pulse-dot {
            background: var(--fun-rose) !important;
            box-shadow: 0 0 6px var(--fun-rose) !important;
        }

        /* ========== 🆕 v4.72: Logo 去掉阴影框, 干净显示 ========== */
        body.fun-mode .lucky-hero-logo {
            filter: none !important;
        }

        /* ========== 跑马灯：奶油背景 ========== */
        body.fun-mode div[style*="lucky-drop-broadcasts-container"] {
            color: var(--fun-text-soft);
        }

        /* ========== 转盘 wrapper — 高奢白底（fun-mode 专属） ========== */
        body.fun-mode .lucky-wheel-wrapper {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 247, 231, 0.55) 100%) !important;
            border: 1px solid rgba(212, 165, 116, 0.25) !important;
            box-shadow: 0 4px 16px rgba(212, 165, 116, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
        }

        body.fun-mode .luck-meter-vertical [style*="background: rgba(0,0,0,0.15)"] {
            background: rgba(212, 165, 116, 0.12);
        }

        /* ========== 主题外观按钮 active — 高奢金棕（覆盖默认暗色背景） ========== */
        body.fun-mode .theme-btn-active,
        body.fun-mode .lucky-cream-btn.active,
        body.fun-mode .lucky-cream-btn.is-active {
            background: linear-gradient(135deg, #D4A574, #B8860B);
            color: #FFFFFF;
            box-shadow: 0 2px 6px rgba(184, 134, 11, 0.3);
            border: 1px solid #B8860B;
        }

        /* ========== 切换开关：糖果胶囊 ========== */
        .fun-mode-toggle {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 14px;
            background: linear-gradient(135deg, #FFFCF5, #FAEBD7);
            border: 2px solid rgba(212, 165, 116, 0.4);
            border-radius: 30px;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            font-size: 0.85em;
            color: var(--fun-text, #6B4423);
            font-weight: 700;
            user-select: none;
            box-shadow: 0 2px 8px rgba(212, 165, 116, 0.2);
        }

        .fun-mode-toggle:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(212, 165, 116, 0.3);
        }

        .fun-mode-toggle .toggle-knob {
            width: 32px;
            height: 18px;
            background: rgba(212, 165, 116, 0.3);
            border-radius: 9px;
            position: relative;
            transition: background 0.3s;
        }

        .fun-mode-toggle .toggle-knob::after {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            width: 14px;
            height: 14px;
            background: white;
            border-radius: 50%;
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        body.fun-mode .fun-mode-toggle .toggle-knob {
            background: linear-gradient(135deg, #E8A0BF, #F8C8DC);
        }

        body.fun-mode .fun-mode-toggle .toggle-knob::after {
            transform: translateX(14px);
            background: #FFF8E7;
            box-shadow: 0 2px 6px rgba(232, 160, 191, 0.5);
        }

        /* ========== 切换入口 #2: 转盘下方勾选框 ========== */
        .fun-mode-checkbox-wrap {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin: 12px 0 4px 0;
            padding: 6px 12px;
            border-radius: 20px;
            cursor: pointer;
            user-select: none;
            font-size: 0.85em;
            font-weight: 700;
            color: rgba(255, 255, 255, 0.65);
            border: 1px dashed rgba(255, 255, 255, 0.18);
            transition: all 0.3s ease;
        }

        .fun-mode-checkbox-wrap:hover {
            color: #ffd700;
            border-color: rgba(255, 215, 0, 0.4);
            background: rgba(255, 215, 0, 0.05);
        }

        .fun-mode-checkbox-box {
            width: 18px;
            height: 18px;
            border: 1.5px solid rgba(255, 255, 255, 0.35);
            border-radius: 5px;
            background: rgba(0, 0, 0, 0.3);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            flex-shrink: 0;
        }

        .fun-mode-checkbox-tick {
            font-size: 13px;
            font-weight: 900;
            color: #fff;
            opacity: 0;
            transform: scale(0.4);
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            line-height: 1;
        }

        body.fun-mode .fun-mode-checkbox-wrap {
            color: var(--fun-text, #6B4423);
            border-color: rgba(212, 165, 116, 0.5);
            background: rgba(255, 252, 245, 0.6);
        }

        body.fun-mode .fun-mode-checkbox-wrap:hover {
            background: rgba(255, 252, 245, 0.9);
            box-shadow: 0 2px 8px rgba(212, 165, 116, 0.25);
        }

        body.fun-mode .fun-mode-checkbox-box {
            background: linear-gradient(135deg, #E8A0BF, #F8C8DC);
            border-color: #C97B9E;
        }

        body.fun-mode .fun-mode-checkbox-tick {
            color: #6B4423;
        }

        /* 勾选态: 整体高亮 + 复选框打钩 */
        .fun-mode-checkbox-wrap.checked .fun-mode-checkbox-box {
            background: linear-gradient(135deg, #ffd700, #ffae00);
            border-color: #ffd700;
            box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
        }

        .fun-mode-checkbox-wrap.checked .fun-mode-checkbox-tick {
            opacity: 1;
            transform: scale(1);
        }

        body.fun-mode .fun-mode-checkbox-wrap.checked .fun-mode-checkbox-box {
            background: linear-gradient(135deg, #6B4423, #A0764F);
            border-color: #6B4423;
            box-shadow: 0 0 10px rgba(107, 68, 35, 0.4);
        }

        body.fun-mode .fun-mode-checkbox-wrap.checked .fun-mode-checkbox-tick {
            color: #FFF8E7;
        }

        /* ========== 过渡层：花瓣绽放 + 整页褪色 ========== */
        #fun-mode-transition {
            position: fixed;
            inset: 0;
            z-index: 999999;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.4s ease;
            /* 整层提前提升到独立合成层，避免动画中触发重绘 */
            will-change: opacity;
            transform: translateZ(0);
            -webkit-transform: translateZ(0);
            /* contain: paint 仅裁剪绘制，不阻断事件传递 (strict 会拦截 mobile 端 click) */
            contain: paint;
        }

        #fun-mode-transition.active {
            opacity: 1;
            pointer-events: all;
        }

        /* 第一阶段：整页褪色至白色（0.5s） */
        #fun-mode-transition .transition-blur {
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at center, #FFF8E7 0%, #FAEBD7 100%);
            opacity: 0;
            will-change: opacity;
        }

        #fun-mode-transition.phase-1 .transition-blur {
            opacity: 1;
            animation: fadeInWhite 0.5s ease forwards;
        }

        @keyframes fadeInWhite {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        /* 第二阶段：花瓣绽放粒子（0.5s） */
        #fun-mode-transition .petals {
            position: absolute;
            inset: 0;
            opacity: 0;
            will-change: opacity, transform;
        }

        #fun-mode-transition.phase-2 .petals {
            opacity: 1;
            animation: petalsBurst 1.0s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        }

        @keyframes petalsBurst {
            0% {
                opacity: 0;
                transform: scale(0);
            }

            50% {
                opacity: 1;
                transform: scale(1.2);
            }

            100% {
                opacity: 0;
                transform: scale(2);
            }
        }

        /* 🆕 v4.73: 花瓣飞舞 - CSS 主导, 3 关键帧抛物线 + GPU 加速
           起点 (0%) → 上升峰 (45%) → 下落终点 (100%)
           旋转方向由 --petal-rot 决定, 720° 自转 */
        #fun-mode-transition .petal {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 20px;
            height: 20px;
            border-radius: 50% 0 50% 50%;
            transform-origin: center;
            /* 🚀 性能: 提前声明 GPU 合成层 + 动画结束后释放 */
            will-change: transform, opacity;
            transform: translate(-50%, -50%) translateZ(0);
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            /* 0.6s 抛物线 (从 v4.71 的 1.2s 提速) */
            animation: petalFly 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
        }

        @keyframes petalFly {

            /* 起点: 中心, scale 0.3, 不可见 */
            0% {
                transform: translate(-50%, -50%) translateZ(0) translate(0, 0) rotate(0deg) scale(0.3);
                opacity: 0;
            }

            /* 18% 弹出: 仍居中, scale 1.3, 渐显 */
            18% {
                transform: translate(-50%, -50%) translateZ(0) translate(0, 0) rotate(var(--petal-rot, 360deg) * 0.25) scale(1.3);
                opacity: 1;
            }

            /* 45% 上升峰: 水平 40%, 垂直 -40% (抛物线顶点) */
            45% {
                transform: translate(-50%, -50%) translateZ(0) translate(calc(var(--petal-tx, 0px) * 0.4), calc(var(--petal-ty, 0px) * -0.4)) rotate(var(--petal-rot, 360deg) * 0.55) scale(1.0);
                opacity: 1;
            }

            /* 100% 下落: 水平 100%, 垂直 100% (含重力偏移), scale 0.5, 淡出 */
            100% {
                transform: translate(-50%, -50%) translateZ(0) translate(var(--petal-tx, 0px), var(--petal-ty, 0px)) rotate(var(--petal-rot, 720deg)) scale(0.5);
                opacity: 0;
            }
        }

        /* 📱 移动端 / 减少动效: 不再硬跳过过渡层, 由 JS 端 profile 缩放动效参数
           仅在真正需要极致降级 (无障碍) 时才隐藏花瓣 */
        @media (prefers-reduced-motion: reduce) {
            #fun-mode-transition .petal {
                display: none;
            }
        }

        /* 📱 移动端: 关闭欢乐盘下所有 backdrop-filter (移动 GPU 跑不动模糊合成) */
        @media (max-width: 768px) {

            body.fun-mode .lucky-glass-card,
            body.fun-mode .lucky-machine-card,
            body.fun-mode #lucky-jackpot-ui,
            body.fun-mode #lucky-rules-ui,
            body.fun-mode .modal-content,
            body.fun-mode .toast {
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }
        }

        /* ============================================================
           🆕 v4.71: 高奢白弹窗 / 卡片 / 通知 统一覆盖
           设计原则: 珍珠白底 + 香槟金边 + 深巧克力文字 + 适度留彩
           适用元素: 弹窗 / 卡片 / Toast / 侧边菜单 / 钱包行
           ============================================================ */

        /* === 1) 所有弹窗 modal-content: 珍珠白 + 香槟金边 + 香槟阴影 === */
        body.fun-mode .modal-content {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%) !important;
            border: 1.5px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
            box-shadow: var(--fun-lux-shadow) !important;
            text-shadow: none !important;
        }

        body.fun-mode .modal-header {
            border-bottom: 1px solid var(--fun-lux-border) !important;
        }

        body.fun-mode .modal-header h3,
        body.fun-mode .modal-content h3 {
            color: var(--fun-lux-text) !important;
            text-shadow: none !important;
        }

        body.fun-mode .modal-content p,
        body.fun-mode .modal-content span,
        body.fun-mode .modal-content div {
            color: var(--fun-lux-text) !important;
        }

        body.fun-mode .modal-content .text-muted,
        body.fun-mode .modal-content [class*="muted"] {
            color: var(--fun-lux-text-soft);
        }

        body.fun-mode .close-btn {
            background: var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
        }

        body.fun-mode .close-btn:hover {
            background: var(--fun-lux-border-strong);
        }

        /* === 2) 弹窗蒙层 overlay: 柔化（不要死黑） === */
        body.fun-mode .modal-overlay {
            background: rgba(107, 68, 35, 0.35) !important;
            /* 巧克力棕半透, 比纯黑柔和 */
        }

        /* === 3) 技能说明弹窗: 每张技能卡高奢白 + 左侧彩色色条 === */
        body.fun-mode #skill-help-modal .modal-content>div:not(.modal-header) {
            color: var(--fun-lux-text) !important;
        }

        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div {
            background: var(--fun-lux-card) !important;
            border: 1px solid var(--fun-lux-border) !important;
            border-left-width: 4px !important;
            box-shadow: var(--fun-lux-shadow-sm) !important;
            color: var(--fun-lux-text) !important;
        }

        /* 4 张卡分别有自己的 border-color (让左侧色条更醒目) */
        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div:nth-child(1) {
            border-left-color: #B8860B !important;
        }

        /* 幸运折扣 → 香槟金 */
        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div:nth-child(2) {
            border-left-color: #C97B9E !important;
        }

        /* 幸运翻倍 → 玫瑰金 */
        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div:nth-child(3) {
            border-left-color: #2E7D32 !important;
        }

        /* Sol Lucky → 深绿 (深色背景上提亮) */
        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div:nth-child(4) {
            border-left-color: #1565C0 !important;
        }

        /* 以太来咯 → 深蓝 */
        /* 技能名: 用深一档的对应色, 不再是刺眼霓虹 */
        body.fun-mode #skill-help-modal strong[data-i18n="lucky.skillDiscount"] {
            color: #8B6914 !important;
        }

        body.fun-mode #skill-help-modal strong[data-i18n="lucky.skillDouble"] {
            color: #AD1457 !important;
        }

        body.fun-mode #skill-help-modal strong[data-i18n="lucky.skillSol"] {
            color: #1B5E20 !important;
        }

        body.fun-mode #skill-help-modal strong[data-i18n="lucky.skillEth"] {
            color: #0D47A1 !important;
        }

        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div>div>span {
            color: var(--fun-lux-text-soft) !important;
        }

        /* === 4) 签到 / 抽奖结果 / 抽奖记录 / 余额不足 / 提现 / 评论 弹窗 === */
        body.fun-mode #checkin-modal .modal-content,
        body.fun-mode #spin-result-modal-wrapper .modal-content,
        body.fun-mode #spin-history-modal .modal-content,
        body.fun-mode #insufficient-modal .modal-content,
        body.fun-mode #withdraw-modal .modal-content,
        body.fun-mode #comment-modal-wrapper .modal-content {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%) !important;
            border: 1.5px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
            box-shadow: var(--fun-lux-shadow) !important;
        }

        body.fun-mode #checkin-modal h3,
        body.fun-mode #spin-result-modal-wrapper h3,
        body.fun-mode #spin-history-modal h3,
        body.fun-mode #insufficient-modal h3,
        body.fun-mode #withdraw-modal h3,
        body.fun-mode #comment-modal-wrapper h3 {
            color: var(--fun-lux-text) !important;
            text-shadow: none !important;
        }

        /* 签到日历 / 抽奖结果条目 / 记录列表的子项, 全部白底深字 */
        body.fun-mode #checkin-calendar-grid>*,
        body.fun-mode #spin-result-items>*,
        body.fun-mode #spin-history-list>*,
        body.fun-mode #checkin-modal>.modal-content>div[style*="rgba(0,0,0,0.2)"] {
            background: var(--fun-lux-card) !important;
            border: 1px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
            box-shadow: var(--fun-lux-shadow-sm) !important;
        }

        body.fun-mode #checkin-modal .checkin-day-cell {
            color: var(--fun-lux-text);
        }

        body.fun-mode #checkin-modal .checkin-day-header {
            color: var(--fun-lux-text);
            background: transparent;
        }

        body.fun-mode #checkin-modal #checkin-days-display {
            color: var(--fun-lux-gold) !important;
            text-shadow: none !important;
        }

        body.fun-mode #checkin-modal #checkin-month-display {
            color: var(--fun-lux-text) !important;
        }

        /* 弹窗底部按钮区 (含浅色 / 边框) */
        body.fun-mode #insufficient-modal button[style*="rgba(255,255,255,0.05)"],
        body.fun-mode #checkin-modal>.modal-content>div[style*="rgba(0,0,0,0.2)"] {
            background: var(--fun-lux-cream) !important;
            color: var(--fun-lux-text) !important;
            border: 1px solid var(--fun-lux-border) !important;
        }

        /* 余额不足标题红 → 改深玫红 (白底可读) */
        body.fun-mode #insufficient-modal h3 {
            color: #C2185B !important;
        }

        /* 抽奖记录紫色标题 → 改深紫 */
        body.fun-mode #spin-history-modal h3 {
            color: #6A1B9A !important;
        }

        /* === 5) Toast 通知: 珍珠白 + 香槟金边 + 深字 === */
        body.fun-mode .toast {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%);
            color: var(--fun-lux-text);
            border: 1px solid var(--fun-lux-border-strong);
            border-left: 4px solid var(--fun-lux-gold);
            box-shadow: 0 10px 30px rgba(139, 90, 43, 0.20), 0 0 16px rgba(184, 134, 87, 0.18);
            text-shadow: none;
            font-weight: 600;
        }

        /* 成功 / 错误 / 警告 / 信息 toast - 不同左边色 */
        body.fun-mode .toast[style*="border-left-color:#38bdf8"] {
            border-left-color: #1976D2;
        }

        body.fun-mode .toast[style*="border-left-color:#facc15"] {
            border-left-color: #F57C00;
        }

        body.fun-mode .toast[style*="border-left-color:#10b981"] {
            border-left-color: #2E7D32;
        }

        body.fun-mode .toast[style*="border-left-color:#ef4444"] {
            border-left-color: #C62828;
        }

        body.fun-mode .toast[style*="border-left-color:#f43f5e"] {
            border-left-color: #AD1457;
        }

        /* === 6) 钱包行 wallet-coin-row: 珍珠白 === */
        body.fun-mode .wallet-coin-row {
            background: linear-gradient(145deg, var(--fun-lux-card) 0%, var(--fun-lux-cream) 100%) !important;
            border: 1px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
            box-shadow: var(--fun-lux-shadow-sm) !important;
        }

        body.fun-mode .wallet-coin-row.ready {
            border-color: #1976D2;
            background: linear-gradient(145deg, #E3F2FD 0%, #BBDEFB 100%);
            box-shadow: 0 0 12px rgba(25, 118, 210, 0.20);
        }

        body.fun-mode .wallet-coin-row.full {
            border-color: #2E7D32;
            background: linear-gradient(145deg, #E8F5E9 0%, #C8E6C9 100%);
            box-shadow: 0 0 12px rgba(46, 125, 50, 0.20);
        }

        body.fun-mode .wallet-coin-header span,
        body.fun-mode .wallet-coin-header .val,
        body.fun-mode .wallet-coin-header .mono {
            color: var(--fun-lux-text) !important;
        }

        body.fun-mode .wallet-coin-header .val.text-gradient-gold {
            color: #B8860B !important;
        }

        body.fun-mode .wallet-max-val {
            color: var(--fun-lux-text-soft) !important;
        }

        body.fun-mode #usd-btc,
        body.fun-mode #usd-eth,
        body.fun-mode #usd-bnb,
        body.fun-mode #usd-sol,
        body.fun-mode #usd-xrp,
        body.fun-mode #usd-newcoin {
            color: #5D4037 !important;
            text-shadow: 0 1px 2px rgba(184, 134, 11, 0.1);
        }

        /* === 7) 收益卡片 lucky-earn-card: 珍珠白 === */
        body.fun-mode .lucky-earn-card {
            background: linear-gradient(145deg, var(--fun-lux-card) 0%, var(--fun-lux-cream) 100%) !important;
            border: 1.5px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
            box-shadow: var(--fun-lux-shadow-sm) !important;
        }

        body.fun-mode .lucky-earn-card *,
        body.fun-mode .lucky-earn-card .lucky-ref-earned {
            color: var(--fun-lux-text) !important;
            text-shadow: none !important;
        }

        body.fun-mode .lucky-earn-card .lucky-ref-earned {
            color: var(--fun-lux-gold) !important;
        }

        /* 累计分佣大数字: 深蓝渐变 (白底可读) */
        body.fun-mode .lucky-earn-card .lucky-ref-earned {
            background: linear-gradient(90deg, #1565C0, #42A5F5, #0D47A1, #1565C0) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            filter: drop-shadow(0 2px 6px rgba(21, 101, 192, 0.3)) !important;
        }

        /* === 8) 侧边菜单: 用 var(--card-light) 已适配, 但背景遮罩要柔化 === */
        body.fun-mode #side-menu-overlay {
            background: rgba(107, 68, 35, 0.30) !important;
            /* 巧克力棕半透 */
        }

        body.fun-mode #side-menu-content {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%) !important;
            border-left: 1.5px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
        }

        body.fun-mode .side-lang-btn {
            color: var(--fun-lux-text) !important;
        }

        /* === 9) 移动端返回大厅按钮: 改成白底深字 === */
        body.fun-mode .mobile-lucky-back {
            background: var(--fun-lux-white) !important;
            color: var(--fun-lux-text) !important;
            border: 1px solid var(--fun-lux-border) !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            font-weight: 700;
        }

        /* === 10) AI 聊天窗口 / 邀请好友卡片 (luck 域中所有 modal 兜底) === */
        body.fun-mode .ai-chat-window {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%) !important;
            border: 1.5px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
        }

        /* 🆕 v4.89: AI 客服文字可读性修复 — 区分 user / ai 气泡
              痛点: 原 .chat-msg 一刀切, user 消息蓝底白字会被改成深棕字 → 蓝底深棕字对比度差
                    AI 消息用 var(--text-main), dark-mode + fun-mode 组合下变浅色字 → 看不清
              修复: user 保留蓝底白字 (品牌色), ai 用深巧克力棕字 + 暖白底 (米色调友好)
              不用 backdrop-filter 灰遮罩 (user 明确禁止) */
        body.fun-mode .chat-msg.ai {
            background: var(--fun-lux-card, #FFFFFF) !important;
            border: 1px solid var(--fun-lux-border, rgba(184, 134, 87, 0.28)) !important;
            color: #3E2723 !important;
            box-shadow: var(--fun-lux-shadow-sm) !important;
        }

        body.fun-mode .chat-msg.user {
            background: linear-gradient(135deg, #38bdf8, #0284c7);
            color: #FFFFFF;
            border-color: transparent;
        }

        /* 人工客服转接提示 inline 颜色覆写 */
        body.fun-mode .chat-msg.ai [style*="color: #94a3b8"] {
            color: #8B6F47;
        }

        body.fun-mode .chat-msg.ai [style*="color: #10b981"] {
            color: #047857;
        }

        body.fun-mode .ai-chat-input {
            background: var(--fun-lux-card) !important;
            color: var(--fun-lux-text) !important;
            border-color: var(--fun-lux-border) !important;
        }

        /* === 11) 修正: 转盘机器上的小标签 (脉冲点) === */
        body.fun-mode .lucky-skill-grid,
        body.fun-mode .skill-badge {
            background: var(--fun-lux-card);
            color: var(--fun-lux-text);
            border-color: var(--fun-lux-border);
        }

        /* === 12) 优化: 文字渐变色 → 切到深色 (白底可读) === */
        body.fun-mode .text-gradient-gold {
            color: #B8860B !important;
            background: none !important;
            -webkit-text-fill-color: #B8860B !important;
        }

        body.fun-mode .text-gradient-silver {
            color: #6B6B6B !important;
        }

        body.fun-mode .text-gradient-red {
            color: #C62828 !important;
        }

        body.fun-mode .text-gradient-green {
            color: #2E7D32 !important;
        }

        body.fun-mode .text-gradient-blue {
            color: #1565C0;
        }

        body.fun-mode .text-gradient-purple {
            color: #6A1B9A;
        }

        /* === 13) 🆕 v4.72: 余额/数字统一藏青色 ===
               覆盖: 钱包行的 val/big数字/总价值/分佣/爆能/勾选框/按钮金额
        === */
        body.fun-mode .wallet-coin-row .wallet-coin-header .val,
        body.fun-mode .wallet-coin-row .wallet-max-val,
        body.fun-mode .lucky-ref-earned,
        body.fun-mode .global-real-spins-container .mono,
        body.fun-mode #fs-balance-value,
        body.fun-mode .fs-banner-pulse,
        body.fun-mode .lucky-level-display,
        body.fun-mode .skill-count,
        body.fun-mode .lucky-vip-pill,
        body.fun-mode [class*="mono"][id$="-val"],
        body.fun-mode #lucky-jackpot-ui .lucky-jackpot-num,
        body.fun-mode #lucky-rules-ui .lucky-rules-num {
            color: var(--fun-navy) !important;
            text-shadow: none !important;
        }

        body.fun-mode .wallet-coin-row .val.text-gradient-gold,
        body.fun-mode .global-real-spins-container .val {
            color: var(--fun-navy-deep) !important;
            font-weight: 900 !important;
        }

        body.fun-mode .lucky-ref-earned {
            /* 收益大数字: 藏青渐变 (替代之前的深蓝/霓虹金) */
            background: linear-gradient(90deg, #0F2438 0%, #1A3A52 50%, #0F2438 100%) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            background-size: 200% auto !important;
            animation: navyFlow 3s linear infinite !important;
            filter: drop-shadow(0 2px 6px rgba(15, 36, 56, 0.3)) !important;
        }

        @keyframes navyFlow {
            0% {
                background-position: 0% center;
            }

            100% {
                background-position: 200% center;
            }
        }

        body.fun-mode #lucky-wallet-total-usd,
        body.fun-mode #modal-wallet-total-usd {
            color: var(--fun-navy-deep) !important;
            font-weight: 900 !important;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
        }

        /* 按钮金额 (单抽 20U 等): 藏青 */
        body.fun-mode .lucky-btn-neon small,
        body.fun-mode .lucky-btn-neon .text-gradient-silver,
        body.fun-mode .lucky-btn-neon .text-gradient-gold {
            color: var(--fun-navy) !important;
        }

        /* 技能槽里的 10/25/45 等倒数: 藏青 + 粗体 */
        body.fun-mode .skill-badge[data-active="true"],
        body.fun-mode .skill-badge .mono {
            color: var(--fun-navy-deep);
        }

        /* === 14) 🆕 v4.72: 技能文字说明等用高奢白底 + 墨绿色文本 ===
               覆盖: 技能说明弹窗/规则/碎片说明/帮助提示/钱包说明
        === */
        body.fun-mode #skill-help-modal,
        body.fun-mode #lucky-rules-ui {
            background: var(--fun-lux-white) !important;
            color: var(--fun-ink-green) !important;
        }

        body.fun-mode #skill-help-modal h3,
        body.fun-mode #lucky-rules-ui h4,
        body.fun-mode #lucky-rules-ui .lucky-rules-title,
        body.fun-mode .lucky-ref-rules .lucky-rules-section-title {
            color: var(--fun-ink-green-deep) !important;
            text-shadow: none !important;
        }

        body.fun-mode #skill-help-modal p,
        body.fun-mode #skill-help-modal span,
        body.fun-mode #skill-help-modal div,
        body.fun-mode #lucky-rules-ui p,
        body.fun-mode #lucky-rules-ui li,
        body.fun-mode #lucky-rules-ui .lucky-rules-text {
            color: var(--fun-ink-green) !important;
        }

        /* 技能说明卡片: 高奢白底 + 墨绿文字 + 左侧墨绿色条 */
        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div {
            background: var(--fun-lux-card) !important;
            border: 1px solid var(--fun-lux-border) !important;
            color: var(--fun-ink-green) !important;
            box-shadow: var(--fun-lux-shadow-sm) !important;
        }

        /* 4 张技能卡左侧色条保留 v4.71 色彩 (作为视觉区分) */
        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div:nth-child(1) {
            border-left: 4px solid #B8860B !important;
        }

        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div:nth-child(2) {
            border-left: 4px solid #C97B9E !important;
        }

        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div:nth-child(3) {
            border-left: 4px solid #1B5E20 !important;
        }

        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div:nth-child(4) {
            border-left: 4px solid #0D47A1 !important;
        }

        /* 技能名: 深墨绿, 不再是刺眼霓虹 */
        body.fun-mode #skill-help-modal strong,
        body.fun-mode #skill-help-modal strong[data-i18n^="lucky.skill"] {
            color: var(--fun-ink-green-deep) !important;
            text-shadow: none !important;
        }

        /* 技能描述正文: 墨绿 + 略轻字重 (易读) */
        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div>div>span,
        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div>div {
            color: var(--fun-ink-green) !important;
            line-height: 1.5 !important;
        }

        /* 技能图标: 保留彩色 (作为视觉标识), 但加墨绿描边, 让色彩"内嵌"于整体白绿风格 */
        body.fun-mode #skill-help-modal>.modal-content>div:not(.modal-header)>div>span {
            filter: drop-shadow(0 0 3px rgba(27, 94, 32, 0.25)) !important;
        }

        /* 推广规则/伞下规则等卡片: 墨绿 */
        body.fun-mode .lucky-ref-rules {
            background: var(--fun-lux-white) !important;
            border: 1px solid var(--fun-lux-border) !important;
            color: var(--fun-ink-green) !important;
        }

        body.fun-mode .lucky-ref-rules *,
        body.fun-mode .lucky-ref-rules .lucky-level-display,
        body.fun-mode .lucky-ref-rules .lucky-agent-rate {
            color: var(--fun-ink-green) !important;
            text-shadow: none !important;
        }

        body.fun-mode .lucky-ref-rules .lucky-level-display {
            color: var(--fun-ink-green-deep) !important;
            font-weight: 900 !important;
        }

        /* 邀请链接输入框: 墨绿边 */
        body.fun-mode .lucky-ref-link,
        body.fun-mode .lucky-input-dark {
            background: var(--fun-lux-card) !important;
            border: 1px solid var(--fun-lux-border) !important;
            color: var(--fun-ink-green) !important;
        }

        body.fun-mode .lucky-input-dark::placeholder {
            color: var(--fun-lux-text-mute);
        }

        /* 🆕 v5.59: 「成为代理 尊享团队收益」遮罩在 fun-mode 下的奶油色匹配
           痛点: app.js (line 6614) 创建 #agent-activation-overlay 时硬编码了赛博风背景
                 (linear-gradient rgba(15,23,42,0.95) → rgba(30,41,59,0.98)),
                 fun-mode 下整个 .lucky-ref-rules 已是奶油白底, 唯独这个深色遮罩很突兀
           修法: 把深色 overlay 改成奶油白渐变 + 香槟金边 + 深墨绿文字, 跟周边风格统一 */
        body.fun-mode #agent-activation-overlay {
            background: linear-gradient(180deg, rgba(255, 254, 251, 0.96) 0%, rgba(255, 240, 214, 0.98) 100%);
            border: 1.5px solid var(--fun-lux-border);
        }

        body.fun-mode #agent-activation-overlay div[data-i18n="lucky.becomeAgentTitle"] {
            /* 「成为代理 尊享团队收益」标题 — 改成香槟金渐变 (赛博风是 fde047→f59e0b 金黄, fun-mode 用深金棕更稳重) */
            background: linear-gradient(135deg, #B8860B 0%, #8B5A2B 100%);
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
            filter: drop-shadow(0 2px 4px rgba(184, 134, 11, 0.3));
        }

        body.fun-mode #agent-activation-overlay div[data-i18n="lucky.becomeAgentDesc"] {
            /* 「激活初级玩咖需支付 200 USDC」描述 — #94a3b8 在浅底上对比度差, 改成深墨绿 */
            color: var(--fun-ink-green-deep);
        }

        /* === 16) 🆕 v4.77: 顶部下拉菜单 (钱包 / 语言 / 侧边栏) 高奢白覆盖
              修复: fun-mode 下 is-lucky-mode 暗色规则仍生效的问题
              优先级: body.fun-mode.* 后置 > body.is-lucky-mode.* 前置 === */
        body.fun-mode .lang-menu,
        body.fun-mode .wallet-dropdown-menu {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%) !important;
            border: 1.5px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
            box-shadow: 0 10px 25px rgba(139, 90, 43, 0.18), 0 0 12px rgba(184, 134, 87, 0.10) !important;
            backdrop-filter: blur(8px) !important;
            -webkit-backdrop-filter: blur(8px) !important;
        }

        body.fun-mode .lang-menu div,
        body.fun-mode .wallet-menu-item {
            color: var(--fun-lux-text) !important;
            border-bottom-color: var(--fun-lux-border) !important;
        }

        body.fun-mode .lang-menu div:hover,
        body.fun-mode .wallet-menu-item:hover {
            background: var(--fun-lux-cream);
            color: var(--fun-lux-gold);
        }

        body.fun-mode .wallet-dropdown-menu>div[style*="height: 1px"] {
            background: var(--fun-lux-border) !important;
        }

        /* 底部抽屉 / 模态遮罩柔化 */
        body.fun-mode #bs-overlay {
            background: rgba(107, 68, 35, 0.32) !important;
        }

        /* 提现弹窗内部的 select 币种下拉: 浅色 + 深字 */
        body.fun-mode #withdraw-modal select,
        body.fun-mode #private-currency-select,
        body.fun-mode select {
            background: var(--fun-lux-card) !important;
            color: var(--fun-lux-text) !important;
            border: 1px solid var(--fun-lux-border) !important;
        }

        body.fun-mode #withdraw-modal .currency-tag,
        body.fun-mode .currency-tag {
            color: var(--fun-lux-text-soft);
        }

        body.fun-mode #withdraw-modal .amount-input-wrapper input,
        body.fun-mode .amount-input-wrapper input {
            background: var(--fun-lux-card);
            border-color: var(--fun-lux-border);
            color: var(--fun-lux-text);
        }

        body.fun-mode #withdraw-modal .amount-input-wrapper input:focus,
        body.fun-mode .amount-input-wrapper input:focus {
            border-color: var(--fun-lux-gold);
        }

        /* 闪兑/提现 弹窗内的子元素颜色统一覆写 (覆盖内联 #fff / #cbd5e1 等) */
        body.fun-mode #withdraw-modal label,
        body.fun-mode #withdraw-modal p,
        body.fun-mode #withdraw-modal .wd-hint,
        body.fun-mode #flash-swap-modal label,
        body.fun-mode #flash-swap-modal p,
        body.fun-mode #flash-swap-modal>.modal-content>div[style*="color: #cbd5e1"] {
            color: var(--fun-lux-text-soft) !important;
        }

        body.fun-mode #withdraw-modal .mono,
        body.fun-mode #flash-swap-modal .mono {
            color: var(--fun-lux-text) !important;
        }

        /* === 17) 🆕 v4.77: 欢乐盘桌面端性能优化
              痛点: 旧版 backdrop-filter 半径过大 + saturate() + 持续动画 + 多层径向渐变
              策略: 减半径 / 去掉 saturate / 静态化连续动画 / 加 content-visibility 跳过离屏渲染 === */

        /* 17.1 卡片毛玻璃: 8px→4px, 去掉 saturate (后者在低端 GPU 上很贵) */
        body.fun-mode .lucky-glass-card,
        body.fun-mode .lucky-machine-card,
        body.fun-mode .lucky-balance-card,
        body.fun-mode .lucky-earn-card {
            backdrop-filter: blur(4px) !important;
            -webkit-backdrop-filter: blur(4px) !important;
            /* 提示浏览器这个容器内部有重绘边界, 减少祖先链上不必要的重绘 */
            contain: layout style;
        }

        /* 17.2 离屏卡片直接跳过渲染 (滚动时尤其省 GPU) */
        body.fun-mode .lucky-glass-card,
        body.fun-mode .lucky-machine-card,
        body.fun-mode .lucky-earn-card,
        body.fun-mode .lucky-balance-card,
        body.fun-mode .lucky-ref-rules,
        body.fun-mode #lucky-rules-ui {
            content-visibility: auto;
            contain-intrinsic-size: auto 280px;
        }

        /* 17.3 收益大数字: 干掉 navyFlow 持续动画 (3s linear infinite 一直重绘)
              改成静态深色, 视觉差异极小但省一帧持续合成 */
        body.fun-mode .lucky-ref-earned {
            color: var(--fun-navy-deep) !important;
            background: none !important;
            -webkit-background-clip: initial !important;
            -webkit-text-fill-color: var(--fun-navy-deep) !important;
            animation: none !important;
            filter: none !important;
            font-weight: 900 !important;
        }

        /* 17.4 装饰径向渐变: 4 层 → 1 层, 去掉 24px 平铺噪点
              原 ::before 是 4 个 radial-gradient 叠在 fixed 元素上, GPU 一直要合成
              现在只保留最淡的粉色 + 黄色两层, 视觉差异小, 性能收益大 */
        body.fun-mode::before {
            background-image: radial-gradient(circle at 25% 25%, rgba(248, 200, 220, 0.18) 0%, transparent 40%),
                radial-gradient(circle at 75% 75%, rgba(255, 229, 160, 0.16) 0%, transparent 40%) !important;
        }

        body.fun-mode::after {
            /* 关掉 24px 噪点 tile (持续在后台重绘整张 viewport 的固定层, 很贵)
               视觉差异: 失去浅金点纹理, 但已保留马卡龙晕染, 不影响主题氛围 */
            display: none !important;
        }

        /* 17.5 @media (prefers-reduced-motion) 自动降级:
              用户开了"减少动效"系统选项 → 直接关掉所有 backdrop-filter 和持续动画 */
        @media (prefers-reduced-motion: reduce) {

            body.fun-mode .lucky-glass-card,
            body.fun-mode .lucky-machine-card,
            body.fun-mode .lucky-balance-card,
            body.fun-mode .lucky-earn-card,
            body.fun-mode .lucky-ref-rules,
            body.fun-mode #lucky-rules-ui,
            body.fun-mode .modal-content,
            body.fun-mode .toast,
            body.fun-mode .lang-menu,
            body.fun-mode .wallet-dropdown-menu {
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            body.fun-mode::before {
                opacity: 0.5;
            }
        }

        /* === 18) 🆕 v4.78: 欢乐盘全覆盖 (顶部 / 侧栏 / 弹窗全谱)
              设计原则: 浅色 + 香槟金边 + 深巧克力字, 与现有高奢白调色板统一
              覆盖范围: .header (顶栏) + 顶栏所有子元素 + 我的中心/闪兑/代理/编辑 等 modal === */

        /* 18.1 顶部 header: 高奢白磨砂玻璃, 覆盖 is-lucky-mode 的深色 */
        body.fun-mode .header {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%) !important;
            border: 1.5px solid var(--fun-lux-border) !important;
            box-shadow: 0 10px 32px rgba(139, 90, 43, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
            backdrop-filter: blur(12px) saturate(120%) !important;
            -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
        }

        body.fun-mode .header * {
            color: var(--fun-lux-text) !important;
        }

        /* logo svg 颜色过滤掉深色版, 强制深棕 */
        body.fun-mode .header .logo-svg,
        body.fun-mode .header svg {
            filter: none !important;
        }

        /* 搜索框 */
        body.fun-mode .search-wrapper {
            border: 1px solid var(--fun-lux-border) !important;
            background: var(--fun-lux-card) !important;
        }

        body.fun-mode .search-input {
            color: var(--fun-lux-text) !important;
        }

        body.fun-mode .search-input::placeholder {
            color: var(--fun-lux-text-mute);
        }

        body.fun-mode .search-btn {
            background: var(--fun-lux-cream) !important;
            color: var(--fun-lux-text) !important;
            border-left: 1px solid var(--fun-lux-border) !important;
        }

        /* 顶部导航 (WorldCup / 体育 / 政治 / 加密 / ...) */
        body.fun-mode .nav-item {
            color: var(--fun-lux-text-soft) !important;
        }

        body.fun-mode .nav-item:hover {
            background: var(--fun-lux-cream);
            color: var(--fun-lux-gold);
        }

        body.fun-mode .nav-item.active {
            background: linear-gradient(135deg, #D4A574, #B8860B) !important;
            color: #FFF8E7 !important;
            box-shadow: 0 4px 12px rgba(184, 134, 11, 0.3) !important;
        }

        /* 钱包信息胶囊 (右上角: 8686.95 U) */
        body.fun-mode .wallet-info-pill {
            background: var(--fun-lux-card) !important;
            border: 1px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
        }

        body.fun-mode .pill-divider {
            background: var(--fun-lux-border) !important;
        }

        body.fun-mode .balance-amount,
        body.fun-mode .balance-amount * {
            color: var(--fun-navy);
            text-shadow: none;
        }

        /* 连接钱包按钮 */
        body.fun-mode .btn-connect {
            background: linear-gradient(135deg, #D4A574, #B8860B) !important;
            color: #FFF8E7 !important;
            box-shadow: 0 4px 12px rgba(184, 134, 11, 0.25) !important;
        }

        body.fun-mode .btn-connect:hover {
            opacity: 0.92;
        }

        /* 18.2 弹窗全谱: 我的中心 / 闪兑 / 代理激活 / 编辑资料 */
        body.fun-mode #ref-modal-wrapper .modal-content,
        body.fun-mode #ref-modal-wrapper .ref-modal-content,
        body.fun-mode #flash-swap-modal .modal-content,
        body.fun-mode #agent-pay-modal .modal-content,
        body.fun-mode #edit-profile-modal .modal-content {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%) !important;
            border: 1.5px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
            box-shadow: var(--fun-lux-shadow) !important;
            backdrop-filter: blur(12px) !important;
            -webkit-backdrop-filter: blur(12px) !important;
        }

        body.fun-mode #ref-modal-wrapper .modal-content *,
        body.fun-mode #flash-swap-modal .modal-content *,
        body.fun-mode #agent-pay-modal .modal-content *,
        body.fun-mode #edit-profile-modal .modal-content * {
            color: var(--fun-lux-text) !important;
        }

        /* 覆盖内联 #fff (头部 close-btn 等) */
        body.fun-mode #ref-modal-wrapper .modal-header,
        body.fun-mode #flash-swap-modal .modal-header,
        body.fun-mode #agent-pay-modal .modal-header,
        body.fun-mode #edit-profile-modal .modal-header {
            background: linear-gradient(180deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 80%, transparent 100%) !important;
            border-bottom: 1px solid var(--fun-lux-border) !important;
        }

        body.fun-mode #ref-modal-wrapper .close-btn,
        body.fun-mode #flash-swap-modal .close-btn,
        body.fun-mode #agent-pay-modal .close-btn,
        body.fun-mode #edit-profile-modal .close-btn {
            background: var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
        }

        /* 我的中心内的卡片 (头像卡 / 推广规则卡) */
        body.fun-mode #ref-modal-wrapper .lucky-connected-ref>div[style*="background: rgba(0,0,0,0.2)"] {
            background: var(--fun-lux-card);
            border: 1px solid var(--fun-lux-border);
        }

        body.fun-mode #ref-modal-wrapper .lucky-unconnected-ref {
            color: var(--fun-lux-text-soft) !important;
        }

        body.fun-mode #ref-modal-wrapper .lucky-unconnected-ref div {
            color: var(--fun-lux-text-soft) !important;
        }

        body.fun-mode #ref-modal-wrapper .lucky-vip-pill {
            background: linear-gradient(135deg, #B8860B, #D4A574) !important;
            color: #FFF8E7 !important;
        }

        body.fun-mode #ref-modal-wrapper .lucky-ref-earned {
            color: var(--fun-navy-deep) !important;
            background: none !important;
            -webkit-text-fill-color: var(--fun-navy-deep) !important;
            animation: none !important;
        }

        /* 闪兑提现 / 代理激活内的内联深色块覆写 */
        body.fun-mode #flash-swap-modal .lucky-input-dark,
        body.fun-mode #agent-pay-modal .lucky-input-dark,
        body.fun-mode #edit-profile-modal .lucky-input-dark,
        body.fun-mode #edit-profile-modal input[type="text"],
        body.fun-mode #edit-profile-modal input[type="email"] {
            background: var(--fun-lux-card) !important;
            border: 1px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
        }

        body.fun-mode #flash-swap-modal .lucky-input-dark::placeholder,
        body.fun-mode #agent-pay-modal .lucky-input-dark::placeholder {
            color: var(--fun-lux-text-mute);
        }

        /* 18.3 抽奖记录: 子项白底深字 (覆盖内联 rgba(0,0,0,0.2) 块) */
        body.fun-mode #spin-history-list>*,
        body.fun-mode #spin-result-items>* {
            background: var(--fun-lux-card);
            border: 1px solid var(--fun-lux-border);
            color: var(--fun-lux-text);
            box-shadow: var(--fun-lux-shadow-sm);
        }

        body.fun-mode #spin-history-list>*:hover,
        body.fun-mode #spin-result-items>*:hover {
            background: var(--fun-lux-cream);
            border-color: var(--fun-lux-border-strong);
        }

        body.fun-mode #spin-history-list .mono,
        body.fun-mode #spin-result-items .mono {
            color: var(--fun-navy);
        }

        /* 18.4 顶部菜单栏 sub-bar (跑马灯/广播) 在 fun-mode 也浅色化 */
        body.fun-mode .top-nav-menu::-webkit-scrollbar-thumb {
            background: rgba(184, 134, 11, 0.25);
        }

        body.fun-mode .lucky-drop-broadcasts-container {
            color: var(--fun-lux-text-soft) !important;
        }

        /* === 19) 🆕 v4.78 + v4.81: 技能悬浮框重做
              v4.78: 浅色高奢白 + 金边, 去动画, 去 backdrop-filter
              v4.80 (撤回): 试过 position:fixed + CSS 变量, 但 pointerenter 在 capture 模式下不冒泡
                              导致默认 -9999px 让 tooltip 看不见
              v4.81 (现在): 回 position:absolute, 强制父级 overflow:visible, 单纯靠 z-index
                              突破 stacking context (因为父级都没创建 stacking context)
              视觉与 v4.78 完全一致 (高奢白 + 金边) === */
        body.fun-mode .passive-skill-tooltip {
            /* 回 position: absolute, 用 bottom/left 相对 skill item 定位 */
            position: absolute;
            bottom: calc(100% + 10px);
            left: 50%;
            top: auto;
            transform: translateX(-50%) translateY(10px);
            /* 初始偏移, hover 时归位 */
            background: var(--fun-lux-white);
            border: 1.5px solid var(--fun-lux-gold);
            color: var(--fun-lux-text);
            box-shadow: 0 8px 24px rgba(139, 90, 43, 0.20), 0 0 12px rgba(184, 134, 11, 0.10);
            border-radius: 8px;
            backdrop-filter: none;
            -webkit-backdrop-filter: none !important;
            animation: none;
            text-shadow: none;
            z-index: 999999;
            max-width: min(320px, calc(100vw - 32px));
            white-space: normal !important;
        }

        body.fun-mode .passive-skill-tooltip *,
        body.fun-mode .passive-skill-tooltip div,
        body.fun-mode .passive-skill-tooltip b,
        body.fun-mode .passive-skill-tooltip strong {
            color: var(--fun-lux-text);
        }

        /* 技能名/标题: 藏青加粗 (与高奢白形成对比) */
        body.fun-mode .passive-skill-tooltip b,
        body.fun-mode .passive-skill-tooltip strong {
            color: var(--fun-navy-deep);
            font-weight: 800;
        }

        /* 倒数数字: 金色高亮 */
        body.fun-mode .passive-skill-tooltip .mono,
        body.fun-mode .passive-skill-tooltip [class*="mono"] {
            color: var(--fun-lux-gold);
        }

        /* hover/active 状态: 文字色 + 显隐 (用纯 CSS, 不依赖动画) */
        body.fun-mode .passive-skill-item:hover .passive-skill-tooltip,
        body.fun-mode .passive-skill-item:active .passive-skill-tooltip,
        body.fun-mode .passive-skill-item:focus-within .passive-skill-tooltip {
            visibility: visible;
            opacity: 1;
            transform: translateX(-50%) translateY(0);
            background: var(--fun-lux-white);
        }

        /* 🆕 v4.81: 强制父级 overflow: visible, 避免任何容器 (border-radius 隐式 + is-lucky-mode 的 stacking) 切到 tooltip
              这条最关键: 即便 z-index 在 stacking context 内被压, 至少能渲染到边界外 */
        body.fun-mode .lucky-glass-card,
        body.fun-mode .lucky-machine-card,
        body.fun-mode .lucky-balance-card,
        body.fun-mode #lucky-passive-skills,
        body.fun-mode .passive-skill-item,
        body.fun-mode .passive-skill-tooltip {
            overflow: visible !important;
        }

        /* 给 lucky-machine-card 自己的 stacking context, 确保里面的 tooltip 至少能压过兄弟元素 */
        body.fun-mode .lucky-machine-card {
            z-index: 50;
            position: relative;
        }

        /* === 20) 🆕 v4.79: fun-mode 根 CSS 变量重声明
              根因: body.dark-mode 在 main.css 把 --bg-light/--card-light/--text-main 等
                     全重定义成深色, 用户的 dark-mode 偏好 + fun-mode 同时启用时,
                     fun-mode 没有反向覆盖, 导致所有走 var(--bg) / var(--bg-light) / var(--card-light)
                     的元素仍然是深色 (侧边栏菜单项 / 充值 network-card / 提现 modal 等)
              修复: 在 fun-mode 选择器内重新声明根 CSS 变量为浅色, 优先级覆盖 dark-mode
              2026-08-29 token 收敛: 值为原 ui.js 运行时注入的实际生效值 (注入块已删, 写回至此;
              fun-mode.css 晚于 main.css 加载, 同特异性后来者胜, 与注入块昔日胜出关系等价) === */
        body.fun-mode {
            --bg: #FFFCF5;
            --bg-light: #FAF6EC;
            /* 奶白 (与 fun-lux-cream 一致) */
            --card-light: #FFFFFF;
            /* 纯白 */
            --border-light: rgba(184, 134, 11, 0.2);
            /* 香槟金边 */
            --text-main: #0F172A;
            /* 深色主文字 */
            --text-muted: #5D4037;
            /* 中棕 (说明文字) */
            --success: #00C853;
            --home-red: #E53935;
            --away-blue: #00C853;
        }

        /* === 21) 🆕 v4.79: 显式覆写硬编码深色背景 (不走 CSS 变量)
              解决 .lucky-balance-card (硬编码 rgba(15,23,42,0.6)) 等不会响应变量重定义 === */

        /* 21.1 余额卡片: 去掉"灰色遮罩" (原 rgba(15,23,42,0.6) 玻璃 + 暗色 box-shadow) */
        body.fun-mode .lucky-balance-card {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%) !important;
            border: 1.5px solid var(--fun-lux-border) !important;
            box-shadow: var(--fun-lux-shadow) !important;
        }

        body.fun-mode .lucky-balance-card::before {
            /* 原 ::before 是白色高光线, 在浅底上仍然 OK, 不用改 */
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
        }

        /* 21.2 奖品总价值等右侧子卡片: 同处理 */
        body.fun-mode .lucky-balance-card>* {
            color: var(--fun-lux-text) !important;
        }

        body.fun-mode .lucky-balance-card .mono,
        body.fun-mode .lucky-balance-card strong {
            color: var(--fun-navy) !important;
            text-shadow: none !important;
        }

        /* 21.3 侧边栏菜单项 .side-lang-btn: 兜底硬编码 background: var(--bg) (变量已重定义, 但保险) */
        body.fun-mode .side-lang-btn {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%) !important;
            border: 1px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
            box-shadow: 0 2px 8px rgba(139, 90, 43, 0.08) !important;
        }

        body.fun-mode .side-lang-btn:hover {
            background: var(--fun-lux-cream);
            border-color: var(--fun-lux-gold);
            color: var(--fun-lux-gold);
            box-shadow: 0 4px 14px rgba(184, 134, 11, 0.20);
        }

        /* 侧边栏分组标题 (系统与导航 / 主题外观 / 语言 / ...) */
        body.fun-mode #side-menu-content div[style*="text-transform:uppercase"] {
            color: var(--fun-lux-gold) !important;
        }

        /* 21.4 充值弹窗的 .network-card 选项 (BSC / TRON): 兜底覆盖 is-lucky-mode 的 var(--bg-light) */
        body.fun-mode .network-card {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%);
            border: 1.5px solid var(--fun-lux-border);
            color: var(--fun-lux-text);
            box-shadow: var(--fun-lux-shadow-sm);
        }

        body.fun-mode .network-card:hover {
            background: var(--fun-lux-cream);
            border-color: var(--fun-lux-gold);
            box-shadow: 0 6px 18px rgba(184, 134, 11, 0.20);
            transform: translateY(-2px);
        }

        body.fun-mode .net-info h4 {
            color: var(--fun-lux-text);
        }

        body.fun-mode .net-info p {
            color: var(--fun-lux-text-mute);
        }

        body.fun-mode .back-nav {
            color: var(--fun-lux-gold) !important;
        }

        body.fun-mode .back-nav:hover {
            color: var(--fun-navy);
        }

        body.fun-mode .modal-subtitle {
            color: var(--fun-lux-text-soft);
        }

        /* 21.5 提现 / 充值 / 闪兑 / 抽记录 modal 的 .modal-header 内部背景
              之前 sticky header 是深紫蓝 (rgba(11,15,25,...)) → 改浅 */
        body.fun-mode #ref-modal-wrapper .modal-header,
        body.fun-mode #withdraw-modal .modal-header,
        body.fun-mode #flash-swap-modal .modal-header,
        body.fun-mode #spin-history-modal .modal-header,
        body.fun-mode #checkin-modal .modal-header,
        body.fun-mode #insufficient-modal .modal-header,
        body.fun-mode #spin-result-modal-wrapper .modal-header,
        body.fun-mode #comment-modal-wrapper .modal-header {
            background: linear-gradient(180deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 80%, transparent 100%) !important;
            border-bottom: 1px solid var(--fun-lux-border) !important;
        }

        body.fun-mode #ref-modal-wrapper .modal-header h3,
        body.fun-mode #withdraw-modal .modal-header h3,
        body.fun-mode #flash-swap-modal .modal-header h3,
        body.fun-mode #spin-history-modal .modal-header h3,
        body.fun-mode #checkin-modal .modal-header h3,
        body.fun-mode #insufficient-modal .modal-header h3,
        body.fun-mode #spin-result-modal-wrapper .modal-header h3,
        body.fun-mode #comment-modal-wrapper .modal-header h3 {
            color: var(--fun-lux-text) !important;
        }

        /* modal 内部内联背景块 (出现频率很高: 灰色提示卡 / BSC 蓝色提示 / 红色警告 等) */
        body.fun-mode #withdraw-modal .lucky-input-dark,
        body.fun-mode #flash-swap-modal .lucky-input-dark,
        body.fun-mode #ref-modal-wrapper .lucky-input-dark {
            background: var(--fun-lux-card) !important;
            border: 1px solid var(--fun-lux-border) !important;
            color: var(--fun-lux-text) !important;
        }

        /* 提现弹窗的确认按钮 (粉色, fun-mode 下保留品牌粉, 但描边改为金色) */
        body.fun-mode #wd-confirm-btn,
        body.fun-mode #fs-confirm-btn {
            background: linear-gradient(135deg, #ec4899, #be185d) !important;
            color: #fff !important;
            border: 1px solid #f472b6 !important;
            box-shadow: 0 4px 15px rgba(236, 72, 153, 0.3) !important;
        }

        /* 提现 modal 内的"可用余额"行, 把内联 color: #facc15 改成藏青 */
        body.fun-mode #wd-avail-balance,
        body.fun-mode #withdraw-modal strong.mono {
            color: var(--fun-navy) !important;
        }

        /* 21.6 充值弹窗 step 2 内的提示块 (蓝/黄/红框内联背景) - 改成高奢白调 */
        body.fun-mode #vue-deposit-modal [style*="background: rgba(56, 189, 248"],
        body.fun-mode #vue-deposit-modal [style*="background: rgba(245, 158, 11"],
        body.fun-mode #vue-deposit-modal [style*="background: rgba(16, 185, 129"],
        body.fun-mode #vue-deposit-modal [style*="background: rgba(239, 68, 68"] {
            background: var(--fun-lux-cream);
            border-color: var(--fun-lux-border);
            color: var(--fun-lux-text);
        }

        /* 充值弹窗 input 输入框 (USDC / USDT 金额) */
        body.fun-mode #vue-deposit-modal .amount-input-wrapper input,
        body.fun-mode #vue-deposit-modal input[type="number"],
        body.fun-mode #vue-deposit-modal input[type="text"] {
            background: var(--fun-lux-card);
            border: 1.5px solid var(--fun-lux-border);
            color: var(--fun-lux-text);
        }

        body.fun-mode #vue-deposit-modal .currency-tag {
            color: var(--fun-lux-gold);
        }

        /* 充值弹窗的"确认充值"按钮 (蓝色) 和"唤起 TronLink"按钮 (红色) - 保留品牌色但加深字对比 */
        body.fun-mode #vue-deposit-modal .modal-submit-btn {
            color: #fff;
        }

        /* === 22) 🆕 v4.81: 提现 modal 完全照搬 light mode 样式
              痛点: v4.79 改 CSS 变量后, 提现 modal 还有内联 color: #fff / 背景: rgba(...) 等
                     没被覆写, 导致 "白底白字" 或 "深底浅字" 的不匹配
              修复: 不走 CSS 变量, 直接硬编码 light mode 的精确色值, 100% 匹配
              设计: 严格按 light mode (no dark, no is-lucky) 的 .ref-modal-content / #withdraw-modal .modal-content 那一套 === */
        body.fun-mode #withdraw-modal .modal-content {
            background: #FFFFFF !important;
            /* light mode --card-light */
            color: #0F172A !important;
            /* light mode --text-main */
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
        }

        /* 提现 modal 内所有子元素: 强制深色文字 (覆盖内联 #fff / #cbd5e1 / #facc15 等) */
        body.fun-mode #withdraw-modal .modal-content,
        body.fun-mode #withdraw-modal .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #withdraw-modal .modal-content *:not(input):not(textarea) {
            background-color: transparent !important;
        }

        body.fun-mode #withdraw-modal .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #withdraw-modal .modal-header h3 {
            color: #0F172A !important;
        }

        body.fun-mode #withdraw-modal .modal-header h3 * {
            color: #0F172A !important;
        }

        body.fun-mode #withdraw-modal .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        body.fun-mode #withdraw-modal .close-btn:hover {
            background: rgba(0, 0, 0, 0.12);
        }

        body.fun-mode #withdraw-modal .lucky-input-dark,
        body.fun-mode #withdraw-modal input[type="text"],
        body.fun-mode #withdraw-modal input[type="number"] {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #withdraw-modal .lucky-input-dark::placeholder {
            color: #94A3B8;
        }

        body.fun-mode #withdraw-modal .currency-tag,
        body.fun-mode #withdraw-modal .amount-input-wrapper .currency-tag {
            color: #64748B;
            /* light mode --text-muted */
        }

        /* 提现内的"可用余额: X USDC" - 浅色模式默认是 var(--text-main), 但内联了 #facc15, 强制改回深色 */
        body.fun-mode #withdraw-modal #wd-avail-balance,
        body.fun-mode #withdraw-modal strong.mono {
            color: #0F172A !important;
        }

        /* 提现 MAX 按钮 (内联深色背景) */
        body.fun-mode #withdraw-modal button[style*="rgba(245, 158, 11"] {
            background: rgba(245, 158, 11, 0.15);
            border: 1px solid rgba(245, 158, 11, 0.4);
            color: #B45309;
        }

        /* Gas 费提示 (内联 color: #f43f5e 粉色) */
        body.fun-mode #withdraw-modal p[style*="color: #f43f5e"] {
            color: #DC2626 !important;
            /* 浅色模式下的红色提示 */
        }

        /* 提现确认按钮 (粉色, 保留品牌色) */
        body.fun-mode #withdraw-modal #wd-confirm-btn {
            background: linear-gradient(135deg, #ec4899, #be185d) !important;
            color: #FFFFFF !important;
            border: 1px solid #f472b6 !important;
            box-shadow: 0 4px 15px rgba(236, 72, 153, 0.3) !important;
        }

        /* === 23) 🆕 v4.82: 5 个弹窗 body 内部所有深色内联块一锅端
              痛点: v4.79/v4.81 只改了 modal-content 自身 + header, 但内部嵌套的小卡片
                     (BSC/USDT 余额 / 抽奖结果 / 记录项) 都还带着 body.dark-mode 的内联深色
              修复: 一条 [style*="..."] 属性选择器匹配所有内联 rgba 深色块, 强制改浅
              覆盖范围: 提现 / 充值 / 闪兑 / 抽奖结果 / 抽奖记录 / 我的中心 === */

        /* 23.1 内联深色卡 (background: rgba(0,0,0,...)) → 浅米色 */
        body.fun-mode .modal-content [style*="background: rgba(0,0,0"],
        body.fun-mode .modal-content [style*="background:rgba(0,0,0"],
        body.fun-mode .modal-content [style*="background: rgba(15, 23, 42"] {
            background: #F5F0E5 !important;
            /* 米白 */
            color: #0F172A !important;
        }

        /* 内联深色文本 (#cbd5e1 / #94a3b8 / #facc15 等) → 浅色模式对应的深色 */
        body.fun-mode .modal-content [style*="color: #cbd5e1"],
        body.fun-mode .modal-content [style*="color: #94a3b8"] {
            color: #64748B !important;
        }

        body.fun-mode .modal-content [style*="color: #facc15"],
        body.fun-mode .modal-content [style*="color:#facc15"] {
            color: #B45309 !important;
        }

        body.fun-mode .modal-content [style*="color: #fff"]:not([style*="background"]) {
            color: #0F172A !important;
        }

        /* 23.2 抽奖结果 modal: 4 张奖励卡 + 总价值卡 */
        body.fun-mode #spin-result-modal-wrapper .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
        }

        body.fun-mode #spin-result-modal-wrapper .modal-content,
        body.fun-mode #spin-result-modal-wrapper .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #spin-result-modal-wrapper .modal-content *:not(input):not(textarea) {
            background-color: transparent !important;
        }

        body.fun-mode #spin-result-modal-wrapper .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #spin-result-modal-wrapper .modal-header h3 {
            color: #0F172A !important;
        }

        /* 抽奖结果项 (默认是白底, fun-mode 保持白底 + 浅边框即可) */
        body.fun-mode #spin-result-items>* {
            background: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.06);
            color: #0F172A;
            box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6);
        }

        body.fun-mode #spin-result-items>*:hover {
            background: #F8FAFC;
            border-color: rgba(0, 0, 0, 0.1);
        }

        /* 抽奖结果里的 .mono 数字保持藏青 */
        body.fun-mode #spin-result-items .mono,
        body.fun-mode #spin-result-items .text-gradient-gold,
        body.fun-mode #spin-result-items .text-gradient-green {
            color: #1A3A52;
            background: none;
            -webkit-text-fill-color: #1A3A52;
        }

        /* 暴击标签 (内联 rgba(239, 68, 68, 0.15) 等) */
        body.fun-mode #spin-result-items [style*="rgba(239, 68, 68"] {
            background: rgba(239, 68, 68, 0.1);
            color: #DC2626;
        }

        /* 底部"开心收下"按钮: 保留品牌粉 */
        body.fun-mode #spin-result-modal-wrapper .lucky-btn-neon {
            background: linear-gradient(145deg, #FFFCF5 0%, #FFE5A0 100%) !important;
            color: #6B4423 !important;
            border: 2px solid #D4A574 !important;
        }

        /* 23.3 抽奖记录 modal: 记录项白底深字 */
        body.fun-mode #spin-history-modal .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
        }

        body.fun-mode #spin-history-modal .modal-content,
        body.fun-mode #spin-history-modal .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #spin-history-modal .modal-content *:not(input):not(textarea) {
            background-color: transparent !important;
        }

        body.fun-mode #spin-history-modal .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #spin-history-modal .modal-header h3 {
            color: #0F172A !important;
        }

        body.fun-mode #spin-history-list>* {
            background: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.06);
            color: #0F172A;
            box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.6);
        }

        body.fun-mode #spin-history-list>*:hover {
            background: #F8FAFC;
        }

        body.fun-mode #spin-history-list .mono {
            color: #1A3A52;
        }

        /* 23.4 我的中心 modal (ref-modal) */
        body.fun-mode #ref-modal-wrapper .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
        }

        body.fun-mode #ref-modal-wrapper .modal-content,
        body.fun-mode #ref-modal-wrapper .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #ref-modal-wrapper .modal-content *:not(input):not(textarea) {
            background-color: transparent !important;
        }

        body.fun-mode #ref-modal-wrapper .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #ref-modal-wrapper .modal-header h3 {
            color: #0F172A !important;
        }

        body.fun-mode #ref-modal-wrapper .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        body.fun-mode #ref-modal-wrapper .lucky-unconnected-ref,
        body.fun-mode #ref-modal-wrapper .lucky-unconnected-ref div {
            color: #64748B !important;
        }

        /* 我的中心内的推广规则卡 / 伞下规则卡 (lucky-ref-rules) */
        body.fun-mode .lucky-ref-rules {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode .lucky-ref-rules * {
            color: #0F172A !important;
        }

        /* 收益大数字 (lucky-ref-earned): 藏青, 不要渐变动画 */
        body.fun-mode .lucky-ref-earned {
            color: #1A3A52 !important;
            background: none !important;
            -webkit-background-clip: initial !important;
            -webkit-text-fill-color: #1A3A52 !important;
            animation: none !important;
            filter: none !important;
        }

        /* 23.5 闪兑 modal (flash-swap) - 跟提现同款 */
        body.fun-mode #flash-swap-modal .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
        }

        body.fun-mode #flash-swap-modal .modal-content,
        body.fun-mode #flash-swap-modal .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #flash-swap-modal .modal-content *:not(input):not(textarea) {
            background-color: transparent !important;
        }

        body.fun-mode #flash-swap-modal .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #flash-swap-modal .modal-header h3 {
            color: #0F172A !important;
        }

        body.fun-mode #flash-swap-modal .lucky-input-dark {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #flash-swap-modal .lucky-input-dark::placeholder {
            color: #94A3B8;
        }

        /* === 24) 🆕 v4.82: 欢乐盘勾选框 (fun-mode-checkbox-wrap) 选中态强制浅色 === */
        body.fun-mode .fun-mode-checkbox-wrap {
            color: #6B4423;
            border-color: rgba(212, 165, 116, 0.5);
            background: rgba(255, 255, 255, 0.6);
        }

        body.fun-mode .fun-mode-checkbox-wrap:hover {
            color: #8B6914;
            border-color: #B8860B;
            background: rgba(255, 248, 231, 0.7);
        }

        body.fun-mode .fun-mode-checkbox-wrap.checked {
            color: #FFFFFF;
            background: linear-gradient(135deg, #D4A574 0%, #B8860B 100%);
            border: 1px solid #B8860B;
            box-shadow: 0 4px 14px rgba(184, 134, 11, 0.3);
        }

        body.fun-mode .fun-mode-checkbox-wrap.checked .fun-mode-checkbox-box {
            background: #FFFFFF;
            border-color: #FFFFFF;
        }

        body.fun-mode .fun-mode-checkbox-wrap.checked .fun-mode-checkbox-tick {
            color: #B8860B;
        }

        /* === 25) 🆕 v4.83: 修 v4.82 漏掉的旧 checkbox (实际渲染的是 micro-mode-toggle, 不是 fun-mode-checkbox-wrap)
              根因: v4.70 把欢乐盘 (Fun Mode) 改名为"微分盘" / "x0.01" 时, 旧代码里的 .micro-mode-toggle
                     checkbox 还在用, 旧 .fun-mode-checkbox-wrap 设计从未渲染到 DOM
                     v4.71 写的所有 .fun-mode-checkbox-wrap 样式都白写了
              修复: 用 :has() 选到真正渲染的 <label> 包含 <input class="micro-mode-toggle">,
                     强覆写 inline 的 background / border / color === */
        /* 25.1 默认态 (未勾): 浅色背景, 与米色 body 协调 */
        body.fun-mode label:has(input.micro-mode-toggle) {
            background: linear-gradient(135deg, #FFFCF5 0%, #FFF0D6 100%);
            border: 2px solid rgba(212, 165, 116, 0.4);
            box-shadow: 0 4px 12px rgba(212, 165, 116, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.7);
            color: #6B4423;
        }

        /* 25.2 hover 态: 强化金色 */
        body.fun-mode label:has(input.micro-mode-toggle:hover) {
            background: linear-gradient(135deg, #FFF5DC 0%, #FFE5A0 100%);
            border-color: #B8860B;
            box-shadow: 0 6px 18px rgba(212, 165, 116, 0.4);
        }

        /* 25.3 勾选态: 金色渐变 + 白字 (用户截图 2 的核心问题) */
        body.fun-mode label:has(input.micro-mode-toggle:checked) {
            background: linear-gradient(135deg, #D4A574 0%, #B8860B 100%);
            border: 2px solid #B8860B;
            color: #FFF8E7;
            box-shadow: 0 4px 14px rgba(184, 134, 11, 0.4);
        }

        /* 25.4 内部文字 (.skip-anim-text) 在 fun-mode 下的颜色 */
        body.fun-mode label:has(input.micro-mode-toggle) .skip-anim-text,
        body.fun-mode .skip-anim-text {
            color: #6B4423;
        }

        body.fun-mode label:has(input.micro-mode-toggle:checked) .skip-anim-text {
            color: #FFF8E7;
        }

        /* 25.5 勾选框本体 (input[type=checkbox] 用 accent-color 染色, 但 fun-mode 下要金色) */
        body.fun-mode label:has(input.micro-mode-toggle) input[type="checkbox"] {
            accent-color: #B8860B;
        }

        /* 25.6 另一个 label (.skip-spin-anim) 在 fun-mode 下的样式 */
        body.fun-mode label:has(input.skip-spin-anim) {
            background: rgba(255, 255, 255, 0.6);
            border: 2px solid rgba(56, 189, 248, 0.4);
            color: #0284C7;
        }

        body.fun-mode label:has(input.skip-spin-anim) .skip-anim-text {
            color: #0284C7;
        }

        /* === 26) 🆕 v4.83: 旧 microBadge (app.js L8190) 在 fun-mode 下覆写
              旧代码在抽奖记录里渲染一个金黄色徽章 "微分盘" 用 inline rgba(250,204,21,...)
              强覆写为 fun-mode 的金色系 === */
        body.fun-mode #spin-history-list [style*="background: rgba(250,204,21"] {
            background: linear-gradient(135deg, #FFE5A0 0%, #D4A574 100%);
            color: #6B4423;
            border: 1px solid #B8860B;
        }

        body.fun-mode #spin-history-list [style*="color: #facc15"] {
            color: #6B4423;
        }

        /* === 27) 🆕 v4.84: 转盘下方 4 个操作按钮 (充值/提现/中心/抽奖记录) 完整匹配 fun mode UI
              旧 v4.79 段 18.3 把所有 .cyber-btn 都强改成同一深棕字, 丢失每个按钮的 --cyber-color 色彩
              新规则: 保留每个按钮的 --cyber-color 作为强调色 (绿/粉/橙/紫), 整体浅色高奢白
              设计: 浅色卡片 + 彩色描边 + 彩色字 + hover 提亮 === */
        body.fun-mode .cyber-btn {
            /* 浅色高奢白背景, 覆盖内联 rgba(...) 透明色 */
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%) !important;
            /* 保留每个按钮的 --cyber-color 作为文字色, 而不是全部变深棕 */
            color: var(--cyber-color) !important;
            /* 边框也用 --cyber-color, 视觉锚点 */
            border: 1.5px solid var(--cyber-color) !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
            text-shadow: none !important;
            font-weight: 800 !important;
            /* 覆盖默认的 inset 暗色高光 (原来是为暗底设计的) */
        }

        body.fun-mode .cyber-btn::before {
            /* 移除默认的彩色渐变描边 (在浅底上反而显得脏) */
            background: none !important;
            opacity: 0 !important;
        }

        body.fun-mode .cyber-btn:hover {
            background: var(--fun-lux-cream);
            transform: translateY(-1px);
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8);
            filter: brightness(1.05);
        }

        body.fun-mode .cyber-btn:active {
            background: var(--fun-lux-white);
            transform: translateY(0) scale(0.98);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
        }

        /* 四个按钮各自的强调色 (从 .cyber-btn.deposit 和内联 --cyber-color 读) */
        body.fun-mode .cyber-btn.deposit {
            --cyber-color: #10b981;
            color: #10b981 !important;
            border-color: #10b981 !important;
        }

        body.fun-mode .cyber-btn.deposit:hover {
            background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
        }

        body.fun-mode .cyber-btn.withdraw,
        body.fun-mode button[onclick*="showWithdrawModal"] {
            color: #ec4899 !important;
            border-color: #ec4899 !important;
        }

        body.fun-mode .cyber-btn.withdraw:hover,
        body.fun-mode button[onclick*="showWithdrawModal"]:hover {
            background: linear-gradient(135deg, #FDF2F8 0%, #FCE7F3 100%);
        }

        body.fun-mode button[onclick*="ref-modal-wrapper"] {
            color: #f59e0b !important;
            border-color: #f59e0b !important;
        }

        body.fun-mode button[onclick*="ref-modal-wrapper"]:hover {
            background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
        }

        body.fun-mode button[onclick*="showSpinHistoryModal"] {
            color: #a855f7 !important;
            border-color: #a855f7 !important;
        }

        body.fun-mode button[onclick*="showSpinHistoryModal"]:hover {
            background: linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%);
        }

        /* === 28) 🆕 v4.85: JS 动态渲染的 inline 样式 (抽奖记录项 / 我的中心卡) 在 fun-mode 下的覆写
              痛点: 这些元素用 element.style.background = 'rgba(0,0,0,0.3)' 等 JS 写入, 没加 !important
                     但因为 ID/class 组合的 specificity 关系, 之前 v4.82 没全覆盖
              修复: 用 [style*="..."] 属性选择器精确匹配 JS 写入的 inline === */
        /* 28.1 抽奖记录动态项 */
        body.fun-mode #spin-history-list>div[style*="background:rgba(0,0,0"] {
            background: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.08);
            color: #0F172A;
            box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
        }

        body.fun-mode #spin-history-list [style*="color: #38bdf8"],
        body.fun-mode #spin-history-list [style*="color:#38bdf8"] {
            color: #0284C7;
        }

        body.fun-mode #spin-history-list [style*="color: #94a3b8"],
        body.fun-mode #spin-history-list [style*="color:#94a3b8"] {
            color: #64748B;
        }

        body.fun-mode #spin-history-list [style*="color: #fff"],
        body.fun-mode #spin-history-list [style*="color:#fff"] {
            color: #0F172A;
        }

        body.fun-mode #spin-history-list [style*="color: #facc15"],
        body.fun-mode #spin-history-list [style*="color:#facc15"] {
            color: #B45309;
        }

        /* 28.2 我的中心头像卡 + 推广卡 */
        body.fun-mode #ref-modal-wrapper [style*="background: rgba(0,0,0,0.2)"] {
            background: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.08);
        }

        body.fun-mode #ref-modal-wrapper [style*="color: #fff"],
        body.fun-mode #ref-modal-wrapper [style*="color: white"] {
            color: #0F172A !important;
        }

        body.fun-mode #ref-modal-wrapper [style*="color: #94a3b8"] {
            color: #64748B !important;
        }

        /* 28.3 提现 modal: 内联深色块 (BSC 余额小卡 / 提示卡) */
        body.fun-mode #withdraw-modal [style*="background: rgba(0,0,0,0.3)"] {
            background: #F5F0E5;
            color: #0F172A;
        }

        body.fun-mode #withdraw-modal [style*="color: #cbd5e1"] {
            color: #64748B;
        }

        body.fun-mode #withdraw-modal [style*="color: #facc15"] {
            color: #B45309;
        }

        body.fun-mode #withdraw-modal [style*="color: #f43f5e"] {
            color: #DC2626 !important;
        }

        body.fun-mode #withdraw-modal [style*="color: #fff"] {
            color: #0F172A;
        }

        /* 28.4 提现 input 字段 (lucky-input-dark 已被 v4.81 覆写, 但 inline 也要管) */
        body.fun-mode #withdraw-modal input[style*="background: rgba(0,0,0,0.5)"] {
            background: #FFFFFF;
            color: #0F172A;
            border: 1px solid rgba(0, 0, 0, 0.08);
        }

        body.fun-mode #withdraw-modal button[style*="background: rgba(245, 158, 11"] {
            background: rgba(245, 158, 11, 0.15);
            color: #B45309;
            border: 1px solid rgba(245, 158, 11, 0.4);
        }

        /* 28.5 通用兜底: 所有 modal 内联深色文本 → 浅色对应色 */
        body.fun-mode .modal-content [style*="color: #cbd5e1"] {
            color: #64748B !important;
        }

        body.fun-mode .modal-content [style*="color: #94a3b8"] {
            color: #64748B !important;
        }

        body.fun-mode .modal-content [style*="color: #facc15"] {
            color: #B45309 !important;
        }

        body.fun-mode .modal-content [style*="color: #38bdf8"] {
            color: #0284C7 !important;
        }

        body.fun-mode .modal-content [style*="color: #fff"]:not([class]):not(input):not(textarea) {
            color: #0F172A !important;
        }

        body.fun-mode .modal-content [style*="background: rgba(0,0,0"] {
            background: #F5F0E5 !important;
            color: #0F172A !important;
        }

        body.fun-mode .modal-content [style*="background:rgba(0,0,0"] {
            background: #F5F0E5 !important;
            color: #0F172A !important;
        }

        body.fun-mode .modal-content [style*="background: rgba(15, 23, 42"] {
            background: #F5F0E5 !important;
            color: #0F172A !important;
        }

        /* === 29) 🆕 v4.88: 5 个 modal 的 fun-mode 适配 (好友/转账/资产组合/API/公告)
              痛点: 这 5 个 modal 的 .modal-content 都是 inline !important 深色 (radial-gradient 深紫蓝 + #fff 文字),
                    或子元素内联深色文字 (#38bdf8/#facc15/#94a3b8), 普通 CSS 难覆写
              修复: 照搬 #withdraw-modal v4.81 模板 (硬编码 light 色值, 不走 CSS 变量)
              设计: 白底深字 + 香槟金边 + 品牌色保留 (active 蓝色/金色) === */

        /* 29.1 好友 modal (#friends-modal-wrapper) */
        body.fun-mode #friends-modal-wrapper .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
            background-image: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        body.fun-mode #friends-modal-wrapper .modal-content,
        body.fun-mode #friends-modal-wrapper .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #friends-modal-wrapper .modal-content *:not(input):not(textarea) {
            background-color: transparent !important;
        }

        body.fun-mode #friends-modal-wrapper .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #friends-modal-wrapper .modal-header h3 {
            color: #0F172A !important;
        }

        body.fun-mode #friends-modal-wrapper .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        /* 好友 tabs (active 蓝色保留品牌感, inactive 灰) */
        body.fun-mode #friends-modal-wrapper #tab-friends-list,
        body.fun-mode #friends-modal-wrapper #tab-friends-transfers {
            color: #64748B !important;
            border-bottom-color: transparent !important;
        }

        body.fun-mode #friends-modal-wrapper #tab-friends-list.active,
        body.fun-mode #friends-modal-wrapper #tab-friends-transfers.active {
            color: #0284C7;
            border-bottom-color: #0284C7;
        }

        /* 好友搜索输入框 + 按钮 */
        body.fun-mode #friends-modal-wrapper .lucky-input-dark,
        body.fun-mode #friends-modal-wrapper input[type="text"] {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #friends-modal-wrapper .lucky-input-dark::placeholder {
            color: #94A3B8;
        }

        /* 好友搜索结果 + 列表容器: 米色底 (淡于白卡) */
        body.fun-mode #friends-modal-wrapper #friend-search-results,
        body.fun-mode #friends-modal-wrapper #friend-chat-messages,
        body.fun-mode #friends-modal-wrapper #my-friends-container,
        body.fun-mode #friends-modal-wrapper #transfer-log-container {
            background: #F5F0E5 !important;
            color: #0F172A !important;
            border-color: rgba(0, 0, 0, 0.08) !important;
        }

        /* 好友项 (动态生成) 兜底 */
        body.fun-mode #friends-modal-wrapper #my-friends-container>div,
        body.fun-mode #friends-modal-wrapper #transfer-log-container>div {
            background: #FFFFFF;
            color: #0F172A;
            border: 1px solid rgba(0, 0, 0, 0.06);
        }

        /* 聊天气泡个性化适配 */
        body.fun-mode #friends-modal-wrapper #friend-chat-messages .chat-msg-bubble {
            border-radius: 12px;
            padding: 10px 14px;
            font-size: 0.9em;
            word-break: break-all;
        }

        body.fun-mode #friends-modal-wrapper #friend-chat-messages .chat-msg-bubble.msg-me {
            background: linear-gradient(135deg, #10b981, #059669);
            color: #FFFFFF;
            box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
        }

        body.fun-mode #friends-modal-wrapper #friend-chat-messages .chat-msg-bubble.msg-peer {
            background: #FFFFFF;
            color: #0F172A;
            border: 1px solid rgba(0, 0, 0, 0.06);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
        }

        /* 系统消息与转账卡片适配 */
        body.fun-mode #friends-modal-wrapper #friend-chat-messages .chat-system-transfer-card {
            background: linear-gradient(135deg, rgba(217, 119, 6, 0.08), rgba(245, 158, 11, 0.05));
            border: 1px solid rgba(217, 119, 6, 0.2);
            box-shadow: 0 4px 12px rgba(217, 119, 6, 0.05);
        }

        body.fun-mode #friends-modal-wrapper #friend-chat-messages .chat-system-transfer-card .title {
            color: #B45309;
        }

        body.fun-mode #friends-modal-wrapper #friend-chat-messages .chat-system-transfer-card .time {
            color: #64748B;
        }

        body.fun-mode #friends-modal-wrapper #friend-chat-messages .chat-system-transfer-card .amount {
            color: #B45309;
            text-shadow: none;
        }

        body.fun-mode #friends-modal-wrapper #friend-chat-messages .chat-system-text {
            background: rgba(0, 0, 0, 0.05);
            color: #64748B;
        }

        /* 聊天: 对端用户名 (深蓝) */
        body.fun-mode #friends-modal-wrapper #chat-peer-name {
            color: #0284C7 !important;
        }

        body.fun-mode #friends-modal-wrapper #friends-chat-view>div:first-child {
            border-bottom-color: rgba(0, 0, 0, 0.06) !important;
        }

        /* 29.2 转账 modal (#transfer-modal-wrapper) */
        body.fun-mode #transfer-modal-wrapper .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
            background-image: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        body.fun-mode #transfer-modal-wrapper .modal-content,
        body.fun-mode #transfer-modal-wrapper .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #transfer-modal-wrapper .modal-content *:not(input):not(textarea):not(select) {
            background-color: transparent !important;
        }

        body.fun-mode #transfer-modal-wrapper .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        /* 转账标题: 保留金色品牌感 */
        body.fun-mode #transfer-modal-wrapper .modal-header h3 {
            color: #B45309 !important;
        }

        body.fun-mode #transfer-modal-wrapper .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        body.fun-mode #transfer-modal-wrapper .lucky-input-dark,
        body.fun-mode #transfer-modal-wrapper select,
        body.fun-mode #transfer-modal-wrapper input[type="text"],
        body.fun-mode #transfer-modal-wrapper input[type="number"] {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #transfer-modal-wrapper .lucky-input-dark::placeholder {
            color: #94A3B8;
        }

        /* 可用余额 + 提示文字 */
        body.fun-mode #transfer-modal-wrapper #transfer-avail-balance {
            color: #0F172A !important;
        }

        body.fun-mode #transfer-modal-wrapper div[style*="color: #94a3b8"] {
            color: #64748B;
        }

        /* 29.3 资产组合 modal (#payout-popover) */
        body.fun-mode #payout-popover .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
        }

        body.fun-mode #payout-popover .modal-content,
        body.fun-mode #payout-popover .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #payout-popover .modal-content *:not(input):not(textarea) {
            background-color: transparent !important;
        }

        body.fun-mode #payout-popover .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #payout-popover .modal-header h3 {
            color: #0F172A !important;
        }

        body.fun-mode #payout-popover .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        /* 资产组合 tabs */
        body.fun-mode #payout-popover .portfolio-tabs {
            border-bottom-color: rgba(0, 0, 0, 0.08) !important;
        }

        body.fun-mode #payout-popover .ptab {
            color: #64748B !important;
        }

        body.fun-mode #payout-popover .ptab:hover {
            color: #B45309;
        }

        body.fun-mode #payout-popover .ptab.active {
            color: #B8860B !important;
            border-bottom: 2px solid #B8860B !important;
            font-weight: bold;
        }

        /* 内容区 */
        body.fun-mode #payout-popover #portfolio-content {
            color: #0F172A !important;
        }

        /* 资产组合内动态生成的卡 (盈亏卡 / 余额卡 / 投注卡) */
        body.fun-mode #payout-popover #portfolio-content>div,
        body.fun-mode #payout-popover #portfolio-content>div>div {
            color: #0F172A !important;
        }

        body.fun-mode #payout-popover #portfolio-content [style*="background: rgba(0,0,0"],
        body.fun-mode #payout-popover #portfolio-content [style*="background:rgba(0,0,0"],
        body.fun-mode #payout-popover #portfolio-content [style*="background: rgba(15, 23, 42"] {
            background: #F5F0E5;
            color: #0F172A;
            border-color: rgba(0, 0, 0, 0.08);
        }

        /* 29.4 API 文档 modal (#api-doc-modal) */
        body.fun-mode #api-doc-modal .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
        }

        body.fun-mode #api-doc-modal .modal-content,
        body.fun-mode #api-doc-modal .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #api-doc-modal .modal-content *:not(input):not(textarea) {
            background-color: transparent !important;
        }

        body.fun-mode #api-doc-modal .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #api-doc-modal .modal-header h3 {
            color: #0F172A !important;
        }

        body.fun-mode #api-doc-modal .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        body.fun-mode #api-doc-modal h4 {
            color: #0F172A !important;
        }

        body.fun-mode #api-doc-modal p,
        body.fun-mode #api-doc-modal li {
            color: #64748B !important;
        }

        /* code 行内代码: 金棕底 */
        body.fun-mode #api-doc-modal code:not(pre code) {
            background: rgba(212, 165, 116, 0.12) !important;
            color: #B45309 !important;
            padding: 1px 4px;
            border-radius: 3px;
        }

        /* pre 代码块: 保留深底 (代码块风格统一, 不强制白底, 否则代码看不清) */
        body.fun-mode #api-doc-modal pre {
            background: #FAF6EC !important;
            /* 奶白 */
            color: #3E2723 !important;
            /* 深巧克力 */
            border: 1px solid rgba(184, 134, 87, 0.25) !important;
        }

        body.fun-mode #api-doc-modal pre code {
            color: #3E2723 !important;
            background: transparent !important;
        }

        /* API Key 输入框 */
        body.fun-mode #api-doc-modal #dev-api-key {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        /* API 按钮: 区分普通按钮(浅灰) 和 主按钮(蓝色) */
        body.fun-mode #api-doc-modal button.submit-btn[style*="background:var(--card-light)"] {
            background: #F5F0E5 !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #api-doc-modal button.submit-btn[style*="background: #38bdf8"] {
            background: linear-gradient(135deg, #38bdf8, #0284C7) !important;
            color: #FFFFFF !important;
        }

        /* API 警告框 (红/蓝) */
        body.fun-mode #api-doc-modal [style*="background: rgba(239,68,68"] {
            background: #FEF2F2 !important;
            color: #B91C1C !important;
            border: 1px solid rgba(220, 38, 38, 0.25) !important;
        }

        body.fun-mode #api-doc-modal [style*="background: rgba(56, 189, 248"] {
            background: #EFF6FF !important;
            color: #0369A1 !important;
            border: 1px solid rgba(2, 132, 199, 0.25) !important;
        }

        body.fun-mode #api-doc-modal [style*="color: #ef4444"] {
            color: #DC2626;
        }

        /* 29.5 公告 modal (#announcements-modal) */
        body.fun-mode #announcements-modal .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
        }

        body.fun-mode #announcements-modal .modal-content,
        body.fun-mode #announcements-modal .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #announcements-modal .modal-content *:not(input):not(textarea) {
            background-color: transparent !important;
        }

        body.fun-mode #announcements-modal .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #announcements-modal .modal-header h3 {
            color: #0F172A !important;
        }

        body.fun-mode #announcements-modal .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        body.fun-mode #announcements-modal #announcements-list {
            color: #0F172A !important;
        }

        /* 公告项 (动态生成) 兜底 */
        body.fun-mode #announcements-modal #announcements-list>div {
            background: #FFFFFF;
            color: #0F172A;
            border: 1px solid rgba(0, 0, 0, 0.06);
        }

        body.fun-mode #announcements-modal #announcements-list [style*="background: rgba(0,0,0"],
        body.fun-mode #announcements-modal #announcements-list [style*="background:rgba(0,0,0"],
        body.fun-mode #announcements-modal #announcements-list [style*="background: rgba(15, 23, 42"] {
            background: #F5F0E5;
            color: #0F172A;
            border-color: rgba(0, 0, 0, 0.08);
        }

        /* === 30) 🆕 v4.89: 4 个 modal + 骨架元素 fun-mode 适配
              (开盘选择/坐庄盘/私有盘/代理数据中心 + 顶部搜索栏骨架) === */

        /* 30.1 开盘选择 modal (#create-choice-modal) */
        body.fun-mode #create-choice-modal .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
            background-image: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        body.fun-mode #create-choice-modal .modal-content,
        body.fun-mode #create-choice-modal .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #create-choice-modal .modal-content *:not(input):not(textarea) {
            background-color: transparent !important;
        }

        body.fun-mode #create-choice-modal .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #create-choice-modal .modal-header h3 {
            color: #0F172A !important;
        }

        body.fun-mode #create-choice-modal .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        /* 两个选项卡: 保留品牌色 (金/蓝) 作为视觉锚点 */
        body.fun-mode #create-choice-modal [onclick*="openAgentCreateMode"] {
            background: linear-gradient(135deg, rgba(250, 204, 21, 0.12), rgba(250, 204, 21, 0.04)) !important;
            border: 1px solid rgba(184, 134, 11, 0.3) !important;
            color: #6B4423 !important;
        }

        body.fun-mode #create-choice-modal [onclick*="openAgentCreateMode"] h4 {
            color: #B45309 !important;
        }

        body.fun-mode #create-choice-modal [onclick*="openPrivateCreateMode"] {
            background: linear-gradient(135deg, rgba(56, 189, 248, 0.12), rgba(56, 189, 248, 0.04)) !important;
            border: 1px solid rgba(2, 132, 199, 0.3) !important;
            color: #0F172A !important;
        }

        body.fun-mode #create-choice-modal [onclick*="openPrivateCreateMode"] h4 {
            color: #0284C7 !important;
        }

        body.fun-mode #create-choice-modal [style*="color: #cbd5e1"],
        body.fun-mode #create-choice-modal [style*="color: #94a3b8"] {
            color: #64748B !important;
        }

        /* 30.2 坐庄盘 modal (#agent-create-modal) */
        body.fun-mode #agent-create-modal .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(184, 134, 11, 0.3) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
            background-image: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        body.fun-mode #agent-create-modal .modal-content,
        body.fun-mode #agent-create-modal .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #agent-create-modal .modal-content *:not(input):not(textarea):not(select) {
            background-color: transparent !important;
        }

        body.fun-mode #agent-create-modal .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #agent-create-modal .modal-header h3 {
            color: #B45309 !important;
        }

        body.fun-mode #agent-create-modal .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        /* 自定义表单 (custom-form) — 输入框 / select / 标签 */
        body.fun-mode #agent-create-modal .custom-form-input,
        body.fun-mode #agent-create-modal input[type="text"],
        body.fun-mode #agent-create-modal input[type="number"],
        body.fun-mode #agent-create-modal select {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.08) !important;
        }

        body.fun-mode #agent-create-modal .custom-form-label {
            color: #5D4037 !important;
        }

        /* 描述提示框 */
        body.fun-mode #agent-create-modal [style*="background: rgba(0,0,0,0.2)"] {
            background: #F5F0E5 !important;
            color: #5D4037 !important;
            border-color: rgba(0, 0, 0, 0.08) !important;
        }

        /* 动态赔率设置的金色背景框 */
        body.fun-mode #agent-create-modal [style*="background: rgba(250,204,21,0.05)"] {
            background: rgba(250, 204, 21, 0.08) !important;
            border-color: rgba(184, 134, 11, 0.3) !important;
        }

        body.fun-mode #agent-create-modal [style*="color: #facc15"] {
            color: #B45309 !important;
        }

        /* 赔率输入 (绿/红色 inline) — fun-mode 下保留品牌色, 加深对比 */
        body.fun-mode #agent-create-modal input.opt-odds[style*="#00e676"] {
            color: #047857 !important;
            background: rgba(16, 185, 129, 0.06) !important;
            border-color: rgba(16, 185, 129, 0.4) !important;
        }

        body.fun-mode #agent-create-modal input.opt-odds[style*="#ff5252"] {
            color: #B91C1C !important;
            background: rgba(239, 68, 68, 0.06) !important;
            border-color: rgba(239, 68, 68, 0.4) !important;
        }

        /* 保证金输入 (绿色 brand) */
        body.fun-mode #agent-create-modal #agent-ev-margin {
            color: #047857 !important;
            background: rgba(16, 185, 129, 0.05) !important;
            border-color: rgba(16, 185, 129, 0.3) !important;
        }

        /* 锁定保证金按钮 — 保留品牌金色 */
        body.fun-mode #agent-create-modal #agent-submit-btn {
            background: linear-gradient(135deg, #facc15, #d97706) !important;
            color: #1F1300 !important;
        }

        /* 必填提示 */
        body.fun-mode #agent-create-modal [style*="color: #ef4444"] {
            color: #DC2626 !important;
        }

        /* 30.3 私有盘 modal (#private-create-modal) */
        body.fun-mode #private-create-modal .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(2, 132, 199, 0.3) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
            background-image: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        body.fun-mode #private-create-modal .modal-content,
        body.fun-mode #private-create-modal .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #private-create-modal .modal-content *:not(input):not(textarea):not(select) {
            background-color: transparent !important;
        }

        body.fun-mode #private-create-modal .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #private-create-modal .modal-header h3 {
            color: #0284C7 !important;
        }

        body.fun-mode #private-create-modal .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        body.fun-mode #private-create-modal .custom-form-input,
        body.fun-mode #private-create-modal input[type="text"],
        body.fun-mode #private-create-modal input[type="number"] {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.08) !important;
        }

        body.fun-mode #private-create-modal .custom-form-label {
            color: #5D4037 !important;
        }

        body.fun-mode #private-create-modal [style*="background: rgba(255,255,255,0.1)"] {
            background: rgba(56, 189, 248, 0.08) !important;
            color: #0369A1 !important;
        }

        /* 30.4 代理数据中心 modal (#agent-dashboard-modal)
              JS modalSelectors 已处理此 modal 的内联改写 (line 10627-10648),
              但 CSS 兜底也加一层, 防止 selector 不匹配时漏网 */
        body.fun-mode #agent-dashboard-modal .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1.5px solid rgba(184, 134, 11, 0.3) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
            background-image: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        body.fun-mode #agent-dashboard-modal .modal-content,
        body.fun-mode #agent-dashboard-modal .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #agent-dashboard-modal .modal-content *:not(input):not(textarea) {
            background-color: transparent !important;
        }

        body.fun-mode #agent-dashboard-modal .modal-header {
            background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #agent-dashboard-modal .modal-header h3 {
            color: #B45309 !important;
        }

        body.fun-mode #agent-dashboard-modal .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        /* HUD 内统计卡: 白底 + 浅边框, 数字保留品牌色 */
        body.fun-mode #agent-dashboard-modal #agent-dash-hud>div {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.08) !important;
            box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
        }

        body.fun-mode #agent-dashboard-modal [id^="agent-dash-comm-"],
        body.fun-mode #agent-dashboard-modal [id^="agent-dash-count-"],
        body.fun-mode #agent-dashboard-modal [id^="agent-dash-vol"],
        body.fun-mode #agent-dashboard-modal [id^="agent-dash-direct"] {
            color: var(--fun-navy) !important;
            text-shadow: none !important;
        }

        body.fun-mode #agent-dashboard-modal #agent-dash-comm-total {
            /* 大数字: 藏青渐变 (与米色调协调) */
            background: linear-gradient(90deg, #0F2438 0%, #1A3A52 50%, #0F2438 100%) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            color: transparent !important;
            background-size: 200% auto !important;
            animation: navyFlow 3s linear infinite !important;
            filter: drop-shadow(0 2px 6px rgba(15, 36, 56, 0.3)) !important;
        }

        body.fun-mode #agent-dashboard-modal #agent-dash-level {
            color: #B45309 !important;
        }

        body.fun-mode #agent-dashboard-modal #agent-dash-invite-newcoin {
            color: #B8860B !important;
        }

        /* 🆕 v4.90: agent-dash 顶部"邀请好友一起赚U"等亮色文字
              痛点: 旧规则 (line 6292) 把内联 #facc15 改成 #B8860B — 在浅米底上偏暗不醒目
                    顶部"总分佣收益 (USDC)" / "充值明细" / "Lv.X 等级" / "直接分佣" / "间接分佣" 等
                    inline 颜色是 #facc15/#38bdf8/#10b981 → fun-mode 下应该是更亮饱和的色
              修复: 高饱和亮色 + 字重加粗, 让 HUD 顶部一眼看到 */
        body.fun-mode #agent-dashboard-modal [style*="color: #facc15"]:not(.modal-header *):not(.modal-content h3 *) {
            color: #D97706 !important;
            font-weight: 800 !important;
        }

        body.fun-mode #agent-dashboard-modal [style*="color: #38bdf8"]:not(.modal-header *) {
            color: #0284C7 !important;
            font-weight: 800 !important;
        }

        body.fun-mode #agent-dashboard-modal [style*="color: #10b981"]:not(.modal-header *) {
            color: #059669 !important;
            font-weight: 800 !important;
        }

        body.fun-mode #agent-dashboard-modal [style*="color: #cbd5e1"],
        body.fun-mode #agent-dashboard-modal [style*="color: #94a3b8"] {
            color: #5D4037 !important;
        }

        /* 晋升进度条区域: 米色底 */
        body.fun-mode #agent-dashboard-modal #agent-dash-progress-area {
            background: #F5F0E5 !important;
            border: 1px solid rgba(0, 0, 0, 0.08) !important;
            color: #0F172A !important;
        }

        body.fun-mode #agent-dashboard-modal #agent-dash-progress-area [style*="background: rgba(0,0,0,0.8)"] {
            background: rgba(212, 165, 116, 0.2) !important;
        }

        body.fun-mode #agent-dashboard-modal #agent-dash-vol-bar,
        body.fun-mode #agent-dashboard-modal #agent-dash-direct-bar {
            box-shadow: 0 0 8px rgba(184, 134, 11, 0.4) !important;
        }

        /* lv0 提示 */
        body.fun-mode #agent-dashboard-modal #agent-dash-lv0-tip {
            background: #F5F0E5 !important;
            color: #64748B !important;
            border-color: rgba(0, 0, 0, 0.06) !important;
        }

        /* canvas 走势图 — JS 端 rerender 时换色, 不强制 */
        body.fun-mode #agent-dashboard-modal [style*="color: #cbd5e1"],
        body.fun-mode #agent-dashboard-modal [style*="color: #94a3b8"] {
            color: #64748B !important;
        }

        body.fun-mode #agent-dashboard-modal [style*="color: #fff"]:not([class*="text-gradient"]) {
            color: #0F172A !important;
        }

        /* 🆕 v4.89: 走势图容器 — 深灰底 → 高奢白卡 (匹配 fun-mode 米色调)
              痛点: line 6502 内联 background: rgba(0,0,0,0.2) 深灰底, fun-mode 下没覆写 → 突兀深块
                    line 6505 按钮组容器 rgba(0,0,0,0.3) 同理
              修复: 用 :has(h4):has(canvas) 精准匹配走势图最外层, 改成高奢白渐变
                    按钮组容器用 rgba(212,165,116,0.12) 浅金底 + 金边 */
        body.fun-mode #agent-dashboard-modal div:has(h4):has(canvas) {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, var(--fun-lux-cream) 100%) !important;
            border: 1px solid var(--fun-lux-border) !important;
            box-shadow: var(--fun-lux-shadow-sm) !important;
        }

        body.fun-mode #agent-dashboard-modal div:has(> button#btn-chart-30d) {
            background: rgba(212, 165, 116, 0.12) !important;
            border: 1px solid rgba(184, 134, 11, 0.25) !important;
        }

        /* 走势图标题 📈 历史分佣走势 (inline color: #f8fafc) → 深巧克力棕 */
        body.fun-mode #agent-dashboard-modal h4[style*="color: #f8fafc"] {
            color: var(--fun-ink-green-deep, #0D3D14) !important;
        }

        /* 走势图的 y 轴 / x 轴标签 (chart.js 渲染的颜色 #94a3b8) — fun-mode 下保持深色 */
        body.fun-mode #agentCommissionChart {
            /* canvas 自身透明, 背景色由 wrapper 决定, 这里无需设置 */
        }

        /* === 🆕 v4.91: agent-dash modal fun-mode 优化 — 3 个红框修复 ===
              (1) 上框: #agent-promo-card (JS 动态生成的"邀请好友一起赚U"卡) — 深紫蓝玻璃 → 高奢白卡 + 金边
              (2) 中框: Lv.5 "已达最高代理等级"提示框 — fun-mode 下隐藏 (Lv.0 "激活"提示保留)
              (3) 下框: 走势图 wrapper (.agent-chart-wrapper 已加 className) — 高奢白渐变, 配 chart.js 浅色坐标 === */

        /* (1) promo-card 深紫蓝玻璃 → 高奢白卡 */
        body.fun-mode #agent-dashboard-modal #agent-promo-card {
            background: linear-gradient(135deg, var(--fun-lux-white) 0%, #FFF0D6 100%);
            border: 1.5px solid var(--fun-lux-border);
            box-shadow: var(--fun-lux-shadow);
        }

        /* promo-card 内旋转光晕背景 div (深蓝 radial → 浅金 radial) */
        body.fun-mode #agent-dashboard-modal #agent-promo-card>div[style*="position: absolute"][style*="radial-gradient"] {
            background: radial-gradient(circle at 50% 50%, rgba(212, 165, 116, 0.18) 0%, transparent 60%);
        }

        /* promo-card 内文字: 深巧克力棕 */
        body.fun-mode #agent-dashboard-modal #agent-promo-card h3 {
            color: var(--fun-lux-text, #3E2723);
            text-shadow: none;
        }

        body.fun-mode #agent-dashboard-modal #agent-promo-card p {
            color: #5D4037;
        }

        body.fun-mode #agent-dashboard-modal #agent-promo-card p b {
            color: var(--fun-lux-gold, #B8860B);
            text-shadow: none;
        }

        /* URL 胶囊容器 (rgba(0,0,0,0.5) 黑底 → 浅金底 + 金边) */
        body.fun-mode #agent-dashboard-modal #agent-promo-card div[style*="background: rgba(0,0,0,0.5)"] {
            background: rgba(212, 165, 116, 0.12);
            border-color: var(--fun-lux-border);
        }

        body.fun-mode #agent-dashboard-modal #agent-promo-card div[style*="color: #38bdf8"]:not(button):not(input) {
            color: var(--fun-lux-gold, #B8860B);
        }

        /* 二维码白色圆角卡 (保持白底 — 扫描需要白色背景) */
        body.fun-mode #agent-dashboard-modal #agent-promo-card div[style*="background: #fff"][style*="border-radius: 12px"] {
            background: #FFFFFF;
        }

        /* 🆕 v5.05: 真金盘 (dark/light) 下, agent-promo-card 最底部的两个 inline 白底图标改回赛博风
              (1) QR 码白框 — 白底必须保留 (QR 码要白底才能扫), 但加青色霓虹边框 + glow 包裹
              (2) 中央 NewCoin 圆形 logo — 去掉白底, 改成深紫蓝玻璃 + 青色描边
              fun-mode 上面已有 !important 白底规则, 这里用 body:not(.fun-mode) 反向避免冲突 */
        body:not(.fun-mode) #agent-dashboard-modal #agent-promo-card div[style*="background: #fff"][style*="border-radius: 12px"] {
            background: #FFFFFF;
            /* QR 白底必须保留, 否则扫码失效 */
            border: 2px solid rgba(56, 189, 248, 0.7);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6), 0 0 16px rgba(56, 189, 248, 0.5);
        }

        body:not(.fun-mode) #agent-dashboard-modal #agent-promo-card div[style*="background: #fff"][style*="border-radius: 50%"] {
            background: rgba(15, 23, 42, 0.92);
            /* 深紫蓝玻璃, 替换原 #fff 白底 */
            border: 2px solid rgba(56, 189, 248, 0.6);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 10px rgba(56, 189, 248, 0.4);
        }

        /* (2) Lv.5 "已达最高代理等级"提示框 — fun-mode 下隐藏 */
        body.fun-mode #agent-dash-lv0-tip[data-i18n="lucky.agentDashLv5Tip"] {
            display: none;
        }

        /* (3) 走势图 wrapper — 两套配色 (赛博风 / fun-mode)
              🆕 v5.08: 真金盘永远走赛博风 (深紫蓝玻璃), 不再受 light/dark theme toggle 影响
              痛点: v5.04 只用 body.dark-mode 选择器, 真金盘 light-mode 时回退到纯白底, 跟深紫蓝 modal 违和
              修复: 赛博风 (深紫蓝玻璃 + 青色霓虹边) 设为默认, fun-mode 单独覆盖
              dark-mode 选择器保留为 no-op 兼容 (历史代码可能依赖) */
        .agent-chart-wrapper {
            background: rgba(15, 23, 42, 0.55);
            /* 深紫蓝玻璃 (赛博风默认) */
            border: 1px solid rgba(56, 189, 248, 0.3);
            border-radius: 16px;
            padding: 16px;
            margin-top: 20px;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(56, 189, 248, 0.05);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }

        /* h4 标题色: 赛博风下浅银 (默认就是 light, 显式声明防止被父级 inline style 覆盖) */
        .agent-chart-wrapper h4 {
            color: #e2e8f0 !important;
        }

        /* dark-mode 选择器保留为 no-op (历史代码兼容, 不必额外增加维护负担) */
        body.dark-mode .agent-chart-wrapper {
            background: rgba(15, 23, 42, 0.55) !important;
            border: 1px solid rgba(56, 189, 248, 0.3) !important;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(56, 189, 248, 0.05) !important;
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }

        body.dark-mode .agent-chart-wrapper h4 {
            color: #e2e8f0 !important;
        }

        body.fun-mode .agent-chart-wrapper {
            background: var(--fun-lux-cream, #FAF6EC) !important;
            /* 纯米白色 (替代渐变) */
            border: 1.5px solid var(--fun-lux-border) !important;
            box-shadow: var(--fun-lux-shadow-sm) !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        /* 🆕 v4.92: 加更高 specificity 兜底 — 防止 inline style 或其他规则漏网 */
        body.fun-mode #agent-dashboard-modal .agent-chart-wrapper {
            background-color: var(--fun-lux-cream, #FAF6EC) !important;
            background-image: none !important;
        }

        body.fun-mode .agent-chart-wrapper h4 {
            color: var(--fun-ink-green-deep, #0D3D14) !important;
        }

        /* 🆕 v4.91: 走势图按钮组 (.agent-chart-btn-group) + 按钮 (.chart-range-btn)
              痛点: 之前 inline background/color, fun-mode CSS !important 赢不了 inline !important
              修复: 移除所有 inline style, 让 base CSS 控制 (light/dark/fun-mode 三套)
              🆕 v5.08: 真金盘永远走赛博风 (深底按钮组), 不再受 light/dark theme toggle 影响 */
        .agent-chart-btn-group {
            display: flex;
            gap: 6px;
            background: rgba(255, 255, 255, 0.06);
            padding: 4px;
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.12);
        }

        .chart-range-btn {
            padding: 4px 10px;
            font-size: 0.75em;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-weight: 700;
            transition: all 0.2s ease;
            background: transparent;
            color: #94a3b8;
        }

        .chart-range-btn.active {
            background: linear-gradient(135deg, #38bdf8, #0284c7);
            color: #ffffff;
            box-shadow: 0 2px 5px rgba(56, 189, 248, 0.3);
        }

        .chart-range-btn:hover:not(.active) {
            background: rgba(56, 189, 248, 0.15);
            color: #38bdf8;
        }

        /* dark-mode 选择器保留为 no-op (历史代码兼容) */
        body.dark-mode .agent-chart-btn-group {
            background: rgba(255, 255, 255, 0.06);
            border-color: rgba(255, 255, 255, 0.12);
        }

        body.dark-mode .chart-range-btn {
            color: #94a3b8;
        }

        body.dark-mode .chart-range-btn.active {
            background: linear-gradient(135deg, #38bdf8, #0284c7);
            color: #ffffff;
        }

        body.dark-mode .chart-range-btn:hover:not(.active) {
            background: rgba(56, 189, 248, 0.15);
            color: #38bdf8;
        }

        /* fun-mode: 按钮组浅金底 + 按钮深棕 */
        body.fun-mode .agent-chart-btn-group {
            background: rgba(212, 165, 116, 0.12) !important;
            border: 1px solid rgba(184, 134, 11, 0.25) !important;
        }

        body.fun-mode .chart-range-btn {
            color: #8B6F47 !important;
            background: transparent !important;
        }

        body.fun-mode .chart-range-btn.active {
            background: linear-gradient(135deg, #D4A574, #B8860B);
            color: #FFFFFF;
            box-shadow: 0 2px 5px rgba(184, 134, 11, 0.35);
        }

        body.fun-mode .chart-range-btn:hover:not(.active) {
            background: rgba(212, 165, 116, 0.2);
            color: #6B4423;
        }

        /* 走势图按钮组容器 (rgba(0,0,0,0.3) → 浅金底) */
        body.fun-mode #agent-dashboard-modal div[style*="background: rgba(0,0,0,0.3)"][style*="padding: 4px"] {
            background: rgba(212, 165, 116, 0.12);
            border: 1px solid rgba(184, 134, 11, 0.2);
        }

        /* 🧙‍♂️ Web3 玩家属性测试弹窗 默认/真金盘(dark-mode) 适配 */
        #quiz-modal #quiz-body button.lucky-btn-neon {
            color: #cbd5e1;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.2s ease-in-out;
        }

        #quiz-modal #quiz-body button.lucky-btn-neon:hover {
            color: #ffffff;
            background: rgba(168, 85, 247, 0.15);
            border-color: rgba(168, 85, 247, 0.6);
            box-shadow: 0 0 15px rgba(168, 85, 247, 0.3);
        }

        /* 🧙‍♂️ Web3 玩家属性测试弹窗 fun-mode 适配 */
        body.fun-mode #quiz-modal .modal-content {
            background: #FFFFFF;
            color: #0F172A;
            border: 1px solid rgba(0, 0, 0, 0.06);
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12);
            background-image: none;
            backdrop-filter: none;
            -webkit-backdrop-filter: none !important;
        }

        body.fun-mode #quiz-modal .modal-content,
        body.fun-mode #quiz-modal .modal-content * {
            color: #0F172A;
        }

        body.fun-mode #quiz-modal .modal-content *:not(input):not(textarea):not(.lucky-btn-neon) {
            background-color: transparent;
        }

        body.fun-mode #quiz-modal .modal-header {
            border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        }

        body.fun-mode #quiz-modal .modal-header h3 {
            color: #B8860B;
        }

        body.fun-mode #quiz-modal .close-btn {
            background: rgba(0, 0, 0, 0.06);
            color: #0F172A;
        }

        body.fun-mode #quiz-modal #quiz-body button.lucky-btn-neon {
            background: #FAF6EC;
            color: #0F172A;
            border: 1px solid rgba(184, 134, 11, 0.3);
            box-shadow: 0 2px 6px rgba(184, 134, 11, 0.05);
            transition: all 0.2s;
        }

        body.fun-mode #quiz-modal #quiz-body button.lucky-btn-neon:hover {
            background: #B8860B;
            color: #FFFCF5;
            border-color: #B8860B;
            box-shadow: 0 4px 12px rgba(184, 134, 11, 0.3);
        }

        body.fun-mode #quiz-modal #quiz-body .lucky-btn-neon.btn-spin-1 {
            background: linear-gradient(135deg, #B8860B, #D4A574);
            color: #FFFCF5;
            border: none;
        }

        body.fun-mode #quiz-modal .quiz-result-title {
            color: #0F172A;
        }

        body.fun-mode #quiz-modal .quiz-result-desc {
            background: #FAF6EC;
            border: 1px solid rgba(184, 134, 11, 0.2);
            color: #5D4037;
        }

        /* ☂️ 伞下用户充值明细弹窗 fun-mode 适配 */
        body.fun-mode #team-deposits-modal .modal-content {
            background: #FFFFFF !important;
            color: #0F172A !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12) !important;
            background-image: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        body.fun-mode #team-deposits-modal .modal-content,
        body.fun-mode #team-deposits-modal .modal-content * {
            color: #0F172A !important;
        }

        body.fun-mode #team-deposits-modal .modal-content *:not(input):not(textarea):not(.btn-mini) {
            background-color: transparent !important;
        }

        body.fun-mode #team-deposits-modal .modal-header {
            border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #team-deposits-modal .modal-header h3 {
            color: #0284C7 !important;
        }

        body.fun-mode #team-deposits-modal .close-btn {
            background: rgba(0, 0, 0, 0.06) !important;
            color: #0F172A !important;
        }

        body.fun-mode #team-deposits-modal .team-deposit-row {
            border-bottom-color: rgba(0, 0, 0, 0.06);
        }

        body.fun-mode #team-deposits-modal .team-deposit-row .player-name {
            color: #0F172A;
        }

        body.fun-mode #team-deposits-modal .team-deposit-row .deposit-amount {
            color: #059669;
        }

        body.fun-mode #team-deposits-modal .team-deposit-row .deposit-network,
        body.fun-mode #team-deposits-modal .team-deposit-row .deposit-time {
            color: #64748B;
        }

        body.fun-mode #team-deposits-modal #team-deposits-pagination {
            border-top-color: rgba(0, 0, 0, 0.06) !important;
        }

        body.fun-mode #team-deposits-modal #team-deposits-pagination #load-more-deposits-btn {
            border-color: #0284C7;
            color: #0284C7;
            background: transparent;
        }

        body.fun-mode #team-deposits-modal #team-deposits-pagination #load-more-deposits-btn:hover {
            background: rgba(2, 132, 199, 0.08);
        }


        /* === 31) 🆕 v4.89: 顶部搜索栏骨架 (.search-wrapper.ui-skeleton) fun-mode 适配
              痛点: dark-mode 下 .ui-skeleton 用 #1e293b 深底, 与 fun-mode 米色背景不协调 → 看起来 "中间黑"
              修复: fun-mode 下强制 .ui-skeleton 米色调, 骨架时显示浅金渐变; .search-input 显式透明白底 === */
        body.fun-mode .ui-skeleton {
            background-color: rgba(255, 248, 231, 0.6) !important;
            background-image: linear-gradient(110deg, transparent 8%, rgba(212, 165, 116, 0.25) 18%, transparent 33%) !important;
            border: 1px solid rgba(212, 165, 116, 0.3) !important;
            box-shadow: 0 0 8px rgba(212, 165, 116, 0.15) !important;
        }

        /* 搜索栏骨架 (骨架已加载完成时, 移除 .ui-skeleton 后, 也要保持 fun-mode 浅色) */
        body.fun-mode .search-wrapper {
            background: var(--fun-lux-card) !important;
            border: 1px solid var(--fun-lux-border) !important;
            box-shadow: var(--fun-lux-shadow-sm) !important;
        }

        body.fun-mode .search-input {
            background: transparent !important;
            color: var(--fun-lux-text) !important;
        }

        body.fun-mode .search-input::placeholder {
            color: var(--fun-lux-text-mute);
        }

        body.fun-mode .search-btn {
            background: var(--fun-lux-cream) !important;
            color: var(--fun-lux-text) !important;
            border-left: 1px solid var(--fun-lux-border) !important;
        }

        body.fun-mode .search-btn:hover {
            background: var(--fun-lux-white);
            color: var(--fun-lux-gold);
        }

        /* 🔍 emoji 图标: fun-mode 下保持中棕 */
        body.fun-mode .search-wrapper>span {
            color: var(--fun-text-soft) !important;
        }

        /* 搜索栏其他装饰元素 (.search-clear-btn 等) */
        body.fun-mode #search-clear-btn {
            color: var(--fun-text-soft) !important;
        }

        /* 顶部导航 (.nav-item.ui-skeleton) — 同理 */
        body.fun-mode .nav-item.ui-skeleton {
            background-color: rgba(255, 248, 231, 0.6) !important;
            border-color: rgba(212, 165, 116, 0.3) !important;
        }

        /* 头像 / 钱包按钮 / logo 等 ui-skeleton */
        body.fun-mode .logo-wrapper.ui-skeleton,
        body.fun-mode .btn-connect.ui-skeleton,
        body.fun-mode #menuToggle.ui-skeleton {
            background-color: rgba(255, 248, 231, 0.6) !important;
            border-color: rgba(212, 165, 116, 0.3) !important;
        }

        /* 阶段 3: 转盘预览(1.8s-2.2s) - 用 animation */
        /* 阶段 4: 结束 (2.2s-2.5s) */

        /* === 32) 🆕 2026-06-26: 功能锁定 (坐庄盘/私有盘 默认置灰 + 不可点击) ===
       CSS 默认就生效, 不依赖 JS class 切换 — 防止 SW 缓存 / JS 抛错 / localStorage 残留导致失效
       恢复显示: 输入 8800 / URL ?unlock=1 (由 JS 动态注入 override CSS) */
        /* 32.1 坐庄盘/私有盘入口 — 默认置灰 + 不可点击 (静默, 不显示 🔒/提示浮层) */
        #create-choice-modal [onclick*="openAgentCreateMode"],
        #create-choice-modal [onclick*="openPrivateCreateMode"] {
            opacity: 0.4 !important;
            filter: grayscale(0.7) !important;
            cursor: not-allowed !important;
            pointer-events: none !important;
            transform: none !important;
            box-shadow: none !important;
            transition: all 0.3s ease !important;
        }