/* MPP：在基础布局和页面样式之后加载，只覆盖颜色与视觉状态 */
:root {
	--mpp-bg: #000;
	--mpp-panel: #1a1a1a;
	--mpp-raised: #262626;
	--mpp-soft: #333;
	--mpp-text: #f5f5f5;
	--mpp-muted: #b3b3b3;
	--mpp-border: #808080;
	--mpp-line: #3a3a3a;
	--mpp-accent: #ff0067;
	--mpp-accent-text: #ff6ba8;
	--mpp-hover: #ff3385;
	--mpp-pressed: #f50063;
	--mpp-on-accent: #111;
	--mpp-tint: #351020;
	--mpp-error: #ff9bb0;
	--tales-red: var(--mpp-accent);
	--tales-red-dark: var(--mpp-hover);
	--tales-text: var(--mpp-text);
	--tales-muted: var(--mpp-muted);
	--tales-line: var(--mpp-line);
	--tv-bg: var(--mpp-bg);
	--tv-ink: var(--mpp-text);
	--tv-muted: var(--mpp-muted);
	--tv-border: var(--mpp-line);
	--tv-purple: var(--mpp-accent);
	--tv-pink: var(--mpp-accent);
	color-scheme: dark;
}

/* 页面、导航与海报 */
:root body,
:root .tales-shell,
:root .tales-shell .tales-header,
:root .tales-shell .tales-legal-heading,
:root .tales-shell .tales-bottom-nav {
	background: var(--mpp-bg);
	color: var(--mpp-text);
}
:root .tales-shell .tales-logo,
:root .tales-shell .tales-header-actions,
:root .tales-shell .tales-content :is(h1, h2, h3),
:root .tales-shell .tales-poster-card h3 {
	color: var(--mpp-text);
}
:root .tales-shell .tales-header-search,
:root .tales-shell .tales-search-form,
:root .tales-shell .tales-mobile-catalog-search,
:root .tales-shell .tales-mobile-menu,
:root .tales-shell .tales-poster-frame,
:root .tales-shell .tv-detail-art {
	background: var(--mpp-raised);
	color: var(--mpp-muted);
}
:root .tales-shell :is(.tales-header-search, .tales-search-form, .tales-mobile-catalog-search) :is(input, button) {
	color: var(--mpp-text);
}
:root .tales-shell :is(.tales-header-search, .tales-search-form, .tales-mobile-catalog-search,
.tales-diamond-input, .tales-series-favorite) {
	box-shadow: inset 0 0 0 1px var(--mpp-border);
}
:root .tales-shell .tales-header-search:focus-within,
:root .tales-shell .tales-search-form:focus-within,
:root .tales-shell .tales-mobile-catalog-search:focus-within {
	box-shadow: 0 0 0 2px var(--mpp-accent);
}
:root .tales-shell .tales-mobile-nav,
:root .tales-shell .tales-account-panel,
:root .tales-shell .tales-download-panel {
	border-color: var(--mpp-line);
	background: var(--mpp-panel);
	color: var(--mpp-text);
	box-shadow: 0 12px 36px #0009;
}
:root .tales-shell .tales-mobile-nav a,
:root .tales-shell .tales-download-link,
:root .tales-shell .tales-header-actions .tales-download-link:hover {
	color: var(--mpp-text);
}
:root .tales-shell .tales-download-link:hover,
:root .tales-shell .tales-mobile-nav a:hover {
	background: var(--mpp-raised);
}
:root .tales-shell .tales-topic-strip a,
:root .tales-shell .tv-filter {
	border-color: var(--mpp-border);
	background: var(--mpp-soft);
	color: var(--mpp-text);
}
:root .tales-shell .tales-topic-strip a:is(.active, :hover),
:root .tales-shell .tv-filter.active {
	border-color: var(--mpp-accent);
	background: var(--mpp-accent);
	color: var(--mpp-on-accent);
}
:root .tales-shell .tales-mobile-topics a,
:root .tales-shell .tales-mobile-load-more,
:root .tales-shell .tales-poster-card p,
:root .tales-shell .tales-artwork-missing {
	color: var(--mpp-muted);
}
:root .tales-shell .tales-mobile-topics a.active,
:root .tales-shell .tales-bottom-nav a.active {
	color: var(--mpp-accent-text);
}
:root .tales-shell .tales-bottom-nav a.active {
	background: var(--mpp-tint);
}
:root .tales-shell .tales-footer {
	border-color: var(--mpp-line);
	background: #111;
	color: var(--mpp-muted);
}
:root .tales-shell .tales-footer :is(h4, a),
:root .tales-shell .tales-footer-right {
	color: var(--mpp-text);
}

/* 通用卡片、表单和文档 */
:root .tales-shell :is(.tales-recovery-page, .tv-auth-card, .tv-plan-card, .tv-episode, .tv-progress-card, .tv-series-detail,
.tales-profile-card, .tales-profile-edit-card, .tales-profile-links, .tales-profile-purchase-panel,
.tales-profile-record, .tales-purchase-card, .tales-purchase-custom, .tales-policy-text, .tales-login-dialog) {
	border-color: var(--mpp-line);
	background: var(--mpp-panel);
	color: var(--mpp-text);
	box-shadow: none;
}
:root .tales-shell :is(.tv-detail-copy p, .tales-policy-text p, .tales-policy-text ul, .tv-plan-card p,
.tales-account-vip span, .tales-hero-copy p, .tales-profile-links small, .tales-purchase-terms,
.tales-purchase-terms a, .tv-terms, .tv-terms a, .tales-register-hint, .tales-register-login,
.tales-recovery-intro, .tales-recovery-login, .tales-diamond-placeholder, .tv-muted,
.tv-empty-page p, .tv-order-empty p, .tv-episode small, .tv-plan-card > strong small) {
	color: var(--mpp-muted);
}
:root .tales-shell .tv-input,
:root .tales-shell .tv-login-reference-card .tv-input,
:root .tales-shell .tales-recovery-field > input,
:root .tales-shell .tales-recovery-input,
:root .tales-shell .tales-diamond-input {
	border-color: var(--mpp-border);
	background: var(--mpp-raised);
	color: var(--mpp-text);
}
:root .tales-shell :is(input, textarea)::placeholder {
	color: var(--mpp-muted);
	opacity: 1;
}
:root .tales-shell .tv-input:focus,
:root .tales-shell .tales-recovery-field > input:focus,
:root .tales-shell .tales-recovery-input:focus-within {
	border-color: var(--mpp-accent);
	box-shadow: 0 0 0 3px #ff00672e;
}
:root .tales-shell :is(.tv-login-reference-card label:not(.tv-terms), .tv-auth-card label,
.tales-profile-edit label, .tv-login-close, .tales-recovery-input input, .tales-diamond-input input,
.tales-diamond-input output, .tales-diamond-custom > label, .tales-diamond-bag h3) {
	color: var(--mpp-text);
}
:root .tales-shell :is(.tv-button-ghost, .tales-mobile-load-more button, .tales-membership-heading button,
.tales-recharge-heading button, .tales-membership-activate, .tales-recovery-back, .tales-recovery-eye) {
	border-color: var(--mpp-border);
	background: var(--mpp-raised);
	color: var(--mpp-text);
}
:root .tales-shell :is(.tv-button-register, .tv-code-input button, .tales-comment-signin,
.tales-signin-notice, .tales-detail-tags a, .tales-profile-badges span, .tv-empty-icon, .tv-plan-popular) {
	background: var(--mpp-tint);
	color: var(--mpp-accent-text);
}
:root .tales-shell :is(.tv-auth-links, .tales-register-code button, .tales-recovery-code,
.tales-register-login > a, .tales-recovery-login > a, .tales-membership-price, .tales-membership-benefits i) {
	color: var(--mpp-accent-text);
}
:root .tales-shell :is(.tv-terms input, .tales-purchase-terms input) {
	border-color: var(--mpp-border);
	background: var(--mpp-raised);
	accent-color: var(--mpp-accent);
}
:root .tales-shell :is(.tv-terms input, .tales-purchase-terms input):checked {
	border-color: var(--mpp-accent);
	background: var(--mpp-accent);
	box-shadow: inset 0 0 0 4px var(--mpp-raised);
}
:root .tales-shell :is(.validation-message, .tales-register-message, .tales-recovery-message, .tales-diamond-validation) {
	color: var(--mpp-error);
}
:root .tales-shell .tv-input.invalid,
:root .tales-shell .tales-recovery-field > input.invalid,
:root .tales-shell .tales-recovery-input:has(input.invalid) {
	border-color: var(--mpp-error);
}
:root .tales-shell .tv-auth-feedback {
	border-color: #a65a6b;
	background: #3c222b;
	color: var(--mpp-error);
}

:root .tales-shell .tales-recovery-field > label {
	color: var(--mpp-text);
}
:root .tales-shell .tales-player-select option:checked {
	background: var(--mpp-accent);
	color: var(--mpp-on-accent);
}
:root .tales-shell .tales-interaction-rail button.is-favorite {
	color: var(--mpp-accent-text);
}

/* 粉色实底必须使用深色文字，包括悬停与播放区域内的操作 */
:root .tales-shell :is(.tv-button-primary, .tales-play-button, .tales-hero-play, .tales-account-login,
.tales-account-vip button, .tales-profile-button, .tales-account-avatar, .tv-profile-avatar,
.tales-settings-save, .tales-diamond-buy, .tales-diamond-bonus, .tales-recovery-submit,
.tales-mobile-account-recharge, .tales-mobile-account-filter, .tales-mobile-vip-buy,
.tales-player-error button, .tales-comment-panel form button) {
	border-color: var(--mpp-accent);
	background: var(--mpp-accent);
	color: var(--mpp-on-accent);
	box-shadow: none;
}
:root .tales-shell .tales-profile-button {
	color: var(--mpp-on-accent) !important;
}
:root .tales-shell :is(.tv-button-primary, .tales-play-button, .tales-hero-play, .tales-account-login,
.tales-account-vip button, .tales-settings-save, .tales-diamond-buy, .tales-recovery-submit,
.tales-mobile-account-recharge, .tales-mobile-vip-buy, .tales-comment-panel form button):hover:enabled,
:root .tales-shell a:is(.tv-button-primary, .tales-play-button, .tales-hero-play):hover {
	background: var(--mpp-hover);
	color: var(--mpp-on-accent);
}
:root .tales-shell :is(.tv-button-primary, .tales-play-button, .tales-settings-save,
.tales-diamond-buy, .tales-recovery-submit, .tales-mobile-vip-buy):active:enabled {
	background: var(--mpp-pressed);
	color: var(--mpp-on-accent);
}

/* 账户与会员：深灰表面、粉色选中态 */
:root .tales-shell :is(.tales-profile-balance, .tales-profile-field, .tales-profile-field input,
.tales-profile-links a, .tales-mobile-account-vip strong) {
	color: var(--mpp-text);
}
:root .tales-shell :is(.tales-profile-field, .tales-profile-field input, .tales-avatar-upload) {
	border-color: var(--mpp-border);
	background: var(--mpp-raised);
	color: var(--mpp-text);
}
:root .tales-shell :is(.tales-profile-field button, .tales-profile-logout, .tales-membership-daily,
.tales-diamond-price, .tales-diamond-card, .tales-settings-list) {
	background: var(--mpp-soft);
	color: var(--mpp-text);
}
:root .tales-shell :is(.tales-profile-vip, .tales-membership-card, .tales-diamond-bag,
.tales-mobile-account-vip, .tales-recharge-panel, .tales-membership-panel) {
	border-color: var(--mpp-line);
	background: linear-gradient(135deg, var(--mpp-tint), var(--mpp-panel));
	color: var(--mpp-text);
}
:root .tales-shell .tales-profile-links a {
	border-color: var(--mpp-line);
}
:root .tales-shell .tales-profile-links a:hover {
	background: var(--mpp-tint);
	color: var(--mpp-accent-text);
}
:root .tales-shell :is(.tales-membership-benefits li, .tales-membership-daily,
.tales-mobile-account-identity p, .tales-mobile-account-download, .tales-mobile-account-vip small,
.tales-mobile-account-library .tales-poster-card p, .tales-settings-list small,
.tales-settings-list .fa-chevron-right, .tales-settings-message) {
	color: var(--mpp-muted);
}
:root .tales-shell :is(.tales-settings-page, .tales-legal-heading),
:root .tales-shell:has(.tales-settings-page),
:root .tales-shell:has(.tales-legal-heading),
:root .tales-shell:has(.tales-recovery-standalone) {
	background: var(--mpp-bg);
}
:root .tales-shell :is(.tales-settings-account, .tales-settings-password) {
	background: var(--mpp-panel);
}
:root .tales-shell .tales-settings-password-input {
	border-color: var(--mpp-border);
}
:root .tales-shell .tales-settings-nickname input:focus-visible {
	box-shadow: 0 1px var(--mpp-accent);
}
:root .tales-shell .tales-mobile-account-summary {
	background: radial-gradient(ellipse at 15% 5%, var(--mpp-tint), transparent 72%), var(--mpp-bg);
}
:root .tales-shell .tales-mobile-account-vip > i {
	color: var(--mpp-accent-text);
	filter: none;
}
:root .tales-shell .tales-mobile-account-vip > a {
	border-color: var(--mpp-border);
	background: var(--mpp-raised);
	color: var(--mpp-text);
}
:root .tales-shell .tales-mobile-account-tabs button {
	color: var(--mpp-muted);
}
:root .tales-shell .tales-mobile-account-tabs button[aria-selected="true"] {
	color: var(--mpp-accent-text);
}
:root .tales-shell .tales-mobile-account-tabs button[aria-selected="true"]::after {
	background: var(--mpp-accent);
}

/* 播放和剧集详情保留黑色视频舞台与白色叠加控件 */
:root .tales-shell .tales-artplayer .art-video-player {
	/* 覆盖播放器内联默认色，统一进度、拖动圆点和音量条的主题色 */
	--art-theme: var(--mpp-accent) !important;
}
:root .tales-shell .tales-series-page {
	--series-accent: var(--mpp-accent);
}
:root .tales-shell :is(.tales-series-info, .tales-series-hero, .tales-series-synopsis button,
.tales-series-page, .tales-comment-panel, .tales-comment-panel > footer) {
	border-color: var(--mpp-line);
	background: var(--mpp-panel);
	color: var(--mpp-text);
}
:root .tales-shell :is(.tales-series-count, .tales-series-synopsis, .tales-series-empty,
.tales-series-mppes button, .tales-comment p, .tales-comment time, .tales-comments-empty,
.tales-comment-panel header span, .tales-comment-panel footer small, .tales-watch-info > p,
.tales-watch-info > label) {
	color: var(--mpp-muted);
}
:root .tales-shell :is(.tales-series-tags a, .tales-series-tags > span, .tales-comment-avatar) {
	background: var(--mpp-tint);
	color: var(--mpp-accent-text);
}
:root .tales-shell :is(.tales-series-poster, .tales-series-episode-list a,
.tales-series-mppes button.is-active, .tales-load-comments, .tales-comments-empty > i,
.tales-comment-panel form, .tales-comment-panel header button, .tales-series-favorite) {
	border-color: var(--mpp-border);
	background: var(--mpp-soft);
	color: var(--mpp-text);
}
:root .tales-shell :is(.tales-series-episode-list a.is-active, .tales-series-episode-list i) {
	background: var(--mpp-accent);
	color: var(--mpp-on-accent);
}
:root .tales-shell .tales-series-mppes button.is-active,
:root .tales-shell .tales-interaction-rail button.is-liked,
:root .tales-shell .tales-quality-option[aria-checked="true"] {
	color: var(--mpp-accent-text);
}
:root .tales-shell .tales-quality-option[aria-checked="true"] {
	background: var(--mpp-tint);
}
:root .tales-shell .tales-comment-panel :is(h2, strong, textarea) {
	color: var(--mpp-text);
}
:root .tales-shell .tales-comment-notice {
	color: var(--mpp-error);
}
:root .tales-shell .tales-series-return,
:root .tales-shell .tales-series-mobile-actions.is-empty .tales-series-return {
	background: var(--mpp-accent);
	color: var(--mpp-on-accent);
}
:root .tales-shell .tales-series-mobile-actions {
	background: var(--mpp-panel);
}
:root .tales-shell .tales-series-synopsis:has(button):not(.is-expanded) button {
	background: linear-gradient(90deg, #1a1a1a00, var(--mpp-panel) 12%);
}
:root .tales-shell .tales-series-backdrop::after {
	background: linear-gradient(#1a1a1a26, #1a1a1a66 55%, #1a1a1af5);
}
:root .tales-shell .tales-series-feedback {
	border-color: var(--mpp-border);
	background: #1a1a1af5;
	color: var(--mpp-text);
}
:root .tales-shell :is(.tales-series-mppes, .tales-series-recommendations, .tales-comment-panel > header) {
	border-color: var(--mpp-line);
}
:root .tales-shell .tales-series-section-heading > span {
	color: var(--mpp-muted);
}
:root .tales-shell .tales-series-favorite[aria-pressed="true"] i {
	color: var(--mpp-accent-text);
}
:root .tales-shell .tales-diamond-card.selected {
	box-shadow: 0 0 0 2px var(--mpp-accent);
}
:root .tales-shell .tales-diamond-card:hover {
	box-shadow: 0 0 0 1px var(--mpp-accent), 0 3px 12px #0006;
}

/* 付款、结算、订单和独立头像弹层可位于布局容器之外 */
:root .tv-payment-dialog {
	--payment-background: var(--mpp-panel);
	--payment-text: var(--mpp-text);
	--payment-muted: var(--mpp-muted);
	--payment-border: var(--mpp-border);
	--payment-soft: var(--mpp-raised);
	--payment-summary: var(--mpp-tint);
	--payment-accent: var(--mpp-accent);
	--payment-accent-hover: var(--mpp-hover);
	--payment-feedback: #3c222b;
	--payment-feedback-text: var(--mpp-error);
	--payment-success: #6ee7b7;
	color-scheme: dark;
}
:root .tales-checkout-page {
	--checkout-bg: var(--mpp-panel);
	--checkout-soft: var(--mpp-raised);
	--checkout-text: var(--mpp-text);
	--checkout-muted: var(--mpp-muted);
	--checkout-border: var(--mpp-border);
	--checkout-accent: var(--mpp-accent);
	--checkout-tint: var(--mpp-tint);
	background: var(--mpp-bg);
}
:root .tales-diamond-confirm {
	--diamond-dialog-bg: var(--mpp-panel);
	--diamond-dialog-text: var(--mpp-text);
	--diamond-dialog-muted: var(--mpp-muted);
	--diamond-dialog-border: var(--mpp-border);
	--diamond-dialog-soft: var(--mpp-raised);
	--diamond-dialog-accent: var(--mpp-accent);
	--diamond-dialog-tint: var(--mpp-tint);
}
:root .tv-account-orders {
	--order-bg: var(--mpp-panel);
	--order-soft: var(--mpp-raised);
	--order-border: var(--mpp-border);
	--order-ink: var(--mpp-text);
	--order-muted: var(--mpp-muted);
	--order-accent: var(--mpp-accent);
	--order-tint: var(--mpp-tint);
}
:root .tv-payment-primary,
:root .tv-payment-primary:hover,
:root .tales-shell .tales-checkout-submit,
:root .tales-shell .tales-checkout-submit:hover,
:root .tales-diamond-confirm .swal2-actions .btn-danger,
:root .tv-orders-pagination button.is-current,
:root .tv-orders-notice > :is(a, button) {
	color: var(--mpp-on-accent);
}
:root .tv-payment-summary strong {
	color: var(--mpp-accent-text);
}
:root .tv-order-status.is-paid {
	background: #18362b;
	color: #6ee7b7;
}
:root .tv-order-status.is-pending {
	background: #3b2c18;
	color: #f5c76f;
}
:root .tv-order-status.is-failed {
	background: #3c222b;
	color: #fb8799;
}
:root .tv-order-status.is-refunded {
	background: #302744;
	color: #d0b8ff;
}
:root .tv-avatar-editor {
	background: var(--mpp-panel);
	color: var(--mpp-text);
}
:root .tv-avatar-editor :is(p, .tv-avatar-feedback) {
	color: var(--mpp-muted);
}
:root .tv-avatar-editor header button,
:root .tv-avatar-editor .tv-button-ghost {
	border-color: var(--mpp-border);
	background: var(--mpp-raised);
	color: var(--mpp-text);
}
:root .tv-avatar-editor .tv-button-primary {
	background: var(--mpp-accent);
	color: var(--mpp-on-accent);
}
:root .tv-avatar-editor .tv-avatar-error {
	color: var(--mpp-error);
}

@media (max-width: 768px) {
	:root .tales-shell[data-mobile-tab="membership"] {
		background: var(--mpp-bg);
	}
	:root .tales-shell[data-mobile-tab="membership"] .tales-profile-purchase-panel {
		background: transparent;
	}
	:root .tales-shell[data-mobile-tab="membership"] .tales-mobile-vip-header::after {
		background: linear-gradient(180deg, #000c, #000a 60%, #000f);
	}
	:root .tales-shell[data-mobile-tab="membership"] .tales-mobile-vip-header h3 {
		color: var(--mpp-accent-text);
	}
	:root .tales-shell[data-mobile-tab="membership"] .tales-mobile-vip-header li i {
		border-color: var(--mpp-accent);
		background: var(--mpp-accent);
		color: var(--mpp-on-accent);
		box-shadow: none;
	}
	:root .tales-shell[data-mobile-tab="membership"] :is(.tales-membership-card, .tales-diamond-card) {
		border-color: var(--mpp-border);
		background: var(--mpp-raised);
		color: var(--mpp-text);
	}
	:root .tales-shell[data-mobile-tab="membership"] .tales-membership-card:has(input:checked),
	:root .tales-shell[data-mobile-tab="membership"] .tales-diamond-card.selected {
		border-color: var(--mpp-accent);
		background: var(--mpp-tint);
		box-shadow: 0 0 0 1px var(--mpp-accent);
	}
	:root .tales-shell[data-mobile-tab="membership"] .tales-mobile-plan-choice {
		color: var(--mpp-text);
	}
	:root .tales-shell[data-mobile-tab="membership"] .tales-mobile-plan-choice input:checked {
		border-color: var(--mpp-accent);
		background: var(--mpp-accent);
		box-shadow: inset 0 0 0 2px var(--mpp-tint);
	}
	:root .tales-shell[data-mobile-tab="membership"] :is(.tales-mobile-plan-price small, .tales-diamond-price, .tales-diamond-input) {
		background: var(--mpp-soft);
		color: var(--mpp-text);
	}
	:root .tales-shell[data-mobile-tab="membership"] :is(.tales-diamond-bonus, .tales-mobile-vip-buy) {
		background: var(--mpp-accent);
		color: var(--mpp-on-accent);
	}
	:root .tales-shell[data-mobile-tab="membership"] .tales-mobile-vip-buy:hover:enabled {
		background: var(--mpp-hover);
	}
	:root .tales-shell[data-mobile-tab="membership"] .tales-purchase-terms {
		color: var(--mpp-muted);
	}
}

:root :is(.tales-shell, .tv-payment-dialog, .tv-avatar-editor, .tales-diamond-confirm) :focus-visible {
	outline-color: var(--mpp-accent);
}
:root .tales-shell :is(.tv-button-ghost, .tales-membership-activate, .tales-mobile-load-more button):hover:enabled {
	border-color: var(--mpp-accent);
	background: var(--mpp-tint);
	color: var(--mpp-accent-text);
}

:root .tales-shell :is(.tales-series-episode-list a, .tv-filter):hover {
	box-shadow: 0 0 0 1px var(--mpp-accent);
}
:root .tales-shell .tales-mobile-plan-choice input {
	border-color: var(--mpp-border);
}

:root .tales-shell :is(.tv-button-primary, .tales-diamond-buy, .tales-mobile-vip-buy,
.tales-membership-activate, .tales-settings-save, .tales-recovery-submit, .tales-checkout-submit):disabled,
:root .tv-payment-primary:disabled {
	border-color: var(--mpp-border);
	background: var(--mpp-soft);
	color: var(--mpp-muted);
	box-shadow: none;
}
:root .tales-shell .tales-checkout-submit:active:enabled,
:root .tv-payment-primary:active:enabled {
	background: var(--mpp-pressed);
	color: var(--mpp-on-accent);
}

/* 视频画面较亮时，控件区域仍需保留足够深的衬底 */
:root .tales-shell .tales-cinema .tales-artplayer .art-video-player .art-bottom {
	background: #000c;
	text-shadow: 0 1px 3px #000;
}
:root .tales-shell .tales-player-heading {
	background: linear-gradient(#000d, #0009);
}
:root .tales-shell .tales-interaction-rail button {
	border-radius: 24px;
	background: #000b;
}

/* 深色轨道避免缓冲层和粉色进度混淆，不受视频画面亮度影响 */
:root .tales-shell .tales-artplayer .art-video-player :is(.art-control-progress-inner, .art-volume-slider) {
	background: var(--mpp-raised);
}
:root .tales-shell .tales-artplayer .art-video-player :is(.art-progress-loaded, .art-progress-hover) {
	background: var(--mpp-soft);
}

/* 小号链接与选项文字使用浅粉色，实底主操作仍保留深色文字 */
:root .tv-payment-method-option:has(input:checked),
:root .tv-payment-history,
:root .tales-shell :is(.tales-checkout-episode, .tales-checkout-empty a),
:root .tales-shell :is(.tales-checkout-heading > a, .tales-checkout-return):hover,
:root .tv-orders-eyebrow,
:root .tv-orders-pagination button:hover:not(:disabled):not(.is-current),
:root .tv-orders-refresh:hover:not(:disabled) {
	color: var(--mpp-accent-text);
}
:root .tales-shell :is(.tv-button-primary, .tales-play-button, .tales-hero-play, .tales-account-login,
.tales-account-vip button, .tales-settings-save, .tales-diamond-buy, .tales-recovery-submit,
.tales-mobile-account-recharge, .tales-mobile-vip-buy, .tales-comment-panel form button):active:enabled,
:root .tales-shell a:is(.tv-button-primary, .tales-play-button, .tales-hero-play):active,
:root .tv-avatar-editor .tv-button-primary:active:enabled,
:root .tales-diamond-confirm .swal2-actions .btn-danger:active:enabled {
	background: var(--mpp-pressed);
	color: var(--mpp-on-accent);
}