哔哩哔哩(bilibili.com)调整

一、1.自动签到;2.首页新增推荐视频历史记录(仅记录前6个推荐位中的非广告内容),以防误点刷新错过想看的视频。二、动态页调整:默认显示"投稿视频"内容,可自行设置URL以免未来URL发生变化。三、播放页调整:1.自动定位到播放器(进入播放页,可自动定位到播放器,可设置偏移量及是否在点击主播放器时定位);2.可设置播放器默认模式;3.可设置是否自动选择最高画质;4.新增快速返回播放器漂浮按钮;5.新增点击评论区时间锚点可快速返回播放器;6.网页全屏模式解锁(网页全屏模式下可滚动查看评论,并在播放器控制栏新增快速跳转至评论区按钮);7.将视频简介内容优化后插入评论区或直接替换原简介区内容(替换原简介中固定格式的静态内容为跳转链接);8.视频播放过程中跳转指定时间节点至目标时间节点(可用来跳过片头片尾及中间广告等);9.新增点击视频合集、下方推荐视频、结尾推荐视频卡片快速返回播放器;

// ==UserScript==
// @name              哔哩哔哩(bilibili.com)调整
// @namespace         哔哩哔哩(bilibili.com)调整
// @copyright         QIAN
// @license           GPL-3.0 License
// @version           0.1.37.6
// @description       一、1.自动签到;2.首页新增推荐视频历史记录(仅记录前6个推荐位中的非广告内容),以防误点刷新错过想看的视频。二、动态页调整:默认显示"投稿视频"内容,可自行设置URL以免未来URL发生变化。三、播放页调整:1.自动定位到播放器(进入播放页,可自动定位到播放器,可设置偏移量及是否在点击主播放器时定位);2.可设置播放器默认模式;3.可设置是否自动选择最高画质;4.新增快速返回播放器漂浮按钮;5.新增点击评论区时间锚点可快速返回播放器;6.网页全屏模式解锁(网页全屏模式下可滚动查看评论,并在播放器控制栏新增快速跳转至评论区按钮);7.将视频简介内容优化后插入评论区或直接替换原简介区内容(替换原简介中固定格式的静态内容为跳转链接);8.视频播放过程中跳转指定时间节点至目标时间节点(可用来跳过片头片尾及中间广告等);9.新增点击视频合集、下方推荐视频、结尾推荐视频卡片快速返回播放器;
// @author            QIAN
// @match             *://www.bilibili.com
// @match             *://www.bilibili.com/video/*
// @match             *://www.bilibili.com/bangumi/play/*
// @match             *://www.bilibili.com/list/*
// @match             *://t.bilibili.com/*
// @require           https://cdn.jsdelivr.net/npm/md5@2.3.0/dist/md5.min.js
// @require           https://cdn.jsdelivr.net/npm/localforage@1.10.0/dist/localforage.min.js
// @require           https://cdn.jsdelivr.net/npm/axios@1.6.5/dist/axios.min.js
// @require           https://scriptcat.org/lib/513/2.0.0/ElementGetter.js#sha256=KbLWud5OMbbXZHRoU/GLVgvIgeosObRYkDEbE/YanRU=
// @grant             GM_setValue
// @grant             GM_getValue
// @grant             GM_addStyle
// @grant             GM_registerMenuCommand
// @grant             window.onurlchange
// @supportURL        https://github.com/QIUZAIYOU/Bilibili-Adjustment
// @homepageURL       https://github.com/QIUZAIYOU/Bilibili-Adjustment
// @icon              https://www.bilibili.com/favicon.ico?v=1
// ==/UserScript==
// #sha256=KbLWud5OMbbXZHRoU/GLVgvIgeosObRYkDEbE/YanRU=
(function () {
  'use strict';
  let vars = {
    theMainFunctionRunningCount: 0,
    thePrepFunctionRunningCount: 0,
    autoSelectScreenModeRunningCount: 0,
    autoCancelMuteRunningCount: 0,
    webfullUnlockRunningCount: 0,
    autoSelectVideoHighestQualityRunningCount: 0,
    insertGoToCommentButtonCount: 0,
    insertSetSkipTimeNodesButtonCount: 0,
    insertSetSkipTimeNodesSwitchButtonCount: 0,
    insertAutoEnableSubtitleSwitchButtonCount: 0,
    setIndexRecordRecommendVideoHistoryArrayCount: 0,
    functionExecutionsCount: 0,
    autoSubtitleRunningCount: 0,
    checkScreenModeSwitchSuccessDepths: 0,
    autoLocationToPlayerRetryDepths: 0,
  }
  let arrays = {
    screenModes: ['wide', 'web'],
    intervalIds: [],
    skipNodesRecords: [],
    indexRecommendVideoHistory: [],
    videoCategoriesActiveClass: ['adjustment_button', 'primary', 'plain'],
  }
  let objects = {
    videoCategories: {
      douga: { name: "动画", tids: [1, 24, 25, 47, 210, 86, 253, 27] },
      anime: { name: "番剧", tids: [13, 51, 152, 32, 33] },
      guochuang: { name: "国创", tids: [167, 153, 168, 169, 170, 195] },
      music: { name: "音乐", tids: [3, 28, 31, 30, 59, 193, 29, 130, 243, 244] },
      dance: { name: "舞蹈", tids: [129, 20, 154, 156, 198, 199, 200, 255] },
      game: { name: "游戏", tids: [4, 17, 171, 172, 65, 173, 121, 136, 19] },
      knowledge: { name: "知识", tids: [36, 201, 124, 228, 207, 208, 209, 229, 122] },
      tech: { name: "科技", tids: [188, 95, 230, 231, 232, 233] },
      sports: { name: "运动", tids: [234, 235, 249, 164, 236, 237, 238] },
      car: { name: "汽车", tids: [223, 245, 246, 247, 248, 240, 227, 176, 258] },
      life: { name: "生活", tids: [160, 138, 250, 251, 239, 161, 162, 21, 254] },
      food: { name: "美食", tids: [211, 76, 212, 213, 214, 215] },
      animal: { name: "动物圈", tids: [217, 218, 219, 220, 221, 222, 75] },
      kichiku: { name: "鬼畜", tids: [119, 22, 26, 126, 216, 127] },
      fashion: { name: "时尚", tids: [155, 157, 252, 158, 159] },
      information: { name: "资讯", tids: [202, 203, 204, 205, 206] },
      ent: { name: "娱乐", tids: [5, 71, 241, 242, 137] },
      cinephile: { name: "影视", tids: [181, 182, 183, 85, 184] },
      documentary: { name: "纪录片", tids: [177, 37, 178, 179, 180] },
      movie: { name: "电影", tids: [23, 147, 145, 146, 83] },
      tv: { name: "电视剧", tids: [11, 185, 187] }
    }
  }
  const selectors = {
    app: '#app',
    header: '#biliMainHeader',
    player: '#bilibili-player',
    playerWrap: '#playerWrap',
    playerWebscreen: '#bilibili-player.mode-webscreen',
    playerContainer: '#bilibili-player .bpx-player-container',
    playerController: '#bilibili-player .bpx-player-ctrl-btn',
    playerControllerBottomRight: '.bpx-player-control-bottom-right',
    playerTooltipArea: '.bpx-player-tooltip-area',
    playerTooltipTitle: '.bpx-player-tooltip-title',
    playerDanmuSetting: '.bpx-player-dm-setting',
    playerEndingRelateVideo: '.bpx-player-ending-related-item',
    volumeButton: '.bpx-player-ctrl-volume-icon',
    mutedButton: '.bpx-player-ctrl-muted-icon',
    video: '#bilibili-player video',
    videoWrap: '#bilibili-player .bpx-player-video-wrap',
    videoBwp: 'bwp-video',
    videoTitleArea: '#viewbox_report',
    videoFloatNav: '.fixed-sidenav-storage',
    videoComment: '#comment',
    videoCommentReplyList: '#comment .reply-list',
    videoRootReplyContainer: '#comment .root-reply-container',
    videoTime: '.video-time,.video-seek',
    videoDescription: '#v_desc',
    videoDescriptionInfo: '#v_desc .basic-desc-info',
    videoDescriptionText: '#v_desc .desc-info-text',
    videoNextPlayAndRecommendLink: '.video-page-card-small .card-box',
    videoSectionsEpisodeLink: '.video-pod__list .video-pod__item',
    videoMultiPageLink: '#multi_page ul li',
    bangumiApp: '#__next',
    bangumiComment: '#comment_module',
    bangumiFloatNav: '#__next div[class*="navTools_floatNavExp"] div[class*="navTools_navMenu"]',
    bangumiMainContainer: '.main-container',
    bangumiSectionsEpisodeLink: '#__next div[class*="numberList_wrapper"] div[class*="numberListItem_number_list_item"] ',
    qualitySwitchButtons: '.bpx-player-ctrl-quality-menu-item',
    screenModeWideEnterButton: '.bpx-player-ctrl-wide-enter',
    screenModeWideLeaveButton: '.bpx-player-ctrl-wide-leave',
    screenModeWebEnterButton: '.bpx-player-ctrl-web-enter',
    screenModeWebLeaveButton: '.bpx-player-ctrl-web-leave',
    screenModeFullControlButton: '.bpx-player-ctrl-full',
    danmukuBox: '#danmukuBox',
    danmuShowHideTip: 'div[aria-label="弹幕显示隐藏"]',
    membersContainer: '.members-info-container',
    membersUpAvatarFace: '.membersinfo-upcard:first-child picture img',
    upAvatarFace: '.up-info-container .up-avatar-wrap .bili-avatar .bili-avatar-face',
    upAvatarDecoration: '.up-info-container .up-avatar-wrap .bili-avatar .bili-avatar-pendent-dom .bili-avatar-img',
    upAvatarIcon: '.up-info-container .up-avatar-wrap .bili-avatar .bili-avatar-icon',
    setSkipTimeNodesPopover: '#setSkipTimeNodesPopover',
    setSkipTimeNodesPopoverToggleButton: '#setSkipTimeNodesPopoverToggleButton',
    setSkipTimeNodesPopoverHeaderExtra: '#setSkipTimeNodesPopover .header .extra',
    setSkipTimeNodesPopoverTips: '#setSkipTimeNodesPopover .tips',
    setSkipTimeNodesPopoverTipsDetail: '#setSkipTimeNodesPopover .tips .detail',
    setSkipTimeNodesPopoverTipsContents: '#setSkipTimeNodesPopover .tips .contents',
    setSkipTimeNodesPopoverRecords: '#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .records',
    setSkipTimeNodesPopoverClouds: '#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .clouds',
    setSkipTimeNodesPopoverResult: '#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .result',
    setSkipTimeNodesInput: '#setSkipTimeNodesInput',
    skipTimeNodesRecordsArray: '#skipTimeNodesRecordsArray',
    skipTimeNodesCloudsArray: '#skipTimeNodesCloudsArray',
    clearRecordsButton: '#clearRecordsButton',
    saveRecordsButton: '#saveRecordsButton',
    uploadSkipTimeNodesButton: '#uploadSkipTimeNodesButton',
    syncSkipTimeNodesButton: '#syncSkipTimeNodesButton',
    indexApp: '#i_cecream',
    indexRecommendVideoSix: '.recommended-container_floor-aside .feed-card:nth-child(-n+7)',
    indexRecommendVideoRollButtonWrapper: '.recommended-container_floor-aside .feed-roll-btn',
    indexRecommendVideoHistoryPopoverTitle: '#indexRecommendVideoHistoryPopoverTitle',
    indexRecommendVideoRollButton: '.recommended-container_floor-aside .feed-roll-btn button.roll-btn',
    indexRecommendVideoHistoryOpenButton: '#indexRecommendVideoHistoryOpenButton',
    indexRecommendVideoHistoryPopover: '#indexRecommendVideoHistoryPopover',
    indexRecommendVideoHistoryCategory: '#indexRecommendVideoHistoryCategory',
    indexRecommendVideoHistoryCategoryButtons: '#indexRecommendVideoHistoryCategory li',
    indexRecommendVideoHistoryCategoryButtonsExceptAll: '#indexRecommendVideoHistoryCategory li:not(.all)',
    indexRecommendVideoHistoryCategoryButtonAll: '#indexRecommendVideoHistoryCategory li.all',
    indexRecommendVideoHistoryList: '#indexRecommendVideoHistoryList',
    clearRecommendVideoHistoryButton: '#clearRecommendVideoHistoryButton',
    dynamicSettingPopover: '#dynamicSettingPopover',
    dynamicSettingSaveButton: '#dynamicSettingSaveButton',
    dynamicSettingPopoverTips: '#dynamicSettingPopoverTips',
    dynamicHeaderContainer: '#bili-header-container',
    videoSettingPopover: '#videoSettingPopover',
    videoSettingSaveButton: '#videoSettingSaveButton',
    notChargeHighLevelCover: '.not-charge-high-level-cover',
    switchSubtitleButton: '.bpx-player-ctrl-btn.bpx-player-ctrl-subtitle',
    AutoSkipSwitchInput: '#Auto-Skip-Switch',
    AutoEnableSubtitleSwitchInput: '#Auto-Enable-Subtitle',
    WebVideoLinkInput: '#Web-Video-Link',
    IsVip: '#Is-Vip',
    AutoLocate: '#Auto-Locate',
    AutoLocateVideo: '#Auto-Locate-Video',
    AutoLocateBangumi: '#Auto-Locate-Bangumi',
    TopOffset: '#Top-Offset',
    ClickPlayerAutoLocation: '#Click-Player-Auto-Location',
    AutoQuality: '#Auto-Quality',
    Quality4K: '#Quality-4K',
    Quality8K: '#Quality-8K',
    Checkbox4K: '.adjustment_checkbox.fourK',
    Checkbox8K: '.adjustment_checkbox.eightK',
    FourKAndEightK: '.fourK,.eightK',
    SelectScreenMode: 'input[name="Screen-Mode"]',
    WebfullUnlock: '#Webfull-Unlock',
    AutoReload: '#Auto-Reload',
    AutoSkip: '#Auto-Skip',
    InsertVideoDescriptionToComment: '#Insert-Video-Description-To-Comment',
    PauseVideo: '#PauseVideo',
    ContinuePlay: '#ContinuePlay',
    AutoSubtitle: '#AutoSubtitle',
  }
  const shadowRootSelectors = {
    videoComments: '#comment bili-comments',
    videoComment: '#feed > bili-comment-thread-renderer',
    biliRichText: '#content > bili-rich-text',
    videoTime: '#contents > a[data-type="seek"][data-video-time]',
  }
  const vals = {
    is_vip: () => { return utils.getValue('is_vip') },
    player_type: () => { return utils.getValue('player_type') },
    offset_top: () => { return Math.trunc(utils.getValue('offset_top')) },
    auto_locate: () => { return utils.getValue('auto_locate') },
    get_offset_method: () => { return utils.getValue('get_offset_method') },
    auto_locate_video: () => { return utils.getValue('auto_locate_video') },
    auto_locate_bangumi: () => { return utils.getValue('auto_locate_bangumi') },
    click_player_auto_locate: () => { return utils.getValue('click_player_auto_locate') },
    video_player_offset_top: () => { return Math.trunc(utils.getValue('video_player_offset_top')) },
    bangumi_player_offset_top: () => { return Math.trunc(utils.getValue('bangumi_player_offset_top')) },
    current_screen_mode: () => { return utils.getValue('current_screen_mode') },
    selected_screen_mode: () => { return utils.getValue('selected_screen_mode') },
    auto_select_video_highest_quality: () => { return utils.getValue('auto_select_video_highest_quality') },
    contain_quality_4k: () => { return utils.getValue('contain_quality_4k') },
    contain_quality_8k: () => { return utils.getValue('contain_quality_8k') },
    webfull_unlock: () => { return utils.getValue('webfull_unlock') },
    auto_reload: () => { return utils.getValue('auto_reload') },
    auto_skip: () => { return utils.getValue('auto_skip') },
    insert_video_description_to_comment: () => { return utils.getValue('insert_video_description_to_comment') },
    web_video_link: () => { return utils.getValue('web_video_link') },
    signIn_date: () => { return utils.getValue('signIn_date') },
    dev_checkScreenModeSwitchSuccess_method: () => { return utils.getValue('dev_checkScreenModeSwitchSuccess_method') },
    pause_video: () => { return utils.getValue('pause_video') },
    continue_play: () => { return utils.getValue('continue_play') },
    auto_subtitle: () => { return utils.getValue('auto_subtitle') },
  }
  const styles = {
    BilibiliAdjustment: '.adjustment_popover{position:fixed;top:50%;left:50%;box-sizing:border-box;margin:0;padding:20px;width:400px;max-height:70vh;border:none;border-radius:6px;font-size:1em;transform:translate(-50%,-50%);overscroll-behavior:contain}.adjustment_popover::backdrop{backdrop-filter:blur(3px)}.adjustment_popoverTitle{margin-bottom:15px;padding-bottom:20px;border-bottom:1px solid #dcdfe6;text-align:center;font-weight:700;font-size:22px}.adjustment_buttonGroup{display:flex;margin-top:10px;align-items:center;justify-content:end;gap:10px}.adjustment_button{display:inline-block;box-sizing:border-box;margin:0;padding:10px 20px;outline:0;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#606266;text-align:center;white-space:nowrap;font-weight:500;font-size:14px;line-height:1;cursor:pointer;transition:.1s;-webkit-appearance:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.adjustment_button.plain:disabled,.adjustment_button.plain:disabled:active,.adjustment_button.plain:disabled:focus,.adjustment_button.plain:disabled:hover,.adjustment_button:disabled,.adjustment_button:disabled:active,.adjustment_button:disabled:focus,.adjustment_button:disabled:hover{border-color:#ebeef5;background-color:#fff;background-image:none;color:#c0c4cc;cursor:not-allowed}.adjustment_button.primary{border-color:#409eff;background-color:#409eff;color:#fff}.adjustment_button.success{border-color:#67c23a;background-color:#67c23a;color:#fff}.adjustment_button.info{border-color:#909399;background-color:#909399;color:#fff}.adjustment_button.warning{border-color:#e6a23c;background-color:#e6a23c;color:#fff}.adjustment_button.danger{border-color:#f56c6c;background-color:#f56c6c;color:#fff}.adjustment_button.primary:focus,.adjustment_button.primary:hover{border-color:#66b1ff;background:#66b1ff;color:#fff}.adjustment_button.success:focus,.adjustment_button.success:hover{border-color:#85ce61;background:#85ce61;color:#fff}.adjustment_button.info:focus,.adjustment_button.info:hover{border-color:#a6a9ad;background:#a6a9ad;color:#fff}.adjustment_button.warning:focus,.adjustment_button.warning:hover{border-color:#ebb563;background:#ebb563;color:#fff}.adjustment_button.danger:focus,.adjustment_button.danger:hover{border-color:#f78989;background:#f78989;color:#fff}.adjustment_button.primary.plain{border-color:#b3d8ff;background:#ecf5ff;color:#409eff}.adjustment_button.success.plain{border-color:#c2e7b0;background:#f0f9eb;color:#67c23a}.adjustment_button.info.plain{border-color:#a6a9ad;background:#a6a9ad;color:#fff}.adjustment_button.warning.plain{border-color:#f5dab1;background:#fdf6ec;color:#e6a23c}.adjustment_button.danger.plain{border-color:#fbc4c4;background:#fef0f0;color:#f56c6c}.adjustment_button.primary.plain:focus,.adjustment_button.primary.plain:hover{border-color:#409eff;background:#409eff;color:#fff}.adjustment_button.success.plain:focus,.adjustment_button.success.plain:hover{border-color:#67c23a;background-color:#67c23a;color:#fff}.adjustment_button.info.plain:focus,.adjustment_button.info.plain:hover{border-color:#909399;background-color:#909399;color:#fff}.adjustment_button.warning.plain:focus,.adjustment_button.warning.plain:hover{border-color:#e6a23c;background-color:#e6a23c;color:#fff}.adjustment_button.danger.plain:focus,.adjustment_button.danger.plain:hover{border-color:#f56c6c;background-color:#f56c6c;color:#fff}.adjustment_button.primary:disabled,.adjustment_button.primary:disabled:active,.adjustment_button.primary:disabled:focus,.adjustment_button.primary:disabled:hover{border-color:#a0cfff;background-color:#a0cfff;color:#fff}.adjustment_button.success:disabled,.adjustment_button.success:disabled:active,.adjustment_button.success:disabled:focus,.adjustment_button.success:disabled:hover{border-color:#b3e19d;background-color:#b3e19d;color:#fff}.adjustment_button.info:disabled,.adjustment_button.info:disabled:active,.adjustment_button.info:disabled:focus,.adjustment_button.info:disabled:hover{border-color:#c8c9cc;background-color:#c8c9cc;color:#fff}.adjustment_button.warning:disabled,.adjustment_button.warning:disabled:active,.adjustment_button.warning:disabled:focus,.adjustment_button.warning:disabled:hover{border-color:#f3d19e;background-color:#f3d19e;color:#fff}.adjustment_button.danger:disabled,.adjustment_button.danger:disabled:active,.adjustment_button.danger:disabled:focus,.adjustment_button.danger:disabled:hover{border-color:#fab6b6;background-color:#fab6b6;color:#fff}.adjustment_button.primary.plain:disabled,.adjustment_button.primary.plain:disabled:active,.adjustment_button.primary.plain:disabled:focus,.adjustment_button.primary.plain:disabled:hover{border-color:#d9ecff;background-color:#ecf5ff;color:#8cc5ff}.adjustment_button.success.plain:disabled,.adjustment_button.success.plain:disabled:active,.adjustment_button.success.plain:disabled:focus,.adjustment_button.success.plain:disabled:hover{border-color:#e1f3d8;background-color:#f0f9eb;color:#a4da89}.adjustment_button.info.plain:disabled,.adjustment_button.info.plain:disabled:active,.adjustment_button.info.plain:disabled:focus,.adjustment_button.info.plain:disabled:hover{border-color:#e9e9eb;background-color:#f4f4f5;color:#bcbec2}.adjustment_button.warning.plain:disabled,.adjustment_button.warning.plain:disabled:active,.adjustment_button.warning.plain:disabled:focus,.adjustment_button.warning.plain:disabled:hover{border-color:#faecd8;background-color:#fdf6ec;color:#f0c78a}.adjustment_button.danger.plain:disabled,.adjustment_button.danger.plain:disabled:active,.adjustment_button.danger.plain:disabled:focus,.adjustment_button.danger.plain:disabled:hover{border-color:#fde2e2;background-color:#fef0f0;color:#f9a7a7}.adjustment_tips{display:inline-block;box-sizing:border-box;padding:3px 5px;height:fit-content;border:1px solid #d9ecff;border-radius:4px;background-color:#ecf5ff;color:#409eff;font-size:14px;line-height:1.5}.adjustment_tips.info{border-color:#e9e9eb;background-color:#f4f4f5;color:#909399}.adjustment_tips.success{border-color:#e1f3d8;background-color:#f0f9eb;color:#67c23a}.adjustment_tips.warning{border-color:#faecd8;background-color:#fdf6ec;color:#e6a23c}.adjustment_tips.danger{border-color:#fde2e2;background-color:#fef0f0;color:#f56c6c}.adjustment_form,.adjustment_form_item{display:flex;flex-direction:column}.adjustment_form{gap:5px}.adjustment_form_item{gap:5px}.adjustment_checkbox,.adjustment_form_item_content{display:flex;align-items:center;justify-content:space-between}.adjustment_form_item label{font-size:18px}.adjustment_checkboxGroup{display:flex;align-items:center;justify-content:flex-start;gap:10px}.adjustment_checkbox{font-size:16px;gap:3px}.adjustment_input{display:inline-flex;padding:1px 11px;outline:0;border:1px solid #dcdfe6;border-radius:6px;background:#f5f5f5;line-height:32px;cursor:text;flex-grow:1;align-items:center;justify-content:center}',
    IndexAdjustment: '#indexRecommendVideoHistoryOpenButton{margin-top:10px}#indexRecommendVideoHistoryPopover{width:600px}#indexRecommendVideoHistoryPopover #indexRecommendVideoHistoryPopoverTitle{display:flex;box-sizing:border-box;padding-bottom:15px;border-bottom:1px solid #dcdfe6;font-weight:700;font-size:22px;align-items:center;justify-content:space-between}#indexRecommendVideoHistoryPopover ul{display:flex;flex-direction:column;align-items:center;justify-content:space-between}ul#indexRecommendVideoHistoryCategory{display:grid;margin:10px 0 0;padding-bottom:10px;border-bottom:1px solid #dcdfe6!important;gap:5px;grid-template-columns:repeat(8,1fr);align-items:center;justify-content:center}ul#indexRecommendVideoHistoryCategory li{padding:3px 0!important;border:1px solid;border-radius:6px;justify-content:center}#indexRecommendVideoHistoryPopover ul li{display:flex;align-items:center;padding:7px 0;width:100%;border:1px solid #dcdfe6!important;line-height:24px}#indexRecommendVideoHistoryPopover #indexRecommendVideoHistoryList li{border-width:0 0 1px 0!important}#indexRecommendVideoHistoryPopover #indexRecommendVideoHistoryList li span{display:flex;width:32px;height:24px;margin-right:5px;border-radius:4px; overflow:hidden}#indexRecommendVideoHistoryPopover #indexRecommendVideoHistoryList li span img{width:100%;height:24px;object-fit:inherit}#indexRecommendVideoHistoryPopover #indexRecommendVideoHistoryList li a{color:#333!important}#indexRecommendVideoHistoryPopover #indexRecommendVideoHistoryList li:hover a{color:#00a1d6!important}#clearRecommendVideoHistoryButton{position:sticky;display:flex;padding:10px;width:80px;border-radius:6px;background:#00a1d6;color:#fff;font-size:15px;line-height:16px;cursor:pointer;align-items:center;justify-content:center}',
    VideoPageAdjustment: '.back-to-top-wrap .locate{visibility:hidden}.back-to-top-wrap:has(.visible) .locate{visibility:visible}.bpx-player-container[data-screen=full] #goToComments{opacity:.6;cursor:not-allowed;pointer-events:none}#comment-description .user-name{display:flex;padding:0 5px;height:22px;border:1px solid;border-radius:4px;align-items:center;justify-content:center}.bpx-player-ctrl-skip{border:none!important;background:0 0!important}.bpx-player-container[data-screen=full] #setSkipTimeNodesPopoverToggleButton,.bpx-player-container[data-screen=web] #setSkipTimeNodesPopoverToggleButton{height:32px!important;line-height:32px!important}#setSkipTimeNodesPopover{top:50%!important;left:50%!important;box-sizing:border-box!important;padding:15px!important;max-width:456px!important;border:0!important;border-radius:6px!important;font-size:14px!important;transform:translate(-50%,-50%)!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper{display:flex!important;flex-direction:column!important;gap:7px!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper button{display:flex!important;width:100%;height:34px!important;border-style:solid!important;border-width:1px!important;border-radius:6px!important;text-align:center!important;line-height:34px!important;cursor:pointer;align-items:center!important;justify-content:center!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper button:disabled{cursor:not-allowed}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .header{display:flex!important;font-weight:700!important;align-items:center!important;justify-content:space-between!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .header .title{font-weight:700!important;font-size:16px!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .header .extra{font-size:12px!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .header .extra,#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .result{padding:2px 5px!important;border:1px solid #d9ecff!important;border-radius:6px!important;background-color:#ecf5ff!important;color:#409eff!important;font-weight:400!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .success{display:flex!important;padding:2px 5px!important;border-color:#e1f3d8!important;background-color:#f0f9eb!important;color:#67c23a!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .danger{display:flex!important;padding:2px 5px!important;border-color:#fde2e2!important;background-color:#fef0f0!important;color:#f56c6c!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .handles{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .tips{position:relative!important;overflow:hidden;box-sizing:border-box!important;padding:7px!important;border-color:#e9e9eb!important;border-radius:6px!important;background-color:#f4f4f5!important;color:#909399!important;font-size:13px!important;transition:height .3s!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .tips.open{height:134px!important;line-height:20px!important;}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .tips.close{height:34px!important;line-height:22px!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .tips .detail{position:absolute!important;top:9px!important;right:7px!important;display:flex!important;cursor:pointer!important;transition:transform .3s!important}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .tips .detail.open{transform:rotate(0)}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .tips .detail.close{transform:rotate(180deg)}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .records{display:none;flex-direction:column!important;gap:7px}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .records .recordsButtonsGroup{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important}#clearRecordsButton{border-color:#d3d4d6!important;background:#f4f4f5!important;color:#909399!important}#clearRecordsButton:disabled{border-color:#e9e9eb!important;background-color:#f4f4f5!important;color:#bcbec2!important}#saveRecordsButton{border-color:#c2e7b0!important;background:#f0f9eb!important;color:#67c23a!important}#saveRecordsButton:disabled{border-color:#e1f3d8!important;background-color:#f0f9eb!important;color:#a4da89!important}#setSkipTimeNodesInput{box-sizing:border-box!important;padding:5px!important;width:calc(100% - 39px)!important;height:34px!important;border:1px solid #cecece!important;border-radius:6px!important;line-height:34px!important}#uploadSkipTimeNodesButton,#syncSkipTimeNodesButton{width:52px!important;height:34px!important;border:none!important;background:#00a1d6!important;color:#fff!important}#uploadSkipTimeNodesButton:hover{background:#00b5e5!important}#skipTimeNodesRecordsArray{display:flex!important;padding:2px 5px!important;border-radius:6px!important}#bilibili-player .bpx-player-video-wrap{position:relative}#bilibili-player .bpx-player-video-wrap:before{position:absolute;display:block;background:var(--video-cover) top left no-repeat;background-size:cover;content:"";inset:0}#setSkipTimeNodesPopover .setSkipTimeNodesWrapper .records{display:none}',
    BodyHidden: 'body{overflow:hidden!important}',
    ResetPlayerLayout: 'body{padding-top:0;position:auto}#playerWrap{display:block}#bilibili-player{height:auto;position:relative}.bpx-player-mini-warp{display:none}',
    UnlockWebscreen: 'body.webscreen-fix{padding-top:BODYHEIGHT;position:unset}#bilibili-player.mode-webscreen{height:BODYHEIGHT;position:absolute}#playerWrap{display:none}#danmukuBox{margin-top:0}',
    FreezeHeaderAndVideoTitle: '#biliMainHeader{height:64px!important}#viewbox_report{height:108px!important;padding-top:22px!important}.members-info-container{height:86px!important;overflow:hidden!important;padding-top:11px!important}.membersinfo-wide .header{display:none!important}',
    DynamicSetting: '#dynamicSettingPopoverTitle{margin-bottom:15px;text-align:center;font-weight:700;font-size:21px}#dynamicSettingPopover #dynamicSettingPopoverTips{margin-top:5px}',
    VideoSetting: '#videoSettingPopover{width:550px;max-height:90vh}#Top-Offset{flex-grow:.5}',
    UnlockEpisodeSelector: '.bpx-player-control-bottom-right .bpx-player-ctrl-btn.bpx-player-ctrl-eplist{visibility:visible!important;width:36px!important}'
  }
  const regexps = {
    // 如果使用全局检索符(g),则在多次使用 RegExp.prototype.test() 时会导致脚本执行失败,
    // 因为在全局检索符下(g), RegExp.prototype.test() 在匹配成功后会设置下一次匹配的起始索引 lastindex
    // 但是当前页面的 URL 为固定字符串,在上一次匹配成功后设置的 lastindex 后没有其他字符串,所以会匹配失败
    // 例如:使用 /asifadeaway/g.test('https://www.asifadeaway.com/post/Watched.html') 检查是否含有字符串'asifadeaway',此时返回 true 并将 lastindex 设为 23
    // 后续再执行一次同样的检查则会返回 false 并将 lastindex 设为 0,因为继上次检查匹配成功后再次检查会从索引位置 23 开始,而此位置往后并没有字符串'asifadeaway'
    // 以下的正则表达式都包含了整个 URL 字符串,所以匹配成功一次之后 lastindex 会被设置为 URL 字符串的长度,再次执行后必定返回 false
    // 所以会产生匹配成功之后再次匹配就会失败的奇怪现象,就是因为 lastindex 的值在上一次匹配成功后被设为了字符串的长度
    // 因此不使用全局检索符(g)
    video: /.*:\/\/www\.bilibili\.com\/(video|bangumi\/play|list)\/.*/i,
    dynamic: /.*:\/\/t\.bilibili\.com\/.*/i,
  }
  const utils = {
    /**
     * 初始化所有数据
     * - #region 初始化所有数据
     */
    initValue() {
      const value = [{
        name: 'is_vip',
        value: true,
      }, {
        name: 'player_type',
        value: 'video',
      }, {
        name: 'offset_top',
        value: 5,
      }, {
        name: 'video_player_offset_top',
        value: 168,
      }, {
        name: 'bangumi_player_offset_top',
        value: 104,
      }, {
        name: 'auto_locate',
        value: true,
      }, {
        name: 'get_offset_method',
        value: 'function',
      }, {
        name: 'auto_locate_video',
        value: true,
      }, {
        name: 'auto_locate_bangumi',
        value: true,
      }, {
        name: 'click_player_auto_locate',
        value: true,
      }, {
        name: 'current_screen_mode',
        value: 'normal',
      }, {
        name: 'selected_screen_mode',
        value: 'wide',
      }, {
        name: 'auto_select_video_highest_quality',
        value: true,
      }, {
        name: 'contain_quality_4k',
        value: false,
      }, {
        name: 'contain_quality_8k',
        value: false,
      }, {
        name: 'webfull_unlock',
        value: false,
      }, {
        name: 'auto_reload',
        value: false,
      }, {
        name: 'auto_skip',
        value: false,
      }, {
        name: 'insert_video_description_to_comment',
        value: true
      }, {
        name: 'web_video_link',
        value: 'https://t.bilibili.com/?tab=video'
      }, {
        name: 'signIn_date',
        value: ''
      }, {
        name: 'dev_checkScreenModeSwitchSuccess_method',
        value: 'interval'
      }, {
        name: 'pause_video',
        value: false
      }, {
        name: 'continue_play',
        value: false
      }, {
        name: 'auto_subtitle',
        value: false
      },
      ]
      value.forEach(v => {
        if (utils.getValue(v.name) === undefined) {
          utils.setValue(v.name, v.value)
        }
      })
    },
    // #endregion 初始化所有数据
    /**
     * 获取自定义数据
     * - #region 获取自定义数据
     * @param {String} 数据名称
     * @returns 数据数值
     */
    getValue(name) {
      return GM_getValue(name)
    },
    // #endregion 获取自定义数据
    /**
     * 写入自定义数据
     * - #region 写入自定义数据
     * @param {String} 数据名称
     * @param {*} 数据数值
     */
    setValue(name, value) {
      GM_setValue(name, value)
    },
    // #endregion 写入自定义数据
    /**
     * 休眠
     * - #region 休眠
     * @param {Number} 时长
     * @returns
     */
    sleep(times) {
      return new Promise(resolve => setTimeout(resolve, times))
    },
    // #endregion 休眠
    /**
     * 通过名称获取指定cookie的值
     * - #region 通过名称获取指定cookie的值
     * @param {String} name cookie中某一项的名称
     * @returns 
     */
    getCookieByName(name) {
      const value = `; ${document.cookie}`;
      const parts = value.split(`; ${name}=`);
      if (parts.length === 2) return parts.pop().split(';').shift();
      return null;
    },
    // #endregion 通过名称获取指定cookie的值
    /**
     * 判断数组长度是否为偶数
     * - #region 判断数组长度是否为偶数
     */
    isArrayLengthEven(arr) {
      return arr.length % 2 === 0
    },
    // #endregion 判断数组长度是否为偶数
    /**
     * 向文档插入自定义样式
     * - #region 向文档插入自定义样式
     * @param {String} id 样式表id
     * @param {String} css 样式内容
     */
    insertStyleToDocument(id, css) {
      const styleElement = GM_addStyle(css)
      styleElement.id = id
    },
    // #endregion 向文档插入自定义样式
    /**
     * 自定义日志打印
     * - #region 自定义日志打印
     * - info->信息;warn->警告
     * - error->错误;debug->调试
     */
    logger: {
      info(content) {
        console.info('%c播放页调整', 'color:white;background:#006aff;padding:2px;border-radius:2px', content);
      },
      warn(content) {
        console.warn('%c播放页调整', 'color:white;background:#ff6d00;padding:2px;border-radius:2px', content);
      },
      error(content) {
        console.error('%c播放页调整', 'color:white;background:#f33;padding:2px;border-radius:2px', content);
      },
      debug(content) {
        console.info('%c播放页调整(调试)', 'color:white;background:#cc00ff;padding:2px;border-radius:2px', content);
      },
    },
    // #endregion 自定义日志打印
    /**
     * 检查当前文档是否被激活
     * - #region 检查当前文档是否被激活
     */
    checkDocumentIsHidden() {
      const visibilityChangeEventNames = ['visibilitychange', 'mozvisibilitychange', 'webkitvisibilitychange', 'msvisibilitychange']
      const documentHiddenPropertyName = visibilityChangeEventNames.find(name => name in document) || 'onfocusin' in document || 'onpageshow' in window ? 'hidden' : null
      if (documentHiddenPropertyName !== null) {
        const isHidden = () => document[documentHiddenPropertyName]
        const onChange = () => isHidden()
        // 添加各种事件监听器
        visibilityChangeEventNames.forEach(eventName => document.addEventListener(eventName, onChange))
        window.addEventListener('focus', onChange)
        window.addEventListener('blur', onChange)
        window.addEventListener('pageshow', onChange)
        window.addEventListener('pagehide', onChange)
        document.onfocusin = document.onfocusout = onChange
        return isHidden()
      }
      // 如果无法判断是否隐藏,则返回undefined
      return undefined
    },
    // #endregion 检查当前文档是否被激活
    /**
     * 刷新当前页面
     * - #region 刷新当前页面
     */
    reloadCurrentTab(...args) {
      if (args && args[0] === true) {
        location.reload()
      } else if (vals.auto_reload()) location.reload()
    },
    // #endregion 刷新当前页面
    /**
     * 滚动文档至目标位置
     * - #region 滚动文档至目标位置
     * @param {Number} 滚动距离
     */
    documentScrollTo(offset) {
      document.documentElement.scrollTop = offset
    },
    // #endregion 滚动文档至目标位置
    /**
     * 获取指定 meta 标签的属性值
     * - #region 获取指定meta标签的属性值
     * @param {*} attribute 属性名称
     * @returns 属性值
     */
    async getMetaContent(attribute) {
      const meta = await utils.getElementAndCheckExistence(`meta[${attribute}]`)
      if (meta) {
        return meta.getAttribute('content')
      } else {
        return null
      }
    },
    // #endregion 获取指定meta标签的属性值
    /**
     * 获取 Body 元素高度
     * - #region 获取Body元素高度
     * @returns Body 元素高度
     */
    getBodyHeight() {
      const bodyHeight = document.body.clientHeight || 0
      const docHeight = document.documentElement.clientHeight || 0
      return bodyHeight < docHeight ? bodyHeight : docHeight
    },
    // #endregion 获取Body元素高度
    /**
     * 确保页面销毁时清除所有定时器
     * - #region 确保页面销毁时清除所有定时器
     */
    clearAllTimersWhenCloseTab() {
      window.addEventListener('beforeunload', () => {
        for (let id of arrays.intervalIds) {
          clearInterval(id)
        }
        arrays.intervalIds = []
      })
    },
    // #endregion 确保页面销毁时清除所有定时器
    /**
     * 获取目标元素至文档距离
     * - #region 获取目标元素至文档距离
     * @param {String} 目标元素
     * @returns 顶部和左侧距离
     */
    getElementOffsetToDocument(element) {
      let rect, win
      if (!element.getClientRects().length) {
        return {
          top: 0,
          left: 0
        }
      }
      rect = element.getBoundingClientRect()
      win = element.ownerDocument.defaultView
      return {
        top: rect.top + win.pageYOffset,
        left: rect.left + win.pageXOffset
      }
    },
    // #endregion 获取目标元素至文档距离
    /**
     * 创建并插入元素至目标元素
     * - #region 创建并插入元素至目标元素
     * @param {String} Html 字符串
     * @param {Element} 目标元素
     * @param {String} 插入方法(before/after/prepend/append)
     * @returns 被创建的元素
     */
    createElementAndInsert(HtmlString, target, method) {
      const element = elmGetter.create(HtmlString, target)
      target[method](element)
      return element
    },
    // #endregion 创建并插入元素至目标元素
    /**
     * 判断函数是否为异步函数
     * - #region 判断函数是否为异步函数
     * - 不使用 targetFunction() instanceof Promise 方法
     * - 因为这会导致 targetFunction 函数在此处执行一遍,从而增加 vars 里相关的计数变量
     * - 当之后真正执行时会因为相关计数变量值不等于 1 导致在 executeFunctionsSequentially 函数里获取不到返回值
     */
    isAsyncFunction(targetFunction) {
      return targetFunction.constructor.name === 'AsyncFunction'
    },
    // #endregion 判断函数是否为异步函数
    /**
     * 按顺序依次执行函数数组中的函数
     * - #region 按顺序依次执行函数数组中的函数
     * @param {Array} functionsArray 待执行的函数数组
     * - 当函数为异步函数时,只有当前一个函数执行完毕时才会继续执行下一个函数
     * - 当函数为同步函数时,则只会执行相应函数
     */
    executeFunctionsSequentially(functionsArray) {
      if (functionsArray.length > 0) {
        // console.log(functionsArray.length)
        const currentFunction = functionsArray.shift()
        if (utils.isAsyncFunction(currentFunction)) {
          currentFunction().then(result => {
            // console.log(currentFunction.name, result)
            if (result) {
              const { message, callback } = result
              if (message) utils.logger.info(message)
              if (callback && Array.isArray(callback)) utils.executeFunctionsSequentially(callback)
            }
            // else utils.logger.debug(currentFunction.name)
            utils.executeFunctionsSequentially(functionsArray)
          }).catch(error => {
            utils.logger.error(error)
            utils.reloadCurrentTab()
          })
        } else {
          // console.log(currentFunction.name, result)
          const result = currentFunction()
          if (result) {
            const { message } = result
            if (message) utils.logger.info(message)
          }
        }
      }
    },
    // #endregion 按顺序依次执行函数数组中的函数
    /**
     * 检查元素数组中元素是否存在
     * - #region 检查元素数组中元素是否存在
     * @param {Array} elementsArray 元素数组
     */
    checkElementExistence(elementsArray) {
      if (Array.isArray(elementsArray)) {
        return elementsArray.map(element => Boolean(element))
      } else {
        return [Boolean(elementsArray)]
      }
    },
    // #endregion 检查元素数组中元素是否存在
    /**
     * 获取元素并检查元素是否存在
     * - #region 获取元素并检查元素是否存在
     * @param {String | String[]} selectors 元素选择器
     * @param {Number} delay 超时时间
     * @param {Boolean} debug debug 开关
     * @returns 获取的元素
     */
    async getElementAndCheckExistence(selectors, ...args) {
      let delay = 7000, debug = false
      if (args.length === 1) {
        const type = typeof args[0]
        if (type === 'number') delay = args[0]
        if (type === 'boolean') debug = args[0]
      }
      if (args.length === 2) {
        delay = args[0]
        debug = args[1]
      }
      const result = await elmGetter.get(selectors, delay)
      if (debug) utils.logger.debug(utils.checkElementExistence(result))
      return result
    },
    // #endregion 获取元素并检查元素是否存在
    /**
     * 为元素添加监听器并执行相应函数
     * - #region 为元素添加监听器并执行相应函数
     */
    async addEventListenerToElement() {
      if (window.location.href === 'https://www.bilibili.com/') {
        const [$indexRecommendVideoRollButton, $clearRecommendVideoHistoryButton] = await utils.getElementAndCheckExistence([selectors.indexRecommendVideoRollButton, selectors.clearRecommendVideoHistoryButton])
        $indexRecommendVideoRollButton.addEventListener('click', () => {
          const functionsArray = [
            modules.setIndexRecordRecommendVideoHistory,
            modules.getIndexRecordRecommendVideoHistory,
            modules.generatorVideoCategories
          ]
          setTimeout(() => {
            vars.setIndexRecordRecommendVideoHistoryArrayCount = 0
            utils.executeFunctionsSequentially(functionsArray)
          }, 1000)
        })
        $clearRecommendVideoHistoryButton.addEventListener('click', () => {
          modules.clearRecommendVideoHistory()
        })
      }
      if (regexps.video.test(window.location.href)) {
        if (window.onurlchange === null) {
          window.addEventListener('urlchange', () => {
            modules.functionsNeedToExecuteWhenUrlHasChanged()
            // utils.logger.debug('URL改变了!')
          })
        } else {
          modules.clickRelatedVideoAutoLocation()
        }
        window.addEventListener("popstate", () => {
          // utils.logger.debug('URL改变了!!')
          modules.functionsNeedToExecuteWhenUrlHasChanged()
        })
        const [$playerContainer, $AutoSkipSwitchInput, $AutoEnableSubtitleSwitchInput] = await utils.getElementAndCheckExistence([selectors.playerContainer, selectors.AutoSkipSwitchInput, selectors.AutoEnableSubtitleSwitchInput])
        $playerContainer.addEventListener('fullscreenchange', (event) => {
          let isFullscreen = document.fullscreenElement === event.target
          if (!isFullscreen) modules.locationToPlayer()
        })
        document.addEventListener('keydown', (event) => {
          if (event.key === 'j') {
            $AutoSkipSwitchInput.click()
          }
        })
        document.addEventListener('keydown', (event) => {
          if (event.key === 'l') {
            $AutoEnableSubtitleSwitchInput.click()
          }
        })
        if (vals.auto_skip()) {
          const [$video, $setSkipTimeNodesPopoverToggleButton, $setSkipTimeNodesPopoverRecords, $skipTimeNodesRecordsArray, $saveRecordsButton] = await utils.getElementAndCheckExistence([selectors.video, selectors.setSkipTimeNodesPopoverToggleButton, selectors.setSkipTimeNodesPopoverRecords, selectors.skipTimeNodesRecordsArray, selectors.saveRecordsButton])
          document.addEventListener('keydown', (event) => {
            if (event.key === 'k') {
              const currentTime = Math.ceil($video.currentTime)
              arrays.skipNodesRecords.push(currentTime)
              arrays.skipNodesRecords = Array.from(new Set(arrays.skipNodesRecords))
              if (arrays.skipNodesRecords.length > 0) {
                $setSkipTimeNodesPopoverRecords.style.display = 'flex'
                $skipTimeNodesRecordsArray.innerText = `打点数据:${JSON.stringify(arrays.skipNodesRecords)}`
                if (utils.isArrayLengthEven(arrays.skipNodesRecords)) {
                  $skipTimeNodesRecordsArray.classList.remove('danger')
                  $skipTimeNodesRecordsArray.classList.add('success')
                  $saveRecordsButton.removeAttribute('disabled')
                } else {
                  $skipTimeNodesRecordsArray.classList.remove('success')
                  $skipTimeNodesRecordsArray.classList.add('danger')
                  $saveRecordsButton.setAttribute('disabled', true)
                }
              }
            }
            if (event.key === 'g') {
              $setSkipTimeNodesPopoverToggleButton.click()
            }
          })
        }
      }
    }
    // #endregion 为元素添加监听器并执行相应函数
  }
  const biliApis = {
    /**
     * 获取解密WBI鉴权后的参数
     * - #region 获取解密WBI鉴权后的参数
     * @param {Object} originalParams 
     * @returns 
     */
    async getQueryWithWbi(originalParams) {
      const mixinKeyEncTab = [
        46, 47, 18, 2, 53, 8, 23, 32, 15, 50, 10, 31, 58, 3, 45, 35, 27, 43, 5, 49,
        33, 9, 42, 19, 29, 28, 14, 39, 12, 38, 41, 13, 37, 48, 7, 16, 24, 55, 40,
        61, 26, 17, 0, 1, 60, 51, 30, 4, 22, 25, 54, 21, 56, 59, 6, 63, 57, 62, 11,
        36, 20, 34, 44, 52
      ]

      // 对 imgKey 和 subKey 进行字符顺序打乱编码
      const getMixinKey = (orig) => mixinKeyEncTab.map(n => orig[n]).join('').slice(0, 32)

      // 为请求参数进行 wbi 签名
      const encWbi = (params, img_key, sub_key) => {
        const mixin_key = getMixinKey(img_key + sub_key),
          curr_time = Math.round(Date.now() / 1000),
          chr_filter = /[!'()*]/g

        Object.assign(params, { wts: curr_time }) // 添加 wts 字段
        // 按照 key 重排参数
        const query = Object.keys(params).sort().map(key => {
          // 过滤 value 中的 "!'()*" 字符
          const value = params[key].toString().replace(chr_filter, '')
          return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
        }).join('&')

        const wbi_sign = MD5(query + mixin_key) // 计算 w_rid

        return query + '&w_rid=' + wbi_sign
      }

      // 获取最新的 img_key 和 sub_key
      const getWbiKeys = async () => {
        const url = 'https://api.bilibili.com/x/web-interface/nav'
        const res = await axios.get(url, { withCredentials: true })
        const { data: { wbi_img: { img_url, sub_url } } } = res.data

        return {
          img_key: img_url.slice(
            img_url.lastIndexOf('/') + 1,
            img_url.lastIndexOf('.')
          ),
          sub_key: sub_url.slice(
            sub_url.lastIndexOf('/') + 1,
            sub_url.lastIndexOf('.')
          )
        }
      }
      const main = async () => {
        const web_keys = await getWbiKeys()
        const params = originalParams,
          img_key = web_keys.img_key,
          sub_key = web_keys.sub_key
        const query = encWbi(params, img_key, sub_key)
        return query
      }
      return main()
    },
    // #endregion 获取解密WBI鉴权后的参数
    /**
     * 获取视频基本信息
     * - #region 获取视频基本信息
     * @param {String} videoId 视频ID(video BVID)
     * @returns videoInfo
     */
    async getVideoInformation(videoId) {
      const url = `https://api.bilibili.com/x/web-interface/view?bvid=${videoId}`
      const { data, data: { code } } = await axios.get(url, { withCredentials: true })
      if (code === 0) return data
      else if (code === -400) utils.logger.info("获取视频基本信息丨请求错误")
      else if (code === -403) utils.logger.info("获取视频基本信息丨权限不足")
      else if (code === -404) utils.logger.info("获取视频基本信息丨无视频")
      else if (code === 62002) utils.logger.info("获取视频基本信息丨稿件不可见")
      else if (code === 62004) utils.logger.info("获取视频基本信息丨稿件审核中")
      else if (code === 'ERR_BAD_REQUEST') utils.logger.info("获取视频基本信息丨请求失败")
      else utils.logger.warn("获取视频基本信息丨请求错误")
    },
    // #endregion 获取视频基本信息
    /**
     * 获取用户基本信息
     * - #region 获取用户基本信息
     * @param {String} userId 用户ID
     * @returns userInfo
     */
    async getUserInformation(userId) {
      const url = `https://api.bilibili.com/x/web-interface/card?mid=${userId}`
      const { data, data: { code } } = await axios.get(url, { withCredentials: true })
      if (code === 0) return data
      else if (code === -400) utils.logger.info("获取用户基本信息丨请求错误")
      else if (code === -403) utils.logger.info("获取用户基本信息丨权限不足")
      else if (code === -404) utils.logger.info("获取用户基本信息丨用户不存在")
      else if (code === 'ERR_BAD_REQUEST') utils.logger.info("获取用户基本信息丨请求失败")
      else utils.logger.warn("获取用户基本信息丨请求失败")
    },
    // #endregion 获取用户基本信息
    /**
     * 判断用户是否是大会员
     * - #region 判断用户是否是大会员
     * - 签到后执行,若已签到则不执行,避免触发多次请求
     */
    async isVip() {
      const userId = utils.getCookieByName('DedeUserID')
      const { data: { card: { vip: { status } } } } = await biliApis.getUserInformation(userId)
      if (status) utils.setValue('is_vip', true)
      else utils.setValue('is_vip', false)
    },
    // #endregion 判断用户是否是大会员
    /**
     * 自动签到
     * - #region 自动签到
     */
    async autoSignIn() {
      const now = new Date()
      const signInDate = `${now.getFullYear()}-${(now.getMonth() + 1)}-${now.getDate()}`
      if (!vals.signIn_date() || vals.signIn_date() !== signInDate) {
        const url = `https://api.live.bilibili.com/sign/doSign`
        const { data: { code } } = await axios.get(url, { withCredentials: true })
        if (code === 0) {
          utils.logger.info("自动签到丨签到成功")
          utils.setValue('signIn_date', signInDate)
          await biliApis.isVip()
        } else if (code === 1011040) {
          utils.logger.info("自动签到丨今日已签")
          utils.setValue('signIn_date', signInDate)
        } else {
          utils.logger.warn("自动签到丨签到异常")
          utils.setValue('signIn_date', '')
        }
      } else {
        utils.logger.info("自动签到丨今日已签")
      }
    },
    // #endregion 自动签到
    /**
     * 获取用户投稿视频列表
     * - #region 获取用户投稿视频列表
     */
    async getUserVideoList(userId) {
      const wib = await biliApis.getQueryWithWbi({ mid: userId })
      const url = `https://api.bilibili.com/x/space/wbi/arc/search?${wib}`
      const { data, data: { code } } = await axios.get(url, { withCredentials: true })
      if (code === 0) return data
      else if (code === -400) {
        utils.logger.info("获取用户投稿视频列表丨权限不足")
      } else if (code === -412) {
        utils.logger.info("获取用户投稿视频列表丨请求被拦截")
      } else {
        utils.logger.warn("获取用户投稿视频列表丨请求失败")
      }
    },
    // #endregion 获取用户投稿视频列表
  }
  const modules = {
    //** ----------------------- 通用功能 ----------------------- **//
    // #region 通用功能
    /**
     * 获取视频类型(video/bangumi)
     * - #region 获取视频类型
     * 如果都没匹配上则弹窗报错
     * @returns 当前视频类型
     */
    async getCurrentPlayerType(url = window.location.href) {
      let playerType
      const setCurrentPlayerType = () => {
        playerType = (url.startsWith('https://www.bilibili.com/video') || url.startsWith('https://www.bilibili.com/list/')) ? 'video' : url.startsWith('https://www.bilibili.com/bangumi') ? 'bangumi' : false
        if (!playerType) {
          utils.logger.debug('视频类型丨未匹配')
          alert('未匹配到当前视频类型,请反馈当前地址栏链接。')
        }
        utils.setValue('player_type', playerType)
      }
      window.addEventListener('focus', () => {
        setCurrentPlayerType()
      })
      // utils.logger.debug(`${playerType} ${vals.player_type()}`)
      setCurrentPlayerType()
      if (vals.player_type() === playerType) return { message: `视频类型丨${playerType}` }
      else modules.getCurrentPlayerType()
    },
    // #endregion 获取视频类型
    /**
     * 判断用户是否登录
     * - #region 判断用户是否登录
     */
    isLogin() {
      return Boolean(document.cookie.replace(/(?:(?:^|.*;\s*)bili_jct\s*=\s*([^;]*).*$)|^.*$/, '$1') || window.UserStatus.userInfo.isLogin || null)
    },
    // #endregion 判断用户是否登录
    /**
     * 获取视频ID/video BVID/bangumi EPID
     * - #region 获取视频ID
     */
    getCurrentVideoID(url = window.location.href) {
      return url.startsWith('https://www.bilibili.com/video') ? url.split('/')[4] : url.startsWith('https://www.bilibili.com/bangumi') ? url.split('/')[5].split('?')[0] : 'error'
    },
    // #endregion 获取视频ID
    /**
     * 获取Vue版本号
     * - #region 获取Vue版本号
     */
    async getVueScopeId(selector) {
      const element = await utils.getElementAndCheckExistence(selector)
      // utils.logger.debug(element)
      return new Promise((resolve, reject) => {
        let attrsArray = Array.from(element.attributes)
        let vueScopeAttrs = attrsArray.filter(attr => attr.name.startsWith('data-v-'))
        vueScopeAttrs.filter(attr => {
          // 使用字符串分割来提取 'data-v-' 后面的部分  
          const vueScopeId = attr.name.split('data-v-')[1];
          resolve(vueScopeId)
          // utils.logger.debug(vueScopeId) 
        })
      })
    },
    // #endregion 获取Vue版本号
    // #endregion 通用功能
    //** ----------------------- 视频播放页相关功能 ----------------------- **//
    // #region 视频播放页相关功能
    /**
     * 检查视频元素是否存在
     * - #region 检查视频元素是否存在
     * - 若存在返回成功消息
     * - 若不存在则抛出异常
     */
    async checkVideoExistence() {
      const [$videoWrap, $video] = await utils.getElementAndCheckExistence([selectors.videoWrap, selectors.video])
      if ($video) return { message: '播放器|已找到', callback: [modules.setVideoCover.bind(null, $videoWrap, $video)] }
      else throw new Error('播放器|未找到')
    },
    // #endregion 检查视频元素是否存在
    /**
     * 检查视频是否可以播放
     * - #region 检查视频是否可以播放
     */
    async checkVideoCanPlayThrough() {
      return new Promise((resolve, reject) => {
        let attempts = 100
        let message
        const timer = setInterval(() => {
          const $video = document.querySelector(selectors.video)
          const videoReadyState = $video.readyState
          if (videoReadyState === 4) {
            message = '视频资源|可以播放'
            resolve({ message })
            clearInterval(timer)
          } else if (attempts <= 0) {
            message = '视频资源|加载失败'
            reject({ message })
            clearInterval(timer)
          }
          attempts--
        }, 100)
        arrays.intervalIds.push(timer)
      })
    },
    // #endregion 检查视频是否可以播放
    /**
     * 监听屏幕模式变化(normal/wide/web/full)
     * - #region 监听屏幕模式变化
     */
    async observerPlayerDataScreenChanges() {
      const $playerContainer = await utils.getElementAndCheckExistence(selectors.playerContainer)
      const observer = new MutationObserver(() => {
        const playerDataScreen = $playerContainer.getAttribute('data-screen')
        utils.setValue('current_screen_mode', playerDataScreen)
      })
      observer.observe($playerContainer, {
        attributes: true,
        attributeFilter: ['data-screen'],
      })
    },
    // #endregion 监听屏幕模式变化
    /**
     * 获取当前屏幕模式
     * - #region 获取当前屏幕模式
     * @param {Number} 延时
     * @returns
     */
    async getCurrentScreenMode() {
      return new Promise((resolve) => {
        let attempts = 100
        const timer = setInterval(() => {
          const $playerContainer = document.querySelector(selectors.playerContainer)
          const playerDataScreen = $playerContainer?.getAttribute('data-screen')
          if (playerDataScreen) {
            resolve(playerDataScreen)
            clearInterval(timer)
          } else if (attempts <= 0) {
            clearInterval(timer)
            throw new Error(`获取当前屏幕模式|失败:已达到最大重试次数`)
          }
          attempts--
        }, 100)
        arrays.intervalIds.push(timer)
      })
    },
    // #endregion 获取当前屏幕模式
    /**
     * 视频未开始播放时显示视频封面
     * - #region 视频未开始播放时显示视频封面
     * - 应用于舞蹈类视频
     * - 视频播放时移除封面
     */
    async setVideoCover($videoWrap, $video) {
      if (vals.player_type() === 'bangumi') return
      const targetTids = Array.from(new Set().add([...objects.videoCategories.dance.tids, ...objects.videoCategories.fashion.tids])).flat()
      const { data: { pic, tid } } = await biliApis.getVideoInformation(modules.getCurrentVideoID(window.location.href))
      if (targetTids.includes(tid) && pic) {
        $videoWrap.style.setProperty('--video-cover', `url(${pic.replace(/^http:/i, 'https:')})`) // 设置视频封面的CSS变量
        $video.addEventListener('play', () => {
          $videoWrap.style.setProperty('--video-cover', '')
        })
        // $video.addEventListener('pause', function () {
        //   $videoWrap.style.setProperty('--video-cover', `url(${pic})`)
        // })
      }
    },
    // #endregion 视频未开始播放时显示视频封面
    /**
     * 判断当前视频是否未充电
     * - #region 判断当前视频是否未充电
     */
    checkVideoNoCharge() {
      return document.querySelector(selectors.notChargeHighLevelCover)
    },
    // #endregion 判断当前视频是否未充电
    // #region 自动选择播放器默认模式
    /**
     * 执行自动切换屏幕模式
     * - #region 执行自动切换屏幕模式
     * - 功能未开启,不执行切换函数,直接返回成功
     * - 功能开启,但当前屏幕已为宽屏或网页全屏,则直接返回成功
     * - 功能开启,执行切换函数
     */
    async autoSelectScreenMode() {
      if (modules.checkVideoNoCharge()) return
      if (++vars.autoSelectScreenModeRunningCount !== 1) return
      if (vals.selected_screen_mode() === 'close') return { message: '屏幕模式|功能已关闭' }
      const currentScreenMode = await modules.getCurrentScreenMode()
      if (arrays.screenModes.includes(currentScreenMode)) return { message: `屏幕模式|当前已是 ${currentScreenMode.toUpperCase()} 模式` }
      if (arrays.screenModes.includes(vals.selected_screen_mode())) {
        const result = await modules.checkScreenModeSwitchSuccess(vals.selected_screen_mode())
        if (result) return { message: `屏幕模式|${vals.selected_screen_mode().toUpperCase()}|切换成功` }
        else throw new Error(`屏幕模式|${vals.selected_screen_mode().toUpperCase()}|切换失败:已达到最大重试次数`)
      }
    },
    // #endregion 执行自动切换屏幕模式
    /**
     * 检查屏幕模式是否切换成功
     * - #region 检查屏幕模式是否切换成功
     * @param {*} expectScreenMode 期望的屏幕模式
     * - 未成功自动重试
     * - 定时器方式超过 10 次失败,1s 执行一次
     * - 递归方式超过 10 次返回失败
     */
    async checkScreenModeSwitchSuccess(expectScreenMode) {
      const enterBtnMap = {
        wide: async () => await utils.getElementAndCheckExistence(selectors.screenModeWideEnterButton),
        web: async () => await utils.getElementAndCheckExistence(selectors.screenModeWebEnterButton),
      }
      // 定时器方式检查
      if (vals.dev_checkScreenModeSwitchSuccess_method() === 'interval') {
        if (enterBtnMap[expectScreenMode]) {
          return new Promise((resolve) => {
            let attempts = 10
            const timer = setInterval(async () => {
              const enterBtn = await enterBtnMap[expectScreenMode]()
              enterBtn.click()
              const currentScreenMode = await modules.getCurrentScreenMode()
              const equal = expectScreenMode === currentScreenMode
              const success = vals.player_type() === 'video' ? expectScreenMode === 'wide' ? equal && +getComputedStyle(document.querySelector(selectors.danmukuBox))['margin-top'].slice(0, -2) > 0 : equal : equal
              if (success) {
                clearInterval(timer)
                resolve(success)
              } else if (attempts <= 0) {
                clearInterval(timer)
                resolve(false)
                utils.logger.warn(`屏幕模式切换失败,继续尝试丨当前:${currentScreenMode},期望:${expectScreenMode}`)
              }
              attempts--
            }, 1000)
            arrays.intervalIds.push(timer)
          })
        }
      }
      if (vals.dev_checkScreenModeSwitchSuccess_method() === 'recursive') {
        // 递归方式检查
        if (enterBtnMap[expectScreenMode]) {
          const enterBtn = await enterBtnMap[expectScreenMode]()
          enterBtn.click()
          const currentScreenMode = await modules.getCurrentScreenMode()
          const equal = expectScreenMode === currentScreenMode
          const success = vals.player_type() === 'video' ? expectScreenMode === 'wide' ? equal && +getComputedStyle(document.querySelector(selectors.danmukuBox))['margin-top'].slice(0, -2) > 0 : equal : equal
          // utils.logger.debug(`${vals.player_type()} ${expectScreenMode} ${currentScreenMode} ${equal} ${success}`)
          if (success) return success
          else {
            if (++vars.checkScreenModeSwitchSuccessDepths === 10) return false
            // utils.logger.warn(`屏幕模式切换失败,继续尝试丨当前:${currentScreenMode},期望:${expectScreenMode}`)
            await utils.sleep(300)
            return modules.checkScreenModeSwitchSuccess(expectScreenMode)
          }
        }
      }
    },
    // #endregion 检查屏幕模式是否切换成功
    // #endregion 自动选择播放器默认模式
    // #region 自动定位至播放器
    /**
     * 设置位置数据并滚动至播放器
     * - #region 设置位置数据并滚动至播放器
     * @returns 
     */
    async setLocationDataAndScrollToPlayer() {
      const getOffsetMethod = vals.get_offset_method()
      let playerOffsetTop
      if (getOffsetMethod === 'elements') {
        const $header = await utils.getElementAndCheckExistence(selectors.header)
        const $placeholderElement = await utils.getElementAndCheckExistence(selectors.videoTitleArea) || await utils.getElementAndCheckExistence(selectors.bangumiMainContainer)
        const headerHeight = $header.getBoundingClientRect().height
        const placeholderElementHeight = $placeholderElement.getBoundingClientRect().height
        playerOffsetTop = vals.player_type() === 'video' ? headerHeight + placeholderElementHeight : headerHeight + +getComputedStyle($placeholderElement)['margin-top'].slice(0, -2)
      }
      if (getOffsetMethod === 'function') {
        const $player = await utils.getElementAndCheckExistence(selectors.player)
        playerOffsetTop = utils.getElementOffsetToDocument($player).top
      }
      // utils.logger.debug(playerOffsetTop)
      vals.player_type() === 'video' ? utils.setValue('video_player_offset_top', playerOffsetTop) : utils.setValue('bangumi_player_offset_top', playerOffsetTop)
      await modules.getCurrentScreenMode() === 'wide' ? utils.documentScrollTo(playerOffsetTop - vals.offset_top()) : utils.documentScrollTo(0)
      return
      // utils.logger.debug('定位至播放器!')
    },
    // #endregion 设置位置数据并滚动至播放器
    /**
     * 自动定位至播放器并检查是否成功
     * - #region 自动定位至播放器并检查是否成功
     */
    async autoLocationToPlayer() {
      const unlockbody = () => {
        document.getElementById('BodyHiddenStyle')?.remove()
      }
      const onAutoLocate = vals.auto_locate() && ((!vals.auto_locate_video() && !vals.auto_locate_bangumi()) || (vals.auto_locate_video() && vals.player_type() === 'video') || (vals.auto_locate_bangumi() && vals.player_type() === 'bangumi'))
      if (!onAutoLocate || vals.selected_screen_mode() === 'web') return { callback: [unlockbody] }
      await modules.setLocationDataAndScrollToPlayer()
      const playerOffsetTop = vals.player_type() === 'video' ? vals.video_player_offset_top() : vals.bangumi_player_offset_top()
      const result = await modules.checkAutoLocationSuccess(playerOffsetTop - vals.offset_top())
      if (result) return { message: '自动定位|成功', callback: [unlockbody] }
      else {
          unlockbody()
          throw new Error(`自动定位|失败:已达到最大重试次数`)
      }
    },
    // #endregion 自动定位至播放器并检查是否成功
    /**
     * 递归检查屏自动定位是否成功
     * - #region 递归检查屏自动定位是否成功
     * @param {*} expectOffset 期望文档滚动偏移量
     * - 未定位成功自动重试,递归超过 10 次则返回失败
     * - 基础数据:
     * - videoOffsetTop:播放器相对文档顶部距离,大小不随页面滚动变化
     * - videoClientTop:播放器相对浏览器视口顶部距离,大小随页面滚动变化
     * - targetOffset:用户期望的播放器相对浏览器视口顶部距离,由用户自定义
     * - 文档滚动距离:videoOffsetTop - targetOffset
     */
    async checkAutoLocationSuccess(expectOffset) {
      const $video = await utils.getElementAndCheckExistence(selectors.video)
      utils.documentScrollTo(expectOffset)
      await utils.sleep(300)
      const videoClientTop = Math.trunc($video.getBoundingClientRect().top)
      const playerOffsetTop = vals.player_type() === 'video' ? vals.video_player_offset_top() : vals.bangumi_player_offset_top()
      // 成功条件:实际偏移量与用户设置偏移量相等/期望文档滚动偏移量与当前文档滚动偏移量相等/实际偏移量与用户设置偏移量误差小于5
      const success = (videoClientTop === vals.offset_top()) || ((playerOffsetTop - vals.offset_top()) - Math.trunc(window.scrollY) === 0) || (Math.abs(videoClientTop - vals.offset_top()) < 5)
      if (success) return success
      else {
        if (++vars.autoLocationToPlayerRetryDepths === 10) return false
        // utils.logger.debug(`${videoOffsetTop} ${videoClientTop} ${vals.offset_top()} ${Math.abs((videoOffsetTop - vals.offset_top()) - Math.trunc(window.scrollY))}`)
        utils.logger.warn(`
                    自动定位失败,继续尝试
                    -----------------
                    期望文档滚动偏移量:${playerOffsetTop - vals.offset_top()}
                    当前文档滚动偏移量:${Math.trunc(window.scrollY)}
                    文档滚动偏移量误差:${(playerOffsetTop - vals.offset_top()) - Math.trunc(window.scrollY)}
                    播放器顶部偏移量:${videoClientTop}
                    设置偏移量:${vals.offset_top()}`)
        utils.documentScrollTo(0)
        await utils.sleep(300)
        return modules.checkAutoLocationSuccess(expectOffset)
      }
    },
    // #endregion 递归检查屏自动定位是否成功
    /**
     * 文档滚动至播放器(使用已有数据)
     * - #region 文档滚动至播放器(使用已有数据)
     */
    async locationToPlayer() {
      const playerOffsetTop = vals.player_type() === 'video' ? vals.video_player_offset_top() : vals.bangumi_player_offset_top()
      const scrollOffset = await modules.getCurrentScreenMode() !== 'web' ? playerOffsetTop - vals.offset_top() : 0
      utils.documentScrollTo(scrollOffset)
    },
    // #endregion 文档滚动至播放器(使用已有数据)
    /**
     * 点击播放器自动定位
     * - #region 点击播放器自动定位
     */
    async clickPlayerAutoLocation() {
      if (vals.click_player_auto_locate()) {
        const $video = await utils.getElementAndCheckExistence(selectors.video)
        $video.addEventListener('click', async () => {
          const currentScreenMode = await modules.getCurrentScreenMode()
          if (['full', 'mini'].includes(currentScreenMode)) return
          await modules.locationToPlayer()
        })
      }
    },
    // #endregion 点击播放器自动定位
    /**
     * 点击时间锚点自动返回播放器
     * - #region 点击时间锚点自动返回播放器
     */
    async clickVideoTimeAutoLocation() {
      await utils.sleep(100)
      const $video = await utils.getElementAndCheckExistence('video')
      const $clickTarget = vals.player_type() === 'video' ? await utils.getElementAndCheckExistence(selectors.videoComment) : await utils.getElementAndCheckExistence(selectors.bangumiComment)
      await elmGetter.each(selectors.videoTime, $clickTarget, async (target) => {
        target.addEventListener('click', async (event) => {
          event.stopPropagation()
          await modules.locationToPlayer()
          // const targetTime = vals.player_type() === 'video' ? target.dataset.videoTime : target.dataset.time
          const targetTime = target.dataset.videoTime
          if (targetTime > $video.duration) alert('当前时间点大于视频总时长,将跳到视频结尾!')
          $video.currentTime = targetTime
          $video.play()
        })
      })
    },
    // #endregion 点击时间锚点自动返回播放器
    // #endregion 自动定位至播放器
    /**
     * 自动关闭静音
     * - #region 自动关闭静音
     */
    async autoCancelMute() {

      if (++vars.autoCancelMuteRunningCount !== 1) return
      const [$mutedButton, $volumeButton] = await utils.getElementAndCheckExistence([selectors.mutedButton, selectors.volumeButton])
      // const mutedButtonDisplay = getComputedStyle(mutedButton)['display']
      // const volumeButtonDisplay = getComputedStyle(volumeButton)['display']
      const mutedButtonDisplay = $mutedButton.style.display
      const volumeButtonDisplay = $volumeButton.style.display
      if (mutedButtonDisplay === 'block' || volumeButtonDisplay === 'none') {
        $mutedButton.click()
        // utils.logger.info('静音丨已关闭')
        return {
          message: '静音丨已关闭'
        }
      }
    },
    // #endregion 自动关闭静音
    /**
     * 自动开启字幕
     * - #region 自动开启字幕
     */
    async autoEnableSubtitle() {
      if (!vals.auto_subtitle()) return
      const $switchSubtitleButton = await utils.getElementAndCheckExistence(selectors.switchSubtitleButton)
      const openStatus = $switchSubtitleButton.children[0].children[0].children[0].children[1].childElementCount === 1
      if (!openStatus) {
        $switchSubtitleButton.children[0].children[0].click()
        return {
          message: '视频字幕丨已开启'
        }
      }
    },
    // #endregion 自动开启字幕
    /**
     * 插入自动开启字幕功能开关
     * - #region 插入自动开启字幕功能开关
     */
    async insertAutoEnableSubtitleSwitchButton() {
      if (++vars.insertAutoEnableSubtitleSwitchButtonCount !== 1) return
      const autoEnableSubtitleSwitchButtonHtml = `
          <div id="autoEnableSubtitleSwitchButton" class="bpx-player-dm-switch bui bui-danmaku-switch" aria-label="跳过开启关闭">
            <div class="bui-area">
                <input id="${selectors.AutoEnableSubtitleSwitchInput.slice(1)}" class="bui-danmaku-switch-input" type="checkbox" ${vals.auto_subtitle() ? 'checked' : ''}>
                <label class="bui-danmaku-switch-label">
                <span class="bui-danmaku-switch-on">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 4.8h-1.5L8.8 2.3c-.3-.5-1-.6-1.4-.3s-.6.9-.3 1.4l1 1.5-2.2.1C4 5.1 2.4 6.5 2.1 8.4c-.2 1.4-.3 2.8-.2 4.2 0 1.7.1 3.4.3 5.1.3 1.9 1.9 3.3 3.8 3.4h.9c1.2.1 1.8.1 3.6.1.6 0 1-.4 1-1s-.4-1-1-1c-1.8 0-2.3 0-3.5-.1h-.9c-1 0-1.8-.8-1.9-1.7-.2-1.6-.3-3.2-.3-4.8 0-1.3.1-2.6.2-3.9C4.2 7.7 5 7 6 6.9c2.4-.1 4.5-.1 6.1-.1s3.6 0 6.1.1c1 .1 1.8.8 1.9 1.8.1.5.1 2 .1 3.1v.9c0 .6.5 1 1 1 .6 0 1-.5 1-1v-.9c0-1.1-.1-2.7-.2-3.3-.2-1.9-1.8-3.4-3.8-3.5l-2.5-.1 1.1-1.5c.2-.4.1-1-.3-1.4-.5-.3-1.1-.2-1.4.2l-1.9 2.5H12z" clip-rule="evenodd"/><path fill="#00aeec" fill-rule="evenodd" d="M22.9 14.6c-.4-.4-1-.3-1.4.1l-5.1 5.7-2.2-2.3-.2-.1c-.4-.3-1.1-.2-1.4.2-.3.4-.2.9.1 1.3l3 3 .1.1c.4.3 1 .3 1.4-.1L23 16l.1-.1c.2-.4.1-.9-.2-1.3z" clip-rule="evenodd"/><path d="M9.3 11.4H14l.7.6c-.2.2-.5.5-.8.7s-.6.5-1 .7c-.2.1-.3.2-.5.3v.2h3.8v1h-3.8v1.7c0 .3 0 .5-.1.7-.1.2-.2.3-.5.4-.2.1-.5.1-.8.2s-.7 0-1.1 0c0-.1-.1-.2-.1-.4s-.1-.3-.2-.4c-.1-.1-.1-.2-.2-.3h1.7V15H7.6v-1h3.8v-.6c.3-.1.6-.3.8-.5.2-.1.4-.3.5-.4H9.3v-1.1zM7.7 9.5h3.8v-.1c-.1-.2-.2-.5-.4-.6l1.1-.3c.1.2.3.4.4.6.1.2.2.3.2.4h3.5v2.2h-1.1v-1.2H8.7v1.2h-1V9.5z"/></svg>
                </span>
                <span class="bui-danmaku-switch-off">
                  <svg xmlns="http://www.w3.org/2000/svg" id="图层_1" viewBox="0 0 24 24"><path d="M8.1 5l-1-1.5c-.3-.5-.2-1.1.3-1.4s1.1-.2 1.4.3L10.5 5h2.7l1.9-2.6c.3-.5 1-.6 1.4-.2s.6 1 .2 1.4l-1 1.4 2.5.1c1.9.1 3.5 1.6 3.7 3.5.1.6.1 2.1.2 3.3v.9c0 .6-.4 1-1 1s-1-.4-1-1v-.9c0-1.1-.1-2.5-.1-3.1-.1-1-.9-1.8-1.9-1.8-2-.1-4-.1-6.1-.1-1.6 0-3.6 0-6.1.1-1 0-1.8.8-1.9 1.7-.2 1.3-.2 2.6-.2 3.9 0 1.6.1 3.2.3 4.8.1 1 .9 1.7 1.9 1.7 1.8.1 3.6.1 5.4.1.6 0 1 .4 1 1s-.4 1-1 1c-1.8 0-3.7 0-5.5-.1-1.9-.1-3.5-1.5-3.8-3.4-.3-1.7-.4-3.4-.4-5.1 0-1.4.1-2.8.2-4.2C2.4 6.6 4 5.2 6 5.1L8.1 5z" class="st0"/><path d="M18 14.1c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 6.5c-1.4 0-2.5-1.1-2.5-2.5 0-.4.1-.8.3-1.2l3.3 3.4c-.3.2-.7.3-1.1.3zm2.5-2.5c0 .4-.1.8-.3 1.2l-3.3-3.4c1.2-.6 2.7-.1 3.4 1.1.2.3.2.7.2 1.1z" class="st0"/><path d="M12.8 9.5c-.1-.1-.1-.3-.2-.5s-.3-.4-.4-.6l-1.1.3c.1.2.3.4.4.6v.1H7.7v2.2h1.1v-1.2h6.4v1.2h1.1V9.5h-3.5zm-.2 4.4v-.2c.2-.1.3-.2.5-.3.3-.2.7-.5 1-.7.3-.2.6-.5.8-.7l-.7-.6H9.3v1h3.4c-.2.1-.4.3-.5.4-.3.2-.5.4-.8.5v.6H7.6v1h3.8v1.8H9.6c.1.1.1.2.2.3l.2.4c0 .1.1.3.1.4h1.1c.3 0 .6-.1.8-.2.2-.1.4-.2.5-.4.1-.2.1-.4.1-.7v-1.7h1.3c.3-.4.7-.7 1.1-1h-2.4z"/></svg>
                </span>
                </label>
            </div>
          </div>`
      const autoEnableSubtitleSwitchButtonTipHtml = `
          <div id="autoEnableSubtitleTips" class="bpx-player-tooltip-item" style="visibility: hidden; opacity: 0; transform: translate(0px, 0px);">
              <div class="bpx-player-tooltip-title">关闭自动开启字幕(j)</div>
          </div>`
      const [playerDanmuSetting, playerTooltipArea] = await utils.getElementAndCheckExistence([selectors.playerDanmuSetting, selectors.playerTooltipArea])
      const $autoEnableSubtitleSwitchButton = utils.createElementAndInsert(autoEnableSubtitleSwitchButtonHtml, playerDanmuSetting, 'after')
      const autoEnableSubtitleTips = utils.createElementAndInsert(autoEnableSubtitleSwitchButtonTipHtml, playerTooltipArea, 'append')
      const $AutoEnableSubtitleSwitchInput = await utils.getElementAndCheckExistence(selectors.AutoEnableSubtitleSwitchInput)
      $AutoEnableSubtitleSwitchInput.addEventListener('change', async event => {
        const $AutoEnableSubtitleSwitchInput = await utils.getElementAndCheckExistence(selectors.AutoSubtitle)
        utils.setValue('auto_subtitle', event.target.checked)
        $AutoEnableSubtitleSwitchInput.checked = event.target.checked
        autoEnableSubtitleTips.querySelector(selectors.playerTooltipTitle).innerText = event.target.checked ? '关闭自动开启字幕(l)' : '开启自动开启字幕(l)'
      })
      $autoEnableSubtitleSwitchButton.addEventListener('mouseover', async function () {
        const { top, left } = utils.getElementOffsetToDocument(this)
        autoEnableSubtitleTips.style.top = `${top - window.scrollY - (this.clientHeight) - 12}px`
        autoEnableSubtitleTips.style.left = `${left - (autoEnableSubtitleTips.clientWidth / 2) + (this.clientWidth / 2)}px`
        autoEnableSubtitleTips.style.opacity = 1
        autoEnableSubtitleTips.style.visibility = 'visible'
        autoEnableSubtitleTips.style.transition = 'opacity .3s'
      })
      $autoEnableSubtitleSwitchButton.addEventListener('mouseout', function () {
        autoEnableSubtitleTips.style.opacity = 0
        autoEnableSubtitleTips.style.visibility = 'hidden'
      })
    },
    // #endregion 插入自动开启字幕功能开关
    /**
     * 自动选择最高画质
     * - #region 自动选择最高画质
     * - 质量代码:
     * - 127->8K 超高清;120->4K 超清;116->1080P 60帧;
     * - 80->1080P 高清;64->720P 高清;32->480P 清晰;
     * - 16->360P 流畅;0->自动
     */
    async autoSelectVideoHighestQuality() {
      if (modules.checkVideoNoCharge()) return
      if (++vars.autoSelectVideoHighestQualityRunningCount !== 1) return
      let message
      const qualitySwitchButtonsMap = new Map()
      if (!vals.auto_select_video_highest_quality()) return
      await elmGetter.each(selectors.qualitySwitchButtons, document.body, button => {
        qualitySwitchButtonsMap.set(button.dataset.value, button)
      })
      const qualitySwitchButtonsArray = [...qualitySwitchButtonsMap]
      const select4K = () => {
        qualitySwitchButtonsMap.get('120').click()
        message = '最高画质|VIP|4K|切换成功'
      }
      const select8K = () => {
        qualitySwitchButtonsMap.get('127').click()
        message = '最高画质|VIP|4K|切换成功'
      }
      const selectNo4K8K = () => {
        qualitySwitchButtonsArray.filter(quality => {
          return +quality[0] < 120
        })[0][1].click()
        message = '最高画质|VIP|不包含4K及8K|切换成功'
      }
      if (vals.is_vip()) {
        if (!vals.contain_quality_4k() && !vals.contain_quality_8k()) {
          selectNo4K8K()
        }
        if (vals.contain_quality_4k() && !vals.contain_quality_8k()) {
          if (qualitySwitchButtonsMap.get('120')) {
            select4K()
          } else {
            selectNo4K8K()
          }
        }
        if (!vals.contain_quality_4k() && vals.contain_quality_8k()) {
          if (qualitySwitchButtonsMap.get('127')) {
            select8K()
          } else {
            selectNo4K8K()
          }
        }
        if ((vals.contain_quality_4k() && vals.contain_quality_8k())) {
          if (qualitySwitchButtonsMap.get('127')) {
            select8K()
          } else if (qualitySwitchButtonsMap.get('120')) {
            select4K()
          } else {
            selectNo4K8K()
          }
        }
      } else {
        qualitySwitchButtonsArray.filter(button => {
          return button[1].children.length < 2
        })[0][1].click()
        message = '最高画质|非VIP|切换成功'
      }
      // utils.logger.info(message)
      return { message }

    },
    // #endregion 自动选择最高画质
    /**
     * 插入漂浮功能按钮
     * - #region 插入漂浮功能按钮
     * - 快速返回至播放器
     */
    async insertFloatSideNavToolsButton() {
      const $floatNav = vals.player_type() === 'video' ? await utils.getElementAndCheckExistence(selectors.videoFloatNav) : await utils.getElementAndCheckExistence(selectors.bangumiFloatNav)
      const dataV = $floatNav.lastChild.attributes[1].name
      let $locateButton
      if (vals.player_type() === 'video') {
        const locateButtonHtml = '<div class="fixed-sidenav-storage-item locate" title="定位至播放器"><svg t="1643419779790" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" width="200" height="200" style="width: 50%;height: 100%;fill: currentColor;"><path d="M512 352c-88.008 0-160.002 72-160.002 160 0 88.008 71.994 160 160.002 160 88.01 0 159.998-71.992 159.998-160 0-88-71.988-160-159.998-160z m381.876 117.334c-19.21-177.062-162.148-320-339.21-339.198V64h-85.332v66.134c-177.062 19.198-320 162.136-339.208 339.198H64v85.334h66.124c19.208 177.062 162.144 320 339.208 339.208V960h85.332v-66.124c177.062-19.208 320-162.146 339.21-339.208H960v-85.334h-66.124zM512 810.666c-164.274 0-298.668-134.396-298.668-298.666 0-164.272 134.394-298.666 298.668-298.666 164.27 0 298.664 134.396 298.664 298.666S676.27 810.666 512 810.666z" p-id="1776"></path></svg>定位</div>'.replace('title="定位至播放器"', `title="定位至播放器" ${dataV}`)
        $locateButton = utils.createElementAndInsert(locateButtonHtml, $floatNav.lastChild, 'prepend')
      }
      if (vals.player_type() === 'bangumi') {
        const floatNavMenuItemClass = $floatNav.lastChild.lastChild.getAttribute('class')
        const locateButtonHtml = `<div class="${floatNavMenuItemClass} locate" style="height:40px;padding:0" title="定位至播放器">\n<svg t="1643419779790" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" width="200" height="200" style="width: 50%;height: 100%;fill: currentColor;"><path d="M512 352c-88.008 0-160.002 72-160.002 160 0 88.008 71.994 160 160.002 160 88.01 0 159.998-71.992 159.998-160 0-88-71.988-160-159.998-160z m381.876 117.334c-19.21-177.062-162.148-320-339.21-339.198V64h-85.332v66.134c-177.062 19.198-320 162.136-339.208 339.198H64v85.334h66.124c19.208 177.062 162.144 320 339.208 339.208V960h85.332v-66.124c177.062-19.208 320-162.146 339.21-339.208H960v-85.334h-66.124zM512 810.666c-164.274 0-298.668-134.396-298.668-298.666 0-164.272 134.394-298.666 298.668-298.666 164.27 0 298.664 134.396 298.664 298.666S676.27 810.666 512 810.666z" p-id="1776"></path></svg></div>`
        $locateButton = utils.createElementAndInsert(locateButtonHtml, $floatNav.lastChild, 'before')
      }
      $locateButton.addEventListener('click', async () => {
        await modules.locationToPlayer()
      })
    },
    // #endregion 插入漂浮功能按钮
    // #region 网页全屏模式解锁
    /**
     * 执行网页全屏模式解锁
     * - #region 执行网页全屏模式解锁
     */
    async webfullScreenModeUnlock() {
      if (!vals.webfull_unlock() || !vals.selected_screen_mode() === 'web' || ++vars.webfullUnlockRunningCount !== 1) return
      if (vals.player_type() === 'bangumi') return
      const [$app, $playerWrap, $player, $playerWebscreen, $wideEnterButton, $wideLeaveButton, $webEnterButton, $webLeaveButton, $fullControlButton] = await utils.getElementAndCheckExistence([selectors.app, selectors.playerWrap, selectors.player, selectors.playerWebscreen, selectors.screenModeWideEnterButton, selectors.screenModeWideLeaveButton, selectors.screenModeWebEnterButton, selectors.screenModeWebLeaveButton, selectors.screenModeFullControlButton])
      const resetPlayerLayout = async () => {
        if (document.getElementById('UnlockWebscreenStyle')) document.getElementById('UnlockWebscreenStyle').remove()
        if (!document.getElementById('ResetPlayerLayoutStyle')) utils.insertStyleToDocument('ResetPlayerLayoutStyle', styles.ResetPlayerLayout)
        $playerWrap.append($player)
        utils.setValue('current_screen_mode', 'wide')
        await utils.sleep(300)
        await modules.locationToPlayer()
      }
      const bodyHeight = utils.getBodyHeight()
      utils.insertStyleToDocument('UnlockWebscreenStyle', styles.UnlockWebscreen.replace(/BODYHEIGHT/gi, `${bodyHeight}px`))
      $app.prepend($playerWebscreen)
      $webLeaveButton.addEventListener('click', async () => {
        await utils.sleep(100)
        await resetPlayerLayout()
      })
      $webEnterButton.addEventListener('click', async () => {
        if (!document.getElementById('UnlockWebscreenStyle')) utils.insertStyleToDocument('UnlockWebscreenStyle', styles.UnlockWebscreen.replace(/BODYHEIGHT/gi, `${bodyHeight}px`))
        $app.prepend($playerWebscreen)
        await modules.locationToPlayer()
      })
      $wideEnterButton.addEventListener('click', async () => {
        await utils.sleep(100)
        await resetPlayerLayout()
      })
      $wideLeaveButton.addEventListener('click', async () => {
        await utils.sleep(100)
        await resetPlayerLayout()
      })
      $fullControlButton.addEventListener('click', async () => {
        await utils.sleep(100)
        await resetPlayerLayout()
      })
      return {
        message: '网页全屏解锁|成功',
        callback: [modules.insertGoToCommentButton]
      }

    },
    // #endregion 执行网页全屏模式解锁
    /**
     * 网页全屏模式解锁后插入跳转评论按钮
     * - #region 网页全屏模式解锁后插入跳转评论按钮
     */
    async insertGoToCommentButton() {
      if (vals.player_type() !== 'video' || !vals.webfull_unlock() || ++vars.insertGoToCommentButtonCount !== 1) return
      const [$comment, $playerControllerBottomRight] = await utils.getElementAndCheckExistence([selectors.videoComment, selectors.playerControllerBottomRight])
      const goToCommentBtnHtml = '<div class="bpx-player-ctrl-btn bpx-player-ctrl-comment" role="button" aria-label="前往评论" tabindex="0"><div id="goToComments" class="bpx-player-ctrl-btn-icon"><span class="bpx-common-svg-icon"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="88" height="88" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);"><path d="M512 85.333c235.637 0 426.667 191.03 426.667 426.667S747.637 938.667 512 938.667a424.779 424.779 0 0 1-219.125-60.502A2786.56 2786.56 0 0 0 272.82 866.4l-104.405 28.48c-23.893 6.507-45.803-15.413-39.285-39.296l28.437-104.288c-11.008-18.688-18.219-31.221-21.803-37.91A424.885 424.885 0 0 1 85.333 512c0-235.637 191.03-426.667 426.667-426.667zm-102.219 549.76a32 32 0 1 0-40.917 49.216A223.179 223.179 0 0 0 512 736c52.97 0 103.19-18.485 143.104-51.67a32 32 0 1 0-40.907-49.215A159.19 159.19 0 0 1 512 672a159.19 159.19 0 0 1-102.219-36.907z" fill="#currentColor"/></svg></span></div></div>'
      const $goToCommentButton = utils.createElementAndInsert(goToCommentBtnHtml, $playerControllerBottomRight, 'append')
      $goToCommentButton.addEventListener('click', (event) => {
        event.stopPropagation()
        utils.documentScrollTo(utils.getElementOffsetToDocument($comment).top - 10)
        // utils.logger.info('到达评论区')
      })

    },
    // #endregion 网页全屏模式解锁后插入跳转评论按钮
    // #endregion 网页全屏模式解锁
    /**
     * 将视频简介内容插入评论区或直接替换原简介区内容
     * - #region 视频简介优化
     * - 视频简介存在且内容过长,则将视频简介内容插入评论区,否则直接替换原简介区内容
     * - 若视频简介中包含型如 "00:00:00" 的时间内容,则将其转换为可点击的时间锚点元素
     * - 若视频简介中包含 URL 链接,则将其转换为跳转链接
     * - 若视频简介中包含视频 BV 号或专栏 cv 号,则将其转换为跳转链接
     */

    async insertVideoDescriptionToComment() {
      if (!vals.insert_video_description_to_comment() || vals.player_type() === 'bangumi') return
      const $commentDescription = document.getElementById('comment-description')
      if ($commentDescription) $commentDescription.remove()
      const [$videoDescription, $videoDescriptionInfo, $videoCommentReplyList] = await utils.getElementAndCheckExistence([selectors.videoDescription, selectors.videoDescriptionInfo, selectors.videoCommentReplyList])
      const getTotalSecondsFromTimeString = (timeString) => {
        if (timeString.length === 5) timeString = '00:' + timeString
        const [hours, minutes, seconds] = timeString.split(':').map(Number)
        const totalSeconds = hours * 3600 + minutes * 60 + seconds
        return totalSeconds
      }
      const nbspToBlankRegexp = /&nbsp;/g
      const timeStringRegexp = /(\d\d:\d\d(:\d\d)*)/g
      const urlRegexp = /(?<!((href|url)="))(http|https|ftp):\/\/[\w-]+(\.[\w\-]+)*([\w\-\.\,\@\?\^\=\%\&\:\/\~\+\#;]*[\w\-\@?\^\=\%\&\/~\+#;])?/g
      const plaintVideoIdRegexp = /(?<!(>|\/))(BV1([a-km-zA-HJ-NP-Z1-9]){9})(?!(<\/))/g
      const plaintReadIdRegexp = /(?<!(>|\/))(cv([0-9]){7})(?!(<\/a))/g
      const blankRegexp = /^\s*[\r\n]/gm
      // 匹配一种特殊空白符(%09)
      const specialBlankRegexp = /%09(%09)*/g
      if ($videoDescription.childElementCount > 1 && $videoDescriptionInfo.childElementCount > 0) {
        let $upAvatarFace, $upAvatarIcon, upAvatarFaceLink
        const $membersContainer = document.querySelector(selectors.membersContainer)
        if ($membersContainer) {
          const $membersUpAvatarFace = await utils.getElementAndCheckExistence(selectors.membersUpAvatarFace)
          upAvatarFaceLink = $membersUpAvatarFace.getAttribute('src')
        } else {
          [$upAvatarFace, $upAvatarIcon] = await utils.getElementAndCheckExistence([selectors.upAvatarFace, selectors.upAvatarIcon])
          upAvatarFaceLink = $upAvatarFace.dataset.src.replace('@96w_96h_1c_1s_!web-avatar', '@160w_160h_1c_1s_!web-avatar-comment')
        }
        // 先将内容编码后替换特殊空白符(%09)为普通空格(%20)后再解码供后续使用
        const resetVideoDescriptionInfoHtml = decodeURIComponent(encodeURIComponent($videoDescriptionInfo.innerHTML).replace(specialBlankRegexp, '%20'))
        // 先将 % 编码为 %25 防止后续执行 decodeURIComponent() 报错,因为 % 为非法字符
        const videoDescriptionInfoHtml = resetVideoDescriptionInfoHtml.replaceAll('%', '%25').replace(nbspToBlankRegexp, ' ').replace(timeStringRegexp, (match) => {
          return `<a class="jump-link video-time" data-video-part="-1" data-video-time="${getTotalSecondsFromTimeString(match)}">${match}</a>`
        }).replace(urlRegexp, (match) => {
          return `<a href="${match}" target="_blank">${match}</a>`
        }).replace(plaintVideoIdRegexp, (match) => {
          return `<a href="https://www.bilibili.com/video/${match}" target="_blank">${match}</a>`
        }).replace(plaintReadIdRegexp, (match) => {
          return `<a href="https://www.bilibili.com/read/${match}" target="_blank">${match}</a>`
        }).replace(blankRegexp, '')
        const upAvatarDecorationLink = document.querySelector(selectors.upAvatarDecoration) ? document.querySelector(selectors.upAvatarDecoration).dataset.src.replace('@144w_144h_!web-avatar', '@240w_240h_!web-avatar-comment') : ''
        const vueScopeId = await modules.getVueScopeId(selectors.videoRootReplyContainer)
        // utils.logger.debug(vueScopeId)
        const videoDescriptionReplyTemplate = `
          <div data-v-${vueScopeId}="" data-v-bad1995c="" id="comment-description" class="reply-item">
              <div data-v-${vueScopeId}="" class="root-reply-container">
                  <div data-v-${vueScopeId}="" class="root-reply-avatar" >
                      <div data-v-${vueScopeId}="" class="avatar">
                          <div class="bili-avatar" style="width:48px;height:48px">
                              <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius" data-src="${upAvatarFaceLink}" src="${upAvatarFaceLink}">
                              <div class="bili-avatar-pendent-dom">
                                  <img class="bili-avatar-img" data-src="${upAvatarDecorationLink}" alt="" src="${upAvatarDecorationLink}">
                              </div>
                              <span class="${$upAvatarIcon?.classList}"></span>
                          </div>
                      </div>
                  </div>
                  <div data-v-${vueScopeId}="" class="content-warp">
                      <div data-v-${vueScopeId}="" class="user-info">
                          <div data-v-${vueScopeId}="" class="user-name" style="color:#00a1d6!important">视频简介丨播放页调整</div>
                      </div>
                      <div data-v-${vueScopeId}="" class="root-reply">
                          <span data-v-${vueScopeId}="" class="reply-content-container root-reply">
                              <span class="reply-content">${decodeURIComponent(videoDescriptionInfoHtml)}</span>
                          </span>
                      </div>
                  </div>
              </div>
              <div data-v-${vueScopeId}="" class="bottom-line"></div>
          </div>`
        const shadowRootVideoDescriptionReplyTemplate = `
            <div id="body" class=" light ">
              <a id="user-avatar" target="_blank" href="//space.bilibili.com/404163851" data-user-profile-id="404163851">
                  <bili-avatar style="--avatar-width: 48px; --avatar-height: 48px;">
                      <style>
                          :host {
                              display: inline-block;
                              position: relative;
                              width: var(--avatar-width);
                              height: var(--avatar-height);
                          }

                          #canvas {
                              width: var(--avatar-canvas-width);
                              height: var(--avatar-canvas-height);
                              position: absolute;
                              left: 50%;
                              top: 50%;
                              transform: translate(-50%, -50%);
                              pointer-events: none;
                          }

                          .layers {
                              position: absolute;
                              left: 0;
                              right: 0;
                              top: 0;
                              bottom: 0;
                          }

                          .layer {
                              position: absolute;
                              isolation: isolate;
                              overflow: hidden;
                          }

                          .layer.center {
                              left: 50%;
                              top: 50%;
                              transform: translate(-50%, -50%);
                          }

                          .layer-res {
                              width: 100%;
                              height: 100%;
                              isolation: isolate;
                              overflow: hidden;
                              background-size: cover;
                              background-repeat: no-repeat;
                              background-position: center;
                          }

                          .layer-res picture {
                              display: inline-block;
                          }

                          .layer-res div,
                          .layer-res picture,
                          .layer-res img {
                              width: 100%;
                              height: 100%;
                          }
                      </style>
                      <div id="canvas" style="--avatar-canvas-width: 86.4px; --avatar-canvas-height: 86.4px;">
                          <div id="canvas" style="--avatar-canvas-width: 86.4px; --avatar-canvas-height: 86.4px;">
                              <div class="layers">
                                  <div class="layer center" style="width: 48px; height: 48px; opacity: 1; border-radius: 50%;">
                                      <div class="layer-res"
                                          style="background-image: url(&quot;//i0.hdslb.com/bfs/seed/jinkela/short/webui/avatar/img/res-local6.jpeg&quot;);">
                                      </div>
                                  </div>
                              </div>
                              <div class="layers">
                                  <div class="layer center"
                                      style="width: 37.776px; height: 37.776px; opacity: 1; border-radius: 50%;">
                                      <div class="layer-res"
                                          style="background-image: url(&quot;//i0.hdslb.com/bfs/seed/jinkela/short/webui/avatar/img/res-local6.jpeg&quot;);">
                                          <picture>
                                              <source type="image/avif" srcset="${upAvatarFaceLink}">
                                              <source type="image/webp" srcset="${upAvatarFaceLink}"><img
                                                  src="${upAvatarFaceLink}" onload="bmgOnLoad(this)" onerror="bmgOnError(this)"
                                                  data-onerror="onAvtSrcError">
                                          </picture>
                                      </div>
                                  </div>
                                  <div class="layer center" style="width: 66px; height: 66px; opacity: 1;">
                                      <div class="layer-res">
                                          <picture>
                                              <source type="image/avif" srcset="${upAvatarDecorationLink}">
                                              <source type="image/webp" srcset="${upAvatarDecorationLink}">
                                              <img src="${upAvatarDecorationLink}" onload="bmgOnLoad(this)"
                                                  onerror="bmgOnError(this)" data-onerror="onAvtSrcError">
                                          </picture>
                                      </div>
                                  </div>
                                  <div class="layer"
                                      style="left: 46.488px; top: 47.288px; width: 20px; height: 20px; opacity: 1; background-color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 50%; box-sizing: border-box;">
                                      <div class="layer-res"
                                          style="background-image: url(&quot;//i0.hdslb.com/bfs/seed/jinkela/short/webui/avatar/img/res-local1.png&quot;);">
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </bili-avatar>
              </a>
              <div id="main">
                  <div id="header">
                      <bili-comment-user-info>
                          <div id="info">
                              <slot></slot>
                              <div id="user-name" data-user-profile-id="98716625">
                                  <a target="_blank"
                                      href="https://greasyfork.org/zh-CN/scripts/493405-%E5%93%94%E5%93%A9%E5%93%94%E5%93%A9-bilibili-com-%E8%B0%83%E6%95%B4"
                                      class="">视频简介丨播放页调整</a>
                              </div>
                              <div id="user-level">
                                  <img width="30" height="30"
                                      src="//i0.hdslb.com/bfs/seed/jinkela/short/webui/user-profile/img/level_6.svg">
                              </div>
                          </div>
                      </bili-comment-user-info>
                  </div>
                  <div id="content">
                      <bili-rich-text
                          style="--bili-rich-text-font-size:var(--bili-comments-font-size-content);--bili-rich-text-line-height:var(--bili-comments-line-height-content);--bili-rich-text-link-color:var(--Lb6);--bili-rich-text-display:inline;">
                          <style>
                              :host {
                                  --bili-rich-text-display: block;
                                  --bili-rich-text-white-space: pre-line;
                                  --bili-rich-text-icon-vertical-align: sub;
                                  --bili-rich-text-link-color: var(--text_link, #008AC5);
                                  --bili-rich-text-link-color-hover: var(--brand_blue, #00AEEC);
                                  --icon-vertical-align: var(--bili-rich-text-icon-vertical-align);
                                  color: var(--bili-rich-text-color, var(--text1, #18191C));
                                  font-size: var(--bili-rich-text-font-size, 15px);
                                  line-height: var(--bili-rich-text-line-height, 21px);
                                  font-family: var(--bili-font-family);
                              }

                              #contents {
                                  margin-block-start: 0;
                                  margin-block-end: 0;
                                  margin-inline-start: 0;
                                  margin-inline-end: 0;
                                  display: var(--bili-rich-text-display);
                                  white-space: var(--bili-rich-text-white-space);
                                  -webkit-font-smoothing: antialiased;
                              }

                              #contents a {
                                  color: var(--bili-rich-text-link-color);
                                  text-decoration: none;
                                  background-color: transparent;
                                  cursor: pointer;
                              }

                              #contents a:hover {
                                  color: var(--bili-rich-text-link-color-hover);
                              }

                              #contents a bili-icon {
                                  vertical-align: var(--bili-rich-text-icon-vertical-align);
                              }

                              #contents img,
                              #contents a i {
                                  display: inline-block;
                                  width: 1.2em;
                                  height: 1.2em;
                                  vertical-align: var(--bili-rich-text-icon-vertical-align);
                              }
                          </style>
                          <p id="contents"><span>${decodeURIComponent(videoDescriptionInfoHtml)}</span></p>
                      </bili-rich-text>
                  </div>
              </div>
          </div>
          `
        utils.createElementAndInsert(videoDescriptionReplyTemplate, $videoCommentReplyList, 'prepend')
        document.querySelector('#comment-description:not(:first-child)')?.remove()
      } else {
        $videoDescriptionInfo.innerHTML = $videoDescriptionInfo.innerHTML.replace(nbspToBlankRegexp, ' ').replace(timeStringRegexp, (match) => {
          return `<a class="jump-link video-time" data-video-part="-1" data-video-time="${getTotalSecondsFromTimeString(match)}">${match}</a>`
        }).replace(urlRegexp, (match) => {
          return `<a href="${match}" target="_blank">${match}</a>`
        }).replace(plaintVideoIdRegexp, (match) => {
          return `<a href="https://www.bilibili.com/video/${match}" target="_blank">${match}</a>`
        }).replace(plaintReadIdRegexp, (match) => {
          return `<a href="https://www.bilibili.com/read/${match}" target="_blank">${match}</a>`
        }).replace(blankRegexp, '')
      }
    },
    // #endregion 视频简介优化
    // #region 自动跳过时间节点
    /**
     * 设置当前视频自动跳过信息
     * - #region 设置当前视频自动跳过信息(本地)
     * - indexedDB
     * - 数据存在浏览器本地
     */
    async setVideoSkipTimeNodesByIndexedDB(videoSkipTimeNodesArray, videoID = modules.getCurrentVideoID()) {
      if (videoID !== 'error') {
        const videoSkipTimeNodesList = localforage.createInstance({
          name: 'videoSkipTimeNodesList',
        })
        const result = videoSkipTimeNodesList.setItem(videoID, videoSkipTimeNodesArray).then(() => {
          // logger.info(`自动跳过丨节点储存丨${value}丨成功丨本地`)
          return {
            code: 200,
            message: `节点上传丨本地:成功`
          }
        }).catch(error => {
          // logger.error(error)
          return {
            code: 0,
            message: error
          }
        })
        return result
      } else {
        utils.logger.error('videoID丨获取失败')
      }
    },
    // #endregion 设置当前视频自动跳过信息(本地)
    /**
     * 获取当前视频自动跳过信息
     * - #region 获取当前视频自动跳过信息(本地)
     * - indexedDB
     * - 数据存在浏览器本地
     */
    async getVideoSkipTimeNodesByIndexedDB(videoID = modules.getCurrentVideoID()) {
      const videoSkipTimeNodesList = localforage.createInstance({
        name: 'videoSkipTimeNodesList',
      })
      if (videoID !== 'error') {
        try {
          const value = await videoSkipTimeNodesList.getItem(videoID)
          return value
        } catch (error) {
          utils.logger.error(error)
        }
      } else {
        utils.logger.error('videoID丨获取失败')
      }
    },
    // #endregion 获取当前视频自动跳过信息(本地)
    /**
     * 设置当前视频自动跳过信息
     * - #region 设置当前视频自动跳过信息(云端)
     * - Axios
     * - 数据存在云数据库
     */
    async setVideoSkipTimeNodesByAxios(timeNodesArray, videoID = modules.getCurrentVideoID()) {
      const videoAuthor = decodeURIComponent(await utils.getMetaContent('name="author"'))
      let videoTitle, videoUrl
      if (vals.player_type() === 'video') {
        videoTitle = decodeURIComponent(document.title.replace('_哔哩哔哩_bilibili', ''))
        videoUrl = decodeURIComponent(await utils.getMetaContent('itemprop="url"'))
      }
      if (vals.player_type() === 'bangumi') {
        videoTitle = document.title.replace(/-*高清.*哩/gi, '')
        videoUrl = decodeURIComponent(await utils.getMetaContent('property="og:url"'))
      }
      if (videoID !== 'error') {
        const timeNodesArraySafe = decodeURIComponent(timeNodesArray)
        const url = `https://hn216.api.yesapi.cn/?s=SVIP.Swxqian_MyApi.AUpdateSkipTimeNodes&return_data=0&videoID=${videoID}&timeNodesArray=${timeNodesArraySafe}&videoTitle=${videoTitle}&videoAuthor=${videoAuthor}&videoUrl=${videoUrl}&app_key=A11B09901609FA722CFDFEB981EC31DB&sign=6BAEA5FDE94074B8C3ADF35789AE8B18&yesapi_allow_origin=1`
        const result = axios.post(url).then(response => {
          // utils.logger.debug(response)
          const responseData = response.data
          const { msg, ret, data } = responseData
          const { err_msg } = data
          if (Object.keys(data).length === 0) {
            return {
              code: ret,
              message: `云端:失败:${msg}`
            }
          } else {
            return {
              code: ret,
              message: err_msg
            }
          }
        }).catch(error => {
          return {
            message: error
          }
        })
        return result
      } else {
        utils.logger.error('videoID丨获取失败')
      }
    },
    // #endregion 设置当前视频自动跳过信息(云端)
    /**
     * 获取当前视频自动跳过信息
     * - #region 获取当前视频自动跳过信息(云端)
     * - Axios
     * - 数据存在云数据库
     */
    async getVideoSkipTimeNodesByAxios(videoID = modules.getCurrentVideoID()) {
      if (videoID !== 'error') {
        const url = `https://hn216.api.yesapi.cn/?s=SVIP.Swxqian_MyApi.AGetSkipTimeNodes&return_data=0&videoID=${videoID}&app_key=A11B09901609FA722CFDFEB981EC31DB&sign=574181B06EBD07D9252199563CD7D9D3&yesapi_allow_origin=1`
        const result = axios.post(url).then(response => {
          const skipNodesInfo = response.data.data
          const success = skipNodesInfo.success
          const timeNodesArray = skipNodesInfo.info?.timeNodesArray
          if (success && timeNodesArray !== '') {
            // utils.logger.info(skipNodesInfo.info.timeNodesArray)
            return JSON.parse(timeNodesArray)
          } else {
            return false
          }
        }).catch(error => {
          utils.logger.error(error)
        })
        return result
      } else {
        utils.logger.error('videoID丨获取失败')
      }
    },
    // #endregion 获取当前视频自动跳过信息(云端)
    /**
     * 自动跳过视频已设置设置时间节点
     * - #region 自动跳过视频已设置设置时间节点
     */
    async autoSkipTimeNodes() {
      if (!vals.auto_skip()) return
      const videoID = modules.getCurrentVideoID()
      const [$video, $setSkipTimeNodesInput] = await utils.getElementAndCheckExistence([selectors.video, selectors.setSkipTimeNodesInput])
      const skipTo = (seconds) => {
        $video.currentTime = seconds
        if ($video.paused) {
          $video.play()
        }
      }
      const findTargetTimeNode = (num, arr) => {
        for (let i = 0; i < arr[0].length; i++) {
          if (arr[0][i] === num) {
            return arr[1][i];
          }
        }
        return null;
      }
      // [[10,30],[20,40]] → [[10,20],[30,40]]
      const convertArraySaveToReadable = (arr) => {
        if (typeof arr === 'string') arr = JSON.parse(arr)
        const readableArr = arr[0].map((col, i) => arr.map(row => row[i]))
        return JSON.stringify(readableArr).slice(1, -1)
      }
      if (videoID !== 'error') {
        let videoSkipTimeNodesArray
        const videoSkipTimeNodesArrayIndexedDB = await modules.getVideoSkipTimeNodesByIndexedDB(videoID)
        if (videoSkipTimeNodesArrayIndexedDB) {
          videoSkipTimeNodesArray = videoSkipTimeNodesArrayIndexedDB
        } else {
          const videoSkipTimeNodesArrayAxios = await modules.getVideoSkipTimeNodesByAxios(videoID)
          if (videoSkipTimeNodesArrayAxios) {
            videoSkipTimeNodesArray = videoSkipTimeNodesArrayAxios
            await modules.setVideoSkipTimeNodesByIndexedDB(videoSkipTimeNodesArray, videoID)
          } else {
            utils.logger.info('自动跳过丨节点信息不存在')
            return
          }
        }
        utils.logger.info(`自动跳过丨已获取节点信息丨${JSON.stringify(videoSkipTimeNodesArray)}`)
        $setSkipTimeNodesInput.value = convertArraySaveToReadable(videoSkipTimeNodesArray)
        $video.addEventListener('timeupdate', function () {
          const currentTime = Math.ceil($video.currentTime)
          const targetTimeNode = findTargetTimeNode(currentTime, videoSkipTimeNodesArray)
          if (vals.auto_skip() && targetTimeNode) skipTo(targetTimeNode)
        })
      }
    },
    // #endregion 自动跳过视频已设置设置时间节点
    /**
     * 插入设置跳过时间节点按钮
     * - #region 插入设置跳过时间节点按钮
     */
    async insertSetSkipTimeNodesButton() {
      const videoID = modules.getCurrentVideoID()
      if (++vars.insertSetSkipTimeNodesButtonCount !== 1 || !vals.auto_skip()) return
      const [$video, $playerContainer, $playerControllerBottomRight, $playerTooltipArea] = await utils.getElementAndCheckExistence([selectors.video, selectors.playerContainer, selectors.playerControllerBottomRight, selectors.playerTooltipArea])
      const validateInputValue = (inputValue) => {
        const regex = /^\[\d+,\d+\](,\[\d+,\d+\])*?$/g;
        const numbers = inputValue.match(/\[(\d+),(\d+)\]/g)?.flatMap(match => match.slice(1, -1).split(',')).map(Number) || [];
        const hasDuplicates = new Set(numbers).size !== numbers.length
        if (inputValue === '' || !regex.test(inputValue) || hasDuplicates) {
          return false
        }
        const isAscending = numbers.every((num, i) => i === 0 || num >= numbers[i - 1])
        return isAscending
      }
      // [[10,20],[30,40]] → [[10,30],[20,40]]
      const convertArrayReadableToSave = (arr) => {
        return arr[0].map((col, i) => arr.map(row => row[i]))
      }
      // [10,20,30,40] → [[10,30],[20,40]]
      // const convertArrayRecordToSave = (arr) => {
      //     return arr.reduce((acc, num, i) => {
      //         i % 2 === 0 ? acc[0].push(num) : acc[1].push(num);
      //         return acc;
      //     }, [[], []]);
      // }
      // [10,20,30,40] → [[10,20],[30,40]]
      const convertArrayRecordToReadable = (arr) => {
        return arr.reduce((acc, _, i) => {
          if (i % 2 === 0) {
            acc.push(arr.slice(i, i + 2));
          }
          return acc;
        }, []);
      }
      const setSkipTimeNodesPopoverToggleButtonHtml = `
          <button id="${selectors.setSkipTimeNodesPopoverToggleButton.slice(1)}" popovertarget="${selectors.setSkipTimeNodesPopover.slice(1)}" class="bpx-player-ctrl-btn bpx-player-ctrl-skip" role="button" aria-label="插入时间节点" tabindex="0">
              <div class="bpx-player-ctrl-btn-icon">
                  <span class="bpx-common-svg-icon">
                      <svg xmlns="http://www.w3.org/2000/svg" width="88" height="88" class="icon" viewBox="0 0 1024 1024">
                          <path fill="#fff" d="M672 896a21.333 21.333 0 0 1 21.333 21.333v21.334A21.333 21.333 0 0 1 672 960H352a21.333 21.333 0 0 1-21.333-21.333v-21.334A21.333 21.333 0 0 1 352 896h320zM512 64a362.667 362.667 0 0 1 181.333 676.821v69.846A21.333 21.333 0 0 1 672 832H352a21.333 21.333 0 0 1-21.333-21.333V740.82A362.667 362.667 0 0 1 512 64zm24.107 259.243a21.333 21.333 0 0 0-29.398 6.826l-1.792 3.499a21.333 21.333 0 0 0-1.45 7.765l-.043 62.806-129.45-80.896a21.333 21.333 0 0 0-32.64 18.09v179.03a21.333 21.333 0 0 0 21.333 21.333l3.968-.384a21.333 21.333 0 0 0 7.338-2.859l129.451-80.981.043 62.89a21.333 21.333 0 0 0 32.64 18.091l143.232-89.514a21.333 21.333 0 0 0 0-36.182z" />
                      </svg>
                  </span>
              </div>
          </button>`
      const setSkipTimeNodesPopoverHtml = `
          <div id="${selectors.setSkipTimeNodesPopover.slice(1)}" popover>
              <div class="setSkipTimeNodesWrapper">
                  <div class="header">
                      <span class="title">上传时间节点(${videoID})</span>
                      <span class="extra"></span>
                  </div>
                  <div class="tips close">
                      <span class="detail open">
                          <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18">
                              <path d="M512 926.476C283.087 926.476 97.524 740.913 97.524 512S283.087 97.524 512 97.524 926.476 283.087 926.476 512 740.913 926.476 512 926.476zm0-73.143c188.514 0 341.333-152.82 341.333-341.333S700.513 170.667 512 170.667 170.667 323.487 170.667 512 323.487 853.333 512 853.333zm-6.095-192.097L283.526 438.857l51.712-51.712 170.667 170.667L676.57 387.145l51.712 51.712-222.378 222.379z" fill="#909399"></path>
                          </svg>
                      </span>
                      <div class="contents">
                          视频播放到相应时间点时将触发跳转至设定时间点
                          <br>
                          格式:[触发时间点,目标时间点]
                          <br>
                          条件:触发时间点始终小于目标时间点且任意两数不相等
                          <br>
                          例:[10,20] 表示视频播放至第 10 秒时跳转至第 20 秒
                          <br>
                          若有多组节点请使用英文逗号 ',' 隔开
                          <br>
                          例:[10,20],[30,40],[50,60]
                      </div>
                  </div>
                  <span style="display:flex;color:#f56c6c">🈲请勿随意上传无意义时间点,否则将严重影响其他用户观看体验!</span>
                  <div class="records">
                      <span id="${selectors.skipTimeNodesRecordsArray.slice(1)}"></span>
                      <div class="recordsButtonsGroup">
                          <button id="${selectors.clearRecordsButton.slice(1)}">清除数据</button>
                          <button id="${selectors.saveRecordsButton.slice(1)}">保存数据</button>
                      </div>
                  </div>
                  <div class="adjustment_tips clouds">
                    <div>已有记录:<span id="${selectors.skipTimeNodesCloudsArray.slice(1)}"></span></div>
                  </div>
                  <div class="handles">
                      <input id="${selectors.setSkipTimeNodesInput.slice(1)}" class="adjustment_input" value="">
                      <button id="${selectors.uploadSkipTimeNodesButton.slice(1)}">上传</button>
                      <button id="${selectors.syncSkipTimeNodesButton.slice(1)}">同步</button>
                  </div>
                  <div class="result" style="display:none"></div>
              </div>
          </div>`
      const setSkipTimeNodesButtonTipHtml = `
          <div id="setSkipTimeNodesButtonTip" class="bpx-player-tooltip-item" style="visibility: hidden; opacity: 0; transform: translate(0px, 0px);">
              <div class="bpx-player-tooltip-title">上传节点</div>
          </div>`
      const $setSkipTimeNodesPopoverToggleButton = utils.createElementAndInsert(setSkipTimeNodesPopoverToggleButtonHtml, $playerControllerBottomRight, 'append')
      const $setSkipTimeNodesPopover = utils.createElementAndInsert(setSkipTimeNodesPopoverHtml, $playerContainer, 'append')
      const $setSkipTimeNodesButtonTip = utils.createElementAndInsert(setSkipTimeNodesButtonTipHtml, $playerTooltipArea, 'append')
      $setSkipTimeNodesPopoverToggleButton.addEventListener('mouseover', function () {
        const { top, left } = utils.getElementOffsetToDocument(this)
        // utils.logger.debug(`${top} ${left} ${window.scrollY} ${top - window.scrollY}`)
        $setSkipTimeNodesButtonTip.style.top = `${top - window.scrollY - (this.clientHeight * 2) - 5}px`
        $setSkipTimeNodesButtonTip.style.left = `${left - ($setSkipTimeNodesButtonTip.clientWidth / 2) + (this.clientWidth / 2)}px`
        $setSkipTimeNodesButtonTip.style.opacity = 1
        $setSkipTimeNodesButtonTip.style.visibility = 'visible'
        $setSkipTimeNodesButtonTip.style.transition = 'opacity .3s'
      })
      $setSkipTimeNodesPopoverToggleButton.addEventListener('mouseout', () => {
        $setSkipTimeNodesButtonTip.style.opacity = 0
        $setSkipTimeNodesButtonTip.style.visibility = 'hidden'
      })
      const [$setSkipTimeNodesPopoverHeaderExtra, $setSkipTimeNodesPopoverTips, $setSkipTimeNodesPopoverTipsDetail, $setSkipTimeNodesPopoverRecords, $setSkipTimeNodesInput, $skipTimeNodesRecordsArray, $setSkipTimeNodesPopoverResult, $clearRecordsButton, $saveRecordsButton, $uploadSkipTimeNodesButton, $syncSkipTimeNodesButton, $setSkipTimeNodesPopoverClouds, $skipTimeNodesCloudsArray] = await utils.getElementAndCheckExistence([selectors.setSkipTimeNodesPopoverHeaderExtra, selectors.setSkipTimeNodesPopoverTips, selectors.setSkipTimeNodesPopoverTipsDetail, selectors.setSkipTimeNodesPopoverRecords, selectors.setSkipTimeNodesInput, selectors.skipTimeNodesRecordsArray, selectors.setSkipTimeNodesPopoverResult, selectors.clearRecordsButton, selectors.saveRecordsButton, selectors.uploadSkipTimeNodesButton, selectors.syncSkipTimeNodesButton, selectors.setSkipTimeNodesPopoverClouds, selectors.skipTimeNodesCloudsArray])
      const cloudsArray = await modules.getVideoSkipTimeNodesByAxios(videoID)
      if (cloudsArray) {
        if (typeof cloudsArray === 'string') cloudsArray = JSON.parse(cloudsArray)
        $setSkipTimeNodesPopoverClouds.style.display = 'block'
        $skipTimeNodesCloudsArray.innerText = JSON.stringify(convertArrayReadableToSave(cloudsArray)).slice(1, -1)
      } else {
        $setSkipTimeNodesPopoverClouds.style.display = 'none'
      }
      $setSkipTimeNodesPopoverTipsDetail.addEventListener('click', function (event) {
        event.stopPropagation()
        const detailClassList = [...this.classList]
        if (detailClassList.includes('open')) {
          this.classList.replace('open', 'close')
          $setSkipTimeNodesPopoverTips.classList.replace('close', 'open')
        }
        if (detailClassList.includes('close')) {
          this.classList.replace('close', 'open')
          $setSkipTimeNodesPopoverTips.classList.replace('open', 'close')
        }
      })
      $setSkipTimeNodesPopoverToggleButton.addEventListener('click', () => {
        const currentTime = Math.ceil($video.currentTime)
        $setSkipTimeNodesPopoverHeaderExtra.innerText = `${currentTime} / ${$video.duration}`
      })
      $setSkipTimeNodesPopover.addEventListener('toggle', (event) => {
        if (event.newState === 'open') {
          $video.pause()
        }
        if (event.newState === 'closed') {
          $video.play()
        }
      })
      $clearRecordsButton.addEventListener('click', () => {
        arrays.skipNodesRecords = []
        $skipTimeNodesRecordsArray.className = ''
        $skipTimeNodesRecordsArray.innerText = ''
        $setSkipTimeNodesPopoverRecords.style.display = 'none'
        $setSkipTimeNodesInput.value = ''
      })
      $saveRecordsButton.addEventListener('click', () => {
        $setSkipTimeNodesInput.value = JSON.stringify(convertArrayRecordToReadable(JSON.parse($skipTimeNodesRecordsArray.innerText.replace('打点数据:', '')))).slice(1, -1)
      })
      const resetResultContent = (delay = 3000) => {
        const resetResultContentTimeout = setTimeout(() => {
          $setSkipTimeNodesPopoverResult.innerText = ''
          $setSkipTimeNodesPopoverResult.className = 'result'
          clearTimeout(resetResultContentTimeout)
        }, delay)
        arrays.intervalIds.push(resetResultContentTimeout)
      }
      $uploadSkipTimeNodesButton.addEventListener('click', async () => {
        const inputValue = $setSkipTimeNodesInput.value
        if (!validateInputValue(inputValue)) {
          $setSkipTimeNodesPopoverResult.classList.remove('success')
          $setSkipTimeNodesPopoverResult.classList.add('danger')
          $setSkipTimeNodesPopoverResult.innerText = '请按格式条件输入正确内容!'
          resetResultContent()
        } else {
          const timeNodesArray = convertArrayReadableToSave(JSON.parse(`[${inputValue}]`))
          const result_indexedDB = await modules.setVideoSkipTimeNodesByIndexedDB(timeNodesArray, videoID)
          const result_axios = await modules.setVideoSkipTimeNodesByAxios(JSON.stringify(timeNodesArray), videoID)
          // logger.debug(`${JSON.stringify(result_indexedDB)}丨${JSON.stringify(result_axios)}`)
          if ((result_indexedDB.code && result_axios.code) === 200) {
            $setSkipTimeNodesInput.value = ''
            $setSkipTimeNodesPopoverResult.classList.remove('danger')
            $setSkipTimeNodesPopoverResult.classList.add('success')
            $setSkipTimeNodesPopoverResult.innerText = `${result_indexedDB.message}丨${result_axios.message}`
          } else {
            $setSkipTimeNodesPopoverResult.classList.remove('success')
            $setSkipTimeNodesPopoverResult.classList.add('danger')
            $setSkipTimeNodesPopoverResult.innerText = `${result_indexedDB.message}丨${result_axios.message}`
          }
          resetResultContent()
        }
      })
      $syncSkipTimeNodesButton.addEventListener('click', async () => {
        const cloudsArray = await modules.getVideoSkipTimeNodesByAxios(videoID)
        if (cloudsArray) {
          if (typeof cloudsArray === 'string') cloudsArray = JSON.parse(cloudsArray)
          modules.setVideoSkipTimeNodesByIndexedDB(cloudsArray, videoID)
          const readableArr = JSON.stringify(convertArrayReadableToSave(cloudsArray)).slice(1, -1)
          $skipTimeNodesCloudsArray.innerText = readableArr
          $setSkipTimeNodesInput.value = readableArr
        }
      })

    },
    // #endregion 插入设置跳过时间节点按钮
    /**
     * 插入跳过时间节点功能开关
     * - #region 插入跳过时间节点功能开关
     */
    async insertSkipTimeNodesSwitchButton() {
      if (++vars.insertSetSkipTimeNodesSwitchButtonCount !== 1) return
      const skipTimeNodesSwitchButtonHtml = `
          <div id="autoSkipSwitchButton" class="bpx-player-dm-switch bui bui-danmaku-switch" aria-label="跳过开启关闭">
            <div class="bui-area">
                <input id="${selectors.AutoSkipSwitchInput.slice(1)}" class="bui-danmaku-switch-input" type="checkbox" ${vals.auto_skip() ? 'checked' : ''}>
                <label class="bui-danmaku-switch-label">
                <span class="bui-danmaku-switch-on">
                    <svg xmlns="http://www.w3.org/2000/svg" data-pointer="none" viewBox="0 0 24 24">
                    <path fill-rule="evenodd" d="M12 4.83h-1.53L8.76 2.27a1 1 0 1 0-1.67 1.12l1 1.5L5.92 5a4 4 0 0 0-3.83 3.4 30.92 30.92 0 0 0-.24 4.18 31.81 31.81 0 0 0 .35 5.12A4 4 0 0 0 6 21.06l.91.05c1.2.06 1.8.09 3.6.09a1 1 0 0 0 1-1 1 1 0 0 0-1-1c-1.76 0-2.34 0-3.5-.09l-.91-.05a2 2 0 0 1-1.91-1.71 29.75 29.75 0 0 1-.33-4.8 28 28 0 0 1 .23-3.9A2 2 0 0 1 6 6.93c2.45-.08 4.47-.13 6.06-.13s3.62 0 6.07.13A2 2 0 0 1 20 8.75c.08.52.12 2 .14 3.06v.88a1 1 0 1 0 2-.06v-.86c0-1.12-.08-2.66-.16-3.27A4 4 0 0 0 18.19 5l-2.53-.08 1.05-1.46a1 1 0 0 0-1.64-1.18l-1.86 2.55H12z" />
                    <path fill="#00aeec" fill-rule="evenodd" d="M22.85 14.63a1 1 0 0 0-1.42.07l-5.09 5.7-2.21-2.27L14 18a1 1 0 0 0-1.32 1.49l3 3 .1.09a1 1 0 0 0 1.36-.12L22.93 16l.08-.1a1 1 0 0 0-.16-1.27z" />
                    <path d="M7.58 8.23h3.12v3.54h-.9v1.62h1v.67a7.14 7.14 0 0 0 1.84-1.41v-1l-.72.36a17 17 0 0 0-1-2.17l.83-.41a18.26 18.26 0 0 1 .9 2.12V7.82h1v5a9 9 0 0 1-.47 3.05 5.26 5.26 0 0 1-1.4 2.13l-.78-.7a5 5 0 0 0 1.56-3.4 7.46 7.46 0 0 1-1.29 1.1l-.5-.83v.09h-1V16c.37-.13.7-.25 1-.37v.94a29.54 29.54 0 0 1-3.39 1.19l-.29-.93.42-.11v-3.9h.84v3.64l.55-.18v-4.51H7.58zm2.22 2.68V9.09H8.48v1.82zm6.53-1.81l.86.42a10 10 0 0 1-1.25 2.32l-.71-.5v.92a11.11 11.11 0 0 1 2 1.62l-.59.9a11.39 11.39 0 0 0-1.39-1.44v3.17c0 .21.1.32.29.32h.35a.36.36 0 0 0 .35-.22 4.31 4.31 0 0 0 .18-1.47l.9.28a4.27 4.27 0 0 1-.4 2 1.1 1.1 0 0 1-.83.3h-.84c-.66 0-1-.34-1-1v-8.9h1v3.33a9.28 9.28 0 0 0 1.08-2.05z" />
                    </svg>
                </span>
                <span class="bui-danmaku-switch-off">
                    <svg xmlns="http://www.w3.org/2000/svg" data-pointer="none" viewBox="0 0 24 24">
                    <path fill-rule="evenodd" d="M8.09 4.89l-1-1.5a1 1 0 1 1 1.68-1.12l1.7 2.57h2.74l1.86-2.59a1 1 0 0 1 1.64 1.18l-1.05 1.45 2.53.12a4 4 0 0 1 3.74 3.51c.08.61.13 2.15.16 3.27v.86a1 1 0 0 1-2 .07v-.89c0-1.1-.06-2.54-.14-3.06a2 2 0 0 0-1.85-1.82c-2-.07-4-.12-6.07-.13-1.59 0-3.62 0-6.06.13a2 2 0 0 0-1.92 1.74 28 28 0 0 0-.23 3.91 29.71 29.71 0 0 0 .33 4.79 2 2 0 0 0 1.91 1.71c1.8.1 3.61.14 5.41.14a1 1 0 0 1 1 1 1 1 0 0 1-1 1c-1.84 0-3.67-.05-5.51-.15A4 4 0 0 1 2.2 17.7a31.81 31.81 0 0 1-.35-5.12 30.92 30.92 0 0 1 .24-4.18A4 4 0 0 1 5.92 5l2.16-.07zm10 17.17a4 4 0 1 0-4-4 4 4 0 0 0 3.97 4zm0-1.5a2.5 2.5 0 0 1-2.5-2.5 2.61 2.61 0 0 1 .28-1.16l3.33 3.4a2.55 2.55 0 0 1-1.14.26zm2.5-2.5a2.38 2.38 0 0 1-.29 1.16l-3.3-3.4a2.5 2.5 0 0 1 3.61 2.24z" />
                    <path fill="none" d="M8.28 9.08H9.6v1.83H8.28zM13.42 15.08v-.85h-.11c0 .29-.09.58-.15.85z" />
                    <path d="M13.31 14.23h-1a7.52 7.52 0 0 1-.18.85h1.05c.04-.27.09-.56.13-.85zM13.4 9.6v-.24l-.54.24h.54zM13.4 9V7.82h-1V8l.33-.11A8.32 8.32 0 0 1 13.4 9zM12.41 9.4v.2h.11a2 2 0 0 0-.11-.2zM11.59 9.6l-.08-.18-.84.41c.18.32.36.67.53 1V9.6z" />
                    <path d="M11.2 13.64a7 7 0 0 1-.64.41v-.67h-1v-1.61h.9V8.22H7.37v3.55h1.32v4.5l-.55.18v-3.64h-.83v3.87l-.42.11.29.94a32.83 32.83 0 0 0 3.38-1.19v-.95c-.27.12-.59.24-1 .38v-1.69h1v-.08l.51.82a6.91 6.91 0 0 0 .94-.79h-.81zm-2.92-2.73V9.08H9.6v1.83zM15 8.2v-.38h-1V9.6h.34c.28-.46.5-.93.66-1.4zM10.78 17.3l.8.69a5.19 5.19 0 0 0 1.24-1.84h-1.15a4.22 4.22 0 0 1-.89 1.15zM16.81 9.89c.06-.13.12-.24.18-.38l-.86-.42c-.07.18-.16.34-.24.51h.92z" />
                    <path d="M15 13.84v-.5c.1.08.21.2.32.3a4.33 4.33 0 0 1 .92-.44 11.62 11.62 0 0 0-1.24-.95v-.91l.7.49a9.47 9.47 0 0 0 1.08-1.94V9.6h-.92a8.86 8.86 0 0 1-.86 1.55v-3c-.19.47-.41.94-.65 1.4H14v5.17a5.13 5.13 0 0 1 1-.88zM13.4 12.83V9.6h-.54l.54-.24V9a8.32 8.32 0 0 0-.66-1.11l-.33.11v1.4a2 2 0 0 1 .11.2h-.11v2a18.76 18.76 0 0 0-.82-2h-.39v1.27a12.22 12.22 0 0 1 .48 1.13l.73-.37v1a7.31 7.31 0 0 1-1.21 1v.59h.8c.11-.11.23-.21.34-.33 0 .12 0 .22-.06.33h1a12.21 12.21 0 0 0 .12-1.39zM13.16 15.08h-1.05a4.9 4.9 0 0 1-.44 1.07h1.15c0-.09.07-.17.11-.27.07-.25.16-.52.23-.8z" />
                    </svg>
                </span>
                </label>
            </div>
          </div>`
      const skipTimeNodesSwitchButtonTipHtml = `
          <div id="autoSkipTips" class="bpx-player-tooltip-item" style="visibility: hidden; opacity: 0; transform: translate(0px, 0px);">
              <div class="bpx-player-tooltip-title">关闭自动跳过(j)</div>
          </div>`
      const [playerDanmuSetting, playerTooltipArea] = await utils.getElementAndCheckExistence([selectors.playerDanmuSetting, selectors.playerTooltipArea])
      const $skipTimeNodesSwitchButton = utils.createElementAndInsert(skipTimeNodesSwitchButtonHtml, playerDanmuSetting, 'after')
      const $autoSkipTips = utils.createElementAndInsert(skipTimeNodesSwitchButtonTipHtml, playerTooltipArea, 'append')
      const $AutoSkipSwitchInput = await utils.getElementAndCheckExistence(selectors.AutoSkipSwitchInput)
      $AutoSkipSwitchInput.addEventListener('change', async event => {
        const $AutoSkipInput = await utils.getElementAndCheckExistence(selectors.AutoSkip)
        utils.setValue('auto_skip', event.target.checked)
        $AutoSkipInput.checked = event.target.checked
        $autoSkipTips.querySelector(selectors.playerTooltipTitle).innerText = event.target.checked ? '关闭自动跳过(j)' : '开启自动跳过(j)'
      })
      $skipTimeNodesSwitchButton.addEventListener('mouseover', async function () {
        const { top, left } = utils.getElementOffsetToDocument(this)
        $autoSkipTips.style.top = `${top - window.scrollY - (this.clientHeight) - 12}px`
        $autoSkipTips.style.left = `${left - ($autoSkipTips.clientWidth / 2) + (this.clientWidth / 2)}px`
        $autoSkipTips.style.opacity = 1
        $autoSkipTips.style.visibility = 'visible'
        $autoSkipTips.style.transition = 'opacity .3s'
      })
      $skipTimeNodesSwitchButton.addEventListener('mouseout', function () {
        $autoSkipTips.style.opacity = 0
        $autoSkipTips.style.visibility = 'hidden'
      })
    },
    // #endregion 插入跳过时间节点功能开关
    // #endregion 自动跳过时间节点
    /**
     * 自动返回播放器并更新评论区简介
     * - #region 自动返回播放器并更新评论区简介
     */
    async functionsNeedToExecuteWhenUrlHasChanged() {
      await utils.sleep(500)
      modules.locationToPlayer()
      await utils.sleep(1500)
      modules.autoEnableSubtitle()
      // modules.insertVideoDescriptionToComment()
    },
    // #endregion 自动返回播放器并更新评论区简介
    /**
     * 点击相关视频自动返回播放器并更新评论区简介
     * - #region 点击相关视频自动返回播放器并更新评论区简介
     * - 合集中的其他视频
     * - 推荐列表中的视频
     */
    async clickRelatedVideoAutoLocation() {
      if (vals.player_type() === 'video') {
        // 视频合集
        await elmGetter.each(selectors.videoSectionsEpisodeLink, (link) => {
          link.addEventListener('click', () => {
            modules.functionsNeedToExecuteWhenUrlHasChanged()
          })
        })
        // 视频选集
        await elmGetter.each(selectors.videoMultiPageLink, (link) => {
          link.addEventListener('click', () => {
            modules.functionsNeedToExecuteWhenUrlHasChanged()
          })
        })
        // 接下来播放及推荐视频
        await elmGetter.each(selectors.videoNextPlayAndRecommendLink, (link) => {
          link.addEventListener('click', () => {
            modules.functionsNeedToExecuteWhenUrlHasChanged()
          })
        })
        // 视频结尾推荐视频
        await elmGetter.each(selectors.playerEndingRelateVideo, (link) => {
          link.addEventListener('click', () => {
            modules.functionsNeedToExecuteWhenUrlHasChanged()
          })
        })
      }
      if (vals.player_type() === 'bangumi') {
        // 番剧剧集
        await elmGetter.each(selectors.bangumiSectionsEpisodeLink, (link) => {
          link.addEventListener('click', async () => {
            await utils.sleep(100)
            modules.locationToPlayer()
          })
        })
      }
    },
    // #endregion 点击相关视频自动返回播放器并更新评论区简介
    /**
    * 解锁合集/选集视频集数选择按钮
    * - #region 解锁合集/选集视频集数选择按钮
    */
    async unlockEpisodeSelector() {
      const videoInfo = await biliApis.getVideoInformation(modules.getCurrentVideoID(window.location.href))
      const { pages = false, ugc_season = false } = videoInfo.data
      if (ugc_season || pages.length > 1) {
        if (!document.getElementById('UnlockEpisodeSelectorStyle')) utils.insertStyleToDocument('UnlockEpisodeSelectorStyle', styles.UnlockEpisodeSelector)
      } else if (document.getElementById('UnlockEpisodeSelectorStyle')) document.getElementById('UnlockEpisodeSelectorStyle').remove()
    },
    // #endregion 解锁合集/选集视频集数选择按钮
    /**
    * 离开当前页面暂停视频
    * - #region 离开当前页面暂停视频
    */
    async pauseVideoWhenLeavingCurrentPage() {
      const $video = await utils.getElementAndCheckExistence(selectors.video)
      let playFlag = false
      const timer = setInterval(async () => {
        const documentHidden = utils.checkDocumentIsHidden()
        if (documentHidden) {
          $video.pause()
          playFlag = true
        }
        else if (vals.continue_play() && playFlag) {
          $video.play()
          playFlag = false
        }
      }, 100)
      arrays.intervalIds.push(timer)
    },
    // #endregion 离开当前页面暂停视频
    // #endregion 视频播放页相关功能
    //** ----------------------- 动态页相关功能 ----------------------- **//
    // #region 动态页相关功能
    /**
     * 默认显示投稿视频
     * - #region 默认显示投稿视频
     */
    changeCurrentUrlToVideoSubmissions() {
      const web_video_link = vals.web_video_link()
      const url = window.location.href
      const indexLink = 'https://t.bilibili.com/pages/nav/index'
      const newIndexLinkRegexp = /(https:\/\/t.bilibili.com\/pages\/nav\/index_new).*/i
      const indexVoteLinkRegexp = /https:\/\/t.bilibili.com\/vote\/h5\/index\/#\/result\?vote_id=.*/i
      const webVoteLinkRegexp = /t.bilibili.com\/h5\/dynamic\/vote#\/result\?vote_id=.*/i
      const indexLotteryLinkRegexp = /https:\/\/t.bilibili.com\/lottery\/h5\/index\/.*/i
      const webLotteryLinkRegexp = /https:\/\/t.bilibili.com\/lottery\/.*/i
      const moreDynamicLinkRegexp = /https:\/\/t.bilibili.com\/[0-9]+\?tab=[0-9]+/i
      const dynamicDetailLinkRegexp = /https:\/\/t.bilibili.com\/[0-9]+/i
      const dynamicTopicDetailLinkRegexp = /https:\/\/t.bilibili.com\/topic\/[0-9]+/i
      if (url == indexLink || newIndexLinkRegexp.test(url) || indexVoteLinkRegexp.test(url) || webVoteLinkRegexp.test(url) || indexLotteryLinkRegexp.test(url) || webLotteryLinkRegexp.test(url) || moreDynamicLinkRegexp.test(url) || dynamicDetailLinkRegexp.test(url) || dynamicTopicDetailLinkRegexp.test(url)) {
        //不影响BiliBili首页导航栏动态悬浮窗、动态页里投票及互动抽奖页等内容显示
        return false
      }
      if (url !== web_video_link) {
        window.location.href = web_video_link
      } else {
        return { message: '动态页|已切换至投稿视频' }
      }
    },
    // #endregion 默认显示投稿视频
    // #endregion 动态页相关功能
    //** ----------------------- 首页相关功能 ----------------------- **//
    // #region 首页相关功能
    // #region 记录首页推荐视频历史
    /**
     * 将推荐视频写入本地
     * - #region 将推荐视频写入本地
     */
    async setIndexRecordRecommendVideoHistory() {
      if (++vars.setIndexRecordRecommendVideoHistoryArrayCount !== 1) return
      const indexRecommendVideoHistory = localforage.createInstance({
        name: 'indexRecommendVideoHistory',
      })
      await elmGetter.each(selectors.indexRecommendVideoSix, document.body, async video => {
        const url = video.querySelector('a').href
        const title = video.querySelector('h3').title
        if (window.location.host.includes('bilibili.com') && !url.includes('cm.bilibili.com')) {
          const { data: { tid, pic } } = await biliApis.getVideoInformation(modules.getCurrentVideoID(url))
          indexRecommendVideoHistory.setItem(title, [tid, url, pic])
        }
      })

    },
    // #endregion 将推荐视频写入本地
    /**
     * 将本地推荐数据转为数组
     * - #region 将本地推荐数据转为数组
     * @returns 推荐记录数组
     */
    async getIndexRecordRecommendVideoHistoryArray() {
      arrays.indexRecommendVideoHistory = []
      const indexRecommendVideoHistory = localforage.createInstance({
        name: 'indexRecommendVideoHistory',
      })
      await indexRecommendVideoHistory.iterate((value, key) => {
        arrays.indexRecommendVideoHistory.push({ key, value })
      })
      if (!arrays.indexRecommendVideoHistory.length || arrays.indexRecommendVideoHistory.length !== await indexRecommendVideoHistory.length()) {
        return await modules.getIndexRecordRecommendVideoHistoryArray()
      }
      else return arrays.indexRecommendVideoHistory
    },
    // #endregion 将本地推荐数据转为数组
    /**
     * 插入推荐历史记录按钮
     * - #region 插入推荐历史记录按钮
     */
    async insertIndexRecommendVideoHistoryOpenButton() {
      if (document.getElementById(selectors.indexRecommendVideoHistoryOpenButton)) document.getElementById(selectors.indexRecommendVideoHistoryOpenButton).remove()
      if (document.getElementById(selectors.indexRecommendVideoHistoryPopover)) document.getElementById(selectors.indexRecommendVideoHistoryPopover).remove()
      const $indexRecommendVideoRollButtonWrapper = await utils.getElementAndCheckExistence(selectors.indexRecommendVideoRollButtonWrapper)
      const indexRecommendVideoHistoryOpenButtonHtml = `
        <button id="${selectors.indexRecommendVideoHistoryOpenButton.slice(1)}" popovertarget="${selectors.indexRecommendVideoHistoryPopover.slice(1)}" class="primary-btn roll-btn">
            <span>历史记录</span>
        </button>`
      const indexRecommendVideoHistoryPopoverHtml = `
        <div id="${selectors.indexRecommendVideoHistoryPopover.slice(1)}"  class="adjustment_popover" popover>
            <div id="${selectors.indexRecommendVideoHistoryPopoverTitle.slice(1)}">
                <span>首页视频推荐历史记录</span>
                <div id="${selectors.clearRecommendVideoHistoryButton.slice(1)}">清空记录</div>
            </div>
            <ul id="${selectors.indexRecommendVideoHistoryCategory.slice(1)}">
              <li class='all adjustment_button primary plain'>全部</li>
            </ul>
            <ul id="${selectors.indexRecommendVideoHistoryList.slice(1)}"></ul>
        </ul>`
      utils.createElementAndInsert(indexRecommendVideoHistoryOpenButtonHtml, $indexRecommendVideoRollButtonWrapper, 'append')
      const $indexRecommendVideoHistoryPopover = utils.createElementAndInsert(indexRecommendVideoHistoryPopoverHtml, document.body, 'append')
      $indexRecommendVideoHistoryPopover.addEventListener('toggle', async (event) => {
        const [$indexApp, $indexRecommendVideoHistoryPopoverTitle] = await utils.getElementAndCheckExistence([selectors.indexApp, selectors.indexRecommendVideoHistoryPopoverTitle])
        if (event.newState === 'open') {
          $indexApp.style.pointerEvents = 'none'
          $indexRecommendVideoHistoryPopoverTitle.querySelector('span').append(`(${$indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList).childElementCount})`)
        }
        if (event.newState === 'closed') {
          $indexApp.style.pointerEvents = 'auto'
          $indexRecommendVideoHistoryPopoverTitle.querySelector('span').innerText = '首页视频推荐历史记录'
        }
      })
    },
    // #endregion 插入推荐历史记录按钮
    /**
     * 获取推荐历史记录
     * - #region 获取推荐历史记录
     */
    async getIndexRecordRecommendVideoHistory() {
      const getIndexRecordRecommendVideoHistoryArray = await modules.getIndexRecordRecommendVideoHistoryArray()
      const $indexRecommendVideoHistoryPopover = await utils.getElementAndCheckExistence(selectors.indexRecommendVideoHistoryPopover)
      $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList).innerHTML = ''
      for (const record of getIndexRecordRecommendVideoHistoryArray) {
        utils.createElementAndInsert(`<li><span><img src="${record.value[2]}"></span><a href="${record.value[1]}" target="_blank">${record.key}</a></li>`, $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList), 'append')
      }
    },
    // #endregion 获取推荐历史记录
    /**
     * 生成推荐视频分区信息
     * - #region 生成推荐视频分区信息
     */
    async generatorVideoCategories() {
      const setCategoryButtonActiveClass = (element) => {
        element.parentElement.querySelectorAll(selectors.indexRecommendVideoHistoryCategoryButtons).forEach(element => { element.classList.remove(...arrays.videoCategoriesActiveClass) })
        element.classList.add(...arrays.videoCategoriesActiveClass)
      }
      const getIndexRecordRecommendVideoHistoryArray = await modules.getIndexRecordRecommendVideoHistoryArray()
      const $indexRecommendVideoHistoryPopover = await utils.getElementAndCheckExistence(selectors.indexRecommendVideoHistoryPopover)
      $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryCategory).innerHTML = "<li class='all adjustment_button primary plain'>全部</li>"
      let categoryHasVideoSet = new Set()
      // arrays.videoCategories.filter(category => {
      //   getIndexRecordRecommendVideoHistoryArray.filter(record => {
      //     if (category.tids.includes(record.value[0])) {
      //       categoryHasVideoSet.add(category)
      //     }
      //   })
      // })
      for (const [key, value] of Object.entries(objects.videoCategories)) {
        getIndexRecordRecommendVideoHistoryArray.filter(record => {
          if (value.tids.includes(record.value[0])) {
            categoryHasVideoSet.add(objects.videoCategories[key])
          }
        })
      }
      for (const category of Array.from(categoryHasVideoSet)) {
        utils.createElementAndInsert(`<li data-tids="[${category.tids}]">${category.name}</li>`, $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryCategory), 'append')
      }
      await elmGetter.each(selectors.indexRecommendVideoHistoryCategoryButtonsExceptAll, $indexRecommendVideoHistoryPopover, category => {
        category.addEventListener('click', async function () {
          setCategoryButtonActiveClass(this)
          $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList).innerHTML = ''
          const categoryIds = this.dataset.tids
          for (const record of getIndexRecordRecommendVideoHistoryArray) {
            if (categoryIds.includes(record.value[0])) {
              utils.createElementAndInsert(`<li><span><img src="${record.value[2]}"></span><a href="${record.value[1]}" target="_blank">${record.key}</a></li>`, $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList), 'append')
            }
          }
        })
      })
      $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryCategoryButtonAll).addEventListener('click', async function () {
        setCategoryButtonActiveClass(this)
        $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList).innerHTML = ''
        for (const record of getIndexRecordRecommendVideoHistoryArray) {
          utils.createElementAndInsert(`<li><span><img src="${record.value[2]}"></span><a href="${record.value[1]}" target="_blank">${record.key}</a></li>`, $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList), 'append')
        }
      })
    },
    // #endregion 生成推荐视频分区信息
    /**
     * 清除推荐历史记录
     * - #region 清除推荐历史记录
     */
    async clearRecommendVideoHistory() {
      const indexRecommendVideoHistory = localforage.createInstance({
        name: 'indexRecommendVideoHistory',
      })
      indexRecommendVideoHistory.clear()
      arrays.indexRecommendVideoHistory = []
      const $indexRecommendVideoHistoryPopover = await utils.getElementAndCheckExistence(selectors.indexRecommendVideoHistoryPopover)
      $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryList).innerHTML = ''
      $indexRecommendVideoHistoryPopover.querySelector(selectors.indexRecommendVideoHistoryCategory).innerHTML = "<li class='all adjustment_button primary plain'>全部</li>"
      $indexRecommendVideoHistoryPopover.hidePopover()
    },
    // #endregion 清除推荐历史记录
    // #endregion 记录首页推荐视频历史
    // #endregion 首页相关功能
    //** ----------------------- 脚本最终执行函数 ----------------------- **//
    // #region 脚本最终执行函数
    /**
     *
     * 注册脚本设置选项
     * - #region 注册脚本设置选项
     */
    async registerMenuCommand() {
      if (regexps.dynamic.test(window.location.href)) {
        const dynamicSettingPopoverHtml = `
          <div id="${selectors.dynamicSettingPopover.slice(1)}" class="adjustment_popover" popover>
              <div class="adjustment_popoverTitle">哔哩哔哩动态页设置</div>
              <label class="bilibili-adjustment-setting-label" style="padding-top:0!important;display: grid;grid-gap: 10px">
                  「投稿视频」链接:
                  <input id="${selectors.WebVideoLinkInput.slice(1)}" class="adjustment_input" value="${utils.getValue('web_video_link')}">
              </label>
              <div id="${selectors.dynamicSettingPopoverTips.slice(1)}" class="adjustment_tips info">点击「投稿视频」选项后,填入当前浏览器地址栏链接,即可自动跳转至该链接</div>
              <div class="adjustment_buttonGroup">
                <button id="${selectors.dynamicSettingSaveButton.slice(1)}" class="adjustment_button primary">保存</button>
              </div>
          </div>`
        if (document.getElementById(selectors.dynamicSettingPopover)) document.getElementById(selectors.dynamicSettingPopover).remove()
        const $dynamicSettingPopover = utils.createElementAndInsert(dynamicSettingPopoverHtml, document.body, 'append')
        GM_registerMenuCommand('设置', () => {
          $dynamicSettingPopover.showPopover()
        })
        const [$app, $dynamicHeaderContainer, $WebVideoLinkInput, $dynamicSettingSaveButton] = await utils.getElementAndCheckExistence([selectors.app, selectors.dynamicHeaderContainer, selectors.WebVideoLinkInput, selectors.dynamicSettingSaveButton])
        $WebVideoLinkInput.addEventListener('input', event => {
          utils.setValue('web_video_link', event.target.value.trim())
        })
        $dynamicSettingPopover.addEventListener('toggle', event => {
          if (event.newState === 'open') {
            $app.style.pointerEvents = 'none'
            $dynamicHeaderContainer.style.pointerEvents = 'none'
          }
          if (event.newState === 'closed') {
            $app.style.pointerEvents = 'auto'
            $dynamicHeaderContainer.style.pointerEvents = 'auto'
          }
        })
        $dynamicSettingSaveButton.addEventListener('click', () => {
          $dynamicSettingPopover.hidePopover()
        })
      }
      if (regexps.video.test(window.location.href)) {
        const $player = await utils.getElementAndCheckExistence(selectors.player, 10)
        const playerOffsetTop = Math.trunc(utils.getElementOffsetToDocument($player).top)
        const videoSettingPopoverHtml = `
          <div id="${selectors.videoSettingPopover.slice(1)}" class="adjustment_popover" popover>
            <div class="adjustment_popoverTitle">哔哩哔哩播放页设置</div>
            <div class="adjustment_form">
              <div class="adjustment_form_item">
                <div class="adjustment_form_item_content">
                  <label>是否为大会员</label>
                  <input type="checkbox" id="${selectors.IsVip.slice(1)}" ${vals.is_vip() ? 'checked' : ''} class="adjustment_checkbox">
                </div>
                <span class="adjustment_tips info"> -> 请如实勾选,否则影响自动选择清晰度</span>
              </div>
              <div class="adjustment_form_item">
                <div class="adjustment_form_item_content">
                  <label>自动定位至播放器</label>
                  <input type="checkbox" id="${selectors.AutoLocate.slice(1)}" ${vals.auto_locate() ? 'checked' : ''} class="adjustment_checkbox">
                </div>
                <div class="adjustment_checkboxGroup">
                  <div class="adjustment_checkbox video">
                    <span>普通视频(video)</span>
                    <input type="checkbox" id="${selectors.AutoLocateVideo.slice(1)}" ${vals.auto_locate_video() ? 'checked' : ''} class="adjustment_checkbox">
                  </div>
                  <div class="adjustment_checkbox bangumi">
                    <span>其他视频(bangumi)</span>
                    <input type="checkbox" id="${selectors.AutoLocateBangumi.slice(1)}" ${vals.auto_locate_bangumi() ? 'checked' : ''} class="adjustment_checkbox">
                  </div>
                </div>
                <span class="adjustment_tips info">
                  -> 只有勾选自动定位至播放器,才会执行自动定位的功能;勾选自动定位至播放器后,video 和 bangumi
                  两者全选或全不选,默认在这两种类型视频播放页都执行;否则勾选哪种类型,就只在这种类型的播放页才执行。
                </span>
              </div>
              <div class="adjustment_form_item">
                <div class="adjustment_form_item_content">
                  <label>播放器顶部偏移(px)</label>
                  <input id="${selectors.TopOffset.slice(1)}" class="adjustment_input" value="${vals.offset_top()}">
                </div>
                <span class="adjustment_tips info">
                  -> 播放器距离浏览器窗口默认距离为 ${playerOffsetTop};请填写小于 ${playerOffsetTop} 的正整数或 0;当值为 0 时,播放器上沿将紧贴浏览器窗口上沿、值为 ${playerOffsetTop} 时,将保持B站默认。
                </span>
              </div>
              <div class="adjustment_form_item">
                <div class="adjustment_form_item_content">
                  <label>点击播放器时定位</label>
                  <input type="checkbox" id="${selectors.ClickPlayerAutoLocation.slice(1)}" ${vals.click_player_auto_locate() ? 'checked' : ''} class="adjustment_checkbox">
                </div>
              </div>
              <div class="adjustment_form_item screen-mode">
                <div class="adjustment_form_item_content">
                  <label>播放器默认模式</label>
                  <div class="adjustment_checkboxGroup">
                    <div class="adjustment_checkbox">
                      <input type="radio" name="Screen-Mode" value="close" ${vals.selected_screen_mode() === 'close' ? 'checked' : ''}>
                      <span>关闭</span>
                    </div>
                    <div class="adjustment_checkbox">
                      <input type="radio" name="Screen-Mode" value="wide" ${vals.selected_screen_mode() === 'wide' ? 'checked' : ''}>
                      <span>宽屏</span>
                    </div>
                    <div class="adjustment_checkbox">
                      <input type="radio" name="Screen-Mode" value="web" ${vals.selected_screen_mode() === 'web' ? 'checked' : ''}>
                      <span>网页全屏</span>
                    </div>
                  </div>
                </div>
                <span class="adjustment_tips info"> -> 若遇到不能自动选择播放器模式可尝试点击重置</span>
              </div>
              <div class="adjustment_form_item">
                <div class="adjustment_form_item_content">
                  <label>网页全屏模式解锁</label>
                  <input type="checkbox" id="${selectors.WebfullUnlock.slice(1)}" ${vals.webfull_unlock() ? 'checked' : ''} class="adjustment_checkbox">
                </div>
                <span class="adjustment_tips info">
                  -> 勾选后网页全屏模式下可以滑动滚动条查看下方评论等内容(番剧播放页不支持)
                  <br>->新增迷你播放器显示,不过比较简陋,只支持暂停/播放操作,有条件的建议还是直接使用浏览器自带的小窗播放功能。</span>
              </div>
              <div class="adjustment_form_item">
                <div class="adjustment_form_item_content">
                  <label>自动选择最高画质</label>
                  <input type="checkbox" id="${selectors.AutoQuality.slice(1)}" ${vals.auto_select_video_highest_quality() ? 'checked' : ''} class="adjustment_checkbox">
                </div>
                <div class="adjustment_checkboxGroup">
                  <div class="adjustment_checkbox fourK" style="display:${vals.is_vip() ? 'flex' : 'none'}">
                    <span>是否包含4K画质</span>
                    <input type="checkbox" id="${selectors.Quality4K.slice(1)}" ${vals.contain_quality_4k() ? 'checked' : ''} class="adjustment_checkbox">
                  </div>
                  <div class="adjustment_checkbox eightK" style="display:${vals.is_vip() ? 'flex' : 'none'}">
                    <span>是否包含8K画质</span>
                    <input type="checkbox" id="${selectors.Quality8K.slice(1)}" ${vals.contain_quality_8k() ? 'checked' : ''} class="adjustment_checkbox">
                  </div>
                </div>
                <span class="adjustment_tips info"> -> 网络条件好时可以启用此项,勾哪项选哪项,都勾选8k,否则选择4k及8k外最高画质。</span>
              </div>
              <div class="adjustment_form_item">
                <div class="adjustment_form_item_content">
                    <label>优化视频简介并插入评论区</label>
                    <input type="checkbox" id="${selectors.InsertVideoDescriptionToComment.slice(1)}"
                        ${vals.insert_video_description_to_comment() ? 'checked' : ''}
                        class="adjustment_checkbox">
                </div>
                <span class="adjustment_tips info"> -> 将视频简介内容优化后插入评论区或直接替换原简介区内容(替换原简介中固定格式的静态内容为跳转链接)。</span>
              </div>
              <div class="adjustment_form_item">
                <div class="adjustment_form_item_content">
                  <label>自动跳过时间节点</label>
                  <input type="checkbox" id="${selectors.AutoSkip.slice(1)}" ${vals.auto_skip() ? 'checked' : ''} class="adjustment_checkbox">
                </div>
                <span class="adjustment_tips info"> -> 自动跳过视频已设置设置时间节点,视频播放到相应时间点时将触发跳转至设定时间点。</span>
              </div>
              <div class="adjustment_form_item">
                <div class="adjustment_form_item_content">
                  <label>离开页面自动暂停视频</label>
                  <input type="checkbox" id="${selectors.PauseVideo.slice(1)}" ${vals.pause_video() ? 'checked' : ''} class="adjustment_checkbox">
                </div>
                <div class="adjustment_checkboxGroup">
                  <div class="adjustment_checkbox continuePlay" style="display:${vals.is_vip() ? 'flex' : 'none'}">
                    <span>返回页面恢复播放</span>
                    <input type="checkbox" id="${selectors.ContinuePlay.slice(1)}" ${vals.continue_play() ? 'checked' : ''} class="adjustment_checkbox">
                  </div>
                </div>
              </div>
              <div class="adjustment_form_item">
                <div class="adjustment_form_item_content">
                  <label>自动开启字幕</label>
                  <input type="checkbox" id="${selectors.AutoSubtitle.slice(1)}" ${vals.auto_subtitle() ? 'checked' : ''} class="adjustment_checkbox">
                </div>
              </div>
              <div class="adjustment_form_item">
                <div class="adjustment_form_item_content">
                  <label>自动刷新</label>
                  <input type="checkbox" id="${selectors.AutoReload.slice(1)}" ${vals.auto_reload() ? 'checked' : ''} class="adjustment_checkbox">
                </div>
                <span class="adjustment_tips info"> ->
                  (不建议开启)若脚本执行失败是否自动刷新页面重试,开启后可能会对使用体验起到一定改善作用,但若是因为B站页面改版导致脚本失效,则会陷入页面无限刷新的情况,此时则必须在页面加载时看准时机关闭此项才能恢复正常,请自行选择是否开启。</span>
              </div>
            </div>
            <div class="adjustment_buttonGroup">
              <button id="${selectors.videoSettingSaveButton.slice(1)}" class="adjustment_button primary">保存</button>
            </div>
          </div>`
        if (document.getElementById(selectors.videoSettingPopover)) document.getElementById(selectors.videoSettingPopover).remove()
        const $videoSettingPopover = utils.createElementAndInsert(videoSettingPopoverHtml, document.body, 'append')
        GM_registerMenuCommand('设置', () => {
          $videoSettingPopover.showPopover()
        })
        const $app = vals.player_type() === 'video' ? await utils.getElementAndCheckExistence(selectors.app) : await utils.getElementAndCheckExistence(selectors.bangumiApp)
        const [$IsVip, $AutoLocate, $AutoLocateVideo, $AutoLocateBangumi, $TopOffset, $ClickPlayerAutoLocation, $AutoQuality, $Quality4K, $Quality8K, $Checkbox4K, $Checkbox8K, $WebfullUnlock, $AutoReload, $videoSettingSaveButton, $AutoSkip, $InsertVideoDescriptionToComment, $PauseVideo, $ContinuePlay, $AutoSubtitle] = await utils.getElementAndCheckExistence([selectors.IsVip, selectors.AutoLocate, selectors.AutoLocateVideo, selectors.AutoLocateBangumi, selectors.TopOffset, selectors.ClickPlayerAutoLocation, selectors.AutoQuality, selectors.Quality4K, selectors.Quality8K, selectors.Checkbox4K, selectors.Checkbox8K, selectors.WebfullUnlock, selectors.AutoReload, selectors.videoSettingSaveButton, selectors.AutoSkip, selectors.InsertVideoDescriptionToComment, selectors.PauseVideo, selectors.ContinuePlay, selectors.AutoSubtitle])
        $videoSettingPopover.addEventListener('toggle', event => {
          if (event.newState === 'open') {
            // document.querySelector('*:not(#videoSettingPopover *)').style.pointerEvents = 'none'
            $app.style.pointerEvents = 'none'
          }
          if (event.newState === 'closed') {
            $app.style.pointerEvents = 'auto'
          }
        })
        $IsVip.addEventListener('change', async event => {
          utils.setValue('is_vip', event.target.checked)
          $Checkbox4K.style.display = event.target.checked ? 'flex' : 'none'
          $Checkbox8K.style.display = event.target.checked ? 'flex' : 'none'
        })
        $AutoLocate.addEventListener('change', event => {
          utils.setValue('auto_locate', event.target.checked)
        })
        $AutoLocateVideo.addEventListener('change', event => {
          utils.setValue('auto_locate_video', event.target.checked)
        })
        $AutoLocateBangumi.addEventListener('change', event => {
          utils.setValue('auto_locate_bangumi', event.target.checked)
        })
        $TopOffset.addEventListener('change', event => {
          utils.setValue('offset_top', +event.target.value)
        })
        $ClickPlayerAutoLocation.addEventListener('change', event => {
          utils.setValue('click_player_auto_locate', event.target.checked)
        })
        $AutoQuality.addEventListener('change', event => {
          utils.setValue('auto_select_video_highest_quality', event.target.checked)
        })
        $Quality4K.addEventListener('change', event => {
          utils.setValue('contain_quality_4k', event.target.checked)
        })
        $Quality8K.addEventListener('change', event => {
          utils.setValue('contain_quality_8k', event.target.checked)
        })
        $WebfullUnlock.addEventListener('change', event => {
          utils.setValue('webfull_unlock', event.target.checked)
        })
        $InsertVideoDescriptionToComment.addEventListener('change', event => {
          utils.setValue('insert_video_description_to_comment', event.target.checked)
        })
        $AutoSkip.addEventListener('change', event => {
          utils.setValue('auto_skip', event.target.checked)
        })
        $PauseVideo.addEventListener('change', event => {
          utils.setValue('pause_video', event.target.checked)
        })
        $ContinuePlay.addEventListener('change', event => {
          utils.setValue('continue_play', event.target.checked)
        })
        $AutoReload.addEventListener('change', event => {
          utils.setValue('auto_reload', event.target.checked)
        })
        $AutoSubtitle.addEventListener('change', event => {
          utils.setValue('auto_subtitle', event.target.checked)
        })
        await elmGetter.each(selectors.SelectScreenMode, $videoSettingPopover, radioInput => {
          radioInput.addEventListener('click', function () {
            utils.setValue('selected_screen_mode', this.value)
          })
        })
        $videoSettingSaveButton.addEventListener('click', () => {
          $videoSettingPopover.hidePopover()
          utils.reloadCurrentTab(true)
        })
      }
    },
    // #endregion 注册脚本设置选项
    /**
     * 前期准备函数
     * - #region 前期准备函数
     * 提前执行其他脚本功能所依赖的其他函数
     */
    thePrepFunction() {
      if (++vars.thePrepFunctionRunningCount !== 1) return
      utils.initValue()
      utils.clearAllTimersWhenCloseTab()
      modules.registerMenuCommand()
      utils.insertStyleToDocument('BilibiliAdjustmentStyle', styles.BilibiliAdjustment)
      biliApis.autoSignIn()
      if (window.location.href === 'https://www.bilibili.com/') {
        utils.insertStyleToDocument('IndexAdjustmentStyle', styles.IndexAdjustment)
      }
      if (regexps.video.test(window.location.href)) {
        utils.insertStyleToDocument('BodyHiddenStyle', styles.BodyHidden)
        utils.insertStyleToDocument('VideoPageAdjustmentStyle', styles.VideoPageAdjustment)
        utils.insertStyleToDocument('FreezeHeaderAndVideoTitleStyle', styles.FreezeHeaderAndVideoTitle)
        utils.insertStyleToDocument('VideoSettingStyle', styles.VideoSetting)
        modules.observerPlayerDataScreenChanges()
      }
      if (regexps.dynamic.test(window.location.href)) {
        utils.insertStyleToDocument('DynamicSettingStyle', styles.DynamicSetting)
      }

    },
    // #endregion 前期准备函数
    /**
     * 执行主函数
     * - #region 执行主函数
     */
    async theMainFunction() {
      if (++vars.theMainFunctionRunningCount !== 1) return
      if (modules.isLogin()) {
        modules.thePrepFunction()
        const timer = setInterval(async () => {
          const documentHidden = utils.checkDocumentIsHidden()
          if (!documentHidden) {
            clearInterval(timer)
            utils.logger.info('当前标签|已激活|开始应用配置')
            let functionsArray = []
            if (regexps.video.test(window.location.href) || regexps.dynamic.test(window.location.href)) {
              if (regexps.video.test(window.location.href)) {
                functionsArray = [
                  modules.getCurrentPlayerType,
                  modules.checkVideoExistence,
                  modules.checkVideoCanPlayThrough,
                  modules.autoSelectScreenMode,
                  modules.webfullScreenModeUnlock,
                  modules.autoLocationToPlayer,
                  modules.autoCancelMute,
                  modules.autoSelectVideoHighestQuality,
                  modules.autoEnableSubtitle,
                  modules.insertAutoEnableSubtitleSwitchButton,
                  modules.clickPlayerAutoLocation,
                  modules.insertFloatSideNavToolsButton,
                  modules.clickVideoTimeAutoLocation,
                  // modules.insertVideoDescriptionToComment,

                  // modules.insertSetSkipTimeNodesButton,
                  // modules.insertSkipTimeNodesSwitchButton,
                  // modules.autoSkipTimeNodes,
                  // modules.unlockEpisodeSelector,
                ]
              }
              if (regexps.dynamic.test(window.location.href)) {
                functionsArray = [
                  modules.changeCurrentUrlToVideoSubmissions
                ]
              }
              if (vals.pause_video()) functionsArray.push(modules.pauseVideoWhenLeavingCurrentPage)
            }
            if (window.location.href === 'https://www.bilibili.com/') {
              functionsArray = [
                modules.insertIndexRecommendVideoHistoryOpenButton,
                modules.setIndexRecordRecommendVideoHistory,
                modules.getIndexRecordRecommendVideoHistory,
                modules.generatorVideoCategories
              ]
            }
            utils.addEventListenerToElement()
            utils.executeFunctionsSequentially(functionsArray)
          } else {
            utils.logger.info('当前标签|未激活|等待激活')
          }
        }, 100)
        arrays.intervalIds.push(timer)
      }
      else utils.logger.warn('请登录|本脚本只能在登录状态下使用')

    }
    // #endregion 执行主函数
    // #endregion 脚本最终执行函数
  }
  modules.theMainFunction()
})();