view bilibili pc page on mobile phone
// ==UserScript==
// @name Bilibili Mobile
// @name:zh-CN bilibili 移动端
// @namespace https://github.com/jk278/bilibili-pc2mobile
// @version 5.0-beta.10
// @description view bilibili pc page on mobile phone
// @description:zh-CN Safari打开电脑模式，其它浏览器关闭电脑模式修改网站UA，获取舒适的移动端体验。
// @author jk278
// @license MIT
// @match https://*.bilibili.com/*
// @exclude https://message.bilibili.com/pages/nav/*
// @grant GM_registerMenuCommand
// @grant GM_getValue
// @grant GM_setValue
// @run-at document-start
// @icon https://www.bilibili.com/favicon.ico
// @require https://unpkg.com/js-md5@latest/src/md5.js
// ==/UserScript==
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ([
/* 0 */,
/* 1 */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_app_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8);
var options = {};
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_app_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_app_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_app_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_app_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
/***/ }),
/* 2 */
/***/ ((module) => {
var stylesInDOM = [];
function getIndexByIdentifier(identifier) {
var result = -1;
for (var i = 0; i < stylesInDOM.length; i++) {
if (stylesInDOM[i].identifier === identifier) {
result = i;
break;
}
}
return result;
}
function modulesToDom(list, options) {
var idCountMap = {};
var identifiers = [];
for (var i = 0; i < list.length; i++) {
var item = list[i];
var id = options.base ? item[0] + options.base : item[0];
var count = idCountMap[id] || 0;
var identifier = "".concat(id, " ").concat(count);
idCountMap[id] = count + 1;
var indexByIdentifier = getIndexByIdentifier(identifier);
var obj = {
css: item[1],
media: item[2],
sourceMap: item[3],
supports: item[4],
layer: item[5]
};
if (indexByIdentifier !== -1) {
stylesInDOM[indexByIdentifier].references++;
stylesInDOM[indexByIdentifier].updater(obj);
} else {
var updater = addElementStyle(obj, options);
options.byIndex = i;
stylesInDOM.splice(i, 0, {
identifier: identifier,
updater: updater,
references: 1
});
}
identifiers.push(identifier);
}
return identifiers;
}
function addElementStyle(obj, options) {
var api = options.domAPI(options);
api.update(obj);
var updater = function updater(newObj) {
if (newObj) {
if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
return;
}
api.update(obj = newObj);
} else {
api.remove();
}
};
return updater;
}
module.exports = function (list, options) {
options = options || {};
list = list || [];
var lastIdentifiers = modulesToDom(list, options);
return function update(newList) {
newList = newList || [];
for (var i = 0; i < lastIdentifiers.length; i++) {
var identifier = lastIdentifiers[i];
var index = getIndexByIdentifier(identifier);
stylesInDOM[index].references--;
}
var newLastIdentifiers = modulesToDom(newList, options);
for (var _i = 0; _i < lastIdentifiers.length; _i++) {
var _identifier = lastIdentifiers[_i];
var _index = getIndexByIdentifier(_identifier);
if (stylesInDOM[_index].references === 0) {
stylesInDOM[_index].updater();
stylesInDOM.splice(_index, 1);
}
}
lastIdentifiers = newLastIdentifiers;
};
};
/***/ }),
/* 3 */
/***/ ((module) => {
/* istanbul ignore next */
function apply(styleElement, options, obj) {
var css = "";
if (obj.supports) {
css += "@supports (".concat(obj.supports, ") {");
}
if (obj.media) {
css += "@media ".concat(obj.media, " {");
}
var needLayer = typeof obj.layer !== "undefined";
if (needLayer) {
css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
}
css += obj.css;
if (needLayer) {
css += "}";
}
if (obj.media) {
css += "}";
}
if (obj.supports) {
css += "}";
}
var sourceMap = obj.sourceMap;
if (sourceMap && typeof btoa !== "undefined") {
css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
}
// For old IE
/* istanbul ignore if */
options.styleTagTransform(css, styleElement, options.options);
}
function removeStyleElement(styleElement) {
// istanbul ignore if
if (styleElement.parentNode === null) {
return false;
}
styleElement.parentNode.removeChild(styleElement);
}
/* istanbul ignore next */
function domAPI(options) {
if (typeof document === "undefined") {
return {
update: function update() {},
remove: function remove() {}
};
}
var styleElement = options.insertStyleElement(options);
return {
update: function update(obj) {
apply(styleElement, options, obj);
},
remove: function remove() {
removeStyleElement(styleElement);
}
};
}
module.exports = domAPI;
/***/ }),
/* 4 */
/***/ ((module) => {
var memo = {};
/* istanbul ignore next */
function getTarget(target) {
if (typeof memo[target] === "undefined") {
var styleTarget = document.querySelector(target);
// Special case to return head of iframe instead of iframe itself
if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
try {
// This will throw an exception if access to iframe is blocked
// due to cross-origin restrictions
styleTarget = styleTarget.contentDocument.head;
} catch (e) {
// istanbul ignore next
styleTarget = null;
}
}
memo[target] = styleTarget;
}
return memo[target];
}
/* istanbul ignore next */
function insertBySelector(insert, style) {
var target = getTarget(insert);
if (!target) {
throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
}
target.appendChild(style);
}
module.exports = insertBySelector;
/***/ }),
/* 5 */
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
/* istanbul ignore next */
function setAttributesWithoutAttributes(styleElement) {
var nonce = true ? __webpack_require__.nc : 0;
if (nonce) {
styleElement.setAttribute("nonce", nonce);
}
}
module.exports = setAttributesWithoutAttributes;
/***/ }),
/* 6 */
/***/ ((module) => {
/* istanbul ignore next */
function insertStyleElement(options) {
var element = document.createElement("style");
options.setAttributes(element, options.attributes);
options.insert(element, options.options);
return element;
}
module.exports = insertStyleElement;
/***/ }),
/* 7 */
/***/ ((module) => {
/* istanbul ignore next */
function styleTagTransform(css, styleElement) {
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = css;
} else {
while (styleElement.firstChild) {
styleElement.removeChild(styleElement.firstChild);
}
styleElement.appendChild(document.createTextNode(css));
}
}
module.exports = styleTagTransform;
/***/ }),
/* 8 */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `/* ---------------------- 操作栏 ----------------------*/
body {
--overlay-time: .4s;
}
/* 操作栏 */
#actionbar {
position: fixed;
bottom: 0;
width: 100vw;
height: var(--actionbar-height);
z-index: 2;
display: flex;
justify-content: space-evenly;
align-items: center;
background-color: rgba(255, 255, 255, .8);
box-shadow: 0 0 3px rgba(0, 0, 0, .3);
transition: .5s transform ease-in;
opacity: 0;
animation: actionbarFadeIn .4s ease-in forwards;
backdrop-filter: blur(5px);
}
@keyframes actionbarFadeIn {
to {
opacity: 1;
}
}
[scroll-hidden] #actionbar {
transform: translateY(100%);
}
#actionbar>* {
padding: 8px;
}
#full-now,
#sidebar-fab,
#refresh-fab,
#show-more-fab {
display: none;
}
#actionbar.home {
#refresh-fab {
display: block;
}
}
#actionbar.video {
#full-now {
display: block;
}
}
#actionbar.message {
#menu-fab {
display: none;
}
}
#actionbar.video,
#actionbar.message {
#sidebar-fab {
display: block;
}
#my-top {
display: none;
}
}
#actionbar.search,
#actionbar.space {
#show-more-fab {
display: block;
}
}
#menu-fab {
position: relative;
}
#search-fab,
#menu-fab {
z-index: 0;
transition: z-index var(--overlay-time) ease-in;
}
#search-fab.active,
#menu-fab.active {
z-index: 10;
}
#show-more-fab {
transition: transform .4s ease-in;
}
#show-more-fab.reverse {
transform: rotate(180deg);
}
/*显示搜索文本 */
#search-fab {
display: flex;
padding: 4px 8px;
max-width: 40%;
align-items: center;
}
#search-fab svg {
flex: 0 0 24px;
}
#search-fab-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 底部菜单内容 */
#header-in-menu {
position: absolute !important;
top: 100vh;
/* space-evenly : 20px 为底栏图标高度的一半*/
left: calc((200vw + 20px) / 3);
background-color: white;
padding: 5px 0;
white-space: nowrap;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
border-radius: 5px;
font-size: 16px;
transform: translateX(-50%);
transition: transform var(--overlay-time) ease-in;
li {
list-style-type: none;
padding: 5px 30px;
/* 视频页默认行高不同 */
line-height: 20px !important;
}
}
/* 有的用户这俩不生效 */
body #header-in-menu li {
padding: 5px 30px !important;
line-height: 20px !important;
}
#header-in-menu.show {
transform: translate(-50%, calc(-100% - var(--actionbar-height) - 5px));
}
/* 底部菜单、侧边栏等: overlay */
#menu-overlay,
#search-overlay,
#sidebar-overlay,
#ai-conclusion-overlay {
position: fixed;
bottom: 0;
/* actionbar 使用 backdrop-filter 导致创建了新的堆叠上下文 */
height: 100vh;
left: 0;
right: 0;
pointer-events: none;
background-color: rgba(0, 0, 0, .3);
opacity: 0;
transition: opacity var(--overlay-time) ease-in;
}
#menu-overlay.show,
#search-overlay.show,
#sidebar-overlay.show,
#ai-conclusion-overlay.show {
pointer-events: auto;
opacity: 1;
}
/* 底部提示 */
#toast {
position: fixed;
left: 0;
bottom: var(--actionbar-height);
transform: translate(calc(50vw - 50%), 100%);
z-index: 1;
font-size: 14px;
line-height: 20px;
padding: 5px 12px;
margin-bottom: 5px;
background-color: inherit;
border: 1px solid var(--line_regular);
border-radius: 16px;
opacity: 0;
transition: .3s ease-in;
display: none;
}
#toast[show] {
transform: translateX(calc(50vw - 50%));
opacity: 1;
}
.bpx-player-container #toast {
color: var(--text4);
background-color: rgba(0, 0, 0, .4);
}
/* --------------------- 其它适配 --------------------- */
/* 扩增载入后产生的骨架空位 */
.floor-single-card:has(.skeleton, .skeleton-item) {
display: none;
}
/* 脚本设置窗口 */
.setting-panel {
position: fixed;
top: 50%;
left: 50%;
background: white;
z-index: 1;
border: 1px solid var(--line_regular);
flex-direction: column;
padding: 10px 5px;
border-radius: 10px;
font-size: 16px;
max-height: calc(100vh - var(--actionbar-height) - 10px);
width: 260px;
max-width: calc(100% - 20px);
box-shadow: 0 0 3px rgba(0, 0, 0, .3);
opacity: 0;
transform: translate(-50%, -50%) scale(.9);
transition: .4s ease-in;
display: none;
}
.setting-panel[show] {
opacity: 1;
transform: translate(-50%, -50%);
}
.setting-title {
margin: 0 5px 5px;
padding-bottom: 5px;
border-bottom: 1px solid var(--line_regular);
text-align: center;
color: var(--Ga7);
}
.setting-checkboxes {
display: flex;
flex-direction: column;
overflow: auto;
}
.setting-checkboxes label {
margin: 5px;
display: flex;
align-items: center;
}
.setting-checkboxes span,
.setting-checkboxes details {
flex-grow: 1;
text-align: center;
}
/* 属性选择器中只存在单个值时 (无空格) 可省略引号 */
.setting-checkboxes input[type=checkbox] {
width: 16px;
height: 26px;
}
.setting-checkboxes input[type=number] {
width: 40px;
appearance: textfield;
height: 22px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.setting-conform {
margin: 8px 5px 3px;
height: 28px;
border-radius: 14px;
border: 1px solid var(--line_regular);
background-color: var(--graph_bg_thin) !important;
}
/* 自定义菜单弹窗边距放在选项下面,选中才显示 */
label:has(.menu-dialog-move-down)+label {
display: none;
}
label:has(.menu-dialog-move-down:checked)+label {
display: flex;
}
/* 帮助 */
.setting-content {
font-size: 14px;
}
.setting-content a {
text-decoration: underline;
}`, ""]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/* 9 */
/***/ ((module) => {
module.exports = function (i) {
return i[1];
};
/***/ }),
/* 10 */
/***/ ((module) => {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
module.exports = function (cssWithMappingToString) {
var list = [];
// return the list of modules as css string
list.toString = function toString() {
return this.map(function (item) {
var content = "";
var needLayer = typeof item[5] !== "undefined";
if (item[4]) {
content += "@supports (".concat(item[4], ") {");
}
if (item[2]) {
content += "@media ".concat(item[2], " {");
}
if (needLayer) {
content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
}
content += cssWithMappingToString(item);
if (needLayer) {
content += "}";
}
if (item[2]) {
content += "}";
}
if (item[4]) {
content += "}";
}
return content;
}).join("");
};
// import a list of modules into the list
list.i = function i(modules, media, dedupe, supports, layer) {
if (typeof modules === "string") {
modules = [[null, modules, undefined]];
}
var alreadyImportedModules = {};
if (dedupe) {
for (var k = 0; k < this.length; k++) {
var id = this[k][0];
if (id != null) {
alreadyImportedModules[id] = true;
}
}
}
for (var _k = 0; _k < modules.length; _k++) {
var item = [].concat(modules[_k]);
if (dedupe && alreadyImportedModules[item[0]]) {
continue;
}
if (typeof layer !== "undefined") {
if (typeof item[5] === "undefined") {
item[5] = layer;
} else {
item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
item[5] = layer;
}
}
if (media) {
if (!item[2]) {
item[2] = media;
} else {
item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
item[2] = media;
}
}
if (supports) {
if (!item[4]) {
item[4] = "".concat(supports);
} else {
item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
item[4] = supports;
}
}
list.push(item);
}
};
return list;
};
/***/ }),
/* 11 */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_header_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(12);
var options = {};
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_header_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_header_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_header_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_header_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
/***/ }),
/* 12 */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `/* ------------------------ 顶栏 -------------------- */
/* #i_cecream 属首页(含顶栏)和搜索页(不含顶栏)，#app #biliMainHeader 属视频页 */
/* 顶栏外框: translate 会生成新的堆叠上下文，导致 position:fixed 的消息数不可显示 */
#biliMainHeader,
#bili-header-container {
position: fixed;
width: 100%;
z-index: 62;
top: -64px !important;
}
/* 搜索页顶栏外框 */
#bili-header-container {
background: unset !important;
}
/* 首页顶栏偏移 */
.large-header .bili-header__bar {
top: -64px !important;
/* 首页顶栏防滚动(避免搜索页异常) */
position: fixed !important;
}
/* 视频搜索页顶栏内容跟随外框移出屏幕 */
.fixed-header .bili-header__bar {
position: absolute !important;
}
/* 搜索框 */
.center-search-container {
position: absolute !important;
width: 100%;
left: 0;
top: 64px;
padding: 10px 20px 5px !important;
z-index: 3;
margin: 0 !important;
opacity: 0;
transform: scale(.9);
transition: .4s ease-in;
display: none;
}
.center-search-container[show] {
opacity: 1;
transform: none;
}
/* 失焦后立即重新聚焦会导致搜索历史折叠闪烁，直接强制保留聚焦状态 (.is-focus) */
.center-search-container #nav-searchform {
border-radius: 8px 8px 0px 0px !important;
border: 1px solid var(--line_regular) !important;
border-bottom: none !important;
background: var(--bg1) !important;
}
.center-search-container #nav-searchform .nav-search-content {
background-color: var(--graph_bg_thick) !important;
}
.center-search-container .search-panel {
display: block !important;
}
/* 修复历史项点击时意外移除的问题 */
.history-item .close {
display: none;
}
/* 移除顶部动图和临时静图 */
.animated-banner,
#bili-header-banner-img,
.biliheader__banner {
display: none !important;
}
/* 修复插件白名单提示导致首页顶栏异常 */
.adblock-tips {
display: none !important;
}
/* 使用 controlHeaderImage 获取随机头图 */
/* --------------------------------------------------
--------------------- 菜单消息数 --------------------
--------------------------------------------------- */
.red-num--message,
.red-num--dynamic {
position: fixed !important;
bottom: calc(var(--actionbar-height) + 138px);
left: calc((200vw + 70px) / 3) !important;
top: unset !important;
opacity: 0;
pointer-events: none;
transform: translateY(calc(160px + var(--actionbar-height) + 5px));
transition: var(--overlay-time) ease-in;
}
.red-num--dynamic.red-num--dynamic {
bottom: calc(var(--actionbar-height) + 108px);
}
[menu] .red-num--message,
[menu] .red-num--dynamic {
opacity: 1;
pointer-events: auto;
transform: none;
}
/* --------------------------------------------------
---------------------- 展开图类 ---------------------
--------------------------------------------------- */
/* 偏好设置中有更改 */
div.bili-header .v-popover {
position: fixed;
top: 50vh !important;
transform: translate(-50%, -50%) scale(.9);
margin: 0 !important;
max-width: 100%;
padding: 5px !important;
left: 50%;
opacity: 0;
transition: .4s ease-in;
display: none;
}
div.bili-header .v-popover[show] {
opacity: 1;
transform: translate(-50%, -50%);
}
/* 复制的分类图外框 */
.bili-header.false-header {
min-height: 0;
pointer-events: none;
}
.bili-header.false-header:has(>[show]) {
pointer-events: auto;
}
/* 复制的分类图 */
#copy-category-dialog.v-popover {
/* transform: translate(-50%, -50%) !important; */
display: none;
z-index: 2;
}
/* 分类(左侧入口)展开图: 一列 */
.channel-panel__column {
flex: 1;
padding: 0 !important;
}
/* 右侧入口展开图 */
.dynamic-panel-popover,
.favorite-panel-popover,
.history-panel-popover {
max-width: 100%;
padding: 0 5px !important;
}
/* 消息展开图 */
.message-entry-popover .message-inner-list__item {
padding-left: 43px !important;
}
/* 动态展开图 */
.dynamic-video-item {
margin-right: 0 !important;
}
.header-dynamic-list-item {
padding: 0 !important;
margin: 10px 0 !important;
}
.header-dynamic__box--center {
max-width: 60%;
}
.header-dynamic__box--right {
top: 0 !important;
margin-bottom: 0 !important;
width: unset !important;
flex: 1;
.cover {
width: unset !important;
height: unset !important;
}
}
/* 查看全部动态按钮 */
.wnd_bottom {
max-width: calc(100% - 40px);
display: none;
}
/* 收藏展开图 */
.favorite-panel-popover__nav {
max-width: 25%;
}
.header-fav-card__image {
max-width: 40%;
picture {
max-width: 100%;
height: 100% !important;
}
}
/* 间距（收藏展开图） */
.favorite-panel-popover__nav .tab-item {
padding: 0 6px !important;
}
.header-fav-card {
padding: 6px !important;
}
.favorite-panel-popover__nav {
margin-top: 6px !important;
}
/* 历史展开图 */
.header-history-video {
padding: 5px 10px !important;
}
/* 查看全部历史按钮 */
a.view-all-history-btn {
display: none !important;
}
/* 移除头像大图 */
.header-entry-avatar {
display: none !important;
}
/* 关闭头像动画 */
.header-entry-mini {
animation: unset !important;
}
/* 移除次要入口 */
.left-entry>li:not(:nth-of-type(1)),
.vip-wrap,
.right-entry-item:has(>.vip-wrap),
.right-entry-item:nth-of-type(6),
.right-entry-item--upload,
.header-channel,
.bili-header__channel,
.recommended-swipe,
.feed-roll-btn {
display: none !important;
}
/* 首页顶部动图上的大 Logo */
.header-banner__inner {
display: none !important;
}`, ""]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/* 13 */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_home_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14);
var options = {};
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_home_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_home_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_home_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_home_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
/***/ }),
/* 14 */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(15);
/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__);
// Imports
var ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(16), __webpack_require__.b);
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
var ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);
// Module
___CSS_LOADER_EXPORT___.push([module.id, `/* ---------------------- 首页 ----------------------- */
body {
/* 避免评论未加载时显示灰色 */
background: white !important;
--actionbar-height: 46px;
}
/* 双列视频 */
.recommended-container_floor-aside .container {
grid-template-columns: repeat(2, 1fr) !important;
padding: 8px;
grid-gap: 8px !important;
background-color: #f1f2f3;
}
/* 头图 */
.bili-header__banner {
background-color: #f1f2f3 !important;
height: 50vw !important;
}
/* 显示根据屏宽隐藏的 feed */
.container>.feed-card {
display: block !important;
}
/* 最小宽度（body、顶栏） */
body,
.bili-header,
.bili-header__banner {
min-width: 0 !important;
}
/* 主页视频流 */
.bili-feed4-layout {
width: 100% !important;
}
/* 视频流广告、影视 */
.container>*:has(.bili-video-card__info--ad),
.floor-single-card {
display: none !important;
}
/* 客户端广告 */
/* 底部登录弹窗类 .lt-row 可能包含其它元素 */
/* 菜单-个人: 会员广告 */
.desktop-download-tip,
.lt-row,
.vip-entry-containter {
display: none !important;
}
/* ----------------------------------------------------
--------------------- 主页视频卡片 --------------------
----------------------------------------------------- */
.container>* {
margin-top: 0 !important;
}
/* 卡片底板 */
.bili-video-card__wrap,
.bili-live-card__wrap {
border-radius: 5px;
}
.bili-live-card__wrap {
height: 100%;
}
/* 封面宽长比 */
.bili-video-card.is-rcmd,
.bili-live-card.is-rcmd {
--cover-radio: 66.67% !important;
}
/* 封面圆角 */
.v-img.bili-video-card__cover,
.v-img.bili-live-card__cover {
border-radius: 5px 5px 0 0 !important;
}
/* 封面信息（阴影层圆角） */
.bili-video-card__stats,
.bili-live-card__stats {
border-radius: 0 !important;
--icon-size: 16px;
--subtitle-font-size: 11px;
white-space: nowrap;
}
/* 标题 */
.bili-video-card__info {
--title-padding-right: 22px;
--title-line-height: 20px;
--title-font-size: 13px;
--no-interest-entry-size: 22px;
--info-margin-top: 7px;
padding-bottom: 5px;
text-align: justify;
}
/* 标题 - 左右距 */
.bili-video-card__info--right,
.bili-live-card__info--text {
padding: 0 5px;
}
/* 小标 */
.bili-video-card__info--bottom,
.bili-live-card__info--uname {
--subtitle-font-size: 12px;
}
/* 小标 - 点赞关注文本 */
.bili-video-card__info--icon-text {
padding: 0 5px !important;
}
/* 小标 - 右侧: 作者加日期 */
.bili-video-card__info--owner {
flex: 1;
}
/* 小标 - 日期 */
.bili-video-card__info--date {
margin-left: auto !important;
}
/* 小标 - 点赞数 */
.bili-video-card__info--icon-text {
--follow-icon-font-size: 11px;
--follow-icon-line-height: 15px;
}
/* 标题 - 不喜欢按钮：打开面板添加预览视频选项 */
div.bili-video-card .bili-video-card__info--no-interest {
display: flex !important;
top: calc((var(--title-line-height) * 2 - var(--no-interest-entry-size)) / 2);
right: 2px;
box-shadow: 0 0 2px rgba(0, 0, 0, .3);
opacity: 0;
transition: opacity .2s ease-in;
}
/* 不喜欢按钮: svg 加载完成后再显示边框，修复 svg 动态加载导致边框阴影提前显示 */
div.bili-video-card .bili-video-card__info--no-interest:has(svg path) {
opacity: 1;
}
/* 不喜欢按钮: 有 ai 总结时 */
div.bili-video-card[data-has-ai=true] .bili-video-card__info--no-interest {
/* --brand_blue: #00AEEC */
box-shadow: 0 0 2px rgba(0, 174, 236, 0.8);
}
/* 撤销不喜欢 */
.bili-video-card__no-interest {
--no-interest-module-gap: 5px;
--no-interest-btn-horizontal-padding: var(--no-interest-btn-vertical-padding);
.revert-btn {
flex-direction: column;
}
}
/* ------------------- 视频预览 ------------------- */
/* 稍后观看的文字 */
.bili-watch-later.bili-watch-later--pip span {
display: none;
}
/* 视频预览隐藏信息 (同 :hover) */
.bili-video-card__image--wrap:has(>.mouse-in)+.bili-video-card__mask {
visibility: hidden;
opacity: 0;
}
/* 添加预览进度条 */
.inline-progress-bar {
position: absolute;
bottom: 0;
height: 10px;
left: 0;
width: 100%;
z-index: 2;
background-color: #ddd;
display: none;
}
.v-inline-player.mouse-in+.inline-progress-bar {
display: block;
}
.inline-progress-bar-filled {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: #007bff;
}
.inline-progress-bar-thumb {
position: absolute;
top: -5px;
left: 0;
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 50%;
cursor: pointer;
touch-action: none;
pointer-events: auto;
}
/* ------------------- AI总结 ------------------- */
#ai-conclusion-overlay {
z-index: 2;
}
.ai-conclusion-card {
position: fixed;
max-height: 530px;
width: 400px;
z-index: 99;
color: rgb(0, 0, 0);
filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0px 15px);
padding-bottom: 1.25rem;
overflow: auto;
border-radius: 0.5rem;
border-width: 1px;
background: white;
}
.ai-conclusion-card .ai-conclusion-card-header {
font-weight: 700;
padding: 1.25rem;
background: url(${___CSS_LOADER_URL_REPLACEMENT_0___}) 0px 0px / 900px 52px no-repeat;
}
.ai-conclusion-card .ai-conclusion-card-header .ai-conclusion-card-header-left {
display: flex;
align-items: center;
}
.ai-conclusion-card .ai-conclusion-card-summary {
margin-bottom: 1.25rem;
font-weight: 700;
padding: 0px 1.25rem;
}
.ai-conclusion-card .ai-conclusion-card-selection {
margin-bottom: 1.25rem;
padding: 0px 1.25rem;
}
.ai-conclusion-card .ai-conclusion-card-selection .ai-conclusion-card-selection-title {
display: flex;
font-weight: 700;
cursor: pointer;
margin-bottom: 1rem;
}
/* ----------------------------------------------------
------------------------- 按钮 -----------------------
----------------------------------------------------- */
/* 原首页按钮(置顶、刷新按钮): 可以通过 JavaScript 与隐藏元素进行交互 */
.palette-button-outer {
display: none;
}
/* 首页按钮组 */
.primary-btn,
span.btn-text-inner,
.storage-box {
display: none !important;
}
/* ----------------------------------------------------
------------------------- 窗口 -----------------------
----------------------------------------------------- */
/* 登录窗 */
.login-scan-wp,
.bili-mini-line {
display: none !important;
}
.bili-mini-content-wp {
padding: 52px 0 29px !important;
}
.bili-mini-login-right-wp,
.bili-mini-login-right-wp * {
max-width: 80vw;
}`, ""]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/* 15 */
/***/ ((module) => {
module.exports = function (url, options) {
if (!options) {
options = {};
}
if (!url) {
return url;
}
url = String(url.__esModule ? url.default : url);
// If url is already wrapped in quotes, remove them
if (/^['"].*['"]$/.test(url)) {
url = url.slice(1, -1);
}
if (options.hash) {
url += options.hash;
}
// Should url be wrapped?
// See https://drafts.csswg.org/css-values-3/#urls
if (/["'() \t\n]|(%20)/.test(url) || options.needQuotes) {
return "\"".concat(url.replace(/"/g, '\\"').replace(/\n/g, "\\n"), "\"");
}
return url;
};
/***/ }),
/* 16 */
/***/ ((module) => {
module.exports = "data:image/png;base64,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";
/***/ }),
/* 17 */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_video_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(18);
var options = {};
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_video_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_video_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_video_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_video_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
/***/ }),
/* 18 */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `/* ---------------------- 视频详情页 ------------------- */
/* 主应用块 */
#app {
--sidebar-time: .6s;
}
/* 主体内容块 */
#app #mirror-vdcon {
min-width: 0;
padding: 0;
margin-top: 56.25vw;
}
/* 视频页主滚动条下移 */
[itemprop=video]+body {
overflow: hidden !important;
}
#app {
height: 100%;
}
/* 修复 via 滚动条异常 */
[itemprop=video]+body #app {
overflow: hidden;
}
#mirror-vdcon {
height: 100%;
}
.left-container {
overflow: auto;
/* 同 .right-container */
height: calc(100% - 56.25vw) !important;
}
/* ----------------------------------------------------
* ---------------------- 主视频块 --------------------- *
----------------------------------------------------- */
/* 主视频块 */
.left-container {
--video-min-height: calc(100vw * 0.5625);
--dm-row-height: 44px;
}
/* 有初始内联 top */
/* 视频块（宽度） (#mainheight与header的高度差导致了64px-48px的可滚动区域) */
.left-container {
/* 移动 Safari 百分比宽高自动考虑边框和填充 */
box-sizing: border-box;
width: 100% !important;
padding: calc(var(--dm-row-height) + 5px) 10px 0;
}
.left-container::after {
content: '';
/* 因为现在是限制高度 + overflow:auto，所以不用 absolute 了 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.3);
opacity: 0;
transition: opacity var(--sidebar-time) ease-in;
}
#mirror-vdcon[sidebar] .left-container::after {
pointer-events: auto;
opacity: 1;
}
#mirror-vdcon[sidebar] .fixed-sidenav-storage {
opacity: 0;
}
/* ----------------------------------------------------
* ----------------------- 推荐块 ---------------------- *
----------------------------------------------------- */
/* 推荐块(初始样式不要设transform，否则via在刷新时侧边栏出问题) */
.right-container {
position: fixed !important;
width: 100% !important;
left: 100%;
padding: 10px 10px calc(var(--actionbar-height) + 10px);
margin: 0 !important;
z-index: 1;
background: white;
transition: transform var(--sidebar-time) ease-in;
height: calc(100% - 56.25vw);
overflow-y: auto;
/* 避免到达边界后的滚动事件穿透 */
overscroll-behavior: contain;
box-sizing: border-box;
}
#mirror-vdcon[sidebar] .right-container {
transform: translateX(-100%);
}
.right-container-inner {
padding: 0 !important;
}
/* UP信息 */
.upinfo-btn-panel .default-btn {
font-size: 12px !important;
}
.new-charge-btn {
max-width: 35%;
}
.follow-btn {
max-width: 150px !important;
}
/* 推荐视频图块 */
#reco_list .card-box .pic-box {
max-width: 50%;
}
/* 展开按钮 */
.rec-footer {
display: none;
}
/* --------------------------------------------------
---------------- 块状广告（整个视频页）---------------
---------------------------------------------------- */
#activity_vote,
#bannerAd,
.reply-notice,
.ad-report,
.pop-live-small-mode,
#slide_ad,
.video-page-game-card-small {
display: none !important;
}
/* ---------------------------------------------------
----------------------- 播放器 -----------------------
----------------------------------------------------- */
/* 视频置顶 */
#playerWrap {
position: fixed;
z-index: 61;
top: 0;
left: 0;
height: 56.25vw !important;
}
#bilibili-player {
width: 100vw !important;
height: 56.25vw !important;
}
/* 竖屏时占满高度 */
#bilibili-player.mode-webscreen {
width: 100% !important;
height: 100% !important;
}
/* 移除白色阴影 */
.bpx-player-container,
#bilibili-player-placeholder {
box-shadow: none !important;
}
/* 视频页不显示原双击全屏层 */
#app .bpx-player-video-perch {
max-height: 0;
}
/* 小窗时的隐藏 - 始终隐藏*/
/* 顶部关注、音乐、反馈 */
/* 右下角暂停图标 */
/* 取消静音 */
.bpx-player-top-wrap,
.bpx-player-state-wrap {
display: none !important;
}
/* 小窗时的隐藏：定位、解除静音、点赞关注等弹窗 */
.bpx-player-toast-wrap {
display: block !important;
bottom: 65px !important;
}
/* 小窗按钮 */
.mini-player-window {
position: fixed;
z-index: -10;
visibility: hidden;
}
/* 客服按钮 */
.customer-service {
display: none !important;
}
/* ------------ 控制栏隐藏 (覆盖原显隐：3级选择器覆盖2级) ------------ */
/* control-bottom 和 mask (阴影) */
.bpx-player-container[ctrl-shown=false] .bpx-player-control-wrap .bpx-player-control-mask {
opacity: 0;
/* 渐变属性应用在需要变化的状态 */
transition: opacity .2s ease-in;
}
.bpx-player-container[ctrl-shown=true] .bpx-player-control-wrap .bpx-player-control-mask {
opacity: 1;
}
.bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-control-bottom {
opacity: 1;
display: flex;
}
.bpx-player-container[ctrl-shown=false] .bpx-player-control-entity .bpx-player-control-bottom {
display: none;
}
/* 进度条 */
.bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-control-top,
.bpx-player-container[ctrl-shown=false] .bpx-player-control-entity .bpx-player-shadow-progress-area {
opacity: 1;
visibility: visible;
}
.bpx-player-container[ctrl-shown=false] .bpx-player-control-entity .bpx-player-control-top,
.bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-shadow-progress-area {
opacity: 0;
visibility: hidden;
}
/* 高能进度 */
.bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-pbp {
bottom: calc(100% + 6px);
left: 0;
opacity: 1;
width: 100%;
}
/*
权重：
ID 选择器：100
类选择器、属性选择器、伪类选择器：10
元素选择器、伪元素选择器：1
如果有多个选择器同时作用于同一个元素，则计算每个选择器的权重值，并将其相加，得出总权重值。
*/
/* 覆盖 show */
div.bpx-player-control-entity .bpx-player-pbp {
bottom: 1px;
opacity: 0;
left: -12px;
width: calc(100% + 24px);
}
/* 不覆盖 pin */
div.bpx-player-control-entity .bpx-player-pbp.pin {
opacity: 1;
}
/* pin 按钮: display 代替 opacity */
.bpx-player-pbp-pin {
opacity: 1 !important;
display: none;
}
.bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-pbp-pin {
display: block;
}
/* ------------ 控制栏样式 ------------ */
/* 移除次要按钮：画中画、宽屏、时间、选集 */
.bpx-player-ctrl-pip,
.bpx-player-ctrl-wide,
.bpx-player-ctrl-time,
.bpx-player-ctrl-eplist {
display: none !important;
}
/* 横屏时恢复时间显示 */
@media screen and (orientation: landscape) {
.bpx-player-ctrl-time {
display: block !important;
}
}
/* 清晰度文本:全屏时恢复大小 */
@media screen and (min-width: 750px) {
.bpx-player-container[data-screen=full] .bpx-player-ctrl-quality-result {
font-size: 16px !important;
height: unset !important;
}
}
/* 修复宽屏全屏时的控制栏图标增大导致的高度过高 */
@media screen and (min-width: 750px) {
.bpx-player-container[data-screen=full] .bpx-player-control-wrap {
height: 43px !important;
}
.bpx-player-container[data-screen=full] .bpx-player-control-top {
bottom: 43px !important;
}
}
/* 主控制区: 覆盖宽屏全屏样式 (图标22px，算 margin 37px) */
div.bpx-player-control-bottom {
height: 29px !important;
margin-top: 7px !important;
padding: 0 7px !important;
}
/* 进度条 */
div.bpx-player-control-top {
bottom: 36px;
transition: none;
}
/* 隐藏颠倒的高能进度条常驻切换提示 */
.bpx-player-pbp .bpx-player-pbp-pin-tip {
display: none !important;
}
/* 左右控制区 */
.bpx-player-control-bottom-left,
.bpx-player-control-bottom-right {
flex: unset !important;
}
/* 全屏时 */
.bpx-player-container .bpx-player-control-bottom-left,
.bpx-player-container .bpx-player-control-bottom-right {
min-width: 0 !important;
}
/* 清晰度(width:auto 不换行，隐藏不掉高清字样) */
.bpx-player-ctrl-quality {
margin-right: 0 !important;
min-width: 0;
flex: auto !important;
}
/* 清晰度、倍速文本 */
.bpx-player-ctrl-quality-result,
.bpx-player-ctrl-playbackrate {
font-size: 12px !important;
}
/* 清晰度文本:隐藏换行的部分 */
.bpx-player-ctrl-quality-result {
height: 22px;
overflow: hidden;
}
/* 倍速文本:禁止换行 */
.bpx-player-ctrl-playbackrate {
text-wrap: nowrap;
}
/* 进度条细条包含块（高12px） */
.bpx-player-progress-wrap {
height: 7px !important;
padding-bottom: 3px !important;
}
/* 替换via暗色异常的阴影 */
.bpx-player-control-mask {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%) !important;
}
/* 清晰度弹窗 */
.bpx-player-ctrl-quality-menu-wrap {
bottom: 22px !important;
}
.bpx-player-ctrl-quality-menu-item {
height: 7.7vw !important;
max-height: 36px;
max-width: 95px;
padding: 0 8px 0 12px !important;
}
/* 高码率会员图标 */
.bpx-player-ctrl-quality-badge-bigvip {
background-color: #f25d8e;
color: #fff;
width: 16px;
overflow: hidden;
right: 8px !important;
}
/* 用字母 V 覆盖 */
.bpx-player-ctrl-quality-badge-bigvip:before {
background-color: #f25d8e;
color: #fff;
content: 'V';
padding: 0 4px;
position: absolute;
left: 0;
}
/* 倍速弹窗 */
.bpx-player-ctrl-playbackrate-menu {
bottom: 22px !important;
}
.bpx-player-ctrl-playbackrate-menu-item {
height: 7.7vw !important;
max-height: 36px;
display: flex;
justify-content: center;
align-items: center;
}
/* 弹幕弹窗 */
div.bpx-player-ctrl-subtitle-box {
bottom: 0;
right: 0;
transform: scale(.8);
}
/* 设置弹窗 */
.bpx-player-ctrl-setting-box {
right: 0 !important;
bottom: 0 !important;
}
/* 更多设置 */
.bpx-player-ctrl-setting-menu-right {
padding: 5px !important;
}
.bpx-player-ctrl-setting-menu-right>div {
height: 10vw !important;
max-height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
/* 更多设置 - 选项行 */
.bpx-player-ctrl-setting-menu-right .bui-radio {
margin: 0 0 8px 7px;
width: 77%;
}
.bpx-player-ctrl-setting-others-content {
width: 77% !important;
margin-left: 7px;
}
/* 高能进度条选项 */
.bpx-player-ctrl-setting-highenergy .bui-checkbox-name {
white-space: nowrap;
width: 48px;
overflow: hidden;
}
/* 弹幕设置弹窗 */
.bpx-player-dm-setting-wrap {
bottom: unset !important;
top: 0;
position: fixed !important;
left: 50%;
transform: translateX(-50%);
}
/* 全屏控制栏 */
.bpx-player-control-bottom-center .bpx-player-sending-bar {
padding-right: 6px !important;
height: 24px !important;
}
/* 存在章节时(允许章节缩小) */
.bpx-player-ctrl-viewpoint {
margin: 0 !important;
min-width: 0 !important;
width: 45px !important;
flex-shrink: 1 !important;
}
.bpx-player-ctrl-viewpoint-text {
width: 24px !important;
text-overflow: unset !important;
font-size: 12px;
flex: none;
}
/* 隐藏旧控制栏 */
.bpx-player-control-wrap:not(.new) {
display: none;
}
/* 窄屏不禁用控制条和阴影 (新控制栏默认不禁用阴影) */
.bpx-player-control-entity,
.bpx-player-control-mask {
display: block !important;
}
/* 隐藏控制条时不响应点击 */
.bpx-player-container[data-ctrl-hidden=true] .bpx-player-control-bottom {
display: none;
}
/* ------ 播完预览: 窄屏不隐藏 ------ */
.bpx-player-ending-wrap[hidden] {
display: block !important;
}
/* .bpx-player-ending-content 的 scale 根据 screen-mode 和 data-screen 动态调整 */
/* 修改网页全屏样式为竖屏 */
div.bpx-player-container[data-screen=web] .bpx-player-ending-content {
margin-left: -268px;
width: 536px;
}
/* 关注按钮 */
.bpx-player-ending-functions-follow {
padding: 0 15px !important;
}
/* 重播按钮 */
.bpx-player-ending-functions-btn[data-action=restart] {
padding-right: 15px !important;
}
/* 反馈按钮组 */
.bpx-player-ending-functions-pagecallback {
margin-left: 5px !important;
.bpx-player-ending-functions-btn {
margin-left: 10px !important;
}
}
/* 横屏展开顶部按钮 */
@media screen and (orientation: landscape) {
.bpx-player-ending-functions-btn[data-action=restart] {
padding-right: 42px !important;
}
.bpx-player-ending-functions-pagecallback {
margin-left: 14px !important;
.bpx-player-ending-functions-btn {
margin-left: 28px !important;
}
}
}
/* 自动连播倒计时图标 */
.bpx-player-ending-related-item-countdown {
margin-top: 34px !important;
width: 48px !important;
}
/* up 名 */
.bpx-player-ending-functions-upinfo {
height: 56px !important;
margin-top: 0 !important;
}
/* 适配互动视频 */
.bui-swiper~.bpx-player-ending-related {
height: 109px !important;
}
/* ----------------------------------------------------
* ----------------------- 弹幕行 ---------------------- *
----------------------------------------------------- */
/* 弹幕行：滚动隐藏 */
.bpx-player-sending-area {
position: absolute !important;
bottom: 0;
width: 100%;
transform: translateY(100%);
transition: 0.5s transform ease-in;
display: block !important;
z-index: 0;
}
[scroll-hidden] .bpx-player-sending-area {
transform: none;
}
.bpx-player-video-area {
z-index: 1;
}
/* 修改小窗样式的时候把这行删了，导致弹幕行显示异常 */
.bpx-player-container[data-screen=mini] {
overflow: unset !important;
}
/* 弹幕行预加载灰块白条(视频底下也有，预加载有时会看到) */
.bpx-player-sending-bar-left,
.bpx-player-sending-bar-right,
#bilibili-player-placeholder-bottom {
display: none !important;
}
/* 弹幕行高度 */
.bpx-player-sending-bar {
height: var(--dm-row-height) !important;
}
.bpx-player-dm-input {
height: 26px !important;
}
/* 弹幕输入栏外 */
.bpx-player-video-inputbar {
height: 26px !important;
border-radius: 13px !important;
min-width: 0 !important;
}
.bpx-player-video-inputbar-wrap {
width: 100% !important;
}
/* 不输入隐藏发送 */
.bpx-player-dm-btn-send {
display: none !important;
}
.bpx-player-video-inputbar-wrap:has(>input:focus)+.bpx-player-dm-btn-send {
display: flex !important;
}
.bpx-player-dm-btn-send {
border-radius: 0 13px 13px 0 !important;
height: 26px !important;
min-width: 50px !important;
width: 50px !important;
}
.bui-button-blue {
min-width: 50px !important;
}
/* 观看人数 */
.bpx-player-video-info {
margin-right: 6px !important;
}
/* 弹幕数量、弹幕礼仪 */
.bpx-player-video-info-divide,
.bpx-player-video-info-dm,
.bpx-player-dm-hint {
display: none !important;
}
/* ----------------------------------------------------
* ---------------------- 播放页组件 ------------------- *
----------------------------------------------------- */
/* 信息块（标题） */
.video-info-container {
height: auto !important;
padding-top: 0 !important;
}
/* 标题（可两行显示） */
.video-title {
font-size: 18px !important;
white-space: wrap !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/* 去除折叠时的 show-more 按钮 margin */
margin-right: 0 !important;
}
.show-more {
top: unset !important;
transform: none !important;
bottom: 4px;
right: 4px !important;
}
.video-desc-container {
margin: 10px 0 !important;
}
.video-info-detail-list .item {
margin-right: 4px !important;
}
/* 更新时间: 避免窄屏隐藏 */
.pubdate-ip {
display: block !important;
}
/* 全站排行、每周必看等标签 & 温馨提示 */
.video-info-detail-list:has(.honor.item) {
margin-top: 24px;
}
.video-info-detail-list:has(.video-argue.item) {
margin-bottom: 20px;
}
.honor.item {
position: absolute;
align-self: start !important;
top: 0;
}
.video-argue.item {
position: absolute;
align-self: start !important;
bottom: 0;
/* 避免窄屏隐藏温馨提示 */
display: block !important;
}
/* 点赞投币行 */
.video-toolbar-container {
padding: 10px 0 8px !important;
}
.video-toolbar-left,
.video-toolbar-left-main {
min-width: 0;
}
.toolbar-left-item-wrap {
flex: 1;
min-width: 0;
}
.video-toolbar-container * {
margin: 0 !important;
}
.toolbar-left-item-wrap span {
padding-left: 2px;
}
.video-share-info {
width: 40px !important;
}
.video-share-popover {
display: none !important;
}
/* AI 助手“测试版”字样 */
.video-ai-assistant-badge {
display: none !important;
}
/* AI 总结 */
div.resizable-component.resizable-component {
width: 100% !important;
left: 0 !important;
height: fit-content !important;
max-height: 100vw;
top: 50% !important;
transform: translateY(-50%);
border-radius: 12px !important;
}
/* 总结内容继承高度限制 */
div.ai-summary-popup {
max-height: inherit;
border-radius: 12px;
}
/* 简介 */
#v_desc .toggle-btn {
text-align: right;
margin-right: 7px;
}
.basic-desc-info[style="height: 84px;"] {
height: 70px !important;
}
/* 标签 */
.video-tag-container {
margin: 6px 0 0 !important;
padding-bottom: 1px !important;
}
.tag-panel .tag {
margin-bottom: 6px !important;
}
/* ------ 顶部投票卡片 ------ */
/* 两个选项 */
.left-vote-option,
.right-vote-option {
min-width: 0 !important;
}
/* 投票: 选题 */
.top-vote-card {
padding-top: 27px !important;
}
.top-vote-card-left__title {
transform: translateY(-23px);
}
.vui_ellipsis.multi-mode {
overflow: visible !important;
white-space: nowrap;
}
/* ----------------------------------------------------
* ----------------- 播放组件（评论以下） -------------- *
----------------------------------------------------- */
/* 固定评论栏 */
.main-reply-box {
position: fixed;
left: 0;
bottom: var(--actionbar-height);
z-index: 10;
background: white;
width: 100%;
padding: 8px 12px;
border-top: 1px solid var(--line_regular);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
transition: .75s transform ease-in;
display: block !important;
}
/* 评论行滚动隐藏 */
[scroll-hidden] .main-reply-box {
transform: translateY(calc(100% + var(--actionbar-height)))
}
/* 移除原底部评论栏 */
.fixed-reply-box {
display: none !important;
}
/* 移除评论头像 */
.reply-box-avatar {
display: none !important;
}
/* 输入块外 */
.reply-box-warp {
border-radius: 13px !important;
}
/* 输入块内 */
.textarea-wrap {
padding: 0 !important;
}
/* 文字输入 */
.reply-box-textarea {
height: 26px !important;
line-height: 26px !important;
min-height: 26px !important;
}
/* 输入展开块 */
.main-reply-box .reply-box .box-expand[data-v-a6daab22] {
height: 26px;
margin: 8px 0 0 0;
}
/* 插入表情图片 */
.box-left {
flex: 1;
justify-content: space-evenly !important;
}
/* 点击发送 */
.reply-box-send {
width: 50px !important;
height: 26px !important;
}
/* 评论块 */
#comment {
margin-top: 12px !important;
}
/* 评论导航 */
.reply-navigation {
margin-bottom: 0 !important;
}
/* 评论 */
.root-reply-container {
padding: 12px 0 0 36px !important;
}
.root-reply-avatar,
.root-reply-avatar .bili-avatar {
width: 36px !important;
height: 36px !important;
}
.user-info {
margin: 3px 5px 0 !important;
}
/* 回复评论 */
.sub-reply-container {
padding-left: 28px !important;
}
.sub-reply-item {
padding: 4px 0 4px 37px !important;
}
/* 评论信息 (点赞等) */
.reply-info,
.sub-reply-info {
justify-content: space-between;
}
.reply-info>*,
.sub-reply-info>* {
margin-right: 0 !important;
}
/* 评论举报操作按钮 */
.reply-operation-warp,
.sub-reply-operation-warp {
display: inline-flex !important;
position: static !important;
}
.sub-reply-operation-warp {
opacity: 1 !important;
}
.reply-info,
.sub-reply-info {
font-size: 12px !important;
}
.reply-info>* .sub-reply-info>* {
margin: 0 3px !important;
}
/* 评论图片 */
.reply-view-image .show-image-wrap {
padding: 0 0 145px !important;
.image-content {
width: 100% !important;
}
}
.reply-view-image .operation-btn {
.last-image,
.next-image,
.close-container {
top: unset !important;
bottom: 100px;
}
.last-image,
.next-image {
transform: none !important;
}
.close-container {
right: 50% !important;
transform: translateX(50%);
}
.last-image {
left: 20vw !important;
}
.next-image {
right: 20vw !important;
}
}
/* 评论投票 */
.vote-dialog {
max-width: calc(100% - 10px);
}
/* ----------------------------------------------------
------------------------- 按钮 -----------------------
----------------------------------------------------- */
/* 视频页返回顶部按钮（添加渐变） */
/* 权重：基本设置属性 < transition < animation */
.back-to-top {
border-radius: 0 25% 25% 0 !important;
border-left: 0 !important;
margin-bottom: 0 !important;
width: 42px !important;
visibility: visible !important;
transform: translateX(-100%);
transition: transform .5s ease-in-out;
}
.back-to-top.visible {
transform: none;
}
/* 回顶按钮的位置 */
.fixed-sidenav-storage {
left: 0;
right: unset !important;
bottom: 78px !important;
z-index: 1 !important;
opacity: 1;
transition: opacity var(--sidebar-time) ease-in;
}`, ""]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/* 19 */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_search_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(20);
var options = {};
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_search_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_search_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_search_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_search_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
/***/ }),
/* 20 */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `/* -------------------- 搜索页 ---------------------- */
#i_cecream {
min-width: 0 !important;
/* 空内容填充高度 */
min-height: calc(100vh - var(--actionbar-height)) !important;
}
/* 分类和另几个包含块 */
.i_wrapper {
padding: 0 5px !important;
}
/* 分类 */
.search-tabs.i_wrapper {
padding-top: 10px !important;
}
.vui_tabs--nav-link {
padding: 0 1px !important;
flex-direction: column;
}
ul.vui_tabs--nav>* {
flex: 1;
}
/* 分类: 排序 */
/* 综合 */
.vui_tabs--nav-item:nth-child(1) .vui_tabs--nav-text {
padding-bottom: 17px;
}
/* 视频 */
.vui_tabs--nav-item:nth-child(2) {
order: -1;
}
/* 番剧 */
.vui_tabs--nav-item:nth-child(3) {
order: -2;
}
/* 影视 */
.vui_tabs--nav-item:nth-child(4) {
order: -3;
}
/* 直播 */
.vui_tabs--nav-item:nth-child(5) {
order: 3;
}
/* 专栏 */
.vui_tabs--nav-item:nth-child(6) {
order: 2;
}
/* 用户 */
.vui_tabs--nav-item:nth-child(7) {
order: 1;
}
/* 广告 */
.activity-game-list {
display: none;
}
/* 排序筛选 */
.search-conditions {
position: fixed;
bottom: 0;
z-index: 2;
background: white;
padding: 5px !important;
opacity: 0;
transition: .4s ease-in;
}
.search-conditions.show {
bottom: var(--actionbar-height);
opacity: 1;
}
/* 排序按钮 */
.conditions-order .vui_button--tab {
width: 33.3%;
margin: 0 !important;
}
.search-condition-row {
width: 100%;
}
.conditions-order {
position: relative;
}
.conditions-order .i_button_more {
position: absolute;
bottom: 0;
left: 66.6%;
padding-left: 23px !important;
border: 0;
width: 33.3%;
}
/* 搜索框 */
.search-input {
display: none;
}
/* 视频结果 */
.video-list>div {
flex: 0 0 50%;
max-width: 50%;
padding: 0 4px !important;
margin-bottom: 10px;
}
/* 结果块外 padding */
.search-content {
padding: 0 5px !important;
}
/* 结果块内 */
.search-page-wrapper .search-page {
margin-top: 8px !important;
padding-bottom: 0 !important;
}
/* 搜索页视频预览 */
/* 页数 */
.search-page .flex_center {
margin: 5px 0 !important;
}
.vui_pagenation--btns {
flex-wrap: wrap;
}
.vui_pagenation--btns>*:not(last-child) {
margin: 0 5px 5px !important;
}
.vui_pagenation--btn-side {
padding: 0 5px;
flex: 1 0 20%;
margin-bottom: 5px;
}
.vui_pagenation--btn-num {
flex: 1 0 12% !important;
}
span.vui_pagenation--extend {
flex: 1 0 15% !important;
}
/* 搜索页底部 */
.link-box {
flex-direction: column;
margin: 0 10px !important;
}
.bili-footer {
min-width: 0 !important;
padding: 5px 0 var(--actionbar-height) !important;
}
.b-footer-wrap {
min-width: 0 !important;
margin: 0 5px !important;
}
.link-box {
flex-direction: column;
}
.link-box>* {
max-width: 100%;
}
.link-item__right,
.other-link,
.footer-icons {
display: none !important;
}
/* 影视 */
.media-item-col {
max-width: 100% !important;
flex: none !important;
margin-bottom: 10px !important;
padding: 0 !important;
}
/* 用户 */
.media-list .col_6 {
max-width: 100% !important;
flex: none !important;
margin-bottom: 10px !important;
}
/* 直播 */
.live-user-cards .col_6 {
max-width: 100%;
.live-user-card {
margin-bottom: 10px !important;
}
}
/* 用户头像(用户, 直播) */
.col_6 .bili-avatar {
height: 66px !important;
width: 66px !important;
margin-left: 10px;
margin-top: 10px;
}
.show-more-text {
margin: 10px 0 20px !important;
z-index: 1 !important;
}
.media-item {
padding: 0 !important;
}
.media-card {
--image-width: 103px !important;
--image-height: 139px !important;
--image-mg-r: 10px !important;
margin-right: 10px !important;
--content-head-title-size: 14px !important;
--content-title-mg-b: 0 !important;
--content-text-mg-b: 0 !important;
}
.media-card-content-footer-btns {
--pgc_btn_size: 13px !important;
--pgc_btn_w: 70px !important;
--pgc_btn_h: 28px !important;
}
.media-card-content-head-text {
line-height: 15px !important;
}
/* 位置异常的 logo */
.search-logo.p_center_y {
display: none;
}`, ""]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/* 21 */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_space_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(22);
var options = {};
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_space_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_space_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_space_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_space_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
/***/ }),
/* 22 */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `/* ------------------- 个人主页 ----------------------- */
/* 包裹块、分栏内容 */
div.wrapper,
.content {
max-width: 100%;
}
/* 单击页内搜索添加提示 */
div.header.space-search-tip {
justify-content: center;
}
/* 隐藏提示下面的历史或建议 */
.space-search-tip+div {
display: none;
}
/* --------- 导航栏 --------- */
/* 隐藏贴顶栏 (不是主页而是 up 名) */
#navigator-fixed {
display: none;
}
/* 静态版块栏贴顶 */
#navigator.sticky {
position: fixed;
top: 0;
z-index: 2;
width: 100%;
}
/* 移除搜索框: 隐藏后依然能模拟输入和代码触发元素点击事件 */
/* 用 CSS 属性 display: none; 隐藏元素后，虽然元素在视觉上消失了，但是它在 DOM 中仍然存在。这意味着仍然可以通过 JavaScript 与隐藏元素进行交互 */
#navigator .search-container {
display: none;
}
/* 贴顶后内容区高度补偿 (移除搜索框后) */
#app:has(>.sticky)>.s-space {
padding-top: 49px;
}
/* 内框 */
.n .n-inner {
height: auto !important;
padding: 0 !important;
}
/* 导航项框 */
.n .n-tab-links {
display: flex !important;
justify-content: space-evenly;
}
/* 导航项 */
#app .n .n-btn {
line-height: unset;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
.iconfont {
margin-right: 0;
}
.n-text {
line-height: 15px;
width: 26px;
white-space: nowrap;
overflow: hidden;
}
.n-num {
line-height: 14px;
margin-left: 0;
text-align: center;
}
}
/* 导航: 排序 */
/* 投稿 */
.n .n-video.n-audio.n-article.n-album {
order: -2;
}
/* 动态 */
.n .n-dynamic {
order: -1;
}
/* 主页 .n .n-index.n-fans */
/* 合集 */
.n .n-channel {
order: 1;
}
/* 收藏 */
.n .n-favlist {
order: 2;
}
/* 课程 */
.n .n-pugv {
order: 3;
}
/* 降低高度: 时长、充电头像、充电图 */
.col-1 span.length,
.col-2 .elec .elec-hito:nth-child(4),
.col-2 .elec .elec-status {
z-index: 1;
}
/* --------- 关注栏 --------- */
/* 降低关注栏高度 */
#app .h {
z-index: 1;
}
/* 折叠关注按钮栏 */
#app .h .h-action {
position: fixed;
background-color: #f1f2f3;
left: 0;
bottom: 0 !important;
display: flex;
justify-content: space-evenly;
align-items: center;
opacity: 0;
transition: .4s ease-in;
}
#app .h .h-action.show {
bottom: var(--actionbar-height) !important;
opacity: 1;
}
.h .h-action .h-f-btn {
margin: 10px;
}
/* 更多按钮 */
.be-dropdown.h-add-to-black {
background: rgba(0, 0, 0, .45);
box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .3);
border-radius: 4px;
}
/* --------- up 块 --------- */
/* up 块背景阴影 */
.h .h-gradient {
height: 120% !important;
background-size: auto 100%;
}
/* up 信息上空白 */
#app .h .h-inner {
padding-top: 20px;
}
/* up 信息 */
#app .h .h-info {
margin: 0 10px;
padding-bottom: calc(40px + 12px);
}
/* up 简介 */
#app .h .h-sign {
width: 100%;
word-break: break-all;
height: fit-content;
line-height: 18px;
}
/* 关注、粉丝数 (height: 40px) */
.n .n-statistics {
position: absolute;
top: 0;
transform: translateY(-100%);
z-index: 10;
/* 不减去左右 margin 会溢出 */
width: calc(100% - 20px);
height: auto !important;
display: flex;
justify-content: space-evenly;
padding: 4px 0 5px;
margin: 0 10px;
border-top: 1px solid var(--line_regular);
.n-data {
padding: 0 5px;
height: auto;
}
.n-data-k {
color: white !important;
}
.n-data-v {
color: hsla(0, 0%, 100%, .8) !important;
margin-top: 0 !important;
}
}
/* 宽度 100% 时, 溢出因素: margin、padding、border */
/* up 视频 */
#page-index .col-1 {
max-width: calc(100% - 20px);
padding: 0 10px !important;
border: none !important;
margin-bottom: 10px;
}
.channel-video {
white-space: wrap !important;
}
/* ------ 已关注置顶推荐 ------ */
.i-pin-c.cover-big {
padding-bottom: 5px;
}
.i-pin-c .i-pin-cover {
width: 100% !important;
height: fit-content !important;
}
.i-pin-title {
white-space: wrap !important;
}
.i-pin-info {
margin-left: 0 !important;
height: auto !important;
}
/* 描述 - 不限高 */
.i-pin-desc {
max-height: unset !important;
}
/* ------ TA的视频 ------ */
/* 标题 */
.section-title {
padding: 0 5px 33px !important;
}
/* 标题 - 视频排序 */
#page-index .video .be-tab {
position: absolute;
left: 0;
transform: translateX(calc(50vw - 50%));
margin: 33px 0 0 !important;
}
.be-tab-item {
margin: 0 5px !important;
}
/* 标题 - 右侧按钮 */
.section .more,
.section-title .play-all-channel {
margin-right: 5px;
}
/* TA的视频: 不限制高度 */
#page-index .video .content {
max-height: unset !important;
}
/* ------ TA的收藏夹 ------ */
/* ... */
/* ------ 合集 ------ */
/* ... */
/* ------ TA的专栏 ------ */
/* ... */
/* ------ 最近点赞 ------ */
/* ... */
.small-item {
width: calc(50% - 10px) !important;
padding: 0 5px 5px !important;
}
.small-item .cover {
width: 100% !important;
height: auto !important;
}
.small-item .title {
text-align: justify;
line-break: anywhere;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
padding: 0 3px;
}
/* 频道: 更多 */
#page-index .channel .channel-item .channel-title {
padding: 0 5px 34px;
}
#page-index .channel .section-right-options {
position: absolute;
right: 0;
bottom: 5px;
}
/* 空番剧文本 */
#page-index .col-1 .section.empty:after {
left: 100px !important;
}
#i-masterpiece {
margin-left: 0 !important;
}
#page-index .fav-item {
margin: 0 10px !important;
}
#page-fav .fav-main {
width: 100% !important;
}
.favInfo-details {
max-width: 60%;
margin-left: 5px !important;
}
.fav-options>* {
margin: 0 !important;
}
.favList-info {
padding: 0 !important;
margin: 0 10px !important;
}
/* 隐藏回顶小飞机 */
#app .to-top {
display: none !important;
}
/* --- 专栏项 (横向排列) -- */
.article-item .clearfix {
display: flex;
}
/* 文本 */
.article-content {
min-width: 0;
padding-right: 10px;
/* 元信息栏 width: 10vw */
overflow: hidden;
}
/* 配图 */
.article-img {
flex-shrink: 0;
}
/* 文本内容 */
.article-content .article-con a {
height: 54px;
line-height: 18px;
white-space: normal;
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
/* 文本标题 */
h2.article-title {
max-height: unset;
font-size: 17px;
line-height: 20px;
}
.article-title a {
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
/* 元信息栏 (笔记类型、访问量) */
.article-content .meta-col {
display: flex;
justify-content: space-evenly;
width: 100vw;
span {
margin-right: 0;
}
}
/* 导航 - 动态 */
#page-dynamic .col-1 {
max-width: 100%;
}
div.bili-dyn-item {
min-width: 0;
}
div.bili-dyn-item__main {
padding: 0 15px 0 60px;
}
div.bili-dyn-item__avatar {
width: 60px;
height: 77px;
}
/* 内容填充左侧空白 */
.bili-dyn-item__body {
position: relative;
left: -45px;
width: calc(100% + 45px);
}
/* 封面尺寸 - 投稿边框 */
a.bili-dyn-card-video {
border: 1px solid var(--line_regular);
border-radius: 0 6px 6px 0;
}
/* 封面尺寸 */
div.bili-dyn-card-video__header {
width: 40%;
height: fit-content;
align-self: center;
}
/* 投稿边框、内容 */
div.bili-dyn-card-video__body {
border: none;
min-height: 85px;
padding: 10px 12px 8px;
}
div.bili-dyn-card-video__title {
font-size: 14px;
}
/* 动态图片 */
.bili-album__preview__picture {
width: 100% !important;
height: 100% !important;
}
/* 动态图片 */
div.bili-album__preview.grid6 {
width: unset;
}
/* 点赞评论 */
div.bili-dyn-action {
width: unset;
}
div.bili-dyn-item__footer {
position: relative;
left: -45px;
width: calc(100% + 45px);
padding-right: 0;
justify-content: space-around;
}
/* 导航 - 投稿 */
/* 菜单 */
div.contribution-sidenav {
width: 100%;
}
div.contribution-sidenav .contribution-list-container {
margin-bottom: 10px;
}
.contribution-list {
display: flex;
justify-content: space-evenly;
}
.contribution-sidenav li.contribution-item {
padding-left: 0;
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
}
.contribution-sidenav a.text {
width: auto;
}
.contribution-sidenav .num {
position: absolute;
left: calc(50% + 28px);
transform: translateX(-50%);
}
/* 视频区 */
.contribution-sidenav~div.main-content {
max-width: 100%;
padding: 10px;
}
/* 标题 */
div.page-head {
padding-bottom: 33px;
}
#page-video .page-head .be-tab {
position: absolute;
left: 0;
transform: translateX(calc(50vw - 10px - 50%));
margin: 33px 0 0;
}
/* 视频列表 */
#page-video .cube-list {
max-width: 100%;
}
/* 修复向左偏移 */
#page-video div#submit-video-list {
margin-left: 0;
}
/* 视频分类 */
#page-video div#submit-video-type-filter a {
margin-right: 0;
flex: 25%;
}
/* 导航 - 合集 */
/* 视频列表 */
#page-channel .series-item .video-list {
flex-flow: wrap;
}
#page-channel .series-item .video-list li {
/* flex-flow: row 则要用 0 0 50% */
flex: 50%;
}
.video-list div.video-card {
width: calc(100% - 10px);
padding: 5px;
}
div.video-card.card-item .cover {
width: 100%;
height: fit-content;
}
/* 列表标题 */
#page-channel .series-item .header .btn {
font-size: 12px;
}
/* --- 搜索页 --- */
.s-space .search-page {
flex-direction: column;
max-width: 100%;
}
/* 导航 */
.s-space .search-page .search-nav {
display: flex;
}
div.s-space .search-nav-item {
padding-left: 0;
flex: 50%;
display: flex;
justify-content: center;
align-items: center;
}
div.s-space .search-nav-item .text {
width: unset;
}
/* 搜索页内容 (padding 影响底部 - 没有更多) */
.s-space .search-page .feed-dynamic {
max-width: 100%;
padding: 0 12px;
}
div.feed-dynamic .feed-card {
min-width: 0;
}
div.feed-card .card {
min-width: 0;
}
/* 动态 */
div.feed-card .card .main-content {
width: calc(100% - 60px);
margin-left: 60px;
}
/* 头像 */
div.feed-card .card .user-head {
left: 0;
}
/* 动态内容 */
div.main-content .card-content {
position: relative;
left: -60px;
width: calc(100% + 60px);
}
div.card-content .imagesbox {
max-width: 100%;
}
/* 投稿 */
div.card-content .video-container {
max-width: 100%;
height: unset;
}
.video-container .video-wrap {
display: flex;
}
div.card-content .video-container .image-area {
flex: 40%;
height: fit-content;
align-self: center;
}
div.card-content .video-container .text-area {
width: unset;
margin: 0 8px 0 12px;
flex: 60%;
}
div.card-content .video-container .text-area .content {
margin-top: 5px;
line-height: 16px;
height: unset;
}
/* 没有更多 */
div.feed-dynamic-content .div-load-more .no-more {
margin-bottom: var(--actionbar-height);
}
div.feed-dynamic-content .div-load-more .no-more .end-img {
position: absolute;
/* .feed-dynamic 的左 padding */
width: calc(100% + 24px);
left: -12px;
bottom: 0;
}`, ""]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/* 23 */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6);
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7);
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_message_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24);
var options = {};
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_message_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_message_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_message_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_message_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
/***/ }),
/* 24 */
/***/ ((module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `/* ------------- 消息页(fuck: 顶栏不统一) ------------ */
/* 顶栏外框 */
#internationalHeader {
top: -64px !important;
/* 禁用原最小宽度(适配搜索框宽度) */
min-width: 0 !important;
/* 登录通知 */
position: fixed;
}
/* 顶栏空白 */
#message-navbar {
display: none;
}
/* 主体纵向居中 */
body>.container {
margin-top: 0;
}
.space-right {
padding-top: calc(32px - var(--actionbar-height)/2);
}
/* 主体宽度 */
.container {
width: 100% !important;
}
/* 搜索框 */
div.international-header .nav-search-box {
position: absolute;
width: 100%;
left: 0;
top: 64px;
padding: 10px 20px 5px;
z-index: 3;
margin: 0;
opacity: 0;
transform: scale(.9);
transition: .4s ease-in;
display: none;
}
div.international-header .nav-search-box[show] {
opacity: 1;
transform: none;
}
/* 禁止标题("我的消息"等)、发送框、多人点赞时的头像突出 */
.space-right-top,
.send-box,
.count-2 .avatar:first-child {
z-index: 0 !important;
}
/* 消息分类改为侧边栏 */
.space-left {
position: fixed;
height: 100%;
z-index: 3;
left: -140px;
transition: transform .4s ease-in;
}
body>.container[sidebar] .space-left {
transform: translateX(100%);
}
/* 侧边栏内容居中 */
.space-left .side-bar {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 消息列表 */
.bili-im .left {
width: 70px !important;
transition: width .4s ease-in;
}
/* 列表头 */
.bili-im .left .title {
padding-left: 10px !important;
}
/* 列表项 */
.bili-im .left .list-item {
padding: 15px;
.avatar {
margin-right: 15px;
}
}
/* 列表底部留空 36px */
.bili-im .left .list-container {
height: calc(100% - 72px) !important;
}
/* 列表添加展开按钮 */
#unfold-btn {
padding-left: 22px;
line-height: 35px;
height: 36px;
border-top: 1px solid #e9eaec;
user-select: none;
}
/* 删除聊天 */
.list-item .close {
width: 18px !important;
}
/* 消息通知 */
.msg-notify {
width: 100% !important;
}
/* 消息外框 */
.message-list {
padding: 5px;
/* 固定宽度: 减去最外(.space-right) padding 20px, 消息列表 70px */
width: calc(100vw - 90px);
}
/* 聊天设置 */
.bili-im .menu-list {
left: unset !important;
right: 0;
}
/* 登录通知 */
.notification-warp {
width: 100% !important;
overflow: auto;
}`, ""]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/* 25 */
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ countViewTime: () => (/* binding */ countViewTime),
/* harmony export */ handleScroll: () => (/* binding */ handleScroll),
/* harmony export */ increaseVideoLoadSize: () => (/* binding */ increaseVideoLoadSize),
/* harmony export */ preventBeforeUnload: () => (/* binding */ preventBeforeUnload)
/* harmony export */ });
/* global GM_getValue GM_setValue unsafeWindow */
function preventBeforeUnload () {
const originalAddEventListener = window.addEventListener
// 重写 addEventListener 方法，禁止网站刷新时的弹窗
window.addEventListener = (type, listener, options) =>
type === 'beforeunload' || originalAddEventListener.call(this, type, listener, options)
}
// 增加视频加载数量函数
function increaseVideoLoadSize () {
// 变量提升机制: 重新声明 window 会替代整个作用域内的 widow，但初始化前无法使用
// typeof undefinedVariable 不会报错，而是返回 'undefined'
const _unsafeWindow = typeof unsafeWindow !== 'undefined' ? unsafeWindow : window
// 不使用 //@grant none 则沙盒运行; unsafeWindow: 重写 fetch, MouseEvent 对象的 view 属性
const originalFetch = _unsafeWindow.fetch
_unsafeWindow.fetch = (input, init) => {
if (typeof input === 'string' && input.startsWith('https://api.bilibili.com') && input.includes('feed/rcmd')) {
input = input.replace('&ps=12&', '&ps=30&')
}
return originalFetch(input, init)
}
}
function countViewTime () {
window.onload = function () {
let storedTime = GM_getValue('view-time', undefined)
let storedTimestamp = GM_getValue('timestamp', undefined)
if (storedTime && storedTimestamp) {
const diff = Math.floor((Date.now() - storedTimestamp) / 1000 / 60)
storedTime = diff < 2 ? storedTime + diff : 0
} else {
storedTime = 0
}
storedTimestamp = Date.now()
GM_setValue('view-time', storedTime)
GM_setValue('timestamp', storedTimestamp)
setInterval(function () {
storedTime++
GM_setValue('view-time', storedTime)
GM_setValue('timestamp', Date.now())
if (storedTime % 120 === 0) {
const fullscreenElem = document.fullscreenElement
if (fullscreenElem && !fullscreenElem.querySelector(':scope>#toast')) {
fullscreenElem.appendChild(document.querySelector('#toast').cloneNode())
}
const toasts = document.querySelectorAll('#toast')
toasts.forEach(toast => {
toast.textContent = `您已连续浏览 ${storedTime / 60} 小时，请注意休息`
toast.style.display = 'block'
setTimeout(() => { toast.setAttribute('show', '') }, 10)
setTimeout(() => {
toast.removeAttribute('show')
toast.addEventListener('transitionend', () => { toast.style.cssText = '' }, { once: true })
}, 5000)
})
}
}, 60000)
}
}
/**
* 管理滚动和滑动事件的函数
* @param {string} page - 简短描述页面的字符串: search, video, message, space
*/
function handleScroll (page) {
if (page !== 'video') { scrollToHidden() }
switch (page) {
case 'search':
slideSearchSort()
break
case 'video':
scrollToHidden('video')
slideVideoSidebar()
break
case 'message':
slideMessageSidebar()
break
case 'space':
handleSpaceSwipe()
break
default:
break
}
}
// 滚动隐藏函数(弹幕行、评论行、操作栏)(主要布局块的class在初始化时会动态刷新，动态加载块子元素动态变动)(页面初始化使用了element的className方法设置class属性的值来同时添加多个class)
function scrollToHidden (page) {
let lastScrollY = 0
const scrollThreshold = 75
if (page !== 'video') {
window.addEventListener('scroll', () => {
const currentScrollY = window.scrollY
const offsetY = currentScrollY - lastScrollY
if (Math.abs(offsetY) > scrollThreshold || currentScrollY < scrollThreshold) {
offsetY > 0 ? document.body.setAttribute('scroll-hidden', '') : document.body.removeAttribute('scroll-hidden')
lastScrollY = currentScrollY
}
})
} else {
const leftContainer = document.body.querySelector('.left-container')
leftContainer.addEventListener('scroll', () => { // change
const currentScrollY = leftContainer.scrollTop // change
const offsetY = currentScrollY - lastScrollY
if (Math.abs(offsetY) > scrollThreshold || currentScrollY < scrollThreshold) {
offsetY > 0 ? document.body.setAttribute('scroll-hidden', '') : document.body.removeAttribute('scroll-hidden')
lastScrollY = currentScrollY
}
})
}
}
function slideSearchSort () {
let startX = 0; let startY = 0
let clickIndex = 3
const touchXThreshold = 55
const handleTouchStart = event => {
startX = event.changedTouches[0].clientX
startY = event.changedTouches[0].clientY
}
const handleTouchEnd = event => {
const offsetX = event.changedTouches[0].clientX - startX
const offsetY = event.changedTouches[0].clientY - startY
const navItems = [4, 3, 2, 1, 7, 6, 5]
if (Math.abs(offsetX) > touchXThreshold && Math.abs(offsetY / offsetX) < 1 / 2) {
offsetX > 0 ? clickIndex-- : clickIndex++
document.querySelector(`.vui_tabs--nav-item:nth-child(${navItems[clickIndex]})`).click()
}
}
const container = document.querySelector('#i_cecream')
container.addEventListener('touchstart', handleTouchStart)
container.addEventListener('touchend', handleTouchEnd)
}
function slideVideoSidebar () {
let startX = 0; let startY = 0
const touchXThreshold = 55
const videoContainer = document.querySelector('#mirror-vdcon')
const handleTouchStart = event => {
startX = event.changedTouches[0].clientX
startY = event.changedTouches[0].clientY
}
const handleTouchEnd = event => {
const offsetX = event.changedTouches[0].clientX - startX
const offsetY = event.changedTouches[0].clientY - startY
if (Math.abs(offsetX) > touchXThreshold && Math.abs(offsetY / offsetX) < 1 / 2) {
const isToShow = offsetX < 0
if (isToShow !== videoContainer.hasAttribute('sidebar')) {
isToShow ? videoContainer.setAttribute('sidebar', '') : videoContainer.removeAttribute('sidebar')
}
}
}
videoContainer.addEventListener('touchstart', handleTouchStart)
videoContainer.addEventListener('touchend', handleTouchEnd)
}
function slideMessageSidebar () {
let startX = 0; let startY = 0
const touchXThreshold = 55
const messageContainer = document.querySelector('body>.container')
const sidebarOverlay = document.querySelector('#sidebar-overlay')
const sidebarFab = document.querySelector('#sidebar-fab')
const handleTouchStart = event => {
startX = event.changedTouches[0].clientX
startY = event.changedTouches[0].clientY
}
const handleTouchEnd = event => {
const offsetX = event.changedTouches[0].clientX - startX
const offsetY = event.changedTouches[0].clientY - startY
if (Math.abs(offsetX) > touchXThreshold && Math.abs(offsetY / offsetX) < 1 / 2) {
const isToShow = GM_getValue('message-sidebar-right', false) ? offsetX < 0 : offsetX > 0
if (isToShow !== messageContainer.hasAttribute('sidebar')) {
if (isToShow) {
messageContainer.setAttribute('sidebar', '')
sidebarOverlay.classList.add('show')
sidebarFab.classList.add('active')
} else {
messageContainer.removeAttribute('sidebar')
sidebarOverlay.classList.remove('show')
sidebarFab.classList.remove('active')
}
}
}
}
messageContainer.addEventListener('touchstart', handleTouchStart)
messageContainer.addEventListener('touchend', handleTouchEnd)
sidebarOverlay.addEventListener('touchstart', handleTouchStart)
sidebarOverlay.addEventListener('touchend', handleTouchEnd)
}
// 处理space滚动和滑动事件
function handleSpaceSwipe () {
const observer = new MutationObserver(mutationsList => {
mutationsList.forEach(mutation => {
mutation.addedNodes.forEach(addedNode => {
if (addedNode.id === 'app') {
setTimeout(scrollToStick, 50) // 等待粉丝牌宽度 (可能影响高度) 动态加载
slideSpaceNavigator()
observer.disconnect()
}
})
})
})
observer.observe(document.body, { childList: true })
function scrollToStick () {
const navigator = document.querySelector('#navigator')
const threshold = navigator.getBoundingClientRect().top
let isStuck = false
window.addEventListener('scroll', () => {
if (isStuck !== (window.scrollY > threshold)) {
navigator.classList.toggle('sticky')
isStuck = !isStuck
}
})
}
function slideSpaceNavigator () {
let startX = 0; let startY = 0
const touchXThreshold = 55
const current = document.querySelector('#navigator .active')
const siblings = Array.from(document.querySelectorAll('#navigator .n-btn')).sort((a, b) => {
return parseInt(getComputedStyle(a).order) - parseInt(getComputedStyle(b).order)
})
let index = siblings.findIndex(el => el === current)
const handleTouchStart = event => {
startX = event.changedTouches[0].clientX
startY = event.changedTouches[0].clientY
}
const handleTouchEnd = event => {
const offsetX = event.changedTouches[0].clientX - startX
const offsetY = event.changedTouches[0].clientY - startY
if (Math.abs(offsetX) > touchXThreshold && Math.abs(offsetY / offsetX) < 1 / 2) {
offsetX > 0 ? index-- : index++
siblings[index].click()
}
}
const container = document.querySelector('#app')
container.addEventListener('touchstart', handleTouchStart)
container.addEventListener('touchend', handleTouchEnd)
}
}
/***/ }),
/* 26 */
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ handleScriptPreSetting: () => (/* binding */ handleScriptPreSetting),
/* harmony export */ handleScriptSetting: () => (/* binding */ handleScriptSetting),
/* harmony export */ setScriptHelp: () => (/* binding */ setScriptHelp)
/* harmony export */ });
/* global GM_getValue GM_setValue GM_registerMenuCommand */
function waitDOMContentLoaded (callback) { document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', callback) : callback() }
// 脚本预加载设置
function handleScriptPreSetting () {
const defaultValue = [false, false, false, false, false, false]
const css = {
css1: `
.bpx-player-sending-area.bpx-player-sending-area {display:none !important;}
.left-container.left-container {padding:5px 10px 0;}
.main-reply-box.main-reply-box {display:none !important;}
`,
css2: '#v_tag {display:none !important;}',
css3: `
.copyright.item {display:none !important;}
.show-more {display:none;}
`,
css4: '.trending {display:none;}',
css5: '.bpx-player-ctrl-volume, .bpx-player-ctrl-full, .bpx-player-ctrl-web {display: none;}',
css6: `
.bili-footer {display: none;}
.vui_pagenation {padding-bottom: var(--actionbar-height);}
`
} // 对象的值可通过 object[key] 获取
readScriptSetting()
waitDOMContentLoaded(() => {
createSettingPanel()
GM_registerMenuCommand('元素隐藏设置', () => {
const settingPanel = document.getElementById('setting-panel-style')
settingPanel.style.display = 'flex'
setTimeout(() => { settingPanel.setAttribute('show', '') }, 10) // 修复搜索页show类优先块状显示
})
})
// 形参 diference 隐式声明成 let
function readScriptSetting (diference) {
// 傻逼 GM_getValue 获取未设的值就报错加阻塞线程，值不自动转字符串
const settingShowHidden = GM_getValue('settingShowHidden', defaultValue)
const values = Object.values(css) // 可枚举属性值，返回 [v1, v2]
if (diference) {
for (const [index, value] of diference.entries()) { // 可枚举属性，对数组使用获得元素为索引加值的二维数组，返回 [ [1,v1], [2,v2] ]
if (value) {
if (settingShowHidden[index]) {
const scriptPreStyle = Object.assign(document.createElement('style'), {
id: `script-pre-style-${index}`, textContent: values[index]
})
document.head.appendChild(scriptPreStyle)
} else {
document.getElementById(`script-pre-style-${index}`)?.remove()
}
}
}
} else {
for (const [index, value] of values.entries()) {
if (settingShowHidden[index]) {
const scriptPreStyle = Object.assign(document.createElement('style'), {
id: `script-pre-style-${index}`, textContent: value
})
document.head.appendChild(scriptPreStyle)
}
}
}
}
function createSettingPanel () {
const settingPanel = Object.assign(document.createElement('div'), {
id: 'setting-panel-style',
className: 'setting-panel',
innerHTML: `
<div class="setting-title">隐藏元素</div>
<div class="setting-checkboxes">
<label><input type="checkbox"><span>弹幕行与评论行</span></label>
<label><input type="checkbox"><span>标签块</span></label>
<label><input type="checkbox"><span>转载声明</span></label>
<label><input type="checkbox"><span>热搜榜</span></label>
<label><input type="checkbox"><span>播放器全屏音量键</span></label>
<label><input type="checkbox"><span>页脚导航链接</span></label>
</div>
<button id="setting-conform-1" class="setting-conform">确认</button>
`
})
document.body.appendChild(settingPanel)
const checkboxElements = settingPanel.querySelectorAll('.setting-checkboxes input[type="checkbox"]')
const oldValues = GM_getValue('settingShowHidden', defaultValue)
for (const [index, element] of checkboxElements.entries()) {
element.checked = oldValues[index]
}
settingPanel.querySelector('#setting-conform-1').addEventListener('click', () => {
const oldValues = GM_getValue('settingShowHidden', defaultValue)
const selectedValues = Array.from(checkboxElements).map(checkbox => checkbox.checked)
GM_setValue('settingShowHidden', selectedValues)
const difference = selectedValues.map((value, index) => value !== oldValues[index])
readScriptSetting(difference)
settingPanel.removeAttribute('show')
settingPanel.addEventListener('transitionend', () => { settingPanel.style.cssText = '' }, { once: true })
})
}
}
// 脚本设置
function handleScriptSetting () {
// 修改顺序后，更改下面的选项变更操作
const keyValues = {
key1: 'ban-video-click-play',
key2: 'ban-action-hidden',
key3: 'message-sidebar-change-right',
key4: 'menu-dialog-move-down'
}
const customKeyValues = {
'menu-dialog-down-value': '20',
'video-longpress-speed': '2',
'header-image-source': 'unsplash'
}
if (GM_getValue('ban-action-hidden', false)) { banActionHidden() }
function banActionHidden () {
const style = Object.assign(document.createElement('style'), {
id: 'ban-action-hidden',
textContent: `
[scroll-hidden] #actionbar,
[scroll-hidden] .flexible-roll-btn-inner,
[scroll-hidden] .top-btn {
transform: none !important;
}
`
})
document.head.appendChild(style)
}
if (GM_getValue('message-sidebar-change-right', false)) { messageSidebarRight() }
function messageSidebarRight () {
const style = Object.assign(document.createElement('style'), {
id: 'message-sidebar-change-right',
textContent: `
.space-left.space-left { left: 100%; }
body>.container[sidebar] .space-left.space-left { transform: translateX(-100%); }
`
})
document.head.appendChild(style)
}
if (GM_getValue('menu-dialog-move-down', false)) { menuDialogMoveDown() }
function menuDialogMoveDown () {
const downValue = GM_getValue('menu-dialog-move-down-value', '20')
const style = Object.assign(document.createElement('style'), {
id: 'menu-dialog-move-down',
textContent: `
.bili-header__bar .v-popover.v-popover {
top: unset !important;
bottom: var(--actionbar-height);
transform: translate(-50%, -${downValue}px);
}
div.bili-header .v-popover.v-popover[show] {
transform: translate(-50%, -${downValue}px);
}
`
})
document.head.appendChild(style)
}
createSettingPanel()
GM_registerMenuCommand('操作偏好设置', () => {
const settingPanel = document.getElementById('setting-panel-preference')
settingPanel.style.display = 'flex'
setTimeout(() => { settingPanel.setAttribute('show', '') }, 10)
})
function createSettingPanel () {
const settingPanel = Object.assign(document.createElement('div'), {
id: 'setting-panel-preference',
className: 'setting-panel',
innerHTML: `
<div class="setting-title">操作偏好</div>
<div class="setting-checkboxes">
<label><input type="checkbox"><span>禁用点击视频播放/暂停</span></label>
<label><input type="checkbox"><span>禁止底栏滚动时隐藏</span></label>
<label><input type="checkbox"><span>消息页侧边栏靠右</span></label>
<label><input type="checkbox" class="menu-dialog-move-down"><span>菜单弹窗(收藏、历史等)靠下</span></label>
<label><input type="number" value="20" class="menu-dialog-move-down-value"><span>自定义菜单弹窗底边距</span></label>
<label><input type="number" value="2" class="video-longpress-speed"><span>自定义视频长按倍速</span></label>
<label><select class="header-image-source">
<option value="unsplash">unsplash</option>
<option value="bing">必应每日</option>
<option value="local">本地图片</option>
</select><details><summary>主页头图换源</summary>本地图片限制大小</details></label>
</div>
<button id="setting-conform-2" class="setting-conform">确认</button>
`
})
document.body.appendChild(settingPanel)
const values = Object.values(keyValues) // 返回 [v1, v2]
const customKeys = Object.keys(customKeyValues)
const customValues = Object.values(customKeyValues)
const checkboxElements = settingPanel.querySelectorAll('.setting-checkboxes input[type="checkbox"]')
for (const [index, value] of values.entries()) { // 返回 [ [1,v1], [2,v2] ]
checkboxElements[index].checked = GM_getValue(value, false)
}
const customElements = settingPanel.querySelectorAll('.setting-checkboxes input[type="number"], .setting-checkboxes select')
for (const [index, value] of customKeys.entries()) {
customElements[index].value = GM_getValue(value, Object.values(customValues)[index])
}
settingPanel.querySelector('#setting-conform-2').addEventListener('click', () => {
settingPanel.removeAttribute('show')
settingPanel.addEventListener('transitionend', () => { settingPanel.style.cssText = '' }, { once: true })
const selectedValues = Array.from(checkboxElements).map(checkbox => checkbox.checked)
const writenValues = Array.from(customElements).map(elem => elem.value)
if (selectedValues[1] !== GM_getValue(values[1], false)) { selectedValues[1] ? banActionHidden() : document.getElementById(values[1]).remove() }
if (selectedValues[2] !== GM_getValue(values[2], false)) { selectedValues[2] ? messageSidebarRight() : document.getElementById(values[2]).remove() }
if (selectedValues[3] !== GM_getValue(values[3], false)) { selectedValues[3] ? menuDialogMoveDown() : document.getElementById(values[3]).remove() }
if (writenValues[0] !== GM_getValue(customKeys[0], customValues[0])) { document.getElementById(customKeys[0])?.remove(); menuDialogMoveDown() }
if (writenValues[2] !== GM_getValue(customKeys[2], customValues[2])) {
writenValues[2] !== 'local' && window.dispatchEvent(new CustomEvent('variableChanged', { detail: { key: customKeys[2], newValue: writenValues[2] } }))
}
for (const [index, value] of values.entries()) { GM_setValue(value, selectedValues[index]) }
for (const [index, value] of customKeys.entries()) { GM_setValue(value, writenValues[index]) }
})
settingPanel.querySelector('.header-image-source').addEventListener('change', event => {
// unsafeWindow.document.querySelector('.header-image-source').addEventListener('change', () => { console.log(this.value) })
if (event.target.value === 'local') {
const input = document.createElement('input')
input.type = 'file'
input.accept = 'image/*'
input.addEventListener('change', () => {
const file = input.files[0]
const reader = new FileReader()
reader.readAsDataURL(file)
reader.onload = () => {
const base64Data = reader.result
localStorage.setItem('header-image', base64Data)
}
})
input.click()
}
})
}
}
// 脚本帮助
function setScriptHelp () {
createSettingPanel()
GM_registerMenuCommand('脚本说明', () => {
const settingPanel = document.getElementById('setting-panel-help')
settingPanel.style.display = 'flex'
setTimeout(() => { settingPanel.setAttribute('show', '') }, 10)
})
function createSettingPanel () {
const settingPanel = Object.assign(document.createElement('div'), {
id: 'setting-panel-help',
className: 'setting-panel',
innerHTML: `
<div class="setting-title">脚本说明</div>
<div class="setting-content">
<li>视频页：双击全屏按钮竖屏播放，左右滑动切换侧边栏</li>
<li>搜索页：双击搜索按钮清空输入框，左右滑动切换分类</li>
<li>个人空间：双击搜索按钮全局搜索，左右滑动切换分类</li>
<li>作者持续改进和处理反馈，交流群：113980230</li>
<li>Firefox 推荐扩展：<a href="https://addons.mozilla.org/zh-CN/firefox/addon/uaswitcher/" target="_blank">User Agent Switcher</a></li>
<li>更多自定义功能，请查看脚本设置</li>
</div>
<button id="setting-conform-3" class="setting-conform">关闭</button>
`
})
document.body.appendChild(settingPanel)
settingPanel.querySelector('#setting-conform-3').addEventListener('click', () => {
settingPanel.removeAttribute('show')
settingPanel.addEventListener('transitionend', () => { settingPanel.style.cssText = '' }, { once: true })
})
if (GM_getValue('is-first-use', true)) {
settingPanel.style.display = 'flex'
setTimeout(() => { settingPanel.setAttribute('show', '') }, 10)
GM_setValue('is-first-use', false)
}
}
}
/***/ }),
/* 27 */
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ handleActionbar: () => (/* binding */ handleActionbar)
/* harmony export */ });
/* harmony import */ var _html_category_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
/**
* 管理操作栏的函数 (DOMContentLoaded 之后)
* @param {string} page - 简短描述页面的字符串: home, video, search, space, message
*/
function handleActionbar (page) {
const actionbar = Object.assign(document.createElement('div'), {
id: 'actionbar',
// <div style="display:flex; transform:scale(4)">
// <style>svg {background-color:yellow; border:1px solid;}</style>
innerHTML: `
<div id="full-now">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" style="pointer-events: none; display: inherit; width: 100%; height: 100%;" xmlns="http://www.w3.org/2000/svg"><path transform="translate(3.6,4.2)" d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z"/></svg>
</div>
<div id="my-top">
<svg width="24" height="24" viewBox="0 0 296 296" fill="currentColor" style="pointer-events: none; display: inherit; width: 100%; height: 100%;" xmlns="http://www.w3.org/2000/svg"><path transform="translate(17,18)" stroke="currentColor" stroke-width="1" d="M110.69055,37.98071a20.00016,20.00016,0,0,1,34.6189,0l87.97632,151.99243a19.99992,19.99992,0,0,1-17.30957,30.019H40.0238a19.99992,19.99992,0,0,1-17.30957-30.019L110.69055,37.98071M128,36a11.879,11.879,0,0,0-10.38562,5.98853L29.63806,193.981A11.99988,11.99988,0,0,0,40.0238,211.99219H215.9762A11.99988,11.99988,0,0,0,226.36194,193.981L138.38562,41.98853A11.879,11.879,0,0,0,128,36Z"/></svg>
</div>
<div id="my-home">
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24" fill="currentColor" focusable="false" style="pointer-events: none; display: inherit; width: 100%; height: 100%;"><path d="m12 4.44 7 6.09V20h-4v-6H9v6H5v-9.47l7-6.09m0-1.32-8 6.96V21h6v-6h4v6h6V10.08l-8-6.96z"></path></svg>
</div>
<div id="search-fab">
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24" fill="currentColor" focusable="false" style="pointer-events: none; display: inherit; width: 100%; height: 100%;"><path d="m20.87 20.17-5.59-5.59C16.35 13.35 17 11.75 17 10c0-3.87-3.13-7-7-7s-7 3.13-7 7 3.13 7 7 7c1.75 0 3.35-.65 4.58-1.71l5.59 5.59.7-.71zM10 16c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z"></path></svg>
</div>
<div id="menu-fab">
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24" fill="currentColor" focusable="false" style="pointer-events: none; display: inherit; width: 100%; height: 100%;"><path d="M12 16.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zM10.5 12c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5-1.5.67-1.5 1.5zm0-6c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5-1.5.67-1.5 1.5z"></path></svg>
</div>
<div id="sidebar-fab">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor" focusable="false" style="pointer-events: none; display: inherit; width: 100%; height: 100%;"><path d="M21 6H3V5h18v1zm0 5H3v1h18v-1zm0 6H3v1h18v-1z"></path></svg>
</div>
<div id="refresh-fab">
<svg width="24" height="24" viewBox="0 0 29 29" fill="currentColor" style="pointer-events: none; display: inherit; width: 100%; height: 100%;" xmlns="http://www.w3.org/2000/svg"><path transform="translate(2.3,2.8)" d="M21.3687 13.5827C21.4144 13.3104 21.2306 13.0526 20.9583 13.0069C20.686 12.9612 20.4281 13.1449 20.3825 13.4173L21.3687 13.5827ZM12 20.5C7.30558 20.5 3.5 16.6944 3.5 12H2.5C2.5 17.2467 6.75329 21.5 12 21.5V20.5ZM3.5 12C3.5 7.30558 7.30558 3.5 12 3.5V2.5C6.75329 2.5 2.5 6.75329 2.5 12H3.5ZM12 3.5C15.3367 3.5 18.2252 5.4225 19.6167 8.22252L20.5122 7.77748C18.9583 4.65062 15.7308 2.5 12 2.5V3.5ZM20.3825 13.4173C19.7081 17.437 16.2112 20.5 12 20.5V21.5C16.7077 21.5 20.6148 18.0762 21.3687 13.5827L20.3825 13.4173Z"/><path transform="translate(2.3,2.9)" d="M20.4716 2.42157V8.07843H14.8147"/></svg>
</div>
<div id="show-more-fab">
<svg width="24" height="24" viewBox="0 0 40 40" fill="currentColor" style="pointer-events: none; display: inherit; width: 100%; height: 100%;" xmlns="http://www.w3.org/2000/svg"><path transform="translate(4,4)" d="M0.256 23.481c0 0.269 0.106 0.544 0.313 0.75 0.412 0.413 1.087 0.413 1.5 0l14.119-14.119 13.913 13.912c0.413 0.413 1.087 0.413 1.5 0s0.413-1.087 0-1.5l-14.663-14.669c-0.413-0.412-1.088-0.412-1.5 0l-14.869 14.869c-0.213 0.212-0.313 0.481-0.313 0.756z"></path></svg>
</div>
`
})
document.body.appendChild(actionbar)
document.body.appendChild(Object.assign(document.createElement('div'), { id: 'toast' }))
actionbar.classList.add(page)
setHomeBtn()
setSearchBtn()
if (page !== 'message') { setMenuBtn() }
switch (page) {
case 'home':
setTopBtn()
setRefreshBtn()
break
case 'video':
setFullbtn()
setSidebarBtn()
break
case 'search':
setTopBtn()
setShowMoreBtn()
break
case 'space':
setTopBtn()
setShowMoreBtn()
break
case 'message':
setSidebarBtn()
break
default:
break
}
function setFullbtn () {
let clickTimer = null
const fullBtn = document.getElementById('full-now')
function playVideo () {
const video = document.querySelector('video')
video.play()
video.muted = false
if (video.volume === 0) { document.querySelector('.bpx-player-ctrl-muted-icon').click() }
}
fullBtn.addEventListener('click', () => {
clearTimeout(clickTimer) // 双击会产生两次单击事件和两个定时器, 双击事件只能清除第二个定时器
// via 报错：DOMException: play() can only be initiated by a user gesture. 是浏览器为防止未经请求的视频播放而实施的安全措施。
// 如果 video.play() 方法是在 setTimeout 函数中调用的，这不被视为直接用户手势。
playVideo()
clickTimer = setTimeout(() => {
const videoWrap = document.querySelector('.bpx-player-video-wrap')
videoWrap.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }))
}, 250)
})
fullBtn.addEventListener('dblclick', () => { clearTimeout(clickTimer) })
}
function setTopBtn () {
const topBtn = document.getElementById('my-top')
topBtn.addEventListener('click', () => window.scrollTo({ top: 0 }))
}
function setHomeBtn () {
const home = document.getElementById('my-home')
home.addEventListener('click', () => (location.href = 'https://www.bilibili.com/'))
}
/**
* 设置不同页面的搜索事件的函数
*/
function setSearchBtn () {
const searchFab = document.getElementById('search-fab')
const svg = searchFab.querySelector('svg')
const searchOverlay = document.createElement('div')
searchOverlay.id = 'search-overlay'
searchFab.appendChild(searchOverlay)
const searchContainerSelector = page === 'message' ? '.nav-search-box' : '.center-search-container'
let clickTimer = null
function handleClick (input) {
// 滑动时 .center-search-container 的 class 会刷新
const searchContainer = document.querySelector(`${searchContainerSelector}`)
searchContainer.style.cssText = 'display: block !important' // 修复搜索页优先隐藏
// 在同一个执行上下文中修改多个 CSS 属性时，浏览器会将这些属性的变化合并为一个重绘和重排操作
setTimeout(() => { searchContainer.setAttribute('show', '') }, 10)
input.focus()
searchOverlay.classList.add('show')
searchFab.classList.add('active')
}
/**
* 单击事件、双击事件、searchOverlay 共用的 input
*/
let input = null
if (page !== 'search' && page !== 'space') {
searchFab.addEventListener('click', () => {
input = document.querySelector(`${searchContainerSelector} input`)
if (!input) { return }
handleClick(input)
})
}
if (page === 'search') {
// 底部显示搜索文本
const pageInput = document.querySelector('.search-input input')
const searchFabText = Object.assign(document.createElement('div'), { id: 'search-fab-text', textContent: pageInput.value })
searchFab.appendChild(searchFabText)
searchFab.style.cssText = 'background-color: var(--graph_bg_thick); border-radius: 16px;'
svg.style.flex = '0 0 20px'
// 文本更新到底部搜索
const handleInput = () => {
searchFabText.textContent = input.value
if (input.value === '') {
searchFab.style.cssText = ''
svg.style.flex = ''
} else {
searchFab.style.cssText = 'background-color: var(--graph_bg_thick); border-radius: 16px;'
svg.style.flex = '0 0 20px'
}
}
searchFab.addEventListener('click', () => {
input = document.querySelector(`${searchContainerSelector} input`)
if (!input) { return }
clearTimeout(clickTimer)
clickTimer = setTimeout(() => {
handleClick(input)
// 移除之前添加的 input 事件监听器
input.removeEventListener('input', handleInput)
// 模拟输入: 将文本填入底部搜索
input.value = searchFabText.textContent
input.dispatchEvent(new Event('input', { bubbles: true }))
handleInput()
input.addEventListener('input', handleInput)
}, 300)
})
searchFab.addEventListener('dblclick', () => {
if (!input) { return } // return 语句结束当前函数的执行
clearTimeout(clickTimer)
handleClick(input)
input.value = ''
input.dispatchEvent(new Event('input', { bubbles: true }))
searchFabText.textContent = input.value
searchFab.style.cssText = ''
svg.style.flex = ''
handleInput()
input.removeEventListener('input', handleInput)
input.addEventListener('input', handleInput)
})
}
if (page === 'space') {
// 使用 let handleInput 声明变量并在内部块中赋值时，实际上是在创建一个新的函数。即使引用移除事件监听器时能访问到 let handleInput 变量，但是此时 handleInput 变量引用的函数并不是添加事件监听器时使用的那个函数
const spaceHandleInput = event => {
if (event.key === 'Enter') {
const spaceInput = document.querySelector('#navigator .space_input')
const spaceSearchBtn = document.querySelector('#navigator .search-btn')
event.preventDefault()
spaceInput.value = input.value
spaceInput.dispatchEvent(new Event('input', { bubbles: true }))
spaceSearchBtn.click()
searchOverlay.click()
}
}
searchFab.addEventListener('click', () => {
input = document.querySelector(`${searchContainerSelector} input`)
if (!input) { return }
clearTimeout(clickTimer)
clickTimer = setTimeout(() => {
handleClick(input)
// 移除之前添加的 keydown 事件监听器
input.removeEventListener('keydown', spaceHandleInput)
// 移除事件监听器时，回调函数需要与添加事件监听器时使用的回调函数完全一致。内联定义的新箭头函数不是添加事件监听器时使用的原始回调函数
// 引用回调函数时，形参写在函数声明中，不需要内联一个匿名函数 (匿名内部函数, 无函数名)
input.addEventListener('keydown', spaceHandleInput)
const searchPanel = document.querySelector('.search-panel')
const firstChild = searchPanel.firstChild
if (firstChild.nodeType === Node.COMMENT_NODE || !firstChild.classList.contains('space-search-tip')) {
const spaceSearchTip = Object.assign(document.createElement('div'), {
className: 'header space-search-tip', innerHTML: '<div class="title">搜索 up 的视频、动态</div>'
})
searchPanel.insertBefore(spaceSearchTip, firstChild)
}
}, 300)
})
searchFab.addEventListener('dblclick', () => {
if (!input) { return }
clearTimeout(clickTimer)
handleClick(input)
input.removeEventListener('keydown', spaceHandleInput)
document.querySelector('.space-search-tip')?.remove()
})
}
// 避免存在双击事件时的延时操作导致视频页滑动阴影无法滚动内容以及卡顿感
searchOverlay.addEventListener('click', event => {
event.stopPropagation()
const searchContainer = document.querySelector(`${searchContainerSelector}`)
searchContainer.removeAttribute('show')
searchContainer.addEventListener('transitionend', () => { searchContainer.style.cssText = '' }, { once: true })
searchOverlay.classList.remove('show')
searchFab.classList.remove('active')
})
// 移动端 click 会先触发 touchstart, touchend 和 mousemove
function handleTouchMove () { searchOverlay.click() } // searchOverlay.click() 返回值为 undefined
searchOverlay.addEventListener('touchstart', () => searchOverlay.addEventListener('touchmove', handleTouchMove, { once: true }))
searchOverlay.addEventListener('touchend', () => searchOverlay.removeEventListener('touchmove', handleTouchMove))
}
function setMenuBtn () {
// 覆盖显隐，初始化加载动态、收藏、历史、主页
const preloadeditems = [
'.v-popover-wrap:has(>.right-entry__outside[href="//t.bilibili.com/"])',
'.v-popover-wrap:has(>.header-favorite-container)',
'.right-entry__outside[href="//www.bilibili.com/account/history"]',
'.header-avatar-wrap']
const waitRightEntry = () => {
document.querySelector('.right-entry') ? tryPreload() : setTimeout(waitRightEntry, 200)
}
waitRightEntry()
function tryPreload () {
if (document.querySelector(preloadeditems[2])) {
preloadeditems.forEach(item => { document.querySelector(item).dispatchEvent(new MouseEvent('mouseenter')) })
setTimeout(handleHistoryShowMore, 50)
setTimeout(handleDynamicShowMore, 60)
} else setTimeout(tryPreload, 1000)
}
const menuFab = document.getElementById('menu-fab')
// headerInMenu
const menuOverlay = Object.assign(document.createElement('div'), {
id: 'menu-overlay',
innerHTML: `
<div id="header-in-menu">
<ul>
<li data-refer=".right-entry__outside[copy]">分类</li>
<li data-refer=".right-entry__outside[href='//message.bilibili.com']">消息</li>
<li data-refer=".right-entry__outside[href='//t.bilibili.com/']">动态</li>
<li data-refer=".header-favorite-container">收藏</li>
<li data-refer=".right-entry__outside[href='//www.bilibili.com/account/history']">历史</li>
<li data-refer=".header-avatar-wrap--container">主页</li>
</li>
</div>
`
})
menuFab.appendChild(menuOverlay)
const menu = menuOverlay.querySelector('#header-in-menu')
menuFab.addEventListener('click', () => {
menu.classList.add('show')
document.body.setAttribute('menu', '') // 显示消息数
menuOverlay.classList.add('show')
menuFab.classList.add('active')
})
let openedDialog = '' // sessionStorage 刷新网页不变
const items = menuOverlay.querySelectorAll('li')
items.forEach(item =>
item.addEventListener('click', event => {
event.stopPropagation()
menu.classList.remove('show')
document.body.removeAttribute('menu')
const refer = item.dataset.refer
const referElement = document.querySelector(`${refer}+.v-popover`)
if (!referElement) {
const toast = document.querySelector('#toast')
toast.textContent = '请稍后，网页菜单加载中'
toast.style.display = 'block'
setTimeout(() => { toast.setAttribute('show', '') }, 10)
menuOverlay.click()
setTimeout(() => {
toast.removeAttribute('show')
toast.addEventListener('transitionend', () => { toast.style.cssText = '' }, { once: true })
}, 3000)
return
}
openedDialog = refer
referElement.style.display = 'block'
setTimeout(() => { referElement.setAttribute('show', '') }, 10)
})
)
menuOverlay.addEventListener('click', event => {
event.stopPropagation()
menu.classList.remove('show')
document.body.removeAttribute('menu')
menuOverlay.classList.remove('show')
menuFab.classList.remove('active')
if (openedDialog === '') { return }
const referElement = document.querySelector(`${openedDialog}+.v-popover`)
referElement.removeAttribute('show')
referElement.addEventListener('transitionend', () => { referElement.style.cssText = '' }, { once: true }) // 鼠标一动就会触发 mouseleave
})
function handleTouchMove () { menuOverlay.click() }
menuOverlay.addEventListener('touchstart', () => menuOverlay.addEventListener('touchmove', handleTouchMove, { once: true }))
menuOverlay.addEventListener('touchend', () => menuOverlay.removeEventListener('touchmove', handleTouchMove))
const falseHeader = Object.assign(document.createElement('div'), {
className: 'bili-header false-header',
innerHTML: _html_category_html__WEBPACK_IMPORTED_MODULE_0__["default"]
})
document.body.appendChild(falseHeader)
// 设置历史自动展开
function handleHistoryShowMore () {
let cursor = {}
fetch('https://api.bilibili.com/x/web-interface/history/cursor?max=0&view_at=0&business=', { credentials: 'include' })
.then(response => response.json())
.then(data => { cursor = data.data.cursor })
.catch(error => console.error(error))
const historyContent = document.querySelector('.history-panel-popover>.header-tabs-panel__content')
function onScroll () {
const { scrollTop, scrollHeight, clientHeight } = historyContent
if (Math.abs(scrollTop + clientHeight - scrollHeight) > 1) { return }
historyContent.removeEventListener('scroll', onScroll) // 内容加载后再重新监听滚动
setTimeout(() => { historyContent.addEventListener('scroll', onScroll) }, 2000)
console.log('Scroll to bottom')
fetch(`https://api.bilibili.com/x/web-interface/history/cursor?max=${cursor.max}&view_at=${cursor.view_at}&business=archive`, { credentials: 'include' })
.then(response => response.json())
.then(data => {
cursor = data.data.cursor
data.data.list.forEach(addElementByItem) // 简写形式有时需绑定 this
})
.catch(error => console.error(error))
}
historyContent.addEventListener('scroll', onScroll)
function addElementByItem (item) {
const record = Object.assign(document.createElement('a'), {
href: `//www.bilibili.com/video/${item.history.bvid}/?`,
className: 'header-history-card header-history-video',
target: '_blank',
'data-mod': 'top_right_bar_window_history',
'data-idx': 'content',
'data-ext': 'click',
/* html */
innerHTML: `
<div class="header-history-video__image">
<picture class="v-img">
<source srcset="${formatUrl(item.cover)}@256w_144h_1c.avif" type="image/avif">
<source srcset="${formatUrl(item.cover)}@256w_144h_1c.webp" type="image/webp">
<img src="${formatUrl(item.cover)}@256w_144h_1c" alt="" loading="lazy" onload="" onerror="typeof window.imgOnError === 'function' && window.imgOnError(this)">
</picture>
<div class="header-history-video__duration"><span class="header-history-video__duration--text">${formatProgressTime(item.progress) + '/' + formatProgressTime(item.duration)}</span></div>
<div class="header-history-video__progress"><div class="header-history-video__progress--inner" style="width: ${item.progress / item.duration * 100}%; border-radius: 0px;"></div></div>
</div>
<div class="header-history-card__info">
<div title="${item.title}" class="header-history-card__info--title">${item.title}</div>
<div class="header-history-card__info--date">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="device-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.55 13C10.8262 13 11.05 13.2239 11.05 13.5C11.05 13.7761 10.8262 14 10.55 14H5.55005C5.27391 14 5.05005 13.7761 5.05005 13.5C5.05005 13.2239 5.27391 13 5.55005 13H10.55ZM13.05 2C14.1546 2 15.05 2.89543 15.05 4V10C15.05 11.1046 14.1546 12 13.05 12H3.05005C1.94548 12 1.05005 11.1046 1.05005 10V4C1.05005 2.89543 1.94548 2 3.05005 2H13.05ZM13.05 3H3.05005C2.53721 3 2.11454 3.38604 2.05678 3.88338L2.05005 4V10C2.05005 10.5128 2.43609 10.9355 2.93343 10.9933L3.05005 11H13.05C13.5629 11 13.9856 10.614 14.0433 10.1166L14.05 10V4C14.05 3.44772 13.6023 3 13.05 3Z" fill="#999999"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7 11H9L10 14H6L7 11Z" fill="#999999"></path></svg>
<span>${formatViewTime(item.view_at)}</span>
</div>
<div class="header-history-card__info--name" title="${item.author_name}">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="up-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.33334 5.16669C1.33334 3.78597 2.45263 2.66669 3.83334 2.66669H12.1667C13.5474 2.66669 14.6667 3.78597 14.6667 5.16669V10.8334C14.6667 12.2141 13.5474 13.3334 12.1667 13.3334H3.83334C2.45263 13.3334 1.33334 12.2141 1.33334 10.8334V5.16669ZM3.83334 3.66669C3.00492 3.66669 2.33334 4.33826 2.33334 5.16669V10.8334C2.33334 11.6618 3.00492 12.3334 3.83334 12.3334H12.1667C12.9951 12.3334 13.6667 11.6618 13.6667 10.8334V5.16669C13.6667 4.33826 12.9951 3.66669 12.1667 3.66669H3.83334ZM4.33334 5.50002C4.60949 5.50002 4.83334 5.72388 4.83334 6.00002V8.50002C4.83334 9.05231 5.28106 9.50002 5.83334 9.50002C6.38563 9.50002 6.83334 9.05231 6.83334 8.50002V6.00002C6.83334 5.72388 7.0572 5.50002 7.33334 5.50002C7.60949 5.50002 7.83334 5.72388 7.83334 6.00002V8.50002C7.83334 9.60459 6.93791 10.5 5.83334 10.5C4.72877 10.5 3.83334 9.60459 3.83334 8.50002V6.00002C3.83334 5.72388 4.0572 5.50002 4.33334 5.50002ZM9.00001 5.50002C8.72387 5.50002 8.50001 5.72388 8.50001 6.00002V10C8.50001 10.2762 8.72387 10.5 9.00001 10.5C9.27615 10.5 9.50001 10.2762 9.50001 10V9.33335H10.5833C11.6419 9.33335 12.5 8.47523 12.5 7.41669C12.5 6.35814 11.6419 5.50002 10.5833 5.50002H9.00001ZM10.5833 8.33335H9.50001V6.50002H10.5833C11.0896 6.50002 11.5 6.91043 11.5 7.41669C11.5 7.92295 11.0896 8.33335 10.5833 8.33335Z" fill="#999999"></path></svg>
<span>${item.author_name}</span>
</div>
</div>
`
})
historyContent.appendChild(record)
}
const formatUrl = url => url.slice(url.indexOf(':') + 1)
function formatProgressTime (seconds) {
const hrs = Math.floor(seconds / 3600) // Math.floor() 向下取整
const mins = Math.floor((seconds % 3600) / 60)
const secs = seconds % 60
return `${hrs ? (hrs + ':') : ''}${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`
}
function formatViewTime (timestamp) {
const days = Math.floor(timestamp / 86400)
const hrs = Math.floor((timestamp % 86400) / 3600)
const mins = Math.floor((timestamp % 3600) / 60)
const now = Math.floor(Date.now() / 1000)
const today = Math.floor(now / 86400)
const dayTextMap = {
0: '今天',
1: '昨天',
2: '前天'
}
const dayText = dayTextMap[today - days] || (today - days) + '天前'
return `${dayText} ${hrs.toString().padStart(2, '0')}:${mins.toString().padStart(2, '0')}`
}
}
// 设置动态自动展开
function handleDynamicShowMore () {
let offset = ''
let i = 0
async function getLoadedData () {
try {
const response = await fetch(`https://api.bilibili.com/x/polymer/web-dynamic/v1/feed/nav?offset=${offset}`, { credentials: 'include' })
const data = await response.json()
offset = data.data.offset
if (i < 2) { getLoadedData(); i++ }
} catch (error) {
console.error(error)
}
}
getLoadedData()
const dynamicContent = document.querySelector('.dynamic-panel-popover>.header-tabs-panel__content')
const dynamicAll = dynamicContent.querySelector('.dynamic-all')
let loadedTitle = []
function onScroll () {
const { scrollTop, scrollHeight, clientHeight } = dynamicContent
if (Math.abs(scrollTop + clientHeight - scrollHeight) > 1) { return }
dynamicContent.removeEventListener('scroll', onScroll) // 内容加载后再重新监听滚动
setTimeout(() => { dynamicContent.addEventListener('scroll', onScroll) }, 2000)
console.log('Scroll to bottom')
fetch(`https://api.bilibili.com/x/polymer/web-dynamic/v1/feed/nav?offset=${offset}`, { credentials: 'include' })
.then(response => response.json())
.then(data => {
offset = data.data.offset
data.data.items.forEach(checkIsLoaded) // 简写形式有时需绑定 this
})
.catch(error => console.error(error))
const dynamics = dynamicAll.querySelectorAll(':scope>a')
loadedTitle = Array.from(dynamics).map(a => a.title)
}
dynamicContent.addEventListener('scroll', onScroll)
function checkIsLoaded (item) { if (!loadedTitle.includes(item.title)) { addElementByItem(item) } }
function addElementByItem (item) {
const record = Object.assign(document.createElement('a'), {
href: `${item.jump_url}`,
title: `${item.title}`,
target: '_blank',
'data-mod': 'top_right_bar_window_dynamic',
'data-idx': 'content',
'data-ext': 'click',
/* html */
innerHTML: `
<div data-v-16c69722="" data-v-0290fa94="" class="header-dynamic-list-item" title="${item.title}" target="_blank">
<div data-v-16c69722="" class="header-dynamic-container">
<div data-v-16c69722="" class="header-dynamic__box--left"><a data-v-16c69722="" class="header-dynamic-avatar" href="${item.author.jump_url}" title="${item.author.name}" target="_blank">
<div class="bili-avatar" style="width: 100%;height:100%;">
<img class="bili-avatar-img bili-avatar-face bili-avatar-img-radius" data-src="${formatUrl(item.author.face)}@96w_96h_1c_1s_!web-avatar.avif" alt="" src="${formatUrl(item.author.face)}@96w_96h_1c_1s_!web-avatar.avif">
</div>
</a></div>
<div data-v-16c69722="" class="header-dynamic__box--center">
<div data-v-16c69722="" class="dynamic-name-line">
<div data-v-16c69722="" class="user-name">
<a data-v-16c69722="" href="${item.author.jump_url}" title="${item.author.name}" target="_blank">${item.author.name}</a>
</div>
</div>
<div data-v-16c69722="" class="dynamic-info-content" title="">
<div data-v-0290fa94="" class="all-in-one-article-title">${item.title}</div>
</div>
<span data-v-0290fa94="" class="publish-time">${item.pub_time}</span>
</div>
<a data-v-16c69722="" class="header-dynamic__box--right" href="${item.jump_url}" target="_blank">
<div data-v-0290fa94="" class="cover">
<picture data-v-0290fa94="" class="v-img">
<source srcset="${formatUrl(item.cover)}@164w_92h_1c.avif" type="image/avif">
<source srcset="${formatUrl(item.cover)}@164w_92h_1c.webp" type="image/webp">
<img src="${formatUrl(item.cover)}@164w_92h_1c" alt="" loading="lazy" onload="" onerror="typeof window.imgOnError === 'function' && window.imgOnError(this)">
</picture>
<div data-v-0290fa94="" class="watch-later"><svg data-v-0290fa94="" class="bili-watch-later__icon"><use xlink:href="#widget-watch-later"></use></svg></div>
</div>
</a>
</div>
</div>
`
})
dynamicAll.appendChild(record)
}
const formatUrl = url => url.slice(url.indexOf(':') + 1)
}
}
function setRefreshBtn () {
const refreshFab = document.getElementById('refresh-fab') // 返回动态 HTML Collection
// 使用rollBtn?.click可选链操作符前的rollBtn会立即执行，如果rollBtn存在才传递该元素的click函数引用。而创建了一个新的箭头函数()=>{rollBtn?.click()}则会在监听事件触发时才执行rollBtn
refreshFab.addEventListener('click', () => { document.querySelector('.flexible-roll-btn-inner')?.click() })
}
function setShowMoreBtn () {
const showMoreFab = document.getElementById('show-more-fab')
const handleClick = () => {
if (page === 'search') {
const searchConditions = document.querySelector('.search-conditions')
if (searchConditions) {
if (sessionStorage.getItem('show-conditions') !== 'true') {
searchConditions.classList.add('show')
showMoreFab.classList.add('reverse')
sessionStorage.setItem('show-conditions', 'true')
} else {
searchConditions.classList.remove('show')
showMoreFab.classList.remove('reverse')
sessionStorage.setItem('show-conditions', '')
}
}
} else if (page === 'space') {
const followRow = document.querySelector('.h .h-action')
followRow?.classList.toggle('show')
showMoreFab.classList.toggle('reverse')
}
}
showMoreFab.addEventListener('click', handleClick)
}
// 侧边栏(使用 sessionStorage + heade style 绕过 DOM 依赖以解决刷新缓加载导致的内容跳动。head 中的 style 也会暂缓。最后确定是元素在样式表加载前的初始样式问题。)
/**
* 处理侧边栏事件的函数
*/
function setSidebarBtn () {
if (page === 'video') {
handleVideoSidebar()
showMoreRecommend()
} else if (page === 'message') {
handleMessageSidebar()
}
function handleVideoSidebar () {
const sidebarFab = document.getElementById('sidebar-fab')
const videoContainer = document.querySelector('#mirror-vdcon')
sidebarFab.addEventListener('click', () => videoContainer.toggleAttribute('sidebar'))
function closeSidebar () {
videoContainer.removeAttribute('sidebar')
}
const recommendLiist = document.getElementById('reco_list')
recommendLiist.addEventListener('click', event => {
const nextPlay = document.querySelector('.rec-title')
const recommendFooter = document.querySelector('.rec-footer') // 自动点击
if (!nextPlay.contains(event.target) && !recommendFooter.contains(event.target)) { closeSidebar() }
})
}
function showMoreRecommend () {
const recommendFooter = document.querySelector('.rec-footer')
setTimeout(() => { recommendFooter?.click() }, 2000) // 直接传递 recommendFooter?.click: 可选链操作符前的 recommendFooter 条件判断将会立即执行
document.querySelector('video').addEventListener('canplay', showMoreRecommend, { once: true })
}
function handleMessageSidebar () {
const sidebarFab = document.getElementById('sidebar-fab')
const messageContainer = document.querySelector('body>.container')
sidebarFab.addEventListener('click', () => {
messageContainer.toggleAttribute('sidebar')
sidebarOverlay.classList.toggle('show')
sidebarFab.classList.toggle('active')
})
const sidebarOverlay = document.createElement('div')
sidebarOverlay.id = 'sidebar-overlay'
sidebarFab.appendChild(sidebarOverlay)
}
}
}
/***/ }),
/* 28 */
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
// Module
var code = "<div class=\"right-entry__outside\" copy></div><div class=\"v-popover\" id=\"copy-category-dialog\"><div class=\"v-popover-content\"><div data-v-1c44224b=\"\"class=\"bili-header-channel-panel\"><div data-v-1c44224b=\"\"class=\"channel-panel__column\"><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/anime/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-anime\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"m588.8 359.68-12.032-7.424L727.04 145.664a30.976 30.976 0 0 0-51.2-36.352l-153.6 210.176L281.6 170.24a30.976 30.976 0 1 0-33.024 52.736L486.4 369.92l-22.784 31.488a30.976 30.976 0 1 0 51.2 36.352l25.6-35.072 16.128 9.728A30.976 30.976 0 1 0 588.8 359.68zM710.4 850.688a53.248 53.248 0 1 0 106.496 0 53.248 53.248 0 1 0-106.496 0ZM261.12 797.44a53.248 53.248 0 1 0 53.504 53.248 53.248 53.248 0 0 0-53.504-53.248z\"fill=\"#FB813A\"></path><path d=\"M234.24 314.368h556.288q92.928 0 92.928 92.928V768q0 92.928-92.928 92.928H234.24q-92.928 0-92.928-92.928V407.296q0-92.928 92.928-92.928Z\"fill=\"#FDDE80\"></path><path d=\"M392.192 575.232a128.256 128.256 0 1 0 256.512 0 128.256 128.256 0 1 0-256.512 0Z\"fill=\"#FFF\"></path><path d=\"M476.928 546.56c0-26.88 19.2-37.632 42.24-25.6l49.664 28.672a25.6 25.6 0 0 1 0 48.64l-49.664 28.672c-23.04 13.568-42.24 2.56-42.24-24.32z\"fill=\"#FB813A\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">番剧</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/movie/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-movie\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M954.624 452.864H919.04v-168.96a37.376 37.376 0 0 0-25.6-36.608 36.608 36.608 0 0 0-46.592 34.304v170.24H199.936V282.88a37.632 37.632 0 0 0-25.6-36.608A36.352 36.352 0 0 0 128 281.6v170.24H92.16a15.616 15.616 0 0 0-15.36 15.872V550.4a15.36 15.36 0 0 0 15.36 15.616h26.88v85.248a135.68 135.68 0 0 0 134.4 136.192h114.432a135.68 135.68 0 0 0 134.4-136.192v-20.992a7.936 7.936 0 0 1 7.68-7.936h25.6a7.68 7.68 0 0 1 7.68 7.936v20.992a135.936 135.936 0 0 0 134.4 136.192H793.6A135.68 135.68 0 0 0 928 651.264v-85.248h25.6a15.36 15.36 0 0 0 15.36-15.616v-81.664a15.616 15.616 0 0 0-15.36-15.872\"fill=\"#E5E6E6\"></path><path d=\"M361.216 727.552h-102.4A87.296 87.296 0 0 1 172.8 640v-79.872a61.184 61.184 0 0 1 60.416-61.44h153.6a61.184 61.184 0 0 1 60.416 61.44V640a87.296 87.296 0 0 1-86.528 87.552\"fill=\"#FF5C7A\"></path><path d=\"M685.568 727.552h102.4A87.296 87.296 0 0 0 873.984 640v-79.872a61.184 61.184 0 0 0-60.416-61.44h-153.6a61.184 61.184 0 0 0-60.416 61.44V640a87.296 87.296 0 0 0 86.528 87.552\"fill=\"#2CBAE5\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">电影</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/guochuang/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-guochuang\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M873.472 321.792c-46.08-46.592-102.4-73.472-161.536-40.192a177.152 177.152 0 0 0-51.2-161.536s-83.456 107.52-15.104 219.648c-12.288 13.568-24.32 27.136-36.352 39.424-26.88 27.136 14.592 69.12 41.216 41.984l68.608-69.632c40.704-40.96 76.8-23.808 112.896 12.288 26.624 26.88 68.096-15.104 41.472-41.984z\"fill=\"#58D598\"></path><path d=\"M705.024 344.576a189.696 189.696 0 0 0-270.848 0 195.072 195.072 0 0 0-41.216 62.464 249.088 249.088 0 0 0-177.664 74.496 256 256 0 0 0 0 359.68 248.576 248.576 0 0 0 354.816 0 256 256 0 0 0 73.472-179.2 190.976 190.976 0 0 0 61.44-41.728 195.84 195.84 0 0 0 0-275.712z\"fill=\"#FF5C7A\"></path><path d=\"M514.304 808.704a187.136 187.136 0 0 1-267.264-5.12 193.536 193.536 0 0 1 5.12-271.104s-45.056 120.832 43.776 214.272a210.176 210.176 0 0 0 218.368 61.952\"fill=\"#F14767\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">国创</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/tv/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-teleplay\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M271.616 247.808a212.224 212.224 0 0 0-49.664 172.8l25.6 126.72c56.832 21.76 60.16 87.552 67.328 149.248a1167.872 1167.872 0 0 1 190.208-14.08 1247.488 1247.488 0 0 1 196.096 14.08c7.68-61.696 4.352-126.72 59.904-148.736l25.6-128a211.712 211.712 0 0 0-49.92-172.288 218.624 218.624 0 0 0-165.12-74.752H436.736a218.624 218.624 0 0 0-165.12 74.752\"fill=\"#FFB161\"></path><path d=\"m505.088 412.672-34.816-34.56a19.456 19.456 0 0 0-27.392 27.392l25.6 25.6-25.6 25.6a19.456 19.456 0 0 0 27.392 27.392l34.816-34.56 35.072 34.56a18.688 18.688 0 0 0 13.568 5.632 19.456 19.456 0 0 0 13.824-33.024l-25.6-25.6 25.6-25.6a19.456 19.456 0 0 0-13.824-33.024 18.688 18.688 0 0 0-13.568 5.632z\"fill=\"#FFE494\"></path><path d=\"M822.016 482.56a130.816 130.816 0 0 0-133.888 128v68.864L320 680.96v-69.376a130.304 130.304 0 0 0-120.32-128h-13.568A81.92 81.92 0 0 0 102.4 563.2a76.8 76.8 0 0 0 0 13.312 79.104 79.104 0 0 0 38.912 54.784l8.96 4.352h2.304a25.6 25.6 0 0 1 15.36 22.016v63.744a112.384 112.384 0 0 0 80.896 105.472 51.2 51.2 0 0 0 98.816 5.888h313.088a51.2 51.2 0 0 0 98.816-5.888 112.384 112.384 0 0 0 79.104-105.472v-70.656a25.6 25.6 0 0 1 8.192-11.52h1.536l4.608-2.816a80.384 80.384 0 0 0 51.2-61.44v-12.032a81.92 81.92 0 0 0-83.712-79.616\"fill=\"#FB952C\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">电视剧</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/variety/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-zongyi\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M25.115 625.015c127-67.634 201.653-43.033 188.69 73.103l-.724 5.894c-13.961 104.648 52.674 162.367 81.945 128.3l1.698-2.123a24.976 24.976 0 1 1 40.211 29.646c-28.747 39.012-82.12 39.936-122.33 6.444-39.312-32.768-59.442-90.661-51.95-161.018l1.449-12.088.8-7.992c3.695-46.13-12.14-59.967-61.416-41.76l-8.517 3.347-9.166 3.922-9.79 4.495-10.49 5.145-11.114 5.695-5.844 3.072a24.976 24.976 0 1 1-23.477-44.082z\"fill=\"#EC0000\"></path><path d=\"m419.355 437.872 237.268 148.256-217.887 254.8a79.922 79.922 0 0 1-103.1 15.835l-18.806-11.738a79.922 79.922 0 0 1-30.97-99.628l133.52-307.525z\"fill=\"#FF5C00\"></path><path d=\"M385.488 416.718 690.49 607.282l-92.335 72.38c-29.621 20.454-77.899 9.74-144.859-32.094-66.984-41.86-97.78-80.572-92.384-116.137l24.576-114.713z\"fill=\"#EC0000\"></path><path d=\"M432.167 681.484a26.524 26.524 0 0 1 6.569 39.187l-19.107 23.577a22.828 22.828 0 0 1-38.412-23.976l12.862-27.499a26.524 26.524 0 0 1 38.088-11.289z\"fill=\"#FFD3A5\"></path><path d=\"M391.831 255.75c-76.025 121.631-39.036 281.9 82.62 357.9 121.656 76.026 281.924 39.038 357.925-82.619 76.026-121.63 39.037-281.9-82.62-357.9-121.655-76.026-281.899-39.037-357.925 82.62z\"fill=\"#FF962A\"></path><path d=\"m749.757 173.106 5.145 3.322a258.997 258.997 0 0 1 112.165 167.336 77.55 77.55 0 0 1-11.413 36.89c-35.066 56.17-139.364 54.271-232.973-4.222-93.584-58.443-140.987-151.377-105.897-207.547 6.894-11.04 16.484-19.856 28.148-26.4a259.047 259.047 0 0 1 204.8 30.621z\"fill=\"#FFB468\"></path><path d=\"M842.317 513.698a264.242 264.242 0 0 1-9.94 17.333c-76.026 121.657-236.27 158.645-357.901 82.645-121.681-76.026-158.67-236.27-82.67-357.926a278.773 278.773 0 0 1 11.24-16.559c-62.44 119.159-23.353 268.139 92.584 340.593 114.713 71.68 263.718 42.883 344.09-62.614l2.597-3.497z\"fill=\"#FF6B18\"></path><path d=\"M380.168 236.694c-49.702 79.522 16.234 210.394 147.231 292.24 131.022 81.87 277.53 83.743 327.23 4.22 16.434-26.299 20.23-58.193 13.188-92.11 13.986 45.955 11.189 90.787-12.138 128.125-58.468 93.559-219.686 98.33-360.049 10.615-140.363-87.715-206.748-234.696-148.28-328.28 23.477-37.588 62.889-59.816 110.717-67.309-33.967 8.492-61.315 25.975-77.9 52.499z\"fill=\"#FFB468\"></path><path d=\"m458.017 184.22 2.298-1.798c-26.824 21.054-43.833 37.338-51.05 48.877-43.858 70.182 17.657 187.742 139.313 263.743 121.657 76.025 253.952 79.572 297.81 9.39 7.742-12.388 14.86-33.642 21.354-63.787 7.143 34.041 3.396 66.085-13.112 92.51-49.702 79.522-196.209 77.673-327.23-4.222-131.023-81.845-196.934-212.717-147.232-292.24 16.584-26.523 43.932-44.006 77.849-52.473z\"fill=\"#FFD3A5\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">综艺</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/documentary/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-documentary\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M404.9 386.765c-70.897-2.565-143.347 12.06-196.65 38.182-48.848 23.963-117.63 89.46-121.928 135.563h735.323c-3.217 0-12.015-9.428-14.738-11.52-5.017-3.825-9.742-7.808-14.76-11.543-11.902-8.91-24.66-16.897-37.147-24.975a1040.175 1040.175 0 0 0-77.063-45.585c-52.47-27.945-107.865-50.805-165.69-65.002a533.88 533.88 0 0 0-107.347-15.12\"fill=\"#47CFE5\"></path><path d=\"M744.605 489.163c-12.713 32.31-136.71 36.765-181.395 36.765H137.802c-15.232 0-29.767 5.197-39.757 14.265-9.9 8.977-14.107 20.767-11.7 32.355 0 .112 0 .27.09.337 9.293 43.672 35.73 83.34 76.365 114.683 1.62 1.26 3.263 2.52 4.928 3.735 106.74 78.457 292.522 81.157 423.45 43.875 41.445-11.79 80.865-28.17 115.177-49.635 38.992-24.39 78.795-57.308 102.308-91.733 3.465-5.062 41.22-61.177 41.962-60.885l-106.02-43.762z\"fill=\"#47CFE5\"></path><path d=\"m918.058 505.317-29.88-17.077a75.082 75.082 0 0 0-70.11-2.138 75.375 75.375 0 0 0-37.418-59.354l-29.925-17.078a11.453 11.453 0 0 0-15.66 4.275l-7.83 13.703a59.063 59.063 0 0 0 21.96 80.572l15.795 9.045a.045.045 0 0 1-.045.045l51.48 29.43.045-.045 17.46 9.99a59.085 59.085 0 0 0 80.573-21.938l7.83-13.725a11.543 11.543 0 0 0-4.275-15.705\"fill=\"#2BBAE4\"></path><path d=\"M654.515 712.497C351.327 720.867 266.3 564.425 266.3 564.425H85.782a31.995 31.995 0 0 0 .63 8.46c9.293 43.672 35.73 83.34 76.365 114.683 1.62 1.282 3.263 2.52 4.928 3.735 106.717 78.457 292.5 81.18 423.428 43.875a509.692 509.692 0 0 0 63.382-22.68\"fill=\"#E5E6E6\"></path><path d=\"M654.515 712.497c-65.16 1.8-120.15-4.41-166.567-14.242-49.005-10.373-26.168 59.31-3.218 56.79 37.485-4.072 73.665-10.598 106.403-19.913a502.358 502.358 0 0 0 63.382-22.635\"fill=\"#E4E5E4\"></path><path d=\"M407.127 674.923c21.578 69.84 69.705 117.652 116.775 113.647 3.735-.338 6.233-4.072 5.513-7.74L504.98 655.212a5.715 5.715 0 0 0-6.682-4.5l-86.715 16.898a5.782 5.782 0 0 0-4.455 7.313\"fill=\"#47CFE5\"></path><path d=\"M441.238 614.712a29.295 29.295 0 1 1-58.613.023 29.295 29.295 0 0 1 58.612-.022\"fill=\"#0099BC\"></path><path d=\"M252.597 310.467a64.282 64.282 0 0 1 64.305-64.102c18.81 0 35.73 8.122 47.52 21.127a64.17 64.17 0 0 1 111.713 42.975 16.56 16.56 0 0 1-16.582 16.583 16.56 16.56 0 0 1-16.605-16.583 31.05 31.05 0 0 0-61.988-2.16h-.18l.113 77.468a16.582 16.582 0 1 1-33.188 0v-75.397c0-17.033-13.928-30.938-30.96-30.938a31.05 31.05 0 0 0-31.027 31.027 16.56 16.56 0 1 1-33.12 0\"fill=\"#47CFE5\"></path><path d=\"M364.332 408.027a22.253 22.253 0 0 1-22.207-22.23V310.4a25.358 25.358 0 1 0-50.715.09 22.23 22.23 0 0 1-44.415 0c0-38.453 31.365-69.75 69.907-69.75a69.75 69.75 0 0 1 47.52 18.765 70.2 70.2 0 0 1 47.61-18.765c38.453 0 69.75 31.297 69.75 69.75a22.23 22.23 0 0 1-44.437 0 25.425 25.425 0 0 0-50.738-1.778l-.157 2.385.09 74.7a22.253 22.253 0 0 1-22.208 22.23zm-47.542-134.19c20.16 0 36.562 16.403 36.562 36.563v75.42a10.98 10.98 0 1 0 21.915 0l-.09-83.093h.923a36.742 36.742 0 0 1 35.82-28.867c20.205 0 36.653 16.447 36.653 36.652a10.98 10.98 0 0 0 21.937 0c0-32.265-26.235-58.5-58.5-58.5-16.448 0-32.288 7.02-43.447 19.305l-4.163 4.545-4.162-4.612a58.635 58.635 0 0 0-43.336-19.283 58.635 58.635 0 0 0-58.657 58.5 10.957 10.957 0 0 0 21.915 0 36.675 36.675 0 0 1 36.63-36.63z\"fill=\"#47CFE5\"></path><path d=\"M389.87 621.283h-66.33a47.79 47.79 0 0 1-35.032-15.593l-23.715-25.695a28.575 28.575 0 0 0-20.88-9.293H91.048a6.525 6.525 0 1 1 0-13.095h152.887c11.453 0 22.567 4.928 30.488 13.523l23.715 25.718c6.66 7.2 15.93 11.34 25.425 11.34h66.33a6.525 6.525 0 1 1-.023 13.095\"fill=\"#0099BC\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">纪录片</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/douga/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-douga\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M273.408 166.912h477.696c58.368 0 105.984 47.616 105.984 105.984v477.696c0 58.368-47.616 105.984-105.984 105.984H273.408c-58.368 0-105.984-47.616-105.984-105.984V273.408c-.512-58.368 47.616-106.496 105.984-106.496z\"fill=\"#7B78EB\"></path><path d=\"M512 525.312v98.816c33.28-14.848 72.704.512 87.552 33.792 14.848 33.28-.512 72.704-33.792 87.552-16.896 7.68-35.84 7.68-53.248 0v111.616H273.408c-58.368 0-105.984-47.616-105.984-105.984V512H304.64c-21.504 19.456-24.064 53.248-4.608 74.752 19.456 21.504 53.248 24.064 74.752 4.608 21.504-18.944 24.064-53.248 4.608-74.752L374.784 512H512v-40.96c-4.096.512-9.216.512-13.312 0-51.2 0-86.016-47.616-86.016-105.984s20.992-108.032 86.016-108.032H512v-90.112h238.592c58.368 0 105.984 47.616 105.984 105.984V524.8H735.744c20.992-23.552 19.456-59.392-3.584-80.896-23.552-20.992-59.392-19.456-80.896 3.584-19.968 21.504-19.968 55.296 0 76.8H512z\"fill=\"#9796ED\"></path><path d=\"M512 525.312v98.816l13.312-4.096c35.84-7.68 72.704 15.872 79.872 52.224 7.68 35.84-18.432 72.192-54.272 78.848-4.096 1.024-8.704 1.024-13.312 1.024-9.216 0-16.384-3.072-25.088-6.144V857.6h-14.336V724.992l18.432 8.192c27.136 11.776 58.368-.512 70.144-27.648 11.776-27.136-.512-58.368-27.648-70.144-13.312-5.632-28.672-5.632-42.496 0l-18.432 8.192v-117.76h-98.304c14.848 33.28-.512 72.704-33.792 87.552-33.28 14.848-72.704-.512-87.552-33.792-7.68-16.896-7.68-35.84 0-53.248H166.912V512h137.216c-21.504 19.456-24.064 53.248-4.608 74.752 19.456 21.504 53.248 24.064 74.752 4.608 21.504-19.456 24.064-53.248 4.608-74.752L374.272 512H512v-39.936h-13.312c-51.2 0-86.016-47.104-86.016-105.984s20.992-109.568 86.016-109.568H512v-89.6h13.312v105.984h-26.624c-49.664 0-73.216 33.28-73.216 94.208 0 53.248 30.72 92.672 73.216 92.672 3.584.512 7.68.512 11.264 0l15.36-2.048V512h102.912c-13.824-35.84 4.096-76.8 40.448-90.624 35.84-13.824 76.8 4.096 90.624 40.448 6.144 15.872 6.144 33.792 0 50.176h97.792v13.312H736.256c20.992-23.552 19.456-59.392-3.584-80.896-23.552-20.992-59.392-19.456-80.896 3.584-19.968 21.504-19.968 55.296 0 76.8H512z\"fill=\"#6A68C6\"></path><path d=\"M444.928 693.248c-23.04 13.312-52.224 5.12-65.024-17.408-4.096-7.68-6.144-15.36-6.144-24.064V392.192c0-26.624 20.992-47.616 47.616-47.616 8.704 0 16.896 2.048 24.576 6.656L667.648 483.84c23.04 13.312 30.208 42.496 16.896 65.024-4.096 6.656-10.24 12.8-16.896 16.896\"fill=\"#FDDE80\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">动画</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/game/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-game\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M256.512 166.144h510.976q90.112 0 90.112 90.112v510.976q0 90.112-90.112 90.112H256.512q-90.112 0-90.112-90.112V256.256q0-90.112 90.112-90.112Z\"fill=\"#58D598\"></path><path d=\"M307.2 325.632h136.448V462.08H307.2zm272.896 0h136.448V462.08H580.096zM443.648 462.336v75.776h-64.256v204.544h59.392V674.56h146.432v68.096h59.136V538.112h-64.256v-75.776H443.648z\"fill=\"#17AD8A\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">游戏</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/kichiku/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-kichiku\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M918.784 510.208a187.904 187.904 0 0 0-88.832-159.488 156.416 156.416 0 0 0 1.792-22.016A150.784 150.784 0 0 0 620.8 190.208a151.04 151.04 0 0 0-216.32 0 150.784 150.784 0 0 0-210.944 138.496 156.416 156.416 0 0 0 1.792 22.016 187.648 187.648 0 0 0-13.824 309.504v1.536a215.296 215.296 0 0 0 332.8 179.2 215.04 215.04 0 0 0 332.8-179.2v-2.56a187.904 187.904 0 0 0 71.68-148.992z\"fill=\"#FC6B8A\"></path><path d=\"M680.704 479.744A150.528 150.528 0 0 1 572.672 435.2a150.016 150.016 0 0 1-120.064 0 150.528 150.528 0 0 1-108.032 45.824h-11.264v167.168A166.4 166.4 0 0 0 499.2 814.08h33.536a166.4 166.4 0 0 0 165.888-165.888V478.464a137.216 137.216 0 0 1-17.92 1.28z\"fill=\"#FFF\"></path><path d=\"M476.928 651.264a33.536 33.536 0 1 0 67.072 0 33.536 33.536 0 1 0-67.072 0Z\"fill=\"#E2006C\"></path><path d=\"M635.904 554.496H614.4v-21.504a12.032 12.032 0 0 0-11.776-11.776h-4.864a12.032 12.032 0 0 0-11.776 11.776v21.504h-21.248a11.776 11.776 0 0 0-11.776 11.52v5.12a11.776 11.776 0 0 0 11.776 11.52h21.248v21.504a12.032 12.032 0 0 0 11.776 11.776h4.864A12.032 12.032 0 0 0 614.4 604.16v-21.504h21.248a11.776 11.776 0 0 0 11.776-11.52v-5.12a11.776 11.776 0 0 0-11.52-11.52zm-179.968 0H435.2v-21.504a12.032 12.032 0 0 0-11.776-11.776h-4.864a12.032 12.032 0 0 0-11.776 11.776v21.504H384a11.776 11.776 0 0 0-11.776 11.52v5.12A11.776 11.776 0 0 0 384 582.656h21.248v21.504a12.032 12.032 0 0 0 11.776 11.776h4.864A12.032 12.032 0 0 0 435.2 604.16v-21.504h21.248a11.52 11.52 0 0 0 11.776-11.52v-5.12a11.52 11.52 0 0 0-12.288-11.52z\"fill=\"#FF5C7A\"></path><path d=\"M600.32 651.008a12.288 12.288 0 0 0-12.288 12.544c0 34.048-34.816 61.696-76.8 61.696s-76.8-27.648-76.8-61.696a12.544 12.544 0 1 0-25.6 0c0 47.616 45.824 86.528 102.4 86.528s102.4-38.912 102.4-86.528a12.544 12.544 0 0 0-13.312-12.544z\"fill=\"#EB53A8\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">鬼畜</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/music\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-music\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M881.92 460.8a335.36 335.36 0 0 0-334.336-335.104h-73.216A335.616 335.616 0 0 0 139.776 460.8v313.6a18.688 18.688 0 0 0 18.432 18.688h41.984c13.568 46.336 37.888 80.384 88.576 80.384h98.304a37.376 37.376 0 0 0 37.376-36.864l1.28-284.672a36.864 36.864 0 0 0-37.12-37.12h-99.84a111.616 111.616 0 0 0-51.2 12.8V454.4a242.432 242.432 0 0 1 241.664-241.664h67.328A242.176 242.176 0 0 1 787.968 454.4v74.496a110.592 110.592 0 0 0-54.272-14.08h-99.84a36.864 36.864 0 0 0-37.12 37.12v284.672a37.376 37.376 0 0 0 37.376 36.864h98.304c51.2 0 75.008-34.048 88.576-80.384h41.984a18.688 18.688 0 0 0 18.432-18.688z\"fill=\"#45C7DD\"></path><path d=\"m646.1859999999999 792.7090000000001.274-196.096q.046-32.512 32.558-32.466l1.024.001q32.512.045 32.466 32.557l-.274 196.096q-.045 32.512-32.557 32.467l-1.024-.002q-32.512-.045-32.467-32.557ZM307.26800000000003 792.7349999999999l.274-196.096q.045-32.512 32.557-32.467l1.024.002q32.512.045 32.467 32.557l-.274 196.096q-.045 32.512-32.557 32.466l-1.024-.001q-32.512-.045-32.467-32.557Z\"fill=\"#FF5C7A\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">音乐</span></a></div><div data-v-1c44224b=\"\"class=\"channel-panel__column\"><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/dance/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-dance\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M956.672 513.792a476.416 476.416 0 0 0-890.368 0L512 727.296l-95.232 45.568a117.76 117.76 0 0 0 192.256 0L512 727.04z\"fill=\"#FC6B8A\"></path><path d=\"m512 727.296 208.64-99.84a222.976 222.976 0 0 0-416.768 0z\"fill=\"#FFF\"></path><path d=\"m405.453 751.54 541.184-258.586 14.029 29.312-541.184 258.61z\"fill=\"#FF5C7A\"></path><path d=\"m666.624 545.792-18.688-15.36-112.64 135.424L575.488 492.8l-23.552-5.632-40.192 172.544-40.448-172.544-23.808 5.632 40.704 173.056-112.896-135.424-18.688 15.36 111.616 134.144-391.68-186.88L62.72 522.24 603.904 780.8l14.08-29.44-87.552-41.728 136.192-163.84z\"fill=\"#F14767\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">舞蹈</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/cinephile\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-cinephile\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M226.816 201.728h571.136q79.616 0 79.616 79.616v458.24q0 79.616-79.616 79.616H226.816q-79.616 0-79.616-79.616v-458.24q0-79.616 79.616-79.616Z\"fill=\"#9796ED\"></path><path d=\"M222.976 269.312h77.056v57.856h-77.056zm167.168 0H467.2v57.856h-77.056zm167.168 0h77.056v57.856h-77.056zm167.168 0h77.056v57.856H724.48zM222.976 693.76h77.056v57.856h-77.056zm167.168 0H467.2v57.856h-77.056zm167.168 0h77.056v57.856h-77.056zM147.2 375.296h730.368v270.08H147.2z\"fill=\"#7B78EA\"></path><path d=\"m544.721 506.356 2.535-2.535q23.351-23.351 46.703 0l199.664 199.665q23.351 23.351 0 46.703l-2.534 2.534q-23.352 23.351-46.703 0L544.72 553.059q-23.351-23.352 0-46.703Z\"fill=\"#FFD043\"></path><path d=\"M708.352 418.816h-25.6v-24.32a13.568 13.568 0 0 0-13.568-13.568H665.6a13.312 13.312 0 0 0-13.312 13.568v24.32h-25.6a13.568 13.568 0 0 0-13.568 13.568v5.632a13.568 13.568 0 0 0 13.568 13.568h25.6v24.32a13.312 13.312 0 0 0 13.312 13.568h5.632a13.568 13.568 0 0 0 13.568-13.568v-24.32h25.6a13.312 13.312 0 0 0 13.312-13.568v-5.632a13.312 13.312 0 0 0-15.36-13.568zm-190.464 0h-25.6v-24.32a13.312 13.312 0 0 0-13.312-13.568h-5.632a13.568 13.568 0 0 0-13.568 13.568v24.32H435.2a13.312 13.312 0 0 0-13.312 13.568v5.632a13.312 13.312 0 0 0 13.312 13.568h25.6v24.32a13.568 13.568 0 0 0 13.568 13.568H480a13.312 13.312 0 0 0 13.312-13.568v-24.32h25.6a13.312 13.312 0 0 0 13.312-13.568v-5.632a13.312 13.312 0 0 0-14.336-13.568zm-24.32 153.344h-18.432v-18.432a10.24 10.24 0 0 0-10.24-10.24H460.8a10.24 10.24 0 0 0-10.24 10.24v18.432h-18.432a10.24 10.24 0 0 0-10.24 10.24v4.352a10.24 10.24 0 0 0 10.24 10.24h18.432V614.4a10.24 10.24 0 0 0 10.24 10.24h4.352a10.24 10.24 0 0 0 10.24-10.24v-18.432h18.432a10.24 10.24 0 0 0 10.24-10.24v-4.352a10.24 10.24 0 0 0-10.496-9.216z\"fill=\"#FFD778\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">影视</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/ent/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-ent\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"m570.647 415.186 30.592 30.592q36.204 36.204 0 72.408l-360.59 360.59q-36.204 36.204-72.408 0l-30.593-30.592q-36.203-36.204 0-72.407l360.59-360.591q36.205-36.204 72.409 0Z\"fill=\"#FF8693\"></path><path d=\"m369.92 543.744 137.472-137.472a38.912 38.912 0 0 1 54.528 0l48.384 48.64a38.4 38.4 0 0 1 0 54.528L472.32 647.424z\"fill=\"#FC6376\"></path><path d=\"m298.989 643.872 72.601 72.576q12.855 12.85.004 25.705l-1.628 1.63q-12.85 12.854-25.705.004l-72.602-72.576q-12.854-12.85-.004-25.705l1.629-1.63q12.85-12.854 25.705-.004Z\"fill=\"#FFA9B1\"></path><path d=\"M737.024 547.584a99.328 99.328 0 0 1 62.72-62.72l51.2-13.568A27.136 27.136 0 0 0 864 421.632L826.624 384a98.816 98.816 0 0 1-22.784-85.76l16.896-63.232c7.168-27.136-8.96-43.52-36.096-36.096l-63.232 16.896a98.816 98.816 0 0 1-85.76-23.04l-37.376-36.864a27.136 27.136 0 0 0-49.408 13.312l-13.824 51.2a97.792 97.792 0 0 1-62.464 62.72l-51.2 13.824a27.136 27.136 0 0 0-13.312 49.408L445.44 384a97.536 97.536 0 0 1 23.04 85.504l-16.896 63.232c-7.424 27.392 8.96 43.52 36.096 36.352l63.232-16.896a97.792 97.792 0 0 1 85.76 22.784l37.376 37.376a26.88 26.88 0 0 0 49.408-13.312z\"fill=\"#FDDE80\"></path><path d=\"m886.272 417.536-74.752-75.008 30.464-114.432a41.216 41.216 0 0 0-8.704-41.472 41.728 41.728 0 0 0-41.472-7.424l-114.432 30.72-74.752-76.032a41.728 41.728 0 0 0-39.424-13.312 41.216 41.216 0 0 0-28.416 31.488l-27.392 102.4L404.48 281.6a42.24 42.24 0 0 0-31.744 28.16 42.24 42.24 0 0 0 13.312 40.448l74.752 75.008-30.72 114.432a41.728 41.728 0 0 0 8.96 41.472 37.888 37.888 0 0 0 27.392 10.752 56.832 56.832 0 0 0 14.08-2.048l114.432-30.72 74.752 75.008a45.824 45.824 0 0 0 31.232 14.336 34.304 34.304 0 0 0 8.96 0 41.216 41.216 0 0 0 28.416-31.488l27.392-102.4 102.4-27.392a41.984 41.984 0 0 0 31.488-28.416 40.96 40.96 0 0 0-13.312-41.216zm-84.736-203.52h5.12a16.896 16.896 0 0 1 0 5.12l-25.6 93.696-72.96-73.728zm-32 139.776-34.56 128-128 34.56-102.4-102.4 34.56-128 128-34.56zm-199.424-192c0-2.56 1.792-4.096 1.792-4.608a9.984 9.984 0 0 1 4.096 3.072l59.648 59.648-87.296 23.296zM412.416 323.84 409.6 320a12.8 12.8 0 0 1 4.864-2.048l81.152-21.76L472.064 384zm58.368 230.4a18.944 18.944 0 0 1-5.12 0 17.92 17.92 0 0 1 0-5.12l25.6-93.696L563.2 528.64zm230.4 51.2c0 2.816-1.536 4.096-1.536 4.864a20.992 20.992 0 0 1-4.352-3.328l-59.392-59.392 87.296-23.552zm156.16-156.16-81.152 21.76L799.488 384l59.392 59.392a40.96 40.96 0 0 1 3.328 3.84 12.8 12.8 0 0 1-4.096 2.56z\"fill=\"#FCC029\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">娱乐</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/knowledge/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-knowledge\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M492.27 147.73A255.343 255.343 0 0 1 627.2 620.261v51.2a37.547 37.547 0 0 1-25.6 34.134H379.733a44.655 44.655 0 0 1-25.6-34.134v-51.2A256.649 256.649 0 0 1 492.271 147.73z\"fill=\"#FFA200\"></path><path d=\"M550.4 534.93v-76.8h51.2c46.61 0 51.2-26.787 51.2-42.668v-128c0-23.116-17.203-42.666-51.2-42.666H388.267c-42.104 0-59.734 21.111-59.734 42.666v76.8h102.4v-68.266H550.4v119.466h-51.2c-60.501-.563-76.8 24.406-76.8 42.667v76.8h128zm-62.669 24.532a59.733 59.733 0 1 1-59.733 59.734 59.733 59.733 0 0 1 59.733-59.734z\"fill=\"#FFF0D3\"></path><path d=\"M354.133 739.738H627.2v8.533a128 128 0 0 1-128 128h-17.067a128 128 0 0 1-128-128v-8.533z\"fill=\"#5FB5EC\"></path><path d=\"M746.667 210.662h119.466a17.067 17.067 0 0 1 0 34.134H746.667a17.067 17.067 0 0 1 0-34.134zM806.4 150.93a17.067 17.067 0 0 1 17.067 17.067v119.466a17.067 17.067 0 0 1-34.134 0V167.996a17.067 17.067 0 0 1 17.067-17.067zM157.867 662.93h119.466a17.067 17.067 0 0 1 0 34.132H157.867a17.067 17.067 0 0 1 0-34.133zm59.733-59.734a17.067 17.067 0 0 1 17.067 17.066V739.73a17.067 17.067 0 0 1-34.134 0V620.262a17.067 17.067 0 0 1 17.067-17.066z\"fill=\"#FFE074\"></path><path d=\"M200.533 662.938h34.134v34.133h-34.134zM789.333 210.67h34.134v34.134h-34.134z\"fill=\"#FFE074\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">知识</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/tech/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-tech\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M510.208 683.264H396.032l-50.688 209.408h329.472l-50.688-209.408h-113.92z\"fill=\"#FFD778\"></path><path d=\"M535.552 150.528v-28.16a25.6 25.6 0 1 0-51.2 0v28.16A271.872 271.872 0 0 0 239.36 420.096v97.28a25.6 25.6 0 0 0 26.88 26.88h487.936a25.6 25.6 0 0 0 25.6-26.88v-97.28a271.616 271.616 0 0 0-244.224-269.568z\"fill=\"#48CFE5\"></path><path d=\"M228.864 464.64h562.432q103.168 0 103.168 103.168v15.36q0 103.168-103.168 103.168H228.864q-103.168 0-103.168-103.168v-15.36q0-103.168 103.168-103.168Z\"fill=\"#2CBAE5\"></path><path d=\"M742.4 537.6a37.632 37.632 0 1 0 37.632 37.632A37.376 37.376 0 0 0 742.4 537.6zm-465.664 0a37.632 37.632 0 1 0 37.632 37.632 37.632 37.632 0 0 0-37.632-37.632z\"fill=\"#FFD778\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">科技</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/information/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-information\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M760.686 768a21.943 21.943 0 0 0 19.836 21.84l2.107.103a21.943 21.943 0 0 0 21.84-19.836l.102-2.107V321.829h29.258a58.514 58.514 0 0 1 58.514 58.514V819.2a58.514 58.514 0 0 1-58.514 58.514H190.17a58.514 58.514 0 0 1-58.514-58.514V204.8a58.514 58.514 0 0 1 58.514-58.514h512a58.514 58.514 0 0 1 58.515 58.514V768z\"fill=\"#7DD3E0\"></path><path d=\"M248.686 234.057h394.971q29.257 0 29.257 29.257V526.63q0 29.257-29.257 29.257H248.686q-29.257 0-29.257-29.257V263.314q0-29.257 29.257-29.257Z\"fill=\"#3DA9D3\"></path><path d=\"m404.773 300.515 129.462 80.925a15.945 15.945 0 0 1 0 27.063l-129.462 80.925a15.945 15.945 0 0 1-24.43-13.531v-161.85a15.945 15.945 0 0 1 24.43-13.532z\"fill=\"#FFD469\"></path><path d=\"M248.686 614.4h394.971q29.257 0 29.257 29.257t-29.257 29.257H248.686q-29.257 0-29.257-29.257t29.257-29.257ZM248.686 731.429h219.428q29.257 0 29.257 29.257t-29.257 29.257H248.686q-29.257 0-29.257-29.257t29.257-29.257Z\"fill=\"#3DA9D3\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">资讯</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/food\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-food\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M116.78099999999999 503.883a75.294 75.294 0 1 0 150.588 0 75.294 75.294 0 1 0-150.588 0ZM267.36899999999997 411.211a75.294 75.294 0 1 0 150.589 0 75.294 75.294 0 1 0-150.589 0Z\"fill=\"#FA942D\"></path><path d=\"M209.453 480.723a75.294 75.294 0 1 0 150.588 0 75.294 75.294 0 1 0-150.588 0Z\"fill=\"#FE5D79\"></path><path d=\"M638.042 532.841a127.428 127.428 0 1 0 254.856 0 127.428 127.428 0 1 0-254.856 0Z\"fill=\"#FA942D\"></path><path d=\"M499.05 457.547a133.21 133.21 0 1 0 266.42 0 133.21 133.21 0 1 0-266.42 0Z\"fill=\"#FA942D\"></path><path d=\"M522.21 556.017a150.588 150.588 0 1 0 301.176 0 150.588 150.588 0 1 0-301.176 0Z\"fill=\"#FE5D79\"></path><path d=\"M932.292 474.925a28.762 28.762 0 0 1 28.747 28.763l-.045 1.355-.09 1.355c-14.306 150.92-130.606 272.866-280.742 299.189l20.179 80.745a23.16 23.16 0 0 1-22.468 28.778H343.37a23.16 23.16 0 0 1-22.467-28.778l20.178-80.745C192.813 779.595 77.552 660.329 60.928 512.015l-.557-5.376a28.958 28.958 0 0 1 28.822-31.714h843.084z\"fill=\"#FDDC7A\"></path><path d=\"M442.549 196.924h136.147c21.263 0 39.8 14.457 44.95 35.087l60.732 242.914H336.866l60.732-242.899a46.336 46.336 0 0 1 44.95-35.102z\"fill=\"#F6C338\"></path><path d=\"M688.038 192.904c9.442-30.178 28.386-29.41 34.68-47.586 7.063-20.45 9.367-45.719 6.927-75.822 16.851 17.936 25.977 37.015 30.946 62.284 4.894 24.937-9.126 44.182-29.063 74.48-19.923 30.314-8.81 67.615 0 94.916-16.851-17.92-59.904-55.777-43.475-108.272zm-404.676-38.656c11.324-37.708 34.063-36.774 41.607-59.483C333.463 69.21 336.233 37.632 333.282 0c20.239 22.408 31.202 46.26 37.165 77.854 5.873 31.172-10.948 55.22-34.876 93.109-23.944 37.873-10.602 84.48 0 118.633-20.24-22.422-71.936-69.722-52.21-135.348z\"fill=\"#C6D2E1\"></path><path d=\"M510.63 706.605a92.672 92.672 0 0 1 92.672 92.672V915.11H417.958V799.277a92.672 92.672 0 0 1 92.672-92.672z\"fill=\"#F5BC20\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">美食</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/life\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-life\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M881.408 664.064V504.32a168.192 168.192 0 0 0-128-162.56l-7.936-1.792v144.896a12.288 12.288 0 0 1-14.592 11.776 170.752 170.752 0 0 0-30.464-2.816H561.664v-27.648a37.632 37.632 0 0 1 11.776-27.648 175.872 175.872 0 0 0 57.856-135.68A179.2 179.2 0 0 0 460.8 132.352 175.872 175.872 0 0 0 279.808 308.48V409.6h32.256a225.536 225.536 0 0 0 15.872 19.2 36.608 36.608 0 0 1 9.472 25.6v42.496A193.792 193.792 0 0 0 179.2 712.96a197.12 197.12 0 0 0 197.12 166.656h325.12a148.48 148.48 0 0 0 45.568-6.144 217.088 217.088 0 0 0 64.256-31.744 176.896 176.896 0 0 0 18.176-15.616l4.608-4.352a156.16 156.16 0 0 0 47.36-111.872v-35.84c.512-3.072.256-6.656 0-9.984z\"fill=\"#FFD778\"></path><path d=\"M468.736 238.592a40.192 40.192 0 1 0 40.192 40.192 40.192 40.192 0 0 0-40.192-40.192zm-145.152 124.16H217.6a34.816 34.816 0 1 0 0 69.376h106.24a34.816 34.816 0 1 0 0-69.376z\"fill=\"#FB813A\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">生活</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/car\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-car\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M210.688 588.8h25.6a51.2 51.2 0 0 1 51.2 45.568l14.08 128A51.2 51.2 0 0 1 256 819.2h-30.976a51.2 51.2 0 0 1-51.2-45.568l-14.08-128A51.2 51.2 0 0 1 204.8 588.8zm577.536 0h25.6a51.2 51.2 0 0 1 51.2 51.2 41.984 41.984 0 0 1 0 5.632l-14.08 128a51.2 51.2 0 0 1-51.2 45.568h-25.6a51.2 51.2 0 0 1-51.2-51.2 41.984 41.984 0 0 1 0-5.632l14.08-128a51.2 51.2 0 0 1 51.2-45.568zm118.272-195.84a38.656 38.656 0 0 1-25.6 48.128l-25.6 7.424a38.4 38.4 0 0 1-22.528-73.472l25.6-7.424a38.144 38.144 0 0 1 48.128 25.344zm-691.2 29.952a38.4 38.4 0 0 1-47.872 25.6l-25.6-7.424a38.656 38.656 0 0 1-25.6-48.128 38.144 38.144 0 0 1 47.872-25.6l25.6 7.424a38.4 38.4 0 0 1 25.6 48.128z\"fill=\"#23ADE5\"></path><path d=\"M292.608 201.216A1109.76 1109.76 0 0 1 512 179.2a1165.568 1165.568 0 0 1 224 22.016 51.2 51.2 0 0 1 38.144 32L870.4 486.4v230.4a25.6 25.6 0 0 1-25.6 25.6H179.2a25.6 25.6 0 0 1-25.6-25.6V486.4L256 232.704a51.2 51.2 0 0 1 36.608-31.488z\"fill=\"#48CFE5\"></path><path d=\"M230.4 512h102.4q25.6 0 25.6 25.6v25.6q0 25.6-25.6 25.6H230.4q-25.6 0-25.6-25.6v-25.6q0-25.6 25.6-25.6ZM691.2 512h102.4q25.6 0 25.6 25.6v25.6q0 25.6-25.6 25.6H691.2q-25.6 0-25.6-25.6v-25.6q0-25.6 25.6-25.6Z\"fill=\"#FFF\"></path><path d=\"M327.68 270.848A1000.96 1000.96 0 0 1 499.712 256a1429.248 1429.248 0 0 1 196.864 15.36 25.6 25.6 0 0 1 20.992 18.176l39.68 134.656a25.6 25.6 0 0 1-17.408 31.744 24.064 24.064 0 0 1-9.472 0q-125.184-12.032-230.4-12.032a1894.4 1894.4 0 0 0-204.8 11.264 25.6 25.6 0 0 1-28.16-22.784 25.6 25.6 0 0 1 0-9.984L307.2 288.768a25.6 25.6 0 0 1 20.48-17.92z\"fill=\"#FDDE80\"></path><path d=\"M614.4 358.4a102.4 102.4 0 0 0-100.864 86.784h51.2a51.2 51.2 0 0 1 99.072 5.12l51.2 4.352A102.4 102.4 0 0 0 614.4 358.4z\"fill=\"#23ADE5\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">汽车</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/fashion\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-fashion\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M691.2 204.8a44.032 44.032 0 0 1 29.952 34.048 117.76 117.76 0 0 1-13.056 76.8s-19.2 29.952-24.32 39.936a235.008 235.008 0 0 0-25.6 107.008v40.704H365.312v-39.424a235.008 235.008 0 0 0-25.6-107.008c-5.12-9.984-24.32-39.936-24.32-39.936a117.76 117.76 0 0 1-13.056-76.8 44.544 44.544 0 0 1 34.56-35.328v-57.088a29.952 29.952 0 0 1 27.136-31.744 29.952 29.952 0 0 1 27.648 31.744v73.728A237.056 237.056 0 0 0 512 253.952a241.408 241.408 0 0 0 125.184-35.072v-71.168a27.136 27.136 0 1 1 53.76 0z\"fill=\"#FF6A9B\"></path><path d=\"M658.432 487.936h-293.12L204.8 780.288a36.352 36.352 0 0 0 10.24 46.592 492.288 492.288 0 0 0 595.456 0 36.608 36.608 0 0 0 8.704-47.36z\"fill=\"#FF9DC6\"></path><path d=\"M409.6 537.6a9.984 9.984 0 0 0-13.568 4.608l-124.16 250.624a10.496 10.496 0 0 0 4.608 13.568 14.848 14.848 0 0 0 4.608 0 9.984 9.984 0 0 0 8.96-5.632l124.16-250.88A10.24 10.24 0 0 0 409.6 537.6zm46.336 105.472a9.984 9.984 0 0 0-12.032 7.424l-40.448 170.752a10.24 10.24 0 0 0 7.424 12.288h2.304a9.728 9.728 0 0 0 9.728-7.936l40.448-170.752a9.984 9.984 0 0 0-7.424-11.776zm294.912 148.736-124.16-250.624A9.984 9.984 0 0 0 614.4 537.6a10.24 10.24 0 0 0-4.608 13.312l124.16 250.88a9.984 9.984 0 0 0 8.96 5.632 14.848 14.848 0 0 0 4.608 0 10.496 10.496 0 0 0 3.328-15.616zM579.84 650.496a9.984 9.984 0 0 0-19.456 4.608l40.448 170.752a9.728 9.728 0 0 0 9.728 7.936h2.304a10.24 10.24 0 0 0 7.424-12.288z\"fill=\"#FF6A9B\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">时尚</span></a></div><div data-v-1c44224b=\"\"class=\"channel-panel__column\"><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/sports\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-sports\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"m497.894 517.862 23.885 29.261a58.573 58.573 0 0 1-5.606 80.051L241.946 880.742a47.718 47.718 0 0 1-65.613-.768 49.818 49.818 0 0 1-4.301-66.816l108.57-136.37 126.105-158.362a58.573 58.573 0 0 1 91.187-.564z\"fill=\"#1BAD8B\"></path><path d=\"M698.931 153.6a117.146 117.146 0 0 1 11.418 233.728l60.416 45.9c4.352 3.329 10.163 3.918 15.104 1.588l73.625-34.637a46.285 46.285 0 0 1 59.11 17.587 44.34 44.34 0 0 1-11.929 59.316l-125.952 90.265a58.573 58.573 0 0 1-65.945 1.562l-66.048-42.752-44.135 47.77 70.605 83.327a58.012 58.012 0 0 1 4.608 6.196l1.946 3.302a58.573 58.573 0 0 1-22.861 79.616L466.79 852.71a49.382 49.382 0 0 1-65.74-16.998 52.096 52.096 0 0 1 11.904-68.582l105.548-83.175-106.29-68.3-1.537-1.025a59.75 59.75 0 0 1-.896-.614l-13.824-7.168a58.573 58.573 0 0 1-23.296-82.278l71.68-118.887-30.72-13.824a14.643 14.643 0 0 0-14.336 1.331l-80.486 55.604a48.87 48.87 0 0 1-62.669-5.965 39.347 39.347 0 0 1 1.792-56.858l128.282-115.149a58.573 58.573 0 0 1 57.446-12.032l143.54 47.258A117.146 117.146 0 0 1 698.93 153.6z\"fill=\"#57D59A\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">运动</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/animal\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-animal\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M517.376 465.152a144.924 144.924 0 0 1 137.529 99.214c1.28 3.926 2.275 7.85 2.901 11.805a132.267 132.267 0 0 1-14.279 263.765H380.473a132.267 132.267 0 0 1-14.25-263.794 74.044 74.044 0 0 1 2.872-11.776 144.924 144.924 0 0 1 137.529-99.214h10.752zm-96.683-47.047c50.262-3.783 85.618-59.165 79.047-123.733-6.599-64.57-52.65-113.892-102.912-110.109-50.232 3.755-85.617 59.165-79.018 123.733 6.599 64.57 52.65 113.864 102.912 110.08zm182.614 0c50.233 3.755 96.284-45.511 102.883-110.109 6.6-64.568-28.786-119.978-79.018-123.733-50.262-3.783-96.313 45.511-102.912 110.08-6.6 64.569 28.785 119.979 79.018 123.733zM717.426 551.14c39.082 21.816 96.91-4.267 129.138-58.226 32.256-53.96 26.709-115.37-12.374-137.188-39.11-21.817-96.938 4.267-129.166 58.226-32.256 53.96-26.71 115.37 12.402 137.188zm-410.852 0c39.111-21.817 44.658-83.229 12.402-137.188-32.228-53.96-90.055-80.043-129.138-58.226-39.11 21.817-44.658 83.229-12.43 137.188 32.256 53.959 90.084 80.042 129.166 58.226z\"fill=\"#FB7299\"></path><path d=\"M621.511 113.778c76.231-.939 138.468 74.012 149.504 173.34 37.746-13.312 75.861-12.914 107.293 4.324 70.712 38.77 80.753 147.968 22.442 243.91a272.327 272.327 0 0 1-71.11 78.337c9.158 22.87 14.221 47.843 14.221 73.984v23.438a199.111 199.111 0 0 1-199.11 199.111H379.25a199.111 199.111 0 0 1-199.111-199.11v-23.44c0-26.168 5.063-51.114 14.222-74.012a272.1 272.1 0 0 1-71.111-78.307c-58.311-95.943-48.27-205.141 22.442-243.911 31.432-17.238 69.547-17.636 107.321-4.352 11.008-99.3 73.245-174.25 149.476-173.312 42.41.54 81.152 24.462 109.511 62.777 28.36-38.287 67.1-62.237 109.511-62.777z\"fill=\"#FFD7E7\"></path><path d=\"M512 465.152a141.198 141.198 0 0 1 134.741 98.958l.086.256c1.905 6.087 3.015 12.231 3.356 18.29a132.267 132.267 0 0 1-9.728 264.164h-256.91a132.267 132.267 0 0 1-9.671-264.192l-.2 4.58a76.853 76.853 0 0 1 3.5-22.842l.085-.284A141.198 141.198 0 0 1 512 465.18zm-91.307-47.047c50.262-3.783 85.618-59.165 79.047-123.733-6.599-64.57-52.65-113.892-102.912-110.109-50.232 3.755-85.617 59.165-79.018 123.733 6.599 64.57 52.65 113.864 102.912 110.08zm182.614 0c50.233 3.755 96.284-45.511 102.883-110.109 6.6-64.568-28.786-119.978-79.018-123.733-50.262-3.783-96.313 45.511-102.912 110.08-6.6 64.569 28.785 119.979 79.018 123.733zM717.426 551.14c39.082 21.816 96.91-4.267 129.138-58.226 32.256-53.96 26.709-115.37-12.374-137.188-39.11-21.817-96.938 4.267-129.166 58.226-32.256 53.96-26.71 115.37 12.402 137.188zm-410.852 0c39.111-21.817 44.658-83.229 12.402-137.188-32.228-53.96-90.055-80.043-129.138-58.226-39.11 21.817-44.658 83.229-12.43 137.188 32.256 53.959 90.084 80.042 129.166 58.226z\"fill=\"#FB7299\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">动物圈</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/life/daily/?tag=530003\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-VLOG\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M824.195 570.693V462.049l49.951-49.951v200.704a74.927 74.927 0 0 1-44.956 68.682L574.44 792.601l-142.636-30.795 377.582-168.31a24.976 24.976 0 0 0 14.81-22.803z\"fill=\"#7C79EE\"></path><path d=\"M799.22 312.195h49.95q24.976 0 24.976 24.976v124.878q0 24.975-24.975 24.975H799.22q-24.976 0-24.976-24.975V337.17q0-24.976 24.976-24.976Z\"fill=\"#7C79EE\"></path><path d=\"M249.756 162.341h449.561q99.903 0 99.903 99.903V512q0 99.902-99.903 99.902h-449.56q-99.903 0-99.903-99.902V262.244q0-99.903 99.902-99.903Z\"fill=\"#9796ED\"></path><path d=\"M299.707 212.293H624.39q49.951 0 49.951 49.95V512q0 49.951-49.95 49.951H299.706q-49.95 0-49.95-49.951V262.244q0-49.951 49.95-49.951Z\"fill=\"#FFE494\"></path><path d=\"m438.447 300.606 104.822 69.907a24.976 24.976 0 0 1 0 41.56l-104.822 69.881a24.976 24.976 0 0 1-38.837-20.78V321.412a24.976 24.976 0 0 1 38.837-20.805z\"fill=\"#7C79EE\"></path><path d=\"M474.537 649.366h99.902a49.951 49.951 0 0 1 49.951 49.951v137.366a49.951 49.951 0 0 1-49.951 49.951h-99.902a49.951 49.951 0 0 1-49.952-49.951V699.317a49.951 49.951 0 0 1 49.952-49.951z\"fill=\"#9796ED\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">VLOG</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/life/funny\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-gaoxiao\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M512 131.282c-210.288 0-380.718 170.43-380.718 380.718S301.712 892.718 512 892.718 892.718 722.288 892.718 512c0-209.841-170.43-380.718-380.718-380.718zm0 675.998c-132.359 0-239.511-102.715-239.511-229.744 0-110.697 107.126-42.64 239.511-42.64 132.359 0 239.511-65.825 239.511 42.614C751.065 704.118 643.912 807.253 512 807.253z\"fill=\"#FFD46A\"></path><path d=\"M512 807.28c-132.359 0-239.511-102.715-239.511-229.744 0-110.697 107.126-42.64 239.511-42.64 132.359 0 239.511-65.825 239.511 42.614C751.065 704.118 643.912 807.253 512 807.253z\"fill=\"#FFF\"></path><path d=\"M511.79 667.097c-61.571 0-112.955 30.877-126.687 72.651a220.554 220.554 0 0 0 253.794 0C624.3 698 572.915 667.097 511.79 667.097zM280.839 304.102a26.256 26.256 0 0 1 32.111-13.654l2.862 1.13 127.344 60.205a26.256 26.256 0 0 1 3.36 45.608l-2.966 1.706-122.224 60.206a26.256 26.256 0 0 1-25.863-45.607l2.652-1.497 73.44-36.207-78.192-36.943a26.256 26.256 0 0 1-13.653-32.112l1.129-2.835zm463.662 0a26.256 26.256 0 0 0-32.112-13.654l-2.836 1.13-127.37 60.205a26.256 26.256 0 0 0-3.334 45.608l2.94 1.706 122.224 60.206a26.256 26.256 0 0 0 25.889-45.607l-2.678-1.497-73.413-36.207 78.191-36.943a26.256 26.256 0 0 0 13.654-32.112l-1.155-2.835z\"fill=\"#FD621D\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">搞笑</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/game/stand_alone\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-danjiyouxi\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M512 153.6h-.026q50.458 0 50.458 50.458v100.864q0 50.457-50.458 50.457H512q-50.458 0-50.458-50.457V204.058q0-50.458 50.458-50.458Z\"fill=\"#FB952C\"></path><path d=\"M637.056 254.49H386.944C219.187 254.49 83.2 390.477 83.2 558.234c0 167.73 135.987 303.718 303.744 303.718h250.112c167.757 0 303.744-135.987 303.744-303.718 0-167.757-135.987-303.744-303.744-303.744z\"fill=\"#FFF\"></path><path d=\"M637.056 254.49H386.944C219.187 254.49 83.2 390.477 83.2 558.234c0 167.73 135.987 303.718 303.744 303.718h250.112c167.757 0 303.744-135.987 303.744-303.718 0-167.757-135.987-303.744-303.744-303.744zM404.787 611.84h-35.712v35.712a35.738 35.738 0 0 1-71.475 0V611.84h-35.738a35.738 35.738 0 0 1 0-71.475H297.6v-35.738a35.738 35.738 0 0 1 71.475 0v35.738h35.738a35.738 35.738 0 0 1 0 71.475zm285.901 71.424a107.213 107.213 0 1 1 0-214.4 107.213 107.213 0 0 1 0 214.4z\"fill=\"#F55E55\"></path><path d=\"M639.923 576.102a53.606 53.606 0 1 0 107.213 0 53.606 53.606 0 0 0-107.213 0z\"fill=\"#FB952C\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">单机游戏</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/v/virtual\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"viewBox=\"0 0 1024 1024\"xmlns=\"http://www.w3.org/2000/svg\"class=\"navigation-channel-icon\"><path d=\"M212.557 605.082c-.077 42.854-13.799 82.048-41.037 117.606-40.909 53.325-83.917 69.274-77.824 85.197 11.34 35.405 45.568 49.024 102.656 40.883 36.787 61.44 95.488 90.01 176.026 85.606 88.601-9.6 119.654-92.006 93.107-247.219l-252.903-82.048zm522.112-13.67a293.504 293.504 0 0 1-52.352 122.828c-40.448 55.706-31.386 56.934-25.344 73.6 7.782 21.453 24.013 50.048 48.742 85.811 80.205 26.931 158.362 13.056 234.496-41.574 30.95-25.344-15.974-57.267-51.942-136.602-10.317-22.784-5.069-88.013 15.77-195.66l-169.37 91.596z\"fill=\"#23ADE5\"></path><path d=\"m706.202 689.664 113.28-16.384c35.993-44.646 69.888-54.502 101.683-29.517 47.693 37.427 8.269 142.029-71.501 102.759-1.74 0-51.507 5.53-149.35 16.64l5.888-73.524zm-285.568 69.811a41.882 41.882 0 0 1 18.508 56.73l-36.096 69.709a43.136 43.136 0 0 1-57.548 18.764 41.882 41.882 0 0 1-18.484-56.73l36.045-69.708a43.136 43.136 0 0 1 57.575-18.765z\"fill=\"#FFE6DF\"></path><path d=\"M465.46 698.112c-35.508-.666-67.457 23.296-95.873 71.834-.051.358 18.1 20.172 54.451 59.468l-18.585 64.154c2.662 36.173 57.062 54.272 163.174 54.272s165.146-21.427 177.152-64.23l-30.72-93.236c50.79-1.126 76.211-7.424 76.211-18.841 0-17.152-27.673-97.536-27.673-115.328 0-11.853-26.445-5.632-79.309 18.688l-218.829 23.219z\"fill=\"#47CFE5\"></path><path d=\"m528.538 684.083 56.192-4.915 22.912 53.683c-23.962 27.955-38.35 41.805-43.085 41.523-6.375-.025-22.912-11.161-49.639-33.408l13.62-56.883z\"fill=\"#FED878\"></path><path d=\"m560.512 728.013-37.427 106.393 53.888 79.079 38.86-87.168z\"fill=\"#FED878\"></path><path d=\"M574.54 705.024c290.484-44.826 302.72-134.016 290.51-252.928-12.237-118.886-160.282-200.422-330.752-182.093-170.42 18.33-298.676 129.587-286.464 248.474 12.21 118.912 36.224 231.321 326.707 186.521z\"fill=\"#FFE6DF\"></path><path d=\"M388.02 350.848c25.65 24.32 31.743 31.411 85.452 58.445 105.14 42.752 245.811 9.344 192.205-92.928 19.533 43.417 96.256 99.763 131.43 118.502-8.755 137.216-15.565 200.781 8.755 209.101 19.584 6.707 83.584-40.064 102.119-171.187 19.712-239.463-231.783-433.152-347.955-354.304-276.276-94.515-476.8 224.87-420.378 440.09 30.72 113.689 139.392 207.923 174.746 182.348 24.806-17.92 3.276-148.429-35.047-228.864 48.717-40.448 68.71-57.625 108.672-161.177z\"fill=\"#23ADE5\"></path><path d=\"m337.306 490.163 2.38.359 129.357 29.184c13.159 2.944 16.896 19.353 7.424 27.904l-2.073 1.587L368.46 618.7a16.282 16.282 0 0 1-19.968-25.6l2.099-1.639 73.805-48.435-91.879-20.736a16.307 16.307 0 0 1-12.646-17.075l.358-2.38a16.307 16.307 0 0 1 17.076-12.673zM653.928 504.238a86.58 42.317 84 1 0 84.17-8.847 86.58 42.317 84 1 0-84.17 8.847Z\"fill=\"#24A7DA\"></path><path d=\"m625.254 565.632 2.407.256a16.282 16.282 0 0 1 13.235 18.867c-8.525 48.205-28.672 71.527-57.446 67.712a58.778 58.778 0 0 1-24.628-9.958l-1.33-.947-1.511 1.28c-28.621 22.912-55.885 15.052-71.04-22.63l-1.69-4.48a16.282 16.282 0 0 1 30.72-10.906l2.176 5.888c5.658 14.13 9.984 16.204 20.045 6.86l4.045-4.044 4.659-5.095a16.307 16.307 0 0 1 23.04-1.331l1.843 1.971c2.867 3.584 11.853 10.291 17.946 11.085 7.526 1.024 15.232-7.885 21.069-41.062a16.307 16.307 0 0 1 16.46-13.466z\"fill=\"#24A7DA\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">虚拟UP主</span></a><a data-v-1c44224b=\"\"href=\"//love.bilibili.com\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"viewBox=\"0 0 1024 1024\"xmlns=\"http://www.w3.org/2000/svg\"class=\"navigation-channel-icon\"><path d=\"M131.56 512a380.44 380.44 0 1 0 760.88 0 380.44 380.44 0 1 0-760.88 0Z\"fill=\"#00AEEC\"></path><path d=\"M600.518 766.255c-13.183 0-22.6-11.3-22.6-22.6 0-92.286 75.335-167.62 169.503-167.62 13.184 0 22.6 11.3 22.6 22.6s-11.3 22.6-22.6 22.6c-67.801 0-124.302 54.618-124.302 122.42 0 13.183-9.417 22.6-22.6 22.6zm-177.036 0c-13.184 0-22.6-11.3-22.6-22.6 0-67.802-56.502-122.42-124.303-122.42-13.184 0-22.6-11.3-22.6-22.6s11.3-22.6 22.6-22.6c94.168 0 169.503 75.334 169.503 167.62 0 13.183-9.417 22.6-22.6 22.6zm-82.869-459.542c33.901-28.25 79.102-37.668 122.42-24.484 5.65 1.883 7.533 9.417 3.766 15.067l-62.151 62.151c-7.534 7.533-7.534 20.717 0 28.25 7.533 7.534 20.717 7.534 28.25 0l69.685-69.684c50.851-50.851 133.72-50.851 186.454 0 50.85 50.85 50.85 131.836 0 182.687L523.3 664.553c-7.533 7.533-18.833 7.533-24.484 0L325.546 495.05c-47.084-58.385-39.55-141.253 15.067-188.337z\"fill=\"#FFF\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">公益</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/mooc\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"viewBox=\"0 0 40 40\"fill=\"none\"xmlns=\"http://www.w3.org/2000/svg\"class=\"navigation-channel-icon\"><rect width=\"14\"height=\"3\"rx=\"1.5\"transform=\"matrix(-.17365 .9848 -.98266 -.18541 17.38 20)\"fill=\"#FFD778\"></rect><rect width=\"14\"height=\"3\"rx=\"1.5\"transform=\"matrix(-.17365 -.9848 .98681 -.16186 26.425 33.752)\"fill=\"#FFD778\"></rect><rect x=\"7\"y=\"6\"width=\"26.654\"height=\"20.042\"rx=\"2\"fill=\"#7B78EA\"></rect><rect x=\"4\"y=\"23.815\"width=\"32\"height=\"3\"rx=\"1.5\"fill=\"#FFD778\"></rect><path fill-rule=\"evenodd\"clip-rule=\"evenodd\"d=\"m24.638 15.197-5.43 3.671a.753.753 0 0 1-.59.113.756.756 0 0 1-.279-.13.8.8 0 0 1-.21-.235.82.82 0 0 1-.129-.442v-7.35a.854.854 0 0 1 .233-.583.767.767 0 0 1 .555-.24.715.715 0 0 1 .42.129l5.43 3.67a.832.832 0 0 1 .344.521.87.87 0 0 1-.105.624.79.79 0 0 1-.239.252Z\"fill=\"#FFD778\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">公开课</span></a></div><div data-v-1c44224b=\"\"class=\"channel-panel__column\"><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/read/home\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-read\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M778.496 142.08h-537.6a56.832 56.832 0 0 0-60.16 54.016v630.528a56.832 56.832 0 0 0 59.136 54.016h537.6a56.832 56.832 0 0 0 59.136-54.016V196.096a56.832 56.832 0 0 0-59.136-54.016z\"fill=\"#54E2E2\"></path><path d=\"M298.496 679.168h421.376a25.6 25.6 0 0 0 0-52.736H298.496a25.6 25.6 0 1 0 0 52.736zm421.376 53.76H298.496a25.6 25.6 0 1 0 0 52.736h421.376a25.6 25.6 0 0 0 0-52.736zM352.256 237.056h314.112q80.128 0 80.128 80.128v154.368q0 80.128-80.128 80.128H352.256q-80.128 0-80.128-80.128V317.184q0-80.128 80.128-80.128Z\"fill=\"#23ADE5\"></path><path d=\"M355.584 361.472a49.408 49.408 0 1 0 98.816 0 49.408 49.408 0 1 0-98.816 0ZM375.552 551.936l120.832-144.384a44.544 44.544 0 0 1 68.352 0l120.832 144.384z\"fill=\"#2EC3E5\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">专栏</span></a><a data-v-1c44224b=\"\"href=\"//live.bilibili.com\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-live\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M392.448 275.911a92.416 92.416 0 1 1-184.832 0 92.416 92.416 0 0 1 184.832 0\"fill=\"#23ADE5\"></path><path d=\"m826.624 464.583-63.744 36.864v-48.64a72.206 72.206 0 0 0-71.68-71.936H190.72a72.192 72.192 0 0 0-71.936 71.936v295.424a71.936 71.936 0 0 0 71.936 71.936H691.2a71.936 71.936 0 0 0 71.936-71.936v-23.808l63.488 37.888a51.2 51.2 0 0 0 76.8-44.544V508.871a51.2 51.2 0 0 0-76.8-44.288m-253.696-95.232c79.46.142 143.986-64.156 144.128-143.616.142-79.46-64.156-143.986-143.616-144.128-79.26-.142-143.701 63.858-144.128 143.104-.427 79.46 63.644 144.213 143.104 144.64h.512\"fill=\"#48CFE5\"></path><path d=\"m425.216 512.967 124.16 71.936a25.6 25.6 0 0 1 0 42.496l-124.16 71.68a25.6 25.6 0 0 1-37.12-21.248v-143.36a25.6 25.6 0 0 1 37.12-21.504\"fill=\"#FDDE80\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">直播</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/blackboard/activity-list.html?\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-activit\"fill=\"#333\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M518.656 475.904a223.488 223.488 0 0 1-23.296-75.52 366.08 366.08 0 0 1 81.408 14.592 623.104 623.104 0 0 1-58.112 60.928m-69.888-119.04c-11.52-58.112-8.704-55.296-25.6-156.928a265.984 265.984 0 0 0-78.336 46.592c51.2 104.448 60.928 165.376 92.928 290.304 51.2-5.632 211.968-40.704 226.56-130.56 8.704-64-142.336-64-215.04-49.408m37.12 267.264a263.424 263.424 0 0 0-107.52 69.632l43.52 153.6a47.872 47.872 0 0 1-92.928 23.296L216.576 473.088l-72.704-204.8c2.816-5.632 5.888-8.704 8.704-14.336l-14.592-51.2a46.08 46.08 0 0 1 32-57.856 47.616 47.616 0 0 1 58.112 34.304v2.816a334.848 334.848 0 0 1 98.816-43.52c177.152-46.592 203.264 55.04 429.824 23.296L890.368 588.8c-171.52 90.112-232.448-11.52-403.712 35.072\"fill=\"#F39800\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">活动</span></a><a data-v-1c44224b=\"\"href=\"//www.bilibili.com/cheese/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-zhishi\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M781.367 132.313c60.919 0 110.32 50.371 110.32 112.514V778.16c0 62.1-49.359 112.472-110.32 112.472H518.75c0-16.116-25.692-29.152-57.375-29.152S404 874.56 404 890.633H284.82c-60.918 0-110.32-50.372-110.32-112.43V244.827c0-62.143 49.36-112.514 110.32-112.514h496.547z\"fill=\"#FBC92A\"></path><path d=\"M781.367 132.313c60.919 0 110.32 50.371 110.32 112.514v209.671c-49.485 4.894-86.062 22.022-86.062 42.399 0 20.376 36.577 37.547 86.063 42.356v34.72c0 62.143-49.36 112.515-110.32 112.515H284.82c-60.918 0-110.32-50.372-110.32-112.515V244.827c0-62.143 49.36-112.514 110.32-112.514h496.547z\"fill=\"#FFEA85\"></path><path d=\"M346.625 686.487a114.75 58.345 0 1 0 229.5 0 114.75 58.345 0 1 0-229.5 0Z\"fill=\"#FBC92A\"></path><path d=\"M260.563 803.136a43.031 42.188 0 1 0 86.062 0 43.031 42.188 0 1 0-86.063 0ZM490.063 803.136a71.719 42.188 0 1 0 143.437 0 71.719 42.188 0 1 0-143.438 0Z\"fill=\"#F4B828\"></path><path d=\"M674.506 477.448a27.21 27.21 0 0 1 39.024 1.224 28.519 28.519 0 0 1-1.182 39.74 238.022 238.022 0 0 1-330.918 0 28.519 28.519 0 0 1-1.182-39.74 27.21 27.21 0 0 1 38.982-1.224 183.642 183.642 0 0 0 255.276 0zM734.792 272.923h5.19a41.766 41.766 0 0 1 41.343 42.188v56.278c0 23.288-18.478 42.188-41.344 42.188h-5.189a41.766 41.766 0 0 1-41.344-42.188v-56.278c0-23.288 18.52-42.188 41.344-42.188zm-380.995 0h5.189a41.766 41.766 0 0 1 41.344 42.188v56.278c0 23.288-18.52 42.188-41.344 42.188h-5.19a41.766 41.766 0 0 1-41.343-42.188v-56.278c0-23.288 18.478-42.188 41.344-42.188z\"fill=\"#FBC92A\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">课堂</span></a><a data-v-1c44224b=\"\"href=\"https://www.bilibili.com/blackboard/activity-5zJxM3spoS.html\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"viewBox=\"0 0 1024 1024\"xmlns=\"http://www.w3.org/2000/svg\"class=\"navigation-channel-icon\"><path d=\"M0 0h1024v1024H0z\"fill=\"none\"></path><path d=\"M874.675 156.595c14.848 0 27.136 11.187 28.8 25.6l.205 3.405v335.949c0 14.873-11.213 27.136-25.626 28.825l-3.379.18H697.702l-54.476 54.502a29.03 29.03 0 0 1-35.354 4.429l-2.944-2.023-2.74-2.406-54.527-54.528-134.912.026c-13.747 0-25.242-9.55-28.263-22.35l-.563-3.276-.205-3.38V382.567H370.74c-13.721 0-25.216-9.523-28.237-22.348l-.563-3.252-.205-3.404V185.6c0-14.874 11.213-27.136 25.626-28.826l3.38-.179h503.935z\"fill=\"#AAF6C4\"></path><path d=\"M755.2 268.8c18.611 0 33.92 14.003 36.02 32.026l.255 4.25v435.2c0 18.585-14.003 33.92-32.051 36.018l-4.224.256H422.733L287.36 878.08c-21.683 16.256-51.763 3.738-57.165-20.992l-.665-4.02-.205-3.993v-72.55h-54.4c-17.152 0-31.54-11.93-35.303-27.955l-.716-4.096-.256-4.199v-435.2c0-18.611 14.028-33.945 32.05-36.019l4.225-.256H755.2z\"fill=\"#59D498\"></path><path d=\"M392.525 563.2a32 32 0 0 1 3.277 63.846l-3.277.154h-108.8a32 32 0 0 1-3.251-63.846l3.25-.154h108.8zm108.8-145.075a32 32 0 0 1 3.277 63.846l-3.277.154h-217.6a32 32 0 0 1-3.251-63.821l3.25-.18h217.6z\"fill=\"#FFF\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">社区中心</span></a><a data-v-1c44224b=\"\"href=\"//music.bilibili.com/pc/music-center/\"target=\"_blank\"class=\"channel-panel__item\"><svg data-v-1c44224b=\"\"id=\"channel-icon-musicplus\"viewBox=\"0 0 1024 1024\"class=\"navigation-channel-icon\"><path d=\"M153.6 256h716.8q25.6 0 25.6 25.6v512q0 25.6-25.6 25.6H153.6q-25.6 0-25.6-25.6v-512q0-25.6 25.6-25.6Z\"fill=\"#3DA9D3\"></path><path d=\"M153.6 256h153.6v563.2H153.6a25.6 25.6 0 0 1-25.6-25.6v-512a25.6 25.6 0 0 1 25.6-25.6zm716.8 0H716.8v563.2h153.6a25.6 25.6 0 0 0 25.6-25.6v-512a25.6 25.6 0 0 0-25.6-25.6z\"fill=\"#7DD3E0\"></path><path d=\"M783.36 320h46.08q15.36 0 15.36 15.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48Q768 320 783.36 320ZM783.36 448h46.08q15.36 0 15.36 15.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48Q768 448 783.36 448ZM783.36 576h46.08q15.36 0 15.36 15.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48Q768 576 783.36 576ZM783.36 704h46.08q15.36 0 15.36 15.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48Q768 704 783.36 704Z\"fill=\"#3DA9D3\"></path><path d=\"M576 180.736c8.78-2.611 15.898-1.92 21.35 2.074 5.479 3.993 11.008 9.83 16.64 17.459 5.607 7.654 12.544 16.256 20.762 25.856 8.243 9.574 19.456 18.509 33.69 26.777 12.236 7.68 22.963 12.954 32.204 15.77l25.959 7.86a146.846 146.846 0 0 1 23.654 9.266s17.741 9.984 25.523 20.48c8.116 10.906 14.874 19.661 16.615 30.976 1.715 11.341 1.613 21.914-.461 31.693a72.73 72.73 0 0 1-9.574 24.576c-4.276 6.58-7.86 9.933-10.752 9.933-2.868.026-5.402-1.613-7.604-5.043-2.227-3.38-3.84-9.984-4.864-19.763-1.69-15.872-6.656-27.034-14.976-33.46-8.32-6.425-21.35-9.984-39.142-10.726a96.051 96.051 0 0 1-48.922-15.616 283.047 283.047 0 0 1-34.97-26.803c-8.882-7.373-15.794-9.549-20.889-6.298-4.992 3.226-7.577 8.115-7.731 14.746l-.563 26.752-6.707 273.792-.794 35.405c.154 9.856-1.664 21.196-5.427 33.996-3.789 12.8-10.675 25.293-20.66 37.453-9.932 12.16-23.09 23.22-39.475 33.229s-36.582 17.357-60.595 22.067c-24.448 4.762-46.413 3.584-65.894-3.507-19.456-7.091-34.381-17.434-44.775-31.027-10.24-12.928-15.436-29.594-14.77-47.514.69-18.048 8.857-36.045 24.473-53.965s32.435-31.283 50.432-40.115a198.81 198.81 0 0 1 51.814-17.715 178.842 178.842 0 0 1 44.314-3.02c13.005 1.049 22.579 2.38 28.749 3.942 0 0 6.45-280.167 8.294-341.607.23-12.109 3.584-22.323 9.933-30.976 6.4-8.55 14.771-14.208 25.139-16.947zm160.922 288.18a12.8 12.8 0 0 1 .358 2.969v40.96l41.728-6.912a12.8 12.8 0 0 1 14.9 12.595v15.002a12.8 12.8 0 0 1-10.702 12.646l-45.952 7.629.026 45.363a12.8 12.8 0 0 1-9.83 12.442l-15.36 3.66a12.8 12.8 0 0 1-15.77-12.441V560.64l-41.114 6.86a12.8 12.8 0 0 1-14.899-12.62v-15.002a12.8 12.8 0 0 1 10.701-12.646l45.312-7.552v-44.134a12.8 12.8 0 0 1 9.83-12.468l15.36-3.635a12.8 12.8 0 0 1 15.412 9.472z\"fill=\"#FFD469\"></path><path d=\"M194.56 320h46.08Q256 320 256 335.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48q0-15.36 15.36-15.36ZM194.56 448h46.08Q256 448 256 463.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48q0-15.36 15.36-15.36ZM194.56 576h46.08Q256 576 256 591.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48q0-15.36 15.36-15.36ZM194.56 704h46.08Q256 704 256 719.36v20.48q0 15.36-15.36 15.36h-46.08q-15.36 0-15.36-15.36v-20.48q0-15.36 15.36-15.36Z\"fill=\"#3DA9D3\"></path></svg><span data-v-1c44224b=\"\"class=\"name\">新歌热榜</span></a></div></div></div></div>";
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ }),
/* 29 */
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ handleHeaderImage: () => (/* binding */ handleHeaderImage),
/* harmony export */ handleVideoCard: () => (/* binding */ handleVideoCard)
/* harmony export */ });
/* harmony import */ var _ai_conclusion_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(30);
// 控制首页头图函数
function handleHeaderImage () {
let source
// eslint-disable-next-line no-undef
source = GM_getValue('custom-header-image-source', 'unsplash')
const key = 'header-image'
const formattedDate = new Date().toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/-/g, '/')
const url = source === 'unsplash' ? 'https://source.unsplash.com/random/840x400' : `https://api.ee123.net/img/bingimg/${formattedDate}.jpg`
const elementSelector = '.bili-header__banner'
loadImage(key, elementSelector)
if (source !== 'local') { setTimeout(renewImage, 5000) }
window.addEventListener('variableChanged', e => {
if (e.detail.key === 'header-image-source') {
source = e.detail.newValue
setTimeout(renewImage, 0)
}
})
async function renewImage () {
try {
const img = await getImage(url)
const base64Data = imageToBase64(img)
storeImage(key, base64Data)
} catch (error) {
console.error('Failed to get image:', error)
}
}
function getImage (url) {
return new Promise((resolve, reject) => {
const img = new Image()
img.crossOrigin = 'Anonymous'
img.src = url
img.onload = () => resolve(img)
img.onerror = reject
})
}
function imageToBase64 (img) {
const canvas = document.createElement('canvas')
canvas.width = img.width
canvas.height = img.height
const ctx = canvas.getContext('2d')
ctx.drawImage(img, 0, 0)
return canvas.toDataURL('image/jpeg')
}
function storeImage (key, base64Data) {
localStorage.setItem(key, base64Data)
}
function loadImage (key, elementSelector) {
const base64Data = localStorage.getItem(key)
if (base64Data) {
const style = document.createElement('style')
style.innerHTML = `
${elementSelector}::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: url(${base64Data});
background-size: cover;
background-position: center;
}
`
document.head.appendChild(style)
} else {
// 如果本地存储中不存在图片数据，则从 URL 中获取图片
getImage(url).then((img) => {
const base64Data = imageToBase64(img)
storeImage(key, base64Data)
loadImage(key, elementSelector)
}).catch(error => console.error('Failed to get image:', error))
}
}
}
// 处理视频卡片
function handleVideoCard () {
judgeHasAi()
let isLoading = false
// 获取AI总结
new MutationObserver(mutations => {
mutations.forEach(mutation => {
if (isLoading) { return }
mutation.addedNodes.forEach(node => {
if (node.nodeType === Node.ELEMENT_NODE && node.classList.contains('bili-video-card')) {
isLoading = true
setTimeout(() => {
judgeHasAi()
isLoading = false
}, 2000) // 两秒后获取 AI 总结判断
}
})
})
}).observe(document.querySelector('.recommended-container_floor-aside>.container'), { childList: true })
function judgeHasAi () {
const imageLinks = document.querySelectorAll('.bili-video-card__image--link')
let delay = 0 // 初始化延迟变量
imageLinks.forEach(async link => {
await new Promise(resolve => setTimeout(resolve, delay)) // 在每次循环前等待当前延迟时间
const card = link.closest('.bili-video-card:not(:has(.bili-video-card__info--ad))') // 排除广告卡片
if (card) {
if (!link.dataset.hasJudgedAi) {
const aiJudgeRes = await (0,_ai_conclusion_js__WEBPACK_IMPORTED_MODULE_0__.judge)(card)
if (aiJudgeRes) { card.dataset.hasAi = true }
delay += 100 // 将下一次循环的延迟时间往后延长 100 毫秒
}
link.dataset.hasJudgedAi = true
}
})
}
let lastPreviewCard = null
// 添加预览视频选项
new MutationObserver(mutations => {
mutations.forEach(async mutation => {
const firstChild = mutation.addedNodes[0]?.firstChild // 未添加节点时 addedNodes 返回 []
if (firstChild && firstChild.className === 'v-popover is-bottom-end') {
const panel = firstChild.querySelector('.bili-video-card__info--no-interest-panel') // 不能用 document，直接切换不同视频面板时先添加第二个再移除第一个
const previewOption = Object.assign(document.createElement('div'), {
className: 'bili-video-card__info--no-interest-panel--item',
textContent: '预览此视频'
})
panel.insertBefore(previewOption, panel.firstChild)
previewOption.addEventListener('click', event => { onPreviewOptionClick(event, firstChild) }) // 移除父元素时，监听器和观察器均移除
function getCard () {
return new Promise(resolve => {
setTimeout(() => {
// 切换时筛选未使用的那一个
const btn = document.querySelector('.bili-video-card__info--no-interest.active:not(.use)')
const card = btn.closest('.bili-video-card')
btn.classList.add('use') // 新按钮添加使用状态
resolve(card)
}, 50) // 等待按钮添加 active 类，切换时旧按钮即移除 active 类需要 200 ms
})
}
const card = await getCard() // 异步函数返回结果，使用 async ... await 暂停执行，或使用 then 等待 promise 对象解析
const hasAi = card.dataset.hasAi
if (!hasAi) {
return
}
const AIOption = Object.assign(document.createElement('div'), {
className: 'bili-video-card__info--no-interest-panel--item',
textContent: '生成视频总结'
})
panel.insertBefore(AIOption, previewOption.nextSibling)
AIOption.addEventListener('click', async event => {
event.stopPropagation()
firstChild.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true })) // 面板鼠标移出，面板或按键的鼠标移入事件均会显示面板，此时后续事件按键自动鼠标移出
const aiCardElement = (0,_ai_conclusion_js__WEBPACK_IMPORTED_MODULE_0__.createAICardElement)(card.querySelector('.bili-video-card__image--wrap'))
const aiConclusionRes = await (0,_ai_conclusion_js__WEBPACK_IMPORTED_MODULE_0__.aiConclusion)(card)
const bvid = card.querySelector('.bili-video-card__image--link').dataset.bvid
;(0,_ai_conclusion_js__WEBPACK_IMPORTED_MODULE_0__.genterateAIConclusionCard)(aiConclusionRes, aiCardElement, bvid)
})
}
})
}).observe(document.body, { childList: true })
function onPreviewOptionClick (event, firstChild) {
event.stopPropagation()
firstChild.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true })) // 面板或按键的鼠标移入事件均会显示面板，但此时后续事件按键自动鼠标移出
// 先退出预览，否则切换时跳过前一个卡片
window.addEventListener('click', () => {
lastPreviewCard?.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true }))
}, { once: true })
const card = document.querySelector('.bili-video-card__info--no-interest.active').closest('.bili-video-card')
const cardEventWrap = card.querySelector('.bili-video-card__image--wrap')
cardEventWrap.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true })) // 移入移出状态不会叠加
lastPreviewCard = cardEventWrap
if (!cardEventWrap.querySelector('.inline-progress-bar')) {
const intervalId = setInterval(() => {
if (cardEventWrap.querySelector('video')) {
createProgressBar()
clearInterval(intervalId)
}
}, 1000)
}
function createProgressBar () {
// 创建进度条
const progressBar = Object.assign(document.createElement('div'), {
className: 'inline-progress-bar',
innerHTML: '<div class="inline-progress-bar-filled"></div><div class="inline-progress-bar-thumb"></div>'
})
cardEventWrap.appendChild(progressBar)
// 获取视频元素和进度条元素
const video = cardEventWrap.querySelector('video')
const progressBarFilled = progressBar.querySelector('.inline-progress-bar-filled')
const progressBarThumb = progressBar.querySelector('.inline-progress-bar-thumb')
const progressBarWidth = progressBar.offsetWidth
function updateProgressBar (progress) {
progressBarFilled.style.width = `${progress * 100}%`
progressBarThumb.style.left = `${progress * progressBarWidth}px`
}
// 为视频元素添加时间更新事件监听器
video.addEventListener('timeupdate', () => {
const initialProgress = video.currentTime / video.duration
const progress = Math.min(Math.max(initialProgress, 0), 1)
updateProgressBar(progress)
}, true) // 避免被下面拦截，先执行捕获，再执行冒泡，默认为 false
// 阻止后续捕获阶段监听器执行
// 同一事件传播阶段中，监听器的执行顺序按照添加的顺序依次执行。不同事件传播阶段中，捕获阶段的监听器总是先于冒泡阶段的监听器执行。
video.addEventListener('timeupdate', event => { event.stopImmediatePropagation() }, true)
function onTouchEvent (event) {
const initialProgress = (event.touches[0].clientX - progressBar.getBoundingClientRect().left) / progressBarWidth // offsetLeft 是相对于父元素的
const progress = Math.min(Math.max(initialProgress, 0), 1)
updateProgressBar(progress)
video.currentTime = progress * video.duration
}
progressBar.addEventListener('touchstart', event => {
onTouchEvent(event)
document.addEventListener('touchmove', onTouchEvent)
})
document.addEventListener('touchend', () => {
document.removeEventListener('touchmove', onTouchEvent)
})
progressBar.addEventListener('click', event => {
event.preventDefault() // a 标签内部元素默认事件
event.stopPropagation() // 避免全局点击退出预览
})
}
}
// 先由外到内冒泡鼠标移入事件，再由内到外冒泡点击事件
// 添加点击关闭逻辑，展开时才触发
window.addEventListener('click', event => {
const btn = document.querySelector('.bili-video-card__info--no-interest.active')
if (btn?.contains(event.target)) {
btn.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true }))
btn.classList.remove('use') // 切换完成后才执行，移除旧按钮的使用状态
btn.addEventListener('click', () => {
btn.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }))
}, { once: true })
}
})
}
/***/ }),
/* 30 */
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ aiConclusion: () => (/* binding */ aiConclusion),
/* harmony export */ createAICardElement: () => (/* binding */ createAICardElement),
/* harmony export */ genterateAIConclusionCard: () => (/* binding */ genterateAIConclusionCard),
/* harmony export */ judge: () => (/* binding */ judge)
/* harmony export */ });
// fork 自 BiliPlus 项目：https://github.com/0xlau/biliplus
const mixinKeyEncTab = [
46, 47, 18, 2, 53, 8, 23, 32, 15, 50, 10, 31, 58, 3, 45, 35, 27, 43, 5, 49,
33, 9, 42, 19, 29, 28, 14, 39, 12, 38, 41, 13, 37, 48, 7, 16, 24, 55, 40,
61, 26, 17, 0, 1, 60, 51, 30, 4, 22, 25, 54, 21, 56, 59, 6, 63, 57, 62, 11,
36, 20, 34, 44, 52
]
// 对 imgKey 和 subKey 进行字符顺序打乱编码
const getMixinKey = (orig) =>
mixinKeyEncTab
.map((n) => orig[n])
.join('')
.slice(0, 32)
// 为请求参数进行 wbi 签名
function encWbi (params, imgKey, subKey) {
const mixinKey = getMixinKey(imgKey + subKey)
const currTime = Math.round(Date.now() / 1000)
const chrFilter = /[!'()*]/g
Object.assign(params, { wts: currTime }) // 添加 wts 字段
// 按照 key 重排参数
const query = Object.keys(params)
.sort()
.map((key) => {
// 过滤 value 中的 "!'()*" 字符
const value = params[key].toString().replace(chrFilter, '')
return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
})
.join('&')
// 在脚本 metadata 中引用 AI 总结使用的 md5 算法
// eslint-disable-next-line no-undef
const wbiSign = md5(query + mixinKey) // 计算 w_rid
return query + '&w_rid=' + wbiSign
}
// 获取最新的 imgKey 和 subKey
async function getWbiKeys () {
const {
wbi_img: { img_url: imgUrl, sub_url: subUrl }
} = await getNavUserInfo()
return {
imgKey: imgUrl.slice(
imgUrl.lastIndexOf('/') + 1,
imgUrl.lastIndexOf('.')
),
subKey: subUrl.slice(
subUrl.lastIndexOf('/') + 1,
subUrl.lastIndexOf('.')
)
}
}
// 刷新 wts 和 wrid
async function getwts (params) {
const webKeys = await getWbiKeys()
const imgKey = webKeys.imgKey
const subKey = webKeys.subKey
const query = encWbi(params, imgKey, subKey)
return query
}
const BILIBILI_API = 'https://api.bilibili.com'
/**
* 获取B站视频 aid、cid 等信息
* @param {string} 视频 bvid
* @returns 视频data
*/
async function getVideoInfo (bvid) {
const response = await fetch(`${BILIBILI_API}/x/web-interface/view?bvid=${bvid}`)
const jsonData = await response.json()
if (response.status !== 200 || !jsonData) {
throw new Error()
}
return jsonData.data
}
/**
* 获取导航栏用户信息
* @returns 用户信息data
*/
async function getNavUserInfo () {
const response = await fetch(`${BILIBILI_API}/x/web-interface/nav`, { credentials: 'include' })
const jsonData = await response.json()
if (response.status !== 200 || !jsonData) {
throw new Error()
}
return jsonData.data
}
/**
* 获取ai简介
* @param {object} params
* @returns ai简介data
*/
async function getAIConclusion (params) {
const query = await getwts(params)
const response = await fetch(`${BILIBILI_API}/x/web-interface/view/conclusion/get?${query}`)
const jsonData = await response.json()
if (response.status !== 200 || !jsonData) {
throw new Error()
}
return jsonData.data
}
/**
* 获取 ai 判断响应
* @param {object} params
* @returns ai 判断响应 data
*/
async function getJudgeAI (params) {
const query = await getwts(params)
const response = await fetch(`${BILIBILI_API}/x/web-interface/view/conclusion/judge?${query}`)
const jsonData = await response.json()
if (response.status !== 200 || !jsonData) {
throw new Error()
}
return jsonData.data
}
/**
* 判断是否有 AI 总结
* @param {object} card 点击视频卡片
* @returns AI 响应 data 节点
*/
async function judge (card) {
const cardImageLinkElement = card.querySelector('.bili-video-card__image--link')
const match = /\/video\/([A-Za-z0-9]+)/.exec(cardImageLinkElement.dataset.targetUrl) || /\/video\/([A-Za-z0-9]+)/.exec(cardImageLinkElement.href)
const bvid = match[1] // 第二个元素才是捕获组
try {
const videoInfo = await getVideoInfo(bvid)
cardImageLinkElement.dataset.cid = videoInfo.cid
cardImageLinkElement.dataset.bvid = videoInfo.bvid
cardImageLinkElement.dataset.upMid = videoInfo.owner.mid
const cid = videoInfo.cid
const up_mid = videoInfo.owner.mid
const aiJudgeRes = await getJudgeAI({ bvid, cid, up_mid })
if (aiJudgeRes.judge === 1) {
return true
}
} catch (error) {
console.error(error)
}
}
/**
* 临时缓存 AI 响应
*/
const aiData = {}
/**
* 获取 AI 总结
* @param {object} card 点击视频卡片
* @returns AI 响应 data 节点
*/
async function aiConclusion (card) {
const cardImageLinkElement = card.querySelector('.bili-video-card__image--link')
const match = /\/video\/([A-Za-z0-9]+)/.exec(cardImageLinkElement.dataset.targetUrl) || /\/video\/([A-Za-z0-9]+)/.exec(cardImageLinkElement.href)
const bvid = match[1] // 第二个元素才是捕获组
if (aiData[bvid] && aiData[bvid].code === 0) {
console.log(aiData[bvid])
return aiData[bvid]
}
if (cardImageLinkElement.dataset.hasGotAi === undefined) {
const cid = cardImageLinkElement.dataset.cid
const up_mid = cardImageLinkElement.dataset.upMid
const aiConclusionRes = await getAIConclusion({ bvid, cid, up_mid })
aiData[bvid] = aiConclusionRes
cardImageLinkElement.dataset.hasGotAi = true
if (aiConclusionRes.code === 0) {
console.log(aiData[bvid])
return aiData[bvid]
}
}
}
const genterateAIConclusionCard = (aiConclusionRes, aiCardElement, bvid) => {
let aiCard = ''
const { model_result: modelResult } = aiConclusionRes
aiCard = `
<div class="ai-conclusion-card-header">
<div class="ai-conclusion-card-header-left">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none"
xmlns="http://www.w3.org/2000/svg" class="ai-summary-popup-icon" >
<g clip-path="url(#clip0_8728_3421)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.53976 2.34771C8.17618 1.81736 9.12202 1.90335 9.65237 2.53976L12.1524 5.53976C12.6827 6.17618 12.5967 7.12202 11.9603 7.65237C11.3239 8.18272 10.3781 8.09673 9.84771 7.46031L7.34771 4.46031C6.81736 3.8239 6.90335 2.87805 7.53976 2.34771Z" fill="url(#paint0_linear_8728_3421)"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.9602 2.34771C21.3238 1.81736 20.378 1.90335 19.8476 2.53976L17.3476 5.53976C16.8173 6.17618 16.9033 7.12202 17.5397 7.65237C18.1761 8.18272 19.1219 8.09673 19.6523 7.46031L22.1523 4.46031C22.6826 3.8239 22.5967 2.87805 21.9602 2.34771Z" fill="url(#paint1_linear_8728_3421)"></path>
<g opacity="0.2" filter="url(#filter0_d_8728_3421)">
<path d="M27 18.2533C27 25.0206 21.6274 27 15 27C8.37258 27 3 25.0206 3 18.2533C3 11.486 3.92308 6 15 6C26.5385 6 27 11.486 27 18.2533Z" fill="#D9D9D9"></path>
</g>
<g filter="url(#filter1_ii_8728_3421)">
<path d="M28 18.9489C28 26.656 22.1797 28 15 28C7.8203 28 2 26.656 2 18.9489C2 10 3 6 15 6C27.5 6 28 10 28 18.9489Z" fill="url(#paint2_linear_8728_3421)"></path>
</g>
<path d="M4.78613 14.2091C4.78613 11.9263 6.44484 9.96205 8.71139 9.6903C13.2069 9.1513 16.7678 9.13141 21.3132 9.68091C23.5697 9.95371 25.2147 11.9138 25.2147 14.1868V19.192C25.2147 21.3328 23.7551 23.2258 21.6452 23.5884C16.903 24.4032 13.1705 24.2461 8.55936 23.5137C6.36235 23.1647 4.78613 21.2323 4.78613 19.0078V14.2091Z" fill="#191924"></path>
<path d="M19.6426 15.3125L19.6426 18.0982" stroke="#2CFFFF" stroke-width="2.4" stroke-linecap="round"></path>
<path d="M10.3574 14.8516L12.2146 16.7087L10.3574 18.5658" stroke="#2CFFFF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<filter id="filter0_d_8728_3421" x="1" y="4" width="30" height="27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix>
<feOffset dx="1" dy="1"></feOffset>
<feGaussianBlur stdDeviation="1.5"></feGaussianBlur>
<feComposite in2="hardAlpha" operator="out"></feComposite>
<feColorMatrix type="matrix" values="0 0 0 0 0.039545 0 0 0 0 0.0845023 0 0 0 0 0.200107 0 0 0 0.85 0"></feColorMatrix>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8728_3421"></feBlend>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8728_3421" result="shape"></feBlend>
</filter>
<filter id="filter1_ii_8728_3421" x="0" y="4.14286" width="30.7857" height="26.6429" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix>
<feOffset dx="2.78571" dy="3.71429"></feOffset>
<feGaussianBlur stdDeviation="1.39286"></feGaussianBlur>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"></feColorMatrix>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_8728_3421"></feBlend>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix>
<feOffset dx="-2" dy="-1.85714"></feOffset>
<feGaussianBlur stdDeviation="1.85714"></feGaussianBlur>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.15445 0 0 0 0 0.454264 0 0 0 0.11 0"></feColorMatrix>
<feBlend mode="normal" in2="effect1_innerShadow_8728_3421" result="effect2_innerShadow_8728_3421"></feBlend>
</filter>
<linearGradient id="paint0_linear_8728_3421" x1="6.80424" y1="2.84927" x2="9.01897" y2="8.29727" gradientUnits="userSpaceOnUse">
<stop stop-color="#393946"></stop>
<stop offset="0.401159" stop-color="#23232E"></stop>
<stop offset="1" stop-color="#191924"></stop>
</linearGradient>
<linearGradient id="paint1_linear_8728_3421" x1="22.6958" y1="2.84927" x2="20.481" y2="8.29727" gradientUnits="userSpaceOnUse">
<stop stop-color="#393946"></stop>
<stop offset="0.401159" stop-color="#23232E"></stop>
<stop offset="1" stop-color="#191924"></stop>
</linearGradient>
<linearGradient id="paint2_linear_8728_3421" x1="7.67091" y1="10.8068" x2="19.9309" y2="29.088" gradientUnits="userSpaceOnUse">
<stop stop-color="#F4FCFF"></stop>
<stop offset="1" stop-color="#EAF5F9"></stop>
</linearGradient>
<clipPath id="clip0_8728_3421">
<rect width="30" height="30" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span class="tips-text">已为你生成视频总结</span>
</div>
</div>
<div class="ai-conclusion-card-summary">
${modelResult.summary}
</div>
`
modelResult.outline.forEach(item => {
aiCard += `
<div class="ai-conclusion-card-selection">
<div class="ai-conclusion-card-selection-title">${item.title}</div>
${item.part_outline
.map(
s => `
<a class="bullet" href="https://www.bilibili.com/video/${bvid}/?t=${s.timestamp}s">
<span class="ai-conclusion-card-selection-timer">${timeNumberToTime(s.timestamp)}</span>
<span>${s.content}</span>
</a>
`
)
.join('')}
</div>
`
})
aiCardElement.innerHTML = aiCard
}
const createAICardElement = cardElement => {
const overlay = Object.assign(document.createElement('div'), {
id: 'ai-conclusion-overlay',
innerHTML: `
<div class="ai-conclusion-card resizable-component">
<div class="ai-conclusion-card-header">正在加载 AI 总结</div>
</div>
`
})
cardElement.closest('.bili-video-card').appendChild(overlay)
overlay.classList.add('show')
overlay.addEventListener('click', () => {
overlay.classList.remove('show')
overlay.addEventListener('transitionend', overlay.remove)
}, { once: true }) // 移除元素后监听器不会自动消失 (需要移除父元素)
const div = overlay.querySelector('.ai-conclusion-card')
div.addEventListener('click', event => event.stopPropagation())
return div
}
const timeNumberToTime = time => {
let min = Math.floor(time / 60)
let sec = time % 60
min = min < 10 ? '0' + min : min
sec = sec < 10 ? '0' + sec : sec
return `${min}:${sec}`
}
/***/ }),
/* 31 */
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ videoInteraction: () => (/* binding */ videoInteraction)
/* harmony export */ });
/* global GM_getValue */
function videoInteraction () {
handlePortrait()
handlelVideoClick()
handleVideoLongPress()
closeMiniPlayer()
setEndingContent()
}
let isPortrait = false
function handlePortrait () {
const video = document.querySelector('#bilibili-player video')
// 适配侧边栏切换视频
video.addEventListener('resize', () => {
// aspectRatio, resize 前宽高为 0
isPortrait = video.videoHeight / video.videoWidth > 1
})
}
// 接管视频点击事件
function handlelVideoClick () {
const playerContainter = document.querySelector('.bpx-player-container')
const videoArea = playerContainter.querySelector('.bpx-player-video-area')
const videoPerch = videoArea.querySelector('.bpx-player-video-perch')
const videoWrap = videoPerch.querySelector('.bpx-player-video-wrap')
const video = videoWrap.querySelector('video')
// 架空双击全屏层以适应竖屏
videoArea.insertBefore(videoWrap, videoPerch)
// safari 内联播放
if (video) { video.playsInline = true }
const oldControlWrap = videoArea.querySelector('.bpx-player-control-wrap')
const controlEntity = oldControlWrap.querySelector('.bpx-player-control-entity') // 移动后再使用
let clickTimer = null
let hideTimer = null
// 阻止 controlWrap 的 mouseleave 事件隐藏控制栏, mouseleave 事件不会在冒泡阶段和捕获阶段传播
const controlWrap = Object.assign(document.createElement('div'), {
className: 'bpx-player-control-wrap new',
innerHTML: '<div class="bpx-player-control-mask"></div>'
})
videoArea.insertBefore(controlWrap, oldControlWrap)
controlWrap.appendChild(controlEntity)
// 观察控制栏按键弹窗, 元素发生移动后, 之前的 querySelector 会失效 (无法找到该元素)
// 当箭头函数的函数体只有一条语句时，如果使用了花括号，则该语句会被解释为函数体，而不是返回值。因此，当使用了花括号时，isBpxStateShow 的返回值为 undefined。
const isBpxStateShow = () => controlEntity.querySelector('.bpx-player-control-bottom-right>.bpx-state-show')
const controlTop = controlEntity.querySelector('.bpx-player-control-top')
const bottomRight = controlEntity.querySelector('.bpx-player-control-bottom-right')
// 可以作语句的表达式：需要赋值给变量或者作为函数调用的一部分，能够产生一个可以被丢弃的值
// 布尔值不能直接作为语句，因为它们不执行任何动作，也不改变程序的状态
// x++ 作语句时执行操作，但是不显式返回值，实际 x 的值隐式地改变了；作表达式时根据前后缀，依次返回 x 的值和执行操作
const isShown = () => playerContainter.getAttribute('ctrl-shown') === 'true' // controlWrap 的 mouseleave 事件导致点击非视频部分会隐藏控制栏, 实际已不必要
// 覆盖原显隐
playerContainter.setAttribute('ctrl-shown', 'false')
const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
if (mutation.addedNodes[0].classList.contains('bpx-player-ctrl-web')) { // 还可以让控制栏显示作为网页全屏按钮加载的标志事件
if (video.paused) { showControlWrap() }
// 点击视频关闭字幕设置
const subtitleBtn = document.querySelector('.bpx-player-ctrl-subtitle')
if (subtitleBtn) {
window.addEventListener('click', event => {
if (!subtitleBtn.contains(event.target)) { subtitleBtn.dispatchEvent(new MouseEvent('mouseleave')) }
})
}
observer.disconnect()
}
})
})
observer.observe(bottomRight, { childList: true })
function hideControlWrap (isEnd) {
if ((!video.paused && !isBpxStateShow()) || isEnd) {
playerContainter.setAttribute('ctrl-shown', 'false')
clearTimeout(hideTimer)
} else {
delayHideTimer()
}
}
video.addEventListener('ended', () => { hideControlWrap(true) })
function showControlWrap () {
playerContainter.setAttribute('ctrl-shown', 'true')
delayHideTimer()
}
function delayHideTimer () {
clearTimeout(hideTimer)
hideTimer = setTimeout(hideControlWrap, 3000)
}
// 阻止触摸单击触发 videoArea 的 mousemove 事件而显隐控制栏
videoWrap.addEventListener('mousemove', event => { event.stopPropagation() })
controlWrap.addEventListener('mousemove', event => { event.stopPropagation() })
video.addEventListener('play', delayHideTimer)
controlWrap.addEventListener('click', event => {
event.stopPropagation()
delayHideTimer()
})
controlTop.addEventListener('touchstart', delayHideTimer)
// 单击监听
videoWrap.addEventListener('click', () => {
clearTimeout(clickTimer)
clickTimer = setTimeout(() => {
isShown() ? hideControlWrap() : showControlWrap()
if (!GM_getValue('ban-video-click-play', false)) { video.paused ? video.play() : video.pause() } // videoPerch.click()
}, 250)
})
// 双击监听
videoWrap.addEventListener('dblclick', () => {
clearTimeout(clickTimer)
// 双击打开声音
video.muted = false
if (video.volume === 0) { document.querySelector('.bpx-player-ctrl-muted-icon').click() }
isPortrait
? document.querySelector('.bpx-player-ctrl-web').click()
// view 省略时指向当前窗口
: videoPerch.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }))
})
// 阻止视频响应滑动侧边栏
// 阻止冒泡只对当前监听器生效，禁止全屏滑动和拖动进度条触发侧边栏。要传递参数或用形参，就要用函数而非引用
videoArea.addEventListener('touchstart', event => { event.stopPropagation() })
}
function closeMiniPlayer () {
// 关闭小窗: getElement 提前使用在元素加载后能获取到, querySelector 在元素加载后使用才能获取到
if (!localStorage.getItem('is-mini-player-closed')) {
const miniPlayerBtn = document.getElementsByClassName('mini-player-window')[0]
new MutationObserver(mutations =>
mutations.forEach(mutation => {
if (mutation.target.classList.contains('on')) {
miniPlayerBtn.click()
localStorage.setItem('is-mini-player-closed', true)
}
})
).observe(miniPlayerBtn, { attributes: true, attributeFilter: ['class'] })
}
}
function handleVideoLongPress () {
const video = document.querySelector('video')
let isLongPress = false
let timeoutId
let times
video.addEventListener('touchstart', () => {
times = Number(GM_getValue('video-longpress-speed', '2'))
timeoutId = setTimeout(() => {
video.playbackRate = video.playbackRate * times
isLongPress = true
}, 500)
})
video.addEventListener('touchmove', cancelLongPress)
video.addEventListener('touchend', cancelLongPress)
function cancelLongPress () {
clearTimeout(timeoutId)
if (isLongPress) {
video.playbackRate = video.playbackRate / times
isLongPress = false
}
}
}
function setEndingContent () {
addEndingScale()
function addEndingScale () {
const style = Object.assign(document.createElement('style'), {
id: 'ending-content-scale',
textContent: `
.bpx-player-ending-content[screen-mode=little-screen] { transform: scale(calc(${window.innerWidth}/536*0.9)) !important; }
.bpx-player-ending-content { transform: scale(calc(${window.innerWidth}/710*0.9)) !important; }
.bpx-player-container[data-screen=full] .bpx-player-ending-content { transform: scale(calc(${window.innerWidth}/952*0.9)) !important; }
`
})
document.head.appendChild(style)
}
function renewEndingScale () {
document.head.querySelector('#ending-content-scale').remove()
addEndingScale()
}
screen.orientation.addEventListener('change', renewEndingScale)
window.addEventListener('resize', renewEndingScale)
}
/***/ }),
/* 32 */
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ createUnfoldBtn: () => (/* binding */ createUnfoldBtn)
/* harmony export */ });
function createUnfoldBtn () {
const observer = new MutationObserver(mutations =>
mutations.forEach(mutation => {
// innerHTML 属性可一次性插入多个节点。此处 mutation.addedNodes.length 为 0 或 1。非数组使用 for...of 循环。
// addedNode.nodeType 为 1 表示 Node.ELEMENT_NODE
if (mutation.addedNodes[0]?.classList.contains('bili-im')) {
createElement()
observer.disconnect()
}
})
)
const messageContainer = document.querySelector('body>.container')
observer.observe(messageContainer, { childList: true, subtree: true })
function createElement () {
const unfoldBtn = Object.assign(document.createElement('div'), {
id: 'unfold-btn',
textContent: '展开'
})
const messageList = document.querySelector('.bili-im .left')
messageList.appendChild(unfoldBtn)
unfoldBtn.addEventListener('click', () => {
if (messageList.style.cssText === '') {
messageList.style.cssText = 'width: 240px !important'
unfoldBtn.textContent = '折叠'
} else {
messageList.style.cssText = ''
unfoldBtn.textContent = '展开'
}
})
}
}
/***/ })
/******/ ]);
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ id: moduleId,
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ (() => {
/******/ __webpack_require__.b = document.baseURI || self.location.href;
/******/
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ 0: 0
/******/ };
/******/
/******/ // no chunk on demand loading
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ // no on chunks loaded
/******/
/******/ // no jsonp function
/******/ })();
/******/
/******/ /* webpack/runtime/nonce */
/******/ (() => {
/******/ __webpack_require__.nc = undefined;
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
(() => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _style_app_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
/* harmony import */ var _style_header_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(11);
/* harmony import */ var _style_home_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13);
/* harmony import */ var _style_video_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
/* harmony import */ var _style_search_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19);
/* harmony import */ var _style_space_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(21);
/* harmony import */ var _style_message_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(23);
/* harmony import */ var _window_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(25);
/* harmony import */ var _setting_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26);
/* harmony import */ var _actionbar_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(27);
/* harmony import */ var _home_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(29);
/* harmony import */ var _video_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(31);
/* harmony import */ var _message_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(32);
// @grant 表示全局作用域运行，而不在隔离沙盒内使用特定 API
(function () {
// setInterval(() => { debugger }, 100)
if (window.top !== window.self) { return } // 检查当前执行环境是否为顶级窗口
function waitDOMContentLoaded (callback) { document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', callback) : callback() }
/* initViewport */ document.head.appendChild(Object.assign(document.createElement('meta'), { name: 'viewport', content: 'width=device-width, initial-scale=1' }))
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.preventBeforeUnload)()
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.countViewTime)()
console.log('Bilibili mobile execute!')
// 简单表达式: 常量折叠，解析引擎优化为只计算一次，然后缓存入临时变量。函数调用、对象属性访问等不适用。
const part = location.hostname.substring(0, location.hostname.indexOf('.'))
switch (part) {
case 'www':
if (location.pathname === '/') {
(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.increaseVideoLoadSize)()
;(0,_home_js__WEBPACK_IMPORTED_MODULE_10__.handleHeaderImage)()
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptPreSetting)()
waitDOMContentLoaded(() => {
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_9__.handleActionbar)('home')
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptSetting)()
;(0,_home_js__WEBPACK_IMPORTED_MODULE_10__.handleVideoCard)()
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)()
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.setScriptHelp)()
})
} else if (location.pathname.startsWith('/video')) {
(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptPreSetting)()
waitDOMContentLoaded(() => {
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_9__.handleActionbar)('video')
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptSetting)()
;(0,_video_js__WEBPACK_IMPORTED_MODULE_11__.videoInteraction)()
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)('video')
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.setScriptHelp)()
})
}
break
case 'search':
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptPreSetting)()
waitDOMContentLoaded(() => {
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_9__.handleActionbar)('search')
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptSetting)()
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)('search')
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.setScriptHelp)()
})
break
case 'space':
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptPreSetting)()
waitDOMContentLoaded(() => {
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_9__.handleActionbar)('space')
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptSetting)()
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)('space')
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.setScriptHelp)()
})
break
case 'message':
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptPreSetting)()
waitDOMContentLoaded(() => {
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_9__.handleActionbar)('message')
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptSetting)()
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)('message')
;(0,_message_js__WEBPACK_IMPORTED_MODULE_12__.createUnfoldBtn)()
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.setScriptHelp)()
})
break
default:
break
}
})()
})();
/******/ })()
;