// ==UserScript==
// @name         HHCLUB 魔力抽奖助手-统计版
// @namespace    http://tampermonkey.net/
// @version      0.4
// @description  自动抽奖工具，支持完整统计和动效优化
// @author       Assistant
// @match        https://hhanclub.top/lucky.php*
// @grant        GM_setValue
// @grant        GM_getValue
// @run-at       document-idle
// @license     MIT
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';
    
    // 检查抽奖页面
    if (!document.querySelector('#spain1') || !document.querySelector('#lotteryButton')) return;
    
    // 全局变量
    let isAutoDrawing = false;
    let sessionResults = [];
    let sessionDrawCount = 0;      // 总尝试次数
    let sessionSuccessCount = 0;   // 成功次数
    const COST_PER_DRAW = 2000;
    
    // 本次统计数据
    let sessionStats = { magic: 0, upload: 0, signCard: 0, invite: 0, rainbowId: 0, vip: 0 };
    
    // 数据存储相关
    const getCumulativeStats = () => ({
        totalDraws: GM_getValue('totalDraws', 0),
        totalSuccess: GM_getValue('totalSuccess', 0),
        totalCost: GM_getValue('totalCost', 0),
        totalMagic: GM_getValue('totalMagic', 0),
        totalUpload: GM_getValue('totalUpload', 0),
        totalSignCard: GM_getValue('totalSignCard', 0),
        totalInvite: GM_getValue('totalInvite', 0),
        totalRainbowId: GM_getValue('totalRainbowId', 0),
        totalVip: GM_getValue('totalVip', 0),
        prizeStats: JSON.parse(GM_getValue('prizeStats', '{}'))
    });
    
    const saveCumulativeStats = (stats) => {
        Object.entries(stats).forEach(([key, value]) => {
            GM_setValue(key, typeof value === 'object' ? JSON.stringify(value) : value);
        });
    };
    
    // 解析奖品信息
    const parsePrize = (prizeName) => {
        const patterns = {
            magic: /魔力\s*(\d+)/,
            upload: /上传量\s*(\d+)\s*GB/i,
            signCard: /补签卡\s*(\d+)/,
            invite: /邀请\s*(\d+)/,
            rainbowId: /彩虹\s*ID.*?(\d+)\s*Day/i,
            vip: /VIP.*?(\d+)\s*Day/i
        };
        
        const result = {};
        Object.entries(patterns).forEach(([key, pattern]) => {
            const match = prizeName.match(pattern);
            result[key] = match ? parseInt(match[1]) : 0;
        });
        
        return result;
    };
    
    // 创建悬浮面板
    function createFloatingPanel() {
        const panel = document.createElement('div');
        panel.id = 'lottery-helper-panel';
        panel.innerHTML = `
            <div style="
                position: fixed; top: 20px; left: 20px; width: 280px;
                background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                border-radius: 15px; padding: 20px; color: white;
                box-shadow: 0 20px 40px rgba(0,0,0,0.4); z-index: 50000;
                font-family: 'Microsoft YaHei', Arial, sans-serif; user-select: none;
                backdrop-filter: blur(15px);
            ">
                <div style="text-align: center; font-weight: bold; margin-bottom: 20px; font-size: 18px;">
                    🎰 魔力抽奖助手
                </div>
                
                <button id="auto-draw" style="
                    background: linear-gradient(135deg, #FF6B6B, #FF8E53); border: none; color: white;
                    padding: 15px; border-radius: 10px; cursor: pointer; font-size: 16px; font-weight: 600;
                    width: 100%; margin-bottom: 15px; transition: all 0.3s ease;
                    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
                ">🚀 自动抽奖</button>
                
                <button id="stop-draw" style="
                    background: linear-gradient(135deg, #95A5A6, #7F8C8D); border: none; color: white;
                    padding: 12px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 600;
                    width: 100%; margin-bottom: 15px; display: none; transition: all 0.3s ease;
                ">⏹️ 停止抽奖</button>
                
                <!-- 动态进度条 -->
                <div id="progress-section" style="margin-bottom: 15px; display: none;">
                    <div style="background: rgba(255,255,255,0.2); height: 12px; border-radius: 6px; overflow: hidden; position: relative;">
                        <div id="progress-bar" style="
                            height: 100%; width: 0%; border-radius: 6px; position: relative; overflow: hidden;
                            background: linear-gradient(90deg, #4ECDC4, #44A08D);
                            transition: width 0.5s ease;
                        ">
                            <!-- 动态光效 -->
                            <div style="
                                position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
                                background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
                                animation: progress-shine 2s infinite;
                            "></div>
                        </div>
                    </div>
                    <div id="progress-text" style="font-size: 12px; text-align: center; margin-top: 5px; opacity: 0.9;">
                        准备中...
                    </div>
                </div>
                
                <!-- 本次统计 -->
                <div style="
                    background: rgba(255,255,255,0.1); border-radius: 10px; padding: 15px; margin-bottom: 15px;
                    backdrop-filter: blur(10px);
                ">
                    <div style="font-size: 14px; font-weight: 600; margin-bottom: 12px; color: #FFE082; text-align: center;">
                        📊 本次统计
                    </div>
                    <div style="font-size: 11px; line-height: 1.8;">
                        <div style="display: flex; justify-content: space-between;"><span>状态:</span><span id="current-status">待机中</span></div>
                        <div style="display: flex; justify-content: space-between;"><span>抽取:</span><span><span id="session-success">0</span>/<span id="session-total">0</span></span></div>
                        <div style="display: flex; justify-content: space-between;"><span>消耗:</span><span id="session-cost">0</span></div>
                        <div style="display: flex; justify-content: space-between;"><span>魔力:</span><span id="session-magic" style="color: #4ECDC4;">+0</span></div>
                        <div style="display: flex; justify-content: space-between;"><span>上传量:</span><span id="session-upload" style="color: #4ECDC4;">+0 GB</span></div>
                        <div style="display: flex; justify-content: space-between;"><span>补签卡:</span><span id="session-signcard" style="color: #4ECDC4;">+0</span></div>
                        <div style="display: flex; justify-content: space-between;"><span>邀请:</span><span id="session-invite" style="color: #4ECDC4;">+0</span></div>
                        <div style="display: flex; justify-content: space-between;"><span>彩虹ID:</span><span id="session-rainbow" style="color: #4ECDC4;">+0天</span></div>
                        <div style="display: flex; justify-content: space-between;"><span>VIP:</span><span id="session-vip" style="color: #4ECDC4;">+0天</span></div>
                    </div>
                </div>
                
                <button id="show-stats" style="
                    background: linear-gradient(135deg, #74B9FF, #0984E3); border: none; color: white;
                    padding: 12px 20px; border-radius: 20px; cursor: pointer; font-size: 13px; font-weight: 600;
                    width: 100%; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(116, 185, 255, 0.3);
                ">📈 查看累积统计</button>
                
                <!-- 添加进度条动画样式 -->
                <style>
                    @keyframes progress-shine {
                        0% { left: -100%; }
                        100% { left: 100%; }
                    }
                    @keyframes progress-pulse {
                        0%, 100% { opacity: 1; }
                        50% { opacity: 0.7; }
                    }
                </style>
            </div>
        `;
        document.body.appendChild(panel);
        addButtonEffects();
    }
    
    // 添加按钮特效
    const addButtonEffects = () => {
        ['auto-draw', 'stop-draw', 'show-stats'].forEach(id => {
            const btn = document.getElementById(id);
            if (!btn) return;
            btn.addEventListener('mouseenter', function() {
                if (!this.disabled) {
                    this.style.transform = 'translateY(-3px) scale(1.02)';
                    this.style.filter = 'brightness(1.1)';
                }
            });
            btn.addEventListener('mouseleave', function() {
                this.style.transform = 'translateY(0) scale(1)';
                this.style.filter = 'brightness(1)';
            });
        });
    };
    
    // 更新状态和统计
    const updateStatus = (status) => {
        const element = document.getElementById('current-status');
        if (element) {
            element.textContent = status;
            element.style.color = status.includes('错误') ? '#FF6B6B' : '#4ECDC4';
        }
    };
    
    // 🔥 修正消耗计算逻辑：只按成功次数计算消耗
    const updateSessionStats = () => {
        const updates = {
            'session-success': sessionSuccessCount,
            'session-total': sessionDrawCount,
            'session-cost': (sessionSuccessCount * COST_PER_DRAW).toLocaleString(), // 👈 修正：按成功次数计算
            'session-magic': '+' + sessionStats.magic.toLocaleString(),
            'session-upload': '+' + sessionStats.upload + ' GB',
            'session-signcard': '+' + sessionStats.signCard,
            'session-invite': '+' + sessionStats.invite,
            'session-rainbow': '+' + sessionStats.rainbowId + '天',
            'session-vip': '+' + sessionStats.vip + '天'
        };
        
        Object.entries(updates).forEach(([id, value]) => {
            const element = document.getElementById(id);
            if (element) {
                element.textContent = value;
                if (id.startsWith('session-') && id !== 'session-success' && id !== 'session-total' && id !== 'session-cost') {
                    element.style.color = value === '+0' || value === '+0 GB' || value === '+0天' ? '#FFE082' : '#4ECDC4';
                }
            }
        });
    };
    
    // 增强进度条效果
    const updateProgress = (current, isInfinite = false) => {
        const progressSection = document.getElementById('progress-section');
        const progressBar = document.getElementById('progress-bar');
        const progressText = document.getElementById('progress-text');
        
        if (!progressSection || !progressBar || !progressText) return;
        
        if (isInfinite) {
            progressSection.style.display = 'block';
            progressBar.style.width = '100%';
            progressBar.style.background = 'linear-gradient(90deg, #FF6B6B, #FF8E53)';
            progressBar.style.animation = 'progress-pulse 1.5s ease-in-out infinite';
            progressText.textContent = `连续抽奖中... 已完成 ${current} 次`;
        } else {
            progressSection.style.display = 'none';
            progressBar.style.animation = 'none';
        }
    };
    
    // 等待抽奖状态
    const waitForNotRunning = (timeout = 10000) => new Promise((resolve) => {
        const startTime = Date.now();
        const checkInterval = setInterval(() => {
            if (!window.running || Date.now() - startTime > timeout) {
                clearInterval(checkInterval);
                if (window.running) window.running = false;
                resolve();
            }
        }, 100);
    });
    
    // 执行单次抽奖
    const performSingleDraw = async () => {
        await waitForNotRunning(8000);
        if (window.running) throw new Error('抽奖状态异常');
        
        window.running = true;
        console.log(`执行第${sessionDrawCount + 1}次抽奖...`);
        
        try {
            const response = await fetch('/plugin/lucky-draw', {
                method: 'POST',
                headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'X-Requested-With': 'XMLHttpRequest' },
                body: ''
            });
            
            window.running = false;
            if (!response.ok) throw new Error(`HTTP ${response.status}`);
            
            const responseData = await response.json();
            if (responseData.ret !== 0) throw new Error(responseData.msg || '抽奖失败');
            
            const result = {
                prize: responseData.data['prize_text'],
                angle: responseData.data.angle,
                timestamp: new Date().toLocaleString(),
                rawData: responseData.data
            };
            
            sessionResults.push(result);
            sessionDrawCount++;
            sessionSuccessCount++;  // 只有成功时才增加成功计数
            
            const parsed = parsePrize(result.prize);
            Object.keys(sessionStats).forEach(key => sessionStats[key] += parsed[key] || 0);
            
            updateSessionStats();
            console.log(`第${sessionDrawCount}次抽奖成功:`, result.prize);
            return result;
            
        } catch (error) {
            window.running = false;
            sessionDrawCount++;  // 失败也计入总尝试次数
            updateSessionStats(); // 🔥 关键修正：失败时也更新统计，但成功次数不变，所以消耗不变
            throw error;
        }
    };
    
    // 获取称号
    const getTitleByNetGain = (netGain, hasVip) => {
        if (hasVip) return '万里挑一的好运！';
        if (netGain >= 100000) return '全服最好运！';
        if (netGain >= -5000) return '运气不错！';
        if (netGain >= -10000) return '菜鸡！';
        if (netGain >= -30000) return '手气真差！';
        if (netGain >= -70000) return '大冤种！';
        if (netGain >= -100000) return '倒霉鬼！';
        return '憨的一逼！';
    };
    
    // 自动抽奖主函数
    const startAutoDrawing = async () => {
        if (isAutoDrawing) return alert('抽奖正在进行中...');
        
        isAutoDrawing = true;
        sessionResults = [];
        sessionDrawCount = sessionSuccessCount = 0;
        sessionStats = { magic: 0, upload: 0, signCard: 0, invite: 0, rainbowId: 0, vip: 0 };
        
        updateButtonsState(true);
        updateStatus('自动抽奖中...');
        updateSessionStats();
        updateProgress(0, true);
        
        let consecutiveFailures = 0;
        const maxConsecutiveFailures = 5;
        
        try {
            while (isAutoDrawing) {
                updateStatus(`抽奖中... (已成功 ${sessionSuccessCount} 次)`);
                updateProgress(sessionSuccessCount, true);
                
                try {
                    await performSingleDraw();
                    consecutiveFailures = 0;
                    await new Promise(resolve => setTimeout(resolve, 1500));
                } catch (error) {
                    consecutiveFailures++;
                    console.warn(`抽奖失败 (连续${consecutiveFailures}次):`, error);
                    
                    if (consecutiveFailures >= maxConsecutiveFailures) {
                        console.error('连续失败次数过多，暂停10秒');
                        updateStatus('连续失败，暂停中...');
                        await new Promise(resolve => setTimeout(resolve, 10000));
                        consecutiveFailures = 0;
                    } else {
                        await new Promise(resolve => setTimeout(resolve, 3000 * consecutiveFailures));
                    }
                }
            }
        } catch (error) {
            console.error('自动抽奖异常:', error);
        } finally {
            isAutoDrawing = false;
            updateButtonsState(false);
            updateProgress(sessionSuccessCount, true);
            updateStatus(`已停止 - 成功${sessionSuccessCount}次`);
            
            if (sessionSuccessCount > 0) {
                updateCumulativeStats(sessionResults);
                setTimeout(showSessionResults, 1000);
            }
        }
    };
    
    // 更新累积统计
    const updateCumulativeStats = (results) => {
        const stats = getCumulativeStats();
        
        results.forEach(result => {
            stats.totalDraws++;
            stats.totalSuccess++;
            stats.totalCost += COST_PER_DRAW;  // 累积统计按成功次数计算消耗
            
            const prizeName = result.prize;
            stats.prizeStats[prizeName] = (stats.prizeStats[prizeName] || 0) + 1;
            
            const parsed = parsePrize(prizeName);
            stats.totalMagic += parsed.magic;
            stats.totalUpload += parsed.upload;
            stats.totalSignCard += parsed.signCard;
            stats.totalInvite += parsed.invite;
            stats.totalRainbowId += parsed.rainbowId;
            stats.totalVip += parsed.vip;
        });
        
        saveCumulativeStats(stats);
    };
    
    // 显示本次结果
    const showSessionResults = () => {
        if (!sessionResults.length) return;
        
        const sessionPrizeStats = {};
        sessionResults.forEach(result => {
            sessionPrizeStats[result.prize] = (sessionPrizeStats[result.prize] || 0) + 1;
        });
        
        // 🔥 修正净收益计算：按成功次数计算消耗
        const netGain = sessionStats.magic - (sessionSuccessCount * COST_PER_DRAW);
        
        let resultHTML = `
            <div style="max-height: 70vh; overflow-y: auto;">
                <h3 style="margin-top: 0; color: #333; text-align: center;">🎉 本次抽奖结果</h3>
                
                <div style="background: linear-gradient(135deg, #74B9FF 0%, #0984E3 100%); color: white; padding: 15px; border-radius: 10px; margin-bottom: 15px; text-align: center;">
                    <div style="font-size: 16px; font-weight: bold;">本次统计</div>
                    <div style="margin-top: 10px; font-size: 13px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px;">
                        <div>尝试次数: ${sessionDrawCount} 次</div>
                        <div>成功次数: ${sessionSuccessCount} 次</div>
                        <div>成功率: ${sessionDrawCount > 0 ? ((sessionSuccessCount/sessionDrawCount)*100).toFixed(1) : 0}%</div>
                        <div>消耗憨豆: ${(sessionSuccessCount * COST_PER_DRAW).toLocaleString()}</div>
                        <div>获得魔力: ${sessionStats.magic.toLocaleString()}</div>
                        <div>上传量: +${sessionStats.upload} GB</div>
                        <div>补签卡: +${sessionStats.signCard}</div>
                        <div>邀请: +${sessionStats.invite}</div>
                        <div>彩虹ID: +${sessionStats.rainbowId}天</div>
                        <div>VIP: +${sessionStats.vip}天</div>
                        <div style="grid-column: 1/-1; color: ${netGain >= 0 ? '#4ECDC4' : '#FF6B6B'}; font-weight: bold; font-size: 14px;">
                            净收益: ${netGain >= 0 ? '+' : ''}${netGain.toLocaleString()}
                        </div>
                    </div>
                </div>
                
                <div>
                    <h4 style="color: #2c3e50; border-bottom: 2px solid #74B9FF; padding-bottom: 8px;">🏆 奖品详情</h4>
        `;
        
        Object.entries(sessionPrizeStats).sort((a, b) => b[1] - a[1]).forEach(([prize, count]) => {
            const percentage = ((count / sessionResults.length) * 100).toFixed(1);
            resultHTML += `
                <div style="margin: 6px 0; padding: 10px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 6px; display: flex; justify-content: space-between; align-items: center; font-size: 13px;">
                    <span style="font-weight: bold;">${prize}</span>
                    <span style="background: rgba(255,255,255,0.2); padding: 3px 8px; border-radius: 12px; font-size: 12px;">${count} 次 (${percentage}%)</span>
                </div>
            `;
        });
        
        resultHTML += `</div></div>`;
        createModal('本次抽奖结果', resultHTML);
    };
    
    // 显示累积统计 - 增大称号文字
    const showCumulativeStats = () => {
        const stats = getCumulativeStats();
        if (!stats.totalDraws) return alert('暂无累积统计数据');
        
        const netTotalGain = stats.totalMagic - stats.totalCost;
        const hasVip = stats.totalVip > 0;
        const titleText = getTitleByNetGain(netTotalGain, hasVip);
        
        let statsHTML = `
            <div style="max-height: 75vh; overflow-y: auto;">
                <!-- 超大称号显示 -->
                <div style="
                    position: absolute; top: -10px; left: -10px;
                    background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
                    color: white; padding: 15px 25px; border-radius: 20px 0 20px 0;
                    font-size: 24px; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
                    box-shadow: 0 8px 25px rgba(255, 107, 107, 0.4); z-index: 10;
                    animation: title-glow 2s ease-in-out infinite alternate;
                ">${titleText}</div>
                
                <style>
                    @keyframes title-glow {
                        from { box-shadow: 0 8px 25px rgba(255, 107, 107, 0.4); }
                        to { box-shadow: 0 12px 35px rgba(255, 107, 107, 0.6); }
                    }
                </style>
                
                <h3 style="margin-top: 35px; color: #333; text-align: center;">📊 累积统计数据</h3>
                
                <div style="background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%); color: white; padding: 15px; border-radius: 10px; margin-bottom: 15px; text-align: center;">
                    <div style="font-size: 16px; font-weight: bold; margin-bottom: 10px;">总体数据</div>
                    <div style="font-size: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px;">
                        <div>总抽奖: ${stats.totalDraws.toLocaleString()} 次</div>
                        <div>成功率: ${((stats.totalSuccess / stats.totalDraws) * 100).toFixed(1)}%</div>
                        <div>总消耗: ${stats.totalCost.toLocaleString()}</div>
                        <div>总魔力: ${stats.totalMagic.toLocaleString()}</div>
                        <div>上传量: ${stats.totalUpload} GB</div>
                        <div>补签卡: ${stats.totalSignCard}</div>
                        <div>邀请: ${stats.totalInvite}</div>
                        <div>彩虹ID: ${stats.totalRainbowId}天</div>
                        <div>VIP: ${stats.totalVip}天</div>
                        <div style="grid-column: 1/-1; color: ${netTotalGain >= 0 ? '#4ECDC4' : '#FFE082'}; font-weight: bold; font-size: 15px; margin-top: 5px;">
                            累积净收益: ${netTotalGain >= 0 ? '+' : ''}${netTotalGain.toLocaleString()}
                        </div>
                    </div>
                </div>
                
                <div>
                    <h4 style="color: #2c3e50; border-bottom: 2px solid #FF6B6B; padding-bottom: 8px;">🎁 奖品明细</h4>
                    <div style="max-height: 300px; overflow-y: auto;">
        `;
        
        Object.entries(stats.prizeStats).sort((a, b) => b[1] - a[1]).forEach(([prize, count]) => {
            const percentage = ((count / stats.totalSuccess) * 100).toFixed(1);
            statsHTML += `
                <div style="margin: 5px 0; padding: 8px; background: linear-gradient(135deg, #74B9FF 0%, #0984E3 100%); color: white; border-radius: 6px; display: flex; justify-content: space-between; align-items: center; font-size: 12px;">
                    <span style="font-weight: bold;">${prize}</span>
                    <span style="background: rgba(255,255,255,0.2); padding: 2px 6px; border-radius: 10px; font-size: 11px;">${count} 次 (${percentage}%)</span>
                </div>
            `;
        });
        
        statsHTML += `
                    </div>
                </div>
                <div style="text-align: center; margin-top: 15px;">
                    <button style="background: #e74c3c; color: white; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 12px;" onclick="clearCumulativeStats()">清空统计数据</button>
                </div>
            </div>
        `;
        
        createModal('累积统计', statsHTML);
    };
    
    // 创建模态框
    const createModal = (title, content) => {
        document.getElementById('stats-modal')?.remove();
        
        const modal = document.createElement('div');
        modal.id = 'stats-modal';
        modal.innerHTML = `
            <div style="
                position: fixed; top: 0; left: 0; width: 100%; height: 100%;
                background: rgba(0,0,0,0.7); z-index: 60000; display: flex;
                align-items: center; justify-content: center; backdrop-filter: blur(8px);
            " onclick="event.stopPropagation(); if(event.target === this) this.remove();">
                <div style="
                    background: white; padding: 25px; border-radius: 15px; max-width: 700px; width: 90%;
                    max-height: 85vh; overflow-y: auto; position: relative;
                    box-shadow: 0 25px 50px rgba(0,0,0,0.4);
                " onclick="event.stopPropagation();">
                    <button style="
                        position: absolute; top: 15px; right: 20px; background: none; border: none;
                        font-size: 24px; cursor: pointer; color: #999; font-weight: bold; z-index: 61000;
                    " onclick="document.getElementById('stats-modal').remove()">×</button>
                    ${content}
                    <div style="text-align: center; margin-top: 20px;">
                        <button style="
                            background: linear-gradient(135deg, #74B9FF 0%, #0984E3 100%); color: white;
                            border: none; padding: 12px 24px; border-radius: 8px; cursor: pointer;
                            font-weight: 600; transition: transform 0.2s ease;
                        " onclick="document.getElementById('stats-modal').remove()" 
                           onmouseover="this.style.transform='translateY(-2px)'" 
                           onmouseout="this.style.transform='translateY(0)'">确定</button>
                    </div>
                </div>
            </div>
        `;
        document.body.appendChild(modal);
    };
    
    // 清空统计
    window.clearCumulativeStats = function() {
        if (!confirm('确定要清空所有累积统计数据吗？此操作不可恢复！')) return;
        
        ['totalDraws', 'totalSuccess', 'totalCost', 'totalMagic', 'totalUpload', 
         'totalSignCard', 'totalInvite', 'totalRainbowId', 'totalVip'].forEach(key => GM_setValue(key, 0));
        GM_setValue('prizeStats', '{}');
        alert('统计数据已清空');
        document.getElementById('stats-modal')?.remove();
    };
    
    // 停止抽奖
    const stopDrawing = () => {
        isAutoDrawing = false;
        updateStatus('正在停止...');
        console.log('用户手动停止抽奖');
    };
    
    // 更新按钮状态
    const updateButtonsState = (drawing) => {
        const autoDrawBtn = document.getElementById('auto-draw');
        const stopDrawBtn = document.getElementById('stop-draw');
        const progressSection = document.getElementById('progress-section');
        
        if (autoDrawBtn) {
            autoDrawBtn.style.display = drawing ? 'none' : 'block';
            autoDrawBtn.disabled = drawing;
        }
        if (stopDrawBtn) stopDrawBtn.style.display = drawing ? 'block' : 'none';
        if (progressSection) progressSection.style.display = drawing ? 'block' : 'none';
    };
    
    // 初始化
    const init = () => {
        setTimeout(() => {
            console.log('魔力抽奖助手正在初始化...');
            createFloatingPanel();
            
            // 绑定事件
            document.getElementById('auto-draw')?.addEventListener('click', startAutoDrawing);
            document.getElementById('stop-draw')?.addEventListener('click', stopDrawing);
            document.getElementById('show-stats')?.addEventListener('click', showCumulativeStats);
            
            // 防止意外刷新
            window.addEventListener('beforeunload', (e) => {
                if (isAutoDrawing) {
                    e.preventDefault();
                    e.returnValue = '抽奖正在进行中，确定要离开吗？';
                    return e.returnValue;
                }
            });
            
            updateStatus('就绪');
            updateSessionStats();
            console.log('魔力抽奖助手已启动');
            
            const stats = getCumulativeStats();
            if (stats.totalDraws > 0) {
                console.log(`累积统计: ${stats.totalDraws}次抽奖, 净收益: ${stats.totalMagic - stats.totalCost}`);
            }
        }, 1500);
    };
    
    // 启动
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }
})();