/* ============================================================
   天机LTS V10 设计系统 - Mobile-First · AI对话式 · 深色玻璃态
   与 preview-tianji-v10.html 的设计 token 保持一致
   ============================================================ */
:root {
  --bg-deep: #070a14;
  --bg-base: #0d1225;
  --bg-card: rgba(18, 25, 48, 0.75);
  --bg-card-hover: rgba(25, 34, 62, 0.82);
  --bg-glass: rgba(15, 20, 40, 0.6);
  --border-card: rgba(255, 255, 255, 0.06);
  --border-active: rgba(100, 140, 255, 0.3);
  --text-primary: #e8ecf4;
  --text-secondary: #96a0c0;
  --text-muted: #8a94b0;
  --text-subtle: #9ea8c4;
  --text-accent: #6ea8fe;
  --up: #ef4444;
  --down: #10b981;
  --warn: #f0a040;
  --grade-s-bg: rgba(239, 68, 68, 0.12);
  --grade-s-border: rgba(239, 68, 68, 0.4);
  --grade-s-text: #ef4444;
  --grade-a-bg: rgba(245, 158, 11, 0.12);
  --grade-a-border: rgba(245, 158, 11, 0.4);
  --grade-a-text: #f59e0b;
  --grade-b-bg: rgba(52, 152, 219, 0.12);
  --grade-b-border: rgba(52, 152, 219, 0.4);
  --grade-b-text: #3498db;
  --grade-c-bg: rgba(231, 76, 60, 0.12);
  --grade-c-border: rgba(231, 76, 60, 0.4);
  --grade-c-text: #e74c3c;
  --glass-blur: 18px;
  --glass-saturate: 1.2;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 40px;
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;
  --font-gua: 'Noto Serif SC', 'STSong', 'SimSun', serif;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}