:root {
  color-scheme: dark;

  /* ===== 重新设计的主题颜色系统 ===== */
  /* 深色主题 (默认) - 采用更现代的色彩方案 */
  --bg-0: #0a0f1a;
  --bg-1: #121826;
  --bg-2: #1a2232;
  --bg-3: #242c3d;
  --glass-bg: rgba(30, 41, 59, 0.3);
  --glass-border: rgba(148, 163, 184, 0.2);
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --accent: #60a5fa;
  --accent-strong: #3b82f6;
  --accent-light: #93c5fd;
  --shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
  --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.2);

  /* 布局尺寸 */
  --content-max-width: 1200px;
  --page-gutter: 24px;
  --page-gutter-2x: 48px;

  /* 浅色主题 - 更柔和现代的配色 */
  --light-bg-0: #f8fafc;
  --light-bg-1: #f1f5f9;
  --light-bg-2: #e2e8f0;
  --light-bg-3: #cbd5e1;
  --light-glass-bg: rgba(226, 232, 240, 0.6);
  --light-glass-border: rgba(148, 163, 184, 0.3);
  --light-text: #1e293b;
  --light-text-muted: #475569;
  --light-text-dim: #64748b;
  --light-accent: #3b82f6;
  --light-accent-strong: #2563eb;
  --light-accent-light: #60a5fa;
  --light-shadow: 0 25px 50px rgba(148, 163, 184, 0.15);
  --light-shadow-glass: 0 8px 32px rgba(148, 163, 184, 0.1);

  /* ===== 统一动效系统 - 重构版 ===== */
  /* 缓动函数 */
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --ease-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  /* 过渡时间 */
  --transition-instant: 0.1s;
  --transition-fast: 0.2s;
  --transition-base: 0.3s;
  --transition-smooth: 0.4s;
  --transition-slow: 0.6s;
  --transition-modal: 0.5s;
  --transition-theme: 0.8s;

  /* 动画配置 */
  --animation-scale-sm: scale(1.02);
  --animation-scale-md: scale(1.05);
  --animation-scale-lg: scale(1.1);
  --animation-translate-up-sm: translateY(-2px);
  --animation-translate-up-md: translateY(-4px);
  --animation-translate-up-lg: translateY(-8px);
  --animation-translate-down-sm: translateY(1px);
  --animation-rotate-sm: rotate(5deg);
  --animation-translate-up: var(--animation-translate-up-md);
  --animation-scale-in: var(--animation-scale-sm);
  --shadow-hover: var(--shadow-md);
  --shadow-card: var(--shadow-lg);

  /* 阴影效果 */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 8px 25px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 15px 40px rgba(0, 0, 0, 0.2);
  --shadow-xl: 0 25px 50px rgba(0, 0, 0, 0.25);
  --shadow-accent: 0 8px 25px rgba(56, 189, 248, 0.3);
  --shadow-accent-lg: 0 15px 40px rgba(56, 189, 248, 0.4);

  /* 模糊效果 */
  --blur-sm: blur(4px);
  --blur-md: blur(8px);
  --blur-lg: blur(16px);

  /* 透明度 */
  --opacity-disabled: 0.5;
  --opacity-hover: 0.8;
  --opacity-active: 0.6;
  --opacity-theme-transition: 0.7;
}