/* Jinle refined surfaces — presentation only, 2026-10-23.
   Keep form boundaries, focus indicators, status colours and disabled states.
   Content groups use spacing and low-contrast surfaces instead of gold frames. */
:root {
  --yd-bg: #101827;
  --yd-surface: #182335;
  --yd-raised: #202d42;
  --yd-border: rgba(255, 255, 255, .08);
  --jl-line: rgba(255, 255, 255, .07);
}
html { background: #0a101a !important; }
#app { box-shadow: none !important; }

/* Homepage: open layout, quiet categories and image-led content. */
#app .homeNew .headerToggle {
  background: #101827 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
#app .homeNew .headerToggle .qiandao {
  border: 0 !important;
  background: rgba(214,189,135,.12) !important;
  color: #e6d3aa !important;
  border-radius: 18px !important;
}
#app .homeNew .carousel {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
#app .homeNew .carousel #slide {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
#app .homeNew .carousel .swiper-container,
#app .homeNew .carousel .swiper-wrapper,
#app .homeNew .carousel .swiper-slide {
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important;
}
#app .homeNew .carousel .swiper-slide img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
}
#app .homeNew .user-card-styles__userCard__L_yBe {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-bottom: 18px !important;
}
#app .homeNew .user-card-styles__userCenter__1CIiT {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 10px 2px !important;
}
#app .homeNew .userPanel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#app .homeNew.bd3d-home-ready #index_game_tab .bd-category-button,
#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: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #aeb8c9 !important;
  box-shadow: none !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: rgba(214,189,135,.1) !important;
  color: #ead5a9 !important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-section-title::before {
  display: none !important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .bd3d-section-kicker {
  color: #8f9cb1 !important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail {
  gap: 16px 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: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail[data-category-kind="hot"] .gameNavCover-cover,
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail[data-category-kind="hot"] .game-img {
  background: #152033 !important;
  border-radius: 12px !important;
  overflow: hidden !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 2px 0 !important;
  background: transparent !important;
}
#app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail[data-category-kind="hot"] .bd3d-card-code {
  text-shadow: none !important;
  color: #e5e7ed !important;
}
#app .homeNew.bd3d-home-ready .jl-hot-more {
  border: 0 !important;
  background: rgba(255,255,255,.045) !important;
  border-radius: 22px !important;
  box-shadow: none !important;
}

/* Navigation: one continuous surface rather than five outlined tiles. */
#app .navBar.bd-bottom-nav {
  background: #141e2f !important;
  border: 0 !important;
  box-shadow: 0 -8px 28px rgba(5,10,20,.16) !important;
}
#app .navBar.bd-bottom-nav .bd-nav-item,
#app .navBar.bd-bottom-nav .bd-nav-item.bd-nav-selected {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#app .navBar.bd-bottom-nav .bd-nav-selected .bd-nav-icon-wrap::after,
#app .personalMain-user .avatar::after,
#app .personalMain-wallet::before,
#app .bd-promo-hero::after {
  display: none !important;
  animation: none !important;
}

/* Account: a single wallet surface, with open groups below. */
#app .personal,
#app .personalMain { background: #101827 !important; }
#app .personalMain-wallet {
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(115deg, #24334b, #202c43) !important;
  box-shadow: none !important;
}
#app .personal .yd-wallet-rebate,
#app .yd-wallet-rebate.yd-wallet-rebate--account {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 10px 14px !important;
}
#app .personal .personalNav,
#app .personalNav {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 22px !important;
}
#app .personalNav-title {
  background: transparent !important;
  border: 0 !important;
  padding-bottom: 8px !important;
}
#app .personalNav-title .line { display: none !important; }
#app .personalNav-nav { border: 0 !important; background: transparent !important; }
#app .default_Btn { border: 0 !important; box-shadow: none !important; }

/* Support and common page surfaces. */
#app .customerService,
#app .customerService .content,
#app .customerService .help-list,
#app .customerService .top-welcome,
#app .customerService .style__infoCard__8s0LU {
  background: #101827 !important;
}
#app .customerService .mainService {
  background: #1a263b !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
#app .customerService .suggestion {
  right: 84px !important;
  font-size: 12px !important;
}
#app .my-header,
#app .my-header.white,
#app .pageBox,
#app .activity-header { background: #101827 !important; box-shadow: none !important; }
#app .van-cell-group { background: transparent !important; }
#app .van-cell { background: #182335 !important; }
#app .van-cell::after,
#app .van-hairline--top-bottom::after { border-color: rgba(255,255,255,.07) !important; }
#app .van-tabs__nav { background: #101827 !important; }
#app .van-button--default { border-color: rgba(255,255,255,.1) !important; box-shadow: none !important; }
#app .van-dialog { border: 0 !important; background: #1b273b !important; }
#app .van-dialog__message,
#app .notice-content { color: #c6cedc !important; }
#app .notice-header { background: #202d42 !important; }
#app .payment.content { background: #101827 !important; }
#app .bd-trc20 {
  border: 0 !important;
  border-radius: 18px !important;
  background: #182335 !important;
  box-shadow: none !important;
}
#app .bd-trc20-badge { border: 0 !important; background: transparent !important; }
#app .bd-trc20-secondary {
  border-color: rgba(255,255,255,.1) !important;
  background: rgba(255,255,255,.025) !important;
  box-shadow: none !important;
}

/* Activity catalogue: remove decorative frames while preserving all content. */
#app #bd-promotion-center.bd-promo-app { background: #101827 !important; }
#app #bd-promotion-center.bd-promo-app > .bd-promo-hero {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 12px 4px !important;
}
#app #bd-promotion-center .bd-promo-hero-mark { opacity: .35 !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: rgba(255,255,255,.035) !important;
  box-shadow: none !important;
}
#app #bd-promotion-center .yd-rebate-entry__icon,
#app #bd-promotion-center .bd-points-launch-gem,
#app #bd-promotion-center .bd-promo-icon {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#app #bd-promotion-center .bd-promo-categories button,
#app #bd-promotion-center .bd-promo-categories button.active {
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #aeb8c9 !important;
  box-shadow: none !important;
}
#app #bd-promotion-center .bd-promo-categories button.active {
  background: rgba(214,189,135,.1) !important;
  color: #ead5a9 !important;
}
#app #bd-promotion-center .bd-promo-card {
  background: #192438 !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  padding: 16px 12px !important;
}
#app #bd-promotion-center .bd-promo-card::before,
#app #bd-promotion-center .bd-promo-card::after { display: none !important; }
#app #bd-promotion-center.bd-promo-app > .bd-promo-list { gap: 16px !important; }
#app #bd-promotion-center .bd-promo-badges span,
#app .bd-promo-rule-pills span { border: 0 !important; box-shadow: none !important; }
#app #bd-promotion-center .bd-promo-state {
  border: 0 !important;
  background: rgba(255,255,255,.025) !important;
  border-radius: 16px !important;
}
#app .bd-promo-secondary {
  border-color: rgba(255,255,255,.09) !important;
  background: transparent !important;
  box-shadow: none !important;
}
#app .bd-promo-modal-sheet {
  border: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  background: #1a263b !important;
  box-shadow: 0 -16px 48px #0004 !important;
}
#app .bd-promo-modal-x { background: transparent !important; border: 0 !important; }
#app .bd-promo-content { color: #c9d1de !important; }
#app .bd-promo-tier-list,
#app .bd-promo-tier-list > div { border-color: rgba(255,255,255,.08) !important; }

/* Login/registration: retain identifiable inputs, remove the outer boxed slab. */
#app .style__entryWrapper__2_5ZA {
  background: radial-gradient(ellipse at 80% 0, rgba(141,117,181,.1), transparent 55%), #101827 !important;
}
#app .style__formContainer__24U1x .style__content__1DC_4 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#app .style__formContainer__24U1x .style__inputGroup__3EF6I {
  background: #182335 !important;
  border-color: rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
#yd-language-root .yd-language-trigger {
  border: 0 !important;
  background: rgba(255,255,255,.035) !important;
  border-radius: 18px !important;
}
#yd-language-dialog { border: 0 !important; background: #1a263b !important; }
#yd-language-dialog button { border-color: rgba(255,255,255,.08) !important; }

@media (max-width: 350px) {
  #app .homeNew.bd3d-home-ready .gameNavCover .gameNavCover-container-tile.bd3d-rail { gap: 14px 8px !important; }
  #app #bd-promotion-center .bd-promo-card { padding: 13px 9px !important; }
}

/* 消息通知按钮与语言按钮拉开距离：语言按钮回到 header 顶部右侧，与签到/消息图标横向分离 */
#yd-language-root {
  top: 9px !important;
  right: max(10px, calc((100% - 432px) / 2 + 10px)) !important;
}