bilibili 专注播放器 by kasusa

/* ==UserStyle==
@name         bilibili 悬浮专注播放器
@version      20240321.05.44
@namespace    https://userstyles.world/user/kasusa
@description  给你更加专注的视频播放界面
@author       kasusa
@license      No License
==/UserStyle== */

@-moz-document domain("bilibili.com") {
:root {
	--bpx-box-shadow:#212121d9 !important;
	--blackbar:#000000db !important;
}
#bilibili-player-placeholder{
	box-shadow: none;
}

/*  player 加阴影*/
#bilibili-player {
/* 	box-shadow: 0 0 10px 1px var(--bpx-box-shadow); */
	border-radius: 5px;
	transition: .2s;
	
}


/*  player hover 变大， 加超厚阴影*/
#bilibili-player:hover {
/* 	backdrop-filter: blur(10px); */
	transform:  translateY(-10em);
	width:138%;
	height:126%;
	z-index: 999;
	box-shadow: 0 0 170px 40px  var(--bpx-box-shadow),
		0 0 0px 1000px  #13131345;
}


/* 视频下方信息栏 hover时变黑色  */
#bilibili-player:hover .bpx-player-sending-bar,#bilibili-player:hover .bpx-player-dm-input {
    background: var(--blackbar);
    color: white;
/* 	display: none; */
}
#bilibili-player:hover .bpx-player-video-inputbar{
		background: var(--blackbar);
}
/* 点赞按钮挡视频 往下挪一挪 */
 .video-toolbar-container{
	margin-top: 50px;
}

/* navbar 不准置顶 挡视频 */
.fixed-header .bili-header__bar ,#arc_toolbar_report {
	z-index: 1;
}
/* navbar hover时候显示在最前 */

.fixed-header:hover .bili-header__bar {
	z-index: 999;
}


}

@-moz-document regexp("https://www.bilibili.com/bangumi") {
/*  player hover 变大， 加超厚阴影*/
#bilibili-player:hover {
/* 	backdrop-filter: blur(10px); */
	transform:  translateY(0em);
}
/* 视频下方信息栏 hover时变黑色  */
#bilibili-player:hover .bpx-player-sending-bar,#bilibili-player:hover .bpx-player-dm-input {
		background: #fff;
    color: #000;
/* 	display: none; */
}
#bilibili-player:hover .bpx-player-video-inputbar{
				background: #fff0;

}
}