1

dd

2026-01-09 f2249c16f741df9bbeab6ddc67e8527ca8ae580f

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
// 根据截图提取的精确颜色值
$bg-primary: #ffffff;
$bg-secondary: #f5f5f5;
$bg-tertiary: #fafafa;
$bg-dark: #1a1a1a;
 
$text-primary: #1a1a1a;
$text-secondary: #666666;
$text-tertiary: #999999;
$text-white: #ffffff;
 
// 主色调 - 根据截图中的蓝色按钮
$primary-blue: #1890ff;
$primary-light-blue: #e6f7ff;
$primary-dark-blue: #096dd9;
 
// 功能色
$success-green: #52c41a;
$error-red: #ff4d4f;
$warning-orange: #faad14;
$info-blue: #1890ff;
 
// 涨跌颜色
$up-green: #52c41a;
$down-red: #ff4d4f;
 
// 边框
$border-color: #e8e8e8;
$border-light: #f0f0f0;
$border-dark: #d9d9d9;
 
// 阴影
$card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
$shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1);
 
// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 12px;
$spacing-lg: 16px;
$spacing-xl: 20px;
$spacing-xxl: 24px;
 
// 圆角
$radius-sm: 4px;
$radius-md: 8px;
$radius-lg: 12px;
$radius-xl: 16px;
$radius-round: 50%;
 
// 字体大小
$font-xs: 10px;
$font-sm: 12px;
$font-md: 14px;
$font-lg: 16px;
$font-xl: 18px;
$font-xxl: 20px;
$font-title: 24px;