// ==UserScript==
// @name         三峡大学科技学院自动评教脚本
// @namespace    http://tampermonkey.net/
// @version      2.3.1
// @description  自动评教脚本，支持自动/手动提交模式，可自定义评教内容，含页面检测功能、速度调节、快速模式、庆祝动画、独立设置窗口
// @author       满满.
// @match        http://kjjw.ctgu.edu.cn/*
// @grant        GM_addStyle
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_notification
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    let autoSubmit = false;
    let isProcessing = false;
    let countdownInterval = null;
    let shouldStop = false;
    let allTimers = [];

    let q14Text = GM_getValue('q14Text', '无');
    let q15Text = GM_getValue('q15Text', '老师教学认真负责，课程内容充实，讲解清晰易懂。');
    
    let completedCount = 0;
    let totalCount = 0;
    let errorLogs = GM_getValue('errorLogs', []);
    let settingsClickCount = 0;
    let settingsClickTimer = null;
    let isMinimized = true;

    let countdownTime = GM_getValue('countdownTime', 3);
    let fastMode = GM_getValue('fastMode', false);

    function showCelebration() {
        const celebration = document.createElement('div');
        celebration.id = 'celebration-overlay';
        celebration.innerHTML = `
            <div class="celebration-bg"></div>
            <div class="celebration-container">
                <div class="celebration-icon-wrapper">
                    <div class="celebration-icon">✨</div>
                    <div class="celebration-sparkles"></div>
                </div>
                <div class="celebration-title">
                    <span class="title-char" style="animation-delay: 0s">评</span>
                    <span class="title-char" style="animation-delay: 0.1s">教</span>
                    <span class="title-char" style="animation-delay: 0.2s">完</span>
                    <span class="title-char" style="animation-delay: 0.3s">成</span>
                </div>
                <div class="celebration-divider"></div>
                <div class="celebration-subtitle">Mission Accomplished</div>
                <div class="celebration-stats">
                    <div class="stat-item">
                        <div class="stat-value">${completedCount}</div>
                        <div class="stat-label">已评教</div>
                    </div>
                    <div class="stat-divider"></div>
                    <div class="stat-item">
                        <div class="stat-value">100%</div>
                        <div class="stat-label">完成度</div>
                    </div>
                </div>
            </div>
            <canvas id="confetti-canvas"></canvas>
        `;
        document.body.appendChild(celebration);

        const style = document.createElement('style');
        style.textContent = `
            #celebration-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 1000000;
                pointer-events: none;
                overflow: hidden;
            }
            .celebration-bg {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: radial-gradient(ellipse at center, rgba(217, 119, 6, 0.15) 0%, rgba(234, 88, 12, 0.08) 50%, transparent 70%);
                animation: bgPulse 3s ease-in-out infinite;
            }
            @keyframes bgPulse {
                0%, 100% { opacity: 0.6; transform: scale(1); }
                50% { opacity: 1; transform: scale(1.1); }
            }
            .celebration-container {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                text-align: center;
                z-index: 2;
                padding: 40px 60px;
                max-width: 90%;
            }
            .celebration-icon-wrapper {
                position: relative;
                width: 120px;
                height: 120px;
                margin: 0 auto 30px;
            }
            .celebration-icon {
                font-size: 80px;
                line-height: 120px;
                animation: iconFloat 2s ease-in-out infinite;
                filter: drop-shadow(0 10px 30px rgba(217, 119, 6, 0.4));
            }
            @keyframes iconFloat {
                0%, 100% { transform: translateY(0) rotate(0deg); }
                50% { transform: translateY(-10px) rotate(5deg); }
            }
            .celebration-sparkles {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
            .celebration-sparkles::before,
            .celebration-sparkles::after {
                content: '✦';
                position: absolute;
                font-size: 20px;
                color: #d97706;
                animation: sparkleRotate 3s linear infinite;
            }
            .celebration-sparkles::before {
                top: 10px;
                left: 50%;
                transform: translateX(-50%);
            }
            .celebration-sparkles::after {
                bottom: 10px;
                left: 50%;
                transform: translateX(-50%);
                animation-delay: 1.5s;
            }
            @keyframes sparkleRotate {
                0% { transform: translateX(-50%) rotate(0deg) scale(1); opacity: 1; }
                50% { transform: translateX(-50%) rotate(180deg) scale(1.2); opacity: 0.8; }
                100% { transform: translateX(-50%) rotate(360deg) scale(1); opacity: 1; }
            }
            .celebration-title {
                font-size: 64px;
                font-weight: 800;
                margin-bottom: 20px;
                letter-spacing: 8px;
                background: linear-gradient(135deg, #d97706 0%, #ea580c 50%, #f59e0b 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                animation: titleGlow 2s ease-in-out infinite;
                text-shadow: none;
                filter: drop-shadow(0 4px 20px rgba(217, 119, 6, 0.3));
            }
            @keyframes titleGlow {
                0%, 100% { filter: drop-shadow(0 4px 20px rgba(217, 119, 6, 0.3)); }
                50% { filter: drop-shadow(0 4px 30px rgba(217, 119, 6, 0.6)); }
            }
            .title-char {
                display: inline-block;
                opacity: 0;
                animation: charReveal 0.6s ease-out forwards;
            }
            @keyframes charReveal {
                0% { opacity: 0; transform: translateY(20px) scale(0.8); }
                100% { opacity: 1; transform: translateY(0) scale(1); }
            }
            .celebration-divider {
                width: 100px;
                height: 3px;
                background: linear-gradient(90deg, transparent, #d97706, transparent);
                margin: 0 auto 20px;
                border-radius: 2px;
                animation: dividerExpand 1s ease-out 0.8s both;
            }
            @keyframes dividerExpand {
                0% { width: 0; opacity: 0; }
                100% { width: 100px; opacity: 1; }
            }
            .celebration-subtitle {
                font-size: 18px;
                font-weight: 600;
                color: #78716c;
                letter-spacing: 6px;
                text-transform: uppercase;
                margin-bottom: 40px;
                opacity: 0;
                animation: subtitleFadeIn 0.8s ease-out 1s both;
            }
            @keyframes subtitleFadeIn {
                0% { opacity: 0; transform: translateY(10px); }
                100% { opacity: 1; transform: translateY(0); }
            }
            .celebration-stats {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 50px;
                opacity: 0;
                animation: statsFadeIn 0.8s ease-out 1.2s both;
                padding: 20px 0;
            }
            @keyframes statsFadeIn {
                0% { opacity: 0; transform: translateY(20px); }
                100% { opacity: 1; transform: translateY(0); }
            }
            .stat-item {
                text-align: center;
                min-width: 100px;
            }
            .stat-value {
                font-size: 42px;
                font-weight: 700;
                background: linear-gradient(135deg, #d97706, #ea580c);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                margin-bottom: 8px;
                line-height: 1.2;
            }
            .stat-label {
                font-size: 14px;
                color: #a8a29e;
                letter-spacing: 2px;
                text-transform: uppercase;
                line-height: 1.4;
            }
            .stat-divider {
                width: 1px;
                height: 40px;
                background: linear-gradient(180deg, transparent, #d97706, transparent);
            }
            #confetti-canvas {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 1;
            }
        `;
        document.head.appendChild(style);

        const canvas = document.getElementById('confetti-canvas');
        const ctx = canvas.getContext('2d');
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

        const confetti = [];
        const colors = ['#d97706', '#ea580c', '#f59e0b', '#fbbf24', '#10b981', '#3b82f6', '#8b5cf6', '#ec4899'];

        for (let i = 0; i < 200; i++) {
            confetti.push({
                x: Math.random() * canvas.width,
                y: Math.random() * canvas.height - canvas.height,
                size: Math.random() * 12 + 4,
                color: colors[Math.floor(Math.random() * colors.length)],
                speedY: Math.random() * 4 + 2,
                speedX: Math.random() * 3 - 1.5,
                rotation: Math.random() * 360,
                rotationSpeed: Math.random() * 12 - 6,
                opacity: Math.random() * 0.5 + 0.5
            });
        }

        let animationFrame;
        function animateConfetti() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            confetti.forEach(p => {
                p.y += p.speedY;
                p.x += p.speedX + Math.sin(p.y * 0.01) * 0.5;
                p.rotation += p.rotationSpeed;

                if (p.y > canvas.height) {
                    p.y = -20;
                    p.x = Math.random() * canvas.width;
                }

                ctx.save();
                ctx.globalAlpha = p.opacity;
                ctx.translate(p.x, p.y);
                ctx.rotate(p.rotation * Math.PI / 180);
                ctx.fillStyle = p.color;
                
                if (p.size > 8) {
                    ctx.beginPath();
                    ctx.moveTo(0, -p.size / 2);
                    ctx.lineTo(p.size / 2, 0);
                    ctx.lineTo(0, p.size / 2);
                    ctx.lineTo(-p.size / 2, 0);
                    ctx.closePath();
                    ctx.fill();
                } else {
                    ctx.fillRect(-p.size / 2, -p.size / 2, p.size, p.size);
                }
                
                ctx.restore();
            });

            animationFrame = requestAnimationFrame(animateConfetti);
        }

        animateConfetti();

        setTimeout(() => {
            cancelAnimationFrame(animationFrame);
            celebration.remove();
            style.remove();
        }, 5000);
    }

    function createControlPanel() {
        const panel = document.createElement('div');
        panel.id = 'auto-eval-panel';
        panel.innerHTML = `
            <div class="floating-ball" id="floating-ball" style="display: block;">
                <div class="ball-progress-ring">
                    <svg class="progress-ring" width="60" height="60">
                        <circle class="progress-ring-bg" cx="30" cy="30" r="26" fill="none" stroke="rgba(217, 119, 6, 0.2)" stroke-width="4"/>
                        <circle class="progress-ring-circle" cx="30" cy="30" r="26" fill="none" stroke="url(#gradient)" stroke-width="4" stroke-linecap="round" stroke-dasharray="163.36" stroke-dashoffset="163.36" transform="rotate(-90 30 30)"/>
                        <defs>
                            <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
                                <stop offset="0%" style="stop-color:#d97706"/>
                                <stop offset="100%" style="stop-color:#ea580c"/>
                            </linearGradient>
                        </defs>
                    </svg>
                    <div class="ball-content">
                        <span class="ball-icon">📝</span>
                        <span class="ball-text" id="ball-text">0/0</span>
                    </div>
                </div>
            </div>
            <div class="panel-content-wrapper" id="panel-content-wrapper" style="display: none;">
                <div class="panel-header">
                    <span class="panel-title">自动评教控制面板</span>
                    <div class="header-actions">
                        <span class="minimize-btn">−</span>
                        <span class="settings-btn">⚙️</span>
                    </div>
                </div>
                <div class="panel-content">
                    <div class="control-row">
                        <label class="switch">
                            <input type="checkbox" id="auto-submit-toggle">
                            <span class="slider"></span>
                        </label>
                        <span class="label-text">自动提交</span>
                    </div>
                    <div class="control-row">
                        <button id="start-eval-btn" class="btn btn-primary">开始评教</button>
                        <button id="stop-eval-btn" class="btn btn-danger" disabled>停止</button>
                    </div>
                    <div class="countdown-row" id="countdown-row" style="display: none;">
                        <span id="countdown-text">提交倒计时: 3秒</span>
                        <button id="cancel-countdown-btn" class="btn btn-small">取消</button>
                    </div>
                    <div class="progress-row">
                        <div class="progress-info">
                            <span class="progress-label">进度</span>
                            <span class="progress-text" id="progress-text">0/0</span>
                        </div>
                        <div class="progress-bar-container">
                            <div class="progress-bar" id="progress-bar"></div>
                        </div>
                    </div>
                    <div class="status-row">
                        <span id="status-text">就绪</span>
                    </div>
                </div>
                <div class="settings-panel" id="settings-panel" style="display: none;">
                    <div class="settings-header">
                        <span class="settings-title">评教内容设置</span>
                        <span class="settings-close-btn">×</span>
                    </div>
                    <div class="settings-content" id="settings-content">
                        <div class="settings-item">
                            <label class="settings-label">Q14 改进建议</label>
                            <textarea class="settings-textarea" id="q14-textarea" rows="3" placeholder="请输入Q14的改进建议">${q14Text}</textarea>
                        </div>
                        <div class="settings-item">
                            <label class="settings-label">Q15 优点评价</label>
                            <textarea class="settings-textarea" id="q15-textarea" rows="3" placeholder="请输入Q15的优点评价">${q15Text}</textarea>
                        </div>
                        <div class="settings-item">
                            <label class="settings-label">评教速度调节（${countdownTime}秒）</label>
                            <div class="speed-control">
                                <input type="range" id="speed-slider" min="1" max="10" value="${countdownTime}" class="speed-slider">
                                <div class="speed-labels">
                                    <span>1秒</span>
                                    <span>10秒</span>
                                </div>
                            </div>
                        </div>
                        <div class="settings-item">
                            <label class="switch-label">
                                <input type="checkbox" id="fast-mode-toggle" ${fastMode ? 'checked' : ''}>
                                <span class="switch-slider"></span>
                                <span class="switch-text">快速模式（跳过倒计时）</span>
                            </label>
                        </div>
                        <div class="settings-actions">
                            <button id="save-settings-btn" class="btn btn-primary">保存设置</button>
                            <button id="reset-settings-btn" class="btn btn-danger">恢复默认</button>
                        </div>
                    </div>
                    <div class="log-panel" id="log-panel" style="display: none;">
                        <div class="log-header">
                            <span class="log-title">错误日志</span>
                            <div class="log-actions">
                                <span class="log-clear-btn" id="clear-logs-btn">清空</span>
                                <span class="log-close-btn">×</span>
                            </div>
                        </div>
                        <div class="log-content" id="log-content">
                            ${errorLogs.length === 0 ? '<div class="log-empty">暂无错误日志</div>' : errorLogs.map(log => `
                                <div class="log-item">
                                    <div class="log-time">${log.time}</div>
                                    <div class="log-message">${log.message}</div>
                                    <div class="log-url">${log.url}</div>
                                </div>
                            `).join('')}
                        </div>
                    </div>
                </div>
            </div>
        `;
        document.body.appendChild(panel);

        const style = document.createElement('style');
        style.textContent = `
            #auto-eval-panel {
                position: fixed;
                top: 20px;
                right: 20px;
                width: 280px;
                background: linear-gradient(135deg, #fafaf9 0%, #f5f5f4 50%, #e7e5e4 100%);
                border-radius: 16px;
                box-shadow: 
                    0 8px 32px rgba(0,0,0,0.08),
                    0 2px 8px rgba(0,0,0,0.04),
                    inset 0 1px 0 rgba(255,255,255,0.6);
                z-index: 99999;
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
                user-select: none;
                backdrop-filter: blur(10px);
                overflow: visible;
            }
            #auto-eval-panel::before {
                content: '';
                position: absolute;
                top: -25%;
                left: -25%;
                width: 150%;
                height: 150%;
                background: radial-gradient(circle at 30% 30%, rgba(245, 158, 11, 0.04) 0%, transparent 50%),
                            radial-gradient(circle at 70% 70%, rgba(217, 119, 6, 0.03) 0%, transparent 50%);
                pointer-events: none;
                z-index: 0;
            }
            .floating-ball {
                position: fixed;
                top: 20px;
                right: 20px;
                width: 60px;
                height: 60px;
                cursor: pointer;
                z-index: 99999;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            }
            .floating-ball:hover {
                transform: scale(1.1);
            }
            .ball-progress-ring {
                position: relative;
                width: 100%;
                height: 100%;
            }
            .progress-ring {
                position: absolute;
                top: 0;
                left: 0;
                filter: drop-shadow(0 2px 8px rgba(217, 119, 6, 0.3));
            }
            .progress-ring-circle {
                transition: stroke-dashoffset 0.5s ease;
            }
            .ball-content {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .ball-icon {
                font-size: 18px;
                margin-bottom: 2px;
            }
            .ball-text {
                font-size: 11px;
                font-weight: 600;
                color: #d97706;
            }
            .panel-content-wrapper {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                position: relative;
                z-index: 1;
            }
            .panel-header {
                background: linear-gradient(135deg, #d97706 0%, #ea580c 100%);
                color: #fafaf9;
                padding: 16px 20px;
                border-radius: 16px 16px 0 0;
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-weight: 600;
                cursor: move;
                position: relative;
                z-index: 1;
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
            }
            .header-actions {
                display: flex;
                align-items: center;
                gap: 8px;
            }
            .minimize-btn {
                cursor: pointer;
                font-size: 18px;
                line-height: 1;
                width: 28px;
                height: 28px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                transition: all 0.3s ease;
                background: rgba(255,255,255,0.15);
            }
            .minimize-btn:hover {
                background: rgba(255,255,255,0.25);
            }
            .settings-btn {
                cursor: pointer;
                font-size: 18px;
                line-height: 1;
                width: 28px;
                height: 28px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                transition: all 0.3s ease;
                background: rgba(255,255,255,0.15);
            }
            .settings-btn:hover {
                background: rgba(255,255,255,0.25);
                transform: rotate(90deg);
            }
            .panel-header::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 1px;
                background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            }
            .panel-title {
                flex: 1;
                font-size: 15px;
                letter-spacing: 0.3px;
            }
            .panel-content {
                padding: 20px;
                position: relative;
                z-index: 1;
            }
            .control-row {
                display: flex;
                align-items: center;
                margin-bottom: 16px;
            }
            .switch {
                position: relative;
                display: inline-block;
                width: 52px;
                height: 26px;
                margin-right: 12px;
            }
            .switch input {
                opacity: 0;
                width: 0;
                height: 0;
            }
            .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(135deg, #d6d3d1 0%, #a8a29e 100%);
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                border-radius: 26px;
                box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
            }
            .slider:before {
                position: absolute;
                content: "";
                height: 20px;
                width: 20px;
                left: 3px;
                bottom: 3px;
                background: linear-gradient(135deg, #fafaf9 0%, #e7e5e4 100%);
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                border-radius: 50%;
                box-shadow: 0 2px 4px rgba(0,0,0,0.15);
            }
            input:checked + .slider {
                background: linear-gradient(135deg, #d97706 0%, #ea580c 100%);
                box-shadow: 0 2px 8px rgba(217, 119, 6, 0.4);
            }
            input:checked + .slider:before {
                transform: translateX(26px);
                box-shadow: 0 2px 8px rgba(217, 119, 6, 0.3);
            }
            .label-text {
                font-size: 14px;
                color: #44403c;
                font-weight: 500;
            }
            .btn {
                flex: 1;
                margin: 0 5px;
                padding: 10px 18px;
                border: none;
                border-radius: 10px;
                cursor: pointer;
                font-size: 14px;
                font-weight: 500;
                color: #fafaf9;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            }
            .btn:hover {
                transform: translateY(-2px);
                box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            }
            .btn:active {
                transform: translateY(0);
            }
            .btn-primary {
                background: linear-gradient(135deg, #d97706 0%, #ea580c 100%);
            }
            .btn-primary:hover {
                background: linear-gradient(135deg, #b45309 0%, #c2410c 100%);
                box-shadow: 0 4px 16px rgba(217, 119, 6, 0.3);
            }
            .btn-danger {
                background: linear-gradient(135deg, #78716c 0%, #57534e 100%);
            }
            .btn-danger:hover {
                background: linear-gradient(135deg, #57534e 0%, #44403c 100%);
                box-shadow: 0 4px 16px rgba(87, 83, 78, 0.3);
            }
            .btn:disabled {
                background: linear-gradient(135deg, #d6d3d1 0%, #a8a29e 100%);
                cursor: not-allowed;
                transform: none;
                box-shadow: none;
                color: #78716c;
            }
            .btn-small {
                padding: 6px 12px;
                font-size: 12px;
                margin-left: 10px;
                background: linear-gradient(135deg, #78716c 0%, #57534e 100%);
            }
            .btn-small:hover {
                background: linear-gradient(135deg, #57534e 0%, #44403c 100%);
                box-shadow: 0 2px 8px rgba(87, 83, 78, 0.3);
            }
            .countdown-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 16px;
                padding: 12px 14px;
                background: linear-gradient(135deg, rgba(251, 191, 36, 0.15) 0%, rgba(245, 158, 11, 0.1) 100%);
                border: 1px solid rgba(245, 158, 11, 0.3);
                border-radius: 10px;
                backdrop-filter: blur(5px);
            }
            #countdown-text {
                font-size: 13px;
                color: #92400e;
                font-weight: 600;
            }
            .progress-row {
                margin-bottom: 16px;
            }
            .progress-info {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 8px;
            }
            .progress-label {
                font-size: 13px;
                color: #44403c;
                font-weight: 500;
            }
            .progress-text {
                font-size: 13px;
                color: #d97706;
                font-weight: 600;
            }
            .progress-bar-container {
                width: 100%;
                height: 8px;
                background: linear-gradient(135deg, #d6d3d1 0%, #a8a29e 100%);
                border-radius: 4px;
                overflow: hidden;
                box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
            }
            .progress-bar {
                height: 100%;
                width: 0%;
                background: linear-gradient(135deg, #d97706 0%, #ea580c 100%);
                border-radius: 4px;
                transition: width 0.3s ease;
                box-shadow: 0 0 8px rgba(217, 119, 6, 0.4);
            }
            .status-row {
                margin-top: 20px;
                padding-top: 16px;
                border-top: 1px solid rgba(0,0,0,0.06);
            }
            #status-text {
                font-size: 13px;
                color: #57534e;
                font-weight: 400;
                line-height: 1.5;
            }
            @media (max-width: 768px) {
                #auto-eval-panel {
                    width: 260px;
                    right: 10px;
                    top: 10px;
                }
                .panel-header {
                    padding: 14px 16px;
                }
                .panel-content {
                    padding: 16px;
                }
                .btn {
                    padding: 9px 14px;
                    font-size: 13px;
                }
            }
            .settings-panel {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(135deg, #fafaf9 0%, #f5f5f4 50%, #e7e5e4 100%);
                border-radius: 16px;
                z-index: 2;
                display: flex;
                flex-direction: column;
                animation: slideIn 0.3s ease;
            }
            @keyframes slideIn {
                from {
                    opacity: 0;
                    transform: translateX(20px);
                }
                to {
                    opacity: 1;
                    transform: translateX(0);
                }
            }
            .settings-header {
                background: linear-gradient(135deg, #d97706 0%, #ea580c 100%);
                color: #fafaf9;
                padding: 16px 20px;
                border-radius: 16px 16px 0 0;
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-weight: 600;
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
            }
            .settings-title {
                font-size: 15px;
                letter-spacing: 0.3px;
            }
            .settings-close-btn {
                cursor: pointer;
                font-size: 24px;
                line-height: 1;
                width: 28px;
                height: 28px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                transition: all 0.3s ease;
                background: rgba(255,255,255,0.15);
            }
            .settings-close-btn:hover {
                background: rgba(255,255,255,0.25);
                transform: rotate(90deg);
            }
            .settings-content {
                padding: 20px;
                flex: 1;
                overflow-y: auto;
            }
            .settings-item {
                margin-bottom: 20px;
            }
            .settings-label {
                display: block;
                font-size: 14px;
                color: #44403c;
                font-weight: 500;
                margin-bottom: 8px;
            }
            .settings-textarea {
                width: 100%;
                padding: 12px;
                border: 1px solid #d6d3d1;
                border-radius: 10px;
                font-size: 13px;
                color: #57534e;
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
                resize: vertical;
                background: linear-gradient(135deg, #fafaf9 0%, #f5f5f4 100%);
                transition: all 0.3s ease;
                box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
            }
            .settings-textarea:focus {
                outline: none;
                border-color: #d97706;
                box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.1), inset 0 1px 3px rgba(0,0,0,0.06);
            }
            .settings-textarea::placeholder {
                color: #a8a29e;
            }
            .settings-actions {
                display: flex;
                gap: 10px;
                margin-top: 24px;
            }
            .settings-actions .btn {
                margin: 0;
            }
            .log-panel {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(135deg, #fafaf9 0%, #f5f5f4 50%, #e7e5e4 100%);
                border-radius: 16px;
                display: flex;
                flex-direction: column;
                overflow: hidden;
            }
            .log-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 16px 20px;
                border-bottom: 1px solid rgba(0,0,0,0.08);
                background: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%);
            }
            .log-title {
                font-size: 15px;
                font-weight: 600;
                color: #44403c;
            }
            .log-actions {
                display: flex;
                gap: 12px;
                align-items: center;
            }
            .log-clear-btn {
                font-size: 13px;
                color: #d97706;
                cursor: pointer;
                padding: 4px 12px;
                border-radius: 6px;
                background: rgba(217, 119, 6, 0.1);
                transition: all 0.2s ease;
            }
            .log-clear-btn:hover {
                background: rgba(217, 119, 6, 0.2);
            }
            .log-close-btn {
                font-size: 24px;
                color: #78716c;
                cursor: pointer;
                transition: all 0.2s ease;
            }
            .log-close-btn:hover {
                color: #44403c;
                transform: rotate(90deg);
            }
            .log-content {
                flex: 1;
                overflow-y: auto;
                padding: 12px;
                max-height: 320px;
            }
            .log-content::-webkit-scrollbar {
                width: 6px;
            }
            .log-content::-webkit-scrollbar-track {
                background: rgba(0,0,0,0.05);
                border-radius: 3px;
            }
            .log-content::-webkit-scrollbar-thumb {
                background: rgba(168, 162, 158, 0.5);
                border-radius: 3px;
            }
            .log-empty {
                text-align: center;
                padding: 40px 20px;
                color: #a8a29e;
                font-size: 14px;
            }
            .log-item {
                background: linear-gradient(135deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 100%);
                border: 1px solid rgba(0,0,0,0.08);
                border-radius: 10px;
                padding: 12px;
                margin-bottom: 10px;
                box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            }
            .log-time {
                font-size: 11px;
                color: #a8a29e;
                margin-bottom: 4px;
            }
            .log-message {
                font-size: 13px;
                color: #44403c;
                font-weight: 500;
                margin-bottom: 6px;
                line-height: 1.4;
            }
            .log-url {
                font-size: 11px;
                color: #78716c;
                word-break: break-all;
                font-family: monospace;
            }
            .speed-control {
                width: 100%;
                padding: 10px 0;
            }
            .speed-slider {
                width: 100%;
                height: 8px;
                -webkit-appearance: none;
                appearance: none;
                background: linear-gradient(135deg, #d6d3d1 0%, #a8a29e 100%);
                border-radius: 4px;
                outline: none;
                cursor: pointer;
            }
            .speed-slider::-webkit-slider-thumb {
                -webkit-appearance: none;
                appearance: none;
                width: 20px;
                height: 20px;
                background: linear-gradient(135deg, #d97706 0%, #ea580c 100%);
                border-radius: 50%;
                cursor: pointer;
                box-shadow: 0 2px 8px rgba(217, 119, 6, 0.4);
                transition: all 0.3s ease;
            }
            .speed-slider::-webkit-slider-thumb:hover {
                transform: scale(1.1);
                box-shadow: 0 4px 12px rgba(217, 119, 6, 0.5);
            }
            .speed-slider::-moz-range-thumb {
                width: 20px;
                height: 20px;
                background: linear-gradient(135deg, #d97706 0%, #ea580c 100%);
                border-radius: 50%;
                cursor: pointer;
                border: none;
                box-shadow: 0 2px 8px rgba(217, 119, 6, 0.4);
                transition: all 0.3s ease;
            }
            .speed-labels {
                display: flex;
                justify-content: space-between;
                margin-top: 8px;
                font-size: 12px;
                color: #a8a29e;
            }
            .switch-label {
                display: flex;
                align-items: center;
                gap: 12px;
                cursor: pointer;
            }
            .switch-label input[type="checkbox"] {
                opacity: 0;
                width: 0;
                height: 0;
            }
            .switch-slider {
                position: relative;
                display: inline-block;
                width: 52px;
                height: 26px;
                background: linear-gradient(135deg, #d6d3d1 0%, #a8a29e 100%);
                border-radius: 26px;
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
            }
            .switch-slider:before {
                content: "";
                position: absolute;
                height: 20px;
                width: 20px;
                left: 3px;
                bottom: 3px;
                background: linear-gradient(135deg, #fafaf9 0%, #e7e5e4 100%);
                border-radius: 50%;
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                box-shadow: 0 2px 4px rgba(0,0,0,0.15);
            }
            .switch-label input:checked + .switch-slider {
                background: linear-gradient(135deg, #d97706 0%, #ea580c 100%);
                box-shadow: 0 2px 8px rgba(217, 119, 6, 0.4);
            }
            .switch-label input:checked + .switch-slider:before {
                transform: translateX(26px);
                box-shadow: 0 2px 8px rgba(217, 119, 6, 0.3);
            }
            .switch-text {
                font-size: 14px;
                color: #44403c;
                font-weight: 500;
            }
            .progress-bar {
                height: 100%;
                width: 0%;
                background: linear-gradient(135deg, #d97706 0%, #ea580c 100%);
                border-radius: 4px;
                transition: width 0.3s ease;
                box-shadow: 0 0 8px rgba(217, 119, 6, 0.4);
                position: relative;
                overflow: hidden;
            }
            .progress-bar::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
                transform: translateX(-100%);
                animation: progressShine 2s infinite;
            }
            @keyframes progressShine {
                0% {
                    transform: translateX(-100%);
                }
                50% {
                    transform: translateX(100%);
                }
                100% {
                    transform: translateX(100%);
                }
            }
            .progress-bar.completed {
                animation: progressComplete 0.6s ease-out;
            }
            @keyframes progressComplete {
                0% {
                    box-shadow: 0 0 8px rgba(217, 119, 6, 0.4);
                }
                50% {
                    box-shadow: 0 0 20px rgba(217, 119, 6, 0.8), 0 0 40px rgba(217, 119, 6, 0.4);
                }
                100% {
                    box-shadow: 0 0 8px rgba(217, 119, 6, 0.4);
                }
            }
            .settings-popup {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.5);
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 100000;
                backdrop-filter: blur(5px);
                animation: fadeIn 0.3s ease;
            }
            @keyframes fadeIn {
                from {
                    opacity: 0;
                }
                to {
                    opacity: 1;
                }
            }
            .settings-popup-content {
                width: 90%;
                max-width: 500px;
                max-height: 80vh;
                background: linear-gradient(135deg, #fafaf9 0%, #f5f5f4 50%, #e7e5e4 100%);
                border-radius: 20px;
                box-shadow: 0 20px 60px rgba(0,0,0,0.3);
                display: flex;
                flex-direction: column;
                overflow: hidden;
                animation: popupSlideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            }
            @keyframes popupSlideIn {
                from {
                    opacity: 0;
                    transform: scale(0.9) translateY(20px);
                }
                to {
                    opacity: 1;
                    transform: scale(1) translateY(0);
                }
            }
            .settings-popup-header {
                background: linear-gradient(135deg, #d97706 0%, #ea580c 100%);
                color: #fafaf9;
                padding: 20px 24px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
            }
            .settings-popup-title {
                font-size: 18px;
                font-weight: 600;
                letter-spacing: 0.3px;
            }
            .settings-popup-close {
                cursor: pointer;
                font-size: 28px;
                line-height: 1;
                width: 32px;
                height: 32px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                transition: all 0.3s ease;
                background: rgba(255,255,255,0.15);
            }
            .settings-popup-close:hover {
                background: rgba(255,255,255,0.25);
                transform: rotate(90deg);
            }
            .settings-popup-body {
                padding: 24px;
                overflow-y: auto;
                flex: 1;
            }
            .settings-popup-footer {
                padding: 16px 24px;
                border-top: 1px solid rgba(0,0,0,0.08);
                display: flex;
                gap: 12px;
                justify-content: flex-end;
            }
            .settings-popup-footer .btn {
                margin: 0;
                min-width: 100px;
            }
            .warning-toast {
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%) scale(0.9);
                background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
                border: 2px solid #f59e0b;
                border-radius: 12px;
                padding: 20px 24px;
                display: flex;
                align-items: center;
                gap: 12px;
                box-shadow: 0 10px 40px rgba(245, 158, 11, 0.3);
                z-index: 100000;
                opacity: 0;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                max-width: 320px;
            }
            .warning-toast.toast-show {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
            }
            .toast-icon {
                font-size: 28px;
                flex-shrink: 0;
            }
            .toast-message {
                font-size: 14px;
                color: #92400e;
                font-weight: 500;
                line-height: 1.5;
            }
            .test-backdoor-info {
                background: linear-gradient(135deg, rgba(217, 119, 6, 0.1) 0%, rgba(234, 88, 12, 0.05) 100%);
                border: 2px solid #d97706;
                border-radius: 12px;
                padding: 16px;
                margin-bottom: 20px;
                text-align: center;
            }
            .test-backdoor-info p {
                margin: 8px 0;
                color: #44403c;
                font-weight: 500;
            }
            .test-backdoor-info p:first-child {
                font-size: 18px;
                font-weight: 600;
                color: #d97706;
            }
            .test-backdoor-desc {
                font-size: 13px;
                color: #78716c;
                line-height: 1.6;
            }
        `;
        document.head.appendChild(style);

        makeDraggable(panel);

        let floatingBallClicked = false;
        document.getElementById('floating-ball').addEventListener('mousedown', function() {
            floatingBallClicked = false;
        });
        document.getElementById('floating-ball').addEventListener('mousemove', function() {
            floatingBallClicked = true;
        });
        document.getElementById('floating-ball').addEventListener('click', function(e) {
            if (!floatingBallClicked) {
                document.getElementById('floating-ball').style.display = 'none';
                document.getElementById('panel-content-wrapper').style.display = 'flex';
                isMinimized = false;
            }
        });

        document.querySelector('.minimize-btn').addEventListener('click', function() {
            document.getElementById('panel-content-wrapper').style.display = 'none';
            document.getElementById('floating-ball').style.display = 'block';
            isMinimized = true;
        });

        document.getElementById('auto-submit-toggle').addEventListener('change', function() {
            if (isProcessing) {
                this.checked = !this.checked;
                GM_notification({
                    text: '评教正在运行中，请先停止评教后再切换自动提交模式',
                    title: '无法切换',
                    timeout: 3000
                });
                return;
            }
            autoSubmit = this.checked;
            updateStatus(`自动提交: ${autoSubmit ? '开启' : '关闭'}`);
        });

        document.getElementById('start-eval-btn').addEventListener('click', startEvaluation);
        document.getElementById('stop-eval-btn').addEventListener('click', stopEvaluation);

        document.querySelector('.settings-btn').addEventListener('click', function() {
            settingsClickCount++;
            
            if (settingsClickCount === 1) {
                settingsClickTimer = setTimeout(() => {
                    settingsClickCount = 0;
                    openSettingsPopup();
                }, 300);
            } else if (settingsClickCount === 2) {
                clearTimeout(settingsClickTimer);
                settingsClickCount = 0;
                openTestBackdoor();
            }
        });

        function openSettingsPopup() {
            const existingPopup = document.getElementById('settings-popup');
            if (existingPopup) {
                existingPopup.remove();
            }

            const popup = document.createElement('div');
            popup.id = 'settings-popup';
            popup.className = 'settings-popup';
            popup.innerHTML = `
                <div class="settings-popup-content">
                    <div class="settings-popup-header">
                        <span class="settings-popup-title">评教设置</span>
                        <span class="settings-popup-close">×</span>
                    </div>
                    <div class="settings-popup-body">
                        <div class="settings-item">
                            <label class="settings-label">Q14 改进建议</label>
                            <textarea class="settings-textarea" id="popup-q14-textarea" rows="3" placeholder="请输入Q14的改进建议">${q14Text}</textarea>
                        </div>
                        <div class="settings-item">
                            <label class="settings-label">Q15 优点评价</label>
                            <textarea class="settings-textarea" id="popup-q15-textarea" rows="3" placeholder="请输入Q15的优点评价">${q15Text}</textarea>
                        </div>
                        <div class="settings-item">
                            <label class="settings-label">评教速度调节（${countdownTime}秒）</label>
                            <div class="speed-control">
                                <input type="range" id="popup-speed-slider" min="1" max="10" value="${countdownTime}" class="speed-slider">
                                <div class="speed-labels">
                                    <span>1秒</span>
                                    <span>10秒</span>
                                </div>
                            </div>
                        </div>
                        <div class="settings-item">
                            <label class="switch-label">
                                <input type="checkbox" id="popup-fast-mode-toggle" ${fastMode ? 'checked' : ''}>
                                <span class="switch-slider"></span>
                                <span class="switch-text">快速模式（跳过倒计时）</span>
                            </label>
                        </div>
                    </div>
                    <div class="settings-popup-footer">
                        <button id="popup-reset-settings-btn" class="btn btn-danger">恢复默认</button>
                        <button id="popup-save-settings-btn" class="btn btn-primary">保存设置</button>
                    </div>
                </div>
            `;
            document.body.appendChild(popup);

            const speedSlider = document.getElementById('popup-speed-slider');
            const speedLabel = popup.querySelector('.settings-item:nth-child(3) .settings-label');
            
            speedSlider.addEventListener('input', function() {
                speedLabel.textContent = `评教速度调节（${this.value}秒）`;
            });

            popup.querySelector('.settings-popup-close').addEventListener('click', function() {
                popup.remove();
            });

            popup.addEventListener('click', function(e) {
                if (e.target === popup) {
                    popup.remove();
                }
            });

            document.getElementById('popup-save-settings-btn').addEventListener('click', function() {
                q14Text = document.getElementById('popup-q14-textarea').value.trim();
                q15Text = document.getElementById('popup-q15-textarea').value.trim();
                countdownTime = parseInt(document.getElementById('popup-speed-slider').value);
                fastMode = document.getElementById('popup-fast-mode-toggle').checked;
                
                GM_setValue('q14Text', q14Text);
                GM_setValue('q15Text', q15Text);
                GM_setValue('countdownTime', countdownTime);
                GM_setValue('fastMode', fastMode);
                
                updateStatus('设置已保存');
                popup.remove();
                
                setTimeout(() => {
                    updateStatus('就绪');
                }, 2000);
            });

            document.getElementById('popup-reset-settings-btn').addEventListener('click', function() {
                q14Text = '无';
                q15Text = '老师教学认真负责，课程内容充实，讲解清晰易懂。';
                countdownTime = 3;
                fastMode = false;
                
                document.getElementById('popup-q14-textarea').value = q14Text;
                document.getElementById('popup-q15-textarea').value = q15Text;
                document.getElementById('popup-speed-slider').value = countdownTime;
                document.getElementById('popup-fast-mode-toggle').checked = fastMode;
                speedLabel.textContent = `评教速度调节（${countdownTime}秒）`;
                
                GM_setValue('q14Text', q14Text);
                GM_setValue('q15Text', q15Text);
                GM_setValue('countdownTime', countdownTime);
                GM_setValue('fastMode', fastMode);
                
                updateStatus('已恢复默认设置');
                
                setTimeout(() => {
                    updateStatus('就绪');
                }, 2000);
            });
        }

        function openTestBackdoor() {
            const existingPopup = document.getElementById('test-backdoor-popup');
            if (existingPopup) {
                existingPopup.remove();
            }

            const popup = document.createElement('div');
            popup.id = 'test-backdoor-popup';
            popup.className = 'settings-popup';
            popup.innerHTML = `
                <div class="settings-popup-content">
                    <div class="settings-popup-header">
                        <span class="settings-popup-title">测试后门</span>
                        <span class="settings-popup-close">×</span>
                    </div>
                    <div class="settings-popup-body">
                        <div class="test-backdoor-info">
                            <p>🔧 开发者测试工具</p>
                            <p class="test-backdoor-desc">双击设置按钮进入测试后门，可以测试通知和庆祝特效</p>
                        </div>
                        <div class="settings-item">
                            <button id="test-notification-btn" class="btn btn-primary" style="width: 100%;">🔔 测试通知</button>
                        </div>
                        <div class="settings-item">
                            <button id="test-celebration-btn" class="btn btn-primary" style="width: 100%;">🎉 测试庆祝特效</button>
                        </div>
                        <div class="settings-item">
                            <button id="open-log-popup-btn" class="btn btn-danger" style="width: 100%;">📋 查看错误日志</button>
                        </div>
                    </div>
                </div>
            `;
            document.body.appendChild(popup);

            popup.querySelector('.settings-popup-close').addEventListener('click', function() {
                popup.remove();
            });

            popup.addEventListener('click', function(e) {
                if (e.target === popup) {
                    popup.remove();
                }
            });

            document.getElementById('test-notification-btn').addEventListener('click', function() {
                showNotification('测试通知', '这是一个测试通知，通知功能正常工作！');
            });

            document.getElementById('test-celebration-btn').addEventListener('click', function() {
                showCelebration();
            });

            document.getElementById('open-log-popup-btn').addEventListener('click', function() {
                popup.remove();
                openLogPopup();
            });
        }

        function openLogPopup() {
            const existingPopup = document.getElementById('log-popup');
            if (existingPopup) {
                existingPopup.remove();
            }

            const popup = document.createElement('div');
            popup.id = 'log-popup';
            popup.className = 'settings-popup';
            popup.innerHTML = `
                <div class="settings-popup-content">
                    <div class="settings-popup-header">
                        <span class="settings-popup-title">错误日志</span>
                        <span class="settings-popup-close">×</span>
                    </div>
                    <div class="settings-popup-body">
                        <div class="log-content" id="popup-log-content">
                            ${errorLogs.length === 0 ? '<div class="log-empty">暂无错误日志</div>' : errorLogs.map(log => `
                                <div class="log-item">
                                    <div class="log-time">${log.time}</div>
                                    <div class="log-message">${log.message}</div>
                                    <div class="log-url">${log.url}</div>
                                </div>
                            `).join('')}
                        </div>
                    </div>
                    <div class="settings-popup-footer">
                        <button id="popup-clear-logs-btn" class="btn btn-danger">清空日志</button>
                    </div>
                </div>
            `;
            document.body.appendChild(popup);

            popup.querySelector('.settings-popup-close').addEventListener('click', function() {
                popup.remove();
            });

            popup.addEventListener('click', function(e) {
                if (e.target === popup) {
                    popup.remove();
                }
            });

            document.getElementById('popup-clear-logs-btn').addEventListener('click', function() {
                errorLogs = [];
                GM_setValue('errorLogs', errorLogs);
                document.getElementById('popup-log-content').innerHTML = '<div class="log-empty">暂无错误日志</div>';
            });
        }


    }

    function makeDraggable(element) {
        const header = element.querySelector('.panel-header');
        const floatingBall = element.querySelector('.floating-ball');
        let isDragging = false;
        let hasMoved = false;
        let currentX;
        let currentY;
        let initialX;
        let initialY;
        let xOffset = 0;
        let yOffset = 0;

        if (header) {
            header.addEventListener('mousedown', dragStart);
        }
        if (floatingBall) {
            floatingBall.addEventListener('mousedown', dragStart);
        }
        document.addEventListener('mousemove', drag);
        document.addEventListener('mouseup', dragEnd);

        function dragStart(e) {
            if (e.target.classList.contains('settings-btn') || e.target.classList.contains('minimize-btn')) return;
            
            const settingsPanel = document.getElementById('settings-panel');
            if (settingsPanel && settingsPanel.style.display === 'flex') return;
            
            hasMoved = false;
            initialX = e.clientX - xOffset;
            initialY = e.clientY - yOffset;

            if (e.target === header || (header && header.contains(e.target)) || e.target === floatingBall || (floatingBall && floatingBall.contains(e.target))) {
                isDragging = true;
            }
        }

        function drag(e) {
            if (isDragging) {
                e.preventDefault();
                currentX = e.clientX - initialX;
                currentY = e.clientY - initialY;

                if (Math.abs(currentX) > 3 || Math.abs(currentY) > 3) {
                    hasMoved = true;
                }

                xOffset = currentX;
                yOffset = currentY;

                setTranslate(currentX, currentY, element);
            }
        }

        function dragEnd(e) {
            initialX = currentX;
            initialY = currentY;
            isDragging = false;
        }

        function setTranslate(xPos, yPos, el) {
            el.style.transform = `translate3d(${xPos}px, ${yPos}px, 0)`;
        }
    }

    function updateStatus(text) {
        const statusEl = document.getElementById('status-text');
        if (statusEl) {
            statusEl.textContent = text;
        }
    }

    function showWarningToast(message) {
        const existingToast = document.getElementById('warning-toast');
        if (existingToast) {
            existingToast.remove();
        }

        const toast = document.createElement('div');
        toast.id = 'warning-toast';
        toast.className = 'warning-toast';
        toast.innerHTML = `
            <div class="toast-icon">⚠️</div>
            <div class="toast-message">${message}</div>
        `;
        document.body.appendChild(toast);

        setTimeout(() => {
            toast.classList.add('toast-show');
        }, 10);

        setTimeout(() => {
            toast.classList.remove('toast-show');
            setTimeout(() => {
                toast.remove();
            }, 300);
        }, 3000);
    }

    function isEvaluationPage() {
        return document.querySelector('footer.saveBtn') !== null;
    }

    function isListPage() {
        const url = window.location.href;
        return url.includes('/jwapp/sys/wspjyyapp/') && url.includes('#/xspj') && 
               (document.querySelector('.pj-card') !== null || 
                document.querySelector('img[src*="no_plan.png"]') !== null);
    }

    function fillEvaluationForm() {
        updateStatus('正在填写评教表单...');

        const radioGroups = document.querySelectorAll('.bh-radio-group-h');
        radioGroups.forEach(group => {
            const firstRadio = group.querySelector('input[type="radio"]');
            if (firstRadio) {
                firstRadio.checked = true;
            }
        });

        const q14Container = document.querySelector('.textareaContainter[data-x-zbdm="cc325d778b824abcb8d8c97d08511766"]');
        if (q14Container) {
            const q14Textarea = q14Container.querySelector('textarea[name="YLCS"]');
            if (q14Textarea) {
                q14Textarea.value = q14Text;
            }
        }

        const q15Container = document.querySelector('.textareaContainter[data-x-zbdm="3c5353b039594a3eb0df69dab191bb6e"]');
        if (q15Container) {
            const q15Textarea = q15Container.querySelector('textarea[name="YLCS"]');
            if (q15Textarea) {
                q15Textarea.value = q15Text;
            }
        }

        updateStatus('表单填写完成');
        return true;
    }

    function submitEvaluation() {
        const submitBtn = document.querySelector('footer.saveBtn a[data-action="提交"]');
        if (submitBtn) {
            submitBtn.click();
            return true;
        }
        return false;
    }

    function returnToList() {
        const backBtn = document.querySelector('.back-img');
        if (backBtn) {
            backBtn.click();
            return true;
        }
        return false;
    }

    function clickNextTeacher() {
        const firstEvalBtn = document.querySelector('.card-btn[data-action="gcpj立即评教"]');
        if (firstEvalBtn) {
            firstEvalBtn.click();
            return true;
        }
        return false;
    }

    function getPendingTeacherCount() {
        const noPlanImage = document.querySelector('img[src*="no_plan.png"]');
        if (noPlanImage) {
            return 0;
        }
        
        const cards = document.querySelectorAll('.pj-card');
        return cards.length;
    }

    function updateProgress() {
        const progressBar = document.getElementById('progress-bar');
        const progressText = document.getElementById('progress-text');
        const ballText = document.getElementById('ball-text');
        const progressRingCircle = document.querySelector('.progress-ring-circle');
        
        if (progressBar && progressText) {
            const percentage = totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0;
            progressBar.style.width = `${percentage}%`;
            progressText.textContent = `${completedCount}/${totalCount}`;
            
            if (percentage === 100 && totalCount > 0) {
                progressBar.classList.add('completed');
            } else {
                progressBar.classList.remove('completed');
            }
        }
        
        if (ballText) {
            ballText.textContent = `${completedCount}/${totalCount}`;
        }
        
        if (progressRingCircle) {
            const percentage = totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0;
            const circumference = 163.36;
            const offset = circumference - (percentage / 100) * circumference;
            progressRingCircle.style.strokeDashoffset = offset;
        }
    }

    function logError(message) {
        const errorLog = {
            time: new Date().toLocaleString(),
            message: message,
            url: window.location.href
        };
        
        errorLogs.push(errorLog);
        GM_setValue('errorLogs', errorLogs);
        
        GM_notification({
            title: '评教错误',
            text: message,
            timeout: 5000
        });
    }

    function showNotification(title, text) {
        GM_notification({
            title: title,
            text: text,
            timeout: 5000
        });
    }

    async function startEvaluation() {
        if (isProcessing) return;
        
        if (!isListPage()) {
            updateStatus('⚠️ 请先前往待评教老师列表页面');
            showWarningToast('请先前往待评教老师列表页面再开始评教');
            return;
        }
        
        shouldStop = false;
        isProcessing = true;
        completedCount = 0;
        totalCount = 0;
        document.getElementById('start-eval-btn').disabled = true;
        document.getElementById('stop-eval-btn').disabled = false;

        try {
            if (isEvaluationPage()) {
                await processEvaluationPage();
            } else if (isListPage()) {
                await processListPage();
            } else {
                updateStatus('当前页面不是评教页面或列表页面');
                stopEvaluation();
            }
        } catch (error) {
            updateStatus(`错误: ${error.message}`);
            stopEvaluation();
        }
    }

    async function processEvaluationPage() {
        if (shouldStop) {
            return;
        }
        
        updateStatus('正在处理评教页面...');
        
        try {
            fillEvaluationForm();
            
            if (autoSubmit) {
                await startCountdownAndSubmit();
            } else {
                updateStatus('表单已填写，请手动提交');
            }
        } catch (error) {
            logError(`评教页面处理失败: ${error.message}`);
            stopEvaluation();
        }
    }

    async function startCountdownAndSubmit() {
        if (fastMode) {
            updateStatus('快速模式：直接提交...');
            submitWithConfirm();
            return;
        }

        return new Promise((resolve) => {
            const countdownRow = document.getElementById('countdown-row');
            const countdownText = document.getElementById('countdown-text');
            const cancelBtn = document.getElementById('cancel-countdown-btn');
            let seconds = countdownTime;
            shouldStop = false;

            countdownRow.style.display = 'flex';
            countdownText.textContent = `提交倒计时: ${seconds}秒`;

            countdownInterval = setInterval(() => {
                seconds--;
                countdownText.textContent = `提交倒计时: ${seconds}秒`;

                if (shouldStop) {
                    clearInterval(countdownInterval);
                    countdownRow.style.display = 'none';
                    updateStatus('已取消提交');
                    stopEvaluation();
                    resolve();
                    return;
                }

                if (seconds <= 0) {
                    clearInterval(countdownInterval);
                    countdownRow.style.display = 'none';
                    submitWithConfirm();
                    resolve();
                }
            }, 1000);

            cancelBtn.onclick = function() {
                shouldStop = true;
            };
        });
    }

    async function submitWithConfirm() {
        updateStatus('正在提交评教...');
        
        if (submitEvaluation()) {
            updateStatus('等待确认弹窗...');
            await waitForConfirmDialog();
        } else {
            logError('提交失败，无法找到提交按钮');
            updateStatus('提交失败，请手动提交');
        }
    }

    async function waitForConfirmDialog() {
        return new Promise((resolve) => {
            let attempts = 0;
            const maxAttempts = 50;
            
            const checkInterval = setInterval(() => {
                if (shouldStop) {
                    clearInterval(checkInterval);
                    updateStatus('已停止');
                    resolve();
                    return;
                }
                
                attempts++;
                
                if (attempts >= maxAttempts) {
                    clearInterval(checkInterval);
                    logError('等待确认弹窗超时');
                    stopEvaluation();
                    resolve();
                    return;
                }
                
                const confirmBtn = document.querySelector('.bh-dialog-btn.bh-bg-primary');
                if (confirmBtn && confirmBtn.textContent.trim() === '确认') {
                    clearInterval(checkInterval);
                    updateStatus('点击确认按钮...');
                    confirmBtn.click();
                    
                    const timer1 = setTimeout(() => {
                        if (shouldStop) {
                            return;
                        }
                        updateStatus('等待页面刷新...');
                        const timer2 = setTimeout(() => {
                            if (shouldStop) {
                                return;
                            }
                            if (isListPage()) {
                                updateStatus('页面已刷新，继续下一位...');
                                completedCount++;
                                updateProgress();
                                const timer3 = setTimeout(() => {
                                    if (!shouldStop) {
                                        processListPage();
                                    }
                                }, 1000);
                                allTimers.push(timer3);
                            } else {
                                updateStatus('等待中...');
                            }
                        }, 3000);
                        allTimers.push(timer2);
                    }, 500);
                    allTimers.push(timer1);
                }
            }, 200);
            allTimers.push(checkInterval);

            const timer = setTimeout(() => {
                clearInterval(checkInterval);
            }, 10000);
            allTimers.push(timer);
        });
    }

    async function processListPage() {
        if (shouldStop) {
            return;
        }
        
        const count = getPendingTeacherCount();
        
        if (totalCount === 0) {
            totalCount = count;
            updateProgress();
        }
        
        if (count === 0) {
            updateStatus('所有评教已完成！');
            showCelebration();
            showNotification('评教完成', '所有老师评教已完成');
            stopEvaluation();
            return;
        }

        updateStatus(`发现 ${count} 位待评教老师，正在进入第一位...`);
        
        try {
            await sleep(1000);
            
            if (shouldStop) {
                return;
            }
            
            if (clickNextTeacher()) {
                await sleep(2000);
                
                if (shouldStop) {
                    return;
                }
                
                if (isEvaluationPage()) {
                    await processEvaluationPage();
                } else {
                    logError('无法进入评教页面');
                    stopEvaluation();
                }
            } else {
                const noPlanImage = document.querySelector('img[src*="no_plan.png"]');
                if (noPlanImage) {
                    updateStatus('所有评教已完成！');
                    showCelebration();
                    showNotification('评教完成', '所有老师评教已完成');
                    stopEvaluation();
                } else {
                    logError('无法点击进入评教页面');
                    updateStatus('无法进入评教页面');
                    stopEvaluation();
                }
            }
        } catch (error) {
            logError(`列表页面处理失败: ${error.message}`);
            stopEvaluation();
        }
    }

    function stopEvaluation() {
        isProcessing = false;
        shouldStop = true;
        
        clearInterval(countdownInterval);
        countdownInterval = null;
        
        allTimers.forEach(timer => {
            clearTimeout(timer);
            clearInterval(timer);
        });
        allTimers = [];
        
        document.getElementById('start-eval-btn').disabled = false;
        document.getElementById('stop-eval-btn').disabled = true;
        updateStatus('已停止');
    }

    function sleep(ms) {
        return new Promise(resolve => {
            const timer = setTimeout(() => {
                allTimers = allTimers.filter(t => t !== timer);
                if (!shouldStop) {
                    resolve();
                }
            }, ms);
            allTimers.push(timer);
        });
    }

    function init() {
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', createControlPanel);
        } else {
            createControlPanel();
        }

        if (isEvaluationPage()) {
            updateStatus('检测到评教页面');
        } else if (isListPage()) {
            const count = getPendingTeacherCount();
            totalCount = count;
            updateProgress();
            updateStatus(`检测到 ${count} 位待评教老师`);
        } else {
            updateStatus('⚠️ 请前往待评教列表页面');
        }
    }

    init();
})();