/* 平台 4.0 六大實景大廳全套 UI 風格主題系統 (單檔 ≤ 200 行 · 實景高畫質背景圖 + 氛圍複合光影) */

/* === 1. 🕹️ 經典秋葉原街機 (Retro Arcade) === */
.theme-retro-arcade {
  background: linear-gradient(180deg, rgba(16, 6, 4, 0.45) 0%, rgba(10, 4, 2, 0.85) 100%),
              url('/common/assets/lobby_themes/arcade_street_walk_bg.jpg') center center / cover no-repeat fixed !important;
}
.theme-retro-arcade .lobby-header { background: rgba(10, 10, 24, 0.9) !important; border-bottom: 2px solid #00f0ff !important; box-shadow: 0 4px 20px rgba(0, 240, 255, 0.25) !important; }
.theme-retro-arcade .brand-name { color: #00f0ff !important; text-shadow: 0 0 10px #00f0ff, 0 0 20px #e024c3 !important; }
.theme-retro-arcade .balance-capsule { background: #0c0f1d !important; border: 1.5px solid #00f0ff !important; box-shadow: 0 0 10px rgba(0, 240, 255, 0.3) !important; }
.theme-retro-arcade .balance-value { color: #39ff14 !important; text-shadow: 0 0 8px #39ff14 !important; }
.theme-retro-arcade .btn-recall { background: linear-gradient(135deg, #00f0ff 0%, #e024c3 100%) !important; color: #fff !important; box-shadow: 0 0 12px rgba(224, 36, 195, 0.5) !important; border: none !important; }
.theme-retro-arcade .game-card { background: rgba(13, 16, 32, 0.94) !important; border: 2px solid #00f0ff !important; box-shadow: 0 0 18px rgba(0, 240, 255, 0.3) !important; }
.theme-retro-arcade .game-card:hover { transform: translateY(-8px); border-color: #ff007f !important; box-shadow: 0 0 28px rgba(255, 0, 127, 0.6) !important; }
.theme-retro-arcade .game-card-name { color: #fff !important; text-shadow: 0 0 6px rgba(0,240,255,0.6) !important; }
.theme-retro-arcade .btn-enter { background: #00f0ff !important; color: #000 !important; font-weight: 900 !important; box-shadow: 0 0 10px #00f0ff !important; border: none !important; }
.theme-retro-arcade .mobile-bottom-nav { background: rgba(10, 10, 24, 0.96) !important; border-top: 2px solid #00f0ff !important; }
.theme-retro-arcade .mob-nav-item.active { color: #00f0ff !important; text-shadow: 0 0 8px #00f0ff !important; }

/* === 2. 🏰 澳門大理石奢華皇宮 (Macau Palace) === */
.theme-macau-palace {
  background: linear-gradient(180deg, rgba(8, 9, 12, 0.45) 0%, rgba(8, 9, 12, 0.85) 100%),
              url('/common/assets/lobby_themes/macau_marble_palace_bg.jpg') center center / cover no-repeat fixed !important;
}
.theme-macau-palace .lobby-header { background: rgba(18, 14, 10, 0.92) !important; border-bottom: 2px solid #d4af37 !important; box-shadow: 0 4px 24px rgba(212, 175, 55, 0.3) !important; }
.theme-macau-palace .brand-name { color: #f6c860 !important; text-shadow: 0 2px 10px rgba(246, 200, 96, 0.6) !important; font-family: serif !important; }
.theme-macau-palace .balance-capsule { background: #1c1811 !important; border: 1.5px solid #d4af37 !important; box-shadow: 0 0 12px rgba(212, 175, 55, 0.25) !important; }
.theme-macau-palace .balance-value { color: #fde047 !important; }
.theme-macau-palace .btn-recall { background: linear-gradient(135deg, #ffe082 0%, #d4af37 50%, #aa771c 100%) !important; color: #1a1202 !important; font-weight: 800 !important; border: none !important; }
.theme-macau-palace .game-card { background: rgba(22, 18, 14, 0.94) !important; border: 2px solid #d4af37 !important; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7) !important; }
.theme-macau-palace .game-card:hover { transform: translateY(-8px); border-color: #fef08a !important; box-shadow: 0 0 28px rgba(212, 175, 55, 0.6) !important; }
.theme-macau-palace .game-card-name { color: #fde047 !important; }
.theme-macau-palace .btn-enter { background: linear-gradient(180deg, #f6c860, #d97706) !important; color: #000 !important; font-weight: 800 !important; border: none !important; }
.theme-macau-palace .mobile-bottom-nav { background: rgba(18, 14, 10, 0.96) !important; border-top: 2px solid #d4af37 !important; }
.theme-macau-palace .mob-nav-item.active { color: #f6c860 !important; }

/* === 3. 🌌 極黑尊榮科技 (Stake Dark Cyber) === */
.theme-stake-dark {
  background: linear-gradient(180deg, rgba(10, 20, 32, 0.45) 0%, rgba(7, 18, 25, 0.85) 100%),
              url('/common/assets/lobby_themes/stake_dark_cyber_bg.jpg') center center / cover no-repeat fixed !important;
}
.theme-stake-dark .lobby-header { background: #0f212e !important; border-bottom: 1px solid #2f4553 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important; }
.theme-stake-dark .brand-name { color: #fff !important; text-shadow: none !important; letter-spacing: 2px !important; }
.theme-stake-dark .balance-capsule { background: #1a2c38 !important; border: 1px solid #2f4553 !important; box-shadow: none !important; }
.theme-stake-dark .balance-value { color: #00e701 !important; font-family: monospace !important; }
.theme-stake-dark .btn-recall { background: #00e701 !important; color: #071822 !important; font-weight: 900 !important; border: none !important; box-shadow: 0 0 10px rgba(0, 231, 1, 0.3) !important; }
.theme-stake-dark .game-card { background: #1a2c38 !important; border: 1px solid #2f4553 !important; border-radius: 12px !important; }
.theme-stake-dark .game-card:hover { transform: translateY(-6px); border-color: #00e701 !important; box-shadow: 0 8px 24px rgba(0, 231, 1, 0.2) !important; }
.theme-stake-dark .game-card-name { color: #fff !important; }
.theme-stake-dark .btn-enter { background: #00e701 !important; color: #071822 !important; font-weight: 900 !important; border-radius: 6px !important; border: none !important; }
.theme-stake-dark .mobile-bottom-nav { background: #0f212e !important; border-top: 1px solid #2f4553 !important; }
.theme-stake-dark .mob-nav-item.active { color: #00e701 !important; }

/* === 4. 🦁 金黃元氣吉祥物 (Golden Lucky Mascot) === */
.theme-cute-mascot {
  background: linear-gradient(180deg, rgba(35, 18, 5, 0.45) 0%, rgba(20, 8, 2, 0.85) 100%),
              url('/common/assets/lobby_themes/cute_mascot_anime_bg.jpg') center center / cover no-repeat fixed !important;
}
.theme-cute-mascot .lobby-header { background: rgba(180, 83, 9, 0.95) !important; border-bottom: 3px solid #fde047 !important; box-shadow: 0 4px 18px rgba(180, 83, 9, 0.4) !important; }
.theme-cute-mascot .brand-name { color: #fff !important; text-shadow: 0 2px 8px #92400e !important; font-weight: 900 !important; }
.theme-cute-mascot .balance-capsule { background: #78350f !important; border: 2px solid #fde047 !important; }
.theme-cute-mascot .balance-value { color: #fde047 !important; }
.theme-cute-mascot .btn-recall { background: linear-gradient(180deg, #dc2626 0%, #b91c1c 100%) !important; color: #fff !important; font-weight: 900 !important; border: 1.5px solid #fde047 !important; }
.theme-cute-mascot .game-card { background: rgba(255, 255, 255, 0.96) !important; border: 3px solid #f59e0b !important; border-radius: 20px !important; box-shadow: 0 12px 24px rgba(180, 83, 9, 0.25) !important; }
.theme-cute-mascot .game-card:hover { transform: translateY(-8px) scale(1.02); border-color: #dc2626 !important; box-shadow: 0 16px 32px rgba(220, 38, 38, 0.35) !important; }
.theme-cute-mascot .game-card-name { color: #78350f !important; font-weight: 900 !important; }
.theme-cute-mascot .game-card-minbet { color: #b45309 !important; }
.theme-cute-mascot .btn-enter { background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%) !important; color: #fff !important; font-weight: 900 !important; border-radius: 14px !important; border: none !important; }
.theme-cute-mascot .mobile-bottom-nav { background: #92400e !important; border-top: 3px solid #fde047 !important; }
.theme-cute-mascot .mob-nav-item.active { color: #fde047 !important; }
.theme-cute-mascot .mob-nav-label { color: #fed7aa !important; }

/* === 5. 🍸 英倫紳士俱樂部 (British Gentleman Club) === */
.theme-british-club {
  background: linear-gradient(180deg, rgba(8, 28, 18, 0.45) 0%, rgba(4, 14, 9, 0.82) 100%),
              url('/common/assets/lobby_themes/british_gentleman_club_bg.jpg') center center / cover no-repeat fixed !important;
}
.theme-british-club .lobby-header { background: rgba(13, 31, 23, 0.95) !important; border-bottom: 2px solid #c5a059 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important; }
.theme-british-club .brand-name { color: #e5d5ba !important; font-family: 'Georgia', serif !important; letter-spacing: 2px !important; }
.theme-british-club .balance-capsule { background: #0c1a13 !important; border: 1.5px solid #c5a059 !important; }
.theme-british-club .balance-value { color: #e5d5ba !important; font-family: serif !important; }
.theme-british-club .btn-recall { background: linear-gradient(180deg, #c5a059 0%, #8d703b 100%) !important; color: #1a1202 !important; font-weight: 800 !important; border: none !important; }
.theme-british-club .game-card { background: rgba(15, 33, 25, 0.95) !important; border: 2px solid #8d703b !important; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.7) !important; }
.theme-british-club .game-card:hover { transform: translateY(-8px); border-color: #e5d5ba !important; box-shadow: 0 0 24px rgba(197, 160, 89, 0.4) !important; }
.theme-british-club .game-card-name { color: #f5eedb !important; font-family: serif !important; }
.theme-british-club .btn-enter { background: #c5a059 !important; color: #121f18 !important; font-weight: 800 !important; border: none !important; }
.theme-british-club .mobile-bottom-nav { background: rgba(12, 26, 19, 0.98) !important; border-top: 2px solid #c5a059 !important; }
.theme-british-club .mob-nav-item.active { color: #e5d5ba !important; }

/* === 6. 🐲 新國潮深藍東方韻 (Neo Guochao Imperial) === */
.theme-neo-guochao {
  background: linear-gradient(180deg, rgba(10, 24, 44, 0.45) 0%, rgba(5, 12, 22, 0.82) 100%),
              url('/common/assets/lobby_themes/neo_guochao_palace_bg.jpg') center center / cover no-repeat fixed !important;
}
.theme-neo-guochao .lobby-header { background: rgba(11, 28, 44, 0.95) !important; border-bottom: 2px solid #dc2626 !important; box-shadow: 0 4px 20px rgba(220, 38, 38, 0.35) !important; }
.theme-neo-guochao .brand-name { color: #fde047 !important; text-shadow: 0 2px 10px #dc2626 !important; font-weight: 900 !important; }
.theme-neo-guochao .balance-capsule { background: #081522 !important; border: 1.5px solid #dc2626 !important; box-shadow: 0 0 10px rgba(220, 38, 38, 0.25) !important; }
.theme-neo-guochao .balance-value { color: #fde047 !important; }
.theme-neo-guochao .btn-recall { background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important; color: #fef08a !important; font-weight: 900 !important; border: 1px solid #fde047 !important; }
.theme-neo-guochao .game-card { background: rgba(13, 30, 46, 0.95) !important; border: 2px solid #e11d48 !important; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.7) !important; }
.theme-neo-guochao .game-card:hover { transform: translateY(-8px); border-color: #fde047 !important; box-shadow: 0 0 26px rgba(225, 29, 72, 0.5) !important; }
.theme-neo-guochao .game-card-name { color: #fef08a !important; font-weight: 800 !important; }
.theme-neo-guochao .btn-enter { background: linear-gradient(180deg, #dc2626 0%, #b91c1c 100%) !important; color: #fff !important; font-weight: 800 !important; border: 1px solid #fde047 !important; }
.theme-neo-guochao .mobile-bottom-nav { background: rgba(9, 21, 33, 0.98) !important; border-top: 2px solid #dc2626 !important; }
.theme-neo-guochao .mob-nav-item.active { color: #fde047 !important; }