feat(web): 采用 UI UX Pro Max Soft UI Evolution 设计系统

从 Pinterest 风格切换到 Soft UI Evolution 设计系统，使用 UI UX Pro Max
推理引擎生成适合跨行业 ERP 业务用户的专业设计方案。

设计变更：
- 主色从 Pinterest Red (#e60023) 切换到 Trust Blue (#2563EB)
- 字体从系统默认切换到 Noto Sans SC（中文优先）
- 圆角从 16-20px 调整到 10-12px（专业但不夸张）
- 中性色从暖橄榄调切换到 Slate 石板蓝调
- 成功色 #103c25 → #059669，警告色 #b56e1a → #d97706
- 暗色模式从暖黑 (#1a1a18) 切换到深海军蓝 (#0f172a)

涉及文件：DESIGN.md + index.css + App.tsx + 24 个组件文件

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: '#f05a5a', volcano: '#F97316',
+  lime: '#84CC16', geekblue: '#60a5fa', 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 || '#e60023';
+  const color = widget.color || '#2563eb';
   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 ? '#91918c' : '#62625b' };
+  const axisLabelStyle = { fill: isDark ? '#94a3b8' : '#475569' };
   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 ? '#91918c' : '#62625b' };
+  const axisLabelStyle = { fill: isDark ? '#94a3b8' : '#475569' };
   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 || '#e60023'}10`,
+              background: `${sc.card.color || '#2563eb'}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 || '#e60023'}20`,
+                background: `${sc.card.color || '#2563eb'}20`,
                 display: 'flex', alignItems: 'center', justifyContent: 'center',
-                color: sc.card.color || '#e60023', fontSize: 18,
+                color: sc.card.color || '#2563eb', fontSize: 18,
               }}>
                 <DashboardOutlined />
               </div>

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

@@ -19,9 +19,9 @@ import {
 // ── 通用调色板 ──
 
 const UNIVERSAL_COLORS = [
-  { gradient: 'linear-gradient(135deg, #e60023, #f05a5a)', iconBg: 'rgba(79, 70, 229, 0.12)', tagColor: 'purple' },
-  { gradient: 'linear-gradient(135deg, #103c25, #10B981)', iconBg: 'rgba(5, 150, 105, 0.12)', tagColor: 'green' },
-  { gradient: 'linear-gradient(135deg, #b56e1a, #F59E0B)', iconBg: 'rgba(217, 119, 6, 0.12)', tagColor: 'orange' },
+  { gradient: 'linear-gradient(135deg, #2563eb, #60a5fa)', 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, #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' },