// ==UserScript==
// @name         【移动端】bilibili优化
// @namespace    https://github.com/WhiteSevs/TamperMonkeyScript
// @version      2025.7.12.20
// @author       WhiteSevs
// @description  阻止跳转App、App端推荐视频流、解锁视频画质(番剧解锁需配合其它插件)、美化显示、去广告等
// @license      GPL-3.0-only
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAACjBJREFUeF7tnX+MHGUZx7/PbFsr3O3eNWBTaQu1RhNQEv7CBKNtQsBQTRDSJiYabNBaerP2bmcL8pcHiZH2du6u7Fx/SCmESGLQSP+QQk0aMAElMTGmsURQCQSLqcG7222ttb2dR8a700u7e/u+8850d2ae/Xee55nn+T6ffWd29p33Jcgn0wpQpquX4iEAZBwCAUAAyLgCGS9fRgABIOMKZLx8GQEEgIwrkPHyZQQQADKuQMbLlxFAAMi4Ahkvv+MjwJQ9MpyDtQ6gtT7xn5n9U/3eruE09qUba+0oALXi6DEw39Gk2Uct4l291fIbaQDhTLFyo880AuCuS+sh4GTecz7TqTo7BkDddv/AwE2tCg+EIeItSYcgaD4zPbdYrSD6ZaFaurMTEHQEgGAotGB9v13BSYdAqflzIvjwH+nEpa8jAEwX3SeI8a12AATHkwqBTvPn6nwm7zn3qWgSpU1HAKjboy8zeINqIUmDQLf5swDQK3mvtFFVk6jsOgKAzggwX2hSIAjT/MyNAKr3AM3umLv5xjBs84M6M3UPEBRcs90Xmv0saje0detIYNJ8AEcLnrOpXe1xHO/IJSAoxESwboMgybV0DIC0QJDk5s/de8QxsKjHTLKASc59wc21erPiskyikEnMuVn/OnoJWJhQkgRNUq7tvrRdA0BS7gnS1PyuuAe4lNBuFribc2v3TW91vKtGgPkku1HobswpbNMX+nUlAN12OUhr87vyEtBtN4Zpbv4VAWDadjdbwGYG1oOxAoQVAPJRDF8pjFEHYxKESYDfAvBMwSu/GGedsVwCzu4cv7nhN7YRcA8zVsVZQNpjM/AeAUdyudyhnr2DJ6KuN1IApgYq1xORbQE2A8ujTjbL8Qg47wMeM3v9E+V3o9IiMgBqtvt1ABUAK6NKTuI0VeA0QI8WvNK+KPSJBIBaccQGW9UoEpIYagoQ4XC+6tyvZt3ayhiAsP/rmyYu/v+dR3a8UHVuN9HCCICa7R4D0Gxev0lO4qungFfwnKKey/+tQwNQH3APMOE7YU8sftEpYDKdLBQAZ+zR7T54f3QlSCRTBSzQA71e6YBuHG0A/r5juGe51fv6om+66GYh9sYKBNPkzvtnPvexfcNndYJpAzBtV75HoB/qnGShbfBgwwL9Jax/mv2YeS0InwhbI4Mf7vPKj+n4awEwue2xgrVs6UkCrtM5CYDXCNiTW2L99urxob9p+mbKfGpwrC/n+zfCpx/ovDwTiMTAKTQufLZv/8NTqqJpAVArjmwCW79QDT6bFD/U55X36PiI7awCZ4rumM8Y1NGDgS19nvNTVR8tAOq2u5uBB1WD+8Tl/mrZVbUXu8sVCP5MI+A5VW0I9KO8V1L+daYFQG2g8kcQfVolGSYc6qs631axFZvFFajZbvCU1VbU6e2C56xXtFVfLJqHn1pe/2DyX6qBeam1vm9s6G1Ve7FrrcC5He6aCxbeIKBHRaf8NSs+SsNbz6vYKo8A/xwcWzUz47+vErSTrzop5pc4s7rt/oqBL6gkvmSJ9XHVm21lAOaWOTmpkgATtvdVnYMqtmKjpoDODaFFfJPqyirKANTtsdsY/qsq6frwN/Z7u15RsRUbNQWm7MrdFuh5FWuC9fm8N/Samq2KFYApe2SDBetlFXMBQEUlPZu49FceAeJKQE+G7FrHpb8AkBCmBICENCquNAWAuJRNSFwBICGNiitNASAuZRMSN9MAnCs+vnrG//caEE31XtU4RXseOtONfftH8fH8MlxY7fvce7GR++s1B0qnosozkwAEj58bDT7IzF9ZKKTJHLioGnJpnLrtlhkIFoRe8KHfUM7amt87+KbpeTMHwFTRvcVi/K6VcAw82ec5SsvNmorfzn/adg8R0HKOvj9jres/MPROuziLHc8UAO9vG77q6mU9JwBq87cmf6nglYOp6R371OzKnQC9tGgCjF/nr12zkYa3XAibaKYAmNrhftOy8FQ7sYjxdH7C2drOLs7jdXv0IIO3tTsHgx/o88ras3bn42YKAOW1hBnvFCacde3Ej/N4zXb/BOCTCuf4ccFzvqFg19QkUwDorCZe8Bzlx9lhxV/Mr2a7rBLXdDVwAaCFygLA5cLo/Bur/O2Ji8BmfZUR4HJV4tJfAFAZvxexkUtAE3F0hiAZAdQIlBFA7gFimZEllwC1L2BLK7kEyCVAfgZeyoDcA1z+rZDnABpDrfwMlJ+ByvsKyoOgFD4Imrbd3aT0FjL9vuCVbtEYXCI3rdmjrwN8a/vAvK/glQfa2zW3yNTPwGnbvZeAn7UTyyKM91adoXZ2cR6vD4xWmNhpew72v1aY2PWTtnYtDDIFQKBB3XafZ+DuxQS7OEOro5x2FaY5Su9MMp4tTDjBSqqhP5kDYO5t5GBOQKtt1Yc/vP4/ElrRCB3b7IR6LJfL3dezd/C0ySkzB8C8WHV79H6Av8zABoDeJMarZPmHVd9+NRFdx/eD7aPXfWQpl32mDQCvBXCMQMfzXulJnTitbDMLQBTipSGGAJCGLhrUIAAYiJcGVwEgDV00qEEAMBAvDa4CQBq6aFCDAGAgXhpcBYA0dNGgBgHAQLw0uAoAaeiiQQ0CgIF4aXAVANLQRYMaBAAD8dLg2nEAdJaKBWNTYcI5mgbhu6UGHQBiWSpWaeLD/9TiUsErj3WLeGnIo1Z0vwvGXpVaYlksWme5+A/3FHoi7zltF01QKUZsZhXQmSkdy3LxOhtGENGJRo6+2D8+NC0NNFegPuB+ignKC03FsmFEUIbOljEE+nneK91rXr5EmLYr+wm0XVGJeLaMmR2GNDeNAn+13ysfUUxczJooUCuO2mBW3pk93k2jQmwb5/vY2r/PeVq6q6/AtF15kEC7dTxj3TYu7MaRwWpePuHoxXMzL117uDtX+dQROU7bszvHV/qNxq1z2/PdpnOu2DeODJIx3To2eElSp6gs2TLzDSDcELbm2LeODRKTzaPDtidevyu2eXRQhmwfH28zw0S/YtvHzydXH3APMEF5i9IwRYmPmgImi2crLxHTLJWa7Qbr9N6hlqZYxaSAV/CcYtjYRgAEJ63Z7gsA7gqbgPgZKEA4Xqg6txtEUN87eLGT1IojNthSflhhkrD4zipAhMP5qtNyiXpVnYxHgPkT1Ww3eP25AmCl6snFLpQCpwF6tOCV9oXyvsQpMgCCuFMDleuJyLYAm4HlUSQoMea+8cB5H/CY2eufKL8blS6RAjCf1Nmd4zc3/MY2Au5hxqqoks1iHAbeI+BILpc71LN38ETUGsQCwMIkp213swVsZmA9GCtAWAEgH3UhKYlXB2MShEmA3wLwTMErvxhnbbEDEGfyEttcAQHAXMNERxAAEt0+8+QFAHMNEx1BAEh0+8yTFwDMNUx0BAEg0e0zT14AMNcw0REEgES3zzx5AcBcw0RHEAAS3T7z5AUAcw0THUEASHT7zJMXAMw1THQEASDR7TNPXgAw1zDREf4DSPKG2yZqlokAAAAASUVORK5CYII=
// @supportURL   https://github.com/WhiteSevs/TamperMonkeyScript/issues
// @match        *://m.bilibili.com/*
// @match        *://live.bilibili.com/*
// @match        *://www.bilibili.com/read/*
// @match        *://www.bilibili.com/h5/comment/*
// @require      https://fastly.jsdelivr.net/gh/WhiteSevs/TamperMonkeyScript@86be74b83fca4fa47521cded28377b35e1d7d2ac/lib/CoverUMD/index.js
// @require      https://fastly.jsdelivr.net/gh/WhiteSevs/TamperMonkeyScript@86be74b83fca4fa47521cded28377b35e1d7d2ac/lib/QRCode/index.umd.js
// @require      https://fastly.jsdelivr.net/npm/@whitesev/utils@2.7.0/dist/index.umd.js
// @require      https://fastly.jsdelivr.net/npm/@whitesev/domutils@1.5.11/dist/index.umd.js
// @require      https://fastly.jsdelivr.net/npm/@whitesev/pops@2.1.13/dist/index.umd.js
// @require      https://fastly.jsdelivr.net/npm/qmsg@1.3.8/dist/index.umd.js
// @require      https://fastly.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js
// @require      https://fastly.jsdelivr.net/npm/md5@2.3.0/dist/md5.min.js
// @require      https://fastly.jsdelivr.net/npm/flv.js@1.6.2/dist/flv.js
// @require      https://fastly.jsdelivr.net/npm/artplayer@5.2.3/dist/artplayer.js
// @require      https://fastly.jsdelivr.net/gh/WhiteSevs/ArtPlayer@aca6fb3795ea03b9614cd32613e2588e60470524/packages/artplayer-plugin-danmuku/dist/artplayer-plugin-danmuku.js
// @resource     ViewerCSS  https://fastly.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css
// @connect      *
// @connect      m.bilibili.com
// @connect      www.bilibili.com
// @connect      api.bilibili.com
// @connect      app.bilibili.com
// @connect      passport.bilibili.com
// @connect      hdslb.com
// @connect      aisubtitle.hdslb.com
// @grant        GM_addStyle
// @grant        GM_deleteValue
// @grant        GM_getResourceText
// @grant        GM_getValue
// @grant        GM_info
// @grant        GM_registerMenuCommand
// @grant        GM_setValue
// @grant        GM_unregisterMenuCommand
// @grant        GM_xmlhttpRequest
// @grant        unsafeWindow
// @run-at       document-start
// @downloadURL none
// ==/UserScript==

(a=>{function e(n){if(typeof n!="string")throw new TypeError("cssText must be a string");let p=document.createElement("style");return p.setAttribute("type","text/css"),p.innerHTML=n,document.head?document.head.appendChild(p):document.body?document.body.appendChild(p):document.documentElement.childNodes.length===0?document.documentElement.appendChild(p):document.documentElement.insertBefore(p,document.documentElement.childNodes[0]),p}if(typeof GM_addStyle=="function"){GM_addStyle(a);return}e(a)})(' @charset "UTF-8";.m-video2-awaken-btn,.openapp-dialog{display:none!important}.m-head .launch-app-btn.m-nav-openapp,.m-head .launch-app-btn.home-float-openapp,.m-head m-open-app{display:none!important}.m-home .launch-app-btn.home-float-openapp{display:none!important}.m-space .launch-app-btn.m-space-float-openapp,.m-space .launch-app-btn.m-nav-openapp,.m-space m-open-app:has(>.m-fixed-openapp){display:none!important}#app .video .launch-app-btn.m-video-main-launchapp:has([class^=m-video2-awaken]),#app .video .launch-app-btn.m-nav-openapp,#app .video .mplayer-widescreen-callapp,#app .video .launch-app-btn.m-float-openapp,#app .video .m-video-season-panel .launch-app-btn .open-app{display:none!important}#app.LIVE .open-app-btn.bili-btn-warp{display:none!important}#app .m-dynamic .launch-app-btn.m-nav-openapp,#app .m-dynamic .dynamic-float-openapp.dynamic-float-btn,#app .m-dynamic m-open-app:has(>.m-fixed-openapp){display:none!important}#app .m-opus .float-openapp.opus-float-btn,#app .m-opus .v-switcher .launch-app-btn.list-more,#app .m-opus .opus-nav .launch-app-btn.m-nav-openapp,#app .m-opus .m-navbar .m-nav-openapp,#app .m-opus m-open-app.m-open-app.fixed-openapp{display:none!important}#app .topic-detail .launch-app-btn.m-nav-openapp,#app .topic-detail .launch-app-btn.m-topic-float-openapp{display:none!important}#app.main-container bili-open-app.btn-download{display:none!important}#__next m-open-app[class^=TopBar_download],#__next m-open-app:has([class^=GoApp]){display:none!important}#__next m-open-app[class^=MainButton_btnWrap]{visibility:hidden!important}#app .read-app-main bili-open-app{display:none!important}#app .playlist>.open-app-wp{display:none!important}#app .playlist>.open-app-wp+div{padding-top:56.25%}html{--bili-color: #fb7299;--bili-color-rgb: 251, 114, 153} ');

(function (Qmsg, DOMUtils, Utils, pops, md5, Artplayer, artplayerPluginDanmuku, Viewer, flvjs) {
  'use strict';

  const BilibiliBeautifyCSS = '@charset "UTF-8";\r\n/* 主页 */\r\n#app .m-head {\r\n	--bg-color: #f0f1f3;\r\n	--bg-rever-color: #ffffff;\r\n	--pd-width: 1.3333vmin;\r\n	--bd-circle: 1.3333vmin;\r\n	--card-height: 30vmin;\r\n	--icon-font-size: 3.2vmin;\r\n	--icon-text-font-size: 2.6vmin;\r\n	--icon-font-margin-right: 3vmin;\r\n	--title-font-size: 2.8vmin;\r\n	background-color: var(--bg-color);\r\n}\r\n#app .m-head .m-home {\r\n	background-color: var(--bg-color);\r\n}\r\n/* 美化视频卡片 */\r\n#app .m-head .video-list .card-box .v-card {\r\n	background-color: var(--bg-rever-color);\r\n	padding: 0px;\r\n	margin: 0px;\r\n	width: calc(50% - var(--pd-width) / 2);\r\n	border-radius: var(--bd-circle);\r\n	margin-top: var(--pd-width);\r\n	display: grid;\r\n	/* 视频封面区域 */\r\n}\r\n#app .m-head .video-list .card-box .v-card .card {\r\n	background: var(--bg-rever-color);\r\n	border-radius: unset;\r\n	border-top-left-radius: var(--bd-circle);\r\n	border-top-right-radius: var(--bd-circle);\r\n	height: var(--card-height);\r\n}\r\n#app .m-head .video-list .card-box .v-card .card .count {\r\n	display: flex;\r\n	justify-content: safe flex-start;\r\n	padding-right: 0;\r\n}\r\n#app .m-head .video-list .card-box .v-card .card .count .iconfont {\r\n	font-size: var(--icon-text-font-size);\r\n}\r\n#app .m-head .video-list .card-box .v-card .card .count > span {\r\n	font-size: var(--icon-text-font-size);\r\n	margin-right: var(--icon-font-margin-right);\r\n}\r\n/* 视频标题区域 */\r\n#app .m-head .video-list .card-box .v-card .title {\r\n	padding: 0;\r\n	margin: var(--pd-width);\r\n	font-size: var(--title-font-size);\r\n}\r\n/* 两列 => 左边的 */\r\n#app .m-head .video-list .card-box .v-card:nth-child(2n-1) {\r\n	/*background-color: red;*/\r\n	margin-right: calc(var(--pd-width) / 2);\r\n}\r\n/* 两列 => 右边的 */\r\n#app .m-head .video-list .card-box .v-card:nth-child(2n) {\r\n	/*background-color: rebeccapurple;*/\r\n	margin-left: calc(var(--pd-width) / 2);\r\n}\r\n';
  const BilibiliRouter = {
    /**
     * 视频页面
     * + /video/
     */
    isVideo() {
      return window.location.pathname.startsWith("/video/");
    },
    /**
     * 番剧
     * + /bangumi/
     */
    isBangumi() {
      return window.location.pathname.startsWith("/bangumi/");
    },
    /**
     * 搜索
     * + /search
     */
    isSearch() {
      return window.location.pathname.startsWith("/search");
    },
    /**
     * 搜索结果页面
     *
     * + /search?keyword=xxx
     */
    isSearchResult() {
      let urlSearchParams = new URLSearchParams(window.location.search);
      return this.isSearch() && urlSearchParams.has("keyword");
    },
    /**
     * 直播
     * + live.bilibili.com
     */
    isLive() {
      return window.location.hostname === "live.bilibili.com";
    },
    /**
     * 专栏稿件
     * + /opus
     */
    isOpus() {
      return window.location.pathname.startsWith("/opus");
    },
    /**
     * 话题
     * + /topic-detail
     */
    isTopicDetail() {
      return window.location.pathname.startsWith("/topic-detail");
    },
    /**
     * 动态
     * + /dynamic
     */
    isDynamic() {
      return window.location.pathname.startsWith("/dynamic");
    },
    /**
     * 首页
     * + /
     * + /channel
     */
    isHead() {
      return window.location.pathname === "/" || window.location.pathname.startsWith("/channel");
    },
    /**
     * 个人空间
     * + /space
     */
    isSpace() {
      return window.location.pathname.startsWith("/space");
    },
    /**
     * 播放列表
     * + /playlist
     */
    isPlayList() {
      return window.location.pathname.startsWith("/playlist");
    }
  };
  const BilibiliPCRouter = {
    /**
     * 桌面端
     */
    isPC() {
      return window.location.hostname === "www.bilibili.com";
    },
    /**
     * 应该是动态？
     * + /read/mobile-readlist/
     * + /read/mobile?id=
     */
    isReadMobile() {
      return this.isPC() && window.location.pathname.startsWith("/read/mobile");
    }
  };
  var _GM_deleteValue = /* @__PURE__ */ (() => typeof GM_deleteValue != "undefined" ? GM_deleteValue : void 0)();
  var _GM_getResourceText = /* @__PURE__ */ (() => typeof GM_getResourceText != "undefined" ? GM_getResourceText : void 0)();
  var _GM_getValue = /* @__PURE__ */ (() => typeof GM_getValue != "undefined" ? GM_getValue : void 0)();
  var _GM_info = /* @__PURE__ */ (() => typeof GM_info != "undefined" ? GM_info : void 0)();
  var _GM_registerMenuCommand = /* @__PURE__ */ (() => typeof GM_registerMenuCommand != "undefined" ? GM_registerMenuCommand : void 0)();
  var _GM_setValue = /* @__PURE__ */ (() => typeof GM_setValue != "undefined" ? GM_setValue : void 0)();
  var _GM_unregisterMenuCommand = /* @__PURE__ */ (() => typeof GM_unregisterMenuCommand != "undefined" ? GM_unregisterMenuCommand : void 0)();
  var _GM_xmlhttpRequest = /* @__PURE__ */ (() => typeof GM_xmlhttpRequest != "undefined" ? GM_xmlhttpRequest : void 0)();
  var _unsafeWindow = /* @__PURE__ */ (() => typeof unsafeWindow != "undefined" ? unsafeWindow : void 0)();
  var _monkeyWindow = /* @__PURE__ */ (() => window)();
  const KEY = "GM_Panel";
  const ATTRIBUTE_INIT = "data-init";
  const ATTRIBUTE_KEY = "data-key";
  const ATTRIBUTE_DEFAULT_VALUE = "data-default-value";
  const ATTRIBUTE_INIT_MORE_VALUE = "data-init-more-value";
  const PROPS_STORAGE_API = "data-storage-api";
  const PanelUISize = {
    /**
     * 一般设置界面的尺寸
     */
    setting: {
      get width() {
        if (window.innerWidth < 550) {
          return "88vw";
        } else if (window.innerWidth < 700) {
          return "550px";
        } else {
          return "700px";
        }
      },
      get height() {
        if (window.innerHeight < 450) {
          return "70vh";
        } else if (window.innerHeight < 550) {
          return "450px";
        } else {
          return "550px";
        }
      }
    },
    /**
     * 信息界面，一般用于提示信息之类
     */
    info: {
      get width() {
        return window.innerWidth < 350 ? "350px" : "350px";
      },
      get height() {
        return window.innerHeight < 250 ? "250px" : "250px";
      }
    }
  };
  class StorageUtils {
    /** 存储的键名 */
    storageKey;
    listenerData;
    /**
     * 存储的键名，可以是多层的，如：a.b.c
     *
     * 那就是
     * {
     *  "a": {
     *     "b": {
     *       "c": {
     *         ...你的数据
     *       }
     *     }
     *   }
     * }
     * @param key
     */
    constructor(key) {
      if (typeof key === "string") {
        let trimKey = key.trim();
        if (trimKey == "") {
          throw new Error("key参数不能为空字符串");
        }
        this.storageKey = trimKey;
      } else {
        throw new Error("key参数类型错误，必须是字符串");
      }
      this.listenerData = new Utils.Dictionary();
    }
    /**
     * 获取本地值
     */
    getLocalValue() {
      let localValue = _GM_getValue(this.storageKey);
      if (localValue == null) {
        localValue = {};
        this.setLocalValue(localValue);
      }
      return localValue;
    }
    /**
     * 设置本地值
     * @param value
     */
    setLocalValue(value) {
      _GM_setValue(this.storageKey, value);
    }
    /**
     * 设置值
     * @param key 键
     * @param value 值
     */
    set(key, value) {
      let oldValue = this.get(key);
      let localValue = this.getLocalValue();
      Reflect.set(localValue, key, value);
      this.setLocalValue(localValue);
      this.triggerValueChangeListener(key, oldValue, value);
    }
    /**
     * 获取值
     * @param key 键
     * @param defaultValue 默认值
     */
    get(key, defaultValue) {
      let localValue = this.getLocalValue();
      return Reflect.get(localValue, key) ?? defaultValue;
    }
    /**
     * 获取所有值
     */
    getAll() {
      let localValue = this.getLocalValue();
      return localValue;
    }
    /**
     * 删除值
     * @param key 键
     */
    delete(key) {
      let oldValue = this.get(key);
      let localValue = this.getLocalValue();
      Reflect.deleteProperty(localValue, key);
      this.setLocalValue(localValue);
      this.triggerValueChangeListener(key, oldValue, void 0);
    }
    /**
     * 判断是否存在该值
     */
    has(key) {
      let localValue = this.getLocalValue();
      return Reflect.has(localValue, key);
    }
    /**
     * 获取所有键
     */
    keys() {
      let localValue = this.getLocalValue();
      return Reflect.ownKeys(localValue);
    }
    /**
     * 获取所有值
     */
    values() {
      let localValue = this.getLocalValue();
      return Reflect.ownKeys(localValue).map(
        (key) => Reflect.get(localValue, key)
      );
    }
    /**
     * 清空所有值
     */
    clear() {
      _GM_deleteValue(this.storageKey);
    }
    /**
     * 监听值改变
     * + .set
     * + .delete
     * @param key 监听的键
     * @param callback 值改变的回调函数
     */
    addValueChangeListener(key, callback) {
      let listenerId = Math.random();
      let listenerData = this.listenerData.get(key) || [];
      listenerData.push({
        id: listenerId,
        key,
        callback
      });
      this.listenerData.set(key, listenerData);
      return listenerId;
    }
    /**
     * 移除监听
     * @param listenerId 监听的id或键名
     */
    removeValueChangeListener(listenerId) {
      let flag = false;
      for (const [key, listenerData] of this.listenerData.entries()) {
        for (let index = 0; index < listenerData.length; index++) {
          const value = listenerData[index];
          if (typeof listenerId === "string" && value.key === listenerId || typeof listenerId === "number" && value.id === listenerId) {
            listenerData.splice(index, 1);
            index--;
            flag = true;
          }
        }
        this.listenerData.set(key, listenerData);
      }
      return flag;
    }
    /**
     * 主动触发监听器
     * @param key 键
     * @param oldValue （可选）旧值
     * @param newValue （可选）新值
     */
    triggerValueChangeListener(key, oldValue, newValue) {
      if (!this.listenerData.has(key)) {
        return;
      }
      let listenerData = this.listenerData.get(key);
      for (let index = 0; index < listenerData.length; index++) {
        const data2 = listenerData[index];
        if (typeof data2.callback === "function") {
          let value = this.get(key);
          let __newValue;
          let __oldValue;
          if (typeof oldValue !== "undefined" && arguments.length >= 2) {
            __oldValue = oldValue;
          } else {
            __oldValue = value;
          }
          if (typeof newValue !== "undefined" && arguments.length > 2) {
            __newValue = newValue;
          } else {
            __newValue = value;
          }
          data2.callback(key, __oldValue, __newValue);
        }
      }
    }
  }
  const PopsPanelStorageApi = new StorageUtils(KEY);
  const PanelContent = {
    $data: {
      /**
       * @private
       */
      __contentConfig: null,
      get contentConfig() {
        if (this.__contentConfig == null) {
          this.__contentConfig = new utils.Dictionary();
        }
        return this.__contentConfig;
      }
    },
    /**
     * 设置所有配置项，用于初始化默认的值
     *
     * 如果是第一组添加的话，那么它默认就是设置菜单打开的配置
     * @param configList 配置项
     */
    addContentConfig(configList) {
      if (!Array.isArray(configList)) {
        configList = [configList];
      }
      let index = this.$data.contentConfig.keys().length;
      this.$data.contentConfig.set(index, configList);
    },
    /**
     * 获取所有的配置内容，用于初始化默认的值
     */
    getAllContentConfig() {
      return this.$data.contentConfig.values().flat();
    },
    /**
     * 获取配置内容
     * @param index 配置索引
     */
    getConfig(index = 0) {
      return this.$data.contentConfig.get(index) ?? [];
    },
    /**
     * 获取默认左侧底部的配置项
     */
    getDefaultBottomContentConfig() {
      return [
        {
          id: "script-version",
          title: `版本：${_GM_info?.script?.version || "未知"}`,
          isBottom: true,
          forms: [],
          clickFirstCallback(event, rightHeaderElement, rightContainerElement) {
            let supportURL = _GM_info?.script?.supportURL || _GM_info?.script?.namespace;
            if (typeof supportURL === "string" && utils.isNotNull(supportURL)) {
              window.open(supportURL, "_blank");
            }
            return false;
          }
        }
      ];
    }
  };
  const PanelMenu = {
    $data: {
      __menuOption: [
        {
          key: "show_pops_panel_setting",
          text: "⚙ 设置",
          autoReload: false,
          isStoreValue: false,
          showText(text) {
            return text;
          },
          callback: () => {
            Panel.showPanel(PanelContent.getConfig(0));
          }
        }
      ],
      get menuOption() {
        return this.__menuOption;
      }
    },
    init() {
      this.initExtensionsMenu();
    },
    /**
     * 初始化菜单项
     */
    initExtensionsMenu() {
      if (!Panel.isTopWindow()) {
        return;
      }
      GM_Menu.add(this.$data.menuOption);
    },
    /**
     * 添加菜单项
     * @param option 菜单配置
     */
    addMenuOption(option) {
      if (!Array.isArray(option)) {
        option = [option];
      }
      this.$data.menuOption.push(...option);
    },
    /**
     * 更新菜单项
     * @param option 菜单配置
     */
    updateMenuOption(option) {
      if (!Array.isArray(option)) {
        option = [option];
      }
      option.forEach((optionItem) => {
        let findIndex = this.$data.menuOption.findIndex((it) => {
          return it.key === optionItem.key;
        });
        if (findIndex !== -1) {
          this.$data.menuOption[findIndex] = optionItem;
        }
      });
    },
    /**
     * 获取菜单项
     * @param [index=0] 索引
     */
    getMenuOption(index = 0) {
      return this.$data.menuOption[index];
    },
    /**
     * 删除菜单项
     * @param [index=0] 索引
     */
    deleteMenuOption(index = 0) {
      this.$data.menuOption.splice(index, 1);
    }
  };
  const Panel = {
    /** 数据 */
    $data: {
      /**
       * @private
       */
      __configDefaultValueData: null,
      /**
       * @private
       */
      __onceExecMenuData: null,
      /**
       * @private
       */
      __onceExecData: null,
      /**
       * @private
       */
      __panelConfig: {},
      $panel: null,
      /**
       * 菜单项的默认值
       */
      get configDefaultValueData() {
        if (this.__configDefaultValueData == null) {
          this.__configDefaultValueData = new utils.Dictionary();
        }
        return this.__configDefaultValueData;
      },
      /**
       * 成功只执行了一次的项
       */
      get onceExecMenuData() {
        if (this.__onceExecMenuData == null) {
          this.__onceExecMenuData = new utils.Dictionary();
        }
        return this.__onceExecMenuData;
      },
      /**
       * 成功只执行了一次的项
       */
      get onceExecData() {
        if (this.__onceExecData == null) {
          this.__onceExecData = new utils.Dictionary();
        }
        return this.__onceExecData;
      },
      /** 脚本名，一般用在设置的标题上 */
      get scriptName() {
        return SCRIPT_NAME;
      },
      /**
       * pops.panel的默认配置
       */
      get panelConfig() {
        return this.__panelConfig;
      },
      set panelConfig(value) {
        this.__panelConfig = value;
      },
      /** 菜单项的总值在本地数据配置的键名 */
      key: KEY,
      /** 菜单项在attributes上配置的菜单键 */
      attributeKeyName: ATTRIBUTE_KEY,
      /** 菜单项在attributes上配置的菜单默认值 */
      attributeDefaultValueName: ATTRIBUTE_DEFAULT_VALUE
    },
    init() {
      this.initContentDefaultValue();
      PanelMenu.init();
    },
    /** 判断是否是顶层窗口 */
    isTopWindow() {
      return _unsafeWindow.top === _unsafeWindow.self;
    },
    /** 初始化菜单项的默认值保存到本地数据中 */
    initContentDefaultValue() {
      const initDefaultValue = (config) => {
        if (!config.attributes) {
          return;
        }
        if (config.type === "button" || config.type === "forms" || config.type === "deepMenu") {
          return;
        }
        let needInitConfig = {};
        let key = config.attributes[ATTRIBUTE_KEY];
        if (key != null) {
          needInitConfig[key] = config.attributes[ATTRIBUTE_DEFAULT_VALUE];
        }
        let __attr_init__ = config.attributes[ATTRIBUTE_INIT];
        if (typeof __attr_init__ === "function") {
          let __attr_result__ = __attr_init__();
          if (typeof __attr_result__ === "boolean" && !__attr_result__) {
            return;
          }
        }
        let initMoreValue = config.attributes[ATTRIBUTE_INIT_MORE_VALUE];
        if (initMoreValue && typeof initMoreValue === "object") {
          Object.assign(needInitConfig, initMoreValue);
        }
        let needInitConfigList = Object.keys(needInitConfig);
        if (!needInitConfigList.length) {
          log$1.warn(["请先配置键", config]);
          return;
        }
        needInitConfigList.forEach((__key) => {
          let __defaultValue = needInitConfig[__key];
          this.setDefaultValue(__key, __defaultValue);
        });
      };
      const loopInitDefaultValue = (configList) => {
        for (let index = 0; index < configList.length; index++) {
          let configItem = configList[index];
          initDefaultValue(configItem);
          let childForms = configItem.forms;
          if (childForms && Array.isArray(childForms)) {
            loopInitDefaultValue(childForms);
          }
        }
      };
      const contentConfigList = [...PanelContent.getAllContentConfig()];
      for (let index = 0; index < contentConfigList.length; index++) {
        let leftContentConfigItem = contentConfigList[index];
        if (!leftContentConfigItem.forms) {
          continue;
        }
        const rightContentConfigList = leftContentConfigItem.forms;
        if (rightContentConfigList && Array.isArray(rightContentConfigList)) {
          loopInitDefaultValue(rightContentConfigList);
        }
      }
    },
    /**
     * 设置初始化使用的默认值
     */
    setDefaultValue(key, defaultValue) {
      if (this.$data.configDefaultValueData.has(key)) {
        log$1.warn("请检查该key(已存在): " + key);
      }
      this.$data.configDefaultValueData.set(key, defaultValue);
    },
    /**
     * 设置值
     * @param key 键
     * @param value 值
     */
    setValue(key, value) {
      PopsPanelStorageApi.set(key, value);
    },
    /**
     * 获取值
     * @param key 键
     * @param defaultValue 默认值
     */
    getValue(key, defaultValue) {
      let localValue = PopsPanelStorageApi.get(key);
      if (localValue == null) {
        if (this.$data.configDefaultValueData.has(key)) {
          return this.$data.configDefaultValueData.get(key);
        }
        return defaultValue;
      }
      return localValue;
    },
    /**
     * 删除值
     * @param key 键
     */
    deleteValue(key) {
      PopsPanelStorageApi.delete(key);
    },
    /**
     * 判断该键是否存在
     * @param key 键
     */
    hasKey(key) {
      return PopsPanelStorageApi.has(key);
    },
    /**
     * 监听调用setValue、deleteValue
     * @param key 需要监听的键
     * @param callback
     */
    addValueChangeListener(key, callback) {
      let listenerId = PopsPanelStorageApi.addValueChangeListener(
        key,
        (__key, __newValue, __oldValue) => {
          callback(key, __oldValue, __newValue);
        }
      );
      return listenerId;
    },
    /**
     * 移除监听
     * @param listenerId 监听的id
     */
    removeValueChangeListener(listenerId) {
      PopsPanelStorageApi.removeValueChangeListener(listenerId);
    },
    /**
     * 主动触发菜单值改变的回调
     * @param key 菜单键
     * @param newValue 想要触发的新值，默认使用当前值
     * @param oldValue 想要触发的旧值，默认使用当前值
     */
    triggerMenuValueChange(key, newValue, oldValue) {
      PopsPanelStorageApi.triggerValueChangeListener(key, oldValue, newValue);
    },
    /**
     * 移除已执行的仅执行一次的菜单
     * @param key 键
     */
    deleteExecMenuOnce(key) {
      this.$data.onceExecMenuData.delete(key);
      let flag = PopsPanelStorageApi.removeValueChangeListener(key);
      return flag;
    },
    /**
     * 移除已执行的仅执行一次的菜单
     * @param key 键
     */
    deleteOnceExec(key) {
      this.$data.onceExecData.delete(key);
    },
    /**
     * 执行菜单
     *
     * @param queryKey 键|键数组
     * @param callback 执行的回调函数
     * @param checkExec 判断是否执行回调
     *
     * （默认）如果想要每个菜单是`与`关系，即每个菜单都判断为开启，那么就判断它们的值&就行
     *
     * 如果想要任意菜单存在true再执行，那么判断它们的值|就行
     *
     * + 返回值都为`true`，执行回调，如果回调返回了<style>元素，该元素会在监听到值改变时被移除掉
     * + 返回值有一个为`false`，则不执行回调，且移除之前回调函数返回的<style>元素
     * @param once 是否只执行一次，默认true
     *
     * + true （默认）只执行一次，且会监听键的值改变
     * + false 不会监听键的值改变
     */
    exec(queryKey, callback, checkExec, once = true) {
      const that = this;
      let queryKeyFn;
      if (typeof queryKey === "string" || Array.isArray(queryKey)) {
        queryKeyFn = () => queryKey;
      } else {
        queryKeyFn = queryKey;
      }
      let isArrayKey = false;
      let queryKeyResult = queryKeyFn();
      let keyList = [];
      if (Array.isArray(queryKeyResult)) {
        isArrayKey = true;
        keyList = queryKeyResult;
      } else {
        keyList.push(queryKeyResult);
      }
      let findNotInDataKey = keyList.find(
        (it) => !this.$data.configDefaultValueData.has(it)
      );
      if (findNotInDataKey) {
        log$1.warn(`${findNotInDataKey} 键不存在`);
        return;
      }
      let storageKey = JSON.stringify(keyList);
      if (once) {
        if (this.$data.onceExecMenuData.has(storageKey)) {
          return;
        }
        this.$data.onceExecMenuData.set(storageKey, 1);
      }
      let storeValueList = [];
      let listenerIdList = [];
      let dynamicAddStyleNodeCallback = (value, $style) => {
        let dynamicResultList = [];
        if (!Array.isArray($style)) {
          $style = [$style];
        }
        $style.forEach(($styleItem) => {
          if ($styleItem == null) {
            return;
          }
          if ($styleItem instanceof HTMLStyleElement) {
            dynamicResultList.push($styleItem);
            return;
          }
        });
        {
          storeValueList = storeValueList.concat(dynamicResultList);
        }
      };
      let getMenuValue = (key) => {
        let value = this.getValue(key);
        return value;
      };
      let clearBeforeStoreValue = () => {
        for (let index = 0; index < storeValueList.length; index++) {
          let $css = storeValueList[index];
          $css.remove();
          storeValueList.splice(index, 1);
          index--;
        }
      };
      let checkMenuExec = () => {
        let flag = false;
        if (typeof checkExec === "function") {
          flag = checkExec(keyList);
        } else {
          flag = keyList.every((key) => getMenuValue(key));
        }
        return flag;
      };
      let valueChangeCallback = (valueOption) => {
        let execFlag = checkMenuExec();
        let resultList = [];
        if (execFlag) {
          let valueList = keyList.map((key) => this.getValue(key));
          let callbackResult = callback({
            value: isArrayKey ? valueList : valueList[0],
            addStyleElement: (...args) => {
              return dynamicAddStyleNodeCallback(true, ...args);
            }
          });
          if (!Array.isArray(callbackResult)) {
            callbackResult = [callbackResult];
          }
          callbackResult.forEach((it) => {
            if (it == null) {
              return;
            }
            if (it instanceof HTMLStyleElement) {
              resultList.push(it);
              return;
            }
          });
        }
        clearBeforeStoreValue();
        storeValueList = [...resultList];
      };
      once && keyList.forEach((key) => {
        let listenerId = this.addValueChangeListener(
          key,
          (key2, newValue, oldValue) => {
            valueChangeCallback();
          }
        );
        listenerIdList.push(listenerId);
      });
      valueChangeCallback();
      let result = {
        /**
         * 清空菜单执行情况
         *
         * + 清空存储的元素列表
         * + 清空值改变的监听器
         * + 清空存储的一次执行的键
         */
        clear() {
          this.clearStoreStyleElements();
          this.removeValueChangeListener();
          once && that.$data.onceExecMenuData.delete(storageKey);
        },
        /**
         * 清空存储的元素列表
         */
        clearStoreStyleElements: () => {
          return clearBeforeStoreValue();
        },
        /**
         * 移除值改变的监听器
         */
        removeValueChangeListener: () => {
          listenerIdList.forEach((listenerId) => {
            this.removeValueChangeListener(listenerId);
          });
        }
      };
      return result;
    },
    /**
     * 自动判断菜单是否启用，然后执行回调
     * @param key
     * @param callback 回调
     * @param [isReverse=false] 逆反判断菜单启用
     */
    execMenu(key, callback, isReverse = false) {
      return this.exec(
        key,
        (option) => {
          return callback(option);
        },
        (keyList) => {
          let execFlag = keyList.every((__key__) => {
            let flag = !!this.getValue(__key__);
            isReverse && (flag = !flag);
            return flag;
          });
          return execFlag;
        },
        false
      );
    },
    /**
     * 自动判断菜单是否启用，然后执行回调，只会执行一次
     *
     * 它会自动监听值改变（设置中的修改），改变后如果未执行，则执行一次
     * @param key
     * @param callback 回调
     * @param getValueFn 自定义处理获取当前值，值true是启用并执行回调，值false是不执行回调
     * @param handleValueChangeFn 自定义处理值改变时的回调，值true是启用并执行回调，值false是不执行回调
     */
    execMenuOnce(key, callback) {
      return this.exec(
        key,
        callback,
        (keyList) => {
          let execFlag = keyList.every((__key__) => {
            let flag = !!this.getValue(__key__);
            return flag;
          });
          return execFlag;
        },
        true
      );
    },
    /**
     * 根据key执行一次
     * @param key 键
     * @param callback 回调
     */
    onceExec(key, callback) {
      if (typeof key !== "string") {
        throw new TypeError("key 必须是字符串");
      }
      if (this.$data.onceExecData.has(key)) {
        return;
      }
      callback();
      this.$data.onceExecData.set(key, 1);
    },
    /**
     * 显示设置面板
     * @param content 显示的内容配置
     * @param [title] 标题
     * @param [preventDefaultContentConfig=false] 是否阻止默认添加内容配置（版本号）
     */
    showPanel(content, title = `${SCRIPT_NAME}-设置`, preventDefaultContentConfig = false) {
      let notHasBottomVersionContentConfig = content.some((it) => {
        let isBottom = typeof it.isBottom === "function" ? it.isBottom() : Boolean(it.isBottom);
        return !isBottom && it.id !== "script-version";
      });
      if (!preventDefaultContentConfig && notHasBottomVersionContentConfig) {
        content.push(...PanelContent.getDefaultBottomContentConfig());
      }
      let $panel = __pops.panel({
        ...{
          title: {
            text: title,
            position: "center",
            html: false,
            style: ""
          },
          content,
          btn: {
            close: {
              enable: true,
              callback: (details, event) => {
                details.close();
                this.$data.$panel = null;
              }
            }
          },
          mask: {
            enable: true,
            clickEvent: {
              toClose: true,
              toHide: false
            },
            clickCallBack: (originalRun, config) => {
              originalRun();
              this.$data.$panel = null;
            }
          },
          width: PanelUISize.setting.width,
          height: PanelUISize.setting.height,
          drag: true,
          only: true
        },
        ...this.$data.panelConfig
      });
      this.$data.$panel = $panel;
    }
  };
  const CommonUtil = {
    /**
     * 移除元素（未出现也可以等待出现）
     * @param selector 元素选择器
     */
    waitRemove(...args) {
      args.forEach((selector) => {
        if (typeof selector !== "string") {
          return;
        }
        utils.waitNodeList(selector).then((nodeList) => {
          nodeList.forEach(($el) => $el.remove());
        });
      });
    },
    /**
     * 添加屏蔽CSS
     * @param args
     * @example
     * addBlockCSS("")
     * addBlockCSS("","")
     * addBlockCSS(["",""])
     */
    addBlockCSS(...args) {
      let selectorList = [];
      if (args.length === 0) {
        return;
      }
      if (args.length === 1 && typeof args[0] === "string" && args[0].trim() === "") {
        return;
      }
      args.forEach((selector) => {
        if (Array.isArray(selector)) {
          selectorList = selectorList.concat(selector);
        } else {
          selectorList.push(selector);
        }
      });
      return addStyle(`${selectorList.join(",\n")}{display: none !important;}`);
    },
    /**
     * 设置GM_getResourceText的style内容
     * @param resourceMapData 资源数据
     * @example
     * setGMResourceCSS({
     *   keyName: "ViewerCSS",
     *   url: "https://example.com/example.css",
     * })
     */
    setGMResourceCSS(resourceMapData) {
      let cssText = typeof _GM_getResourceText === "function" ? _GM_getResourceText(resourceMapData.keyName) : null;
      if (typeof cssText === "string" && cssText) {
        addStyle(cssText);
      } else {
        CommonUtil.loadStyleLink(resourceMapData.url);
      }
    },
    /**
     * 添加<link>标签
     * @param url
     * @example
     * loadStyleLink("https://example.com/example.css")
     */
    async loadStyleLink(url) {
      let $link = document.createElement("link");
      $link.rel = "stylesheet";
      $link.type = "text/css";
      $link.href = url;
      DOMUtils.ready(() => {
        document.head.appendChild($link);
      });
    },
    /**
     * 添加<script>标签
     * @param url
     * @example
     * loadStyleLink("https://example.com/example.js")
     */
    async loadScript(url) {
      let $script = document.createElement("script");
      $script.src = url;
      return new Promise((resolve) => {
        $script.onload = () => {
          resolve(null);
        };
        (document.head || document.documentElement).appendChild($script);
      });
    },
    /**
     * 将url修复，例如只有search的链接修复为完整的链接
     *
     * 注意：不包括http转https
     * @param url 需要修复的链接
     * @example
     * 修复前：`/xxx/xxx?ss=ssss`
     * 修复后：`https://xxx.xxx.xxx/xxx/xxx?ss=ssss`
     * @example
     * 修复前：`//xxx/xxx?ss=ssss`
     * 修复后：`https://xxx.xxx.xxx/xxx/xxx?ss=ssss`
     * @example
     * 修复前：`https://xxx.xxx.xxx/xxx/xxx?ss=ssss`
     * 修复后：`https://xxx.xxx.xxx/xxx/xxx?ss=ssss`
     * @example
     * 修复前：`xxx/xxx?ss=ssss`
     * 修复后：`https://xxx.xxx.xxx/xxx/xxx?ss=ssss`
     */
    fixUrl(url) {
      url = url.trim();
      if (url.match(/^http(s|):\/\//i)) {
        return url;
      } else {
        if (!url.startsWith("/")) {
          url += "/";
        }
        url = window.location.origin + url;
        return url;
      }
    },
    /**
     * http转https
     * @param url 需要修复的链接
     * @example
     * 修复前：
     * 修复后：
     * @example
     * 修复前：
     * 修复后：
     */
    fixHttps(url) {
      if (url.startsWith("https://")) {
        return url;
      }
      if (!url.startsWith("http://")) {
        return url;
      }
      let urlInstance = new URL(url);
      urlInstance.protocol = "https:";
      return urlInstance.toString();
    },
    /**
     * 禁止页面滚动，默认锁定html和body
     * @example
     * lockScroll();
     * @example
     * lockScroll(document.body);
     */
    lockScroll(...args) {
      let $hidden = document.createElement("style");
      $hidden.innerHTML = /*css*/
      `
			.pops-overflow-hidden-important {
				overflow: hidden !important;
			}
		`;
      let $elList = [document.documentElement, document.body].concat(
        ...args || []
      );
      $elList.forEach(($el) => {
        $el.classList.add("pops-overflow-hidden-important");
      });
      (document.head || document.documentElement).appendChild($hidden);
      return {
        /**
         * 解除锁定
         */
        recovery() {
          $elList.forEach(($el) => {
            $el.classList.remove("pops-overflow-hidden-important");
          });
          $hidden.remove();
        }
      };
    },
    /**
     * 获取剪贴板文本
     */
    async getClipboardText() {
      function readClipboardText(resolve) {
        navigator.clipboard.readText().then((clipboardText) => {
          resolve(clipboardText);
        }).catch((error) => {
          log$1.error("读取剪贴板内容失败👉", error);
          resolve("");
        });
      }
      function requestPermissionsWithClipboard(resolve) {
        navigator.permissions.query({
          // @ts-ignore
          name: "clipboard-read"
        }).then((permissionStatus) => {
          readClipboardText(resolve);
        }).catch((error) => {
          log$1.error(
            "申请剪贴板权限失败，尝试直接读取👉",
            error.message ?? error.name ?? error.stack
          );
          readClipboardText(resolve);
        });
      }
      function checkClipboardApi() {
        if (typeof navigator?.clipboard?.readText !== "function") {
          return false;
        }
        if (typeof navigator?.permissions?.query !== "function") {
          return false;
        }
        return true;
      }
      return new Promise((resolve) => {
        if (!checkClipboardApi()) {
          resolve("");
          return;
        }
        if (document.hasFocus()) {
          requestPermissionsWithClipboard(resolve);
        } else {
          window.addEventListener(
            "focus",
            () => {
              requestPermissionsWithClipboard(resolve);
            },
            {
              once: true
            }
          );
        }
      });
    },
    /**
     * html转义
     * @param unsafe
     */
    escapeHtml(unsafe) {
      return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;").replace(/©/g, "&copy;").replace(/®/g, "&reg;").replace(/™/g, "&trade;").replace(/→/g, "&rarr;").replace(/←/g, "&larr;").replace(/↑/g, "&uarr;").replace(/↓/g, "&darr;").replace(/—/g, "&mdash;").replace(/–/g, "&ndash;").replace(/…/g, "&hellip;").replace(/ /g, "&nbsp;").replace(/\r\n/g, "<br>").replace(/\r/g, "<br>").replace(/\n/g, "<br>").replace(/\t/g, "&nbsp;&nbsp;&nbsp;&nbsp;");
    }
  };
  const GM_RESOURCE_MAPPING = {
    Viewer: {
      keyName: "ViewerCSS",
      url: "https://fastly.jsdelivr.net/npm/viewerjs@latest/dist/viewer.min.css"
    }
  };
  const PanelSettingConfig = {
    /** Toast位置 */
    qmsg_config_position: {
      key: "qmsg-config-position",
      defaultValue: "bottom"
    },
    /** 最多显示的数量 */
    qmsg_config_maxnums: {
      key: "qmsg-config-maxnums",
      defaultValue: 3
    },
    /** 逆序弹出 */
    qmsg_config_showreverse: {
      key: "qmsg-config-showreverse",
      defaultValue: false
    }
  };
  const utils = Utils.noConflict();
  const domUtils = DOMUtils.noConflict();
  const __pops = pops;
  const log$1 = new utils.Log(
    _GM_info,
    _unsafeWindow.console || _monkeyWindow.console
  );
  let SCRIPT_NAME = _GM_info?.script?.name || void 0;
  pops.config.Utils.AnyTouch();
  const DEBUG = false;
  log$1.config({
    debug: DEBUG,
    logMaxCount: 1e3,
    autoClearConsole: true,
    tag: true
  });
  Qmsg.config(
    Object.defineProperties(
      {
        html: true,
        autoClose: true,
        showClose: false
      },
      {
        position: {
          get() {
            return Panel.getValue(
              PanelSettingConfig.qmsg_config_position.key,
              PanelSettingConfig.qmsg_config_position.defaultValue
            );
          }
        },
        maxNums: {
          get() {
            return Panel.getValue(
              PanelSettingConfig.qmsg_config_maxnums.key,
              PanelSettingConfig.qmsg_config_maxnums.defaultValue
            );
          }
        },
        showReverse: {
          get() {
            return Panel.getValue(
              PanelSettingConfig.qmsg_config_showreverse.key,
              PanelSettingConfig.qmsg_config_showreverse.defaultValue
            );
          }
        },
        zIndex: {
          get() {
            let maxZIndex = Utils.getMaxZIndex();
            let popsMaxZIndex = pops.config.InstanceUtils.getPopsMaxZIndex().zIndex;
            return Utils.getMaxValue(maxZIndex, popsMaxZIndex) + 100;
          }
        }
      }
    )
  );
  __pops.GlobalConfig.setGlobalConfig({
    zIndex: () => {
      let maxZIndex = Utils.getMaxZIndex(void 0, void 0, ($ele) => {
        if ($ele?.classList?.contains("qmsg-shadow-container")) {
          return false;
        }
        if ($ele?.closest("qmsg") && $ele.getRootNode() instanceof ShadowRoot) {
          return false;
        }
      });
      let popsMaxZIndex = pops.config.InstanceUtils.getPopsMaxZIndex().zIndex;
      return Utils.getMaxValue(maxZIndex, popsMaxZIndex) + 100;
    },
    mask: {
      // 开启遮罩层
      enable: true,
      // 取消点击遮罩层的事件
      clickEvent: {
        toClose: false,
        toHide: false
      }
    }
  });
  const GM_Menu = new utils.GM_Menu({
    GM_getValue: _GM_getValue,
    GM_setValue: _GM_setValue,
    GM_registerMenuCommand: _GM_registerMenuCommand,
    GM_unregisterMenuCommand: _GM_unregisterMenuCommand
  });
  const httpx = new utils.Httpx({
    xmlHttpRequest: _GM_xmlhttpRequest,
    logDetails: DEBUG
  });
  httpx.interceptors.request.use((data2) => {
    return data2;
  });
  httpx.interceptors.response.use(void 0, (data2) => {
    log$1.error("拦截器-请求错误", data2);
    if (data2.type === "onabort") {
      Qmsg.warning("请求取消", { consoleLogContent: true });
    } else if (data2.type === "onerror") {
      Qmsg.error("请求异常", { consoleLogContent: true });
    } else if (data2.type === "ontimeout") {
      Qmsg.error("请求超时", { consoleLogContent: true });
    } else {
      Qmsg.error("其它错误", { consoleLogContent: true });
    }
    return data2;
  });
  const OriginPrototype = {
    Object: {
      defineProperty: _unsafeWindow.Object.defineProperty
    },
    Function: {
      apply: _unsafeWindow.Function.prototype.apply,
      call: _unsafeWindow.Function.prototype.call
    },
    Element: {
      appendChild: _unsafeWindow.Element.prototype.appendChild
    },
    setTimeout: _unsafeWindow.setTimeout
  };
  const addStyle = utils.addStyle.bind(utils);
  const $ = document.querySelector.bind(document);
  const $$ = document.querySelectorAll.bind(document);
  const cookieManager = new utils.GM_Cookie();
  const QRCodeJS = _monkeyWindow.QRCode || _unsafeWindow.QRCode;
  const VueUtils = {
    /**
     * 获取vue2实例
     * @param $el
     */
    getVue($el) {
      if ($el == null) {
        return;
      }
      return $el["__vue__"] || $el["__Ivue__"] || $el["__IVue__"];
    },
    /**
     * 获取vue3实例
     * @param $el
     */
    getVue3($el) {
      if ($el == null) {
        return;
      }
      return $el["__vueParentComponent"];
    },
    /**
     * 等待vue属性并进行设置
     * @param $el 目标对象
     * @param checkOption 需要设置的配置
     */
    waitVuePropToSet($el, checkOption) {
      if (!Array.isArray(checkOption)) {
        checkOption = [checkOption];
      }
      function getTarget() {
        let __target__ = null;
        if (typeof $el === "string") {
          __target__ = domUtils.selector($el);
        } else if (typeof $el === "function") {
          __target__ = $el();
        } else if ($el instanceof HTMLElement) {
          __target__ = $el;
        }
        return __target__;
      }
      checkOption.forEach((needSetOption) => {
        if (typeof needSetOption.msg === "string") {
          log$1.info(needSetOption.msg);
        }
        function checkTarget() {
          let $targetEl = getTarget();
          if ($targetEl == null) {
            return {
              status: false,
              isTimeout: true,
              inst: null,
              $el: $targetEl
            };
          }
          let vueInst = VueUtils.getVue($targetEl);
          if (vueInst == null) {
            return {
              status: false,
              isTimeout: false,
              inst: null,
              $el: $targetEl
            };
          }
          let checkResult = needSetOption.check(vueInst, $targetEl);
          checkResult = Boolean(checkResult);
          return {
            status: checkResult,
            isTimeout: false,
            inst: vueInst,
            $el: $targetEl
          };
        }
        utils.waitVueByInterval(
          () => {
            return getTarget();
          },
          () => checkTarget().status,
          250,
          1e4
        ).then((result) => {
          let checkTargetResult = checkTarget();
          if (checkTargetResult.status) {
            let vueInst = checkTargetResult.inst;
            needSetOption.set(vueInst, checkTargetResult.$el);
          } else {
            if (typeof needSetOption.failWait === "function") {
              needSetOption.failWait(checkTargetResult.isTimeout);
            }
          }
        });
      });
    },
    /**
     * 观察vue属性的变化
     * @param $el 目标对象
     * @param key 需要观察的属性
     * @param callback 监听回调
     * @param watchConfig 监听配置
     * @param failWait 当检测失败/超时触发该回调
     */
    watchVuePropChange($el, key, callback, watchConfig, failWait) {
      let config = utils.assign(
        {
          immediate: true,
          deep: false
        },
        watchConfig || {}
      );
      return new Promise((resolve) => {
        VueUtils.waitVuePropToSet($el, {
          check(vueInstance) {
            return typeof vueInstance?.$watch === "function";
          },
          set(vueInstance) {
            let removeWatch = null;
            if (typeof key === "function") {
              removeWatch = vueInstance.$watch(
                () => {
                  return key(vueInstance);
                },
                (newValue, oldValue) => {
                  callback(vueInstance, newValue, oldValue);
                },
                config
              );
            } else {
              removeWatch = vueInstance.$watch(
                key,
                (newValue, oldValue) => {
                  callback(vueInstance, newValue, oldValue);
                },
                config
              );
            }
            resolve(removeWatch);
          },
          failWait
        });
      });
    },
    /**
     * 前往网址
     * @param $el 包含vue属性的元素
     * @param path 需要跳转的路径
     * @param [useRouter=false] 是否强制使用Vue的Router来进行跳转，默认false
     */
    goToUrl($el, path, useRouter = false) {
      if ($el == null) {
        Qmsg.error("跳转Url: $vueNode为空");
        log$1.error("跳转Url: $vueNode为空：" + path);
        return;
      }
      let vueInstance = VueUtils.getVue($el);
      if (vueInstance == null) {
        Qmsg.error("获取vue属性失败", { consoleLogContent: true });
        return;
      }
      let $router = vueInstance.$router;
      let isBlank = true;
      log$1.info("即将跳转URL：" + path);
      if (useRouter) {
        isBlank = false;
      }
      if (isBlank) {
        window.open(path, "_blank");
      } else {
        if (path.startsWith("http") || path.startsWith("//")) {
          if (path.startsWith("//")) {
            path = window.location.protocol + path;
          }
          let urlObj = new URL(path);
          if (urlObj.origin === window.location.origin) {
            path = urlObj.pathname + urlObj.search + urlObj.hash;
          } else {
            log$1.info("不同域名，直接本页打开，不用Router：" + path);
            window.location.href = path;
            return;
          }
        }
        log$1.info("$router push跳转Url：" + path);
        $router.push(path);
      }
    },
    /**
     * 手势返回
     * @param option 配置
     */
    hookGestureReturnByVueRouter(option) {
      function popstateEvent() {
        log$1.success("触发popstate事件");
        resumeBack(true);
      }
      function banBack() {
        log$1.success("监听地址改变");
        option.vueInst.$router.history.push(option.hash);
        domUtils.on(_unsafeWindow, "popstate", popstateEvent);
      }
      async function resumeBack(isFromPopState = false) {
        domUtils.off(_unsafeWindow, "popstate", popstateEvent);
        let callbackResult = option.callback(isFromPopState);
        if (callbackResult) {
          return;
        }
        while (1) {
          if (option.vueInst.$router.history.current.hash === option.hash) {
            log$1.info("后退！");
            option.vueInst.$router.back();
            await utils.sleep(250);
          } else {
            return;
          }
        }
      }
      banBack();
      return {
        resumeBack
      };
    }
  };
  const BilibiliUtils = {
    /**
     * 前往网址
     * @param path
     * @param [useRouter=false] 是否强制使用Router，默认false
     */
    goToUrl(path, useRouter = false) {
      let isGoToUrlBlank = Panel.getValue("bili-go-to-url-blank");
      log$1.info("即将跳转URL：" + path);
      if (useRouter) {
        isGoToUrlBlank = false;
      }
      if (isGoToUrlBlank) {
        window.open(path, "_blank");
      } else {
        if (path.startsWith("http") || path.startsWith("//")) {
          if (path.startsWith("//")) {
            path = window.location.protocol + path;
          }
          let urlObj = new URL(path);
          if (urlObj.origin === window.location.origin) {
            path = urlObj.pathname + urlObj.search + urlObj.hash;
          } else {
            log$1.info("不同域名，直接本页打开，不用Router：" + path);
            window.location.href = path;
            return;
          }
        }
        log$1.info("$router push跳转Url：" + path);
        let $app = $("#app");
        if ($app == null) {
          if (!useRouter) {
            window.location.href = path;
            return;
          }
          Qmsg.error("跳转Url: 获取根元素#app失败");
          log$1.error("跳转Url: 获取根元素#app失败：" + path);
          return;
        }
        let vueInstance = VueUtils.getVue($app);
        if (vueInstance == null) {
          if (!useRouter) {
            window.location.href = path;
            return;
          }
          log$1.error("获取#app的vue属性失败");
          Qmsg.error("获取#app的vue属性失败");
          return;
        }
        let $router = vueInstance.$router;
        $router.push(path);
      }
    },
    /**
     * 前往登录
     */
    goToLogin(fromUrl = "") {
      window.open(
        `https://passport.bilibili.com/h5-app/passport/login?gourl=${encodeURIComponent(
        fromUrl
      )}`
      );
    },
    /**
     * 转换时长为显示的时长
     *
     * + 30 => 0:30
     * + 120 => 2:00
     * + 14400 => 4:00:00
     * @param duration 秒
     */
    parseDuration(duration) {
      if (typeof duration !== "number") {
        duration = parseInt(duration);
      }
      if (isNaN(duration)) {
        return duration.toString();
      }
      function zeroPadding(num) {
        if (num < 10) {
          return `0${num}`;
        } else {
          return num;
        }
      }
      if (duration < 60) {
        return `0:${zeroPadding(duration)}`;
      } else if (duration >= 60 && duration < 3600) {
        return `${Math.floor(duration / 60)}:${zeroPadding(duration % 60)}`;
      } else {
        return `${Math.floor(duration / 3600)}:${zeroPadding(
        Math.floor(duration / 60) % 60
      )}:${zeroPadding(duration % 60)}`;
      }
    },
    /**
     * 转换显示的文本
     *
     * 如：播放量、弹幕量、点赞、投币、收藏、转发
     *
     * 播放量：114514
     *
     * ↓
     *
     * 播放量：114.5万
     */
    parseCount(count) {
      let countText = count.toString();
      if (count > 1e4) {
        let roundNum = (count / 1e4).toFixed(2).slice(0, -1);
        if (roundNum.endsWith(".0")) {
          roundNum = roundNum.slice(0, -2);
        }
        countText = `${roundNum}万`;
      } else if (count > 1e4 * 1e4) {
        let roundNum = (count / (1e4 * 1e4)).toFixed(2).slice(0, -1);
        if (roundNum.endsWith(".0")) {
          roundNum = roundNum.slice(0, -2);
        }
        countText = `${roundNum}亿`;
      }
      return countText;
    },
    /**
     * 手势返回
     */
    hookGestureReturnByVueRouter(option) {
      function popstateEvent() {
        log$1.success("触发popstate事件");
        resumeBack(true);
      }
      function banBack() {
        log$1.success("监听地址改变");
        option.vueObj.$router.history.push(option.hash);
        domUtils.on(window, "popstate", popstateEvent);
      }
      async function resumeBack(isFromPopState = false) {
        domUtils.off(window, "popstate", popstateEvent);
        let callbackResult = option.callback(isFromPopState);
        if (callbackResult) {
          return;
        }
        while (1) {
          if (option.vueObj.$router.history.current.hash === option.hash) {
            log$1.info("后退！");
            option.vueObj.$router.back();
            await utils.sleep(250);
          } else {
            return;
          }
        }
      }
      banBack();
      return {
        resumeBack
      };
    },
    /**
     * 固定meta viewport缩放倍率为1
     */
    initialScale() {
      log$1.info("设置<meta>的viewport固定缩放倍率为1并移除页面原有的<meta>");
      domUtils.ready(() => {
        let meta = domUtils.createElement(
          "meta",
          {},
          {
            name: "viewport",
            content: "width=device-width,initial-scale=1,user-scalable=no,viewport-fit=cover"
          }
        );
        domUtils.remove("meta[name='viewport']");
        utils.waitNode("head").then(() => {
          document.head.appendChild(meta);
        });
      });
    }
  };
  const BilibiliUrl = {
    /**
     * 获取用户个人空间链接
     * @param userId 用户id
     */
    getUserSpaceUrl(userId) {
      return `https://m.bilibili.com/space/${userId}`;
    },
    /**
     * 获取用户个人空间动态链接-dynamic
     * @param id 该动态的id
     */
    getUserSpaceDynamicUrl(id) {
      return `https://m.bilibili.com/dynamic/${id}`;
    },
    /**
     * 获取用户个人空间动态链接-opus
     * @param id 该动态的id
     */
    getUserSpaceOpusUrl(id) {
      return `https://m.bilibili.com/opus/${id}`;
    },
    /**
     * 获取视频链接
     * @param id bv/av号
     */
    getVideoUrl(id) {
      return `https://m.bilibili.com/video/${id}`;
    }
  };
  const BilibiliData = {
    className: {
      bangumi: "#app.main-container",
      bangumi_new: "body > #__next",
      dynamic: "#app .m-dynamic",
      opus: "#app .m-opus",
      video: "#app .video",
      mVideo: "#app .m-video",
      head: "#app .m-head",
      playlist: "#app .playlist",
      space: "#app .m-space"
    },
    /** 主题色 */
    theme: "#FB7299"
  };
  const BilibiliPCData = {
    className: {
      read: {
        mobile: "#app .read-app-main"
      }
    }
  };
  const artPlayerCSS$1 = ".artplayer-container {\r\n	position: absolute;\r\n	width: 100%;\r\n	height: 100%;\r\n	top: 0;\r\n	left: 0;\r\n	overflow: hidden;\r\n}";
  const artPlayerCommonCSS = "/* 设置播放器基础宽高 */\r\n#artplayer {\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n/* 通用隐藏class */\r\n.art-video-player .art-common-hide {\r\n	display: none !important;\r\n}\r\n/* 设置播放器基础宽高 */\r\n.art-video-player {\r\n	width: 100% !important;\r\n}\r\n/* 播放时隐藏进度条 */\r\n.art-hide-cursor .art-progress {\r\n	display: none !important;\r\n}\r\n/* 不知道为什么背景模糊了 */\r\n.art-video-player.art-backdrop .art-settings {\r\n	backdrop-filter: unset !important;\r\n}\r\n/* 底部的设置菜单当前选中的提示文字设置文字溢出省略号 */\r\n.art-settings .art-setting-item .art-setting-item-right-tooltip {\r\n	max-width: 100px;\r\n	text-overflow: ellipsis;\r\n	white-space: nowrap;\r\n	overflow: hidden;\r\n}\r\n\r\n/* 竖屏 宽度小于400px */\r\n@media (orientation: portrait) and (max-width: 400px) {\r\n	/* 修正小屏下宽度溢出 */\r\n	.art-controls .art-control {\r\n		max-width: 60px;\r\n		white-space: pre-wrap;\r\n	}\r\n}\r\n\r\n/* 竖屏 宽度小于550px */\r\n@media (orientation: portrait) and (max-width: 550px) {\r\n	/* 隐藏 弹幕设置按钮 */\r\n	.artplayer-plugin-danmuku .apd-config ,\r\n    /* 隐藏 弹幕输入框 */\r\n	.artplayer-plugin-danmuku .apd-emitter {\r\n		display: none !important;\r\n	}\r\n	/* 弹幕库靠右对齐 */\r\n	.artplayer-plugin-danmuku {\r\n		justify-content: right;\r\n	}\r\n}\r\n/* 横屏 */\r\n@media (orientation: landscape) {\r\n	/* 限制弹幕输入框的最大宽度 */\r\n	.artplayer-plugin-danmuku .apd-emitter {\r\n		max-width: 260px;\r\n	}\r\n}\r\n\r\n/* 插件-在线观看人数  */\r\n.art-lock .art-layer-top-wrap {\r\n	/* 启用了锁定功能，隐藏底部控制栏，所以这个也同步 */\r\n	display: none !important;\r\n}\r\n.art-layer-top-wrap {\r\n	--layer-top-wrap-follow-text-font-size: 0.8em;\r\n	--layer-top-wrap-follow-icon-size: 1em;\r\n	width: 100%;\r\n	position: absolute;\r\n	top: 0px;\r\n	right: 0px;\r\n	color: #fff;\r\n	display: -webkit-box;\r\n	display: -ms-flexbox;\r\n	display: flex;\r\n	left: 0;\r\n	-webkit-transition: all 0.2s ease-in-out;\r\n	transition: all 0.2s ease-in-out;\r\n	width: 100%;\r\n	background: linear-gradient(to bottom, #000, transparent);\r\n	padding: 10px calc(var(--art-padding));\r\n	z-index: 60;\r\n}\r\n.art-player-top-wrap {\r\n	width: 100%;\r\n}\r\n.art-player-top-wrap .art-player-top-title-text {\r\n	white-space: nowrap;\r\n	text-overflow: ellipsis;\r\n	overflow: hidden;\r\n	max-width: 100%;\r\n}\r\n/* 面板隐藏时，顶部toolbar也隐藏 */\r\n.art-hide-cursor .art-layer-top-wrap {\r\n	transform: translateY(-60px);\r\n}\r\n/*.art-layer-top-wrap .art-player-top-wrap {\r\n}\r\n.art-layer-top-wrap .art-player-top-title-text {\r\n}*/\r\n/* 下面的当前在线观看人数 */\r\n.art-layer-top-wrap .art-player-top-follow {\r\n	margin-top: var(--art-padding);\r\n	gap: var(--layer-top-wrap-follow-text-font-size);\r\n	font-size: var(--layer-top-wrap-follow-text-font-size);\r\n	display: flex;\r\n	align-items: center;\r\n	position: absolute;\r\n}\r\n.art-layer-top-wrap .art-player-top-follow .art-player-top-follow-icon {\r\n	width: var(--layer-top-wrap-follow-icon-size);\r\n	height: var(--layer-top-wrap-follow-icon-size);\r\n}\r\n.art-layer-top-wrap .art-player-top-follow-text {\r\n	text-wrap: nowrap;\r\n}\r\n/* 插件-在线观看人数  */\r\n\r\n/* 插件-锁定 */\r\n.art-video-player .art-layers .art-layer.art-layer-lock {\r\n	/* 放在右边 */\r\n	right: 0;\r\n	left: calc(100% - 20px - var(--art-lock-size) - var(--art-lock-left-size));\r\n}\r\n/* 插件-锁定 */\r\n";
  const BilibiliApiRequestCheck = {
    /**
     * 合并并检查是否传入aid或者bvid
     */
    mergeAidOrBvidSearchParamsData(searchParamsData, config) {
      if ("aid" in config && config["aid"] != null) {
        Reflect.set(searchParamsData, "aid", config.aid);
      } else if ("bvid" in config && config["bvid"] != null) {
        Reflect.set(searchParamsData, "bvid", config.bvid);
      } else {
        throw new TypeError("avid or bvid must give one");
      }
    }
  };
  const BilibiliApiConfig = {
    web_host: "api.bilibili.com"
  };
  const BilibiliApiResponseCheck = {
    /**
     * check json has {code: 0, message: "0"}
     */
    isWebApiSuccess(json) {
      return json?.code === 0 && (json?.message === "0" || json?.message === "success");
    },
    /**
     * 是否是区域限制
     */
    isAreaLimit(data2) {
      let areaLimitCode = {
        "6002003": "抱歉您所在地区不可观看！"
      };
      let flag = false;
      Object.keys(areaLimitCode).forEach((code) => {
        let codeMsg = areaLimitCode[code];
        if (data2.code.toString() === code.toString() || data2.message.includes(codeMsg)) {
          flag = true;
        }
      });
      return flag;
    }
  };
  const VideoQualityNameMap = {
    /**
     * 仅mp4方式支持
     * + 6
     */
    "240P 极速": 6,
    /**
     * 仅mp4方式支持
     * + 16
     */
    "360P 流畅": 16,
    /**
     * 仅mp4方式支持
     * + 32
     */
    "480P 清晰": 32,
    /**
     * web端默认值
     *
     * B站前端需要登录才能选择，但是直接发送请求可以不登录就拿到720P的取流地址
     *
     * 无720P时则为720P60
     * + 64
     */
    "720P 高清": 64,
    /**
     * 需要认证登录账号
     * + 74
     */
    "720P60 高帧率": 74,
    /**
     * TV端与APP端默认值
     *
     * 需要认证登录账号
     * + 80
     */
    "1080P 高清": 80,
    /**
     * 大多情况需求认证大会员账号
     * + 112
     */
    "1080P+ 高码率": 112,
    /**
     * 大多情况需求认证大会员账号
     * + 116
     */
    "1080P60 高帧率": 116,
    /**
     * 需要fnval&128=128且fourk=1
     *
     * 大多情况需求认证大会员账号
     * + 120
     */
    "4K 超清": 120,
    /**
     * 仅支持dash方式
     *
     * 需要fnval&64=64
     * + 125
     */
    "HDR 真彩色": 125,
    /**
     * 仅支持dash方式
     *
     * 需要fnval&512=512
     *
     * 大多情况需求认证大会员账号
     * + 126
     */
    杜比视界: 126,
    /**
     * 仅支持dash方式
     *
     * 需要fnval&1024=1024
     *
     * 大多情况需求认证大会员账号
     * + 127
     */
    "8K 超高清": 127
  };
  const VideoQualityMap = {};
  Object.keys(VideoQualityNameMap).forEach((qualityName) => {
    let qualityValue = Reflect.get(VideoQualityNameMap, qualityName);
    Reflect.set(VideoQualityMap, qualityValue, qualityName);
  });
  const BilibiliUserApi = {
    /**
     * 获取导航栏用户信息
     * @param [checkCode=true] 校验返回JSON的状态码，设置false可以获取未登录状态下的wbi_img，用于请求参数处理
     */
    async nav(checkCode = true) {
      let response = await httpx.get(
        "https://api.bilibili.com/x/web-interface/nav?web_location=333.401",
        {
          fetch: true,
          responseType: "json",
          allowInterceptConfig: false
        }
      );
      if (!response.status) {
        log$1.error(response);
        Qmsg.error("获取导航栏用户信息失败，请求异常", {
          consoleLogContent: true
        });
        return;
      }
      let data2 = utils.toJSON(response.data.responseText);
      if (checkCode && !BilibiliApiResponseCheck.isWebApiSuccess(data2)) {
        log$1.error(["获取导航栏用户信息失败：", data2]);
        Qmsg.error("获取导航栏用户信息失败", {
          consoleLogContent: true
        });
        return;
      }
      return data2.data;
    },
    /**
     * 获取用户空间动态
     * @param mid 用户id
     * @param offset 分页偏移，默认是""
     */
    async space(mid, offset = "") {
      let response = await httpx.get(
        "https://api.bilibili.com/x/polymer/web-dynamic/v1/feed/space",
        {
          data: {
            host_mid: mid,
            offset
          },
          fetch: true
        }
      );
      if (!response.status) {
        return;
      }
      let data2 = utils.toJSON(response.data.responseText);
      if (!BilibiliApiResponseCheck.isWebApiSuccess(data2)) {
        return;
      }
      return data2["data"];
    },
    /**
     * 查询用户关注明细
     * @param mid 用户id
     * @param pn 页码 默认为 1
     * @param ps 每页项数 默认为 50
     */
    async following(mid, pn = 1, ps = 50) {
      let response = await httpx.get(
        "https://api.bilibili.com/x/relation/followings",
        {
          data: {
            vmid: mid,
            ps,
            pn
          },
          fetch: true
        }
      );
      if (!response.status) {
        return;
      }
      let data2 = utils.toJSON(response.data.responseText);
      if (!BilibiliApiResponseCheck.isWebApiSuccess(data2)) {
        return data2["message"];
      }
      return data2["data"];
    }
  };
  const BilibiliGlobalData = {
    $data: {
      isLogin: new Promise(() => false)
    },
    $flag: {
      isSetQueryLoginStatus: false,
      isQueryLoginStatus: false
    },
    init() {
      this.setLoginStatus();
    },
    setLoginStatus() {
      if (this.$flag.isSetQueryLoginStatus) {
        return;
      }
      this.$flag.isSetQueryLoginStatus = true;
      let isLogin = false;
      this.$data.isLogin = new Promise(async (resolve) => {
        if (!this.$flag.isQueryLoginStatus) {
          this.$flag.isQueryLoginStatus = true;
          let userNavInfo = await BilibiliUserApi.nav(false);
          if (userNavInfo && userNavInfo.isLogin) {
            isLogin = true;
          }
        }
        resolve(isLogin);
      });
    }
  };
  const BilibiliVideoApi = {
    /**
     * 获取视频播放地址，avid或bvid必须给一个
     * + /x/player/playurl
     * @param config
     * @param extraParams 额外参数，一般用于hook network参数内的判断
     */
    async playUrl(config, extraParams) {
      let searchParamsData = {
        cid: config.cid,
        qn: config.qn ?? VideoQualityNameMap["1080P60 高帧率"],
        high_quality: config.high_quality ?? 1,
        fnval: config.fnval ?? 1,
        // 固定0
        fnver: config.fnver ?? 0,
        // 是否允许 4K 视频
        fourk: config.fourk ?? 1,
        // 为 1 时可以不登录拉到 64 和 80 清晰度，但是也会限制最高画质为80
        try_look: await BilibiliGlobalData.$data.isLogin ? 0 : 1,
        // 该值是用来请求可以在移动端播放的链接的
        platform: config.setPlatformHTML5 ? "html5" : "pc"
      };
      BilibiliApiRequestCheck.mergeAidOrBvidSearchParamsData(
        searchParamsData,
        config
      );
      if (typeof extraParams === "object" && extraParams !== null) {
        Object.assign(searchParamsData, extraParams);
      }
      let response = await httpx.get(
        "https://api.bilibili.com/x/player/playurl?" + utils.toSearchParamsStr(searchParamsData),
        {
          responseType: "json",
          fetch: true
        }
      );
      if (!response.status) {
        return;
      }
      let data2 = utils.toJSON(response.data.responseText);
      if (data2["code"] !== 0) {
        return;
      }
      return data2["data"];
    },
    /**
     * 获取视频在线观看人数
     * + /x/player/online/total
     */
    async onlineTotal(config) {
      let searchParamsData = {
        cid: config.cid
      };
      BilibiliApiRequestCheck.mergeAidOrBvidSearchParamsData(
        searchParamsData,
        config
      );
      let httpxResponse = await httpx.get(
        `https://${BilibiliApiConfig.web_host}/x/player/online/total?${utils.toSearchParamsStr(searchParamsData)}`,
        {
          responseType: "json",
          fetch: true
        }
      );
      if (!httpxResponse.status) {
        return;
      }
      let data2 = utils.toJSON(httpxResponse.data.responseText);
      if (!BilibiliApiResponseCheck.isWebApiSuccess(data2)) {
        log$1.error(`获取在线观看人数失败: ${JSON.stringify(data2)}`);
      }
      return data2["data"];
    },
    /**
     * 点赞视频（web端）
     * @param config
     */
    async like(config) {
      let searchParamsData = {
        like: config.like,
        csrf: cookieManager.get("bili_jct")?.value || ""
      };
      BilibiliApiRequestCheck.mergeAidOrBvidSearchParamsData(
        searchParamsData,
        config
      );
      let getResp = await httpx.get(
        "https://api.bilibili.com/x/web-interface/archive/like?" + utils.toSearchParamsStr(searchParamsData),
        {
          fetch: true
        }
      );
      if (!getResp.status) {
        return false;
      }
      let data2 = utils.toJSON(getResp.data.responseText);
      const code = data2["code"];
      if (code === 0) {
        return true;
      }
      if (code === -101) {
        Qmsg.error("账号未登录");
      } else if (code === -111) {
        Qmsg.error("csrf校验失败");
      } else if (code === -400) {
        Qmsg.error("请求错误");
      } else if (code === -403) {
        Qmsg.error("账号异常");
      } else if (code === 10003) {
        Qmsg.error("不存在该稿件");
      } else if (code === 65004) {
        Qmsg.error("取消点赞失败");
      } else if (code === 65006) {
        Qmsg.warning("重复点赞");
      } else {
        Qmsg.error("未知错误：" + data2["message"]);
      }
      return false;
    }
  };
  const AppKeyInfo = {
    /** web_ios */
    ios: {
      appkey: "27eb53fc9058f8c3",
      appsec: "c2ed53a74eeefe3cf99fbd01d8c9c375",
      mobi_app: "ipnone"
    }
  };
  function appSign(params, appkey, appsec) {
    params.appkey = appkey;
    const searchParams = new URLSearchParams(params);
    searchParams.sort();
    return md5(searchParams.toString() + appsec);
  }
  const BilibiliLoginApi = {
    /**
     * 获取登录二维码信息（TV端）
     * https://github.com/SocialSisterYi/bilibili-API-collect/blob/master/docs/login/login_action/QR.md#%E7%94%B3%E8%AF%B7%E4%BA%8C%E7%BB%B4%E7%A0%81(TV%E7%AB%AF)
     */
    async getQrCodeInfo() {
      let Api = "https://passport.bilibili.com/x/passport-tv-login/qrcode/auth_code";
      let postData = {
        /** APP 密钥 APP 方式必要 */
        appkey: AppKeyInfo.ios.appkey,
        /** TV 端 id */
        local_id: "0",
        /** 当前时间戳 APP 方式必要 */
        ts: "0",
        /** APP 签名 APP 方式必要 */
        // sign: "",
        /** 平台标识 会被拼接到返回的 url query */
        mobi_app: AppKeyInfo.ios.mobi_app,
        csrf: cookieManager.get("bili_jct")?.value || ""
      };
      let sign = appSign(postData, AppKeyInfo.ios.appkey, AppKeyInfo.ios.appsec);
      let postResp = await httpx.post(
        Api,
        {
          data: utils.toSearchParamsStr({
            ...postData,
            sign
          }),
          headers: {
            "Content-Type": "application/x-www-form-urlencoded"
          },
          responseType: "json",
          fetch: true
        }
        // sign: 'e134154ed6add881d28fbdf68653cd9c',
      );
      log$1.info(postResp);
      if (!postResp.status) {
        return;
      }
      let data2 = utils.toJSON(postResp.data.responseText);
      if (data2.code !== 0) {
        Qmsg.error(data2.message);
        return;
      }
      let loginData = data2.data;
      return loginData;
    },
    /**
     * 获取auth_code对应的链接的扫码状态
     * @param auth_code
     * @returns
     */
    async poll(auth_code) {
      let Api = "https://passport.bilibili.com/x/passport-tv-login/qrcode/poll";
      let postData = {
        appkey: AppKeyInfo.ios.appkey,
        auth_code,
        local_id: "0",
        ts: "0"
      };
      let sign = appSign(postData, AppKeyInfo.ios.appkey, AppKeyInfo.ios.appsec);
      let postResp = await httpx.post(Api, {
        data: utils.toSearchParamsStr({
          ...postData,
          sign
        }),
        headers: {
          "Content-Type": "application/x-www-form-urlencoded"
        },
        responseType: "json",
        fetch: true
      });
      if (!postResp.status) {
        return { success: false, message: "网络错误", action: void 0 };
      }
      const json = utils.toJSON(postResp.data.responseText);
      log$1.info(json);
      const msgMap = {
        "0": "成功",
        "-3": "API校验密匙错误",
        "-400": "请求错误",
        "-404": "啥都木有",
        "86038": "二维码已失效",
        "86039": "二维码尚未确认",
        "86090": "二维码已扫码未确认"
      };
      if (!BilibiliApiResponseCheck.isWebApiSuccess(json)) {
        const code = json.code.toString();
        const message = json.message || msgMap[code] || "未知错误";
        if (code === "86038") {
          return { success: false, message, action: "refresh" };
        }
        if (code === "86039" || code === "86090") {
          return { success: false, message, action: "wait" };
        }
        return { success: false, message, action: void 0 };
      }
      const accessKey = json.data.access_token;
      const accessKeyExpireAt = Date.now() + json.data.expires_in * 1e3;
      return {
        success: true,
        message: "获取成功",
        accessKey,
        accessKeyExpireAt
      };
    }
  };
  const BilibiliQrCodeLogin = {
    async init() {
      Qmsg.info("正在申请二维码...");
      let qrcodeInfo = await this.getQRCodeInfo();
      if (!qrcodeInfo) {
        return;
      }
      this.confirmScanQrcode(qrcodeInfo);
    },
    /**'
     * 获取二维码信息
     */
    getQRCodeInfo: async function() {
      log$1.info("正在申请二维码...");
      let qrcodeInfo = await BilibiliLoginApi.getQrCodeInfo();
      log$1.info("获取到二维码信息", qrcodeInfo);
      return qrcodeInfo;
    },
    /**
     * 确认扫码
     * @param qrcodeInfo
     */
    async confirmScanQrcode(qrcodeInfo) {
      let $alert = __pops.alert({
        title: {
          text: "请扫描二维码登录",
          position: "center",
          html: false,
          style: ""
        },
        content: {
          text: (
            /*html*/
            `<div id="bili-qrcode-canvas"></div>`
          ),
          html: true
        },
        btn: {
          ok: {
            enable: false
          },
          close: {
            enable: true,
            callback(event) {
              isUserCloseScanDialog = true;
              event.close();
            }
          }
        },
        mask: {
          enable: true,
          clickEvent: {
            toClose: false,
            toHide: false
          }
        },
        only: true,
        width: "310px",
        height: "365px",
        drag: true,
        dragLimit: true,
        style: (
          /*css*/
          `
            #bili-qrcode-canvas{
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
            }
            `
        )
      });
      let $biliQrcodeCanvas = $alert.$shadowRoot.querySelector(
        "#bili-qrcode-canvas"
      );
      let qrcode = new QRCodeJS($biliQrcodeCanvas, {
        text: qrcodeInfo.url,
        width: 300,
        height: 300,
        colorDark: "#000000",
        colorLight: "#ffffff",
        correctLevel: QRCodeJS.CorrectLevel.H
      });
      let isUserCloseScanDialog = false;
      while (true) {
        if (isUserCloseScanDialog) {
          log$1.error("用户关闭扫码登录弹窗、取消扫码登录");
          break;
        }
        log$1.info("正在等待扫码登录...");
        let pollInfo = await BilibiliLoginApi.poll(qrcodeInfo.auth_code);
        if (pollInfo?.success) {
          this.setAccessTokenInfo({
            access_token: pollInfo.accessKey,
            expireAt: pollInfo.accessKeyExpireAt
          });
          log$1.info("扫码登录成功", pollInfo);
          Qmsg.success("扫码登录成功");
          break;
        } else {
          if (pollInfo?.action === "refresh") {
            log$1.info("刷新二维码");
            Qmsg.info("刷新二维码");
            let qrcodeInfo2 = await this.getQRCodeInfo();
            if (qrcodeInfo2) {
              qrcode.clear();
              qrcode.makeCode(qrcodeInfo2.url);
            }
          } else if (pollInfo.action === "wait") {
            if (pollInfo.message === "二维码已扫码未确认") {
              log$1.info("已扫码，等待确认...");
              __pops.loading({
                parent: $biliQrcodeCanvas,
                content: {
                  text: "已扫码，等待确认"
                },
                mask: {
                  enable: true
                }
              });
            }
          } else {
            log$1.error(pollInfo.message);
            Qmsg.error(pollInfo.message);
            break;
          }
        }
        await utils.sleep(1500);
      }
      $alert.close();
    },
    /**
     * 生成过期时间
     * @param monthNumber xx月后过期
     * @returns
     */
    generateExpireAt(monthNumber = 6) {
      return (/* @__PURE__ */ new Date()).getTime() + 1e3 * 60 * 60 * 24 * 30 * monthNumber;
    },
    /**
     * 设置获取到的access_token和过期时间
     * @param data
     */
    setAccessTokenInfo(data2) {
      _GM_setValue("bili-accessTokenInfo", data2);
    },
    /**
     * 获取access_token和过期时间
     * 自动根据过期时间处理数据
     * @returns
     */
    getAccessTokenInfo() {
      let data2 = _GM_getValue("bili-accessTokenInfo");
      if (data2 && data2.expireAt > Date.now()) {
        return data2;
      } else {
        return null;
      }
    },
    /**
     * 获取access_token
     * @returns
     */
    getAccessToken() {
      return this.getAccessTokenInfo()?.access_token || "";
    }
  };
  const BilibiliApiProxy = {
    /**
     * 获取番剧代理服务器
     *
     * 轮询查询播放地址
     */
    getBangumiProxyHost() {
      let serverHost = [
        {
          name: "中国大陆",
          area: "",
          host: Panel.getValue(
            "bili-bangumi-proxyApiServer-default",
            ""
          ).trim() || BilibiliApiConfig.web_host
        }
      ];
      if (!Panel.getValue("bili-bangumi-unlockAreaLimit")) {
        return serverHost;
      }
      let hk_host = Panel.getValue("bili-bangumi-proxyApiServer-hk");
      if (utils.isNotNull(hk_host)) {
        serverHost.push({
          name: "香港",
          area: "hk",
          host: hk_host
        });
      }
      let tw_host = Panel.getValue("bili-bangumi-proxyApiServer-tw");
      if (utils.isNotNull(tw_host)) {
        serverHost.push({
          name: "台湾",
          area: "tw",
          host: tw_host
        });
      }
      let tha_host = Panel.getValue(
        "bili-bangumi-proxyApiServer-tha-or-sea"
      );
      if (utils.isNotNull(tha_host)) {
        serverHost.push({
          name: "泰国/东南亚",
          area: "th",
          host: tha_host
        });
      }
      return serverHost;
    },
    /**
     * 获取搜索代理服务器
     *
     * 因为有些代理服务器虽然能拉取播放地址，但是不能使用搜索功能
     *
     * 特地区分开
     *
     * 如果没有填入服务器，则从番剧代理服务器中获取
     *
     * 搜索番剧结果
     */
    getSearchProxyHost() {
      let bangumiProxyHost = this.getBangumiProxyHost();
      let serverHost = [];
      let hk_host = Panel.getValue("bili-search-proxyApiServer-hk");
      if (utils.isNotNull(hk_host)) {
        serverHost.push({
          name: "香港",
          area: "hk",
          host: hk_host
        });
      } else {
        let bangumi_hk_host = bangumiProxyHost.find((item) => item.area === "hk");
        if (bangumi_hk_host) {
          serverHost.push(bangumi_hk_host);
        }
      }
      let tw_host = Panel.getValue("bili-search-proxyApiServer-tw");
      if (utils.isNotNull(tw_host)) {
        serverHost.push({
          name: "台湾",
          area: "tw",
          host: tw_host
        });
      } else {
        let bangumi_tw_host = bangumiProxyHost.find((item) => item.area === "tw");
        if (bangumi_tw_host) {
          serverHost.push(bangumi_tw_host);
        }
      }
      let tha_host = Panel.getValue(
        "bili-search-proxyApiServer-tha-or-sea"
      );
      if (utils.isNotNull(tha_host)) {
        serverHost.push({
          name: "泰国/东南亚",
          area: "th",
          host: tha_host
        });
      } else {
        let bangumi_tha_host = bangumiProxyHost.find(
          (item) => item.area === "th"
        );
        if (bangumi_tha_host) {
          serverHost.push;
        }
      }
      return serverHost;
    },
    /**
     * 获取番剧代理参数
     */
    getBangumiProxySearchParam(option = {}) {
      let proxyData = {
        from_client: "BROWSER",
        drm_tech_type: 2,
        module: "bangumi",
        area: option?.area || "",
        access_key: BilibiliQrCodeLogin.getAccessToken()
      };
      return proxyData;
    }
  };
  const BilibiliCDNProxy = {
    /**
     * 筛选出更好的cdn
     *
     * 通过playurl获取到的url信息默认的base_url|baseUrl可能是辣鸡的mcdn节点，而upos节点在backupUrl|backup_url中
     *
     * 筛选最好的节点
     *
     * 传入参数顺序base_url=>baseUrl=>backup_url=>backupUrl，即好的在后面
     */
    findBetterCDN(...args) {
      let urlList = [];
      args.forEach((arg) => {
        if (Array.isArray(arg)) {
          urlList = urlList.concat(
            arg.filter((item) => typeof item === "string")
          );
        } else {
          if (typeof arg === "string") {
            urlList.push(arg);
          }
        }
      });
      let betterCDN = urlList.find((url) => {
        let urlObj = new URL(url);
        if (urlObj.host.startsWith("upos")) {
          return url;
        }
      });
      if (betterCDN) {
        return betterCDN;
      } else {
        return urlList[0];
      }
    },
    /**
     * 番剧视频CDN替换
     * @param url 视频url
     */
    replaceBangumiVideoCDN(url) {
      let userChooseCDN = Panel.getValue("bili-bangumi-uposServerSelect");
      return this.replaceVideoCDNHost(url, userChooseCDN);
    },
    /**
     * 视频CDN替换host
     * @param url 视频url
     *
     */
    replaceVideoCDN(url) {
      let userChooseCDN = Panel.getValue("bili-video-uposServerSelect");
      return this.replaceVideoCDNHost(url, userChooseCDN);
    },
    /**
     * 视频CDN替换host
     *
     * 有以下类型
     * .mcdn.bilivideo 辣鸡路线
     * @param url 视频url
     * @param userChooseCDNHost 需要替换的host
     *
     */
    replaceVideoCDNHost(url, userChooseCDNHost) {
      try {
        let urlObj = new URL(url);
        let chooseUposCDN = this.getUposCDNServerList().find((item) => {
          return item.host === userChooseCDNHost;
        });
        if (utils.isNull(chooseUposCDN) || utils.isNull(chooseUposCDN.host)) {
          return url;
        }
        let chooseUposCDNHost = chooseUposCDN.host;
        let originHost = urlObj.host;
        if (originHost.includes("mirror")) {
          log$1.info(`原Host为：${originHost}`);
          log$1.info(`替换CDN为：${JSON.stringify(chooseUposCDN)}`);
          urlObj.host = chooseUposCDNHost;
        }
        return urlObj.toString();
      } catch (error) {
        log$1.error("视频upos替换失败", error);
        log$1.error(error);
        return url;
      }
    },
    /**
     * 获取upos服务器列表
     * @link https://github.com/the1812/Bilibili-Evolved/issues/3234#issuecomment-1504764774
     */
    getUposCDNServerList() {
      const serverList = [
        {
          name: "不替换",
          host: ""
        },
        {
          name: "ali（阿里云）",
          host: "upos-sz-mirrorali.bilivideo.com"
        },
        {
          name: "alib（阿里云）",
          host: "upos-sz-mirroralib.bilivideo.com"
        },
        {
          name: "alio1（阿里云）",
          host: "upos-sz-mirroralio1.bilivideo.com"
        },
        {
          name: "cos（腾讯云）",
          host: "upos-sz-mirrorcos.bilivideo.com"
        },
        {
          name: "cosb（腾讯云，VOD加速类型）",
          host: "upos-sz-mirrorcosb.bilivideo.com"
        },
        {
          name: "coso1（腾讯云）",
          host: "upos-sz-mirrorcoso1.bilivideo.com"
        },
        {
          name: "hw（华为云，融合CDN）",
          host: "upos-sz-mirrorhw.bilivideo.com"
        },
        {
          name: "hwb（华为云，融合CDN）",
          host: "upos-sz-mirrorhwb.bilivideo.com"
        },
        {
          name: "hwo1（华为云，融合CDN）",
          host: "upos-sz-mirrorhwo1.bilivideo.com"
        },
        {
          name: "08c（华为云，融合CDN）",
          host: "upos-sz-mirror08c.bilivideo.com"
        },
        {
          name: "08h（华为云，融合CDN）",
          host: "upos-sz-mirror08h.bilivideo.com"
        },
        {
          name: "08ct（华为云，融合CDN）",
          host: "upos-sz-mirror08ct.bilivideo.com"
        },
        {
          name: "tf_hw（华为云）",
          host: "upos-tf-all-hw.bilivideo.com"
        },
        {
          name: "tf_tx（腾讯云）",
          host: "upos-tf-all-tx.bilivideo.com"
        },
        {
          name: "akamai（Akamai海外）",
          host: "upos-hz-mirrorakam.akamaized.net"
        },
        {
          name: "aliov（阿里云海外）",
          host: "upos-sz-mirroraliov.bilivideo.com"
        },
        {
          name: "cosov（腾讯云海外）",
          host: "upos-sz-mirrorcosov.bilivideo.com"
        },
        {
          name: "hwov（华为云海外）",
          host: "upos-sz-mirrorhwov.bilivideo.com"
        },
        {
          name: "hk_bcache（Bilibili海外）",
          host: "cn-hk-eq-bcache-01.bilivideo.com"
        },
        {
          name: "alibstar1（阿里云海外-东南亚）",
          host: "upos-sz-mirroralibstar1.bilivideo.com"
        },
        {
          name: "cosbstar1（腾讯云海外-东南亚）",
          host: "upos-sz-mirrorcosbstar1.bilivideo.com"
        },
        {
          name: "hwbstar1（华为云海外-东南亚）",
          host: "upos-sz-mirrorhwbstar1.bilivideo.com"
        },
        {
          name: "akamai（Akamai海外-东南亚）",
          host: "upos-bstar1-mirrorakam.akamaized.net"
        }
      ];
      return serverList;
    }
  };
  const VideoSoundQualityCode = {
    "30216": "64K",
    "30232": "132K",
    "30280": "192K",
    "30250": "杜比全景声",
    "30251": "Hi-Res无损"
  };
  class ArtPlayerDanmakuOptionHelper {
    $data = {
      KEY: "art-player-danmaku-option",
      localArtDanmakuOption: {}
    };
    constructor(localDataKey) {
      this.$data.KEY = localDataKey;
      const defaultDanmakuOption = this.getDefaultDanmakuOption();
      this.$data.localArtDanmakuOption = utils.assign(
        defaultDanmakuOption,
        _GM_getValue(this.$data.KEY, {})
      );
    }
    /**
     * 获取默认配置
     */
    getDefaultDanmakuOption() {
      return {
        speed: 5,
        margin: [10, "75%"],
        opacity: 1,
        modes: [0, 1, 2],
        fontSize: 18,
        antiOverlap: false,
        synchronousPlayback: true,
        visible: true
      };
    }
    /**
     * 获取本地保存的配置
     */
    getLocalArtDanmakuOption() {
      return this.$data.localArtDanmakuOption;
    }
    /**
     * 监听配置项的改变
     */
    onConfigChange(art) {
      art.on(
        // @ts-ignore
        "artplayerPluginDanmuku:config",
        (option) => {
          Object.keys(this.$data.localArtDanmakuOption).forEach((key) => {
            if (Reflect.has(option, key)) {
              let value = Reflect.get(option, key);
              Reflect.set(this.$data.localArtDanmakuOption, key, value);
            }
          });
          _GM_setValue(this.$data.KEY, this.$data.localArtDanmakuOption);
        }
      );
    }
  }
  const TAG$4 = "[artplayer-plugin-m4sAudioSupport]：";
  const ArtPlayer_PLUGIN_M4S_SUPPORT_SETTING_KEY = "setting-bilibili-m4sAudio";
  const M4SAudioUtils = {
    $flag: {
      /**
       * 是否正在循环中
       */
      isIntervaling: false
    },
    /**
     * 自定义某个函数执行N次和间隔时间
     * @param fn 需要执行的函数
     * @param count 重复执行的次数
     * @param delayTime 重复执行的间隔时间
     */
    intervalHandler(fn, count = 2, delayTime = 900) {
      if (M4SAudioUtils.$flag.isIntervaling) {
        return;
      }
      M4SAudioUtils.$flag.isIntervaling = true;
      let intervalCount = 0;
      let intervalId = void 0;
      let callback = () => {
        if (intervalCount > count) {
          M4SAudioUtils.$flag.isIntervaling = false;
          clearInterval(intervalId);
          return;
        }
        if (typeof fn === "function") {
          try {
            fn();
          } catch (error) {
            console.error(TAG$4, error);
          }
        }
        intervalCount++;
      };
      callback();
      if (count > 1) {
        intervalId = setInterval(callback, delayTime);
      } else {
        M4SAudioUtils.$flag.isIntervaling = false;
      }
    }
  };
  const M4SAudio = {
    $key: {
      plugin_KEY: "plugin-bilibili-m4sAudio"
    },
    $data: {
      /** artplayer实例 */
      art: null,
      /** 播放的音频 */
      audio: new Audio(),
      /** 上次同步的所在的进度 */
      latestSyncTime: 0,
      /** 音频的重新连接的配置 */
      reconnectConfig: {
        /** 最大连接的次数 */
        maxCount: 5,
        /** 尝试重新连接的间隔时间 */
        delayTime: 1e3
      },
      /** 音频的重新连接的信息 */
      reconnectInfo: {
        /** 重新连接的链接url */
        url: "",
        /** 已失败连接的次数 */
        count: 0
      },
      option: null
    },
    userEvent: {
      onRestart: void 0
    },
    events: {
      /**
       * artplayer 播放
       *
       * 同步进度 - 同步音量 - 播放音频
       */
      play: () => {
        M4SAudio.handler.play();
        M4SAudio.handler.syncVolume();
        M4SAudio.handler.syncMuted();
        M4SAudioUtils.intervalHandler(() => {
          M4SAudio.handler.syncTime();
        }, 1);
      },
      /**
       * 视频进度更新（主动改变的，而不是播放的改变）
       *
       * 音频同步进度
       * @param currentTime 当前的进度
       */
      seek: (currentTime) => {
        M4SAudioUtils.intervalHandler(() => {
          M4SAudio.handler.syncTime();
          M4SAudio.handler.syncPlayState();
        });
      },
      /**
       * 视频暂停
       *
       * 音频暂停
       */
      pause: () => {
        M4SAudioUtils.intervalHandler(() => {
          M4SAudio.handler.syncTime();
        }, 1);
        M4SAudio.handler.pause();
      },
      /**
       * 视频重载，这里的音频也重载
       *
       * 触发回调 - 获取新的音频 - 同步进度
       * @param url
       */
      restart: (url) => {
        if (typeof M4SAudio.userEvent.onRestart === "function") {
          let newAudioUrl = M4SAudio.userEvent.onRestart(url);
          M4SAudio.handler.playUrl(newAudioUrl);
        }
        M4SAudioUtils.intervalHandler(() => {
          M4SAudio.handler.syncTime();
        }, 1);
        M4SAudio.handler.syncPlayState();
      },
      /**
       * 静音状态改变
       * @param state
       */
      muted: (state) => {
        M4SAudio.handler.syncVolume();
        M4SAudio.handler.syncMuted();
      },
      /**
       * artplayer 销毁
       *
       * 音频暂停
       */
      destroy: () => {
        M4SAudio.handler.pause();
      },
      /**
       * 视频出岔子了无法播放
       *
       * 音频暂停 - 同步进度
       * @param error
       * @param reconnectTime
       */
      error: (error, reconnectTime) => {
        M4SAudio.handler.pause();
      },
      /**
       * 当播放器尺寸变化时触发
       *
       * 可能会音视频不停步
       */
      resize: () => {
        M4SAudioUtils.intervalHandler(() => {
          M4SAudio.handler.syncTime();
        });
      },
      /**
       * 当播放器发生窗口全屏时触发
       *
       * 可能会音视频不停步
       */
      fullscreen: () => {
        M4SAudioUtils.intervalHandler(() => {
          M4SAudio.handler.syncTime();
        });
      },
      /**
       * 视频播放完毕
       *
       * 音频暂停
       */
      "video:ended": () => {
        M4SAudio.handler.pause();
      },
      /**
       * 视频倍速改变
       *
       * 同步视频的倍速
       */
      "video:ratechange": () => {
        M4SAudio.handler.syncPlayBackRate();
      },
      /**
       * 视频缓冲暂停
       *
       * 音频暂停 然后同步进度
       */
      "video:waiting": () => {
        M4SAudio.handler.pause();
      },
      /**
       * 视频缓冲恢复，音频也恢复
       */
      "video:playing": () => {
        M4SAudioUtils.intervalHandler(() => {
          M4SAudio.handler.syncTime();
        }, 1);
        M4SAudio.handler.play();
      },
      /**
       * 切换页面视频会被暂停
       */
      "video:pause": () => {
        M4SAudio.handler.pause();
        M4SAudioUtils.intervalHandler(() => {
          M4SAudio.handler.syncTime();
        }, 1);
      },
      /**
       * 同步音量
       */
      "video:volumechange": () => {
        M4SAudio.handler.syncVolume();
        M4SAudio.handler.syncMuted();
        M4SAudio.handler.syncPlayState();
      },
      /**
       * 视频更新进度
       */
      "video:timeupdate": () => {
        let videoTime = M4SAudio.$data.art.currentTime;
        if (Math.abs(videoTime - M4SAudio.$data.latestSyncTime) >= 3) {
          M4SAudio.$data.latestSyncTime = videoTime;
          M4SAudioUtils.intervalHandler(() => {
            M4SAudio.handler.syncTime(0.777);
          }, 1);
        }
      }
    },
    audioEvents: {
      loadedmetadata: (event) => {
        M4SAudio.$data.art.emit(
          // @ts-ignore
          "m4sAudio:loadedmetadata",
          event
        );
        console.log(TAG$4 + "Audio预加载完成");
        M4SAudio.$data.reconnectInfo.count = 0;
        M4SAudio.$data.reconnectInfo.url = "";
        M4SAudio.$data.latestSyncTime = 0;
        M4SAudio.handler.syncPlayState();
        M4SAudio.handler.syncPlayBackRate();
        M4SAudio.handler.syncVolume();
        M4SAudio.handler.syncMuted();
        M4SAudioUtils.intervalHandler(() => {
          M4SAudio.handler.syncTime();
        });
      },
      canplaythrough: (event) => {
        M4SAudio.$data.art.emit(
          // @ts-ignore
          "m4sAudio:canplaythrough",
          event
        );
        console.log(
          TAG$4 + "浏览器估计该音频可以在不停止内容缓冲的情况下播放媒体直到结束"
        );
        M4SAudioUtils.intervalHandler(() => {
          M4SAudio.handler.syncTime();
        });
      },
      error: (event) => {
        M4SAudio.$data.art.emit(
          // @ts-ignore
          "m4sAudio:error",
          event
        );
        console.error(TAG$4 + `Audio加载失败`, event);
        if (utils.isNull(M4SAudio.$data.reconnectInfo.url)) {
          M4SAudio.$data.reconnectInfo.url = M4SAudio.$data.audio.src;
        }
        if (M4SAudio.$data.reconnectInfo.count < M4SAudio.$data.reconnectConfig.maxCount) {
          console.log(
            TAG$4 + `Audio第${M4SAudio.$data.reconnectInfo.count + 1}次尝试重新连接`
          );
          M4SAudio.$data.art.notice.show = `Audio第${M4SAudio.$data.reconnectInfo.count + 1}次尝试重新连接`;
          M4SAudio.$data.reconnectInfo.count++;
          setTimeout(() => {
            M4SAudio.handler.playUrl("");
            M4SAudio.handler.playUrl(M4SAudio.$data.reconnectInfo.url);
            M4SAudio.$data.audio.load();
          }, M4SAudio.$data.reconnectConfig.delayTime);
        } else {
          console.error(TAG$4 + `Audio已超出重连次数`);
          M4SAudio.$data.art.notice.show = `Audio已超出重连次数，请尝试切换源`;
        }
      }
    },
    /**
     * 音频工具处理
     */
    handler: {
      /**
       * 播放音频链接，会自行处理判断是否是字符串链接
       */
      playUrl(url) {
        if (typeof url !== "string") {
          return;
        }
        M4SAudio.$data.audio.src = url;
        M4SAudio.unbindAudio();
        if (utils.isNotNull(url)) {
          M4SAudio.bindAudio();
        }
        M4SAudio.$data.art.emit(
          // @ts-ignore
          "m4sAudio:restart",
          url
        );
        M4SAudio.handler.syncTime();
        M4SAudio.handler.syncPlayState();
      },
      /** 播放音频 */
      play() {
        if (M4SAudio.$data.audio.paused) {
          M4SAudio.$data.audio.play();
          M4SAudio.$data.art.emit(
            // @ts-ignore
            "m4sAudio:play"
          );
        }
      },
      /** 暂停音频 */
      pause() {
        if (!M4SAudio.$data.audio.paused) {
          M4SAudio.$data.audio.pause();
          M4SAudio.$data.art.emit(
            // @ts-ignore
            "m4sAudio:pause"
          );
        }
      },
      /** 同步播放状态 */
      syncPlayState() {
        if (M4SAudio.$data.art.playing) {
          this.play();
        } else {
          this.pause();
        }
        M4SAudio.$data.art.emit(
          // @ts-ignore
          "m4sAudio:syncPlayState"
        );
      },
      /**
       * 音频同步视频进度
       * @param offset 差距大小
       */
      syncTime(offset = 0.1) {
        let videoTime = M4SAudio.$data.art.currentTime;
        let audioTime = M4SAudio.$data.audio.currentTime;
        if (Math.abs(videoTime - audioTime) >= Math.abs(offset)) {
          M4SAudio.$data.audio.currentTime = videoTime;
          this.syncVolume();
          this.syncMuted();
          M4SAudio.$data.art.emit(
            // @ts-ignore
            "m4sAudio:syncTime"
          );
        }
      },
      /** 同步音量 */
      syncVolume() {
        M4SAudio.$data.audio.volume = M4SAudio.$data.art.volume;
        M4SAudio.$data.art.emit(
          // @ts-ignore
          "m4sAudio:syncVolume"
        );
      },
      /** 同步静音状态 */
      syncMuted() {
        let artMuted = M4SAudio.$data.art.muted;
        M4SAudio.$data.audio.muted = artMuted;
        M4SAudio.$data.art.emit(
          // @ts-ignore
          "m4sAudio:syncMuted"
        );
      },
      /** 同步播放倍速 */
      syncPlayBackRate() {
        let artPlayBackRate = M4SAudio.$data.art.playbackRate;
        let audioPlayBackRate = M4SAudio.$data.audio.playbackRate;
        if (artPlayBackRate !== audioPlayBackRate) {
          M4SAudio.$data.audio.playbackRate = artPlayBackRate;
          M4SAudio.$data.art.emit(
            // @ts-ignore
            "m4sAudio:syncPlayBackRate"
          );
        }
      }
    },
    /**
     * 更新
     * @param audioList
     */
    update(option) {
      this.unbind();
      this.unbindAudio();
      this.$data.option = null;
      this.$data.option = option.audioList;
      this.$data.latestSyncTime = 0;
      const that = this;
      if (option.audioList?.length) {
        option.audioList.sort((leftItem, rightItem) => {
          return rightItem.bandwidth - leftItem.bandwidth;
        });
        let firstAudioInfo = option.audioList[0];
        const storageKey = `artplayer-m4s-audio-${option.from}`;
        const storageAudioInfo = this.$data.art.storage.get(
          storageKey
        );
        let currentSelectAudioInfo = {
          index: 0,
          html: firstAudioInfo.soundQualityCodeText,
          /** 播放的地址 */
          url: firstAudioInfo.url
        };
        if (storageAudioInfo) {
          const findAudioIndex = option.audioList.findIndex(
            (item) => item.soundQualityCode === storageAudioInfo.soundQualityCode
          );
          if (findAudioIndex !== -1) {
            const findAudio = option.audioList[findAudioIndex];
            currentSelectAudioInfo.index = findAudioIndex;
            currentSelectAudioInfo.url = findAudio.url;
            currentSelectAudioInfo.html = findAudio.soundQualityCodeText;
          } else {
            console.warn(
              TAG$4 + "没有找到上次选的音频代码，使用当前默认第一个音频"
            );
          }
        }
        let selectorList = option.audioList.map((item, index) => {
          return {
            default: index === currentSelectAudioInfo.index,
            html: item.soundQualityCodeText,
            url: item.url,
            soundQualityCode: item.soundQualityCode,
            soundQualityCodeText: item.soundQualityCodeText,
            codecs: item.codecs,
            mimeType: item.mimeType,
            bandwidth: item.bandwidth,
            size: item.size
          };
        });
        const settingOption = {
          name: ArtPlayer_PLUGIN_M4S_SUPPORT_SETTING_KEY,
          width: 200,
          html: "音频",
          tooltip: currentSelectAudioInfo.html,
          icon: (
            /*html*/
            `
				<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22">
					<path d="M123.5 438.5h131.3v310.7H123.5zM769.2 438.5h131.3v310.7H769.2z"></path>
					<path d="M859.8 398.8h-48.3c-7.9 0-15.4 1.6-22.5 3.9v-32.4c0-125.2-101.9-227.1-227.1-227.1h-99.7c-125.2 0-227.1 101.9-227.1 227.1v32.4c-7.1-2.3-14.6-3.9-22.5-3.9h-48.3c-40.9 0-74.2 33.3-74.2 74.2v243c0 40.9 33.3 74.2 74.2 74.2h48.3c40.9 0 74.2-33.3 74.2-74.2V370.3c0-96.7 78.7-175.4 175.4-175.4h99.7c96.7 0 175.4 78.7 175.4 175.4V716c0 40.9 33.3 74.2 74.2 74.2h48.3c40.9 0 74.2-33.3 74.2-74.2V473c-0.1-40.9-33.3-74.2-74.2-74.2zM235.1 716c0 12.4-10.1 22.5-22.5 22.5h-48.3c-12.4 0-22.5-10.1-22.5-22.5V473c0-12.4 10.1-22.5 22.5-22.5h48.3c12.4 0 22.5 10.1 22.5 22.5v243z m647.2 0c0 12.4-10.1 22.5-22.5 22.5h-48.3c-12.4 0-22.5-10.1-22.5-22.5V473c0-12.4 10.1-22.5 22.5-22.5h48.3c12.4 0 22.5 10.1 22.5 22.5v243z"></path>
					<path d="M531.3 652.3c-1.7 0-3.3-0.1-5-0.4-10.2-1.7-18.7-8.3-22.7-17.8l-41.1-95.4-37 43.8c-8.1 9.6-19.9 15.1-32.5 15.1h-71.9V546h67.6l56.6-67.1c6.8-8.1 17-12 27.5-10.4 10.4 1.5 19.1 8.2 23.3 17.9l41.6 96.7 21.9-24c8-8.8 19.5-13.9 31.4-13.9h102.4v51.7H595l-41.6 45.7c-5.6 6.2-13.7 9.7-22.1 9.7z"></path>
				</svg>
				`
          ),
          selector: selectorList,
          onSelect: function(selector) {
            let itemInfo = selector;
            console.log(TAG$4 + "切换音频", itemInfo);
            that.handler.playUrl(itemInfo.url);
            that.$data.art.storage.set(storageKey, {
              soundQualityCode: itemInfo.soundQualityCode
            });
            return selector.html;
          }
        };
        let findSettingValue = M4SAudio.$data.art.setting.find(
          ArtPlayer_PLUGIN_M4S_SUPPORT_SETTING_KEY
        );
        if (findSettingValue) {
          M4SAudio.$data.art.setting.update(settingOption);
        } else {
          M4SAudio.$data.art.setting.add(settingOption);
        }
        log$1.info("加载m4s的音频：", currentSelectAudioInfo);
        M4SAudio.handler.playUrl(currentSelectAudioInfo.url);
        this.bind();
        this.bindAudio();
      } else {
        M4SAudio.handler.playUrl("");
        let oldSetting = M4SAudio.$data.art.setting.option.find(
          (item) => item.name === ArtPlayer_PLUGIN_M4S_SUPPORT_SETTING_KEY
        );
        if (oldSetting) {
          M4SAudio.$data.art.setting.remove(
            ArtPlayer_PLUGIN_M4S_SUPPORT_SETTING_KEY
          );
        }
      }
    },
    /**
     * 绑定事件
     */
    bind() {
      Object.keys(this.events).forEach((eventName) => {
        this.$data.art.on(
          eventName,
          this.events[eventName]
        );
      });
    },
    /**
     * 绑定音频事件
     */
    bindAudio() {
      Object.keys(this.audioEvents).forEach((eventName) => {
        this.$data.audio.addEventListener(
          eventName,
          this.audioEvents[eventName],
          {
            once: true
          }
        );
      });
    },
    /**
     * 取消绑定事件
     */
    unbind() {
      Object.keys(this.events).forEach((eventName) => {
        this.$data.art.off(
          eventName,
          this.events[eventName]
        );
      });
    },
    /**
     * 取消绑定音频事件
     */
    unbindAudio() {
      Object.keys(this.audioEvents).forEach((eventName) => {
        this.$data.audio.removeEventListener(
          eventName,
          this.audioEvents[eventName]
        );
      });
    }
  };
  const artplayerPluginM4SAudioSupport = (option) => {
    return (art) => {
      M4SAudio.$data.art = art;
      if (typeof option.onRestart === "function") {
        M4SAudio.userEvent.onRestart = option.onRestart;
      }
      M4SAudio.update({
        from: option.from,
        audioList: option.audioList
      });
      return {
        name: M4SAudio.$key.plugin_KEY,
        update(...args) {
          M4SAudio.update(...args);
          M4SAudio.handler.syncVolume();
          M4SAudio.handler.syncMuted();
          M4SAudio.handler.syncTime();
        },
        getAudio() {
          return M4SAudio.$data.audio;
        },
        getCurrentPlayConfig() {
          return M4SAudio.$data.option.find(
            (it) => it.url === M4SAudio.$data.audio.src
          );
        }
      };
    };
  };
  const ArtPlayer_PLUGIN_M4S_AUDIO_SUPPORT_KEY = M4SAudio.$key.plugin_KEY;
  const TopToolBarEvent = {
    events: {
      control: (state) => {
        if (!state) {
          return;
        }
        TopToolBar.updateOnlineTotal({
          showOnlineTotal: TopToolBar.$data.option.showOnlineTotal,
          onlineInfoParams: TopToolBar.$data.option.onlineInfoParams
        });
      }
    },
    /**
     * 绑定事件
     */
    bind() {
      Object.keys(this.events).forEach((eventName) => {
        TopToolBar.art.on(
          eventName,
          this.events[eventName]
        );
      });
    },
    /**
     * 取消绑定事件
     */
    unbind() {
      Object.keys(this.events).forEach((eventName) => {
        TopToolBar.art.off(
          eventName,
          this.events[eventName]
        );
      });
    }
  };
  const TopToolBar = {
    art: null,
    $el: {
      /** 容器 */
      $topWrap: null,
      $topTitle: null,
      /** 视频标题 */
      $topTitleText: null,
      /** 视频标题的下面的容器 */
      $topTitleFollow: null,
      /** 视频标题下面的在线观看人数 */
      $topTitleFollowText: null,
      /** 右侧容器 */
      $topRight: null,
      /** 右侧容器的下面的容器 */
      $topRightFollow: null
    },
    $data: {
      /** 是否已初始化 */
      isInit: false,
      __option: {},
      /** 配置 */
      option: {}
    },
    $key: {
      plugin_KEY: "plugin-bilibili-topToolBar"
    },
    /**
     * 初始化
     */
    init(option) {
      this.art.layers.add({
        name: "top-wrap",
        html: (
          /*html*/
          `
            <div class="art-player-top-wrap">
                <div class="art-player-top-title">
                    <!-- 番剧名，第xx集 -->
                    <div class="art-player-top-title-text"></div></div>
                <div class="art-player-top-follow">
                    <svg class="art-player-top-follow-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13306"><path d="M641.522424 590.30953c-29.470195-20.878516-61.574381-37.341466-95.630011-49.183166C617.699855 497.470075 661.783887 419.876859 661.783887 335.542102c0-132.611274-108.021226-240.529145-240.581334-240.529145-132.62867 0-240.545518 107.916848-240.545518 240.529145 0 45.162596 12.561084 89.143273 36.623106 127.426181 20.159132 32.190143 47.677882 59.195194 80.124875 78.789461-34.56933 11.740392-67.220984 28.493961-97.135294 49.663096-32.652677 23.136953-61.334927 51.117215-85.361133 83.051531-49.937342 66.587558-76.393901 145.737222-76.393901 228.959645 0 15.624862 12.561084 28.237111 28.066219 28.237111 15.607466 0 28.27088-12.612249 28.27088-28.237111 0-86.747713 33.850969-168.516018 95.252411-230.277664 61.266365-61.488423 142.486178-95.40693 228.532927-95.491865 2.806929 0.274246 5.749958 0 8.556886-0.685615l2.326998-0.445138c83.650165 1.678222 162.338319 35.528168 222.268246 95.544053 61.403488 61.675688 95.185896 143.478785 95.185896 230.311433 0 15.45397 12.629645 28.134781 28.16855 28.134781 15.538905 0 28.133757-12.681834 28.133757-28.134781 0-83.307358-26.355251-162.457022-76.393901-228.925876C702.958658 641.376603 674.174078 613.412714 641.522424 590.30953zM421.203576 519.768941c-101.550861 0-184.242188-82.588997-184.242188-184.225815 0-101.550861 82.692351-184.173626 184.242188-184.173626 101.483322 0 184.17465 82.622766 184.17465 184.173626C605.378226 437.178921 522.686898 519.768941 421.203576 519.768941z" p-id="13307"></path><path d="M932.277484 638.022205c-36.074613-52.05968-84.915995-91.249237-141.595902-113.821325 24.986067-17.661242 46.070268-41.141002 61.231573-68.505233 17.627473-31.642674 27.006074-67.820642 27.006074-104.699574 0-114.745371-88.956008-208.082152-198.10594-208.082152-15.607466 0-28.167526 12.595876-28.167526 28.134781s12.56006 28.082592 28.167526 28.082592c78.175477 0 141.700279 68.197218 141.700279 151.86478 0 83.804684-63.524802 151.932318-141.700279 151.932318-15.607466 0-28.167526 12.594853-28.167526 28.134781l0 0.171915c0 15.538905 12.56006 28.184923 28.167526 28.184923 140.569526 0 254.990508 121.899304 254.990508 271.76045 0 15.539928 12.664438 28.219715 28.203342 28.219715 15.504112 0 28.203342-12.68081 28.203342-28.219715C992.209458 761.28967 971.399503 694.427866 932.277484 638.022205z" p-id="13308"></path></svg>
                    <span class="art-player-top-follow-text"></span>
                </div>
                <!-- 右侧的图标 -->
                <div class="art-player-top-right">
                    <div class="art-player-top-right-follow"></div>
                </div>
            </div>
            `
        ),
        mounted: async function($topWrap) {
          TopToolBar.$el.$topWrap = $topWrap;
          TopToolBar.$el.$topTitle = $topWrap.querySelector(
            ".art-player-top-title"
          );
          TopToolBar.$el.$topTitleText = $topWrap.querySelector(
            ".art-player-top-title-text"
          );
          TopToolBar.$el.$topTitleFollow = $topWrap.querySelector(
            ".art-player-top-follow"
          );
          TopToolBar.$el.$topTitleFollowText = $topWrap.querySelector(
            ".art-player-top-follow-text"
          );
          TopToolBar.$el.$topRight = $topWrap.querySelector(
            ".art-player-top-right"
          );
          TopToolBar.$el.$topRightFollow = $topWrap.querySelector(
            ".art-player-top-right-follow"
          );
          TopToolBar.update(option);
          TopToolBarEvent.bind();
        }
      });
    },
    /**
     * 更新配置
     */
    update(option) {
      if (!this.$data.isInit) {
        this.$data.isInit = true;
        Object.defineProperties(this.$data.option, {
          /** 是否显示容器 @default false */
          showWrap: {
            set(value) {
              TopToolBar.$data.__option.showWrap = value;
            },
            get() {
              return TopToolBar.$data.__option.showWrap;
            }
          },
          /** 是否显示标题 @default false */
          showTitle: {
            set(value) {
              TopToolBar.$data.__option.showTitle = value;
            },
            get() {
              return TopToolBar.$data.__option.showTitle;
            }
          },
          /** 视频标题文字 */
          title: {
            set(value) {
              TopToolBar.$data.__option.title = value;
              if (typeof value === "string") {
                TopToolBar.$el.$topTitleText.innerText = value;
              }
            },
            get() {
              return TopToolBar.$data.__option.title;
            }
          },
          /** 是否显示在线观看人数 @default false */
          showOnlineTotal: {
            set(value) {
              TopToolBar.$data.__option.showOnlineTotal = value;
            },
            get() {
              return TopToolBar.$data.__option.showOnlineTotal;
            }
          },
          /** 在线人数请求参数信息 */
          onlineInfoParams: {
            set(value) {
              TopToolBar.$data.__option.onlineInfoParams = value;
              TopToolBar.updateOnlineTotal({
                showOnlineTotal: this.showOnlineTotal,
                onlineInfoParams: value
              });
            },
            get() {
              return TopToolBar.$data.__option.onlineInfoParams;
            }
          },
          /** 是否显示右侧视图 */
          showRight: {
            set(value) {
              TopToolBar.$data.__option.showRight = value;
            },
            get() {
              return TopToolBar.$data.__option.showRight;
            }
          },
          /** 是否显示右侧下面的follow */
          showRightFollow: {
            set(value) {
              TopToolBar.$data.__option.showRightFollow = value;
            },
            get() {
              return TopToolBar.$data.__option.showRightFollow;
            }
          }
        });
      }
      Object.assign(this.$data.option, option);
    },
    /**
     * 更新在线观看人数
     */
    async updateOnlineTotal(option) {
      if (!option.showOnlineTotal) {
        return;
      }
      let onlineTotalInfo = await BilibiliVideoApi.onlineTotal({
        aid: option.onlineInfoParams.aid,
        bvid: option.onlineInfoParams.bvid,
        cid: option.onlineInfoParams.cid
      });
      if (!onlineTotalInfo) {
        return;
      }
      TopToolBar.$el.$topTitleFollowText.innerText = `${onlineTotalInfo["total"] || onlineTotalInfo["count"] || 0}人正在看`;
    }
  };
  const artplayerPluginTopToolBar = (option) => {
    return (art) => {
      TopToolBar.art = art;
      TopToolBar.init(option);
      return {
        name: TopToolBar.$key.plugin_KEY,
        update(option2) {
          TopToolBar.update(option2);
        }
      };
    };
  };
  const ArtPlayer_PLUGIN_TOP_TOOLBAR_KEY = TopToolBar.$key.plugin_KEY;
  const chinese = {
    S: "万与丑专业丛东丝丢两严丧个丬丰临为丽举么义乌乐乔习乡书买乱争于亏云亘亚产亩亲亵亸亿仅从仑仓仪们价众优伙会伛伞伟传伤伥伦伧伪伫体余佣佥侠侣侥侦侧侨侩侪侬俣俦俨俩俪俭债倾偬偻偾偿傥傧储傩儿兑兖党兰关兴兹养兽冁内冈册写军农冢冯冲决况冻净凄凉凌减凑凛几凤凫凭凯击凼凿刍划刘则刚创删别刬刭刽刿剀剂剐剑剥剧劝办务劢动励劲劳势勋勐勚匀匦匮区医华协单卖卢卤卧卫却卺厂厅历厉压厌厍厕厢厣厦厨厩厮县参叆叇双发变叙叠叶号叹叽吁后吓吕吗吣吨听启吴呒呓呕呖呗员呙呛呜咏咔咙咛咝咤咴咸哌响哑哒哓哔哕哗哙哜哝哟唛唝唠唡唢唣唤唿啧啬啭啮啰啴啸喷喽喾嗫呵嗳嘘嘤嘱噜噼嚣嚯团园囱围囵国图圆圣圹场坂坏块坚坛坜坝坞坟坠垄垅垆垒垦垧垩垫垭垯垱垲垴埘埙埚埝埯堑堕塆墙壮声壳壶壸处备复够头夸夹夺奁奂奋奖奥妆妇妈妩妪妫姗姜娄娅娆娇娈娱娲娴婳婴婵婶媪嫒嫔嫱嬷孙学孪宁宝实宠审宪宫宽宾寝对寻导寿将尔尘尧尴尸尽层屃屉届属屡屦屿岁岂岖岗岘岙岚岛岭岳岽岿峃峄峡峣峤峥峦崂崃崄崭嵘嵚嵛嵝嵴巅巩巯币帅师帏帐帘帜带帧帮帱帻帼幂幞干并广庄庆庐庑库应庙庞废庼廪开异弃张弥弪弯弹强归当录彟彦彻径徕御忆忏忧忾怀态怂怃怄怅怆怜总怼怿恋恳恶恸恹恺恻恼恽悦悫悬悭悯惊惧惨惩惫惬惭惮惯愍愠愤愦愿慑慭憷懑懒懔戆戋戏戗战戬户扎扑扦执扩扪扫扬扰抚抛抟抠抡抢护报担拟拢拣拥拦拧拨择挂挚挛挜挝挞挟挠挡挢挣挤挥挦捞损捡换捣据捻掳掴掷掸掺掼揸揽揿搀搁搂搅携摄摅摆摇摈摊撄撑撵撷撸撺擞攒敌敛数斋斓斗斩断无旧时旷旸昙昼昽显晋晒晓晔晕晖暂暧札术朴机杀杂权条来杨杩杰极构枞枢枣枥枧枨枪枫枭柜柠柽栀栅标栈栉栊栋栌栎栏树栖样栾桊桠桡桢档桤桥桦桧桨桩梦梼梾检棂椁椟椠椤椭楼榄榇榈榉槚槛槟槠横樯樱橥橱橹橼檐檩欢欤欧歼殁殇残殒殓殚殡殴毁毂毕毙毡毵氇气氢氩氲汇汉污汤汹沓沟没沣沤沥沦沧沨沩沪沵泞泪泶泷泸泺泻泼泽泾洁洒洼浃浅浆浇浈浉浊测浍济浏浐浑浒浓浔浕涂涌涛涝涞涟涠涡涢涣涤润涧涨涩淀渊渌渍渎渐渑渔渖渗温游湾湿溃溅溆溇滗滚滞滟滠满滢滤滥滦滨滩滪漤潆潇潋潍潜潴澜濑濒灏灭灯灵灾灿炀炉炖炜炝点炼炽烁烂烃烛烟烦烧烨烩烫烬热焕焖焘煅煳熘爱爷牍牦牵牺犊犟状犷犸犹狈狍狝狞独狭狮狯狰狱狲猃猎猕猡猪猫猬献獭玑玙玚玛玮环现玱玺珉珏珐珑珰珲琎琏琐琼瑶瑷璇璎瓒瓮瓯电画畅畲畴疖疗疟疠疡疬疮疯疱疴痈痉痒痖痨痪痫痴瘅瘆瘗瘘瘪瘫瘾瘿癞癣癫癯皑皱皲盏盐监盖盗盘眍眦眬着睁睐睑瞒瞩矫矶矾矿砀码砖砗砚砜砺砻砾础硁硅硕硖硗硙硚确硷碍碛碜碱碹磙礼祎祢祯祷祸禀禄禅离秃秆种积称秽秾稆税稣稳穑穷窃窍窑窜窝窥窦窭竖竞笃笋笔笕笺笼笾筑筚筛筜筝筹签简箓箦箧箨箩箪箫篑篓篮篱簖籁籴类籼粜粝粤粪粮糁糇紧絷纟纠纡红纣纤纥约级纨纩纪纫纬纭纮纯纰纱纲纳纴纵纶纷纸纹纺纻纼纽纾线绀绁绂练组绅细织终绉绊绋绌绍绎经绐绑绒结绔绕绖绗绘给绚绛络绝绞统绠绡绢绣绤绥绦继绨绩绪绫绬续绮绯绰绱绲绳维绵绶绷绸绹绺绻综绽绾绿缀缁缂缃缄缅缆缇缈缉缊缋缌缍缎缏缐缑缒缓缔缕编缗缘缙缚缛缜缝缞缟缠缡缢缣缤缥缦缧缨缩缪缫缬缭缮缯缰缱缲缳缴缵罂网罗罚罢罴羁羟羡翘翙翚耢耧耸耻聂聋职聍联聩聪肃肠肤肷肾肿胀胁胆胜胧胨胪胫胶脉脍脏脐脑脓脔脚脱脶脸腊腌腘腭腻腼腽腾膑臜舆舣舰舱舻艰艳艹艺节芈芗芜芦苁苇苈苋苌苍苎苏苘苹茎茏茑茔茕茧荆荐荙荚荛荜荞荟荠荡荣荤荥荦荧荨荩荪荫荬荭荮药莅莜莱莲莳莴莶获莸莹莺莼萚萝萤营萦萧萨葱蒇蒉蒋蒌蓝蓟蓠蓣蓥蓦蔷蔹蔺蔼蕲蕴薮藁藓虏虑虚虫虬虮虽虾虿蚀蚁蚂蚕蚝蚬蛊蛎蛏蛮蛰蛱蛲蛳蛴蜕蜗蜡蝇蝈蝉蝎蝼蝾螀螨蟏衅衔补衬衮袄袅袆袜袭袯装裆裈裢裣裤裥褛褴襁襕见观觃规觅视觇览觉觊觋觌觍觎觏觐觑觞触觯詟誉誊讠计订讣认讥讦讧讨让讪讫训议讯记讱讲讳讴讵讶讷许讹论讻讼讽设访诀证诂诃评诅识诇诈诉诊诋诌词诎诏诐译诒诓诔试诖诗诘诙诚诛诜话诞诟诠诡询诣诤该详诧诨诩诪诫诬语诮误诰诱诲诳说诵诶请诸诹诺读诼诽课诿谀谁谂调谄谅谆谇谈谊谋谌谍谎谏谐谑谒谓谔谕谖谗谘谙谚谛谜谝谞谟谠谡谢谣谤谥谦谧谨谩谪谫谬谭谮谯谰谱谲谳谴谵谶谷豮贝贞负贠贡财责贤败账货质贩贪贫贬购贮贯贰贱贲贳贴贵贶贷贸费贺贻贼贽贾贿赀赁赂赃资赅赆赇赈赉赊赋赌赍赎赏赐赑赒赓赔赕赖赗赘赙赚赛赜赝赞赟赠赡赢赣赪赵赶趋趱趸跃跄跖跞践跶跷跸跹跻踊踌踪踬踯蹑蹒蹰蹿躏躜躯车轧轨轩轪轫转轭轮软轰轱轲轳轴轵轶轷轸轹轺轻轼载轾轿辀辁辂较辄辅辆辇辈辉辊辋辌辍辎辏辐辑辒输辔辕辖辗辘辙辚辞辩辫边辽达迁过迈运还这进远违连迟迩迳迹适选逊递逦逻遗遥邓邝邬邮邹邺邻郁郄郏郐郑郓郦郧郸酝酦酱酽酾酿释里鉅鉴銮錾钆钇针钉钊钋钌钍钎钏钐钑钒钓钔钕钖钗钘钙钚钛钝钞钟钠钡钢钣钤钥钦钧钨钩钪钫钬钭钮钯钰钱钲钳钴钵钶钷钸钹钺钻钼钽钾钿铀铁铂铃铄铅铆铈铉铊铋铍铎铏铐铑铒铕铗铘铙铚铛铜铝铞铟铠铡铢铣铤铥铦铧铨铪铫铬铭铮铯铰铱铲铳铴铵银铷铸铹铺铻铼铽链铿销锁锂锃锄锅锆锇锈锉锊锋锌锍锎锏锐锑锒锓锔锕锖锗错锚锜锞锟锠锡锢锣锤锥锦锨锩锫锬锭键锯锰锱锲锳锴锵锶锷锸锹锺锻锼锽锾锿镀镁镂镃镆镇镈镉镊镌镍镎镏镐镑镒镕镖镗镙镚镛镜镝镞镟镠镡镢镣镤镥镦镧镨镩镪镫镬镭镮镯镰镱镲镳镴镶长门闩闪闫闬闭问闯闰闱闲闳间闵闶闷闸闹闺闻闼闽闾闿阀阁阂阃阄阅阆阇阈阉阊阋阌阍阎阏阐阑阒阓阔阕阖阗阘阙阚阛队阳阴阵阶际陆陇陈陉陕陧陨险随隐隶隽难雏雠雳雾霁霉霭靓静靥鞑鞒鞯鞴韦韧韨韩韪韫韬韵页顶顷顸项顺须顼顽顾顿颀颁颂颃预颅领颇颈颉颊颋颌颍颎颏颐频颒颓颔颕颖颗题颙颚颛颜额颞颟颠颡颢颣颤颥颦颧风飏飐飑飒飓飔飕飖飗飘飙飚飞飨餍饤饥饦饧饨饩饪饫饬饭饮饯饰饱饲饳饴饵饶饷饸饹饺饻饼饽饾饿馀馁馂馃馄馅馆馇馈馉馊馋馌馍馎馏馐馑馒馓馔馕马驭驮驯驰驱驲驳驴驵驶驷驸驹驺驻驼驽驾驿骀骁骂骃骄骅骆骇骈骉骊骋验骍骎骏骐骑骒骓骔骕骖骗骘骙骚骛骜骝骞骟骠骡骢骣骤骥骦骧髅髋髌鬓魇魉鱼鱽鱾鱿鲀鲁鲂鲄鲅鲆鲇鲈鲉鲊鲋鲌鲍鲎鲏鲐鲑鲒鲓鲔鲕鲖鲗鲘鲙鲚鲛鲜鲝鲞鲟鲠鲡鲢鲣鲤鲥鲦鲧鲨鲩鲪鲫鲬鲭鲮鲯鲰鲱鲲鲳鲴鲵鲶鲷鲸鲹鲺鲻鲼鲽鲾鲿鳀鳁鳂鳃鳄鳅鳆鳇鳈鳉鳊鳋鳌鳍鳎鳏鳐鳑鳒鳓鳔鳕鳖鳗鳘鳙鳛鳜鳝鳞鳟鳠鳡鳢鳣鸟鸠鸡鸢鸣鸤鸥鸦鸧鸨鸩鸪鸫鸬鸭鸮鸯鸰鸱鸲鸳鸴鸵鸶鸷鸸鸹鸺鸻鸼鸽鸾鸿鹀鹁鹂鹃鹄鹅鹆鹇鹈鹉鹊鹋鹌鹍鹎鹏鹐鹑鹒鹓鹔鹕鹖鹗鹘鹚鹛鹜鹝鹞鹟鹠鹡鹢鹣鹤鹥鹦鹧鹨鹩鹪鹫鹬鹭鹯鹰鹱鹲鹳鹴鹾麦麸黄黉黡黩黪黾鼋鼌鼍鼗鼹齄齐齑齿龀龁龂龃龄龅龆龇龈龉龊龋龌龙龚龛龟志制咨只里系范松没尝尝闹面准钟别闲乾尽脏拼冲里",
    T: "萬與醜專業叢東絲丟兩嚴喪個丬豐臨爲麗舉麼義烏樂喬習鄉書買亂爭於虧雲亙亞產畝親褻嚲億僅從侖倉儀們價衆優夥會傴傘偉傳傷倀倫傖僞佇體餘傭僉俠侶僥偵側僑儈儕儂俁儔儼倆儷儉債傾傯僂僨償儻儐儲儺兒兌兗黨蘭關興茲養獸囅內岡冊寫軍農冢馮沖決況凍淨淒涼凌減湊凜幾鳳鳧憑凱擊凼鑿芻劃劉則剛創刪別剗剄劊劌剴劑剮劍剝劇勸辦務勱動勵勁勞勢勳勐勩勻匭匱區醫華協單賣盧滷臥衛卻巹廠廳歷厲壓厭厙廁廂厴廈廚廄廝縣參靉靆雙發變敘疊葉號嘆嘰籲後嚇呂嗎唚噸聽啓吳嘸囈嘔嚦唄員咼嗆嗚詠咔嚨嚀噝吒咴鹹哌響啞噠嘵嗶噦譁噲嚌噥喲嘜嗊嘮啢嗩唣喚唿嘖嗇囀齧囉嘽嘯噴嘍嚳囁呵噯噓嚶囑嚕噼囂嚯團園囪圍圇國圖圓聖壙場阪壞塊堅壇壢壩塢墳墜壟壠壚壘墾垧堊墊埡墶壋塏堖塒壎堝埝垵塹墮壪牆壯聲殼壺壼處備復夠頭誇夾奪奩奐奮獎奧妝婦媽嫵嫗嬀姍姜婁婭嬈嬌孌娛媧嫺嫿嬰嬋嬸媼嬡嬪嬙嬤孫學孿寧寶實寵審憲宮寬賓寢對尋導壽將爾塵堯尷屍盡層屓屜屆屬屢屨嶼歲豈嶇崗峴嶴嵐島嶺嶽崬巋嶨嶧峽嶢嶠崢巒嶗崍嶮嶄嶸嶔嵛嶁嵴巔鞏巰幣帥師幃帳簾幟帶幀幫幬幘幗冪襆幹並廣莊慶廬廡庫應廟龐廢廎廩開異棄張彌弳彎彈強歸當錄彠彥徹徑徠御憶懺憂愾懷態慫憮慪悵愴憐總懟懌戀懇惡慟懨愷惻惱惲悅愨懸慳憫驚懼慘懲憊愜慚憚慣愍慍憤憒願懾憖憷懣懶懍戇戔戲戧戰戩戶扎撲扦執擴捫掃揚擾撫拋摶摳掄搶護報擔擬攏揀擁攔擰撥擇掛摯攣掗撾撻挾撓擋撟掙擠揮撏撈損撿換搗據捻擄摑擲撣摻摜揸攬撳攙擱摟攪攜攝攄擺搖擯攤攖撐攆擷擼攛擻攢敵斂數齋斕鬥斬斷無舊時曠暘曇晝曨顯晉曬曉曄暈暉暫曖札術樸機殺雜權條來楊榪傑極構樅樞棗櫪梘棖槍楓梟櫃檸檉梔柵標棧櫛櫳棟櫨櫟欄樹棲樣欒桊椏橈楨檔榿橋樺檜槳樁夢檮棶檢櫺槨櫝槧欏橢樓欖櫬櫚櫸檟檻檳櫧橫檣櫻櫫櫥櫓櫞檐檁歡歟歐殲歿殤殘殞殮殫殯毆毀轂畢斃氈毿氌氣氫氬氳匯漢污湯洶沓溝沒灃漚瀝淪滄渢潙滬沵濘淚澩瀧瀘濼瀉潑澤涇潔灑窪浹淺漿澆湞溮濁測澮濟瀏滻渾滸濃潯濜塗涌濤澇淶漣潿渦溳渙滌潤澗漲澀澱淵淥漬瀆漸澠漁瀋滲溫遊灣溼潰濺漵漊潷滾滯灩灄滿瀅濾濫灤濱灘澦漤瀠瀟瀲濰潛瀦瀾瀨瀕灝滅燈靈災燦煬爐燉煒熗點煉熾爍爛烴燭煙煩燒燁燴燙燼熱煥燜燾煅煳熘愛爺牘犛牽犧犢犟狀獷獁猶狽狍獮獰獨狹獅獪猙獄猻獫獵獼玀豬貓蝟獻獺璣璵瑒瑪瑋環現瑲璽珉珏琺瓏璫琿璡璉瑣瓊瑤璦璇瓔瓚甕甌電畫暢畲疇癤療瘧癘瘍癧瘡瘋皰痾癰痙癢瘂癆瘓癇癡癉瘮瘞瘻癟癱癮癭癩癬癲癯皚皺皸盞鹽監蓋盜盤瞘眥矓着睜睞瞼瞞矚矯磯礬礦碭碼磚硨硯碸礪礱礫礎硜硅碩硤磽磑礄確礆礙磧磣鹼碹磙禮禕禰禎禱禍稟祿禪離禿稈種積稱穢穠穭稅穌穩穡窮竊竅窯竄窩窺竇窶豎競篤筍筆筧箋籠籩築篳篩簹箏籌籤簡籙簀篋籜籮簞簫簣簍籃籬籪籟糴類秈糶糲粵糞糧糝餱緊縶糹糾紆紅紂纖紇約級紈纊紀紉緯紜紘純紕紗綱納紝縱綸紛紙紋紡紵紖紐紓線紺紲紱練組紳細織終縐絆紼絀紹繹經紿綁絨結絝繞絰絎繪給絢絳絡絕絞統綆綃絹繡綌綏絛繼綈績緒綾緓續綺緋綽鞝緄繩維綿綬繃綢綯綹綣綜綻綰綠綴緇緙緗緘緬纜緹緲緝縕繢緦綞緞緶線緱縋緩締縷編緡緣縉縛縟縝縫縗縞纏縭縊縑繽縹縵縲纓縮繆繅纈繚繕繒繮繾繰繯繳纘罌網羅罰罷羆羈羥羨翹翽翬耮耬聳恥聶聾職聹聯聵聰肅腸膚肷腎腫脹脅膽勝朧腖臚脛膠脈膾髒臍腦膿臠腳脫腡臉臘醃膕齶膩靦膃騰臏臢輿艤艦艙艫艱豔艹藝節羋薌蕪蘆蓯葦藶莧萇蒼苧蘇檾蘋莖蘢蔦塋煢繭荊薦薘莢蕘蓽蕎薈薺蕩榮葷滎犖熒蕁藎蓀蔭蕒葒葤藥蒞莜萊蓮蒔萵薟獲蕕瑩鶯蓴蘀蘿螢營縈蕭薩蔥蕆蕢蔣蔞藍薊蘺蕷鎣驀薔蘞藺藹蘄蘊藪藁蘚虜慮虛蟲虯蟣雖蝦蠆蝕蟻螞蠶蠔蜆蠱蠣蟶蠻蟄蛺蟯螄蠐蛻蝸蠟蠅蟈蟬蠍螻蠑螿蟎蠨釁銜補襯袞襖嫋褘襪襲襏裝襠褌褳襝褲襉褸襤襁襴見觀覎規覓視覘覽覺覬覡覿覥覦覯覲覷觴觸觶讋譽謄訁計訂訃認譏訐訌討讓訕訖訓議訊記訒講諱謳詎訝訥許訛論訩訟諷設訪訣證詁訶評詛識詗詐訴診詆謅詞詘詔詖譯詒誆誄試詿詩詰詼誠誅詵話誕詬詮詭詢詣諍該詳詫諢詡譸誡誣語誚誤誥誘誨誑說誦誒請諸諏諾讀諑誹課諉諛誰諗調諂諒諄誶談誼謀諶諜謊諫諧謔謁謂諤諭諼讒諮諳諺諦謎諞諝謨讜謖謝謠謗諡謙謐謹謾謫譾謬譚譖譙讕譜譎讞譴譫讖谷豶貝貞負貟貢財責賢敗賬貨質販貪貧貶購貯貫貳賤賁貰貼貴貺貸貿費賀貽賊贄賈賄貲賃賂贓資賅贐賕賑賚賒賦賭齎贖賞賜贔賙賡賠賧賴賵贅賻賺賽賾贗贊贇贈贍贏贛赬趙趕趨趲躉躍蹌跖躒踐躂蹺蹕躚躋踊躊蹤躓躑躡蹣躕躥躪躦軀車軋軌軒軑軔轉軛輪軟轟軲軻轤軸軹軼軤軫轢軺輕軾載輊轎輈輇輅較輒輔輛輦輩輝輥輞輬輟輜輳輻輯轀輸轡轅轄輾轆轍轔辭辯辮邊遼達遷過邁運還這進遠違連遲邇逕跡適選遜遞邐邏遺遙鄧鄺鄔郵鄒鄴鄰鬱郄郟鄶鄭鄆酈鄖鄲醞醱醬釅釃釀釋裏鉅鑑鑾鏨釓釔針釘釗釙釕釷釺釧釤鈒釩釣鍆釹鍚釵鈃鈣鈈鈦鈍鈔鍾鈉鋇鋼鈑鈐鑰欽鈞鎢鉤鈧鈁鈥鈄鈕鈀鈺錢鉦鉗鈷鉢鈳鉕鈽鈸鉞鑽鉬鉭鉀鈿鈾鐵鉑鈴鑠鉛鉚鈰鉉鉈鉍鈹鐸鉶銬銠鉺銪鋏鋣鐃銍鐺銅鋁銱銦鎧鍘銖銑鋌銩銛鏵銓鉿銚鉻銘錚銫鉸銥鏟銃鐋銨銀銣鑄鐒鋪鋙錸鋱鏈鏗銷鎖鋰鋥鋤鍋鋯鋨鏽銼鋝鋒鋅鋶鐦鐗銳銻鋃鋟鋦錒錆鍺錯錨錡錁錕錩錫錮鑼錘錐錦杴錈錇錟錠鍵鋸錳錙鍥鍈鍇鏘鍶鍔鍤鍬鍾鍛鎪鍠鍰鎄鍍鎂鏤鎡鏌鎮鎛鎘鑷鐫鎳鎿鎦鎬鎊鎰鎔鏢鏜鏍鏰鏞鏡鏑鏃鏇鏐鐔钁鐐鏷鑥鐓鑭鐠鑹鏹鐙鑊鐳鐶鐲鐮鐿鑔鑣鑞鑲長門閂閃閆閈閉問闖閏闈閒閎間閔閌悶閘鬧閨聞闥閩閭闓閥閣閡閫鬮閱閬闍閾閹閶鬩閿閽閻閼闡闌闃闠闊闋闔闐闒闕闞闤隊陽陰陣階際陸隴陳陘陝隉隕險隨隱隸雋難雛讎靂霧霽黴靄靚靜靨韃鞽韉鞴韋韌韍韓韙韞韜韻頁頂頃頇項順須頊頑顧頓頎頒頌頏預顱領頗頸頡頰頲頜潁熲頦頤頻頮頹頷頴穎顆題顒顎顓顏額顳顢顛顙顥纇顫顬顰顴風颺颭颮颯颶颸颼颻飀飄飆飈飛饗饜飣飢飥餳飩餼飪飫飭飯飲餞飾飽飼飿飴餌饒餉餄餎餃餏餅餑餖餓餘餒餕餜餛餡館餷饋餶餿饞饁饃餺餾饈饉饅饊饌饢馬馭馱馴馳驅馹駁驢駔駛駟駙駒騶駐駝駑駕驛駘驍罵駰驕驊駱駭駢驫驪騁驗騂駸駿騏騎騍騅騌驌驂騙騭騤騷騖驁騮騫騸驃騾驄驏驟驥驦驤髏髖髕鬢魘魎魚魛魢魷魨魯魴魺鮁鮃鮎鱸鮋鮓鮒鮊鮑鱟鮍鮐鮭鮚鮳鮪鮞鮦鰂鮜鱠鱭鮫鮮鮺鯗鱘鯁鱺鰱鰹鯉鰣鰷鯀鯊鯇鮶鯽鯒鯖鯪鯕鯫鯡鯤鯧鯝鯢鮎鯛鯨鰺鯴鯔鱝鰈鰏鱨鯷鰮鰃鰓鱷鰍鰒鰉鰁鱂鯿鰠鰲鰭鰨鰥鰩鰟鰜鰳鰾鱈鱉鰻鰵鱅鰼鱖鱔鱗鱒鱯鱤鱧鱣鳥鳩雞鳶鳴鳲鷗鴉鶬鴇鴆鴣鶇鸕鴨鴞鴦鴒鴟鴝鴛鷽鴕鷥鷙鴯鴰鵂鴴鵃鴿鸞鴻鵐鵓鸝鵑鵠鵝鵒鷳鵜鵡鵲鶓鵪鵾鵯鵬鵮鶉鶊鵷鷫鶘鶡鶚鶻鶿鶥鶩鷊鷂鶲鶹鶺鷁鶼鶴鷖鸚鷓鷚鷯鷦鷲鷸鷺鸇鷹鸌鸏鸛鸘鹺麥麩黃黌黶黷黲黽黿鼂鼉鞀鼴齇齊齏齒齔齕齗齟齡齙齠齜齦齬齪齲齷龍龔龕龜志制諮只裏系範鬆沒嚐嚐鬧面準鍾別閒乾盡髒拼衝裡"
  };
  const S = chinese.S;
  const T = chinese.T;
  const tranStr = (str, toT) => {
    let src;
    let des;
    let i;
    let letter;
    let result = "";
    let index;
    if (toT) {
      src = S;
      des = T;
    } else {
      src = T;
      des = S;
    }
    for (i = 0; i < str.length; i++) {
      letter = str.charAt(i);
      const code = str.charCodeAt(i);
      const isChinese = code > 13312 && code < 40899 || code > 63744 && code < 64106;
      if (!isChinese) {
        result += letter;
        continue;
      }
      index = src.indexOf(letter);
      if (index !== -1)
        result += des.charAt(index);
      else
        result += letter;
    }
    return result;
  };
  const Chinese = {
    s2t: (str, custom) => {
      if (custom) {
        for (let s = 0; s < custom.length; s++) {
          if (str.includes(custom[s].src))
            str = str.replaceAll(custom[s].src, custom[s].des);
        }
        return tranStr(str, true);
      } else {
        return tranStr(str, true);
      }
    },
    t2s: (str, custom) => {
      if (custom) {
        for (let s = 0; s < custom.length; s++) {
          if (str.includes(custom[s].src))
            str = str.replaceAll(custom[s].src, custom[s].des);
        }
        return tranStr(str, false);
      } else {
        return tranStr(str, false);
      }
    }
  };
  const TAG$3 = "[artplayer-plugin-bilibiliCCSubTitle]：";
  const SubTitleCustomStr = {
    src: "臟妳為傢蔔餵眾係姊託迴蹟儘封啟",
    des: "脏你为家卜喂众系姐托回迹尽对启",
    more_src: ["乾脆", "随著", "相信著", "奇蹟", "拚命", "採取", "製造"],
    more_des: ["干脆", "随着", "相信着", "奇迹", "拼命", "采取", "制造"],
    _custom_str: [],
    generteCustomStr() {
      for (let index = 0; index < this.src.length; index++) {
        this._custom_str.push({
          src: this.src[index],
          des: this.des[index]
        });
      }
      for (let index = 0; index < this.more_src.length; index++) {
        this._custom_str.push({
          src: this.more_src[index],
          des: this.more_des[index]
        });
      }
    },
    getCustomStr() {
      return this._custom_str;
    }
  };
  const SubTitleEvent = {
    /**
     * 重置
     */
    reset() {
      this.unbind();
    },
    /**
     * 绑定事件
     */
    bind() {
      SubTitle.art.on("video:timeupdate", this.event, this);
    },
    /**
     * 取消绑定事件
     */
    unbind() {
      SubTitle.clearSubTitle();
      SubTitle.art.off("video:timeupdate", this.event);
    },
    /**
     * 事件
     */
    event() {
      let currentTime = SubTitle.art.currentTime;
      let currentSubTitleData = SubTitleData.allSubTitleInfo[SubTitleData.currentSelectIndex]?.data;
      if (!currentSubTitleData) {
        return;
      }
      let findValue = currentSubTitleData.find((item) => {
        if (item.to >= currentTime && item.from <= currentTime) {
          return true;
        } else {
          return false;
        }
      });
      let $allSubTitleLine = Array.from(
        SubTitle.$el.$subtitle.querySelectorAll(".art-subtitle-line")
      );
      for (let index = 0; index < $allSubTitleLine.length; index++) {
        const $oldSubtitleLine = $allSubTitleLine[index];
        const { from: oldFrom, to: oldTo } = Reflect.get(
          $oldSubtitleLine,
          "data-subtitle-line-info"
        );
        if (oldTo <= currentTime || oldFrom >= currentTime) {
          $oldSubtitleLine.remove();
        } else {
          if (findValue) {
            if (findValue.from === oldFrom && findValue.to === oldTo) {
              return;
            }
          }
        }
      }
      if (findValue) {
        let $subtitleLine = document.createElement("div");
        $subtitleLine.className = "art-subtitle-line";
        Reflect.set($subtitleLine, "data-subtitle-line-info", findValue);
        $subtitleLine.setAttribute("data-group", "0");
        $subtitleLine.innerHTML = findValue.content;
        SubTitle.$el.$subtitle.appendChild($subtitleLine);
      }
    }
  };
  const SubTitleData = {
    /**
     * 所有的字幕信息
     */
    allSubTitleInfo: [],
    /**
     * 当前选择的字幕下标
     */
    currentSelectIndex: -1,
    /**
     * 重置所有data数据
     */
    reset() {
      this.allSubTitleInfo = [];
      this.currentSelectIndex = -1;
    }
  };
  const SubTitle = {
    art: null,
    $key: {
      plugin_KEY: "plugin-bilibili-cc-subtitle"
    },
    $el: {
      /**
       * 字幕容器
       */
      $subtitle: null
    },
    /**
     * 更新字幕信息
     * @param option
     */
    async update(option) {
      const that = this;
      const STORAGE_KEY = `artplayer-bili-cc-subtitle-${option.from}`;
      const SubTitleSettingLayer = {
        config: {
          NAME: "setting-bilibili-cc-subtitle"
        },
        /**
         * 获取默认的配置项
         */
        getDefaultSettingOption: () => {
          return {
            name: SubTitleSettingLayer.config.NAME,
            width: 200,
            html: "字幕",
            tooltip: "",
            icon: (
              /*html*/
              `
					<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">
						<path d="M0 0h48v48H0z" fill="none"/>
						<path fill="#ffffff" d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>
					</svg>
					`
            ),
            selector: [],
            onSelect: function(selector) {
              let itemInfo = selector;
              that.art.storage.set(STORAGE_KEY, {
                lan: itemInfo.subTitle_lan
              });
              SubTitleEvent.unbind();
              SubTitleData.currentSelectIndex = itemInfo.subTitle_index;
              if (itemInfo.subTitle_index !== -1) {
                SubTitleEvent.bind();
              }
              return selector.html;
            }
          };
        },
        /**
         * 获取配置项
         *
         * 因为配置会被动态修改，
         */
        getSettingOption: () => {
          const settingOption = SubTitleSettingLayer.getDefaultSettingOption();
          const defaultSelector2 = SubTitleSettingLayer.getDefaultSettingSelector();
          settingOption.selector.push(defaultSelector2);
          settingOption.tooltip = defaultSelector2.html;
          return settingOption;
        },
        /**
         * 获取默认的selector配置项
         */
        getDefaultSettingSelector: () => {
          return {
            default: true,
            html: "无",
            subTitle_lan: "",
            subTitle_index: 0,
            subTitle_data: []
          };
        },
        /**
         * 添加配置菜单
         */
        addSetting(selectorList) {
          let settingOption = this.getSettingOption();
          if (selectorList && selectorList.length) {
            settingOption.selector.push(...selectorList);
            let firstSubTitle = settingOption.selector[0];
            let currentSelectSubTitle = {
              index: 0,
              html: firstSubTitle.html
            };
            const storageInfo = that.art.storage.get(
              STORAGE_KEY
            );
            if (storageInfo) {
              const findInfoIndex = settingOption.selector.findIndex(
                (item) => item.subTitle_lan === storageInfo.lan
              );
              if (findInfoIndex !== -1) {
                const findInfo = settingOption.selector[findInfoIndex];
                console.log(TAG$3 + "选择字幕：" + findInfo.html);
                currentSelectSubTitle.index = findInfoIndex;
                currentSelectSubTitle.html = findInfo.html;
              } else {
                console.warn(TAG$3 + "没有找到上次选的字幕，使用当前默认无");
              }
            }
            for (let index = 0; index < settingOption.selector.length; index++) {
              settingOption.selector[index].default = index === currentSelectSubTitle.index;
            }
            settingOption.tooltip = currentSelectSubTitle.html;
            SubTitleData.currentSelectIndex = currentSelectSubTitle.index;
          }
          if (this.isAddSetting()) {
            console.log(TAG$3 + "更新字幕菜单", selectorList ?? []);
            that.art.setting.update(settingOption);
          } else {
            that.art.setting.add(settingOption);
          }
        },
        /**
         * 判断是否已经添加了配置菜单
         */
        isAddSetting() {
          return that.art.setting.find(this.config.NAME) != null;
        }
      };
      SubTitleData.reset();
      SubTitleEvent.reset();
      const defaultSelector = SubTitleSettingLayer.getDefaultSettingSelector();
      SubTitleData.currentSelectIndex = 0;
      SubTitleData.allSubTitleInfo.push({
        name: defaultSelector.html,
        lan: defaultSelector.subTitle_lan,
        data: defaultSelector.subTitle_data
      });
      SubTitleSettingLayer.addSetting();
      const settingSelectorList = [];
      this.$el.$subtitle = this.art.template.$subtitle;
      const searchParamsData = {
        cid: option.cid
      };
      if (option.ep_id) {
        Reflect.set(searchParamsData, "ep_id", option.ep_id);
      }
      if (option.aid) {
        Reflect.set(searchParamsData, "aid", option.aid);
      } else if (option.bvid) {
        Reflect.set(searchParamsData, "bvid", option.bvid);
      } else {
        throw new TypeError("avid or bvid must give one");
      }
      const videoInfoResponse = await httpx.get(
        `https://${BilibiliApiConfig.web_host}/x/player/v2?${utils.toSearchParamsStr(searchParamsData)}`,
        {
          fetch: true,
          allowInterceptConfig: false,
          responseType: "json",
          headers: {
            Host: "www.bilibili.com",
            Referer: "https://www.bilibili.com"
          }
        }
      );
      if (!videoInfoResponse.status) {
        console.error(
          TAG$3 + "网络异常，获取视频的字幕信息失败",
          videoInfoResponse
        );
        return;
      }
      console.log(TAG$3 + "视频的字幕信息", videoInfoResponse);
      const videoInfoResultJSON = utils.toJSON(
        videoInfoResponse.data.responseText
      );
      if (!BilibiliApiResponseCheck.isWebApiSuccess(videoInfoResultJSON)) {
        console.error(TAG$3 + "获取视频的字幕信息失败", videoInfoResultJSON);
        return;
      }
      let subTitleUrlInfoList = videoInfoResultJSON["data"]["subtitle"]["subtitles"];
      if (!subTitleUrlInfoList.length) {
        console.warn(TAG$3 + "获取字幕链接列表为空", videoInfoResultJSON);
        return;
      }
      for (let index = 0; index < subTitleUrlInfoList.length; index++) {
        const subTitleUrlInfo = subTitleUrlInfoList[index];
        console.log(TAG$3 + "请求字幕链接信息：" + subTitleUrlInfo.subtitle_url);
        if (utils.isNull(subTitleUrlInfo.subtitle_url)) {
          continue;
        }
        const subTitleInfoResponse = await httpx.get(
          subTitleUrlInfo.subtitle_url,
          {
            responseType: "json",
            allowInterceptConfig: false,
            headers: {
              // Host: "www.bilibili.com",
              Referer: "https://www.bilibili.com",
              "User-Agent": utils.getRandomPCUA()
            }
          }
        );
        if (subTitleInfoResponse.status) {
          console.log(TAG$3 + "成功获取字幕信息");
          const subTitleInfoJSON = utils.toJSON(
            subTitleInfoResponse.data.responseText
          );
          const subTitleInfo = subTitleInfoJSON["body"];
          let currentIndex = SubTitleData.allSubTitleInfo.length;
          let data2 = {
            name: subTitleUrlInfo.lan_doc,
            lan: subTitleUrlInfo.lan,
            data: subTitleInfo
          };
          SubTitleData.allSubTitleInfo.push(data2);
          settingSelectorList.push({
            html: subTitleUrlInfo.lan_doc,
            subTitle_index: currentIndex,
            subTitle_lan: subTitleUrlInfo.lan,
            subTitle_data: subTitleInfo
          });
        } else {
          console.error(TAG$3 + "请求字幕链接信息失败", subTitleInfoResponse);
        }
      }
      if (Panel.getValue("bili-bangumi-generateSimpleChineseSubtitle")) {
        let subTitleHant = SubTitleData.allSubTitleInfo.find((item) => {
          return item.lan === "zh-Hant" || item.name.includes("繁体");
        });
        if (subTitleHant) {
          let simpleChineseSubtitleData = [];
          subTitleHant.data.forEach((item) => {
            const { content, ...otherData } = item;
            const translateContent = Chinese.t2s(
              content,
              SubTitleCustomStr.getCustomStr()
            );
            simpleChineseSubtitleData.push({
              content: translateContent,
              ...otherData
            });
          });
          let subTitleName = "简体（自动生成）";
          let currentIndex = SubTitleData.allSubTitleInfo.length;
          SubTitleData.allSubTitleInfo.push({
            name: subTitleName,
            lan: "zh-CN-auto",
            data: simpleChineseSubtitleData
          });
          settingSelectorList.push({
            html: subTitleName,
            subTitle_index: currentIndex,
            subTitle_lan: "zh-CN-auto",
            subTitle_data: simpleChineseSubtitleData
          });
        }
      }
      console.log(TAG$3 + "加载视频CC字幕信息", SubTitleData.allSubTitleInfo);
      if (SubTitleData.allSubTitleInfo[SubTitleData.currentSelectIndex].data == null || SubTitleData.allSubTitleInfo[SubTitleData.currentSelectIndex].data.length == 0) ;
      else {
        SubTitleEvent.bind();
      }
      SubTitleSettingLayer.addSetting(settingSelectorList);
    },
    /**
     * 清空字幕
     */
    clearSubTitle() {
      if (this.$el.$subtitle) {
        this.$el.$subtitle.innerHTML = "";
      }
    },
    /**
     * 更新artplayer实例
     * @param art
     */
    updateArtPlayer(art) {
      this.art = art;
    }
  };
  function artplayerPluginBilibiliCCSubTitle(option) {
    return (art) => {
      SubTitleCustomStr.generteCustomStr();
      SubTitle.updateArtPlayer(art);
      SubTitle.update(option);
      return {
        name: SubTitle.$key.plugin_KEY,
        update(option2) {
          SubTitle.update(option2);
        }
      };
    };
  }
  const ArtPlayer_PLUGIN_BILIBILI_CC_SUBTITLE_KEY = SubTitle.$key.plugin_KEY;
  const TAG$2 = "[artplayer-plugin-epChoose]：";
  const GenerateArtPlayerEpTitle = (title, title_id) => {
    if (title_id == null || title_id == "") {
      return title;
    }
    if (isNaN(Number(title_id))) {
      return title_id.toString();
    }
    return `第${title_id}话 ${title}`;
  };
  const GenerateArtPlayerEpSetting = (option) => {
    let tooltip = "";
    let selector = option.EP_LIST.map((item, itemIndex) => {
      if (item.isDefault) {
        tooltip = item.title;
      }
      return {
        html: item.title,
        default: item.isDefault,
        index: itemIndex,
        callback: item.onSelect
      };
    });
    return {
      name: EpChoose.$key.SETTING_KEY,
      icon: `<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2295" width="24" height="24"><path d="M983.745542 312.673133a510.516437 510.516437 0 0 0-109.673817-162.745211A510.516437 510.516437 0 0 0 511.999823 0.000353 510.516437 510.516437 0 0 0 149.927922 149.927922 510.516437 510.516437 0 0 0 0.000353 511.999823a510.516437 510.516437 0 0 0 149.927569 362.071902A510.516437 510.516437 0 0 0 511.999823 1023.999294a510.516437 510.516437 0 0 0 362.071902-149.927569A510.516437 510.516437 0 0 0 1023.999294 511.999823c0-69.137584-13.488538-136.121238-40.253752-199.32669z m-62.852348 372.029408a443.779955 443.779955 0 0 1-95.05535 140.994061 441.908508 441.908508 0 0 1-313.73209 129.941935c-59.886283 0-118.042361-11.758333-172.667407-34.851274a443.779955 443.779955 0 0 1-141.029372-95.090661 441.908508 441.908508 0 0 1-129.941934-313.696779c0-59.886283 11.758333-118.042361 34.851274-172.667407a443.779955 443.779955 0 0 1 95.09066-141.029371 441.908508 441.908508 0 0 1 313.696779-129.941935c59.886283 0 118.077671 11.758333 172.667408 34.851274a443.779955 443.779955 0 0 1 141.064682 95.090661 441.908508 441.908508 0 0 1 129.941934 313.696778c0 59.886283-11.793643 118.042361-34.851274 172.667408zM388.413744 706.206519l317.792775-211.86185-317.792775-211.861849v423.723699z" p-id="2296"></path></svg>`,
      html: "选集",
      selector,
      tooltip,
      onSelect: function(item) {
        if (typeof item.callback === "function") {
          item.callback(item, item.index);
        }
        return item.html;
      },
      mounted(panel, item) {
        panel.setAttribute("data-plugin", EpChoose.$key.SETTING_KEY);
      },
      /**
       * 播放下一集
       */
      playNext() {
        let findIndex = this.selector.findIndex((item) => item.default);
        if (findIndex !== -1 && findIndex + 1 < this.selector.length - 1) {
          findIndex += 1;
          this.onSelect(this.selector[findIndex]);
        } else {
          console.warn(TAG$2 + "当前播放列表已无下一集");
        }
      }
    };
  };
  const EpChooseEvent = {
    $event: {
      /** 自动连播 */
      "video:ended": () => {
        console.log(TAG$2 + "自动连播启用，播放下一集");
        let settingIns = EpChoose.$data.art.setting.find(
          EpChoose.$key.SETTING_KEY
        );
        settingIns.playNext();
      }
    },
    bind(art) {
      Object.keys(this.$event).forEach((eventName) => {
        art.on(
          eventName,
          this.$event[eventName]
        );
      });
    },
    unbind(art) {
      Object.keys(this.$event).forEach((eventName) => {
        art.off(
          eventName,
          this.$event[eventName]
        );
      });
    }
  };
  const EpChoose = {
    $flag: {
      isInitCSS: false
    },
    $key: {
      SETTING_KEY: "setting-ep-choose",
      PLUGIN_KEY: "plugin-ep-choose"
    },
    $data: {
      art: null
    },
    /**
     * 重置环境变量
     */
    resetEnv() {
      Object.keys(this.$data).forEach((key) => {
        Reflect.set(this.$data, key, null);
      });
    },
    /**
     * 初始化
     * @param option
     */
    init(art, option) {
      this.resetEnv();
      this.$data.art = art;
      EpChooseEvent.unbind(art);
      if (option.automaticBroadcast) {
        EpChooseEvent.bind(art);
      }
      if (!this.$flag.isInitCSS) {
        this.$flag.isInitCSS = true;
        addStyle(
          /*css*/
          `
			.art-setting-panel[data-plugin="${EpChoose.$key.SETTING_KEY}"] .art-setting-item .art-setting-item-left-text{
				max-width: 210px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			`
        );
      }
      this.update(option);
    },
    /**
     * 更新
     * @param option
     */
    update(option) {
      EpChooseEvent.unbind(this.$data.art);
      if (option.EP_LIST == null) {
        return;
      }
      if (option.EP_LIST.length === 0) {
        return;
      }
      let setting = GenerateArtPlayerEpSetting(option);
      if (this.$data.art.setting.find(this.$key.SETTING_KEY)) {
        this.$data.art.setting.update(setting);
      } else {
        this.$data.art.setting.add(setting);
      }
      if (option.automaticBroadcast) {
        EpChooseEvent.bind(this.$data.art);
      }
    }
  };
  const artplayerPluginEpChoose = (option) => {
    return (art) => {
      EpChoose.init(art, option);
      return {
        name: EpChoose.$key.PLUGIN_KEY,
        update(option2) {
          EpChoose.update(option2);
        }
      };
    };
  };
  const ArtPlayer_PLUGIN_EP_CHOOSE_KEY = EpChoose.$key.PLUGIN_KEY;
  const ArtPlayerBiliBiliIcon = {
    loading: `<img src="data:image/gif;base64,R0lGODlhWgBaALMOAHR0dAICAnd3dwEBAXh4eAMDAwkJCQ0NDQsLCxwcHA4ODggICHl5eQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiYWE1ODg5ZS1jN2RmLTRmZmUtYjkzOS0wMmVkMTZhNmNjZDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0I2ODI2NjA1NzhGMTFFNkEyMEVDNzhEOUY1RkQxRjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0I2ODI2NUY1NzhGMTFFNkEyMEVDNzhEOUY1RkQxRjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjljYjgzNjY2LWYxYWUtNGMyZi1hMGEwLThhODJmYjIxM2U0MyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmU1NDE3YzFmLTllODAtMTE3OS04NjdiLWUyN2Y3M2VkMTZkOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAkKAA4ALAAAAABaAFoAAAT/0MlJq7046827/2AojmRpnmiqrmzrvnAsz3Ta3HW+3bjuV7wbg/H7BYXEYu7YGCaVjuDr6Hwqjy2qEzphNlTaIZfi/ZqY2zHZW0KL1RVGeRS2wiXD+ad+x8jZHXx9GX9MO2GDG3mGGG52iX5ojUFVRWWXmJmam1IknJ+goXoioqWmnHSnqquUpDxVsLGys7S1tk6Uj4dIt72+v7K5IcKQF8R7r1asPC7HHs7L0Z3Ogclr0tES1BzH2NiLSMPWUcnAsd7gTboaxLnm77e527vq2uMm8FXy98/j8z77woFoxw9Fp2pI/mUgKBDMQXrp3iATqNBeD3rMIBaqN9BfwWsZ/7kBmpTwo0aLHIF4kchupIWAKftRLHgpDYeND7skq2jMY0NyjlgqwnlRZ8mfCDlCqyO0A1E7MJueBBrTnc0RG1lGXbfQZ0w8sFLEAhmRK0khKJtWConv6lZXaKlKNWpmyk6TJxVqoWvw7iu49fQyLOrJWitx4QTzQhnX4sTAeLsmjuyO8cWcLScjFan5K9kkl9KapSuG50vDlFtlkjtaNGvEkDeDXIlprsrOts+WjkzVUZmrkmN7zsu7dzkiK3OTRl78NO7WQenK7vkc9u7pt9UJrZz0+vDMwpVPGGuBPOfwrbO/8SbNu3j1oNkvc5/+s3T5oraYhn8f/6e1zfFHQZY+BPbiWkdIFajgLMs9ZgoX+1nmn0upYOfchPK95iCG+L034HHpAAAAh6V4OOAsQYh4hAAC3EJAMO3VV55WmLBYiwAv+pKiirzoE+CGDbAoZFu4eCGiiOdYCBgPQrK4wiVHXlDJk0w4mUUZAGgAXApNDtmMkVn+0KWVLhxppojFsHBmlGm26eabcMYp55x01mnnnXjSEAEAIfkECQoADgAsAAAAAFoAWgAABP/QyUmrvTjrzbv/YCiOZGmeaKqubOu+cCxbTT3fX23jfKbXDEZvSPk1gkSiMShM8pZMZ1HngjalEiPLip1qUdZr12Hcmbhj73eETlMY5QbpxxS7JfCyqH2v5NccfH1+cR6CgxVxchqHiIR6GGGOG38/kXRIkxyVR2SKn6CFbKGkpaangDmoq6ytdh2tsbKhmaqzpHW5uru8lbWGOr3Cw8TFvJghmMbLUVvBrxvImmq/sM+Jt9mWE9K2R2La4VRZ1yDdnuLaTefWQFfp4kjsgeXo38z4xMjz0fXK+QB37asHzB03gkqu8WPkD+GQgQbNNYxIY1zBRf0MLvQx8duFVBn/zXDU6DBkrXllqo3cdokkxYsnEaZUudJiRZceJVI8N5NmTZsHcfpcGXOnpBCcRJITCo2h0afuhlISFdTjxpY57RW91/QDJ3AKSzrNyi5XCl/vwr5sB6RqtToZPZhdalXs2LRrvXwEqgEuXXl2ia4Ty7Jq1qX0mO4pt7DbTDWJ6+aNnKkx48duu2oVchVrZcKXqW6+yzmw58GTR4eie/im5NZsP6emhUsqRNiUUeO2F4cJqGanRycLvfs3kqSmb0sNLnxvzyvIlyvXzPyqMD9oqU9fHLEzLwy7TJZOTfovdRF+y3d2ThZeNsDkBRt272r87vLz6Z+Kst71L/2x8GcapHsqBWTgMOZxB9uBDIbXnDcAAricaxFKeB42FUY4IYbpHJCAAgYYsEABoQRgYgA6nIiicaNw9VUQ/zCoIhMz6tKfBcco84MAAjTIQI0/npjjfZtspQiPKdTogJI4AgcGKDwKoIKQKprok5MpCFBGlEgmWSWTPPBoBJctBCkklmFyKaULZgYwVxJqwnDmhtN4hWadJtyJ55589unnn4AGKuigG0QAACH5BAkKAA4ALAAAAABaAFoAAAT/0MlJq7046827/2AojmRpnmiqrmzrvnAsW009319t43ym1wxGb0j5NYJEojEoTPKWTOfzF5VOfi1o0yoxNlTaLdf7PXmr3CvZpE1bGORyKOx+x+Udev0CX3vaexhBcRyAgRmDXhp6U3ghfVQ+VEhDd5aXmJmajjmbnp+gOiShpKWWlCCmqqtHYn86TLGys7S1tre3kyKTuL2+v7mwrnnChxi6c8VqrFnKqc4OrNJ4yM9AYtPSy627xaLZzNHQr9fiNsC22ULVneWR6PC/k+zk3PQk8bHz48Tu/ErC7hXy9q9SwIKLCJZbgaVeooXW7CHsImpgww37ILaTqLGIIotG/zAe7NiPI7cKd1BJ8nMh48mISNidUomIUMuRLzfGdJYyloeHsG5eEyjSH8Qzsx5Byklx6MRjCl/y8olPFg2cNEvu7Jg0BVWPTkmC3MrUZ8VlYLAOG7sO4cWmnEa4zMrWHFOwJ5egmLu2qEm6dvMS1bkUcEKjd+FWOYNyh9bCfQ//7csr8Fm7hAevnAx14Z1thvECDd2Zs1DBmkgrhtwNMWBFS2ZGFs06mevIsnvOBl0bZluxcJEKWfqUt+bSZEP3nDBa9erjp5PvBtrKFS2HvQnbVW2LDxq20K+6BqeqeWuT5Mtnxx48/SdZ4RtDJO4+tb7i4nPm2/+L9/ms/AVYi3Z/tiVmTHx41Vefc/IpuOBupzmYHoMJZoPAAQ5SWEEtwkCGDgHBXOMhEwhuSEuHU+FCAIi48JIiJN/ttVxaQBjCXIxmKPKVjHHgiGOOYUAYERQGlbhRZUNc98KLSXT1woDGtLBjlFRWaeWVWGap5ZZcdumlChEAACH5BAkKAA4ALAAAAABaAFoAAAT/0MlJq7046827/2AojmRpnmiqrmzrvnAsW009319t43ym1wxGbzj5AYXEoTGITOKWTOfzx2xKHb8W1Ho1NlTba8X7PW25YnJ55I2KLQw1mxp8Y+LyHL1uv6vXGmd9GkF5gXuDHIVkPoiJHYtGF4JEf5aXmJmZJZqdnp+GIaCjpJloHKWpqlCiOlWvsLGys7S1THStR7a7vL2xuCDAj5Oup4dHwxjCHsvJRcW5DXxYqzouzajQ1NXc1hLYG8Dd4zvgx9JI5ONC5o3I2+i+sOSR6NF8e/L6tXTtytr+POyr0k+bnncBbxR8d9AevGkpsjArlnAMQIPEdmTzthFdRQri/zA+k9SBUTiKIjviE/kHojuS/458HOlwCc02Ll9KzOgx5UmGVL6pefUBjxee9XL+dPiQ3Rk3RY3upJnU2MtpuPJBFSEViEWZPs9hNQhLhVSIC5lOBErWDccSZal2tRqTqbmpQgFB2prV1b0mdzHCBKlRrFOGJQ0GRjw4r966dWY2lQvZCivKhic3HIuYMGObjtUiPSx6KWevoz3vdHSVtNLWqo0JGwovnmnXdGkI9smo09bKmteqBafqd2rJyxYP7Vost+PIYYFjvsBcF5kqiZEh3925wq3mSGQJh949881UEmJtxh2Mu7pU5EubD/1+VPzX0unX10R0e2fw+nDTX5l0qXk30IG0xOacgtThtxeCaBGoW3nO+LffhRTWheF+Dk64IYcLqjZOACQGUEABJA6g4orVdNjgPDoAIKNWENYDwA8y/pIhITA2cCNONRIUI44A2MLCj17IyIIRSCp5h4sgIBmjjAAsqYaTPTBJZZUrXInlEFt+CQYZVDoRZgwzTunMCmGWuWYLW74p55x01mnnnXjmqecNEQAAIfkEBQoADgAsAAAAAFoAWgAABP/QyUmrvTjrzbv/YCiOZGmeaKqubOu+cCzP9Nrcdb7duO5XvBuD8fsFhcSi7jhMKh3BF7P5lBxb02HVelUdG9Qtt3vKiinfRjnYdJ6h31LW/XYw0qJvuE65x0FmfBdpah1zghh+ZBmHiIl4jIGOGYo8kTx7NYSbnJ2en5t5oKOkpaEhpqmqo1ofq6+wenQ7mG22t7i5uru8TWyzGr+9w8TFub+AtZODyq7NY7AwyM5IaLHXURPTHttw2NjW1dRgSd/m5NCt3M3Cxm3nrd0c0+3u9rr0z4bs+iP37/zErRMnz0hAdOPi9TNIcGGwg+qY9dg38WFDgRQRFtSWLWNFiRr/HV4KiTGcSCCEMOQrSesiQpO1gIH8Y1IhS4skX0KLKfNCpUXeckacB9FNmjYhhhytWe4kSJsvZWUC4evZSp1EXaqb09MDLo5au1pgks5JOxZIy6pNJmTtBFuXUCCbgkqZPKSWUH4UVU1Y3b4nO4IFY2JuzL/oNroNOpRtYqcq7QbWRzZcRi2KcWJ2ygZmIWiXiWQeufnm4M8pFz8VDXk1466lVI+VbFoz69o7SzXW+xh3ZMC+g07ZNHU2cKyhX3f4aYtQcd6lkWftLd1nrtzVmSpHHH03pbRv/bak7t228HOvuot1jR6ber7U2696z72p/Pm3s5N28q9/se2OReTffYC7AJjQemeMZpx8MSjI230Q6rdghPeV9xuF8lmYyC48kcMLhhJuiIsw9RDo3IitOQbJBsawwQMAANxymA2cwEjjFzZapyFiL8Lo4404iojFET4WCSSRPgRRJABSEJKjDksyGUOUP/pg5AxUPrnMllx26eWXYIYp5phkjhkBADs=">`,
    state: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80" width="100" height="100"><defs><path id="pid-64-svgo-a" d="M0 0h80v80H0z"/><path d="M52.546 8.014a3.998 3.998 0 014.222 3.077c.104.446.093.808.039 1.138a2.74 2.74 0 01-.312.881c-.073.132-.16.254-.246.376l-.257.366-.521.73c-.7.969-1.415 1.926-2.154 2.866l-.015.02a240.945 240.945 0 015.986.341l1.643.123.822.066.41.034.206.018.103.008.115.012c1.266.116 2.516.45 3.677.975a11.663 11.663 0 013.166 2.114c.931.87 1.719 1.895 2.321 3.022a11.595 11.595 0 011.224 3.613c.03.157.046.316.068.474l.015.119.013.112.022.206.085.822.159 1.646c.1 1.098.19 2.198.27 3.298.315 4.4.463 8.829.36 13.255a166.489 166.489 0 01-.843 13.213c-.012.127-.034.297-.053.454a7.589 7.589 0 01-.072.475l-.04.237-.05.236a11.762 11.762 0 01-.74 2.287 11.755 11.755 0 01-5.118 5.57 11.705 11.705 0 01-3.623 1.263c-.158.024-.316.052-.475.072l-.477.053-.821.071-1.644.134c-1.096.086-2.192.16-3.288.23a260.08 260.08 0 01-6.578.325c-8.772.324-17.546.22-26.313-.302a242.458 242.458 0 01-3.287-.22l-1.643-.129-.822-.069-.41-.035-.206-.018c-.068-.006-.133-.01-.218-.02a11.566 11.566 0 01-3.7-.992 11.732 11.732 0 01-5.497-5.178 11.73 11.73 0 01-1.215-3.627c-.024-.158-.051-.316-.067-.475l-.026-.238-.013-.119-.01-.103-.07-.823-.132-1.648a190.637 190.637 0 01-.22-3.298c-.256-4.399-.358-8.817-.258-13.233.099-4.412.372-8.811.788-13.197a11.65 11.65 0 013.039-6.835 11.585 11.585 0 016.572-3.563c.157-.023.312-.051.47-.07l.47-.05.82-.07 1.643-.13a228.493 228.493 0 016.647-.405l-.041-.05a88.145 88.145 0 01-2.154-2.867l-.52-.73-.258-.366c-.086-.122-.173-.244-.246-.376a2.74 2.74 0 01-.312-.881 2.808 2.808 0 01.04-1.138 3.998 3.998 0 014.22-3.077 2.8 2.8 0 011.093.313c.294.155.538.347.742.568.102.11.19.23.28.35l.27.359.532.72a88.059 88.059 0 012.06 2.936 73.036 73.036 0 011.929 3.03c.187.313.373.628.556.945 2.724-.047 5.447-.056 8.17-.038.748.006 1.496.015 2.244.026.18-.313.364-.624.549-.934a73.281 73.281 0 011.93-3.03 88.737 88.737 0 012.059-2.935l.533-.72.268-.359c.09-.12.179-.24.281-.35a2.8 2.8 0 011.834-.881zM30.13 34.631a4 4 0 00-.418 1.42 91.157 91.157 0 00-.446 9.128c0 2.828.121 5.656.364 8.483l.11 1.212a4 4 0 005.858 3.143c2.82-1.498 5.55-3.033 8.193-4.606a177.41 177.41 0 005.896-3.666l1.434-.942a4 4 0 00.047-6.632 137.703 137.703 0 00-7.377-4.708 146.88 146.88 0 00-6.879-3.849l-1.4-.725a4 4 0 00-5.382 1.742z" id="pid-64-svgo-d"/><filter x="-15.4%" y="-16.3%" width="130.9%" height="132.5%" filterUnits="objectBoundingBox" id="pid-64-svgo-c"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feOffset in="SourceAlpha" result="shadowOffsetOuter2"/><feGaussianBlur stdDeviation="3.5" in="shadowOffsetOuter2" result="shadowBlurOuter2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" in="shadowBlurOuter2" result="shadowMatrixOuter2"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="shadowMatrixOuter2"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd" opacity=".8"><mask id="pid-64-svgo-b" fill="#fff"><use xlink:href="#pid-64-svgo-a"/></mask><g mask="url(#pid-64-svgo-b)"><use fill="#000" filter="url(#pid-64-svgo-c)" xlink:href="#pid-64-svgo-d"/><use fill="#FFF" xlink:href="#pid-64-svgo-d"/></g></g></svg>`,
    indicator: `
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="16" height="16">
        <path d="M16.118 3.667h.382a3.667 3.667 0 013.667 3.667v7.333a3.667 3.667 0 01-3.667 3.667h-11a3.667 3.667 0 01-3.667-3.667V7.333A3.667 3.667 0 015.5 3.666h.382L4.95 2.053a1.1 1.1 0 011.906-1.1l1.567 2.714h5.156L15.146.953a1.101 1.101 0 011.906 1.1l-.934 1.614z" fill="#333"></path>
        <path d="M5.561 5.194h10.878a2.2 2.2 0 012.2 2.2v7.211a2.2 2.2 0 01-2.2 2.2H5.561a2.2 2.2 0 01-2.2-2.2V7.394a2.2 2.2 0 012.2-2.2z" fill="#fff"></path>
        <path d="M6.967 8.556a1.1 1.1 0 011.1 1.1v2.689a1.1 1.1 0 11-2.2 0V9.656a1.1 1.1 0 011.1-1.1zM15.033 8.556a1.1 1.1 0 011.1 1.1v2.689a1.1 1.1 0 11-2.2 0V9.656a1.1 1.1 0 011.1-1.1z" fill="#333"></path>
    </svg>
        `,
    fullscreenWebOn: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88" width="28" height="28" preserveAspectRatio="xMidYMid meet"><defs><clipPath id="__lottie_element_172"><rect width="88" height="88" x="0" y="0"></rect></clipPath></defs><g clip-path="url(#__lottie_element_172)"><g transform="matrix(1,0,0,1,44,44)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(255,255,255)" fill-opacity="1" d=" M-14,-20 C-14,-20 -26,-20 -26,-20 C-27.049999237060547,-20 -27.920000076293945,-19.18000030517578 -27.989999771118164,-18.149999618530273 C-27.989999771118164,-18.149999618530273 -28,-18 -28,-18 C-28,-18 -28,-6 -28,-6 C-28,-4.949999809265137 -27.18000030517578,-4.079999923706055 -26.149999618530273,-4.010000228881836 C-26.149999618530273,-4.010000228881836 -26,-4 -26,-4 C-26,-4 -22,-4 -22,-4 C-20.950000762939453,-4 -20.079999923706055,-4.820000171661377 -20.010000228881836,-5.849999904632568 C-20.010000228881836,-5.849999904632568 -20,-6 -20,-6 C-20,-6 -20,-12 -20,-12 C-20,-12 -14,-12 -14,-12 C-12.949999809265137,-12 -12.079999923706055,-12.819999694824219 -12.010000228881836,-13.850000381469727 C-12.010000228881836,-13.850000381469727 -12,-14 -12,-14 C-12,-14 -12,-18 -12,-18 C-12,-19.049999237060547 -12.819999694824219,-19.920000076293945 -13.850000381469727,-19.989999771118164 C-13.850000381469727,-19.989999771118164 -14,-20 -14,-20z M26,-20 C26,-20 14,-20 14,-20 C12.949999809265137,-20 12.079999923706055,-19.18000030517578 12.010000228881836,-18.149999618530273 C12.010000228881836,-18.149999618530273 12,-18 12,-18 C12,-18 12,-14 12,-14 C12,-12.949999809265137 12.819999694824219,-12.079999923706055 13.850000381469727,-12.010000228881836 C13.850000381469727,-12.010000228881836 14,-12 14,-12 C14,-12 20,-12 20,-12 C20,-12 20,-6 20,-6 C20,-4.949999809265137 20.81999969482422,-4.079999923706055 21.850000381469727,-4.010000228881836 C21.850000381469727,-4.010000228881836 22,-4 22,-4 C22,-4 26,-4 26,-4 C27.049999237060547,-4 27.920000076293945,-4.820000171661377 27.989999771118164,-5.849999904632568 C27.989999771118164,-5.849999904632568 28,-6 28,-6 C28,-6 28,-18 28,-18 C28,-19.049999237060547 27.18000030517578,-19.920000076293945 26.149999618530273,-19.989999771118164 C26.149999618530273,-19.989999771118164 26,-20 26,-20z M-22,4 C-22,4 -26,4 -26,4 C-27.049999237060547,4 -27.920000076293945,4.820000171661377 -27.989999771118164,5.849999904632568 C-27.989999771118164,5.849999904632568 -28,6 -28,6 C-28,6 -28,18 -28,18 C-28,19.049999237060547 -27.18000030517578,19.920000076293945 -26.149999618530273,19.989999771118164 C-26.149999618530273,19.989999771118164 -26,20 -26,20 C-26,20 -14,20 -14,20 C-12.949999809265137,20 -12.079999923706055,19.18000030517578 -12.010000228881836,18.149999618530273 C-12.010000228881836,18.149999618530273 -12,18 -12,18 C-12,18 -12,14 -12,14 C-12,12.949999809265137 -12.819999694824219,12.079999923706055 -13.850000381469727,12.010000228881836 C-13.850000381469727,12.010000228881836 -14,12 -14,12 C-14,12 -20,12 -20,12 C-20,12 -20,6 -20,6 C-20,4.949999809265137 -20.81999969482422,4.079999923706055 -21.850000381469727,4.010000228881836 C-21.850000381469727,4.010000228881836 -22,4 -22,4z M26,4 C26,4 22,4 22,4 C20.950000762939453,4 20.079999923706055,4.820000171661377 20.010000228881836,5.849999904632568 C20.010000228881836,5.849999904632568 20,6 20,6 C20,6 20,12 20,12 C20,12 14,12 14,12 C12.949999809265137,12 12.079999923706055,12.819999694824219 12.010000228881836,13.850000381469727 C12.010000228881836,13.850000381469727 12,14 12,14 C12,14 12,18 12,18 C12,19.049999237060547 12.819999694824219,19.920000076293945 13.850000381469727,19.989999771118164 C13.850000381469727,19.989999771118164 14,20 14,20 C14,20 26,20 26,20 C27.049999237060547,20 27.920000076293945,19.18000030517578 27.989999771118164,18.149999618530273 C27.989999771118164,18.149999618530273 28,18 28,18 C28,18 28,6 28,6 C28,4.949999809265137 27.18000030517578,4.079999923706055 26.149999618530273,4.010000228881836 C26.149999618530273,4.010000228881836 26,4 26,4z M28,-28 C32.41999816894531,-28 36,-24.420000076293945 36,-20 C36,-20 36,20 36,20 C36,24.420000076293945 32.41999816894531,28 28,28 C28,28 -28,28 -28,28 C-32.41999816894531,28 -36,24.420000076293945 -36,20 C-36,20 -36,-20 -36,-20 C-36,-24.420000076293945 -32.41999816894531,-28 -28,-28 C-28,-28 28,-28 28,-28z"></path></g></g></g></svg>`,
    fullscreenWebOff: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88" width="28" height="28" preserveAspectRatio="xMidYMid meet"><defs><clipPath id="__lottie_element_177"><rect width="88" height="88" x="0" y="0"></rect></clipPath></defs><g clip-path="url(#__lottie_element_177)"><g transform="matrix(1,0,0,1,44,44)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(255,255,255)" fill-opacity="1" d=" M-14,-20 C-14,-20 -18,-20 -18,-20 C-19.049999237060547,-20 -19.920000076293945,-19.18000030517578 -19.989999771118164,-18.149999618530273 C-19.989999771118164,-18.149999618530273 -20,-18 -20,-18 C-20,-18 -20,-12 -20,-12 C-20,-12 -26,-12 -26,-12 C-27.049999237060547,-12 -27.920000076293945,-11.180000305175781 -27.989999771118164,-10.149999618530273 C-27.989999771118164,-10.149999618530273 -28,-10 -28,-10 C-28,-10 -28,-6 -28,-6 C-28,-4.949999809265137 -27.18000030517578,-4.079999923706055 -26.149999618530273,-4.010000228881836 C-26.149999618530273,-4.010000228881836 -26,-4 -26,-4 C-26,-4 -14,-4 -14,-4 C-12.949999809265137,-4 -12.079999923706055,-4.820000171661377 -12.010000228881836,-5.849999904632568 C-12.010000228881836,-5.849999904632568 -12,-6 -12,-6 C-12,-6 -12,-18 -12,-18 C-12,-19.049999237060547 -12.819999694824219,-19.920000076293945 -13.850000381469727,-19.989999771118164 C-13.850000381469727,-19.989999771118164 -14,-20 -14,-20z M18,-20 C18,-20 14,-20 14,-20 C12.949999809265137,-20 12.079999923706055,-19.18000030517578 12.010000228881836,-18.149999618530273 C12.010000228881836,-18.149999618530273 12,-18 12,-18 C12,-18 12,-6 12,-6 C12,-4.949999809265137 12.819999694824219,-4.079999923706055 13.850000381469727,-4.010000228881836 C13.850000381469727,-4.010000228881836 14,-4 14,-4 C14,-4 26,-4 26,-4 C27.049999237060547,-4 27.920000076293945,-4.820000171661377 27.989999771118164,-5.849999904632568 C27.989999771118164,-5.849999904632568 28,-6 28,-6 C28,-6 28,-10 28,-10 C28,-11.050000190734863 27.18000030517578,-11.920000076293945 26.149999618530273,-11.989999771118164 C26.149999618530273,-11.989999771118164 26,-12 26,-12 C26,-12 20,-12 20,-12 C20,-12 20,-18 20,-18 C20,-19.049999237060547 19.18000030517578,-19.920000076293945 18.149999618530273,-19.989999771118164 C18.149999618530273,-19.989999771118164 18,-20 18,-20z M-14,4 C-14,4 -26,4 -26,4 C-27.049999237060547,4 -27.920000076293945,4.820000171661377 -27.989999771118164,5.849999904632568 C-27.989999771118164,5.849999904632568 -28,6 -28,6 C-28,6 -28,10 -28,10 C-28,11.050000190734863 -27.18000030517578,11.920000076293945 -26.149999618530273,11.989999771118164 C-26.149999618530273,11.989999771118164 -26,12 -26,12 C-26,12 -20,12 -20,12 C-20,12 -20,18 -20,18 C-20,19.049999237060547 -19.18000030517578,19.920000076293945 -18.149999618530273,19.989999771118164 C-18.149999618530273,19.989999771118164 -18,20 -18,20 C-18,20 -14,20 -14,20 C-12.949999809265137,20 -12.079999923706055,19.18000030517578 -12.010000228881836,18.149999618530273 C-12.010000228881836,18.149999618530273 -12,18 -12,18 C-12,18 -12,6 -12,6 C-12,4.949999809265137 -12.819999694824219,4.079999923706055 -13.850000381469727,4.010000228881836 C-13.850000381469727,4.010000228881836 -14,4 -14,4z M26,4 C26,4 14,4 14,4 C12.949999809265137,4 12.079999923706055,4.820000171661377 12.010000228881836,5.849999904632568 C12.010000228881836,5.849999904632568 12,6 12,6 C12,6 12,18 12,18 C12,19.049999237060547 12.819999694824219,19.920000076293945 13.850000381469727,19.989999771118164 C13.850000381469727,19.989999771118164 14,20 14,20 C14,20 18,20 18,20 C19.049999237060547,20 19.920000076293945,19.18000030517578 19.989999771118164,18.149999618530273 C19.989999771118164,18.149999618530273 20,18 20,18 C20,18 20,12 20,12 C20,12 26,12 26,12 C27.049999237060547,12 27.920000076293945,11.180000305175781 27.989999771118164,10.149999618530273 C27.989999771118164,10.149999618530273 28,10 28,10 C28,10 28,6 28,6 C28,4.949999809265137 27.18000030517578,4.079999923706055 26.149999618530273,4.010000228881836 C26.149999618530273,4.010000228881836 26,4 26,4z M28,-28 C32.41999816894531,-28 36,-24.420000076293945 36,-20 C36,-20 36,20 36,20 C36,24.420000076293945 32.41999816894531,28 28,28 C28,28 -28,28 -28,28 C-32.41999816894531,28 -36,24.420000076293945 -36,20 C-36,20 -36,-20 -36,-20 C-36,-24.420000076293945 -32.41999816894531,-28 -28,-28 C-28,-28 28,-28 28,-28z"></path></g></g></g></svg>`
  };
  const ArtPlayerCommonOption = () => {
    return {
      /** 容器 */
      container: "",
      /** 视频地址 */
      url: "",
      /** 视频封面 */
      // poster: 'https://artplayer.org/assets/sample/poster.jpg',
      /** 默认音量 */
      volume: 1,
      /** 是否是直播 */
      isLive: false,
      /** 是否静音 */
      muted: false,
      /** 是否自动播放 */
      autoplay: false,
      /** 是否显示视频画中画按钮 */
      pip: false,
      /** 播放器是否自动运行迷你模式 */
      autoMini: false,
      /** 是否显示截图按钮 */
      screenshot: false,
      /** 是否显示视频设置按钮 */
      setting: true,
      /** 是否循环播放 */
      loop: false,
      /** 是否显示视频翻转按钮 */
      flip: true,
      /** 是否显示视频播放速率按钮 */
      playbackRate: true,
      /** 播放器是否自动调整大小(可能有bug) */
      autoSize: false,
      /** 是否显示视频宽高比按钮 */
      aspectRatio: false,
      /** 是否显示视频窗口全屏按钮 */
      fullscreen: true,
      /** 是否显示视频网页全屏按钮 */
      fullscreenWeb: true,
      /** 是否启用播放器字幕偏移 */
      subtitleOffset: true,
      /** 是否启用播放器迷你进度条 */
      miniProgressBar: true,
      /** 保证页面只存在一个实例 */
      mutex: false,
      /** UI中是否使用背景 */
      backdrop: true,
      /** 移动端是否使用playsInline */
      playsInline: false,
      /** 是否使用自动播放 */
      autoPlayback: true,
      /** 是否使用airplay */
      airplay: true,
      /** 是否在移动端显示一个 锁定按钮 ，用于隐藏底部 控制栏 */
      lock: true,
      /** 是否在移动端添加长按视频快进功能 */
      fastForward: true,
      /** 播放器颜色主题 */
      theme: BilibiliData.theme,
      /** 播放器语言 */
      lang: navigator.language.toLowerCase(),
      /** 覆盖video属性 */
      moreVideoAttr: {
        crossOrigin: "anonymous"
      },
      /** 自定义图标 */
      icons: ArtPlayerBiliBiliIcon
    };
  };
  const TAG$1 = "[artplayer-plugin-quality]：";
  const ArtPlayer_PLUGIN_QUALITY_KEY = "artplayer-plugin-quality";
  const VideoCodingCodeMap = {
    AVC: 7,
    HEVC: 12,
    AV1: 13
  };
  class VideoEncoding {
    art;
    from;
    $key = {
      SETTING_KEY: "video-playback-codeid"
    };
    constructor(art, from) {
      this.art = art;
      this.from = from;
      this.updateSetting();
    }
    /**
     * 更新设置菜单
     * @param codeIdConfig 配置
     */
    updateSetting(codeIdConfig) {
      let setting = this.getSetting();
      if (Array.isArray(codeIdConfig?.acceptCodeIdList)) {
        for (let index = 0; index < setting.selector.length; index++) {
          const selectorItem = setting.selector[index];
          let findIndex = codeIdConfig.acceptCodeIdList.findIndex(
            (item) => item.toString() === selectorItem.value.toString()
          );
          if (findIndex === -1) {
            setting.selector.splice(index, 1);
            index--;
          }
        }
        let hasDefault = setting.selector.find((it) => it.default);
        if (!hasDefault && setting.selector.length) {
          if (typeof codeIdConfig?.defaultCodeId === "number") {
            let findDefaultIndex = setting.selector.findIndex(
              (it) => it.value === codeIdConfig.defaultCodeId
            );
            if (findDefaultIndex !== -1) {
              setting.selector[findDefaultIndex].default = true;
              setting.tooltip = setting.selector[findDefaultIndex].html;
            } else {
              setting.selector[0].default = true;
              setting.tooltip = setting.selector[0].html;
            }
          } else {
            setting.selector[0].default = true;
            setting.tooltip = setting.selector[0].html;
          }
        }
      }
      if (this.art.setting.find(this.$key.SETTING_KEY)) {
        this.art.setting.update(setting);
      } else {
        this.art.setting.add(setting);
      }
    }
    /**
     * 获取设置界面的配置
     */
    getSetting() {
      const that = this;
      let userChooseVideoCodingCode = this.getUserChooseVideoCodingCode();
      let selectorList = [
        {
          html: "AV1",
          value: VideoCodingCodeMap["AV1"]
        },
        {
          html: "HEVC",
          value: VideoCodingCodeMap["HEVC"]
        },
        {
          html: "AVC",
          value: VideoCodingCodeMap["AVC"]
        }
      ].map(
        (it) => Object.assign(it, {
          default: it.value === userChooseVideoCodingCode
        })
      );
      let findValue = selectorList.find((it) => it.default);
      if (!findValue) {
        selectorList = selectorList.map((it, index) => {
          it.default = index === 0;
          return it;
        });
        console.warn(
          TAG$1 + "没有找到用户选择对应的画质编码，将使用排序第一个的画质：" + selectorList[0].html
        );
      }
      let tooltip = selectorList.find((it) => it.default);
      return {
        name: this.$key.SETTING_KEY,
        html: "播放策略",
        tooltip: tooltip.html,
        icon: `<svg t="1727413004405" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3183" width="24" height="24"><path d="M170.666667 256h682.666666c23.466667 0 42.666667 19.2 42.666667 42.666667v170.666666h85.333333V256c0-46.933333-38.4-85.333333-85.333333-85.333333H128c-46.933333 0-85.333333 38.4-85.333333 85.333333v512c0 46.933333 38.4 85.333333 85.333333 85.333333h384v-85.333333H170.666667c-23.466667 0-42.666667-19.2-42.666667-42.666667V298.666667c0-23.466667 19.2-42.666667 42.666667-42.666667z" p-id="3184"></path><path d="M640 512L384 341.333333v341.333334zM968.96 786.346667c1.28-12.373333 1.706667-24.746667 0.426667-36.693334l45.653333-36.266666c4.266667-3.413333 5.12-8.96 2.56-13.653334l-43.946667-76.373333c-2.56-4.693333-8.106667-6.4-13.226666-4.693333l-54.613334 21.333333a146.773333 146.773333 0 0 0-32-17.92l-8.533333-58.026667a10.624 10.624 0 0 0-10.666667-9.386666h-88.32c-5.12 0-9.813333 3.84-10.666666 8.96l-8.533334 58.026666c-11.093333 4.693333-21.76 11.093333-31.573333 17.92l-54.613333-21.333333c-5.12-2.133333-10.666667 0-13.226667 4.693333l-43.946667 76.373334c-2.56 4.693333-1.706667 10.24 2.56 13.653333l45.653334 36.693333c-1.28 12.373333-1.706667 24.746667-0.426667 36.693334l-45.653333 36.266666c-4.266667 3.413333-5.12 8.96-2.56 13.653334l43.946666 76.373333c2.56 4.693333 8.106667 6.4 13.226667 4.693333l54.186667-21.333333c9.813333 7.253333 20.48 13.226667 32 17.92l8.533333 58.026667c0.853333 5.12 5.12 8.96 10.666667 8.96h88.32c5.12 0 9.813333-3.84 10.666666-8.96l8.533334-58.026667c11.093333-4.693333 21.76-11.093333 31.573333-17.92l54.613333 21.333333c5.12 2.133333 10.666667 0 13.226667-4.693333l43.946667-76.373333c2.56-4.693333 1.706667-10.24-2.56-13.653334l-45.226667-36.266666zM810.666667 832c-35.413333 0-64-28.586667-64-64s28.586667-64 64-64 64 28.586667 64 64-28.586667 64-64 64z" p-id="3185"></path></svg>`,
        selector: selectorList,
        onSelect: function(item) {
          let videoCodingCode = item.value;
          that.setCurrentVideoCodingCode(videoCodingCode);
          that.onSettingSelect(videoCodingCode);
          return item.html;
        }
      };
    }
    /**
     * 菜单选项选中后的回调
     */
    onSettingSelect(selectValue) {
    }
    get storageVideoCodingKey() {
      return `bili-${this.from}-artplayer-videoCodingCode`;
    }
    /**
     * 设置当前视频编码
     */
    setCurrentVideoCodingCode(videoCodingCode) {
      this.art.storage.set(this.storageVideoCodingKey, videoCodingCode);
    }
    /**
     * 获取用户选择的视频编码
     */
    getUserChooseVideoCodingCode() {
      let codingCode = this.art.storage.get(this.storageVideoCodingKey) || VideoCodingCodeMap.AV1;
      if (!Object.values(VideoCodingCodeMap).includes(codingCode)) {
        console.error(
          TAG$1 + "意外情况，选择的编码格式不是允许的编码，将强制使用默认(av1)，防止过滤掉的视频链接为空：" + codingCode
        );
        codingCode = VideoCodingCodeMap.AV1;
      }
      return codingCode;
    }
  }
  class VideoQuality extends VideoEncoding {
    $data = {
      /** 请求到的视频画质信息数据 */
      qualityOption: null,
      /** 处理后的画质列表 */
      qualityOptionList: [],
      /** 请求到的视频的画质编码列表 */
      qualityCodeIdList: [],
      /** 当前的画质编码id */
      currentQualityCodecId: VideoCodingCodeMap["AV1"],
      /** 当前选中的画质信息 */
      currentSelectQualityInfo: null,
      /** 当前选中的画质配置  */
      currentQualityOption: null
    };
    constructor(art, from) {
      super(art, from);
    }
    /**
     * 设置当前画质配置数据
     */
    setCurrentQualityOption(qualityOption = null) {
      this.$data.currentQualityOption = null;
      this.$data.currentQualityOption = qualityOption;
    }
    /**
     * 获取存储键
     */
    getStorageKey(from) {
      return `artplayer-quality-${from}`;
    }
    /**
     * 更新画质信息
     */
    update(option) {
      this.$data.qualityOption = null;
      this.$data.qualityOption = option;
      this.$data.qualityOptionList = [];
      this.$data.qualityCodeIdList = [];
      this.$data.currentSelectQualityInfo = null;
      this.$data.currentQualityCodecId = void 0;
      this.setCurrentQualityOption();
      if (option.qualityList.length) {
        let currentSelectQualityInfo = this.getQualityInfo();
        this.addControls();
        super.updateSetting({
          acceptCodeIdList: this.$data.qualityCodeIdList,
          defaultCodeId: this.$data.currentQualityCodecId
        });
        this.art.url = currentSelectQualityInfo.url;
      } else {
        this.removeControls();
      }
    }
    /**
     * 获取面板配置
     */
    getControlsOption() {
      const that = this;
      let selectorList = this.$data.qualityOptionList.map((itemInfo, index) => {
        return {
          default: index === this.$data.currentSelectQualityInfo?.index,
          html: itemInfo.html,
          url: itemInfo.url,
          quality: itemInfo.quality,
          frameRate: itemInfo.frameRate,
          mimeType: itemInfo.mimeType,
          codecid: itemInfo.codecid,
          codecs: itemInfo.codecs,
          bandwidth: itemInfo.bandwidth
        };
      });
      const controlsOption = {
        name: ArtPlayer_PLUGIN_QUALITY_KEY,
        index: 10,
        position: "right",
        html: this.$data.currentSelectQualityInfo.html,
        selector: selectorList,
        onSelect: function(selector) {
          let itemInfo = selector;
          console.log(TAG$1 + "切换画质", itemInfo);
          that.art.switchQuality(itemInfo.url);
          that.art.storage.set(
            that.getStorageKey(that.$data.qualityOption.from),
            {
              quality: itemInfo.quality
            }
          );
          that.setCurrentQualityOption({
            html: itemInfo.html,
            url: itemInfo.url,
            quality: itemInfo.quality,
            frameRate: itemInfo.frameRate,
            mimeType: itemInfo.mimeType,
            codecid: itemInfo.codecid,
            codecs: itemInfo.codecs,
            bandwidth: itemInfo.bandwidth
          });
          return selector.html;
        }
      };
      return controlsOption;
    }
    /**
     * 添加面板
     */
    addControls() {
      if (this.isAddControls()) {
        this.updateQualityControls();
      } else {
        let controlOption = this.getControlsOption();
        this.art.controls.add(controlOption);
      }
    }
    /**
     * 更新画质信息
     */
    getQualityInfo() {
      let userChooseVideoCodingCode = this.getUserChooseVideoCodingCode();
      let qualityList = this.$data.qualityOption.qualityList.filter(
        (item) => item.codecid === userChooseVideoCodingCode
      );
      qualityList.sort((leftItem, rightItem) => {
        return rightItem.quality - leftItem.quality;
      });
      const qualityListMap = {};
      for (let index = 0; index < this.$data.qualityOption.qualityList.length; index++) {
        const qualityItem = this.$data.qualityOption.qualityList[index];
        const qualityMapValue = qualityListMap[qualityItem.codecid] || [];
        qualityMapValue.push(qualityItem);
        qualityListMap[qualityItem.codecid] = qualityMapValue;
      }
      if (qualityList.length === 0) {
        qualityList = Object.values(qualityListMap)[0];
        this.$data.currentQualityCodecId = qualityList[0].codecid;
        console.warn(
          TAG$1 + "该画质：" + userChooseVideoCodingCode + "不存在，将使用第一个画质",
          qualityList
        );
      }
      this.$data.qualityOptionList = [];
      this.$data.qualityOptionList = qualityList;
      this.$data.qualityCodeIdList = Object.keys(qualityListMap);
      let firstQualityInfo = qualityList[0];
      const storageKey = this.getStorageKey(this.$data.qualityOption.from);
      const storageQualityInfo = this.art.storage.get(
        storageKey
      );
      let currentSelectQualityInfo = {
        index: 0,
        html: firstQualityInfo?.html,
        /** 播放的地址 */
        url: firstQualityInfo?.url
      };
      this.setCurrentQualityOption(qualityList[0]);
      if (storageQualityInfo) {
        const findQualityIndex = qualityList.findIndex(
          (item) => item.quality === storageQualityInfo.quality
        );
        if (findQualityIndex !== -1) {
          const findQuality = qualityList[findQualityIndex];
          currentSelectQualityInfo.index = findQualityIndex;
          currentSelectQualityInfo.url = findQuality.url;
          currentSelectQualityInfo.html = findQuality.html;
          this.setCurrentQualityOption(findQuality);
        } else {
          console.warn(TAG$1 + "没有找到上次选的画质，使用当前默认第一个画质");
        }
      }
      this.$data.currentSelectQualityInfo = null;
      this.$data.currentSelectQualityInfo = currentSelectQualityInfo;
      return currentSelectQualityInfo;
    }
    /**
     * 更新画质切换面板
     */
    updateQualityControls() {
      let controlOption = this.getControlsOption();
      console.log(
        TAG$1 + "更新画质切换面板信息",
        this.$data.qualityOptionList,
        this.$data.currentQualityOption
      );
      this.art.controls.update(controlOption);
    }
    /**
     * 移除画质切换面板
     */
    removeControls() {
      if (this.isAddControls()) {
        this.art.controls.remove(ArtPlayer_PLUGIN_QUALITY_KEY);
      }
    }
    /**
     * 是否已经添加了面板
     */
    isAddControls() {
      return Reflect.has(this.art.controls, ArtPlayer_PLUGIN_QUALITY_KEY);
    }
    onSettingSelect(selectValue) {
      this.getQualityInfo();
      this.updateQualityControls();
      this.updateSetting({
        acceptCodeIdList: this.$data.qualityCodeIdList,
        defaultCodeId: this.$data.currentQualityCodecId
      });
      if (this.$data.currentSelectQualityInfo) {
        this.art.url = this.$data.currentSelectQualityInfo.url;
      }
    }
  }
  const artplayPluginQuality = (option) => {
    return (art) => {
      let videoQuality = new VideoQuality(art, option.from);
      videoQuality.update(option);
      return {
        name: ArtPlayer_PLUGIN_QUALITY_KEY,
        update(option2) {
          videoQuality.update(option2);
        },
        getCurrentQualityOption() {
          return videoQuality.$data.currentQualityOption;
        }
      };
    };
  };
  const Toast = {
    $data: {
      art: null
    },
    $key: {
      plugin_KEY: "artplayer-plugin-toast"
    },
    $flag: {
      isInitCSS: false
    },
    $config: {
      /** 默认的toast的className */
      originToast: "art-layer-auto-playback",
      /** 让Toast隐藏的className */
      hideClassName: "art-toast-hide-opacity",
      /** 自定义的toast的class，避免和页面原有的toast冲突 */
      prefix: "mplayer-toast-gm"
    },
    $el: {
      get $originPlayer() {
        return document.querySelector(
          ".art-video-player .art-layers"
        );
      }
    },
    /**
     * 弹出吐司
     * @param config
     */
    toast(config) {
      if (typeof config === "string") {
        config = {
          text: config
        };
      }
      this.initCSS();
      let $parent = config.parent ?? this.$el.$originPlayer;
      if (!$parent) {
        throw new TypeError("toast parent is null");
      }
      this.mutationMPlayerOriginToast($parent);
      let $toast = domUtils.createElement("div", {
        "data-from": "gm"
      });
      domUtils.addClass($toast, this.$config.prefix);
      if (config.showCloseBtn) {
        let $closeBtn = domUtils.createElement("div", {
          className: this.$config.prefix + "-close",
          innerHTML: (
            /*html*/
            `
                    <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path d="m571.733 512 268.8-268.8c17.067-17.067 17.067-42.667 0-59.733-17.066-17.067-42.666-17.067-59.733 0L512 452.267l-268.8-268.8c-17.067-17.067-42.667-17.067-59.733 0-17.067 17.066-17.067 42.666 0 59.733l268.8 268.8-268.8 268.8c-17.067 17.067-17.067 42.667 0 59.733 8.533 8.534 19.2 12.8 29.866 12.8s21.334-4.266 29.867-12.8l268.8-268.8 268.8 268.8c8.533 8.534 19.2 12.8 29.867 12.8s21.333-4.266 29.866-12.8c17.067-17.066 17.067-42.666 0-59.733L571.733 512z"></path></svg>
                `
          )
        });
        $toast.appendChild($closeBtn);
        domUtils.on(
          $closeBtn,
          "click",
          (event) => {
            utils.preventEvent(event);
            this.closeToast($toast);
          },
          {
            capture: true
          }
        );
      }
      let $text = domUtils.createElement("span", {
        className: this.$config.prefix + "-text",
        innerText: config.text
      });
      $toast.appendChild($text);
      if (typeof config.timeText === "string" && config.timeText.trim() != "") {
        let $time = domUtils.createElement("span", {
          className: this.$config.prefix + "-time",
          innerText: config.timeText
        });
        $toast.appendChild($time);
      }
      if (typeof config.jumpText === "string" && config.jumpText.trim() != "") {
        let $jump = domUtils.createElement("span", {
          className: this.$config.prefix + "-jump",
          innerText: config.jumpText
        });
        $toast.appendChild($jump);
        domUtils.on(
          $jump,
          "click",
          (event) => {
            if (typeof config.jumpClickCallback === "function") {
              utils.preventEvent(event);
              config.jumpClickCallback(event);
            }
          },
          {
            capture: true
          }
        );
      }
      this.setTransitionendEvent($toast, config);
      let timeout = typeof config.timeout === "number" && !isNaN(config.timeout) ? config.timeout : 3500;
      $parent.appendChild($toast);
      let timeoutId = setTimeout(() => {
        this.closeToast($toast);
      }, timeout);
      return {
        $toast,
        timeoutId,
        close: () => {
          clearTimeout(timeoutId);
          this.closeToast($toast);
        }
      };
    },
    /**
     * 初始化css
     */
    initCSS() {
      if (this.$flag.isInitCSS) {
        return;
      }
      this.$flag.isInitCSS = true;
      addStyle(
        /*css*/
        `
		.${this.$config.prefix}.mplayer-show {
			opacity: 1;
			visibility: visible;
			z-index: 40;
		}

		.mplayer-toast, .${this.$config.prefix} {
			-webkit-transition-property: opacity, bottom;
			transition-property: opacity, bottom;
		}

		.${this.$config.prefix} {
            backdrop-filter: saturate(180%) blur(20px);
            background-color: #000000bf !important;
			border-radius: var(--art-border-radius);
			/* bottom: 48px; */
            bottom: calc( calc( var(--art-control-height) + var(--art-bottom-gap) ) * 1 + 10px);
			opacity: 1;
			overflow: hidden;
			padding: 10px;
            gap: 10px;
            line-height: 1;
			position: absolute;
			text-align: center;
			-webkit-transition: opacity .3s;
			transition: opacity .3s;
            left: var(--art-padding);
            display: flex;
            align-items: center;
			pointer-events: auto;
		}
        .art-video-player.art-backdrop .${this.$config.prefix}{
            backdrop-filter: saturate(180%) blur(20px);
            background-color: #000000bf !important;
        }

		.${this.$config.prefix}-close {
            cursor: pointer;
            justify-content: center;
            align-items: center;
            display: flex;
		}
		.${this.$config.prefix}-close svg{
            fill: var(--art-theme);
            width: 15px;
            height: 15px;
        }

		.${this.$config.prefix}-jump {
            color: var(--art-theme);
            cursor: pointer;
		}
		`
      );
      addStyle(
        /*css*/
        `
        .${this.$config.hideClassName}{
            opacity: 0;
            visibility: hidden;
        }
        `
      );
    },
    /**
     * 观察mplayer
     * 用于关闭页面自己的toast
     * 动态更新自己的toast位置
     */
    mutationMPlayerOriginToast($parent) {
      let $mplayer = this.$el.$originPlayer;
      if (!$mplayer) {
        return;
      }
      if ($mplayer.hasAttribute("data-mutation")) {
        return;
      }
      log$1.success(`添加观察器，动态更新toast的位置`);
      $mplayer.setAttribute("data-mutation", "gm");
      utils.mutationObserver($mplayer, {
        config: {
          subtree: true,
          childList: true
        },
        immediate: true,
        callback: () => {
          this.updatePageToastBottom();
        }
      });
    },
    /**
     * 更新页面上的bottom的位置
     */
    updatePageToastBottom() {
      let pageToastList = Array.from(
        document.querySelectorAll(`.${this.$config.prefix}`)
      ).concat(
        Array.from(
          document.querySelectorAll(
            ".".concat(this.$config.originToast)
          )
        )
      );
      if (pageToastList.length) {
        pageToastList.length - 1;
        pageToastList.forEach(($pageToast, index) => {
          $pageToast.setAttribute("data-transition", "move");
          $pageToast.style.bottom = `calc( calc( var(--art-control-height) + var(--art-bottom-gap) ) * ${index + 1} + 10px)`;
        });
      }
    },
    /**
     * 关闭吐司
     */
    closeToast($ele) {
      $ele.classList.add(this.$config.hideClassName);
    },
    /**
     * 获取事件名称列表
     * @private
     */
    getTransitionendEventNameList() {
      return [
        "webkitTransitionEnd",
        "mozTransitionEnd",
        "MSTransitionEnd",
        "otransitionend",
        "transitionend"
      ];
    },
    /**
     * 监听过渡结束
     * @private
     */
    setTransitionendEvent($toast, config) {
      let that = this;
      let animationEndNameList = this.getTransitionendEventNameList();
      domUtils.on(
        $toast,
        animationEndNameList,
        function(event) {
          let dataTransition = $toast.getAttribute("data-transition");
          if ($toast.classList.contains(that.$config.hideClassName)) {
            if (typeof config === "object" && typeof config?.closeCallback === "function") {
              config.closeCallback();
            }
            $toast.remove();
            return;
          }
          if (dataTransition === "move") {
            $toast.removeAttribute("data-transition");
            return;
          }
        },
        {
          capture: true
        }
      );
    }
  };
  const artplayerPluginToast = (option) => {
    return (art) => {
      Toast.$data.art = art;
      return {
        name: Toast.$key.plugin_KEY,
        toast(...args) {
          return Toast.toast(...args);
        }
      };
    };
  };
  const ArtPlayer_PLUGIN_TOAST_KEY = Toast.$key.plugin_KEY;
  class VideoStatistics {
    art;
    option;
    $key = {
      plugin_KEY: "artplayer-plugin-videoStatistics",
      setting_name: "video-statistics"
    };
    $data = {
      intervalId: void 0
    };
    constructor(art, option) {
      this.art = art;
      this.option = option;
      this.addSetting();
    }
    /**
     * 添加设置面板菜单
     */
    addSetting() {
      this.art.setting.add({
        name: this.$key.setting_name,
        icon: "",
        html: "视频统计信息",
        mounted: ($setting) => {
          let $leftIcon = $setting.querySelector(
            ".art-setting-item-left-icon"
          );
          $leftIcon.innerHTML = /*html*/
          `
                <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24">
                    <path d="M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z"></path>
                    <path d="M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z"></path>
                    <path d="M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z"></path>
                </svg>
                `.trim();
          this.art.proxy(
            $setting,
            "click",
            (event) => {
              event.stopPropagation();
              event.stopImmediatePropagation();
              event.preventDefault();
              this.art.setting.show = false;
              if (this.isRegisterLayer()) {
                this.updateLayer();
              } else {
                this.showLayer(true);
              }
            },
            { capture: true }
          );
        }
      });
    }
    /**
     * 获取layer配置
     */
    getLayerOption() {
      let mimeType, audioHost, audioTime, resolution = {
        key: "Resolution:",
        value: `${this.art.video.videoWidth} x ${this.art.video.videoHeight}`
      }, videoDataRate, audioDataRate, audioDuration;
      let qualityPlugin = this.art.plugins[ArtPlayer_PLUGIN_QUALITY_KEY];
      if (qualityPlugin) {
        let currentQualityOption = qualityPlugin.getCurrentQualityOption();
        if (currentQualityOption) {
          mimeType = {
            key: "Mime Type:",
            value: `${currentQualityOption.mimeType}`
          };
          if (currentQualityOption.codecs.trim() !== "") {
            mimeType.value += `;codecs="${currentQualityOption.codecs}"`;
          }
          if (currentQualityOption.frameRate.trim() !== "") {
            resolution.value += "@" + currentQualityOption.frameRate;
          }
          if (currentQualityOption.bandwidth) {
            videoDataRate = {
              key: "Video DataRate:",
              value: (currentQualityOption.bandwidth / 1024).toFixed(0) + "Kbps"
            };
          }
        }
      }
      let m4sAudioPlugin = this.art.plugins[ArtPlayer_PLUGIN_M4S_AUDIO_SUPPORT_KEY];
      if (m4sAudioPlugin) {
        let currentAudioOption = m4sAudioPlugin.getCurrentPlayConfig();
        if (currentAudioOption) {
          audioHost = {
            key: "Audio Host:",
            value: new URL(currentAudioOption.url).host
          };
          audioTime = {
            key: "Audio Time:",
            value: m4sAudioPlugin.getAudio().currentTime.toString()
          };
          if (mimeType) {
            if (mimeType.value.trim() !== "") {
              mimeType.value += ", ";
            }
            mimeType.value += `${currentAudioOption.mimeType}`;
            if (currentAudioOption.codecs.trim() !== "") {
              mimeType.value += `;codecs="${currentAudioOption.codecs}"`;
            }
          }
          audioDataRate = {
            key: "Audio DataRate:",
            value: (currentAudioOption.bandwidth / 1024).toFixed(0) + "Kbps"
          };
          audioDuration = {
            key: "Audio Duration:",
            value: m4sAudioPlugin.getAudio().duration.toString()
          };
        }
      }
      let data2 = [
        mimeType,
        {
          key: "Player Type",
          value: "ArtPlayer@" + Artplayer.version
        },
        resolution,
        videoDataRate,
        audioDataRate,
        {
          key: "Video Host:",
          value: new URL(this.art.url).host
        },
        audioHost,
        {
          key: "Video Time:",
          value: this.art.currentTime.toString()
        },
        audioTime,
        {
          key: "Video Duration:",
          value: this.art.duration.toString()
        },
        audioDuration
      ];
      data2.push(...this?.option?.data || []);
      return {
        name: this.$key.setting_name,
        html: (
          /*html*/
          `
            <div class="art-player-video-statistics">
                <style>
					.art-layer-video-statistics{
						height: fit-content;
					}
                    .art-player-video-statistics{
                        left: var(--art-padding);
                        top: var(--art-padding);
                        z-index: 100;
                        border-radius: var(--art-border-radius);
                        background-color: var(--art-widget-background);
                        padding: 10px;
                        font-size: 12px;
                        position: relative;
                        display: flex;
                        flex-direction: column;
                    }
                    .art-player-video-statistics-container-title{
                        text-align: center;
                        position: relative;
                        font-size: 16px;
                        line-height: 30px;
                    }
                    .art-player-video-statistics-close{
                        position: absolute;
                        top: 0;
                        right: 0;
                    }
                    .art-player-video-statistics-close svg{
                        width: 18px;
                        height: 18px;
                    }
                    .art-player-video-statistics-panel{
                        flex-direction: column;
                        gap: 5px;
                        display: flex;
                    }
                    .art-player-video-statistics-panel-item{
                        align-items: center;
                        gap: 10px;
                        display: flex;
                    }
                    .art-player-video-statistics-panel-item .art-player-video-statistics-panel-title{
                        text-align: right;
                        width: 100px;
                        font-size: 12px;
                        font-weight: 500;
                        color: #fff;
                    }
                    .art-player-video-statistics-panel-item .art-player-video-statistics-panel-content{
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        user-select: all;
                        width: 250px;
                        overflow: hidden;
                        color: #999;
                        font-size: 12px;
                        font-weight: 400;
                    }
                    @media (orientation: landscape) {
                        .art-player-video-statistics-panel-item .art-player-video-statistics-panel-content{
                            width: 70vw;
                        }
                    }
					@media (orientation: portrait){
						.art-player-video-statistics{
							width: calc(100% - var(--art-padding));
							right: var(--art-padding);
						}
					}
                </style>
                <div class="art-player-video-statistics-container-title">
                    统计信息
                    <div class="art-player-video-statistics-close">
                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" data-pointer="none" viewBox="0 0 16 16">
                            <path d="m8 6.939 3.182-3.182a.75.75 0 1 1 1.061 1.061L9.061 8l3.182 3.182a.75.75 0 1 1-1.061 1.061L8 9.061l-3.182 3.182a.75.75 0 1 1-1.061-1.061L6.939 8 3.757 4.818a.75.75 0 1 1 1.061-1.061L8 6.939z"></path>
                        </svg>
                    </div>
                </div>
                <div class="art-player-video-statistics-panel">
                    ${data2.filter((it) => it != null).map((item) => {
          return (
            /*html*/
            `
                        <div class="art-player-video-statistics-panel-item">
                            <div class="art-player-video-statistics-panel-title">${item.key}</div>
                            <div class="art-player-video-statistics-panel-content">${item.value}</div>
                        </div>
                        `
          );
        }).join("\n")}
                </div>
            </div>
            `
        ),
        mounted: async ($topWrap) => {
          let $close = $topWrap.querySelector(
            ".art-player-video-statistics-close svg"
          );
          this.art.proxy($close, "click", (event) => {
            event.stopPropagation();
            event.stopImmediatePropagation();
            event.preventDefault();
            this.closeLayer();
          });
        }
      };
    }
    /**
     * 判断是否已经注册过layer
     */
    isRegisterLayer() {
      return this.$key.setting_name in this.art.layers;
    }
    /**
     * 显示layer
     * @param intervalUpdateInfo 是否定时刷新
     */
    showLayer(intervalUpdateInfo) {
      clearInterval(this.$data.intervalId);
      let option = this.getLayerOption();
      this.art.layers.add(option);
      if (intervalUpdateInfo) {
        this.unbindUpdateLayerEvent();
        this.bindUpdateLayerEvent();
      }
    }
    /**
     * 更新layer
     */
    updateLayer() {
      let option = this.getLayerOption();
      this.art.layers.update(option);
    }
    /**
     * 绑定layer更新事件
     */
    bindUpdateLayerEvent() {
      this.art.on("play", this.updateLayerEvent_interval, this);
      this.art.on("restart", this.updateLayerEvent_once, this);
      this.art.on(
        // @ts-ignore
        "m4sAudio:loadedmetadata",
        this.updateLayerEvent_once,
        this
      );
      this.art.on("pause", this.updateLayerEvent_clear_interval, this);
      this.art.on("video:ended", this.updateLayerEvent_clear_interval, this);
      if (this.art.playing) {
        this.updateLayerEvent_interval();
      }
    }
    /**
     * 取消绑定layer更新事件
     */
    unbindUpdateLayerEvent() {
      this.art.off("play", this.updateLayerEvent_interval);
      this.art.off("restart", this.updateLayerEvent_once);
      this.art.off(
        // @ts-ignore
        "m4sAudio:loadedmetadata",
        this.updateLayerEvent_once
      );
      this.art.off("pause", this.updateLayerEvent_clear_interval);
      this.art.off("video:ended", this.updateLayerEvent_clear_interval);
    }
    /**
     * layer更新事件
     */
    updateLayerEvent_interval() {
      clearInterval(this.$data.intervalId);
      this.$data.intervalId = setInterval(() => {
        this.updateLayer();
      }, 1500);
    }
    /**
     * layer更新事件
     */
    updateLayerEvent_once() {
      this.updateLayer();
    }
    /**
     * layer停止更新事件
     */
    updateLayerEvent_clear_interval() {
      clearInterval(this.$data.intervalId);
    }
    /**
     * 关闭layer
     */
    closeLayer() {
      clearInterval(this.$data.intervalId);
      this.art.layers.remove(this.$key.setting_name);
      this.unbindUpdateLayerEvent();
    }
    /**
     * 更新配置
     */
    update(option) {
      this.option = option;
    }
  }
  const artplayerPluginVideoStatistics = (option) => {
    return (art) => {
      let videoStatistics = new VideoStatistics(art, option);
      return {
        name: videoStatistics.$key.plugin_KEY,
        update(option2) {
          videoStatistics.update(option2);
        }
      };
    };
  };
  const ArtPlayerDanmakuCommonOption = () => {
    return {
      heatmap: false,
      // 默认弹幕颜色，可以被单独弹幕项覆盖
      color: "#FFFFFF",
      // 默认弹幕模式: 0: 滚动，1: 顶部，2: 底部
      mode: 0,
      // 弹幕发射器挂载点, 默认为播放器控制栏中部
      mount: void 0,
      // 当播放器宽度小于此值时，弹幕发射器置于播放器底部
      width: 800,
      // 热力图数据
      points: [],
      // 弹幕载入前的过滤器
      filter: (danmu) => danmu.text.length <= 100,
      // 弹幕显示前的过滤器，返回 true 则可以发送
      beforeVisible: () => true,
      // 是否开启弹幕发射器
      emitter: false,
      // 弹幕输入框最大长度, 范围在[1 ~ 1000]
      maxLength: 50,
      // 输入框锁定时间，范围在[1 ~ 60]
      lockTime: 3,
      // 弹幕主题，支持 dark 和 light，只在自定义挂载时生效
      theme: utils.isThemeDark() ? "dark" : "light"
      // OPACITY: {}, // 不透明度配置项
      // FONT_SIZE: {}, // 弹幕字号配置项
      // MARGIN: {}, // 显示区域配置项
      // SPEED: {}, // 弹幕速度配置项
      // COLOR: [], // 颜色列表配置项
    };
  };
  const generateVideoSelectSetting = (option) => {
    let epList = option.epList || [];
    if (epList.length === 1) {
      let parentEp = epList[0];
      return parentEp.pages.map((pageInfo) => {
        return {
          isDefault: pageInfo.cid === option.cid,
          title: pageInfo.part,
          aid: option.aid,
          bvid: option.bvid,
          cid: pageInfo.cid,
          onSelect(selectOption, index) {
            parentEp.cid = pageInfo.cid;
            BilibiliVideoPlayer.updateArtPlayerVideoInfo(
              {
                aid: option.aid,
                bvid: option.bvid,
                cid: pageInfo.cid,
                pic: pageInfo.first_frame || "",
                title: pageInfo.part,
                epList: option.epList || []
              },
              true
            );
          }
        };
      });
    } else {
      return epList.map((epInfo) => {
        return {
          isDefault: epInfo.aid === option.aid && epInfo.cid === option.cid,
          title: GenerateArtPlayerEpTitle(epInfo.title),
          aid: epInfo.aid,
          bvid: epInfo.bvid,
          cid: epInfo.cid,
          onSelect(selectItem, index) {
            BilibiliVideoPlayer.updateArtPlayerVideoInfo(
              {
                aid: epInfo.aid,
                bvid: epInfo.bvid,
                cid: epInfo.cid,
                pic: epInfo.arc.pic,
                title: epInfo.title,
                epList: option.epList || []
              },
              true
            );
          }
        };
      });
    }
  };
  const BilibiliVideoArtPlayer = {
    $data: {
      art: null,
      /** 当前的配置项 */
      currentOption: null
    },
    /**
     * 重置环境变量
     */
    resetEnv(isInit) {
      if (isInit) {
        Reflect.set(this.$data, "art", null);
      }
      Reflect.set(this.$data, "currentOption", null);
    },
    /**
     * 初始化播放器
     * @param option
     */
    async init(option) {
      this.resetEnv(true);
      this.$data.currentOption = option;
      const localArtDanmakuOption_KEY = "artplayer-video-danmaku-option";
      const artPlayerDanmakuOptionHelper = new ArtPlayerDanmakuOptionHelper(
        localArtDanmakuOption_KEY
      );
      const localArtDanmakuOption = artPlayerDanmakuOptionHelper.getLocalArtDanmakuOption();
      const artOption = {
        ...ArtPlayerCommonOption(),
        container: option.container,
        /** 视频封面 */
        poster: option.poster,
        /** 自定义设置列表 */
        settings: [],
        plugins: [
          artplayerPluginToast(),
          artplayPluginQuality({
            from: "video",
            qualityList: option.quality
          })
        ]
      };
      artOption.type = "mp4";
      if (Panel.getValue("artplayer-plugin-video-danmaku-enable")) {
        artOption.plugins.push(
          artplayerPluginDanmuku({
            ...ArtPlayerDanmakuCommonOption(),
            danmuku: option.danmukuUrl,
            // 以下为非必填
            // 弹幕持续时间，范围在[1 ~ 10]
            speed: localArtDanmakuOption.speed,
            // 弹幕上下边距，支持像素数字和百分比
            margin: localArtDanmakuOption["margin"],
            // 弹幕透明度，范围在[0 ~ 1]
            opacity: localArtDanmakuOption["opacity"],
            // 弹幕可见的模式
            modes: localArtDanmakuOption["modes"],
            // 弹幕字体大小，支持像素数字和百分比
            fontSize: localArtDanmakuOption["fontSize"],
            // 弹幕是否防重叠
            antiOverlap: localArtDanmakuOption["antiOverlap"],
            // 是否同步播放速度
            synchronousPlayback: localArtDanmakuOption["synchronousPlayback"],
            // 弹幕层是否可见
            visible: localArtDanmakuOption["visible"],
            // 手动发送弹幕前的过滤器，返回 true 则可以发送，可以做存库处理
            beforeEmit(danmu) {
              return new Promise((resolve) => {
                console.log(danmu);
                setTimeout(() => {
                  resolve(true);
                }, 1e3);
              });
            }
          })
        );
      }
      if (Panel.getValue("artplayer-plugin-video-m4sAudioSupport-enable")) {
        artOption.plugins.push(
          artplayerPluginM4SAudioSupport({
            from: "video",
            audioList: option.audioList || []
          })
        );
      }
      if (Panel.getValue("artplayer-plugin-video-epChoose-enable")) {
        artOption.plugins.push(
          artplayerPluginEpChoose({
            EP_LIST: generateVideoSelectSetting(option),
            automaticBroadcast: true
          })
        );
      }
      if (Panel.getValue("artplayer-plugin-video-cc-subtitle-enable")) {
        artOption.plugins.push(
          artplayerPluginBilibiliCCSubTitle({
            from: "video",
            cid: option.cid,
            aid: option.aid,
            bvid: option.bvid
          })
        );
      }
      if (Panel.getValue("artplayer-plugin-video-toptoolbar-enable")) {
        artOption.plugins.push(
          artplayerPluginTopToolBar({
            onlineInfoParams: {
              aid: option.aid,
              cid: option.cid,
              bvid: option.bvid
            },
            title: option.videoTitle,
            showWrap: true,
            showTitle: true,
            showOnlineTotal: true
          })
        );
      }
      if (Panel.getValue("artplayer-plugin-video-statistics-enable")) {
        artOption.plugins.push(
          artplayerPluginVideoStatistics({
            data: []
          })
        );
      }
      if (Panel.getValue("bili-video-playerAutoPlayVideo")) {
        artOption.muted = true;
        artOption.autoplay = true;
      }
      this.$data.art = new Artplayer(artOption);
      artPlayerDanmakuOptionHelper.onConfigChange(this.$data.art);
      return this.$data.art;
    },
    /**
     * 更新新的播放信息
     * @param option
     */
    async update(art, option) {
      this.resetEnv(false);
      this.$data.currentOption = option;
      log$1.info(`更新新的播放信息`, option);
      art.pause();
      log$1.info(`暂停视频`);
      art.currentTime = 0;
      log$1.info(`重置播放进度`);
      this.updatePluginInfo(art, option);
      art.play();
      log$1.info("播放");
    },
    /**
     * 更新插件数据
     * @param art
     * @param option
     */
    updatePluginInfo(art, option) {
      let plugin_quality = art.plugins[ArtPlayer_PLUGIN_QUALITY_KEY];
      plugin_quality.update({
        from: "video",
        qualityList: option.quality
      });
      log$1.info(`更新画质`, option.quality);
      if (Panel.getValue("artplayer-plugin-video-danmaku-enable")) {
        art.plugins.artplayerPluginDanmuku.config({
          danmuku: option.danmukuUrl
        });
        art.plugins.artplayerPluginDanmuku.load();
        log$1.info(`更新弹幕姬`, option.danmukuUrl);
      }
      if (Panel.getValue("artplayer-plugin-video-m4sAudioSupport-enable")) {
        let plugin_m4sAudioSupport = art.plugins[ArtPlayer_PLUGIN_M4S_AUDIO_SUPPORT_KEY];
        plugin_m4sAudioSupport.update({
          from: "video",
          audioList: option.audioList || []
        });
        log$1.info(`更新音频`, option.audioList);
      }
      if (Panel.getValue("artplayer-plugin-video-epChoose-enable")) {
        let plugin_epChoose = art.plugins[ArtPlayer_PLUGIN_EP_CHOOSE_KEY];
        plugin_epChoose.update({
          EP_LIST: generateVideoSelectSetting(option),
          automaticBroadcast: true
        });
        log$1.info(`更新选集信息`, option.epList);
      }
      if (Panel.getValue("artplayer-plugin-video-cc-subtitle-enable")) {
        let plugin_bilibiliCCSubTitle = art.plugins[ArtPlayer_PLUGIN_BILIBILI_CC_SUBTITLE_KEY];
        const subTitleOption = {
          from: "video",
          aid: option.aid,
          bvid: option.bvid,
          cid: option.cid
        };
        plugin_bilibiliCCSubTitle.update(subTitleOption);
        log$1.info(`更新字幕`, subTitleOption);
      }
      if (Panel.getValue("artplayer-plugin-video-toptoolbar-enable")) {
        let plugin_topToolBar = art.plugins[ArtPlayer_PLUGIN_TOP_TOOLBAR_KEY];
        const topToolBarOption = {
          showRight: true,
          showRightFollow: true,
          showWrap: true,
          showTitle: true,
          showOnlineTotal: true,
          title: option.videoTitle,
          onlineInfoParams: {
            aid: option.aid,
            cid: option.cid,
            bvid: option.bvid
          }
        };
        plugin_topToolBar.update(topToolBarOption);
        log$1.info(`更新顶部标题`, topToolBarOption);
      }
    }
  };
  function handleDashVideoQualityInfo$1(dashInfo) {
    let result = [];
    dashInfo.video.forEach((dashVideoInfo) => {
      if (!dashInfo.accept_quality.includes(dashVideoInfo.id)) {
        return;
      }
      let findSupportFormat = dashInfo.support_formats.find(
        (formatsItem) => formatsItem.quality === dashVideoInfo.id
      );
      let videoUrl = BilibiliCDNProxy.findBetterCDN(
        dashVideoInfo.base_url,
        dashVideoInfo.baseUrl,
        dashVideoInfo.backup_url,
        dashVideoInfo.backupUrl
      );
      videoUrl = BilibiliCDNProxy.replaceVideoCDN(videoUrl);
      let qualityName = findSupportFormat?.new_description;
      result.push({
        name: qualityName,
        url: videoUrl,
        type: dashVideoInfo.mimeType || dashVideoInfo.mime_type,
        id: dashVideoInfo.id,
        quality: dashVideoInfo.id,
        vip: false,
        codecid: dashVideoInfo.codecid,
        codecs: dashVideoInfo.codecs,
        frameRate: dashVideoInfo.frameRate || dashVideoInfo.frame_rate,
        bandwidth: dashVideoInfo.bandwidth
      });
    });
    return result;
  }
  const GenerateArtPlayerOption$1 = async (option) => {
    const audioInfo = [];
    let qualityInfo = [];
    if (Panel.getValue("bili-video-playType", "mp4") === "mp4") {
      const videoPlayInfo = await BilibiliVideoApi.playUrl({
        bvid: option.bvid,
        cid: option.cid,
        fnval: 1,
        fnver: 0,
        fourk: 1,
        high_quality: 1,
        qn: 127,
        setPlatformHTML5: true
      });
      log$1.info(["视频播放地址信息：", videoPlayInfo]);
      if (!videoPlayInfo) {
        return;
      }
      let currentDurl = videoPlayInfo["durl"][0];
      let findSupportFormat = videoPlayInfo.support_formats.find(
        (formatsItem) => formatsItem.quality === videoPlayInfo.quality
      );
      let videoUrl = BilibiliCDNProxy.findBetterCDN(
        currentDurl.url,
        currentDurl.url || currentDurl.backup_url?.[0]
      );
      let qualityName = findSupportFormat?.new_description;
      qualityInfo.push({
        name: qualityName,
        url: videoUrl,
        type: "audio/mp4",
        id: videoPlayInfo.quality,
        codecid: videoPlayInfo.video_codecid,
        quality: videoPlayInfo.quality,
        vip: false,
        codecs: "",
        frameRate: "",
        bandwidth: 0
      });
    } else {
      const videoPlayInfo = await BilibiliVideoApi.playUrl({
        bvid: option.bvid,
        cid: option.cid,
        fnval: 16 | 1024 | 2048,
        fnver: 0,
        fourk: 1,
        high_quality: 1,
        qn: 127,
        setPlatformHTML5: false
      });
      log$1.info(["视频播放地址信息：", videoPlayInfo]);
      if (!videoPlayInfo) {
        return;
      }
      videoPlayInfo.dash.audio.forEach((item) => {
        let audioUrl = BilibiliCDNProxy.findBetterCDN(
          item.baseUrl,
          item.base_url,
          item.baseUrl,
          item.backup_url
        );
        if (Panel.getValue("bili-video-uposServerSelect-applyAudio")) {
          audioUrl = BilibiliCDNProxy.replaceVideoCDN(audioUrl);
        }
        audioInfo.push({
          url: audioUrl,
          id: item.id,
          text: VideoSoundQualityCode[item.id] || "",
          codecs: item.codecs,
          mimeType: item.mimeType,
          bandwidth: item.bandwidth,
          size: 0
        });
      });
      audioInfo.sort((leftItem, rightItem) => {
        return rightItem.id - leftItem.id;
      });
      log$1.info(`ArtPlayer: 获取的音频信息`, audioInfo);
      qualityInfo = [
        ...handleDashVideoQualityInfo$1({
          accept_quality: videoPlayInfo.accept_quality,
          support_formats: videoPlayInfo.support_formats,
          video: videoPlayInfo.dash.video
        })
      ];
      log$1.info(`ArtPlayer: 获取的视频画质信息`, qualityInfo);
    }
    const currentVideoQuality = qualityInfo.map((item, index) => {
      return {
        quality: item.quality,
        html: item.name,
        url: item.url,
        codecid: item.codecid,
        codecs: item.codecs,
        frameRate: item.frameRate,
        mimeType: item.type,
        bandwidth: item.bandwidth
      };
    });
    const artPlayerOption = {
      // @ts-ignore
      container: null,
      epList: option.epList,
      audioUrl: null,
      url: "",
      poster: option.pic,
      aid: option.aid,
      bvid: option.bvid,
      cid: option.cid,
      videoTitle: option.title,
      danmukuUrl: `https://api.bilibili.com/x/v1/dm/list.so?oid=${option.cid}`,
      quality: currentVideoQuality
    };
    artPlayerOption.url = qualityInfo?.[0]?.url;
    if (audioInfo.length) {
      artPlayerOption.audioList = audioInfo.map((item, index) => {
        return {
          isDefault: index === 0,
          url: item.url,
          soundQualityCode: item.id,
          soundQualityCodeText: item.text,
          codecs: item.codecs,
          mimeType: item.mimeType,
          bandwidth: item.bandwidth,
          size: item.size
        };
      });
    }
    return artPlayerOption;
  };
  const BilibiliVideoPlayer = {
    $data: {
      art: null
    },
    init() {
      Panel.execMenu("bili-video-enableArtPlayer", () => {
        this.coverVideoPlayer();
      });
    },
    /**
     * 覆盖播放器
     */
    coverVideoPlayer() {
      if ($("#artplayer")) {
        log$1.warn("已使用ArtPlayer覆盖原播放器，更新播放信息");
      } else {
        addStyle(
          /*css*/
          `
            /* 隐藏原本的播放器 */
			${BilibiliData.className.video} .m-video-player .player-container,
			${BilibiliData.className.mVideo} .m-video-player .player-container{
				display: none !important;
			}
			
			${artPlayerCommonCSS}
			
			${artPlayerCSS$1}

			`
        );
        let controlsPadding = Panel.getValue(
          "bili-video-artplayer-controlsPadding-left-right",
          0
        );
        if (controlsPadding != 0) {
          addStyle(
            /*css*/
            `
				@media (orientation: landscape) {
					.art-video-player .art-layers .art-layer-top-wrap,
					/* 底部 */
					.art-video-player .art-bottom{
						padding-left: ${controlsPadding}px !important;
						padding-right: ${controlsPadding}px !important;
					}
					
					/* 锁定图标 */
					.art-video-player  .art-layer-lock{
						--art-lock-left-size: ${controlsPadding}px;
					}
				}
				`
          );
        }
      }
      this.updateArtPlayerVideoInfo();
    },
    /**
     * 更新播放信息
     * @param videoInfo
     * @param isEpChoose 是否是从选集内调用的
     */
    updateArtPlayerVideoInfo(videoInfo, isEpChoose) {
      let that = this;
      let queryMVideoPlayer = () => {
        return $(BilibiliData.className.video + " .m-video-player") || $(BilibiliData.className.mVideo + " .m-video-player");
      };
      VueUtils.waitVuePropToSet(queryMVideoPlayer, {
        msg: "等待m-video-player加载完成",
        check(vueInstance) {
          if (!isEpChoose && BilibiliVideoArtPlayer.$data.currentOption != null) {
            BilibiliVideoArtPlayer.$data.art.pause();
            return typeof vueInstance?.info?.aid === "number" && BilibiliVideoArtPlayer.$data.currentOption.aid !== vueInstance.info.aid && typeof vueInstance?.info?.bvid === "string" && typeof vueInstance?.info?.cid === "number";
          } else {
            return typeof vueInstance?.info?.aid === "number" && typeof vueInstance?.info?.bvid === "string" && typeof vueInstance?.info?.cid === "number";
          }
        },
        async set(vueInstance) {
          const $mVideoPlayer = queryMVideoPlayer();
          let { aid, bvid, cid, pic, title } = vueInstance;
          aid = aid || vueInstance.info.aid;
          bvid = bvid || vueInstance.info.bvid;
          cid = cid || vueInstance.info.cid;
          pic = pic || vueInstance.info.pic;
          title = title || vueInstance.info.title;
          let epInfoList = [];
          const $seasonNew = $(".m-video-season-new");
          const $partNew = $(".m-video-part-new");
          if ($seasonNew && VueUtils.getVue($seasonNew)) {
            let seasonVueIns = VueUtils.getVue($seasonNew);
            let videoList = seasonVueIns?.videoList;
            if (Array.isArray(videoList)) {
              epInfoList = videoList;
            }
          } else if ($partNew && VueUtils.getVue($partNew)) {
            let partVueIns = VueUtils.getVue($partNew);
            let info = partVueIns?.info;
            let currentPage = partVueIns?.p;
            let pages = partVueIns?.pages || partVueIns?.info?.pages;
            if (Array.isArray(pages)) {
              epInfoList.push({
                season_id: 0,
                section_id: 0,
                id: 0,
                aid: aid || info.aid,
                bvid: bvid || info.bvid,
                cid: cid || info.cid,
                title: title || info.title,
                attribute: 0,
                arc: {
                  aid: aid || info.aid,
                  videos: info?.videos,
                  type_id: 0,
                  type_name: "",
                  copyright: info?.copyright,
                  pic: info?.pic,
                  title: info?.title,
                  pubdate: info?.pubdate,
                  ctime: info?.ctime,
                  desc: info?.desc,
                  state: info?.state,
                  duration: info?.duration,
                  rights: info?.rights,
                  author: info?.owner,
                  stat: info?.stat,
                  dynamic: info?.dynamic,
                  dimension: info?.dimension,
                  desc_v2: info?.desc_v2,
                  is_chargeable_season: info?.is_chargeable_season,
                  is_blooper: info?.is_blooper,
                  enable_vt: info?.enable_vt,
                  vt_display: info?.vt_display
                },
                page: info?.pages?.[currentPage],
                pages: info?.pages
              });
            }
          }
          if (videoInfo == null) {
            videoInfo = {
              aid,
              bvid,
              cid,
              pic,
              title,
              epList: epInfoList
            };
          }
          log$1.info(`视频播放信息 => aid：${aid} bvid：${bvid} cid：${cid}`);
          const artPlayerOption = await GenerateArtPlayerOption$1(videoInfo);
          if (artPlayerOption == null) {
            return;
          }
          let $artPlayer = $("#artplayer");
          if (!$artPlayer) {
            const $artContainer = domUtils.createElement("div", {
              className: "artplayer-container",
              innerHTML: (
                /*html*/
                `
								<div id="artplayer"></div>
							`
              )
            });
            $artPlayer = $artContainer.querySelector("#artplayer");
            domUtils.append($mVideoPlayer, $artContainer);
          }
          artPlayerOption.container = $artPlayer;
          if (that.$data.art == null) {
            let art = await BilibiliVideoArtPlayer.init(artPlayerOption);
            if (art) {
              that.$data.art = art;
            } else {
              return;
            }
            that.$data.art.volume = 1;
            that.$data.art.once("ready", () => {
              Panel.execMenu(
                "bili-video-playerAutoPlayVideoFullScreen",
                async () => {
                  log$1.info(`自动进入全屏`);
                  that.$data.art.fullscreen = true;
                  that.$data.art.once("fullscreenError", () => {
                    log$1.warn(
                      "未成功进入全屏，需要用户交互操作，使用网页全屏代替"
                    );
                    that.$data.art.fullscreenWeb = true;
                  });
                }
              );
            });
          } else {
            const $artContainer = $(".artplayer-container");
            if ($artContainer && !$artContainer.contains(that.$data.art.template.$container)) {
              log$1.warn("artplayer-container的artplayer被移除了，重新添加元素");
              domUtils.empty($artContainer);
              domUtils.append($artContainer, that.$data.art.template.$container);
            }
            await BilibiliVideoArtPlayer.update(that.$data.art, artPlayerOption);
          }
          $mVideoPlayer.style.paddingTop = "";
        }
      });
    }
  };
  const wbi = async (params) => {
    async function getWbiQueryString(params2) {
      const response = await BilibiliUserApi.nav(false);
      if (!response) {
        return;
      }
      const { img_url, sub_url } = response.wbi_img;
      const imgKey = img_url.slice(
        img_url.lastIndexOf("/") + 1,
        img_url.lastIndexOf(".")
      );
      const subKey = sub_url.slice(
        sub_url.lastIndexOf("/") + 1,
        sub_url.lastIndexOf(".")
      );
      const originKey = imgKey + subKey;
      const mixinKeyEncryptTable = [
        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
      ];
      const mixinKey = mixinKeyEncryptTable.map((n) => originKey[n]).join("").slice(0, 32);
      const query = Object.keys(params2).sort().map((key) => {
        const value = params2[key].toString().replace(/[!'()*]/g, "");
        return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
      }).join("&");
      const wbiSign = md5(query + mixinKey);
      return query + "&w_rid=" + wbiSign;
    }
    return await getWbiQueryString(params);
  };
  function b2a(bvid) {
    const XOR_CODE2 = 23442827791579n;
    const MASK_CODE = 2251799813685247n;
    const BASE2 = 58n;
    const BYTES = ["B", "V", 1, "", "", "", "", "", "", "", "", ""];
    const BV_LEN = BYTES.length;
    const ALPHABET = "FcwAPNKTMug3GV5Lj7EJnHpWsx4tb8haYeviqBz6rkCy12mUSDQX9RdoZf".split("");
    const DIGIT_MAP = [0, 1, 2, 9, 7, 5, 6, 4, 8, 3, 10, 11];
    let r = 0n;
    for (let i = 3; i < BV_LEN; i++) {
      r = r * BASE2 + BigInt(ALPHABET.indexOf(bvid[DIGIT_MAP[i]]));
    }
    return `${r & MASK_CODE ^ XOR_CODE2}`;
  }
  const MobileCommentModule = function() {
    const global = typeof _unsafeWindow === "undefined" ? window : _unsafeWindow;
    const videoRE = /https:\/\/m\.bilibili\.com\/video\/.*/;
    const dynamicRE = /https:\/\/m.bilibili.com\/dynamic\/\d+/;
    const opusRE = /https:\/\/m.bilibili.com\/opus\/\d+/;
    let oid, createrID, commentType, replyList;
    const sortTypeConstant = { LATEST: 0, HOT: 2 };
    let currentSortType;
    let nextOffset = "";
    let replyPool;
    if (dynamicRE.test(global.location.href)) setupXHRInterceptor();
    addStyle2();
    return { init };
    async function init(commentModuleWrapper) {
      oid = createrID = commentType = void 0;
      replyPool = {};
      currentSortType = sortTypeConstant.HOT;
      setupStandardCommentContainer(commentModuleWrapper);
      replyList = commentModuleWrapper.querySelector(".reply-list");
      await new Promise((resolve) => {
        const timer = setInterval(async () => {
          if (videoRE.test(global.location.href)) {
            const videoID = global.location.pathname.replace("/video/", "").replace("/", "");
            if (videoID.startsWith("av")) oid = videoID.slice(2);
            if (videoID.startsWith("BV")) oid = b2a(videoID);
            commentType = 1;
          } else if (dynamicRE.test(global.location.href)) {
            oid = global.dynamicDetail?.oid;
            commentType = global.dynamicDetail?.commentType;
          } else if (opusRE.test(global.location.href)) {
            oid = global?.__INITIAL_STATE__?.opus?.detail?.basic?.comment_id_str;
            commentType = global?.__INITIAL_STATE__?.opus?.detail?.basic?.comment_type;
          }
          if (oid && commentType) {
            clearInterval(timer);
            resolve();
          }
        }, 200);
      });
      await enableSwitchingSortType(commentModuleWrapper);
      await loadFirstPagination(commentModuleWrapper);
    }
    function setupStandardCommentContainer(commentModuleWrapper) {
      commentModuleWrapper.innerHTML = `
        <div class="comment-container">
          <div class="reply-header">
            <div class="reply-navigation">
              <ul class="nav-bar">
                <li class="nav-title">
                  <span class="nav-title-text">评论</span>
                  <span class="total-reply">-</span>
                </li>
                <li class="nav-sort hot">
                  <div class="hot-sort">最热</div>
                  <div class="part-symbol"></div>
                  <div class="time-sort">最新</div>
                </li>
              </ul>
            </div>
          </div>
          <div class="reply-warp">
            <div class="reply-list"></div>
          </div>  
        </div>
      `;
    }
    async function enableSwitchingSortType(commentModuleWrapper) {
      const navSortElement = commentModuleWrapper.querySelector(
        ".comment-container .reply-header .nav-sort"
      );
      const hotSortElement = navSortElement.querySelector(".hot-sort");
      const timeSortElement = navSortElement.querySelector(".time-sort");
      navSortElement.classList.add("hot");
      navSortElement.classList.remove("time");
      hotSortElement.addEventListener("click", (e) => {
        e.stopPropagation();
        e.preventDefault();
        if (currentSortType === sortTypeConstant.HOT) return;
        currentSortType = sortTypeConstant.HOT;
        navSortElement.classList.add("hot");
        navSortElement.classList.remove("time");
        commentModuleWrapper.scrollTo(0, 0);
        loadFirstPagination(commentModuleWrapper);
      });
      timeSortElement.addEventListener("click", (e) => {
        e.stopPropagation();
        e.preventDefault();
        if (currentSortType === sortTypeConstant.LATEST) return;
        currentSortType = sortTypeConstant.LATEST;
        navSortElement.classList.add("time");
        navSortElement.classList.remove("hot");
        commentModuleWrapper.scrollTo(0, 0);
        loadFirstPagination(commentModuleWrapper);
      });
    }
    async function loadFirstPagination(commentModuleWrapper) {
      const { data: firstPaginationData, code: resultCode } = await getPaginationData();
      createrID = firstPaginationData.upper.mid;
      replyList.innerHTML = "";
      replyPool = {};
      document.querySelector(".comment-container .reply-warp .no-more-replies-info")?.remove();
      document.querySelector(".comment-container .reply-warp .anchor-for-loading")?.remove();
      if (resultCode !== 0) {
        const info = resultCode === 12061 ? "UP主已关闭评论区" : "无法从API获取评论数据";
        replyList.innerHTML = `<p style="padding: 100px 0; text-align: center; color: #999;">${info}</p>`;
        return;
      }
      const totalReplyElement = commentModuleWrapper.querySelector(
        ".comment-container .reply-header .total-reply"
      );
      const totalReplyCount = parseInt(firstPaginationData?.cursor?.all_count) || 0;
      totalReplyElement.textContent = totalReplyCount;
      if (firstPaginationData?.cursor?.name?.includes("精选")) {
        const navSortElement = commentModuleWrapper.querySelector(
          ".comment-container .reply-header .nav-sort"
        );
        navSortElement.innerHTML = `<div class="selected-sort">精选评论</div>`;
      }
      if (firstPaginationData.top_replies && firstPaginationData.top_replies.length !== 0) {
        const topReplyData = firstPaginationData.top_replies[0];
        appendReplyItem(topReplyData, true);
      }
      for (const replyData of firstPaginationData.replies) {
        appendReplyItem(replyData);
      }
      if (firstPaginationData.replies.length === 0 || firstPaginationData.cursor.is_end) {
        const infoElement = document.createElement("p");
        infoElement.classList.add("no-more-replies-info");
        infoElement.style = "padding-bottom: 100px; text-align: center; color: #999;";
        infoElement.textContent = "没有更多评论";
        document.querySelector(".comment-container .reply-warp").appendChild(infoElement);
        return;
      }
      addAnchor();
    }
    async function getPaginationData() {
      const params = {
        pagination_str: JSON.stringify({
          offset: nextOffset || ""
        }),
        oid,
        type: commentType,
        wts: parseInt(Date.now() / 1e3),
        plat: 1,
        web_location: 1315875
      };
      if (currentSortType === sortTypeConstant.HOT) {
        params.mode = 3;
        if (!nextOffset) {
          params.seek_rpid = "";
        }
      } else if (currentSortType === sortTypeConstant.LATEST) {
        params.mode = 2;
      }
      const fetchResult = await httpx.get(
        `https://api.bilibili.com/x/v2/reply/wbi/main?${await wbi(params)}`,
        {
          fetch: true
        }
      );
      const fetchResultJSON = utils.toJSON(fetchResult.data.responseText);
      nextOffset = fetchResultJSON.data.cursor?.pagination_reply?.next_offset || "";
      return fetchResultJSON;
    }
    function appendReplyItem(replyData, isTopReply) {
      if (replyPool[replyData.rpid_str]) {
        return;
      }
      const replyItemElement = document.createElement("div");
      replyItemElement.classList.add("reply-item");
      replyItemElement.innerHTML = `
        <div class="root-reply-container">
          <a class="root-reply-avatar" href="https://space.bilibili.com/${replyData.mid}" target="_blank" data-user-id="${replyData.mid}" data-root-reply-id="${replyData.rpid}">
            <div class="avatar">
              <div class="bili-avatar">
                <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius" data-src="${replyData.member.avatar}" alt="" src="${replyData.member.avatar}">
                <span class="bili-avatar-icon bili-avatar-right-icon bili-avatar-size-40"></span>
              </div>
            </div>
          </a>
          <div class="content-warp">
            <div class="user-info">
              <a class="user-name" href="https://space.bilibili.com/${replyData.mid}" target="_blank" data-user-id="${replyData.mid}" data-root-reply-id="${replyData.rpid}" style="color: ${replyData.member.vip.nickname_color ? replyData.member.vip.nickname_color : "#61666d"}">${replyData.member.uname}</a>
              <span style="height: 14px; padding: 0 2px; margin-right: 4px; display: flex; align-items: center; font-size: 10px; color: white; border-radius: 2px; background-color: ${getMemberLevelColor(
      replyData.member.level_info.current_level
    )};">LV${replyData.member.level_info.current_level}</span>
              ${createrID === replyData.mid ? '<i class="svg-icon up-web up-icon" style="width: 20px; height: 24px; transform: scale(1.03);"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="4" width="24" height="16" rx="2" fill="#FF6699"></rect><path d="M5.7 8.36V12.79C5.7 13.72 5.96 14.43 6.49 14.93C6.99 15.4 7.72 15.64 8.67 15.64C9.61 15.64 10.34 15.4 10.86 14.92C11.38 14.43 11.64 13.72 11.64 12.79V8.36H10.47V12.81C10.47 13.43 10.32 13.88 10.04 14.18C9.75 14.47 9.29 14.62 8.67 14.62C8.04 14.62 7.58 14.47 7.3 14.18C7.01 13.88 6.87 13.43 6.87 12.81V8.36H5.7ZM13.0438 8.36V15.5H14.2138V12.76H15.9838C17.7238 12.76 18.5938 12.02 18.5938 10.55C18.5938 9.09 17.7238 8.36 16.0038 8.36H13.0438ZM14.2138 9.36H15.9138C16.4238 9.36 16.8038 9.45 17.0438 9.64C17.2838 9.82 17.4138 10.12 17.4138 10.55C17.4138 10.98 17.2938 11.29 17.0538 11.48C16.8138 11.66 16.4338 11.76 15.9138 11.76H14.2138V9.36Z" fill="white"></path></svg></i>' : ""}
            </div>
            <div class="root-reply">
              <span class="reply-content-container root-reply" style="padding-bottom: 8px;">
                <span class="reply-content">${isTopReply ? '<span class="top-icon" style="top: -1px;">置顶</span>' : ""}${replyData.content.pictures ? `<div class="note-prefix" style="transform: translateY(-1px);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="#BBBBBB"><path d="M0 3.75C0 2.784.784 2 1.75 2h12.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 14H1.75A1.75 1.75 0 0 1 0 12.25Zm1.75-.25a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25ZM3.5 6.25a.75.75 0 0 1 .75-.75h7a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1-.75-.75Zm.75 2.25h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5Z"></path></svg><div style="margin-left: 3px;">笔记</div></div>` : ""}${getConvertedMessage(replyData.content)}</span>
              </span>
              ${replyData.content.pictures ? `
                <div class="image-exhibition" style="margin-top: 0; margin-bottom: 8px;">
                  <div class="preview-image-container" style="display: flex; width: 300px;">
                    ${getImageItems(replyData.content.pictures)}
                  </div>
                </div>
                ` : ""}
              <div class="reply-info">
                <span class="reply-time" style="margin-right: 20px;">${getFormattedTime(
      replyData.ctime
    )}</span>
                <span class="reply-like">
                  <i class="svg-icon like use-color like-icon" style="width: 16px; height: 16px;"><svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3323" width="200" height="200"><path d="M594.176 151.168a34.048 34.048 0 0 0-29.184 10.816c-11.264 13.184-15.872 24.064-21.504 40.064l-1.92 5.632c-5.632 16.128-12.8 36.864-27.648 63.232-25.408 44.928-50.304 74.432-86.208 97.024-23.04 14.528-43.648 26.368-65.024 32.576v419.648a4569.408 4569.408 0 0 0 339.072-4.672c38.72-2.048 72-21.12 88.96-52.032 21.504-39.36 47.168-95.744 63.552-163.008a782.72 782.72 0 0 0 22.528-163.008c0.448-16.832-13.44-32.256-35.328-32.256h-197.312a32 32 0 0 1-28.608-46.336l0.192-0.32 0.64-1.344 2.56-5.504c2.112-4.8 5.12-11.776 8.32-20.16 6.592-17.088 13.568-39.04 16.768-60.416 4.992-33.344 3.776-60.16-9.344-84.992-14.08-26.688-30.016-33.728-40.512-34.944zM691.84 341.12h149.568c52.736 0 100.864 40.192 99.328 98.048a845.888 845.888 0 0 1-24.32 176.384 742.336 742.336 0 0 1-69.632 178.56c-29.184 53.44-84.48 82.304-141.76 85.248-55.68 2.88-138.304 5.952-235.712 5.952-96 0-183.552-3.008-244.672-5.76-66.432-3.136-123.392-51.392-131.008-119.872a1380.672 1380.672 0 0 1-0.768-296.704c7.68-72.768 70.4-121.792 140.032-121.792h97.728c13.76 0 28.16-5.504 62.976-27.456 24.064-15.104 42.432-35.2 64.512-74.24 11.904-21.184 17.408-36.928 22.912-52.8l2.048-5.888c6.656-18.88 14.4-38.4 33.28-60.416a97.984 97.984 0 0 1 85.12-32.768c35.264 4.096 67.776 26.88 89.792 68.608 22.208 42.176 21.888 84.864 16 124.352a342.464 342.464 0 0 1-15.424 60.544z m-393.216 477.248V405.184H232.96c-40.448 0-72.448 27.712-76.352 64.512a1318.912 1318.912 0 0 0 0.64 282.88c3.904 34.752 32.96 61.248 70.4 62.976 20.8 0.96 44.8 1.92 71.04 2.816z" p-id="3324" fill="#9499a0"></path></svg></i>
                  <span>${replyData.like}</span>
                </span>
              </div>
              <div class="reply-tag-list">
                ${replyData.card_label ? replyData.card_label.reduce(
      (acc, cur) => acc + `<span class="reply-tag-item ${cur.text_content === "热评" ? "reply-tag-hot" : ""} ${cur.text_content === "UP主觉得很赞" ? "reply-tag-liked" : ""}" style="font-size: 12px; background-color: ${cur.label_color_day}; color: ${cur.text_color_day};">${cur.text_content}</span>`,
      ""
    ) : ""}
              </div>
            </div>
          </div>
        </div>
        <div class="sub-reply-container">
          <div class="sub-reply-list">
            ${getSubReplyItems(replyData.replies)}
            ${replyData.rcount > replyData.replies.length ? `
              <div class="view-more" style="padding-left: 8px; font-size: 13px; color: #9499A0;">
                <div class="view-more-default">
                  <span>共${replyData.rcount}条回复, </span>
                  <span class="view-more-btn" style="cursor: pointer;">点击查看</span>
                </div>
              </div>
              ` : ""}
          </div>
        </div>
      `;
      replyList.appendChild(replyItemElement);
      replyPool[replyData.rpid_str] = true;
      const previewImageContainer = replyItemElement.querySelector(
        ".preview-image-container"
      );
      if (previewImageContainer)
        new Viewer(previewImageContainer, {
          title: false,
          toolbar: false,
          tooltip: false,
          keyboard: false
        });
      const subReplyList = replyItemElement.querySelector(".sub-reply-list");
      const viewMoreBtn = replyItemElement.querySelector(".view-more-btn");
      viewMoreBtn && viewMoreBtn.addEventListener(
        "click",
        () => loadPaginatedSubReplies(
          replyData.rpid,
          subReplyList,
          replyData.rcount,
          1
        )
      );
    }
    function getFormattedTime(ms) {
      const time = new Date(ms * 1e3);
      const year = time.getFullYear();
      const month = (time.getMonth() + 1).toString().padStart(2, "0");
      const day = time.getDate().toString().padStart(2, "0");
      const hour = time.getHours().toString().padStart(2, "0");
      const minute = time.getMinutes().toString().padStart(2, "0");
      return `${year}-${month}-${day} ${hour}:${minute}`;
    }
    function getMemberLevelColor(level) {
      return {
        0: "#C0C0C0",
        1: "#BBBBBB",
        2: "#8BD29B",
        3: "#7BCDEF",
        4: "#FEBB8B",
        5: "#EE672A",
        6: "#F04C49"
      }[level];
    }
    function getConvertedMessage(content) {
      let result = content.message;
      const keywordBlacklist = [
        "https://www.bilibili.com/video/av",
        "https://b23.tv/mall-"
      ];
      if (content.vote && content.vote.deleted === false) {
        const linkElementHTML = `<a class="jump-link normal" href="${content.vote.url}" target="_blank" noopener noreferrer>${content.vote.title}</a>`;
        keywordBlacklist.push(linkElementHTML);
        result = result.replace(`{vote:${content.vote.id}}`, linkElementHTML);
      }
      if (content.emote) {
        for (const [key, value] of Object.entries(content.emote)) {
          const imageElementHTML = `<img class="emoji-${["", "small", "large"][value.meta.size]}" src="${value.url}" alt="${key}">`;
          keywordBlacklist.push(imageElementHTML);
          result = result.replaceAll(key, imageElementHTML);
        }
      }
      result = result.replaceAll(/(\d{1,2}[:：]){1,2}\d{1,2}/g, (timestamp) => {
        timestamp = timestamp.replaceAll("：", ":");
        if (!videoRE.test(global.location.href)) return timestamp;
        const parts = timestamp.split(":");
        if (parts.some((part) => parseInt(part) >= 60)) return timestamp;
        let totalSecond;
        if (parts.length === 2)
          totalSecond = parseInt(parts[0]) * 60 + parseInt(parts[1]);
        else if (parts.length === 3)
          totalSecond = parseInt(parts[0]) * 3600 + parseInt(parts[1]) * 60 + parseInt(parts[2]);
        if (Number.isNaN(totalSecond)) return timestamp;
        const linkElementHTML = `<a class="jump-link video-time" onclick="(async () => {
          // jump to exact time
          const videoElement = document.querySelector('video.gsl-video');
          videoElement.currentTime = ${totalSecond};
  
          // close comment module
          document.querySelector('.close-comment-module-btn').click();
  
          // scroll to top
          window.scrollTo(0, 0);
  
          // play video if it is paused
          if (videoElement.paused) videoElement.play();
        })()">${timestamp}</a>`;
        keywordBlacklist.push(linkElementHTML);
        return linkElementHTML;
      });
      if (content.at_name_to_mid) {
        for (const [key, value] of Object.entries(content.at_name_to_mid)) {
          const linkElementHTML = `<a class="jump-link user" data-user-id="${value}" href="https://space.bilibili.com/${value}" target="_blank" noopener noreferrer>@${key}</a>`;
          keywordBlacklist.push(linkElementHTML);
          result = result.replaceAll(`@${key}`, linkElementHTML);
        }
      }
      if (Object.keys(content.jump_url).length) {
        const entries = [].concat(
          Object.entries(content.jump_url).filter(
            (entry) => entry[0].startsWith("https://")
          ),
          Object.entries(content.jump_url).filter(
            (entry) => !entry[0].startsWith("https://")
          )
        );
        for (const [key, value] of entries) {
          const href = key.startsWith("BV") || /^av\d+$/.test(key) ? `https://www.bilibili.com/video/${key}` : value.pc_url || key;
          if (href.includes("search.bilibili.com") && keywordBlacklist.join("").includes(key))
            continue;
          const linkElementHTML = `<img class="icon normal" src="${value.prefix_icon}" style="${value.extra && value.extra.is_word_search && "width: 12px;"}"><a class="jump-link normal" href="${href}" target="_blank" noopener noreferrer>${value.title}</a>`;
          keywordBlacklist.push(linkElementHTML);
          result = result.replaceAll(key, linkElementHTML);
        }
      }
      return result;
    }
    function getImageItems(images) {
      let imageSizeConfig = "width: 84px; height: 84px;";
      if (images.length === 1)
        imageSizeConfig = "max-width: 260px; max-height: 180px;";
      if (images.length === 2) imageSizeConfig = "width: 128px; height: 128px;";
      let result = "";
      for (const image of images) {
        result += `<div class="image-item-wrap" style="margin-top: 4px; margin-right: 4px; cursor: zoom-in;"><img src="${image.img_src}" style="border-radius: 4px; ${imageSizeConfig}"></div>`;
      }
      return result;
    }
    function getSubReplyItems(subReplies) {
      if (!(subReplies instanceof Array)) return "";
      let result = "";
      for (const replyData of subReplies) {
        result += `
          <div class="sub-reply-item">
            <div class="sub-user-info">
              <a class="sub-reply-avatar" href="https://space.bilibili.com/${replyData.mid}" target="_blank" data-user-id="${replyData.mid}" data-root-reply-id="${replyData.rpid}">
                <div class="avatar">
                  <div class="bili-avatar">
                    <img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius" data-src="${replyData.member.avatar}" alt="" src="${replyData.member.avatar}">
                    <span class="bili-avatar-icon bili-avatar-right-icon  bili-avatar-size-24"></span>
                  </div>
                </div>
              </a>
              <a class="sub-user-name" href="https://space.bilibili.com/${replyData.mid}" target="_blank" data-user-id="${replyData.mid}" data-root-reply-id="${replyData.rpid}" style="color: ${replyData.member.vip.nickname_color ? replyData.member.vip.nickname_color : "#61666d"}">${replyData.member.uname}</a>
              <span style="height: 14px; padding: 0 2px; margin-right: 4px; display: flex; align-items: center; font-size: 10px; color: white; border-radius: 2px; background-color: ${getMemberLevelColor(
        replyData.member.level_info.current_level
      )};">LV${replyData.member.level_info.current_level}</span>
              ${createrID === replyData.mid ? `<i class="svg-icon up-web up-icon" style="width: 20px; height: 24px; transform: scale(1.03);"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="4" width="24" height="16" rx="2" fill="#FF6699"></rect><path d="M5.7 8.36V12.79C5.7 13.72 5.96 14.43 6.49 14.93C6.99 15.4 7.72 15.64 8.67 15.64C9.61 15.64 10.34 15.4 10.86 14.92C11.38 14.43 11.64 13.72 11.64 12.79V8.36H10.47V12.81C10.47 13.43 10.32 13.88 10.04 14.18C9.75 14.47 9.29 14.62 8.67 14.62C8.04 14.62 7.58 14.47 7.3 14.18C7.01 13.88 6.87 13.43 6.87 12.81V8.36H5.7ZM13.0438 8.36V15.5H14.2138V12.76H15.9838C17.7238 12.76 18.5938 12.02 18.5938 10.55C18.5938 9.09 17.7238 8.36 16.0038 8.36H13.0438ZM14.2138 9.36H15.9138C16.4238 9.36 16.8038 9.45 17.0438 9.64C17.2838 9.82 17.4138 10.12 17.4138 10.55C17.4138 10.98 17.2938 11.29 17.0538 11.48C16.8138 11.66 16.4338 11.76 15.9138 11.76H14.2138V9.36Z" fill="white"></path></svg></i>` : ""}
            </div>
            <span class="reply-content-container sub-reply-content">
              <span class="reply-content">${getConvertedMessage(
        replyData.content
      )}</span>
            </span>
            <div class="sub-reply-info" style="margin: 4px 0;">
              <span class="sub-reply-time" style="margin-right: 20px;">${getFormattedTime(
        replyData.ctime
      )}</span>
              <span class="sub-reply-like">
                <i class="svg-icon like use-color sub-like-icon" style="width: 16px; height: 16px;"><svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3323" width="200" height="200"><path d="M594.176 151.168a34.048 34.048 0 0 0-29.184 10.816c-11.264 13.184-15.872 24.064-21.504 40.064l-1.92 5.632c-5.632 16.128-12.8 36.864-27.648 63.232-25.408 44.928-50.304 74.432-86.208 97.024-23.04 14.528-43.648 26.368-65.024 32.576v419.648a4569.408 4569.408 0 0 0 339.072-4.672c38.72-2.048 72-21.12 88.96-52.032 21.504-39.36 47.168-95.744 63.552-163.008a782.72 782.72 0 0 0 22.528-163.008c0.448-16.832-13.44-32.256-35.328-32.256h-197.312a32 32 0 0 1-28.608-46.336l0.192-0.32 0.64-1.344 2.56-5.504c2.112-4.8 5.12-11.776 8.32-20.16 6.592-17.088 13.568-39.04 16.768-60.416 4.992-33.344 3.776-60.16-9.344-84.992-14.08-26.688-30.016-33.728-40.512-34.944zM691.84 341.12h149.568c52.736 0 100.864 40.192 99.328 98.048a845.888 845.888 0 0 1-24.32 176.384 742.336 742.336 0 0 1-69.632 178.56c-29.184 53.44-84.48 82.304-141.76 85.248-55.68 2.88-138.304 5.952-235.712 5.952-96 0-183.552-3.008-244.672-5.76-66.432-3.136-123.392-51.392-131.008-119.872a1380.672 1380.672 0 0 1-0.768-296.704c7.68-72.768 70.4-121.792 140.032-121.792h97.728c13.76 0 28.16-5.504 62.976-27.456 24.064-15.104 42.432-35.2 64.512-74.24 11.904-21.184 17.408-36.928 22.912-52.8l2.048-5.888c6.656-18.88 14.4-38.4 33.28-60.416a97.984 97.984 0 0 1 85.12-32.768c35.264 4.096 67.776 26.88 89.792 68.608 22.208 42.176 21.888 84.864 16 124.352a342.464 342.464 0 0 1-15.424 60.544z m-393.216 477.248V405.184H232.96c-40.448 0-72.448 27.712-76.352 64.512a1318.912 1318.912 0 0 0 0.64 282.88c3.904 34.752 32.96 61.248 70.4 62.976 20.8 0.96 44.8 1.92 71.04 2.816z" p-id="3324" fill="#9499a0"></path></svg></i>
                <span>${replyData.like}</span>
              </span>
            </div>
          </div>
        `;
      }
      return result;
    }
    async function loadPaginatedSubReplies(rootReplyID, subReplyList, subReplyAmount, paginationNumber) {
      const params = {
        oid,
        type: commentType,
        root: rootReplyID,
        ps: 10,
        pn: paginationNumber,
        web_location: 333.788
      };
      const subReplyResponse = await httpx.get(
        `https://api.bilibili.com/x/v2/reply/reply?${Utils.toSearchParamsStr(
        params
      )}`,
        {
          allowInterceptConfig: false,
          fetch: true
        }
      );
      if (!subReplyResponse.status) {
        log.error(subReplyResponse);
        Qmsg.error("请求异常，获取评论的回复失败");
        return;
      }
      const subReplyJSON = utils.toJSON(subReplyResponse.data.responseText);
      if (subReplyJSON === -352) {
        Qmsg.error("请登录后再进行操作");
        console.error("you should login first", subReplyResponse);
        return;
      }
      const subReplyData = subReplyJSON.data;
      subReplyList.innerHTML = getSubReplyItems(subReplyData.replies);
      addSubReplyPageSwitcher(
        rootReplyID,
        subReplyList,
        subReplyAmount,
        paginationNumber
      );
      const replyItem = subReplyList.parentElement.parentElement;
      replyItem.scrollIntoView({ behavior: "instant" });
      global.scrollTo(0, document.documentElement.scrollTop - 60);
    }
    function addSubReplyPageSwitcher(rootReplyID, subReplyList, subReplyAmount, currentPageNumber) {
      if (subReplyAmount <= 10) return;
      const pageAmount = Math.ceil(subReplyAmount / 10);
      const pageSwitcher = document.createElement("div");
      pageSwitcher.classList.add("view-more");
      pageSwitcher.innerHTML = `
        <div class="view-more-pagination">
          <span class="pagination-page-count">共${pageAmount}页</span>
          ${currentPageNumber !== 1 ? '<span class="pagination-btn pagination-to-prev-btn">上一页</span>' : ""}
          ${(() => {
      const left = [
        currentPageNumber - 4,
        currentPageNumber - 3,
        currentPageNumber - 2,
        currentPageNumber - 1
      ].filter((num) => num >= 1);
      const right = [
        currentPageNumber + 1,
        currentPageNumber + 2,
        currentPageNumber + 3,
        currentPageNumber + 4
      ].filter((num) => num <= pageAmount);
      const merge = [].concat(left, currentPageNumber, right);
      let chosen;
      if (currentPageNumber <= 3) chosen = merge.slice(0, 5);
      else if (currentPageNumber >= pageAmount - 3)
        chosen = merge.reverse().slice(0, 5).reverse();
      else
        chosen = merge.slice(
          merge.indexOf(currentPageNumber) - 2,
          merge.indexOf(currentPageNumber) + 3
        );
      let final = JSON.parse(JSON.stringify(chosen));
      if (!final.includes(1)) {
        let front = [1];
        if (final.at(0) !== 2) front = [1, "..."];
        final = [].concat(front, final);
      }
      if (!final.includes(pageAmount)) {
        let back = [pageAmount];
        if (final.at(-1) !== pageAmount - 1) back = ["...", pageAmount];
        final = [].concat(final, back);
      }
      return final.reduce((acc, cur) => {
        if (cur === "...")
          return acc + '<span class="pagination-page-dot">...</span>';
        if (cur === currentPageNumber)
          return acc + `<span class="pagination-page-number current-page">${cur}</span>`;
        return acc + `<span class="pagination-page-number">${cur}</span>`;
      }, "");
    })()}
          ${currentPageNumber !== pageAmount ? '<span class="pagination-btn pagination-to-next-btn">下一页</span>' : ""}
        </div>
      `;
      pageSwitcher.querySelector(".pagination-to-prev-btn")?.addEventListener(
        "click",
        () => loadPaginatedSubReplies(
          rootReplyID,
          subReplyList,
          subReplyAmount,
          currentPageNumber - 1
        )
      );
      pageSwitcher.querySelector(".pagination-to-next-btn")?.addEventListener(
        "click",
        () => loadPaginatedSubReplies(
          rootReplyID,
          subReplyList,
          subReplyAmount,
          currentPageNumber + 1
        )
      );
      pageSwitcher.querySelectorAll(".pagination-page-number:not(.current-page)")?.forEach((pageNumberElement) => {
        const number = parseInt(pageNumberElement.textContent);
        pageNumberElement.addEventListener(
          "click",
          () => loadPaginatedSubReplies(
            rootReplyID,
            subReplyList,
            subReplyAmount,
            number
          )
        );
      });
      subReplyList.appendChild(pageSwitcher);
    }
    function addAnchor() {
      const anchorElement = document.createElement("div");
      anchorElement.classList.add("anchor-for-loading");
      anchorElement.textContent = "正在加载...";
      anchorElement.style = `text-align: center; color: #61666d; transform: translateY(-50px);`;
      document.querySelector(".comment-container .reply-warp").appendChild(anchorElement);
      const ob = new IntersectionObserver(async (entries) => {
        if (!entries[0].isIntersecting) return;
        const { data: newPaginationData } = await getPaginationData();
        if (!newPaginationData.replies || newPaginationData.replies.length === 0) {
          anchorElement.textContent = "所有评论已加载完毕";
          ob.disconnect();
          return;
        }
        for (const replyData of newPaginationData.replies) {
          appendReplyItem(replyData);
        }
      });
      ob.observe(anchorElement);
    }
    function setupXHRInterceptor() {
      const originXHROpen = XMLHttpRequest.prototype.open;
      XMLHttpRequest.prototype.open = function() {
        const url = arguments[1];
        if (typeof url === "string" && url.includes("reply/wbi/main")) {
          const { searchParams } = new URL(
            `${url.startsWith("//") ? "https:" : ""}${url}`
          );
          global.dynamicDetail = {
            oid: searchParams.get("oid"),
            commentType: searchParams.get("type")
          };
        }
        return originXHROpen.apply(this, arguments);
      };
    }
    async function addStyle2() {
      await new Promise((resolve) => {
        const timer = setInterval(() => {
          if (document && document.createElement && document.head && document.head.appendChild) {
            clearInterval(timer);
            resolve();
          }
        }, 100);
      });
      const replyHeaderCSS = document.createElement("style");
      replyHeaderCSS.textContent = `
        .reply-header {
          padding: 12px;
          border-bottom: 1px solid #f1f2f3;
        }
  
        .reply-navigation {
          margin-bottom: 0 !important;
        }
  
        .reply-navigation .nav-bar .nav-title {
          font-size: 1rem !important;
        }
      `;
      document.head.appendChild(replyHeaderCSS);
      const replyListCSS = document.createElement("style");
      replyListCSS.textContent = `
        .reply-list {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }
  
        .reply-item {
          padding: 12px !important;
          font-size: 1rem !important;
          border-bottom: 1px solid #f4f5f7;
        }
  
        .reply-item .root-reply-container {
          padding: 0 !important;
          display: flex;
        }
  
        .reply-item .root-reply-container .root-reply-avatar {
          position: relative !important;
          width: initial !important;
        }
  
        .reply-item .root-reply-container .content-warp {
          margin-left: 12px;
        }
  
        .reply-item .root-reply-container .content-warp .user-info,
        .reply-item .root-reply-container .content-warp .root-reply .reply-content {
          font-size: 14px !important;
        }
  
        .reply-item .root-reply-container .content-warp .root-reply .reply-content-container {
          width: calc(100vw - 88px) !important;
        }
  
        .reply-item .root-reply-container .content-warp .root-reply .reply-content .note-prefix {
          margin-right: 4px !important;
        }
  
        .reply-item .sub-reply-container {
          padding-left: 44px !important;
        }
  
        .reply-item .sub-reply-container .sub-reply-list .sub-reply-item {
          width: calc(100% - 24px);
        }
  
        .reply-item .sub-reply-container .sub-reply-list .sub-reply-item .sub-user-info {
          margin-right: 0 !important;
        }
  
        .reply-item .sub-reply-container .sub-reply-list .sub-reply-item .sub-user-info .sub-user-name,
        .reply-item .sub-reply-container .sub-reply-list .sub-reply-item .reply-content {
          font-size: 14px !important;
        }
  
        .reply-info .reply-time,
        .reply-info .reply-like,
        .sub-reply-info .sub-reply-time,
        .sub-reply-info .sub-reply-like {
          margin-right: 12px !important;
        }
      `;
      document.head.appendChild(replyListCSS);
      const avatarCSS = document.createElement("style");
      avatarCSS.textContent = `
        .reply-item .root-reply-avatar .avatar .bili-avatar {
          width: 40px;
          height: 40px;
        }
  
        .sub-reply-item .sub-reply-avatar .avatar .bili-avatar {
          width: 24px;
          height: 24px;
        }
      `;
      document.head.appendChild(avatarCSS);
      const viewMoreCSS = document.createElement("style");
      viewMoreCSS.textContent = `
        .sub-reply-container .view-more-btn:hover {
          color: #00AEEC;
        }
  
        .view-more {
          padding-left: 8px;
          color: #222;
          font-size: 13px;
          user-select: none;
        }
  
        .pagination-page-count {
          margin-right: 4px !important;
        }
  
        .pagination-page-dot,
        .pagination-page-number {
          margin: 0 4px;
        }
  
        .pagination-btn,
        .pagination-page-number {
          cursor: pointer;
        }
  
        .current-page,
        .pagination-btn:hover,
        .pagination-page-number:hover {
          color: #00AEEC;
        }
      `;
      (document.head || document.documentElement).appendChild(viewMoreCSS);
      const otherCSS = document.createElement("style");
      otherCSS.textContent = `
        :root {
          --text1: #18191C;
          --text3: #9499A0;
          --brand_blue: #00AEEC;
          --brand_pink: #FF6699;
          --bg2: #F6F7F8;
        }
  
        .jump-link {
          color: #008DDA;
        }
      `;
      (document.head || document.documentElement).appendChild(otherCSS);
    }
  }();
  const MobileCommentModuleStyle = ':root {\r\n	--v_xs: 5px;\r\n	--v_xsx: 4px;\r\n	--v_xxs: 6px;\r\n	--v_sm: 10px;\r\n	--v_smx: 8px;\r\n	--v_xsm: 12px;\r\n	--v_md: 15px;\r\n	--v_mdx: 14px;\r\n	--v_xmd: 16px;\r\n	--v_lg: 20px;\r\n	--v_lgx: 18px;\r\n	--v_xlg: 22px;\r\n	--v_xl: 25px;\r\n	--v_xlx: 24px;\r\n	--v_xxl: 26px;\r\n	--v_fs_1: 24px;\r\n	--v_fs_2: 18px;\r\n	--v_fs_3: 16px;\r\n	--v_fs_4: 14px;\r\n	--v_fs_5: 13px;\r\n	--v_fs_6: 12px;\r\n	--v_lh_xs: 1;\r\n	--v_lh_sm: 1.25;\r\n	--v_lh_md: 1.5;\r\n	--v_lh_lg: 1.75;\r\n	--v_lh_xl: 2;\r\n	--v_height_xs: 16px;\r\n	--v_height_sm: 24px;\r\n	--v_height_md: 32px;\r\n	--v_height_lg: 40px;\r\n	--v_height_xl: 48px;\r\n	--v_radius: 6px;\r\n	--v_radius_sm: 4px;\r\n	--v_radius_md: 8px;\r\n	--v_radius_lg: 10px;\r\n	--v_brand_pink: var(--brand_pink, #ff6699);\r\n	--v_brand_pink_thin: var(--brand_pink_thin, #ffecf1);\r\n	--v_brand_blue: var(--brand_blue, #00aeec);\r\n	--v_brand_blue_thin: var(--brand_blue_thin, #dff6fd);\r\n	--v_stress_red: var(--stress_red, #f85a54);\r\n	--v_stress_red_thin: var(--stress_red_thin, #feecea);\r\n	--v_success_green: var(--success_green, #2ac864);\r\n	--v_success_green_thin: var(--success_green_thin, #e4f8ea);\r\n	--v_operate_orange: var(--operate_orange, #ff7f24);\r\n	--v_operate_orange_thin: var(--operate_orange_thin, #fff0e3);\r\n	--v_pay_yellow: var(--pay_yellow, #ffb027);\r\n	--v_pay_yellow_thin: var(--pay_yellow_thin, #fff6e4);\r\n	--v_bg1: var(--bg1, #ffffff);\r\n	--v_bg2: var(--bg2, #f6f7f8);\r\n	--v_bg3: var(--bg3, #f1f2f3);\r\n	--v_bg1_float: var(--bg1_float, #ffffff);\r\n	--v_bg2_float: var(--bg2_float, #f1f2f3);\r\n	--v_text_white: var(--text_white, #ffffff);\r\n	--v_text1: var(--text1, #18191c);\r\n	--v_text2: var(--text2, #61666d);\r\n	--v_text3: var(--text3, #9499a0);\r\n	--v_text4: var(--text4, #c9ccd0);\r\n	--v_text_link: var(--text_link, #008ac5);\r\n	--v_text_notice: var(--text_notice, #e58900);\r\n	--v_line_light: var(--line_light, #f1f2f3);\r\n	--v_line_regular: var(--line_regular, #e3e5e7);\r\n	--v_line_bold: var(--line_bold, #c9ccd0);\r\n	--v_graph_white: var(--graph_white, #ffffff);\r\n	--v_graph_bg_thin: var(--graph_bg_thin, #f6f7f8);\r\n	--v_graph_bg_regular: var(--graph_bg_regular, #f1f2f3);\r\n	--v_graph_bg_thick: var(--graph_bg_thick, #e3e5e7);\r\n	--v_graph_weak: var(--graph_weak, #c9ccd0);\r\n	--v_graph_medium: var(--graph_medium, #9499a0);\r\n	--v_graph_icon: var(--graph_icon, #61666d);\r\n	--v_shadow: var(--shadow, #000000);\r\n	--v_brand_pink_hover: var(--brand_pink_hover, #ff8cb0);\r\n	--v_brand_pink_active: var(--brand_pink_active, #e84b85);\r\n	--v_brand_pink_disabled: var(--brand_pink_disabled, #ffb3ca);\r\n	--v_brand_blue_hover: var(--brand_blue_hover, #40c5f1);\r\n	--v_brand_blue_active: var(--brand_blue_active, #008ac5);\r\n	--v_brand_blue_disabled: var(--brand_blue_disabled, #80daf6);\r\n	--v_stress_red_hover: var(--stress_red_hover, #fa857f);\r\n	--v_stress_red_active: var(--stress_red_active, #e23d3d);\r\n	--v_stress_red_disabled: var(--stress_red_disabled, #fcafaa);\r\n	--v_text_hover: var(--text_hover, #797f87);\r\n	--v_text_active: var(--text_active, #61666d);\r\n	--v_text_disabled: var(--text_disabled, #c9ccd0);\r\n	--v_line_border: var(--line_border, #c9ccd0);\r\n	--v_line_bolder_hover: var(--line_bolder_hover, #e3e5e7);\r\n	--v_line_bolder_active: var(--line_bolder_active, #aeb3b9);\r\n	--v_line_bolder_disabled: var(--line_bolder_disabled, #f1f2f3);\r\n}\r\n\r\n@font-face {\r\n	font-family: fanscard;\r\n	src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf);\r\n}\r\n\r\n.svg-icon {\r\n	display: inline-flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n}\r\n\r\n.svg-icon svg {\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n\r\n.svg-icon.use-color svg path {\r\n	fill: currentColor;\r\n	color: inherit;\r\n}\r\n\r\n.top-vote-card {\r\n	background-color: var(--graph_bg_thin);\r\n	display: flex;\r\n	justify-content: space-between;\r\n	align-items: center;\r\n	height: 80px;\r\n	width: 100%;\r\n	margin-bottom: 24px;\r\n	padding: 12px 16px 12px 10px;\r\n	border-radius: 6px;\r\n}\r\n\r\n.top-vote-card__multi {\r\n	cursor: pointer;\r\n}\r\n\r\n.top-vote-card__multi:hover .vote-result-text {\r\n	color: var(--brand_blue);\r\n	transition: 0.2s;\r\n}\r\n\r\n.top-vote-card-left {\r\n	width: 40%;\r\n	max-width: calc(40% - 30px);\r\n	margin-right: 20px;\r\n	word-wrap: break-word;\r\n	font-size: 13px;\r\n	line-height: 18px;\r\n	color: var(--text1);\r\n}\r\n\r\n.top-vote-card-left__title {\r\n	display: flex;\r\n	align-items: center;\r\n}\r\n\r\n.top-vote-card-left__title svg {\r\n	margin-right: 2px;\r\n	flex: none;\r\n}\r\n\r\n.top-vote-card-left__title span {\r\n	display: -webkit-box;\r\n	float: none;\r\n	height: 18px;\r\n	overflow: hidden;\r\n	text-overflow: ellipsis;\r\n	word-break: break-word;\r\n	-webkit-box-orient: vertical;\r\n	-webkit-line-clamp: 1;\r\n}\r\n\r\n.top-vote-card-left__join {\r\n	height: 17px;\r\n	display: flex;\r\n	align-items: center;\r\n	margin-top: 4px;\r\n	font-size: 12px;\r\n	color: var(--text3);\r\n}\r\n\r\n.top-vote-card-left__join .vote-icon {\r\n	height: 12px;\r\n}\r\n\r\n.top-vote-card-left__join span {\r\n	display: flex;\r\n	align-items: center;\r\n}\r\n\r\n.top-vote-card-right {\r\n	width: 60%;\r\n	font-size: var(--2fde2a28);\r\n	line-height: 17px;\r\n	display: flex;\r\n	--option-height: 40px;\r\n	--option-radius: 6px;\r\n}\r\n\r\n.top-vote-card-right .vote-text__not-vote {\r\n	opacity: 0.9;\r\n}\r\n\r\n.top-vote-card-right .vote-text__not-vote .vui_ellipsis {\r\n	font-weight: 400 !important;\r\n}\r\n\r\n.top-vote-card-right .vote-text :first-child {\r\n	font-weight: 500;\r\n}\r\n\r\n.top-vote-card-right .vote-icon {\r\n	flex: none;\r\n}\r\n\r\n.top-vote-card-right .left-vote-option {\r\n	position: relative;\r\n	display: flex;\r\n	min-width: 120px;\r\n	align-items: center;\r\n	justify-content: space-between;\r\n	background-color: rgba(255, 102, 153, var(--212267a6));\r\n	height: var(--option-height);\r\n	width: var(--38c5ebb3);\r\n	padding-left: 10px;\r\n	border-radius: var(--option-radius) 0 0 var(--option-radius);\r\n	cursor: pointer;\r\n	margin-right: 30px;\r\n	color: var(--332a347e);\r\n	transition: width ease-out 0.2s;\r\n}\r\n\r\n.top-vote-card-right .left-vote-option .skew-vote-option {\r\n	position: absolute;\r\n	right: -20px;\r\n	top: 0;\r\n}\r\n\r\n.top-vote-card-right .left-vote-option .skew-vote-option__fill {\r\n	left: -8px;\r\n	background-color: #f69;\r\n	transform: skew(21deg);\r\n	border-top-right-radius: calc(var(--option-radius) - 2px);\r\n	border-bottom-right-radius: var(--option-radius);\r\n}\r\n\r\n.top-vote-card-right .skew-vote-option {\r\n	height: 40px;\r\n	width: 20px;\r\n	overflow: hidden;\r\n	opacity: var(--212267a6);\r\n	pointer-events: none;\r\n}\r\n\r\n.top-vote-card-right .skew-vote-option__fill {\r\n	pointer-events: all;\r\n	position: absolute;\r\n	top: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n\r\n.top-vote-card-right .right-vote-option {\r\n	position: relative;\r\n	display: flex;\r\n	min-width: 120px;\r\n	align-items: center;\r\n	flex-direction: row-reverse;\r\n	justify-content: space-between;\r\n	background-color: rgba(0, 174, 236, var(--212267a6));\r\n	height: var(--option-height);\r\n	width: var(--4b2970aa);\r\n	padding-right: 10px;\r\n	border-radius: 0 var(--option-radius) var(--option-radius) 0;\r\n	cursor: pointer;\r\n	color: var(--1e587827);\r\n	transition: width ease-out 0.2s;\r\n}\r\n\r\n.top-vote-card-right .right-vote-option .skew-vote-option {\r\n	position: absolute;\r\n	left: -20px;\r\n	top: 0;\r\n}\r\n\r\n.top-vote-card-right .right-vote-option .skew-vote-option__fill {\r\n	left: 8px;\r\n	background-color: #00aeec;\r\n	transform: skew(21deg);\r\n	border-top-left-radius: var(--option-radius);\r\n	border-bottom-left-radius: calc(var(--option-radius) - 2px);\r\n}\r\n\r\n.top-vote-card-right .right-vote-option .vote-text {\r\n	text-align: right;\r\n}\r\n\r\n.top-vote-card-right .had_voted {\r\n	cursor: unset;\r\n}\r\n\r\n.reply-header .reply-notice {\r\n	display: flex;\r\n	align-items: center;\r\n	position: relative;\r\n	min-height: 40px;\r\n	padding: 4px 10px;\r\n	margin-bottom: 16px;\r\n	font-size: 13px;\r\n	border-radius: 2px;\r\n	color: var(--Ye5_u);\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-header .reply-notice:after {\r\n	content: "";\r\n	position: absolute;\r\n	width: 100%;\r\n	height: 100%;\r\n	top: 0;\r\n	left: 0;\r\n	background-color: var(--Ye5_u);\r\n	opacity: 0.2;\r\n}\r\n\r\n.reply-header .reply-notice .notice-icon {\r\n	width: 16px;\r\n	height: 16px;\r\n	margin-right: 5px;\r\n}\r\n\r\n.reply-header .reply-notice .notice-content {\r\n	flex: 1;\r\n	padding: 0 5px;\r\n	vertical-align: top;\r\n	word-wrap: break-word;\r\n	word-break: break-all;\r\n}\r\n\r\n.reply-header .reply-notice .notice-close-icon {\r\n	position: relative;\r\n	z-index: 1;\r\n	width: 10px;\r\n	height: 10px;\r\n	margin-left: 5px;\r\n}\r\n\r\n.reply-header .reply-navigation {\r\n	margin-bottom: 22px;\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar {\r\n	display: flex;\r\n	align-items: center;\r\n	list-style: none;\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar .nav-title {\r\n	display: flex;\r\n	align-items: center;\r\n}\r\n\r\n@media screen and (max-width: 1681px) {\r\n	.reply-header .reply-navigation .nav-bar .nav-title {\r\n		font-size: 20px;\r\n	}\r\n}\r\n\r\n@media screen and (min-width: 1681px) {\r\n	.reply-header .reply-navigation .nav-bar .nav-title {\r\n		font-size: 24px;\r\n	}\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar .nav-title .nav-title-text {\r\n	color: var(--text1);\r\n	font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei,\r\n		sans-serif;\r\n	font-weight: 500;\r\n}\r\n\r\n@media (-webkit-max-device-pixel-ratio: 1) {\r\n	.reply-header .reply-navigation .nav-bar .nav-title .nav-title-text {\r\n		font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica,\r\n			Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;\r\n	}\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar .nav-title .total-reply {\r\n	margin: 0 36px 0 6px;\r\n	font-weight: 400;\r\n	color: var(--text3);\r\n}\r\n\r\n@media screen and (max-width: 1681px) {\r\n	.reply-header .reply-navigation .nav-bar .nav-title .total-reply {\r\n		font-size: 13px;\r\n	}\r\n}\r\n\r\n@media screen and (min-width: 1681px) {\r\n	.reply-header .reply-navigation .nav-bar .nav-title .total-reply {\r\n		font-size: 14px;\r\n	}\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar .nav-select-reply {\r\n	font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei,\r\n		sans-serif;\r\n	font-weight: 500;\r\n	color: var(--text1);\r\n}\r\n\r\n@media screen and (max-width: 1681px) {\r\n	.reply-header .reply-navigation .nav-bar .nav-select-reply {\r\n		font-size: 13px;\r\n	}\r\n}\r\n\r\n@media screen and (min-width: 1681px) {\r\n	.reply-header .reply-navigation .nav-bar .nav-select-reply {\r\n		font-size: 16px;\r\n	}\r\n}\r\n\r\n@media (-webkit-max-device-pixel-ratio: 1) {\r\n	.reply-header .reply-navigation .nav-bar .nav-select-reply {\r\n		font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica,\r\n			Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;\r\n	}\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar .nav-sort {\r\n	display: flex;\r\n	align-items: center;\r\n	color: var(--text3);\r\n}\r\n\r\n@media screen and (max-width: 1681px) {\r\n	.reply-header .reply-navigation .nav-bar .nav-sort {\r\n		font-size: 13px;\r\n	}\r\n}\r\n\r\n@media screen and (min-width: 1681px) {\r\n	.reply-header .reply-navigation .nav-bar .nav-sort {\r\n		font-size: 16px;\r\n	}\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar .nav-sort .part-symbol {\r\n	height: 11px;\r\n	margin: 0 12px;\r\n	border-left: solid 1px;\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar .nav-sort .hot-sort {\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar .nav-sort .hot-sort:hover {\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar .nav-sort .time-sort {\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar .nav-sort .time-sort:hover {\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.reply-header .reply-navigation .nav-bar .nav-sort.hot .hot-sort,\r\n.reply-header .reply-navigation .nav-bar .nav-sort.time .time-sort {\r\n	color: var(--text1);\r\n}\r\n\r\n.reply-header .reply-navigation .nav-operation-warp {\r\n	position: absolute;\r\n	right: 0;\r\n}\r\n\r\n/*\r\n   * @bilibili/userAvatar\r\n   * version: 1.2.0-beta.2. Powered by main-frontend\r\n   * 用户头像公共组件.\r\n   * author: wuxiuran\r\n   */\r\n.bili-avatar {\r\n	display: block;\r\n	position: relative;\r\n	background-image: url(data:image/gif;base64,R0lGODlhtAC0AOYAALzEy+To7rG6wb/Hzd/k6rK7wsPK0bvDybO8w9/j6dDW3NHX3eHl6+Hm7LnByLa+xeDl6+Lm7M/V27vDyt7j6dHX3r/Gzb/HzsLJ0LS9xLW+xbe/xtLY3s/V3OPn7dne5NXb4eDk67jAx7S8w+Dk6rrCybW9xMXM08TL0sLK0Nrf5cXM0tjd48zS2bO7wsrR17W+xLfAx8fO1La/xsbN07K7wbzEytzh573FzNLX3uLn7cDHzsbN1NPZ377Gzb7FzNbc4sjP1dfd49bb4tvg5svR2LfAxsnQ1s7U293h6Nbb4dTa4MrQ19fc4t3i6L7GzMnP1s7U2tXa4M3T2sDIz97i6N7i6dje5MjO1dfc473Ey8HJz9vg57jBx8jP1tPY38PL0cfO1dne5dXa4ePn7sHIz8vS2Nrf5tDW3djd5M3T2cDIztTZ4L3Fy7rCyMTL0czT2bC5wOXp7wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OTQ4QTFCMzg4NDAxMUU1OTA2NUJGQjgwNzVFMDQ2NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OTQ4QTFCNDg4NDAxMUU1OTA2NUJGQjgwNzVFMDQ2NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5NDhBMUIxODg0MDExRTU5MDY1QkZCODA3NUUwNDY1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5NDhBMUIyODg0MDExRTU5MDY1QkZCODA3NUUwNDY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAALQAtAAAB/+AcoKDhIWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2en6ChoqOkpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vb6/wMHCw8TFxsfIycrLzM3Oz9DR0tPU1dbX2Nna29zd3t/g4eLj5OXm5+jp6uvs7e7v8PHy8/T19sA6SCtTCakBCyuKOLmXKAGOOAhLiDkFoQzCOA9YEDyE5SHCBx9KhdhhMc6EBhMJeXDQMY6GjKIgXCgZR0jIQR4msDRxJRQBHyzjoHwpR0LODRI9keDI0kAAnoI8rMgJoyYnlTkBUEA6KMDSmTsxhTjIEsBAqlWvlowR9BIBCzmf9ANLyCrTrJP/SAzI+WMtW5EncmpIUwkCTpZaqtw9FIBGzgxlIRHgWvLH1MGIDLN8ACRSArQsfRCAnCgAj5wmsjwigbnkk80hA6hezbr1ajkeMoCu7Lq1HIM5C9yQU7v363EQFhxBMeGA8ePIkx+fMEFAzjgFmCtHPuHBcwEAik/fbnwCCiZfQHKzcoLk8/Po06tfr95BC7vWAkgQwb6+/fv4ETqocC2EgfwABihgRzToQM1ZJT0AwIIMNujggxBGKOGEFFYIgHkWYQCBNA0A0BEASOzmDAMS2NBRCh5AE4AMFiGAhIHSeIAEAhYdAQ0HFmkwxDVDmPBQAU2MiCECSiDiAQkhMBAC/wFMNunkk1ASkMCUUzJJAgQMMNDAllxyGUEEXTaQ5ZhjQmDmmRCEcOVRhyhBI0I2RNCMGRZ5cUgO5RWAQAYuCCBADYDW4OeghBZqqJ8FuLAnDBo84OijkDqqwaQwwGDCpRlkOsKmCHTaqQsjAIDFAocEYVEHzDCA4QMkFNIAGAgdcMEAtM5K6621XqDrrrz2uiuuFgQr7LDEFmsBrsjiWgJCYIg3CAnW6ZeiMgtYBEUhEfwQhwEqsFkMGSxw9IOchHjxIwjKBICBRS4R8pkZzHgWhwyFCGHRCcoQMIJFZxAyRBz4NhMADgIUOYgKFjnAQDJLOIeQboTQUAB8y3wgAP8PhHBRwEMCwEUMiw+Z8BhvJVChogMHeEuBbA+NkQysDxmxsCARbPBCNDs8QK4cDBhhUQvJrJHwtHJAAAMS0byQwYZJYRgHxsjM9VAJ3kJgAqrQoAFDCFUdYBEKyUiN0ASENCCCBNF0IIKzcpj4kAFhWwQAIRE4gDY0EjiwsxwePpRC3A+1Qbfd0eS9N2PbAo7QAIPf/YzhhBCFENxRW/T3IHU77gzkg6RgEeXHiB0HBmWfnXYMbK/7tuKjl72B5s10sMHMgqg+OeukD9LA62nPTojtiVf+0A+EMPAA7Mx08ADTgjxhOetzDwLBA1g/04EGzPP9vPBjEwKBBtU7o8D/1oS4jdDloVtE9iAhZBC+JVkg0YS3kQzhgAMoRBEkJgpk0OogMvEb61I2CH29LxJWWMIKROAcAUzACpIIgLYsIoITAGFvkVAAAlAjiADejnseIQQBEHDARlBAAT5gWUemIIkXPKcLGEhD9hyhABdwUA4eDF76HrI+QRCgAAqARADYYACHHUZEjvDAstAzAx54TBEKmBghcgg6Y4iuh3L4YRAbEQEFuGE96HoEA2awHgHIgAg0lCIAP8c6G4gQiIw4wwvIyJ5+QUIB9SkACpCYiCjCx3w6tKJFtCBCEnZmDGUwono20AP6OSIIG2NPAbAwskNo8IbOWx0I10AIEoyg/4RyIMJf2DMDNcwQEiowQCTXU4AjYHAQl/wdG0GIPjmQwH2HCIHT0jMCJtDOElWAwi7RgwNEKGAENwReFYshutz50JCGAJl6HuCFG2YiAl/oW3oQYMwNylKTO0SIM7MIzUL8Jz0bkIE1O8GCLfjoPA/oZjJnGc7WFdAFWyxEtZ4zAhpwwJGhSIAEnrDKjpDKkgWYJzgF+ZBxavEQHlhJRzSAAja80hQkmIIBNGCRGfySEH785gfrWcuHHuIDGajBBnBwAhb8DxYk+MAKLBCFdcJSjbWjJ0PPR4gEwBERViDCR4GhgBrAR5msq6JP8yk+AcDHcwtlpk6XGg0FOJUQUP8d6U4DmYAaMLUZVq3kObUq1YeAbRAJEMBXNUGCV3pgnR94YibCSoixBrKsCDmrINK6VkwoQQNlKAQRJpCBdgmCAQdAgFM6QddBoECneI2DXm+jVk98Jg5hFMRVCDkIF8YBeXMVQCUfG1ViiC5ggqBAZTvhhBhARAWCqMIq0QAbKDgHAVz4RGMFQVqymtYiNCCEavuKiRu41gUGKMIXNyCTAuxgiSOojG5FS4i8lHYYoqMXWn/qiSrkUABSaMASEaKF3ILCqvC5rG+xaxEsuA60mtABHKhQgi2EkQFH2IIBFABQTsiObWGA7G8fYiPMmQ4aamMbFATM3ofcDHOEw5v/3gjBBAYLQ3RFaFzhJjyIIlg4GBgmhA4i/DgOC8LD172wRZggYhJvzsRyqHCKQWyRFdDtwNZbGyHEctcBI8Rk0oMBKJOhABNwbRBUsAgYkiHR7klPA/AlMgyyl0PUGgN4VMOcEYAGDRTorCrjjUMQkmFdhMgMzFB7hhayfFifPYS2yEAxQhCQhB13gWipykBwB3GDNyFkf8cgQkFhO4h/9eAZLYiDwQSBsIfQORkNcJphBUGDDHxlGSoowJ4HYa+H7GAZnkWInegGAA0k5hhKGIEDYDQIUz2Ey8kQgwse8gBrRmBdFzDDAna9gBzkoALADrawh01sYP8a2LxOtrKX/83sZVfA19CuQAucN4E6i5CjCMlAJZGxBYuM2RALoEF1NDADGAigAHrylLo95YJ2o/vd8NbTCDLQqA1sIAYiEEEM9o3vfOvbCPYO+Axm8KhJaQABg0K3AEzwBgngWRAVESAzmrBKBGS2EAFIEwNIQAEKJOBJVAq5yBPQ8ZJ73EpYytKWyKSllbM8S2gKgcxJbnIKHNkQIPBzAQjNjN7GwQQXnwYI3omQazmjCl1oURRYXVU/xyFO0ACCCscmgUszowEc2IIiMSKNBSgSIRuwkNjHTvayN2iYIwj6MxZA9AG5/e3TVDs0WBBmuNv97k+3ozUIwARs4/3vAZpBC4ZaDf8CtMACdDzPuQvwdcBfx0/rEQEAWnBKbYRgCUsAgRSkMIYxLKAHIGjCFVRABC6ogAUg4IADII+QMHDg9bCHfQf29ZARKCD2uLdrHBDQgyawIK4fEAIQNL+EHoB+CJrvwReykAC2xaMHX/80Ij5QEmsbIgJ1j0MYJvFweARglLVfyCHk/JCDGuILLKmBXNkyhII+xOiGACRCrFwV8GeIMyKd6EsHsbKS4ACgQNB4D8NzSBEAZEAGqiEHNzBrOREFhrAELJEBFKMu57FMBcgmrpYTNsB0cpCBHQEXmXYeBYBGkNEAbvYcFxcAXsMSDlhd6WFjkNED6eEDGeN0FgFkguD/BO7HEo82GKKTE+o3CPvEEg7gLdKEHt/GFn2mHnpVZiXRgwQwdeehATYVEommHgIAQSNxHksgCKGmHiwEFgGQdOsRXCH4HPAyPfXRBRwYEiBQH9oWBeixAwEwBffBH1Thc+rxArqXIFZAH/bxA/1lDyFgg+mhARuAHgJgLvchAKdGED7xd9FyHxZ4D23gePmBAIIREkQggJioHmrwEl/4ifXBZvcQAMNEilj4iPOQBZ6oiuixfQRxhLBISs4nDx6QiLV4HxxwD1Kwi/gRWPbghMDIStYnD7tTjPcBa/KgBMp4HxPQfe7AY8+IhdIVDw3gWtVYH/TnDlmwjfaxAVWogg60CI7pkQPxQAbZZ47nUWDvcAWvyI7+N4jocIXyqB4FIH7tEADadI/p8WDtsIT+qB7R6A5IMJBltH7lkFUIiR7uqA7f05DqAQDSWA7/IpHpsXPsUI4YyRJhmA4S1JHpgYPo4AS0J5LPIQI3dw5v2BHnFo/+WAOTZg4yhpLnYX6xEAgAOw==);\r\n	-webkit-background-size: cover;\r\n	background-size: cover;\r\n	border-radius: 50%;\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\n.bili-avatar * {\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\n.bili-avatar-face {\r\n	position: absolute;\r\n	top: 50%;\r\n	left: 50%;\r\n	-webkit-transform: translate(-50%, -50%);\r\n	-moz-transform: translate(-50%, -50%);\r\n	-ms-transform: translate(-50%, -50%);\r\n	-o-transform: translate(-50%, -50%);\r\n	transform: translate(-50%, -50%);\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n\r\n.bili-avatar-pendent-dom {\r\n	height: 176.48%;\r\n	width: 176.48%;\r\n	position: absolute;\r\n	top: -38.33%;\r\n	left: -38.33%;\r\n	overflow: hidden;\r\n}\r\n\r\n.bili-avatar-pendent-dom img {\r\n	height: 100%;\r\n	min-width: 100%;\r\n	-webkit-user-select: none;\r\n	-moz-user-select: none;\r\n	-ms-user-select: none;\r\n	user-select: none;\r\n}\r\n\r\n.bili-avatar-img {\r\n	border: none;\r\n	display: block;\r\n	-o-object-fit: cover;\r\n	object-fit: cover;\r\n	image-rendering: -webkit-optimize-contrast;\r\n}\r\n\r\n.bili-avatar-img-radius {\r\n	border-radius: 50%;\r\n}\r\n\r\n.bili-avatar-img[src=""],\r\n.bili-avatar-img:not([src]) {\r\n	opacity: 0;\r\n}\r\n\r\n.bili-avatar-img.bili-avatar-img-error {\r\n	display: none;\r\n}\r\n\r\n.bili-avatar-right-icon {\r\n	width: 27.5%;\r\n	height: 27.5%;\r\n	position: absolute;\r\n	right: 0;\r\n	bottom: -1px;\r\n	-webkit-background-size: cover;\r\n	background-size: cover;\r\n	image-rendering: -webkit-optimize-contrast;\r\n}\r\n\r\n.bili-avatar-nft-icon {\r\n	position: absolute;\r\n	width: 27.5%;\r\n	height: 27.5%;\r\n	right: -webkit-calc(27.5% - 1px);\r\n	right: -moz-calc(27.5% - 1px);\r\n	right: calc(27.5% - 1px);\r\n	bottom: -1px;\r\n	-webkit-background-size: cover;\r\n	background-size: cover;\r\n	image-rendering: -webkit-optimize-contrast;\r\n}\r\n\r\n@-webkit-keyframes bili-avatar {\r\n	0% {\r\n		-webkit-transform: translate3d(0, 0, 0);\r\n		transform: translateZ(0);\r\n	}\r\n\r\n	to {\r\n		-webkit-transform: translate3d(-97.5%, 0, 0);\r\n		transform: translate3d(-97.5%, 0, 0);\r\n	}\r\n}\r\n\r\n@-moz-keyframes bili-avatar {\r\n	0% {\r\n		-moz-transform: translate3d(0, 0, 0);\r\n		transform: translateZ(0);\r\n	}\r\n\r\n	to {\r\n		-moz-transform: translate3d(-97.5%, 0, 0);\r\n		transform: translate3d(-97.5%, 0, 0);\r\n	}\r\n}\r\n\r\n@keyframes bili-avatar {\r\n	0% {\r\n		-webkit-transform: translate3d(0, 0, 0);\r\n		-moz-transform: translate3d(0, 0, 0);\r\n		transform: translateZ(0);\r\n	}\r\n\r\n	to {\r\n		-webkit-transform: translate3d(-97.5%, 0, 0);\r\n		-moz-transform: translate3d(-97.5%, 0, 0);\r\n		transform: translate3d(-97.5%, 0, 0);\r\n	}\r\n}\r\n\r\n.bili-avatar .bili-avatar-size-80 {\r\n	width: 22px;\r\n	height: 22px;\r\n	bottom: -1px;\r\n}\r\n\r\n.bili-avatar .bili-avatar-size-60,\r\n.bili-avatar .bili-avatar-size-50,\r\n.bili-avatar .bili-avatar-size-48 {\r\n	width: 18px;\r\n	height: 18px;\r\n	bottom: -1px;\r\n}\r\n\r\n.bili-avatar .bili-avatar-size-40,\r\n.bili-avatar .bili-avatar-size-36 {\r\n	width: 14px;\r\n	height: 14px;\r\n	bottom: -1px;\r\n}\r\n\r\n.bili-avatar .bili-avatar-size-30,\r\n.bili-avatar .bili-avatar-size-24 {\r\n	width: 12px;\r\n	height: 12px;\r\n	bottom: -1px;\r\n}\r\n\r\n.bili-avatar .bili-avatar-size-nft-80 {\r\n	width: 22px;\r\n	height: 22px;\r\n	bottom: -1px;\r\n	right: -webkit-calc(22px - 1px);\r\n	right: -moz-calc(22px - 1px);\r\n	right: 21px;\r\n}\r\n\r\n.bili-avatar .bili-avatar-size-nft-60,\r\n.bili-avatar .bili-avatar-size-nft-50,\r\n.bili-avatar .bili-avatar-size-nft-48 {\r\n	width: 18px;\r\n	height: 18px;\r\n	bottom: -1px;\r\n	right: -webkit-calc(18px - 1px);\r\n	right: -moz-calc(18px - 1px);\r\n	right: 17px;\r\n}\r\n\r\n.bili-avatar .bili-avatar-size-nft-40,\r\n.bili-avatar .bili-avatar-size-nft-36 {\r\n	width: 14px;\r\n	height: 14px;\r\n	bottom: -1px;\r\n	right: -webkit-calc(14px - 1px);\r\n	right: -moz-calc(14px - 1px);\r\n	right: 13px;\r\n}\r\n\r\n.bili-avatar .bili-avatar-size-nft-30,\r\n.bili-avatar .bili-avatar-size-nft-24 {\r\n	width: 12px;\r\n	height: 12px;\r\n	bottom: -1px;\r\n	right: -webkit-calc(12px - 1px);\r\n	right: -moz-calc(12px - 1px);\r\n	right: 11px;\r\n}\r\n\r\n.reply-image {\r\n	width: var(--3414c33c);\r\n	height: var(--822197ea);\r\n}\r\n\r\n.reply-image.b-img {\r\n	background-color: inherit;\r\n}\r\n\r\n.reply-image.b-img img {\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n\r\n.opacity-enter-active,\r\n.opacity-leave-active {\r\n	transition: opacity 0.15s ease;\r\n}\r\n\r\n.opacity-enter-from,\r\n.opacity-leave-to {\r\n	opacity: 0;\r\n}\r\n\r\n.reply-box {\r\n	display: flex;\r\n	flex-direction: column;\r\n}\r\n\r\n.reply-box .box-normal {\r\n	display: flex;\r\n	z-index: 2;\r\n}\r\n\r\n.reply-box .box-normal .reply-box-avatar {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	width: 80px;\r\n	height: 48px;\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp {\r\n	position: relative;\r\n	flex: 1;\r\n	transition: 0.2s;\r\n	border: 1px solid var(--line_regular);\r\n	border-radius: 6px;\r\n	background-color: var(--bg3);\r\n	overflow-x: hidden;\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp.focus-within,\r\n.reply-box .box-normal .reply-box-warp:hover {\r\n	border-color: var(--line_regular);\r\n	background-color: var(--bg1);\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .textarea-wrap {\r\n	padding: 8px 0;\r\n	display: flex;\r\n	flex-direction: column;\r\n	width: 100%;\r\n	border-radius: 6px;\r\n	cursor: text;\r\n	overflow: hidden;\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info {\r\n	margin-left: 10px;\r\n	margin-bottom: 4px;\r\n	height: 20px;\r\n	font-size: 12px;\r\n	line-height: 17px;\r\n	display: flex;\r\n	align-items: center;\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag {\r\n	flex: none;\r\n	padding: 2px 6px;\r\n	border-radius: 2px;\r\n	margin-right: 4px;\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--pink {\r\n	background-color: var(--Pi1);\r\n	color: var(--Pi5);\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--blue {\r\n	background-color: var(--brand_blue_thin);\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--gary {\r\n	background-color: var(--graph_bg_regular);\r\n	color: var(--text3);\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__text {\r\n	max-width: calc(100% - 68px);\r\n	color: var(--text2);\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__close {\r\n	flex: none;\r\n	margin-left: 4px;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .reply-input {\r\n	padding: 0 8px;\r\n	width: 100%;\r\n	height: 100%;\r\n	border: 1px solid var(--Ga1);\r\n	border-radius: 6px;\r\n	background-color: var(--bg3);\r\n	font-family: inherit;\r\n	line-height: 20px;\r\n	color: var(--text1);\r\n	resize: none;\r\n	outline: none;\r\n	overflow-y: scroll;\r\n	overflow-x: hidden;\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .reply-input.focus,\r\n.reply-box .box-normal .reply-box-warp .reply-input:hover {\r\n	background-color: var(--bg1);\r\n	border-color: var(--graph_weak);\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .reply-box-textarea {\r\n	padding: 0 8px;\r\n	width: 100%;\r\n	height: 32px;\r\n	border: none;\r\n	border-radius: 6px;\r\n	background-color: transparent;\r\n	font-family: inherit;\r\n	font-size: 14px;\r\n	line-height: 32px;\r\n	color: var(--text1);\r\n	resize: none;\r\n	outline: none;\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .reply-box-textarea::placeholder {\r\n	color: var(--text3);\r\n}\r\n\r\n.reply-box .box-normal .reply-box-warp .image-content-wrap {\r\n	background: transparent;\r\n}\r\n\r\n.reply-box .box-expand {\r\n	display: flex;\r\n	justify-content: space-between;\r\n	align-items: center;\r\n	margin-left: 80px;\r\n	margin-top: 10px;\r\n	z-index: 1;\r\n	height: 32px;\r\n	transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.reply-box .box-expand.hide {\r\n	margin-top: 0;\r\n	height: 0;\r\n	overflow: hidden;\r\n	transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.reply-box .box-expand .box-left {\r\n	display: flex;\r\n	align-items: center;\r\n}\r\n\r\n.reply-box .box-expand .reply-box-emoji {\r\n	width: 32px;\r\n	height: 26px;\r\n	margin-right: 6px;\r\n	position: relative;\r\n}\r\n\r\n.reply-box .box-expand .reply-box-emoji .emoji-btn {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	width: 100%;\r\n	height: 100%;\r\n	border: 1px solid var(--line_regular);\r\n	border-radius: 4px;\r\n	color: var(--text3);\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box .box-expand .at-btn {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	position: relative;\r\n	width: 32px;\r\n	height: 26px;\r\n	margin-right: 6px;\r\n	border: 1px solid var(--line_regular);\r\n	border-radius: 4px;\r\n	color: var(--text3);\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box .box-expand .image-btn {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	position: relative;\r\n	width: 32px;\r\n	height: 26px;\r\n	border: 1px solid var(--line_regular);\r\n	border-radius: 4px;\r\n	color: var(--text3);\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box .box-expand .image-btn.disabled {\r\n	opacity: 0.4;\r\n}\r\n\r\n.reply-box .box-expand .image-btn .image-upload-input {\r\n	appearance: none;\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	opacity: 0;\r\n	font-size: 0;\r\n	user-select: auto;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box .box-expand .forward-to-dynamic {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-left: 16px;\r\n	font-size: 12px;\r\n	color: var(--text3);\r\n}\r\n\r\n.reply-box .box-expand .forward-to-dynamic .forward-input,\r\n.reply-box .box-expand .forward-to-dynamic .forward-label {\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box .box-expand .reply-box-send {\r\n	float: right;\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	position: relative;\r\n	width: 70px;\r\n	height: 32px;\r\n	border-radius: 6px;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box .box-expand .reply-box-send .send-text {\r\n	position: absolute;\r\n	z-index: 1;\r\n	font-size: 16px;\r\n	color: var(--text_white);\r\n}\r\n\r\n.reply-box .box-expand .reply-box-send:after {\r\n	content: "";\r\n	position: absolute;\r\n	opacity: 0.5;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 4px;\r\n	background-color: var(--brand_blue);\r\n}\r\n\r\n.reply-box .box-expand .reply-box-send:hover:after {\r\n	opacity: 1;\r\n}\r\n\r\n.reply-box.box-active\r\n	.box-normal\r\n	.reply-box-warp\r\n	.reply-box-textarea.send-active {\r\n	line-height: normal;\r\n}\r\n\r\n.reply-box.box-active .reply-box-send.send-active:after {\r\n	opacity: 1;\r\n}\r\n\r\n.reply-box.disabled .box-normal .reply-box-warp .disable-mask {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	z-index: 1;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 6px;\r\n	font-size: 12px;\r\n	color: var(--text3);\r\n	background-color: var(--bg3);\r\n}\r\n\r\n.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask {\r\n	display: flex;\r\n	align-items: center;\r\n	justify-content: center;\r\n	width: 100%;\r\n	height: 100%;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box.disabled\r\n	.box-normal\r\n	.reply-box-warp\r\n	.disable-mask\r\n	.no-login-mask\r\n	.login-btn {\r\n	padding: 4px 9px;\r\n	margin: 0 3px;\r\n	border-radius: 4px;\r\n	color: var(--text_white);\r\n	background-color: var(--brand_blue);\r\n}\r\n\r\n.reply-box.disabled\r\n	.box-normal\r\n	.reply-box-warp\r\n	.disable-mask\r\n	.no-login-mask\r\n	.login-btn:hover {\r\n	background-color: var(--Lb4);\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box.disabled .reply-box-send .send-text {\r\n	color: var(--text3);\r\n}\r\n\r\n.reply-box.disabled .reply-box-send:after {\r\n	opacity: 1;\r\n	background-color: var(--bg3);\r\n}\r\n\r\n.reply-box.fixed-box {\r\n	position: relative;\r\n	z-index: 2;\r\n	padding: 15px 0;\r\n	border-top: 0.5px solid var(--graph_bg_thick);\r\n	background-color: var(--bg1);\r\n}\r\n\r\n.reply-content-container.fold .reply-content {\r\n	display: -webkit-box;\r\n	-webkit-box-orient: vertical;\r\n	-webkit-line-clamp: 4;\r\n}\r\n\r\n.reply-content-container .reply-content {\r\n	color: var(--text1);\r\n	overflow: hidden;\r\n	word-wrap: break-word;\r\n	word-break: break-word;\r\n	white-space: pre-wrap;\r\n	line-height: 24px;\r\n	vertical-align: baseline;\r\n}\r\n\r\n.reply-content-container .reply-content .note-prefix {\r\n	display: inline-flex;\r\n	align-items: center;\r\n	justify-content: center;\r\n	padding: 1px 4px;\r\n	border-radius: 4px;\r\n	margin-right: 8px;\r\n	font-size: 12px;\r\n	color: var(--text3);\r\n	line-height: 20px;\r\n	vertical-align: bottom;\r\n	background-color: var(--bg2);\r\n}\r\n\r\n.reply-content-container .reply-content .note-prefix .note-icon {\r\n	width: 16px;\r\n	height: 16px;\r\n}\r\n\r\n.reply-content-container .reply-content .top-icon {\r\n	top: -2px;\r\n	display: inline-flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	position: relative;\r\n	width: 30px;\r\n	height: 18px;\r\n	border: 1px solid var(--brand_pink);\r\n	border-radius: 3px;\r\n	margin-right: 5px;\r\n	font-size: 12px;\r\n	color: var(--brand_pink);\r\n}\r\n\r\n.reply-content-container .reply-content .emoji-small {\r\n	vertical-align: text-bottom;\r\n}\r\n\r\n@media screen and (max-width: 1681px) {\r\n	.reply-content-container .reply-content .emoji-small {\r\n		width: 20px;\r\n		height: 20px;\r\n	}\r\n}\r\n\r\n@media screen and (min-width: 1681px) {\r\n	.reply-content-container .reply-content .emoji-small {\r\n		width: 22px;\r\n		height: 22px;\r\n	}\r\n}\r\n\r\n.reply-content-container .reply-content .emoji-large {\r\n	width: 50px;\r\n	height: 50px;\r\n	vertical-align: text-bottom;\r\n}\r\n\r\n.reply-content-container .reply-content .icon {\r\n	width: 20px;\r\n	height: 20px;\r\n	vertical-align: text-top;\r\n}\r\n\r\n@media screen and (max-width: 1681px) {\r\n	.reply-content-container .reply-content .icon {\r\n		line-height: 24px;\r\n	}\r\n}\r\n\r\n@media screen and (min-width: 1681px) {\r\n	.reply-content-container .reply-content .icon {\r\n		line-height: 26px;\r\n	}\r\n}\r\n\r\n.reply-content-container .reply-content .icon.search-word {\r\n	width: 12px;\r\n	display: inline-block;\r\n	background-size: contain;\r\n	background-repeat: no-repeat;\r\n}\r\n\r\n.reply-content-container .reply-content .jump-link {\r\n	vertical-align: baseline;\r\n}\r\n\r\n@media screen and (max-width: 1681px) {\r\n	.reply-content-container .reply-content .jump-link {\r\n		line-height: 24px;\r\n	}\r\n}\r\n\r\n@media screen and (min-width: 1681px) {\r\n	.reply-content-container .reply-content .jump-link {\r\n		line-height: 26px;\r\n	}\r\n}\r\n\r\n.reply-content-container .expand-content {\r\n	color: var(--text_link);\r\n	cursor: pointer;\r\n	margin-left: 4px;\r\n}\r\n\r\n.reply-content-container .expand-content:hover {\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.sub-reply-item {\r\n	position: relative;\r\n	padding: 8px 0 8px 42px;\r\n	border-radius: 4px;\r\n}\r\n\r\n@media screen and (max-width: 1681px) {\r\n	.sub-reply-item {\r\n		font-size: 15px;\r\n		line-height: 24px;\r\n	}\r\n}\r\n\r\n@media screen and (min-width: 1681px) {\r\n	.sub-reply-item {\r\n		font-size: 16px;\r\n		line-height: 26px;\r\n	}\r\n}\r\n\r\n.sub-reply-item.show-reply {\r\n	background-color: #dff6fb;\r\n	animation-name: enterAnimation-jumpReply-1f8a4018;\r\n	animation-duration: 2s;\r\n	animation-delay: 3s;\r\n	animation-fill-mode: forwards;\r\n}\r\n\r\n.sub-reply-item .sub-user-info {\r\n	display: inline-flex;\r\n	align-items: center;\r\n	margin-right: 9px;\r\n	line-height: 24px;\r\n	vertical-align: baseline;\r\n	white-space: nowrap;\r\n}\r\n\r\n.sub-reply-item .sub-user-info .sub-reply-avatar {\r\n	position: absolute;\r\n	left: 8px;\r\n	cursor: pointer;\r\n}\r\n\r\n.sub-reply-item .sub-user-info .sub-user-name {\r\n	font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei,\r\n		sans-serif;\r\n	font-weight: 500;\r\n	margin-right: 5px;\r\n	color: var(--3bab3096);\r\n	cursor: pointer;\r\n}\r\n\r\n@media screen and (max-width: 1681px) {\r\n	.sub-reply-item .sub-user-info .sub-user-name {\r\n		font-size: 13px;\r\n		line-height: 24px;\r\n	}\r\n}\r\n\r\n@media screen and (min-width: 1681px) {\r\n	.sub-reply-item .sub-user-info .sub-user-name {\r\n		font-size: 14px;\r\n		line-height: 26px;\r\n	}\r\n}\r\n\r\n@media (-webkit-max-device-pixel-ratio: 1) {\r\n	.sub-reply-item .sub-user-info .sub-user-name {\r\n		font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica,\r\n			Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;\r\n	}\r\n}\r\n\r\n.sub-reply-item .sub-user-info .sub-user-level {\r\n	cursor: pointer;\r\n}\r\n\r\n.sub-reply-item .sub-user-info .sub-up-icon {\r\n	cursor: default;\r\n}\r\n\r\n.sub-reply-item .sub-reply-info {\r\n	display: flex;\r\n	align-items: center;\r\n	position: relative;\r\n	margin-top: 2px;\r\n	font-size: 13px;\r\n	color: var(--text3);\r\n}\r\n\r\n.sub-reply-item .sub-reply-info .sub-reply-time {\r\n	margin-right: var(--7530c1e4);\r\n}\r\n\r\n.sub-reply-item .sub-reply-info .sub-reply-location {\r\n	margin-right: 20px;\r\n}\r\n\r\n.sub-reply-item .sub-reply-info .sub-reply-like {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-right: 19px;\r\n	cursor: pointer;\r\n}\r\n\r\n.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon {\r\n	margin-right: 5px;\r\n	color: #9499a0;\r\n}\r\n\r\n.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon:hover,\r\n.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon.liked {\r\n	color: #00aeec;\r\n}\r\n\r\n.sub-reply-item .sub-reply-info .sub-reply-dislike {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-right: 19px;\r\n}\r\n\r\n.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon {\r\n	color: #9499a0;\r\n	cursor: pointer;\r\n}\r\n\r\n.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon:hover,\r\n.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon.disliked {\r\n	color: #00aeec;\r\n}\r\n\r\n.sub-reply-item .sub-reply-info .sub-reply-btn {\r\n	cursor: pointer;\r\n}\r\n\r\n.sub-reply-item .sub-reply-info .sub-reply-btn:hover {\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.sub-reply-item .sub-reply-info .sub-reply-operation-warp {\r\n	position: absolute;\r\n	right: 40px;\r\n	opacity: 0;\r\n}\r\n\r\n.sub-reply-item:hover .sub-reply-info .sub-reply-operation-warp {\r\n	opacity: 1;\r\n}\r\n\r\n@keyframes enterAnimation-jumpReply-1f8a4018 {\r\n	0% {\r\n		background-color: #dff6fb;\r\n	}\r\n\r\n	to {\r\n		background-color: #dff6fb00;\r\n	}\r\n}\r\n\r\n.sub-reply-list .view-more {\r\n	padding-left: 8px;\r\n	font-size: 13px;\r\n	color: var(--text3);\r\n}\r\n\r\n.sub-reply-list .view-more .view-more-default .view-more-btn {\r\n	cursor: pointer;\r\n}\r\n\r\n.sub-reply-list .view-more .view-more-default .view-more-btn:hover {\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.sub-reply-list .view-more .view-more-pagination {\r\n	color: var(--text1);\r\n}\r\n\r\n.sub-reply-list .view-more .view-more-pagination .pagination-page-count {\r\n	margin-right: 10px;\r\n}\r\n\r\n.sub-reply-list .view-more .view-more-pagination .pagination-btn {\r\n	margin: 0 4 0 14px;\r\n	cursor: pointer;\r\n}\r\n\r\n.sub-reply-list .view-more .view-more-pagination .pagination-btn:hover {\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.sub-reply-list .view-more .view-more-pagination .pagination-page-number {\r\n	margin: 0 4px;\r\n	cursor: pointer;\r\n}\r\n\r\n.sub-reply-list .view-more .view-more-pagination .pagination-page-number:hover,\r\n.sub-reply-list\r\n	.view-more\r\n	.view-more-pagination\r\n	.pagination-page-number.current-page {\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.sub-reply-list .view-more .view-more-pagination .pagination-page-dot {\r\n	margin: 0 4px;\r\n	cursor: default;\r\n}\r\n\r\n.image-exhibition {\r\n	margin-top: 8px;\r\n	user-select: none;\r\n}\r\n\r\n.image-exhibition .preview-image-container {\r\n	max-width: var(--dacbf126);\r\n	display: flex;\r\n	flex-wrap: wrap;\r\n	row-gap: var(--77b1c8ee);\r\n	column-gap: var(--0c349aa2);\r\n}\r\n\r\n.image-exhibition .preview-image-container .image-item-wrap {\r\n	display: flex;\r\n	justify-content: center;\r\n	position: relative;\r\n	border-radius: var(--7fefecd2);\r\n	overflow: hidden;\r\n	cursor: zoom-in;\r\n}\r\n\r\n.image-exhibition .preview-image-container .image-item-wrap.vertical {\r\n	flex-direction: column;\r\n}\r\n\r\n.image-exhibition .preview-image-container .image-item-wrap.extra-long {\r\n	justify-content: start;\r\n}\r\n\r\n.image-exhibition .preview-image-container .image-item-wrap .more-image {\r\n	display: flex;\r\n	align-items: center;\r\n	justify-content: center;\r\n	position: absolute;\r\n	right: 4px;\r\n	bottom: 4px;\r\n	height: 20px;\r\n	padding: 0 6px;\r\n	border-radius: 4px;\r\n	font-size: 13px;\r\n	color: var(--text_white);\r\n	font-weight: 500;\r\n	line-height: 18px;\r\n	background: rgba(0, 0, 0, 0.7);\r\n}\r\n\r\n.image-exhibition\r\n	.preview-image-container\r\n	.client-image-item-warp:nth-child(3n + 1) {\r\n	border-bottom-right-radius: 0;\r\n	border-top-right-radius: 0;\r\n}\r\n\r\n.image-exhibition\r\n	.preview-image-container\r\n	.client-image-item-warp:nth-child(3n + 2) {\r\n	border-radius: 0;\r\n}\r\n\r\n.image-exhibition\r\n	.preview-image-container\r\n	.client-image-item-warp:nth-child(3n + 3) {\r\n	border-bottom-left-radius: 0;\r\n	border-top-left-radius: 0;\r\n}\r\n\r\n.image-exhibition\r\n	.preview-image-container\r\n	.client-image-item-warp:nth-last-child(1) {\r\n	border-bottom-right-radius: var(--7fefecd2);\r\n	border-top-right-radius: var(--7fefecd2);\r\n}\r\n\r\n.image-exhibition\r\n	.preview-image-container\r\n	.expand-image-item-warp:nth-child(1) {\r\n	border-radius: var(--7fefecd2) 0 0 0;\r\n}\r\n\r\n.image-exhibition\r\n	.preview-image-container\r\n	.expand-image-item-warp:nth-child(3) {\r\n	border-radius: 0 var(--7fefecd2) 0 0;\r\n}\r\n\r\n.image-exhibition\r\n	.preview-image-container\r\n	.expand-image-item-warp:nth-child(7) {\r\n	border-radius: 0 0 0 var(--7fefecd2);\r\n}\r\n\r\n.image-exhibition\r\n	.preview-image-container\r\n	.expand-image-item-warp:nth-child(9) {\r\n	border-radius: 0 0 var(--7fefecd2) 0;\r\n}\r\n\r\n.image-exhibition\r\n	.preview-image-container\r\n	.expand-image-item-warp:nth-child(3n + 2) {\r\n	border-radius: 0;\r\n}\r\n\r\n.image-exhibition\r\n	.preview-image-container\r\n	.expand-image-item-warp.expand-image-two-rows:nth-child(4) {\r\n	border-radius: 0 0 0 var(--7fefecd2);\r\n}\r\n\r\n.image-exhibition\r\n	.preview-image-container\r\n	.expand-image-item-warp.expand-image-two-rows:nth-child(6) {\r\n	border-radius: 0 0 var(--7fefecd2) 0;\r\n}\r\n\r\n.reply-user-sailing {\r\n	height: 48px;\r\n}\r\n\r\n.vote-warp {\r\n	display: flex;\r\n	width: 100%;\r\n	height: 80px;\r\n	border: 0.5px solid var(--graph_bg_thick);\r\n	border-radius: 4px;\r\n	margin: 10px 0;\r\n}\r\n\r\n.vote-warp .vote-icon-warp {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	flex-basis: 80px;\r\n	flex-shrink: 0;\r\n	border-top-left-radius: 4px;\r\n	border-bottom-left-radius: 4px;\r\n	background-color: var(--brand_blue_thin);\r\n}\r\n\r\n.vote-warp .vote-icon-warp .vote-icon {\r\n	width: 40px;\r\n	height: 40px;\r\n}\r\n\r\n.vote-warp .vote-container {\r\n	display: flex;\r\n	align-items: center;\r\n	flex: 1;\r\n	border-top-right-radius: 4px;\r\n	border-bottom-right-radius: 4px;\r\n	background-color: var(--bg1);\r\n}\r\n\r\n.vote-warp .vote-container .vote-text-warp {\r\n	flex: 1;\r\n	padding-left: 15px;\r\n}\r\n\r\n.vote-warp .vote-container .vote-text-warp .vote-title {\r\n	font-size: 14px;\r\n	color: var(--text1);\r\n}\r\n\r\n.vote-warp .vote-container .vote-text-warp .vote-desc {\r\n	margin-top: 10px;\r\n	font-size: 12px;\r\n	color: var(--text3);\r\n}\r\n\r\n.vote-warp .vote-container .vote-btn-warp {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	flex-basis: 90px;\r\n	flex-shrink: 0;\r\n}\r\n\r\n.vote-warp .vote-container .vote-btn-warp .vote-btn {\r\n	width: 54px;\r\n	height: 28px;\r\n	border-radius: 4px;\r\n	font-size: 13px;\r\n	text-align: center;\r\n	line-height: 28px;\r\n	color: var(--text_white);\r\n	background-color: var(--brand_blue);\r\n	cursor: pointer;\r\n}\r\n\r\n.vote-warp .vote-container .vote-btn-warp .vote-btn:hover {\r\n	background-color: var(--Lb4);\r\n}\r\n\r\n.vote-dialog {\r\n	max-height: 100vh;\r\n	overflow-y: auto;\r\n}\r\n\r\n.vote-dialog::-webkit-scrollbar {\r\n	width: 4px;\r\n	border-radius: 4px;\r\n	background-color: transparent;\r\n}\r\n\r\n.vote-dialog::-webkit-scrollbar-thumb {\r\n	border-radius: 4px;\r\n	background-color: var(--graph_bg_thick);\r\n	transition: 0.3s ease-in-out;\r\n}\r\n\r\n.vote-dialog::-webkit-scrollbar-track {\r\n	border-radius: 4px;\r\n	background-color: transparent;\r\n}\r\n\r\n.vote-dialog .vote-iframe-warp {\r\n	height: 600px;\r\n	padding-top: 10px;\r\n	border-top: 0.5px solid var(--graph_weak);\r\n}\r\n\r\n.vote-dialog .vote-iframe-warp .vote-iframe {\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n\r\n.reply-item {\r\n	position: relative;\r\n}\r\n\r\n.reply-item .login-limit-mask {\r\n	display: none;\r\n	position: absolute;\r\n	top: 0;\r\n	right: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	z-index: 10;\r\n	pointer-events: none;\r\n}\r\n\r\n.reply-item .login-limit-mask .mask-top {\r\n	height: 80%;\r\n	background: linear-gradient(\r\n		180deg,\r\n		rgba(255, 255, 255, 0) 0%,\r\n		var(--bg1) 100%\r\n	);\r\n}\r\n\r\n.reply-item .login-limit-mask .mask-bottom {\r\n	height: 20%;\r\n	background: var(--bg1);\r\n}\r\n\r\n.reply-item.login-limit-reply-end .login-limit-mask {\r\n	display: block;\r\n}\r\n\r\n.reply-item .root-reply-container {\r\n	padding: 22px 0 0 80px;\r\n}\r\n\r\n.reply-item .root-reply-container.show-reply {\r\n	animation-name: enterAnimation-jumpReply-7041f671;\r\n	animation-duration: 5s;\r\n	animation-fill-mode: forwards;\r\n}\r\n\r\n.reply-item .root-reply-container .root-reply-avatar {\r\n	display: flex;\r\n	justify-content: center;\r\n	position: absolute;\r\n	left: 0;\r\n	width: 80px;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp {\r\n	flex: 1;\r\n	position: relative;\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .reply-decorate {\r\n	position: absolute;\r\n	top: 0;\r\n	right: 0;\r\n	user-select: none;\r\n	transform: translateY(-15px);\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.reply-decorate\r\n	.easter-egg-label {\r\n	width: 82px;\r\n	height: 36px;\r\n	transform: translateY(6px);\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.reply-decorate\r\n	.easter-egg-label\r\n	img {\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.reply-decorate\r\n	.selected-reply\r\n	.selected-reply-icon {\r\n	width: var(--213e47ca);\r\n	height: var(--268890ba);\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing {\r\n	display: flex;\r\n	align-items: center;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.reply-decorate\r\n	.user-sailing\r\n	.user-sailing-img {\r\n	height: 48px;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.reply-decorate\r\n	.user-sailing\r\n	.user-sailing-text {\r\n	position: absolute;\r\n	right: 0;\r\n	font-size: 13px;\r\n	color: var(--2bd55d12);\r\n	line-height: 16px;\r\n	word-break: keep-all;\r\n	transform: scale(0.7);\r\n	transform-origin: center center;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.reply-decorate\r\n	.user-sailing\r\n	.user-sailing-text\r\n	.sailing-text {\r\n	font-family: fanscard;\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .user-info {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-bottom: 4px;\r\n}\r\n\r\n@media screen and (max-width: 1681px) {\r\n	.reply-item .root-reply-container .content-warp .user-info {\r\n		font-size: 13px;\r\n	}\r\n}\r\n\r\n@media screen and (min-width: 1681px) {\r\n	.reply-item .root-reply-container .content-warp .user-info {\r\n		font-size: 14px;\r\n	}\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .user-info .user-name {\r\n	font-family: PingFang SC, HarmonyOS_Medium, Helvetica Neue, Microsoft YaHei,\r\n		sans-serif;\r\n	font-weight: 500;\r\n	margin-right: 5px;\r\n	color: var(--dc735352);\r\n	cursor: pointer;\r\n}\r\n\r\n@media (-webkit-max-device-pixel-ratio: 1) {\r\n	.reply-item .root-reply-container .content-warp .user-info .user-name {\r\n		font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica,\r\n			Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;\r\n	}\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .user-info .user-level {\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .user-info .up-icon {\r\n	cursor: default;\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .user-info .contractor-box {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	position: relative;\r\n	width: var(--697d5c46);\r\n	height: 12px;\r\n	padding: 2px;\r\n	border-radius: 2px;\r\n	background-color: var(--brand_pink_thin);\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.user-info\r\n	.contractor-box.originalFan {\r\n	border: 0.5px solid var(--brand_pink);\r\n	background-color: transparent;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.user-info\r\n	.contractor-box\r\n	.contractor-text {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	font-size: 16px;\r\n	transform-origin: center center;\r\n	transform: scale(0.5);\r\n	position: absolute;\r\n	color: var(--brand_pink);\r\n	white-space: nowrap;\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .user-info .fan-badge {\r\n	display: flex;\r\n	align-items: center;\r\n	height: 14px;\r\n	padding-left: 5px;\r\n	border: 0.5px solid var(--3d3b5a1e);\r\n	border-radius: 10px;\r\n	margin-left: 5px;\r\n	background-image: var(--35269ce2);\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.user-info\r\n	.fan-badge\r\n	.badge-icon-wrap {\r\n	display: flex;\r\n	align-items: center;\r\n	position: relative;\r\n	width: var(--1f5204fd);\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.user-info\r\n	.fan-badge\r\n	.badge-icon-wrap\r\n	.badge-frist-icon {\r\n	position: absolute;\r\n	left: -8px;\r\n	width: 20px;\r\n	height: 20px;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.user-info\r\n	.fan-badge\r\n	.badge-icon-wrap\r\n	.badge-second-icon {\r\n	position: absolute;\r\n	right: 0;\r\n	width: 8px;\r\n	height: 11px;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.user-info\r\n	.fan-badge\r\n	.badge-name-wrap {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	position: relative;\r\n	width: var(--4f9eed68);\r\n	height: 100%;\r\n	margin-right: 4px;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.user-info\r\n	.fan-badge\r\n	.badge-name-wrap\r\n	.badge-name {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	font-size: 18px;\r\n	transform-origin: center center;\r\n	transform: scale(0.5);\r\n	position: absolute;\r\n	top: 50%;\r\n	left: 50%;\r\n	color: var(--57e6be72);\r\n	font-weight: 500;\r\n	white-space: nowrap;\r\n	transform: scale(0.5) translate(-50%, -50%);\r\n	transform-origin: 0 0;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.user-info\r\n	.fan-badge\r\n	.badge-level-wrap {\r\n	display: flex;\r\n	align-items: center;\r\n	justify-content: center;\r\n	position: relative;\r\n	width: 11.5px;\r\n	height: 11.5px;\r\n	border-radius: 50%;\r\n	margin-right: 0.5px;\r\n	background-color: var(--59f85baa);\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.user-info\r\n	.fan-badge\r\n	.badge-level-wrap\r\n	.badge-level {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	font-size: 14px;\r\n	transform-origin: center center;\r\n	transform: scale(0.5);\r\n	position: absolute;\r\n	top: 52%;\r\n	left: 50%;\r\n	font-family: Reeji-CloudHuPo-GBK;\r\n	color: var(--103312b6);\r\n	font-weight: 500;\r\n	white-space: nowrap;\r\n	line-height: 1;\r\n	transform: scale(0.5) translate(-50%, -43%);\r\n	transform-origin: 0 0;\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .vote-info {\r\n	margin-bottom: 4px;\r\n	height: 20px;\r\n	font-size: 12px;\r\n	line-height: 17px;\r\n	display: flex;\r\n	align-items: center;\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .vote-info__tag {\r\n	padding: 2px 6px;\r\n	border-radius: 2px;\r\n	margin-right: 4px;\r\n	flex: none;\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .vote-info__tag--pink {\r\n	background-color: var(--Pi1);\r\n	color: var(--Pi5);\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .vote-info__tag--blue {\r\n	background-color: var(--brand_blue_thin);\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .vote-info__tag--gray {\r\n	background-color: var(--graph_bg_regular);\r\n	color: var(--text3);\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .vote-info__text {\r\n	color: var(--Ga7_u);\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .root-reply {\r\n	position: relative;\r\n	padding: 2px 0;\r\n}\r\n\r\n@media screen and (max-width: 1681px) {\r\n	.reply-item .root-reply-container .content-warp .root-reply {\r\n		font-size: 15px;\r\n		line-height: 24px;\r\n	}\r\n}\r\n\r\n@media screen and (min-width: 1681px) {\r\n	.reply-item .root-reply-container .content-warp .root-reply {\r\n		font-size: 16px;\r\n		line-height: 26px;\r\n	}\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-content-container {\r\n	display: block;\r\n	overflow: hidden;\r\n	width: 100%;\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .root-reply .reply-info {\r\n	display: flex;\r\n	align-items: center;\r\n	position: relative;\r\n	margin-top: 2px;\r\n	font-size: 13px;\r\n	color: var(--text3);\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-time {\r\n	margin-right: var(--472bae2d);\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-location {\r\n	margin-right: 20px;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-like {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-right: 19px;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-like\r\n	.like-icon {\r\n	margin-right: 5px;\r\n	color: #9499a0;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-like\r\n	.like-icon:hover,\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-like\r\n	.like-icon.liked {\r\n	color: #00aeec;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-dislike {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-right: 19px;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-dislike\r\n	.dislike-icon {\r\n	color: #9499a0;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-dislike\r\n	.dislike-icon:hover,\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-dislike\r\n	.dislike-icon.disliked {\r\n	color: #00aeec;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-btn {\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-btn:hover {\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-operation-warp {\r\n	position: absolute;\r\n	right: 20px;\r\n	display: none;\r\n}\r\n\r\n.reply-item .root-reply-container .content-warp .root-reply .reply-tag-list {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-top: 6px;\r\n	font-size: 12px;\r\n	line-height: 17px;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container\r\n	.content-warp\r\n	.root-reply\r\n	.reply-tag-list\r\n	.reply-tag-item {\r\n	padding: 2px 6px;\r\n	border-radius: 2px;\r\n	margin-right: 10px;\r\n}\r\n\r\n.reply-item\r\n	.root-reply-container:hover\r\n	.content-warp\r\n	.root-reply\r\n	.reply-info\r\n	.reply-operation-warp {\r\n	display: block;\r\n}\r\n\r\n.reply-item .sub-reply-container {\r\n	padding-left: 72px;\r\n}\r\n\r\n.reply-item .reply-box-container {\r\n	padding: 25px 0 10px 80px;\r\n}\r\n\r\n.reply-item .bottom-line {\r\n	margin-left: 80px;\r\n	border-bottom: 1px solid var(--graph_bg_thick);\r\n	margin-top: 14px;\r\n}\r\n\r\n.reply-item .reply-dynamic-card {\r\n	position: absolute;\r\n	z-index: 10;\r\n	top: 30px;\r\n	left: 400px;\r\n}\r\n\r\n@keyframes enterAnimation-jumpReply-7041f671 {\r\n	0% {\r\n		background-color: #dff6fb;\r\n	}\r\n\r\n	to {\r\n		background-color: #dff6fb00;\r\n	}\r\n}\r\n\r\n.reply-list {\r\n	margin-top: 14px;\r\n	padding-bottom: 100px;\r\n}\r\n\r\n.reply-list .reply-end-mark {\r\n	height: 100px;\r\n}\r\n\r\n.reply-list .reply-end,\r\n.reply-list .reply-loading,\r\n.reply-list .view-all-reply {\r\n	margin-top: 20px;\r\n	font-size: 13px;\r\n	color: var(--text3);\r\n	text-align: center;\r\n}\r\n\r\n.reply-list .view-all-reply:hover {\r\n	color: var(--brand_blue);\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-list .login-prompt {\r\n	display: flex;\r\n	align-items: center;\r\n	justify-content: center;\r\n	width: calc(100% - 80px);\r\n	height: 50px;\r\n	margin: 16px 0 0 auto;\r\n	border-radius: 6px;\r\n	font-size: 14px;\r\n	color: var(--brand_blue);\r\n	background-color: var(--brand_blue_thin);\r\n	transition: 0.2s;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-list .login-prompt:hover {\r\n	background-color: var(--Lb2);\r\n}\r\n\r\n.user-card {\r\n	position: absolute;\r\n	top: var(--555c4a14);\r\n	left: var(--8468e010);\r\n	z-index: 10;\r\n	width: 366px;\r\n	border: 0.5px solid var(--graph_weak);\r\n	border-radius: 8px;\r\n	background-color: var(--bg1);\r\n	box-shadow: 0 0 30px #0000001a;\r\n}\r\n\r\n.user-card .card-bg {\r\n	width: 100%;\r\n	height: 85px;\r\n	border-radius: 8px 8px 0 0;\r\n	overflow: hidden;\r\n	background-image: var(--71924242);\r\n	background-size: cover;\r\n	background-repeat: no-repeat;\r\n	background-position: center;\r\n}\r\n\r\n.user-card .user-card-avatar {\r\n	display: flex;\r\n	justify-content: center;\r\n	position: absolute;\r\n	width: 70px;\r\n	margin-top: 10px;\r\n	cursor: pointer;\r\n}\r\n\r\n.user-card .card-content {\r\n	display: flex;\r\n	flex-direction: column;\r\n	padding: 12px 20px 16px 70px;\r\n}\r\n\r\n.user-card .card-content .card-user-info {\r\n	display: flex;\r\n	align-items: center;\r\n	color: var(--text1);\r\n	margin-bottom: 10px;\r\n}\r\n\r\n.user-card .card-content .card-user-info .card-user-name {\r\n	max-width: 160px;\r\n	margin-right: 5px;\r\n	font-size: 16px;\r\n	font-weight: 600;\r\n	overflow: hidden;\r\n	white-space: nowrap;\r\n	text-overflow: ellipsis;\r\n	color: var(--text1);\r\n	color: var(--7ba58c95);\r\n	text-decoration: none;\r\n}\r\n\r\n.user-card .card-content .card-user-info .card-user-sex {\r\n	width: 16px;\r\n	height: 16px;\r\n	margin-right: 5px;\r\n}\r\n\r\n.user-card .card-content .card-user-info .card-user-level {\r\n	margin-right: 5px;\r\n	cursor: pointer;\r\n}\r\n\r\n.user-card .card-content .card-user-info .card-user-vip {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	width: var(--7a718880);\r\n	height: 16px;\r\n	padding: 1px 4px;\r\n	border-radius: 2px;\r\n	color: var(--612d8511);\r\n	background-color: var(--29ab308e);\r\n	cursor: default;\r\n}\r\n\r\n.user-card .card-content .card-user-info .card-user-vip .card-vip-text {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	font-size: 20px;\r\n	transform-origin: center center;\r\n	transform: scale(0.5);\r\n	white-space: nowrap;\r\n	font-style: normal;\r\n}\r\n\r\n.user-card .card-content .card-social-info {\r\n	display: flex;\r\n	align-items: center;\r\n	font-size: 12px;\r\n	color: var(--text1);\r\n}\r\n\r\n.user-card .card-content .card-social-info .card-user-attention,\r\n.user-card .card-content .card-social-info .card-user-fans,\r\n.user-card .card-content .card-social-info .card-user-like {\r\n	margin-right: 18px;\r\n	color: inherit;\r\n	text-decoration: none;\r\n}\r\n\r\n.user-card\r\n	.card-content\r\n	.card-social-info\r\n	.card-user-attention\r\n	.social-info-title,\r\n.user-card .card-content .card-social-info .card-user-fans .social-info-title,\r\n.user-card .card-content .card-social-info .card-user-like .social-info-title {\r\n	margin-left: 3px;\r\n	color: var(--text3);\r\n}\r\n\r\n.user-card .card-content .card-verify-info {\r\n	padding-top: 10px;\r\n	font-size: 12px;\r\n	color: var(--text3);\r\n}\r\n\r\n.user-card .card-content .card-verify-info .card-verify-icon {\r\n	vertical-align: text-bottom;\r\n	margin-right: 3px;\r\n}\r\n\r\n.user-card .card-content .card-sign {\r\n	padding-top: 8px;\r\n	font-size: 12px;\r\n	color: var(--text3);\r\n	word-break: break-all;\r\n}\r\n\r\n.user-card .card-content .card-btn-warp {\r\n	display: flex;\r\n	margin-top: 16px;\r\n	font-size: 14px;\r\n}\r\n\r\n.user-card .card-content .card-btn-warp .card-attention-btn {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	width: 100px;\r\n	height: 30px;\r\n	border-radius: 4px;\r\n	margin-right: 8px;\r\n	color: var(--text_white);\r\n	background-color: var(--brand_blue);\r\n	transition: 0.4s;\r\n	cursor: pointer;\r\n}\r\n\r\n.user-card\r\n	.card-content\r\n	.card-btn-warp\r\n	.card-attention-btn\r\n	.cancel-attention-text {\r\n	display: none;\r\n	position: absolute;\r\n}\r\n\r\n.user-card .card-content .card-btn-warp .card-attention-btn.attention {\r\n	color: var(--text2);\r\n	background-color: var(--bg3);\r\n}\r\n\r\n.user-card\r\n	.card-content\r\n	.card-btn-warp\r\n	.card-attention-btn.attention:hover\r\n	.attention-text {\r\n	display: none;\r\n}\r\n\r\n.user-card\r\n	.card-content\r\n	.card-btn-warp\r\n	.card-attention-btn.attention:hover\r\n	.cancel-attention-text {\r\n	display: inline;\r\n}\r\n\r\n.user-card .card-content .card-btn-warp .card-message-btn {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	width: 100px;\r\n	height: 30px;\r\n	border: 1px solid var(--graph_weak);\r\n	border-radius: 4px;\r\n	color: var(--text2);\r\n	cursor: pointer;\r\n}\r\n\r\n.user-card .card-content .card-btn-warp .card-message-btn:hover {\r\n	border-color: var(--brand_blue);\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.dynamic-card {\r\n	display: flex;\r\n	flex-direction: column;\r\n	position: absolute;\r\n	z-index: 10;\r\n	top: var(--7b058890);\r\n	left: 400px;\r\n	width: 710px;\r\n	height: 550px;\r\n	border-radius: 6px;\r\n	background-color: var(--bg1);\r\n	box-shadow: 0 0 25px #00000026;\r\n}\r\n\r\n.dynamic-card .card-header {\r\n	display: flex;\r\n	align-items: center;\r\n	flex-basis: 50px;\r\n	padding: 0 10px;\r\n	border-bottom: 0.5px solid var(--line_light);\r\n}\r\n\r\n.dynamic-card .card-header .card-title {\r\n	flex: 1;\r\n	text-align: center;\r\n	font-size: 16px;\r\n	color: var(--text1);\r\n}\r\n\r\n.dynamic-card .card-header .close-card {\r\n	display: flex;\r\n	align-items: center;\r\n	justify-content: center;\r\n	width: 30px;\r\n	height: 30px;\r\n	border-radius: 6px;\r\n	color: var(--text2);\r\n	transition: 0.2s;\r\n	cursor: pointer;\r\n}\r\n\r\n.dynamic-card .card-header .close-card:hover {\r\n	background-color: var(--bg3);\r\n}\r\n\r\n.dynamic-card .card-content {\r\n	flex: 1;\r\n}\r\n\r\n.dynamic-card .card-content::-webkit-scrollbar {\r\n	width: 4px;\r\n	border-radius: 4px;\r\n	background-color: transparent;\r\n}\r\n\r\n.dynamic-card .card-content::-webkit-scrollbar-thumb {\r\n	border-radius: 4px;\r\n	background-color: var(--graph_bg_thick);\r\n	transition: 0.3s ease-in-out;\r\n}\r\n\r\n.dynamic-card .card-content::-webkit-scrollbar-track {\r\n	border-radius: 4px;\r\n	background-color: transparent;\r\n}\r\n\r\n.dynamic-card .card-content .dynamic-card-iframe {\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n\r\n.reply-view-image {\r\n	position: fixed;\r\n	z-index: 999999;\r\n	top: 0;\r\n	left: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	background: rgba(24, 25, 28, 0.85);\r\n	transform: scale(1);\r\n	user-select: none;\r\n	cursor: default;\r\n	-webkit-user-select: none;\r\n	-moz-user-select: none;\r\n	-ms-user-select: none;\r\n	-webkit-user-drag: none;\r\n}\r\n\r\n.reply-view-image,\r\n.reply-view-image * {\r\n	box-sizing: border-box;\r\n}\r\n\r\n.reply-view-image .operation-btn .operation-btn-icon {\r\n	display: flex;\r\n	align-items: center;\r\n	justify-content: center;\r\n	position: absolute;\r\n	z-index: 2;\r\n	width: 42px;\r\n	height: 42px;\r\n	border-radius: 50%;\r\n	color: var(--text_white);\r\n	background: rgba(0, 0, 0, 0.58);\r\n	transition: 0.2s;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-view-image .operation-btn .operation-btn-icon:hover {\r\n	color: var(--brand_pink);\r\n}\r\n\r\n.reply-view-image .operation-btn .operation-btn-icon.close-container {\r\n	top: 16px;\r\n	right: 16px;\r\n}\r\n\r\n.reply-view-image .operation-btn .operation-btn-icon.last-image {\r\n	top: 50%;\r\n	left: 16px;\r\n	transform: translateY(-50%);\r\n}\r\n\r\n.reply-view-image .operation-btn .operation-btn-icon.next-image {\r\n	top: 50%;\r\n	right: 16px;\r\n	transform: translateY(-50%);\r\n}\r\n\r\n.reply-view-image .show-image-wrap {\r\n	display: flex;\r\n	align-items: center;\r\n	justify-content: center;\r\n	position: absolute;\r\n	width: 100%;\r\n	height: 100%;\r\n	max-height: 100%;\r\n	padding: 0 100px;\r\n	overflow: auto;\r\n}\r\n\r\n.reply-view-image .show-image-wrap .loading-svga {\r\n	position: absolute;\r\n	top: 50%;\r\n	left: 50%;\r\n	transform: translate(-50%, -50%);\r\n	width: 42px;\r\n	height: 42px;\r\n}\r\n\r\n.reply-view-image .show-image-wrap.vertical {\r\n	flex-direction: column;\r\n	justify-content: var(--c186e874);\r\n}\r\n\r\n.reply-view-image .show-image-wrap .image-content {\r\n	width: calc(100vw - 200px);\r\n	max-width: var(--34114ac9);\r\n	-webkit-user-drag: none;\r\n}\r\n\r\n.reply-view-image .preview-list {\r\n	display: flex;\r\n	align-items: center;\r\n	position: absolute;\r\n	left: 50%;\r\n	bottom: 30px;\r\n	z-index: 2;\r\n	padding: 6px 10px;\r\n	border-radius: 8px;\r\n	background: rgba(24, 25, 28, 0.8);\r\n	backdrop-filter: blur(20px);\r\n	transform: translate(-50%);\r\n}\r\n\r\n.reply-view-image .preview-list .preview-item-box {\r\n	padding: 1px;\r\n	border: 2px solid transparent;\r\n	border-radius: 8px;\r\n	transition: 0.3s;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-view-image .preview-list .preview-item-box.active {\r\n	border-color: var(--brand_pink);\r\n}\r\n\r\n.reply-view-image .preview-list .preview-item-box .preview-item-wrap {\r\n	display: flex;\r\n	justify-content: center;\r\n	overflow: hidden;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 6px;\r\n}\r\n\r\n.reply-view-image .preview-list .preview-item-box .preview-item-wrap.vertical {\r\n	flex-direction: column;\r\n}\r\n\r\n.reply-view-image\r\n	.preview-list\r\n	.preview-item-box\r\n	.preview-item-wrap.extra-long {\r\n	justify-content: start;\r\n}\r\n\r\n.reply-view-image\r\n	.preview-list\r\n	.preview-item-box\r\n	.preview-item-wrap\r\n	.item-content {\r\n	-webkit-user-drag: none;\r\n}\r\n\r\n.reply-view-image--transition-enter-active,\r\n.reply-view-image--transition-leave-active {\r\n	transition: all 0.3s ease;\r\n}\r\n\r\n.reply-view-image--transition-enter-from,\r\n.reply-view-image--transition-leave-to {\r\n	transform: scale(0.4);\r\n	opacity: 0;\r\n}\r\n\r\n.reply-warp {\r\n	position: relative;\r\n}\r\n\r\n.reply-warp .fixed-reply-box {\r\n	position: fixed;\r\n	bottom: 0;\r\n	left: var(--3e88ddc5);\r\n	z-index: 10;\r\n	width: var(--d9a0b070);\r\n}\r\n\r\n.reply-warp .fixed-reply-box .reply-box-shadow {\r\n	position: absolute;\r\n	top: -10px;\r\n	z-index: 1;\r\n	width: 100%;\r\n	height: 36px;\r\n	border-radius: 50%;\r\n	background-color: #00000014;\r\n	filter: blur(10px);\r\n}\r\n\r\n.reply-warp .fixed-reply-box--transition-enter-active,\r\n.reply-warp .fixed-reply-box--transition-leave-active {\r\n	transition: opacity 0.5s ease;\r\n}\r\n\r\n.reply-warp .fixed-reply-box--transition-enter-from,\r\n.reply-warp .fixed-reply-box--transition-leave-to {\r\n	opacity: 0;\r\n}\r\n\r\n.bili-comment.browser-pc {\r\n	background-color: var(--bg1);\r\n}\r\n\r\n.bili-comment.browser-pc * {\r\n	font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei,\r\n		sans-serif;\r\n	font-weight: 400;\r\n	box-sizing: border-box;\r\n	-webkit-font-smoothing: antialiased;\r\n}\r\n\r\n@media (-webkit-max-device-pixel-ratio: 1) {\r\n	.bili-comment.browser-pc * {\r\n		font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica,\r\n			Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;\r\n	}\r\n}\r\n\r\n.bili-comment.browser-pc * ul {\r\n	padding: 0;\r\n	margin: 0;\r\n	list-style: none;\r\n}\r\n\r\n.bili-comment.browser-pc * a {\r\n	text-decoration: none;\r\n	background-color: transparent;\r\n	color: var(--text_link);\r\n	cursor: pointer;\r\n}\r\n\r\n.bili-comment.browser-pc * a:hover {\r\n	color: var(--Lb4);\r\n}\r\n\r\n.bili-comment.browser-pc * i {\r\n	font-style: normal;\r\n}\r\n\r\n.bili-comment.browser-pc * p {\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\n.bili-comment.browser-pc .comment-container {\r\n	animation-name: enterAnimation-commentContainer;\r\n	animation-duration: 1s;\r\n	animation-fill-mode: forwards;\r\n}\r\n\r\n.reply-operation-client {\r\n	display: inline-flex;\r\n	position: relative;\r\n}\r\n\r\n.reply-operation-client .operation-icon {\r\n	border-radius: 4px;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-operation-client .operation-icon:hover {\r\n	background-color: var(--graph_bg_thick);\r\n}\r\n\r\n.reply-operation-client .operation-list {\r\n	display: flex;\r\n	flex-direction: column;\r\n	position: absolute;\r\n	top: 10px;\r\n	right: 0;\r\n	z-index: 10;\r\n	width: 180px;\r\n	padding: 12px 0;\r\n	border-radius: 6px;\r\n	font-size: 14px;\r\n	color: var(--text2);\r\n	background-color: var(--bg1_float);\r\n	box-shadow: 0 0 5px #0003;\r\n}\r\n\r\n.reply-operation-client .operation-list .operation-option {\r\n	display: flex;\r\n	align-items: center;\r\n	height: 40px;\r\n	padding: 0 15px;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-operation-client .operation-list .operation-option:hover {\r\n	background-color: var(--graph_bg_thick);\r\n}\r\n\r\n.reply-operation-client .operation-list .delete-reply-modal {\r\n	position: absolute;\r\n	top: 0;\r\n	left: 50%;\r\n	width: auto;\r\n	padding: 10px 20px;\r\n	border: 1px solid var(--graph_bg_thick);\r\n	border-radius: 8px;\r\n	margin-bottom: 100px;\r\n	font-size: 12px;\r\n	line-height: 12px;\r\n	text-align: center;\r\n	white-space: nowrap;\r\n	background-color: var(--bg1);\r\n	box-shadow: 0 0 5px #0003;\r\n	transform: translate(-50%, -100%);\r\n}\r\n\r\n.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn {\r\n	display: flex;\r\n	justify-content: center;\r\n}\r\n\r\n.reply-operation-client\r\n	.operation-list\r\n	.delete-reply-modal\r\n	.delete-reply-btn\r\n	.comfirm-delete {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	width: 40px;\r\n	height: 20px;\r\n	border-radius: 4px;\r\n	margin-right: 20px;\r\n	color: var(--text_white);\r\n	background-color: var(--brand_blue);\r\n}\r\n\r\n.reply-operation-client\r\n	.operation-list\r\n	.delete-reply-modal\r\n	.delete-reply-btn\r\n	.comfirm-delete:hover {\r\n	background-color: var(--Lb4);\r\n}\r\n\r\n.reply-operation-client\r\n	.operation-list\r\n	.delete-reply-modal\r\n	.delete-reply-btn\r\n	.cancel-delete {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	width: 40px;\r\n	height: 20px;\r\n}\r\n\r\n.reply-operation-client\r\n	.operation-list\r\n	.delete-reply-modal\r\n	.delete-reply-btn\r\n	.cancel-delete:hover {\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.select-reply-dialog-client .select-dialog-content {\r\n	text-align: left;\r\n}\r\n\r\n.select-reply-dialog-client .cancel-select-reply {\r\n	width: 130px;\r\n	margin-right: 20px;\r\n}\r\n\r\n.select-reply-dialog-client .comfirm-select-reply {\r\n	width: 130px;\r\n}\r\n\r\n.close-reply-dialog-client .close-reply-dialog-content {\r\n	text-align: left;\r\n}\r\n\r\n.close-reply-dialog-client .cancel-close-reply {\r\n	width: 130px;\r\n	margin-right: 20px;\r\n}\r\n\r\n.close-reply-dialog-client .comfirm-close-reply {\r\n	width: 130px;\r\n}\r\n\r\n.close-danmaku-dialog-client .close-danmaku-dialog-content {\r\n	text-align: left;\r\n}\r\n\r\n.close-danmaku-dialog-client .cancel-close-danmaku {\r\n	width: 130px;\r\n	margin-right: 20px;\r\n}\r\n\r\n.close-danmaku-dialog-client .comfirm-close-danmaku {\r\n	width: 130px;\r\n}\r\n\r\n.blacklist-dialog-client .blacklist-dialog-content {\r\n	text-align: center;\r\n}\r\n\r\n.blacklist-dialog-client .comfirm-pull-blacklist {\r\n	margin-right: 20px;\r\n}\r\n\r\n.reply-header-client .reply-notice {\r\n	display: flex;\r\n	align-items: center;\r\n	position: relative;\r\n	height: 40px;\r\n	padding: 11px 14px;\r\n	margin-bottom: 10px;\r\n	font-size: 12px;\r\n	border-radius: 2px;\r\n	color: var(--text_notice);\r\n	background-color: var(--Or0);\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-header-client .reply-notice .notice-content {\r\n	flex: 1;\r\n	position: relative;\r\n	padding: 0 5px;\r\n	line-height: 18px;\r\n	vertical-align: top;\r\n	word-wrap: break-word;\r\n	word-break: break-all;\r\n	white-space: nowrap;\r\n	overflow: hidden;\r\n	text-overflow: ellipsis;\r\n	transition: 2s;\r\n}\r\n\r\n.reply-header-client .reply-navigation {\r\n	margin: 12px 0;\r\n}\r\n\r\n.reply-header-client .reply-navigation .nav-bar {\r\n	display: flex;\r\n	align-items: center;\r\n	position: relative;\r\n	list-style: none;\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\n.reply-header-client .reply-navigation .nav-bar .nav-select-reply {\r\n	font-size: 12px;\r\n	color: var(--text1);\r\n}\r\n\r\n.reply-header-client .reply-navigation .nav-bar .nav-sort {\r\n	display: flex;\r\n	align-items: center;\r\n	font-size: 12px;\r\n	color: var(--text3);\r\n}\r\n\r\n.reply-header-client .reply-navigation .nav-bar .nav-sort .part-symbol {\r\n	height: 10px;\r\n	margin: 0 8px;\r\n	border-left: solid 1px;\r\n}\r\n\r\n.reply-header-client .reply-navigation .nav-bar .nav-sort .hot-sort {\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-header-client .reply-navigation .nav-bar .nav-sort .hot-sort:hover {\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.reply-header-client .reply-navigation .nav-bar .nav-sort .time-sort {\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-header-client .reply-navigation .nav-bar .nav-sort .time-sort:hover {\r\n	color: var(--brand_blue);\r\n}\r\n\r\n.reply-header-client .reply-navigation .nav-bar .nav-sort.hot .hot-sort,\r\n.reply-header-client .reply-navigation .nav-bar .nav-sort.time .time-sort {\r\n	color: var(--text1);\r\n}\r\n\r\n.reply-header-client .reply-navigation .nav-operation-warp {\r\n	position: absolute;\r\n	right: 0;\r\n}\r\n\r\n.reply-box-client {\r\n	display: flex;\r\n	flex-direction: column;\r\n}\r\n\r\n.reply-box-client .reply-box-warp {\r\n	position: relative;\r\n	flex: 1;\r\n}\r\n\r\n.reply-box-client .reply-box-warp .reply-box-textarea {\r\n	width: 100%;\r\n	height: 32px;\r\n	padding: 5px 12px;\r\n	border: 1px solid transparent;\r\n	border-radius: 6px;\r\n	line-height: 20px;\r\n	color: var(--text1);\r\n	background-color: var(--bg2);\r\n	resize: none;\r\n	outline: none;\r\n	transition: 0.2s;\r\n}\r\n\r\n.reply-box-client .reply-box-warp .reply-box-textarea::placeholder {\r\n	color: var(--text4);\r\n}\r\n\r\n.reply-box-client .reply-box-warp .reply-box-textarea.focus,\r\n.reply-box-client .reply-box-warp .reply-box-textarea:hover {\r\n	border-color: var(--brand_pink);\r\n}\r\n\r\n.reply-box-client .box-operation-warp {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-top: 10px;\r\n	height: 32px;\r\n}\r\n\r\n.reply-box-client .box-operation-warp .reply-box-emoji {\r\n	position: relative;\r\n	margin-right: auto;\r\n}\r\n\r\n.reply-box-client .box-operation-warp .reply-box-emoji .box-emoji-icon {\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box-client .box-operation-warp .reply-box-send {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	position: relative;\r\n	width: 70px;\r\n	height: 100%;\r\n	border-radius: 4px;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box-client .box-operation-warp .reply-box-send .send-text {\r\n	position: absolute;\r\n	z-index: 1;\r\n	color: var(--text_white);\r\n}\r\n\r\n.reply-box-client .box-operation-warp .reply-box-send:after {\r\n	content: "";\r\n	position: absolute;\r\n	opacity: 0.5;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 4px;\r\n	background-color: var(--brand_pink);\r\n}\r\n\r\n.reply-box-client .box-operation-warp .reply-box-send:hover:after {\r\n	opacity: 1;\r\n}\r\n\r\n.reply-box-client.box-active .reply-box-warp .reply-box-textarea {\r\n	height: 60px;\r\n}\r\n\r\n.reply-box-client.box-active .reply-box-send.send-active:after {\r\n	opacity: 1;\r\n}\r\n\r\n.reply-box-client.disabled .reply-box-warp .disable-mask {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	z-index: 1;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 6px;\r\n	font-size: 12px;\r\n	color: var(--text3);\r\n	background-color: var(--bg3);\r\n}\r\n\r\n.reply-box-client.disabled .reply-box-warp .disable-mask .no-login-mask {\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-box-client.disabled .box-operation-warp .reply-box-send {\r\n	cursor: not-allowed;\r\n}\r\n\r\n.reply-box-client.disabled .box-operation-warp .reply-box-send .send-text {\r\n	color: var(--text3);\r\n}\r\n\r\n.reply-box-client.disabled .box-operation-warp .reply-box-send:after {\r\n	opacity: 1;\r\n	background-color: var(--bg3);\r\n}\r\n\r\n.note-prefix {\r\n	vertical-align: -3px;\r\n	display: inline-flex;\r\n	align-items: center;\r\n	justify-content: center;\r\n	padding: 0 3px;\r\n	line-height: 19px;\r\n	border-radius: 4px;\r\n	margin-right: 6px;\r\n	font-size: 12px;\r\n	color: var(--text3);\r\n	background-color: var(--bg2);\r\n}\r\n\r\n.note-prefix .note-icon {\r\n	width: 16px;\r\n	height: 16px;\r\n}\r\n\r\n.reply-content-client {\r\n	color: var(--text1);\r\n	overflow: hidden;\r\n	word-wrap: break-word;\r\n	word-break: break-word;\r\n	white-space: pre-wrap;\r\n	vertical-align: baseline;\r\n	transition: 0.2s;\r\n}\r\n\r\n.reply-content-client.root {\r\n	line-height: 25px;\r\n}\r\n\r\n.reply-content-client.need-view-more {\r\n	display: -webkit-box;\r\n	-webkit-box-orient: vertical;\r\n	overflow: hidden;\r\n}\r\n\r\n.reply-content-client.sub {\r\n	line-height: 20px;\r\n}\r\n\r\n.reply-content-client .top-icon {\r\n	display: inline-flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	position: relative;\r\n	width: 30px;\r\n	height: 18px;\r\n	border: 1px solid var(--brand_pink);\r\n	border-radius: 3px;\r\n	margin-right: 5px;\r\n	font-size: 12px;\r\n	color: var(--brand_pink);\r\n	vertical-align: 1px;\r\n}\r\n\r\n.reply-content-client .emoji-small {\r\n	width: 20px;\r\n	height: 20px;\r\n	vertical-align: text-bottom;\r\n}\r\n\r\n.reply-content-client .emoji-large {\r\n	width: 36px;\r\n	height: 36px;\r\n	vertical-align: text-bottom;\r\n}\r\n\r\n.reply-content-client .jump-link {\r\n	vertical-align: baseline;\r\n}\r\n\r\n.reply-content-client .icon {\r\n	width: 20px;\r\n	height: 20px;\r\n	vertical-align: text-top;\r\n}\r\n\r\n.reply-content-client .icon.vote {\r\n	width: 16px;\r\n	height: 16px;\r\n	margin-right: 3px;\r\n	vertical-align: text-bottom;\r\n}\r\n\r\n.reply-content-client .icon.search-word {\r\n	width: 12px;\r\n	display: inline-block;\r\n	background-size: contain;\r\n	background-repeat: no-repeat;\r\n}\r\n\r\n.view-more-reply {\r\n	font-size: 12px;\r\n	color: var(--text_link);\r\n	line-height: 17px;\r\n	cursor: pointer;\r\n}\r\n\r\n.view-more-reply:hover {\r\n	color: var(--Lb4);\r\n}\r\n\r\n.sub-reply-item-client {\r\n	display: -webkit-box;\r\n	-webkit-box-orient: vertical;\r\n	-webkit-line-clamp: 2;\r\n	position: relative;\r\n	max-height: 42px;\r\n	padding: 3px 0;\r\n	font-size: 14px;\r\n	overflow: hidden;\r\n}\r\n\r\n.sub-reply-item-client .sub-user-info {\r\n	display: inline-flex;\r\n	align-items: center;\r\n	color: var(--text2);\r\n	line-height: 20px;\r\n	vertical-align: baseline;\r\n	white-space: nowrap;\r\n}\r\n\r\n.sub-reply-item-client .sub-user-info .sub-user-name {\r\n	margin-right: 5px;\r\n	font-size: 14px;\r\n	cursor: pointer;\r\n}\r\n\r\n.sub-reply-item-client .sub-user-info .sub-up-icon {\r\n	margin-right: 4px;\r\n	cursor: default;\r\n}\r\n\r\n.sub-reply-list-client {\r\n	border-radius: 4px;\r\n	padding: 7px 10px;\r\n	margin-top: 12px;\r\n	background-color: var(--bg2_float);\r\n}\r\n\r\n.sub-reply-list-client .view-more {\r\n	margin-top: 4px;\r\n	cursor: pointer;\r\n}\r\n\r\n.sub-reply-list-client .view-more .view-more-text {\r\n	font-size: 12px;\r\n	color: var(--text_link);\r\n}\r\n\r\n.sub-reply-list-client .view-more .view-more-text:hover {\r\n	color: var(--Lb4);\r\n}\r\n\r\n.content-warp--blacklist .reply-content {\r\n	display: inline-flex;\r\n	align-items: center;\r\n	padding: 4px;\r\n	border-radius: 4px;\r\n	color: var(--text1);\r\n	background-color: var(--bg2_float);\r\n}\r\n\r\n.content-warp--blacklist .reply-content .ban-icon {\r\n	margin-right: 4px;\r\n}\r\n\r\n.content-warp--blacklist .reply-header {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-bottom: 8px;\r\n}\r\n\r\n.content-warp--blacklist .reply-header .root-reply-avatar {\r\n	display: flex;\r\n	justify-content: center;\r\n	position: absolute;\r\n	left: 0;\r\n	cursor: pointer;\r\n}\r\n\r\n.content-warp--blacklist .reply-header .root-reply-avatar .blacklist-avatar {\r\n	width: 30px;\r\n	height: 30px;\r\n}\r\n\r\n.content-warp--blacklist .reply-header .reply-info .balcklist-name {\r\n	color: var(--text1);\r\n}\r\n\r\n.reply-item-client {\r\n	position: relative;\r\n	padding: 10px 0 14px 42px;\r\n	border-bottom: 1px solid var(--line_light);\r\n}\r\n\r\n.reply-item-client .content-warp {\r\n	flex: 1;\r\n	position: relative;\r\n}\r\n\r\n.reply-item-client .content-warp .reply-header {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-bottom: 8px;\r\n}\r\n\r\n.reply-item-client .content-warp .reply-header .root-reply-avatar {\r\n	display: flex;\r\n	justify-content: center;\r\n	position: absolute;\r\n	left: -42px;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-item-client .content-warp .reply-header .reply-info {\r\n	display: flex;\r\n	flex-direction: column;\r\n}\r\n\r\n.reply-item-client .content-warp .reply-header .reply-info .user-info {\r\n	display: flex;\r\n	align-items: center;\r\n	font-size: 13px;\r\n	color: var(--text2);\r\n}\r\n\r\n.reply-item-client\r\n	.content-warp\r\n	.reply-header\r\n	.reply-info\r\n	.user-info\r\n	.user-name {\r\n	margin-right: 5px;\r\n	color: var(--be794234);\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-item-client\r\n	.content-warp\r\n	.reply-header\r\n	.reply-info\r\n	.user-info\r\n	.user-level {\r\n	margin-right: 5px;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-item-client .content-warp .reply-header .reply-info .user-info .up-icon {\r\n	cursor: default;\r\n}\r\n\r\n.reply-item-client .content-warp .reply-header .reply-info .reply-time {\r\n	font-size: 12px;\r\n	color: var(--text3);\r\n}\r\n\r\n.reply-item-client .content-warp .root-reply {\r\n	position: relative;\r\n	font-size: 15px;\r\n	line-height: 25px;\r\n	transition: 0.2s;\r\n}\r\n\r\n.reply-item-client .content-warp .root-reply .reply-operation-warp {\r\n	display: flex;\r\n	align-items: center;\r\n	position: relative;\r\n	margin-top: 12px;\r\n	font-size: 13px;\r\n	color: var(--text3);\r\n	line-height: 16px;\r\n}\r\n\r\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-right: 19px;\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-item-client\r\n	.content-warp\r\n	.root-reply\r\n	.reply-operation-warp\r\n	.reply-like\r\n	.like-icon {\r\n	margin-right: 5px;\r\n	color: var(--text3);\r\n}\r\n\r\n.reply-item-client\r\n	.content-warp\r\n	.root-reply\r\n	.reply-operation-warp\r\n	.reply-like\r\n	.like-icon:hover,\r\n.reply-item-client\r\n	.content-warp\r\n	.root-reply\r\n	.reply-operation-warp\r\n	.reply-like\r\n	.like-icon.liked {\r\n	color: var(--brand_pink);\r\n}\r\n\r\n.reply-item-client\r\n	.content-warp\r\n	.root-reply\r\n	.reply-operation-warp\r\n	.reply-dislike {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-right: 19px;\r\n}\r\n\r\n.reply-item-client\r\n	.content-warp\r\n	.root-reply\r\n	.reply-operation-warp\r\n	.reply-dislike\r\n	.dislike-icon {\r\n	color: var(--text3);\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-item-client\r\n	.content-warp\r\n	.root-reply\r\n	.reply-operation-warp\r\n	.reply-dislike\r\n	.dislike-icon:hover,\r\n.reply-item-client\r\n	.content-warp\r\n	.root-reply\r\n	.reply-operation-warp\r\n	.reply-dislike\r\n	.dislike-icon.disliked {\r\n	color: var(--brand_pink);\r\n}\r\n\r\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-icon {\r\n	color: var(--text3);\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-item-client\r\n	.content-warp\r\n	.root-reply\r\n	.reply-operation-warp\r\n	.reply-icon:hover {\r\n	color: var(--brand_pink);\r\n}\r\n\r\n.reply-item-client\r\n	.content-warp\r\n	.root-reply\r\n	.reply-operation-warp\r\n	.more-operation {\r\n	display: none;\r\n	position: absolute;\r\n	right: 20px;\r\n}\r\n\r\n.reply-item-client .content-warp .reply-item-box {\r\n	margin-top: 12px;\r\n}\r\n\r\n.reply-item-client .content-warp .reply-tag-list {\r\n	display: flex;\r\n	align-items: center;\r\n	margin-top: 12px;\r\n	font-size: 12px;\r\n	line-height: 14px;\r\n}\r\n\r\n.reply-item-client .content-warp .reply-tag-list .reply-tag-item {\r\n	padding: 5px 6px;\r\n	border-radius: 2px;\r\n	margin-right: 10px;\r\n	color: var(--text2);\r\n	background-color: var(--bg2_float);\r\n}\r\n\r\n.reply-item-client:hover\r\n	.content-warp\r\n	.root-reply\r\n	.reply-operation-warp\r\n	.more-operation {\r\n	display: block;\r\n}\r\n\r\n.reply-list {\r\n	position: relative;\r\n	margin-top: 14px;\r\n	padding-bottom: 100px;\r\n}\r\n\r\n.reply-list .reply-empty {\r\n	margin-top: 100px;\r\n	text-align: center;\r\n	font-size: 14px;\r\n	color: var(--text3);\r\n}\r\n\r\n.reply-list .reply-end-mark {\r\n	height: 100px;\r\n}\r\n\r\n.reply-list .reply-end,\r\n.reply-list .reply-loading {\r\n	margin-top: 20px;\r\n	font-size: 13px;\r\n	color: var(--text3);\r\n	text-align: center;\r\n}\r\n\r\n.fixed-reply-box {\r\n	bottom: 0;\r\n	z-index: 20;\r\n	width: 100%;\r\n}\r\n\r\n.fixed-reply-box .reply-box-wrap {\r\n	background-color: var(--bg1);\r\n	padding: 14px 0;\r\n	border-top: 1px solid var(--line_light);\r\n}\r\n\r\n.fixed-reply-box .reply-box-shadow {\r\n	position: absolute;\r\n	top: -10px;\r\n	z-index: -1;\r\n	height: 36px;\r\n	border-radius: 50%;\r\n	background-color: #00000014;\r\n	filter: blur(10px);\r\n	width: calc(100% - 72px);\r\n	left: 50%;\r\n	transform: translate(-50%);\r\n}\r\n\r\n.reply-detail {\r\n	flex: 1;\r\n}\r\n\r\n.reply-detail .reply-header {\r\n	display: flex;\r\n	align-items: center;\r\n	position: sticky;\r\n	z-index: 9;\r\n	top: 0;\r\n	left: 0;\r\n	height: 46px;\r\n	border-bottom: 1px solid var(--line_light);\r\n	margin-bottom: 14px;\r\n	background-color: var(--bg1);\r\n}\r\n\r\n.reply-detail .reply-header .return-icon {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	width: 32px;\r\n	height: 32px;\r\n	border-radius: 4px;\r\n	margin-right: 4px;\r\n	color: var(--text1);\r\n	cursor: pointer;\r\n}\r\n\r\n.reply-detail .reply-header .return-icon:hover {\r\n	background-color: var(--graph_bg_thick);\r\n}\r\n\r\n.reply-detail .reply-header .reply-title {\r\n	font-size: 16px;\r\n	font-weight: 600;\r\n	color: var(--text1);\r\n}\r\n\r\n.dialog-reply {\r\n	flex: 1;\r\n}\r\n\r\n.dialog-reply .reply-header {\r\n	display: flex;\r\n	align-items: center;\r\n	position: sticky;\r\n	z-index: 9;\r\n	top: 0;\r\n	left: 0;\r\n	height: 46px;\r\n	border-bottom: 1px solid var(--line_light);\r\n	margin-bottom: 14px;\r\n	background-color: var(--bg1);\r\n}\r\n\r\n.dialog-reply .reply-header .return-icon {\r\n	display: flex;\r\n	justify-content: center;\r\n	align-items: center;\r\n	width: 32px;\r\n	height: 32px;\r\n	border-radius: 4px;\r\n	margin-right: 4px;\r\n	color: var(--text1);\r\n	cursor: pointer;\r\n}\r\n\r\n.dialog-reply .reply-header .return-icon:hover {\r\n	background-color: var(--graph_bg_thick);\r\n}\r\n\r\n.dialog-reply .reply-header .reply-title {\r\n	font-size: 16px;\r\n	font-weight: 600;\r\n	color: var(--text1);\r\n}\r\n\r\n.bili-comment.client {\r\n	background-color: var(--bg1);\r\n}\r\n\r\n.bili-comment.client * {\r\n	box-sizing: border-box;\r\n	font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei,\r\n		sans-serif;\r\n	-webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.bili-comment.client * ul {\r\n	list-style: none;\r\n}\r\n\r\n.bili-comment.client * a {\r\n	text-decoration: none;\r\n	background-color: transparent;\r\n	color: var(--text_link);\r\n	cursor: pointer;\r\n}\r\n\r\n.bili-comment.client * a:hover {\r\n	color: var(--Lb4);\r\n}\r\n\r\n.bili-comment.client * i {\r\n	font-style: normal;\r\n}\r\n';
  class GestureBack {
    /**
     * 是否正在后退
     */
    isBacking = false;
    config;
    constructor(config) {
      this.config = config;
      this.enterGestureBackMode = this.enterGestureBackMode.bind(this);
      this.quitGestureBackMode = this.quitGestureBackMode.bind(this);
      this.popStateEvent = this.popStateEvent.bind(this);
      if (typeof this.config.backDelayTime !== "number" || isNaN(this.config.backDelayTime)) {
        this.config.backDelayTime = 150;
      }
      if (this.config.win == null) {
        this.config.win = self;
      }
    }
    /**
     * popstate事件函数
     * @param event
     */
    popStateEvent(event) {
      Utils.preventEvent(event);
      if (this.isBacking) {
        return;
      }
      this.quitGestureBackMode(true);
    }
    /**
     * 进入手势模式
     */
    enterGestureBackMode() {
      log$1.success("进入手势模式");
      let pushUrl = this.config.hash;
      if (!pushUrl.startsWith("#")) {
        if (!pushUrl.startsWith("/")) {
          pushUrl = "/" + pushUrl;
        }
        pushUrl = "#" + pushUrl;
      }
      if (this.config.useUrl) {
        pushUrl = this.config.win.location.origin + this.config.win.location.pathname + this.config.win.location.search + pushUrl;
      }
      this.config.win.history.pushState({}, "", pushUrl);
      log$1.success("监听popstate事件");
      domUtils.on(this.config.win, "popstate", this.popStateEvent, {
        capture: true
      });
    }
    /**
     * 退出手势模式
     * @param isUrlChange 是否是url改变触发的
     */
    async quitGestureBackMode(isUrlChange = false) {
      this.isBacking = true;
      log$1.success("退出手势模式");
      if (typeof this.config.beforeHistoryBackCallBack === "function") {
        this.config.beforeHistoryBackCallBack(isUrlChange);
      }
      let maxDate = Date.now() + 1e3 * 5;
      while (true) {
        if (Date.now() > maxDate) {
          log$1.error("未知情况，history.back()失败，无法退出手势模式");
          break;
        }
        if (this.config.win.location.hash.endsWith(this.config.hash)) {
          log$1.info("history.back()");
          this.config.win.history.back();
          await Utils.sleep(this.config.backDelayTime || 150);
        } else {
          break;
        }
      }
      log$1.success("移除popstate事件");
      domUtils.off(this.config.win, "popstate", this.popStateEvent, {
        capture: true
      });
      this.isBacking = false;
      if (typeof this.config.afterHistoryBackCallBack === "function") {
        this.config.afterHistoryBackCallBack(isUrlChange);
      }
    }
  }
  const BilibiliVideo = {
    $data: {
      /** 是否已添加美化CSS */
      isAddBeautifyCSS: false,
      /** 是否已经初始化评论模块 */
      isInitCommentModule: false,
      /** 是否已经初始化简介模块 */
      isInitDescModule: false
    },
    init() {
      BilibiliVideoPlayer.init();
      Panel.execMenuOnce("bili-video-cover-bottomRecommendVideo", () => {
        this.coverBottomRecommendVideo();
      });
      Panel.execMenuOnce("bili-video-cover-UpWrapper", () => {
        this.coverUpWrapper();
      });
      Panel.execMenuOnce("bili-video-cover-seasonNew", () => {
        this.coverSeasonNew();
      });
      domUtils.ready(() => {
        Panel.execMenu("bili-video-addCommentModule", () => {
          this.addCommentModule();
        });
        Panel.execMenu("bili-video-addDescModule", () => {
          this.addDescModule();
        });
      });
    },
    /**
     * 美化显示
     */
    beautify() {
      log$1.info("美化显示");
      if (!this.$data.isAddBeautifyCSS) {
        this.$data.isAddBeautifyCSS = true;
        addStyle(
          /*css*/
          `
				@charset "UTF-8";
				${BilibiliData.className.video} .video-list .card-box {
					--left-card-width: 33%;
					--right-child-padding: 1.333vmin;
					/* 开启了bili-video-beautify */
				}
				${BilibiliData.className.video} .video-list .card-box .v-card-toapp {
					width: 100%;
					border-bottom: 1px solid #b5b5b5;
					padding-left: 0;
					padding-right: 0;
				}
				${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a {
					display: flex;
					flex-wrap: nowrap;
					gap: var(--right-child-padding);
				}
				${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .card {
					width: var(--left-card-width);
					height: 80px;
					flex: 0 auto;
				}
				${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .card .count {
					background: transparent;
				}
				${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .card .count .left {
					display: list-item;
				}
				${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .card .count .left span.item {
					display: none;
				}
				${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .card .count .duration {
					background: rgba(0, 0, 0, 0.4);
					border-radius: 0.6vmin;
					padding: 0px 0.5vmin;
					right: 1vmin;
					bottom: 1vmin;
				}
				${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .title {
					/*flex: 1;*/
					/*padding: var(--right-child-padding);*/
					padding-top: 0;
					margin-top: 0;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
				}
				${BilibiliData.className.video} .video-list .card-box .gm-right-container {
					display: flex;
					flex-direction: column;
					width: calc(100% - var(--left-card-width));
					justify-content: space-between;
				}
				${BilibiliData.className.video} .video-list .card-box .gm-right-container > * {
					padding: var(--right-child-padding);
					padding-bottom: 0;
				}
				${BilibiliData.className.video} .video-list .card-box .gm-right-container .left {
					gap: 1rem;
				}
				${BilibiliData.className.video} .video-list .card-box .gm-right-container .left span {
					display: flex;
					align-items: safe center;
					gap: 1vmin;
				}
				${BilibiliData.className.video} .video-list .card-box .gm-right-container .gm-up-name,
				${BilibiliData.className.video} .video-list .card-box .gm-right-container .left {
					color: #999;
					font-size: 3vmin;
					transform-origin: left;
					display: flex;
					/*align-items: safe center;*/
					align-items: safe flex-end;
				}
				${BilibiliData.className.video} .video-list .card-box .gm-right-container .gm-up-name svg {
					width: 3vmin;
					height: 3vmin;
				}
				${BilibiliData.className.video} .video-list .card-box .gm-right-container .gm-up-name-text {
					margin-left: 1vmin;
				}
				${BilibiliData.className.video} .video-list .card-box .gm-right-container .num {
					margin-right: 4vmin;
				}
				${BilibiliData.className.video} .video-list .card-box > a.v-card {
					width: 100%;
					border-bottom: 1px solid #b5b5b5;
					padding-left: 0;
					padding-right: 0;
					display: flex;
					flex-wrap: nowrap;
				}
				${BilibiliData.className.video} .video-list .card-box > a.v-card .card {
					width: var(--left-card-width);
					height: 100%;
					flex: 0 auto;
				}
				${BilibiliData.className.video} .video-list .card-box > a.v-card .card .count {
					background: transparent;
				}
				${BilibiliData.className.video} .video-list .card-box > a.v-card .card .count span {
					display: none;
				}
				${BilibiliData.className.video} .video-list .card-box > a.v-card .card .count .duration {
					background-color: rgba(0, 0, 0, 0.3);
					border-radius: 4px;
					color: #fff;
					font-size: 12px;
					height: 16px;
					line-height: 16px;
					margin-left: auto;
					padding-left: 4px;
					padding-right: 4px;
				}
				${BilibiliData.className.video} .video-list .card-box > a.v-card .title {
					flex: 1;
					/*padding: var(--right-child-padding);*/
					padding-top: 0;
					margin-top: 0;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
				}

			`
        );
      }
      utils.waitNode(
        BilibiliData.className.video + " .bottom-tab .list-view .card-box",
        1e4
      ).then(($cardBox) => {
        if (!$cardBox) {
          log$1.error("$cardBox is null");
          return;
        }
        function handleVCardToApp($vCard) {
          let $originTitle = $vCard.querySelector(".title");
          let $originLeft = $vCard.querySelector(".count .left");
          let isHandled = Boolean($vCard.querySelector(".gm-right-container"));
          let vueObj = VueUtils.getVue($vCard);
          if ($originTitle && $originLeft && vueObj && !isHandled) {
            let upName = vueObj?.info?.owner?.name;
            if (upName == null) {
              log$1.error("美化显示-handleVCardToApp：获取up主名字失败");
              return;
            }
            $vCard.querySelector(".count");
            let $title = $originTitle.cloneNode(true);
            let $left = $originLeft.cloneNode(true);
            domUtils.hide($originTitle);
            let $isOpenAppWeakened = $vCard.querySelector(".open-app.weakened");
            if ($isOpenAppWeakened) {
              domUtils.hide($isOpenAppWeakened);
            }
            let $upInfo = document.createElement("div");
            $upInfo.className = "gm-up-name";
            $upInfo.innerHTML = /*html*/
            `
						<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
							<path fill="#999A9E" d="M896 736v-448c0-54.4-41.6-96-96-96h-576C169.6 192 128 233.6 128 288v448c0 54.4 41.6 96 96 96h576c54.4 0 96-41.6 96-96zM800 128C889.6 128 960 198.4 960 288v448c0 89.6-70.4 160-160 160h-576C134.4 896 64 825.6 64 736v-448C64 198.4 134.4 128 224 128h576zM419.2 544V326.4h60.8v240c0 96-57.6 144-147.2 144S192 665.6 192 569.6V326.4h60.8v217.6c0 51.2 3.2 108.8 83.2 108.8s83.2-57.6 83.2-108.8z m288-38.4c28.8 0 60.8-16 60.8-60.8 0-48-28.8-60.8-60.8-60.8H614.4v121.6h92.8z m3.2-179.2c102.4 0 121.6 70.4 121.6 115.2 0 48-19.2 115.2-121.6 115.2H614.4V704h-60.8V326.4h156.8z">
							</path>
						</svg>
						<span class="gm-up-name-text">${upName}</span>
						`;
            let $rightContainer = document.createElement("div");
            let $rightBottom = document.createElement("div");
            $rightContainer.className = "gm-right-container";
            $rightBottom.className = "gm-right-bottom";
            domUtils.after($originTitle, $rightContainer);
            $rightContainer.appendChild($title);
            $rightContainer.appendChild($rightBottom);
            $rightBottom.appendChild($upInfo);
            $rightBottom.appendChild($left);
          }
        }
        function handleVCard($vCard) {
          let $originTitle = $vCard.querySelector(".title");
          let $originCount = $vCard.querySelector(".count");
          let isHandled = Boolean($vCard.querySelector(".gm-right-container"));
          let vueObj = VueUtils.getVue($vCard);
          if ($originTitle && $originCount && vueObj && !isHandled) {
            let duration = vueObj?.info?.duration;
            if (duration == null) {
              log$1.error("美化显示-handleVCard：获取视频时长失败");
              return;
            }
            let upName = vueObj?.info?.owner?.name;
            if (upName == null) {
              log$1.error("美化显示-handleVCard：获取up主名字失败");
              return;
            }
            let $cloneTitle = $originTitle.cloneNode(true);
            let $cloneCount = $originCount.cloneNode(true);
            domUtils.hide($originTitle);
            let $duration = document.createElement("div");
            $duration.className = "duration";
            $duration.innerText = BilibiliUtils.parseDuration(duration);
            $cloneCount.className = "left";
            let $upInfo = document.createElement("div");
            $originCount.appendChild($duration);
            $upInfo.className = "gm-up-name";
            $upInfo.innerHTML = /*html*/
            `
						<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
							<path fill="#999A9E" d="M896 736v-448c0-54.4-41.6-96-96-96h-576C169.6 192 128 233.6 128 288v448c0 54.4 41.6 96 96 96h576c54.4 0 96-41.6 96-96zM800 128C889.6 128 960 198.4 960 288v448c0 89.6-70.4 160-160 160h-576C134.4 896 64 825.6 64 736v-448C64 198.4 134.4 128 224 128h576zM419.2 544V326.4h60.8v240c0 96-57.6 144-147.2 144S192 665.6 192 569.6V326.4h60.8v217.6c0 51.2 3.2 108.8 83.2 108.8s83.2-57.6 83.2-108.8z m288-38.4c28.8 0 60.8-16 60.8-60.8 0-48-28.8-60.8-60.8-60.8H614.4v121.6h92.8z m3.2-179.2c102.4 0 121.6 70.4 121.6 115.2 0 48-19.2 115.2-121.6 115.2H614.4V704h-60.8V326.4h156.8z">
							</path>
						</svg>
						<span class="gm-up-name-text">${upName}</span>
						`;
            let $rightContainer = document.createElement("div");
            let $rightBottom = document.createElement("div");
            $rightContainer.className = "gm-right-container";
            $rightBottom.className = "gm-right-bottom";
            domUtils.after($originTitle, $rightContainer);
            $rightContainer.appendChild($cloneTitle);
            $rightContainer.appendChild($rightBottom);
            $rightBottom.appendChild($upInfo);
            $rightBottom.appendChild($cloneCount);
          }
        }
        let lockFunc = new utils.LockFunction(() => {
          let $vCardList = document.querySelectorAll(
            BilibiliData.className.video + " .bottom-tab .list-view .card-box .v-card-toapp"
          );
          let $vCardList_isLogon = document.querySelectorAll(
            BilibiliData.className.video + " .bottom-tab .list-view .card-box>a.v-card"
          );
          $vCardList.forEach((_$vCard_) => {
            handleVCardToApp(_$vCard_);
          });
          $vCardList_isLogon.forEach((_$vCard_) => {
            handleVCard(_$vCard_);
          });
        }, 25);
        let $videoRoot = document.querySelector(
          BilibiliData.className.video
        );
        if ($videoRoot) {
          utils.mutationObserver($videoRoot, {
            config: {
              subtree: true,
              attributes: true,
              childList: true
            },
            callback() {
              lockFunc.run();
            }
          });
        } else {
          log$1.error("未找到视频根节点");
        }
      });
    },
    /**
     * 修复视频底部区域高度
     */
    repairVideoBottomAreaHeight() {
      log$1.info("修复视频底部区域高度");
      return addStyle(
        /*css*/
        `
		${BilibiliData.className.video},
		${BilibiliData.className.mVideo} {
			/* 修复视频区域底部的高度 */
			.natural-module .fixed-module-margin {
				margin-top: 55.13333vmin;
			}
			/* 点击播放视频后的 */
			.m-video-new:has(> div > .m-video-player) {
				margin-top: 75vmin;
			}
			/* 未播放视频状态下的 */
			.m-video-new:has(> div[style*="display:none"] > .m-video-player) {
				margin-top: unset;
			}
		}
		html.tiny-app{
			${BilibiliData.className.video},
			${BilibiliData.className.mVideo}{
				.m-video-info-new{
					margin-top: 72vmin;
				}
			}
		}
		`
      );
    },
    /**
     * 修复up主信息区域的点击事件
     */
    coverUpWrapper() {
      log$1.info(`修复up主信息区域的点击事件`);
      domUtils.on(
        document,
        "click",
        [
          BilibiliData.className.video + " .bottom-wrapper .up-wrapper",
          BilibiliData.className.mVideo + " .bottom-wrapper .up-wrapper"
        ],
        function(event) {
          let $click = event.target;
          let $bottomWrapper = $click.closest(".bottom-wrapper");
          if (!$bottomWrapper) {
            log$1.error("获取元素.bottom-wrapper失败");
            return;
          }
          let vueInstance = VueUtils.getVue($bottomWrapper);
          if (!vueInstance) {
            log$1.error("获取元素.bottom-wrapper的vue实例失败");
            return;
          }
          let mid = vueInstance?.upInfo?.card?.mid;
          if (typeof mid === "string") {
            BilibiliUtils.goToUrl(BilibiliUrl.getUserSpaceUrl(mid));
          } else {
            Qmsg.error("获取mid失败");
          }
        },
        {
          capture: true
        }
      );
    },
    /**
     * 覆盖视频标题区域的点击事件
     */
    coverBottomRecommendVideo() {
      log$1.info("覆盖 相关视频 点击事件");
      domUtils.on(
        document,
        "click",
        [
          BilibiliData.className.video + " .list-view .card-box .launch-app-btn",
          BilibiliData.className.mVideo + " .list-view .card-box .launch-app-btn"
        ],
        function(event) {
          let $click = event.target;
          let vueObj = VueUtils.getVue($click);
          if (!vueObj) {
            Qmsg.error("获取相关视频的__vue__失败");
            return;
          }
          let bvid = vueObj.bvid;
          if (utils.isNull(bvid)) {
            if (vueObj.$children && vueObj.$children[0] && utils.isNotNull(vueObj.$children[0].bvid)) {
              bvid = vueObj.$children[0].bvid;
            } else {
              Qmsg.error("获取相关视频的bvid失败");
              return;
            }
          }
          log$1.info("相关视频的bvid: " + bvid);
          BilibiliUtils.goToUrl(BilibiliUrl.getVideoUrl(bvid));
          utils.preventEvent(event);
        },
        {
          capture: true
        }
      );
    },
    /**
     * 覆盖选集视频列表的点击事件
     */
    coverSeasonNew() {
      log$1.info("覆盖 选集视频列表 点击事件");
      function ClickCallBack(event) {
        let $click = event.target;
        let vueObj = VueUtils.getVue($click);
        if (!vueObj) {
          Qmsg.error("获取选集视频的目标视频的__vue__失败");
          return;
        }
        let bvid = vueObj.bvid;
        if (utils.isNull(bvid)) {
          Qmsg.error("获取相关视频的bvid失败");
          return;
        }
        log$1.info("相关视频的bvid: " + bvid);
        BilibiliUtils.goToUrl(BilibiliUrl.getVideoUrl(bvid));
        utils.preventEvent(event);
      }
      domUtils.on(
        document,
        "click",
        [
          BilibiliData.className.video + " .m-video-season-new .video-card .launch-app-btn",
          BilibiliData.className.mVideo + " .m-video-season-new .video-card .launch-app-btn"
        ],
        ClickCallBack,
        {
          capture: true
        }
      );
      domUtils.on(
        document,
        "click",
        [
          BilibiliData.className.video + " .m-video-season-panel .season-video-item .launch-app-btn",
          BilibiliData.className.mVideo + " .m-video-season-panel .season-video-item .launch-app-btn"
        ],
        ClickCallBack,
        {
          capture: true
        }
      );
    },
    /**
     * 修复链接跳转
     */
    repairLinkJump() {
      log$1.info(`修复链接跳转`);
      let lockFn = new utils.LockFunction(() => {
        [
          "a.member-link:not([href])[data-url]",
          "a.jump-link:not([href])[data-url]"
        ].forEach((selector) => {
          $$(selector).forEach(($el) => {
            $el.href = $el.getAttribute("data-url");
          });
        });
      });
      utils.mutationObserver(document, {
        config: {
          subtree: true,
          childList: true
        },
        callback: () => {
          lockFn.run();
        }
      });
    },
    /**
     * 手势返回关闭评论区
     */
    gestureReturnToCloseCommentArea() {
      log$1.info("手势返回关闭评论区，全局监听document点击.sub-reply-preview");
      utils.waitNode("#app").then(($app) => {
        utils.waitVueByInterval(
          $app,
          () => {
            let vueObj = VueUtils.getVue($app);
            if (vueObj == null) {
              return false;
            }
            return typeof vueObj?.$router?.options?.scrollBehavior != null;
          },
          250,
          1e4
        ).then((result) => {
          let appVue = VueUtils.getVue($app);
          if (!appVue) {
            log$1.error("获取#app的vue属性失败");
            return;
          }
          let oldScrollBehavior = appVue.$router.options.scrollBehavior;
          appVue.$router.options.scrollBehavior = function(to, from, scrollInfo) {
            if (to["hash"] === "#/seeCommentReply") {
              log$1.info("当前操作为打开评论区，scrollBehavior返回null");
              return null;
            } else if (to["hash"] === "" && from["hash"] === "#/seeCommentReply") {
              log$1.info("当前操作为关闭评论区，scrollBehavior返回null");
              return null;
            }
            return oldScrollBehavior.call(this, ...arguments);
          };
        });
      });
      domUtils.on(document, "click", ".sub-reply-preview", function(event) {
        let $app = document.querySelector("#app");
        let appVue = VueUtils.getVue($app);
        if (!appVue) {
          log$1.error("获取#app元素失败");
          return;
        }
        let hookGestureReturnByVueRouter = BilibiliUtils.hookGestureReturnByVueRouter({
          vueObj: appVue,
          hash: "#/seeCommentReply",
          callback(isFromPopState) {
            if (!isFromPopState) {
              return false;
            }
            let $dialogCloseIcon = document.querySelector(".dialog-close-icon");
            if ($dialogCloseIcon) {
              $dialogCloseIcon.click();
            } else {
              log$1.error("评论区关闭失败，原因：元素dialog-close-icon获取失败");
            }
            return true;
          }
        });
        utils.waitNode(".dialog-close-icon").then(($dialogCloseIcon) => {
          domUtils.on(
            $dialogCloseIcon,
            "click",
            function() {
              hookGestureReturnByVueRouter.resumeBack(false);
            },
            {
              capture: true,
              once: true
            }
          );
        });
      });
    },
    /**
     * 进入全屏
     */
    enterVideoFullScreen() {
      utils.waitNode(".mplayer-btn-widescreen", 5e3).then(($btnWideScreen) => {
        if (!$btnWideScreen) {
          log$1.error("获取全屏按钮失败");
          Qmsg.error("获取全屏按钮失败");
          return;
        }
        if ($btnWideScreen.closest(".mplayer-wide")) {
          log$1.warn("当前的全屏按钮是【退出全屏】，不点击");
          return;
        }
        log$1.info(`进入全屏`);
        $btnWideScreen.click();
      });
    },
    /**
     * 优化滚动显示view
     */
    optimizationScroll() {
      let $mNavBar = null;
      let $mVideoPlayer = null;
      let $mVideoInfoNew = null;
      let $bottomTab = null;
      let $bottomTabVAffix = null;
      let videoPlayerMaxHeight = 0;
      let videoPlayerMaxPaddingTop = 0;
      function checkNodeIsNull(checkNode) {
        return !document.contains(checkNode);
      }
      domUtils.on(
        document,
        "scroll",
        (event) => {
          if (checkNodeIsNull($mVideoPlayer)) {
            $mVideoPlayer = document.querySelector(".m-video-player");
            if (checkNodeIsNull($mVideoPlayer)) {
              return;
            }
            if (videoPlayerMaxHeight == 0) {
              const videoPlayerRect = $mVideoPlayer.getBoundingClientRect();
              videoPlayerMaxHeight = videoPlayerRect.height;
              videoPlayerMaxPaddingTop = videoPlayerRect.top;
              log$1.info(`视频区域的最大高度为 ${videoPlayerMaxHeight}px`);
              log$1.info(`视频区域的最大top为 ${videoPlayerMaxPaddingTop}px`);
            }
          }
          if (checkNodeIsNull($mVideoInfoNew)) {
            $mVideoInfoNew = document.querySelector(".m-video-info-new");
            if (checkNodeIsNull($mVideoInfoNew)) {
              return;
            }
          }
          if (checkNodeIsNull($mNavBar)) {
            $mNavBar = document.querySelector(".m-navbar");
            if (checkNodeIsNull($mNavBar)) {
              return;
            }
          }
          if (checkNodeIsNull($bottomTab)) {
            $bottomTab = document.querySelector(".bottom-tab");
            if (checkNodeIsNull($bottomTab)) {
              return;
            }
          }
          if (checkNodeIsNull($bottomTabVAffix)) {
            $bottomTabVAffix = document.querySelector(".bottom-tab .v-affix");
            if (checkNodeIsNull($bottomTabVAffix)) {
              return;
            }
          }
          let videoInfoNewTop = $mVideoInfoNew.getBoundingClientRect().top;
          if (videoInfoNewTop >= 0) {
            if (videoInfoNewTop <= videoPlayerMaxHeight) {
              $mVideoPlayer.style.paddingTop = videoInfoNewTop + "px";
            } else {
              $mVideoPlayer.style.paddingTop = "";
            }
          } else {
            $mVideoPlayer.style.paddingTop = "0px";
          }
          let navbarHeight = domUtils.height($mNavBar);
          let bottomTabTop = $bottomTab.getBoundingClientRect().top;
          if (bottomTabTop < navbarHeight) {
            if ($bottomTabVAffix.hasAttribute("data-is-fixed")) ;
            else {
              $bottomTabVAffix.style.cssText = `position: fixed;left: 0px;top: ${navbarHeight}px;z-index: 10000;width: 100%;`;
              $bottomTabVAffix.setAttribute("data-is-fixed", "true");
            }
          } else {
            $bottomTabVAffix.style.cssText = "";
            $bottomTabVAffix.removeAttribute("data-is-fixed");
          }
        },
        {
          passive: true
        }
      );
    },
    /**
     * 禁止滑动切换tab
     */
    disableSwipeTab() {
      log$1.info(`禁止滑动切换tab`);
      VueUtils.waitVuePropToSet(".m-video-bottom-tab", {
        msg: "等待tab的vue属性touchstart、touchmove、touchend事件，_bindEvents函数",
        check(vueInstance) {
          return vueInstance?.slider?.el instanceof HTMLElement && typeof vueInstance?.slider?.events?.touchstart === "function" && typeof vueInstance?.slider?.events?.touchmove === "function" && typeof vueInstance?.slider?.events?.touchend === "function" && typeof vueInstance?.slider?._bindEvents === "function";
        },
        set(vueInstance) {
          let $bindTarget = vueInstance.slider.el;
          $bindTarget.removeEventListener(
            "touchstart",
            vueInstance.slider.events.touchstart
          );
          $bindTarget.removeEventListener(
            "touchmove",
            vueInstance.slider.events.touchmove
          );
          $bindTarget.removeEventListener(
            "touchend",
            vueInstance.slider.events.touchend
          );
          vueInstance.slider._bindEvents = () => {
          };
          log$1.success(
            `成功禁用滑动，清除touchstart、touchmove、touchend事件，覆盖_bindEvents函数`
          );
        }
      });
    },
    /**
     * 新增评论模块
     *
     * + https://greasyfork.org/zh-CN/scripts/524844-bilibili-mobile-comment-module
     */
    addCommentModule() {
      log$1.info(`新增评论模块`);
      if (!this.$data.isInitCommentModule) {
        this.$data.isInitCommentModule = true;
        CommonUtil.setGMResourceCSS(GM_RESOURCE_MAPPING.Viewer);
        addStyle(MobileCommentModuleStyle);
        addStyle(
          /*css*/
          `
				.comment-container{
					position: relative;
				}
				.comment-container .reply-header{
					position: sticky;
					top: 0;
					z-index: 999;
					left: 0;
					right: 0;
					background: #fff;
				}
				#comment-module-wrapper{
					position: fixed;
					top: 0;
					left: 0;
					z-index: 2000;
					display: none;
					width: 100vw;
					height: 100vh;
					background-color: #fff;
					overflow-x: hidden;
				}
				.close-comment-module-btn{
					position: fixed;
					right: 20px;
					bottom: 20px;
					z-index: 2001;
					display: none;
					justify-content: center;
					align-items: center;
					width: 40px;
					height: 40px;
					color: #fff;
					border-radius: 100%;
					background-color: var(--bili-color);
				}
			`
        );
        addStyle(
          /*css*/
          `
				.comment-module-show-btn{
					display: flex;
					justify-content: center;
					align-items: center;
					margin: 0 12px 20px 12px;
					height: 40px;
					color: #fff;
					border-radius: 4px;
					background-color: var(--bili-color);
				}
			`
        );
      }
      utils.waitNode(".m-video-info", 1e4).then(($videoInfo) => {
        if (!$videoInfo) {
          log$1.error(`获取视频信息元素失败`);
          return;
        }
        domUtils.remove(".comment-module-show-btn");
        domUtils.remove(".close-comment-module-btn");
        domUtils.remove("#comment-module-wrapper");
        const history_hash = "comment-module";
        let gestureBack = new GestureBack({
          hash: history_hash,
          useUrl: true,
          beforeHistoryBackCallBack(isUrlChange) {
            let $viewerClose = $(".viewer-button.viewer-close");
            if ($viewerClose) {
              $viewerClose.click();
            }
            if (isUrlChange) {
              $closeCommentModuleBtn.click();
            }
          }
        });
        let $commentModuleShowBtn = domUtils.createElement("div", {
          className: "comment-module-show-btn",
          innerHTML: `查看评论`
        });
        let $closeCommentModuleBtn = domUtils.createElement("span", {
          className: "close-comment-module-btn",
          innerHTML: "×"
        });
        domUtils.on($commentModuleShowBtn, "click", (event) => {
          utils.preventEvent(event);
          domUtils.css($commentModuleWrapper, { display: "block" });
          domUtils.css($closeCommentModuleBtn, { display: "flex" });
          gestureBack.enterGestureBackMode();
        });
        domUtils.on($closeCommentModuleBtn, "click", (event) => {
          utils.preventEvent(event);
          domUtils.css($commentModuleWrapper, { display: "" });
          domUtils.css($closeCommentModuleBtn, { display: "" });
          gestureBack.quitGestureBackMode(false);
        });
        domUtils.append($videoInfo, $commentModuleShowBtn);
        let $commentModuleWrapper = domUtils.createElement("div", {
          id: "comment-module-wrapper"
        });
        domUtils.append(document.body, $commentModuleWrapper);
        domUtils.after($commentModuleWrapper, $closeCommentModuleBtn);
        MobileCommentModule.init($commentModuleWrapper);
      });
    },
    /**
     * 新增简介模块
     */
    addDescModule() {
      log$1.info(`新增简介模块`);
      if (!this.$data.isInitDescModule) {
        this.$data.isInitDescModule = true;
        addStyle(
          /*css*/
          `
				${BilibiliData.className.mVideo} .m-video-info .bottom-wrapper{
					flex-direction: column;
					align-items: flex-start;
					height: auto;
				}
			`
        );
        addStyle(
          /*css*/
          `
				.video-desc-wrapper {
					color: #9499A0;
					font-size: 14px;
					width: 100%;

					.video-desc-text {
						margin: 10px 0px;
						white-space: pre-wrap;
					}
	
					.video-view-info-wrapper {
						display: flex;
						align-items: center;
						justify-content: flex-start;
						gap: 10px;
						margin: 5px 0px;
	
						.video-info-icon{
							display: flex;
							align-items: center;
							gap: 2px;
						}
						.video-info-text{
							display: flex;
							align-items: center;
							line-height: 1rem;
						}
					}
					.video-desc-controls-wrapper{
						margin: 10px 0px;
						display: flex;
						justify-content: space-around;
						align-items: center;
	
						.video-info-icon {
							display: flex;
							flex-direction: column;
							align-items: center;
							gap: 2px;
						}
					}
				}
	
			`
        );
      }
      domUtils.remove(
        BilibiliData.className.mVideo + "  .m-video-info .video-desc-wrapper"
      );
      VueUtils.waitVuePropToSet(
        BilibiliData.className.mVideo + "  .m-video-info .bottom-wrapper",
        {
          check(vueInstance) {
            return typeof vueInstance?.info?.bvid === "string";
          },
          set(vueInstance, target) {
            let info = vueInstance.info;
            let upInfo = vueInstance.upInfo;
            upInfo.follower;
            upInfo.archive_count;
            let view = info.stat.view;
            let danmakuCount = info.stat.danmaku;
            info.ctime;
            let bvid = info.bvid;
            let desc = info.desc;
            let like = info.stat.like;
            let coin = info.stat.coin;
            let favorite = info.stat.favorite;
            let share = info.stat.share;
            let $descWrapper = domUtils.createElement("div", {
              className: "video-desc-wrapper",
              innerHTML: (
                /*html*/
                `
							<div class="video-view-info-wrapper">
								<div class="video-info-icon">
									<svg
										class="stats-item__icon"
										style="width: 16px; height: 16px"
										xmlns="http://www.w3.org/2000/svg"
										xmlns:xlink="http://www.w3.org/1999/xlink"
										viewBox="0 0 16 16"
										width="16"
										height="16">
										<path
											d="M8 3.3320333333333334C6.321186666666667 3.3320333333333334 4.855333333333333 3.4174399999999996 3.820593333333333 3.5013466666666666C3.1014733333333333 3.5596599999999996 2.5440733333333334 4.109013333333333 2.48 4.821693333333333C2.4040466666666664 5.666533333333334 2.333333333333333 6.780666666666666 2.333333333333333 7.998666666666666C2.333333333333333 9.216733333333334 2.4040466666666664 10.330866666666665 2.48 11.175699999999999C2.5440733333333334 11.888366666666666 3.1014733333333333 12.437733333333334 3.820593333333333 12.496066666666666C4.855333333333333 12.579933333333333 6.321186666666667 12.665333333333333 8 12.665333333333333C9.678999999999998 12.665333333333333 11.144933333333334 12.579933333333333 12.179733333333333 12.496033333333333C12.898733333333332 12.4377 13.456 11.888533333333331 13.520066666666667 11.176033333333333C13.595999999999998 10.331533333333333 13.666666666666666 9.217633333333332 13.666666666666666 7.998666666666666C13.666666666666666 6.779766666666667 13.595999999999998 5.665846666666667 13.520066666666667 4.821366666666666C13.456 4.108866666666666 12.898733333333332 3.55968 12.179733333333333 3.5013666666666663C11.144933333333334 3.417453333333333 9.678999999999998 3.3320333333333334 8 3.3320333333333334zM3.7397666666666667 2.50462C4.794879999999999 2.41906 6.288386666666666 2.3320333333333334 8 2.3320333333333334C9.7118 2.3320333333333334 11.2054 2.4190733333333334 12.260533333333331 2.5046399999999998C13.458733333333331 2.6018133333333333 14.407866666666665 3.5285199999999994 14.516066666666667 4.73182C14.593933333333332 5.597933333333334 14.666666666666666 6.7427 14.666666666666666 7.998666666666666C14.666666666666666 9.2547 14.593933333333332 10.399466666666665 14.516066666666667 11.2656C14.407866666666665 12.468866666666665 13.458733333333331 13.395566666666667 12.260533333333331 13.492766666666665C11.2054 13.578333333333333 9.7118 13.665333333333333 8 13.665333333333333C6.288386666666666 13.665333333333333 4.794879999999999 13.578333333333333 3.7397666666666667 13.492799999999999C2.541373333333333 13.395599999999998 1.5922066666666668 12.468633333333333 1.4840200000000001 11.265266666666665C1.4061199999999998 10.3988 1.3333333333333333 9.253866666666667 1.3333333333333333 7.998666666666666C1.3333333333333333 6.743533333333333 1.4061199999999998 5.598579999999999 1.4840200000000001 4.732153333333333C1.5922066666666668 3.5287466666666667 2.541373333333333 2.601793333333333 3.7397666666666667 2.50462z"
											fill="currentColor"></path>
										<path
											d="M9.8092 7.3125C10.338433333333333 7.618066666666666 10.338433333333333 8.382 9.809166666666666 8.687533333333333L7.690799999999999 9.910599999999999C7.161566666666666 10.216133333333332 6.5 9.8342 6.500006666666666 9.223066666666666L6.500006666666666 6.776999999999999C6.500006666666666 6.165873333333334 7.161566666666666 5.783913333333333 7.690799999999999 6.089479999999999L9.8092 7.3125z"
											fill="currentColor"></path>
									</svg>
									<span class="video-info-text" data-value="${view}">${BilibiliUtils.parseCount(
                view
              )}</span>
								</div>
								<div class="video-info-icon">
									<svg
										class="stats-item__icon"
										style="width: 16px; height: 16px"
										xmlns="http://www.w3.org/2000/svg"
										xmlns:xlink="http://www.w3.org/1999/xlink"
										viewBox="0 0 16 16"
										width="16"
										height="16">
										<path
											d="M8 3.3320333333333334C6.321186666666667 3.3320333333333334 4.855333333333333 3.4174399999999996 3.820593333333333 3.5013466666666666C3.1014733333333333 3.5596599999999996 2.5440733333333334 4.109013333333333 2.48 4.821693333333333C2.4040466666666664 5.666533333333334 2.333333333333333 6.780666666666666 2.333333333333333 7.998666666666666C2.333333333333333 9.216733333333334 2.4040466666666664 10.330866666666665 2.48 11.175699999999999C2.5440733333333334 11.888366666666666 3.1014733333333333 12.437733333333334 3.820593333333333 12.496066666666666C4.855333333333333 12.579933333333333 6.321186666666667 12.665333333333333 8 12.665333333333333C9.678999999999998 12.665333333333333 11.144933333333334 12.579933333333333 12.179733333333333 12.496033333333333C12.898733333333332 12.4377 13.456 11.888533333333331 13.520066666666667 11.176033333333333C13.595999999999998 10.331533333333333 13.666666666666666 9.217633333333332 13.666666666666666 7.998666666666666C13.666666666666666 6.779766666666667 13.595999999999998 5.665846666666667 13.520066666666667 4.821366666666666C13.456 4.108866666666666 12.898733333333332 3.55968 12.179733333333333 3.5013666666666663C11.144933333333334 3.417453333333333 9.678999999999998 3.3320333333333334 8 3.3320333333333334zM3.7397666666666667 2.50462C4.794879999999999 2.41906 6.288386666666666 2.3320333333333334 8 2.3320333333333334C9.7118 2.3320333333333334 11.2054 2.4190733333333334 12.260533333333331 2.5046399999999998C13.458733333333331 2.6018133333333333 14.407866666666665 3.5285199999999994 14.516066666666667 4.73182C14.593933333333332 5.597933333333334 14.666666666666666 6.7427 14.666666666666666 7.998666666666666C14.666666666666666 9.2547 14.593933333333332 10.399466666666665 14.516066666666667 11.2656C14.407866666666665 12.468866666666665 13.458733333333331 13.395566666666667 12.260533333333331 13.492766666666665C11.2054 13.578333333333333 9.7118 13.665333333333333 8 13.665333333333333C6.288386666666666 13.665333333333333 4.794879999999999 13.578333333333333 3.7397666666666667 13.492799999999999C2.541373333333333 13.395599999999998 1.5922066666666668 12.468633333333333 1.4840200000000001 11.265266666666665C1.4061199999999998 10.3988 1.3333333333333333 9.253866666666667 1.3333333333333333 7.998666666666666C1.3333333333333333 6.743533333333333 1.4061199999999998 5.598579999999999 1.4840200000000001 4.732153333333333C1.5922066666666668 3.5287466666666667 2.541373333333333 2.601793333333333 3.7397666666666667 2.50462z"
											fill="currentColor"></path>
										<path
											d="M10.583333333333332 7.166666666666666L6.583333333333333 7.166666666666666C6.307193333333332 7.166666666666666 6.083333333333333 6.942799999999999 6.083333333333333 6.666666666666666C6.083333333333333 6.390526666666666 6.307193333333332 6.166666666666666 6.583333333333333 6.166666666666666L10.583333333333332 6.166666666666666C10.859466666666666 6.166666666666666 11.083333333333332 6.390526666666666 11.083333333333332 6.666666666666666C11.083333333333332 6.942799999999999 10.859466666666666 7.166666666666666 10.583333333333332 7.166666666666666z"
											fill="currentColor"></path>
										<path
											d="M11.583333333333332 9.833333333333332L7.583333333333333 9.833333333333332C7.3072 9.833333333333332 7.083333333333333 9.609466666666666 7.083333333333333 9.333333333333332C7.083333333333333 9.0572 7.3072 8.833333333333332 7.583333333333333 8.833333333333332L11.583333333333332 8.833333333333332C11.859466666666666 8.833333333333332 12.083333333333332 9.0572 12.083333333333332 9.333333333333332C12.083333333333332 9.609466666666666 11.859466666666666 9.833333333333332 11.583333333333332 9.833333333333332z"
											fill="currentColor"></path>
										<path
											d="M5.25 6.666666666666666C5.25 6.942799999999999 5.02614 7.166666666666666 4.75 7.166666666666666L4.416666666666666 7.166666666666666C4.140526666666666 7.166666666666666 3.9166666666666665 6.942799999999999 3.9166666666666665 6.666666666666666C3.9166666666666665 6.390526666666666 4.140526666666666 6.166666666666666 4.416666666666666 6.166666666666666L4.75 6.166666666666666C5.02614 6.166666666666666 5.25 6.390526666666666 5.25 6.666666666666666z"
											fill="currentColor"></path>
										<path
											d="M6.25 9.333333333333332C6.25 9.609466666666666 6.02614 9.833333333333332 5.75 9.833333333333332L5.416666666666666 9.833333333333332C5.140526666666666 9.833333333333332 4.916666666666666 9.609466666666666 4.916666666666666 9.333333333333332C4.916666666666666 9.0572 5.140526666666666 8.833333333333332 5.416666666666666 8.833333333333332L5.75 8.833333333333332C6.02614 8.833333333333332 6.25 9.0572 6.25 9.333333333333332z"
											fill="currentColor"></path>
									</svg>
									<span class="video-info-text" data-value="${danmakuCount}">${BilibiliUtils.parseCount(
                danmakuCount
              )}</span>
								</div>
								<span class="video-info-text">${utils.formatTime(
                info.ctime * 1e3,
                "yyyy年MM月dd日 HH:mm:ss"
              )}</span>
							</div>
							<div class="video-bvid">${bvid}</div>
							<div class="video-desc-text">${desc}</div>
							<div class="video-desc-controls-wrapper">
								<div class="video-info-icon">
									<svg
										width="24"
										height="24"
										viewBox="0 0 36 36"
										xmlns="http://www.w3.org/2000/svg"
										class="video-like-icon video-toolbar-item-icon">
										<path
											fill-rule="evenodd"
											clip-rule="evenodd"
											d="M9.77234 30.8573V11.7471H7.54573C5.50932 11.7471 3.85742 13.3931 3.85742 15.425V27.1794C3.85742 29.2112 5.50932 30.8573 7.54573 30.8573H9.77234ZM11.9902 30.8573V11.7054C14.9897 10.627 16.6942 7.8853 17.1055 3.33591C17.2666 1.55463 18.9633 0.814421 20.5803 1.59505C22.1847 2.36964 23.243 4.32583 23.243 6.93947C23.243 8.50265 23.0478 10.1054 22.6582 11.7471H29.7324C31.7739 11.7471 33.4289 13.402 33.4289 15.4435C33.4289 15.7416 33.3928 16.0386 33.3215 16.328L30.9883 25.7957C30.2558 28.7683 27.5894 30.8573 24.528 30.8573H11.9911H11.9902Z"
											fill="currentColor"></path>
									</svg>
									<span data-value="${like}">${BilibiliUtils.parseCount(like)}</span>
								</div>
								<div class="video-info-icon">
									<svg
										width="24"
										height="24"
										viewBox="0 0 28 28"
										xmlns="http://www.w3.org/2000/svg"
										class="video-coin-icon video-toolbar-item-icon">
										<path
											fill-rule="evenodd"
											clip-rule="evenodd"
											d="M14.045 25.5454C7.69377 25.5454 2.54504 20.3967 2.54504 14.0454C2.54504 7.69413 7.69377 2.54541 14.045 2.54541C20.3963 2.54541 25.545 7.69413 25.545 14.0454C25.545 17.0954 24.3334 20.0205 22.1768 22.1771C20.0201 24.3338 17.095 25.5454 14.045 25.5454ZM9.66202 6.81624H18.2761C18.825 6.81624 19.27 7.22183 19.27 7.72216C19.27 8.22248 18.825 8.62807 18.2761 8.62807H14.95V10.2903C17.989 10.4444 20.3766 12.9487 20.3855 15.9916V17.1995C20.3854 17.6997 19.9799 18.1052 19.4796 18.1052C18.9793 18.1052 18.5738 17.6997 18.5737 17.1995V15.9916C18.5667 13.9478 16.9882 12.2535 14.95 12.1022V20.5574C14.95 21.0577 14.5444 21.4633 14.0441 21.4633C13.5437 21.4633 13.1382 21.0577 13.1382 20.5574V12.1022C11.1 12.2535 9.52148 13.9478 9.51448 15.9916V17.1995C9.5144 17.6997 9.10883 18.1052 8.60856 18.1052C8.1083 18.1052 7.70273 17.6997 7.70265 17.1995V15.9916C7.71158 12.9487 10.0992 10.4444 13.1382 10.2903V8.62807H9.66202C9.11309 8.62807 8.66809 8.22248 8.66809 7.72216C8.66809 7.22183 9.11309 6.81624 9.66202 6.81624Z"
											fill="currentColor"></path>
									</svg>
									<span data-value="${coin}">${BilibiliUtils.parseCount(coin)}</span>
								</div>
								<div class="video-info-icon">
									<svg
										width="24"
										height="24"
										viewBox="0 0 28 28"
										xmlns="http://www.w3.org/2000/svg"
										class="video-fav-icon video-toolbar-item-icon">
										<path
											fill-rule="evenodd"
											clip-rule="evenodd"
											d="M19.8071 9.26152C18.7438 9.09915 17.7624 8.36846 17.3534 7.39421L15.4723 3.4972C14.8998 2.1982 13.1004 2.1982 12.4461 3.4972L10.6468 7.39421C10.1561 8.36846 9.25639 9.09915 8.19315 9.26152L3.94016 9.91102C2.63155 10.0734 2.05904 11.6972 3.04049 12.6714L6.23023 15.9189C6.96632 16.6496 7.29348 17.705 7.1299 18.7605L6.39381 23.307C6.14844 24.6872 7.62063 25.6614 8.84745 25.0119L12.4461 23.0634C13.4276 22.4951 14.6544 22.4951 15.6359 23.0634L19.2345 25.0119C20.4614 25.6614 21.8518 24.6872 21.6882 23.307L20.8703 18.7605C20.7051 17.705 21.0339 16.6496 21.77 15.9189L24.9597 12.6714C25.9412 11.6972 25.3687 10.0734 24.06 9.91102L19.8071 9.26152Z"
											fill="currentColor"></path>
									</svg>
									<span data-value="${favorite}">${BilibiliUtils.parseCount(favorite)}</span>
								</div>
								<div class="video-info-icon">
									<svg
										width="24"
										height="24"
										viewBox="0 0 28 28"
										xmlns="http://www.w3.org/2000/svg"
										class="video-share-icon video-toolbar-item-icon">
										<path
											d="M12.6058 10.3326V5.44359C12.6058 4.64632 13.2718 4 14.0934 4C14.4423 4 14.78 4.11895 15.0476 4.33606L25.3847 12.7221C26.112 13.3121 26.2087 14.3626 25.6007 15.0684C25.5352 15.1443 25.463 15.2144 25.3847 15.2779L15.0476 23.6639C14.4173 24.1753 13.4791 24.094 12.9521 23.4823C12.7283 23.2226 12.6058 22.8949 12.6058 22.5564V18.053C7.59502 18.053 5.37116 19.9116 2.57197 23.5251C2.47607 23.6489 2.00031 23.7769 2.00031 23.2122C2.00031 16.2165 3.90102 10.3326 12.6058 10.3326Z"
											fill="currentColor"></path>
									</svg>
									<span data-value="${share}">${BilibiliUtils.parseCount(share)}</span>
								</div>
							</div>
						`
              )
            });
            target.appendChild($descWrapper);
          }
        }
      );
    }
  };
  const artPlayerCSS = ".artplayer-container {\r\n	width: 100vw;\r\n	height: 35vh;\r\n}";
  const BilibiliOpenApp = {
    getUrl($ele) {
      if ($ele == null) {
        return;
      }
      return $ele.getAttribute("universallink");
    },
    /**
     * 直接跳转Url
     * @param event
     */
    jumpToUrl(event) {
      let $click = event.target;
      let $biliOpenApp = $click.querySelector("bili-open-app") || $click.querySelector("m-open-app");
      if ($biliOpenApp) {
        let url = BilibiliOpenApp.getUrl($biliOpenApp);
        if (url) {
          BilibiliUtils.goToUrl(url);
        } else {
          Qmsg.error("获取bili-open-app的Url失败");
          log$1.error("获取bili-open-app的Url失败");
        }
      } else {
        Qmsg.error("未获取到<bili-open-app>元素");
        log$1.error("未获取到<bili-open-app>元素");
      }
    }
  };
  const BilibiliLogUtils = {
    /**
     * 过滤searchParam的敏感数据
     */
    filteringSensitiveSearchParamData(data2) {
      const sensitiveData = utils.assign({}, data2, true);
      Reflect.deleteProperty(sensitiveData, "access_key");
      Reflect.deleteProperty(sensitiveData, "access_token");
      return sensitiveData;
    },
    /**
     * 请求失败的信息弹窗
     */
    failToast(data2) {
      log$1.error(data2);
      alert(JSON.stringify(data2, null, 4));
    }
  };
  const BilibiliBangumiApi = {
    /**
     * 轮询获取番剧播放地址
     */
    async getPlayUrl(option) {
      let searchParamsData = {
        avid: "",
        cid: "",
        ep_id: "",
        // 8K 超高清
        qn: 127,
        /** 固定值 */
        fnver: 0,
        // dash且需求 av1 编码且需求 8K 分辨率
        fnval: 16 | 1024 | 2048,
        // mp4格式
        // fnval: 1,
        /** 是否允许4K视频 */
        fourk: 1
      };
      searchParamsData = utils.assign(searchParamsData, option);
      let serverHostList = BilibiliApiProxy.getBangumiProxyHost();
      log$1.info(`番剧播放地址请求数据`);
      let failReponseJSON = [];
      let result = void 0;
      const urlPath = "/pgc/player/web/playurl";
      log$1.info(`请求路径：${urlPath}`);
      for (let index = 0; index < serverHostList.length; index++) {
        const serverHostInfo = serverHostList[index];
        const serverHost = serverHostInfo.host;
        const proxyServerSearchParamsData = {};
        if (serverHost !== BilibiliApiConfig.web_host) {
          utils.assign(
            proxyServerSearchParamsData,
            BilibiliApiProxy.getBangumiProxySearchParam({
              area: serverHostInfo.area
            }),
            true
          );
          log$1.info(`代理服务器数据: ${JSON.stringify(serverHostInfo)}`);
          log$1.info(
            `代理服务器请求参数：${JSON.stringify(
            BilibiliLogUtils.filteringSensitiveSearchParamData(
              proxyServerSearchParamsData
            )
          )}`
          );
        }
        let url = `https://${serverHost}${urlPath}?${utils.toSearchParamsStr(
        searchParamsData
      )}&${utils.toSearchParamsStr(proxyServerSearchParamsData)}`;
        let getResponse = await httpx.get(url, {
          responseType: "json",
          fetch: false,
          allowInterceptConfig: false,
          headers: {
            Referer: "https://www.bilibili.com/"
          }
        });
        if (!getResponse.status) {
          log$1.error(`代理服务器：${serverHost} 请求失败`);
          continue;
        }
        let responseData = utils.toJSON(getResponse.data.responseText);
        responseData.result;
        if (!BilibiliApiResponseCheck.isWebApiSuccess(responseData) || BilibiliApiResponseCheck.isAreaLimit(responseData)) {
          log$1.error(
            `请求失败，当前代理服务器：${serverHost} ${JSON.stringify(
            responseData
          )}`
          );
          failReponseJSON.push(responseData);
          continue;
        }
        result = responseData.result;
        break;
      }
      if (result == null) {
        BilibiliLogUtils.failToast(failReponseJSON);
      }
      return result;
    },
    /**
     * 获取番剧播放地址-html5，获取的是mp4的
     */
    async getPlayUrlHTML5(option) {
      let searchParamsData = {
        avid: "",
        cid: "",
        ep_id: "",
        bsource: ""
        // qn: 116,
        // fnver: 0,
        // fnval: 1,
        // fourk: 1,
        // from_client: "BROWSER",
        // drm_tech_type: 2,
      };
      searchParamsData = utils.assign(searchParamsData, option);
      log$1.info(`（原版api）番剧播放地址请求数据`);
      const urlPath = "/pgc/player/web/playurl/html5";
      let url = `https://${BilibiliApiConfig.web_host}${urlPath}?${utils.toSearchParamsStr(searchParamsData)}`;
      let getResponse = await httpx.get(url, {
        responseType: "json",
        fetch: true,
        headers: {
          Host: "www.bilibili.com",
          Referer: "https://www.bilibili.com"
        }
      });
      if (!getResponse.status) {
        return;
      }
      let responseData = utils.toJSON(getResponse.data.responseText);
      if (!BilibiliApiResponseCheck.isWebApiSuccess(responseData)) {
        BilibiliLogUtils.failToast(responseData);
        return;
      }
      let responseResult = responseData.result;
      return responseResult;
    }
  };
  const TAG = "[artplayer-plugin-airborneHelper]：";
  const AirborneHelperEvent = {
    $data: {
      tipJumpToastTimeoutId: void 0,
      tipJumpToastInfo: void 0,
      successJumpToastInfo: void 0
    },
    $event: {
      "video:timeupdate": () => {
        if (AirborneHelperEvent.$data.tipJumpToastTimeoutId != null) {
          return;
        }
        if (!AirborneHelper.$data.art.playing) {
          return;
        }
        const beforeToastTime = 5;
        let currentTime = AirborneHelper.$data.art.currentTime;
        let findIndex = AirborneHelper.$data.option.clip_info_list.findIndex(
          (item) => {
            let jumpTime = item.start;
            if (jumpTime === 0) {
              return currentTime <= 1;
            } else {
              return currentTime >= jumpTime - beforeToastTime && currentTime < jumpTime;
            }
          }
        );
        if (findIndex !== -1) {
          let toastCloseCallBack = function() {
            clearTimeout(AirborneHelperEvent.$data.tipJumpToastTimeoutId);
            AirborneHelperEvent.$data.tipJumpToastTimeoutId = void 0;
            AirborneHelperEvent.$data.tipJumpToastInfo?.close();
            AirborneHelperEvent.$data.tipJumpToastInfo = void 0;
            AirborneHelper.$data.option.clip_info_list.splice(findIndex, 1);
          };
          let findValue = AirborneHelper.$data.option.clip_info_list[findIndex];
          let plugin_toast = AirborneHelper.$data.art.plugins[ArtPlayer_PLUGIN_TOAST_KEY];
          let timeout = (findValue.start - currentTime) * 1e3;
          AirborneHelperEvent.$data.tipJumpToastTimeoutId = setTimeout(() => {
            AirborneHelper.$data.art.currentTime = findValue.end;
            AirborneHelperEvent.$data.tipJumpToastTimeoutId = void 0;
            if (AirborneHelperEvent.$data.successJumpToastInfo) {
              AirborneHelperEvent.$data.successJumpToastInfo.close();
              AirborneHelperEvent.$data.successJumpToastInfo = void 0;
            }
            AirborneHelperEvent.$data.successJumpToastInfo = plugin_toast.toast({
              text: "空降成功~o(*≧▽≦)ツ┏━┓",
              closeCallback() {
                AirborneHelperEvent.$data.successJumpToastInfo = void 0;
              }
            });
          }, timeout);
          if (AirborneHelperEvent.$data.tipJumpToastInfo) {
            AirborneHelperEvent.$data.tipJumpToastInfo.close();
            AirborneHelperEvent.$data.tipJumpToastInfo = void 0;
          }
          AirborneHelperEvent.$data.tipJumpToastInfo = plugin_toast.toast({
            text: typeof findValue.toastText === "string" ? findValue.toastText : "站稳扶好，准备起飞~",
            timeout: timeout < 2e3 ? 2e3 : timeout,
            showCloseBtn: false,
            jumpText: typeof findValue.toastText === "string" ? "不跳过" : "坠机",
            jumpClickCallback: () => {
              toastCloseCallBack();
            }
          });
          setTimeout(() => {
            if (AirborneHelperEvent.$data.tipJumpToastInfo) {
              AirborneHelperEvent.$data.tipJumpToastInfo.close();
              AirborneHelperEvent.$data.tipJumpToastInfo = void 0;
            }
          }, (beforeToastTime + 3) * 1e3);
        }
      }
    },
    bind() {
      Object.keys(this.$event).forEach((eventName) => {
        AirborneHelper.$data.art.on(
          eventName,
          this.$event[eventName]
        );
      });
    },
    unbind() {
      Object.keys(this.$event).forEach((eventName) => {
        AirborneHelper.$data.art.off(
          eventName,
          this.$event[eventName]
        );
      });
      clearTimeout(AirborneHelperEvent.$data.tipJumpToastTimeoutId);
      AirborneHelperEvent.$data.tipJumpToastTimeoutId = void 0;
      if (AirborneHelperEvent.$data.successJumpToastInfo) {
        AirborneHelperEvent.$data.successJumpToastInfo.close();
        AirborneHelperEvent.$data.successJumpToastInfo = void 0;
      }
      if (AirborneHelperEvent.$data.tipJumpToastInfo) {
        AirborneHelperEvent.$data.tipJumpToastInfo.close();
        AirborneHelperEvent.$data.tipJumpToastInfo = void 0;
      }
    }
  };
  const AirborneHelper = {
    $key: {
      plugin_KEY: "plugin-airborne-helper"
    },
    $data: {
      art: null,
      option: null
    },
    init(art, option) {
      this.$data.art = art;
      this.update(option);
    },
    update(option) {
      this.$data.option = option;
      console.log(TAG + "更新配置", option);
      AirborneHelperEvent.unbind();
      if (option.clip_info_list.length) {
        AirborneHelperEvent.bind();
      }
    }
  };
  const artplayerPluginAirborneHelper = (option) => {
    return (art) => {
      AirborneHelper.init(art, option);
      return {
        name: AirborneHelper.$key.plugin_KEY,
        update(option2) {
          AirborneHelper.update(option2);
        }
      };
    };
  };
  const ArtPlayer_PLUGIN_AIRBORNE_HELPER_KEY = AirborneHelper.$key.plugin_KEY;
  const TAG_FLV = "[flvjs]：";
  const generateBangumiVideoSelectSetting = (option) => {
    return option.epList.map((item) => {
      return {
        isDefault: item.ep_id === option.ep_id && item.aid === option.aid && item.cid === option.cid,
        title: GenerateArtPlayerEpTitle(item.long_title, item.title),
        aid: item.aid,
        bvid: item.bvid,
        cid: item.cid,
        ep_id: item.ep_id,
        onSelect(selectItem, index) {
          BlibiliBangumiPlayer.updateArtPlayerVideoInfo(item, option.epList);
        }
      };
    });
  };
  const BilibiliBangumiArtPlayer = {
    $data: {
      art: null,
      flv: null,
      /** 当前的配置项 */
      currentOption: null,
      from: "bangumi"
    },
    /**
     * 重置环境变量
     */
    resetEnv(isInit) {
      if (isInit) {
        Reflect.set(this.$data, "art", null);
        Reflect.set(this.$data, "flv", null);
      }
      Reflect.set(this.$data, "currentOption", null);
    },
    /**
     * flv播放
     *
     * 切换url时自动调用
     * @param videoInfoList 可能多个，可能只有一个
     */
    flvPlayer() {
      if (this.$data.currentOption == null) {
        console.error(TAG_FLV + "获取当前配置为空");
        return;
      }
      let flvInfoList = this.$data.currentOption.flvInfo;
      if (this.$data.flv != null || flvInfoList == null) {
        this.$data.flv?.detachMediaElement();
        this.$data.flv?.destroy();
      }
      let currentOption = this.$data.currentOption;
      console.log(TAG_FLV + "加载视频", flvInfoList);
      if (flvInfoList.length > 1) {
        this.$data.flv = flvjs.createPlayer(
          {
            type: "flv",
            filesize: currentOption.flvTotalSize,
            duration: currentOption.flvTotalDuration,
            segments: flvInfoList.map((item) => {
              return {
                url: item.url,
                duration: item.duration,
                filesize: item.size
              };
            })
          },
          {
            stashInitialSize: 1024 * 100
          }
        );
      } else {
        this.$data.flv = flvjs.createPlayer(
          {
            type: "flv",
            url: flvInfoList[0].url
          },
          {
            stashInitialSize: 1024 * 100
          }
        );
      }
      this.$data.flv.attachMediaElement(this.$data.art.video);
      this.$data.flv.load();
    },
    /**
     * 初始化播放器
     * @param option
     */
    async init(option) {
      this.resetEnv(true);
      this.$data.currentOption = option;
      const localArtDanmakuOption_KEY = "artplayer-bangumi-danmaku-option";
      const artPlayerDanmakuOptionHelper = new ArtPlayerDanmakuOptionHelper(
        localArtDanmakuOption_KEY
      );
      const localArtDanmakuOption = artPlayerDanmakuOptionHelper.getLocalArtDanmakuOption();
      const artOption = {
        ...ArtPlayerCommonOption(),
        container: option.container,
        /** 自定义设置列表 */
        settings: [],
        plugins: [
          artplayerPluginToast(),
          artplayPluginQuality({
            from: BilibiliBangumiArtPlayer.$data.from,
            qualityList: option.quality
          })
        ]
      };
      if (option.isFlv) {
        artOption.quality = [];
        artOption.type = "flv";
        if (option.flvInfo.length === 0) {
          BilibiliLogUtils.failToast("视频播放地址为空，无法播放！");
          return;
        }
        artOption.url = option.flvInfo[0].url;
        artOption.customType = {
          flv: (video, url, art) => {
            if (!flvjs.isSupported()) {
              art.notice.show = "Unsupported playback format: flv";
              return;
            }
            this.flvPlayer();
          }
        };
      } else {
        artOption.type = "mp4";
      }
      if (Panel.getValue("artplayer-plugin-bangumi-danmaku-enable")) {
        artOption.plugins.push(
          artplayerPluginDanmuku({
            ...ArtPlayerDanmakuCommonOption(),
            danmuku: option.danmukuUrl,
            // 以下为非必填
            // 弹幕持续时间，范围在[1 ~ 10]
            speed: localArtDanmakuOption.speed,
            // 弹幕上下边距，支持像素数字和百分比
            margin: localArtDanmakuOption["margin"],
            // 弹幕透明度，范围在[0 ~ 1]
            opacity: localArtDanmakuOption["opacity"],
            // 弹幕可见的模式
            modes: localArtDanmakuOption["modes"],
            // 弹幕字体大小，支持像素数字和百分比
            fontSize: localArtDanmakuOption["fontSize"],
            // 弹幕是否防重叠
            antiOverlap: localArtDanmakuOption["antiOverlap"],
            // 是否同步播放速度
            synchronousPlayback: localArtDanmakuOption["synchronousPlayback"],
            // 弹幕层是否可见
            visible: localArtDanmakuOption["visible"],
            // 手动发送弹幕前的过滤器，返回 true 则可以发送，可以做存库处理
            beforeEmit(danmu) {
              return new Promise((resolve) => {
                console.log(danmu);
                setTimeout(() => {
                  resolve(true);
                }, 1e3);
              });
            }
          })
        );
      }
      if (Panel.getValue("artplayer-plugin-bangumi-m4sAudioSupport-enable")) {
        artOption.plugins.push(
          artplayerPluginM4SAudioSupport({
            from: BilibiliBangumiArtPlayer.$data.from,
            audioList: option.audioList || []
          })
        );
      }
      if (Panel.getValue("artplayer-plugin-bangumi-epChoose-enable")) {
        artOption.plugins.push(
          artplayerPluginEpChoose({
            EP_LIST: generateBangumiVideoSelectSetting(option),
            automaticBroadcast: true
          })
        );
      }
      if (Panel.getValue("artplayer-plugin-bangumi-cc-subtitle-enable")) {
        artOption.plugins.push(
          artplayerPluginBilibiliCCSubTitle({
            from: BilibiliBangumiArtPlayer.$data.from,
            cid: option.cid,
            aid: option.aid,
            bvid: option.bvid,
            ep_id: option.ep_id
          })
        );
      }
      if (Panel.getValue("artplayer-plugin-bangumi-toptoolbar-enable")) {
        artOption.plugins.push(
          artplayerPluginTopToolBar({
            onlineInfoParams: {
              aid: option.aid,
              cid: option.cid,
              bvid: option.bvid
            },
            title: option.videoTitle,
            showWrap: true,
            showTitle: true,
            showOnlineTotal: true
          })
        );
      }
      if (Panel.getValue("artplayer-plugin-bangumi-airborneHelper-enable")) {
        artOption.plugins.push(
          artplayerPluginAirborneHelper({
            clip_info_list: option.clip_info_list
          })
        );
      }
      if (Panel.getValue("artplayer-plugin-bangumi-statistics-enable")) {
        artOption.plugins.push(
          artplayerPluginVideoStatistics({
            data: []
          })
        );
      }
      this.$data.art = new Artplayer(artOption);
      artPlayerDanmakuOptionHelper.onConfigChange(this.$data.art);
      return this.$data.art;
    },
    /**
     * 更新新的播放信息
     * @param art
     * @param option
     */
    async update(art, option) {
      this.resetEnv(false);
      this.$data.currentOption = option;
      log$1.info(`更新新的播放信息`, option);
      art.pause();
      log$1.info(`暂停视频`);
      art.currentTime = 0;
      log$1.info(`重置播放进度`);
      this.updatePluginInfo(art, option);
      art.play();
      log$1.info("播放");
    },
    /**
     * 更新插件数据
     * @param art
     * @param option
     */
    updatePluginInfo(art, option) {
      let plugin_quality = art.plugins[ArtPlayer_PLUGIN_QUALITY_KEY];
      plugin_quality.update({
        from: BilibiliBangumiArtPlayer.$data.from,
        qualityList: option.quality
      });
      log$1.info(`更新画质`, option.quality);
      if (Panel.getValue("artplayer-plugin-bangumi-danmaku-enable")) {
        art.plugins.artplayerPluginDanmuku.config({
          danmuku: option.danmukuUrl
        });
        art.plugins.artplayerPluginDanmuku.load();
        log$1.info(`更新弹幕姬`, option.danmukuUrl);
      }
      if (Panel.getValue("artplayer-plugin-bangumi-m4sAudioSupport-enable")) {
        let plugin_m4sAudioSupport = art.plugins[ArtPlayer_PLUGIN_M4S_AUDIO_SUPPORT_KEY];
        plugin_m4sAudioSupport.update({
          from: BilibiliBangumiArtPlayer.$data.from,
          audioList: option.audioList || []
        });
        log$1.info(`更新音频`, option.audioList);
      }
      if (Panel.getValue("artplayer-plugin-bangumi-epChoose-enable")) {
        let plugin_epChoose = art.plugins[ArtPlayer_PLUGIN_EP_CHOOSE_KEY];
        plugin_epChoose.update({
          EP_LIST: generateBangumiVideoSelectSetting(option),
          automaticBroadcast: true
        });
        log$1.info(`更新选集信息`, option.epList);
      }
      if (Panel.getValue("artplayer-plugin-bangumi-cc-subtitle-enable")) {
        let plugin_bilibiliCCSubTitle = art.plugins[ArtPlayer_PLUGIN_BILIBILI_CC_SUBTITLE_KEY];
        const subTitleOption = {
          from: BilibiliBangumiArtPlayer.$data.from,
          cid: option.cid,
          aid: option.aid,
          ep_id: option.ep_id
        };
        plugin_bilibiliCCSubTitle.update(subTitleOption);
        log$1.info(`更新字幕`, subTitleOption);
      }
      if (Panel.getValue("artplayer-plugin-bangumi-toptoolbar-enable")) {
        let plugin_topToolBar = art.plugins[ArtPlayer_PLUGIN_TOP_TOOLBAR_KEY];
        const topToolBarOption = {
          showRight: true,
          showRightFollow: true,
          showWrap: true,
          showTitle: true,
          showOnlineTotal: true,
          title: option.videoTitle,
          onlineInfoParams: {
            aid: option.aid,
            cid: option.cid,
            bvid: option.bvid
          }
        };
        plugin_topToolBar.update(topToolBarOption);
        log$1.info(`更新顶部标题`, topToolBarOption);
      }
      if (Panel.getValue("artplayer-plugin-bangumi-airborneHelper-enable")) {
        let plugin_airborneHelper = art.plugins[ArtPlayer_PLUGIN_AIRBORNE_HELPER_KEY];
        plugin_airborneHelper.update({
          clip_info_list: option.clip_info_list
        });
        log$1.info(`更新空降助手信息`, option.clip_info_list);
      }
    }
  };
  const ReactUtils = {
    /**
     * 等待react某个属性并进行设置
     * @param $el 需要检测的元素对象
     * @param reactPropNameOrNameList react属性的名称
     * @param checkOption 检测的配置项
     */
    async waitReactPropsToSet($el, reactPropNameOrNameList, checkOption) {
      if (!Array.isArray(reactPropNameOrNameList)) {
        reactPropNameOrNameList = [reactPropNameOrNameList];
      }
      if (!Array.isArray(checkOption)) {
        checkOption = [checkOption];
      }
      function getTarget() {
        let __target__ = null;
        if (typeof $el === "string") {
          __target__ = domUtils.selector($el);
        } else if (typeof $el === "function") {
          __target__ = $el();
        } else if ($el instanceof HTMLElement) {
          __target__ = $el;
        }
        return __target__;
      }
      if (typeof $el === "string") {
        let $ele = await utils.waitNode($el, 1e4);
        if (!$ele) {
          return;
        }
      }
      checkOption.forEach((needSetOption) => {
        if (typeof needSetOption.msg === "string") {
          log$1.info(needSetOption.msg);
        }
        function checkTarget() {
          let $targetEl = getTarget();
          if ($targetEl == null) {
            return {
              status: false,
              isTimeout: true,
              inst: null,
              $el: $targetEl
            };
          }
          let reactInst = utils.getReactObj($targetEl);
          if (reactInst == null) {
            return {
              status: false,
              isTimeout: false,
              inst: null,
              $el: $targetEl
            };
          }
          let findPropNameIndex = Array.from(reactPropNameOrNameList).findIndex(
            (__propName__) => {
              let reactPropInst2 = reactInst[__propName__];
              if (!reactPropInst2) {
                return false;
              }
              let checkResult = needSetOption.check(reactPropInst2, $targetEl);
              checkResult = Boolean(checkResult);
              return checkResult;
            }
          );
          let reactPropName = reactPropNameOrNameList[findPropNameIndex];
          let reactPropInst = reactInst[reactPropName];
          return {
            status: findPropNameIndex !== -1,
            isTimeout: false,
            inst: reactPropInst,
            $el: $targetEl
          };
        }
        utils.waitPropertyByInterval(
          () => {
            return getTarget();
          },
          () => checkTarget().status,
          250,
          1e4
        ).then(() => {
          let checkTargetResult = checkTarget();
          if (checkTargetResult.status) {
            let reactInst = checkTargetResult.inst;
            needSetOption.set(reactInst, checkTargetResult.$el);
          } else {
            if (typeof needSetOption.failWait === "function") {
              needSetOption.failWait(checkTargetResult.isTimeout);
            }
          }
        });
      });
    }
  };
  function handleDashVideoQualityInfo(dashInfo) {
    let acceptVideoQualityInfoList = [];
    dashInfo.video.forEach((dashVideoInfo) => {
      if (!dashInfo.accept_quality.includes(dashVideoInfo.id)) {
        return;
      }
      let findSupportFormat = dashInfo.support_formats.find(
        (formatsItem) => formatsItem.quality === dashVideoInfo.id
      );
      let videoUrl = BilibiliCDNProxy.findBetterCDN(
        dashVideoInfo.base_url,
        dashVideoInfo.baseUrl,
        dashVideoInfo.backup_url,
        dashVideoInfo.backupUrl
      );
      videoUrl = BilibiliCDNProxy.replaceBangumiVideoCDN(videoUrl);
      let qualityName = findSupportFormat?.new_description;
      acceptVideoQualityInfoList.push({
        name: qualityName,
        url: videoUrl,
        type: dashVideoInfo.mimeType,
        id: dashVideoInfo.id,
        size: dashVideoInfo.size,
        quality: dashVideoInfo.id,
        vip: Boolean(findSupportFormat?.need_vip),
        bandwidth: dashVideoInfo.bandwidth,
        frameRate: dashVideoInfo.frameRate,
        codecid: dashVideoInfo.codecid,
        codecs: dashVideoInfo.codecs
      });
    });
    return acceptVideoQualityInfoList;
  }
  const GenerateVideoTitle = (ep_id, title) => {
    return `第${ep_id}话 ${title}`;
  };
  const handleQueryVideoQualityData = (bangumiInfo, userChooseVideoCodingCode) => {
    let qualityInfoList = [];
    if (bangumiInfo?.dash?.video?.length) {
      let dashBangumiInfo = bangumiInfo;
      qualityInfoList = [
        ...handleDashVideoQualityInfo({
          accept_quality: dashBangumiInfo.accept_quality,
          support_formats: dashBangumiInfo.support_formats,
          video: dashBangumiInfo.dash.video
        })
      ];
      if (qualityInfoList.length === 0) {
        if (dashBangumiInfo.dash.video.length !== 0) {
          log$1.warn(
            `当前选择的视频编码id为: ${userChooseVideoCodingCode}，但是过滤出的视频没有一个符合的，所以直接放弃使用自定义选择视频编码`
          );
          qualityInfoList = [
            ...handleDashVideoQualityInfo({
              accept_quality: dashBangumiInfo.accept_quality,
              support_formats: dashBangumiInfo.support_formats,
              video: dashBangumiInfo.dash.video
            })
          ];
        }
      }
    } else {
      let mp4BangumiInfo = bangumiInfo;
      if (mp4BangumiInfo.durls.length === 0) {
        if (mp4BangumiInfo.durl != null) {
          mp4BangumiInfo.durls.push({
            quality: mp4BangumiInfo.quality,
            durl: mp4BangumiInfo.durl
          });
        }
      }
      mp4BangumiInfo.durls.forEach((durlInfo) => {
        if (!mp4BangumiInfo.accept_quality.includes(durlInfo.quality)) {
          return;
        }
        if (!durlInfo.durl.length) {
          return;
        }
        let currentDurl = durlInfo["durl"][0];
        let findSupportFormat = bangumiInfo.support_formats.find(
          (formatsItem) => formatsItem.quality === durlInfo.quality
        );
        let videoUrl = BilibiliCDNProxy.findBetterCDN(
          currentDurl.url,
          currentDurl.backup_url
        );
        let qualityName = findSupportFormat?.new_description;
        qualityInfoList.push({
          name: qualityName,
          url: videoUrl,
          type: "audio/mp4",
          id: durlInfo.quality,
          size: currentDurl.size,
          quality: durlInfo.quality,
          vip: Boolean(findSupportFormat?.need_vip),
          bandwidth: 0,
          frameRate: "",
          codecid: 0,
          codecs: ""
        });
      });
    }
    return qualityInfoList;
  };
  const GenerateArtPlayerOption = async (EP_INFO, EP_LIST) => {
    const { aid, bvid, cid, ep_id, title, long_title } = EP_INFO;
    log$1.info(`解析番剧信息 aid:${aid} cid:${cid} ep_id:${ep_id}`);
    const videoTitle = GenerateVideoTitle(title, long_title);
    const audioInfo = [];
    let qualityInfo = [];
    let clip_info_list = [];
    let isFlv = false;
    let flvInfo = [];
    let flvTotalDuration = 0;
    let flvTotalSize = 0;
    if (Panel.getValue("bili-bangumi-unlockAreaLimit")) {
      const bangumiInfo = await BilibiliBangumiApi.getPlayUrl({
        avid: aid,
        cid,
        ep_id
      });
      if (!bangumiInfo) {
        return;
      }
      if (Array.isArray(bangumiInfo?.clip_info_list)) {
        clip_info_list = bangumiInfo.clip_info_list;
      } else if (Array.isArray(bangumiInfo?.clip_info)) {
        clip_info_list = // @ts-ignore
        bangumiInfo.clip_info;
      }
      if (bangumiInfo.type.toLowerCase() === "flv") {
        isFlv = true;
        bangumiInfo.durl.forEach((durlInfo) => {
          let videoUrl = BilibiliCDNProxy.findBetterCDN(
            durlInfo.url,
            durlInfo.backup_url
          );
          videoUrl = BilibiliCDNProxy.replaceBangumiVideoCDN(videoUrl);
          flvTotalDuration += durlInfo.length;
          flvTotalSize += durlInfo.size;
          flvInfo.push({
            order: durlInfo.order,
            url: videoUrl,
            duration: durlInfo.length,
            length: durlInfo.length,
            size: durlInfo.size
          });
        });
      } else if (bangumiInfo.type.toLowerCase() === "dash" || bangumiInfo.type.toLowerCase() === "mp4") {
        (bangumiInfo?.dash?.audio || []).forEach((item) => {
          let audioUrl = BilibiliCDNProxy.findBetterCDN(
            item.baseUrl,
            item.base_url,
            item.baseUrl,
            item.backup_url
          );
          if (Panel.getValue("bili-bangumi-uposServerSelect-applyAudio")) {
            audioUrl = BilibiliCDNProxy.replaceBangumiVideoCDN(audioUrl);
          }
          audioInfo.push({
            url: audioUrl,
            id: item.id,
            size: item.size,
            text: VideoSoundQualityCode[item.id] || "",
            bandwidth: item.bandwidth,
            codecs: item.codecs,
            mimeType: item.mimeType || item.mime_type
          });
        });
        log$1.info(`ArtPlayer: 获取的音频信息`, audioInfo);
        qualityInfo = qualityInfo.concat(
          handleQueryVideoQualityData(bangumiInfo)
        );
        log$1.info(`ArtPlayer: 获取的视频画质信息`, qualityInfo);
      } else {
        BilibiliLogUtils.failToast(
          "暂未适配的视频格式：" + bangumiInfo["format"]
        );
        return;
      }
    } else {
      const bangumiInfo = await BilibiliBangumiApi.getPlayUrlHTML5({
        avid: aid,
        cid,
        ep_id
      });
      if (!bangumiInfo) {
        return;
      }
      if (Array.isArray(bangumiInfo?.clip_info_list)) {
        clip_info_list = // @ts-ignore
        bangumiInfo.clip_info_list;
      } else if (Array.isArray(bangumiInfo?.clip_info)) {
        clip_info_list = bangumiInfo.clip_info;
      }
      qualityInfo = qualityInfo.concat(handleQueryVideoQualityData(bangumiInfo));
    }
    const currentVideoQuality = qualityInfo.map((item, index) => {
      return {
        html: item.name,
        url: item.url,
        quality: item.quality,
        mimeType: item.type,
        codecid: item.codecid,
        codecs: item.codecs,
        frameRate: item.frameRate,
        bandwidth: item.bandwidth
      };
    });
    const artPlayerOption = {
      // @ts-ignore
      container: null,
      epList: EP_LIST,
      cid,
      aid,
      bvid,
      ep_id,
      videoTitle,
      danmukuUrl: `https://api.bilibili.com/x/v1/dm/list.so?oid=${cid}`,
      quality: currentVideoQuality,
      clip_info_list,
      isFlv,
      flvInfo,
      flvTotalDuration,
      flvTotalSize
    };
    artPlayerOption.url = qualityInfo?.[0]?.url;
    if (audioInfo.length) {
      artPlayerOption.audioList = audioInfo.map((item, index) => {
        return {
          isDefault: index === 0,
          url: item.url,
          soundQualityCode: item.id,
          soundQualityCodeText: item.text,
          bandwidth: item.bandwidth,
          codecs: item.codecs,
          mimeType: item.mimeType,
          size: item.size
        };
      });
    }
    return artPlayerOption;
  };
  const BlibiliBangumiPlayer = {
    $data: {
      art: null
    },
    /**
     * 更新播放器的信息
     */
    updateArtPlayerVideoInfo(ep_info, ep_list) {
      const that = this;
      ReactUtils.waitReactPropsToSet(
        BilibiliData.className.bangumi_new + ` [class^="Player_container"]`,
        "reactFiber",
        {
          check(reactInstance) {
            return typeof reactInstance?.return?.memoizedState?.queue?.lastRenderedState?.[0]?.epInfo?.bvid === "string";
          },
          async set(reactInstance) {
            let epInfo = reactInstance?.return?.memoizedState?.queue?.lastRenderedState?.[0]?.epInfo;
            const $playerWrapper = $("#bilibiliPlayer");
            if (ep_info == null) {
              ep_info = epInfo;
            }
            if (ep_list == null) {
              ep_list = [];
              let $epList = $(
                BilibiliData.className.bangumi_new + ` [class^="EpisodeList_episodeListWrap"]`
              );
              if ($epList) {
                let react = utils.getReactObj($epList);
                let epList = react?.reactFiber?.return?.memoizedState?.memoizedState?.[0]?.episodes;
                if (Array.isArray(epList)) {
                  ep_list = epList;
                }
              }
            }
            const artPlayerOption = await GenerateArtPlayerOption(
              ep_info,
              ep_list
            );
            if (artPlayerOption == null) {
              return;
            }
            let $artPlayer = $("#artplayer");
            if (!$artPlayer) {
              const $artPlayerContainer = domUtils.createElement("div", {
                className: "artplayer-container",
                innerHTML: (
                  /*html*/
                  `
									<div id="artplayer"></div>
									`
                )
              });
              $artPlayer = $artPlayerContainer.querySelector("#artplayer");
              domUtils.after($playerWrapper, $artPlayerContainer);
            }
            artPlayerOption.container = $artPlayer;
            if (that.$data.art == null) {
              let art = await BilibiliBangumiArtPlayer.init(artPlayerOption);
              if (art) {
                that.$data.art = art;
              } else {
                return;
              }
              that.$data.art.volume = 1;
            } else {
              BilibiliBangumiArtPlayer.update(that.$data.art, artPlayerOption);
            }
          }
        }
      );
    }
  };
  const BilibiliBangumi = {
    $data: {
      art: null
    },
    init() {
      Panel.execMenuOnce("bili-bangumi-initialScale", () => {
        BilibiliUtils.initialScale();
      });
      Panel.execMenuOnce("bili-bangumi-hook-callApp", () => {
        this.hookCallApp();
      });
      Panel.execMenu("bili-bangumi-cover-clicl-event-chooseEp", () => {
        this.setChooseEpClickEvent();
      });
      Panel.execMenu("bili-bangumi-cover-clicl-event-other", () => {
        this.setClickOtherVideo();
      });
      Panel.execMenu("bili-bangumi-cover-clicl-event-recommend", () => {
        this.setRecommendClickEvent();
      });
      this.coverVideoPlayer();
    },
    /**
     * 阻止唤醒App
     */
    hookCallApp() {
      let oldSetTimeout = _unsafeWindow.setTimeout;
      _unsafeWindow.setTimeout = function(...args) {
        let callString = args[0].toString();
        if (callString.includes("autoOpenApp")) {
          log$1.success("阻止唤醒App", args);
          return;
        }
        return Reflect.apply(oldSetTimeout, this, args);
      };
    },
    /**
     * 覆盖【选集】的点击事件
     */
    setChooseEpClickEvent() {
      utils.waitNode(
        BilibiliData.className.bangumi + " .ep-list-pre-wrapper ul.ep-list-pre-container"
      ).then(($preContainer) => {
        log$1.info("覆盖【选集】的点击事件");
        domUtils.on(
          $preContainer,
          "click",
          "li.episode-item",
          function(event) {
            utils.preventEvent(event);
            BilibiliOpenApp.jumpToUrl(event);
          },
          {
            capture: true
          }
        );
      });
      utils.waitNode(
        BilibiliData.className.bangumi + " .ep-list-pre-wrapper ul.season-list-wrapper"
      ).then(($listWapper) => {
        log$1.info("覆盖【xx季】的点击事件");
        domUtils.on(
          $listWapper,
          "click",
          "li",
          function(event) {
            utils.preventEvent(event);
            BilibiliOpenApp.jumpToUrl(event);
          },
          {
            capture: true
          }
        );
      });
      utils.waitNode(
        BilibiliData.className.bangumi + " .ep-list-pre-header"
      ).then(($preHeader) => {
        log$1.info("覆盖【选集】右上角的【全xx话】Arrow的点击事件");
        domUtils.on(
          $preHeader,
          "click",
          function(event) {
            utils.preventEvent(event);
          },
          {
            capture: true
          }
        );
      });
      domUtils.on(
        document,
        "click",
        [
          BilibiliData.className.bangumi_new + ` [class^="EpisodeList_episodeListWrap"] m-open-app[universallink]`,
          BilibiliData.className.bangumi_new + ` [class^="SeasonList_container"] m-open-app[universallink]`
        ],
        (event, selectorTarget) => {
          let url = BilibiliOpenApp.getUrl(selectorTarget);
          if (!url) {
            Qmsg.error("获取跳转链接失败");
            return;
          }
          BilibiliUtils.goToUrl(url);
        },
        {
          capture: true
        }
      );
    },
    /**
     * 覆盖【PV&其他】、【预告】、【主题曲】的点击事件
     *
     * + https://m.bilibili.com/bangumi/play/ss48852
     */
    setClickOtherVideo() {
      utils.waitNode(
        BilibiliData.className.bangumi + " .section-preview-wrapper ul.ep-list-pre-container"
      ).then(($preContainer) => {
        log$1.info("覆盖【PV&其他】、【预告】、【主题曲】的点击事件");
        domUtils.on(
          $preContainer,
          "click",
          "li.section-preview-item",
          function(event) {
            utils.preventEvent(event);
            BilibiliOpenApp.jumpToUrl(event);
          },
          {
            capture: true
          }
        );
      });
      utils.waitNode(
        BilibiliData.className.bangumi + " .section-preview-header"
      ).then(($previewHeader) => {
        log$1.info(
          "覆盖【PV&其他】、【预告】、【主题曲】右上角的Arrow的点击事件"
        );
        domUtils.on(
          $previewHeader,
          "click",
          function(event) {
            utils.preventEvent(event);
          },
          {
            capture: true
          }
        );
      });
      domUtils.on(
        document,
        "click",
        BilibiliData.className.bangumi_new + ` [class^="SectionPanel_container"] m-open-app[universallink]`,
        (event, selectorTarget) => {
          let url = BilibiliOpenApp.getUrl(selectorTarget);
          if (!url) {
            Qmsg.error("获取跳转链接失败");
            return;
          }
          BilibiliUtils.goToUrl(url);
        },
        {
          capture: true
        }
      );
    },
    /**
     * 覆盖【更多推荐】番剧的点击事件
     */
    setRecommendClickEvent() {
      utils.waitNode(
        BilibiliData.className.bangumi + " .recom-wrapper ul.recom-list"
      ).then(($recomList) => {
        log$1.info("覆盖【更多推荐】番剧的点击事件");
        domUtils.on(
          $recomList,
          "click",
          "li.recom-item-v2",
          function(event) {
            utils.preventEvent(event);
            BilibiliOpenApp.jumpToUrl(event);
          },
          {
            capture: true
          }
        );
      });
      domUtils.on(
        document,
        "click",
        BilibiliData.className.bangumi_new + ` [class^="Footer_container"] m-open-app[universallink]`,
        (event, selectorTarget) => {
          let url = BilibiliOpenApp.getUrl(selectorTarget);
          if (!url) {
            Qmsg.error("获取跳转链接失败");
            return;
          }
          BilibiliUtils.goToUrl(url);
        },
        {
          capture: true
        }
      );
    },
    /**
     * 覆盖视频播放器
     */
    coverVideoPlayer() {
      if (document.querySelector("#artplayer")) {
        log$1.warn("已存在播放器，更新播放信息");
      } else {
        addStyle(
          /*css*/
          `
			.player-wrapper,
			.open-app-bar,
			${BilibiliData.className.bangumi_new} [class^="Player_videoWrap"] > div:not(.artplayer-container){
				display: none !important;
			}
			
			${artPlayerCommonCSS}
			
			${artPlayerCSS}
			
			.artplayer-container{
				height: -webkit-fill-available;
				height: 100%;
			}
			`
        );
        let controlsPadding = Panel.getValue(
          "bili-bangumi-artplayer-controlsPadding-left-right",
          0
        );
        if (controlsPadding != 0) {
          addStyle(
            /*css*/
            `
				@media (orientation: landscape) {
					.art-video-player .art-layers .art-layer-top-wrap,
					/* 底部 */
					.art-video-player .art-bottom{
						padding-left: ${controlsPadding}px !important;
						padding-right: ${controlsPadding}px !important;
					}
					
					/* 锁定图标 */
					.art-video-player  .art-layer-lock{
						--art-lock-left-size: ${controlsPadding}px;
					}
				}
				`
          );
        }
      }
      BlibiliBangumiPlayer.updateArtPlayerVideoInfo();
    }
  };
  const BilibiliSearchApi = {
    /**
     * 获取输入框的placeholder的热点关键词
     */
    async getSearchInputPlaceholder() {
      let getResponse = await httpx.get(
        "https://api.bilibili.com/x/web-interface/wbi/search/default",
        {
          fetch: true,
          headers: {
            accept: "application/json, text/plain, */*",
            "accept-language": "zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6",
            "cache-control": "no-cache",
            pragma: "no-cache",
            "sec-ch-ua": '""',
            "sec-ch-ua-mobile": "?1",
            "sec-ch-ua-platform": '""',
            "sec-fetch-dest": "empty",
            "sec-fetch-mode": "cors",
            "sec-fetch-site": "same-site"
          },
          allowInterceptConfig: false
        }
      );
      if (!getResponse.status) {
        return;
      }
      let responseData = utils.toJSON(getResponse.data.responseText);
      if (!BilibiliApiResponseCheck.isWebApiSuccess(responseData)) {
        return;
      }
      return responseData.data;
    },
    /**
     * 从代理服务器拉取番剧搜索结果
     */
    async getBangumiSearchResult(config) {
      let searchParamsData = {
        search_type: "media_bangumi",
        keyword: config.keyword,
        from_client: "BROWSER",
        drm_tech_type: "2",
        module: "bangumi",
        area: config.area.toLowerCase(),
        access_key: BilibiliQrCodeLogin.getAccessToken()
      };
      let url = `https://${config.host}/x/web-interface/search/type?${utils.toSearchParamsStr(searchParamsData)}`;
      let getResponse = await httpx.get(url, {
        fetch: false,
        headers: {
          "User-Agent": utils.getRandomAndroidUA()
        }
      });
      if (!getResponse.status) {
        return;
      }
      let data2 = utils.toJSON(getResponse.data.responseText);
      if (!BilibiliApiResponseCheck.isWebApiSuccess(data2)) {
        log$1.error(`请求失败，当前代理服务器信息：${JSON.stringify(config.host)}`);
        log$1.error(`请求失败，当前请求的响应信息：${JSON.stringify(data2)}`);
        return {
          isSuccess: false,
          data: data2
        };
      }
      return {
        isSuccess: true,
        data: data2.data.result
      };
    }
  };
  const beautifyCSS = "#app .m-search {\r\n	--card-img-width: 90px;\r\n	--card-img-height: calc(var(--card-img-width) * 1.33);\r\n	--card-desc-color: #808080;\r\n	--card-desc-size: 0.8em;\r\n	--card-badge-item-size: 0.7em;\r\n	--card-badge-item-padding: 0.1em 0.2em;\r\n	--card-badge-item-border-radius: 3px;\r\n	--card-ep-item-border-radius: 4px;\r\n	--card-ep-item-padding-top-bottom: 13px;\r\n	--card-ep-item-padding-left-right: 13px;\r\n	--card-ep-item-badge-padding: 2px;\r\n}\r\n.gm-result-panel {\r\n	padding-top: 23.46667vmin;\r\n	background: #f4f4f4;\r\n}\r\n.gm-card-cover {\r\n	position: relative;\r\n}\r\n.gm-card-cover img {\r\n	width: var(--card-img-width);\r\n	height: var(--card-img-height);\r\n	border-radius: 8px;\r\n}\r\n.gm-card-container {\r\n	display: flex;\r\n	gap: 15px;\r\n}\r\n\r\n.gm-card-box {\r\n	padding: 0px 10px;\r\n}\r\n\r\n.gm-card-item em {\r\n	color: var(--bili-color);\r\n	font-style: unset;\r\n}\r\n\r\n.gm-card-title {\r\n	font-family: 微软雅黑;\r\n	font-size: 1em;\r\n}\r\n\r\n.gm-card-display-info,\r\n.gm-card-styles,\r\nspan.gm-card-media_score-user_count {\r\n	font-size: var(--card-desc-size);\r\n	color: var(--card-desc-color);\r\n}\r\n\r\n.gm-card-info-container {\r\n	display: flex;\r\n	flex-direction: column;\r\n	gap: 3px;\r\n	justify-content: flex-start;\r\n}\r\n.gm-card-info {\r\n	display: flex;\r\n	flex-direction: column;\r\n	justify-content: space-between;\r\n}\r\nspan.gm-card-media_score-score {\r\n	color: #f77c2e;\r\n	font-size: 1.2em;\r\n	font-weight: bold;\r\n}\r\n\r\n.gm-card-media_score {\r\n	display: flex;\r\n	align-items: flex-end;\r\n	gap: 0.5em;\r\n}\r\n.gm-card-item {\r\n	padding: 1.6vmin;\r\n	background: #fff;\r\n	margin: 10px 0px;\r\n	border-radius: 6px;\r\n	display: flex;\r\n	flex-direction: column;\r\n	gap: 15px;\r\n	overflow: hidden;\r\n}\r\n.gm-card-badges {\r\n	background: var(--bili-color);\r\n	color: #fff;\r\n	padding: 3px;\r\n	font-size: 12px;\r\n	border-radius: 3px;\r\n	white-space: nowrap;\r\n	position: absolute;\r\n	top: 5px;\r\n	right: 5px;\r\n}\r\n.gm-card-badge-info-item {\r\n	font-size: var(--card-badge-item-size);\r\n	padding: var(--card-badge-item-padding);\r\n	border-radius: var(--card-badge-item-border-radius);\r\n}\r\n.gm-card-eps {\r\n	display: flex;\r\n	overflow: auto;\r\n	gap: 10px;\r\n}\r\n\r\n.gm-card-ep-conatiner {\r\n	text-align: center;\r\n	white-space: nowrap;\r\n	padding: var(--card-ep-item-padding-top-bottom)\r\n		var(--card-ep-item-padding-left-right);\r\n	background: #edeff3;\r\n	border-radius: var(--card-ep-item-border-radius);\r\n	font-size: 14px;\r\n	position: relative;\r\n}\r\n\r\n.gm-card-ep-badges-container {\r\n	position: absolute;\r\n	top: 0;\r\n	right: 0;\r\n	font-size: calc(\r\n		var(--card-ep-item-padding-top-bottom) - var(--card-ep-item-badge-padding)\r\n	);\r\n}\r\n\r\n.gm-card-ep-badge-top-right {\r\n	border-top-right-radius: var(--card-ep-item-border-radius);\r\n	border-bottom-left-radius: var(--card-ep-item-border-radius);\r\n	padding: var(--card-ep-item-badge-padding);\r\n}\r\n.gm-card-ep-info-container {\r\n	min-width: 30px;\r\n}\r\n";
  const BilibiliExtraSearch = {
    $flag_css: {
      enableOtherAreaSearchBangumi: false
    },
    init() {
      addStyle(beautifyCSS);
      domUtils.ready(() => {
        Panel.execMenu("bili-search-enableOtherAreaSearchBangumi", () => {
          this.enableOtherAreaSearchBangumi();
        });
      });
    },
    /**
     * 初始化搜索的tab
     */
    enableOtherAreaSearchBangumi() {
      if (!this.$flag_css.enableOtherAreaSearchBangumi) {
        this.$flag_css.enableOtherAreaSearchBangumi = true;
        addStyle(
          /*css*/
          `
			.m-search-result .tabs{
				overflow: auto;
				white-space: nowrap;
			}
			.m-search-result .tabs .tab-item{
				display: inline-block;
				height: 8vmin;
				line-height: 8vmin;
				color: #757575;
				font-size: 3.73333vmin;
				margin-top: 1.86667vmin;
				padding: 0 2.33vmin;
			}
			.m-search-result .tabs .tab-item:first-child{
				padding-left: 0;
			}
			.m-search-result .tabs .tab-item:last-child{
				padding-right: 0;
			}
			.m-search-result .tabs .tab-item.on{
				color: var(--bili-color);
				border-bottom: 0.53333vmin solid var(--bili-color);
			}
			`
        );
      }
      utils.waitNode(".m-search-result .tabs:not(:has(.gm-tab-item))").then(($tabs) => {
        let enableSearchServer = BilibiliApiProxy.getSearchProxyHost();
        enableSearchServer.forEach((proxyServerInfo) => {
          let $tab = domUtils.createElement(
            "a",
            {
              className: "tab-item gm-tab-item",
              innerHTML: `番剧（${proxyServerInfo.name}）`
            },
            {
              "data-area": proxyServerInfo.area,
              "data-host": proxyServerInfo.host
            }
          );
          $tabs.appendChild($tab);
        });
        const refreshTabActive = ($tab) => {
          $tabs.querySelectorAll(".tab-item").forEach(($ele) => $tab != $ele && $ele.classList.remove("on"));
          $tab.classList.add("on");
        };
        domUtils.on($tabs, "click", ".tab-item", async (event) => {
          let $tab = event.target;
          refreshTabActive($tab);
          let $resultPanel = document.querySelector(".result-panel");
          let $oldGmResultPanel = document.querySelector(".gm-result-panel");
          if ($oldGmResultPanel) {
            $oldGmResultPanel.remove();
            domUtils.show($resultPanel);
          }
          if (!$tab.classList.contains("gm-tab-item")) {
            return;
          }
          let area = $tab.dataset.area;
          let host = $tab.dataset.host;
          let $searchResult = document.querySelector(".m-search-result");
          let searchResultVueIns = VueUtils.getVue($searchResult);
          searchResultVueIns.switchTab(233);
          domUtils.hide($resultPanel);
          let keyword = searchResultVueIns.keyword;
          let $loading = Qmsg.loading("搜索中，请稍后...");
          let searchBangumiResultInfo = await BilibiliSearchApi.getBangumiSearchResult({
            keyword,
            area,
            host
          });
          $loading.close();
          if (!searchBangumiResultInfo) {
            return;
          }
          if (!searchBangumiResultInfo.isSuccess) {
            alert(JSON.stringify(searchBangumiResultInfo.data, null, 2));
            return;
          }
          let searchBangumiResultData = searchBangumiResultInfo.data;
          log$1.info("搜索结果：", searchBangumiResultData);
          let $gmResultPanel = domUtils.createElement("div", {
            className: "gm-result-panel",
            innerHTML: (
              /*html*/
              `
						<div class="gm-list-view">
							<div class="gm-video-list-box">
								<div class="gm-video-list">
									<div class="gm-card-box"></div>
								</div>
							</div>
						</div>
					`
            )
          });
          let $gmCardBox = $gmResultPanel.querySelector(".gm-card-box");
          searchBangumiResultData.forEach((searchBangumiResultItem) => {
            $gmCardBox.appendChild(
              this.createSearchResultVideoItem(searchBangumiResultItem)
            );
          });
          $searchResult.appendChild($gmResultPanel);
        });
      });
    },
    /**
     * 创建搜索结果项
     */
    createSearchResultVideoItem(option) {
      let $item = domUtils.createElement(
        "div",
        {
          className: "gm-card-item",
          innerHTML: (
            /*html*/
            `
				<div class="gm-card-container">
					<div class="gm-card-cover">
						<div class="gm-card-badges">${option.season_type_name}</div>
						<img src="${option.cover}" alt="封面">
					</div>
					<div class="gm-card-info">
						<div class="gm-card-info-container">
							<div class="gm-card-title">${option.title}</div>
							<div class="gm-card-display-info">
							</div>
							<div class="gm-card-styles">${option.styles || Reflect.get(option, "style") || Reflect.get(option, "styles_v2") || ""}</div>
						</div>
						<div class="gm-card-media_score">
							
						</div>
					</div>
					<div class="gm-card-ferture">
					</div>
				</div>
				<div class="gm-card-eps">
					
				</div>
				`
          )
        },
        {
          "data-url": option.url,
          "data-type": option.type,
          "data-media_id": option.media_id,
          "data-pgc_season_id": option.pgc_season_id,
          "data-is_follow": option.is_follow,
          "data-is_selection": option.is_selection
        }
      );
      Reflect.set($item, "data-option", option);
      domUtils.on($item, "click", (event) => {
        utils.preventEvent(event);
        window.open(option.url, "_blank");
      });
      let $displayInfo = $item.querySelector(
        ".gm-card-display-info"
      );
      let totalDisplayInfo = [];
      if (Array.isArray(option?.display_info)) {
        totalDisplayInfo = totalDisplayInfo.concat(option.display_info);
      }
      if (Array.isArray(option?.badges)) {
        totalDisplayInfo = totalDisplayInfo.concat(option.badges);
      }
      totalDisplayInfo = utils.uniqueArray(totalDisplayInfo, (item) => item.text);
      totalDisplayInfo.forEach((displayInfo) => {
        let $displayInfoItem = domUtils.createElement("span", {
          className: "gm-card-badge-info-item",
          innerText: displayInfo.text
        });
        if (typeof displayInfo.border_color === "string") {
          $displayInfoItem.style.border = `1px solid ${displayInfo.border_color}`;
          $displayInfoItem.style.color = displayInfo.border_color;
        }
        domUtils.append($displayInfo, $displayInfoItem);
      });
      if (option.pubtime) {
        domUtils.append(
          $displayInfo,
          /*html*/
          `
				<span>${utils.formatTime(option.pubtime * 1e3, "yyyy")}</span>
				`
        );
      }
      let areas = option.areas || Reflect.get(option, "area");
      if (areas) {
        if ($displayInfo.children.length) {
          domUtils.append(
            $displayInfo,
            /*html*/
            `
					<span> | </span>
				`
          );
        }
        domUtils.append(
          $displayInfo,
          /*html*/
          `
					<span>${areas}</span>
				`
        );
      }
      let $mediaScore = $item.querySelector(".gm-card-media_score");
      if (option.media_score && option.media_score.user_count) {
        domUtils.append(
          $mediaScore,
          /*html*/
          `
				<span class="gm-card-media_score-score">${option.media_score?.score || 0}分</span>
				<span class="gm-card-media_score-user_count">${option.media_score?.user_count || 0}人参与</span>
				`
        );
      }
      let $eps = $item.querySelector(".gm-card-eps");
      let epsList = [
        ...option.eps || [],
        ...Reflect.get(option, "episodes_new") || []
      ].filter((item) => utils.isNotNull(item));
      epsList.forEach((epsItem) => {
        let title = epsItem.title || epsItem.long_title;
        let url = epsItem.url || Reflect.get(epsItem, "uri");
        let $epItem = domUtils.createElement(
          "div",
          {
            className: "gm-card-ep-conatiner",
            innerHTML: (
              /*html*/
              `
				<div class="gm-card-ep-badges-container">
					
				</div>
				<div class="gm-card-ep-info-container">
					${title}
				</div>`
            )
          },
          {
            "data-id": epsItem.id,
            "data-url": url,
            "data-title": title,
            "data-long_title": epsItem.long_title
          }
        );
        let $epBadges = $epItem.querySelector(
          ".gm-card-ep-badges-container"
        );
        $epItem.querySelector(
          ".gm-card-ep-info-container"
        );
        if (Array.isArray(epsItem.badges) && epsItem.badges.length) {
          let epItemBadgeInfo = epsItem.badges[0];
          let $badge = domUtils.createElement("span", {
            className: "gm-card-ep-badge-top-right",
            innerText: epItemBadgeInfo.text
          });
          if (typeof epItemBadgeInfo.bg_color === "string") {
            $badge.style.backgroundColor = epItemBadgeInfo.bg_color;
          }
          if (typeof epItemBadgeInfo.text_color === "string") {
            $badge.style.color = epItemBadgeInfo.text_color;
          }
          domUtils.append($epBadges, $badge);
        }
        domUtils.on($epItem, "click", (event) => {
          utils.preventEvent(event);
          window.open(url, "_blank");
        });
        $eps.appendChild($epItem);
      });
      return $item;
    },
    /**
     * 搜索番剧(从自定义服务器拉取搜索结果)
     */
    searchBangumi() {
    }
  };
  const BilibiliSearchBeautify = {
    $flag: { mutationSearchResult: false },
    init() {
      this.mutationSearchResult();
    },
    /**
     * 监听搜索结果改变
     */
    mutationSearchResult() {
      if (this.$flag.mutationSearchResult) {
        return;
      }
      this.$flag.mutationSearchResult = true;
      addStyle(
        /*css*/
        `
        .bangumi-list{
            padding: 0 10px;
        }
        `
      );
      utils.mutationObserver(document, {
        config: {
          subtree: true,
          childList: true
        },
        callback: utils.debounce(() => {
          document.querySelectorAll(".m-search-bangumi-item").forEach(($bangumiItem) => {
            let vueIns = VueUtils.getVue($bangumiItem);
            if (!vueIns) {
              return;
            }
            let info = vueIns.info;
            if (!info) {
              return;
            }
            let $newBangumiItem = BilibiliExtraSearch.createSearchResultVideoItem(info);
            domUtils.after($bangumiItem, $newBangumiItem);
            $bangumiItem.remove();
          });
        })
      });
    }
  };
  const BilibiliSearchVueProp = {
    init() {
      Panel.execMenuOnce("bili-search-vue-prop-noCallApp", () => {
        this.noCallApp();
      });
      Panel.execMenuOnce("bili-search-vue-prop-openAppDialog", () => {
        this.openAppDialog();
      });
    },
    /**
     * 该属性会让点击搜索结果弹出打开哔哩哔哩app的弹窗
     * + __vue__.noCallApp
     */
    noCallApp() {
      let lockFn = new utils.LockFunction(() => {
        $$(
          ".video-list .card-box > div:not([data-gm-inject-no-call-app])"
        ).forEach(($card) => {
          let vueIns = VueUtils.getVue($card);
          if (!vueIns) {
            return;
          }
          if (typeof vueIns.noCallApp === "boolean") {
            Object.defineProperty(vueIns, "noCallApp", {
              value: true,
              writable: false,
              enumerable: true,
              configurable: true
            });
            $card.setAttribute("data-gm-inject-no-call-app", "true");
          }
        });
      });
      utils.mutationObserver(document, {
        config: {
          subtree: true,
          childList: true
        },
        callback() {
          lockFn.run();
        }
      });
    },
    /**
     * 该属性会让点击搜索结果弹出打开哔哩哔哩app的弹窗
     * + __vue__.openAppDialog
     */
    openAppDialog() {
      let lockFn = new utils.LockFunction(() => {
        $$(
          ".video-list .card-box > div:not([data-gm-inject-openAppDialog])"
        ).forEach(($card) => {
          let vueIns = VueUtils.getVue($card);
          if (!vueIns) {
            return;
          }
          if (typeof vueIns.openAppDialog === "boolean") {
            Object.defineProperty(vueIns, "openAppDialog", {
              value: false,
              writable: false,
              enumerable: true,
              configurable: true
            });
            $card.setAttribute("data-gm-inject-openAppDialog", "true");
          }
        });
      });
      utils.mutationObserver(document, {
        config: {
          subtree: true,
          childList: true
        },
        callback() {
          lockFn.run();
        }
      });
    }
  };
  const BilibiliSearch = {
    init() {
      if (BilibiliRouter.isSearchResult()) {
        BilibiliExtraSearch.init();
      }
      BilibiliSearchVueProp.init();
      Panel.execMenuOnce("bili-search-cover-cancel", () => {
        this.coverCancel();
      });
      Panel.execMenu("bili-search-beautifySearchResult", () => {
        BilibiliSearchBeautify.init();
      });
      Panel.execMenuOnce("bili-search-cover-card-result-click-event", () => {
        this.coverCardResultClickEvent();
      });
      domUtils.ready(() => {
        Panel.execMenu("bili-search-inputAutoFocus", () => {
          this.inputAutoFocus();
        });
      });
    },
    /**
     * 覆盖【取消】按钮的点击事件
     */
    coverCancel() {
      log$1.info("覆盖【取消】按钮的点击事件");
      domUtils.on(
        document,
        "click",
        "a.cancel",
        (event) => {
          log$1.info(`点击取消按钮`);
          utils.preventEvent(event);
          window.history.back();
        },
        { capture: true }
      );
    },
    /**
     * 输入框自动获取焦点
     */
    inputAutoFocus() {
      let searchParams = new URLSearchParams(window.location.search);
      if (searchParams.has("keyword")) {
        log$1.warn(`当前在搜索结果页面，不执行输入框自动获取焦点`);
        return;
      }
      log$1.info(`输入框自动获取焦点`);
      utils.waitNode(
        `.m-search .m-search-search-bar input[type="search"]`,
        1e4
      ).then(($input) => {
        if (!$input) {
          log$1.error("获取输入框失败");
          return;
        }
        $input.focus();
      });
    },
    /**
     * 覆盖搜索结果点击事件
     */
    coverCardResultClickEvent() {
      log$1.info(`覆盖搜索结果点击事件`);
      domUtils.on(
        document,
        "click",
        ".video-list .card-box > div",
        (evt, selectorTarget) => {
          let $card = selectorTarget;
          let vueIns = VueUtils.getVue($card);
          if (!vueIns) {
            return;
          }
          let cardClick = vueIns.cardClick;
          if (typeof cardClick !== "function") {
            return;
          }
          utils.preventEvent(evt);
          cardClick(evt);
        },
        {
          capture: true
        }
      );
    }
  };
  const BilibiliLiveBlockNode = {
    init() {
      Panel.execMenuOnce("bili-live-block-chatRoom", () => {
        return this.blockChatRoom();
      });
      Panel.execMenuOnce("bili-live-block-brush-prompt", () => {
        return this.blockBrushPrompt();
      });
      Panel.execMenuOnce("bili-live-block-control-panel", () => {
        return this.blockControlPanel();
      });
    },
    /**
     * 屏蔽聊天室
     */
    blockChatRoom() {
      log$1.info("屏蔽聊天室");
      return CommonUtil.addBlockCSS("#chat-items");
    },
    /**
     * 屏蔽xxx进入直播间
     */
    blockBrushPrompt() {
      log$1.info("屏蔽xxx进入直播间");
      return CommonUtil.addBlockCSS("#brush-prompt");
    },
    /**
     * 屏蔽底部工具栏
     */
    blockControlPanel() {
      log$1.info("屏蔽底部工具栏");
      return CommonUtil.addBlockCSS(".control-panel");
    }
  };
  const BilibiliLive = {
    init() {
      BilibiliLiveBlockNode.init();
      Panel.execMenuOnce("bili-live-prevent-openAppBtn", () => {
        this.preventOpenAppBtn();
      });
    },
    /**
     * 阻止触发打开App
     */
    preventOpenAppBtn() {
      utils.waitNode("body").then(($body) => {
        log$1.info("阻止.open-app-btn元素触发点击事件");
        domUtils.on(
          $body,
          "click",
          ".open-app-btn",
          function(event) {
            utils.preventEvent(event);
          },
          {
            capture: true
          }
        );
        domUtils.on(
          $body,
          "click",
          "#web-player-controller-wrap-el",
          function(event) {
            utils.preventEvent(event);
          },
          {
            capture: true
          }
        );
      });
    }
  };
  const BilibiliOpusVariable = {
    $data: {
      dispatchCallBackList: []
    },
    init() {
      Panel.execMenu("bili-opus-variable-autoOpenApp", () => {
        this.autoOpenApp();
      });
      Panel.execMenu("bili-opus-variable-go404", () => {
        this.go404();
      });
      Panel.execMenu("bili-opus-variable-handleFallback", () => {
        this.dispatch((vueInstance, fnName) => {
          if (typeof fnName === "string" && fnName === "opus/handleFallback" && ![1, 2].includes(vueInstance.fallback.type)) {
            log$1.success(`禁止调用handleFallback函数前往404`);
            if (typeof vueInstance?.showComment === "boolean" && vueInstance.showComment && typeof vueInstance?.initFullComment === "function") {
              vueInstance.initFullComment();
            }
            return false;
          }
        });
      });
    },
    /**
     * isLimit=false
     *
     * 作用：自动展开全文
     */
    isLimit() {
      log$1.info(`等待 观察并覆盖变量isLimit`);
      VueUtils.watchVuePropChange(
        BilibiliData.className.opus,
        (vueInstance) => vueInstance.isLimit,
        (vueInstance) => {
          vueInstance.isLimit = false;
          log$1.success(`观察者：覆盖变量isLimit=false`);
        }
      );
    },
    /**
     * 覆盖函数autoOpenApp
     */
    autoOpenApp() {
      VueUtils.waitVuePropToSet(BilibiliData.className.opus, {
        msg: "等待 覆盖函数autoOpenApp",
        check(vueInstance) {
          return typeof vueInstance?.autoOpenApp === "function";
        },
        set(vueInstance) {
          log$1.success(`成功 覆盖函数autoOpenApp`);
          vueInstance.autoOpenApp = function() {
            log$1.success(`禁止调用autoOpenApp函数`);
          };
        }
      });
    },
    /**
     * 覆盖函数go404
     */
    go404() {
      VueUtils.waitVuePropToSet(BilibiliData.className.opus, {
        msg: "等待 覆盖函数go404",
        check(vueInstance) {
          return typeof vueInstance?.go404 === "function";
        },
        set(vueInstance) {
          log$1.success(`成功 覆盖函数go404`);
          vueInstance.go404 = function() {
            log$1.success(`禁止调用go404函数`);
          };
        }
      });
    },
    /**
     * 覆盖对象fallback
     *
     */
    fallback() {
      VueUtils.waitVuePropToSet(BilibiliData.className.opus, {
        msg: "等待 覆盖对象fallback",
        check(vueInstance) {
          return typeof vueInstance?.fallback?.type === "number";
        },
        set(vueInstance) {
          log$1.success(`成功 覆盖对象fallback`);
          vueInstance.$watch(
            () => vueInstance?.fallback,
            () => {
              vueInstance.fallback = null;
              log$1.success(`覆盖对象fallback`);
            },
            {
              deep: true,
              immediate: true
            }
          );
        }
      });
    },
    /**
     * 覆盖函数dispatch
     */
    dispatch(callback) {
      let callbackStr = callback.toString();
      for (let index = 0; index < this.$data.dispatchCallBackList.length; index++) {
        const fn = this.$data.dispatchCallBackList[index];
        if (fn.toString() === callbackStr) {
          return;
        }
      }
      log$1.info(`添加dispatch回调判断`);
      this.$data.dispatchCallBackList.push(callback);
      if (this.$data.dispatchCallBackList.length > 1) {
        return;
      }
      const that = this;
      VueUtils.waitVuePropToSet(BilibiliData.className.opus, {
        msg: "等待 覆盖函数dispatch",
        check(vueInstance) {
          return typeof vueInstance?.$store?.dispatch === "function";
        },
        set(vueInstance) {
          log$1.success(`成功 覆盖函数dispatch`);
          let originDispatch = vueInstance.$store.dispatch;
          vueInstance.$store.dispatch = function(...args) {
            let fnName = args[0];
            for (let index = 0; index < that.$data.dispatchCallBackList.length; index++) {
              const fn = that.$data.dispatchCallBackList[index];
              if (typeof fn === "function") {
                let result = fn(vueInstance, fnName);
                if (typeof result === "boolean" && !result) {
                  return;
                }
              }
            }
            return Reflect.apply(originDispatch, this, args);
          };
        }
      });
    }
  };
  const BilibiliOpus = {
    init() {
      BilibiliOpusVariable.init();
      Panel.execMenuOnce("bili-opus-cover-topicJump", () => {
        this.coverTopicJump();
      });
      Panel.execMenuOnce("bili-opus-automaticallyExpandToReadFullText", () => {
        BilibiliOpusVariable.isLimit();
        return this.automaticallyExpandToReadFullText();
      });
      Panel.execMenuOnce("bili-opus-cover-header", () => {
        this.coverHeaderJump();
      });
    },
    /**
     * 覆盖话题跳转点击事件
     */
    coverTopicJump() {
      log$1.info("覆盖话题跳转点击事件");
      domUtils.on(
        document,
        "click",
        BilibiliData.className.opus + " .launch-app-btn.opus-module-topic",
        function(event) {
          let $click = event.target;
          let vueObj = VueUtils.getVue($click);
          if (!vueObj) {
            Qmsg.error("获取话题的__vue__失败");
            return;
          }
          let data2 = vueObj?.$props?.data;
          let jump_url = data2?.jump_url;
          if (utils.isNull(jump_url)) {
            Qmsg.error("获取话题的jump_url失败");
            return;
          }
          log$1.info("话题的跳转信息: ", data2);
          BilibiliUtils.goToUrl(jump_url);
        },
        {
          capture: true
        }
      );
    },
    /**
     * 自动展开阅读全文
     */
    automaticallyExpandToReadFullText() {
      log$1.info("自动展开阅读全文");
      let result = [
        CommonUtil.addBlockCSS(BilibiliData.className.opus + " .opus-read-more"),
        addStyle(
          /*css*/
          `
			${BilibiliData.className.opus} .opus-module-content{
				overflow: unset !important;
				max-height: unset !important;
			}
			`
        )
      ];
      return result;
    },
    /**
     * 覆盖header点击事件
     */
    coverHeaderJump() {
      log$1.info("覆盖header点击事件");
      domUtils.on(
        document,
        "click",
        BilibiliData.className.opus + " .opus-module-author",
        function(event) {
          utils.preventEvent(event);
          let $click = event.target;
          let vueObj = VueUtils.getVue($click);
          if (!vueObj) {
            Qmsg.error("获取vue属性失败");
            return;
          }
          let mid = vueObj?.data?.mid;
          if (!mid) {
            Qmsg.error("获取mid失败");
            return;
          }
          BilibiliUtils.goToUrl(BilibiliUrl.getUserSpaceUrl(mid));
        },
        {
          capture: true
        }
      );
    }
  };
  const BilibiliDynamic = {
    init() {
      Panel.execMenuOnce("bili-dynamic-cover-topicJump", () => {
        this.coverTopicJump();
      });
      Panel.execMenuOnce("bili-dynamic-cover-atJump", () => {
        this.coverAtJump();
      });
      Panel.execMenuOnce("bili-dynamic-cover-referenceJump", () => {
        this.coverReferenceJump();
      });
      Panel.execMenuOnce("bili-dynamic-cover-header", () => {
        this.coverHeaderJump();
      });
    },
    /**
     * 覆盖header点击事件
     */
    coverHeaderJump() {
      log$1.info("覆盖header点击事件");
      domUtils.on(
        document,
        "click",
        BilibiliData.className.dynamic + " .launch-app-btn .dyn-header",
        function(event) {
          utils.preventEvent(event);
          let $click = event.target;
          let vueObj = VueUtils.getVue($click);
          if (!vueObj) {
            Qmsg.error("获取vue属性失败");
            return;
          }
          let url = vueObj.url;
          if (!url) {
            Qmsg.error("获取url失败");
            return;
          }
          BilibiliUtils.goToUrl(url);
        },
        {
          capture: true
        }
      );
    },
    /**
     * 覆盖话题跳转点击事件
     */
    coverTopicJump() {
      log$1.info("覆盖话题跳转点击事件");
      domUtils.on(
        document,
        "click",
        BilibiliData.className.dynamic + " .launch-app-btn .bili-dyn-topic",
        function(event) {
          utils.preventEvent(event);
          let $click = event.target;
          let vueObj = VueUtils.getVue($click);
          if (!vueObj) {
            Qmsg.error("获取vue属性失败");
            return;
          }
          let data2 = vueObj?.$props?.data;
          let jump_url = data2?.jump_url;
          if (utils.isNull(jump_url)) {
            Qmsg.error("获取jump_url失败");
            return;
          }
          log$1.info("话题的跳转信息: ", data2);
          BilibiliUtils.goToUrl(jump_url);
        },
        {
          capture: true
        }
      );
    },
    /**
     * 覆盖@ 跳转
     */
    coverAtJump() {
      log$1.info("覆盖@ 跳转");
      domUtils.on(
        document,
        "click",
        BilibiliData.className.dynamic + " .at",
        function(event) {
          utils.preventEvent(event);
          let $click = event.target;
          let oid = $click.getAttribute("data-oid") || VueUtils.getVue($click)?.$props?.rid;
          if (utils.isNull(oid)) {
            Qmsg.error("获取data-oid或rid失败");
            return;
          }
          log$1.info("用户的oid: " + oid);
          BilibiliUtils.goToUrl(BilibiliUrl.getUserSpaceDynamicUrl(oid));
        },
        {
          capture: true
        }
      );
    },
    /**
     * 覆盖引用的点击事件
     */
    coverReferenceJump() {
      log$1.info("覆盖引用的点击事件");
      domUtils.on(
        document,
        "click",
        BilibiliData.className.dynamic + " .dyn-content .reference .dyn-orig-author",
        function(event) {
          utils.preventEvent(event);
          let $click = event.target;
          let url = $click.getAttribute("data-url");
          if (!url) {
            Qmsg.error("获取data-url失败");
            return;
          }
          BilibiliUtils.goToUrl(url);
        },
        {
          capture: true
        }
      );
      domUtils.on(
        document,
        "click",
        BilibiliData.className.dynamic + " .dyn-content .reference .dyn-archive",
        function(event) {
          utils.preventEvent(event);
          let $click = event.target;
          let vueObj = VueUtils.getVue($click);
          if (!vueObj) {
            Qmsg.error("获取vue属性失败");
            return;
          }
          let jump_url = vueObj?.data?.jump_url;
          if (utils.isNull(jump_url)) {
            Qmsg.error("获取jump_url失败");
            return;
          }
          BilibiliUtils.goToUrl(jump_url);
        },
        {
          capture: true
        }
      );
    }
  };
  const BilibiliHook = {
    $isHook: {
      windowPlayerAgent: false,
      hookWebpackJsonp_openApp: false,
      overRideLaunchAppBtn_Vue_openApp: false,
      overRideBiliOpenApp: false,
      overRideWxTaghandleClick: false
    },
    $data: {
      setTimeout: []
    },
    /**
     * 劫持webpack
     * @param webpackName 当前全局变量的webpack名
     * @param mainCoreData 需要劫持的webpack的顶部core，例如：(window.webpackJsonp = window.webpackJsonp || []).push([["core:0"],{}])
     * @param checkCallBack 如果mainCoreData匹配上，则调用此回调函数
     */
    windowWebPack(webpackName = "webpackJsonp", mainCoreData, checkCallBack) {
      let originObject = void 0;
      OriginPrototype.Object.defineProperty(_unsafeWindow, webpackName, {
        get() {
          return originObject;
        },
        set(newValue) {
          log$1.success("成功劫持webpack，当前webpack名：" + webpackName);
          originObject = newValue;
          const originPush = originObject.push;
          originObject.push = function(...args) {
            let _mainCoreData = args[0][0];
            if (mainCoreData == _mainCoreData || Array.isArray(mainCoreData) && Array.isArray(_mainCoreData) && JSON.stringify(mainCoreData) === JSON.stringify(_mainCoreData)) {
              Object.keys(args[0][1]).forEach((keyName) => {
                let originSwitchFunc = args[0][1][keyName];
                args[0][1][keyName] = function(..._args) {
                  let result = originSwitchFunc.call(this, ..._args);
                  _args[0] = checkCallBack(_args[0]);
                  return result;
                };
              });
            }
            return originPush.call(this, ...args);
          };
        }
      });
    },
    /**
     * 劫持全局setTimeout
     * + 视频页面/video
     *
     * window.setTimeout
     * @param matchStr 需要进行匹配的函数字符串
     */
    setTimeout(matchStr) {
      this.$data.setTimeout.push(matchStr);
      if (this.$data.setTimeout.length > 1) {
        log$1.info("window.setTimeout hook新增劫持判断参数：" + matchStr);
        return;
      }
      _unsafeWindow.setTimeout = function(...args) {
        let callBackString = args[0].toString();
        if (callBackString.match(matchStr)) {
          log$1.success("劫持setTimeout的函数", callBackString);
          return;
        }
        return OriginPrototype.setTimeout.apply(this, args);
      };
    },
    /**
     * 覆盖元素.launch-app-btn上的openApp
     *
     * 页面上有很多
     */
    overRideLaunchAppBtn_Vue_openApp() {
      if (this.$isHook.overRideLaunchAppBtn_Vue_openApp) {
        return;
      }
      this.$isHook.overRideLaunchAppBtn_Vue_openApp = true;
      function overrideOpenApp(vueObj) {
        if (typeof vueObj.openApp !== "function") {
          return;
        }
        let openAppStr = vueObj.openApp.toString();
        if (openAppStr.includes("阻止唤醒App")) {
          return;
        }
        vueObj.openApp = function(...args) {
          log$1.success("openApp：阻止唤醒App", args);
        };
      }
      utils.mutationObserver(document, {
        config: {
          subtree: true,
          childList: true,
          attributes: true
        },
        immediate: true,
        callback() {
          document.querySelectorAll(".launch-app-btn").forEach(($launchAppBtn) => {
            let vueObj = VueUtils.getVue($launchAppBtn);
            if (!vueObj) {
              return;
            }
            overrideOpenApp(vueObj);
            if (vueObj.$children && vueObj.$children.length) {
              vueObj.$children.forEach(($child) => {
                overrideOpenApp($child);
              });
            }
          });
        }
      });
    },
    /**
     * 覆盖元素bili-open-app上的opener.open
     *
     * 页面上有很多
     */
    overRideBiliOpenApp() {
      if (this.$isHook.overRideBiliOpenApp) {
        return;
      }
      this.$isHook.overRideBiliOpenApp = true;
      utils.mutationObserver(document, {
        config: {
          subtree: true,
          childList: true,
          attributes: true
        },
        immediate: true,
        callback() {
          [
            ...Array.from($$("bili-open-app")),
            ...Array.from($$("m-open-app"))
          ].forEach(($biliOpenApp) => {
            if ($biliOpenApp.hasAttribute("data-inject-opener-open")) {
              return;
            }
            let opener = Reflect.get($biliOpenApp, "opener");
            if (opener == null) {
              return;
            }
            let originOpen = opener?.open;
            if (typeof originOpen === "function") {
              Reflect.set(opener, "open", (config) => {
                log$1.success(
                  `拦截bili-open-app.open跳转: ${JSON.stringify(config)}`
                );
                if (typeof config?.universalLink === "string") {
                  BilibiliUtils.goToUrl(config.universalLink);
                }
              });
              $biliOpenApp.setAttribute("data-inject-opener-open", "true");
            }
          });
        }
      });
    },
    /**
     * 覆盖页面上的className为wx-tag的元素的点击事件
     */
    overRideWxTaghandleClick() {
      if (this.$isHook.overRideWxTaghandleClick) {
        return;
      }
      this.$isHook.overRideWxTaghandleClick = true;
      utils.mutationObserver(document, {
        config: {
          subtree: true,
          childList: true,
          attributes: true
        },
        immediate: true,
        callback() {
          [...Array.from($$(".wx-tag"))].forEach(($el) => {
            if ($el.hasAttribute("data-inject-vueins-handle-click")) {
              return;
            }
            let vueIns = VueUtils.getVue($el);
            if (vueIns) {
              if (typeof vueIns?.handleClick === "function") {
                vueIns.handleClick = function() {
                  if (typeof vueIns["goToVideo"] === "function") {
                    vueIns.goToVideo();
                  } else {
                    Qmsg.error(".wx-tag不存在goToVideo函数", {
                      consoleLogContent: true
                    });
                  }
                };
                $el.setAttribute("data-inject-vueins-handle-click", "true");
              }
              if (Array.isArray(vueIns?.$children) && vueIns.$children.length && typeof vueIns.$children[0].handleClick === "function") {
                vueIns.$children[0].handleClick = vueIns.handleClick;
              }
            }
          });
        }
      });
    }
  };
  const BilibiliRecommendCSS = '#app .m-head .m-recommend-view {\r\n	display: none;\r\n}\r\n\r\n#app\r\n	.m-head\r\n	.suspension\r\n	.channel-menu:has(.recommend-tag.is-avtive)\r\n	.v-switcher__header__anchor {\r\n	display: none !important;\r\n}\r\n#app\r\n	.m-head\r\n	.suspension\r\n	.channel-menu:has(.recommend-tag.is-avtive)\r\n	a.v-switcher__header__tabs__item {\r\n	color: #505050 !important;\r\n}\r\n#app\r\n	.m-head\r\n	.suspension\r\n	.channel-menu:has(.recommend-tag.is-avtive)\r\n	a.recommend-tag {\r\n	color: var(--bili-color) !important;\r\n}\r\n#app\r\n	.m-head\r\n	.suspension\r\n	.channel-menu:has(.recommend-tag.is-avtive)\r\n	a.recommend-tag\r\n	span:after {\r\n	content: " ";\r\n	position: relative;\r\n	background: var(--bili-color);\r\n	width: 30.4375px;\r\n	height: 0.53333vmin;\r\n	display: block;\r\n	bottom: 3px;\r\n}\r\n\r\n#app .m-head:has(.recommend-tag.is-avtive) .suspension + div {\r\n	display: none;\r\n}\r\n#app .m-head:has(.recommend-tag.is-avtive) .m-recommend-view {\r\n	display: unset;\r\n}\r\n\r\n#app .m-head .m-recommend-view {\r\n	background-color: #f0f1f3;\r\n}\r\n#app .m-head .m-recommend-view .list-view .video-list-box .video-list {\r\n	padding: 0 1.33333vmin;\r\n	margin-bottom: 5.33333vmin;\r\n}\r\n#app\r\n	.m-head\r\n	.m-recommend-view\r\n	.list-view\r\n	.video-list-box\r\n	.video-list\r\n	.card-box {\r\n	display: -webkit-box;\r\n	display: -ms-flexbox;\r\n	display: flex;\r\n	-ms-flex-wrap: wrap;\r\n	flex-wrap: wrap;\r\n}\r\n#app\r\n	.m-head\r\n	.m-recommend-view\r\n	.list-view\r\n	.video-list-box\r\n	.video-list\r\n	.card-box\r\n	.v-card\r\n	.card {\r\n	position: relative;\r\n}\r\n#app\r\n	.m-head\r\n	.m-recommend-view\r\n	.list-view\r\n	.video-list-box\r\n	.video-list\r\n	.card-box\r\n	.v-card\r\n	.card\r\n	.bfs-img-wrap {\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	overflow: hidden;\r\n}\r\n#app\r\n	.m-head\r\n	.m-recommend-view\r\n	.list-view\r\n	.video-list-box\r\n	.video-list\r\n	.card-box\r\n	.v-card\r\n	.card\r\n	.bfs-img-wrap\r\n	.bfs-img.b-img {\r\n	position: relative;\r\n	width: 100%;\r\n	height: 100%;\r\n	overflow: hidden;\r\n	background: transparent;\r\n}\r\n#app\r\n	.m-head\r\n	.m-recommend-view\r\n	.list-view\r\n	.video-list-box\r\n	.video-list\r\n	.card-box\r\n	.v-card\r\n	.card\r\n	.bfs-img-wrap\r\n	.bfs-img.b-img\r\n	picture.b-img__inner {\r\n	display: block;\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\n#app\r\n	.m-head\r\n	.m-recommend-view\r\n	.list-view\r\n	.video-list-box\r\n	.video-list\r\n	.card-box\r\n	.v-card\r\n	.card\r\n	.bfs-img-wrap\r\n	.bfs-img.b-img\r\n	picture.b-img__inner\r\n	img {\r\n	width: 100%;\r\n	height: 100%;\r\n	-o-object-fit: cover;\r\n	object-fit: cover;\r\n}\r\n#app\r\n	.m-head\r\n	.m-recommend-view\r\n	.list-view\r\n	.video-list-box\r\n	.video-list\r\n	.card-box\r\n	.v-card\r\n	.card\r\n	.count {\r\n	position: absolute;\r\n	bottom: 0;\r\n	left: 0;\r\n	width: 100%;\r\n	font-size: 3.2vmin;\r\n	padding: 1.33333vmin 1.6vmin;\r\n	display: -webkit-box;\r\n	display: -ms-flexbox;\r\n	display: flex;\r\n	-webkit-box-pack: justify;\r\n	-ms-flex-pack: justify;\r\n	justify-content: space-between;\r\n	color: #fff;\r\n	background: linear-gradient(0deg, rgba(0, 0, 0, 0.85), transparent);\r\n}\r\n#app\r\n	.m-head\r\n	.m-recommend-view\r\n	.list-view\r\n	.video-list-box\r\n	.video-list\r\n	.card-box\r\n	.v-card\r\n	.title {\r\n	font-size: 3.2vmin;\r\n	color: #212121;\r\n	margin-top: 1.6vmin;\r\n	overflow: hidden;\r\n	text-overflow: ellipsis;\r\n	display: -webkit-box;\r\n	-webkit-line-clamp: 2;\r\n	-webkit-box-orient: vertical;\r\n}\r\n#app\r\n	.m-head\r\n	.m-recommend-view\r\n	.list-view\r\n	.video-list-box\r\n	.video-list\r\n	.card-box\r\n	.v-card\r\n	.gm-up-info\r\n	.gm-up-name\r\n	.gm-picture-text {\r\n	padding: 1px 4px;\r\n	border: 1px solid var(--bili-color);\r\n	color: var(--bili-color);\r\n	border-radius: 2px;\r\n	margin-right: 4px;\r\n	font-size: 2vmin;\r\n}\r\n\r\n#app\r\n	.m-head\r\n	.m-recommend-view\r\n	.list-view\r\n	.video-list-box\r\n	.video-list\r\n	.card-box\r\n	.v-card\r\n	.count\r\n	> span {\r\n	display: flex;\r\n	align-items: center;\r\n	gap: 1.33333vmin;\r\n}\r\n';
  var XOR_CODE = 23442827791579n;
  var MAX_AID = 1n << 51n;
  var BASE = 58n;
  var data = "FcwAPNKTMug3GV5Lj7EJnHpWsx4tb8haYeviqBz6rkCy12mUSDQX9RdoZf";
  function av2bv(aid) {
    const bytes = ["B", "V", "1", "0", "0", "0", "0", "0", "0", "0", "0", "0"];
    let bvIndex = bytes.length - 1;
    let tmp = (MAX_AID | BigInt(aid)) ^ XOR_CODE;
    while (tmp > 0) {
      bytes[bvIndex] = data[Number(tmp % BigInt(BASE))];
      tmp = tmp / BASE;
      bvIndex -= 1;
    }
    [bytes[3], bytes[9]] = [bytes[9], bytes[3]];
    [bytes[4], bytes[7]] = [bytes[7], bytes[4]];
    return bytes.join("");
  }
  const fixCover = (url) => {
    if (url.startsWith("http://")) {
      url = url.replace(/^http/, "https");
    }
    return url;
  };
  const BilibiliRecommend = {
    $flag: {
      /** 是否已初始化CSS */
      isInitCSS: false,
      /** 是否正在加载下一页 */
      isLoadingNextPage: false
    },
    $data: {
      /** 监听滚动的观察器 */
      intersectionObserver: null,
      /** 加载推荐视频次数 */
      loadNums: 0
    },
    $ele: {
      $listView: null,
      $videoListBox: null,
      $videoList: null,
      $cardBox: null,
      $listViewShim: null
    },
    $cardGoto: {
      av: "av",
      picture: "picture"
    },
    init() {
      this.setCSS();
      domUtils.ready(() => {
        this.addRecommendTag();
      });
    },
    setCSS() {
      if (this.$flag.isInitCSS) {
        return;
      }
      this.$flag.isInitCSS = true;
      addStyle(BilibiliRecommendCSS);
    },
    /**
     * 重置状态
     */
    reset() {
      log$1.info("重置状态");
      this.$flag.isLoadingNextPage = false;
      this.removeScrollEvent();
      Object.keys(this.$ele).forEach((key) => {
        this.$ele[key] = null;
      });
    },
    /**
     * 添加推荐标签
     */
    addRecommendTag() {
      if (document.querySelector(".channel-menu a.recommend-tag")) {
        return;
      }
      let $vSwitcher = document.querySelector(
        ".channel-menu .v-switcher"
      );
      if (!$vSwitcher) {
        log$1.error("添加推荐标签失败，原因：.channel-menu .v-switcher不存在");
        Qmsg.error("添加推荐标签失败，原因：.channel-menu .v-switcher不存在");
        return;
      }
      let $recommendTag = domUtils.createElement(
        "a",
        {
          className: "v-switcher__header__tabs__item recommend-tag",
          innerHTML: "<span>推荐</span>"
        },
        {
          href: "javascript:;"
        }
      );
      let $recommendView = domUtils.createElement("div", {
        className: "m-recommend-view",
        innerHTML: (
          /*html*/
          `
            <div class="list-view">
                <div class="video-list-box">
                    <div class="video-list">
                        <div class="card-box">

                        </div>
                    </div>
                </div>
                <div class="list-view__shim">

				</div>
            </div>
            `
        )
      });
      this.$ele.$listView = $recommendView.querySelector(
        ".list-view"
      );
      this.$ele.$videoListBox = $recommendView.querySelector(
        ".video-list-box"
      );
      this.$ele.$videoList = $recommendView.querySelector(
        ".video-list"
      );
      this.$ele.$cardBox = $recommendView.querySelector(
        ".card-box"
      );
      this.$ele.$listViewShim = $recommendView.querySelector(
        ".list-view__shim"
      );
      this.$ele.$listViewShim.style.cssText = `z-index:-1;user-select:none;pointer-events:none;background:transparent;left:0;bottom:0;width:100%;height:200px;`;
      let $myHead = document.querySelector("#app .m-head");
      if ($myHead) {
        $myHead.appendChild($recommendView);
      }
      domUtils.on($recommendTag, "click", (event) => {
        utils.preventEvent(event);
        $recommendTag.classList.add("is-avtive");
        this.recommendClickEvent();
      });
      domUtils.on(
        $vSwitcher,
        "click",
        () => {
          $recommendTag.classList.remove("is-avtive");
        },
        {
          capture: true
        }
      );
      domUtils.on(this.$ele.$cardBox, "click", ".v-card", (event) => {
        utils.preventEvent(event);
        let $click = event.target;
        window.open($click.href, "_blank");
      });
      domUtils.before($vSwitcher, $recommendTag);
      this.setScrollEvent();
      if (window.location.hash === "#/recommend/") {
        log$1.info("当前hash为推荐视频，出动触发");
        $recommendTag.click();
      }
    },
    /**
     * 推荐标签的点击事件（切换router）
     */
    async recommendClickEvent() {
      BilibiliUtils.goToUrl("#/recommend/", true);
    },
    /**
     * 设置滚动观察事件
     */
    setScrollEvent() {
      log$1.success("推荐视频监听滚动: IntersectionObserver");
      this.$data.intersectionObserver = new IntersectionObserver(
        async (entries) => {
          if (!this.$flag.isLoadingNextPage && entries[0].isIntersecting) {
            this.$flag.isLoadingNextPage = true;
            let flag = await this.scrollEvent();
            this.$flag.isLoadingNextPage = false;
            if (this.$data.loadNums <= 1 && flag) {
              domUtils.hide(this.$ele.$listViewShim, false);
              await utils.sleep(500);
              domUtils.show(this.$ele.$listViewShim, false);
            } else {
              domUtils.show(this.$ele.$listViewShim, false);
            }
          }
        },
        { threshold: 0, rootMargin: "0px 0px 0px 0px" }
      );
      this.$data.intersectionObserver.observe(this.$ele.$listViewShim);
    },
    /**
     * 移除滚动观察事件
     */
    removeScrollEvent() {
      this.$data.intersectionObserver?.disconnect();
      this.$data.intersectionObserver = null;
    },
    /**
     * 滚动事件
     */
    async scrollEvent() {
      let videoInfo = await this.getRecommendVideoInfo();
      if (!videoInfo) {
        return false;
      }
      log$1.success("获取推荐视频信息", videoInfo);
      let $fragment = document.createDocumentFragment();
      let allowLoadPictureCard = Panel.getValue(
        "bili-head-recommend-push-graphic"
      );
      videoInfo.forEach((videoInfoItem) => {
        let $ele = null;
        if (videoInfoItem.goto === this.$cardGoto.av) {
          $ele = this.getRecommendItemAVElement(
            videoInfoItem
          );
        } else if (videoInfoItem.goto === this.$cardGoto.picture) {
          if (allowLoadPictureCard) {
            $ele = this.getRecommendItemPictureElement(
              videoInfoItem
            );
          } else {
            return;
          }
        } else {
          log$1.error("该goto暂未适配", videoInfoItem);
          return;
        }
        $fragment.appendChild($ele);
      });
      this.$ele.$cardBox.appendChild($fragment);
      this.$data.loadNums++;
      return true;
    },
    /**
     * 获取推荐视频信息
     */
    async getRecommendVideoInfo() {
      let getData = {
        appkey: AppKeyInfo.ios.appkey,
        access_key: BilibiliQrCodeLogin.getAccessTokenInfo()?.access_token || ""
      };
      let Api = "https://app.bilibili.com/x/v2/feed/index";
      let getResp = await httpx.get(
        Api + "?" + utils.toSearchParamsStr(getData),
        {
          headers: {
            "Content-Type": "application/x-www-form-urlencoded"
          }
        }
      );
      if (!getResp.status) {
        return;
      }
      let data2 = utils.toJSON(
        getResp.data.responseText
      );
      if (!BilibiliApiResponseCheck.isWebApiSuccess(data2)) {
        Qmsg.error(data2["message"]);
        return;
      }
      return data2.data.items;
    },
    /**
     * 获取推荐视频的每一个元素 图文
     * + picture
     */
    getRecommendItemPictureElement(data2) {
      let goto = data2.goto;
      let param = data2.param;
      let url = "/opus/" + param;
      let upName = data2.args.up_name;
      let title = data2.title;
      let cover = fixCover(data2.cover);
      let likeCount = data2.cover_left_text_1;
      let $vCard = domUtils.createElement(
        "a",
        {
          className: "v-card",
          href: url,
          innerHTML: `
                <div class="card">
                    <div class="bfs-img-wrap">
                        <div class="bfs-img b-img">
                            <picture class="b-img__inner">
                                <source type="image/webp" srcset="${cover}">
                                <img src="${cover}" alt="${title}">
                            </picture>
                        </div>
                    </div>
                    <div class="count">
                        <span>
                            <i class="iconfont like2"></i>
                            ${likeCount}
                        </span>
                    </div>
                </div>
                <p class="title">${title}</p>
                <div class="gm-up-info">
                    <div class="gm-up-name">
                        <p class="gm-picture-text">图文</p>
                        ${upName}
                    </div>
                    <div class="gm-video-handle">
                        <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
                            <path fill="#2E2F30" d="M512 256a85.333333 85.333333 0 1 1 0-170.666667 85.333333 85.333333 0 0 1 0 170.666667z m0 341.333333a85.333333 85.333333 0 1 1 0-170.666666 85.333333 85.333333 0 0 1 0 170.666666z m0 341.333334a85.333333 85.333333 0 1 1 0-170.666667 85.333333 85.333333 0 0 1 0 170.666667z">
                            </path>
                        </svg>
                    </div>
                </div>
                `
        },
        {
          "data-param": param,
          "data-title": title,
          "data-goto": goto
        }
      );
      $vCard["data-picture"] = data2;
      return $vCard;
    },
    /**
     * 获取推荐视频的每一个元素
     * + av
     */
    getRecommendItemAVElement(data2) {
      let goto = data2.goto;
      let aid = data2?.player_args?.aid || data2.args.aid;
      let bvid = av2bv(aid);
      let url = "/video/" + bvid;
      let upName = data2.args.up_name;
      let title = data2.title;
      let cover = fixCover(data2.cover);
      let playCount = data2.cover_left_text_1;
      let commentCount = data2.cover_left_text_2;
      let videoTime = data2.cover_right_text;
      let $vCard = domUtils.createElement(
        "a",
        {
          className: "v-card",
          href: url,
          innerHTML: (
            /*html*/
            `
                <div class="card">
                    <div class="bfs-img-wrap">
                        <div class="bfs-img b-img">
                            <picture class="b-img__inner">
                                <source type="image/webp" srcset="${cover}">
                                <img src="${cover}" alt="${title}">
                            </picture>
                        </div>
                    </div>
                    <div class="count">
                        <span>
                            <i class="iconfont icon_shipin_bofangshu">
								<svg class="stats-item__icon" style="width: 16px; height: 16px;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16" width="16" height="16"><path d="M8 3.3320333333333334C6.321186666666667 3.3320333333333334 4.855333333333333 3.4174399999999996 3.820593333333333 3.5013466666666666C3.1014733333333333 3.5596599999999996 2.5440733333333334 4.109013333333333 2.48 4.821693333333333C2.4040466666666664 5.666533333333334 2.333333333333333 6.780666666666666 2.333333333333333 7.998666666666666C2.333333333333333 9.216733333333334 2.4040466666666664 10.330866666666665 2.48 11.175699999999999C2.5440733333333334 11.888366666666666 3.1014733333333333 12.437733333333334 3.820593333333333 12.496066666666666C4.855333333333333 12.579933333333333 6.321186666666667 12.665333333333333 8 12.665333333333333C9.678999999999998 12.665333333333333 11.144933333333334 12.579933333333333 12.179733333333333 12.496033333333333C12.898733333333332 12.4377 13.456 11.888533333333331 13.520066666666667 11.176033333333333C13.595999999999998 10.331533333333333 13.666666666666666 9.217633333333332 13.666666666666666 7.998666666666666C13.666666666666666 6.779766666666667 13.595999999999998 5.665846666666667 13.520066666666667 4.821366666666666C13.456 4.108866666666666 12.898733333333332 3.55968 12.179733333333333 3.5013666666666663C11.144933333333334 3.417453333333333 9.678999999999998 3.3320333333333334 8 3.3320333333333334zM3.7397666666666667 2.50462C4.794879999999999 2.41906 6.288386666666666 2.3320333333333334 8 2.3320333333333334C9.7118 2.3320333333333334 11.2054 2.4190733333333334 12.260533333333331 2.5046399999999998C13.458733333333331 2.6018133333333333 14.407866666666665 3.5285199999999994 14.516066666666667 4.73182C14.593933333333332 5.597933333333334 14.666666666666666 6.7427 14.666666666666666 7.998666666666666C14.666666666666666 9.2547 14.593933333333332 10.399466666666665 14.516066666666667 11.2656C14.407866666666665 12.468866666666665 13.458733333333331 13.395566666666667 12.260533333333331 13.492766666666665C11.2054 13.578333333333333 9.7118 13.665333333333333 8 13.665333333333333C6.288386666666666 13.665333333333333 4.794879999999999 13.578333333333333 3.7397666666666667 13.492799999999999C2.541373333333333 13.395599999999998 1.5922066666666668 12.468633333333333 1.4840200000000001 11.265266666666665C1.4061199999999998 10.3988 1.3333333333333333 9.253866666666667 1.3333333333333333 7.998666666666666C1.3333333333333333 6.743533333333333 1.4061199999999998 5.598579999999999 1.4840200000000001 4.732153333333333C1.5922066666666668 3.5287466666666667 2.541373333333333 2.601793333333333 3.7397666666666667 2.50462z" fill="currentColor"></path><path d="M9.8092 7.3125C10.338433333333333 7.618066666666666 10.338433333333333 8.382 9.809166666666666 8.687533333333333L7.690799999999999 9.910599999999999C7.161566666666666 10.216133333333332 6.5 9.8342 6.500006666666666 9.223066666666666L6.500006666666666 6.776999999999999C6.500006666666666 6.165873333333334 7.161566666666666 5.783913333333333 7.690799999999999 6.089479999999999L9.8092 7.3125z" fill="currentColor"></path></svg>
							</i>
                            ${playCount}
                        </span>
                        <span>
                            <i class="iconfont icon_shipin_danmushu">
								<svg class="stats-item__icon" style="width: 16px; height: 16px;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16" width="16" height="16"><path d="M8 3.3320333333333334C6.321186666666667 3.3320333333333334 4.855333333333333 3.4174399999999996 3.820593333333333 3.5013466666666666C3.1014733333333333 3.5596599999999996 2.5440733333333334 4.109013333333333 2.48 4.821693333333333C2.4040466666666664 5.666533333333334 2.333333333333333 6.780666666666666 2.333333333333333 7.998666666666666C2.333333333333333 9.216733333333334 2.4040466666666664 10.330866666666665 2.48 11.175699999999999C2.5440733333333334 11.888366666666666 3.1014733333333333 12.437733333333334 3.820593333333333 12.496066666666666C4.855333333333333 12.579933333333333 6.321186666666667 12.665333333333333 8 12.665333333333333C9.678999999999998 12.665333333333333 11.144933333333334 12.579933333333333 12.179733333333333 12.496033333333333C12.898733333333332 12.4377 13.456 11.888533333333331 13.520066666666667 11.176033333333333C13.595999999999998 10.331533333333333 13.666666666666666 9.217633333333332 13.666666666666666 7.998666666666666C13.666666666666666 6.779766666666667 13.595999999999998 5.665846666666667 13.520066666666667 4.821366666666666C13.456 4.108866666666666 12.898733333333332 3.55968 12.179733333333333 3.5013666666666663C11.144933333333334 3.417453333333333 9.678999999999998 3.3320333333333334 8 3.3320333333333334zM3.7397666666666667 2.50462C4.794879999999999 2.41906 6.288386666666666 2.3320333333333334 8 2.3320333333333334C9.7118 2.3320333333333334 11.2054 2.4190733333333334 12.260533333333331 2.5046399999999998C13.458733333333331 2.6018133333333333 14.407866666666665 3.5285199999999994 14.516066666666667 4.73182C14.593933333333332 5.597933333333334 14.666666666666666 6.7427 14.666666666666666 7.998666666666666C14.666666666666666 9.2547 14.593933333333332 10.399466666666665 14.516066666666667 11.2656C14.407866666666665 12.468866666666665 13.458733333333331 13.395566666666667 12.260533333333331 13.492766666666665C11.2054 13.578333333333333 9.7118 13.665333333333333 8 13.665333333333333C6.288386666666666 13.665333333333333 4.794879999999999 13.578333333333333 3.7397666666666667 13.492799999999999C2.541373333333333 13.395599999999998 1.5922066666666668 12.468633333333333 1.4840200000000001 11.265266666666665C1.4061199999999998 10.3988 1.3333333333333333 9.253866666666667 1.3333333333333333 7.998666666666666C1.3333333333333333 6.743533333333333 1.4061199999999998 5.598579999999999 1.4840200000000001 4.732153333333333C1.5922066666666668 3.5287466666666667 2.541373333333333 2.601793333333333 3.7397666666666667 2.50462z" fill="currentColor"></path><path d="M10.583333333333332 7.166666666666666L6.583333333333333 7.166666666666666C6.307193333333332 7.166666666666666 6.083333333333333 6.942799999999999 6.083333333333333 6.666666666666666C6.083333333333333 6.390526666666666 6.307193333333332 6.166666666666666 6.583333333333333 6.166666666666666L10.583333333333332 6.166666666666666C10.859466666666666 6.166666666666666 11.083333333333332 6.390526666666666 11.083333333333332 6.666666666666666C11.083333333333332 6.942799999999999 10.859466666666666 7.166666666666666 10.583333333333332 7.166666666666666z" fill="currentColor"></path><path d="M11.583333333333332 9.833333333333332L7.583333333333333 9.833333333333332C7.3072 9.833333333333332 7.083333333333333 9.609466666666666 7.083333333333333 9.333333333333332C7.083333333333333 9.0572 7.3072 8.833333333333332 7.583333333333333 8.833333333333332L11.583333333333332 8.833333333333332C11.859466666666666 8.833333333333332 12.083333333333332 9.0572 12.083333333333332 9.333333333333332C12.083333333333332 9.609466666666666 11.859466666666666 9.833333333333332 11.583333333333332 9.833333333333332z" fill="currentColor"></path><path d="M5.25 6.666666666666666C5.25 6.942799999999999 5.02614 7.166666666666666 4.75 7.166666666666666L4.416666666666666 7.166666666666666C4.140526666666666 7.166666666666666 3.9166666666666665 6.942799999999999 3.9166666666666665 6.666666666666666C3.9166666666666665 6.390526666666666 4.140526666666666 6.166666666666666 4.416666666666666 6.166666666666666L4.75 6.166666666666666C5.02614 6.166666666666666 5.25 6.390526666666666 5.25 6.666666666666666z" fill="currentColor"></path><path d="M6.25 9.333333333333332C6.25 9.609466666666666 6.02614 9.833333333333332 5.75 9.833333333333332L5.416666666666666 9.833333333333332C5.140526666666666 9.833333333333332 4.916666666666666 9.609466666666666 4.916666666666666 9.333333333333332C4.916666666666666 9.0572 5.140526666666666 8.833333333333332 5.416666666666666 8.833333333333332L5.75 8.833333333333332C6.02614 8.833333333333332 6.25 9.0572 6.25 9.333333333333332z" fill="currentColor"></path></svg>
							</i>
                            ${commentCount}
                        </span>
                        <span class="gm-video-duration">${videoTime}</span>
                    </div>
                </div>
                <p class="title">${title}</p>
                <div class="gm-up-info">
                    <div class="gm-up-name">
                        <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
                            <path fill="#999A9E" d="M896 736v-448c0-54.4-41.6-96-96-96h-576C169.6 192 128 233.6 128 288v448c0 54.4 41.6 96 96 96h576c54.4 0 96-41.6 96-96zM800 128C889.6 128 960 198.4 960 288v448c0 89.6-70.4 160-160 160h-576C134.4 896 64 825.6 64 736v-448C64 198.4 134.4 128 224 128h576zM419.2 544V326.4h60.8v240c0 96-57.6 144-147.2 144S192 665.6 192 569.6V326.4h60.8v217.6c0 51.2 3.2 108.8 83.2 108.8s83.2-57.6 83.2-108.8z m288-38.4c28.8 0 60.8-16 60.8-60.8 0-48-28.8-60.8-60.8-60.8H614.4v121.6h92.8z m3.2-179.2c102.4 0 121.6 70.4 121.6 115.2 0 48-19.2 115.2-121.6 115.2H614.4V704h-60.8V326.4h156.8z">
                            </path>
                        </svg>
                        ${upName}
                    </div>
                    <div class="gm-video-handle">
                        <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
                            <path fill="#2E2F30" d="M512 256a85.333333 85.333333 0 1 1 0-170.666667 85.333333 85.333333 0 0 1 0 170.666667z m0 341.333333a85.333333 85.333333 0 1 1 0-170.666666 85.333333 85.333333 0 0 1 0 170.666666z m0 341.333334a85.333333 85.333333 0 1 1 0-170.666667 85.333333 85.333333 0 0 1 0 170.666667z">
                            </path>
                        </svg>
                    </div>
                </div>
                `
          )
        },
        {
          "data-aid": aid,
          "data-title": title,
          "data-goto": goto
        }
      );
      $vCard["data-video"] = data2;
      return $vCard;
    }
  };
  const BilibiliHead = {
    $flag: {
      isInit_reconfigurationTinyAppSettingButton: false,
      isInit_beautifyTopNavBar_css: false
    },
    init() {
      Panel.execMenuOnce(
        "bili-head-supplementaryVideoStreamingInformation",
        () => {
          this.addVideoListUPInfo();
        }
      );
      Panel.execMenu("bili-head-recommend-enable", () => {
        BilibiliRecommend.init();
      });
    },
    /**
     * 添加视频列表UP主信息
     */
    addVideoListUPInfo() {
      log$1.info("添加视频列表UP主信息");
      addStyle(
        /*css*/
        `
		${BilibiliData.className.head} .video-list .card-box .gm-up-info {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: var(--pd-width);
		}
		${BilibiliData.className.head} .video-list .card-box .gm-up-info .gm-up-name {
			display: flex;
			align-items: center;
			font-size: 3vmin;
			color: #999A9E;
		}
		${BilibiliData.className.head} .video-list .card-box .gm-up-info .gm-up-name svg {
			margin-right: calc(var(--pd-width) / 2);
			width: 3vmin;
			height: 3vmin;
		}
		${BilibiliData.className.head} .gm-video-duration{
			margin: 0 auto;
		}
        `
      );
      utils.waitNode(
        BilibiliData.className.head + " .video-list .card-box"
      ).then(() => {
        let lockFunc = new utils.LockFunction(() => {
          document.querySelectorAll(
            BilibiliData.className.head + " .video-list .card-box .v-card"
          ).forEach(($vcard) => {
            let vueObj = VueUtils.getVue($vcard);
            let upName = vueObj?.info?.author?.name || vueObj?.info?.owner?.name;
            let duration = vueObj?.info?.duration;
            if (upName && !$vcard.querySelector(".gm-up-info")) {
              let $upInfo = document.createElement("div");
              $upInfo.innerHTML = /*html*/
              `
                                    <div class="gm-up-name">
                                        <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
                                            <path fill="#999A9E" d="M896 736v-448c0-54.4-41.6-96-96-96h-576C169.6 192 128 233.6 128 288v448c0 54.4 41.6 96 96 96h576c54.4 0 96-41.6 96-96zM800 128C889.6 128 960 198.4 960 288v448c0 89.6-70.4 160-160 160h-576C134.4 896 64 825.6 64 736v-448C64 198.4 134.4 128 224 128h576zM419.2 544V326.4h60.8v240c0 96-57.6 144-147.2 144S192 665.6 192 569.6V326.4h60.8v217.6c0 51.2 3.2 108.8 83.2 108.8s83.2-57.6 83.2-108.8z m288-38.4c28.8 0 60.8-16 60.8-60.8 0-48-28.8-60.8-60.8-60.8H614.4v121.6h92.8z m3.2-179.2c102.4 0 121.6 70.4 121.6 115.2 0 48-19.2 115.2-121.6 115.2H614.4V704h-60.8V326.4h156.8z">
                                            </path>
                                        </svg>
                                        ${upName}
                                    </div>
                                    <div class="gm-video-handle">
                                        <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
                                            <path fill="#2E2F30" d="M512 256a85.333333 85.333333 0 1 1 0-170.666667 85.333333 85.333333 0 0 1 0 170.666667z m0 341.333333a85.333333 85.333333 0 1 1 0-170.666666 85.333333 85.333333 0 0 1 0 170.666666z m0 341.333334a85.333333 85.333333 0 1 1 0-170.666667 85.333333 85.333333 0 0 1 0 170.666667z">
                                            </path>
                                        </svg>
                                    </div>`;
              $upInfo.className = "gm-up-info";
              $vcard.appendChild($upInfo);
            }
            if (duration) {
              let $count = $vcard.querySelector(".count");
              if ($count && !$count.querySelector(".gm-video-duration")) {
                let showDuration = typeof duration === "string" ? duration : BilibiliUtils.parseDuration(duration);
                let $duration = document.createElement("span");
                $duration.className = "gm-video-duration";
                $duration.innerHTML = showDuration;
                $count.appendChild($duration);
              }
            }
          });
        }, 25);
        utils.mutationObserver(document.body, {
          config: {
            subtree: true,
            childList: true,
            attributes: true
          },
          callback() {
            lockFunc.run();
          }
        });
      });
    },
    /**
     * 重构tinyApp右上角的设置按钮图标，改为用户头像什么的
     */
    async reconfigurationTinyAppSettingButton() {
      log$1.info(`重构tinyApp右上角的设置按钮图标`);
      if (!this.$flag.isInit_reconfigurationTinyAppSettingButton) {
        this.$flag.isInit_reconfigurationTinyAppSettingButton = true;
        addStyle(
          /*css*/
          `

			.nav-bar .right{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
			}
			.gm-face{
				width: 6.4vmin;
				height: 6.4vmin;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				margin-right: 3.2vmin;
				border-radius: 3.2vmin;
				overflow: hidden;
			}
			.gm-face-avatar{
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
			.gm-face-avatar img{
				width: 100%;
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
			}
			`
        );
      }
      let $iconConfig = await utils.waitNode(".nav-bar .icon-config", 1e4);
      if (!$iconConfig) {
        log$1.error("未找到设置按钮图标，无法重构");
        return;
      }
      $iconConfig.outerHTML = /*html*/
      `
		<div class="gm-face">
			<div class="gm-face-avatar">
				<img src="http://i0.hdslb.com/bfs/face/member/noface.jpg">
			</div>
		</div>
		`;
      let isLogin = false;
      let uid = null;
      let $gmFace = document.querySelector(".gm-face");
      let $img = $gmFace.querySelector("img");
      VueUtils.waitVuePropToSet("#app", [
        {
          check(vueIns) {
            return typeof vueIns?.$store?.state?.common?.userInfo?.isLogin === "boolean";
          },
          set(vueIns) {
            let userInfo = vueIns?.$store?.state?.common?.userInfo;
            isLogin = userInfo?.isLogin;
            if (isLogin) {
              uid = userInfo?.mid;
              if (uid == null) {
                log$1.warn(`当前是脚本设置的isLogin但其实未登录账号`);
                isLogin = false;
                return;
              }
              userInfo?.uname;
              $img.src = userInfo?.face || $img.src;
            } else {
              log$1.warn(`经检测，Bilibili尚未登录账号`);
            }
          }
        }
      ]);
      domUtils.on($gmFace, "click", (event) => {
        utils.preventEvent(event);
        if (isLogin) {
          if (uid != null) {
            let url = BilibiliUrl.getUserSpaceUrl(uid);
            BilibiliUtils.goToUrl(url, false);
          } else {
            Qmsg.error("获取用户id失败");
          }
        } else {
          BilibiliUtils.goToLogin(window.location.href);
        }
      });
    },
    /**
     * 美化顶部navbar
     */
    beautifyTopNavBar() {
      log$1.info(`美化顶部navbar`);
      if (!this.$flag.isInit_beautifyTopNavBar_css) {
        this.$flag.isInit_beautifyTopNavBar_css = true;
        addStyle(
          /*css*/
          `
			/* 隐藏logo */
			.${BilibiliData.className.head} .m-navbar .logo,
			/* 隐藏原有的搜索图标 */
			.${BilibiliData.className.head} .m-navbar .icon-search{
				display: none !important;
			}
			/* 设置右侧的宽度撑开、逆反 */
			.${BilibiliData.className.head} .m-navbar .right{
				width: 100%;
				display: flex;
				flex-direction: row-reverse;
				justify-content: flex-end;
			}
			/* 头像 */
			.${BilibiliData.className.head} .m-navbar .gm-face{
				flex: 0 auto;
				margin-top: 1.86667vmin;
			}
			/* 新的输入框 */
			.${BilibiliData.className.head} .m-navbar .gm-input-area{
				flex: 1;
				margin-top: 1.86667vmin;
				height: 8vmin;
				line-height: 8vmin;
				padding: 0 3.2vmin;
				background: #f4f4f4;
				border-radius: 4.53333vmin;
				display: flex;
			}
			/* 输入框前面的搜索图标 */
			.${BilibiliData.className.head} .m-navbar .gm-input-area .ic_search_tab{
				color: #a0a0a0;
				vertical-align: middle;
				font-size: 4.33333vmin;
			}
			/* 输入框内容 */
			.${BilibiliData.className.head} .m-navbar .gm-input-area input[type="search"]{
				font-size: 3.46667vmin;
				color: #505050;
				border: none;
				background: transparent;
				width: 61.33333vmin;
				user-select: none !important;!i;!;
				padding-left: 2.122vmin;
				pointer-events: none;
			}
			/* 调整首页顶部搜索框的样式 */
			.${BilibiliData.className.head} .m-navbar .right .search {
				border: 1px solid #ccc;
				width: 100% !important;
				height: auto !important;
				border-radius: 1rem;
				display: flex;
				align-items: center;
				padding: 2px 6px;
			}
			`
        );
      }
      utils.waitNode(".m-head .m-navbar .icon-search", 1e4).then(async ($iconSearch) => {
        if (!$iconSearch) {
          return;
        }
        if ($iconSearch.parentElement.querySelector(".gm-input-area")) {
          return;
        }
        let $inputAreaContainer = domUtils.createElement("div", {
          className: "gm-input-area",
          innerHTML: (
            /*html*/
            `
						<i class="iconfont ic_search_tab"></i>
						<input type="search" placeholder="" readonly="" disabled="">
					`
          )
        });
        let $input = $inputAreaContainer.querySelector("input");
        domUtils.on($inputAreaContainer, "click", (event) => {
          utils.preventEvent(event);
          BilibiliUtils.goToUrl("/search", true);
        });
        domUtils.after($iconSearch, $inputAreaContainer);
        let hotWordInfo = await BilibiliSearchApi.getSearchInputPlaceholder();
        if (hotWordInfo != null) {
          log$1.info(`热点信息：`, hotWordInfo);
          $input.placeholder = hotWordInfo.show_name || hotWordInfo.name;
        }
      });
    }
  };
  const BilibiliReadMobile = {
    init() {
      this.removeAds();
      Panel.onceExec("bili-pc-read-mobile-autoExpand", () => {
        return this.autoExpand();
      });
    },
    removeAds() {
      CommonUtil.addBlockCSS(
        /* 底部的打开客户端阅读 */
        "body>.h5-download-bar"
      );
    },
    /**
     * 自动展开
     */
    autoExpand() {
      log$1.info("自动展开");
      return [
        addStyle(
          /*css*/
          `
			${BilibiliPCData.className.read.mobile} .limit{
				overflow: unset !important;
				max-height: unset !important;
			}`
        ),
        // 屏蔽 【展开阅读全文】
        CommonUtil.addBlockCSS(
          BilibiliPCData.className.read.mobile + " .read-more"
        )
      ];
    }
  };
  const BilibiliSpace = {
    init() {
      Panel.execMenuOnce("bili-space-repairRealJump", () => {
        this.repairRealJump();
      });
      Panel.execMenuOnce("bili-space-coverDynamicStateCardVideo", () => {
        this.coverDynamicStateCardVideo();
      });
    },
    /**
     * 修复视频|动态的正确跳转
     */
    repairRealJump() {
      let lockFn = new utils.LockFunction(() => {
        $$(BilibiliData.className.space + " .wx-tag.open-app-wrapper").forEach(
          ($el) => {
            let vueIns = VueUtils.getVue($el);
            if (typeof vueIns?.disabled === "boolean") {
              vueIns.disabled = false;
            }
          }
        );
      });
      utils.mutationObserver(document, {
        config: {
          subtree: true,
          childList: true
        },
        immediate: true,
        callback: () => {
          lockFn.run();
        }
      });
      return;
    },
    /**
     * 覆盖动态视频的点击事件
     */
    coverDynamicStateCardVideo() {
      log$1.info(`覆盖动态视频的点击事件`);
      domUtils.on(
        document,
        "click",
        ".card-content .main .wings",
        (event) => {
          let $wings = event.target;
          let $card = $wings.closest(".card");
          if (!$card) {
            Qmsg.error("未找到对应的.card元素");
            return;
          }
          let vueIns = VueUtils.getVue($card);
          if (!vueIns) {
            Qmsg.error("未找到对应的vue实例");
            return;
          }
          let url = vueIns?.shareData?.default?.url;
          if (!url) {
            Qmsg.error("未找到对应的url");
            return;
          }
          BilibiliUtils.goToUrl(url);
        },
        {
          capture: true
        }
      );
    }
  };
  const BilibiliVueProp = {
    init() {
      Panel.execMenu("bili-noCallApp", () => {
        this.noCallApp();
      });
      Panel.execMenu("bili-setLogin", () => {
        this.setLogin();
      });
      Panel.execMenu("bili-setIsClient", () => {
        this.setIsClient();
      });
    },
    /**
     * 禁止调用app
     */
    noCallApp() {
      VueUtils.waitVuePropToSet("#app", [
        {
          msg: "设置参数 $store.state.common.noCallApp",
          check(vueIns) {
            return typeof vueIns?.$store?.state?.common?.noCallApp === "boolean";
          },
          set(vueIns) {
            log$1.success("成功设置参数 $store.state.common.noCallApp=true");
            vueIns.$store.state.common.noCallApp = true;
          }
        }
      ]);
    },
    /**
     * 设置登录
     *
     * + $store.state.common.noCallApp
     * + $store.state.common.userInfo.isLogin
     * + $store.state.loginInfo.isLogin
     */
    setLogin() {
      let GM_Cookie = new utils.GM_Cookie();
      let cookie_DedeUserID = GM_Cookie.get("DedeUserID");
      if (cookie_DedeUserID != null) {
        log$1.info("Cookie DedeUserID已存在：", cookie_DedeUserID.value);
      } else {
        GM_Cookie.set(
          {
            name: "DedeUserID",
            value: "2333"
          },
          (error) => {
            if (error) {
              log$1.error(error);
            } else {
              log$1.success("Cookie成功设置DedeUserID=>2333");
            }
          }
        );
      }
      VueUtils.waitVuePropToSet("#app", [
        {
          msg: "设置参数 $store.state.common.userInfo.isLogin",
          check(vueObj) {
            return typeof vueObj?.$store?.state?.common?.userInfo?.isLogin === "boolean";
          },
          set(vueObj) {
            log$1.success("成功设置参数 $store.state.common.userInfo.isLogin=true");
            vueObj.$store.state.common.userInfo.isLogin = true;
          }
        },
        {
          msg: "设置参数 $store.state.loginInfo.isLogin",
          check(vueObj) {
            return typeof vueObj?.$store?.state?.loginInfo?.isLogin === "boolean";
          },
          set(vueObj) {
            log$1.success("成功设置参数 $store.state.loginInfo.isLogin=true");
            vueObj.$store.state.loginInfo.isLogin = true;
          }
        }
      ]);
    },
    /**
     * 设置为客户端(不确定是否有用)
     *
     * + $store.state.video.isClient
     * + $store.state.opus.isClient
     * + $store.state.playlist.isClient
     * + $store.state.ver.bili
     * + $store.state.ver.biliVer 2333333
     */
    setIsClient() {
      VueUtils.waitVuePropToSet("#app", [
        {
          msg: "设置参数 $store.state.video.isClient",
          check(vueIns) {
            return typeof typeof vueIns?.$store?.state?.video?.isClient === "boolean";
          },
          set(vueIns) {
            log$1.success("成功设置参数 $store.state.video.isClient=true");
            vueIns.$store.state.video.isClient = true;
          }
        },
        {
          msg: "设置参数 $store.state.opus.isClient=true",
          check(vueIns) {
            return typeof vueIns?.$store?.state?.opus?.isClient === "boolean";
          },
          set(vueIns) {
            log$1.success("成功设置参数 $store.state.opus.isClient");
            vueIns.$store.state.opus.isClient = true;
          }
        },
        {
          msg: "设置参数 $store.state.playlist.isClient",
          check(vueIns) {
            return typeof vueIns?.$store?.state?.playlist?.isClient === "boolean";
          },
          set(vueIns) {
            log$1.success("成功设置参数 $store.state.playlist.isClient=true");
            vueIns.$store.state.playlist.isClient = true;
          }
        },
        {
          msg: "设置参数 $store.state.ver.bili",
          check(vueIns) {
            return typeof vueIns?.$store?.state?.ver?.bili === "boolean";
          },
          set(vueIns) {
            log$1.success("成功设置参数 $store.state.ver.bili=true");
            vueIns.$store.state.ver.bili = true;
          }
        },
        {
          msg: "设置参数 $store.state.ver.biliVer",
          check(vueIns) {
            return typeof vueIns?.$store?.state?.ver?.biliVer === "number";
          },
          set(vueIns) {
            log$1.success("成功设置参数 $store.state.ver.biliVer=2333333");
            vueIns.$store.state.ver.biliVer = 2333333;
          }
        }
      ]);
    },
    /**
     * 设置为微应用(可以看评论且视频稿件变大)
     *
     * + __vue__.$store.state.common.tinyApp `true`
     */
    setTinyApp() {
      VueUtils.waitVuePropToSet("#app", [
        {
          msg: "设置参数 $store.state.common.tinyApp",
          check(vueIns) {
            return typeof vueIns?.$store?.state?.common?.tinyApp === "boolean";
          },
          set(vueIns) {
            vueIns.$store.state.common.tinyApp = true;
            log$1.success("成功设置参数 $store.state.common.tinyApp=true");
            Panel.onceExec("bili-tinyApp-init-css", () => {
              addStyle(
                /*css*/
                `
							.tiny-app .reply-input,.tiny-app .reply-item .info .name .right,.tiny-app .reply-item .info .toolbar,.tiny-app .sub-reply-input {
								display: block;
							}
						`
              );
            });
          }
        }
      ]);
    }
  };
  const PanelComponents = {
    $data: {
      __storeApiFn: null,
      get storeApiValue() {
        if (!this.__storeApiFn) {
          this.__storeApiFn = new Utils.Dictionary();
        }
        return this.__storeApiFn;
      }
    },
    /**
     * 获取自定义的存储接口
     * @param type 组件类型
     */
    getStorageApi(type) {
      if (!this.hasStorageApi(type)) {
        return;
      }
      return this.$data.storeApiValue.get(type);
    },
    /**
     * 判断是否存在自定义的存储接口
     * @param type 组件类型
     */
    hasStorageApi(type) {
      return this.$data.storeApiValue.has(type);
    },
    /**
     * 设置自定义的存储接口
     * @param type 组件类型
     * @param storageApiValue 存储接口
     */
    setStorageApi(type, storageApiValue) {
      this.$data.storeApiValue.set(type, storageApiValue);
    },
    /**
     * 初始化组件的存储接口属性
     *
     * @param type 组件类型
     * @param config 组件配置，必须包含prop属性
     * @param storageApiValue 存储接口
     */
    initComponentsStorageApi(type, config, storageApiValue) {
      let propsStorageApi;
      if (this.hasStorageApi(type)) {
        propsStorageApi = this.getStorageApi(type);
      } else {
        propsStorageApi = storageApiValue;
      }
      this.setComponentsStorageApiProperty(config, propsStorageApi);
    },
    /**
     * 设置组件的存储接口属性
     * @param config 组件配置，必须包含prop属性
     * @param storageApiValue 存储接口
     */
    setComponentsStorageApiProperty(config, storageApiValue) {
      Reflect.set(config.props, PROPS_STORAGE_API, storageApiValue);
    }
  };
  const UIInput = function(text, key, defaultValue, description, changeCallback, placeholder = "", isNumber, isPassword, afterAddToUListCallBack) {
    let result = {
      text,
      type: "input",
      isNumber: Boolean(isNumber),
      isPassword: Boolean(isPassword),
      attributes: {},
      props: {},
      description,
      afterAddToUListCallBack,
      getValue() {
        let storageApiValue = this.props[PROPS_STORAGE_API];
        return storageApiValue.get(key, defaultValue);
      },
      callback(event, value, valueAsNumber) {
        if (typeof changeCallback === "function") {
          let result2 = changeCallback(event, value, valueAsNumber);
          if (result2) {
            return;
          }
        }
        let storageApiValue = this.props[PROPS_STORAGE_API];
        storageApiValue.set(key, value);
      },
      placeholder
    };
    Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
    Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
    PanelComponents.initComponentsStorageApi(
      "input",
      result,
      {
        get(key2, defaultValue2) {
          return Panel.getValue(key2, defaultValue2);
        },
        set(key2, value) {
          Panel.setValue(key2, value);
        }
      }
    );
    return result;
  };
  const UISwitch = function(text, key, defaultValue, clickCallback, description, afterAddToUListCallBack) {
    let result = {
      text,
      type: "switch",
      description,
      attributes: {},
      props: {},
      getValue() {
        let storageApiValue = this.props[PROPS_STORAGE_API];
        return Boolean(storageApiValue.get(key, defaultValue));
      },
      callback(event, __value) {
        let value = Boolean(__value);
        log$1.success(`${value ? "开启" : "关闭"} ${text}`);
        let storageApiValue = this.props[PROPS_STORAGE_API];
        storageApiValue.set(key, value);
      },
      afterAddToUListCallBack
    };
    Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
    Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
    PanelComponents.initComponentsStorageApi(
      "switch",
      result,
      {
        get(key2, defaultValue2) {
          return Panel.getValue(key2, defaultValue2);
        },
        set(key2, value) {
          Panel.setValue(key2, value);
        }
      }
    );
    return result;
  };
  const UITextArea = function(text, key, defaultValue, description, changeCallback, placeholder = "", disabled) {
    let result = {
      text,
      type: "textarea",
      attributes: {},
      props: {},
      description,
      placeholder,
      disabled,
      getValue() {
        let storageApiValue = this.props[PROPS_STORAGE_API];
        let value = storageApiValue.get(key, defaultValue);
        if (Array.isArray(value)) {
          return value.join("\n");
        }
        return value;
      },
      callback(event, value) {
        let storageApiValue = this.props[PROPS_STORAGE_API];
        storageApiValue.set(key, value);
      }
    };
    Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
    Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
    PanelComponents.initComponentsStorageApi(
      "switch",
      result,
      {
        get(key2, defaultValue2) {
          return Panel.getValue(key2, defaultValue2);
        },
        set(key2, value) {
          Panel.setValue(key2, value);
        }
      }
    );
    return result;
  };
  class RuleEditView {
    option;
    constructor(option) {
      this.option = option;
    }
    /**
     * 显示视图
     */
    async showView() {
      let $dialog = __pops.confirm({
        title: {
          text: this.option.title,
          position: "center"
        },
        content: {
          text: (
            /*html*/
            `
                    <form class="rule-form-container" onsubmit="return false">
                        <ul class="rule-form-ulist"></ul>
                        <input type="submit" style="display: none;" />
                    </form>
                    `
          ),
          html: true
        },
        btn: utils.assign(
          {
            ok: {
              callback: async () => {
                await submitSaveOption();
              }
            }
          },
          this.option.btn || {},
          true
        ),
        drag: true,
        mask: {
          enable: true
        },
        style: (
          /*css*/
          `
                ${__pops.config.cssText.panelCSS}
                
                .rule-form-container {
                    
                }
                .rule-form-container li{
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 5px 20px;
                    gap: 10px;
                }
				.rule-form-ulist-dynamic{
					--button-margin-top: 0px;
					--button-margin-right: 0px;
					--button-margin-bottom: 0px;
					--button-margin-left: 0px;
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					padding: 5px 0px 5px 20px;
				}
				.rule-form-ulist-dynamic__inner{
					width: 100%;
				}
				.rule-form-ulist-dynamic__inner-container{
					display: flex;
					align-items: center;
				}
				.dynamic-forms{
					width: 100%;
				}
                .pops-panel-item-left-main-text{
                    max-width: 150px;
                }
                .pops-panel-item-right-text{
                    padding-left: 30px;
                }
                .pops-panel-item-right-text,
                .pops-panel-item-right-main-text{
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                }
				.pops-panel-item-left-desc-text{
					line-height: normal;
					margin-top: 6px;
					font-size: 0.8em;
					color: rgb(108, 108, 108);
				}

                ${this.option?.style ?? ""}
            `
        ),
        width: typeof this.option.width === "function" ? this.option.width() : window.innerWidth > 500 ? "500px" : "88vw",
        height: typeof this.option.height === "function" ? this.option.height() : window.innerHeight > 500 ? "500px" : "80vh"
      });
      let $form = $dialog.$shadowRoot.querySelector(
        ".rule-form-container"
      );
      $dialog.$shadowRoot.querySelector(
        "input[type=submit]"
      );
      let $ulist = $dialog.$shadowRoot.querySelector(".rule-form-ulist");
      let view = await this.option.getView(await this.option.data());
      $ulist.appendChild(view);
      const submitSaveOption = async () => {
        let result = await this.option.onsubmit($form, await this.option.data());
        if (!result.success) {
          return;
        }
        $dialog.close();
        await this.option.dialogCloseCallBack(true);
      };
    }
  }
  class RuleFilterView {
    option;
    constructor(option) {
      this.option = option;
    }
    showView() {
      let $alert = __pops.alert({
        title: {
          text: this.option.title,
          position: "center"
        },
        content: {
          text: (
            /*html*/
            `
                <div class="filter-container"></div>
                `
          )
        },
        btn: {
          ok: {
            text: "关闭",
            type: "default"
          }
        },
        drag: true,
        mask: {
          enable: true
        },
        width: window.innerWidth > 500 ? "350px" : "80vw",
        height: window.innerHeight > 500 ? "300px" : "70vh",
        style: (
          /*css*/
          `
            .filter-container{
                height: 100%;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }
            .filter-container button{
                text-wrap: wrap;
                padding: 8px;
                height: auto;
                text-align: left;
            }
            `
        )
      });
      let $filterContainer = $alert.$shadowRoot.querySelector(".filter-container");
      let $fragment = document.createDocumentFragment();
      this.option.filterOption.forEach((filterOption) => {
        let $button = document.createElement("button");
        $button.innerText = filterOption.name;
        let execFilterAndCloseDialog = async () => {
          let allRuleInfo = await this.option.getAllRuleInfo();
          allRuleInfo.forEach(async (ruleInfo) => {
            let filterResult = await filterOption.filterCallBack(ruleInfo.data);
            if (!filterResult) {
              domUtils.hide(ruleInfo.$el, false);
            } else {
              domUtils.show(ruleInfo.$el, false);
            }
          });
          if (typeof this.option.execFilterCallBack === "function") {
            await this.option.execFilterCallBack();
          }
          $alert.close();
        };
        domUtils.on($button, "click", async (event) => {
          utils.preventEvent(event);
          if (typeof filterOption.callback === "function") {
            let result = await filterOption.callback(
              event,
              execFilterAndCloseDialog
            );
            if (!result) {
              return;
            }
          }
          await execFilterAndCloseDialog();
        });
        $fragment.appendChild($button);
      });
      $filterContainer.appendChild($fragment);
    }
  }
  class RuleView {
    option;
    constructor(option) {
      this.option = option;
    }
    /**
     * 显示视图
     * @param filterCallBack 返回值为false隐藏，true则不隐藏（不处理）
     */
    async showView(filterCallBack) {
      let $popsConfirm = __pops.confirm({
        title: {
          text: this.option.title,
          position: "center"
        },
        content: {
          text: (
            /*html*/
            `
                    <div class="rule-view-container">
                    </div>
                    `
          ),
          html: true
        },
        btn: {
          merge: true,
          reverse: false,
          position: "space-between",
          ok: {
            enable: this.option?.bottomControls?.add?.enable || true,
            type: "primary",
            text: "添加",
            callback: async (event) => {
              this.showEditView(
                false,
                await this.option.getAddData(),
                $popsConfirm.$shadowRoot
              );
            }
          },
          close: {
            enable: true,
            callback(event) {
              $popsConfirm.close();
            }
          },
          cancel: {
            enable: this.option?.bottomControls?.filter?.enable || false,
            type: "default",
            text: "过滤",
            callback: (details, event) => {
              if (typeof this.option?.bottomControls?.filter?.callback === "function") {
                this.option.bottomControls.filter.callback();
              }
              let getAllRuleElement = () => {
                return Array.from(
                  $popsConfirm.$shadowRoot.querySelectorAll(
                    ".rule-view-container .rule-item"
                  )
                );
              };
              let $button = event.target.closest(".pops-confirm-btn").querySelector(".pops-confirm-btn-cancel span");
              if (domUtils.text($button).includes("取消")) {
                getAllRuleElement().forEach(($el) => {
                  domUtils.show($el, false);
                });
                domUtils.text($button, "过滤");
              } else {
                let ruleFilterView = new RuleFilterView({
                  title: this.option.bottomControls?.filter?.title ?? "过滤规则",
                  filterOption: this.option.bottomControls?.filter?.option || [],
                  execFilterCallBack() {
                    domUtils.text($button, "取消过滤");
                  },
                  getAllRuleInfo: () => {
                    return getAllRuleElement().map(($el) => {
                      return {
                        data: this.parseRuleItemElement($el).data,
                        $el
                      };
                    });
                  }
                });
                ruleFilterView.showView();
              }
            }
          },
          other: {
            enable: this.option?.bottomControls?.clear?.enable || true,
            type: "xiaomi-primary",
            text: `清空所有(${(await this.option.data()).length})`,
            callback: (event) => {
              let $askDialog = __pops.confirm({
                title: {
                  text: "提示",
                  position: "center"
                },
                content: {
                  text: "确定清空所有的数据？",
                  html: false
                },
                btn: {
                  ok: {
                    enable: true,
                    callback: async (popsEvent) => {
                      log$1.success("清空所有");
                      if (typeof this.option?.bottomControls?.clear?.callback === "function") {
                        this.option.bottomControls.clear.callback();
                      }
                      let data2 = await this.option.data();
                      if (data2.length) {
                        Qmsg.error("清理失败");
                        return;
                      } else {
                        Qmsg.success("清理成功");
                      }
                      await this.updateDeleteAllBtnText($popsConfirm.$shadowRoot);
                      this.clearContent($popsConfirm.$shadowRoot);
                      $askDialog.close();
                    }
                  },
                  cancel: {
                    text: "取消",
                    enable: true
                  }
                },
                mask: { enable: true },
                width: "300px",
                height: "200px"
              });
            }
          }
        },
        mask: {
          enable: true
        },
        width: window.innerWidth > 500 ? "500px" : "88vw",
        height: window.innerHeight > 500 ? "500px" : "80vh",
        style: (
          /*css*/
          `
            ${__pops.config.cssText.panelCSS}
            
            .rule-item{
                display: flex;
                align-items: center;
                line-height: normal;
                font-size: 16px;
                padding: 4px 8px;
                gap: 8px;
            }
            .rule-name{
                flex: 1;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            .rule-controls{
                display: flex;
                align-items: center;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                gap: 8px;
                padding: 0px;
            }
            .rule-controls-enable{
                
            }
            .rule-controls-edit{
                
            }
            .rule-controls-delete{
                
            }
            .rule-controls-edit,
            .rule-controls-delete{
                width: 16px;
                height: 16px;
                cursor: pointer;
            }
            `
        )
      });
      let allData = await this.option.data();
      let changeButtonText = false;
      for (let index = 0; index < allData.length; index++) {
        let item = allData[index];
        let $ruleItemList = await this.appendRuleItemElement(
          $popsConfirm.$shadowRoot,
          item
        );
        let flag = typeof filterCallBack === "function" ? filterCallBack(item) : true;
        if (!flag) {
          changeButtonText = true;
          $ruleItemList.forEach(($el) => {
            domUtils.hide($el, false);
          });
        }
      }
      if (changeButtonText) {
        let $button = $popsConfirm.$shadowRoot.querySelector(
          ".pops-confirm-btn-cancel span"
        );
        domUtils.text($button, "取消过滤");
      }
    }
    /**
     * 显示编辑视图
     * @param isEdit 是否是编辑状态
     * @param editData 编辑的数据
     * @param $parentShadowRoot （可选）关闭弹窗后对ShadowRoot进行操作
     * @param $editRuleItemElement （可选）关闭弹窗后对规则行进行更新数据
     * @param updateDataCallBack （可选）关闭添加/编辑弹窗的回调（不更新数据）
     * @param submitCallBack （可选）添加/修改提交的回调
     */
    showEditView(isEdit, editData, $parentShadowRoot, $editRuleItemElement, updateDataCallBack, submitCallBack) {
      let dialogCloseCallBack = async (isSubmit) => {
        if (isSubmit) {
          if (typeof submitCallBack === "function") {
            let newData = await this.option.getData(editData);
            submitCallBack(newData);
          }
        } else {
          if (!isEdit) {
            await this.option.deleteData(editData);
          }
          if (typeof updateDataCallBack === "function") {
            let newData = await this.option.getData(editData);
            updateDataCallBack(newData);
          }
        }
      };
      let editView = new RuleEditView({
        title: isEdit ? "编辑" : "添加",
        data: () => {
          return editData;
        },
        dialogCloseCallBack,
        getView: async (data2) => {
          return await this.option.itemControls.edit.getView(data2, isEdit);
        },
        btn: {
          ok: {
            enable: true,
            text: isEdit ? "修改" : "添加"
          },
          cancel: {
            callback: async (detail, event) => {
              detail.close();
              await dialogCloseCallBack(false);
            }
          },
          close: {
            callback: async (detail, event) => {
              detail.close();
              await dialogCloseCallBack(false);
            }
          }
        },
        onsubmit: async ($form, data2) => {
          let result = await this.option.itemControls.edit.onsubmit(
            $form,
            isEdit,
            data2
          );
          if (result.success) {
            if (isEdit) {
              Qmsg.success("修改成功");
              $parentShadowRoot && await this.updateRuleItemElement(
                result.data,
                $editRuleItemElement,
                $parentShadowRoot
              );
            } else {
              $parentShadowRoot && await this.appendRuleItemElement(
                $parentShadowRoot,
                result.data
              );
            }
          } else {
            if (isEdit) {
              log$1.error("修改失败");
            }
          }
          return result;
        },
        style: this.option.itemControls.edit.style,
        width: this.option.itemControls.edit.width,
        height: this.option.itemControls.edit.height
      });
      editView.showView();
    }
    /**
     * 解析弹窗内的各个元素
     */
    parseViewElement($shadowRoot) {
      let $container = $shadowRoot.querySelector(
        ".rule-view-container"
      );
      let $deleteBtn = $shadowRoot.querySelector(
        ".pops-confirm-btn button.pops-confirm-btn-other"
      );
      return {
        /** 容器 */
        $container,
        /** 左下角的清空按钮 */
        $deleteBtn
      };
    }
    /**
     * 解析每一项的元素
     */
    parseRuleItemElement($ruleElement) {
      let $enable = $ruleElement.querySelector(
        ".rule-controls-enable"
      );
      let $enableSwitch = $enable.querySelector(".pops-panel-switch");
      let $enableSwitchInput = $enable.querySelector(
        ".pops-panel-switch__input"
      );
      let $enableSwitchCore = $enable.querySelector(
        ".pops-panel-switch__core"
      );
      let $edit = $ruleElement.querySelector(".rule-controls-edit");
      let $delete = $ruleElement.querySelector(
        ".rule-controls-delete"
      );
      return {
        /** 启用开关 */
        $enable,
        /** 启用开关的container */
        $enableSwitch,
        /** 启用开关的input */
        $enableSwitchInput,
        /** 启用开关的core */
        $enableSwitchCore,
        /** 编辑按钮 */
        $edit,
        /** 删除按钮 */
        $delete,
        /** 存储在元素上的数据 */
        data: Reflect.get($ruleElement, "data-rule")
      };
    }
    /**
     * 创建一条规则元素
     */
    async createRuleItemElement(data2, $shadowRoot) {
      let name = await this.option.getDataItemName(data2);
      let $ruleItem = domUtils.createElement("div", {
        className: "rule-item",
        innerHTML: (
          /*html*/
          `
			<div class="rule-name">${name}</div>
			<div class="rule-controls">
				<div class="rule-controls-enable">
					<div class="pops-panel-switch">
						<input class="pops-panel-switch__input" type="checkbox">
						<span class="pops-panel-switch__core">
							<div class="pops-panel-switch__action">
							</div>
						</span>
					</div>
				</div>
				<div class="rule-controls-edit">
					${__pops.config.iconSVG.edit}
				</div>
				<div class="rule-controls-delete">
					${__pops.config.iconSVG.delete}
				</div>
			</div>
			`
        )
      });
      Reflect.set($ruleItem, "data-rule", data2);
      let switchCheckedClassName = "pops-panel-switch-is-checked";
      const {
        $enable,
        $enableSwitch,
        $enableSwitchCore,
        $enableSwitchInput,
        $delete,
        $edit
      } = this.parseRuleItemElement($ruleItem);
      if (this.option.itemControls.enable.enable) {
        domUtils.on($enableSwitchCore, "click", async (event) => {
          let isChecked = false;
          if ($enableSwitch.classList.contains(switchCheckedClassName)) {
            $enableSwitch.classList.remove(switchCheckedClassName);
            isChecked = false;
          } else {
            $enableSwitch.classList.add(switchCheckedClassName);
            isChecked = true;
          }
          $enableSwitchInput.checked = isChecked;
          await this.option.itemControls.enable.callback(data2, isChecked);
        });
        if (await this.option.itemControls.enable.getEnable(data2)) {
          $enableSwitch.classList.add(switchCheckedClassName);
        }
      } else {
        $enable.remove();
      }
      if (this.option.itemControls.edit.enable) {
        domUtils.on($edit, "click", (event) => {
          utils.preventEvent(event);
          this.showEditView(true, data2, $shadowRoot, $ruleItem, (newData) => {
            data2 = null;
            data2 = newData;
          });
        });
      } else {
        $edit.remove();
      }
      if (this.option.itemControls.delete.enable) {
        domUtils.on($delete, "click", (event) => {
          utils.preventEvent(event);
          let $askDialog = __pops.confirm({
            title: {
              text: "提示",
              position: "center"
            },
            content: {
              text: "确定删除该条数据？",
              html: false
            },
            btn: {
              ok: {
                enable: true,
                callback: async (popsEvent) => {
                  log$1.success("删除数据");
                  let flag = await this.option.itemControls.delete.deleteCallBack(
                    data2
                  );
                  if (flag) {
                    Qmsg.success("成功删除该数据");
                    $ruleItem.remove();
                    await this.updateDeleteAllBtnText($shadowRoot);
                    $askDialog.close();
                  } else {
                    Qmsg.error("删除该数据失败");
                  }
                }
              },
              cancel: {
                text: "取消",
                enable: true
              }
            },
            mask: {
              enable: true
            },
            width: "300px",
            height: "200px"
          });
        });
      } else {
        $delete.remove();
      }
      return $ruleItem;
    }
    /**
     * 添加一个规则元素
     */
    async appendRuleItemElement($shadowRoot, data2) {
      let { $container } = this.parseViewElement($shadowRoot);
      let $ruleItem = [];
      let iteratorData = Array.isArray(data2) ? data2 : [data2];
      for (let index = 0; index < iteratorData.length; index++) {
        let item = iteratorData[index];
        let $item = await this.createRuleItemElement(item, $shadowRoot);
        $container.appendChild($item);
        $ruleItem.push($item);
      }
      await this.updateDeleteAllBtnText($shadowRoot);
      return $ruleItem;
    }
    /**
     * 更新弹窗内容的元素
     */
    async updateRuleContaienrElement($shadowRoot) {
      this.clearContent($shadowRoot);
      const { $container } = this.parseViewElement($shadowRoot);
      let data2 = await this.option.data();
      await this.appendRuleItemElement($shadowRoot, data2);
      await this.updateDeleteAllBtnText($shadowRoot);
    }
    /**
     * 更新规则元素
     */
    async updateRuleItemElement(data2, $oldRuleItem, $shadowRoot) {
      let $newRuleItem = await this.createRuleItemElement(data2, $shadowRoot);
      $oldRuleItem.after($newRuleItem);
      $oldRuleItem.remove();
    }
    /**
     * 清空内容
     */
    clearContent($shadowRoot) {
      const { $container } = this.parseViewElement($shadowRoot);
      domUtils.html($container, "");
    }
    /**
     * 设置删除按钮的文字
     */
    setDeleteBtnText($shadowRoot, text, isHTML = false) {
      const { $deleteBtn } = this.parseViewElement($shadowRoot);
      if (isHTML) {
        domUtils.html($deleteBtn, text);
      } else {
        domUtils.text($deleteBtn, text);
      }
    }
    /**
     * 更新【清空所有】的按钮的文字
     * @param $shadowRoot
     */
    async updateDeleteAllBtnText($shadowRoot) {
      let data2 = await this.option.data();
      this.setDeleteBtnText($shadowRoot, `清空所有(${data2.length})`);
    }
  }
  const BilibiliComponentDetectionRule = {
    $data: {
      /** 白名单用户id */
      whiteList: [],
      /** 规则数据 */
      ruleData: []
    },
    $key: {
      STORAGE_KEY: "bili-componentDetection-rule"
    },
    /** 初始化数据 */
    init() {
      this.$data.whiteList = [];
      this.$data.ruleData = [];
      let allData = this.getData();
      allData.forEach((data2) => {
        if (!data2.enable) {
          return;
        }
        this.$data.ruleData.push(data2);
      });
    },
    /**
     * 显示视图
     */
    showView() {
      let panelHandlerComponents = __pops.config.PanelHandlerComponents();
      function generateStorageApi(data2, handler) {
        return {
          get(key, defaultValue) {
            return data2[key] ?? defaultValue;
          },
          set(key, value) {
            data2[key] = value;
          }
        };
      }
      let ruleView = new RuleView({
        title: "成分检测",
        data: () => {
          return this.getData();
        },
        getAddData: () => {
          return this.getTemplateData();
        },
        getDataItemName: (data2) => {
          return data2["name"];
        },
        updateData: (data2) => {
          return this.updateData(data2);
        },
        deleteData: (data2) => {
          return this.deleteData(data2);
        },
        getData: (data2) => {
          let allData = this.getData();
          let findValue = allData.find((item) => item.uuid === data2.uuid);
          return findValue ?? data2;
        },
        itemControls: {
          enable: {
            enable: true,
            getEnable(data2) {
              return data2.enable;
            },
            callback: (data2, enable) => {
              data2.enable = enable;
              this.updateData(data2);
            }
          },
          edit: {
            enable: true,
            getView: (data2, isEdit) => {
              let $fragment = document.createDocumentFragment();
              let templateData = this.getTemplateData();
              if (!isEdit) {
                data2 = templateData;
              }
              let enable_template = UISwitch(
                "启用",
                "enable",
                templateData.enable
              );
              Reflect.set(
                enable_template.props,
                PROPS_STORAGE_API,
                generateStorageApi(data2)
              );
              let $enable = panelHandlerComponents.createSectionContainerItem_switch(
                enable_template
              );
              let name_template = UIInput(
                "规则名称",
                "name",
                "",
                templateData.name,
                void 0,
                "必填"
              );
              Reflect.set(
                name_template.props,
                PROPS_STORAGE_API,
                generateStorageApi(data2)
              );
              let $name = panelHandlerComponents.createSectionContainerItem_input(
                name_template
              );
              let isShowDisplayName_template = UISwitch(
                "是否显示标签名称",
                "isShowDisplayName",
                templateData.data.isShowDisplayName
              );
              Reflect.set(
                isShowDisplayName_template.props,
                PROPS_STORAGE_API,
                generateStorageApi(data2.data)
              );
              let $isShowDisplayName = panelHandlerComponents.createSectionContainerItem_switch(
                isShowDisplayName_template
              );
              let displayName_template = UIInput(
                "标签名称",
                "displayName",
                templateData.data.displayName,
                "例如：原神"
              );
              Reflect.set(
                displayName_template.props,
                PROPS_STORAGE_API,
                generateStorageApi(data2.data)
              );
              let $displayName = panelHandlerComponents.createSectionContainerItem_input(
                displayName_template
              );
              let isShowDisplayIcon_template = UISwitch(
                "是否显示标签图标",
                "isShowDisplayIcon",
                templateData.data.isShowDisplayIcon
              );
              Reflect.set(
                isShowDisplayIcon_template.props,
                PROPS_STORAGE_API,
                generateStorageApi(data2.data)
              );
              let $isShowDisplayIcon = panelHandlerComponents.createSectionContainerItem_switch(
                isShowDisplayIcon_template
              );
              let displayIcon_template = UIInput(
                "标签图标",
                "displayIcon",
                templateData.data.displayIcon,
                "Url或base64"
              );
              Reflect.set(
                displayIcon_template.props,
                PROPS_STORAGE_API,
                generateStorageApi(data2.data)
              );
              let $displayIcon = panelHandlerComponents.createSectionContainerItem_input(
                displayIcon_template
              );
              let keywords_template = UITextArea(
                "关键词",
                "keywords",
                "",
                "用于匹配标题、简介、转发内容的关键词",
                void 0,
                "多个关键词换行"
              );
              Reflect.set(keywords_template.props, PROPS_STORAGE_API, {
                get(key, defaultValue) {
                  let value = data2.data[key] ?? defaultValue;
                  if (typeof value === "string") {
                    return value.split("\n");
                  }
                  return value;
                },
                set(key, value) {
                  if (typeof value === "string") {
                    value = value.split("\n");
                  }
                  data2.data[key] = value;
                }
              });
              let $keywords = panelHandlerComponents.createSectionContainerItem_textarea(
                keywords_template
              );
              let followings_template = UITextArea(
                "关注的用户",
                "followings",
                "",
                "用户id",
                void 0,
                "多个用户id换行"
              );
              Reflect.set(followings_template.props, PROPS_STORAGE_API, {
                get(key, defaultValue) {
                  let value = data2.data[key] ?? defaultValue;
                  if (typeof value === "string") {
                    return value.split("\n").map((it) => Number(it)).filter((it) => !isNaN(it));
                  }
                  return value;
                },
                set(key, value) {
                  if (typeof value === "string") {
                    value = value.split("\n").map((it) => Number(it)).filter((it) => !isNaN(it));
                  }
                  data2.data[key] = value;
                }
              });
              let $followings = panelHandlerComponents.createSectionContainerItem_textarea(
                followings_template
              );
              let blacklist_template = UITextArea(
                "黑名单",
                "blacklist",
                "",
                "",
                void 0,
                "多个用户id换行"
              );
              Reflect.set(blacklist_template.props, PROPS_STORAGE_API, {
                get(key, defaultValue) {
                  let value = data2.data[key] ?? defaultValue;
                  if (typeof value === "string") {
                    return value.split("\n").map((it) => Number(it)).filter((it) => !isNaN(it));
                  }
                  return value;
                },
                set(key, value) {
                  if (typeof value === "string") {
                    value = value.split("\n").map((it) => Number(it)).filter((it) => !isNaN(it));
                  }
                  data2.data[key] = value;
                }
              });
              let $blacklist = panelHandlerComponents.createSectionContainerItem_textarea(
                blacklist_template
              );
              $fragment.append(
                $enable,
                $name,
                $isShowDisplayName,
                $displayName,
                $isShowDisplayIcon,
                $displayIcon,
                $keywords,
                $followings,
                $blacklist
              );
              return $fragment;
            },
            onsubmit: ($form, isEdit, editData) => {
              let $ulist_li = $form.querySelectorAll(
                ".rule-form-ulist > li"
              );
              let data2 = this.getTemplateData();
              if (isEdit) {
                data2.uuid = editData.uuid;
              }
              try {
                $ulist_li.forEach(($li) => {
                  let formConfig = Reflect.get($li, "__formConfig__");
                  let attrs = Reflect.get(formConfig, "attributes");
                  let storageApi = Reflect.get($li, PROPS_STORAGE_API);
                  let key = Reflect.get(attrs, ATTRIBUTE_KEY);
                  let defaultValue = Reflect.get(attrs, ATTRIBUTE_DEFAULT_VALUE);
                  let value = storageApi.get(key, defaultValue);
                  if (Reflect.has(data2, key)) {
                    Reflect.set(data2, key, value);
                  } else if (Reflect.has(data2.data, key)) {
                    Reflect.set(data2.data, key, value);
                  } else {
                    log$1.error(`${key}不在数据中`);
                  }
                });
                if (data2.name.trim() === "") {
                  Qmsg.error("规则名称不能为空");
                  return {
                    success: false,
                    data: data2
                  };
                }
                if (isEdit) {
                  return {
                    success: this.updateData(data2),
                    data: data2
                  };
                } else {
                  return {
                    success: this.addData(data2),
                    data: data2
                  };
                }
              } catch (error) {
                log$1.error(error);
                return {
                  success: false,
                  data: data2
                };
              } finally {
                this.init();
              }
            },
            style: (
              /*css*/
              `
                    .pops-panel-textarea textarea{
                        height: 150px;
                    }
					.pops-panel-item-left-desc-text{
						line-height: normal;
						margin-top: 6px;
						font-size: 0.8em;
						color: rgb(108, 108, 108);
						max-width: 100px;
					}
                    `
            )
          },
          delete: {
            enable: true,
            deleteCallBack: (data2) => {
              return this.deleteData(data2);
            }
          }
        }
      });
      ruleView.showView();
    },
    /**
     * 获取模板数据
     */
    getTemplateData() {
      return {
        uuid: utils.generateUUID(),
        enable: true,
        name: "",
        data: {
          isShowDisplayIcon: true,
          displayIcon: "",
          isShowDisplayName: true,
          displayName: "",
          keywords: [],
          blacklist: [],
          followings: []
        }
      };
    },
    /**
     * 获取数据
     */
    getData() {
      return _GM_getValue(this.$key.STORAGE_KEY, []);
    },
    /**
     * 设置数据
     * @param data
     */
    setData(data2) {
      _GM_setValue(this.$key.STORAGE_KEY, data2);
    },
    /**
     * 添加数据
     * @param data
     */
    addData(data2) {
      let localData = this.getData();
      let findIndex = localData.findIndex((item) => item.uuid == data2.uuid);
      if (findIndex === -1) {
        localData.push(data2);
        _GM_setValue(this.$key.STORAGE_KEY, localData);
        return true;
      } else {
        return false;
      }
    },
    /**
     * 更新数据
     * @param data
     */
    updateData(data2) {
      let localData = this.getData();
      let index = localData.findIndex((item) => item.uuid == data2.uuid);
      let updateFlag = false;
      if (index !== -1) {
        updateFlag = true;
        localData[index] = data2;
      }
      this.setData(localData);
      return updateFlag;
    },
    /**
     * 删除数据
     * @param data
     */
    deleteData(data2) {
      let localData = this.getData();
      let index = localData.findIndex((item) => item.uuid == data2.uuid);
      let deleteFlag = false;
      if (index !== -1) {
        deleteFlag = true;
        localData.splice(index, 1);
      }
      this.setData(localData);
      return deleteFlag;
    },
    /**
     * 清空数据
     */
    clearData() {
      _GM_deleteValue(this.$key.STORAGE_KEY);
    },
    /**
     * 导出规则
     */
    exportRule(fileName = "rule.json") {
      let allRule = this.getData();
      let blob = new Blob([JSON.stringify(allRule, null, 4)]);
      let blobUrl = window.URL.createObjectURL(blob);
      let $a = document.createElement("a");
      $a.href = blobUrl;
      $a.download = fileName;
      $a.click();
      setTimeout(() => {
        window.URL.revokeObjectURL(blobUrl);
      }, 1500);
    },
    /**
     * 导入规则
     */
    importRule() {
      let $alert = __pops.alert({
        title: {
          text: "请选择导入方式",
          position: "center"
        },
        content: {
          text: (
            /*html*/
            `
                    <div class="import-mode" data-mode="local">本地导入</div>
                    <div class="import-mode" data-mode="network">网络导入</div>
                `
          ),
          html: true
        },
        width: PanelUISize.info.width,
        height: PanelUISize.info.height,
        style: (
          /*css*/
          `
                .import-mode{
                    display: inline-block;
                    margin: 10px;
                    padding: 10px;
                    border: 1px solid #ccc;
                    border-radius: 5px;
                    cursor: pointer;
                }
            `
        )
      });
      let $local = $alert.$shadowRoot.querySelector(
        ".import-mode[data-mode='local']"
      );
      let $network = $alert.$shadowRoot.querySelector(
        ".import-mode[data-mode='network']"
      );
      domUtils.on($local, "click", (event) => {
        utils.preventEvent(event);
        $alert.close();
        let $input = domUtils.createElement("input", {
          type: "file",
          accept: ".json"
        });
        domUtils.on($input, ["propertychange", "input"], (event2) => {
          if (!$input.files?.length) {
            return;
          }
          let uploadFile = $input.files[0];
          let fileReader = new FileReader();
          fileReader.onload = () => {
            let data2 = utils.toJSON(fileReader.result);
            if (!Array.isArray(data2)) {
              log$1.error("不是正确的规则文件", data2);
              Qmsg.error("不是正确的规则文件");
              return;
            }
            this.setData(data2);
            Qmsg.success(`成功导入 ${data2.length}条规则`);
          };
          fileReader.readAsText(uploadFile, "UTF-8");
        });
        $input.click();
      });
      domUtils.on($network, "click", (event) => {
        utils.preventEvent(event);
        $alert.close();
        __pops.prompt({
          title: {
            text: "网络导入",
            position: "center"
          },
          content: {
            text: "",
            placeholder: "url",
            focus: true
          },
          btn: {
            ok: {
              callback: async (eventDetails, event2) => {
                let url = eventDetails.text;
                if (utils.isNull(url)) {
                  Qmsg.error("请填入完整的url");
                  return;
                }
                let response = await httpx.get(url);
                if (!response.status) {
                  return;
                }
                let data2 = utils.toJSON(response.data.responseText);
                if (!Array.isArray(data2)) {
                  log$1.error("不是正确的规则文件", response, data2);
                  Qmsg.error("不是正确的规则文件");
                  return;
                }
                this.setData(data2);
                eventDetails.close();
                Qmsg.success(`成功导入 ${data2.length}条规则`);
              }
            }
          },
          width: PanelUISize.info.width,
          height: "auto"
        });
      });
    }
  };
  const BilibiliComponentDetection = {
    $data: {
      /** 查询图标svg */
      searchIcon: (
        /*html*/
        `
            <svg viewBox="0 0 24 24" fill="none">
                <path d="M15.7955 15.8111L21 21M18 10.5C18 14.6421 14.6421 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
        `
      )
    },
    init() {
      BilibiliComponentDetectionRule.init();
      addStyle(
        /*css*/
        `
            .composition-checkable,
			.composition-checked{
                display: inline-flex;
                vertical-align: middle;
            }
			/* 查询按钮 */
			.composition-checkable .composition-badge-control {
				display: inline-flex;
				justify-content: center;
				align-items: center;
				width: fit-content;
				background: #574AB830;
				border-radius: 8px;
				margin: 0 6px 0 6px;
				font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
			}

			.composition-checkable .composition-name-control {
				color: #7367F0;
				padding: 2px 8px;
                font-size: 0.8rem;
                display: flex;
                align-items: center;
                height: 20px;
                line-height: normal;
			}
            
			.composition-checkable .composition-name-control svg {
				vertical-align: middle;
                width: 1em;
                height: 1em;
			}
			/* ↑查询按钮 */

			/* 标签按钮 */
			.composition-checked .composition-badge {
				display: inline-flex;
 				justify-content: center;
 				align-items: center;
				width: fit-content;
 				background: #574AB825;
 				border-radius: 10px;
 				margin: 0 6px 0 6px;
 				font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
				font-weight: normal;
				cursor: pointer;
			}

			.composition-checked .composition-name {
				color: #574AB8;
				padding: 2px 8px;
                font-size: 0.8rem;
			}

			.composition-checked .composition-icon {
				color: #574AB8 !important;
				background: transparent !important;
				border-radius: 50% !important;
				width: 1.44rem !important;
				height: 1.44rem !important;
				border: 2px solid #574AB880 !important;
				margin: -6px;
				display: flex !important;
				justify-content: center !important;
				align-items: center !important;
				font-size: 1rem !important;
			}
			.composition-checked .composition-badge > *:first-child{
				margin-left: 6px;
			}
			.composition-checked .composition-badge > *:last-child{
				margin-right: 6px;
			}
			.composition-checked .composition-badge .composition-icon,
			.composition-checked .composition-badge .composition-name{
				margin: 0;
			}
        `
      );
      domUtils.ready(() => {
        let lockFn = new utils.LockFunction(async () => {
          $$(".reply-item:not([data-is-inject-search-label])").forEach(
            ($replyItem) => {
              $replyItem.setAttribute("data-is-inject-search-label", "");
              let $floorTime = $replyItem.querySelector(".info .floor-time") || $replyItem.querySelector(".content-warp .user-info");
              let { $container, $compositionNameControl } = this.createSearchButton(() => {
                let $userName = $replyItem.querySelector(
                  ".user-name[data-user-id]"
                );
                if (!$userName) {
                  throw new TypeError("获取用户名元素失败");
                }
                let mid = $userName.getAttribute("data-user-id");
                if (mid == null) {
                  throw new TypeError("获取mid失败");
                }
                return mid;
              });
              domUtils.after($floorTime, $container);
            }
          );
          [
            ...Array.from(
              $$(
                ".reply-item .member-link[data-url]:not([data-is-inject-search-label])"
              )
            ),
            ...Array.from(
              $$(
                ".reply-item .jump-link.user[data-user-id]:not([data-is-inject-search-label])"
              )
            ),
            ...Array.from(
              $$(
                ".reply-item .sub-user-name[data-user-id]:not([data-is-inject-search-label])"
              )
            )
          ].forEach(($memberLink) => {
            $memberLink.setAttribute("data-is-inject-search-label", "");
            let {
              $container: $memberContainer,
              $compositionNameControl: $memberCompositionNameControl
            } = this.createSearchButton(() => {
              let spaceUrl = $memberLink.getAttribute("href");
              let mid = spaceUrl.match(/space.bilibili.com\/([\d]+)/i)?.[1];
              if (mid == null) {
                throw new TypeError("获取mid失败");
              }
              return mid;
            });
            domUtils.after($memberLink, $memberContainer);
          });
          $$(
            ".m-space-info .base:not([data-is-inject-search-label])"
          ).forEach(($base) => {
            $base.setAttribute("data-is-inject-search-label", "");
            let $spaceInfo = $base.closest(".m-space-info");
            let { $container } = this.createSearchButton(() => {
              let vueIns = VueUtils.getVue($spaceInfo);
              if (!vueIns) {
                throw new TypeError("获取vue属性失败");
              }
              let mid = vueIns.info.mid;
              if (mid == null) {
                throw new TypeError("获取mid失败");
              }
              return mid;
            });
            domUtils.after($base, $container);
          });
        });
        utils.mutationObserver(document, {
          config: {
            subtree: true,
            childList: true
          },
          immediate: true,
          callback: () => {
            lockFn.run();
          }
        });
      });
    },
    /**
     * 查询用户信息
     *
     * 即提取需要判断的信息
     * @param mid
     */
    async queryUserInfo(mid) {
      let followingPN = 1;
      let allFollowingData = [];
      while (true) {
        log$1.info(`正在获取用户的关注：${mid} ==> 第${followingPN}页`);
        let followingData = await BilibiliUserApi.following(mid, followingPN);
        if (!followingData) {
          log$1.error("获取关注列表失败");
          break;
        }
        if (typeof followingData === "string") {
          log$1.error("获取关注列表失败，原因：" + followingData);
          break;
        }
        if (!followingData.list.length) {
          break;
        }
        allFollowingData = allFollowingData.concat(followingData.list);
        if (followingData.list.length === followingData.total && followingPN === 1) {
          break;
        }
        followingPN++;
        utils.sleep(250);
      }
      let spaceOffset = "";
      let spacePNCount = 1;
      let allSpaceContentData = [];
      while (true) {
        log$1.info(`正在获取用户的空间动态：${mid} ==> 偏移：${spaceOffset}`);
        let spaceData = await BilibiliUserApi.space(mid, spaceOffset);
        if (!spaceData) {
          log$1.error("获取用户空间动态数据失败");
          break;
        }
        if (typeof spaceData === "string") {
          log$1.error("获取用户空间动态数据失败，原因：" + spaceData);
          break;
        }
        if (spaceOffset === spaceData.offset && spaceOffset != "") {
          break;
        }
        spaceOffset = spaceData.offset;
        allSpaceContentData = allSpaceContentData.concat(spaceData.items);
        if (!spaceData.has_more) {
          break;
        }
        spacePNCount++;
        if (spacePNCount > 5) {
          log$1.info(`最多请求5页空间动态的数据`);
          break;
        }
        utils.sleep(250);
      }
      let result = {
        /** 关注列表信息 */
        following: [],
        /** 空间动态信息 */
        space: []
      };
      allFollowingData.forEach((followingData) => {
        result.following.push({
          name: followingData.uname,
          mid: followingData.mid,
          sign: followingData.sign
        });
      });
      allSpaceContentData.forEach((spaceData) => {
        if (spaceData.orig == null) {
          let contentInfo = {
            title: spaceData.modules.module_dynamic.major?.archive?.title,
            desc: spaceData.modules.module_dynamic.major?.archive?.desc || spaceData.modules.module_dynamic.desc?.text,
            pub_ts: spaceData.modules.module_author.pub_ts * 1e3,
            id_str: spaceData.id_str
          };
          result.space.push({
            contentInfo
          });
        } else {
          let contentInfo = {
            title: null,
            desc: spaceData.modules.module_dynamic.desc?.text,
            pub_ts: spaceData.modules.module_author.pub_ts * 1e3,
            id_str: spaceData.id_str
          };
          let forwardInfo = {
            mid: spaceData.orig.modules.module_author.mid,
            name: spaceData.orig.modules.module_author.name,
            title: (
              // 转发的内容的标题
              spaceData.orig.modules.module_dynamic?.major?.archive?.title || null
            ),
            desc: spaceData.orig.modules.module_dynamic.desc?.text ?? // 转发的内容的描述
            spaceData.orig.modules.module_dynamic?.major?.archive?.desc,
            pub_ts: spaceData.orig.modules.module_author.pub_ts * 1e3,
            id_str: spaceData.orig.id_str
          };
          if (typeof forwardInfo.desc === "string" && Array.isArray(
            spaceData.orig.modules.module_dynamic?.desc?.rich_text_nodes
          )) {
            spaceData.orig.modules.module_dynamic.desc.rich_text_nodes.forEach(
              (richInfo) => {
                if (richInfo.type === "RICH_TEXT_NODE_TYPE_AT") {
                  forwardInfo.desc = forwardInfo.desc?.replace(richInfo.text, "");
                }
              }
            );
          }
          result.space.push({
            contentInfo,
            forwardInfo
          });
        }
      });
      return result;
    },
    /**
     * 创建查询按钮
     * @param queryMIDFn 查询mid的函数
     */
    createSearchButton(queryMIDFn) {
      let $compositionCheckable = domUtils.createElement("div", {
        className: "composition-checkable",
        innerHTML: (
          /*html*/
          `
                <div class="composition-badge-control">
                    <span class="composition-name-control">
                        ${this.$data.searchIcon}
                    </span>
                </div>
            `
        )
      });
      let $compositionNameControl = $compositionCheckable.querySelector(
        ".composition-name-control"
      );
      domUtils.on($compositionCheckable, "click", async (event) => {
        utils.preventEvent(event);
        if ($compositionCheckable.hasAttribute("data-is-searching")) {
          log$1.error("正在搜索中，请稍后再试");
          return;
        }
        $compositionCheckable.setAttribute("data-is-searching", "");
        domUtils.html($compositionNameControl, "...");
        try {
          if (BilibiliComponentDetectionRule.$data.ruleData.length === 0) {
            Qmsg.warning("未配置规则，请在设置中进行添加");
            domUtils.html($compositionNameControl, this.$data.searchIcon);
            return;
          }
          let mid = queryMIDFn();
          this.clearLabel($compositionCheckable);
          let userInfo = await this.queryUserInfo(mid);
          this.handleShowLabel(mid, userInfo, $compositionCheckable);
          domUtils.html($compositionNameControl, this.$data.searchIcon);
        } catch (error) {
          log$1.error(error);
          Qmsg.error(error.message, {
            timeout: 3500
          });
          domUtils.html($compositionNameControl, "重试");
        } finally {
          $compositionCheckable.removeAttribute("data-is-searching");
        }
      });
      return {
        $container: $compositionCheckable,
        $compositionNameControl
      };
    },
    /**
     * 创建标签
     * @param data
     */
    createLabel(data2) {
      let $label = domUtils.createElement("div", {
        className: "composition-checked",
        innerHTML: (
          /*html*/
          `
				<div class="composition-badge">
				</div>
			`
        )
      });
      let $badge = $label.querySelector(".composition-badge");
      if (data2.rule.data.isShowDisplayName) {
        let $compositionName = domUtils.createElement("span", {
          className: "composition-name",
          innerHTML: data2.rule.data.displayName
        });
        domUtils.append($badge, $compositionName);
      }
      if (data2.rule.data.isShowDisplayIcon) {
        let $compositionIcon = null;
        if (data2.rule.data.displayIcon.startsWith("http")) {
          $compositionIcon = domUtils.createElement(
            "img",
            {
              className: "composition-icon",
              src: data2.rule.data.displayIcon
            },
            {
              referrer: "no-referrer",
              referrerPolicy: "no-referrer"
            }
          );
        } else {
          $compositionIcon = domUtils.createElement("span", {
            className: "composition-icon",
            innerHTML: data2.rule.data.displayIcon
          });
        }
        domUtils.append($badge, $compositionIcon);
      }
      domUtils.on($badge, "click", (event) => {
        utils.preventEvent(event);
        __pops.alert({
          title: {
            text: "识别信息",
            html: false,
            position: "center"
          },
          content: {
            text: (
              /*html*/
              `
						${data2.matchedInfoList.map((it) => {
              let $el = domUtils.createElement("div", {
                className: "reason-container",
                innerHTML: (
                  /*html*/
                  `
										<div class="reason-text"><span>原因：</span>${it.reason}</div>
										<div class="reason-text"><span>匹配：</span>${typeof it.reasonLink === "string" ? (
                    /*html*/
                    `
											<a href="${it.reasonLink}" target="_blank">${it.reasonText}</a>
										`
                  ) : it.reasonText}</div>
									`
                )
              });
              if (typeof it.reasonTime === "number") {
                let $reasonTime = domUtils.createElement("div", {
                  className: "reason-text",
                  innerHTML: (
                    /*html*/
                    `
										<span>时间：</span>${utils.formatTime(it.reasonTime)}
										`
                  )
                });
                domUtils.append($el, $reasonTime);
              }
              return $el.outerHTML;
            }).join("\n")}
					`
            ),
            html: true
          },
          btn: {
            ok: { enable: false }
          },
          mask: {
            enable: true,
            clickEvent: {
              toClose: true
            }
          },
          width: PanelUISize.setting.width,
          height: PanelUISize.setting.height,
          style: (
            /*css*/
            `
					.reason-container{
						color: #7367F0;
						margin: 10px 10px;
					}
				`
          )
        });
      });
      return $label;
    },
    /**
     * 清空标签
     * @param $ele
     */
    clearLabel($ele) {
      while (true) {
        let $prev = domUtils.prev($ele);
        if (!$prev) {
          break;
        }
        if ($prev?.classList?.contains("composition-checked")) {
          $prev.remove();
        } else {
          break;
        }
      }
    },
    /**
     * 处理并显示标签
     * @param mid 用户mid
     * @param data
     * @param $searchContainer
     */
    handleShowLabel(mid, data2, $searchContainer) {
      if (BilibiliComponentDetectionRule.$data.ruleData.length === 0) {
        Qmsg.warning("未配置规则，请在设置中进行添加");
        return;
      }
      mid = mid.toString();
      if (BilibiliComponentDetectionRule.$data.whiteList.includes(mid)) {
        return;
      }
      let matchedAllRule = [];
      let pushMatchedRule = (rule, matchedInfo) => {
        let findValue = matchedAllRule.find((it) => it.rule === rule);
        if (findValue) {
          findValue.matchedInfoList.push(matchedInfo);
        } else {
          matchedAllRule.push({
            rule,
            matchedInfoList: [matchedInfo]
          });
        }
      };
      BilibiliComponentDetectionRule.$data.ruleData.forEach((ruleData) => {
        if (Array.isArray(ruleData.data.blacklist) && ruleData.data.blacklist.find((it) => it.toString() === mid)) {
          pushMatchedRule(ruleData, {
            reason: "黑名单用户",
            reasonText: mid,
            reasonLink: BilibiliUrl.getUserSpaceUrl(mid),
            reasonTime: null
          });
          return;
        }
        if (Array.isArray(ruleData.data.followings)) {
          let reason = "关注列表";
          let reasonText = "";
          let checkFlag = ruleData.data.followings.some((followId) => {
            let __check__flag__ = data2.following.some((followingData) => {
              return followingData.mid.toString() === followId.toString();
            });
            if (__check__flag__) {
              reasonText = followId.toString();
            }
            return __check__flag__;
          });
          if (checkFlag) {
            pushMatchedRule(ruleData, {
              reason,
              reasonText,
              reasonLink: BilibiliUrl.getUserSpaceUrl(reasonText),
              reasonTime: null
            });
          }
        }
        if (Array.isArray(ruleData.data.keywords)) {
          ruleData.data.keywords.forEach((keyword) => {
            for (let spaceIndex = 0; spaceIndex < data2.space.length; spaceIndex++) {
              const spaceData = data2.space[spaceIndex];
              let reason = "";
              let reasonText = keyword;
              let reasonLink = `/opus/${spaceData.contentInfo.id_str}`;
              let reasonTime = spaceData.contentInfo.pub_ts;
              if (spaceData.forwardInfo == null) {
                if (typeof spaceData.contentInfo.desc === "string" && spaceData.contentInfo.desc.match(keyword)) {
                  reason = "投稿视频简介";
                } else if (typeof spaceData.contentInfo.title === "string" && spaceData.contentInfo.title.match(keyword)) {
                  reason = "投稿视频标题";
                }
              } else {
                if (typeof spaceData.contentInfo.desc === "string" && spaceData.contentInfo.desc.match(keyword)) {
                  reason = "空间动态转发";
                } else if (typeof spaceData.forwardInfo?.title === "string" && spaceData.forwardInfo.title.match(keyword)) {
                  reason = "空间动态视频标题";
                } else if (typeof spaceData.forwardInfo?.desc === "string" && spaceData.forwardInfo.desc.match(keyword)) {
                  reason = "空间动态视频简介";
                }
              }
              if (reason !== "") {
                pushMatchedRule(ruleData, {
                  reason,
                  reasonText,
                  reasonLink,
                  reasonTime
                });
              }
            }
          });
        }
      });
      utils.sortListByProperty(
        matchedAllRule,
        (value) => {
          return value.matchedInfoList.length;
        },
        true
      );
      matchedAllRule.forEach((it) => {
        let $label = this.createLabel(it);
        domUtils.before($searchContainer, $label);
      });
    }
  };
  const BilibiliPlayListPlayer = {
    $flag: {
      isWatchVideoChange: false
    },
    $data: {
      art: null
    },
    init() {
    },
    /**
     * 更新播放信息
     * @param videoInfo
     * @param isEpChoose 是否是从选集内调用的
     */
    updateArtPlayerVideoInfo(videoInfo, isEpChoose) {
      const that = this;
      VueUtils.waitVuePropToSet(
        BilibiliData.className.playlist + " .playlist-player",
        {
          msg: "等待覆盖playlist播放器",
          check(vueInstance) {
            return typeof vueInstance?.aid === "number" && typeof vueInstance?.cid === "number" && typeof vueInstance?.bvid === "string";
          },
          async set(vueInstance) {
            $(".playlist-player .player-container")?.remove();
            let $player = $(
              BilibiliData.className.playlist + " .playlist-player"
            );
            let $playerContainer = $(
              BilibiliData.className.playlist
            );
            let playerContainerVueInstance = VueUtils.getVue($playerContainer);
            let { aid, cid, bvid } = vueInstance;
            let { title, cover: pic } = playerContainerVueInstance.video;
            log$1.info(`视频播放信息 => aid：${aid} bvid：${bvid} cid：${cid}`);
            if (videoInfo == null) {
              videoInfo = {
                aid,
                bvid,
                cid,
                pic,
                title
              };
            }
            const artPlayerOption = await GenerateArtPlayerOption$1(videoInfo);
            if (artPlayerOption == null) {
              return;
            }
            let $artPlayer = $("#artplayer");
            if (!$artPlayer) {
              const $artPlayerContainer = domUtils.createElement("div", {
                className: "artplayer-container",
                innerHTML: (
                  /*html*/
                  `
								<div id="artplayer"></div>
							`
                )
              });
              $artPlayer = $artPlayerContainer.querySelector("#artplayer");
              domUtils.append($player, $artPlayerContainer);
            }
            artPlayerOption.container = $artPlayer;
            if (that.$data.art == null) {
              let art = await BilibiliVideoArtPlayer.init(artPlayerOption);
              if (art) {
                that.$data.art = art;
              } else {
                return;
              }
              that.$data.art.volume = 1;
              that.$data.art.once("ready", () => {
                Panel.execMenu(
                  "bili-video-playerAutoPlayVideoFullScreen",
                  async () => {
                    log$1.info(`自动进入全屏`);
                    that.$data.art.fullscreen = true;
                    that.$data.art.once("fullscreenError", () => {
                      log$1.warn(
                        "未成功进入全屏，需要用户交互操作，使用网页全屏代替"
                      );
                      that.$data.art.fullscreenWeb = true;
                    });
                  }
                );
              });
              that.$data.art.on("video:ended", () => {
                log$1.info("视频播放结束，自动下一集");
                let $controlPanel = $(
                  BilibiliData.className.playlist + " .control-panel"
                );
                if (!$controlPanel) {
                  log$1.error("未找到播放列表，无法自动播放下一集");
                  return;
                }
                let controlVueInstance = VueUtils.getVue($controlPanel);
                if (controlVueInstance == null) {
                  log$1.error("未找到播放列表的Vue实例，无法自动播放下一集");
                  return;
                }
                let { playMode, mediaList, videoIndex } = vueInstance.$store.state.playlist;
                if (videoIndex >= mediaList.length - 1) {
                  log$1.info(`播放列表已播放完毕`);
                } else {
                  let $currentVideoCard = $(
                    `.video-card[index="${videoIndex}"]`
                  );
                  let currentVideoCardVueInstance = VueUtils.getVue($currentVideoCard);
                  let p = currentVideoCardVueInstance.p;
                  if (p >= currentVideoCardVueInstance.video.page) {
                    let $nextVideoCard = $(
                      `.video-card[index="${videoIndex + 1}"]`
                    );
                    let nextVideoCardVueInstance = VueUtils.getVue($nextVideoCard);
                    nextVideoCardVueInstance.changeVideo();
                    log$1.info(
                      `当前播放列表共：${mediaList.length - 1}个，即将播放下一个视频，第${videoIndex + 2}个`
                    );
                  } else {
                    p++;
                    currentVideoCardVueInstance.changeVideo(p);
                    log$1.info(
                      `当前播放列表共：${mediaList.length - 1}个，即将播放第${videoIndex + 2}-${p}`
                    );
                  }
                }
              });
            } else {
              await BilibiliVideoArtPlayer.update(
                that.$data.art,
                artPlayerOption
              );
            }
          }
        }
      );
      VueUtils.waitVuePropToSet(
        BilibiliData.className.playlist + " .playlist-player",
        {
          msg: "等待监听playlist播放列表改变",
          check(vueInstance) {
            return typeof vueInstance.$watch === "function";
          },
          set(vueInstance) {
            if (!that.$flag.isWatchVideoChange) {
              that.$flag.isWatchVideoChange = true;
              vueInstance.$watch("cid", (newVal, oldVal) => {
                log$1.info(`切换播放视频`);
                that.updateArtPlayerVideoInfo();
              });
            }
          }
        }
      );
    }
  };
  const BilibiliPlayList = {
    init() {
      this.coverVideoPlayer();
    },
    /**
     * 覆盖视频播放器
     */
    coverVideoPlayer() {
      if (document.querySelector("#artplayer")) {
        log$1.warn("已存在播放器，更新播放信息");
      } else {
        addStyle(
          /*css*/
          `
			#app .playlist .playlist-player .player-container{
				display: none !important;
			}
			
			${artPlayerCommonCSS}
			
			${artPlayerCSS$1}
			
			`
        );
      }
      BilibiliPlayListPlayer.updateArtPlayerVideoInfo();
    }
  };
  const Bilibili = {
    init() {
      BilibiliGlobalData.init();
      BilibiliVueProp.init();
      Panel.execMenuOnce("bili-allowCopy", () => {
        return addStyle(
          /*css*/
          `
				.v-drawer{
					-webkit-user-select: unset !important;
					-moz-user-select: unset !important;
					user-select: unset !important;
				}
			`
        );
      });
      Panel.onceExec("listenRouterChange", () => {
        this.listenRouterChange();
      });
      Panel.execMenuOnce("bili-hookSetTimeout_autoOpenApp", () => {
        log$1.info("hook  window.setTimeout autoOpenApp");
        BilibiliHook.setTimeout("autoOpenApp");
        BilibiliHook.setTimeout("bilibili://");
        BilibiliHook.setTimeout("void 0 !== y && document[y]");
      });
      Panel.execMenuOnce("bili-overrideLaunchAppBtn_Vue_openApp", () => {
        log$1.info("覆盖元素.launch-app-btn上的openApp");
        BilibiliHook.overRideLaunchAppBtn_Vue_openApp();
      });
      Panel.execMenuOnce("bili-cover-bili-open-app-open", () => {
        log$1.info(`覆盖元素bili-open-app上的opener.open`);
        BilibiliHook.overRideBiliOpenApp();
      });
      Panel.execMenuOnce("bili-cover-wx-tag-handleClick", () => {
        log$1.info(`覆盖元素.wx-tag的handleClick函数`);
        BilibiliHook.overRideWxTaghandleClick();
      });
      Panel.execMenuOnce("bili-head-beautify", () => {
        log$1.info("添加美化CSS");
        return addStyle(BilibiliBeautifyCSS);
      });
      Panel.execMenuOnce("bili-componentDetection", () => {
        BilibiliComponentDetection.init();
      });
      if (BilibiliRouter.isVideo()) {
        log$1.info("Router: 视频稿件");
        BilibiliVideo.init();
      } else if (BilibiliRouter.isOpus()) {
        log$1.info("Router: 专栏稿件");
        BilibiliOpus.init();
      } else if (BilibiliPCRouter.isReadMobile()) {
        log$1.info("PC-Router: 专栏稿件");
        BilibiliReadMobile.init();
      } else if (BilibiliRouter.isDynamic()) {
        log$1.info("Router: 动态");
        BilibiliDynamic.init();
      } else if (BilibiliRouter.isBangumi()) {
        log$1.info("Router: 番剧");
        BilibiliBangumi.init();
      } else if (BilibiliRouter.isSearch()) {
        log$1.info("Router: 搜索");
        BilibiliSearch.init();
      } else if (BilibiliRouter.isLive()) {
        log$1.info("Router: 直播");
        BilibiliLive.init();
      } else if (BilibiliRouter.isTopicDetail()) {
        log$1.info("Router: 话题");
      } else if (BilibiliRouter.isHead()) {
        log$1.info("Router: 首页之类的");
        BilibiliHead.init();
      } else if (BilibiliRouter.isSpace()) {
        log$1.info("Router: 个人空间");
        BilibiliSpace.init();
      } else if (BilibiliRouter.isPlayList()) {
        log$1.info(`Router: 播放列表`);
        BilibiliPlayList.init();
      } else {
        log$1.error("该Router暂未适配，可能是首页之类：" + window.location.href);
      }
      domUtils.ready(() => {
      });
    },
    /**
     * 监听路由变化
     */
    listenRouterChange() {
      VueUtils.waitVuePropToSet("#app", {
        msg: "监听路由变化",
        check: (vueInstance) => {
          return typeof vueInstance?.$router?.afterEach === "function";
        },
        set: (vueInstance) => {
          log$1.success("成功设置监听路由变化");
          vueInstance.$router.beforeHooks.splice(
            0,
            0,
            (to, from, next) => {
              log$1.info("路由变化 => 更新前", {
                to,
                from
              });
              if (to["hash"] === "#/seeCommentReply" || from["hash"] === "#/seeCommentReply") {
                log$1.info("该路由变化判定为#/seeCommentReply");
                next();
                return;
              }
              if (Panel.getValue("bili-repairVueRouter404")) {
                if (to.name === "space") {
                  log$1.info(`修复空间跳转404`);
                  window.location.href = to.fullPath;
                  return;
                }
              }
              if (to.fullPath.startsWith("/video")) {
                if (from.fullPath.startsWith("/video") && Panel.getValue("bili-video-forceThisPageToRefreshAndRedirect")) {
                  log$1.info(`强制本页刷新`);
                  window.location.href = to.fullPath;
                  return;
                } else if (BilibiliRouter.isHead() && Panel.getValue("bili-head-openVideoInNewTab")) {
                  log$1.info(`当前是首页，新标签页打开`);
                  window.open(to.fullPath, "_blank");
                  return;
                }
              } else if (to.fullPath.startsWith("/bangumi")) {
                if (from.fullPath.startsWith("/bangumi")) {
                  log$1.info(`番剧 => 番剧`);
                  window.location.href = to.fullPath;
                  return;
                } else if (BilibiliRouter.isHead() && Panel.getValue("bili-head-openVideoInNewTab")) {
                  log$1.info(`首页 => 番剧`);
                  window.open(to.fullPath, "_blank");
                  return;
                }
              }
              next();
            }
          );
          vueInstance.$router.afterHooks.splice(
            0,
            0,
            (to, from) => {
              log$1.info("路由变化 => 更新后", {
                to,
                from
              });
              if (to["hash"] === "#/seeCommentReply" || from["hash"] === "#/seeCommentReply") {
                log$1.info("该路由变化判定为#/seeCommentReply，不重载");
                return;
              }
              Panel.execMenu("bili-listenRouterChange", () => {
                Bilibili.init();
              });
            }
          );
        }
      });
    }
  };
  const UISelect = function(text, key, defaultValue, data2, changeCallback, description) {
    let selectData = [];
    if (typeof data2 === "function") {
      selectData = data2();
    } else {
      selectData = data2;
    }
    let result = {
      text,
      type: "select",
      description,
      attributes: {},
      props: {},
      getValue() {
        let storageApiValue = this.props[PROPS_STORAGE_API];
        return storageApiValue.get(key, defaultValue);
      },
      callback(event, isSelectedValue, isSelectedText) {
        let value = isSelectedValue;
        log$1.info(`选择：${isSelectedText}`);
        if (typeof changeCallback === "function") {
          let result2 = changeCallback(event, value, isSelectedText);
          if (result2) {
            return;
          }
        }
        let storageApiValue = this.props[PROPS_STORAGE_API];
        storageApiValue.set(key, value);
      },
      data: selectData
    };
    Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
    Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
    PanelComponents.initComponentsStorageApi(
      "select",
      result,
      {
        get(key2, defaultValue2) {
          return Panel.getValue(key2, defaultValue2);
        },
        set(key2, value) {
          Panel.setValue(key2, value);
        }
      }
    );
    return result;
  };
  const UIButton = function(text, description, buttonText, buttonIcon, buttonIsRightIcon, buttonIconIsLoading, buttonType, clickCallBack, afterAddToUListCallBack, disable) {
    let result = {
      text,
      type: "button",
      attributes: {},
      props: {},
      description,
      buttonIcon,
      buttonIsRightIcon,
      buttonIconIsLoading,
      buttonType,
      buttonText,
      callback(event) {
        if (typeof clickCallBack === "function") {
          clickCallBack(event);
        }
      },
      afterAddToUListCallBack
    };
    Reflect.set(result.attributes, ATTRIBUTE_INIT, () => {
      result.disable = Boolean(
        disable
      );
    });
    return result;
  };
  const SettingUICommon = {
    id: "panel-common",
    title: "通用",
    forms: [
      {
        text: "",
        type: "forms",
        forms: [
          {
            text: "功能",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "监听路由-重载所有功能",
                    "bili-listenRouterChange",
                    true,
                    void 0,
                    "用于处理页面跳转(本页)时功能不生效问题"
                  ),
                  UISwitch(
                    "修复VueRouter跳转404问题",
                    "bili-repairVueRouter404",
                    true,
                    void 0,
                    "例如：点击UP主正确进入空间"
                  ),
                  UISwitch(
                    "新标签页打开",
                    "bili-go-to-url-blank",
                    false,
                    void 0,
                    "通过开启【覆盖点击事件】相关的设置，通过新标签页打开链接"
                  ),
                  UISwitch(
                    "允许复制",
                    "bili-allowCopy",
                    true,
                    void 0,
                    "一般用于处理楼层的回复弹窗内无法选中复制问题"
                  )
                  // UISwitch(
                  // 	"自动删除Cookie buvid3",
                  // 	"common_auto_delete_cookie_buvid3",
                  // 	true
                  // ),
                ]
              }
            ]
          },
          {
            text: "变量设置",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "noCallApp",
                    "bili-noCallApp",
                    true,
                    void 0,
                    "$store.state.common.noCallApp=true"
                  ),
                  UISwitch(
                    "isLogin",
                    "bili-setLogin",
                    true,
                    void 0,
                    [
                      "$store.state.common.userInfo.isLogin=true",
                      "$store.state.loginInfo.isLogin=true"
                    ].join("<br>")
                  ),
                  UISwitch(
                    "isClient",
                    "bili-setIsClient",
                    true,
                    void 0,
                    [
                      "$store.state.video.isClient=true",
                      "$store.state.opus.isClient=true",
                      "$store.state.playlist.isClient=true",
                      "$store.state.ver.bili=true",
                      "$store.state.ver.biliVer=2333"
                    ].join("<br>")
                  )
                  // UISwitch(
                  // 	"tinyApp",
                  // 	"bili-setTinyApp",
                  // 	true,
                  // 	void 0,
                  // 	"$store.state.common.tinyApp=true"
                  // ),
                ]
              }
            ]
          },
          {
            text: "劫持/拦截",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "覆盖.launch-app-btn openApp",
                    "bili-overrideLaunchAppBtn_Vue_openApp",
                    true,
                    void 0,
                    "覆盖.launch-app-btn元素上的openApp函数，可阻止点击唤醒/下载App"
                  ),
                  UISwitch(
                    "覆盖bili-open-app opener.open",
                    "bili-cover-bili-open-app-open",
                    true,
                    void 0,
                    "覆盖bili-open-app/m-open-app元素上的opener.open函数，可阻止点击唤醒/下载App，如果存在有效链接，会自动跳转"
                  ),
                  UISwitch(
                    "覆盖.wx-tag的handleClick",
                    "bili-cover-wx-tag-handleClick",
                    true,
                    void 0,
                    "覆盖.wx-tag元素上的点击事件，让它直接打开视频"
                  ),
                  UISwitch(
                    "劫持setTimeout-autoOpenApp",
                    "bili-hookSetTimeout_autoOpenApp",
                    true,
                    void 0,
                    "阻止自动调用App"
                  )
                ]
              }
            ]
          },
          {
            type: "deepMenu",
            text: "成分检测",
            forms: [
              {
                type: "forms",
                text: "",
                forms: [
                  UISwitch(
                    "启用",
                    "bili-componentDetection",
                    true,
                    void 0,
                    "启用后可检测用户的成分信息"
                  ),
                  UIButton(
                    "自定义规则",
                    "检测用户成分的规则",
                    "管理",
                    void 0,
                    false,
                    false,
                    "primary",
                    () => {
                      BilibiliComponentDetectionRule.showView();
                    }
                  )
                ]
              },
              {
                type: "forms",
                text: "",
                forms: [
                  UIButton(
                    "数据导入",
                    "导入自定义规则数据",
                    "导入",
                    void 0,
                    false,
                    false,
                    "primary",
                    () => {
                      BilibiliComponentDetectionRule.importRule();
                    }
                  ),
                  UIButton(
                    "数据导出",
                    "导出自定义规则数据",
                    "导出",
                    void 0,
                    false,
                    false,
                    "primary",
                    () => {
                      BilibiliComponentDetectionRule.exportRule("成分检测.json");
                    }
                  )
                ]
              }
            ]
          }
        ]
      },
      {
        text: "",
        type: "forms",
        forms: [
          {
            text: "数据配置",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UIInput(
                    "access_token",
                    "bili-head-recommend-access_token",
                    BilibiliQrCodeLogin.getAccessToken(),
                    "填入access_token，可用于获取推荐视频数据、番剧搜索、番剧播放等",
                    (event, value, valueAsNumber) => {
                      BilibiliQrCodeLogin.setAccessTokenInfo({
                        access_token: value,
                        expireAt: BilibiliQrCodeLogin.generateExpireAt()
                      });
                    },
                    void 0,
                    false,
                    true
                  )
                ]
              }
            ]
          },
          {
            text: "Toast配置",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISelect(
                    "Toast位置",
                    "qmsg-config-position",
                    "bottom",
                    [
                      {
                        value: "topleft",
                        text: "左上角"
                      },
                      {
                        value: "top",
                        text: "顶部"
                      },
                      {
                        value: "topright",
                        text: "右上角"
                      },
                      {
                        value: "left",
                        text: "左边"
                      },
                      {
                        value: "center",
                        text: "中间"
                      },
                      {
                        value: "right",
                        text: "右边"
                      },
                      {
                        value: "bottomleft",
                        text: "左下角"
                      },
                      {
                        value: "bottom",
                        text: "底部"
                      },
                      {
                        value: "bottomright",
                        text: "右下角"
                      }
                    ],
                    (event, isSelectValue, isSelectText) => {
                      log$1.info("设置当前Qmsg弹出位置" + isSelectText);
                    },
                    "Toast显示在页面九宫格的位置"
                  ),
                  UISelect(
                    "最多显示的数量",
                    "qmsg-config-maxnums",
                    3,
                    [
                      {
                        value: 1,
                        text: "1"
                      },
                      {
                        value: 2,
                        text: "2"
                      },
                      {
                        value: 3,
                        text: "3"
                      },
                      {
                        value: 4,
                        text: "4"
                      },
                      {
                        value: 5,
                        text: "5"
                      }
                    ],
                    void 0,
                    "限制Toast显示的数量"
                  ),
                  UISwitch(
                    "逆序弹出",
                    "qmsg-config-showreverse",
                    false,
                    void 0,
                    "修改Toast弹出的顺序"
                  )
                ]
              }
            ]
          },
          {
            text: "Cookie配置",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "启用",
                    "httpx-use-cookie-enable",
                    false,
                    void 0,
                    "启用后，将根据下面的配置进行添加cookie"
                  ),
                  UISwitch(
                    "使用document.cookie",
                    "httpx-use-document-cookie",
                    false,
                    void 0,
                    "自动根据请求的域名来获取对应的cookie"
                  ),
                  UITextArea(
                    "bilibili.com",
                    "httpx-cookie-bilibili.com",
                    "",
                    void 0,
                    void 0,
                    "Cookie格式：xxx=xxxx;xxx=xxxx"
                  )
                ]
              }
            ]
          }
        ]
      }
    ]
  };
  const SettingUIHead = {
    id: "panel-head",
    title: "首页",
    forms: [
      {
        text: "",
        type: "forms",
        forms: [
          {
            text: "功能",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "美化显示",
                    "bili-head-beautify",
                    true,
                    void 0,
                    "调整瀑布流视频卡片样式类似哔哩哔哩App"
                  ),
                  UISwitch(
                    "美化顶部NavBar",
                    "bili-beautifyTopNavBar",
                    true,
                    void 0,
                    "类似哔哩哔哩App的样式"
                  ),
                  UISwitch(
                    "补充推荐视频信息",
                    "bili-head-supplementaryVideoStreamingInformation",
                    true,
                    void 0,
                    "给视频添加UP主名，当前视频总时长信息"
                  ),
                  UISwitch(
                    "新标签页打开",
                    "bili-head-openVideoInNewTab",
                    false,
                    void 0,
                    "包括视频、番剧"
                  )
                ]
              }
            ]
          },
          {
            text: "推荐视频",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "启用",
                    "bili-head-recommend-enable",
                    true,
                    void 0,
                    "添加【推荐】标签，数据来源为App端(如果填入了access_token的话)"
                  ),
                  UISwitch(
                    "显示【图文】",
                    "bili-head-recommend-push-graphic",
                    true,
                    void 0,
                    "加载App端推送的【图文】卡片"
                  )
                ]
              }
            ]
          }
        ]
      }
    ]
  };
  const UISlider = function(text, key, defaultValue, min, max, changeCallback, getToolTipContent, description, step) {
    let result = {
      text,
      type: "slider",
      description,
      attributes: {},
      props: {},
      getValue() {
        let storageApiValue = this.props[PROPS_STORAGE_API];
        return storageApiValue.get(key, defaultValue);
      },
      getToolTipContent(value) {
        if (typeof getToolTipContent === "function") {
          return getToolTipContent(value);
        } else {
          return `${value}`;
        }
      },
      callback(event, value) {
        let storageApiValue = this.props[PROPS_STORAGE_API];
        storageApiValue.set(key, value);
      },
      min,
      max,
      step
    };
    Reflect.set(result.attributes, ATTRIBUTE_KEY, key);
    Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue);
    PanelComponents.initComponentsStorageApi(
      "slider",
      result,
      {
        get(key2, defaultValue2) {
          return Panel.getValue(key2, defaultValue2);
        },
        set(key2, value) {
          Panel.setValue(key2, value);
        }
      }
    );
    return result;
  };
  const SettingUIVideo = {
    id: "panel-video",
    title: "视频",
    isDefault() {
      return BilibiliRouter.isVideo();
    },
    forms: [
      {
        text: "",
        type: "forms",
        forms: [
          {
            text: "功能",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  // UISwitch(
                  // 	"调整视频底部区域高度",
                  // 	"bili-video-repairVideoBottomAreaHeight",
                  // 	true,
                  // 	void 0,
                  // 	"添加margin-top"
                  // ),
                  // UISwitch(
                  // 	"美化底部推荐视频",
                  // 	"bili-video-beautify",
                  // 	true,
                  // 	void 0,
                  // 	"调整底部推荐视频卡片样式类似哔哩哔哩App"
                  // ),
                  // UISwitch(
                  // 	"手势返回关闭评论区",
                  // 	"bili-video-gestureReturnToCloseCommentArea",
                  // 	true,
                  // 	void 0,
                  // 	"当浏览器手势触发浏览器回退页面时，关闭评论区"
                  // ),
                  UISwitch(
                    "强制本页刷新跳转",
                    "bili-video-forceThisPageToRefreshAndRedirect",
                    false,
                    void 0,
                    "用于处理内存泄露问题"
                  ),
                  // UISwitch(
                  // 	"修复链接跳转",
                  // 	"bili-video-repairLinkJump",
                  // 	true,
                  // 	void 0,
                  // 	"如@用户、搜索"
                  // ),
                  UISwitch(
                    "新增评论模块",
                    "bili-video-addCommentModule",
                    true,
                    void 0,
                    "用于查看当前视频的评论"
                  ),
                  UISwitch(
                    "新增简介模块",
                    "bili-video-addDescModule",
                    true,
                    void 0,
                    "用于查看当前视频的播放量、简介、一键三连等信息"
                  )
                ]
              }
              // {
              // 	type: "forms",
              // 	text: "底部Tab",
              // 	forms: [
              // 		UISwitch(
              // 			"滚动固钉Tab",
              // 			"bili-video-optimizationScroll",
              // 			true,
              // 			void 0,
              // 			"向下滚动时，自动跳转视频区域大小且对Tab进行吸附处理"
              // 		),
              // 		UISwitch(
              // 			"禁止滑动切换Tab",
              // 			"bili-video-disableSwipeTab",
              // 			false,
              // 			void 0,
              // 			"禁止左右滑动切换Tab"
              // 		),
              // 	],
              // },
            ]
          },
          {
            text: "ArtPlayer播放器",
            type: "deepMenu",
            forms: [
              {
                text: "功能",
                type: "forms",
                forms: [
                  UISwitch(
                    "启用",
                    "bili-video-enableArtPlayer",
                    true,
                    void 0,
                    "使用artplayer代替页面的播放器"
                  ),
                  UISelect(
                    "播放的视频类型",
                    "bili-video-playType",
                    "mp4",
                    [
                      {
                        text: "mp4",
                        value: "mp4"
                      },
                      {
                        text: "dash",
                        value: "dash"
                      }
                    ],
                    void 0,
                    "当选择dash时会有画质更高的选项"
                  ),
                  UISwitch(
                    "自动播放视频",
                    "bili-video-playerAutoPlayVideo",
                    false,
                    void 0,
                    ""
                  ),
                  UISwitch(
                    "自动进入全屏",
                    "bili-video-playerAutoPlayVideoFullScreen",
                    false,
                    void 0,
                    ""
                  )
                ]
              },
              {
                text: "控件设置",
                type: "forms",
                forms: [
                  UISlider(
                    "controls左右边距",
                    "bili-video-artplayer-controlsPadding-left-right",
                    0,
                    0,
                    50,
                    void 0,
                    (value) => {
                      return value + "px";
                    },
                    "可用于全屏横屏适配屏幕",
                    1
                  )
                ]
              },
              {
                text: "插件",
                type: "forms",
                forms: [
                  UISwitch(
                    "弹幕",
                    "artplayer-plugin-video-danmaku-enable",
                    true,
                    void 0,
                    "哔哩哔哩 (゜-゜)つロ 干杯~"
                  ),
                  UISwitch(
                    "Dash Audio Support",
                    "artplayer-plugin-video-m4sAudioSupport-enable",
                    true,
                    void 0,
                    "视频类型为dash时，该插件可支持播放音频"
                  ),
                  UISwitch(
                    "选集",
                    "artplayer-plugin-video-epChoose-enable",
                    true,
                    void 0,
                    "当视频播放完毕后会自动连播"
                  ),
                  UISwitch(
                    "CC字幕",
                    "artplayer-plugin-video-cc-subtitle-enable",
                    true,
                    void 0,
                    "字幕支持插件，如果存在繁体字幕，则自动生成简体字幕"
                  ),
                  UISwitch(
                    "顶部工具栏",
                    "artplayer-plugin-video-toptoolbar-enable",
                    true,
                    void 0,
                    "显示视频标题和当前观看人数"
                  ),
                  UISwitch(
                    "视频统计信息",
                    "artplayer-plugin-video-statistics-enable",
                    true,
                    void 0,
                    "用于显示当前视频信息的弹窗"
                  )
                ]
              },
              {
                text: "加速CDN设置",
                type: "forms",
                forms: [
                  UISelect(
                    "UPOS服务器设置",
                    "bili-video-uposServerSelect",
                    "",
                    BilibiliCDNProxy.getUposCDNServerList().map((item) => {
                      return {
                        text: item.name,
                        value: item.host
                      };
                    }),
                    void 0,
                    "设置视频流的服务器，可加快视频加载速度"
                  ),
                  UISwitch(
                    "作用于Audio上",
                    "bili-video-uposServerSelect-applyAudio",
                    false,
                    void 0,
                    "把m4s类型的audio也进行upos替换"
                  )
                ]
              }
            ]
          },
          {
            text: "覆盖点击事件",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "UP主信息",
                    "bili-video-cover-UpWrapper",
                    true,
                    void 0,
                    "点击UP主头像/名称可跳转至UP主空间"
                  ),
                  UISwitch(
                    "相关视频",
                    "bili-video-cover-bottomRecommendVideo",
                    true,
                    void 0,
                    "点击下面的相关视频可正确跳转至该视频"
                  ),
                  UISwitch(
                    "选集",
                    "bili-video-cover-seasonNew",
                    true,
                    void 0,
                    "点击下面的选集列表内的视频可正确跳转至该视频"
                  )
                ]
              }
            ]
          },
          {
            text: "劫持/拦截",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "阻止调用App",
                    "bili-video-hook-callApp",
                    true,
                    void 0,
                    "处理函数: PlayerAgent"
                  )
                ]
              }
            ]
          }
        ]
      }
    ]
  };
  const SettingUIOpus = {
    id: "panel-opus",
    title: "专栏",
    isDefault() {
      return BilibiliRouter.isOpus();
    },
    forms: [
      {
        text: "",
        type: "forms",
        forms: [
          {
            text: "功能",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "自动展开阅读全文",
                    "bili-opus-automaticallyExpandToReadFullText",
                    true,
                    void 0,
                    "屏蔽【展开阅读全文】按钮并自动处理全文高度"
                  )
                ]
              }
            ]
          },
          {
            text: "变量设置",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "autoOpenApp",
                    "bili-opus-variable-autoOpenApp",
                    true,
                    void 0,
                    "autoOpenApp函数置空"
                  ),
                  UISwitch(
                    "go404",
                    "bili-opus-variable-go404",
                    true,
                    void 0,
                    "go404函数置空，可禁止前往404页面"
                  ),
                  UISwitch(
                    "handleFallback",
                    "bili-opus-variable-handleFallback",
                    true,
                    void 0,
                    "禁止前往404页面"
                  )
                ]
              }
            ]
          },
          {
            text: "覆盖点击事件",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "话题",
                    "bili-opus-cover-topicJump",
                    true,
                    void 0,
                    "点击话题正确跳转"
                  ),
                  UISwitch(
                    "header用户",
                    "bili-opus-cover-header",
                    true,
                    void 0,
                    "点击内容上的发布本动态的用户正确跳转个人空间"
                  )
                ]
              }
            ]
          }
        ]
      }
    ]
  };
  const SettingUIDynamic = {
    id: "panel-dynamic",
    title: "动态",
    isDefault() {
      return BilibiliRouter.isDynamic();
    },
    forms: [
      {
        text: "",
        type: "forms",
        forms: [
          {
            text: "覆盖点击事件",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "话题",
                    "bili-dynamic-cover-topicJump",
                    true,
                    void 0,
                    "点击话题正确跳转"
                  ),
                  UISwitch(
                    "header用户",
                    "bili-dynamic-cover-header",
                    true,
                    void 0,
                    "点击内容上的发布本动态的用户正确跳转个人空间"
                  ),
                  UISwitch(
                    "@用户",
                    "bili-dynamic-cover-atJump",
                    true,
                    void 0,
                    "点击@用户正确跳转个人空间"
                  ),
                  UISwitch(
                    "引用",
                    "bili-dynamic-cover-referenceJump",
                    true,
                    void 0,
                    "点击引用的视频|用户正确跳转"
                  )
                ]
              }
            ]
          }
        ]
      }
    ]
  };
  const SettingUIBangumi = {
    id: "panel-bangumi",
    title: "番剧",
    isDefault() {
      return BilibiliRouter.isBangumi();
    },
    forms: [
      {
        text: "",
        type: "forms",
        forms: [
          {
            text: "功能",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "固定缩放倍率",
                    "bili-bangumi-initialScale",
                    true,
                    void 0,
                    ""
                  )
                ]
              }
            ]
          },
          {
            text: "ArtPlayer播放器",
            type: "deepMenu",
            forms: [
              {
                text: "控件设置",
                type: "forms",
                forms: [
                  UISlider(
                    "controls左右边距",
                    "bili-bangumi-artplayer-controlsPadding-left-right",
                    0,
                    0,
                    50,
                    void 0,
                    (value) => {
                      return value + "px";
                    },
                    "可用于全屏横屏适配屏幕",
                    1
                  )
                ]
              },
              {
                text: "插件",
                type: "forms",
                forms: [
                  UISwitch(
                    "弹幕",
                    "artplayer-plugin-bangumi-danmaku-enable",
                    true,
                    void 0,
                    "哔哩哔哩 (゜-゜)つロ 干杯~"
                  ),
                  UISwitch(
                    "Dash Audio Support",
                    "artplayer-plugin-bangumi-m4sAudioSupport-enable",
                    true,
                    void 0,
                    "视频类型为dash时，该插件可支持播放音频"
                  ),
                  UISwitch(
                    "选集",
                    "artplayer-plugin-bangumi-epChoose-enable",
                    true,
                    void 0,
                    "当视频播放完毕后会自动连播"
                  ),
                  UISwitch(
                    "CC字幕",
                    "artplayer-plugin-bangumi-cc-subtitle-enable",
                    true,
                    void 0,
                    "字幕支持插件，如果存在繁体字幕，则自动生成简体字幕"
                  ),
                  UISwitch(
                    "顶部工具栏",
                    "artplayer-plugin-bangumi-toptoolbar-enable",
                    true,
                    void 0,
                    "显示视频标题和当前观看人数"
                  ),
                  UISwitch(
                    "空降助手",
                    "artplayer-plugin-bangumi-airborneHelper-enable",
                    true,
                    void 0,
                    "如果获取到的信息中存在空降信息，如跳过片头片尾，那么会自动跳过"
                  ),
                  UISwitch(
                    "视频统计信息",
                    "artplayer-plugin-bangumi-statistics-enable",
                    true,
                    void 0,
                    "用于显示当前视频信息的弹窗"
                  )
                ]
              },
              {
                text: "解除区域限制",
                type: "forms",
                forms: [
                  UISwitch(
                    "解锁番剧限制",
                    "bili-bangumi-unlockAreaLimit",
                    false,
                    void 0,
                    "使用户可以观看区域外版权番剧"
                  ),
                  UISwitch(
                    "生成简中字幕",
                    "bili-bangumi-generateSimpleChineseSubtitle",
                    true,
                    void 0,
                    "根据繁体字幕自动生成简体中文字幕"
                  )
                ]
              },
              {
                text: "加速CDN设置",
                type: "forms",
                forms: [
                  UISelect(
                    "UPOS服务器设置",
                    "bili-bangumi-uposServerSelect",
                    "",
                    BilibiliCDNProxy.getUposCDNServerList().map((item) => {
                      return {
                        text: item.name,
                        value: item.host
                      };
                    }),
                    void 0,
                    "设置解锁番剧的服务器，可加快视频加载速度"
                  ),
                  UISwitch(
                    "作用于Audio上",
                    "bili-bangumi-uposServerSelect-applyAudio",
                    false,
                    void 0,
                    "把m4s类型的audio也进行upos替换"
                  )
                ]
              },
              {
                text: "<a href='https://github.com/yujincheng08/BiliRoaming/wiki/%E5%85%AC%E5%85%B1%E8%A7%A3%E6%9E%90%E6%9C%8D%E5%8A%A1%E5%99%A8' target='_blank'>解析服务器</a>",
                type: "forms",
                forms: [
                  UIInput(
                    "中国大陆",
                    "bili-bangumi-proxyApiServer-default",
                    "",
                    "用于请求播放地址的代理",
                    void 0,
                    "bilibili优化.example.com"
                  ),
                  UIInput(
                    "香港",
                    "bili-bangumi-proxyApiServer-hk",
                    "",
                    "用于请求播放地址的代理",
                    void 0,
                    "bilibili优化.example.com"
                  ),
                  UIInput(
                    "台湾",
                    "bili-bangumi-proxyApiServer-tw",
                    "",
                    "用于请求播放地址的代理",
                    void 0,
                    "bilibili优化.example.com"
                  ),
                  UIInput(
                    "泰国/东南亚",
                    "bili-bangumi-proxyApiServer-tha-or-sea",
                    "",
                    "用于请求播放地址的代理",
                    void 0,
                    "bilibili优化.example.com"
                  )
                ]
              }
            ]
          },
          {
            text: "覆盖点击事件",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "【选集】",
                    "bili-bangumi-cover-clicl-event-chooseEp",
                    true,
                    void 0,
                    "让【选集】的视频列表可点击跳转"
                  ),
                  UISwitch(
                    "【其它】",
                    "bili-bangumi-cover-clicl-event-other",
                    true,
                    void 0,
                    "让【PV&其他】、【预告】、【主题曲】、【香境剧场】等的视频列表可点击跳转"
                  ),
                  UISwitch(
                    "【更多推荐】",
                    "bili-bangumi-cover-clicl-event-recommend",
                    true,
                    void 0,
                    "让【更多推荐】的视频列表可点击跳转"
                  )
                ]
              }
            ]
          },
          {
            text: "劫持/拦截",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "阻止调用App",
                    "bili-bangumi-hook-callApp",
                    true,
                    void 0,
                    ""
                  )
                ]
              }
            ]
          }
        ]
      }
    ]
  };
  const SettingUISearch = {
    id: "panel-search",
    title: "搜索",
    isDefault() {
      return BilibiliRouter.isSearch();
    },
    forms: [
      {
        type: "forms",
        text: "",
        forms: [
          {
            type: "deepMenu",
            text: "功能",
            forms: [
              {
                type: "forms",
                text: "",
                forms: [
                  UISwitch(
                    "搜索框自动获取焦点",
                    "bili-search-inputAutoFocus",
                    true,
                    void 0,
                    ""
                  ),
                  UISwitch(
                    "美化搜索结果",
                    "bili-search-beautifySearchResult",
                    true,
                    void 0,
                    "重构搜索结果的样式"
                  ),
                  UISwitch(
                    "开启其它地区番剧搜索",
                    "bili-search-enableOtherAreaSearchBangumi",
                    false,
                    void 0,
                    "在搜索页面添加其它地区番剧搜索结果，需要解析服务器支持"
                  )
                ]
              },
              {
                text: "<a href='https://github.com/yujincheng08/BiliRoaming/wiki/%E5%85%AC%E5%85%B1%E8%A7%A3%E6%9E%90%E6%9C%8D%E5%8A%A1%E5%99%A8' target='_blank'>搜索服务器</a>",
                type: "forms",
                forms: [
                  UIInput(
                    "香港",
                    "bili-search-proxyApiServer-hk",
                    "",
                    "用于搜索番剧结果的代理",
                    void 0,
                    "bilibili优化.example.com"
                  ),
                  UIInput(
                    "台湾",
                    "bili-search-proxyApiServer-tw",
                    "",
                    "用于搜索番剧结果的代理",
                    void 0,
                    "bilibili优化.example.com"
                  ),
                  UIInput(
                    "泰国/东南亚",
                    "bili-search-proxyApiServer-tha-or-sea",
                    "",
                    "用于搜索番剧结果的代理",
                    void 0,
                    "bilibili优化.example.com"
                  )
                ]
              }
            ]
          },
          {
            type: "deepMenu",
            text: "覆盖点击事件",
            forms: [
              {
                type: "forms",
                text: "",
                forms: [
                  UISwitch(
                    "取消",
                    "bili-search-cover-cancel",
                    false,
                    void 0,
                    "点击取消按钮回退至上一页"
                  ),
                  UISwitch(
                    "搜索结果",
                    "bili-search-cover-card-result-click-event",
                    true,
                    void 0,
                    "修复点击搜索结果不跳转视频的问题"
                  )
                ]
              }
            ]
          },
          {
            text: "变量设置",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "noCallApp",
                    "bili-search-vue-prop-noCallApp",
                    true,
                    void 0,
                    "noCallApp = true"
                  ),
                  UISwitch(
                    "openAppDialog",
                    "bili-search-vue-prop-openAppDialog",
                    true,
                    void 0,
                    "openAppDialog = false"
                  )
                ]
              }
            ]
          }
        ]
      }
    ]
  };
  const SettingUISpace = {
    id: "panel-space",
    title: "个人空间",
    isDefault() {
      return BilibiliRouter.isSpace();
    },
    forms: [
      {
        text: "",
        type: "forms",
        forms: [
          {
            text: "功能",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "修复正确跳转",
                    "bili-space-repairRealJump",
                    true,
                    void 0,
                    "修复视频|动态的正确跳转，避免跳转404"
                  )
                ]
              }
            ]
          },
          {
            text: "覆盖点击事件",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "动态视频",
                    "bili-space-coverDynamicStateCardVideo",
                    true,
                    void 0,
                    "点击发布动态的视频可正常跳转至该视频"
                  )
                ]
              }
            ]
          }
        ]
      }
    ]
  };
  const SettingUILive = {
    id: "panel-live",
    title: "直播",
    isDefault() {
      return BilibiliRouter.isLive();
    },
    forms: [
      {
        text: "",
        type: "forms",
        forms: [
          {
            text: "屏蔽",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "【屏蔽】聊天室",
                    "bili-live-block-chatRoom",
                    false,
                    void 0,
                    "直接不显示底部的聊天室"
                  ),
                  UISwitch(
                    "【屏蔽】xxx进入直播间",
                    "bili-live-block-brush-prompt",
                    false,
                    void 0,
                    "直接不显示底部的xxx进入直播间"
                  ),
                  UISwitch(
                    "【屏蔽】控制面板",
                    "bili-live-block-control-panel",
                    false,
                    void 0,
                    "屏蔽底部的发个弹幕、送礼"
                  )
                ]
              }
            ]
          },
          {
            text: "劫持/拦截",
            type: "deepMenu",
            forms: [
              {
                text: "",
                type: "forms",
                forms: [
                  UISwitch(
                    "阻止open-app-btn元素点击事件触发",
                    "bili-live-prevent-openAppBtn",
                    true,
                    void 0,
                    "开启后可不跳转至唤醒App页面"
                  )
                ]
              }
            ]
          }
        ]
      }
    ]
  };
  const SettingUITopicDetail = {
    id: "panel-topic-detail",
    title: "话题",
    isDefault() {
      return BilibiliRouter.isTopicDetail();
    },
    forms: []
  };
  PanelContent.addContentConfig([
    SettingUICommon,
    SettingUIHead,
    SettingUIVideo,
    SettingUIOpus,
    SettingUIDynamic,
    SettingUIBangumi,
    SettingUITopicDetail,
    SettingUISearch,
    SettingUISpace,
    SettingUILive
  ]);
  PanelMenu.addMenuOption([
    {
      key: "go_to_login",
      text: "🛠 前往登录",
      autoReload: false,
      isStoreValue: false,
      showText(text) {
        return text;
      },
      callback() {
        BilibiliUtils.goToLogin();
      }
    },
    {
      key: "go_to_login_to_parse_access_key",
      text: "🛠 扫码并解析access_key",
      autoReload: false,
      isStoreValue: false,
      showText(text) {
        return text;
      },
      callback() {
        BilibiliQrCodeLogin.init();
      }
    }
  ]);
  Panel.init();
  Bilibili.init();
  __pops.config.cssText.index += /*css*/
`
/* bilibili颜色 #FB7299 */
.pops{
    --bili-color: #FB7299;
    --bili-color-rgb: 251, 114, 153;
}
`  ;
  __pops.config.cssText.panelCSS += /*css*/
`

.pops-slider{
    --pops-slider-main-bg-color: var(--bili-color);
    --pops-slider-color-primary: var(--bili-color);
}
aside.pops-panel-aside .pops-is-visited, aside.pops-panel-aside ul li:hover{
    color: rgb(var(--bili-color-rgb));
    background: rgba(var(--bili-color-rgb), 0.1);
}
/* switch的 */
.pops-panel-switch.pops-panel-switch-is-checked span.pops-panel-switch__core{
    border-color: rgb(var(--bili-color-rgb),var(--pops-bd-opacity));
    background-color: rgb(var(--bili-color-rgb),var(--pops-bg-opacity));
}
.pops button[type="primary"],
.pops button[type="primary"]:active ,
.pops button[type="primary"]:hover{
    --button-color: #ffffff;
    --button-bd-color: var(--bili-color);
    --button-bg-color: var(--bili-color);
}
`  ;

})(Qmsg, DOMUtils, Utils, pops, MD5, Artplayer, artplayerPluginDanmuku, Viewer, MD5);