:root,
:host {
  --laxmi-bg: #030514;
  --laxmi-panel: rgba(12, 16, 42, 0.92);
  --laxmi-panel-soft: rgba(18, 12, 54, 0.78);
  --laxmi-line: rgba(25, 221, 255, 0.26);
  --laxmi-pink: #ff2fd6;
  --laxmi-purple: #8a35ff;
  --laxmi-cyan: #19ddff;
  --laxmi-gold: #ffd36a;
  --laxmi-green: #20f59a;
  --laxmi-text: #ffffff;
  --laxmi-muted: #b7c0e8;

  --main-color: var(--laxmi-cyan) !important;
  --main-gradient-start: var(--laxmi-cyan) !important;
  --main-gradient-end: var(--laxmi-pink) !important;
  --main_gradient-color: linear-gradient(135deg, var(--laxmi-cyan), var(--laxmi-purple) 56%, var(--laxmi-pink)) !important;
  --main_gradient-color2: linear-gradient(90deg, var(--laxmi-cyan), var(--laxmi-purple), var(--laxmi-pink)) !important;
  --bg_color_L1: #030514 !important;
  --bg_color_L2: #0b102b !important;
  --bg_color_L3: #15103a !important;
  --darkBg: #0b102b !important;
  --text_color_L1: #ffffff !important;
  --text_color_L2: #b7c0e8 !important;
  --text_color_L3: #7f88b4 !important;
  --text_color_L4: #ffffff !important;
  --Dividing-line_color: rgba(25, 221, 255, 0.18) !important;
  --bg_HomeModule_Stroke: rgba(255, 47, 214, 0.28) !important;
  --bg_HomeModule_Padding: linear-gradient(180deg, rgba(18, 23, 56, .9), rgba(8, 10, 30, .92)) !important;
  --norm_red-color: #ff4f7a !important;
  --norm_green-color: #20f59a !important;
  --norm_secondary-color: #8a35ff !important;
  --norm_Purple-color: #b659fe !important;
  --norm_bule-color: #19ddff !important;

  --van-primary-color: var(--laxmi-cyan) !important;
  --van-success-color: var(--laxmi-green) !important;
  --van-danger-color: #ff4f7a !important;
  --van-warning-color: var(--laxmi-gold) !important;
  --van-text-color: #ffffff !important;
  --van-text-color-2: var(--laxmi-muted) !important;
  --van-text-color-3: #7f88b4 !important;
  --van-background: #030514 !important;
  --van-background-2: #0b102b !important;
  --van-background-3: #15103a !important;
  --van-border-color: rgba(25, 221, 255, 0.18) !important;
  --van-popup-background: #090d27 !important;
  --van-dialog-background: #0b102b !important;
  --van-cell-background: #0b102b !important;
}

html,
body,
#app {
  color: var(--laxmi-text) !important;
  background:
    radial-gradient(circle at 12% -8%, rgba(25, 221, 255, 0.18), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(255, 47, 214, 0.18), transparent 28%),
    linear-gradient(180deg, #02030d 0%, var(--laxmi-bg) 100%) !important;
}

body {
  font-family: "Bahnschrift", "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

#app {
  position: relative;
}

#app:before {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .55;
}

.navbar-fixed,
.navbar__content,
.van-nav-bar {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(4, 7, 28, .98), rgba(8, 10, 34, .94)) !important;
  border-bottom: 1px solid rgba(25, 221, 255, .18) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.32), inset 0 -1px 0 rgba(255,47,214,.14) !important;
}

.navbar__content-center,
.van-nav-bar__title,
.van-nav-bar__text,
.van-nav-bar .van-icon {
  color: #fff !important;
  text-shadow: 0 0 12px rgba(25, 221, 255, .28);
}

.headLogo,
.navbar img {
  filter: drop-shadow(0 0 12px rgba(255,47,214,.28)) drop-shadow(0 0 8px rgba(25,221,255,.2));
}

#app .noticeBar__container,
.lottery-notice {
  color: #fff !important;
  background: linear-gradient(90deg, rgba(20, 16, 56, .88), rgba(10, 20, 56, .88)) !important;
  border: 1px solid rgba(138, 53, 255, .26) !important;
  box-shadow: 0 0 18px rgba(255, 47, 214, .12) !important;
}

.van-swipe,
.swiper {
  border: 1px solid rgba(255, 47, 214, .24) !important;
  box-shadow: 0 0 24px rgba(25, 221, 255, .12), inset 0 0 24px rgba(138, 53, 255, .1) !important;
}

.home,
.public5BlackGoldHome,
.lottery,
.wallet,
.activity,
.promotion,
.main {
  color: #fff !important;
  background-color: transparent !important;
}

.Wallet__C-balance,
.Recharge__container-balanceAssets,
.Recharge__container-paymoney,
.Recharge__content-paymoney,
.Recharge__content-quickInfo,
.GameList__C,
.lottery-info,
.GameRecord__C,
.MyGameRecord__C,
.K3B__C {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(15, 20, 50, .92), rgba(8, 11, 31, .92)) !important;
  border: 1px solid rgba(25, 221, 255, .18) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.GameList__C-item.active,
.gameTypeItem.active,
.RecordNav__C > div.active,
.Recharge__container-tabcard__items.active,
.Recharge__content-paymoney__money-list__item.active,
.Recharge__container-paymoney__money-list__item.active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--laxmi-cyan), var(--laxmi-purple) 56%, var(--laxmi-pink)) !important;
  box-shadow: 0 0 18px rgba(255, 47, 214, .28), 0 0 12px rgba(25,221,255,.18) !important;
}

.gameTypeItem,
.allGame,
.miniGame,
.GameList__C-item {
  color: #fff !important;
  border-color: rgba(138, 53, 255, .22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 18px rgba(0,0,0,.22) !important;
}

.allGame img,
.miniGame img,
.gameIcon,
.lottery_img {
  filter: saturate(1.18) contrast(1.05) drop-shadow(0 8px 14px rgba(0,0,0,.28));
}

.van-button--primary,
.van-button--success,
.van-button--danger,
.van-button--warning,
.Recharge__container-rechageBtn,
.bet-rule-foot-btn,
.bet_p-btn,
.TimeLeft__C-PreSale-foot-btn {
  color: #fff !important;
  border: 0 !important;
  background: linear-gradient(135deg, var(--laxmi-cyan), var(--laxmi-purple) 56%, var(--laxmi-pink)) !important;
  box-shadow: 0 8px 20px rgba(138,53,255,.28), 0 0 14px rgba(25,221,255,.14) !important;
}

.van-popup,
.van-dialog,
.van-action-sheet {
  color: #fff !important;
  background: #090d27 !important;
  border: 1px solid rgba(25, 221, 255, .18) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.45) !important;
}

.bet-rule-head,
.bet_p-PreSale-head,
.TimeLeft__C-PreSale-head {
  color: #fff !important;
  background: linear-gradient(135deg, var(--laxmi-cyan), var(--laxmi-purple), var(--laxmi-pink)) !important;
}

.van-tabbar,
.tabbar__container {
  color: var(--laxmi-muted) !important;
  background: linear-gradient(180deg, rgba(13,18,45,.96), rgba(6,8,24,.98)) !important;
  border-top: 1px solid rgba(138,53,255,.26) !important;
  box-shadow: 0 -10px 28px rgba(0,0,0,.38), 0 0 20px rgba(138,53,255,.14) !important;
}

.van-tabbar-item--active,
.tabbar__container-item.active {
  color: #fff !important;
  text-shadow: 0 0 12px rgba(25,221,255,.28);
}

input,
textarea,
select,
.van-field__control {
  color: #fff !important;
  background-color: rgba(5, 8, 26, .82) !important;
  border-color: rgba(25,221,255,.22) !important;
}

input::placeholder,
textarea::placeholder,
.van-field__control::placeholder {
  color: #818ab5 !important;
}

.van-overlay {
  background: rgba(0,0,0,.62) !important;
  backdrop-filter: blur(4px);
}

.van-toast {
  color: #fff !important;
  background: rgba(9, 13, 39, .96) !important;
}

[style*="color: rgb(50, 53, 54)"],
[style*="color:#323536"],
[style*="color: #323536"] {
  color: #fff !important;
}

/* Header logo and public bottom navigation fixes. */
#app .navbar__content {
  position: relative !important;
}

#app .navbar__content-left {
  z-index: 30 !important;
  pointer-events: auto !important;
}

#app .navbar__content-left .van-icon,
#app .navbar__content-left svg,
#app .navbar__content-left i {
  pointer-events: auto !important;
}

#app .navbar__content-left:has(> img) {
  left: .32rem !important;
  right: auto !important;
  width: auto !important;
  transform: none !important;
  z-index: 30 !important;
}

#app .navbar__content-left > img {
  width: auto !important;
  max-width: 3rem !important;
  height: .9rem !important;
  object-fit: contain !important;
}

#app .navbar__content:has(.navbar__content-right .down) .navbar__content-left:has(> img) {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

#app .navbar__content:has(.navbar__content-right .down) .navbar__content-right {
  left: .32rem !important;
  right: .32rem !important;
  top: 0 !important;
  width: auto !important;
  height: 100% !important;
  pointer-events: none !important;
}

#app .navbar__content:has(.navbar__content-right .nav-btn) .navbar__content-left:has(> img) {
  left: .32rem !important;
  transform: none !important;
}

#app .navbar__content:has(.navbar__content-right .down) .navbar__content-left > img {
  max-width: 3.45rem !important;
  height: 1rem !important;
}

#app .navbar__content-right {
  left: auto !important;
  right: .32rem !important;
  top: 0 !important;
  width: auto !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

#app .navbar__content:has(.navbar__content-right .nav-btn) .navbar__content-right {
  left: auto !important;
  right: .28rem !important;
  top: 50% !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .12rem !important;
  transform: translateY(-50%) !important;
  pointer-events: auto !important;
}

#app .navbar__content-right:has(.title),
#app .navbar__content-right:has(.withdraw-history-link) {
  position: absolute !important;
  left: auto !important;
  right: .34rem !important;
  top: 50% !important;
  width: auto !important;
  height: auto !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}

#app .navbar__content-right:has(> .svg-icon):not(:has(.title)):not(:has(.nav-btn)):not(:has(.down)) {
  left: auto !important;
  right: .34rem !important;
  top: 50% !important;
  width: auto !important;
  height: auto !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  z-index: 6 !important;
  pointer-events: auto !important;
}

#app .navbar__content-right .title {
  position: static !important;
  right: 0 !important;
  top: auto !important;
  transform: none !important;
  color: #fff !important;
  font-size: .32rem !important;
  font-weight: 700 !important;
  line-height: .42rem !important;
  text-align: right !important;
  white-space: nowrap !important;
  width: auto !important;
}

#app .withdraw-history-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-width: 2.15rem !important;
  height: .54rem !important;
  line-height: .54rem !important;
  text-align: right !important;
  color: #fff !important;
  font-size: .32rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

#app .Withdraw__C .navbar__content-right,
#app [class*="Withdraw"] .navbar__content-right:has(.withdraw-history-link) {
  position: absolute !important;
  left: auto !important;
  right: .34rem !important;
  top: 50% !important;
  width: auto !important;
  height: auto !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  pointer-events: auto !important;
  z-index: 35 !important;
}

#app .Withdraw__C .withdraw-history-link,
#app [class*="Withdraw"] .withdraw-history-link {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-width: 2.25rem !important;
  height: .56rem !important;
  line-height: .56rem !important;
  color: #fff !important;
  font-size: .32rem !important;
  font-weight: 700 !important;
  text-align: right !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
}

#app .navbar__content-right .right,
#app .navbar__content-right .down,
#app .navbar__content-right .nav-btn,
#app .navbar__content-right button,
#app .navbar__content-right a,
#app .navbar__content-right .svg-icon {
  pointer-events: auto !important;
}

#app .navbar__content-right .right {
  position: absolute !important;
  right: 0 !important;
  top: 54% !important;
  display: flex !important;
  transform: translateY(-50%) !important;
  pointer-events: auto !important;
  color: #fff !important;
  background: linear-gradient(90deg, rgba(12, 10, 38, .96), rgba(31, 13, 62, .92)) !important;
  border: 1px solid rgba(255,47,214,.42) !important;
  border-radius: .44rem !important;
  box-shadow: 0 0 14px rgba(25,221,255,.18), inset 0 0 10px rgba(255,47,214,.12) !important;
}

#app .navbar__content-right .down {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 54% !important;
  z-index: 10020 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: .84rem !important;
  height: .84rem !important;
  padding: .14rem !important;
  transform: translateY(-50%) !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--laxmi-cyan), var(--laxmi-purple), var(--laxmi-pink)) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 14px rgba(25,221,255,.36) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

#app .navbar__content-right .down,
#app .navbar__content-right .down * {
  pointer-events: auto !important;
}

@media screen and (max-width: 500px) {
  #app .navbar__content-right .down {
    left: 0 !important;
    right: auto !important;
  }
}

#app .tabbar__container[data-v-58c5bdfc] {
  align-items: center !important;
  height: 1.92rem !important;
  padding: .16rem .12rem .08rem !important;
  overflow: visible !important;
  background: linear-gradient(180deg, rgba(13,18,45,.98), rgba(6,8,24,.99)) !important;
  border: 1px solid rgba(138,53,255,.28) !important;
  border-radius: .38rem !important;
}

#app .tabbar__container-item[data-v-58c5bdfc],
#app .tabbar__container-item.active[data-v-58c5bdfc],
#app .tabbar__container-item.active[data-v-58c5bdfc]:not(.home),
#app .tabbar__container-item.home[data-v-58c5bdfc],
#app .tabbar__container-item.active.home[data-v-58c5bdfc] {
  top: 0 !important;
  height: 100% !important;
  overflow: visible !important;
  padding-top: 1.04rem !important;
  color: var(--laxmi-muted) !important;
  font-size: .29333rem !important;
  line-height: .34rem !important;
  background-size: .78rem .78rem !important;
  background-position: center .22rem !important;
}

#app .tabbar__container-item.active[data-v-58c5bdfc] {
  color: #fff !important;
  text-shadow: 0 0 10px rgba(25,221,255,.36) !important;
}

#app .tabbar__container-item.home[data-v-58c5bdfc] {
  background-image: url(/assets/svg/tab_home.svg) !important;
}

#app .tabbar__container-item.active.home[data-v-58c5bdfc] {
  background-image: url(/assets/svg/tab_home_active.svg) !important;
}

#app .tabbar__container-item.activity[data-v-58c5bdfc] {
  background-image: url(/assets/svg/tab_activity.svg) !important;
}

#app .tabbar__container-item.active.activity[data-v-58c5bdfc] {
  background-image: url(/assets/svg/tab_activity_active.svg) !important;
}

#app .tabbar__container-item.promotion[data-v-58c5bdfc] {
  background-image: url(/assets/svg/tab_promotion.svg) !important;
  background-size: 1.06rem 1.06rem !important;
  background-position: center .1rem !important;
  color: #ff86ee !important;
  padding-top: 1.2rem !important;
  border-radius: .18rem !important;
  position: relative !important;
  z-index: 2 !important;
  text-shadow: 0 0 12px rgba(255,47,214,.45) !important;
}

#app .tabbar__container-item.active.promotion[data-v-58c5bdfc] {
  background-image: url(/assets/svg/tab_promotion_active.svg) !important;
  background-size: 1.16rem 1.16rem !important;
  background-position: center .06rem !important;
  color: #fff !important;
  padding-top: 1.24rem !important;
  border-radius: .18rem !important;
  text-shadow: 0 0 14px rgba(255,47,214,.7), 0 0 18px rgba(138,53,255,.45) !important;
}

#app .tabbar__container-item.promotion[data-v-58c5bdfc]::before {
  content: none !important;
  display: none !important;
}

#app .tabbar__container-item.active.promotion[data-v-58c5bdfc]::before {
  content: none !important;
  display: none !important;
}

#app .tabbar__container-item.wallet[data-v-58c5bdfc] {
  background-image: url(/assets/svg/tab_wallet.svg) !important;
}

#app .tabbar__container-item.active.wallet[data-v-58c5bdfc] {
  background-image: url(/assets/svg/tab_wallet_active.svg) !important;
}

#app .tabbar__container-item.main[data-v-58c5bdfc] {
  background-image: url(/assets/svg/tab_account.svg) !important;
}

#app .tabbar__container-item.active.main[data-v-58c5bdfc] {
  background-image: url(/assets/svg/tab_account_active.svg) !important;
}

#app .svg-icon,
#app img[src*="/assets/png/icon_"],
#app img[src*="/assets/svg/"],
#app .gameIcon,
#app .float-entry,
#app .customer img,
#app .noticeBar__container > svg,
#app .allGame .head img,
#app .popular .title img,
#app .game .nav img,
#app .lobbyItem .h .d > div {
  filter: saturate(1.25) contrast(1.08) drop-shadow(0 0 8px rgba(25,221,255,.2)) drop-shadow(0 0 10px rgba(255,47,214,.14)) !important;
}

#app .game .nav > div,
#app .category,
#app .allGame .head,
#app .popular .title,
#app .okwin2Home_slot .title,
#app .okwin2Home_fish .title,
#app .okwin2Home_flash .title,
#app .okwin2Home_lottery .title,
#app .okwin2Home_sport .title,
#app .okwin2Home_video .title,
#app .okwin2Home_popular .title,
#app .okwin2Home_chess .title {
  color: #fff !important;
}

#app .game .nav > div img,
#app .customer {
  border-radius: .28rem !important;
  background: linear-gradient(180deg, rgba(25,221,255,.12), rgba(255,47,214,.12)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 16px rgba(138,53,255,.16) !important;
}

#app .float-entry {
  background-color: transparent !important;
  box-shadow: none !important;
}

#app .container[data-v-6cf5705a] {
  align-items: center !important;
  padding-right: .34rem !important;
  padding-left: .34rem !important;
}

#app .container .amount[data-v-6cf5705a],
#app .container .amount_txt[data-v-6cf5705a],
#app .container .tip[data-v-6cf5705a] {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

#app .container .info_content[data-v-6cf5705a] {
  align-self: center !important;
}