/*
 * Romantic pink theme for the xingba mobile UI.
 * It intentionally sits after app.css and only paints the interface layer.
 */
:root {
	--love-bg: #ffe1ee;
	--love-bg-deep: #ffb3d2;
	--love-card: rgba(255, 255, 255, .84);
	--love-card-strong: rgba(255, 255, 255, .96);
	--love-line: rgba(255, 64, 145, .36);
	--love-text: #42112d;
	--love-muted: #8a3157;
	--love-pink: #ff4f9d;
	--love-pink-hot: #ff0f78;
	--love-coral: #ff6f94;
	--love-lavender: #ff8fbd;
	--love-shadow: 0 14px 36px rgba(221, 29, 115, .22);
	--love-soft-shadow: 0 10px 26px rgba(255, 47, 134, .18);
}

html,
body {
	min-height: 100%;
	background:
		radial-gradient(circle at 12% 16%, rgba(255, 255, 255, .92) 0 8px, transparent 9px),
		radial-gradient(circle at 86% 12%, rgba(255, 178, 211, .58) 0 14px, transparent 15px),
		radial-gradient(circle at 24% 76%, rgba(255, 255, 255, .58) 0 18px, transparent 19px),
		linear-gradient(135deg, #fff1f7 0%, #ffcfe3 43%, #ffadd0 100%);
	color: var(--love-text);
}

body {
	position: relative;
	overflow-x: hidden;
}

body::before,
body::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

body::before {
	opacity: .82;
	background-image:
		radial-gradient(circle, rgba(255, 255, 255, .82) 0 7px, rgba(255, 255, 255, .24) 8px 12px, transparent 13px),
		radial-gradient(circle, rgba(255, 142, 191, .52) 0 5px, rgba(255, 142, 191, .16) 6px 10px, transparent 11px),
		radial-gradient(circle, rgba(255, 198, 222, .62) 0 10px, rgba(255, 198, 222, .16) 11px 16px, transparent 17px);
	background-size: 118px 118px, 168px 168px, 232px 232px;
	background-position: 8px 16px, 58px 72px, 120px 18px;
	animation: romantic-bubbles-drift 28s linear infinite;
}

body::after {
	opacity: .55;
	background:
		radial-gradient(circle at 16% 28%, rgba(255, 255, 255, .42), transparent 8%),
		radial-gradient(circle at 82% 42%, rgba(255, 100, 168, .26), transparent 11%),
		radial-gradient(circle at 46% 86%, rgba(255, 255, 255, .34), transparent 9%);
	filter: blur(.5px);
}

@keyframes romantic-bubbles-drift {
	from {
		background-position: 8px 16px, 58px 72px, 120px 18px;
	}
	to {
		background-position: 8px -220px, 58px -160px, 120px -260px;
	}
}

#__nuxt,
#__layout,
.app-container {
	position: relative;
	z-index: 1;
}

.app-container,
body {
	background-color: transparent;
}

.page-index,
.page-personal,
.page-topic,
.page-search,
.page-user,
.page-wallet,
.page-share,
.page-vip,
.setting-page,
.page-cash,
.page-play {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 14% 8%, rgba(255, 255, 255, .58), transparent 24%),
		radial-gradient(circle at 88% 18%, rgba(255, 141, 190, .34), transparent 22%),
		linear-gradient(180deg, rgba(255, 246, 250, .96) 0%, rgba(255, 223, 237, .94) 48%, rgba(255, 204, 229, .96) 100%);
	color: var(--love-text);
}

.page-index::before,
.page-search::before,
.page-topic::before,
.page-user::before,
.page-wallet::before,
.page-share::before,
.page-vip::before,
.setting-page::before,
.page-cash::before,
.page-play::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image:
		radial-gradient(circle, rgba(255, 255, 255, .58) 0 9px, transparent 10px),
		radial-gradient(circle, rgba(255, 101, 163, .22) 0 7px, transparent 8px);
	background-size: 96px 96px, 146px 146px;
	background-position: 18px 22px, 88px 44px;
}

.page-index > *,
.page-search > *,
.page-topic > *,
.page-user > *,
.page-wallet > *,
.page-share > *,
.page-vip > *,
.setting-page > *,
.page-cash > *,
.page-play > * {
	position: relative;
	z-index: 1;
}

a,
.van-tab,
.van-tabbar-item,
.video-item .title,
.special-list .specail-item .title,
.hot-search .hot-search-item .content .title,
.video-info .play-title,
.recommend-title,
.section-frame .section-frame-header .title {
	color: var(--love-text);
}

.subject,
.end-tips,
.service,
.tips,
.video-info .des,
.video-info .props,
.author-item .author .info .description,
.author-item .author .info .content,
.section-frame .section-frame-header .more {
	color: var(--love-muted);
}

.van-header,
.van-sticky,
.van-tabs__wrap,
.van-tabs__nav,
.page-index .navbar .van-tabs__wrap {
	background: rgba(255, 243, 249, .9);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}

.van-tabs__nav {
	border-bottom: 1px solid var(--love-line);
	box-shadow: 0 8px 24px rgba(255, 116, 176, .12);
}

.van-tab {
	color: #8c3d64;
}

.van-tab--active,
.van-tab__text.active,
.index-tabbar span.active,
.index-tabbar .van-tabbar-item.van-tabbar-item--active {
	color: var(--love-pink-hot);
}

.page-index .navbar .van-tab--active:after,
.page-search .navbar .van-tab--active:after,
.page-personal .navbar .van-tab--active:after,
.van-tabs__line {
	background: linear-gradient(90deg, #ff78ad, var(--love-pink-hot), #ffb2cf);
	box-shadow: 0 0 14px rgba(255, 69, 144, .55);
}

.recommend-search,
.van-search,
.section-frame,
.video-info,
.hot-search,
.rights,
.notice-container .notice,
.confirm-wrap .confirm-box {
	border-radius: 18px;
	background: var(--love-card);
	border: 1px solid var(--love-line);
	box-shadow: var(--love-soft-shadow);
}

.recommend-search {
	margin: 12px 15px 0;
	padding: 8px;
}

.recommend-search .van-search__content,
.page-search /deep/ .van-search__content,
.van-form .van-field .van-field__body,
.phone .van-dropdown-menu__item,
.history-search .list .item,
.tag-list .tag-item,
.play-btn,
.play-url,
.actions .action-btn {
	background: rgba(255, 255, 255, .72);
	border: 1px solid var(--love-line);
	color: var(--love-text);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .68);
}

.recommend-search .van-search__content,
.van-search__content--round {
	border-radius: 999px;
}

.van-field__control,
input,
textarea {
	color: var(--love-text);
}

.van-field__control::placeholder,
input::placeholder,
textarea::placeholder {
	color: #b87291;
}

.submit-button,
.filters-btn,
.author-item .follow-btn,
.page-index .android-download-sticky .android-download-panel .download-link,
.buy-btn button,
.pay-button,
.video-item .flag,
.hot-search .hot-search-item .index.num1,
.hot-search .hot-search-item .index.num2,
.hot-search .hot-search-item .index.num3 {
	color: #fff;
	border: none;
	background: linear-gradient(135deg, var(--love-coral), var(--love-pink-hot) 58%, var(--love-lavender));
	box-shadow: 0 8px 18px rgba(255, 61, 140, .28);
}

.actions .action-btn {
	height: 38px;
	border-radius: 999px;
	color: #7a2951;
}

.actions .action-btn:active,
.submit-button:active,
.filters-btn:active {
	transform: translateY(1px);
}

.section-frame {
	margin: 14px 12px 0;
	padding: 16px 12px 4px;
}

.section-frame .section-frame-header .title,
.video-info .play-title,
.recommend-title {
	color: #7b174b !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .72);
}

.section-frame .section-frame-header .title::before,
.recommend-title::before,
.video-info .play-title::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 7px;
	border-radius: 999px;
	background: radial-gradient(circle at 35% 35%, #fff, var(--love-pink) 62%, var(--love-pink-hot));
	box-shadow: 0 0 0 5px rgba(255, 122, 181, .18);
	vertical-align: middle;
}

.video-item .aspect-ratio,
.swiper-link .aspect-ratio,
.easy-image,
.easy-image img,
.madou-lazy {
	border-radius: 16px !important;
}

.video-item .aspect-ratio,
.swiper-link .aspect-ratio {
	overflow: hidden;
	box-shadow: var(--love-shadow);
	background: linear-gradient(135deg, #ffe3f0, #fff8fb);
}

.video-item .title {
	color: #6e2149;
	font-weight: 600;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
}

.video-item .times,
.video-item .duration {
	padding: 2px 7px;
	border-radius: 999px;
	background: rgba(88, 12, 47, .48);
	color: #fff6fb;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.video-item .row-1-square-title {
	background: linear-gradient(transparent, rgba(112, 20, 62, .68));
	color: #fff;
}

.tag-list .tag-item,
.play-btn,
.play-url,
.history-search .list .item {
	border-radius: 999px;
}

.tag-list .tag-item,
.play-url.active,
.play-btn.active,
.phone .van-cell-acvite,
.phone .van-cell-acvite .van-cell__value,
.service a,
.video-info .line-btn,
.video-info .video-tips > div > .action,
.video-info .video-tips > a {
	color: var(--love-pink-hot) !important;
	border-color: rgba(255, 55, 136, .42);
}

.play-url.active,
.play-btn.active,
.tag-list .tag-item:hover {
	background: rgba(255, 239, 247, .92);
	box-shadow: 0 0 0 3px rgba(255, 104, 169, .16);
}

.notice-container {
	padding-top: 12px;
}

.notice-container .notice,
.van-notice-bar {
	color: #7a2951;
	background: rgba(255, 255, 255, .62);
}

.notice-dialog {
	background:
		radial-gradient(circle at 22% 18%, rgba(255, 255, 255, .34), transparent 18%),
		radial-gradient(circle at 76% 62%, rgba(255, 93, 162, .28), transparent 22%),
		rgba(111, 21, 63, .42);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
}

.notice-dialog .notice-dialog-content {
	background:
		radial-gradient(circle at 20% 8%, rgba(255, 255, 255, .82), transparent 24%),
		linear-gradient(180deg, rgba(255, 251, 253, .96), rgba(255, 225, 239, .94));
	border: 1px solid rgba(255, 122, 181, .34);
	box-shadow: 0 24px 60px rgba(169, 38, 98, .28);
	color: var(--love-text);
}

.notice-dialog .notice-dialog-content::before {
	filter: hue-rotate(322deg) saturate(1.25) brightness(1.04);
}

.notice-dialog .notice-dialog-content .title {
	color: #801748;
	font-weight: 700;
}

.notice-dialog .notice-dialog-content .content {
	color: #8a3c61;
	line-height: 1.75;
}

.my-swipe {
	padding: 12px 15px 2px;
	box-sizing: border-box;
}

.swiper-pagination-bullet {
	background: rgba(255, 109, 172, .42);
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: var(--love-pink-hot);
	box-shadow: 0 0 0 4px rgba(255, 78, 151, .18);
}

.video-info {
	margin: 14px 12px 0;
	padding: 14px 0;
}

.video-info .controls .btn,
.video-info .controls a,
.video-info .controls #share {
	border-radius: 999px;
	background: rgba(255, 255, 255, .58);
	border: 1px solid rgba(255, 114, 176, .24);
	color: #7a2951;
}

.video-info .controls {
	gap: 8px;
	padding: 0 15px;
	align-items: center;
}

.video-info .controls .btn {
	padding: 7px 10px;
}

.hot-search {
	border-radius: 18px;
}

.hot-search > .title,
.hot-search .hot-search-item .content {
	border-color: rgba(255, 127, 184, .22);
}

.hot-search .hot-search-item .index {
	background: rgba(180, 94, 130, .45);
}

.index-tabbar .van-tabbar,
.van-tabbar,
.van-tabbar--fixed {
	background: rgba(255, 246, 250, .92);
	border-top: 1px solid var(--love-line);
	box-shadow: 0 -12px 28px rgba(205, 56, 122, .14);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

.index-tabbar .van-tabbar-item {
	color: #8c3d64;
}

.index-tabbar .van-tabbar-item__icon img {
	filter: saturate(1.18) hue-rotate(322deg);
}

.van-list__finished-text,
.bg-color {
	background-color: transparent;
	color: var(--love-muted);
}

.page-vip {
	background-image:
		radial-gradient(circle at 26% 14%, rgba(255, 255, 255, .72), transparent 18%),
		linear-gradient(180deg, #ffe3f0, #ffc5df);
}

.rights,
.black-card-rights,
.card-swiper .swiper-slide .card-info {
	color: #fff;
}

.back,
.gohome,
.gotop {
	color: var(--love-pink-hot);
	filter: drop-shadow(0 4px 10px rgba(255, 70, 145, .26));
}

.video-marquee-ad {
	background: linear-gradient(180deg, rgba(255, 77, 153, .52), rgba(255, 77, 153, 0));
}

@media screen and (min-width: 750px) {
	body {
		background:
			radial-gradient(circle at 18% 16%, rgba(255, 255, 255, .92) 0 10px, transparent 11px),
			radial-gradient(circle at 78% 22%, rgba(255, 151, 198, .58) 0 20px, transparent 21px),
			linear-gradient(135deg, #fff5fa 0%, #ffd3e8 44%, #ffbedb 100%);
	}

	.app-container {
		box-shadow: 0 0 60px rgba(196, 48, 112, .16);
	}
}

@media (prefers-reduced-motion: reduce) {
	body::before {
		animation: none;
	}
}

/* Award-polish layer: calmer bubbles, richer glass, and more deliberate hierarchy. */
:root {
	--love-ink: #3b0c29;
	--love-rose-glow: rgba(255, 38, 132, .36);
	--love-violet-glow: rgba(255, 110, 178, .2);
	--love-hairline: rgba(255, 255, 255, .62);
	--love-card-polish: rgba(255, 255, 255, .78);
	--love-card-polish-strong: rgba(255, 252, 254, .94);
}

html,
body {
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
}

body {
	background:
		radial-gradient(circle at 12% 12%, rgba(255, 255, 255, .82) 0 9px, transparent 10px),
		radial-gradient(circle at 82% 18%, rgba(255, 130, 188, .34) 0 18px, transparent 19px),
		radial-gradient(circle at 70% 74%, rgba(255, 153, 204, .18) 0 42px, transparent 43px),
		linear-gradient(135deg, #fff0f7 0%, #ffcfe4 42%, #ffa8cc 100%);
}

body::before {
	opacity: .48;
	background-image:
		radial-gradient(circle, rgba(255, 255, 255, .72) 0 5px, rgba(255, 255, 255, .16) 6px 12px, transparent 13px),
		radial-gradient(circle, rgba(255, 103, 171, .34) 0 4px, rgba(255, 103, 171, .1) 5px 11px, transparent 12px),
		radial-gradient(circle, rgba(255, 166, 207, .32) 0 8px, rgba(255, 166, 207, .1) 9px 19px, transparent 20px);
	background-size: 174px 206px, 251px 289px, 337px 391px;
	background-position: 12px 22px, 112px 148px, 42px 74px;
}

@keyframes romantic-bubbles-drift {
	from {
		background-position: 12px 22px, 112px 148px, 42px 74px;
	}
	to {
		background-position: 12px -250px, 112px -186px, 42px -330px;
	}
}

.app-container {
	isolation: isolate;
}

.app-container::before,
.app-container::after {
	content: "";
	position: fixed;
	left: 50%;
	width: min(750px, 100vw);
	transform: translateX(-50%);
	pointer-events: none;
	z-index: 0;
}

.app-container::before {
	top: 0;
	height: 260px;
	background:
		radial-gradient(ellipse at 18% 0%, rgba(255, 255, 255, .74), transparent 48%),
		radial-gradient(ellipse at 78% 6%, rgba(255, 82, 157, .2), transparent 46%);
}

.app-container::after {
	top: 90px;
	bottom: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .36), transparent 8%, transparent 92%, rgba(255, 255, 255, .3)),
		radial-gradient(circle at 10% 35%, rgba(255, 255, 255, .22), transparent 14%),
		radial-gradient(circle at 90% 62%, rgba(255, 99, 166, .15), transparent 16%);
	mix-blend-mode: soft-light;
}

.page-index,
.page-personal,
.page-topic,
.page-search,
.page-user,
.page-wallet,
.page-share,
.page-vip,
.setting-page,
.page-cash,
.page-play {
	box-sizing: border-box;
	padding-bottom: 72px;
	background:
		radial-gradient(ellipse at 18% 0%, rgba(255, 255, 255, .7), transparent 24%),
		radial-gradient(circle at 92% 18%, rgba(255, 98, 168, .22), transparent 22%),
		radial-gradient(circle at 10% 74%, rgba(255, 150, 203, .16), transparent 24%),
		linear-gradient(180deg, rgba(255, 248, 252, .99) 0%, rgba(255, 217, 235, .98) 48%, rgba(255, 183, 214, .99) 100%);
}

.page-index::before,
.page-search::before,
.page-topic::before,
.page-user::before,
.page-wallet::before,
.page-share::before,
.page-vip::before,
.setting-page::before,
.page-cash::before,
.page-play::before {
	opacity: .34;
	background-image:
		radial-gradient(circle, rgba(255, 255, 255, .62) 0 5px, rgba(255, 255, 255, .16) 6px 12px, transparent 13px),
		radial-gradient(circle, rgba(255, 103, 171, .22) 0 4px, rgba(255, 103, 171, .08) 5px 10px, transparent 11px);
	background-size: 142px 181px, 223px 257px;
	background-position: 8px 20px, 98px 64px;
}

.van-header,
.van-sticky,
.van-tabs__wrap,
.van-tabs__nav,
.page-index .navbar .van-tabs__wrap {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(255, 239, 247, .76));
}

.van-tabs__nav {
	border-bottom: 1px solid rgba(255, 117, 181, .2);
	box-shadow: 0 10px 30px rgba(173, 38, 98, .1);
}

.van-tab {
	letter-spacing: 0;
}

.van-tab .van-tab__text {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 2px;
	border-radius: 999px;
	transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}

.van-tab--active .van-tab__text,
.van-tab__text.active {
	background: linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(255, 219, 237, .7));
	box-shadow: 0 7px 18px rgba(255, 58, 141, .14), inset 0 1px 0 rgba(255, 255, 255, .76);
}

.recommend-search,
.section-frame,
.video-info,
.hot-search,
.rights,
.notice-container .notice,
.confirm-wrap .confirm-box {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 242, 249, .82));
	border: 1px solid rgba(255, 73, 151, .34);
	box-shadow:
		0 18px 45px rgba(220, 28, 119, .16),
		inset 0 1px 0 rgba(255, 255, 255, .72);
	-webkit-backdrop-filter: blur(16px) saturate(1.12);
	backdrop-filter: blur(16px) saturate(1.12);
}

.section-frame {
	position: relative;
	overflow: hidden;
}

.section-frame::before {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .9), transparent);
}

.section-frame .section-frame-header .title,
.video-info .play-title,
.recommend-title {
	color: var(--love-ink) !important;
	font-weight: 800;
}

.section-frame .section-frame-header .more {
	min-height: 26px;
	padding: 0 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .42);
	border: 1px solid rgba(255, 130, 188, .2);
	opacity: 1;
}

.recommend-search {
	box-shadow:
		0 12px 28px rgba(255, 75, 153, .12),
		inset 0 1px 0 rgba(255, 255, 255, .82);
}

.recommend-search .van-search__content {
	background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 238, 247, .96));
	border-color: rgba(255, 31, 126, .52);
	box-shadow:
		0 0 0 3px rgba(255, 65, 150, .16),
		inset 0 1px 0 rgba(255, 255, 255, .9);
}

.recommend-search .van-field__control {
	color: #42112d;
}

.recommend-search .van-field__control::placeholder {
	color: #87405f;
}

.submit-button,
.filters-btn,
.author-item .follow-btn,
.page-index .android-download-sticky .android-download-panel .download-link,
.buy-btn button,
.pay-button,
.video-item .flag,
.hot-search .hot-search-item .index.num1,
.hot-search .hot-search-item .index.num2,
.hot-search .hot-search-item .index.num3 {
	background:
		linear-gradient(135deg, #ff7ab0 0%, #ff2f86 54%, #ff9fc6 100%);
	box-shadow:
		0 10px 22px rgba(255, 45, 132, .28),
		inset 0 1px 0 rgba(255, 255, 255, .36);
}

.video-item {
	position: relative;
}

.video-item .aspect-ratio,
.swiper-link .aspect-ratio {
	border: 1px solid rgba(255, 255, 255, .72);
	box-shadow:
		0 16px 32px rgba(112, 20, 62, .13),
		0 2px 0 rgba(255, 255, 255, .5) inset;
}

.video-item .aspect-ratio::after,
.swiper-link .aspect-ratio::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .3), transparent 34%),
		linear-gradient(0deg, rgba(76, 13, 49, .28), transparent 38%);
	opacity: .72;
}

.video-item .title {
	padding-top: 9px;
	line-height: 1.35;
	color: #5a183d;
}

.video-item .times,
.video-item .duration {
	background: rgba(74, 18, 48, .62);
	border: 1px solid rgba(255, 255, 255, .25);
	box-shadow: 0 4px 12px rgba(49, 7, 30, .22);
}

.actions .action-btn {
	background:
		linear-gradient(135deg, #ff4f9d 0%, #ff2f86 54%, #ff88bd 100%);
	border-color: rgba(255, 255, 255, .44);
	color: #fff;
	box-shadow:
		0 12px 24px rgba(255, 47, 134, .24),
		inset 0 1px 0 rgba(255, 255, 255, .42);
}

.actions .action-btn img {
	filter: saturate(1.3) hue-rotate(318deg);
}

.notice-container .notice {
	border-radius: 999px;
	overflow: hidden;
}

.notice-container .van-notice-bar__wrap {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	color: #6f113d;
	font-weight: 700;
}

.md-official-notice__track {
	display: flex;
	width: max-content;
	white-space: nowrap;
	will-change: transform;
	animation: md-official-notice-scroll 28s linear infinite;
}

.md-official-notice__track:hover {
	animation-play-state: paused;
}

.md-official-notice__group {
	flex: 0 0 auto;
	padding-right: 4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .76);
}

@keyframes md-official-notice-scroll {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

.notice-dialog .notice-dialog-content {
	border-radius: 20px;
	box-shadow:
		0 28px 70px rgba(121, 23, 76, .3),
		inset 0 1px 0 rgba(255, 255, 255, .85);
}

.index-tabbar .van-tabbar,
.van-tabbar,
.van-tabbar--fixed {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 232, 244, .96));
	border-top: 1px solid rgba(255, 36, 132, .42);
	box-shadow:
		0 -18px 34px rgba(183, 44, 108, .18),
		inset 0 1px 0 rgba(255, 255, 255, .85);
}

.index-tabbar .van-tabbar-item {
	color: #7c2d54 !important;
	opacity: 1;
}

.index-tabbar .van-tabbar-item__icon {
	margin-bottom: 2px;
}

.index-tabbar .van-tabbar-item__icon img {
	opacity: 1;
	filter:
		brightness(0)
		saturate(100%)
		invert(25%)
		sepia(20%)
		saturate(1760%)
		hue-rotate(287deg)
		brightness(88%)
		contrast(92%);
}

.index-tabbar .van-tabbar-item__text span {
	color: #7c2d54;
	font-weight: 700;
	opacity: 1;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .78);
}

.index-tabbar .van-tabbar-item:has(span.active) {
	color: #ff0f78 !important;
}

.index-tabbar .van-tabbar-item:has(span.active) .van-tabbar-item__icon img,
.index-tabbar .van-tabbar-item__icon img[src*="-a.png"] {
	filter:
		brightness(0)
		saturate(100%)
		invert(22%)
		sepia(92%)
		saturate(5807%)
		hue-rotate(320deg)
		brightness(104%)
		contrast(102%)
		drop-shadow(0 2px 6px rgba(255, 15, 120, .28));
}

.index-tabbar span.active {
	color: #ff0f78 !important;
	font-weight: 800;
	text-shadow: 0 0 12px rgba(255, 15, 120, .42);
}

.video-info .controls .btn,
.video-info .controls a,
.video-info .controls #share {
	background: rgba(255, 255, 255, .7);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .74);
}

.video-marquee-ad {
	background: linear-gradient(180deg, rgba(255, 55, 136, .48), rgba(255, 55, 136, 0));
}

@media (hover: hover) {
	.video-item .aspect-ratio,
	.swiper-link .aspect-ratio,
	.actions .action-btn,
	.section-frame .section-frame-header .more {
		transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
	}

	.video-item:hover .aspect-ratio,
	.swiper-link:hover .aspect-ratio {
		transform: translateY(-2px);
		box-shadow:
			0 22px 42px rgba(112, 20, 62, .18),
			0 2px 0 rgba(255, 255, 255, .58) inset;
	}

	.actions .action-btn:hover,
	.section-frame .section-frame-header .more:hover {
		transform: translateY(-1px);
	}
}

@media screen and (max-width: 430px) {
	.section-frame {
		margin-left: 12px;
		margin-right: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.video-item .title {
		font-size: 13px;
	}

	.notice-dialog {
		padding-left: 26px;
		padding-right: 26px;
	}
}

/* Gold sponsor rail. */
.md-gold-sponsor-ticker {
	position: relative;
	z-index: 8;
	margin: 12px 12px 4px;
	border-radius: 16px;
	padding: 1px;
	background:
		linear-gradient(135deg, #ffe15f 0%, #ff2f86 43%, #ffd84d 100%);
	box-shadow:
		0 16px 34px rgba(255, 31, 126, .28),
		0 2px 0 rgba(255, 255, 255, .78) inset;
	overflow: hidden;
}

.md-gold-sponsor-ticker::before {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: 15px;
	background:
		radial-gradient(circle at 10% 30%, rgba(255, 255, 255, .88), transparent 24%),
		linear-gradient(90deg, #fffafd 0%, #ffd8eb 42%, #ffbdd9 100%);
	pointer-events: none;
}

.md-gold-sponsor-ticker__inner {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 42px;
	overflow: hidden;
	border-radius: 15px;
}

.md-gold-sponsor-ticker__label {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	flex: 0 0 auto;
	padding: 0 14px;
	color: #4b2114;
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap;
	background:
		linear-gradient(180deg, #fff7bf, #ffd75b 58%, #efa719);
	box-shadow:
		8px 0 18px rgba(255, 47, 134, .18),
		inset 0 1px 0 rgba(255, 255, 255, .78);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
}

.md-gold-sponsor-ticker__viewport {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.md-gold-sponsor-ticker__track {
	display: inline-flex;
	align-items: center;
	width: max-content;
	min-width: max-content;
	animation: md-gold-sponsor-scroll 38s linear infinite;
	will-change: transform;
}

.md-gold-sponsor-ticker__group {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: clamp(42px, 7vw, 96px);
	min-width: max-content;
	padding-right: clamp(58px, 9vw, 118px);
}

.md-gold-sponsor-ticker__item {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	color: #46102f;
	font-size: clamp(13px, 1.45vw, 16px);
	font-weight: 800;
	line-height: 42px;
	text-decoration: none;
	white-space: nowrap;
	text-shadow:
		0 1px 0 rgba(255, 255, 255, .92),
		0 0 10px rgba(255, 31, 126, .22);
}

.md-gold-sponsor-ticker__item:hover {
	color: #ff2f86;
}

.video-marquee-ad {
	background:
		linear-gradient(180deg, rgba(22, 10, 4, .76), rgba(91, 33, 21, .42) 62%, rgba(0, 0, 0, 0));
	box-shadow: inset 0 1px 0 rgba(255, 232, 139, .32);
}

.video-marquee-ad__track {
	animation-duration: 34s !important;
}

.video-marquee-ad__text {
	color: #fff047 !important;
	text-decoration: none !important;
	text-shadow:
		0 2px 2px rgba(0, 0, 0, .86),
		0 0 10px rgba(255, 212, 59, .62),
		0 0 2px #000;
}

.video-marquee-ad__text:hover {
	color: #fff !important;
}

@keyframes md-gold-sponsor-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 480px) {
	.md-gold-sponsor-ticker {
		margin: 10px 10px 2px;
		border-radius: 14px;
	}

	.md-gold-sponsor-ticker::before,
	.md-gold-sponsor-ticker__inner {
		border-radius: 13px;
	}

	.md-gold-sponsor-ticker__label {
		padding: 0 10px;
		font-size: 12px;
	}

	.md-gold-sponsor-ticker__track {
		animation-duration: 46s;
	}

	.md-gold-sponsor-ticker__group {
		gap: 44px;
		padding-right: 64px;
	}

	.md-gold-sponsor-ticker__item {
		font-size: 13px;
		line-height: 40px;
	}
}