@semi-bot/semi-theme-seek 2.0.37 → 2.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-seek",
3
- "version": "2.0.37",
3
+ "version": "2.0.40",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -446,6 +446,7 @@
446
446
  "Drag/--semi-color-Drag-active": "rgba(var(--semi-blue-4),1)",
447
447
  "Tabs/--semi-color-Tabs-active": "rgba(255,255,255,0.08)",
448
448
  "card/--semi-color-card-active": "rgba(255,255,255,0.12)",
449
+ "card/--semi-color-card-border": "rgba(255,255,255,0)",
449
450
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
450
451
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
451
452
  "Tabs/--semi-color-Tabs-default": "rgba(255,255,255,0)",
@@ -473,6 +474,7 @@
473
474
  "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7),1)",
474
475
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
475
476
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
477
+ "card/--semi-color-card-border-active": "rgba(var(--semi-blue-4),0)",
476
478
  "input-bg/--semi-color-input-bg-hover": "rgba(var(--semi-grey-1), 1)",
477
479
  "inputborder/--semi-color-inputborder": "rgba(255,255,255,0.12)",
478
480
  "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
@@ -494,7 +496,7 @@
494
496
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5), 0.2)",
495
497
  "inputborder/--semi-color-inputborder-hover": "rgba(255,255,255,0.19)",
496
498
  "inputborder/--semi-color-inputborder-active": "rgba(var(--semi-brand-4),1)",
497
- "button-Radio-bg/--semi-color-button-Radio-bg": "rgba(var(--semi-blue-2),1)",
499
+ "button-Radio-bg/--semi-color-button-Radio-bg": "rgba(255,255,255,0.04)",
498
500
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
499
501
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
500
502
  "inputborder/--semi-color-inputborder-disabled": "rgba(255,255,255,0.05)",
@@ -513,10 +515,10 @@
513
515
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5), 0.3)",
514
516
  "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5), 0.2)",
515
517
  "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5), 0.4)",
516
- "button-Radio-bg/--semi-color-button-Radio-bg-hover": "rgba(var(--semi-blue-6),1)",
518
+ "button-Radio-bg/--semi-color-button-Radio-bg-hover": "rgba(255,255,255,0.06)",
517
519
  "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5), 0.3)",
518
520
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5), 0.2)",
519
- "button-Radio-bg/--semi-color-button-Radio-bg-active": "rgba(var(--semi-blue-7),1)",
521
+ "button-Radio-bg/--semi-color-button-Radio-bg-active": "rgba(255,255,255,0.08)",
520
522
  "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5), 0.4)",
521
523
  "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5), 0.2)"
522
524
  },
@@ -526,6 +528,7 @@
526
528
  "bg/--semi-color-bg-2": "rgba(255,255,255,1)",
527
529
  "bg/--semi-color-bg-3": "rgba(255,255,255,1)",
528
530
  "bg/--semi-color-bg-4": "rgba(255,255,255,1)",
531
+ "darg/--semi-color-darg": "rgba(var(--semi-blue-6),0)",
529
532
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
530
533
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
531
534
  "nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
@@ -565,10 +568,10 @@
565
568
  "black/--semi-color-black-50": "rgba(0,0,0,0.5)",
566
569
  "black/--semi-color-black-70": "rgba(0,0,0,0.7)",
567
570
  "white/--semi-color-white-50": "rgba(255,255,255,0.5)",
568
- "Tabs/--semi-color-Tabs-hover": "rgba(18,18,20,0.04)",
569
571
  "border/--semi-color-border-1": "rgba(var(--semi-grey-9),0.12)",
570
572
  "border/--semi-color-border-2": "rgba(var(--semi-grey-9),0.06)",
571
- "card/--semi-color-card-hover": "rgba(var(--semi-grey-1),0.8)",
573
+ "card/--semi-color-card-hover": "rgba(var(--semi-grey-0),0.2)",
574
+ "darg/--semi-color-darg-hover": "rgba(var(--semi-blue-4),0.5)",
572
575
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
573
576
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
574
577
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
@@ -576,16 +579,16 @@
576
579
  "primary/--semi-color-primary": "rgba(var(--semi-brand-5),1)",
577
580
  "success/--semi-color-success": "rgba(var(--semi-green-6),1)",
578
581
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
579
- "Tabs/--semi-color-Tabs-active": "rgba(18,18,20,0.06)",
580
- "card/--semi-color-card-active": "rgba(var(--semi-grey-1),1)",
582
+ "card/--semi-color-card-active": "rgba(var(--semi-grey-1),0.2)",
583
+ "card/--semi-color-card-border": "rgba(var(--semi-grey-9), 0.06)",
584
+ "darg/--semi-color-darg-active": "rgba(var(--semi-blue-4),1)",
581
585
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
582
586
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
583
- "Tabs/--semi-color-Tabs-default": "rgba(18,18,20,0)",
584
- "card/--semi-color-card-default": "rgba(var(--semi-grey-1),0.5)",
587
+ "card/--semi-color-card-default": "rgba(var(--semi-grey-0), 0)",
585
588
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
586
589
  "modal-bg/--semi-color-modal-bg": "rgba(255,255,255,0.9)",
587
590
  "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-1), 1)",
588
- "card/--semi-color-card-disabled": "rgba(var(--semi-grey-0),1)",
591
+ "card/--semi-color-card-disabled": "rgba(var(--semi-grey-1), 1)",
589
592
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
590
593
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
591
594
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
@@ -606,6 +609,7 @@
606
609
  "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
607
610
  "success/--semi-color-success-active": "rgba(var(--semi-green-8),1)",
608
611
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
612
+ "card/--semi-color-card-border-active": "rgba(51,147,253,1)",
609
613
  "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-2),0.6)",
610
614
  "Timecode/--semi-color-Timecode-border": "rgba(var(--semi-green-6),1)",
611
615
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
package/scss/global.scss CHANGED
@@ -6,6 +6,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
6
6
  --semi-color-bg-2: rgba(255,255,255,1);
7
7
  --semi-color-bg-3: rgba(255,255,255,1);
8
8
  --semi-color-bg-4: rgba(255,255,255,1);
9
+ --semi-color-darg: rgba(var(--semi-blue-6),0);
9
10
  --semi-color-info: rgba(var(--semi-blue-5), 1);
10
11
  --semi-color-link: rgba(var(--semi-blue-5), 1);
11
12
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
@@ -45,10 +46,10 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
45
46
  --semi-color-black-50: rgba(0,0,0,0.5);
46
47
  --semi-color-black-70: rgba(0,0,0,0.7);
47
48
  --semi-color-white-50: rgba(255,255,255,0.5);
48
- --semi-color-Tabs-hover: rgba(18,18,20,0.04);
49
49
  --semi-color-border-1: rgba(var(--semi-grey-9),0.12);
50
50
  --semi-color-border-2: rgba(var(--semi-grey-9),0.06);
51
- --semi-color-card-hover: rgba(var(--semi-grey-1),0.8);
51
+ --semi-color-card-hover: rgba(var(--semi-grey-0),0.2);
52
+ --semi-color-darg-hover: rgba(var(--semi-blue-4),0.5);
52
53
  --semi-color-default: rgba(var(--semi-grey-0), 1);
53
54
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
54
55
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -56,16 +57,16 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
56
57
  --semi-color-primary: rgba(var(--semi-brand-5),1);
57
58
  --semi-color-success: rgba(var(--semi-green-6),1);
58
59
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
59
- --semi-color-Tabs-active: rgba(18,18,20,0.06);
60
- --semi-color-card-active: rgba(var(--semi-grey-1),1);
60
+ --semi-color-card-active: rgba(var(--semi-grey-1),0.2);
61
+ --semi-color-card-border: rgba(var(--semi-grey-9), 0.06);
62
+ --semi-color-darg-active: rgba(var(--semi-blue-4),1);
61
63
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
62
64
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
63
- --semi-color-Tabs-default: rgba(18,18,20,0);
64
- --semi-color-card-default: rgba(var(--semi-grey-1),0.5);
65
+ --semi-color-card-default: rgba(var(--semi-grey-0), 0);
65
66
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
66
67
  --semi-color-modal-bg: rgba(255,255,255,0.9);
67
68
  --semi-color-tertiary: rgba(var(--semi-grey-1), 1);
68
- --semi-color-card-disabled: rgba(var(--semi-grey-0),1);
69
+ --semi-color-card-disabled: rgba(var(--semi-grey-1), 1);
69
70
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
70
71
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
71
72
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
@@ -86,6 +87,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
86
87
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
87
88
  --semi-color-success-active: rgba(var(--semi-green-8),1);
88
89
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
90
+ --semi-color-card-border-active: rgba(51,147,253,1);
89
91
  --semi-color-tertiary-hover: rgba(var(--semi-grey-2),0.6);
90
92
  --semi-color-Timecode-border: rgba(var(--semi-green-6),1);
91
93
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
@@ -221,6 +223,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
221
223
  --semi-color-Drag-active: rgba(var(--semi-blue-4),1);
222
224
  --semi-color-Tabs-active: rgba(255,255,255,0.08);
223
225
  --semi-color-card-active: rgba(255,255,255,0.12);
226
+ --semi-color-card-border: rgba(255,255,255,0);
224
227
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
225
228
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
226
229
  --semi-color-Tabs-default: rgba(255,255,255,0);
@@ -248,6 +251,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
248
251
  --semi-color-primary-active: rgba(var(--semi-brand-7),1);
249
252
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
250
253
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
254
+ --semi-color-card-border-active: rgba(var(--semi-blue-4),0);
251
255
  --semi-color-input-bg-hover: rgba(var(--semi-grey-1), 1);
252
256
  --semi-color-inputborder: rgba(255,255,255,0.12);
253
257
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
@@ -269,7 +273,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
269
273
  --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
270
274
  --semi-color-inputborder-hover: rgba(255,255,255,0.19);
271
275
  --semi-color-inputborder-active: rgba(var(--semi-brand-4),1);
272
- --semi-color-button-Radio-bg: rgba(var(--semi-blue-2),1);
276
+ --semi-color-button-Radio-bg: rgba(255,255,255,0.04);
273
277
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
274
278
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
275
279
  --semi-color-inputborder-disabled: rgba(255,255,255,0.05);
@@ -288,10 +292,10 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
288
292
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
289
293
  --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
290
294
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
291
- --semi-color-button-Radio-bg-hover: rgba(var(--semi-blue-6),1);
295
+ --semi-color-button-Radio-bg-hover: rgba(255,255,255,0.06);
292
296
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
293
297
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
294
- --semi-color-button-Radio-bg-active: rgba(var(--semi-blue-7),1);
298
+ --semi-color-button-Radio-bg-active: rgba(255,255,255,0.08);
295
299
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
296
300
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
297
301
  font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
package/semi.css CHANGED
@@ -376,6 +376,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
376
376
  --semi-color-bg-2: rgba(255,255,255,1);
377
377
  --semi-color-bg-3: rgba(255,255,255,1);
378
378
  --semi-color-bg-4: rgba(255,255,255,1);
379
+ --semi-color-darg: rgba(var(--semi-blue-6),0);
379
380
  --semi-color-info: rgba(var(--semi-blue-5), 1);
380
381
  --semi-color-link: rgba(var(--semi-blue-5), 1);
381
382
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
@@ -415,10 +416,10 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
415
416
  --semi-color-black-50: rgba(0,0,0,0.5);
416
417
  --semi-color-black-70: rgba(0,0,0,0.7);
417
418
  --semi-color-white-50: rgba(255,255,255,0.5);
418
- --semi-color-Tabs-hover: rgba(18,18,20,0.04);
419
419
  --semi-color-border-1: rgba(var(--semi-grey-9),0.12);
420
420
  --semi-color-border-2: rgba(var(--semi-grey-9),0.06);
421
- --semi-color-card-hover: rgba(var(--semi-grey-1),0.8);
421
+ --semi-color-card-hover: rgba(var(--semi-grey-0),0.2);
422
+ --semi-color-darg-hover: rgba(var(--semi-blue-4),0.5);
422
423
  --semi-color-default: rgba(var(--semi-grey-0), 1);
423
424
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
424
425
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -426,16 +427,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
426
427
  --semi-color-primary: rgba(var(--semi-brand-5),1);
427
428
  --semi-color-success: rgba(var(--semi-green-6),1);
428
429
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
429
- --semi-color-Tabs-active: rgba(18,18,20,0.06);
430
- --semi-color-card-active: rgba(var(--semi-grey-1),1);
430
+ --semi-color-card-active: rgba(var(--semi-grey-1),0.2);
431
+ --semi-color-card-border: rgba(var(--semi-grey-9), 0.06);
432
+ --semi-color-darg-active: rgba(var(--semi-blue-4),1);
431
433
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
432
434
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
433
- --semi-color-Tabs-default: rgba(18,18,20,0);
434
- --semi-color-card-default: rgba(var(--semi-grey-1),0.5);
435
+ --semi-color-card-default: rgba(var(--semi-grey-0), 0);
435
436
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
436
437
  --semi-color-modal-bg: rgba(255,255,255,0.9);
437
438
  --semi-color-tertiary: rgba(var(--semi-grey-1), 1);
438
- --semi-color-card-disabled: rgba(var(--semi-grey-0),1);
439
+ --semi-color-card-disabled: rgba(var(--semi-grey-1), 1);
439
440
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
440
441
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
441
442
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
@@ -456,6 +457,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
456
457
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
457
458
  --semi-color-success-active: rgba(var(--semi-green-8),1);
458
459
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
460
+ --semi-color-card-border-active: rgba(51,147,253,1);
459
461
  --semi-color-tertiary-hover: rgba(var(--semi-grey-2),0.6);
460
462
  --semi-color-Timecode-border: rgba(var(--semi-green-6),1);
461
463
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
@@ -590,6 +592,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
590
592
  --semi-color-Drag-active: rgba(var(--semi-blue-4),1);
591
593
  --semi-color-Tabs-active: rgba(255,255,255,0.08);
592
594
  --semi-color-card-active: rgba(255,255,255,0.12);
595
+ --semi-color-card-border: rgba(255,255,255,0);
593
596
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
594
597
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
595
598
  --semi-color-Tabs-default: rgba(255,255,255,0);
@@ -617,6 +620,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
617
620
  --semi-color-primary-active: rgba(var(--semi-brand-7),1);
618
621
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
619
622
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
623
+ --semi-color-card-border-active: rgba(var(--semi-blue-4),0);
620
624
  --semi-color-input-bg-hover: rgba(var(--semi-grey-1), 1);
621
625
  --semi-color-inputborder: rgba(255,255,255,0.12);
622
626
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
@@ -638,7 +642,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
638
642
  --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
639
643
  --semi-color-inputborder-hover: rgba(255,255,255,0.19);
640
644
  --semi-color-inputborder-active: rgba(var(--semi-brand-4),1);
641
- --semi-color-button-Radio-bg: rgba(var(--semi-blue-2),1);
645
+ --semi-color-button-Radio-bg: rgba(255,255,255,0.04);
642
646
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
643
647
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
644
648
  --semi-color-inputborder-disabled: rgba(255,255,255,0.05);
@@ -657,10 +661,10 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
657
661
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
658
662
  --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
659
663
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
660
- --semi-color-button-Radio-bg-hover: rgba(var(--semi-blue-6),1);
664
+ --semi-color-button-Radio-bg-hover: rgba(255,255,255,0.06);
661
665
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
662
666
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
663
- --semi-color-button-Radio-bg-active: rgba(var(--semi-blue-7),1);
667
+ --semi-color-button-Radio-bg-active: rgba(255,255,255,0.08);
664
668
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
665
669
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
666
670
  font-family: Montserrat, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;