:root {
  --station-red: #a9342d;
  --station-red-dark: #6f211d;
  --station-red-deep: #431615;
  --station-gold: #d8a94a;
  --station-gold-soft: #f8e6b6;
  --station-cream: #fff8ed;
  --station-bg: #f3eadc;
  --station-panel: #fffdf8;
  --station-line: #e5d3b7;
  --station-text: #35251d;
  --station-muted: #826754;
  --station-shadow: 0 16px 34px rgba(82, 42, 24, .10);
  --bg: var(--station-bg);
  --panel: var(--station-panel);
  --line: var(--station-line);
  --primary: var(--station-red);
  --primary-2: #842822;
  --accent: var(--station-gold);
  --text: var(--station-text);
  --muted: var(--station-muted);
  --shadow: var(--station-shadow);
  --soft: 0 8px 20px rgba(82, 42, 24, .08);
}

/* 移动端默认布局 - 必须在媒体查询之前定义 */
.liuhecai-page .bet-sheet {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-areas: 
    "row"
    "rebate"
    "note"
    "summary"
    "actions" !important;
  gap: 10px !important;
}

.liuhecai-page .bet-sheet > .bet-row {
  grid-area: row !important;
}

.liuhecai-page .bet-sheet > .bet-field:nth-child(2) {
  grid-area: rebate !important;
}

.liuhecai-page .bet-sheet > .bet-note {
  grid-area: note !important;
}

.liuhecai-page .bet-sheet > .summary {
  grid-area: summary !important;
}

.liuhecai-page .bet-sheet > .bet-actions {
  grid-area: actions !important;
}

html,
body {
  color: var(--station-text);
  background: linear-gradient(180deg, #7d241f 0, #ad3a31 142px, var(--station-bg) 142px, var(--station-bg) 100%);
}

body,
.mobile-app,
.app,
.page {
  background-color: var(--station-bg);
}

a {
  color: inherit;
}

.topbar,
.desktop-top {
  background: linear-gradient(180deg, var(--station-red-dark), var(--station-red)) !important;
  color: #fff;
  box-shadow: 0 14px 34px rgba(92, 34, 24, .15);
}

.topbar a,
.back {
  color: #fff !important;
}

.logo-mark,
.desktop-logo,
.desktop-avatar,
.avatar,
.logo {
  background: radial-gradient(circle at 30% 35%, #fff5c9 0, var(--station-gold) 28%, var(--station-red) 31%, #842822 66%, var(--station-red-dark) 100%) !important;
  color: #fff;
}

.hero,
.brand-panel {
  background: linear-gradient(135deg, var(--station-red-dark) 0, var(--station-red) 58%, #ba6a34 100%) !important;
  box-shadow: 0 18px 38px rgba(92, 34, 24, .18) !important;
  color: #fff;
}

.hero-pill,
.hero-pill-alt {
  color: var(--station-red-dark) !important;
  background: #fff6d4 !important;
}

.hero-note,
.desktop-hero .sub,
.draw-head,
.hero small {
  color: rgba(255, 247, 218, .94) !important;
}

.phone {
  background: linear-gradient(160deg, var(--station-red-deep) 0, var(--station-red) 56%, var(--station-gold) 100%) !important;
}

.screen span {
  background: linear-gradient(180deg, #fff9ec, #f4ddad) !important;
}

.screen span:nth-child(3n+1) {
  background: linear-gradient(180deg, #ffe4dd, #f2a38a) !important;
}

.mobile-jackpot,
.jackpot,
.desktop-hero,
.desktop-side-panel,
.board-card,
.recommend-card,
.block,
.card,
.panel,
.auth-shell,
.form-panel {
  background: linear-gradient(180deg, #fffdf8 0, #fff8eb 100%) !important;
  border-color: var(--station-line) !important;
  box-shadow: var(--station-shadow) !important;
  color: var(--station-text);
}

.desktop-hero::before {
  background:
    radial-gradient(circle at right center, rgba(245, 196, 81, .26), transparent 30%),
    radial-gradient(circle at left top, rgba(201, 35, 35, .14), transparent 28%) !important;
}

.desktop-hero h1 {
  background: linear-gradient(135deg, var(--station-red), #c06a2f, var(--station-gold)) !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
}

.desktop-visual {
  background: linear-gradient(135deg, #fff1c4, #fffdf8 46%, #ffe5d8) !important;
}

.ticker,
.tips,
.stat,
.item,
.service-card,
.quick-card,
.summary,
.tool-btn,
.road-close button {
  background: #fff8ea !important;
  color: var(--station-muted) !important;
  border-color: var(--station-line) !important;
}

.ticker strong,
.mobile-jackpot-title,
.jackpot strong,
.board-card h3,
.card h3,
.row strong,
.stat strong,
.amount-card strong,
.summary strong,
.roadmap-title,
.quick-card,
.block-head span {
  color: var(--station-red) !important;
}

.banner-card,
.download-bar,
.float-card,
.side-nav,
.issue-rail {
  background: linear-gradient(180deg, var(--station-red-dark), var(--station-red)) !important;
  color: #fff !important;
  box-shadow: 0 18px 38px rgba(92, 34, 24, .16) !important;
}

.banner-badge,
.float-mini {
  background: rgba(255, 247, 218, .15) !important;
  color: #fff7d2 !important;
}

.block-head strong,
.popup-close,
.download-btn,
.switch-btn.active,
.side-btn.active,
.subtab.active,
.filter-btn.active,
.roadmap-tab.active,
.unit-tab.active,
.multi-quick-btn.active,
.issue-link.active,
.bet-submit,
button.submit,
button[type="submit"],
.switcher a.active,
.announce-tag {
  background: linear-gradient(135deg, #c84f3c, var(--station-red) 58%, #842822) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 10px 20px rgba(169, 47, 41, .18) !important;
}

.promo-card:nth-child(1) {
  background: linear-gradient(135deg, #fff8e8, #ffffff) !important;
  color: #8a5e18 !important;
}

.promo-card:nth-child(2),
.promo-card:nth-child(3) {
  background: linear-gradient(135deg, var(--station-red), #c46a32) !important;
  color: #fff !important;
}

.recommend-icon,
.service-icon,
.zodiac-icon {
  background: linear-gradient(180deg, #fff3c8, #f2d38b) !important;
  color: var(--station-red-dark) !important;
}

.tabbar,
.bottom-bar {
  background: rgba(255, 253, 248, .98) !important;
  border-color: var(--station-line) !important;
  box-shadow: 0 -12px 24px rgba(104, 42, 21, .10) !important;
}

.tab.active,
.desktop-nav a.active,
.menu a,
.multiple-btn {
  color: var(--station-red) !important;
}

.desktop-nav a.active {
  background: rgba(255, 244, 199, .18) !important;
}

.menu a {
  background: #fff8ea !important;
  border: 1px solid var(--station-line);
}

.switch-btn,
.side-btn,
.subtab,
.filter-btn,
.roadmap-tab,
.unit-tab,
.multi-quick-btn,
.preset {
  background: linear-gradient(180deg, #fffdf8, #fff4db) !important;
  color: #7a4a2c !important;
  border-color: var(--station-line) !important;
}

.side-btn.active {
  color: #fff !important;
}

.side-btn.active::before {
  background: linear-gradient(180deg, var(--station-gold), var(--station-red)) !important;
}

.desktop-panel-head,
.subtabs,
.filters,
#content,
.roadmap-sheet,
.roadmap-pane {
  background: #fffdf8 !important;
  border-color: var(--station-line) !important;
}

.bet-item,
.amount-card,
.pick {
  background: linear-gradient(180deg, #fffdf8, #fff8ed) !important;
  border-color: var(--station-line) !important;
  color: var(--station-text) !important;
  box-shadow: 0 5px 14px rgba(104, 42, 21, .06) !important;
}

.bet-item.selected {
  border-color: rgba(201, 35, 35, .62) !important;
  background: linear-gradient(180deg, #fff9ed, #ffe8d8) !important;
  box-shadow: 0 8px 18px rgba(201, 35, 35, .14) !important;
}

.bet-item-name {
  color: #7f2a18 !important;
}

.bet-item-odds,
.mobile-jackpot-currency,
.mobile-jackpot-sep {
  color: #d27c1e !important;
}

.bet-item[data-color="red"] .bet-item-name {
  color: #d73333 !important;
}

.bet-item[data-color="blue"] .bet-item-name {
  color: #2679c5 !important;
}

.bet-item[data-color="green"] .bet-item-name {
  color: #11895b !important;
}

.number-badge.red,
.ball.red,
.road-ball.red {
  background: linear-gradient(180deg, #d96758, var(--station-red)) !important;
}

.number-badge.blue,
.ball.blue,
.road-ball.blue {
  background: linear-gradient(180deg, #62a7dd, #2679c5) !important;
}

.number-badge.green,
.ball.green {
  background: linear-gradient(180deg, #45c58a, #11895b) !important;
}

.dice {
  color: var(--station-red) !important;
  background: #fff9ec !important;
  box-shadow: inset 0 -3px 0 rgba(245, 196, 81, .35), 0 5px 12px rgba(74, 20, 16, .18) !important;
}

.draw {
  background: rgba(255, 247, 218, .16) !important;
  border: 1px solid rgba(255, 247, 218, .20);
}

.mobile-countdown-box i,
.countdown-box i {
  background: #fff7e8 !important;
  color: var(--station-red) !important;
}

.mobile-countdown-box em,
.countdown-box em {
  color: #fff2b8 !important;
}

.countdown-progress {
  background: rgba(79, 17, 16, .38) !important;
}

.countdown-progress span {
  background: linear-gradient(90deg, var(--station-gold), #ef8a2f, var(--station-red)) !important;
}

input,
select,
.money-input,
.multiple-input,
.multiple-box {
  background: #fffdf8 !important;
  border-color: var(--station-line) !important;
  color: var(--station-text) !important;
}

input:focus,
select:focus {
  border-color: var(--station-red) !important;
  box-shadow: 0 0 0 3px rgba(201, 35, 35, .10) !important;
  outline: none;
}

.preset.active {
  border-color: var(--station-red) !important;
  background: #fff0df !important;
  color: var(--station-red-dark) !important;
}

.msg,
.badge.approved,
.badge.won {
  background: #ecfff3 !important;
  color: #1f7a44 !important;
}

.err,
.badge.rejected,
.badge.lost {
  background: #fff0f0 !important;
  color: #af3f3f !important;
}

.badge.pending {
  background: #fff3d2 !important;
  color: #9b7100 !important;
}

.badge.cancelled {
  background: #f2eadf !important;
  color: #7b6a58 !important;
}

.popup-mask {
  background: rgba(49, 18, 15, .58) !important;
}

.popup-card {
  background: #fffdf8 !important;
  border: 1px solid var(--station-line);
  box-shadow: 0 22px 42px rgba(74, 20, 16, .26) !important;
}

.popup-card h3,
.brand-copy h1,
.card h1,
h3 {
  color: var(--station-text);
}

.roadmap-grid {
  border-color: #ead9bf !important;
}

.road-cell {
  border-color: #efe0c7 !important;
}

.roadmap-desc,
.meta,
.item span,
.amount-card span,
.bet-label,
.field label {
  color: var(--station-muted) !important;
}

.account-page .topbar,
.auth-page .topbar {
  background: transparent !important;
  box-shadow: none !important;
}

.account-page .card,
.account-page .panel {
  border: 1px solid var(--station-line) !important;
}

.account-page .hero {
  border-radius: 22px !important;
}

.account-page .stats {
  gap: 12px;
}

.account-page .stat {
  border: 1px solid rgba(229, 211, 183, .72) !important;
}

.account-page .list {
  gap: 10px;
}

.account-page .item {
  border: 1px solid rgba(229, 211, 183, .72) !important;
}

.game-page .bottom-bar {
  padding: 8px 10px 10px !important;
}

.game-page .bet-sheet {
  gap: 8px !important;
}

.game-page .rebate-row {
  gap: 7px !important;
}

.game-page .bet-label,
.game-page .rebate-zero,
.game-page .rebate-value,
.game-page .rebate-prefix {
  font-size: 11px !important;
  white-space: nowrap;
}

.game-page .money-input,
.game-page .multiple-input,
.game-page .multiple-btn,
.game-page .unit-tab,
.game-page .multi-quick-btn {
  height: 30px !important;
}

.game-page .money-input {
  width: 66px !important;
}

.game-page .multiple-input {
  width: 38px !important;
}

.game-page .multiple-btn {
  width: 28px !important;
}

.game-page .unit-tab,
.game-page .multi-quick-btn {
  min-width: 32px !important;
  padding: 0 9px !important;
  font-size: 12px !important;
}

.game-page .tool-btn,
.game-page .bet-submit {
  min-height: 0 !important;
}

.game-page .summary {
  min-height: 0 !important;
}

@media (max-width: 1099px) {
  .game-page .app {
    padding-bottom: 118px !important;
  }

  .game-page .bottom-bar {
    padding: 7px 8px 8px !important;
  }

  .game-page .bet-sheet {
    gap: 6px !important;
  }

  .game-page .bet-row {
    gap: 6px !important;
  }

  .game-page .bet-field {
    gap: 5px !important;
  }

  .game-page .bet-actions {
    gap: 6px !important;
  }

  .game-page .bet-actions .tool-btn,
  .game-page .tool-btn,
  .game-page .bet-submit {
    height: 36px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    padding: 4px 6px !important;
  }

  .game-page .summary {
    padding: 5px 6px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    gap: 2px !important;
  }

  .game-page .summary strong {
    font-size: 12px !important;
  }

  .liuhecai-page .summary {
    display: flex !important;
    min-height: 34px !important;
  }
}

@media (min-width: 1100px) {
  html,
  body {
    background: linear-gradient(180deg, #6f211d 0, #a9342d 280px, var(--station-bg) 280px, var(--station-bg) 100%) !important;
  }

  .desktop-top {
    background: linear-gradient(180deg, var(--station-red-dark), #7f2822) !important;
  }

  .desktop-stage,
  .desktop-main {
    color: var(--station-text);
  }

  .side-nav,
  .issue-rail,
  .float-card {
    background: linear-gradient(180deg, var(--station-red-dark), var(--station-red-deep)) !important;
  }

  .side-btn {
    color: rgba(255, 247, 218, .92) !important;
    background: transparent !important;
  }

  .side-btn.active,
  .issue-link.active {
    background: linear-gradient(135deg, var(--station-red), #c46a32) !important;
    color: #fff !important;
  }

  .countdown-box {
    background: rgba(79, 17, 16, .32) !important;
  }

  .quick-card {
    background: #fffdf8 !important;
  }

  .game-page .bottom-bar {
    position: sticky !important;
    bottom: 12px !important;
    margin-top: 12px !important;
    padding: 10px 14px !important;
    border-radius: 18px !important;
  }

  .kuai3-page .bet-sheet,
  .liuhecai-page .bet-sheet {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(220px, .95fr) auto !important;
    grid-template-areas: 
      "controls rebate actions"
      "note note actions" !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .kuai3-page .bet-sheet > .bet-field:first-child {
    grid-area: rebate !important;
  }

  .kuai3-page .bet-sheet > .bet-row {
    grid-area: controls !important;
    grid-template-columns: auto auto !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .kuai3-page .bet-sheet > .bet-actions {
    grid-area: actions !important;
  }

  .kuai3-page .summary {
    grid-area: auto !important;
  }

  .kuai3-page .bet-actions {
    grid-template-columns: 92px 92px 122px 92px !important;
    gap: 8px !important;
    align-items: stretch !important;
    justify-content: end !important;
  }

  .kuai3-page .bet-actions .summary {
    display: grid !important;
    padding: 4px !important;
    border-radius: 12px !important;
    background: #fff8ea !important;
  }

  .kuai3-page .summary .bet-submit {
    width: 100% !important;
  }

  .liuhecai-page .bet-sheet > .bet-row {
    grid-area: controls !important;
    grid-template-columns: auto auto !important;
    gap: 12px !important;
    align-items: center !important;
  }

  .liuhecai-page .bet-sheet > .bet-field:nth-child(2) {
    grid-area: rebate !important;
  }

  .liuhecai-page .bet-sheet > .bet-note {
    grid-area: note !important;
    display: block !important;
  }

  .liuhecai-page .bet-sheet > .summary {
    grid-area: actions !important;
    width: 96px !important;
    min-width: 96px !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: right !important;
  }

  .liuhecai-page .bet-sheet > .bet-actions {
    grid-area: actions !important;
    margin-left: 104px !important;
  }

  .liuhecai-page .bet-actions {
    grid-template-columns: 112px 122px !important;
    gap: 8px !important;
    justify-content: end !important;
  }

  .game-page .rebate-row {
    grid-template-columns: auto auto minmax(150px, 1fr) auto !important;
  }

  .liuhecai-page .rebate-row {
    grid-template-columns: auto minmax(150px, 1fr) auto !important;
  }

  .game-page .unit-row,
  .game-page .multiple-row {
    gap: 7px !important;
  }

  .game-page .tool-btn,
  .game-page .bet-submit {
    height: 38px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    padding: 0 10px !important;
  }

  .game-page .bet-submit {
    font-size: 16px !important;
  }

  .game-page .summary strong {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .liuhecai-page .summary strong {
    font-size: 18px !important;
  }

  .account-page {
    min-height: 100vh;
    background:
      linear-gradient(180deg, #6f211d 0, #a9342d 184px, var(--station-bg) 184px, var(--station-bg) 100%) !important;
  }

  .account-page .page {
    width: 1200px !important;
    max-width: calc(100vw - 80px) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 22px 0 44px !important;
    background: transparent !important;
  }

  .account-page .topbar {
    height: 64px !important;
    grid-template-columns: 56px 1fr 56px !important;
    padding: 0 !important;
    margin-bottom: 18px !important;
    color: #fff !important;
  }

  .account-page .topbar a,
  .account-page .back {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: rgba(255, 248, 237, .12) !important;
    border: 1px solid rgba(255, 248, 237, .18) !important;
  }

  .account-page .topbar div,
  .account-page .topbar .title {
    font-size: 24px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  .account-page .card,
  .account-page .panel {
    margin: 0 !important;
    border-radius: 18px !important;
    padding: 18px !important;
  }

  .profile-page .page {
    display: grid !important;
    grid-template-columns: 320px 1fr 1fr !important;
    grid-template-areas:
      "top top top"
      "user balance balance"
      "menu bets funds"
      "menu logs logs" !important;
    gap: 18px !important;
    align-items: start !important;
  }

  .profile-page .topbar {
    grid-area: top !important;
  }

  .profile-page .user-panel {
    grid-area: user !important;
    min-height: 160px !important;
    padding: 22px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, var(--station-red-dark), var(--station-red)) !important;
    box-shadow: var(--station-shadow) !important;
  }

  .profile-page .user-head {
    grid-template-columns: 72px 1fr !important;
    gap: 16px !important;
  }

  .profile-page .avatar {
    width: 72px !important;
    height: 72px !important;
    font-size: 30px !important;
  }

  .profile-page .card:nth-of-type(1) {
    grid-area: balance !important;
    min-height: 160px !important;
    display: grid !important;
    align-items: center !important;
  }

  .profile-page .card:nth-of-type(1) .row strong {
    font-size: 42px !important;
  }

  .profile-page .card:nth-of-type(2) {
    grid-area: menu !important;
  }

  .profile-page .menu {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 0 !important;
  }

  .profile-page .menu a {
    min-height: 46px !important;
    justify-items: start !important;
    padding: 0 16px !important;
    text-align: left !important;
  }

  .profile-page .card:nth-of-type(3) {
    grid-area: bets !important;
  }

  .profile-page .card:nth-of-type(4) {
    grid-area: funds !important;
  }

  .profile-page .card:nth-of-type(5) {
    grid-area: logs !important;
  }

  .finance-page .page {
    display: grid !important;
    grid-template-columns: 360px 1fr !important;
    grid-template-areas:
      "top top"
      "stats form"
      "tips records" !important;
    gap: 18px !important;
    align-items: start !important;
  }

  .finance-page .topbar {
    grid-area: top !important;
  }

  .finance-page .card:nth-of-type(1) {
    grid-area: stats !important;
  }

  .finance-page .card:nth-of-type(2) {
    grid-area: form !important;
  }

  .finance-page .card:nth-of-type(3) {
    grid-area: tips !important;
  }

  .finance-page .card:nth-of-type(4) {
    grid-area: records !important;
  }

  .withdraw-page .page {
    grid-template-areas:
      "top top"
      "form records" !important;
  }

  .withdraw-page .card:nth-of-type(1) {
    grid-area: form !important;
  }

  .withdraw-page .card:nth-of-type(2) {
    grid-area: records !important;
  }

  .finance-page .balance-box {
    grid-template-columns: 1fr !important;
  }

  .finance-page .presets {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .finance-page input,
  .finance-page select {
    height: 44px !important;
    margin-bottom: 10px !important;
  }

  .records-page:not(.orders-page) .page {
    display: grid !important;
    grid-template-columns: 300px 1fr !important;
    grid-template-areas:
      "top top"
      "hero list"
      "filter list" !important;
    gap: 18px !important;
    align-items: start !important;
  }

  .records-page:not(.orders-page) .topbar {
    grid-area: top !important;
  }

  .records-page:not(.orders-page) .hero {
    grid-area: hero !important;
    margin: 0 !important;
    padding: 20px !important;
  }

  .records-page:not(.orders-page) .panel:nth-of-type(1) {
    grid-area: filter !important;
  }

  .records-page:not(.orders-page) .panel:nth-of-type(2),
  .records-page:not(.orders-page) .card:nth-of-type(1) {
    grid-area: list !important;
  }

  .records-page:not(.orders-page) .stats {
    grid-template-columns: 1fr !important;
  }

  .orders-page .page {
    display: block !important;
    width: min(1100px, calc(100vw - 32px)) !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 0 28px !important;
  }

  .orders-page .hero {
    margin: 0 !important;
    padding: 8px 0 0 !important;
  }

  .orders-page .stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .orders-page .panel {
    margin: 16px 0 0 !important;
  }

  .orders-page .filters {
    grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) auto !important;
  }

  .orders-page .list,
  .orders-page .order-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .orders-page .order-table {
    display: table !important;
    width: 100% !important;
  }

  .orders-page .item {
    min-width: 0 !important;
  }

  .fund-records-page .page {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas:
      "top top"
      "funds logs" !important;
  }

  .fund-records-page .card:nth-of-type(1) {
    grid-area: funds !important;
  }

  .fund-records-page .card:nth-of-type(2) {
    grid-area: logs !important;
  }

  .fund-records-page .list,
  .fund-records-page .card {
    min-width: 0 !important;
  }

  .auth-page {
    background: linear-gradient(135deg, #f3eadc 0, #f8f0e3 50%, #efe1cf 100%) !important;
  }

  .auth-page .auth-shell {
    border-radius: 18px !important;
    width: min(980px, calc(100vw - 90px)) !important;
  }

  .auth-page .brand-panel {
    background: linear-gradient(150deg, var(--station-red-dark), var(--station-red) 64%, #ba6a34) !important;
  }
}

@media (min-width: 1100px) {
  .game-page .bottom-bar {
    width: auto !important;
    margin: 12px 132px 0 174px !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
    background: rgba(255, 253, 248, .96) !important;
    backdrop-filter: blur(8px);
    z-index: 18 !important;
  }

  .game-page .bet-sheet {
    align-items: center !important;
    gap: 10px !important;
  }

  .game-page .bet-field {
    gap: 4px !important;
  }

  .game-page .bet-label {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  .game-page .unit-row,
  .game-page .multiple-row {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .game-page .unit-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  .game-page .multiple-quick {
    display: grid !important;
    grid-template-columns: repeat(2, 42px) !important;
    gap: 3px !important;
  }

  .game-page .money-input,
  .game-page .multiple-input {
    height: 32px !important;
    border-radius: 8px !important;
  }

  .game-page .money-input {
    width: 66px !important;
  }

  .game-page .multiple-input {
    width: 38px !important;
  }

  .game-page .multiple-btn,
  .game-page .unit-tab,
  .game-page .multi-quick-btn {
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 8px !important;
  }

  .game-page .multi-quick-btn {
    height: 28px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
  }

  .game-page .rebate-row {
    gap: 8px !important;
  }

  .game-page .rebate-slider {
    min-width: 0 !important;
  }

  .game-page .summary {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--station-muted) !important;
  }

  .game-page .tool-btn,
  .game-page .bet-submit {
    height: 36px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
    padding: 0 10px !important;
  }

  .game-page .bet-submit {
    min-width: 112px !important;
    font-size: 16px !important;
  }

  .liuhecai-page .bet-sheet {
    grid-template-columns: minmax(286px, auto) minmax(220px, 1fr) 76px 224px !important;
    grid-template-areas: 
      "controls rebate summary actions"
      "note note summary actions" !important;
  }

  .liuhecai-page .bet-sheet > .bet-row {
    grid-area: controls !important;
    display: flex !important;
    gap: 12px !important;
    align-items: end !important;
  }

  .liuhecai-page .bet-sheet > .bet-field:nth-child(2) {
    grid-area: rebate !important;
    min-width: 0 !important;
  }

  .liuhecai-page .bet-sheet > .summary {
    grid-area: summary !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    justify-items: end !important;
    align-content: center !important;
    text-align: right !important;
  }

  .liuhecai-page .summary strong {
    font-size: 18px !important;
    line-height: 1.1 !important;
  }

  .liuhecai-page .bet-sheet > .bet-actions {
    grid-area: actions !important;
    margin-left: 0 !important;
    align-self: center !important;
  }

  .liuhecai-page .bet-actions {
    grid-template-columns: 104px 112px !important;
    gap: 8px !important;
    justify-content: end !important;
  }

  .liuhecai-page .rebate-row {
    grid-template-columns: auto minmax(170px, 1fr) 42px !important;
  }

  .kuai3-page .bet-sheet {
    grid-template-columns: minmax(260px, auto) minmax(220px, 1fr) auto !important;
    grid-template-areas: "controls rebate actions" !important;
  }

  .kuai3-page .bet-sheet > .bet-row {
    grid-area: controls !important;
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .kuai3-page .bet-sheet > .bet-field:first-child {
    grid-area: rebate !important;
    min-width: 0 !important;
  }

  .kuai3-page .bet-sheet > .bet-actions {
    grid-area: actions !important;
  }

  .kuai3-page .bet-actions {
    grid-template-columns: 82px 82px 118px 82px !important;
    gap: 7px !important;
    justify-content: end !important;
  }

  .kuai3-page .bet-actions .summary {
    padding: 3px 4px !important;
    border: 1px solid var(--station-line) !important;
    background: #fff8ea !important;
  }
}

@media (min-width: 1100px) and (max-width: 1280px) {
  .game-page .bottom-bar {
    margin-right: 0 !important;
  }

  .liuhecai-page .bet-sheet {
    grid-template-columns: minmax(240px, auto) minmax(160px, 1fr) 70px 210px !important;
  }

  .kuai3-page .bet-actions {
    grid-template-columns: 74px 74px 112px 74px !important;
  }
}

@media (min-width: 1100px) {
  .game-page .bottom-bar {
    padding: 10px 12px !important;
  }

  .liuhecai-page .bet-sheet {
    grid-template-columns: 330px minmax(220px, 1fr) 86px 220px !important;
    grid-template-areas:
      "controls rebate summary actions"
      "note rebate summary actions" !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .liuhecai-page .bet-sheet > .bet-row {
    grid-area: controls !important;
    display: grid !important;
    grid-template-columns: 124px 190px !important;
    gap: 14px !important;
    align-items: end !important;
  }

  .liuhecai-page .bet-field {
    min-width: 0 !important;
  }

  .liuhecai-page .unit-row {
    display: grid !important;
    grid-template-columns: 66px auto !important;
    gap: 6px !important;
  }

  .liuhecai-page .unit-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, 32px) !important;
  }

  .liuhecai-page .multiple-row {
    display: grid !important;
    grid-template-columns: 104px 1fr !important;
    gap: 7px !important;
    align-items: center !important;
  }

  .liuhecai-page .multiple-quick {
    display: grid !important;
    grid-template-columns: repeat(2, 42px) !important;
    gap: 4px !important;
  }

  .liuhecai-page .multi-quick-btn {
    height: 28px !important;
    border-radius: 7px !important;
    padding: 0 !important;
  }

  .liuhecai-page .bet-sheet > .bet-field:nth-child(2) {
    grid-area: rebate !important;
    align-self: center !important;
  }

  .liuhecai-page .rebate-row {
    display: grid !important;
    grid-template-columns: 34px minmax(150px, 1fr) 42px !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .liuhecai-page .rebate-slider {
    width: 100% !important;
  }

  .liuhecai-page .bet-sheet > .summary {
    grid-area: summary !important;
    display: grid !important;
    justify-items: end !important;
    align-content: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    width: auto !important;
    text-align: right !important;
  }

  .liuhecai-page .summary strong {
    font-size: 18px !important;
  }

  .liuhecai-page .summary span {
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .liuhecai-page .bet-sheet > .bet-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
    align-self: center !important;
  }

  .liuhecai-page .bet-actions .tool-btn,
  .liuhecai-page .bet-actions .bet-submit {
    width: 100% !important;
  }

  .kuai3-page .bet-sheet {
    grid-template-columns: 310px minmax(220px, 1fr) 376px !important;
    grid-template-areas: "controls rebate actions" !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .kuai3-page .bet-sheet > .bet-row {
    display: grid !important;
    grid-template-columns: 156px 140px !important;
    gap: 12px !important;
  }

  .kuai3-page .rebate-row {
    grid-template-columns: auto auto minmax(150px, 1fr) auto !important;
    gap: 8px !important;
  }
}

@media (min-width: 1100px) and (max-width: 1280px) {
  .liuhecai-page .bet-sheet {
    grid-template-columns: 318px minmax(160px, 1fr) 76px 204px !important;
    gap: 10px !important;
  }

  .liuhecai-page .bet-sheet > .bet-row {
    grid-template-columns: 118px 186px !important;
    gap: 10px !important;
  }

  .liuhecai-page .bet-actions {
    grid-template-columns: 96px 104px !important;
  }
}

@media (min-width: 1100px) {
  .game-page .bottom-bar {
    padding: 12px 14px !important;
    border-radius: 18px !important;
  }

  .liuhecai-page .bet-sheet {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 230px !important;
    grid-template-areas:
      "controls actions"
      "rebate actions"
      "note summary" !important;
    gap: 10px 16px !important;
    align-items: center !important;
  }

  .liuhecai-page .bet-sheet > .bet-row {
    grid-area: controls !important;
    display: grid !important;
    grid-template-columns: 210px minmax(220px, 1fr) !important;
    gap: 18px !important;
    align-items: end !important;
  }

  .liuhecai-page .bet-field {
    gap: 7px !important;
  }

  .liuhecai-page .unit-row {
    display: grid !important;
    grid-template-columns: 66px 98px !important;
    gap: 7px !important;
    align-items: center !important;
  }

  .liuhecai-page .unit-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, 32px) !important;
    gap: 0 !important;
  }

  .liuhecai-page .multiple-row {
    display: grid !important;
    grid-template-columns: 104px 94px !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: start !important;
  }

  .liuhecai-page .multiple-quick {
    display: grid !important;
    grid-template-columns: repeat(2, 45px) !important;
    gap: 4px !important;
  }

  .liuhecai-page .bet-sheet > .bet-field:nth-child(2) {
    grid-area: rebate !important;
    align-self: stretch !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .liuhecai-page .bet-sheet > .bet-field:nth-child(2) > .bet-label {
    margin: 0 !important;
  }

  .liuhecai-page .rebate-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 44px !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .liuhecai-page .bet-sheet > .bet-note {
    grid-area: note !important;
    margin: 0 !important;
  }

  .liuhecai-page .bet-sheet > .summary {
    grid-area: summary !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: baseline !important;
    gap: 10px !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  .liuhecai-page .summary strong {
    font-size: 20px !important;
  }

  .liuhecai-page .bet-sheet > .bet-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    align-self: start !important;
    margin: 0 !important;
  }

  .liuhecai-page .bet-actions .tool-btn,
  .liuhecai-page .bet-actions .bet-submit {
    height: 38px !important;
    width: 100% !important;
  }

  .kuai3-page .bet-sheet {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 380px !important;
    grid-template-areas:
      "controls actions"
      "rebate actions" !important;
    gap: 10px 16px !important;
    align-items: center !important;
  }

  .kuai3-page .bet-sheet > .bet-row {
    grid-area: controls !important;
    display: flex !important;
    gap: 14px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
  }

  .kuai3-page .bet-sheet > .bet-field:first-child {
    grid-area: rebate !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .kuai3-page .rebate-row {
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
  }

  .kuai3-page .bet-sheet > .bet-actions {
    grid-area: actions !important;
    align-self: stretch !important;
    display: grid !important;
    grid-template-columns: 78px 78px 118px 78px !important;
    gap: 8px !important;
    align-items: stretch !important;
  }
}

@media (min-width: 1100px) and (max-width: 1280px) {
  .liuhecai-page .bet-sheet {
    grid-template-columns: minmax(0, 1fr) 214px !important;
    gap: 10px 12px !important;
  }

  .liuhecai-page .bet-sheet > .bet-row {
    grid-template-columns: 190px minmax(206px, 1fr) !important;
    gap: 12px !important;
  }

  .liuhecai-page .unit-row {
    grid-template-columns: 62px 98px !important;
  }

  .liuhecai-page .bet-sheet > .bet-actions {
    grid-template-columns: 96px 108px !important;
  }

  .kuai3-page .bet-sheet {
    grid-template-columns: minmax(0, 1fr) 354px !important;
  }

  .kuai3-page .bet-sheet > .bet-actions {
    grid-template-columns: 72px 72px 112px 72px !important;
  }
}

@media (min-width: 1100px) {
  .kuai3-page .bet-sheet {
    grid-template-columns: minmax(0, 1fr) 330px !important;
    grid-template-areas:
      "controls actions"
      "rebate actions" !important;
    align-items: stretch !important;
    gap: 10px 16px !important;
  }

  .kuai3-page .bet-sheet > .bet-row {
    grid-area: controls !important;
    display: grid !important;
    grid-template-columns: minmax(250px, auto) 126px !important;
    gap: 14px !important;
    align-items: end !important;
  }

  .kuai3-page .bet-row > .unit-row:first-child {
    display: grid !important;
    grid-template-columns: 54px auto !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .kuai3-page .bet-row > .unit-row:first-child > div {
    display: grid !important;
    grid-template-columns: 66px 96px !important;
    gap: 0 !important;
    align-items: center !important;
  }

  .kuai3-page .bet-row > .unit-row:nth-child(2) {
    display: grid !important;
    grid-template-columns: 102px 18px !important;
    gap: 6px !important;
    align-items: center !important;
  }

  .kuai3-page .bet-sheet > .bet-field:first-child {
    grid-area: rebate !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .kuai3-page .bet-sheet > .bet-field:first-child > .rebate-row {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .kuai3-page .bet-sheet > .bet-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-areas:
      "recent cart chase"
      "summary summary summary" !important;
    gap: 8px !important;
    align-self: stretch !important;
  }

  .kuai3-page .bet-actions > .tool-btn:nth-child(1) {
    grid-area: recent !important;
  }

  .kuai3-page .bet-actions > .tool-btn:nth-child(2) {
    grid-area: cart !important;
  }

  .kuai3-page .bet-actions > .tool-btn:nth-child(4) {
    grid-area: chase !important;
  }

  .kuai3-page .bet-actions > .summary {
    grid-area: summary !important;
    display: grid !important;
    grid-template-columns: 128px 1fr !important;
    grid-template-areas:
      "submit amount"
      "submit picks" !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 2px 10px !important;
    padding: 5px 6px !important;
    border: 1px solid var(--station-line) !important;
    border-radius: 12px !important;
    background: #fff8ea !important;
  }

  .kuai3-page .summary .bet-submit {
    grid-area: submit !important;
    height: 40px !important;
    width: 100% !important;
  }

  .kuai3-page .summary strong {
    grid-area: amount !important;
    text-align: right !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .kuai3-page .summary span {
    grid-area: picks !important;
    text-align: right !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1100px) and (max-width: 1280px) {
  .kuai3-page .bet-sheet {
    grid-template-columns: minmax(0, 1fr) 310px !important;
    gap: 10px 12px !important;
  }

  .kuai3-page .bet-sheet > .bet-row {
    grid-template-columns: minmax(232px, auto) 122px !important;
    gap: 10px !important;
  }

  .kuai3-page .bet-actions > .summary {
    grid-template-columns: 116px 1fr !important;
  }
}

/* Final visual tuning: calmer station palette with cream surfaces and gold accents. */
:root {
  --station-red: #9f332b;
  --station-red-dark: #64221f;
  --station-red-deep: #3f1715;
  --station-rust: #b85f35;
  --station-gold: #d6a24a;
  --station-gold-soft: #f7e7ba;
  --station-bg: #f1e7d7;
  --station-panel: #fffaf0;
  --station-line: #dec9aa;
  --station-text: #32241d;
  --station-muted: #826650;
  --station-shadow: 0 16px 34px rgba(70, 37, 23, .11);
}

html,
body {
  background: linear-gradient(180deg, #6a241f 0, #8f3029 138px, var(--station-bg) 138px, var(--station-bg) 100%) !important;
}

.desktop-top,
.topbar {
  background:
    linear-gradient(180deg, rgba(255, 245, 215, .05), transparent 42%),
    linear-gradient(180deg, #65231f 0, #812b25 100%) !important;
  box-shadow: 0 14px 28px rgba(69, 28, 22, .16) !important;
}

.desktop-nav a {
  color: #fff8df !important;
}

.desktop-nav a.active {
  background: rgba(255, 248, 226, .14) !important;
  color: var(--station-gold-soft) !important;
  box-shadow: inset 0 -2px 0 rgba(214, 162, 74, .72) !important;
}

.desktop-logo,
.logo-mark,
.desktop-avatar,
.avatar,
.logo {
  background:
    radial-gradient(circle at 27% 30%, #fff5bd 0, #dca74a 30%, transparent 31%),
    linear-gradient(135deg, #b34335, #64221f) !important;
}

.hero {
  background:
    linear-gradient(135deg, rgba(255, 239, 191, .10), transparent 40%),
    linear-gradient(135deg, #7b2924 0, #9f332b 54%, #bd6837 100%) !important;
  border: 1px solid rgba(255, 234, 184, .18) !important;
  box-shadow: 0 18px 34px rgba(70, 37, 23, .16) !important;
}

.hero .draw,
.draw {
  background: rgba(255, 248, 230, .12) !important;
  border: 1px solid rgba(255, 235, 188, .20) !important;
}

.countdown-box,
.mobile-countdown-box {
  background: rgba(63, 23, 21, .28) !important;
}

.countdown-box i,
.mobile-countdown-box i {
  background: linear-gradient(180deg, #fff8e5, #f7dfaa) !important;
  color: #913029 !important;
  box-shadow: inset 0 -2px 0 rgba(214, 162, 74, .30), 0 4px 10px rgba(63, 23, 21, .18) !important;
}

.countdown-progress {
  background: rgba(64, 24, 21, .30) !important;
}

.countdown-progress span {
  background: linear-gradient(90deg, #d6a24a, #bd6837, #9f332b) !important;
}

.side-nav,
.issue-rail,
.float-card {
  background: linear-gradient(180deg, #64221f 0, #4a1917 100%) !important;
  box-shadow: 0 16px 32px rgba(62, 25, 19, .18) !important;
}

.side-btn,
.issue-link {
  color: rgba(255, 247, 226, .9) !important;
}

.side-btn.active,
.issue-link.active {
  background: linear-gradient(135deg, #a33a30, #bd6837) !important;
  color: #fff8df !important;
  box-shadow: inset 0 1px 0 rgba(255, 245, 215, .18) !important;
}

.float-mini,
.banner-badge {
  background: rgba(255, 248, 226, .12) !important;
  color: #fff4cc !important;
}

.panel,
.card,
.block,
.desktop-side-panel,
.quick-card,
.bottom-bar {
  background: linear-gradient(180deg, #fffdf6 0, #fff7e8 100%) !important;
  border-color: var(--station-line) !important;
  box-shadow: var(--station-shadow) !important;
}

.desktop-panel-head,
.subtabs,
.filters,
#content {
  background: #fffaf0 !important;
  border-color: var(--station-line) !important;
}

.switch-btn,
.subtab,
.filter-btn,
.unit-tab,
.multi-quick-btn,
.tool-btn,
.preset {
  background: linear-gradient(180deg, #fffbf1, #f5e6ca) !important;
  color: #6f4c38 !important;
  border-color: #dfcaa9 !important;
}

.switch-btn.active,
.subtab.active,
.filter-btn.active,
.unit-tab.active,
.multi-quick-btn.active,
.bet-submit,
button.submit,
.popup-close {
  background: linear-gradient(135deg, #b74335, #963028) !important;
  color: #fff8df !important;
  box-shadow: 0 8px 16px rgba(128, 43, 35, .18) !important;
}

.bet-item {
  background: linear-gradient(180deg, #fffdf7, #fff8ec) !important;
  border-color: #dfcaa9 !important;
}

.bet-item.selected {
  background: linear-gradient(180deg, #fff5db, #ffe6c6) !important;
  border-color: rgba(159, 51, 43, .56) !important;
}

.bet-item-odds,
.summary strong,
.row strong,
.stat strong {
  color: #a75b22 !important;
}

.ball.red,
.number-badge.red,
.road-ball.red {
  background: linear-gradient(180deg, #c84d42, #963028) !important;
}

.ball.blue,
.number-badge.blue,
.road-ball.blue {
  background: linear-gradient(180deg, #4c9bd0, #2673a7) !important;
}

.ball.green,
.number-badge.green {
  background: linear-gradient(180deg, #33b985, #118057) !important;
}

.draw .item {
  background: rgba(255, 248, 226, .18) !important;
}

@media (min-width: 1100px) {
  html,
  body {
    background: linear-gradient(180deg, #65231f 0, #8b2f28 280px, var(--station-bg) 280px, var(--station-bg) 100%) !important;
  }

  .desktop-stage,
  .desktop-main {
    margin-top: 8px !important;
  }

  .desktop-brand strong,
  .desktop-brand span,
  .desktop-user strong {
    color: #fff8df !important;
  }
}

@media (max-width: 1099px) {
  html,
  body {
    background: #f1e7d7 !important;
  }

  .game-page .app {
    max-width: 430px !important;
    background: #f1e7d7 !important;
    padding-bottom: 148px !important;
  }

  .game-page .topbar {
    min-height: 58px !important;
    padding: 8px 12px 6px !important;
    background: linear-gradient(180deg, #64221f, #8f3029) !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 10px 20px rgba(63, 23, 21, .14) !important;
  }

  .game-page .topbar-main strong {
    font-size: 16px !important;
    text-decoration: none !important;
  }

  .game-page .topbar-main span {
    margin-top: 5px !important;
    font-size: 14px !important;
  }

  .game-page .mobile-countdown {
    gap: 3px !important;
  }

  .game-page .mobile-countdown label {
    font-size: 12px !important;
    color: #fff4cf !important;
  }

  .game-page .mobile-countdown-box {
    grid-template-columns: repeat(8, 15px) !important;
    gap: 2px !important;
  }

  .game-page .mobile-countdown-box i {
    height: 24px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
  }

  .game-page .mobile-countdown-box em {
    font-size: 15px !important;
  }

  .game-page .hero {
    margin: 0 !important;
    padding: 10px 12px 11px !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #9b362e, #b96638) !important;
    box-shadow: none !important;
  }

  .game-page .hero-meta {
    display: none !important;
  }

  .game-page .hero-meta strong,
  .game-page .hero-row > div:first-child strong {
    font-size: 21px !important;
  }

  .game-page .hero-meta small,
  .game-page .hero-row > div:first-child small {
    margin-top: 5px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .game-page .draw {
    margin-top: 10px !important;
    padding: 12px !important;
    border-radius: 14px !important;
    background: rgba(255, 248, 226, .18) !important;
    border-color: rgba(255, 238, 194, .24) !important;
  }

  .game-page .draw-head {
    margin-bottom: 10px !important;
    font-size: 12px !important;
  }

  .game-page .draw-head strong {
    font-size: 17px !important;
  }

  .game-page .dice,
  .game-page .ball {
    background: linear-gradient(180deg, #fff9e7, #f6dda8) !important;
    color: #963028 !important;
    box-shadow: inset 0 -2px 0 rgba(214, 162, 74, .24), 0 3px 8px rgba(63, 23, 21, .12) !important;
  }

  .game-page .switch-bar {
    padding: 10px 12px 8px !important;
    gap: 10px !important;
    background: #f1e7d7 !important;
  }

  .game-page .switch-btn {
    height: 44px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
    background: linear-gradient(180deg, #fffdf6, #f8e9cb) !important;
  }

  .game-page .switch-btn.active {
    background: linear-gradient(135deg, #b74335, #963028) !important;
  }

  .game-page .layout {
    grid-template-columns: 72px 1fr !important;
    padding-top: 0 !important;
    background: #f1e7d7 !important;
  }

  .game-page .side-nav {
    border-radius: 0 12px 12px 0 !important;
    background: #fff8ea !important;
    box-shadow: 4px 8px 18px rgba(70, 37, 23, .08) !important;
  }

  .game-page .side-btn {
    min-height: 50px !important;
    padding: 7px 4px !important;
    background: transparent !important;
    color: #6f4c38 !important;
    border-bottom: 1px dashed #e4d0ae !important;
    font-size: 13px !important;
  }

  .game-page .side-btn.active {
    margin: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #b74335, #963028) !important;
    color: #fff8df !important;
  }

  .game-page .panel {
    min-height: 360px !important;
    border-radius: 12px 0 0 0 !important;
    background: #fffaf0 !important;
    box-shadow: none !important;
  }

  .game-page .subtabs,
  .game-page .filters {
    padding: 8px 10px !important;
    gap: 7px !important;
    background: #fffaf0 !important;
  }

  .game-page .subtab,
  .game-page .filter-btn,
  .game-page .roadmap-tab {
    height: 32px !important;
    border-radius: 9px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .game-page #content {
    padding: 10px 10px 16px !important;
    background: #fffaf0 !important;
  }

  .game-page .bet-item {
    min-height: 64px !important;
    border-radius: 12px !important;
  }

  .game-page .roadmap-sheet {
    margin: 0 !important;
    border-radius: 0 !important;
    background: #fffaf0 !important;
  }

  .game-page .roadmap-title {
    padding: 14px 12px 9px !important;
    color: #963028 !important;
    font-size: 16px !important;
  }

  .game-page .roadmap-tabs {
    gap: 8px !important;
    padding: 0 12px 10px !important;
  }

  .game-page .roadmap-desc {
    padding: 0 12px 8px !important;
    color: #94765d !important;
  }

  .game-page .roadmap-viewport {
    border-color: #dec9aa !important;
  }

  .game-page .roadmap-grid {
    grid-template-columns: repeat(16, 23px) !important;
    grid-auto-rows: 23px !important;
    padding: 0 8px 8px !important;
  }

  .game-page .road-ball {
    width: 21px !important;
    height: 21px !important;
    font-size: 11px !important;
  }

  .game-page .bottom-bar {
    width: min(430px, 100%) !important;
    padding: 7px 8px calc(8px + env(safe-area-inset-bottom)) !important;
    background: rgba(255, 250, 240, .98) !important;
    border-top: 1px solid #dec9aa !important;
    box-shadow: 0 -10px 24px rgba(70, 37, 23, .12) !important;
  }

  .game-page .bet-sheet {
    gap: 6px !important;
  }

  .game-page .money-input,
  .game-page .multiple-input,
  .game-page .multiple-btn,
  .game-page .unit-tab,
  .game-page .multi-quick-btn {
    height: 30px !important;
    border-radius: 8px !important;
  }

  .game-page .tool-btn,
  .game-page .bet-submit {
    height: 34px !important;
    border-radius: 9px !important;
  }

  .game-page .summary {
    border-radius: 11px !important;
    background: #fff7e8 !important;
  }
}

.game-page .amount-select {
  display: flex;
  align-items: center;
  gap: 6px;
}

.game-page .amount-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, auto) !important;
  gap: 4px !important;
}

.game-page .amount-tabs .unit-tab {
  min-width: 44px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  border-left: 1px solid #dfcaa9 !important;
}

@media (max-width: 1099px) {
  .game-page .amount-select {
    display: grid !important;
    grid-template-columns: 64px 1fr !important;
    gap: 6px !important;
    width: 100% !important;
  }

  .game-page .amount-tabs {
    grid-template-columns: repeat(4, minmax(38px, 1fr)) !important;
  }

  .game-page .amount-tabs .unit-tab {
    min-width: 0 !important;
    padding: 0 4px !important;
    font-size: 11px !important;
  }
}

@media (min-width: 1100px) {
  .liuhecai-page .unit-row {
    grid-template-columns: 66px minmax(202px, auto) !important;
  }

  .kuai3-page .bet-row > .unit-row:first-child > .amount-select,
  .kuai3-page .amount-select {
    display: grid !important;
    grid-template-columns: 66px minmax(202px, auto) !important;
    gap: 6px !important;
  }

  .kuai3-page .bet-row > .unit-row:first-child {
    grid-template-columns: 54px minmax(274px, auto) !important;
  }

  .kuai3-page .bet-row > .unit-row:first-child > div {
    grid-template-columns: 66px minmax(202px, auto) !important;
  }

  .liuhecai-page .amount-tabs .unit-tab,
  .kuai3-page .amount-tabs .unit-tab {
    min-width: 45px !important;
    height: 32px !important;
  }
}

@media (min-width: 1100px) {
  .game-page .desktop-stage {
    width: 1180px !important;
    max-width: calc(100vw - 72px) !important;
    grid-template-columns: 148px minmax(0, 1fr) 136px !important;
    gap: 16px !important;
    margin-top: 8px !important;
  }

  .game-page .hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 272px !important;
    gap: 16px !important;
    padding: 16px 18px !important;
    align-items: stretch !important;
  }

  .game-page .hero-row {
    grid-template-columns: 210px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
  }

  .game-page .hero-meta {
    display: block !important;
  }

  .game-page .hero-meta strong,
  .game-page .hero-row > div:first-child strong {
    font-size: 26px !important;
    line-height: 1.15 !important;
  }

  .game-page .hero-meta small,
  .game-page .hero-row > div:first-child small {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  .game-page .mobile-inline-countdown {
    display: none !important;
  }

  .game-page .countdown-wrap {
    align-self: center !important;
    gap: 6px !important;
  }

  .game-page .countdown-wrap > strong {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .game-page .countdown-box {
    grid-template-columns: repeat(8, 28px) !important;
    gap: 4px !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
  }

  .game-page .countdown-box i {
    height: 38px !important;
    border-radius: 8px !important;
    font-size: 24px !important;
  }

  .game-page .countdown-box em {
    font-size: 21px !important;
  }

  .game-page .countdown-progress {
    width: 136px !important;
  }

  .game-page .draw {
    display: grid !important;
    align-content: center !important;
    min-height: 126px !important;
    margin-top: 0 !important;
    padding: 13px 16px !important;
  }

  .kuai3-page .dice {
    width: 50px !important;
    height: 50px !important;
    font-size: 24px !important;
  }

  .liuhecai-page .balls {
    grid-template-columns: repeat(7, 40px) !important;
    gap: 6px !important;
    justify-content: center !important;
  }

  .liuhecai-page .ball {
    width: 40px !important;
    height: 40px !important;
  }

  .game-page .layout {
    grid-template-columns: 156px minmax(0, 1fr) 112px !important;
    gap: 14px !important;
    padding-top: 14px !important;
  }

  .game-page .issue-rail {
    display: none !important;
  }

  .game-page .side-nav {
    max-height: calc(100vh - 300px) !important;
    overflow: auto !important;
  }

  .game-page .side-btn {
    min-height: 44px !important;
    font-size: 14px !important;
  }

  .game-page .quick-card {
    padding: 16px 8px !important;
  }
}

/* Mobile hardening: keep the game title from repeating and prevent the fixed bet bar from clipping. */
@media (max-width: 1099px) {
  html,
  body {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  .game-page .app {
    width: 100% !important;
    max-width: none !important;
    overflow-x: hidden !important;
    padding-bottom: calc(236px + env(safe-area-inset-bottom)) !important;
  }

  .kuai3-page .topbar {
    grid-template-columns: 34px minmax(0, 1fr) auto 34px !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .kuai3-page .topbar > a,
  .kuai3-page .mobile-menu {
    justify-self: center !important;
    padding-top: 0 !important;
  }

  .kuai3-page .topbar-main {
    min-width: 0 !important;
    align-self: center !important;
  }

  .kuai3-page .topbar-main strong,
  .liuhecai-page .topbar > div {
    display: none !important;
  }

  .kuai3-page .topbar-main span {
    margin-top: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .game-page .hero-row,
  .game-page .hero-meta {
    display: none !important;
  }

  .game-page .hero {
    padding-top: 8px !important;
  }

  .game-page .draw {
    margin-top: 0 !important;
  }

  .game-page .bottom-bar {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    padding: 6px 8px calc(8px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
  }

  .game-page .bottom-bar * {
    min-width: 0 !important;
  }

  .game-page .bet-sheet {
    width: 100% !important;
    gap: 6px !important;
  }

  .kuai3-page .bet-sheet {
    grid-template-columns: 1fr !important;
    grid-template-areas: none !important;
  }

  .kuai3-page .bet-sheet > .bet-field:first-child,
  .kuai3-page .bet-sheet > .bet-row,
  .kuai3-page .bet-sheet > .bet-actions {
    grid-area: auto !important;
  }

  .kuai3-page .bet-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .kuai3-page .unit-row {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto 16px !important;
    grid-template-areas:
      "clear amount amount amount"
      ". multiple multiple label" !important;
    align-items: center !important;
    gap: 6px !important;
    justify-content: stretch !important;
  }

  .kuai3-page #clearBtn {
    grid-area: clear !important;
    width: 100% !important;
  }

  .kuai3-page .amount-select {
    grid-area: amount !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
  }

  .kuai3-page .amount-select .money-input {
    width: 100% !important;
  }

  .kuai3-page .amount-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .kuai3-page .amount-tabs .unit-tab {
    min-width: 0 !important;
    padding: 0 3px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .kuai3-page .multiple-box {
    grid-area: multiple !important;
    justify-self: end !important;
  }

  .kuai3-page .unit-row > .bet-label {
    grid-area: label !important;
    justify-self: start !important;
  }

  .kuai3-page .bet-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-areas:
      "recent cart chase"
      "summary summary summary" !important;
    gap: 6px !important;
  }

  .kuai3-page .bet-actions > .tool-btn:nth-child(1) {
    grid-area: recent !important;
  }

  .kuai3-page .bet-actions > .tool-btn:nth-child(2) {
    grid-area: cart !important;
  }

  .kuai3-page .bet-actions > .tool-btn:nth-child(4) {
    grid-area: chase !important;
  }

  .kuai3-page .bet-actions .tool-btn,
  .kuai3-page .bet-actions .bet-submit {
    width: 100% !important;
    height: 38px !important;
    padding: 0 6px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .kuai3-page .bet-actions > .summary {
    grid-area: summary !important;
    display: grid !important;
    grid-template-columns: minmax(116px, 1fr) auto auto !important;
    grid-template-areas: "submit amount picks" !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 6px !important;
    padding: 6px !important;
  }

  .kuai3-page .summary .bet-submit {
    grid-area: submit !important;
  }

  .kuai3-page .summary strong {
    grid-area: amount !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .kuai3-page .summary span {
    grid-area: picks !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}

/* Desktop hardening: keep the Kuai3 betting bar readable inside the center column. */
@media (min-width: 1100px) {
  .kuai3-page .bottom-bar {
    position: sticky !important;
    left: auto !important;
    right: auto !important;
    bottom: 12px !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 0 !important;
    padding: 10px 12px !important;
    overflow: visible !important;
  }

  .kuai3-page .bet-sheet {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 330px) !important;
    grid-template-areas:
      "controls actions"
      "rebate actions" !important;
    align-items: stretch !important;
    gap: 8px 12px !important;
    width: 100% !important;
  }

  .kuai3-page .bet-sheet > .bet-row {
    grid-area: controls !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  .kuai3-page .bet-row > .unit-row {
    display: grid !important;
    grid-template-columns: 52px minmax(224px, 1fr) 104px 18px !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: stretch !important;
    min-width: 0 !important;
  }

  .kuai3-page .amount-select {
    display: grid !important;
    grid-template-columns: 66px minmax(0, 1fr) !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .kuai3-page .amount-select .money-input {
    width: 100% !important;
  }

  .kuai3-page .amount-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(42px, 1fr)) !important;
    gap: 4px !important;
  }

  .kuai3-page .amount-tabs .unit-tab {
    min-width: 0 !important;
    padding: 0 6px !important;
    white-space: nowrap !important;
  }

  .kuai3-page .multiple-box {
    justify-self: stretch !important;
    width: 100% !important;
  }

  .kuai3-page .multiple-btn {
    width: 30px !important;
    flex: 0 0 30px !important;
  }

  .kuai3-page .multiple-input {
    width: 52px !important;
    flex: 1 1 auto !important;
  }

  .kuai3-page .bet-sheet > .bet-field:first-child {
    grid-area: rebate !important;
    display: block !important;
    min-width: 0 !important;
  }

  .kuai3-page .bet-sheet > .bet-field:first-child > .rebate-row {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .kuai3-page .bet-sheet > .bet-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-areas:
      "recent cart chase"
      "summary summary summary" !important;
    gap: 8px !important;
    align-self: stretch !important;
    min-width: 0 !important;
  }

  .kuai3-page .bet-actions > .tool-btn:nth-child(1) {
    grid-area: recent !important;
  }

  .kuai3-page .bet-actions > .tool-btn:nth-child(2) {
    grid-area: cart !important;
  }

  .kuai3-page .bet-actions > .tool-btn:nth-child(4) {
    grid-area: chase !important;
  }

  .kuai3-page .bet-actions > .summary {
    grid-area: summary !important;
    display: grid !important;
    grid-template-columns: minmax(126px, 1fr) auto auto !important;
    grid-template-areas: "submit amount picks" !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 8px !important;
    padding: 6px 8px !important;
    min-width: 0 !important;
  }

  .kuai3-page .summary .bet-submit {
    grid-area: submit !important;
    width: 100% !important;
    height: 38px !important;
  }

  .kuai3-page .summary strong {
    grid-area: amount !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  .kuai3-page .summary span {
    grid-area: picks !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  .kuai3-page .tool-btn,
  .kuai3-page .bet-submit {
    min-width: 0 !important;
    height: 34px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1100px) and (max-width: 1280px) {
  .kuai3-page .bet-sheet {
    grid-template-columns: minmax(0, 1fr) 310px !important;
    gap: 8px !important;
  }

  .kuai3-page .bet-row > .unit-row {
    grid-template-columns: 50px minmax(196px, 1fr) 96px 16px !important;
    gap: 6px !important;
  }

  .kuai3-page .bet-actions > .summary {
    grid-template-columns: minmax(116px, 1fr) auto auto !important;
    gap: 6px !important;
  }
}