/* 承重(阶段4实测): 本文件为欢乐盘暖色主题覆写层, 规则对抗 index.html 内联样式与
           fun-mode.css 自带 !important 的规则; 全量剥离 !important 实测翻盘 546 处差异, 请勿批量移除 */
        /* ============================================================
   匹配目标:暖米色背景 + 金棕强调 + 柔和阴影
   应用范围: 代理数据中心 / 钱包 modal / 侧边栏主题按钮 /
            转盘两侧竖向进度条 / 钱包 modal 内横向 progress bar
   ============================================================ */

        /* ===== 遮罩层 — 半透米色调柔光 ===== */
        body.fun-mode .lucky-cream-modal {
            background: radial-gradient(ellipse at center, rgba(248, 242, 229, 0.92) 0%, rgba(184, 134, 11, 0.18) 100%) !important;
        }

        /* ===== 弹窗主体 — 真正承载米色背景的层 (覆盖内联 !important 暗色) ===== */
        body.fun-mode .lucky-cream-modal .modal-content {
            background: linear-gradient(135deg, #F8F2E5 0%, #F0E6D2 100%) !important;
            border: 1px solid rgba(184, 134, 11, 0.35) !important;
            color: #1F1B16 !important;
            box-shadow: 0 20px 50px rgba(184, 134, 11, 0.18) !important;
            border-radius: 24px !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        body.fun-mode .lucky-cream-modal .modal-header {
            background: linear-gradient(180deg, #FAF5EA 0%, rgba(240, 230, 210, 0.6) 100%) !important;
            border-bottom: 1px solid rgba(184, 134, 11, 0.25) !important;
            color: #1F1B16 !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        body.fun-mode .lucky-cream-modal .modal-header h3 {
            color: #B8860B !important;
            text-shadow: none !important;
        }

        body.fun-mode .lucky-cream-modal .close-btn {
            background: rgba(184, 134, 11, 0.12) !important;
            color: #6B5D4F !important;
            border: none !important;
        }

        body.fun-mode .lucky-cream-modal .close-btn:hover {
            background: rgba(184, 134, 11, 0.22) !important;
            color: #B8860B !important;
        }

        /* ===== HUD 数字颜色 — 从亮金 → 金棕 ===== */
        body.fun-mode .lucky-cream-modal [id^="agent-dash-"] {
            color: #B8860B !important;
            filter: drop-shadow(0 2px 8px rgba(184, 134, 11, 0.4)) !important;
        }

        body.fun-mode .lucky-cream-modal .lucky-hud-card {
            background: #FFFFFF !important;
            border: 1px solid rgba(184, 134, 11, 0.2) !important;
            box-shadow: 0 2px 8px rgba(184, 134, 11, 0.08) !important;
            color: #1F1B16 !important;
        }

        body.fun-mode .lucky-cream-modal .lucky-hud-card .label,
        body.fun-mode .lucky-cream-modal .lucky-hud-card .row>span:first-child {
            color: #6B5D4F !important;
        }

        /* ===== 代理数据中心 — HUD 容器/卡片/进度区 ===== */
        body.fun-mode .lucky-cream-modal #agent-dash-hud {
            color: #1F1B16 !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-hud>div[style*="background"] {
            background: rgba(255, 255, 255, 0.6) !important;
            border: 1px solid rgba(184, 134, 11, 0.18) !important;
            box-shadow: 0 2px 10px rgba(184, 134, 11, 0.06) !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-progress-area {
            background: rgba(184, 134, 11, 0.08) !important;
            border: 1px solid rgba(184, 134, 11, 0.2) !important;
            color: #1F1B16 !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-progress-area>div[style*="height: 6px"] {
            background: rgba(184, 134, 11, 0.15) !important;
            box-shadow: inset 0 1px 2px rgba(184, 134, 11, 0.2) !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-lv0-tip {
            background: rgba(184, 134, 11, 0.08) !important;
            color: #6B5D4F !important;
            border: 1px dashed rgba(184, 134, 11, 0.25) !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-hud [style*="color: #fff"]:not(input):not(button):not(select):not(textarea) {
            color: #1F1B16 !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-hud [style*="color: #cbd5e1"]:not(input):not(button):not(select):not(textarea),
        body.fun-mode .lucky-cream-modal #agent-dash-hud [style*="color: #94a3b8"]:not(input):not(button):not(select):not(textarea),
        body.fun-mode .lucky-cream-modal #agent-dash-hud [style*="color: #64748b"]:not(input):not(button):not(select):not(textarea) {
            color: #6B5D4F !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-hud [style*="color: #facc15"]:not(input):not(button):not(select):not(textarea) {
            color: #B8860B !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-hud [style*="color: #10b981"]:not(input):not(button):not(select):not(textarea) {
            color: #059669 !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-hud [style*="color: #38bdf8"]:not(input):not(button):not(select):not(textarea) {
            color: #0284C7 !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-hud [style*="background: rgba(15,23,42"] {
            background: rgba(255, 255, 255, 0.6) !important;
            border: 1px solid rgba(184, 134, 11, 0.18) !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-hud [style*="background: rgba(0,0,0"] {
            background: rgba(184, 134, 11, 0.06) !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-hud [style*="background: linear-gradient(135deg, rgba(255, 255, 255"] {
            background: rgba(255, 255, 255, 0.6) !important;
            border: 1px solid rgba(184, 134, 11, 0.15) !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dash-hud [style*="background: rgba(16, 185, 129"] {
            background: rgba(52, 211, 153, 0.12) !important;
            border: 1px solid rgba(52, 211, 153, 0.3) !important;
        }

        /* ===== 代理数据中心 — 走势/图表卡片 ===== */
        body.fun-mode .lucky-cream-modal #agent-dashboard-modal>.modal-content>div[style*="background: rgba(0,0,0,0.2)"] {
            background: rgba(255, 255, 255, 0.6) !important;
            border: 1px solid rgba(184, 134, 11, 0.18) !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dashboard-modal>.modal-content>div[style*="background: rgba(0,0,0,0.2)"] h4 {
            color: #1F1B16 !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dashboard-modal>.modal-content>div[style*="padding"]>div:not(#agent-dash-card) {
            background: rgba(255, 255, 255, 0.6) !important;
            border: 1px solid rgba(184, 134, 11, 0.18) !important;
            box-shadow: 0 2px 10px rgba(184, 134, 11, 0.06) !important;
        }

        body.fun-mode .lucky-cream-modal #agent-dashboard-modal>.modal-content>div[style*="padding"]>div:not(#agent-promo-card):not(#agent-dash-progress-area):hover {
            border-color: rgba(184, 134, 11, 0.4) !important;
            box-shadow: 0 4px 14px rgba(184, 134, 11, 0.12) !important;
        }

        /* ===== 进度条 — 米色底 + 金棕填充 ===== */
        .lucky-cream-progress-bg {
            background: rgba(184, 134, 11, 0.12) !important;
            box-shadow: inset 0 1px 3px rgba(184, 134, 11, 0.18) !important;
        }

        .lucky-cream-progress-bg>.wallet-progress-bar,
        body.fun-mode .lucky-cream-modal .wallet-progress-bar {
            background: linear-gradient(90deg, #D4A574 0%, #B8860B 100%) !important;
            box-shadow: 0 0 8px rgba(212, 165, 116, 0.45) !important;
        }

        body.fun-mode .lucky-cream-modal .wallet-progress-bar.full {
            background: linear-gradient(90deg, #34D399 0%, #059669 100%) !important;
            box-shadow: 0 0 8px rgba(52, 211, 153, 0.45) !important;
        }

        /* ===== 转盘两侧 — 幸运值/爆能竖向进度条 (非 fun-mode 走默认赛博风) ===== */
        /* 注: 转盘进度条走深色赛博风与转盘主体一致; 欢乐盘 fun-mode 下走奶油白卡片风 (见 body.fun-mode 块) */

        /* ===== 侧边栏主题外观按钮组 ===== */
        .lucky-cream-btn-group {
            background: #FAF5EA !important;
            border: 1px solid rgba(184, 134, 11, 0.3) !important;
        }

        .lucky-cream-btn {
            color: #6B5D4F !important;
            border-color: transparent !important;
        }

        .lucky-cream-btn.active,
        .lucky-cream-btn.is-active {
            background: linear-gradient(135deg, #D4A574, #B8860B) !important;
            color: #FFFFFF !important;
            box-shadow: 0 2px 6px rgba(184, 134, 11, 0.25) !important;
        }

        .lucky-cream-btn:not(.active):hover {
            background: rgba(184, 134, 11, 0.1) !important;
            color: #B8860B !important;
        }

        /* ===== 钱包 modal 内部 — coin row 文字色 ===== */
        body.fun-mode .lucky-cream-modal .wallet-coin-info,
        body.fun-mode .lucky-cream-modal .wallet-coin-header {
            color: #1F1B16 !important;
        }

        body.fun-mode .lucky-cream-modal .wallet-max-val {
            color: #6B5D4F !important;
        }

        body.fun-mode .lucky-cream-modal .wallet-coin-row {
            background: rgba(255, 253, 248, 0.7) !important;
            border: 1px solid rgba(184, 134, 11, 0.22) !important;
            box-shadow: 0 2px 8px rgba(184, 134, 11, 0.08) !important;
        }

        body.fun-mode .lucky-cream-modal .wallet-coin-row.ready {
            background: rgba(255, 215, 0, 0.08) !important;
            border-color: rgba(245, 158, 11, 0.5) !important;
        }

        body.fun-mode .lucky-cream-modal .wallet-coin-row.full {
            background: rgba(52, 211, 153, 0.12) !important;
            border: 1px solid rgba(52, 211, 153, 0.5) !important;
            box-shadow: 0 0 12px rgba(52, 211, 153, 0.18) !important;
        }

        body.fun-mode .lucky-cream-modal .wallet-coin-row.full .wallet-max-val {
            color: #059669 !important;
        }

        /* ===== 钱包 modal 内 — 进度条底/填充米色化 ===== */
        body.fun-mode .lucky-cream-modal .wallet-progress-bg {
            background: rgba(139, 90, 43, 0.22) !important;
            box-shadow: inset 0 1px 3px rgba(139, 90, 43, 0.3) !important;
            border-radius: 6px !important;
        }

        body.fun-mode .lucky-cream-modal .wallet-progress-bar {
            background: linear-gradient(90deg, #B8860B 0%, #8B6F47 100%) !important;
            box-shadow: 0 0 10px rgba(184, 134, 11, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
            border-radius: 6px !important;
            min-height: 8px !important;
        }

        body.fun-mode .lucky-cream-modal .wallet-progress-bar.full {
            background: linear-gradient(90deg, #34D399 0%, #059669 100%) !important;
            box-shadow: 0 0 10px rgba(52, 211, 153, 0.55) !important;
        }

        /* ===== 钱包 modal 内 — 文字色加深（在白底上对比度足够） ===== */
        body.fun-mode .lucky-cream-modal .wallet-max-val {
            color: #B8860B !important;
            font-weight: 900 !important;
            text-shadow: 0 1px 2px rgba(184, 134, 11, 0.15);
        }

        /* ===== 钱包 modal — 内联文本色 (覆盖内联 !important 暗色文字) ===== */
        body.fun-mode .lucky-cream-modal #wallet-detail-modal,
        body.fun-mode .lucky-cream-modal [id="wallet-detail-modal"] [style*="color: #cbd5e1"],
        body.fun-mode .lucky-cream-modal [style*="color: #94a3b8"]:not(input):not(button):not(select):not(textarea),
        body.fun-mode .lucky-cream-modal [style*="color: #64748b"]:not(input):not(button):not(select):not(textarea),
        body.fun-mode .lucky-cream-modal [style*="color: #94a3b8; font-weight:bold"] {
            color: #6B5D4F !important;
        }

        body.fun-mode .lucky-cream-modal [style*="color: #fff"]:not(input):not(button):not(select):not(textarea) {
            color: #1F1B16 !important;
        }

        body.fun-mode .lucky-cream-modal [style*="color: #facc15"]:not(input):not(button):not(select):not(textarea) {
            color: #B8860B !important;
        }

        body.fun-mode .lucky-cream-modal [style*="color: #10b981"]:not(input):not(button):not(select):not(textarea) {
            color: #059669 !important;
        }

        body.fun-mode .lucky-cream-modal [style*="background: rgba(250,204,21"] {
            background: linear-gradient(135deg, #FFE5A0 0%, #D4A574 100%) !important;
            color: #6B4423 !important;
        }

        body.fun-mode .lucky-cream-modal [style*="background: rgba(0,0,0"] {
            background: rgba(184, 134, 11, 0.06) !important;
        }

        body.fun-mode .lucky-cream-modal [style*="background: rgba(16,185,129"] {
            background: rgba(52, 211, 153, 0.12) !important;
        }

        body.fun-mode .lucky-cream-modal h3 {
            color: #B8860B !important;
        }