:root {
  color-scheme: dark;
  --bg-primary: #21180F;
  --bg-secondary: #1C160D;
  --bg-tertiary: #292014;
  --card-bg: #171209;
  --card-bg-deep: #100D09;
  --card-bg-hover: #21180E;
  --gold-primary: #C8A66A;
  --gold-border: #8D7655;
  --gold-muted: #A28D75;
  --gold-light: #E9D1A4;
  --gold-highlight: #F2DEB5;
  --text-primary: #F8E7C3;
  --text-secondary: #E9D1A4;
  --text-muted: #A28D75;
  --text-disabled: #796653;
  --text-dark: #24190D;
  --success: #20D66B;
  --danger: #E45C52;
  --warning: #D9AD62;
  --border-primary: #8D7655;
  --border-subtle: rgba(200, 166, 106, 0.22);
  --header-bg: rgba(28, 22, 17, 0.88);
  --panel-bg: rgba(16, 13, 9, 0.82);
  --card-overlay: rgba(16, 13, 9, 0.90);

  --abg-gold: var(--text-secondary);
  --abg-cream-gold: var(--gold-highlight);
  --abg-muted-gold: var(--gold-primary);
  --abg-deep-gold: var(--gold-light);
  --abg-ink: var(--bg-primary);
  --abg-header: var(--header-bg);
  --abg-panel: var(--card-bg-deep);
  --abg-card: var(--card-bg);
  --abg-raised: var(--bg-tertiary);
  --abg-line: var(--border-subtle);
  --abg-text: var(--text-primary);
}

html,
body,
#app {
  background-color: var(--abg-ink) !important;
  color: var(--text-primary);
}

body {
  background-image: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 55%, var(--card-bg-deep) 100%);
  color: var(--text-primary);
  font-family: "Inter", "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

#app {
  --color-primary: var(--gold-light);
  --van-primary-color: var(--gold-light);
  --el-color-primary: var(--gold-primary);
  background-image: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 55%, var(--card-bg-deep) 100%) !important;
  color: var(--text-primary);
}

#app a,
#app .el-tabs__item.is-active,
#app .el-menu-item.is-active,
#app .van-tab--active {
  color: var(--abg-gold);
}

#app .header-wrapper,
#app .header-wrapper__top,
#app .header-wrapper .inner,
#app .header-wrapper .top-inner,
#app .header-wrapper .nav,
#app .header-wrapper .subnav {
  background-color: var(--abg-ink) !important;
  border-color: var(--abg-line) !important;
}

#app .header-wrapper__top {
  background-color: var(--header-bg) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--abg-text) !important;
}

#app .header-wrapper .nav a,
#app .header-wrapper .subnav a,
#app .header-wrapper .top-inner,
#app .header-wrapper .top-inner a {
  color: var(--abg-text);
}

#app .header-wrapper .nav a:hover,
#app .header-wrapper .nav .active > a,
#app .header-wrapper .nav a.router-link-active,
#app .header-wrapper .subnav a:hover {
  color: var(--abg-gold) !important;
}

#app .home.router-view,
#app .child-view,
#app .main-wrapper,
#app .main-wrapper-content,
#app .container:not(.game) {
  background-color: var(--abg-ink) !important;
  color: var(--abg-text);
}

#app .content-top > .item,
#app .box-item,
#app .home-bulletins-container,
#app .list-warp,
#app .notice-sidebar-box,
#app .el-card,
#app .van-cell,
#app .van-picker,
#app .van-picker__toolbar,
#app .van-popup,
#app .el-dropdown-menu,
#app .el-dialog,
#app .el-message-box,
#app .loginVersion3-form-container,
#app .loginVersion3-form-group {
  background-color: var(--abg-panel) !important;
  color: var(--abg-text) !important;
  border-color: var(--abg-line) !important;
}

#app .content-top > .item,
#app .content-top > .item * {
  background-image: none !important;
}

#app .content-top > .item {
  background-image: linear-gradient(145deg, var(--card-bg-hover), var(--card-bg)) !important;
  border: 1px solid var(--abg-line) !important;
  color: var(--abg-text) !important;
}

#app .content-top > .item p,
#app .content-top > .item span,
#app .content-top > .item div,
#app .main-wrapper-content .box-item,
#app .main-wrapper-content .box-item p {
  color: var(--abg-text) !important;
}

#app .content-top > .item a,
#app .content-top > .item .more,
#app .main-wrapper-content .box-item .title {
  color: var(--abg-gold) !important;
}

#app .el-dialog__title,
#app .el-message-box__title,
#app .el-picker-panel__icon-btn,
#app .el-dropdown-menu__item:hover,
#app .el-tabs__item:hover,
#app .van-picker__cancel,
#app .van-picker__confirm,
#app .van-tab,
#app .van-cell__title,
#app .van-cell__value {
  color: var(--abg-gold) !important;
}

#app .el-dialog__header,
#app .el-dialog__body,
#app .el-dialog__footer,
#app .el-message-box__content,
#app .el-dropdown-menu__item,
#app .el-table,
#app .el-table th,
#app .el-table tr,
#app .el-table td {
  background-color: var(--abg-panel) !important;
  color: var(--abg-text) !important;
  border-color: var(--abg-line) !important;
}

#app .el-button--primary,
#app .van-button--primary,
#app .submitBtn,
#app .login-btn,
#app .btn-primary,
#app .el-tabs__active-bar,
#app .van-tabs__line,
#app .van-tab--active {
  background-color: var(--abg-deep-gold) !important;
  border-color: var(--abg-deep-gold) !important;
  color: var(--abg-ink) !important;
}

#app .el-button--primary:hover,
#app .van-button--primary:hover,
#app .submitBtn:hover,
#app .login-btn:hover,
#app .btn-primary:hover {
  background-color: var(--abg-gold) !important;
  border-color: var(--abg-gold) !important;
  color: var(--abg-ink) !important;
}

#app .el-input__inner,
#app input,
#app textarea,
#app .van-field__control {
  background-color: rgba(0, 0, 0, 0.55) !important;
  border-color: var(--abg-line) !important;
  color: var(--abg-text) !important;
}

#app input::placeholder,
#app textarea::placeholder,
#app .van-field__control::placeholder {
  color: rgba(232, 208, 160, 0.56) !important;
}

#app .el-input__inner:focus,
#app input:focus,
#app textarea:focus {
  border-color: var(--abg-gold) !important;
}

#app .footer {
  background-color: var(--card-bg-deep) !important;
  color: rgba(232, 208, 160, 0.72) !important;
  border-top: 1px solid var(--abg-line);
}

#app .footer .wrap,
#app .footer .last {
  background-color: var(--abg-panel) !important;
  border-color: var(--abg-line) !important;
}

#app .el-tabs__nav,
#app .van-tabs__nav,
#app .van-tabs__nav--card {
  background-color: var(--abg-panel) !important;
  border-color: var(--abg-line) !important;
}

#app .el-tabs__item,
#app .van-tabs__nav--card .van-tab {
  color: rgba(232, 208, 160, 0.76) !important;
}

#app .van-tabs__nav--card .van-tab.van-tab--active {
  color: var(--abg-ink) !important;
}

#app .el-table::before,
#app .el-table--border::after,
#app .el-table--group::after {
  background-color: var(--abg-line) !important;
}

#app .container,
#app .homeNew,
#app .child-view,
#app .main,
#app .navBar {
  background-color: var(--abg-ink) !important;
  color: var(--abg-text) !important;
}

#app .language,
#app .userPanel {
  background-color: var(--abg-header) !important;
  background-image: none !important;
  border-color: var(--abg-line) !important;
}

#app .language-current {
  background-color: var(--abg-panel) !important;
  border: 1px solid var(--abg-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

#app .language-panel-container {
  background-color: var(--abg-panel) !important;
  background-image: linear-gradient(180deg, var(--bg-primary), var(--card-bg-deep)) !important;
  border-bottom: 1px solid var(--abg-line) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.38);
}

#app .language-panel-item {
  color: var(--abg-gold) !important;
  transition: background-color 160ms ease, box-shadow 160ms ease;
}

#app .language-panel-item.active {
  background-color: rgba(200, 166, 106, 0.1) !important;
  box-shadow: inset 0 -2px var(--abg-muted-gold);
}

#app .language-panel-item:active {
  background-color: rgba(200, 166, 106, 0.16) !important;
}

#app .gameNav {
  background-color: var(--abg-panel) !important;
  background-image: none !important;
  border-right: 1px solid var(--abg-line);
}

#app .gameNav-item {
  background-color: var(--abg-card) !important;
  background-image: none !important;
  color: var(--abg-gold) !important;
  border-color: var(--abg-line) !important;
}

#app .gameNav-item.active,
#app .gameNav-item.active * {
  background-color: var(--abg-gold) !important;
  background-image: none !important;
  color: var(--text-dark) !important;
}

#app .gameNav-item {
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22) !important;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 160ms ease;
}

#app .gameNav-item.active {
  box-shadow: 0 3px 12px rgba(200, 166, 106, 0.28) !important;
}

#app .gameNav-item:active,
#app .gameNavCover-cover:active {
  transform: scale(0.97);
}

#app .gameNavCover-cover {
  background-color: var(--abg-card) !important;
  background-image: linear-gradient(155deg, var(--bg-primary), var(--card-bg)) !important;
  border: 1px solid var(--abg-line) !important;
  border-radius: 10px !important;
  color: var(--abg-gold) !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.24);
  overflow: hidden;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 160ms ease;
}

#app .gameNavCover-cover:active {
  border-color: var(--abg-muted-gold) !important;
  box-shadow: 0 4px 14px rgba(200, 166, 106, 0.2);
}

#app .gameNavCover-tag {
  background-color: rgba(16, 13, 9, 0.9) !important;
  border: 1px solid var(--abg-line) !important;
  color: var(--abg-gold) !important;
}

#app .navBar {
  background-color: rgba(16, 13, 9, 0.96) !important;
  border-top: 1px solid var(--abg-line) !important;
}

#app .navBar-item,
#app .navBar-item p {
  color: var(--abg-gold) !important;
}

#app .navBar-item img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(19%) saturate(535%) hue-rotate(2deg) brightness(95%) contrast(88%);
}

#app .appDownload {
  background-color: var(--abg-raised) !important;
  border-top: 1px solid var(--abg-line);
}

#app .van-cell,
#app .van-popup,
#app .van-dialog,
#app .van-picker,
#app .van-picker__toolbar,
#app .van-dropdown-menu__bar,
#app .van-tabs__nav,
#app .van-tab,
#app .van-collapse-item__content {
  background-color: var(--abg-panel) !important;
  color: var(--abg-text) !important;
  border-color: var(--abg-line) !important;
}

#app .van-cell__title,
#app .van-cell__value,
#app .van-field__control,
#app .van-picker__cancel,
#app .van-picker__confirm,
#app .van-tab {
  color: var(--abg-gold) !important;
}

#app .van-tab--active,
#app .van-tabs__line,
#app .van-button--primary {
  background-color: var(--abg-muted-gold) !important;
  border-color: var(--abg-muted-gold) !important;
  color: var(--text-dark) !important;
}

#app input,
#app textarea,
#app .van-field__control {
  background-color: rgba(16, 13, 9, 0.86) !important;
  border-color: var(--abg-line) !important;
  color: var(--abg-gold) !important;
}

#app input::placeholder,
#app textarea::placeholder,
#app .van-field__control::placeholder {
  color: rgba(233, 209, 164, 0.62) !important;
}
#app .disabled-text {
  color: var(--text-disabled) !important;
}

#app .userPanel-user h6,
#app .page-title,
#app .section-title {
  color: var(--text-primary) !important;
}

#app .my-header.white,
#app .my-header.vip,
#app .pageBox.activity .my-header.white,
#app .van-nav-bar,
#app .header-wrapper__top {
  background-color: var(--header-bg) !important;
  background-image: none !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-primary) !important;
}

#app .my-header.white *,
#app .my-header.vip *,
#app .van-nav-bar *,
#app .van-nav-bar__title,
#app .van-nav-bar__text {
  color: var(--text-secondary) !important;
}

#app .game-container .gameNav,
#app .gameNav,
#app .van-sidebar {
  background-color: var(--card-bg-deep) !important;
  background-image: none !important;
  border-color: var(--border-subtle) !important;
}

#app .game-container .navItem,
#app .van-sidebar-item {
  background-color: var(--card-bg) !important;
  background-image: none !important;
  color: var(--text-secondary) !important;
}

#app .game-container .navItem-title,
#app .van-sidebar-item__text {
  color: var(--text-secondary) !important;
  border-color: var(--border-subtle) !important;
}

#app .game-container .navItem.active,
#app .game-container .navItem.active .navItem-title,
#app .van-sidebar-item--select {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  color: var(--text-dark) !important;
}

#app .game-container .navItem-icon {
  background-color: var(--card-bg) !important;
  background-image: none !important;
}

#app .gameNav-item {
  background-color: var(--card-bg) !important;
  background-image: none !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}

#app .gameNav-item.active,
#app .gameNav-item.active * {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
  box-shadow: none !important;
}

#app .gameNav-item:hover:not(.active) {
  background-color: var(--bg-tertiary) !important;
  border-color: var(--gold-primary) !important;
  color: var(--gold-highlight) !important;
}

#app .gameNavCover-cover {
  background-color: var(--card-bg-deep) !important;
  background-image: linear-gradient(145deg, var(--card-bg-hover) 0%, var(--card-bg) 100%) !important;
  border-color: rgba(200, 166, 106, 0.16) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28) !important;
}

#app .gameNavCover-cover:hover {
  background-color: var(--card-bg-hover) !important;
  border-color: var(--gold-border) !important;
}

#app .gameNavCover-name {
  color: var(--text-primary) !important;
}

#app .gameNavCover-tag {
  background-color: var(--card-overlay) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}

#app .navBar {
  background-color: var(--card-bg-deep) !important;
  border-top-color: var(--border-subtle) !important;
}

#app .navBar-item,
#app .navBar-item *,
#app .navBar-item p {
  color: var(--text-muted) !important;
}

#app .navBar-item.active,
#app .navBar-item.active *,
#app .navBar-item.active p {
  color: var(--text-primary) !important;
}

#app .van-cell,
#app .van-card,
#app .el-card,
#app .el-menu,
#app .el-menu-item,
#app .el-submenu__title,
#app .van-dropdown-menu__bar,
#app .van-tabs__nav,
#app .van-tabs__nav--card,
#app .history-panel {
  background-color: var(--card-bg-deep) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}

#app .van-cell__title,
#app .van-cell__value,
#app .van-card__title,
#app .van-card__desc,
#app .el-menu-item,
#app .el-submenu__title {
  color: var(--text-secondary) !important;
}

#app .el-menu-item.is-active,
#app .el-menu-item:hover,
#app .van-cell:active,
#app .van-sidebar-item:active {
  background-color: var(--card-bg-hover) !important;
  color: var(--gold-highlight) !important;
}

#app .el-button--primary,
#app .van-button--primary,
#app .submitBtn,
#app .login-btn,
#app .btn-primary,
#app .login-submit_3M5eU {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
}

#app .el-button--primary:hover,
#app .van-button--primary:hover,
#app .submitBtn:hover,
#app .login-btn:hover,
#app .btn-primary:hover,
#app .login-submit_3M5eU:hover {
  background-color: var(--gold-highlight) !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
}

#app .van-button:disabled,
#app button:disabled,
#app .el-button.is-disabled {
  background-color: var(--bg-tertiary) !important;
  background-image: none !important;
  border-color: rgba(141, 118, 85, 0.30) !important;
  color: var(--text-disabled) !important;
  opacity: 1 !important;
}

#app .van-checkbox__icon .van-icon,
#app .el-checkbox__inner {
  background-color: var(--card-bg-deep) !important;
  border-color: var(--gold-primary) !important;
}

#app .van-checkbox__icon--checked .van-icon,
#app .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--card-bg-deep) !important;
  border-color: var(--success) !important;
  color: var(--success) !important;
}

#app .van-checkbox__icon--checked::after,
#app .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: var(--success) !important;
}

#app .van-radio__icon--checked {
  background-color: var(--gold-light) !important;
  border-color: var(--gold-primary) !important;
  color: var(--text-dark) !important;
}

#app .van-icon-success,
#app .el-icon-success {
  color: var(--success) !important;
}

#app .van-button--danger,
#app .el-button--danger {
  color: var(--danger) !important;
}

#app .van-button--warning,
#app .el-button--warning {
  color: var(--warning) !important;
}

#app .disabled-text {
  color: var(--text-disabled) !important;
}

#app .userPanel-user h6 {
  color: var(--text-primary) !important;
}

#app .my-header.white,
#app .my-header.vip,
#app .pageBox.activity .my-header.white,
#app .van-nav-bar {
  background-color: var(--header-bg) !important;
  background-image: none !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-primary) !important;
}

#app .my-header.white *,
#app .my-header.vip *,
#app .van-nav-bar *,
#app .van-nav-bar__title,
#app .van-nav-bar__text {
  color: var(--text-secondary) !important;
}

#app .game-container .gameNav,
#app .gameNav,
#app .van-sidebar {
  background-color: var(--card-bg-deep) !important;
  background-image: none !important;
  border-color: var(--border-subtle) !important;
}

#app .game-container .navItem,
#app .van-sidebar-item {
  background-color: var(--card-bg) !important;
  background-image: none !important;
  color: var(--text-secondary) !important;
}

#app .game-container .navItem-title,
#app .van-sidebar-item__text {
  color: var(--text-secondary) !important;
  border-color: var(--border-subtle) !important;
}

#app .game-container .navItem.active,
#app .game-container .navItem.active .navItem-title,
#app .van-sidebar-item--select {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  color: var(--text-dark) !important;
}

#app .game-container .navItem-icon {
  background-color: var(--card-bg) !important;
  background-image: none !important;
}

#app .gameNav-item {
  background-color: var(--card-bg) !important;
  background-image: none !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}

#app .gameNav-item.active,
#app .gameNav-item.active * {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
  box-shadow: none !important;
}

#app .gameNav-item:hover:not(.active) {
  background-color: var(--bg-tertiary) !important;
  border-color: var(--gold-primary) !important;
  color: var(--gold-highlight) !important;
}

#app .gameNavCover-cover {
  background-color: var(--card-bg-deep) !important;
  background-image: linear-gradient(145deg, var(--card-bg-hover) 0%, var(--card-bg) 100%) !important;
  border-color: rgba(200, 166, 106, 0.16) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28) !important;
}

#app .gameNavCover-cover:hover {
  background-color: var(--card-bg-hover) !important;
  border-color: var(--gold-border) !important;
}

#app .gameNavCover-name {
  color: var(--text-primary) !important;
}

#app .gameNavCover-tag {
  background-color: var(--card-overlay) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}

#app .navBar {
  background-color: var(--card-bg-deep) !important;
  border-top-color: var(--border-subtle) !important;
}

#app .navBar-item,
#app .navBar-item *,
#app .navBar-item p {
  color: var(--text-muted) !important;
}

#app .navBar-item.active,
#app .navBar-item.active *,
#app .navBar-item.active p {
  color: var(--text-primary) !important;
}

#app .van-cell,
#app .van-card,
#app .el-card,
#app .el-menu,
#app .el-menu-item,
#app .el-submenu__title,
#app .van-dropdown-menu__bar,
#app .van-tabs__nav,
#app .van-tabs__nav--card,
#app .history-panel {
  background-color: var(--card-bg-deep) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}

#app .van-cell__title,
#app .van-cell__value,
#app .van-card__title,
#app .van-card__desc,
#app .el-menu-item,
#app .el-submenu__title {
  color: var(--text-secondary) !important;
}

#app .el-menu-item.is-active,
#app .el-menu-item:hover,
#app .van-cell:active,
#app .van-sidebar-item:active {
  background-color: var(--card-bg-hover) !important;
  color: var(--gold-highlight) !important;
}

#app .el-button--primary,
#app .van-button--primary,
#app .submitBtn,
#app .login-btn,
#app .btn-primary,
#app .login-submit_3M5eU {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
}

#app .el-button--primary:hover,
#app .van-button--primary:hover,
#app .submitBtn:hover,
#app .login-btn:hover,
#app .btn-primary:hover,
#app .login-submit_3M5eU:hover {
  background-color: var(--gold-highlight) !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
}

#app .van-button:not(.van-button--primary):not(.van-button--danger):not(.van-button--warning):not(.van-button--success),
#app .el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--warning):not(.el-button--success) {
  background-color: var(--card-bg) !important;
  border-color: var(--gold-border) !important;
  color: var(--text-secondary) !important;
}

#app .van-button:disabled,
#app button:disabled,
#app .el-button.is-disabled {
  background-color: var(--bg-tertiary) !important;
  background-image: none !important;
  border-color: rgba(141, 118, 85, 0.30) !important;
  color: var(--text-disabled) !important;
  opacity: 1 !important;
}

#app .van-checkbox__icon .van-icon,
#app .el-checkbox__inner {
  background-color: var(--card-bg-deep) !important;
  border-color: var(--gold-primary) !important;
}

#app .van-checkbox__icon--checked .van-icon,
#app .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--card-bg-deep) !important;
  border-color: var(--success) !important;
  color: var(--success) !important;
}

#app .van-checkbox__icon--checked::after,
#app .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: var(--success) !important;
}

#app .van-radio__icon--checked {
  background-color: var(--gold-light) !important;
  border-color: var(--gold-primary) !important;
  color: var(--text-dark) !important;
}

#app .van-icon-success,
#app .el-icon-success {
  color: var(--success) !important;
}

#app .van-button--danger,
#app .el-button--danger {
  color: var(--danger) !important;
}

#app .van-button--warning,
#app .el-button--warning {
  color: var(--warning) !important;
}

#app h1,
#app h2,
#app h3,
#app h4,
#app h5,
#app .page-title,
#app .section-title {
  color: var(--text-primary) !important;
}

#app .body-text {
  color: var(--text-secondary) !important;
}

#app .secondary-text,
#app .disabled-text {
  color: var(--text-muted) !important;
}

#app .header-wrapper__top,
#app .header-wrapper .top-inner,
#app .header-wrapper .inner {
  background-color: var(--header-bg) !important;
  border-color: var(--border-subtle) !important;
}

#app .userPanel {
  background-color: var(--header-bg) !important;
  border-color: var(--border-subtle) !important;
}

#app .userPanel .avatar,
#app .userPanel .avatar img {
  background-color: var(--gold-light) !important;
}

#app .userPanel-nav > *,
#app .language-current,
#app .menu-button,
#app .menu-btn {
  background-color: var(--card-bg) !important;
  border-color: var(--border-subtle) !important;
  color: var(--gold-light) !important;
}

#app .my-header.white,
#app .my-header.vip,
#app .van-nav-bar {
  background-color: var(--header-bg) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  color: var(--text-primary) !important;
}

#app .my-header.white *,
#app .my-header.vip *,
#app .van-nav-bar *,
#app .van-nav-bar__title,
#app .van-nav-bar__text {
  color: var(--text-secondary) !important;
}

#app .game-container .gameNav,
#app .van-sidebar {
  background-color: var(--card-bg-deep) !important;
  background-image: none !important;
  border-color: var(--border-subtle) !important;
}

#app .game-container .navItem,
#app .van-sidebar-item {
  background-color: var(--card-bg) !important;
  background-image: none !important;
  color: var(--text-secondary) !important;
}

#app .game-container .navItem-title,
#app .van-sidebar-item__text {
  color: var(--text-secondary) !important;
  border-color: var(--border-subtle) !important;
}

#app .game-container .navItem.active,
#app .game-container .navItem.active .navItem-title,
#app .van-sidebar-item--select {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  color: var(--text-dark) !important;
}

#app .game-container .navItem-icon {
  background-color: var(--card-bg) !important;
  background-image: none !important;
}

#app .gameNav,
#app .gameNav-item {
  background-color: var(--card-bg-deep) !important;
  background-image: none !important;
  border-color: var(--border-subtle) !important;
}

#app .gameNav-item {
  color: var(--text-secondary) !important;
}

#app .gameNav-item.active,
#app .gameNav-item.active * {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
  box-shadow: none !important;
}

#app .gameNav-item:hover:not(.active) {
  background-color: var(--bg-tertiary) !important;
  border-color: var(--gold-primary) !important;
  color: var(--gold-highlight) !important;
}

#app .gameNavCover-cover {
  background-color: var(--card-bg-deep) !important;
  background-image: linear-gradient(145deg, var(--card-bg-hover) 0%, var(--card-bg) 100%) !important;
  border-color: rgba(200, 166, 106, 0.16) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28) !important;
}

#app .gameNavCover-cover:hover {
  background-color: var(--card-bg-hover) !important;
  border-color: var(--gold-border) !important;
}

#app .gameNavCover-name {
  color: var(--text-primary) !important;
}

#app .gameNavCover-tag {
  background-color: var(--card-overlay) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}

#app .navBar {
  background-color: var(--card-bg-deep) !important;
  border-top-color: var(--border-subtle) !important;
}

#app .navBar-item,
#app .navBar-item *,
#app .navBar-item p {
  color: var(--text-muted) !important;
}

#app .navBar-item.active,
#app .navBar-item.active *,
#app .navBar-item.active p {
  color: var(--text-primary) !important;
}

#app .navBar-item img,
#app .navBar-item svg {
  opacity: 0.72;
}

#app .navBar-item.active img,
#app .navBar-item.active svg {
  opacity: 1;
}

#app .van-sidebar-item--select::before {
  background-color: var(--gold-primary) !important;
}

#app .van-nav-bar__left .van-icon,
#app .van-nav-bar__right .van-icon,
#app .my-header .van-icon {
  color: var(--gold-light) !important;
}

#app .van-cell,
#app .van-card,
#app .el-card,
#app .el-menu,
#app .el-menu-item,
#app .el-submenu__title,
#app .van-dropdown-menu__bar,
#app .van-tabs__nav,
#app .van-tabs__nav--card,
#app .history-panel {
  background-color: var(--card-bg-deep) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}

#app .van-cell__title,
#app .van-cell__value,
#app .van-card__title,
#app .van-card__desc,
#app .el-menu-item,
#app .el-submenu__title {
  color: var(--text-secondary) !important;
}

#app .el-menu-item.is-active,
#app .el-menu-item:hover,
#app .van-cell:active,
#app .van-sidebar-item:active {
  background-color: var(--card-bg-hover) !important;
  color: var(--gold-highlight) !important;
}

#app .el-button--primary,
#app .van-button--primary,
#app .submitBtn,
#app .login-btn,
#app .btn-primary,
#app .login-submit_3M5eU {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
}

#app .el-button--primary:hover,
#app .van-button--primary:hover,
#app .submitBtn:hover,
#app .login-btn:hover,
#app .btn-primary:hover,
#app .login-submit_3M5eU:hover {
  background-color: var(--gold-highlight) !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
}

#app .van-button:not(.van-button--primary):not(.van-button--danger):not(.van-button--warning):not(.van-button--success),
#app .el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--warning):not(.el-button--success) {
  background-color: var(--card-bg) !important;
  border-color: var(--gold-border) !important;
  color: var(--text-secondary) !important;
}

#app .van-button:disabled,
#app button:disabled,
#app .el-button.is-disabled {
  background-color: var(--bg-tertiary) !important;
  background-image: none !important;
  border-color: rgba(141, 118, 85, 0.30) !important;
  color: var(--text-disabled) !important;
  opacity: 1;
}

#app .van-checkbox__icon .van-icon,
#app .el-checkbox__inner {
  background-color: var(--card-bg-deep) !important;
  border-color: var(--gold-primary) !important;
}

#app .van-checkbox__icon--checked .van-icon,
#app .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--card-bg-deep) !important;
  border-color: var(--success) !important;
  color: var(--success) !important;
}

#app .van-checkbox__icon--checked::after,
#app .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: var(--success) !important;
}

#app .van-icon-success,
#app .el-icon-success,
#app .is-success {
  color: var(--success) !important;
}

#app .van-button--danger,
#app .el-button--danger,
#app .is-danger {
  color: var(--danger) !important;
}

#app .van-button--warning,
#app .el-button--warning,
#app .is-warning {
  color: var(--warning) !important;
}

#app .downloadBtn {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
}

#app .van-icon-success,
#app .van-checkbox__icon--checked,
#app .van-radio__icon--checked {
  background-color: var(--abg-muted-gold) !important;
  border-color: var(--abg-muted-gold) !important;
  color: var(--text-dark) !important;
}

#app .navBar-item,
#app .navBar-item *,
#app .navBar-item.active *,
#app .navBar-item p {
  color: var(--abg-gold) !important;
}

#app .navBar-item img,
#app .navBar-item.active img,
#app .navBar-item svg,
#app .navBar-item.active svg {
  filter: brightness(0) saturate(100%) invert(78%) sepia(19%) saturate(535%) hue-rotate(2deg) brightness(95%) contrast(88%) !important;
}

#app .van-image__loading {
  background-color: var(--abg-card) !important;
}

#app .userPanel *,
#app .gameNav *,
#app .gameNavCover-cover * {
  color: var(--abg-gold) !important;
}

#app .gameNav-item.active * {
  color: var(--text-dark) !important;
}

#app .van-overlay,
#app .van-toast,
#app .van-dialog__header,
#app .van-dialog__content {
  color: var(--abg-gold) !important;
}

#app .userPanel-nav > * {
  background-color: var(--abg-panel) !important;
  border: 1px solid var(--abg-line) !important;
  color: var(--abg-gold) !important;
}

#app .userPanel-nav img,
#app .gameNav-item img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(19%) saturate(535%) hue-rotate(2deg) brightness(95%) contrast(88%);
}

#app .appDownload {
  background-image: linear-gradient(var(--header-bg), var(--header-bg)) !important;
  color: var(--abg-gold) !important;
}

#app .login-logo_3g41C {
  filter: brightness(0) saturate(100%) invert(78%) sepia(19%) saturate(535%) hue-rotate(2deg) brightness(95%) contrast(88%);
}

#app .login-container img[src*="logo.c7ee1a6f.png"] {
  filter: hue-rotate(205deg) saturate(0.62) brightness(1.02);
}

#app #js-username,
#app #passwd {
  padding-left: 40px !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  background-size: 19px auto !important;
}

#app #js-username {
  background-image: url("/static/img/abg-user-icon.png") !important;
}

#app #passwd {
  background-image: url("/static/img/abg-lock-icon.png") !important;
}

#app .personalMain {
  background-color: var(--card-bg) !important;
  background-image: linear-gradient(145deg, var(--card-bg-hover), var(--card-bg)) !important;
  border-color: var(--abg-line) !important;
  color: var(--text-primary) !important;
}

#app .personalMain-info p {
  color: var(--text-muted) !important;
}

#app .personalMain-wallet {
  background-color: var(--abg-card) !important;
  background-image: linear-gradient(135deg, var(--bg-tertiary), var(--card-bg) 62%, var(--card-bg-deep)) !important;
  border: 1px solid var(--abg-line) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px rgba(242, 222, 181, 0.08), 0 4px 14px rgba(0, 0, 0, 0.22);
}

#app .pageBox.activity .my-header.white {
  background-color: var(--abg-ink) !important;
  background-image: linear-gradient(90deg, var(--card-bg), var(--bg-tertiary)) !important;
  border-bottom: 1px solid var(--abg-line) !important;
  color: var(--abg-gold) !important;
}

#app .activityBox {
  background-color: var(--abg-panel) !important;
  background-image: linear-gradient(145deg, var(--bg-primary), var(--card-bg-deep)) !important;
  border: 1px solid var(--abg-line) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
  overflow: hidden;
}

#app .activityBox .title {
  background-color: transparent !important;
  color: var(--abg-gold) !important;
}

#app .customerService .userInfo {
  background-color: var(--abg-ink) !important;
  background-image: linear-gradient(145deg, var(--bg-tertiary), var(--card-bg) 62%, var(--card-bg-deep)) !important;
}

#app .customerService .mainService {
  background-color: var(--abg-card) !important;
  background-image: linear-gradient(125deg, var(--bg-tertiary), var(--card-bg) 58%, var(--card-bg-deep)) !important;
  border: 1px solid var(--abg-line) !important;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.28), inset 0 1px rgba(242, 222, 181, 0.08);
}

#app .customerService .mainService h5,
#app .customerService .mainService p {
  color: var(--abg-gold) !important;
}

#app .customerService .avatar img {
  filter: sepia(0.5) saturate(0.8) hue-rotate(350deg) brightness(0.88) !important;
}

#app .personalMain .avatar.avatar-lg {
  background-color: var(--abg-card) !important;
  border: 1px solid var(--abg-line) !important;
}

#app .personalMain .setting-icon {
  filter: brightness(0) saturate(100%) invert(78%) sepia(19%) saturate(535%) hue-rotate(2deg) brightness(95%) contrast(88%);
}

#app .personalNav,
#app .cell {
  background-color: var(--abg-panel) !important;
  border-color: var(--abg-line) !important;
}

#app .personalNav-title {
  border-color: var(--abg-line) !important;
}

#app .cellItem {
  background-color: var(--abg-card) !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(141, 118, 85, 0.28) !important;
}

#app .personalNav img,
#app .personalMain-wallet-operation img {
  filter: hue-rotate(205deg) saturate(0.62) brightness(1.02) !important;
}

#app .cellItem-icon img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(19%) saturate(535%) hue-rotate(2deg) brightness(95%) contrast(88%);
}

#app .login-form_2s_9H {
  background-color: rgba(16, 13, 9, 0.82) !important;
  border: 1px solid var(--abg-line) !important;
  border-radius: 14px;
}

#app .login-tab_3Bkco.active_2vuA8 {
  border-bottom: 2px solid var(--abg-gold) !important;
  color: var(--abg-cream-gold) !important;
}

#app .login-submit_3M5eU {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  border: 1px solid var(--gold-highlight) !important;
  color: var(--text-dark) !important;
}

#app .login-submit_3M5eU,
#app .gameNav-item.active *,
#app .van-tab--active,
#app .van-button--primary {
  color: var(--text-dark) !important;
}

#app .van-button,
#app button,
#app [role="button"],
#app .activityBox,
#app .cellItem,
#app .personalNav > *,
#app .van-cell,
#app .van-card,
#app .el-card,
#app .box-item,
#app .content-top > .item {
  transition: background-color 180ms ease, background-image 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 160ms ease;
}

#app .van-button--primary,
#app .el-button--primary,
#app .submitBtn,
#app .login-btn,
#app .btn-primary,
#app .login-submit_3M5eU,
#app .downloadBtn {
  background-color: var(--gold-light) !important;
  background-image: none !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}

#app .van-button--primary:hover,
#app .el-button--primary:hover,
#app .submitBtn:hover,
#app .login-btn:hover,
#app .btn-primary:hover,
#app .login-submit_3M5eU:hover,
#app .downloadBtn:hover {
  background-color: var(--gold-highlight) !important;
  background-image: none !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
}

#app .van-button:not(.van-button--primary):not(.van-button--danger):not(.van-button--warning):not(.van-button--success),
#app .el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--warning):not(.el-button--success) {
  background-color: var(--abg-card) !important;
  border-color: var(--abg-line) !important;
  color: var(--abg-gold) !important;
}

#app .van-button:active,
#app button:active,
#app [role="button"]:active,
#app .cellItem:active,
#app .personalNav > *:active {
  transform: scale(0.98);
}

#app .van-button--primary:active,
#app .el-button--primary:active,
#app .submitBtn:active,
#app .login-btn:active,
#app .btn-primary:active,
#app .login-submit_3M5eU:active,
#app .downloadBtn:active {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}

#app .van-button:disabled,
#app button:disabled,
#app .el-button.is-disabled {
  cursor: not-allowed;
  opacity: 0.52;
  transform: none !important;
  box-shadow: none !important;
}

#app .van-button:focus-visible,
#app button:focus-visible,
#app a:focus-visible,
#app [role="button"]:focus-visible {
  outline: 2px solid var(--abg-cream-gold);
  outline-offset: 2px;
}

@media (hover: hover) {
  #app .van-button:not(:disabled):hover,
  #app button:not(:disabled):hover,
  #app .personalNav > *:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(200, 166, 106, 0.2);
  }
}

#app .van-card,
#app .el-card,
#app .activityBox,
#app .box-item,
#app .content-top > .item,
#app .personalNav,
#app .cell,
#app .van-cell-group,
#app .van-popup--center,
#app .van-dialog,
#app .el-dialog,
#app .el-message-box {
  border-radius: 10px !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
}

#app .van-popup--bottom {
  border-radius: 12px 12px 0 0 !important;
}

#app .van-dialog,
#app .el-dialog,
#app .el-message-box {
  overflow: hidden;
}

#app .personalNav > * {
  border-radius: 10px !important;
  background-image: linear-gradient(145deg, var(--card-bg-hover), var(--card-bg)) !important;
}

#app .cellItem:first-child {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

#app .cellItem:last-child {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}

#app .van-cell:active,
#app .van-card:active,
#app .el-card:active,
#app .activityBox:active,
#app .box-item:active,
#app .content-top > .item:active,
#app .activityBox:hover,
#app .personalNav > *:hover,
#app .cellItem:hover {
  border-color: var(--abg-muted-gold) !important;
  box-shadow: 0 5px 16px rgba(200, 166, 106, 0.14);
}

@keyframes abg-detail-enter {
  from {
    opacity: 0.75;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#app .van-card,
#app .el-card,
#app .activityBox,
#app .box-item,
#app .content-top > .item,
#app .personalNav > *,
#app .cell,
#app .cellItem,
#app .van-cell {
  animation: abg-detail-enter 240ms ease-out both;
}

@media (prefers-reduced-motion: reduce) {
  #app .van-button,
  #app button,
  #app [role="button"],
  #app .activityBox,
  #app .cellItem,
  #app .personalNav > *,
  #app .van-cell,
  #app .van-cell-group,
  #app .van-card,
  #app .el-card,
  #app .box-item,
  #app .content-top > .item,
  #app .cell {
    animation: none !important;
    transition: none !important;
  }
}

#app input::placeholder,
#app textarea::placeholder,
#app .van-field__control::placeholder {
  color: rgba(233, 209, 164, 0.62) !important;
}

#app .van-checkbox__icon--checked {
  background-color: var(--card-bg-deep) !important;
  border-color: var(--success) !important;
  color: var(--success) !important;
}

#app .van-checkbox__icon--checked .van-icon {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--success) !important;
}

#app .van-checkbox__label,
#app .el-checkbox__label {
  color: var(--text-secondary) !important;
}

#app .van-icon-success {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--success) !important;
}
#app .van-cell-group,
#app .van-search,
#app .van-search__content {
  background-color: var(--card-bg-deep) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}

#app .van-button:not(.van-button--primary):not(.van-button--danger):not(.van-button--warning):not(.van-button--success),
#app .el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--warning):not(.el-button--success) {
  background-color: var(--card-bg) !important;
  background-image: none !important;
  border-color: var(--gold-border) !important;
  color: var(--text-secondary) !important;
}

#app .my-header .van-icon,
#app .van-nav-bar__left .van-icon,
#app .van-nav-bar__right .van-icon {
  color: var(--gold-light) !important;
}

#app .header-wrapper__top,
#app .my-header.white,
#app .my-header.vip,
#app .pageBox.activity .my-header.white,
#app .van-nav-bar,
#app .userPanel,
#app .language {
  background-color: var(--header-bg) !important;
  background-image: none !important;
}

#app .gameTags .tag {
  background-color: var(--card-bg) !important;
  background-image: none !important;
  border-color: var(--gold-border) !important;
  color: var(--text-secondary) !important;
  box-shadow: none !important;
}

#app .gameTags .tag:hover {
  background-color: var(--bg-tertiary) !important;
  border-color: var(--gold-primary) !important;
  color: var(--gold-highlight) !important;
}

#app .gameTags .tag.active {
  background-color: var(--gold-light) !important;
  border-color: var(--gold-highlight) !important;
  color: var(--text-dark) !important;
}

#app .gameCard {
  background-color: var(--card-bg) !important;
  background-image: linear-gradient(145deg, var(--card-bg-hover), var(--card-bg)) !important;
  box-shadow: inset 0 0 0 1px var(--border-subtle), 0 6px 18px rgba(0, 0, 0, 0.28) !important;
  color: var(--text-primary) !important;
}

#app .gameCard-footer {
  background-color: var(--card-bg) !important;
}

#app .gameCard-footer p {
  color: var(--text-primary) !important;
}

#app .gameCard-footer .star {
  color: var(--gold-light) !important;
}

#app .channelName {
  background-color: var(--gold-primary) !important;
  color: var(--text-dark) !important;
}

#app .van-image__error,
#app .van-image__loading {
  background-color: var(--card-bg-deep) !important;
  color: var(--text-muted) !important;
}

#app .gameCard-cover,
#app .gameNavCover-cover .van-image__img {
  filter: brightness(0.58) saturate(0.9) !important;
}