/* Jinle layered UI, 2026-10-24. Presentation only; no interaction logic. */
:root {
  --jl3-page:#0b1220; --jl3-surface:#162237; --jl3-raised:#22314a;
  --jl3-gold:#d6bd87; --jl3-ivory:#f4f0e7; --jl3-muted:#aab6c8;
  --jl3-bg:var(--jl3-page); --jl3-text:var(--jl3-ivory);
  --jl3-hairline:rgba(222,233,255,.075); --jl3-panel-shadow:0 8px 24px rgba(3,8,18,.2);
  --yd-bg:var(--jl3-page); --yd-surface:var(--jl3-surface); --yd-raised:var(--jl3-raised);
  --yd-text:var(--jl3-ivory); --yd-muted:var(--jl3-muted);
}
html{background:#070d17!important}
body,#app,#app .appNew{background:var(--jl3-page)!important;color:var(--jl3-ivory)}
#app{box-shadow:0 0 72px #0003!important}
#app .homeNew.child-view{
  background:radial-gradient(ellipse 350px 210px at 100% 0,rgba(141,117,181,.1),transparent 75%),var(--jl3-page)!important;
}
#app .homeNew .headerToggle{
  height:64px!important;min-height:64px!important;
  background:linear-gradient(180deg,rgba(24,37,61,.85),rgba(11,18,32,.98))!important;
  padding-left:16px!important;padding-right:84px!important;
  border:0!important;box-shadow:none!important;
}
#app .homeNew .headerToggle .logo.jl-brand-wordmark{
  width:180px!important;flex:0 1 180px!important;height:52px!important;min-width:120px!important;
}
#app .jl-brand-wordmark .jl-brand-image{
  content:url("/m/static/img/jinle-ui3-wordmark.14d981adab77.png");object-fit:contain!important;
}
#app .homeNew .headerToggle .logo.jl-brand-wordmark .jl-brand-image{
  width:100%!important;max-height:50px!important;height:auto!important;
}
#app #yd-home-brand-footer .jl-brand-lockup{width:260px!important;max-width:88%!important}
#app .homeNew .headerToggle .qiandao{
  min-height:30px!important;min-width:52px!important;
  padding:0 9px!important;line-height:30px!important;
  background:rgba(214,189,135,.12)!important;color:#e6d2a5!important;
  border:0!important;border-radius:10px!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
}

/* A single contained image surface. Original slides, links and timing stay intact. */
#app .homeNew .carousel{
  width:calc(100% - 32px)!important;height:auto!important;aspect-ratio:2.4/1!important;
  margin:4px 16px 0!important;padding:0!important;
  border:0!important;border-radius:16px!important;
  background:#172238!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}
#app .homeNew .carousel #slide,
#app .homeNew .carousel .swiper-container,
#app .homeNew .carousel .swiper-wrapper,
#app .homeNew .carousel .swiper-slide{
  height:100%!important;border-radius:16px!important;
}
#app .homeNew .carousel .swiper-slide img{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:16px!important;
}
#app .homeNew .carousel .swiper-pagination{bottom:7px!important}
#app .homeNew .user-card-styles__noticeWrap__2tgRA{
  margin:7px 16px 8px!important;padding:0 2px!important;
  background:transparent!important;
}
#app .homeNew .user-card-styles__noticeContent__nxFVF,
#app .homeNew .noticeStyle__container__2aZkj span{color:#aab6c8!important}
#app .homeNew .user-card-styles__userCard__L_yBe{
  margin:0 16px 20px!important;border:0!important;border-radius:20px!important;
  background:linear-gradient(115deg,#22334e,#19263e)!important;
  box-shadow:var(--jl3-panel-shadow),inset 0 1px rgba(255,255,255,.07)!important;
}
#app .homeNew .user-card-styles__userCenter__1CIiT{
  min-height:84px!important;padding:14px 12px!important;border-radius:20px!important;
  background:radial-gradient(ellipse at 95% 0,rgba(141,117,181,.11),transparent 70%)!important;
  gap:10px!important;
}
#app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__info__1Ab9A{color:#aab6c8!important}
#app .homeNew .toLogin{font-size:17px!important;font-weight:700!important;color:#f0dfb9!important;text-decoration:none!important}
#app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__balance__3gSh0 span{font-size:21px!important;color:#f4f0e7!important}
#app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__walletItem__2OMmI img{
  width:34px!important;height:34px!important;filter:none!important;
}
#app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__walletItem__2OMmI p{
  margin-top:5px!important;color:#e3e7ef!important;font-weight:600!important;
}
#app .homeNew .userPanel{
  margin:0 16px 18px!important;border:0!important;border-radius:18px!important;
  background:var(--jl3-surface)!important;box-shadow:var(--jl3-panel-shadow)!important;
}

/* Quiet side rail and consistent image/name surfaces. */
#app .homeNew.bd3d-home-ready>.main{
  padding-left:16px!important;padding-right:16px!important;
  grid-template-columns:72px minmax(0,1fr)!important;gap:0 12px!important;
}
#app .homeNew.bd3d-home-ready>.main>.gameNav{width:72px!important;max-width:72px!important;top:72px!important}
#app .homeNew.bd3d-home-ready #index_game_tab.bd-category-grid{gap:7px!important}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button{
  min-height:48px!important;padding:8px 4px!important;gap:4px!important;
  border:0!important;border-radius:12px!important;
  background:transparent!important;color:#aeb9cc!important;box-shadow:none!important;
  transition:background-color .16s ease,color .16s ease!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"]{
  background:linear-gradient(115deg,rgba(214,189,135,.19),rgba(214,189,135,.07))!important;
  color:#ead7ae!important;
  box-shadow:inset 0 1px rgba(240,220,175,.12)!important;
}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon{width:23px!important;height:25px!important}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-label{font-size:13px!important;line-height:18px!important}
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-section-head{margin-top:24px!important;margin-bottom:10px!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{font-size:10px!important;color:#8c9bb2!important;letter-spacing:.1em!important}
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-section-title{font-size:18px!important;line-height:25px!important;color:#f4f0e7!important}
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-section-title::before{display:none!important}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail{gap:12px 10px!important}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail .gameNavCover-items,
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail[data-category-kind="hot"] .gameNavCover-items{
  border:0!important;border-radius:14px!important;background:#18263b!important;
  box-shadow:0 5px 14px rgba(2,7,17,.15)!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{
  background:#1b2940!important;border-radius:13px!important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail[data-category-kind="hot"] .gameNavCover-cover{
  box-sizing:border-box!important;padding:5px!important;background:#1b2940!important;border-radius:14px 14px 0 0!important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail[data-category-kind="hot"] .game-img{
  border-radius:10px!important;background:#1b2940!important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail[data-category-kind="hot"] .bd3d-card-meta{
  min-height:42px!important;padding:9px 9px 10px!important;
  background:linear-gradient(120deg,#1c2b42,#18263b)!important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail[data-category-kind="hot"] .bd3d-card-code{
  color:#e5eaf2!important;font-size:13px!important;line-height:19px!important;text-shadow:none!important;
}
#app .homeNew.bd3d-home-ready .jl-hot-more{
  background:#1a2940!important;color:#ddc89e!important;border:0!important;border-radius:12px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
}

/* One gently raised navigation surface, with static selection and one slow glow. */
#app .navBar.bd-bottom-nav{
  width:min(calc(100% - 16px),416px)!important;
  bottom:6px!important;border:0!important;border-radius:20px!important;
  background:linear-gradient(180deg,rgba(35,50,76,.98),rgba(21,33,53,.99))!important;
  box-shadow:0 10px 32px #02061073,inset 0 1px rgba(255,255,255,.09)!important;
}
#app .navBar.bd-bottom-nav .bd-nav-item,
#app .navBar.bd-bottom-nav .bd-nav-item.bd-nav-selected{
  background:transparent!important;border:0!important;box-shadow:none!important;
}
#app .navBar.bd-bottom-nav .bd-nav-item{color:#9facbf!important;transition:color .15s ease!important}
#app .navBar.bd-bottom-nav .bd-nav-item.bd-nav-selected{color:#efdcb3!important}
#app .navBar.bd-bottom-nav .bd-nav-icon-wrap{border-radius:11px!important}
#app .navBar.bd-bottom-nav .bd-nav-selected:not(.bd-nav-recharge) .bd-nav-icon-wrap{background:rgba(214,189,135,.1)!important}
#app .navBar.bd-bottom-nav .bd-nav-selected .bd-nav-icon-wrap::after{display:none!important;animation:none!important}
#app .navBar.bd-bottom-nav .bd-nav-item.bd-nav-recharge .bd-recharge-orb{
  width:50px!important;height:50px!important;top:-15px!important;border:4px solid #18263c!important;
  background:linear-gradient(135deg,#efdfbd,#cfb27a)!important;
  box-shadow:0 5px 12px #0206104d,inset 0 1px #fff8,0 0 16px #b7a0dc22!important;
}
#app .navBar.bd-bottom-nav .bd-nav-recharge .bd-recharge-orb::before{
  display:none!important;animation:none!important;
}
#app .navBar.bd-bottom-nav .bd-nav-recharge .bd-recharge-orb::after{
  display:block!important;inset:-7px!important;border:1px solid rgba(214,189,135,.24)!important;
  background:none!important;animation:jl3-soft-glow 8s ease-in-out infinite!important;
}
@keyframes jl3-soft-glow{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.6;transform:scale(1.045)}}
#app .homeNew #yd-home-brand-footer{opacity:.85!important}
#yd-language-root .yd-language-trigger{
  background:rgba(32,46,70,.68)!important;color:#d8c79f!important;border:0!important;
  border-radius:11px!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
}
#yd-language-dialog{background:#1b2940!important;box-shadow:0 18px 48px #0006!important;border:0!important;border-radius:18px!important}
#yd-language-dialog button{background:#22314a!important;border-color:rgba(255,255,255,.06)!important}

@media(max-width:350px){
  #app .homeNew .headerToggle{padding-left:12px!important}
  #app .homeNew .headerToggle .logo.jl-brand-wordmark{width:142px!important;flex-basis:142px!important}
  #app .homeNew .carousel{width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important}
  #app .homeNew .user-card-styles__userCard__L_yBe{margin-left:12px!important;margin-right:12px!important}
  #app .homeNew .user-card-styles__userCenter__1CIiT{padding:12px 9px!important;gap:6px!important}
  #app .homeNew .user-card-styles__userCenter__1CIiT .user-card-styles__walletItem__2OMmI img{width:30px!important;height:30px!important}
  #app .homeNew.bd3d-home-ready>.main{grid-template-columns:64px minmax(0,1fr)!important;gap:0 9px!important;padding-left:12px!important;padding-right:12px!important}
  #app .homeNew.bd3d-home-ready>.main>.gameNav{width:64px!important;max-width:64px!important}
  #app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button{grid-template-columns:20px minmax(0,1fr)!important;padding:8px 3px!important;gap:3px!important}
  #app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon{width:20px!important;height:23px!important}
  #app .homeNew.bd3d-home-ready #index_game_tab .bd-category-label{font-size:12px!important}
  #app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail{gap:10px 8px!important}
}
@media(prefers-reduced-motion:reduce){
  #app .navBar.bd-bottom-nav .bd-nav-recharge .bd-recharge-orb::after{animation:none!important;opacity:.3!important}
}

/* Jinle layered presentation: account and shared pages, 2026-10-24.
   Cosmetic rules only. Existing elements, state classes, visibility, validation,
   actions, routing and wallet sizing behaviour remain controlled by the app. */

/* Account identity and its principal information surface. */
#app .personal {
  background: var(--jl3-bg, #0B1220) !important;
  color: var(--jl3-text, #F4F0E7) !important;
}
#app .personalMain {
  background: linear-gradient(180deg, #17243A 0%, #101B2C 64%, #0B1220 100%) !important;
  color: var(--jl3-text, #F4F0E7) !important;
}
#app .personalMain-info { color: var(--jl3-muted, #AAB6C8) !important; }
#app .personalMain-info h5 { color: var(--jl3-text, #F4F0E7) !important; }
#app .personalMain-info p { color: #B7C2D3 !important; }
#app .personalMain-user .avatar {
  box-shadow: 0 4px 16px rgba(0,0,0,.18), 0 0 0 3px rgba(214,189,135,.09);
}
#app .personalMain-wallet {
  border: 0 !important;
  border-radius: 20px !important;
  background: linear-gradient(120deg, #2A3C58 0%, #24344E 55%, #1C2B43 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 12px 28px rgba(1,7,17,.24) !important;
}
#app .personalMain-wallet-amount {
  color: #BDC8D9 !important;
}
#app .personalMain-wallet-amount > p {
  color: #BDCADC !important;
  font-weight: 500 !important;
}
#app .personalMain-wallet-amount h6 {
  color: var(--jl3-text, #F4F0E7) !important;
}
#app .personalMain-wallet-amount h6 > span:last-child {
  font-size: 27px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums;
}
#app .personalMain-wallet-operation p {
  color: #E7D4AE !important;
  font-size: 14px !important;
  line-height: 21px !important;
}
#app .personal .yd-wallet-rebate,
#app .yd-wallet-rebate.yd-wallet-rebate--account {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 17px 18px !important;
  padding: 12px 2px 14px !important;
}
#app .yd-wallet-rebate__label { color: #AAB6C8 !important; }
#app .yd-wallet-rebate__amount { color: #E5CFA5 !important; }
#app .personal .personalNav,
#app .personalNav {
  background: linear-gradient(145deg, #1A2940, #152137) !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 6px 18px rgba(1,7,17,.14) !important;
  margin: 16px 17px !important;
  padding: 2px 15px 10px !important;
}
#app .personalNav-title {
  border: 0 !important;
  background: transparent !important;
  padding-bottom: 7px !important;
  color: var(--jl3-text, #F4F0E7) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
#app .personalNav-nav { background: transparent !important; border: 0 !important; }
#app .personalNav-nav p {
  color: #CAD3E1 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 21px !important;
}
#app .default_Btn {
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(120deg, #E4D1AB, #C4A773) !important;
  color: #182438 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.2) !important;
}

/* Support: a welcome band, then a distinct single-layer contact surface. */
#app .customerService,
#app .customerService .content,
#app .customerService .help-list { background: var(--jl3-bg, #0B1220) !important; }
#app .customerService .top-welcome {
  background: linear-gradient(130deg, #1C2C46, #122038) !important;
  color: var(--jl3-text, #F4F0E7) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 8px 22px rgba(0,0,0,.1) !important;
}
#app .customerService .style__infoCard__8s0LU,
#app .customerService .style__infoCardBg__2l9OU { background: transparent !important; }
#app .customerService .top-welcome h3 { font-size: 20px !important; line-height: 28px !important; }
#app .customerService .mainService {
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(125deg, #22324C, #19273E) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 10px 24px rgba(1,7,17,.2) !important;
}
#app .customerService .mainService span,
#app .customerService .mainService .right { color: #E5D0A6 !important; }

/* Activity catalogue: clear page heading and one surface per content item. */
#app #bd-promotion-center.bd-promo-app {
  background: var(--jl3-bg, #0B1220) !important;
  gap: 16px 10px !important;
}
#app #bd-promotion-center.bd-promo-app > .bd-promo-hero {
  padding: 18px !important;
  min-height: 108px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: linear-gradient(115deg, #22324B 0%, #1B2A43 65%, #242C44 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.1), 0 10px 24px rgba(1,7,17,.18) !important;
}
#app #bd-promotion-center .bd-promo-hero h1 {
  color: var(--jl3-text, #F4F0E7) !important;
  font-size: 24px !important;
  line-height: 32px !important;
}
#app #bd-promotion-center .bd-promo-hero p { color: #AEBBD0 !important; font-size: 13px !important; line-height: 20px !important; }
#app #bd-promotion-center .bd-promo-eyebrow { color: #D6BD87 !important; letter-spacing: .08em !important; }
#app #bd-promotion-center .bd-promo-hero-mark { opacity: .55 !important; }
#app #bd-promotion-center.bd-promo-app > #yd-rebate-entry,
#app #bd-promotion-center.bd-promo-app > #bd-points-launcher {
  border: 0 !important;
  border-radius: 14px !important;
  background: #162338 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.065), 0 4px 12px rgba(1,7,17,.1) !important;
}
#app #bd-promotion-center .bd-promo-categories button {
  border: 0 !important;
  background: transparent !important;
  color: #AAB6C8 !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}
#app #bd-promotion-center .bd-promo-categories button.active {
  border: 0 !important;
  background: linear-gradient(115deg, rgba(214,189,135,.18), rgba(214,189,135,.075)) !important;
  color: #E8D4AE !important;
  box-shadow: inset 0 1px rgba(255,255,255,.065) !important;
}
#app #bd-promotion-center.bd-promo-app > .bd-promo-list { gap: 16px !important; }
#app #bd-promotion-center .bd-promo-card {
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #1B2A42, #152137) !important;
  padding: 16px 13px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 8px 20px rgba(1,7,17,.2) !important;
}
#app #bd-promotion-center .bd-promo-card-copy h2 { color: #F1EADF !important; font-size: 18px !important; line-height: 25px !important; }
#app #bd-promotion-center .bd-promo-card-copy p { color: #ACB9CC !important; font-size: 13px !important; line-height: 20px !important; }
#app #bd-promotion-center .bd-promo-badges { gap: 5px !important; }
#app #bd-promotion-center .bd-promo-badges span { border-radius: 5px !important; }
#app #bd-promotion-center .bd-promo-icon { background: transparent !important; border: 0 !important; box-shadow: none !important; }
#app #bd-promotion-center .bd-promo-actions { margin-top: 14px !important; gap: 8px !important; }
#app #bd-promotion-center .bd-promo-actions button { border-radius: 10px !important; }
#app #bd-promotion-center .bd-promo-state { background: #162237 !important; border: 0 !important; box-shadow: inset 0 1px rgba(255,255,255,.04) !important; }
#app .bd-promo-secondary:not(:disabled) { background: rgba(255,255,255,.035) !important; border-color: rgba(255,255,255,.075) !important; color: #D7C4A1 !important; }
#app .bd-promo-primary:not(:disabled) { background: linear-gradient(125deg, #E5D2AC, #C9AB76) !important; border: 0 !important; color: #152137 !important; box-shadow: inset 0 1px rgba(255,255,255,.2) !important; }

/* Dialogs and common controls. No error/disabled/status selectors are reset. */
#app .my-header,
#app .my-header.white,
#app .activity-header {
  background: #0F1A2B !important;
  color: #F4F0E7 !important;
  box-shadow: inset 0 -1px rgba(255,255,255,.045) !important;
}
#app .pageBox,
#app .payment.content { background: var(--jl3-bg, #0B1220) !important; }
#app .van-cell-group {
  background: #162237 !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055), 0 6px 18px rgba(1,7,17,.12) !important;
}
#app .van-cell { background: #162237 !important; color: #F4F0E7 !important; }
#app .van-cell-group .van-cell { background: transparent !important; }
#app .van-cell::after,
#app .van-hairline--top-bottom::after { border-color: rgba(255,255,255,.065) !important; }
#app .van-field__label,
#app .van-cell__value { color: #AAB6C8 !important; }
#app .van-field__control { color: #F4F0E7 !important; }
#app .van-field__control::placeholder { color: #8998AF !important; }
#app .van-button--default:not(.van-button--disabled):not(:disabled) {
  border-color: rgba(255,255,255,.09) !important;
  border-radius: 12px !important;
  background: #1B2A42 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055) !important;
}
#app .van-button--primary:not(.van-button--disabled):not(:disabled) {
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(125deg, #E5D2AC, #C9AB76) !important;
  color: #152137 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.2) !important;
}
#app .van-tabs__nav { background: #101B2D !important; }
#app .van-tab { color: #AAB6C8 !important; }
#app .van-tab--active { color: #E8D4AE !important; }
#app .van-dialog {
  border: 0 !important;
  border-radius: 20px !important;
  background: #22314A !important;
  box-shadow: inset 0 1px rgba(255,255,255,.1), 0 20px 60px rgba(0,0,0,.4) !important;
}
#app .van-dialog__message { color: #C6D0DF !important; }
#app .bd-promo-modal-sheet {
  border: 0 !important;
  background: linear-gradient(160deg, #24334D, #18263D) !important;
  border-radius: 22px 22px 0 0 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.13), 0 -20px 50px rgba(0,0,0,.38) !important;
}
#app .bd-promo-modal-title h3 { font-size: 21px !important; line-height: 29px !important; color: #F4F0E7 !important; }
#app .bd-promo-modal-title p,
#app .bd-promo-content { color: #C6D0DF !important; }
#app .bd-promo-tier-list { background: rgba(9,17,31,.2) !important; border-color: rgba(255,255,255,.07) !important; }
#app .bd-promo-tier-list > div { border-color: rgba(255,255,255,.07) !important; }
#app .bd-promo-tier-list .head { background: rgba(255,255,255,.035) !important; }
#app .notice-header { background: #24334D !important; }
#app .notice-content { background: #1A2940 !important; color: #C6D0DF !important; }
#app .bd-trc20 {
  border: 0 !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #22314A, #19273D) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 10px 26px rgba(1,7,17,.2) !important;
}

/* Existing login/register sliders and field semantics are left intact. */
#app .style__entryWrapper__2_5ZA { background: linear-gradient(165deg, #17263F 0%, #0B1220 65%) !important; }
#app .style__formContainer__24U1x .style__content__1DC_4 {
  background: linear-gradient(145deg, #1B2A42, #152137) !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 14px 36px rgba(0,0,0,.19) !important;
}
#app .style__formContainer__24U1x .style__inputGroup__3EF6I {
  background: #111C2E !important;
  border-color: rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.12) !important;
}

@media (max-width: 350px) {
  #app .personalMain-wallet { flex-wrap: wrap !important; gap: 14px 8px !important; }
  #app .personalMain-wallet-amount { flex: 1 1 calc(100% - 32px) !important; min-height: 48px !important; }
  #app .personalMain-wallet-operation { flex: 1 1 0 !important; min-width: 44px !important; }
  #app .personalMain-wallet-amount h6 > span:last-child { font-size: 24px !important; }
  #app .personal .personalNav,
  #app .personalNav { margin-left: 13px !important; margin-right: 13px !important; padding-left: 11px !important; padding-right: 11px !important; }
  #app #bd-promotion-center.bd-promo-app { gap: 14px 7px !important; }
  #app #bd-promotion-center.bd-promo-app > .bd-promo-hero { padding: 15px !important; }
  #app #bd-promotion-center .bd-promo-card { padding: 13px 10px !important; }
  #app #bd-promotion-center .bd-promo-card-copy h2 { font-size: 17px !important; line-height: 24px !important; }
}

/* Static image substitutions only; links and event targets are retained. */
#app .homeNew .user-card-styles__walletItem__2OMmI img[src*="cun."]{content:url("/m/static/img/jinle-ui3-deposit.e4b0322d4397.svg");object-fit:contain!important;filter:none!important}
#app .homeNew .user-card-styles__walletItem__2OMmI img[src*="zhuan."]{content:url("/m/static/img/jinle-ui3-recycle.963e8222b44f.svg");object-fit:contain!important;filter:none!important}
#app .homeNew .user-card-styles__walletItem__2OMmI img[src*="qu."]{content:url("/m/static/img/jinle-ui3-withdraw.26186f93087c.svg");object-fit:contain!important;filter:none!important}
#app .homeNew .user-card-styles__walletItem__2OMmI img[src*="iconVip"]{content:url("/m/static/img/jinle-ui3-vip.8e1502e94915.svg");object-fit:contain!important;filter:none!important}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon img[src*="jinle-hot."]{content:url("/m/static/img/jinle-ui3-cat-hot.93bf71055db0.svg");object-fit:contain!important;filter:none!important}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon img[src*="gameicon_1619764851"]{content:url("/m/static/img/jinle-ui3-cat-electronic.3444e0b691bd.svg");object-fit:contain!important;filter:none!important}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon img[src*="gameicon_1619764876"]{content:url("/m/static/img/jinle-ui3-cat-live.191183e1c01b.svg");object-fit:contain!important;filter:none!important}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon img[src*="gameicon_1619764977"]{content:url("/m/static/img/jinle-ui3-cat-sports.8272b46fc38c.svg");object-fit:contain!important;filter:none!important}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon img[src*="gameicon_1622854662"]{content:url("/m/static/img/jinle-ui3-cat-board.53b23801f299.svg");object-fit:contain!important;filter:none!important}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon img[src*="gameicon_1619764897"]{content:url("/m/static/img/jinle-ui3-cat-fishing.77905925ad52.svg");object-fit:contain!important;filter:none!important}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-icon img[src*="gameicon_1619764956"]{content:url("/m/static/img/jinle-ui3-cat-lottery.ee8363d887b4.svg");object-fit:contain!important;filter:none!important}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button:not(.is-selected) .bd-category-icon{opacity:.7!important}
#app .personalMain-wallet-operation[href*="Recharge" i] img{content:url("/m/static/img/jinle-ui3-deposit.e4b0322d4397.svg");object-fit:contain!important;filter:none!important}
#app .personalMain-wallet-operation[href*="Transfer" i] img{content:url("/m/static/img/jinle-ui3-transfer.8b6dea8dd665.svg");object-fit:contain!important;filter:none!important}
#app .personalMain-wallet-operation[href*="ApplyDrawing" i] img{content:url("/m/static/img/jinle-ui3-withdraw.26186f93087c.svg");object-fit:contain!important;filter:none!important}
#app .personalNav-nav a[href*="MoneyLog" i] img{content:url("/m/static/img/jinle-ui3-records.4135a724f1f7.svg");object-fit:contain!important;filter:none!important}
#app .personalNav-nav a[href*="GameRecord" i] img{content:url("/m/static/img/jinle-ui3-history.0d432ca9af58.svg");object-fit:contain!important;filter:none!important}
#app .personalNav-nav a[href*="Vip" i] img{content:url("/m/static/img/jinle-ui3-vip.8e1502e94915.svg");object-fit:contain!important;filter:none!important}
#app .personalNav-nav a[href*="Extension" i] img{content:url("/m/static/img/jinle-ui3-share.9eefa436ae06.svg");object-fit:contain!important;filter:none!important}
#app .personalNav-nav a[href*="Safety" i] img{content:url("/m/static/img/jinle-ui3-safety.d57928a69e26.svg");object-fit:contain!important;filter:none!important}
#app .personalNav-nav a[href*="HeYing" i] img{content:url("/m/static/img/jinle-ui3-people.85a5eb351176.svg");object-fit:contain!important;filter:none!important}
#app .personalMain-wallet-operation img{width:36px!important;height:36px!important;object-fit:contain!important}#app .personalNav-nav img{width:40px!important;height:40px!important;object-fit:contain!important}