/* ===== 主题变量 ===== */
:root {
  --primary-blue: #0066CC;
  --secondary-blue: #0088FF;
  --accent-blue: #00CCFF;
  --dark-bg: #0A1929;
  --darker-bg: #061320;
  --card-bg: #132F4C;
  --light-bg: #1E4976;
  --text-light: #E6F7FF;
  --text-gray: #B0BEC5;
  --text-dim: #6B7C8C;
  --success: #00C853;
  --warning: #FF9800;
  --danger: #F44336;
  --gold: #FFD700;
  --border-soft: rgba(0, 136, 255, 0.12);
  --border-glow: rgba(0, 204, 255, 0.3);
  --gradient-card: linear-gradient(135deg, rgba(19, 47, 76, 0.85), rgba(30, 73, 118, 0.65));
  --gradient-primary: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
  --gradient-accent: linear-gradient(135deg, var(--primary-blue), var(--accent-blue));
  --gradient-gold: linear-gradient(135deg, #FFD700, #FF9800);
  --gradient-gold-soft: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(255, 152, 0, 0.15));
  --gradient-jia: linear-gradient(135deg, rgba(201, 162, 39, 0.15), rgba(255, 215, 0, 0.05));
  --gradient-body: linear-gradient(135deg, #0A1929 0%, #0F2D4E 100%);
  --status-bar-h: env(safe-area-inset-top, 0px);
  --tabbar-h: 56px;
  --appbar-h: 60px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;
  --shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.2);
  --shadow-glow: 0 0 20px rgba(0, 204, 255, 0.3);
  --shadow-gold: 0 0 20px rgba(255, 215, 0, 0.25);
}

/* ===== 基础重置 ===== */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  color: var(--text-light);
  background: var(--gradient-body);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh;
  position: relative;
  overflow: hidden;
}

button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, textarea { font-family: inherit; }

/* 滚动条 */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--primary-blue); border-radius: 2px; }

/* 选中文本高亮 */
::selection { background: rgba(0, 204, 255, 0.3); color: var(--text-light); }