将管理员功能改在云端

router_users_auth.py

@@ -50,9 +50,20 @@ async def send_verify_code(request: Request, req: SendCodeRequest, bg_tasks: Bac
     请求参数：
         - contact: 邮箱或手机号
         - contact_type: "email" 或 "phone"
-        - action_type: "register" 注册 / "reset" 重置密码
+        - action_type: "register" 注册 / "reset" 重置密码 / "recover" 找回账号
         - account: (仅重置密码时必填) 用户账号
     """
+    # 🔎 找回账号：凭绑定邮箱/手机反查，无需账号
+    if req.action_type == "recover":
+        users_db = db.load_data("users.json", default_data={})
+        matched = any(
+            u.get("email") == req.contact or u.get("phone") == req.contact
+            for u in users_db.values()
+        )
+        if not matched:
+            # 🛡️ 防枚举：未注册的联系方式也返回通用成功，但不实际发送验证码
+            return {"status": "success", "message": "如果该联系方式已绑定账号，验证码已发送"}
+
     # 如果是重置密码，需要先验证账号与联系方式匹配
     if req.action_type == "reset":
         if not req.account:
@@ -99,13 +110,25 @@ async def send_verify_code(request: Request, req: SendCodeRequest, bg_tasks: Bac
 
 
 # ==========================================
-# 📤 发送验证码接口（同步版本，备用）
+# 📤 发送验证码接口（同步版本，前端实际调用）
 # ==========================================
 # 作用：同步方式发送验证码，部分场景需要立即知道发送结果
 # 关联：verify_code_engine.py 的 send_email_code
 @router.post("/api/users/send_code")
-async def send_code_api(req: SendCodeRequest):
+@limiter.limit("5/minute")  # 🔒 安全限流：与异步版对齐，每分钟最多5次
+async def send_code_api(request: Request, req: SendCodeRequest):
     """发送验证码接口（同步版本，直接等待发送结果）"""
+    # 🔎 找回账号：凭绑定邮箱/手机反查，无需账号
+    if req.action_type == "recover":
+        users_db = db.load_data("users.json", default_data={})
+        matched = any(
+            u.get("email") == req.contact or u.get("phone") == req.contact
+            for u in users_db.values()
+        )
+        if not matched:
+            # 🛡️ 防枚举：未注册的联系方式也返回通用成功，但不实际发送验证码
+            return {"status": "success", "message": "如果该联系方式已绑定账号，验证码已发送"}
+
     # 🔒 检查发送频率限制（同一联系方式60秒内只能发送1条）
     check_send_cooldown(req.contact)
     
@@ -138,6 +161,71 @@ async def send_code_api(req: SendCodeRequest):
         raise HTTPException(status_code=400, detail="不支持的验证方式")
 
 
+# ==========================================
+# 🔎 找回账号接口（凭绑定邮箱+验证码反查账号）
+# ==========================================
+# 作用：用户同时忘记账号和密码时，凭绑定邮箱收到的验证码找回账号
+# 关联：
+#   - verify_code_engine.py 的 VERIFY_CODES (校验 recover 验证码)
+#   - 数据库连接.py (遍历 users.json 按邮箱反查账号)
+#   - 前端 找回账号表单组件.js
+@router.post("/api/users/recover_account")
+@limiter.limit("3/minute")  # 🔒 安全限流：每分钟最多3次
+async def recover_account(request: Request):
+    """
+    找回账号接口
+    
+    请求参数：
+        - email: 绑定邮箱
+        - code: 6位验证码
+    """
+    # ========== 第一步：解析请求数据（兼容双重字符串化） ==========
+    try:
+        data = await request.json()
+        if isinstance(data, str):
+            data = json.loads(data)
+    except Exception:
+        raise HTTPException(status_code=400, detail="请求数据解析失败，请检查网络")
+
+    if not isinstance(data, dict):
+        raise HTTPException(status_code=400, detail="请求数据格式异常")
+
+    email = (data.get("email") or data.get("contact") or "").strip()
+    code = (data.get("code") or "").strip()
+
+    if not email or not code:
+        raise HTTPException(status_code=400, detail="缺失必要参数 (邮箱/验证码)")
+
+    # ========== 第二步：验证码校验（原子性一次性消费，并发安全） ==========
+    cache_key = f"{email}:recover"
+    async with _verify_code_lock:
+        cached = VERIFY_CODES.pop(cache_key, None)
+    expire_time = cached.get("expires_at", cached.get("expires", 0)) if cached else 0
+
+    # 🛡️ 防枚举：验证码错误与邮箱未注册统一报错，不暴露账号注册状态
+    if not cached or cached["code"] != code or time.time() > expire_time:
+        raise HTTPException(status_code=400, detail="验证码不正确或已过期")
+
+    # ========== 第三步：按邮箱反查账号 ==========
+    users_db = db.load_data("users.json", default_data={})
+    matched_account = None
+    for account, user in users_db.items():
+        if user.get("email") == email:
+            matched_account = account
+            break
+
+    if not matched_account:
+        # 理论上验证码已验证邮箱存在，此处为防御性分支
+        raise HTTPException(status_code=400, detail="验证码不正确或已过期")
+
+    return {
+        "status": "success",
+        "message": "账号找回成功",
+        "account": matched_account,
+        "name": users_db[matched_account].get("name", "")
+    }
+
+
 # ==========================================
 # 📝 用户注册接口
 # ==========================================

verify_code_engine.py

@@ -114,6 +114,8 @@ def send_email_code(to_email: str, code: str, action: str):
         action_str = "注册账号"
     elif action == "withdraw":
         action_str = "提现操作"
+    elif action == "recover":
+        action_str = "找回账号"
     else:
         action_str = "修改/找回密码"
     subject = f"ComfyUI 社区 - {action_str}验证码"
@@ -169,6 +171,8 @@ def send_sms_code(phone: str, code: str, action: str):
         action_str = "注册账号"
     elif action == "withdraw":
         action_str = "提现操作"
+    elif action == "recover":
+        action_str = "找回账号"
     else:
         action_str = "修改/找回密码"
 

管理界面/app.js

@@ -27,6 +27,12 @@
         filtered: [],
         searchKeyword: '',
         confirmHandler: null,
+        // 🆕 管理功能迁移：页签与各模块状态
+        activeTab: 'plugins',
+        withdrawStatus: 'pending',
+        disputeStatus: '',
+        bannerImageUrl: '',
+        bannerDetailImageUrl: '',
     };
 
     // -------------------- 工具 --------------------
@@ -132,6 +138,32 @@
         }
     }
 
+    // 🆕 multipart 上传（广告图片）：FormData 不能 JSON 序列化，独立于 apiRequest
+    async function apiUpload(path, formData) {
+        const headers = { 'Accept': 'application/json' };
+        if (state.token) headers['Authorization'] = 'Bearer ' + state.token;
+        let response;
+        try {
+            response = await fetch(API_BASE + path, { method: 'POST', headers, body: formData });
+        } catch (err) {
+            throw new ApiError('网络异常，请检查连接后重试', 0, err);
+        }
+        if (response.status === 401) {
+            handleUnauthorized();
+            throw new ApiError('登录已失效，请重新登录', 401);
+        }
+        let payload = null;
+        const text = await response.text();
+        if (text) {
+            try { payload = JSON.parse(text); } catch (e) { payload = { message: text }; }
+        }
+        if (!response.ok) {
+            const msg = (payload && (payload.message || payload.error || payload.detail)) || `请求失败（${response.status}）`;
+            throw new ApiError(msg, response.status, payload);
+        }
+        return payload;
+    }
+
     // -------------------- 视图切换 --------------------
     function showView(name) {
         ['view-login', 'view-main', 'view-forbidden'].forEach((id) => {
@@ -185,7 +217,8 @@
                 if (!data || !data.token) {
                     throw new ApiError('登录响应缺少 token', 0, data);
                 }
-                persistSession(data.token, data.user || null);
+                // 登录响应顶层返回 account/name/avatar，组装为 user 对象（管理操作的 admin_account 取自这里）
+                persistSession(data.token, data.user || { account: data.account, name: data.name, avatar: data.avatar });
 
                 // 校验是否为管理员：尝试访问插件列表（403 → 非管理员）
                 try {
@@ -640,6 +673,375 @@
         }
     }
 
+    // -------------------- 🧭 页签切换 --------------------
+    const TAB_TITLES = {
+        plugins: '第三方插件',
+        withdrawals: '提现管理',
+        disputes: '申诉仲裁',
+        config: '版本管理',
+        broadcast: '公告与广告',
+        scripts: '脚本执行'
+    };
+
+    // 管理操作所需的 admin_account（后端实际以 Token 鉴权，此字段仅为请求体必填项）
+    function adminAccount() {
+        const u = state.user || {};
+        return u.account || u.username || '';
+    }
+
+    function switchTab(name) {
+        state.activeTab = name;
+        $$('.tab-item').forEach((btn) => {
+            const active = btn.dataset.tab === name;
+            btn.classList.toggle('is-active', active);
+            btn.setAttribute('aria-selected', String(active));
+        });
+        Object.keys(TAB_TITLES).forEach((key) => {
+            const panel = document.getElementById('panel-' + key);
+            if (panel) panel.hidden = (key !== name);
+        });
+        const crumb = $('.crumbs-current');
+        if (crumb) crumb.textContent = TAB_TITLES[name];
+        // 管理操作低频，每次切换拉取最新数据保证时效
+        if (name === 'withdrawals') refreshWithdrawals();
+        if (name === 'disputes') refreshDisputes();
+        if (name === 'config') loadVersionConfig();
+        if (name === 'broadcast') refreshBannerStatus();
+    }
+
+    function bindTabs() {
+        $$('.tab-item').forEach((btn) => {
+            btn.addEventListener('click', () => switchTab(btn.dataset.tab));
+        });
+    }
+
+    // -------------------- 💰 提现管理 --------------------
+    function setWithdrawState(stateName, message) {
+        $('#withdraw-loading').hidden = stateName !== 'loading';
+        $('#withdraw-empty').hidden = stateName !== 'empty';
+        $('#withdraw-error').hidden = stateName !== 'error';
+        $('#withdraw-list').hidden = stateName !== 'data';
+        if (stateName === 'error' && message) $('#withdraw-error-msg').textContent = message;
+        if (stateName === 'empty') {
+            $('#withdraw-empty-msg').textContent = state.withdrawStatus === 'pending'
+                ? '当前没有待打款的提现申请。'
+                : '当前没有已完成的提现记录。';
+        }
+    }
+
+    async function refreshWithdrawals() {
+        try {
+            setWithdrawState('loading');
+            const data = await apiRequest('GET', '/api/admin/withdrawals?status=' + state.withdrawStatus);
+            renderWithdrawList(Array.isArray(data && data.data) ? data.data : []);
+        } catch (err) {
+            if (err instanceof ApiError && err.status === 401) return; // 已自动跳回登录
+            setWithdrawState('error', err.message || '加载失败');
+        }
+    }
+
+    function renderWithdrawList(list) {
+        const wrap = $('#withdraw-list');
+        if (!list.length) { setWithdrawState('empty'); return; }
+        setWithdrawState('data');
+        wrap.innerHTML = '';
+        const frag = document.createDocumentFragment();
+        list.forEach((w) => frag.appendChild(buildWithdrawCard(w)));
+        wrap.appendChild(frag);
+    }
+
+    function buildWithdrawCard(w) {
+        const isPending = (w.withdraw_status || 'pending') === 'pending';
+        const amount = Math.abs(w.amount || 0);
+        const card = document.createElement('article');
+        card.className = 'admin-card admin-row-card';
+        card.innerHTML = `
+            <div class="row-card-head">
+                <div class="row-card-title">
+                    <span class="row-card-name">👤 ${escapeHtml(w.account || '未知用户')}</span>
+                    <span class="badge ${isPending ? 'is-off' : 'is-on'}">${isPending ? '待打款' : '已完成'}</span>
+                </div>
+                <div class="row-card-amount">${formatNumber(amount)} 积分 <em>≈ ¥${formatNumber(amount)}</em></div>
+            </div>
+            <dl class="row-card-meta">
+                <div><dt>支付宝账号</dt><dd>${escapeHtml(w.alipay_account || '-')}</dd></div>
+                <div><dt>真实姓名</dt><dd>${escapeHtml(w.real_name || '-')}</dd></div>
+                <div><dt>申请时间</dt><dd>${escapeHtml(formatDate(w.created_at))}</dd></div>
+                <div><dt>交易 ID</dt><dd>#${escapeHtml(w.tx_id)}</dd></div>
+            </dl>
+            ${isPending ? `
+                <div class="row-card-action">
+                    <input type="text" class="row-input js-order-input" placeholder="输入打款订单号（1-64 字符）" maxlength="64">
+                    <button type="button" class="btn btn-primary btn-sm js-confirm-pay">
+                        <span class="btn-label">确认打款</span>
+                        <span class="btn-spinner" aria-hidden="true"></span>
+                    </button>
+                </div>` : `
+                <div class="row-card-done">✅ 已完成打款 · 订单号：${escapeHtml(w.payment_order_id || '-')}</div>`}
+        `;
+        if (isPending) {
+            const btn = $('.js-confirm-pay', card);
+            btn.addEventListener('click', () => confirmWithdrawPayment(w, card, btn));
+        }
+        return card;
+    }
+
+    function confirmWithdrawPayment(w, card, btn) {
+        const input = $('.js-order-input', card);
+        const orderId = input.value.trim();
+        if (!orderId) { toast('请先输入打款订单号', 'warning'); input.focus(); return; }
+        confirmAction({
+            title: '确认打款',
+            message: `确认已向 ${w.account || '该用户'} 打款 ${Math.abs(w.amount || 0)} 积分对应的金额？\n订单号：${orderId}`,
+            okText: '确认打款',
+            danger: false,
+            onConfirm: async () => {
+                setBusy(btn, true);
+                try {
+                    await apiRequest('POST', '/api/admin/withdrawals/' + encodeURIComponent(w.tx_id) + '/complete', { payment_order_id: orderId });
+                    toast('打款已确认', 'success');
+                    await refreshWithdrawals();
+                } finally {
+                    setBusy(btn, false);
+                }
+            }
+        });
+    }
+
+    function bindWithdrawals() {
+        $('#btn-withdraw-refresh').addEventListener('click', () => refreshWithdrawals());
+        $$('#withdraw-status-tabs .filter-tab').forEach((tab) => {
+            tab.addEventListener('click', () => {
+                state.withdrawStatus = tab.dataset.status;
+                $$('#withdraw-status-tabs .filter-tab').forEach((t) => t.classList.toggle('is-active', t === tab));
+                refreshWithdrawals();
+            });
+        });
+    }
+
+    // -------------------- ⚖️ 申诉仲裁 --------------------
+    const DISPUTE_STATUS = {
+        pending: { label: '待回应', cls: 'is-warn' },
+        responded: { label: '待裁决', cls: 'is-info' },
+        resolved: { label: '已裁决', cls: 'is-on' }
+    };
+
+    const RESOLUTION_OPTIONS = [
+        { value: 'favor_initiator', icon: '✅', label: '支持申诉方' },
+        { value: 'favor_respondent', icon: '❌', label: '支持被申诉方' },
+        { value: 'split', icon: '⚖️', label: '按比例分成', desc: '双方按比例分配任务金额' }
+    ];
+
+    function setDisputeState(stateName, message) {
+        $('#dispute-loading').hidden = stateName !== 'loading';
+        $('#dispute-empty').hidden = stateName !== 'empty';
+        $('#dispute-error').hidden = stateName !== 'error';
+        $('#dispute-list').hidden = stateName !== 'data';
+        if (stateName === 'error' && message) $('#dispute-error-msg').textContent = message;
+    }
+
+    async function refreshDisputes() {
+        try {
+            setDisputeState('loading');
+            const url = state.disputeStatus
+                ? '/api/admin/disputes?status=' + state.disputeStatus
+                : '/api/admin/disputes';
+            const data = await apiRequest('GET', url);
+            renderDisputeList(Array.isArray(data && data.data) ? data.data : []);
+        } catch (err) {
+            if (err instanceof ApiError && err.status === 401) return;
+            setDisputeState('error', err.message || '加载失败');
+        }
+    }
+
+    function renderDisputeList(list) {
+        const wrap = $('#dispute-list');
+        if (!list.length) { setDisputeState('empty'); return; }
+        setDisputeState('data');
+        wrap.innerHTML = '';
+        const frag = document.createDocumentFragment();
+        list.forEach((d) => frag.appendChild(buildDisputeCard(d)));
+        wrap.appendChild(frag);
+    }
+
+    function buildDisputeCard(d) {
+        const st = DISPUTE_STATUS[d.status] || DISPUTE_STATUS.pending;
+        const card = document.createElement('article');
+        card.className = 'admin-card admin-row-card is-clickable';
+        card.innerHTML = `
+            <div class="row-card-head">
+                <div class="row-card-title">
+                    <span class="row-card-name">${escapeHtml(d.task_title || '未知任务')}</span>
+                    <span class="badge ${st.cls}">${st.label}</span>
+                </div>
+                <div class="row-card-time">${escapeHtml(formatDate(d.created_at))}</div>
+            </div>
+            <div class="row-card-parties">
+                <span>${escapeHtml(d.publisher_name || d.publisher || '?')}</span>
+                <em class="vs">VS</em>
+                <span>${escapeHtml(d.assignee_name || d.assignee || '?')}</span>
+                <span class="initiator">发起方：${d.initiator_role === 'publisher' ? '发布者' : '接单方'}</span>
+            </div>
+            <p class="row-card-reason">${escapeHtml(d.reason || '（未填写申诉理由）')}</p>
+        `;
+        card.addEventListener('click', () => openDisputeModal(d.id));
+        return card;
+    }
+
+    async function openDisputeModal(disputeId) {
+        openModal('modal-dispute');
+        const body = $('#dispute-detail-body');
+        body.innerHTML = '<div class="state-block"><div class="spinner-lg" aria-hidden="true"></div><p>正在加载申诉详情…</p></div>';
+        try {
+            const res = await apiRequest('GET', '/api/disputes/' + encodeURIComponent(disputeId));
+            const dispute = (res && res.data) || res || {};
+            renderDisputeDetail(body, dispute);
+        } catch (err) {
+            body.innerHTML = '<div class="state-block state-error"><div class="empty-mark">!</div><h3>加载失败</h3><p>' +
+                escapeHtml(err.message || '请稍后重试。') + '</p></div>';
+        }
+    }
+
+    function renderEvidence(images) {
+        if (!Array.isArray(images) || !images.length) return '';
+        return '<div class="evidence-row">' + images.map((src) =>
+            `<img src="${escapeHtml(src)}" alt="证据图片" loading="lazy" class="js-evidence-img">`
+        ).join('') + '</div>';
+    }
+
+    // 证据图点击放大：程序化绑定 + scheme 白名单（src 为用户上传内容，禁止 javascript: 等非 http(s) 协议）
+    function bindEvidence(root) {
+        $$('.js-evidence-img', root).forEach((img) => {
+            img.addEventListener('click', () => {
+                let url;
+                try { url = new URL(img.src, window.location.href); } catch (e) { return; }
+                if (url.protocol !== 'http:' && url.protocol !== 'https:') return;
+                window.open(url.href, '_blank', 'noopener');
+            });
+        });
+    }
+
+    function renderDisputeDetail(body, d) {
+        const canResolve = d.status !== 'resolved';
+        const initiatorLabel = d.initiator_role === 'publisher' ? '发布者' : '接单方';
+        const respondentLabel = d.initiator_role === 'publisher' ? '接单方' : '发布者';
+        body.innerHTML = `
+            <div class="dispute-section">
+                <div class="dispute-section-title">📋 关联任务</div>
+                <div class="dispute-section-body">${escapeHtml(d.task_title || '未知任务')}</div>
+            </div>
+            <div class="dispute-section">
+                <div class="dispute-section-title">📝 申诉方陈述（${escapeHtml(initiatorLabel)}）</div>
+                <div class="dispute-section-body">${escapeHtml(d.reason || '（无内容）')}${renderEvidence(d.evidence)}</div>
+            </div>
+            <div class="dispute-section">
+                <div class="dispute-section-title">💬 被申诉方回应（${escapeHtml(respondentLabel)}）</div>
+                <div class="dispute-section-body">${escapeHtml(d.response || '（尚未回应）')}${renderEvidence(d.response_evidence)}</div>
+            </div>
+            ${canResolve ? renderResolveForm() : renderResolutionResult(d)}
+        `;
+        bindEvidence(body);
+        if (canResolve) bindResolveForm(body, d);
+    }
+
+    function renderResolveForm() {
+        return `
+            <div class="resolve-box">
+                <div class="resolve-box-title">🔨 裁决操作</div>
+                <div class="resolve-options">
+                    ${RESOLUTION_OPTIONS.map((opt) => `
+                        <label class="resolve-option" data-value="${opt.value}">
+                            <input type="radio" name="resolution" value="${opt.value}">
+                            <span class="resolve-option-icon">${opt.icon}</span>
+                            <span class="resolve-option-text">
+                                <strong>${opt.label}</strong>
+                                ${opt.desc ? `<em>${opt.desc}</em>` : ''}
+                            </span>
+                        </label>`).join('')}
+                </div>
+                <div class="split-row" id="split-row" hidden>
+                    <span>申诉方分成</span>
+                    <input type="range" id="resolve-ratio" min="0" max="100" value="50">
+                    <strong id="resolve-ratio-text">50% : 50%</strong>
+                </div>
+                <label class="field">
+                    <span class="field-label">裁决说明（可选）</span>
+                    <textarea id="resolve-note" rows="3" placeholder="说明裁决依据…"></textarea>
+                </label>
+                <button type="button" id="btn-resolve" class="btn btn-primary btn-block" disabled>
+                    <span class="btn-label">确认裁决</span>
+                    <span class="btn-spinner" aria-hidden="true"></span>
+                </button>
+            </div>`;
+    }
+
+    function renderResolutionResult(d) {
+        const ratio = d.resolution_ratio ?? 50;
+        let text = '已裁决';
+        if (d.resolution === 'favor_initiator') text = '支持申诉方';
+        else if (d.resolution === 'favor_respondent') text = '支持被申诉方';
+        else if (d.resolution === 'split') text = `按比例分成（${ratio}% : ${100 - ratio}%）`;
+        return `
+            <div class="resolve-result">
+                <div class="resolve-result-title">✅ 裁决结果：${escapeHtml(text)}</div>
+                ${d.resolution_note ? `<p>${escapeHtml(d.resolution_note)}</p>` : ''}
+            </div>`;
+    }
+
+    function bindResolveForm(body, dispute) {
+        let selected = null;
+        const options = $$('.resolve-option', body);
+        const splitRow = $('#split-row', body);
+        const ratioInput = $('#resolve-ratio', body);
+        const ratioText = $('#resolve-ratio-text', body);
+        const submitBtn = $('#btn-resolve', body);
+
+        options.forEach((opt) => {
+            opt.addEventListener('click', () => {
+                options.forEach((o) => o.classList.remove('selected'));
+                opt.classList.add('selected');
+                const radio = opt.querySelector('input');
+                if (radio) radio.checked = true;
+                selected = opt.dataset.value;
+                splitRow.hidden = selected !== 'split';
+                submitBtn.disabled = false;
+            });
+        });
+        ratioInput.addEventListener('input', () => {
+            const v = parseInt(ratioInput.value, 10) || 0;
+            ratioText.textContent = `${v}% : ${100 - v}%`;
+        });
+        submitBtn.addEventListener('click', async () => {
+            if (!selected) return;
+            const note = $('#resolve-note', body).value.trim();
+            setBusy(submitBtn, true);
+            try {
+                // ⚠️ 后端 resolve 端点为裸标量参数（FastAPI 按 query 解析），必须走 query 传参而非 JSON body
+                const params = new URLSearchParams({ resolution: selected });
+                if (selected === 'split') params.set('ratio', String(parseInt(ratioInput.value, 10) || 50));
+                if (note) params.set('note', note);
+                await apiRequest('POST', '/api/admin/disputes/' + encodeURIComponent(dispute.id) + '/resolve?' + params.toString());
+                toast('裁决已生效', 'success');
+                closeModal('modal-dispute');
+                refreshDisputes();
+            } catch (err) {
+                toast(err.message || '裁决失败', 'error');
+                setBusy(submitBtn, false);
+            }
+        });
+    }
+
+    function bindDisputes() {
+        $('#btn-dispute-refresh').addEventListener('click', () => refreshDisputes());
+        $$('#dispute-status-tabs .filter-tab').forEach((tab) => {
+            tab.addEventListener('click', () => {
+                state.disputeStatus = tab.dataset.status || '';
+                $$('#dispute-status-tabs .filter-tab').forEach((t) => t.classList.toggle('is-active', t === tab));
+                refreshDisputes();
+            });
+        });
+    }
+
     // -------------------- Toast --------------------
     function toast(message, type) {
         const container = $('#toast-container');
@@ -656,6 +1058,210 @@
         }, type === 'error' ? 4200 : 2800);
     }
 
+    // -------------------- 🏷️ 版本管理 --------------------
+    const STAGE_LABELS = { alpha: 'Alpha（内测）', beta: 'Beta（公测）', rc: 'RC（候选发布）', stable: 'Stable（稳定版）' };
+
+    function updateVerPreview() {
+        const form = $('#form-version');
+        if (!form) return;
+        const stage = form.querySelector('[name="stage"]').value;
+        const major = form.querySelector('[name="major"]').value;
+        const minor = form.querySelector('[name="minor"]').value;
+        const patch = form.querySelector('[name="patch"]').value;
+        $('#ver-preview').textContent = `版本预览：V${major}.${minor}.${patch} · ${STAGE_LABELS[stage] || stage}`;
+    }
+
+    async function loadVersionConfig() {
+        try {
+            showError($('#form-version-error'), '');
+            const res = await apiRequest('GET', '/api/admin/config/project_version');
+            const cfg = (res && res.data) || {};
+            const form = $('#form-version');
+            form.querySelector('[name="stage"]').value = cfg.stage || 'beta';
+            form.querySelector('[name="major"]').value = cfg.major ?? 2;
+            form.querySelector('[name="minor"]').value = cfg.minor ?? 0;
+            form.querySelector('[name="patch"]').value = cfg.patch ?? 0;
+            updateVerPreview();
+        } catch (err) {
+            if (!(err instanceof ApiError && err.status === 401)) {
+                showError($('#form-version-error'), err.message || '加载当前版本配置失败');
+            }
+        }
+    }
+
+    function bindVersion() {
+        const form = $('#form-version');
+        ['change', 'input'].forEach((evt) => form.addEventListener(evt, updateVerPreview));
+        form.addEventListener('submit', async (event) => {
+            event.preventDefault();
+            showError($('#form-version-error'), '');
+            const payload = {
+                stage: form.querySelector('[name="stage"]').value,
+                major: toIntOr(form.querySelector('[name="major"]').value, 0),
+                minor: toIntOr(form.querySelector('[name="minor"]').value, 0),
+                patch: toIntOr(form.querySelector('[name="patch"]').value, 0)
+            };
+            const btn = $('#btn-version-save');
+            setBusy(btn, true);
+            try {
+                await apiRequest('PUT', '/api/admin/config/project_version', payload);
+                toast(`版本已更新为 V${payload.major}.${payload.minor}.${payload.patch}（${STAGE_LABELS[payload.stage] || payload.stage}）`, 'success');
+            } catch (err) {
+                showError($('#form-version-error'), err.message || '版本更新失败');
+            } finally {
+                setBusy(btn, false);
+            }
+        });
+    }
+
+    // -------------------- 📢 公告与广告 --------------------
+    async function refreshBannerStatus() {
+        const badge = $('#banner-status-badge');
+        try {
+            const res = await apiRequest('GET', '/api/public/banner_config');
+            const data = res && res.data;
+            if (data && data.enabled && data.bannerImage) {
+                badge.textContent = '广告展示中';
+                badge.className = 'badge is-on';
+            } else {
+                badge.textContent = '无活跃广告';
+                badge.className = 'badge is-off';
+            }
+        } catch (err) {
+            badge.textContent = '状态未知';
+            badge.className = 'badge';
+        }
+    }
+
+    function setPreviewImg(id, url) {
+        const img = document.getElementById(id);
+        img.src = url;
+        img.hidden = false;
+    }
+
+    function bindUploadButton(btnId, inputId, previewId, onDone) {
+        const btn = document.getElementById(btnId);
+        const input = document.getElementById(inputId);
+        btn.addEventListener('click', () => input.click());
+        input.addEventListener('change', async () => {
+            const file = input.files[0];
+            if (!file) return;
+            const label = $('.btn-label', btn);
+            const oldText = label.textContent;
+            label.textContent = '上传中…';
+            setBusy(btn, true);
+            try {
+                const fd = new FormData();
+                fd.append('file', file);
+                fd.append('file_type', 'banner');
+                const res = await apiUpload('/api/upload', fd);
+                if (res && res.url) {
+                    onDone(res.url);
+                    setPreviewImg(previewId, res.url);
+                    toast('图片上传成功', 'success');
+                } else {
+                    throw new ApiError('上传响应缺少图片地址', 0, res);
+                }
+            } catch (err) {
+                toast(err.message || '图片上传失败', 'error');
+            } finally {
+                label.textContent = oldText;
+                setBusy(btn, false);
+                input.value = '';
+            }
+        });
+    }
+
+    function bindBroadcast() {
+        // 📢 公告发布（二次确认，防误发）
+        $('#btn-ann-publish').addEventListener('click', () => {
+            const content = $('#ann-content').value.trim();
+            if (!content) { toast('请输入公告内容', 'warning'); return; }
+            confirmAction({
+                title: '发布全站公告',
+                message: `公告将推送给全体用户，确认发布？\n\n${content.slice(0, 80)}${content.length > 80 ? '…' : ''}`,
+                okText: '确认发布',
+                danger: true,
+                onConfirm: async () => {
+                    await apiRequest('POST', '/api/system/announcement', { admin_account: adminAccount(), content });
+                    $('#ann-content').value = '';
+                    toast('公告已发布', 'success');
+                }
+            });
+        });
+
+        // 📰 广告图片上传
+        bindUploadButton('btn-banner-img', 'banner-img-file', 'banner-img-preview', (url) => { state.bannerImageUrl = url; });
+        bindUploadButton('btn-detail-img', 'banner-detail-img-file', 'banner-detail-img-preview', (url) => { state.bannerDetailImageUrl = url; });
+
+        // 💾 保存广告配置
+        $('#btn-banner-save').addEventListener('click', async () => {
+            const enabled = $('#banner-enabled').checked;
+            if (enabled && !state.bannerImageUrl) {
+                toast('启用广告时必须上传横幅图片', 'warning');
+                return;
+            }
+            const config = {
+                enabled: enabled,
+                bannerImage: state.bannerImageUrl,
+                detailImage: state.bannerDetailImageUrl,
+                title: $('#banner-title').value.trim(),
+                description: $('#banner-desc').value.trim(),
+                detailContent: $('#banner-detail-content').value.trim()
+            };
+            const btn = $('#btn-banner-save');
+            setBusy(btn, true);
+            try {
+                await apiRequest('PUT', '/api/admin/config/banner_config', config);
+                toast('广告配置已保存', 'success');
+                // 保存成功后清空表单并刷新状态（与本地端原行为一致）
+                $('#banner-enabled').checked = false;
+                state.bannerImageUrl = '';
+                state.bannerDetailImageUrl = '';
+                ['banner-img-preview', 'banner-detail-img-preview'].forEach((id) => {
+                    const img = document.getElementById(id);
+                    img.src = '';
+                    img.hidden = true;
+                });
+                $('#banner-title').value = '';
+                $('#banner-desc').value = '';
+                $('#banner-detail-content').value = '';
+                refreshBannerStatus();
+            } catch (err) {
+                toast(err.message || '保存失败', 'error');
+            } finally {
+                setBusy(btn, false);
+            }
+        });
+    }
+
+    // -------------------- 🖥️ 脚本执行 --------------------
+    function bindScripts() {
+        $('#btn-script-run').addEventListener('click', async () => {
+            const name = $('#script-name').value.trim();
+            const result = $('#script-result');
+            if (!name) {
+                result.textContent = '❌ 请输入脚本名称';
+                result.classList.add('is-error');
+                return;
+            }
+            const btn = $('#btn-script-run');
+            setBusy(btn, true);
+            result.classList.remove('is-error');
+            result.textContent = `⚡ 正在执行 ${name} …`;
+            try {
+                const res = await apiRequest('POST', '/api/admin/run-script', { admin_account: adminAccount(), script_name: name });
+                const output = (res && (res.output || res.message)) || JSON.stringify(res, null, 2);
+                result.textContent = `✅ 执行完成：\n${output}`;
+            } catch (err) {
+                result.textContent = `❌ 执行失败：\n${err.message}`;
+                result.classList.add('is-error');
+            } finally {
+                setBusy(btn, false);
+            }
+        });
+    }
+
     // -------------------- 主视图绑定 --------------------
     function bindMain() {
         $('#btn-logout').addEventListener('click', () => {
@@ -720,6 +1326,13 @@
         bindConfirm();
         bindKeyModal();
         bindModalCommon();
+        // 🆕 管理功能迁移：页签导航与 5 个新模块
+        bindTabs();
+        bindWithdrawals();
+        bindDisputes();
+        bindVersion();
+        bindBroadcast();
+        bindScripts();
 
         if (state.token) {
             // 已有 token，尝试直接进入主界面

管理界面/index.html

@@ -97,6 +97,18 @@
         </header>
 
         <main class="main-shell">
+            <!-- 🧭 功能页签导航：插件 / 提现 / 仲裁 / 版本 / 公告广告 / 脚本 -->
+            <nav class="tab-bar" role="tablist" aria-label="功能导航">
+                <button type="button" class="tab-item is-active" role="tab" aria-selected="true" data-tab="plugins">🔌 第三方插件</button>
+                <button type="button" class="tab-item" role="tab" aria-selected="false" data-tab="withdrawals">💰 提现管理</button>
+                <button type="button" class="tab-item" role="tab" aria-selected="false" data-tab="disputes">⚖️ 申诉仲裁</button>
+                <button type="button" class="tab-item" role="tab" aria-selected="false" data-tab="config">🏷️ 版本管理</button>
+                <button type="button" class="tab-item" role="tab" aria-selected="false" data-tab="broadcast">📢 公告与广告</button>
+                <button type="button" class="tab-item" role="tab" aria-selected="false" data-tab="scripts">🖥️ 脚本执行</button>
+            </nav>
+
+            <!-- ============ 页签 1：第三方插件（原有功能） ============ -->
+            <div class="tab-panel" id="panel-plugins" role="tabpanel">
             <section class="page-head">
                 <div class="page-head-text">
                     <h1>第三方插件</h1>
@@ -149,6 +161,245 @@
                 </div>
                 <div id="plugin-grid" class="plugin-grid"></div>
             </section>
+            </div>
+
+            <!-- ============ 页签 2：提现管理 ============ -->
+            <div class="tab-panel" id="panel-withdrawals" role="tabpanel" hidden>
+                <section class="page-head">
+                    <div class="page-head-text">
+                        <h1>提现管理</h1>
+                        <p class="page-sub">审核用户提现申请，线下打款后回填支付订单号完成结算。</p>
+                    </div>
+                    <div class="page-head-actions">
+                        <button type="button" id="btn-withdraw-refresh" class="btn btn-secondary" title="刷新">
+                            <span class="btn-label">刷新</span>
+                        </button>
+                    </div>
+                </section>
+
+                <div class="filter-tabs" id="withdraw-status-tabs">
+                    <button type="button" class="filter-tab is-active" data-status="pending">⏳ 待打款</button>
+                    <button type="button" class="filter-tab" data-status="completed">✅ 已完成</button>
+                </div>
+
+                <section class="list-shell">
+                    <div id="withdraw-loading" class="state-block" hidden>
+                        <div class="spinner-lg" aria-hidden="true"></div>
+                        <p>正在加载提现列表…</p>
+                    </div>
+                    <div id="withdraw-empty" class="state-block" hidden>
+                        <div class="empty-mark">📭</div>
+                        <h3>暂无提现记录</h3>
+                        <p id="withdraw-empty-msg">当前没有待打款的提现申请。</p>
+                    </div>
+                    <div id="withdraw-error" class="state-block state-error" hidden>
+                        <div class="empty-mark">!</div>
+                        <h3>加载失败</h3>
+                        <p id="withdraw-error-msg">请稍后重试。</p>
+                    </div>
+                    <div id="withdraw-list" class="admin-list"></div>
+                </section>
+            </div>
+
+            <!-- ============ 页签 3：申诉仲裁 ============ -->
+            <div class="tab-panel" id="panel-disputes" role="tabpanel" hidden>
+                <section class="page-head">
+                    <div class="page-head-text">
+                        <h1>申诉仲裁</h1>
+                        <p class="page-sub">查看任务纠纷申诉，审核双方证据并做出裁决。</p>
+                    </div>
+                    <div class="page-head-actions">
+                        <button type="button" id="btn-dispute-refresh" class="btn btn-secondary" title="刷新">
+                            <span class="btn-label">刷新</span>
+                        </button>
+                    </div>
+                </section>
+
+                <div class="filter-tabs" id="dispute-status-tabs">
+                    <button type="button" class="filter-tab is-active" data-status="">全部</button>
+                    <button type="button" class="filter-tab" data-status="pending">待回应</button>
+                    <button type="button" class="filter-tab" data-status="responded">待裁决</button>
+                    <button type="button" class="filter-tab" data-status="resolved">已裁决</button>
+                </div>
+
+                <section class="list-shell">
+                    <div id="dispute-loading" class="state-block" hidden>
+                        <div class="spinner-lg" aria-hidden="true"></div>
+                        <p>正在加载申诉列表…</p>
+                    </div>
+                    <div id="dispute-empty" class="state-block" hidden>
+                        <div class="empty-mark">📭</div>
+                        <h3>暂无申诉</h3>
+                        <p>当前筛选条件下没有申诉记录。</p>
+                    </div>
+                    <div id="dispute-error" class="state-block state-error" hidden>
+                        <div class="empty-mark">!</div>
+                        <h3>加载失败</h3>
+                        <p id="dispute-error-msg">请稍后重试。</p>
+                    </div>
+                    <div id="dispute-list" class="admin-list"></div>
+                </section>
+            </div>
+
+            <!-- ============ 页签 4：版本管理 ============ -->
+            <div class="tab-panel" id="panel-config" role="tabpanel" hidden>
+                <section class="page-head">
+                    <div class="page-head-text">
+                        <h1>版本管理</h1>
+                        <p class="page-sub">设置全站展示的项目版本号与开发阶段。</p>
+                    </div>
+                </section>
+
+                <div class="admin-card">
+                    <form id="form-version" class="admin-card-body" novalidate>
+                        <div class="grid-2">
+                            <label class="field">
+                                <span class="field-label">项目阶段</span>
+                                <select name="stage">
+                                    <option value="alpha">Alpha（内测）</option>
+                                    <option value="beta" selected>Beta（公测）</option>
+                                    <option value="rc">RC（候选发布）</option>
+                                    <option value="stable">Stable（稳定版）</option>
+                                </select>
+                            </label>
+                            <div class="field">
+                                <span class="field-label">版本号</span>
+                                <div class="ver-inputs">
+                                    <input type="number" name="major" min="0" max="99" value="2" aria-label="主版本号">
+                                    <span class="ver-dot">.</span>
+                                    <input type="number" name="minor" min="0" max="99" value="0" aria-label="次版本号">
+                                    <span class="ver-dot">.</span>
+                                    <input type="number" name="patch" min="0" max="99" value="0" aria-label="修订号">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="ver-preview" id="ver-preview">当前版本：—</div>
+                        <div class="form-error" id="form-version-error" hidden></div>
+                        <div>
+                            <button type="submit" id="btn-version-save" class="btn btn-primary">
+                                <span class="btn-label">应用版本</span>
+                                <span class="btn-spinner" aria-hidden="true"></span>
+                            </button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+
+            <!-- ============ 页签 5：公告与广告 ============ -->
+            <div class="tab-panel" id="panel-broadcast" role="tabpanel" hidden>
+                <section class="page-head">
+                    <div class="page-head-text">
+                        <h1>公告与广告</h1>
+                        <p class="page-sub">发布全站系统公告，管理顶部广告横幅展示。</p>
+                    </div>
+                </section>
+
+                <!-- 📢 系统公告 -->
+                <div class="admin-card">
+                    <div class="admin-card-head">
+                        <h3>📢 全站系统公告</h3>
+                        <span class="badge badge-warning">管理员特权</span>
+                    </div>
+                    <div class="admin-card-body">
+                        <label class="field">
+                            <span class="field-label">公告内容</span>
+                            <textarea id="ann-content" rows="4" placeholder="输入要向全体用户推送的公告内容…"></textarea>
+                        </label>
+                        <div>
+                            <button type="button" id="btn-ann-publish" class="btn btn-primary">
+                                <span class="btn-label">🚀 确认发布</span>
+                                <span class="btn-spinner" aria-hidden="true"></span>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 📰 广告横幅管理 -->
+                <div class="admin-card">
+                    <div class="admin-card-head">
+                        <h3>📰 广告横幅管理</h3>
+                        <span class="badge" id="banner-status-badge">检查中…</span>
+                    </div>
+                    <div class="admin-card-body">
+                        <label class="switch-row">
+                            <input type="checkbox" id="banner-enabled">
+                            <span>启用广告展示</span>
+                        </label>
+
+                        <div class="grid-2">
+                            <div class="field">
+                                <span class="field-label">横幅图片（支持 GIF）</span>
+                                <img id="banner-img-preview" class="upload-preview" hidden alt="横幅预览">
+                                <button type="button" id="btn-banner-img" class="btn btn-secondary btn-upload">
+                                    <span class="btn-label">🖼️ 选择横幅图片</span>
+                                </button>
+                                <input type="file" id="banner-img-file" accept="image/*" hidden>
+                            </div>
+                            <div class="field">
+                                <span class="field-label">详情页大图</span>
+                                <img id="banner-detail-img-preview" class="upload-preview" hidden alt="详情图预览">
+                                <button type="button" id="btn-detail-img" class="btn btn-secondary btn-upload">
+                                    <span class="btn-label">🖼️ 选择详情大图</span>
+                                </button>
+                                <input type="file" id="banner-detail-img-file" accept="image/*" hidden>
+                            </div>
+                        </div>
+
+                        <div class="grid-2">
+                            <label class="field">
+                                <span class="field-label">广告标题</span>
+                                <input type="text" id="banner-title" placeholder="广告主标题（可选）">
+                            </label>
+                            <label class="field">
+                                <span class="field-label">广告描述</span>
+                                <input type="text" id="banner-desc" placeholder="一句话描述（可选）">
+                            </label>
+                        </div>
+
+                        <label class="field">
+                            <span class="field-label">详情内容</span>
+                            <textarea id="banner-detail-content" rows="6" placeholder="点击广告后展示的详细内容（可选）"></textarea>
+                        </label>
+
+                        <div>
+                            <button type="button" id="btn-banner-save" class="btn btn-primary">
+                                <span class="btn-label">💾 保存广告配置</span>
+                                <span class="btn-spinner" aria-hidden="true"></span>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- ============ 页签 6：脚本执行 ============ -->
+            <div class="tab-panel" id="panel-scripts" role="tabpanel" hidden>
+                <section class="page-head">
+                    <div class="page-head-text">
+                        <h1>脚本执行</h1>
+                        <p class="page-sub">执行服务端预置的运维脚本（仅限管理员）。</p>
+                    </div>
+                </section>
+
+                <div class="admin-card">
+                    <div class="admin-card-head">
+                        <h3>🖥️ 运维脚本</h3>
+                        <span class="badge badge-primary">开发工具</span>
+                    </div>
+                    <div class="admin-card-body">
+                        <div class="script-row">
+                            <label class="field script-field">
+                                <span class="field-label">脚本名称</span>
+                                <input type="text" id="script-name" placeholder="输入服务端预置的脚本名称…">
+                            </label>
+                            <button type="button" id="btn-script-run" class="btn btn-primary btn-script-run">
+                                <span class="btn-label">▶️ 执行</span>
+                                <span class="btn-spinner" aria-hidden="true"></span>
+                            </button>
+                        </div>
+                        <pre id="script-result" class="script-result">等待执行…</pre>
+                    </div>
+                </div>
+            </div>
         </main>
     </section>
 
@@ -319,6 +570,25 @@
         </div>
     </div>
 
+    <!-- ============ 申诉详情/裁决 模态框 ============ -->
+    <div id="modal-dispute" class="modal-mask" hidden>
+        <div class="modal modal-lg" role="dialog" aria-modal="true" aria-labelledby="modal-dispute-title">
+            <header class="modal-header">
+                <h3 id="modal-dispute-title">申诉详情</h3>
+                <button type="button" class="modal-close" data-close="modal-dispute" aria-label="关闭">×</button>
+            </header>
+            <div class="modal-body" id="dispute-detail-body">
+                <div class="state-block">
+                    <div class="spinner-lg" aria-hidden="true"></div>
+                    <p>正在加载申诉详情…</p>
+                </div>
+            </div>
+            <footer class="modal-footer">
+                <button type="button" class="btn btn-ghost" data-close="modal-dispute">关闭</button>
+            </footer>
+        </div>
+    </div>
+
     <!-- ============ 通用确认对话框 ============ -->
     <div id="modal-confirm" class="modal-mask" hidden>
         <div class="modal modal-sm" role="alertdialog" aria-modal="true" aria-labelledby="modal-confirm-title">

管理界面/style.css

@@ -981,3 +981,334 @@ code, pre { font-family: var(--font-mono); }
         transition-duration: 0.01ms !important;
     }
 }
+
+/* ===================================================================
+ * 🆕 管理功能迁移：页签导航 + 提现/仲裁/版本/公告广告/脚本模块
+ * （仅追加，复用上方设计令牌；既有规则零改动）
+ * =================================================================== */
+
+/* ---------- 页签导航 ---------- */
+.tab-bar {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    padding: 6px;
+    background: var(--bg-elev);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-sm);
+}
+.tab-item {
+    flex: 1 1 auto;
+    padding: 9px 14px;
+    min-height: 38px;
+    font-size: 13.5px;
+    font-weight: 500;
+    color: var(--text-mute);
+    background: transparent;
+    border: none;
+    border-radius: var(--radius);
+    cursor: pointer;
+    white-space: nowrap;
+    transition: background 160ms var(--ease), color 160ms var(--ease);
+}
+.tab-item:hover { background: var(--bg-tint); color: var(--text); }
+.tab-item.is-active {
+    background: var(--primary-soft);
+    color: var(--primary);
+    font-weight: 600;
+}
+.tab-item:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
+
+.tab-panel { display: flex; flex-direction: column; gap: 22px; animation: fade-in 220ms var(--ease) both; }
+
+/* ---------- 状态筛选小页签 ---------- */
+.filter-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
+.filter-tab {
+    padding: 7px 14px;
+    font-size: 13px;
+    color: var(--text-soft);
+    background: var(--bg-elev);
+    border: 1px solid var(--border);
+    border-radius: 999px;
+    cursor: pointer;
+    transition: all 160ms var(--ease);
+}
+.filter-tab:hover { border-color: var(--border-strong); color: var(--text); }
+.filter-tab.is-active {
+    background: var(--primary);
+    border-color: var(--primary);
+    color: #fff;
+    font-weight: 500;
+}
+
+/* ---------- 管理卡片 ---------- */
+.admin-card {
+    background: var(--bg-elev);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-sm);
+    overflow: hidden;
+}
+.admin-card-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 16px 20px;
+    border-bottom: 1px solid var(--border);
+    background: var(--bg-elev-2);
+}
+.admin-card-head h3 { font-size: 15px; }
+.admin-card-body {
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.admin-list { display: flex; flex-direction: column; gap: 12px; }
+
+.admin-row-card { padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; animation: fade-in 240ms var(--ease) both; }
+.admin-row-card.is-clickable { cursor: pointer; }
+.admin-row-card.is-clickable:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--shadow-md);
+    border-color: var(--border-strong);
+}
+
+.row-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
+.row-card-title { display: flex; align-items: center; gap: 10px; min-width: 0; flex-wrap: wrap; }
+.row-card-name { font-size: 14.5px; font-weight: 600; color: var(--text); word-break: break-all; }
+.row-card-amount { font-size: 16px; font-weight: 700; color: var(--danger); font-variant-numeric: tabular-nums; }
+.row-card-amount em { font-style: normal; font-size: 12px; color: var(--text-mute); font-weight: 400; margin-left: 4px; }
+.row-card-time { font-size: 12.5px; color: var(--text-dim); }
+
+.row-card-meta {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 8px 14px;
+    margin: 0;
+    padding: 12px;
+    background: var(--bg-tint);
+    border-radius: var(--radius);
+}
+.row-card-meta dt { font-size: 11px; color: var(--text-dim); letter-spacing: 0.04em; margin-bottom: 2px; }
+.row-card-meta dd { margin: 0; font-size: 13px; color: var(--text); word-break: break-all; }
+
+.row-card-action { display: flex; gap: 10px; align-items: center; }
+.row-input {
+    flex: 1;
+    padding: 9px 12px;
+    font: inherit;
+    font-size: 13px;
+    color: var(--text);
+    background: var(--bg-elev-2);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+}
+.row-input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 4px var(--primary-soft); }
+
+.row-card-done {
+    padding: 10px 12px;
+    background: var(--success-soft);
+    border: 1px solid color-mix(in srgb, var(--success) 30%, transparent);
+    border-radius: var(--radius);
+    font-size: 13px;
+    color: var(--success);
+    word-break: break-all;
+}
+
+.row-card-parties { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-soft); flex-wrap: wrap; }
+.row-card-parties .vs { font-style: normal; font-weight: 700; color: var(--danger); }
+.row-card-parties .initiator { margin-left: auto; font-size: 12px; color: var(--text-dim); }
+.row-card-reason {
+    font-size: 13px;
+    color: var(--text-soft);
+    background: var(--bg-tint);
+    padding: 10px 12px;
+    border-radius: var(--radius);
+    line-height: 1.55;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+/* 状态徽章扩展色 */
+.badge.is-warn { background: var(--warning-soft); color: var(--warning); }
+.badge.is-info { background: var(--primary-soft); color: var(--primary); }
+.badge-warning { background: var(--warning-soft); color: var(--warning); }
+.badge-primary { background: var(--primary-soft); color: var(--primary); }
+
+/* ---------- 版本管理 ---------- */
+.field select {
+    width: 100%;
+    padding: 10px 12px;
+    font: inherit;
+    font-size: 13.5px;
+    color: var(--text);
+    background: var(--bg-elev-2);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    cursor: pointer;
+    transition: border-color 160ms var(--ease), box-shadow 160ms var(--ease);
+}
+.field select:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 4px var(--primary-soft); }
+
+.ver-inputs { display: flex; align-items: center; gap: 8px; }
+.ver-inputs input {
+    width: 72px;
+    padding: 10px 8px;
+    font: inherit;
+    font-size: 13.5px;
+    text-align: center;
+    color: var(--text);
+    background: var(--bg-elev-2);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+}
+.ver-inputs input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 4px var(--primary-soft); }
+.ver-dot { color: var(--text-dim); font-weight: 700; }
+
+.ver-preview {
+    padding: 12px 14px;
+    background: var(--primary-soft);
+    border: 1px dashed color-mix(in srgb, var(--primary) 35%, transparent);
+    border-radius: var(--radius);
+    font-size: 13px;
+    font-weight: 500;
+    color: var(--primary);
+    font-variant-numeric: tabular-nums;
+}
+
+/* ---------- 公告与广告 ---------- */
+.switch-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 10px 12px;
+    background: var(--bg-tint);
+    border-radius: var(--radius);
+    font-size: 13.5px;
+    cursor: pointer;
+}
+.switch-row input { width: 18px; height: 18px; accent-color: var(--success); cursor: pointer; }
+
+.upload-preview {
+    max-width: 100%;
+    max-height: 90px;
+    object-fit: contain;
+    border-radius: var(--radius);
+    border: 1px solid var(--border);
+    background: var(--bg-tint);
+}
+.btn-upload { align-self: flex-start; border-style: dashed; }
+
+/* ---------- 脚本执行 ---------- */
+.script-row { display: flex; gap: 10px; align-items: flex-end; }
+.script-field { flex: 1; }
+.btn-script-run { flex: none; min-height: 41px; }
+.script-result {
+    margin: 0;
+    padding: 14px;
+    min-height: 90px;
+    max-height: 360px;
+    overflow: auto;
+    background: var(--bg-tint);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    font-size: 12.5px;
+    line-height: 1.6;
+    color: var(--text-soft);
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+.script-result.is-error { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 35%, transparent); background: var(--danger-soft); }
+
+/* ---------- 申诉详情弹窗 ---------- */
+.dispute-section { display: flex; flex-direction: column; gap: 6px; }
+.dispute-section-title { font-size: 13.5px; font-weight: 600; color: var(--text); }
+.dispute-section-body {
+    padding: 12px 14px;
+    background: var(--bg-tint);
+    border-radius: var(--radius);
+    font-size: 13.5px;
+    color: var(--text-soft);
+    line-height: 1.6;
+    word-break: break-word;
+}
+
+.evidence-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
+.evidence-row img {
+    width: 64px; height: 64px;
+    object-fit: cover;
+    border-radius: var(--radius-sm);
+    border: 1px solid var(--border);
+    cursor: zoom-in;
+}
+
+.resolve-box {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    padding: 16px;
+    background: linear-gradient(135deg, var(--warning-soft), var(--primary-soft));
+    border: 1px solid var(--border);
+    border-radius: var(--radius-lg);
+}
+.resolve-box-title { font-weight: 600; color: var(--text); }
+.resolve-options { display: flex; flex-direction: column; gap: 8px; }
+.resolve-option {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 11px 12px;
+    background: var(--bg-elev);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    cursor: pointer;
+    transition: border-color 160ms var(--ease), background 160ms var(--ease);
+}
+.resolve-option:hover { border-color: var(--primary); }
+.resolve-option.selected {
+    border-color: var(--primary);
+    background: var(--primary-soft);
+    box-shadow: 0 0 0 1px var(--primary);
+}
+.resolve-option input { display: none; }
+.resolve-option-icon { font-size: 18px; }
+.resolve-option-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
+.resolve-option-text strong { font-size: 13.5px; color: var(--text); }
+.resolve-option-text em { font-style: normal; font-size: 12px; color: var(--text-mute); }
+
+.split-row {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 10px 12px;
+    background: var(--bg-elev);
+    border-radius: var(--radius);
+    font-size: 13px;
+}
+.split-row input[type="range"] { flex: 1; accent-color: var(--primary); }
+.split-row strong { min-width: 88px; text-align: center; color: var(--primary); font-variant-numeric: tabular-nums; }
+
+.resolve-result {
+    padding: 14px 16px;
+    background: var(--success-soft);
+    border: 1px solid color-mix(in srgb, var(--success) 30%, transparent);
+    border-radius: var(--radius-lg);
+}
+.resolve-result-title { font-weight: 600; color: var(--success); margin-bottom: 4px; }
+.resolve-result p { font-size: 13px; color: var(--text-soft); }
+
+/* ---------- 新模块响应式 ---------- */
+@media (max-width: 880px) {
+    .tab-bar { gap: 2px; padding: 4px; }
+    .tab-item { flex: 1 1 45%; font-size: 12.5px; padding: 8px 10px; }
+    .row-card-meta { grid-template-columns: 1fr; }
+    .row-card-action { flex-direction: column; align-items: stretch; }
+    .script-row { flex-direction: column; align-items: stretch; }
+    .row-card-parties .initiator { margin-left: 0; }
+}