:root {
  color-scheme: dark;
}

body {
  background-color: #090b10;
  color: #f4f4f6;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 深夜 (23:00~05:00) 與發薪日後 72h 高風險防禦模式紅黑警戒主題 */
body.high-risk-mode {
  background-color: #140608;
  background-image: radial-gradient(circle at 50% 0%, rgba(225, 29, 72, 0.18), transparent 60%);
}

body.high-risk-mode .glass-card {
  border-color: rgba(244, 63, 94, 0.32);
}

.glass-card {
  background: rgba(22, 25, 34, 0.86);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
}

.tabular-nums {
  font-variant-numeric: tabular-nums;
}

.btn-press {
  transition: transform 0.12s ease, opacity 0.12s ease, background-color 0.15s ease;
}

.btn-press:active {
  transform: scale(0.96);
  opacity: 0.9;
}

/* 吃土等級發光邊框 */
.tier-glow-WEALTHY {
  box-shadow: 0 0 28px -6px rgba(16, 185, 129, 0.35);
  border-color: rgba(16, 185, 129, 0.45) !important;
}

.tier-glow-NORMAL {
  box-shadow: 0 0 28px -6px rgba(245, 158, 11, 0.35);
  border-color: rgba(245, 158, 11, 0.45) !important;
}

.tier-glow-BEGGAR_HERO {
  box-shadow: 0 0 28px -6px rgba(249, 115, 22, 0.4);
  border-color: rgba(249, 115, 22, 0.5) !important;
}

.tier-glow-DIRT_EATING {
  box-shadow: 0 0 32px -4px rgba(244, 63, 94, 0.5);
  border-color: rgba(244, 63, 94, 0.65) !important;
  animation: pulse-danger 2.2s infinite;
}

@keyframes pulse-danger {
  0%, 100% { box-shadow: 0 0 24px -4px rgba(244, 63, 94, 0.45); }
  50% { box-shadow: 0 0 38px 2px rgba(244, 63, 94, 0.75); }
}

/* 交易狀態標籤 */
.badge-PENDING {
  background: rgba(245, 158, 11, 0.18);
  color: #fbbf24;
  border: 1px solid rgba(245, 158, 11, 0.4);
}

.badge-SETTLED {
  background: rgba(16, 185, 129, 0.18);
  color: #34d399;
  border: 1px solid rgba(16, 185, 129, 0.4);
}

.badge-TEMP_HOLD {
  background: rgba(56, 189, 248, 0.18);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.4);
}

.badge-CANCELED {
  background: rgba(148, 163, 184, 0.16);
  color: #94a3b8;
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.badge-AUTH_VERIFY {
  background: rgba(168, 85, 247, 0.16);
  color: #c084fc;
  border: 1px solid rgba(168, 85, 247, 0.35);
}

.badge-UNKNOWN_GAP {
  background: rgba(244, 63, 94, 0.22);
  color: #fb7185;
  border: 1px solid rgba(244, 63, 94, 0.55);
}

.input-dark {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 10px 14px;
  color: #fff;
  font-size: 15px;
  outline: none;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.input-dark:focus {
  border-color: #38bdf8;
  background: rgba(56, 189, 248, 0.08);
}