/* ============================================================
   新视智能科技 · Design Tokens v1.0
   Deep-Space Vision Theme — 计算视觉科技风格
   ============================================================ */

:root {
  /* ── Brand Colors ──────────────────────────────────────── */
  --color-primary:        #0a5cf5;   /* 主题蓝 */
  --color-primary-light:  #3a7fff;
  --color-primary-dark:   #0040c0;
  --color-accent:         #00e5ff;   /* 科技青 / AI 识别色 */
  --color-accent-2:       #7c3aed;   /* 紫罗兰 / 深度特征 */
  --color-success:        #00d68f;
  --color-warning:        #ffb800;
  --color-danger:         #ff4d4f;

  /* ── Background Layers ─────────────────────────────────── */
  --bg-deepest:   #020510;   /* 最深底层 */
  --bg-dark:      #050d1f;   /* 页面背景 */
  --bg-card:      #0a1530;   /* 卡片背景 */
  --bg-elevated:  #0f1e3d;   /* 悬浮卡片 */
  --bg-glass:     rgba(10,21,48,0.72);
  --bg-glass-lg:  rgba(5,13,31,0.85);

  /* ── Text ──────────────────────────────────────────────── */
  --text-primary:    #e8f0ff;
  --text-secondary:  #8098c4;
  --text-muted:      #4a5a80;
  --text-white:      #ffffff;

  /* ── Border / Line ─────────────────────────────────────── */
  --border-subtle:   rgba(0,229,255,0.08);
  --border-medium:   rgba(0,229,255,0.18);
  --border-strong:   rgba(0,229,255,0.35);

  /* ── Glow Effects ──────────────────────────────────────── */
  --glow-blue:    0 0 20px rgba(10,92,245,0.5), 0 0 60px rgba(10,92,245,0.2);
  --glow-cyan:    0 0 20px rgba(0,229,255,0.5), 0 0 60px rgba(0,229,255,0.15);
  --glow-purple:  0 0 20px rgba(124,58,237,0.5);

  /* ── Typography ────────────────────────────────────────── */
  --font-sans:  'PingFang SC', 'Microsoft YaHei', 'Segoe UI', sans-serif;
  --font-mono:  'JetBrains Mono', 'Fira Code', monospace;
  --font-en:    'Inter', 'Helvetica Neue', Arial, sans-serif;

  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   3.75rem;
  --text-7xl:   4.5rem;

  /* ── Spacing ───────────────────────────────────────────── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* ── Radius ────────────────────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* ── Transitions ───────────────────────────────────────── */
  --transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   500ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Z-Index ───────────────────────────────────────────── */
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-modal:    300;
  --z-toast:    400;

  /* ── Layout ────────────────────────────────────────────── */
  --nav-height:      72px;
  --content-max-w:   100%;
  --section-pad-y:   80px;
}

/* ── Global Reset ────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-sans);
  background: var(--bg-dark);
  color: var(--text-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }

/* ── Scrollbar ──────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg-deepest); }
::-webkit-scrollbar-thumb { background: var(--color-primary-dark); border-radius: 3px; }