bj-web-components 0.2.28 → 0.2.29

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.
Files changed (90) hide show
  1. package/dist/index.js +1 -51
  2. package/dist/index.mjs +49 -49
  3. package/dist/style.css +1 -3744
  4. package/dist/web/BasicInput/BInput.js +1 -208
  5. package/dist/web/BasicInput/BInput.mjs +132 -164
  6. package/dist/web/BasicInput/utils.js +1 -47
  7. package/dist/web/BasicInput/utils.mjs +28 -38
  8. package/dist/web/CategoryDropdown/CategoryDropdown.js +1 -307
  9. package/dist/web/CategoryDropdown/CategoryDropdown.mjs +170 -218
  10. package/dist/web/CheckBox/BCheckBox.js +1 -116
  11. package/dist/web/CheckBox/BCheckBox.mjs +70 -86
  12. package/dist/web/CheckBox/Group.js +1 -73
  13. package/dist/web/CheckBox/Group.mjs +56 -63
  14. package/dist/web/CheckBox/context.js +1 -5
  15. package/dist/web/CheckBox/context.mjs +3 -3
  16. package/dist/web/CheckBox/index.js +1 -8
  17. package/dist/web/CheckBox/index.mjs +6 -6
  18. package/dist/web/Dropdown/BDropdown.js +1 -186
  19. package/dist/web/Dropdown/BDropdown.mjs +106 -132
  20. package/dist/web/EmptyInputBox/EmptyInputBox.js +1 -77
  21. package/dist/web/EmptyInputBox/EmptyInputBox.mjs +48 -52
  22. package/dist/web/FileCard/FileCard.js +1 -157
  23. package/dist/web/FileCard/FileCard.mjs +82 -112
  24. package/dist/web/Icon/Icon.js +1 -9
  25. package/dist/web/Icon/Icon.mjs +6 -6
  26. package/dist/web/Input/Input.js +1 -181
  27. package/dist/web/Input/Input.mjs +113 -122
  28. package/dist/web/InputNumber/BInputNumber.js +1 -311
  29. package/dist/web/InputNumber/BInputNumber.mjs +167 -275
  30. package/dist/web/InputNumber/StepHandler.js +1 -69
  31. package/dist/web/InputNumber/StepHandler.mjs +32 -38
  32. package/dist/web/InputNumber/hooks/useCursor.js +1 -40
  33. package/dist/web/InputNumber/hooks/useCursor.mjs +33 -35
  34. package/dist/web/InputNumber/hooks/useFrame.js +1 -12
  35. package/dist/web/InputNumber/hooks/useFrame.mjs +6 -9
  36. package/dist/web/InputNumber/utils/decimal.js +1 -147
  37. package/dist/web/InputNumber/utils/decimal.mjs +81 -109
  38. package/dist/web/Modal/Modal.js +1 -84
  39. package/dist/web/Modal/Modal.mjs +49 -52
  40. package/dist/web/OverlayScrollbar/BOverlayScrollbar.js +1 -232
  41. package/dist/web/OverlayScrollbar/BOverlayScrollbar.mjs +125 -206
  42. package/dist/web/Pagination/Pagination.js +1 -328
  43. package/dist/web/Pagination/Pagination.mjs +178 -254
  44. package/dist/web/ProductField/ProductField.js +1 -272
  45. package/dist/web/ProductField/ProductField.mjs +143 -190
  46. package/dist/web/ProductField/arrow-up.svg.js +1 -3
  47. package/dist/web/ProductField/arrow-up.svg.mjs +2 -2
  48. package/dist/web/ProductField/checkbox-no.svg.js +1 -3
  49. package/dist/web/ProductField/checkbox-no.svg.mjs +2 -2
  50. package/dist/web/ProductField/checkbox-ok.svg.js +1 -3
  51. package/dist/web/ProductField/checkbox-ok.svg.mjs +2 -2
  52. package/dist/web/ProductField/no_data_light.svg.js +1 -3
  53. package/dist/web/ProductField/no_data_light.svg.mjs +2 -2
  54. package/dist/web/ProductField/search.svg.js +1 -3
  55. package/dist/web/ProductField/search.svg.mjs +2 -2
  56. package/dist/web/ProductField/sort.svg.js +1 -3
  57. package/dist/web/ProductField/sort.svg.mjs +2 -2
  58. package/dist/web/SkuInputCard/SkuInputCard.js +1 -276
  59. package/dist/web/SkuInputCard/SkuInputCard.mjs +149 -188
  60. package/dist/web/SkuInputCard/spin_loading_red.gif.js +1 -3
  61. package/dist/web/SkuInputCard/spin_loading_red.gif.mjs +2 -2
  62. package/dist/web/Switch/Switch.js +1 -70
  63. package/dist/web/Switch/Switch.mjs +37 -47
  64. package/dist/web/Table/BTable.js +1 -950
  65. package/dist/web/Table/BTable.mjs +521 -767
  66. package/dist/web/Table/Column.js +1 -5
  67. package/dist/web/Table/Column.mjs +2 -2
  68. package/dist/web/Table/ColumnGroup.js +1 -5
  69. package/dist/web/Table/ColumnGroup.mjs +2 -2
  70. package/dist/web/Table/utils/columns.js +1 -48
  71. package/dist/web/Table/utils/columns.mjs +30 -35
  72. package/dist/web/Table/utils/sortFilter.js +1 -84
  73. package/dist/web/Table/utils/sortFilter.mjs +52 -73
  74. package/dist/web/Tabs/BTabs.js +1 -150
  75. package/dist/web/Tabs/BTabs.mjs +98 -118
  76. package/dist/web/Tabs/TabPane.js +1 -8
  77. package/dist/web/Tabs/TabPane.mjs +4 -4
  78. package/dist/web/Tooltip/ConfirmTooltip.js +1 -26
  79. package/dist/web/Tooltip/ConfirmTooltip.mjs +19 -20
  80. package/dist/web/Tooltip/ContentTooltip.js +1 -94
  81. package/dist/web/Tooltip/ContentTooltip.mjs +62 -72
  82. package/dist/web/Tooltip/ProgressTooltip.js +1 -36
  83. package/dist/web/Tooltip/ProgressTooltip.mjs +20 -22
  84. package/dist/web/Tooltip/TooltipWrapper.js +1 -12
  85. package/dist/web/Tooltip/TooltipWrapper.mjs +8 -8
  86. package/dist/web/Tooltip/useAutoPlacement.js +1 -41
  87. package/dist/web/Tooltip/useAutoPlacement.mjs +25 -34
  88. package/dist/web.js +1 -51
  89. package/dist/web.mjs +49 -49
  90. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1,3744 +1 @@
1
- .bu-icon {
2
- width: 1em;
3
- height: 1em;
4
- overflow: hidden;
5
- vertical-align: -0.15em;
6
- fill: currentColor;
7
- }
8
- .tooltip-wrapper {
9
- position: relative;
10
- display: inline-block;
11
- }
12
- .tooltip-popup {
13
- position: absolute;
14
- z-index: 1000;
15
- background: #ffffff;
16
- border-radius: 6px;
17
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
18
- border: 1px solid #e5e7eb;
19
- min-width: 200px;
20
- max-width: 280px;
21
- padding: 16px;
22
- }
23
- .tooltip-popup--top {
24
- bottom: calc(100% + 16px);
25
- left: 50%;
26
- transform: translateX(-50%);
27
- }
28
- .tooltip-popup--topLeft {
29
- bottom: calc(100% + 16px);
30
- left: 0;
31
- }
32
- .tooltip-popup--topRight {
33
- bottom: calc(100% + 16px);
34
- right: 0;
35
- }
36
- .tooltip-popup--bottom {
37
- top: calc(100% + 16px);
38
- left: 50%;
39
- transform: translateX(-50%);
40
- }
41
- .tooltip-popup--bottomLeft {
42
- top: calc(100% + 16px);
43
- left: 0;
44
- }
45
- .tooltip-popup--bottomRight {
46
- top: calc(100% + 16px);
47
- right: 0;
48
- }
49
- .tooltip-popup--left {
50
- right: calc(100% + 16px);
51
- top: 50%;
52
- transform: translateY(-50%);
53
- }
54
- .tooltip-popup--leftTop {
55
- right: calc(100% + 16px);
56
- top: 0;
57
- }
58
- .tooltip-popup--leftBottom {
59
- right: calc(100% + 16px);
60
- bottom: 0;
61
- }
62
- .tooltip-popup--right {
63
- left: calc(100% + 16px);
64
- top: 50%;
65
- transform: translateY(-50%);
66
- }
67
- .tooltip-popup--rightTop {
68
- left: calc(100% + 16px);
69
- top: 0;
70
- }
71
- .tooltip-popup--rightBottom {
72
- left: calc(100% + 16px);
73
- bottom: 0;
74
- }
75
- .tooltip-popup--light {
76
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
77
- }
78
- .tooltip-popup--bordered {
79
- border-color: #ebebeb;
80
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
81
- }
82
- .tooltip-popup--tinted {
83
- background: #f5f3ff;
84
- border-color: #ddd6fe;
85
- box-shadow: 0 2px 8px rgba(139, 92, 246, 0.1);
86
- }
87
- .tooltip-popup--content {
88
- width: max-content;
89
- min-width: 30px;
90
- min-height: 32px;
91
- padding: 24px;
92
- color: #333333;
93
- font-family: 'SourceHanSansCN-Normal';
94
- font-size: 14px;
95
- line-height: 21px;
96
- text-align: center;
97
- box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
98
- }
99
- .tooltip-popup--content .bu-tooltip-content__text {
100
- color: #333333;
101
- font-family: 'SourceHanSansCN-Normal';
102
- font-size: 14px;
103
- line-height: 21px;
104
- }
105
- .bu-content-tooltip {
106
- max-width: none !important;
107
- background: transparent !important;
108
- box-shadow: none !important;
109
- }
110
- .bu-content-tooltip .ant-tooltip-content {
111
- width: max-content;
112
- max-width: none !important;
113
- background: transparent !important;
114
- box-shadow: none !important;
115
- }
116
- .bu-content-tooltip .ant-tooltip-arrow-content {
117
- display: none !important;
118
- }
119
- .bu-content-tooltip .ant-tooltip-inner {
120
- width: max-content;
121
- min-width: 0;
122
- max-width: none !important;
123
- padding: 0;
124
- background: transparent;
125
- box-shadow: none;
126
- }
127
- .bu-content-tooltip .tooltip-popup--antd {
128
- position: relative;
129
- inset: auto;
130
- transform: none;
131
- }
132
- .tooltip-arrow {
133
- position: absolute;
134
- width: 14px;
135
- height: 14px;
136
- background: #ffffff;
137
- transform: rotate(45deg);
138
- }
139
- .tooltip-arrow--top {
140
- bottom: -8px;
141
- left: 50%;
142
- border-right: 1px solid #e5e7eb;
143
- border-bottom: 1px solid #e5e7eb;
144
- border-radius: 0 0 2px 0;
145
- transform: translateX(-50%) rotate(45deg);
146
- }
147
- .tooltip-arrow--topLeft {
148
- bottom: -8px;
149
- left: 16px;
150
- border-right: 1px solid #e5e7eb;
151
- border-bottom: 1px solid #e5e7eb;
152
- border-radius: 0 0 2px 0;
153
- }
154
- .tooltip-arrow--topRight {
155
- bottom: -8px;
156
- right: 16px;
157
- border-right: 1px solid #e5e7eb;
158
- border-bottom: 1px solid #e5e7eb;
159
- border-radius: 0 0 2px 0;
160
- }
161
- .tooltip-arrow--bottom {
162
- top: -8px;
163
- left: calc(50% - 8px);
164
- border-left: 1px solid #e5e7eb;
165
- border-top: 1px solid #e5e7eb;
166
- border-radius: 2px 0 0 0;
167
- }
168
- .tooltip-arrow--bottomLeft {
169
- top: -8px;
170
- left: 16px;
171
- border-left: 1px solid #e5e7eb;
172
- border-top: 1px solid #e5e7eb;
173
- border-radius: 2px 0 0 0;
174
- }
175
- .tooltip-arrow--bottomRight {
176
- top: -8px;
177
- right: 16px;
178
- border-left: 1px solid #e5e7eb;
179
- border-top: 1px solid #e5e7eb;
180
- border-radius: 2px 0 0 0;
181
- }
182
- .tooltip-arrow--left {
183
- right: -8px;
184
- top: calc(50% - 8px);
185
- border-top: 1px solid #e5e7eb;
186
- border-right: 1px solid #e5e7eb;
187
- border-radius: 0 2px 0 0;
188
- }
189
- .tooltip-arrow--leftTop {
190
- right: -8px;
191
- top: 16px;
192
- border-top: 1px solid #e5e7eb;
193
- border-right: 1px solid #e5e7eb;
194
- border-radius: 0 2px 0 0;
195
- }
196
- .tooltip-arrow--leftBottom {
197
- right: -8px;
198
- bottom: 16px;
199
- border-top: 1px solid #e5e7eb;
200
- border-right: 1px solid #e5e7eb;
201
- border-radius: 0 2px 0 0;
202
- }
203
- .tooltip-arrow--right {
204
- left: -8px;
205
- top: calc(50% - 8px);
206
- border-bottom: 1px solid #e5e7eb;
207
- border-left: 1px solid #e5e7eb;
208
- border-radius: 0 0 0 2px;
209
- }
210
- .tooltip-arrow--rightTop {
211
- left: -8px;
212
- top: 16px;
213
- border-bottom: 1px solid #e5e7eb;
214
- border-left: 1px solid #e5e7eb;
215
- border-radius: 0 0 0 2px;
216
- }
217
- .tooltip-arrow--rightBottom {
218
- left: -8px;
219
- bottom: 16px;
220
- border-bottom: 1px solid #e5e7eb;
221
- border-left: 1px solid #e5e7eb;
222
- border-radius: 0 0 0 2px;
223
- }
224
- .tooltip-arrow--tinted-bg {
225
- background: #f5f3ff;
226
- }
227
- .tooltip-confirm__title {
228
- font-size: 12px;
229
- color: #111827;
230
- margin-bottom: 12px;
231
- line-height: 1.5;
232
- }
233
- .tooltip-confirm__actions {
234
- display: flex;
235
- align-items: center;
236
- justify-content: center;
237
- gap: 30px;
238
- }
239
- .tooltip-confirm__cancel {
240
- background: none;
241
- border: none;
242
- padding: 0;
243
- height: 24px;
244
- font-size: 12px;
245
- color: #374151;
246
- cursor: pointer;
247
- border-radius: 4px;
248
- transition: background-color 0.15s;
249
- width: 60px;
250
- }
251
- .tooltip-confirm__cancel:hover {
252
- background: #f3f4f6;
253
- }
254
- .tooltip-confirm__ok {
255
- background: #333;
256
- border: none;
257
- padding: 0;
258
- height: 24px;
259
- font-size: 12px;
260
- color: #ffffff;
261
- cursor: pointer;
262
- border-radius: 6px;
263
- width: 60px;
264
- font-weight: 500;
265
- transition: background-color 0.15s;
266
- }
267
- .tooltip-confirm__ok:hover {
268
- background: #374151;
269
- }
270
- .tooltip-progress {
271
- min-width: 220px;
272
- }
273
- .tooltip-progress__header {
274
- display: flex;
275
- align-items: center;
276
- justify-content: space-between;
277
- margin-bottom: 8px;
278
- }
279
- .tooltip-progress__title {
280
- font-size: 12px;
281
- color: #111827;
282
- max-width: 160px;
283
- white-space: nowrap;
284
- overflow: hidden;
285
- text-overflow: ellipsis;
286
- }
287
- .tooltip-progress__percent {
288
- font-size: 12px;
289
- color: #6b7280;
290
- font-weight: 500;
291
- flex-shrink: 0;
292
- margin-left: 8px;
293
- }
294
- .tooltip-progress__track {
295
- width: 100%;
296
- height: 4px;
297
- background: #e5e7eb;
298
- border-radius: 2px;
299
- overflow: hidden;
300
- }
301
- .tooltip-progress__fill {
302
- height: 100%;
303
- width: var(--tooltip-progress, 0%);
304
- background: #333;
305
- border-radius: 2px;
306
- transition: width 0.3s ease;
307
- }
308
- .bu-tooltip-content__text {
309
- font-size: 12px;
310
- color: #6b7280;
311
- line-height: 1.6;
312
- overflow-wrap: break-word;
313
- margin-bottom: 0;
314
- }
315
- @keyframes sku-shake {
316
- 0% {
317
- transform: translateX(0);
318
- }
319
- 20% {
320
- transform: translateX(-6px);
321
- }
322
- 40% {
323
- transform: translateX(6px);
324
- }
325
- 60% {
326
- transform: translateX(-4px);
327
- }
328
- 80% {
329
- transform: translateX(4px);
330
- }
331
- 100% {
332
- transform: translateX(0);
333
- }
334
- }
335
- .sku-input-card {
336
- position: relative;
337
- display: flex;
338
- flex-direction: row;
339
- min-width: 411px;
340
- height: 100%;
341
- border: 1px solid #e5e7eb;
342
- border-radius: 8px;
343
- background: #ffffff;
344
- background-clip: padding-box;
345
- }
346
- .sku-input-card--error {
347
- border-color: #FDE6E9;
348
- }
349
- .sku-input-card__drag {
350
- display: flex;
351
- align-items: center;
352
- justify-content: center;
353
- width: 32px;
354
- flex-shrink: 0;
355
- color: #333333;
356
- background: #f5f5f5;
357
- cursor: grab;
358
- margin-right: 12px;
359
- }
360
- .sku-input-card__drag:active {
361
- cursor: grabbing;
362
- }
363
- .sku-input-card__main {
364
- flex: 1;
365
- min-width: 0;
366
- display: flex;
367
- flex-direction: column;
368
- gap: 12px;
369
- padding: 12px 12px 12px 0;
370
- }
371
- .sku-input-card__header {
372
- display: flex;
373
- align-items: center;
374
- gap: 8px;
375
- background: #ffffff;
376
- }
377
- .sku-input-card__name-wrap {
378
- position: relative;
379
- flex: 1;
380
- min-width: 0;
381
- }
382
- .sku-input-card__name-input {
383
- width: 100%;
384
- height: 40px;
385
- background: #f5f5f5;
386
- border: 1px solid #ebebeb;
387
- border-radius: 6px;
388
- padding: 0 8px;
389
- font-size: 14px;
390
- color: #333333;
391
- outline: none;
392
- box-sizing: border-box;
393
- appearance: none;
394
- -webkit-appearance: none;
395
- transition: background 0.2s ease, border-color 0.2s ease;
396
- }
397
- .sku-input-card__name-input::placeholder {
398
- color: #999999;
399
- }
400
- .sku-input-card__name-input--with-toggle {
401
- padding-right: 118px;
402
- }
403
- .sku-input-card__name-input--error {
404
- border-width: 3px;
405
- border-color: #FDE6E9;
406
- animation: sku-shake 0.4s ease;
407
- }
408
- .sku-input-card__name-input--error::placeholder {
409
- color: #e60023;
410
- }
411
- .sku-input-card__lang-toggle {
412
- position: absolute;
413
- right: 4px;
414
- top: 50%;
415
- transform: translateY(-50%);
416
- display: flex;
417
- align-items: center;
418
- gap: 2px;
419
- padding: 2px;
420
- border: 1px solid #e5e7eb;
421
- border-radius: 6px;
422
- background: #ffffff;
423
- }
424
- .sku-input-card__lang-btn {
425
- height: 24px;
426
- width: 51px;
427
- padding: 0;
428
- border-radius: 4px;
429
- font-size: 12px;
430
- font-weight: 500;
431
- cursor: pointer;
432
- border: none;
433
- background: transparent;
434
- color: #374151;
435
- line-height: 24px;
436
- text-align: center;
437
- }
438
- .sku-input-card__lang-btn--active {
439
- background: #1f2937;
440
- color: #ffffff;
441
- }
442
- .sku-input-card__lang-btn--inactive {
443
- color: #374151;
444
- }
445
- .sku-input-card__delete {
446
- display: flex;
447
- align-items: center;
448
- justify-content: center;
449
- width: 40px;
450
- height: 40px;
451
- color: #333333;
452
- background: #f3f4f6;
453
- border: none;
454
- cursor: pointer;
455
- flex-shrink: 0;
456
- border-radius: 4px;
457
- padding: 0;
458
- }
459
- .sku-input-card__delete:hover {
460
- color: #333333;
461
- }
462
- .sku-input-card__file-input {
463
- display: none;
464
- }
465
- .sku-input-card__body {
466
- height: 280px;
467
- display: flex;
468
- align-items: stretch;
469
- background: #f5f5f5;
470
- border-radius: 8px;
471
- overflow: hidden;
472
- }
473
- .sku-input-card__image-item {
474
- position: relative;
475
- flex: 1;
476
- }
477
- .sku-input-card__image-thumb {
478
- width: 100%;
479
- height: 100%;
480
- object-fit: cover;
481
- display: block;
482
- }
483
- .sku-input-card__image-overlay {
484
- position: absolute;
485
- inset: 0;
486
- background: rgba(0, 0, 0, 0.4);
487
- display: flex;
488
- align-items: center;
489
- justify-content: center;
490
- gap: 20px;
491
- opacity: 0;
492
- transition: opacity 0.2s ease;
493
- }
494
- .sku-input-card__image-item:hover .sku-input-card__image-overlay {
495
- opacity: 1;
496
- }
497
- .sku-input-card__image-action-btn {
498
- display: flex;
499
- align-items: center;
500
- justify-content: center;
501
- width: 32px;
502
- height: 32px;
503
- border: none;
504
- background: transparent;
505
- color: #fff;
506
- cursor: pointer;
507
- padding: 0;
508
- }
509
- .sku-input-card__image-action-btn svg {
510
- width: 32px;
511
- height: 32px;
512
- }
513
- .sku-input-card__add-btn {
514
- display: flex;
515
- align-items: center;
516
- justify-content: center;
517
- flex: 1;
518
- color: #333333;
519
- background: none;
520
- border: none;
521
- border-radius: 4px;
522
- cursor: pointer;
523
- }
524
- .sku-input-card__add-btn:hover {
525
- color: #333333;
526
- }
527
- .sku-input-card__upload-options {
528
- display: flex;
529
- align-items: center;
530
- justify-content: center;
531
- flex: 1;
532
- }
533
- .sku-input-card__upload-options-box {
534
- display: flex;
535
- flex-direction: column;
536
- background: #ffffff;
537
- border: 1px solid #e5e7eb;
538
- border-radius: 8px;
539
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
540
- overflow: hidden;
541
- }
542
- .sku-input-card__upload-opt-btn {
543
- display: flex;
544
- align-items: center;
545
- justify-content: center;
546
- width: 140px;
547
- height: 45px;
548
- padding: 0;
549
- background: none;
550
- border: none;
551
- cursor: pointer;
552
- font-size: 13px;
553
- color: #6b7280;
554
- transition: background 0.15s ease, color 0.15s ease;
555
- }
556
- .sku-input-card__upload-opt-btn:hover {
557
- background: #f3f4f6;
558
- color: #111827;
559
- }
560
- .sku-input-card__dropdown {
561
- position: absolute;
562
- top: calc(100% + 8px);
563
- left: 0;
564
- width: 100%;
565
- z-index: 100;
566
- }
567
- .sku-input-card__dropdown-list {
568
- background: #ffffff;
569
- border-radius: 6px;
570
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
571
- max-height: 216px;
572
- overflow-y: auto;
573
- padding-right: 4px;
574
- box-sizing: border-box;
575
- }
576
- .sku-input-card__dropdown-list::-webkit-scrollbar-track {
577
- margin: 4px 0;
578
- }
579
- .sku-input-card__dropdown-list::-webkit-scrollbar {
580
- width: 4px;
581
- }
582
- .sku-input-card__dropdown-list::-webkit-scrollbar-thumb {
583
- background-color: #DBDBDB;
584
- background-clip: padding-box;
585
- border: 1px solid transparent;
586
- border-radius: 2px / 2;
587
- }
588
- .sku-input-card__dropdown-item {
589
- height: 40px;
590
- display: flex;
591
- align-items: center;
592
- box-sizing: border-box;
593
- padding: 8px 12px;
594
- font-size: 13px;
595
- color: #333333;
596
- cursor: pointer;
597
- transition: background 0.15s ease;
598
- white-space: nowrap;
599
- overflow: hidden;
600
- text-overflow: ellipsis;
601
- border-radius: 6px;
602
- }
603
- .sku-input-card__dropdown-item:hover {
604
- background: #f5f5f5;
605
- border-radius: 6px;
606
- }
607
- .sku-input-card__dropdown-item--disabled {
608
- color: #999999;
609
- cursor: not-allowed;
610
- }
611
- .sku-input-card__dropdown-item--disabled:hover {
612
- background: transparent;
613
- }
614
- .sku-input-card__dropdown-item--selected {
615
- font-weight: 600;
616
- background: #f5f5f5;
617
- }
618
- .sku-input-card__dropdown-highlight {
619
- font-weight: 600;
620
- }
621
- .sku-input-card__loading {
622
- display: flex;
623
- align-items: center;
624
- justify-content: center;
625
- flex: 1;
626
- background: #f5f5f5;
627
- }
628
- .sku-input-card__loading-img {
629
- width: 48px;
630
- height: 48px;
631
- }
632
- @keyframes bu-input-spin {
633
- from {
634
- transform: rotate(0deg);
635
- }
636
- to {
637
- transform: rotate(360deg);
638
- }
639
- }
640
- @keyframes bu-input-shake {
641
- 0% {
642
- transform: translateX(0);
643
- }
644
- 20% {
645
- transform: translateX(-6px);
646
- }
647
- 40% {
648
- transform: translateX(6px);
649
- }
650
- 60% {
651
- transform: translateX(-4px);
652
- }
653
- 80% {
654
- transform: translateX(4px);
655
- }
656
- 100% {
657
- transform: translateX(0);
658
- }
659
- }
660
- .bu-input {
661
- box-sizing: border-box;
662
- display: flex;
663
- flex-direction: column;
664
- gap: 4px;
665
- }
666
- .bu-input * {
667
- box-sizing: border-box;
668
- }
669
- .bu-input__label {
670
- display: flex;
671
- align-items: center;
672
- gap: 2px;
673
- font-size: 13px;
674
- color: #333333;
675
- font-weight: 500;
676
- line-height: 1.5;
677
- }
678
- .bu-input__required {
679
- color: #ef4444;
680
- font-size: 13px;
681
- line-height: 1.5;
682
- }
683
- .bu-input__row {
684
- display: flex;
685
- align-items: stretch;
686
- }
687
- .bu-input__icon {
688
- display: flex;
689
- align-items: center;
690
- justify-content: center;
691
- flex-shrink: 0;
692
- min-width: 40px;
693
- background: #ffffff;
694
- border: 1px solid #ebebeb;
695
- color: #333333;
696
- box-sizing: border-box;
697
- }
698
- .bu-input__icon--left {
699
- border-right: none;
700
- border-radius: 6px 0 0 6px;
701
- }
702
- .bu-input__icon--right {
703
- border-left: none;
704
- border-radius: 0 6px 6px 0;
705
- }
706
- .bu-input__box {
707
- position: relative;
708
- flex: 1;
709
- background: #f5f5f5;
710
- border: 1px solid #ebebeb;
711
- border-radius: 6px;
712
- padding: 8px 12px;
713
- transition: border-color 0.2s ease;
714
- box-sizing: border-box;
715
- }
716
- .bu-input__box--error {
717
- border-width: 3px;
718
- border-color: #FDE6E9;
719
- padding: calc(8px - 2px) calc(12px - 2px);
720
- animation: bu-input-shake 0.4s ease;
721
- }
722
- .bu-input__box--error .bu-input__field::placeholder {
723
- color: #f87171;
724
- }
725
- .bu-input__box--disabled {
726
- background: #f0f0f0;
727
- cursor: not-allowed;
728
- }
729
- .bu-input__box--single {
730
- height: 40px;
731
- }
732
- .bu-input__box--number {
733
- padding-right: calc(12px + 24px);
734
- }
735
- .bu-input__box--number.bu-input__box--error {
736
- padding-right: calc(12px + 24px - 2px);
737
- }
738
- .bu-input__box--has-left {
739
- border-left: none;
740
- border-top-left-radius: 0;
741
- border-bottom-left-radius: 0;
742
- }
743
- .bu-input__box--has-right {
744
- border-right: none;
745
- border-top-right-radius: 0;
746
- border-bottom-right-radius: 0;
747
- }
748
- .bu-input__field {
749
- flex: 1;
750
- width: 100%;
751
- background: transparent;
752
- border: none;
753
- outline: none;
754
- padding: 0;
755
- font-size: 14px;
756
- color: #333333;
757
- line-height: 22px;
758
- appearance: none;
759
- -webkit-appearance: none;
760
- resize: none;
761
- box-sizing: border-box;
762
- }
763
- .bu-input__field::placeholder {
764
- color: #999999;
765
- }
766
- .bu-input__field:disabled {
767
- cursor: not-allowed;
768
- color: #999999;
769
- }
770
- .bu-input__field--input {
771
- height: 100%;
772
- }
773
- .bu-input__field--textarea {
774
- min-height: 80px;
775
- padding-bottom: 36px;
776
- }
777
- .bu-input__footer {
778
- position: absolute;
779
- right: 12px;
780
- top: 50%;
781
- transform: translateY(-50%);
782
- display: flex;
783
- align-items: center;
784
- gap: 10px;
785
- }
786
- .bu-input__footer--bottom {
787
- top: auto;
788
- transform: none;
789
- bottom: 8px;
790
- }
791
- .bu-input__count {
792
- font-size: 12px;
793
- color: #999999;
794
- line-height: 1;
795
- user-select: none;
796
- }
797
- .bu-input__translating {
798
- display: flex;
799
- align-items: center;
800
- gap: 4px;
801
- font-size: 12px;
802
- color: #999999;
803
- user-select: none;
804
- }
805
- .bu-input__translating-icon {
806
- width: 12px;
807
- height: 12px;
808
- flex-shrink: 0;
809
- animation: bu-input-spin 1s linear infinite;
810
- }
811
- .bu-input__translated {
812
- display: flex;
813
- align-items: center;
814
- gap: 4px;
815
- font-size: 12px;
816
- color: #16a34a;
817
- user-select: none;
818
- }
819
- .bu-input__translated svg {
820
- width: 14px;
821
- height: 14px;
822
- flex-shrink: 0;
823
- }
824
- .bu-input__lang-toggle {
825
- display: flex;
826
- align-items: center;
827
- gap: 2px;
828
- padding: 2px;
829
- border: 1px solid #e5e7eb;
830
- border-radius: 6px;
831
- background: #ffffff;
832
- }
833
- .bu-input__lang-btn {
834
- height: 22px;
835
- width: 44px;
836
- padding: 0;
837
- border-radius: 4px;
838
- font-size: 12px;
839
- font-weight: 500;
840
- cursor: pointer;
841
- border: none;
842
- background: transparent;
843
- color: #374151;
844
- line-height: 22px;
845
- text-align: center;
846
- }
847
- .bu-input__lang-btn--active {
848
- background: #1f2937;
849
- color: #ffffff;
850
- }
851
- .bu-input__stepper {
852
- position: absolute;
853
- right: 0;
854
- top: 0;
855
- bottom: 0;
856
- width: 24px;
857
- display: flex;
858
- flex-direction: column;
859
- align-items: center;
860
- justify-content: center;
861
- gap: 3.3px;
862
- box-sizing: border-box;
863
- }
864
- .bu-input__stepper-btn {
865
- display: flex;
866
- align-items: center;
867
- justify-content: center;
868
- border: none;
869
- background: transparent;
870
- cursor: pointer;
871
- color: #6b7280;
872
- padding: 0;
873
- line-height: 1;
874
- }
875
- .bu-input__stepper-btn:disabled {
876
- cursor: not-allowed;
877
- color: #ebebeb;
878
- }
879
- .bu-input__error-msg {
880
- display: flex;
881
- align-items: center;
882
- gap: 4px;
883
- font-size: 12px;
884
- color: #ef4444;
885
- line-height: 1.4;
886
- margin-top: 2px;
887
- }
888
- .bu-input__error-icon {
889
- flex-shrink: 0;
890
- width: 14px;
891
- height: 14px;
892
- }
893
- .bj-input {
894
- width: 100%;
895
- height: 40px;
896
- padding: 0 8px;
897
- color: #333333;
898
- font-family: 'SourceHanSansCN-Normal';
899
- font-size: 14px;
900
- line-height: 21px;
901
- background: #ffffff;
902
- border: 1px solid #ebebeb;
903
- border-radius: 8px;
904
- outline: none;
905
- }
906
- .bj-input::placeholder {
907
- color: #999999;
908
- }
909
- .bj-input--small {
910
- height: 32px;
911
- }
912
- .bj-input--large {
913
- height: 48px;
914
- }
915
- .bj-input--disabled {
916
- color: #999999;
917
- background: #f0f0f0;
918
- cursor: not-allowed;
919
- }
920
- .bj-input--borderless {
921
- border-color: transparent;
922
- }
923
- .bj-input--error {
924
- border-color: #ef4444;
925
- }
926
- .bj-input--warning {
927
- border-color: #f59e0b;
928
- }
929
- .bj-input__affix-wrapper {
930
- display: inline-flex;
931
- align-items: center;
932
- width: 100%;
933
- height: 40px;
934
- gap: 4px;
935
- padding: 0 8px;
936
- color: #333333;
937
- font-family: 'SourceHanSansCN-Normal';
938
- font-size: 14px;
939
- background: #ffffff;
940
- border: 1px solid #ebebeb;
941
- border-radius: 8px;
942
- }
943
- .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):hover,
944
- .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):focus-within {
945
- box-shadow: 0 0 0 1px #dbdbdb;
946
- }
947
- .bj-input__affix-wrapper--disabled {
948
- color: #999999;
949
- background: #f0f0f0;
950
- cursor: not-allowed;
951
- }
952
- .bj-input__affix-wrapper--small {
953
- height: 32px;
954
- }
955
- .bj-input__affix-wrapper--middle {
956
- padding-right: 4px;
957
- padding-left: 4px;
958
- }
959
- .bj-input__affix-wrapper--large {
960
- height: 48px;
961
- }
962
- .bj-input__affix-wrapper--error {
963
- border-color: #ef4444;
964
- }
965
- .bj-input__affix-wrapper--warning {
966
- border-color: #f59e0b;
967
- }
968
- .bj-input__affix-wrapper > .bj-input {
969
- height: auto;
970
- padding: 0;
971
- line-height: 21px;
972
- background: transparent;
973
- border: 0;
974
- }
975
- .bj-input__affix-wrapper > .bj-input:hover,
976
- .bj-input__affix-wrapper > .bj-input:focus {
977
- box-shadow: none;
978
- }
979
- .bj-input__prefix,
980
- .bj-input__suffix {
981
- display: flex;
982
- flex: none;
983
- align-items: center;
984
- color: #999999;
985
- }
986
- .bj-input__prefix .bu-icon,
987
- .bj-input__suffix .bu-icon {
988
- width: 20px;
989
- height: 20px;
990
- color: #999999;
991
- }
992
- .bj-input__clear-icon {
993
- padding: 0;
994
- color: #999999;
995
- font: inherit;
996
- background: transparent;
997
- border: 0;
998
- cursor: pointer;
999
- }
1000
- .bj-input__clear-icon:hover {
1001
- color: #6b7280;
1002
- }
1003
- .bj-input__clear-icon:active {
1004
- color: #333333;
1005
- }
1006
- .bj-input__clear-icon--hidden {
1007
- visibility: hidden;
1008
- }
1009
- .bj-input__group-wrapper {
1010
- display: inline-block;
1011
- width: 100%;
1012
- }
1013
- .bj-input__group {
1014
- display: flex;
1015
- width: 100%;
1016
- }
1017
- .bj-input__group > .bj-input,
1018
- .bj-input__group > .bj-input__affix-wrapper {
1019
- flex: 1;
1020
- min-width: 0;
1021
- border-radius: 0;
1022
- }
1023
- .bj-input__group-addon {
1024
- display: flex;
1025
- flex: none;
1026
- align-items: center;
1027
- padding: 0 12px;
1028
- color: #333333;
1029
- background: #f5f5f5;
1030
- border: 1px solid #ebebeb;
1031
- }
1032
- .bj-input__group-addon:first-child {
1033
- border-radius: 8px 0 0 8px;
1034
- }
1035
- .bj-input__group-addon:last-child {
1036
- border-radius: 0 8px 8px 0;
1037
- }
1038
- .bj-tabs {
1039
- display: flex;
1040
- width: 100%;
1041
- color: #333333;
1042
- font-family: 'SourceHanSansCN-Normal';
1043
- font-size: 14px;
1044
- }
1045
- .bj-tabs__nav {
1046
- position: relative;
1047
- display: flex;
1048
- flex: none;
1049
- align-items: center;
1050
- }
1051
- .bj-tabs__nav-wrap {
1052
- display: flex;
1053
- flex: auto;
1054
- align-self: stretch;
1055
- overflow: auto hidden;
1056
- white-space: nowrap;
1057
- }
1058
- .bj-tabs__nav-list {
1059
- position: relative;
1060
- display: flex;
1061
- gap: 32px;
1062
- }
1063
- .bj-tabs__tab {
1064
- position: relative;
1065
- display: inline-flex;
1066
- align-items: center;
1067
- height: 45px;
1068
- padding: 0 4px;
1069
- color: #666666;
1070
- font: inherit;
1071
- background: transparent;
1072
- border: 0;
1073
- outline: 0;
1074
- cursor: pointer;
1075
- }
1076
- .bj-tabs__tab--active {
1077
- color: #333;
1078
- }
1079
- .bj-tabs__tab--active .bj-tabs__tab-btn {
1080
- font-family: 'SourceHanSansCN-Medium';
1081
- }
1082
- .bj-tabs__tab--active .bj-tabs__tab-btn::after {
1083
- position: absolute;
1084
- right: 0;
1085
- bottom: 0;
1086
- left: 0;
1087
- height: 2px;
1088
- background: #333;
1089
- content: '';
1090
- pointer-events: none;
1091
- }
1092
- .bj-tabs__tab--disabled {
1093
- color: #999999;
1094
- cursor: not-allowed;
1095
- }
1096
- .bj-tabs__tab-btn {
1097
- position: relative;
1098
- display: inline-flex;
1099
- align-items: center;
1100
- height: 100%;
1101
- outline: none;
1102
- }
1103
- .bj-tabs__content-holder {
1104
- flex: auto;
1105
- min-width: 0;
1106
- min-height: 0;
1107
- }
1108
- .bj-tabs__content {
1109
- position: relative;
1110
- width: 100%;
1111
- }
1112
- .bj-tabs__tabpane {
1113
- display: none;
1114
- outline: none;
1115
- }
1116
- .bj-tabs__tabpane--active {
1117
- display: block;
1118
- }
1119
- .bj-tabs__sr-only {
1120
- position: absolute;
1121
- width: 1px;
1122
- height: 1px;
1123
- overflow: hidden;
1124
- clip: rect(0, 0, 0, 0);
1125
- }
1126
- .bj-tabs--top,
1127
- .bj-tabs--bottom {
1128
- flex-direction: column;
1129
- }
1130
- .bj-tabs--top > .bj-tabs__nav,
1131
- .bj-tabs--bottom > .bj-tabs__nav {
1132
- width: 100%;
1133
- border-bottom: 1px solid #ebebeb;
1134
- }
1135
- .bj-tabs--bottom > .bj-tabs__nav {
1136
- order: 1;
1137
- border-top: 1px solid #ebebeb;
1138
- border-bottom: 0;
1139
- }
1140
- .bj-tabs--bottom > .bj-tabs__content-holder {
1141
- order: 0;
1142
- }
1143
- .bj-tabs--left > .bj-tabs__nav,
1144
- .bj-tabs--right > .bj-tabs__nav {
1145
- flex-direction: column;
1146
- min-width: 48px;
1147
- }
1148
- .bj-tabs--left .bj-tabs__nav-wrap,
1149
- .bj-tabs--right .bj-tabs__nav-wrap {
1150
- overflow: hidden auto;
1151
- }
1152
- .bj-tabs--left .bj-tabs__nav-list,
1153
- .bj-tabs--right .bj-tabs__nav-list {
1154
- flex-direction: column;
1155
- }
1156
- .bj-tabs--left .bj-tabs__tab,
1157
- .bj-tabs--right .bj-tabs__tab {
1158
- justify-content: center;
1159
- }
1160
- .bj-tabs--left > .bj-tabs__nav {
1161
- border-right: 1px solid #ebebeb;
1162
- }
1163
- .bj-tabs--left > .bj-tabs__content-holder {
1164
- padding-left: 16px;
1165
- }
1166
- .bj-tabs--right > .bj-tabs__nav {
1167
- order: 1;
1168
- border-left: 1px solid #ebebeb;
1169
- }
1170
- .bj-tabs--right > .bj-tabs__content-holder {
1171
- order: 0;
1172
- padding-right: 16px;
1173
- }
1174
- .bj-tabs--centered > .bj-tabs__nav .bj-tabs__nav-wrap {
1175
- justify-content: center;
1176
- }
1177
- .bj-tabs--card > .bj-tabs__nav .bj-tabs__tab {
1178
- margin: 0;
1179
- background: #f5f5f5;
1180
- border: 1px solid #ebebeb;
1181
- }
1182
- .bj-tabs--card > .bj-tabs__nav .bj-tabs__tab--active {
1183
- background: #ffffff;
1184
- }
1185
- .bj-tabs--card .bj-tabs__tab--active .bj-tabs__tab-btn::after {
1186
- display: none;
1187
- }
1188
- .bj-tabs--card.bj-tabs--top > .bj-tabs__nav .bj-tabs__tab {
1189
- border-radius: 4px 4px 0 0;
1190
- }
1191
- .bj-tabs--card.bj-tabs--bottom > .bj-tabs__nav .bj-tabs__tab {
1192
- border-radius: 0 0 4px 4px;
1193
- }
1194
- .bj-tabs--card.bj-tabs--left > .bj-tabs__nav .bj-tabs__tab {
1195
- border-radius: 4px 0 0 4px;
1196
- }
1197
- .bj-tabs--card.bj-tabs--right > .bj-tabs__nav .bj-tabs__tab {
1198
- border-radius: 0 4px 4px 0;
1199
- }
1200
- @keyframes bu-eib-shake {
1201
- 0% {
1202
- transform: translateX(0);
1203
- }
1204
- 20% {
1205
- transform: translateX(-6px);
1206
- }
1207
- 40% {
1208
- transform: translateX(6px);
1209
- }
1210
- 60% {
1211
- transform: translateX(-4px);
1212
- }
1213
- 80% {
1214
- transform: translateX(4px);
1215
- }
1216
- 100% {
1217
- transform: translateX(0);
1218
- }
1219
- }
1220
- .bu-eib {
1221
- display: block;
1222
- }
1223
- .bu-eib__box {
1224
- position: relative;
1225
- display: block;
1226
- height: 40px;
1227
- background: #f5f5f5;
1228
- border: 1px solid #ebebeb;
1229
- border-radius: 6px;
1230
- padding: 0 12px;
1231
- box-sizing: border-box;
1232
- transition: border-color 0.2s ease;
1233
- }
1234
- .bu-eib__box--actions-delete {
1235
- padding-right: calc(8px + 24px + 8px);
1236
- }
1237
- .bu-eib__box--actions-toggle {
1238
- padding-right: calc(8px + 98px + 8px);
1239
- }
1240
- .bu-eib__box--actions-both {
1241
- padding-right: calc(8px + 98px + 4px + 24px + 8px);
1242
- }
1243
- .bu-eib__box--error {
1244
- border-width: 3px;
1245
- border-color: #FDE6E9;
1246
- padding-left: calc(12px - 2px);
1247
- padding-top: 0;
1248
- padding-bottom: 0;
1249
- animation: bu-eib-shake 0.4s ease;
1250
- }
1251
- .bu-eib__box--error.bu-eib__box--actions-delete {
1252
- padding-right: calc(8px + 24px + 8px - 2px);
1253
- }
1254
- .bu-eib__box--error.bu-eib__box--actions-toggle {
1255
- padding-right: calc(8px + 98px + 8px - 2px);
1256
- }
1257
- .bu-eib__box--error.bu-eib__box--actions-both {
1258
- padding-right: calc(8px + 98px + 4px + 24px + 8px - 2px);
1259
- }
1260
- .bu-eib__box--error .bu-eib__field::placeholder {
1261
- color: #f87171;
1262
- }
1263
- .bu-eib__box--disabled {
1264
- background: #f0f0f0;
1265
- cursor: not-allowed;
1266
- }
1267
- .bu-eib__field {
1268
- display: block;
1269
- width: 100%;
1270
- height: 100%;
1271
- background: transparent;
1272
- border: none;
1273
- outline: none;
1274
- padding: 0;
1275
- font-size: 14px;
1276
- color: #333333;
1277
- line-height: 40px;
1278
- appearance: none;
1279
- -webkit-appearance: none;
1280
- box-sizing: border-box;
1281
- }
1282
- .bu-eib__field::placeholder {
1283
- color: #999999;
1284
- }
1285
- .bu-eib__field:disabled {
1286
- cursor: not-allowed;
1287
- color: #999999;
1288
- }
1289
- .bu-eib__actions {
1290
- position: absolute;
1291
- right: 8px;
1292
- top: 50%;
1293
- transform: translateY(-50%);
1294
- display: flex;
1295
- align-items: center;
1296
- gap: 4px;
1297
- }
1298
- .bu-eib__lang-toggle {
1299
- display: flex;
1300
- align-items: center;
1301
- flex-shrink: 0;
1302
- gap: 2px;
1303
- padding: 2px;
1304
- border: 1px solid #e5e7eb;
1305
- border-radius: 6px;
1306
- background: #ffffff;
1307
- }
1308
- .bu-eib__lang-btn {
1309
- height: 22px;
1310
- width: 44px;
1311
- padding: 0;
1312
- border-radius: 4px;
1313
- font-size: 12px;
1314
- font-weight: 500;
1315
- cursor: pointer;
1316
- border: none;
1317
- background: transparent;
1318
- color: #374151;
1319
- line-height: 22px;
1320
- text-align: center;
1321
- }
1322
- .bu-eib__lang-btn--active {
1323
- background: #1f2937;
1324
- color: #ffffff;
1325
- }
1326
- .bu-eib__delete {
1327
- flex-shrink: 0;
1328
- display: flex;
1329
- align-items: center;
1330
- justify-content: center;
1331
- width: 24px;
1332
- height: 24px;
1333
- padding: 0;
1334
- border: none;
1335
- background: transparent;
1336
- cursor: pointer;
1337
- color: #333333;
1338
- border-radius: 4px;
1339
- }
1340
- .bu-eib__delete:hover {
1341
- background: #f3f4f6;
1342
- }
1343
- @keyframes bu-modal-fade-in {
1344
- from {
1345
- opacity: 0;
1346
- }
1347
- to {
1348
- opacity: 1;
1349
- }
1350
- }
1351
- @keyframes bu-modal-slide-in {
1352
- from {
1353
- opacity: 0;
1354
- transform: translateY(-12px) scale(0.98);
1355
- }
1356
- to {
1357
- opacity: 1;
1358
- transform: translateY(0) scale(1);
1359
- }
1360
- }
1361
- .bu-modal__overlay {
1362
- position: fixed;
1363
- inset: 0;
1364
- background: rgba(0, 0, 0, 0.4);
1365
- display: flex;
1366
- align-items: center;
1367
- justify-content: center;
1368
- z-index: 1000;
1369
- animation: bu-modal-fade-in 0.18s ease;
1370
- }
1371
- .bu-modal__container {
1372
- background: #ffffff;
1373
- border-radius: 12px;
1374
- box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
1375
- width: 480px;
1376
- min-width: 320px;
1377
- max-width: calc(100vw - 32px);
1378
- display: flex;
1379
- flex-direction: column;
1380
- animation: bu-modal-slide-in 0.2s ease;
1381
- overflow: hidden;
1382
- }
1383
- .bu-modal__header {
1384
- display: flex;
1385
- align-items: center;
1386
- height: 64px;
1387
- padding: 0 20px;
1388
- flex-shrink: 0;
1389
- gap: 8px;
1390
- }
1391
- .bu-modal__title {
1392
- flex: 1;
1393
- font-size: 15px;
1394
- font-weight: 500;
1395
- color: #111827;
1396
- line-height: 1.4;
1397
- margin: 0;
1398
- }
1399
- .bu-modal__lang-toggle {
1400
- display: flex;
1401
- align-items: center;
1402
- flex-shrink: 0;
1403
- gap: 2px;
1404
- padding: 2px;
1405
- border: 1px solid #e5e7eb;
1406
- border-radius: 6px;
1407
- background: #ffffff;
1408
- }
1409
- .bu-modal__lang-btn {
1410
- height: 22px;
1411
- width: 40px;
1412
- padding: 0;
1413
- border-radius: 4px;
1414
- font-size: 12px;
1415
- font-weight: 500;
1416
- cursor: pointer;
1417
- border: none;
1418
- background: transparent;
1419
- color: #374151;
1420
- line-height: 22px;
1421
- text-align: center;
1422
- transition: background 0.15s ease, color 0.15s ease;
1423
- }
1424
- .bu-modal__lang-btn--active {
1425
- background: #1f2937;
1426
- color: #ffffff;
1427
- }
1428
- .bu-modal__close {
1429
- flex-shrink: 0;
1430
- display: flex;
1431
- align-items: center;
1432
- justify-content: center;
1433
- width: 32px;
1434
- height: 32px;
1435
- padding: 0;
1436
- border: none;
1437
- background: transparent;
1438
- cursor: pointer;
1439
- color: #333;
1440
- border-radius: 100px;
1441
- font-size: 20px;
1442
- line-height: 1;
1443
- transition: background 0.15s ease, color 0.15s ease;
1444
- }
1445
- .bu-modal__close svg {
1446
- width: 24px;
1447
- height: 24px;
1448
- }
1449
- .bu-modal__close:hover {
1450
- background: #f3f4f6;
1451
- color: #333333;
1452
- }
1453
- .bu-modal__body {
1454
- flex: 1;
1455
- padding: 0 20px;
1456
- min-height: 63px;
1457
- color: #333333;
1458
- font-size: 14px;
1459
- line-height: 1.6;
1460
- }
1461
- .bu-modal__footer {
1462
- display: flex;
1463
- flex-direction: column;
1464
- align-items: center;
1465
- padding: 60px 20px 24px;
1466
- gap: 10px;
1467
- }
1468
- .bu-modal__hint {
1469
- font-size: 12px;
1470
- color: #999999;
1471
- line-height: 1.5;
1472
- text-align: center;
1473
- margin: 0;
1474
- }
1475
- .bu-modal__btn-row {
1476
- display: flex;
1477
- align-items: center;
1478
- justify-content: center;
1479
- gap: 32px;
1480
- }
1481
- .bu-modal__btn-cancel {
1482
- height: 34px;
1483
- padding: 0 8px;
1484
- min-width: 88px;
1485
- border: none;
1486
- border-radius: 6px;
1487
- background: transparent;
1488
- color: #374151;
1489
- font-size: 14px;
1490
- font-weight: 400;
1491
- cursor: pointer;
1492
- line-height: 34px;
1493
- }
1494
- .bu-modal__btn-ok {
1495
- height: 34px;
1496
- min-width: 88px;
1497
- padding: 0 8px;
1498
- border: none;
1499
- border-radius: 6px;
1500
- background: #333;
1501
- color: #ffffff;
1502
- font-size: 14px;
1503
- font-weight: 500;
1504
- cursor: pointer;
1505
- line-height: 34px;
1506
- display: inline-flex;
1507
- align-items: center;
1508
- justify-content: center;
1509
- gap: 4px;
1510
- transition: opacity 0.15s ease;
1511
- }
1512
- .bu-modal__btn-ok--loading {
1513
- opacity: 0.65;
1514
- cursor: not-allowed;
1515
- }
1516
- .bu-modal__btn-ok:disabled {
1517
- cursor: not-allowed;
1518
- }
1519
- .bu-modal__btn-ok-spinner {
1520
- display: inline-block;
1521
- width: 14px;
1522
- height: 14px;
1523
- border: 2px solid #ffffff;
1524
- border-right-color: transparent;
1525
- border-radius: 50%;
1526
- animation: bu-modal-spin 0.6s linear infinite;
1527
- flex-shrink: 0;
1528
- }
1529
- @keyframes bu-modal-spin {
1530
- from {
1531
- transform: rotate(0deg);
1532
- }
1533
- to {
1534
- transform: rotate(360deg);
1535
- }
1536
- }
1537
- html {
1538
- /* Handle */
1539
- }
1540
- html ::-webkit-scrollbar-button {
1541
- display: none;
1542
- height: 0;
1543
- width: 0;
1544
- }
1545
- html ::-webkit-scrollbar-track {
1546
- -webkit-border-radius: 10px;
1547
- border-radius: 10px;
1548
- }
1549
- html ::-webkit-scrollbar-thumb {
1550
- -webkit-border-radius: 10px;
1551
- border-radius: 50px;
1552
- -webkit-box-shadow: inset 0 0 6px #E2E2E2;
1553
- }
1554
- .bu-pf {
1555
- position: relative;
1556
- display: block;
1557
- user-select: none;
1558
- /* 隐藏整个滚动条的按钮(即上下箭头) */
1559
- }
1560
- .bu-pf ::-webkit-scrollbar-button {
1561
- display: none;
1562
- height: 0;
1563
- width: 0;
1564
- }
1565
- .bu-pf__trigger {
1566
- display: flex;
1567
- align-items: flex-start;
1568
- min-height: 40px;
1569
- padding: 6px 8px 6px 12px;
1570
- background: #f5f5f5;
1571
- border: 1px solid #ebebeb;
1572
- border-radius: 6px;
1573
- cursor: pointer;
1574
- gap: 8px;
1575
- box-sizing: border-box;
1576
- overflow: hidden;
1577
- }
1578
- .bu-pf__trigger--selected {
1579
- background: #f5f5f5;
1580
- border-color: #f5f5f5;
1581
- }
1582
- .bu-pf__trigger-tags {
1583
- flex: 1;
1584
- display: flex;
1585
- flex-wrap: wrap;
1586
- gap: 8px;
1587
- align-items: flex-start;
1588
- align-content: flex-start;
1589
- max-height: 94px;
1590
- overflow-y: auto;
1591
- overflow-x: hidden;
1592
- padding-right: 4px;
1593
- }
1594
- .bu-pf__trigger-tags::-webkit-scrollbar {
1595
- width: 4px;
1596
- }
1597
- .bu-pf__trigger-tags::-webkit-scrollbar-track {
1598
- background: transparent;
1599
- }
1600
- .bu-pf__trigger-tags::-webkit-scrollbar-thumb {
1601
- background: #ebebeb;
1602
- border-radius: 2px;
1603
- }
1604
- .bu-pf__trigger-tags::-webkit-scrollbar-button {
1605
- display: none;
1606
- height: 0;
1607
- width: 0;
1608
- }
1609
- .bu-pf__placeholder {
1610
- flex: 1;
1611
- align-self: center;
1612
- font-size: 14px;
1613
- color: #999999;
1614
- line-height: 1;
1615
- }
1616
- .bu-pf__arrow {
1617
- flex-shrink: 0;
1618
- align-self: center;
1619
- color: #999999;
1620
- display: flex;
1621
- align-items: center;
1622
- transition: transform 0.2s ease;
1623
- }
1624
- .bu-pf__arrow--open {
1625
- transform: rotate(180deg);
1626
- }
1627
- .bu-pf__panel {
1628
- border-radius: 6px;
1629
- background: #f5f5f5;
1630
- }
1631
- .bu-pf__dropdown {
1632
- background: #ffffff;
1633
- border: 1px solid #e5e7eb;
1634
- border-radius: 6px;
1635
- box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
1636
- overflow: hidden;
1637
- }
1638
- .bu-pf__header {
1639
- display: flex;
1640
- align-items: center;
1641
- padding: 6px 8px 6px 12px;
1642
- min-height: 40px;
1643
- box-sizing: border-box;
1644
- gap: 8px;
1645
- overflow: hidden;
1646
- background: #f5f5f5;
1647
- border-radius: 8px;
1648
- border: 1px solid #DBDBDB;
1649
- }
1650
- .bu-pf__tags {
1651
- flex: 1;
1652
- display: flex;
1653
- flex-wrap: wrap;
1654
- gap: 8px;
1655
- align-items: flex-start;
1656
- align-content: flex-start;
1657
- max-height: 94px;
1658
- overflow-y: auto;
1659
- overflow-x: hidden;
1660
- padding-right: 4px;
1661
- }
1662
- .bu-pf__tags::-webkit-scrollbar {
1663
- width: 4px;
1664
- }
1665
- .bu-pf__tags::-webkit-scrollbar-track {
1666
- background: transparent;
1667
- }
1668
- .bu-pf__tags::-webkit-scrollbar-thumb {
1669
- background: #ebebeb;
1670
- border-radius: 2px;
1671
- }
1672
- .bu-pf__tags::-webkit-scrollbar-button {
1673
- display: none;
1674
- height: 0;
1675
- width: 0;
1676
- }
1677
- .bu-pf__placeholder-inline {
1678
- font-size: 14px;
1679
- color: #999999;
1680
- line-height: 26px;
1681
- }
1682
- .bu-pf__tag {
1683
- display: inline-flex;
1684
- align-items: center;
1685
- height: 26px;
1686
- padding: 0 6px 0 8px;
1687
- background: #f5f5f5;
1688
- border: 1px solid #e5e7eb;
1689
- border-radius: 4px;
1690
- gap: 4px;
1691
- cursor: default;
1692
- min-width: 250px;
1693
- }
1694
- .bu-pf__tag--single {
1695
- width: 100%;
1696
- border: none;
1697
- border-radius: 0;
1698
- background: transparent;
1699
- padding: 0;
1700
- min-width: 0;
1701
- }
1702
- .bu-pf__tag-text {
1703
- font-size: 13px;
1704
- color: #333333;
1705
- line-height: 1;
1706
- white-space: nowrap;
1707
- }
1708
- .bu-pf__tag-close {
1709
- display: flex;
1710
- align-items: center;
1711
- justify-content: center;
1712
- width: 20px;
1713
- height: 20px;
1714
- padding: 0;
1715
- border: none;
1716
- background: #99999973 !important;
1717
- cursor: pointer;
1718
- color: #ffffff;
1719
- flex-shrink: 0;
1720
- border-radius: 9999px;
1721
- margin-left: auto;
1722
- }
1723
- .bu-pf__tag-close svg {
1724
- width: 16px;
1725
- height: 16px;
1726
- }
1727
- .bu-pf__close {
1728
- flex-shrink: 0;
1729
- align-self: center;
1730
- display: flex;
1731
- align-items: center;
1732
- justify-content: center;
1733
- width: 24px;
1734
- height: 24px;
1735
- padding: 0;
1736
- border: none;
1737
- background: transparent !important;
1738
- cursor: pointer;
1739
- color: #999999;
1740
- border-radius: 9999px;
1741
- transform: rotate(180deg);
1742
- }
1743
- .bu-pf__close:hover {
1744
- background: transparent !important;
1745
- color: #333333;
1746
- }
1747
- .bu-pf__toolbar {
1748
- display: flex;
1749
- align-items: center;
1750
- gap: 8px;
1751
- padding: 12px 12px 16px;
1752
- }
1753
- .bu-pf__search {
1754
- flex: 1;
1755
- display: flex;
1756
- align-items: center;
1757
- gap: 6px;
1758
- height: 40px;
1759
- padding: 0 10px;
1760
- background: #ffffff;
1761
- border: 1px solid #ebebeb;
1762
- border-radius: 8px;
1763
- }
1764
- .bu-pf__search-icon {
1765
- flex-shrink: 0;
1766
- color: #999999;
1767
- display: flex;
1768
- align-items: center;
1769
- }
1770
- .bu-pf__search-input {
1771
- flex: 1;
1772
- border: none;
1773
- background: transparent;
1774
- outline: none;
1775
- font-size: 13px;
1776
- color: #333333;
1777
- line-height: 1;
1778
- min-width: 0;
1779
- }
1780
- .bu-pf__search-input::placeholder {
1781
- color: #c4c4c4;
1782
- }
1783
- .bu-pf__sort-wrap {
1784
- position: relative;
1785
- flex-shrink: 0;
1786
- }
1787
- .bu-pf__sort-btn {
1788
- display: flex;
1789
- align-items: center;
1790
- justify-content: center;
1791
- width: 40px;
1792
- height: 40px;
1793
- border-radius: 4px;
1794
- background: #f5f5f5;
1795
- cursor: pointer;
1796
- color: #999999;
1797
- }
1798
- .bu-pf__sort-dropdown {
1799
- position: absolute;
1800
- top: calc(100% + 4px);
1801
- right: 0;
1802
- min-width: 100px;
1803
- background: #ffffff;
1804
- border-radius: 6px;
1805
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
1806
- z-index: 1000;
1807
- overflow: hidden;
1808
- }
1809
- .bu-pf__sort-option {
1810
- padding: 10px 16px;
1811
- font-size: 13px;
1812
- color: #333333;
1813
- cursor: pointer;
1814
- white-space: nowrap;
1815
- text-align: center;
1816
- }
1817
- .bu-pf__sort-option:hover {
1818
- background: #f5f5f5;
1819
- }
1820
- .bu-pf__sort-option--active {
1821
- background: #f5f5f5;
1822
- font-weight: 500;
1823
- }
1824
- .bu-pf__no-match {
1825
- display: flex;
1826
- flex-direction: column;
1827
- align-items: center;
1828
- justify-content: center;
1829
- padding: 0px 0 24px;
1830
- }
1831
- .bu-pf__no-match-img {
1832
- width: 80px;
1833
- height: 80px;
1834
- object-fit: contain;
1835
- }
1836
- .bu-pf__no-match-text {
1837
- font-size: 14px;
1838
- color: #999999;
1839
- margin: 0 0 4px;
1840
- font-weight: 350;
1841
- }
1842
- .bu-pf__no-match-hint {
1843
- font-size: 12px;
1844
- color: #999999;
1845
- margin: 0;
1846
- }
1847
- .bu-pf__manage-btn {
1848
- display: inline;
1849
- border: none;
1850
- background: transparent;
1851
- padding: 0;
1852
- font-size: 12px;
1853
- font-weight: 600;
1854
- color: #333333;
1855
- cursor: pointer;
1856
- }
1857
- .bu-pf__list {
1858
- max-height: 300px;
1859
- overflow-y: auto;
1860
- margin-bottom: 8px;
1861
- width: calc(100% - 12px);
1862
- display: flex;
1863
- flex-direction: column;
1864
- gap: 12px;
1865
- }
1866
- .bu-pf__list::-webkit-scrollbar {
1867
- width: 4px;
1868
- }
1869
- .bu-pf__list::-webkit-scrollbar-button {
1870
- height: 0;
1871
- width: 0;
1872
- }
1873
- .bu-pf__list::-webkit-scrollbar-track {
1874
- background: transparent;
1875
- }
1876
- .bu-pf__list::-webkit-scrollbar-thumb {
1877
- border-radius: 2px;
1878
- }
1879
- .bu-pf__option {
1880
- display: flex;
1881
- align-items: center;
1882
- height: 40px;
1883
- flex-shrink: 0;
1884
- padding: 0 12px;
1885
- gap: 10px;
1886
- cursor: pointer;
1887
- }
1888
- .bu-pf__option:not(.bu-pf__option--multiple):hover {
1889
- background: #f3f4f6;
1890
- }
1891
- .bu-pf__option--selected {
1892
- background: #f3f4f6;
1893
- }
1894
- .bu-pf__checkbox-img {
1895
- flex-shrink: 0;
1896
- width: 16px;
1897
- height: 16px;
1898
- display: block;
1899
- }
1900
- .bu-pf__option-label {
1901
- flex: 1;
1902
- font-size: 14px;
1903
- color: #333333;
1904
- line-height: 1;
1905
- }
1906
- .bu-pf__add-row {
1907
- border-top: 1px solid #f3f4f6;
1908
- cursor: pointer;
1909
- }
1910
- .bu-category-dropdown {
1911
- position: relative;
1912
- display: inline-block;
1913
- min-width: 110px;
1914
- max-width: 300px;
1915
- }
1916
- .bu-category-dropdown__trigger {
1917
- display: flex;
1918
- align-items: center;
1919
- gap: 8px;
1920
- height: 40px;
1921
- min-width: 110px;
1922
- max-width: 300px;
1923
- padding: 0 8px;
1924
- background: #ffffff;
1925
- border: 1px solid #ebebeb;
1926
- border-radius: 8px;
1927
- cursor: pointer;
1928
- box-sizing: border-box;
1929
- transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
1930
- text-align: left;
1931
- }
1932
- .bu-category-dropdown__trigger:hover:not(:disabled) {
1933
- border-color: #ebebeb;
1934
- box-shadow: inset 0 0 0 2px #ebebeb;
1935
- }
1936
- .bu-category-dropdown__trigger--open {
1937
- border-color: #ebebeb;
1938
- background: #f5f5f5;
1939
- box-shadow: inset 0 0 0 2px #ebebeb;
1940
- }
1941
- .bu-category-dropdown__trigger--has-value {
1942
- background: #f5f5f5;
1943
- }
1944
- .bu-category-dropdown__trigger:disabled {
1945
- background: #f0f0f0;
1946
- cursor: not-allowed;
1947
- }
1948
- .bu-category-dropdown__trigger-label {
1949
- display: block;
1950
- width: 100%;
1951
- font-size: 14px;
1952
- line-height: 21px;
1953
- color: #333333;
1954
- white-space: nowrap;
1955
- overflow: hidden;
1956
- text-overflow: ellipsis;
1957
- }
1958
- .bu-category-dropdown__trigger-label--placeholder {
1959
- color: #999999;
1960
- }
1961
- .bu-category-dropdown__trigger-chevron {
1962
- display: flex;
1963
- align-items: center;
1964
- justify-content: center;
1965
- flex-shrink: 0;
1966
- width: 16px;
1967
- height: 16px;
1968
- color: #6b7280;
1969
- transition: transform 0.2s ease;
1970
- }
1971
- .bu-category-dropdown__trigger-chevron--open {
1972
- transform: rotate(180deg);
1973
- }
1974
- .bu-category-dropdown__portal {
1975
- background: #ffffff;
1976
- border-radius: 8px;
1977
- padding: 4px;
1978
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
1979
- border: 1px solid #ebebeb;
1980
- z-index: 1100;
1981
- }
1982
- .bu-category-dropdown__panel {
1983
- display: flex;
1984
- align-items: stretch;
1985
- }
1986
- .bu-category-dropdown__divider {
1987
- width: 1px;
1988
- flex-shrink: 0;
1989
- background: #ebebeb;
1990
- align-self: stretch;
1991
- }
1992
- .bu-category-dropdown__col {
1993
- display: flex;
1994
- flex-direction: column;
1995
- align-items: stretch;
1996
- flex-shrink: 0;
1997
- gap: 2px;
1998
- padding: 0 8px 0 0;
1999
- overflow-x: hidden;
2000
- }
2001
- .bu-category-dropdown__col--indent {
2002
- padding-left: 8px;
2003
- }
2004
- .bu-category-dropdown__col--last {
2005
- padding-right: 0;
2006
- }
2007
- .bu-category-dropdown__col--scrollable {
2008
- max-height: 250px;
2009
- overflow-y: auto;
2010
- overflow-x: hidden;
2011
- padding-right: 4px;
2012
- }
2013
- .bu-category-dropdown__col--scrollable::-webkit-scrollbar {
2014
- width: 3px;
2015
- height: 3px;
2016
- background-color: transparent;
2017
- }
2018
- .bu-category-dropdown__col--scrollable::-webkit-scrollbar-button {
2019
- display: none;
2020
- height: 0;
2021
- width: 0;
2022
- background: transparent;
2023
- }
2024
- .bu-category-dropdown__col--scrollable::-webkit-scrollbar-track {
2025
- background-color: transparent;
2026
- box-shadow: inset 0 0 6px transparent;
2027
- border-radius: 9999px;
2028
- }
2029
- .bu-category-dropdown__col--scrollable::-webkit-scrollbar-thumb {
2030
- background-color: transparent;
2031
- box-shadow: inset 0 0 6px transparent;
2032
- border-radius: 9999px;
2033
- }
2034
- .bu-category-dropdown__col--scrollable.bu-category-dropdown__col--scrollbar-visible::-webkit-scrollbar-thumb {
2035
- background-color: #b3b3b3;
2036
- }
2037
- .bu-category-dropdown__item {
2038
- display: flex;
2039
- align-items: center;
2040
- gap: 8px;
2041
- height: 40px;
2042
- min-width: 110px;
2043
- max-width: 300px;
2044
- padding: 0 8px;
2045
- border: none;
2046
- border-radius: 8px;
2047
- background: #ffffff;
2048
- cursor: pointer;
2049
- box-sizing: border-box;
2050
- transition: background 0.15s ease;
2051
- text-align: left;
2052
- flex-shrink: 0;
2053
- }
2054
- .bu-category-dropdown__item:hover:not(:disabled) {
2055
- background: #f5f5f5;
2056
- }
2057
- .bu-category-dropdown__item--selected-branch {
2058
- background: #f5f5f5;
2059
- }
2060
- .bu-category-dropdown__item--selected-leaf {
2061
- background: #f5f5f5;
2062
- }
2063
- .bu-category-dropdown__item--disabled {
2064
- cursor: not-allowed;
2065
- opacity: 0.45;
2066
- }
2067
- .bu-category-dropdown__item-label {
2068
- display: block;
2069
- width: 100%;
2070
- font-size: 14px;
2071
- line-height: 21px;
2072
- color: #333333;
2073
- white-space: nowrap;
2074
- overflow: hidden;
2075
- text-overflow: ellipsis;
2076
- }
2077
- .bu-category-dropdown__item-arrow {
2078
- display: flex;
2079
- align-items: center;
2080
- justify-content: center;
2081
- flex-shrink: 0;
2082
- width: 24px;
2083
- height: 24px;
2084
- color: #6b7280;
2085
- }
2086
- .bu-category-dropdown__tooltip.tooltip-popup {
2087
- border: none;
2088
- }
2089
- .bu-category-dropdown__tooltip.tooltip-popup .tooltip-arrow {
2090
- border: none;
2091
- }
2092
- .pagination {
2093
- display: flex;
2094
- align-items: center;
2095
- gap: 16px;
2096
- font-family: 'SourceHanSansCN-Normal';
2097
- font-size: 14px;
2098
- line-height: 21px;
2099
- color: #111827;
2100
- user-select: none;
2101
- }
2102
- .pagination.pagination-start {
2103
- justify-content: flex-start;
2104
- }
2105
- .pagination.pagination-center {
2106
- justify-content: center;
2107
- }
2108
- .pagination.pagination-end {
2109
- justify-content: flex-end;
2110
- }
2111
- .pagination.pagination-small .pagination-item {
2112
- min-width: 24px;
2113
- height: 24px;
2114
- padding: 0 6px;
2115
- font-size: inherit;
2116
- }
2117
- .pagination.pagination-small .pagination-prev,
2118
- .pagination.pagination-small .pagination-next {
2119
- width: 24px;
2120
- min-width: 24px;
2121
- height: 24px;
2122
- padding: 0;
2123
- }
2124
- .pagination.pagination-medium .pagination-item {
2125
- min-width: 32px;
2126
- height: 32px;
2127
- padding: 0 8px;
2128
- font-size: inherit;
2129
- }
2130
- .pagination.pagination-large .pagination-item {
2131
- min-width: 40px;
2132
- height: 40px;
2133
- padding: 0 10px;
2134
- font-size: inherit;
2135
- }
2136
- .pagination.pagination-disabled {
2137
- opacity: 0.5;
2138
- pointer-events: none;
2139
- }
2140
- .pagination .pagination-total {
2141
- color: #111827;
2142
- }
2143
- .pagination .pagination-list {
2144
- display: flex;
2145
- align-items: center;
2146
- gap: 4px;
2147
- }
2148
- .pagination .pagination-item {
2149
- display: inline-flex;
2150
- align-items: center;
2151
- justify-content: center;
2152
- border: 1px solid transparent;
2153
- border-radius: 4px;
2154
- background: transparent;
2155
- color: #111827;
2156
- cursor: pointer;
2157
- transition: all 0.2s;
2158
- outline: none;
2159
- }
2160
- .pagination .pagination-item:disabled {
2161
- cursor: not-allowed;
2162
- opacity: 0.5;
2163
- }
2164
- .pagination .pagination-item.pagination-item-active {
2165
- background: #f5f5f5;
2166
- color: #111827;
2167
- }
2168
- .pagination .pagination-item.pagination-ellipsis {
2169
- cursor: default;
2170
- pointer-events: none;
2171
- }
2172
- .pagination .pagination-item.pagination-prev svg,
2173
- .pagination .pagination-item.pagination-next svg {
2174
- display: block;
2175
- }
2176
- .pagination .pagination-item.pagination-prev:not(:disabled),
2177
- .pagination .pagination-item.pagination-next:not(:disabled) {
2178
- background: #ffffff;
2179
- border-radius: 4px;
2180
- }
2181
- .pagination .pagination-sizer {
2182
- display: flex;
2183
- align-items: center;
2184
- position: relative;
2185
- }
2186
- .pagination .pagination-sizer .pagination-sizer-select {
2187
- display: inline-flex;
2188
- align-items: center;
2189
- position: relative;
2190
- min-width: 100px;
2191
- height: 32px;
2192
- box-sizing: border-box;
2193
- padding: 4px 28px 4px 8px;
2194
- border: 1px solid #ebebeb;
2195
- border-radius: 8px;
2196
- background: transparent;
2197
- color: #111827;
2198
- font-family: inherit;
2199
- font-size: inherit;
2200
- line-height: inherit;
2201
- cursor: pointer;
2202
- outline: none;
2203
- transition: all 0.2s;
2204
- text-align: left;
2205
- white-space: nowrap;
2206
- }
2207
- .pagination .pagination-sizer .pagination-sizer-select:disabled {
2208
- cursor: not-allowed;
2209
- opacity: 0.5;
2210
- }
2211
- .pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon {
2212
- position: absolute;
2213
- top: 50%;
2214
- right: 4px;
2215
- pointer-events: none;
2216
- transform: translateY(-50%);
2217
- transition: transform 0.2s;
2218
- }
2219
- .pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon.pagination-sizer-icon-open {
2220
- transform: translateY(-50%) rotate(180deg);
2221
- }
2222
- .pagination .pagination-jumper {
2223
- display: flex;
2224
- align-items: center;
2225
- gap: 4px;
2226
- }
2227
- .pagination .pagination-jumper .pagination-jumper-input {
2228
- width: 56px;
2229
- height: 32px;
2230
- box-sizing: border-box;
2231
- padding: 4px 8px;
2232
- border: 1px solid #ebebeb;
2233
- border-radius: 8px;
2234
- background: transparent;
2235
- color: #111827;
2236
- font-family: inherit;
2237
- font-size: inherit;
2238
- line-height: inherit;
2239
- text-align: center;
2240
- outline: none;
2241
- transition: border-color 0.2s;
2242
- }
2243
- .pagination .pagination-jumper .pagination-jumper-input:disabled {
2244
- cursor: not-allowed;
2245
- opacity: 0.5;
2246
- }
2247
- .pagination .pagination-jumper .pagination-jumper-input::-webkit-inner-spin-button,
2248
- .pagination .pagination-jumper .pagination-jumper-input::-webkit-outer-spin-button {
2249
- -webkit-appearance: none;
2250
- margin: 0;
2251
- }
2252
- .pagination .pagination-jumper .pagination-jumper-input::-moz-inner-spin-button,
2253
- .pagination .pagination-jumper .pagination-jumper-input::-moz-outer-spin-button {
2254
- -moz-appearance: none;
2255
- margin: 0;
2256
- }
2257
- .pagination.pagination-simple {
2258
- display: inline-block;
2259
- }
2260
- .pagination.pagination-simple .pagination-simple-list {
2261
- display: inline-flex;
2262
- align-items: center;
2263
- justify-content: center;
2264
- background: #f5f5f5;
2265
- border-radius: 8px;
2266
- padding: 0;
2267
- gap: 8px;
2268
- }
2269
- .pagination.pagination-simple .pagination-simple-item {
2270
- display: flex;
2271
- align-items: center;
2272
- justify-content: center;
2273
- width: 24px;
2274
- height: 24px;
2275
- border: none;
2276
- background: transparent;
2277
- color: #111827;
2278
- cursor: pointer;
2279
- transition: all 0.2s;
2280
- outline: none;
2281
- }
2282
- .pagination.pagination-simple .pagination-simple-item:disabled {
2283
- cursor: not-allowed;
2284
- opacity: 0.5;
2285
- }
2286
- .pagination.pagination-simple .pagination-simple-item svg {
2287
- display: block;
2288
- }
2289
- .pagination.pagination-simple .pagination-simple-text {
2290
- color: #111827;
2291
- font-family: inherit;
2292
- font-size: inherit;
2293
- line-height: inherit;
2294
- padding: 0 8px;
2295
- }
2296
- .pagination-sizer-dropdown {
2297
- width: 116px;
2298
- background: #ffffff;
2299
- border-radius: 8px;
2300
- box-shadow: 0 0 12px rgba(0, 0, 0, 0.14);
2301
- z-index: 100;
2302
- overflow: hidden;
2303
- padding: 4px;
2304
- }
2305
- .pagination-sizer-option {
2306
- display: block;
2307
- width: 100%;
2308
- padding: 10px;
2309
- border: none;
2310
- background: transparent;
2311
- color: #111827;
2312
- font-family: 'SourceHanSansCN-Normal';
2313
- font-size: 14px;
2314
- line-height: 21px;
2315
- text-align: center;
2316
- cursor: pointer;
2317
- transition: background-color 0.2s;
2318
- white-space: nowrap;
2319
- border-radius: 6px;
2320
- height: 40px;
2321
- display: flex;
2322
- align-items: center;
2323
- justify-content: center;
2324
- }
2325
- .pagination-sizer-option[data-selected="true"] {
2326
- background: #f5f5f5;
2327
- }
2328
- .dark .pagination {
2329
- color: #ffffff;
2330
- }
2331
- .dark .pagination .pagination-item {
2332
- color: #ffffff;
2333
- }
2334
- .dark .pagination .pagination-item.pagination-item-active {
2335
- background: rgba(255, 255, 255, 0.1);
2336
- color: #ffffff;
2337
- }
2338
- .dark .pagination .pagination-total {
2339
- color: #ffffff;
2340
- }
2341
- .dark .pagination .pagination-sizer .pagination-sizer-select {
2342
- background: transparent;
2343
- border-color: rgba(255, 255, 255, 0.1);
2344
- color: #ffffff;
2345
- }
2346
- .dark .pagination .pagination-sizer .pagination-sizer-icon {
2347
- color: rgba(255, 255, 255, 0.5);
2348
- }
2349
- .dark .pagination .pagination-jumper .pagination-jumper-input {
2350
- background: transparent;
2351
- border-color: rgba(255, 255, 255, 0.1);
2352
- color: #ffffff;
2353
- }
2354
- .dark .pagination.pagination-simple .pagination-simple-list {
2355
- background: rgba(255, 255, 255, 0.05);
2356
- }
2357
- .dark .pagination.pagination-simple .pagination-simple-item {
2358
- color: #ffffff;
2359
- }
2360
- .dark .pagination.pagination-simple .pagination-simple-text {
2361
- color: #ffffff;
2362
- }
2363
- .file-card {
2364
- box-sizing: border-box;
2365
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
2366
- width: 210px;
2367
- display: flex;
2368
- flex-direction: column;
2369
- gap: 8px;
2370
- }
2371
- .file-card .file-card__overlay {
2372
- position: absolute;
2373
- inset: 0;
2374
- background: rgba(0, 0, 0, 0.4);
2375
- border-radius: inherit;
2376
- display: flex;
2377
- align-items: center;
2378
- justify-content: center;
2379
- gap: 20px;
2380
- opacity: 0;
2381
- transition: opacity 0.18s;
2382
- pointer-events: none;
2383
- }
2384
- .file-card .file-card__overlay-btn {
2385
- width: 32px;
2386
- height: 32px;
2387
- display: inline-flex;
2388
- align-items: center;
2389
- justify-content: center;
2390
- border: none;
2391
- background: transparent;
2392
- color: #ffffff;
2393
- cursor: pointer;
2394
- border-radius: 6px;
2395
- padding: 0;
2396
- pointer-events: auto;
2397
- transition: background 0.15s;
2398
- }
2399
- .file-card .file-card__overlay-btn:hover {
2400
- background: rgba(255, 255, 255, 0.2);
2401
- }
2402
- .file-card .file-card__name-area {
2403
- display: flex;
2404
- align-items: flex-start;
2405
- gap: 4px;
2406
- padding: 4px 8px;
2407
- height: 50px;
2408
- }
2409
- .file-card .file-card__name-area--editing {
2410
- background: #ffffff;
2411
- border: 1px solid #ebebeb;
2412
- border-radius: 4px;
2413
- padding: 4px 8px;
2414
- height: 50px;
2415
- display: flex;
2416
- align-items: flex-start;
2417
- }
2418
- .file-card .file-card__filename {
2419
- flex: 1;
2420
- font-size: 14px;
2421
- line-height: 1.5;
2422
- color: #111827;
2423
- overflow: hidden;
2424
- display: -webkit-box;
2425
- -webkit-line-clamp: 2;
2426
- -webkit-box-orient: vertical;
2427
- word-break: break-all;
2428
- padding: 0;
2429
- margin: 0;
2430
- box-sizing: border-box;
2431
- vertical-align: top;
2432
- }
2433
- .file-card .file-card__edit-input {
2434
- flex: 1;
2435
- height: 42px;
2436
- padding: 0;
2437
- font-size: 14px;
2438
- line-height: 1.5;
2439
- color: #111827;
2440
- border: none;
2441
- border-radius: 0;
2442
- outline: none;
2443
- background: transparent;
2444
- resize: none;
2445
- overflow-y: auto;
2446
- scrollbar-width: none;
2447
- box-sizing: border-box;
2448
- vertical-align: top;
2449
- }
2450
- .file-card .file-card__edit-input::-webkit-scrollbar {
2451
- display: none;
2452
- }
2453
- .file-card .file-card__edit-input:focus {
2454
- outline: none;
2455
- }
2456
- .file-card--pdf .file-card__pdf-preview {
2457
- position: relative;
2458
- height: 138px;
2459
- background: #d1d5db;
2460
- border-radius: 4px;
2461
- display: flex;
2462
- flex-direction: column;
2463
- justify-content: flex-end;
2464
- align-items: center;
2465
- cursor: pointer;
2466
- overflow: hidden;
2467
- transition: box-shadow 0.2s;
2468
- }
2469
- .file-card--pdf .file-card__pdf-preview:hover {
2470
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
2471
- }
2472
- .file-card--pdf .file-card__pdf-preview:hover .file-card__overlay {
2473
- opacity: 1;
2474
- }
2475
- .file-card--pdf .file-card__pdf-label {
2476
- width: 100%;
2477
- padding: 8px 10px;
2478
- background: #1f2937;
2479
- display: flex;
2480
- align-items: center;
2481
- justify-content: center;
2482
- flex-shrink: 0;
2483
- }
2484
- .file-card--pdf .file-card__pdf-label span {
2485
- font-size: 14px;
2486
- font-weight: 350;
2487
- color: #ffffff;
2488
- letter-spacing: 0.3px;
2489
- }
2490
- .file-card--other .file-card__other-preview {
2491
- position: relative;
2492
- height: 138px;
2493
- background: #ffffff;
2494
- border: 1px solid #ebebeb;
2495
- border-radius: 8px;
2496
- display: flex;
2497
- align-items: center;
2498
- justify-content: center;
2499
- cursor: pointer;
2500
- overflow: hidden;
2501
- transition: box-shadow 0.2s;
2502
- }
2503
- .file-card--other .file-card__other-preview:hover {
2504
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
2505
- }
2506
- .file-card--other .file-card__other-preview:hover .file-card__overlay {
2507
- opacity: 1;
2508
- }
2509
- .file-card--other .file-card__image-thumb {
2510
- width: 100%;
2511
- height: 100%;
2512
- object-fit: cover;
2513
- }
2514
- .dark .file-card--pdf .file-card__pdf-preview {
2515
- background: #2a2a2a;
2516
- }
2517
- .dark .file-card--pdf .file-card__pdf-preview:hover {
2518
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
2519
- }
2520
- .dark .file-card--pdf .file-card__pdf-label {
2521
- background: #1a1a1a;
2522
- }
2523
- .dark .file-card--other .file-card__other-preview {
2524
- background: #1f1f1f;
2525
- border-color: #303030;
2526
- }
2527
- .dark .file-card--other .file-card__other-preview:hover {
2528
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
2529
- }
2530
- .dark .file-card .file-card__filename {
2531
- color: #e8e8e8;
2532
- }
2533
- .dark .file-card .file-card__name-area--editing {
2534
- background: #1f1f1f;
2535
- border-color: #404040;
2536
- padding: 4px 8px;
2537
- height: 50px;
2538
- display: flex;
2539
- align-items: flex-start;
2540
- }
2541
- .dark .file-card .file-card__edit-input {
2542
- background: transparent;
2543
- color: #e8e8e8;
2544
- border: none;
2545
- border-radius: 0;
2546
- height: 42px;
2547
- padding: 0;
2548
- font-size: 14px;
2549
- line-height: 1.5;
2550
- resize: none;
2551
- overflow-y: auto;
2552
- scrollbar-width: none;
2553
- box-sizing: border-box;
2554
- vertical-align: top;
2555
- }
2556
- .dark .file-card .file-card__edit-input::-webkit-scrollbar {
2557
- display: none;
2558
- }
2559
- .dark .file-card .file-card__edit-input:focus {
2560
- outline: none;
2561
- }
2562
- .bu-switch {
2563
- --bu-switch-light-on: #333333;
2564
- --bu-switch-light-off: #CCCCCC;
2565
- --bu-switch-dark-on: #e60023;
2566
- --bu-switch-dark-off: rgba(255, 255, 255, 0.25);
2567
- --bu-switch-track-bg: #CCCCCC;
2568
- position: relative;
2569
- display: inline-block;
2570
- box-sizing: border-box;
2571
- width: 32px;
2572
- min-width: 32px;
2573
- height: 16px;
2574
- padding: 0;
2575
- border: none;
2576
- border-radius: 9999px;
2577
- background: var(--bu-switch-track-bg);
2578
- cursor: pointer;
2579
- transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2580
- outline: none;
2581
- vertical-align: middle;
2582
- user-select: none;
2583
- -webkit-tap-highlight-color: transparent;
2584
- }
2585
- .bu-switch--disabled {
2586
- cursor: not-allowed;
2587
- opacity: 0.5;
2588
- }
2589
- .bu-switch--loading {
2590
- cursor: wait;
2591
- }
2592
- .bu-switch__track {
2593
- display: flex;
2594
- align-items: center;
2595
- width: 100%;
2596
- height: 100%;
2597
- padding: 2px;
2598
- box-sizing: border-box;
2599
- }
2600
- .bu-switch__thumb {
2601
- position: relative;
2602
- flex-shrink: 0;
2603
- width: 12px;
2604
- height: 12px;
2605
- border-radius: 9999px;
2606
- background: #ffffff;
2607
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2608
- transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2609
- transform: translateX(0);
2610
- }
2611
- .bu-switch--checked .bu-switch__thumb {
2612
- transform: translateX(16px);
2613
- }
2614
- .bu-switch__loading-icon {
2615
- position: absolute;
2616
- inset: 0;
2617
- display: flex;
2618
- align-items: center;
2619
- justify-content: center;
2620
- color: #999999;
2621
- animation: bu-switch-spin 0.8s linear infinite;
2622
- }
2623
- .bu-switch__loading-icon svg {
2624
- width: 10px;
2625
- height: 10px;
2626
- }
2627
- @keyframes bu-switch-spin {
2628
- from {
2629
- transform: rotate(0deg);
2630
- }
2631
- to {
2632
- transform: rotate(360deg);
2633
- }
2634
- }
2635
- .bu-switch__label {
2636
- flex: 1;
2637
- display: flex;
2638
- align-items: center;
2639
- justify-content: center;
2640
- font-size: 12px;
2641
- color: #ffffff;
2642
- overflow: hidden;
2643
- white-space: nowrap;
2644
- line-height: 1;
2645
- min-width: 0;
2646
- padding: 0 2px;
2647
- }
2648
- .bu-switch__label--left {
2649
- justify-content: flex-start;
2650
- }
2651
- .bu-switch__label--right {
2652
- justify-content: flex-end;
2653
- }
2654
- .bj-input-number {
2655
- box-sizing: border-box;
2656
- position: relative;
2657
- display: inline-flex;
2658
- align-items: center;
2659
- width: 100%;
2660
- min-width: 90px;
2661
- background: #f5f5f5;
2662
- border: 1px solid #ebebeb;
2663
- border-radius: 8px;
2664
- padding: 8px 12px;
2665
- transition: border-color 0.2s ease;
2666
- }
2667
- .bj-input-number * {
2668
- box-sizing: border-box;
2669
- }
2670
- .bj-input-number::after {
2671
- content: '';
2672
- position: absolute;
2673
- top: 0;
2674
- right: 0;
2675
- bottom: 0;
2676
- left: 0;
2677
- border-radius: 8px;
2678
- pointer-events: none;
2679
- transition: box-shadow 0.2s ease;
2680
- }
2681
- .bj-input-number:hover:not(.bj-input-number--disabled):not(.bj-input-number--readonly)::after,
2682
- .bj-input-number:active:not(.bj-input-number--disabled):not(.bj-input-number--readonly)::after {
2683
- box-shadow: inset 0 0 0 2px #ebebeb;
2684
- }
2685
- .bj-input-number--focused {
2686
- border-color: #ebebeb;
2687
- }
2688
- .bj-input-number--focused::after {
2689
- box-shadow: inset 0 0 0 2px #ebebeb;
2690
- }
2691
- .bj-input-number--small {
2692
- height: 32px;
2693
- font-size: 13px;
2694
- }
2695
- .bj-input-number--middle {
2696
- height: 40px;
2697
- font-size: 14px;
2698
- }
2699
- .bj-input-number--large {
2700
- height: 48px;
2701
- font-size: 15px;
2702
- }
2703
- .bj-input-number--disabled {
2704
- background: #f0f0f0;
2705
- cursor: not-allowed;
2706
- }
2707
- .bj-input-number--disabled:hover {
2708
- border-color: #ebebeb;
2709
- }
2710
- .bj-input-number--readonly {
2711
- background: #f3f4f6;
2712
- }
2713
- .bj-input-number--borderless {
2714
- border-color: transparent;
2715
- background: transparent;
2716
- }
2717
- .bj-input-number--borderless.bj-input-number--focused {
2718
- box-shadow: none;
2719
- }
2720
- .bj-input-number--error {
2721
- border-width: 3px;
2722
- border-color: #FDE6E9;
2723
- padding: calc(8px - 2px) calc(12px - 2px);
2724
- }
2725
- .bj-input-number--error .bj-input-number__input::placeholder {
2726
- color: #f87171;
2727
- }
2728
- .bj-input-number--warning {
2729
- border-color: #f59e0b;
2730
- }
2731
- .bj-input-number--out-of-range .bj-input-number__input {
2732
- color: #ef4444;
2733
- }
2734
- .bj-input-number--with-controls {
2735
- padding-right: calc(12px + 32px);
2736
- }
2737
- .bj-input-number--with-controls.bj-input-number--error {
2738
- padding-right: calc(12px + 32px - 2px);
2739
- }
2740
- .bj-input-number--group-left {
2741
- border-left: none;
2742
- border-top-left-radius: 0;
2743
- border-bottom-left-radius: 0;
2744
- }
2745
- .bj-input-number--group-right {
2746
- border-right: none;
2747
- border-top-right-radius: 0;
2748
- border-bottom-right-radius: 0;
2749
- }
2750
- .bj-input-number__prefix,
2751
- .bj-input-number__suffix {
2752
- display: flex;
2753
- flex: none;
2754
- align-items: center;
2755
- color: #6b7280;
2756
- pointer-events: none;
2757
- }
2758
- .bj-input-number__prefix {
2759
- margin-right: 4px;
2760
- }
2761
- .bj-input-number__suffix {
2762
- margin-left: 4px;
2763
- }
2764
- .bj-input-number__input-wrap {
2765
- flex: 1;
2766
- min-width: 0;
2767
- display: flex;
2768
- transition: box-shadow 0.2s ease;
2769
- }
2770
- .bj-input-number__input-wrap:hover {
2771
- box-shadow: inset 0 0 0 2px #ebebeb;
2772
- }
2773
- .bj-input-number--disabled .bj-input-number__input-wrap:hover,
2774
- .bj-input-number--readonly .bj-input-number__input-wrap:hover {
2775
- box-shadow: none;
2776
- }
2777
- .bj-input-number__input {
2778
- width: 100%;
2779
- border: none;
2780
- outline: none;
2781
- background: transparent;
2782
- padding: 0;
2783
- margin: 0;
2784
- font: inherit;
2785
- color: #333333;
2786
- appearance: textfield;
2787
- -moz-appearance: textfield;
2788
- }
2789
- .bj-input-number__input::-webkit-inner-spin-button,
2790
- .bj-input-number__input::-webkit-outer-spin-button {
2791
- margin: 0;
2792
- appearance: none;
2793
- -webkit-appearance: none;
2794
- }
2795
- .bj-input-number__input::placeholder {
2796
- color: #999999;
2797
- }
2798
- .bj-input-number__input:disabled {
2799
- cursor: not-allowed;
2800
- color: #999999;
2801
- }
2802
- .bj-input-number__handler-wrap {
2803
- position: absolute;
2804
- top: 0;
2805
- right: 0;
2806
- bottom: 0;
2807
- width: 32px;
2808
- opacity: 0;
2809
- transition: opacity 0.2s ease;
2810
- }
2811
- .bj-input-number:hover .bj-input-number__handler-wrap,
2812
- .bj-input-number--focused .bj-input-number__handler-wrap {
2813
- opacity: 1;
2814
- }
2815
- .bj-input-number--disabled .bj-input-number__handler-wrap,
2816
- .bj-input-number--readonly .bj-input-number__handler-wrap {
2817
- display: none;
2818
- }
2819
- .bj-input-number__handler {
2820
- position: absolute;
2821
- left: 0;
2822
- right: 0;
2823
- margin-right: 8px;
2824
- height: 50%;
2825
- cursor: pointer;
2826
- background: transparent;
2827
- user-select: none;
2828
- }
2829
- .bj-input-number__handler--up {
2830
- top: 0;
2831
- }
2832
- .bj-input-number__handler--down {
2833
- bottom: 0;
2834
- }
2835
- .bj-input-number__handler--disabled {
2836
- cursor: not-allowed;
2837
- }
2838
- .bj-input-number__handler-icon {
2839
- position: absolute;
2840
- top: 50%;
2841
- right: 8px;
2842
- width: 24px;
2843
- height: 24px;
2844
- transform: translateY(-50%);
2845
- pointer-events: none;
2846
- color: #999999;
2847
- transition: opacity 0.15s ease, color 0.15s ease;
2848
- }
2849
- .bj-input-number__handler-icon--up {
2850
- clip-path: inset(0 0 50% 0);
2851
- }
2852
- .bj-input-number__handler-icon--down {
2853
- clip-path: inset(50% 0 0 0);
2854
- }
2855
- .bj-input-number__handler--up:active ~ .bj-input-number__handler-icon--up {
2856
- color: #333333;
2857
- }
2858
- .bj-input-number__handler--down:active ~ .bj-input-number__handler-icon--down {
2859
- color: #333333;
2860
- }
2861
- .bj-input-number-group {
2862
- display: inline-flex;
2863
- align-items: stretch;
2864
- width: 100%;
2865
- }
2866
- .bj-input-number-group__addon {
2867
- display: flex;
2868
- align-items: center;
2869
- flex: none;
2870
- padding: 0 12px;
2871
- background: #f3f4f6;
2872
- border: 1px solid #ebebeb;
2873
- color: #6b7280;
2874
- white-space: nowrap;
2875
- }
2876
- .bj-input-number-group__addon:first-child {
2877
- border-right: none;
2878
- border-radius: 8px 0 0 8px;
2879
- }
2880
- .bj-input-number-group__addon:last-child {
2881
- border-left: none;
2882
- border-radius: 0 8px 8px 0;
2883
- }
2884
- .bj-input-number-group .bj-input-number {
2885
- flex: 1;
2886
- min-width: 0;
2887
- }
2888
- .bj-checkbox-wrapper {
2889
- display: inline-flex;
2890
- align-items: flex-start;
2891
- gap: 8px;
2892
- color: #333333;
2893
- font-family: 'SourceHanSansCN-Normal';
2894
- font-size: 14px;
2895
- line-height: 21px;
2896
- cursor: pointer;
2897
- }
2898
- .bj-checkbox-wrapper--disabled {
2899
- color: #999999;
2900
- cursor: not-allowed;
2901
- }
2902
- .bj-checkbox-wrapper--rtl {
2903
- direction: rtl;
2904
- }
2905
- .bj-checkbox {
2906
- position: relative;
2907
- display: inline-flex;
2908
- flex: none;
2909
- align-items: center;
2910
- justify-content: center;
2911
- width: 16px;
2912
- height: 16px;
2913
- vertical-align: middle;
2914
- }
2915
- .bj-checkbox__input {
2916
- position: absolute;
2917
- inset: 0;
2918
- z-index: 1;
2919
- width: 100%;
2920
- height: 100%;
2921
- margin: 0;
2922
- opacity: 0;
2923
- cursor: inherit;
2924
- }
2925
- .bj-checkbox__inner {
2926
- position: relative;
2927
- display: flex;
2928
- align-items: center;
2929
- justify-content: center;
2930
- width: 16px;
2931
- height: 16px;
2932
- background: transparent;
2933
- border: 1px solid #dbdbdb;
2934
- border-radius: 4px;
2935
- transition: width 0.15s ease, height 0.15s ease, background 0.15s ease;
2936
- }
2937
- .bj-checkbox--checked.bj-checkbox--dark .bj-checkbox__inner {
2938
- width: 16px;
2939
- height: 16px;
2940
- background: #333;
2941
- border-color: #333;
2942
- }
2943
- .bj-checkbox--checked.bj-checkbox--white .bj-checkbox__inner {
2944
- width: 16px;
2945
- height: 16px;
2946
- background: transparent;
2947
- border-color: #dbdbdb;
2948
- }
2949
- .bj-checkbox--white .bj-checkbox__check-icon {
2950
- color: #333;
2951
- }
2952
- .bj-checkbox__check-icon {
2953
- position: absolute;
2954
- top: 50%;
2955
- left: 50%;
2956
- width: 14px;
2957
- height: 14px;
2958
- color: #ffffff;
2959
- pointer-events: none;
2960
- transform: translate(-50%, -50%);
2961
- }
2962
- .bj-checkbox--indeterminate .bj-checkbox__inner {
2963
- width: 16px;
2964
- height: 16px;
2965
- background: #ffffff;
2966
- border-color: #dbdbdb;
2967
- }
2968
- .bj-checkbox__indeterminate-mark {
2969
- width: 8px;
2970
- height: 2px;
2971
- background: #333;
2972
- border-radius: 4px;
2973
- }
2974
- .bj-checkbox--disabled {
2975
- opacity: 0.5;
2976
- }
2977
- .bj-checkbox__input:focus-visible + .bj-checkbox__inner {
2978
- outline: 2px solid #1677ff;
2979
- outline-offset: 1px;
2980
- }
2981
- .bj-checkbox__label {
2982
- position: relative;
2983
- min-width: 0;
2984
- padding-right: 0;
2985
- padding-left: 0;
2986
- overflow-wrap: anywhere;
2987
- }
2988
- .bj-checkbox-group {
2989
- display: inline-flex;
2990
- flex-wrap: wrap;
2991
- align-items: center;
2992
- gap: 8px;
2993
- }
2994
- .bj-checkbox-group--rtl {
2995
- direction: rtl;
2996
- }
2997
- .bj-overlay-scrollbar-hidden {
2998
- scrollbar-width: none;
2999
- -ms-overflow-style: none;
3000
- }
3001
- .bj-overlay-scrollbar-hidden::-webkit-scrollbar {
3002
- width: 0;
3003
- height: 0;
3004
- }
3005
- .bj-overlay-scrollbar__thumb {
3006
- position: absolute;
3007
- z-index: 100;
3008
- background: var(--bj-overlay-scrollbar-bg, #dbdbdb);
3009
- border-radius: 4px;
3010
- cursor: pointer;
3011
- opacity: 0;
3012
- transition: opacity 0.2s, background 0.2s;
3013
- }
3014
- .bj-overlay-scrollbar__thumb--active {
3015
- opacity: 1;
3016
- }
3017
- .bj-overlay-scrollbar__thumb:hover {
3018
- background: var(--bj-overlay-scrollbar-bg, #c2c2c2);
3019
- }
3020
- .bj-dropdown {
3021
- width: 280px;
3022
- overflow: hidden;
3023
- color: #333333;
3024
- background: #ffffff;
3025
- border: 1px solid #ebebeb;
3026
- border-radius: 8px;
3027
- box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
3028
- }
3029
- .bj-dropdown__search {
3030
- padding: 8px;
3031
- }
3032
- .bj-dropdown__search .bj-input__affix-wrapper {
3033
- height: 32px;
3034
- border-radius: 8px;
3035
- }
3036
- .bj-dropdown__search .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):hover,
3037
- .bj-dropdown__search .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):focus-within {
3038
- border-color: #dbdbdb;
3039
- box-shadow: none;
3040
- }
3041
- .bj-dropdown__search .bj-input__prefix .bu-icon {
3042
- width: 24px;
3043
- height: 24px;
3044
- color: #999999;
3045
- }
3046
- .bj-dropdown__search .bj-input__clear-icon {
3047
- display: flex;
3048
- align-items: center;
3049
- justify-content: center;
3050
- width: 20px;
3051
- height: 20px;
3052
- margin-right: 4px;
3053
- color: #333333;
3054
- }
3055
- .bj-dropdown__search .bj-dropdown__search-clear-icon {
3056
- width: 20px;
3057
- height: 20px;
3058
- color: #333333;
3059
- }
3060
- .bj-dropdown__options {
3061
- max-height: calc(40px * 6);
3062
- padding: 0 12px;
3063
- margin: 0 0 12px;
3064
- overflow-y: auto;
3065
- }
3066
- .bj-dropdown__options--empty {
3067
- height: 160px;
3068
- margin-top: 0;
3069
- margin-bottom: 12px;
3070
- }
3071
- .bj-dropdown__option {
3072
- display: flex;
3073
- align-items: center;
3074
- gap: 8px;
3075
- width: 100%;
3076
- min-height: 40px;
3077
- padding: 0;
3078
- color: #333333;
3079
- font-family: 'SourceHanSansCN-Normal';
3080
- font-size: 14px;
3081
- line-height: 21px;
3082
- white-space: nowrap;
3083
- cursor: pointer;
3084
- }
3085
- .bj-dropdown__option .bj-checkbox__label {
3086
- display: block;
3087
- flex: 1;
3088
- min-width: 0;
3089
- padding-right: 0;
3090
- padding-left: 0;
3091
- }
3092
- .bj-dropdown__option--single {
3093
- justify-content: space-between;
3094
- align-items: center;
3095
- gap: 8px;
3096
- min-height: 40px;
3097
- padding: 0 12px;
3098
- font-family: 'SourceHanSansCN-Normal';
3099
- font-size: 14px;
3100
- font-style: normal;
3101
- font-weight: 350;
3102
- line-height: 21px;
3103
- letter-spacing: 0;
3104
- text-align: left;
3105
- background: transparent;
3106
- border: 0;
3107
- }
3108
- .bj-dropdown__option--single:hover:not(:disabled) {
3109
- background: #fafafa;
3110
- }
3111
- .bj-dropdown__option--single:disabled {
3112
- color: #999999;
3113
- cursor: not-allowed;
3114
- }
3115
- .bj-dropdown__option-label {
3116
- display: block;
3117
- flex: 1;
3118
- min-width: 0;
3119
- overflow: hidden;
3120
- text-overflow: ellipsis;
3121
- white-space: nowrap;
3122
- }
3123
- .bj-dropdown__option-content {
3124
- display: flex;
3125
- flex: 1;
3126
- flex-direction: column;
3127
- min-width: 0;
3128
- }
3129
- .bj-dropdown__option-description {
3130
- overflow: hidden;
3131
- color: #999999;
3132
- font-family: 'SourceHanSansCN-Normal';
3133
- font-size: 12px;
3134
- font-style: normal;
3135
- font-weight: 350;
3136
- line-height: 19px;
3137
- letter-spacing: 0;
3138
- text-overflow: ellipsis;
3139
- white-space: nowrap;
3140
- }
3141
- .bj-dropdown__option-tooltip-anchor {
3142
- display: block;
3143
- pointer-events: none;
3144
- z-index: 1100;
3145
- }
3146
- .bj-dropdown__option-tooltip.tooltip-popup {
3147
- border: 0;
3148
- }
3149
- .bj-dropdown__option-tooltip.tooltip-popup .tooltip-arrow {
3150
- border: 0;
3151
- }
3152
- .bj-dropdown__option-icon {
3153
- flex: none;
3154
- width: 20px;
3155
- height: 20px;
3156
- color: #333333;
3157
- }
3158
- .bj-dropdown__empty {
3159
- display: flex;
3160
- flex-direction: column;
3161
- align-items: center;
3162
- justify-content: center;
3163
- gap: 1px;
3164
- height: 100%;
3165
- }
3166
- .bj-dropdown__empty-image {
3167
- width: 68px;
3168
- height: 68px;
3169
- }
3170
- .bj-dropdown__empty-text {
3171
- color: #999999;
3172
- font-family: 'SourceHanSansCN-Normal';
3173
- font-size: 12px;
3174
- font-style: normal;
3175
- font-weight: 350;
3176
- line-height: 21px;
3177
- letter-spacing: 0;
3178
- text-align: center;
3179
- }
3180
- .bj-dropdown__actions {
3181
- display: flex;
3182
- justify-content: center;
3183
- gap: 16px;
3184
- padding: 8px 12px 12px;
3185
- }
3186
- .bj-dropdown__actions button {
3187
- min-width: 80px;
3188
- height: 28px;
3189
- padding: 0 12px;
3190
- color: #333333;
3191
- font-family: 'SourceHanSansCN-Normal';
3192
- font-size: 12px;
3193
- line-height: 28px;
3194
- background: transparent;
3195
- border: 0;
3196
- border-radius: 4px;
3197
- cursor: pointer;
3198
- }
3199
- .bj-dropdown__actions button:last-child {
3200
- color: #ffffff;
3201
- background: #333;
3202
- }
3203
- .bj-dropdown__actions--single {
3204
- display: block;
3205
- padding: 0;
3206
- margin-top: 20px;
3207
- }
3208
- .bj-dropdown__actions--single button {
3209
- width: 100%;
3210
- min-width: 0;
3211
- height: 40px;
3212
- color: #333333;
3213
- font-family: 'SourceHanSansCN-Normal';
3214
- font-size: 12px;
3215
- font-style: normal;
3216
- font-weight: 350;
3217
- line-height: 19px;
3218
- background: #f5f5f5;
3219
- border-radius: 0;
3220
- }
3221
- .bj-dropdown__actions--single button:last-child {
3222
- color: #333333;
3223
- background: #f5f5f5;
3224
- }
3225
- .bj-dropdown--single .bj-dropdown__search {
3226
- padding: 8px 8px;
3227
- }
3228
- .bj-dropdown--single .bj-dropdown__options--single {
3229
- max-height: calc(40px * 6);
3230
- padding: 0;
3231
- margin: 0;
3232
- }
3233
- .bj-dropdown--single .bj-dropdown__options--single.bj-dropdown__options--empty {
3234
- margin-bottom: 20px;
3235
- }
3236
- .bj-dropdown--double-line .bj-dropdown__options {
3237
- max-height: calc(56px * 6);
3238
- }
3239
- .bj-dropdown--double-line .bj-dropdown__option--double-line {
3240
- min-height: 56px;
3241
- padding: 8px 12px;
3242
- }
3243
- .bj-dropdown--double-line .bj-dropdown__option--double-line .bj-checkbox {
3244
- margin-top: 0;
3245
- }
3246
- .bj-dropdown--double-line .bj-dropdown__option--double-line--single {
3247
- padding: 8px 12px;
3248
- }
3249
- .bj-dropdown--double-line .bj-dropdown__option--double-line:not(.bj-dropdown__option--single) {
3250
- padding: 8px 0;
3251
- }
3252
- .bj-dropdown--double-line .bj-dropdown__option-label {
3253
- font-family: 'SourceHanSansCN-Normal';
3254
- font-weight: 350;
3255
- line-height: 21px;
3256
- }
3257
- .bj-dropdown--double-line.bj-dropdown--single .bj-dropdown__options--single {
3258
- max-height: calc(56px * 6);
3259
- }
3260
- .bj-table {
3261
- position: relative;
3262
- width: 100%;
3263
- color: #333333;
3264
- font-family: 'SourceHanSansCN-Normal';
3265
- font-size: 12px;
3266
- line-height: 19px;
3267
- }
3268
- .bj-table *,
3269
- .bj-table *::before,
3270
- .bj-table *::after {
3271
- box-sizing: border-box;
3272
- }
3273
- .bj-table__scroll {
3274
- width: 100%;
3275
- overflow-x: auto;
3276
- }
3277
- .bj-table__viewport {
3278
- position: relative;
3279
- }
3280
- .bj-table__native-table {
3281
- width: 100%;
3282
- min-width: 100%;
3283
- border-spacing: 0;
3284
- border-collapse: separate;
3285
- table-layout: fixed;
3286
- }
3287
- .bj-table__title,
3288
- .bj-table__footer {
3289
- padding: 12px 12px;
3290
- color: #333333;
3291
- background: #ffffff;
3292
- border: 1px solid #dbdbdb;
3293
- }
3294
- .bj-table__title {
3295
- border-bottom: 0;
3296
- }
3297
- .bj-table__footer {
3298
- border-top: 0;
3299
- }
3300
- .bj-table__summary {
3301
- position: relative;
3302
- background: #ffffff;
3303
- }
3304
- .bj-table__summary th,
3305
- .bj-table__summary td {
3306
- padding: 17.5px 12px;
3307
- border-bottom: 1px solid #dbdbdb;
3308
- }
3309
- .bj-table--bordered .bj-table__scroll {
3310
- border-radius: 8px;
3311
- }
3312
- .bj-table--bordered:not(.bj-table--empty) .bj-table__scroll {
3313
- border: 1px solid #dbdbdb;
3314
- }
3315
- .bj-table--bordered .bj-table__native-table {
3316
- border: 0;
3317
- }
3318
- .bj-table--bordered.bj-table--empty .bj-table__header {
3319
- border: 1px solid #dbdbdb;
3320
- }
3321
- .bj-table--bordered.bj-table--empty .bj-table__header-row:first-child .bj-table__header-cell {
3322
- border-top: 1px solid #dbdbdb;
3323
- }
3324
- .bj-table--bordered.bj-table--empty .bj-table__header-row:last-child .bj-table__header-cell {
3325
- border-bottom: 1px solid #dbdbdb;
3326
- }
3327
- .bj-table--bordered.bj-table--empty .bj-table__header-cell:first-child {
3328
- border-left: 1px solid #dbdbdb;
3329
- border-top-left-radius: 8px;
3330
- }
3331
- .bj-table--bordered.bj-table--empty .bj-table__header-cell:last-child {
3332
- border-right: 1px solid #dbdbdb;
3333
- border-top-right-radius: 8px;
3334
- }
3335
- .bj-table__header-cell {
3336
- position: relative;
3337
- height: 36px;
3338
- padding: 0 12px;
3339
- color: #333333;
3340
- font-weight: 400;
3341
- text-align: left;
3342
- vertical-align: middle;
3343
- background: #fafafa;
3344
- border-bottom: 1px solid #dbdbdb;
3345
- }
3346
- .bj-table__header-cell--sortable,
3347
- .bj-table__header-cell--filterable {
3348
- padding-right: 8px;
3349
- cursor: pointer;
3350
- }
3351
- .bj-table__column-header {
3352
- display: flex;
3353
- align-items: center;
3354
- justify-content: space-between;
3355
- min-width: 0;
3356
- }
3357
- .bj-table__column-title {
3358
- display: flex;
3359
- flex: 1;
3360
- align-items: center;
3361
- justify-content: space-between;
3362
- min-width: 0;
3363
- padding: 0;
3364
- color: inherit;
3365
- font: inherit;
3366
- text-align: inherit;
3367
- }
3368
- .bj-table__column-title-content {
3369
- display: inline-flex;
3370
- align-items: center;
3371
- min-width: 0;
3372
- gap: 4px;
3373
- }
3374
- .bj-table__column-tooltip-wrapper {
3375
- position: absolute;
3376
- top: 0;
3377
- bottom: 0;
3378
- left: 0;
3379
- right: 0;
3380
- display: flex;
3381
- width: 100%;
3382
- }
3383
- .bj-table__column-tooltip-wrapper > .bj-table__column-tooltip-trigger {
3384
- flex: 1;
3385
- display: flex;
3386
- min-width: 0;
3387
- outline: none;
3388
- }
3389
- .bj-table__column-tooltip-wrapper > .bj-table__column-tooltip-trigger > .bj-table__column-header {
3390
- flex: 1;
3391
- padding: 0 12px;
3392
- }
3393
- .bj-table__column-badge-trigger {
3394
- position: absolute;
3395
- top: -1px;
3396
- right: -1px;
3397
- z-index: 2;
3398
- display: block;
3399
- width: 12px;
3400
- height: 12px;
3401
- cursor: default;
3402
- outline: none;
3403
- }
3404
- .bj-table__column-badge-shape {
3405
- display: block;
3406
- width: 100%;
3407
- height: 100%;
3408
- clip-path: polygon(0 0, 100% 0, 100% 100%);
3409
- background: #dbdbdb;
3410
- pointer-events: none;
3411
- }
3412
- .bj-table__column-tooltip.tooltip-popup--content {
3413
- z-index: 1000;
3414
- }
3415
- .bj-table__column-sorter {
3416
- display: inline-flex;
3417
- flex: none;
3418
- align-items: center;
3419
- justify-content: center;
3420
- margin-left: auto;
3421
- color: #666666;
3422
- }
3423
- .bj-table__column-sorter-icon,
3424
- .bj-table__filter-icon {
3425
- width: 24px;
3426
- height: 24px;
3427
- color: #666666;
3428
- pointer-events: none;
3429
- }
3430
- .bj-table__filter-icon {
3431
- width: 20px;
3432
- height: 20px;
3433
- }
3434
- .bj-table__filter {
3435
- position: static;
3436
- flex: none;
3437
- }
3438
- .bj-table__filter-trigger {
3439
- display: flex;
3440
- align-items: center;
3441
- justify-content: center;
3442
- width: 24px;
3443
- height: 24px;
3444
- margin-right: 0;
3445
- margin-left: auto;
3446
- padding: 0;
3447
- color: #666666;
3448
- font-size: 12px;
3449
- background: transparent;
3450
- border: 0;
3451
- border-radius: 4px;
3452
- cursor: pointer;
3453
- pointer-events: none;
3454
- }
3455
- .bj-table__filter-trigger:hover {
3456
- color: #666666;
3457
- background: #f0f0f0;
3458
- }
3459
- .bj-table__filter-trigger--active {
3460
- color: #666666;
3461
- }
3462
- .bj-table__filter-dropdown {
3463
- position: fixed;
3464
- z-index: 100;
3465
- }
3466
- .bj-table--bordered .bj-table__header-cell:not(:last-child),
3467
- .bj-table--bordered .bj-table__cell:not(:last-child) {
3468
- border-right: 1px solid #dbdbdb;
3469
- }
3470
- .bj-table--bordered .bj-table__cell--before-fixed-right:not(:last-child) {
3471
- border-right: 0;
3472
- }
3473
- .bj-table__cell {
3474
- padding: 17.5px 12px;
3475
- color: #333333;
3476
- font-family: 'SourceHanSansCN-Normal';
3477
- font-size: 12px;
3478
- line-height: 19px;
3479
- word-break: break-all;
3480
- overflow-wrap: anywhere;
3481
- vertical-align: middle;
3482
- border-bottom: 1px solid #dbdbdb;
3483
- box-shadow: none;
3484
- }
3485
- .bj-table__row {
3486
- min-height: 54px;
3487
- }
3488
- .bj-table__row--group {
3489
- height: 36px;
3490
- min-height: 36px;
3491
- }
3492
- .bj-table__cell--group {
3493
- height: 36px;
3494
- padding: 0 !important;
3495
- border-left: 0;
3496
- border-right: 0;
3497
- border-bottom: 1px solid #dbdbdb;
3498
- box-shadow: none;
3499
- }
3500
- .bj-table__body .bj-table__row:last-child .bj-table__cell {
3501
- border-bottom: 0;
3502
- }
3503
- .bj-table__cell-content {
3504
- min-height: 19px;
3505
- }
3506
- .bj-table__cell--fixed:not(.bj-table__cell--group) {
3507
- background: #fafafa;
3508
- }
3509
- .bj-table__header-cell.bj-table__cell--fixed {
3510
- z-index: 3 !important;
3511
- background: #fafafa;
3512
- }
3513
- .bj-table__cell--fixed-left {
3514
- border-right: 0 !important;
3515
- }
3516
- .bj-table__cell--fixed-right {
3517
- border-left: 0;
3518
- border-right: 0;
3519
- }
3520
- .bj-table__cell--fixed-left::after,
3521
- .bj-table__selection-cell--fixed::after {
3522
- position: absolute;
3523
- top: 0;
3524
- right: 0;
3525
- bottom: 0;
3526
- width: 1px;
3527
- background: #dbdbdb;
3528
- content: '';
3529
- pointer-events: none;
3530
- }
3531
- .bj-table__cell--fixed-right::before {
3532
- position: absolute;
3533
- top: 0;
3534
- bottom: 0;
3535
- left: 0;
3536
- width: 1px;
3537
- background: #dbdbdb;
3538
- content: '';
3539
- pointer-events: none;
3540
- }
3541
- .bj-table__cell--fixed-left-last::before,
3542
- .bj-table__cell--fixed-right-first::after {
3543
- position: absolute;
3544
- top: 0;
3545
- bottom: 0;
3546
- width: 6px;
3547
- content: '';
3548
- opacity: 0;
3549
- pointer-events: none;
3550
- transition: opacity 0.2s ease;
3551
- }
3552
- .bj-table__cell--fixed-left-last::before {
3553
- left: 100%;
3554
- background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
3555
- }
3556
- .bj-table__cell--fixed-right-first::after {
3557
- right: 100%;
3558
- background: linear-gradient(270deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
3559
- }
3560
- .bj-table--ping-left .bj-table__cell--fixed-left-last::before,
3561
- .bj-table--ping-right .bj-table__cell--fixed-right-first::after {
3562
- opacity: 1;
3563
- }
3564
- .bj-table__body .bj-table__cell--fixed-left,
3565
- .bj-table__body .bj-table__cell--fixed-right {
3566
- border-bottom: 1px solid #dbdbdb;
3567
- box-shadow: none;
3568
- }
3569
- .bj-table__body .bj-table__row:last-child .bj-table__cell--fixed-left,
3570
- .bj-table__body .bj-table__row:last-child .bj-table__cell--fixed-right {
3571
- border-bottom: 0;
3572
- }
3573
- .bj-table__row:hover .bj-table__cell,
3574
- .bj-table__row--selected .bj-table__cell {
3575
- background: #fafafa;
3576
- }
3577
- .bj-table__cell--ellipsis {
3578
- overflow: hidden;
3579
- text-overflow: ellipsis;
3580
- white-space: nowrap;
3581
- word-break: normal;
3582
- overflow-wrap: normal;
3583
- }
3584
- .bj-table__selection-col,
3585
- .bj-table__selection-cell {
3586
- width: 48px;
3587
- padding: 0 12px;
3588
- text-align: center;
3589
- vertical-align: middle;
3590
- }
3591
- .bj-table__selection-cell--fixed {
3592
- position: sticky;
3593
- left: 0;
3594
- z-index: 2;
3595
- background: #fafafa;
3596
- border-right: 0 !important;
3597
- }
3598
- .bj-table__header-cell.bj-table__selection-cell--fixed {
3599
- z-index: 4;
3600
- background: #fafafa;
3601
- }
3602
- .bj-table__body .bj-table__selection-cell {
3603
- height: 54px;
3604
- }
3605
- .bj-table__selection-cell > .bj-table__selection-control {
3606
- margin: auto;
3607
- }
3608
- .bj-table__selection-cell > .bj-table__selection-checkbox {
3609
- display: flex;
3610
- justify-content: center;
3611
- margin: auto;
3612
- line-height: 1;
3613
- }
3614
- .bj-table__selection-control {
3615
- position: relative;
3616
- display: inline-flex;
3617
- align-items: center;
3618
- justify-content: center;
3619
- width: 16px;
3620
- height: 16px;
3621
- vertical-align: middle;
3622
- cursor: pointer;
3623
- }
3624
- .bj-table__selection-control--disabled {
3625
- cursor: not-allowed;
3626
- opacity: 0.5;
3627
- }
3628
- .bj-table__selection-input {
3629
- position: absolute;
3630
- inset: 0;
3631
- z-index: 1;
3632
- width: 100%;
3633
- height: 100%;
3634
- margin: 0;
3635
- opacity: 0;
3636
- cursor: inherit;
3637
- }
3638
- .bj-table__selection-box {
3639
- display: flex;
3640
- align-items: center;
3641
- justify-content: center;
3642
- width: 15px;
3643
- height: 15px;
3644
- background: transparent;
3645
- border: 1px solid #dbdbdb;
3646
- border-radius: 4px;
3647
- transition: width 0.15s ease, height 0.15s ease, background 0.15s ease;
3648
- }
3649
- .bj-table__selection-control--checked .bj-table__selection-box {
3650
- width: 16px;
3651
- height: 16px;
3652
- background: #333;
3653
- border-color: #333;
3654
- }
3655
- .bj-table__selection-check-icon {
3656
- width: 14px;
3657
- height: 14px;
3658
- color: #ffffff;
3659
- pointer-events: none;
3660
- }
3661
- .bj-table__selection-input:focus-visible + .bj-table__selection-box {
3662
- outline: 2px solid #1677ff;
3663
- outline-offset: 1px;
3664
- }
3665
- .bj-table__empty-cell {
3666
- height: 454px;
3667
- padding: 0 12px;
3668
- color: #999999;
3669
- text-align: center;
3670
- vertical-align: middle;
3671
- border-bottom: 0;
3672
- }
3673
- .bj-table__empty-overlay {
3674
- position: absolute;
3675
- top: 36px;
3676
- right: 0;
3677
- bottom: 0;
3678
- left: 0;
3679
- display: flex;
3680
- align-items: center;
3681
- justify-content: center;
3682
- color: #999999;
3683
- text-align: center;
3684
- pointer-events: none;
3685
- }
3686
- .bj-table__empty-content {
3687
- display: inline-flex;
3688
- flex-direction: column;
3689
- align-items: center;
3690
- justify-content: center;
3691
- gap: 8px;
3692
- }
3693
- .bj-table__empty-image-wrap {
3694
- display: flex;
3695
- align-items: center;
3696
- justify-content: center;
3697
- }
3698
- .bj-table__empty-image {
3699
- display: block;
3700
- width: 80px;
3701
- height: 80px;
3702
- object-fit: contain;
3703
- user-select: none;
3704
- }
3705
- .bj-table__empty-text {
3706
- color: #999999;
3707
- font-size: 12px;
3708
- line-height: 20px;
3709
- }
3710
- .bj-table__loading {
3711
- position: absolute;
3712
- z-index: 1000;
3713
- top: 0;
3714
- right: 0;
3715
- bottom: 0;
3716
- left: 0;
3717
- display: flex;
3718
- flex-direction: column;
3719
- gap: 8px;
3720
- align-items: center;
3721
- justify-content: center;
3722
- color: #6b7280;
3723
- background: rgba(255, 255, 255, 0.8);
3724
- pointer-events: all;
3725
- }
3726
- .bj-table__loading-indicator {
3727
- width: 60px;
3728
- height: 60px;
3729
- margin: 0;
3730
- user-select: none;
3731
- }
3732
- .bj-table__loading-text {
3733
- font-size: 13px;
3734
- }
3735
- .bj-table__pagination {
3736
- margin-top: 16px;
3737
- }
3738
- .bj-table--small .bj-table__header-cell {
3739
- height: 32px;
3740
- }
3741
- .bj-table--small .bj-table__cell {
3742
- min-height: 40px;
3743
- padding: 8px 12px;
3744
- }
1
+ .bu-icon{width:1em;height:1em;overflow:hidden;vertical-align:-.15em;fill:currentColor}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-popup{position:absolute;z-index:1000;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;border:1px solid #e5e7eb;min-width:200px;max-width:280px;padding:16px}.tooltip-popup--top{bottom:calc(100% + 16px);left:50%;transform:translate(-50%)}.tooltip-popup--topLeft{bottom:calc(100% + 16px);left:0}.tooltip-popup--topRight{bottom:calc(100% + 16px);right:0}.tooltip-popup--bottom{top:calc(100% + 16px);left:50%;transform:translate(-50%)}.tooltip-popup--bottomLeft{top:calc(100% + 16px);left:0}.tooltip-popup--bottomRight{top:calc(100% + 16px);right:0}.tooltip-popup--left{right:calc(100% + 16px);top:50%;transform:translateY(-50%)}.tooltip-popup--leftTop{right:calc(100% + 16px);top:0}.tooltip-popup--leftBottom{right:calc(100% + 16px);bottom:0}.tooltip-popup--right{left:calc(100% + 16px);top:50%;transform:translateY(-50%)}.tooltip-popup--rightTop{left:calc(100% + 16px);top:0}.tooltip-popup--rightBottom{left:calc(100% + 16px);bottom:0}.tooltip-popup--light{box-shadow:0 2px 6px #0000000f}.tooltip-popup--bordered{border-color:#ebebeb;box-shadow:0 2px 8px #00000014}.tooltip-popup--tinted{background:#f5f3ff;border-color:#ddd6fe;box-shadow:0 2px 8px #8b5cf61a}.tooltip-popup--content{width:max-content;min-width:30px;min-height:32px;padding:24px;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;text-align:center;box-shadow:0 0 12px #00000014}.tooltip-popup--content .bu-tooltip-content__text{color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px}.bu-content-tooltip{max-width:none!important;background:transparent!important;box-shadow:none!important}.bu-content-tooltip .ant-tooltip-content{width:max-content;max-width:none!important;background:transparent!important;box-shadow:none!important}.bu-content-tooltip .ant-tooltip-arrow-content{display:none!important}.bu-content-tooltip .ant-tooltip-inner{width:max-content;min-width:0;max-width:none!important;padding:0;background:transparent;box-shadow:none}.bu-content-tooltip .tooltip-popup--antd{position:relative;inset:auto;transform:none}.tooltip-arrow{position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg)}.tooltip-arrow--top{bottom:-8px;left:50%;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px;transform:translate(-50%) rotate(45deg)}.tooltip-arrow--topLeft{bottom:-8px;left:16px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px}.tooltip-arrow--topRight{bottom:-8px;right:16px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px}.tooltip-arrow--bottom{top:-8px;left:calc(50% - 8px);border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--bottomLeft{top:-8px;left:16px;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--bottomRight{top:-8px;right:16px;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--left{right:-8px;top:calc(50% - 8px);border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--leftTop{right:-8px;top:16px;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--leftBottom{right:-8px;bottom:16px;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--right{left:-8px;top:calc(50% - 8px);border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--rightTop{left:-8px;top:16px;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--rightBottom{left:-8px;bottom:16px;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--tinted-bg{background:#f5f3ff}.tooltip-confirm__title{font-size:12px;color:#111827;margin-bottom:12px;line-height:1.5}.tooltip-confirm__actions{display:flex;align-items:center;justify-content:center;gap:30px}.tooltip-confirm__cancel{background:none;border:none;padding:0;height:24px;font-size:12px;color:#374151;cursor:pointer;border-radius:4px;transition:background-color .15s;width:60px}.tooltip-confirm__cancel:hover{background:#f3f4f6}.tooltip-confirm__ok{background:#333;border:none;padding:0;height:24px;font-size:12px;color:#fff;cursor:pointer;border-radius:6px;width:60px;font-weight:500;transition:background-color .15s}.tooltip-confirm__ok:hover{background:#374151}.tooltip-progress{min-width:220px}.tooltip-progress__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tooltip-progress__title{font-size:12px;color:#111827;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip-progress__percent{font-size:12px;color:#6b7280;font-weight:500;flex-shrink:0;margin-left:8px}.tooltip-progress__track{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.tooltip-progress__fill{height:100%;width:var(--tooltip-progress, 0%);background:#333;border-radius:2px;transition:width .3s ease}.bu-tooltip-content__text{font-size:12px;color:#6b7280;line-height:1.6;overflow-wrap:break-word;margin-bottom:0}@keyframes sku-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.sku-input-card{position:relative;display:flex;flex-direction:row;min-width:411px;height:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;background-clip:padding-box}.sku-input-card--error{border-color:#fde6e9}.sku-input-card__drag{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;color:#333;background:#f5f5f5;cursor:grab;margin-right:12px}.sku-input-card__drag:active{cursor:grabbing}.sku-input-card__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding:12px 12px 12px 0}.sku-input-card__header{display:flex;align-items:center;gap:8px;background:#fff}.sku-input-card__name-wrap{position:relative;flex:1;min-width:0}.sku-input-card__name-input{width:100%;height:40px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:0 8px;font-size:14px;color:#333;outline:none;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background .2s ease,border-color .2s ease}.sku-input-card__name-input::placeholder{color:#999}.sku-input-card__name-input--with-toggle{padding-right:118px}.sku-input-card__name-input--error{border-width:3px;border-color:#fde6e9;animation:sku-shake .4s ease}.sku-input-card__name-input--error::placeholder{color:#e60023}.sku-input-card__lang-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.sku-input-card__lang-btn{height:24px;width:51px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:24px;text-align:center}.sku-input-card__lang-btn--active{background:#1f2937;color:#fff}.sku-input-card__lang-btn--inactive{color:#374151}.sku-input-card__delete{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#333;background:#f3f4f6;border:none;cursor:pointer;flex-shrink:0;border-radius:4px;padding:0}.sku-input-card__delete:hover{color:#333}.sku-input-card__file-input{display:none}.sku-input-card__body{height:280px;display:flex;align-items:stretch;background:#f5f5f5;border-radius:8px;overflow:hidden}.sku-input-card__image-item{position:relative;flex:1}.sku-input-card__image-thumb{width:100%;height:100%;object-fit:cover;display:block}.sku-input-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .2s ease}.sku-input-card__image-item:hover .sku-input-card__image-overlay{opacity:1}.sku-input-card__image-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#fff;cursor:pointer;padding:0}.sku-input-card__image-action-btn svg{width:32px;height:32px}.sku-input-card__add-btn{display:flex;align-items:center;justify-content:center;flex:1;color:#333;background:none;border:none;border-radius:4px;cursor:pointer}.sku-input-card__add-btn:hover{color:#333}.sku-input-card__upload-options{display:flex;align-items:center;justify-content:center;flex:1}.sku-input-card__upload-options-box{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;overflow:hidden}.sku-input-card__upload-opt-btn{display:flex;align-items:center;justify-content:center;width:140px;height:45px;padding:0;background:none;border:none;cursor:pointer;font-size:13px;color:#6b7280;transition:background .15s ease,color .15s ease}.sku-input-card__upload-opt-btn:hover{background:#f3f4f6;color:#111827}.sku-input-card__dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;z-index:100}.sku-input-card__dropdown-list{background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;max-height:216px;overflow-y:auto;padding-right:4px;box-sizing:border-box}.sku-input-card__dropdown-list::-webkit-scrollbar-track{margin:4px 0}.sku-input-card__dropdown-list::-webkit-scrollbar{width:4px}.sku-input-card__dropdown-list::-webkit-scrollbar-thumb{background-color:#dbdbdb;background-clip:padding-box;border:1px solid transparent;border-radius:2px / 2}.sku-input-card__dropdown-item{height:40px;display:flex;align-items:center;box-sizing:border-box;padding:8px 12px;font-size:13px;color:#333;cursor:pointer;transition:background .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px}.sku-input-card__dropdown-item:hover{background:#f5f5f5;border-radius:6px}.sku-input-card__dropdown-item--disabled{color:#999;cursor:not-allowed}.sku-input-card__dropdown-item--disabled:hover{background:transparent}.sku-input-card__dropdown-item--selected{font-weight:600;background:#f5f5f5}.sku-input-card__dropdown-highlight{font-weight:600}.sku-input-card__loading{display:flex;align-items:center;justify-content:center;flex:1;background:#f5f5f5}.sku-input-card__loading-img{width:48px;height:48px}@keyframes bu-input-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bu-input-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.bu-input{box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.bu-input *{box-sizing:border-box}.bu-input__label{display:flex;align-items:center;gap:2px;font-size:13px;color:#333;font-weight:500;line-height:1.5}.bu-input__required{color:#ef4444;font-size:13px;line-height:1.5}.bu-input__row{display:flex;align-items:stretch}.bu-input__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:40px;background:#fff;border:1px solid #ebebeb;color:#333;box-sizing:border-box}.bu-input__icon--left{border-right:none;border-radius:6px 0 0 6px}.bu-input__icon--right{border-left:none;border-radius:0 6px 6px 0}.bu-input__box{position:relative;flex:1;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:8px 12px;transition:border-color .2s ease;box-sizing:border-box}.bu-input__box--error{border-width:3px;border-color:#fde6e9;padding:6px 10px;animation:bu-input-shake .4s ease}.bu-input__box--error .bu-input__field::placeholder{color:#f87171}.bu-input__box--disabled{background:#f0f0f0;cursor:not-allowed}.bu-input__box--single{height:40px}.bu-input__box--number{padding-right:36px}.bu-input__box--number.bu-input__box--error{padding-right:34px}.bu-input__box--has-left{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.bu-input__box--has-right{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.bu-input__field{flex:1;width:100%;background:transparent;border:none;outline:none;padding:0;font-size:14px;color:#333;line-height:22px;-moz-appearance:none;appearance:none;-webkit-appearance:none;resize:none;box-sizing:border-box}.bu-input__field::placeholder{color:#999}.bu-input__field:disabled{cursor:not-allowed;color:#999}.bu-input__field--input{height:100%}.bu-input__field--textarea{min-height:80px;padding-bottom:36px}.bu-input__footer{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px}.bu-input__footer--bottom{top:auto;transform:none;bottom:8px}.bu-input__count{font-size:12px;color:#999;line-height:1;-webkit-user-select:none;user-select:none}.bu-input__translating{display:flex;align-items:center;gap:4px;font-size:12px;color:#999;-webkit-user-select:none;user-select:none}.bu-input__translating-icon{width:12px;height:12px;flex-shrink:0;animation:bu-input-spin 1s linear infinite}.bu-input__translated{display:flex;align-items:center;gap:4px;font-size:12px;color:#16a34a;-webkit-user-select:none;user-select:none}.bu-input__translated svg{width:14px;height:14px;flex-shrink:0}.bu-input__lang-toggle{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-input__lang-btn{height:22px;width:44px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center}.bu-input__lang-btn--active{background:#1f2937;color:#fff}.bu-input__stepper{position:absolute;right:0;top:0;bottom:0;width:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.3px;box-sizing:border-box}.bu-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:#6b7280;padding:0;line-height:1}.bu-input__stepper-btn:disabled{cursor:not-allowed;color:#ebebeb}.bu-input__error-msg{display:flex;align-items:center;gap:4px;font-size:12px;color:#ef4444;line-height:1.4;margin-top:2px}.bu-input__error-icon{flex-shrink:0;width:14px;height:14px}.bj-input{width:100%;height:40px;padding:0 8px;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;background:#fff;border:1px solid #ebebeb;border-radius:8px;outline:none}.bj-input::placeholder{color:#999}.bj-input--small{height:32px}.bj-input--large{height:48px}.bj-input--disabled{color:#999;background:#f0f0f0;cursor:not-allowed}.bj-input--borderless{border-color:transparent}.bj-input--error{border-color:#ef4444}.bj-input--warning{border-color:#f59e0b}.bj-input__affix-wrapper{display:inline-flex;align-items:center;width:100%;height:40px;gap:4px;padding:0 8px;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;background:#fff;border:1px solid #ebebeb;border-radius:8px}.bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):hover,.bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):focus-within{box-shadow:0 0 0 1px #dbdbdb}.bj-input__affix-wrapper--disabled{color:#999;background:#f0f0f0;cursor:not-allowed}.bj-input__affix-wrapper--small{height:32px}.bj-input__affix-wrapper--middle{padding-right:4px;padding-left:4px}.bj-input__affix-wrapper--large{height:48px}.bj-input__affix-wrapper--error{border-color:#ef4444}.bj-input__affix-wrapper--warning{border-color:#f59e0b}.bj-input__affix-wrapper>.bj-input{height:auto;padding:0;line-height:21px;background:transparent;border:0}.bj-input__affix-wrapper>.bj-input:hover,.bj-input__affix-wrapper>.bj-input:focus{box-shadow:none}.bj-input__prefix,.bj-input__suffix{display:flex;flex:none;align-items:center;color:#999}.bj-input__prefix .bu-icon,.bj-input__suffix .bu-icon{width:20px;height:20px;color:#999}.bj-input__clear-icon{padding:0;color:#999;font:inherit;background:transparent;border:0;cursor:pointer}.bj-input__clear-icon:hover{color:#6b7280}.bj-input__clear-icon:active{color:#333}.bj-input__clear-icon--hidden{visibility:hidden}.bj-input__group-wrapper{display:inline-block;width:100%}.bj-input__group{display:flex;width:100%}.bj-input__group>.bj-input,.bj-input__group>.bj-input__affix-wrapper{flex:1;min-width:0;border-radius:0}.bj-input__group-addon{display:flex;flex:none;align-items:center;padding:0 12px;color:#333;background:#f5f5f5;border:1px solid #ebebeb}.bj-input__group-addon:first-child{border-radius:8px 0 0 8px}.bj-input__group-addon:last-child{border-radius:0 8px 8px 0}.bj-tabs{display:flex;width:100%;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px}.bj-tabs__nav{position:relative;display:flex;flex:none;align-items:center}.bj-tabs__nav-wrap{display:flex;flex:auto;align-self:stretch;overflow:auto hidden;white-space:nowrap}.bj-tabs__nav-list{position:relative;display:flex;gap:32px}.bj-tabs__tab{position:relative;display:inline-flex;align-items:center;height:45px;padding:0 4px;color:#666;font:inherit;background:transparent;border:0;outline:0;cursor:pointer}.bj-tabs__tab--active{color:#333}.bj-tabs__tab--active .bj-tabs__tab-btn{font-family:SourceHanSansCN-Medium}.bj-tabs__tab--active .bj-tabs__tab-btn:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:#333;content:"";pointer-events:none}.bj-tabs__tab--disabled{color:#999;cursor:not-allowed}.bj-tabs__tab-btn{position:relative;display:inline-flex;align-items:center;height:100%;outline:none}.bj-tabs__content-holder{flex:auto;min-width:0;min-height:0}.bj-tabs__content{position:relative;width:100%}.bj-tabs__tabpane{display:none;outline:none}.bj-tabs__tabpane--active{display:block}.bj-tabs__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.bj-tabs--top,.bj-tabs--bottom{flex-direction:column}.bj-tabs--top>.bj-tabs__nav,.bj-tabs--bottom>.bj-tabs__nav{width:100%;border-bottom:1px solid #ebebeb}.bj-tabs--bottom>.bj-tabs__nav{order:1;border-top:1px solid #ebebeb;border-bottom:0}.bj-tabs--bottom>.bj-tabs__content-holder{order:0}.bj-tabs--left>.bj-tabs__nav,.bj-tabs--right>.bj-tabs__nav{flex-direction:column;min-width:48px}.bj-tabs--left .bj-tabs__nav-wrap,.bj-tabs--right .bj-tabs__nav-wrap{overflow:hidden auto}.bj-tabs--left .bj-tabs__nav-list,.bj-tabs--right .bj-tabs__nav-list{flex-direction:column}.bj-tabs--left .bj-tabs__tab,.bj-tabs--right .bj-tabs__tab{justify-content:center}.bj-tabs--left>.bj-tabs__nav{border-right:1px solid #ebebeb}.bj-tabs--left>.bj-tabs__content-holder{padding-left:16px}.bj-tabs--right>.bj-tabs__nav{order:1;border-left:1px solid #ebebeb}.bj-tabs--right>.bj-tabs__content-holder{order:0;padding-right:16px}.bj-tabs--centered>.bj-tabs__nav .bj-tabs__nav-wrap{justify-content:center}.bj-tabs--card>.bj-tabs__nav .bj-tabs__tab{margin:0;background:#f5f5f5;border:1px solid #ebebeb}.bj-tabs--card>.bj-tabs__nav .bj-tabs__tab--active{background:#fff}.bj-tabs--card .bj-tabs__tab--active .bj-tabs__tab-btn:after{display:none}.bj-tabs--card.bj-tabs--top>.bj-tabs__nav .bj-tabs__tab{border-radius:4px 4px 0 0}.bj-tabs--card.bj-tabs--bottom>.bj-tabs__nav .bj-tabs__tab{border-radius:0 0 4px 4px}.bj-tabs--card.bj-tabs--left>.bj-tabs__nav .bj-tabs__tab{border-radius:4px 0 0 4px}.bj-tabs--card.bj-tabs--right>.bj-tabs__nav .bj-tabs__tab{border-radius:0 4px 4px 0}@keyframes bu-eib-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.bu-eib{display:block}.bu-eib__box{position:relative;display:block;height:40px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:0 12px;box-sizing:border-box;transition:border-color .2s ease}.bu-eib__box--actions-delete{padding-right:40px}.bu-eib__box--actions-toggle{padding-right:114px}.bu-eib__box--actions-both{padding-right:142px}.bu-eib__box--error{border-width:3px;border-color:#fde6e9;padding-left:10px;padding-top:0;padding-bottom:0;animation:bu-eib-shake .4s ease}.bu-eib__box--error.bu-eib__box--actions-delete{padding-right:38px}.bu-eib__box--error.bu-eib__box--actions-toggle{padding-right:112px}.bu-eib__box--error.bu-eib__box--actions-both{padding-right:140px}.bu-eib__box--error .bu-eib__field::placeholder{color:#f87171}.bu-eib__box--disabled{background:#f0f0f0;cursor:not-allowed}.bu-eib__field{display:block;width:100%;height:100%;background:transparent;border:none;outline:none;padding:0;font-size:14px;color:#333;line-height:40px;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box}.bu-eib__field::placeholder{color:#999}.bu-eib__field:disabled{cursor:not-allowed;color:#999}.bu-eib__actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px}.bu-eib__lang-toggle{display:flex;align-items:center;flex-shrink:0;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-eib__lang-btn{height:22px;width:44px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center}.bu-eib__lang-btn--active{background:#1f2937;color:#fff}.bu-eib__delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:#333;border-radius:4px}.bu-eib__delete:hover{background:#f3f4f6}@keyframes bu-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bu-modal-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bu-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:bu-modal-fade-in .18s ease}.bu-modal__container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;width:480px;min-width:320px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;animation:bu-modal-slide-in .2s ease;overflow:hidden}.bu-modal__header{display:flex;align-items:center;height:64px;padding:0 20px;flex-shrink:0;gap:8px}.bu-modal__title{flex:1;font-size:15px;font-weight:500;color:#111827;line-height:1.4;margin:0}.bu-modal__lang-toggle{display:flex;align-items:center;flex-shrink:0;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-modal__lang-btn{height:22px;width:40px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center;transition:background .15s ease,color .15s ease}.bu-modal__lang-btn--active{background:#1f2937;color:#fff}.bu-modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;color:#333;border-radius:100px;font-size:20px;line-height:1;transition:background .15s ease,color .15s ease}.bu-modal__close svg{width:24px;height:24px}.bu-modal__close:hover{background:#f3f4f6;color:#333}.bu-modal__body{flex:1;padding:0 20px;min-height:63px;color:#333;font-size:14px;line-height:1.6}.bu-modal__footer{display:flex;flex-direction:column;align-items:center;padding:60px 20px 24px;gap:10px}.bu-modal__hint{font-size:12px;color:#999;line-height:1.5;text-align:center;margin:0}.bu-modal__btn-row{display:flex;align-items:center;justify-content:center;gap:32px}.bu-modal__btn-cancel{height:34px;padding:0 8px;min-width:88px;border:none;border-radius:6px;background:transparent;color:#374151;font-size:14px;font-weight:400;cursor:pointer;line-height:34px}.bu-modal__btn-ok{height:34px;min-width:88px;padding:0 8px;border:none;border-radius:6px;background:#333;color:#fff;font-size:14px;font-weight:500;cursor:pointer;line-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:opacity .15s ease}.bu-modal__btn-ok--loading{opacity:.65;cursor:not-allowed}.bu-modal__btn-ok:disabled{cursor:not-allowed}.bu-modal__btn-ok-spinner{display:inline-block;width:14px;height:14px;border:2px solid #ffffff;border-right-color:transparent;border-radius:50%;animation:bu-modal-spin .6s linear infinite;flex-shrink:0}@keyframes bu-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html ::-webkit-scrollbar-button{display:none;height:0;width:0}html ::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}html ::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:50px;-webkit-box-shadow:inset 0 0 6px #E2E2E2}.bu-pf{position:relative;display:block;-webkit-user-select:none;user-select:none}.bu-pf ::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__trigger{display:flex;align-items:flex-start;min-height:40px;padding:6px 8px 6px 12px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;cursor:pointer;gap:8px;box-sizing:border-box;overflow:hidden}.bu-pf__trigger--selected{background:#f5f5f5;border-color:#f5f5f5}.bu-pf__trigger-tags{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start;max-height:94px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-pf__trigger-tags::-webkit-scrollbar{width:4px}.bu-pf__trigger-tags::-webkit-scrollbar-track{background:transparent}.bu-pf__trigger-tags::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:2px}.bu-pf__trigger-tags::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__placeholder{flex:1;align-self:center;font-size:14px;color:#999;line-height:1}.bu-pf__arrow{flex-shrink:0;align-self:center;color:#999;display:flex;align-items:center;transition:transform .2s ease}.bu-pf__arrow--open{transform:rotate(180deg)}.bu-pf__panel{border-radius:6px;background:#f5f5f5}.bu-pf__dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 0 12px #00000014;overflow:hidden}.bu-pf__header{display:flex;align-items:center;padding:6px 8px 6px 12px;min-height:40px;box-sizing:border-box;gap:8px;overflow:hidden;background:#f5f5f5;border-radius:8px;border:1px solid #DBDBDB}.bu-pf__tags{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start;max-height:94px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-pf__tags::-webkit-scrollbar{width:4px}.bu-pf__tags::-webkit-scrollbar-track{background:transparent}.bu-pf__tags::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:2px}.bu-pf__tags::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__placeholder-inline{font-size:14px;color:#999;line-height:26px}.bu-pf__tag{display:inline-flex;align-items:center;height:26px;padding:0 6px 0 8px;background:#f5f5f5;border:1px solid #e5e7eb;border-radius:4px;gap:4px;cursor:default;min-width:250px}.bu-pf__tag--single{width:100%;border:none;border-radius:0;background:transparent;padding:0;min-width:0}.bu-pf__tag-text{font-size:13px;color:#333;line-height:1;white-space:nowrap}.bu-pf__tag-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:#99999973!important;cursor:pointer;color:#fff;flex-shrink:0;border-radius:9999px;margin-left:auto}.bu-pf__tag-close svg{width:16px;height:16px}.bu-pf__close{flex-shrink:0;align-self:center;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent!important;cursor:pointer;color:#999;border-radius:9999px;transform:rotate(180deg)}.bu-pf__close:hover{background:transparent!important;color:#333}.bu-pf__toolbar{display:flex;align-items:center;gap:8px;padding:12px 12px 16px}.bu-pf__search{flex:1;display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;background:#fff;border:1px solid #ebebeb;border-radius:8px}.bu-pf__search-icon{flex-shrink:0;color:#999;display:flex;align-items:center}.bu-pf__search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:#333;line-height:1;min-width:0}.bu-pf__search-input::placeholder{color:#c4c4c4}.bu-pf__sort-wrap{position:relative;flex-shrink:0}.bu-pf__sort-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;background:#f5f5f5;cursor:pointer;color:#999}.bu-pf__sort-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:100px;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;z-index:1000;overflow:hidden}.bu-pf__sort-option{padding:10px 16px;font-size:13px;color:#333;cursor:pointer;white-space:nowrap;text-align:center}.bu-pf__sort-option:hover{background:#f5f5f5}.bu-pf__sort-option--active{background:#f5f5f5;font-weight:500}.bu-pf__no-match{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 24px}.bu-pf__no-match-img{width:80px;height:80px;object-fit:contain}.bu-pf__no-match-text{font-size:14px;color:#999;margin:0 0 4px;font-weight:350}.bu-pf__no-match-hint{font-size:12px;color:#999;margin:0}.bu-pf__manage-btn{display:inline;border:none;background:transparent;padding:0;font-size:12px;font-weight:600;color:#333;cursor:pointer}.bu-pf__list{max-height:300px;overflow-y:auto;margin-bottom:8px;width:calc(100% - 12px);display:flex;flex-direction:column;gap:12px}.bu-pf__list::-webkit-scrollbar{width:4px}.bu-pf__list::-webkit-scrollbar-button{height:0;width:0}.bu-pf__list::-webkit-scrollbar-track{background:transparent}.bu-pf__list::-webkit-scrollbar-thumb{border-radius:2px}.bu-pf__option{display:flex;align-items:center;height:40px;flex-shrink:0;padding:0 12px;gap:10px;cursor:pointer}.bu-pf__option:not(.bu-pf__option--multiple):hover{background:#f3f4f6}.bu-pf__option--selected{background:#f3f4f6}.bu-pf__checkbox-img{flex-shrink:0;width:16px;height:16px;display:block}.bu-pf__option-label{flex:1;font-size:14px;color:#333;line-height:1}.bu-pf__add-row{border-top:1px solid #f3f4f6;cursor:pointer}.bu-category-dropdown{position:relative;display:inline-block;min-width:110px;max-width:300px}.bu-category-dropdown__trigger{display:flex;align-items:center;gap:8px;height:40px;min-width:110px;max-width:300px;padding:0 8px;background:#fff;border:1px solid #ebebeb;border-radius:8px;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;text-align:left}.bu-category-dropdown__trigger:hover:not(:disabled){border-color:#ebebeb;box-shadow:inset 0 0 0 2px #ebebeb}.bu-category-dropdown__trigger--open{border-color:#ebebeb;background:#f5f5f5;box-shadow:inset 0 0 0 2px #ebebeb}.bu-category-dropdown__trigger--has-value{background:#f5f5f5}.bu-category-dropdown__trigger:disabled{background:#f0f0f0;cursor:not-allowed}.bu-category-dropdown__trigger-label{display:block;width:100%;font-size:14px;line-height:21px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bu-category-dropdown__trigger-label--placeholder{color:#999}.bu-category-dropdown__trigger-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;color:#6b7280;transition:transform .2s ease}.bu-category-dropdown__trigger-chevron--open{transform:rotate(180deg)}.bu-category-dropdown__portal{background:#fff;border-radius:8px;padding:4px;box-shadow:0 4px 16px #0000001f;border:1px solid #ebebeb;z-index:1100}.bu-category-dropdown__panel{display:flex;align-items:stretch}.bu-category-dropdown__divider{width:1px;flex-shrink:0;background:#ebebeb;align-self:stretch}.bu-category-dropdown__col{display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;gap:2px;padding:0 8px 0 0;overflow-x:hidden}.bu-category-dropdown__col--indent{padding-left:8px}.bu-category-dropdown__col--last{padding-right:0}.bu-category-dropdown__col--scrollable{max-height:250px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-category-dropdown__col--scrollable::-webkit-scrollbar{width:3px;height:3px;background-color:transparent}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-button{display:none;height:0;width:0;background:transparent}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset 0 0 6px transparent;border-radius:9999px}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-thumb{background-color:transparent;box-shadow:inset 0 0 6px transparent;border-radius:9999px}.bu-category-dropdown__col--scrollable.bu-category-dropdown__col--scrollbar-visible::-webkit-scrollbar-thumb{background-color:#b3b3b3}.bu-category-dropdown__item{display:flex;align-items:center;gap:8px;height:40px;min-width:110px;max-width:300px;padding:0 8px;border:none;border-radius:8px;background:#fff;cursor:pointer;box-sizing:border-box;transition:background .15s ease;text-align:left;flex-shrink:0}.bu-category-dropdown__item:hover:not(:disabled){background:#f5f5f5}.bu-category-dropdown__item--selected-branch,.bu-category-dropdown__item--selected-leaf{background:#f5f5f5}.bu-category-dropdown__item--disabled{cursor:not-allowed;opacity:.45}.bu-category-dropdown__item-label{display:block;width:100%;font-size:14px;line-height:21px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bu-category-dropdown__item-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:#6b7280}.bu-category-dropdown__tooltip.tooltip-popup,.bu-category-dropdown__tooltip.tooltip-popup .tooltip-arrow{border:none}.pagination{display:flex;align-items:center;gap:16px;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;color:#111827;-webkit-user-select:none;user-select:none}.pagination.pagination-start{justify-content:flex-start}.pagination.pagination-center{justify-content:center}.pagination.pagination-end{justify-content:flex-end}.pagination.pagination-small .pagination-item{min-width:24px;height:24px;padding:0 6px;font-size:inherit}.pagination.pagination-small .pagination-prev,.pagination.pagination-small .pagination-next{width:24px;min-width:24px;height:24px;padding:0}.pagination.pagination-medium .pagination-item{min-width:32px;height:32px;padding:0 8px;font-size:inherit}.pagination.pagination-large .pagination-item{min-width:40px;height:40px;padding:0 10px;font-size:inherit}.pagination.pagination-disabled{opacity:.5;pointer-events:none}.pagination .pagination-total{color:#111827}.pagination .pagination-list{display:flex;align-items:center;gap:4px}.pagination .pagination-item{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;background:transparent;color:#111827;cursor:pointer;transition:all .2s;outline:none}.pagination .pagination-item:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-item.pagination-item-active{background:#f5f5f5;color:#111827}.pagination .pagination-item.pagination-ellipsis{cursor:default;pointer-events:none}.pagination .pagination-item.pagination-prev svg,.pagination .pagination-item.pagination-next svg{display:block}.pagination .pagination-item.pagination-prev:not(:disabled),.pagination .pagination-item.pagination-next:not(:disabled){background:#fff;border-radius:4px}.pagination .pagination-sizer{display:flex;align-items:center;position:relative}.pagination .pagination-sizer .pagination-sizer-select{display:inline-flex;align-items:center;position:relative;min-width:100px;height:32px;box-sizing:border-box;padding:4px 28px 4px 8px;border:1px solid #ebebeb;border-radius:8px;background:transparent;color:#111827;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;outline:none;transition:all .2s;text-align:left;white-space:nowrap}.pagination .pagination-sizer .pagination-sizer-select:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon{position:absolute;top:50%;right:4px;pointer-events:none;transform:translateY(-50%);transition:transform .2s}.pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon.pagination-sizer-icon-open{transform:translateY(-50%) rotate(180deg)}.pagination .pagination-jumper{display:flex;align-items:center;gap:4px}.pagination .pagination-jumper .pagination-jumper-input{width:56px;height:32px;box-sizing:border-box;padding:4px 8px;border:1px solid #ebebeb;border-radius:8px;background:transparent;color:#111827;font-family:inherit;font-size:inherit;line-height:inherit;text-align:center;outline:none;transition:border-color .2s}.pagination .pagination-jumper .pagination-jumper-input:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-jumper .pagination-jumper-input::-webkit-inner-spin-button,.pagination .pagination-jumper .pagination-jumper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination .pagination-jumper .pagination-jumper-input::-moz-inner-spin-button,.pagination .pagination-jumper .pagination-jumper-input::-moz-outer-spin-button{-moz-appearance:none;margin:0}.pagination.pagination-simple{display:inline-block}.pagination.pagination-simple .pagination-simple-list{display:inline-flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;padding:0;gap:8px}.pagination.pagination-simple .pagination-simple-item{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#111827;cursor:pointer;transition:all .2s;outline:none}.pagination.pagination-simple .pagination-simple-item:disabled{cursor:not-allowed;opacity:.5}.pagination.pagination-simple .pagination-simple-item svg{display:block}.pagination.pagination-simple .pagination-simple-text{color:#111827;font-family:inherit;font-size:inherit;line-height:inherit;padding:0 8px}.pagination-sizer-dropdown{width:116px;background:#fff;border-radius:8px;box-shadow:0 0 12px #00000024;z-index:100;overflow:hidden;padding:4px}.pagination-sizer-option{display:block;width:100%;padding:10px;border:none;background:transparent;color:#111827;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;text-align:center;cursor:pointer;transition:background-color .2s;white-space:nowrap;border-radius:6px;height:40px;display:flex;align-items:center;justify-content:center}.pagination-sizer-option[data-selected=true]{background:#f5f5f5}.dark .pagination,.dark .pagination .pagination-item{color:#fff}.dark .pagination .pagination-item.pagination-item-active{background:#ffffff1a;color:#fff}.dark .pagination .pagination-total{color:#fff}.dark .pagination .pagination-sizer .pagination-sizer-select{background:transparent;border-color:#ffffff1a;color:#fff}.dark .pagination .pagination-sizer .pagination-sizer-icon{color:#ffffff80}.dark .pagination .pagination-jumper .pagination-jumper-input{background:transparent;border-color:#ffffff1a;color:#fff}.dark .pagination.pagination-simple .pagination-simple-list{background:#ffffff0d}.dark .pagination.pagination-simple .pagination-simple-item,.dark .pagination.pagination-simple .pagination-simple-text{color:#fff}.file-card{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:210px;display:flex;flex-direction:column;gap:8px}.file-card .file-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;border-radius:inherit;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .18s;pointer-events:none}.file-card .file-card__overlay-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#fff;cursor:pointer;border-radius:6px;padding:0;pointer-events:auto;transition:background .15s}.file-card .file-card__overlay-btn:hover{background:#fff3}.file-card .file-card__name-area{display:flex;align-items:flex-start;gap:4px;padding:4px 8px;height:50px}.file-card .file-card__name-area--editing{background:#fff;border:1px solid #ebebeb;border-radius:4px;padding:4px 8px;height:50px;display:flex;align-items:flex-start}.file-card .file-card__filename{flex:1;font-size:14px;line-height:1.5;color:#111827;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;padding:0;margin:0;box-sizing:border-box;vertical-align:top}.file-card .file-card__edit-input{flex:1;height:42px;padding:0;font-size:14px;line-height:1.5;color:#111827;border:none;border-radius:0;outline:none;background:transparent;resize:none;overflow-y:auto;scrollbar-width:none;box-sizing:border-box;vertical-align:top}.file-card .file-card__edit-input::-webkit-scrollbar{display:none}.file-card .file-card__edit-input:focus{outline:none}.file-card--pdf .file-card__pdf-preview{position:relative;height:138px;background:#d1d5db;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer;overflow:hidden;transition:box-shadow .2s}.file-card--pdf .file-card__pdf-preview:hover{box-shadow:0 4px 16px #0000001f}.file-card--pdf .file-card__pdf-preview:hover .file-card__overlay{opacity:1}.file-card--pdf .file-card__pdf-label{width:100%;padding:8px 10px;background:#1f2937;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-card--pdf .file-card__pdf-label span{font-size:14px;font-weight:350;color:#fff;letter-spacing:.3px}.file-card--other .file-card__other-preview{position:relative;height:138px;background:#fff;border:1px solid #ebebeb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:box-shadow .2s}.file-card--other .file-card__other-preview:hover{box-shadow:0 2px 6px #0000000f}.file-card--other .file-card__other-preview:hover .file-card__overlay{opacity:1}.file-card--other .file-card__image-thumb{width:100%;height:100%;object-fit:cover}.dark .file-card--pdf .file-card__pdf-preview{background:#2a2a2a}.dark .file-card--pdf .file-card__pdf-preview:hover{box-shadow:0 4px 12px #0006}.dark .file-card--pdf .file-card__pdf-label{background:#1a1a1a}.dark .file-card--other .file-card__other-preview{background:#1f1f1f;border-color:#303030}.dark .file-card--other .file-card__other-preview:hover{box-shadow:0 2px 8px #0000004d}.dark .file-card .file-card__filename{color:#e8e8e8}.dark .file-card .file-card__name-area--editing{background:#1f1f1f;border-color:#404040;padding:4px 8px;height:50px;display:flex;align-items:flex-start}.dark .file-card .file-card__edit-input{background:transparent;color:#e8e8e8;border:none;border-radius:0;height:42px;padding:0;font-size:14px;line-height:1.5;resize:none;overflow-y:auto;scrollbar-width:none;box-sizing:border-box;vertical-align:top}.dark .file-card .file-card__edit-input::-webkit-scrollbar{display:none}.dark .file-card .file-card__edit-input:focus{outline:none}.bu-switch{--bu-switch-light-on: #333333;--bu-switch-light-off: #CCCCCC;--bu-switch-dark-on: #e60023;--bu-switch-dark-off: rgba(255, 255, 255, .25);--bu-switch-track-bg: #CCCCCC;position:relative;display:inline-block;box-sizing:border-box;width:32px;min-width:32px;height:16px;padding:0;border:none;border-radius:9999px;background:var(--bu-switch-track-bg);cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1);outline:none;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bu-switch--disabled{cursor:not-allowed;opacity:.5}.bu-switch--loading{cursor:wait}.bu-switch__track{display:flex;align-items:center;width:100%;height:100%;padding:2px;box-sizing:border-box}.bu-switch__thumb{position:relative;flex-shrink:0;width:12px;height:12px;border-radius:9999px;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:translate(0)}.bu-switch--checked .bu-switch__thumb{transform:translate(16px)}.bu-switch__loading-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#999;animation:bu-switch-spin .8s linear infinite}.bu-switch__loading-icon svg{width:10px;height:10px}@keyframes bu-switch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bu-switch__label{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;overflow:hidden;white-space:nowrap;line-height:1;min-width:0;padding:0 2px}.bu-switch__label--left{justify-content:flex-start}.bu-switch__label--right{justify-content:flex-end}.bj-input-number{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;width:100%;min-width:90px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:8px;padding:8px 12px;transition:border-color .2s ease}.bj-input-number *{box-sizing:border-box}.bj-input-number:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none;transition:box-shadow .2s ease}.bj-input-number:hover:not(.bj-input-number--disabled):not(.bj-input-number--readonly):after,.bj-input-number:active:not(.bj-input-number--disabled):not(.bj-input-number--readonly):after{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--focused{border-color:#ebebeb}.bj-input-number--focused:after{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--small{height:32px;font-size:13px}.bj-input-number--middle{height:40px;font-size:14px}.bj-input-number--large{height:48px;font-size:15px}.bj-input-number--disabled{background:#f0f0f0;cursor:not-allowed}.bj-input-number--disabled:hover{border-color:#ebebeb}.bj-input-number--readonly{background:#f3f4f6}.bj-input-number--borderless{border-color:transparent;background:transparent}.bj-input-number--borderless.bj-input-number--focused{box-shadow:none}.bj-input-number--error{border-width:3px;border-color:#fde6e9;padding:6px 10px}.bj-input-number--error .bj-input-number__input::placeholder{color:#f87171}.bj-input-number--warning{border-color:#f59e0b}.bj-input-number--out-of-range .bj-input-number__input{color:#ef4444}.bj-input-number--with-controls{padding-right:44px}.bj-input-number--with-controls.bj-input-number--error{padding-right:42px}.bj-input-number--group-left{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.bj-input-number--group-right{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.bj-input-number__prefix,.bj-input-number__suffix{display:flex;flex:none;align-items:center;color:#6b7280;pointer-events:none}.bj-input-number__prefix{margin-right:4px}.bj-input-number__suffix{margin-left:4px}.bj-input-number__input-wrap{flex:1;min-width:0;display:flex;transition:box-shadow .2s ease}.bj-input-number__input-wrap:hover{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--disabled .bj-input-number__input-wrap:hover,.bj-input-number--readonly .bj-input-number__input-wrap:hover{box-shadow:none}.bj-input-number__input{width:100%;border:none;outline:none;background:transparent;padding:0;margin:0;font:inherit;color:#333;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.bj-input-number__input::-webkit-inner-spin-button,.bj-input-number__input::-webkit-outer-spin-button{margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.bj-input-number__input::placeholder{color:#999}.bj-input-number__input:disabled{cursor:not-allowed;color:#999}.bj-input-number__handler-wrap{position:absolute;top:0;right:0;bottom:0;width:32px;opacity:0;transition:opacity .2s ease}.bj-input-number:hover .bj-input-number__handler-wrap,.bj-input-number--focused .bj-input-number__handler-wrap{opacity:1}.bj-input-number--disabled .bj-input-number__handler-wrap,.bj-input-number--readonly .bj-input-number__handler-wrap{display:none}.bj-input-number__handler{position:absolute;left:0;right:0;margin-right:8px;height:50%;cursor:pointer;background:transparent;-webkit-user-select:none;user-select:none}.bj-input-number__handler--up{top:0}.bj-input-number__handler--down{bottom:0}.bj-input-number__handler--disabled{cursor:not-allowed}.bj-input-number__handler-icon{position:absolute;top:50%;right:8px;width:24px;height:24px;transform:translateY(-50%);pointer-events:none;color:#999;transition:opacity .15s ease,color .15s ease}.bj-input-number__handler-icon--up{clip-path:inset(0 0 50% 0)}.bj-input-number__handler-icon--down{clip-path:inset(50% 0 0 0)}.bj-input-number__handler--up:active~.bj-input-number__handler-icon--up{color:#333}.bj-input-number__handler--down:active~.bj-input-number__handler-icon--down{color:#333}.bj-input-number-group{display:inline-flex;align-items:stretch;width:100%}.bj-input-number-group__addon{display:flex;align-items:center;flex:none;padding:0 12px;background:#f3f4f6;border:1px solid #ebebeb;color:#6b7280;white-space:nowrap}.bj-input-number-group__addon:first-child{border-right:none;border-radius:8px 0 0 8px}.bj-input-number-group__addon:last-child{border-left:none;border-radius:0 8px 8px 0}.bj-input-number-group .bj-input-number{flex:1;min-width:0}.bj-checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:8px;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;cursor:pointer}.bj-checkbox-wrapper--disabled{color:#999;cursor:not-allowed}.bj-checkbox-wrapper--rtl{direction:rtl}.bj-checkbox{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:16px;height:16px;vertical-align:middle}.bj-checkbox__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.bj-checkbox__inner{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:1px solid #dbdbdb;border-radius:4px;transition:width .15s ease,height .15s ease,background .15s ease}.bj-checkbox--checked.bj-checkbox--dark .bj-checkbox__inner{width:16px;height:16px;background:#333;border-color:#333}.bj-checkbox--checked.bj-checkbox--white .bj-checkbox__inner{width:16px;height:16px;background:transparent;border-color:#dbdbdb}.bj-checkbox--white .bj-checkbox__check-icon{color:#333}.bj-checkbox__check-icon{position:absolute;top:50%;left:50%;width:14px;height:14px;color:#fff;pointer-events:none;transform:translate(-50%,-50%)}.bj-checkbox--indeterminate .bj-checkbox__inner{width:16px;height:16px;background:#fff;border-color:#dbdbdb}.bj-checkbox__indeterminate-mark{width:8px;height:2px;background:#333;border-radius:4px}.bj-checkbox--disabled{opacity:.5}.bj-checkbox__input:focus-visible+.bj-checkbox__inner{outline:2px solid #1677ff;outline-offset:1px}.bj-checkbox__label{position:relative;min-width:0;padding-right:0;padding-left:0;overflow-wrap:anywhere}.bj-checkbox-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.bj-checkbox-group--rtl{direction:rtl}.bj-overlay-scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.bj-overlay-scrollbar-hidden::-webkit-scrollbar{width:0;height:0}.bj-overlay-scrollbar__thumb{position:absolute;z-index:100;background:var(--bj-overlay-scrollbar-bg, #dbdbdb);border-radius:4px;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}.bj-overlay-scrollbar__thumb--active{opacity:1}.bj-overlay-scrollbar__thumb:hover{background:var(--bj-overlay-scrollbar-bg, #c2c2c2)}.bj-dropdown{width:280px;overflow:hidden;color:#333;background:#fff;border:1px solid #ebebeb;border-radius:8px;box-shadow:0 0 12px #00000014}.bj-dropdown__search{display:flex;align-items:center;padding:8px}.bj-dropdown__search .bj-input__affix-wrapper{height:32px;gap:4px;border-radius:8px}.bj-dropdown__search .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):hover,.bj-dropdown__search .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):focus-within{border-color:#dbdbdb;box-shadow:none}.bj-dropdown__search .bj-input__prefix .bu-icon{width:24px;height:24px;color:#999}.bj-dropdown__search .bj-input__clear-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:4px;color:#333}.bj-dropdown__search .bj-dropdown__search-clear-icon{width:20px;height:20px;color:#333}.bj-dropdown__options{max-height:240px;padding:0 12px;margin:0 0 12px;overflow-y:auto}.bj-dropdown__options--empty{height:160px;margin-top:0;margin-bottom:12px}.bj-dropdown__option{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:0;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;white-space:nowrap;cursor:pointer}.bj-dropdown__option .bj-checkbox__label{display:block;flex:1;min-width:0;padding-right:0;padding-left:0}.bj-dropdown__option--single{justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-family:SourceHanSansCN-Normal;font-size:14px;font-style:normal;font-weight:350;line-height:21px;letter-spacing:0;text-align:left;background:transparent;border:0}.bj-dropdown__option--single:hover:not(:disabled){background:#fafafa}.bj-dropdown__option--single:disabled{color:#999;cursor:not-allowed}.bj-dropdown__option-label{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bj-dropdown__option-content{display:flex;flex:1;flex-direction:column;min-width:0}.bj-dropdown__option-description{overflow:hidden;color:#999;font-family:SourceHanSansCN-Normal;font-size:12px;font-style:normal;font-weight:350;line-height:19px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.bj-dropdown__option-tooltip-anchor{display:block;pointer-events:none;z-index:1100}.bj-dropdown__option-tooltip.tooltip-popup,.bj-dropdown__option-tooltip.tooltip-popup .tooltip-arrow{border:0}.bj-dropdown__option-icon{flex:none;width:20px;height:20px;color:#333}.bj-dropdown__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:100%}.bj-dropdown__empty-image{width:68px;height:68px}.bj-dropdown__empty-text{color:#999;font-family:SourceHanSansCN-Normal;font-size:12px;font-style:normal;font-weight:350;line-height:21px;letter-spacing:0;text-align:center}.bj-dropdown__actions{display:flex;justify-content:center;gap:16px;padding:8px 12px 12px}.bj-dropdown__actions button{min-width:80px;height:28px;padding:0 12px;color:#333;font-family:SourceHanSansCN-Normal;font-size:12px;line-height:28px;background:transparent;border:0;border-radius:4px;cursor:pointer}.bj-dropdown__actions button:last-child{color:#fff;background:#333}.bj-dropdown__actions--single{display:block;padding:0;margin-top:20px}.bj-dropdown__actions--single button{width:100%;min-width:0;height:40px;color:#333;font-family:SourceHanSansCN-Normal;font-size:12px;font-style:normal;font-weight:350;line-height:19px;background:#f5f5f5;border-radius:0}.bj-dropdown__actions--single button:last-child{color:#333;background:#f5f5f5}.bj-dropdown--single .bj-dropdown__search{padding:8px}.bj-dropdown--single .bj-dropdown__options--single{max-height:240px;padding:0;margin:0}.bj-dropdown--single .bj-dropdown__options--single.bj-dropdown__options--empty{margin-bottom:20px}.bj-dropdown--double-line .bj-dropdown__options{max-height:336px}.bj-dropdown--double-line .bj-dropdown__option--double-line{min-height:56px;padding:8px 12px}.bj-dropdown--double-line .bj-dropdown__option--double-line .bj-checkbox{margin-top:0}.bj-dropdown--double-line .bj-dropdown__option--double-line--single{padding:8px 12px}.bj-dropdown--double-line .bj-dropdown__option--double-line:not(.bj-dropdown__option--single){padding:8px 0}.bj-dropdown--double-line .bj-dropdown__option-label{font-family:SourceHanSansCN-Normal;font-weight:350;line-height:21px}.bj-dropdown--double-line.bj-dropdown--single .bj-dropdown__options--single{max-height:336px}.bj-table{position:relative;width:100%;color:#333;font-family:SourceHanSansCN-Normal;font-size:12px;line-height:19px}.bj-table *,.bj-table *:before,.bj-table *:after{box-sizing:border-box}.bj-table__scroll{width:100%;overflow-x:auto}.bj-table__viewport{position:relative}.bj-table__native-table{width:100%;min-width:100%;border-spacing:0;border-collapse:separate;table-layout:fixed}.bj-table__title,.bj-table__footer{padding:12px;color:#333;background:#fff;border:1px solid #dbdbdb}.bj-table__title{border-bottom:0}.bj-table__footer{border-top:0}.bj-table__summary{position:relative;background:#fff}.bj-table__summary th,.bj-table__summary td{padding:17.5px 12px;border-bottom:1px solid #dbdbdb}.bj-table--bordered .bj-table__scroll{border-radius:8px}.bj-table--bordered:not(.bj-table--empty) .bj-table__scroll{border:1px solid #dbdbdb}.bj-table--bordered .bj-table__native-table{border:0}.bj-table--bordered.bj-table--empty .bj-table__header{border:1px solid #dbdbdb}.bj-table--bordered.bj-table--empty .bj-table__header-row:first-child .bj-table__header-cell{border-top:1px solid #dbdbdb}.bj-table--bordered.bj-table--empty .bj-table__header-row:last-child .bj-table__header-cell{border-bottom:1px solid #dbdbdb}.bj-table--bordered.bj-table--empty .bj-table__header-cell:first-child{border-left:1px solid #dbdbdb;border-top-left-radius:8px}.bj-table--bordered.bj-table--empty .bj-table__header-cell:last-child{border-right:1px solid #dbdbdb;border-top-right-radius:8px}.bj-table__header-cell{position:relative;height:36px;padding:0 12px;color:#333;font-weight:400;text-align:left;vertical-align:middle;background:#fafafa;border-bottom:1px solid #dbdbdb}.bj-table__header-cell--sortable,.bj-table__header-cell--filterable{padding-right:8px;cursor:pointer}.bj-table__column-header{display:flex;align-items:center;justify-content:space-between;min-width:0}.bj-table__column-title{display:flex;flex:1;align-items:center;justify-content:space-between;min-width:0;padding:0;color:inherit;font:inherit;text-align:inherit}.bj-table__column-title-content{display:inline-flex;align-items:center;min-width:0;gap:4px}.bj-table__column-tooltip-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;width:100%}.bj-table__column-tooltip-wrapper>.bj-table__column-tooltip-trigger{flex:1;display:flex;min-width:0;outline:none}.bj-table__column-tooltip-wrapper>.bj-table__column-tooltip-trigger>.bj-table__column-header{flex:1;padding:0 12px}.bj-table__column-badge-trigger{position:absolute;top:-1px;right:-1px;z-index:2;display:block;width:12px;height:12px;cursor:default;outline:none}.bj-table__column-badge-shape{display:block;width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 100%);background:#dbdbdb;pointer-events:none}.bj-table__column-tooltip.tooltip-popup--content{z-index:1000}.bj-table__column-sorter{display:inline-flex;flex:none;align-items:center;justify-content:center;margin-left:auto;color:#666}.bj-table__column-sorter-icon,.bj-table__filter-icon{width:24px;height:24px;color:#666;pointer-events:none}.bj-table__filter-icon{width:20px;height:20px}.bj-table__filter{position:static;flex:none}.bj-table__filter-trigger{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:0;margin-left:auto;padding:0;color:#666;font-size:12px;background:transparent;border:0;border-radius:4px;cursor:pointer;pointer-events:none}.bj-table__filter-trigger:hover{color:#666;background:#f0f0f0}.bj-table__filter-trigger--active{color:#666}.bj-table__filter-dropdown{position:fixed;z-index:100}.bj-table--bordered .bj-table__header-cell:not(:last-child),.bj-table--bordered .bj-table__cell:not(:last-child){border-right:1px solid #dbdbdb}.bj-table--bordered .bj-table__cell--before-fixed-right:not(:last-child){border-right:0}.bj-table__cell{padding:17.5px 12px;color:#333;font-family:SourceHanSansCN-Normal;font-size:12px;line-height:19px;word-break:break-all;overflow-wrap:anywhere;vertical-align:middle;border-bottom:1px solid #dbdbdb;box-shadow:none}.bj-table__row{min-height:54px}.bj-table__row--group{height:36px;min-height:36px}.bj-table__cell--group{height:36px;padding:0!important;border-left:0;border-right:0;border-bottom:1px solid #dbdbdb;box-shadow:none}.bj-table__body .bj-table__row:last-child .bj-table__cell{border-bottom:0}.bj-table__cell-content{min-height:19px}.bj-table__cell--fixed:not(.bj-table__cell--group){background:#fafafa}.bj-table__header-cell.bj-table__cell--fixed{z-index:3!important;background:#fafafa}.bj-table__cell--fixed-left{border-right:0!important}.bj-table__cell--fixed-right{border-left:0;border-right:0}.bj-table__cell--fixed-left:after,.bj-table__selection-cell--fixed:after{position:absolute;top:0;right:0;bottom:0;width:1px;background:#dbdbdb;content:"";pointer-events:none}.bj-table__cell--fixed-right:before{position:absolute;top:0;bottom:0;left:0;width:1px;background:#dbdbdb;content:"";pointer-events:none}.bj-table__cell--fixed-left-last:before,.bj-table__cell--fixed-right-first:after{position:absolute;top:0;bottom:0;width:6px;content:"";opacity:0;pointer-events:none;transition:opacity .2s ease}.bj-table__cell--fixed-left-last:before{left:100%;background:linear-gradient(90deg,#00000014,#0000)}.bj-table__cell--fixed-right-first:after{right:100%;background:linear-gradient(270deg,#00000014,#0000)}.bj-table--ping-left .bj-table__cell--fixed-left-last:before,.bj-table--ping-right .bj-table__cell--fixed-right-first:after{opacity:1}.bj-table__body .bj-table__cell--fixed-left,.bj-table__body .bj-table__cell--fixed-right{border-bottom:1px solid #dbdbdb;box-shadow:none}.bj-table__body .bj-table__row:last-child .bj-table__cell--fixed-left,.bj-table__body .bj-table__row:last-child .bj-table__cell--fixed-right{border-bottom:0}.bj-table__row:hover .bj-table__cell,.bj-table__row--selected .bj-table__cell{background:#fafafa}.bj-table__cell--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;overflow-wrap:normal}.bj-table__selection-col,.bj-table__selection-cell{width:48px;padding:0 12px;text-align:center;vertical-align:middle}.bj-table__selection-cell--fixed{position:sticky;left:0;z-index:2;background:#fafafa;border-right:0!important}.bj-table__header-cell.bj-table__selection-cell--fixed{z-index:4;background:#fafafa}.bj-table__body .bj-table__selection-cell{height:54px}.bj-table__selection-cell>.bj-table__selection-control{margin:auto}.bj-table__selection-cell>.bj-table__selection-checkbox{display:flex;justify-content:center;margin:auto;line-height:1}.bj-table__selection-control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;vertical-align:middle;cursor:pointer}.bj-table__selection-control--disabled{cursor:not-allowed;opacity:.5}.bj-table__selection-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.bj-table__selection-box{display:flex;align-items:center;justify-content:center;width:15px;height:15px;background:transparent;border:1px solid #dbdbdb;border-radius:4px;transition:width .15s ease,height .15s ease,background .15s ease}.bj-table__selection-control--checked .bj-table__selection-box{width:16px;height:16px;background:#333;border-color:#333}.bj-table__selection-check-icon{width:14px;height:14px;color:#fff;pointer-events:none}.bj-table__selection-input:focus-visible+.bj-table__selection-box{outline:2px solid #1677ff;outline-offset:1px}.bj-table__empty-cell{height:454px;padding:0 12px;color:#999;text-align:center;vertical-align:middle;border-bottom:0}.bj-table__empty-overlay{position:absolute;top:36px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#999;text-align:center;pointer-events:none}.bj-table__empty-content{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.bj-table__empty-image-wrap{display:flex;align-items:center;justify-content:center}.bj-table__empty-image{display:block;width:80px;height:80px;object-fit:contain;-webkit-user-select:none;user-select:none}.bj-table__empty-text{color:#999;font-size:12px;line-height:20px}.bj-table__loading{position:absolute;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#6b7280;background:#fffc;pointer-events:all}.bj-table__loading-indicator{width:60px;height:60px;margin:0;-webkit-user-select:none;user-select:none}.bj-table__loading-text{font-size:13px}.bj-table__pagination{margin-top:16px}.bj-table--small .bj-table__header-cell{height:32px}.bj-table--small .bj-table__cell{min-height:40px;padding:8px 12px}