// ==UserScript==
// @name 哔哩哔哩电脑网页版手机端适配优化脚本简洁版
// @namespace http://tampermonkey.net/
// @version 132.43
// @description B站电脑版网页手机端适配（CSS为主，JS只补CSS做不到的事）。通用：隐藏PC头部/侧栏/页脚，内置52px搜索栏（综合·直播·专栏·用户互切），全站两列卡片，禁止横向溢出。搜索页：+必含/-排除 屏蔽语法并显示过滤条数。视频·播放列表·番剧页：播放器16:9满宽、控制栏手机化、右滑呼出右侧列表、全屏同步。动态·话题·opus：卡片两列、评论区对齐。UP主空间：两列、信息卡固定屏内。直播间：只留播放器+聊天区，双击进出原生全屏，返回键先退全屏，控制栏只留时间与清晰度，遮罩铺满。
// @author YourName
// @match *://*.bilibili.com/*
// @grant none
// @run-at document-start
// @license All Rights Reserved
// ==/UserScript==
(function () {
'use strict';
const isHome = () => {
const h = location.hostname, p = location.pathname;
return (h === 'www.bilibili.com' || h === 'bilibili.com') &&
(p === '/' || p === '/index.html' || p === '');
};
const isVideoPage = () => location.hostname === 'www.bilibili.com' && /^\/video\//.test(location.pathname);
const isListPage = () => location.hostname === 'www.bilibili.com' &&
(/^\/list\//.test(location.pathname) || /^\/medialist\/play\//.test(location.pathname));
const isBangumiPage = () => location.hostname === 'www.bilibili.com' && /^\/bangumi\/play\//.test(location.pathname);
const isTBiliDynamic = () => location.hostname === 't.bilibili.com';
const isMusicPage = () => {
const h = location.hostname, p = location.pathname;
if (h === 'www.bilibili.com' || h === 'bilibili.com') {
if (/^\/(audio|music)\//.test(p)) return true;
}
try {
return !!document.querySelector('#music-container.audioplayer');
} catch (e) { return false; }
};
const isOpusPage = () => {
const h = location.hostname, p = location.pathname;
return (h === 'www.bilibili.com' || h === 'bilibili.com') &&
(/^\/opus\//.test(p) || /^\/read\//.test(p));
};
const isSearchPage = () => location.hostname === 'search.bilibili.com';
const isSpacePage = () => location.hostname === 'space.bilibili.com';
const isLiveRoomPage = () => {
if (location.hostname !== 'live.bilibili.com') return false;
const p = location.pathname;
if (/^\/(live-center|studio|activity|blackboard|h5|p)(\/|$)/.test(p)) return false;
return /^\/blanc\/\d+/.test(p) || /^\/\d+(\/|$)/.test(p);
};
function installShadowRootPatch() {
if (installShadowRootPatch._installed) return;
installShadowRootPatch._installed = true;
const originalAttachShadow = Element.prototype.attachShadow;
Element.prototype.attachShadow = function(init) {
const shadowRoot = originalAttachShadow.call(this, init);
if (init.mode === 'open' && (isVideoPage() || isBangumiPage() || isListPage() || isTBiliDynamic() || isOpusPage())) {
try {
const style = document.createElement('style');
style.setAttribute('data-bili-mobile-hidden', 'true');
style.textContent = `
bili-comment-box, #commentbox { display: none !important; visibility: hidden !important; height: 0 !important; }
#like, #dislike, #reply, #more { display: none !important; visibility: hidden !important; height: 0 !important; }
bili-comments-vote-card, #vote { display: none !important; visibility: hidden !important; height: 0 !important; }
bili-comments-header-renderer { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#header { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#contents { margin-top: 0 !important; padding-top: 0 !important; }
`;
shadowRoot.appendChild(style);
} catch (e) {}
}
return shadowRoot;
};
}
function fixViewport() {
const apply = () => {
const root = document.head || document.documentElement;
if (!root) return;
let vp = document.querySelector('meta[name="viewport"]');
if (!vp) {
vp = document.createElement('meta');
vp.name = 'viewport';
root.appendChild(vp);
}
const content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover';
if (vp.getAttribute('content') !== content) {
vp.setAttribute('content', content);
}
};
apply();
[0, 50, 200, 500, 1000, 2000, 5000].forEach(t => setTimeout(apply, t));
document.addEventListener('DOMContentLoaded', apply);
window.addEventListener('load', apply);
try {
const obs = new MutationObserver(() => apply());
obs.observe(document.head || document.documentElement, {
childList: true, subtree: true, attributes: true, attributeFilter: ['content']
});
} catch (e) {}
}
function injectStyle() {
if (document.getElementById('bili-mobile-style')) return;
const root = document.head || document.documentElement;
if (!root) { setTimeout(injectStyle, 0); return; }
const style = document.createElement('style');
style.id = 'bili-mobile-style';
style.textContent = `
html, body {
background-color: #ffffff !important;
width: 100% !important;
max-width: 100vw !important;
min-width: 0 !important;
overflow-x: hidden !important;
margin: 0 !important;
padding: 0 !important;
overscroll-behavior-y: none !important;
}
html { background-color: #ffffff !important; }
* { box-sizing: border-box !important; }
body:not(.video-fullscreen) > * {
max-width: 100vw !important;
}
.bili-header, .international-header, .mini-header,
#biliMainHeader, .bili-header-m, .nav-menu {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
#bili-header-container,
.bili-header--mini,
.bili-header--fixed {
display: none !important;
height: 0 !important;
overflow: hidden !important;
}
#my-bili-searchbar {
position: fixed !important;
top: 0 !important; left: 0 !important; right: 0 !important;
width: 100% !important;
max-width: 100vw !important;
height: 52px !important;
background: #ffffff !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
z-index: 2147483646 !important;
display: flex !important;
align-items: center !important;
padding: 0 10px !important;
box-sizing: border-box !important;
gap: 8px !important;
}
#my-bili-dynamic-btn {
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 36px !important;
padding: 0 10px !important;
background: #f1f2f3 !important;
border-radius: 18px !important;
color: #18191c !important;
text-decoration: none !important;
cursor: pointer !important;
white-space: nowrap !important;
user-select: none !important;
}
#my-bili-dynamic-btn:active { background: #e3e5e7 !important; }
#my-bili-dynamic-btn svg { width: 18px !important; height: 18px !important; flex-shrink: 0 !important; color: #18191c !important; }
#my-bili-searchbar .my-search-wrap {
flex: 1 !important;
display: flex !important;
align-items: center !important;
background: #f1f2f3 !important;
border-radius: 20px !important;
height: 36px !important;
padding: 0 6px 0 14px !important;
overflow: hidden !important;
min-width: 0 !important;
}
#my-bili-searchbar #my-bili-search-input {
flex: 1 !important;
border: none !important;
outline: none !important;
background: transparent !important;
font-size: 14px !important;
color: #18191c !important;
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
min-width: 0 !important;
-webkit-appearance: none !important;
appearance: none !important;
}
#my-bili-searchbar #my-bili-search-input::placeholder { color: #9499a0 !important; }
#my-bili-searchbar .my-search-btn {
width: 32px !important; height: 32px !important;
border-radius: 50% !important;
border: none !important;
background: transparent !important;
color: #61666d !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
#my-bili-order-btn {
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: 36px !important;
padding: 0 !important;
background: #f1f2f3 !important;
border-radius: 50% !important;
color: #18191c !important;
font-size: 13px !important;
cursor: pointer !important;
white-space: nowrap !important;
user-select: none !important;
-webkit-tap-highlight-color: transparent !important;
}
#my-bili-order-btn:active { background: #e3e5e7 !important; }
#my-bili-order-btn svg {
width: 18px !important;
height: 18px !important;
flex-shrink: 0 !important;
color: #18191c !important;
}
.my-bili-menu-cb {
position: absolute !important;
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
appearance: none !important;
-webkit-appearance: none !important;
}
#my-bili-switch-btn {
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: 36px !important;
padding: 0 !important;
background: #f1f2f3 !important;
border-radius: 50% !important;
color: #18191c !important;
font-size: 13px !important;
cursor: pointer !important;
white-space: nowrap !important;
user-select: none !important;
-webkit-tap-highlight-color: transparent !important;
}
#my-bili-switch-btn:active { background: #e3e5e7 !important; }
#my-bili-switch-btn svg { width: 18px !important; height: 18px !important; flex-shrink: 0 !important; }
#my-bili-order-btn .order-label,
#my-bili-switch-btn .switch-label,
#my-bili-order-btn .my-bili-menu-caret,
#my-bili-switch-btn .my-bili-menu-caret {
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
#my-bili-order-cb:checked ~ #my-bili-order-btn,
#my-bili-switch-cb:checked ~ #my-bili-switch-btn {
background: #e3e5e7 !important;
}
#my-bili-order-cb:checked ~ #my-bili-order-btn svg,
#my-bili-switch-cb:checked ~ #my-bili-switch-btn svg {
color: #00aeec !important;
}
#my-bili-order-btn.is-open,
#my-bili-switch-btn.is-open {
background: #e3e5e7 !important;
}
#my-bili-order-btn.is-open svg,
#my-bili-switch-btn.is-open svg {
color: #00aeec !important;
}
#my-bili-order-row.is-open,
#my-bili-switch-row.is-open {
display: flex !important;
}
.my-bili-menu-row {
display: none !important;
position: absolute !important;
top: 52px !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: 52px !important;
padding: 0 10px !important;
box-sizing: border-box !important;
background: #ffffff !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important;
align-items: center !important;
gap: 8px !important;
z-index: 1 !important;
}
#my-bili-order-cb:checked ~ #my-bili-order-row,
#my-bili-switch-cb:checked ~ #my-bili-switch-row {
display: flex !important;
}
.my-bili-menu-item {
flex: 1 1 0 !important;
min-width: 0 !important;
height: 36px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #f1f2f3 !important;
border-radius: 18px !important;
color: #61666d !important;
font-size: 13px !important;
text-decoration: none !important;
cursor: pointer !important;
white-space: nowrap !important;
overflow: hidden !important;
-webkit-tap-highlight-color: transparent !important;
}
.my-bili-menu-item:active { background: #e3e5e7 !important; }
.my-bili-menu-item.is-current {
background: #00aeec !important;
color: #ffffff !important;
font-weight: 600 !important;
}
body.bili-home-page { padding-top: 52px !important; }
body.bili-home-page .banner,
body.bili-home-page .bili-banner,
body.bili-home-page .carousel,
body.bili-home-page .carousel-container,
body.bili-home-page .carousel-area,
body.bili-home-page .carousel-area-img,
body.bili-home-page .recommend-banner,
body.bili-home-page [class*="carousel"],
body.bili-home-page [class*="vui_carousel"],
body.bili-home-page .recommended-swipe,
body.bili-home-page .recommended-swipe-body,
body.bili-home-page .recommended-swipe-body-normal,
body.bili-home-page .floor,
body.bili-home-page .bili-floor,
body.bili-home-page .floor-single-card,
body.bili-home-page .fixed-sidebar,
body.bili-home-page .go-top,
body.bili-home-page .bili-fixed-sidebar,
body.bili-home-page .footer,
body.bili-home-page .bili-footer,
body.bili-home-page .international-footer,
body.bili-home-page .mini-footer,
body.bili-home-page .ad-report,
body.bili-home-page .ad-floor,
body.bili-home-page .channel-menu,
body.bili-home-page .nav-channel,
body.bili-home-page .bili-header__channel,
body.bili-home-page .bili-header__channel-sticky,
body.bili-home-page .header-channel,
body.bili-home-page .bili-header-channel,
body.bili-home-page .nav-channel-list,
body.bili-home-page [class*="channel"][class*="header"],
body.bili-home-page [class*="header"][class*="channel"],
body.bili-home-page .header-nav,
body.bili-home-page .nav-bar,
body.bili-home-page .roll-btn,
body.bili-home-page .roll-btn-text,
body.bili-home-page .feed-roll-btn,
body.bili-home-page [class*="roll-btn"],
body.bili-home-page .bili-header__menu,
body.bili-home-page .bili-header__bar,
body.bili-home-page .bili-header-banner-img,
body.bili-home-page .banner-img,
body.bili-home-page .animated-banner,
body.bili-home-page .taper-line,
body.bili-home-page .palette-button-outer,
body.bili-home-page .palette-feed4,
body.bili-home-page [class*="right-side"],
body.bili-home-page [class*="right-bar"],
body.bili-home-page [class*="right-tool"],
body.bili-home-page [class*="side-tool"],
body.bili-home-page [class*="toolbar"],
body.bili-home-page [class*="feedback"],
body.bili-home-page [class*="customer-service"],
body.bili-home-page [class*="service-btn"],
body.bili-home-page [class*="back-top"],
body.bili-home-page [class*="goto-top"],
body.bili-home-page [class*="to-top"],
body.bili-home-page .go-top,
body.bili-home-page .bili-go-top {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-home-page .container,
body.bili-home-page .container.is-version8,
body.bili-home-page .recommended-container_floor-aside .container {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-grid-gap: 8px !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
padding: 8px !important;
margin: 0 !important;
background-color: #f1f2f3 !important;
box-sizing: border-box !important;
align-items: start !important;
align-content: start !important;
grid-auto-rows: auto !important;
}
body.bili-home-page .bili-feed4,
body.bili-home-page .bili-feed4-layout,
body.bili-home-page .feed2,
body.bili-home-page .recommended-container_floor-aside {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-home-page .bili-feed4 * { max-width: 100% !important; }
body.bili-home-page .container > .feed-card,
body.bili-home-page .container > .bili-feed-card {
display: contents !important;
}
body.bili-home-page .container > .feed-card:not(:has(.bili-video-card__wrap)):not(:has(.bili-live-card__wrap)),
body.bili-home-page .container > .bili-feed-card:not(:has(.bili-video-card__wrap)):not(:has(.bili-live-card__wrap)),
body.bili-home-page .container > .feed-card:has(.bili-video-card__info--ad),
body.bili-home-page .container > .feed-card:has(.bili-video-card__info--creative-ad),
body.bili-home-page .container > .feed-card:has([href^="//cm.bilibili.com/cm/api/"]),
body.bili-home-page .container > .bili-feed-card:has(.bili-video-card__info--ad),
body.bili-home-page .container > .bili-feed-card:has(.bili-video-card__info--creative-ad),
body.bili-home-page .container > .bili-feed-card:has([href^="//cm.bilibili.com/cm/api/"]) {
display: none !important;
}
html:has(body.bili-search-page),
body.bili-search-page {
width: 100vw !important;
max-width: 100vw !important;
min-width: 0 !important;
overflow-x: hidden !important;
padding: 0 !important;
margin: 0 !important;
background-color: #f1f2f3 !important;
}
body.bili-search-page { padding-top: 52px !important; }
html body.bili-search-page #app,
html body.bili-search-page #app > div,
html body.bili-search-page #app .search-layout,
html body.bili-search-page #app .search-layout.clearfix,
html body.bili-search-page #app .search-layout.clearfix > div,
html body.bili-search-page #app .search-content,
html body.bili-search-page #app .search-content--gray,
html body.bili-search-page #app .search-content--gray.search-content,
html body.bili-search-page #app .search-page-wrapper,
html body.bili-search-page #app .search-page,
html body.bili-search-page #app .search-page.search-page-all,
html body.bili-search-page #app .search-page.search-page-article,
html body.bili-search-page #app .search-page.search-page-upuser,
html body.bili-search-page #app .search-page.search-page-live,
html body.bili-search-page #app .search-page > div,
html body.bili-search-page #app .video.i_wrapper,
html body.bili-search-page #app .video.i_wrapper.search-all-list,
body.bili-search-page #app,
body.bili-search-page #app > div,
body.bili-search-page .search-layout,
body.bili-search-page .search-layout > div,
body.bili-search-page .search-content,
body.bili-search-page .search-content--gray,
body.bili-search-page .search-page-wrapper,
body.bili-search-page .search-page,
body.bili-search-page .search-page > div,
body.bili-search-page .video.i_wrapper,
body.bili-search-page .video.i_wrapper.search-all-list {
background: #f1f2f3 !important;
background-color: #f1f2f3 !important;
background-image: none !important;
}
body.bili-search-page .search-page-upuser .search-conditions,
body.bili-search-page .search-page-upuser .search-conditions.mt_lg,
body.bili-search-page .search-page-upuser .conditions-order,
body.bili-search-page .search-page-upuser .more-conditions,
body.bili-search-page .search-page-upuser .condition-row,
body.bili-search-page .search-page-upuser .i_button_more {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-search-page .search-page-upuser > div:nth-of-type(1) {
padding: 0 !important;
margin: 0 !important;
min-height: 0 !important;
height: auto !important;
}
html body.bili-search-page #app .search-page-upuser .b-user-info-card,
body.bili-search-page .search-page-upuser .b-user-info-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
html body.bili-search-page #app .search-page-upuser .b-user-info-card .user-content,
html body.bili-search-page #app .search-page-upuser .b-user-info-card .user-content.pr_md,
body.bili-search-page .search-page-upuser .b-user-info-card .user-content,
body.bili-search-page .search-page-upuser .b-user-info-card .user-content.pr_md {
padding-right: 0 !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
html body.bili-search-page #app .search-page-upuser .media-list > [class*="col_"]:last-child,
html body.bili-search-page #app .search-page-upuser .media-list > [class*="col_md_"]:last-child,
body.bili-search-page .search-page-upuser .media-list > [class*="col_"]:last-child,
body.bili-search-page .search-page-upuser .media-list > [class*="col_md_"]:last-child {
margin-bottom: 0 !important;
}
html body.bili-search-page #app .search-page-upuser .media-list,
body.bili-search-page .search-page-upuser .media-list {
padding-bottom: 0 !important;
}
html body.bili-search-page #app .search-page-upuser .mt_x50.mb_lg,
html body.bili-search-page #app .search-page-upuser .flex_center.mt_x50,
body.bili-search-page .search-page-upuser .mt_x50.mb_lg,
body.bili-search-page .search-page-upuser .flex_center.mt_x50 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
html body.bili-search-page #app .search-page-article .search-conditions,
html body.bili-search-page #app .search-page-article .search-conditions.mt_lg,
html body.bili-search-page #app .search-page-article .conditions-order,
html body.bili-search-page #app .search-page-article .condition-row,
html body.bili-search-page #app .search-page-article .i_button_more,
body.bili-search-page .search-page-article .search-conditions,
body.bili-search-page .search-page-article .search-conditions.mt_lg,
body.bili-search-page .search-page-article .conditions-order,
body.bili-search-page .search-page-article .condition-row,
body.bili-search-page .search-page-article .i_button_more {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
html body.bili-search-page #app .search-page-article > div:nth-of-type(1),
body.bili-search-page .search-page-article > div:nth-of-type(1) {
padding: 0 !important;
margin: 0 !important;
min-height: 0 !important;
height: auto !important;
}
html body.bili-search-page #app .search-page-article .b-article-card,
body.bili-search-page .search-page-article .b-article-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
html body.bili-search-page #app .search-page-article .b-article-card .article-content,
html body.bili-search-page #app .search-page-article .b-article-card .article-content.pr_md,
body.bili-search-page .search-page-article .b-article-card .article-content,
body.bili-search-page .search-page-article .b-article-card .article-content.pr_md {
padding-right: 4px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
html body.bili-search-page #app .search-page-article .media-list [class*="col_6"],
html body.bili-search-page #app .search-page-article .media-list [class*="col_md_4"],
html body.bili-search-page #app .search-page-article .media-list .mb_x40,
html body.bili-search-page #app .search-page-article .media-list > div,
body.bili-search-page .search-page-article .media-list [class*="col_6"],
body.bili-search-page .search-page-article .media-list [class*="col_md_4"],
body.bili-search-page .search-page-article .media-list .mb_x40,
body.bili-search-page .search-page-article .media-list > div {
margin-bottom: 8px !important;
margin-top: 0 !important;
}
html body.bili-search-page #app .search-page-article .b-article-card,
html body.bili-search-page #app .search-page-article .b-article-card.b-article-card,
body.bili-search-page .search-page-article .b-article-card,
body.bili-search-page .search-page-article .b-article-card.b-article-card {
background: #ffffff !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
overflow: hidden !important;
box-sizing: border-box !important;
position: relative !important;
}
html body.bili-search-page #app .search-page-article .article-banner,
body.bili-search-page .search-page-article .article-banner {
border-radius: 8px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
html body.bili-search-page #app .search-page-article .b-article-card,
body.bili-search-page .search-page-article .b-article-card {
align-items: stretch !important;
min-height: 116px !important;
}
html body.bili-search-page #app .search-page-article .article-banner,
body.bili-search-page .search-page-article .article-banner {
height: auto !important;
align-self: stretch !important;
min-height: 116px !important;
max-height: none !important;
flex-shrink: 0 !important;
position: relative !important;
}
html body.bili-search-page #app .search-page-article .article-banner > a,
html body.bili-search-page #app .search-page-article .article-banner a,
html body.bili-search-page #app .search-page-article .article-banner picture,
body.bili-search-page .search-page-article .article-banner > a,
body.bili-search-page .search-page-article .article-banner a,
body.bili-search-page .search-page-article .article-banner picture {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
html body.bili-search-page #app .search-page-article .article-banner img,
body.bili-search-page .search-page-article .article-banner img {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
box-sizing: border-box !important;
}
html body.bili-search-page #app .search-page-article .b-article-card .article-content,
body.bili-search-page .search-page-article .b-article-card .article-content {
align-self: stretch !important;
height: auto !important;
max-height: none !important;
overflow: hidden !important;
}
html body.bili-search-page #app .search-page-article .atc-author,
html body.bili-search-page #app .search-page-article .b-article-card .atc-author,
html body.bili-search-page #app .search-page-article .article-content .atc-author,
body.bili-search-page .search-page-article .atc-author,
body.bili-search-page .search-page-article .b-article-card .atc-author,
body.bili-search-page .search-page-article .article-content .atc-author {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
html body.bili-search-page #app .search-page-article .atc-author > a,
body.bili-search-page .search-page-article .atc-author > a {
display: flex !important;
flex: 0 1 auto !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
html body.bili-search-page #app .search-page-article .atc-author > a > span,
html body.bili-search-page #app .search-page-article .atc-author > a .lh_xs,
body.bili-search-page .search-page-article .atc-author > a > span,
body.bili-search-page .search-page-article .atc-author > a .lh_xs {
display: block !important;
flex: 0 1 auto !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
box-sizing: border-box !important;
}
html body.bili-search-page #app .search-page-article .atc-author > a > svg,
body.bili-search-page .search-page-article .atc-author > a > svg {
flex: 0 0 auto !important;
max-width: 18px !important;
}
html body.bili-search-page #app .search-page-article .atc-author > span,
html body.bili-search-page #app .search-page-article .atc-author .ml_4,
body.bili-search-page .search-page-article .atc-author > span,
body.bili-search-page .search-page-article .atc-author .ml_4 {
display: block !important;
flex: 0 0 auto !important;
min-width: 0 !important;
max-width: none !important;
overflow: visible !important;
white-space: nowrap !important;
text-overflow: clip !important;
box-sizing: border-box !important;
}
html body.bili-search-page #app .search-page-article .media-list > [class*="col_"]:last-child,
html body.bili-search-page #app .search-page-article .media-list > [class*="col_md_"]:last-child,
body.bili-search-page .search-page-article .media-list > [class*="col_"]:last-child,
body.bili-search-page .search-page-article .media-list > [class*="col_md_"]:last-child {
margin-bottom: 0 !important;
}
html body.bili-search-page #app .search-page-article .media-list,
body.bili-search-page .search-page-article .media-list {
padding-bottom: 0 !important;
}
html body.bili-search-page #app .search-page-article .mt_x50.mb_lg,
html body.bili-search-page #app .search-page-article .flex_center.mt_x50,
body.bili-search-page .search-page-article .mt_x50.mb_lg,
body.bili-search-page .search-page-article .flex_center.mt_x50 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
html body.bili-search-page #app .search-page-live .live-condition,
html body.bili-search-page #app .search-page-live .live-condition.mt_xxl,
html body.bili-search-page #app .search-page-live .live-condition.mt_lg,
body.bili-search-page .search-page-live .live-condition,
body.bili-search-page .search-page-live .live-condition.mt_xxl,
body.bili-search-page .search-page-live .live-condition.mt_lg {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
html body.bili-search-page #app .search-page-live .live-user,
html body.bili-search-page #app .search-page-live .live-user.mt_xxl,
html body.bili-search-page #app .search-page-live .live-user.mt_xl,
body.bili-search-page .search-page-live .live-user,
body.bili-search-page .search-page-live .live-user.mt_xxl,
body.bili-search-page .search-page-live .live-user.mt_xl {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
html body.bili-search-page #app .search-page-live .live-user,
html body.bili-search-page #app .search-page-live .live-user.mt_xxl,
body.bili-search-page .search-page-live .live-user,
body.bili-search-page .search-page-live .live-user.mt_xxl {
margin-top: 0 !important;
margin-bottom: 0 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
html body.bili-search-page #app .search-page-live .live-user-cards,
html body.bili-search-page #app .search-page-live .live-user-cards.row,
html body.bili-search-page #app .search-page-live .live-user-cards.row.mt_lg,
body.bili-search-page .search-page-live .live-user-cards,
body.bili-search-page .search-page-live .live-user-cards.row,
body.bili-search-page .search-page-live .live-user-cards.row.mt_lg {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 8px 0 0 0 !important;
padding: 0 8px !important;
box-sizing: border-box !important;
float: none !important;
}
html body.bili-search-page #app .search-page-live .live-user-cards > [class*="col_"],
html body.bili-search-page #app .search-page-live .live-user-cards > [class*="col_md_"],
body.bili-search-page .search-page-live .live-user-cards > [class*="col_"],
body.bili-search-page .search-page-live .live-user-cards > [class*="col_md_"] {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 0 8px 0 !important;
box-sizing: border-box !important;
float: none !important;
}
html body.bili-search-page #app .search-page-live .live-user-cards > [class*="col_"]:last-child,
body.bili-search-page .search-page-live .live-user-cards > [class*="col_"]:last-child {
margin-bottom: 0 !important;
}
html body.bili-search-page #app .search-page-live .b-user-live-card,
html body.bili-search-page #app .search-page-live .b-user-live-card.b-user-live-card,
body.bili-search-page .search-page-live .b-user-live-card,
body.bili-search-page .search-page-live .b-user-live-card.b-user-live-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
height: auto !important;
display: flex !important;
background: #ffffff !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
overflow: hidden !important;
box-sizing: border-box !important;
float: none !important;
}
html body.bili-search-page #app .search-page-live .live-room,
body.bili-search-page .search-page-live .live-room {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-top: 8px !important;
margin-bottom: 0 !important;
}
html body.bili-search-page #app .search-page-live .live-room-cards,
html body.bili-search-page #app .search-page-live .live-room-cards.row,
html body.bili-search-page #app .search-page-live .live-room-cards.row.mt_lg,
body.bili-search-page .search-page-live .live-room-cards,
body.bili-search-page .search-page-live .live-room-cards.row,
body.bili-search-page .search-page-live .live-room-cards.row.mt_lg {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-gap: 8px !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 8px 0 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
list-style: none !important;
align-items: start !important;
align-content: start !important;
grid-auto-rows: auto !important;
float: none !important;
}
html body.bili-search-page #app .search-page-live .live-room-cards > *,
html body.bili-search-page #app .search-page-live .live-room-cards > [class*="col_"],
html body.bili-search-page #app .search-page-live .live-room-cards > [class*="video-list-item"],
body.bili-search-page .search-page-live .live-room-cards > *,
body.bili-search-page .search-page-live .live-room-cards > [class*="col_"],
body.bili-search-page .search-page-live .live-room-cards > [class*="video-list-item"] {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
float: none !important;
position: static !important;
flex: 1 1 auto !important;
}
html body.bili-search-page #app .search-page-live .bili-live-card,
body.bili-search-page .search-page-live .bili-live-card {
min-height: 172px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
html body.bili-search-page #app .search-page-live .live-room > h1,
html body.bili-search-page #app .search-page-live .live-room > h1.room-header,
body.bili-search-page .search-page-live .live-room > h1,
body.bili-search-page .search-page-live .live-room > h1.room-header {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
padding: 0 8px !important;
margin: 0 0 8px 0 !important;
box-sizing: border-box !important;
}
html body.bili-search-page #app .search-page-live .live-room h1 > span.flex_start,
body.bili-search-page .search-page-live .live-room h1 > span.flex_start {
font-size: 0 !important;
line-height: 0 !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
}
html body.bili-search-page #app .search-page-live .live-room .room-order,
body.bili-search-page .search-page-live .live-room .room-order {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
html body.bili-search-page #app .search-page-live .live-room .ml_md,
body.bili-search-page .search-page-live .live-room .ml_md {
font-size: 14px !important;
line-height: 20px !important;
display: inline-block !important;
max-width: 100% !important;
margin-left: 0 !important;
white-space: nowrap !important;
}
html body.bili-search-page #app .search-page-live .live-room-cards > *:last-child,
body.bili-search-page .search-page-live .live-room-cards > *:last-child {
margin-bottom: 0 !important;
}
#my-bili-filterbar {
position: fixed !important;
top: 52px !important;
left: 0 !important;
right: 0 !important;
z-index: 2147483645 !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
height: 30px !important;
padding: 0 10px !important;
background: #fff7f7 !important;
border-bottom: 1px solid #ffe3e3 !important;
color: #61666d !important;
font-size: 12px !important;
line-height: 30px !important;
box-sizing: border-box !important;
overflow-x: auto !important;
overflow-y: hidden !important;
white-space: nowrap !important;
-webkit-overflow-scrolling: touch !important;
}
#my-bili-filterbar .fb-label {
flex-shrink: 0 !important;
color: #9499a0 !important;
}
#my-bili-filterbar .fb-word {
flex-shrink: 0 !important;
height: 20px !important;
padding: 0 8px !important;
line-height: 20px !important;
background: #ffe0e0 !important;
color: #e34d59 !important;
border-radius: 10px !important;
}
#my-bili-filterbar .fb-count {
flex-shrink: 0 !important;
margin-left: auto !important;
color: #9499a0 !important;
}
#my-bili-filterbar .fb-clear {
flex-shrink: 0 !important;
padding: 0 4px 0 8px !important;
color: #00aeec !important;
cursor: pointer !important;
user-select: none !important;
-webkit-tap-highlight-color: transparent !important;
}
body.has-filter-bar { padding-top: 82px !important; }
body.bili-search-page * {
max-width: 100% !important;
box-sizing: border-box !important;
}
body.bili-search-page img,
body.bili-search-page video,
body.bili-search-page picture {
max-width: 100% !important;
height: auto !important;
}
html body.bili-search-page #app,
html body.bili-search-page #app > div,
html body.bili-search-page #search-app,
html body.bili-search-page #app .search-layout,
html body.bili-search-page #app .search-layout.clearfix,
html body.bili-search-page #app .search-content,
html body.bili-search-page #app .search-content--gray,
html body.bili-search-page #app .search-page-wrapper,
html body.bili-search-page #app .search-page,
html body.bili-search-page #app .search-page.search-page-all,
html body.bili-search-page #app .search-page > div,
html body.bili-search-page #app .video.i_wrapper,
html body.bili-search-page #app .video.i_wrapper.search-all-list,
html body.bili-search-page #app .i_wrapper,
html body.bili-search-page #app .i_wrapper.mt_xxl,
body.bili-search-page .i_wrapper,
body.bili-search-page .i_wrapper.mt_xxl,
html body.bili-search-page #app .search-all-list,
body.bili-search-page .search-container,
body.bili-search-page .search-result,
body.bili-search-page .search-result-wrapper,
body.bili-search-page .search-page-container,
body.bili-search-page .search-page-content,
body.bili-search-page .video-list-container {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
box-sizing: border-box !important;
position: static !important;
left: 0 !important;
right: 0 !important;
transform: none !important;
overflow-x: hidden !important;
float: none !important;
}
body.bili-search-page .bili-header,
body.bili-search-page .international-header,
body.bili-search-page .mini-header,
body.bili-search-page #biliMainHeader,
body.bili-search-page #bili-header-container,
body.bili-search-page .bili-header--mini,
body.bili-search-page .bili-header--fixed,
body.bili-search-page .bili-header__bar,
body.bili-search-page .bili-header__menu,
body.bili-search-page .nav-menu,
body.bili-search-page .channel-menu,
body.bili-search-page .nav-channel,
body.bili-search-page .header-channel,
body.bili-search-page .nav-bar,
body.bili-search-page .footer,
body.bili-search-page .bili-footer,
body.bili-search-page .international-footer,
body.bili-search-page .mini-footer,
body.bili-search-page .go-top,
body.bili-search-page .bili-go-top,
body.bili-search-page [class*="back-top"],
body.bili-search-page [class*="to-top"],
body.bili-search-page [class*="right-side"],
body.bili-search-page [class*="right-bar"],
body.bili-search-page [class*="right-tool"],
body.bili-search-page [class*="side-tool"],
body.bili-search-page [class*="toolbar"],
body.bili-search-page [class*="feedback"],
body.bili-search-page [class*="customer-service"],
body.bili-search-page [class*="service-btn"],
body.bili-search-page .ad-report,
body.bili-search-page .ad-floor,
body.bili-search-page .fixed-sidebar,
body.bili-search-page .bili-fixed-sidebar {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-search-page .search-condition,
body.bili-search-page .search-condition-wrapper,
body.bili-search-page .filter-wrap,
body.bili-search-page .search-filter,
body.bili-search-page .left-search-filter,
body.bili-search-page .search-page-left,
body.bili-search-page aside.left,
body.bili-search-page .search-filters,
body.bili-search-page .search-condition-left,
body.bili-search-page .search-header,
body.bili-search-page .search-navbar,
body.bili-search-page .nav-search,
body.bili-search-page .search-input,
body.bili-search-page .search-input-container,
body.bili-search-page .bili-header__search,
body.bili-search-page [class*="search-header"],
body.bili-search-page [class*="search-nav"],
body.bili-search-page .search-hot,
body.bili-search-page .hot-search,
body.bili-search-page .search-trending,
body.bili-search-page .trending,
body.bili-search-page [class*="hot-word"],
body.bili-search-page [class*="hotsearch"] {
display: none !important;
visibility: hidden !important;
}
body.bili-search-page .activity-game-list,
body.bili-search-page .user-list,
body.bili-search-page .activity-game-list-wrap {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
html body.bili-search-page #app .video-list,
html body.bili-search-page #app .video-list.row,
html body.bili-search-page #app .search-video-list,
html body.bili-search-page #app .card-list,
html body.bili-search-page #app .search-result-list,
html body.bili-search-page #app ul.video-list,
html body.bili-search-page #app .search-page-video-list,
html body.bili-search-page #app .search-all-list > .video-list,
html body.bili-search-page #app .search-all-list > .video-list.row,
html body.bili-search-page #app .video.i_wrapper.search-all-list > .video-list,
html body.bili-search-page #app .video.i_wrapper.search-all-list > .video-list.row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-gap: 8px !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
padding: 8px !important;
margin: 0 !important;
background-color: #f1f2f3 !important;
box-sizing: border-box !important;
list-style: none !important;
align-items: start !important;
align-content: start !important;
grid-auto-rows: auto !important;
float: none !important;
position: static !important;
}
html body.bili-search-page #app .bangumi-pgc-list,
html body.bili-search-page #app .bangumi-pgc-list.i_wrapper,
html body.bili-search-page #app .media-list,
html body.bili-search-page #app .media-list.i_wrapper,
body.bili-search-page .bangumi-pgc-list,
body.bili-search-page .media-list,
body.bili-search-page .media-list.i_wrapper {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 8px !important;
padding-right: 8px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
box-sizing: border-box !important;
float: none !important;
}
html body.bili-search-page #app .bangumi-pgc-list .row.media-item,
html body.bili-search-page #app .media-list .row,
html body.bili-search-page #app .media-list.i_wrapper > .row,
body.bili-search-page .bangumi-pgc-list .row.media-item,
body.bili-search-page .media-list .row,
body.bili-search-page .media-list.i_wrapper > .row {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 8px !important;
padding-right: 8px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
box-sizing: border-box !important;
float: none !important;
}
html body.bili-search-page #app .bangumi-pgc-list .media-item-col,
html body.bili-search-page #app .bangumi-pgc-list [class*="media-item-col"],
html body.bili-search-page #app .media-list [class*="col_6"],
html body.bili-search-page #app .media-list [class*="col_md_4"],
html body.bili-search-page #app .media-list .mb_x40,
body.bili-search-page .bangumi-pgc-list [class*="media-item-col"],
body.bili-search-page .media-list [class*="col_6"],
body.bili-search-page .media-list [class*="col_md_4"],
body.bili-search-page .media-list .mb_x40 {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0 !important;
margin-bottom: 16px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
box-sizing: border-box !important;
float: none !important;
}
html body.bili-search-page #app .bangumi-pgc-list .media-card,
html body.bili-search-page #app .media-list .media-card,
body.bili-search-page .bangumi-pgc-list .media-card,
body.bili-search-page .media-list .media-card,
body.bili-search-page .media-card {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
column-gap: 16px !important;
gap: 0 16px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
box-sizing: border-box !important;
float: none !important;
}
html body.bili-search-page #app .bangumi-pgc-list .media-card > .media-card-image,
html body.bili-search-page #app .media-list .media-card > .media-card-image,
body.bili-search-page .bangumi-pgc-list .media-card > .media-card-image,
body.bili-search-page .media-list .media-card > .media-card-image {
flex: 0 0 148px !important;
width: 148px !important;
min-width: 148px !important;
max-width: 148px !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
float: none !important;
}
html body.bili-search-page #app .media-card > .media-card-image picture,
html body.bili-search-page #app .media-card > .media-card-image img,
body.bili-search-page .media-card > .media-card-image picture,
body.bili-search-page .media-card > .media-card-image img {
width: 100% !important;
height: auto !important;
max-width: 100% !important;
object-fit: cover !important;
}
html body.bili-search-page #app .bangumi-pgc-list .media-card > .media-card-content,
html body.bili-search-page #app .media-list .media-card > .media-card-content,
body.bili-search-page .bangumi-pgc-list .media-card > .media-card-content,
body.bili-search-page .media-list .media-card > .media-card-content {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
float: none !important;
}
html body.bili-search-page #app .bangumi-pgc-list .show-more-text,
html body.bili-search-page #app .media-list .show-more-text,
body.bili-search-page .bangumi-pgc-list .show-more-text,
body.bili-search-page .media-list .show-more-text {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 40px !important;
max-height: none !important;
padding: 6px 0 !important;
margin: 8px auto 0 !important;
overflow: visible !important;
text-align: center !important;
box-sizing: border-box !important;
float: none !important;
clear: both !important;
}
html body.bili-search-page #app .bangumi-pgc-list .show-more-text button,
html body.bili-search-page #app .media-list .show-more-text button,
body.bili-search-page .bangumi-pgc-list .show-more-text button,
body.bili-search-page .media-list .show-more-text button,
body.bili-search-page .show-more-text button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 auto !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 4px 8px !important;
margin: 0 !important;
line-height: normal !important;
white-space: normal !important;
overflow: visible !important;
text-align: center !important;
box-sizing: border-box !important;
float: none !important;
}
body.bili-search-page .video-item + .video-item,
body.bili-search-page .video-list > li + li,
body.bili-search-page .search-result-list > li + li {
border-top: none !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
body.bili-search-page .video-item::before,
body.bili-search-page .video-item::after,
body.bili-search-page .bili-video-card::before,
body.bili-search-page .bili-video-card::after,
body.bili-search-page .video-list > li::before,
body.bili-search-page .video-list > li::after {
display: none !important;
content: none !important;
}
html body.bili-search-page #app .video-list > *,
html body.bili-search-page #app .search-video-list > *,
html body.bili-search-page #app .card-list > *,
html body.bili-search-page #app .search-result-list > *,
html body.bili-search-page #app ul.video-list > *,
html body.bili-search-page #app .search-page-video-list > *,
html body.bili-search-page #app .search-all-list .video-list > *,
html body.bili-search-page #app .video-list.row > div[class*="col_"],
html body.bili-search-page #app .video-list.row > .col_3,
html body.bili-search-page #app .video-list.row > .col_xs_1_5,
html body.bili-search-page #app .video-list.row > .col_md_2,
html body.bili-search-page #app .video-list.row > .to_hide_xs,
html body.bili-search-page #app .video-list.row > .to_hide_md,
html body.bili-search-page #app .video-list.row > .to_hide_xl {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
box-sizing: border-box !important;
flex: 1 1 100% !important;
position: static !important;
}
html body.bili-search-page #app .bili-video-card,
html body.bili-search-page #app .bili-video-card.bili-video-card,
html body.bili-search-page #app .bili-video-card.bili-video-card.bili-video-card,
html body.bili-search-page #app .search-all-list .bili-video-card,
html body.bili-search-page #app .video-list.row .bili-video-card {
height: auto !important;
max-height: none !important;
min-height: 172px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
align-self: start !important;
background: #ffffff !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
overflow: hidden !important;
box-sizing: border-box !important;
position: relative !important;
float: none !important;
flex: 1 1 100% !important;
}
html body.bili-search-page #app .bili-video-card__skeleton,
html body.bili-search-page #app .bili-video-card__skeleton--cover,
html body.bili-search-page #app .bili-video-card__skeleton--info,
html body.bili-search-page #app .bili-video-card__skeleton--right,
html body.bili-search-page #app .bili-video-card__skeleton--text,
html body.bili-search-page #app .bili-video-card__skeleton--light,
html body.bili-search-page #app .bili-video-card__skeleton.hide,
html body.bili-search-page #app .bili-video-card__skeleton--text.short {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
flex: none !important;
display: block !important;
}
body.bili-search-page .bili-video-card__skeleton,
body.bili-search-page .bili-live-card__skeleton {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 172px !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
background: #ffffff !important;
border-radius: 8px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.bili-search-page .bili-video-card__skeleton--cover,
body.bili-search-page .bili-live-card__skeleton--cover {
width: 100% !important;
height: auto !important;
min-height: 95px !important;
aspect-ratio: 16 / 9 !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
box-sizing: border-box !important;
}
body.bili-search-page .bili-skel-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-gap: 8px !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
align-items: start !important;
align-content: start !important;
justify-items: stretch !important;
background-color: #f1f2f3 !important;
}
body.bili-search-page .bili-skel-grid > * {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
flex: none !important;
box-sizing: border-box !important;
}
body.bili-search-page .bili-video-card__wrap,
body.bili-search-page .bili-video-card__info,
body.bili-search-page .bili-video-card__image--wrap {
height: auto !important;
max-height: none !important;
min-height: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.bili-search-page .flex_center.mt_x50,
body.bili-search-page .flex_center.mb_x50,
body.bili-search-page [class*="mt_x50"],
body.bili-search-page [class*="mb_x50"] {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
body.bili-search-page .vui_pagenation,
body.bili-search-page .page-wrap,
body.bili-search-page .pagination {
display: flex !important;
justify-content: center !important;
width: 100% !important;
max-width: 100% !important;
padding: 8px 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-search-page .vui_pagenation--btns {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
gap: 4px !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
body.bili-search-page .vui_pagenation--btns::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
body.bili-search-page .vui_pagenation--btns {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
body.bili-search-page .vui_pagenation--btn {
flex-shrink: 0 !important;
flex-grow: 0 !important;
margin: 0 !important;
min-width: 32px !important;
padding: 0 6px !important;
height: 34px !important;
line-height: 34px !important;
box-sizing: border-box !important;
white-space: nowrap !important;
font-size: 13px !important;
text-align: center !important;
border-radius: 4px !important;
}
body.bili-search-page .vui_pagenation--btn-side {
min-width: 44px !important;
padding: 0 10px !important;
}
body.bili-video-page {
background: #ffffff !important;
overflow-x: hidden !important;
min-height: 100vh !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bili-video-page {
--video-equal-spacing: 36px;
}
body.bili-video-page,
body.bili-video-page #app,
body.bili-video-page #app > div,
body.bili-video-page #mirror-vdcon.video-container-v1,
body.bili-video-page .left-container,
body.bili-video-page .left-container.scroll-sticky {
width: 100vw !important;
max-width: 100vw !important;
min-width: 100vw !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
left: 0 !important;
right: 0 !important;
position: relative !important;
}
body.bili-video-page .left-container,
body.bili-video-page .left-container.scroll-sticky {
padding: 0 8px !important;
}
body.bili-video-page #app,
body.bili-video-page #app > div,
body.bili-video-page #mirror-vdcon.video-container-v1,
body.bili-video-page #mirror-vdcon > *,
body.bili-video-page .left-container,
body.bili-video-page .left-container.scroll-sticky,
body.bili-video-page .left-container > *,
body.bili-video-page #viewbox_report,
body.bili-video-page #viewbox_report > *,
body.bili-video-page #viewbox_report .video-info-title,
body.bili-video-page #viewbox_report .video-info-title-inner,
body.bili-video-page #viewbox_report h1.video-title,
body.bili-video-page #viewbox_report .video-info-meta,
body.bili-video-page #viewbox_report .video-info-detail-list,
body.bili-video-page #viewbox_report .pubdate-ip,
body.bili-video-page #viewbox_report .pubdate-ip-text {
margin-top: 0 !important;
padding-top: 0 !important;
border-top: 0 !important;
top: 0 !important;
bottom: auto !important;
}
body.bili-video-page #viewbox_report {
margin-top: var(--video-equal-spacing) !important;
margin-bottom: var(--video-equal-spacing) !important;
padding-top: 0 !important;
}
body.bili-video-page #playerWrap {
width: 100% !important;
max-width: 100% !important;
height: calc((100vw - 22px) * 9 / 16 + 6px) !important;
max-height: calc((100vw - 22px) * 9 / 16 + 6px) !important;
min-width: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
border: 3px solid #00aeec !important;
border-radius: 12px !important;
box-shadow: 0 4px 16px rgba(0, 174, 236, 0.25) !important;
margin-top: 0 !important;
margin-bottom: var(--video-equal-spacing) !important;
position: relative !important;
}
body.bili-video-page #playerWrap #bilibili-player-placeholder,
body.bili-video-page #playerWrap #bilibili-player,
body.bili-video-page #playerWrap .bpx-docker,
body.bili-video-page #playerWrap .bpx-player-container,
body.bili-video-page #playerWrap .bpx-player-primary-area,
body.bili-video-page #playerWrap .bpx-player-video-area,
body.bili-video-page #playerWrap .bpx-player-video-wrap {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 100% !important;
max-height: 100% !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
transform: none !important;
zoom: normal !important;
border-radius: 0 !important;
}
body.bili-video-page #playerWrap video {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
background-color: #000 !important;
}
body.bili-video-page #v_desc {
margin-top: 0 !important;
margin-bottom: var(--video-equal-spacing) !important;
}
body.bili-video-page #commentapp {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bili-video-page #biliMainHeader,
body.bili-video-page .bili-header,
body.bili-video-page .international-header,
body.bili-video-page .mini-header,
body.bili-video-page .nav-menu,
body.bili-video-page .fixed-sidenav-storage,
body.bili-video-page .video-note-sidebar-panel,
body.bili-video-page .video-note-sidebar-chapter-layer,
body.bili-video-page .video-note-sidebar-chapter-portal,
body.bili-video-page .go-top,
body.bili-video-page .bili-footer,
body.bili-video-page .footer,
body.bili-video-page [class*="back-top"],
body.bili-video-page [class*="to-top"] {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
body.bili-video-page #arc_toolbar_report,
body.bili-video-page .video-toolbar-container {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
body.bili-video-page .up-info__btn-panel .new-charge-btn,
body.bili-video-page .default-btn.new-charge-btn,
body.bili-video-page .default-btn.old-charge-btn,
body.bili-video-page .default-btn.not-follow-charge-btn,
body.bili-video-page .default-btn.follow-charge-btn,
body.bili-video-page .up-info__btn-panel [class*="charge"],
body.bili-video-page .upinfo-btn-panel [class*="charge"] {
display: none !important;
visibility: hidden !important;
}
body.bili-video-page [class*="ad-"],
body.bili-video-page [class*="ads-"],
body.bili-video-page [class*="advertisement"],
body.bili-video-page .video-card-ad-small,
body.bili-video-page .video-card-ad,
body.bili-video-page .slide-ad-exp,
body.bili-video-page .slide-gg,
body.bili-video-page .banner-ad,
body.bili-video-page .ad-floor-exp,
body.bili-video-page .ad-report,
body.bili-video-page .popup-ad,
body.bili-video-page .float-ad {
display: none !important;
visibility: hidden !important;
height: 0 !important;
width: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-video-page .video-resource-list,
body.bili-video-page .activity-m-v1,
body.bili-video-page [class*="video-resource-list"] {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-video-page .right-container .video-page-game-card-small,
body.bili-video-page .right-container [class*="game-card-small"] {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
}
body.bili-video-page .right-container #danmukuBox,
body.bili-video-page .right-container .video-pod-above-modules,
body.bili-video-page .right-container .danmaku-box,
body.bili-video-page .right-container .bpx-player-auxiliary {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
body.bili-video-page .bpx-player-sending-area,
body.bili-video-page .bpx-player-sending-bar,
body.bili-video-page .bpx-player-dm-root,
body.bili-video-page .bpx-player-video-inputbar {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-video-page .bpx-player-ctrl-pip,
body.bili-video-page .bpx-player-ctrl-wide,
body.bili-video-page .bpx-player-ctrl-time,
body.bili-video-page .bpx-player-ctrl-eplist { display: none !important; }
@media screen and (orientation: landscape) {
body.bili-video-page .bpx-player-ctrl-time { display: block !important; }
}
@media screen and (width >= 750px) {
body.bili-video-page .bpx-player-container[data-screen=full] .bpx-player-ctrl-quality-result {
height: unset !important;
font-size: 16px !important;
}
body.bili-video-page .bpx-player-container[data-screen=full] .bpx-player-control-wrap { height: 43px !important; }
body.bili-video-page .bpx-player-container[data-screen=full] .bpx-player-control-top { bottom: 43px !important; }
}
body.bili-video-page div.bpx-player-control-bottom {
height: 29px !important;
margin-top: 7px !important;
padding: 0 7px !important;
}
body.bili-video-page div.bpx-player-control-top {
transition: none;
bottom: 36px;
}
body.bili-video-page .bpx-player-pbp .bpx-player-pbp-pin-tip { display: none !important; }
body.bili-video-page .bpx-player-control-bottom-left,
body.bili-video-page .bpx-player-control-bottom-right { flex: unset !important; }
body.bili-video-page .bpx-player-container .bpx-player-control-bottom-left,
body.bili-video-page .bpx-player-container .bpx-player-control-bottom-right { min-width: 0 !important; }
body.bili-video-page .bpx-player-ctrl-quality {
min-width: 0;
flex: auto !important;
margin-right: 0 !important;
}
body.bili-video-page .bpx-player-ctrl-quality-result,
body.bili-video-page .bpx-player-ctrl-playbackrate { font-size: 12px !important; }
body.bili-video-page .bpx-player-ctrl-quality-result { height: 22px; overflow: hidden; }
body.bili-video-page .bpx-player-ctrl-playbackrate { text-wrap: nowrap; }
body.bili-video-page .bpx-player-progress-wrap {
height: 7px !important;
padding-bottom: 3px !important;
}
body.bili-video-page .bpx-player-control-mask {
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%) !important;
}
body.bili-video-page .bpx-player-ctrl-quality-menu-wrap { bottom: 22px !important; }
body.bili-video-page .bpx-player-ctrl-quality-menu-item {
max-width: 95px;
max-height: 36px;
height: 7.7vw !important;
padding: 0 8px 0 12px !important;
}
body.bili-video-page .bpx-player-ctrl-quality-badge-bigvip {
color: #fff;
background-color: #f25d8e;
width: 16px;
overflow: hidden;
right: 8px !important;
}
body.bili-video-page .bpx-player-ctrl-quality-badge-bigvip:before {
color: #fff;
content: "V";
background-color: #f25d8e;
padding: 0 4px;
position: absolute;
left: 0;
}
body.bili-video-page .bpx-player-ctrl-playbackrate-menu { bottom: 22px !important; }
body.bili-video-page .bpx-player-ctrl-playbackrate-menu-item {
justify-content: center;
align-items: center;
max-height: 36px;
display: flex;
height: 7.7vw !important;
}
body.bili-video-page div.bpx-player-ctrl-subtitle-box {
bottom: 0;
right: 0;
transform: scale(.8);
}
body.bili-video-page .bpx-player-ctrl-setting-box {
bottom: 0 !important;
right: 0 !important;
}
body.bili-video-page .bpx-player-ctrl-setting-menu-right { padding: 5px !important; }
body.bili-video-page .bpx-player-ctrl-setting-menu-right > div {
justify-content: center;
align-items: center;
max-height: 40px;
display: flex;
height: 10vw !important;
}
body.bili-video-page .bpx-player-ctrl-setting-menu-right .bui-radio {
width: 77%;
margin: 0 0 8px 7px;
}
body.bili-video-page .bpx-player-ctrl-setting-others-content {
margin-left: 7px;
width: 77% !important;
}
body.bili-video-page .bpx-player-ctrl-setting-highenergy .bui-checkbox-name {
white-space: nowrap;
width: 48px;
overflow: hidden;
}
body.bili-video-page .bpx-player-dm-setting-wrap {
top: 0;
left: 50%;
transform: translate(-50%);
bottom: unset !important;
position: fixed !important;
}
body.bili-video-page .bpx-player-control-bottom-center .bpx-player-sending-bar {
height: 24px !important;
padding-right: 6px !important;
}
body.bili-video-page .bpx-player-ctrl-viewpoint {
flex-shrink: 1 !important;
width: 45px !important;
min-width: 0 !important;
margin: 0 !important;
}
body.bili-video-page .bpx-player-ctrl-viewpoint-text {
flex: none;
font-size: 12px;
width: 24px !important;
text-overflow: unset !important;
}
body.bili-video-page .bpx-player-control-wrap:not(.new) { display: none; }
body.bili-video-page .bpx-player-control-entity,
body.bili-video-page .bpx-player-control-mask { display: block !important; }
body.bili-video-page .bpx-player-container[data-ctrl-hidden=true] .bpx-player-control-bottom { display: none; }
body.bili-video-page .bpx-player-container[ctrl-shown=false] .bpx-player-control-wrap .bpx-player-control-mask {
opacity: 0;
transition: opacity .2s ease-in;
}
body.bili-video-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-wrap .bpx-player-control-mask { opacity: 1; }
body.bili-video-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-control-bottom {
opacity: 1;
display: flex;
}
body.bili-video-page .bpx-player-container[ctrl-shown=false] .bpx-player-control-entity .bpx-player-control-bottom { display: none; }
body.bili-video-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-control-top,
body.bili-video-page .bpx-player-container[ctrl-shown=false] .bpx-player-control-entity .bpx-player-shadow-progress-area {
opacity: 1;
visibility: visible;
}
body.bili-video-page .bpx-player-container[ctrl-shown=false] .bpx-player-control-entity .bpx-player-control-top,
body.bili-video-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-shadow-progress-area {
opacity: 0;
visibility: hidden;
}
body.bili-video-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-pbp {
opacity: 1;
width: 100%;
bottom: calc(100% + 6px);
left: 0;
}
body.bili-video-page div.bpx-player-control-entity .bpx-player-pbp {
opacity: 0;
width: calc(100% + 24px);
bottom: 1px;
left: -12px;
}
body.bili-video-page div.bpx-player-control-entity .bpx-player-pbp.pin { opacity: 1; }
body.bili-video-page .bpx-player-pbp-pin { display: none; opacity: 1 !important; }
body.bili-video-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-pbp-pin { display: block; }
body.bili-video-page .bpx-player-video-perch { max-height: 0; }
body.bili-video-page .bpx-player-top-wrap,
body.bili-video-page .bpx-player-state-wrap { display: none !important; }
body.bili-video-page .bpx-player-container,
body.bili-video-page #bilibili-player-placeholder { box-shadow: none !important; }
body.video-fullscreen { overflow: hidden !important; }
body.video-fullscreen #mirror-vdcon,
body.video-fullscreen .left-container {
width: 100vw !important;
max-width: 100vw !important;
min-width: 100vw !important;
height: 100vh !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.video-fullscreen #playerWrap {
width: 100vw !important;
max-width: 100vw !important;
height: 100vh !important;
max-height: 100vh !important;
min-height: 100vh !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: hidden !important;
margin: 0 !important;
}
body.video-fullscreen #playerWrap #bilibili-player-placeholder,
body.video-fullscreen #playerWrap #bilibili-player,
body.video-fullscreen #playerWrap .bpx-docker,
body.video-fullscreen #playerWrap .bpx-player-container,
body.video-fullscreen #playerWrap .bpx-player-primary-area,
body.video-fullscreen #playerWrap .bpx-player-video-area,
body.video-fullscreen #playerWrap .bpx-player-video-wrap {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
}
body.video-fullscreen .bpx-player-video-wrap video { object-fit: contain !important; }
body.bili-video-page .right-container,
body.bili-bangumi-page .plp-r-wrap {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: auto !important;
width: 85vw !important;
max-width: 420px !important;
height: 100vh !important;
max-height: 100vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
background: #ffffff !important;
z-index: 99999 !important;
transform: translate3d(100%, 0, 0) !important;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: transform;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15) !important;
box-sizing: border-box !important;
-webkit-overflow-scrolling: touch !important;
display: block !important;
}
body.bili-video-page .right-container.show,
body.bili-bangumi-page .plp-r-wrap.show {
transform: translate3d(0, 0, 0) !important;
}
body.bili-bangumi-page .plp-r-wrap {
padding: 12px !important;
}
body.bili-bangumi-page .plp-r.sticky {
position: static !important;
top: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
display: block !important;
}
body.bili-bangumi-page .plp-r-wrap .PaginatedEpList_root__67C7p,
body.bili-bangumi-page .plp-r-wrap .recommend_wrap__PccwM {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-bangumi-page .plp-r-wrap img {
max-width: 100% !important;
height: auto !important;
}
body.bili-bangumi-page .EpisodeVirtualList_scroll__62SmN {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
body.bili-bangumi-page .EpisodeVirtualList_virtualCanvas__0AC8_ {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
body.bili-bangumi-page .EpisodeVirtualList_gridRow__czcgd {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding: 0 6px !important;
}
body.bili-bangumi-page .EpisodeVirtualList_numberItem__GLWgO {
width: 46px !important;
height: 46px !important;
min-width: 46px !important;
min-height: 46px !important;
flex-shrink: 0 !important;
border-radius: 8px !important;
font-size: 14px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
}
body.bili-bangumi-page .EpisodeVirtualList_numberItem__GLWgO * {
font-size: 10px !important;
transform: scale(0.9) !important;
}
body.bili-bangumi-page #danmukuBox {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
body.bili-video-page .right-container .right-container-inner {
position: static !important;
top: auto !important;
height: auto !important;
padding: 12px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-video-page .right-container .up-info--right,
body.bili-video-page .right-container .up-info__btn-panel,
body.bili-video-page .right-container .upinfo-btn-panel,
body.bili-video-page .right-container .follow-btn,
body.bili-video-page .right-container .interactions {
overflow: visible !important;
position: relative !important;
}
body.bili-video-page .right-container .follow-btn .menu-popover,
body.bili-video-page .right-container .follow-btn-wrapper {
position: absolute !important;
top: 100% !important;
right: 0 !important;
left: auto !important;
z-index: 9999999 !important;
transform: none !important;
margin-top: 4px !important;
background: #fff !important;
border-radius: 4px !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}
body.bili-video-page .van-popover,
body.bili-video-page .bili-popover,
body.bili-video-page [class*="popover"] { z-index: 9999999 !important; }
body.bili-video-page .right-container > *,
body.bili-video-page .right-container .up-panel-container,
body.bili-video-page .right-container .up-info-container,
body.bili-video-page .right-container .video-pod-above-modules,
body.bili-video-page .right-container .video-pod-above-modules__inner,
body.bili-video-page .right-container .rcmd-tab,
body.bili-video-page .right-container .recommend-list-v1,
body.bili-video-page .right-container .rec-list,
body.bili-video-page .right-container .video-page-card-small,
body.bili-video-page .right-container .bpx-player-wraplist,
body.bili-video-page .right-container .slide-ad-exp,
body.bili-video-page .right-container .slide-gg,
body.bili-video-page .right-container .ad-report,
body.bili-video-page .right-container .ad-floor-cover {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
position: static !important;
left: auto !important;
right: auto !important;
}
body.bili-video-page .right-container .ad-report.ad-floor-exp.right-bottom-banner,
body.bili-video-page .right-container .ad-floor-cover,
body.bili-video-page .right-container .video-card-ad-small {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
body.bili-video-page .right-container img,
body.bili-video-page .right-container video,
body.bili-video-page .right-container picture {
max-width: 100% !important;
height: auto !important;
}
body.bili-video-page .right-container .send-msg,
body.bili-video-page .right-container a.send-msg,
body.bili-video-page .right-container .up-detail-top > a.send-msg {
display: none !important;
visibility: hidden !important;
}
body.bili-video-page .right-container .up-info--right {
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
}
body.bili-video-page .right-container .up-info__detail,
body.bili-video-page .right-container .up-detail,
body.bili-video-page .right-container .upinfo-sign,
body.bili-video-page .right-container .upinfo-sign__text {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
word-break: break-all !important;
white-space: normal !important;
overflow-wrap: break-word !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.bili-video-page .right-container .up-detail-top {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
gap: 8px !important;
}
body.bili-video-page .right-container .up-name {
white-space: nowrap !important;
word-break: keep-all !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
flex-shrink: 1 !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
display: block !important;
}
body.bili-video-page #viewbox_report,
body.bili-video-page .video-info-title,
body.bili-video-page .video-info-title-inner,
body.bili-video-page .video-title,
body.bili-video-page #v_desc,
body.bili-video-page .basic-desc-info,
body.bili-video-page .desc-info-text {
text-align: center !important;
justify-content: center !important;
align-items: center !important;
float: none !important;
}
body.bili-video-page h1.video-title {
width: 100% !important;
display: block !important;
text-align: center !important;
}
body.bili-video-page #viewbox_report .show-more,
body.bili-video-page #viewbox_report .show-more-btn {
display: none !important;
visibility: hidden !important;
height: 0 !important;
width: 0 !important;
overflow: hidden !important;
}
body.bili-video-page #viewbox_report .video-info-detail-list > .item:not(.pubdate-ip) {
display: none !important;
visibility: hidden !important;
}
body.bili-video-page #viewbox_report .video-info-title,
body.bili-video-page #viewbox_report .video-info-title-inner,
body.bili-video-page h1.video-title {
height: auto !important;
max-height: none !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
text-overflow: clip !important;
white-space: normal !important;
word-break: break-all !important;
padding: 0 !important;
}
body.bili-video-page #v_desc,
body.bili-video-page #viewbox_report,
body.bili-video-page .video-info-container,
body.bili-video-page .left-container,
body.bili-video-page #mirror-vdcon.video-container-v1,
body.bili-video-page #app {
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.bili-video-page #v_desc .basic-desc-info {
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.bili-video-page #v_desc .desc-info-text {
display: block !important;
height: auto !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
overflow: visible !important;
text-overflow: clip !important;
max-height: none !important;
white-space: pre-wrap !important;
}
body.bili-video-page #v_desc .toggle-btn,
body.bili-video-page #v_desc .toggle-btn-text {
display: none !important;
visibility: hidden !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
body.bili-video-page #viewbox_report .video-info-meta,
body.bili-video-page #viewbox_report .video-info-detail-list {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
text-align: center !important;
margin: 0 auto !important;
padding: 0 !important;
float: none !important;
}
body.bili-video-page #viewbox_report .video-info-detail-list .item {
float: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
body.bili-video-page .video-tag-container,
body.bili-video-page .tag-panel,
body.bili-video-page #mirror-vdcon > .left-container > .video-tag-container {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-video-page #commentapp .bili-comment-box,
body.bili-video-page #commentapp .bili-comment-input-wrap,
body.bili-video-page #commentapp .comment-send-box,
body.bili-video-page #commentapp .comment-box,
body.bili-video-page #commentapp .reply-box,
body.bili-video-page #commentapp .bili-comment-container > .bili-comment-box,
body.bili-video-page #commentapp .comment-container .comment-box,
body.bili-video-page #commentapp .bili-comment-editor,
body.bili-video-page #commentapp .bili-comment-editor-wrap {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-video-page #commentapp,
body.bili-video-page #commentapp bili-comments,
body.bili-video-page #commentapp .bili-comment-container,
body.bili-video-page #commentapp .comment-container,
body.bili-video-page #commentapp .comment-box,
body.bili-video-page #commentapp .reply-box,
body.bili-video-page #commentapp .bili-comment-box,
body.bili-video-page #commentapp .bili-comment-input-wrap,
body.bili-video-page #commentapp .comment-send-box {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
padding-left: 8px !important;
padding-right: 8px !important;
overflow: hidden !important;
}
body.bili-video-page #commentapp textarea,
body.bili-video-page #commentapp input[type="text"],
body.bili-video-page #commentapp .comment-textarea,
body.bili-video-page #commentapp .bili-comment-textarea,
body.bili-video-page #commentapp .reply-textarea,
body.bili-video-page #commentapp [contenteditable="true"] {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
resize: none !important;
word-break: break-all !important;
white-space: pre-wrap !important;
overflow-wrap: break-word !important;
height: auto !important;
min-height: 40px !important;
padding: 8px !important;
margin: 0 !important;
overflow: hidden !important;
}
#my-bili-right-mask {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
height: 100vh !important;
background: rgba(0, 0, 0, 0.35) !important;
z-index: 99998 !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transition: opacity 0.3s ease, visibility 0.3s ease !important;
will-change: opacity;
display: block !important;
}
#my-bili-right-mask.show {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.bili-list-page {
background: #ffffff !important;
overflow-x: hidden !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
body.bili-list-page #app.playlist-app,
body.bili-list-page #mirror-vdcon.playlist-container {
display: block !important;
width: 100vw !important;
max-width: 100vw !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
body.bili-list-page #mirror-vdcon .playlist-container--left {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 8px !important;
margin: 0 !important;
float: none !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
body.bili-list-page .playlist-container--left > * {
max-width: 100% !important;
}
body.bili-list-page .video-info-container {
margin-top: var(--video-equal-spacing) !important;
margin-bottom: var(--video-equal-spacing) !important;
padding: 0 !important;
text-align: center !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.bili-list-page .video-info-container .video-info-meta,
body.bili-list-page .video-info-container .video-info-detail-list {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
text-align: center !important;
margin: 0 auto !important;
padding: 0 !important;
float: none !important;
}
body.bili-list-page .video-info-container .video-info-detail-list .item {
float: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
body.bili-list-page .video-info-container .video-info-detail-list > .item:not(.pubdate-ip) {
display: none !important;
visibility: hidden !important;
}
body.bili-list-page .video-info-container .video-info-title,
body.bili-list-page .video-info-container .video-info-title-inner,
body.bili-list-page .video-info-container .video-title,
body.bili-list-page .video-info-container h1.video-title,
body.bili-list-page .video-info-container h1.video-title > a,
body.bili-list-page .video-info-container .video-title-href,
body.bili-list-page .video-info-container .video-info-title * {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
line-clamp: unset !important;
-webkit-box-orient: horizontal !important;
text-overflow: clip !important;
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
text-indent: 0 !important;
line-height: normal !important;
letter-spacing: normal !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
text-align: center !important;
box-sizing: border-box !important;
}
body.bili-list-page .video-info-container .video-info-title::after,
body.bili-list-page .video-info-container .video-info-title-inner::after,
body.bili-list-page .video-info-container .video-title::after,
body.bili-list-page .video-info-container .video-title::before,
body.bili-list-page .video-info-container .video-info-title .show-more,
body.bili-list-page .video-info-container .video-info-title .show-more-btn,
body.bili-list-page .video-info-container .video-info-title .expand-btn {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
content: none !important;
}
body.bili-list-page .video-desc-container {
margin: 0 0 var(--video-equal-spacing) !important;
width: 100% !important;
max-width: 100% !important;
text-align: center !important;
box-sizing: border-box !important;
}
body.bili-list-page .video-desc-container .basic-desc-info {
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.bili-list-page .video-desc-container .desc-info-text {
display: block !important;
height: auto !important;
max-height: none !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: pre-wrap !important;
word-break: break-all !important;
}
body.bili-list-page .video-desc-container .toggle-btn,
body.bili-list-page .video-desc-container .toggle-btn-text {
display: none !important;
visibility: hidden !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
body.bili-video-page #mirror-vdcon .playlist-container--right {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: auto !important;
width: 85vw !important;
max-width: 420px !important;
height: 100vh !important;
max-height: 100vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
background: #ffffff !important;
z-index: 99999 !important;
transform: translate3d(100%, 0, 0) !important;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: transform;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15) !important;
box-sizing: border-box !important;
-webkit-overflow-scrolling: touch !important;
display: block !important;
padding: 12px !important;
margin: 0 !important;
float: none !important;
}
body.bili-video-page #mirror-vdcon .playlist-container--right.show {
transform: translate3d(0, 0, 0) !important;
}
body.bili-video-page .playlist-container--right > *,
body.bili-video-page .playlist-container--right .up-panel-container,
body.bili-video-page .playlist-container--right .up-info-container,
body.bili-video-page .playlist-container--right .action-list-container,
body.bili-video-page .playlist-container--right .action-list-header,
body.bili-video-page .playlist-container--right .action-list-body,
body.bili-video-page .playlist-container--right .action-list-body-top,
body.bili-video-page .playlist-container--right .action-list-body-bottom,
body.bili-video-page .playlist-container--right .action-list,
body.bili-video-page .playlist-container--right .action-list-inner,
body.bili-video-page .playlist-container--right .action-list-content,
body.bili-video-page .playlist-container--right .action-list-item-wrap,
body.bili-video-page .playlist-container--right .action-list-item,
body.bili-video-page .playlist-container--right .singlep-list-item-inner,
body.bili-video-page .playlist-container--right .multip-list-item-inner,
body.bili-video-page .playlist-container--right .multip-list,
body.bili-video-page .playlist-container--right .multip-list-item,
body.bili-video-page .playlist-container--right .recommend-list-container {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right img,
body.bili-video-page .playlist-container--right video,
body.bili-video-page .playlist-container--right picture {
max-width: 100% !important;
height: auto !important;
}
body.bili-video-page .playlist-container--right .action-list-header {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
}
body.bili-video-page .playlist-container--right .action-list-item .title,
body.bili-video-page .playlist-container--right .multip-list-item .title,
body.bili-video-page .playlist-container--right .list-display-name {
white-space: normal !important;
word-break: break-all !important;
overflow-wrap: break-word !important;
}
body.bili-video-page #mirror-vdcon .playlist-container--right {
--fav-gutter: 8px;
padding-left: 8px !important;
padding-right: 8px !important;
}
body.bili-video-page .playlist-container--right .action-list-container {
padding-left: var(--fav-gutter, 8px) !important;
padding-right: var(--fav-gutter, 8px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.bili-video-page .playlist-container--right .action-list-header,
body.bili-video-page .playlist-container--right .action-list-body,
body.bili-video-page .playlist-container--right .action-list-body-top,
body.bili-video-page .playlist-container--right .action-list-body-bottom,
body.bili-video-page .playlist-container--right .action-list,
body.bili-video-page .playlist-container--right .action-list-inner,
body.bili-video-page .playlist-container--right .action-list-content,
body.bili-video-page .playlist-container--right .action-list-item-wrap,
body.bili-video-page .playlist-container--right .action-list-item,
body.bili-video-page .playlist-container--right .singlep-list-item-inner,
body.bili-video-page .playlist-container--right .multip-list-item-inner {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right .header-left,
body.bili-video-page .playlist-container--right .list-display-name,
body.bili-video-page .playlist-container--right .fav-btn,
body.bili-video-page .playlist-container--right .list-title,
body.bili-video-page .playlist-container--right .list-playorder-btn,
body.bili-video-page .playlist-container--right .list-playway-btn {
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right .action-list-header,
body.bili-video-page .playlist-container--right .action-list-body-top {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
height: auto !important;
min-height: 0 !important;
}
body.bili-video-page .playlist-container--right .header-left {
flex: 1 1 auto !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 6px !important;
}
body.bili-video-page .playlist-container--right .action-list-body,
body.bili-video-page .playlist-container--right .action-list-body-bottom,
body.bili-video-page .playlist-container--right .action-list,
body.bili-video-page .playlist-container--right .action-list-inner,
body.bili-video-page .playlist-container--right .action-list-content {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right .action-list {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
scrollbar-gutter: auto !important;
overflow-y: auto !important;
}
body.bili-video-page .playlist-container--right .action-list::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
display: none !important;
background: transparent !important;
}
body.bili-video-page .playlist-container--right .action-list::-webkit-scrollbar-track,
body.bili-video-page .playlist-container--right .action-list::-webkit-scrollbar-thumb {
width: 0 !important;
display: none !important;
background: transparent !important;
}
body.bili-video-page .playlist-container--right .action-list-item-wrap,
body.bili-video-page .playlist-container--right .action-list-item,
body.bili-video-page .playlist-container--right .singlep-list-item-inner,
body.bili-video-page .playlist-container--right .multip-list-item-inner {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.bili-video-page .playlist-container--right .action-list-item .main,
body.bili-video-page .playlist-container--right .multip-list-item .main,
body.bili-video-page .playlist-container--right .singlep-list-item-inner .main,
body.bili-video-page .playlist-container--right .multip-list-item-inner .main {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right .action-list-item .main > .cover,
body.bili-video-page .playlist-container--right .multip-list-item .main > .cover {
flex: 0 0 106px !important;
width: 106px !important;
min-width: 106px !important;
max-width: 106px !important;
height: 60px !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right .action-list-item .main > .cover .cover-img,
body.bili-video-page .playlist-container--right .action-list-item .main > .cover img,
body.bili-video-page .playlist-container--right .multip-list-item .main > .cover .cover-img,
body.bili-video-page .playlist-container--right .multip-list-item .main > .cover img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 4px !important;
}
body.bili-video-page .playlist-container--right .action-list-item .main > .info,
body.bili-video-page .playlist-container--right .multip-list-item .main > .info {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.bili-video-page .playlist-container--right .action-list-item .info .title,
body.bili-video-page .playlist-container--right .multip-list-item .info .title {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
white-space: normal !important;
word-break: break-all !important;
overflow-wrap: break-word !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right .multip-list,
.multip-list {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right .multip-list > .multip-list-item,
.multip-list > .multip-list-item {
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right .multip-list-item > .left-part,
body.bili-video-page .playlist-container--right .multip-list-item > .right-part,
.multip-list-item > .left-part,
.multip-list-item > .right-part {
flex: 0 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right .multip-list-item > .left-part,
.multip-list-item > .left-part {
text-align: left !important;
margin-right: auto !important;
}
body.bili-video-page .playlist-container--right .multip-list-item > .right-part,
.multip-list-item > .right-part {
flex: 0 0 auto !important;
text-align: right !important;
margin-left: auto !important;
}
body.bili-video-page .playlist-container--right .multip-list-item .title,
.multip-list-item .title {
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
text-align: left !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right #danmukuBox,
body.bili-video-page .playlist-container--right .danmaku-box,
body.bili-video-page .playlist-container--right .send-msg,
body.bili-video-page .playlist-container--right a.send-msg,
body.bili-video-page .playlist-container--right .new-charge-btn,
body.bili-video-page .playlist-container--right [class*="ad-"],
body.bili-video-page .playlist-container--right [class*="ads-"],
body.bili-video-page .playlist-container--right .video-card-ad-small {
display: none !important;
visibility: hidden !important;
height: 0 !important;
width: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-video-page .playlist-container--right .up-info-container {
display: flex !important;
align-items: center !important;
width: 100% !important;
gap: 8px !important;
}
body.bili-video-page .playlist-container--right .up-info--right {
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
}
body.bili-video-page .playlist-container--right .up-info__detail,
body.bili-video-page .playlist-container--right .up-detail,
body.bili-video-page .playlist-container--right .up-description {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
word-break: break-all !important;
white-space: normal !important;
overflow-wrap: break-word !important;
box-sizing: border-box !important;
}
body.bili-video-page .playlist-container--right .up-detail-top {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
gap: 8px !important;
}
body.bili-video-page .playlist-container--right .up-name {
white-space: nowrap !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
flex-shrink: 1 !important;
min-width: 0 !important;
max-width: 100% !important;
}
body.bili-video-page .playlist-container--right .follow-btn .menu-popover,
body.bili-video-page .playlist-container--right .follow-btn-wrapper {
position: absolute !important;
top: 100% !important;
right: 0 !important;
left: auto !important;
z-index: 9999999 !important;
transform: none !important;
margin-top: 4px !important;
background: #fff !important;
border-radius: 4px !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}
body.video-fullscreen .playlist-container--left {
width: 100vw !important;
max-width: 100vw !important;
min-width: 100vw !important;
height: 100vh !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
html:has(body.bili-bangumi-page),
body.bili-bangumi-page {
background: #ffffff !important;
width: 100% !important;
max-width: 100vw !important;
min-width: 0 !important;
overflow-x: hidden !important;
padding-top: 0 !important;
margin: 0 !important;
position: relative !important;
}
body.bili-bangumi-page #__next,
body.bili-bangumi-page .home-container {
width: 100% !important;
max-width: 100vw !important;
min-width: 0 !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
position: relative !important;
}
body.bili-bangumi-page .main-container,
body.bili-bangumi-page .plp-layout,
body.bili-bangumi-page .plp-left-wrap,
body.bili-bangumi-page .plp-l,
body.bili-bangumi-page .player-left-components {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
display: contents !important;
position: static !important;
left: auto !important;
right: auto !important;
float: none !important;
}
body.bili-bangumi-page .plp-player {
width: 100% !important;
max-width: 100% !important;
padding: 0 8px !important;
margin: 36px auto !important;
box-sizing: border-box !important;
height: auto !important;
min-height: 0 !important;
}
body.bili-bangumi-page .plp-layout,
body.bili-bangumi-page .plp-left-wrap,
body.bili-bangumi-page .plp-l {
max-width: 820px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.bili-bangumi-page .plp-left-wrap {
padding: 0 8px !important;
}
body.bili-bangumi-page [class*="mediainfo_mediaInfoWrap"] {
margin-top: 0 !important;
}
body.bili-bangumi-page [class*="mediainfo_mediaTitle"],
body.bili-bangumi-page [class*="mediainfo_media_desc_section"],
body.bili-video-page [class*="mediainfo_mediaTitle"],
body.bili-video-page [class*="mediainfo_media_desc_section"] {
pointer-events: none !important;
cursor: default !important;
text-decoration: none !important;
}
body.bili-bangumi-page [class*="mediainfo_media_desc_section"] *,
body.bili-video-page [class*="mediainfo_media_desc_section"] * {
pointer-events: none !important;
}
body.bili-bangumi-page #bilibili-player-wrap {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
height: calc((100vw - 22px) * 9 / 16 + 6px) !important;
max-height: calc((100vw - 22px) * 9 / 16 + 6px) !important;
padding: 0 !important;
border: 3px solid #00aeec !important;
border-radius: 12px !important;
box-shadow: 0 4px 16px rgba(0, 174, 236, 0.25) !important;
overflow: hidden !important;
box-sizing: border-box !important;
margin: 0 auto !important;
}
body.bili-bangumi-page #bilibili-player-wrap .video_playerInner__ox52b,
body.bili-bangumi-page #bilibili-player-wrap #bilibili-player,
body.bili-bangumi-page #bilibili-player-wrap .big-nano-player,
body.bili-bangumi-page #bilibili-player-wrap .bpx-docker,
body.bili-bangumi-page #bilibili-player-wrap .bpx-player-container,
body.bili-bangumi-page #bilibili-player-wrap .bpx-player-primary-area,
body.bili-bangumi-page #bilibili-player-wrap .bpx-player-video-area,
body.bili-bangumi-page #bilibili-player-wrap .bpx-player-video-wrap {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
transform: none !important;
border-radius: 0 !important;
}
body.bili-bangumi-page #bilibili-player-wrap video {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
background-color: #000 !important;
}
body.bili-bangumi-page .bpx-player-sending-area {
display: none !important;
}
body.bili-bangumi-page .plp-left-wrap {
padding: 0 8px !important;
display: block !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important;
position: static !important;
}
body.bili-bangumi-page .plp-l,
body.bili-bangumi-page .plp-l.sticky {
padding: 0 !important;
display: block !important;
position: static !important;
top: auto !important;
bottom: auto !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.bili-bangumi-page .player-left-components {
padding: 0 !important;
display: contents !important;
}
body.bili-bangumi-page .toolbar,
body.bili-bangumi-page #like_info,
body.bili-bangumi-page #ogv_weslie_tool_coin_info,
body.bili-bangumi-page #ogv_weslie_tool_favorite_info,
body.bili-bangumi-page #share-container-id,
body.bili-bangumi-page #watch_together_tab,
body.bili-bangumi-page #tool-bar-more,
body.bili-bangumi-page .toolbar-right {
display: none !important;
visibility: hidden !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-bangumi-page .mediainfo_mediaToolbar__8Q7bn {
display: none !important;
visibility: hidden !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-bangumi-page .mediainfo_bottomBar__uBfeO {
display: none !important;
visibility: hidden !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-bangumi-page [class*="navTools_floatNavExp"],
body.bili-bangumi-page [class*="navTools_navMenu"] {
display: none !important;
visibility: hidden !important;
height: 0 !important;
width: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-bangumi-page [class*="mediainfo_mediaInfoWrap"] {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
flex-wrap: nowrap !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 10px 12px !important;
margin: 0 !important;
box-sizing: border-box !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.bili-bangumi-page [class*="mediainfo_mediaInfoWrap"] > * {
flex: 0 0 auto !important;
min-height: auto !important;
max-height: none !important;
}
body.bili-bangumi-page [class*="mediainfo_mediaInfoWrap"] [class*="mediainfo_display_area"] {
flex: 1 1 auto !important;
}
body.bili-bangumi-page [class*="mediainfo_mediaCover"],
body.bili-bangumi-page a[class*="mediainfo_mediaCover"],
body.bili-bangumi-page [class*="mediainfo_mediaCover"] picture,
body.bili-bangumi-page [class*="mediainfo_mediaCover"] img,
body.bili-bangumi-page [class*="mediainfo_mediaCover"] svg {
display: none !important;
visibility: hidden !important;
width: 0 !important;
max-width: 0 !important;
min-width: 0 !important;
height: 0 !important;
max-height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
position: absolute !important;
left: -9999px !important;
top: -9999px !important;
pointer-events: none !important;
flex: 0 0 0 !important;
}
body.bili-bangumi-page [class*="mediainfo_mediaRight"] {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
text-align: center !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
float: none !important;
position: static !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.bili-bangumi-page [class*="mediainfo_mediaTitle"] {
font-size: 16px !important;
font-weight: bold !important;
margin: 0 0 6px 0 !important;
padding: 0 !important;
text-align: center !important;
width: 100% !important;
display: block !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
word-break: break-word !important;
}
body.bili-bangumi-page [class*="mediainfo_media_desc"] p,
body.bili-bangumi-page [class*="mediainfo_media_desc"] p *,
body.bili-bangumi-page [class*="mediainfo_display_area"],
body.bili-bangumi-page [class*="mediainfo_display_area"] *,
body.bili-bangumi-page [class*="mediainfo_content"],
body.bili-bangumi-page [class*="mediainfo_content"] * {
color: #61666d !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
letter-spacing: normal !important;
font-style: normal !important;
text-transform: none !important;
text-align: center !important;
}
body.bili-bangumi-page [class*="mediainfo_media_desc"] {
width: 100% !important;
max-width: 100% !important;
display: block !important;
padding: 6px 0 0 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
text-overflow: clip !important;
white-space: normal !important;
word-break: break-word !important;
}
body.bili-bangumi-page [class*="mediainfo_media_desc"] p {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
text-overflow: clip !important;
white-space: pre-wrap !important;
word-break: break-word !important;
}
body.bili-bangumi-page [class*="mediainfo_display_area"] {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
text-overflow: clip !important;
white-space: normal !important;
word-break: break-word !important;
float: none !important;
z-index: auto !important;
}
body.bili-bangumi-page [class*="mediainfo_content"] {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
text-overflow: clip !important;
white-space: pre-wrap !important;
word-break: break-word !important;
}
body.bili-bangumi-page [class*="mediainfo_ellipsis"],
body.bili-bangumi-page [class*="mediainfo_placeholder"],
body.bili-bangumi-page [class*="mediainfo_expand"],
body.bili-bangumi-page [class*="mediainfo_expandBtn"],
body.bili-bangumi-page [class*="mediainfo_moreBtn"],
body.bili-bangumi-page [class*="mediainfo_toggleBtn"],
body.bili-bangumi-page [class*="mediainfo_content_placeholder"] {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-bangumi-page [class*="mediainfo_media_desc"] p > i,
body.bili-bangumi-page [class*="mediainfo_content"] i {
display: none !important;
visibility: hidden !important;
}
body.bili-bangumi-page [class*="mediainfo_mediaRating"] {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 auto !important;
}
body.bili-bangumi-page [class*="upinfo_upInfoCard"] {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 auto !important;
}
body.bili-bangumi-page #comment-module {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 12px 0 0 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
display: block !important;
position: static !important;
clear: both !important;
}
body.bili-bangumi-page #comment-module * {
max-width: 100% !important;
box-sizing: border-box !important;
}
body.bili-bangumi-page #comment-body {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
display: block !important;
}
body.bili-bangumi-page #comment-body bili-comments {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
position: static !important;
}
body.bili-bangumi-page .bpx-player-ctrl-pip,
body.bili-bangumi-page .bpx-player-ctrl-wide,
body.bili-bangumi-page .bpx-player-ctrl-time,
body.bili-bangumi-page .bpx-player-ctrl-eplist { display: none !important; }
@media screen and (orientation: landscape) {
body.bili-bangumi-page .bpx-player-ctrl-time { display: block !important; }
}
@media screen and (width >= 750px) {
body.bili-bangumi-page .bpx-player-container[data-screen=full] .bpx-player-ctrl-quality-result {
height: unset !important;
font-size: 16px !important;
}
body.bili-bangumi-page .bpx-player-container[data-screen=full] .bpx-player-control-wrap { height: 43px !important; }
body.bili-bangumi-page .bpx-player-container[data-screen=full] .bpx-player-control-top { bottom: 43px !important; }
}
body.bili-bangumi-page div.bpx-player-control-bottom {
height: 29px !important;
margin-top: 7px !important;
padding: 0 7px !important;
}
body.bili-bangumi-page div.bpx-player-control-top {
transition: none;
bottom: 36px;
}
body.bili-bangumi-page .bpx-player-pbp .bpx-player-pbp-pin-tip { display: none !important; }
body.bili-bangumi-page .bpx-player-control-bottom-left,
body.bili-bangumi-page .bpx-player-control-bottom-right { flex: unset !important; }
body.bili-bangumi-page .bpx-player-container .bpx-player-control-bottom-left,
body.bili-bangumi-page .bpx-player-container .bpx-player-control-bottom-right { min-width: 0 !important; }
body.bili-bangumi-page .bpx-player-ctrl-quality {
min-width: 0;
flex: auto !important;
margin-right: 0 !important;
}
body.bili-bangumi-page .bpx-player-ctrl-quality-result,
body.bili-bangumi-page .bpx-player-ctrl-playbackrate { font-size: 12px !important; }
body.bili-bangumi-page .bpx-player-ctrl-quality-result { height: 22px; overflow: hidden; }
body.bili-bangumi-page .bpx-player-ctrl-playbackrate { text-wrap: nowrap; }
body.bili-bangumi-page .bpx-player-progress-wrap {
height: 7px !important;
padding-bottom: 3px !important;
}
body.bili-bangumi-page .bpx-player-control-mask {
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%) !important;
}
body.bili-bangumi-page .bpx-player-ctrl-quality-menu-wrap { bottom: 22px !important; }
body.bili-bangumi-page .bpx-player-ctrl-quality-menu-item {
max-width: 95px;
max-height: 36px;
height: 7.7vw !important;
padding: 0 8px 0 12px !important;
}
body.bili-bangumi-page .bpx-player-ctrl-quality-badge-bigvip {
color: #fff;
background-color: #f25d8e;
width: 16px;
overflow: hidden;
right: 8px !important;
}
body.bili-bangumi-page .bpx-player-ctrl-quality-badge-bigvip:before {
color: #fff;
content: "V";
background-color: #f25d8e;
padding: 0 4px;
position: absolute;
left: 0;
}
body.bili-bangumi-page .bpx-player-ctrl-playbackrate-menu { bottom: 22px !important; }
body.bili-bangumi-page .bpx-player-ctrl-playbackrate-menu-item {
justify-content: center;
align-items: center;
max-height: 36px;
display: flex;
height: 7.7vw !important;
}
body.bili-bangumi-page div.bpx-player-ctrl-subtitle-box {
bottom: 0;
right: 0;
transform: scale(.8);
}
body.bili-bangumi-page .bpx-player-ctrl-setting-box {
bottom: 0 !important;
right: 0 !important;
}
body.bili-bangumi-page .bpx-player-ctrl-setting-menu-right { padding: 5px !important; }
body.bili-bangumi-page .bpx-player-ctrl-setting-menu-right > div {
justify-content: center;
align-items: center;
max-height: 40px;
display: flex;
height: 10vw !important;
}
body.bili-bangumi-page .bpx-player-ctrl-setting-menu-right .bui-radio {
width: 77%;
margin: 0 0 8px 7px;
}
body.bili-bangumi-page .bpx-player-ctrl-setting-others-content {
margin-left: 7px;
width: 77% !important;
}
body.bili-bangumi-page .bpx-player-ctrl-setting-highenergy .bui-checkbox-name {
white-space: nowrap;
width: 48px;
overflow: hidden;
}
body.bili-bangumi-page .bpx-player-dm-setting-wrap {
top: 0;
left: 50%;
transform: translate(-50%);
bottom: unset !important;
position: fixed !important;
}
body.bili-bangumi-page .bpx-player-control-bottom-center .bpx-player-sending-bar {
height: 24px !important;
padding-right: 6px !important;
}
body.bili-bangumi-page .bpx-player-ctrl-viewpoint {
flex-shrink: 1 !important;
width: 45px !important;
min-width: 0 !important;
margin: 0 !important;
}
body.bili-bangumi-page .bpx-player-ctrl-viewpoint-text {
flex: none;
font-size: 12px;
width: 24px !important;
text-overflow: unset !important;
}
body.bili-bangumi-page .bpx-player-control-wrap:not(.new) { display: none; }
body.bili-bangumi-page .bpx-player-control-entity,
body.bili-bangumi-page .bpx-player-control-mask { display: block !important; }
body.bili-bangumi-page .bpx-player-container[data-ctrl-hidden=true] .bpx-player-control-bottom { display: none; }
body.bili-bangumi-page .bpx-player-container[ctrl-shown=false] .bpx-player-control-wrap .bpx-player-control-mask {
opacity: 0;
transition: opacity .2s ease-in;
}
body.bili-bangumi-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-wrap .bpx-player-control-mask { opacity: 1; }
body.bili-bangumi-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-control-bottom {
opacity: 1;
display: flex;
}
body.bili-bangumi-page .bpx-player-container[ctrl-shown=false] .bpx-player-control-entity .bpx-player-control-bottom { display: none; }
body.bili-bangumi-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-control-top,
body.bili-bangumi-page .bpx-player-container[ctrl-shown=false] .bpx-player-control-entity .bpx-player-shadow-progress-area {
opacity: 1;
visibility: visible;
}
body.bili-bangumi-page .bpx-player-container[ctrl-shown=false] .bpx-player-control-entity .bpx-player-control-top,
body.bili-bangumi-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-shadow-progress-area {
opacity: 0;
visibility: hidden;
}
body.bili-bangumi-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-pbp {
opacity: 1;
width: 100%;
bottom: calc(100% + 6px);
left: 0;
}
body.bili-bangumi-page div.bpx-player-control-entity .bpx-player-pbp {
opacity: 0;
width: calc(100% + 24px);
bottom: 1px;
left: -12px;
}
body.bili-bangumi-page div.bpx-player-control-entity .bpx-player-pbp.pin { opacity: 1; }
body.bili-bangumi-page .bpx-player-pbp-pin { display: none; opacity: 1 !important; }
body.bili-bangumi-page .bpx-player-container[ctrl-shown=true] .bpx-player-control-entity .bpx-player-pbp-pin { display: block; }
body.bili-bangumi-page .bpx-player-video-perch { max-height: 0; }
body.bili-bangumi-page .bpx-player-top-wrap,
body.bili-bangumi-page .bpx-player-state-wrap { display: none !important; }
body.bili-bangumi-page .bpx-player-container,
body.bili-bangumi-page #bilibili-player-placeholder { box-shadow: none !important; }
body.bili-dynamic-page { background: #f4f5f7 !important; }
body.bili-dynamic-page .bili-header,
body.bili-dynamic-page .international-header,
body.bili-dynamic-page .mini-header,
body.bili-dynamic-page .bili-header__bar,
body.bili-dynamic-page .bili-header__menu,
body.bili-dynamic-page #bili-header-container {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
body.bili-dynamic-page .bgc,
body.bili-dynamic-page .bg { display: none !important; }
body.bili-dynamic-page .bili-dyn-home--member > .left,
body.bili-dynamic-page .bili-dyn-home--member > aside.left,
body.bili-dynamic-page .bili-dyn-home--member > .right,
body.bili-dynamic-page .bili-dyn-home--member > aside.right,
body.bili-dynamic-page .bili-dyn-sidebar,
body.bili-dynamic-page .bili-dyn-sidebar__btn {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
body.bili-dynamic-page #app,
body.bili-dynamic-page #app > div,
body.bili-dynamic-page .bili-dyn-home--member,
body.bili-dynamic-page .bili-dyn-home--member > main,
body.bili-dynamic-page .bili-dyn-list,
body.bili-dynamic-page .bili-dyn-list__item,
body.bili-dynamic-page .bili-dyn-item {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
float: none !important;
}
body.bili-dynamic-page .bili-dyn-list__items {
padding: 8px 0 8px 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-dynamic-page .bili-dyn-list__item {
padding: 0 8px 8px 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-dynamic-page .bili-dyn-item {
position: relative !important;
background: #ffffff !important;
border: 1px solid #e3e5e7 !important;
border-radius: 8px !important;
padding: 12px 8px 0 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: block !important;
float: none !important;
}
body.bili-dynamic-page .bili-dyn-item * {
max-width: 100% !important;
box-sizing: border-box !important;
}
body.bili-dynamic-page .bili-dyn-item img,
body.bili-dynamic-page .bili-dyn-item video,
body.bili-dynamic-page .bili-dyn-item picture {
max-width: 100% !important;
height: auto !important;
}
body.bili-dynamic-page .bili-dyn-item__main {
position: relative !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
float: none !important;
}
body.bili-dynamic-page .bili-dyn-item__avatar {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 56px !important;
max-width: 56px !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-dynamic-page .bili-dyn-item__avatar .bili-dyn-avatar,
body.bili-dynamic-page .bili-dyn-item__avatar .b-avatar,
body.bili-dynamic-page .bili-dyn-item__avatar img {
width: 48px !important;
height: 48px !important;
max-width: 100% !important;
border-radius: 50% !important;
}
body.bili-dynamic-page .bili-dyn-item__header {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 64px !important;
padding-right: 8px !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-dynamic-page .bili-dyn-item__more,
body.bili-dynamic-page .bili-dyn-more,
body.bili-dynamic-page .bili-dyn-more__btn,
body.bili-dynamic-page .bili-dyn-more__cascader {
display: none !important;
visibility: hidden !important;
}
body.bili-dynamic-page .bili-dyn-content,
body.bili-dynamic-page .bili-dyn-content__orig,
body.bili-dynamic-page .bili-dyn-content__orig__major {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-dynamic-page .bili-dyn-card-video {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
box-sizing: border-box !important;
}
body.bili-dynamic-page .bili-dyn-card-video__header {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
}
body.bili-dynamic-page .bili-dyn-card-video__cover {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
box-sizing: border-box !important;
}
body.bili-dynamic-page .bili-dyn-card-video__cover .b-img,
body.bili-dynamic-page .bili-dyn-card-video__cover .b-img__inner,
body.bili-dynamic-page .bili-dyn-card-video__cover img,
body.bili-dynamic-page .bili-dyn-card-video__cover picture {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
display: block !important;
}
body.bili-dynamic-page .bili-dyn-card-video__body {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
flex: 1 1 auto !important;
padding: 8px 0 0 0 !important;
box-sizing: border-box !important;
}
body.bili-dynamic-page .bili-dyn-card-video__body,
body.bili-dynamic-page .bili-dyn-card-video__title,
body.bili-dynamic-page .bili-dyn-card-video__desc {
border: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
border-width: 0 !important;
border-style: none !important;
box-shadow: none !important;
outline: none !important;
}
body.bili-dynamic-page .bili-dyn-card-video__body::before,
body.bili-dynamic-page .bili-dyn-card-video__body::after,
body.bili-dynamic-page .bili-dyn-card-video__desc::before,
body.bili-dynamic-page .bili-dyn-card-video__desc::after {
content: none !important;
display: none !important;
border: none !important;
background: none !important;
box-shadow: none !important;
}
body.bili-dynamic-page .bili-dyn-card-video__title,
body.bili-dynamic-page .bili-dyn-card-video__desc,
body.bili-dynamic-page .bili-dyn-card-video__title .bili-ellipsis,
body.bili-dynamic-page .bili-dyn-card-video__desc .bili-ellipsis { text-align: center !important; }
body.bili-dynamic-page .bili-dyn-card-video__stat,
body.bili-dynamic-page .bili-dyn-card-video__stat__item,
body.bili-dynamic-page .bili-dyn-card-video__stat__item.danmaku {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
body.bili-dynamic-page .bili-dyn-item,
body.bili-dynamic-page .bili-dyn-item * {
text-align: center !important;
}
body.bili-dynamic-page .bili-dyn-item__body {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 8px !important;
padding-right: 8px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.bili-dynamic-page .bili-dyn-item__footer,
body.bili-dynamic-page .bili-dyn-item__action,
body.bili-dynamic-page .bili-dyn-action,
body.bili-dynamic-page .bili-dyn-action.forward,
body.bili-dynamic-page .bili-dyn-action.comment,
body.bili-dynamic-page .bili-dyn-action.like {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-dynamic-page .bili-dyn-item {
padding-bottom: 12px !important;
}
body.bili-dynamic-page .bili-dyn-content__orig__major img,
body.bili-dynamic-page .bili-dyn-content__orig__major picture,
body.bili-dynamic-page .bili-dyn-content__orig__major .b-img {
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
}
body.bili-dynamic-page .bili-dyn-content__orig__major [class*="grid"],
body.bili-dynamic-page .bili-dyn-content__orig__major [class*="pics"],
body.bili-dynamic-page .bili-dyn-content__orig__major [class*="gallery"],
body.bili-dynamic-page .bili-dyn-content__orig__major [class*="goods"],
body.bili-dynamic-page .bili-dyn-content__orig__major [class*="commodity"],
body.bili-dynamic-page .bili-dyn-content__orig__major [class*="card"] {
margin-left: auto !important;
margin-right: auto !important;
justify-content: center !important;
}
body.bili-dynamic-page .bili-dyn-item__action {
flex: 1 1 0 !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.bili-dynamic-page .bili-dyn-action {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
gap: 4px !important;
}
body.bili-dynamic-page .bili-dyn-list-tabs,
body.bili-dynamic-page .bili-dyn-list-tabs__list,
body.bili-dynamic-page .bili-dyn-list-tabs__item {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
body.bili-dynamic-page .bili-dyn-home--member > main > section:nth-of-type(1),
body.bili-dynamic-page .bili-dyn-home--member > main > section:nth-of-type(2) {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
body.bili-dynamic-page .bili-dyn-search-trendings,
body.bili-dynamic-page .trending-list,
body.bili-dynamic-page .sticky { display: none !important; }
body.bili-dynamic-page .bili-tabs.dyn-tabs,
body.bili-dynamic-page .bili-tabs__content,
body.bili-dynamic-page .bili-tab-pane,
body.bili-dynamic-page .comment-wrap,
body.bili-dynamic-page .bili-comment-container {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
padding-left: 8px !important;
padding-right: 8px !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: hidden !important;
float: none !important;
position: static !important;
}
body.bili-dynamic-page bili-comments,
body.bili-dynamic-page .bili-comment-container bili-comments {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
display: block !important;
}
body.bili-dynamic-page .bili-comment-box,
body.bili-dynamic-page .bili-comment-input-wrap,
body.bili-dynamic-page .comment-send-box,
body.bili-dynamic-page .bili-comment-editor,
body.bili-dynamic-page .bili-comment-editor-wrap {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-dynamic-page .bili-tabs.dyn-tabs > .bili-tabs__header,
body.bili-dynamic-page .bili-tabs.dyn-tabs .bili-tabs__header {
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #e3e5e7 !important;
box-shadow: none !important;
background-image: none !important;
}
body.bili-dynamic-page .bili-tabs__nav,
body.bili-dynamic-page .bili-tabs__nav__items,
body.bili-dynamic-page .bili-tabs__nav__item {
box-shadow: none !important;
background-image: none !important;
}
body.bili-dynamic-page .bili-tabs__nav__item:nth-of-type(3),
body.bili-dynamic-page .bili-tabs__nav__items > .bili-tabs__nav__item:nth-of-type(3) {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-dynamic-page .sidebar-wrap,
body.bili-dynamic-page .side-toolbar,
body.bili-dynamic-page .side-toolbar__box,
body.bili-dynamic-page .side-toolbar__bottom {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body:has(.topic-detail) {
padding: 8px 0 0 0 !important;
background: #f4f5f7 !important;
}
body:has(.topic-detail) .topic-detail {
overflow-x: hidden !important;
background: #f4f5f7 !important;
}
body:has(.topic-detail) #app,
body:has(.topic-detail) .topic-detail,
body:has(.topic-detail) .topic-nav__main,
body:has(.topic-detail) .topic-detail__header,
body:has(.topic-detail) .topic-detail__content,
body:has(.topic-detail) .topic-detail__header > .main-part,
body:has(.topic-detail) .topic-detail__content > .main-part,
body:has(.topic-detail) .topic-list,
body:has(.topic-detail) .topic-list__flow-list,
body:has(.topic-detail) .list__topic-card,
body:has(.topic-detail) .bili-dyn-item,
body:has(.topic-detail) .bili-dyn-item__main {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
float: none !important;
}
body:has(.topic-detail) .topic-detail {
padding: 0 8px 8px 8px !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .topic-list__flow-list {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body:has(.topic-detail) .switch-tab {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 24px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .switch-tab__tab,
body:has(.topic-detail) .switch-tab__tab-text {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
line-height: normal !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .list-view__shim,
body:has(.topic-detail) .topic-list__flow-list > .list-view__shim {
display: block !important;
visibility: visible !important;
width: 100% !important;
min-height: 1px !important;
height: auto !important;
opacity: 0 !important;
}
body:has(.topic-detail) .topic-nav,
body:has(.topic-detail) .share-popover,
body:has(.topic-detail) .active-card,
body:has(.topic-detail) .active-content,
body:has(.topic-detail) .active-button,
body:has(.topic-detail) .interaction-container {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body:has(.topic-detail) .topic-detail__header {
height: auto !important;
background: #ffffff !important;
border: 1px solid #e3e5e7 !important;
border-radius: 8px !important;
margin: 0 0 8px 0 !important;
padding: 12px !important;
box-sizing: border-box !important;
text-align: center !important;
}
body:has(.topic-detail) .topic-detail__header > .main-part {
margin-top: 0 !important;
padding-top: 0 !important;
}
body:has(.topic-detail) .topic-detail__header * { text-align: center !important; }
body:has(.topic-detail) .topic-tv-icon {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body:has(.topic-detail) .launch-user,
body:has(.topic-detail) .topic-title,
body:has(.topic-detail) .topic-desc {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
justify-content: center !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .topic-title h1 {
font-size: 17px !important;
line-height: 24px !important;
}
body:has(.topic-detail) .topic-desc__text,
body:has(.topic-detail) .topic-desc {
font-size: 13px !important;
line-height: 20px !important;
}
body:has(.topic-detail) .switch-tab {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
gap: 24px !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
background: transparent !important;
}
body:has(.topic-detail) .topic-detail__header { margin-bottom: 8px !important; }
body:has(.topic-detail) .topic-detail__content { margin-top: 8px !important; }
body:has(.topic-detail) .topic-list {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body:has(.topic-detail) .switch-tab__tab {
width: auto !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
line-height: normal !important;
margin: 0 !important;
padding: 0 !important;
}
body:has(.topic-detail) .switch-tab__line {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
}
body:has(.topic-detail) .switch-tab__tab-text {
font-size: 15px !important;
color: #61666d !important;
}
body:has(.topic-detail) .switch-tab__tab-text.selected {
color: #00aeec !important;
font-weight: 600 !important;
}
body:has(.topic-detail) .list__topic-card {
padding: 0 0 8px 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .bili-dyn-item {
position: relative !important;
display: block !important;
background: #ffffff !important;
border: 1px solid #e3e5e7 !important;
border-radius: 8px !important;
padding: 12px 8px 12px 8px !important;
margin: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
float: none !important;
}
body:has(.topic-detail) .bili-dyn-item * {
max-width: 100% !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .bili-dyn-item img,
body:has(.topic-detail) .bili-dyn-item video,
body:has(.topic-detail) .bili-dyn-item picture {
max-width: 100% !important;
height: auto !important;
}
body:has(.topic-detail) .bili-dyn-item,
body:has(.topic-detail) .bili-dyn-item * { text-align: center !important; }
body:has(.topic-detail) .bili-dyn-item__avatar {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 56px !important;
max-width: 56px !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .bili-dyn-item__avatar .bili-dyn-avatar,
body:has(.topic-detail) .bili-dyn-item__avatar .b-avatar,
body:has(.topic-detail) .bili-dyn-item__avatar img {
width: 48px !important;
height: 48px !important;
max-width: 100% !important;
border-radius: 50% !important;
}
body:has(.topic-detail) .bili-dyn-item__header {
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 0 8px 0 !important;
padding-left: 64px !important;
padding-right: 8px !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .bili-dyn-item__body {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 8px 0 8px !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .bili-dyn-item__following,
body:has(.topic-detail) .bili-dyn-follow-btn,
body:has(.topic-detail) .bili-dyn-item__more,
body:has(.topic-detail) .bili-dyn-more,
body:has(.topic-detail) .bili-dyn-more__btn,
body:has(.topic-detail) .bili-dyn-item__interaction,
body:has(.topic-detail) .bili-dyn-interaction,
body:has(.topic-detail) .bili-dyn-item__footer,
body:has(.topic-detail) .bili-dyn-item__action,
body:has(.topic-detail) .bili-dyn-action,
body:has(.topic-detail) .bili-dyn-card-video__stat {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body:has(.topic-detail) .bili-dyn-content,
body:has(.topic-detail) .bili-dyn-content__orig,
body:has(.topic-detail) .bili-dyn-content__orig__major {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .bili-dyn-card-video {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .bili-dyn-card-video__header {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
flex: 0 0 auto !important;
}
body:has(.topic-detail) .bili-dyn-card-video__cover {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
box-sizing: border-box !important;
}
body:has(.topic-detail) .bili-dyn-card-video__cover .b-img,
body:has(.topic-detail) .bili-dyn-card-video__cover .b-img__inner,
body:has(.topic-detail) .bili-dyn-card-video__cover img,
body:has(.topic-detail) .bili-dyn-card-video__cover picture {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
display: block !important;
}
body:has(.topic-detail) .bili-dyn-card-video__body {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
flex: 1 1 auto !important;
padding: 8px 0 0 0 !important;
border: none !important;
border-width: 0 !important;
border-style: none !important;
box-shadow: none !important;
outline: none !important;
}
body:has(.topic-detail) .bili-dyn-card-video__body::before,
body:has(.topic-detail) .bili-dyn-card-video__body::after,
body:has(.topic-detail) .bili-dyn-card-video__desc::before,
body:has(.topic-detail) .bili-dyn-card-video__desc::after {
content: none !important;
display: none !important;
border: none !important;
background: none !important;
box-shadow: none !important;
}
body:has(.topic-detail) .bili-dyn-card-video__title {
font-size: 14px !important;
line-height: 20px !important;
}
body:has(.topic-detail) .bili-dyn-card-video__desc {
font-size: 12px !important;
line-height: 18px !important;
color: #9499a0 !important;
}
body:has(.topic-detail) .bili-dyn-content__orig__major .b-img,
body:has(.topic-detail) .bili-dyn-content__orig__major picture {
margin-left: auto !important;
margin-right: auto !important;
}
body.bili-opus-page .bili-tabs.opus-tabs,
body.bili-opus-page .bili-tabs.opus-tabs > .bili-tabs__content,
body.bili-opus-page .bili-tabs.opus-tabs > .bili-tabs__content > .bili-tab-pane,
body.bili-opus-page .bili-tabs.opus-tabs .comment-wrap {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
float: none !important;
position: static !important;
}
body.bili-opus-page .bili-tabs.opus-tabs .comment-wrap > .bili-comment-container {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 8px !important;
padding-right: 8px !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .bili-comment-container bili-comments,
body.bili-opus-page .comment-wrap bili-comments {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .bili-comment-box,
body.bili-opus-page .bili-comment-input-wrap,
body.bili-opus-page .comment-send-box,
body.bili-opus-page .bili-comment-editor,
body.bili-opus-page .bili-comment-editor-wrap {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-opus-page .bili-tabs__nav__item:nth-of-type(3),
body.bili-opus-page .bili-tabs__nav__items > .bili-tabs__nav__item:nth-of-type(3) {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-opus-page .sidebar-wrap,
body.bili-opus-page .side-toolbar,
body.bili-opus-page .side-toolbar__box,
body.bili-opus-page .side-toolbar__bottom {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-opus-page {
background: #f4f5f7 !important;
overflow-x: hidden !important;
padding-top: 8px !important;
}
body.bili-opus-page .opus-module-content,
body.bili-opus-page .opus-module-content p,
body.bili-opus-page .opus-module-content span,
body.bili-opus-page .opus-module-title {
text-align: center !important;
}
body.bili-opus-page .opus-para-pic,
body.bili-opus-page .bili-album,
body.bili-opus-page .bili-album__preview.grid2,
body.bili-opus-page .opus-para-link-card,
body.bili-opus-page .bili-dyn-card-goods,
body.bili-opus-page .bili-dyn-card-goods__wrap,
body.bili-opus-page .bili-dyn-card-goods__one {
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
body.bili-opus-page #bili-header-container,
body.bili-opus-page .bili-header,
body.bili-opus-page .bili-header--mini,
body.bili-opus-page .bili-header--fixed,
body.bili-opus-page .bili-header__bar,
body.bili-opus-page .bili-header__menu,
body.bili-opus-page .international-header,
body.bili-opus-page .mini-header {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
body.bili-opus-page .bgc,
body.bili-opus-page .bg { display: none !important; }
body.bili-opus-page .right-sidebar-wrap,
body.bili-opus-page .side-toolbar,
body.bili-opus-page .go-top,
body.bili-opus-page [class*="back-top"],
body.bili-opus-page [class*="to-top"] {
display: none !important;
visibility: hidden !important;
}
body.bili-opus-page #app,
body.bili-opus-page #opus-detail-app,
body.bili-opus-page .opus-detail,
body.bili-opus-page .bili-opus-view,
body.bili-opus-page .opus-module-top,
body.bili-opus-page .opus-module-title,
body.bili-opus-page .opus-module-author,
body.bili-opus-page .opus-module-content,
body.bili-opus-page .opus-module-copyright,
body.bili-opus-page .opus-module-bottom,
body.bili-opus-page .bili-tabs.opus-tabs,
body.bili-opus-page .bili-tabs__header,
body.bili-opus-page .bili-tabs__content,
body.bili-opus-page .comment-wrap,
body.bili-opus-page .bili-comment-container {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 8px !important;
padding-right: 8px !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
float: none !important;
position: static !important;
left: auto !important;
right: auto !important;
}
body.bili-opus-page img,
body.bili-opus-page video,
body.bili-opus-page picture,
body.bili-opus-page .b-img,
body.bili-opus-page .b-img__inner {
max-width: 100% !important;
height: auto !important;
display: block !important;
}
body.bili-opus-page .opus-module-top__album__cover,
body.bili-opus-page .opus-module-top__display,
body.bili-opus-page .opus-module-top__album {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
}
body.bili-opus-page .article-item__label,
body.bili-opus-page .article-item__stats,
body.bili-opus-page .article-item__stat,
body.bili-opus-page .article-item__meta > *:not(.article-item__author) {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-opus-page .article-item__meta {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 24px !important;
min-height: 24px !important;
max-height: 24px !important;
margin: 4px 0 0 0 !important;
padding: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.bili-opus-page .article-item__author {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 5px !important;
flex: 0 1 auto !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
height: 24px !important;
max-height: 24px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-opus-page .article-item__avatar,
body.bili-opus-page .article-item__author .b-img,
body.bili-opus-page .article-item__author .b-img__inner,
body.bili-opus-page .article-item__author img,
body.bili-opus-page .article-item__author picture {
flex: 0 0 24px !important;
width: 24px !important;
min-width: 24px !important;
max-width: 24px !important;
height: 24px !important;
max-height: 24px !important;
border-radius: 50% !important;
object-fit: cover !important;
flex-shrink: 0 !important;
}
body.bili-opus-page .article-item__uname {
flex: 1 1 auto !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
height: 17px !important;
line-height: 17px !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.bili-opus-page .article-item,
body.bili-opus-page .feed-item,
body.bili-opus-page .article-item__left,
body.bili-opus-page .article-item__details {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
body.bili-opus-page .article-item__left {
overflow: visible !important;
}
body.bili-opus-page .article-item__title,
body.bili-opus-page .article-item__desc {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
white-space: normal !important;
}
body.bili-opus-page .feed-item {
margin: 0 0 8px 0 !important;
}
body.bili-opus-page .feed {
padding-top: 8px !important;
box-sizing: border-box !important;
}
body.bili-opus-page .feed-item,
body.bili-opus-page .article-item {
border: none !important;
border-top: none !important;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
background-image: none !important;
}
body.bili-opus-page .feed-item::before,
body.bili-opus-page .feed-item::after,
body.bili-opus-page .article-item::before,
body.bili-opus-page .article-item::after {
display: none !important;
content: none !important;
height: 0 !important;
border: none !important;
}
body.bili-opus-page .article-item {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
background: #ffffff !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
overflow: hidden !important;
box-sizing: border-box !important;
position: relative !important;
padding: 8px 4px !important;
gap: 12px !important;
}
body.bili-opus-page .article-item__left {
flex: 1 1 0 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .article-item__right {
display: flex !important;
align-self: stretch !important;
flex: 0 0 117px !important;
width: 117px !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .article-item__cover {
flex: 1 1 auto !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 8px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.bili-opus-page .article-item__cover .b-img,
body.bili-opus-page .article-item__cover .b-img__inner,
body.bili-opus-page .article-item__cover img,
body.bili-opus-page .article-item__cover picture {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
object-fit: cover !important;
object-position: center !important;
box-sizing: border-box !important;
}
body.bili-opus-page .bili-opus-view > .opus-module-top,
body.bili-opus-page .opus-detail .opus-module-top,
body.bili-opus-page .opus-module-top {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-opus-page .bili-opus-view > .opus-module-copyright,
body.bili-opus-page .opus-detail .opus-module-copyright,
body.bili-opus-page .opus-module-copyright {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-opus-page .bili-opus-view > .opus-module-bottom,
body.bili-opus-page .opus-detail .opus-module-bottom,
body.bili-opus-page .opus-module-bottom,
body.bili-opus-page .opus-module-bottom__share,
body.bili-opus-page .opus-module-bottom__share__list {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-opus-page .opus-module-author__more,
body.bili-opus-page .opus-module-author__more > .opus-more,
body.bili-opus-page .opus-module-author__more .opus-more__container,
body.bili-opus-page .opus-module-author__more .opus-more__btn,
body.bili-opus-page .opus-module-author__right > .opus-more {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-opus-page .bili-opus-view > .opus-module-author
> .opus-module-author__right > .opus-module-author__more {
display: none !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-opus-page .opus-para-pic,
body.bili-opus-page .opus-pic-view,
body.bili-opus-page .bili-dyn-pic,
body.bili-opus-page .bili-dyn-pic__img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
body.bili-opus-page * {
max-width: 100% !important;
box-sizing: border-box !important;
}
body .bili-user-profile {
position: fixed !important;
left: 0 !important;
right: 0 !important;
top: 36px !important;
bottom: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
max-height: 90vh !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
transform: none !important;
translate: none !important;
scale: none !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
border-radius: 12px 12px 0 0 !important;
box-shadow: 0 -2px 12px rgba(0,0,0,0.12) !important;
z-index: 2147483647 !important;
}
body .bili-user-profile__content,
body .bili-user-profile-view,
body .bili-user-profile-view__background,
body .bili-user-profile-view__info {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
transform: none !important;
}
body .bili-user-profile-view__info__button.chat {
display: none !important;
visibility: hidden !important;
width: 0 !important;
min-width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
html:has(body.bili-space-page),
body.bili-space-page {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow-x: hidden !important;
overflow-x: clip !important;
margin: 0 !important;
padding: 0 !important;
background: #f1f2f3 !important;
}
body.bili-space-page { padding-top: 0 !important; }
body.bili-space-page > #app,
body.bili-space-page > div#app {
padding-top: 52px !important;
box-sizing: border-box !important;
margin-top: 0 !important;
}
body.bili-space-page > #app::before {
content: '' !important;
display: block !important;
height: 0 !important;
overflow: hidden !important;
}
body.bili-space-page .space-theme-bg,
body.bili-space-page #app > .space-theme-bg {
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 0 !important;
pointer-events: none !important;
}
body.bili-space-page #app > main.space-main {
position: relative !important;
z-index: 2 !important;
}
body.bili-space-page .search-sidebar,
body.bili-space-page .upload-sidenav {
z-index: 3 !important;
}
body.bili-space-page .bili-header,
body.bili-space-page .international-header,
body.bili-space-page .mini-header,
body.bili-space-page #biliMainHeader,
body.bili-space-page #bili-header-container,
body.bili-space-page .bili-header--mini,
body.bili-space-page .bili-header--fixed,
body.bili-space-page .bili-header__bar,
body.bili-space-page .bili-header__menu,
body.bili-space-page .footer,
body.bili-space-page .bili-footer,
body.bili-space-page .international-footer,
body.bili-space-page .mini-footer,
body.bili-space-page .space-footer,
body.bili-space-page .go-top,
body.bili-space-page .bili-go-top,
body.bili-space-page [class*="back-top"],
body.bili-space-page [class*="goto-top"],
body.bili-space-page [class*="to-top"],
body.bili-space-page .fixed-sidebar,
body.bili-space-page .bili-fixed-sidebar,
body.bili-space-page .side-toolbar,
body.bili-space-page .right-sidebar-wrap,
body.bili-space-page .space-float {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
body.bili-space-page .toutu.header-toutu {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-space-page .header.space-header {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.bili-space-page .upinfo-detail__top .level,
body.bili-space-page .upinfo-detail__top a.level,
body.bili-space-page .upinfo-detail__top .vip,
body.bili-space-page .upinfo-detail__top .img-label,
body.bili-space-page .upinfo-detail__bottom,
body.bili-space-page .upinfo-sign,
body.bili-space-page .upinfo-sign__text,
body.bili-space-page .interactions > a.message-btn,
body.bili-space-page .interactions > .more-actions,
body.bili-space-page .interactions > .menu-popover.message,
body.bili-space-page .interactions > .v-popover-wrap.message-entry {
display: none !important;
visibility: hidden !important;
}
body.bili-space-page .nav-search.nav-bar-search,
body.bili-space-page label.nav-search,
body.bili-space-page input.nav-search-input,
body.bili-space-page .nav-bar__main-right,
body.bili-space-page .nav-statistics {
display: none !important;
visibility: hidden !important;
}
body.bili-space-page .nav-bar.space-navbar {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 52px !important;
max-height: 52px !important;
overflow: hidden !important;
box-sizing: border-box !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 8px !important;
position: sticky !important;
top: 52px !important;
z-index: 1000 !important;
background: #ffffff !important;
}
body.bili-space-page #app:has(> main.space-main.route_search) > .nav-bar.space-navbar,
body.bili-space-page #app:has(> main.space-main.route_search) > .header.space-header ~ .nav-bar.space-navbar,
body.bili-space-page:has(main.space-main.route_search) .nav-bar.space-navbar {
display: none !important;
visibility: hidden !important;
width: 0 !important;
max-width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-space-page .header.space-header,
body.bili-space-page #app > .header.space-header,
body.bili-space-page #app:has(> main.space-main.route_search) > .header.space-header,
body.bili-space-page:has(main.space-main.route_search) .header.space-header {
display: none !important;
visibility: hidden !important;
width: 0 !important;
max-width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-space-page .nav-bar__main {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: nowrap !important;
gap: 0 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 52px !important;
max-height: 52px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .nav-bar__main-left,
body.bili-space-page .nav-tab {
height: 52px !important;
max-height: 52px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .nav-tab > a.nav-tab__item {
height: 52px !important;
max-height: 52px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
body.bili-space-page .nav-bar__main-left {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 1 1 auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.bili-space-page .nav-tab {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
white-space: nowrap !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .radio-filter {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
}
body.bili-space-page button.playall-btn,
body.bili-space-page .vui_button.playall-btn,
body.bili-space-page .action-btn.playall-btn,
body.bili-space-page [class*="playall"] {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
}
body.bili-space-page #app,
body.bili-space-page main.space-main,
body.bili-space-page .space-home {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
display: block !important;
}
body.bili-space-page .space-home > .aside,
body.bili-space-page .space-home > aside.aside,
body.bili-space-page main.space-main .aside {
display: none !important;
visibility: hidden !important;
width: 0 !important;
max-width: 0 !important;
min-width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
flex: 0 0 0 !important;
position: absolute !important;
left: -9999px !important;
}
body.bili-space-page .space-home > .content {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 1 1 100% !important;
padding: 0 8px 0 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .top-video {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 0 !important;
column-gap: 0 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.bili-space-page .top-video > .top-video__cover {
flex: 0 0 110px !important;
width: 110px !important;
min-width: 110px !important;
max-width: 110px !important;
align-self: center !important;
margin: 0 !important;
}
body.bili-space-page .top-video > .top-video__info {
flex: 1 1 auto !important;
width: auto !important;
max-width: calc(100% - 110px) !important;
min-width: 0 !important;
align-self: center !important;
margin: 0 !important;
padding-left: 12px !important;
padding-right: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.bili-space-page .top-video .top-video__title {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
line-clamp: 2 !important;
width: 100% !important;
max-width: 100% !important;
white-space: normal !important;
word-break: break-word !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.bili-space-page .top-video .top-video__desc {
display: block !important;
width: 100% !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.bili-space-page .top-video .top-video__stats {
width: 100% !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.bili-space-page .route_home .home-section:has(> .section-wrap.video-section) {
margin-top: -8px !important;
}
body.bili-space-page .route_home .home-section:last-of-type,
body.bili-space-page .route_home .content > .home-section:last-child {
margin-bottom: 0 !important;
border-bottom: none !important;
}
body.bili-space-page .route_home .home-section:last-of-type .section-wrap,
body.bili-space-page .route_home .content > .home-section:last-child .section-wrap {
margin-bottom: 0 !important;
border-bottom: none !important;
box-shadow: none !important;
}
body.bili-space-page .route_home .home-section:last-of-type .section-wrap::after,
body.bili-space-page .route_home .home-section:last-of-type .section-wrap::before,
body.bili-space-page .route_home .content > .home-section:last-child .section-wrap::after,
body.bili-space-page .route_home .content > .home-section:last-child .section-wrap::before {
content: none !important;
display: none !important;
border: none !important;
background: none !important;
box-shadow: none !important;
}
body.bili-space-page .route_home .content,
body.bili-space-page .route_home .space-home {
border-bottom: none !important;
box-shadow: none !important;
background-image: none !important;
}
body.bili-space-page .route_home .content::after,
body.bili-space-page .route_home .space-home::after,
body.bili-space-page .route_home .content::before,
body.bili-space-page .route_home .space-home::before {
content: none !important;
display: none !important;
border: none !important;
background: none !important;
box-shadow: none !important;
}
body.bili-space-page img,
body.bili-space-page video,
body.bili-space-page picture {
max-width: 100% !important;
height: auto !important;
}
body.bili-space-page .masterpiece-block,
body.bili-space-page .items,
body.bili-space-page .video-list__content,
body.bili-space-page .article-list {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-gap: 8px !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 8px !important;
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
list-style: none !important;
align-items: start !important;
align-content: start !important;
background: transparent !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
grid-auto-rows: auto !important;
}
body.bili-space-page .items > .items__item,
body.bili-space-page .masterpiece-block > .masterpiece-block__item,
body.bili-space-page .video-list__content > .video-list__item,
body.bili-space-page .article-list > .article-list__item {
display: contents !important;
}
body.bili-space-page .route_home .lists-section .video-list {
display: block !important;
gap: 0 !important;
row-gap: 0 !important;
column-gap: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.bili-space-page .route_home .lists-section .video-list__header {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.bili-space-page .route_home .lists-section .video-list__content {
margin-top: 20px !important;
padding-top: 0 !important;
}
body.bili-space-page .space-search {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
gap: 0 !important;
}
body.bili-space-page .search-sidebar {
order: 1 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
padding: 0 8px 8px 8px !important;
margin: 8px 0 0 0 !important;
box-sizing: border-box !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
z-index: 1 !important;
flex: 0 0 auto !important;
overflow: visible !important;
background: #f1f2f3 !important;
}
body.bili-space-page .search-sidebar .side-nav {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 auto !important;
box-sizing: border-box !important;
flex-wrap: wrap !important;
position: static !important;
}
body.bili-space-page .search-sidebar .side-nav__item {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 64px !important;
max-width: 100% !important;
height: 34px !important;
padding: 0 16px !important;
margin: 0 !important;
box-sizing: border-box !important;
border-radius: 17px !important;
background: #ffffff !important;
color: #18191c !important;
font-size: 13px !important;
white-space: nowrap !important;
position: static !important;
}
body.bili-space-page .search-sidebar .side-nav__item.active {
background: #00aeec !important;
color: #ffffff !important;
}
body.bili-space-page .search-sidebar .side-nav__item__main,
body.bili-space-page .search-sidebar .side-nav__item__sub {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}
body.bili-space-page .search-sidebar .side-nav__item__main-text {
color: inherit !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 34px !important;
}
body.bili-space-page .search-sidebar .side-nav__item__sub-text {
color: inherit !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 34px !important;
opacity: 0.8 !important;
}
body.bili-space-page .search-content {
order: 2 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 1 1 100% !important;
padding: 0 8px 16px 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
position: static !important;
}
body.bili-space-page .space-search .video,
body.bili-space-page .space-search .video-header,
body.bili-space-page .space-search .video-header__top,
body.bili-space-page .space-search .video-header .title,
body.bili-space-page .space-search .video-header .sub-title,
body.bili-space-page .space-search .video-body {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .space-search .video-header,
body.bili-space-page .space-search .video-header__top,
body.bili-space-page .space-search .video-header .title,
body.bili-space-page .space-search .video-header .sub-title,
body.bili-space-page .space-search .dynamic-header,
body.bili-space-page .space-search .dynamic-header__top,
body.bili-space-page .space-search .dynamic-header .title,
body.bili-space-page .space-search .dynamic-header .sub-title {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-space-page .space-search .video-body,
body.bili-space-page .space-search .dynamic-content {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .space-search .video-list,
body.bili-space-page .space-search .video-list.grid-mode,
body.bili-space-page .space-search .video-list.hide-stat {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-gap: 8px !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 8px !important;
align-items: start !important;
align-content: start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.bili-space-page .space-search .upload-video-card,
body.bili-space-page .space-search .upload-video-card.grid-mode,
body.bili-space-page .space-search .upload-video-card__left,
body.bili-space-page .space-search .upload-video-card__main {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .space-search .dynamic,
body.bili-space-page .space-search .dynamic-header,
body.bili-space-page .space-search .dynamic-content,
body.bili-space-page .space-search .dynamic-list,
body.bili-space-page .space-search .dynamic-list__item,
body.bili-space-page .space-search .bili-dyn-list,
body.bili-space-page .space-search .bili-dyn-list__items,
body.bili-space-page .space-search .bili-dyn-item,
body.bili-space-page .space-search .bili-dyn-item__main {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .space-search .dynamic-list__item,
body.bili-space-page .space-search .bili-dyn-list__item {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 0 8px 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .space-search .dynamic-content,
body.bili-space-page .space-search .dynamic-list {
display: block !important;
overflow-x: hidden !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bili-space-page .space-search .dynamic-list__item .bili-dyn-item,
body.bili-space-page .space-search .dynamic-list__item .bili-dyn-item__main,
body.bili-space-page .space-search .dynamic-list__item .bili-dyn-item__header,
body.bili-space-page .space-search .dynamic-list__item .bili-dyn-item__body,
body.bili-space-page .space-search .dynamic-list__item .bili-dyn-item__footer {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bili-space-page .video-footer {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
margin: 8px 0 -8px 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
background: transparent !important;
}
body.bili-space-page .lists-footer {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 !important;
margin: 8px 0 -8px 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
background: transparent !important;
}
body.bili-space-page main.space-main.route_listsIndex
> .space-lists > .lists-footer {
padding: 0 !important;
margin: 8px 0 -8px 0 !important;
}
body.bili-space-page .vui_pagenation,
body.bili-space-page .vui_pagenation--jump,
body.bili-space-page .vui_pagenation--jump.video-pagination {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
padding: 8px 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
background: transparent !important;
}
body.bili-space-page .vui_pagenation-go,
body.bili-space-page .vui_pagenation--jump .vui_pagenation-go,
body.bili-space-page .vui_pagenation .vui_input {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-space-page .vui_pagenation--btns {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
gap: 4px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
body.bili-space-page .vui_pagenation--btns::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
body.bili-space-page .vui_pagenation--btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
flex-grow: 0 !important;
width: auto !important;
min-width: 32px !important;
height: 34px !important;
line-height: 34px !important;
padding: 0 6px !important;
margin: 0 !important;
box-sizing: border-box !important;
white-space: nowrap !important;
font-size: 13px !important;
text-align: center !important;
border-radius: 4px !important;
}
body.bili-space-page .vui_pagenation--btn-side {
min-width: 44px !important;
padding: 0 10px !important;
font-size: 13px !important;
}
body.bili-space-page .space-dynamic {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
gap: 0 !important;
}
body.bili-space-page .space-dynamic__left {
order: 1 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
padding: 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
position: static !important;
top: auto !important;
left: auto !important;
bottom: auto !important;
right: auto !important;
background: #f1f2f3 !important;
flex: 0 0 auto !important;
overflow: visible !important;
}
body.bili-space-page .space-dynamic__left .side-nav {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 auto !important;
box-sizing: border-box !important;
flex-wrap: wrap !important;
position: static !important;
}
body.bili-space-page .space-dynamic__left .side-nav__item {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 64px !important;
max-width: 100% !important;
height: 34px !important;
padding: 0 16px !important;
margin: 0 !important;
box-sizing: border-box !important;
border-radius: 17px !important;
background: #ffffff !important;
color: #18191c !important;
font-size: 13px !important;
cursor: pointer !important;
user-select: none !important;
white-space: nowrap !important;
position: static !important;
}
body.bili-space-page .space-dynamic__left .side-nav__item.active {
background: #00aeec !important;
color: #ffffff !important;
}
body.bili-space-page .space-dynamic__left .side-nav__item__main {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}
body.bili-space-page .space-dynamic__left .side-nav__item__main-text {
color: inherit !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 34px !important;
}
body.bili-space-page .space-dynamic__content {
order: 2 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 1 1 100% !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.bili-space-page .space-dynamic__right {
display: none !important;
visibility: hidden !important;
width: 0 !important;
max-width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
flex: 0 0 0 !important;
position: absolute !important;
left: -9999px !important;
}
body.bili-space-page .space-dynamic-inner,
body.bili-space-page .space-dynamic-inner > .content,
body.bili-space-page .bili-dyn-list,
body.bili-space-page .bili-dyn-list__items {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .bili-dyn-list__item {
padding: 0 8px 8px 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
float: none !important;
}
body.bili-space-page .bili-dyn-item {
position: relative !important;
background: #ffffff !important;
border: 1px solid #e3e5e7 !important;
border-radius: 8px !important;
padding: 12px 8px 0 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: block !important;
float: none !important;
}
body.bili-space-page .bili-dyn-item * {
max-width: 100% !important;
box-sizing: border-box !important;
}
body.bili-space-page .bili-dyn-item img,
body.bili-space-page .bili-dyn-item video,
body.bili-space-page .bili-dyn-item picture {
max-width: 100% !important;
height: auto !important;
}
body.bili-space-page .bili-dyn-item__main {
position: relative !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
float: none !important;
}
body.bili-space-page .bili-dyn-item__avatar {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 56px !important;
max-width: 56px !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .bili-dyn-item__avatar .bili-dyn-avatar,
body.bili-space-page .bili-dyn-item__avatar .b-avatar,
body.bili-space-page .bili-dyn-item__avatar img {
width: 48px !important;
height: 48px !important;
max-width: 100% !important;
border-radius: 50% !important;
}
body.bili-space-page .bili-dyn-item__header {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 64px !important;
padding-right: 8px !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .bili-dyn-item__more,
body.bili-space-page .bili-dyn-more,
body.bili-space-page .bili-dyn-more__btn,
body.bili-space-page .bili-dyn-more__cascader {
display: none !important;
visibility: hidden !important;
}
body.bili-space-page .bili-dyn-content,
body.bili-space-page .bili-dyn-content__orig,
body.bili-space-page .bili-dyn-content__orig__major {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .bili-dyn-card-video {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
box-sizing: border-box !important;
}
body.bili-space-page .bili-dyn-card-video__header {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
}
body.bili-space-page .bili-dyn-card-video__cover {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
box-sizing: border-box !important;
}
body.bili-space-page .bili-dyn-card-video__cover .b-img,
body.bili-space-page .bili-dyn-card-video__cover .b-img__inner,
body.bili-space-page .bili-dyn-card-video__cover img,
body.bili-space-page .bili-dyn-card-video__cover picture {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
display: block !important;
}
body.bili-space-page .bili-dyn-card-video__body {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
flex: 1 1 auto !important;
padding: 8px 0 0 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .bili-dyn-card-video__body,
body.bili-space-page .bili-dyn-card-video__title,
body.bili-space-page .bili-dyn-card-video__desc {
border: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
border-width: 0 !important;
border-style: none !important;
box-shadow: none !important;
outline: none !important;
}
body.bili-space-page .bili-dyn-card-video__body::before,
body.bili-space-page .bili-dyn-card-video__body::after,
body.bili-space-page .bili-dyn-card-video__desc::before,
body.bili-space-page .bili-dyn-card-video__desc::after {
content: none !important;
display: none !important;
border: none !important;
background: none !important;
box-shadow: none !important;
}
body.bili-space-page .bili-dyn-card-video__title,
body.bili-space-page .bili-dyn-card-video__desc,
body.bili-space-page .bili-dyn-card-video__title .bili-ellipsis,
body.bili-space-page .bili-dyn-card-video__desc .bili-ellipsis { text-align: center !important; }
body.bili-space-page .bili-dyn-card-video__stat,
body.bili-space-page .bili-dyn-card-video__stat__item,
body.bili-space-page .bili-dyn-card-video__stat__item.danmaku {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
body.bili-space-page .bili-dyn-item,
body.bili-space-page .bili-dyn-item * {
text-align: center !important;
}
body.bili-space-page .bili-dyn-item__body {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 8px !important;
padding-right: 8px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.bili-space-page .bili-dyn-item__footer,
body.bili-space-page .bili-dyn-item__action,
body.bili-space-page .bili-dyn-action,
body.bili-space-page .bili-dyn-action.forward,
body.bili-space-page .bili-dyn-action.comment,
body.bili-space-page .bili-dyn-action.like {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-space-page .bili-dyn-item {
padding-bottom: 12px !important;
}
body.bili-space-page .bili-dyn-content__orig__major img,
body.bili-space-page .bili-dyn-content__orig__major picture,
body.bili-space-page .bili-dyn-content__orig__major .b-img {
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
}
body.bili-space-page .bili-dyn-content__orig__major [class*="grid"],
body.bili-space-page .bili-dyn-content__orig__major [class*="pics"],
body.bili-space-page .bili-dyn-content__orig__major [class*="gallery"],
body.bili-space-page .bili-dyn-content__orig__major [class*="goods"],
body.bili-space-page .bili-dyn-content__orig__major [class*="commodity"],
body.bili-space-page .bili-dyn-content__orig__major [class*="card"] {
margin-left: auto !important;
margin-right: auto !important;
justify-content: center !important;
}
body.bili-space-page .bili-dyn-item__action {
flex: 1 1 0 !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.bili-space-page .bili-dyn-action {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
gap: 4px !important;
}
body.bili-space-page .space-upload {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
gap: 0 !important;
}
body.bili-space-page .upload-sidenav {
order: 1 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
padding: 0 8px 8px 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
position: static !important;
flex: 0 0 auto !important;
overflow: visible !important;
background: #f1f2f3 !important;
position: static !important;
top: auto !important;
z-index: auto !important;
}
body.bili-space-page .upload-sidenav .side-nav {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 auto !important;
box-sizing: border-box !important;
flex-wrap: wrap !important;
position: static !important;
}
body.bili-space-page .upload-sidenav .side-nav__item {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 64px !important;
max-width: 100% !important;
height: 34px !important;
padding: 0 16px !important;
margin: 0 !important;
box-sizing: border-box !important;
border-radius: 17px !important;
background: #ffffff !important;
color: #18191c !important;
font-size: 13px !important;
cursor: pointer !important;
user-select: none !important;
white-space: nowrap !important;
position: static !important;
}
body.bili-space-page .upload-sidenav .side-nav__item.active {
background: #00aeec !important;
color: #ffffff !important;
}
body.bili-space-page .upload-sidenav .side-nav__item__main {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}
body.bili-space-page .upload-sidenav .side-nav__item__main-text {
color: inherit !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 34px !important;
}
body.bili-space-page .upload-content {
order: 2 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 1 1 100% !important;
padding: 0 8px 16px 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
position: static !important;
}
body.bili-space-page .upload-content .video-header,
body.bili-space-page .upload-content .video-header__top,
body.bili-space-page .upload-content .video-header .title,
body.bili-space-page .upload-content .video-header .sub-title {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-space-page .upload-content .video-body {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .upload-sidenav {
margin-top: 8px !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
}
body.bili-space-page .space-upload > div.upload-sidenav:nth-of-type(1) {
margin-top: 8px !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
}
body.bili-space-page .space-search > div.search-sidebar:nth-of-type(1) {
margin-top: 8px !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
}
body.bili-space-page .lists-view-mode,
body.bili-space-page .video-mode-switcher,
body.bili-space-page .lists-view-mode__action {
display: none !important;
visibility: hidden !important;
}
body.bili-space-page .upload-content .video-list,
body.bili-space-page .upload-content .video-list.grid-mode,
body.bili-space-page .upload-content .video-list.hide-stat,
body.bili-space-page .video-list.grid-mode,
body.bili-space-page .video-list.hide-stat {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-gap: 8px !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 8px !important;
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
list-style: none !important;
align-items: start !important;
align-content: start !important;
background: transparent !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
grid-auto-rows: auto !important;
}
body.bili-space-page .space-lists {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 8px !important;
padding-right: 8px !important;
padding-bottom: 16px !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
float: none !important;
overflow: visible !important;
}
body.bili-space-page .space-lists .lists-content,
body.bili-space-page .space-lists .contet-list,
body.bili-space-page .space-lists .video-list {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
float: none !important;
}
body.bili-space-page .space-lists .lists-header {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 16px !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
float: none !important;
}
body.bili-space-page .space-lists > .lists-header {
display: none !important;
}
body.bili-space-page main.space-main.route_listsIndex
> .space-lists > .lists-header {
display: none !important;
}
body.bili-space-page .space-lists .lists-header .title {
display: none !important;
}
body.bili-space-page .space-lists .video-list__content {
margin-top: 20px !important;
}
body.bili-space-page .space-list-details {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 8px !important;
padding-right: 8px !important;
padding-bottom: 16px !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
float: none !important;
overflow: visible !important;
}
body.bili-space-page .space-list-details .list-header {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
float: none !important;
}
body.bili-space-page .space-list-details .list-header .subtitle,
body.bili-space-page .space-list-details .list-header .meta {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-bottom: 20px !important;
box-sizing: border-box !important;
}
body.bili-space-page .space-list-details .list-header .subtitle,
body.bili-space-page .space-list-details .list-header .subtitle .meta,
body.bili-space-page .space-list-details .list-header .subtitle .meta .stats,
body.bili-space-page .space-list-details .list-header .meta,
body.bili-space-page .space-list-details .list-header .stats {
text-align: center !important;
justify-content: center !important;
}
body.bili-space-page main.space-main.route_listDetails
> .space-list-details > .list-header > .subtitle > .meta > .stats {
text-align: center !important;
justify-content: center !important;
}
body.bili-space-page .space-list-details .list-header > *:not(.title) {
text-align: center !important;
justify-content: center !important;
}
body.bili-space-page .space-list-details .list-header .desc,
body.bili-space-page .space-list-details .list-header > .desc {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 0 12px 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
float: none !important;
line-height: 20px !important;
text-align: center !important;
justify-content: center !important;
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
text-overflow: clip !important;
-webkit-line-clamp: unset !important;
line-clamp: unset !important;
overflow: visible !important;
background: transparent !important;
}
body.bili-space-page main.space-main.route_listDetails
> .space-list-details > .list-header > .desc {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: none !important;
text-align: center !important;
white-space: normal !important;
overflow: visible !important;
}
body.bili-space-page .space-list-details .list-content {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-rows: auto !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 8px !important;
align-items: start !important;
align-content: start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
float: none !important;
overflow: visible !important;
}
body.bili-space-page .space-list-details .list-video-item {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
position: static !important;
transform: none !important;
left: auto !important;
top: auto !important;
float: none !important;
flex: 0 1 auto !important;
}
body.bili-home-page .container .bili-video-card,
body.bili-home-page .container .bili-live-card,
body.bili-search-page .bili-video-card,
body.bili-search-page .bili-live-card,
body.bili-search-page .search-video-card,
body.bili-space-page .bili-video-card,
body.bili-space-page .bili-live-card {
--cover-radio: 56.25% !important;
--title-font-size: 13px !important;
--title-line-height: 18px !important;
--title-padding-right: 0 !important;
--no-interest-entry-size: 22px !important;
--info-margin-top: 6px !important;
--subtitle-font-size: 11px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
align-self: start !important;
background: #ffffff !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
overflow: hidden !important;
box-sizing: border-box !important;
position: relative !important;
float: none !important;
}
body.bili-home-page .container .bili-video-card__wrap,
body.bili-home-page .container .bili-live-card__wrap,
body.bili-search-page .bili-video-card__wrap,
body.bili-search-page .bili-live-card__wrap,
body.bili-space-page .bili-video-card__wrap,
body.bili-space-page .bili-live-card__wrap {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
background: transparent !important;
border: none !important;
border-radius: 8px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.bili-home-page .bili-video-card__image--wrap,
body.bili-home-page .bili-video-card__image--link,
body.bili-home-page .v-img.bili-video-card__cover,
body.bili-home-page .bili-video-card .b-img,
body.bili-home-page .bili-video-card picture,
body.bili-search-page .bili-video-card__image--wrap,
body.bili-search-page .bili-video-card__image--link,
body.bili-search-page .v-img.bili-video-card__cover,
body.bili-search-page .bili-video-card .b-img,
body.bili-search-page .bili-video-card picture,
body.bili-space-page .bili-video-card__image--wrap,
body.bili-space-page .bili-video-card__image--link,
body.bili-space-page .v-img.bili-video-card__cover,
body.bili-space-page .bili-video-card .b-img,
body.bili-space-page .bili-video-card picture {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 8px 8px 0 0 !important;
overflow: hidden !important;
position: relative !important;
display: block !important;
float: none !important;
box-sizing: border-box !important;
}
body.bili-home-page .bili-video-card__image--wrap img,
body.bili-home-page .bili-video-card__image--link img,
body.bili-home-page .v-img.bili-video-card__cover img,
body.bili-home-page .bili-video-card .b-img > img,
body.bili-home-page .bili-video-card .b-img__inner,
body.bili-home-page .bili-video-card picture img,
body.bili-search-page .bili-video-card__image--wrap img,
body.bili-search-page .bili-video-card__image--link img,
body.bili-search-page .v-img.bili-video-card__cover img,
body.bili-search-page .bili-video-card .b-img > img,
body.bili-search-page .bili-video-card .b-img__inner,
body.bili-search-page .bili-video-card picture img,
body.bili-space-page .bili-video-card__image--wrap img,
body.bili-space-page .bili-video-card__image--link img,
body.bili-space-page .v-img.bili-video-card__cover img,
body.bili-space-page .bili-video-card .b-img > img,
body.bili-space-page .bili-video-card .b-img__inner,
body.bili-space-page .bili-video-card picture img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-home-page .bili-video-card__image--wrap picture > *,
body.bili-search-page .bili-video-card__image--wrap picture > *,
body.bili-space-page .bili-video-card__image--wrap picture > * {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
box-sizing: border-box !important;
}
body.bili-home-page .bili-video-card__info,
body.bili-home-page .bili-live-card__info,
body.bili-home-page .video-info,
body.bili-search-page .bili-video-card__info,
body.bili-search-page .bili-live-card__info,
body.bili-search-page .video-info,
body.bili-space-page .bili-video-card__details,
body.bili-space-page .bili-video-card__info,
body.bili-space-page .bili-live-card__info {
width: 100% !important;
padding: 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
text-align: center !important;
display: block !important;
height: auto !important;
max-height: none !important;
min-height: 0 !important;
background: transparent !important;
}
body.bili-home-page .bili-video-card__info--tit,
body.bili-home-page .bili-video-card__info--tit a,
body.bili-home-page .bili-video-card h3,
body.bili-home-page .bili-video-card h3 a,
body.bili-home-page .bili-live-card__info--tit,
body.bili-home-page .bili-live-card__info--tit a,
body.bili-search-page .bili-video-card__info--tit,
body.bili-search-page .bili-video-card__info--tit a,
body.bili-search-page .bili-video-card h3,
body.bili-search-page .bili-video-card h3 a,
body.bili-search-page .bili-live-card__info--tit,
body.bili-search-page .bili-live-card__info--tit a,
body.bili-space-page .bili-video-card__title,
body.bili-space-page .bili-video-card__title > a,
body.bili-space-page .bili-video-card__title .bili-ellipsis,
body.bili-space-page .bili-video-card__info--tit,
body.bili-space-page .bili-video-card__info--tit a {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-align: center !important;
font-size: 13px !important;
line-height: 18px !important;
min-height: 36px !important;
max-height: 36px !important;
color: #18191c !important;
font-weight: 500 !important;
margin: 0 !important;
padding: 0 !important;
word-break: break-all !important;
width: 100% !important;
}
body.bili-home-page .bili-video-card__info--bottom,
body.bili-home-page .bili-video-card__info--owner,
body.bili-home-page .bili-video-card__info--stat,
body.bili-search-page .bili-video-card__info--bottom,
body.bili-search-page .bili-video-card__info--owner,
body.bili-search-page .bili-video-card__info--stat,
body.bili-space-page .bili-video-card__info--bottom,
body.bili-space-page .bili-video-card__info--owner,
body.bili-space-page .bili-video-card__stats,
body.bili-space-page .bili-video-card__subtitle,
body.bili-space-page .bili-video-card__date {
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
width: 100% !important;
margin-top: 4px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 !important;
height: 21px !important;
min-height: 21px !important;
}
body.bili-home-page .bili-live-card__info--uname,
body.bili-home-page .bili-live-card__info--owner,
body.bili-home-page .bili-live-card__info--bottom,
body.bili-search-page .bili-live-card__info--uname,
body.bili-search-page .bili-live-card__info--owner,
body.bili-search-page .bili-live-card__info--bottom,
body.bili-space-page .bili-live-card__info--uname,
body.bili-space-page .bili-live-card__info--owner,
body.bili-space-page .bili-live-card__info--bottom,
body.bili-home-page .bili-live-card__info--text > *:not(.bili-live-card__info--tit),
body.bili-search-page .bili-live-card__info--text > *:not(.bili-live-card__info--tit),
body.bili-space-page .bili-live-card__info--text > *:not(.bili-live-card__info--tit) {
display: inline-flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
height: 21px !important;
min-height: 21px !important;
max-height: 21px !important;
margin: 4px auto 0 auto !important;
padding: 0 !important;
line-height: 21px !important;
box-sizing: border-box !important;
}
body.bili-home-page .bili-live-card__info--author,
body.bili-search-page .bili-live-card__info--author,
body.bili-space-page .bili-live-card__info--author,
body.bili-home-page .bili-live-card__info--uname > span,
body.bili-search-page .bili-live-card__info--uname > span,
body.bili-space-page .bili-live-card__info--uname > span {
flex: 0 1 auto !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
height: 21px !important;
max-height: 21px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 21px !important;
text-align: left !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.bili-home-page .bili-live-card__info--uname-icon,
body.bili-search-page .bili-live-card__info--uname-icon,
body.bili-space-page .bili-live-card__info--uname-icon,
body.bili-home-page .bili-live-card__info--uname > svg,
body.bili-search-page .bili-live-card__info--uname > svg,
body.bili-space-page .bili-live-card__info--uname > svg {
flex: 0 0 auto !important;
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
max-height: none !important;
line-height: normal !important;
flex-shrink: 0 !important;
}
body.bili-home-page .bili-watch-later,
body.bili-home-page [class*="watch-later"],
body.bili-home-page [class*="watchlater"],
body.bili-home-page [class*="add-to-watch-later"],
body.bili-home-page [class*="watch-later-btn"],
body.bili-home-page .bili-video-card__mask,
body.bili-search-page .bili-watch-later,
body.bili-search-page [class*="watch-later"],
body.bili-search-page [class*="watchlater"],
body.bili-search-page [class*="add-to-watch-later"],
body.bili-search-page [class*="watch-later-btn"],
body.bili-search-page .bili-video-card__mask,
body.bili-space-page .bili-card-watch-later,
body.bili-space-page .bili-video-card .bili-watch-later,
body.bili-space-page .bili-video-card [class*="watch-later"] {
display: none !important;
visibility: hidden !important;
}
body.bili-space-page .upload-video-card .bili-video-card,
body.bili-space-page .upload-video-card .bili-video-card__wrap {
border: none !important;
overflow: hidden !important;
}
body.bili-space-page .route_home .section-wrap.like-section,
body.bili-space-page .route_home .like-section__content,
body.bili-space-page .route_home .home-section:has(> .section-wrap.like-section) {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-space-page .route_home .section-wrap.bangumi-section,
body.bili-space-page .route_home .bangumi-section__content,
body.bili-space-page .route_home .section-wrap.sub-section,
body.bili-space-page .route_home .sub-section__content,
body.bili-space-page .route_home .section-wrap.follow-section,
body.bili-space-page .route_home .follow-section__content,
body.bili-space-page .route_home .home-section:has(> .section-wrap.bangumi-section),
body.bili-space-page .route_home .home-section:has(> .section-wrap.sub-section),
body.bili-space-page .route_home .home-section:has(> .section-wrap.follow-section) {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-space-page .route_home .section-wrap.fav-section,
body.bili-space-page .route_home .fav-section__content,
body.bili-space-page .route_home .home-section:has(> .section-wrap.fav-section) {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
overflow: hidden !important;
}
body.bili-space-page .route_home .article-section .article-list {
margin-top: 20px !important;
}
body.bili-space-page .article-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 172px !important;
max-height: 172px !important;
min-height: 172px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
display: block !important;
position: relative !important;
float: none !important;
background: #ffffff !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
overflow: hidden !important;
}
body.bili-space-page .article-card__top {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
aspect-ratio: 16 / 9 !important;
position: relative !important;
float: none !important;
border: none !important;
border-radius: 8px 8px 0 0 !important;
overflow: hidden !important;
background: transparent !important;
}
body.bili-space-page .article-card__cover {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
border: none !important;
border-radius: 8px 8px 0 0 !important;
overflow: hidden !important;
background: transparent !important;
}
body.bili-space-page .article-card__top > .article-card__cover,
body.bili-space-page .article-card__top .bili-cover-card__thumbnail {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .article-card__top img,
body.bili-space-page .article-card__cover img,
body.bili-space-page .article-card__top .b-img__inner {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .article-card__bottom {
width: 100% !important;
height: 77px !important;
min-height: 77px !important;
max-height: 77px !important;
margin: 0 !important;
padding: 8px !important;
box-sizing: border-box !important;
background: transparent !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: stretch !important;
text-align: center !important;
overflow: hidden !important;
}
body.bili-space-page .article-card__bottom .title {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-align: center !important;
width: 100% !important;
font-size: 13px !important;
line-height: 18px !important;
min-height: 36px !important;
max-height: 36px !important;
color: #18191c !important;
font-weight: 500 !important;
margin: 0 !important;
padding: 0 !important;
word-break: break-all !important;
text-decoration: none !important;
}
body.bili-space-page .article-card__bottom .title > * {
display: inline !important;
font-size: 13px !important;
line-height: 18px !important;
color: #18191c !important;
font-weight: 500 !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
white-space: normal !important;
}
body.bili-space-page .nav-tab {
position: relative !important;
}
body.bili-space-page .nav-tab > *:not(a) {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-space-page .nav-tab::before,
body.bili-space-page .nav-tab::after,
body.bili-space-page .nav-tab > a.nav-tab__item::before {
content: none !important;
display: none !important;
}
body.bili-space-page .nav-tab > a.nav-tab__item {
position: relative !important;
}
body.bili-space-page .nav-tab > a.nav-tab__item::after {
content: '' !important;
display: block !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: auto !important;
min-width: 0 !important;
height: 3px !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 2px !important;
transform: none !important;
transition: none !important;
background: transparent !important;
}
body.bili-space-page .nav-tab > a.nav-tab__item.active::after,
body.bili-space-page .nav-tab > a.nav-tab__item.router-link-exact-active::after {
background: #00aeec !important;
}
body.bili-space-page .nav-tab > a.nav-tab__item.active,
body.bili-space-page .nav-tab > a.nav-tab__item.router-link-exact-active {
color: #00aeec !important;
}
body.bili-space-page .opus {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .opus-header {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.bili-space-page .opus-header__top {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.bili-space-page .content-filter {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.bili-space-page .content-tab {
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page main.space-main .upload-content .opus
> .opus-header > .opus-header__top > .content-filter {
justify-content: center !important;
}
body.bili-space-page .content-filter > .content-tab {
position: relative !important;
height: 24px !important;
min-height: 24px !important;
max-height: 24px !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-sizing: border-box !important;
font-size: 12px !important;
line-height: 24px !important;
flex: 0 0 auto !important;
}
body.bili-space-page .content-filter > .content-tab::before {
display: none !important;
content: none !important;
}
body.bili-space-page .content-filter > .content-tab::after {
display: none !important;
content: none !important;
}
body.bili-space-page .content-filter > .content-tab:not(:last-child)::after {
display: block !important;
content: '' !important;
position: absolute !important;
top: 50% !important;
left: 100% !important;
right: auto !important;
width: 1px !important;
height: 10px !important;
margin: 0 0 0 3.5px !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
transform: translateY(-50%) !important;
background: #e5e9ef !important;
}
body.bili-space-page main.space-main .upload-content .opus
> .opus-header > .opus-header__top > .content-filter > .content-tab {
position: relative !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
font-size: 12px !important;
line-height: 24px !important;
}
body.bili-space-page .opus-body {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .opus-body .opus-feed,
body.bili-space-page .opus-body .opus-feed .masonry_grid_v2,
body.bili-space-page .opus-body .opus-feed .masonry_grid_v2 > .container,
body.bili-space-page .opus-body .opus-feed .masonry_grid_v2 > .container > .item {
margin-top: 0 !important;
padding-top: 0 !important;
min-height: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .opus-body .opus-feed .masonry_grid_v2 > .container > .item:first-child,
body.bili-space-page .opus-body .opus-feed .masonry_grid_v2 > .container > .item:nth-of-type(1) {
margin-top: 0 !important;
padding-top: 0 !important;
transform: none !important;
translate: none !important;
}
body.bili-space-page .opus-feed .masonry_grid_v2 {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
position: static !important;
overflow: visible !important;
}
body.bili-space-page .opus-feed .masonry_grid_v2 > .container {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-rows: auto !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 8px !important;
align-items: start !important;
align-content: start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
position: static !important;
overflow: visible !important;
list-style: none !important;
}
body.bili-space-page .opus-feed .masonry_grid_v2 > .container > .item {
position: static !important;
transform: none !important;
translate: none !important;
left: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
inset: auto !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
float: none !important;
}
body.bili-space-page .opus-card,
body.bili-space-page .opus-card--with-cover {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 172px !important;
min-height: 172px !important;
max-height: 172px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
display: block !important;
position: relative !important;
float: none !important;
background: #ffffff !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
overflow: hidden !important;
}
body.bili-space-page .opus-card__cover {
display: block !important;
position: relative !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
height: 95px !important;
min-height: 95px !important;
max-height: 95px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
border: none !important;
border-radius: 8px 8px 0 0 !important;
overflow: hidden !important;
background: transparent !important;
}
body.bili-space-page .opus-card__cover > .bili-cover-card__thumbnail,
body.bili-space-page .opus-card__cover > a.bili-cover-card__thumbnail {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .opus-card__cover img,
body.bili-space-page .opus-card__cover .b-img__inner {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .opus-card__title {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: 77px !important;
min-height: 77px !important;
max-height: 77px !important;
padding: 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
text-align: center !important;
text-decoration: none !important;
background: transparent !important;
overflow: hidden !important;
}
body.bili-space-page .opus-card__title > * {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-align: center !important;
width: 100% !important;
font-size: 13px !important;
line-height: 20px !important;
min-height: 60px !important;
max-height: 60px !important;
color: #18191c !important;
font-weight: 500 !important;
margin: 0 !important;
padding: 0 !important;
word-break: break-all !important;
white-space: normal !important;
}
body.bili-space-page .opus-card .opus-card--with-cover
> a.opus-card__title > .vui_ellipsis.multi-mode {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
width: 100% !important;
max-width: 100% !important;
height: 60px !important;
min-height: 60px !important;
max-height: 60px !important;
font-size: 13px !important;
line-height: 20px !important;
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
word-break: break-all !important;
white-space: normal !important;
text-overflow: ellipsis !important;
}
body.bili-space-page .opus-collection-list
.upload-opus-collection-card .bili-cover-card__stats {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
body.bili-space-page .upload-opus-collection-card__cover
> .bili-cover-card__stats {
display: none !important;
}
body.bili-space-page main.space-main.route_uploadOpus .opus-collection
> .opus-collection-wrap > .opus-collection-list
> .upload-opus-collection-card > .upload-opus-collection-card__top
> a.upload-opus-collection-card__cover > .bili-cover-card__stats {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
body.bili-space-page .opus-collection-list {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
grid-auto-rows: auto !important;
grid-auto-flow: row !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 8px !important;
justify-content: stretch !important;
justify-items: stretch !important;
align-items: start !important;
align-content: start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
float: none !important;
}
body.bili-space-page .opus-collection-list > .upload-opus-collection-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
float: none !important;
box-sizing: border-box !important;
}
body.bili-space-page .opus-collection-list .upload-opus-collection-card__top,
body.bili-space-page .opus-collection-list .upload-opus-collection-card__bottom,
body.bili-space-page .opus-collection-list a.upload-opus-collection-card__cover,
body.bili-space-page .opus-collection-list .upload-opus-collection-card__bottom > .title,
body.bili-space-page .opus-collection-list .upload-opus-collection-card__bottom > .subtitle,
body.bili-space-page .opus-collection-list .upload-opus-collection-card .vui_ellipsis {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page main.space-main.route_uploadOpus .opus-collection
> .opus-collection-wrap > .opus-collection-list {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 8px !important;
}
body.bili-space-page main.space-main.route_uploadOpus .opus-collection
> .opus-collection-wrap > .opus-collection-list
> .upload-opus-collection-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
body.bili-opus-page .list > .list-header {
display: block !important;
width: 100% !important;
max-width: 100% !important;
padding-left: 8px !important;
padding-right: 8px !important;
box-sizing: border-box !important;
text-align: center !important;
}
body.bili-opus-page #app > .container > .list > .list-header {
padding-left: 8px !important;
padding-right: 8px !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list > .list-header > .list-header__left {
display: none !important;
width: 0 !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.bili-opus-page .list > .list-header > .list-header__right {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
float: none !important;
text-align: center !important;
}
body.bili-opus-page .list-header__right > * {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
float: none !important;
text-align: center !important;
justify-content: center !important;
}
body.bili-opus-page .list-header__right .desc > * {
flex: 0 0 auto !important;
float: none !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
line-height: normal !important;
white-space: nowrap !important;
text-align: center !important;
justify-content: center !important;
}
body.bili-opus-page .list-header__right .up-info {
flex-wrap: wrap !important;
row-gap: 6px !important;
column-gap: 4px !important;
}
body.bili-opus-page .list-header__right .up-info > * {
flex: 0 0 auto !important;
}
body.bili-opus-page #app > .container > .list > .list-header > .list-header__right {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bili-opus-page #app > .container > .list > .list-header > .list-header__right
> .title,
body.bili-opus-page #app > .container > .list > .list-header > .list-header__right
> .up-info,
body.bili-opus-page #app > .container > .list > .list-header > .list-header__right
> .desc {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
text-align: center !important;
justify-content: center !important;
}
body.bili-opus-page .list-header__right > .desc {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
align-content: center !important;
column-gap: 8px !important;
row-gap: 4px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list-header__right .introduce {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list-header__right .introduce .fold-text {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
line-clamp: unset !important;
text-overflow: clip !important;
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
line-height: 1.7 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list-header__right .introduce > *:not(.fold-text) {
display: none !important;
}
body.bili-opus-page #app > .container > .list > .list-header
> .list-header__right > .introduce > .fold-text {
height: auto !important;
max-height: none !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
}
body.bili-opus-page .list > .list-content {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list > .list-content > div {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list-content-item {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 0 !important;
column-gap: 0 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list-content-item-index {
flex: 0 0 36px !important;
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: auto !important;
align-self: flex-start !important;
line-height: 29px !important;
text-align: center !important;
font-size: 12px !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
white-space: nowrap !important;
overflow: visible !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list > .list-content .list-content-item
> .list-content-item-index {
flex: 0 0 36px !important;
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
text-align: center !important;
font-size: 12px !important;
overflow: visible !important;
}
body.bili-opus-page .list > .list-content .list-content-item {
gap: 0 !important;
column-gap: 0 !important;
}
body.bili-opus-page .list-content-item-container {
flex: 1 1 auto !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list-content-item-container__left {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list-content-item-container__right {
display: none !important;
width: 0 !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.bili-opus-page .list-content .title {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list-content .title > .title-text {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list-content .desc {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: normal !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
line-height: 1.5 !important;
height: auto !important;
max-height: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page .list > .list-content .list-content-item
.list-content-item-container .list-content-item-container__left > .desc {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
overflow: hidden !important;
white-space: normal !important;
height: auto !important;
max-height: none !important;
}
body.bili-opus-page .list-content-item .info-bar,
body.bili-opus-page .list-content .list-content-item
.list-content-item-container__left > .info-bar {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-opus-page #BiliMainHeader {
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-opus-page .dialog,
body.bili-space-page .dialog {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
height: 100vh !important;
max-height: 100vh !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.bili-opus-page .dialog > .box,
body.bili-space-page .dialog > .box {
position: fixed !important;
top: 50% !important;
left: 50% !important;
right: auto !important;
bottom: auto !important;
transform: translate(-50%, -50%) !important;
width: 344px !important;
max-width: calc(100vw - 16px) !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: calc(100vh - 32px) !important;
margin: 0 !important;
padding-left: 16px !important;
padding-right: 16px !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.bili-opus-page .dialog > .box > .text,
body.bili-space-page .dialog > .box > .text {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
text-align: center !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
}
body.bili-opus-page .dialog > .box > .buttons,
body.bili-space-page .dialog > .box > .buttons {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 12px !important;
column-gap: 12px !important;
row-gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
box-sizing: border-box !important;
}
body.bili-opus-page .dialog > .box > .buttons > button,
body.bili-space-page .dialog > .box > .buttons > button {
flex: 0 1 120px !important;
width: 120px !important;
max-width: calc(50% - 6px) !important;
min-width: 0 !important;
height: 40px !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-opus-page #app > .container > .dialog > .box,
body.bili-space-page #app > .container > .dialog > .box {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 344px !important;
max-width: calc(100vw - 16px) !important;
box-sizing: border-box !important;
}
html:has(body.bili-live-room-page),
body.bili-live-room-page {
background: #ffffff !important;
width: 100% !important;
max-width: 100vw !important;
min-width: 0 !important;
overflow-x: hidden !important;
padding-top: 0 !important;
margin: 0 !important;
}
body.bili-live-room-page #room-ssr-vm,
body.bili-live-room-page .link-navbar-ctnr,
body.bili-live-room-page .link-navbar-wrap,
body.bili-live-room-page nav.link-navbar,
body.bili-live-room-page #room-background-vm,
body.bili-live-room-page #head-info-vm,
body.bili-live-room-page #gift-control-vm,
body.bili-live-room-page #rank-list-vm,
body.bili-live-room-page #rank-list-ctnr-box,
body.bili-live-room-page #gift-screen-animation-vm,
body.bili-live-room-page #guard-popup,
body.bili-live-room-page #sections-vm,
body.bili-live-room-page footer.link-footer,
body.bili-live-room-page #sidebar-vm,
body.bili-live-room-page #universal-pk-vm,
body.bili-live-room-page #gift-menu-vm,
body.bili-live-room-page #interactive-sticker-vm,
body.bili-live-room-page #multi-voice-index,
body.bili-live-room-page #link-mic-vm,
body.bili-live-room-page #link-mic-vm .lin-mic-entrance,
body.bili-live-room-page #link-mic-vm .link-mic-entrance,
body.bili-live-room-page .lin-mic-entrance,
body.bili-live-room-page .link-mic-entrance,
body.bili-live-room-page .web-player-icon-roomStatus {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-live-room-page main.app-content > *:not(.app-body) {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-live-room-page main.app-content,
body.bili-live-room-page .app-body,
body.bili-live-room-page section.player-and-aside-area {
width: 100% !important;
max-width: 820px !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
margin: 0 auto !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
position: relative !important;
float: none !important;
left: auto !important;
right: auto !important;
}
body.bili-live-room-page #player-ctnr {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
padding: 0 8px !important;
margin: 36px auto !important;
box-sizing: border-box !important;
overflow: visible !important;
position: relative !important;
float: none !important;
left: auto !important;
right: auto !important;
}
body.bili-live-room-page .fullscreen-container-paddingbox {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.bili-live-room-page #fullscreen-container {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
height: calc((100vw - 22px) * 9 / 16 + 6px) !important;
max-height: calc((100vw - 22px) * 9 / 16 + 6px) !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 auto !important;
border: 3px solid #00aeec !important;
border-radius: 12px !important;
box-shadow: 0 4px 16px rgba(0, 174, 236, 0.25) !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.bili-live-room-page #fullscreen-container .player-section {
display: contents !important;
}
body.bili-live-room-page #fullscreen-container .player-section,
body.bili-live-room-page #live-player-ctnr,
body.bili-live-room-page #live-player-ctnr > .h-100.p-relative,
body.bili-live-room-page #live-player,
body.bili-live-room-page #live-player video {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
transform: none !important;
box-sizing: border-box !important;
}
body.bili-live-room-page #live-player video {
object-fit: contain !important;
background-color: #000 !important;
}
body.bili-live-room-page #live-player .web-player-danmaku,
body.bili-live-room-page #live-player .danmaku-item-container {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
z-index: 10 !important;
}
body.bili-live-room-page #live-player .web-player-inject-wrap,
body.bili-live-room-page #businessContainerElement {
pointer-events: none !important;
overflow: hidden !important;
}
body.bili-live-room-page #aside-area-vm {
position: static !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
padding: 0 8px !important;
margin: 8px auto 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
float: none !important;
top: auto !important;
left: auto !important;
right: auto !important;
touch-action: pan-y !important;
}
body.bili-live-room-page .chat-history-panel {
width: 100% !important;
max-width: 100% !important;
height: calc(100vh - 304px) !important;
height: calc(100dvh - 304px) !important;
min-height: 120px !important;
max-height: calc(100vh - 304px) !important;
max-height: calc(100dvh - 304px) !important;
padding: 0 !important;
margin: 0 !important;
background: #f6f7f8 !important;
border-radius: 12px !important;
overflow: hidden !important;
box-sizing: border-box !important;
touch-action: pan-y !important;
overscroll-behavior: contain !important;
}
body.bili-live-room-page #chat-history-list {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-height: 100% !important;
padding: 6px 8px !important;
margin: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
transform: none !important;
touch-action: pan-y !important;
box-sizing: border-box !important;
}
body.bili-live-room-page #aside-area-vm *,
body.bili-live-room-page .chat-history-panel * {
touch-action: pan-y !important;
}
body.bili-live-room-page .chat-overlay-layer,
body.bili-live-room-page #welcome-area-bottom-vm,
body.bili-live-room-page #welcome-item-video,
body.bili-live-room-page .chat-overlay-layer *,
body.bili-live-room-page #welcome-area-bottom-vm * {
pointer-events: none !important;
}
body.bili-live-room-page #chat-items,
body.bili-live-room-page .chat-item {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
overflow-wrap: break-word !important;
word-break: break-word !important;
}
body.bili-live-room-page #chat-control-panel-vm,
body.bili-live-room-page #control-panel-ctnr-box,
body.bili-live-room-page .control-panel-icon-row,
body.bili-live-room-page .chat-input-ctnr,
body.bili-live-room-page .chat-input-area,
body.bili-live-room-page #brush-prompt,
body.bili-live-room-page .brush-prompt {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-live-room-page .danmaku-menu,
body.bili-live-room-page .danmaku-menu.p-fixed,
body.bili-live-room-page #aside-area-vm .danmaku-menu,
body.bili-live-room-page .chat-history-panel .danmaku-menu {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body.bili-live-room-page .chat-history-panel .open-menu,
body.bili-live-room-page .chat-history-panel .pointer {
cursor: default !important;
}
html:has(body.bili-live-room-page.bili-live-fs) {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
background: #000 !important;
}
body.bili-live-room-page.bili-live-fs {
width: 100% !important;
height: 100% !important;
max-width: none !important;
min-width: 0 !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
background: #000 !important;
}
body.bili-live-room-page.bili-live-fs .live-room-app,
body.bili-live-room-page.bili-live-fs main.app-content,
body.bili-live-room-page.bili-live-fs .app-body,
body.bili-live-room-page.bili-live-fs section.player-and-aside-area,
body.bili-live-room-page.bili-live-fs #player-ctnr,
body.bili-live-room-page.bili-live-fs .fullscreen-container-paddingbox {
width: 100% !important;
height: 100% !important;
max-width: none !important;
min-width: 0 !important;
max-height: none !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #000 !important;
overflow: hidden !important;
box-sizing: border-box !important;
float: none !important;
transform: none !important;
}
body.bili-live-room-page.bili-live-fs #fullscreen-container {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
min-width: 0 !important;
max-height: none !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #000 !important;
overflow: hidden !important;
box-sizing: border-box !important;
z-index: 2147483647 !important;
}
body.bili-live-room-page.bili-live-fs #fullscreen-container .player-section {
display: contents !important;
}
body.bili-live-room-page.bili-live-fs #fullscreen-container .player-section,
body.bili-live-room-page.bili-live-fs #live-player-ctnr,
body.bili-live-room-page.bili-live-fs #live-player-ctnr > .h-100.p-relative,
body.bili-live-room-page.bili-live-fs #live-player,
body.bili-live-room-page.bili-live-fs #live-player video,
body.bili-live-room-page.bili-live-fs #live-player .web-player-danmaku,
body.bili-live-room-page.bili-live-fs #live-player .danmaku-item-container {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
transform: none !important;
box-sizing: border-box !important;
}
body.bili-live-room-page.bili-live-fs #live-player video {
object-fit: contain !important;
background-color: #000 !important;
}
body.bili-live-room-page.bili-live-fs #aside-area-vm {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
html:has(body.bili-live-room-page.player-full-win:not(.bili-live-fs)) {
width: 100% !important;
height: auto !important;
max-width: 100vw !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
overflow-x: hidden !important;
background: #ffffff !important;
}
body.bili-live-room-page.player-full-win:not(.bili-live-fs) {
position: static !important;
width: 100% !important;
height: auto !important;
max-width: 100vw !important;
max-height: none !important;
padding-top: 0 !important;
margin: 0 !important;
overflow-x: hidden !important;
background: #ffffff !important;
}
body.bili-live-room-page.player-full-win:not(.bili-live-fs) .live-room-app,
body.bili-live-room-page.player-full-win:not(.bili-live-fs) main.app-content,
body.bili-live-room-page.player-full-win:not(.bili-live-fs) .app-body,
body.bili-live-room-page.player-full-win:not(.bili-live-fs) section.player-and-aside-area {
position: relative !important;
width: 100% !important;
max-width: 820px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
background: #ffffff !important;
box-sizing: border-box !important;
float: none !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
}
body.bili-live-room-page.player-full-win:not(.bili-live-fs) #player-ctnr {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 8px !important;
margin: 36px auto !important;
box-sizing: border-box !important;
overflow: visible !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
}
body.bili-live-room-page.player-full-win:not(.bili-live-fs) #fullscreen-container {
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: 100% !important;
max-width: 100% !important;
height: calc((100vw - 22px) * 9 / 16 + 6px) !important;
min-height: 0 !important;
max-height: calc((100vw - 22px) * 9 / 16 + 6px) !important;
padding: 0 !important;
margin: 0 auto !important;
border: 3px solid #00aeec !important;
border-radius: 12px !important;
box-shadow: 0 4px 16px rgba(0, 174, 236, 0.25) !important;
z-index: auto !important;
background: #000 !important;
box-sizing: border-box !important;
}
body.bili-live-room-page.player-full-win:not(.bili-live-fs) #fullscreen-container .player-section {
display: contents !important;
}
body.bili-live-room-page.player-full-win:not(.bili-live-fs) #fullscreen-container .player-section,
body.bili-live-room-page.player-full-win:not(.bili-live-fs) #live-player-ctnr,
body.bili-live-room-page.player-full-win:not(.bili-live-fs) #live-player-ctnr > .h-100.p-relative,
body.bili-live-room-page.player-full-win:not(.bili-live-fs) #live-player,
body.bili-live-room-page.player-full-win:not(.bili-live-fs) #live-player video {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
transform: none !important;
box-sizing: border-box !important;
}
body.bili-live-room-page.player-full-win:not(.bili-live-fs) #aside-area-vm {
display: block !important;
visibility: visible !important;
position: static !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 8px !important;
margin: 8px auto 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
float: none !important;
top: auto !important;
left: auto !important;
right: auto !important;
}
html:has(body.bili-live-room-page):has(:fullscreen) {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
background: #000 !important;
}
body.bili-live-room-page:has(:fullscreen) {
width: 100% !important;
height: 100% !important;
max-width: none !important;
min-width: 0 !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
background: #000 !important;
}
body.bili-live-room-page:has(:fullscreen) .live-room-app,
body.bili-live-room-page:has(:fullscreen) main.app-content,
body.bili-live-room-page:has(:fullscreen) .app-body,
body.bili-live-room-page:has(:fullscreen) section.player-and-aside-area,
body.bili-live-room-page:has(:fullscreen) #player-ctnr,
body.bili-live-room-page:has(:fullscreen) .fullscreen-container-paddingbox {
width: 100% !important;
height: 100% !important;
max-width: none !important;
min-width: 0 !important;
max-height: none !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #000 !important;
overflow: hidden !important;
box-sizing: border-box !important;
float: none !important;
transform: none !important;
}
body.bili-live-room-page:has(:fullscreen) #fullscreen-container {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
min-width: 0 !important;
max-height: none !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #000 !important;
overflow: hidden !important;
box-sizing: border-box !important;
z-index: 2147483647 !important;
}
body.bili-live-room-page:has(:fullscreen) #fullscreen-container .player-section {
display: contents !important;
}
body.bili-live-room-page:has(:fullscreen) #fullscreen-container .player-section,
body.bili-live-room-page:has(:fullscreen) #live-player-ctnr,
body.bili-live-room-page:has(:fullscreen) #live-player-ctnr > .h-100.p-relative,
body.bili-live-room-page:has(:fullscreen) #live-player,
body.bili-live-room-page:has(:fullscreen) #live-player video,
body.bili-live-room-page:has(:fullscreen) #live-player .web-player-danmaku,
body.bili-live-room-page:has(:fullscreen) #live-player .danmaku-item-container {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
transform: none !important;
box-sizing: border-box !important;
object-fit: contain !important;
}
body.bili-live-room-page:has(:fullscreen) #aside-area-vm {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-live-room-page #fullscreen-container,
body.bili-live-room-page #fullscreen-container .player-section,
body.bili-live-room-page #live-player-ctnr,
body.bili-live-room-page #live-player-ctnr > .h-100.p-relative,
body.bili-live-room-page #live-player,
body.bili-live-room-page #live-player video,
body.bili-live-room-page #live-player .web-player-danmaku,
body.bili-live-room-page #live-player .danmaku-item-container {
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
body.bili-live-room-page #live-player > ul,
body.bili-live-room-page #fullscreen-container .bili-live-ctx-menu,
body.bili-live-room-page .bili-live-ctx-menu {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.bili-live-room-page .control-area {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
body.bili-live-room-page .control-area > .left-area,
body.bili-live-room-page .control-area > .right-area,
body.bili-live-room-page .live-web-player-controller > .left-area,
body.bili-live-room-page .live-web-player-controller > .right-area {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
position: static !important;
}
body.bili-live-room-page .control-area > .left-area { margin-right: 8px !important; }
body.bili-live-room-page .control-area > .right-area { margin-left: 0 !important; }
body.bili-live-room-page .control-area > .left-area:not(:has([data-bili-live-keep])),
body.bili-live-room-page .control-area > .right-area:not(:has([data-bili-live-keep])) {
display: none !important;
width: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
body.bili-live-room-page .control-area .left-area > *:not([data-bili-live-keep]),
body.bili-live-room-page .control-area .right-area > *:not([data-bili-live-keep]) {
display: none !important;
visibility: hidden !important;
width: 0 !important;
min-width: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body.bili-live-room-page .control-area [data-bili-live-keep] {
display: flex !important;
visibility: visible !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 4px !important;
opacity: 1 !important;
overflow: visible !important;
}
body.bili-live-room-page #live-player > svg,
body.bili-live-room-page #live-player > svg[id],
body.bili-live-room-page #live-player > [class*="feedback"],
body.bili-live-room-page #live-player [class*="feedback"],
body.bili-live-room-page #live-player [class*="FeedBack"] {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body.bili-live-room-page #fullscreen-container {
background: #000 !important;
}
body.bili-live-room-page .quality-wrap .panel,
body.bili-live-room-page .control-area .panel {
position: fixed !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 160px !important;
max-width: 200px !important;
min-width: 0 !important;
height: auto !important;
max-height: calc(100vh - 32px) !important;
margin: 0 !important;
border-radius: 10px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
z-index: 2147483000 !important;
}
body.bili-live-room-page .web-player-controller-bg,
body.bili-live-room-page #live-player > [class*="controller-bg"] {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.bili-live-room-page #live-player::after {
content: '' !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.62) 0%,
rgba(0, 0, 0, 0.44) 9%,
rgba(0, 0, 0, 0.22) 20%,
rgba(0, 0, 0, 0.08) 32%,
rgba(0, 0, 0, 0) 45%
) !important;
opacity: 0 !important;
transition: opacity 180ms ease !important;
pointer-events: none !important;
z-index: 11 !important;
}
body.bili-live-room-page #live-player.bili-live-ctrl-on::after {
opacity: 1 !important;
}
body.bili-live-room-page.bili-live-fs .control-area,
body.bili-live-room-page:has(:fullscreen) .control-area {
margin-bottom: -84px !important;
}
html:root #room-ssr-vm,
html:root #room-ssr-vm *,
html:root .link-navbar-ctnr,
html:root .link-navbar-wrap,
html:root nav.link-navbar,
html:root .link-navbar,
html:root #head-info-vm,
html:root #gift-control-vm,
html:root #rank-list-vm,
html:root #rank-list-ctnr-box,
html:root #sections-vm,
html:root #sidebar-vm,
html:root #room-background-vm,
html:root #gift-screen-animation-vm,
html:root #guard-popup,
html:root footer.link-footer {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
overflow: hidden !important;
pointer-events: none !important;
}
html:root main.app-content,
html:root main.app-content.p-relative {
padding-top: 0 !important;
}
body.bili-space-page .space-follow,
body.bili-space-page .space-fans {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-aside {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 8px !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-aside .vui_collapse {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-aside .vui_collapse_item,
body.bili-space-page .relation-aside .vui_collapse_item_content,
body.bili-space-page .relation-aside .vui_sidebar {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-aside .vui_collapse_item_header {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-space-page .relation-aside .vui_sidebar > *,
body.bili-space-page .relation-aside .vui_sidebar > * > * {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-aside .vui_sidebar-item,
body.bili-space-page .relation-aside .follow-sidebar-item > a {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
margin: 0 !important;
padding: 0 12px !important;
background: #ffffff !important;
border: none !important;
border-radius: 16px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-aside .vui_sidebar-item-title {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.bili-space-page .relation-aside .vui_sidebar-item-title svg,
body.bili-space-page .relation-aside .relation-aside__icon,
body.bili-space-page .relation-aside .follow-sidebar-item__icon {
width: 16px !important;
height: 16px !important;
min-width: 0 !important;
flex-shrink: 0 !important;
}
body.bili-space-page .relation-aside .vui_sidebar-item-right {
width: auto !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
}
body.bili-space-page .follow-main,
body.bili-space-page .fans-main {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 8px 8px !important;
box-sizing: border-box !important;
}
body.bili-space-page .follow-main-title,
body.bili-space-page .fans-main-head,
body.bili-space-page .fans-main-title {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page section.relation-content,
body.bili-space-page .relation-content > .items {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-content > .items {
grid-template-columns: minmax(0, 1fr) !important;
row-gap: 0 !important;
gap: 0 !important;
column-gap: 0 !important;
grid-row-gap: 0 !important;
}
body.bili-space-page .relation-content,
body.bili-space-page .relation-content > .items,
body.bili-space-page .items > .item {
content-visibility: visible !important;
contain: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
}
body.bili-space-page .relation-card {
content-visibility: visible !important;
contain: none !important;
}
body.bili-space-page .items > .item {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
float: none !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-card {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 15px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 86px !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
background: #ffffff !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-card-avatar,
body.bili-space-page .relation-card-avatar .b-avatar,
body.bili-space-page .relation-card-avatar .b-avatar__canvas,
body.bili-space-page .relation-card-avatar .b-avatar__layers,
body.bili-space-page .relation-card-avatar .b-avatar__layer,
body.bili-space-page .relation-card-avatar picture,
body.bili-space-page .relation-card-avatar img {
flex: 0 0 86px !important;
width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
height: 86px !important;
min-height: 0 !important;
max-height: 86px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-card-info {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: stretch !important;
gap: 4px !important;
flex: 1 1 auto !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 8px 0 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-card-info__uname,
body.bili-space-page .relation-card-info__sign {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-card-info-option,
body.bili-space-page .relation-card-info-option .follow-btn,
body.bili-space-page .relation-card-info-option .follow-btn-wrapper {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-card-avatar .b-avatar__layer:not(.center),
body.bili-space-page .relation-card-avatar .b-avatar__layer:not(.center) > * {
position: absolute !important;
top: auto !important;
left: auto !important;
right: 0 !important;
bottom: 0 !important;
width: 22px !important;
min-width: 0 !important;
max-width: 22px !important;
height: 22px !important;
min-height: 0 !important;
max-height: 22px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
flex: none !important;
z-index: 3 !important;
box-sizing: border-box !important;
}
body.bili-space-page .follow-main-title,
body.bili-space-page .fans-main-head,
body.bili-space-page .fans-main-title {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-space-page:has(main.space-main.route_relationFollow) .nav-bar.space-navbar,
body.bili-space-page:has(main.space-main.route_relationFans) .nav-bar.space-navbar,
body.bili-space-page main.space-main.route_relationFollow ~ .nav-bar.space-navbar,
body.bili-space-page main.space-main.route_relationFans ~ .nav-bar.space-navbar,
body.bili-space-page #app:has(> main.space-main.route_relationFollow) > .nav-bar.space-navbar,
body.bili-space-page #app:has(> main.space-main.route_relationFans) > .nav-bar.space-navbar {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-space-page:has(main.space-main.route_relationFollow) .header.space-header,
body.bili-space-page:has(main.space-main.route_relationFans) .header.space-header,
body.bili-space-page:has(main.space-main.route_relationFollow) .header.space-header .search,
body.bili-space-page:has(main.space-main.route_relationFans) .header.space-header .search-input,
body.bili-space-page:has(main.space-main.route_relationFollow) .nav-bar__main-right,
body.bili-space-page:has(main.space-main.route_relationFans) .nav-bar__main-right,
body.bili-space-page:has(main.space-main.route_relationFollow) .space-search,
body.bili-space-page:has(main.space-main.route_relationFans) .space-search {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-space-page .relation-aside .vui_collapse_item,
body.bili-space-page .relation-aside .vui_collapse_item_content,
body.bili-space-page .relation-aside .vui_sidebar,
body.bili-space-page .relation-aside .vui_sidebar-item,
body.bili-space-page .relation-aside .follow-sidebar-item,
body.bili-space-page .relation-aside,
body.bili-space-page .space-follow {
border: none !important;
border-top: none !important;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
background-image: none !important;
}
body.bili-space-page .relation-aside .vui_collapse_item::before,
body.bili-space-page .relation-aside .vui_collapse_item::after,
body.bili-space-page .relation-aside .vui_sidebar-item::before,
body.bili-space-page .relation-aside .vui_sidebar-item::after,
body.bili-space-page .relation-aside .follow-sidebar-item::before,
body.bili-space-page .relation-aside .follow-sidebar-item::after {
display: none !important;
content: none !important;
height: 0 !important;
border: none !important;
}
body.bili-space-page .relation-card-avatar .b-avatar__layer:not(.center) > * {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
bottom: auto !important;
width: 100% !important;
height: 100% !important;
min-width: 0 !important;
max-width: none !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
translate: none !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-aside .vui_sidebar-item-title > svg,
body.bili-space-page .relation-aside .vui_sidebar-item-title > i,
body.bili-space-page .relation-aside .follow-sidebar-item__icon,
body.bili-space-page .relation-aside .relation-aside__icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 16px !important;
width: 16px !important;
min-width: 16px !important;
max-width: 16px !important;
height: 16px !important;
min-height: 0 !important;
max-height: 16px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 16px !important;
line-height: 16px !important;
vertical-align: middle !important;
box-sizing: border-box !important;
}
body.bili-space-page .relation-aside .relation-aside__icon::before,
body.bili-space-page .relation-aside .follow-sidebar-item__icon::before,
body.bili-space-page .relation-aside .vui_sidebar-item-title > i::before {
font-size: 16px !important;
line-height: 16px !important;
display: block !important;
width: 16px !important;
height: 16px !important;
text-align: center !important;
}
body.bili-space-page:has(main.space-main.route_relationFollow) #my-bili-searchbar,
body.bili-space-page:has(main.space-main.route_relationFans) #my-bili-searchbar {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
body.bili-space-page:has(main.space-main.route_relationFollow) > #app,
body.bili-space-page:has(main.space-main.route_relationFans) > #app {
padding-top: 0 !important;
}
body.bili-space-page .follow-main > .vui_pagenation,
body.bili-space-page .fans-main > .vui_pagenation,
body.bili-space-page .follow-main > [class*="pagenation"],
body.bili-space-page .fans-main > [class*="pagenation"] {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 8px 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .follow-main .vui_pagenation--btns,
body.bili-space-page .fans-main .vui_pagenation--btns {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 34px !important;
margin: 0 !important;
padding: 0 8px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
box-sizing: border-box !important;
}
body.bili-space-page .follow-main .vui_pagenation--btns > *,
body.bili-space-page .fans-main .vui_pagenation--btns > * {
flex: 0 0 auto !important;
flex-shrink: 0 !important;
white-space: nowrap !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
}
body.bili-space-page .follow-main section.relation-content,
body.bili-space-page .fans-main section.relation-content,
body.bili-space-page .relation-content > .items {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
html body.bili-search-page #app .search-page > .flex_center.mt_x50,
html body.bili-search-page #app .search-page > .mt_x50.mb_lg,
html body.bili-search-page #app .search-page > .mt_x50.mb_x50,
html body.bili-search-page #app .search-page > div[class*="mt_x50"],
body.bili-search-page .search-page > div[class*="mt_x50"],
body.bili-search-page [class*="mt_x50"].flex_center {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
html body.bili-search-page #app .search-page > div[class*="mt_x50"] .vui_pagenation,
body.bili-search-page .search-page > div[class*="mt_x50"] .vui_pagenation {
padding: 8px 0 !important;
margin: 0 !important;
}
html body.bili-search-page #app div.search-page-video > div.video-list.row,
html body.bili-search-page #app div.video.i_wrapper.search-all-list > div.video-list.row,
html body.bili-search-page #app div.search-page > div.video-list.row {
padding-bottom: 0 !important;
}
body.bili-video-page .bpx-player-ctrl-quality-menu-wrap,
body.bili-video-page .bpx-player-ctrl-playbackrate-menu,
body.bili-video-page .bpx-player-ctrl-setting-box,
body.bili-video-page .bpx-player-ctrl-subtitle-box,
body.bili-video-page .bpx-player-ctrl-eplist,
body.bili-video-page .bpx-player-dm-setting-wrap,
body.bili-bangumi-page .bpx-player-ctrl-quality-menu-wrap,
body.bili-bangumi-page .bpx-player-ctrl-playbackrate-menu,
body.bili-bangumi-page .bpx-player-ctrl-setting-box,
body.bili-bangumi-page .bpx-player-ctrl-subtitle-box,
body.bili-bangumi-page .bpx-player-ctrl-eplist,
body.bili-bangumi-page .bpx-player-dm-setting-wrap {
position: fixed !important;
top: 50% !important;
left: 50% !important;
right: auto !important;
bottom: auto !important;
transform: translate(-50%, -50%) !important;
min-width: 160px !important;
max-width: calc(100vw - 32px) !important;
max-height: calc(100vh - 32px) !important;
margin: 0 !important;
border-radius: 10px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45) !important;
z-index: 2147483000 !important;
}
body.bili-video-page .bpx-player-dm-setting-wrap,
body.bili-bangumi-page .bpx-player-dm-setting-wrap {
min-width: 0 !important;
}
body.bili-video-page .bpx-player-ctrl-quality-menu-item,
body.bili-bangumi-page .bpx-player-ctrl-quality-menu-item {
max-width: none !important;
width: 100% !important;
}
body.bili-video-page .bpx-player-ctrl-btn.bpx-state-show,
body.bili-bangumi-page .bpx-player-ctrl-btn.bpx-state-show,
body.bili-player-panel-open .bili-panel-host {
z-index: 2147483646 !important;
}
body.bili-player-panel-open .bpx-player-ctrl-btn:not(.bpx-state-show):not(.bili-panel-host),
body.bili-player-panel-open .bpx-player-dm-setting:not(.bili-panel-host) {
z-index: 0 !important;
}
body.bili-video-page .bpx-player-control-wrap,
body.bili-bangumi-page .bpx-player-control-wrap {
z-index: 1000 !important;
}
body.bili-player-panel-open .bpx-player-control-wrap {
z-index: 2147483646 !important;
}
body .bili-watch-later--wrap,
body .bili-watch-later,
body .bili-watch-later--pip,
body .bili-watch-later__icon,
body .bili-watch-later__tip,
body .bili-card-watch-later,
body .watch-later-video,
body .van-watchlater,
body [class*="watch-later"]:not(body):not(html):not(#app):not(main):not(section):not(article):not(aside),
body [class*="watchlater"]:not(body):not(html):not(#app):not(main):not(section):not(article):not(aside) {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body .bili-hide-watch-later {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body .bili-dyn-card-video__mark,
body .bili-dyn-card-video__mark__tip,
body .bili-dyn-card-video__cover__mask > .bili-dyn-card-video__mark {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body.bili-space-page .upload-content .audio-list {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-gap: 8px !important;
gap: 8px !important;
row-gap: 8px !important;
column-gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
align-items: start !important;
align-content: start !important;
grid-auto-rows: auto !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
background: transparent !important;
float: none !important;
list-style: none !important;
}
body.bili-space-page .upload-content .audio-item {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
float: none !important;
}
body.bili-space-page .upload-content .audio-card {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
background: #ffffff !important;
border: none !important;
border-radius: 8px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
overflow: hidden !important;
box-sizing: border-box !important;
position: relative !important;
float: none !important;
}
body.bili-space-page .upload-content .audio-card__top {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .upload-content .audio-card__cover {
display: block !important;
position: relative !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 100% 0 0 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.bili-space-page .upload-content .audio-card__cover > .bili-cover-card__thumbnail {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.bili-space-page .upload-content .audio-card__cover img {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
body.bili-space-page .upload-content .bili-cover-card__stats {
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
max-width: 100% !important;
padding: 14px 4px 4px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
}
body.bili-space-page .upload-content .audio-card__bottom {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 6px 4px 8px !important;
box-sizing: border-box !important;
text-align: center !important;
}
body.bili-space-page .upload-content .audio-card__bottom .title,
body.bili-space-page .upload-content .audio-card__bottom a.title,
body.bili-space-page .upload-content .audio-card__bottom .vui_ellipsis,
body.bili-space-page .upload-content .audio-card__bottom .subtitle,
body.bili-space-page .upload-content .audio-card__bottom .subtitle > span {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
white-space: normal !important;
overflow: hidden !important;
}
body.bili-space-page .upload-content .audio-card__bottom a.title {
font-size: 13px !important;
line-height: 18px !important;
max-height: 36px !important;
-webkit-line-clamp: 2 !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
}
body.bili-space-page .upload-content .audio-card__bottom .subtitle {
margin-top: 4px !important;
font-size: 11px !important;
line-height: 16px !important;
max-height: 16px !important;
color: #9499a0 !important;
text-align: center !important;
}
body.bili-space-page .upload-content .audio-footer {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 16px 0 0 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .upload-content .audio-pagination,
body.bili-space-page .upload-content .vui_pagenation {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.bili-space-page .upload-content .vui_pagenation--btns {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
box-sizing: border-box !important;
}
body.bili-space-page .upload-content .vui_pagenation--btns > * {
flex: 0 0 auto !important;
flex-shrink: 0 !important;
white-space: nowrap !important;
}
body.bili-space-page .upload-content .audio-header,
body.bili-space-page .upload-content .audio-header__top,
body.bili-space-page .upload-content .audio-header__bottom,
body.bili-space-page .upload-content .audio-header .title {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-space-page .upload-content .audio-body {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
box-sizing: border-box !important;
}
body.bili-space-page .upload-content .audio {
margin: 0 !important;
padding: 0 !important;
}
body.bili-music-page #internationalHeader,
body.bili-music-page .mini-header,
body.bili-music-page .bili-header,
body.bili-music-page .international-header,
body.bili-music-page .gridview-sidebar,
body.bili-music-page .gridview-content-container > .row:nth-of-type(2),
body.bili-music-page .song-complain-bg,
body.bili-music-page .follow-up-toast,
body.bili-music-page .collection-bg,
body.bili-music-page .song-share,
body.bili-music-page .song-img {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-music-page {
background: #f4f5f7 !important;
}
body.bili-music-page #app,
body.bili-music-page #app > div:nth-of-type(1),
body.bili-music-page .container.contain-div,
body.bili-music-page .row,
body.bili-music-page .gridview-content-container,
body.bili-music-page .col-6-med.col-5,
body.bili-music-page .col-9-med.col-7,
body.bili-music-page .song-padding,
body.bili-music-page .song-gap {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box !important;
float: none !important;
}
body.bili-music-page .container.contain-div {
margin-top: 0 !important;
padding: 36px 8px 68px 8px !important;
box-sizing: border-box !important;
}
body.bili-music-page #app,
body.bili-music-page .gridview-content-container {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
background: transparent !important;
}
body.bili-music-page .gridview-content-container > .row:nth-of-type(1) {
display: block !important;
}
body.bili-music-page .col-6-med.col-5 {
margin: 0 !important;
}
body.bili-music-page .col-9-med.col-7 {
margin: 0 !important;
padding-top: 8px !important;
}
body.bili-music-page .song-intro,
body.bili-music-page .song-type,
body.bili-music-page .song-title,
body.bili-music-page .song-time,
body.bili-music-page .song-play-num,
body.bili-music-page .song-info,
body.bili-music-page .song-content {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
white-space: normal !important;
word-break: break-word !important;
}
body.bili-music-page .song-intro,
body.bili-music-page .song-type {
font-size: 13px !important;
line-height: 20px !important;
color: #61666d !important;
margin-top: 6px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
}
body.bili-music-page .song-content {
font-size: 14px !important;
line-height: 22px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
margin-top: 4px !important;
}
body.bili-music-page .song-title {
font-size: 18px !important;
line-height: 26px !important;
font-weight: 500 !important;
margin-bottom: 4px !important;
}
body.bili-music-page .song-intro {
margin-top: 0 !important;
}
body.bili-music-page .song-intro,
body.bili-music-page .song-content,
body.bili-music-page .content-span,
body.bili-music-page .song-type,
body.bili-music-page .song-type-title,
body.bili-music-page .song-title,
body.bili-music-page .song-time,
body.bili-music-page .song-play-num,
body.bili-music-page .song-info,
body.bili-music-page .song-info-content,
body.bili-music-page .song-info-div {
text-align: center !important;
}
body.bili-music-page .song-gap,
body.bili-music-page .share-board,
body.bili-music-page .song-title,
body.bili-music-page .song-time,
body.bili-music-page .song-play-num,
body.bili-music-page .song-info {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
body.bili-music-page .song-time,
body.bili-music-page .song-play-num {
font-size: 12px !important;
line-height: 18px !important;
color: #9499a0 !important;
margin-top: 4px !important;
}
body.bili-music-page .song-info,
body.bili-music-page .song-info-content,
body.bili-music-page .song-info-div {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
font-size: 13px !important;
line-height: 20px !important;
}
body.bili-music-page .song-info {
margin-top: 8px !important;
overflow: visible !important;
}
body.bili-music-page .song-info-div {
margin-top: 2px !important;
}
body.bili-music-page .share-board {
width: 100% !important;
max-width: 100% !important;
margin: 12px 0 0 0 !important;
padding: 0 !important;
display: flex !important;
justify-content: center !important;
box-sizing: border-box !important;
}
body.bili-music-page .song-playbtn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 140px !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 auto !important;
padding: 0 20px !important;
border-radius: 20px !important;
box-sizing: border-box !important;
font-size: 15px !important;
line-height: 40px !important;
}
body.bili-music-page #music-container,
body.bili-music-page .ap-status,
body.bili-music-page .ap-controller {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.bili-music-page #music-container {
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: auto !important;
min-height: 60px !important;
padding: 0 8px !important;
background: #ffffff !important;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.08) !important;
}
body.bili-music-page .ap-status {
padding: 0 !important;
}
body.bili-music-page .ap-controller {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 8px !important;
padding: 0 8px 0 0 !important;
margin: 0 !important;
}
body.bili-music-page .ap-controller-left {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 8px !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.bili-music-page .ap-controller-left .ap-button {
padding: 0 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 36px !important;
max-height: none !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
body.bili-music-page .ap-cover {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-music-page .ap-controller-center {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: stretch !important;
gap: 8px !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.bili-music-page .ap-name,
body.bili-music-page .ap-artist {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-music-page .ap-controller-center-line {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.bili-music-page .ap-time {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 3px !important;
flex: 0 0 auto !important;
width: auto !important;
margin-left: auto !important;
font-size: 11px !important;
line-height: 16px !important;
color: #9499a0 !important;
white-space: nowrap !important;
}
body.bili-music-page .ap-play-track-expand {
margin-top: 0 !important;
display: block !important;
}
body.bili-music-page .ap-play-track,
body.bili-music-page .ap-play-bar-wrap,
body.bili-music-page .ap-buffer-bar,
body.bili-music-page .ap-progress-bar {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
body.bili-music-page .ap-play-track {
height: 4px !important;
border-radius: 2px !important;
background: #e3e5e7 !important;
}
body.bili-music-page .ap-progress-bar {
height: 4px !important;
border-radius: 2px !important;
background: #00aeec !important;
}
body.bili-music-page .ap-progress-thumb {
width: 12px !important;
height: 12px !important;
border-radius: 50% !important;
background: #00aeec !important;
}
body.bili-music-page .ap-controller-right,
body.bili-music-page .ap-playlist {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.bili-music-page .song-type,
body.bili-music-page .song-type-title,
body.bili-music-page .song-type > span,
body.bili-music-page .lrc-fold,
body.bili-music-page #lrc-content,
body.bili-music-page .song-lrc {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
text-align: center !important;
justify-content: center !important;
align-items: center !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
white-space: normal !important;
word-break: break-word !important;
}
body.bili-music-page .song-type > span,
body.bili-music-page .song-type-title {
display: inline !important;
width: auto !important;
max-width: none !important;
}
body.bili-music-page .lrc-fold {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
margin-top: 12px !important;
}
body.bili-music-page #lrc-content,
body.bili-music-page .song-lrc {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
font-size: 13px !important;
line-height: 22px !important;
color: #61666d !important;
}
body.bili-music-page .song-info,
body.bili-music-page .song-info-content,
body.bili-music-page .song-info-div,
body.bili-music-page .song-info-theme,
body.bili-music-page .song-info-detail {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
text-align: center !important;
justify-content: center !important;
align-items: center !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
white-space: normal !important;
word-break: break-word !important;
}
body.bili-music-page .song-info-theme,
body.bili-music-page .song-info-div > div,
body.bili-music-page .song-info-detail,
body.bili-music-page .song-info-detail > span {
display: inline !important;
width: auto !important;
max-width: none !important;
}
body.bili-music-page .song-gap {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
}
body.bili-music-page .share-board {
margin-top: 36px !important;
}
body.bili-music-page .song-lrcFold,
body.bili-music-page .song-lrcUnfold {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
`;
root.appendChild(style);
}
const PAGE_CLASS_RULES = [
{ test: isMusicPage, cls: ['bili-music-page'] },
{ test: isSearchPage, cls: ['bili-search-page'] },
{ test: isTBiliDynamic, cls: ['bili-dynamic-page'] },
{ test: isOpusPage, cls: ['bili-opus-page'] },
{ test: isHome, cls: ['bili-home-page'] },
{ test: isSpacePage, cls: ['bili-space-page'] },
{ test: isListPage, cls: ['bili-video-page', 'bili-list-page'] },
{ test: isVideoPage, cls: ['bili-video-page'] },
{ test: isBangumiPage, cls: ['bili-bangumi-page'] },
{ test: isLiveRoomPage, cls: ['bili-live-room-page'] }
];
const ALL_PAGE_CLASSES = [
'bili-music-page',
'bili-search-page', 'bili-dynamic-page', 'bili-opus-page', 'bili-home-page',
'bili-space-page', 'bili-video-page', 'bili-list-page', 'bili-bangumi-page',
'bili-live-room-page'
];
function currentPageClasses() {
for (let i = 0; i < PAGE_CLASS_RULES.length; i++) {
if (PAGE_CLASS_RULES[i].test()) return PAGE_CLASS_RULES[i].cls;
}
return [];
}
function syncPageClass() {
if (!document.body) return false;
const want = currentPageClasses();
const cl = document.body.classList;
ALL_PAGE_CLASSES.forEach(c => { if (want.indexOf(c) === -1) cl.remove(c); });
want.forEach(c => cl.add(c));
return true;
}
function applyPageClassEarly() {
if (!syncPageClass()) {
const obs = new MutationObserver(() => {
if (syncPageClass()) obs.disconnect();
});
obs.observe(document.documentElement, { childList: true, subtree: true });
}
window.addEventListener('popstate', syncPageClass);
['pushState', 'replaceState'].forEach(fn => {
const orig = history[fn];
if (typeof orig !== 'function') return;
history[fn] = function () {
const ret = orig.apply(this, arguments);
setTimeout(syncPageClass, 0);
return ret;
};
});
}
function fixVideoControls() {
if (!isVideoPage() && !isBangumiPage() && !isListPage()) return;
if (fixVideoControls._done) return;
const playerContainer = document.querySelector('body.bili-video-page .bpx-player-container') || document.querySelector('body.bili-bangumi-page .bpx-player-container');
if (!playerContainer) return;
const videoArea = playerContainer.querySelector('.bpx-player-video-area');
if (!videoArea) return;
const videoPerch = videoArea.querySelector('.bpx-player-video-perch');
const videoWrap = (videoPerch && videoPerch.querySelector('.bpx-player-video-wrap'))
|| videoArea.querySelector('.bpx-player-video-wrap');
if (!videoWrap) return;
const video = videoWrap.querySelector('video');
if (!video) return;
if (videoWrap.parentElement === videoArea && videoArea.firstElementChild === videoWrap) {
fixVideoControls._done = true;
return;
}
if (videoPerch && videoWrap.parentElement !== videoArea) {
videoArea.insertBefore(videoWrap, videoPerch);
}
video.playsInline = true;
const oldControlWrap = videoArea.querySelector('.bpx-player-control-wrap:not(.new)');
if (!oldControlWrap) return;
const controlEntity = oldControlWrap.querySelector('.bpx-player-control-entity');
if (!controlEntity) return;
let clickTimer;
let hideTimer;
const controlWrap = document.createElement('div');
controlWrap.className = 'bpx-player-control-wrap new';
controlWrap.innerHTML = '';
videoArea.insertBefore(controlWrap, oldControlWrap);
controlWrap.appendChild(controlEntity);
const controlTop = controlEntity.querySelector('.bpx-player-control-top');
const bottomRight = controlEntity.querySelector('.bpx-player-control-bottom-right');
const isBpxStateShow = () => controlEntity.querySelector('.bpx-player-control-bottom-right > .bpx-state-show');
const isShown = () => playerContainer.getAttribute('ctrl-shown') === 'true';
playerContainer.setAttribute('ctrl-shown', 'false');
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
const firstNode = mutation.addedNodes[0];
if (firstNode && firstNode.nodeType === Node.ELEMENT_NODE
&& firstNode.classList.contains('bpx-player-ctrl-web')) {
if (video.paused) showControlWrap();
const subtitleBtn = document.querySelector('.bpx-player-ctrl-subtitle');
if (subtitleBtn) {
window.addEventListener('click', (event) => {
if (!subtitleBtn.contains(event.target)) {
subtitleBtn.dispatchEvent(new MouseEvent('mouseleave'));
}
});
}
observer.disconnect();
}
});
});
if (bottomRight) observer.observe(bottomRight, { childList: true });
function hideControlWrap(isEnd = false) {
if ((!video.paused && !isBpxStateShow()) || isEnd) {
playerContainer.setAttribute('ctrl-shown', 'false');
clearTimeout(hideTimer);
} else {
delayHideTimer();
}
}
function showControlWrap() {
playerContainer.setAttribute('ctrl-shown', 'true');
delayHideTimer();
}
function delayHideTimer() {
clearTimeout(hideTimer);
hideTimer = setTimeout(hideControlWrap, 3000);
}
function unmute() {
video.muted = false;
if (video.volume === 0) {
const muteIcon = document.querySelector('.bpx-player-ctrl-muted-icon');
if (muteIcon) muteIcon.click();
}
}
video.addEventListener('ended', () => hideControlWrap(true));
video.addEventListener('play', delayHideTimer);
videoWrap.addEventListener('mousemove', (e) => e.stopPropagation());
videoWrap.addEventListener('click', () => {
clearTimeout(clickTimer);
clickTimer = setTimeout(() => {
if (isShown()) hideControlWrap();
else showControlWrap();
if (video.paused) video.play();
else video.pause();
}, 250);
});
videoWrap.addEventListener('dblclick', () => {
clearTimeout(clickTimer);
unmute();
const isPortrait = video.videoHeight / video.videoWidth > 1;
if (isPortrait) {
const webBtn = document.querySelector('.bpx-player-ctrl-web');
if (webBtn) webBtn.click();
} else if (videoPerch) {
videoPerch.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));
}
});
controlWrap.addEventListener('mousemove', (e) => e.stopPropagation());
controlWrap.addEventListener('click', (e) => {
e.stopPropagation();
delayHideTimer();
});
if (controlTop) controlTop.addEventListener('touchstart', delayHideTimer);
fixVideoControls._done = true;
}
function bindVideoSlideGesture() {
if (!isVideoPage() && !isBangumiPage() && !isListPage()) return;
if (bindVideoSlideGesture._bound) return;
bindVideoSlideGesture._bound = true;
let mask = document.getElementById('my-bili-right-mask');
if (!mask) {
mask = document.createElement('div');
mask.id = 'my-bili-right-mask';
document.body.appendChild(mask);
}
const MIN_DISTANCE = 60;
const MAX_TIME = 600;
function getPanel() {
if (isListPage()) return document.querySelector('body.bili-list-page .playlist-container--right');
if (isVideoPage()) return document.querySelector('body.bili-video-page .right-container');
if (isBangumiPage()) return document.querySelector('body.bili-bangumi-page .plp-r-wrap');
return null;
}
function isOpen() { const r = getPanel(); return r && r.classList.contains('show'); }
function openPanel() { const r = getPanel(); if (r) r.classList.add('show'); mask.classList.add('show'); }
function closePanel() { const r = getPanel(); if (r) r.classList.remove('show'); mask.classList.remove('show'); }
mask.addEventListener('click', closePanel);
let startX = 0, startY = 0, startTime = 0;
document.addEventListener('touchstart', e => {
if (e.touches.length !== 1) return;
startX = e.touches[0].clientX;
startY = e.touches[0].clientY;
startTime = Date.now();
}, { passive: true });
document.addEventListener('touchend', e => {
if (e.changedTouches.length !== 1) return;
const dx = e.changedTouches[0].clientX - startX;
const dy = e.changedTouches[0].clientY - startY;
const dt = Date.now() - startTime;
if (Math.abs(dy) > Math.abs(dx)) return;
if (dt > MAX_TIME) return;
if (dx < -MIN_DISTANCE && !isOpen()) openPanel();
else if (dx > MIN_DISTANCE && isOpen()) closePanel();
}, { passive: true });
}
function bindFullscreenFix() {
if (!isVideoPage() && !isListPage()) return;
if (bindFullscreenFix._bound) return;
bindFullscreenFix._bound = true;
const handleChange = () => {
const isFull = !!(document.fullscreenElement || document.webkitFullscreenElement ||
document.mozFullScreenElement || document.msFullscreenElement);
if (isFull) {
document.body.classList.add('video-fullscreen');
} else {
document.body.classList.remove('video-fullscreen');
}
};
document.addEventListener('fullscreenchange', handleChange);
document.addEventListener('webkitfullscreenchange', handleChange);
document.addEventListener('mozfullscreenchange', handleChange);
document.addEventListener('MSFullscreenChange', handleChange);
document.addEventListener('orientationchange', () => {
if (document.fullscreenElement || document.webkitFullscreenElement) {
setTimeout(handleChange, 100);
}
});
}
const FILTER_PARAM = '_no';
const FILTER_STORE = 'bili_mobile_minus_words';
function parseQueryTokens(raw) {
const tokens = String(raw || '').split(/\s+/).filter(Boolean);
const include = [], exclude = [];
tokens.forEach(function (t) {
if (t.length > 1 && t.charAt(0) === '-') exclude.push(t.slice(1));
else if (t.length > 1 && t.charAt(0) === '+') include.push(t.slice(1));
else include.push(t);
});
return { include: include, exclude: exclude };
}
function readBlockedWords() {
let raw = '';
try {
raw = new URL(location.href).searchParams.get(FILTER_PARAM) || '';
} catch (e) {}
if (raw) {
try { sessionStorage.setItem(FILTER_STORE, raw); } catch (e) {}
} else {
try { raw = sessionStorage.getItem(FILTER_STORE) || ''; } catch (e) {}
}
return raw.split('|').filter(Boolean);
}
function saveBlockedWords(list) {
try {
if (list && list.length) sessionStorage.setItem(FILTER_STORE, list.join('|'));
else sessionStorage.removeItem(FILTER_STORE);
} catch (e) {}
}
function escapeHTML(s) {
return String(s).replace(/[&<>"']/g, function (c) {
return { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c];
});
}
const FILTER_CARD_SELECTOR = [
'.bili-video-card',
'.bili-live-card',
'.b-article-card',
'.b-user-info-card'
].join(', ');
function cardMatchText(card) {
const pick = function (sel) {
const el = card.querySelector(sel);
return el ? (el.textContent || '') : '';
};
const parts = [
pick('.bili-video-card__info--tit'),
pick('.bili-video-card__info--owner'),
pick('.bili-video-card__info--bottom'),
pick('.bili-live-card__info--tit'),
pick('.bili-live-card__info--uname'),
pick('.bili-live-card__info--text'),
pick('.i_card_title'),
pick('.atc-desc'),
pick('.atc-info'),
pick('.user-content'),
pick('.user-name')
].filter(Boolean);
return parts.length ? parts.join(' ') : (card.textContent || '');
}
function removeFilterBar() {
const bar = document.getElementById('my-bili-filterbar');
if (bar && bar.parentNode) bar.parentNode.removeChild(bar);
if (document.body) document.body.classList.remove('has-filter-bar');
renderFilterBar._sig = null;
}
function renderFilterBar(blocked, hidden) {
if (!document.body) return;
const sig = blocked.join('|') + '#' + hidden;
if (renderFilterBar._sig === sig && document.getElementById('my-bili-filterbar')) return;
renderFilterBar._sig = sig;
let bar = document.getElementById('my-bili-filterbar');
if (!bar) {
bar = document.createElement('div');
bar.id = 'my-bili-filterbar';
document.body.appendChild(bar);
}
document.body.classList.add('has-filter-bar');
bar.innerHTML =
'已屏蔽' +
blocked.map(function (w) {
return '' + escapeHTML(w) + '';
}).join('') +
'已过滤 ' + hidden + ' 条' +
'清除';
const clear = bar.querySelector('.fb-clear');
if (clear) {
clear.addEventListener('click', function () {
saveBlockedWords([]);
try {
const u = new URL(location.href);
u.searchParams.delete(FILTER_PARAM);
location.href = u.toString();
} catch (e) {
location.reload();
}
});
}
}
function applyKeywordFilter() {
if (!isSearchPage()) { removeFilterBar(); return; }
const blocked = readBlockedWords();
document.querySelectorAll('[data-blocked="1"]').forEach(function (el) {
el.style.removeProperty('display');
el.removeAttribute('data-blocked');
});
if (!blocked.length) { removeFilterBar(); return; }
const lowBlocked = blocked.map(function (w) { return w.toLowerCase(); });
let hidden = 0;
document.querySelectorAll(FILTER_CARD_SELECTOR).forEach(function (card) {
const text = cardMatchText(card).toLowerCase();
let hit = false;
for (let i = 0; i < lowBlocked.length; i++) {
if (text.indexOf(lowBlocked[i]) !== -1) { hit = true; break; }
}
if (!hit) return;
let item = card;
const p = card.parentElement;
if (p && /\bcol_/.test(p.className)) item = p;
item.setAttribute('data-blocked', '1');
item.style.setProperty('display', 'none', 'important');
hidden++;
});
renderFilterBar(blocked, hidden);
}
const SEARCH_TYPES = [
{ key: 'all', name: '综合', path: '/all' },
{ key: 'live', name: '直播', path: '/live' },
{ key: 'article', name: '专栏', path: '/article' },
{ key: 'upuser', name: '用户', path: '/upuser' }
];
const MENU_CARET = '';
function currentSearchType() {
const p = location.pathname.replace(/\/$/, '') || '/';
let t = 'all';
SEARCH_TYPES.forEach(function (x) { if (p === x.path) t = x.key; });
return t;
}
function syncSearchMenu() {
const bar = document.getElementById('my-bili-searchbar');
if (bar && typeof bar._refreshMenu === 'function') bar._refreshMenu();
}
function createSearchBar() {
if (!isHome() && !isSearchPage() && !isSpacePage()) return;
if (createSearchBar._started) return;
createSearchBar._started = true;
if (document.getElementById('my-bili-searchbar')) return;
const onSearch = isSearchPage();
const onSpace = isSpacePage();
const url = new URL(location.href);
const currentOrder = url.searchParams.get('order') || '';
const curType = currentSearchType();
const onLive = onSearch && curType === 'live';
const isLatest = onLive ? (currentOrder === 'live_time') : (currentOrder === 'pubdate');
const bar = document.createElement('div');
bar.id = 'my-bili-searchbar';
const onUpuser = onSearch && curType === 'upuser';
const showLeftBtn = !onSpace && !onUpuser;
let leftBtnHTML = '';
if (showLeftBtn) {
if (onSearch) {
leftBtnHTML = `
`;
} else {
leftBtnHTML = `
`;
}
}
let switchBtnHTML = '';
let menuHTML = '';
if (onSearch) {
switchBtnHTML = `
`;
const orderItems = onLive
? [{ v: '', n: '综合' }, { v: 'live_time', n: '最新' }]
: [{ v: '', n: '综合' }, { v: 'pubdate', n: '最新' }];
menuHTML = (onUpuser ? '' : `
`) + `
`;
}
const cbHTML = !onSearch ? '' :
(onUpuser ? '' : '') +
'';
const placeholderText = onSpace ? '搜索视频、动态'
: '搜索视频、番剧、UP主...（用 -词 排除，例：洛克王国 -手游）';
const kw = onSearch ? (url.searchParams.get('keyword') || '') : '';
const blockedNow = onSearch ? readBlockedWords() : [];
const fullKw = blockedNow.length
? kw + ' ' + blockedNow.map(function (w) { return '-' + w; }).join(' ')
: kw;
const escapedKw = fullKw.replace(/"/g, '"').replace(//g, '>');
bar.innerHTML = `
${cbHTML}
${leftBtnHTML}
${switchBtnHTML}
${menuHTML}
`;
const attach = () => {
if (!document.body) { setTimeout(attach, 50); return; }
Array.prototype.slice.call(document.querySelectorAll('#my-bili-searchbar'))
.forEach(function (el) {
if (el !== bar && el.parentNode) el.parentNode.removeChild(el);
});
document.body.appendChild(bar);
const input = bar.querySelector('#my-bili-search-input');
const btn = bar.querySelector('.my-search-btn');
const doSearch = () => {
const parsed = parseQueryTokens(input.value.trim());
const keyword = parsed.include.join(' ');
if (!keyword) return;
saveBlockedWords(parsed.exclude);
if (onSpace) {
const mid = location.pathname.split('/').filter(Boolean)[0] || '';
if (!mid || !/^\d+$/.test(mid)) return;
location.href = `https://space.bilibili.com/${mid}/search?keyword=${encodeURIComponent(keyword)}`;
return;
}
const ct = currentSearchType();
let base = 'https://search.bilibili.com/all';
SEARCH_TYPES.forEach(function (t) { if (t.key === ct) base = 'https://search.bilibili.com' + t.path; });
const next = new URL(base);
next.searchParams.set('keyword', keyword);
if (ct !== 'all') {
next.searchParams.set('vt', '63088886');
next.searchParams.set('from_source', 'web_search');
}
if (ct === 'live') next.searchParams.set('search_type', 'live_room');
if (parsed.exclude.length) next.searchParams.set(FILTER_PARAM, parsed.exclude.join('|'));
if (isLatest) next.searchParams.set('order', ct === 'live' ? 'live_time' : 'pubdate');
location.href = next.toString();
};
input.addEventListener('keydown', e => {
if (e.key === 'Enter' || e.keyCode === 13) { e.preventDefault(); doSearch(); }
});
btn.addEventListener('click', doSearch);
const currentKeyword = () => {
const parsed = parseQueryTokens(input.value.trim());
return {
kw: parsed.include.join(' '),
exclude: parsed.exclude
};
};
const buildSwitchHref = (type) => {
const c = currentKeyword();
let base = 'https://search.bilibili.com/all';
SEARCH_TYPES.forEach(function (t) { if (t.key === type) base = 'https://search.bilibili.com' + t.path; });
const next = new URL(base);
const kw = c.kw || url.searchParams.get('keyword') || '';
if (kw) next.searchParams.set('keyword', kw);
if (type !== 'all') {
next.searchParams.set('vt', '63088886');
next.searchParams.set('from_source', 'web_search');
}
if (c.exclude.length) next.searchParams.set(FILTER_PARAM, c.exclude.join('|'));
return next.toString();
};
const buildOrderHref = (order) => {
const c = currentKeyword();
const next = new URL(location.href);
const kw = c.kw || next.searchParams.get('keyword') || '';
if (kw) next.searchParams.set('keyword', kw);
else next.searchParams.delete('keyword');
if (c.exclude.length) next.searchParams.set(FILTER_PARAM, c.exclude.join('|'));
else next.searchParams.delete(FILTER_PARAM);
if (order) next.searchParams.set('order', order);
else next.searchParams.delete('order');
if (currentSearchType() === 'live') next.searchParams.set('search_type', 'live_room');
return next.toString();
};
const refreshMenuHrefs = () => {
const ct = currentSearchType();
const ordNow = new URL(location.href).searchParams.get('order') || '';
const latestNow = ct === 'live' ? (ordNow === 'live_time') : (ordNow === 'pubdate');
bar.querySelectorAll('.my-bili-menu-item').forEach(function (a) {
if (a.dataset.type) {
a.href = buildSwitchHref(a.dataset.type);
a.classList.toggle('is-current', a.dataset.type === ct);
} else if (a.hasAttribute('data-order')) {
a.href = buildOrderHref(a.dataset.order || '');
a.classList.toggle('is-current', !!a.dataset.order === latestNow);
}
});
};
bar._refreshMenu = refreshMenuHrefs;
refreshMenuHrefs();
input.addEventListener('input', refreshMenuHrefs);
const allCb = () => bar.querySelectorAll('.my-bili-menu-cb');
const clearMarks = () => {
bar.querySelectorAll('.my-bili-menu-row').forEach(function (r) { r.classList.remove('is-open'); });
bar.querySelectorAll('#my-bili-order-btn, #my-bili-switch-btn')
.forEach(function (b) { b.classList.remove('is-open'); });
};
const closeAll = () => {
allCb().forEach(function (o) { o.checked = false; });
clearMarks();
};
const setOpen = function (cb, open) {
allCb().forEach(function (o) { o.checked = false; });
clearMarks();
cb.checked = !!open;
if (!open || !cb.id) return;
const base = cb.id.replace(/-cb$/, '');
const row = bar.querySelector('#' + base + '-row');
const btn = bar.querySelector('#' + base + '-btn');
if (row) row.classList.add('is-open');
if (btn) btn.classList.add('is-open');
};
bar.querySelectorAll('label[for]').forEach(function (lb) {
const toggle = function (e) {
const cb = bar.querySelector('#' + lb.getAttribute('for'));
if (!cb) return;
if (e && typeof e.preventDefault === 'function') e.preventDefault();
setOpen(cb, !cb.checked);
};
lb.addEventListener('click', toggle);
lb.addEventListener('keydown', function (e) {
if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') toggle(e);
});
});
bar.addEventListener('change', function (e) {
const t = e.target;
if (!t.classList || !t.classList.contains('my-bili-menu-cb')) return;
if (t.checked) {
allCb().forEach(function (o) { if (o !== t) o.checked = false; });
}
});
document.addEventListener('click', function (e) {
if (bar.contains(e.target)) return;
closeAll();
});
bar.querySelectorAll('.my-bili-menu-item').forEach(function (a) {
a.addEventListener('click', function () { setTimeout(closeAll, 0); });
});
window.addEventListener('popstate', closeAll);
};
attach();
}
const PLAYER_PANEL_SEL = [
'.bpx-player-ctrl-quality-menu-wrap',
'.bpx-player-ctrl-playbackrate-menu',
'.bpx-player-ctrl-setting-box',
'.bpx-player-ctrl-subtitle-box',
'.bpx-player-ctrl-eplist',
'.bpx-player-dm-setting-wrap',
'.bpx-player-ctrl-volume-box',
'.bpx-player-ctrl-more-box'
].join(', ');
function syncPlayerPanelZ() {
if (!isVideoPage() && !isBangumiPage() && !isListPage()) return;
if (!document.body || !document.querySelectorAll) return;
let open = false;
let host = null;
const list = document.querySelectorAll(PLAYER_PANEL_SEL);
for (let i = 0; i < list.length; i++) {
const el = list[i];
let vis = false;
try {
const cs = window.getComputedStyle(el);
const r = el.getBoundingClientRect();
vis = cs.display !== 'none' && cs.visibility !== 'hidden' &&
parseFloat(cs.opacity || '1') > 0.01 &&
r.width > 0 && r.height > 0;
} catch (e) { vis = false; }
if (!vis) continue;
open = true;
if (!host && el.closest) {
host = el.closest('.bpx-player-ctrl-btn') || el.closest('.bpx-player-dm-setting');
}
}
document.body.classList.toggle('bili-player-panel-open', open);
const marks = document.querySelectorAll('.bili-panel-host');
for (let i = 0; i < marks.length; i++) marks[i].classList.remove('bili-panel-host');
if (open && host) host.classList.add('bili-panel-host');
}
function bindPlayerPanelZ() {
if (bindPlayerPanelZ._done) return;
bindPlayerPanelZ._done = true;
const tick = function () { syncPlayerPanelZ(); };
setInterval(tick, 250);
document.addEventListener('click', function () {
setTimeout(tick, 0);
setTimeout(tick, 120);
}, true);
tick();
}
const WATCH_LATER_KEYS = ['watch-later', 'watchlater', '稍后再看'];
function hideWatchLaterButtons() {
if (!document.querySelectorAll) return;
const all = document.querySelectorAll('body *');
for (let i = 0; i < all.length; i++) {
const el = all[i];
if (!el.classList) continue;
if (el.classList.contains('bili-hide-watch-later')) continue;
let hit = false;
const cls = el.className || '';
const clsStr = typeof cls === 'string' ? cls : String(cls || '');
let aria = '';
try {
aria = (el.getAttribute && (el.getAttribute('aria-label') || '')) + ' ' +
(el.getAttribute && (el.getAttribute('title') || ''));
} catch (e) { aria = ''; }
const hay = (clsStr + ' ' + aria).toLowerCase();
for (let k = 0; k < WATCH_LATER_KEYS.length; k++) {
if (hay.indexOf(WATCH_LATER_KEYS[k]) !== -1) { hit = true; break; }
}
if (!hit) {
const txt = ((el.textContent || '') + '').trim();
if (txt !== '稍后再看') continue;
}
let w = 0, h = 0;
try {
const r = el.getBoundingClientRect();
w = r.width; h = r.height;
} catch (e) { continue; }
if (w > 120 || h > 120) continue;
if (w === 0 && h === 0) continue;
el.classList.add('bili-hide-watch-later');
}
}
function fixSpaceNavTabs() {
if (!isSpacePage()) return;
const allowedTabs = ['主页', '动态', '投稿', '合集和系列'];
document.querySelectorAll('body.bili-space-page .nav-tab > a.nav-tab__item').forEach(el => {
const text = (el.textContent || '').trim();
el.style.removeProperty('display');
el.style.removeProperty('visibility');
const isAllowed = allowedTabs.some(t => text.indexOf(t) !== -1);
if (!isAllowed) {
el.style.setProperty('display', 'none', 'important');
el.style.setProperty('visibility', 'hidden', 'important');
}
});
}
const SKEL_GRID_CLS = 'bili-skel-grid';
const SKEL_SEL = '.bili-video-card__skeleton, .bili-live-card__skeleton';
function skelHas(el) {
if (!el) return false;
try {
if (el.matches && el.matches(SKEL_SEL)) return true;
} catch (e) {}
try { return !!el.querySelector(SKEL_SEL); } catch (e) { return false; }
}
function markSkeletonGrid() {
if (!isSearchPage()) return false;
const list = document.querySelectorAll(SKEL_SEL);
if (!list.length) return false;
Array.prototype.forEach.call(list, function (sk) {
let p = sk.parentElement;
for (let i = 0; p && i < 6; i++) {
if (p === document.body || p === document.documentElement) break;
let cnt = 0;
for (let c = 0; c < p.children.length; c++) {
if (skelHas(p.children[c])) cnt++;
}
if (cnt >= 2) {
let already = false;
try {
already = window.getComputedStyle(p).display.indexOf('grid') === 0;
} catch (e) {}
if (!already && p.classList && !p.classList.contains(SKEL_GRID_CLS)) {
p.classList.add(SKEL_GRID_CLS);
}
break;
}
p = p.parentElement;
}
});
return true;
}
let scrollTopToken = 0;
function scrollPageToTop() {
const token = ++scrollTopToken;
const timers = [];
let onScroll = null;
const cleanup = function () {
timers.forEach(function (id) { clearTimeout(id); });
if (onScroll) {
window.removeEventListener('scroll', onScroll, true);
onScroll = null;
}
};
const go = function () {
if (token !== scrollTopToken) return;
try { window.scrollTo(0, 0); } catch (e) {}
if (document.documentElement) document.documentElement.scrollTop = 0;
if (document.body) document.body.scrollTop = 0;
};
go();
[60, 160, 320, 500, 700].forEach(function (ms) {
timers.push(setTimeout(function () { go(); if (ms >= 700) cleanup(); }, ms));
});
onScroll = function () {
if (token !== scrollTopToken) { cleanup(); return; }
const y = window.pageYOffset ||
(document.documentElement && document.documentElement.scrollTop) || 0;
if (y > 40) {
scrollTopToken++;
cleanup();
}
};
window.addEventListener('scroll', onScroll, true);
}
const SEARCH_PAGING_SEL = [
'.vui_pagenation', '.vui_pagenation--btns',
'[class*="pagenation"]', '[class*="pagination"]',
'.pagination', '.page-wrap'
].join(', ');
function bindSearchPagingScrollTop() {
if (!isSearchPage() || bindSearchPagingScrollTop._done) return;
bindSearchPagingScrollTop._done = true;
document.addEventListener('click', function (e) {
const t = e.target;
if (!t || !t.closest) return;
let hit = false;
try { hit = !!t.closest(SEARCH_PAGING_SEL); } catch (e) { return; }
if (!hit) return;
scrollPageToTop();
}, true);
}
function run() {
if (!document.body) return;
createSearchBar();
syncSearchMenu();
hideWatchLaterButtons();
if (isTBiliDynamic()) {
} else if (isOpusPage()) {
} else if (isHome()) {
} else if (isSearchPage()) {
applyKeywordFilter();
markSkeletonGrid();
bindSearchPagingScrollTop();
} else if (isSpacePage()) {
fixSpaceNavTabs();
} else if (isVideoPage() || isListPage()) {
fixVideoControls();
bindVideoSlideGesture();
bindFullscreenFix();
} else if (isBangumiPage()) {
fixVideoControls();
bindVideoSlideGesture();
} else if (isLiveRoomPage()) {
liveDropWebFullscreenClass();
syncLiveFullscreen();
applyLivePlayerSize();
bindLivePlayerSizeWatch();
bindLiveDblclickFullscreen();
bindLiveWebFullscreenGuard();
bindLiveBackExitFullscreen();
liveTrimController();
applyLiveControllerGeom();
liveMarkContextMenu();
bindLiveControllerWatch();
bindLiveLongPressGuard();
bindLiveChatScroll();
bindLiveControllerCompLoop();
markSkeletonGrid();
bindPlayerPanelZ();
hideWatchLaterButtons();
}
}
function isLiveFullscreen() {
if (liveIsNativeFs()) return true;
if (liveFsViaButton) return true;
const wrap = document.querySelector('#fullscreen-container');
if (wrap) {
try {
if (wrap.matches(':fullscreen') || wrap.matches(':-webkit-full-screen')) return true;
} catch (e) {}
}
return false;
}
function syncLiveFullscreen() {
if (!isLiveRoomPage() || !document.body) return false;
const on = isLiveFullscreen();
document.body.classList.toggle('bili-live-fs', on);
return on;
}
function liveDropWebFullscreenClass() {
if (!document.body) return false;
if (liveIsNativeFs()) return false;
if (!document.body.classList.contains('player-full-win')) return false;
document.body.classList.remove('player-full-win');
return true;
}
const LIVE_RESET_SEL = [
'.live-room-app', 'main.app-content', '.app-body',
'section.player-and-aside-area', '#player-ctnr', '.fullscreen-container-paddingbox'
];
const LIVE_RESET_PROPS = [
'position', 'top', 'left', 'right', 'bottom', 'inset',
'width', 'height', 'max-width', 'min-height', 'max-height',
'transform', 'z-index', 'overflow'
];
function resetLiveFakeFullscreenInline() {
let changed = false;
const roots = [document.documentElement, document.body];
roots.forEach(function (el) {
if (!el || !el.style) return;
LIVE_RESET_PROPS.forEach(function (p) {
if (el.style.getPropertyValue(p)) { el.style.removeProperty(p); changed = true; }
});
});
LIVE_RESET_SEL.forEach(function (s) {
const el = document.querySelector(s);
if (!el || !el.style) return;
LIVE_RESET_PROPS.forEach(function (p) {
if (el.style.getPropertyValue(p)) { el.style.removeProperty(p); changed = true; }
});
});
return changed;
}
function bindLiveWebFullscreenGuard() {
if (!isLiveRoomPage() || bindLiveWebFullscreenGuard._done) return;
const start = function () {
if (!document.body) { setTimeout(start, 50); return; }
if (bindLiveWebFullscreenGuard._done) return;
bindLiveWebFullscreenGuard._done = true;
const obs = new MutationObserver(function () {
const a = liveDropWebFullscreenClass();
const b = isLiveFullscreen() ? false : resetLiveFakeFullscreenInline();
if (a || b) {
syncLiveFullscreen();
applyLivePlayerSize();
}
});
obs.observe(document.body, { attributes: true, attributeFilter: ['class', 'style'] });
liveDropWebFullscreenClass();
};
start();
}
function bindLiveBackExitFullscreen() {
if (!isLiveRoomPage() || bindLiveBackExitFullscreen._done) return;
bindLiveBackExitFullscreen._done = true;
window.addEventListener('popstate', function () {
if (!isLiveRoomPage()) return;
if (liveIsNativeFs()) liveExitFullscreen();
}, true);
}
function bindLiveFullscreenWatch() {
if (!isLiveRoomPage()) return;
const sync = function () { syncLiveFullscreen(); };
['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange'].forEach(function (ev) {
document.addEventListener(ev, function () {
const on = isLiveFullscreen();
if (on) {
liveFsSawFs = true;
} else {
[0, 60, 150, 300, 600, 1000].forEach(function (ms) {
setTimeout(function () {
const a = liveDropWebFullscreenClass();
const b = resetLiveFakeFullscreenInline();
if (a || b) {
syncLiveFullscreen();
applyLivePlayerSize();
}
}, ms);
});
}
setTimeout(sync, 0);
setTimeout(sync, 120);
setTimeout(sync, 400);
setTimeout(applyLivePlayerSize, 0);
setTimeout(applyLivePlayerSize, 120);
setTimeout(applyLivePlayerSize, 400);
});
});
window.addEventListener('resize', function () {
sync();
applyLivePlayerSize();
});
window.addEventListener('orientationchange', function () {
[0, 300, 800].forEach(function (ms) {
setTimeout(function () { sync(); applyLivePlayerSize(); }, ms);
});
});
}
const LIVE_TIME_RE = /^\d{1,3}:\d{2}(:\d{2})?$/;
const LIVE_QUALITY_RE = /^(自动|流畅|清晰|标清|高清|超清|蓝光|原画|真彩|4K|8K|\d{3,4}[pP](30|50|60)?)$/;
const LIVE_QUALITY_KEY = /画质|清晰度|quality|definition/i;
function liveIsKeepCtrl(node) {
if (!node || node.nodeType !== 1) return false;
const txt = ((node.textContent || '').trim());
if (LIVE_TIME_RE.test(txt)) return true;
if (LIVE_QUALITY_RE.test(txt)) return true;
const meta = (typeof node.className === 'string' ? node.className : '') + ' ' +
(node.getAttribute('aria-label') || '') + ' ' +
(node.getAttribute('title') || '');
return LIVE_QUALITY_KEY.test(meta);
}
function liveCtrlKeep(node) {
if (!node || node.nodeType !== 1) return false;
const r = node.getBoundingClientRect();
if (r.width > 200 || r.height > 80) return false;
if (liveIsKeepCtrl(node)) return true;
const kids = node.children || [];
if (kids.length > 8) return false;
for (let i = 0; i < kids.length; i++) {
if (liveIsKeepCtrl(kids[i])) return true;
}
return false;
}
function liveTrimController() {
if (!isLiveRoomPage()) return false;
const wrap = document.querySelector('#fullscreen-container') || document.body;
if (!wrap) return false;
const ctrl = wrap.querySelector('#web-player-controller-wrap-el') ||
wrap.querySelector('.web-player-controller-wrap') ||
wrap.querySelector('.live-web-player-controller') ||
wrap.querySelector('[class*="web-player-controller"]');
if (!ctrl) {
bindLiveControllerWatch._done = false;
return false;
}
const area = ctrl.querySelector('.control-area') ||
ctrl.querySelector('[class*="control-area"]') || ctrl;
const areas = [];
['.left-area', '.right-area'].forEach(function (sel) {
Array.prototype.forEach.call(area.querySelectorAll(sel), function (a) {
if (a.parentElement === area && areas.indexOf(a) === -1) areas.push(a);
});
});
if (!areas.length) areas.push(area);
let changed = false;
areas.forEach(function (a) {
Array.prototype.forEach.call(a.children, function (c) {
if (!c || c.nodeType !== 1) return;
const keep = liveCtrlKeep(c);
const has = c.getAttribute('data-bili-live-keep') === '1';
if (keep && !has) { c.setAttribute('data-bili-live-keep', '1'); changed = true; }
else if (!keep && has) { c.removeAttribute('data-bili-live-keep'); changed = true; }
});
});
return changed;
}
function bindLiveControllerWatch() {
if (!isLiveRoomPage() || bindLiveControllerWatch._done) return;
const start = function () {
const wrap = document.querySelector('#fullscreen-container');
const ctrl = wrap && (wrap.querySelector('#web-player-controller-wrap-el') ||
wrap.querySelector('.live-web-player-controller') ||
wrap.querySelector('.control-area'));
if (!ctrl) { setTimeout(start, 400); return; }
if (bindLiveControllerWatch._done) return;
bindLiveControllerWatch._done = true;
const obs = new MutationObserver(function () {
if (obs._t) clearTimeout(obs._t);
obs._t = setTimeout(function () {
liveTrimController();
applyLiveControllerGeom();
}, 80);
});
obs.observe(ctrl, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });
liveTrimController();
applyLiveControllerGeom();
};
start();
}
function liveMarkContextMenu() {
if (!isLiveRoomPage() || !document.body) return false;
let changed = false;
const nodes = document.querySelectorAll('ul, [class*="menu"], [class*="context"]');
Array.prototype.forEach.call(nodes, function (el) {
const txt = (el.textContent || '') + ' ' +
((typeof el.className === 'string' ? el.className : '') || '');
if (!/画面异常|播放器日志|视频统计信息|Room Player|切换解码/.test(txt)) return;
if (el.classList.contains('bili-live-ctx-menu')) return;
el.classList.add('bili-live-ctx-menu');
changed = true;
});
return changed;
}
function bindLiveLongPressGuard() {
if (!isLiveRoomPage() || bindLiveLongPressGuard._done) return;
bindLiveLongPressGuard._done = true;
window.addEventListener('contextmenu', function (e) {
if (!isLiveRoomPage()) return;
const t = e.target;
if (!t || !t.closest) return;
if (!t.closest('#fullscreen-container, #live-player')) return;
e.preventDefault();
e.stopPropagation();
if (e.stopImmediatePropagation) e.stopImmediatePropagation();
setTimeout(liveMarkContextMenu, 0);
}, true);
const sweep = function () {
if (liveMarkContextMenu()) liveTrimController();
};
[0, 120, 400, 900].forEach(function (ms) { setTimeout(sweep, ms); });
liveMarkContextMenu();
}
const LIVE_PLAYER_H = '100%';
const LIVE_WRAP_H = 'calc((100vw - 22px) * 9 / 16 + 6px)';
const LIVE_PLAYER_SEL = ['.player-section', '#live-player-ctnr', '#live-player', '#live-player video'];
function setLiveStyle(el, prop, val) {
if (!el || !el.style) return;
if (el.style.getPropertyValue(prop) === val &&
el.style.getPropertyPriority(prop) === 'important') return;
el.style.setProperty(prop, val, 'important');
}
function stripPlayerSectionInline(wrap) {
const sec = wrap && wrap.querySelector('.player-section');
if (!sec || !sec.style) return;
['height', 'min-height', 'max-height', 'top', 'bottom'].forEach(function (p) {
if (sec.style.getPropertyValue(p)) sec.style.removeProperty(p);
});
}
function applyLivePlayerSize() {
const wrap = document.querySelector('#fullscreen-container');
if (!wrap) return;
stripPlayerSectionInline(wrap);
const chain = LIVE_PLAYER_SEL.map(function (s) { return wrap.querySelector(s); });
if (isLiveFullscreen()) {
setLiveStyle(wrap, 'position', 'fixed');
setLiveStyle(wrap, 'top', '0');
setLiveStyle(wrap, 'left', '0');
setLiveStyle(wrap, 'width', '100%');
setLiveStyle(wrap, 'max-width', 'none');
setLiveStyle(wrap, 'height', '100%');
setLiveStyle(wrap, 'max-height', 'none');
setLiveStyle(wrap, 'min-height', '0');
setLiveStyle(wrap, 'transform', 'none');
chain.forEach(function (el) {
if (!el) return;
setLiveStyle(el, 'width', '100%');
setLiveStyle(el, 'max-width', 'none');
setLiveStyle(el, 'height', '100%');
setLiveStyle(el, 'min-height', '0');
setLiveStyle(el, 'max-height', 'none');
});
applyLiveControllerGeom();
return;
}
setLiveStyle(wrap, 'position', 'relative');
setLiveStyle(wrap, 'top', 'auto');
setLiveStyle(wrap, 'right', 'auto');
setLiveStyle(wrap, 'bottom', 'auto');
setLiveStyle(wrap, 'left', 'auto');
setLiveStyle(wrap, 'transform', 'none');
setLiveStyle(wrap, 'z-index', 'auto');
setLiveStyle(wrap, 'width', '100%');
setLiveStyle(wrap, 'max-width', '100%');
setLiveStyle(wrap, 'height', LIVE_WRAP_H);
setLiveStyle(wrap, 'min-height', '0');
setLiveStyle(wrap, 'max-height', LIVE_WRAP_H);
chain.forEach(function (el) {
if (!el) return;
setLiveStyle(el, 'position', 'absolute');
setLiveStyle(el, 'top', '0');
setLiveStyle(el, 'left', '0');
setLiveStyle(el, 'transform', 'none');
setLiveStyle(el, 'width', '100%');
setLiveStyle(el, 'max-width', '100%');
setLiveStyle(el, 'height', LIVE_PLAYER_H);
setLiveStyle(el, 'min-height', LIVE_PLAYER_H);
setLiveStyle(el, 'max-height', LIVE_PLAYER_H);
});
applyLiveControllerGeom();
}
const LIVE_SHIFT_SEL = ['.control-area'];
function liveShiftState(el) {
let cs = null;
try { cs = window.getComputedStyle(el); } catch (e) {}
if (!cs) return { v: 0, via: 'mb' };
const via = (cs.bottom && cs.bottom !== 'auto') ? 'mb' : 'mt';
const raw = via === 'mb' ? cs.marginBottom : cs.marginTop;
const n = parseInt(raw, 10);
const v = isNaN(n) ? 0 : n;
return { v: (via === 'mb' ? -v : v), via: via };
}
function liveSetShift(el, via, d) {
const val = (via === 'mb' ? (-d) : d) + 'px';
setLiveStyle(el, via === 'mb' ? 'margin-top' : 'margin-bottom', '0px');
setLiveStyle(el, via === 'mb' ? 'margin-bottom' : 'margin-top', val);
}
function liveClearShift(el) {
if (!el || !el.style) return;
setLiveStyle(el, 'margin-bottom', '0px');
setLiveStyle(el, 'margin-top', '0px');
}
function applyLiveControllerGeom() {
if (!isLiveRoomPage()) return false;
const player = document.querySelector('#live-player') ||
document.querySelector('#fullscreen-container');
if (!player) return false;
const pr = player.getBoundingClientRect();
if (pr.height <= 0) return false;
const pBottom = pr.bottom;
let shown = false;
LIVE_SHIFT_SEL.forEach(function (sel) {
Array.prototype.forEach.call(document.querySelectorAll(sel), function (el) {
if (!el || !el.style) return;
const r = el.getBoundingClientRect();
if (r.height <= 0 || r.width <= 0 || r.top >= pBottom - 2 || r.bottom <= 2) {
liveClearShift(el);
return;
}
if (sel === '.control-area') shown = true;
const st = liveShiftState(el);
const rawBottom = r.bottom - st.v;
const d = Math.round(pBottom - rawBottom);
if (d <= 2) { liveClearShift(el); return; }
if (d === st.v) return;
liveSetShift(el, st.via, d);
});
});
if (player.classList) player.classList.toggle('bili-live-ctrl-on', shown);
return true;
}
function bindLiveControllerCompLoop() {
if (!isLiveRoomPage() || bindLiveControllerCompLoop._done) return;
bindLiveControllerCompLoop._done = true;
setInterval(applyLiveControllerGeom, 250);
const host = document.querySelector('#live-player') || document.body;
if (host) {
const mo = new MutationObserver(function () {
if (mo._t) clearTimeout(mo._t);
mo._t = setTimeout(applyLiveControllerGeom, 30);
});
mo.observe(host, { childList: true });
}
applyLiveControllerGeom();
}
function bindLivePlayerSizeWatch() {
if (!isLiveRoomPage() || bindLivePlayerSizeWatch._done) return;
const wrap = document.querySelector('#fullscreen-container');
if (!wrap) { setTimeout(bindLivePlayerSizeWatch, 300); return; }
bindLivePlayerSizeWatch._done = true;
const obs = new MutationObserver(function () {
if (obs._t) clearTimeout(obs._t);
obs._t = setTimeout(applyLivePlayerSize, 60);
});
obs.observe(wrap, { attributes: true, attributeFilter: ['style', 'class'] });
LIVE_PLAYER_SEL.forEach(function (s) {
const el = wrap.querySelector(s);
if (el) obs.observe(el, { attributes: true, attributeFilter: ['style', 'class'] });
});
if (document.body) obs.observe(document.body, { attributes: true, attributeFilter: ['class'] });
applyLivePlayerSize();
}
function forceLiveChatSize() {
const panel = document.querySelector('.chat-history-panel');
const list = document.querySelector('#chat-history-list');
if (!list) return false;
let h = '100%';
if (panel) {
const vp = window.visualViewport;
const vh = (vp && vp.height) || window.innerHeight ||
(document.documentElement && document.documentElement.clientHeight) || 0;
const scrollY = window.scrollY || window.pageYOffset || 0;
const docTop = panel.getBoundingClientRect().top + scrollY;
if (vh > 320 && docTop > 0) {
const target = Math.round(vh - docTop - 36);
if (target > 120) h = target + 'px';
} else if (panel.clientHeight > 40) {
h = panel.clientHeight + 'px';
}
}
setLiveStyle(list, 'height', h);
setLiveStyle(list, 'min-height', '0');
setLiveStyle(list, 'max-height', h);
setLiveStyle(list, 'overflow-x', 'hidden');
setLiveStyle(list, 'overflow-y', 'auto');
setLiveStyle(list, 'overscroll-behavior', 'contain');
setLiveStyle(list, 'touch-action', 'pan-y');
setLiveStyle(list, 'transform', 'none');
setLiveStyle(list, '-webkit-overflow-scrolling', 'touch');
if (panel) {
if (h !== '100%') {
setLiveStyle(panel, 'height', h);
setLiveStyle(panel, 'min-height', '0');
setLiveStyle(panel, 'max-height', h);
}
setLiveStyle(panel, 'overflow', 'hidden');
setLiveStyle(panel, 'overscroll-behavior', 'contain');
setLiveStyle(panel, 'touch-action', 'pan-y');
}
return true;
}
function bindLiveChatScroll() {
if (!isLiveRoomPage() || bindLiveChatScroll._done) return;
if (!forceLiveChatSize()) { setTimeout(bindLiveChatScroll, 400); return; }
bindLiveChatScroll._done = true;
const panel = document.querySelector('.chat-history-panel');
const list = document.querySelector('#chat-history-list');
const obs = new MutationObserver(function () {
if (obs._t) clearTimeout(obs._t);
obs._t = setTimeout(forceLiveChatSize, 60);
});
if (list) obs.observe(list, { attributes: true, attributeFilter: ['style', 'class'] });
if (panel) obs.observe(panel, { attributes: true, attributeFilter: ['style', 'class'] });
window.addEventListener('resize', function () { setTimeout(forceLiveChatSize, 120); });
window.addEventListener('orientationchange', function () { setTimeout(forceLiveChatSize, 300); });
if (window.visualViewport) {
const vv = window.visualViewport;
const onVV = function () { setTimeout(forceLiveChatSize, 80); };
vv.addEventListener('resize', onVV);
vv.addEventListener('scroll', onVV);
}
[0, 150, 400, 900, 1800].forEach(function (ms) { setTimeout(forceLiveChatSize, ms); });
let active = false, hijack = false, lastY = 0, startTop = 0, moved = 0;
const inChat = function (t) {
return !!(t && t.closest && t.closest('.chat-history-panel, #aside-area-vm'));
};
document.addEventListener('touchstart', function (e) {
if (e.touches.length !== 1 || !inChat(e.target)) { active = false; return; }
forceLiveChatSize();
const l = document.querySelector('#chat-history-list');
if (!l) { active = false; return; }
active = true;
hijack = false;
moved = 0;
lastY = e.touches[0].clientY;
startTop = l.scrollTop;
}, { capture: true, passive: true });
document.addEventListener('touchmove', function (e) {
if (!active || e.touches.length !== 1) return;
const l = document.querySelector('#chat-history-list');
if (!l) return;
const y = e.touches[0].clientY;
const dy = lastY - y;
lastY = y;
moved += Math.abs(dy);
const max = l.scrollHeight - l.clientHeight;
if (max <= 2) return;
if (e.defaultPrevented) hijack = true;
else if (!hijack && moved > 12 && Math.abs(l.scrollTop - startTop) < 2) hijack = true;
if (hijack) {
const next = Math.max(0, Math.min(max, l.scrollTop + dy));
if (next !== l.scrollTop) l.scrollTop = next;
if (e.cancelable) e.preventDefault();
}
}, { capture: true, passive: false });
const reset = function () { active = false; hijack = false; };
document.addEventListener('touchend', reset, { capture: true, passive: true });
document.addEventListener('touchcancel', reset, { capture: true, passive: true });
}
function liveFindFullscreenButton() {
const wrap = document.querySelector('#fullscreen-container') || document.body;
const ctrl = wrap.querySelector('#web-player-controller-wrap-el') ||
wrap.querySelector('.web-player-controller-wrap') ||
wrap.querySelector('[class*="web-player-controller"]');
if (!ctrl) return null;
const area = ctrl.querySelector('.right-area') ||
ctrl.querySelector('[class*="right-area"]') || ctrl;
let best = null, bestScore = -1, bestRight = -Infinity;
const nodes = area.querySelectorAll(
'button, [role="button"], [class*="tip-wrap"], [class*="btn"], [class*="icon"], ' +
'[class*="full"], [class*="screen"]'
);
Array.prototype.forEach.call(nodes, function (el) {
const tag = (el.tagName || '').toLowerCase();
if (tag === 'svg' || tag === 'path' || tag === 'g') return;
const r = el.getBoundingClientRect();
if (r.width < 8 || r.height < 8 || r.width > 80 || r.height > 80) return;
const cls = (typeof el.className === 'string' ? el.className : '') || '';
const aria = (el.getAttribute && el.getAttribute('aria-label')) || '';
const key = cls + ' ' + aria + ' ' + (el.textContent || '');
let score = 0;
if (/full|screen|全屏/i.test(key)) score += 4;
if (tag === 'button' || el.getAttribute('role') === 'button') score += 2;
if (/tip-wrap|btn|button/i.test(cls)) score += 1;
if (score > bestScore || (score === bestScore && r.right > bestRight)) {
best = el; bestScore = score; bestRight = r.right;
}
});
return best;
}
let liveFsSawFs = false;
let liveFsViaButton = false;
function liveIsNativeFs() {
return !!(document.fullscreenElement || document.webkitFullscreenElement);
}
function liveExitNativeFullscreen() {
const exit = document.exitFullscreen || document.webkitExitFullscreen ||
document.webkitCancelFullScreen || document.msExitFullscreen;
if (!exit) return false;
try {
const p = exit.call(document);
if (p && p.catch) p.catch(function () {});
} catch (e) { return false; }
return true;
}
function liveExitFullscreen() {
liveFsViaButton = false;
const clean = function () {
const a = liveDropWebFullscreenClass();
const b = !liveIsNativeFs() ? resetLiveFakeFullscreenInline() : false;
syncLiveFullscreen();
applyLivePlayerSize();
return a || b;
};
clean();
const ok = liveExitNativeFullscreen();
[0, 60, 150, 300, 600, 1000, 1600].forEach(function (ms) {
setTimeout(clean, ms);
});
return ok;
}
function liveClickFsButton() {
const btn = liveFindFullscreenButton();
if (!btn) return false;
liveFsViaButton = true;
btn.click();
return true;
}
function liveEnterFullscreen() {
const cands = ['#fullscreen-container', '#live-player', '.player-section'];
liveFsSawFs = false;
let done = false;
const tryOne = function (idx) {
if (done) return;
if (idx >= cands.length) { done = true; liveClickFsButton(); return; }
const el = document.querySelector(cands[idx]);
const req = el && (el.requestFullscreen || el.webkitRequestFullscreen ||
el.webkitRequestFullScreen || el.msRequestFullscreen);
if (!req) { tryOne(idx + 1); return; }
let p = null;
try { p = req.call(el); } catch (e) { tryOne(idx + 1); return; }
if (p && p.then) {
p.then(function () { done = true; },
function () { if (!liveIsNativeFs()) tryOne(idx + 1); });
}
setTimeout(function () {
if (done || liveFsSawFs || liveIsNativeFs()) return;
tryOne(idx + 1);
}, 400);
};
tryOne(0);
return true;
}
function liveToggleFullscreen() {
if (liveIsNativeFs()) return liveExitFullscreen();
if (liveFsViaButton) {
liveFsViaButton = false;
const hit = liveClickFsButton();
setTimeout(function () { liveFsViaButton = false; syncLiveFullscreen(); applyLivePlayerSize(); }, 300);
return hit;
}
liveDropWebFullscreenClass();
resetLiveFakeFullscreenInline();
return liveEnterFullscreen();
}
function liveAfterToggle() {
[60, 200, 400, 900].forEach(function (ms) {
setTimeout(function () {
syncLiveFullscreen();
applyLivePlayerSize();
applyLiveControllerGeom();
}, ms);
});
}
function bindLiveDblclickFullscreen() {
if (!isLiveRoomPage() || bindLiveDblclickFullscreen._done) return;
bindLiveDblclickFullscreen._done = true;
let lastTapT = 0, lastTapX = 0, lastTapY = 0, lastHandledT = 0, lastHandledSrc = '';
const inPlayer = function (t) {
if (!t || !t.closest) return false;
if (t.closest('#__probe_btn, #__probe_panel')) return false;
if (!t.closest('#fullscreen-container, #live-player')) return false;
if (t.closest('#web-player-controller-wrap-el, .web-player-controller-wrap, .control-area')) return false;
return true;
};
window.addEventListener('dblclick', function (e) {
if (!inPlayer(e.target)) return;
const now = Date.now();
if (now - lastHandledT < 700 && lastHandledSrc === 'touch') return;
e.preventDefault();
e.stopPropagation();
if (e.stopImmediatePropagation) e.stopImmediatePropagation();
lastHandledT = now;
lastHandledSrc = 'dbl';
liveToggleFullscreen();
liveAfterToggle();
}, true);
window.addEventListener('touchstart', function (e) {
if (!e.touches || e.touches.length !== 1) return;
if (!inPlayer(e.target)) return;
const t = e.touches[0];
const now = Date.now();
if (now - lastHandledT < 700) return;
if (now - lastTapT < 300 &&
Math.abs(t.clientX - lastTapX) < 40 && Math.abs(t.clientY - lastTapY) < 40) {
lastTapT = 0;
lastHandledT = now;
lastHandledSrc = 'touch';
e.stopPropagation();
if (e.stopImmediatePropagation) e.stopImmediatePropagation();
liveToggleFullscreen();
liveAfterToggle();
return;
}
lastTapT = now; lastTapX = t.clientX; lastTapY = t.clientY;
}, true);
}
const LIVE_CHROME_SEL = [
'#room-ssr-vm',
'.link-navbar-ctnr',
'.link-navbar-wrap',
'nav.link-navbar',
'.link-navbar',
'#head-info-vm',
'#gift-control-vm',
'#rank-list-vm',
'#rank-list-ctnr-box',
'#sections-vm',
'#sidebar-vm',
'#room-background-vm',
'#gift-screen-animation-vm',
'#guard-popup',
'footer.link-footer'
].join(',');
function hideChromeEl(el) {
if (!el || !el.style) return;
const st = el.style;
if (st.getPropertyValue('display') !== 'none') {
st.setProperty('display', 'none', 'important');
}
if (st.getPropertyValue('visibility') !== 'hidden') {
st.setProperty('visibility', 'hidden', 'important');
}
}
function fixChromePadding() {
const m = document.querySelector && document.querySelector('main.app-content');
if (!m || !m.style) return;
let pt = 0;
try { pt = parseFloat(window.getComputedStyle(m).paddingTop) || 0; } catch (e) {}
if (pt > 40) m.style.setProperty('padding-top', '0px', 'important');
}
function sweepLiveChrome() {
if (!isLiveRoomPage()) return;
if (!document.querySelectorAll) return;
const list = document.querySelectorAll(LIVE_CHROME_SEL);
for (let i = 0; i < list.length; i++) hideChromeEl(list[i]);
fixChromePadding();
}
function bindEarlyChromeHide() {
if (!isLiveRoomPage() || bindEarlyChromeHide._done) return;
bindEarlyChromeHide._done = true;
let pending = false;
const raf = window.requestAnimationFrame ? window.requestAnimationFrame.bind(window)
: function (fn) { return setTimeout(fn, 16); };
const schedule = function () {
if (pending) return;
pending = true;
raf(function () { pending = false; sweepLiveChrome(); });
};
const attach = function () {
const target = document.documentElement;
if (!target) { setTimeout(attach, 0); return; }
sweepLiveChrome();
const mo = new MutationObserver(schedule);
mo.observe(target, { childList: true, subtree: true });
document.addEventListener('DOMContentLoaded', sweepLiveChrome, true);
window.addEventListener('load', sweepLiveChrome, true);
setTimeout(function () { try { mo.disconnect(); } catch (e) {} }, 15000);
};
attach();
}
function start() {
installShadowRootPatch();
bindEarlyChromeHide();
injectStyle();
applyPageClassEarly();
fixViewport();
createSearchBar();
bindLiveFullscreenWatch();
bindLivePlayerSizeWatch();
bindLiveDblclickFullscreen();
bindLiveWebFullscreenGuard();
bindLiveBackExitFullscreen();
bindLiveControllerWatch();
bindLiveLongPressGuard();
bindLiveChatScroll();
bindLiveControllerCompLoop();
const runAll = () => {
run();
setTimeout(run, 300);
setTimeout(run, 800);
setTimeout(run, 1500);
setTimeout(run, 3000);
setTimeout(run, 5000);
setTimeout(run, 8000);
setTimeout(run, 12000);
};
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', runAll);
} else {
runAll();
}
window.addEventListener('load', runAll);
const observer = new MutationObserver(() => {
if (observer._t) clearTimeout(observer._t);
observer._t = setTimeout(() => {
run();
}, 200);
});
const observeStart = () => {
if (!document.body) { setTimeout(observeStart, 50); return; }
observer.observe(document.body, { childList: true, subtree: true });
};
observeStart();
}
start();
})();