/* 名爵娱乐 UI hotfix — 深色主题 + 侧边栏滚动 + 登录按钮 */

:root {
  --pg-header-offset: 78px;
  --pg-tab-bar-offset: 0px;
  --pg-download-offset: 0px;
  --pg-bg: #0b0b0f;
  --pg-panel: #15151a;
  --pg-text: #e8e8ec;
  --pg-muted: #9aa0aa;
}

html,
body,
#app {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--pg-bg) !important;
  color: var(--pg-text) !important;
}

/* Top APP download bar */
.app-download-bar-v2[data-v-ab7e7df3],
.app-download-bar-v2 {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1001 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 1rem !important;
  background: linear-gradient(90deg, #1a2233 0%, #121820 100%) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.app-download-bar-v2 .text-domain-name[data-v-ab7e7df3],
.app-download-bar-v2 .text-domain-name {
  color: #6ea8ff !important;
  font-weight: 600 !important;
}

.app-download-bar-v2 .download-btn[data-v-ab7e7df3],
.app-download-bar-v2 .download-btn {
  color: #6ea8ff !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

.app-download-bar-v2 .icon .fit-image[data-v-ab7e7df3],
.app-download-bar-v2 .icon .fit-image {
  width: 0.72rem !important;
  height: 0.72rem !important;
  object-fit: contain !important;
  border-radius: 6px !important;
}

.app-download-bar-v2[data-v-ab7e7df3] ~ .xiding[data-v-0be5ec6e],
.app-download-bar-v2 ~ .xiding.pg-top-bar,
.xiding.pg-top-bar.has-download-bar[data-v-0be5ec6e] {
  top: 1rem !important;
}

.app-download-bar-v2[data-v-ab7e7df3] ~ .gameBoxs[data-v-0be5ec6e],
.app-download-bar-v2 ~ .gameBoxs.pg-game-area,
.gameBoxs.pg-game-area.has-download-bar[data-v-0be5ec6e] {
  margin-top: 0 !important;
  padding-top: calc(var(--pg-header-offset) + var(--pg-tab-bar-offset) + 1rem) !important;
}

.gameBoxs.pg-game-area.has-tab-bar[data-v-0be5ec6e],
.pg-game-area.has-tab-bar {
  --pg-tab-bar-offset: 42px;
  padding-top: calc(var(--pg-header-offset) + var(--pg-tab-bar-offset)) !important;
}

.gameBoxs.pg-game-area.has-download-bar.has-tab-bar[data-v-0be5ec6e],
.pg-game-area.has-download-bar.has-tab-bar {
  padding-top: calc(var(--pg-header-offset) + var(--pg-tab-bar-offset) + 1rem) !important;
}

.app-download-bar-v2[data-v-ab7e7df3] ~ .gameBoxs .lfst[data-v-0be5ec6e],
.app-download-bar-v2 ~ .gameBoxs .lfst.pg-sidebar,
.gameBoxs .lfst.pg-sidebar.has-download-bar[data-v-0be5ec6e] {
  top: calc(var(--pg-header-offset) + var(--pg-tab-bar-offset) + 1rem) !important;
}

.gameBoxs .lfst.pg-sidebar.has-tab-bar[data-v-0be5ec6e],
.pg-sidebar.has-tab-bar {
  top: calc(var(--pg-header-offset) + var(--pg-tab-bar-offset)) !important;
}

.gameBoxs .lfst.pg-sidebar.has-download-bar.has-tab-bar[data-v-0be5ec6e],
.pg-sidebar.has-download-bar.has-tab-bar {
  top: calc(var(--pg-header-offset) + var(--pg-tab-bar-offset) + 1rem) !important;
}

.xiding[data-v-0be5ec6e],
.xiding.pg-top-bar[data-v-0be5ec6e],
.pg-top-bar[data-v-0be5ec6e] {
  top: 0 !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: var(--pg-panel) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.gameBoxs[data-v-0be5ec6e],
.gameBoxs.pg-game-area[data-v-0be5ec6e],
.pg-game-area[data-v-0be5ec6e] {
  margin-top: 0 !important;
  padding-top: var(--pg-header-offset) !important;
  background: var(--pg-bg) !important;
}

.gameBoxs.fjsh-game-area[data-v-0be5ec6e],
.gameBoxs.pg-game-area.fjsh-game-area[data-v-0be5ec6e] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.gameBoxs.fjsh-game-area .lfst[data-v-0be5ec6e],
.gameBoxs.fjsh-game-area .lfst.pg-sidebar[data-v-0be5ec6e],
.gameBoxs.fjsh-game-area .pg-sidebar[data-v-0be5ec6e] {
  top: 8px !important;
}

.gameBoxs .lfst.pg-sidebar.has-download-bar[data-v-0be5ec6e],
.pg-sidebar.has-download-bar {
  max-height: calc(100vh - var(--pg-header-offset) - 1rem - 64px) !important;
}

.gameBoxs .lfst.pg-sidebar.has-tab-bar[data-v-0be5ec6e],
.pg-sidebar.has-tab-bar {
  max-height: calc(100vh - var(--pg-header-offset) - var(--pg-tab-bar-offset) - 64px) !important;
}

.gameBoxs .lfst.pg-sidebar.has-download-bar.has-tab-bar[data-v-0be5ec6e],
.pg-sidebar.has-download-bar.has-tab-bar {
  max-height: calc(100vh - var(--pg-header-offset) - var(--pg-tab-bar-offset) - 1rem - 64px) !important;
}

/* === Header layout (no scoped hash — survives webpack rebuild) === */
.header-row,
.header-row[data-v-0be5ec6e],
.header-row[data-v-58f3df90] {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 8px 10px 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.header-left,
.header-left[data-v-0be5ec6e],
.header-left[data-v-58f3df90] {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  flex: 0 1 auto !important;
  max-width: 42% !important;
  min-width: 0 !important;
}

.riggs,
.riggs[data-v-0be5ec6e],
.riggs[data-v-58f3df90] {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  flex: 1 !important;
  gap: 2px !important;
  flex-shrink: 0 !important;
  padding-top: 0 !important;
}

.riggs .lisImg,
.riggs .lisImg[data-v-0be5ec6e],
.riggs .lisImg[data-v-58f3df90] {
  flex: 1 !important;
  max-width: 58px !important;
  text-align: center !important;
  font-size: 12px !important;
  color: #e8eaed !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

.gameBoxs,
.gameBoxs.pg-game-area,
.gameBoxs[data-v-0be5ec6e],
.gameBoxs[data-v-58f3df90],
.pg-game-area[data-v-0be5ec6e],
.pg-game-area[data-v-58f3df90] {
  display: flex !important;
  flex-direction: row !important;
  margin-top: 0 !important;
  padding-top: var(--pg-header-offset) !important;
  background: var(--pg-bg) !important;
  box-sizing: border-box !important;
}

.gameBoxs.pg-game-area.fjsh-game-area,
.gameBoxs.fjsh-game-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  padding-left: 0.08rem !important;
  padding-right: 0.08rem !important;
  box-sizing: border-box !important;
}

.gameBoxs .lfst,
.gameBoxs .lfst.pg-sidebar,
.pg-sidebar[data-v-0be5ec6e],
.pg-sidebar[data-v-58f3df90] {
  position: sticky !important;
  left: auto !important;
  flex: 0 0 1.25rem !important;
  width: 1.25rem !important;
  top: 8px !important;
  align-self: flex-start !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  max-height: calc(100vh - var(--pg-header-offset) - 64px) !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}

.gameBoxs .lfst .ls,
.gameBoxs .lfst.pg-sidebar .ls {
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}

.gameBoxs .content-area,
.content-area[data-v-0be5ec6e],
.content-area[data-v-58f3df90] {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  margin-left: 0 !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

.xiding,
.xiding.pg-top-bar,
.xiding[data-v-0be5ec6e],
.xiding[data-v-58f3df90],
.pg-top-bar[data-v-0be5ec6e],
.pg-top-bar[data-v-58f3df90] {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 100 !important;
  background: var(--pg-panel) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* === Header layout (scoped legacy) === */
.header-row[data-v-0be5ec6e] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 8px 10px 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.header-left[data-v-0be5ec6e] {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  flex: 0 1 auto !important;
  max-width: 42% !important;
  min-width: 0 !important;
}

.header-left .brand-text,
.brand-text,
.header-left .brand-text[data-v-0be5ec6e],
.brand-text[data-v-0be5ec6e],
.brand-text[data-v-58f3df90] {
  display: block !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
  white-space: nowrap !important;
  background: linear-gradient(135deg, #b08cff 0%, #6ea8ff 55%, #5b8def 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.caosuo .login-wrapper[data-v-0be5ec6e],
.header-left .login-wrapper[data-v-0be5ec6e] {
  margin-top: 0 !important;
  display: flex !important;
  gap: 6px !important;
}

.caosuo .riggs[data-v-0be5ec6e],
.riggs[data-v-0be5ec6e] {
  display: flex !important;
  flex-direction: row !important;
  align-self: flex-start !important;
  padding-top: 0 !important;
  gap: 2px !important;
  flex-shrink: 0 !important;
}

/* Login / register buttons */
.caosuo .login-wrapper .regist-button[data-v-0be5ec6e],
.login-wrapper .regist-button[data-v-0be5ec6e] {
  background: #22242c !important;
  background-image: none !important;
  color: #f0f0f5 !important;
  -webkit-text-fill-color: #f0f0f5 !important;
  border: 1px solid #3a3f4b !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 14px !important;
}

.caosuo .login-wrapper #login-button[data-v-0be5ec6e],
.login-wrapper #login-button[data-v-0be5ec6e],
.login-wrapper .white-text[data-v-0be5ec6e] {
  background: linear-gradient(135deg, #5b9ee8, #3d7edb) !important;
  background-image: linear-gradient(135deg, #5b9ee8, #3d7edb) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 6px rgba(61, 126, 219, 0.35) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 14px !important;
}

.login-wrapper .regist-button[data-v-0be5ec6e]:empty::after {
  content: '注册';
  color: #f0f0f5;
  -webkit-text-fill-color: #f0f0f5;
  font-size: 13px;
  line-height: 1;
}

.login-wrapper #login-button[data-v-0be5ec6e]:empty::after {
  content: '登录';
  color: #fff;
  -webkit-text-fill-color: #fff;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
}

/* Bundled WAP: force login label visible */
.login-wrapper #login-button[data-v-0be5ec6e] {
  min-width: 52px !important;
  font-size: 13px !important;
}
.pg-foot-nav,
nav.nav.pg-foot-nav {
  background-color: #15151a !important;
}

.app-ti_green {
  background: var(--pg-bg) !important;
}

/* Right action icons */
.caosuo .riggs .lisImg[data-v-0be5ec6e],
.riggs .lisImg[data-v-0be5ec6e] {
  max-width: 58px !important;
  font-size: 12px !important;
  color: #e8eaed !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

/* Sidebar */
.gameBoxs .lfst .ls span[data-v-0be5ec6e] {
  color: #8b919c !important;
  font-size: 12px !important;
  margin-top: 2px !important;
}

.gameBoxs .lfst .ls.active span[data-v-0be5ec6e] {
  color: #6ea8ff !important;
  font-weight: 600 !important;
}

/* Top category tabs */
.game-type-tabs .game-type-tab[data-v-0be5ec6e] {
  background: #22242c !important;
  color: #d8dce3 !important;
  border: 1px solid #343944 !important;
  border-radius: 16px !important;
}

.game-type-tabs .game-type-tab.active[data-v-0be5ec6e] {
  background: #1a2740 !important;
  color: #6ea8ff !important;
  border-color: #4a7fe8 !important;
  font-weight: 600 !important;
}

.game-type-tabs .game-type-tab--sub[data-v-0be5ec6e] {
  font-size: 12px !important;
  padding: 4px 10px !important;
}

/* Game grid — uniform 1:1 thumbnails (no data-v; survives rebuild) */
.gameBoxs .rigts.three-column,
.gameBoxs .rigts.hot-grid {
  gap: 0.12rem !important;
  padding: 5px 5px 70px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.gameBoxs .rigts.three-column .game-item,
.gameBoxs .rigts.hot-grid .game-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important;
  margin-top: 0 !important;
}

.gameBoxs .rigts.three-column .game-icon-container,
.gameBoxs .rigts.hot-grid .game-icon-container {
  position: relative !important;
  width: 100% !important;
  display: block !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #1a1c22 !important;
}

.gameBoxs .rigts.three-column .game-icon-container > img,
.gameBoxs .rigts.hot-grid .game-icon-container > img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

.gameBoxs .rigts.three-column .game-item .game-name,
.gameBoxs .rigts.hot-grid .game-item .game-name {
  position: relative !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  color: #c8ccd4 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  text-align: center !important;
  background: transparent !important;
}

.gameBoxs .rigts.three-column[data-v-0be5ec6e] {
  gap: 0.12rem !important;
  padding: 5px 5px 70px !important;
}

.gameBoxs .rigts.three-column .game-item .game-name[data-v-0be5ec6e],
.gameBoxs .rigts.hot-grid .game-item .game-name[data-v-0be5ec6e] {
  color: #c8ccd4 !important;
}

.realbet-icon-container[data-v-0be5ec6e],
.sport-icon-container[data-v-0be5ec6e] {
  background: #171920 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

/* Sport / Live venue cards — dark theme, class-only fallback */
.venue-list.realbet-content,
.venue-list.sport-content,
.realbet-content.venue-list,
.sport-content.venue-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 6px 6px 70px !important;
}

.venue-list .venue-card {
  position: relative;
  display: flex !important;
  align-items: center;
  min-height: 92px;
  padding: 12px 14px;
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(120deg, #2a2e38 0%, #1e2129 45%, #16181f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

.venue-list .venue-card__title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #f2f4f8 !important;
}

.venue-list .venue-card__sub {
  color: #8b919c !important;
  font-size: 10px !important;
}

.venue-list .venue-card__tag {
  color: var(--vc-accent, #6ea8ff) !important;
}

.header-left .lefs[data-v-0be5ec6e] {
  color: #f0f0f5 !important;
}

.pageTop,
.pageTop[data-v-0be5ec6e] {
  background: var(--pg-bg) !important;
}

/* 投注记录页 — 白底子页，隔离深色主题与首页 game-name 样式 */
.bet-record-page {
  background: #fff !important;
  color: #222 !important;
}

.bet-record-page .fixed-header,
.bet-record-page .bet-record-body {
  background: #fff !important;
}

.bet-record-page .total-info {
  background: #f5f5f5 !important;
}

.bet-record-page .total-label {
  color: #666 !important;
  font-size: 12px !important;
}

.bet-record-page .total-value {
  color: #333 !important;
  font-size: 16px !important;
}

.bet-record-page .total-value.negative {
  color: #ff4d4f !important;
}

.bet-record-page .date-item {
  color: #333 !important;
  font-size: 14px !important;
}

.bet-record-page .bet-record-title,
.bet-record-page .van-cell__title .bet-record-title {
  position: static !important;
  width: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 15px !important;
  line-height: 22px !important;
  font-weight: 600 !important;
  color: #222 !important;
  background: transparent !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

.bet-record-page .bet-record-label {
  color: #888 !important;
  font-size: 12px !important;
  line-height: 18px !important;
}

.bet-record-page .bet-record-profit {
  color: #333 !important;
}

.bet-record-page .bet-record-profit.negative {
  color: #ff4d4f !important;
}

.bet-record-page .bet-record-count {
  color: #999 !important;
}

.bet-record-page .bet-record-thumb {
  position: static !important;
  width: 44px !important;
  height: 44px !important;
}

.bet-record-page .van-cell {
  background: #fff !important;
  color: #222 !important;
}

.bet-record-page .van-cell__title {
  flex: 1 !important;
  min-width: 0 !important;
}

.bet-record-page .van-cell__value {
  flex: none !important;
  overflow: visible !important;
  color: #333 !important;
}

/* === fjsh homepage top layout === */
.fjsh-top-bar.pg-top-bar,
.fjsh-top-bar.xiding.pg-top-bar {
  background: #000 !important;
  box-shadow: none !important;
}

.fjsh-hero-wrap {
  padding-top: 67px !important;
  background: #0a0a0c !important;
}

.fjsh-hero-wrap.has-download-bar {
  padding-top: calc(67px + 1rem) !important;
}

.gameBoxs.pg-game-area.fjsh-game-area,
.gameBoxs.fjsh-game-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.gameBoxs.fjsh-game-area .lfst,
.gameBoxs.fjsh-game-area .lfst.pg-sidebar,
.fjsh-game-area .pg-sidebar {
  position: sticky !important;
  top: 8px !important;
  z-index: 20 !important;
}

.fjsh-game-area.has-download-bar .lfst,
.fjsh-game-area.has-download-bar .pg-sidebar {
  max-height: calc(100vh - var(--pg-header-offset) - 1rem - 64px) !important;
}

.app-download-bar-v2 .download-btn {
  cursor: pointer !important;
  touch-action: manipulation !important;
  pointer-events: auto !important;
}

.fjsh-sub-tabs.top-tab-bar {
  position: relative !important;
  top: auto !important;
  margin: 0 10px 8px 1.35rem !important;
  z-index: 1 !important;
}

.fjsh-banner .van-swipe__track,
.fjsh-banner .van-swipe-item {
  height: 148px !important;
}

.fjsh-banner-img {
  width: 100% !important;
  height: 148px !important;
  object-fit: cover !important;
  display: block !important;
}

/* === registration modal: keep the submit button above mobile UI === */
.register-modal {
  top: auto !important;
  bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
}