/* ═══════════════════════════════════════════════════════
   天禧棋牌 — 生产级游戏 UI
   Production Game Lobby Visual System
   ═══════════════════════════════════════════════════════ */

:root {
  --gold: #ffd060; --gold-dark: #c08020; --gold-glow: rgba(255,208,96,0.3);
  --felt: #0d6840; --felt-dark: #083828;
  --wood: #2a1608; --wood-light: #3a2010; --wood-dark: #1a0c04;
  --red: #e83030; --green: #30b848;
  --card-bg: linear-gradient(180deg, rgba(50,28,12,0.95), rgba(30,16,6,0.98));
}

/* ── Animated background ── */
body {
  background: #0a0502 !important;
  background-image:
    radial-gradient(ellipse at 20% 20%, rgba(212,160,64,0.04) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(180,80,20,0.03) 0%, transparent 50%) !important;
}
.lobby-main { position: relative; }
.lobby-main::before {
  content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(2px 2px at 10% 15%, rgba(255,208,96,0.15), transparent),
    radial-gradient(2px 2px at 30% 70%, rgba(255,208,96,0.1), transparent),
    radial-gradient(2px 2px at 70% 25%, rgba(255,208,96,0.12), transparent),
    radial-gradient(2px 2px at 85% 60%, rgba(255,208,96,0.08), transparent),
    radial-gradient(2px 2px at 50% 90%, rgba(255,208,96,0.1), transparent);
  animation: sparkle 6s ease-in-out infinite alternate;
}
@keyframes sparkle { 0% { opacity: 0.4; } 100% { opacity: 1; } }

/* ── TOPBAR = Game chrome ── */
.topbar {
  background: linear-gradient(180deg, #2c1608 0%, #1c0e04 100%) !important;
  border-bottom: 2px solid !important;
  border-image: linear-gradient(90deg, transparent, #d4a040, #ffd060, #d4a040, transparent) 1 !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.6) !important;
  height: 52px !important; padding: 0 12px !important;
}
.topbar .brand-icon {
  background: linear-gradient(135deg, #ffe070, #c08020) !important;
  box-shadow: 0 0 16px rgba(212,160,64,0.5), inset 0 -2px 0 rgba(0,0,0,0.2) !important;
}
.topbar .nav-links a.active {
  color: #ffd060 !important;
  text-shadow: 0 0 10px rgba(255,208,96,0.5) !important;
  position: relative;
}
.topbar .nav-links a.active::after {
  content: ''; position: absolute; bottom: -2px; left: 20%; right: 20%; height: 2px;
  background: #ffd060; border-radius: 1px;
  box-shadow: 0 0 6px rgba(255,208,96,0.5);
}

/* ── Enter Lobby Button = 3D Game Button ── */
.topbar .button.primary, .topbar-right .button.primary {
  background: linear-gradient(180deg, #58cc30, #389818) !important;
  border: 1px solid #68d838 !important;
  box-shadow: 0 3px 0 #287010, 0 4px 12px rgba(40,140,20,0.4), inset 0 1px 0 rgba(255,255,255,0.25) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
  font-weight: 800 !important; letter-spacing: 1px !important;
  transform: translateY(0); transition: all 0.1s !important;
}
.topbar .button.primary:active {
  transform: translateY(2px) !important;
  box-shadow: 0 1px 0 #287010, 0 2px 6px rgba(40,140,20,0.3) !important;
}

/* ── Player Bar ── */
.lobby-top-status {
  background: var(--card-bg) !important;
  border: 1px solid rgba(212,160,64,0.25) !important;
  border-radius: 14px !important; margin: 10px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.5), inset 0 1px 0 rgba(212,160,64,0.08) !important;
  position: relative; overflow: hidden;
}
.lobby-top-status::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,208,96,0.3), transparent);
}
.player-avatar {
  background: linear-gradient(135deg, #ffe070, #b88020) !important;
  box-shadow: 0 0 0 3px rgba(212,160,64,0.3), 0 0 16px rgba(212,160,64,0.2) !important;
  font-weight: 900 !important;
}
.currency-panel {
  background: linear-gradient(180deg, rgba(212,160,64,0.12), rgba(160,120,40,0.06)) !important;
  border: 1px solid rgba(212,160,64,0.2) !important;
  border-radius: 22px !important; padding: 5px 14px !important;
}
.currency-panel strong {
  color: #ffd060 !important; font-size: 18px !important;
  text-shadow: 0 0 8px rgba(255,208,96,0.3) !important;
}
.currency-plus {
  background: linear-gradient(180deg, #ffd060, #c8a020) !important;
  color: #3a1808 !important; border: none !important;
  width: 22px !important; height: 22px !important; border-radius: 50% !important;
  font-weight: 900 !important; font-size: 14px !important; cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}
.daily-sign-card {
  background: linear-gradient(135deg, #f0c040, #d0a020) !important;
  color: #3a1808 !important; border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(200,160,32,0.3), inset 0 1px 0 rgba(255,255,255,0.3) !important;
  font-weight: 700 !important;
}

/* ── Quick Game Tiles ── */
.quick-game-grid { padding: 6px 10px !important; gap: 8px !important; }
.quick-game-item {
  background: var(--card-bg) !important;
  border: 1px solid rgba(212,160,64,0.2) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.35) !important;
  transition: all 0.15s !important; position: relative; overflow: hidden;
  padding: 14px 6px 10px !important;
}
.quick-game-item::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(212,160,64,0.35), transparent);
}
.quick-game-item:hover, .quick-game-item:active {
  transform: translateY(-2px) scale(1.02) !important;
  border-color: rgba(212,160,64,0.45) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.4), 0 0 16px rgba(212,160,64,0.1) !important;
}
.quick-game-icon {
  width: 44px !important; height: 44px !important; border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(212,160,64,0.18), rgba(160,100,30,0.08)) !important;
  border: 1px solid rgba(212,160,64,0.15) !important;
  font-size: 20px !important; color: var(--gold) !important;
}
.quick-game-item strong { color: #f0e0c0 !important; font-size: 13px !important; }
.quick-game-item small { color: #806840 !important; font-size: 10px !important; }

/* ── Quick Menu ── */
.quick-menu-bar {
  background: rgba(30,16,6,0.8) !important;
  border: 1px solid rgba(212,160,64,0.12) !important;
  border-radius: 12px !important; margin: 0 10px !important; padding: 8px 4px !important;
}
.quick-menu-bar a i {
  width: 38px !important; height: 38px !important; border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(212,160,64,0.12), rgba(120,80,20,0.06)) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 18px !important; color: var(--gold) !important;
}

/* ── Lobby Cards ── */
.lobby-entry-deck { gap: 8px !important; padding: 8px 10px !important; }
.lobby-card {
  border-radius: 12px !important; overflow: hidden !important; position: relative;
  box-shadow: 0 4px 16px rgba(0,0,0,0.35) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  transition: transform 0.15s !important;
}
.lobby-card:hover { transform: translateY(-2px) !important; }
.lobby-card::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, transparent 50%);
  pointer-events: none; border-radius: 12px;
}
.lobby-card-visual i { font-size: 24px !important; }
.lobby-card-labels strong { font-size: 13px !important; font-weight: 800 !important; }

/* ── GAME CATALOG = Key visual area ── */
.catalog-grid { gap: 10px !important; padding: 0 10px !important; }
.catalog-card {
  background: var(--card-bg) !important;
  border: 1px solid rgba(212,160,64,0.18) !important;
  border-radius: 14px !important; overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.35) !important;
  transition: all 0.2s !important;
}
.catalog-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 24px rgba(212,160,64,0.08) !important;
  border-color: rgba(212,160,64,0.35) !important;
}
.catalog-card-visual {
  height: 140px !important; position: relative; overflow: hidden;
  background: linear-gradient(135deg, #142840, #0a1820) !important;
}
.catalog-card-visual::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px;
  background: linear-gradient(transparent, rgba(30,16,6,0.9));
}
.catalog-card-body { padding: 12px !important; }
.catalog-card-body h3 { color: #f0e0c0 !important; font-weight: 800 !important; font-size: 15px !important; margin-bottom: 4px !important; }
.catalog-card-body p { color: #907858 !important; font-size: 12px !important; line-height: 1.4 !important; }
.catalog-tag {
  background: rgba(212,160,64,0.1) !important;
  border: 1px solid rgba(212,160,64,0.18) !important;
  color: #c0a058 !important; font-size: 10px !important;
  padding: 2px 8px !important; border-radius: 10px !important;
}

/* ── Game Buttons = 3D Press ── */
.catalog-actions .button.primary {
  background: linear-gradient(180deg, #f0a820, #c88018) !important;
  border: none !important; color: #fff !important; font-weight: 800 !important;
  box-shadow: 0 3px 0 #986010, 0 4px 10px rgba(200,140,20,0.3), inset 0 1px 0 rgba(255,255,255,0.25) !important;
  transition: all 0.1s !important; text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}
.catalog-actions .button.primary:active {
  transform: translateY(2px) !important;
  box-shadow: 0 1px 0 #986010, 0 2px 4px rgba(200,140,20,0.2) !important;
}
.catalog-actions .button.tertiary {
  color: #a08858 !important; border: 1px solid rgba(160,136,88,0.3) !important;
}
.catalog-actions .status.live {
  background: linear-gradient(180deg, #38c050, #208830) !important;
  color: #fff !important; font-weight: 900 !important;
  padding: 3px 10px !important; border-radius: 10px !important;
  font-size: 10px !important; letter-spacing: 1.5px !important;
  box-shadow: 0 0 10px rgba(48,184,72,0.35) !important;
  animation: liveGlow 2s ease-in-out infinite alternate;
}
@keyframes liveGlow {
  0% { box-shadow: 0 0 6px rgba(48,184,72,0.2); }
  100% { box-shadow: 0 0 14px rgba(48,184,72,0.45); }
}

/* ── Filter Pills ── */
.filter-strip { padding: 8px 10px !important; }
.filter-pill {
  background: rgba(30,16,6,0.8) !important;
  border: 1px solid rgba(212,160,64,0.15) !important;
  color: #907050 !important; border-radius: 20px !important;
  padding: 7px 22px !important; font-weight: 700 !important;
  transition: all 0.15s !important;
}
.filter-pill.active, .filter-pill:hover {
  background: linear-gradient(180deg, #ffd060, #c8a020) !important;
  color: #3a1808 !important; border-color: #d4a040 !important;
  box-shadow: 0 3px 10px rgba(212,160,64,0.3) !important;
}

/* ── Section Headers ── */
.section-header { padding: 18px 12px 10px !important; }
.section-header .eyebrow { color: #d4a040 !important; letter-spacing: 4px !important; font-size: 11px !important; }
.section-header h2 { color: #f0e0c0 !important; font-weight: 800 !important; }

/* ── Stats Bar ── */
.hero-mini-stats {
  background: var(--card-bg) !important;
  border: 1px solid rgba(212,160,64,0.15) !important;
  border-radius: 12px !important; margin: 0 10px !important;
  box-shadow: 0 3px 12px rgba(0,0,0,0.3) !important;
}
.hero-mini-stats article strong { color: #ffd060 !important; font-size: 20px !important; }
.hero-mini-stats article span { color: #806840 !important; }

/* ── Lanterns ── */
.lobby-lantern {
  width: 18px !important; height: 18px !important; border-radius: 50% !important;
  background: radial-gradient(circle, #ff4020, #c02010) !important;
  box-shadow: 0 0 20px rgba(255,64,32,0.5), 0 0 40px rgba(255,64,32,0.2) !important;
  animation: lanternPulse 3s ease-in-out infinite alternate !important;
}
@keyframes lanternPulse {
  0% { box-shadow: 0 0 15px rgba(255,64,32,0.4), 0 0 30px rgba(255,64,32,0.15); transform: scale(1); }
  100% { box-shadow: 0 0 25px rgba(255,64,32,0.65), 0 0 50px rgba(255,64,32,0.3); transform: scale(1.1); }
}

/* ── Game Hall ── */
.game-hall-shell { background: linear-gradient(180deg, #1a0c04, #0a0502) !important; min-height: 100vh; }
.game-hall-header {
  background: linear-gradient(180deg, #3a1c0c, #2a1408) !important;
  border-bottom: 2px solid !important;
  border-image: linear-gradient(90deg, transparent, #d4a040, transparent) 1 !important;
}
.game-hall-title { color: var(--gold) !important; text-shadow: 0 0 10px rgba(255,208,96,0.3) !important; }
.game-room-card {
  background: var(--card-bg) !important;
  border: 1px solid rgba(212,160,64,0.2) !important;
  border-radius: 12px !important; overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35) !important;
  transition: all 0.15s !important;
}
.game-room-card:hover { border-color: rgba(212,160,64,0.4) !important; transform: translateX(4px) !important; }
.game-room-accent { background: linear-gradient(180deg, #ffd060, #c08020) !important; width: 4px !important; }
.game-room-info h3 { color: var(--gold) !important; font-weight: 800 !important; }
.game-room-tag { background: rgba(212,160,64,0.1) !important; border: 1px solid rgba(212,160,64,0.2) !important; color: #c0a060 !important; }

/* ── Game Table ── */
.game-table-shell {
  background: radial-gradient(ellipse at center, #1a6840 0%, #0e4028 50%, #082818 100%) !important;
  min-height: 100vh;
}
.game-table-top {
  background: rgba(0,0,0,0.4) !important;
  border-bottom: 1px solid rgba(212,160,64,0.2) !important;
}
.game-table-felt {
  border: 6px solid !important;
  border-image: linear-gradient(180deg, #8a6030, #5a3820, #6a4428) 1 !important;
  box-shadow: inset 0 0 60px rgba(0,0,0,0.4), 0 8px 32px rgba(0,0,0,0.5) !important;
  background: radial-gradient(ellipse, rgba(30,120,70,0.3), transparent) !important;
}
.table-btn {
  border: none !important; color: #fff !important; font-weight: 800 !important;
  border-radius: 8px !important; padding: 8px 4px !important;
  box-shadow: 0 3px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
}
.table-btn:active { transform: translateY(2px) !important; box-shadow: 0 1px 0 rgba(0,0,0,0.3) !important; }

/* ── Auth Pages ── */
.auth-shell--minimal { background: radial-gradient(ellipse at top center, rgba(80,40,16,0.4), #0a0502 70%) !important; }
.auth-single-card {
  background: var(--card-bg) !important;
  border: 1px solid rgba(212,160,64,0.2) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
}
.auth-minimal-hero {
  background: linear-gradient(180deg, rgba(50,28,12,0.6), transparent) !important;
  border-radius: 16px !important; padding: 24px !important;
  border: 1px solid rgba(212,160,64,0.12) !important;
}
.auth-minimal-hero h1 { color: var(--gold) !important; }
.auth-single-form .button.primary {
  background: linear-gradient(180deg, #58cc30, #389818) !important;
  border: 1px solid #60d430 !important; font-size: 16px !important;
  padding: 14px !important; font-weight: 800 !important;
  box-shadow: 0 3px 0 #287010, 0 4px 12px rgba(40,140,20,0.4), inset 0 1px 0 rgba(255,255,255,0.25) !important;
}

/* ── Inner Pages ── */
.inner-page-hero {
  background: linear-gradient(180deg, rgba(50,28,12,0.7), transparent) !important;
  border-bottom: 1px solid rgba(212,160,64,0.12) !important;
}
.inner-page-card {
  background: var(--card-bg) !important;
  border: 1px solid rgba(212,160,64,0.12) !important;
  border-radius: 12px !important;
}

/* ── Footer ── */
.footer-panel {
  background: linear-gradient(180deg, rgba(20,10,4,0.95), #0a0502) !important;
  border-top: 1px solid rgba(212,160,64,0.1) !important;
}

/* ── Trust Band ── */
.trust-band-card {
  background: var(--card-bg) !important;
  border: 1px solid rgba(212,160,64,0.12) !important;
  border-radius: 12px !important;
}

/* ── Global polish ── */
h1, h2, h3 { text-shadow: 0 2px 6px rgba(0,0,0,0.4) !important; }
::selection { background: rgba(212,160,64,0.3); color: #fff; }
.lobby-main { scrollbar-width: none; }
.lobby-main::-webkit-scrollbar { display: none; }


/* ═══ Profile Page ═══ */
.profile-page { max-width: 800px; margin: 0 auto; padding: 12px; }
.profile-header { display: flex; align-items: center; gap: 16px; padding: 16px; background: rgba(42,22,8,.6); border: 1px solid rgba(212,160,64,.2); border-radius: 12px; margin-bottom: 12px; }
.profile-avatar { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, #d4a040, #a07020); display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 900; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,.3); }
.profile-info h2 { color: #ffd060; font-size: 18px; margin-bottom: 2px; }
.profile-id { font-size: 12px; color: #806840; margin-right: 8px; }
.profile-vip { font-size: 11px; background: linear-gradient(180deg, #d4a040, #a07020); color: #fff; padding: 1px 8px; border-radius: 10px; font-weight: 700; }
.profile-wallet { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 12px; }
.pw-item { text-align: center; padding: 12px 8px; background: rgba(42,22,8,.4); border: 1px solid rgba(212,160,64,.1); border-radius: 8px; }
.pw-item i { color: #d4a040; font-size: 16px; display: block; margin-bottom: 4px; }
.pw-item strong { display: block; color: #ffd060; font-size: 18px; font-weight: 800; }
.pw-item span { font-size: 10px; color: #806840; }
.profile-actions { display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.pa-btn { padding: 8px 16px; border-radius: 8px; border: 1px solid rgba(212,160,64,.2); background: rgba(42,22,8,.5); color: #c8a060; font-size: 12px; font-weight: 600; text-decoration: none; cursor: pointer; display: flex; align-items: center; gap: 6px; font-family: inherit; }
.pa-btn:hover { background: rgba(212,160,64,.1); color: #ffd060; }
.pa-btn-danger { border-color: rgba(200,40,40,.3); color: #c06060; }
.profile-section h3 { color: #d4a040; font-size: 14px; margin-bottom: 8px; border-bottom: 1px solid rgba(212,160,64,.1); padding-bottom: 4px; }
.profile-records { display: flex; flex-direction: column; gap: 4px; }
.record-item { display: flex; justify-content: space-between; padding: 8px 12px; background: rgba(42,22,8,.3); border-radius: 6px; border-left: 3px solid #806840; }
.record-win { border-left-color: #30b848; }
.record-lose { border-left-color: #e83030; }
.record-game { font-size: 12px; }
.record-result { font-size: 12px; font-weight: 700; }
.record-win .record-result { color: #30b848; }
.record-lose .record-result { color: #e83030; }
.record-gold { font-size: 12px; font-weight: 700; color: #ffd060; }
.empty-hint { text-align: center; color: #605040; padding: 16px; font-size: 12px; }

/* ═══ Games Page ═══ */
.games-page { padding: 8px; }
.games-tabs { display: flex; gap: 6px; margin-bottom: 10px; padding: 0 4px; }
.games-tabs a { padding: 6px 16px; border-radius: 16px; font-size: 12px; font-weight: 700; color: #806840; text-decoration: none; background: rgba(42,22,8,.4); border: 1px solid rgba(212,160,64,.1); transition: all .15s; }
.games-tabs a:hover, .gt-active { background: rgba(212,160,64,.15) !important; color: #ffd060 !important; border-color: rgba(212,160,64,.3) !important; }
.games-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.game-tile { text-decoration: none; text-align: center; border-radius: 8px; background: rgba(42,22,8,.4); border: 1px solid rgba(212,160,64,.08); overflow: hidden; transition: transform .15s, border-color .15s; }
.game-tile:hover { transform: translateY(-2px); border-color: rgba(212,160,64,.3); }
.game-tile-img { width: 100%; height: 80px; object-fit: cover; display: block; }
.game-tile-name { display: block; padding: 4px 4px; font-size: 11px; color: #c8a060; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ═══ Leaderboard ═══ */
.leaderboard-page{max-width:600px;margin:0 auto;padding:12px}
.lb-tabs{display:flex;gap:4px;margin-bottom:12px}
.lb-tab{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:700;color:#806840;cursor:pointer;background:rgba(42,22,8,.4);border:1px solid rgba(212,160,64,.1)}
.lb-tab-active{background:rgba(212,160,64,.15)!important;color:#ffd060!important;border-color:rgba(212,160,64,.3)!important}
.lb-list{display:flex;flex-direction:column;gap:4px}
.lb-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(42,22,8,.3);border-radius:8px;border:1px solid rgba(212,160,64,.06)}
.lb-top{background:rgba(212,160,64,.08);border-color:rgba(212,160,64,.2)}
.lb-rank{width:32px;text-align:center;font-size:16px;font-weight:800;color:#d4a040}
.lb-name{flex:1;font-size:13px;color:#c8a060}.lb-name small{color:#806840;font-size:10px}
.lb-value{font-size:13px;font-weight:700;color:#ffd060}.lb-value i{margin-right:4px;font-size:12px}
.game-back-btn{position:absolute;top:8px;left:8px;color:#806840;text-decoration:none;font-size:12px;z-index:50;background:rgba(0,0,0,.4);padding:3px 8px;border-radius:4px}

/* ═══ Wallet Page ═══ */
.wallet-page{max-width:600px;margin:0 auto;padding:12px}
.wallet-balance{background:linear-gradient(135deg,#1a2d42,#152232);border:1px solid #243b53;border-radius:12px;padding:20px;text-align:center;margin-bottom:12px}
.wb-main{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}
.wb-main i{font-size:24px;color:#ffd54f}
.wb-main strong{font-size:28px;font-weight:800;color:#e0e0e0}
.wb-main span{font-size:12px;color:#78909c}
.wb-info{display:flex;justify-content:center;gap:16px;font-size:11px;color:#546e7a}
.wallet-actions{display:flex;gap:8px;margin-bottom:12px}
.wa-btn{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;transition:all .15s}
.wa-deposit{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}
.wa-withdraw{background:linear-gradient(135deg,#ffa726,#f57c00);color:#fff}
.wa-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}
.wallet-form{background:#152232;border:1px solid #243b53;border-radius:8px;padding:16px;margin-bottom:12px}
.wallet-form h3{font-size:14px;color:#e0e0e0;margin-bottom:10px}
.wallet-form label{display:block;font-size:11px;color:#78909c;margin-bottom:8px}
.wallet-form input,.wallet-form select{width:100%;padding:8px 12px;border:1px solid #243b53;background:#0f1923;color:#e0e0e0;border-radius:6px;font-size:14px;margin-top:3px}
.wallet-form input:focus,.wallet-form select:focus{border-color:#4fc3f7;outline:none}
.wa-submit{width:100%;padding:10px;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;margin-top:8px;background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}
.wa-submit-wit{background:linear-gradient(135deg,#ffa726,#f57c00)!important}
.wa-hint{font-size:10px;color:#546e7a;text-align:center;margin-top:6px}
.wa-empty{text-align:center;color:#546e7a;padding:16px;font-size:12px}
.wallet-history{background:#152232;border:1px solid #243b53;border-radius:8px;padding:12px}
.wallet-history h3{font-size:13px;color:#e0e0e0;margin-bottom:8px}
.wh-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;margin-bottom:4px;background:#1a2d42;font-size:12px}
.wh-type{font-weight:700;width:40px}.wh-deposit .wh-type{color:#66bb6a}.wh-withdraw .wh-type{color:#ffa726}
.wh-amount{font-weight:700;flex:1}.wh-deposit .wh-amount{color:#66bb6a}.wh-withdraw .wh-amount{color:#ffa726}
.wh-channel{color:#78909c;width:60px}.wh-time{color:#546e7a;font-size:10px}
.wh-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px}
.wh-pending .wh-status{background:rgba(255,167,38,.1);color:#ffa726}
.wh-completed .wh-status{background:rgba(102,187,106,.1);color:#66bb6a}
.wh-rejected .wh-status{background:rgba(239,83,80,.1);color:#ef5350}