view bilibili pc page on mobile phone
目前为
// ==UserScript==
// @name Bilibili Mobile
// @name:zh-CN bilibili 移动端
// @namespace https://github.com/jk278/bilibili-pc2mobile
// @version 4.5.5
// @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
// ==/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, .85);
box-shadow: 0 0 3px rgba(0, 0, 0, .3);
transition: .5s transform ease-in;
opacity: 0;
animation: actionbarFadeIn .4s ease-in forwards;
}
@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 {
#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));
}
/* 底部菜单、侧边栏: layout */
#menu-overlay,
#search-overlay,
#sidebar-overlay {
position: fixed;
top: 0;
bottom: 0;
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 {
pointer-events: auto;
opacity: 1;
}
/* --------------------- 其它适配 --------------------- */
/* 扩增载入后产生的骨架空位 */
.floor-single-card:has(.skeleton, .skeleton-item) {
display: none;
}
/* 脚本设置窗口 */
.setting-panel {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
z-index: 1;
border: 1px solid var(--line_regular);
display: none;
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);
}
.setting-panel.show {
display: flex !important;
}
.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 {
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-bottom-check)+label {
display: none;
}
label:has(#menu-dialog-bottom-check:checked)+label {
display: flex;
}`, ""]);
// 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;
display: none;
}
.center-search-container[show] {
display: block;
}
/* 修复历史项点击时意外移除的问题 */
.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;
}
/* --------------------------------------------------
---------------------- 展开图类 ---------------------
--------------------------------------------------- */
.v-popover {
position: fixed !important;
top: 50vh !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
max-width: 100%;
padding: 5px !important;
left: 50% !important;
}
/* 复制的分类图外框 */
.bili-header.false-header {
min-height: 0;
}
/* 复制的分类图 */
#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;
}
/* 消息展开图 */
.bili-header .message-entry-popover .message-inner-list__item {
padding-left: 43px;
}
/* 动态展开图 */
.dynamic-video-item {
margin-right: 0 !important;
}
.header-dynamic-list-item {
padding: 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;
}
}
/* 收藏展开图 */
.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;
}
/* 移除头像大图 */
.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__);
// 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 {
/* 避免评论未加载时显示灰色 */
background: white !important;
--actionbar-height: 46px;
}
/* 双列视频 */
.recommended-container_floor-aside .container {
grid-template-columns: repeat(2, 1fr) !important;
padding: 5px;
grid-gap: 5px !important;
background: #f1f2f3;
}
/* 头图底色 */
.bili-header__banner {
background-color: #f1f2f3 !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: 75% !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: 13px;
--title-line-height: 20px;
--title-font-size: 14px;
text-align: justify;
}
/* 标题 - 左右距 */
.bili-video-card__info--right,
.bili-live-card__info--text {
padding: 0 5px;
}
/* 不喜欢按钮 */
.bili-video-card__info--no-interest {
display: flex !important;
}
/* 撤销不喜欢 */
.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-video-card__info--no-interest-panel {
width: unset !important;
}
/* 小标 */
.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;
}
/* ----------------------------------------------------
------------------------- 按钮 -----------------------
----------------------------------------------------- */
/* 原首页按钮(置顶、刷新按钮):底层隐藏 -10 (同原全屏、音量按钮)(顶栏视口外隐藏) */
.palette-button-outer {
z-index: -10;
visibility: hidden;
}
/* 首页按钮组 */
.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 */
/***/ ((__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__(16);
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);
/***/ }),
/* 16 */
/***/ ((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%;
}
#mirror-vdcon {
height: 100%;
}
.left-container {
overflow: auto;
height: auto !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: '';
position: absolute;
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;
}
/* UP头像 */
/*.up-avatar-wrap .bili-avatar,
.up-avatar-wrap {
width: 38px !important;
height: 38px !important;
}*/
/* 推荐视频图块 */
#reco_list .card-box .pic-box {
max-width: 50%;
}
/* --------------------------------------------------
---------------- 块状广告（整个视频页）---------------
---------------------------------------------------- */
#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;
}
/* 不显示原双击全屏层 */
.bpx-player-video-perch {
max-height: 0;
}
/* 小窗时的隐藏 - 始终隐藏*/
/* 顶部关注、音乐、反馈 */
/* 右下角暂停图标 */
/* 取消静音 */
.bpx-player-top-wrap,
.bpx-player-state-wrap,
.bpx-player-toast-wrap {
display: none !important;
}
/* 小窗时的隐藏：定位、解除静音、点赞关注等弹窗 */
.bpx-player-toast-wrap {
bottom: 50% !important;
transform: translateY(50%);
}
/* 小窗按钮 */
.mini-player-window {
position: fixed;
z-index: -10;
visibility: hidden;
}
/* 客服按钮 */
.customer-service {
display: none !important;
}
/* 窄屏不隐藏控制条和阴影 */
.bpx-player-control-entity,
.bpx-player-control-mask {
display: block !important;
}
/* 移除次要按钮：画中画、宽屏、时间、选集 */
.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;
}
}
/* 左右控制区 */
.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;
}
/* 清晰度文本:全屏时恢复大小 */
@media screen and (min-width: 750px) {
.bpx-player-container[data-screen=full] .bpx-player-ctrl-quality-result {
font-size: 16px !important;
height: unset !important;
}
}
/* 按钮区(图标22px，算 margin 37px) */
.bpx-player-control-bottom {
height: 29px !important;
margin-top: 7px !important;
padding: 0 7px !important;
}
/* 进度条 */
.bpx-player-control-top {
bottom: 36px !important;
}
/* 修复部分情况下的控制栏图标增大导致的高度过高 */
@media screen and (min-width: 750px) {
.bpx-player-container[data-screen=full] {
.bpx-player-control-wrap {
height: 43px !important;
}
.bpx-player-control-top {
bottom: 43px !important;
}
}
}
/* 进度条细条包含块（高12px） */
.bpx-player-progress-wrap {
height: 7px !important;
padding-bottom: 3px !important;
}
/* 阴影(控制栏展开时: 高能区 100% - 1px) */
.bpx-player-pbp {
bottom: 1px !important;
}
.bpx-player-pbp.show {
bottom: calc(100% + 6px) !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: 0 !important;
max-height: var(--video-min-height) !important;
}
/* 倍速弹窗 */
.bpx-player-ctrl-playbackrate-menu-item {
height: 30px !important;
line-height: 30px !important;
}
/* 设置弹窗 */
.bpx-player-ctrl-setting-box {
right: 0 !important;
bottom: 0 !important;
}
/* 更多设置 */
.bpx-player-ctrl-setting-menu-right {
padding: 5px !important;
max-height: var(--video-min-height) !important;
}
/* 更多设置 */
.bui.bui-radio.bui-dark {
margin-bottom: 5px !important;
}
/* 弹幕设置弹窗 */
.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-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;
}
/* 热门排行标签 */
.honor-rank {
position: absolute;
align-self: start !important;
}
.video-info-detail-list:has(.honor-rank) {
height: 48px !important;
align-items: end !important;
margin-right: 5px !important;
}
.pubdate-ip {
display: block !important;
}
.video-info-detail-list .item {
margin-right: 4px !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 总结 */
.resizable-component.resizable-component {
width: 100% !important;
left: 0 !important;
position: fixed !important;
height: 100vw !important;
top: 50% !important;
transform: translateY(-50%);
}
/* 简介 */
#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-operation-warp {
display: block !important;
right: 4px !important;
}
.sub-reply-operation-warp {
opacity: 1 !important;
right: 4px !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___);
/***/ }),
/* 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_search_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_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);
/***/ }),
/* 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, `/* -------------------- 搜索页 ---------------------- */
#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: var(--actionbar-height);
z-index: 2;
background: white;
padding: 5px !important;
transform: translateY(100%);
opacity: 0;
transition: .4s ease-in;
}
.search-conditions.show {
transform: none;
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___);
/***/ }),
/* 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_user_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_user_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_user_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_user_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_user_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, `/* ------------------- 个人主页 ----------------------- */
.wrapper {
width: 100% !important;
}
.content {
max-width: 100%;
}
#page-index .col-1 {
max-width: 100%;
padding: 0 !important;
}
.channel-video {
white-space: wrap !important;
}
/* 关注按钮 */
.h .h-action {
bottom: 84px !important;
left: 20px;
}
/* 置顶内容 */
.content.i-pin-has-content {
display: flex;
flex-direction: column;
margin: 0 5px;
}
.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;
}
/* TA的视频: 外框 */
.section-title {
padding: 0 5px 33px !important;
}
/* TA: 主页视频排序 */
#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;
}
/* 主页视频 */
#page-index .video .content {
max-height: unset !important;
}
.small-item {
width: calc(50% - 10px) !important;
padding: 0 5px 5px !important;
}
.small-item .cover {
width: 100% !important;
height: auto !important;
}
/* 频道: 更多 */
#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;
}
.n .n-inner {
display: flex;
flex-wrap: wrap;
height: auto !important;
padding: 0 !important;
}
.n-tab-links>* {
margin: 0 !important;
}
.n-data {
padding: 0 5px !important;
height: auto !important;
}
.n-statistics {
height: auto !important;
}
.n .n-btn {
height: auto !important;
line-height: 30px !important;
}
.n-tab-links {
white-space: nowrap;
overflow: auto;
}
.favInfo-details {
max-width: 60%;
margin-left: 5px !important;
}
.fav-options>* {
margin: 0 !important;
}
.favList-info {
padding: 0 !important;
margin: 0 10px !important;
}
.n-cursor {
bottom: 35px !important;
}
.navigator-fixed {
display: none;
}
span.length {
z-index: 1 !important;
}`, ""]);
// 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_message_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_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);
/***/ }),
/* 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, `/* ------------- 消息页(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;
}
/* 搜索框 */
.nav-search-box {
position: absolute !important;
width: 100% !important;
left: 0;
top: 64px;
padding: 10px 20px 5px !important;
z-index: 3;
margin: 0 !important;
display: none !important;
}
.nav-search-box.show {
display: block !important;
}
/* 禁止标题("我的消息"等)、发送框、多人点赞时的头像突出 */
.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___);
/***/ }),
/* 23 */
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ handleScroll: () => (/* binding */ handleScroll),
/* harmony export */ increaseVideoLoadSize: () => (/* binding */ increaseVideoLoadSize),
/* harmony export */ preventBeforeUnload: () => (/* binding */ preventBeforeUnload)
/* harmony export */ });
/* global GM_getValue 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)
}
}
/**
* 管理滚动和滑动事件的函数
* @param {string} page - 简短描述页面的字符串: search, video
*/
function handleScroll (page) {
if (GM_getValue('settingShowHidden', [])[0] === false || GM_getValue('ban-action-hidden', false) === false) {
scrollToHidden()
}
switch (page) {
case 'search':
slideSearchSort()
break
case 'video':
slideVideoSidebar()
break
case 'message':
slideMessageSidebar()
break
default:
break
}
}
// 滚动隐藏函数(弹幕行、评论行、操作栏)(主要布局块的class在初始化时会动态刷新，动态加载块子元素动态变动)(页面初始化使用了element的className方法设置class属性的值来同时添加多个class)
function scrollToHidden () {
let lastScrollY = 0
const scrollThreshold = 75
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
}
})
}
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)
const videoArea = document.querySelector('.bpx-player-video-area:not([style])')
// 阻止冒泡只对当前监听器生效，禁止全屏滑动和拖动进度条触发侧边栏。要传递参数或用形参，就要用函数而非引用
videoArea.addEventListener('touchstart', event => { event.stopPropagation() })
}
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)
}
/***/ }),
/* 24 */
/***/ ((__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 */ });
/* 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 {position:fixed !important; z-index:-10; visibility:hidden;}',
css6: '.bpx-player-contextmenu {display:none;}',
css7: `
.bili-footer {display: none;}
.vui_pagenation {padding-bottom: var(--actionbar-height);}
`
} // 对象的值可通过 object[key] 获取
readScriptSetting()
waitDOMContentLoaded(() => {
createSettingPanel()
GM_registerMenuCommand('元素隐藏设置', () => document.getElementById('setting-panel-style').classList.add('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>
<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.classList.remove('show')
})
}
}
// 脚本设置
function handleScriptSetting () {
const keyValue = {
key0: 'ban-video-click-play',
key1: 'full-unmuted',
key2: 'ban-action-hidden',
key3: 'message-sidebar-right',
key4: 'menu-dialog-bottom',
key5: 'custom-menu-dialog-bottom',
key6: 'custom-longpress-speed'
}
// 独立对象？遍历元素？
const bottomIndex = 5
const speedIndex = 6
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-right', false)) {
messageSidebarRight()
}
function messageSidebarRight () {
const style = Object.assign(document.createElement('style'), {
id: 'message-sidebar-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-bottom', false)) {
menuDialogBottom()
}
function menuDialogBottom () {
const customBottom = GM_getValue('custom-menu-dialog-bottom', 20)
const style = Object.assign(document.createElement('style'), {
id: 'menu-dialog-bottom',
textContent: `
.v-popover.v-popover {
top: unset !important;
bottom: var(--actionbar-height);
transform: translate(-50%, -${customBottom}px) !important;
}
`
})
document.head.appendChild(style)
}
createSettingPanel()
GM_registerMenuCommand('操作偏好设置', () => document.getElementById('setting-panel-preference').classList.add('show'))
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"><span>消息页侧边栏靠右</span></label>
<label><input type="checkbox" id="menu-dialog-bottom-check"><span>菜单弹窗(收藏、历史等)靠下</span></label>
<label><input type="number" value="20" class="number-1"><span>自定义菜单弹窗底边距</span></label>
<label><input type="number" value="2" class="number-2"><span>自定义视频长按倍速</span></label>
</div>
<button id="setting-conform-2" class="setting-conform">确认</button>
`
})
document.body.appendChild(settingPanel)
const values = Object.values(keyValue) // 返回 [v1, v2]
const checkboxElements = settingPanel.querySelectorAll('.setting-checkboxes input[type="checkbox"]')
for (const [index, value] of values.entries()) { // 返回 [ [1,v1], [2,v2] ]
if (index !== bottomIndex && index !== speedIndex) {
checkboxElements[index].checked = GM_getValue(value, false)
}
}
settingPanel.querySelector('input.number-1[type="number"]').value = GM_getValue(values[bottomIndex], 20)
settingPanel.querySelector('input.number-2[type="number"]').value = GM_getValue(values[speedIndex], 2)
settingPanel.querySelector('#setting-conform-2').addEventListener('click', () => {
const isBanActionHidden = GM_getValue('ban-action-hidden', false)
const ismessageSidebarRight = GM_getValue('message-sidebar-right', false)
const isMenuDialogBottom = GM_getValue('menu-dialog-bottom', false)
const customMenuDialogBottom = GM_getValue('custom-menu-dialog-bottom', 20)
for (const [index, value] of values.entries()) {
if (index !== bottomIndex && index !== speedIndex) {
GM_setValue(value, checkboxElements[index].checked)
}
}
GM_setValue(values[bottomIndex], Number(settingPanel.querySelector('input.number-1[type="number"]').value))
GM_setValue(values[speedIndex], Number(settingPanel.querySelector('input.number-2[type="number"]').value))
settingPanel.classList.remove('show')
if (GM_getValue('ban-action-hidden', false) !== isBanActionHidden) {
isBanActionHidden ? document.getElementById('ban-action-hidden').remove() : banActionHidden()
}
if (GM_getValue('message-sidebar-right', false) !== ismessageSidebarRight) {
ismessageSidebarRight ? document.getElementById('message-sidebar-right').remove() : messageSidebarRight()
}
if (GM_getValue('menu-dialog-bottom', false) !== isMenuDialogBottom) {
isMenuDialogBottom ? document.getElementById('menu-dialog-bottom').remove() : menuDialogBottom()
}
if (GM_getValue('custom-menu-dialog-bottom', 20) !== customMenuDialogBottom) {
document.getElementById('menu-dialog-bottom').remove()
menuDialogBottom()
}
})
}
}
/***/ }),
/* 25 */
/***/ ((__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 */ });
// 控制首页头图函数
function handleHeaderImage () {
const key = 'header-image'
const url = 'https://source.unsplash.com/random/840x400'
const elementSelector = '.bili-header__banner'
loadImage(key, elementSelector)
setTimeout(async () => {
try {
const img = await getImage(url)
const base64Data = imageToBase64(img)
storeImage(key, base64Data)
} catch (error) {
console.error('Failed to get image:', error)
}
}, 5000)
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))
}
}
}
/***/ }),
/* 26 */
/***/ ((__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()
}
let isPortrait = false
function handlePortrait () {
const video = document.querySelector('#bilibili-player video')
video.addEventListener('resize', () => {
// aspectRatio, resize 前宽高为 0
if (video.videoHeight / video.videoWidth > 1) { isPortrait = true }
}, { once: true })
}
// 接管视频点击事件
function handlelVideoClick () {
// 架空双击全屏层以适应竖屏
const videoPerch = document.querySelector('.bpx-player-video-perch')
const videoWrap = document.querySelector('.bpx-player-video-wrap')
const video = videoWrap.querySelector('video')
videoPerch.parentElement.insertBefore(videoWrap, videoPerch)
// 阻止添加 mousemove 监听器以禁用双击时控制栏变化
const videoArea = document.querySelector('.bpx-player-video-area')
const newVideoArea = document.createElement('div')
newVideoArea.className = 'bpx-player-video-area'
videoArea.parentElement.insertBefore(newVideoArea, videoArea.nextSibling)
while (videoArea.firstChild) { newVideoArea.appendChild(videoArea.firstChild) }
videoArea.style.display = 'none'
// safari 内联播放
if (video) { video.playsInline = true }
const controlWrap = document.querySelector('.bpx-player-control-wrap')
let clickTimer = null
let controlWrapTimer = null // 返回值为 id
let isBpxStateShow = false
function hideControlWrap () {
if (!video.paused && !isBpxStateShow) {
controlWrap.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true }))
clearTimeout(controlWrapTimer)
controlWrapTimer = null
}
}
function showControlWrap () {
// view 省略时指向当前窗口
controlWrap.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }))
controlWrapTimer = setTimeout(hideControlWrap, 3000)
}
// 单击监听
videoWrap.addEventListener('click', () => {
clearTimeout(clickTimer)
clickTimer = setTimeout(() => {
controlWrapTimer ? hideControlWrap() : showControlWrap()
if (!GM_getValue('ban-video-click-play', false)) { video.paused ? video.play() : video.pause() } // videoPerch.click()
}, 250)
})
// 观察控制栏按键弹窗
const controlBottom = document.querySelector('.bpx-player-control-bottom-right')
const childObserver = new MutationObserver(mutationsList => {
mutationsList.forEach(mutation => {
if (isBpxStateShow !== mutation.target.classList.contains('bpx-state-show')) {
if (isBpxStateShow) { showControlWrap() } // 关闭窗口会控制栏会 mouseleave
isBpxStateShow = !isBpxStateShow
}
})
})
const controlObserver = new MutationObserver(mutationsList => {
mutationsList.forEach(mutation => {
mutation.addedNodes.forEach(addedNode => {
childObserver.observe(addedNode, { attributes: true, attributeFilter: ['class'] })
clearTimeout(observerTimer)
})
})
})
controlObserver.observe(controlBottom, { childList: true })
const observerTimer = setTimeout(() => { controlObserver.disconnect() }, 3000)
// 双击监听
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()
: videoPerch.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }))
})
}
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 = GM_getValue('custom-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
}
}
}
/***/ }),
/* 27 */
/***/ ((__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 = '展开'
}
})
}
}
/***/ }),
/* 28 */
/***/ ((__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 */ handleSidebar: () => (/* binding */ handleSidebar)
/* harmony export */ });
/* harmony import */ var _category_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(29);
/* global GM_getValue */
/**
* 管理操作栏的函数(DOMContentLoaded 之后)
* fuck: 消息页顶栏不统一
*/
function handleActionbar () {
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)
// window 是全局对象，window.location.href 可省略 window
if (location.hostname === 'www.bilibili.com' && location.pathname === '/') {
actionbar.classList.add('home')
setRefreshBtn()
}
if (location.pathname.startsWith('/video')) {
actionbar.classList.add('video')
setFullbtn()
} else if (location.hostname === 'message.bilibili.com') {
actionbar.classList.add('message')
setSearchBtn('message')
} else {
setTopBtn()
}
if (location.hostname === 'search.bilibili.com') {
actionbar.classList.add('search')
setSearchBtn('search')
setShowMoreBtn()
} else {
setSearchBtn()
}
setHomeBtn()
if (location.hostname !== 'message.bilibili.com') {
setMenuBtn()
}
function setFullbtn () {
let clickTimer = null
const fullBtn = document.getElementById('full-now')
fullBtn.addEventListener('click', () => {
clearTimeout(clickTimer)
clickTimer = setTimeout(() => {
const videoWrap = document.querySelector('.bpx-player-video-wrap')
videoWrap.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }))
if (GM_getValue('full-unmuted', false)) {
const video = document.querySelector('video')
video.play()
video.muted = false
if (video.volume === 0) { document.querySelector('.bpx-player-ctrl-muted-icon').click() }
}
}, 250)
})
fullBtn.addEventListener('dblclick', () => {
clearTimeout(clickTimer)
const video = document.querySelector('video')
video.play()
video.muted = false
if (video.volume === 0) { document.querySelector('.bpx-player-ctrl-muted-icon').click() }
})
}
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/'))
}
/**
* 设置不同页面的搜索事件的函数
* @param {string} page - 简短描述页面的字符串: search, message
*/
function setSearchBtn (page) {
const searchFab = document.getElementById('search-fab')
const svg = searchFab.querySelector('svg')
const searchOverlay = document.createElement('div')
searchOverlay.id = 'search-overlay'
searchFab.appendChild(searchOverlay)
const searchContainer = page === 'message' ? '.nav-search-box' : '.center-search-container'
let searchFabText
if (page === 'search') {
// 底部显示搜索文本
const pageInput = document.querySelector('.search-input input')
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'
}
let clickTimer = null
let handleInput = null
searchFab.addEventListener('click', () => {
clearTimeout(clickTimer)
clickTimer = setTimeout(() => {
const input = document.querySelector(`${searchContainer} input`)
if (input) {
// 滑动时 .center-search-container 的 class 会刷新
document.querySelector(`${searchContainer}`).toggleAttribute('show')
input.focus()
searchOverlay.classList.toggle('show')
searchFab.classList.toggle('active')
if (page === 'search') {
// 移除之前添加的 input 事件监听器
input.removeEventListener('input', handleInput)
// 模拟输入: 将文本填入底部搜索
input.value = searchFabText.textContent
input.dispatchEvent(new Event('input', { bubbles: true }))
// 文本更新到搜索页搜索
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'
}
}
input.addEventListener('input', handleInput)
}
}
}, 300)
})
// 避免点击阴影时 input 先失焦,导致分两次隐藏
searchOverlay.addEventListener('click', () => document.querySelector(`${searchContainer} input`)?.focus())
// 移动端 click 会先触发 touchstart, touchend 和 mousemove
function handleTouchMove () { searchFab.click() && searchOverlay.removeEventListener('touchmove', handleTouchMove)() }
searchOverlay.addEventListener('touchstart', () => searchOverlay.addEventListener('touchmove', handleTouchMove))
searchOverlay.addEventListener('touchend', () => searchOverlay.removeEventListener('touchmove', handleTouchMove))
if (page === 'search') {
searchFab.addEventListener('dblclick', () => {
clearTimeout(clickTimer)
const input = document.querySelector('.center-search-container input')
if (input) {
document.querySelector('.center-search-container').classList.toggle('show')
input.focus()
searchOverlay.classList.toggle('show')
searchFab.classList.toggle('active')
input.value = ''
input.dispatchEvent(new Event('input', { bubbles: true }))
searchFabText.textContent = input.value
searchFab.style.cssText = ''
svg.style.flex = ''
input.removeEventListener('input', handleInput)
// 文本更新到搜索页搜索
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'
}
}
input.addEventListener('input', handleInput)
}
})
}
}
function setMenuBtn () {
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="#copy-category-dialog">分类</li>
<li data-refer=".right-entry--message">消息</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">主页</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')
})
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
sessionStorage.setItem('opened-dailog', refer)
const referElement = document.querySelector(`${refer}`)
referElement.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }))
})
)
menuOverlay.addEventListener('click', event => {
event.stopPropagation()
menu.classList.remove('show')
document.body.removeAttribute('menu')
menuOverlay.classList.remove('show')
menuFab.classList.remove('active')
const refer = sessionStorage.getItem('opened-dailog') || ''
const referElement = document.querySelector(`${refer}`)
referElement.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true }))
})
function handleTouchMove () { menuOverlay.click() && menuOverlay.removeEventListener('touchmove', handleTouchMove)() }
menuOverlay.addEventListener('touchstart', () => menuOverlay.addEventListener('touchmove', handleTouchMove))
menuOverlay.addEventListener('touchend', () => menuOverlay.removeEventListener('touchmove', handleTouchMove))
const categoryDialog = Object.assign(document.createElement('div'), {
className: 'v-popover',
id: 'copy-category-dialog',
innerHTML: _category_html__WEBPACK_IMPORTED_MODULE_0__["default"]
})
const falseHeader = document.createElement('div')
falseHeader.className = 'bili-header false-header'
falseHeader.appendChild(categoryDialog)
document.body.appendChild(falseHeader)
categoryDialog.addEventListener('mouseenter', () => { categoryDialog.style.display = 'block' })
categoryDialog.addEventListener('mouseleave', () => { categoryDialog.style.cssText = '' })
}
function setRefreshBtn () {
const refreshFab = document.getElementById('refresh-fab')
refreshFab.addEventListener('click', document.querySelector('.flexible-roll-btn-inner')?.click)
}
function setShowMoreBtn () {
const showMoreFab = document.getElementById('show-more-fab')
const handleClick = () => {
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', '')
}
}
}
showMoreFab.addEventListener('click', handleClick)
}
}
// 侧边栏(使用 sessionStorage + heade style 绕过 DOM 依赖以解决刷新缓加载导致的内容跳动。head 中的 style 也会暂缓。最后确定是元素在样式表加载前的初始样式问题。)
/**
* 处理侧边栏事件的函数
* @param {string} page - 简短描述页面的字符串: video, message
*/
function handleSidebar (page) {
if (page === 'message') {
handleMessageSidebar()
} else {
handleVideoSidebar()
}
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 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)
}
}
/***/ }),
/* 29 */
/***/ ((__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=\"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>";
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
/***/ })
/******/ ]);
/************************************************************************/
/******/ // 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;
/******/ }
/******/
/************************************************************************/
/******/ /* 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/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__(15);
/* harmony import */ var _style_search_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(17);
/* harmony import */ var _style_user_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(19);
/* harmony import */ var _style_message_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21);
/* harmony import */ var _window_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(23);
/* harmony import */ var _setting_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24);
/* harmony import */ var _header_image_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(25);
/* harmony import */ var _video_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(26);
/* harmony import */ var _element_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(27);
/* harmony import */ var _actionbar_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(28);
// @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)()
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,_header_image_js__WEBPACK_IMPORTED_MODULE_9__.handleHeaderImage)()
}
(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptPreSetting)()
waitDOMContentLoaded(() => {
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_12__.handleActionbar)()
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptSetting)()
if (location.pathname.startsWith('/video')) {
(0,_video_js__WEBPACK_IMPORTED_MODULE_10__.videoInteraction)()
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_12__.handleSidebar)()
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)('video')
} else {
(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)()
}
})
break
case 'search':
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptPreSetting)()
waitDOMContentLoaded(() => {
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_12__.handleActionbar)()
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptSetting)()
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)('search')
})
break
case 'space':
break
case 'message':
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptPreSetting)()
waitDOMContentLoaded(() => {
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_12__.handleActionbar)()
;(0,_setting_js__WEBPACK_IMPORTED_MODULE_8__.handleScriptSetting)()
;(0,_actionbar_js__WEBPACK_IMPORTED_MODULE_12__.handleSidebar)('message')
;(0,_window_js__WEBPACK_IMPORTED_MODULE_7__.handleScroll)('message')
;(0,_element_js__WEBPACK_IMPORTED_MODULE_11__.createUnfoldBtn)()
})
break
default:
break
}
})()
})();
/******/ })()
;
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址