1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
| // ===== 主色调系统 =====
| $primary: #64EDFB;
| $primary-light: #E2FDFE;
| $primary-dark: #4DD5E8;
| $primary-hover: #7DF0FF;
|
| // ===== 背景色系统 =====
| $bg-primary: #ffffff;
| $bg-secondary: #F8F9FA;
| $bg-tertiary: #E2FDFE;
| $bg-card: #ffffff;
| $bg-card-hover: #F8F9FA;
| $bg-dark: #1a1a1a;
| $bg-overlay: rgba(0, 0, 0, 0.4);
|
| // ===== 文本颜色系统 =====
| $text-primary: #1a1a1a;
| $text-secondary: #666666;
| $text-tertiary: #999999;
| $text-disabled: #CCCCCC;
| $text-white: #ffffff;
| $text-on-primary: #1a1a1a;
|
| // ===== 语义化颜色 =====
| $success: #10B981;
| $success-light: #D1FAE5;
| $warning: #F59E0B;
| $warning-light: #FEF3C7;
| $error: #EF4444;
| $error-light: #FEE2E2;
| $info: #3B82F6;
| $info-light: #DBEAFE;
|
| // ===== 涨跌颜色 =====
| $up-green: #10B981;
| $down-red: #EF4444;
|
| // ===== 边框颜色 =====
| $border-color: #E5E7EB;
| $border-light: #F3F4F6;
| $border-dark: #D1D5DB;
| $border-focus: #64EDFB;
|
| // ===== 阴影系统 =====
| $shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
| $shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
| $shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
| $shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
| $shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
| $card-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
| $button-shadow: 0 2px 4px rgba(100, 237, 251, 0.2);
| $button-shadow-hover: 0 4px 8px rgba(100, 237, 251, 0.3);
|
| // ===== 间距系统 =====
| $spacing-xs: 4px;
| $spacing-sm: 8px;
| $spacing-md: 12px;
| $spacing-lg: 16px;
| $spacing-xl: 20px;
| $spacing-xxl: 24px;
| $spacing-xxxl: 32px;
|
| // ===== 圆角系统 =====
| $radius-xs: 4px;
| $radius-sm: 8px;
| $radius-md: 12px;
| $radius-lg: 16px;
| $radius-xl: 20px;
| $radius-pill: 24px;
| $radius-round: 50%;
|
| // ===== 字体大小系统 =====
| $font-xs: 10px;
| $font-sm: 12px;
| $font-md: 14px;
| $font-lg: 16px;
| $font-xl: 18px;
| $font-xxl: 20px;
| $font-title: 24px;
| $font-display: 28px;
|
| // ===== 过渡动画 =====
| $transition-fast: 0.15s ease;
| $transition-base: 0.2s ease;
| $transition-slow: 0.3s ease;
|
|
