:root {
  --ag-bg: #070707;
  --ag-bg-2: #0d0b08;
  --ag-panel: #15120c;
  --ag-panel-2: #1e1a11;
  --ag-panel-3: #292113;
  --ag-gold: #f5c96a;
  --ag-gold-2: #d59b35;
  --ag-gold-3: #9f6e20;
  --ag-text: #fff7df;
  --ag-text-2: #ead8a4;
  --ag-muted: #b4a176;
  --ag-line: rgba(245, 201, 106, .22);
  --ag-shadow: 0 .12rem .34rem rgba(0, 0, 0, .38);
}

@media screen and (max-width: 768px) {
  html,
  body,
  #app {
    min-height: 100%;
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
    overflow-x: hidden !important;
  }

  * {
    box-sizing: border-box;
  }

  img,
  video,
  canvas,
  iframe {
    max-width: 100%;
  }

  a,
  button,
  .van-button,
  [role="button"] {
    -webkit-tap-highlight-color: transparent;
  }

  body .pageTop,
  body .van-nav-bar,
  body .hallPage .head_area,
  body .accounts-head,
  body .chat-header,
  body [class*="-head"],
  body [class*="Head"] {
    background: #0b0906 !important;
    color: var(--ag-text) !important;
    border-bottom: 1px solid var(--ag-line) !important;
    box-shadow: 0 .08rem .22rem rgba(0, 0, 0, .34) !important;
  }

  body .van-nav-bar__title,
  body .van-nav-bar .van-icon,
  body .pageTop,
  body .hallPage .head_area .head_text,
  body .accounts-head-text,
  body [class*="head-text"],
  body [class*="header-title"] {
    color: var(--ag-text) !important;
    letter-spacing: 0 !important;
  }

  body .hallPage,
  body .loginwindow,
  body .transitionBody,
  body .accounts,
  body .usrse,
  body .mine,
  body .wallet,
  body .recharge,
  body .withdrawal,
  body .transfer,
  body .money,
  body .activity,
  body .discover,
  body .stream-chat-container,
  body [class*="Page"],
  body [class*="page"] {
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
  }

  body .hallPage .maincontent,
  body .hallPage .toppart,
  body .hallPage .hallinner,
  body .vue-slim-better-scroll,
  body .vue-slim-better-scroll__wrapper,
  body [class*="scroll"],
  body [class*="content"],
  body [class*="container"] {
    background-color: transparent !important;
  }

  body .van-tabbar {
    height: calc(1.52rem + env(safe-area-inset-bottom)) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
    background: #0b0906 !important;
    border-top: 1px solid var(--ag-line) !important;
    box-shadow: 0 -.1rem .34rem rgba(0, 0, 0, .42) !important;
  }

  body .van-tabbar-item {
    color: var(--ag-muted) !important;
    background: transparent !important;
    font-weight: 600 !important;
  }

  body .van-tabbar-item--active {
    color: var(--ag-gold) !important;
    background: rgba(245, 201, 106, .08) !important;
  }

  body .colosline,
  body .hallPage .colosline,
  body .hallPage .line,
  body .van-tabs__line,
  body .acts .van-tabs__line {
    background: linear-gradient(90deg, var(--ag-gold-3), var(--ag-gold), var(--ag-gold-2)) !important;
  }

  body .van-tab,
  body .van-tabs__nav,
  body .van-tabs__wrap {
    background: transparent !important;
    color: var(--ag-muted) !important;
  }

  body .van-tab--active,
  body .acts .van-tab--active,
  body .metransRecord .van-tabs__nav--card .van-tab.van-tab--active {
    color: var(--ag-gold) !important;
    background: rgba(245, 201, 106, .09) !important;
  }

  body .van-cell,
  body .van-cell-group,
  body .van-field,
  body .van-popup,
  body .van-dialog,
  body .van-picker,
  body .van-action-sheet,
  body .van-calendar,
  body .van-password-input__security li,
  body .van-sku-container {
    background: var(--ag-panel) !important;
    color: var(--ag-text) !important;
  }

  body .van-cell:after,
  body [class*=van-hairline]:after {
    border-color: var(--ag-line) !important;
  }

  body .van-cell__title,
  body .van-cell__value,
  body .van-field__label,
  body .van-field__control,
  body .van-picker-column__item,
  body .van-dialog__message {
    color: var(--ag-text) !important;
  }

  body .van-field__control::placeholder,
  body input::placeholder,
  body textarea::placeholder {
    color: rgba(234, 216, 164, .58) !important;
  }

  body input,
  body textarea,
  body select,
  body .van-field__control,
  body .loginwindow .inputline,
  body .LoginSquare .inputline,
  body .usrse .van-field__control {
    min-height: .96rem;
    background: #211b10 !important;
    color: var(--ag-text) !important;
    border: 1px solid var(--ag-line) !important;
    border-radius: .18rem !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
  }

  body .loginwindow .inputline,
  body .LoginSquare .inputline {
    display: flex;
    align-items: center;
    overflow: hidden;
  }

  body .loginwindow .inputline input,
  body .LoginSquare .inputline input {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body .van-button--info,
  body .van-button--primary,
  body .van-dialog__confirm,
  body .btn_item1,
  body .loginbtn,
  body .loginbtn1,
  body [class*="submit"],
  body [class*="Submit"],
  body [class*="confirm"],
  body [class*="Confirm"] {
    min-height: .9rem;
    background: linear-gradient(180deg, #ffe39a, var(--ag-gold-2) 58%, #8a5a19) !important;
    border: 1px solid rgba(255, 229, 158, .6) !important;
    color: #120d05 !important;
    font-weight: 800 !important;
    border-radius: .18rem !important;
    box-shadow: 0 .12rem .28rem rgba(213, 155, 53, .28) !important;
  }

  body .van-button--default,
  body .btn_item2,
  body [class*="cancel"],
  body [class*="Cancel"] {
    background: #19140c !important;
    border: 1px solid var(--ag-line) !important;
    color: var(--ag-text-2) !important;
  }

  body .hallPage .noticecontent,
  body .hallPage .centerArea,
  body .hallPage .outerbox,
  body .notice-modal-content,
  body .accounts .topArea_card,
  body .accounts .venuesDetail,
  body .accounts .main-menu,
  body .usrse .hgs,
  body .tablebox,
  body .listbox,
  body .lineboxdiv,
  body .van-card,
  body .van-panel,
  body .card,
  body .panel,
  body .listTag,
  body .inviter-fixed-panel {
    background-color: var(--ag-panel) !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
    box-shadow: var(--ag-shadow) !important;
  }

  body .hallPage .noticecontent .van-notice-bar,
  body .hallPage .noticecontent .van-notice-bar__wrap,
  body .van-notice-bar {
    background: #1b160d !important;
    color: var(--ag-text-2) !important;
  }

  body .hallPage .centerArea .left_content .logindd,
  body .hallPage .centerArea .left_content .logindd1,
  body .hallPage .centerArea .left_content .toptit,
  body .hallPage .right_item_span,
  body .notice-modal-body,
  body .van-cell__label,
  body .van-sku-header-item,
  body [class*="tips"],
  body [class*="Tips"],
  body [class*="desc"],
  body [class*="Desc"] {
    color: var(--ag-muted) !important;
  }

  body .hallPage .centerArea .left_content .logindd2,
  body .moneyText,
  body [class*="money"],
  body [class*="Money"],
  body [class*="nums"],
  body [class*="Nums"],
  body [class*="balance"],
  body [class*="Balance"],
  body .price,
  body .van-sku__goods-price {
    color: var(--ag-gold) !important;
  }

  body .hallPage .gamenavs,
  body .hallPage .gameList,
  body .hallPage .longbtn,
  body .room-item,
  body .item,
  body .list .item {
    background-color: #14100a !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
  }

  body .room-item,
  body .lineboxdiv > div,
  body .tablebox div,
  body .van-grid-item__content {
    border-color: var(--ag-line) !important;
  }

  body .van-loading,
  body .van-loading__text,
  body .van-empty__description,
  body .inviter-empty,
  body [class*="empty"],
  body [class*="Empty"] {
    color: var(--ag-muted) !important;
  }

  body .van-switch--on,
  body .van-checkbox__icon--checked .van-icon,
  body .van-radio__icon--checked .van-icon {
    background-color: var(--ag-gold-2) !important;
    border-color: var(--ag-gold-2) !important;
  }

  body .van-stepper__minus,
  body .van-stepper__plus,
  body .van-stepper__input {
    background: #211b10 !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
  }

  body .loginwindow .lginner,
  body .LoginSquare {
    background: rgba(13, 11, 8, .86) !important;
    border: 1px solid rgba(245, 201, 106, .18) !important;
    box-shadow: 0 .18rem .48rem rgba(0, 0, 0, .44) !important;
    backdrop-filter: blur(2px);
  }

  body .login-logo-wrapper,
  body .loginwindow > img:first-child {
    filter: drop-shadow(0 .08rem .18rem rgba(245, 201, 106, .24));
  }

  body .van-overlay,
  body .notice-modal-overlay {
    background-color: rgba(0, 0, 0, .72) !important;
  }

  body .van-toast {
    background: rgba(14, 11, 6, .94) !important;
    color: var(--ag-text) !important;
    border: 1px solid var(--ag-line) !important;
  }

  body .van-pagination__item,
  body .van-pagination__page-desc {
    background: #15120c !important;
    color: var(--ag-text-2) !important;
    border-color: var(--ag-line) !important;
  }

  body .van-pagination__item--active {
    background: var(--ag-gold-2) !important;
    color: #120d05 !important;
  }

  body .van-tabs,
  body .van-tabs__content,
  body .van-tab__pane {
    background: transparent !important;
  }

  body .van-swipe__indicator,
  body .index_box .van-swipe__indicator,
  body .hallPage #showdot div {
    background: rgba(245, 201, 106, .28) !important;
  }

  body .van-swipe__indicator--active,
  body .index_box .van-swipe__indicator--active,
  body .hallPage #showdot .active {
    background: var(--ag-gold) !important;
  }

  body .safe-bottom,
  body .hallPage .maincontent,
  body .mine,
  body .activity,
  body .discover {
    padding-bottom: calc(1.72rem + env(safe-area-inset-bottom)) !important;
  }

  body .van-dialog,
  body .van-popup,
  body .notice-modal-content,
  body .LoginSquare,
  body .hallPage .noticecontent,
  body .hallPage .centerArea,
  body .accounts .topArea_card {
    border-radius: .22rem !important;
  }

  body .van-button,
  body button,
  body .inputline,
  body .van-cell {
    touch-action: manipulation;
  }

  body .loginwindow .oplines,
  body .LoginSquare .oplines,
  body .loginwindow .botline,
  body .LoginSquare .botline {
    color: var(--ag-text-2) !important;
    border-color: var(--ag-line) !important;
  }

  body .loginwindow .oplines *,
  body .LoginSquare .oplines *,
  body .loginwindow .botline *,
  body .LoginSquare .botline * {
    color: var(--ag-text-2) !important;
    border-color: var(--ag-line) !important;
  }

  body .loginwindow .confirm,
  body .LoginSquare .confirm {
    min-height: .96rem !important;
    height: .96rem !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, #ffe39a, var(--ag-gold-2) 58%, #8a5a19) !important;
    border: 1px solid rgba(255, 229, 158, .62) !important;
    border-radius: .18rem !important;
    box-shadow: 0 .12rem .26rem rgba(213, 155, 53, .28) !important;
  }

  body .loginwindow .confirm .sumbtns,
  body .LoginSquare .confirm .sumbtns {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #120d05 !important;
    font-weight: 800 !important;
  }

  body .loginwindow .inputline,
  body .LoginSquare .inputline {
    border-color: var(--ag-line) !important;
    background: #211b10 !important;
  }

  body .loginwindow .inputline input,
  body .LoginSquare .inputline input {
    color: var(--ag-text) !important;
    border-color: transparent !important;
  }

  body .loginwindow .inputline:has(input[placeholder*="推荐人"]),
  body .LoginSquare .inputline:has(input[placeholder*="推荐人"]),
  body .loginwindow .inputline:has(input[placeholder*="邀请人"]),
  body .LoginSquare .inputline:has(input[placeholder*="邀请人"]),
  body .loginwindow .inputline:has(input[placeholder*="UID"]),
  body .LoginSquare .inputline:has(input[placeholder*="UID"]) {
    display: none !important;
  }

  body .noticecontent,
  body .noticecontent *,
  body .van-notice-bar,
  body .van-notice-bar * {
    color: var(--ag-text-2) !important;
  }

  body .noticecontent img,
  body .right_item img,
  body .van-tabbar-item__icon img,
  body .hall-head .top_logo {
    filter: sepia(1) saturate(2.2) hue-rotate(355deg) brightness(1.12) contrast(1.02) !important;
  }

  body .van-tabbar-item--active .van-tabbar-item__icon img,
  body .right_item:active img {
    filter: sepia(1) saturate(2.8) hue-rotate(355deg) brightness(1.26) contrast(1.08) drop-shadow(0 0 .08rem rgba(245, 201, 106, .42)) !important;
  }

  body .LoginSquare > .sumbtns,
  body .loginwindow .LoginSquare > .sumbtns {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body .app,
  body .Findings,
  body .FindingsContent {
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
  }

  body .head_area {
    background: #0b0906 !important;
    color: var(--ag-text) !important;
    border-bottom: 1px solid var(--ag-line) !important;
    box-shadow: 0 .08rem .22rem rgba(0, 0, 0, .34) !important;
  }

  body .head_area *,
  body .Findings .leftArea,
  body .Findings .leftArea *,
  body .Findings .rightArea,
  body .Findings .rightArea * {
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
  }

  body .Findings .mentItem {
    background: var(--ag-panel) !important;
    color: var(--ag-text) !important;
    border: 1px solid var(--ag-line) !important;
    box-shadow: var(--ag-shadow) !important;
  }

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

  body .Findings .mentItem img.meanuImg[src*="meanuImg2.ef6bb58f.png"],
  body .Findings .mentItem img[src*="meanuImg2.ef6bb58f.png"] {
    filter: none !important;
    -webkit-filter: none !important;
  }

  body .acts,
  body .acts .consg,
  body .acts .topsa,
  body .acts .van-tabs__wrap,
  body .acts .van-tabs__nav {
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
  }

  body .acts .lis {
    background: var(--ag-panel) !important;
    border: 1px solid var(--ag-line) !important;
    border-radius: .18rem !important;
    box-shadow: var(--ag-shadow) !important;
    overflow: hidden !important;
  }

  body .acts .tite_sf {
    background: #15120c !important;
    color: var(--ag-text-2) !important;
    border-top: 1px solid var(--ag-line) !important;
  }

  body .acts .tite_sf * {
    color: var(--ag-text-2) !important;
  }

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

  body .recent-games .head,
  body .recent-games .head * {
    background: #0b0906 !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
  }

  body .recent-games .accounts-list {
    background: var(--ag-panel) !important;
    color: var(--ag-text) !important;
    border-bottom: 1px solid var(--ag-line) !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) !important;
    border-color: var(--ag-line) !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-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:has(.vipshow),
  body:has(.vipshow) #app,
  body:has(.vipshow) #app > div,
  body:has(.vipshow) #app > div > div,
  body:has(.vipshow) #app div[style*="background-color"],
  body:has([class*="virtualProto__block"]),
  body:has([class*="virtualProto__block"]) #app,
  body:has([class*="virtualProto__block"]) #app > div,
  body:has([class*="virtualProto__block"]) #app > div > div,
  body:has([class*="virtualProto__block"]) #app div[style*="background"] {
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
  }

  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 {
    background: var(--ag-panel) !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
  }

  body .vipType {
    background: #100d08 !important;
    border-bottom: 1px solid var(--ag-line) !important;
  }

  body .vipType .vipLis,
  body [class*="month__table"] li,
  body [class*="vipDetailStyle__"] p,
  body [class*="vipDetailStyle__"] span {
    background: var(--ag-panel-2) !important;
    color: var(--ag-text-2) !important;
    border-color: var(--ag-line) !important;
  }

  body .vipType .vipLis {
    border: 1px solid var(--ag-line) !important;
    border-radius: .14rem !important;
  }

  body .vipshow .ishw {
    background: rgba(245, 201, 106, .14) !important;
    border: 1px solid rgba(245, 201, 106, .42) !important;
    border-radius: .12rem !important;
  }

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

  body .app-ti_green,
  body .app-ti_green .pahsn,
  body .app-ti_green .header,
  body .app-ti_green .header__top-wrapper {
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
  }

  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) !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
    box-shadow: var(--ag-shadow) !important;
  }

  body .app-ti_green .zixun {
    border: 1px solid var(--ag-line) !important;
    border-radius: .18rem !important;
  }

  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) !important;
  }

  body .app-ti_green .van-button {
    background: linear-gradient(180deg, #ffe39a, var(--ag-gold-2) 58%, #8a5a19) !important;
    color: #120d05 !important;
    border: 1px solid rgba(255, 229, 158, .6) !important;
  }

  body:has(.bottom-taps),
  body:has(.bottom-taps) #app,
  body:has(.bottom-taps) #app > div,
  body .warpper,
  body .warpper .my-swipe,
  body .warpper .van-swipe__track,
  body .warpper .van-swipe-item,
  body .warpper #InvitationLink,
  body .warpper #defitscont {
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
  }

  body .warpper .toptitle,
  body .warpper .banneLink,
  body .warpper .collebox,
  body .warpper .lvtitle,
  body .warpper .listTag,
  body .warpper .bottom-taps,
  body .bottom-taps {
    background: var(--ag-panel) !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
    box-shadow: var(--ag-shadow) !important;
  }

  body .bottom-taps {
    border-top: 1px solid var(--ag-line) !important;
  }

  body .bottom-taps-list,
  body .warpper .bottom-taps-list,
  body .warpper .defits,
  body .warpper .tagone,
  body .warpper .yxdivbox,
  body .warpper font {
    color: var(--ag-text-2) !important;
    background: transparent !important;
    border-color: var(--ag-line) !important;
  }

  body .tapsactive,
  body .bottom-taps .tapsactive,
  body .bottom-taps-list.tapsactive {
    color: var(--ag-gold) !important;
    border-color: var(--ag-gold) !important;
  }

  body [class*="virtualProto__virtualCurrency"],
  body [class*="virtualProto__block"],
  body [class*="virtualProto__firstPart"],
  body [class*="virtualProto__block"] table,
  body [class*="virtualProto__block"] thead,
  body [class*="virtualProto__block"] tbody,
  body [class*="virtualProto__block"] tr,
  body [class*="virtualProto__block"] th,
  body [class*="virtualProto__block"] td {
    background: var(--ag-panel) !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
  }

  body [class*="virtualProto__top_img"] {
    color: #120d05 !important;
    font-weight: 800 !important;
    filter: sepia(1) saturate(2.1) hue-rotate(355deg) brightness(1.08) contrast(1.02) !important;
  }

  body [class*="virtualProto__firstPart"] span,
  body [class*="virtualProto__block"] th {
    color: var(--ag-gold) !important;
  }

  body .accounts,
  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 .listbox .item,
  body .accounts .inner-box,
  body .accounts .out,
  body .accounts .main-menu .item {
    background: var(--ag-panel) !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
  }

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

  body .accounts .topArea_card,
  body .accounts .venuesDetail,
  body .accounts .main-menu .item {
    border: 1px solid var(--ag-line) !important;
    box-shadow: var(--ag-shadow) !important;
  }

  body .accounts .left-nums,
  body .accounts .moneyText,
  body .accounts .bots,
  body .accounts .take_back,
  body .accounts .refresh {
    color: var(--ag-gold) !important;
  }

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

  body .sdgg img[src*="meanuImg2.ef6bb58f.png"] {
    filter: none !important;
    -webkit-filter: none !important;
  }

  body .sdg,
  body .sdgg,
  body .sdgg > div[style],
  body .sdgg .tabVox,
  body .sdgg .withdraw-icon-tabs,
  body .sdgg .qibao,
  body .sdgg .mesg,
  body .sdgg .gameBox,
  body .sdgg .usrse,
  body .sdgg .hgs {
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
  }

  body .sdgg .tab,
  body .sdgg .withdraw-icon-tabs > div,
  body .sdgg .bosgf,
  body .sdgg .gameBox .lis,
  body .sdgg .usrse .hgs,
  body .sdgg .van-cell,
  body .sdgg .van-cell-group {
    background: var(--ag-panel) !important;
    color: var(--ag-text) !important;
    border: 1px solid var(--ag-line) !important;
    box-shadow: var(--ag-shadow) !important;
  }

  body .sdgg .tab.atc,
  body .sdgg .withdraw-icon-tabs > div[style*="174, 72, 242"],
  body .sdgg .btns,
  body .sdgg .van-button--info {
    background: linear-gradient(180deg, #ffe39a, var(--ag-gold-2) 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 .nams,
  body .sdgg .fes,
  body .sdgg .name,
  body .sdgg .num,
  body .sdgg .bots,
  body .sdgg .van-field__label,
  body .sdgg .van-field__control {
    color: var(--ag-text) !important;
  }

  body .sdgg .usrse [style],
  body .sdgg .usrse [style] *,
  body .sdgg [style*="#ae48f2"],
  body .sdgg [style*="174, 72, 242"] {
    color: var(--ag-gold) !important;
    border-color: var(--ag-gold) !important;
  }

  body:has(.gameBox.van-tabs) #app,
  body:has(.gameBox.van-tabs) #app > div,
  body:has(.gameBox.van-tabs) #app > div > div,
  body:has(.gameBox.van-tabs) #app div[style*="background"] {
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
  }

  body .float-main-button {
    background: var(--ag-panel-2) !important;
    border: 1px solid var(--ag-line) !important;
    box-shadow: var(--ag-shadow) !important;
  }

  body .float-main-button .float-button-icon {
    filter: sepia(1) saturate(2.2) hue-rotate(355deg) brightness(1.12) contrast(1.02) !important;
  }

  body .captcha-code {
    background: #211b10 !important;
    color: var(--ag-gold) !important;
    border: 1px solid var(--ag-line) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
  }

  body .person,
  body .Setting,
  body .metransRecord,
  body .app-ti_green.metransRecord,
  body .home-recharge,
  body .Amount,
  body .PayAmount,
  body .wrapper.green-wrapper,
  body .hall,
  body .main,
  body .full-hall-game-list,
  body .usrse,
  body .stream-chat-container {
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
  }

  body .person .topContent,
  body .person .topArea,
  body .person-list,
  body .person-list-p,
  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) !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
    box-shadow: var(--ag-shadow) !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) !important;
    border-radius: .18rem !important;
  }

  body .person *,
  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) !important;
    border-color: var(--ag-line) !important;
  }

  body .person .topAmount,
  body .person .AmountMoney,
  body .person .AmountName,
  body .AmountMoney,
  body .AmountName,
  body .message-time,
  body .detail-time,
  body .saibox .bs,
  body .num,
  body .bots,
  body .nmey,
  body .longbtn-name,
  body .longbtn-category,
  body .PayInfoTime,
  body .Countdown,
  body .transNum,
  body .tran-time,
  body .tran-type,
  body .bankbalance .number,
  body .main-number,
  body .left-top .main-number {
    color: var(--ag-gold) !important;
  }

  body .person-icon,
  body .person img,
  body .Setting img,
  body .usrse img,
  body .saibox img,
  body .Amount img,
  body .PayAmount img,
  body .hall img,
  body .wrapper.green-wrapper img,
  body .account-amount-refresh,
  body .account-amount-refresh * {
    filter: sepia(1) saturate(2.2) hue-rotate(355deg) brightness(1.12) contrast(1.02) !important;
  }

  body .usrse .imgsa img {
    filter: none !important;
    -webkit-filter: none !important;
  }

  body .usrse .van-cell,
  body .usrse .van-cell-group,
  body .usrse .van-field,
  body .home-recharge .van-cell,
  body .home-recharge .van-cell-group,
  body .home-recharge .van-field,
  body .Amount .van-cell,
  body .PayAmount .van-cell,
  body .wrapper.green-wrapper .van-cell,
  body .wrapper.green-wrapper .van-field,
  body .gameList .van-cell,
  body .gameLis .van-cell,
  body .poptit .van-cell,
  body .poptit .van-field {
    background: transparent !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
  }

  body .usrse input,
  body .usrse textarea,
  body .usrse .van-field__control,
  body .home-recharge input,
  body .home-recharge textarea,
  body .home-recharge .van-field__control,
  body .Amount input,
  body .PayAmount input,
  body .wrapper.green-wrapper input,
  body .wrapper.green-wrapper .van-field__control,
  body .poptit input,
  body .poptit .van-field__control,
  body .van-password-input__security li,
  body .van-stepper__input {
    background: #211b10 !important;
    color: var(--ag-text) !important;
    border: 1px solid var(--ag-line) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
  }

  body .van-stepper__minus,
  body .van-stepper__plus,
  body .van-pagination__item,
  body .van-share-sheet__option {
    background: var(--ag-panel-2) !important;
    color: var(--ag-text-2) !important;
    border-color: var(--ag-line) !important;
  }

  body .van-pagination__item--active,
  body .van-stepper__plus,
  body .van-switch--on,
  body .message-type,
  body .message-type-3,
  body .btntits,
  body .adds,
  body .btn,
  body .btns,
  body .longbtn,
  body .lastbutton,
  body .button.onClickBack,
  body .goback-button {
    background: linear-gradient(180deg, #ffe39a, var(--ag-gold-2) 58%, #8a5a19) !important;
    color: #120d05 !important;
    border-color: rgba(255, 229, 158, .62) !important;
    box-shadow: 0 .12rem .28rem rgba(213, 155, 53, .28) !important;
  }

  body .stream-chat-container .chat-wrapper,
  body .stream-chat-container .stream-chat-wrapper,
  body .stream-chat-container .loading-container,
  body .stream-chat-container .error-container {
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
  }

  body .stream-chat-container .van-loading,
  body .stream-chat-container .van-loading * {
    color: var(--ag-gold) !important;
  }
}

@media screen and (min-width: 769px) {
  html,
  body,
  #app {
    min-height: 100%;
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
    overflow-x: hidden !important;
  }

  body .hallPage,
  body .hallPage .maincontent,
  body .hallPage .toppart,
  body .hallPage .hallinner,
  body .van-pull-refresh,
  body .van-pull-refresh__track {
    background: var(--ag-bg) !important;
    color: var(--ag-text) !important;
  }

  body .hallPage .head_area,
  body .pageTop,
  body .van-nav-bar {
    background: #0b0906 !important;
    color: var(--ag-text) !important;
    border-bottom: 1px solid var(--ag-line) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .34) !important;
  }

  body .hallPage .head_area .head_text,
  body .van-nav-bar__title,
  body .van-nav-bar .van-icon,
  body .pageTop {
    color: var(--ag-text) !important;
  }

  body .hallPage .noticecontent,
  body .hallPage .centerArea,
  body .hallPage .outerbox {
    background: var(--ag-panel) !important;
    color: var(--ag-text) !important;
    border: 1px solid var(--ag-line) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .38) !important;
  }

  body .hallPage .noticecontent .van-notice-bar,
  body .hallPage .noticecontent .van-notice-bar__wrap,
  body .van-notice-bar {
    background: #1b160d !important;
    color: var(--ag-text-2) !important;
  }

  body .hallPage .centerArea .left_content .logindd,
  body .hallPage .centerArea .left_content .logindd1,
  body .hallPage .centerArea .left_content .toptit,
  body .hallPage .right_item_span {
    color: var(--ag-muted) !important;
  }

  body .hallPage .centerArea .left_content .logindd2,
  body [class*="money"],
  body [class*="Money"],
  body [class*="balance"],
  body [class*="Balance"] {
    color: var(--ag-gold) !important;
  }

  body .hallPage .gamenavs,
  body .hallPage .gameList,
  body .hallPage .longbtn,
  body .hall .longbtn {
    background-color: #14100a !important;
    color: var(--ag-text) !important;
    border-color: var(--ag-line) !important;
  }

  body .van-tabbar {
    background: #0b0906 !important;
    border-top: 1px solid var(--ag-line) !important;
    box-shadow: 0 -10px 34px rgba(0, 0, 0, .42) !important;
  }

  body .van-tabbar-item {
    color: var(--ag-muted) !important;
    background: transparent !important;
    font-weight: 600 !important;
  }

  body .van-tabbar-item--active {
    color: var(--ag-gold) !important;
    background: rgba(245, 201, 106, .08) !important;
  }

  body .colosline,
  body .hallPage .colosline,
  body .hallPage .line,
  body .van-tabs__line {
    background: linear-gradient(90deg, var(--ag-gold-3), var(--ag-gold), var(--ag-gold-2)) !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;
  }

  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) !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) !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) !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) !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) !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) !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) !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), var(--ag-gold), var(--ag-gold-2)) !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) !important;
    border-radius: 12px !important;
    box-shadow: var(--ag-shadow) !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) !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) !important;
    border-radius: 12px !important;
    box-shadow: var(--ag-shadow) !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) !important;
  }

  body #app > div > div[style*="rgb(237, 241, 255)"] .lis .type {
    color: var(--ag-text) !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) !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;
  }
}

/* Final Vant dialog override: keep confirm/cancel popups black-gold after page-specific rules. */
body .van-overlay {
  background-color: rgba(0, 0, 0, .74) !important;
}

body .van-dialog {
  overflow: hidden !important;
  color: var(--ag-text) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(245, 201, 106, .16), transparent 58%),
    linear-gradient(180deg, #1b160e 0%, #0f0c08 100%) !important;
  border: 1px solid rgba(245, 201, 106, .38) !important;
  border-radius: 12px !important;
  box-shadow:
    0 16px 42px rgba(0, 0, 0, .62),
    inset 0 0 0 1px rgba(255, 232, 168, .08) !important;
}

body .van-dialog__header {
  padding: 22px 22px 8px !important;
  color: var(--ag-text) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  text-align: center !important;
}

body .van-dialog__content,
body .van-dialog__message {
  color: var(--ag-text-2) !important;
  background: transparent !important;
}

body .van-dialog__message {
  padding: 0 24px 22px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

body .van-dialog__footer {
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(31, 25, 14, .96), rgba(12, 10, 7, .98)) !important;
  border-top: 1px solid rgba(245, 201, 106, .28) !important;
}

body .van-dialog__footer:after,
body .van-dialog__footer [class*="van-hairline"]:after,
body .van-dialog [class*="van-hairline"]:after {
  border-color: rgba(245, 201, 106, .22) !important;
}

body .van-dialog__footer .van-button,
body .van-dialog__cancel,
body .van-dialog__confirm {
  min-height: 0 !important;
  height: 42px !important;
  margin: 0 !important;
  color: var(--ag-text-2) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 42px !important;
  font-weight: 800 !important;
}

body .van-dialog__confirm,
body .van-dialog__confirm .van-button__text {
  color: var(--ag-gold) !important;
}

body .van-dialog__cancel,
body .van-dialog__cancel .van-button__text {
  color: var(--ag-muted) !important;
}

body .van-dialog__footer .van-button:active {
  background: rgba(245, 201, 106, .08) !important;
}

/* Settings page header: match the withdraw-password page nav/back style. */
body .Setting .head_area {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 1.12rem !important;
  min-height: 1.12rem !important;
  padding: 0 !important;
  background: #080705 !important;
  color: var(--ag-text) !important;
  border-bottom: 1px solid rgba(245, 201, 106, .28) !important;
  box-shadow: none !important;
}

body .Setting .head_area .leftImg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 1.16rem !important;
  height: 1.12rem !important;
  margin: 0 !important;
  padding: 0 0 0 .34rem !important;
}

body .Setting .head_area .top_back {
  display: block !important;
  width: .4rem !important;
  height: .4rem !important;
  margin: 0 !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(78%) sepia(62%) saturate(476%) hue-rotate(357deg) brightness(101%) contrast(93%) !important;
}

body .Setting .head_area .head_text {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: auto !important;
  max-width: 70% !important;
  height: 1.12rem !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  color: var(--ag-text) !important;
  font-size: .3rem !important;
  line-height: 1.12rem !important;
  font-weight: 900 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

/* Mine page final responsive unification: keep narrow and wide views on one black-gold layout. */
body .person {
  min-height: 100vh !important;
  overflow-x: hidden !important;
  background: #050403 !important;
  color: var(--ag-text) !important;
}

body .person,
body .person * {
  box-sizing: border-box !important;
}

body .person .topContent {
  overflow: hidden !important;
  background: linear-gradient(180deg, #080604 0%, #050403 100%) !important;
  padding-bottom: .28rem !important;
}

body .person .topArea {
  position: relative !important;
  height: 4.98rem !important;
  min-height: 4.98rem !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(245, 201, 106, .18), transparent 28%),
    radial-gradient(circle at 10% 94%, rgba(213, 155, 53, .14), transparent 30%),
    linear-gradient(180deg, #080705 0%, #151008 100%) !important;
  color: var(--ag-text) !important;
  border-bottom: 1px solid rgba(245, 201, 106, .24) !important;
}

body .person .topArea::before {
  content: "";
  position: absolute;
  left: -18%;
  right: -18%;
  bottom: -.18rem;
  height: 2.25rem;
  pointer-events: none;
  background:
    linear-gradient(135deg, transparent 0 26%, rgba(245, 201, 106, .18) 26.5%, transparent 28%),
    linear-gradient(180deg, rgba(245, 201, 106, .06), rgba(0, 0, 0, .22));
  opacity: .62;
}

body .person .head_area {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(2.5rem, 1fr) auto minmax(2.5rem, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  height: 1.34rem !important;
  min-height: 1.34rem !important;
  margin: 0 !important;
  padding: 0 .48rem !important;
  background: #080705 !important;
  color: var(--ag-text) !important;
  border-bottom: 1px solid rgba(245, 201, 106, .28) !important;
  box-shadow: none !important;
}

body .person .head_area .leftImg {
  grid-column: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .person .head_area .top_logo {
  display: block !important;
  width: 2.4rem !important;
  height: .72rem !important;
  max-width: 2.4rem !important;
  max-height: .72rem !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body .person .head_area .head_text {
  grid-column: 2 !important;
  position: static !important;
  width: auto !important;
  max-width: none !important;
  height: 1.34rem !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  color: var(--ag-text) !important;
  font-size: .48rem !important;
  line-height: 1.34rem !important;
  font-weight: 900 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body .person .head_area .right_menu {
  grid-column: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .person .head_area .right_menu_img {
  display: block !important;
  width: 1.86rem !important;
  height: .46rem !important;
  max-width: 1.86rem !important;
  max-height: .46rem !important;
  margin: 0 !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: sepia(1) saturate(2.2) hue-rotate(355deg) brightness(1.18) contrast(1.04) !important;
  border-radius: 0 !important;
}

body .person .usersg {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: .28rem !important;
  width: calc(100% - 1rem) !important;
  height: 1.64rem !important;
  margin: .42rem .5rem 0 !important;
  padding: 0 !important;
  color: var(--ag-text) !important;
}

body .person .usersg .lesf {
  flex: 0 0 1.54rem !important;
  width: 1.54rem !important;
  height: 1.54rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  border-radius: 50% !important;
  background: #050403 !important;
  box-shadow: 0 .1rem .28rem rgba(0, 0, 0, .44) !important;
}

body .person .usersg .lesf img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: none !important;
}

/* Mine profile avatar: the original scoped CSS caps only width at 60px, which makes the square avatar render as a tall oval. */
html body #app .person .usersg .lesf[data-v-62530c80],
html body #app .person .usersg .lesf {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 1.28rem !important;
  width: 1.28rem !important;
  min-width: 1.28rem !important;
  max-width: 1.28rem !important;
  height: 1.28rem !important;
  min-height: 1.28rem !important;
  max-height: 1.28rem !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background: #050403 !important;
}

html body #app .person .usersg .lesf > img[data-v-62530c80],
html body #app .person .usersg .lesf > img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 50% !important;
  transform: none !important;
  filter: none !important;
}

body .person .usersg .center {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  color: var(--ag-text) !important;
}

body .person .usersg .name {
  display: flex !important;
  align-items: center !important;
  gap: .16rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: .5rem !important;
  color: var(--ag-text) !important;
  font-size: .42rem !important;
  line-height: .52rem !important;
  font-weight: 900 !important;
  text-shadow: 0 .04rem .12rem rgba(0, 0, 0, .45) !important;
}

body .person .usersg .name img {
  flex: 0 0 auto !important;
  width: .68rem !important;
  height: .28rem !important;
  margin: 0 !important;
  object-fit: contain !important;
  filter: none !important;
}

body .person .usersg .dat {
  margin-top: .16rem !important;
  color: var(--ag-text-2) !important;
  font-size: .28rem !important;
  line-height: .38rem !important;
  font-weight: 700 !important;
  text-shadow: 0 .04rem .12rem rgba(0, 0, 0, .45) !important;
}

body .person .usersg .rig {
  flex: 0 0 auto !important;
  width: .22rem !important;
  height: .36rem !important;
  margin-left: .14rem !important;
  object-fit: contain !important;
  filter: sepia(1) saturate(2.2) hue-rotate(355deg) brightness(1.18) contrast(1.05) !important;
  opacity: .9 !important;
}

body .person .topAmount {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: calc(100% - 1rem) !important;
  height: 1.3rem !important;
  min-height: 1.3rem !important;
  margin: -.72rem .5rem 0 !important;
  padding: .22rem .36rem !important;
  overflow: hidden !important;
  color: var(--ag-text) !important;
  background:
    radial-gradient(circle at 14% 0, rgba(245, 201, 106, .18), transparent 34%),
    linear-gradient(135deg, rgba(42, 33, 17, .96), rgba(9, 7, 4, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .42) !important;
  border-radius: .22rem !important;
  box-shadow: 0 .16rem .44rem rgba(0, 0, 0, .48), inset 0 0 0 1px rgba(255, 232, 168, .06) !important;
}

body .person .topAmount .AmountLeft,
body .person .topAmount .AmountRight {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .person .topAmount .AmountLeft img {
  display: none !important;
}

body .person .topAmount .AmountName {
  display: block !important;
  color: var(--ag-text-2) !important;
  font-size: .26rem !important;
  line-height: .34rem !important;
  font-weight: 800 !important;
}

body .person .topAmount .AmountMoney {
  display: block !important;
  color: var(--ag-gold) !important;
  font-size: .48rem !important;
  line-height: .56rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 .18rem rgba(245, 201, 106, .28) !important;
}

body .person .topAmount .AmountRight img {
  display: block !important;
  width: .36rem !important;
  height: .36rem !important;
  margin: 0 0 0 .22rem !important;
  object-fit: contain !important;
  filter: sepia(1) saturate(2.2) hue-rotate(355deg) brightness(1.16) contrast(1.04) !important;
}

body .person .actionList1 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .2rem !important;
  width: calc(100% - 1rem) !important;
  height: auto !important;
  min-height: 1.62rem !important;
  margin: .18rem .5rem 0 !important;
  padding: .24rem .22rem !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(245, 201, 106, .15), transparent 36%),
    linear-gradient(180deg, rgba(28, 23, 13, .96), rgba(11, 9, 5, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .22rem !important;
  box-shadow: 0 .12rem .34rem rgba(0, 0, 0, .4) !important;
}

body .person .actionList1 .actionicon1 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 1.14rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .person .actionList1 .actionicon1 img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: .98rem !important;
  object-fit: contain !important;
  filter: sepia(1) saturate(1.85) hue-rotate(350deg) brightness(1.08) contrast(1.06) !important;
}

body .person .actionList1 .actionicon1 img[src$="viptq.png"] {
  content: url("/static/img/xtb/viptq.png?v=20260607214500") !important;
  filter: none !important;
  transform: translateY(-.03rem) !important;
}

body .person .actionList1 .actionicon1 img[src$="yqhy.png"] {
  content: url("/static/img/xtb/yqhy.png?v=20260607214500") !important;
  filter: none !important;
  transform: translateY(-.03rem) !important;
}

body .person .actionList {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: calc(100% - 1rem) !important;
  height: auto !important;
  min-height: 1.52rem !important;
  margin: .22rem .5rem 0 !important;
  padding: .18rem 0 .16rem !important;
  background: linear-gradient(180deg, rgba(24, 20, 12, .98), rgba(9, 7, 4, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .3) !important;
  border-radius: .2rem !important;
  box-shadow: 0 .12rem .34rem rgba(0, 0, 0, .4) !important;
}

body .person .actionList .actionicon {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 1.32rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ag-text) !important;
}

body .person .actionList .actionicon img {
  display: block !important;
  width: .84rem !important;
  height: .84rem !important;
  margin: 0 0 .08rem !important;
  object-fit: contain !important;
  filter: none !important;
}

body .person .actionList .actionicon .title {
  color: var(--ag-text) !important;
  font-size: .28rem !important;
  line-height: .34rem !important;
  font-weight: 900 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body .person .person-list {
  width: 100% !important;
  margin: 0 !important;
  padding: .24rem .5rem calc(1.72rem + env(safe-area-inset-bottom)) !important;
  background: #050403 !important;
  color: var(--ag-text) !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .person .person-list-p {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 1.12rem !important;
  margin: 0 0 .14rem !important;
  padding: 0 .24rem !important;
  transform: none !important;
  background: linear-gradient(180deg, rgba(24, 20, 12, .98), rgba(10, 8, 5, .98)) !important;
  color: var(--ag-text) !important;
  border: 1px solid rgba(245, 201, 106, .24) !important;
  border-radius: .18rem !important;
  box-shadow: none !important;
}

body .person .person-list-p-left,
body .person .person-list-p-right {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .person .person-list-p-left {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  gap: .18rem !important;
  color: var(--ag-text) !important;
}

body .person .person-list-p-left span {
  color: var(--ag-text) !important;
  font-size: .28rem !important;
  line-height: .36rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body .person .person-list-p-left > img.mine-blackgold-list-icon {
  width: .58rem !important;
  height: .58rem !important;
  flex: 0 0 .58rem !important;
  filter: drop-shadow(0 0 .08rem rgba(245, 201, 106, .38)) !important;
}

body .person .person-list-p-right {
  flex: 1 1 auto !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  color: var(--ag-muted) !important;
  font-size: .24rem !important;
  line-height: .32rem !important;
  font-weight: 800 !important;
}

body .person .person-list-p-right span {
  color: var(--ag-muted) !important;
  font-size: .24rem !important;
}

body .person .person-list-p-right img {
  width: .16rem !important;
  height: .28rem !important;
  margin-left: .16rem !important;
  object-fit: contain !important;
  filter: sepia(1) saturate(2.2) hue-rotate(355deg) brightness(1.18) contrast(1.04) !important;
  opacity: .85 !important;
}

/* Mine VIP/invite pair: override scoped app width so it matches the other mine cards. */
html body #app .person .topContent > .actionList1[data-v-62530c80],
html body #app .person .topContent .actionList1[data-v-62530c80] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .2rem !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 1.62rem !important;
  margin: .18rem .5rem 0 !important;
  padding: .24rem .22rem !important;
  transform: none !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(245, 201, 106, .15), transparent 36%),
    linear-gradient(180deg, rgba(28, 23, 13, .96), rgba(11, 9, 5, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .22rem !important;
  box-shadow: 0 .12rem .34rem rgba(0, 0, 0, .4) !important;
}

html body #app .person .topContent .actionList1[data-v-62530c80] .actionicon1[data-v-62530c80] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
}

/* Account wallet header: keep the back button aligned without a route script. */
body .accounts {
  min-height: 100vh !important;
  background: #070604 !important;
  color: var(--ag-text) !important;
}

body .accounts .accounts-head {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 1.12rem !important;
  min-height: 1.12rem !important;
  padding: 0 !important;
  background: #080705 !important;
  border-bottom: 1px solid rgba(245, 201, 106, .28) !important;
  box-shadow: none !important;
  color: var(--ag-text) !important;
}

body .accounts .accounts-head > img:first-child {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15.5%205%208.5%2012l7%207%22%20fill%3D%22none%22%20stroke%3D%22%23f5c96a%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
  position: absolute !important;
  left: .34rem !important;
  top: 50% !important;
  display: block !important;
  width: .4rem !important;
  height: .4rem !important;
  max-width: .4rem !important;
  max-height: .4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%) !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  z-index: 3 !important;
}

body .accounts .accounts-head-text {
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  width: auto !important;
  max-width: 52% !important;
  height: 1.12rem !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  color: var(--ag-text) !important;
  font-size: .48rem !important;
  font-weight: 900 !important;
  line-height: 1.12rem !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body .accounts .accounts-details {
  position: absolute !important;
  right: .3rem !important;
  top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  height: 1.12rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ag-text) !important;
  font-size: .3rem !important;
  font-weight: 800 !important;
  line-height: 1.12rem !important;
  white-space: nowrap !important;
}

@media (min-width: 769px) {
  body #app > div:has(.accounts) {
    max-width: 750px !important;
    margin: 0 auto !important;
    background: #070604 !important;
    border-left: 1px solid rgba(245, 201, 106, .12) !important;
    border-right: 1px solid rgba(245, 201, 106, .12) !important;
  }
}

/* Home balance card: remove the empty user line that pushes the amount downward. */
body .hallPage .centerArea {
  align-items: center !important;
}

body .hallPage .centerArea .left_content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-self: stretch !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

body .hallPage .centerArea .left_content .logindd1 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body .hallPage .centerArea .left_content .logindd2 {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: .56rem !important;
  margin: 0 !important;
  line-height: .56rem !important;
}

body .hallPage .centerArea .left_content .logindd2 .money_text {
  flex: 0 0 .4rem !important;
  width: .4rem !important;
  height: .35rem !important;
  margin-left: .18rem !important;
  background-size: contain !important;
}

/* Activity posters: map the ten promotion cards to the supplied compressed art. */
body .acts .consg > .black-gold-activity-card {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body .acts .consg > .black-gold-activity-card > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
  -webkit-filter: none !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(1) {
  background-image: url("/static/image/generated/activity-poster-1-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(1) > img {
  content: url("/static/image/generated/activity-poster-1-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(2) {
  background-image: url("/static/image/generated/activity-poster-2-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(2) > img {
  content: url("/static/image/generated/activity-poster-2-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(3) {
  background-image: url("/static/image/generated/activity-poster-3-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(3) > img {
  content: url("/static/image/generated/activity-poster-3-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(4) {
  background-image: url("/static/image/generated/activity-poster-4-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(4) > img {
  content: url("/static/image/generated/activity-poster-4-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(5) {
  background-image: url("/static/image/generated/activity-poster-5-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(5) > img {
  content: url("/static/image/generated/activity-poster-5-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(6) {
  background-image: url("/static/image/generated/activity-poster-6-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(6) > img {
  content: url("/static/image/generated/activity-poster-6-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(7) {
  background-image: url("/static/image/generated/activity-poster-7-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(7) > img {
  content: url("/static/image/generated/activity-poster-7-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(8) {
  background-image: url("/static/image/generated/activity-poster-8-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(8) > img {
  content: url("/static/image/generated/activity-poster-8-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(9) {
  background-image: url("/static/image/generated/activity-poster-9-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(9) > img {
  content: url("/static/image/generated/activity-poster-9-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(10) {
  background-image: url("/static/image/generated/activity-poster-10-20260607220500.jpg") !important;
}

body .acts .consg > .black-gold-activity-card:nth-child(10) > img {
  content: url("/static/image/generated/activity-poster-10-20260607220500.jpg") !important;
}

body .hallPage .noticecontent {
  background: linear-gradient(180deg, rgba(28, 23, 13, .96), rgba(10, 8, 5, .98)) !important;
  border: 1px solid rgba(245, 201, 106, .34) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 231, 166, .08) !important;
}

body .hallPage .noticecontent img[src*="/static/img/laba.png"],
body .hallPage .noticecontent img[src*="laba.png"] {
  filter: brightness(0) saturate(100%) invert(82%) sepia(50%) saturate(734%) hue-rotate(356deg) brightness(101%) contrast(96%) drop-shadow(0 0 8px rgba(245, 201, 106, .38)) !important;
  opacity: 1 !important;
}

body .hallPage .noticecontent .noticect,
body .hallPage .noticecontent .van-notice-bar,
body .hallPage .noticecontent .van-notice-bar__wrap,
body .hallPage .noticecontent .van-notice-bar__content {
  background: transparent !important;
  color: var(--ag-text-2) !important;
  -webkit-text-fill-color: var(--ag-text-2) !important;
}

body .hallPage .noticecontent .notice-item,
body .hallPage .noticecontent .notice-item *,
body .hallPage .noticecontent .van-notice-bar span,
body .hallPage .noticecontent .van-notice-bar__content span {
  color: var(--ag-text-2) !important;
  -webkit-text-fill-color: var(--ag-text-2) !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .62), 0 0 10px rgba(245, 201, 106, .16) !important;
}

/* Transfer page polish. */
body .sdgg.stddss,
body .sdgg.stddss .venuesTansfer {
  min-height: 100vh !important;
  background: var(--ag-bg) !important;
  color: var(--ag-text) !important;
}

body .sdgg.stddss .accounts-scroll {
  box-sizing: border-box !important;
  min-height: calc(100vh - 1.12rem) !important;
  height: auto !important;
  padding: .2rem .22rem .9rem !important;
  background: radial-gradient(circle at 78% 0, rgba(245, 201, 106, .12), transparent 34%), linear-gradient(180deg, #0f0c08, #070604) !important;
  color: var(--ag-text) !important;
}

body .sdgg.stddss .automatic,
body .sdgg.stddss .user-handle,
body .sdgg.stddss .topArea {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 0 .18rem !important;
  border: 1px solid rgba(245, 201, 106, .24) !important;
  border-radius: .2rem !important;
  background: radial-gradient(circle at 88% 0, rgba(245, 201, 106, .12), transparent 38%), linear-gradient(180deg, #15120c, #090806) !important;
  color: var(--ag-text) !important;
  box-shadow: 0 .12rem .28rem rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .03) !important;
  overflow: hidden !important;
}

body .sdgg.stddss .automatic {
  min-height: .92rem !important;
  height: auto !important;
  padding: .16rem .22rem !important;
}

body .sdgg.stddss .automatic .text,
body .sdgg.stddss .automatic .tit,
body .sdgg.stddss .automatic span {
  color: var(--ag-text) !important;
}

body .sdgg.stddss .automatic .text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  height: auto !important;
  min-width: 0 !important;
}

body .sdgg.stddss .automatic .tit {
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

body .sdgg.stddss .automatic .text > span {
  margin-top: .06rem !important;
  color: var(--ag-muted) !important;
  font-size: .22rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body .sdgg.stddss .automatic .van-switch {
  flex: 0 0 auto !important;
  background: #3a3323 !important;
  border-color: rgba(245, 201, 106, .3) !important;
}

body .sdgg.stddss .automatic .van-switch--on,
body .sdgg.stddss .automatic .van-switch[aria-checked="true"] {
  background: linear-gradient(90deg, var(--ag-gold-3), var(--ag-gold-2)) !important;
}

body .sdgg.stddss .automatic .van-switch__node {
  background: #fff7df !important;
  box-shadow: 0 .04rem .1rem rgba(0, 0, 0, .28) !important;
}

body .sdgg.stddss .user-handle {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 0 .24rem !important;
}

body .sdgg.stddss .first-handle {
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr .56rem 1fr !important;
  gap: .12rem !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: .18rem .18rem 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body .sdgg.stddss .first-handle .item {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .08rem !important;
  width: 100% !important;
  min-width: 0 !important;
  height: .82rem !important;
  margin: 0 !important;
  padding: 0 .16rem !important;
  border: 1px solid rgba(245, 201, 106, .24) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, #191409, #0a0805) !important;
  color: var(--ag-text) !important;
  box-shadow: inset 0 0 .16rem rgba(245, 201, 106, .05) !important;
}

body .sdgg.stddss .first-handle::before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: .59rem !important;
  left: 50% !important;
  width: .48rem !important;
  height: .48rem !important;
  border: 1px solid rgba(245, 201, 106, .46) !important;
  border-radius: 999px !important;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23f5c96a'%20stroke-width='2.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%207h10l-3-3'%2F%3E%3Cpath%20d='M17%2017H7l3%203'%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, rgba(245, 201, 106, .18), rgba(120, 77, 19, .16)) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: .34rem .34rem, 100% 100% !important;
  box-shadow: 0 0 .18rem rgba(245, 201, 106, .22), inset 0 0 .12rem rgba(245, 201, 106, .12) !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) !important;
}

body .sdgg.stddss .first-handle > img.item.icon {
  align-self: center !important;
  justify-self: center !important;
  display: block !important;
  width: .46rem !important;
  min-width: .46rem !important;
  max-width: .46rem !important;
  height: .23rem !important;
  min-height: .23rem !important;
  max-height: .23rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
  visibility: hidden !important;
  filter: brightness(0) saturate(100%) invert(83%) sepia(40%) saturate(724%) hue-rotate(356deg) brightness(101%) contrast(95%) !important;
}

body .sdgg.stddss .first-handle .item span {
  color: var(--ag-text-2) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body .sdgg.stddss .first-handle .item img {
  display: none !important;
}

body .sdgg.stddss .first-handle .item::after {
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: .14rem !important;
  height: .14rem !important;
  margin-left: .08rem !important;
  border-right: .04rem solid var(--ag-gold) !important;
  border-bottom: .04rem solid var(--ag-gold) !important;
  box-shadow: .04rem .04rem .12rem rgba(245, 201, 106, .2) !important;
  transform: rotate(45deg) translateY(-.03rem) !important;
}

body .sdgg.stddss .second-handle {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: .18rem .18rem 0 !important;
  padding: 0 !important;
  color: var(--ag-text) !important;
}

body .sdgg.stddss .inputArea {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .12rem !important;
  width: 100% !important;
  height: .76rem !important;
  margin: 0 !important;
  padding: 0 .14rem !important;
  border: 1px solid rgba(245, 201, 106, .28) !important;
  border-radius: .16rem !important;
  background: #0d0b08 !important;
  box-shadow: inset 0 0 .16rem rgba(245, 201, 106, .04) !important;
}

body .sdgg.stddss .betInput.van-field {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .sdgg.stddss .betInput .van-field__label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 .12rem 0 0 !important;
  color: var(--ag-text-2) !important;
  font-size: .26rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body .sdgg.stddss .betInput .van-field__value,
body .sdgg.stddss .betInput .van-field__body {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
}

body .sdgg.stddss .betInput .van-field__control {
  flex: 1 1 auto !important;
  width: 0 !important;
  min-width: 0 !important;
  height: .56rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--ag-text) !important;
  box-shadow: none !important;
  font-size: .3rem !important;
  font-weight: 800 !important;
  line-height: .56rem !important;
}

body .sdgg.stddss .betInput .van-field__control::placeholder {
  color: rgba(234, 216, 164, .62) !important;
  font-weight: 800 !important;
}

body .sdgg.stddss .all-into {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  transform: none !important;
  min-width: 1.18rem !important;
  height: .48rem !important;
  margin: 0 !important;
  padding: 0 .14rem !important;
  border: 1px solid rgba(245, 201, 106, .36) !important;
  border-radius: .24rem !important;
  background: rgba(245, 201, 106, .12) !important;
  color: var(--ag-text-2) !important;
  font-size: .22rem !important;
  font-weight: 900 !important;
  line-height: .48rem !important;
  white-space: nowrap !important;
}

body .sdgg.stddss .bankbalance {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: .46rem !important;
  margin: .08rem 0 0 !important;
  padding: 0 .02rem !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--ag-muted) !important;
  box-shadow: none !important;
  font-size: .22rem !important;
  font-weight: 800 !important;
}

body .sdgg.stddss .bankbalance .number {
  margin-left: .1rem !important;
  color: var(--ag-gold) !important;
  font-weight: 900 !important;
}

body .sdgg.stddss .lastbutton.van-button {
  width: calc(100% - .36rem) !important;
  height: .76rem !important;
  margin: .22rem .18rem 0 !important;
  border: 0 !important;
  border-radius: .38rem !important;
  background: linear-gradient(180deg, #f7dc91, #d59b35 58%, #8a5a19) !important;
  color: #120d05 !important;
  box-shadow: 0 .12rem .26rem rgba(213, 155, 53, .26), 0 .16rem .28rem rgba(0, 0, 0, .32) !important;
  opacity: 1 !important;
}

body .sdgg.stddss .lastbutton.van-button .van-button__text {
  color: #120d05 !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
}

body .sdgg.stddss .topArea {
  height: auto !important;
  min-height: .86rem !important;
  padding: 0 !important;
}

body .sdgg.stddss .venuesDetail {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-height: .86rem !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--ag-text) !important;
}

body .sdgg.stddss .venues {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: .86rem !important;
  height: auto !important;
  margin: 0 !important;
  padding: .18rem .22rem !important;
  background: transparent !important;
  color: var(--ag-text) !important;
}

body .sdgg.stddss .venues {
  justify-content: space-between !important;
}

body .sdgg.stddss .venues .left-nums {
  color: var(--ag-text-2) !important;
  font-size: .26rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body .sdgg.stddss .venues > span {
  margin-left: auto !important;
  color: var(--ag-muted) !important;
  font-size: .22rem !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body .sdgg.stddss .venues > img {
  flex: 0 0 auto !important;
  width: .32rem !important;
  height: .32rem !important;
  margin-left: .12rem !important;
  filter: brightness(0) saturate(100%) invert(83%) sepia(40%) saturate(724%) hue-rotate(356deg) brightness(101%) contrast(95%) !important;
}

body .sdgg.stddss .venuesList {
  position: static !important;
  inset: auto !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 .22rem .2rem !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body .sdgg.stddss .venuesList[style*="display: none"] {
  display: none !important;
}

body .sdgg.stddss .venuesList .listbox {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .12rem !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: .02rem 0 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .sdgg.stddss .venuesList .listbox .item,
body .sdgg.stddss .venuesList .inner-box {
  position: static !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: .92rem !important;
  min-height: .92rem !important;
  margin: 0 !important;
  padding: .12rem .1rem !important;
  border: 1px solid rgba(245, 201, 106, .22) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(30, 26, 17, .92), rgba(9, 8, 6, .96)) !important;
  color: var(--ag-text) !important;
  box-shadow: inset 0 0 .14rem rgba(245, 201, 106, .04), 0 .08rem .18rem rgba(0, 0, 0, .24) !important;
  overflow: hidden !important;
  transform: none !important;
}

body .sdgg.stddss .venuesList .inner-box {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body .sdgg.stddss .venuesList .out {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ag-text-2) !important;
  font-size: .23rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

body .sdgg.stddss .venuesList .tittleText {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--ag-text-2) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .sdgg.stddss .venuesList .Popovershow,
body .sdgg.stddss .venuesList img {
  display: none !important;
}

body .sdgg.stddss .venuesList .moneyText {
  display: block !important;
  max-width: 100% !important;
  margin-top: .08rem !important;
  overflow: hidden !important;
  color: var(--ag-gold) !important;
  font-size: .24rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .sdgg.stddss .venuesList .top {
  position: static !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 1.72rem !important;
  gap: .14rem !important;
  align-items: stretch !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 .14rem !important;
  padding: .14rem !important;
  border: 1px solid rgba(245, 201, 106, .2) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(30, 26, 17, .96), rgba(9, 8, 6, .98)) !important;
  color: var(--ag-text) !important;
  box-shadow: inset 0 0 .18rem rgba(245, 201, 106, .05) !important;
  overflow: hidden !important;
}

body .sdgg.stddss .venuesList .top .left {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: .02rem 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body .sdgg.stddss .venuesList .top .left-top {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: .28rem !important;
  margin: 0 !important;
  padding: 0 .12rem !important;
  border: 1px solid rgba(245, 201, 106, .35) !important;
  border-radius: .18rem !important;
  background: rgba(245, 201, 106, .12) !important;
  color: var(--ag-gold) !important;
  font-size: .24rem !important;
  font-weight: 900 !important;
  line-height: .36rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .sdgg.stddss .venuesList .top .left-top img {
  display: none !important;
}

body .sdgg.stddss .venuesList .top .left-top::before {
  content: none !important;
  display: none !important;
}

body .sdgg.stddss .venuesList .top .money {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: .1rem 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  color: var(--ag-gold) !important;
  font-size: .28rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .sdgg.stddss .venuesList .top .button.onClickBack,
body .sdgg.stddss .venuesList .top .button.onClickBack.van-button {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: .78rem !important;
  margin: 0 !important;
  padding: 0 .12rem !important;
  border: 1px solid rgba(245, 201, 106, .32) !important;
  border-radius: .16rem !important;
  background: rgba(245, 201, 106, .1) !important;
  color: var(--ag-text-2) !important;
  box-shadow: none !important;
}

body .sdgg.stddss .venuesList .top .button.onClickBack .van-button__text {
  color: var(--ag-text-2) !important;
  font-size: .24rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body .sdgg.stddss .venuesList .gameBox {
  position: static !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .12rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .sdgg.stddss .venuesList .gameBox .lis {
  position: static !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: .86rem !important;
  margin: 0 !important;
  padding: .1rem !important;
  border: 1px solid rgba(245, 201, 106, .22) !important;
  border-radius: .16rem !important;
  background: linear-gradient(180deg, rgba(30, 26, 17, .92), rgba(9, 8, 6, .96)) !important;
  color: var(--ag-text) !important;
  box-shadow: inset 0 0 .14rem rgba(245, 201, 106, .04) !important;
  overflow: hidden !important;
}

body .sdgg.stddss .venuesList .gameBox .lis:last-child {
  display: none !important;
}

body .sdgg.stddss .venuesList .gameBox .name,
body .sdgg.stddss .venuesList .gameBox .num {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .sdgg.stddss .venuesList .gameBox .name {
  color: var(--ag-text-2) !important;
  font-size: .22rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

body .sdgg.stddss .venuesList .gameBox .num {
  margin-top: .08rem !important;
  color: var(--ag-gold) !important;
  font-size: .24rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

/* Page title size unification: match the hall/home title. */
body .accounts-head-text,
body .hallPage .head_area .head_text,
body .head_area > .head_text,
body .person .head_area .head_text,
body .Setting .head_area .head_text,
body .recent-games .head .head-text,
body .van-nav-bar__title,
body .pageTop {
  color: var(--ag-text) !important;
  font-size: .48rem !important;
  font-weight: 900 !important;
  line-height: 1.12rem !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body .van-nav-bar,
body .van-nav-bar__content {
  min-height: 1.12rem !important;
  height: 1.12rem !important;
}

@media (min-width: 769px) {
  body .sdgg.stddss {
    max-width: 750px !important;
    margin: 0 auto !important;
    border-left: 1px solid rgba(245, 201, 106, .12) !important;
    border-right: 1px solid rgba(245, 201, 106, .12) !important;
  }
}