// ==UserScript==
// @name         辽宁省执业药师继续教育后台挂机脚本 v5.0
// @namespace    http://tampermonkey.net/
// @version      5.0
// @description  自动播放、防暂停、防加速误报，解除复制和右键限制
// @author       VX：hapens1986
// @match        https://zyysjxjy.com/air2/html/index.html*
// @match        https://*.zyysjxjy.com/*
// @grant        unsafeWindow
// @grant        GM_log
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';

    const log = GM_log || console.log.bind(console, '[视频优化]');
    log('脚本v5.0已加载 - 针对videoplayer-video优化');

    const config = {
        autoPlay: true,
        autoPlayNext: true,
        antiPause: true,
        smartAntiAcceleration: true,
        autoRetry: true,
        delayBeforeNext: 2000,
        maxPlaybackRate: 3,
        debug: true,
        enableCopy: true,
        enableRightClick: true,
        defaultVolume: 1.0
    };

    const state = {
        currentVideo: null,
        videoElements: new Set(),
        isWindowHidden: false,
        playbackHistory: [],
        lastVisibilityChange: 0,
        visibilityCooldown: 1500,
        originalPlay: null,
        originalPause: null,
        panelAdded: false,
        frameId: generateFrameId(),
        isVideoFrame: false,
        panelScale: 1.0,
        currentVolume: config.defaultVolume,
        isMuted: false
    };

    function generateFrameId() {
        return 'frame_' + Math.random().toString(36).substr(2, 9);
    }

    function detectVideoFrame() {
        const videos = document.querySelectorAll('video, .videoplayer-video');
        const hasVideos = videos.length > 0;
        
        const videoSelectors = [
            '.video-player',
            '.video-player-container',
            '.videoplayer-container',
            '[class*="video"]',
            '[class*="player"]',
            '#video-player',
            '#player-container'
        ];
        
        let hasVideoPlayer = false;
        for (const selector of videoSelectors) {
            if (document.querySelector(selector)) {
                hasVideoPlayer = true;
                break;
            }
        }
        
        state.isVideoFrame = hasVideos || hasVideoPlayer;
        state.panelScale = state.isVideoFrame ? 0.7 : 1.0;
        
        log(`框架检测: ${state.isVideoFrame ? '视频框架' : '非视频框架'}，视频数量: ${videos.length}，面板缩放: ${state.panelScale}`);
        
        return state.isVideoFrame;
    }

    function setupVolumeControl(video) {
        if (!video) return;
        
        video.volume = state.currentVolume;
        video.muted = state.isMuted;
        
        video.addEventListener('volumechange', function() {
            if (video !== state.currentVideo) return;
            state.currentVolume = video.volume;
            state.isMuted = video.muted;
            updateVolumeDisplay();
        });
    }

    function updateVolumeDisplay() {
        if (!state.isVideoFrame) return;
        
        const volumeSlider = document.getElementById(`volume-slider-${state.frameId}`);
        const volumeDisplay = document.getElementById(`volume-display-${state.frameId}`);
        const muteBtn = document.getElementById(`btn-mute-${state.frameId}`);
        
        if (!volumeSlider || !volumeDisplay || !muteBtn) return;
        
        const volumePercent = Math.round(state.currentVolume * 100);
        volumeDisplay.textContent = state.isMuted ? '🔇 静音' : `${volumePercent}%`;
        volumeSlider.value = volumePercent;
        muteBtn.textContent = state.isMuted ? '🔇' : '🔊';
        muteBtn.style.background = state.isMuted ? '#ff9800' : '#2196f3';
    }

    function setVolume(volume) {
        const newVolume = Math.max(0, Math.min(1, volume));
        state.currentVolume = newVolume;
        state.isMuted = false;
        
        state.videoElements.forEach(video => {
            video.volume = newVolume;
            video.muted = false;
        });
        
        updateVolumeDisplay();
        log(`音量设置为: ${Math.round(newVolume * 100)}%`);
    }

    function toggleMute() {
        state.isMuted = !state.isMuted;
        
        state.videoElements.forEach(video => {
            video.muted = state.isMuted;
        });
        
        updateVolumeDisplay();
        log(state.isMuted ? '已静音' : '已取消静音');
        showNotification(state.isMuted ? '已静音' : '音量恢复', state.isMuted ? '#ff9800' : '#2196f3');
    }

    function enableCopySelection() {
        if (!config.enableCopy) return;
        
        log('启用解除复制限制功能');
        
        try {
            document.oncontextmenu = null;
            document.oncopy = null;
            document.onselectstart = null;
            
            const style = document.createElement('style');
            style.id = 'force-enable-selection';
            style.textContent = `
                * {
                    user-select: text !important;
                    -webkit-user-select: text !important;
                    -moz-user-select: text !important;
                    -ms-user-select: text !important;
                }
                ::selection {
                    background: rgba(0, 120, 215, 0.3) !important;
                }
            `;
            
            if (document.head) {
                document.head.appendChild(style);
            } else {
                document.addEventListener('DOMContentLoaded', () => {
                    if (document.head) document.head.appendChild(style);
                });
            }
            
            document.addEventListener('selectstart', function(e) {
                e.stopPropagation();
            }, true);
            
            document.addEventListener('copy', function(e) {
                e.stopPropagation();
            }, true);
            
            document.addEventListener('contextmenu', function(e) {
                e.stopPropagation();
            }, true);
            
            log('复制限制已解除');
        } catch (e) {
            log(`解除复制限制时出错: ${e.message}`);
        }
    }

    function enableRightClick() {
        if (!config.enableRightClick) return;
        
        log('启用解除右键限制功能');
        
        try {
            document.oncontextmenu = null;
            
            document.addEventListener('contextmenu', function(e) {
                return true;
            }, true);
            
            log('右键限制已解除');
        } catch (e) {
            log(`解除右键限制时出错: ${e.message}`);
        }
    }

    function init() {
        log('初始化视频优化脚本v5.0 - 框架ID: ' + state.frameId);
        
        detectVideoFrame();
        
        if (config.enableCopy) enableCopySelection();
        if (config.enableRightClick) enableRightClick();
        
        setupVisibilityMonitor();
        setupGlobalEventListeners();
        setupPlaybackMonitor();
        setupVideoDetector();
        
        if (config.debug) {
            setTimeout(() => {
                if (!document.getElementById('video-optimizer-panel-' + state.frameId)) {
                    addEnhancedControlPanel();
                }
            }, 1500);
        }
        
        exposeGlobalControls();
        
        log('脚本初始化完成 - 视频框架: ' + state.isVideoFrame + ' 面板缩放: ' + state.panelScale);
    }

    function setupVisibilityMonitor() {
        if (!config.antiPause) return;
        
        document.addEventListener('visibilitychange', function(e) {
            const now = Date.now();
            state.lastVisibilityChange = now;
            state.isWindowHidden = document.hidden;
            
            log(`页面可见性变化: ${document.hidden ? '隐藏' : '显示'}`);
            
            if (document.hidden) {
                handlePageHidden();
            } else {
                handlePageVisible();
            }
            
            setTimeout(() => {
                if (config.antiPause && document.hidden) {
                    gentleResumePlayback();
                }
            }, 300);
        }, true);
        
        log('页面可见性监控已设置');
    }

    function handlePageHidden() {
        log('页面隐藏，保持视频播放状态');
        state.videoElements.forEach(video => {
            video._protectedState = {
                wasPlaying: !video.paused,
                currentTime: video.currentTime,
                playbackRate: video.playbackRate
            };
        });
    }

    function handlePageVisible() {
        log('页面显示，检查视频状态');
        state.videoElements.forEach(video => {
            if (video._protectedState && video._protectedState.wasPlaying && video.paused) {
                log(`恢复视频播放: ${getVideoInfo(video)}`);
                safePlayVideo(video);
            }
        });
    }

    function gentleResumePlayback() {
        if (!state.currentVideo) return;
        const video = state.currentVideo;
        
        if (video.paused && !video.ended) {
            log('温和恢复视频播放');
            const beforeTime = video.currentTime;
            
            setTimeout(() => {
                video.play().then(() => {
                    const afterTime = video.currentTime;
                    const timeJump = Math.abs(afterTime - beforeTime);
                    
                    log(`视频恢复成功: ${beforeTime.toFixed(1)}s -> ${afterTime.toFixed(1)}s`);
                    
                    if (timeJump > 5 && config.smartAntiAcceleration) {
                        const safeTime = beforeTime + 1;
                        video.currentTime = safeTime;
                        log(`调整时间: ${afterTime.toFixed(1)}s -> ${safeTime.toFixed(1)}s`);
                    }
                }).catch(err => {
                    if (config.debug) log(`恢复播放失败: ${err.message}`);
                });
            }, 500);
        }
    }

    function setupVideoDetector() {
        const observer = new MutationObserver((mutations) => {
            mutations.forEach((mutation) => {
                if (mutation.addedNodes.length > 0) {
                    mutation.addedNodes.forEach((node) => {
                        if (node.nodeName === 'VIDEO') {
                            handleVideoElement(node);
                            checkAndMaybeAddPanel();
                        }
                        
                        if (node.querySelector) {
                            const videos = node.querySelectorAll('video');
                            if (videos.length > 0) {
                                videos.forEach(handleVideoElement);
                                checkAndMaybeAddPanel();
                            }
                            
                            const playerVideos = node.querySelectorAll('.videoplayer-video');
                            if (playerVideos.length > 0) {
                                playerVideos.forEach(handleVideoElement);
                                checkAndMaybeAddPanel();
                            }
                        }
                    });
                }
            });
        });
        
        observer.observe(document.body, {
            childList: true,
            subtree: true,
            attributes: true,
            attributeFilter: ['class', 'src', 'id']
        });
        
        setTimeout(() => {
            const videos = document.querySelectorAll('video');
            const playerVideos = document.querySelectorAll('.videoplayer-video');
            
            if (videos.length > 0 || playerVideos.length > 0) {
                videos.forEach(video => handleVideoElement(video));
                playerVideos.forEach(video => handleVideoElement(video));
                
                state.isVideoFrame = true;
                state.panelScale = 0.4;
                log('检测到视频，更新为视频框架，面板缩放为0.4');
                
                updatePanelFrameInfo();
                updatePanelScale();
            }
        }, 1000);
        
        log('视频检测器已启动');
    }

    function checkAndMaybeAddPanel() {
        if (!state.panelAdded && config.debug) {
            const videos = document.querySelectorAll('video, .videoplayer-video');
            if (videos.length > 0) {
                setTimeout(() => {
                    if (!document.getElementById('video-optimizer-panel-' + state.frameId)) {
                        addEnhancedControlPanel();
                    }
                }, 1000);
            }
        }
    }

    function handleVideoElement(video) {
        if (video._optimized) return;
        video._optimized = true;
        state.videoElements.add(video);
        log(`优化视频元素: ${getVideoInfo(video)}`);
        
        optimizeVideoElement(video);
        setupVolumeControl(video);
        if (config.autoPlay) setupAutoPlay(video);
        if (config.autoPlayNext) setupAutoPlayNext(video);
        if (config.smartAntiAcceleration) setupAntiAccelerationProtection(video);
        
        if (!state.currentVideo || video === document.querySelector('.videoplayer-video')) {
            state.currentVideo = video;
            log(`设为当前视频: ${getVideoInfo(video)}`);
        }
    }

    function optimizeVideoElement(video) {
        if (!state.originalPause) {
            state.originalPause = video.pause;
            state.originalPlay = video.play;
        }
        
        video.pause = function() {
            const stack = new Error().stack || '';
            if (stack.includes('visibilitychange') || stack.includes('onViewHide') || 
                stack.includes('EVENT_HIDE') || (stack.includes('pause') && stack.includes('blur'))) {
                log(`拦截页面失去焦点触发的暂停: ${getVideoInfo(video)}`);
                video._protectedState = { wasPlaying: true, currentTime: video.currentTime, timestamp: Date.now() };
                return;
            }
            log(`执行正常暂停: ${getVideoInfo(video)}`);
            video._protectedState = { wasPlaying: false };
            return state.originalPause.call(video);
        };
        
        video.play = function() {
            log(`播放视频: ${getVideoInfo(video)}`);
            state.playbackHistory.push({ video: getVideoInfo(video), time: Date.now(), action: 'play' });
            if (state.playbackHistory.length > 50) state.playbackHistory.shift();
            return state.originalPlay.call(video);
        };
        
        setupVideoEventListeners(video);
    }

    function setupVideoEventListeners(video) {
        video.addEventListener('play', () => {
            state.currentVideo = video;
            log(`视频开始播放: ${getVideoInfo(video)}`);
            if (video.playbackRate > config.maxPlaybackRate) {
                video.playbackRate = 1.0;
                log(`调整播放速度: ${video.playbackRate} -> 1.0`);
            }
            updatePanelInfo();
        });
        
        video.addEventListener('pause', (e) => {
            log(`视频暂停: ${getVideoInfo(video)}`);
            if (video._protectedState && video._protectedState.wasPlaying) {
                const pauseTime = Date.now();
                const timeSinceProtected = pauseTime - (video._protectedState.timestamp || 0);
                if (timeSinceProtected < 2000) {
                    setTimeout(() => {
                        if (video.paused && config.antiPause) {
                            log('自动恢复受保护视频');
                            safePlayVideo(video);
                        }
                    }, 300);
                }
            }
            updatePanelInfo();
        });
        
        video.addEventListener('ended', () => {
            log(`视频播放结束: ${getVideoInfo(video)}`);
            state.playbackHistory.push({ video: getVideoInfo(video), time: Date.now(), action: 'ended' });
            if (config.autoPlayNext) {
                setTimeout(() => playNextChapter(video), config.delayBeforeNext);
            }
        });
        
        video.addEventListener('error', (e) => {
            log(`视频错误: ${getVideoInfo(video)}`);
            if (config.autoRetry) {
                setTimeout(() => {
                    log('尝试重新加载视频');
                    video.load();
                    safePlayVideo(video);
                }, 3000);
            }
        });
        
        let lastTimeUpdate = 0, lastCurrentTime = 0;
        video.addEventListener('timeupdate', () => {
            const now = Date.now(), currentTime = video.currentTime;
            if (lastTimeUpdate > 0) {
                const realTimePassed = (now - lastTimeUpdate) / 1000;
                const videoTimePassed = currentTime - lastCurrentTime;
                const playbackRate = videoTimePassed / realTimePassed;
                if (playbackRate > config.maxPlaybackRate && realTimePassed > 1) {
                    log(`检测到异常播放速度: ${playbackRate.toFixed(2)}倍`);
                    if (config.smartAntiAcceleration) {
                        const safeTime = lastCurrentTime + (realTimePassed * 1.1);
                        video.currentTime = safeTime;
                        log(`调整时间: ${currentTime.toFixed(1)} -> ${safeTime.toFixed(1)}`);
                    }
                }
            }
            lastTimeUpdate = now;
            lastCurrentTime = currentTime;
            updatePanelInfo();
        });
    }

    function setupAutoPlay(video) {
        if (video.readyState >= 2) {
            safePlayVideo(video);
        } else {
            video.addEventListener('loadeddata', () => {
                setTimeout(() => safePlayVideo(video), 500);
            }, { once: true });
        }
    }

    function safePlayVideo(video) {
        if (!video || video.ended) return;
        if (video.readyState < 1) {
            video.load();
            setTimeout(() => safePlayVideo(video), 1000);
            return;
        }
        video.play().then(() => {
            log(`视频播放成功: ${getVideoInfo(video)}`);
        }).catch(err => {
            log(`视频播放失败: ${err.message}`);
            if (config.autoRetry) setTimeout(() => safePlayVideo(video), 3000);
        });
    }

    function setupAutoPlayNext(video) {
        if (!window._videoEndHandlers) window._videoEndHandlers = new WeakMap();
        const oldHandler = window._videoEndHandlers.get(video);
        if (oldHandler) video.removeEventListener('ended', oldHandler);
        
        const endHandler = () => {
            log(`视频结束，准备播放下一个: ${getVideoInfo(video)}`);
            if (config.autoPlayNext) {
                setTimeout(() => playNextChapter(video), config.delayBeforeNext);
            }
        };
        video.addEventListener('ended', endHandler);
        window._videoEndHandlers.set(video, endHandler);
    }

    function playNextChapter(currentVideo) {
        log('寻找下一个章节...');
        const allVideos = Array.from(document.querySelectorAll('video.videoplayer-video, video'))
            .filter(v => !v.ended && v.src && v.src !== currentVideo.src);
        
        if (allVideos.length > 0) {
            const currentIndex = allVideos.findIndex(v => v === currentVideo);
            if (currentIndex !== -1 && currentIndex + 1 < allVideos.length) {
                switchToVideo(allVideos[currentIndex + 1]);
                return;
            }
            const otherVideo = allVideos.find(v => v !== currentVideo);
            if (otherVideo) {
                switchToVideo(otherVideo);
                return;
            }
        }
        
        const nextChapter = findNextChapterElement();
        if (nextChapter) {
            log('找到下一个章节元素，尝试点击');
            simulateClick(nextChapter);
            return;
        }
        
        const nextPageBtn = findNextPageButton();
        if (nextPageBtn) {
            log('找到下一页按钮，尝试点击');
            simulateClick(nextPageBtn);
            return;
        }
        
        log('未找到下一个章节或视频');
        showAllCompleteMessage();
    }

    function switchToVideo(video) {
        if (!video || !video.src) return;
        log(`切换到视频: ${getVideoInfo(video)}`);
        if (state.currentVideo && !state.currentVideo.paused) state.currentVideo.pause();
        state.currentVideo = video;
        setTimeout(() => {
            safePlayVideo(video);
            video.scrollIntoView({ behavior: 'smooth', block: 'center' });
        }, 500);
    }

    function setupAntiAccelerationProtection(video) {
        let lastSeekTime = 0, lastReportedTime = 0;
        video.addEventListener('seeking', () => {
            lastSeekTime = Date.now();
            log(`视频跳转: ${video.currentTime.toFixed(1)}s`);
        });
        video.addEventListener('seeked', () => {
            const seekDuration = Date.now() - lastSeekTime;
            log(`跳转完成，耗时: ${seekDuration}ms`);
        });
        setInterval(() => {
            if (!video.paused && !video.ended) {
                const now = Date.now();
                if (now - lastReportedTime > 5000) {
                    lastReportedTime = now;
                    log(`播放进度报告: ${video.currentTime.toFixed(1)}s / ${video.duration.toFixed(1)}s`);
                }
            }
        }, 1000);
    }

    function getVideoInfo(video) {
        if (!video) return '无视频';
        const src = video.src || '';
        const shortSrc = src.split('/').pop() || '无src';
        const time = video.currentTime.toFixed(1);
        const duration = video.duration ? video.duration.toFixed(1) : '未知';
        return `${shortSrc.substring(0, 20)}... [${time}/${duration}s]`;
    }

    function findNextChapterElement() {
        const selectors = ['.courseItem:not(.finished)', '.chapter-item:not(.active)', 
                          '[class*="item"]:not([class*="finished"]):not([class*="active"])',
                          '.enterStudyBtn', '.study-btn'];
        for (const selector of selectors) {
            const elements = document.querySelectorAll(selector);
            for (const el of elements) {
                if (el.offsetParent !== null && el.getBoundingClientRect().width > 0) return el;
            }
        }
        return null;
    }

    function findNextPageButton() {
        const buttons = ['.next-page', '.next-btn', '[class*="next"]', '[onclick*="next"]']
            .map(selector => document.querySelector(selector))
            .find(btn => btn && btn.offsetParent !== null);
        return buttons;
    }

    function simulateClick(element) {
        if (!element) return;
        element.click();
        ['mousedown', 'mouseup', 'click'].forEach(eventType => {
            element.dispatchEvent(new MouseEvent(eventType, { view: window, bubbles: true, cancelable: true }));
        });
    }

    function showAllCompleteMessage() {
        const msg = document.createElement('div');
        msg.innerHTML = `<div style="position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:15px 25px;border-radius:10px;z-index:10000;font-family:'Microsoft YaHei',sans-serif;font-size:14px;box-shadow:0 6px 20px rgba(0,0,0,0.2);animation:slideIn 0.4s ease-out;display:flex;align-items:center;gap:10px;backdrop-filter:blur(5px);">
            <span style="font-size:20px;">🎉</span><div><div style="font-weight:bold;margin-bottom:4px;">学习完成</div><div style="font-size:12px;opacity:0.9;">所有视频已播放完成</div></div></div>
            <style>@keyframes slideIn{from{opacity:0;transform:translateX(100%) translateY(-20px);}to{opacity:1;transform:translateX(0) translateY(0);}}</style>`;
        document.body.appendChild(msg);
        setTimeout(() => { if (msg.parentNode) msg.parentNode.removeChild(msg); }, 4000);
    }

    function setupGlobalEventListeners() {
        window.addEventListener('blur', () => { state.isWindowHidden = true; log('窗口失去焦点'); });
        window.addEventListener('focus', () => {
            state.isWindowHidden = false; log('窗口获得焦点');
            setTimeout(() => { if (state.currentVideo && state.currentVideo.paused) safePlayVideo(state.currentVideo); }, 500);
        });
        window.addEventListener('beforeunload', () => { state.videoElements.clear(); });
    }

    function setupPlaybackMonitor() {
        setInterval(() => {
            if (state.currentVideo) {
                if (state.currentVideo.paused && !state.currentVideo.ended && config.antiPause) {
                    const pauseDuration = Date.now() - (state.currentVideo._lastPlayTime || 0);
                    if (pauseDuration > 3000 && state.currentVideo._protectedState?.wasPlaying) {
                        log(`视频意外暂停 ${pauseDuration}ms，尝试恢复`);
                        safePlayVideo(state.currentVideo);
                    }
                }
                if (!state.currentVideo.paused) state.currentVideo._lastPlayTime = Date.now();
            }
            const now = Date.now();
            state.playbackHistory = state.playbackHistory.filter(record => now - record.time < 300000);
        }, 2000);
    }

    function addEnhancedControlPanel() {
        const panelId = 'video-optimizer-panel-' + state.frameId;
        if (document.getElementById(panelId)) return;
        
        state.panelAdded = true;
        
        const panel = document.createElement('div');
        panel.id = panelId;
        
        let isDragging = false;
        let dragOffsetX = 0;
        let dragOffsetY = 0;
        let currentX = 0;
        let currentY = 0;
        
        function savePosition(x, y) {
            try {
                localStorage.setItem('videoPanelPos_' + state.frameId, JSON.stringify({x, y}));
            } catch(e) {
                log('保存位置失败: ' + e.message);
            }
        }
        
        function loadPosition() {
            try {
                const saved = localStorage.getItem('videoPanelPos_' + state.frameId);
                if (saved) return JSON.parse(saved);
            } catch(e) {
                log('读取位置失败: ' + e.message);
            }
            return null;
        }
        
        function setPanelPosition(x, y) {
            panel.style.left = x + 'px';
            panel.style.top = y + 'px';
            currentX = x;
            currentY = y;
        }
        
        function startDrag(e) {
            if (e.button !== 0) return;
            
            isDragging = true;
            dragOffsetX = e.clientX - currentX;
            dragOffsetY = e.clientY - currentY;
            
            panel.style.cursor = 'grabbing';
            panel.style.userSelect = 'none';
            
            e.preventDefault();
            e.stopPropagation();
            
            document.addEventListener('mousemove', doDrag);
            document.addEventListener('mouseup', stopDrag);
            
            log('开始拖拽面板');
        }
        
        function doDrag(e) {
            if (!isDragging) return;
            
            let x = e.clientX - dragOffsetX;
            let y = e.clientY - dragOffsetY;
            
            const margin = 10;
            const panelWidth = panel.offsetWidth;
            const panelHeight = panel.offsetHeight;
            const maxX = window.innerWidth - panelWidth - margin;
            const maxY = window.innerHeight - panelHeight - margin;
            
            x = Math.max(margin, Math.min(x, maxX));
            y = Math.max(margin, Math.min(y, maxY));
            
            setPanelPosition(x, y);
            
            e.preventDefault();
        }
        
        function stopDrag(e) {
            if (!isDragging) return;
            
            isDragging = false;
            panel.style.cursor = 'grab';
            panel.style.userSelect = 'auto';
            savePosition(currentX, currentY);
            document.removeEventListener('mousemove', doDrag);
            document.removeEventListener('mouseup', stopDrag);
            
            log('拖拽结束，位置已保存: ' + currentX + ', ' + currentY);
            
            if (e) {
                e.preventDefault();
                e.stopPropagation();
            }
        }
        
        const frameInfo = state.isVideoFrame ? '🎬 视频框架' : '📄 导航框架';
        const scaleInfo = state.isVideoFrame ? ' (底部显示)' : '';
        
        panel.innerHTML = `
            <div id="panel-header-${state.frameId}" style="
                cursor: grab;
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: ${state.isVideoFrame ? '8px' : '10px'};
                padding-bottom: ${state.isVideoFrame ? '6px' : '8px'};
                border-bottom: 1px solid rgba(255,255,255,0.2);
                user-select: none;
            ">
                <div style="display: flex; align-items: center; gap: ${state.isVideoFrame ? '8px' : '8px'};">
                    <span style="font-size: ${state.isVideoFrame ? '16px' : '18px'};">${state.isVideoFrame ? '🎬' : '📄'}</span>
                    <div>
                        <div style="font-weight: bold; font-size: ${state.isVideoFrame ? '13px' : '14px'}; color: #64b5f6;">视频控制台${scaleInfo}</div>
                        <div style="font-size: ${state.isVideoFrame ? '10px' : '10px'}; color: #888; margin-top: 2px;">${frameInfo} - ${state.frameId.substring(0, 8)}</div>
                    </div>
                </div>
                <div>
                    <button id="minimize-btn-${state.frameId}" style="background: transparent; border: none; color: #ccc; width: ${state.isVideoFrame ? '22px' : '24px'}; height: ${state.isVideoFrame ? '22px' : '24px'}; cursor: pointer; font-size: ${state.isVideoFrame ? '15px' : '16px'}; margin-right: 5px;">−</button>
                    <button id="close-btn-${state.frameId}" style="background: transparent; border: none; color: #ccc; width: ${state.isVideoFrame ? '22px' : '24px'}; height: ${state.isVideoFrame ? '22px' : '24px'}; cursor: pointer; font-size: ${state.isVideoFrame ? '18px' : '18px'};">×</button>
                </div>
            </div>
            
            <div id="panel-content-${state.frameId}">
                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: ${state.isVideoFrame ? '6px' : '8px'}; margin-bottom: ${state.isVideoFrame ? '10px' : '12px'};">
                    <button id="btn-copy-${state.frameId}" class="panel-btn" style="
                        background: ${config.enableCopy ? '#4caf50' : '#666'};
                        padding: ${state.isVideoFrame ? '7px' : '8px'};
                        font-size: ${state.isVideoFrame ? '12px' : '12px'};
                        min-height: ${state.isVideoFrame ? '34px' : '36px'};
                    ">
                        ${config.enableCopy ? '📋 复制' : '🚫 复制'}
                    </button>
                    <button id="btn-rightclick-${state.frameId}" class="panel-btn" style="
                        background: ${config.enableRightClick ? '#4caf50' : '#666'};
                        padding: ${state.isVideoFrame ? '7px' : '8px'};
                        font-size: ${state.isVideoFrame ? '12px' : '12px'};
                        min-height: ${state.isVideoFrame ? '34px' : '36px'};
                    ">
                        ${config.enableRightClick ? '🖱️ 右键' : '🚫 右键'}
                    </button>
                    <button id="btn-autoplay-${state.frameId}" class="panel-btn" style="
                        background: ${config.autoPlay ? '#4caf50' : '#666'};
                        padding: ${state.isVideoFrame ? '7px' : '8px'};
                        font-size: ${state.isVideoFrame ? '12px' : '12px'};
                        min-height: ${state.isVideoFrame ? '34px' : '36px'};
                    ">
                        ${config.autoPlay ? '▶️ 播放' : '⏸️ 播放'}
                    </button>
                    <button id="btn-autonext-${state.frameId}" class="panel-btn" style="
                        background: ${config.autoPlayNext ? '#4caf50' : '#666'};
                        padding: ${state.isVideoFrame ? '7px' : '8px'};
                        font-size: ${state.isVideoFrame ? '12px' : '12px'};
                        min-height: ${state.isVideoFrame ? '34px' : '36px'};
                    ">
                        ${config.autoPlayNext ? '⏭️ 连播' : '⏹️ 连播'}
                    </button>
                    <button id="btn-antipause-${state.frameId}" class="panel-btn" style="
                        background: ${config.antiPause ? '#2196f3' : '#666'};
                        padding: ${state.isVideoFrame ? '7px' : '8px'};
                        font-size: ${state.isVideoFrame ? '12px' : '12px'};
                        min-height: ${state.isVideoFrame ? '34px' : '36px'};
                    ">
                        ${config.antiPause ? '🔒 防暂停' : '🔓 防暂停'}
                    </button>
                    <button id="btn-next-${state.frameId}" class="panel-btn" style="
                        background: #9c27b0;
                        padding: ${state.isVideoFrame ? '7px' : '8px'};
                        font-size: ${state.isVideoFrame ? '12px' : '12px'};
                        min-height: ${state.isVideoFrame ? '34px' : '36px'};
                    ">
                        ⏭️ 下一节
                    </button>
                </div>
                
                ${state.isVideoFrame ? `
                <div style="background: rgba(255,255,255,0.1); padding: ${state.isVideoFrame ? '9px' : '10px'}; border-radius: 8px; margin-bottom: ${state.isVideoFrame ? '10px' : '12px'};">
                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;">
                        <span style="font-size: ${state.isVideoFrame ? '12px' : '12px'}; color: #ccc;">音量控制</span>
                        <button id="btn-mute-${state.frameId}" class="panel-btn" style="
                            width: ${state.isVideoFrame ? '26px' : '30px'};
                            height: ${state.isVideoFrame ? '26px' : '30px'};
                            padding: 0;
                            font-size: ${state.isVideoFrame ? '14px' : '16px'};
                            background: ${state.isMuted ? '#ff9800' : '#2196f3'};
                        ">${state.isMuted ? '🔇' : '🔊'}</button>
                    </div>
                    <div style="display: flex; align-items: center; gap: ${state.isVideoFrame ? '8px' : '10px'};">
                        <span style="font-size: ${state.isVideoFrame ? '12px' : '12px'}; color: #888; width: 30px;">0%</span>
                        <input id="volume-slider-${state.frameId}" type="range" min="0" max="100" value="${Math.round(state.currentVolume * 100)}" style="flex: 1; height: 6px;">
                        <span style="font-size: ${state.isVideoFrame ? '12px' : '12px'}; color: #888; width: 35px;">100%</span>
                    </div>
                    <div style="text-align: center; margin-top: 6px;">
                        <span id="volume-display-${state.frameId}" style="font-size: ${state.isVideoFrame ? '11px' : '12px'}; color: #4caf50;">${Math.round(state.currentVolume * 100)}%</span>
                    </div>
                </div>
                ` : ''}
                
                ${state.isVideoFrame ? `
                <div style="background: rgba(255,255,255,0.1); padding: ${state.isVideoFrame ? '9px' : '10px'}; border-radius: 8px; margin-bottom: ${state.isVideoFrame ? '10px' : '12px'};">
                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;">
                        <span style="font-size: ${state.isVideoFrame ? '12px' : '12px'}; color: #ccc;">播放速度</span>
                        <span id="speed-display-${state.frameId}" style="font-size: ${state.isVideoFrame ? '12px' : '12px'}; color: #4caf50; font-weight: bold;">1.0x</span>
                    </div>
                    <div style="display: flex; align-items: center; gap: ${state.isVideoFrame ? '8px' : '10px'};">
                        <button id="btn-slow-${state.frameId}" class="speed-btn" style="width: ${state.isVideoFrame ? '26px' : '30px'}; height: ${state.isVideoFrame ? '26px' : '30px'}; font-size: ${state.isVideoFrame ? '16px' : '18px'};">−</button>
                        <input id="speed-slider-${state.frameId}" type="range" min="5" max="50" value="10" style="flex: 1; height: 6px;">
                        <button id="btn-fast-${state.frameId}" class="speed-btn" style="width: ${state.isVideoFrame ? '26px' : '30px'}; height: ${state.isVideoFrame ? '26px' : '30px'}; font-size: ${state.isVideoFrame ? '16px' : '18px'};">+</button>
                    </div>
                    <div style="display: flex; justify-content: space-between; margin-top: 4px;">
                        <span style="font-size: ${state.isVideoFrame ? '10px' : '10px'}; color: #888;">0.5x</span>
                        <span style="font-size: ${state.isVideoFrame ? '10px' : '10px'}; color: #888;">1.0x</span>
                        <span style="font-size: ${state.isVideoFrame ? '10px' : '10px'}; color: #888;">1.5x</span>
                        <span style="font-size: ${state.isVideoFrame ? '10px' : '10px'}; color: #888;">2.0x</span>
                    </div>
                </div>
                ` : ''}
                
                ${state.isVideoFrame ? `
                <div style="background: rgba(255,255,255,0.1); padding: ${state.isVideoFrame ? '9px' : '10px'}; border-radius: 8px; margin-bottom: ${state.isVideoFrame ? '10px' : '12px'};">
                    <div style="font-size: ${state.isVideoFrame ? '12px' : '12px'}; color: #ccc; margin-bottom: 4px;">当前视频</div>
                    <div id="video-info-${state.frameId}" style="font-size: ${state.isVideoFrame ? '11px' : '11px'}; color: #fff; line-height: 1.4;">等待检测视频...</div>
                </div>
                ` : '<div style="padding: 10px; text-align: center; color: #888; font-size: 12px;">导航框架 - 无视频控制功能</div>'}
                
                <div style="display: flex; justify-content: space-between; font-size: ${state.isVideoFrame ? '10px' : '11px'}; color: #888;">
                    <div>视频: <span id="video-count-${state.frameId}">0</span></div>
                    <div>状态: <span id="status-${state.frameId}">等待</span></div>
                </div>
            </div>
            
            <style>
                #${panelId} {
                    position: fixed;
                    background: rgba(0, 0, 0, 0.9);
                    color: white;
                    padding: ${state.isVideoFrame ? '14px' : '15px'};
                    border-radius: ${state.isVideoFrame ? '10px' : '12px'};
                    z-index: 100000;
                    font-family: 'Microsoft YaHei', sans-serif;
                    width: ${state.isVideoFrame ? '320px' : '320px'};
                    backdrop-filter: blur(10px);
                    border: 1px solid rgba(255,255,255,0.15);
                    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
                    transform: scale(${state.panelScale});
                    transform-origin: top left;
                    transition: transform 0.2s ease;
                    max-width: 90vw;
                    max-height: 200vh;
                    overflow-x: hidden;
                }
                
                #${panelId} * {
                    box-sizing: border-box;
                }
                
                .panel-btn {
                    border: none;
                    border-radius: 6px;
                    color: white;
                    cursor: pointer;
                    transition: all 0.2s;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                
                .panel-btn:hover {
                    opacity: 0.9;
                    transform: translateY(-1px);
                }
                
                .speed-btn {
                    background: rgba(255,255,255,0.15);
                    border: none;
                    color: white;
                    border-radius: 50%;
                    cursor: pointer;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                
                .speed-btn:hover {
                    background: rgba(255,255,255,0.25);
                }
                
                #volume-slider-${state.frameId},
                #speed-slider-${state.frameId} {
                    -webkit-appearance: none;
                    height: 6px;
                    border-radius: 3px;
                    background: rgba(255,255,255,0.1);
                    outline: none;
                }
                
                #volume-slider-${state.frameId}::-webkit-slider-thumb,
                #speed-slider-${state.frameId}::-webkit-slider-thumb {
                    -webkit-appearance: none;
                    width: 16px;
                    height: 16px;
                    border-radius: 50%;
                    background: #4caf50;
                    cursor: pointer;
                }
                
                #volume-slider-${state.frameId}::-moz-range-thumb,
                #speed-slider-${state.frameId}::-moz-range-thumb {
                    width: 16px;
                    height: 16px;
                    border-radius: 50%;
                    background: #4caf50;
                    cursor: pointer;
                    border: none;
                }
            </style>
        `;
        
        document.body.appendChild(panel);
        
        const savedPos = loadPosition();
        if (savedPos && savedPos.x !== undefined && savedPos.y !== undefined) {
            setPanelPosition(savedPos.x, savedPos.y);
            log('使用保存的位置: ' + savedPos.x + ', ' + savedPos.y);
        } else {
            if (state.isVideoFrame) {
                const panelWidth = 320 * state.panelScale;
                const panelHeight = 450 * state.panelScale;
                const centerX = (window.innerWidth - panelWidth) / 2;
                const bottomY = window.innerHeight - panelHeight - 20;
                setPanelPosition(centerX, bottomY);
                log('视频框架默认位置: ' + centerX + ', ' + bottomY);
            } else {
                const panelWidth = 320;
                const rightX = window.innerWidth - panelWidth - 20;
                setPanelPosition(rightX, 80);
                log('导航框架默认位置: ' + rightX + ', 80');
            }
        }
        
        const header = document.getElementById(`panel-header-${state.frameId}`);
        if (header) {
            header.addEventListener('mousedown', startDrag);
            log('拖拽事件已绑定到面板标题');
        } else {
            log('错误：找不到面板标题元素');
        }
        
        document.getElementById(`btn-copy-${state.frameId}`).addEventListener('click', function() {
            config.enableCopy = !config.enableCopy;
            this.textContent = config.enableCopy ? '📋 复制' : '🚫 复制';
            this.style.background = config.enableCopy ? '#4caf50' : '#666';
            if (config.enableCopy) {
                enableCopySelection();
                showNotification('复制限制已解除', '#4caf50');
            }
        });
        
        document.getElementById(`btn-rightclick-${state.frameId}`).addEventListener('click', function() {
            config.enableRightClick = !config.enableRightClick;
            this.textContent = config.enableRightClick ? '🖱️ 右键' : '🚫 右键';
            this.style.background = config.enableRightClick ? '#4caf50' : '#666';
            if (config.enableRightClick) {
                enableRightClick();
                showNotification('右键限制已解除', '#4caf50');
            }
        });
        
        document.getElementById(`btn-autoplay-${state.frameId}`).addEventListener('click', function() {
            config.autoPlay = !config.autoPlay;
            this.textContent = config.autoPlay ? '▶️ 播放' : '⏸️ 播放';
            this.style.background = config.autoPlay ? '#4caf50' : '#666';
            log(`自动播放 ${config.autoPlay ? '开启' : '关闭'}`);
        });
        
        document.getElementById(`btn-autonext-${state.frameId}`).addEventListener('click', function() {
            config.autoPlayNext = !config.autoPlayNext;
            this.textContent = config.autoPlayNext ? '⏭️ 连播' : '⏹️ 连播';
            this.style.background = config.autoPlayNext ? '#4caf50' : '#666';
            log(`自动连播 ${config.autoPlayNext ? '开启' : '关闭'}`);
        });
        
        document.getElementById(`btn-antipause-${state.frameId}`).addEventListener('click', function() {
            config.antiPause = !config.antiPause;
            this.textContent = config.antiPause ? '🔒 防暂停' : '🔓 防暂停';
            this.style.background = config.antiPause ? '#2196f3' : '#666';
            log(`防暂停 ${config.antiPause ? '开启' : '关闭'}`);
        });
        
        document.getElementById(`btn-next-${state.frameId}`).addEventListener('click', () => {
            if (state.currentVideo) playNextChapter(state.currentVideo);
        });
        
        if (state.isVideoFrame) {
            document.getElementById(`btn-mute-${state.frameId}`).addEventListener('click', toggleMute);
            
            const volumeSlider = document.getElementById(`volume-slider-${state.frameId}`);
            volumeSlider.addEventListener('input', function() {
                const volume = parseInt(this.value) / 100;
                setVolume(volume);
            });
            
            volumeSlider.addEventListener('change', function() {
                const volume = parseInt(this.value) / 100;
                setVolume(volume);
            });
        }
        
        if (state.isVideoFrame) {
            let playbackSpeed = 1.0;
            function updateSpeedDisplay() {
                document.getElementById(`speed-display-${state.frameId}`).textContent = playbackSpeed.toFixed(1) + 'x';
                const sliderValue = 5 + (playbackSpeed - 0.5) * 10;
                document.getElementById(`speed-slider-${state.frameId}`).value = sliderValue;
                
                if (state.currentVideo) {
                    try {
                        state.currentVideo.playbackRate = playbackSpeed;
                    } catch(e) {}
                }
            }
            
            document.getElementById(`btn-slow-${state.frameId}`).addEventListener('click', () => {
                playbackSpeed = Math.max(0.5, playbackSpeed - 0.1);
                updateSpeedDisplay();
            });
            
            document.getElementById(`btn-fast-${state.frameId}`).addEventListener('click', () => {
                playbackSpeed = Math.min(2.0, playbackSpeed + 0.1);
                updateSpeedDisplay();
            });
            
            document.getElementById(`speed-slider-${state.frameId}`).addEventListener('input', function() {
                const value = parseFloat(this.value);
                playbackSpeed = 0.5 + (value - 5) * 0.1;
                updateSpeedDisplay();
            });
            
            updateSpeedDisplay();
        }
        
        if (state.isVideoFrame) {
            updateVolumeDisplay();
        }
        
        let isMinimized = false;
        document.getElementById(`minimize-btn-${state.frameId}`).addEventListener('click', function() {
            const content = document.getElementById(`panel-content-${state.frameId}`);
            if (isMinimized) {
                content.style.display = 'block';
                this.textContent = '−';
                panel.style.height = 'auto';
            } else {
                content.style.display = 'none';
                this.textContent = '□';
                panel.style.height = state.isVideoFrame ? '60px' : '60px';
            }
            isMinimized = !isMinimized;
        });
        
        document.getElementById(`close-btn-${state.frameId}`).addEventListener('click', () => {
            panel.style.display = 'none';
            log('面板已关闭');
        });
        
        function updatePanelInfo() {
            const videoCount = state.videoElements.size;
            const currentVideo = state.currentVideo;
            
            const videoCountEl = panel.querySelector(`#video-count-${state.frameId}`);
            const statusEl = panel.querySelector(`#status-${state.frameId}`);
            
            if (videoCountEl) videoCountEl.textContent = videoCount;
            if (statusEl) statusEl.textContent = state.isWindowHidden ? '隐藏' : '活跃';
            
            if (state.isVideoFrame) {
                const videoInfoEl = panel.querySelector(`#video-info-${state.frameId}`);
                if (currentVideo && videoInfoEl) {
                    const info = getVideoInfo(currentVideo);
                    const progress = currentVideo.duration ? 
                        `${(currentVideo.currentTime / currentVideo.duration * 100).toFixed(1)}%` : 
                        '加载中';
                    
                    videoInfoEl.innerHTML = `
                        ${info}<br>
                        进度: ${progress}<br>
                        状态: ${currentVideo.paused ? '⏸️ 暂停' : '▶️ 播放'}
                    `;
                } else if (videoInfoEl) {
                    videoInfoEl.textContent = '等待检测视频...';
                }
            }
        }
        
        setInterval(updatePanelInfo, 1000);
        updatePanelInfo();
        
        log(`控制面板已添加到框架: ${state.frameId} (${state.isVideoFrame ? '视频-70%缩放' : '导航-正常大小'})`);
    }

    function updatePanelFrameInfo() {
        const panel = document.getElementById('video-optimizer-panel-' + state.frameId);
        if (!panel) return;
        
        const header = panel.querySelector(`#panel-header-${state.frameId}`);
        if (header) {
            const frameInfo = state.isVideoFrame ? '🎬 视频框架' : '📄 导航框架';
            const scaleInfo = state.isVideoFrame ? ' (底部显示)' : '';
            const infoDiv = header.querySelector('div > div');
            if (infoDiv && infoDiv.children.length > 0) {
                infoDiv.children[0].textContent = '视频控制台' + scaleInfo;
                if (infoDiv.children.length > 1) {
                    infoDiv.children[1].textContent = frameInfo + ' - ' + state.frameId.substring(0, 8);
                }
            }
        }
    }

    function updatePanelScale() {
        const panel = document.getElementById('video-optimizer-panel-' + state.frameId);
        if (!panel) return;
        panel.style.transform = `scale(${state.panelScale})`;
    }

    function showNotification(message, color = '#2196f3') {
        const notification = document.createElement('div');
        notification.innerHTML = `
            <div style="
                position: fixed;
                top: 20px;
                right: 20px;
                background: ${color};
                color: white;
                padding: 12px 20px;
                border-radius: 8px;
                z-index: 100001;
                font-size: 12px;
                box-shadow: 0 4px 12px rgba(0,0,0,0.15);
                animation: slideInRight 0.3s ease-out;
                display: flex;
                align-items: center;
                gap: 10px;
            ">
                <span style="font-size: 16px;">✨</span>
                <div>${message}</div>
            </div>
            <style>
                @keyframes slideInRight {
                    from { opacity: 0; transform: translateX(100%); }
                    to { opacity: 1; transform: translateX(0); }
                }
            </style>
        `;
        document.body.appendChild(notification);
        setTimeout(() => { 
            if (notification.parentNode) {
                notification.parentNode.removeChild(notification);
            }
        }, 2000);
    }

    function exposeGlobalControls() {
        window.videoOptimizer = {
            showPanel: function() {
                const panelId = 'video-optimizer-panel-' + state.frameId;
                if (!document.getElementById(panelId)) {
                    addEnhancedControlPanel();
                } else {
                    const panel = document.getElementById(panelId);
                    panel.style.display = 'block';
                }
                return '面板已显示 - 框架: ' + state.frameId + ' 位置: ' + (state.isVideoFrame ? '底部' : '右上角');
            },
            hidePanel: function() {
                const panel = document.getElementById('video-optimizer-panel-' + state.frameId);
                if (panel) {
                    panel.style.display = 'none';
                    return '面板已隐藏 - 框架: ' + state.frameId;
                }
                return '面板不存在 - 框架: ' + state.frameId;
            },
            resetPosition: function() {
                const panel = document.getElementById('video-optimizer-panel-' + state.frameId);
                if (panel) {
                    if (state.isVideoFrame) {
                        const panelWidth = 320 * state.panelScale;
                        const panelHeight = 380 * state.panelScale;
                        const centerX = (window.innerWidth - panelWidth) / 2;
                        const bottomY = window.innerHeight - panelHeight - 20;
                        
                        panel.style.left = centerX + 'px';
                        panel.style.top = bottomY + 'px';
                        
                        try {
                            localStorage.setItem('videoPanelPos_' + state.frameId, JSON.stringify({x: centerX, y: bottomY}));
                        } catch(e) {}
                        
                        return '面板已重置到底部中央 - 框架: ' + state.frameId;
                    } else {
                        const panelWidth = 320;
                        const rightX = window.innerWidth - panelWidth - 20;
                        panel.style.left = rightX + 'px';
                        panel.style.top = '80px';
                        
                        try {
                            localStorage.setItem('videoPanelPos_' + state.frameId, JSON.stringify({x: rightX, y: 80}));
                        } catch(e) {}
                        
                        return '面板已重置到右上角 - 框架: ' + state.frameId;
                    }
                }
                return '面板不存在 - 框架: ' + state.frameId;
            },
            setVolume: function(volume) {
                if (typeof volume !== 'number' || volume < 0 || volume > 1) {
                    return '音量必须在0-1之间';
                }
                setVolume(volume);
                return '音量已设置为: ' + Math.round(volume * 100) + '%';
            },
            toggleMute: function() {
                toggleMute();
                return state.isMuted ? '已静音' : '已取消静音';
            },
            dragTest: function() {
                const panel = document.getElementById('video-optimizer-panel-' + state.frameId);
                if (!panel) return '面板不存在';
                
                const header = panel.querySelector(`#panel-header-${state.frameId}`);
                if (!header) return '标题元素不存在';
                
                const hasMousedown = header.hasAttribute('onmousedown') || 
                                    (header.onmousedown !== null && header.onmousedown !== undefined);
                
                return '拖拽测试: ' + (hasMousedown ? '事件已绑定' : '事件未绑定');
            },
            getStatus: function() {
                const panel = document.getElementById('video-optimizer-panel-' + state.frameId);
                return {
                    frameId: state.frameId,
                    isVideoFrame: state.isVideoFrame,
                    panelScale: state.panelScale,
                    videos: state.videoElements.size,
                    currentVideo: state.currentVideo ? getVideoInfo(state.currentVideo) : null,
                    volume: state.currentVolume,
                    isMuted: state.isMuted,
                    panelVisible: !!panel && panel.style.display !== 'none',
                    panelPosition: panel ? {left: panel.style.left, top: panel.style.top} : null
                };
            }
        };
        log('全局控制函数已暴露: window.videoOptimizer');
    }

    setTimeout(init, 500);

})();