/*海螺主题  www.hailuo.cc*/
body {
	background: #16161a;
	color: hsla(0, 0%, 100%, .87);
}

a {
	color: hsla(0, 0%, 100%, .87);
}

#header::after {
	background: #16161a;
}

.search-box {
	background-color: #25252b;
}

.shadow-large,
#search-content .search-box,
.homepage .header-content .search-box,
.box,
.box::after,
.box::before {
	box-shadow: 0 0 0 0;
}

.module-item-text {
	color: hsla(0, 0%, 100%, .6);
}

.module-item-content {
	background-color: #16161a;
}

.module-item-style.video-tag a {
	background-color: #25252b;
	color: hsla(0, 0%, 100%, .6);
}

.module-item-style {
	color: hsla(0, 0%, 100%, .6);
}

.btn-gray,
.more,
.load-all,
.module-tab-item,
.page-number {
	background-color: #25252b;
	color: hsla(0, 0%, 100%, .6);
}

.btn-gray:hover,
.more:hover,
.load-all:hover,
.module-tab-item:hover,
.module-blocklist a:hover,
.video-info-aux .tag-link:hover,
.page-number:hover {
	background-color: #1C1C20;
}

.page-current:hover,
.page-current {
	background: #ff2a14;
	color: #fff;
}

.ac_bg::after,
.ac_hot::after,
.ac_items::after {
	background-color: #25252b;
}

.ac_bg,
.ac_hot,
.ac_items {
	background-color: #25252b;
}

.search-tag a {
	color: hsla(0, 0%, 100%, .6);
}

.module-tab-item.selected {
	background: #ff2a14
}

.border-top::after,
#footer::after,
#friendlink::after {
	background-color: #25252b;
}

.library-box::after {
	background-color: #32323c;
}

.library-item.selected {
	background-color: #32323c;
	color: hsla(0, 0%, 100%, .6);
}

.library-stat {
	color: hsla(0, 0%, 100%, .6);
}

#footer {
	background-color: #16161a;
	color: hsla(0, 0%, 100%, .6);
}


.drop-content-box {
	background-color: #25252b;
}

.list-item-title strong {
	color: hsla(0, 0%, 100%, .6);
}

.drop-tips {
	color: hsla(0, 0%, 100%, .6);
}

.icon-clear {
	color: hsla(0, 0%, 100%, .6);
}

.drop-content-items::before {
	border-bottom-color: hsla(0, 0%, 100%, .6)
}

.nav-menu-item:hover .nav-menu-icon::after {
	background: #25252b;
}

.drop-content-items li a:hover {
	background-color: #16161a;
}

.page #header {
	background: #16161a;
}

.popup {
	background: #25252b;
}

.popup::after {
	background: #16161a;
}

.popup-title::after {
	background: #32323c;
}

.handle-more-drop .block-name {
	color: hsla(0, 0%, 100%, .6);
}

.handle-more-drop .block-name strong {
	color: hsla(0, 0%, 100%, .6);
}

.handle-more-drop .btn-block-o i {
	color: hsla(0, 0%, 100%, .6);
}

#report-popup::after {
	background: #25252b;
}

.report-content {
	background: #32323c;
}

.block-box-content {
	color: #000;
}

@media (min-width: 1239px) {
	.video-player-handle .drop .drop-content-items::before {
		border-top: 8px solid #25252b;
	}
}

@media (max-width: 559px) {
	.view #header {
		background: 0 0;
	}
}

.box {
	background: #25252b;
}

.video-info-itemtitle {
	color: hsla(0, 0%, 100%, .6);
}

.video-info-aux .tag-link:first-child {
	color: rgba(0, 0, 0, .68)
}

.video-info-aux .tag-link {
	background: #32323c;
	color: hsla(0, 0%, 100%, .6);
}

.view .video-info .page-title {
	color: hsla(0, 0%, 100%, .6);
}

.video-info-aux .tag-link a {
	color: hsla(0, 0%, 100%, .6);
}

.box::before {
	background: rgba(37, 37, 43, .1)
}

.box::after,
.box::before {
	background: rgba(37, 37, 43, .5)
}

button.share-btn {
	color: #333;
}

.module-player-list {
	background: #25252b;
}

.module-blocklist a {
	background: #32323c;
	color: hsla(0, 0%, 100%, .6);
}

.module-player-tab .module-tab-item.selected {
	background: #32323c
}

.video-info-aux .tag-link:first-child {
	background: #fef0e5;
}

.video-serial {
	border: 3px solid #32323c;
	background: #32323c;
	color: hsla(0, 0%, 100%, .6);
}

.search-stat h2 {
	color: hsla(0, 0%, 100%, .6);
}

.search-filter-item {
	background: linear-gradient(180deg, #171b24, #0f1219);
	border: 1px solid rgba(255, 152, 0, .28);
	color: #f3f5f7;
	box-shadow: 0 5px 16px rgba(0, 0, 0, .28);
}

.search-filter-item:hover {
	background: #20180f;
	border-color: rgba(255, 152, 0, .5);
	color: #ffb24a;
}

.search-filter-item.selected {
	background: linear-gradient(90deg, #ff9800, #ff2a14);
	border-color: transparent;
	color: #fff;
	box-shadow: 0 9px 24px rgba(255, 42, 20, .3);
}

.search-filter-count {
	background: rgba(255, 152, 0, .16);
	color: #ffb24a;
}

.search-filter-item.selected .search-filter-count {
	background: rgba(255, 255, 255, .24);
	color: #fff;
}

.module-tab-item small {
	color: hsla(0, 0%, 100%, .6);
}

.module-search-item {
	background: #25252b;
}

.nav-search .ac_bg,
.nav-search .ac_hot,
.nav-search .ac_items,
.nav-search .search-focus {
	background: #25252b;
	color: rgb(225 225 226 / 92%) !important;
}

.search #header {
	background: 0 0;
}

.article-content b::after {
	background: 0 0;
}

.article main::after {
	background: 0 0;
}

.grid-item i {
	background: #32323c;
}

.grid-more-link {
	color: hsla(0, 0%, 100%, .6);
}

.btn-block-o i {
	color: hsla(0, 0%, 100%, .6);
}

.module-row-info:nth-child(odd) {
	background: #32323c;
}

.module-row-title p {
	color: hsla(0, 0%, 100%, .6);
}

.module-row-info a {
	color: hsla(0, 0%, 100%, .6);
}

@media (max-width: 559px) {
	.view .mobile-play .module-item-cover:before {
		background: linear-gradient(to bottom, rgba(37, 37, 43, 0) 0%, #25252b 100%);
	}

	.module-tab-drop .module-tab-item.selected {
		color: #fff;
	}

	.view .mobile-play:before {
		background: linear-gradient(to bottom, rgba(37, 37, 43, 0) 0%, #25252b 80%, #25252b 100%);
	}

	.module-player-tab .module-tab-name {
		background: #25252b;
		color: hsla(0, 0%, 100%, .6);
	}

	.sort-list .module-tab-name {
		background: #25252b;
	}

	.sort-list .module-tab-name i {
		color: hsla(0, 0%, 100%, .6);
	}

	.video-subtitle {
		color: hsla(0, 0%, 100%, .6);
	}

	.module-tab .module-tab-items {
		background: #25252b;
	}

	.module-sorttab .module-blocklist a {
		background: #32323c;
	}

	.sort-list .sort-button {
		color: hsla(0, 0%, 100%, .6);
	}

	.sort-list .sort-button:before,
	.sort-list .sort-button:after {
		background: rgba(37, 37, 43, .62);
	}

	.module-tab-drop .module-tab-item {
		background: #32323c;
		color: hsla(0, 0%, 100%, .6);
	}

	.module-sorttab .module-blocklist a:hover {
		background: #16161a;
	}

	.play #header {
		background: #000;
	}

	.mobile-open .search-box,
	.mobile-open #search-content .search-box {
		background: #25252b;
	}

	.mobile-open .search-box .search-btn,
	.mobile-open .search-box .cancel-btn,
	.mobile-open .search-box .search-input {
		background: #32323c;
	}
}

@media (max-width: 1239px) {

	.player-box-side,
	.player-info {
		background: #16161a;
	}
}

@media (max-width: 899px) {
	.module-bg {
		background: 0 0;
	}

	.play #header {
		background: #000;
	}

}

.bottom-line:after {
	border-bottom: 1px solid #25252b !important;
}

.form-control {
	border: 1px solid #32323c !important;
	background: #25252b !important;
}

.btn-default {
	border: 1px solid #25252b !important;
	background: #25252b !important;
	color: hsla(0, 0%, 100%, .6) !important;
}

.btn-primary {
	color: hsla(0, 0%, 100%, .6) !important;
}

.nav-head>li.active>a,
.nav-tabs>li.active>a {
	border-bottom: 2px solid #32323c !important;
	color: hsla(0, 0%, 100%, .6) !important;
}

.top-line-dot:before {
	border-top: 1px solid #25252b !important;
}

.mxone-vodlist__text.striped .striped-head,
.mxone-vodlist__text.to-color li:nth-of-type(odd) {
	background-color: #25252c !important;
}

.top-line:before {
	border-top: 1px solid #25252b !important;
}

.mobile-open .search-box .cancel-btn {
	background: none !important;
}

.split-line {
	background-color: #32323c !important;
}

.newsbg {
	background: #25252b !important;
}

.badge {
	background-color: #32323c !important;
}

.mxonefoot {
	background: #16161a;
	border-top: 1px solid #25252b;
}


.bgys {
	background: #16161a !important;
}

.search-cupfox {
	background: #25252b
}

.search-cupfox::after {
	background: #666;
}

.homepage .header-bg {
	background: #16161a;
}

@media (min-width: 899px) {
	.homepage .header-bg::after {
		background: #10101a;
	}
}

.homepage .header-content .search-box {
	background-color: #25252b;
	box-shadow: 0 0 0 0 !important;
}

.homepage .nav-search .search-cupfox::after {
	background: #25252b;
}

a.text-list-item {
	color: rgba(0, 0, 0, .68);
}

.mxone-modal__content {
	background: #25252b;
}

.user-title {
	color: hsla(0, 0%, 100%, .87);
}

@media (max-width: 559px) {
	.homepage .nav-menu-search i {
		color: #fff;
	}

	.nav-menu-item.selected span {
		color: hsla(0, 0%, 100%, .87);
	}

	.nav .nav-menu-item span {
		color: hsla(0, 0%, 100%, .87);
	}

	.header-content::after {
		background: #16161a;
	}

	.sort-list .module-tab-name i:after {
		background: none
	}
}

.list .list-item .item-title {
	background: #25252b;
	color: hsla(0, 0%, 100%, .87);
	border-bottom: none;
}

.list .list-item {
	background: #25252b;
	border: none;
}

.list .list-item .item:hover {
	background: #32323c
}

.keyword {
	color: hsla(0, 0%, 100%, .87);
}

.order {
	color: hsla(0, 0%, 100%, .87);
}

.text-list-item:nth-child(1) {
	background: #25252b;
}

.text-list-item:nth-child(2) {
	background: #25252b;
}

.text-list-item:nth-child(3) {
	background: #25252b;
}

.text-list-item:nth-child(n+4) {
	background: #25252b;
	border-bottom: 1px solid #16161a;
}

.top-1::before {
	background: #fc4274;
}

.top-2::before {
	background: #ff8155;
}

.top-3::before {
	background: #fcb80a
}

.text-list-title h3,
.text-list-title p {
	color: hsla(0, 0%, 100%, .87);
}

.text-list-item:nth-child(n+4):hover {
	background: #32323c
}

.mx-mac_msg_jump{
    box-shadow: 0 0 0 0;
}
.mx-mac_msg_jump .msg_jump_tit{
        color: hsla(0, 0%, 100%, .87);}
.mx-mac_msg_jump .text{
          color: hsla(0, 0%, 100%, .87); 
}     
.item1 input:-webkit-autofill {
	-webkit-box-shadow:0 0 0px 1000px #212124  inset
}
.mx-mac_msg_jump .form .item1{
    border-color: #212124;
}


.module-items .pack_reserve p{background: #16161a;}

.module-items .pack_reserve:after{background: hsl(0deg 0% 77% / 87%);}


.homepage_homepage_channelnav {background-color: #fff0;}
.homepage_homepage_channelnav .homepage_opt_wrap a img{    background-color: #19161900;}

.actor_part{background: #0f0f12;border-radius: 50px;border: 1px solid #2c2c2d;}

/* 全局黑色夜间模式 */
html,
body {
	background-color: #000 !important;
	color: #fff !important;
}

body {
	background-image:
		radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .9) 0 1px, transparent 1.6px),
		radial-gradient(circle at 72% 14%, rgba(255, 255, 255, .75) 0 1px, transparent 1.8px),
		radial-gradient(circle at 38% 68%, rgba(255, 255, 255, .55) 0 1px, transparent 1.7px),
		radial-gradient(circle at 88% 78%, rgba(255, 255, 255, .7) 0 1px, transparent 1.6px),
		linear-gradient(180deg, #000 0%, #03040a 48%, #000 100%) !important;
	background-size: 180px 180px, 260px 260px, 320px 320px, 420px 420px, 100% 100% !important;
	background-attachment: fixed !important;
	animation: mxNightSkyDrift 55s linear infinite;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 20% 25%, rgba(110, 168, 255, .18), transparent 24%),
		radial-gradient(circle at 78% 22%, rgba(180, 125, 255, .14), transparent 28%),
		radial-gradient(circle at 52% 86%, rgba(255, 255, 255, .08), transparent 22%);
	opacity: .82;
	animation: mxNightAurora 16s ease-in-out infinite alternate;
}

@keyframes mxNightSkyDrift {
	0% {
		background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
	}
	100% {
		background-position: 180px 260px, -260px 180px, 320px -220px, -420px -300px, 0 0;
	}
}

@keyframes mxNightAurora {
	0% {
		opacity: .45;
		transform: translate3d(-1%, -1%, 0) scale(1);
	}
	100% {
		opacity: .9;
		transform: translate3d(1%, 1%, 0) scale(1.04);
	}
}

body * {
	color: #fff !important;
}

body *::before,
body *::after {
	color: #fff !important;
}

a,
a:hover,
a:focus,
span,
p,
em,
strong,
small,
label,
li,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
.module-title,
.module-item-title,
.module-item-text,
.module-item-style,
.module-row-title,
.module-row-title p,
.video-info-itemtitle,
.video-info-items,
.page-title,
.search-stat h2,
.text-list-title h3,
.text-list-title p,
.grid-item-name,
.drop-tips,
.list-item-title strong,
.library-stat,
#footer {
	color: #fff !important;
}

#header,
#header::after,
.header-content,
.header-content::after,
.homepage .header-bg,
.page .header-content,
.search .header-bg,
#footer,
.mxonefoot {
	background: #000 !important;
	border-color: #111 !important;
}

.box,
.box::before,
.box::after,
.popup,
.popup::after,
.drop-content-box,
.drop-content-items,
.ac_bg,
.ac_hot,
.ac_items,
.search-focus,
.search-box,
#search-content .search-box,
.homepage .header-content .search-box,
.module-bg,
.module-item,
.module-item-cover,
.module-item-pic,
.module-item-content,
.module-search-item,
.module-player-list,
.module-row-info,
.module-tab-items,
.module-tab-item,
.module-tab-drop .module-tab-item,
.module-blocklist a,
.video-info-aux .tag-link,
.library-box,
.library-item,
.list .list-item,
.list .list-item .item-title,
.text-list-item,
.report-content,
.mxone-modal__content,
.newsbg,
.badge,
.form-control,
.mx-mac_msg_jump,
.mx-mac_msg_jump .form .item1,
.homepage_homepage_channelnav,
.actor_part,
.player-box-side,
.player-info,
.rank,
.rank-list,
.rank-item,
.ranking,
.ranking-list,
.module-ranking,
.module-ranking-list,
.module-ranking-item,
.module-list,
.module-items,
.module-wrapper,
.module-main,
.module-side,
.module-card,
.module-panel,
.module-sorttab,
.sort-list,
.sort-button,
.filter,
.filter-list,
.filter-item,
.table,
.table-responsive,
.layui-layer,
.layui-layer-content,
.layui-layer-title,
.layui-form,
.layui-card,
.layui-panel,
.el-card,
.el-dialog,
.el-popover,
.el-select-dropdown,
.el-picker-panel,
.mobile-open .search-box,
.mobile-open #search-content .search-box,
.mobile-open .search-box .search-btn,
.mobile-open .search-box .cancel-btn,
.mobile-open .search-box .search-input {
	background: #000 !important;
	background-color: #000 !important;
	border-color: #161616 !important;
	box-shadow: none !important;
}

input,
textarea,
select,
button,
.layui-input,
.layui-textarea,
.el-input__inner,
.el-textarea__inner,
.search-input {
	background: #000 !important;
	background-color: #000 !important;
	color: #fff !important;
	border-color: #222 !important;
	box-shadow: none !important;
}

input::placeholder,
textarea::placeholder,
.search-input::placeholder {
	color: rgba(255, 255, 255, .72) !important;
}

.module-item-caption span,
.module-item-score span,
.module-item-caption .douban-score,
.module-item-caption .douban-score::before,
.module-item-caption .douban-score::after,
.module-item-caption,
.module-item-note,
.video-serial,
.page-number,
.btn-gray,
.more,
.load-all,
.search-tag a,
.grid-item i,
.fixed_right_bar .dbicon,
.mx-night-menu-toggle {
	background: #000 !important;
	background-color: #000 !important;
	border-color: #222 !important;
	color: #fff !important;
}

.page-current,
.page-current:hover,
.module-tab-item.selected,
.nav-menu-item.selected span,
.search-tag .hot,
.top-1::before,
.top-2::before,
.top-3::before {
	color: #fff !important;
}

.border-top::after,
#footer::after,
#friendlink::after,
.library-box::after,
.top-line:before,
.top-line-dot:before,
.bottom-line:after,
.split-line,
.popup-title::after,
.list-item::after,
.header-content::after {
	background: #161616 !important;
	border-color: #161616 !important;
}

img,
video,
iframe,
.module-item-pic img,
.lazyloaded {
	position: relative;
	z-index: 1;
}

/* 夜间模式细节：封面保持原图，控件保留黑底白字和清晰轮廓 */
.module-item-cover,
.module-item-pic,
.module-item-pic a,
.video-cover,
.video-cover .module-item-pic,
.view .mobile-play .module-item-cover {
	background: transparent !important;
	background-color: transparent !important;
}

.module-item-cover::before,
.module-item-cover::after,
.module-item-pic a::before,
.module-item-pic a::after,
.video-cover .module-item-pic a::before,
.video-cover .module-item-pic a::after,
.view .mobile-play .module-item-cover::before,
.view .mobile-play .module-item-cover::after {
	background: transparent !important;
	background-color: transparent !important;
	opacity: 0 !important;
}

.module-item-cover:hover::before,
.module-item-cover:hover::after,
.module-item-cover:hover .module-item-pic a {
	background: transparent !important;
	opacity: 1 !important;
}

.module-item-pic img,
.module-search-item .module-item-pic img,
.module-item-go .module-item-pic img,
.video-cover .module-item-pic img,
.lazyloaded {
	filter: none !important;
	opacity: 1 !important;
	mix-blend-mode: normal !important;
	background: transparent !important;
}

.box,
.module-item,
.module-search-item,
.module-player-list,
.module-row-info,
.module-row-one,
.module-row-title,
.module-row-link,
.module-row-shortcuts,
.module-tab-items,
.module-blocklist a,
.text-list-item,
.rank,
.rank-list,
.rank-item,
.ranking,
.ranking-list,
.module-ranking,
.module-ranking-list,
.module-ranking-item,
.drop-content-box,
.search-drop,
.ac_bg,
.ac_hot,
.ac_items,
.library-box,
.library-item,
.popup,
.mxone-modal__content {
	background: #000 !important;
	background-color: #000 !important;
	border: 1px solid #252936 !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .035), 0 10px 28px rgba(0, 0, 0, .32) !important;
}

.module-item {
	border-radius: 8px;
}

.module-item-cover {
	border: 1px solid #252936 !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .035) !important;
}

.search-box,
#search-content .search-box,
.homepage .header-content .search-box,
.nav-search .search-box,
.search-input,
input,
textarea,
select,
.form-control,
.layui-input,
.layui-textarea,
.el-input__inner,
.el-textarea__inner {
	background: #000 !important;
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #2b3142 !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035), 0 6px 18px rgba(0, 0, 0, .28) !important;
}

.search-btn,
.cancel-btn,
button,
.btn-base,
.btn-small,
.btn-large,
.btn-xsmall,
.btn-gray,
.btn-gray-dark,
.btn-default,
.btn-primary,
.btn-main,
.btn-important,
.btn-aux,
.btn-aux-o,
.btn-block-o,
.popup-btn,
.popup-btn-o,
.more,
.load-all,
.page-number,
.video-serial,
.video-info-footer .btn-base,
.video-info-footer .btn-aux,
.video-info-footer .btn-important,
.video-info-footer .more,
.video-info-footer .module-blocklist a,
.video-info-footer .video-serial,
.video-info-share,
.video-info-share button,
.video-player-handle .handle-btn,
.video-player-handle .btn-block-o,
.handle-more-drop .btn-block-o,
.module-row-shortcuts .btn-copyurl,
.module-row-link,
.module-row-link a,
.module-row-link i,
.article-content .article-btn,
.shortcuts-btn,
.s-search-btn,
.grid-item i,
.fixed_right_bar .dbicon,
.mx-night-menu-toggle {
	background: #000 !important;
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #2b3142 !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 8px 22px rgba(0, 0, 0, .28) !important;
}

.search-btn i,
.cancel-btn i,
button i,
.btn-base i,
.btn-small i,
.btn-large i,
.btn-gray i,
.btn-important i,
.btn-aux i,
.btn-block-o i,
.btn-block-o strong,
.btn-block-o span,
.btn-block-o p,
.video-player-handle .handle-btn,
.video-player-handle .handle-btn i,
.video-player-handle .handle-btn em,
.video-player-handle .block-name,
.video-player-handle .block-name strong,
.video-player-handle .block-name p,
.video-info-share button,
.video-info-share button::before,
.video-info-share button::after,
.module-row-shortcuts .btn-copyurl span,
.module-row-link h4,
.module-row-link p,
.module-row-link i {
	color: #fff !important;
}

.search-btn:hover,
.cancel-btn:hover,
button:hover,
.btn-base:hover,
.btn-small:hover,
.btn-large:hover,
.btn-gray:hover,
.btn-gray-dark:hover,
.btn-default:hover,
.btn-primary:hover,
.btn-main:hover,
.btn-important:hover,
.btn-aux:hover,
.btn-aux-o:hover,
.btn-block-o:hover,
.popup-btn:hover,
.popup-btn-o:hover,
.more:hover,
.load-all:hover,
.page-number:hover,
.video-serial:hover,
.video-info-share:hover,
.video-info-share button:hover,
.video-player-handle .drop:hover .handle-btn,
.video-player-handle .handle-btn:hover,
.handle-more-drop .btn-block-o:hover,
.module-row-shortcuts .btn-copyurl:hover,
.module-row-link:hover,
.article-content .article-btn:hover,
.shortcuts-btn:hover,
.s-search-btn:hover,
.mx-night-menu-toggle:hover {
	background: #090b12 !important;
	background-color: #090b12 !important;
	border-color: #3a4560 !important;
	color: #fff !important;
	box-shadow: 0 0 0 1px rgba(126, 169, 255, .18), 0 10px 28px rgba(0, 0, 0, .42) !important;
}

.btn-block-o::after,
.btn-aux-o::after,
.popup-btn-o::after,
.video-player-handle .drop:hover .handle-btn::after,
.video-player-handle .handle-btn:hover::after,
.handle-more-drop .btn-block-o::after,
.module-row-info,
.module-row-title,
.module-row-link,
.module-row-shortcuts,
.text-list-item:nth-child(n+4) {
	border-color: #252936 !important;
	background-color: #000 !important;
}

.module-item-caption span,
.module-item-score span {
	background: rgba(0, 0, 0, .72) !important;
	border: 1px solid rgba(255, 255, 255, .14) !important;
	color: #fff !important;
}

.rank-item:hover,
.ranking-list li:hover,
.module-ranking-item:hover,
.text-list-item:hover,
.module-blocklist a:hover,
.drop-content-items li a:hover,
.search-tag a:hover {
	background: #090b12 !important;
	border-color: #3a4560 !important;
}

/* 修复夜间模式封面图被通用 img 样式覆盖导致不可见 */
.module-item-cover {
	position: relative !important;
	overflow: hidden !important;
}

.module-item-pic {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 2 !important;
	background: transparent !important;
}

.module-item-pic img,
.module-item-pic img.lazyload,
.module-item-pic img.lazyloaded,
.module-item-pic img.lazyloading,
.module-item-pic img.ls-is-cached,
.module-search-item .module-item-pic img,
.module-item-go .module-item-pic img,
.video-cover .module-item-pic img,
.view .mobile-play .module-item-pic img {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center !important;
	z-index: 1 !important;
	opacity: 1 !important;
	visibility: visible !important;
	filter: none !important;
	mix-blend-mode: normal !important;
	background: transparent !important;
}

.module-item-pic a {
	position: absolute !important;
	inset: 0 !important;
	z-index: 3 !important;
	background: transparent !important;
}

.module-item-cover:hover .module-item-pic a {
	background: rgba(0, 0, 0, .18) !important;
}

.module-item-caption,
.module-item-score,
.module-item-ru {
	z-index: 4 !important;
}

.module-item-pic img.lazyloaded + .loading,
.module-item-pic img.ls-is-cached + .loading {
	display: none !important;
	opacity: 0 !important;
}

/* 求片/留言页面夜间模式 */
.dymr,
.dymr-bg,
.dymr-box,
.dymr-box.active,
.dymr_hd,
.dymr__head,
.dymr__head.active,
.col-pd,
.gbook-form,
.gbook-form li,
.notice-box,
.alert,
.alert-warning,
.mxone-pannel,
.mxone-pannel-bg,
.mxone-pannel-box,
.mxone-pannel-box.active,
.mxone-pannel_hd,
.mxone-pannel__head,
.mxone-pannel__head.active,
.mxone_login__form,
.input-list,
.input-list li {
	background: #000 !important;
	background-color: #000 !important;
	border-color: #252936 !important;
	color: #fff !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .035) !important;
}

.dymr .title,
.dymr__head .title,
.mxone-pannel__head .title,
.notice-box p,
.gbook-form li,
.limit-info,
.text-muted,
.text-red,
.con,
.font-12,
.alert,
.alert p,
.alert small {
	color: #fff !important;
}

.gbook-form textarea,
.gbook-form input,
.mac_login_form input,
.mac_verify,
textarea.form-control,
input.form-control {
	background: #000 !important;
	background-color: #000 !important;
	border: 1px solid #2b3142 !important;
	color: #fff !important;
}

.gbook_submit,
.gbook-form .btn,
.alert .btn,
.mac_login_form .btn,
.btn.btn-primary,
.btn.btn-default {
	background: #000 !important;
	background-color: #000 !important;
	border: 1px solid #2b3142 !important;
	color: #fff !important;
}

.gbook_submit:hover,
.gbook-form .btn:hover,
.alert .btn:hover,
.mac_login_form .btn:hover,
.btn.btn-primary:hover,
.btn.btn-default:hover {
	background: #090b12 !important;
	border-color: #3a4560 !important;
	color: #fff !important;
}

/* 全站统一星空黑色背景 */
:root {
	--mx-night-space-bg:
		radial-gradient(circle at 8% 12%, rgba(255, 255, 255, .95) 0 1px, transparent 1.7px),
		radial-gradient(circle at 42% 28%, rgba(185, 211, 255, .65) 0 1px, transparent 1.8px),
		radial-gradient(circle at 78% 18%, rgba(255, 255, 255, .7) 0 1px, transparent 1.6px),
		radial-gradient(circle at 24% 74%, rgba(145, 176, 255, .55) 0 1px, transparent 1.8px),
		radial-gradient(circle at 88% 82%, rgba(255, 255, 255, .75) 0 1px, transparent 1.7px),
		linear-gradient(180deg, #000 0%, #02040b 46%, #000 100%);
	--mx-night-space-size: 180px 180px, 260px 260px, 340px 340px, 430px 430px, 520px 520px, 100% 100%;
	--mx-night-panel-bg:
		radial-gradient(circle at 12% 20%, rgba(255, 255, 255, .34) 0 1px, transparent 1.5px),
		radial-gradient(circle at 68% 30%, rgba(125, 169, 255, .24) 0 1px, transparent 1.6px),
		radial-gradient(circle at 86% 78%, rgba(255, 255, 255, .28) 0 1px, transparent 1.5px),
		linear-gradient(135deg, rgba(0, 0, 0, .98) 0%, rgba(4, 7, 16, .98) 52%, rgba(0, 0, 0, .98) 100%);
	--mx-night-panel-size: 150px 150px, 230px 230px, 310px 310px, 100% 100%;
}

html,
body {
	background-color: #000 !important;
	background-image: var(--mx-night-space-bg) !important;
	background-size: var(--mx-night-space-size) !important;
	background-attachment: fixed !important;
}

#header,
#header::after,
.header-content,
.header-content::after,
.homepage .header-bg,
.page .header-content,
.search .header-bg,
#footer,
.mxonefoot,
.box,
.popup,
.popup::after,
.drop-content-box,
.drop-content-items,
.ac_bg,
.ac_hot,
.ac_items,
.search-focus,
.search-box,
#search-content .search-box,
.homepage .header-content .search-box,
.nav-search .search-box,
.module-bg,
.module-item,
.module-item-content,
.module-search-item,
.module-player-list,
.module-row-info,
.module-row-one,
.module-row-title,
.module-row-link,
.module-row-shortcuts,
.module-tab-items,
.module-tab-item,
.module-tab-drop .module-tab-item,
.module-blocklist a,
.video-info-aux .tag-link,
.library-box,
.library-item,
.list .list-item,
.list .list-item .item-title,
.text-list-item,
.report-content,
.mxone-modal__content,
.newsbg,
.badge,
.form-control,
.mx-mac_msg_jump,
.mx-mac_msg_jump .form .item1,
.homepage_homepage_channelnav,
.actor_part,
.player-box-side,
.player-info,
.rank,
.rank-list,
.rank-item,
.ranking,
.ranking-list,
.module-ranking,
.module-ranking-list,
.module-ranking-item,
.module-list,
.module-items,
.module-wrapper,
.module-main,
.module-side,
.module-card,
.module-panel,
.module-sorttab,
.sort-list,
.sort-button,
.filter,
.filter-list,
.filter-item,
.table,
.table-responsive,
.layui-layer,
.layui-layer-content,
.layui-layer-title,
.layui-form,
.layui-card,
.layui-panel,
.el-card,
.el-dialog,
.el-popover,
.el-select-dropdown,
.el-picker-panel,
.dymr,
.dymr-bg,
.dymr-box,
.dymr-box.active,
.dymr_hd,
.dymr__head,
.dymr__head.active,
.col-pd,
.gbook-form,
.gbook-form li,
.notice-box,
.alert,
.alert-warning,
.mxone-pannel,
.mxone-pannel-bg,
.mxone-pannel-box,
.mxone-pannel-box.active,
.mxone-pannel_hd,
.mxone-pannel__head,
.mxone-pannel__head.active,
.mxone_login__form,
.input-list,
.input-list li {
	background-color: #000 !important;
	background-image: var(--mx-night-panel-bg) !important;
	background-size: var(--mx-night-panel-size) !important;
	background-attachment: scroll !important;
	border-color: #283044 !important;
}

input,
textarea,
select,
button,
.layui-input,
.layui-textarea,
.el-input__inner,
.el-textarea__inner,
.search-input,
.search-btn,
.cancel-btn,
.btn-base,
.btn-small,
.btn-large,
.btn-xsmall,
.btn-gray,
.btn-gray-dark,
.btn-default,
.btn-primary,
.btn-main,
.btn-important,
.btn-aux,
.btn-aux-o,
.btn-block-o,
.popup-btn,
.popup-btn-o,
.more,
.load-all,
.page-number,
.video-serial,
.video-info-footer .btn-base,
.video-info-footer .btn-aux,
.video-info-footer .btn-important,
.video-info-footer .more,
.video-info-footer .module-blocklist a,
.video-info-footer .video-serial,
.video-info-share,
.video-info-share button,
.video-player-handle .handle-btn,
.video-player-handle .btn-block-o,
.handle-more-drop .btn-block-o,
.module-row-shortcuts .btn-copyurl,
.article-content .article-btn,
.shortcuts-btn,
.s-search-btn,
.grid-item i,
.fixed_right_bar .dbicon,
.mx-night-menu-toggle,
.gbook_submit,
.gbook-form .btn,
.alert .btn,
.mac_login_form .btn,
.btn.btn-primary,
.btn.btn-default {
	background-color: #000 !important;
	background-image: var(--mx-night-panel-bg) !important;
	background-size: var(--mx-night-panel-size) !important;
	background-attachment: scroll !important;
	border-color: #32405d !important;
	color: #fff !important;
}

.module-item-cover,
.module-item-pic,
.module-item-pic a,
.module-item-pic img,
.module-item-pic img.lazyload,
.module-item-pic img.lazyloaded,
.module-item-pic img.lazyloading,
.module-item-pic img.ls-is-cached,
.module-search-item .module-item-pic img,
.module-item-go .module-item-pic img,
.video-cover,
.video-cover .module-item-pic,
.video-cover .module-item-pic img,
.view .mobile-play .module-item-cover,
.view .mobile-play .module-item-pic img {
	background-image: none !important;
	background-color: transparent !important;
}

/* User center night-mode coverage */
.signin-card,
.signin-points,
.payment-card,
.qrcode-area,
.notice-warning,
.notice-info,
.contact-info,
.vip-menu-box,
.vip-menu-list a,
.mxone-user__name,
.mxone-user__head,
.mxone-user__head li,
.mxone-user__head a,
.mxone-user__form,
.mxone-user__form p,
.col-pd > div[style*="background"],
.payment-card div[style*="background"],
.payment-card table,
.payment-card thead,
.payment-card tbody,
.payment-card tr,
.payment-card th,
.payment-card td,
.mxone-pannel .col-pd > table,
.mxone-pannel .col-pd > table[style],
.mxone-pannel .col-pd > table thead,
.mxone-pannel .col-pd > table tbody,
.mxone-pannel .col-pd > table tr,
.mxone-pannel .col-pd > table th,
.mxone-pannel .col-pd > table td {
	background-color: #000 !important;
	background-image: var(--mx-night-panel-bg) !important;
	background-size: var(--mx-night-panel-size) !important;
	border-color: #2d3850 !important;
	box-shadow: none !important;
	color: #fff !important;
}

.signin-card *,
.signin-points *,
.payment-card *,
.qrcode-area *,
.notice-warning *,
.notice-info *,
.contact-info *,
.vip-menu-box *,
.vip-menu-list *,
.rules-list,
.rules-list li,
.mxone-user__name *,
.mxone-user__head *,
.mxone-user__form *,
.col-pd > div[style*="background"] *,
.payment-card div[style*="background"] *,
.payment-card table *,
.payment-card th,
.payment-card td,
.mxone-pannel .col-pd > table *,
.mxone-pannel .col-pd > table th,
.mxone-pannel .col-pd > table td,
.payment-card p,
.payment-card span,
.payment-card strong,
.payment-card small,
.payment-title,
.price-tag,
.price-tag small,
.text-muted,
.text-gold,
.text-red,
.text-gray {
	color: #fff !important;
}

.btn-back,
.signin-btn,
.vip-menu-list a:hover {
	background-color: #000 !important;
	background-image: var(--mx-night-panel-bg) !important;
	background-size: var(--mx-night-panel-size) !important;
	border: 1px solid #3a4560 !important;
	box-shadow: 0 0 0 1px rgba(120, 154, 220, .18) inset !important;
	color: #fff !important;
}

.signin-btn.signed {
	background-color: rgba(0, 0, 0, .86) !important;
	color: #fff !important;
}

.vip-menu-list a i {
	color: #fff !important;
}

.mxone-pannel .col-pd > table {
	border: 1px solid #2d3850 !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	box-shadow: none !important;
}

.mxone-pannel .col-pd > table tr {
	border-bottom: 1px solid #2d3850 !important;
}

.mxone-pannel .col-pd > table thead tr,
.mxone-pannel .col-pd > table tr[style*="fff3e0"],
.mxone-pannel .col-pd > table tr[style*="f0f7ff"],
.mxone-pannel .col-pd > table tr[style*="f8f9fa"] {
	background-color: #000 !important;
	background-image: var(--mx-night-panel-bg) !important;
}

.mxone-pannel .col-pd > table td[style*="ff4444"],
.mxone-pannel .col-pd > table .text-red {
	color: #ff6b6b !important;
}

@media (max-width: 767px) {
	.view .mobile-play:before {
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%) !important;
		backdrop-filter: saturate(180%) blur(10px) !important;
		-webkit-backdrop-filter: saturate(130%) blur(10px) !important;
	}

	.view .mobile-play:after {
		background-image: url(../image/frosted.png) !important;
		background-size: 30% !important;
		filter: invert(100%) !important;
		opacity: .1 !important;
	}

	.view .mobile-play .module-item-cover:before {
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%) !important;
		opacity: 1 !important;
	}

	.view .mobile-play .module-item-cover:after {
		background-color: transparent !important;
		background-image: url(../image/frosted.png) !important;
		background-size: 29% !important;
		filter: none !important;
		opacity: .16 !important;
	}
}

/* Detail page action buttons and download rows */
.video-info-footer .video-info-share,
.video-info-footer button.share-btn,
.video-info-footer .share-btn,
.video-info-footer .btn-aux,
.video-info-footer .btn-aux-o,
.video-info-footer .btn-large,
.video-info-footer .btn-collect,
.video-info-footer .gotodownloadlist,
.module[name="download-list"] .box,
.module[name="download-list"] .module-row-info,
.module[name="download-list"] .module-row-info > a,
.module[name="download-list"] .module-row-info .btn-aux,
.module[name="download-list"] .module-row-info .btn-aux-o {
	background-color: #000 !important;
	background-image: var(--mx-night-panel-bg) !important;
	background-size: var(--mx-night-panel-size) !important;
	border-color: #32405d !important;
	box-shadow: 0 0 0 1px rgba(126, 169, 255, .14), 0 8px 22px rgba(0, 0, 0, .34) !important;
	color: #fff !important;
}

.video-info-footer button.share-btn *,
.video-info-footer .share-btn *,
.video-info-footer .btn-aux *,
.video-info-footer .btn-aux-o *,
.video-info-footer .btn-large *,
.video-info-footer .btn-collect *,
.video-info-footer .gotodownloadlist *,
.module[name="download-list"] .module-row-info *,
.module[name="download-list"] .module-row-info h4,
.module[name="download-list"] .module-row-info p,
.module[name="download-list"] .module-row-info span,
.module[name="download-list"] .module-row-info i {
	color: #fff !important;
}

.video-info-footer button.share-btn:hover,
.video-info-footer .share-btn:hover,
.video-info-footer .btn-aux:hover,
.video-info-footer .btn-aux-o:hover,
.video-info-footer .btn-large:hover,
.video-info-footer .btn-collect:hover,
.video-info-footer .gotodownloadlist:hover,
.module[name="download-list"] .module-row-info .btn-aux:hover,
.module[name="download-list"] .module-row-info .btn-aux-o:hover {
	background-color: #090b12 !important;
	background-image: var(--mx-night-panel-bg) !important;
	border-color: #52658d !important;
	color: #fff !important;
}

.video-info-footer button.share-btn::before,
.video-info-footer button.share-btn::after,
.video-info-footer .share-btn::before,
.video-info-footer .share-btn::after {
	background: #000 !important;
	background-color: #000 !important;
	background-image: var(--mx-night-panel-bg) !important;
	border-color: #52658d !important;
	box-shadow: none !important;
	opacity: 1 !important;
	z-index: -1 !important;
}

.video-info-footer .share-btn,
.video-info-footer .share-btn i,
.video-info-footer .share-btn .icon-happy,
.video-info-footer .share-btn .icon-happy::before {
	-webkit-text-fill-color: #fff !important;
	background-image: none !important;
	color: #fff !important;
	text-shadow: 0 0 0 #fff !important;
}

html.mx-night-active .video-info-footer .btn-aux-o::after,
html.mx-night-active .video-info-footer .btn-large::after,
html.mx-night-active .module[name="download-list"] .btn-aux-o::after,
html.mx-night-active div[name="download-list"] .btn-aux-o::after {
	content: none !important;
	display: none !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

@media (max-width: 767px) {
	.view .mobile-play {
		background-color: #000 !important;
		background-image: var(--mx-night-space-bg) !important;
		background-size: var(--mx-night-space-size) !important;
		background-attachment: fixed !important;
	}

	.view .mobile-play:before,
	.view .mobile-play:after,
	.view .mobile-play .module-item-cover:before,
	.view .mobile-play .module-item-cover:after {
		background-color: #000 !important;
		background-image: var(--mx-night-space-bg) !important;
		background-size: var(--mx-night-space-size) !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		filter: none !important;
		opacity: 1 !important;
	}
}

/* Night mode: keep poster meta chips on the artwork without a wide blocking bar */
.module-item .module-item-caption,
.module-item .module-item-score {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	height: auto !important;
	padding: 0 8px 8px !important;
	z-index: 5 !important;
}

.module-item .module-item-caption span,
.module-item .module-item-score span {
	background: rgba(0, 0, 0, .82) !important;
	border: 1px solid rgba(126, 169, 255, .35) !important;
	border-radius: 5px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28) !important;
	color: #fff !important;
}

@media (max-width: 767px) {
	.module-item .module-item-caption,
	.module-item .module-item-score {
		height: auto !important;
		padding: 0 clamp(4px, 1.8vw, 8px) clamp(4px, 1.8vw, 8px) !important;
	}

	.module-item .module-item-caption span,
	.module-item .module-item-score span {
		border-radius: 4px !important;
		font-size: clamp(10px, 2.8vw, 12px) !important;
		line-height: clamp(16px, 4.8vw, 20px) !important;
		padding: 0 clamp(4px, 1.4vw, 5px) !important;
	}
}

@media (max-width: 420px) {
	.module-item .module-item-caption,
	.module-item .module-item-score {
		padding: 0 4px 4px !important;
	}

	.module-item .module-item-caption span,
	.module-item .module-item-score span {
		font-size: 10px !important;
		line-height: 16px !important;
		padding: 0 4px !important;
	}
}
