html body #js_footer.footer-iSAvP,
html body .footer-iSAvP {
	background:
		radial-gradient(circle at 14% 0%, rgba(185, 13, 23, 0.18), transparent 30%),
		linear-gradient(180deg, #061735 0%, #020b1d 58%, #010613 100%) !important;
	border-top: 0.02rem solid rgba(255, 213, 88, 0.42) !important;
	color: #f7fbff !important;
	box-shadow: inset 0 0.18rem 0.28rem rgba(130, 0, 18, 0.08) !important;
}

html body #js_footer .footer-title-HjNW7,
html body #js_footer .footer-box-hd-HerLv,
html body .footer-iSAvP .footer-title-HjNW7,
html body .footer-iSAvP .footer-box-hd-HerLv {
	color: #ffd558 !important;
	font-weight: 800 !important;
	text-shadow: 0 0.03rem 0.07rem rgba(255, 195, 65, 0.28) !important;
}

html body #js_footer .footer-item-yNOze,
html body #js_footer .footer-box-bd-AXtMd,
html body #js_footer .footer-box-ft-uhKx7,
html body .footer-iSAvP .footer-item-yNOze,
html body .footer-iSAvP .footer-box-bd-AXtMd,
html body .footer-iSAvP .footer-box-ft-uhKx7 {
	color: rgba(247, 251, 255, 0.86) !important;
}

html body #js_footer .footer-item-yNOze:hover,
html body #js_footer .footer-box-link-AceKL,
html body .footer-iSAvP .footer-item-yNOze:hover,
html body .footer-iSAvP .footer-box-link-AceKL {
	color: #fff7d7 !important;
}

html body #js_footer .footer-box-nhSOZ,
html body .footer-iSAvP .footer-box-nhSOZ {
	border-top-color: rgba(255, 213, 88, 0.34) !important;
}

html body #js_footer .footer-box-bd2-btn-rtw3t,
html body .footer-iSAvP .footer-box-bd2-btn-rtw3t {
	background: transparent !important;
}

html body .vantabbar.van-tabbar--fixed,
html body .vantabbar.van-tabbar,
html body .van-tabbar.van-tabbar--fixed {
	background: linear-gradient(180deg, #061735 0%, #020b1d 100%) !important;
	background-color: #061735 !important;
	border-top: 0.01rem solid rgba(255, 213, 88, 0.42) !important;
	box-shadow: 0 -0.08rem 0.18rem rgba(0, 0, 0, 0.38) !important;
}

html body .vantabbar .van-tabbar-item,
html body .van-tabbar .van-tabbar-item {
	color: #f7fbff !important;
	background: transparent !important;
}

html body .vantabbar .van-tabbar-item--active {
	color: #fff7d7 !important;
	background: linear-gradient(180deg, #b01920 0%, #840012 100%) !important;
	border: 0.01rem solid rgba(255, 213, 88, 0.58) !important;
	border-radius: 0.1rem !important;
	box-shadow: inset 0 0.04rem 0.08rem rgba(255, 255, 255, 0.2) !important;
}

body.pages-index-index .vantabbar .van-tabbar-item:first-child,
html body:has(#js_jackpot) .vantabbar .van-tabbar-item:first-child {
	color: #fff7d7 !important;
	background: linear-gradient(180deg, #b01920 0%, #840012 100%) !important;
	border: 0.01rem solid rgba(255, 213, 88, 0.58) !important;
	border-radius: 0.1rem !important;
	box-shadow: inset 0 0.04rem 0.08rem rgba(255, 255, 255, 0.2) !important;
}

body.pages-index-index .vantabbar .van-tabbar-item:not(:first-child),
html body:has(#js_jackpot) .vantabbar .van-tabbar-item:not(:first-child),
body.promotion-page-active .vantabbar .van-tabbar-item:not(:nth-child(2)),
body.pages-index-Promotion .vantabbar .van-tabbar-item:not(:nth-child(2)),
html body:has(.common-tabs-box):has(.listit2) .vantabbar .van-tabbar-item:not(:nth-child(2)) {
	color: #f7fbff !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.promotion-page-active .vantabbar .van-tabbar-item:nth-child(2),
body.pages-index-Promotion .vantabbar .van-tabbar-item:nth-child(2),
html body:has(.common-tabs-box):has(.listit2) .vantabbar .van-tabbar-item:nth-child(2) {
	color: #fff7d7 !important;
	background: linear-gradient(180deg, #b01920 0%, #840012 100%) !important;
	border: 0.01rem solid rgba(255, 213, 88, 0.58) !important;
	border-radius: 0.1rem !important;
	box-shadow: inset 0 0.04rem 0.08rem rgba(255, 255, 255, 0.2) !important;
}

html body .vantabbar .van-tabbar-item__text,
html body .vantabbar .van-tabbar-item__text span,
html body .vantabbar .van-tabbar-item__text font,
html body .van-tabbar .van-tabbar-item__text,
html body .van-tabbar .van-tabbar-item__text span,
html body .van-tabbar .van-tabbar-item__text font {
	color: inherit !important;
}

html body .vantabbar .van-tabbar-item__icon img,
html body .van-tabbar .van-tabbar-item__icon img {
	filter: sepia(0.72) saturate(1.45) hue-rotate(348deg) brightness(1.18) drop-shadow(0 0.03rem 0.05rem rgba(0, 0, 0, 0.48)) !important;
}

/* Grand auth and home surfaces. */
html body .btn:has(.logres .us-auth-logo-wrap) {
	min-height: 100vh !important;
	padding: 0.18rem 0.18rem 0.9rem !important;
	box-sizing: border-box !important;
	background:
		radial-gradient(circle at 50% 1.3rem, rgba(255, 213, 88, 0.22), transparent 1.85rem),
		radial-gradient(circle at 12% 24%, rgba(185, 13, 23, 0.2), transparent 2.4rem),
		linear-gradient(180deg, #071735 0%, #020817 46%, #010511 100%) !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .logres {
	width: 100% !important;
	max-width: 7.1rem !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .us-auth-logo-wrap {
	position: relative !important;
	padding: 0.58rem 0 0.2rem !important;
	display: flex !important;
	justify-content: center !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .us-auth-logo-wrap::before {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	bottom: 0.05rem !important;
	width: 3.9rem !important;
	height: 0.5rem !important;
	transform: translateX(-50%) !important;
	border-radius: 50% !important;
	background: rgba(255, 213, 88, 0.26) !important;
	filter: blur(0.22rem) !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .us-auth-logo {
	position: relative !important;
	width: 2.95rem !important;
	max-width: 48% !important;
	max-height: 2.95rem !important;
	border: 0.026rem solid rgba(255, 213, 88, 0.72) !important;
	border-radius: 0.28rem !important;
	background: linear-gradient(180deg, #071b3d 0%, #020817 100%) !important;
	box-shadow:
		0 0 0 0.035rem rgba(3, 10, 28, 0.92),
		0 0 0.28rem rgba(255, 213, 88, 0.62),
		0 0.18rem 0.4rem rgba(0, 0, 0, 0.58) !important;
}

html body .btn:has(.logres .us-auth-copy) .us-auth-copy {
	margin: 0.12rem auto 0.36rem !important;
	text-align: center !important;
}

html body .btn:has(.logres .us-auth-copy) .us-auth-copy-title {
	color: #ffffff !important;
	font-size: 0.86rem !important;
	line-height: 0.9rem !important;
	font-weight: 1000 !important;
	letter-spacing: 0 !important;
	text-shadow: 0 0.05rem 0.12rem rgba(0, 0, 0, 0.62), 0 0 0.16rem rgba(255, 213, 88, 0.22) !important;
}

html body .btn:has(.logres .us-auth-copy) .us-auth-copy-subtitle {
	margin-top: 0.12rem !important;
	color: rgba(247, 251, 255, 0.78) !important;
	font-size: 0.38rem !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .cell-wrap-log {
	position: relative !important;
	width: calc(100% - 0.12rem) !important;
	max-width: 7.35rem !important;
	margin: 0 auto !important;
	min-height: 10.45rem !important;
	padding: 0.62rem 0.42rem 0.66rem !important;
	box-sizing: border-box !important;
	border: 0.032rem solid rgba(255, 213, 88, 0.96) !important;
	border-radius: 0.28rem !important;
	background:
		radial-gradient(circle at 16% 0%, rgba(255, 213, 88, 0.18), transparent 1.65rem),
		radial-gradient(circle at 86% 18%, rgba(46, 164, 255, 0.17), transparent 1.95rem),
		radial-gradient(circle at 50% 104%, rgba(185, 13, 23, 0.2), transparent 2.15rem),
		linear-gradient(180deg, rgba(13, 37, 82, 0.96) 0%, rgba(4, 16, 42, 0.98) 46%, rgba(1, 7, 21, 0.98) 100%) !important;
	box-shadow:
		inset 0 0 0.24rem rgba(82, 135, 235, 0.34),
		inset 0 0.08rem 0.14rem rgba(255, 255, 255, 0.1),
		0 0.22rem 0.52rem rgba(0, 0, 0, 0.62),
		0 0 0.32rem rgba(255, 213, 88, 0.34) !important;
	overflow: visible !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .cell-wrap-log::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	height: 0.18rem !important;
	background: radial-gradient(circle, #fffbea 0 0.036rem, #ffb833 0.044rem 0.072rem, transparent 0.08rem) 0 50% / 0.28rem 0.18rem repeat-x !important;
	filter: drop-shadow(0 0 0.1rem rgba(255, 213, 88, 1)) !important;
	z-index: 3 !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .cell-wrap-log::after {
	content: "" !important;
	position: absolute !important;
	inset: 0.14rem 0.12rem 0.12rem !important;
	border-radius: 0.18rem !important;
		background:
		linear-gradient(90deg, transparent 0 49%, rgba(69, 176, 255, 0.22) 49% 50%, transparent 50% 100%) 50% 100% / 2.2rem 1.55rem no-repeat,
		linear-gradient(0deg, transparent 0 49%, rgba(255, 213, 88, 0.18) 49% 50%, transparent 50% 100%) 50% 100% / 3.7rem 1.55rem no-repeat,
		radial-gradient(circle at 50% 83%, rgba(69, 176, 255, 0.16), transparent 1.2rem),
		radial-gradient(circle at 18% 92%, rgba(255, 213, 88, 0.12), transparent 0.86rem),
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 0.18rem),
		repeating-linear-gradient(90deg, rgba(69, 176, 255, 0.055) 0 1px, transparent 1px 0.28rem),
		linear-gradient(180deg, transparent 0%, rgba(46, 164, 255, 0.08) 54%, rgba(255, 213, 88, 0.08) 100%) !important;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.1) 48%, rgba(0, 0, 0, 0.72) 100%) !important;
	-webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.1) 48%, rgba(0, 0, 0, 0.72) 100%) !important;
	opacity: 0.95 !important;
	z-index: 0 !important;
	pointer-events: none !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .cell-wrap-input {
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	max-width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	box-sizing: border-box !important;
	padding: 0 !important;
	overflow: visible !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .logMail {
	display: none !important;
}

html body .logres .logMail,
html body .logres .logMail-left,
html body .logres .logMail-right,
html body .logres .log-item {
	display: none !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .cell-wrap-header {
	display: flex !important;
	justify-content: center !important;
	margin: 0 0 0.32rem !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .cell-wrap-header-title {
	color: #ffffff !important;
	font-size: 0.42rem !important;
	line-height: 0.5rem !important;
	font-weight: 900 !important;
	text-shadow: 0 0.04rem 0.1rem rgba(0, 0, 0, 0.6) !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .cell-inputOne,
html body .btn:has(.logres .us-auth-logo-wrap) .cell-tel {
	width: 100% !important;
	height: 1.18rem !important;
	display: flex !important;
	align-items: center !important;
	margin: 0 0 0.38rem !important;
	border: 0.028rem solid rgba(69, 176, 255, 0.72) !important;
	border-bottom-color: rgba(255, 213, 88, 0.78) !important;
	border-radius: 0.2rem !important;
	background:
		linear-gradient(90deg, rgba(69, 176, 255, 0.1), transparent 38%, rgba(255, 213, 88, 0.08)),
		linear-gradient(180deg, rgba(8, 27, 61, 0.9), rgba(2, 10, 29, 0.96)) !important;
	box-shadow:
		inset 0 0 0.18rem rgba(82, 135, 235, 0.34),
		0 0.06rem 0.16rem rgba(0, 0, 0, 0.34),
		0 0 0.16rem rgba(69, 176, 255, 0.2) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .cell-inputleft {
	width: 1.14rem !important;
	flex: 0 0 1.14rem !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-right: 0.026rem solid rgba(255, 213, 88, 0.68) !important;
	background: rgba(3, 12, 32, 0.86) !important;
	color: #fff7d7 !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .cell-inputleft .van-icon,
html body .btn:has(.logres .us-auth-logo-wrap) .van-field__right-icon .van-icon {
	font-size: 0.46rem !important;
	font-weight: 900 !important;
	color: #fff7d7 !important;
	text-shadow: 0 0 0.08rem rgba(255, 213, 88, 0.65) !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .cell-inputRight,
html body .btn:has(.logres .us-auth-logo-wrap) .uni-input-wrapper,
html body .btn:has(.logres .us-auth-logo-wrap) .van-field__body {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .van-cell,
html body .btn:has(.logres .us-auth-logo-wrap) .van-field,
html body .btn:has(.logres .us-auth-logo-wrap) .van_field {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 0.2rem !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	display: flex !important;
	align-items: center !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) input,
html body .btn:has(.logres .us-auth-logo-wrap) .van-field__control,
html body .btn:has(.logres .us-auth-logo-wrap) .input-placeholder,
html body .btn:has(.logres .us-auth-logo-wrap) .uni-input-placeholder {
	color: #f7fbff !important;
	-webkit-text-fill-color: #f7fbff !important;
	font-size: 0.38rem !important;
	line-height: 1.18rem !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) input::placeholder {
	color: rgba(247, 251, 255, 0.62) !important;
	-webkit-text-fill-color: rgba(247, 251, 255, 0.62) !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .auth-forgot,
html body .btn:has(.logres .us-auth-logo-wrap) .multipleChoice,
html body .btn:has(.logres .us-auth-logo-wrap) .ageTip,
html body .btn:has(.logres .us-auth-logo-wrap) .checklist-text {
	color: #fff2b8 !important;
	font-size: 0.32rem !important;
	font-weight: 900 !important;
	line-height: 0.42rem !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .auth-forgot {
	display: block !important;
	width: max-content !important;
	max-width: 100% !important;
	margin: 0.16rem 0 0.3rem !important;
	padding: 0 !important;
	overflow: visible !important;
	text-decoration: underline !important;
	text-decoration-thickness: 0.025rem !important;
	box-sizing: border-box !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .multipleChoice,
html body .btn:has(.logres .us-auth-logo-wrap) .uni-data-checklist {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .checklist-content {
	min-width: 0 !important;
	line-height: 0.44rem !important;
	margin-left: 0.12rem !important;
	overflow: visible !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .van-button {
	width: 100% !important;
	height: 1.18rem !important;
	margin: 0.42rem auto 0 !important;
	border: 0.028rem solid rgba(255, 213, 88, 0.96) !important;
	border-radius: 0.2rem !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 42%),
		linear-gradient(180deg, #ff4538 0%, #d91a1e 48%, #970712 100%) !important;
	color: #fff7d7 !important;
	-webkit-text-fill-color: #fff7d7 !important;
	font-size: 0.4rem !important;
	font-weight: 1000 !important;
	text-transform: uppercase !important;
	box-shadow:
		inset 0 0.05rem 0.09rem rgba(255, 255, 255, 0.28),
		inset 0 -0.06rem 0.12rem rgba(67, 0, 0, 0.5),
		0 0 0.2rem rgba(255, 56, 48, 0.5) !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .footerTem {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	margin-top: 0.44rem !important;
	gap: 0.2rem !important;
	color: #fff7d7 !important;
	font-size: 0.29rem !important;
	line-height: 0.38rem !important;
	font-weight: 900 !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .footerTem span,
html body .btn:has(.logres .us-auth-logo-wrap) .footerTem navigator,
html body .btn:has(.logres .us-auth-logo-wrap) .footerTem a {
	max-width: none !important;
	color: #fff7d7 !important;
	white-space: nowrap !important;
	overflow: visible !important;
	text-overflow: clip !important;
}

html body .btn:has(.logres .us-auth-logo-wrap) .footerTem navigator:last-child,
html body .btn:has(.logres .us-auth-logo-wrap) .footerTem a:last-child,
html body .btn:has(.logres .us-auth-logo-wrap) .footerTem span:last-child {
	margin-left: auto !important;
	text-align: right !important;
	color: #fff2b8 !important;
}

@media (max-width: 430px) {
	html body .btn:has(.logres .us-auth-logo-wrap) .cell-wrap-log {
		width: calc(100% - 0.12rem) !important;
		min-height: 10.05rem !important;
		padding: 0.52rem 0.24rem 0.52rem !important;
	}

	html body .btn:has(.logres .us-auth-copy) .us-auth-copy-title {
		font-size: 0.62rem !important;
		line-height: 0.68rem !important;
	}

	html body .btn:has(.logres .us-auth-logo-wrap) input,
	html body .btn:has(.logres .us-auth-logo-wrap) .van-field__control,
	html body .btn:has(.logres .us-auth-logo-wrap) .input-placeholder,
	html body .btn:has(.logres .us-auth-logo-wrap) .uni-input-placeholder {
		font-size: 0.34rem !important;
	}

	html body .btn:has(.logres .us-auth-logo-wrap) .cell-inputOne,
	html body .btn:has(.logres .us-auth-logo-wrap) .cell-tel,
	html body .btn:has(.logres .us-auth-logo-wrap) .van-button {
		height: 1.08rem !important;
	}

	html body .btn:has(.logres .us-auth-logo-wrap) .cell-inputOne,
	html body .btn:has(.logres .us-auth-logo-wrap) .cell-tel {
		margin-bottom: 0.32rem !important;
	}
}

html body .contentbg:has(#js_jackpot),
body.pages-index-index .contentbg {
	background:
		radial-gradient(circle at 18% 0%, rgba(255, 213, 88, 0.13), transparent 2.3rem),
		radial-gradient(circle at 90% 2.2rem, rgba(185, 13, 23, 0.16), transparent 2.6rem),
		linear-gradient(180deg, #071735 0%, #020817 42%, #010511 100%) !important;
}

html body .contentbg:has(#js_jackpot) .title_btn,
body.pages-index-index .title_btn {
	min-height: 1.12rem !important;
	padding: 0.1rem 0.22rem !important;
	background:
		radial-gradient(circle at 14% 0%, rgba(255, 213, 88, 0.18), transparent 1.8rem),
		linear-gradient(180deg, #071b3d 0%, #020b1d 100%) !important;
	border-bottom: 0.014rem solid rgba(255, 213, 88, 0.34) !important;
	box-shadow: 0 0.08rem 0.22rem rgba(0, 0, 0, 0.38) !important;
}

html body .contentbg:has(#js_jackpot) .title_btn img,
body.pages-index-index .title_btn img {
	filter: drop-shadow(0 0.05rem 0.08rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.06rem rgba(255, 213, 88, 0.24)) !important;
}

html body .contentbg:has(#js_jackpot) .my-swipe,
body.pages-index-index .my-swipe,
html body .contentbg:has(#js_jackpot) #js_jackpot .jackpot-container-bg-S6G93,
body.pages-index-index #js_jackpot .jackpot-container-bg-S6G93 {
	border-color: rgba(255, 213, 88, 0.48) !important;
	box-shadow: 0 0.08rem 0.24rem rgba(0, 0, 0, 0.46), inset 0 0 0.14rem rgba(255, 213, 88, 0.16) !important;
}

html body .contentbg:has(#js_jackpot) #vantabs,
body.pages-index-index #vantabs {
	min-height: 1.02rem !important;
	border: 0.014rem solid rgba(255, 213, 88, 0.48) !important;
	border-radius: 0.18rem !important;
	background: linear-gradient(180deg, #071b3d 0%, #020b1d 100%) !important;
	box-shadow: inset 0 0 0.16rem rgba(82, 135, 235, 0.22), 0 0.05rem 0.15rem rgba(0, 0, 0, 0.34) !important;
}

html body .contentbg:has(#js_jackpot) .van-notice-bar,
body.pages-index-index .van-notice-bar {
	border: 0.012rem solid rgba(255, 213, 88, 0.36) !important;
	border-radius: 0.14rem !important;
	background: linear-gradient(180deg, rgba(7, 27, 61, 0.92), rgba(2, 11, 29, 0.96)) !important;
	box-shadow: inset 0 0 0.12rem rgba(82, 135, 235, 0.18) !important;
}

html body .mue_box {
	background: linear-gradient(180deg, #061735 0%, #020b1d 56%, #010613 100%) !important;
	background-color: #020b1d !important;
	color: #f7fbff !important;
}

html body .mue_box .van_tabsss,
html body .mue_box .van-tabs,
html body .mue_box [style*="background-color: rgb(51, 17, 26)"],
html body .mue_box [style*="background: rgb(51, 17, 26)"],
html body .mue_box [style*="background-color: #300f19"],
html body .mue_box [style*="background: #300f19"] {
	background: linear-gradient(180deg, #061735 0%, #020b1d 100%) !important;
	background-color: #061735 !important;
}

html body .mue_box .box_top,
html body .mue_box .condition,
html body .mue_box .treasure-chest-container,
html body .mue_box .teammue_box,
html body .mue_box .info,
html body .mue_box .visao {
	background:
		radial-gradient(circle at 18% 0%, rgba(176, 25, 32, 0.13), transparent 34%),
		linear-gradient(180deg, #071b3d 0%, #03132f 100%) !important;
	background-color: #071b3d !important;
	border: 0.01rem solid rgba(255, 213, 88, 0.34) !important;
	box-shadow:
		inset 0 0 0.16rem rgba(82, 135, 235, 0.12),
		0 0.06rem 0.18rem rgba(0, 0, 0, 0.28) !important;
	color: #f7fbff !important;
}

html body .mue_box .copy_link_div {
	border-color: rgba(255, 213, 88, 0.72) !important;
	background: rgba(2, 11, 29, 0.78) !important;
	box-shadow: inset 0 0 0.12rem rgba(255, 213, 88, 0.08) !important;
}

html body .mue_box .box_top {
	padding: 0.22rem 0.18rem 0.3rem !important;
}

html body .mue_box .box_top .line {
	background: linear-gradient(90deg, transparent 0%, #d1a83b 18%, #fff2b8 50%, #d1a83b 82%, transparent 100%) !important;
	height: 0.03rem !important;
	box-shadow: 0 0 0.08rem rgba(255, 213, 88, 0.22) !important;
}

html body .mue_box .box_middle,
html body .mue_box .condition .one,
html body .mue_box .condition .one:nth-child(2n),
html body .mue_box .treasure-chest {
	background: transparent !important;
}

html body .mue_box .box_top label,
html body .mue_box .box_top .userInfo p,
html body .mue_box .box_top .url_txt,
html body .mue_box .share h2,
html body .mue_box .share .sharePlatform li span,
html body .mue_box .condition .one .text1,
html body .mue_box .condition .one .text2 {
	color: #f7fbff !important;
	text-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.48) !important;
}

html body .mue_box .box_top > div:not(.box_middle),
html body .mue_box .condition > span,
html body .mue_box .treasure-chest .reward {
	color: #fff2b8 !important;
}

html body .mue_box .treasure-chest .person .number {
	color: #fff7d7 !important;
	text-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.72) !important;
}

html body .mue_box .treasure-chest .reward.active {
	color: #ffd558 !important;
}

html body .mue_box .treasure-chest .reward.active1 {
	color: #ff6b72 !important;
}

html body .mue_box .treasure-chest .arrow {
	filter: sepia(0.72) saturate(1.35) hue-rotate(350deg) brightness(1.12) drop-shadow(0 0 0.04rem rgba(255, 213, 88, 0.28)) !important;
	opacity: 0.9 !important;
}

html body .mue_box .info .info_item,
html body .mue_box .visao .meuTime .meuTimeInfo,
html body .mue_box .box_line,
html body .mue_box .box_btn > div,
html body .mue_box .box_btn .van-cell {
	background: rgba(2, 11, 29, 0.62) !important;
	border-color: rgba(255, 213, 88, 0.26) !important;
	color: #f7fbff !important;
	box-shadow: inset 0 0 0.12rem rgba(82, 135, 235, 0.1) !important;
}

html body .mue_box .box_btn > div.active,
html body .mue_box .box_btn .active {
	background: linear-gradient(180deg, #fff2b8 0%, #d6ac3e 100%) !important;
	color: #071735 !important;
	border-color: rgba(255, 245, 190, 0.82) !important;
}

html body .mue_box .info .item_text,
html body .mue_box .visao .visaoTitle,
html body .mue_box .visao .meuTime .meuTimeInfo .meuTimeInfo_item_text,
html body .mue_box .sp_bbh {
	color: #fff2b8 !important;
}

html body .mue_box .info .item_num,
html body .mue_box .visao .meuTime .meuTimeInfo .meuTimeInfo_item_num,
html body .mue_box .box_line p,
html body .mue_box .box_line div {
	color: #f7fbff !important;
}

html body .mue_box .info .item_num2,
html body .mue_box .visao .meuTime .meuTimeInfo .meuTimeInfo_item_num2,
html body .mue_box .box_line .green {
	color: #ffd558 !important;
}

html body .mue_box .line,
html body .mue_box .visao .line,
html body .mue_box .box_line .line {
	background: rgba(255, 213, 88, 0.34) !important;
}

html body .mue_box .mensagens-content,
html body .mue_box .mensagens-content .content {
	background: transparent !important;
}

html body .mue_box .mensagens-content .content-suporte-server,
html body .mue_box .mensagens-content .content-suporte-suporte,
html body .mue_box .mensagens-content .content-rolante,
html body .mue_box .mensagens-content .content-rolante .rolante-item,
html body .mue_box .mensagens-content .content-mail .mail-item,
html body .mue_box .mensagens-content .content-mail .mail-content {
	background:
		radial-gradient(circle at 16% 0%, rgba(176, 25, 32, 0.12), transparent 34%),
		linear-gradient(180deg, #071b3d 0%, #03132f 100%) !important;
	background-color: #071b3d !important;
	border: 0.01rem solid rgba(255, 213, 88, 0.34) !important;
	box-shadow:
		inset 0 0 0.16rem rgba(82, 135, 235, 0.12),
		0 0.06rem 0.18rem rgba(0, 0, 0, 0.28) !important;
	color: #f7fbff !important;
}

html body .mue_box .mensagens-content .content-suporte-server-Apoio,
html body .mue_box .mensagens-content .content-suporte-suporte-agora .item .item-name,
html body .mue_box .mensagens-content .content-rolante .rolante-item-content,
html body .mue_box .mensagens-content .content-mail .mail-item-title {
	color: #f7fbff !important;
}

html body .mue_box .mensagens-content .content-suporte-server-Info,
html body .mue_box .mensagens-content .content-suporte-suporte-label,
html body .mue_box .mensagens-content .content-mail .mail-item-time,
html body .mue_box .mensagens-content .content-mail .mail-item-lidos {
	color: #fff2b8 !important;
}

html body .mue_box .mensagens-content .content-suporte-suporte-line,
html body .mue_box .mensagens-content .content-suporte-suporte-line2 {
	background: linear-gradient(90deg, transparent 0%, rgba(255, 213, 88, 0.72) 50%, transparent 100%) !important;
}

html body .mue_box .mensagens-content .content-suporte-server-Amorpg,
html body .mue_box .mensagens-content .content-suporte-suporte-agora .item .item-buttton {
	background: linear-gradient(180deg, #fff2b8 0%, #d6ac3e 100%) !important;
	border: 0.01rem solid rgba(255, 245, 190, 0.82) !important;
	color: #071735 !important;
	box-shadow:
		inset 0 0.04rem 0.08rem rgba(255, 255, 255, 0.24),
		0 0.04rem 0.1rem rgba(0, 0, 0, 0.28) !important;
}

html body .mue_box .mensagens-content .content-suporte-suporte-agora .item,
html body .mue_box .mensagens-content .content-suporte-suporte-agora .item:nth-child(1) {
	background: rgba(2, 11, 29, 0.42) !important;
}

/* Home game cards: clearer frames and looser spacing. */
html body .home-game-section .home-game-content,
html body .us-home-game-content-runtime {
	padding-bottom: 0.14rem !important;
}

html body .home-game-section .game-grid,
html body .us-game-grid-runtime {
	width: 96% !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 0.34rem 0.22rem !important;
	padding: 0.06rem 0.02rem 0.08rem !important;
	box-sizing: border-box !important;
}

html body .home-game-section .game-card-wrap,
html body .us-game-card-wrap-runtime {
	width: auto !important;
	min-width: 0 !important;
	position: relative !important;
	padding: 0.07rem 0.055rem 0.085rem !important;
	margin: 0 !important;
	border: 0.016rem solid rgba(255, 213, 88, 0.46) !important;
	border-radius: 0.18rem !important;
	background:
		radial-gradient(circle at 18% 0%, rgba(255, 213, 88, 0.12), transparent 58%),
		linear-gradient(180deg, rgba(10, 34, 76, 0.9) 0%, rgba(3, 13, 35, 0.98) 100%) !important;
	box-shadow:
		inset 0 0 0.14rem rgba(82, 135, 235, 0.16),
		0 0.08rem 0.18rem rgba(0, 0, 0, 0.38),
		0 0 0.08rem rgba(255, 213, 88, 0.12) !important;
	box-sizing: border-box !important;
}

html body .home-game-section .game-item,
html body .us-game-card-wrap-runtime .game-item {
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1 !important;
	background: #061735 !important;
	border: 0.03rem solid rgba(255, 213, 88, 0.94) !important;
	border-radius: 0.17rem !important;
	overflow: hidden !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow:
		inset 0 0 0 0.014rem rgba(255, 255, 255, 0.18),
		0 0 0.14rem rgba(255, 213, 88, 0.42),
		0 0.06rem 0.14rem rgba(0, 0, 0, 0.42) !important;
	box-sizing: border-box !important;
}

html body .home-game-section .game-item::before,
html body .us-game-card-wrap-runtime .game-item::before {
	content: "" !important;
	position: absolute !important;
	inset: 0.018rem !important;
	border: 0.01rem solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 0.125rem !important;
	pointer-events: none !important;
	z-index: 3 !important;
}

html body .home-game-section .img-item,
html body .us-game-card-wrap-runtime .img-item,
html body .us-game-card-wrap-runtime .game-item img:only-child,
html body .us-game-card-wrap-runtime .game-item img:first-child {
	width: 98.5% !important;
	height: 98.5% !important;
	display: block !important;
	object-fit: cover !important;
	border-radius: 0.12rem !important;
	filter: saturate(1.12) contrast(1.05) brightness(1.03) !important;
	position: static !important;
	right: auto !important;
	bottom: auto !important;
	top: auto !important;
}

html body .home-game-section .pg-mark,
html body .us-game-card-wrap-runtime .game-item img + img {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

html body .home-game-section .bottom,
html body .us-game-card-wrap-runtime .bottom {
	min-height: 0.5rem !important;
	margin-top: 0.055rem !important;
	padding: 0.025rem 0.03rem 0.035rem !important;
	border: 0.01rem solid rgba(255, 213, 88, 0.18) !important;
	border-radius: 0.09rem !important;
	background: linear-gradient(180deg, rgba(5, 20, 49, 0.72) 0%, rgba(2, 9, 25, 0.82) 100%) !important;
	box-sizing: border-box !important;
}

html body .home-game-section .bottom_label,
html body .us-game-card-wrap-runtime .bottom_label {
	width: 100% !important;
	color: #ffffff !important;
	font-size: 0.205rem !important;
	font-weight: 800 !important;
	line-height: 0.24rem !important;
	text-align: center !important;
	text-shadow: 0 0.03rem 0.05rem rgba(0, 0, 0, 0.65) !important;
}

html body .home-game-section .game-rating,
html body .us-game-card-wrap-runtime .game-rating,
html body .us-game-card-wrap-runtime .us-game-rating-runtime {
	width: 100% !important;
	height: 0.24rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.045rem !important;
	line-height: 1 !important;
	margin-top: 0.01rem !important;
	white-space: nowrap !important;
	overflow: hidden !important;
}

html body .home-game-section .rating-stars,
html body .us-game-card-wrap-runtime .rating-stars {
	color: #ffd558 !important;
	font-size: 0.23rem !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	text-shadow: 0 0 0.05rem rgba(255, 202, 45, 0.65), 0 0.02rem 0.04rem rgba(0, 0, 0, 0.75) !important;
}

html body .home-game-section .rating-score,
html body .us-game-card-wrap-runtime .rating-score {
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 0.19rem !important;
	font-weight: 700 !important;
	text-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.7) !important;
}

/* Promotion page: remove the reserved blank area after the last banner. */
html body .promotion-page {
	min-height: 100vh !important;
	padding-bottom: 0 !important;
}

body.promotion-page-active uni-page-body,
body.promotion-page-active uni-page-body > uni-view,
body.pages-index-Promotion uni-page-body,
body.pages-index-Promotion uni-page-body > uni-view,
html body:has(.common-tabs-box):has(.listit2) uni-page-body,
html body:has(.common-tabs-box):has(.listit2) uni-page-body > uni-view {
	min-height: 0 !important;
	height: auto !important;
}

html body .promotion-page .promotion-shell,
body.pages-index-Promotion uni-page-body > uni-view > div:has(.atividade_box),
body.pages-index-Promotion uni-page-body div:has(> .atividade_box) {
	min-height: 0 !important;
	padding: 0.18rem 0.16rem 0 !important;
	box-sizing: border-box !important;
}

html body .promotion-page .atividade_box,
body.pages-index-Promotion .atividade_box,
html body .atividade_box[data-v-07d4b03d] {
	padding: 0.02rem 0 0 !important;
}

html body .promotion-page .promotion-card,
body.pages-index-Promotion .atividade_box > .box,
body.pages-index-Promotion .atividade_box > .promotion-card,
html body .atividade_box[data-v-07d4b03d] > .box {
	margin-bottom: 0.14rem !important;
}

html body .promotion-page .promotion-card:last-child,
body.pages-index-Promotion .atividade_box > .box:last-child,
body.pages-index-Promotion .atividade_box > .promotion-card:last-child,
html body .atividade_box[data-v-07d4b03d] > .box:last-child {
	margin-bottom: 0 !important;
}

body.promotion-page-active .vantabbar.van-tabbar--fixed,
body.pages-index-Promotion .vantabbar.van-tabbar--fixed,
html body .promotion-page .vantabbar.van-tabbar--fixed,
html body:has(.common-tabs-box):has(.listit2) .vantabbar.van-tabbar--fixed {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	transform: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	z-index: 1000 !important;
	display: flex !important;
	align-items: stretch !important;
	justify-content: stretch !important;
	box-sizing: border-box !important;
}

body.promotion-page-active .vantabbar.van-tabbar--fixed .van-tabbar-item,
body.pages-index-Promotion .vantabbar.van-tabbar--fixed .van-tabbar-item,
html body .promotion-page .vantabbar.van-tabbar--fixed .van-tabbar-item,
html body:has(.common-tabs-box):has(.listit2) .vantabbar.van-tabbar--fixed .van-tabbar-item {
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	box-sizing: border-box !important;
}

/* Final home header balance layout: keep wallet, refresh and deposit on one line. */
html body .contentbg:has(#js_jackpot) .title_btn,
body.pages-index-index .title_btn {
	width: 100% !important;
	max-width: 100% !important;
	height: 1.08rem !important;
	min-height: 1.08rem !important;
	padding: 0.08rem 0.14rem !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 0.08rem !important;
	overflow: hidden !important;
}

html body .contentbg:has(#js_jackpot) .title_btn > div:first-child,
body.pages-index-index .title_btn > div:first-child,
html body .contentbg:has(#js_jackpot) .title_btn .home-logo-box,
body.pages-index-index .title_btn .home-logo-box {
	position: static !important;
	left: auto !important;
	top: auto !important;
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: 2.82rem !important;
	min-width: 0 !important;
	height: 0.82rem !important;
	padding: 0 !important;
	overflow: hidden !important;
}

html body .contentbg:has(#js_jackpot) .title_btn > div:first-child > div,
body.pages-index-index .title_btn > div:first-child > div,
html body .contentbg:has(#js_jackpot) .title_btn .home-logo-inner,
body.pages-index-index .title_btn .home-logo-inner {
	width: 100% !important;
	height: 0.82rem !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	overflow: hidden !important;
}

html body .contentbg:has(#js_jackpot) .title_btn .home-header-logo,
body.pages-index-index .title_btn .home-header-logo,
html body .contentbg:has(#js_jackpot) .title_btn > div:first-child img,
body.pages-index-index .title_btn > div:first-child img {
	display: block !important;
	width: 2.72rem !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 0.76rem !important;
	object-fit: contain !important;
	object-position: left center !important;
}

html body .contentbg:has(#js_jackpot) .title_btn > div:last-child,
body.pages-index-index .title_btn > div:last-child,
html body .contentbg:has(#js_jackpot) .title_btn .home-header-actions,
body.pages-index-index .title_btn .home-header-actions {
	flex: 0 0 auto !important;
	min-width: 0 !important;
	max-width: calc(100% - 2.68rem) !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 0.07rem !important;
	overflow: visible !important;
}

html body .contentbg:has(#js_jackpot) .title_btn > div:last-child p,
body.pages-index-index .title_btn > div:last-child p,
html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-pill,
body.pages-index-index .title_btn .home-wallet-pill {
	position: static !important;
	flex: 0 1 2.05rem !important;
	width: 2.05rem !important;
	max-width: 2.05rem !important;
	min-width: 0 !important;
	height: 0.58rem !important;
	margin: 0 !important;
	padding: 0 0.1rem 0 0.06rem !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	gap: 0.06rem !important;
	border-radius: 999px !important;
	border: 0.01rem solid rgba(255, 213, 88, 0.56) !important;
	background: linear-gradient(180deg, rgba(8, 28, 65, 0.94), rgba(2, 9, 24, 0.98)) !important;
	box-shadow: inset 0 0 0.16rem rgba(255, 213, 88, 0.14), 0 0.04rem 0.12rem rgba(0, 0, 0, 0.34) !important;
	color: #fff !important;
	font-family: Arial, sans-serif !important;
	font-size: 0.22rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

html body .contentbg:has(#js_jackpot) .title_btn > div:last-child p img,
body.pages-index-index .title_btn > div:last-child p img,
html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-coin,
body.pages-index-index .title_btn .home-wallet-coin {
	flex: 0 0 0.38rem !important;
	width: 0.38rem !important;
	height: 0.38rem !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #7b3300 !important;
	font-size: 0.2rem !important;
	font-weight: 900 !important;
	line-height: 0.38rem !important;
	background: radial-gradient(circle at 32% 24%, #fff8b8, #ffd156 43%, #a94b00 100%) !important;
	border: 0.01rem solid #fff0a2 !important;
	box-shadow: 0 0 0.1rem rgba(255, 204, 65, 0.55) !important;
}

html body .contentbg:has(#js_jackpot) .title_btn .usd-symbol,
body.pages-index-index .title_btn .usd-symbol,
html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-currency,
body.pages-index-index .title_btn .home-wallet-currency,
html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-value,
body.pages-index-index .title_btn .home-wallet-value {
	min-width: 0 !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline-block !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 0.22rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

html body .contentbg:has(#js_jackpot) .title_btn .usd-symbol,
body.pages-index-index .title_btn .usd-symbol,
html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-currency,
body.pages-index-index .title_btn .home-wallet-currency {
	color: #fff2aa !important;
}

html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-value,
body.pages-index-index .title_btn .home-wallet-value {
	flex: 1 1 auto !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

html body .contentbg:has(#js_jackpot) .title_btn > div:last-child > img,
body.pages-index-index .title_btn > div:last-child > img,
html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-refresh,
body.pages-index-index .title_btn .home-wallet-refresh {
	position: static !important;
	flex: 0 0 0.34rem !important;
	width: 0.34rem !important;
	height: 0.34rem !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff2bb !important;
	font-size: 0.34rem !important;
	font-weight: 900 !important;
	line-height: 0.34rem !important;
	filter: drop-shadow(0 0 0.06rem rgba(255, 240, 187, 0.58)) !important;
}

html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-refresh::before,
body.pages-index-index .title_btn .home-wallet-refresh::before {
	content: "\21bb" !important;
}

html body .contentbg:has(#js_jackpot) .title_btn .uuu,
body.pages-index-index .title_btn .uuu,
html body .contentbg:has(#js_jackpot) .title_btn .home-deposit-pill,
body.pages-index-index .title_btn .home-deposit-pill {
	position: static !important;
	flex: 0 0 1.18rem !important;
	width: 1.18rem !important;
	min-width: 1.18rem !important;
	height: 0.58rem !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 0.15rem !important;
	font-size: 0.22rem !important;
	font-weight: 800 !important;
	line-height: 0.58rem !important;
	text-transform: none !important;
	white-space: nowrap !important;
}

.us-brandbar-standalone {
	grid-template-columns: minmax(0, 1fr) 2.05rem 1.18rem !important;
	column-gap: 0.07rem !important;
	padding: 0 0.12rem !important;
	overflow: hidden !important;
}

.us-brandbar-standalone .us-wallet-display {
	width: 2.05rem !important;
	max-width: 2.05rem !important;
	height: 0.58rem !important;
	padding: 0 0.1rem 0 0.06rem !important;
	gap: 0.06rem !important;
	overflow: hidden !important;
}

.us-brandbar-standalone .us-wallet-display span {
	min-width: 0 !important;
	display: block !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	font-size: 0.22rem !important;
	font-weight: 900 !important;
}

.us-brandbar-standalone .us-deposit-display {
	width: 1.18rem !important;
	min-width: 1.18rem !important;
}

@media (max-width: 360px) {
	html body .contentbg:has(#js_jackpot) .title_btn,
	body.pages-index-index .title_btn {
		padding-left: 0.1rem !important;
		padding-right: 0.1rem !important;
	}

	html body .contentbg:has(#js_jackpot) .title_btn > div:first-child,
	body.pages-index-index .title_btn > div:first-child,
	html body .contentbg:has(#js_jackpot) .title_btn .home-logo-box,
	body.pages-index-index .title_btn .home-logo-box {
		max-width: 2.48rem !important;
	}

	html body .contentbg:has(#js_jackpot) .title_btn .home-header-logo,
	body.pages-index-index .title_btn .home-header-logo,
	html body .contentbg:has(#js_jackpot) .title_btn > div:first-child img,
	body.pages-index-index .title_btn > div:first-child img {
		width: 2.38rem !important;
	}

	html body .contentbg:has(#js_jackpot) .title_btn > div:last-child,
	body.pages-index-index .title_btn > div:last-child,
	html body .contentbg:has(#js_jackpot) .title_btn .home-header-actions,
	body.pages-index-index .title_btn .home-header-actions {
		max-width: calc(100% - 2.34rem) !important;
		gap: 0.05rem !important;
	}

	html body .contentbg:has(#js_jackpot) .title_btn > div:last-child p,
	body.pages-index-index .title_btn > div:last-child p,
	html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-pill,
	body.pages-index-index .title_btn .home-wallet-pill {
		width: 1.7rem !important;
		max-width: 1.7rem !important;
		font-size: 0.19rem !important;
	}

	html body .contentbg:has(#js_jackpot) .title_btn .uuu,
	body.pages-index-index .title_btn .uuu,
	html body .contentbg:has(#js_jackpot) .title_btn .home-deposit-pill,
	body.pages-index-index .title_btn .home-deposit-pill {
		flex-basis: 1.05rem !important;
		width: 1.05rem !important;
		min-width: 1.05rem !important;
		font-size: 0.2rem !important;
	}
}

/* Header balance readability: keep the amount legible on the home page. */
html body .contentbg:has(#js_jackpot) .title_btn > div:first-child,
body.pages-index-index .title_btn > div:first-child,
html body .contentbg:has(#js_jackpot) .title_btn .home-logo-box,
body.pages-index-index .title_btn .home-logo-box {
	max-width: 2.38rem !important;
}

html body .contentbg:has(#js_jackpot) .title_btn .home-header-logo,
body.pages-index-index .title_btn .home-header-logo,
html body .contentbg:has(#js_jackpot) .title_btn > div:first-child img,
body.pages-index-index .title_btn > div:first-child img {
	width: 2.28rem !important;
}

html body .contentbg:has(#js_jackpot) .title_btn > div:last-child,
body.pages-index-index .title_btn > div:last-child,
html body .contentbg:has(#js_jackpot) .title_btn .home-header-actions,
body.pages-index-index .title_btn .home-header-actions {
	max-width: calc(100% - 2.24rem) !important;
	gap: 0.05rem !important;
}

html body .contentbg:has(#js_jackpot) .title_btn > div:last-child p,
body.pages-index-index .title_btn > div:last-child p,
html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-pill,
body.pages-index-index .title_btn .home-wallet-pill {
	flex-basis: 2.56rem !important;
	width: 2.56rem !important;
	max-width: 2.56rem !important;
	padding: 0 0.08rem 0 0.05rem !important;
	gap: 0.05rem !important;
	overflow: visible !important;
}

html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-coin,
body.pages-index-index .title_btn .home-wallet-coin {
	flex-basis: 0.34rem !important;
	width: 0.34rem !important;
	height: 0.34rem !important;
	font-size: 0.18rem !important;
	line-height: 0.34rem !important;
}

html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-value,
body.pages-index-index .title_btn .home-wallet-value {
	font-size: 0.2rem !important;
	letter-spacing: 0 !important;
	overflow: visible !important;
	text-overflow: clip !important;
	font-variant-numeric: tabular-nums !important;
}

html body .contentbg:has(#js_jackpot) .title_btn .home-wallet-refresh,
body.pages-index-index .title_btn .home-wallet-refresh {
	flex-basis: 0.3rem !important;
	width: 0.3rem !important;
	height: 0.3rem !important;
	font-size: 0.3rem !important;
	line-height: 0.3rem !important;
}

html body .contentbg:has(#js_jackpot) .title_btn .uuu,
body.pages-index-index .title_btn .uuu,
html body .contentbg:has(#js_jackpot) .title_btn .home-deposit-pill,
body.pages-index-index .title_btn .home-deposit-pill {
	flex-basis: 1.08rem !important;
	width: 1.08rem !important;
	min-width: 1.08rem !important;
	font-size: 0.2rem !important;
}

.us-brandbar-standalone {
	grid-template-columns: minmax(0, 1fr) 2.56rem 1.08rem !important;
	column-gap: 0.05rem !important;
}

.us-brandbar-standalone .us-wallet-display {
	width: 2.56rem !important;
	max-width: 2.56rem !important;
	padding: 0 0.08rem 0 0.05rem !important;
	gap: 0.05rem !important;
	overflow: visible !important;
}

.us-brandbar-standalone .us-wallet-display span {
	overflow: visible !important;
	text-overflow: clip !important;
	font-size: 0.2rem !important;
	font-variant-numeric: tabular-nums !important;
}

.us-brandbar-standalone .us-deposit-display {
	width: 1.08rem !important;
	min-width: 1.08rem !important;
	font-size: 0.2rem !important;
}

/* Top header no longer shows the deposit shortcut. */
html body .contentbg:has(#js_jackpot) .title_btn .uuu,
body.pages-index-index .title_btn .uuu,
html body .contentbg:has(#js_jackpot) .title_btn .home-deposit-pill,
body.pages-index-index .title_btn .home-deposit-pill,
.us-brandbar-standalone .us-deposit-display {
	display: none !important;
}

.us-brandbar-standalone {
	grid-template-columns: minmax(0, 1fr) 2.56rem !important;
}

/* Bigger floating support/share buttons with casino sparkle. */
html body .tg-float {
	right: 0.1rem !important;
	bottom: 1.56rem !important;
	z-index: 88 !important;
	gap: 0.18rem !important;
	overflow: visible !important;
}

html body .tg-float .tg-float-link {
	overflow: visible !important;
}

html body .tg-float .tg-float-btn {
	position: relative !important;
	display: block !important;
	border-radius: 0.16rem !important;
	overflow: visible !important;
	filter:
		drop-shadow(0 0.05rem 0.1rem rgba(0, 0, 0, 0.55))
		drop-shadow(0 0 0.1rem rgba(255, 221, 92, 0.72))
		drop-shadow(0 0 0.2rem rgba(255, 60, 45, 0.5)) !important;
	animation: tgFloatPulse 1.7s ease-in-out infinite !important;
}

html body .tg-float .tg-float-support {
	width: 1.4rem !important;
	margin-right: 0.12rem !important;
}

html body .tg-float .tg-float-share {
	width: 1.76rem !important;
}

html body .tg-float .tg-float-img {
	position: relative !important;
	z-index: 1 !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 0.14rem !important;
	filter: brightness(1.16) saturate(1.2) contrast(1.04) !important;
}

html body .tg-float .tg-float-btn::before,
html body .tg-float .tg-float-btn::after {
	content: "" !important;
	position: absolute !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

html body .tg-float .tg-float-btn::before {
	inset: -0.06rem !important;
	border-radius: 0.2rem !important;
	border: 0.025rem solid rgba(255, 238, 150, 0.92) !important;
	background:
		linear-gradient(115deg, transparent 18%, rgba(255, 255, 255, 0.7) 42%, transparent 58%) 150% 0 / 230% 100% no-repeat,
		radial-gradient(circle at 18% 14%, rgba(255, 255, 255, 0.96) 0 0.035rem, transparent 0.05rem),
		radial-gradient(circle at 84% 22%, rgba(255, 245, 150, 0.95) 0 0.03rem, transparent 0.05rem) !important;
	box-shadow:
		0 0 0.08rem rgba(255, 242, 170, 0.85),
		0 0 0.18rem rgba(255, 194, 52, 0.7),
		inset 0 0 0.08rem rgba(255, 246, 190, 0.45) !important;
	animation: tgFloatShine 1.85s ease-in-out infinite !important;
}

html body .tg-float .tg-float-btn::after {
	right: -0.08rem !important;
	top: -0.08rem !important;
	width: 0.24rem !important;
	height: 0.24rem !important;
	background:
		linear-gradient(90deg, transparent 44%, #fff7b8 45% 55%, transparent 56%),
		linear-gradient(0deg, transparent 44%, #fff7b8 45% 55%, transparent 56%) !important;
	filter: drop-shadow(0 0 0.08rem #fff2a8) !important;
	animation: tgFloatSpark 1.2s ease-in-out infinite alternate !important;
}

@keyframes tgFloatPulse {
	0%, 100% {
		transform: translateY(0) scale(1);
	}
	50% {
		transform: translateY(-0.035rem) scale(1.04);
	}
}

@keyframes tgFloatShine {
	0% {
		background-position: 145% 0, 0 0, 0 0;
		opacity: 0.72;
	}
	45% {
		background-position: -90% 0, 0 0, 0 0;
		opacity: 1;
	}
	100% {
		background-position: -90% 0, 0 0, 0 0;
		opacity: 0.74;
	}
}

@keyframes tgFloatSpark {
	from {
		opacity: 0.45;
		transform: scale(0.72) rotate(0deg);
	}
	to {
		opacity: 1;
		transform: scale(1.22) rotate(45deg);
	}
}

@media (max-width: 360px) {
	html body .tg-float {
		right: 0.06rem !important;
		bottom: 1.48rem !important;
		gap: 0.16rem !important;
	}

	html body .tg-float .tg-float-support {
		width: 1.28rem !important;
	}

	html body .tg-float .tg-float-share {
		width: 1.62rem !important;
	}
}

/* profile-color-unify: keep profile cards on the same navy/gold/red system. */
html body .profile-page,
html body .profile-page .topmenu {
	background: #020817 !important;
	color: #f7fbff !important;
}

html body .profile-page .topmenu {
	background:
		radial-gradient(circle at 14% 6%, rgba(54, 114, 255, 0.24), transparent 32%),
		linear-gradient(180deg, #071b3d 0%, #020817 100%) !important;
	border: 0.01rem solid rgba(255, 213, 88, 0.48) !important;
	box-shadow: inset 0 0 0.18rem rgba(82, 135, 235, 0.2), 0 0.08rem 0.18rem rgba(0, 0, 0, 0.36) !important;
}

html body .profile-page .link .li,
html body .profile-page .box_middle,
html body .profile-page .box_middle .two,
html body .profile-page .user-vipBox-top-qjsLR,
html body .profile-page .nav_vip,
html body .profile-page .box_line .first {
	background: linear-gradient(180deg, #071b3d 0%, #020b1d 100%) !important;
	border: 0.01rem solid rgba(255, 213, 88, 0.5) !important;
	box-shadow: inset 0 0 0.16rem rgba(82, 135, 235, 0.22), 0 0.05rem 0.15rem rgba(0, 0, 0, 0.32) !important;
	color: #f7fbff !important;
}

html body .profile-page .box_middle {
	background:
		radial-gradient(circle at 9% 14%, rgba(61, 145, 255, 0.28), transparent 34%),
		linear-gradient(135deg, #08224f 0%, #020b1d 100%) !important;
	border-color: rgba(255, 213, 88, 0.62) !important;
}

html body .profile-page .box_linetop,
html body .profile-page .box_line,
html body .profile-page .my_nav_botton {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body .profile-page .box_middle .one p,
html body .profile-page .box_middle .two p,
html body .profile-page .box_line .first p,
html body .profile-page .user-vipBox-progress-title-YNgk1,
html body .profile-page .user-vipBox-text-YbAzs,
html body .profile-page .user-vipBox-text-level-GSPYl,
html body .profile-page .user-vipBox-text-amount-HeclX,
html body .profile-page .link .li,
html body .profile-page .link .li navigator,
html body .profile-page .link .li div {
	color: #f7fbff !important;
	text-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.32) !important;
}

html body .profile-page .user-vipBox-text-level-GSPYl,
html body .profile-page .user-vipBox-text-amount-HeclX,
html body .profile-page .count-to {
	color: #fff2b8 !important;
	font-weight: 900 !important;
	text-shadow: 0 0 0.1rem rgba(255, 213, 88, 0.5), 0 0 0.04rem rgba(0, 0, 0, 0.75) !important;
}

html body .profile-page .profile-avatar-img {
	background: #020817 !important;
	border: 0.02rem solid rgba(255, 213, 88, 0.75) !important;
	box-shadow: 0 0 0.16rem rgba(255, 213, 88, 0.35), inset 0 0 0.12rem rgba(82, 135, 235, 0.18) !important;
}

html body .profile-page .brlclass,
html body .profile-page .user-vipBox-vip-JiEbB {
	background: linear-gradient(180deg, #ffe38c 0%, #d6a536 58%, #a66a08 100%) !important;
	border: 0.01rem solid rgba(255, 242, 184, 0.85) !important;
	color: #1b1205 !important;
	box-shadow: 0 0 0.12rem rgba(255, 213, 88, 0.38), inset 0 0.02rem 0 rgba(255, 255, 255, 0.35) !important;
}

html body .profile-page .countTextBox-img-box img,
html body .profile-page .box_line .first img {
	filter: brightness(1.2) drop-shadow(0 0 0.07rem rgba(255, 213, 88, 0.48)) !important;
}

html body .profile-page .my_nav_botton_list:first-child {
	background: linear-gradient(180deg, #ff4a38 0%, #d6251d 44%, #8f0711 100%) !important;
	border: 0.01rem solid rgba(255, 242, 184, 0.62) !important;
	color: #fff7d7 !important;
	box-shadow: inset 0 0.02rem 0 rgba(255, 255, 255, 0.3), 0 0 0.12rem rgba(255, 74, 56, 0.32) !important;
}

html body .profile-page .my_nav_botton_list:nth-child(2) {
	background: linear-gradient(180deg, #fff1a8 0%, #e2bd50 48%, #b98512 100%) !important;
	border: 0.01rem solid rgba(255, 242, 184, 0.82) !important;
	color: #1b1205 !important;
	box-shadow: inset 0 0.02rem 0 rgba(255, 255, 255, 0.4), 0 0 0.12rem rgba(255, 213, 88, 0.32) !important;
}

html body .profile-page .my_nav_botton_list:first-child div {
	color: #fff7d7 !important;
}

html body .profile-page .my_nav_botton_list:nth-child(2) div {
	color: #1b1205 !important;
}

html body .profile-page .box_line .first .van-icon,
html body .profile-page .user-vipBox-top-qjsLR .van-icon {
	color: #fff2b8 !important;
	text-shadow: 0 0 0.1rem rgba(255, 213, 88, 0.45) !important;
}

html body .profile-page .user-vipData-item-progress-val-kPyiX {
	background: rgba(255, 255, 255, 0.12) !important;
	border: 0.01rem solid rgba(255, 213, 88, 0.35) !important;
	box-shadow: inset 0 0 0.08rem rgba(0, 0, 0, 0.35) !important;
}

html body .profile-page .user-vipData-item-progress-val-kPyiX .van-progress__portion {
	background: linear-gradient(90deg, #ffe38c 0%, #ffb51c 100%) !important;
}

html body .profile-page .user-vipData-item-progress-val-kPyiX .van-progress__pivot {
	background: #020817 !important;
	border: 0.01rem solid rgba(255, 213, 88, 0.55) !important;
	color: #fff2b8 !important;
	font-weight: 900 !important;
}

/* Keep the fixed bottom navigation solid over the page/footer. */
html body .vantabbar.van-tabbar--fixed,
html body .vantabbar.van-tabbar,
html body .van-tabbar.van-tabbar--fixed,
html body .vantabbar.van-tabbar[data-v-335e850a] {
	background: linear-gradient(180deg, #11131f 0%, #050711 100%) !important;
	background-color: #050711 !important;
	background-image: linear-gradient(180deg, #11131f 0%, #050711 100%) !important;
	border-top: 0.01rem solid rgba(255, 213, 88, 0.28) !important;
	border-top-color: rgba(255, 213, 88, 0.28) !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

html body .vantabbar.van-hairline--top-bottom::before,
html body .vantabbar.van-hairline--top-bottom::after,
html body .van-tabbar.van-hairline--top-bottom::before,
html body .van-tabbar.van-hairline--top-bottom::after {
	display: none !important;
	border: 0 !important;
	background: transparent !important;
}

html body .vantabbar .van-tabbar-item,
html body .van-tabbar .van-tabbar-item {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

html body .vantabbar .van-tabbar-item--active,
html body .vantabbar .van-tabbar-item--active[data-v-335e850a],
body.pages-index-index .vantabbar .van-tabbar-item:first-child,
html body:has(#js_jackpot) .vantabbar .van-tabbar-item:first-child,
body.promotion-page-active .vantabbar .van-tabbar-item:nth-child(2),
body.pages-index-Promotion .vantabbar .van-tabbar-item:nth-child(2),
html body:has(.common-tabs-box):has(.listit2) .vantabbar .van-tabbar-item:nth-child(2) {
	background: linear-gradient(180deg, #7e1d20 0%, #451017 100%) !important;
	background-color: #5d151b !important;
	background-image: linear-gradient(180deg, #7e1d20 0%, #451017 100%) !important;
	border-color: rgba(255, 213, 88, 0.42) !important;
	box-shadow: none !important;
}

html body uni-tabbar,
html body uni-tabbar .uni-tabbar,
html body uni-tabbar.uni-tabbar-bottom .uni-tabbar,
html body uni-tabbar .uni-tabbar__item,
html body uni-tabbar .uni-tabbar__bd {
	background: linear-gradient(180deg, #11131f 0%, #050711 100%) !important;
	background-color: #050711 !important;
	background-image: linear-gradient(180deg, #11131f 0%, #050711 100%) !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body uni-tabbar .uni-tabbar-border {
	display: none !important;
	background: transparent !important;
}