@zl-ui-kit/theme 0.14.3 → 0.15.0

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.
@@ -363,119 +363,119 @@ body[data-theme='blue'] .el-select__wrapper.is-focused .el-select__placeholder:n
363
363
  color: var(--el-color-primary);
364
364
  }
365
365
 
366
- /*
367
- * 全局 reset(随每套主题 CSS 一并注入;变量取 --zl-*,缺省回退为浅色值)
368
- * 由参考实现迁移,变量命名按需求 §7.2.1 统一 zl- 前缀
369
- */
370
-
371
- /* ============================================================
372
- * 开源字体(OFL-1.1)自托管:替换参考实现中的商业授权字体
373
- * - Noto Sans SC(思源黑体):通用中文正文字体,覆盖系统字体缺失场景
374
- * - Smiley Sans(得意黑):品牌标语展示字体,替换商业「方正」系列
375
- * 字体文件见本包 src/assets/fonts/(经 ./assets/* 导出)
376
- * ============================================================ */
377
- @font-face {
378
- font-family: 'Noto Sans SC';
379
- font-style: normal;
380
- font-weight: 400;
381
- font-display: swap;
382
- src: url(../assets/fonts/noto-sans-sc-400.woff2) format('woff2');
383
- }
384
- @font-face {
385
- font-family: 'Noto Sans SC';
386
- font-style: normal;
387
- font-weight: 500;
388
- font-display: swap;
389
- src: url(../assets/fonts/noto-sans-sc-500.woff2) format('woff2');
390
- }
391
- @font-face {
392
- font-family: 'Noto Sans SC';
393
- font-style: normal;
394
- font-weight: 700;
395
- font-display: swap;
396
- src: url(../assets/fonts/noto-sans-sc-700.woff2) format('woff2');
397
- }
398
- @font-face {
399
- font-family: 'Smiley Sans';
400
- font-style: normal;
401
- font-weight: 400;
402
- font-display: swap;
403
- src: url(../assets/fonts/smiley-sans.woff2) format('woff2');
404
- }
405
-
406
- :root {
407
- /* 品牌标语字体:默认得意黑(开源),回退思源黑体 / 系统字体;替换参考实现的商业字体 */
408
- --zl-slogan-font-family: 'Smiley Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
409
- }
410
-
411
- html,
412
- body,
413
- micro-app,
414
- #root,
415
- #app {
416
- height: 100%;
417
- }
418
-
419
- html,
420
- body {
421
- margin: 0;
422
- padding: 0;
423
- }
424
-
425
- #root {
426
- background: var(--zl-fill-2, #f0f2f5);
427
- color: var(--zl-text-2, #4d5e7d);
428
- font-size: 12px;
429
- line-height: 20px;
430
- overscroll-behavior: contain;
431
- font-family:
432
- Inter,
433
- -apple-system,
434
- BlinkMacSystemFont,
435
- 'PingFang SC',
436
- 'Hiragino Sans GB',
437
- 'Noto Sans SC',
438
- 'Microsoft YaHei',
439
- 'Helvetica Neue',
440
- Helvetica,
441
- Arial,
442
- sans-serif;
443
- }
444
-
445
- *,
446
- *::before,
447
- *::after {
448
- box-sizing: border-box;
449
- }
450
-
451
- ::-webkit-scrollbar {
452
- width: 10px;
453
- height: 10px;
454
- background: transparent;
455
- }
456
-
457
- ::-webkit-scrollbar-thumb {
458
- background: var(--zl-fill-3, #e3e9ef) content-box;
459
- border: 2px solid transparent;
460
- border-radius: 5px;
461
- }
462
-
463
- ::-webkit-scrollbar-thumb:hover {
464
- background-color: var(--zl-fill-4, rgb(179, 192, 204));
465
- }
366
+ /*
367
+ * 全局 reset(随每套主题 CSS 一并注入;变量取 --zl-*,缺省回退为浅色值)
368
+ * 由参考实现迁移,变量命名按需求 §7.2.1 统一 zl- 前缀
369
+ */
466
370
 
467
- /*
468
- * Element Plus 组件样式覆盖(占位骨架)
469
- * 参考实现的 18 个组件覆盖基于原 UI 库类名体系,需按 EP 的 .el-* BEM 结构逐组件重写,
470
- * 以 playground 主题预览页视觉验收为准(需求 §7.2.2 / P15)。
471
- * 本文件随 per-theme CSS 一同生效;以下为首批全局性微调。
472
- */
473
-
474
- /* 与 zl 设计一致的圆角与动效基调 */
475
- .el-button {
476
- --el-button-border-radius: var(--zl-radius-base, 4px);
477
- }
478
-
479
- .el-dialog {
480
- --el-dialog-border-radius: var(--zl-radius-base, 4px);
481
- }
371
+ /* ============================================================
372
+ * 开源字体(OFL-1.1)自托管:替换参考实现中的商业授权字体
373
+ * - Noto Sans SC(思源黑体):通用中文正文字体,覆盖系统字体缺失场景
374
+ * - Smiley Sans(得意黑):品牌标语展示字体,替换商业「方正」系列
375
+ * 字体文件见本包 src/assets/fonts/(经 ./assets/* 导出)
376
+ * ============================================================ */
377
+ @font-face {
378
+ font-family: 'Noto Sans SC';
379
+ font-style: normal;
380
+ font-weight: 400;
381
+ font-display: swap;
382
+ src: url(../assets/fonts/noto-sans-sc-400.woff2) format('woff2');
383
+ }
384
+ @font-face {
385
+ font-family: 'Noto Sans SC';
386
+ font-style: normal;
387
+ font-weight: 500;
388
+ font-display: swap;
389
+ src: url(../assets/fonts/noto-sans-sc-500.woff2) format('woff2');
390
+ }
391
+ @font-face {
392
+ font-family: 'Noto Sans SC';
393
+ font-style: normal;
394
+ font-weight: 700;
395
+ font-display: swap;
396
+ src: url(../assets/fonts/noto-sans-sc-700.woff2) format('woff2');
397
+ }
398
+ @font-face {
399
+ font-family: 'Smiley Sans';
400
+ font-style: normal;
401
+ font-weight: 400;
402
+ font-display: swap;
403
+ src: url(../assets/fonts/smiley-sans.woff2) format('woff2');
404
+ }
405
+
406
+ :root {
407
+ /* 品牌标语字体:默认得意黑(开源),回退思源黑体 / 系统字体;替换参考实现的商业字体 */
408
+ --zl-slogan-font-family: 'Smiley Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
409
+ }
410
+
411
+ html,
412
+ body,
413
+ micro-app,
414
+ #root,
415
+ #app {
416
+ height: 100%;
417
+ }
418
+
419
+ html,
420
+ body {
421
+ margin: 0;
422
+ padding: 0;
423
+ }
424
+
425
+ #root {
426
+ background: var(--zl-fill-2, #f0f2f5);
427
+ color: var(--zl-text-2, #4d5e7d);
428
+ font-size: 12px;
429
+ line-height: 20px;
430
+ overscroll-behavior: contain;
431
+ font-family:
432
+ Inter,
433
+ -apple-system,
434
+ BlinkMacSystemFont,
435
+ 'PingFang SC',
436
+ 'Hiragino Sans GB',
437
+ 'Noto Sans SC',
438
+ 'Microsoft YaHei',
439
+ 'Helvetica Neue',
440
+ Helvetica,
441
+ Arial,
442
+ sans-serif;
443
+ }
444
+
445
+ *,
446
+ *::before,
447
+ *::after {
448
+ box-sizing: border-box;
449
+ }
450
+
451
+ ::-webkit-scrollbar {
452
+ width: 10px;
453
+ height: 10px;
454
+ background: transparent;
455
+ }
456
+
457
+ ::-webkit-scrollbar-thumb {
458
+ background: var(--zl-fill-3, #e3e9ef) content-box;
459
+ border: 2px solid transparent;
460
+ border-radius: 5px;
461
+ }
462
+
463
+ ::-webkit-scrollbar-thumb:hover {
464
+ background-color: var(--zl-fill-4, rgb(179, 192, 204));
465
+ }
466
+
467
+ /*
468
+ * Element Plus 组件样式覆盖(占位骨架)
469
+ * 参考实现的 18 个组件覆盖基于原 UI 库类名体系,需按 EP 的 .el-* BEM 结构逐组件重写,
470
+ * 以 playground 主题预览页视觉验收为准(需求 §7.2.2 / P15)。
471
+ * 本文件随 per-theme CSS 一同生效;以下为首批全局性微调。
472
+ */
473
+
474
+ /* 与 zl 设计一致的圆角与动效基调 */
475
+ .el-button {
476
+ --el-button-border-radius: var(--zl-radius-base, 4px);
477
+ }
478
+
479
+ .el-dialog {
480
+ --el-dialog-border-radius: var(--zl-radius-base, 4px);
481
+ }
@@ -350,119 +350,119 @@ body[data-theme='dark'] {
350
350
  --zl-slogan-font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
351
351
  }
352
352
 
353
- /*
354
- * 全局 reset(随每套主题 CSS 一并注入;变量取 --zl-*,缺省回退为浅色值)
355
- * 由参考实现迁移,变量命名按需求 §7.2.1 统一 zl- 前缀
356
- */
357
-
358
- /* ============================================================
359
- * 开源字体(OFL-1.1)自托管:替换参考实现中的商业授权字体
360
- * - Noto Sans SC(思源黑体):通用中文正文字体,覆盖系统字体缺失场景
361
- * - Smiley Sans(得意黑):品牌标语展示字体,替换商业「方正」系列
362
- * 字体文件见本包 src/assets/fonts/(经 ./assets/* 导出)
363
- * ============================================================ */
364
- @font-face {
365
- font-family: 'Noto Sans SC';
366
- font-style: normal;
367
- font-weight: 400;
368
- font-display: swap;
369
- src: url(../assets/fonts/noto-sans-sc-400.woff2) format('woff2');
370
- }
371
- @font-face {
372
- font-family: 'Noto Sans SC';
373
- font-style: normal;
374
- font-weight: 500;
375
- font-display: swap;
376
- src: url(../assets/fonts/noto-sans-sc-500.woff2) format('woff2');
377
- }
378
- @font-face {
379
- font-family: 'Noto Sans SC';
380
- font-style: normal;
381
- font-weight: 700;
382
- font-display: swap;
383
- src: url(../assets/fonts/noto-sans-sc-700.woff2) format('woff2');
384
- }
385
- @font-face {
386
- font-family: 'Smiley Sans';
387
- font-style: normal;
388
- font-weight: 400;
389
- font-display: swap;
390
- src: url(../assets/fonts/smiley-sans.woff2) format('woff2');
391
- }
392
-
393
- :root {
394
- /* 品牌标语字体:默认得意黑(开源),回退思源黑体 / 系统字体;替换参考实现的商业字体 */
395
- --zl-slogan-font-family: 'Smiley Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
396
- }
397
-
398
- html,
399
- body,
400
- micro-app,
401
- #root,
402
- #app {
403
- height: 100%;
404
- }
405
-
406
- html,
407
- body {
408
- margin: 0;
409
- padding: 0;
410
- }
411
-
412
- #root {
413
- background: var(--zl-fill-2, #f0f2f5);
414
- color: var(--zl-text-2, #4d5e7d);
415
- font-size: 12px;
416
- line-height: 20px;
417
- overscroll-behavior: contain;
418
- font-family:
419
- Inter,
420
- -apple-system,
421
- BlinkMacSystemFont,
422
- 'PingFang SC',
423
- 'Hiragino Sans GB',
424
- 'Noto Sans SC',
425
- 'Microsoft YaHei',
426
- 'Helvetica Neue',
427
- Helvetica,
428
- Arial,
429
- sans-serif;
430
- }
431
-
432
- *,
433
- *::before,
434
- *::after {
435
- box-sizing: border-box;
436
- }
437
-
438
- ::-webkit-scrollbar {
439
- width: 10px;
440
- height: 10px;
441
- background: transparent;
442
- }
443
-
444
- ::-webkit-scrollbar-thumb {
445
- background: var(--zl-fill-3, #e3e9ef) content-box;
446
- border: 2px solid transparent;
447
- border-radius: 5px;
448
- }
449
-
450
- ::-webkit-scrollbar-thumb:hover {
451
- background-color: var(--zl-fill-4, rgb(179, 192, 204));
452
- }
353
+ /*
354
+ * 全局 reset(随每套主题 CSS 一并注入;变量取 --zl-*,缺省回退为浅色值)
355
+ * 由参考实现迁移,变量命名按需求 §7.2.1 统一 zl- 前缀
356
+ */
453
357
 
454
- /*
455
- * Element Plus 组件样式覆盖(占位骨架)
456
- * 参考实现的 18 个组件覆盖基于原 UI 库类名体系,需按 EP 的 .el-* BEM 结构逐组件重写,
457
- * 以 playground 主题预览页视觉验收为准(需求 §7.2.2 / P15)。
458
- * 本文件随 per-theme CSS 一同生效;以下为首批全局性微调。
459
- */
460
-
461
- /* 与 zl 设计一致的圆角与动效基调 */
462
- .el-button {
463
- --el-button-border-radius: var(--zl-radius-base, 4px);
464
- }
465
-
466
- .el-dialog {
467
- --el-dialog-border-radius: var(--zl-radius-base, 4px);
468
- }
358
+ /* ============================================================
359
+ * 开源字体(OFL-1.1)自托管:替换参考实现中的商业授权字体
360
+ * - Noto Sans SC(思源黑体):通用中文正文字体,覆盖系统字体缺失场景
361
+ * - Smiley Sans(得意黑):品牌标语展示字体,替换商业「方正」系列
362
+ * 字体文件见本包 src/assets/fonts/(经 ./assets/* 导出)
363
+ * ============================================================ */
364
+ @font-face {
365
+ font-family: 'Noto Sans SC';
366
+ font-style: normal;
367
+ font-weight: 400;
368
+ font-display: swap;
369
+ src: url(../assets/fonts/noto-sans-sc-400.woff2) format('woff2');
370
+ }
371
+ @font-face {
372
+ font-family: 'Noto Sans SC';
373
+ font-style: normal;
374
+ font-weight: 500;
375
+ font-display: swap;
376
+ src: url(../assets/fonts/noto-sans-sc-500.woff2) format('woff2');
377
+ }
378
+ @font-face {
379
+ font-family: 'Noto Sans SC';
380
+ font-style: normal;
381
+ font-weight: 700;
382
+ font-display: swap;
383
+ src: url(../assets/fonts/noto-sans-sc-700.woff2) format('woff2');
384
+ }
385
+ @font-face {
386
+ font-family: 'Smiley Sans';
387
+ font-style: normal;
388
+ font-weight: 400;
389
+ font-display: swap;
390
+ src: url(../assets/fonts/smiley-sans.woff2) format('woff2');
391
+ }
392
+
393
+ :root {
394
+ /* 品牌标语字体:默认得意黑(开源),回退思源黑体 / 系统字体;替换参考实现的商业字体 */
395
+ --zl-slogan-font-family: 'Smiley Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
396
+ }
397
+
398
+ html,
399
+ body,
400
+ micro-app,
401
+ #root,
402
+ #app {
403
+ height: 100%;
404
+ }
405
+
406
+ html,
407
+ body {
408
+ margin: 0;
409
+ padding: 0;
410
+ }
411
+
412
+ #root {
413
+ background: var(--zl-fill-2, #f0f2f5);
414
+ color: var(--zl-text-2, #4d5e7d);
415
+ font-size: 12px;
416
+ line-height: 20px;
417
+ overscroll-behavior: contain;
418
+ font-family:
419
+ Inter,
420
+ -apple-system,
421
+ BlinkMacSystemFont,
422
+ 'PingFang SC',
423
+ 'Hiragino Sans GB',
424
+ 'Noto Sans SC',
425
+ 'Microsoft YaHei',
426
+ 'Helvetica Neue',
427
+ Helvetica,
428
+ Arial,
429
+ sans-serif;
430
+ }
431
+
432
+ *,
433
+ *::before,
434
+ *::after {
435
+ box-sizing: border-box;
436
+ }
437
+
438
+ ::-webkit-scrollbar {
439
+ width: 10px;
440
+ height: 10px;
441
+ background: transparent;
442
+ }
443
+
444
+ ::-webkit-scrollbar-thumb {
445
+ background: var(--zl-fill-3, #e3e9ef) content-box;
446
+ border: 2px solid transparent;
447
+ border-radius: 5px;
448
+ }
449
+
450
+ ::-webkit-scrollbar-thumb:hover {
451
+ background-color: var(--zl-fill-4, rgb(179, 192, 204));
452
+ }
453
+
454
+ /*
455
+ * Element Plus 组件样式覆盖(占位骨架)
456
+ * 参考实现的 18 个组件覆盖基于原 UI 库类名体系,需按 EP 的 .el-* BEM 结构逐组件重写,
457
+ * 以 playground 主题预览页视觉验收为准(需求 §7.2.2 / P15)。
458
+ * 本文件随 per-theme CSS 一同生效;以下为首批全局性微调。
459
+ */
460
+
461
+ /* 与 zl 设计一致的圆角与动效基调 */
462
+ .el-button {
463
+ --el-button-border-radius: var(--zl-radius-base, 4px);
464
+ }
465
+
466
+ .el-dialog {
467
+ --el-dialog-border-radius: var(--zl-radius-base, 4px);
468
+ }
@@ -363,119 +363,119 @@ body .el-select__wrapper.is-focused .el-select__placeholder:not(.is-transparent)
363
363
  color: var(--el-color-primary);
364
364
  }
365
365
 
366
- /*
367
- * 全局 reset(随每套主题 CSS 一并注入;变量取 --zl-*,缺省回退为浅色值)
368
- * 由参考实现迁移,变量命名按需求 §7.2.1 统一 zl- 前缀
369
- */
370
-
371
- /* ============================================================
372
- * 开源字体(OFL-1.1)自托管:替换参考实现中的商业授权字体
373
- * - Noto Sans SC(思源黑体):通用中文正文字体,覆盖系统字体缺失场景
374
- * - Smiley Sans(得意黑):品牌标语展示字体,替换商业「方正」系列
375
- * 字体文件见本包 src/assets/fonts/(经 ./assets/* 导出)
376
- * ============================================================ */
377
- @font-face {
378
- font-family: 'Noto Sans SC';
379
- font-style: normal;
380
- font-weight: 400;
381
- font-display: swap;
382
- src: url(../assets/fonts/noto-sans-sc-400.woff2) format('woff2');
383
- }
384
- @font-face {
385
- font-family: 'Noto Sans SC';
386
- font-style: normal;
387
- font-weight: 500;
388
- font-display: swap;
389
- src: url(../assets/fonts/noto-sans-sc-500.woff2) format('woff2');
390
- }
391
- @font-face {
392
- font-family: 'Noto Sans SC';
393
- font-style: normal;
394
- font-weight: 700;
395
- font-display: swap;
396
- src: url(../assets/fonts/noto-sans-sc-700.woff2) format('woff2');
397
- }
398
- @font-face {
399
- font-family: 'Smiley Sans';
400
- font-style: normal;
401
- font-weight: 400;
402
- font-display: swap;
403
- src: url(../assets/fonts/smiley-sans.woff2) format('woff2');
404
- }
405
-
406
- :root {
407
- /* 品牌标语字体:默认得意黑(开源),回退思源黑体 / 系统字体;替换参考实现的商业字体 */
408
- --zl-slogan-font-family: 'Smiley Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
409
- }
410
-
411
- html,
412
- body,
413
- micro-app,
414
- #root,
415
- #app {
416
- height: 100%;
417
- }
418
-
419
- html,
420
- body {
421
- margin: 0;
422
- padding: 0;
423
- }
424
-
425
- #root {
426
- background: var(--zl-fill-2, #f0f2f5);
427
- color: var(--zl-text-2, #4d5e7d);
428
- font-size: 12px;
429
- line-height: 20px;
430
- overscroll-behavior: contain;
431
- font-family:
432
- Inter,
433
- -apple-system,
434
- BlinkMacSystemFont,
435
- 'PingFang SC',
436
- 'Hiragino Sans GB',
437
- 'Noto Sans SC',
438
- 'Microsoft YaHei',
439
- 'Helvetica Neue',
440
- Helvetica,
441
- Arial,
442
- sans-serif;
443
- }
444
-
445
- *,
446
- *::before,
447
- *::after {
448
- box-sizing: border-box;
449
- }
450
-
451
- ::-webkit-scrollbar {
452
- width: 10px;
453
- height: 10px;
454
- background: transparent;
455
- }
456
-
457
- ::-webkit-scrollbar-thumb {
458
- background: var(--zl-fill-3, #e3e9ef) content-box;
459
- border: 2px solid transparent;
460
- border-radius: 5px;
461
- }
462
-
463
- ::-webkit-scrollbar-thumb:hover {
464
- background-color: var(--zl-fill-4, rgb(179, 192, 204));
465
- }
366
+ /*
367
+ * 全局 reset(随每套主题 CSS 一并注入;变量取 --zl-*,缺省回退为浅色值)
368
+ * 由参考实现迁移,变量命名按需求 §7.2.1 统一 zl- 前缀
369
+ */
466
370
 
467
- /*
468
- * Element Plus 组件样式覆盖(占位骨架)
469
- * 参考实现的 18 个组件覆盖基于原 UI 库类名体系,需按 EP 的 .el-* BEM 结构逐组件重写,
470
- * 以 playground 主题预览页视觉验收为准(需求 §7.2.2 / P15)。
471
- * 本文件随 per-theme CSS 一同生效;以下为首批全局性微调。
472
- */
473
-
474
- /* 与 zl 设计一致的圆角与动效基调 */
475
- .el-button {
476
- --el-button-border-radius: var(--zl-radius-base, 4px);
477
- }
478
-
479
- .el-dialog {
480
- --el-dialog-border-radius: var(--zl-radius-base, 4px);
481
- }
371
+ /* ============================================================
372
+ * 开源字体(OFL-1.1)自托管:替换参考实现中的商业授权字体
373
+ * - Noto Sans SC(思源黑体):通用中文正文字体,覆盖系统字体缺失场景
374
+ * - Smiley Sans(得意黑):品牌标语展示字体,替换商业「方正」系列
375
+ * 字体文件见本包 src/assets/fonts/(经 ./assets/* 导出)
376
+ * ============================================================ */
377
+ @font-face {
378
+ font-family: 'Noto Sans SC';
379
+ font-style: normal;
380
+ font-weight: 400;
381
+ font-display: swap;
382
+ src: url(../assets/fonts/noto-sans-sc-400.woff2) format('woff2');
383
+ }
384
+ @font-face {
385
+ font-family: 'Noto Sans SC';
386
+ font-style: normal;
387
+ font-weight: 500;
388
+ font-display: swap;
389
+ src: url(../assets/fonts/noto-sans-sc-500.woff2) format('woff2');
390
+ }
391
+ @font-face {
392
+ font-family: 'Noto Sans SC';
393
+ font-style: normal;
394
+ font-weight: 700;
395
+ font-display: swap;
396
+ src: url(../assets/fonts/noto-sans-sc-700.woff2) format('woff2');
397
+ }
398
+ @font-face {
399
+ font-family: 'Smiley Sans';
400
+ font-style: normal;
401
+ font-weight: 400;
402
+ font-display: swap;
403
+ src: url(../assets/fonts/smiley-sans.woff2) format('woff2');
404
+ }
405
+
406
+ :root {
407
+ /* 品牌标语字体:默认得意黑(开源),回退思源黑体 / 系统字体;替换参考实现的商业字体 */
408
+ --zl-slogan-font-family: 'Smiley Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
409
+ }
410
+
411
+ html,
412
+ body,
413
+ micro-app,
414
+ #root,
415
+ #app {
416
+ height: 100%;
417
+ }
418
+
419
+ html,
420
+ body {
421
+ margin: 0;
422
+ padding: 0;
423
+ }
424
+
425
+ #root {
426
+ background: var(--zl-fill-2, #f0f2f5);
427
+ color: var(--zl-text-2, #4d5e7d);
428
+ font-size: 12px;
429
+ line-height: 20px;
430
+ overscroll-behavior: contain;
431
+ font-family:
432
+ Inter,
433
+ -apple-system,
434
+ BlinkMacSystemFont,
435
+ 'PingFang SC',
436
+ 'Hiragino Sans GB',
437
+ 'Noto Sans SC',
438
+ 'Microsoft YaHei',
439
+ 'Helvetica Neue',
440
+ Helvetica,
441
+ Arial,
442
+ sans-serif;
443
+ }
444
+
445
+ *,
446
+ *::before,
447
+ *::after {
448
+ box-sizing: border-box;
449
+ }
450
+
451
+ ::-webkit-scrollbar {
452
+ width: 10px;
453
+ height: 10px;
454
+ background: transparent;
455
+ }
456
+
457
+ ::-webkit-scrollbar-thumb {
458
+ background: var(--zl-fill-3, #e3e9ef) content-box;
459
+ border: 2px solid transparent;
460
+ border-radius: 5px;
461
+ }
462
+
463
+ ::-webkit-scrollbar-thumb:hover {
464
+ background-color: var(--zl-fill-4, rgb(179, 192, 204));
465
+ }
466
+
467
+ /*
468
+ * Element Plus 组件样式覆盖(占位骨架)
469
+ * 参考实现的 18 个组件覆盖基于原 UI 库类名体系,需按 EP 的 .el-* BEM 结构逐组件重写,
470
+ * 以 playground 主题预览页视觉验收为准(需求 §7.2.2 / P15)。
471
+ * 本文件随 per-theme CSS 一同生效;以下为首批全局性微调。
472
+ */
473
+
474
+ /* 与 zl 设计一致的圆角与动效基调 */
475
+ .el-button {
476
+ --el-button-border-radius: var(--zl-radius-base, 4px);
477
+ }
478
+
479
+ .el-dialog {
480
+ --el-dialog-border-radius: var(--zl-radius-base, 4px);
481
+ }