feat(web): 采用 Notion 设计系统 — 暖色调 + 白色侧边栏 + Inter 字体

引入 Notion 风格的 DESIGN.md 设计系统文件，并全面重构前端 UI：

- 主色从 Indigo (#4F46E5) 迁移到 Notion Blue (#0075de)
- 页面背景从冷灰 (#F1F5F9) 迁移到暖白 (#f6f5f4)
- 侧边栏从深色 (#0F172A) 迁移到白色，活跃项用蓝色指示
- 文字从 Slate 冷色迁移到暖灰系列 (Warm Gray 500/300)
- 圆角从 8px 缩小到 4px（按钮/输入），8px（卡片）
- 阴影改为多层超轻 Notion 风格（最大 opacity 0.05）
- 字体优先使用 Inter，保留中文回退
- 暗色模式适配暖黑色调 (#191918)
- 更新 27 个前端文件的硬编码颜色值

apps/web/src/pages/dashboard/DashboardWidgets.tsx

@@ -46,7 +46,7 @@ function prepareChartData(data: WidgetData['data'], dimensionOrder?: string[]) {
 const TAG_COLOR_MAP: Record<string, string> = {
   blue: '#3B82F6', green: '#10B981', orange: '#F59E0B', red: '#EF4444',
   purple: '#8B5CF6', cyan: '#06B6D4', magenta: '#EC4899', gold: '#EAB308',
-  lime: '#84CC16', geekblue: '#6366F1', volcano: '#F97316',
+  lime: '#84CC16', geekblue: '#62aef0', volcano: '#F97316',
 };
 
 function tagStrokeColor(color: string): string {
@@ -204,7 +204,7 @@ export function SkeletonBreakdownCard({ index }: { index: number }) {
 function StatWidgetCard({ widgetData }: { widgetData: WidgetData }) {
   const { widget, count } = widgetData;
   const animatedValue = useCountUp(count ?? 0);
-  const color = widget.color || '#4F46E5';
+  const color = widget.color || '#0075de';
   return (
     <Card size="small" className="erp-fade-in" style={{ height: '100%' }}>
       <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
@@ -229,7 +229,7 @@ function StatWidgetCard({ widgetData }: { widgetData: WidgetData }) {
 function BarWidgetCard({ widgetData, isDark }: { widgetData: WidgetData; isDark: boolean }) {
   const { widget, data } = widgetData;
   const chartData = prepareChartData(data, widget.dimension_order);
-  const axisLabelStyle = { fill: isDark ? '#94A3B8' : '#475569' };
+  const axisLabelStyle = { fill: isDark ? '#a39e98' : '#615d59' };
   return (
     <WidgetCardShell title={widget.title} widgetType={widget.type}>
       {chartData.length > 0 ? (
@@ -275,7 +275,7 @@ function FunnelWidgetCard({ widgetData }: { widgetData: WidgetData }) {
 function LineWidgetCard({ widgetData, isDark }: { widgetData: WidgetData; isDark: boolean }) {
   const { widget, data } = widgetData;
   const chartData = prepareChartData(data, widget.dimension_order);
-  const axisLabelStyle = { fill: isDark ? '#94A3B8' : '#475569' };
+  const axisLabelStyle = { fill: isDark ? '#a39e98' : '#615d59' };
   return (
     <WidgetCardShell title={widget.title} widgetType={widget.type}>
       {chartData.length > 0 ? (
@@ -315,7 +315,7 @@ function StatCardsWidget({ widgetData }: { widgetData: WidgetData }) {
         {statCards.map((sc, i) => (
           <Col xs={12} sm={6} key={`${sc.card.entity}-${sc.card.label}-${i}`}>
             <div style={{
-              background: `${sc.card.color || '#4F46E5'}10`,
+              background: `${sc.card.color || '#0075de'}10`,
               borderRadius: 8,
               padding: '12px 16px',
               display: 'flex',
@@ -324,9 +324,9 @@ function StatCardsWidget({ widgetData }: { widgetData: WidgetData }) {
             }}>
               <div style={{
                 width: 36, height: 36, borderRadius: 8,
-                background: `${sc.card.color || '#4F46E5'}20`,
+                background: `${sc.card.color || '#0075de'}20`,
                 display: 'flex', alignItems: 'center', justifyContent: 'center',
-                color: sc.card.color || '#4F46E5', fontSize: 18,
+                color: sc.card.color || '#0075de', fontSize: 18,
               }}>
                 <DashboardOutlined />
               </div>

apps/web/src/pages/dashboard/dashboardConstants.tsx

@@ -19,9 +19,9 @@ import {
 // ── 通用调色板 ──
 
 const UNIVERSAL_COLORS = [
-  { gradient: 'linear-gradient(135deg, #4F46E5, #6366F1)', iconBg: 'rgba(79, 70, 229, 0.12)', tagColor: 'purple' },
-  { gradient: 'linear-gradient(135deg, #059669, #10B981)', iconBg: 'rgba(5, 150, 105, 0.12)', tagColor: 'green' },
-  { gradient: 'linear-gradient(135deg, #D97706, #F59E0B)', iconBg: 'rgba(217, 119, 6, 0.12)', tagColor: 'orange' },
+  { gradient: 'linear-gradient(135deg, #0075de, #62aef0)', iconBg: 'rgba(79, 70, 229, 0.12)', tagColor: 'purple' },
+  { gradient: 'linear-gradient(135deg, #1aae39, #10B981)', iconBg: 'rgba(5, 150, 105, 0.12)', tagColor: 'green' },
+  { gradient: 'linear-gradient(135deg, #dd5b00, #F59E0B)', iconBg: 'rgba(217, 119, 6, 0.12)', tagColor: 'orange' },
   { gradient: 'linear-gradient(135deg, #7C3AED, #A78BFA)', iconBg: 'rgba(124, 58, 237, 0.12)', tagColor: 'volcano' },
   { gradient: 'linear-gradient(135deg, #E11D48, #F43F5E)', iconBg: 'rgba(225, 29, 72, 0.12)', tagColor: 'red' },
   { gradient: 'linear-gradient(135deg, #0891B2, #06B6D4)', iconBg: 'rgba(8, 145, 178, 0.12)', tagColor: 'cyan' },