:root { /* 基础颜色 */ --background: oklch(0.9900 0 0); --foreground: oklch(0.2000 0 0); /* 主色调 - 清新绿色 */ --primary: oklch(0.6800 0.1800 142.4953); --primary-foreground: oklch(1.0000 0 0); /* 次要色调 - 浅灰色 */ --secondary: oklch(0.9500 0.0100 0); --secondary-foreground: oklch(0.3000 0 0); /* 静音色 - 更浅的灰色 */ --muted: oklch(0.9700 0.0050 0); --muted-foreground: oklch(0.5000 0 0); /* 强调色 - 温暖橙色 */ --accent: oklch(0.75 0.22 45); /* A more vibrant and friendly orange */ --accent-foreground: oklch(1.0000 0 0); /* 破坏性操作 - 柔和红色 */ --destructive: oklch(0.5770 0.2000 27.3250); --destructive-foreground: oklch(1.0000 0 0); /* 边框和输入框 */ --border: oklch(0.9200 0.0100 0); --input: oklch(0.9800 0 0); --ring: oklch(0.6800 0.1800 142.4953); /* 卡片和弹出层 */ --card: oklch(1.0000 0 0); --card-foreground: oklch(0.2000 0 0); --popover: oklch(1.0000 0 0); --popover-foreground: oklch(0.2000 0 0); /* 图表颜色 */ --chart-1: oklch(0.6800 0.1800 142.4953); --chart-2: oklch(0.7200 0.1500 50.0000); --chart-3: oklch(0.6000 0.1500 200.0000); --chart-4: oklch(0.7500 0.1200 100.0000); --chart-5: oklch(0.6500 0.1000 300.0000); /* 侧边栏 */ --sidebar: oklch(0.9800 0 0); --sidebar-foreground: oklch(0.2000 0 0); --sidebar-primary: oklch(0.6800 0.1800 142.4953); --sidebar-primary-foreground: oklch(1.0000 0 0); --sidebar-accent: oklch(0.7200 0.1500 50.0000); --sidebar-accent-foreground: oklch(1.0000 0 0); --sidebar-border: oklch(0.9200 0.0100 0); --sidebar-ring: oklch(0.6800 0.1800 142.4953); /* 字体 - 使用思源黑体和苹方,确保中文显示效果 */ --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Microsoft YaHei", "WenQuanYi Micro Hei", "Open Sans", sans-serif; --font-serif: "Source Han Serif CN", "Songti SC", "SimSun", serif; --font-mono: "JetBrains Mono", "Source Code Pro", "Consolas", monospace; /* 圆角 - 适中的圆角,友好但不失专业 */ --radius: 0.75rem; --radius-sm: 0.5rem; --radius-md: 0.75rem; --radius-lg: 1rem; --radius-xl: 1.5rem; /* 阴影 - 柔和的阴影效果 */ --shadow-2xs: 0 1px 2px 0px rgba(0, 0, 0, 0.03); --shadow-xs: 0 1px 3px 0px rgba(0, 0, 0, 0.05); --shadow-sm: 0 2px 4px 0px rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.06); --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --shadow-md: 0 6px 10px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 10px 10px -5px rgba(0, 0, 0, 0.04); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15); /* 字间距 */ --tracking-normal: 0.02em; /* 间距 - 较大的基础间距,适合老年用户 */ --spacing: 0.375rem; /* 特殊变量 - 适老化设计 */ --font-size-base: 18px; --font-size-lg: 20px; --font-size-xl: 24px; --font-size-2xl: 28px; --font-size-3xl: 36px; --line-height-relaxed: 1.75; --button-height: 56px; --tap-target-min: 48px; }