:root {
	--madou-bg: #000;
	--madou-panel: #111214;
	--madou-panel-strong: #17181c;
	--madou-border: rgba(255, 255, 255, 0.08);
	--madou-text: #fff;
	--madou-text-soft: rgba(255, 255, 255, 0.7);
	--madou-text-muted: rgba(255, 255, 255, 0.45);
	--madou-accent: #ff3b30;
	--madou-accent-soft: linear-gradient(135deg, #ff5a52 0%, #ff2d20 100%);
	--madou-radius-lg: 18px;
	--madou-radius-md: 12px;
	--madou-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
}

html,
body {
	background: var(--madou-bg) !important;
	color: var(--madou-text);
}

body,
input,
button,
textarea,
select {
	color: var(--madou-text);
}

a {
	color: inherit;
}

.header,
.header-bg1,
.top,
.content,
.main,
.container,
.layout,
.page,
.wrapper,
.el-main,
.el-header,
.van-sticky--fixed,
.van-sticky-menu,
.van-tabs__wrap,
.play-content,
.player-box,
.mac_results,
.search-box,
.dialog-wrap,
.popup,
.notice,
.box,
.module,
.module-wrap,
.vod-item,
.vodlist,
.vod-list,
.video-list,
.video-item,
.play-list,
.playlist,
.bank_list,
.rank-list,
.topic-list,
.actor-list,
.user-box,
.member-nav,
.dropdown,
.el-dropdown-menu,
.el-popper,
.van-popup,
.mac_history_box,
.stui-pannel,
.stui-vodlist,
.stui-vodlist__box {
	background: transparent;
	color: var(--madou-text);
}

.header .maxWidth,
.top .content,
.page .maxWidth,
.main .maxWidth,
.container .maxWidth {
	max-width: 1400px;
}

.header-bg1,
.van-sticky--fixed,
.van-sticky-menu,
.top .content,
.header .maxWidth {
	background: rgba(0, 0, 0, 0.92) !important;
	backdrop-filter: blur(16px);
	border-bottom: 1px solid var(--madou-border);
}

.el-tabs__item,
.van-tab,
.van-tab__text,
.nav a,
.menu-item,
.member-nav .nav-item,
.el-dropdown-menu a,
.vault,
.seek span {
	color: var(--madou-text-soft) !important;
}

.el-tabs__item.is-active,
.van-tab--active,
.van-tab__text.active,
.nav a:hover,
.member-nav .nav-item:hover,
.el-dropdown-menu a:hover {
	color: var(--madou-text) !important;
}

.el-tabs__item.is-active,
.van-tab--active .van-tab__text,
.van-tab__text.active {
	font-weight: 700;
}

.input .el-input__inner,
.el-input__inner,
.van-search__content,
.seek,
.search input,
.search-box input,
.mac_wd {
	background: #131418 !important;
	border: 1px solid var(--madou-border) !important;
	border-radius: 999px !important;
	color: var(--madou-text) !important;
	box-shadow: none !important;
}

.input .el-input__inner::placeholder,
.el-input__inner::placeholder,
.search input::placeholder,
.mac_wd::placeholder {
	color: var(--madou-text-muted);
}

.el-button,
.btn,
.wallet-btn,
.upvip,
.upgolds,
.recharge-color,
.wallet-color,
.van-button,
button[type='submit'] {
	background: var(--madou-accent-soft) !important;
	border: 0 !important;
	color: #fff !important;
	border-radius: 999px !important;
	box-shadow: none !important;
}

.el-button--default,
.el-button--warning,
.van-button--primary,
.van-button--danger {
	background: var(--madou-accent-soft) !important;
	color: #fff !important;
}

.module,
.module-wrap,
.box,
.dropdown,
.el-dropdown-menu,
.el-popper,
.topic-list li,
.actor-list li,
.bank_list li,
.rank-list li,
.playlist li,
.play-list li,
.vod-item,
.vod-list li,
.video-item,
.member-nav .nav-item,
.user-box,
.dialog-wrap,
.mac_results li,
.stui-vodlist__box {
	background: var(--madou-panel) !important;
	border: 1px solid var(--madou-border) !important;
	border-radius: var(--madou-radius-lg) !important;
	box-shadow: var(--madou-shadow);
	overflow: hidden;
}

.vod-item img,
.vod-list img,
.video-item img,
.stui-vodlist__thumb,
.module img,
.swiper-slide img,
.banner img,
.playlist img {
	border-radius: 14px;
}

.swiper,
.swiper-container,
.banner,
.module-banner,
.focus-box,
.slide-banner {
	border-radius: 22px;
	overflow: hidden;
}

.vod-item-title,
.video-item-title,
.module-title,
.title,
.part-title,
.page-title,
.actor-name,
.topic-name,
.play-title,
.detail-title,
h1,
h2,
h3,
h4 {
	color: var(--madou-text) !important;
}

.vod-item-sub,
.video-item-sub,
.tips,
.desc,
.module-desc,
.info,
.note,
.remarks,
.text-muted,
.actor-info,
.topic-info,
.detail-desc,
p,
small {
	color: var(--madou-text-soft) !important;
}

.tag,
.badge,
.label,
.van-tag,
.remarks,
.score,
.state,
.pic-text,
.video-serial,
.vod-label {
	background: rgba(255, 59, 48, 0.14) !important;
	color: #ff8a84 !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255, 59, 48, 0.2) !important;
}

.page a,
.pagination a,
.mac_pages a,
.stui-page a,
.page-current,
.page-link {
	background: #121317 !important;
	border: 1px solid var(--madou-border) !important;
	border-radius: 12px !important;
	color: var(--madou-text-soft) !important;
}

.page a:hover,
.pagination a:hover,
.mac_pages a:hover,
.stui-page a:hover,
.page-current,
.page-link.active {
	background: var(--madou-accent-soft) !important;
	color: #fff !important;
	border-color: transparent !important;
}

.player-box,
.mac_player,
.play-box,
.video-box,
iframe,
video {
	background: #050505 !important;
	border-radius: 22px;
	overflow: hidden;
}

.member-nav,
.dropdown,
.el-dropdown-menu,
.el-popper,
.van-popup {
	background: var(--madou-panel-strong) !important;
}

.el-dropdown-menu__item,
.member-nav .nav-item,
.menu-item,
.van-cell,
.van-card,
.van-search,
.van-nav-bar,
.van-action-bar,
.van-action-bar-icon,
.van-tabs__nav,
.van-tabs__line,
.van-field__control,
.van-cell__value,
.van-cell__title,
.van-card__title,
.van-card__desc {
	background: transparent !important;
	color: var(--madou-text) !important;
	border-color: var(--madou-border) !important;
}

.van-search,
.van-nav-bar,
.van-action-bar {
	background: rgba(12, 12, 12, 0.96) !important;
}

.van-tabbar,
.tabbar,
.footer,
.footer-bg,
.play-tabbar {
	background: rgba(10, 10, 10, 0.98) !important;
	border-top: 1px solid var(--madou-border) !important;
}

.van-tabbar-item,
.tabbar a,
.footer a,
.play-tabbar a {
	color: var(--madou-text-muted) !important;
}

.van-tabbar-item--active,
.tabbar .active,
.footer .active,
.play-tabbar .active {
	color: var(--madou-text) !important;
}

@media (max-width: 768px) {
	body {
		background: #000 !important;
	}

	.top .content,
	.header,
	.van-sticky--fixed {
		border-bottom: 0;
	}

	.module,
	.module-wrap,
	.vod-item,
	.vod-list li,
	.video-item,
	.play-list li,
	.playlist li,
	.member-nav .nav-item,
	.mac_results li {
		border-radius: 14px !important;
		box-shadow: none;
	}

	.search,
	.top .content .search,
	.van-search {
		gap: 8px;
	}

	.swiper,
	.swiper-container,
	.banner,
	.module-banner,
	.focus-box,
	.slide-banner,
	.player-box,
	.mac_player,
	.play-box {
		border-radius: 16px;
	}

	.van-tab__text,
	.seek span,
	.vault span,
	.bankList-icon + span {
		font-size: 12px;
	}
	}