// ==UserScript==
// @name         B站合集列表管理器（抽屉面板）
// @namespace    http://tampermonkey.net/
// @version      4.0
// @description  侧边抽屉式面板，可视化勾选视频，按脚本列表顺序播放。MemoryList 名称标识，跨视频自动恢复。
// @author       Anonymity喵
// @match        *://www.bilibili.com/*
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_registerMenuCommand
// @grant        GM_notification
// @run-at       document-start
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    const STORAGE_KEY = 'bili_force_video_data_v3';        // 旧版兼容，不再主用
    const MEMORY_STORAGE_KEY = 'bili_force_memory_list';  // 新版名称+位图存储
    const LOG_PREFIX = '[列表管理]';

    // ========== 存储操作 ==========
    function getAllData() {
        try {
            const data = GM_getValue(STORAGE_KEY, '{}');
            return JSON.parse(data);
        } catch (e) {
            console.warn(LOG_PREFIX, '读取存储失败', e);
            return {};
        }
    }

    function saveAllData(data) {
        GM_setValue(STORAGE_KEY, JSON.stringify(data));
    }

    // 新版 MemoryList 操作
    function getMemoryList() {
        try {
            const data = GM_getValue(MEMORY_STORAGE_KEY, '{}');
            return JSON.parse(data);
        } catch (e) {
            console.warn(LOG_PREFIX, '读取 MemoryList 失败', e);
            return {};
        }
    }

    function saveMemoryList(data) {
        GM_setValue(MEMORY_STORAGE_KEY, JSON.stringify(data));
    }

    // 获取页面合集标题
    function getListName() {
        const titleEl = document.querySelector('.video-pod__header .title');
        if (titleEl) return titleEl.textContent.trim();
        // 备选：从路径或meta获取
        const metaTitle = document.querySelector('meta[property="og:title"]');
        if (metaTitle) {
            let t = metaTitle.getAttribute('content') || '';
            t = t.replace(/^[^_]*_/,'').trim(); // 去掉作者前缀
            return t || '未知合集';
        }
        return '未知合集';
    }

    // 兼容旧版（不再使用，但保留函数以防报错）
    function getCollectionIdFromPage() {
        const container = document.querySelector('.video-pod__list');
        if (!container) return null;
        const items = container.querySelectorAll('[data-key]');
        const bvs = new Set();
        items.forEach(el => {
            const bv = el.getAttribute('data-key');
            if (bv && bv.startsWith('BV')) bvs.add(bv);
        });
        if (bvs.size === 0) return null;
        const sorted = Array.from(bvs).sort();
        return 'list_' + sorted.join('|');
    }

    // 从 MemoryList 按名称恢复勾选
    function restoreCheckedSetFromMemoryList(listName, videoData) {
        const memory = getMemoryList();
        // 查找同名列表
        let matchedKey = null;
        for (const key in memory) {
            if (memory[key] && memory[key][0] === listName) {
                matchedKey = key;
                break;
            }
        }
        if (!matchedKey) return null;

        const bitmap = memory[matchedKey][1] || '';
        const checkedSet = new Set();
        let idx = 0; // 位图索引

        for (const v of videoData) {
            if (v.isMulti && v.subVideos.length > 0) {
                for (const sv of v.subVideos) {
                    if (idx < bitmap.length && bitmap[idx] === '1') {
                        checkedSet.add(sv.id);
                    }
                    idx++;
                }
            } else {
                if (idx < bitmap.length && bitmap[idx] === '1') {
                    checkedSet.add(v.id);
                }
                idx++;
            }
        }
        return checkedSet;
    }

    // 基于当前勾选状态更新 MemoryList
    function updateMemoryListFromCheckedSet() {
        const listName = getListName();
        const memory = getMemoryList();

        // 检查是否已存在同名
        let existingKey = null;
        for (const key in memory) {
            if (memory[key] && memory[key][0] === listName) {
                existingKey = key;
                break;
            }
        }

        if (existingKey) {
            // 已存在，提示并拒绝覆盖（这里直接返回，不保存）
            showToast('❌ 该列表已添加，无法重复添加');
            console.warn(LOG_PREFIX, `列表"${listName}"已存在（${existingKey}），拒绝覆盖`);
            return false;
        }

        // 生成位图字符串
        let bitmap = '';
        for (const v of panelState.videoData) {
            if (v.isMulti && v.subVideos.length > 0) {
                for (const sv of v.subVideos) {
                    bitmap += panelState.checkedSet.has(sv.id) ? '1' : '0';
                }
            } else {
                bitmap += panelState.checkedSet.has(v.id) ? '1' : '0';
            }
        }

        // 分配新代号
        const keys = Object.keys(memory);
        const newKey = 'l' + (keys.length + 1);

        memory[newKey] = [listName, bitmap];
        saveMemoryList(memory);
        console.log(LOG_PREFIX, `MemoryList 已更新: ${newKey} -> ${listName}, 位图长度: ${bitmap.length}`);
        return true;
    }

    // 从 MemoryList 获取当前列表的勾选ID（用于播放跳转）
    function getCheckedIdsFromMemoryList(listName, videoData) {
        const memory = getMemoryList();
        let matchedKey = null;
        for (const key in memory) {
            if (memory[key] && memory[key][0] === listName) {
                matchedKey = key;
                break;
            }
        }
        if (!matchedKey) return [];

        const bitmap = memory[matchedKey][1] || '';
        const ids = [];
        let idx = 0;
        for (const v of videoData) {
            if (v.isMulti && v.subVideos.length > 0) {
                for (const sv of v.subVideos) {
                    if (idx < bitmap.length && bitmap[idx] === '1') {
                        ids.push(sv.id);
                    }
                    idx++;
                }
            } else {
                if (idx < bitmap.length && bitmap[idx] === '1') {
                    ids.push(v.id);
                }
                idx++;
            }
        }
        return ids;
    }

    // 兼容旧版读取（已不再使用，但保留 fallback）
    function getListForCurrentCollection() {
        // 优先从 MemoryList 获取
        const listName = getListName();
        const videoData = panelState.videoData.length ? panelState.videoData : parsePageVideoList();
        const ids = getCheckedIdsFromMemoryList(listName, videoData);
        if (ids.length > 0) return ids;

        // 回退旧版
        const cid = getCollectionIdFromPage();
        if (!cid) return [];
        const data = getAllData();
        return Array.isArray(data[cid]) ? data[cid] : [];
    }

    function saveListForCurrentCollection(list) {
        // 仅保留兼容，实际保存走 MemoryList
        const cid = getCollectionIdFromPage();
        if (!cid) return false;
        const data = getAllData();
        data[cid] = list;
        saveAllData(data);
        return true;
    }

    function getCurrentBVID() {
        const match = location.pathname.match(/BV[0-9A-Za-z]+/);
        return match ? match[0] : null;
    }

    // ========== 解析页面视频列表 ==========
    function parsePageVideoList() {
        const container = document.querySelector('.video-pod__list');
        if (!container) return [];

        const items = container.querySelectorAll('.pod-item');
        const videos = [];

        items.forEach((item, index) => {
            const bv = item.getAttribute('data-key');
            if (!bv || !bv.startsWith('BV')) return;

            const isMulti = item.classList.contains('multi-p');
            const titleEl = item.querySelector('.simple-base-item.normal .title-txt, .simple-base-item.head .title-txt, .simple-base-item.active .title-txt');
            const durationEl = item.querySelector('.single-p .duration, .multi-p .head .duration');
            const title = titleEl ? titleEl.textContent.trim() : '未知标题';
            const duration = durationEl ? durationEl.textContent.trim() : '';

            if (isMulti) {
                const pageList = item.querySelector('.page-list');
                const subItems = pageList ? pageList.querySelectorAll('.page-item.sub') : [];
                const subVideos = [];
                subItems.forEach((sub, subIdx) => {
                    const subTitleEl = sub.querySelector('.title-txt');
                    const subDurationEl = sub.querySelector('.duration');
                    subVideos.push({
                        id: bv + '::' + subIdx,
                        bv: bv,
                        pIndex: subIdx,
                        title: subTitleEl ? subTitleEl.textContent.trim() : '分P' + (subIdx + 1),
                        duration: subDurationEl ? subDurationEl.textContent.trim() : '',
                        isSub: true
                    });
                });
                videos.push({
                    id: bv,
                    bv: bv,
                    title: title,
                    duration: duration,
                    isMulti: true,
                    subVideos: subVideos,
                    expanded: false
                });
            } else {
                videos.push({
                    id: bv,
                    bv: bv,
                    title: title,
                    duration: duration,
                    isMulti: false,
                    subVideos: []
                });
            }
        });

        return videos;
    }

    // ========== 创建UI ==========
    function injectStyles() {
        const styleId = 'bili-force-drawer-styles';
        if (document.getElementById(styleId)) return;

        const style = document.createElement('style');
        style.id = styleId;
        style.textContent = `
            #bili-force-trigger {
                position: fixed;
                right: 0;
                top: 50%;
                transform: translateY(-50%) translateX(92px);
                z-index: 99998;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                width: 120px;
                height: 44px;
                background: linear-gradient(135deg, #00a1d6, #0088b0);
                border-radius: 8px 0 0 8px;
                cursor: pointer;
                user-select: none;
                box-shadow: -3px 2px 12px rgba(0,0,0,0.2);
                transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                padding-left: 10px;
                box-sizing: border-box;
                gap: 8px;
                overflow: hidden;
            }
            #bili-force-trigger:hover {
                transform: translateY(-50%) translateX(0);
            }
            #bili-force-trigger.panel-open {
                transform: translateY(-50%) translateX(0);
            }
            #bili-force-trigger .trigger-icon {
                flex-shrink: 0;
                width: 22px;
                height: 22px;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 16px;
            }
            #bili-force-trigger .trigger-text {
                color: #fff;
                font-size: 13px;
                font-weight: 500;
                white-space: nowrap;
                letter-spacing: 0.5px;
                opacity: 0;
                transition: opacity 0.25s ease 0.05s;
            }
            #bili-force-trigger:hover .trigger-text,
            #bili-force-trigger.panel-open .trigger-text {
                opacity: 1;
            }

            #bili-force-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.45);
                z-index: 99997;
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.35s ease;
            }
            #bili-force-overlay.active {
                opacity: 1;
                pointer-events: auto;
            }

            #bili-force-drawer {
                position: fixed;
                top: 0;
                right: 0;
                width: 440px;
                max-width: 92vw;
                height: 100%;
                z-index: 99999;
                background: #1a1a2e;
                color: #e0e0e0;
                display: flex;
                flex-direction: column;
                transform: translateX(100%);
                transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
                box-shadow: -4px 0 30px rgba(0,0,0,0.5);
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
            }
            #bili-force-drawer.active {
                transform: translateX(0);
            }

            #bili-force-drawer .drawer-header {
                flex-shrink: 0;
                padding: 18px 20px 14px;
                border-bottom: 1px solid rgba(255,255,255,0.1);
                display: flex;
                flex-direction: column;
                gap: 12px;
            }
            #bili-force-drawer .drawer-header .header-top {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            #bili-force-drawer .drawer-title {
                font-size: 17px;
                font-weight: 600;
                color: #fff;
                letter-spacing: 0.5px;
            }
            #bili-force-drawer .drawer-close {
                width: 32px;
                height: 32px;
                border: none;
                background: rgba(255,255,255,0.08);
                color: #ccc;
                border-radius: 6px;
                cursor: pointer;
                font-size: 18px;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.2s;
                line-height: 1;
            }
            #bili-force-drawer .drawer-close:hover {
                background: rgba(255,255,255,0.18);
                color: #fff;
            }
            #bili-force-drawer .header-actions {
                display: flex;
                gap: 8px;
                flex-wrap: wrap;
            }
            #bili-force-drawer .action-btn {
                padding: 7px 15px;
                border-radius: 6px;
                border: 1px solid rgba(255,255,255,0.2);
                background: rgba(255,255,255,0.05);
                color: #ccc;
                cursor: pointer;
                font-size: 12px;
                font-weight: 500;
                transition: all 0.2s;
                white-space: nowrap;
            }
            #bili-force-drawer .action-btn:hover {
                background: rgba(255,255,255,0.12);
                color: #fff;
                border-color: rgba(255,255,255,0.35);
            }
            #bili-force-drawer .action-btn.btn-save {
                background: #00a1d6;
                border-color: #00a1d6;
                color: #fff;
                font-weight: 600;
            }
            #bili-force-drawer .action-btn.btn-save:hover {
                background: #00b8f0;
                border-color: #00b8f0;
            }
            #bili-force-drawer .action-btn.btn-save.saved-flash {
                background: #52c41a;
                border-color: #52c41a;
            }
            #bili-force-drawer .list-info {
                font-size: 11px;
                color: #999;
                padding: 0 4px;
            }
            #bili-force-drawer .list-info span {
                color: #00a1d6;
                font-weight: 600;
            }

            #bili-force-drawer .drawer-body {
                flex: 1;
                overflow-y: auto;
                overflow-x: hidden;
                padding: 8px 0;
                scroll-behavior: smooth;
            }
            #bili-force-drawer .drawer-body::-webkit-scrollbar {
                width: 5px;
            }
            #bili-force-drawer .drawer-body::-webkit-scrollbar-track {
                background: transparent;
            }
            #bili-force-drawer .drawer-body::-webkit-scrollbar-thumb {
                background: rgba(255,255,255,0.15);
                border-radius: 10px;
            }
            #bili-force-drawer .drawer-body::-webkit-scrollbar-thumb:hover {
                background: rgba(255,255,255,0.25);
            }

            #bili-force-drawer .video-item {
                display: flex;
                align-items: center;
                padding: 10px 20px;
                cursor: pointer;
                transition: background 0.15s;
                gap: 10px;
                border-bottom: 1px solid rgba(255,255,255,0.04);
                min-height: 48px;
            }
            #bili-force-drawer .video-item:hover {
                background: rgba(255,255,255,0.04);
            }
            #bili-force-drawer .video-item.sub-item {
                padding-left: 50px;
                background: rgba(255,255,255,0.015);
            }
            #bili-force-drawer .video-item.sub-item:hover {
                background: rgba(255,255,255,0.05);
            }
            #bili-force-drawer .video-item .checkbox-wrap {
                flex-shrink: 0;
                width: 20px;
                height: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            #bili-force-drawer .video-item input[type="checkbox"] {
                width: 16px;
                height: 16px;
                cursor: pointer;
                accent-color: #00a1d6;
                margin: 0;
            }
            #bili-force-drawer .video-item .video-info {
                flex: 1;
                min-width: 0;
                display: flex;
                flex-direction: column;
                gap: 3px;
            }
            #bili-force-drawer .video-item .video-title {
                font-size: 13px;
                color: #d0d0d0;
                line-height: 1.4;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            #bili-force-drawer .video-item .video-meta {
                font-size: 11px;
                color: #777;
                display: flex;
                gap: 8px;
            }
            #bili-force-drawer .video-item .expand-icon {
                flex-shrink: 0;
                width: 24px;
                height: 24px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #888;
                transition: transform 0.25s;
                font-size: 12px;
                cursor: pointer;
            }
            #bili-force-drawer .video-item .expand-icon.expanded {
                transform: rotate(90deg);
            }
            #bili-force-drawer .video-item .bv-tag {
                font-size: 10px;
                color: #666;
                background: rgba(255,255,255,0.05);
                padding: 1px 6px;
                border-radius: 3px;
                flex-shrink: 0;
            }
            #bili-force-drawer .video-item.current-playing {
                background: rgba(0,161,214,0.12);
                border-left: 3px solid #00a1d6;
            }
            #bili-force-drawer .video-item.current-playing .video-title {
                color: #00a1d6;
                font-weight: 500;
            }

            #bili-force-drawer .drawer-footer {
                flex-shrink: 0;
                padding: 12px 20px;
                border-top: 1px solid rgba(255,255,255,0.1);
                display: flex;
                gap: 8px;
            }
            #bili-force-drawer .drawer-footer .action-btn {
                flex: 1;
                text-align: center;
                padding: 10px;
                font-size: 13px;
            }

            #bili-force-toast {
                position: fixed;
                top: 20px;
                left: 50%;
                transform: translateX(-50%) translateY(-120px);
                z-index: 100000;
                background: #333;
                color: #fff;
                padding: 10px 22px;
                border-radius: 8px;
                font-size: 14px;
                pointer-events: none;
                transition: transform 0.35s cubic-bezier(0.18, 0.89, 0.32, 1.05);
                box-shadow: 0 4px 20px rgba(0,0,0,0.4);
            }
            #bili-force-toast.show {
                transform: translateX(-50%) translateY(0);
            }
        `;
        document.head.appendChild(style);
    }

    function createToast() {
        let toast = document.getElementById('bili-force-toast');
        if (!toast) {
            toast = document.createElement('div');
            toast.id = 'bili-force-toast';
            document.body.appendChild(toast);
        }
        return toast;
    }

    function showToast(msg, duration = 2000) {
        const toast = createToast();
        toast.textContent = msg;
        toast.classList.add('show');
        clearTimeout(toast._timeout);
        toast._timeout = setTimeout(() => {
            toast.classList.remove('show');
        }, duration);
    }

    function createTriggerButton() {
        let trigger = document.getElementById('bili-force-trigger');
        if (trigger && document.body.contains(trigger)) return trigger;

        if (trigger) trigger.remove();

        trigger = document.createElement('div');
        trigger.id = 'bili-force-trigger';
        trigger.innerHTML = `
            <span class="trigger-icon">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
            </span>
            <span class="trigger-text">列表管理</span>
        `;
        document.body.appendChild(trigger);
        return trigger;
    }

    function createOverlay() {
        let overlay = document.getElementById('bili-force-overlay');
        if (!overlay) {
            overlay = document.createElement('div');
            overlay.id = 'bili-force-overlay';
            document.body.appendChild(overlay);
        }
        return overlay;
    }

    function createDrawer() {
        let drawer = document.getElementById('bili-force-drawer');
        if (!drawer) {
            drawer = document.createElement('div');
            drawer.id = 'bili-force-drawer';
            drawer.innerHTML = `
                <div class="drawer-header">
                    <div class="header-top">
                        <span class="drawer-title">📋 播放列表管理</span>
                        <button class="drawer-close" title="关闭">✕</button>
                    </div>
                    <div class="header-actions">
                        <button class="action-btn btn-select-all">全选</button>
                        <button class="action-btn btn-deselect-all">取消全选</button>
                        <button class="action-btn btn-invert">反选</button>
                        <button class="action-btn btn-save">💾 保存列表</button>
                    </div>
                    <div class="list-info">已勾选 <span class="checked-count">0</span> 个视频</div>
                </div>
                <div class="drawer-body"></div>
                <div class="drawer-footer">
                    <button class="action-btn btn-close-panel">关闭面板</button>
                    <button class="action-btn btn-save btn-save-bottom">💾 保存并关闭</button>
                </div>
            `;
            document.body.appendChild(drawer);
        }
        return drawer;
    }

    // ========== 面板逻辑 ==========
    let panelState = {
        open: false,
        videoData: [],
        checkedSet: new Set(),
        expandedMultis: new Set()
    };

    function renderVideoList() {
        const drawer = document.getElementById('bili-force-drawer');
        if (!drawer) return;
        const body = drawer.querySelector('.drawer-body');
        if (!body) return;

        const currentBv = getCurrentBVID();
        const videoData = panelState.videoData;

        let html = '';

        if (videoData.length === 0) {
            html = '<div style="padding:40px;text-align:center;color:#777;">当前页面未检测到合集视频列表</div>';
        } else {
            videoData.forEach((v, idx) => {
                if (v.isMulti && v.subVideos.length > 0) {
                    const isExpanded = panelState.expandedMultis.has(v.bv);
                    const anySubChecked = v.subVideos.some(sv => panelState.checkedSet.has(sv.id));
                    const allSubChecked = v.subVideos.every(sv => panelState.checkedSet.has(sv.id));
                    const isCurrentParent = currentBv === v.bv;

                    html += `<div class="video-item multi-parent${isCurrentParent ? ' current-playing' : ''}" data-bv="${v.bv}" data-action="toggle-expand">
                        <span class="expand-icon${isExpanded ? ' expanded' : ''}">▶</span>
                        <span class="checkbox-wrap"><input type="checkbox" data-id="${v.bv}" data-is-parent="1" ${allSubChecked ? 'checked' : ''} ${anySubChecked && !allSubChecked ? 'class="partial"' : ''}></span>
                        <span class="video-info"><span class="video-title">${escapeHtml(v.title)}</span><span class="video-meta"><span>📁 ${v.subVideos.length}个分P</span><span>${v.duration}</span></span></span>
                        <span class="bv-tag">${v.bv}</span>
                    </div>`;

                    if (isExpanded) {
                        v.subVideos.forEach((sv, sIdx) => {
                            const checked = panelState.checkedSet.has(sv.id);
                            const isCurrentSub = currentBv === sv.bv;
                            html += `<div class="video-item sub-item${isCurrentSub ? ' current-playing' : ''}" data-id="${sv.id}" data-bv="${sv.bv}" data-pindex="${sv.pIndex}">
                                <span class="checkbox-wrap"><input type="checkbox" data-id="${sv.id}" ${checked ? 'checked' : ''}></span>
                                <span class="video-info"><span class="video-title">${escapeHtml(sv.title)}</span><span class="video-meta"><span>⏱ ${sv.duration}</span></span></span>
                                <span class="bv-tag">P${sv.pIndex + 1}</span>
                            </div>`;
                        });
                    }
                } else {
                    const checked = panelState.checkedSet.has(v.id);
                    const isCurrent = currentBv === v.bv;
                    html += `<div class="video-item single-item${isCurrent ? ' current-playing' : ''}" data-id="${v.id}" data-bv="${v.bv}">
                        <span class="checkbox-wrap"><input type="checkbox" data-id="${v.id}" ${checked ? 'checked' : ''}></span>
                        <span class="video-info"><span class="video-title">${escapeHtml(v.title)}</span><span class="video-meta"><span>⏱ ${v.duration}</span></span></span>
                        <span class="bv-tag">${v.bv}</span>
                    </div>`;
                }
            });
        }

        body.innerHTML = html;
        updateCheckedCount();
        updateSaveButtonState();
    }

    function escapeHtml(str) {
        const div = document.createElement('div');
        div.textContent = str;
        return div.innerHTML;
    }

    function updateCheckedCount() {
        const drawer = document.getElementById('bili-force-drawer');
        if (!drawer) return;
        const countEl = drawer.querySelector('.checked-count');
        if (countEl) {
            countEl.textContent = panelState.checkedSet.size;
        }
    }

    function updateSaveButtonState() {
        const drawer = document.getElementById('bili-force-drawer');
        if (!drawer) return;
        const savedList = new Set(getListForCurrentCollection());
        const currentSet = panelState.checkedSet;
        const isChanged = savedList.size !== currentSet.size || ![...savedList].every(v => currentSet.has(v));

        const saveBtns = drawer.querySelectorAll('.btn-save');
        saveBtns.forEach(btn => {
            if (isChanged) {
                btn.textContent = '💾 保存列表';
                btn.classList.remove('saved-flash');
                btn.style.opacity = '1';
            } else {
                btn.textContent = '✅ 已保存';
                btn.classList.add('saved-flash');
            }
        });
    }

    function collectCheckedIds() {
        const drawer = document.getElementById('bili-force-drawer');
        if (!drawer) return [];
        const checkboxes = drawer.querySelectorAll('.drawer-body input[type="checkbox"]:checked');
        const ids = [];
        checkboxes.forEach(cb => {
            const id = cb.getAttribute('data-id');
            if (id && cb.getAttribute('data-is-parent') !== '1') {
                ids.push(id);
            }
        });
        return ids;
    }

    function openPanel() {
        const trigger = document.getElementById('bili-force-trigger');
        const drawer = document.getElementById('bili-force-drawer');
        const overlay = document.getElementById('bili-force-overlay');

        panelState.videoData = parsePageVideoList();
        panelState.expandedMultis.clear();

        // 优先从 MemoryList 恢复勾选状态
        const listName = getListName();
        const restored = restoreCheckedSetFromMemoryList(listName, panelState.videoData);
        if (restored) {
            panelState.checkedSet = restored;
            console.log(LOG_PREFIX, `从 MemoryList 恢复勾选: ${listName} (${restored.size} 项)`);
        } else {
            // 回退旧方式
            const savedList = getListForCurrentCollection();
            panelState.checkedSet = new Set(savedList);
        }

        if (drawer) drawer.classList.add('active');
        if (overlay) overlay.classList.add('active');
        if (trigger) trigger.classList.add('panel-open');

        panelState.open = true;
        renderVideoList();
        updateCheckedCount();

        console.log(LOG_PREFIX, `面板已打开，检测到 ${panelState.videoData.length} 个视频（含多P分组）`);
    }

    function closePanel() {
        const trigger = document.getElementById('bili-force-trigger');
        const drawer = document.getElementById('bili-force-drawer');
        const overlay = document.getElementById('bili-force-overlay');

        if (drawer) drawer.classList.remove('active');
        if (overlay) overlay.classList.remove('active');
        if (trigger) trigger.classList.remove('panel-open');

        panelState.open = false;
    }

    function togglePanel() {
        if (panelState.open) {
            closePanel();
        } else {
            openPanel();
        }
    }

    function saveCurrentList() {
        // 更新 MemoryList（含重复检查）
        const success = updateMemoryListFromCheckedSet();
        if (!success) return; // 提示已弹出

        // 同步更新旧版存储（兼容，可省略）
        const ids = [...panelState.checkedSet];
        saveListForCurrentCollection(ids);
        
        updateCheckedCount();
        updateSaveButtonState();
        showToast(`✅ 列表已保存！共 ${ids.length} 个视频`);
        console.log(LOG_PREFIX, `保存列表: ${ids.length} 个条目`, ids);
        checkAndHijack();
    }

    // ========== 事件绑定 ==========
    function bindEvents() {
        const drawer = document.getElementById('bili-force-drawer');
        const overlay = document.getElementById('bili-force-overlay');
        const trigger = document.getElementById('bili-force-trigger');

        if (trigger) {
            trigger.addEventListener('click', (e) => {
                e.stopPropagation();
                togglePanel();
            });
        }

        if (overlay) {
            overlay.addEventListener('click', () => {
                closePanel();
            });
        }

        if (drawer) {
            drawer.addEventListener('click', (e) => {
                const target = e.target;

                if (target.closest('.drawer-close') || target.closest('.btn-close-panel')) {
                    closePanel();
                    return;
                }

                if (target.closest('.btn-save')) {
                    saveCurrentList();
                    if (target.closest('.btn-save-bottom')) {
                        setTimeout(closePanel, 400);
                    }
                    return;
                }

                // 全选
                if (target.closest('.btn-select-all')) {
                    const allIds = [];
                    panelState.videoData.forEach(v => {
                        if (v.isMulti && v.subVideos.length > 0) {
                            v.subVideos.forEach(sv => allIds.push(sv.id));
                        } else {
                            allIds.push(v.id);
                        }
                        if (v.isMulti) panelState.expandedMultis.add(v.bv);
                    });
                    panelState.checkedSet = new Set(allIds);
                    renderVideoList();
                    updateCheckedCount();
                    updateSaveButtonState();
                    return;
                }

                // 反选
                if (target.closest('.btn-invert')) {
                    const allIds = [];
                    panelState.videoData.forEach(v => {
                        if (v.isMulti && v.subVideos.length > 0) {
                            v.subVideos.forEach(sv => allIds.push(sv.id));
                        } else {
                            allIds.push(v.id);
                        }
                        if (v.isMulti) panelState.expandedMultis.add(v.bv);
                    });
                    const newSet = new Set(panelState.checkedSet);
                    allIds.forEach(id => {
                        if (newSet.has(id)) newSet.delete(id);
                        else newSet.add(id);
                    });
                    panelState.checkedSet = newSet;
                    renderVideoList();
                    updateCheckedCount();
                    updateSaveButtonState();
                    return;
                }

                // 取消全选
                if (target.closest('.btn-deselect-all')) {
                    panelState.videoData.forEach(v => {
                        if (v.isMulti) panelState.expandedMultis.add(v.bv);
                    });
                    panelState.checkedSet.clear();
                    renderVideoList();
                    updateCheckedCount();
                    updateSaveButtonState();
                    return;
                }

                // 多P展开/折叠
                const expandIcon = target.closest('.expand-icon');
                if (expandIcon) {
                    const parentItem = expandIcon.closest('.video-item');
                    if (parentItem) {
                        const bv = parentItem.getAttribute('data-bv');
                        if (bv) {
                            if (panelState.expandedMultis.has(bv)) {
                                panelState.expandedMultis.delete(bv);
                            } else {
                                panelState.expandedMultis.add(bv);
                            }
                            renderVideoList();
                        }
                    }
                    return;
                }

                // 多P父级行点击（非复选框区域）
                const multiParent = target.closest('.multi-parent');
                if (multiParent && !target.closest('input[type="checkbox"]') && !target.closest('.expand-icon')) {
                    const bv = multiParent.getAttribute('data-bv');
                    if (bv) {
                        if (panelState.expandedMultis.has(bv)) {
                            panelState.expandedMultis.delete(bv);
                        } else {
                            panelState.expandedMultis.add(bv);
                        }
                        renderVideoList();
                    }
                    return;
                }

                // 复选框变化
                if (target.closest('input[type="checkbox"]')) {
                    setTimeout(() => {
                        panelState.checkedSet = new Set(collectCheckedIds());
                        updateCheckedCount();
                        updateSaveButtonState();
                        const allParentCbs = drawer.querySelectorAll('input[data-is-parent="1"]');
                        allParentCbs.forEach(pCb => {
                            const bv = pCb.getAttribute('data-id');
                            const subCbs = drawer.querySelectorAll(`input[data-id^="${bv}::"]`);
                            if (subCbs.length > 0) {
                                const allChecked = Array.from(subCbs).every(c => c.checked);
                                const anyChecked = Array.from(subCbs).some(c => c.checked);
                                pCb.checked = allChecked;
                                pCb.indeterminate = anyChecked && !allChecked;
                            }
                        });
                    }, 50);
                    return;
                }

                // 点击视频项跳转（非复选框、非展开图标）
                const videoItem = target.closest('.video-item');
                if (videoItem && !target.closest('input[type="checkbox"]') && !target.closest('.expand-icon') && !target.closest('.multi-parent')) {
                    const bv = videoItem.getAttribute('data-bv');
                    const pIndex = videoItem.getAttribute('data-pindex');
                    if (bv) {
                        navigateToVideo(bv, pIndex);
                        setTimeout(closePanel, 600);
                    }
                }
            });
        }

        document.addEventListener('keydown', (e) => {
            if (e.key === 'Escape' && panelState.open) {
                closePanel();
            }
        });
    }

    // ========== 视频跳转（URL导航，支持分P） ==========
    function navigateToVideo(bv, pIndex) {
        if (!bv) return;

        let newPath = location.pathname.replace(/BV[0-9A-Za-z]+/, bv);
        let search = location.search;

        if (pIndex !== null && pIndex !== undefined) {
            const params = new URLSearchParams(search);
            params.set('p', pIndex + 1);
            search = '?' + params.toString();
        } else {
            const params = new URLSearchParams(search);
            params.delete('p');
            search = params.toString() ? '?' + params.toString() : '';
        }

        const newUrl = newPath + search + (location.hash || '');

        if (newUrl === location.href) return;

        window.history.pushState({}, '', newUrl);
        window.dispatchEvent(new PopStateEvent('popstate'));

        console.log(LOG_PREFIX, `URL导航到: ${bv}${pIndex !== null ? ' P' + (parseInt(pIndex) + 1) : ''}`);
    }

    // ========== 可见性劫持 ==========
    function hijackVisibility() {
        try {
            Object.defineProperty(document, 'hidden', { configurable: true, get: () => false, set: undefined });
        } catch (e) {}
        try {
            Object.defineProperty(document, 'visibilityState', { configurable: true, get: () => 'visible', set: undefined });
        } catch (e) {}
        const blockEvent = (e) => e.stopImmediatePropagation();
        document.addEventListener('visibilitychange', blockEvent, true);
        window.addEventListener('visibilitychange', blockEvent, true);
    }

    function checkAndHijack() {
        const bv = getCurrentBVID();
        if (!bv) return;

        const allCheckedIds = [];
        // 从 MemoryList 检查当前视频是否在任意列表中
        const memory = getMemoryList();
        const videoData = panelState.videoData.length ? panelState.videoData : parsePageVideoList();
        for (const key in memory) {
            const bitmap = memory[key][1] || '';
            let idx = 0;
            for (const v of videoData) {
                if (v.isMulti && v.subVideos.length > 0) {
                    for (const sv of v.subVideos) {
                        if (sv.bv === bv && idx < bitmap.length && bitmap[idx] === '1') {
                            allCheckedIds.push(sv.id);
                        }
                        idx++;
                    }
                } else {
                    if (v.bv === bv && idx < bitmap.length && bitmap[idx] === '1') {
                        allCheckedIds.push(v.id);
                    }
                    idx++;
                }
            }
        }

        if (allCheckedIds.length > 0) {
            hijackVisibility();
            console.log(LOG_PREFIX, `当前视频 ${bv} 在 MemoryList 中，已开启强制画面加载`);
        }
    }

    // ========== 视频结束监听（全局捕获） ==========
    function setupVideoEndListener() {
        document.addEventListener('ended', onVideoEnded, true);
        console.log(LOG_PREFIX, '全局视频结束监听已启动');
    }

    function onVideoEnded(e) {
        const video = e.target;
        if (!video.closest('#bilibili-player') && !video.closest('.bpx-player-video-wrap')) return;

        const currentBv = getCurrentBVID();
        if (!currentBv) return;

        const list = getListForCurrentCollection();
        if (list.length === 0) {
            console.log(LOG_PREFIX, '未找到当前合集的播放列表，跳过自动连播');
            return;
        }

        const pureCurrentBv = currentBv;
        let currentIndex = -1;
        for (let i = 0; i < list.length; i++) {
            const listBv = list[i].includes('::') ? list[i].split('::')[0] : list[i];
            if (listBv === pureCurrentBv) {
                currentIndex = i;
                break;
            }
        }

        if (currentIndex >= 0 && currentIndex < list.length - 1) {
            e.stopImmediatePropagation();
            e.preventDefault();

            const nextId = list[currentIndex + 1];
            const nextBv = nextId.includes('::') ? nextId.split('::')[0] : nextId;
            const nextPIndex = nextId.includes('::') ? parseInt(nextId.split('::')[1]) : null;

            console.log(LOG_PREFIX, `视频结束，脚本列表跳转: ${currentBv} → ${nextId}`);
            setTimeout(() => {
                navigateToVideo(nextBv, nextPIndex);
            }, 300);
        } else if (currentIndex >= 0 && currentIndex >= list.length - 1) {
            console.log(LOG_PREFIX, '脚本列表已播放完毕');
            showToast('📋 脚本列表已播放完毕');
        }
    }

    // ========== 初始化 ==========
    function init() {
        injectStyles();

        function onBodyReady() {
            createTriggerButton();
            createOverlay();
            createDrawer();
            bindEvents();
            checkAndHijack();
            setupVideoEndListener();
            console.log(LOG_PREFIX, '侧边抽屉面板已就绪 (MemoryList 模式)');
        }

        function waitForBody() {
            if (document.body) {
                onBodyReady();
            } else {
                setTimeout(waitForBody, 50);
            }
        }

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

        let bodyWatchInitialized = false;
        function initBodyWatch() {
            if (bodyWatchInitialized || !document.body) return;
            bodyWatchInitialized = true;
            const bodyObserver = new MutationObserver(() => {
                const trigger = document.getElementById('bili-force-trigger');
                const drawer = document.getElementById('bili-force-drawer');
                const overlay = document.getElementById('bili-force-overlay');
                if ((!trigger || !document.body.contains(trigger)) && document.body) {
                    createTriggerButton();
                    bindEvents();
                }
                if ((!drawer || !document.body.contains(drawer)) && document.body) {
                    createDrawer();
                    bindEvents();
                }
                if ((!overlay || !document.body.contains(overlay)) && document.body) {
                    createOverlay();
                }
            });
            bodyObserver.observe(document.body, { childList: true });
        }

        const waitForBodyObserver = setInterval(() => {
            if (document.body) {
                initBodyWatch();
                clearInterval(waitForBodyObserver);
            }
        }, 100);

        let lastUrl = location.href;
        const urlObserver = new MutationObserver(() => {
            if (lastUrl !== location.href) {
                lastUrl = location.href;
                setTimeout(() => {
                    checkAndHijack();
                    if (panelState.open) {
                        panelState.videoData = parsePageVideoList();
                        panelState.expandedMultis.clear();
                        const listName = getListName();
                        const restored = restoreCheckedSetFromMemoryList(listName, panelState.videoData);
                        panelState.checkedSet = restored || new Set(getListForCurrentCollection());
                        renderVideoList();
                        updateCheckedCount();
                    }
                }, 1200);
            }
        });

        const waitForUrlObserver = setInterval(() => {
            if (document.body) {
                urlObserver.observe(document.body, { subtree: true, childList: true });
                clearInterval(waitForUrlObserver);
            }
        }, 100);
    }

    // ========== 菜单命令 ==========
    GM_registerMenuCommand('📋 打开列表管理面板', () => {
        if (!panelState.open) {
            openPanel();
        }
        showToast('面板已打开');
    });

    GM_registerMenuCommand('🗑 清除当前合集列表', () => {
        const listName = getListName();
        const memory = getMemoryList();
        let removed = false;
        for (const key in memory) {
            if (memory[key] && memory[key][0] === listName) {
                delete memory[key];
                removed = true;
                break;
            }
        }
        if (removed) {
            saveMemoryList(memory);
            panelState.checkedSet.clear();
            if (panelState.open) {
                renderVideoList();
                updateCheckedCount();
                updateSaveButtonState();
            }
            GM_notification({ text: `已清除列表"${listName}"`, timeout: 2500, title: '列表管理' });
            showToast('🗑 列表已清除');
        } else {
            GM_notification({ text: '未找到当前合集列表', timeout: 2000, title: '列表管理' });
        }
    });

    GM_registerMenuCommand('📊 查看所有 MemoryList（控制台）', () => {
        const memory = getMemoryList();
        const keys = Object.keys(memory);
        console.log(LOG_PREFIX, 'MemoryList 内容:');
        if (keys.length === 0) {
            console.log('  空');
        } else {
            keys.forEach(key => {
                console.log(`  ${key}: ${memory[key][0]} -> 位图长度 ${memory[key][1].length}`);
            });
        }
        GM_notification({ text: `共 ${keys.length} 个列表，详情见控制台`, timeout: 3000, title: '列表管理' });
    });

    GM_registerMenuCommand('🗑 清除所有 MemoryList', () => {
        const memory = getMemoryList();
        const count = Object.keys(memory).length;
        if (count === 0) {
            GM_notification({ text: '列表已为空', timeout: 2000, title: '列表管理' });
        } else {
            saveMemoryList({});
            panelState.checkedSet.clear();
            if (panelState.open) {
                renderVideoList();
                updateCheckedCount();
                updateSaveButtonState();
            }
            GM_notification({ text: `已清除 ${count} 个列表`, timeout: 3000, title: '列表管理' });
            showToast('🗑 所有列表已清除');
        }
    });

    init();

})();