/*
 * Jinle midnight champagne theme — 2026-10-21.
 * Presentation only. Load after the existing theme stylesheets.
 * Existing records, category order, routes, permission/disabled states and
 * financial isolation are unchanged. No external assets are introduced.
 */
:root {
  --yd-shell: 432px;
  --yd-bg: #0D1422;
  --yd-surface: #182338;
  --yd-raised: #22314A;
  --yd-gold: #D6BD87;
  --yd-gold-bright: #F3E8CD;
  --yd-gold-dark: #9C855D;
  --yd-text: #F4F1EA;
  --yd-muted: #A8AFC0;
  --yd-border: #5B5242;
  --yd-red: #D6BD87;
  --yd-footer: 64px;
}

/* The legacy lib-flexible script writes a viewport-wide inline font size. */
html {
  font-size: min(10vw, 43.2px) !important;
  background: #080D16 !important;
  touch-action: manipulation !important;
  color-scheme: dark;
}
body {
  width: min(100%, var(--yd-shell)) !important;
  max-width: var(--yd-shell) !important;
  height: 100% !important;
  margin: 0 auto !important;
  background: var(--yd-bg) !important;
  color: var(--yd-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.45;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent;
}
#app {
  position: relative !important;
  width: 100% !important;
  max-width: var(--yd-shell) !important;
  margin: 0 auto !important;
  background: var(--yd-bg) !important;
  color: var(--yd-text);
  font-size: 14px;
  box-shadow: 0 0 60px #0008;
  touch-action: pan-y !important;
}
#app .appNew { height: 100% !important; background: var(--yd-bg) !important; }
#app .appNew > .container:not(.game) {
  height: calc(100% - var(--yd-footer) - env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  background: var(--yd-bg) !important;
}
#app .pageBox,
#app .activity-header,
#app .my-header.white { background: var(--yd-bg) !important; color: var(--yd-text) !important; }
#app .homeNew.child-view {
  position: relative !important;
  inset: auto !important;
  height: auto !important;
  min-height: 100% !important;
  padding-bottom: 16px !important;
  background: var(--yd-bg) !important;
  overflow: visible !important;
}

/* Compact branded header. The original sign-in, mailbox and language actions remain. */
#app .homeNew .headerToggle {
  box-sizing: border-box !important;
  min-height: 52px !important;
  height: 52px !important;
  padding: 5px 84px 5px 12px !important;
  gap: 8px !important;
  border-bottom: 1px solid #5B524280;
  background: linear-gradient(120deg, #182338, #0D1422) !important;
}
#app .homeNew .headerToggle .logo { width: 126px !important; flex: 0 1 126px; }
#app .homeNew .headerToggle .logo img {
  display: block;
  width: 126px !important;
  max-width: 100%;
  height: 40px !important;
  max-height: 40px !important;
  object-fit: contain !important;
}
#app .homeNew .headerToggle > div:last-child { align-items: center !important; gap: 9px !important; }
#app .homeNew .headerToggle .message { display: grid; align-items: center; min-width: 22px; min-height: 32px; }
#app .homeNew .headerToggle .qiandao {
  flex: 0 0 auto;
  width: auto !important;
  min-width: 48px;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 1px solid #8A7858 !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #E8D5AB, #B69B6A) !important;
  color: #0D1422 !important;
  font-size: 11px !important;
  line-height: 28px !important;
}
#app .homeNew .banner-styles__iconMessage__tWZk1 {
  flex: 0 0 22px;
  width: 22px !important;
  height: 22px !important;
  margin: 0 0 0 auto !important;
}
#app .homeNew .banner-styles__iconMessage__tWZk1::after { width: 6px; height: 6px; top: -2px; right: -2px; }
#app .homeNew .van-sticky--fixed {
  right: auto !important;
  left: 50% !important;
  width: min(100%, var(--yd-shell)) !important;
  transform: translateX(-50%) !important;
}
#app .homeNew .carousel {
  box-sizing: border-box;
  width: calc(100% - 24px) !important;
  height: 130px !important;
  margin: 10px 12px 0 !important;
  overflow: hidden;
  border: 1px solid #8A78584d;
  border-radius: 11px;
  background: var(--yd-surface);
}
#app .homeNew .carousel #slide,
#app .homeNew .carousel .swiper-container { width: 100% !important; height: 130px !important; border-radius: 10px !important; }
#app .homeNew .carousel img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
#app .homeNew .swiper-pagination-bullet-active { background: var(--yd-gold-bright) !important; }

/* Announcement remains a ticker; full terms and detail text are never truncated here. */
#app .homeNew .user-card-styles__noticeWrap__2tgRA {
  box-sizing: border-box;
  min-height: 32px !important;
  height: 32px !important;
  margin: 2px 12px 5px !important;
  padding: 0 2px !important;
  background: transparent !important;
  color: var(--yd-gold) !important;
}
#app .homeNew .user-card-styles__noticeIcon__2Atw7 { width: 16px !important; height: 16px !important; margin-right: 6px !important; }
#app .homeNew .user-card-styles__noticeContent__nxFVF { color: var(--yd-muted) !important; font-size: 12px !important; }
#app .homeNew .noticeStyle__container__2aZkj { height: 18px !important; line-height: 18px !important; }
#app .homeNew .noticeStyle__container__2aZkj span { font-size: 12px !important; }
#app .homeNew .styles__noticeTag__34n5R {
  width: auto !important;
  min-width: 34px;
  height: 20px !important;
  padding: 0 5px;
  margin-right: 5px;
  background: #3B3B48 !important;
  color: #F3E8CD !important;
  font-size: 10px !important;
  line-height: 20px !important;
}
#app .homeNew .user-card-styles__noticeBtn__3jpEp { right: 0 !important; width: 48px !important; height: 19px !important; }
#app .homeNew .user-card-styles__noticeBtn__3jpEp span { font-size: 10px !important; }

/* Actual account and wallet actions, without an oversized wallet illustration. */
#app .homeNew .user-card-styles__userCard__L_yBe {
  margin: 0 12px 10px !important;
  border: 1px solid var(--yd-border);
  border-radius: 10px;
  background: var(--yd-surface);
}
#app .homeNew .user-card-styles__userCenter__1CIiT {
  box-sizing: border-box;
  min-height: 70px !important;
  height: auto !important;
  padding: 10px !important;
  gap: 8px;
  border-radius: 10px !important;
  background: linear-gradient(110deg, #182338, #182338) !important;
  filter: none !important;
}
#app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__info__1Ab9A {
  min-width: 0 !important;
  max-width: 48% !important;
  flex: 1 1 auto !important;
  color: var(--yd-text) !important;
  font-size: 12px !important;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
#app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__balance__3gSh0 { margin-top: 4px !important; font-size: 12px !important; line-height: 20px !important; color: var(--yd-gold) !important; }
#app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__balance__3gSh0 span { font-size: 18px !important; }
#app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__walletContent__2ZuSm { flex: 1 1 auto !important; min-width: 0; gap: 8px; }
#app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__walletItem__2OMmI { flex: 1 1 0; min-width: 0; }
#app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__walletItem__2OMmI img { width: 32px !important; height: 32px !important; object-fit: contain !important; filter: none !important; }
#app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__walletItem__2OMmI p { font-size: 11px !important; color: var(--yd-text) !important; line-height: 16px; }
#app .homeNew .user-card-styles__userCenter__1CIiT .bd-home-wallet-label { width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 48px; gap: 4px !important; }
#app .homeNew .user-card-styles__userCenter__1CIiT .bd-home-wallet-text { color: var(--yd-gold) !important; font-size: 10px !important; line-height: 1.35 !important; }
#app .homeNew .toLogin { color: var(--yd-gold-bright) !important; text-decoration: underline; text-underline-offset: 3px; }
#app .homeNew .userPanel { background: var(--yd-surface) !important; box-shadow: none !important; color: var(--yd-text) !important; }
#app .homeNew .userPanel-user { font-size: 13px !important; }
#app .homeNew .userPanel-nav-items { color: var(--yd-gold) !important; font-size: 12px !important; }

/* Left category rail + right two-column catalogue; DOM/data order is untouched. */
#app .homeNew.bd3d-home-ready {
  --bd3d-bg: var(--yd-bg);
  --bd3d-surface: var(--yd-surface);
  --bd3d-surface-2: var(--yd-raised);
  --bd3d-gold: var(--yd-gold);
  --bd3d-gold-rgb: 214, 189, 135;
  --bd3d-cyan: var(--yd-gold);
  --bd3d-text: var(--yd-text);
  --bd3d-muted: var(--yd-muted);
}
#app .homeNew.bd3d-home-ready > .main {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 0 10px !important;
  align-items: start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 12px 16px !important;
  overflow: visible !important;
}
#app .homeNew.bd3d-home-ready > .main > .gameNav {
  position: sticky !important;
  top: 60px !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  width: 76px !important;
  max-width: 76px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  contain: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#app .homeNew.bd3d-home-ready .gameNav .cube-scroll-wrapper,
#app .homeNew.bd3d-home-ready .gameNav .cube-scroll-content,
#app .homeNew.bd3d-home-ready .gameNav .cube-scroll-list-wrapper,
#app .homeNew.bd3d-home-ready .gameNav .gameNav-container {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  overflow: visible !important;
}
#app .homeNew.bd3d-home-ready #index_game_tab.bd-category-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  justify-content: start !important;
  align-content: center !important;
  align-items: center !important;
  justify-items: start !important;
  gap: 4px !important;
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 7px 5px !important;
  border: 1px solid #5B5242 !important;
  border-radius: 7px !important;
  background: linear-gradient(135deg, #22314A, #182338) !important;
  color: #D6BD87 !important;
  box-shadow: inset 0 1px #E3D1A90a !important;
  transform: none !important;
}
/* 游戏分类按钮外框+立体感+点击才变色 */
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button {
  border: 1.5px solid #7a6a4a !important;
  background: linear-gradient(160deg, #25344f, #182338) !important;
  color: #cfc4a8 !important;
  box-shadow: 0 3px 0 #0d1424, 0 6px 14px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07) !important;
  transition: transform .12s ease, border-color .12s ease, color .12s ease, background .12s ease, box-shadow .12s ease !important;
}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button:active { transform: translateY(1px) !important; }
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button.is-selected,
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button[aria-selected="true"] {
  border-color: #f0c56c !important;
  background: linear-gradient(150deg, #3a4a6a, #243450) !important;
  color: #ffe9b8 !important;
  box-shadow: 0 4px 0 #6a4a1e, 0 8px 18px rgba(219,166,66,.32), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button.is-selected,
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button[aria-selected="true"] {
  border-color: #D6BD87 !important;
  background: linear-gradient(150deg, #28364E, #1B273E) !important;
  color: #F3E8CD !important;
  box-shadow: inset 0 1px #E3D1A94d, 0 2px 8px #0003 !important;
}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button::after { display: none !important; }
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon { width: 24px !important; height: 25px !important; }
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon img { width: 100% !important; height: 100% !important; object-fit: contain !important; filter: none !important; }
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-label { font-size: 12px !important; line-height: 1.35 !important; font-weight: 600 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere; }
#app .homeNew.bd3d-home-ready > .main > .gameNavCover {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}
#app .homeNew.bd3d-home-ready .gameNavCover > .cube-scroll-wrapper,
#app .homeNew.bd3d-home-ready .gameNavCover > .cube-scroll-wrapper > .cube-scroll-content,
#app .homeNew.bd3d-home-ready .gameNavCover .cube-scroll-list-wrapper {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-section-head {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin: 16px 0 8px !important;
  padding: 0 !important;
  scroll-margin-top: 62px !important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-section-head:first-child { margin-top: 0 !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-section-kicker { color: #A8AFC0 !important; font-size: 9px !important; line-height: 1.3 !important; letter-spacing: .08em !important; margin-bottom: 3px !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-section-title { color: var(--yd-gold-bright) !important; font-size: 16px !important; font-weight: 650 !important; line-height: 21px !important; gap: 6px !important; text-shadow: none !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-section-title::before { width: 3px !important; height: 16px !important; background: #C3A36C !important; box-shadow: none !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-section-hint,
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-progress { display: none !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 9px 8px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  overflow: visible !important;
  perspective: none !important;
  scroll-snap-type: none !important;
  scroll-padding: 0 !important;
  overscroll-behavior: auto !important;
  touch-action: pan-y !important;
  contain: none !important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail .gameNavCover-items {
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  aspect-ratio: 1 / 1.12 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #5B5242 !important;
  border-radius: 9px !important;
  background: #182338 !important;
  box-shadow: 0 2px 6px #0003 !important;
  opacity: 1 !important;
  transform: none !important;
  transform-style: flat !important;
  perspective: none !important;
  backface-visibility: visible !important;
  will-change: auto !important;
  scroll-snap-align: none !important;
  contain: none !important;
  transition: border-color .15s ease !important;
  overflow: hidden !important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail .gameNavCover-items::before { display: none !important; animation: none !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail .gameNavCover-items::after { background: linear-gradient(180deg, transparent 46%, #080D1640 60%, #080D16f2 100%) !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail .gameNavCover-cover,
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail .game-img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; border-radius: 8px !important; background: #182338 !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail .game-img img,
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail img.van-image__img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; transform: none !important; transition: none !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-card-meta { inset: auto 7px 7px !important; display: block !important; transform: none !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-card-code { color: #F3E8CD !important; font-size: 12px !important; font-weight: 650 !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-shadow: 0 1px 3px #000b !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-card-subtitle { display: none !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-card-subtitle::before { width: 4px !important; height: 4px !important; background: #C3A36C !important; box-shadow: none !important; }
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-card-enter { display: none !important; }
#app .homeNew.bd3d-home-ready > .main > .yd-home-brand-footer,
#app .homeNew.bd3d-home-ready > .main > #yd-home-brand-footer { grid-column: 1 / -1 !important; margin-top: 24px !important; padding: 24px 12px 14px !important; color: var(--yd-muted) !important; }
#app .homeNew .yd-home-brand-footer__logo { width: 180px !important; }
#app .homeNew .yd-home-brand-footer__name { font-size: 26px !important; }
#app .homeNew .yd-home-brand-footer__slogan { font-size: 12px !important; line-height: 1.8 !important; color: var(--yd-muted) !important; letter-spacing: .06em !important; }

/* Bottom navigation keeps all five original actions and their actual state. */
#app .navBar.bd-bottom-nav {
  box-sizing: border-box !important;
  position: fixed !important;
  z-index: 99 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: stretch !important;
  width: min(100%, var(--yd-shell)) !important;
  height: calc(var(--yd-footer) + env(safe-area-inset-bottom, 0px)) !important;
  padding: 0 6px env(safe-area-inset-bottom, 0px) !important;
  border: 0 !important;
  border-top: 1px solid #8A7858 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #182338, #0D1422) !important;
  box-shadow: 0 -5px 18px #0003 !important;
}
#app .navBar.bd-bottom-nav .bd-nav-item {
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  height: 63px !important;
  padding: 5px 0 !important;
  border-radius: 0 !important;
  color: #A8AFC0 !important;
}
#app .navBar.bd-bottom-nav .bd-nav-item.bd-nav-selected { color: #F3E8CD !important; background: linear-gradient(180deg, #28364E38, transparent) !important; }
#app .navBar.bd-bottom-nav .bd-nav-icon-wrap { width: 28px !important; height: 28px !important; border-radius: 6px !important; background: transparent !important; transform: none !important; }
#app .navBar.bd-bottom-nav .bd-nav-icon { width: 25px !important; height: 25px !important; }
#app .navBar.bd-bottom-nav .bd-nav-label,
#app .navBar.bd-bottom-nav .bd-nav-item:visited p { color: inherit !important; font-size: 11px !important; font-weight: 500 !important; line-height: 15px !important; letter-spacing: 0 !important; white-space: normal !important; }
#app .navBar.bd-bottom-nav .bd-recharge-orb {
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: #C3A36C !important;
  color: #0D1422 !important;
  box-shadow: none !important;
  animation: none !important;
  transform: none !important;
}
#app .navBar.bd-bottom-nav .bd-recharge-orb::after { display: none !important; animation: none !important; }
#app .navBar.bd-bottom-nav .bd-recharge-orb .bd-nav-icon { width: 22px !important; height: 22px !important; }

/* Promotions: real categories on the left, actual offer cards on the right. */
#app #bd-promotion-center.bd-promo-app {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) !important;
  align-items: start !important;
  align-content: start !important;
  gap: 12px 9px !important;
  width: 100% !important;
  max-width: var(--yd-shell) !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 12px 10px 24px !important;
  background: var(--yd-bg) !important;
  color: var(--yd-text) !important;
}
#app #bd-promotion-center.bd-promo-app::before { background: none !important; }
#app #bd-promotion-center.bd-promo-app > .bd-promo-hero {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  order: 0 !important;
  min-height: 90px !important;
  margin: 0 !important;
  padding: 15px !important;
  border: 1px solid #5B5242 !important;
  border-radius: 10px !important;
  background: radial-gradient(ellipse at 90% 0, #B69B6A30, transparent 65%), linear-gradient(130deg, #22314A, #182338) !important;
  box-shadow: inset 0 1px #E3D1A90a !important;
}
#app #bd-promotion-center .bd-promo-eyebrow { margin-bottom: 4px !important; color: #D6BD87 !important; font-size: 9px !important; letter-spacing: .12em !important; }
#app #bd-promotion-center .bd-promo-hero h1 { color: #F3E8CD !important; font-size: 23px !important; line-height: 1.3 !important; }
#app #bd-promotion-center .bd-promo-hero > div:first-child { flex: 1 1 auto !important; min-width: 0 !important; }
#app #bd-promotion-center .bd-promo-hero p { width: 100% !important; max-width: 100% !important; margin-top: 5px !important; color: #A8AFC0 !important; font-size: 11px !important; line-height: 1.5 !important; }
#app #bd-promotion-center .bd-promo-hero-mark { top: 0 !important; right: 8px !important; color: #D6BD8722 !important; font-size: 82px !important; }
#app #bd-promotion-center.bd-promo-app > #yd-rebate-entry,
#app #bd-promotion-center.bd-promo-app > #bd-points-launcher {
  box-sizing: border-box !important;
  position: relative !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  order: 0 !important;
  display: grid !important;
  grid-template-columns: 25px minmax(0, 1fr) 10px !important;
  grid-template-rows: auto auto !important;
  gap: 4px 5px !important;
  width: calc(50% - 4px) !important;
  min-height: 76px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 8px !important;
  border: 1px solid #5B5242 !important;
  border-radius: 8px !important;
  background: linear-gradient(125deg, #22314A, #182338) !important;
  color: var(--yd-gold) !important;
  box-shadow: none !important;
}
#app #bd-promotion-center.bd-promo-app > #yd-rebate-entry { justify-self: start !important; }
#app #bd-promotion-center.bd-promo-app > #bd-points-launcher { justify-self: end !important; }
#app #bd-promotion-center .yd-rebate-entry__icon,
#app #bd-promotion-center .bd-points-launch-gem { width: 25px !important; height: 25px !important; background: #3B3B48 !important; color: var(--yd-gold-bright) !important; border-radius: 7px !important; font-size: 16px !important; }
#app #bd-promotion-center .yd-rebate-entry__copy strong,
#app #bd-promotion-center .bd-points-launch-copy strong { color: var(--yd-gold-bright) !important; font-size: 13px !important; }
#app #bd-promotion-center .yd-rebate-entry__copy small,
#app #bd-promotion-center .bd-points-launch-copy small { color: var(--yd-muted) !important; font-size: 10px !important; line-height: 1.5 !important; }
#app #bd-promotion-center.bd-promo-app > .bd-promo-categories {
  position: sticky !important;
  top: 10px !important;
  grid-column: 1 !important;
  grid-row: 3 !important;
  order: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-self: start !important;
  width: 78px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
#app #bd-promotion-center .bd-promo-categories button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 8px 4px !important;
  border: 1px solid #5B5242 !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, #22314A, #182338) !important;
  color: #D6BD87 !important;
  box-shadow: inset 0 1px #E3D1A908 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
#app #bd-promotion-center .bd-promo-categories button.active { border-color: #D6BD87 !important; background: linear-gradient(150deg, #28364E, #1B273E) !important; color: #F3E8CD !important; font-weight: 650 !important; box-shadow: inset 0 1px #E3D1A94d !important; }
#app #bd-promotion-center.bd-promo-app > .bd-promo-list {
  grid-column: 2 !important;
  grid-row: 3 !important;
  order: 0 !important;
  display: grid !important;
  gap: 11px !important;
  min-width: 0 !important;
  width: 100% !important;
}
#app #bd-promotion-center .bd-promo-card {
  width: 100% !important;
  padding: 12px 10px !important;
  border: 1px solid #5B5242 !important;
  border-radius: 10px !important;
  background: radial-gradient(ellipse at 100% 0, #B69B6A2a, transparent 65%), linear-gradient(135deg, #22314A, #182338) !important;
  box-shadow: 0 3px 10px #0003, inset 0 1px #E3D1A908 !important;
}
#app #bd-promotion-center .bd-promo-card::before { width: 3px !important; background: #B69B6A !important; box-shadow: none !important; }
#app #bd-promotion-center .bd-promo-card::after { background: none !important; }
#app #bd-promotion-center .bd-promo-card-top { grid-template-columns: 30px minmax(0, 1fr) !important; gap: 7px !important; }
#app #bd-promotion-center .bd-promo-icon { width: 30px !important; height: 32px !important; border: 1px solid #5B524250 !important; border-radius: 7px !important; background: #3B3B48 !important; box-shadow: none !important; font-size: 19px !important; }
#app #bd-promotion-center .bd-promo-card-copy h2 { margin: 5px 0 4px !important; color: var(--yd-gold-bright) !important; font-size: 15px !important; font-weight: 650 !important; line-height: 1.4 !important; overflow-wrap: anywhere; }
#app #bd-promotion-center .bd-promo-card-copy p { color: #A8AFC0 !important; font-size: 11px !important; line-height: 1.6 !important; overflow-wrap: anywhere; }
#app #bd-promotion-center .bd-promo-badges { flex-wrap: wrap !important; gap: 4px !important; }
#app #bd-promotion-center .bd-promo-badges span { background: #3E3848 !important; color: #F3E8CD !important; border-radius: 3px !important; font-size: 9px !important; line-height: 1.4 !important; }
#app #bd-promotion-center .bd-promo-badges .stack { background: #365643 !important; color: #d5ead5 !important; }
#app #bd-promotion-center .bd-promo-badges .nostack { background: #3B3B48 !important; color: #F3E8CD !important; }
#app #bd-promotion-center .bd-promo-badges .auto { background: #36534b !important; color: #d1e7d9 !important; }
#app #bd-promotion-center .bd-promo-reward { grid-column: 2 !important; display: flex !important; flex-wrap: wrap; gap: 4px 7px; align-items: baseline; min-width: 0 !important; margin-top: 2px !important; text-align: left !important; }
#app #bd-promotion-center .bd-promo-reward strong { color: #F3E8CD !important; font-size: 22px !important; line-height: 1.2 !important; text-shadow: none !important; }
#app #bd-promotion-center .bd-promo-reward small { max-width: 100% !important; margin: 0 !important; color: #A8AFC0 !important; font-size: 10px !important; line-height: 1.4 !important; }
#app #bd-promotion-center .bd-promo-actions { gap: 6px !important; margin-top: 11px !important; }
#app #bd-promotion-center .bd-promo-actions button { min-height: 44px !important; height: auto !important; padding: 8px 5px !important; border-radius: 6px !important; font-size: 11px !important; line-height: 1.4 !important; overflow-wrap: anywhere; }
#app #bd-promotion-center .bd-promo-actions.has-share { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
#app #bd-promotion-center .bd-promo-actions.has-share > :last-child { grid-column: 1 / -1; }
#app .bd-promo-secondary { border: 1px solid #5B5242 !important; background: #182338 !important; color: var(--yd-gold) !important; }
#app .bd-promo-primary { border: 1px solid #B99E6F !important; background: linear-gradient(145deg, #E8D5AB, #C3A36C) !important; color: #0D1422 !important; box-shadow: inset 0 1px #E3D1A926 !important; }
#app .bd-promo-primary:disabled { border: 1px solid #5B5242 !important; background: #303847 !important; color: #929BAB !important; box-shadow: none !important; cursor: not-allowed; }
#app #bd-promotion-center .bd-promo-state { min-height: 130px !important; border: 1px solid #5B5242 !important; border-radius: 9px !important; background: #182338 !important; color: var(--yd-muted) !important; box-shadow: none !important; font-size: 12px !important; }
#app #bd-promotion-center .bd-promo-progress-label { color: #A8AFC0 !important; }
#app #bd-promotion-center .bd-promo-progress-track { background: #0D1422 !important; }
#app #bd-promotion-center .bd-promo-progress-track i { background: linear-gradient(90deg, #B69B6A, #C3A36C) !important; box-shadow: none !important; }
#app #bd-promotion-center .bd-promo-reason,
#app #bd-promotion-center .bd-promo-contact-highlight { color: #D6BD87 !important; font-size: 11px !important; line-height: 1.6 !important; }
#app #bd-promotion-center .bd-promo-referral-stats { border-color: #5B5242 !important; background: #182338 !important; color: #D6BD87 !important; font-size: 11px !important; }
#app #bd-promotion-center #yd-newcomer-slot { min-width: 0; }
#app #bd-promotion-center #yd-newcomer-slot[hidden] { display: none !important; }

/* Existing offer details stay scrollable, including complete rules/tier tables. */
#app .bd-promo-modal-backdrop { background: #080D16d9 !important; backdrop-filter: blur(3px) !important; }
#app .bd-promo-modal-sheet {
  box-sizing: border-box !important;
  right: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  width: min(100%, var(--yd-shell)) !important;
  max-width: var(--yd-shell) !important;
  max-height: 85vh !important;
  max-height: 85dvh !important;
  padding: 12px 16px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  border: 1px solid #5B5242 !important;
  border-bottom: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  background: linear-gradient(150deg, #22314A, #0D1422) !important;
  color: var(--yd-text) !important;
  box-shadow: 0 -12px 36px #0008 !important;
  transform: translateX(-50%) !important;
  animation: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
#app .bd-promo-modal-handle { background: #3B3B48 !important; }
#app .bd-promo-modal-x { border: 1px solid #5B5242 !important; background: #182338 !important; color: #F3E8CD !important; }
#app .bd-promo-modal-title h3 { color: var(--yd-gold-bright) !important; font-size: 19px !important; line-height: 1.4; }
#app .bd-promo-modal-title p { color: var(--yd-muted) !important; line-height: 1.6; }
#app .bd-promo-modal-sheet h4 { color: var(--yd-gold) !important; }
#app .bd-promo-content { color: #D6BD87 !important; font-size: 13px !important; line-height: 1.8 !important; }
#app .bd-promo-content img { max-width: 100% !important; height: auto; }
#app .bd-promo-rule-pills { flex-wrap: wrap; }
#app .bd-promo-rule-pills span { border: 1px solid #5B5242 !important; background: #182338 !important; color: #D6BD87 !important; }
#app .bd-promo-tier-list { border-color: #5B5242 !important; background: #182338 !important; }
#app .bd-promo-tier-list > div { border-color: #5B5242 !important; color: #D6BD87 !important; font-size: 12px !important; }
#app .bd-promo-tier-list .head { background: #182338 !important; color: #A8AFC0 !important; }
#app .bd-promo-tier-list strong { color: #F3E8CD !important; }
#app .bd-promo-modal-close { border: 1px solid #B99E6F !important; border-radius: 7px !important; background: linear-gradient(145deg, #C3A36C, #B69B6A) !important; color: #0D1422 !important; box-shadow: none !important; }
#app #bd-promo-toast { max-width: min(84%, 360px) !important; border-color: #5B5242 !important; background: #182338f5 !important; color: #F3E8CD !important; }
#app #bd-promo-toast.error { background: #7d2e27f5 !important; }

/* Standard controls inherit the same palette; disabled semantics stay intact. */
#app .van-button--primary:not(.van-button--disabled) { border-color: #8A7858 !important; background: linear-gradient(145deg, #C3A36C, #B69B6A) !important; color: #0D1422 !important; }
#app .van-button--default { border-color: #5B5242 !important; background: #182338 !important; color: var(--yd-gold) !important; }
#app .van-button--disabled { opacity: .5 !important; }
#app .van-cell,
#app .van-cell-group { background: #182338 !important; color: var(--yd-text) !important; }
#app .van-cell::after,
#app .van-hairline--top-bottom::after { border-color: #5B5242 !important; }
#app .van-field__control { color: var(--yd-text) !important; }
#app .van-field__control::placeholder { color: #A8AFC0 !important; }
#app .van-cell__value,
#app .van-field__label { color: #A8AFC0 !important; }
#app .van-checkbox__icon--checked .van-icon { border-color: #8A7858 !important; background: #B69B6A !important; color: #0D1422 !important; }
#app .van-tabs__nav { background: #182338 !important; }
#app .van-tab,
#app .pageBox .van-tabs__nav .van-tab__text--ellipsis { color: #A8AFC0 !important; font-size: 13px !important; }
#app .van-tab--active,
#app .pageBox .van-tabs__nav .van-tab--active .van-tab__text--ellipsis { color: #F3E8CD !important; }
#app .van-tabs__line { background: #C3A36C !important; }
#app .van-dialog,
#app .van-popup { max-width: var(--yd-shell); background-color: #182338; color: var(--yd-text); }
#app .van-dialog { width: min(calc(100% - 32px), 392px) !important; border: 1px solid #5B5242; border-radius: 12px !important; }
#app .van-dialog__header { color: var(--yd-gold-bright) !important; }
#app .van-dialog__message { color: #D6BD87 !important; font-size: 14px !important; line-height: 1.7 !important; }
#app .van-dialog__confirm { color: #F3E8CD !important; }
#app .van-overlay { background-color: #080D16c9; }
#app .notice-header { height: 44px !important; padding: 0 14px !important; background: linear-gradient(135deg, #3B3B48, #22314A) !important; color: #F3E8CD !important; font-size: 16px !important; }
#app .notice-content { max-height: 65vh; height: auto !important; min-height: 160px; padding: 14px !important; background: #182338 !important; color: #D6BD87 !important; font-size: 13px !important; line-height: 1.8 !important; }
#app .notice-title { color: var(--yd-gold) !important; font-size: 15px !important; line-height: 1.5 !important; }
#app .notice-content-scroll { max-height: 55vh; overflow-y: auto !important; white-space: pre-wrap; overflow-wrap: anywhere; }
#app .style__entryWrapper__2_5ZA { background: radial-gradient(ellipse at top, #22314A, #0D1422 75%) !important; }
#app .style__entryWrapper__2_5ZA::before { width: 220px !important; max-width: 70%; height: 74px !important; }
#app .style__formContainer__24U1x { width: calc(100% - 24px) !important; max-width: 408px !important; transform: none !important; }
#app .style__formContainer__24U1x .style__content__1DC_4 { background-color: #182338e0 !important; }
#app .style__formContainer__24U1x .style__inputGroup__3EF6I { border: 1px solid #5B5242 !important; border-radius: 8px !important; background-color: #0D1422d9 !important; }
#app .style__formContainer__24U1x .style__btnGroup__18JlG button,
#app .style__formContainer__24U1x .style__btnGroup__18JlG .submit-button { border: 1px solid #8A7858 !important; border-radius: 8px !important; background: linear-gradient(145deg, #C3A36C, #B69B6A) !important; color: #0D1422 !important; font-size: 15px !important; }

/* Entry forms slide by one shell width, never by the browser viewport. */
#app .style__entryWrapper__2_5ZA {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 432px !important;
  padding: 0 0 24px !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
#app .style__entryWrapper__2_5ZA::before { display: none !important; }
#app .style__entryWrapper__2_5ZA > div { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; flex-shrink: 0 !important; }
#app .style__entryWrapper__2_5ZA > .style__entryTop___xHVy {
  height: auto !important;
  margin: 20px 0 18px !important;
  padding: 0 !important;
}
#app .style__entryWrapper__2_5ZA .style__entryTop___xHVy .style__logo__19qPl {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 180px !important;
  max-width: calc(100% - 48px) !important;
  height: 60px !important;
  margin: 0 auto !important;
  background: url('/images/yunding-logo-20260921.png') center / contain no-repeat !important;
  transform: none !important;
}
#app .style__entryWrapper__2_5ZA .style__entryMain__zo8P1 {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 200% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  transition: left .35s ease-in-out !important;
}
#app .style__entryWrapper__2_5ZA .style__entryMain__zo8P1.style__loginAnimated__jxgMP { left: 0 !important; }
#app .style__entryWrapper__2_5ZA .style__entryMain__zo8P1.style__registerAnimated__14BOL,
#app .style__entryWrapper__2_5ZA .style__entryMain__zo8P1.toggle { left: -100% !important; }
#app .style__entryWrapper__2_5ZA .style__entryMain__zo8P1 > .style__formContainer__24U1x {
  box-sizing: border-box !important;
  flex: 0 0 calc(50% - 24px) !important;
  width: calc(50% - 24px) !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 12px !important;
  transform: none !important;
}
#app .style__entryWrapper__2_5ZA .style__formContainer__24U1x .style__content__1DC_4 { min-width: 0 !important; }

/* Legacy fixed overlays also align to the centered phone shell. */
#app .language { right: max(0px, calc((100% - var(--yd-shell)) / 2)) !important; top: 8px !important; }
#app .language-panel-container { box-sizing: border-box; width: min(100%, var(--yd-shell)) !important; margin: 0 auto !important; background: #182338 !important; color: var(--yd-gold) !important; }
#app .language-panel-item,
#app .language-panel-item p { color: var(--yd-muted) !important; }
#app .language-panel-item.active p { color: var(--yd-gold-bright) !important; }
#app .language-panel-item.active p::after { background: var(--yd-gold) !important; }
#app .homeNew .rainIcon { right: max(12px, calc((100% - var(--yd-shell)) / 2 + 12px)) !important; bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; }
#app .homeNew .rainIcon-countdown { width: 50px !important; animation: none !important; }
#app .homeNew .rainIcon-close { width: 20px !important; }
#app .homeNew .appDownload { box-sizing: border-box; max-width: 100%; height: 40px !important; line-height: 40px !important; background: #182338 !important; color: var(--yd-muted) !important; }
#app .homeNew .appDownload .appDownload-tip { color: var(--yd-muted) !important; font-size: 11px !important; }
#app .homeNew .appDownload .downloadBtn { background: #C3A36C !important; color: #0D1422 !important; }

/* Locale-policy mounts outside #app; its controls must share the same shell. */
#yd-language-root {
  position: fixed !important;
  top: 9px !important;
  right: max(10px, calc((100% - 432px) / 2 + 10px)) !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  max-width: 76px !important;
  z-index: 1000;
}
#yd-language-root .yd-language-trigger {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: auto !important;
  min-width: 64px !important;
  max-width: 76px !important;
  min-height: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 1px solid #5B5242 !important;
  border-radius: 7px !important;
  background: #182338 !important;
  color: #D6BD87 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
#yd-language-root .yd-language-trigger > svg { width: 15px !important; height: 15px !important; flex: 0 0 15px; }
#yd-language-root .yd-language-chevron { font-size: 9px !important; }
#yd-language-dialog {
  box-sizing: border-box !important;
  max-width: min(calc(100% - 24px), 408px) !important;
  border-color: #5B5242 !important;
  border-radius: 12px !important;
  background-color: #182338 !important;
  color: #F3E8CD !important;
}
/* Both controls were independently fixed to the viewport by locale-ui.css. */
#yd-language-root > #yd-language-dialog.yd-language-dialog {
  position: fixed !important;
  top: 52px !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: min(calc(100% - 24px), 408px) !important;
  max-width: 408px !important;
  max-height: calc(100vh - 64px) !important;
  max-height: calc(100dvh - 64px) !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
#yd-language-dialog button { border-color: #5B5242; background-color: #22314A; color: #F3E8CD; }
#yd-language-dialog button[aria-checked="true"],
#yd-language-dialog button[aria-selected="true"] { border-color: #D6BD87 !important; background: #1B273E !important; color: #F3E8CD !important; }
#yd-language-root button:focus-visible,
#yd-language-dialog button:focus-visible { outline: 2px solid #B99E6F !important; outline-offset: 2px !important; }
#app button:focus-visible,
#app a:focus-visible,
#app [role="button"]:focus-visible,
#app [role="tab"]:focus-visible { outline: 2px solid #B99E6F !important; outline-offset: 2px !important; }

@media (max-width: 350px) {
  #app .homeNew.bd3d-home-ready > .main { grid-template-columns: 70px minmax(0, 1fr) !important; gap: 0 7px !important; padding-right: 8px !important; padding-left: 8px !important; }
  #app .homeNew.bd3d-home-ready > .main > .gameNav { width: 70px !important; max-width: 70px !important; }
  #app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button { grid-template-columns: 21px minmax(0, 1fr) !important; gap: 3px !important; padding: 7px 4px !important; }
  #app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon { width: 21px !important; height: 23px !important; }
  #app .homeNew.bd3d-home-ready #index_game_tab .bd-category-label { font-size: 11px !important; }
  #app #bd-promotion-center.bd-promo-app { grid-template-columns: 70px minmax(0, 1fr) !important; gap: 10px 7px !important; padding-right: 8px !important; padding-left: 8px !important; }
  #app #bd-promotion-center.bd-promo-app > .bd-promo-categories { width: 70px !important; }
  #app #bd-promotion-center .bd-promo-card { padding: 11px 8px !important; }
  #app #bd-promotion-center .bd-promo-card-top { grid-template-columns: minmax(0, 1fr) !important; }
  #app #bd-promotion-center .bd-promo-icon { grid-row: 1; width: 28px !important; height: 28px !important; }
  #app #bd-promotion-center .bd-promo-card-copy,
  #app #bd-promotion-center .bd-promo-reward { grid-column: 1 !important; }
}
@media (prefers-reduced-motion: reduce) {
  #app .homeNew *, #app .homeNew *::before, #app .homeNew *::after,
  #app #bd-promotion-center *, #app .bd-bottom-nav * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Jinle Midnight Champagne: shared presentation details, 2026-10-21. */
:root{--jl-gold:#D6BD87;--jl-ivory:#F4F1EA;--jl-purple:#8D75B5;--jl-line:rgba(214,189,135,.23)}
html{background:#080D16!important}
#app{box-shadow:0 0 80px #0006!important}
#app .homeNew .headerToggle{background:linear-gradient(115deg,#1d2a43,#111a2c)!important;border-bottom-color:var(--jl-line)!important}
#app .homeNew .carousel{border-color:var(--jl-line)!important;background:#182338!important}
#app .homeNew .user-card-styles__userCenter__1CIiT{background:radial-gradient(ellipse at 95% 0,rgba(141,117,181,.16),transparent 66%),linear-gradient(115deg,#263650,#172237)!important}
#app .homeNew .user-card-styles__userCard__L_yBe{border-color:var(--jl-line)!important;box-shadow:0 6px 24px #0002}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button{border-color:rgba(214,189,135,.18)!important;border-radius:10px!important}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button.is-selected{border-color:#D6BD87!important;background:linear-gradient(125deg,#2e3550,#1c2b43)!important;color:#F3E8CD!important;box-shadow:inset 3px 0 #d6bd87,0 0 16px #8d75b51c!important}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail .gameNavCover-items{border-color:rgba(214,189,135,.27)!important;border-radius:12px!important}
#app .navBar.bd-bottom-nav{background:linear-gradient(180deg,#1b2840,#101a2c)!important;border-top-color:rgba(214,189,135,.35)!important;box-shadow:0 -6px 24px #060b174d!important}
#app .navBar.bd-bottom-nav .bd-nav-item.bd-nav-selected{background:linear-gradient(180deg,#d6bd871a,transparent)!important;color:#f0dbaa!important}
#app .navBar.bd-bottom-nav .bd-nav-selected .bd-nav-icon-wrap{position:relative!important}
#app .navBar.bd-bottom-nav .bd-nav-selected .bd-nav-icon-wrap::after{content:"";position:absolute;inset:-5px;border:1px solid #d6bd8755;border-right-color:#af92d6;border-left-color:transparent;border-radius:50%;pointer-events:none;animation:jl-orbit 14s linear infinite}
#app .personal{background:#111a2c!important;color:var(--jl-ivory)!important}
#app .personalMain{background:radial-gradient(ellipse at 100% 0,#8d75b525,transparent 65%),linear-gradient(145deg,#293b59,#17243c 75%)!important;color:var(--jl-ivory)!important}
#app .personalMain-user .avatar{position:relative;isolation:isolate}
#app .personalMain-user .avatar::after{content:"";position:absolute;inset:-5px;border:1px solid #d6bd8766;border-top:2px solid #e8d4aa;border-right-color:#a993c9;border-radius:50%;pointer-events:none;animation:jl-orbit 16s linear infinite}
#app .personalMain-info{color:#B9C2D4!important}
#app .personalMain-info h5{color:#F4F1EA!important}
#app .default_Btn{background:linear-gradient(120deg,#ecdab7,#c5a66e)!important;color:#172238!important;border:1px solid #e2cc9e!important}
#app .personalMain-wallet{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 0,#8d75b52b,transparent 65%),linear-gradient(125deg,#314564,#1d2c46)!important;border:1px solid var(--jl-line)!important;border-radius:16px!important;box-shadow:0 8px 24px #0002}
#app .personalMain-wallet::before{content:"";position:absolute;width:150px;height:150px;right:-65px;top:-90px;border:1px solid #d6bd8752;border-bottom-color:#a88bd1aa;border-right-color:transparent;border-radius:50%;pointer-events:none;z-index:-1;animation:jl-orbit 18s linear infinite}
#app .personalMain-wallet-operation p,#app .personalMain-wallet-amount{color:#E2CDA5!important}
#app .personalMain-wallet-amount h6{color:#F4F1EA!important}
#app .personalNav{background:linear-gradient(145deg,#253754,#1a2942)!important;border:1px solid var(--jl-line)!important;border-radius:14px!important;box-shadow:0 6px 18px #0002}
#app .personalNav-title{background:none!important;border-bottom:1px solid #d6bd871c;color:#F4F1EA!important;font-size:18px!important;font-weight:600!important}
#app .personalNav-title .line{background:#D6BD87!important}
#app .personalNav-nav p{color:#CFD5E0!important}
#app .yd-wallet-rebate{background:#1c2a42!important;border-color:var(--jl-line)!important;border-radius:14px!important}
#app .yd-wallet-rebate__label{color:#BEC7D9!important}
#app .yd-wallet-rebate__amount{color:#E3CEA5!important}
#app .customerService .top-welcome,#app .customerService .style__infoCard__8s0LU{background:radial-gradient(ellipse at 90% 0,#8d75b52e,transparent 68%),linear-gradient(135deg,#263a58,#18263d)!important;color:#F4F1EA!important}
#app .customerService .style__infoCardBg__2l9OU{background:none!important}
#app .customerService .mainService{background:linear-gradient(135deg,#2b3c58,#1a2942)!important;border:1px solid var(--jl-line)!important;border-radius:14px!important;color:#F4F1EA!important;box-shadow:0 8px 24px #0002!important}
#app .customerService .textEnglish,#app .customerService .textChinese{color:#E5D4B1!important}
#app .customerService .content,#app .customerService .help-list,#app .payment.content{background:#111a2c!important}
#app .bd-trc20{background:linear-gradient(145deg,#263751,#1a2840)!important;border:1px solid var(--jl-line)!important;color:#F4F1EA!important}
#app .bd-trc20-heading h3{color:#E5D4B1!important}
#app .bd-trc20-badge{background:#263754!important;color:#C7D3E8!important;border-color:#4b6084!important}
#app .bd-trc20-secondary{background:#1b2b44!important;border-color:#bda477!important;color:#e8d6af!important}
#app .bd-trc20-error{color:#F0B2AA!important}
#app .bd-promo-hero{position:relative;isolation:isolate;overflow:hidden}
#app #bd-promotion-center.bd-promo-app>.bd-promo-hero{background:radial-gradient(ellipse at 100% 0,#8d75b533,transparent 70%),linear-gradient(130deg,#2b3b55,#19263c)!important;border-color:var(--jl-line)!important}
#app .bd-promo-hero::after{content:"";position:absolute;width:190px;height:190px;right:-75px;top:-115px;border:1px solid #d6bd8755;border-bottom-color:#ad94d2;border-left-color:transparent;border-radius:50%;pointer-events:none;z-index:-1;animation:jl-orbit 20s linear infinite}
#app #bd-promotion-center .bd-promo-card{border-color:var(--jl-line)!important}
#app .jl-brand-wordmark{background:none!important;position:relative!important;display:flex!important;align-items:center;justify-content:flex-start}
#app .jl-brand-wordmark>img,#app .jl-brand-wordmark>.yd-home-brand-footer__name{display:none!important}
#app .jl-brand-wordmark .jl-brand-lockup{display:flex!important;flex-direction:column;gap:2px;color:#e9d5a8;text-align:left;line-height:1.1;white-space:nowrap}
#app .jl-brand-cn{font-family:"Songti SC","SimSun","Noto Serif CJK SC",serif;font-size:27px;font-weight:600;letter-spacing:.16em;line-height:1.15;color:#ead5a7;text-shadow:0 1px 6px #d6bd8717}
#app .jl-brand-en{font-family:Georgia,"Times New Roman",serif;font-size:6.5px;font-weight:400;letter-spacing:.18em;line-height:1.3;color:#bda77e}
#app .homeNew .headerToggle .logo.jl-brand-wordmark{height:42px!important;width:126px!important}
#app #yd-home-brand-footer.jl-brand-wordmark{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px}
#app #yd-home-brand-footer .jl-brand-lockup{align-items:center;text-align:center}
#app #yd-home-brand-footer .jl-brand-cn{font-size:36px}
#app #yd-home-brand-footer .jl-brand-en{font-size:9px}
#app .style__entryWrapper__2_5ZA .style__entryTop___xHVy .style__logo__19qPl.jl-brand-wordmark{background:none!important;justify-content:center!important;height:70px!important}
#app .style__entryTop___xHVy .jl-brand-cn{font-size:38px}
#app .style__entryTop___xHVy .jl-brand-en{font-size:9px}
#app .style__entryWrapper__2_5ZA{background:radial-gradient(ellipse at 90% 0,#8d75b52b,transparent 50%),linear-gradient(145deg,#20314e,#0d1422 80%)!important}
@keyframes jl-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#app .personalMain-user .avatar::after,#app .personalMain-wallet::before,#app .bd-promo-hero::after,#app .navBar.bd-bottom-nav .bd-nav-selected .bd-nav-icon-wrap::after{animation:none!important}}

body .van-loading__spinner,body .el-loading-spinner::before,body .el-button.is-loading .el-icon-loading{background-image:url("/m/static/img/jinle-mark.34c5fccbf377.svg")!important}
body .van-image__loading{background:#182338!important}

/* Full four-character sculpted mark; kept legible in the mobile masthead. */
#app .homeNew .headerToggle{height:60px!important;min-height:60px!important;padding-top:4px!important;padding-bottom:4px!important}
#app .homeNew .headerToggle .logo.jl-brand-wordmark{width:178px!important;flex:0 1 178px!important;min-width:124px!important;height:52px!important}
#app .homeNew .headerToggle .logo.jl-brand-wordmark .jl-brand-lockup{width:100%!important;height:100%!important;justify-content:center!important}
#app .homeNew .headerToggle .logo.jl-brand-wordmark .jl-brand-image{display:block!important;width:100%!important;height:auto!important;max-height:52px!important;object-fit:contain!important}
#app .homeNew.bd3d-home-ready>.main>.gameNav{top:68px!important}
#app #yd-home-brand-footer .jl-brand-lockup{order:-1;width:250px!important;max-width:85%!important}
#app #yd-home-brand-footer .jl-brand-image{display:block!important;width:100%!important;height:auto!important;max-height:90px!important;object-fit:contain!important}
#app .style__entryWrapper__2_5ZA .style__entryTop___xHVy .style__logo__19qPl.jl-brand-wordmark{width:264px!important;max-width:calc(100% - 48px)!important;height:82px!important}
#app .style__entryTop___xHVy .jl-brand-lockup{width:100%!important}
#app .style__entryTop___xHVy .jl-brand-image{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
@media(max-width:350px){#app .homeNew .headerToggle .logo.jl-brand-wordmark{width:144px!important;flex-basis:144px!important;min-width:120px!important}}