html,
body,
#app,
* {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
#app::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

html,
body,
#app {
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 769px) {
  html {
    font-size: 75px !important;
    background: #050403 !important;
    overflow-y: scroll !important;
    scrollbar-gutter: stable !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }

  body {
    min-width: 0 !important;
    background: #050403 !important;
    overflow-x: hidden !important;
  }

  #app {
    width: 750px !important;
    max-width: 100vw !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    position: relative !important;
    overflow-x: hidden !important;
    background: var(--ag-bg, #070707) !important;
    box-shadow: 0 0 0 1px rgba(245, 201, 106, .16),
      0 22px 70px rgba(0, 0, 0, .58) !important;
  }

  body .recent-games,
  body .van-tabbar.van-tabbar--fixed,
  body .hallPage .head_area,
  body .hall .head_area,
  body .Findings .head_area,
  body .pageTop.van-nav-bar--fixed,
  body .van-nav-bar.van-nav-bar--fixed,
  body .accounts-head,
  body .chat-header {
    width: 750px !important;
    max-width: 100vw !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }

  body .recent-games {
    height: 100vh !important;
    background: var(--ag-bg, #070707) !important;
    color: var(--ag-text, #fff7df) !important;
  }

  body .van-tabbar.van-tabbar--fixed {
    box-sizing: border-box !important;
  }

  body .recent-games .head {
    width: 100% !important;
    box-sizing: border-box !important;
    background: #0b0906 !important;
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .recent-games .head * {
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .recent-games .gameliostss,
  body .recent-games .gameliostssinner {
    background: var(--ag-bg, #070707) !important;
    color: var(--ag-text, #fff7df) !important;
  }

  body .recent-games .accounts-list,
  body .recent-games .accounts-swipe-cell {
    max-width: 100% !important;
  }

  body .recent-games .accounts-list {
    background: var(--ag-panel, #15120c) !important;
    color: var(--ag-text, #fff7df) !important;
    border-bottom: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .recent-games .accounts-list-right,
  body .recent-games .accounts-list-right *,
  body .recent-games .nttitle,
  body .recent-games .nttitle * {
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .recent-games .lastContent {
    color: var(--ag-text-2, #ead8a4) !important;
  }

  body .recent-games img {
    filter: sepia(1) saturate(2.2) hue-rotate(355deg) brightness(1.12) contrast(1.02) !important;
  }

  body .recent-games img[src*="onlinelogo"],
  body .recent-games img[src*="onlinelogo-customer"] {
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  body .recent-games .accounts-swipe-cell {
    width: 100% !important;
  }

  body .recent-games .accounts-scroll {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body .recent-games .accounts-list .accounts-swipe-cell .accounts-list-right {
    width: calc(100% - 1.84rem) !important;
  }

  body .recent-games .accounts-list .accounts-swipe-cell .accounts-list-right .lastContent {
    max-width: calc(100% - .8rem) !important;
  }

  body #redPacket,
  body #redPacket1,
  body #redPacket2,
  body #redPacket3 {
    right: calc((100vw - 750px) / 2 + 12px) !important;
  }

  /* Mine page uses the same mobile layout on wide screens; only color rules apply. */
  body .person,
  body .person .topContent,
  body .person-list {
    background: var(--ag-bg, #070707) !important;
    color: var(--ag-text, #fff7df) !important;
  }

  body .person .actionList1 {
    background:
      radial-gradient(circle at 14% 18%, rgba(245, 201, 106, .22), transparent 25%),
      linear-gradient(135deg, rgba(34, 28, 15, .98), rgba(10, 8, 5, .99) 58%, rgba(28, 22, 11, .98)) !important;
    border: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    box-shadow: var(--ag-shadow, 0 .12rem .34rem rgba(0, 0, 0, .38)) !important;
  }

  body .person .actionList {
    background:
      linear-gradient(180deg, rgba(18, 14, 8, .98), rgba(6, 5, 3, .98)) !important;
    border: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    box-shadow: var(--ag-shadow, 0 .12rem .34rem rgba(0, 0, 0, .38)) !important;
  }

  body .person-list-p {
    background:
      linear-gradient(180deg, rgba(24, 20, 12, .98), rgba(12, 10, 6, .98)) !important;
    color: var(--ag-text, #fff7df) !important;
    border: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    box-shadow: var(--ag-shadow, 0 .12rem .34rem rgba(0, 0, 0, .38)) !important;
  }

  body .person .actionList1 *,
  body .person .actionList *,
  body .person-list-p * {
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .person .actionicon,
  body .person .actionicon1,
  body .person .person-list-p {
    text-shadow: 0 .03rem .08rem rgba(0, 0, 0, .55) !important;
  }

  body .person .actionicon img,
  body .person-list-p img {
    filter: sepia(1) saturate(2.2) hue-rotate(355deg) brightness(1.12) contrast(1.02) !important;
  }

  body .van-nav-bar:not(.van-nav-bar--fixed) {
    width: 750px !important;
    max-width: 100vw !important;
    margin: 0 auto !important;
  }

  body .van-nav-bar:not(.van-nav-bar--fixed) .van-nav-bar__content {
    width: 100% !important;
  }

  body:has(.saibox) #app,
  body:has(.saibox) #app > div,
  body:has(.saibox) #app > div > div,
  body:has(.saibox) #app div:not([class]),
  body:has(.saibox) .van-list {
    background: var(--ag-bg, #070707) !important;
    color: var(--ag-text, #fff7df) !important;
  }

  body .accounts .take_back {
    background:
      linear-gradient(180deg, var(--ag-gold, #f5c96a), var(--ag-gold-2, #d59b35)) !important;
    color: #160f05 !important;
    border: 1px solid rgba(255, 247, 223, .35) !important;
    box-shadow: 0 .08rem .2rem rgba(0, 0, 0, .28),
      inset 0 1px 0 rgba(255, 255, 255, .36) !important;
  }

  body .accounts-head {
    width: 750px !important;
    max-width: 100vw !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  body .accounts-scroll {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    scrollbar-width: none !important;
  }

  body .accounts-scroll::-webkit-scrollbar,
  body .accounts *::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  body .accounts .topArea,
  body .accounts .venuesDetail,
  body .accounts .venues,
  body .accounts .main-menu {
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body .accounts .main-menu {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    padding: 0 .24rem !important;
  }

  body .accounts .main-menu .item {
    flex: 1 1 25% !important;
    max-width: 25% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
  }

  body .app,
  body .app-ti_green,
  body .app-ti_green .pahsn,
  body .app-ti_green .header,
  body .app-ti_green .header__top-wrapper,
  body .transitionBody,
  body .hallPage,
  body .loginwindow,
  body .accounts,
  body .usrse,
  body .mine,
  body .wallet,
  body .recharge,
  body .withdrawal,
  body .transfer,
  body .money,
  body .activity,
  body .discover,
  body .Findings,
  body .FindingsContent,
  body .stream-chat-container,
  body:has(.vipshow),
  body:has(.vipshow) #app,
  body:has(.vipshow) #app > div,
  body:has(.vipshow) #app > div > div,
  body:has(.vipType),
  body:has(.vipType) #app,
  body:has(.vipType) #app > div,
  body:has(.vipType) #app > div > div,
  body:has(.FindingsContent) #app,
  body:has(.acts) #app,
  body:has(.accounts) #app,
  body:has(.message-title) #app,
  body:has(.message-detail) #app {
    background: var(--ag-bg, #070707) !important;
    color: var(--ag-text, #fff7df) !important;
  }

  body .pageTop,
  body .van-nav-bar,
  body .hall-head,
  body .hallPage .head_area,
  body .accounts-head,
  body .chat-header,
  body .head_area {
    background: #0b0906 !important;
    color: var(--ag-text, #fff7df) !important;
    border-bottom: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    box-shadow: 0 .08rem .22rem rgba(0, 0, 0, .34) !important;
  }

  body .hall-head {
    width: 750px !important;
    max-width: 100vw !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  body .pageTop,
  body .van-nav-bar,
  body .van-nav-bar.van-hairline--bottom,
  body .van-nav-bar.van-nav-bar--fixed {
    width: 750px !important;
    max-width: 100vw !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }

  body .pageTop .van-nav-bar__content,
  body .van-nav-bar .van-nav-bar__content,
  body .van-nav-bar__content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body .acts .topsa,
  body .acts .van-tabs__wrap {
    width: 750px !important;
    max-width: 100vw !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }

  body .acts .van-tabs__nav,
  body .acts .van-tabs__content {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body .acts .topsa .van-tabs__wrap,
  body .acts .topsa .van-tabs__nav,
  body .acts .topsa .van-tabs__content {
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  body .hallPage .van-pull-refresh,
  body .hallPage .van-pull-refresh__track,
  body .hallPage .van-pull-refresh__head {
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body .person .actionList1 {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body .person .actionicon1 {
    max-width: 50% !important;
    box-sizing: border-box !important;
  }

  body:has(.sdg) #app,
  body:has(.sdg) #app > div,
  body:has(.sdg) #app > div > div,
  body .sdg,
  body .sdgg,
  body .stddss,
  body .sdg > div:not(.van-nav-bar),
  body .sdgg > div:not(.van-nav-bar),
  body .venuesTansfer {
    background: var(--ag-bg, #070707) !important;
    color: var(--ag-text, #fff7df) !important;
  }

  body .sdg .tabVox,
  body .sdgg .tabVox,
  body .sdg .withdraw-icon-tabs,
  body .sdgg .withdraw-icon-tabs,
  body .sdg .qibao,
  body .sdg .mesg,
  body .sdg .gameBox,
  body .sdg .usrse,
  body .sdg .hgs {
    background: var(--ag-panel, #15120c) !important;
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .sdg .tab,
  body .sdg .withdraw-icon-tabs > div,
  body .sdg .bosgf,
  body .sdg .gameBox .lis,
  body .sdg .usrse .hgs,
  body .sdg .van-cell,
  body .sdg .van-cell-group,
  body .venuesTansfer .venuesList,
  body .venuesTansfer .bankbalance {
    background: var(--ag-panel, #15120c) !important;
    color: var(--ag-text, #fff7df) !important;
    border: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    box-shadow: var(--ag-shadow, 0 .12rem .34rem rgba(0, 0, 0, .38)) !important;
  }

  body .sdg .tab.atc,
  body .sdg .withdraw-icon-tabs > div[style*="174, 72, 242"],
  body .sdg .btns,
  body .sdg .van-button--info {
    background: linear-gradient(180deg, #ffe39a, var(--ag-gold-2, #d59b35) 58%, #8a5a19) !important;
    border-color: rgba(255, 229, 158, .62) !important;
    color: #120d05 !important;
    box-shadow: 0 .12rem .28rem rgba(213, 155, 53, .28) !important;
  }

  body .sdgg .usrse .hgs > div:not([class]),
  body .venuesTansfer .automatic,
  body .venuesTansfer .user-handle,
  body .venuesTansfer .topArea {
    background: var(--ag-panel, #15120c) !important;
    color: var(--ag-text, #fff7df) !important;
    border: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    box-shadow: var(--ag-shadow, 0 .12rem .34rem rgba(0, 0, 0, .38)) !important;
  }

  body .venuesTansfer .automatic *,
  body .venuesTansfer .user-handle *,
  body .venuesTansfer .topArea *,
  body .sdgg .usrse .hgs > div:not([class]) * {
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .venuesTansfer .van-button,
  body .venuesTansfer .btns {
    background: linear-gradient(180deg, #ffe39a, var(--ag-gold-2, #d59b35) 58%, #8a5a19) !important;
    color: #120d05 !important;
    border-color: rgba(255, 229, 158, .62) !important;
  }

  body .vipType .vipLis {
    background: linear-gradient(180deg, #1b160d, #0d0a06) !important;
    color: var(--ag-text-2, #ead8a4) !important;
    border: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 231, 169, .12) !important;
  }

  body .vipType .vipLis.on,
  body .vipType .vipLis.active,
  body .vipType .vipLis:first-child {
    color: var(--ag-gold, #f5c96a) !important;
    border-color: rgba(245, 201, 106, .55) !important;
  }

  body .sdg div[style*="rgb(248, 248, 248)"],
  body .sdgg div[style*="rgb(248, 248, 248)"] {
    background: #0b0906 !important;
  }

  body .loginwindow {
    background: var(--ag-bg, #070707) !important;
  }

  body .loginwindow .lginner,
  body .loginwindow .inputline,
  body .loginwindow .captcha-code,
  body .loginwindow input {
    background: var(--ag-panel, #15120c) !important;
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .loginwindow .gbline {
    right: calc((100vw - 750px) / 2 + .2rem) !important;
  }

  body .pageTop *,
  body .van-nav-bar *,
  body .hall-head *,
  body .head_area *,
  body .accounts-head *,
  body .chat-header *,
  body .app-ti_green .cnets,
  body .app-ti_green .tos,
  body .app-ti_green .bos,
  body .app-ti_green .zusnb,
  body .app-ti_green .van-field__label,
  body .app-ti_green .van-field__control {
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .vue-slim-better-scroll,
  body .vue-slim-better-scroll__wrapper,
  body .PulldownRefresh,
  body .van-pull-refresh,
  body .van-pull-refresh__track {
    background-color: transparent !important;
  }

  body .Findings,
  body .FindingsContent {
    min-height: 100vh !important;
    background: var(--ag-bg, #070707) !important;
    color: var(--ag-text, #fff7df) !important;
  }

  body .Findings .head_area {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body .Findings .mentItem {
    background: linear-gradient(180deg, rgba(30, 26, 17, .98), rgba(15, 12, 7, .98)) !important;
    color: var(--ag-text, #fff7df) !important;
    border: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    border-radius: .18rem !important;
    box-shadow: var(--ag-shadow, 0 .12rem .34rem rgba(0, 0, 0, .38)) !important;
  }

  body .Findings .mentItem:nth-child(3) {
    background:
      radial-gradient(circle at 82% 52%, rgba(245, 201, 106, .18), transparent 26%),
      linear-gradient(180deg, rgba(24, 20, 12, .98), rgba(10, 8, 5, .98)) !important;
    border-color: rgba(245, 201, 106, .38) !important;
  }

  body .Findings .leftArea,
  body .Findings .leftArea *,
  body .Findings .rightArea,
  body .Findings .rightArea *,
  body .Findings .mentText {
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .Findings .mentItem img,
  body .Findings .info_icon,
  body .Findings .meanuImg,
  body .Findings .headImg {
    filter: sepia(1) saturate(2.2) hue-rotate(355deg) brightness(1.12) contrast(1.02) !important;
  }

  body .acts,
  body .acts .consg,
  body .acts .topsa,
  body .acts .van-tabs__wrap,
  body .acts .van-tabs__nav,
  body .acts .van-tab,
  body .van-cell,
  body .van-cell-group,
  body .van-tabs__wrap,
  body .van-tabs__nav,
  body .van-tabs__content,
  body .van-dialog,
  body .van-popup,
  body .app-ti_green .zixun,
  body .app-ti_green .bsd,
  body .app-ti_green .van-form,
  body .app-ti_green .van-cell,
  body .app-ti_green .van-cell-group {
    background: var(--ag-panel, #15120c) !important;
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .acts .lis,
  body .acts .tite_sf,
  body .notice-modal-content,
  body .notice-modal-content *,
  body:has(.vipshow) #app div[style*="background"],
  body:has(.vipType) #app div[style*="background"],
  body .vipType,
  body .vipshow,
  body .vipshow .bisx,
  body .vipDetailStyle__table__2KDLc,
  body [class*="vipDetailStyle__"],
  body [class*="month__table"],
  body [class*="month__tableContent"],
  body [class*="month__table"] ul,
  body [class*="month__table"] li,
  body [class*="month__table"] span,
  body .guize_con,
  body .accounts-scroll,
  body .accounts .topArea,
  body .accounts .card_top,
  body .accounts .card_bottom,
  body .accounts .nums_box,
  body .accounts .venues,
  body .accounts .venuesList,
  body .accounts .topArea_card,
  body .accounts .venuesDetail,
  body .accounts .main-menu,
  body .accounts .main-menu .item,
  body .accounts .listbox .item,
  body .accounts .inner-box,
  body .accounts .out,
  body .Setting .set-list,
  body .Setting .set-list_item,
  body .usrse .hgs,
  body .usrse .hgsw,
  body .usrse .cardhgs,
  body .saibox,
  body .saibox .sai,
  body .saibox .lisg,
  body .saibox .bs,
  body .van-tabs-view,
  body .message-title,
  body .message-detail,
  body .detail-header,
  body .detail-content,
  body .home-recharge .lasthg,
  body .wrapper.green-wrapper,
  body .PayInfoTime,
  body .green-PayInfoTime,
  body .transaction-detail,
  body .transaction-detail.bg,
  body .transNum,
  body .tran-time,
  body .tran-type,
  body .footer,
  body .contact-customer,
  body .goback-button,
  body .hall .gamebox,
  body .hall .fishing-item,
  body .hall .room-item,
  body .hall .longbtn,
  body .hall .my-swipe,
  body .full-hall-game-list .gamebox,
  body .gameList,
  body .gameLis,
  body .all-into,
  body .bankbalance,
  body .lastbutton,
  body .button.onClickBack,
  body .amount-options,
  body .amount-options > *,
  body .textcns,
  body .tsg,
  body .tsgs,
  body .qibao,
  body .mesg,
  body .bosgf,
  body .typelist,
  body .typelist .lis,
  body .gameBox .lis,
  body .gamensg,
  body .toptit,
  body .poptit,
  body .main-number,
  body .left-top,
  body .van-share-sheet {
    background: var(--ag-panel, #15120c) !important;
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
    box-shadow: var(--ag-shadow, 0 .12rem .34rem rgba(0, 0, 0, .38)) !important;
  }

  body .accounts-scroll,
  body .accounts .topArea {
    background: #0e0b07 !important;
  }

  body .van-tabs__nav--card {
    border: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .van-tab,
  body .van-cell *,
  body .van-tabs__nav *,
  body .notice-modal-content *,
  body .vipType .vipLis,
  body [class*="month__table"] li,
  body [class*="vipDetailStyle__"] p,
  body [class*="vipDetailStyle__"] span {
    color: var(--ag-text-2, #ead8a4) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .van-tab--active,
  body .vipshow .ishw,
  body .vipshow .megs,
  body .vipshow .vip,
  body [class*="vipDetailStyle__"] strong,
  body [class*="vipDetailStyle__"] h3 {
    color: var(--ag-gold, #f5c96a) !important;
  }

  body .person-list-p,
  body .Setting .set-list_item,
  body .usrse .hgs,
  body .saibox .lisg,
  body .message-title,
  body .message-detail,
  body .amount-options > *,
  body .bosgf,
  body .PayInfoTime,
  body .transaction-detail,
  body .hall .gamebox,
  body .hall .fishing-item,
  body .hall .room-item,
  body .gameList,
  body .gameLis,
  body .typelist .lis,
  body .gameBox .lis,
  body .gamensg,
  body .poptit,
  body .main-number {
    border: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    border-radius: .18rem !important;
  }

  body .acts *,
  body .accounts *,
  body .Setting *,
  body .metransRecord *,
  body .usrse *,
  body .saibox *,
  body .van-tabs-view *,
  body .message-detail *,
  body .home-recharge *,
  body .Amount *,
  body .PayAmount *,
  body .wrapper.green-wrapper *,
  body .hall *,
  body .main *,
  body .full-hall-game-list *,
  body .gameList *,
  body .gameLis *,
  body .qibao *,
  body .mesg *,
  body .typelist *,
  body .gameBox *,
  body .poptit *,
  body .left-top *,
  body .main-number *,
  body .van-share-sheet * {
    color: var(--ag-text, #fff7df) !important;
    border-color: var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body .accounts .left-nums,
  body .accounts .moneyText,
  body .accounts .bots,
  body .accounts .take_back,
  body .accounts .refresh,
  body .message-time,
  body .detail-time,
  body .saibox .bs,
  body .num,
  body .nmey,
  body .longbtn-name,
  body .longbtn-category,
  body .PayInfoTime,
  body .Countdown,
  body .transNum,
  body .tran-time,
  body .tran-type,
  body .bankbalance .number,
  body .left-top .main-number {
    color: var(--ag-gold, #f5c96a) !important;
  }

  body .acts img,
  body .accounts img,
  body .sdgg img,
  body .Setting img,
  body .message-title img,
  body .message-detail img {
    filter: sepia(1) saturate(2.2) hue-rotate(355deg) brightness(1.12) contrast(1.02) !important;
  }

  body .accounts .main-menu .item img[src*="account-"],
  body .accounts .main-menu .item img[src$="/cz.png"],
  body .accounts .main-menu .item img[src$="/tx.png"],
  body .accounts .main-menu .item img[src$="/zz.png"],
  body .accounts .main-menu .item img[src$="/jl.png"] {
    background: transparent !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] {
    min-height: 100vh !important;
    background:
      radial-gradient(circle at 50% -8%, rgba(245, 201, 106, .18), transparent 34%),
      linear-gradient(180deg, #090704 0%, #050403 100%) !important;
    color: var(--ag-text, #fff7df) !important;
    padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .van-nav-bar {
    background: #090704 !important;
    border-bottom: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .32) !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .van-nav-bar__title,
  body #app > div > div[style*="rgb(237, 241, 255)"] .van-nav-bar .van-icon {
    color: var(--ag-text, #fff7df) !important;
    font-weight: 800 !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .van-tabs,
  body #app > div > div[style*="rgb(237, 241, 255)"] .van-tabs__content,
  body #app > div > div[style*="rgb(237, 241, 255)"] .van-tab__pane {
    background: transparent !important;
    color: var(--ag-text, #fff7df) !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .van-tabs__wrap {
    height: 46px !important;
    background: #100d08 !important;
    border-bottom: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .van-tabs__nav {
    background: #100d08 !important;
    padding: 0 10px !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .van-tab {
    color: var(--ag-muted, #b4a176) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    background: transparent !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .van-tab--active {
    color: var(--ag-gold, #f5c96a) !important;
    background: rgba(245, 201, 106, .08) !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .van-tabs__line {
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--ag-gold-3, #9f6e20), var(--ag-gold, #f5c96a), var(--ag-gold-2, #d59b35)) !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .van-tabs__content {
    min-height: calc(100vh - 92px) !important;
    padding: 18px 14px 28px !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .adds {
    width: min(92%, 460px) !important;
    margin: 18px auto 0 !important;
    padding: 20px 16px !important;
    text-align: center !important;
    background:
      linear-gradient(135deg, rgba(245, 201, 106, .12), rgba(245, 201, 106, .03)),
      #121008 !important;
    border: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    border-radius: 12px !important;
    box-shadow: var(--ag-shadow, 0 .12rem .34rem rgba(0, 0, 0, .38)) !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .adds .van-button {
    height: 46px !important;
    line-height: 44px !important;
    color: #1a1204 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    background: linear-gradient(180deg, #ffe58e 0%, #d99b2b 100%) !important;
    border: 1px solid rgba(255, 232, 153, .72) !important;
    border-radius: 24px !important;
    box-shadow: 0 8px 18px rgba(217, 155, 43, .22) !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .adds .btntits {
    margin-top: 12px !important;
    color: var(--ag-muted, #b4a176) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .lis {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 12px 14px !important;
    padding: 14px !important;
    background: linear-gradient(135deg, rgba(245, 201, 106, .11), rgba(0, 0, 0, .02)), #121008 !important;
    border: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    border-radius: 12px !important;
    box-shadow: var(--ag-shadow, 0 .12rem .34rem rgba(0, 0, 0, .38)) !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .lis .lefs {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    object-fit: contain !important;
    border-radius: 10px !important;
    filter: none !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .lis .cest {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    color: var(--ag-text, #fff7df) !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .lis .type {
    color: var(--ag-text, #fff7df) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .lis .num {
    margin-top: 4px !important;
    color: var(--ag-muted, #b4a176) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    word-break: break-all !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .lis .rigss {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    filter: sepia(1) saturate(2.1) hue-rotate(355deg) brightness(1.08) contrast(1.02) !important;
  }
}

/* Desktop keeps the same compact bottom navigation metrics as narrow screens. */
@media screen and (min-width: 769px) {
  body .van-tabbar,
  body .van-tabbar[data-v-a30fa3f6] {
    box-sizing: border-box !important;
    height: calc(58px + env(safe-area-inset-bottom)) !important;
    min-height: calc(58px + env(safe-area-inset-bottom)) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
    background: #0b0906 !important;
    border-top: 1px solid var(--ag-line, rgba(245, 201, 106, .22)) !important;
    box-shadow: 0 -4px 14px rgba(0, 0, 0, .42) !important;
  }

  body .van-tabbar.van-tabbar--fixed,
  body .van-hairline--top-bottom.van-tabbar.van-tabbar--fixed[data-v-a30fa3f6] {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    overflow: hidden !important;
  }

  body .van-tabbar-item,
  body .van-tabbar-item[data-v-a30fa3f6] {
    height: 58px !important;
    min-height: 58px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    color: var(--ag-muted, #b4a176) !important;
    background: transparent !important;
  }

  body .van-tabbar-item--active,
  body .van-tabbar-item--active[data-v-a30fa3f6] {
    color: var(--ag-gold, #f5c96a) !important;
    background: rgba(245, 201, 106, .08) !important;
  }

  body .van-tabbar-item__icon {
    margin-bottom: 3px !important;
    font-size: 20px !important;
  }

  body .van-tabbar-item__icon img,
  body .van-tabbar-item__icon img[data-v-a30fa3f6],
  body .van-tabbar-item__icon .no,
  body .van-tabbar-item__icon .no[data-v-a30fa3f6] {
    width: 20px !important;
    height: 20px !important;
    margin-bottom: 4px !important;
  }

  body .max_box,
  body .max_box[data-v-a30fa3f6] {
    height: 58px !important;
  }

  body .person .person-list,
  body .hallPage .maincontent,
  body .hallPage .main_content,
  body .recent-games .main_content,
  body .safe-bottom {
    padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
  }

  body .accounts .main-menu .item .bgbox,
  body .accounts .main-menu .item .out-transfer,
  body .accounts .main-menu .item .cash-out,
  body .accounts .main-menu .item .venues-transfer {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body .accounts .main-menu .item img[src*="account-"],
  body .accounts .main-menu .item img[src$="/cz.png"],
  body .accounts .main-menu .item img[src$="/tx.png"],
  body .accounts .main-menu .item img[src$="/zz.png"],
  body .accounts .main-menu .item img[src$="/jl.png"] {
    background: transparent !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}