番组计划bangumi“新”主题 by rabbitohh

/* ==UserStyle==
@name         番组计划“新”主题
@version       2.2.4
@namespace      https://bgm.tv/user/615400
@description 	  想说的都在github里 https://github.com/rabbitohh/bangumi-css
@author      	rabbitohh
@license    	 MIT
@var text bg-custom "自定义背景" linear-gradient(to right, rgb(250, 187, 187), rgb(238, 130, 146))
@var text bg-opacity "透明度 取值[0,+∞)" 1
==/UserStyle== */
@-moz-document domain("bgm.tv"), domain("bangumi.tv"), domain("chii.in") {
	/*光标直接打开黑条 by@yonjar*/
	span[style="background-color:#555;color:#555;border:1px solid #555;"] {
		box-shadow: #555 1px 1px 2px;
		border-radius: 2px;
	}
	span:hover[style="background-color:#555;color:#555;border:1px solid #555;"] {
		position: relative;
		color: #fff!important;
		transition: all .5s;
	}
	span:hover[style="background-color:#555;color:#555;border:1px solid #555;"]::after {
		content: "人家的秘密都被你看光了>人<";
		position: absolute;
		right: 0;
		color: #555;
		background-color: #fff;
		box-shadow: #555 1px 1px 2px;
		display: block;
		white-space: nowrap;
	}
}
@-moz-document domain("bgm.tv"), domain("bangumi.tv"), domain("chii.in") {
	/*光标会让格子弹起，标签横展*/
	ul.prg_list li:hover {
		margin-bottom: 8px!important;
		display: block;
		transition: .5s;
		margin-top: -5px;
		padding-top: 0px;
	}
	ul.prg_list li {
		margin-bottom: 3px!important;
		display: block;
		transition: .5s;
		margin-top: 0px;
	}
	.tinyMode a.epBtnWatched:hover, a.sepBtnWatched:hover {
		border: 1px solid #00A8FF!important;
		padding-top: 2px!important;
		background-color: #407fd3;
		transition: .5s;
	}
	.tinyMode a.epBtnUnknown:hover, .tinyMode a.epBtnAir:hover, a.sepBtnUnknown:hover, a.sepBtnAir:hover {
		border: 1px solid #00A8FF!important;
		padding-top: 2px!important;
		background-color: #cddaed;
		transition: .5s;
	}
	.tinyMode a.epBtnToday:hover {
		padding-top: 2px!important;
		background-color: #a8e398;
		border: #28674e 1px solid;
		transition: .5s;
	}
	.tinyMode a.epBtnNA:hover {
		padding-top: 2px!important;
		background-color: #cac9c9;
		border: #28674e 1px solid;
		transition: .5s;
	}
	div.subject_tag_section a.l:hover {
		margin-left: 5px;
		margin-right: 5px;
		background: rgba(255, 255, 255, .7)!important;
		color: #003d54;
		transition: .5s;
	}
	.load-epinfo.epBtnToday {
		background: #b0eba0;
		border: #28674e 1px solid;
	}
	a.epBtnWatched:hover {
		border: 1px solid #00A8FF!important;
		padding-top: 5px!important;
		background-color: #407fd3;
		transition: .5s;
	}
	a.epBtnUnknown:hover, a.epBtnAir:hover {
		border: 1px solid #00A8FF!important;
		padding-top: 5px!important;
		background-color: #cddaed;
		transition: .5s;
	}
	a.epBtnToday:hover {
		padding-top: 5px!important;
		background-color: #a8e398;
		border: #28674e 1px solid;
		transition: .5s;
	}
	a.epBtnNA:hover {
		padding-top: 5px!important;
		background-color: #cac9c9;
		border: #28674e 1px solid;
		transition: .5s;
	}
	.epv_popu_default {
		width: 90%;
	}
}
@-moz-document domain("bgm.tv"), domain("bangumi.tv"), domain("chii.in") {
	/*背景修改*/
	html::after {
		content: '';
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0.75;
		background: var(--bg-custom);
		background-size: cover;
		z-index: -1;
	}
}
@-moz-document domain("bgm.tv"), domain("bangumi.tv"), domain("chii.in") {
	/*渐入动画*/
	body {
		animation: pageLoad 1.2s ease;
	}
	@keyframes pageLoad {
	from {
	opacity: 0;
	transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0);

}
}
}
@-moz-document domain("bgm.tv"), domain("bangumi.tv"), domain("chii.in") {
	/*404页面修改*/
	#headerNeue2 {
		background: rgba(255, 255, 255, .7);
		border: none;
		box-shadow: none;
	}
	#footer #footerLinks {
		border-radius: 10px;
	}
	#footer #footerLinks {
		background: rgba(255, 255, 255, .6);
	}
	#navNeue2 #navMenuNeue li a.chl {
		background: rgba(255, 255, 255, .5);
	}
}
@-moz-document regexp("https?://(bgm.tv|bangumi.tv|chii.in)/") {
	/* 首页样式优化 */
	:root {
		--0: 0;
		--1: calc((var(--bg-opacity) * 0.1) / (1 + var(--bg-opacity) * 0.1 - 0.1));
		--2: calc((var(--bg-opacity) * 0.2) / (1 + var(--bg-opacity) * 0.2 - 0.2));
		--3: calc((var(--bg-opacity) * 0.3) / (1 + var(--bg-opacity) * 0.3 - 0.3));
		--4: calc((var(--bg-opacity) * 0.4) / (1 + var(--bg-opacity) * 0.4 - 0.4));
		--5: calc((var(--bg-opacity) * 0.5) / (1 + var(--bg-opacity) * 0.5 - 0.5));
		--6: calc((var(--bg-opacity) * 0.6) / (1 + var(--bg-opacity) * 0.6 - 0.6));
		--7: calc((var(--bg-opacity) * 0.7) / (1 + var(--bg-opacity) * 0.7 - 0.7));
		--8: calc((var(--bg-opacity) * 0.8) / (1 + var(--bg-opacity) * 0.8 - 0.8));
		--9: calc((var(--bg-opacity) * 0.9) / (1 + var(--bg-opacity) * 0.9 - 0.9));
		--10: calc((var(--bg-opacity) * 1.0) / (1 + var(--bg-opacity) * 1.0 - 1.0));
	}
	#headerNeue2 {
		background: rgba(255, 255, 255, var(--7));
		border: none;
		box-shadow: none;
	}
	a.chl:hover, a.chl {
		transition: 0.5s;
	}
	.halfPage.sort.ui-draggable {
		background: rgba(255, 255, 255, var(--9));
	}
	.sidePanelHome {
		background: rgba(255, 255, 255, var(--0));
	}
	#home_calendar {
		background: rgba(255, 255, 255, var(--6));
	}
	.clearit.week {
		border: none;
	}
	#prgManagerMain, input.inputtext {
		background: rgba(255, 255, 255, var(--7));
	}
	#cloumnSubjectInfo a.prgCheckIn, ul#prgSubjectList li a.prgCheckIn {
		background: rgba(255, 255, 255, var(--0));
	}
	#prgManagerHeader {
		background: rgba(255, 255, 255, var(--7));
		border: none;
	}
	#cloumnSubjectInfo div.header {
		background: rgba(255, 255, 255, var(--0));
		border: none;
	}
	#cloumnSubjectInfo div.moreEp, ul#prgSubjectList.list li.sep, ul#prgSubjectList.full li.sep {
		background: rgba(255, 255, 255, var(--0));
		border: none;
	}
	ul#prgSubjectList.full {
		background: rgba(255, 255, 255, var(--0));
	}
	ul#prgSubjectList.full li p.listProgress span {
		background: rgba(65, 180, 218, var(--4));
		border: none;
	}
	ul#prgSubjectList.full li, div.sidePanelHome h2 {
		border: none;
	}
	#home_calendar, ul.calendarMini div.coverList {
		border: none;
	}
	ul.calendarMini div.coverList {
		background: rgba(255, 255, 255, var(--0));
	}
	small.grey {
		color: #a3a3a3;
	}
	ul.calendarMini li, ul.calendarMini li.Sat, ul.calendarMini li.Mon, ul.calendarMini li.Tue, ul.calendarMini li.Wed, ul.calendarMini li.Thu, ul.calendarMini li.Fri, ul.calendarMini li.Sun {
		background: rgba(255, 255, 255, var(--0));
		color: grey;
		border: none;
	}
	.halfPage.sort.ui-draggable, textarea.quick {
		padding-top: 5px;
		background: rgba(255, 255, 255, var(--6));
		border-radius: 10px;
	}
	.line_odd, .line_even {
		background: rgba(255, 255, 255, var(--0));
		border: none;
	}
	#footer #footerLinks {
		background: rgba(255, 255, 255, var(--6));
	}
	#columnTimelineInnerWrapper, #columnTimelineInnerWrapper ul.timelineTabs {
		background: rgba(255, 255, 255, var(--4));
	}
	div.SidePanelMini.clearit {
		background: rgba(255, 255, 255, var(--6))!important;
	}
	div.SidePanelMini.clearit.award2022 {
		background: rgba(255, 255, 255, var(--10))!important;
		opacity: var(--6);
	}
	#columnTimelineInnerB {
		background-color: rgba(255, 255, 255, var(--4));
	}
	#columnTimelineInnerB div.TsukkmiBox {
		background: rgba(255, 255, 255, var(--0));
	}
	#cloumnSubjectInfo div.infoWrapper_book div.header {
		background: rgba(255, 255, 255, var(--0));
		border: none;
	}
	hr.board {
		height: 0;
	}
	#introWrapper {
		background: none;
		box-shadow: none;
	}
	#footer #footerLinks {
		border-radius: 10px;
	}
	#timeline ul.subReply {
		background: rgba(255, 255, 255, var(--0));
	}
	input.inputBtn, a.fancyBtn {
		background: rgba(56, 176, 207, var(--6));
		border-radius: 10px;
		border: none;
	}
	li.doujin {
		z-index: -1;
		position: fixed;
		opacity: 0;
	}
	#columnHomeA div.sort h2.subtitle:hover, #columnHomeB div.sort h2.subtitle:hover {
		border-radius: 10px 10px 0 0;
		background: rgba(255, 255, 255, var(--4));
	}
	.ui-draggable {
		padding-top: 5px;
		background: rgba(255, 255, 255, var(--6));
		border-radius: 10px;
	}
	.sort {
		background: rgba(255, 255, 255, var(--0));
	}
	#header > small.grey {
		color: white;
	}
	#timeline h4.Header {
		border: none;
	}
	#timeline ul li.tml_item .card:not(.card_tiny) {
		background: rgba(255, 255, 255, var(--4));
	}
	#timeline ul li.tml_item .card.card_tiny {
		background: rgba(255, 255, 255, var(--0));
	}
	#timeline ul li.tml_item .card.card_tiny .container {
		background: rgba(255, 255, 255, var(--4));
	}
	#timeline ul li.tml_item .card.card_tiny .container:hover {
		background: rgba(255, 255, 255, var(--6));
	}
	ul.sideTpcList .row:nth-child(odd), ul.sideTpcList .row:nth-child(2n) {
		background: rgba(255, 255, 255, var(--0));
	}
	#timeline ul li.tml_item .comment {
		background: rgba(255, 255, 255, var(--5));
		border: none;
	}
	#columnIntroB div.loginPanel {
		background: rgba(255, 255, 255, var(--5));
	}
	#columnIntroB div.loginPanel dt {
		background: rgba(255, 255, 255, var(--0));
		border: none;
	}
	#columnIntroB div.loginPanel dt input {
		background: rgba(255, 255, 255, var(--5));
	}
	textarea.quick:focus, textarea.reply:focus, textarea.reply {
		background: rgba(255, 255, 255, var(--5)) !important;
	}
	#navNeue2 #navMenuNeue li a.chl {
		background: rgba(255, 255, 255, var(--5));
	}
	#anime-schedule-container {
		background: rgba(255, 255, 255, var(--5));
		color:#343434;
	}
	ul.sideTpcList .row:nth-child(odd), ul.sideTpcList .row:nth-child(2n), ul.timeline li, #prgManager {
		border: none;
	}
	#prgManager, #home_calendar, .sort, #anime-schedule-container {
		backdrop-filter: blur(5px);
	}
	#prgManagerMain div.cloumnSubjects {
		border-right:#bfbfbf94 2px solid;
	}
	#timeline ul li span.info {
		border:none;
	}
	#anime-schedule-container {
		max-height: 500px;
		transform: scaleY(1);
		opacity: 1;
	}
}
@-moz-document regexp("^https?://(bgm.tv|bangumi.tv|chii.in)/(subject|person|character|group|rakuen|blog|ep|user|new_subject|wiki|settings|dev|help|about|notify|pm|mono|magi).+"), regexp("^https?://(bgm.tv|bangumi.tv|chii.in)/(|real|anime|book|game|music|index|award)/.+"), regexp("^https?://(bgm.tv|bangumi.tv|chii.in)/(n...