/* 承重(阶段4实测): 本文件 174 处 !important(173 行, L868 一行两处) 全部结构性承重 — 全量剥离实测翻盘 4029 处
   computed-style 差异(12 态中仅 idx-01-light 零差异; 其余 11 态翻盘: 浅色玻璃→暗色默认、
   960px 双列布局丢失、闪兑/提现/徽章弹窗串色); 竞对来自 main.css/fun-mode.css 高特异性覆写。
   覆盖范围含 #ref-modal-wrapper/#withdraw-modal/#user-badge-modal/#fs-task-banner。请勿批量移除 */
        /* === 默认浅色 === */
        .ref-modal-content,
        #withdraw-modal .modal-content {
            background: var(--card-light) !important;
            color: var(--text-main) !important;
            border: 1px solid var(--border-light) !important;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
        }

        .ref-modal-content::-webkit-scrollbar-track,
        #withdraw-modal .modal-content::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.04) !important;
        }

        .ref-modal-content::-webkit-scrollbar-thumb,
        #withdraw-modal .modal-content::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, #94A3B8, #64748B) !important;
            border: 1px solid rgba(255, 255, 255, 0.4) !important;
        }

        /* 头部 (sticky) */
        .ref-modal-content .modal-header {
            background: linear-gradient(180deg, var(--card-light) 0%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0) 100%) !important;
            border-bottom: 1px solid var(--border-light) !important;
        }

        #withdraw-modal .modal-header {
            background: transparent !important;
            border-bottom: 1px solid var(--border-light) !important;
        }

        /* 标题色 (覆盖内联 color:#fff) */
        .ref-modal-content .modal-header h3,
        #withdraw-modal .modal-header h3 {
            color: var(--text-main) !important;
        }

        /* 关闭按钮 */
        .ref-modal-content .close-btn,
        #withdraw-modal .close-btn {
            background: var(--border-light) !important;
            color: var(--text-main) !important;
        }

        .ref-modal-content .close-btn:hover,
        #withdraw-modal .close-btn:hover {
            background: rgba(0, 0, 0, 0.12) !important;
        }

        /* 未登录提示文字 */
        .ref-modal-content .lucky-unconnected-ref,
        .ref-modal-content .lucky-unconnected-ref div {
            color: var(--text-muted) !important;
        }

        /* 头像卡 / 通用卡 */
        .ref-modal-content .lucky-connected-ref>div[style*="background: rgba(0,0,0,0.2)"] {
            background: var(--bg-light) !important;
            border: 1px solid var(--border-light) !important;
        }

        .ref-modal-content .lucky-connected-ref #my-center-avatar-fallback {
            background: var(--border-light) !important;
            color: var(--text-main) !important;
        }

        /* 名字/地址/邀请链接文字色 */
        .ref-modal-content #my-center-nickname,
        .ref-modal-content #my-center-address,
        .ref-modal-content .lucky-connected-ref>div[style*="color: #fff"]:not([class]) {
            color: var(--text-main) !important;
        }

        .ref-modal-content #my-center-address {
            color: var(--text-muted) !important;
        }

        .ref-modal-content #my-center-address:hover {
            color: #0284C7 !important;
        }

        /* 推广规则区 */
        .ref-modal-content .lucky-ref-rules {
            background: linear-gradient(135deg, var(--bg-light), rgba(255, 255, 255, 0.7)) !important;
            border: 1px solid var(--border-light) !important;
            color: var(--text-main) !important;
        }

        .ref-modal-content .lucky-ref-rules * {
            color: var(--text-main) !important;
        }

        .ref-modal-content .lucky-ref-rules .lucky-agent-rate,
        .ref-modal-content .lucky-ref-rules .lucky-level-display {
            color: var(--text-main) !important;
        }

        /* 编辑按钮 (内联深色) */
        .ref-modal-content button.btn-mini[style*="background: rgba(255,255,255,0.1)"] {
            background: var(--border-light) !important;
            color: var(--text-main) !important;
            border: 1px solid var(--border-light) !important;
        }

        /* 闪兑任务卡 / 限时活动 Banner: 保留品牌色 (黄/红), 不强制覆盖 */
        .ref-modal-content #fs-task-card,
        .ref-modal-content .fs-banner,
        .ref-modal-content .fs-tab-btn {
            /* 让品牌色保留, 但在浅色背景下增强对比 */
        }

        .ref-modal-content .fs-tab-btn:not(.active) {
            color: var(--text-muted) !important;
        }

        .ref-modal-content .fs-tab-btn.active {
            background: rgba(250, 204, 21, 0.25) !important;
            color: #B45309 !important;
            border: 1px solid rgba(250, 204, 21, 0.6) !important;
        }

        /* 闪兑输入框 */
        .ref-modal-content input.lucky-input-dark,
        .ref-modal-content .lucky-ref-link {
            background: var(--bg-light) !important;
            border: 1px solid var(--border-light) !important;
            color: var(--text-main) !important;
        }

        .ref-modal-content input.lucky-input-dark::placeholder {
            color: var(--text-muted) !important;
        }

        .ref-modal-content .lucky-btn-neon {
            /* 保留 brand gradient, 但去掉霓虹 box-shadow (浅色背景下太刺眼) */
            box-shadow: 0 2px 8px rgba(56, 189, 248, 0.15) !important;
        }

        /* 累计分佣大数字: 浅色背景下用品牌深蓝渐变 (保留特效) */
        .ref-modal-content .lucky-ref-earned {
            background: linear-gradient(90deg, #0369A1, #38BDF8, #0EA5E9, #0369A1) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            background-size: 200% auto !important;
            animation: colorFlow 3s linear infinite !important;
            filter: drop-shadow(0 2px 6px rgba(2, 132, 199, 0.25)) !important;
        }

        /* 提现 modal 子元素 */
        #withdraw-modal .modal-content>div[style*="color: #cbd5e1"] {
            color: var(--text-muted) !important;
        }

        #withdraw-modal #wd-avail-balance {
            color: #B45309 !important;
        }

        #withdraw-modal strong[style*="color:#facc15"] {
            color: #B45309 !important;
        }

        #withdraw-modal .lucky-input-dark,
        #withdraw-modal input[type="text"],
        #withdraw-modal input[type="number"] {
            background: var(--bg-light) !important;
            border: 1px solid var(--border-light) !important;
            color: var(--text-main) !important;
        }

        #withdraw-modal .lucky-btn-neon,
        #withdraw-modal button[id*="wd-"] {
            color: #fff !important;
        }

        #withdraw-modal .network-card,
        #withdraw-modal .currency-tag {
            background: var(--bg-light) !important;
            border-color: var(--border-light) !important;
            color: var(--text-main) !important;
        }

        #withdraw-modal .net-info h4 {
            color: var(--text-main) !important;
        }

        #withdraw-modal .net-info p {
            color: var(--text-muted) !important;
        }

        #withdraw-modal .modal-submit-btn {
            background: var(--text-main) !important;
            color: var(--card-light) !important;
        }

        #withdraw-modal .modal-subtitle {
            color: var(--text-muted) !important;
        }

        #withdraw-modal .amount-input-wrapper input {
            background: var(--bg-light) !important;
            border-color: var(--border-light) !important;
            color: var(--text-main) !important;
        }

        /* 提现 modal 头部 "支持跨链" 徽章: 浅色背景下加深 */
        #withdraw-modal h3 span[style*="background: rgba(236,72,153"] {
            background: rgba(236, 72, 153, 0.15) !important;
            color: #BE185D !important;
            border: 1px solid rgba(236, 72, 153, 0.4) !important;
        }

        /* === body.dark-mode 抱底: 深色玻璃 === */
        body.dark-mode .ref-modal-content,
        body.dark-mode #withdraw-modal .modal-content {
            background: radial-gradient(circle at 50% 0%, rgba(30, 34, 53, 0.85), rgba(11, 15, 25, 0.85)) !important;
            color: #fff !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
        }

        body.dark-mode #withdraw-modal .modal-content {
            background: radial-gradient(circle at 50% 0%, rgba(30, 34, 53, 0.99), rgba(11, 15, 25, 0.99)) !important;
            border: 1px solid rgba(236, 72, 153, 0.35) !important;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7) !important;
        }

        body.dark-mode .ref-modal-content .modal-header,
        body.dark-mode #withdraw-modal .modal-header {
            background: linear-gradient(180deg, rgba(11, 15, 25, 0.96) 0%, rgba(11, 15, 25, 0.88) 80%, rgba(11, 15, 25, 0) 100%) !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        }

        body.dark-mode .ref-modal-content .modal-header h3,
        body.dark-mode #withdraw-modal .modal-header h3 {
            color: #fff !important;
        }

        body.dark-mode .ref-modal-content .close-btn,
        body.dark-mode #withdraw-modal .close-btn {
            background: rgba(255, 255, 255, 0.1) !important;
            color: #fff !important;
        }

        body.dark-mode .ref-modal-content .lucky-unconnected-ref,
        body.dark-mode .ref-modal-content .lucky-unconnected-ref div {
            color: #94A3B8 !important;
        }

        body.dark-mode .ref-modal-content .lucky-connected-ref>div[style*="background: rgba(0,0,0,0.2)"] {
            background: rgba(0, 0, 0, 0.2) !important;
            border: 1px solid rgba(255, 255, 255, 0.05) !important;
        }

        body.dark-mode .ref-modal-content #my-center-avatar-fallback {
            background: #333 !important;
            color: #fff !important;
        }

        body.dark-mode .ref-modal-content #my-center-nickname,
        body.dark-mode .ref-modal-content #my-center-address {
            color: #fff !important;
        }

        body.dark-mode .ref-modal-content #my-center-address {
            color: #94A3B8 !important;
        }

        body.dark-mode .ref-modal-content .lucky-ref-rules {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.05)) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            color: #fff !important;
        }

        body.dark-mode .ref-modal-content .lucky-ref-rules * {
            color: #fff !important;
        }

        body.dark-mode .ref-modal-content .lucky-ref-rules .lucky-level-display {
            color: #facc15 !important;
        }

        body.dark-mode .ref-modal-content button.btn-mini[style*="background: rgba(255,255,255,0.1)"] {
            background: rgba(255, 255, 255, 0.1) !important;
            color: #fff !important;
            border: 1px solid rgba(255, 255, 255, 0.2) !important;
        }

        body.dark-mode .ref-modal-content input.lucky-input-dark,
        body.dark-mode .ref-modal-content .lucky-ref-link {
            background: rgba(0, 0, 0, 0.4) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            color: #fff !important;
        }

        body.dark-mode .ref-modal-content .fs-tab-btn:not(.active) {
            color: #94A3B8 !important;
        }

        body.dark-mode .ref-modal-content .fs-tab-btn.active {
            background: rgba(250, 204, 21, 0.18) !important;
            color: #facc15 !important;
            border: 1px solid rgba(250, 204, 21, 0.5) !important;
        }

        body.dark-mode .ref-modal-content .lucky-ref-earned {
            background: linear-gradient(90deg, #38bdf8, #bae6fd, #0284c7, #38bdf8) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            background-size: 200% auto !important;
            animation: colorFlow 3s linear infinite !important;
            filter: drop-shadow(0 4px 15px rgba(56, 189, 248, 0.4)) !important;
        }

        body.dark-mode .ref-modal-content .lucky-btn-neon {
            box-shadow: 0 0 18px rgba(245, 158, 11, 0.3) !important;
        }

        /* 提现 modal dark */
        body.dark-mode #withdraw-modal .modal-content>div[style*="color: #cbd5e1"] {
            color: #cbd5e1 !important;
        }

        body.dark-mode #withdraw-modal #wd-avail-balance,
        body.dark-mode #withdraw-modal strong[style*="color:#facc15"] {
            color: #facc15 !important;
        }

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

        body.dark-mode #withdraw-modal .network-card,
        body.dark-mode #withdraw-modal .currency-tag {
            background: var(--bg-light) !important;
            border-color: rgba(255, 255, 255, 0.1) !important;
            color: #fff !important;
        }

        body.dark-mode #withdraw-modal .net-info h4 {
            color: #fff !important;
        }

        body.dark-mode #withdraw-modal .net-info p {
            color: #94A3B8 !important;
        }

        body.dark-mode #withdraw-modal .modal-submit-btn {
            background: #F1F5F9 !important;
            color: #0F172A !important;
        }

        body.dark-mode #withdraw-modal .amount-input-wrapper input {
            background: rgba(0, 0, 0, 0.4) !important;
            border-color: rgba(255, 255, 255, 0.1) !important;
            color: #fff !important;
        }

        body.dark-mode #withdraw-modal h3 span[style*="background: rgba(236,72,153"] {
            background: rgba(236, 72, 153, 0.15) !important;
            color: #f472b6 !important;
            border: 1px solid rgba(236, 72, 153, 0.3) !important;
        }

        /* === body.is-lucky-mode: 同步用深色玻璃 (跟 dark-mode 视觉一致) === */
        body.is-lucky-mode .ref-modal-content,
        body.is-lucky-mode #withdraw-modal .modal-content {
            background: radial-gradient(circle at 50% 0%, rgba(30, 34, 53, 0.85), rgba(11, 15, 25, 0.85)) !important;
            color: #fff !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
        }

        body.is-lucky-mode #withdraw-modal .modal-content {
            background: radial-gradient(circle at 50% 0%, rgba(30, 34, 53, 0.99), rgba(11, 15, 25, 0.99)) !important;
            border: 1px solid rgba(236, 72, 153, 0.35) !important;
        }

        body.is-lucky-mode .ref-modal-content .modal-header h3,
        body.is-lucky-mode #withdraw-modal .modal-header h3,
        body.is-lucky-mode .ref-modal-content .lucky-unconnected-ref,
        body.is-lucky-mode .ref-modal-content .lucky-connected-ref>div[style*="background: rgba(0,0,0,0.2)"],
        body.is-lucky-mode .ref-modal-content .lucky-ref-rules,
        body.is-lucky-mode .ref-modal-content .lucky-ref-rules * {
            background: revert !important;
            color: #fff !important;
            border: revert !important;
        }

        body.is-lucky-mode .ref-modal-content #my-center-avatar-fallback {
            background: #333 !important;
        }

        body.is-lucky-mode .ref-modal-content input.lucky-input-dark,
        body.is-lucky-mode .ref-modal-content .lucky-ref-link,
        body.is-lucky-mode #withdraw-modal .lucky-input-dark,
        body.is-lucky-mode #withdraw-modal input[type="text"],
        body.is-lucky-mode #withdraw-modal input[type="number"] {
            background: rgba(0, 0, 0, 0.4) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            color: #fff !important;
        }

        /* === body.fun-mode 不需要重复 - v4.71 已经覆盖 (高奢白) === */
    


        /* ════════════════════════════════════════════════════════════════
           🆕 v6.32 (2026-08-24): 我的中心改版
           ① PC 宽屏双列布局  ② 暗色对比度提升  ③ 预测偏好仪表盘
           ④ 徽章收集墙  ⑤ newcoin闪兑折叠  ⑥ 玩家公开徽章弹窗
           ════════════════════════════════════════════════════════════════ */

        /* ── ① PC 宽屏布局: 手机单列, ≥1024px 双列网格 (v6.33 重排) ──
           行序: [三合一名片卡] → [预测偏好 C位] → [代理等级|quiz] → [闪兑条] */
        @media (min-width: 1024px) {
            #ref-modal-wrapper .modal-content {
                max-width: 960px !important;
            }
            #ref-modal-wrapper .lucky-connected-ref {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
                gap: 16px 20px;
                align-items: stretch;
            }
            #ref-modal-wrapper .mc-topcard,
            #ref-modal-wrapper .mc-insights {
                grid-column: 1 / -1;
            }
            /* 闪兑与代理等级并排 (半列): Banner 内容允许换行收紧 */
            #ref-modal-wrapper .mc-fs .fs-banner > div:last-child {
                flex-wrap: wrap;
                row-gap: 8px;
            }
            #ref-modal-wrapper .mc-fs #fs-banner-countdown {
                font-size: 1.1em !important;
            }
            #ref-modal-wrapper .mc-fs .fs-banner-title {
                font-size: 1.0em !important;
            }
            /* 名片卡三栏: 头像 | 分佣 | 邀请链接, 竖分隔线, 垂直居中 */
            #ref-modal-wrapper .mc-topcard {
                display: grid;
                grid-template-columns: auto minmax(0, 0.9fr) minmax(0, 1.3fr);
                align-items: center;
                gap: 20px;
            }
            #ref-modal-wrapper .mc-topcell + .mc-topcell {
                border-left: 1px solid rgba(255, 255, 255, 0.09);
                padding-left: 20px;
            }
            /* 预测偏好数据区: 左饼图 / 右统计+风格, 饱满并排 */
            #ref-modal-wrapper .mc-insights-main {
                display: grid;
                grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
                gap: 20px;
                align-items: center;
            }
            #ref-modal-wrapper .mc-radar-wrap {
                max-width: 320px;
            }
            /* 徽章墙宽屏 6 列更紧凑 */
            #ref-modal-wrapper .mc-badge-grid {
                grid-template-columns: repeat(6, minmax(0, 1fr));
            }
        }

        /* ── ② 对比度提升 (仅暗色系主题; 浅色/高奢白由前文覆写规则负责) ── */
        body.dark-mode #ref-modal-wrapper [style*="color: #94a3b8"],
        body.dark-mode #ref-modal-wrapper [style*="color:#94a3b8"],
        body.dark-mode #user-badge-modal [style*="color: #94a3b8"] {
            color: #B6C3DC !important; /* #94a3b8→提亮: 深底对比度 7.0→9.5:1 */
        }
        body.dark-mode #ref-modal-wrapper [style*="color: #64748b"],
        body.dark-mode #ref-modal-wrapper [style*="color:#64748b"] {
            color: #94A6C5 !important; /* 4.5→6.9:1 */
        }
        body.dark-mode #ref-modal-wrapper .lucky-input-dark,
        body.dark-mode #ref-modal-wrapper .lucky-ref-link {
            background: rgba(255, 255, 255, 0.06) !important;
            border-color: rgba(255, 255, 255, 0.22) !important;
            color: #F1F5F9 !important;
        }
        body.dark-mode #ref-modal-wrapper .close-btn,
        body.dark-mode #user-badge-modal .close-btn {
            background: rgba(255, 255, 255, 0.16) !important;
        }

        /* ── ③ 预测偏好仪表盘 (v6.33: C位强调 + 紧凑饱满) ── */
        .mc-insights {
            background: linear-gradient(160deg, rgba(56, 189, 248, 0.07), rgba(255, 255, 255, 0.02) 55%, rgba(168, 85, 247, 0.05));
            border: 1px solid rgba(56, 189, 248, 0.32);
            border-radius: 16px;
            padding: 16px 18px;
            color: var(--text-main, #fff);
        }
        .mc-insights-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }
        .mc-insights-title {
            font-weight: 900;
            font-size: 1.05em;
        }
        .mc-insights-note {
            color: var(--text-muted, #94a3b8);
            font-size: 0.85em;
            text-align: center;
            padding: 8px 6px;
            line-height: 1.5;
        }
        .mc-style-pill {
            font-size: 0.72em;
            font-weight: 800;
            padding: 3px 10px;
            border-radius: 999px;
            white-space: nowrap;
        }
        .mc-style-pill.mc-aggressive { background: rgba(239, 68, 68, 0.18); color: #fca5a5; border: 1px solid rgba(239, 68, 68, 0.45); }
        .mc-style-pill.mc-balanced   { background: rgba(250, 204, 21, 0.14); color: #fde047; border: 1px solid rgba(250, 204, 21, 0.4); }
        .mc-style-pill.mc-conservative { background: rgba(16, 185, 129, 0.15); color: #6ee7b7; border: 1px solid rgba(16, 185, 129, 0.4); }
        .mc-style-pill.mc-unknown    { background: rgba(148, 163, 184, 0.15); color: #b6c3dc; border: 1px solid rgba(148, 163, 184, 0.35); }

        .mc-insights-grid {
            display: flex;
            align-items: center;
            gap: 16px;
            flex-wrap: wrap;
        }
        .mc-radar-wrap {
            width: 100%;
            max-width: 280px;
            flex-shrink: 0;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .mc-radar-wrap svg { width: 100%; height: auto; display: block; }
        .mc-radar-total {
            margin-top: 4px;
            font-size: 0.78em;
            color: var(--text-muted, #94a3b8);
        }
        .mc-radar-total b { color: var(--text-main, #fff); font-size: 1.15em; font-weight: 900; }

        .mc-pie-legend {
            flex: 1;
            min-width: 160px;
            display: flex;
            flex-direction: column;
            gap: 6px;
            font-size: 0.82em;
        }
        .mc-legend-row {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--text-main, #e2e8f0);
        }
        .mc-legend-dot { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }
        .mc-legend-name { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .mc-legend-pct { font-weight: 800; }
        .mc-legend-sub { color: var(--text-muted, #94a3b8); font-size: 0.88em; }

        /* 风格仪表条: 左激进(红) → 右稳健(绿) */
        .mc-style-meter { margin-top: 16px; }
        .mc-style-meter-labels {
            display: flex;
            justify-content: space-between;
            font-size: 0.78em;
            color: var(--text-muted, #94a3b8);
            margin-bottom: 6px;
            font-weight: 700;
        }
        .mc-style-track {
            position: relative;
            height: 10px;
            border-radius: 6px;
            background: linear-gradient(90deg, #ef4444 0%, #f59e0b 38%, #facc15 55%, #10b981 100%);
            opacity: 0.9;
        }
        .mc-style-marker {
            position: absolute;
            top: 50%;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: #fff;
            border: 3px solid #0f172a;
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7), 0 2px 8px rgba(0, 0, 0, 0.5);
            transform: translate(-50%, -50%);
            transition: left 0.6s ease;
        }
        .mc-style-caption {
            margin-top: 8px;
            font-size: 0.78em;
            text-align: center;
            color: var(--text-muted, #94a3b8);
        }

        /* ── ④ 徽章收集墙 ── */
        .mc-badges { margin-top: 18px; }
        .mc-badges-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 900;
            font-size: 0.95em;
            margin-bottom: 10px;
        }
        .mc-badge-count { color: #facc15; font-size: 0.85em; }
        .mc-badge-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
            gap: 8px;
        }
        .mc-badge {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 5px;
            padding: 10px 6px 9px;
            border-radius: 12px;
            background: rgba(0, 0, 0, 0.25);
            border: 1px solid rgba(255, 255, 255, 0.08);
            text-align: center;
            cursor: default;
            transition: transform 0.15s ease, box-shadow 0.15s ease;
        }
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) .mc-badge {
            background: var(--surface-2, #EDEFF3);
            border-color: var(--line-2, rgba(0, 0, 0, 0.12));
        }
        .mc-badge:hover { transform: translateY(-2px); }
        .mc-badge .mc-badge-icon {
            font-size: 1.6em;
            line-height: 1;
            filter: grayscale(1) opacity(0.45);
        }
        .mc-badge .mc-badge-name {
            font-size: 0.68em;
            font-weight: 800;
            color: var(--text-muted, #94a3b8);
            line-height: 1.25;
        }
        .mc-badge .mc-badge-bar {
            width: 100%;
            height: 4px;
            border-radius: 2px;
            background: rgba(255, 255, 255, 0.1);
            overflow: hidden;
        }
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) .mc-badge .mc-badge-bar {
            background: rgba(0, 0, 0, 0.1);
        }
        .mc-badge .mc-badge-bar i {
            display: block;
            height: 100%;
            background: linear-gradient(90deg, #f59e0b, #facc15);
            border-radius: 2px;
        }
        /* 已点亮徽章: 金框彩图标 */
        .mc-badge.mc-earned {
            background: linear-gradient(160deg, rgba(250, 204, 21, 0.14), rgba(245, 158, 11, 0.06));
            border-color: rgba(250, 204, 21, 0.55);
            box-shadow: 0 0 14px rgba(250, 204, 21, 0.18);
        }
        .mc-badge.mc-earned .mc-badge-icon {
            filter: none;
            text-shadow: 0 0 10px rgba(250, 204, 21, 0.6);
        }
        .mc-badge.mc-earned .mc-badge-name { color: #fde047; }
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) .mc-badge.mc-earned .mc-badge-name { color: #a16207; }
        .mc-badge.mc-earned .mc-badge-bar i { background: linear-gradient(90deg, #facc15, #fde047); }
        .mc-badge .mc-badge-progress {
            font-size: 0.62em;
            color: var(--text-muted, #94a3b8);
        }

        /* ── ⑤ newcoin 闪兑: 显式展开/收起按钮 ── */
        .fs-expand-btn {
            padding: 5px 12px;
            font-size: 0.72em;
            font-weight: 800;
            color: #fff;
            background: rgba(255, 255, 255, 0.14);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 999px;
            cursor: pointer;
            white-space: nowrap;
            flex-shrink: 0;
            transition: background 0.2s ease, transform 0.15s ease;
        }
        #fs-task-banner:hover .fs-expand-btn,
        .fs-expand-btn:hover {
            background: rgba(255, 255, 255, 0.26);
            transform: scale(1.04);
        }
        #fs-task-body { border-top: 1px dashed rgba(250, 204, 21, 0.15); }
        /* 收起时隐藏 Banner 下边框 (避免孤线) */
        #fs-task-banner:not(.fs-expanded) { border-bottom-color: transparent !important; }

        /* ── v6.33 追加: 三合一名片卡 / 统计条 / 紧凑代理等级 ── */
        .mc-topcard {
            background: rgba(0, 0, 0, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 16px;
            padding: 14px 16px;
            display: flex;
            flex-direction: column;
            gap: 14px;
        }
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) .mc-topcard {
            background: var(--bg-light);
            border-color: var(--border-light);
        }
        /* 统计条: 流水 / 均价 / 分类数 */
        .mc-insights-main { display: flex; flex-direction: column; gap: 14px; }
        .mc-insights-side { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
        .mc-stat-strip {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 8px;
            margin-bottom: 6px;
        }
        .mc-stat {
            background: rgba(0, 0, 0, 0.25);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 10px;
            padding: 8px 10px;
            display: flex;
            flex-direction: column;
            gap: 2px;
            text-align: center;
        }
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) .mc-stat {
            background: var(--surface-2, #EDEFF3);
            border-color: var(--line-2, rgba(0, 0, 0, 0.12));
        }
        .mc-stat-v { font-size: 1.0em; font-weight: 900; color: var(--text-main, #fff); }
        .mc-stat-k { font-size: 0.68em; color: var(--text-muted, #94a3b8); font-weight: 600; }
        /* 代理等级卡缩小显示比例 */
        #ref-modal-wrapper .lucky-ref-rules.mc-rules {
            padding: 12px 14px !important;
            font-size: 0.85em !important;
        }
        #ref-modal-wrapper .mc-rules .lucky-level-display { font-size: 1em !important; }
        #ref-modal-wrapper .mc-rules .lucky-agent-rate { font-size: 1.25em !important; }
        #ref-modal-wrapper .mc-rules #agent-node-chain-container { zoom: 0.85; }
        /* 名片卡内分佣数字收小, 三栏视觉均衡 */
        #ref-modal-wrapper .mc-topcell-earn .lucky-ref-earned { font-size: 2.4rem !important; }
        #ref-modal-wrapper .mc-topcell-earn [data-i18n="lucky.commEarned"] { margin-bottom: 6px !important; }
        #ref-modal-wrapper .mc-topcell-earn [data-i18n="lucky.viewAgentProgress"] { margin-top: 8px !important; }

        /* ── ⑥ 公开徽章弹窗在浅色主题下的兜底 ── */
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) #user-badge-modal .modal-content {
            background: var(--card-light) !important;
            color: var(--text-main) !important;
            border: 1px solid var(--border-light) !important;
        }
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) #user-badge-modal .modal-header h3,
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) #ubm-nickname {
            color: var(--text-main) !important;
        }
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) #ubm-address {
            color: var(--text-muted) !important;
        }
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) #user-badge-modal .close-btn {
            background: var(--border-light) !important;
            color: var(--text-main) !important;
        }


        /* ── ⑦ v6.37: 生长动效 + 分类胜率条 ── */
        @keyframes mcGrowIn { from { transform: scale(0.25); opacity: 0; } to { transform: scale(1); opacity: 1; } }
        @keyframes mcFadeUp { from { transform: translateY(8px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
        /* 雷达图: 底网淡入, 数据多边形从中心生长 */
        #mc-radar .mc-radar-net { animation: mcFadeUp 0.5s ease-out both; }
        #mc-radar .mc-radar-data { transform-box: fill-box; transform-origin: center; animation: mcGrowIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both; }
        /* 图例行错峰上浮 */
        .mc-legend-row { animation: mcFadeUp 0.45s ease-out both; }
        /* 徽章卡错峰入场 */
        .mc-badge { animation: mcFadeUp 0.4s ease-out both; }
        /* 徽章进度条: 宽度生长由 JS rAF 驱动 (先 0 后目标值) */
        .mc-badge .mc-badge-bar i { transition: width 0.9s cubic-bezier(0.22, 1, 0.36, 1); }
        /* 风格仪 marker 滑动到目标位置 */
        .mc-style-marker { transition: left 0.9s cubic-bezier(0.22, 1, 0.36, 1); }

        /* ── v6.37: 分类胜率条 (风格仪下方) ── */
        .mc-winrate { margin-top: 10px; }
        .mc-winrate-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.78em;
            font-weight: 800;
            color: var(--text-muted, #94a3b8);
            margin-bottom: 6px;
        }
        .mc-winrate-total { color: #facc15; font-weight: 900; }
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) .mc-winrate-total { color: #a16207; }
        .mc-winrate-list { display: flex; flex-direction: column; gap: 5px; }
        .mc-wr-row { display: flex; align-items: center; gap: 8px; animation: mcFadeUp 0.45s ease-out both; }
        .mc-wr-name { font-size: 0.72em; color: var(--text-main, #e2e8f0); min-width: 52px; font-weight: 600; }
        .mc-wr-track { flex: 1; height: 5px; border-radius: 3px; background: rgba(255, 255, 255, 0.08); overflow: hidden; }
        body:not(.dark-mode):not(.is-lucky-mode):not(.fun-mode) .mc-wr-track { background: rgba(0, 0, 0, 0.08); }
        .mc-wr-track i { display: block; height: 100%; border-radius: 3px; transition: width 0.9s cubic-bezier(0.22, 1, 0.36, 1); }
        .mc-wr-val { font-size: 0.72em; font-weight: 800; color: var(--text-main, #e2e8f0); min-width: 74px; text-align: right; }
        .mc-wr-val em { font-style: normal; font-weight: 500; color: var(--text-muted, #94a3b8); font-size: 0.86em; }


/* --- v6.38: 社区选题 (预测偏好卡内: 投票榜 Top5 前3点亮 + BBS 入口; BBS 弹层) --- */
.mc-community { display: grid; grid-template-columns: 1.2fr 1fr; gap: 14px; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.07); }
.mc-comm-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 0.85em; font-weight: 800; color: #e2e8f0; margin-bottom: 8px; }
.mc-comm-hint { font-size: 0.75em; color: #94a3b8; font-weight: 400; }
.mc-comm-enter { background: rgba(56,189,248,0.12); color: #38bdf8; border: 1px solid rgba(56,189,248,0.3); border-radius: 8px; padding: 3px 10px; font-size: 0.78em; font-weight: 700; cursor: pointer; transition: all 0.2s; }
.mc-comm-enter:hover { background: rgba(56,189,248,0.25); }
.mc-poll-list { display: flex; flex-direction: column; gap: 6px; }
.mc-poll-item { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 10px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); transition: all 0.2s; }
.mc-poll-item:hover { background: rgba(255,255,255,0.07); }
.mc-poll-lit { border-color: rgba(250,204,21,0.45); background: linear-gradient(135deg, rgba(250,204,21,0.10), rgba(250,204,21,0.03)); box-shadow: 0 0 12px rgba(250,204,21,0.12); }
.mc-poll-rank { width: 24px; text-align: center; font-size: 0.95em; flex-shrink: 0; color: #94a3b8; }
.mc-poll-info { flex: 1; min-width: 0; }
.mc-poll-title { font-size: 0.85em; font-weight: 700; color: #f1f5f9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-poll-meta { font-size: 0.72em; color: #94a3b8; margin-top: 2px; }
.mc-vote-btn { flex-shrink: 0; background: rgba(0,230,118,0.12); color: #00e676; border: 1px solid rgba(0,230,118,0.35); border-radius: 8px; padding: 4px 12px; font-size: 0.78em; font-weight: 800; cursor: pointer; transition: all 0.2s; }
.mc-vote-btn:hover { background: rgba(0,230,118,0.25); transform: translateY(-1px); }
.mc-vote-btn.voted { background: #00e676; color: #052e16; border-color: #00e676; }
.mc-bbs-preview { display: flex; flex-direction: column; gap: 6px; }
.mc-bbs-item { display: flex; align-items: baseline; gap: 8px; font-size: 0.8em; padding: 6px 10px; border-radius: 8px; background: rgba(255,255,255,0.03); }
.mc-bbs-text { flex: 1; min-width: 0; color: #e2e8f0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-bbs-who { color: #64748b; font-size: 0.85em; flex-shrink: 0; }
.bbs-modal { width: min(560px, 94vw); }
.bbs-tabs { display: flex; gap: 8px; margin-bottom: 12px; }
.bbs-tab { flex: 1; padding: 8px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04); color: #94a3b8; font-weight: 700; cursor: pointer; transition: all 0.2s; }
.bbs-tab.active { background: rgba(56,189,248,0.15); color: #38bdf8; border-color: rgba(56,189,248,0.4); }
.bbs-pane { max-height: 46vh; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.bbs-msg { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; padding: 10px 12px; }
.bbs-msg-head { display: flex; align-items: center; gap: 8px; font-size: 0.75em; color: #94a3b8; margin-bottom: 4px; }
.bbs-msg-head b { color: #e2e8f0; }
.bbs-msg-head .bbs-msg-time { margin-left: auto; }
.bbs-msg-text { font-size: 0.88em; color: #f1f5f9; line-height: 1.5; word-break: break-word; }
.bbs-composer { display: flex; gap: 8px; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 12px; }
.bbs-composer textarea { flex: 1; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.12); border-radius: 10px; color: #fff; padding: 9px 12px; font-size: 0.88em; resize: none; font-family: inherit; }
.bbs-composer textarea:focus { outline: none; border-color: rgba(56,189,248,0.5); }
.bbs-submit { background: linear-gradient(135deg, #38bdf8, #0284c7); color: #fff; border: none; border-radius: 10px; padding: 0 18px; font-weight: 800; cursor: pointer; transition: all 0.2s; }
.bbs-submit:hover { filter: brightness(1.1); }
.bbs-submit:disabled { opacity: 0.5; cursor: not-allowed; }
@media (max-width: 768px) { .mc-community { grid-template-columns: 1fr; } }


/* --- v6.39: 预测偏好区紧凑化 + 社区选题移入右栏底部 + BBS 回复 --- */
.mc-insights-main { gap: 10px !important; }
.mc-insights-grid { gap: 12px !important; }
.mc-radar-wrap { max-width: 290px !important; }
/* 下注比例列表压紧凑: 行距/字号收窄 */
.mc-pie-legend { gap: 3px !important; font-size: 0.78em !important; max-width: 320px; }
.mc-legend-row { gap: 6px !important; }
.mc-style-meter { margin-top: 8px !important; }
.mc-winrate { margin-top: 6px !important; }
.mc-winrate-list { gap: 3px !important; }
.mc-stat-strip { margin-top: 2px !important; }
/* 社区块在右栏窄列内: 改单列紧凑堆叠 (原宽屏双列规则被此覆盖) */
.mc-insights-side .mc-community { grid-template-columns: 1fr; gap: 10px; margin-top: 6px; padding-top: 10px; }
.mc-insights-side .mc-poll-item { padding: 5px 8px; gap: 8px; }
.mc-insights-side .mc-poll-title { font-size: 0.8em; }
.mc-insights-side .mc-comm-head { margin-bottom: 6px; }
/* 无下注数据时社区块回退到卡片底部: 恢复宽屏双列 */
#mc-insights-body > .mc-community { grid-template-columns: 1.2fr 1fr; }
/* BBS 回复 */
.bbs-msg-actions { display: flex; gap: 10px; margin-top: 6px; }
.bbs-reply-btn { background: none; border: none; color: #38bdf8; font-size: 0.78em; font-weight: 700; cursor: pointer; padding: 0; }
.bbs-reply-btn:hover { text-decoration: underline; }
.bbs-replies { margin-top: 8px; padding-left: 12px; border-left: 2px solid rgba(56,189,248,0.25); display: flex; flex-direction: column; gap: 6px; }
.bbs-reply-item { font-size: 0.82em; color: #cbd5e1; line-height: 1.45; }
.bbs-reply-item b { color: #e2e8f0; margin-right: 6px; }
.bbs-reply-box { display: flex; gap: 6px; margin-top: 8px; }
.bbs-reply-box input { flex: 1; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; color: #fff; padding: 6px 10px; font-size: 0.82em; font-family: inherit; }
.bbs-reply-box input:focus { outline: none; border-color: rgba(56,189,248,0.5); }
.bbs-reply-box button { background: rgba(56,189,248,0.15); color: #38bdf8; border: 1px solid rgba(56,189,248,0.35); border-radius: 8px; padding: 0 12px; font-size: 0.8em; font-weight: 700; cursor: pointer; }
.bbs-loading { text-align: center; color: #64748b; font-size: 0.78em; padding: 8px; }