#app .gameNav-container > .gameNav-item:nth-child(2),
#app .gameNav-container > .gameNav-item:nth-child(7) {
  display: none !important;
}

#app .main:has(.gameNav-item:nth-child(4).active) .gameNavCover-cover,
#app .main:has(.gameNav-item:nth-child(5).active) .gameNavCover-cover {
  background-color: #110e0a !important;
  background-image: none !important;
  border: 1px solid rgba(200, 166, 106, 0.42) !important;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.3) !important;
}

#app .main:has(.gameNav-item:nth-child(4).active) .gameNavCover-cover .game-img,
#app .main:has(.gameNav-item:nth-child(5).active) .gameNavCover-cover .game-img {
  background: #110e0a !important;
}

#app .main:has(.gameNav-item:nth-child(4).active) .gameNavCover-cover .van-image__img,
#app .main:has(.gameNav-item:nth-child(5).active) .gameNavCover-cover .van-image__img {
  filter: none !important;
  mix-blend-mode: normal !important;
}

#app .main:has(.gameNav-item:nth-child(4).active) .gameNavCover-name,
#app .main:has(.gameNav-item:nth-child(5).active) .gameNavCover-name {
  color: #e3c587 !important;
  font-weight: 600;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.65);
}

#app .main:has(.gameNav-item:nth-child(4).active) .gameNav-container > .gameNav-item:nth-child(4).active,
#app .main:has(.gameNav-item:nth-child(5).active) .gameNav-container > .gameNav-item:nth-child(5).active {
  background: linear-gradient(135deg, #50391f, #342316) !important;
  border-color: rgba(210, 175, 111, 0.55) !important;
  color: #e3c587 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.24) !important;
}

#app .main:has(.gameNav-item:nth-child(4).active) .gameNav-container > .gameNav-item:nth-child(4).active *,
#app .main:has(.gameNav-item:nth-child(5).active) .gameNav-container > .gameNav-item:nth-child(5).active * {
  background: transparent !important;
  color: #e3c587 !important;
}

#app .main:has(.gameNav-item:nth-child(4).active) .gameNavCover-tag,
#app .main:has(.gameNav-item:nth-child(5).active) .gameNavCover-tag {
  z-index: 2;
  background-color: rgba(16, 13, 9, 0.94) !important;
  border: 1px solid rgba(200, 166, 106, 0.36);
  color: #e3c587 !important;
}

#app .payment,
#app .payment .paymentType,
#app .payment .paymentType .cube-scroll-nav-bar,
#app .payment .paymentMethod,
#app .payment .moneyTransferBox,
#app .payment .bankInfoBox {
  background-color: var(--card-bg-deep) !important;
  color: var(--text-primary) !important;
}

#app .payment h5,
#app .payment .cube-scroll-nav-bar-item p,
#app .payment .moneyTransferBox .inputMoney p,
#app .payment .moneyTransferBox .row,
#app .payment .moneyTransferBox .row span,
#app .payment .paymentMethod .row label {
  color: var(--text-secondary) !important;
}

#app .payment .paymentType .cube-scroll-nav-bar-item,
#app .payment .paymentMethod .cube-scroll-nav-bar-item {
  background-color: var(--card-bg) !important;
  border-color: var(--border-subtle) !important;
}

#app .payment .paymentType .cube-scroll-nav-bar-item_active,
#app .payment .paymentMethod .cube-scroll-nav-bar-item_active {
  background-color: var(--bg-tertiary) !important;
  border-color: var(--gold-primary) !important;
}

#app .payment .paymentType .check,
#app .payment .paymentMethod .check,
#app .payment .row a {
  color: var(--gold-light) !important;
}

#app .payment .moneyTransferBox .row,
#app .payment .bankInfoBox .row {
  border-color: var(--border-subtle) !important;
}

#app .payment input,
#app .payment select,
#app .payment textarea {
  color: var(--text-primary) !important;
  background-color: var(--card-bg) !important;
  border-color: var(--border-subtle) !important;
}

#app .payment .confirm {
  background: linear-gradient(135deg, var(--gold-highlight), var(--gold-primary)) !important;
  border: 1px solid var(--gold-highlight) !important;
  color: var(--text-dark) !important;
  box-shadow: 0 4px 14px rgba(200, 166, 106, 0.2) !important;
}

#app .payment .tips p {
  color: var(--danger) !important;
}