feat: 初始化Vue3项目并添加核心功能模块

新增项目基础结构，包括Vue3、Pinia、Element Plus等核心依赖
添加路由配置和用户认证状态管理
实现销售数据看板、客户画像、团队管理等核心功能模块
集成图表库和API请求工具，完成基础样式配置

my-vue-app/src/assets/styles/main.scss

@@ -0,0 +1,114 @@
+// --- 1. Design Tokens (Variables) ---
+
+// Colors
+$color-background: #FDFBF7;
+$color-text-primary: #1f2937; // gray-800
+$color-text-secondary: #6b7280; // gray-500
+$color-white: #ffffff;
+$color-blue-primary: #4A90E2;
+$color-blue-500: #3b82f6;
+$color-teal-600: #0d9488;
+$color-orange-600: #ea580c;
+
+// Lead Priority Colors
+$color-lead-hot: #D9534F;
+$color-lead-warm: #F0AD4E;
+$color-lead-cool: #5BC0DE;
+
+// Shadows
+$shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+$shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+$shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+$shadow-selected-card: 0 4px 12px rgba(0,0,0,0.1);
+
+// Spacing (1 unit = 0.25rem)
+$spacing-1: 0.25rem;
+$spacing-2: 0.5rem;
+$spacing-3: 0.75rem;
+$spacing-4: 1rem;
+$spacing-5: 1.25rem;
+$spacing-6: 1.5rem;
+$spacing-8: 2rem;
+$spacing-16: 4rem;
+
+// Breakpoints - 重新设计适配移动端和web端
+$breakpoint-sm: 640px;   // 小屏手机
+$breakpoint-md: 768px;   // 大屏手机/小平板
+$breakpoint-lg: 1024px;  // 平板/小桌面
+$breakpoint-xl: 1280px;  // 桌面
+$breakpoint-2xl: 1536px; // 大屏桌面
+
+// --- 2. Global Styles & Resets ---
+body {
+  font-family: 'Inter', 'Noto Sans SC', sans-serif;
+  background-color: $color-background;
+  color: $color-text-primary;
+}
+
+.container {
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: $spacing-4;
+  padding-right: $spacing-4;
+  @media (min-width: $breakpoint-md) {
+    padding-left: $spacing-6;
+    padding-right: $spacing-6;
+  }
+  @media (min-width: 1400px) { // Standard container max-widths
+     max-width: 1280px;
+  }
+}
+
+// --- 3. Global Component Styles ---
+
+// Chart container
+.chart-container {
+  position: relative;
+  width: 100%;
+  height: 250px;
+  // max-height: 250px;
+  @media (min-width: $breakpoint-md) {
+    height: 300px;
+    // max-height: 300px;
+  }
+}
+
+// Lead card styles used in CommandCenter
+.lead-card {
+  transition: all 0.2s ease-in-out;
+  border-left-width: 4px;
+  cursor: pointer;
+  background-color: $color-white;
+  padding: 0.75rem; // p-3
+  border-radius: 0.5rem; // rounded-lg
+  box-shadow: $shadow-sm;
+
+  &:hover {
+    box-shadow: $shadow-md;
+  }
+
+  &.selected {
+    transform: translateY(-2px);
+    box-shadow: $shadow-selected-card;
+    border-left-color: $color-blue-primary;
+  }
+
+  &.hot-lead { border-color: $color-lead-hot; }
+  &.warm-lead { border-color: $color-lead-warm; }
+  &.cool-lead { border-color: $color-lead-cool; }
+}
+
+// Task overdue animation
+.task-overdue {
+  animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.7;
+  }
+}