Bilibili Tools

Greasy Fork is available in English.
字幕提取、AI总结、Notion集成、笔记保存、播放速度控制、SponsorBlock广告跳过 - 六合一工具集
换行
// ==UserScript==
// @name         Bilibili Tools
// @namespace    http://tampermonkey.net/
// @version      1.0.8
// @author       geraldpeng & claude 4.5 sonnet
// @description  字幕提取、AI总结、Notion集成、笔记保存、播放速度控制、SponsorBlock广告跳过 - 六合一工具集
// @license      MIT
// @match        *://www.bilibili.com/*
// @match        *://search.bilibili.com/*
// @match        *://space.bilibili.com/*
// @match        *://*/*
// @require      https://cdn.jsdelivr.net/npm/[email protected]/marked.min.js
// @connect      api.bilibili.com
// @connect      aisubtitle.hdslb.com
// @connect      api.notion.com
// @connect      openrouter.ai
// @connect      bsbsb.top
// @connect      *
// @grant        GM_addStyle
// @grant        GM_getValue
// @grant        GM_registerMenuCommand
// @grant        GM_setValue
// @grant        GM_xmlhttpRequest
// @grant        unsafeWindow
// @run-at       document-start
// ==/UserScript==

(function () {
	'use strict';

	const e=500,t=20,n=1500,o=500,i=500,s=2e3,r=2e3,a=500,l=12e4,c=2e3,d=1900,p=2e3,u=32,h="idle",g="loading",m="active",b="no-subtitle",f="error",y="subtitle:loaded",x="subtitle:failed",v="subtitle:requested",w="ai:summary:start",S="ai:summary:complete",k="ai:summary:failed",I="ai:summary:chunk",E="notion:send:start",C="notion:send:complete",A="notion:send:failed",M="ui:panel:toggle",T="ui:ball:status:change",L="video:changed",$="请用中文总结以下视频字幕内容，使用Markdown格式输出。\n\n要求：\n1. 在开头提供TL;DR的核心摘要\n2. 使用标题、列表等Markdown格式组织内容\n3. 突出关键信息和要点\n4. 分段落说明每一部分的内容\n5. 不要在总结中包含任何时间戳\n\n字幕内容：\n",B='分析以下带时间戳的字幕，提取5-8个关键段落。\n\n重要：你的回复必须只包含JSON，不要有任何其他文字、解释或markdown标记。\n直接以{开始，以}结束。\n\nJSON格式要求：\n{"segments":[\n  {"timestamp":"分钟:秒","title":"标题(10字内)","summary":"内容总结(30-50字)"}\n]}\n\n示例（你的回复应该像这样）：\n{"segments":[{"timestamp":"00:15","title":"开场介绍","summary":"主持人介绍今天的主题和嘉宾背景"},{"timestamp":"02:30","title":"核心观点","summary":"讨论技术发展趋势和未来展望"}]}\n\n字幕内容：\n',N={openrouter:"https://openrouter.ai/keys",openai:"https://platform.openai.com/api-keys",siliconflow:"https://cloud.siliconflow.cn/account/ak",deepseek:"https://platform.deepseek.com/api_keys",moonshot:"https://platform.moonshot.cn/console/api-keys",zhipu:"https://open.bigmodel.cn/usercenter/apikeys",yi:"https://platform.lingyiwanwu.com/apikeys",dashscope:"https://bailian.console.aliyun.com/",gemini:"https://aistudio.google.com/app/apikey"},P=[{id:"openrouter",name:"OpenRouter",url:"https://openrouter.ai/api/v1/chat/completions",apiKey:"",model:"alibaba/tongyi-deepresearch-30b-a3b:free",prompt1:$,prompt2:B,isOpenRouter:true},{id:"openai",name:"OpenAI",url:"https://api.openai.com/v1/chat/completions",apiKey:"",model:"gpt-3.5-turbo",prompt1:$,prompt2:B,isOpenRouter:false},{id:"siliconflow",name:"硅基流动",url:"https://api.siliconflow.cn/v1/chat/completions",apiKey:"",model:"Qwen/Qwen2.5-7B-Instruct",prompt1:$,prompt2:B,isOpenRouter:false},{id:"deepseek",name:"DeepSeek",url:"https://api.deepseek.com/v1/chat/completions",apiKey:"",model:"deepseek-chat",prompt1:$,prompt2:B,isOpenRouter:false},{id:"moonshot",name:"月之暗面 Kimi",url:"https://api.moonshot.cn/v1/chat/completions",apiKey:"",model:"moonshot-v1-8k",prompt1:$,prompt2:B,isOpenRouter:false},{id:"zhipu",name:"智谱清言",url:"https://open.bigmodel.cn/api/paas/v4/chat/completions",apiKey:"",model:"glm-4-flash",prompt1:$,prompt2:B,isOpenRouter:false},{id:"yi",name:"零一万物",url:"https://api.lingyiwanwu.com/v1/chat/completions",apiKey:"",model:"yi-large",prompt1:$,prompt2:B,isOpenRouter:false},{id:"dashscope",name:"通义千问",url:"https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions",apiKey:"",model:"qwen-plus",prompt1:$,prompt2:B,isOpenRouter:false},{id:"gemini",name:"Google Gemini",url:"https://generativelanguage.googleapis.com/v1beta/openai/chat/completions",apiKey:"",model:"gemini-1.5-flash",prompt1:$,prompt2:B,isOpenRouter:false}],z="ai_configs",D="selected_ai_config_id",_="ai_auto_summary_enabled",q="notion_api_key",R="notion_parent_page_id",O="notion_database_id",F="notion_auto_send_enabled",H={BALL:2147483647,CONTAINER:2147483646,TOAST:2147483645,AI_MODAL:2147483643},j="2022-06-28",K="https://api.notion.com/v1",V=/\/video\/(BV[1-9A-Za-z]{10})/,U=/BV[1-9A-Za-z]{10}/,G=/([a-f0-9]{32}|[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12})/i,J="video",X=".bpx-player-container, #bilibili-player",Y=".bpx-player-ctrl-subtitle-result",W='.bpx-player-ctrl-subtitle-close-switch[data-action="close"]',Q="h1.video-title",Z={API_URL:"https://bsbsb.top/api/skipSegments",CACHE_EXPIRY:18e5,MIN_SCORE:.06,MIN_VIEWS:1e3,TAG_COLOR:"linear-gradient(135deg, #FF6B6B, #FF4D4D)",TAG_TEXT:"🔥 精选",TOP_TAG_COLOR:"linear-gradient(135deg, #FFD700, #FFA500)",TOP_TAG_TEXT:"🏆 顶级",CATEGORIES:{sponsor:{name:"广告",color:"#00d400"},selfpromo:{name:"无偿/自我推广",color:"#ffff00"},interaction:{name:"三连/订阅提醒",color:"#cc00ff"},poi_highlight:{name:"精彩时刻/重点",color:"#ff1684"},intro:{name:"过场/开场动画",color:"#00ffff"},outro:{name:"鸣谢/结束画面",color:"#0202ed"},preview:{name:"回顾/概要",color:"#008fd6"},filler:{name:"离题闲聊/玩笑",color:"#7300FF"},music_offtopic:{name:"音乐:非音乐部分",color:"#ff9900"},exclusive_access:{name:"柔性推广/品牌合作",color:"#008a5c"},mute:{name:"静音片段",color:"#B54D4B"}},DEFAULT_SETTINGS:{skipCategories:["sponsor"],showAdBadge:true,showQualityBadge:true,showProgressMarkers:true}},ee=`\n  /* ==================== 小球样式 ==================== */\n  #subtitle-ball {\n    position: absolute;\n    right: -30px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background-color: #999;\n    cursor: pointer;\n    z-index: ${H.BALL};\n    box-shadow: 0 2px 6px rgba(0,0,0,0.25);\n    transition: all 0.3s ease;\n    animation: breath-ball-normal 2s ease-in-out infinite;\n  }\n\n  #subtitle-ball:hover {\n    transform: translateY(-50%) scale(1.2);\n    box-shadow: 0 3px 10px rgba(0,0,0,0.35);\n  }\n\n  #subtitle-ball.active {\n    background-color: #feebea;\n    cursor: pointer;\n  }\n\n  #subtitle-ball.loading {\n    background-color: #3b82f6;\n    animation: breath-ball 1.2s ease-in-out infinite;\n  }\n\n  #subtitle-ball.ai-summarizing {\n    background-color: #feebea;\n    animation: breath-ball-ai 1s ease-in-out infinite;\n  }\n\n  #subtitle-ball.no-subtitle {\n    background-color: #999;\n    cursor: default;\n    opacity: 0.6;\n  }\n\n  #subtitle-ball.error {\n    background-color: #ff0000;\n    cursor: default;\n  }\n\n  @keyframes breath-ball-normal {\n    0%, 100% { transform: translateY(-50%) scale(1); }\n    50% { transform: translateY(-50%) scale(1.05); }\n  }\n\n  @keyframes breath-ball {\n    0%, 100% { transform: translateY(-50%) scale(1.1); opacity: 1; }\n    50% { transform: translateY(-50%) scale(1.4); opacity: 0.6; }\n  }\n\n  @keyframes breath-ball-ai {\n    0%, 100% { \n      transform: translateY(-50%) scale(1.3); \n      opacity: 1;\n      box-shadow: 0 0 20px rgba(254, 235, 234, 0.8);\n    }\n    50% { \n      transform: translateY(-50%) scale(1.8); \n      opacity: 0.7;\n      box-shadow: 0 0 40px rgba(254, 235, 234, 1);\n    }\n  }\n\n  /* ==================== 字幕容器样式 ==================== */\n  #subtitle-container {\n    position: absolute;\n    top: 10%;\n    left: 100%;\n    width: 500px;\n    min-width: 400px;\n    max-width: 800px;\n    height: 600px;\n    min-height: 400px;\n    max-height: 90vh;\n    background: rgba(0, 0, 0, 0.85);\n    backdrop-filter: blur(12px);\n    color: #fff;\n    border-radius: 12px;\n    font-size: 14px;\n    line-height: 1.8;\n    display: none;\n    flex-direction: column;\n    overflow: hidden;\n    box-shadow: -4px 0 24px rgba(0,0,0,0.5);\n    border: 1px solid rgba(254, 235, 234, 0.2);\n    transition: none;\n    z-index: ${H.CONTAINER};\n    margin-left: 10px;\n  }\n\n  #subtitle-container.show {\n    display: flex;\n  }\n  \n  /* 调整大小的边缘检测区域 */\n  #subtitle-container::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    pointer-events: none;\n  }\n  \n  /* 鼠标悬停在边缘时的光标样式 */\n  #subtitle-container.resize-n { cursor: n-resize; }\n  #subtitle-container.resize-s { cursor: s-resize; }\n  #subtitle-container.resize-e { cursor: e-resize; }\n  #subtitle-container.resize-w { cursor: w-resize; }\n  #subtitle-container.resize-ne { cursor: ne-resize; }\n  #subtitle-container.resize-nw { cursor: nw-resize; }\n  #subtitle-container.resize-se { cursor: se-resize; }\n  #subtitle-container.resize-sw { cursor: sw-resize; }\n\n  /* ==================== 头部样式 ==================== */\n  .subtitle-header {\n    font-size: 14px;\n    font-weight: 500;\n    padding: 16px 20px;\n    border-bottom: 1px solid rgba(254, 235, 234, 0.15);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: move;\n    user-select: none;\n    flex-shrink: 0;\n    background: linear-gradient(135deg, rgba(254, 235, 234, 0.12), rgba(254, 235, 234, 0.06));\n    color: #fff;\n    border-radius: 12px 12px 0 0;\n    user-select: none;\n  }\n\n  .subtitle-header-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .subtitle-header-right {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    position: relative;\n    z-index: 10;\n  }\n\n  /* AI助手图标 - 删除边框和背景 */\n\n  .subtitle-status-icon {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .subtitle-status-text {\n    font-size: 13px;\n    font-weight: 500;\n    color: rgba(255, 255, 255, 0.9);\n  }\n\n  .subtitle-search-box {\n    position: relative;\n    flex: 1;\n    max-width: 300px;\n    margin: 0 8px; \n    color: rgba(255, 255, 255, 0.6);\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n\n  .subtitle-search-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 20px;\n    padding: 5px 12px;\n    border: 1px solid rgba(254, 235, 234, 0.15);\n    transition: all 0.2s;\n    width: 200px;\n  }\n\n  .subtitle-search-container:focus-within {\n    border-color: #feebea;\n    background: rgba(0, 0, 0, 0.4);\n    box-shadow: 0 0 0 2px rgba(254, 235, 234, 0.1);\n  }\n\n  .search-input {\n    flex: 1;\n    background: transparent;\n    border: none;\n    outline: none;\n    color: #fff;\n    font-size: 14px;\n    padding: 4px;\n    padding-right: 70px;\n  }\n\n  .search-input::placeholder {\n    color: rgba(255, 255, 255, 0.5);\n  }\n\n  .search-controls {\n    position: absolute;\n    right: 8px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .search-counter {\n    font-size: 11px;\n    color: rgba(255, 255, 255, 0.6);\n    min-width: 28px;\n    text-align: center;\n  }\n\n  .search-nav-btn {\n    background: transparent;\n    border: none;\n    color: rgba(255, 255, 255, 0.6);\n    cursor: pointer;\n    padding: 2px;\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n  }\n\n  .search-nav-btn:hover {\n    color: #fff;\n    background: rgba(255, 255, 255, 0.1);\n  }\n\n  .search-nav-btn:active {\n    transform: scale(0.9);\n  }\n\n  .search-nav-btn:disabled {\n    opacity: 0.3;\n    cursor: not-allowed;\n  }\n  \n  .search-nav-btn svg {\n    display: block;\n  }\n\n  /* 搜索高亮样式 */\n  .search-highlight {\n    background-color: rgba(255, 255, 0, 0.4);\n    color: #000;\n    padding: 2px 0;\n    border-radius: 2px;\n  }\n\n  .search-highlight-current {\n    background-color: rgba(255, 165, 0, 0.6);\n    color: #000;\n    padding: 2px 0;\n    border-radius: 2px;\n    box-shadow: 0 0 4px rgba(255, 165, 0, 0.8);\n  }\n\n  .subtitle-header-actions {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n  }\n\n  .subtitle-close {\n    cursor: pointer;\n    font-size: 20px;\n    line-height: 1;\n    color: rgba(255, 255, 255, 0.5);\n    transition: all 0.2s;\n    padding: 4px;\n    border-radius: 4px;\n  }\n\n  .subtitle-close:hover {\n    color: rgba(255, 255, 255, 0.9);\n    background: rgba(255, 255, 255, 0.1);\n  }\n\n  /* ==================== 标签页样式 ==================== */\n  .subtitle-tabs {\n    display: flex;\n    padding: 0 20px;\n    gap: 20px;\n    border-bottom: 1px solid rgba(254, 235, 234, 0.1);\n    background: rgba(0, 0, 0, 0.2);\n  }\n\n  .subtitle-tab {\n    position: relative;\n    padding: 12px 4px;\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s;\n    user-select: none;\n  }\n\n  .subtitle-tab:hover {\n    color: rgba(255, 255, 255, 0.9);\n  }\n\n  .subtitle-tab.active {\n    color: #fff;\n  }\n\n  .subtitle-tab.active::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #feebea, rgba(254, 235, 234, 0.6));\n    border-radius: 2px 2px 0 0;\n  }\n\n  /* ==================== 内容区域样式 ==================== */\n  .subtitle-content {\n    flex: 1;\n    overflow-y: auto;\n    overflow-x: hidden;\n    height: calc(100% - 120px);\n  }\n\n  .subtitle-panel {\n    padding: 20px;\n    height: 100%;\n    overflow-y: visible;\n  }\n\n  .subtitle-content::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .subtitle-content::-webkit-scrollbar-thumb {\n    background-color: rgba(254, 235, 234, 0.4);\n    border-radius: 3px;\n  }\n  \n  .subtitle-content::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(254, 235, 234, 0.6);\n  }\n  \n  .subtitle-content::-webkit-scrollbar-track {\n    background-color: rgba(255, 255, 255, 0.05);\n  }\n\n  /* ==================== 字幕列表样式 ==================== */\n  .subtitle-toggle-btn {\n    padding: 8px 12px;\n    margin-bottom: 15px;\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(254, 235, 234, 0.3);\n    border-radius: 8px;\n    color: #fff;\n    cursor: pointer;\n    font-size: 16px;\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    width: 100%;\n    height: auto;\n  }\n\n  .subtitle-toggle-btn:hover {\n    background: rgba(254, 235, 234, 0.2);\n    border-color: #feebea;\n    transform: scale(1.05);\n  }\n\n  .subtitle-toggle-icon {\n    transition: transform 0.3s ease;\n    display: inline-block;\n    font-size: 12px;\n  }\n\n  .subtitle-toggle-btn.expanded .subtitle-toggle-icon {\n    transform: rotate(90deg);\n  }\n\n  .subtitle-list-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    height: auto;\n    overflow-y: visible;\n    padding: 16px;\n    position: relative;\n  }\n\n  .subtitle-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-bottom: 2px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    transition: all 0.2s;\n    cursor: pointer;\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(254, 235, 234, 0.2);\n    position: relative;\n  }\n\n  .subtitle-item:hover {\n    background: rgba(254, 235, 234, 0.15);\n    border-color: #feebea;\n    transform: translateX(4px);\n    box-shadow: 0 2px 8px rgba(254, 235, 234, 0.2);\n  }\n\n  .subtitle-item.current {\n    background: rgba(254, 235, 234, 0.2) !important;\n    border-left: 3px solid #ff69b4;\n    padding-left: 9px;\n    box-shadow: 0 2px 8px rgba(255, 105, 180, 0.2);\n    animation: subtitleHighlight 1.5s ease infinite;\n  }\n  \n  @keyframes subtitleHighlight {\n    0%, 100% {\n      box-shadow: 0 2px 8px rgba(255, 105, 180, 0.2);\n    }\n    50% {\n      box-shadow: 0 2px 12px rgba(255, 105, 180, 0.4);\n    }\n  }\n\n  .subtitle-time {\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 11px;\n    font-weight: 600;\n    flex-shrink: 0;\n    min-width: 42px;\n  }\n\n  .subtitle-text {\n    color: #e5e7eb;\n    font-size: 14px;\n    line-height: 1.5;\n    flex: 1;\n  }\n\n  /* ==================== AI图标样式 ==================== */\n  .ai-icon {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    opacity: 0.7;\n    transition: opacity 0.2s, transform 0.2s;\n  }\n\n  .ai-icon:hover {\n    opacity: 1;\n    transform: scale(1.1);\n  }\n\n  .ai-icon.loading {\n    animation: breath-ai 1.2s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .ai-icon.disabled {\n    opacity: 0.3;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  @keyframes breath-ai {\n    0%, 100% { transform: scale(1.05); opacity: 1; }\n    50% { transform: scale(1.35); opacity: 0.5; }\n  }\n\n  /* ==================== 下载图标样式 ==================== */\n  .download-icon {\n    cursor: pointer;\n    width: 20px;\n    height: 20px;\n    opacity: 0.7;\n    transition: opacity 0.2s, transform 0.2s;\n  }\n\n  .download-icon:hover {\n    opacity: 1;\n    transform: scale(1.1);\n  }\n\n  /* ==================== Notion图标样式 ==================== */\n  .notion-icon {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    opacity: 0.7;\n    transition: opacity 0.2s, transform 0.2s;\n  }\n\n  .notion-icon:hover {\n    opacity: 1;\n    transform: scale(1.1);\n  }\n\n  .notion-icon.loading {\n    animation: breath-notion 1.2s ease-in-out infinite;\n  }\n\n  @keyframes breath-notion {\n    0%, 100% { transform: scale(1.05); opacity: 1; }\n    50% { transform: scale(1.35); opacity: 0.5; }\n  }\n\n  /* ==================== Toast提示样式 ==================== */\n  .notion-toast {\n    position: fixed;\n    top: 80px;\n    left: 50%;\n    transform: translateX(-50%);\n    background-color: rgba(0, 0, 0, 0.85);\n    color: white;\n    padding: 12px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    z-index: ${H.TOAST};\n    opacity: 0;\n    transition: opacity 0.3s;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n  }\n\n  .notion-toast.show {\n    opacity: 1;\n  }\n\n  /* ==================== AI总结样式 ==================== */\n  .ai-summary-tips {\n    padding: 10px 16px;\n    background: rgba(254, 235, 234, 0.08);\n    border-radius: 8px;\n    color: rgba(255, 255, 255, 0.5);\n    font-size: 12px;\n    margin-bottom: 16px;\n  }\n\n  .ai-summary-main {\n    padding: 16px;\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 12px;\n    margin-bottom: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n  }\n  \n  .summary-title {\n    font-size: 14px;\n    font-weight: bold;\n    color: rgba(255, 255, 255, 0.9);\n    margin-bottom: 12px;\n    padding-bottom: 8px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  }\n  \n  .summary-content {\n    font-size: 14px;\n    line-height: 1.8;\n    color: rgba(255, 255, 255, 0.85);\n    overflow-y: visible;\n    overflow-x: hidden;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    word-break: break-word;\n  }\n  \n  /* 滚动条样式已统一由 .subtitle-content 管理 */\n  \n  /* Markdown样式 - 总结区域 */\n  .summary-content h1,\n  .summary-content h2,\n  .summary-content h3,\n  .summary-content h4,\n  .summary-content h5,\n  .summary-content h6 {\n    color: rgba(255, 255, 255, 0.9) !important;\n    margin-top: 12px;\n    margin-bottom: 8px;\n    font-weight: 600;\n  }\n  \n  .summary-content h1 { font-size: 18px; }\n  .summary-content h2 { font-size: 16px; }\n  .summary-content h3 { font-size: 15px; }\n  .summary-content h4 { font-size: 14px; }\n  \n  .summary-content p {\n    margin: 8px 0;\n    color: rgba(255, 255, 255, 0.85);\n  }\n  \n  .summary-content ul,\n  .summary-content ol {\n    margin: 8px 0;\n    padding-left: 20px;\n    color: rgba(255, 255, 255, 0.85);\n  }\n  \n  .summary-content li {\n    margin: 4px 0;\n  }\n  \n  .summary-content strong {\n    color: rgba(255, 255, 255, 0.95);\n    font-weight: 600;\n  }\n  \n  .summary-content code {\n    background: rgba(255, 255, 255, 0.1);\n    color: #feebea;\n    padding: 2px 4px;\n    border-radius: 3px;\n    font-size: 13px;\n  }\n  \n  .summary-content blockquote {\n    border-left: 3px solid #feebea;\n    background: rgba(254, 235, 234, 0.05);\n    padding: 8px 12px;\n    margin: 8px 0;\n    color: rgba(255, 255, 255, 0.8);\n  }\n\n  .ai-summary-outline {\n    margin-bottom: 20px;\n  }\n\n  .progress-switch {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: rgba(0, 0, 0, 0.15);\n    border-radius: 8px;\n    margin-bottom: 16px;\n    border: 1px solid rgba(254, 235, 234, 0.1);\n  }\n  \n  .progress-switch span {\n    font-size: 14px;\n    font-weight: 500;\n    color: rgba(255, 255, 255, 0.8);\n  }\n\n  .switch-btn {\n    width: 40px;\n    height: 22px;\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 11px;\n    position: relative;\n    cursor: pointer;\n    transition: all 0.3s;\n    border: 1px solid rgba(254, 235, 234, 0.2);\n  }\n\n  .switch-btn.on {\n    background: rgba(254, 235, 234, 0.3);\n    border-color: #feebea;\n  }\n\n  .switch-block {\n    width: 16px;\n    height: 16px;\n    background: #fff;\n    border-radius: 50%;\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    transition: all 0.3s;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  }\n\n  .switch-btn.on .switch-block {\n    transform: translateX(18px);\n  }\n\n  .ai-summary-sections {\n    padding: 0;\n  }\n\n  .summary-section {\n    margin-bottom: 20px;\n  }\n\n  .section-title {\n    font-size: 14px;\n    font-weight: 600;\n    color: #fff;\n    margin-bottom: 12px;\n    padding: 8px 12px;\n    background: rgba(254, 235, 234, 0.08);\n    border-radius: 8px;\n    border-left: 3px solid #feebea;\n  }\n\n  .section-items {\n    padding: 0;\n  }\n\n  .section-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px;\n    background: rgba(255, 255, 255, 0.03);\n    border-radius: 6px;\n    border: 1px solid rgba(254, 235, 234, 0.1);\n    margin-bottom: 8px;\n    transition: all 0.2s ease;\n    position: relative;\n    cursor: pointer; /* 添加鼠标指针样式，表示可点击 */\n    user-select: none; /* 禁止文字选择，防止与笔记功能冲突 */\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n  }\n  \n  .section-item:hover {\n    background: rgba(254, 235, 234, 0.15);\n    border-color: #feebea;\n    transform: translateX(4px);\n    box-shadow: 0 2px 8px rgba(254, 235, 234, 0.2); /* 添加阴影效果 */\n  }\n  \n  .section-item:active {\n    transform: translateX(2px) scale(0.98); /* 点击时的反馈 */\n  }\n  \n  .section-item.clicked {\n    animation: segmentClick 0.3s ease;\n  }\n  \n  @keyframes segmentClick {\n    0% {\n      transform: scale(1);\n      background: rgba(254, 235, 234, 0.05);\n    }\n    50% {\n      transform: scale(0.98);\n      background: rgba(254, 235, 234, 0.3);\n      box-shadow: 0 0 10px rgba(254, 235, 234, 0.5);\n    }\n    100% {\n      transform: scale(1);\n      background: rgba(254, 235, 234, 0.05);\n    }\n  }\n  \n  .ai-segments-section .section-item {\n    cursor: pointer;\n  }\n  \n  .ai-segments-section .section-item:hover {\n    background: rgba(254, 235, 234, 0.2);\n  }\n  \n  .segment-item {\n    cursor: pointer;\n    transition: all 0.2s ease;\n  }\n  \n  .segment-item:hover {\n    background: rgba(254, 235, 234, 0.1);\n    transform: translateX(2px);\n  }\n\n  .time-btn {\n    padding: 2px 6px;\n    background: transparent;\n    border: none;\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 11px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s;\n    flex-shrink: 0;\n    min-width: 42px;\n    text-align: left;\n  }\n\n  .time-btn:hover {\n    color: #feebea;\n  }\n\n  .item-content {\n    flex: 1;\n    color: #e5e7eb;\n    font-size: 14px;\n    line-height: 1.5;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .item-title {\n    font-size: 14px;\n    font-weight: 500;\n    color: rgba(255, 255, 255, 0.9);\n  }\n\n  .item-desc {\n    font-size: 12px;\n    line-height: 1.5;\n    color: rgba(255, 255, 255, 0.65);\n  }\n  \n  .item-single {\n    font-size: 14px;\n    color: #e5e7eb;\n  }\n\n  .ai-segments-section,\n  .original-subtitles-section,\n  .ai-segments-in-summary {\n    margin-bottom: 12px;\n  }\n  \n  .summary-panel-container {\n    height: auto;\n    overflow-y: visible;\n    overflow-x: hidden;\n    padding: 12px;\n  }\n  \n  /* 滚动条样式已移到 .subtitle-content */\n  \n  .ai-segments-in-summary {\n    background: #2a2a2a;\n    border-radius: 8px;\n    padding: 8px;\n  }\n\n  .segments-header {\n    font-size: 13px;\n    font-weight: 600;\n    color: rgba(255, 255, 255, 0.7);\n    padding: 8px 12px;\n    margin-bottom: 8px;\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 8px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .segments-divider {\n    height: 1px;\n    background: rgba(255, 255, 255, 0.1);\n    margin: 16px 0;\n  }\n\n  .ai-summary-main {\n    padding-top: 8px;\n  }\n\n  .ai-summary-empty {\n    padding: 60px 20px;\n    text-align: center;\n    color: rgba(255, 255, 255, 0.4);\n    font-size: 14px;\n  }\n\n  .ai-summary-content {\n    color: #e5e7eb;\n    font-size: 14px;\n    line-height: 1.7;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    word-break: break-word;\n    white-space: normal;\n    max-width: 100%;\n  }\n\n  .ai-summary-loading {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    color: rgba(255, 255, 255, 0.6);\n  }\n\n  .loading-spinner {\n    width: 40px;\n    height: 40px;\n    border: 3px solid rgba(254, 235, 234, 0.1);\n    border-top-color: #feebea;\n    border-radius: 50%;\n    animation: spin 1s linear infinite;\n    margin-bottom: 16px;\n  }\n\n  @keyframes spin {\n    to { transform: rotate(360deg); }\n  }\n\n  /* ==================== Markdown样式 ==================== */\n  .ai-summary-content h1,\n  .ai-summary-content h2,\n  .ai-summary-content h3 {\n    color: #fff;\n    margin-top: 12px;\n    margin-bottom: 8px;\n    font-weight: 700;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n  }\n\n  .ai-summary-content h1 { font-size: 17px; }\n  .ai-summary-content h2 { font-size: 16px; }\n  .ai-summary-content h3 { font-size: 15px; }\n\n  .ai-summary-content ul,\n  .ai-summary-content ol {\n    margin: 8px 0;\n    padding-left: 20px;\n    max-width: 100%;\n  }\n\n  .ai-summary-content li {\n    margin: 4px 0;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    word-break: break-word;\n  }\n\n  .ai-summary-content p {\n    margin: 8px 0;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    word-break: break-word;\n    white-space: normal;\n  }\n\n  .ai-summary-content code {\n    background: rgba(255, 255, 255, 0.1);\n    color: #feebea;\n    padding: 3px 6px;\n    border-radius: 4px;\n    font-family: 'Courier New', monospace;\n    font-size: 13px;\n    border: 1px solid rgba(254, 235, 234, 0.2);\n  }\n\n  .ai-summary-content pre {\n    background: rgba(0, 0, 0, 0.5);\n    padding: 12px;\n    border-radius: 8px;\n    overflow-x: auto;\n    margin: 10px 0;\n    border: 1px solid rgba(254, 235, 234, 0.2);\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    max-width: 100%;\n  }\n\n  .ai-summary-content pre code {\n    background-color: transparent;\n    padding: 0;\n    border: none;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n  }\n\n  .ai-summary-content blockquote {\n    border-left: 4px solid #feebea;\n    background: rgba(254, 235, 234, 0.1);\n    padding: 12px;\n    padding-left: 16px;\n    margin: 10px 0;\n    border-radius: 4px;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n  }\n\n  .ai-summary-content strong {\n    color: #fff;\n    font-weight: 700;\n  }\n\n  .ai-summary-content a {\n    color: #feebea;\n    text-decoration: underline;\n    font-weight: 600;\n  }\n  \n  .ai-summary-content a:hover {\n    color: #fff;\n  }\n\n  /* ==================== 配置模态框样式 ==================== */\n  .config-modal {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.7);\n    z-index: ${H.AI_MODAL};\n    display: none;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .config-modal.show {\n    display: flex;\n  }\n  \n  /* 配置模态框overlay样式（用于快捷键配置等） */\n  .config-modal-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.7);\n    z-index: ${H.AI_MODAL};\n    display: none;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .config-modal-overlay.show {\n    display: flex;\n  }\n  \n  /* 快捷键配置模态框 */\n  #shortcut-config-modal {\n    background: rgba(0, 0, 0, 0.85);\n    backdrop-filter: blur(12px);\n    border-radius: 16px;\n    padding: 0;\n    width: 600px;\n    max-width: 90%;\n    max-height: 85vh;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.5);\n    color: #fff;\n    display: flex;\n    flex-direction: column;\n    border: 1px solid rgba(254, 235, 234, 0.2);\n  }\n\n  .config-modal-content {\n    background: rgba(0, 0, 0, 0.85);\n    backdrop-filter: blur(12px);\n    border-radius: 16px;\n    padding: 0;\n    width: 700px;\n    max-width: 90%;\n    max-height: 85vh;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.5);\n    color: #fff;\n    display: flex;\n    flex-direction: column;\n    border: 1px solid rgba(254, 235, 234, 0.2);\n  }\n\n  .config-modal-header {\n    padding: 24px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    background: rgba(254, 235, 234, 0.15);\n    border-bottom: 1px solid rgba(254, 235, 234, 0.2);\n    border-radius: 16px 16px 0 0;\n  }\n  \n  .config-modal-title {\n    font-size: 20px;\n    font-weight: 700;\n    color: white;\n  }\n  \n  .config-modal-close {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: transparent;\n    border: none;\n    color: rgba(255, 255, 255, 0.7);\n    font-size: 24px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s;\n  }\n  \n  .config-modal-close:hover {\n    background: rgba(255, 255, 255, 0.1);\n    color: rgba(255, 255, 255, 0.9);\n  }\n  \n  .config-modal-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 30px;\n    background-color: transparent;\n  }\n\n  .config-field {\n    margin-bottom: 20px;\n  }\n\n  .config-field label {\n    display: block;\n    margin-bottom: 10px;\n    font-weight: 600;\n    color: #e5e7eb;\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  \n  .config-field label::before {\n    content: '•';\n    color: #feebea;\n    font-size: 18px;\n    font-weight: bold;\n  }\n\n  .config-field input,\n  .config-field textarea {\n    width: 100%;\n    padding: 12px 14px;\n    border: 1px solid rgba(254, 235, 234, 0.3);\n    border-radius: 10px;\n    font-size: 14px;\n    box-sizing: border-box;\n    transition: all 0.2s;\n    background: rgba(255, 255, 255, 0.1);\n    color: #fff;\n  }\n\n  .config-field input:hover,\n  .config-field textarea:hover {\n    background: rgba(255, 255, 255, 0.12);\n    border-color: rgba(254, 235, 234, 0.5);\n  }\n\n  .config-field input:focus,\n  .config-field textarea:focus {\n    outline: none;\n    border-color: #feebea;\n    box-shadow: 0 0 0 3px rgba(254, 235, 234, 0.15);\n    background: rgba(255, 255, 255, 0.15);\n  }\n\n  .config-field input::placeholder,\n  .config-field textarea::placeholder {\n    color: rgba(255, 255, 255, 0.5);\n  }\n\n  .config-field textarea {\n    font-family: inherit;\n    resize: vertical;\n    min-height: 120px;\n    line-height: 1.6;\n  }\n  \n  .config-field input[type="checkbox"] {\n    width: auto;\n    margin-right: 8px;\n    cursor: pointer;\n  }\n\n  .config-help {\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.6);\n    margin-top: 5px;\n  }\n\n  .config-help a {\n    color: #feebea;\n    text-decoration: underline;\n  }\n\n  .config-help code {\n    background-color: rgba(255, 255, 255, 0.1);\n    padding: 2px 6px;\n    border-radius: 3px;\n    font-family: 'Courier New', monospace;\n    font-size: 11px;\n    color: #fff;\n  }\n\n  .config-help strong {\n    color: #feebea;\n  }\n\n  .config-footer {\n    display: flex;\n    gap: 12px;\n    justify-content: flex-end;\n    padding: 20px 30px;\n    background-color: rgba(0, 0, 0, 0.3);\n    border-top: 1px solid rgba(254, 235, 234, 0.2);\n    border-radius: 0 0 16px 16px;\n  }\n\n  .config-btn {\n    padding: 12px 24px;\n    border: none;\n    border-radius: 10px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .config-btn::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 0;\n    height: 0;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.3);\n    transform: translate(-50%, -50%);\n    transition: width 0.6s, height 0.6s;\n  }\n\n  .config-btn:hover::before {\n    width: 300px;\n    height: 300px;\n  }\n\n  .config-btn-primary {\n    background: linear-gradient(135deg, #feebea 0%, #2d2d2d 100%);\n    color: #fff;\n    box-shadow: 0 4px 12px rgba(254, 235, 234, 0.3);\n  }\n\n  .config-btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(254, 235, 234, 0.4);\n  }\n\n  .config-btn-primary:active {\n    transform: translateY(0);\n  }\n\n  .config-btn-secondary {\n    background-color: #f3f4f6;\n    color: #6b7280;\n    border: 2px solid #e5e7eb;\n  }\n\n  .config-btn-secondary:hover {\n    background-color: #e5e7eb;\n    color: #374151;\n    border-color: #d1d5db;\n  }\n\n  .config-btn-danger {\n    background-color: #fee2e2;\n    color: #dc2626;\n    border: 2px solid #fecaca;\n  }\n\n  .config-btn-danger:hover {\n    background-color: #dc2626;\n    color: white;\n    border-color: #dc2626;\n  }\n\n  .config-status {\n    padding: 8px 12px;\n    border-radius: 6px;\n    font-size: 12px;\n    margin-top: 10px;\n  }\n\n  .config-status.success {\n    background-color: #d4edda;\n    color: #155724;\n  }\n\n  .config-status.error {\n    background-color: #f8d7da;\n    color: #721c24;\n  }\n\n  /* ==================== AI配置列表样式 ==================== */\n  .ai-config-list {\n    margin-bottom: 25px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .ai-config-item {\n    padding: 10px 14px;\n    border: 1px solid rgba(254, 235, 234, 0.3);\n    border-radius: 10px;\n    margin-bottom: 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    background: rgba(255, 255, 255, 0.05);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .ai-config-item::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    height: 100%;\n    width: 4px;\n    background: linear-gradient(135deg, #feebea 0%, #ffdbdb 100%);\n    transform: scaleY(0);\n    transition: transform 0.3s ease;\n  }\n\n  .ai-config-item:hover {\n    background: rgba(254, 235, 234, 0.15);\n    border-color: #feebea;\n    transform: translateX(4px);\n    box-shadow: 0 4px 12px rgba(254, 235, 234, 0.2);\n  }\n\n  .ai-config-item:hover::before {\n    transform: scaleY(1);\n  }\n\n  .ai-config-item.selected {\n    border-color: #feebea;\n    background: rgba(254, 235, 234, 0.2);\n    box-shadow: 0 4px 16px rgba(254, 235, 234, 0.3);\n  }\n\n  .ai-config-item.selected::before {\n    transform: scaleY(1);\n    width: 4px;\n  }\n\n  .ai-config-item-name {\n    font-weight: 600;\n    font-size: 14px;\n    color: #e5e7eb;\n  }\n\n  .ai-config-item.selected .ai-config-item-name {\n    color: #fff;\n    font-weight: 700;\n  }\n\n  .ai-config-item-actions {\n    display: flex;\n    gap: 8px;\n    z-index: 1;\n  }\n\n  .ai-config-btn-small {\n    padding: 4px 12px;\n    font-size: 12px;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s;\n    font-weight: 500;\n  }\n\n  .ai-config-btn-small:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n  }\n\n  .ai-config-btn-small.config-btn-primary {\n    background: linear-gradient(135deg, #feebea 0%, #2d2d2d 100%);\n    color: white;\n  }\n\n  .ai-config-btn-small.config-btn-secondary {\n    background-color: #f3f4f6;\n    color: #6b7280;\n  }\n\n  .ai-config-btn-small.config-btn-secondary:hover {\n    background-color: #fee2e2;\n    color: #dc2626;\n  }\n\n  .ai-config-form {\n    border-top: 1px solid rgba(254, 235, 234, 0.2);\n    padding-top: 25px;\n    margin-top: 10px;\n    background: rgba(0, 0, 0, 0.3);\n    padding: 25px;\n    border-radius: 12px;\n    border: 1px solid rgba(254, 235, 234, 0.2);\n  }\n\n  .ai-config-form.hidden {\n    display: none;\n  }\n\n  .ai-config-form .config-field {\n    margin-bottom: 20px;\n  }\n\n  /* ==================== 模型选择器样式 ==================== */\n  .model-select-wrapper {\n    margin-top: 8px;\n    position: relative;\n  }\n\n  .model-search-input {\n    width: 100%;\n    padding: 10px;\n    border: 1px solid rgba(254, 235, 234, 0.3);\n    border-radius: 6px;\n    font-size: 14px;\n    box-sizing: border-box;\n    margin-bottom: 8px;\n    background: rgba(255, 255, 255, 0.1);\n    color: #fff;\n  }\n\n  .model-search-input:focus {\n    outline: none;\n    border-color: #feebea;\n    box-shadow: 0 0 0 3px rgba(254, 235, 234, 0.15);\n    background: rgba(255, 255, 255, 0.15);\n  }\n\n  .model-search-input::placeholder {\n    color: rgba(255, 255, 255, 0.5);\n  }\n\n  .model-select-wrapper select {\n    width: 100%;\n    padding: 10px;\n    border: 1px solid rgba(254, 235, 234, 0.3);\n    border-radius: 6px;\n    font-size: 14px;\n    box-sizing: border-box;\n    max-height: 200px;\n    background: rgba(255, 255, 255, 0.1);\n    color: #fff;\n  }\n\n  .model-select-wrapper select option {\n    padding: 8px;\n    background: rgba(0, 0, 0, 0.9);\n    color: #fff;\n  }\n\n  .model-count-badge {\n    display: inline-block;\n    background: #feebea;\n    color: #1a1a1a;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 12px;\n    margin-left: 8px;\n    font-weight: 600;\n  }\n\n  .model-field-with-button {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n\n  .model-field-with-button input {\n    flex: 1;\n  }\n\n  .fetch-models-btn {\n    padding: 12px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    border: none;\n    border-radius: 10px;\n    background: linear-gradient(135deg, #feebea 0%, #2d2d2d 100%);\n    color: white;\n    cursor: pointer;\n    white-space: nowrap;\n    transition: all 0.2s;\n    box-shadow: 0 2px 8px rgba(254, 235, 234, 0.3);\n  }\n\n  .fetch-models-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(254, 235, 234, 0.4);\n  }\n\n  .fetch-models-btn:active {\n    transform: translateY(0);\n  }\n\n  .fetch-models-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    transform: none !important;\n    box-shadow: none;\n  }\n\n  /* ==================== 速度控制样式 ==================== */\n  .speed-control-section {\n    padding: 12px;\n    margin-bottom: 15px;\n    background: linear-gradient(135deg, #fff5f5 0%, #ffe5e5 100%);\n    border-radius: 12px;\n    border: 2px solid rgba(254, 235, 234, 0.5);\n  }\n\n  .speed-control-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n    padding-bottom: 8px;\n    border-bottom: 2px solid rgba(254, 235, 234, 0.5);\n  }\n\n  .speed-control-title {\n    font-size: 14px;\n    font-weight: 700;\n    color: #2d2d2d;\n  }\n\n  .speed-control-display {\n    font-size: 16px;\n    font-weight: 700;\n    color: #1a1a1a;\n    font-family: monospace;\n  }\n\n  .speed-control-buttons {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 10px;\n  }\n\n  .speed-btn {\n    flex: 1;\n    padding: 8px;\n    border: 2px solid #e5e7eb;\n    border-radius: 8px;\n    background: white;\n    color: #1a1a1a;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 600;\n    transition: all 0.2s;\n  }\n\n  .speed-btn:hover {\n    background: #feebea;\n    border-color: #feebea;\n    transform: translateY(-1px);\n  }\n\n  .speed-btn-small {\n    flex: 0 0 40px;\n    font-size: 18px;\n  }\n\n  .speed-control-advanced {\n    margin-top: 8px;\n  }\n\n  .speed-toggle-volume-btn {\n    width: 100%;\n    padding: 8px;\n    border: 2px solid #e5e7eb;\n    border-radius: 8px;\n    background: white;\n    color: #6b7280;\n    cursor: pointer;\n    font-size: 12px;\n    transition: all 0.2s;\n  }\n\n  .speed-toggle-volume-btn:hover {\n    background: #fff5f5;\n    border-color: #ffe5e5;\n  }\n\n  /* ==================== 快捷键配置面板样式 ==================== */\n\n  .shortcut-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px;\n    background: rgba(255, 255, 255, 0.05);\n    border-radius: 8px;\n    transition: all 0.2s;\n  }\n\n  .shortcut-item:hover {\n    background: rgba(255, 255, 255, 0.08);\n  }\n\n  .shortcut-description {\n    flex: 1;\n    font-size: 14px;\n    color: rgba(255, 255, 255, 0.9);\n  }\n\n  .shortcut-controls {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n\n  .shortcut-input {\n    padding: 6px 12px;\n    border: 1px solid rgba(254, 235, 234, 0.3);\n    border-radius: 6px;\n    font-size: 13px;\n    min-width: 180px;\n    text-align: center;\n    background: rgba(255, 255, 255, 0.1);\n    color: #fff;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n\n  .shortcut-input:hover {\n    background: rgba(255, 255, 255, 0.15);\n    border-color: rgba(254, 235, 234, 0.5);\n  }\n\n  .shortcut-input.recording,\n  .shortcut-input.capturing {\n    background: rgba(254, 235, 234, 0.2);\n    border-color: #feebea;\n    animation: pulse 1.5s infinite;\n  }\n\n  @keyframes pulse {\n    0% { box-shadow: 0 0 0 0 rgba(254, 235, 234, 0.4); }\n    50% { box-shadow: 0 0 0 8px rgba(254, 235, 234, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(254, 235, 234, 0); }\n  }\n\n  .shortcut-reset-btn {\n    padding: 6px 12px;\n    background: rgba(255, 255, 255, 0.1);\n    color: rgba(255, 255, 255, 0.7);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    font-size: 12px;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n\n  .shortcut-reset-btn:hover {\n    background: rgba(255, 255, 255, 0.15);\n    color: rgba(255, 255, 255, 0.9);\n  }\n\n  .shortcut-config-footer {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  \n  .shortcut-tips {\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.6);\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .shortcuts-icon {\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 4px;\n    transition: all 0.2s;\n  }\n\n  .shortcuts-icon:hover {\n    transform: rotate(45deg);\n    filter: drop-shadow(0 0 8px rgba(254, 235, 234, 0.5));\n  }\n\n  /* ==================== 笔记面板样式 ==================== */\n  .notes-panel {\n    position: fixed;\n    right: 20px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 400px;\n    min-width: 350px;\n    max-width: 600px;\n    height: 600px;\n    min-height: 400px;\n    max-height: 80vh;\n    background: rgba(32, 32, 38, 0.95);\n    backdrop-filter: blur(20px) saturate(200%);\n    border-radius: 16px;\n    box-shadow: \n      0 20px 60px -8px rgba(255, 105, 180, 0.2),\n      0 8px 24px -4px rgba(0, 0, 0, 0.3),\n      inset 0 1px 0 rgba(255, 255, 255, 0.08),\n      inset 0 -1px 0 rgba(0, 0, 0, 0.2);\n    resize: both;\n    overflow: hidden;  /* 改为 hidden，只允许内部 body 滚动 */\n    z-index: ${H.MODAL};\n    display: none;\n    flex-direction: column;\n  }\n\n  .notes-panel.show {\n    display: flex;\n  }\n\n  .notes-panel-content {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .notes-panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px;\n    border-bottom: 1px solid rgba(254, 235, 234, 0.2);\n    background: rgba(254, 235, 234, 0.15);\n  }\n\n  .notes-panel-header h2 {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: #fff;\n  }\n\n  .notes-panel-close {\n    background: none;\n    border: none;\n    font-size: 24px;\n    color: rgba(255, 255, 255, 0.6);\n    cursor: pointer;\n    padding: 0;\n    width: 30px;\n    height: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    transition: all 0.2s;\n  }\n\n  .notes-panel-close:hover {\n    background: rgba(255,255,255,0.1);\n    color: #fff;\n  }\n\n  /* 笔记筛选器样式 */\n  .notes-filters {\n    display: flex;\n    gap: 20px;\n    padding: 12px 20px;\n    background: rgba(0, 0, 0, 0.2);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .filter-checkbox {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .filter-checkbox input[type="checkbox"] {\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n    accent-color: #feebea;\n  }\n\n  .filter-checkbox span {\n    color: rgba(255, 255, 255, 0.8);\n    font-size: 14px;\n  }\n\n  .filter-checkbox:hover span {\n    color: rgba(255, 255, 255, 0.95);\n  }\n\n  .notes-panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n  }\n\n  .notes-panel-body::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .notes-panel-body::-webkit-scrollbar-thumb {\n    background-color: rgba(254, 235, 234, 0.4);\n    border-radius: 3px;\n  }\n  \n  .notes-panel-body::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(254, 235, 234, 0.6);\n  }\n  \n  .notes-panel-body::-webkit-scrollbar-track {\n    background-color: rgba(255, 255, 255, 0.05);\n  }\n\n  .notes-empty-state {\n    text-align: center;\n    padding: 60px 20px;\n    color: rgba(255, 255, 255, 0.6);\n  }\n\n  .notes-empty-icon {\n    font-size: 48px;\n    margin-bottom: 16px;\n  }\n\n  .notes-empty-hint {\n    font-size: 14px;\n    margin-top: 8px;\n  }\n\n  .note-group {\n    margin-bottom: 24px;\n  }\n\n  .note-group-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n    padding-bottom: 8px;\n    border-bottom: 1px solid rgba(254, 235, 234, 0.2);\n  }\n\n  .note-group-title {\n    font-size: 14px;\n    font-weight: 600;\n    color: #e5e7eb;\n  }\n\n  .note-group-actions {\n    display: flex;\n    gap: 8px;\n  }\n\n  .note-group-copy-btn,\n  .note-group-delete-btn {\n    padding: 4px 12px;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 12px;\n    transition: all 0.2s;\n    border: 1px solid;\n  }\n\n  .note-group-copy-btn {\n    background: none;\n    border-color: #4A90E2;\n    color: #4A90E2;\n  }\n\n  .note-group-copy-btn:hover {\n    background: #4A90E2;\n    color: white;\n  }\n\n  .note-group-delete-btn {\n    background: none;\n    border-color: #e74c3c;\n    color: #e74c3c;\n  }\n\n  .note-group-delete-btn:hover {\n    background: #e74c3c;\n    color: white;\n  }\n\n  .note-item {\n    background: rgba(255, 255, 255, 0.05);\n    padding: 12px;\n    border-radius: 8px;\n    margin-bottom: 8px;\n    transition: background-color 0.2s;\n    border: 1px solid rgba(254, 235, 234, 0.1);\n  }\n\n  .note-item:hover {\n    background: rgba(255, 255, 255, 0.1);\n    border-color: rgba(254, 235, 234, 0.3);\n  }\n\n  .note-content {\n    color: #e5e7eb;\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 8px;\n    word-break: break-word;\n    white-space: pre-wrap;\n  }\n\n  .note-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .note-time {\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.5);\n  }\n\n  .note-actions {\n    display: flex;\n    gap: 8px;\n  }\n\n  .note-copy-btn,\n  .note-delete-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    font-size: 12px;\n    padding: 4px 8px;\n    transition: color 0.2s;\n  }\n\n  .note-copy-btn {\n    color: #4A90E2;\n  }\n\n  .note-copy-btn:hover {\n    color: #357ABD;\n  }\n\n  .note-delete-btn {\n    color: #e74c3c;\n  }\n\n  .note-delete-btn:hover {\n    color: #c0392b;\n  }\n\n  /* ==================== 笔记选择保存点样式 ==================== */\n  #note-saver-blue-dot {\n    position: absolute;\n    cursor: pointer;\n    z-index: 2147483647; /* Maximum z-index */\n    display: none;\n    transition: transform 0.2s, filter 0.2s;\n    pointer-events: auto !important;\n    width: 24px;\n    height: 24px;\n  }\n\n  #note-saver-blue-dot:hover {\n    transform: scale(1.15);\n    filter: drop-shadow(0 2px 4px rgba(254, 235, 234, 0.5));\n  }\n\n  /* ==================== 字幕项保存按钮样式 ==================== */\n  .save-subtitle-note-btn {\n    background: linear-gradient(135deg, #feebea 0%, #2d2d2d 100%);\n    color: white;\n    border: none;\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    cursor: pointer;\n    transition: all 0.2s;\n    opacity: 0;\n    flex-shrink: 0;\n    margin-left: auto;\n  }\n\n  .subtitle-item:hover .save-subtitle-note-btn {\n    opacity: 1;\n  }\n\n  .save-subtitle-note-btn:hover {\n    transform: scale(1.05);\n  }\n  \n  .subtitle-follow-btn {\n    position: absolute;\n    bottom: 10px;\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 6px 12px;\n    background: rgba(255, 105, 180, 0.8);\n    color: white;\n    border: none;\n    border-radius: 16px;\n    font-size: 12px;\n    cursor: pointer;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    transition: all 0.3s;\n    z-index: 10;\n  }\n\n  .subtitle-follow-btn:hover {\n    background: rgba(255, 105, 180, 1);\n    transform: translateX(-50%) translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n  }\n\n  /* ==================== 快捷键配置样式 ==================== */\n  .shortcut-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .shortcut-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px;\n    background: rgba(255, 255, 255, 0.05);\n    border-radius: 8px;\n    border: 1px solid rgba(254, 235, 234, 0.2);\n  }\n\n  .shortcut-label {\n    font-size: 14px;\n    color: #e5e7eb;\n    font-weight: 500;\n  }\n\n  .shortcut-input-wrapper {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n\n  .shortcut-input {\n    padding: 6px 12px;\n    border: 1px solid rgba(254, 235, 234, 0.3);\n    border-radius: 6px;\n    font-size: 13px;\n    min-width: 180px;\n    text-align: center;\n    background: rgba(255, 255, 255, 0.1);\n    color: #fff;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n\n  .shortcut-input:focus {\n    outline: none;\n    border-color: #feebea;\n    box-shadow: 0 0 0 3px rgba(254, 235, 234, 0.15);\n    background: rgba(255, 255, 255, 0.15);\n  }\n\n  .shortcut-input.capturing {\n    border-color: #feebea;\n    background: rgba(254, 235, 234, 0.2);\n    animation: pulse-border 1s infinite;\n  }\n\n  @keyframes pulse-border {\n    0%, 100% {\n      border-color: #feebea;\n      box-shadow: 0 0 0 3px rgba(254, 235, 234, 0.15);\n    }\n    50% {\n      border-color: #ffc9c9;\n      box-shadow: 0 0 0 3px rgba(254, 235, 234, 0.3);\n    }\n  }\n\n  .shortcut-clear-btn {\n    background: none;\n    border: none;\n    color: #999;\n    font-size: 18px;\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    transition: all 0.2s;\n  }\n\n  .shortcut-clear-btn:hover {\n    background: #fee2e2;\n    color: #dc2626;\n  }\n\n  /* ==================== 调整大小手柄样式 ==================== */\n  .subtitle-resize-handle {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 20px;\n    height: 20px;\n    cursor: nwse-resize;\n    z-index: 10;\n  }\n\n  .subtitle-resize-handle::after {\n    content: '';\n    position: absolute;\n    bottom: 4px;\n    right: 4px;\n    width: 12px;\n    height: 12px;\n    border-right: 3px solid rgba(254, 235, 234, 0.6);\n    border-bottom: 3px solid rgba(254, 235, 234, 0.6);\n    border-radius: 0 0 4px 0;\n  }\n\n  .subtitle-resize-handle:hover::after {\n    border-color: #feebea;\n  }\n\n  .sponsor-switch {\n    position: relative;\n    width: 48px;\n    height: 24px;\n  }\n\n  .sponsor-switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .sponsor-switch-slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: #cbd5e1;\n    transition: 0.3s;\n    border-radius: 24px;\n  }\n\n  .sponsor-switch-slider:before {\n    position: absolute;\n    content: "";\n    height: 18px;\n    width: 18px;\n    left: 3px;\n    bottom: 3px;\n    background-color: white;\n    transition: 0.3s;\n    border-radius: 50%;\n  }\n\n  .sponsor-switch input:checked + .sponsor-switch-slider {\n    background-color: #feebea;\n  }\n\n  .sponsor-switch input:checked + .sponsor-switch-slider:before {\n    transform: translateX(24px);\n  }\n\n  /* ==================== SponsorBlock 标签样式 ==================== */\n  .bili-quality-tag, .bili-ad-tag {\n    display: inline-flex !important;\n    align-items: center;\n    color: white !important;\n    padding: 3px 10px !important;\n    border-radius: 15px !important;\n    margin-right: 6px !important;\n    font-size: 12px !important;\n    animation: badgeSlideIn 0.3s ease-out !important;\n    position: relative;\n    z-index: 2;\n    font-weight: 500;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n  \n  /* 只显示emoji的标签样式 */\n  .bili-quality-tag.emoji-only,\n  .bili-ad-tag.emoji-only {\n    padding: 3px 8px !important;\n    min-width: auto;\n  }\n\n  /* 视频卡片标签位置 */\n  .video-page-card-small .bili-quality-tag,\n  .video-page-card-small .bili-ad-tag,\n  .bili-video-card__wrap .bili-quality-tag,\n  .bili-video-card__wrap .bili-ad-tag {\n    position: absolute;\n    left: 8px;\n    top: 8px;\n    transform: scale(0.9);\n  }\n\n  /* UP主主页视频卡片 */\n  .up-main-video-card .bili-quality-tag,\n  .up-main-video-card .bili-ad-tag,\n  .small-item .bili-quality-tag,\n  .small-item .bili-ad-tag {\n    position: absolute !important;\n    left: 8px !important;\n    top: 8px !important;\n    z-index: 10 !important;\n    transform: scale(0.9);\n  }\n\n  .up-main-video-card .cover-container,\n  .up-main-video-card .cover,\n  .small-item .cover {\n    position: relative !important;\n  }\n\n  /* 多标签容器 */\n  .bili-tags-container {\n    display: flex;\n    flex-wrap: nowrap;\n    gap: 4px;\n    overflow: visible;\n    align-items: center;\n  }\n\n  @keyframes badgeSlideIn {\n    0% { opacity: 0; transform: translateX(-15px) scale(0.9); }\n    100% { opacity: 1; transform: translateX(0) scale(0.9); }\n  }\n\n  /* 跳过提示Toast - 视频右下角，绿色 */\n  .skip-toast {\n    position: absolute;\n    bottom: 60px;\n    right: 20px;\n    background: rgba(0, 212, 0, 0.15);\n    color: #00d400;\n    padding: 8px 16px;\n    border-radius: 4px;\n    font-size: 14px;\n    z-index: 10000;\n    animation: fadeIn 0.3s ease-out;\n    font-weight: 500;\n    backdrop-filter: blur(4px);\n    pointer-events: auto !important;\n    user-select: none;\n  }\n\n  .skip-toast.hiding {\n    animation: fadeOut 0.3s ease-out forwards;\n  }\n\n  /* 手动跳过提示 - 视频右下角 */\n  .skip-prompt {\n    position: absolute;\n    bottom: 80px;\n    right: 20px;\n    background: rgba(0, 0, 0, 0.9);\n    color: white;\n    border-radius: 8px;\n    padding: 12px 16px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.4);\n    z-index: 10000;\n    min-width: 280px;\n    animation: fadeIn 0.3s ease-out;\n    pointer-events: auto !important;\n    user-select: none;\n  }\n\n  .skip-prompt-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  .skip-prompt-icon {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n  }\n\n  .skip-prompt-icon svg {\n    width: 100%;\n    height: 100%;\n  }\n\n  .skip-prompt-message {\n    flex: 1;\n  }\n\n  .skip-prompt-buttons {\n    display: flex;\n    gap: 8px;\n    justify-content: flex-end;\n  }\n\n  .skip-prompt-btn {\n    padding: 6px 14px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 13px;\n    transition: all 0.2s;\n  }\n\n  .skip-prompt-btn-primary {\n    background: #00a1d6;\n    color: white;\n  }\n\n  .skip-prompt-btn-primary:hover {\n    background: #0087b3;\n  }\n\n  .skip-prompt-btn-secondary {\n    background: rgba(255, 255, 255, 0.1);\n    color: white;\n  }\n\n  .skip-prompt-btn-secondary:hover {\n    background: rgba(255, 255, 255, 0.2);\n  }\n\n  .skip-prompt-close {\n    background: none;\n    border: none;\n    color: #999;\n    cursor: pointer;\n    font-size: 18px;\n    padding: 0;\n    width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-left: 8px;\n  }\n\n  .skip-prompt-close:hover {\n    color: white;\n  }\n\n  .skip-prompt.hiding {\n    animation: fadeOut 0.3s ease-out forwards;\n  }\n\n  /* 进度条片段标记 */\n  #sponsorblock-preview-bar {\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .sponsorblock-segment {\n    display: inline-block;\n    height: 100%;\n    position: absolute;\n    min-width: 1px;\n    opacity: 0.7;\n    transition: all 0.2s ease;\n    pointer-events: auto;\n    cursor: pointer;\n  }\n\n  .sponsorblock-segment:hover {\n    opacity: 0.95;\n    transform: scaleY(1.5);\n    z-index: 100;\n  }\n\n  /* 片段详情弹窗 */\n  .segment-details-popup {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: rgba(0, 0, 0, 0.95);\n    color: white;\n    border-radius: 12px;\n    padding: 24px;\n    min-width: 350px;\n    max-width: 500px;\n    box-shadow: 0 8px 32px rgba(0,0,0,0.5);\n    z-index: 10002;\n    animation: popupFadeIn 0.2s ease-out;\n  }\n\n  @keyframes popupFadeIn {\n    from {\n      opacity: 0;\n      transform: translate(-50%, -45%);\n    }\n    to {\n      opacity: 1;\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  .segment-details-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n    padding-bottom: 12px;\n    border-bottom: 1px solid rgba(255,255,255,0.2);\n  }\n\n  .segment-details-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 18px;\n    font-weight: 500;\n  }\n\n  .segment-details-close {\n    background: none;\n    border: none;\n    color: #999;\n    font-size: 24px;\n    cursor: pointer;\n    padding: 0;\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n    transition: all 0.2s;\n  }\n\n  .segment-details-close:hover {\n    background: rgba(255,255,255,0.1);\n    color: white;\n  }\n\n  .segment-details-content {\n    margin-bottom: 16px;\n  }\n\n  .segment-details-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 8px 0;\n    font-size: 14px;\n  }\n\n  .segment-details-label {\n    color: #999;\n  }\n\n  .segment-details-value {\n    color: white;\n    font-weight: 500;\n  }\n\n  .segment-details-actions {\n    display: flex;\n    gap: 12px;\n    justify-content: flex-end;\n  }\n\n  .segment-details-btn {\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 14px;\n    transition: all 0.2s;\n  }\n\n  .segment-details-btn-primary {\n    background: #00a1d6;\n    color: white;\n  }\n\n  .segment-details-btn-primary:hover {\n    background: #0087b3;\n  }\n\n  .segment-details-btn-secondary {\n    background: rgba(255,255,255,0.1);\n    color: white;\n  }\n\n  .segment-details-btn-secondary:hover {\n    background: rgba(255,255,255,0.2);\n  }\n\n  .segment-details-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0,0,0,0.3);\n    z-index: 10001;\n  }\n\n  /* SponsorBlock 设置面板样式 */\n  .sponsor-settings-section {\n    margin-bottom: 24px;\n  }\n\n  .sponsor-settings-section h3 {\n    font-size: 16px;\n    color: #e5e7eb;\n    margin: 0 0 12px 0;\n  }\n\n  .sponsor-checkbox-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .sponsor-checkbox-item {\n    display: flex;\n    align-items: center;\n    padding: 8px;\n    border-radius: 6px;\n    transition: background 0.2s;\n  }\n\n  .sponsor-checkbox-item:hover {\n    background: rgba(255, 255, 255, 0.05);\n  }\n\n  .sponsor-checkbox-item input[type="checkbox"] {\n    margin-right: 10px;\n    cursor: pointer;\n    width: 18px;\n    height: 18px;\n  }\n\n  .sponsor-checkbox-item label {\n    cursor: pointer;\n    flex: 1;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: #e5e7eb;\n  }\n\n  .category-color-dot {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    display: inline-block;\n  }\n\n  .sponsor-switch-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px;\n    border-radius: 6px;\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(254, 235, 234, 0.2);\n    margin-bottom: 8px;\n    color: #e5e7eb;\n  }\n`;const te='<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M3 21L12 12L12.2 6.2L11 5M15 4V2M15 16V14M8 9H10M20 9H22M17.8 11.8L19 13M17.8 6.2L19 5" stroke="#feebea" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n    <circle cx="12" cy="12" r="1.5" fill="#feebea"/>\n    <path d="M17 7L12 12L7 7" stroke="#feebea" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.5"/>\n  </svg>',ne='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <g opacity="0.8">\n      <circle cx="12" cy="15" r="6" fill="#feebea" opacity="0.3"/>\n      <path d="M12 5C7.5 5 4 8 4 12c0 3.5 2.5 6.5 6 7.5" stroke="#feebea" stroke-width="1.5" stroke-linecap="round"/>\n      <path d="M12 5C16.5 5 20 8 20 12c0 3.5-2.5 6.5-6 7.5" stroke="#feebea" stroke-width="1.5" stroke-linecap="round"/>\n      <circle cx="8" cy="10" r="1" fill="#feebea"/>\n      <circle cx="16" cy="10" r="1" fill="#feebea"/>\n      <path d="M8 14c1 1 2 1.5 4 1.5s3-0.5 4-1.5" stroke="#feebea" stroke-width="1.5" stroke-linecap="round"/>\n      <path d="M7 3L9 5" stroke="#feebea" stroke-width="1.5" stroke-linecap="round"/>\n      <path d="M17 3L15 5" stroke="#feebea" stroke-width="1.5" stroke-linecap="round"/>\n    </g>\n  </svg>',oe='<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M12 3V16M12 16L7 11M12 16L17 11" stroke="#feebea" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n    <path d="M3 17V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V17" stroke="#feebea" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n  </svg>',ie='<svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M6.017 4.313l55.333 -4.087c6.797 -0.583 8.543 -0.19 12.817 2.917l17.663 12.443c2.913 2.14 3.883 2.723 3.883 5.053v68.243c0 4.277 -1.553 6.807 -6.99 7.193L24.467 99.967c-4.08 0.193 -6.023 -0.39 -8.16 -3.113L3.3 79.94c-2.333 -3.113 -3.3 -5.443 -3.3 -8.167V11.113c0 -3.497 1.553 -6.413 6.017 -6.8z" fill="#fff"/>\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M61.35 0.227l-55.333 4.087C1.553 4.7 0 7.617 0 11.113v60.66c0 2.724 0.967 5.053 3.3 8.167l13.007 16.913c2.137 2.723 4.08 3.307 8.16 3.113l64.257 -3.89c5.433 -0.387 6.99 -2.917 6.99 -7.193V20.64c0 -2.21 -0.873 -2.847 -3.443 -4.733L74.167 3.143c-4.273 -3.107 -6.02 -3.5 -12.817 -2.917zM25.92 19.523c-5.247 0.353 -6.437 0.433 -9.417 -1.99L8.927 11.507c-0.77 -0.78 -0.383 -1.753 1.557 -1.947l53.193 -3.887c4.467 -0.39 6.793 1.167 8.54 2.527l9.123 6.61c0.39 0.197 1.36 1.36 0.193 1.36l-54.933 3.307 -0.68 0.047zM19.803 88.3V30.367c0 -2.53 0.777 -3.697 3.103 -3.893L86 22.78c2.14 -0.193 3.107 1.167 3.107 3.693v57.547c0 2.53 -0.39 4.67 -3.883 4.863l-60.377 3.5c-3.493 0.193 -5.043 -0.97 -5.043 -4.083zm59.6 -54.827c0.387 1.75 0 3.5 -1.75 3.7l-2.91 0.577v42.773c-2.527 1.36 -4.853 2.137 -6.797 2.137 -3.107 0 -3.883 -0.973 -6.21 -3.887l-19.03 -29.94v28.967l6.02 1.363s0 3.5 -4.857 3.5l-13.39 0.777c-0.39 -0.78 0 -2.723 1.357 -3.11l3.497 -0.97v-38.3L30.48 40.667c-0.39 -1.75 0.58 -4.277 3.3 -4.473l14.367 -0.967 19.8 30.327v-26.83l-5.047 -0.58c-0.39 -2.143 1.163 -3.7 3.103 -3.89l13.4 -0.78z" fill="#000"/>\n  </svg>';function se(e){if(!e||"string"!=typeof e)return {valid:false,error:"URL不能为空"};if(!e.startsWith("http://")&&!e.startsWith("https://"))return {valid:false,error:"URL必须以 http:// 或 https:// 开头"};try{return new URL(e),{valid:!0,error:null}}catch(t){return {valid:false,error:"URL格式无效"}}}function re(e){return e&&"string"==typeof e?0===e.trim().length?{valid:false,error:"API Key不能为空"}:e.length<10?{valid:false,error:"API Key长度过短，请检查是否完整"}:{valid:true,error:null}:{valid:false,error:"API Key不能为空"}}function ae(e){return e?e.bvid&&e.bvid.match(/^BV[1-9A-Za-z]{10}$/)?e.cid?{valid:true,error:null}:{valid:false,error:"CID为空"}:{valid:false,error:"BV号格式错误"}:{valid:false,error:"视频信息为空"}}const le=new class{constructor(){this.events=new Map,this.modules=new Map,this.subscriptionId=0;}on(e,t,n=null){return this.events.has(e)||this.events.set(e,[]),this.events.get(e).push(t),n&&(this.modules.has(n)||this.modules.set(n,new Set),this.modules.get(n).add({event:e,handler:t})),()=>this.off(e,t)}once(e,t){const n=(...o)=>{t(...o),this.off(e,n);};this.on(e,n);}off(e,t){if(!this.events.has(e))return;const n=this.events.get(e),o=n.indexOf(t);o>-1&&n.splice(o,1),0===n.length&&this.events.delete(e);}emit(e,...t){if(!this.events.has(e))return;const n=[...this.events.get(e)];for(const i of n)try{i(...t);}catch(o){console.error(`[EventBus] 事件 "${e}" 处理出错:`,o);}}clear(){this.events.clear(),this.modules.clear();}clearModule(e){const t=this.modules.get(e);t&&(t.forEach(({event:e,handler:t})=>{this.off(e,t);}),this.modules.delete(e));}listenerCount(e){return this.events.has(e)?this.events.get(e).length:0}getModuleStats(){const e={};return this.modules.forEach((t,n)=>{e[n]=t.size;}),e}};const ce=new class{constructor(){this.reset();}reset(){this.subtitle={data:null,cache:{},capturedUrl:null},this.request={isRequesting:false,currentRequestKey:null,requestPromise:null,abortController:null},this.ai={isSummarizing:false,currentSummary:null,summaryPromise:null,abortController:null},this.notion={isSending:false,sendPromise:null,pageIds:{}},this.ui={ballStatus:h,panelVisible:false,isDragging:false,dragStart:{x:0,y:0},panelStart:{x:0,y:0}},this.video={bvid:null,cid:null,aid:null};}setVideoInfo(e){return !!ae(e).valid&&(this.video.bvid=e.bvid,this.video.cid=e.cid,this.video.aid=e.aid,true)}getVideoInfo(){return {...this.video}}getVideoKey(){return ae(e=this.video).valid?`${e.bvid}-${e.cid}`:null;var e;}setSubtitleData(e){this.subtitle.data=e;const t=this.getVideoKey();t&&(this.subtitle.cache[t]=e),e&&e.length>0&&le.emit(y,e,t);}getSubtitleData(e=null){const t=e||this.getVideoKey();return t?this.subtitle.cache[t]?this.subtitle.cache[t]:t===this.getVideoKey()?this.subtitle.data:null:this.subtitle.data}startRequest(){const e=this.getVideoKey();return e?this.request.isRequesting&&this.request.currentRequestKey===e?{success:false,reason:"已有相同视频的请求在进行中"}:this.subtitle.cache[e]?{success:false,reason:"已有缓存"}:(this.request.isRequesting&&this.cancelRequest(),this.request.isRequesting=true,this.request.currentRequestKey=e,{success:true,reason:null}):{success:false,reason:"视频信息无效"}}finishRequest(){this.request.isRequesting=false,this.request.currentRequestKey=null,this.request.requestPromise=null,this.request.abortController=null;}cancelRequest(){this.request.abortController&&this.request.abortController.abort(),this.finishRequest();}startAISummary(){return !this.ai.isSummarizing&&(this.ai.isSummarizing=true,this.ai.abortController=new AbortController,le.emit(w),true)}finishAISummary(e){this.ai.isSummarizing=false,this.ai.currentSummary=e,this.ai.summaryPromise=null,this.ai.abortController=null;const t=this.getVideoKey();if(t&&e){const n="object"==typeof e?JSON.stringify(e):e;sessionStorage.setItem(`ai-summary-${t}`,n);}le.emit(S,e,t);}cancelAISummary(){this.ai.abortController&&this.ai.abortController.abort(),this.ai.isSummarizing=false,this.ai.summaryPromise=null,this.ai.abortController=null;}getAISummary(e=null){const t=e||this.getVideoKey();if(!t)return this.ai.currentSummary;const n=sessionStorage.getItem(`ai-summary-${t}`);if(n)try{return JSON.parse(n)}catch(o){return n}return null}setBallStatus(e){this.ui.ballStatus!==e&&(this.ui.ballStatus=e,le.emit(T,e));}getBallStatus(){return this.ui.ballStatus}togglePanel(){this.ui.panelVisible=!this.ui.panelVisible,le.emit(M,this.ui.panelVisible);}setNotionPageId(e,t){e&&t&&(this.notion.pageIds[e]=t);}getNotionPageId(e){return this.notion.pageIds[e]||null}setPanelVisible(e){this.ui.panelVisible!==e&&(this.ui.panelVisible=e,le.emit(M,e));}};const de=new class{constructor(){this.debugMode=GM_getValue("debug_mode",false),this.prefix="[BilibiliTools]";}toggleDebugMode(){return this.debugMode=!this.debugMode,GM_setValue("debug_mode",this.debugMode),console.log(`${this.prefix} 调试模式: ${this.debugMode?"开启":"关闭"}`),this.debugMode}isDebugMode(){return this.debugMode}debug(e,...t){this.debugMode&&console.log(`[${e}]`,...t);}info(e,...t){this.debugMode&&console.log(`[${e}]`,...t);}warn(e,...t){console.warn(`[${e}]`,...t);}error(e,...t){console.error(`[${e}]`,...t);}group(e,t){this.debugMode&&console.group(`[${e}] ${t}`);}groupEnd(){this.debugMode&&console.groupEnd();}table(e,t){this.debugMode&&(console.log(`[${e}] 数据表格:`),console.table(t));}time(e){this.debugMode&&console.time(e);}timeEnd(e){this.debugMode&&console.timeEnd(e);}};const pe=new class{getAIConfigs(){const e=GM_getValue(z,[]);if(0===e.length)return [...P];const t=e.map(e=>!e.prompt||e.prompt1&&e.prompt2?e:{...e,prompt1:e.prompt,prompt2:this._getDefaultPrompt2(),prompt:void 0});return t.some(t=>void 0===t.prompt&&e.some(e=>e.prompt))&&this.saveAIConfigs(t),t}saveAIConfigs(e){GM_setValue(z,e);}getSelectedAIConfigId(){return GM_getValue(D,"openrouter")}setSelectedAIConfigId(e){GM_setValue(D,e);}getSelectedAIConfig(){const e=this.getAIConfigs(),t=this.getSelectedAIConfigId();return e.find(e=>e.id===t)||e[0]||null}addAIConfig(e){if(!(e.name&&e.url&&e.apiKey&&e.model))return {success:false,error:"所有字段都是必填的"};const t=se(e.url);if(!t.valid)return {success:false,error:t.error};const n=re(e.apiKey);if(!n.valid)return {success:false,error:n.error};const o=this.getAIConfigs(),i={id:Date.now().toString(),name:e.name.trim(),url:e.url.trim(),apiKey:e.apiKey.trim(),model:e.model.trim(),prompt1:e.prompt1||"",prompt2:e.prompt2||"",isOpenRouter:e.isOpenRouter||false};return o.push(i),this.saveAIConfigs(o),this.setSelectedAIConfigId(i.id),{success:true,error:null,config:i}}updateAIConfig(e,t){const n=this.getAIConfigs(),o=n.findIndex(t=>t.id===e);if(-1===o)return {success:false,error:"配置不存在"};if(void 0!==t.apiKey){const e=re(t.apiKey,n[o].isOpenRouter);if(!e.valid)return {success:false,error:e.error}}if(void 0!==t.url){const e=se(t.url);if(!e.valid)return {success:false,error:e.error}}return !t.prompt||t.prompt1&&t.prompt2||(t.prompt1=t.prompt,t.prompt2=this._getDefaultPrompt2(),delete t.prompt),n[o]={...n[o],...t},this.saveAIConfigs(n),{success:true,error:null}}deleteAIConfig(e){if("openrouter"===e||"openai"===e)return {success:false,error:"预设配置不能删除"};let t=this.getAIConfigs();return t=t.filter(t=>t.id!==e),this.saveAIConfigs(t),this.getSelectedAIConfigId()===e&&this.setSelectedAIConfigId("openrouter"),{success:true,error:null}}getAIAutoSummaryEnabled(){return GM_getValue(_,true)}setAIAutoSummaryEnabled(e){GM_setValue(_,e);}getNotionConfig(){return {apiKey:GM_getValue(q,""),parentPageId:GM_getValue(R,""),databaseId:GM_getValue(O,"")}}saveNotionConfig(e){if(e.apiKey){const t=re(e.apiKey);if(!t.valid)return {success:false,error:t.error};GM_setValue(q,e.apiKey.trim());}if(e.parentPageId){const t=function(e){if(!e||"string"!=typeof e)return {valid:false,cleaned:null,error:"Page ID不能为空"};let t=e.split("?")[0].split("#")[0];const n=t.match(G);return n?(t=n[1].replace(/-/g,""),t.length!==u?{valid:false,cleaned:null,error:`Page ID长度错误，需要${u}位字符`}:{valid:true,cleaned:t,error:null}):{valid:false,cleaned:null,error:"Page ID格式错误，应为32位十六进制字符"}}(e.parentPageId);if(!t.valid)return {success:false,error:t.error};GM_setValue(R,t.cleaned);}return void 0!==e.databaseId&&GM_setValue(O,e.databaseId),{success:true,error:null}}getNotionAutoSendEnabled(){return GM_getValue(F,false)}setNotionAutoSendEnabled(e){GM_setValue(F,e);}fixExistingConfigPrompts(){const e=this.getAIConfigs();let t=false;const n=e.map(e=>e.prompt1&&e.prompt2&&(e.prompt1===e.prompt2||e.prompt2.includes("TL;DR"))?(t=true,{...e,prompt2:this._getDefaultPrompt2()}):e);return t&&(this.saveAIConfigs(n),de.debug("ConfigManager","已修复配置中的prompt2为JSON格式")),t}_getDefaultPrompt2(){return '分析以下带时间戳的字幕，提取5-8个关键段落。\n\n重要：你的回复必须只包含JSON，不要有任何其他文字、解释或markdown标记。\n直接以{开始，以}结束。\n\nJSON格式要求：\n{"segments":[\n  {"timestamp":"分钟:秒","title":"标题(10字内)","summary":"内容总结(30-50字)"}\n]}\n\n示例（你的回复应该像这样）：\n{"segments":[{"timestamp":"00:15","title":"开场介绍","summary":"主持人介绍今天的主题和嘉宾背景"},{"timestamp":"02:30","title":"核心观点","summary":"讨论技术发展趋势和未来展望"}]}\n\n字幕内容：\n'}},ue="bilibili_shortcuts_config",he={toggleSubtitlePanel:{key:"b",ctrl:true,alt:false,shift:false,description:"切换字幕面板"},toggleNotesPanel:{key:"KeyL",ctrl:true,alt:false,shift:false,description:"切换笔记面板"},takeScreenshot:{key:"Slash",ctrl:false,alt:false,shift:false,doubleClick:true,description:"截图并保存到笔记"},speedIncrease:{key:"Period",ctrl:false,alt:false,shift:false,description:"增加播放速度"},speedDecrease:{key:"Comma",ctrl:false,alt:false,shift:false,description:"减少播放速度"},speedReset:{key:"Comma",ctrl:false,alt:false,shift:false,doubleClick:true,description:"重置播放速度(双击)"},speedDouble:{key:"Period",ctrl:false,alt:false,shift:false,doubleClick:true,description:"2倍速(双击)"}};const ge=new class{constructor(){this.shortcuts=this.loadShortcuts(),this.handlers=new Map,this.isListening=false,this.pressedKeys=new Set,this.setupKeyTracking();}static get DEFAULT_SHORTCUTS(){return he}loadShortcuts(){try{const e=GM_getValue(ue,null);if(!e)return {...he};const t=JSON.parse(e);for(const[n,o]of Object.entries(t))o.key&&"(双击)"!==o.key&&""!==o.key||(de.warn("ShortcutManager",`修复损坏的快捷键配置: ${n}`),he[n]?t[n]={...he[n]}:delete t[n]);return t}catch(e){return console.error("加载快捷键配置失败:",e),{...he}}}saveShortcuts(e){try{return this.shortcuts=e,GM_setValue(ue,JSON.stringify(e)),{success:!0,error:null}}catch(t){return console.error("保存快捷键配置失败:",t),{success:false,error:t.message}}}resetToDefaults(){return this.shortcuts={...he},this.saveShortcuts(this.shortcuts)}getAllShortcuts(){return {...this.shortcuts}}updateShortcut(e,t){if(!this.shortcuts[e])return {success:false,error:"快捷键不存在"};const n=this.checkConflict(e,t);return n?{success:false,error:`与"${n}"冲突`}:(this.shortcuts[e]={...this.shortcuts[e],...t},this.saveShortcuts(this.shortcuts))}checkConflict(e,t){for(const[n,o]of Object.entries(this.shortcuts))if(n!==e&&o.key===t.key&&o.ctrl===t.ctrl&&o.alt===t.alt&&o.shift===t.shift&&o.doubleClick===t.doubleClick)return o.description;return null}register(e,t){this.handlers.set(e,t);}setupKeyTracking(){document.addEventListener("keydown",e=>{this.pressedKeys.add(e.code);},true),document.addEventListener("keyup",e=>{this.pressedKeys.delete(e.code);},true),window.addEventListener("blur",()=>{this.pressedKeys.clear();});}matches(e,t){if(t.keys&&Array.isArray(t.keys)){const n=t.keys.every(e=>this.pressedKeys.has(e)),o=!(e.ctrlKey||e.metaKey||e.altKey||e.shiftKey);return n&&o}const n=e.ctrlKey||e.metaKey;return e.code===t.key&&n===(t.ctrl||false)&&e.altKey===(t.alt||false)&&e.shiftKey===(t.shift||false)}startListening(){this.isListening||(document.addEventListener("keydown",e=>this.handleKeyDown(e),true),this.isListening=true);}handleKeyDown(e){const t="INPUT"===e.target.tagName||"TEXTAREA"===e.target.tagName||e.target.isContentEditable;for(const[n,o]of Object.entries(this.shortcuts)){if(o.doubleClick){"takeScreenshot"===n&&this.handleDoubleClick(e,n,o);continue}const i=o.ctrl||o.alt;if(this.matches(e,o)){if(t&&!i)continue;const o=this.handlers.get(n);o&&(e.preventDefault(),o(e));}}}handleDoubleClick(e,t,n){if(e.code!==n.key)return;const o=Date.now();this.lastKeyPressTime||(this.lastKeyPressTime={});if(o-(this.lastKeyPressTime[n.key]||0)<300){const o=this.handlers.get(t);o&&(e.preventDefault(),o(e),this.lastKeyPressTime[n.key]=0);}else this.lastKeyPressTime[n.key]=o;}formatShortcut(e){if(e.keys&&Array.isArray(e.keys)){return e.keys.map(e=>"Period"===e?".":"Comma"===e?",":1===e.length?e.toUpperCase():e).join(" + ")}const t=[];e.ctrl&&t.push(navigator.platform.includes("Mac")?"Cmd":"Ctrl"),e.alt&&t.push("Alt"),e.shift&&t.push("Shift");let n=e.key;return "Period"===n&&(n="."),"Comma"===n&&(n=","),"Slash"===n&&(n="/"),n.startsWith("Key")&&(n=n.substring(3)),1===n.length&&(n=n.toUpperCase()),t.push(n),e.doubleClick&&t.push("(双击)"),t.join(" + ")}validateConfig(e){return e.key&&"string"==typeof e.key?"boolean"!=typeof e.ctrl||"boolean"!=typeof e.alt||"boolean"!=typeof e.shift?{valid:false,error:"修饰键配置错误"}:{valid:true,error:null}:{valid:false,error:"按键不能为空"}}};const me=new class{constructor(){this.enabled=true;}measure(e,t){if(!this.enabled)return t();const n=performance.now();let o,i;try{o=t();}catch(r){i=r;}const s=performance.now()-n;if(de.debug("计时",`${e}: ${s.toFixed(2)}ms`),i)throw i;return o}async measureAsync(e,t){if(!this.enabled)return await t();const n=performance.now();let o,i;try{o=await t();}catch(r){i=r;}const s=performance.now()-n;if(de.debug("计时",`${e}: ${s.toFixed(2)}ms`),i)throw i;return o}destroy(){}};function be(e){const t=Math.floor(e/60),n=Math.floor(e%60);return `${t.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}`}function fe(){let e=null,t=null,n=null;e=function(e=window.location.href){const t=e.match(V);if(t)return t[1];const n=e.match(U);return n?n[0]:null}();try{const o=unsafeWindow.__INITIAL_STATE__;o&&o.videoData&&(e=e||o.videoData.bvid,t=o.videoData.cid||o.videoData.pages?.[0]?.cid,n=o.videoData.aid);}catch(o){}return {bvid:e,cid:t,aid:n}}function ye(){let e="";try{const t=unsafeWindow.__INITIAL_STATE__;t&&t.videoData&&t.videoData.title&&(e=t.videoData.title);}catch(t){}if(!e){const t=document.querySelector(Q);t&&(e=t.textContent.trim());}return e||(e=document.title.replace(/_哔哩哔哩.*$/,"").replace(/_bilibili.*$/i,"").trim()),e||"未知视频"}function xe(e){return new Promise(t=>setTimeout(t,e))}function ve(e,t){let n;return function(...o){clearTimeout(n),n=setTimeout(()=>{clearTimeout(n),e(...o);},t);}}const we=new class{constructor(){this.capturedSubtitleUrl=null,this.setupInterceptor();}setupInterceptor(){const e=unsafeWindow.XMLHttpRequest.prototype.open,t=unsafeWindow.XMLHttpRequest.prototype.send;unsafeWindow.XMLHttpRequest.prototype.open=function(t,n){return this._url=n,e.apply(this,arguments)},unsafeWindow.XMLHttpRequest.prototype.send=function(){return this._url&&this._url.includes("aisubtitle.hdslb.com")&&(we.capturedSubtitleUrl=this._url,ce.subtitle.capturedUrl=this._url,setTimeout(()=>{we.downloadCapturedSubtitle();},o)),t.apply(this,arguments)};}async downloadCapturedSubtitle(){this.capturedSubtitleUrl&&await me.measureAsync("字幕下载",async()=>{const e=fe();ce.setVideoInfo(e);const t=ce.startRequest();if(t.success){ce.setBallStatus(g),le.emit(v,e);try{const t=await this._fetchSubtitle(this.capturedSubtitleUrl,e),n=function(e){if(!Array.isArray(e))return {valid:!1,error:"字幕数据格式错误：非数组类型",details:{actualType:typeof e,value:e}};if(0===e.length)return {valid:!1,error:"字幕数据为空",details:{length:0}};const t=e[0],n=[];return void 0!==t.from&&null!==t.from||n.push("from"),void 0!==t.to&&null!==t.to||n.push("to"),t.content||n.push("content"),n.length>0?{valid:!1,error:`字幕数据格式不完整，缺少字段: ${n.join(", ")}`,details:{missingFields:n,firstItem:t,itemKeys:Object.keys(t||{})}}:{valid:!0,error:null,details:null}}(t);if(!n.valid)throw de.error("SubtitleService","字幕验证失败:",n.error),n.details&&de.error("SubtitleService","验证详情:",n.details),new Error(n.error);ce.setSubtitleData(t),ce.setBallStatus(m);}catch(n){de.error("SubtitleService","字幕获取失败:",n),ce.setBallStatus(f),le.emit(x,n.message);}finally{ce.finishRequest();}}else if("已有缓存"===t.reason){const e=ce.getSubtitleData();e&&(ce.setBallStatus(m),le.emit(y,e,ce.getVideoKey()));}});}_fetchSubtitle(e,t){return new Promise((n,o)=>{GM_xmlhttpRequest({method:"GET",url:e,headers:{Accept:"application/json, text/plain, */*","Accept-Encoding":"gzip, deflate, br","Accept-Language":"zh-CN,zh;q=0.9,en;q=0.8","Cache-Control":"no-cache",Origin:"https://www.bilibili.com",Referer:`https://www.bilibili.com/video/${t.bvid}/`,"Sec-Fetch-Dest":"empty","Sec-Fetch-Mode":"cors","Sec-Fetch-Site":"cross-site","User-Agent":navigator.userAgent},anonymous:false,onload:e=>{const i=fe();if(i.bvid===t.bvid&&i.cid===t.cid)if(200===e.status)if(e.responseText.trim().startsWith("<!DOCTYPE")||e.responseText.trim().startsWith("<html"))o(new Error("服务器返回HTML而非JSON，可能被重定向"));else try{const t=JSON.parse(e.responseText);t.body&&t.body.length>0?n(t.body):o(new Error("字幕内容为空"));}catch(s){o(new Error("解析字幕数据失败"));}else o(new Error(`请求失败: ${e.status}`));else o(new Error("视频已切换"));},onerror:()=>{o(new Error("网络请求失败"));}});})}async checkSubtitleButton(){let n=0;return new Promise(o=>{const i=setInterval(()=>{n++;document.querySelector(Y)?(clearInterval(i),this.tryActivateSubtitle(),o(true)):n>=t&&(clearInterval(i),ce.setBallStatus(b),o(false));},e);})}async tryActivateSubtitle(){await xe(n),this.capturedSubtitleUrl?this.downloadCapturedSubtitle():this.triggerSubtitleSelection();}async triggerSubtitleSelection(){const e=document.querySelector(Y);if(!e)return void ce.setBallStatus(b);e.click(),await xe(i);let t=document.querySelector('.bpx-player-ctrl-subtitle-language-item[data-lan="ai-zh"]');if(t||(t=document.querySelector('.bpx-player-ctrl-subtitle-language-item[data-lan*="zh"]')),!t){const e=document.querySelectorAll(".bpx-player-ctrl-subtitle-language-item");for(let n of e){const e=n.querySelector(".bpx-player-ctrl-subtitle-language-item-text");if(e&&e.textContent.includes("中文")){t=n;break}}}if(t){t.click(),await xe(s);const e=document.querySelector(W);e&&e.click(),await xe(n),this.capturedSubtitleUrl?this.downloadCapturedSubtitle():ce.setBallStatus(f);}else {const t=document.querySelector(".bpx-player-ctrl-subtitle-language-item");if(t){t.click(),await xe(s);const e=document.querySelector(W);e&&e.click(),await xe(n),this.capturedSubtitleUrl?this.downloadCapturedSubtitle():ce.setBallStatus(f);}else e.click(),ce.setBallStatus(b);}}downloadSubtitleFile(){const e=ce.getSubtitleData();if(!e||0===e.length)throw new Error("没有字幕数据可下载");const t=ce.getVideoInfo(),n=ye();!function(e,t,n="text/plain;charset=utf-8"){const o=new Blob([e],{type:n}),i=URL.createObjectURL(o),s=document.createElement("a");s.href=i,s.download=t,document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL(i);}(e.map(e=>e.content).join("\n"),`${n}_${t.bvid}_字幕.txt`);}reset(){this.capturedSubtitleUrl=null,ce.subtitle.capturedUrl=null;}};const Se=new class{async sendSubtitle(e,t=false){const n=pe.getNotionConfig();if(!n.apiKey)throw new Error("请先配置 Notion API Key");if(!e||0===e.length)throw new Error("没有字幕数据可发送");ce.notion.isSending=true,le.emit(E);try{const t=ce.getVideoInfo(),o=ye(),i=window.location.href.split("?")[0],s=function(){try{const e=unsafeWindow.__INITIAL_STATE__;if(e&&e.videoData&&e.videoData.owner)return e.videoData.owner.name}catch(e){}return "未知"}(),r=this._buildPageContent(t,o,i,e);let a=n.databaseId;if(!a){if(!n.parentPageId)throw new Error("请先配置目标位置（Page ID 或 Database ID）");a=n.parentPageId;}const l=await this._getDatabaseSchema(n.apiKey,a),c=this._buildProperties(l,t,o,i,s,e),d=await this._createPage(n.apiKey,a,c,r);d&&ce.setNotionPageId(t.bvid,d),n.databaseId||pe.saveNotionConfig({databaseId:a}),ce.notion.isSending=!1,le.emit(C);}catch(o){throw ce.notion.isSending=false,le.emit(A,o.message),o}}async queryVideoPage(e,t,n){if(!e||!t||!n)return null;const o={filter:{property:"BV号",rich_text:{contains:n}},sorts:[{timestamp:"created_time",direction:"descending"}],page_size:1};return new Promise(n=>{GM_xmlhttpRequest({method:"POST",url:`${K}/databases/${t}/query`,headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","Notion-Version":j},data:JSON.stringify(o),onload:e=>{if(200===e.status){const t=JSON.parse(e.responseText);t.results&&t.results.length>0?n(t.results[0].id):n(null);}else n(null);},onerror:()=>{n(null);}});})}async createDatabase(e,t){const n={parent:{type:"page_id",page_id:t},title:[{type:"text",text:{content:"📺 Bilibili 字幕收藏"}}],properties:{"标题":{title:{}},"BV号":{rich_text:{}},"创作者":{rich_text:{}},"视频链接":{url:{}},"收藏时间":{date:{}},"字幕条数":{number:{}},"状态":{select:{options:[{name:"未总结",color:"gray"},{name:"已总结",color:"green"}]}},"总结":{rich_text:{}}}};return new Promise((t,o)=>{GM_xmlhttpRequest({method:"POST",url:`${K}/databases`,headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","Notion-Version":j},data:JSON.stringify(n),onload:e=>{if(200===e.status){const n=JSON.parse(e.responseText);t(n.id);}else {const t=this._parseNotionError(e);o(t);}},onerror:e=>{o(new Error("网络请求失败"));}});})}_getDatabaseSchema(e,t){return new Promise((n,o)=>{GM_xmlhttpRequest({method:"GET",url:`${K}/databases/${t}`,headers:{Authorization:`Bearer ${e}`,"Notion-Version":j},onload:e=>{if(200===e.status){const t=JSON.parse(e.responseText);n(t.properties);}else {const t=this._parseNotionError(e);o(t);}},onerror:()=>{o(new Error("获取数据库结构失败"));}});})}_createPage(e,t,n,o){const i={parent:{database_id:t},properties:n,children:o};return new Promise((t,n)=>{GM_xmlhttpRequest({method:"POST",url:`${K}/pages`,headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","Notion-Version":j},data:JSON.stringify(i),onload:e=>{if(200===e.status){const n=JSON.parse(e.responseText);t(n.id);}else {const t=this._parseNotionError(e);n(t);}},onerror:()=>{n(new Error("创建页面失败"));}});})}async appendToPage(e,t,n){return new Promise((o,i)=>{GM_xmlhttpRequest({method:"PATCH",url:`${K}/blocks/${t}/children`,headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","Notion-Version":j},data:JSON.stringify({children:n}),onload:e=>{if(200===e.status)o();else {const t=this._parseNotionError(e);i(t);}},onerror:()=>{i(new Error("追加内容失败"));}});})}async sendAISummary(e){const t=pe.getNotionConfig(),n=ce.getVideoInfo(),o=n?.bvid;if(!o)throw new Error("无效的视频信息");let i=ce.getNotionPageId(o);if(!i&&t.databaseId&&(i=await this.queryVideoPage(t.apiKey,t.databaseId,o),i&&ce.setNotionPageId(o,i)),!i)throw new Error("请先发送字幕到Notion以创建视频页面");const s=this._buildAISummaryBlocks(e);await this.appendToPage(t.apiKey,i,s);}_buildAISummaryBlocks(e){const t=[];if(t.push({object:"block",type:"divider",divider:{}}),t.push({object:"block",type:"heading_2",heading_2:{rich_text:[{type:"text",text:{content:"🤖 AI总结"}}]}}),e.markdown){e.markdown.split("\n").forEach(e=>{e.trim()&&t.push({object:"block",type:"paragraph",paragraph:{rich_text:[{type:"text",text:{content:e}}]}});});}return e.segments&&e.segments.length>0&&(t.push({object:"block",type:"heading_3",heading_3:{rich_text:[{type:"text",text:{content:"⏱️ 时间戳段落"}}]}}),e.segments.forEach(e=>{t.push({object:"block",type:"bulleted_list_item",bulleted_list_item:{rich_text:[{type:"text",text:{content:`${e.timestamp} - ${e.title}: ${e.summary||""}`}}]}});})),t}_buildPageContent(e,t,n,o){const i=[{object:"block",type:"heading_2",heading_2:{rich_text:[{type:"text",text:{content:"📹 视频信息"}}]}},{object:"block",type:"paragraph",paragraph:{rich_text:[{type:"text",text:{content:`视频标题：${t}`}}]}},{object:"block",type:"paragraph",paragraph:{rich_text:[{type:"text",text:{content:`BV号：${e.bvid}`}}]}},{object:"block",type:"paragraph",paragraph:{rich_text:[{type:"text",text:{content:`视频链接：${n}`}}]}},{object:"block",type:"paragraph",paragraph:{rich_text:[{type:"text",text:{content:`字幕总数：${o.length} 条`}}]}},{object:"block",type:"divider",divider:{}},{object:"block",type:"heading_2",heading_2:{rich_text:[{type:"text",text:{content:"📝 字幕内容"}}]}}],s=[];let r="";const a=d;for(let l of o){const e=`${l.content}\n`;r.length+e.length>a?(r&&s.push({type:"text",text:{content:r}}),r=e):r+=e;}return r&&s.push({type:"text",text:{content:r}}),i.push({object:"block",type:"code",code:{rich_text:s,language:"plain text"}}),i}_buildProperties(e,t,n,o,i,s){const r={},a=Object.keys(e).find(t=>"title"===e[t].type);return a&&(r[a]={title:[{text:{content:n}}]}),Object.keys(e).forEach(n=>{const a=e[n].type,l=n.toLowerCase().replace(/\s+/g,"");if(!l.includes("bv")||"rich_text"!==a&&"text"!==a||(r[n]={rich_text:[{text:{content:t.bvid||""}}]}),!(l.includes("创作")||l.includes("作者")||l.includes("creator")||l.includes("up主"))||"rich_text"!==a&&"text"!==a||(r[n]={rich_text:[{text:{content:i}}]}),l.includes("链接")&&"url"===a&&(r[n]={url:o}),"date"===a&&("日期"===l||l.includes("收藏")||l.includes("添加")||l.includes("创建"))&&(r[n]={date:{start:(new Date).toISOString()}}),(l.includes("条数")||l.includes("数量"))&&"number"===a&&(r[n]={number:s.length}),"状态"===l||"status"===l){const e=ce.getVideoKey(),t=e?ce.getAISummary(e):null;"select"===a||"status"===a?r[n]={[a]:{name:t?"已总结":"未总结"}}:"rich_text"===a&&(r[n]={rich_text:[{text:{content:t?"已总结":"未总结"}}]});}if("总结"===l||"summary"===l){const e=ce.getVideoKey(),t=e?ce.getAISummary(e):null;if("rich_text"===a&&t){let e="";"string"==typeof t?e=t:t&&t.markdown&&(e=t.markdown),e&&(r[n]={rich_text:[{text:{content:e.substring(0,p)}}]});}}}),r}_parseNotionError(e){try{const t=JSON.parse(e.responseText);return "object_not_found"===t.code||t.message?.includes("Could not find")?new Error("找不到指定的Notion页面或数据库，请检查：\n1. ID是否正确\n2. 是否已在Notion中授权该Integration"):new Error(t.message||"未知错误")}catch(t){return new Error(`请求失败: ${e.status}`)}}};const ke=new class{async fetchOpenRouterModels(e,t){const n=t.replace("/chat/completions","/models"),o=await fetch(n,{headers:{Authorization:`Bearer ${e}`}});if(!o.ok)throw new Error(`获取模型列表失败: ${o.status}`);return (await o.json()).data||[]}async summarize(e,t=false){if(!ce.startAISummary())throw new Error("已有总结任务在进行中");return await me.measureAsync("AI总结",async()=>{try{const n=pe.getSelectedAIConfig();if(!n)throw new Error("未找到AI配置，请先在设置中添加配置");if(!n.apiKey||""===n.apiKey.trim())throw new Error('请先配置 AI API Key\n\n请点击右上角设置按钮，选择"AI配置"，然后为所选的AI服务商配置API Key');if(!n.url||!n.url.startsWith("http"))throw new Error("API URL格式错误，请在设置中检查配置");if(!n.model||""===n.model.trim())throw new Error("未配置模型，请在设置中选择AI模型");const o=e.map(e=>e.content).join("\n"),i=e.map(e=>{const t=Math.floor(e.from/60),n=Math.floor(e.from%60);return `${`[${t.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}]`} ${e.content}`}).join("\n"),s={"Content-Type":"application/json",Authorization:`Bearer ${n.apiKey}`};n.isOpenRouter&&(s["HTTP-Referer"]=window.location.origin,s["X-Title"]="Bilibili Subtitle Extractor");const[r,a]=await Promise.all([this._makeAIRequest(n,s,o,n.prompt1||this._getDefaultPrompt1(),"markdown"),this._makeAIRequest(n,s,i,n.prompt2||this._getDefaultPrompt2(),"json")]),l={markdown:r,segments:a};de.debug("AIService","总结完成，段落数量:",a?.length||0),a&&0!==a.length||de.warn("AIService","没有生成段落总结，请检查AI返回内容"),ce.finishAISummary(l);try{const e=pe.getNotionConfig(),t=ce.getVideoInfo(),n=t?.bvid;if(e.apiKey&&n){ce.getNotionPageId(n)&&Se.sendAISummary(l).catch(e=>{console.error("[AIService] 发送AI总结到Notion失败:",e);});}}catch(t){console.error("[AIService] 检查Notion配置失败:",t);}return l}catch(t){throw ce.cancelAISummary(),le.emit(k,t.message),t}})}async _makeAIRequest(e,t,n,o,i){const s={model:e.model,messages:[{role:"user",content:o+n}],stream:"markdown"===i};if("markdown"===i){const n=this._streamingRequest(e.url,t,s),o=await function(e,t,n="操作超时"){return Promise.race([e,new Promise((e,o)=>setTimeout(()=>o(new Error(n)),t))])}(n,l,"Markdown总结超时，请稍后重试");return this._cleanMarkdownContent(o)}{const n=await fetch(e.url,{method:"POST",headers:t,body:JSON.stringify(s),signal:ce.ai.abortController?.signal});if(!n.ok){const e=await n.text();throw console.error("[AIService] JSON API错误响应:",e),new Error(`JSON请求失败: ${n.status} ${n.statusText}`)}const o=await n.json(),i=o.choices?.[0]?.message?.content||"";return this._parseJSONResponse(i)}}_parseJSONResponse(e){de.debug("AIService","尝试解析JSON响应，原始内容长度:",e?.length||0);try{let t=e.trim();if(t.includes("```json")){const e=t.match(/```json\s*([\s\S]*?)```/);e&&(t=e[1].trim());}else if(t.includes("```")){const e=t.match(/```\s*([\s\S]*?)```/);e&&(t=e[1].trim());}const n=t.match(/\{[\s\S]*\}/);if(n){de.debug("AIService","找到JSON匹配:",n[0].substring(0,100)+"...");const e=JSON.parse(n[0]),t=Array.isArray(e.segments)?e.segments:Array.isArray(e)?e:[];if(t.length>0)return de.debug("AIService","成功解析段落数量:",t.length),t.map(e=>({timestamp:this._normalizeTimestamp(e.timestamp),title:e.title||"",summary:e.summary||""}));de.warn("AIService","JSON中没有找到segments数组，json内容:",e);}else de.warn("AIService","响应中没有找到JSON格式内容，原始内容前200字符:",t.substring(0,200));}catch(t){console.error("[AIService] JSON解析失败:",t,"\n原始内容前200字符:",e?.substring(0,200));}return []}_cleanMarkdownContent(e){if(!e)return "";let t=e.trim();for(;t.includes("```markdown");){const e=t.match(/```markdown\s*([\s\S]*?)```/);if(!e)break;t=t.replace(/```markdown\s*[\s\S]*?```/,e[1].trim()),de.debug("AIService","从markdown代码块中提取内容");}if(t.startsWith("```")&&t.endsWith("```")){t=t.slice(3,-3).trim();const e=t.split("\n");e[0]&&!e[0].includes(" ")&&e[0].length<20&&(t=e.slice(1).join("\n").trim()),de.debug("AIService","从代码块中提取内容");}return t=t.replace(/```\s*\n?(#{1,3}\s+[\s\S]*?)```/g,"$1"),t}_normalizeTimestamp(e){if(!e)return "[00:00]";const t=e.replace(/[\[\]]/g,""),n=t.split(":");if(2===n.length){const[e,t]=n;return `[${e.padStart(2,"0")}:${t.padStart(2,"0")}]`}if(3===n.length){const[e,t,o]=n;return `[${(60*parseInt(e)+parseInt(t)).toString().padStart(2,"0")}:${o.padStart(2,"0")}]`}return `[${t}]`}async _streamingRequest(e,t,n){const o=await fetch(e,{method:"POST",headers:t,body:JSON.stringify(n),signal:ce.ai.abortController?.signal});if(!o.ok){const e=await o.text();throw console.error("[AIService] API错误响应:",e),new Error(`API请求失败: ${o.status} ${o.statusText}`)}const i=o.body.getReader(),s=new TextDecoder;let r="";try{for(;;){const{done:e,value:t}=await i.read();if(e)break;const n=s.decode(t).split("\n");for(const o of n)if(o.startsWith("data: ")){const e=o.slice(6);if("[DONE]"===e)continue;try{const t=JSON.parse(e),n=t.choices[0]?.delta?.content;n&&(r+=n,le.emit(I,r));}catch(a){}}}return r}finally{i.releaseLock();}}_getDefaultPrompt1(){return "请用中文总结以下视频字幕内容，使用Markdown格式输出。\n\n要求：\n1. 第一行使用 # 标题，简洁概括视频主题\n2. 第二部分使用 ## TL;DR 作为标题，提供2-3句话的核心摘要\n3. 第三部分使用 --- 分隔线\n4. 后续内容按主题使用 ### 三级标题分段\n5. 使用项目符号 - 列出要点\n6. 不要在总结中包含任何时间戳\n7. 直接输出Markdown内容，不要使用代码块包裹（不要使用```）\n\n字幕内容：\n"}_getDefaultPrompt2(){return '分析以下带时间戳的字幕，提取5-8个关键段落。\n\n重要：你的回复必须只包含JSON，不要有任何其他文字、解释或markdown标记。\n直接以{开始，以}结束。\n\nJSON格式要求：\n{"segments":[\n  {"timestamp":"分钟:秒","title":"标题(10字内)","summary":"内容总结(30-50字)"}\n]}\n\n示例（你的回复应该像这样）：\n{"segments":[{"timestamp":"00:15","title":"开场介绍","summary":"主持人介绍今天的主题和嘉宾背景"},{"timestamp":"02:30","title":"核心观点","summary":"讨论技术发展趋势和未来展望"}]}\n\n字幕内容：\n'}cancelCurrentSummary(){ce.cancelAISummary();}},Ie="bilibili_subtitle_notes",Ee=5e3,Ce=10,Ae=100,Me=4718592;const Te=new class{constructor(){this.blueDot=null,this.blueDotHideTimeout=null,this.savedSelectionText="",this.selectionTimeout=null;}init(){de.debug("NotesService","初始化笔记服务...");try{this.createBlueDot(),this.initSelectionListener(),de.debug("NotesService","✓ 笔记服务初始化成功");}catch(e){de.error("NotesService","✗ 初始化失败:",e);}}getAllNotes(){try{const e=localStorage.getItem(Ie);return e?JSON.parse(e):[]}catch(e){return console.error("读取笔记数据失败:",e),[]}}saveNotes(e){try{const n=JSON.stringify(e);new Blob([n]).size>Me&&(de.warn("NotesService","笔记存储空间过大，执行自动清理"),e=this.cleanupNotes(e));try{localStorage.setItem(Ie,JSON.stringify(e));}catch(t){console.error("存储配额超限，强制清理旧数据"),e=this.forceCleanupNotes(e),localStorage.setItem(Ie,JSON.stringify(e));}}catch(n){if(console.error("保存笔记数据失败:",n),"QuotaExceededError"===n.name){console.error("存储配额已满，清理旧数据后重试");const t=this.forceCleanupNotes(e);try{localStorage.setItem(Ie,JSON.stringify(t)),de.debug("NotesService","清理后保存成功");}catch(o){throw console.error("清理后仍然失败:",o),o}}throw n}}cleanupNotes(e){const t=e.filter(e=>"screenshot"===e.type),n=e.filter(e=>"screenshot"!==e.type),o=t.slice(0,Ce),i=n.slice(0,Ae);return de.debug("NotesService",`清理笔记: 保留 ${o.length}/${t.length} 个截图, ${i.length}/${n.length} 条文本`),[...o,...i].sort((e,t)=>t.timestamp-e.timestamp)}forceCleanupNotes(e){const t=e.filter(e=>"screenshot"===e.type),n=e.filter(e=>"screenshot"!==e.type),o=t.slice(0,5),i=n.slice(0,50);return de.warn("NotesService",`强制清理: 保留 ${o.length}/${t.length} 个截图, ${i.length}/${n.length} 条文本`),[...o,...i].sort((e,t)=>t.timestamp-e.timestamp)}addNote(e,t){try{let n;if("object"==typeof e){const t=e;n={id:Date.now()+Math.random().toString(36).substr(2,9),content:t.content.trim(),url:t.url||window.location.href,createdAt:Date.now(),type:t.type||"text",...t},n.timestamp||(n.timestamp=n.createdAt),de.info("NotesService",`添加新笔记(${n.type})，内容: ${t.content}`);}else n={id:Date.now()+Math.random().toString(36).substr(2,9),content:e.trim(),url:t,timestamp:Date.now(),type:"text"},de.info("NotesService",`添加新笔记，内容长度: ${e.length}`);let o=this.getAllNotes();if("screenshot"===n.type){const e=o.filter(e=>"screenshot"===e.type);if(e.length>=Ce){de.warn("NotesService",`截图数量超过限制(${Ce})，删除最旧的截图`);const t=e[e.length-1];o=o.filter(e=>e.id!==t.id);}}return o.unshift(n),this.saveNotes(o),de.info("NotesService",`✓ 笔记已保存，当前总数: ${o.length}`),n}catch(n){throw de.error("NotesService","✗ 添加笔记失败:",n),("QuotaExceededError"===n.name||n.message?.includes("exceeded"))&&(console.error("[NotesService] 存储空间不足，请清理部分笔记"),window.notification&&window.notification.error("存储空间不足，已自动清理部分旧笔记")),n}}deleteNote(e){const t=this.getAllNotes().filter(t=>t.id!==e);this.saveNotes(t);}deleteNotes(e){const t=this.getAllNotes().filter(t=>!e.includes(t.id));this.saveNotes(t);}getGroupedNotes(){const e=this.getAllNotes(),t={};return e.forEach(e=>{const n=e.createdAt||e.timestamp,o=this.formatDate(n);t[o]||(t[o]=[]),t[o].push(e);}),Object.keys(t).sort((e,n)=>{const o=t[e][0].createdAt||t[e][0].timestamp;return (t[n][0].createdAt||t[n][0].timestamp)-o}).map(e=>({date:e,notes:t[e]}))}formatDate(e){const t=new Date(e),n=new Date,o=new Date(n);if(o.setDate(o.getDate()-1),t.toDateString()===n.toDateString())return "今天";if(t.toDateString()===o.toDateString())return "昨天";return `${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`}formatTime(e){const t=new Date(e);return `${String(t.getHours()).padStart(2,"0")}:${String(t.getMinutes()).padStart(2,"0")}`}createBlueDot(){if(de.debug("NotesService","创建笔记保存点元素..."),this.blueDot)return de.debug("NotesService","笔记保存点元素已存在"),this.blueDot;try{return this.blueDot=document.createElement("div"),this.blueDot.id="note-saver-blue-dot",this.blueDot.innerHTML='\n        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20">\n          <path d="M20.7 5.2c.4.4.4 1.1 0 1.6l-1 1-3.3-3.3 1-1c.4-.4 1.1-.4 1.6 0l1.7 1.7zm-3.3 2.3L6.7 18.2c-.2.2-.4.3-.7.3H3c-.6 0-1-.4-1-1v-3c0-.3.1-.5.3-.7L13 3.1l3.3 3.3z" stroke="#feebea" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="rgba(0,0,0,0.7)"/>\n        </svg>\n      ',this.blueDot.style.cssText="\n        position: absolute;\n        cursor: pointer;\n        z-index: 2147483647;\n        display: none;\n        transition: transform 0.2s, filter 0.2s;\n        pointer-events: auto;\n      ",this.blueDot.addEventListener("mouseenter",()=>{de.debug("NotesService","鼠标进入保存点"),this.blueDot.style.transform="scale(1.15)",this.blueDot.style.filter="drop-shadow(0 2px 4px rgba(254, 235, 234, 0.5))";}),this.blueDot.addEventListener("mouseleave",()=>{de.debug("NotesService","鼠标离开保存点"),this.blueDot.style.transform="scale(1)",this.blueDot.style.filter="none";}),this.blueDot.addEventListener("click",e=>this.handleBlueDotClick(e)),document.body.appendChild(this.blueDot),de.debug("NotesService","✓ 笔记保存点元素已创建并添加到body"),this.blueDot}catch(e){return de.error("NotesService","✗ 创建笔记保存点元素失败:",e),null}}showBlueDot(e,t){de.debug("NotesService",`显示保存点在位置 (${e}, ${t})`);try{const n=this.createBlueDot();if(!n)return void de.error("NotesService","✗ 无法获取保存点元素");n.style.left=`${e}px`,n.style.top=`${t}px`,n.style.display="block",this.blueDotHideTimeout&&clearTimeout(this.blueDotHideTimeout),this.blueDotHideTimeout=setTimeout(()=>{this.hideBlueDot(),this.savedSelectionText="";},Ee);}catch(n){de.error("NotesService","✗ 显示保存点失败:",n);}}hideBlueDot(){try{this.blueDot&&(this.blueDot.style.display="none"),this.blueDotHideTimeout&&(clearTimeout(this.blueDotHideTimeout),this.blueDotHideTimeout=null);}catch(e){de.error("NotesService","✗ 隐藏保存点失败:",e);}}handleBlueDotClick(e){de.info("NotesService","保存点被点击 - 保存笔记");try{if(e&&(e.preventDefault(),e.stopPropagation()),this.savedSelectionText){this.addNote(this.savedSelectionText,window.location.href);this.savedSelectionText="";const e=window.getSelection();e.rangeCount>0&&e.removeAllRanges();}else de.warn("NotesService","⚠ 没有保存的选中文本");this.hideBlueDot();}catch(t){de.error("NotesService","✗ 处理保存点点击失败:",t);}}initSelectionListener(){de.debug("NotesService","初始化文本选择监听器...");try{document.addEventListener("mouseup",e=>{const t=e.target.closest(".section-item"),n=e.target.closest(".time-btn, .segment-item, .ai-segments-section");if(t||n)return de.debug("NotesService","点击的是时间戳段落，忽略文字选择"),void this.hideBlueDot();this.selectionTimeout&&clearTimeout(this.selectionTimeout);const o=e.clientX,i=e.clientY;this.selectionTimeout=setTimeout(()=>{try{const e=window.getSelection(),t=e.toString().trim();if(t&&e.rangeCount>0){de.debug("NotesService",`检测到文本选择: "${t.substring(0,30)}${t.length>30?"...":""}"`),this.savedSelectionText=t;const e=o+window.scrollX+10,n=i+window.scrollY+10;this.showBlueDot(e,n);}else this.savedSelectionText="",this.hideBlueDot();}catch(e){de.error("NotesService","✗ 处理文本选择失败:",e);}},100);}),document.addEventListener("mousedown",e=>{const t=e.target.closest(".section-item"),n=e.target.closest(".time-btn, .segment-item, .ai-segments-section");t||n?de.debug("NotesService","mousedown 在段落元素上，忽略"):this.blueDot&&(e.target===this.blueDot||this.blueDot.contains(e.target))||(this.savedSelectionText="",this.hideBlueDot());}),de.debug("NotesService","✓ 文本选择监听器已初始化");}catch(e){de.error("NotesService","✗ 初始化文本选择监听器失败:",e);}}saveSubtitleNote(e){return this.addNote(e,window.location.href)}};const Le=new class{constructor(){this.cache=new Map,this.cacheTimeout=5e3;}get(e,t=false){const n=this.cache.get(e);if(!t&&n&&n.timestamp>Date.now()-this.cacheTimeout&&n.element&&document.contains(n.element))return n.element;const o=document.querySelector(e);return o&&this.cache.set(e,{element:o,timestamp:Date.now()}),o}getAll(e,t=false){const n=`all:${e}`,o=this.cache.get(n);if(!t&&o&&o.timestamp>Date.now()-this.cacheTimeout)return o.elements;const i=Array.from(document.querySelectorAll(e));return this.cache.set(n,{elements:i,timestamp:Date.now()}),i}clear(e){e?(this.cache.delete(e),this.cache.delete(`all:${e}`)):this.cache.clear();}clearExpired(){const e=Date.now();for(const[t,n]of this.cache.entries())n.timestamp<=e-this.cacheTimeout&&this.cache.delete(t);}preload(e){e.forEach(e=>{this.get(e,true);});}},$e=.1,Be=1.5,Ne=200,Pe=1e3,ze=10;const De=new class{constructor(){this.state={baseSpeed:1,isRightOptionPressed:false,isTempBoosted:false,lastKeyPressTime:{comma:0,period:0},lastOptionPressTime:0,optionDoubleClickTimer:null},this.observer=null;}init(){this.bindKeyboardEvents(),this.observeMediaElements(),this.applySpeedToExistingMedia();}getMediaElements(){return Le.getAll("video, audio",false)}applySpeed(e){this.getMediaElements().forEach(t=>{t.playbackRate=e,this.showSpeedIndicator(t,e);});const t=new CustomEvent("speed-changed",{detail:{speed:e,baseSpeed:this.state.baseSpeed}});document.dispatchEvent(t);}showSpeedIndicator(e,t){const n=e.parentElement?.querySelector(".speed-indicator");n&&n.remove();const o=document.createElement("div");if(o.className="speed-indicator",o.textContent=`${t.toFixed(2)}x`,o.style.cssText="\n      position: absolute;\n      top: 10px;\n      left: 10px;\n      background: rgba(0, 0, 0, 0.7);\n      color: white;\n      padding: 4px 8px;\n      border-radius: 4px;\n      font-size: 14px;\n      font-family: monospace;\n      z-index: 999999;\n      pointer-events: none;\n      transition: opacity 0.3s;\n    ",e.parentElement){"static"===window.getComputedStyle(e.parentElement).position&&(e.parentElement.style.position="relative"),e.parentElement.appendChild(o),setTimeout(()=>{o.style.opacity="0",setTimeout(()=>{o.remove();},300);},Pe);}}adjustBaseSpeed(e){this.state.baseSpeed=Math.max(.1,Math.min(ze,this.state.baseSpeed+e)),this.applySpeed(this.calculateFinalSpeed());}setBaseSpeed(e){this.state.baseSpeed=Math.max(.1,Math.min(ze,e)),this.applySpeed(this.calculateFinalSpeed());}applyTemporaryBoost(){this.state.isTempBoosted=true,this.applySpeed(this.calculateFinalSpeed());}removeTemporaryBoost(){this.state.isTempBoosted=false,this.applySpeed(this.calculateFinalSpeed());}applyPermanentBoost(){this.state.baseSpeed=Math.min(ze,this.state.baseSpeed*Be),this.applySpeed(this.calculateFinalSpeed());}resetToNormalSpeed(){this.state.baseSpeed=1,this.applySpeed(this.calculateFinalSpeed());}setToDoubleSpeed(){this.state.baseSpeed=2,this.applySpeed(this.calculateFinalSpeed());}detectDoubleClick(e){const t=Date.now(),n=this.state.lastKeyPressTime[e];return this.state.lastKeyPressTime[e]=t,t-n<Ne}calculateFinalSpeed(){let e=this.state.baseSpeed;return this.state.isTempBoosted&&(e*=Be),Math.min(ze,e)}bindKeyboardEvents(){document.addEventListener("keydown",e=>this.handleKeyDown(e),true),document.addEventListener("keyup",e=>this.handleKeyUp(e),true);}handleKeyDown(e){if("AltRight"!==e.code||2!==e.location){if("INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName&&!e.target.isContentEditable)return "Period"===e.code?(e.preventDefault(),void(this.detectDoubleClick("period")?this.setToDoubleSpeed():this.adjustBaseSpeed($e))):"Comma"===e.code?(e.preventDefault(),void(this.detectDoubleClick("comma")?this.resetToNormalSpeed():this.adjustBaseSpeed(-0.1))):void 0}else if(!this.state.isRightOptionPressed){this.state.isRightOptionPressed=true;const e=Date.now();e-this.state.lastOptionPressTime<Ne?(this.applyPermanentBoost(),this.state.optionDoubleClickTimer&&(clearTimeout(this.state.optionDoubleClickTimer),this.state.optionDoubleClickTimer=null)):this.applyTemporaryBoost(),this.state.lastOptionPressTime=e;}}handleKeyUp(e){"AltRight"!==e.code||2!==e.location||this.state.isRightOptionPressed&&(this.state.isRightOptionPressed=false,this.state.optionDoubleClickTimer=setTimeout(()=>{!this.state.isRightOptionPressed&&this.state.isTempBoosted&&this.removeTemporaryBoost();},Ne));}observeMediaElements(){this.observer=new MutationObserver(()=>{this.getMediaElements().forEach(e=>{const t=this.calculateFinalSpeed();Math.abs(e.playbackRate-t)>.01&&(e.playbackRate=t);});}),this.observer.observe(document.body,{childList:true,subtree:true});}applySpeedToExistingMedia(){this.getMediaElements().forEach(e=>{e.playbackRate=this.state.baseSpeed;});}getCurrentSpeed(){return this.calculateFinalSpeed()}getState(){return {baseSpeed:this.state.baseSpeed,finalSpeed:this.calculateFinalSpeed(),isTempBoosted:this.state.isTempBoosted}}destroy(){de.debug("SpeedControl","开始清理资源"),this.observer&&(this.observer.disconnect(),this.observer=null),de.debug("SpeedControl","资源清理完成");}},_e="sponsorblock_settings";const qe=new class{constructor(){this.settings=this.loadSettings();}loadSettings(){const e=GM_getValue(_e,null);return e?JSON.parse(e):{...Z.DEFAULT_SETTINGS}}saveSettings(e){this.settings=e,GM_setValue(_e,JSON.stringify(e));}get(e){return this.settings[e]}set(e,t){this.settings[e]=t,this.saveSettings(this.settings);}getAll(){return {...this.settings}}setAll(e){this.saveSettings(e);}resetToDefaults(){this.saveSettings({...Z.DEFAULT_SETTINGS});}};class Re{constructor(){this.cache=new Map,this.pendingRequests=new Map;}async fetchSegments(e){const t=this.cache.get(e);if(t&&Date.now()-t.timestamp<Z.CACHE_EXPIRY)return t.data;if(this.pendingRequests.has(e))return this.pendingRequests.get(e);const n=new Promise((t,n)=>{GM_xmlhttpRequest({method:"GET",url:`${Z.API_URL}?videoID=${e}`,headers:{origin:"userscript-bilibili-sponsor-skip","x-ext-version":"1.0.0"},timeout:5e3,onload:o=>{try{if(404===o.status){const n=[];this.cache.set(e,{data:n,timestamp:Date.now()}),t(n);}else if(200===o.status){const n=JSON.parse(o.responseText);this.cache.set(e,{data:n,timestamp:Date.now()}),t(n);}else 400===o.status?(console.error("[SponsorBlock] 参数错误 (400)"),n(new Error("Bad request"))):429===o.status?(console.error("[SponsorBlock] 请求频繁 (429)"),n(new Error("Rate limited"))):n(new Error(`HTTP ${o.status}`));}catch(i){n(i);}},onerror:n,ontimeout:()=>n(new Error("Timeout"))});});return this.pendingRequests.set(e,n),n.finally(()=>{this.pendingRequests.delete(e);}),n}hasSegments(e){const t=this.cache.get(e);return t&&Date.now()-t.timestamp<Z.CACHE_EXPIRY?t.data.length>0:null}clearCache(){this.cache.clear();}}class Oe{constructor(e,t){this.api=e,this.config=t,this.video=null,this.segments=[],this.currentBVID=null,this.lastSkipTime=0,this.checkInterval=null,this.rafId=null,this.currentPrompt=null,this.promptedSegments=new Set,this.ignoredSegments=new Set,this.progressBar=null,this.markerContainer=null,this.playerObserver=null;}async init(){if(location.pathname.includes("/video/")&&(this.currentBVID=location.pathname.match(/video\/(BV\w+)/)?.[1],this.currentBVID)){await this.waitForVideo();try{this.segments=await this.api.fetchSegments(this.currentBVID),this.segments.length>0&&this.renderProgressMarkers();}catch(e){console.error("[SponsorBlock] 获取片段失败:",e),this.segments=[];}this.startMonitoring(),this.setupPlayerObserver();}}setupPlayerObserver(){const e=document.querySelector(".bpx-player-video-wrap")||document.querySelector(".bpx-player-container");e&&(this.playerObserver=new MutationObserver(()=>{this.segments.length>0&&!document.querySelector("#sponsorblock-preview-bar")&&this.renderProgressMarkers();}),this.playerObserver.observe(e,{childList:true,subtree:true}));}async waitForVideo(){return new Promise(e=>{const t=()=>{this.video=document.querySelector(J),this.video?e():setTimeout(t,500);};t();})}renderProgressMarkers(){if(!this.config.get("showProgressMarkers"))return;const e=(t=0)=>{const n=document.querySelector(".bpx-player-progress-schedule");n?(this.progressBar=n,document.querySelectorAll("#sponsorblock-preview-bar").forEach(e=>e.remove()),this.markerContainer=document.createElement("ul"),this.markerContainer.id="sponsorblock-preview-bar",n.prepend(this.markerContainer),this.video.duration&&this.video.duration>0?this.createSegmentMarkers():this.video.addEventListener("loadedmetadata",()=>{this.createSegmentMarkers();},{once:true})):t<10&&setTimeout(()=>e(t+1),1e3);};e();}createSegmentMarkers(){if(!this.markerContainer||!this.video.duration||this.video.duration<=0)return;this.markerContainer.innerHTML="";const e=this.video.duration;[...this.segments].sort((e,t)=>t.segment[1]-t.segment[0]-(e.segment[1]-e.segment[0])).forEach((t,n)=>{const o=Math.min(e,t.segment[0]),i=Math.min(e,t.segment[1]),s=o/e*100,r=100*(1-i/e),a=document.createElement("li");a.className="sponsorblock-segment",a.dataset.segmentIndex=n.toString();const l=Z.CATEGORIES[t.category]||{name:t.category,color:"#999"};a.style.position="absolute",a.style.left=`${s}%`,a.style.right=`${r}%`,a.style.backgroundColor=l.color;const c=i-o;a.title=`${l.name}\n${o.toFixed(1)}s - ${i.toFixed(1)}s (${c.toFixed(1)}s)`,a.addEventListener("click",e=>{e.stopPropagation(),this.showSegmentDetails(t);}),this.markerContainer.appendChild(a);});}showSegmentDetails(e){const t=document.querySelector(".segment-details-popup");t&&(t.remove(),document.querySelector(".segment-details-overlay")?.remove());const n=Z.CATEGORIES[e.category]||{name:e.category,color:"#999"},o=e.segment[1]-e.segment[0],i=be(e.segment[0]),s=be(e.segment[1]),r=document.createElement("div");r.className="segment-details-overlay",r.onclick=()=>this.closeSegmentDetails();const a=document.createElement("div");a.className="segment-details-popup",a.onclick=e=>e.stopPropagation(),a.innerHTML=`\n      <div class="segment-details-header">\n        <div class="segment-details-title">\n          <div style="width: 16px; height: 16px; background: ${n.color}; border-radius: 3px;"></div>\n          <span>${n.name}</span>\n        </div>\n        <button class="segment-details-close">×</button>\n      </div>\n      <div class="segment-details-content">\n        <div class="segment-details-row">\n          <span class="segment-details-label">开始时间</span>\n          <span class="segment-details-value">${i}</span>\n        </div>\n        <div class="segment-details-row">\n          <span class="segment-details-label">结束时间</span>\n          <span class="segment-details-value">${s}</span>\n        </div>\n        <div class="segment-details-row">\n          <span class="segment-details-label">时长</span>\n          <span class="segment-details-value">${o.toFixed(1)} 秒</span>\n        </div>\n        <div class="segment-details-row">\n          <span class="segment-details-label">投票数</span>\n          <span class="segment-details-value">${e.votes}</span>\n        </div>\n        <div class="segment-details-row">\n          <span class="segment-details-label">UUID</span>\n          <span class="segment-details-value" style="font-size: 11px; font-family: monospace;">${e.UUID.substring(0,20)}...</span>\n        </div>\n      </div>\n      <div class="segment-details-actions">\n        <button class="segment-details-btn segment-details-btn-secondary" data-action="close">\n          关闭\n        </button>\n        <button class="segment-details-btn segment-details-btn-primary" data-action="jump">\n          跳转到此片段\n        </button>\n      </div>\n    `,document.body.appendChild(r),document.body.appendChild(a),a.querySelector(".segment-details-close").onclick=()=>this.closeSegmentDetails(),a.querySelector('[data-action="close"]').onclick=()=>this.closeSegmentDetails(),a.querySelector('[data-action="jump"]').onclick=()=>{this.video&&(this.video.currentTime=e.segment[0]),this.closeSegmentDetails();};const l=e=>{"Escape"===e.key&&(this.closeSegmentDetails(),document.removeEventListener("keydown",l));};document.addEventListener("keydown",l);}closeSegmentDetails(){document.querySelector(".segment-details-popup")?.remove(),document.querySelector(".segment-details-overlay")?.remove();}startMonitoring(){if(!this.video)return;const e=()=>{this.checkAndSkip(),this.rafId=requestAnimationFrame(e);};this.rafId=requestAnimationFrame(e),de.debug("SponsorBlock","开始监控（使用RAF）");}checkAndSkip(){if(!this.video||this.video.paused)return;const e=this.video.currentTime,t=this.config.get("skipCategories")||[];for(const n of this.segments)if(e>=n.segment[0]&&e<n.segment[1]){const e=`${n.UUID}`;if(this.ignoredSegments.has(e))continue;if(t.includes(n.category)){if(Date.now()-this.lastSkipTime<1e3)continue;const e=n.segment[1];this.video.currentTime=e,this.lastSkipTime=Date.now(),this.showSkipToast(n);break}this.promptedSegments.has(e)||(this.showSkipPrompt(n),this.promptedSegments.add(e));continue}}showSkipToast(e){const t=Z.CATEGORIES[e.category]||{name:e.category},n=document.createElement("div");n.className="skip-toast",n.textContent=`已跳过 ${t.name}`,n.addEventListener("click",e=>{e.stopPropagation(),e.preventDefault();}),n.addEventListener("mousedown",e=>{e.stopPropagation(),e.preventDefault();});(document.querySelector(".bpx-player-video-wrap")||document.querySelector(".bpx-player-container")||document.body).appendChild(n),setTimeout(()=>{n.classList.add("hiding"),setTimeout(()=>{n.remove();},300);},3e3);}showSkipPrompt(e){this.closePrompt();const t=Z.CATEGORIES[e.category]||{name:e.category,color:"#999"},n=document.createElement("div");n.className="skip-prompt";const o=e.segment[1]-e.segment[0],i=be(e.segment[0]),s=be(e.segment[1]);n.innerHTML=`\n      <div class="skip-prompt-header">\n        <div class="skip-prompt-icon">\n          <svg viewBox="0 0 24 24" fill="${t.color}">\n            <path d="M8 5v14l11-7z"/>\n          </svg>\n        </div>\n        <div class="skip-prompt-message">\n          跳过${t.name}？<br>\n          <small style="color: #999; font-size: 11px;">${i} - ${s}</small>\n        </div>\n        <button class="skip-prompt-close" title="关闭">×</button>\n      </div>\n      <div class="skip-prompt-buttons">\n        <button class="skip-prompt-btn skip-prompt-btn-secondary" data-action="ignore">\n          不跳过\n        </button>\n        <button class="skip-prompt-btn skip-prompt-btn-primary" data-action="skip">\n          跳过 (${o.toFixed(0)}秒)\n        </button>\n      </div>\n    `,n.addEventListener("click",e=>{e.stopPropagation();}),n.addEventListener("mousedown",e=>{e.stopPropagation();});(document.querySelector(".bpx-player-video-wrap")||document.querySelector(".bpx-player-container")||document.body).appendChild(n),this.currentPrompt=n;const r=n.querySelector('[data-action="skip"]'),a=n.querySelector('[data-action="ignore"]'),l=n.querySelector(".skip-prompt-close"),c=()=>{this.video.currentTime=e.segment[1],this.lastSkipTime=Date.now(),this.closePrompt();},d=()=>{this.closePrompt();};r.onclick=c,a.onclick=()=>{const t=`${e.UUID}`;this.ignoredSegments.add(t),this.closePrompt();},l.onclick=d;const p=e=>{"Enter"===e.key?(c(),document.removeEventListener("keydown",p)):"Escape"===e.key&&(d(),document.removeEventListener("keydown",p));};document.addEventListener("keydown",p);const u=setInterval(()=>{this.video&&this.video.currentTime>=e.segment[1]&&(this.closePrompt(),clearInterval(u));},500),h=setTimeout(()=>{this.currentPrompt===n&&this.closePrompt();},5e3);n._cleanup=()=>{clearInterval(u),clearTimeout(h),document.removeEventListener("keydown",p);};}closePrompt(){this.currentPrompt&&(this.currentPrompt._cleanup&&this.currentPrompt._cleanup(),this.currentPrompt.classList.add("hiding"),setTimeout(()=>{this.currentPrompt&&(this.currentPrompt.remove(),this.currentPrompt=null);},300));}destroy(){de.debug("SponsorBlock","销毁播放器控制器"),this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null),this.checkInterval&&(clearInterval(this.checkInterval),this.checkInterval=null),this.closePrompt(),this.closeSegmentDetails(),this.markerContainer&&(this.markerContainer.remove(),this.markerContainer=null),this.playerObserver&&(this.playerObserver.disconnect(),this.playerObserver=null),this.promptedSegments.clear(),this.ignoredSegments.clear(),this.segments=[],this.video=null;}}const Fe=new class{constructor(){this.api=new Re,this.playerController=null,this.currentURL=location.href;}async init(){location.pathname.includes("/video/")&&(this.playerController=new Oe(this.api,qe),await this.playerController.init()),this.setupURLMonitor();}setupURLMonitor(){window.addEventListener("popstate",()=>{this.handleURLChange();});const e=history.pushState,t=history.replaceState;history.pushState=(...t)=>{e.apply(history,t),this.handleURLChange();},history.replaceState=(...e)=>{t.apply(history,e),this.handleURLChange();};}handleURLChange(){const e=location.href;e!==this.currentURL&&(this.currentURL=e,this.playerController?.destroy(),this.playerController=null,location.pathname.includes("/video/")&&setTimeout(async()=>{this.playerController=new Oe(this.api,qe),await this.playerController.init();},1e3));}getAPI(){return this.api}};const He=new class{constructor(){this.toastElement=null,this.init();}init(){this.toastElement=document.createElement("div"),this.toastElement.className="notion-toast";}showToast(e,t=c){this.toastElement.textContent=e,document.body.appendChild(this.toastElement),setTimeout(()=>this.toastElement.classList.add("show"),10),setTimeout(()=>{this.toastElement.classList.remove("show"),setTimeout(()=>{this.toastElement.parentNode&&document.body.removeChild(this.toastElement);},300);},t);}success(e){this.showToast(e);}warning(e){this.showToast(e);}error(e,t=false){this.showToast(e,3e3),t&&alert(e);}info(e){this.showToast(e);}handleError(e,t="",n=false,o=false){const i=e instanceof Error?e.message:String(e);console.error(`[Error] ${t}:`,e),n||this.error(i,o);}confirm(e){return window.confirm(e)}};const je=new class{constructor(){this.isProcessing=false;}async captureVideoFrame(){const e=document.querySelector("video");if(!e)throw new Error("未找到视频元素");if(e.readyState<2)throw new Error("视频尚未加载");try{const t=800;let n=e.videoWidth,o=e.videoHeight;if(n>t){const i=t/n;n=t,o=Math.floor(e.videoHeight*i);}const i=new OffscreenCanvas(n,o);i.getContext("2d").drawImage(e,0,0,n,o);const s=await i.convertToBlob({type:"image/jpeg",quality:.7}),r=e.currentTime,a=be(r);return de.debug("[Screenshot] 截图成功",{originalSize:`${e.videoWidth}x${e.videoHeight}`,compressedSize:`${n}x${o}`,timestamp:a,blobSize:`${(s.size/1024).toFixed(2)}KB`}),{blob:s,timestamp:r,timeString:a}}catch(t){throw de.error("[Screenshot] 截图失败:",t),t}}async captureAndSave(e=false){if(this.isProcessing)He.warning("截图处理中，请稍候");else {this.isProcessing=true;try{const{blob:t,timestamp:n,timeString:o}=await this.captureVideoFrame(),i=await this.blobToBase64(t),s=fe(),r=ye()||"未知视频",a=s?.bvid||"",l=`[截图] ${o}`,c=Te.addNote({content:l,type:"screenshot",videoTimestamp:n,timeString:o,imageData:i,videoTitle:r,videoBvid:a});return He.success(`截图已保存 (${o})`),e&&pe.isNotionConfigured()&&await this.sendToNotion(t,n,o,r),c}catch(t){throw de.error("[Screenshot] 截图保存失败:",t),He.error(`截图失败: ${t.message}`),t}finally{this.isProcessing=false;}}}async sendToNotion(e,t,n,o){try{const t=pe.getNotionConfig();if(!t||!t.apiKey||!t.parentPageId)throw new Error("Notion未配置");He.info("正在上传截图到Notion...");const i=await this.uploadImageToNotion(e,t),s=await this.getOrCreateNotionPage(o,t);await this.appendScreenshotBlock(s,i,n,t),He.success("截图已发送到Notion");}catch(i){de.error("[Screenshot] 发送到Notion失败:",i),He.error(`Notion上传失败: ${i.message}`);}}async uploadImageToNotion(e,t){const n=await this.blobToBase64(e);return e.size>1048576&&He.warning("截图较大，Notion展示可能受限"),n}async getOrCreateNotionPage(e,t){const n=ce.getVideoInfo(),o=n?.bvid;if(!o)throw new Error("无效的视频信息");let i=ce.getNotionPageId(o);if(i)return de.debug("[Screenshot] 使用缓存的Notion页面ID:",i),i;const s=t.databaseId||t.parentPageId;if(s)try{if(i=await Se.queryVideoPage(t.apiKey,s,o),i)return de.debug("[Screenshot] 从Notion数据库找到页面:",i),ce.setNotionPageId(o,i),i}catch(r){de.error("[Screenshot] 查询Notion页面失败:",r);}throw new Error("请先发送字幕和AI总结到Notion，以创建视频页面")}async appendScreenshotBlock(e,t,n,o){const i=`https://api.notion.com/v1/blocks/${e}/children`,s={children:[{object:"block",type:"heading_3",heading_3:{rich_text:[{type:"text",text:{content:`📸 截图 - ${n}`}}]}},{object:"block",type:"image",image:{type:"external",external:{url:t}}}]};return new Promise((e,t)=>{GM_xmlhttpRequest({method:"PATCH",url:i,headers:{Authorization:`Bearer ${o.apiKey}`,"Content-Type":"application/json","Notion-Version":"2022-06-28"},data:JSON.stringify(s),timeout:3e4,onload:n=>{200===n.status?e(JSON.parse(n.responseText)):t(new Error(`Notion API错误: ${n.status}`));},onerror:e=>t(e),ontimeout:()=>t(new Error("请求超时"))});})}async blobToBase64(e){return new Promise((t,n)=>{const o=new FileReader;o.onloadend=()=>t(o.result),o.onerror=n,o.readAsDataURL(e);})}async downloadScreenshot(){try{const{blob:e,timeString:t}=await this.captureVideoFrame(),n=ce.getVideoInfo(),o=`${(n?.title||"video").replace(/[<>:"/\\|?*]/g,"_")}_${t.replace(/:/g,"-")}.png`,i=URL.createObjectURL(e),s=document.createElement("a");s.href=i,s.download=o,s.style.display="none",document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL(i),He.success("截图已下载");}catch(e){de.error("[Screenshot] 下载失败:",e),He.error(`下载失败: ${e.message}`);}}};class Ke{constructor(e){this.sponsorAPI=e,this.observer=null,this.statsCache=new Map,this.pendingRequests=new Map,this.abortController=new AbortController,this.processQueue=new Set,this.isProcessing=false;}start(){setTimeout(()=>{this.initScrollHandler(),this.initObserver(),this.checkNewCards();},800);}initScrollHandler(){let e;window.addEventListener("scroll",()=>{clearTimeout(e),e=setTimeout(()=>this.checkNewCards(),200);},{signal:this.abortController.signal});}checkNewCards(){if("hidden"===document.visibilityState)return;document.querySelectorAll("\n      .bili-video-card:not([data-quality-checked]),\n      .video-page-card-small:not([data-quality-checked]),\n      .video-page-card:not([data-quality-checked]),\n      .up-main-video-card:not([data-quality-checked]),\n      .small-item:not([data-quality-checked])\n    ").forEach(e=>{e.dataset.qualityChecked||this.processQueue.add(e);}),this.processNextBatch();}async processNextBatch(){if(this.isProcessing||0===this.processQueue.size)return;this.isProcessing=true;const e=Array.from(this.processQueue).slice(0,5);try{await Promise.all(e.map(e=>this.processCard(e)));}catch(t){}e.forEach(e=>this.processQueue.delete(e)),this.isProcessing=false,this.processQueue.size>0&&setTimeout(()=>this.processNextBatch(),100);}async processCard(e){if("true"===e.dataset.qualityChecked)return;if(!document.body.contains(e))return;e.dataset.qualityChecked="processing";const t=e.querySelector('a[href*="/video/BV"]');if(!t)return void(e.dataset.qualityChecked="true");const n=this.extractBVID(t.href);if(!n)return void(e.dataset.qualityChecked="true");const o=this.findBadgeContainer(e);if(o)try{const[t,i]=await Promise.all([this.fetchVideoStats(n).catch(()=>null),this.sponsorAPI.fetchSegments(n).catch(()=>[])]);if(!document.body.contains(e))return;const s=o.querySelector(".bili-tags-container");s&&s.remove();const r=document.createElement("div");r.className="bili-tags-container";const a=[];if(qe.get("showQualityBadge")&&t&&this.isHighQuality(t)&&a.push(this.createQualityBadge(t)),qe.get("showAdBadge")&&i&&i.length>0){const e=this.createSegmentBadges(i);a.push(...e);}const l=a.length>=3;a.forEach(e=>{l&&e.dataset.emoji&&e.dataset.text&&(e.textContent=e.dataset.emoji,e.classList.add("emoji-only")),r.appendChild(e);}),r.children.length>0&&(o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r));}catch(i){}finally{document.body.contains(e)&&(e.dataset.qualityChecked="true");}else e.dataset.qualityChecked="true";}findBadgeContainer(e){return e.classList.contains("up-main-video-card")||e.classList.contains("small-item")?e.querySelector(".cover-container, .cover, .pic-box")||e:e.classList.contains("video-page-card-small")?e.querySelector(".pic-box"):e.classList.contains("video-page-card")?e.querySelector(".pic"):e.querySelector(".bili-video-card__cover, .cover, .pic, .bili-video-card__info")||e.closest(".bili-video-card")?.querySelector(".bili-video-card__cover")}isHighQuality(e){return e?.view>=Z.MIN_VIEWS&&e.like/e.view>=Z.MIN_SCORE}isTopQuality(e){return e?.coin>=e?.like}createQualityBadge(e){const t=document.createElement("span");return t.className="bili-quality-tag",this.isTopQuality(e)?(t.style.background=Z.TOP_TAG_COLOR,t.textContent=Z.TOP_TAG_TEXT,t.dataset.emoji="🏆",t.dataset.text="顶级",t.title="顶级优质视频"):(t.style.background=Z.TAG_COLOR,t.textContent=Z.TAG_TEXT,t.dataset.emoji="🔥",t.dataset.text="精选",t.title="精选优质视频"),t}createSegmentBadges(e){const t={};e.forEach(e=>{t[e.category]=(t[e.category]||0)+1;});const n=[],o={sponsor:{icon:"⚠️",text:"广告",color:"linear-gradient(135deg, #FF8C00, #FF6347)"},selfpromo:{icon:"📢",text:"推广",color:"linear-gradient(135deg, #FFD700, #FFA500)"},interaction:{icon:"👆",text:"三连",color:"linear-gradient(135deg, #9C27B0, #E91E63)"},poi_highlight:{icon:"⭐",text:"高光",color:"linear-gradient(135deg, #FF1493, #FF69B4)"},intro:{icon:"▶️",text:"开场",color:"linear-gradient(135deg, #00CED1, #00BFFF)"},outro:{icon:"🎬",text:"结尾",color:"linear-gradient(135deg, #1E90FF, #4169E1)"},preview:{icon:"🔄",text:"回顾",color:"linear-gradient(135deg, #00A1D6, #0087B3)"},filler:{icon:"💬",text:"闲聊",color:"linear-gradient(135deg, #9370DB, #8A2BE2)"},music_offtopic:{icon:"🎵",text:"非音乐",color:"linear-gradient(135deg, #FF8C00, #FF7F50)"},exclusive_access:{icon:"🤝",text:"合作",color:"linear-gradient(135deg, #2E8B57, #3CB371)"},mute:{icon:"🔇",text:"静音",color:"linear-gradient(135deg, #DC143C, #C71585)"}};return Object.entries(t).forEach(([e,t])=>{const i=o[e]||{icon:"📍",text:e,color:"linear-gradient(135deg, #888, #666)"},s=document.createElement("span");s.className="bili-ad-tag",s.style.background=i.color,s.dataset.emoji=t>1?`${i.icon}×${t}`:i.icon,s.dataset.text=i.text,s.textContent=`${i.icon} ${i.text}`,t>1&&(s.textContent+=` (${t})`),s.title=`包含 ${t} 个${i.text}片段`,n.push(s);}),n}extractBVID(e){try{return new URL(e).pathname.match(/video\/(BV\w+)/)?.[1]}catch{return null}}async fetchVideoStats(e){if(this.statsCache.has(e))return this.statsCache.get(e);if(this.pendingRequests.has(e))return this.pendingRequests.get(e);const t=new Promise((t,n)=>{GM_xmlhttpRequest({method:"GET",url:`https://api.bilibili.com/x/web-interface/view?bvid=${e}`,timeout:5e3,onload:o=>{try{const i=JSON.parse(o.responseText);0===i?.code&&i?.data?.stat?(this.statsCache.set(e,i.data.stat),t(i.data.stat)):n(new Error("Invalid API response"));}catch(i){n(i);}},onerror:n,ontimeout:()=>n(new Error("Timeout"))});});return this.pendingRequests.set(e,t),t.finally(()=>{this.pendingRequests.delete(e);})}initObserver(){this.observer=new MutationObserver(e=>{let t=false;for(const n of e)if(n.addedNodes.length>0){t=true;break}t&&this.checkNewCards();}),this.observer.observe(document.body,{childList:true,subtree:true});}destroy(){this.observer?.disconnect(),this.abortController.abort(),this.processQueue.clear(),this.pendingRequests.clear(),this.statsCache.clear();}}let Ve=null;const Ue=new class{constructor(){this.markedConfigured=false;}renderSubtitlePanel(e){const t=ce.getVideoKey(),n=t?ce.getAISummary(t):null;let o=`\n      <div class="subtitle-header">\n        <div class="subtitle-header-left">\n          <span class="subtitle-status-icon" title="AI助手">${ne}</span>\n        </div>\n        <div class="subtitle-header-right">\n          <div class="subtitle-search-container">\n            <input type="text" class="search-input" placeholder="搜索..." id="subtitle-search-input">\n            <div class="search-controls" id="search-controls" style="display: none;">\n              <span class="search-counter" id="search-counter">0/0</span>\n              <button class="search-nav-btn search-prev" id="search-prev" title="上一个">\n                <svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5">\n                  <path d="M9 7.5L6 4.5L3 7.5" stroke-linecap="round" stroke-linejoin="round"/>\n                </svg>\n              </button>\n              <button class="search-nav-btn search-next" id="search-next" title="下一个">\n                <svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5">\n                  <path d="M3 4.5L6 7.5L9 4.5" stroke-linecap="round" stroke-linejoin="round"/>\n                </svg>\n              </button>\n            </div>\n          </div>\n          <div class="subtitle-header-actions">\n            <span class="ai-icon" title="AI配置">\n              ${te}\n            </span>\n            <span class="download-icon" title="下载字幕">\n              ${oe}\n            </span>\n            <span class="notion-icon ${ce.notion.isSending?"loading":""}" title="Notion">\n              ${ie}\n            </span>\n            <span class="subtitle-close">×</span>\n          </div>\n        </div>\n      </div>\n      <div class="subtitle-tabs">\n        <div class="subtitle-tab active" data-tab="summary">视频总结</div>\n        <div class="subtitle-tab" data-tab="subtitles">字幕列表</div>\n      </div>\n      <div class="subtitle-content">\n        <div class="subtitle-panel" id="summary-panel" style="display: block;">\n          ${this.renderAISummaryPanel(n)}\n        </div>\n        <div class="subtitle-panel" id="subtitles-panel" style="display: none;">\n          <div class="subtitle-list-container" id="subtitle-list-container">\n            <div class="original-subtitles-section">\n              <div class="segments-header">字幕列表</div>\n    `;return e.forEach((e,t)=>{const n=be(e.from);o+=`\n        <div class="subtitle-item" data-index="${t}" data-from="${e.from}" data-to="${e.to}">\n          <span class="subtitle-time">${n}</span>\n          <span class="subtitle-text">${e.content}</span>\n          <button class="save-subtitle-note-btn" data-content="${this.escapeHtml(e.content)}" title="保存为笔记">保存</button>\n        </div>\n      `;}),o+='\n              </div>\n            </div>\n            <button class="subtitle-follow-btn" id="subtitle-follow-btn" style="display: none;" title="回到当前播放位置">\n              恢复滚动\n            </button>\n          </div>\n        </div>\n      </div>\n    ',o}escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}_escapeHtml(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return e.replace(/[&<>"']/g,e=>t[e])}parseMarkdown(e){if(!e)return "";let t=e.trim();if(t=t.replace(/```[a-zA-Z0-9]*\s*```/g,""),t=t.replace(/```\s*\n\s*```/g,""),"undefined"!=typeof marked&&"function"==typeof marked.parse)try{"function"==typeof marked.use&&marked.use({renderer:{link:(e,t,n)=>`<a href="${e}" target="_blank" rel="noopener noreferrer" ${t?`title="${t}"`:""}>${n}</a>`}}),this.markedConfigured||"function"!=typeof marked.setOptions||(marked.setOptions({breaks:!0,gfm:!0}),this.markedConfigured=!0);let e=marked.parse(t);return e=e.replace(/<pre><code[^>]*>\s*<\/code><\/pre>/g,""),e}catch(o){de.warn("UIRenderer","Marked解析失败:",o);}let n=t;return n=n.replace(/```([a-zA-Z0-9]*)?\n([\s\S]*?)```/g,(e,t,n)=>{if(!n.trim())return "";return `<pre><code${t?` class="language-${t}"`:""}>${this._escapeHtml(n)}</code></pre>`}),n=n.replace(/^### (.*$)/gim,"<h3>$1</h3>"),n=n.replace(/^## (.*$)/gim,"<h2>$1</h2>"),n=n.replace(/^# (.*$)/gim,"<h1>$1</h1>"),n=n.replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>"),n=n.replace(/(?<!\*)\*(?!\*)([^*]+?)(?<!\*)\*(?!\*)/g,"<em>$1</em>"),n=n.replace(/`([^`]+)`/g,"<code>$1</code>"),n=n.replace(/^\* (.*$)/gim,"<li>$1</li>"),n=n.replace(/^- (.*$)/gim,"<li>$1</li>"),n=n.replace(/^\d+\. (.*$)/gim,"<li>$1</li>"),n=n.replace(/(<li>.*<\/li>(?:\s*<li>.*<\/li>)*)/g,"<ul>$1</ul>"),n=n.replace(/<ul>((?:<li>.*<\/li>\s*)+)<\/ul>/g,(e,n)=>t.split("\n").some(e=>/^\d+\.\s+/.test(e))?`<ol>${n}</ol>`:e),n=n.replace(/\n/g,"<br>"),n}normalizeMarkdown(e){if(!e)return "";let t=String(e).replace(/\r\n/g,"\n").replace(/\r/g,"\n").trim();const n=t.match(/^```[a-zA-Z0-9+_-]*\s*\n([\s\S]*?)\s*```$/);n&&(t=n[1]);const o=t.split("\n"),i=o.filter(e=>e.trim().length>0);if(i.length>0){const e=Math.min(...i.map(e=>e.match(/^ */)[0].length));e>0&&(t=o.map(t=>t.startsWith(" ".repeat(e))?t.slice(e):t).join("\n"));}return t.trim()}renderAISummaryPanel(e=null,t=false){let n="";if(e){let t="",o=[];if("object"==typeof e&&e.markdown)t=this.parseMarkdown(e.markdown),o=e.segments||[];else if("string"==typeof e){t=this.parseAISummary(e).mainSummary;}n='<div class="summary-panel-container">',o&&o.length>0&&(n+=`\n          <div class="ai-segments-in-summary">\n            <div class="segments-header">AI时间戳段落</div>\n            ${this.renderAISegments(o)}\n            <div class="segments-divider"></div>\n          </div>\n        `),n+=t.trim()?`\n        <div class="ai-summary-main">\n          <div class="summary-content">${t}</div>\n        </div>\n      `:'<div class="ai-summary-empty">暂无总结内容</div>',n+="</div>";}else n='\n        <div class="ai-summary-empty">\n          <p>点击上方AI图标生成视频总结</p>\n        </div>\n      ';return n}parseAISummary(e){let t="",n=[];const o=e.match(/\[总结\]([\s\S]*?)(?=\[段落\]|$)/i),i=e.match(/\[段落\]([\s\S]*)/i);if(o&&o[1]){const e=o[1].trim();t=this.parseMarkdown(e);}if(i&&i[1]){const e=i[1],t=/\[(\d{1,2}:\d{2}(?::\d{2})?)\]\s*([^\n]+?)(?:\n\s+([^\[]+?))?(?=\[|$)/g;let o;for(;null!==(o=t.exec(e));){const[e,t,i,s]=o;let r=t;const a=t.split(":");if(2===a.length)r=`[${a[0].padStart(2,"0")}:${a[1].padStart(2,"0")}]`;else if(3===a.length){r=`[${(60*parseInt(a[0])+parseInt(a[1])).toString().padStart(2,"0")}:${a[2].padStart(2,"0")}]`;}const l=i.trim(),c=s?s.trim():"";n.push({title:l,time:r,content:c});}}if(!t&&0===n.length){const o=e.split("\n");let i=[],s=false;for(const e of o){const t=e.trim();if(t.match(/^\[\d{1,2}:\d{2}(?::\d{2})?\]/)){s=true;const e=t.match(/^\[(\d{1,2}:\d{2}(?::\d{2})?)\]\s*(.*)/);if(e){const[t,o,i]=e;let s=o;const r=o.split(":");if(2===r.length)s=`[${r[0].padStart(2,"0")}:${r[1].padStart(2,"0")}]`;else if(3===r.length){s=`[${(60*parseInt(r[0])+parseInt(r[1])).toString().padStart(2,"0")}:${r[2].padStart(2,"0")}]`;}n.push({title:i.trim(),time:s,content:""});}}else s?n.length>0&&e.startsWith("  ")&&(n[n.length-1].content+=(n[n.length-1].content?" ":"")+t):i.push(e);}i.length>0&&(t=this.parseMarkdown(i.join("\n").trim()));}if(!t&&0===n.length){const o=e.split(/##\s*要点/i);if(o.length>=2){const e=o[0].replace(/##\s*总结/i,"").trim();t=this.parseMarkdown(e);const i=o[1].matchAll(/###\s*\[?([^\]\n]+)\]?[\s\S]*?-\s*时间[：:]\s*\[(\d{1,2}):(\d{2})\][\s\S]*?-\s*内容[：:]\s*([^\n]+)/gi);for(const t of i){const[e,o,i,s,r]=t;n.push({title:o.trim(),time:`[${i.padStart(2,"0")}:${s.padStart(2,"0")}]`,content:r.trim()});}}}return t||0!==n.length||(t=this.parseMarkdown(e)),{mainSummary:t,keyPoints:n}}renderAISummarySection(e=null,t=false){const n=document.createElement("div");return n.className="ai-summary-section",n.innerHTML=this.renderAISummaryPanel(e,t),n}updateAISummary(e,t){if(e||(e=document.getElementById("subtitle-container")),!e)return;const n=e.querySelector("#summary-panel");n&&(n.innerHTML=this.renderAISummaryPanel(t,false));}renderAISegments(e){return e.map((e,t)=>{const n=(e.timestamp||"[00:00]").replace(/[\[\]]/g,"");return `\n        <div class="section-item" data-time="${e.timestamp||"[00:00]"}" data-index="${t}">\n          <button class="time-btn">${n}</button>\n          <div class="item-content">\n            ${e.summary?`<span class="item-title">${e.title||""}</span>\n               <span class="item-desc">${e.summary}</span>`:`<span class="item-single">${e.title||""}</span>`}\n          </div>\n        </div>\n      `}).join("")}createNotification(e){const t=document.createElement("div");return t.className="notion-toast show",t.textContent=e,document.body.appendChild(t),setTimeout(()=>{t.remove();},3e3),t}createNotionConfigModal(){const e=document.createElement("div");return e.id="notion-config-modal",e.className="config-modal",e.innerHTML='\n      <div class="config-modal-content">\n        <div class="config-modal-header">\n          <span>Notion 集成配置</span>\n        </div>\n        <div class="config-modal-body">\n          <div class="config-field">\n            <label>1️⃣ Notion API Key</label>\n            <input type="password" id="notion-api-key" placeholder="输入你的 Integration Token">\n            <div class="config-help">\n              访问 <a href="https://www.notion.so/my-integrations" target="_blank">Notion Integrations</a> 创建 Integration 并复制 Token\n            </div>\n          </div>\n          <div class="config-field">\n            <label>2️⃣ 目标位置（二选一）</label>\n            <input type="text" id="notion-parent-page-id" placeholder="Page ID 或 Database ID">\n            <div class="config-help">\n              <strong>方式A - 使用已有数据库：</strong><br>\n              从数据库 URL 中获取：<code>notion.so/<strong>abc123...</strong>?v=...</code><br>\n              脚本会直接向该数据库添加记录\n            </div>\n            <div class="config-help" style="margin-top: 8px;">\n              <strong>方式B - 自动创建数据库：</strong><br>\n              从页面 URL 中获取：<code>notion.so/My-Page-<strong>abc123...</strong></code><br>\n              首次使用会在此页面下创建数据库\n            </div>\n            <div class="config-help" style="margin-top: 8px; color: #f59e0b;">\n              ⚠️ 重要：需要在「Share」中邀请你的 Integration\n            </div>\n          </div>\n        <div class="config-field">\n          <label>\n            <input type="checkbox" id="notion-auto-send-enabled">\n            自动发送（获取字幕后自动发送到Notion）\n          </label>\n        </div>\n          <div id="notion-status-message"></div>\n        </div>\n        <div class="config-footer">\n          <button class="config-btn config-btn-secondary" id="notion-cancel-btn">取消</button>\n          <button class="config-btn config-btn-primary" id="notion-save-btn">保存配置</button>\n        </div>\n      </div>\n    ',e}createAIConfigModal(){const e=document.createElement("div");return e.id="ai-config-modal",e.className="config-modal",e.innerHTML='\n      <div class="config-modal-content">\n        <div class="config-modal-header">\n          <span>AI 配置管理</span>\n        </div>\n        <div class="config-modal-body">\n          <div style="margin-bottom: 20px; padding: 15px; background: linear-gradient(135deg, rgba(255, 107, 107, 0.15), rgba(255, 77, 77, 0.15)); border-radius: 10px; border-left: 4px solid #ff6b6b;">\n            <div style="font-size: 14px; color: #fff; font-weight: 600; margin-bottom: 8px;">⚠️ 首次使用必读</div>\n            <div style="font-size: 12px; color: rgba(255, 255, 255, 0.9); line-height: 1.6; margin-bottom: 8px;">\n              • 使用AI总结功能前，需要先配置API Key<br>\n              • 选择一个AI服务商，点击查看其配置，填写API Key后保存<br>\n              • 推荐使用 <strong>OpenRouter</strong>、<strong>DeepSeek</strong> 或 <strong>硅基流动</strong>（提供免费额度）\n            </div>\n            <div style="font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px;">\n              💡 提示：点击配置卡片可查看详情和获取API Key的教程链接\n            </div>\n          </div>\n          <div class="ai-config-list" id="ai-config-list"></div>\n          <div style="margin-bottom: 15px; text-align: center; display: flex; gap: 10px; justify-content: center;">\n            <button class="config-btn config-btn-primary" id="ai-start-summary-btn" style="padding: 8px 20px; font-size: 14px; font-weight: 600;">🚀 开始总结</button>\n            <button class="config-btn config-btn-secondary" id="ai-new-config-btn" style="padding: 8px 16px; font-size: 13px;">新建配置</button>\n          </div>\n          <div class="ai-config-form hidden">\n          <div class="config-field">\n            <label>配置名称</label>\n            <input type="text" id="ai-config-name" placeholder="例如：OpenAI GPT-4">\n          </div>\n          <div class="config-field">\n            <label>API URL</label>\n            <input type="text" id="ai-config-url" placeholder="https://api.openai.com/v1/chat/completions">\n          </div>\n          <div class="config-field">\n            <label>API Key <span id="api-key-help-link" style="font-size: 11px; margin-left: 8px;"></span></label>\n            <input type="password" id="ai-config-apikey" placeholder="sk-...">\n          </div>\n          <div class="config-field">\n            <label>模型</label>\n            <div class="model-field-with-button">\n              <input type="text" id="ai-config-model" placeholder="手动输入或点击获取模型">\n              <button class="fetch-models-btn" id="fetch-models-btn">获取模型</button>\n            </div>\n            <div class="model-select-wrapper" id="model-select-wrapper" style="display:none;">\n              <input type="text" id="model-search-input" class="model-search-input" placeholder="🔍 搜索模型...">\n              <select id="model-select" size="8"></select>\n            </div>\n          </div>\n          <div class="config-field">\n            <label>\n              <input type="checkbox" id="ai-config-is-openrouter">\n              使用OpenRouter (支持获取模型列表)\n            </label>\n          </div>\n          <div class="config-field">\n            <label>总结提示词 (Markdown总结)</label>\n            <textarea id="ai-config-prompt1" placeholder="请用中文总结以下视频字幕内容，使用Markdown格式输出..."></textarea>\n          </div>\n          <div class="config-field">\n            <label>段落提示词 (JSON时间段落)</label>\n            <textarea id="ai-config-prompt2" placeholder="请根据以下带时间戳的视频字幕内容，提取关键时间点段落..."></textarea>\n          </div>\n          <div class="config-field">\n            <label>\n              <input type="checkbox" id="ai-auto-summary-enabled">\n              自动总结（获取字幕后自动触发AI总结）\n            </label>\n          </div>\n          </div>\n        </div>\n        <div class="config-footer">\n          <button class="config-btn config-btn-danger" id="ai-delete-current-btn" style="display:none;">删除此配置</button>\n          <div style="flex: 1;"></div>\n          <button class="config-btn config-btn-secondary" id="ai-cancel-btn">取消</button>\n          <button class="config-btn config-btn-primary" id="ai-save-new-btn">添加新配置</button>\n          <button class="config-btn config-btn-primary" id="ai-update-btn" style="display:none;">更新配置</button>\n        </div>\n      </div>\n    ',e}renderAIConfigList(e){const t=pe.getAIConfigs(),n=pe.getSelectedAIConfigId();e.innerHTML=t.map(e=>{const t=e.apiKey&&""!==e.apiKey.trim(),o=t?"✅":"⚠️",i=t?"已配置":"未配置",s=t?"#4ade80":"#fbbf24";return `\n        <div class="ai-config-item ${e.id===n?"selected":""}" data-id="${e.id}">\n          <div class="ai-config-item-name">\n            ${e.name}\n            <span style="font-size: 11px; color: ${s}; margin-left: 8px;" title="API Key ${i}">\n              ${o} ${i}\n            </span>\n          </div>\n          <div class="ai-config-item-actions">\n            <button class="ai-config-btn-small config-btn-primary ai-edit-btn" data-id="${e.id}">查看</button>\n          </div>\n        </div>\n      `}).join("");}showNotionStatus(e,t=false){const n=document.getElementById("notion-status-message");n&&(n.className="config-status "+(t?"error":"success"),n.textContent=e);}renderShortcutConfigModal(){if(de.debug("UIRenderer","renderShortcutConfigModal 开始"),!ge)return console.error("[UIRenderer] shortcutManager 未定义"),null;let e;try{e=ge.getAllShortcuts(),de.debug("UIRenderer","获取到快捷键:",e);}catch(t){return console.error("[UIRenderer] 获取快捷键失败:",t),null}return e&&"object"==typeof e?`\n      <div class="config-modal" id="shortcut-config-modal">\n        <div class="config-modal-content">\n          <div class="config-modal-header">\n            <span class="config-modal-title">快捷键设置</span>\n            <button class="config-modal-close">×</button>\n          </div>\n          <div class="config-modal-body">\n            <div style="margin-bottom: 20px; padding: 15px; background: rgba(254, 235, 234, 0.1); border-radius: 10px; border-left: 4px solid #feebea;">\n              <div style="font-size: 13px; color: #fff; font-weight: 600; margin-bottom: 4px;">使用说明</div>\n              <div style="font-size: 12px; color: rgba(255, 255, 255, 0.7); line-height: 1.5;">\n                点击输入框后按下想要的组合键即可设置。特殊组合键：<br/>\n                • 截图：连按两下 / 键<br/>\n                • 双击操作：快速连续按两次同一个键\n              </div>\n            </div>\n            \n            <div style="display: flex; flex-direction: column; gap: 12px;">\n              ${Object.entries(e).map(([e,t])=>`\n                <div class="shortcut-item" data-key="${e}">\n                  <div class="shortcut-description">${t.description}</div>\n                  <div class="shortcut-controls">\n                    <input \n                      type="text" \n                      class="shortcut-input" \n                      value="${ge.formatShortcut(t)}" \n                      readonly \n                      placeholder="点击设置"\n                      data-key="${e}"\n                    >\n                    <button class="shortcut-reset-btn" data-key="${e}">重置</button>\n                  </div>\n                </div>\n              `).join("")}\n            </div>\n            \n            <div style="margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1);">\n              <button class="config-btn config-btn-secondary" id="reset-all-shortcuts">\n                重置所有快捷键\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    `:(console.error("[UIRenderer] 快捷键配置无效:",e),null)}};const Ge=new class{constructor(){this.stack=[],this.escHandler=null,this.init();}init(){this.escHandler=e=>{if("Escape"===e.key&&this.stack.length>0){const e=this.stack[this.stack.length-1];e&&"function"==typeof e.hide&&e.hide();}},document.addEventListener("keydown",this.escHandler);}push(e){if(!e||"function"!=typeof e.hide)return void de.warn("ModalManager","模态框实例必须有hide方法");-1===this.stack.indexOf(e)&&this.stack.push(e);}pop(e){const t=this.stack.indexOf(e);t>-1&&this.stack.splice(t,1);}closeAll(){for(;this.stack.length>0;){const e=this.stack.pop();e&&"function"==typeof e.hide&&e.hide();}}getStackSize(){return this.stack.length}isInStack(e){return this.stack.includes(e)}destroy(){this.escHandler&&(document.removeEventListener("keydown",this.escHandler),this.escHandler=null),this.stack=[];}};const Je=new class{constructor(){this.panel=null,this.isPanelVisible=false,this.filters={showText:true,showScreenshot:true};}createPanel(){return this.panel||(this.panel=document.createElement("div"),this.panel.id="notes-panel",this.panel.className="notes-panel",document.body.appendChild(this.panel)),this.panel}showPanel(){const e=this.createPanel();this.renderPanel(),e.classList.add("show"),this.isPanelVisible=true,Ge.push(this);}hidePanel(){this.panel&&this.panel.classList.remove("show"),this.isPanelVisible=false,Ge.pop(this);}hide(){this.hidePanel();}togglePanel(){this.isPanelVisible?this.hidePanel():this.showPanel();}renderPanel(){const e=this.createPanel(),t=this.getFilteredGroupedNotes(),n=Te.getAllNotes(),o=n.filter(e=>"screenshot"!==e.type).length,i=n.filter(e=>"screenshot"===e.type).length,s=`\n      <div class="notes-panel-content">\n        <div class="notes-panel-header">\n          <h2>我的笔记</h2>\n          <button class="notes-panel-close">×</button>\n        </div>\n        <div class="notes-filters">\n          <label class="filter-checkbox">\n            <input type="checkbox" id="filter-text-notes" ${this.filters.showText?"checked":""}>\n            <span>文字笔记 (${o})</span>\n          </label>\n          <label class="filter-checkbox">\n            <input type="checkbox" id="filter-screenshot-notes" ${this.filters.showScreenshot?"checked":""}>\n            <span>截图笔记 (${i})</span>\n          </label>\n        </div>\n        <div class="notes-panel-body">\n          ${0===t.length?this.renderEmptyState():t.map(e=>this.renderGroup(e)).join("")}\n        </div>\n      </div>\n    `;e.innerHTML=s,this.bindPanelEvents();}getFilteredGroupedNotes(){const e=Te.getAllNotes().filter(e=>"screenshot"===e.type?this.filters.showScreenshot:this.filters.showText),t={};return e.forEach(e=>{const n=e.createdAt||e.timestamp,o=Te.formatDate(n);t[o]||(t[o]=[]),t[o].push(e);}),Object.keys(t).sort((e,n)=>{const o=t[e][0].createdAt||t[e][0].timestamp;return (t[n][0].createdAt||t[n][0].timestamp)-o}).map(e=>({date:e,notes:t[e]}))}renderEmptyState(){return Te.getAllNotes().length>0?'\n        <div class="notes-empty-state">\n          <div class="notes-empty-icon">🔍</div>\n          <div>没有符合筛选条件的笔记</div>\n          <div class="notes-empty-hint">请调整上方的筛选条件</div>\n        </div>\n      ':'\n        <div class="notes-empty-state">\n          <div class="notes-empty-icon">📝</div>\n          <div>还没有保存任何笔记</div>\n          <div class="notes-empty-hint">选中文字后点击粉色点即可保存<br>或使用 Cmd+E 保存截图</div>\n        </div>\n      '}renderGroup(e){return `\n      <div class="note-group">\n        <div class="note-group-header">\n          <div class="note-group-title">\n            ${e.date} (${e.notes.length}条)\n          </div>\n          <div class="note-group-actions">\n            <button class="note-group-copy-btn" data-date="${e.date}">\n              批量复制\n            </button>\n            <button class="note-group-delete-btn" data-date="${e.date}">\n              批量删除\n            </button>\n          </div>\n        </div>\n        <div class="note-group-items">\n          ${e.notes.map(e=>this.renderNote(e)).join("")}\n        </div>\n      </div>\n    `}renderNote(e){const t=e.content.length>200?e.content.substring(0,200)+"...":e.content,n="screenshot"===e.type&&e.imageData?`\n        <div class="note-screenshot">\n          <img src="${e.imageData}" alt="视频截图" style="max-width: 100%; border-radius: 4px; margin-top: 8px;">\n        </div>\n        <div class="note-content">${this.escapeHtml(t)}</div>\n      `:`<div class="note-content">${this.escapeHtml(t)}</div>`;let o="",i="";return "screenshot"===e.type?(o=e.timeString||Te.formatTime(e.createdAt||e.timestamp),e.videoTitle&&"未知视频"!==e.videoTitle?i=` · ${this.escapeHtml(e.videoTitle)}`:e.videoBvid&&(i=` · ${this.escapeHtml(e.videoBvid)}`)):(o=Te.formatTime(e.timestamp),e.videoTitle&&(i=` · ${this.escapeHtml(e.videoTitle)}`)),`\n      <div class="note-item ${"screenshot"===e.type?"note-item-screenshot":""}" data-note-id="${e.id}">\n        ${n}\n        <div class="note-footer">\n          <div class="note-time">\n            ${"screenshot"===e.type?"📸 ":""}${o}${i}\n          </div>\n          <div class="note-actions">\n            <button class="note-copy-btn" data-note-id="${e.id}">复制</button>\n            <button class="note-delete-btn" data-note-id="${e.id}">删除</button>\n          </div>\n        </div>\n      </div>\n    `}escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}async copyToClipboard(e){try{if(navigator.clipboard&&navigator.clipboard.writeText)await navigator.clipboard.writeText(e);else {const t=document.createElement("textarea");t.value=e,t.style.position="fixed",t.style.opacity="0",document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t);}}catch(t){console.error("复制失败:",t);}}bindPanelEvents(){const e=this.panel.querySelector(".notes-panel-close");e&&e.addEventListener("click",()=>this.hidePanel());const t=this.panel.querySelector("#filter-text-notes"),n=this.panel.querySelector("#filter-screenshot-notes");t&&t.addEventListener("change",e=>{this.filters.showText=e.target.checked,this.renderPanel();}),n&&n.addEventListener("change",e=>{this.filters.showScreenshot=e.target.checked,this.renderPanel();});const o=this.panel.querySelector(".notes-panel-body");o&&o.addEventListener("click",async e=>{const t=e.target.closest(".note-copy-btn");if(t){const e=t.getAttribute("data-note-id"),n=Te.getAllNotes().find(t=>t.id===e);if(n){await this.copyToClipboard(n.content);const e=t.textContent;t.textContent="✓",setTimeout(()=>{t.textContent=e;},1e3);}return}const n=e.target.closest(".note-delete-btn");if(n){const e=n.getAttribute("data-note-id");return Te.deleteNote(e),void this.renderPanel()}const o=e.target.closest(".note-group-copy-btn");if(o){const e=o.getAttribute("data-date"),t=Te.getGroupedNotes().find(t=>t.date===e);if(t){const e=t.notes.map(e=>e.content).join("\n\n");await this.copyToClipboard(e);const n=o.textContent;o.textContent="✓",setTimeout(()=>{o.textContent=n;},1e3);}return}const i=e.target.closest(".note-group-delete-btn");if(i){const e=i.getAttribute("data-date"),t=Te.getGroupedNotes().find(t=>t.date===e);if(t&&confirm(`确定要删除 ${e} 的 ${t.notes.length} 条笔记吗？`)){const e=t.notes.map(e=>e.id);Te.deleteNotes(e),this.renderPanel();}return}});}addSaveButton(e){if(e.querySelector(".save-subtitle-note-btn"))return;const t=e.querySelector(".subtitle-text")?.textContent;if(!t)return;const n=document.createElement("button");n.className="save-subtitle-note-btn",n.textContent="保存",n.title="保存此字幕为笔记",n.addEventListener("click",e=>{e.stopPropagation(),Te.saveSubtitleNote(t),n.textContent="✓",setTimeout(()=>{n.textContent="保存";},1e3);});const o=e.querySelector(".subtitle-time");o&&o.appendChild(n);}addSaveButtonsToSubtitles(e){e.querySelectorAll(".subtitle-item").forEach(e=>this.addSaveButton(e));}};const Xe=new class{constructor(){this.index=new Map,this.items=[],this.minWordLength=1;}buildIndex(e){this.items=e,this.index.clear(),e.forEach((e,t)=>{this.tokenize(e.content).forEach(e=>{this.index.has(e)||this.index.set(e,[]);const n=this.index.get(e);n.includes(t)||n.push(t);});}),de.debug("SearchIndex",`索引构建完成: ${this.index.size} 个词, ${e.length} 项数据`);}tokenize(e){if(!e)return [];const t=[],n=e.toLowerCase();for(let o=0;o<n.length;o++){n[o].trim()&&t.push(n[o]);for(let e=2;e<=Math.min(4,n.length-o);e++){const i=n.substring(o,o+e);i.trim().length===e&&t.push(i);}}return t}search(e){if(!e||!e.trim())return [];const t=e.toLowerCase().trim();if(this.index.has(t))return this.index.get(t);const n=this.tokenize(t);if(0===n.length)return [];let o=this.index.get(n[0])||[];for(let i=1;i<n.length&&o.length>0;i++){const e=this.index.get(n[i])||[];o=o.filter(t=>e.includes(t));}return o}incrementalSearch(e,t,n){if(e.startsWith(t)&&n.length>0){const t=e.toLowerCase();return n.filter(e=>{const n=this.items[e];return n&&n.content.toLowerCase().includes(t)})}return this.search(e)}clear(){this.index.clear(),this.items=[];}getStats(){return {indexSize:this.index.size,itemsCount:this.items.length,avgIndicesPerWord:this.index.size>0?(Array.from(this.index.values()).reduce((e,t)=>e+t.length,0)/this.index.size).toFixed(2):0}}};const Ye=new class{constructor(){this.container=null,this.video=null,this.isFollowing=true,this.scrollTimer=null,this.followInterval=null,this.userScrollTimeout=null,this.lastScrollTime=0,this.lastHighlightedItem=null,this.config={followIntervalMs:200,userScrollDetectMs:300,scrollBehavior:"smooth",scrollPosition:"start",highlightClass:"current"},this.callbacks={onFollowStatusChange:null,onSubtitleHighlight:null};}init(e,t={}){e?(this.container=e,this.video=document.querySelector("video"),this.video?(this.config={...this.config,...t},this.setupScrollListener(),this.startAutoFollow()):console.warn("SubtitleScrollManager: 未找到视频元素")):console.warn("SubtitleScrollManager: 容器不存在");}setupScrollListener(){this.container&&this.container.addEventListener("scroll",()=>{this.handleUserScroll();},{passive:true});}handleUserScroll(){Date.now()-this.lastScrollTime<50||(this.userScrollTimeout&&clearTimeout(this.userScrollTimeout),this.isFollowing,this.userScrollTimeout=setTimeout(()=>{this.isFollowing&&(this.isFollowing=false,this.triggerFollowStatusChange(false));},this.config.userScrollDetectMs));}startAutoFollow(){this.stopAutoFollow(),this.isFollowing=true,this.triggerFollowStatusChange(true),this.updateScroll(),this.followInterval=setInterval(()=>{this.isFollowing&&this.updateScroll();},this.config.followIntervalMs);}stopAutoFollow(){this.followInterval&&(clearInterval(this.followInterval),this.followInterval=null),this.isFollowing=false,this.triggerFollowStatusChange(false);}resumeAutoFollow(){this.startAutoFollow(),this.scrollToCurrentSubtitle(true);}updateScroll(){if(!this.video||!this.container)return;const e=this.video.currentTime,t=this.container.querySelectorAll(".subtitle-item");if(0===t.length)return;let n=null;for(let o=0;o<t.length;o++){const i=t[o],s=parseFloat(i.dataset.startTime||0),r=parseFloat(i.dataset.endTime||0);if(e>=s&&e<=r){n=i;break}if(o<t.length-1){const r=parseFloat(t[o+1].dataset.startTime||0);if(e>=s&&e<r){n=i;break}}}if(!n){let o=1/0;for(const i of t){const t=parseFloat(i.dataset.startTime||0),s=Math.abs(e-t);s<o&&(o=s,n=i);}}n&&n!==this.lastHighlightedItem&&(this.updateHighlight(n),this.isFollowing&&this.scrollToElement(n));}updateHighlight(e){this.lastHighlightedItem&&this.lastHighlightedItem.classList.remove(this.config.highlightClass),e&&(e.classList.add(this.config.highlightClass),this.lastHighlightedItem=e,this.callbacks.onSubtitleHighlight&&this.callbacks.onSubtitleHighlight(e));}scrollToElement(e,t=false){if(!e||!this.container)return;const n=this.container.getBoundingClientRect(),o=e.getBoundingClientRect();let i;if(t||"center"===this.config.scrollPosition){const e=n.height/2,t=o.height/2;i=o.top-n.top+this.container.scrollTop-e+t;}else "start"===this.config.scrollPosition?(i=e.offsetTop-20,i=Math.max(0,i)):i=e.offsetTop-n.height+o.height;this.lastScrollTime=Date.now(),this.container.scrollTo({top:i,behavior:this.isFollowing?this.config.scrollBehavior:"auto"});}scrollToCurrentSubtitle(e=false){if(!this.video||!this.container)return;const t=this.video.currentTime,n=this.container.querySelectorAll(".subtitle-item");for(const o of n){const n=parseFloat(o.dataset.startTime||0),i=parseFloat(o.dataset.endTime||0);if(t>=n&&t<=i){this.updateHighlight(o),this.scrollToElement(o,e);break}}}triggerFollowStatusChange(e){this.callbacks.onFollowStatusChange&&this.callbacks.onFollowStatusChange(e);}on(e,t){this.callbacks.hasOwnProperty(e)&&(this.callbacks[e]=t);}updateConfig(e){this.config={...this.config,...e};}isAutoFollowing(){return this.isFollowing}destroy(){this.stopAutoFollow(),this.userScrollTimeout&&(clearTimeout(this.userScrollTimeout),this.userScrollTimeout=null),this.lastHighlightedItem&&(this.lastHighlightedItem.classList.remove(this.config.highlightClass),this.lastHighlightedItem=null),this.container=null,this.video=null,this.callbacks={onFollowStatusChange:null,onSubtitleHighlight:null};}};const We=new class{constructor(){this.isDragging=false,this.dragStartX=0,this.dragStartY=0,this.translateX=0,this.translateY=0,this.isResizing=false,this.resizeStartX=0,this.resizeStartY=0,this.resizeStartWidth=0,this.resizeStartHeight=0,this.searchMatches=[],this.currentMatchIndex=-1,this.searchTerm="",this.lastSearchTerm="",this.searchIndexBuilt=false,this.subtitleDataCache=null,this.currentHighlightedIndex=-1,this.debouncedSearch=null,this.throttledHighlight=null,this.aiConfigModalProxy={hide:()=>this.hideAIConfigModal()},this.notionConfigModalProxy={hide:()=>this.hideNotionConfigModal()},this.shortcutConfigModalProxy={hide:()=>this.hideShortcutConfigModal()};}initializeSearchIndex(e){e&&e.length>0&&(Xe.buildIndex(e),this.searchIndexBuilt=true);}bindSubtitlePanelEvents(e){this.restoreContainerState(e),this.bindDragEvents(e),this.bindResizeEvents(e),this.observeContainerResize(e);const t=e.querySelector(".subtitle-close");t&&t.addEventListener("click",()=>{ce.setPanelVisible(false),e.classList.remove("show"),Ye.destroy();});const n=e.querySelectorAll(".subtitle-tab"),o=e.querySelectorAll(".subtitle-panel");n.forEach(e=>{e.addEventListener("click",()=>{const t=e.getAttribute("data-tab");n.forEach(e=>e.classList.remove("active")),e.classList.add("active"),o.forEach(e=>{if(e.id===`${t}-panel`){if(e.style.display="block","subtitles"===t){const t=e.querySelector("#subtitle-list-container");t&&!Ye.container&&this.initSubtitleScroll(t);}}else e.style.display="none";});});});const i=e.querySelector(".ai-icon");i&&i.addEventListener("click",async t=>{t.stopPropagation();const n=ce.getSubtitleData();if(!n||0===n.length)return void He.error("没有可用的字幕数据");if(pe.getSelectedAIConfig())try{await ke.summarize(n,!1);const t=e?.querySelector('.subtitle-tab[data-tab="summary"]');t&&t.click();}catch(o){He.handleError(o,"AI总结");}else He.warning("请先在油猴菜单中AI配置中选择或配置一个AI服务");});const s=e.querySelector("#progress-switch");s&&s.addEventListener("click",()=>{s.classList.toggle("on");s.classList.contains("on")?this.addProgressBarMarkers(e):this.removeProgressBarMarkers();});const r=e.querySelector(".download-icon");r&&r.addEventListener("click",e=>{e.stopPropagation();try{we.downloadSubtitleFile(),He.success("字幕文件已下载");}catch(t){He.handleError(t,"下载字幕");}});const a=e.querySelector(".notion-icon");a&&a.addEventListener("click",async e=>{e.stopPropagation();const t=ce.getSubtitleData();if(t)try{await Se.sendSubtitle(t,!1);}catch(n){He.handleError(n,"Notion发送");}});const l=e.querySelector("#subtitle-list-container");l&&this.initSubtitleScroll(l);const c=e.querySelector("#subtitle-search-input");c&&(this.debouncedSearch||(this.debouncedSearch=ve((e,t)=>{this.handleSearch(e,t);},300)),c.addEventListener("input",t=>{this.debouncedSearch(e,t.target.value);}),c.addEventListener("keydown",t=>{"Enter"===t.key&&(t.preventDefault(),this.navigateSearch(e,1));}));const d=e.querySelector("#search-prev"),p=e.querySelector("#search-next");d&&d.addEventListener("click",()=>{this.navigateSearch(e,-1);}),p&&p.addEventListener("click",()=>{this.navigateSearch(e,1);}),e.addEventListener("click",t=>{const n=t.target.closest(".section-item");if(n){t.stopPropagation();const e=window.getSelection();e&&e.removeAllRanges(),de.info("EventHandlers","段落元素被点击");const o=n.getAttribute("data-time");if(de.info("EventHandlers","时间戳字符串:",o),o){let e=0;const t=o.match(/\[?(\d{1,2}):(\d{2})(?::(\d{2}))?\]?/);if(t){const[i,s,r,a]=t;e=a?3600*parseInt(s)+60*parseInt(r)+parseInt(a):60*parseInt(s)+parseInt(r),de.info("EventHandlers","解析后的秒数:",e);const l=document.querySelector(J);if(l){l.currentTime=e;const t=o.replace(/[\[\]]/g,"");He.show(`跳转到 ${t}`,"info"),n.classList.add("clicked"),setTimeout(()=>{n.classList.remove("clicked");},300);}}}return}const o=t.target.closest(".save-subtitle-note-btn");if(o){t.stopPropagation();const e=o.getAttribute("data-content");return void(e&&(Te.saveSubtitleNote(e),o.textContent="✓",setTimeout(()=>{o.textContent="保存";},1e3)))}const i=t.target.closest(".subtitle-item");if(i){const t=document.querySelector(J);if(t){const n=parseFloat(i.dataset.from);e.querySelectorAll(".subtitle-item").forEach(e=>{e.classList.remove("current");}),i.classList.add("current"),t.currentTime=n;}}}),this.syncSubtitleHighlight(e);}setupDragging(e){const t=e.querySelector(".subtitle-header");t&&(t.addEventListener("mousedown",t=>{t.target.closest(".subtitle-close")||t.target.closest(".ai-icon")||t.target.closest(".download-icon")||t.target.closest(".notion-icon")||t.target.closest(".subtitle-search-container")||(this.isDragging=true,this.dragStartX=t.clientX,this.dragStartY=t.clientY,e.style.willChange="transform",t.preventDefault());}),document.addEventListener("mousemove",t=>{this.isDragging&&requestAnimationFrame(()=>{const n=t.clientX-this.dragStartX,o=t.clientY-this.dragStartY;this.translateX+=n,this.translateY+=o,this.dragStartX=t.clientX,this.dragStartY=t.clientY,e.style.transform=`translate(${this.translateX}px, ${this.translateY}px)`;});}),document.addEventListener("mouseup",()=>{this.isDragging&&(this.isDragging=false,e.style.willChange="auto",this.savePanelPosition(e));}));}setupResize(e){const t=e.querySelector(".subtitle-resize-handle");t&&(t.addEventListener("mousedown",t=>{this.isResizing=true,this.resizeStartX=t.clientX,this.resizeStartY=t.clientY,this.resizeStartWidth=e.offsetWidth,this.resizeStartHeight=e.offsetHeight,t.preventDefault(),t.stopPropagation();}),document.addEventListener("mousemove",t=>{this.isResizing&&requestAnimationFrame(()=>{const n=t.clientX-this.resizeStartX,o=t.clientY-this.resizeStartY,i=this.resizeStartWidth+n,s=this.resizeStartHeight+o,r=Math.max(300,Math.min(800,i)),a=.9*window.innerHeight,l=Math.max(400,Math.min(a,s));e.style.width=`${r}px`,e.style.maxHeight=`${l}px`;});}),document.addEventListener("mouseup",()=>{this.isResizing&&(this.isResizing=false,this.savePanelDimensions(e));}));}savePanelPosition(e){try{localStorage.setItem("subtitle_panel_position",JSON.stringify({translateX:this.translateX,translateY:this.translateY}));}catch(t){console.error("保存面板位置失败:",t);}}savePanelDimensions(e){try{localStorage.setItem("subtitle_panel_dimensions",JSON.stringify({width:e.offsetWidth,height:e.offsetHeight}));}catch(t){console.error("保存面板尺寸失败:",t);}}loadPanelDimensions(e){try{const t=localStorage.getItem("subtitle_panel_dimensions");if(t){const{width:n,height:o}=JSON.parse(t);e.style.width=`${n}px`,e.style.maxHeight=`${o}px`;}const n=localStorage.getItem("subtitle_panel_position");if(n){const{translateX:t,translateY:o}=JSON.parse(n);this.translateX=t,this.translateY=o,e.style.transform=`translate(${t}px, ${o}px)`;}}catch(t){console.error("加载面板设置失败:",t);}}syncSubtitleHighlight(e){const t=Le.get(J);if(!t)return;const n=Array.from(e.querySelectorAll(".subtitle-item"));this.subtitleDataCache=n.map(e=>({element:e,from:parseFloat(e.dataset.from),to:parseFloat(e.dataset.to)})),this.throttledHighlight||(this.throttledHighlight=function(e){let t=null;return function(...n){null===t&&(t=requestAnimationFrame(()=>{e.apply(this,n),t=null;}));}}(e=>{this.updateSubtitleHighlight(e);})),t.addEventListener("timeupdate",()=>{this.throttledHighlight(t.currentTime);});}updateSubtitleHighlight(e){if(!this.subtitleDataCache||0===this.subtitleDataCache.length)return;const t=function(e,t){if(!e||0===e.length)return  -1;if(e.length<50){for(let n=0;n<e.length;n++)if(t>=e[n].from&&t<=e[n].to)return n;return  -1}let n=0,o=e.length-1;for(;n<=o;){const i=Math.floor((n+o)/2),s=e[i];if(t>=s.from&&t<=s.to)return i;t<s.from?o=i-1:n=i+1;}return  -1}(this.subtitleDataCache,e);t!==this.currentHighlightedIndex&&(this.currentHighlightedIndex>=0&&this.currentHighlightedIndex<this.subtitleDataCache.length&&this.subtitleDataCache[this.currentHighlightedIndex].element.classList.remove("current"),t>=0&&this.subtitleDataCache[t].element.classList.add("current"),this.currentHighlightedIndex=t);}handleSearch(e,t){if(this.searchTerm=t.trim(),this.clearSearchHighlights(e),!this.searchTerm)return this.updateSearchCounter(0,0),void(this.lastSearchTerm="");if(!this.searchIndexBuilt){const e=ce.getSubtitleData();e&&(Xe.buildIndex(e),this.searchIndexBuilt=true);}this.searchMatches=[],this.highlightSearchInContainer(e),this.updateSearchCounter(this.searchMatches.length>0?1:0,this.searchMatches.length),this.searchMatches.length>0&&(this.currentMatchIndex=0,this.scrollToMatch(this.searchMatches[0])),this.lastSearchTerm=this.searchTerm;}highlightSearchInContainer(e){const t=e.querySelector(".subtitle-content");if(!t)return;const n=t.querySelector(".ai-summary-section");if(n){const e=n.querySelector(".ai-summary-content");e&&this.highlightInElement(e,this.searchTerm);}t.querySelectorAll(".subtitle-item").forEach(e=>{const t=e.querySelector(".subtitle-text");t&&this.highlightInElement(t,this.searchTerm);});}highlightInElement(e,t){const n=e.textContent,o=new RegExp(`(${this.escapeRegex(t)})`,"gi");if(n.match(o)){let t=n.replace(o,e=>`<mark class="search-highlight" data-search-match>${e}</mark>`);e.innerHTML=t;e.querySelectorAll("mark[data-search-match]").forEach(e=>{this.searchMatches.push(e);});}}escapeRegex(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}clearSearchHighlights(e){e.querySelectorAll("mark[data-search-match]").forEach(e=>{const t=e.textContent,n=document.createTextNode(t);e.parentNode.replaceChild(n,e);}),this.searchMatches=[],this.currentMatchIndex=-1;}navigateSearch(e,t){if(0===this.searchMatches.length)return;this.currentMatchIndex>=0&&this.currentMatchIndex<this.searchMatches.length&&(this.searchMatches[this.currentMatchIndex].classList.remove("search-highlight-current"),this.searchMatches[this.currentMatchIndex].classList.add("search-highlight")),this.currentMatchIndex+=t,this.currentMatchIndex>=this.searchMatches.length?this.currentMatchIndex=0:this.currentMatchIndex<0&&(this.currentMatchIndex=this.searchMatches.length-1);const n=this.searchMatches[this.currentMatchIndex];n.classList.remove("search-highlight"),n.classList.add("search-highlight-current"),this.scrollToMatch(n),this.updateSearchCounter(this.currentMatchIndex+1,this.searchMatches.length);}scrollToMatch(e){e.classList.add("search-highlight-current"),e.scrollIntoView({behavior:"smooth",block:"center"});}updateSearchCounter(e,t){const n=document.getElementById("search-counter");n&&(n.textContent=`${e}/${t}`);const o=document.getElementById("search-controls");o&&(o.style.display=t>0?"flex":"none");const i=document.getElementById("search-prev"),s=document.getElementById("search-next");i&&(i.disabled=0===t),s&&(s.disabled=0===t);}showAIConfigModal(){const e=document.getElementById("ai-config-modal");if(!e)return;const t=document.getElementById("ai-config-list");t&&Ue.renderAIConfigList(t),this.clearAIConfigForm();const n=e.querySelector(".ai-config-form");n&&n.classList.add("hidden"),document.getElementById("ai-auto-summary-enabled").checked=pe.getAIAutoSummaryEnabled(),e.classList.add("show"),Ge.push(this.aiConfigModalProxy);}hideAIConfigModal(){const e=document.getElementById("ai-config-modal");if(!e)return;const t=document.getElementById("ai-auto-summary-enabled").checked;pe.setAIAutoSummaryEnabled(t),e.classList.remove("show"),this.clearAIConfigForm(),Ge.pop(this.aiConfigModalProxy);}clearAIConfigForm(){const e=document.getElementById("ai-config-name"),t=document.getElementById("ai-config-url"),n=document.getElementById("ai-config-apikey"),o=document.getElementById("ai-config-model"),i=document.getElementById("ai-config-prompt1"),s=document.getElementById("ai-config-prompt2"),r=document.getElementById("ai-config-is-openrouter"),a=document.getElementById("ai-save-new-btn"),l=document.getElementById("ai-update-btn"),c=document.getElementById("model-select-wrapper"),d=document.getElementById("api-key-help-link");e&&(e.value=""),t&&(t.value="https://openrouter.ai/api/v1/chat/completions"),n&&(n.value=""),o&&(o.value="alibaba/tongyi-deepresearch-30b-a3b:free"),i&&(i.value=""),s&&(s.value=""),r&&(r.checked=true),a&&(a.style.display=""),l&&(l.style.display="none"),c&&(c.style.display="none"),d&&(d.innerHTML="");}showNotionConfigModal(){const e=document.getElementById("notion-config-modal");if(!e)return;const t=pe.getNotionConfig();document.getElementById("notion-api-key").value=t.apiKey,document.getElementById("notion-parent-page-id").value=t.parentPageId,document.getElementById("notion-auto-send-enabled").checked=pe.getNotionAutoSendEnabled();const n=document.getElementById("notion-status-message");n&&(n.innerHTML=""),e.classList.add("show"),Ge.push(this.notionConfigModalProxy);}hideNotionConfigModal(){const e=document.getElementById("notion-config-modal");e&&e.classList.remove("show"),Ge.pop(this.notionConfigModalProxy);}showShortcutConfigModal(){try{de.debug("EventHandlers","显示快捷键配置模态框");const e=document.getElementById("shortcut-config-modal");if(e)return e.classList.add("show"),void Ge.push(this.shortcutConfigModalProxy);const t=Ue.renderShortcutConfigModal();if(!t)return console.error("[EventHandlers] 无法生成快捷键配置模态框HTML"),void He.error("无法打开快捷键设置");const n=document.createElement("div");n.innerHTML=t;const o=n.firstElementChild;if(!o)return console.error("[EventHandlers] 无法创建模态框元素"),void He.error("无法创建快捷键设置界面");document.body.appendChild(o),requestAnimationFrame(()=>{o.classList.add("show"),Ge.push(this.shortcutConfigModalProxy);}),this.bindShortcutConfigModalEvents(o),de.debug("EventHandlers","快捷键配置模态框已显示");}catch(e){console.error("[EventHandlers] 显示快捷键配置模态框失败:",e),He.error("打开快捷键设置失败: "+e.message);}}hideShortcutConfigModal(){const e=document.getElementById("shortcut-config-modal");e&&(e.classList.remove("show"),Ge.pop(this.shortcutConfigModalProxy),setTimeout(()=>{e&&e.parentNode&&e.parentNode.removeChild(e);},300));}bindShortcutConfigModalEvents(e){const t=e.querySelector(".config-modal-close");t&&t.addEventListener("click",()=>{this.hideShortcutConfigModal();}),e.addEventListener("click",t=>{t.target===e&&this.hideShortcutConfigModal();});e.querySelectorAll(".shortcut-input").forEach(e=>{e.addEventListener("click",t=>{t.preventDefault(),this.startShortcutCapture(e);});});e.querySelectorAll(".shortcut-reset-btn").forEach(t=>{t.addEventListener("click",()=>{const n=t.dataset.key,o=ge.constructor.DEFAULT_SHORTCUTS||{};if(o[n]){ge.updateShortcut(n,o[n]);const t=e.querySelector(`.shortcut-input[data-key="${n}"]`);t&&(t.value=ge.formatShortcut(o[n])),He.success("已重置到默认值");}});});const n=e.querySelector("#reset-all-shortcuts");n&&n.addEventListener("click",()=>{confirm("确定要重置所有快捷键到默认值吗？")&&(ge.resetToDefaults(),He.success("快捷键已重置到默认值"),this.hideShortcutConfigModal(),this.showShortcutConfigModal());});}startShortcutCapture(e){const t=e.dataset.key;e.classList.add("recording"),e.value="按下快捷键...";let n=null,o="";const i=s=>{if(s.preventDefault(),s.stopPropagation(),"Escape"===s.key)return e.classList.remove("recording"),e.value=ge.formatShortcut(ge.getAllShortcuts()[t]),void document.removeEventListener("keydown",i);if("takeScreenshot"===t&&"Slash"===s.code){if("Slash"===o&&n){clearTimeout(n);const o={key:"Slash",ctrl:false,alt:false,shift:false,doubleClick:true};ge.updateShortcut(t,o).success&&(e.value=ge.formatShortcut(o),He.success("快捷键已更新")),e.classList.remove("recording"),document.removeEventListener("keydown",i);}else o="Slash",n=setTimeout(()=>{n=null,o="";},300);return}const r={key:s.code||s.key,ctrl:s.ctrlKey||s.metaKey,alt:s.altKey,shift:s.shiftKey,doubleClick:false},a=ge.checkConflict(t,r);if(a)He.warning(`与"${a}"冲突，请重新设置`),e.value=ge.formatShortcut(ge.getAllShortcuts()[t]);else {const n=ge.updateShortcut(t,r);n.success?(e.value=ge.formatShortcut(r),He.success("快捷键已更新")):(He.error(n.error),e.value=ge.formatShortcut(ge.getAllShortcuts()[t]));}e.classList.remove("recording"),document.removeEventListener("keydown",i);};document.addEventListener("keydown",i);}bindAIConfigModalEvents(e){e.addEventListener("click",t=>{t.target===e&&this.hideAIConfigModal();});const t=document.getElementById("ai-config-list");t&&t.addEventListener("click",n=>{const o=n.target.closest(".ai-config-item"),i=n.target.closest(".ai-edit-btn");if(i){const t=i.dataset.id,n=e.querySelector(".ai-config-form");n&&n.classList.remove("hidden"),this.loadConfigToForm(t);}else if(o&&!i){const n=o.dataset.id;pe.setSelectedAIConfigId(n),Ue.renderAIConfigList(t);const i=pe.getAIConfigs().find(e=>e.id===n);He.success(`已选择配置: ${i.name}`);const s=e.querySelector(".ai-config-form");s&&s.classList.remove("hidden"),this.loadConfigToForm(n);}});const n=document.getElementById("ai-start-summary-btn");n&&n.addEventListener("click",async()=>{const e=ce.getSubtitleData();if(!e||0===e.length)return void He.error("没有可用的字幕数据");if(pe.getSelectedAIConfig()){this.hideAIConfigModal();try{await ke.summarize(e,!1);const t=document.getElementById("subtitle-container"),n=t?.querySelector('.subtitle-tab[data-tab="summary"]');n&&n.click();}catch(t){He.handleError(t,"AI总结");}}else He.warning("请先选择或配置一个AI服务");}),document.getElementById("ai-new-config-btn").addEventListener("click",()=>{this.clearAIConfigForm();const t=e.querySelector(".ai-config-form");t&&(t.classList.remove("hidden"),setTimeout(()=>{t.scrollIntoView({behavior:"smooth",block:"nearest"});},100)),He.info("请填写新配置信息");}),document.getElementById("ai-save-new-btn").addEventListener("click",()=>{this.saveNewAIConfig();}),document.getElementById("ai-update-btn").addEventListener("click",()=>{this.updateAIConfig();}),document.getElementById("ai-cancel-btn").addEventListener("click",()=>{this.hideAIConfigModal();}),document.getElementById("ai-delete-current-btn").addEventListener("click",()=>{const e=document.getElementById("ai-delete-current-btn"),t=e?.dataset.deleteId;if(t&&He.confirm("确定要删除这个配置吗？")){const n=pe.deleteAIConfig(t);if(n.success){He.success("配置已删除");const t=document.getElementById("ai-config-list");t&&Ue.renderAIConfigList(t);const n=document.querySelector(".ai-config-form");n&&n.classList.add("hidden"),e.style.display="none";}else He.error(n.error);}}),document.getElementById("fetch-models-btn").addEventListener("click",async()=>{await this.fetchModels();});}loadConfigToForm(e){const t=pe.getAIConfigs().find(t=>t.id===e);if(!t)return;const n=document.getElementById("ai-config-name"),o=document.getElementById("ai-config-url"),i=document.getElementById("ai-config-apikey"),s=document.getElementById("ai-config-model"),r=document.getElementById("ai-config-prompt1"),a=document.getElementById("ai-config-prompt2"),l=document.getElementById("ai-config-is-openrouter"),c=document.getElementById("ai-save-new-btn"),d=document.getElementById("ai-update-btn"),p=document.getElementById("model-select-wrapper");n&&(n.value=t.name),o&&(o.value=t.url),i&&(i.value=t.apiKey),s&&(s.value=t.model),r&&(r.value=t.prompt1||""),a&&(a.value=t.prompt2||""),l&&(l.checked=t.isOpenRouter||false);const u=document.getElementById("api-key-help-link");u&&N[t.id]?u.innerHTML=`<a href="${N[t.id]}" target="_blank" style="color: #60a5fa; text-decoration: none;">📖 如何获取API Key?</a>`:u&&(u.innerHTML=""),c&&(c.style.display="none"),d&&(d.style.display="",d.dataset.editId=e),p&&(p.style.display="none");const h=document.getElementById("ai-delete-current-btn");h&&("openrouter"===e||"openai"===e||"siliconflow"===e||"deepseek"===e||"moonshot"===e||"zhipu"===e||"yi"===e||"dashscope"===e||"gemini"===e?h.style.display="none":(h.style.display="",h.dataset.deleteId=e)),setTimeout(()=>{const e=document.querySelector(".ai-config-form");e&&e.scrollIntoView({behavior:"smooth",block:"nearest"});},100);}editAIConfig(e){this.loadConfigToForm(e);}saveNewAIConfig(){const e={name:document.getElementById("ai-config-name").value.trim(),url:document.getElementById("ai-config-url").value.trim(),apiKey:document.getElementById("ai-config-apikey").value.trim(),model:document.getElementById("ai-config-model").value.trim(),prompt1:document.getElementById("ai-config-prompt1").value,prompt2:document.getElementById("ai-config-prompt2").value,isOpenRouter:document.getElementById("ai-config-is-openrouter").checked},t=pe.addAIConfig(e);if(t.success){He.success(`配置"${e.name}"已添加`);const t=document.getElementById("ai-config-list");t&&Ue.renderAIConfigList(t),this.clearAIConfigForm();}else He.error(t.error);}updateAIConfig(){const e=document.getElementById("ai-update-btn").dataset.editId;if(!e)return;const t={name:document.getElementById("ai-config-name").value.trim(),url:document.getElementById("ai-config-url").value.trim(),apiKey:document.getElementById("ai-config-apikey").value.trim(),model:document.getElementById("ai-config-model").value.trim(),prompt1:document.getElementById("ai-config-prompt1").value,prompt2:document.getElementById("ai-config-prompt2").value,isOpenRouter:document.getElementById("ai-config-is-openrouter").checked},n=pe.updateAIConfig(e,t);if(n.success){He.success(`配置"${t.name}"已更新`);const e=document.getElementById("ai-config-list");e&&Ue.renderAIConfigList(e),this.clearAIConfigForm();}else He.error(n.error);}async fetchModels(){const e=document.getElementById("ai-config-apikey").value.trim(),t=document.getElementById("ai-config-url").value.trim(),n=document.getElementById("ai-config-is-openrouter").checked;if(!e)return void He.error("请先填写 API Key");if(!n)return void He.error("仅OpenRouter支持获取模型列表");const o=document.getElementById("fetch-models-btn");o.disabled=true,o.textContent="获取中...";try{const n=await ke.fetchOpenRouterModels(e,t),o=document.getElementById("model-select-wrapper"),i=document.getElementById("model-select"),s=document.getElementById("model-search-input");if(!i)return void He.error("模型选择器未找到");this.allModels=n,i.innerHTML="",n.forEach(e=>{const t=document.createElement("option");t.value=e.id,t.textContent=`${e.name||e.id} (${e.context_length||"N/A"} tokens)`,t.title=e.id,i.appendChild(t);}),o&&(o.style.display="block"),i.onchange=()=>{document.getElementById("ai-config-model").value=i.value;},i.ondblclick=()=>{document.getElementById("ai-config-model").value=i.value,He.success("已选择模型");},s&&(s.value="",s.oninput=e=>{this.filterModels(e.target.value);},s.onkeydown=e=>{"Enter"===e.key&&i.options.length>0&&(i.selectedIndex=0,document.getElementById("ai-config-model").value=i.options[0].value,He.success("已选择: "+i.options[0].text));}),He.success(`已获取 ${n.length} 个模型`);}catch(i){He.error(`获取模型列表失败: ${i.message}`);}finally{o.disabled=false,o.textContent="获取模型";}}filterModels(e){if(!this.allModels)return;const t=document.getElementById("model-select");if(!t)return;const n=e.toLowerCase().trim();if(!n)return t.innerHTML="",void this.allModels.forEach(e=>{const n=document.createElement("option");n.value=e.id,n.textContent=`${e.name||e.id} (${e.context_length||"N/A"} tokens)`,n.title=e.id,t.appendChild(n);});const o=this.allModels.filter(e=>{const t=(e.id||"").toLowerCase(),o=(e.name||"").toLowerCase();return t.includes(n)||o.includes(n)});t.innerHTML="",o.forEach(e=>{const n=document.createElement("option");n.value=e.id,n.textContent=`${e.name||e.id} (${e.context_length||"N/A"} tokens)`,n.title=e.id,t.appendChild(n);});const i=document.getElementById("model-search-input");i&&(i.placeholder=o.length>0?`找到 ${o.length} 个模型`:"未找到匹配的模型");}addProgressBarMarkers(e){const t=e.querySelectorAll(".section-item[data-time]"),n=document.querySelector("video"),o=document.querySelector(".bpx-player-progress-wrap");if(!n||!o)return;const i=n.duration;if(!i)return;let s=o.querySelector(".ai-points-container");s||(s=document.createElement("div"),s.className="ai-points-container",o.appendChild(s)),s.innerHTML="",t.forEach(e=>{const t=e.getAttribute("data-time");if(!t)return;const o=t.match(/\[(\d{1,2}):(\d{2})\]/);if(!o)return;const r=60*parseInt(o[1])+parseInt(o[2]),a=r/i*100,l=document.createElement("span");l.className="bpx-player-progress-point bpx-player-progress-point-aipoint",l.style.cssText=`left: ${a}%;`,l.setAttribute("data-time",r),l.addEventListener("click",()=>{n.currentTime=r;}),s.appendChild(l);}),this._addProgressBarStyles();}removeProgressBarMarkers(){const e=document.querySelector(".ai-points-container");e&&e.remove();}_addProgressBarStyles(){if(document.querySelector("#ai-progress-styles"))return;const e=document.createElement("style");e.id="ai-progress-styles",e.textContent="\n      .ai-points-container {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 5;\n      }\n      \n      .bpx-player-progress-point-aipoint {\n        position: absolute;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        width: 8px;\n        height: 8px;\n        background: #ff69b4;\n        border: 2px solid rgba(255, 255, 255, 0.9);\n        border-radius: 50%;\n        opacity: 0.9;\n        pointer-events: auto;\n        cursor: pointer;\n        transition: all 0.2s;\n        box-shadow: 0 0 4px rgba(255, 105, 180, 0.6);\n      }\n      \n      .bpx-player-progress-point-aipoint:hover {\n        opacity: 1;\n        transform: translate(-50%, -50%) scale(1.5);\n        box-shadow: 0 0 8px rgba(255, 105, 180, 0.9);\n      }\n    ",document.head.appendChild(e);}initSubtitleScroll(e){if(!e)return void de.warn("EventHandlers","字幕容器不存在，无法初始化滚动");const t=document.querySelector("#subtitle-follow-btn");Ye.init(e,{followIntervalMs:200,userScrollDetectMs:300,scrollBehavior:"smooth",scrollPosition:"center",highlightClass:"current"}),Ye.on("onFollowStatusChange",e=>{t&&(t.style.display=e?"none":"block"),de.debug("字幕滚动",`跟随状态改变: ${e}`);}),t&&t.addEventListener("click",()=>{de.debug("字幕滚动","点击恢复滚动"),Ye.resumeAutoFollow();}),de.info("EventHandlers","字幕滚动管理器初始化完成");}bindNotionConfigModalEvents(e){e.addEventListener("click",t=>{t.target===e&&this.hideNotionConfigModal();}),document.getElementById("notion-save-btn").addEventListener("click",()=>{const e=document.getElementById("notion-api-key").value.trim(),t=document.getElementById("notion-parent-page-id").value.trim(),n=document.getElementById("notion-auto-send-enabled").checked;if(!e)return void Ue.showNotionStatus("请输入 API Key",true);if(!t)return void Ue.showNotionStatus("请输入目标位置（Page ID 或 Database ID）",true);const o=pe.saveNotionConfig({apiKey:e,parentPageId:t});o.success?(pe.setNotionAutoSendEnabled(n),Ue.showNotionStatus("配置已保存"),setTimeout(()=>{this.hideNotionConfigModal();},1500)):Ue.showNotionStatus(o.error,true);}),document.getElementById("notion-cancel-btn").addEventListener("click",()=>{this.hideNotionConfigModal();});}restoreContainerState(e){const t=localStorage.getItem("subtitle-container-state");if(t)try{const n=JSON.parse(t);n.width&&(e.style.width=n.width),n.height&&(e.style.height=n.height),n.top&&(e.style.top=n.top),n.left&&(e.style.left=n.left);}catch(n){de.warn("EventHandlers","恢复容器状态失败:",n);}}parsePositionValue(e,t){return e?e.endsWith("px")?parseInt(e):e.endsWith("%")?parseInt(e)/100*t:parseInt(e)||0:0}resetContainerPosition(e){localStorage.removeItem("subtitle-container-state"),e.style.width="500px",e.style.height="600px",e.style.top="10%",e.style.left="100%",e.style.marginLeft="10px",He.success("字幕面板位置已重置");}saveContainerState(e){const t={width:e.style.width||e.offsetWidth+"px",height:e.style.height||e.offsetHeight+"px",top:e.style.top||"10%",left:e.style.left||"100%"};localStorage.setItem("subtitle-container-state",JSON.stringify(t));}bindDragEvents(e){const t=e.querySelector(".subtitle-header");if(!t)return;let n=false,o=0,i=0,s=0,r=0;const a=a=>{if(a.target.closest("button")||a.target.closest("input")||a.target.closest(".subtitle-search-container")||a.target.closest(".ai-icon")||a.target.closest(".notion-icon")||a.target.closest(".subtitle-close"))return;n=true,o=a.clientX,i=a.clientY;const l=e.getBoundingClientRect(),c=document.querySelector(".bpx-player-primary-area"),d=c?.getBoundingClientRect()||{left:0,top:0};s=l.left-d.left,r=l.top-d.top,t.style.cursor="grabbing",a.preventDefault();},l=t=>{if(!n)return;const a=t.clientX-o,l=t.clientY-i,c=s+a,d=r+l;e.style.left=c+"px",e.style.top=d+"px",e.style.marginLeft="0";},c=()=>{n&&(n=false,t.style.cursor="move",this.saveContainerState(e));};t.addEventListener("mousedown",a),document.addEventListener("mousemove",l),document.addEventListener("mouseup",c),e._dragCleanup=()=>{t.removeEventListener("mousedown",a),document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",c);};}bindResizeEvents(e){let t=false,n="",o=0,i=0,s=0,r=0,a=0,l=0;const c=(e,t)=>{const n=e.clientX-t.left,o=e.clientY-t.top,i=t.width,s=t.height;let r="";return o<8?r+="n":o>s-8&&(r+="s"),n<8?r+="w":n>i-8&&(r+="e"),r},d=n=>{if(t)return;const o=e.getBoundingClientRect(),i=c(n,o);e.className=e.className.replace(/\bresize-\w+\b/g,""),i&&e.classList.add(`resize-${i}`);},p=d=>{const p=e.getBoundingClientRect();n=c(d,p),n&&(d.target.closest(".subtitle-header")||(t=true,o=d.clientX,i=d.clientY,s=e.offsetWidth,r=e.offsetHeight,a=e.offsetLeft,l=e.offsetTop,d.preventDefault(),d.stopPropagation()));},u=c=>{if(!t)return;const d=c.clientX-o,p=c.clientY-i;let u=s,h=r,g=a,m=l;if(n.includes("e")&&(u=Math.max(400,Math.min(800,s+d))),n.includes("w")){const e=s-d;u=Math.max(400,Math.min(800,e)),g=a+(s-u);}if(n.includes("s")&&(h=Math.max(400,Math.min(.9*window.innerHeight,r+p))),n.includes("n")){const e=r-p;h=Math.max(400,Math.min(.9*window.innerHeight,e)),m=l+(r-h);}e.style.width=u+"px",e.style.height=h+"px",e.style.left=g+"px",e.style.top=m+"px";},h=()=>{t&&(t=false,n="",this.saveContainerState(e));};e.addEventListener("mousemove",d),e.addEventListener("mousedown",p),document.addEventListener("mousemove",u),document.addEventListener("mouseup",h),e._resizeCleanup=()=>{e.removeEventListener("mousemove",d),e.removeEventListener("mousedown",p),document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",h);};}observeContainerResize(e){const t=new ResizeObserver(ve(()=>{this.saveContainerState(e);},500));t.observe(e),e._resizeObserver=t;}};const Qe=new class{constructor(){this.modal=null;}createModal(){return this.modal||(this.modal=document.createElement("div"),this.modal.id="help-modal",this.modal.className="config-modal",document.body.appendChild(this.modal)),this.modal}show(){const e=this.createModal();this.renderModal(),e.classList.add("show"),Ge.push(this);}hide(){this.modal&&this.modal.classList.remove("show"),Ge.pop(this);}renderModal(){this.modal.innerHTML='\n      <div class="config-modal-content">\n        <div class="config-modal-header">\n          <span>使用帮助</span>\n        </div>\n        <div class="config-modal-body">\n          <div style="margin-bottom: 20px;">\n            <h3 style="color: #fff; margin-bottom: 10px; font-size: 16px;">功能特性</h3>\n            <ul style="line-height: 1.8; color: #e5e7eb;">\n              <li><strong>字幕提取</strong> - 自动检测并提取B站AI字幕和人工字幕</li>\n              <li><strong>AI智能总结</strong> - 支持OpenAI、OpenRouter等多种AI服务</li>\n              <li><strong>Notion集成</strong> - 一键发送字幕和总结到Notion数据库</li>\n              <li><strong>笔记保存</strong> - 选中任意文字显示粉色钢笔图标保存笔记</li>\n              <li><strong>播放速度控制</strong> - 键盘快捷键控制速度</li>\n            </ul>\n          </div>\n\n          <div style="margin-bottom: 20px;">\n            <h3 style="color: #fff; margin-bottom: 10px; font-size: 16px;">快捷键</h3>\n            <table style="width: 100%; border-collapse: collapse; font-size: 13px;">\n              <thead>\n                <tr style="background: rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(254, 235, 234, 0.2);">\n                  <th style="padding: 8px; text-align: left; font-weight: 600; color: #fff;">功能</th>\n                  <th style="padding: 8px; text-align: left; font-weight: 600; color: #fff;">快捷键</th>\n                  <th style="padding: 8px; text-align: left; font-weight: 600; color: #fff;">说明</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr style="border-bottom: 1px solid rgba(254, 235, 234, 0.1);">\n                  <td style="padding: 8px; color: #e5e7eb;">切换字幕面板</td>\n                  <td style="padding: 8px;"><code style="background: rgba(255, 255, 255, 0.1); padding: 2px 6px; border-radius: 3px; color: #feebea;">Cmd/Ctrl + B</code></td>\n                  <td style="padding: 8px; color: rgba(255, 255, 255, 0.7);">显示/隐藏字幕面板</td>\n                </tr>\n                <tr style="border-bottom: 1px solid rgba(254, 235, 234, 0.1);">\n                  <td style="padding: 8px; color: #e5e7eb;">视频截图</td>\n                  <td style="padding: 8px;"><code style="background: rgba(255, 255, 255, 0.1); padding: 2px 6px; border-radius: 3px; color: #feebea;">Cmd/Ctrl + S</code></td>\n                  <td style="padding: 8px; color: rgba(255, 255, 255, 0.7);">截图并保存到笔记</td>\n                </tr>\n                <tr style="border-bottom: 1px solid rgba(254, 235, 234, 0.1);">\n                  <td style="padding: 8px; color: #e5e7eb;">增加速度</td>\n                  <td style="padding: 8px;"><code style="background: rgba(255, 255, 255, 0.1); padding: 2px 6px; border-radius: 3px; color: #feebea;">.</code></td>\n                  <td style="padding: 8px; color: rgba(255, 255, 255, 0.7);">每次增加0.1x</td>\n                </tr>\n                <tr style="border-bottom: 1px solid rgba(254, 235, 234, 0.1);">\n                  <td style="padding: 8px; color: #e5e7eb;">减少速度</td>\n                  <td style="padding: 8px;"><code style="background: rgba(255, 255, 255, 0.1); padding: 2px 6px; border-radius: 3px; color: #feebea;">,</code></td>\n                  <td style="padding: 8px; color: rgba(255, 255, 255, 0.7);">每次减少0.1x</td>\n                </tr>\n                <tr style="border-bottom: 1px solid rgba(254, 235, 234, 0.1);">\n                  <td style="padding: 8px; color: #e5e7eb;">2倍速</td>\n                  <td style="padding: 8px;"><code style="background: rgba(255, 255, 255, 0.1); padding: 2px 6px; border-radius: 3px; color: #feebea;">.. (双击)</code></td>\n                  <td style="padding: 8px; color: rgba(255, 255, 255, 0.7);">直接设为2倍速</td>\n                </tr>\n                <tr style="border-bottom: 1px solid rgba(254, 235, 234, 0.1);">\n                  <td style="padding: 8px; color: #e5e7eb;">重置速度</td>\n                  <td style="padding: 8px;"><code style="background: rgba(255, 255, 255, 0.1); padding: 2px 6px; border-radius: 3px; color: #feebea;">,, (双击)</code></td>\n                  <td style="padding: 8px; color: rgba(255, 255, 255, 0.7);">重置为1倍速</td>\n                </tr>\n                <tr style="border-bottom: 1px solid rgba(254, 235, 234, 0.1);">\n                  <td style="padding: 8px; color: #e5e7eb;">临时加速</td>\n                  <td style="padding: 8px;"><code style="background: rgba(255, 255, 255, 0.1); padding: 2px 6px; border-radius: 3px; color: #feebea;">右Option键</code></td>\n                  <td style="padding: 8px; color: rgba(255, 255, 255, 0.7);">按住时1.5x加速</td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n\n          <div style="margin-bottom: 20px;">\n            <h3 style="color: #fff; margin-bottom: 10px; font-size: 16px;">使用说明</h3>\n            <div style="line-height: 1.8; color: #e5e7eb;">\n              <p style="margin: 8px 0;"><strong>字幕提取：</strong>打开B站视频，等待几秒，字幕面板自动出现在右侧</p>\n              <p style="margin: 8px 0;"><strong>AI总结：</strong>配置AI服务（菜单 → AI配置），点击魔法棒图标 ✨</p>\n              <p style="margin: 8px 0;"><strong>笔记保存：</strong>选中任意文字，点击粉色钢笔图标</p>\n              <p style="margin: 8px 0;"><strong>视频截图：</strong>按 Ctrl/Cmd + S 截取当前帧，自动保存到笔记，B站视频可同步到Notion</p>\n              <p style="margin: 8px 0;"><strong>速度控制：</strong>使用 , 和 . 键调整速度</p>\n            </div>\n          </div>\n\n          <div style="padding: 15px; background: rgba(254, 235, 234, 0.1); border-radius: 10px; border-left: 4px solid #feebea;">\n            <div style="font-size: 13px; color: #fff; font-weight: 600; margin-bottom: 4px;">提示</div>\n            <div style="font-size: 12px; color: rgba(255, 255, 255, 0.7); line-height: 1.5;">\n              • AI配置支持多个提供商，可自由切换<br>\n              • 笔记保存在本地，按日期自动分组<br>\n              • SponsorBlock支持自动跳过广告和赞助片段\n            </div>\n          </div>\n        </div>\n        <div class="config-footer">\n          <button class="config-btn config-btn-primary" id="help-close-btn">知道了</button>\n        </div>\n      </div>\n    ',this.bindEvents();}bindEvents(){this.modal.addEventListener("click",e=>{e.target===this.modal&&this.hide();});const e=document.getElementById("help-close-btn");e&&e.addEventListener("click",()=>this.hide());}};const Ze=new class{constructor(){this.modal=null;}createModal(){return this.modal||(this.modal=document.createElement("div"),this.modal.id="sponsorblock-modal",this.modal.className="config-modal",document.body.appendChild(this.modal)),this.modal}show(){const e=this.createModal();this.renderModal(),e.classList.add("show"),Ge.push(this);}hide(){this.modal&&this.modal.classList.remove("show"),Ge.pop(this);}renderModal(){const e=qe.getAll();this.modal.innerHTML=`\n      <div class="config-modal-content">\n        <div class="config-modal-header">\n          <span>SponsorBlock 设置</span>\n        </div>\n        <div class="config-modal-body">\n          <div style="margin-bottom: 20px; padding: 15px; background: rgba(254, 235, 234, 0.1); border-radius: 10px; border-left: 4px solid #feebea;">\n            <div style="font-size: 13px; color: #fff; font-weight: 600; margin-bottom: 4px;">使用说明</div>\n            <div style="font-size: 12px; color: rgba(255, 255, 255, 0.7); line-height: 1.5;">\n              <strong>勾选的类别</strong> → 自动跳过<br>\n              <strong>未勾选的类别</strong> → 显示手动提示（5秒后自动消失）<br>\n              在进度条上会显示彩色标记，点击可查看详情\n            </div>\n          </div>\n\n          <div class="sponsor-settings-section">\n            <h3>片段类别（勾选=自动跳过，未勾选=手动提示）</h3>\n            <div class="sponsor-checkbox-group">\n              ${Object.entries(Z.CATEGORIES).map(([t,n])=>`\n                <div class="sponsor-checkbox-item">\n                  <input type="checkbox" \n                         id="category-${t}" \n                         value="${t}"\n                         ${e.skipCategories.includes(t)?"checked":""}>\n                  <label for="category-${t}">\n                    <span class="category-color-dot" style="background: ${n.color}"></span>\n                    <span>${n.name}</span>\n                  </label>\n                </div>\n              `).join("")}\n            </div>\n          </div>\n\n          <div class="sponsor-settings-section">\n            <h3>显示选项</h3>\n            <div class="sponsor-switch-item">\n              <span>显示片段标签（视频卡片）</span>\n              <label class="sponsor-switch">\n                <input type="checkbox" id="showAdBadge" \n                       ${e.showAdBadge?"checked":""}>\n                <span class="sponsor-switch-slider"></span>\n              </label>\n            </div>\n            <div class="sponsor-switch-item">\n              <span>显示优质视频标签</span>\n              <label class="sponsor-switch">\n                <input type="checkbox" id="showQualityBadge" \n                       ${e.showQualityBadge?"checked":""}>\n                <span class="sponsor-switch-slider"></span>\n              </label>\n            </div>\n            <div class="sponsor-switch-item">\n              <span>进度条显示片段标记</span>\n              <label class="sponsor-switch">\n                <input type="checkbox" id="showProgressMarkers" \n                       ${e.showProgressMarkers?"checked":""}>\n                <span class="sponsor-switch-slider"></span>\n              </label>\n            </div>\n          </div>\n        </div>\n        <div class="config-footer">\n          <button class="config-btn config-btn-secondary" id="sponsorblock-cancel-btn">取消</button>\n          <button class="config-btn config-btn-primary" id="sponsorblock-save-btn">保存</button>\n        </div>\n      </div>\n    `,this.bindEvents();}bindEvents(){this.modal.addEventListener("click",e=>{e.target===this.modal&&this.hide();});const e=document.getElementById("sponsorblock-save-btn");e&&e.addEventListener("click",()=>this.saveSettings());const t=document.getElementById("sponsorblock-cancel-btn");t&&t.addEventListener("click",()=>this.hide());}saveSettings(){const e={skipCategories:Array.from(this.modal.querySelectorAll('.sponsor-checkbox-item input[type="checkbox"]:checked')).map(e=>e.value),showAdBadge:this.modal.querySelector("#showAdBadge").checked,showQualityBadge:this.modal.querySelector("#showQualityBadge").checked,showProgressMarkers:this.modal.querySelector("#showProgressMarkers").checked};qe.setAll(e),this.hide(),He.info("设置已保存！\n\n✅ 勾选的类别 → 自动跳过\n⏸️ 未勾选的类别 → 手动提示（5秒）\n\n页面将刷新以应用新设置。"),setTimeout(()=>{location.reload();},2e3);}};const et=new class{constructor(){this.resources={eventBusSubscriptions:new Map,domListeners:new Map,mutationObservers:new Set,intervals:new Map,timeouts:new Set,rafIds:new Set,audioContexts:new Set,customCleanups:new Set},this.isDestroyed=false,this.maxIntervalDuration=3e5,this.startAutoCleanup();}trackEventBusSubscription(e,t,n="default"){this.resources.eventBusSubscriptions.has(n)||this.resources.eventBusSubscriptions.set(n,[]),this.resources.eventBusSubscriptions.get(n).push({event:e,unsubscribe:t});}trackDOMListener(e,t,n,o){const i=Symbol("listener");return this.resources.domListeners.set(i,{element:e,event:t,handler:n,options:o}),e.addEventListener(t,n,o),i}removeDOMListener(e){const t=this.resources.domListeners.get(e);t&&(t.element.removeEventListener(t.event,t.handler,t.options),this.resources.domListeners.delete(e));}trackMutationObserver(e){return this.resources.mutationObservers.add(e),e}trackInterval(e,t,n=this.maxIntervalDuration){const o=Date.now(),i=setInterval(()=>{if(Date.now()-o>n)return de.warn("ResourceManager",`定时器${i}运行超过${n}ms，自动清理`),void this.clearTrackedInterval(i);e();},t);return this.resources.intervals.set(i,{startTime:o,maxDuration:n,delay:t}),i}clearTrackedInterval(e){clearInterval(e),this.resources.intervals.delete(e);}trackTimeout(e,t){const n=setTimeout(()=>{e(),this.resources.timeouts.delete(n);},t);return this.resources.timeouts.add(n),n}clearTrackedTimeout(e){clearTimeout(e),this.resources.timeouts.delete(e);}trackRAF(e){const t=requestAnimationFrame(e);return this.resources.rafIds.add(t),t}cancelTrackedRAF(e){cancelAnimationFrame(e),this.resources.rafIds.delete(e);}trackAudioContext(e){return this.resources.audioContexts.add(e),e}addCleanup(e){this.resources.customCleanups.add(e);}startAutoCleanup(){this.autoCleanupInterval=setInterval(()=>{this.cleanupExpiredIntervals();},3e4);}cleanupExpiredIntervals(){const e=Date.now(),t=[];this.resources.intervals.forEach((n,o)=>{e-n.startTime>n.maxDuration&&(de.warn("ResourceManager",`清理超时interval: ${o}, 运行了${((e-n.startTime)/1e3).toFixed(1)}秒`),clearInterval(o),t.push(o));}),t.forEach(e=>this.resources.intervals.delete(e)),t.length>0&&de.debug("ResourceManager",`已清理${t.length}个超时定时器`);}getStats(){return {intervals:this.resources.intervals.size,timeouts:this.resources.timeouts.size,rafIds:this.resources.rafIds.size,audioContexts:this.resources.audioContexts.size,domListeners:this.resources.domListeners.size,mutationObservers:this.resources.mutationObservers.size,eventBusSubscriptions:Array.from(this.resources.eventBusSubscriptions.values()).reduce((e,t)=>e+t.length,0)}}cleanupModule(e){const t=this.resources.eventBusSubscriptions.get(e);t&&(t.forEach(({unsubscribe:t})=>{try{t();}catch(n){console.error(`[ResourceManager] 清理模块 "${e}" 订阅失败:`,n);}}),this.resources.eventBusSubscriptions.delete(e));}cleanup(){this.isDestroyed?de.warn("ResourceManager","已经销毁，跳过清理"):(de.debug("ResourceManager","开始清理资源..."),this.resources.eventBusSubscriptions.forEach((e,t)=>{e.forEach(({event:e,unsubscribe:n})=>{try{n();}catch(o){console.error(`[ResourceManager] 清理 EventBus 订阅失败 (${t}.${e}):`,o);}});}),this.resources.eventBusSubscriptions.clear(),this.resources.domListeners.forEach(({element:e,event:t,handler:n,options:o})=>{try{e.removeEventListener(t,n,o);}catch(i){console.error("[ResourceManager] 清理 DOM 监听器失败:",i);}}),this.resources.domListeners.clear(),this.resources.mutationObservers.forEach(e=>{try{e.disconnect();}catch(t){console.error("[ResourceManager] 清理 MutationObserver 失败:",t);}}),this.resources.mutationObservers.clear(),this.resources.intervals.forEach((e,t)=>{try{clearInterval(t);}catch(n){console.error("[ResourceManager] 清理 interval 失败:",n);}}),this.resources.intervals.clear(),this.autoCleanupInterval&&(clearInterval(this.autoCleanupInterval),this.autoCleanupInterval=null),this.resources.timeouts.forEach(e=>{try{clearTimeout(e);}catch(t){console.error("[ResourceManager] 清理 timeout 失败:",t);}}),this.resources.timeouts.clear(),this.resources.rafIds.forEach(e=>{try{cancelAnimationFrame(e);}catch(t){console.error("[ResourceManager] 清理 RAF 失败:",t);}}),this.resources.rafIds.clear(),this.resources.audioContexts.forEach(e=>{try{"closed"!==e.state&&e.close();}catch(t){console.error("[ResourceManager] 关闭 AudioContext 失败:",t);}}),this.resources.audioContexts.clear(),this.resources.customCleanups.forEach(e=>{try{e();}catch(t){console.error("[ResourceManager] 执行自定义清理失败:",t);}}),this.resources.customCleanups.clear(),this.isDestroyed=true,de.debug("ResourceManager","资源清理完成"));}getStats(){return {eventBusSubscriptions:Array.from(this.resources.eventBusSubscriptions.entries()).reduce((e,[t,n])=>(e[t]=n.length,e),{}),domListeners:this.resources.domListeners.size,mutationObservers:this.resources.mutationObservers.size,intervals:this.resources.intervals.size,timeouts:this.resources.timeouts.size,rafIds:this.resources.rafIds.size,audioContexts:this.resources.audioContexts.size,customCleanups:this.resources.customCleanups.size}}},tt=location.hostname.endsWith("bilibili.com");const nt=new class{constructor(){this.initialized=false,this.ball=null,this.container=null,this.videoQualityService=null,this.isBilibili=tt;}setupErrorHandler(){const e=window.onerror;window.onerror=(t,n,o,i,s)=>n&&(n.includes("extension://")||n.includes("content.js"))?(de.debug("Main","忽略来自其他扩展的错误:",t),true):t&&t.includes("Extension context invalidated")?(de.debug("Main","忽略扩展上下文失效错误"),true):!!e&&e(t,n,o,i,s),window.addEventListener("unhandledrejection",e=>{e.reason&&e.reason.message&&e.reason.message.includes("Extension context invalidated")&&(e.preventDefault(),de.debug("Main","忽略Promise中的扩展上下文失效错误"));}),de.info("Main","全局错误处理器已设置");}async init(){var e;this.initialized||(this.setupErrorHandler(),function(){const e=document.createElement("style");e.textContent=ee,document.head.appendChild(e);}(),await this.waitForPageReady(),pe.fixExistingConfigPrompts(),Te.init(),De.init(),this.isBilibili&&(await Fe.init(),this.videoQualityService=(e=Fe.getAPI(),Ve||(Ve=new Ke(e)),Ve),this.videoQualityService.start()),this.isBilibili&&this.createUI(),this.bindEvents(),this.isBilibili&&this.setupAutomation(),this.registerMenuCommands(),this.registerShortcuts(),this.isBilibili&&(we.checkSubtitleButton(),this.observeVideoChange()),this.initialized=true);}registerShortcuts(){ge.register("toggleSubtitlePanel",()=>{ce.togglePanel();}),ge.register("toggleNotesPanel",()=>{Je.togglePanel();}),ge.register("takeScreenshot",async()=>{try{const e=ce.getVideoInfo(),t=e?.bvid,n=pe.getNotionConfig().apiKey&&t&&ce.getNotionPageId(t);if(await je.captureAndSave(n)){He.success(n?"截图已保存到笔记和Notion":"截图已保存到笔记");const e=document.querySelector(".notes-panel");e&&"none"!==e.style.display&&window.notesPanel?.render();}}catch(e){console.error("[Main] 截图失败:",e),He.error("截图失败: "+e.message);}}),ge.startListening();}registerMenuCommands(){"undefined"!=typeof GM_registerMenuCommand&&(this.isBilibili&&(GM_registerMenuCommand("AI配置",()=>{We.showAIConfigModal();}),GM_registerMenuCommand("Notion配置",()=>{We.showNotionConfigModal();})),GM_registerMenuCommand("笔记管理",()=>{Je.togglePanel();}),GM_registerMenuCommand("⌨️ 快捷键设置",()=>{if(de.debug("Main","快捷键设置菜单被点击"),de.debug("Main","eventHandlers 是否存在:",!!We),de.debug("Main","showShortcutConfigModal 是否存在:",!!We?.showShortcutConfigModal),!We||!We.showShortcutConfigModal)return console.error("[Main] eventHandlers 或其方法未正确加载"),void He.error("快捷键设置功能未正确加载");We.showShortcutConfigModal();}),this.isBilibili&&(GM_registerMenuCommand("🔄 重置字幕面板位置",()=>{const e=document.getElementById("subtitle-container");e?We.resetContainerPosition(e):He.warning("字幕面板未初始化，请先加载视频");}),GM_registerMenuCommand("SponsorBlock 设置",()=>{Ze.show();})),GM_registerMenuCommand("使用帮助",()=>{Qe.show();}),GM_registerMenuCommand(`🔧 调试模式 (${de.isDebugMode()?"开启":"关闭"})`,()=>{const e=de.toggleDebugMode();He.info("调试模式已"+(e?"开启":"关闭")),e&&He.info("调试模式已开启，控制台将输出详细日志");}));}async waitForPageReady(){return this.isBilibili?new Promise(t=>{const n=setInterval(()=>{document.querySelector(X)&&(clearInterval(n),t());},e);}):new Promise(e=>{"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>e(),{once:true}):e();})}createUI(){this.ball=document.createElement("div"),this.ball.id="subtitle-ball",this.ball.title="字幕提取器";const e=document.querySelector(X);e&&("relative"!==e.style.position&&"absolute"!==e.style.position&&(e.style.position="relative"),e.appendChild(this.ball)),this.createEmbeddedContainer();const t=Ue.createNotionConfigModal();document.body.appendChild(t),We.bindNotionConfigModalEvents(t);const n=Ue.createAIConfigModal();document.body.appendChild(n),We.bindAIConfigModalEvents(n);}createEmbeddedContainer(){this.container=document.createElement("div"),this.container.id="subtitle-container";const e=document.querySelector(X);e?("relative"!==e.style.position&&"absolute"!==e.style.position&&(e.style.position="relative"),e.appendChild(this.container)):document.body.appendChild(this.container);}bindEvents(){le.on(y,(e,t)=>{this.renderSubtitles(e),We.initializeSearchIndex(e);}),le.on(w,()=>{de.debug("App","AI总结开始，小球进入AI总结状态"),this.ball&&(this.ball.classList.remove("loading","active","no-subtitle","error"),this.ball.classList.add("ai-summarizing"),this.ball.title="正在AI总结...");const e=this.container?.querySelector(".ai-icon");e&&e.classList.add("loading");}),le.on(I,e=>{this.container&&Ue.updateAISummary(this.container,e);}),le.on(S,(e,t)=>{de.debug("App","AI总结完成，恢复小球正常状态"),He.success("AI总结完成"),this.container&&Ue.updateAISummary(this.container,e),this.ball&&(this.ball.classList.remove("ai-summarizing","loading"),this.ball.classList.add("active"),this.ball.title="字幕提取器 - 点击查看字幕");const n=this.container?.querySelector(".ai-icon");n&&n.classList.remove("loading");}),le.on(C,()=>{He.success("字幕已成功发送到 Notion");const e=this.container?.querySelector(".notion-icon");e&&e.classList.remove("loading");}),le.on(x,e=>{He.handleError(e,"字幕获取");}),le.on(k,e=>{de.debug("App","AI总结失败，恢复小球正常状态"),He.handleError(e,"AI总结"),this.ball&&(this.ball.classList.remove("ai-summarizing","loading"),this.ball.classList.add("active"),this.ball.title="字幕提取器 - 点击查看字幕");const t=this.container?.querySelector(".ai-icon");t&&t.classList.remove("loading");}),le.on(A,e=>{He.handleError(e,"Notion发送");}),le.on(T,e=>{this.updateBallStatus(e);}),le.on(M,e=>{this.container&&(e?this.container.classList.add("show"):this.container.classList.remove("show"));}),document.addEventListener("keydown",e=>{(e.metaKey||e.ctrlKey)&&"b"===e.key&&(e.preventDefault(),ce.togglePanel());});}renderSubtitles(e){if(!this.container||!e)return;this.container.innerHTML=Ue.renderSubtitlePanel(e);const t=ce.getVideoKey(),n=t?ce.getAISummary(t):null;n&&Ue.updateAISummary(this.container,n),We.bindSubtitlePanelEvents(this.container),de.debug("App","字幕面板已渲染");}setupAutomation(){le.on(y,async e=>{await xe(a);const t=pe.getAIAutoSummaryEnabled(),n=pe.getSelectedAIConfig(),o=ce.getVideoKey(),i=o?ce.getAISummary(o):null;if(t&&n&&n.apiKey&&!i)try{await ke.summarize(e,!0);}catch(s){console.error("[App] 自动总结失败:",s);}}),le.on(S,async()=>{const e=pe.getNotionAutoSendEnabled(),t=pe.getNotionConfig();if(e&&t.apiKey){const e=ce.getSubtitleData();if(e)try{await Se.sendSubtitle(e,!0);}catch(n){console.error("[App] 自动发送失败:",n);}}}),le.on(y,async e=>{await xe(a);const t=pe.getAIAutoSummaryEnabled(),n=pe.getNotionAutoSendEnabled(),o=pe.getNotionConfig();if(!t&&n&&o.apiKey)try{await Se.sendSubtitle(e,!0);}catch(i){console.error("[App] 自动发送失败:",i);}});}updateBallStatus(e){if(this.ball)switch(this.ball.classList.remove("loading","active","no-subtitle","error"),e){case m:this.ball.classList.add("active"),this.ball.style.cursor="pointer",this.ball.onclick=()=>ce.togglePanel(),this.ball.title="字幕提取器 - 点击查看字幕";break;case b:this.ball.classList.add("no-subtitle"),this.ball.style.cursor="default",this.ball.onclick=null,this.ball.title="该视频无字幕";break;case f:this.ball.classList.add("error"),this.ball.style.cursor="default",this.ball.onclick=null,this.ball.title="字幕加载失败";break;case g:this.ball.classList.add("loading"),this.ball.style.cursor="default",this.ball.onclick=null,this.ball.title="正在加载字幕...";}}observeVideoChange(){let e=location.href,t=location.href.match(/BV[1-9A-Za-z]{10}/)?.[0],n=null;const o=()=>{try{const e=unsafeWindow.__INITIAL_STATE__;return e?.videoData?.cid||e?.videoData?.pages?.[0]?.cid}catch(e){return null}};n=o();const i=()=>{const i=location.href,s=i.match(/BV[1-9A-Za-z]{10}/)?.[0],a=o();i===e||s===t&&a===n||(de.debug("App","检测到视频切换:",{from:t,to:s}),e=i,t=s,n=a,ce.reset(),we.reset(),le.emit(L,{bvid:s,cid:a}),setTimeout(()=>{const e=fe();ce.setVideoInfo(e),we.checkSubtitleButton();},r));},s=history.pushState,a=history.replaceState;history.pushState=function(...e){s.apply(this,e),i();},history.replaceState=function(...e){a.apply(this,e),i();},window.addEventListener("popstate",i);const l=setInterval(i,1e3);this.urlChangeCleanup=()=>{history.pushState=s,history.replaceState=a,window.removeEventListener("popstate",i),clearInterval(l);},de.debug("App","视频切换监听已启动（使用 History API 劫持）");}cleanup(){de.debug("App","开始清理应用资源"),this.urlChangeCleanup&&this.urlChangeCleanup(),this.videoQualityService&&this.videoQualityService.stop(),Fe.playerController&&Fe.playerController.destroy(),De.destroy(),searchIndex.clear(),me.destroy(),et.cleanup(),de.debug("App","应用资源清理完成");}};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>nt.init()):nt.init();

})();