/* ============================================================
   LBT 深蓝 · 金色主题（蓝底 + 金字）
   用法：在 index.html 里，把这一行放在 style.css 之后：
     <link rel="stylesheet" href="assets/css/style.css">
     <link rel="stylesheet" href="assets/css/theme-blue.css">   ← 新增这一行
   覆盖配色，不动原 style.css 和任何 JS。删掉这行 link 即恢复黑金主题。
   ============================================================ */

:root {
  --bg-page: #0a1424;          /* 页面外底：深冷蓝 */
  --bg-app: #0d1b30;           /* App 主底：午夜海军蓝 */
  --bg-card: #122a47;          /* 卡片底：蓝 */
  --bg-card-2: #163357;        /* 卡片内嵌块：稍亮蓝 */
  --bg-topbar: #081325;        /* 顶栏：最深蓝 */
  --gold: #f0b429;             /* 金色（保持） */
  --gold-deep: #c98a12;
  --gold-soft: rgba(240, 180, 41, .14);
  --line: rgba(120, 170, 240, .18);  /* 边框：蓝调描边 */
  --text-1: #eaf2ff;
  --text-2: #9fb4d4;
  --text-3: #6f86a8;
}

/* 页面与主容器：垂直蓝渐变 */
html, body { background: var(--bg-page); }
.app-shell {
  background: linear-gradient(180deg, #0d1b30 0%, #0a1424 100%);
}

/* 普通卡片：蓝底 + 描边 + 柔和投影 */
.card-dark {
  background: var(--bg-card);
  border: 1px solid var(--line);
  box-shadow: 0 2px 14px rgba(8, 20, 40, .45);
}

/* 内嵌小块（我的状态那几格） */
.inner-block { background: var(--bg-card-2); border: 1px solid var(--line); }

/* 顶栏 */
.topbar { background: var(--bg-topbar); border-bottom: 1px solid var(--line); }
.lang-btn { background: #102744; border: 1px solid var(--line); }

/* Hero「创世认购」卡：深蓝渐变 + 金边光晕（替换原棕黑+橙边） */
.card-outline-fire {
  border: 1.5px solid var(--gold);
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(70,120,200,.28), transparent 60%),
    linear-gradient(160deg, #143358, #0c1f3a);
  box-shadow: 0 0 0 1px rgba(240,180,41,.15), 0 8px 30px rgba(10,25,50,.55);
}
/* Hero 里的 eyebrow / live 强调色：橙→金 */
.card-outline-fire .eyebrow { color: var(--gold) !important; }
.fire-title .live { color: var(--gold); }

/* 进度条蓝调轨道 */
.progress-thin { background: rgba(120, 170, 240, .14); }

/* 状态格 */
.status-grid .inner-block { background: var(--bg-card-2); }

/* 抽屉侧边栏 */
.drawer { background: var(--bg-app); border-right: 1px solid var(--line); }

/* 钱包面板 */
.wallet-panel { background: var(--bg-card); border: 1px solid var(--line); }

/* 表格/分隔线蓝调 */
.divider { border-color: var(--line); }
table td, table th { border-color: var(--line) !important; }

/* 金色文字/价格在蓝底上保持高对比 */
.text-gold, .price-hero .price, .big-pct, .tier-price { color: var(--gold) !important; }