/* =============================================================
   MS7 light-blue skin (2026 redesign, PSD: MS7_App.psd)
   Scoped under body.page.theme-light — pages without the class are
   untouched. Assets live in /images/skin2026/.
   ============================================================= */

body.page.theme-light {
  --lt-bg: #f1f4f9;
  --lt-card: #ffffff;
  --lt-line: #e3e9f4;
  --lt-line-strong: #cdd9ee;
  --lt-text: #17233a;
  --lt-muted: #6b7a94;
  --lt-blue: #2f6bff;
  --lt-blue-deep: #1c49c9;
  --lt-blue-soft: #eaf1ff;
  --lt-gold: #b98a1d;
  --lt-shadow: 0 10px 28px rgba(23, 55, 128, .10);
  --lt-radius: 16px;

  background: var(--lt-bg) !important;
  color: var(--lt-text) !important;
  /* body must paint the full viewport: the dark skin sets html{background:#000} */
  min-height: 100vh !important;
}

/* ---------------- top bar ---------------- */
body.page.theme-light .topbar {
  background: var(--lt-card) !important;
  border-bottom: 1px solid var(--lt-line) !important;
  box-shadow: 0 2px 12px rgba(23, 55, 128, .06) !important;
}
body.page.theme-light .topbar .brand__img { filter: none !important; }

body.page.theme-light .mHeaderIcon,
body.page.theme-light .mHeaderWallet__btn--icon,
body.page.theme-light .mBurger,
body.page.theme-light .langSwitch--mobile .langSwitch__toggle {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #f2f5fb !important;
  border: 1px solid var(--lt-line) !important;
  color: var(--lt-text) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.page.theme-light .mBurger__bar { background: var(--lt-text) !important; }
body.page.theme-light .notificationBtn .uiIcon,
body.page.theme-light .mHeaderIcon .uiIcon { color: var(--lt-text) !important; }

/* language switch → round globe button */
body.page.theme-light .langSwitch--mobile .langSwitch__toggle {
  padding: 0 !important;
  gap: 0 !important;
}
body.page.theme-light .langSwitch--mobile .langSwitch__txt,
body.page.theme-light .langSwitch--mobile .langSwitch__caret { display: none !important; }
body.page.theme-light .langSwitch--mobile .langSwitch__globe svg {
  width: 19px !important;
  height: 19px !important;
}
body.page.theme-light .langSwitch__menu {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line) !important;
  box-shadow: var(--lt-shadow) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .langSwitch__opt { color: var(--lt-text) !important; }
body.page.theme-light .langSwitch__opt.is-active { color: var(--lt-blue) !important; }

/* user pill (avatar + name + VIP) replaces the plain profile icon */
body.page.theme-light .mUserPill {
  width: auto !important;
  border-radius: 999px !important;
  padding: 0 !important;
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line-strong) !important;
}
body.page.theme-light .mUserPill .uiIcon--profile { display: none !important; }
body.page.theme-light .mUserPill__body {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 3px 6px 3px 3px !important;
}
body.page.theme-light .mUserPill__avatar {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
body.page.theme-light .mUserPill__name {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--lt-text) !important;
  max-width: 92px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.page.theme-light .mUserPill__vip {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #fff !important;
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  border-radius: 999px !important;
  padding: 3px 8px !important;
  white-space: nowrap !important;
}

/* wallet dropdown */
body.page.theme-light .ddMenu {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line) !important;
  box-shadow: var(--lt-shadow) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .ddItem { color: var(--lt-text) !important; }
body.page.theme-light .ddItem:hover { background: var(--lt-blue-soft) !important; }
body.page.theme-light .ddItem--muted { color: var(--lt-muted) !important; }

/* ---------------- drawer ---------------- */
body.page.theme-light .mDrawer__panel {
  background: var(--lt-card) !important;
  color: var(--lt-text) !important;
  border-left: 1px solid var(--lt-line) !important;
}
body.page.theme-light .mDrawer__panel a,
body.page.theme-light .mDrawer__panel button {
  color: var(--lt-text) !important;
}
body.page.theme-light .mDrawer__panel .mDrawerSection,
body.page.theme-light .mDrawer__panel hr {
  border-color: var(--lt-line) !important;
}

/* ---------------- landing shell ---------------- */
body.page.theme-light .mobileLandingShell {
  background: var(--lt-bg) !important;
  display: flex !important;
  flex-direction: column !important;
}
/* mockup order: videos section last, footer after it */
body.page.theme-light .landingMiniBanners { order: 1 !important; }
body.page.theme-light .mobileLandingShell > .footer { order: 2 !important; }

/* carousel */
body.page.theme-light .landingShow {
  border-radius: var(--lt-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--lt-shadow) !important;
  border: none !important;
}
body.page.theme-light .landingShow__dots button {
  background: #c9d6ee !important;
}
body.page.theme-light .landingShow__dots button.is-active {
  background: var(--lt-blue) !important;
}

/* announcement line */
body.page.theme-light .platformNotice__btn {
  background: transparent !important;
  border: none !important;
  color: var(--lt-text) !important;
  box-shadow: none !important;
}
body.page.theme-light .platformNotice__icon {
  font-size: 0 !important;
  width: 20px !important;
  height: 17px !important;
  background: url('../images/skin2026/notice_speaker.png') no-repeat center / contain !important;
  display: inline-block !important;
}

/* ---------------- VIP display card ---------------- */
body.page.theme-light .vipCard {
  background:
    linear-gradient(135deg, rgba(47, 107, 255, .06), rgba(255, 255, 255, 0) 45%),
    var(--lt-card);
  border: 1.5px solid #a8c1f5 !important;
  border-radius: var(--lt-radius) !important;
  box-shadow: var(--lt-shadow) !important;
  padding: 14px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px 16px !important;
  margin: 12px 0 !important;
}
body.page.theme-light .vipCard__id {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 150px !important;
}
body.page.theme-light .vipCard__badge {
  width: 58px !important;
  height: auto !important;
}
body.page.theme-light .vipCard__levelLabel {
  font-size: 12px !important;
  color: var(--lt-muted) !important;
  display: block !important;
}
body.page.theme-light .vipCard__levelValue {
  font-size: 26px !important;
  font-weight: 900 !important;
  font-style: italic !important;
  color: var(--lt-blue-deep) !important;
  line-height: 1.1 !important;
}
body.page.theme-light .vipCard__stats {
  display: flex !important;
  flex: 1 !important;
  flex-wrap: wrap !important;
  gap: 10px 18px !important;
  min-width: 0 !important;
}
body.page.theme-light .vipStat { min-width: 96px !important; flex: 1 !important; }
body.page.theme-light .vipStat__head {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: var(--lt-muted) !important;
  white-space: nowrap !important;
}
body.page.theme-light .vipStat__head img { width: 19px !important; height: 19px !important; }
body.page.theme-light .vipStat__value {
  margin-top: 4px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  color: var(--lt-text) !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
body.page.theme-light .vipStat__value small {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--lt-muted) !important;
}
body.page.theme-light .vipStat__bar {
  margin-top: 6px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #dfe8fa !important;
  overflow: hidden !important;
}
body.page.theme-light .vipStat__bar i {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #4d86ff, #1c49c9) !important;
}
body.page.theme-light .vipCard__actions {
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
  justify-content: flex-end !important;
}
body.page.theme-light .vipCard__btn {
  border-radius: 999px !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border: 1.5px solid var(--lt-blue) !important;
  color: var(--lt-blue) !important;
  background: var(--lt-card) !important;
}
body.page.theme-light .vipCard__btn--primary {
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* ---------------- quick actions (充值/提款/记录/钱包) ---------------- */
body.page.theme-light .landingActions {
  background: var(--lt-card) !important;
  border-radius: var(--lt-radius) !important;
  box-shadow: var(--lt-shadow) !important;
  border: none !important;
  padding: 16px 8px !important;
}
body.page.theme-light .landingAction {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--lt-text) !important;
  font-weight: 800 !important;
}
body.page.theme-light .landingAction + .landingAction {
  border-left: 1px solid var(--lt-line) !important;
  border-radius: 0 !important;
}
body.page.theme-light .landingAction__glyph {
  width: 62px !important;
  height: 62px !important;
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}
body.page.theme-light .landingAction__glyph::before,
body.page.theme-light .landingAction__glyph::after { display: none !important; }
body.page.theme-light .landingAction--deposit  .landingAction__glyph { background-image: url('../images/skin2026/act_deposit.png') !important; }
body.page.theme-light .landingAction--withdraw .landingAction__glyph { background-image: url('../images/skin2026/act_withdraw.png') !important; }
body.page.theme-light .landingAction--history  .landingAction__glyph { background-image: url('../images/skin2026/act_records.png') !important; }
body.page.theme-light .landingAction--wallet   .landingAction__glyph { background-image: url('../images/skin2026/act_wallet.png') !important; }

/* ---------------- provider category pills ---------------- */
body.page.theme-light .landingProviders__filters {
  background: var(--lt-card) !important;
  border-radius: 999px !important;
  box-shadow: var(--lt-shadow) !important;
  border: none !important;
  padding: 6px !important;
  gap: 4px !important;
}
body.page.theme-light .landingProviders__filters button {
  background: transparent !important;
  border: none !important;
  border-radius: 999px !important;
  color: var(--lt-text) !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 12px !important;
}
body.page.theme-light .landingProviders__filters button::before {
  content: '' !important;
  width: 26px !important;
  height: 26px !important;
  background: no-repeat center / contain !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
}
body.page.theme-light .landingProviders__filters [data-provider-filter="all"]::before { display: none !important; }
body.page.theme-light .landingProviders__filters [data-provider-filter="card"]::before    { background-image: url('../images/skin2026/tab_cards.png') !important; }
body.page.theme-light .landingProviders__filters [data-provider-filter="slots"]::before   { background-image: url('../images/skin2026/tab_slots.png') !important; }
body.page.theme-light .landingProviders__filters [data-provider-filter="sport"]::before   { background-image: url('../images/skin2026/tab_sports.png') !important; }
body.page.theme-light .landingProviders__filters [data-provider-filter="casino"]::before  { background-image: url('../images/skin2026/tab_live.png') !important; }
body.page.theme-light .landingProviders__filters [data-provider-filter="fishing"]::before { background-image: url('../images/skin2026/tab_fishing.png') !important; }
body.page.theme-light .landingProviders__filters button.is-active {
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  color: #fff !important;
}

/* provider / game cards on white panels */
body.page.theme-light .landingProviders__grid,
body.page.theme-light .landingHotGames,
body.page.theme-light .landingMiniBanners {
  background: var(--lt-card) !important;
  border-radius: var(--lt-radius) !important;
  box-shadow: var(--lt-shadow) !important;
  border: none !important;
  padding: 14px !important;
}
body.page.theme-light .landingProviderCard {
  background: #f6f8fd !important;
  border: 1px solid var(--lt-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
body.page.theme-light .landingProviderCard__shine { display: none !important; }
body.page.theme-light .landingProviderCard__mark span { color: var(--lt-muted) !important; }

body.page.theme-light .landingHotGames__head div span { color: var(--lt-muted) !important; }
body.page.theme-light .landingHotGames__head div strong { color: var(--lt-text) !important; }
body.page.theme-light .landingHotGames__head a { color: var(--lt-blue) !important; font-weight: 800 !important; }
body.page.theme-light .landingHotGame {
  border-radius: 12px !important;
  border: 1px solid var(--lt-line) !important;
  background: #f6f8fd !important;
  box-shadow: none !important;
}

/* section head shared style (video section) */
body.page.theme-light .landingSectionHead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 10px !important;
}
body.page.theme-light .landingSectionHead strong {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .landingMiniBanner {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--lt-line) !important;
}

/* ---------------- bottom nav ---------------- */
body.page.theme-light .mNav__bg,
body.page.theme-light .mNav__bar {
  background: var(--lt-card) !important;
  border-top: 1px solid var(--lt-line) !important;
  box-shadow: 0 -6px 18px rgba(23, 55, 128, .08) !important;
}
body.page.theme-light .mNav__bg::before,
body.page.theme-light .mNav__bg::after { display: none !important; }
body.page.theme-light .mNav__item { color: var(--lt-text) !important; }
body.page.theme-light .mNav__item svg { stroke: var(--lt-text) !important; }
body.page.theme-light .mNav__lbl { color: var(--lt-text) !important; font-weight: 800 !important; }
body.page.theme-light .mNav__item.is-active,
body.page.theme-light .mNav__item.is-active svg { color: var(--lt-blue) !important; stroke: var(--lt-blue) !important; }
body.page.theme-light .mNav__home {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line) !important;
  box-shadow: 0 6px 16px rgba(23, 55, 128, .12) !important;
}
body.page.theme-light .mNav__sparkles { display: none !important; }

/* ---------------- desktop footer links on light ---------------- */
body.page.theme-light .footer {
  background: var(--lt-card) !important;
  border-top: 1px solid var(--lt-line) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .footer a { color: var(--lt-muted) !important; }
body.page.theme-light .footer a:hover { color: var(--lt-blue) !important; }
body.page.theme-light .footer__title { color: var(--lt-text) !important; }

/* modals opened from the landing page */
body.page.theme-light .noticeModal__panel {
  background: var(--lt-card) !important;
  color: var(--lt-text) !important;
  border: 1px solid var(--lt-line) !important;
}

/* ---------------- overrides that must out-rank the dark skin ---------------- */
/* wide blue logo: the dark skin crops brand__img to a 46px square */
body.page.theme-light .brand .brand__img {
  width: auto !important;
  height: 36px !important;
  max-width: 160px !important;
  object-fit: contain !important;
}

/* quick-action labels stay dark on the white card */
body.page.theme-light .landingAction span,
body.page.theme-light .landingAction span:last-child {
  color: var(--lt-text) !important;
}

/* kill the gold halo / inner shadows around the bottom-nav center button */
body.page.theme-light .mNav__home::before,
body.page.theme-light .mNav__home::after {
  display: none !important;
  animation: none !important;
}
body.page.theme-light .mNav__home {
  border: 1px solid var(--lt-line) !important;
}
body.page.theme-light .mNav__homeLogo {
  width: 52px !important;
  height: auto !important;
  filter: none !important;
}

/* ================= phase 2 ================= */

/* 1) video section: PSD layout — one big card left, two stacked right */
body.page.theme-light .landingVideoShowcase__grid {
  display: grid !important;
  grid-template-columns: 1.72fr 1fr !important;
  grid-auto-rows: 1fr !important;
  gap: 10px !important;
}
body.page.theme-light .landingVideoShowcase__main { grid-row: 1 / span 2 !important; }
body.page.theme-light .landingVideoShowcase__grid article {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--lt-line) !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page.theme-light .landingVideoShowcase__grid img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* 2) bigger category pills */
body.page.theme-light .landingProviders__filters {
  border-radius: 22px !important;
  padding: 8px !important;
  gap: 6px !important;
}
body.page.theme-light .landingProviders__filters button {
  font-size: 15px !important;
  padding: 10px 16px !important;
  min-height: 56px !important;
  border-radius: 999px !important;
}
body.page.theme-light .landingProviders__filters button::before {
  width: 40px !important;
  height: 40px !important;
}

/* 3) provider section: title row + 4-per-row horizontal scroll */
body.page.theme-light .landingProviders__head { margin: 12px 2px 10px !important; }
body.page.theme-light .landingSectionHead__more {
  color: var(--lt-blue) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
body.page.theme-light .landingProviders__grid {
  display: grid !important;
  grid-template-columns: none !important;
  grid-auto-flow: column !important;
  grid-auto-columns: calc((100% - 30px) / 4) !important;
  gap: 10px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  padding-bottom: 8px !important;
  scrollbar-width: none !important;
}
body.page.theme-light .landingProviders__grid::-webkit-scrollbar { display: none !important; }
body.page.theme-light .landingProviderCard { scroll-snap-align: start !important; }

/* 4) hide the desktop link footer — not in the design */
body.page.theme-light .mobileLandingShell > .footer { display: none !important; }

/* 5) bottom nav: PSD icons + naked center logo */
body.page.theme-light .mNav__item .mNav__ico svg { display: none !important; }
body.page.theme-light .mNav__item .mNav__ico {
  width: 27px !important;
  height: 27px !important;
  background: no-repeat center / contain !important;
}
body.page.theme-light .mNav__bar > a:nth-child(1) .mNav__ico { background-image: url('../images/skin2026/nav_shop.png') !important; }
body.page.theme-light .mNav__bar > a:nth-child(2) .mNav__ico { background-image: url('../images/skin2026/nav_loan.png') !important; }
body.page.theme-light .mNav__bar > a:nth-child(4) .mNav__ico { background-image: url('../images/skin2026/nav_turnover.png') !important; }
body.page.theme-light .mNav__bar > a:nth-child(5) .mNav__ico { background-image: url('../images/skin2026/nav_referral.png') !important; }
body.page.theme-light .mNav__home {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  margin-top: -12px !important;
}
body.page.theme-light .mNav__homeLogo {
  width: 68px !important;
  height: auto !important;
}

/* announcement label reads dark like the design, not gold */
body.page.theme-light .platformNotice__btn strong { color: var(--lt-text) !important; }
body.page.theme-light .mNav__homeLogo {
  background: transparent !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  filter: none !important;
}

/* ================= phase 3 ================= */

/* drawer grouped menu — neutral base so dark pages stay usable */
.mDrawerMenu { display: flex; flex-direction: column; gap: 12px; margin: 6px 0 12px; }
.mDrawerMenu__group { display: flex; flex-direction: column; gap: 2px; padding-bottom: 10px; border-bottom: 1px solid rgba(128, 145, 180, .18); }
.mDrawerMenu__group:last-child { border-bottom: none; }
.mDrawerMenu__title { font-size: 12px; font-weight: 800; opacity: .62; margin-bottom: 4px; }
.mDrawerMenu__item {
  display: flex; align-items: center; gap: 12px;
  padding: 7px 6px; border-radius: 12px;
  font-size: 15px; font-weight: 700;
  color: inherit; text-decoration: none;
  background: none; border: none; text-align: left; width: 100%;
  position: relative; cursor: pointer;
}
.mDrawerMenu__ico { width: 36px; height: 36px; object-fit: contain; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; }
.mDrawerBrand__vip { margin-left: auto; font-size: 11px; font-weight: 800; color: #fff; background: linear-gradient(180deg, #3d79ff, #1c49c9); border-radius: 999px; padding: 3px 9px; align-self: center; }

body.page.theme-light .mDrawerMenu__title { color: var(--lt-muted) !important; opacity: 1 !important; }
body.page.theme-light .mDrawerMenu__item { color: var(--lt-text) !important; }
body.page.theme-light .mDrawerMenu__item:hover { background: var(--lt-blue-soft) !important; }
body.page.theme-light .mDrawerMenu__group { border-color: var(--lt-line) !important; }
body.page.theme-light .mDrawerBrand strong,
body.page.theme-light .mDrawerBrand__eyebrow { color: var(--lt-text) !important; }
body.page.theme-light .mDrawer__close {
  background: #f2f5fb !important;
  border: 1px solid var(--lt-line) !important;
  color: var(--lt-text) !important;
  border-radius: 50% !important;
}

/* balance summary card + red logout per mockup */
body.page.theme-light .mWalletSummary {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line) !important;
  border-radius: 14px !important;
  color: var(--lt-text) !important;
  box-shadow: none !important;
}
body.page.theme-light .mWalletSummary span { color: var(--lt-muted) !important; }
body.page.theme-light .mWalletSummary strong { color: var(--lt-text) !important; }
body.page.theme-light .mWalletSummary__total { border-top: 1px solid var(--lt-line) !important; }
body.page.theme-light .mDrawer__logout {
  background: #e8352c !important;
  border: none !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
}
body.page.theme-light .mDrawerLang__label { color: var(--lt-muted) !important; }

/* 新手福利 float in the light language */
body.page.theme-light .ngStar {
  background: var(--lt-card) !important;
  border: 1.5px solid var(--lt-blue) !important;
  color: var(--lt-text) !important;
  box-shadow: var(--lt-shadow) !important;
}
body.page.theme-light .ngStar__txt { color: var(--lt-text) !important; }
body.page.theme-light .ngStar__badge {
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  color: #fff !important;
  border: none !important;
}

/* live chat bubble in the light language */
body.page.theme-light .liveChat__button {
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  border: none !important;
  box-shadow: 0 12px 26px rgba(28, 73, 201, .35) !important;
}
body.page.theme-light .liveChat__icon { color: #fff !important; fill: #fff !important; stroke: #fff !important; }
body.page.theme-light .liveChat__label { color: #fff !important; }
body.page.theme-light .liveChat__ring { border-color: rgba(61, 121, 255, .45) !important; }

/* login / register modal in the light language */
body.page.theme-light .modal__panel {
  background: var(--lt-card) !important;
  color: var(--lt-text) !important;
  border: 1px solid var(--lt-line) !important;
  box-shadow: 0 30px 80px rgba(23, 55, 128, .22) !important;
}
body.page.theme-light .modal__title { color: var(--lt-text) !important; }
body.page.theme-light .modal__sub { color: var(--lt-muted) !important; }
body.page.theme-light .modal__close {
  background: #f2f5fb !important;
  border: 1px solid var(--lt-line) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .modalTabs {
  background: #eef2fa !important;
  border: 1px solid var(--lt-line) !important;
  border-radius: 999px !important;
  padding: 4px !important;
}
body.page.theme-light .modalTab {
  color: var(--lt-muted) !important;
  border-radius: 999px !important;
  border: none !important;
  background: transparent !important;
}
body.page.theme-light .modalTab.is-active {
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  color: #fff !important;
}
body.page.theme-light .modal .label { color: var(--lt-muted) !important; }
body.page.theme-light .modal .input {
  background: #f7f9fd !important;
  border: 1px solid var(--lt-line) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .modal .input::placeholder { color: #9aa8c2 !important; }
body.page.theme-light .modal .btn--primary {
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  border: none !important;
  color: #fff !important;
}
body.page.theme-light .modal a { color: var(--lt-blue) !important; }

/* coming soon splash */
.comingSoonModal { position: fixed; inset: 0; z-index: 10040; display: flex; align-items: center; justify-content: center; padding: 22px; }
.comingSoonModal[hidden] { display: none; }
.comingSoonModal__backdrop { position: absolute; inset: 0; background: rgba(10, 20, 45, .55); backdrop-filter: blur(3px); }
.comingSoonModal__panel { position: relative; max-width: min(430px, 92vw); }
.comingSoonModal__panel img { width: 100%; height: auto; display: block; filter: drop-shadow(0 24px 60px rgba(10, 25, 70, .45)); }
.comingSoonModal__close {
  position: absolute; top: -6px; right: -2px; z-index: 2;
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(255, 255, 255, .92); border: 1px solid #cdd9ee;
  color: #17233a; font-size: 22px; font-weight: 700; line-height: 1;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
}

/* drawer brand row + guest login CTA in the light language */
body.page.theme-light .mDrawer__top,
body.page.theme-light .mDrawerBrand {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body.page.theme-light .mDrawerBrand__img {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  width: 74px !important;
  height: auto !important;
}
body.page.theme-light .mDrawer__cta {
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
}
body.page.theme-light .mDrawer__cta.mDrawer__logout { background: #e8352c !important; }
body.page.theme-light .mDrawerLang__flag {
  background: #f2f5fb !important;
  border: 1px solid var(--lt-line) !important;
}
body.page.theme-light .mDrawerLang__flag.is-active { border-color: var(--lt-blue) !important; }

/* auth modal uses #authModal rules in the dark skin — match the ID weight */
body.page.theme-light #authModal .modal__panel {
  background: var(--lt-card) !important;
  color: var(--lt-text) !important;
  border: 1px solid var(--lt-line) !important;
  box-shadow: 0 30px 80px rgba(23, 55, 128, .22) !important;
}
body.page.theme-light #authModal .modal__title { color: var(--lt-text) !important; }
body.page.theme-light #authModal .modal__sub { color: var(--lt-muted) !important; }
body.page.theme-light #authModal .modal__close {
  background: #f2f5fb !important;
  border: 1px solid var(--lt-line) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light #authModal .modalTabs {
  background: #eef2fa !important;
  border: 1px solid var(--lt-line) !important;
  border-radius: 999px !important;
}
body.page.theme-light #authModal .modalTab {
  color: var(--lt-muted) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 999px !important;
}
body.page.theme-light #authModal .modalTab.is-active {
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  color: #fff !important;
}
body.page.theme-light #authModal .label { color: var(--lt-muted) !important; }
body.page.theme-light #authModal .input {
  background: #f7f9fd !important;
  border: 1px solid var(--lt-line) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light #authModal .input::placeholder { color: #9aa8c2 !important; }
body.page.theme-light #authModal .btn--primary {
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  border: none !important;
  color: #fff !important;
}
body.page.theme-light #authModal a { color: var(--lt-blue) !important; }
body.page.theme-light #authModal .authSwitchNote { color: var(--lt-muted) !important; }
body.page.theme-light #authModal .checkbox,
body.page.theme-light #authModal label { color: var(--lt-text) !important; }

/* auth modal: real input class is .fInput; footer switch row; checkbox */
body.page.theme-light #authModal .modalForm input,
body.page.theme-light #authModal .modalForm select,
body.page.theme-light #authModal .modalForm textarea,
body.page.theme-light #authModal .fInput {
  background: #f7f9fd !important;
  border: 1px solid var(--lt-line) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light #authModal .fInput::placeholder { color: #9aa8c2 !important; }
body.page.theme-light #authModal input[type="checkbox"] { accent-color: var(--lt-blue) !important; }
body.page.theme-light #authModal .modalFoot .muted { color: var(--lt-muted) !important; }
body.page.theme-light #authModal .smallLinkBtn { color: var(--lt-blue) !important; }
body.page.theme-light #authModal .authAlert--error {
  border: 1px solid #dc2848 !important;
  border-left-width: 4px !important;
  background: #fff0f2 !important;
  color: #86152a !important;
  box-shadow: 0 5px 14px rgba(168, 20, 48, .12) !important;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}
body.page.theme-light #authModal .authAlert--error li { color: inherit !important; }
body.page.theme-light #authModal .eyeBtn {
  background: #eef2fa !important;
  border: 1px solid var(--lt-line) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light #authModal .eyeBtn svg { stroke: var(--lt-text) !important; }
body.page.theme-light #authModal .modalForm .btn--primary,
body.page.theme-light #authModal button[type="submit"].btn--primary {
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  border: none !important;
  color: #fff !important;
}

/* ================= phase 4 (beta adjustments 0804) ================= */

/* 1) hero slider: PSD ratio (1004x384), radius on the track, aligned with the cards */
body.page.theme-light .landingShow {
  width: min(100%, 520px) !important;
  margin: 12px auto 0 !important;
  padding: 0 16px !important;
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}
body.page.theme-light .landingShow__track {
  aspect-ratio: 1004 / 384 !important;
  min-height: 0 !important;
  height: auto !important;
  border: none !important;
  border-radius: var(--lt-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--lt-shadow) !important;
}
body.page.theme-light .landingShow__slide img,
body.page.theme-light .landingShow__slide video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 2) 我们都爱的热门游戏 — white card with the PSD rows */
body.page.theme-light .landingLovedGames {
  width: min(calc(100% - 32px), 488px) !important;
  margin: 14px auto 0 !important;
  background: var(--lt-card) !important;
  border-radius: var(--lt-radius) !important;
  box-shadow: var(--lt-shadow) !important;
  padding: 14px !important;
}
body.page.theme-light .landingLovedGames .landingSectionHead { margin: 0 0 10px !important; }
body.page.theme-light .landingLovedGames__rows {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
body.page.theme-light .landingLovedGames__rows img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
body.page.theme-light .landingLovedGames__dots {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 12px !important;
}
body.page.theme-light .landingLovedGames__dots i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #c9d6ee;
}
body.page.theme-light .landingLovedGames__dots i.is-on {
  width: 26px;
  background: var(--lt-blue);
}

/* 3) bottom nav: full width, flat, no pill border/padding */
body.page.theme-light .mNav { padding: 0 !important; }
body.page.theme-light .mNav__wrap {
  max-width: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: var(--lt-card) !important;
  box-shadow: 0 -8px 22px rgba(23, 55, 128, .10) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
body.page.theme-light .mNav__bg,
body.page.theme-light .mNav__bar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 4) drawer top (2026 user pill): close at top-left, avatar pill under it */
body.page.theme-light .mDrawer__top--user {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 14px !important;
}
body.page.theme-light .mDrawerUser {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: var(--lt-card) !important;
  border: 1.5px solid var(--lt-line-strong) !important;
  border-radius: 999px !important;
  padding: 5px 12px 5px 6px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(23, 55, 128, .07) !important;
}
body.page.theme-light .mDrawerUser__avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  flex: 0 0 auto !important;
}
body.page.theme-light .mDrawerUser__name {
  flex: 1 !important;
  min-width: 0 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--lt-text) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.page.theme-light .mDrawerUser__vip {
  flex: 0 0 auto !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #fff !important;
  background: linear-gradient(180deg, #3d79ff, #1c49c9) !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
  white-space: nowrap !important;
}

/* 5) shareholder row in the mock's gold language: plain text + 关闭/开启 on the right */
body.page.theme-light .mDrawerShareToggleRow {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--lt-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 2px 12px !important;
}
body.page.theme-light .mDrawerShareToggleRow__copy span {
  color: var(--lt-gold) !important;
  font-size: 12px !important;
}
body.page.theme-light .mDrawerShareToggleRow__copy strong {
  color: var(--lt-gold) !important;
  font-size: 16px !important;
}
body.page.theme-light .mDrawerShareStar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  padding: 4px 6px !important;
}
body.page.theme-light .mDrawerShareStar__shine,
body.page.theme-light .mDrawerShareStar__glyph { display: none !important; }
body.page.theme-light .mDrawerShareStar__state {
  position: static !important;
  transform: none !important;
  color: var(--lt-gold) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* 6) balance summary: stacked label/value rows like the mock */
body.page.theme-light .mWalletSummary { padding: 14px !important; }
body.page.theme-light .mWalletSummary__row {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
body.page.theme-light .mWalletSummary__item {
  display: flex !important;
  flex-direction: row !important; /* base skin stacks these as centered mini-cards */
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  text-align: left !important;
}
body.page.theme-light .mWalletSummary__item span { font-size: 13.5px !important; }
body.page.theme-light .mWalletSummary__item strong {
  font-size: 14.5px !important;
  font-variant-numeric: tabular-nums !important;
}
body.page.theme-light .mWalletSummary__total {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
}
body.page.theme-light .mWalletSummary__total span { font-size: 13.5px !important; }
body.page.theme-light .mWalletSummary__total strong { font-size: 16px !important; }

/* 7) 2026 logged-in drawer hides the language flags (not in the mock) */
body.page.theme-light .mDrawer__panel.is-userLight .mDrawerLang { display: none !important; }

/* new wide logo proportions in the header / nav / drawer */
body.page.theme-light .brand .brand__img { height: 34px !important; max-width: 150px !important; }
body.page.theme-light .mNav__homeLogo { width: 74px !important; }

/* ================= phase 4b (drawer feedback 0804) ================= */

/* 1) VIP level already lives in the username pill — drop the extra header badge */
body.page.theme-light .creditRankBadge--header { display: none !important; }

/* 2) shareholder row redesigned in the light gold language: text left, compact 关闭 pill right */
body.page.theme-light .mDrawerShareToggleRow {
  margin: 2px 0 8px !important;
  padding: 6px 2px 10px !important;
  gap: 10px !important;
  overflow: visible !important;
}
body.page.theme-light .mDrawerShareToggleRow__copy { min-width: 0 !important; }
body.page.theme-light .mDrawerShareToggleRow__copy span {
  font-size: 11px !important;
  color: #c9a44c !important;
  white-space: nowrap !important;
}
body.page.theme-light .mDrawerShareToggleRow__copy strong {
  margin-top: 1px !important;
  font-size: 15px !important;
  white-space: nowrap !important;
}
body.page.theme-light .mDrawerShareToggleRow .mDrawerShareStar {
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 5px 14px !important;
  border: 1px solid rgba(185, 138, 29, .45) !important;
  border-radius: 999px !important;
  background: #fdf8ee !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body.page.theme-light .mDrawerShareStar__state { font-size: 12.5px !important; }

/* 3) compact drawer so balances + logout fit without scrolling */
body.page.theme-light .mDrawer__panel { padding: 12px !important; }
body.page.theme-light .mDrawer__top--user {
  min-height: 0 !important;
  height: auto !important; /* base skin pins the drawer top to ~59px — content is taller */
  margin-bottom: 8px !important;
  padding: 0 !important;
  gap: 10px !important;
}
body.page.theme-light .mDrawer__top--user .mDrawer__close {
  width: 34px !important;
  height: 34px !important;
}
body.page.theme-light .mDrawerUser { padding: 4px 10px 4px 5px !important; }
body.page.theme-light .mDrawerUser__avatar { width: 36px !important; height: 36px !important; }
body.page.theme-light .mDrawerUser__name { font-size: 14px !important; }
body.page.theme-light .mDrawerMenu { gap: 8px !important; margin: 2px 0 8px !important; }
body.page.theme-light .mDrawerMenu__group { gap: 0 !important; padding-bottom: 6px !important; }
body.page.theme-light .mDrawerMenu__title { font-size: 11px !important; margin-bottom: 2px !important; }
body.page.theme-light .mDrawerMenu__item {
  padding: 4px 6px !important;
  gap: 10px !important;
  font-size: 14px !important;
}
body.page.theme-light .mDrawerMenu__ico { width: 30px !important; height: 30px !important; }
body.page.theme-light .mDrawer__divider { margin: 6px 0 !important; }
body.page.theme-light .mWalletSummary { padding: 10px 12px !important; }
body.page.theme-light .mWalletSummary__row { gap: 7px !important; }
body.page.theme-light .mWalletSummary__item span { font-size: 13px !important; }
body.page.theme-light .mWalletSummary__item strong { font-size: 13.5px !important; }
body.page.theme-light .mWalletSummary__total { margin-top: 8px !important; padding-top: 8px !important; }
body.page.theme-light .mWalletSummary__total strong { font-size: 15px !important; }
body.page.theme-light .mDrawer__panel.is-userLight .mDrawer__bottom { margin-top: 8px !important; padding: 0 !important; }
body.page.theme-light .mDrawer__panel.is-userLight .mDrawer__cta { padding: 11px 0 !important; }

/* ================= phase 4c (0804): topbar buttons per SubPage PSD ================= */
/* neutral gray circles, pure black glyphs (wallet / bell / globe / burger) */
body.page.theme-light .mHeaderIcon:not(.mUserPill),
body.page.theme-light .mHeaderWallet__btn--icon,
body.page.theme-light .mBurger,
body.page.theme-light .langSwitch--mobile .langSwitch__toggle {
  background: #f1f2f4 !important;
  border: none !important;
  color: #0b0c0f !important;
}
body.page.theme-light .mHeaderWallet__btn--icon svg {
  stroke: #0b0c0f !important;
  color: #0b0c0f !important;
}
body.page.theme-light .notificationBtn .uiIcon,
body.page.theme-light .mHeaderIcon:not(.mUserPill) .uiIcon { color: #0b0c0f !important; }
body.page.theme-light .langSwitch--mobile .langSwitch__globe,
body.page.theme-light .langSwitch--mobile .langSwitch__globe svg {
  stroke: #0b0c0f !important;
  color: #0b0c0f !important;
}
body.page.theme-light .mBurger__bar { background: #0b0c0f !important; }

/* the dark skin paints every uiIcon pseudo gold with !important — hand color back to the element */
body.page.theme-light .uiIcon::before,
body.page.theme-light .uiIcon::after {
  color: inherit !important;
  border-color: currentColor !important;
  stroke: currentColor !important;
}

/* compact topbar so pill + 4 buttons + logo fit 375px */
body.page.theme-light .topbar__right--mobile { gap: 4px !important; }
body.page.theme-light .mHeaderIcon:not(.mUserPill),
body.page.theme-light .mHeaderWallet__btn--icon,
body.page.theme-light .mBurger,
body.page.theme-light .langSwitch--mobile .langSwitch__toggle {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 auto !important;
}
body.page.theme-light .mUserPill__avatar { width: 26px !important; height: 26px !important; }
body.page.theme-light .mUserPill__name { max-width: 56px !important; font-size: 12px !important; }
body.page.theme-light .mUserPill__vip { font-size: 10px !important; padding: 2px 7px !important; }
body.page.theme-light .mUserPill__body { gap: 5px !important; padding: 3px 5px 3px 3px !important; }
body.page.theme-light .brand .brand__img { height: 30px !important; }

/* ================= phase 5 (0804): wallet page — SubPage PSD ================= */

/* account shell goes light */
body.page.theme-light .accPage,
body.page.theme-light .accMobile {
  background: var(--lt-bg) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .walletPage { color: var(--lt-text) !important; }

/* flash banners */
body.page.theme-light .wdOk {
  background: #e8f7ec !important;
  border: 1px solid #b7e3c3 !important;
  color: #1c7c3c !important;
}
body.page.theme-light .wdErr {
  background: #fdeeee !important;
  border: 1px solid #f2c4c2 !important;
  color: #c0342c !important;
}

/* white cards */
body.page.theme-light .walletHero,
body.page.theme-light .walletPriorityLock,
body.page.theme-light .walletTabPanel,
body.page.theme-light .walletHistory {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--lt-shadow) !important;
}
body.page.theme-light .walletHistory--cashback {
  box-shadow: none !important;
  border: 1px solid var(--lt-line) !important;
}

/* eyebrows, titles, values */
body.page.theme-light .walletEyebrow,
body.page.theme-light .walletPriorityLock .walletEyebrow,
body.page.theme-light .walletActionCard__eyebrow {
  color: var(--lt-blue-deep) !important;
  font-weight: 800 !important;
}
body.page.theme-light .walletHero h1,
body.page.theme-light .walletHistory h2,
body.page.theme-light .walletPanelHead h2,
body.page.theme-light .walletPriorityLock .walletPanelHead h2 {
  color: var(--lt-text) !important;
  font-weight: 900 !important;
}
body.page.theme-light .walletHero p,
body.page.theme-light .walletPanelHead p,
body.page.theme-light .walletExplain,
body.page.theme-light .walletActionCard p,
body.page.theme-light .walletLockForm label span {
  color: var(--lt-muted) !important;
}
body.page.theme-light .walletTotalBox span,
body.page.theme-light .walletPanelBalance span {
  color: var(--lt-blue-deep) !important;
  font-weight: 800 !important;
}
body.page.theme-light .walletTotalBox strong,
body.page.theme-light .walletPanelBalance strong {
  color: var(--lt-text) !important;
  font-weight: 900 !important;
}

/* feature tabs — segmented control, deep-blue active pill */
body.page.theme-light .walletFeatureTabs__nav {
  background: #e3e6ec !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 4px !important;
  gap: 4px !important;
  box-shadow: none !important;
}
body.page.theme-light .walletFeatureTabBtn {
  min-height: 38px !important;
  border: none !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #3c4454 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
body.page.theme-light .walletFeatureTabBtn.is-active {
  background: var(--lt-blue-deep) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(28, 73, 201, .28) !important;
}

/* gray stat boxes (balances / metrics / lock grid) — centered like the PSD */
body.page.theme-light .walletLockGrid > div,
body.page.theme-light .walletMetrics > div {
  background: #e9ecf1 !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  text-align: center !important;
  justify-items: center !important;
  padding: 10px 8px !important;
}
body.page.theme-light .walletLockGrid span,
body.page.theme-light .walletMetrics span,
body.page.theme-light .walletConfirmPanel span:not(.walletConfirmDialog__title):not(.walletConfirmDialog__icon) {
  color: var(--lt-blue-deep) !important;
  font-weight: 800 !important;
}
body.page.theme-light .walletLockGrid strong,
body.page.theme-light .walletMetrics strong {
  color: var(--lt-text) !important;
  font-weight: 900 !important;
}

/* wallet selector boxes on 钱包记录 */
body.page.theme-light .walletTabs__nav {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  gap: 8px !important;
  box-shadow: none !important;
}
body.page.theme-light .walletTabBtn {
  background: #e9ecf1 !important;
  border: 1.5px solid transparent !important;
  border-radius: 10px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: 3px !important;
  padding: 10px 6px !important;
  text-align: center !important;
}
body.page.theme-light .walletTabBtn .walletCard__mark { display: none !important; }
body.page.theme-light .walletTabBtn span:not(.walletCard__mark) {
  color: var(--lt-blue-deep) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
body.page.theme-light .walletTabBtn strong {
  grid-column: 1 !important;
  color: var(--lt-text) !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
}
body.page.theme-light .walletTabBtn.is-active {
  border-color: var(--lt-blue-deep) !important;
  background: #e9ecf1 !important;
}
body.page.theme-light .walletTabBtn.is-active strong,
body.page.theme-light .walletTabBtn.is-active span:not(.walletCard__mark) { color: inherit !important; }
body.page.theme-light .walletTabBtn.is-active span:not(.walletCard__mark) { color: var(--lt-blue-deep) !important; }
body.page.theme-light .walletTabBtn.is-active strong { color: var(--lt-text) !important; }

/* action buttons */
body.page.theme-light .walletActionBtn,
body.page.theme-light .walletMiniBtn--confirm {
  background: var(--lt-blue-deep) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
body.page.theme-light .walletActionBtn:disabled {
  background: #cfd4dc !important;
  color: #4a5162 !important;
  opacity: 1 !important;
}
body.page.theme-light .walletActionBtn--deposit {
  background: var(--lt-blue-deep) !important;
  color: #fff !important;
  border: none !important;
}
body.page.theme-light .walletActionBtn--withdraw {
  background: #d8342c !important;
  color: #fff !important;
  border: none !important;
}
body.page.theme-light .walletMiniBtn {
  background: #eef0f4 !important;
  border: 1px solid var(--lt-line-strong) !important;
  color: var(--lt-text) !important;
  border-radius: 10px !important;
}

/* lock / release split cards — cream & green like the PSD */
body.page.theme-light .walletActionCard {
  border-radius: 12px !important;
  box-shadow: none !important;
}
body.page.theme-light .walletActionCard--lock {
  border: 1px solid #ead9b0 !important;
  background: linear-gradient(160deg, #fdf7e6, #f8f0da) !important;
}
body.page.theme-light .walletActionCard--release {
  border: 1px solid #bfe3c2 !important;
  background: linear-gradient(160deg, #eff9ee, #e3f3e4) !important;
}
body.page.theme-light .walletActionCard strong { color: var(--lt-text) !important; }
body.page.theme-light .walletActionBadge {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .walletActionCard--lock .walletActionBtn {
  background: #d8342c !important;
  border: none !important;
  color: #fff !important;
}
body.page.theme-light .walletActionCard--release .walletActionBtn {
  background: #3aad4e !important;
  border: none !important;
  color: #fff !important;
}
body.page.theme-light .walletActionCard--release .walletActionBtn:disabled {
  background: #cfd4dc !important;
  color: #4a5162 !important;
  border: none !important;
}
body.page.theme-light .walletLockForm input {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  border-radius: 10px !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .walletLockForm input::placeholder { color: #9aa5b8 !important; }
body.page.theme-light .walletNote {
  color: var(--lt-muted) !important;
  border-left: 2px solid var(--lt-blue-deep) !important;
}

/* recent activity & timeline rows */
body.page.theme-light .walletRecent__toggle {
  background: #e9ecf1 !important;
  border: none !important;
  border-radius: 10px !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .walletRecent__toggle:after {
  border-color: var(--lt-line-strong) !important;
  color: var(--lt-muted) !important;
}
body.page.theme-light .walletRecent__row,
body.page.theme-light .walletTimeline__row,
body.page.theme-light .walletCycleCard {
  background: #eef0f4 !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.page.theme-light .walletRecent__row strong,
body.page.theme-light .walletTimeline__row strong,
body.page.theme-light .walletCycleCard__nums strong {
  color: var(--lt-text) !important;
}
body.page.theme-light .walletRecent span,
body.page.theme-light .walletTimeline small,
body.page.theme-light .walletTimeline__row span,
body.page.theme-light .walletCycleCard__nums span,
body.page.theme-light .walletCycleCard__top small,
body.page.theme-light .walletCycleCard__foot small,
body.page.theme-light .walletPager__info {
  color: var(--lt-muted) !important;
}
body.page.theme-light .is-credit { color: #1f9d4d !important; }
body.page.theme-light .is-debit { color: #d8342c !important; }
body.page.theme-light .walletProgress { background: #dfe3ea !important; }

/* credit rank pill in the 信用特权 title (extra selector out-ranks the grid label rule) */
body.page.theme-light .creditRankBadge--wallet,
body.page.theme-light .walletLockGrid .creditRankBadge--wallet,
body.page.theme-light .walletTitleWithBadge .creditRankBadge--wallet {
  background: var(--lt-blue-deep) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* hero: title left, total right — like the PSD (the dark skin stacks them on mobile) */
body.page.theme-light .walletHero {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
body.page.theme-light .walletTotalBox { text-align: right !important; }

/* list section titles (级差返利 / 最近返利 / 近期活动) read dark, not gold */
body.page.theme-light .walletRecent__title {
  color: var(--lt-text) !important;
  font-weight: 900 !important;
  font-size: 12.5px !important;
}

/* list rows keep the two-column shape on mobile: text left, amount right */
body.page.theme-light .walletRecent__row {
  grid-template-columns: minmax(0, 1fr) auto !important;
}
body.page.theme-light .walletRecent__row > div:last-child { text-align: right !important; }
body.page.theme-light .walletTimeline__row {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

/* confirm dialogs on light */
body.page.theme-light .walletConfirmPanel.is-active { background: rgba(23, 35, 58, .45) !important; }
body.page.theme-light .walletConfirmDialog {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line) !important;
  box-shadow: 0 30px 80px rgba(23, 55, 128, .25) !important;
}
body.page.theme-light .walletConfirmDialog__title { color: var(--lt-text) !important; }
body.page.theme-light .walletConfirmDialog p { color: var(--lt-muted) !important; }
body.page.theme-light .walletConfirmDialog p strong { color: var(--lt-text) !important; }

/* cashback cycle badge */
body.page.theme-light .walletCycleBadge {
  border: 1px solid var(--lt-line-strong) !important;
  color: var(--lt-muted) !important;
}
body.page.theme-light .walletCycleBadge.is-on {
  border-color: #3aad4e !important;
  background: #e6f6e9 !important;
  color: #1f9d4d !important;
}

/* minigame quick action on the 信用池 panel */
body.page.theme-light .walletActionBtn--minigame {
  background: linear-gradient(135deg, #3d79ff, #1c49c9) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* ================= phase 6 (0804): 充值 + 提款 — SubPage PSD ================= */

/* ---- shared card shells ---- */
body.page.theme-light .dCard,
body.page.theme-light .dNotice,
body.page.theme-light .dHistory,
body.page.theme-light .wdHero,
body.page.theme-light .wdCard,
body.page.theme-light .wdGateCard,
body.page.theme-light .wdNotice,
body.page.theme-light .wdHistory {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--lt-shadow) !important;
  color: var(--lt-text) !important;
}

/* flash / error banners on both pages */
body.page.theme-light .dFlash,
body.page.theme-light .wdOk {
  background: #e8f7ec !important;
  border: 1px solid #b7e3c3 !important;
  color: #1c7c3c !important;
}
body.page.theme-light .dFlash--error,
body.page.theme-light .dErr,
body.page.theme-light .wdErr,
body.page.theme-light .wdFieldErr {
  background: #fdeeee !important;
  border: 1px solid #f2c4c2 !important;
  color: #c0342c !important;
}
body.page.theme-light .wdLink { color: var(--lt-blue-deep) !important; font-weight: 800 !important; }

/* ---- 充值 ---- */
body.page.theme-light .dTitle {
  color: var(--lt-blue-deep) !important;
  font-weight: 800 !important;
}
body.page.theme-light .dTitle .req,
body.page.theme-light .wdLabel .req { color: #d8342c !important; }

/* the lone MYR method chip isn't in the design — providers say it all */
body.page.theme-light [data-dep-methods] { display: none !important; }

body.page.theme-light .dMethod {
  background: #e9ecf1 !important;
  border: 1.5px solid transparent !important;
  border-radius: 10px !important;
  color: var(--lt-text) !important;
  box-shadow: none !important;
}
body.page.theme-light .dMethod__ico { display: none !important; }
body.page.theme-light .dMethod__txt {
  color: inherit !important;
  font-weight: 800 !important;
  text-align: center !important;
}
body.page.theme-light .dMethod.is-active {
  background: var(--lt-blue-deep) !important;
  border-color: var(--lt-blue-deep) !important;
  color: #fff !important;
}
body.page.theme-light .dMethod.is-disabled { opacity: .55 !important; }
body.page.theme-light .dMethod__recommended {
  background: #fdf3d8 !important;
  border: 1px solid #ead9b0 !important;
  color: #9a6d10 !important;
  border-radius: 999px !important;
}

body.page.theme-light .dBank {
  background: #e9ecf1 !important;
  border: 1.5px solid transparent !important;
  border-radius: 9px !important;
  color: var(--lt-text) !important;
  box-shadow: none !important;
}
body.page.theme-light .dBank__name { color: inherit !important; font-weight: 800 !important; }
body.page.theme-light .dBank__tick { display: none !important; }
body.page.theme-light .dBank.is-active {
  background: var(--lt-blue-deep) !important;
  border-color: var(--lt-blue-deep) !important;
  color: #fff !important;
}
body.page.theme-light .dBank.is-disabled { opacity: .55 !important; }

body.page.theme-light .dAmt,
body.page.theme-light .wdAmount,
body.page.theme-light .wdSelect,
body.page.theme-light .wdForm input,
body.page.theme-light .wdForm select {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  border-radius: 10px !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .dAmt::placeholder,
body.page.theme-light .wdAmount::placeholder,
body.page.theme-light .wdForm input::placeholder { color: #9aa5b8 !important; }
body.page.theme-light .dAmtClear {
  background: #e9ecf1 !important;
  border: none !important;
  color: var(--lt-muted) !important;
  border-radius: 999px !important;
}

body.page.theme-light .dQuickBtn,
body.page.theme-light .wdQuickBtn {
  background: #e9ecf1 !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  color: var(--lt-text) !important;
  font-weight: 800 !important;
}

body.page.theme-light .depPromo {
  background: #eef0f4 !important;
  border: 1.5px solid transparent !important;
  border-radius: 12px !important;
  color: var(--lt-text) !important;
  box-shadow: none !important;
}
body.page.theme-light .depPromo.is-active { border-color: var(--lt-blue-deep) !important; }
body.page.theme-light .depPromo__title { color: var(--lt-text) !important; font-weight: 900 !important; }
body.page.theme-light .depTag {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  color: var(--lt-muted) !important;
}
body.page.theme-light .depPromo__metaRow span { color: var(--lt-muted) !important; }
body.page.theme-light .depPromo__metaRow b { color: var(--lt-text) !important; }
body.page.theme-light .depPromo__x {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  color: var(--lt-muted) !important;
}

body.page.theme-light .depTc { color: var(--lt-text) !important; }
body.page.theme-light .depTcLink { color: var(--lt-blue-deep) !important; font-weight: 800 !important; }
body.page.theme-light .depTc input[type="checkbox"] { accent-color: var(--lt-blue-deep) !important; }

body.page.theme-light .depSummary {
  background: #eef0f4 !important;
  border: none !important;
  border-radius: 12px !important;
}
body.page.theme-light .depSummary__head { color: var(--lt-blue-deep) !important; font-weight: 800 !important; }
body.page.theme-light .depSummary__row .k { color: var(--lt-muted) !important; }
body.page.theme-light .depSummary__row .v { color: var(--lt-text) !important; font-weight: 800 !important; }
body.page.theme-light .depSummary__note { color: var(--lt-muted) !important; }
body.page.theme-light .depSummary__warn { color: #c0342c !important; }

body.page.theme-light .dSubmit,
body.page.theme-light .wdSubmit {
  background: var(--lt-blue-deep) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 20px rgba(28, 73, 201, .25) !important;
}

/* campaign banner highlight reads blue on the light card */
body.page.theme-light .depVipHl { color: var(--lt-blue-deep) !important; }

/* notices */
body.page.theme-light .dNotice__head,
body.page.theme-light .wdNoticeHead {
  background: transparent !important;
  border: none !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .dNoticeInfo__icon {
  background: var(--lt-blue-deep) !important;
  color: #fff !important;
  border: none !important;
}
body.page.theme-light .dNotice__toggle,
body.page.theme-light .wdNoticeToggle { color: var(--lt-blue-deep) !important; font-weight: 800 !important; }
body.page.theme-light .dNotice__list li,
body.page.theme-light .wdNoticeList li,
body.page.theme-light .wdNoteLine { color: var(--lt-muted) !important; }
body.page.theme-light .dNoticeInfo,
body.page.theme-light .wdNoticeTitle { color: var(--lt-blue-deep) !important; font-weight: 800 !important; }

/* history cards + rows (shared look) */
body.page.theme-light .dHistory__title,
body.page.theme-light .wdHistoryTitle { color: var(--lt-blue-deep) !important; font-weight: 900 !important; }
body.page.theme-light .dHistory__sub,
body.page.theme-light .wdHistorySub { color: var(--lt-muted) !important; }
body.page.theme-light .dHistFilter {
  background: #e9ecf1 !important;
  border: 1.5px solid transparent !important;
  border-radius: 999px !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .dHistFilter.is-active {
  background: var(--lt-blue-deep) !important;
  color: #fff !important;
}
body.page.theme-light .dHistItem,
body.page.theme-light .wdHistRow {
  background: #eef0f4 !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.page.theme-light .dHistBank { color: var(--lt-text) !important; font-weight: 900 !important; }
body.page.theme-light .dHistAmt,
body.page.theme-light .wdHistAmt { color: var(--lt-blue-deep) !important; font-weight: 900 !important; }
body.page.theme-light .dHistMeta,
body.page.theme-light .dHistRef,
body.page.theme-light .wdHistMeta { color: var(--lt-muted) !important; }
body.page.theme-light .wdHistRemark { color: #c0342c !important; }

body.page.theme-light .dHistStatus,
body.page.theme-light .wdStatus {
  border: none !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
}
body.page.theme-light .dHistStatus.is-approved,
body.page.theme-light .wdStatus--approved { background: #3aad4e !important; }
body.page.theme-light .dHistStatus.is-failed,
body.page.theme-light .wdStatus--rejected { background: #d8342c !important; }
body.page.theme-light .dHistStatus.is-pending,
body.page.theme-light .wdStatus--pending { background: #e9a23b !important; }

body.page.theme-light .dHistoryEmpty,
body.page.theme-light .wdEmpty {
  background: transparent !important;
  border: 1px dashed var(--lt-line-strong) !important;
  color: var(--lt-muted) !important;
}
body.page.theme-light .dHistoryEmpty__title,
body.page.theme-light .wdEmptyTitle { color: var(--lt-text) !important; }
body.page.theme-light .dHistoryEmpty__sub,
body.page.theme-light .wdEmptySub { color: var(--lt-muted) !important; }

/* ---- 提款 specifics ---- */
body.page.theme-light .wdTitle { color: var(--lt-text) !important; font-weight: 900 !important; }
body.page.theme-light .wdLabel { color: var(--lt-blue-deep) !important; font-weight: 800 !important; }
body.page.theme-light .wdHint { color: var(--lt-muted) !important; }
body.page.theme-light .wdHero__stats > div {
  background: #e9ecf1 !important;
  border: none !important;
  border-radius: 10px !important;
  text-align: center !important;
}
body.page.theme-light .wdHero__stats span { color: var(--lt-blue-deep) !important; font-weight: 800 !important; }
body.page.theme-light .wdHero__stats strong { color: var(--lt-text) !important; font-weight: 900 !important; }
body.page.theme-light .wdAddAcc {
  background: #fff !important;
  border: 1.5px solid var(--lt-blue-deep) !important;
  color: var(--lt-blue-deep) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}
body.page.theme-light .wdLimitBadge {
  background: #fdeeee !important;
  border: none !important;
  border-radius: 8px !important;
}
body.page.theme-light .wdLimitBadge strong { color: #c0342c !important; font-weight: 800 !important; }
body.page.theme-light .wdGateCard div[style*="height:10px"] { background: #dfe3ea !important; }
body.page.theme-light .wdGateCard div[style*="height:100%"] {
  background: linear-gradient(90deg, #3d79ff, #1c49c9) !important;
}
body.page.theme-light .wdGateCard strong,
body.page.theme-light .wdGateCard { color: var(--lt-text) !important; }
body.page.theme-light .wdLockBox {
  background: #fdf7e6 !important;
  border: 1px solid #ead9b0 !important;
  border-radius: 12px !important;
}
body.page.theme-light .wdLockTitle { color: var(--lt-text) !important; }
body.page.theme-light .wdLockSub,
body.page.theme-light .wdLockSectionLabel,
body.page.theme-light .wdLockFooter { color: var(--lt-muted) !important; }
body.page.theme-light .wdOtpSentBadge {
  background: #e8f7ec !important;
  border: 1px solid #b7e3c3 !important;
  color: #1c7c3c !important;
}
body.page.theme-light .wdInfoBadge {
  background: #eaf1ff !important;
  border: 1px solid #cdd9ee !important;
  color: var(--lt-blue-deep) !important;
}
body.page.theme-light .wdPagination a,
body.page.theme-light .wdPagination span {
  color: var(--lt-text) !important;
  background: #eef0f4 !important;
  border-color: var(--lt-line) !important;
}

/* ---- phase 6b: the dark skin's mobile deposit rules run at (0,5,0) specificity
       (.depPage .accMobile .dMethods[data-dep-providers] .dMethod etc.) —
       re-assert the light look above that weight ---- */
body.page.theme-light .depPage .accMobile .dMethod,
body.page.theme-light .depPage .accMobile .dMethods[data-dep-providers] .dMethod {
  background: #e9ecf1 !important;
  border: 1.5px solid transparent !important;
  border-radius: 10px !important;
  color: var(--lt-text) !important;
  box-shadow: none !important;
  min-height: 52px !important;
}
body.page.theme-light .depPage .accMobile .dMethod .dMethod__ico { display: none !important; }
body.page.theme-light .depPage .accMobile .dMethod .dMethod__txt {
  color: var(--lt-text) !important;
  font-weight: 800 !important;
  text-align: center !important;
}
body.page.theme-light .depPage .accMobile .dMethod.is-active {
  background: var(--lt-blue-deep) !important;
  border-color: var(--lt-blue-deep) !important;
  box-shadow: 0 4px 12px rgba(28, 73, 201, .28) !important;
}
body.page.theme-light .depPage .accMobile .dMethod.is-active .dMethod__txt { color: #fff !important; }
body.page.theme-light .depPage .accMobile .dMethod.is-disabled { opacity: .55 !important; }

body.page.theme-light .depPage .accMobile .dBanks .dBank {
  background: #e9ecf1 !important;
  border: 1.5px solid transparent !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
body.page.theme-light .depPage .accMobile .dBanks .dBank .dBank__name {
  color: var(--lt-text) !important;
  font-weight: 800 !important;
}
body.page.theme-light .depPage .accMobile .dBanks .dBank .dBank__tick { display: none !important; }
body.page.theme-light .depPage .accMobile .dBanks .dBank.is-active {
  background: var(--lt-blue-deep) !important;
  border-color: var(--lt-blue-deep) !important;
}
body.page.theme-light .depPage .accMobile .dBanks .dBank.is-active .dBank__name { color: #fff !important; }

body.page.theme-light .depPage .accMobile .dQuickBtn {
  background: #e9ecf1 !important;
  border: none !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .depPage .accMobile .dAmt {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .depPage .accMobile .dSubmit {
  background: var(--lt-blue-deep) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(28, 73, 201, .25) !important;
}
body.page.theme-light .depPage .accMobile .dNotice__head { color: var(--lt-text) !important; }
body.page.theme-light .depPage .accMobile .dNotice__toggle {
  background: transparent !important;
  border: 1px solid var(--lt-line-strong) !important;
  color: var(--lt-blue-deep) !important;
  border-radius: 999px !important;
}
body.page.theme-light .depPage .accMobile .dHistFilters .dHistFilter,
body.page.theme-light .depPage .accMobile .dHistFilter {
  background: #e9ecf1 !important;
  border: 1.5px solid transparent !important;
  color: var(--lt-text) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
body.page.theme-light .depPage .accMobile .dHistFilter.is-active {
  background: var(--lt-blue-deep) !important;
  color: #fff !important;
}
body.page.theme-light .depPage .accMobile .dHistItem {
  background: #eef0f4 !important;
  border: none !important;
  box-shadow: none !important;
}
body.page.theme-light .depPage .accMobile .dHistBank { color: var(--lt-text) !important; }
body.page.theme-light .depPage .accMobile .dHistAmt { color: var(--lt-blue-deep) !important; }
body.page.theme-light .depPage .accMobile .depPromo {
  background: #eef0f4 !important;
  border: 1.5px solid transparent !important;
  box-shadow: none !important;
}
body.page.theme-light .depPage .accMobile .depPromo.is-active { border-color: var(--lt-blue-deep) !important; }
body.page.theme-light .depPage .accMobile .depPromo__title { color: var(--lt-text) !important; }
body.page.theme-light .depPage .accMobile .depSummary {
  background: #eef0f4 !important;
  border: none !important;
}
body.page.theme-light .depPage .accMobile .depSummary__head { color: var(--lt-blue-deep) !important; }
body.page.theme-light .depPage .accMobile .depTc,
body.page.theme-light .depPage .accMobile .dForm .depTc {
  background: transparent !important;
  border: none !important;
  color: var(--lt-text) !important;
}

/* 提款 hero + gate leftovers */
body.page.theme-light .wdPage .accMobile .wdHero h1 {
  color: var(--lt-text) !important;
  font-weight: 900 !important;
}
body.page.theme-light .wdPage .accMobile .wdHero p { color: var(--lt-muted) !important; }
body.page.theme-light .wdGateCard div[style*="e9edf3"] { color: var(--lt-text) !important; }
body.page.theme-light .wdGateCard div[style*="a7afbb"],
body.page.theme-light .wdGateCard div[style*="a7afbb"] div { color: var(--lt-muted) !important; }
body.page.theme-light .wdErr .wdLink { color: #c0342c !important; text-decoration: underline !important; }

/* phase 6c: active provider + history filters — the dark skin nests these even deeper */
body.page.theme-light .depPage .accMobile .dMethods[data-dep-providers] .dMethod.is-active {
  background: var(--lt-blue-deep) !important;
  border-color: var(--lt-blue-deep) !important;
  box-shadow: 0 4px 12px rgba(28, 73, 201, .28) !important;
}
body.page.theme-light .depPage .accMobile .dMethods[data-dep-providers] .dMethod.is-active .dMethod__txt,
body.page.theme-light .depPage .accMobile .dMethods[data-dep-providers] .dMethod.is-active .dMethod__txt small {
  color: #fff !important;
}
body.page.theme-light .depPage .accMobile .dMethods[data-dep-providers] .dMethod .dMethod__txt {
  color: var(--lt-text) !important;
}
body.page.theme-light .depPage .accMobile .dMethods[data-dep-providers] .dMethod.is-active .dMethod__txt { color: #fff !important; }
body.page.theme-light .depPage .accMobile .dMethods[data-dep-providers] .dMethod .dMethod__ico { display: none !important; }

body.page.theme-light .depPage .accMobile .dHistFilters {
  background: #e9ecf1 !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  padding: 4px !important;
}
body.page.theme-light .depPage .accMobile .dHistFilters .dHistFilter,
body.page.theme-light .depPage .accMobile .dHistFilters button.dHistFilter {
  background: transparent !important;
  border: none !important;
  color: #3c4454 !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
body.page.theme-light .depPage .accMobile .dHistFilters .dHistFilter.is-active,
body.page.theme-light .depPage .accMobile .dHistFilters button.dHistFilter.is-active {
  background: var(--lt-blue-deep) !important;
  color: #fff !important;
}
/* the real chip is the span next to a hidden radio */
body.page.theme-light .depPage .dHistFilter span {
  border: none !important;
  border-radius: 999px !important;
  color: #3c4454 !important;
  font-weight: 800 !important;
  background: transparent !important;
}
body.page.theme-light .depPage .dHistFilter input:checked + span {
  background: var(--lt-blue-deep) !important;
  color: #fff !important;
  border: none !important;
}
body.page.theme-light .depPage .dHistFilter input:focus-visible + span {
  outline: 2px solid var(--lt-blue-deep) !important;
}

/* ================= phase 7 (0804): 记录 / 游戏记录 / 推荐 ================= */

/* hero + panel cards */
body.page.theme-light .txHero,
body.page.theme-light .histHero,
body.page.theme-light .txPanel,
body.page.theme-light .refHero,
body.page.theme-light .refQrCard,
body.page.theme-light .refShareCard,
body.page.theme-light .refCard,
body.page.theme-light .refTerms,
body.page.theme-light .histTable,
body.page.theme-light .mBlock {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--lt-shadow) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .txHero h1,
body.page.theme-light .histHero h1,
body.page.theme-light .refHero h1 {
  color: var(--lt-text) !important;
  font-weight: 900 !important;
}
body.page.theme-light .txHero p,
body.page.theme-light .histHero p,
body.page.theme-light .refHero p,
body.page.theme-light .histHero__kicker { color: var(--lt-muted) !important; }

/* hero stat boxes */
body.page.theme-light .txHero__stats > div,
body.page.theme-light .histHero__stat,
body.page.theme-light .histStats > div,
body.page.theme-light .refHero__stats > div {
  background: #e9ecf1 !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  text-align: center !important;
}
body.page.theme-light .txHero__stats span,
body.page.theme-light .histHero__stat span,
body.page.theme-light .histStats span,
body.page.theme-light .refHero__stats span {
  color: var(--lt-blue-deep) !important;
  font-weight: 800 !important;
}
body.page.theme-light .txHero__stats strong,
body.page.theme-light .histHero__stat strong,
body.page.theme-light .histStats strong,
body.page.theme-light .refHero__stats strong {
  color: var(--lt-text) !important;
  font-weight: 900 !important;
}

/* filters */
body.page.theme-light .histLabel { color: var(--lt-blue-deep) !important; font-weight: 800 !important; }
body.page.theme-light .histSelect,
body.page.theme-light .histDate,
body.page.theme-light .histField {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  border-radius: 10px !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .histRange button,
body.page.theme-light .histRange a,
body.page.theme-light .histCustom {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  border-radius: 999px !important;
  color: var(--lt-text) !important;
  font-weight: 700 !important;
}
body.page.theme-light .histRange button.is-active,
body.page.theme-light .histRange a.is-active {
  background: var(--lt-blue-deep) !important;
  border-color: var(--lt-blue-deep) !important;
  color: #fff !important;
}
body.page.theme-light .histGo {
  background: var(--lt-blue-deep) !important;
  border: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 800 !important;
}

/* table: blue head, white rows */
body.page.theme-light .histHead {
  background: var(--lt-blue-deep) !important;
  border: none !important;
  border-radius: 10px 10px 0 0 !important;
  color: #fff !important;
}
body.page.theme-light .histHead span,
body.page.theme-light .histHead div { color: #fff !important; font-weight: 800 !important; }
body.page.theme-light .histBody { background: transparent !important; }
body.page.theme-light .histRow {
  background: var(--lt-card) !important;
  border: none !important;
  border-bottom: 1px solid var(--lt-line) !important;
  color: var(--lt-text) !important;
  box-shadow: none !important;
}
body.page.theme-light .histRow:last-child { border-bottom: none !important; }
body.page.theme-light .histStrong { color: var(--lt-text) !important; }
body.page.theme-light .histSmall,
body.page.theme-light .histRef,
body.page.theme-light .histBalance { color: var(--lt-muted) !important; }
body.page.theme-light .histBadge {
  background: #e9ecf1 !important;
  border: none !important;
  color: var(--lt-text) !important;
  border-radius: 8px !important;
}

/* mobile record cards */
body.page.theme-light .histCard {
  background: #eef0f4 !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.page.theme-light .histCard__title { color: var(--lt-text) !important; font-weight: 900 !important; }
body.page.theme-light .histCard__meta,
body.page.theme-light .histCard__time,
body.page.theme-light .histCard__extra { color: var(--lt-muted) !important; }
body.page.theme-light .histEmpty,
body.page.theme-light .mEmpty {
  background: transparent !important;
  border: 1px dashed var(--lt-line-strong) !important;
  color: var(--lt-muted) !important;
}
body.page.theme-light .histEmpty__title,
body.page.theme-light .mEmpty__title { color: var(--lt-text) !important; }
body.page.theme-light .histEmpty__sub,
body.page.theme-light .mEmpty__sub { color: var(--lt-muted) !important; }
body.page.theme-light .histPager__btn {
  background: #e9ecf1 !important;
  border: none !important;
  color: var(--lt-text) !important;
  border-radius: 9px !important;
}
body.page.theme-light .histPager__btn.is-disabled { opacity: .45 !important; }
body.page.theme-light .histPager__meta { color: var(--lt-muted) !important; }

/* 推荐 */
body.page.theme-light .refLabel,
body.page.theme-light .mRef__label { color: var(--lt-blue-deep) !important; font-weight: 800 !important; }
body.page.theme-light .refQrCard__qrWrap {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  border-radius: 12px !important;
}
body.page.theme-light .refQrCard__code,
body.page.theme-light .refShareCode {
  background: #e9ecf1 !important;
  border: none !important;
  border-radius: 9px !important;
  color: var(--lt-text) !important;
  font-weight: 900 !important;
}
body.page.theme-light .refQrCard__copy,
body.page.theme-light .refIconBtn--copy {
  background: var(--lt-blue-deep) !important;
  border: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 800 !important;
}
body.page.theme-light .refShareUrl,
body.page.theme-light .refShareLinkRow {
  background: #e9ecf1 !important;
  border: none !important;
  border-radius: 9px !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .refIconBtn {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .mRef__item {
  background: #eef0f4 !important;
  border: none !important;
  border-radius: 10px !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .refTerms__head { color: var(--lt-text) !important; font-weight: 800 !important; }
body.page.theme-light .refTerms__body { color: var(--lt-muted) !important; }
body.page.theme-light .refCopyToast {
  background: var(--lt-text) !important;
  color: #fff !important;
}
body.page.theme-light .refQrModal__panel {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line) !important;
  color: var(--lt-text) !important;
}

/* phase 7b: leftovers */
body.page.theme-light .histStats {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.page.theme-light .refQrCard__brand strong { color: var(--lt-text) !important; }
body.page.theme-light .refQrCard__brand span { color: var(--lt-muted) !important; }
body.page.theme-light .refTree,
body.page.theme-light .refTree__item {
  background: transparent !important;
  border-color: var(--lt-line) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .refTree__empty {
  background: #eef0f4 !important;
  border: none !important;
  border-radius: 10px !important;
  color: var(--lt-muted) !important;
  box-shadow: none !important;
}
body.page.theme-light .refTree__member { color: var(--lt-text) !important; }
body.page.theme-light .refTree__meta { color: var(--lt-muted) !important; }
body.page.theme-light .refTree__row {
  background: #eef0f4 !important;
  border: none !important;
  border-radius: 10px !important;
}

/* ================= phase 8 (0804): 我的资料 / 实名认证 (profile) ================= */

/* shareholder banner on the profile page */
body.page.theme-light .shareShowcase--profile {
  position: relative !important;
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--lt-shadow) !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
  padding: 14px !important;
}
body.page.theme-light .shareShowcase--profile .shareShowcase__particles { display: none !important; }
body.page.theme-light .shareShowcase__diamond {
  position: absolute !important;
  right: 46px;
  top: 4px;
  width: 108px;
  height: auto;
  pointer-events: none;
}
body.page.theme-light .shareShowcase--profile .shareShowcase__kicker {
  color: var(--lt-blue-deep) !important;
  font-weight: 800 !important;
}
body.page.theme-light .shareShowcase--profile .shareShowcase__title {
  color: var(--lt-text) !important;
  font-weight: 900 !important;
}
body.page.theme-light .shareShowcase--profile .shareShowcase__sub {
  color: var(--lt-muted) !important;
  max-width: 62% !important;
}
body.page.theme-light .shareShowcase--profile .shareShowcase__chips span {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  color: var(--lt-text) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}
body.page.theme-light .shareShowcase--profile .shareShowcase__star {
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;
  width: auto !important;
  height: auto !important;
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  padding: 5px 12px !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .shareShowcase--profile .shareShowcase__shine,
body.page.theme-light .shareShowcase--profile .shareShowcase__glyph { display: none !important; }
body.page.theme-light .shareShowcase--profile .shareShowcase__text {
  color: var(--lt-text) !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
}

/* wallet strip */
body.page.theme-light .profileWalletStrip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: var(--lt-card);
  border: 1px solid var(--lt-line);
  border-radius: 14px;
  box-shadow: var(--lt-shadow);
  padding: 14px;
  margin-bottom: 12px;
}
body.page.theme-light .profileWalletStrip__label {
  color: var(--lt-blue-deep);
  font-weight: 900;
  font-size: 15px;
}
body.page.theme-light .profileWalletStrip__value {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
body.page.theme-light .profileWalletStrip__value small {
  color: var(--lt-muted);
  font-weight: 700;
}
body.page.theme-light .profileWalletStrip__value strong {
  color: var(--lt-text);
  font-weight: 900;
  font-size: 19px;
}

/* tabs */
body.page.theme-light .mProfile,
body.page.theme-light .mProfile__head { background: transparent !important; border: none !important; box-shadow: none !important; }
body.page.theme-light .mProfile__title { display: none !important; }
body.page.theme-light .profileTabs {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  gap: 8px !important;
  box-shadow: none !important;
}
body.page.theme-light .profileTab {
  background: #e9ecf1 !important;
  border: none !important;
  border-radius: 10px !important;
  color: var(--lt-text) !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
body.page.theme-light .profileTab.is-active {
  background: var(--lt-blue-deep) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(28, 73, 201, .28) !important;
}
body.page.theme-light .profileTab .success {
  background: #3aad4e !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}
body.page.theme-light .profileTab .warn {
  background: #e9a23b !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* profile card + rows */
body.page.theme-light .profileCard,
body.page.theme-light .kycCard {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--lt-shadow) !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .profileSection__title {
  color: var(--lt-text) !important;
  font-weight: 900 !important;
  border-bottom: 1px solid var(--lt-line) !important;
}
body.page.theme-light .profileRow,
body.page.theme-light .kycRow { border-color: var(--lt-line) !important; }
body.page.theme-light .profileKey,
body.page.theme-light .kycKey {
  color: var(--lt-blue-deep) !important;
  font-weight: 800 !important;
}
body.page.theme-light .profileVal,
body.page.theme-light .kycVal { color: var(--lt-text) !important; font-weight: 700 !important; }
body.page.theme-light .profileDivider { background: var(--lt-line) !important; border-color: var(--lt-line) !important; }
body.page.theme-light .profileAction { color: var(--lt-blue-deep) !important; font-weight: 800 !important; }
body.page.theme-light .creditRankBadge--profile {
  background: var(--lt-blue-deep) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
}

/* security block */
body.page.theme-light .profileSecurity__head { color: var(--lt-text) !important; font-weight: 900 !important; }
body.page.theme-light .profileSecurity__hint { color: var(--lt-muted) !important; }
body.page.theme-light .profileSecurity__tabs a,
body.page.theme-light .profileSecurity__tabs button {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  border-radius: 10px !important;
  color: var(--lt-text) !important;
  font-weight: 800 !important;
}
body.page.theme-light .profileSecurity__tabs a.is-active,
body.page.theme-light .profileSecurity__tabs button.is-active {
  border-color: var(--lt-blue-deep) !important;
  color: var(--lt-blue-deep) !important;
}
body.page.theme-light .profileSecurity__alert {
  background: #fdeeee !important;
  border: 1px solid #f2c4c2 !important;
  color: #c0342c !important;
}
body.page.theme-light .profileSecurity__forgot { color: var(--lt-blue-deep) !important; }
body.page.theme-light .pLabel { color: var(--lt-blue-deep) !important; font-weight: 800 !important; }
body.page.theme-light .pInput {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  border-radius: 10px !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .pInput::placeholder { color: #9aa5b8 !important; }
body.page.theme-light .pSubmit,
body.page.theme-light .kycStart {
  background: var(--lt-blue-deep) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-weight: 900 !important;
}
body.page.theme-light .kycCancel {
  background: #eef0f4 !important;
  border: 1px solid var(--lt-line-strong) !important;
  color: var(--lt-text) !important;
  border-radius: 10px !important;
}

/* KYC panel */
body.page.theme-light .kycProgress__ring {
  background: #e6f6e9 !important;
  border-color: #3aad4e !important;
}
body.page.theme-light .kycProgress__mark { color: #1f9d4d !important; }
body.page.theme-light .kycProgress__title { color: var(--lt-text) !important; }
body.page.theme-light .kycProgress__title--approved { color: #1f9d4d !important; }
body.page.theme-light .kycProgress__sub { color: var(--lt-muted) !important; }
body.page.theme-light .kycDot { background: #1f9d4d !important; }
body.page.theme-light .kycErr {
  background: #fdeeee !important;
  border: 1px solid #f2c4c2 !important;
  color: #c0342c !important;
}
body.page.theme-light .kycEmpty {
  background: transparent !important;
  border: 1px dashed var(--lt-line-strong) !important;
  color: var(--lt-muted) !important;
}
body.page.theme-light .kycEmpty__title { color: var(--lt-text) !important; }
body.page.theme-light .kycEmpty__sub { color: var(--lt-muted) !important; }
body.page.theme-light .kycPromo--inpage,
body.page.theme-light .kycInfo {
  background: #eef0f4 !important;
  border: none !important;
  border-radius: 12px !important;
  color: var(--lt-text) !important;
}
body.page.theme-light .kycPromo__badge {
  background: var(--lt-blue-deep) !important;
  color: #fff !important;
  border: none !important;
}
body.page.theme-light .kycPromo__text { color: var(--lt-muted) !important; }

/* phase 8b: rows go flat on white (base paints each row as a dark cell) */
body.page.theme-light .accPage .accMobile .profileRow,
body.page.theme-light .accPage .accMobile .kycRow,
body.page.theme-light .accPage .profileRow,
body.page.theme-light .accPage .kycRow {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--lt-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 2px !important;
}
body.page.theme-light .accPage .accMobile .profileKey,
body.page.theme-light .accPage .accMobile .kycKey {
  color: var(--lt-blue-deep) !important;
  font-weight: 800 !important;
}
body.page.theme-light .accPage .accMobile .profileVal,
body.page.theme-light .accPage .accMobile .kycVal {
  color: var(--lt-text) !important;
  font-weight: 700 !important;
}
body.page.theme-light .accPage .accMobile .kycInfo {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
body.page.theme-light .accPage .accMobile .profileSecurity__hint {
  background: transparent !important;
  border: none !important;
  color: var(--lt-muted) !important;
  box-shadow: none !important;
  padding: 8px 2px !important;
}
body.page.theme-light .accPage .accMobile .profileSecurity__forgot {
  background: transparent !important;
  border: none !important;
  color: var(--lt-blue-deep) !important;
  font-weight: 800 !important;
}

/* date-of-birth row */
body.page.theme-light .profileDobForm__controls {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
body.page.theme-light .profileDobInput {
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
  border-radius: 9px !important;
  color: var(--lt-text) !important;
  min-height: 36px !important;
  padding: 0 8px !important;
  flex: 1 1 150px !important;
  min-width: 0 !important;
}
body.page.theme-light .profileDobSave {
  background: var(--lt-blue-deep) !important;
  border: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 800 !important;
  padding: 7px 16px !important;
  flex: 0 0 auto !important;
}
body.page.theme-light .profileDobHint {
  color: var(--lt-muted) !important;
  background: transparent !important;
}
body.page.theme-light .profileDobError { color: #c0342c !important; }
body.page.theme-light .profileDobLocked strong { color: var(--lt-text) !important; }

/* silver diamond: opaque white-bg crop — no shadow, sit under the 关闭 pill */
body.page.theme-light .shareShowcase__diamond {
  right: 8px !important;
  top: 30px !important;
  width: 92px !important;
  z-index: 0 !important;
}
body.page.theme-light .shareShowcase--profile .shareShowcase__star { z-index: 1 !important; }
body.page.theme-light .shareShowcase--profile .shareShowcase__body { position: relative !important; z-index: 1 !important; }
body.page.theme-light .depPage .accMobile .depTc input[type="checkbox"] {
  accent-color: var(--lt-blue-deep) !important;
  background: #fff !important;
  border: 1px solid var(--lt-line-strong) !important;
}