yd-admin 0.1.7 → 0.1.9

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 (6) hide show
  1. package/README.md +379 -327
  2. package/dist/index.js +3112 -645
  3. package/dist/style.css +2799 -1122
  4. package/package.json +81 -81
  5. package/dist/chunk-pbuEa-1d.js +0 -13
  6. package/dist/index.d.ts +0 -4588
package/dist/style.css CHANGED
@@ -1,117 +1,117 @@
1
1
 
2
- .yd-button[data-v-8a9a80ea] {
3
- display: inline-flex;
4
- align-items: center;
5
- justify-content: center;
6
- gap: 8px;
7
- padding: 8px 16px;
8
- font-size: 14px;
9
- font-weight: 500;
10
- line-height: 1.5;
11
- border: 1px solid transparent;
12
- border-radius: 6px;
13
- cursor: pointer;
14
- transition: all 200ms ease;
2
+ .yd-button[data-v-08fa2dc1] {
3
+ display: inline-flex;
4
+ align-items: center;
5
+ justify-content: center;
6
+ gap: 8px;
7
+ padding: 8px 16px;
8
+ font-size: 14px;
9
+ font-weight: 500;
10
+ line-height: 1.5;
11
+ border: 1px solid transparent;
12
+ border-radius: 6px;
13
+ cursor: pointer;
14
+ transition: all 200ms ease;
15
15
  user-select: none;
16
16
  }
17
- .yd-button[data-v-8a9a80ea]:disabled {
18
- cursor: not-allowed;
17
+ .yd-button[data-v-08fa2dc1]:disabled {
18
+ cursor: not-allowed;
19
19
  opacity: 0.6;
20
20
  }
21
- .yd-button--primary[data-v-8a9a80ea] {
22
- color: var(--yd-color-btn-primary-color);
23
- background-color: var(--yd-color-btn-primary-bg);
21
+ .yd-button--primary[data-v-08fa2dc1] {
22
+ color: var(--yd-color-btn-primary-color);
23
+ background-color: var(--yd-color-btn-primary-bg);
24
24
  border-color: var(--yd-color-btn-primary-bg);
25
25
  }
26
- .yd-button--primary[data-v-8a9a80ea]:hover:not(:disabled) {
26
+ .yd-button--primary[data-v-08fa2dc1]:hover:not(:disabled) {
27
27
  background-color: var(--yd-color-btn-primary-bg-hover);
28
28
  }
29
- .yd-button--success[data-v-8a9a80ea] {
30
- color: var(--yd-color-btn-success-color);
31
- background-color: var(--yd-color-btn-success-bg);
29
+ .yd-button--success[data-v-08fa2dc1] {
30
+ color: var(--yd-color-btn-success-color);
31
+ background-color: var(--yd-color-btn-success-bg);
32
32
  border-color: var(--yd-color-btn-success-bg);
33
33
  }
34
- .yd-button--success[data-v-8a9a80ea]:hover:not(:disabled) {
34
+ .yd-button--success[data-v-08fa2dc1]:hover:not(:disabled) {
35
35
  background-color: var(--yd-color-btn-success-bg-hover);
36
36
  }
37
- .yd-button--warning[data-v-8a9a80ea] {
38
- color: var(--yd-color-btn-warning-color);
39
- background-color: var(--yd-color-btn-warning-bg);
37
+ .yd-button--warning[data-v-08fa2dc1] {
38
+ color: var(--yd-color-btn-warning-color);
39
+ background-color: var(--yd-color-btn-warning-bg);
40
40
  border-color: var(--yd-color-btn-warning-bg);
41
41
  }
42
- .yd-button--warning[data-v-8a9a80ea]:hover:not(:disabled) {
42
+ .yd-button--warning[data-v-08fa2dc1]:hover:not(:disabled) {
43
43
  background-color: var(--yd-color-btn-warning-bg-hover);
44
44
  }
45
- .yd-button--error[data-v-8a9a80ea] {
46
- color: var(--yd-color-btn-error-color);
47
- background-color: var(--yd-color-btn-error-bg);
45
+ .yd-button--error[data-v-08fa2dc1] {
46
+ color: var(--yd-color-btn-error-color);
47
+ background-color: var(--yd-color-btn-error-bg);
48
48
  border-color: var(--yd-color-btn-error-bg);
49
49
  }
50
- .yd-button--error[data-v-8a9a80ea]:hover:not(:disabled) {
50
+ .yd-button--error[data-v-08fa2dc1]:hover:not(:disabled) {
51
51
  background-color: var(--yd-color-btn-error-bg-hover);
52
52
  }
53
- .yd-button--default[data-v-8a9a80ea] {
54
- color: var(--yd-color-btn-default-color);
55
- background-color: var(--yd-color-btn-default-bg);
53
+ .yd-button--default[data-v-08fa2dc1] {
54
+ color: var(--yd-color-btn-default-color);
55
+ background-color: var(--yd-color-btn-default-bg);
56
56
  border-color: var(--yd-color-btn-default-border);
57
57
  }
58
- .yd-button--default[data-v-8a9a80ea]:hover:not(:disabled) {
58
+ .yd-button--default[data-v-08fa2dc1]:hover:not(:disabled) {
59
59
  background-color: var(--yd-color-btn-default-bg-hover);
60
60
  }
61
- .yd-button--plain[data-v-8a9a80ea] {
61
+ .yd-button--plain[data-v-08fa2dc1] {
62
62
  background-color: transparent;
63
63
  }
64
- .yd-button--plain.yd-button--primary[data-v-8a9a80ea] {
65
- color: var(--yd-color-btn-primary-bg);
64
+ .yd-button--plain.yd-button--primary[data-v-08fa2dc1] {
65
+ color: var(--yd-color-btn-primary-bg);
66
66
  border-color: var(--yd-color-btn-primary-bg);
67
67
  }
68
- .yd-button--plain.yd-button--success[data-v-8a9a80ea] {
69
- color: var(--yd-color-btn-success-bg);
68
+ .yd-button--plain.yd-button--success[data-v-08fa2dc1] {
69
+ color: var(--yd-color-btn-success-bg);
70
70
  border-color: var(--yd-color-btn-success-bg);
71
71
  }
72
- .yd-button--plain.yd-button--warning[data-v-8a9a80ea] {
73
- color: var(--yd-color-btn-warning-bg);
72
+ .yd-button--plain.yd-button--warning[data-v-08fa2dc1] {
73
+ color: var(--yd-color-btn-warning-bg);
74
74
  border-color: var(--yd-color-btn-warning-bg);
75
75
  }
76
- .yd-button--plain.yd-button--error[data-v-8a9a80ea] {
77
- color: var(--yd-color-btn-error-bg);
76
+ .yd-button--plain.yd-button--error[data-v-08fa2dc1] {
77
+ color: var(--yd-color-btn-error-bg);
78
78
  border-color: var(--yd-color-btn-error-bg);
79
79
  }
80
- .yd-button--round[data-v-8a9a80ea] {
80
+ .yd-button--round[data-v-08fa2dc1] {
81
81
  border-radius: 20px;
82
82
  }
83
- .yd-button--circle[data-v-8a9a80ea] {
84
- border-radius: 50%;
85
- padding: 8px;
86
- width: 36px;
83
+ .yd-button--circle[data-v-08fa2dc1] {
84
+ border-radius: 50%;
85
+ padding: 8px;
86
+ width: 36px;
87
87
  height: 36px;
88
88
  }
89
- .yd-button--xs[data-v-8a9a80ea] {
90
- padding: 4px 8px;
89
+ .yd-button--xs[data-v-08fa2dc1] {
90
+ padding: 4px 8px;
91
91
  font-size: 12px;
92
92
  }
93
- .yd-button--sm[data-v-8a9a80ea] {
94
- padding: 6px 12px;
93
+ .yd-button--sm[data-v-08fa2dc1] {
94
+ padding: 6px 12px;
95
95
  font-size: 13px;
96
96
  }
97
- .yd-button--lg[data-v-8a9a80ea] {
98
- padding: 10px 20px;
97
+ .yd-button--lg[data-v-08fa2dc1] {
98
+ padding: 10px 20px;
99
99
  font-size: 16px;
100
100
  }
101
- .yd-button--xl[data-v-8a9a80ea] {
102
- padding: 12px 24px;
101
+ .yd-button--xl[data-v-08fa2dc1] {
102
+ padding: 12px 24px;
103
103
  font-size: 18px;
104
104
  }
105
- .yd-button__loading[data-v-8a9a80ea] {
106
- display: inline-flex;
105
+ .yd-button__loading[data-v-08fa2dc1] {
106
+ display: inline-flex;
107
107
  align-items: center;
108
108
  }
109
- .yd-button__spinner[data-v-8a9a80ea] {
110
- width: 16px;
111
- height: 16px;
112
- will-change: transform;
109
+ .yd-button__spinner[data-v-08fa2dc1] {
110
+ width: 16px;
111
+ height: 16px;
112
+ will-change: transform;
113
113
  animation: yd-spin 1s linear infinite;
114
- }
114
+ }
115
115
 
116
116
  .yd-icon[data-v-20774ae9] {
117
117
  display: inline-flex;
@@ -139,14 +139,14 @@ to {
139
139
  }
140
140
  }
141
141
 
142
- .yd-input-wrapper[data-v-9f5a78f3] {
142
+ .yd-input-wrapper[data-v-5c21184f] {
143
143
  display: inline-flex;
144
144
  align-items: center;
145
145
  width: 100%;
146
146
  position: relative;
147
147
  transition: all var(--yd-transition-base);
148
148
  }
149
- .yd-input[data-v-9f5a78f3] {
149
+ .yd-input[data-v-5c21184f] {
150
150
  width: 100%;
151
151
  border: none;
152
152
  outline: none;
@@ -155,95 +155,95 @@ to {
155
155
  color: var(--yd-color-fg);
156
156
  transition: all var(--yd-transition-base);
157
157
  }
158
- .yd-input[data-v-9f5a78f3]::placeholder {
158
+ .yd-input[data-v-5c21184f]::placeholder {
159
159
  color: var(--yd-color-muted-fg);
160
160
  }
161
- .yd-input[data-v-9f5a78f3]:disabled {
161
+ .yd-input[data-v-5c21184f]:disabled {
162
162
  cursor: not-allowed;
163
163
  opacity: 0.6;
164
164
  }
165
165
 
166
166
  /* Size variants */
167
- .yd-input--xs[data-v-9f5a78f3],
168
- .yd-input-wrapper--xs .yd-input__prefix[data-v-9f5a78f3],
169
- .yd-input-wrapper--xs .yd-input__suffix[data-v-9f5a78f3] {
167
+ .yd-input--xs[data-v-5c21184f],
168
+ .yd-input-wrapper--xs .yd-input__prefix[data-v-5c21184f],
169
+ .yd-input-wrapper--xs .yd-input__suffix[data-v-5c21184f] {
170
170
  font-size: var(--yd-font-size-xs);
171
171
  padding: var(--yd-spacing-xs) var(--yd-spacing-sm);
172
172
  }
173
- .yd-input--sm[data-v-9f5a78f3] {
173
+ .yd-input--sm[data-v-5c21184f] {
174
174
  font-size: var(--yd-font-size-sm);
175
175
  padding: var(--yd-spacing-sm) var(--yd-spacing-md);
176
176
  }
177
- .yd-input--md[data-v-9f5a78f3] {
177
+ .yd-input--md[data-v-5c21184f] {
178
178
  font-size: var(--yd-font-size-base);
179
179
  padding: var(--yd-spacing-md) var(--yd-spacing-base);
180
180
  }
181
- .yd-input--lg[data-v-9f5a78f3] {
181
+ .yd-input--lg[data-v-5c21184f] {
182
182
  font-size: var(--yd-font-size-lg);
183
183
  padding: var(--yd-spacing-base) var(--yd-spacing-lg);
184
184
  }
185
185
 
186
186
  /* Variant: default (bottom border only) */
187
- .yd-input--default[data-v-9f5a78f3] {
187
+ .yd-input--default[data-v-5c21184f] {
188
188
  border-bottom: 1px solid var(--yd-color-border);
189
189
  padding-bottom: var(--yd-spacing-sm);
190
190
  }
191
- .yd-input--default[data-v-9f5a78f3]:focus {
191
+ .yd-input--default[data-v-5c21184f]:focus {
192
192
  border-bottom-color: var(--yd-color-primary-500);
193
193
  }
194
194
 
195
195
  /* Variant: bordered */
196
- .yd-input--bordered[data-v-9f5a78f3] {
196
+ .yd-input--bordered[data-v-5c21184f] {
197
197
  border: 1px solid var(--yd-color-border);
198
198
  border-radius: var(--yd-radius-base);
199
199
  }
200
- .yd-input--bordered[data-v-9f5a78f3]:focus {
200
+ .yd-input--bordered[data-v-5c21184f]:focus {
201
201
  border-color: var(--yd-color-primary-500);
202
202
  box-shadow: 0 0 0 2px var(--yd-color-primary-100);
203
203
  }
204
- [data-theme="dark"] .yd-input--bordered[data-v-9f5a78f3]:focus {
204
+ [data-theme="dark"] .yd-input--bordered[data-v-5c21184f]:focus {
205
205
  box-shadow: 0 0 0 2px var(--yd-color-primary-900);
206
206
  }
207
207
 
208
208
  /* Variant: filled */
209
- .yd-input--filled[data-v-9f5a78f3] {
209
+ .yd-input--filled[data-v-5c21184f] {
210
210
  background: var(--yd-color-muted);
211
211
  border-radius: var(--yd-radius-base);
212
212
  }
213
- .yd-input--filled[data-v-9f5a78f3]:focus {
213
+ .yd-input--filled[data-v-5c21184f]:focus {
214
214
  background: var(--yd-color-bg);
215
215
  box-shadow: 0 0 0 2px var(--yd-color-primary-100);
216
216
  }
217
- [data-theme="dark"] .yd-input--filled[data-v-9f5a78f3]:focus {
217
+ [data-theme="dark"] .yd-input--filled[data-v-5c21184f]:focus {
218
218
  box-shadow: 0 0 0 2px var(--yd-color-primary-900);
219
219
  }
220
220
 
221
221
  /* Variant: underlined */
222
- .yd-input--underlined[data-v-9f5a78f3] {
222
+ .yd-input--underlined[data-v-5c21184f] {
223
223
  border-bottom: 2px solid var(--yd-color-border);
224
224
  padding-bottom: var(--yd-spacing-sm);
225
225
  }
226
- .yd-input--underlined[data-v-9f5a78f3]:focus {
226
+ .yd-input--underlined[data-v-5c21184f]:focus {
227
227
  border-bottom-color: var(--yd-color-primary-500);
228
228
  }
229
229
 
230
230
  /* Prefix and Suffix */
231
- .yd-input__prefix[data-v-9f5a78f3],
232
- .yd-input__suffix[data-v-9f5a78f3] {
231
+ .yd-input__prefix[data-v-5c21184f],
232
+ .yd-input__suffix[data-v-5c21184f] {
233
233
  display: inline-flex;
234
234
  align-items: center;
235
235
  color: var(--yd-color-muted-fg);
236
236
  flex-shrink: 0;
237
237
  }
238
- .yd-input__prefix[data-v-9f5a78f3] {
238
+ .yd-input__prefix[data-v-5c21184f] {
239
239
  margin-right: var(--yd-spacing-sm);
240
240
  }
241
- .yd-input__suffix[data-v-9f5a78f3] {
241
+ .yd-input__suffix[data-v-5c21184f] {
242
242
  margin-left: var(--yd-spacing-sm);
243
243
  }
244
244
 
245
245
  /* Clear button */
246
- .yd-input__clear[data-v-9f5a78f3] {
246
+ .yd-input__clear[data-v-5c21184f] {
247
247
  display: inline-flex;
248
248
  align-items: center;
249
249
  justify-content: center;
@@ -253,12 +253,12 @@ to {
253
253
  transition: color var(--yd-transition-fast);
254
254
  flex-shrink: 0;
255
255
  }
256
- .yd-input__clear[data-v-9f5a78f3]:hover {
256
+ .yd-input__clear[data-v-5c21184f]:hover {
257
257
  color: var(--yd-color-fg);
258
258
  }
259
259
 
260
260
  /* Word limit */
261
- .yd-input__word-limit[data-v-9f5a78f3] {
261
+ .yd-input__word-limit[data-v-5c21184f] {
262
262
  position: absolute;
263
263
  right: var(--yd-spacing-sm);
264
264
  bottom: var(--yd-spacing-xs);
@@ -271,7 +271,7 @@ to {
271
271
  }
272
272
 
273
273
  /* Disabled state */
274
- .yd-input-wrapper--disabled[data-v-9f5a78f3] {
274
+ .yd-input-wrapper--disabled[data-v-5c21184f] {
275
275
  opacity: 0.6;
276
276
  pointer-events: none;
277
277
  }
@@ -440,30 +440,30 @@ to {
440
440
  text-align: center;
441
441
  }
442
442
 
443
- .yd-select-wrapper[data-v-bea52552] {
443
+ .yd-select-wrapper[data-v-64b103da] {
444
444
  position: relative;
445
445
  display: inline-flex;
446
446
  flex-direction: column;
447
447
  width: 100%;
448
448
  gap: var(--yd-spacing-sm);
449
449
  }
450
- .yd-select__label[data-v-bea52552] {
450
+ .yd-select__label[data-v-64b103da] {
451
451
  font-size: var(--yd-font-size-sm);
452
452
  font-weight: var(--yd-font-weight-medium);
453
453
  color: var(--yd-color-fg);
454
454
  }
455
- .yd-select__required[data-v-bea52552] {
455
+ .yd-select__required[data-v-64b103da] {
456
456
  color: var(--yd-color-error);
457
457
  margin-left: 2px;
458
458
  }
459
- .yd-select__control[data-v-bea52552] {
459
+ .yd-select__control[data-v-64b103da] {
460
460
  position: relative;
461
461
  display: flex;
462
462
  align-items: center;
463
463
  cursor: pointer;
464
464
  }
465
- .yd-select__input[data-v-bea52552],
466
- .yd-select__display[data-v-bea52552] {
465
+ .yd-select__input[data-v-64b103da],
466
+ .yd-select__display[data-v-64b103da] {
467
467
  width: 100%;
468
468
  padding: var(--yd-spacing-sm) var(--yd-spacing-xl) var(--yd-spacing-sm) var(--yd-spacing-base);
469
469
  border: none;
@@ -473,13 +473,13 @@ to {
473
473
  font-size: var(--yd-font-size-base);
474
474
  color: var(--yd-color-fg);
475
475
  }
476
- .yd-select__display--placeholder[data-v-bea52552] {
476
+ .yd-select__display--placeholder[data-v-64b103da] {
477
477
  color: var(--yd-color-muted-fg);
478
478
  }
479
- .yd-select__input[data-v-bea52552]:focus {
479
+ .yd-select__input[data-v-64b103da]:focus {
480
480
  border-color: var(--yd-color-primary-500);
481
481
  }
482
- .yd-select__clear[data-v-bea52552] {
482
+ .yd-select__clear[data-v-64b103da] {
483
483
  position: absolute;
484
484
  right: var(--yd-spacing-xl);
485
485
  cursor: pointer;
@@ -488,10 +488,10 @@ to {
488
488
  align-items: center;
489
489
  transition: color var(--yd-transition-fast);
490
490
  }
491
- .yd-select__clear[data-v-bea52552]:hover {
491
+ .yd-select__clear[data-v-64b103da]:hover {
492
492
  color: var(--yd-color-fg);
493
493
  }
494
- .yd-select__arrow[data-v-bea52552] {
494
+ .yd-select__arrow[data-v-64b103da] {
495
495
  position: absolute;
496
496
  right: var(--yd-spacing-sm);
497
497
  pointer-events: none;
@@ -499,40 +499,40 @@ to {
499
499
  display: flex;
500
500
  align-items: center;
501
501
  }
502
- .yd-select__message[data-v-bea52552] {
502
+ .yd-select__message[data-v-64b103da] {
503
503
  font-size: var(--yd-font-size-xs);
504
504
  color: var(--yd-color-muted-fg);
505
505
  }
506
- .yd-select__message--error[data-v-bea52552] {
506
+ .yd-select__message--error[data-v-64b103da] {
507
507
  color: var(--yd-color-error);
508
508
  }
509
509
 
510
510
  /* Wrapper variants */
511
- .yd-select-wrapper--default .yd-select__input[data-v-bea52552],
512
- .yd-select-wrapper--default .yd-select__display[data-v-bea52552] {
511
+ .yd-select-wrapper--default .yd-select__input[data-v-64b103da],
512
+ .yd-select-wrapper--default .yd-select__display[data-v-64b103da] {
513
513
  border-bottom: 1px solid var(--yd-color-border);
514
514
  }
515
- .yd-select-wrapper--bordered .yd-select__input[data-v-bea52552],
516
- .yd-select-wrapper--bordered .yd-select__display[data-v-bea52552] {
515
+ .yd-select-wrapper--bordered .yd-select__input[data-v-64b103da],
516
+ .yd-select-wrapper--bordered .yd-select__display[data-v-64b103da] {
517
517
  border: 1px solid var(--yd-color-border);
518
518
  border-radius: var(--yd-radius-base);
519
519
  }
520
- .yd-select-wrapper--filled .yd-select__input[data-v-bea52552],
521
- .yd-select-wrapper--filled .yd-select__display[data-v-bea52552] {
520
+ .yd-select-wrapper--filled .yd-select__input[data-v-64b103da],
521
+ .yd-select-wrapper--filled .yd-select__display[data-v-64b103da] {
522
522
  background: var(--yd-color-muted);
523
523
  border-radius: var(--yd-radius-base);
524
524
  }
525
- .yd-select-wrapper--disabled[data-v-bea52552] {
525
+ .yd-select-wrapper--disabled[data-v-64b103da] {
526
526
  opacity: 0.6;
527
527
  pointer-events: none;
528
528
  }
529
- .yd-select-wrapper--error.yd-select-wrapper--bordered .yd-select__input[data-v-bea52552],
530
- .yd-select-wrapper--error.yd-select-wrapper--bordered .yd-select__display[data-v-bea52552] {
529
+ .yd-select-wrapper--error.yd-select-wrapper--bordered .yd-select__input[data-v-64b103da],
530
+ .yd-select-wrapper--error.yd-select-wrapper--bordered .yd-select__display[data-v-64b103da] {
531
531
  border-color: var(--yd-color-error);
532
532
  }
533
533
 
534
534
  /* Dropdown */
535
- .yd-select__dropdown[data-v-bea52552] {
535
+ .yd-select__dropdown[data-v-64b103da] {
536
536
  position: absolute;
537
537
  z-index: var(--yd-z-index-dropdown);
538
538
  background: var(--yd-color-bg);
@@ -541,18 +541,18 @@ to {
541
541
  overflow: hidden;
542
542
  will-change: opacity, transform;
543
543
  }
544
- .yd-select__loading[data-v-bea52552],
545
- .yd-select__empty[data-v-bea52552] {
544
+ .yd-select__loading[data-v-64b103da],
545
+ .yd-select__empty[data-v-64b103da] {
546
546
  padding: var(--yd-spacing-xl);
547
547
  text-align: center;
548
548
  color: var(--yd-color-muted-fg);
549
549
  font-size: var(--yd-font-size-sm);
550
550
  }
551
- .yd-select__list[data-v-bea52552] {
551
+ .yd-select__list[data-v-64b103da] {
552
552
  overflow-y: auto;
553
553
  padding: var(--yd-spacing-xs) 0;
554
554
  }
555
- .yd-select__option[data-v-bea52552] {
555
+ .yd-select__option[data-v-64b103da] {
556
556
  display: flex;
557
557
  align-items: center;
558
558
  justify-content: space-between;
@@ -562,37 +562,37 @@ to {
562
562
  color: var(--yd-color-fg);
563
563
  transition: background var(--yd-transition-fast);
564
564
  }
565
- .yd-select__option[data-v-bea52552]:hover:not(.yd-select__option--disabled) {
565
+ .yd-select__option[data-v-64b103da]:hover:not(.yd-select__option--disabled) {
566
566
  background: var(--yd-color-muted);
567
567
  }
568
- .yd-select__option--active[data-v-bea52552] {
568
+ .yd-select__option--active[data-v-64b103da] {
569
569
  color: var(--yd-color-primary-600);
570
570
  font-weight: var(--yd-font-weight-medium);
571
571
  background: var(--yd-color-primary-50);
572
572
  }
573
- .yd-select__option--disabled[data-v-bea52552] {
573
+ .yd-select__option--disabled[data-v-64b103da] {
574
574
  opacity: 0.5;
575
575
  cursor: not-allowed;
576
576
  }
577
- .yd-select__check[data-v-bea52552] {
577
+ .yd-select__check[data-v-64b103da] {
578
578
  color: var(--yd-color-primary-500);
579
579
  }
580
- .yd-select__group[data-v-bea52552] {
580
+ .yd-select__group[data-v-64b103da] {
581
581
  padding: var(--yd-spacing-xs) 0;
582
582
  }
583
- .yd-select__group-title[data-v-bea52552] {
583
+ .yd-select__group-title[data-v-64b103da] {
584
584
  padding: var(--yd-spacing-xs) var(--yd-spacing-base);
585
585
  font-size: var(--yd-font-size-xs);
586
586
  color: var(--yd-color-muted-fg);
587
587
  font-weight: var(--yd-font-weight-medium);
588
588
  }
589
- .yd-select-dropdown-enter-active[data-v-bea52552],
590
- .yd-select-dropdown-leave-active[data-v-bea52552] {
589
+ .yd-select-dropdown-enter-active[data-v-64b103da],
590
+ .yd-select-dropdown-leave-active[data-v-64b103da] {
591
591
  will-change: opacity;
592
592
  transition: opacity 0.2s ease;
593
593
  }
594
- .yd-select-dropdown-enter-from[data-v-bea52552],
595
- .yd-select-dropdown-leave-to[data-v-bea52552] {
594
+ .yd-select-dropdown-enter-from[data-v-64b103da],
595
+ .yd-select-dropdown-leave-to[data-v-64b103da] {
596
596
  opacity: 0;
597
597
  }
598
598
 
@@ -1761,700 +1761,700 @@ to {
1761
1761
  object-fit: contain;
1762
1762
  }
1763
1763
 
1764
- .yd-login[data-v-a965dc29] {
1765
- position: relative;
1766
- width: 100%;
1767
- min-height: 100vh;
1768
- display: flex;
1769
- align-items: center;
1770
- justify-content: center;
1771
- background: var(--yd-color-muted);
1764
+ .yd-login[data-v-6981722d] {
1765
+ position: relative;
1766
+ width: 100%;
1767
+ min-height: 100vh;
1768
+ display: flex;
1769
+ align-items: center;
1770
+ justify-content: center;
1771
+ background: var(--yd-color-muted);
1772
1772
  overflow: hidden;
1773
1773
  }
1774
- .yd-login__bg[data-v-a965dc29] {
1775
- position: absolute;
1776
- inset: 0;
1777
- overflow: hidden;
1774
+ .yd-login__bg[data-v-6981722d] {
1775
+ position: absolute;
1776
+ inset: 0;
1777
+ overflow: hidden;
1778
1778
  pointer-events: none;
1779
1779
  }
1780
- .yd-login__bg-circle[data-v-a965dc29] {
1781
- position: absolute;
1782
- width: 400px;
1783
- height: 400px;
1784
- border-radius: 50%;
1785
- background: linear-gradient(135deg, var(--yd-color-primary-100), var(--yd-color-primary-50));
1786
- opacity: 0.6;
1787
- filter: blur(60px);
1788
- will-change: transform, opacity;
1789
- right: -100px;
1780
+ .yd-login__bg-circle[data-v-6981722d] {
1781
+ position: absolute;
1782
+ width: 400px;
1783
+ height: 400px;
1784
+ border-radius: 50%;
1785
+ background: linear-gradient(135deg, var(--yd-color-primary-100), var(--yd-color-primary-50));
1786
+ opacity: 0.6;
1787
+ filter: blur(60px);
1788
+ will-change: transform, opacity;
1789
+ right: -100px;
1790
1790
  bottom: -100px;
1791
1791
  }
1792
- .yd-login__container[data-v-a965dc29] {
1793
- position: relative;
1794
- z-index: 1;
1795
- display: flex;
1796
- width: 100%;
1797
- max-width: 1200px;
1798
- min-height: 600px;
1799
- background: var(--yd-color-bg);
1800
- border-radius: var(--yd-radius-lg);
1801
- box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
1792
+ .yd-login__container[data-v-6981722d] {
1793
+ position: relative;
1794
+ z-index: 1;
1795
+ display: flex;
1796
+ width: 100%;
1797
+ max-width: 1200px;
1798
+ min-height: 600px;
1799
+ background: var(--yd-color-bg);
1800
+ border-radius: var(--yd-radius-lg);
1801
+ box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
1802
1802
  overflow: hidden;
1803
1803
  }
1804
- .yd-login__brand[data-v-a965dc29] {
1805
- flex: 1;
1806
- background: linear-gradient(135deg, var(--yd-color-primary-600), var(--yd-color-primary-800));
1807
- color: #fff;
1808
- display: flex;
1809
- align-items: center;
1810
- justify-content: center;
1804
+ .yd-login__brand[data-v-6981722d] {
1805
+ flex: 1;
1806
+ background: linear-gradient(135deg, var(--yd-color-primary-600), var(--yd-color-primary-800));
1807
+ color: #fff;
1808
+ display: flex;
1809
+ align-items: center;
1810
+ justify-content: center;
1811
1811
  padding: var(--yd-spacing-xl);
1812
1812
  }
1813
- .yd-login__brand-content[data-v-a965dc29] {
1813
+ .yd-login__brand-content[data-v-6981722d] {
1814
1814
  max-width: 400px;
1815
1815
  }
1816
- .yd-login__logo[data-v-a965dc29] {
1816
+ .yd-login__logo[data-v-6981722d] {
1817
1817
  margin-bottom: var(--yd-spacing-lg);
1818
1818
  }
1819
- .yd-login__logo-icon[data-v-a965dc29] {
1819
+ .yd-login__logo-icon[data-v-6981722d] {
1820
1820
  font-size: 48px;
1821
1821
  }
1822
- .yd-login__title[data-v-a965dc29] {
1823
- font-size: 32px;
1824
- font-weight: 700;
1822
+ .yd-login__title[data-v-6981722d] {
1823
+ font-size: 32px;
1824
+ font-weight: 700;
1825
1825
  margin: 0 0 var(--yd-spacing-sm);
1826
1826
  }
1827
- .yd-login__subtitle[data-v-a965dc29] {
1828
- font-size: var(--yd-font-size-base);
1829
- opacity: 0.8;
1827
+ .yd-login__subtitle[data-v-6981722d] {
1828
+ font-size: var(--yd-font-size-base);
1829
+ opacity: 0.8;
1830
1830
  margin: 0 0 var(--yd-spacing-xl);
1831
1831
  }
1832
- .yd-login__features[data-v-a965dc29] {
1833
- display: flex;
1834
- flex-direction: column;
1832
+ .yd-login__features[data-v-6981722d] {
1833
+ display: flex;
1834
+ flex-direction: column;
1835
1835
  gap: var(--yd-spacing-md);
1836
1836
  }
1837
- .yd-login__feature[data-v-a965dc29] {
1838
- display: flex;
1839
- align-items: center;
1840
- gap: var(--yd-spacing-sm);
1841
- font-size: var(--yd-font-size-sm);
1837
+ .yd-login__feature[data-v-6981722d] {
1838
+ display: flex;
1839
+ align-items: center;
1840
+ gap: var(--yd-spacing-sm);
1841
+ font-size: var(--yd-font-size-sm);
1842
1842
  opacity: 0.9;
1843
1843
  }
1844
- .yd-login__feature-icon[data-v-a965dc29] {
1844
+ .yd-login__feature-icon[data-v-6981722d] {
1845
1845
  font-size: 20px;
1846
1846
  }
1847
- .yd-login__form-section[data-v-a965dc29] {
1848
- flex: 1;
1849
- display: flex;
1850
- align-items: center;
1851
- justify-content: center;
1847
+ .yd-login__form-section[data-v-6981722d] {
1848
+ flex: 1;
1849
+ display: flex;
1850
+ align-items: center;
1851
+ justify-content: center;
1852
1852
  padding: var(--yd-spacing-xl);
1853
1853
  }
1854
- .yd-login__form-card[data-v-a965dc29] {
1855
- width: 100%;
1854
+ .yd-login__form-card[data-v-6981722d] {
1855
+ width: 100%;
1856
1856
  max-width: 400px;
1857
1857
  }
1858
- .yd-login__form-title[data-v-a965dc29] {
1859
- font-size: 24px;
1860
- font-weight: 600;
1861
- color: var(--yd-color-fg);
1858
+ .yd-login__form-title[data-v-6981722d] {
1859
+ font-size: 24px;
1860
+ font-weight: 600;
1861
+ color: var(--yd-color-fg);
1862
1862
  margin: 0 0 var(--yd-spacing-lg);
1863
1863
  }
1864
- .yd-login__tabs[data-v-a965dc29] {
1865
- display: flex;
1866
- gap: var(--yd-spacing-lg);
1867
- margin-bottom: var(--yd-spacing-lg);
1864
+ .yd-login__tabs[data-v-6981722d] {
1865
+ display: flex;
1866
+ gap: var(--yd-spacing-lg);
1867
+ margin-bottom: var(--yd-spacing-lg);
1868
1868
  border-bottom: 1px solid var(--yd-color-border);
1869
1869
  }
1870
- .yd-login__tab[data-v-a965dc29] {
1871
- padding: var(--yd-spacing-sm) 0;
1872
- border: none;
1873
- background: none;
1874
- font-size: var(--yd-font-size-base);
1875
- color: var(--yd-color-muted-fg);
1876
- cursor: pointer;
1877
- position: relative;
1870
+ .yd-login__tab[data-v-6981722d] {
1871
+ padding: var(--yd-spacing-sm) 0;
1872
+ border: none;
1873
+ background: none;
1874
+ font-size: var(--yd-font-size-base);
1875
+ color: var(--yd-color-muted-fg);
1876
+ cursor: pointer;
1877
+ position: relative;
1878
1878
  transition: color var(--yd-transition-fast);
1879
1879
  }
1880
- .yd-login__tab[data-v-a965dc29]:hover {
1880
+ .yd-login__tab[data-v-6981722d]:hover {
1881
1881
  color: var(--yd-color-fg);
1882
1882
  }
1883
- .yd-login__tab--active[data-v-a965dc29] {
1884
- color: var(--yd-color-primary-600);
1883
+ .yd-login__tab--active[data-v-6981722d] {
1884
+ color: var(--yd-color-primary-600);
1885
1885
  font-weight: var(--yd-font-weight-medium);
1886
1886
  }
1887
- .yd-login__tab--active[data-v-a965dc29]::after {
1888
- content: "";
1889
- position: absolute;
1890
- bottom: -1px;
1891
- left: 0;
1892
- right: 0;
1893
- height: 2px;
1887
+ .yd-login__tab--active[data-v-6981722d]::after {
1888
+ content: "";
1889
+ position: absolute;
1890
+ bottom: -1px;
1891
+ left: 0;
1892
+ right: 0;
1893
+ height: 2px;
1894
1894
  background: var(--yd-color-primary-500);
1895
1895
  }
1896
- .yd-login__form[data-v-a965dc29] {
1897
- display: flex;
1898
- flex-direction: column;
1896
+ .yd-login__form[data-v-6981722d] {
1897
+ display: flex;
1898
+ flex-direction: column;
1899
1899
  gap: var(--yd-spacing-md);
1900
1900
  }
1901
- .yd-login__field[data-v-a965dc29] {
1902
- display: flex;
1901
+ .yd-login__field[data-v-6981722d] {
1902
+ display: flex;
1903
1903
  flex-direction: column;
1904
1904
  }
1905
- .yd-login__input-wrapper[data-v-a965dc29] {
1906
- display: flex;
1907
- align-items: center;
1908
- border: 1px solid var(--yd-color-border);
1909
- border-radius: var(--yd-radius-base);
1910
- padding: 0 var(--yd-spacing-sm);
1911
- transition: border-color var(--yd-transition-fast);
1905
+ .yd-login__input-wrapper[data-v-6981722d] {
1906
+ display: flex;
1907
+ align-items: center;
1908
+ border: 1px solid var(--yd-color-border);
1909
+ border-radius: var(--yd-radius-base);
1910
+ padding: 0 var(--yd-spacing-sm);
1911
+ transition: border-color var(--yd-transition-fast);
1912
1912
  background: var(--yd-color-bg);
1913
1913
  }
1914
- .yd-login__input-wrapper[data-v-a965dc29]:focus-within {
1915
- border-color: var(--yd-color-primary-500);
1914
+ .yd-login__input-wrapper[data-v-6981722d]:focus-within {
1915
+ border-color: var(--yd-color-primary-500);
1916
1916
  box-shadow: 0 0 0 3px var(--yd-color-primary-100);
1917
1917
  }
1918
- .yd-login__input-icon[data-v-a965dc29] {
1919
- font-size: 16px;
1918
+ .yd-login__input-icon[data-v-6981722d] {
1919
+ font-size: 16px;
1920
1920
  flex-shrink: 0;
1921
1921
  }
1922
- .yd-login__input[data-v-a965dc29] {
1923
- flex: 1;
1924
- border: none;
1925
- outline: none;
1926
- padding: var(--yd-spacing-sm) var(--yd-spacing-xs);
1927
- font-size: var(--yd-font-size-base);
1928
- background: transparent;
1922
+ .yd-login__input[data-v-6981722d] {
1923
+ flex: 1;
1924
+ border: none;
1925
+ outline: none;
1926
+ padding: var(--yd-spacing-sm) var(--yd-spacing-xs);
1927
+ font-size: var(--yd-font-size-base);
1928
+ background: transparent;
1929
1929
  color: var(--yd-color-fg);
1930
1930
  }
1931
- .yd-login__input[data-v-a965dc29]::placeholder {
1931
+ .yd-login__input[data-v-6981722d]::placeholder {
1932
1932
  color: var(--yd-color-muted-fg);
1933
1933
  }
1934
- .yd-login__toggle-pwd[data-v-a965dc29] {
1935
- background: none;
1936
- border: none;
1937
- cursor: pointer;
1938
- font-size: 16px;
1934
+ .yd-login__toggle-pwd[data-v-6981722d] {
1935
+ background: none;
1936
+ border: none;
1937
+ cursor: pointer;
1938
+ font-size: 16px;
1939
1939
  padding: 4px;
1940
1940
  }
1941
- .yd-login__send-code[data-v-a965dc29] {
1942
- background: none;
1943
- border: none;
1944
- cursor: pointer;
1945
- font-size: var(--yd-font-size-sm);
1946
- color: var(--yd-color-primary-500);
1947
- padding: 4px var(--yd-spacing-xs);
1948
- white-space: nowrap;
1941
+ .yd-login__send-code[data-v-6981722d] {
1942
+ background: none;
1943
+ border: none;
1944
+ cursor: pointer;
1945
+ font-size: var(--yd-font-size-sm);
1946
+ color: var(--yd-color-primary-500);
1947
+ padding: 4px var(--yd-spacing-xs);
1948
+ white-space: nowrap;
1949
1949
  flex-shrink: 0;
1950
1950
  }
1951
- .yd-login__send-code[data-v-a965dc29]:hover:not(:disabled) {
1951
+ .yd-login__send-code[data-v-6981722d]:hover:not(:disabled) {
1952
1952
  color: var(--yd-color-primary-600);
1953
1953
  }
1954
- .yd-login__send-code--disabled[data-v-a965dc29] {
1955
- color: var(--yd-color-muted-fg);
1954
+ .yd-login__send-code--disabled[data-v-6981722d] {
1955
+ color: var(--yd-color-muted-fg);
1956
1956
  cursor: not-allowed;
1957
1957
  }
1958
- .yd-login__captcha-row[data-v-a965dc29] {
1959
- display: flex;
1960
- gap: var(--yd-spacing-sm);
1958
+ .yd-login__captcha-row[data-v-6981722d] {
1959
+ display: flex;
1960
+ gap: var(--yd-spacing-sm);
1961
1961
  align-items: center;
1962
1962
  }
1963
- .yd-login__captcha-img[data-v-a965dc29] {
1963
+ .yd-login__captcha-img[data-v-6981722d] {
1964
1964
  flex-shrink: 0;
1965
1965
  }
1966
- .yd-login__options[data-v-a965dc29] {
1967
- display: flex;
1968
- align-items: center;
1969
- justify-content: space-between;
1966
+ .yd-login__options[data-v-6981722d] {
1967
+ display: flex;
1968
+ align-items: center;
1969
+ justify-content: space-between;
1970
1970
  font-size: var(--yd-font-size-sm);
1971
1971
  }
1972
- .yd-login__remember[data-v-a965dc29] {
1973
- display: flex;
1974
- align-items: center;
1975
- gap: var(--yd-spacing-xs);
1976
- color: var(--yd-color-muted-fg);
1972
+ .yd-login__remember[data-v-6981722d] {
1973
+ display: flex;
1974
+ align-items: center;
1975
+ gap: var(--yd-spacing-xs);
1976
+ color: var(--yd-color-muted-fg);
1977
1977
  cursor: pointer;
1978
1978
  }
1979
- .yd-login__forgot[data-v-a965dc29] {
1980
- color: var(--yd-color-primary-500);
1981
- text-decoration: none;
1979
+ .yd-login__forgot[data-v-6981722d] {
1980
+ color: var(--yd-color-primary-500);
1981
+ text-decoration: none;
1982
1982
  transition: color var(--yd-transition-fast);
1983
1983
  }
1984
- .yd-login__forgot[data-v-a965dc29]:hover {
1985
- color: var(--yd-color-primary-600);
1984
+ .yd-login__forgot[data-v-6981722d]:hover {
1985
+ color: var(--yd-color-primary-600);
1986
1986
  text-decoration: underline;
1987
1987
  }
1988
- .yd-login__error[data-v-a965dc29] {
1989
- display: flex;
1990
- align-items: center;
1991
- gap: var(--yd-spacing-xs);
1992
- padding: var(--yd-spacing-sm);
1993
- background: var(--yd-color-error-50, #fef2f2);
1994
- color: var(--yd-color-error);
1995
- border-radius: var(--yd-radius-sm);
1988
+ .yd-login__error[data-v-6981722d] {
1989
+ display: flex;
1990
+ align-items: center;
1991
+ gap: var(--yd-spacing-xs);
1992
+ padding: var(--yd-spacing-sm);
1993
+ background: var(--yd-color-error-50, #fef2f2);
1994
+ color: var(--yd-color-error);
1995
+ border-radius: var(--yd-radius-sm);
1996
1996
  font-size: var(--yd-font-size-sm);
1997
1997
  }
1998
- .yd-login__submit[data-v-a965dc29] {
1999
- width: 100%;
2000
- padding: var(--yd-spacing-sm);
2001
- border: none;
2002
- border-radius: var(--yd-radius-base);
2003
- background: var(--yd-color-primary-500);
2004
- color: #fff;
2005
- font-size: var(--yd-font-size-base);
2006
- font-weight: var(--yd-font-weight-medium);
2007
- cursor: pointer;
2008
- transition: all var(--yd-transition-fast);
2009
- display: flex;
2010
- align-items: center;
2011
- justify-content: center;
1998
+ .yd-login__submit[data-v-6981722d] {
1999
+ width: 100%;
2000
+ padding: var(--yd-spacing-sm);
2001
+ border: none;
2002
+ border-radius: var(--yd-radius-base);
2003
+ background: var(--yd-color-primary-500);
2004
+ color: #fff;
2005
+ font-size: var(--yd-font-size-base);
2006
+ font-weight: var(--yd-font-weight-medium);
2007
+ cursor: pointer;
2008
+ transition: all var(--yd-transition-fast);
2009
+ display: flex;
2010
+ align-items: center;
2011
+ justify-content: center;
2012
2012
  gap: var(--yd-spacing-xs);
2013
2013
  }
2014
- .yd-login__submit[data-v-a965dc29]:hover:not(:disabled) {
2014
+ .yd-login__submit[data-v-6981722d]:hover:not(:disabled) {
2015
2015
  background: var(--yd-color-primary-600);
2016
2016
  }
2017
- .yd-login__submit[data-v-a965dc29]:disabled {
2018
- opacity: 0.7;
2017
+ .yd-login__submit[data-v-6981722d]:disabled {
2018
+ opacity: 0.7;
2019
2019
  cursor: not-allowed;
2020
2020
  }
2021
- .yd-login__spinner[data-v-a965dc29] {
2022
- width: 16px;
2023
- height: 16px;
2024
- border: 2px solid rgba(255, 255, 255, 0.3);
2025
- border-top-color: #fff;
2026
- border-radius: 50%;
2021
+ .yd-login__spinner[data-v-6981722d] {
2022
+ width: 16px;
2023
+ height: 16px;
2024
+ border: 2px solid rgba(255, 255, 255, 0.3);
2025
+ border-top-color: #fff;
2026
+ border-radius: 50%;
2027
2027
  animation: yd-spin 0.6s linear infinite;
2028
2028
  }
2029
- .yd-login__divider[data-v-a965dc29] {
2030
- display: flex;
2031
- align-items: center;
2032
- gap: var(--yd-spacing-sm);
2033
- margin: var(--yd-spacing-md) 0;
2034
- color: var(--yd-color-muted-fg);
2029
+ .yd-login__divider[data-v-6981722d] {
2030
+ display: flex;
2031
+ align-items: center;
2032
+ gap: var(--yd-spacing-sm);
2033
+ margin: var(--yd-spacing-md) 0;
2034
+ color: var(--yd-color-muted-fg);
2035
2035
  font-size: var(--yd-font-size-xs);
2036
2036
  }
2037
- .yd-login__divider[data-v-a965dc29]::before,
2038
- .yd-login__divider[data-v-a965dc29]::after {
2039
- content: "";
2040
- flex: 1;
2041
- height: 1px;
2037
+ .yd-login__divider[data-v-6981722d]::before,
2038
+ .yd-login__divider[data-v-6981722d]::after {
2039
+ content: "";
2040
+ flex: 1;
2041
+ height: 1px;
2042
2042
  background: var(--yd-color-border);
2043
2043
  }
2044
- .yd-login__social[data-v-a965dc29] {
2045
- display: flex;
2046
- justify-content: center;
2044
+ .yd-login__social[data-v-6981722d] {
2045
+ display: flex;
2046
+ justify-content: center;
2047
2047
  gap: var(--yd-spacing-md);
2048
2048
  }
2049
- .yd-login__social-btn[data-v-a965dc29] {
2050
- width: 40px;
2051
- height: 40px;
2052
- border: 1px solid var(--yd-color-border);
2053
- border-radius: 50%;
2054
- background: var(--yd-color-bg);
2055
- cursor: pointer;
2056
- font-size: 18px;
2057
- display: flex;
2058
- align-items: center;
2059
- justify-content: center;
2049
+ .yd-login__social-btn[data-v-6981722d] {
2050
+ width: 40px;
2051
+ height: 40px;
2052
+ border: 1px solid var(--yd-color-border);
2053
+ border-radius: 50%;
2054
+ background: var(--yd-color-bg);
2055
+ cursor: pointer;
2056
+ font-size: 18px;
2057
+ display: flex;
2058
+ align-items: center;
2059
+ justify-content: center;
2060
2060
  transition: all var(--yd-transition-fast);
2061
2061
  }
2062
- .yd-login__social-btn[data-v-a965dc29]:hover {
2063
- border-color: var(--yd-color-primary-300);
2062
+ .yd-login__social-btn[data-v-6981722d]:hover {
2063
+ border-color: var(--yd-color-primary-300);
2064
2064
  background: var(--yd-color-primary-50);
2065
2065
  }
2066
- .yd-login__footer-links[data-v-a965dc29] {
2067
- text-align: center;
2068
- margin-top: var(--yd-spacing-xl);
2069
- font-size: var(--yd-font-size-xs);
2066
+ .yd-login__footer-links[data-v-6981722d] {
2067
+ text-align: center;
2068
+ margin-top: var(--yd-spacing-xl);
2069
+ font-size: var(--yd-font-size-xs);
2070
2070
  color: var(--yd-color-muted-fg);
2071
2071
  }
2072
2072
  @media (max-width: 768px) {
2073
- .yd-login__brand[data-v-a965dc29] {
2073
+ .yd-login__brand[data-v-6981722d] {
2074
2074
  display: none;
2075
2075
  }
2076
- .yd-login__container[data-v-a965dc29] {
2077
- max-width: 400px;
2078
- min-height: auto;
2076
+ .yd-login__container[data-v-6981722d] {
2077
+ max-width: 400px;
2078
+ min-height: auto;
2079
2079
  margin: var(--yd-spacing-lg);
2080
2080
  }
2081
- }
2082
-
2081
+ }
2082
+
2083
2083
  /* Dark theme - 使用全局 data-theme 属性 */
2084
- [data-theme="dark"] {
2084
+ [data-theme="dark"] {
2085
2085
  background: var(--yd-color-bg);
2086
2086
  }
2087
- [data-theme="dark"] {
2088
- background: var(--yd-color-bg-elevated);
2087
+ [data-theme="dark"] {
2088
+ background: var(--yd-color-bg-elevated);
2089
2089
  border-color: var(--yd-color-border);
2090
2090
  }
2091
- [data-theme="dark"] {
2091
+ [data-theme="dark"] {
2092
2092
  background: linear-gradient(135deg, #1e3a8a, #1e40af);
2093
2093
  }
2094
- [data-theme="dark"],[data-theme="dark"],[data-theme="dark"] {
2094
+ [data-theme="dark"],[data-theme="dark"],[data-theme="dark"] {
2095
2095
  color: var(--yd-color-fg);
2096
2096
  }
2097
- [data-theme="dark"],[data-theme="dark"] {
2098
- background: var(--yd-color-bg);
2097
+ [data-theme="dark"],[data-theme="dark"] {
2098
+ background: var(--yd-color-bg);
2099
2099
  border-color: var(--yd-color-border);
2100
2100
  }
2101
- [data-theme="dark"] {
2101
+ [data-theme="dark"] {
2102
2102
  color: var(--yd-color-fg);
2103
2103
  }
2104
- [data-theme="dark"] {
2104
+ [data-theme="dark"] {
2105
2105
  color: var(--yd-color-fg-muted);
2106
2106
  }
2107
- [data-theme="dark"],[data-theme="dark"] {
2107
+ [data-theme="dark"],[data-theme="dark"] {
2108
2108
  color: var(--yd-color-fg-muted);
2109
2109
  }
2110
- [data-theme="dark"] {
2111
- background: var(--yd-color-bg);
2110
+ [data-theme="dark"] {
2111
+ background: var(--yd-color-bg);
2112
2112
  border-color: var(--yd-color-border);
2113
2113
  }
2114
- [data-theme="dark"] {
2114
+ [data-theme="dark"] {
2115
2115
  background: var(--yd-color-muted);
2116
2116
  }
2117
- [data-theme="dark"] {
2117
+ [data-theme="dark"] {
2118
2118
  color: var(--yd-color-fg-muted);
2119
- }
2120
-
2121
- .yd-login-centered[data-v-be643e6b] {
2122
- position: relative;
2123
- width: 100%;
2124
- min-height: 100vh;
2125
- display: flex;
2126
- align-items: center;
2127
- justify-content: center;
2128
- padding: var(--yd-spacing-xl);
2119
+ }
2120
+
2121
+ .yd-login-centered[data-v-267a78de] {
2122
+ position: relative;
2123
+ width: 100%;
2124
+ min-height: 100vh;
2125
+ display: flex;
2126
+ align-items: center;
2127
+ justify-content: center;
2128
+ padding: var(--yd-spacing-xl);
2129
2129
  overflow: hidden;
2130
2130
  }
2131
- .yd-login-centered__bg-pattern[data-v-be643e6b] {
2132
- position: absolute;
2133
- inset: 0;
2134
- pointer-events: none;
2131
+ .yd-login-centered__bg-pattern[data-v-267a78de] {
2132
+ position: absolute;
2133
+ inset: 0;
2134
+ pointer-events: none;
2135
2135
  overflow: hidden;
2136
2136
  }
2137
- .yd-login-centered__bg-shape[data-v-be643e6b] {
2138
- position: absolute;
2139
- border-radius: 50%;
2140
- opacity: 0.08;
2141
- will-change: transform;
2142
- animation: yd-login-float-be643e6b 20s ease-in-out infinite;
2137
+ .yd-login-centered__bg-shape[data-v-267a78de] {
2138
+ position: absolute;
2139
+ border-radius: 50%;
2140
+ opacity: 0.08;
2141
+ will-change: transform;
2142
+ animation: yd-login-float-267a78de 20s ease-in-out infinite;
2143
2143
  }
2144
- @keyframes yd-login-float-be643e6b {
2145
- 0%,
2146
- 100% {
2144
+ @keyframes yd-login-float-267a78de {
2145
+ 0%,
2146
+ 100% {
2147
2147
  transform: translate3d(0, 0, 0) rotate(0deg);
2148
2148
  }
2149
- 50% {
2149
+ 50% {
2150
2150
  transform: translate3d(0, -20px, 0) rotate(180deg);
2151
2151
  }
2152
2152
  }
2153
- .yd-login-centered__theme--default[data-v-be643e6b] {
2153
+ .yd-login-centered__theme--default[data-v-267a78de] {
2154
2154
  background: var(--yd-color-muted);
2155
2155
  }
2156
- .yd-login-centered__theme--default .yd-login-centered__bg-shape[data-v-be643e6b] {
2156
+ .yd-login-centered__theme--default .yd-login-centered__bg-shape[data-v-267a78de] {
2157
2157
  background: var(--yd-color-primary-500);
2158
2158
  }
2159
- .yd-login-centered__theme--default .yd-login-centered__card[data-v-be643e6b] {
2160
- background: var(--yd-color-bg);
2159
+ .yd-login-centered__theme--default .yd-login-centered__card[data-v-267a78de] {
2160
+ background: var(--yd-color-bg);
2161
2161
  border: 1px solid var(--yd-color-border);
2162
2162
  }
2163
- .yd-login-centered__theme--gradient[data-v-be643e6b] {
2163
+ .yd-login-centered__theme--gradient[data-v-267a78de] {
2164
2164
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
2165
2165
  }
2166
- .yd-login-centered__theme--gradient .yd-login-centered__bg-shape[data-v-be643e6b] {
2166
+ .yd-login-centered__theme--gradient .yd-login-centered__bg-shape[data-v-267a78de] {
2167
2167
  background: rgba(255, 255, 255, 0.1);
2168
2168
  }
2169
- .yd-login-centered__theme--gradient .yd-login-centered__card[data-v-be643e6b] {
2170
- background: rgba(255, 255, 255, 0.95);
2171
- backdrop-filter: blur(20px);
2169
+ .yd-login-centered__theme--gradient .yd-login-centered__card[data-v-267a78de] {
2170
+ background: rgba(255, 255, 255, 0.95);
2171
+ backdrop-filter: blur(20px);
2172
2172
  border: 1px solid rgba(255, 255, 255, 0.2);
2173
2173
  }
2174
- [data-theme="dark"] {
2175
- background: rgba(30, 30, 30, 0.95);
2174
+ [data-theme="dark"] {
2175
+ background: rgba(30, 30, 30, 0.95);
2176
2176
  border: 1px solid rgba(255, 255, 255, 0.1);
2177
2177
  }
2178
- .yd-login-centered__theme--minimal[data-v-be643e6b] {
2178
+ .yd-login-centered__theme--minimal[data-v-267a78de] {
2179
2179
  background: var(--yd-color-bg);
2180
2180
  }
2181
- .yd-login-centered__theme--minimal .yd-login-centered__card[data-v-be643e6b] {
2182
- background: transparent;
2183
- border: none;
2184
- box-shadow: none;
2181
+ .yd-login-centered__theme--minimal .yd-login-centered__card[data-v-267a78de] {
2182
+ background: transparent;
2183
+ border: none;
2184
+ box-shadow: none;
2185
2185
  max-width: 360px;
2186
2186
  }
2187
- .yd-login-centered__theme--minimal .yd-login-centered__title[data-v-be643e6b],
2188
- .yd-login-centered__theme--minimal .yd-login-centered__subtitle[data-v-be643e6b] {
2187
+ .yd-login-centered__theme--minimal .yd-login-centered__title[data-v-267a78de],
2188
+ .yd-login-centered__theme--minimal .yd-login-centered__subtitle[data-v-267a78de] {
2189
2189
  text-align: center;
2190
2190
  }
2191
- .yd-login-centered__card[data-v-be643e6b] {
2192
- position: relative;
2193
- z-index: 1;
2194
- width: 100%;
2195
- max-width: 420px;
2196
- padding: var(--yd-spacing-2xl);
2197
- border-radius: var(--yd-radius-lg);
2191
+ .yd-login-centered__card[data-v-267a78de] {
2192
+ position: relative;
2193
+ z-index: 1;
2194
+ width: 100%;
2195
+ max-width: 420px;
2196
+ padding: var(--yd-spacing-2xl);
2197
+ border-radius: var(--yd-radius-lg);
2198
2198
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
2199
2199
  }
2200
- .yd-login-centered__header[data-v-be643e6b] {
2201
- text-align: left;
2200
+ .yd-login-centered__header[data-v-267a78de] {
2201
+ text-align: left;
2202
2202
  margin-bottom: var(--yd-spacing-xl);
2203
2203
  }
2204
- .yd-login-centered__logo[data-v-be643e6b] {
2204
+ .yd-login-centered__logo[data-v-267a78de] {
2205
2205
  margin-bottom: var(--yd-spacing-md);
2206
2206
  }
2207
- .yd-login-centered__logo-svg[data-v-be643e6b] {
2208
- width: 40px;
2207
+ .yd-login-centered__logo-svg[data-v-267a78de] {
2208
+ width: 40px;
2209
2209
  height: 40px;
2210
2210
  }
2211
- .yd-login-centered__title[data-v-be643e6b] {
2212
- font-size: 24px;
2213
- font-weight: 700;
2214
- color: var(--yd-color-fg);
2211
+ .yd-login-centered__title[data-v-267a78de] {
2212
+ font-size: 24px;
2213
+ font-weight: 700;
2214
+ color: var(--yd-color-fg);
2215
2215
  margin: 0 0 var(--yd-spacing-xs);
2216
2216
  }
2217
- .yd-login-centered__subtitle[data-v-be643e6b] {
2218
- font-size: var(--yd-font-size-sm);
2219
- color: var(--yd-color-muted-fg);
2217
+ .yd-login-centered__subtitle[data-v-267a78de] {
2218
+ font-size: var(--yd-font-size-sm);
2219
+ color: var(--yd-color-muted-fg);
2220
2220
  margin: 0;
2221
2221
  }
2222
- .yd-login-centered__tabs[data-v-be643e6b] {
2223
- display: flex;
2224
- gap: var(--yd-spacing-lg);
2225
- margin-bottom: var(--yd-spacing-lg);
2222
+ .yd-login-centered__tabs[data-v-267a78de] {
2223
+ display: flex;
2224
+ gap: var(--yd-spacing-lg);
2225
+ margin-bottom: var(--yd-spacing-lg);
2226
2226
  border-bottom: 1px solid var(--yd-color-border);
2227
2227
  }
2228
- .yd-login-centered__tab[data-v-be643e6b] {
2229
- padding: var(--yd-spacing-sm) 0;
2230
- border: none;
2231
- background: none;
2232
- font-size: var(--yd-font-size-base);
2233
- color: var(--yd-color-muted-fg);
2234
- cursor: pointer;
2235
- position: relative;
2228
+ .yd-login-centered__tab[data-v-267a78de] {
2229
+ padding: var(--yd-spacing-sm) 0;
2230
+ border: none;
2231
+ background: none;
2232
+ font-size: var(--yd-font-size-base);
2233
+ color: var(--yd-color-muted-fg);
2234
+ cursor: pointer;
2235
+ position: relative;
2236
2236
  transition: color var(--yd-transition-fast);
2237
2237
  }
2238
- .yd-login-centered__tab[data-v-be643e6b]:hover {
2238
+ .yd-login-centered__tab[data-v-267a78de]:hover {
2239
2239
  color: var(--yd-color-fg);
2240
2240
  }
2241
- .yd-login-centered__tab--active[data-v-be643e6b] {
2242
- color: var(--yd-color-primary-600);
2241
+ .yd-login-centered__tab--active[data-v-267a78de] {
2242
+ color: var(--yd-color-primary-600);
2243
2243
  font-weight: var(--yd-font-weight-medium);
2244
2244
  }
2245
- .yd-login-centered__tab--active[data-v-be643e6b]::after {
2246
- content: "";
2247
- position: absolute;
2248
- bottom: -1px;
2249
- left: 0;
2250
- right: 0;
2251
- height: 2px;
2245
+ .yd-login-centered__tab--active[data-v-267a78de]::after {
2246
+ content: "";
2247
+ position: absolute;
2248
+ bottom: -1px;
2249
+ left: 0;
2250
+ right: 0;
2251
+ height: 2px;
2252
2252
  background: var(--yd-color-primary-500);
2253
2253
  }
2254
- .yd-login-centered__form[data-v-be643e6b] {
2255
- display: flex;
2256
- flex-direction: column;
2254
+ .yd-login-centered__form[data-v-267a78de] {
2255
+ display: flex;
2256
+ flex-direction: column;
2257
2257
  gap: var(--yd-spacing-md);
2258
2258
  }
2259
- .yd-login-centered__field[data-v-be643e6b] {
2260
- display: flex;
2261
- flex-direction: column;
2259
+ .yd-login-centered__field[data-v-267a78de] {
2260
+ display: flex;
2261
+ flex-direction: column;
2262
2262
  gap: 6px;
2263
2263
  }
2264
- .yd-login-centered__label[data-v-be643e6b] {
2265
- font-size: var(--yd-font-size-sm);
2266
- font-weight: var(--yd-font-weight-medium);
2264
+ .yd-login-centered__label[data-v-267a78de] {
2265
+ font-size: var(--yd-font-size-sm);
2266
+ font-weight: var(--yd-font-weight-medium);
2267
2267
  color: var(--yd-color-fg);
2268
2268
  }
2269
- .yd-login-centered__input-group[data-v-be643e6b] {
2270
- display: flex;
2271
- align-items: center;
2272
- border: 1px solid var(--yd-color-border);
2273
- border-radius: var(--yd-radius-base);
2274
- padding: 0 var(--yd-spacing-sm);
2275
- background: var(--yd-color-bg);
2269
+ .yd-login-centered__input-group[data-v-267a78de] {
2270
+ display: flex;
2271
+ align-items: center;
2272
+ border: 1px solid var(--yd-color-border);
2273
+ border-radius: var(--yd-radius-base);
2274
+ padding: 0 var(--yd-spacing-sm);
2275
+ background: var(--yd-color-bg);
2276
2276
  transition: all var(--yd-transition-fast);
2277
2277
  }
2278
- .yd-login-centered__input-group[data-v-be643e6b]:focus-within {
2279
- border-color: var(--yd-color-primary-500);
2278
+ .yd-login-centered__input-group[data-v-267a78de]:focus-within {
2279
+ border-color: var(--yd-color-primary-500);
2280
2280
  box-shadow: 0 0 0 3px var(--yd-color-primary-100);
2281
2281
  }
2282
- .yd-login-centered__input-prefix[data-v-be643e6b],
2283
- .yd-login-centered__input-suffix[data-v-be643e6b] {
2284
- display: flex;
2285
- align-items: center;
2286
- color: var(--yd-color-muted-fg);
2282
+ .yd-login-centered__input-prefix[data-v-267a78de],
2283
+ .yd-login-centered__input-suffix[data-v-267a78de] {
2284
+ display: flex;
2285
+ align-items: center;
2286
+ color: var(--yd-color-muted-fg);
2287
2287
  flex-shrink: 0;
2288
2288
  }
2289
- .yd-login-centered__input-suffix[data-v-be643e6b] {
2290
- background: none;
2291
- border: none;
2292
- cursor: pointer;
2289
+ .yd-login-centered__input-suffix[data-v-267a78de] {
2290
+ background: none;
2291
+ border: none;
2292
+ cursor: pointer;
2293
2293
  padding: 4px;
2294
2294
  }
2295
- .yd-login-centered__input-suffix[data-v-be643e6b]:hover {
2295
+ .yd-login-centered__input-suffix[data-v-267a78de]:hover {
2296
2296
  color: var(--yd-color-fg);
2297
2297
  }
2298
- .yd-login-centered__send-code[data-v-be643e6b] {
2299
- background: none;
2300
- border: none;
2301
- cursor: pointer;
2302
- font-size: var(--yd-font-size-sm);
2303
- color: var(--yd-color-primary-500);
2304
- padding: 4px var(--yd-spacing-xs);
2305
- white-space: nowrap;
2298
+ .yd-login-centered__send-code[data-v-267a78de] {
2299
+ background: none;
2300
+ border: none;
2301
+ cursor: pointer;
2302
+ font-size: var(--yd-font-size-sm);
2303
+ color: var(--yd-color-primary-500);
2304
+ padding: 4px var(--yd-spacing-xs);
2305
+ white-space: nowrap;
2306
2306
  flex-shrink: 0;
2307
2307
  }
2308
- .yd-login-centered__send-code[data-v-be643e6b]:hover:not(:disabled) {
2308
+ .yd-login-centered__send-code[data-v-267a78de]:hover:not(:disabled) {
2309
2309
  color: var(--yd-color-primary-600);
2310
2310
  }
2311
- .yd-login-centered__send-code--disabled[data-v-be643e6b] {
2312
- color: var(--yd-color-muted-fg);
2311
+ .yd-login-centered__send-code--disabled[data-v-267a78de] {
2312
+ color: var(--yd-color-muted-fg);
2313
2313
  cursor: not-allowed;
2314
2314
  }
2315
- .yd-login-centered__send-code--disabled[data-v-be643e6b] {
2316
- color: var(--yd-color-muted-fg);
2315
+ .yd-login-centered__send-code--disabled[data-v-267a78de] {
2316
+ color: var(--yd-color-muted-fg);
2317
2317
  cursor: not-allowed;
2318
2318
  }
2319
- .yd-login-centered__captcha-img[data-v-be643e6b] {
2320
- flex-shrink: 0;
2319
+ .yd-login-centered__captcha-img[data-v-267a78de] {
2320
+ flex-shrink: 0;
2321
2321
  margin-left: var(--yd-spacing-xs);
2322
2322
  }
2323
- .yd-login-centered__input[data-v-be643e6b] {
2324
- flex: 1;
2325
- border: none;
2326
- outline: none;
2327
- padding: var(--yd-spacing-sm) var(--yd-spacing-xs);
2328
- font-size: var(--yd-font-size-base);
2329
- background: transparent;
2323
+ .yd-login-centered__input[data-v-267a78de] {
2324
+ flex: 1;
2325
+ border: none;
2326
+ outline: none;
2327
+ padding: var(--yd-spacing-sm) var(--yd-spacing-xs);
2328
+ font-size: var(--yd-font-size-base);
2329
+ background: transparent;
2330
2330
  color: var(--yd-color-fg);
2331
2331
  }
2332
- .yd-login-centered__input[data-v-be643e6b]::placeholder {
2332
+ .yd-login-centered__input[data-v-267a78de]::placeholder {
2333
2333
  color: var(--yd-color-muted-fg);
2334
2334
  }
2335
- .yd-login-centered__options-row[data-v-be643e6b] {
2336
- display: flex;
2337
- align-items: center;
2338
- justify-content: space-between;
2335
+ .yd-login-centered__options-row[data-v-267a78de] {
2336
+ display: flex;
2337
+ align-items: center;
2338
+ justify-content: space-between;
2339
2339
  font-size: var(--yd-font-size-sm);
2340
2340
  }
2341
- .yd-login-centered__checkbox-label[data-v-be643e6b] {
2342
- display: flex;
2343
- align-items: center;
2344
- gap: var(--yd-spacing-xs);
2345
- color: var(--yd-color-muted-fg);
2341
+ .yd-login-centered__checkbox-label[data-v-267a78de] {
2342
+ display: flex;
2343
+ align-items: center;
2344
+ gap: var(--yd-spacing-xs);
2345
+ color: var(--yd-color-muted-fg);
2346
2346
  cursor: pointer;
2347
2347
  }
2348
- .yd-login-centered__checkbox[data-v-be643e6b] {
2348
+ .yd-login-centered__checkbox[data-v-267a78de] {
2349
2349
  accent-color: var(--yd-color-primary-500);
2350
2350
  }
2351
- .yd-login-centered__forgot-link[data-v-be643e6b] {
2352
- color: var(--yd-color-primary-500);
2351
+ .yd-login-centered__forgot-link[data-v-267a78de] {
2352
+ color: var(--yd-color-primary-500);
2353
2353
  text-decoration: none;
2354
2354
  }
2355
- .yd-login-centered__forgot-link[data-v-be643e6b]:hover {
2355
+ .yd-login-centered__forgot-link[data-v-267a78de]:hover {
2356
2356
  text-decoration: underline;
2357
2357
  }
2358
- .yd-login-centered__error-msg[data-v-be643e6b] {
2359
- display: flex;
2360
- align-items: center;
2361
- gap: var(--yd-spacing-xs);
2362
- padding: var(--yd-spacing-sm);
2363
- background: var(--yd-color-error-50, #fef2f2);
2364
- color: var(--yd-color-error);
2365
- border-radius: var(--yd-radius-sm);
2366
- font-size: var(--yd-font-size-sm);
2367
- }
2368
- .yd-login-centered__submit-btn[data-v-be643e6b] {
2369
- width: 100%;
2370
- padding: var(--yd-spacing-sm);
2371
- border: none;
2372
- border-radius: var(--yd-radius-base);
2373
- background: var(--yd-color-primary-500);
2374
- color: #fff;
2375
- font-size: var(--yd-font-size-base);
2376
- font-weight: var(--yd-font-weight-medium);
2377
- cursor: pointer;
2378
- transition: all var(--yd-transition-fast);
2379
- display: flex;
2380
- align-items: center;
2381
- justify-content: center;
2358
+ .yd-login-centered__error-msg[data-v-267a78de] {
2359
+ display: flex;
2360
+ align-items: center;
2382
2361
  gap: var(--yd-spacing-xs);
2362
+ padding: var(--yd-spacing-sm);
2363
+ background: var(--yd-color-error-50, #fef2f2);
2364
+ color: var(--yd-color-error);
2365
+ border-radius: var(--yd-radius-sm);
2366
+ font-size: var(--yd-font-size-sm);
2383
2367
  }
2384
- .yd-login-centered__submit-btn[data-v-be643e6b]:hover:not(:disabled) {
2385
- background: var(--yd-color-primary-600);
2386
- transform: translateY(-1px);
2387
- box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
2368
+ .yd-login-centered__submit-btn[data-v-267a78de] {
2369
+ width: 100%;
2370
+ padding: var(--yd-spacing-sm);
2371
+ border: none;
2372
+ border-radius: var(--yd-radius-base);
2373
+ background: var(--yd-color-primary-500);
2374
+ color: #fff;
2375
+ font-size: var(--yd-font-size-base);
2376
+ font-weight: var(--yd-font-weight-medium);
2377
+ cursor: pointer;
2378
+ transition: all var(--yd-transition-fast);
2379
+ display: flex;
2380
+ align-items: center;
2381
+ justify-content: center;
2382
+ gap: var(--yd-spacing-xs);
2383
+ }
2384
+ .yd-login-centered__submit-btn[data-v-267a78de]:hover:not(:disabled) {
2385
+ background: var(--yd-color-primary-600);
2386
+ transform: translateY(-1px);
2387
+ box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
2388
2388
  }
2389
- .yd-login-centered__submit-btn[data-v-be643e6b]:disabled {
2390
- opacity: 0.7;
2389
+ .yd-login-centered__submit-btn[data-v-267a78de]:disabled {
2390
+ opacity: 0.7;
2391
2391
  cursor: not-allowed;
2392
2392
  }
2393
- .yd-login-centered__submit-btn--loading[data-v-be643e6b] {
2393
+ .yd-login-centered__submit-btn--loading[data-v-267a78de] {
2394
2394
  pointer-events: none;
2395
2395
  }
2396
- .yd-login-centered__spinner[data-v-be643e6b] {
2397
- width: 16px;
2398
- height: 16px;
2399
- border: 2px solid rgba(255, 255, 255, 0.3);
2400
- border-top-color: #fff;
2401
- border-radius: 50%;
2396
+ .yd-login-centered__spinner[data-v-267a78de] {
2397
+ width: 16px;
2398
+ height: 16px;
2399
+ border: 2px solid rgba(255, 255, 255, 0.3);
2400
+ border-top-color: #fff;
2401
+ border-radius: 50%;
2402
2402
  animation: yd-spin 0.6s linear infinite;
2403
2403
  }
2404
- .yd-login-centered__social-section[data-v-be643e6b] {
2404
+ .yd-login-centered__social-section[data-v-267a78de] {
2405
2405
  margin-top: var(--yd-spacing-lg);
2406
2406
  }
2407
- .yd-login-centered__divider-line[data-v-be643e6b] {
2408
- display: flex;
2409
- align-items: center;
2410
- gap: var(--yd-spacing-sm);
2411
- margin-bottom: var(--yd-spacing-md);
2412
- color: var(--yd-color-muted-fg);
2407
+ .yd-login-centered__divider-line[data-v-267a78de] {
2408
+ display: flex;
2409
+ align-items: center;
2410
+ gap: var(--yd-spacing-sm);
2411
+ margin-bottom: var(--yd-spacing-md);
2412
+ color: var(--yd-color-muted-fg);
2413
2413
  font-size: var(--yd-font-size-xs);
2414
2414
  }
2415
- .yd-login-centered__divider-line[data-v-be643e6b]::before,
2416
- .yd-login-centered__divider-line[data-v-be643e6b]::after {
2417
- content: "";
2418
- flex: 1;
2419
- height: 1px;
2415
+ .yd-login-centered__divider-line[data-v-267a78de]::before,
2416
+ .yd-login-centered__divider-line[data-v-267a78de]::after {
2417
+ content: "";
2418
+ flex: 1;
2419
+ height: 1px;
2420
2420
  background: var(--yd-color-border);
2421
2421
  }
2422
- .yd-login-centered__social-icons[data-v-be643e6b] {
2423
- display: flex;
2424
- justify-content: center;
2422
+ .yd-login-centered__social-icons[data-v-267a78de] {
2423
+ display: flex;
2424
+ justify-content: center;
2425
2425
  gap: var(--yd-spacing-md);
2426
2426
  }
2427
- .yd-login-centered__social-icon[data-v-be643e6b] {
2428
- width: 40px;
2429
- height: 40px;
2430
- border: 1px solid var(--yd-color-border);
2431
- border-radius: var(--yd-radius-base);
2432
- background: var(--yd-color-bg);
2433
- cursor: pointer;
2434
- font-size: 18px;
2435
- display: flex;
2436
- align-items: center;
2437
- justify-content: center;
2427
+ .yd-login-centered__social-icon[data-v-267a78de] {
2428
+ width: 40px;
2429
+ height: 40px;
2430
+ border: 1px solid var(--yd-color-border);
2431
+ border-radius: var(--yd-radius-base);
2432
+ background: var(--yd-color-bg);
2433
+ cursor: pointer;
2434
+ font-size: 18px;
2435
+ display: flex;
2436
+ align-items: center;
2437
+ justify-content: center;
2438
2438
  transition: all var(--yd-transition-fast);
2439
2439
  }
2440
- .yd-login-centered__social-icon[data-v-be643e6b]:hover {
2441
- border-color: var(--yd-color-primary-300);
2442
- background: var(--yd-color-primary-50);
2440
+ .yd-login-centered__social-icon[data-v-267a78de]:hover {
2441
+ border-color: var(--yd-color-primary-300);
2442
+ background: var(--yd-color-primary-50);
2443
2443
  transform: translateY(-2px);
2444
2444
  }
2445
- .yd-login-centered__footer-text[data-v-be643e6b] {
2446
- text-align: center;
2447
- margin-top: var(--yd-spacing-xl);
2448
- font-size: var(--yd-font-size-xs);
2445
+ .yd-login-centered__footer-text[data-v-267a78de] {
2446
+ text-align: center;
2447
+ margin-top: var(--yd-spacing-xl);
2448
+ font-size: var(--yd-font-size-xs);
2449
2449
  color: var(--yd-color-muted-fg);
2450
2450
  }
2451
- [data-theme="dark"] {
2451
+ [data-theme="dark"] {
2452
2452
  background: #0f172a;
2453
2453
  }
2454
- [data-theme="dark"] {
2455
- background: #1e293b;
2454
+ [data-theme="dark"] {
2455
+ background: #1e293b;
2456
2456
  border-color: #334155;
2457
- }
2457
+ }
2458
2458
 
2459
2459
  .yd-pin-input[data-v-fd187d50] {
2460
2460
  display: inline-flex;
@@ -2853,53 +2853,1452 @@ to {
2853
2853
  gap: var(--yd-spacing-xs);
2854
2854
  margin-top: var(--yd-spacing-sm);
2855
2855
  }
2856
- .yd-color-picker__value-item[data-v-24772c45] {
2856
+ .yd-color-picker__value-item[data-v-24772c45] {
2857
+ display: flex;
2858
+ flex-direction: column;
2859
+ gap: 2px;
2860
+ }
2861
+ .yd-color-picker__value-label[data-v-24772c45] {
2862
+ font-size: 10px;
2863
+ color: var(--yd-color-muted-fg);
2864
+ }
2865
+ .yd-color-picker__value-input[data-v-24772c45] {
2866
+ width: 100%;
2867
+ padding: var(--yd-spacing-xs);
2868
+ font-size: var(--yd-font-size-xs);
2869
+ border: 1px solid var(--yd-color-border);
2870
+ border-radius: var(--yd-radius-sm);
2871
+ text-align: center;
2872
+ }
2873
+ .yd-color-picker__value-input[data-v-24772c45]:focus {
2874
+ outline: none;
2875
+ border-color: var(--yd-color-primary-500);
2876
+ }
2877
+ .yd-color-picker__presets[data-v-24772c45] {
2878
+ display: grid;
2879
+ grid-template-columns: repeat(6, 1fr);
2880
+ gap: var(--yd-spacing-xs);
2881
+ margin-top: var(--yd-spacing-sm);
2882
+ padding-top: var(--yd-spacing-sm);
2883
+ border-top: 1px solid var(--yd-color-border);
2884
+ }
2885
+ .yd-color-picker__preset-item[data-v-24772c45] {
2886
+ width: 24px;
2887
+ height: 24px;
2888
+ border-radius: var(--yd-radius-sm);
2889
+ border: 1px solid var(--yd-color-border);
2890
+ cursor: pointer;
2891
+ transition: transform var(--yd-transition-fast);
2892
+ }
2893
+ .yd-color-picker__preset-item[data-v-24772c45]:hover {
2894
+ transform: scale(1.1);
2895
+ }
2896
+ .yd-color-picker-dropdown-enter-active[data-v-24772c45],
2897
+ .yd-color-picker-dropdown-leave-active[data-v-24772c45] {
2898
+ will-change: opacity;
2899
+ transition: opacity 0.2s ease;
2900
+ }
2901
+ .yd-color-picker-dropdown-enter-from[data-v-24772c45],
2902
+ .yd-color-picker-dropdown-leave-to[data-v-24772c45] {
2903
+ opacity: 0;
2904
+ }
2905
+
2906
+ .yd-calendar[data-v-b7db4b77] {
2907
+ --calendar-padding: 12px;
2908
+ --calendar-bg: #fff;
2909
+ --calendar-border: #e5e5e5;
2910
+ --calendar-text: #333;
2911
+ --calendar-text-secondary: #999;
2912
+ --calendar-accent: #1890ff;
2913
+ --calendar-accent-light: rgba(24, 144, 255, 0.1);
2914
+ --calendar-hover: #f5f5f5;
2915
+
2916
+ width: 280px;
2917
+ padding: var(--calendar-padding);
2918
+ background: var(--calendar-bg);
2919
+ border: 1px solid var(--calendar-border);
2920
+ border-radius: 8px;
2921
+ user-select: none;
2922
+ }
2923
+ .yd-calendar__header[data-v-b7db4b77] {
2924
+ display: flex;
2925
+ align-items: center;
2926
+ justify-content: space-between;
2927
+ padding-bottom: 12px;
2928
+ }
2929
+ .yd-calendar__nav-btn[data-v-b7db4b77] {
2930
+ width: 28px;
2931
+ height: 28px;
2932
+ border: none;
2933
+ background: transparent;
2934
+ cursor: pointer;
2935
+ border-radius: 4px;
2936
+ color: var(--calendar-text);
2937
+ }
2938
+ .yd-calendar__nav-btn[data-v-b7db4b77]:hover {
2939
+ background: var(--calendar-hover);
2940
+ }
2941
+ .yd-calendar__title[data-v-b7db4b77] {
2942
+ display: flex;
2943
+ gap: 8px;
2944
+ font-weight: 500;
2945
+ }
2946
+ .yd-calendar__year[data-v-b7db4b77],
2947
+ .yd-calendar__month[data-v-b7db4b77] {
2948
+ cursor: pointer;
2949
+ padding: 2px 6px;
2950
+ border-radius: 4px;
2951
+ }
2952
+ .yd-calendar__year[data-v-b7db4b77]:hover,
2953
+ .yd-calendar__month[data-v-b7db4b77]:hover {
2954
+ background: var(--calendar-hover);
2955
+ }
2956
+ .yd-calendar__view[data-v-b7db4b77] {
2957
+ padding: 8px 0;
2958
+ }
2959
+ .yd-calendar__weekdays[data-v-b7db4b77] {
2960
+ display: grid;
2961
+ grid-template-columns: repeat(7, 1fr);
2962
+ text-align: center;
2963
+ font-size: 12px;
2964
+ color: var(--calendar-text-secondary);
2965
+ padding-bottom: 8px;
2966
+ }
2967
+ .yd-calendar__days[data-v-b7db4b77] {
2968
+ display: grid;
2969
+ grid-template-columns: repeat(7, 1fr);
2970
+ gap: 2px;
2971
+ }
2972
+ .yd-calendar__day[data-v-b7db4b77] {
2973
+ display: flex;
2974
+ align-items: center;
2975
+ justify-content: center;
2976
+ min-width: 32px;
2977
+ min-height: 32px;
2978
+ padding: 4px;
2979
+ border: none;
2980
+ background: transparent;
2981
+ cursor: pointer;
2982
+ border-radius: 50%;
2983
+ font-size: 14px;
2984
+ color: var(--calendar-text);
2985
+ transition: background 0.2s;
2986
+ }
2987
+ .yd-calendar__day[data-v-b7db4b77]:hover {
2988
+ background: var(--calendar-hover);
2989
+ }
2990
+ .yd-calendar__day--other[data-v-b7db4b77] {
2991
+ color: var(--calendar-text-secondary);
2992
+ }
2993
+ .yd-calendar__day--today[data-v-b7db4b77] {
2994
+ color: var(--calendar-accent);
2995
+ font-weight: 600;
2996
+ }
2997
+ .yd-calendar__day--selected[data-v-b7db4b77] {
2998
+ background: var(--calendar-accent) !important;
2999
+ color: #fff !important;
3000
+ }
3001
+ .yd-calendar__day--disabled[data-v-b7db4b77] {
3002
+ opacity: 0.3;
3003
+ cursor: not-allowed;
3004
+ }
3005
+
3006
+ /* Year view */
3007
+ .yd-calendar__year-grid[data-v-b7db4b77] {
3008
+ display: grid;
3009
+ grid-template-columns: repeat(4, 1fr);
3010
+ gap: 8px;
3011
+ }
3012
+ .yd-calendar__year-cell[data-v-b7db4b77] {
3013
+ padding: 8px;
3014
+ border: none;
3015
+ background: transparent;
3016
+ cursor: pointer;
3017
+ border-radius: 4px;
3018
+ font-size: 14px;
3019
+ }
3020
+ .yd-calendar__year-cell[data-v-b7db4b77]:hover {
3021
+ background: var(--calendar-hover);
3022
+ }
3023
+ .yd-calendar__year-cell--selected[data-v-b7db4b77] {
3024
+ background: var(--calendar-accent);
3025
+ color: #fff;
3026
+ }
3027
+ .yd-calendar__year-cell--today[data-v-b7db4b77] {
3028
+ color: var(--calendar-accent);
3029
+ font-weight: 600;
3030
+ }
3031
+
3032
+ /* Month view */
3033
+ .yd-calendar__month-grid[data-v-b7db4b77] {
3034
+ display: grid;
3035
+ grid-template-columns: repeat(4, 1fr);
3036
+ gap: 8px;
3037
+ }
3038
+ .yd-calendar__month-cell[data-v-b7db4b77] {
3039
+ padding: 12px;
3040
+ border: none;
3041
+ background: transparent;
3042
+ cursor: pointer;
3043
+ border-radius: 4px;
3044
+ font-size: 14px;
3045
+ }
3046
+ .yd-calendar__month-cell[data-v-b7db4b77]:hover {
3047
+ background: var(--calendar-hover);
3048
+ }
3049
+ .yd-calendar__month-cell--selected[data-v-b7db4b77] {
3050
+ background: var(--calendar-accent);
3051
+ color: #fff;
3052
+ }
3053
+ .yd-calendar__month-cell--today[data-v-b7db4b77] {
3054
+ color: var(--calendar-accent);
3055
+ font-weight: 600;
3056
+ }
3057
+
3058
+ /* Footer */
3059
+ .yd-calendar__footer[data-v-b7db4b77] {
3060
+ padding-top: 12px;
3061
+ border-top: 1px solid var(--calendar-border);
3062
+ text-align: center;
3063
+ }
3064
+ .yd-calendar__today-btn[data-v-b7db4b77] {
3065
+ padding: 4px 12px;
3066
+ border: 1px solid var(--calendar-border);
3067
+ background: transparent;
3068
+ cursor: pointer;
3069
+ border-radius: 4px;
3070
+ font-size: 12px;
3071
+ }
3072
+ .yd-calendar__today-btn[data-v-b7db4b77]:hover {
3073
+ background: var(--calendar-hover);
3074
+ }
3075
+
3076
+ .yd-chat-page[data-v-281b025e] {
3077
+ display: flex;
3078
+ flex-direction: column;
3079
+ height: 100%;
3080
+ background: #fff;
3081
+ }
3082
+ .yd-chat-page__header[data-v-281b025e] {
3083
+ display: flex;
3084
+ align-items: center;
3085
+ justify-content: space-between;
3086
+ height: 56px;
3087
+ padding: 0 16px;
3088
+ border-bottom: 1px solid #e5e7eb;
3089
+ background: #fff;
3090
+ }
3091
+ .yd-chat-page__header-left[data-v-281b025e] {
3092
+ display: flex;
3093
+ align-items: center;
3094
+ gap: 12px;
3095
+ }
3096
+ .yd-chat-page__menu-btn[data-v-281b025e] {
3097
+ display: flex;
3098
+ align-items: center;
3099
+ justify-content: center;
3100
+ width: 36px;
3101
+ height: 36px;
3102
+ border: none;
3103
+ background: transparent;
3104
+ border-radius: 8px;
3105
+ cursor: pointer;
3106
+ color: #374151;
3107
+ }
3108
+ .yd-chat-page__menu-btn[data-v-281b025e]:hover {
3109
+ background: #f3f4f6;
3110
+ }
3111
+ .yd-chat-page__title[data-v-281b025e] {
3112
+ font-size: 18px;
3113
+ font-weight: 600;
3114
+ color: #111827;
3115
+ margin: 0;
3116
+ }
3117
+ .yd-chat-page__header-right[data-v-281b025e] {
3118
+ display: flex;
3119
+ align-items: center;
3120
+ gap: 12px;
3121
+ }
3122
+ .yd-chat-page__model-btn[data-v-281b025e] {
3123
+ display: flex;
3124
+ align-items: center;
3125
+ gap: 8px;
3126
+ padding: 8px 12px;
3127
+ border: 1px solid #e5e7eb;
3128
+ background: #fff;
3129
+ border-radius: 8px;
3130
+ font-size: 14px;
3131
+ color: #374151;
3132
+ cursor: pointer;
3133
+ }
3134
+ .yd-chat-page__model-btn[data-v-281b025e]:hover {
3135
+ background: #f9fafb;
3136
+ }
3137
+ .yd-chat-page__user-menu[data-v-281b025e] {
3138
+ display: flex;
3139
+ align-items: center;
3140
+ gap: 4px;
3141
+ }
3142
+ .yd-chat-page__user-btn[data-v-281b025e] {
3143
+ display: flex;
3144
+ align-items: center;
3145
+ justify-content: center;
3146
+ width: 36px;
3147
+ height: 36px;
3148
+ border: none;
3149
+ background: transparent;
3150
+ border-radius: 8px;
3151
+ cursor: pointer;
3152
+ color: #6b7280;
3153
+ }
3154
+ .yd-chat-page__user-btn[data-v-281b025e]:hover {
3155
+ background: #f3f4f6;
3156
+ color: #374151;
3157
+ }
3158
+ .yd-chat-page__main[data-v-281b025e] {
3159
+ display: flex;
3160
+ flex: 1;
3161
+ overflow: hidden;
3162
+ }
3163
+ .yd-chat-page__sidebar[data-v-281b025e] {
3164
+ display: flex;
3165
+ flex-direction: column;
3166
+ border-right: 1px solid #e5e7eb;
3167
+ background: #f9fafb;
3168
+ }
3169
+ .yd-chat-page__sidebar-header[data-v-281b025e] {
3170
+ padding: 16px;
3171
+ }
3172
+ .yd-chat-page__new-chat-btn[data-v-281b025e] {
3173
+ display: flex;
3174
+ align-items: center;
3175
+ justify-content: center;
3176
+ gap: 8px;
3177
+ width: 100%;
3178
+ padding: 10px 16px;
3179
+ border: none;
3180
+ background: #3b82f6;
3181
+ color: #fff;
3182
+ border-radius: 8px;
3183
+ font-size: 14px;
3184
+ font-weight: 500;
3185
+ cursor: pointer;
3186
+ transition: background 0.2s;
3187
+ }
3188
+ .yd-chat-page__new-chat-btn[data-v-281b025e]:hover {
3189
+ background: #2563eb;
3190
+ }
3191
+ .yd-chat-page__conversation-list[data-v-281b025e] {
3192
+ flex: 1;
3193
+ overflow-y: auto;
3194
+ padding: 8px;
3195
+ }
3196
+ .yd-chat-page__conversation-item[data-v-281b025e] {
3197
+ display: flex;
3198
+ align-items: center;
3199
+ gap: 12px;
3200
+ padding: 12px;
3201
+ border-radius: 8px;
3202
+ cursor: pointer;
3203
+ transition: background 0.2s;
3204
+ }
3205
+ .yd-chat-page__conversation-item[data-v-281b025e]:hover {
3206
+ background: #e5e7eb;
3207
+ }
3208
+ .yd-chat-page__conversation-item.active[data-v-281b025e] {
3209
+ background: #dbeafe;
3210
+ }
3211
+ .yd-chat-page__conv-icon[data-v-281b025e] {
3212
+ display: flex;
3213
+ align-items: center;
3214
+ justify-content: center;
3215
+ width: 32px;
3216
+ height: 32px;
3217
+ background: #e5e7eb;
3218
+ border-radius: 8px;
3219
+ color: #6b7280;
3220
+ }
3221
+ .yd-chat-page__conv-info[data-v-281b025e] {
3222
+ flex: 1;
3223
+ min-width: 0;
3224
+ }
3225
+ .yd-chat-page__conv-title[data-v-281b025e] {
3226
+ font-size: 14px;
3227
+ color: #111827;
3228
+ white-space: nowrap;
3229
+ overflow: hidden;
3230
+ text-overflow: ellipsis;
3231
+ }
3232
+ .yd-chat-page__conv-delete[data-v-281b025e] {
3233
+ display: flex;
3234
+ align-items: center;
3235
+ justify-content: center;
3236
+ width: 24px;
3237
+ height: 24px;
3238
+ border: none;
3239
+ background: transparent;
3240
+ border-radius: 4px;
3241
+ cursor: pointer;
3242
+ color: #9ca3af;
3243
+ opacity: 0;
3244
+ transition: opacity 0.2s;
3245
+ }
3246
+ .yd-chat-page__conversation-item:hover .yd-chat-page__conv-delete[data-v-281b025e] {
3247
+ opacity: 1;
3248
+ }
3249
+ .yd-chat-page__conv-delete[data-v-281b025e]:hover {
3250
+ background: #fee2e2;
3251
+ color: #ef4444;
3252
+ }
3253
+ .yd-chat-page__content[data-v-281b025e] {
3254
+ flex: 1;
3255
+ display: flex;
3256
+ flex-direction: column;
3257
+ overflow: hidden;
3258
+ }
3259
+ .yd-chat-page__messages[data-v-281b025e] {
3260
+ flex: 1;
3261
+ overflow-y: auto;
3262
+ padding: 24px;
3263
+ }
3264
+ .yd-chat-page__welcome[data-v-281b025e] {
3265
+ display: flex;
3266
+ flex-direction: column;
3267
+ align-items: center;
3268
+ justify-content: center;
3269
+ height: 100%;
3270
+ text-align: center;
3271
+ }
3272
+ .yd-chat-page__welcome-icon[data-v-281b025e] {
3273
+ color: #d1d5db;
3274
+ margin-bottom: 24px;
3275
+ }
3276
+ .yd-chat-page__welcome-title[data-v-281b025e] {
3277
+ font-size: 24px;
3278
+ font-weight: 600;
3279
+ color: #111827;
3280
+ margin: 0 0 24px;
3281
+ }
3282
+ .yd-chat-page__welcome-suggestions[data-v-281b025e] {
3283
+ display: flex;
3284
+ flex-wrap: wrap;
3285
+ gap: 12px;
3286
+ justify-content: center;
3287
+ max-width: 500px;
3288
+ }
3289
+ .yd-chat-page__suggestion-btn[data-v-281b025e] {
3290
+ padding: 10px 16px;
3291
+ border: 1px solid #e5e7eb;
3292
+ background: #fff;
3293
+ border-radius: 8px;
3294
+ font-size: 14px;
3295
+ color: #374151;
3296
+ cursor: pointer;
3297
+ transition: all 0.2s;
3298
+ }
3299
+ .yd-chat-page__suggestion-btn[data-v-281b025e]:hover {
3300
+ background: #f3f4f6;
3301
+ border-color: #d1d5db;
3302
+ }
3303
+ .yd-chat-page__message[data-v-281b025e] {
3304
+ display: flex;
3305
+ gap: 12px;
3306
+ margin-bottom: 24px;
3307
+ }
3308
+ .yd-chat-page__message--user[data-v-281b025e] {
3309
+ flex-direction: row-reverse;
3310
+ }
3311
+ .yd-chat-page__message-avatar[data-v-281b025e] {
3312
+ display: flex;
3313
+ align-items: center;
3314
+ justify-content: center;
3315
+ width: 36px;
3316
+ height: 36px;
3317
+ background: #e0e7ff;
3318
+ border-radius: 50%;
3319
+ color: #4f46e5;
3320
+ flex-shrink: 0;
3321
+ }
3322
+ .yd-chat-page__message-content[data-v-281b025e] {
3323
+ max-width: 70%;
3324
+ }
3325
+ .yd-chat-page__message-text[data-v-281b025e] {
3326
+ padding: 12px 16px;
3327
+ background: #f3f4f6;
3328
+ border-radius: 12px;
3329
+ font-size: 14px;
3330
+ line-height: 1.6;
3331
+ color: #111827;
3332
+ }
3333
+ .yd-chat-page__message--user .yd-chat-page__message-text[data-v-281b025e] {
3334
+ background: #3b82f6;
3335
+ color: #fff;
3336
+ }
3337
+ .yd-chat-page__reasoning[data-v-281b025e] {
3338
+ padding: 8px 12px;
3339
+ margin-bottom: 8px;
3340
+ background: #fef3c7;
3341
+ border-radius: 8px;
3342
+ font-size: 12px;
3343
+ color: #92400e;
3344
+ }
3345
+ .yd-chat-page__loading[data-v-281b025e] {
3346
+ padding: 16px;
3347
+ color: #6b7280;
3348
+ font-size: 14px;
3349
+ }
3350
+ .yd-chat-page__input-area[data-v-281b025e] {
3351
+ padding: 16px 24px;
3352
+ border-top: 1px solid #e5e7eb;
3353
+ }
3354
+ .yd-chat-page__input-wrapper[data-v-281b025e] {
3355
+ display: flex;
3356
+ align-items: flex-end;
3357
+ gap: 12px;
3358
+ padding: 12px;
3359
+ border: 1px solid #e5e7eb;
3360
+ border-radius: 12px;
3361
+ background: #fff;
3362
+ }
3363
+ .yd-chat-page__input[data-v-281b025e] {
3364
+ flex: 1;
3365
+ border: none;
3366
+ outline: none;
3367
+ resize: none;
3368
+ font-size: 14px;
3369
+ line-height: 1.5;
3370
+ max-height: 120px;
3371
+ font-family: inherit;
3372
+ }
3373
+ .yd-chat-page__send-btn[data-v-281b025e] {
3374
+ display: flex;
3375
+ align-items: center;
3376
+ justify-content: center;
3377
+ width: 36px;
3378
+ height: 36px;
3379
+ border: none;
3380
+ background: #3b82f6;
3381
+ border-radius: 8px;
3382
+ color: #fff;
3383
+ cursor: pointer;
3384
+ transition: background 0.2s;
3385
+ }
3386
+ .yd-chat-page__send-btn[data-v-281b025e]:hover:not(:disabled) {
3387
+ background: #2563eb;
3388
+ }
3389
+ .yd-chat-page__send-btn[data-v-281b025e]:disabled {
3390
+ background: #d1d5db;
3391
+ cursor: not-allowed;
3392
+ }
3393
+
3394
+ /* Size variants */
3395
+ .yd-chat-page--xs .yd-chat-page__header[data-v-281b025e] {
3396
+ height: 40px;
3397
+ }
3398
+ .yd-chat-page--xs .yd-chat-page__sidebar[data-v-281b025e] {
3399
+ width: 200px !important;
3400
+ }
3401
+ .yd-chat-page--sm .yd-chat-page__header[data-v-281b025e] {
3402
+ height: 48px;
3403
+ }
3404
+ .yd-chat-page--sm .yd-chat-page__sidebar[data-v-281b025e] {
3405
+ width: 240px !important;
3406
+ }
3407
+ .yd-chat-page--lg .yd-chat-page__header[data-v-281b025e] {
3408
+ height: 64px;
3409
+ }
3410
+ .yd-chat-page--lg .yd-chat-page__sidebar[data-v-281b025e] {
3411
+ width: 320px !important;
3412
+ }
3413
+ .yd-chat-page--xl .yd-chat-page__header[data-v-281b025e] {
3414
+ height: 72px;
3415
+ }
3416
+ .yd-chat-page--xl .yd-chat-page__sidebar[data-v-281b025e] {
3417
+ width: 360px !important;
3418
+ }
3419
+
3420
+ .yd-chat-bubble[data-v-b5476935] {
3421
+ display: flex;
3422
+ gap: 12px;
3423
+ max-width: 80%;
3424
+ }
3425
+ .yd-chat-bubble--user[data-v-b5476935] {
3426
+ flex-direction: row-reverse;
3427
+ margin-left: auto;
3428
+ }
3429
+ .yd-chat-bubble--system[data-v-b5476935] {
3430
+ justify-content: center;
3431
+ max-width: 100%;
3432
+ }
3433
+ .yd-chat-bubble__avatar[data-v-b5476935] {
3434
+ flex-shrink: 0;
3435
+ }
3436
+ .yd-chat-bubble__content[data-v-b5476935] {
3437
+ display: flex;
3438
+ flex-direction: column;
3439
+ gap: 4px;
3440
+ }
3441
+ .yd-chat-bubble--user .yd-chat-bubble__content[data-v-b5476935] {
3442
+ align-items: flex-end;
3443
+ }
3444
+ .yd-chat-bubble__name[data-v-b5476935] {
3445
+ font-size: 12px;
3446
+ font-weight: 500;
3447
+ color: var(--yd-color-text-secondary);
3448
+ }
3449
+ .yd-chat-bubble__bubble[data-v-b5476935] {
3450
+ padding: 10px 14px;
3451
+ border-radius: 12px;
3452
+ font-size: 14px;
3453
+ line-height: 1.5;
3454
+ word-wrap: break-word;
3455
+ }
3456
+ .yd-chat-bubble--assistant .yd-chat-bubble__bubble[data-v-b5476935] {
3457
+ background-color: var(--yd-color-bg-secondary);
3458
+ color: var(--yd-color-text-primary);
3459
+ border-bottom-left-radius: 4px;
3460
+ }
3461
+ .yd-chat-bubble--user .yd-chat-bubble__bubble[data-v-b5476935] {
3462
+ background-color: var(--yd-color-primary);
3463
+ color: white;
3464
+ border-bottom-right-radius: 4px;
3465
+ }
3466
+ .yd-chat-bubble--system .yd-chat-bubble__bubble[data-v-b5476935] {
3467
+ background-color: transparent;
3468
+ color: var(--yd-color-text-secondary);
3469
+ font-size: 13px;
3470
+ font-style: italic;
3471
+ }
3472
+ .yd-chat-bubble__time[data-v-b5476935] {
3473
+ font-size: 11px;
3474
+ color: var(--yd-color-text-tertiary);
3475
+ }
3476
+
3477
+ /* Size variants */
3478
+ .yd-chat-bubble--xs .yd-chat-bubble__bubble[data-v-b5476935] {
3479
+ padding: 6px 10px;
3480
+ font-size: 12px;
3481
+ }
3482
+ .yd-chat-bubble--sm .yd-chat-bubble__bubble[data-v-b5476935] {
3483
+ padding: 8px 12px;
3484
+ font-size: 13px;
3485
+ }
3486
+ .yd-chat-bubble--lg .yd-chat-bubble__bubble[data-v-b5476935] {
3487
+ padding: 12px 16px;
3488
+ font-size: 15px;
3489
+ }
3490
+ .yd-chat-bubble--xl .yd-chat-bubble__bubble[data-v-b5476935] {
3491
+ padding: 14px 18px;
3492
+ font-size: 16px;
3493
+ }
3494
+
3495
+ .yd-conversation[data-v-8fa39578] {
3496
+ position: relative;
3497
+ overflow-y: auto;
3498
+ overflow-x: hidden;
3499
+ }
3500
+ .yd-conversation__scroll-btn[data-v-8fa39578] {
3501
+ position: absolute;
3502
+ bottom: 16px;
3503
+ right: 16px;
3504
+ display: flex;
3505
+ align-items: center;
3506
+ justify-content: center;
3507
+ width: 36px;
3508
+ height: 36px;
3509
+ background-color: var(--yd-color-bg-primary);
3510
+ border: 1px solid var(--yd-color-border);
3511
+ border-radius: 50%;
3512
+ cursor: pointer;
3513
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
3514
+ transition: all 200ms ease;
3515
+ z-index: 10;
3516
+ }
3517
+ .yd-conversation__scroll-btn[data-v-8fa39578]:hover {
3518
+ background-color: var(--yd-color-bg-secondary);
3519
+ transform: scale(1.05);
3520
+ }
3521
+ .yd-conversation__scroll-btn svg[data-v-8fa39578] {
3522
+ color: var(--yd-color-text-secondary);
3523
+ }
3524
+
3525
+ /* Size variants */
3526
+ .yd-conversation--xs[data-v-8fa39578] {
3527
+ padding: 8px;
3528
+ }
3529
+ .yd-conversation--sm[data-v-8fa39578] {
3530
+ padding: 12px;
3531
+ }
3532
+ .yd-conversation--md[data-v-8fa39578] {
3533
+ padding: 16px;
3534
+ }
3535
+ .yd-conversation--lg[data-v-8fa39578] {
3536
+ padding: 20px;
3537
+ }
3538
+ .yd-conversation--xl[data-v-8fa39578] {
3539
+ padding: 24px;
3540
+ }
3541
+
3542
+ /* Transition */
3543
+ .fade-enter-active[data-v-8fa39578],
3544
+ .fade-leave-active[data-v-8fa39578] {
3545
+ transition: opacity 200ms ease;
3546
+ }
3547
+ .fade-enter-from[data-v-8fa39578],
3548
+ .fade-leave-to[data-v-8fa39578] {
3549
+ opacity: 0;
3550
+ }
3551
+
3552
+ .yd-prompt-input[data-v-1bd77b28] {
3553
+ position: relative;
3554
+ display: flex;
3555
+ flex-direction: column;
3556
+ gap: 8px;
3557
+ }
3558
+ .yd-prompt-input__attachments[data-v-1bd77b28] {
3559
+ display: flex;
3560
+ flex-wrap: wrap;
3561
+ gap: 8px;
3562
+ padding: 8px 12px;
3563
+ background-color: var(--yd-color-bg-secondary);
3564
+ border-radius: 8px;
3565
+ }
3566
+ .yd-prompt-input__attachment[data-v-1bd77b28] {
3567
+ display: flex;
3568
+ align-items: center;
3569
+ gap: 6px;
3570
+ padding: 4px 8px 4px 10px;
3571
+ background-color: var(--yd-color-bg-primary);
3572
+ border: 1px solid var(--yd-color-border);
3573
+ border-radius: 16px;
3574
+ font-size: 13px;
3575
+ }
3576
+ .yd-prompt-input__attachment svg[data-v-1bd77b28] {
3577
+ color: var(--yd-color-text-secondary);
3578
+ }
3579
+ .yd-prompt-input__attachment-name[data-v-1bd77b28] {
3580
+ max-width: 120px;
3581
+ overflow: hidden;
3582
+ text-overflow: ellipsis;
3583
+ white-space: nowrap;
3584
+ }
3585
+ .yd-prompt-input__attachment-remove[data-v-1bd77b28] {
3586
+ display: flex;
3587
+ align-items: center;
3588
+ justify-content: center;
3589
+ padding: 0;
3590
+ background: none;
3591
+ border: none;
3592
+ cursor: pointer;
3593
+ opacity: 0.6;
3594
+ transition: opacity 150ms;
3595
+ }
3596
+ .yd-prompt-input__attachment-remove[data-v-1bd77b28]:hover {
3597
+ opacity: 1;
3598
+ }
3599
+ .yd-prompt-input__container[data-v-1bd77b28] {
3600
+ display: flex;
3601
+ align-items: flex-end;
3602
+ gap: 8px;
3603
+ padding: 8px 12px;
3604
+ background-color: var(--yd-color-bg-secondary);
3605
+ border: 1px solid var(--yd-color-border);
3606
+ border-radius: 12px;
3607
+ transition:
3608
+ border-color 200ms,
3609
+ box-shadow 200ms;
3610
+ }
3611
+ .yd-prompt-input__container[data-v-1bd77b28]:focus-within {
3612
+ border-color: var(--yd-color-primary);
3613
+ box-shadow: 0 0 0 2px var(--yd-color-primary-alpha-10);
3614
+ }
3615
+ .yd-prompt-input--disabled .yd-prompt-input__container[data-v-1bd77b28] {
3616
+ opacity: 0.6;
3617
+ cursor: not-allowed;
3618
+ }
3619
+ .yd-prompt-input__action[data-v-1bd77b28] {
3620
+ display: flex;
3621
+ align-items: center;
3622
+ justify-content: center;
3623
+ width: 32px;
3624
+ height: 32px;
3625
+ padding: 0;
3626
+ background: none;
3627
+ border: none;
3628
+ border-radius: 6px;
3629
+ cursor: pointer;
3630
+ transition: background-color 150ms;
3631
+ }
3632
+ .yd-prompt-input__action[data-v-1bd77b28]:hover:not(:disabled) {
3633
+ background-color: var(--yd-color-bg-tertiary);
3634
+ }
3635
+ .yd-prompt-input__action[data-v-1bd77b28]:disabled {
3636
+ cursor: not-allowed;
3637
+ opacity: 0.5;
3638
+ }
3639
+ .yd-prompt-input__action svg[data-v-1bd77b28] {
3640
+ width: 20px;
3641
+ height: 20px;
3642
+ color: var(--yd-color-text-secondary);
3643
+ }
3644
+ .yd-prompt-input__textarea[data-v-1bd77b28] {
3645
+ flex: 1;
3646
+ min-height: 24px;
3647
+ padding: 4px 0;
3648
+ background: transparent;
3649
+ border: none;
3650
+ outline: none;
3651
+ resize: none;
3652
+ font-family: inherit;
3653
+ font-size: 14px;
3654
+ line-height: 1.5;
3655
+ color: var(--yd-color-text-primary);
3656
+ }
3657
+ .yd-prompt-input__textarea[data-v-1bd77b28]::placeholder {
3658
+ color: var(--yd-color-text-placeholder);
3659
+ }
3660
+ .yd-prompt-input__textarea--xs[data-v-1bd77b28] {
3661
+ font-size: 12px;
3662
+ }
3663
+ .yd-prompt-input__textarea--sm[data-v-1bd77b28] {
3664
+ font-size: 13px;
3665
+ }
3666
+ .yd-prompt-input__textarea--lg[data-v-1bd77b28] {
3667
+ font-size: 15px;
3668
+ }
3669
+ .yd-prompt-input__textarea--xl[data-v-1bd77b28] {
3670
+ font-size: 16px;
3671
+ }
3672
+ .yd-prompt-input__streaming[data-v-1bd77b28] {
3673
+ display: flex;
3674
+ align-items: center;
3675
+ gap: 3px;
3676
+ padding: 4px;
3677
+ }
3678
+ .yd-prompt-input__streaming-dot[data-v-1bd77b28] {
3679
+ width: 4px;
3680
+ height: 4px;
3681
+ background-color: var(--yd-color-text-secondary);
3682
+ border-radius: 50%;
3683
+ animation: yd-prompt-input__bounce-1bd77b28 1.4s infinite ease-in-out both;
3684
+ }
3685
+ .yd-prompt-input__streaming-dot[data-v-1bd77b28]:nth-child(1) {
3686
+ animation-delay: -0.32s;
3687
+ }
3688
+ .yd-prompt-input__streaming-dot[data-v-1bd77b28]:nth-child(2) {
3689
+ animation-delay: -0.16s;
3690
+ }
3691
+ @keyframes yd-prompt-input__bounce-1bd77b28 {
3692
+ 0%,
3693
+ 80%,
3694
+ 100% {
3695
+ transform: scale(0.8);
3696
+ opacity: 0.5;
3697
+ }
3698
+ 40% {
3699
+ transform: scale(1);
3700
+ opacity: 1;
3701
+ }
3702
+ }
3703
+ .yd-prompt-input__submit[data-v-1bd77b28] {
3704
+ display: flex;
3705
+ align-items: center;
3706
+ justify-content: center;
3707
+ width: 32px;
3708
+ height: 32px;
3709
+ padding: 0;
3710
+ background-color: var(--yd-color-primary);
3711
+ border: none;
3712
+ border-radius: 8px;
3713
+ cursor: pointer;
3714
+ transition: all 150ms;
3715
+ }
3716
+ .yd-prompt-input__submit[data-v-1bd77b28]:hover:not(:disabled) {
3717
+ background-color: var(--yd-color-primary-hover);
3718
+ transform: scale(1.05);
3719
+ }
3720
+ .yd-prompt-input__submit[data-v-1bd77b28]:disabled {
3721
+ background-color: var(--yd-color-bg-tertiary);
3722
+ cursor: not-allowed;
3723
+ }
3724
+ .yd-prompt-input__submit svg[data-v-1bd77b28] {
3725
+ width: 18px;
3726
+ height: 18px;
3727
+ color: white;
3728
+ }
3729
+ .yd-prompt-input__spinner[data-v-1bd77b28] {
3730
+ animation: yd-spin 1s linear infinite;
3731
+ }
3732
+ .yd-prompt-input__file-input[data-v-1bd77b28] {
3733
+ display: none;
3734
+ }
3735
+
3736
+ .yd-reasoning[data-v-8cc82c4a] {
3737
+ position: relative;
3738
+ }
3739
+ .yd-reasoning__trigger[data-v-8cc82c4a] {
3740
+ display: flex;
3741
+ align-items: center;
3742
+ gap: 8px;
3743
+ padding: 6px 12px;
3744
+ background-color: var(--yd-color-bg-tertiary);
3745
+ border-radius: 8px;
3746
+ cursor: pointer;
3747
+ transition: background-color 150ms;
3748
+ }
3749
+ .yd-reasoning__trigger[data-v-8cc82c4a]:hover {
3750
+ background-color: var(--yd-color-bg-quaternary);
3751
+ }
3752
+ .yd-reasoning__icon[data-v-8cc82c4a] {
3753
+ color: var(--yd-color-text-secondary);
3754
+ }
3755
+ .yd-reasoning__trigger-text[data-v-8cc82c4a] {
3756
+ font-size: 13px;
3757
+ color: var(--yd-color-text-secondary);
3758
+ font-style: italic;
3759
+ }
3760
+ .yd-reasoning__trigger-badge[data-v-8cc82c4a] {
3761
+ padding: 2px 6px;
3762
+ background-color: var(--yd-color-primary-alpha-10);
3763
+ border-radius: 4px;
3764
+ font-size: 11px;
3765
+ font-weight: 500;
3766
+ color: var(--yd-color-primary);
3767
+ }
3768
+ .yd-reasoning__header[data-v-8cc82c4a] {
3769
+ display: flex;
3770
+ align-items: center;
3771
+ gap: 8px;
3772
+ padding: 6px 12px;
3773
+ background-color: var(--yd-color-bg-tertiary);
3774
+ border-radius: 8px 8px 0 0;
3775
+ cursor: pointer;
3776
+ transition: background-color 150ms;
3777
+ }
3778
+ .yd-reasoning__header[data-v-8cc82c4a]:hover {
3779
+ background-color: var(--yd-color-bg-quaternary);
3780
+ }
3781
+ .yd-reasoning__label[data-v-8cc82c4a] {
3782
+ flex: 1;
3783
+ font-size: 13px;
3784
+ font-weight: 500;
3785
+ color: var(--yd-color-text-primary);
3786
+ }
3787
+ .yd-reasoning__collapse-icon[data-v-8cc82c4a] {
3788
+ color: var(--yd-color-text-secondary);
3789
+ transition: transform 200ms;
3790
+ }
3791
+ .yd-reasoning__text[data-v-8cc82c4a] {
3792
+ padding: 12px;
3793
+ background-color: var(--yd-color-bg-secondary);
3794
+ border-radius: 0 8px 8px 8px;
3795
+ font-size: 13px;
3796
+ line-height: 1.6;
3797
+ color: var(--yd-color-text-secondary);
3798
+ white-space: pre-wrap;
3799
+ word-break: break-word;
3800
+ }
3801
+
3802
+ /* Animation */
3803
+ .expand-enter-active[data-v-8cc82c4a],
3804
+ .expand-leave-active[data-v-8cc82c4a] {
3805
+ transition: all 200ms ease;
3806
+ overflow: hidden;
3807
+ }
3808
+ .expand-enter-from[data-v-8cc82c4a],
3809
+ .expand-leave-to[data-v-8cc82c4a] {
3810
+ opacity: 0;
3811
+ transform: translateY(-10px);
3812
+ }
3813
+
3814
+ /* Size variants */
3815
+ .yd-reasoning--xs .yd-reasoning__trigger[data-v-8cc82c4a],
3816
+ .yd-reasoning--xs .yd-reasoning__header[data-v-8cc82c4a] {
3817
+ padding: 4px 8px;
3818
+ }
3819
+ .yd-reasoning--xs .yd-reasoning__text[data-v-8cc82c4a] {
3820
+ padding: 8px;
3821
+ font-size: 12px;
3822
+ }
3823
+ .yd-reasoning--sm .yd-reasoning__trigger[data-v-8cc82c4a],
3824
+ .yd-reasoning--sm .yd-reasoning__header[data-v-8cc82c4a] {
3825
+ padding: 5px 10px;
3826
+ }
3827
+ .yd-reasoning--sm .yd-reasoning__text[data-v-8cc82c4a] {
3828
+ padding: 10px;
3829
+ font-size: 12px;
3830
+ }
3831
+ .yd-reasoning--lg .yd-reasoning__trigger[data-v-8cc82c4a],
3832
+ .yd-reasoning--lg .yd-reasoning__header[data-v-8cc82c4a] {
3833
+ padding: 8px 14px;
3834
+ }
3835
+ .yd-reasoning--lg .yd-reasoning__text[data-v-8cc82c4a] {
3836
+ padding: 14px;
3837
+ font-size: 14px;
3838
+ }
3839
+ .yd-reasoning--xl .yd-reasoning__trigger[data-v-8cc82c4a],
3840
+ .yd-reasoning--xl .yd-reasoning__header[data-v-8cc82c4a] {
3841
+ padding: 10px 16px;
3842
+ }
3843
+ .yd-reasoning--xl .yd-reasoning__text[data-v-8cc82c4a] {
3844
+ padding: 16px;
3845
+ font-size: 15px;
3846
+ }
3847
+
3848
+ .yd-code-block[data-v-35b3e680] {
3849
+ position: relative;
3850
+ overflow: hidden;
3851
+ background-color: #1e1e1e;
3852
+ border-radius: 8px;
3853
+ }
3854
+ .yd-code-block__header[data-v-35b3e680] {
3855
+ display: flex;
3856
+ align-items: center;
3857
+ gap: 12px;
3858
+ padding: 8px 12px;
3859
+ background-color: #2d2d2d;
3860
+ border-bottom: 1px solid #3d3d3d;
3861
+ }
3862
+ .yd-code-block__language[data-v-35b3e680] {
3863
+ padding: 2px 8px;
3864
+ background-color: #4a4a4a;
3865
+ border-radius: 4px;
3866
+ font-size: 12px;
3867
+ font-weight: 500;
3868
+ color: #9d9d9d;
3869
+ text-transform: uppercase;
3870
+ }
3871
+ .yd-code-block__filename[data-v-35b3e680] {
3872
+ flex: 1;
3873
+ font-size: 13px;
3874
+ color: #d4d4d4;
3875
+ }
3876
+ .yd-code-block__copy[data-v-35b3e680] {
3877
+ display: flex;
3878
+ align-items: center;
3879
+ gap: 6px;
3880
+ padding: 4px 10px;
3881
+ background-color: transparent;
3882
+ border: 1px solid #4a4a4a;
3883
+ border-radius: 4px;
3884
+ font-size: 12px;
3885
+ color: #9d9d9d;
3886
+ cursor: pointer;
3887
+ transition: all 150ms;
3888
+ }
3889
+ .yd-code-block__copy[data-v-35b3e680]:hover {
3890
+ background-color: #4a4a4a;
3891
+ color: #d4d4d4;
3892
+ }
3893
+ .yd-code-block__pre[data-v-35b3e680] {
3894
+ margin: 0;
3895
+ padding: 12px;
3896
+ overflow-x: auto;
3897
+ }
3898
+ .yd-code-block__code[data-v-35b3e680] {
3899
+ font-family: "SF Mono", "Fira Code", "Consolas", monospace;
3900
+ font-size: 13px;
3901
+ line-height: 1.6;
3902
+ color: #d4d4d4;
3903
+ white-space: pre;
3904
+ tab-size: 2;
3905
+ }
3906
+
3907
+ /* Size variants */
3908
+ .yd-code-block--xs .yd-code-block__code[data-v-35b3e680] {
3909
+ font-size: 11px;
3910
+ }
3911
+ .yd-code-block--sm .yd-code-block__code[data-v-35b3e680] {
3912
+ font-size: 12px;
3913
+ }
3914
+ .yd-code-block--lg .yd-code-block__code[data-v-35b3e680] {
3915
+ font-size: 14px;
3916
+ }
3917
+ .yd-code-block--xl .yd-code-block__code[data-v-35b3e680] {
3918
+ font-size: 15px;
3919
+ }
3920
+
3921
+ .yd-streaming-text[data-v-dfda321d] {
3922
+ display: inline;
3923
+ color: var(--yd-color-text-primary);
3924
+ line-height: 1.6;
3925
+ }
3926
+ .yd-streaming-text[data-v-dfda321d]::after {
3927
+ content: "|";
3928
+ margin-left: 2px;
3929
+ animation: yd-blink-dfda321d 1s step-end infinite;
3930
+ }
3931
+ @keyframes yd-blink-dfda321d {
3932
+ 0%,
3933
+ 50% {
3934
+ opacity: 1;
3935
+ }
3936
+ 51%,
3937
+ 100% {
3938
+ opacity: 0;
3939
+ }
3940
+ }
3941
+
3942
+ .yd-ai-loader[data-v-15ae3772] {
3943
+ display: inline-flex;
3944
+ align-items: center;
3945
+ gap: 8px;
3946
+ }
3947
+
3948
+ /* Spinner */
3949
+ .yd-ai-loader__spinner[data-v-15ae3772] {
3950
+ width: 20px;
3951
+ height: 20px;
3952
+ animation: yd-spin 1s linear infinite;
3953
+ color: var(--yd-color-text-secondary);
3954
+ }
3955
+
3956
+ /* Shimmer */
3957
+ .yd-ai-loader__shimmer-wrapper[data-v-15ae3772] {
3958
+ overflow: hidden;
3959
+ }
3960
+ .yd-ai-loader__shimmer[data-v-15ae3772] {
3961
+ width: 100px;
3962
+ height: 16px;
3963
+ background: linear-gradient(
3964
+ 90deg,
3965
+ var(--yd-color-bg-tertiary) 25%,
3966
+ var(--yd-color-bg-quaternary) 50%,
3967
+ var(--yd-color-bg-tertiary) 75%
3968
+ );
3969
+ background-size: 200% 100%;
3970
+ animation: yd-shimmer-15ae3772 1.5s ease-in-out infinite;
3971
+ border-radius: 4px;
3972
+ }
3973
+ @keyframes yd-shimmer-15ae3772 {
3974
+ 0% {
3975
+ background-position: 200% 0;
3976
+ }
3977
+ 100% {
3978
+ background-position: -200% 0;
3979
+ }
3980
+ }
3981
+
3982
+ /* Dots */
3983
+ .yd-ai-loader__dots[data-v-15ae3772] {
3984
+ display: flex;
3985
+ gap: 4px;
3986
+ }
3987
+ .yd-ai-loader__dot[data-v-15ae3772] {
3988
+ width: 8px;
3989
+ height: 8px;
3990
+ background-color: var(--yd-color-text-secondary);
3991
+ border-radius: 50%;
3992
+ animation: yd-bounce-15ae3772 1.4s infinite ease-in-out both;
3993
+ }
3994
+ @keyframes yd-bounce-15ae3772 {
3995
+ 0%,
3996
+ 80%,
3997
+ 100% {
3998
+ transform: scale(0);
3999
+ }
4000
+ 40% {
4001
+ transform: scale(1);
4002
+ }
4003
+ }
4004
+
4005
+ /* Pulse */
4006
+ .yd-ai-loader__pulse[data-v-15ae3772] {
4007
+ width: 32px;
4008
+ height: 32px;
4009
+ background-color: var(--yd-color-primary);
4010
+ border-radius: 50%;
4011
+ animation: yd-pulse-15ae3772 1.5s infinite;
4012
+ }
4013
+ @keyframes yd-pulse-15ae3772 {
4014
+ 0% {
4015
+ transform: scale(0);
4016
+ opacity: 1;
4017
+ }
4018
+ 100% {
4019
+ transform: scale(1);
4020
+ opacity: 0;
4021
+ }
4022
+ }
4023
+
4024
+ /* Typing */
4025
+ .yd-ai-loader__typing[data-v-15ae3772] {
4026
+ display: flex;
4027
+ gap: 3px;
4028
+ }
4029
+ .yd-ai-loader__typing-dot[data-v-15ae3772] {
4030
+ width: 4px;
4031
+ height: 4px;
4032
+ background-color: var(--yd-color-text-secondary);
4033
+ border-radius: 50%;
4034
+ animation: yd-typing-15ae3772 1.4s infinite ease-in-out both;
4035
+ }
4036
+ @keyframes yd-typing-15ae3772 {
4037
+ 0%,
4038
+ 80%,
4039
+ 100% {
4040
+ transform: translateY(0);
4041
+ }
4042
+ 40% {
4043
+ transform: translateY(-4px);
4044
+ }
4045
+ }
4046
+ .yd-ai-loader__text[data-v-15ae3772] {
4047
+ font-size: 13px;
4048
+ color: var(--yd-color-text-secondary);
4049
+ }
4050
+
4051
+ /* Size variants */
4052
+ .yd-ai-loader--xs .yd-ai-loader__dot[data-v-15ae3772],
4053
+ .yd-ai-loader--xs .yd-ai-loader__typing-dot[data-v-15ae3772] {
4054
+ width: 4px;
4055
+ height: 4px;
4056
+ }
4057
+ .yd-ai-loader--sm .yd-ai-loader__dot[data-v-15ae3772],
4058
+ .yd-ai-loader--sm .yd-ai-loader__typing-dot[data-v-15ae3772] {
4059
+ width: 6px;
4060
+ height: 6px;
4061
+ }
4062
+ .yd-ai-loader--lg .yd-ai-loader__dot[data-v-15ae3772],
4063
+ .yd-ai-loader--lg .yd-ai-loader__typing-dot[data-v-15ae3772] {
4064
+ width: 10px;
4065
+ height: 10px;
4066
+ }
4067
+ .yd-ai-loader--xl .yd-ai-loader__dot[data-v-15ae3772],
4068
+ .yd-ai-loader--xl .yd-ai-loader__typing-dot[data-v-15ae3772] {
4069
+ width: 12px;
4070
+ height: 12px;
4071
+ }
4072
+
4073
+ .yd-suggestion[data-v-74cdfdbd] {
4074
+ display: flex;
4075
+ flex-direction: column;
4076
+ gap: 8px;
4077
+ }
4078
+ .yd-suggestion__label[data-v-74cdfdbd] {
4079
+ font-size: 12px;
4080
+ font-weight: 500;
4081
+ color: var(--yd-color-text-secondary);
4082
+ text-transform: uppercase;
4083
+ letter-spacing: 0.5px;
4084
+ }
4085
+ .yd-suggestion__list[data-v-74cdfdbd] {
4086
+ display: flex;
4087
+ flex-wrap: wrap;
4088
+ gap: 8px;
4089
+ }
4090
+ .yd-suggestion__item[data-v-74cdfdbd] {
4091
+ display: flex;
4092
+ align-items: center;
4093
+ gap: 6px;
4094
+ padding: 8px 12px;
4095
+ background-color: var(--yd-color-bg-secondary);
4096
+ border: 1px solid var(--yd-color-border);
4097
+ border-radius: 8px;
4098
+ font-size: 13px;
4099
+ color: var(--yd-color-text-primary);
4100
+ cursor: pointer;
4101
+ transition: all 150ms;
4102
+ }
4103
+ .yd-suggestion__item[data-v-74cdfdbd]:hover:not(:disabled) {
4104
+ background-color: var(--yd-color-bg-tertiary);
4105
+ border-color: var(--yd-color-primary);
4106
+ color: var(--yd-color-primary);
4107
+ }
4108
+ .yd-suggestion__item[data-v-74cdfdbd]:disabled {
4109
+ opacity: 0.5;
4110
+ cursor: not-allowed;
4111
+ }
4112
+ .yd-suggestion__item-icon[data-v-74cdfdbd] {
4113
+ width: 16px;
4114
+ height: 16px;
4115
+ }
4116
+ .yd-suggestion__item-text[data-v-74cdfdbd] {
4117
+ white-space: nowrap;
4118
+ }
4119
+
4120
+ /* Size variants */
4121
+ .yd-suggestion--xs .yd-suggestion__item[data-v-74cdfdbd] {
4122
+ padding: 4px 8px;
4123
+ font-size: 11px;
4124
+ }
4125
+ .yd-suggestion--sm .yd-suggestion__item[data-v-74cdfdbd] {
4126
+ padding: 6px 10px;
4127
+ font-size: 12px;
4128
+ }
4129
+ .yd-suggestion--lg .yd-suggestion__item[data-v-74cdfdbd] {
4130
+ padding: 10px 14px;
4131
+ font-size: 14px;
4132
+ }
4133
+ .yd-suggestion--xl .yd-suggestion__item[data-v-74cdfdbd] {
4134
+ padding: 12px 16px;
4135
+ font-size: 15px;
4136
+ }
4137
+
4138
+ .yd-sources[data-v-db326a6c] {
4139
+ display: flex;
4140
+ flex-direction: column;
4141
+ gap: 8px;
4142
+ }
4143
+ .yd-sources__header[data-v-db326a6c] {
4144
+ display: flex;
4145
+ align-items: center;
4146
+ gap: 6px;
4147
+ padding: 8px 12px;
4148
+ background-color: var(--yd-color-bg-tertiary);
4149
+ border-radius: 8px;
4150
+ }
4151
+ .yd-sources__header svg[data-v-db326a6c] {
4152
+ color: var(--yd-color-text-secondary);
4153
+ }
4154
+ .yd-sources__label[data-v-db326a6c] {
4155
+ font-size: 13px;
4156
+ font-weight: 500;
4157
+ color: var(--yd-color-text-primary);
4158
+ }
4159
+ .yd-sources__count[data-v-db326a6c] {
4160
+ padding: 2px 6px;
4161
+ background-color: var(--yd-color-primary-alpha-10);
4162
+ border-radius: 10px;
4163
+ font-size: 11px;
4164
+ font-weight: 600;
4165
+ color: var(--yd-color-primary);
4166
+ }
4167
+ .yd-sources__list[data-v-db326a6c] {
4168
+ display: flex;
4169
+ flex-direction: column;
4170
+ gap: 4px;
4171
+ margin: 0;
4172
+ padding: 0;
4173
+ list-style: none;
4174
+ }
4175
+ .yd-sources__item[data-v-db326a6c] {
4176
+ display: flex;
4177
+ }
4178
+ .yd-sources__link[data-v-db326a6c] {
4179
+ display: flex;
4180
+ align-items: center;
4181
+ gap: 8px;
4182
+ width: 100%;
4183
+ padding: 8px 12px;
4184
+ background-color: var(--yd-color-bg-secondary);
4185
+ border-radius: 6px;
4186
+ text-decoration: none;
4187
+ color: var(--yd-color-text-primary);
4188
+ transition: background-color 150ms;
4189
+ }
4190
+ .yd-sources__link[data-v-db326a6c]:hover {
4191
+ background-color: var(--yd-color-bg-tertiary);
4192
+ }
4193
+ .yd-sources__index[data-v-db326a6c] {
4194
+ display: flex;
4195
+ align-items: center;
4196
+ justify-content: center;
4197
+ width: 20px;
4198
+ height: 20px;
4199
+ background-color: var(--yd-color-bg-tertiary);
4200
+ border-radius: 50%;
4201
+ font-size: 11px;
4202
+ font-weight: 600;
4203
+ color: var(--yd-color-text-secondary);
4204
+ }
4205
+ .yd-sources__title[data-v-db326a6c] {
4206
+ flex: 1;
4207
+ font-size: 13px;
4208
+ overflow: hidden;
4209
+ text-overflow: ellipsis;
4210
+ white-space: nowrap;
4211
+ }
4212
+ .yd-sources__external[data-v-db326a6c] {
4213
+ flex-shrink: 0;
4214
+ color: var(--yd-color-text-tertiary);
4215
+ }
4216
+
4217
+ /* Size variants */
4218
+ .yd-sources--xs .yd-sources__link[data-v-db326a6c] {
4219
+ padding: 6px 10px;
4220
+ }
4221
+ .yd-sources--xs .yd-sources__title[data-v-db326a6c] {
4222
+ font-size: 12px;
4223
+ }
4224
+ .yd-sources--sm .yd-sources__link[data-v-db326a6c] {
4225
+ padding: 7px 11px;
4226
+ }
4227
+ .yd-sources--sm .yd-sources__title[data-v-db326a6c] {
4228
+ font-size: 12px;
4229
+ }
4230
+ .yd-sources--lg .yd-sources__link[data-v-db326a6c] {
4231
+ padding: 10px 14px;
4232
+ }
4233
+ .yd-sources--lg .yd-sources__title[data-v-db326a6c] {
4234
+ font-size: 14px;
4235
+ }
4236
+ .yd-sources--xl .yd-sources__link[data-v-db326a6c] {
4237
+ padding: 12px 16px;
4238
+ }
4239
+ .yd-sources--xl .yd-sources__title[data-v-db326a6c] {
4240
+ font-size: 15px;
4241
+ }
4242
+
4243
+ .yd-model-selector[data-v-ccf0f8fe] {
4244
+ display: flex;
4245
+ flex-direction: column;
4246
+ gap: 8px;
4247
+ }
4248
+ .yd-model-selector__prefix[data-v-ccf0f8fe] {
4249
+ display: flex;
4250
+ align-items: center;
4251
+ gap: 6px;
4252
+ }
4253
+ .yd-model-selector__prefix svg[data-v-ccf0f8fe] {
4254
+ color: var(--yd-color-text-secondary);
4255
+ }
4256
+ .yd-model-selector__model-icon[data-v-ccf0f8fe] {
4257
+ font-size: 14px;
4258
+ }
4259
+ .yd-model-selector__info[data-v-ccf0f8fe] {
2857
4260
  display: flex;
2858
4261
  flex-direction: column;
2859
- gap: 2px;
2860
- }
2861
- .yd-color-picker__value-label[data-v-24772c45] {
2862
- font-size: 10px;
2863
- color: var(--yd-color-muted-fg);
4262
+ gap: 4px;
4263
+ padding: 12px;
4264
+ background-color: var(--yd-color-bg-secondary);
4265
+ border-radius: 8px;
2864
4266
  }
2865
- .yd-color-picker__value-input[data-v-24772c45] {
2866
- width: 100%;
2867
- padding: var(--yd-spacing-xs);
2868
- font-size: var(--yd-font-size-xs);
2869
- border: 1px solid var(--yd-color-border);
2870
- border-radius: var(--yd-radius-sm);
2871
- text-align: center;
4267
+ .yd-model-selector__info-header[data-v-ccf0f8fe] {
4268
+ display: flex;
4269
+ flex-direction: column;
4270
+ gap: 2px;
2872
4271
  }
2873
- .yd-color-picker__value-input[data-v-24772c45]:focus {
2874
- outline: none;
2875
- border-color: var(--yd-color-primary-500);
4272
+ .yd-model-selector__info-name[data-v-ccf0f8fe] {
4273
+ font-size: 14px;
4274
+ font-weight: 500;
4275
+ color: var(--yd-color-text-primary);
2876
4276
  }
2877
- .yd-color-picker__presets[data-v-24772c45] {
2878
- display: grid;
2879
- grid-template-columns: repeat(6, 1fr);
2880
- gap: var(--yd-spacing-xs);
2881
- margin-top: var(--yd-spacing-sm);
2882
- padding-top: var(--yd-spacing-sm);
2883
- border-top: 1px solid var(--yd-color-border);
4277
+ .yd-model-selector__info-desc[data-v-ccf0f8fe] {
4278
+ font-size: 13px;
4279
+ color: var(--yd-color-text-secondary);
2884
4280
  }
2885
- .yd-color-picker__preset-item[data-v-24772c45] {
2886
- width: 24px;
2887
- height: 24px;
2888
- border-radius: var(--yd-radius-sm);
2889
- border: 1px solid var(--yd-color-border);
2890
- cursor: pointer;
2891
- transition: transform var(--yd-transition-fast);
4281
+ .yd-model-selector__info-meta[data-v-ccf0f8fe] {
4282
+ display: flex;
4283
+ flex-wrap: wrap;
4284
+ gap: 6px;
4285
+ margin-top: 4px;
2892
4286
  }
2893
- .yd-color-picker__preset-item[data-v-24772c45]:hover {
2894
- transform: scale(1.1);
4287
+ .yd-model-selector__info-tag[data-v-ccf0f8fe] {
4288
+ padding: 2px 8px;
4289
+ background-color: var(--yd-color-bg-tertiary);
4290
+ border-radius: 4px;
4291
+ font-size: 11px;
4292
+ color: var(--yd-color-text-secondary);
2895
4293
  }
2896
- .yd-color-picker-dropdown-enter-active[data-v-24772c45],
2897
- .yd-color-picker-dropdown-leave-active[data-v-24772c45] {
2898
- will-change: opacity;
2899
- transition: opacity 0.2s ease;
4294
+
4295
+ /* Animation */
4296
+ .fade-enter-active[data-v-ccf0f8fe],
4297
+ .fade-leave-active[data-v-ccf0f8fe] {
4298
+ transition: opacity 200ms ease;
2900
4299
  }
2901
- .yd-color-picker-dropdown-enter-from[data-v-24772c45],
2902
- .yd-color-picker-dropdown-leave-to[data-v-24772c45] {
4300
+ .fade-enter-from[data-v-ccf0f8fe],
4301
+ .fade-leave-to[data-v-ccf0f8fe] {
2903
4302
  opacity: 0;
2904
4303
  }
2905
4304
 
@@ -2950,51 +4349,51 @@ to {
2950
4349
  border-color: var(--yd-color-error);
2951
4350
  }
2952
4351
 
2953
- .yd-schema-form__row[data-v-624e5d24] {
2954
- display: flex;
4352
+ .yd-schema-form__row[data-v-b97ed267] {
4353
+ display: flex;
2955
4354
  flex-wrap: wrap;
2956
4355
  }
2957
- .yd-schema-form__group[data-v-624e5d24] {
2958
- border: 1px solid var(--yd-color-border);
2959
- border-radius: var(--yd-radius-base);
2960
- padding: var(--yd-spacing-md);
4356
+ .yd-schema-form__group[data-v-b97ed267] {
4357
+ border: 1px solid var(--yd-color-border);
4358
+ border-radius: var(--yd-radius-base);
4359
+ padding: var(--yd-spacing-md);
2961
4360
  margin: 0;
2962
4361
  }
2963
- .yd-schema-form__group-title[data-v-624e5d24] {
2964
- font-size: var(--yd-font-size-base);
2965
- font-weight: var(--yd-font-weight-semibold);
2966
- color: var(--yd-color-fg);
4362
+ .yd-schema-form__group-title[data-v-b97ed267] {
4363
+ font-size: var(--yd-font-size-base);
4364
+ font-weight: var(--yd-font-weight-semibold);
4365
+ color: var(--yd-color-fg);
2967
4366
  padding: 0 var(--yd-spacing-sm);
2968
4367
  }
2969
- .yd-schema-form__group-desc[data-v-624e5d24] {
2970
- font-size: var(--yd-font-size-sm);
4368
+ .yd-schema-form__group-desc[data-v-b97ed267] {
4369
+ font-size: var(--yd-font-size-sm);
2971
4370
  color: var(--yd-color-muted-fg);
2972
- }
4371
+ }
2973
4372
 
2974
- .yd-space[data-v-e6e2e015] {
4373
+ .yd-space[data-v-2671e34e] {
2975
4374
  display: inline-flex;
2976
4375
  }
2977
- .yd-space--horizontal[data-v-e6e2e015] {
4376
+ .yd-space--horizontal[data-v-2671e34e] {
2978
4377
  flex-direction: row;
2979
4378
  }
2980
- .yd-space--vertical[data-v-e6e2e015] {
4379
+ .yd-space--vertical[data-v-2671e34e] {
2981
4380
  flex-direction: column;
2982
4381
  }
2983
- .yd-space--wrap[data-v-e6e2e015] {
4382
+ .yd-space--wrap[data-v-2671e34e] {
2984
4383
  flex-wrap: wrap;
2985
4384
  }
2986
- .yd-space--align-start[data-v-e6e2e015] {
4385
+ .yd-space--align-start[data-v-2671e34e] {
2987
4386
  align-items: flex-start;
2988
4387
  }
2989
- .yd-space--align-end[data-v-e6e2e015] {
4388
+ .yd-space--align-end[data-v-2671e34e] {
2990
4389
  align-items: flex-end;
2991
4390
  }
2992
- .yd-space--align-center[data-v-e6e2e015] {
4391
+ .yd-space--align-center[data-v-2671e34e] {
2993
4392
  align-items: center;
2994
4393
  }
2995
- .yd-space--align-baseline[data-v-e6e2e015] {
4394
+ .yd-space--align-baseline[data-v-2671e34e] {
2996
4395
  align-items: baseline;
2997
- }
4396
+ }
2998
4397
 
2999
4398
  .yd-divider[data-v-5aaf3736] {
3000
4399
  display: flex;
@@ -3043,6 +4442,74 @@ to {
3043
4442
  white-space: nowrap;
3044
4443
  }
3045
4444
 
4445
+ .yd-crud-page[data-v-40a22073] {
4446
+ display: flex;
4447
+ flex-direction: column;
4448
+ height: 100%;
4449
+ min-height: 100%;
4450
+ background-color: var(--yd-crud-page-bg, #fff);
4451
+ border-radius: var(--yd-crud-page-radius, 8px);
4452
+ }
4453
+
4454
+ /* Toolbar (Layer 1) */
4455
+ .yd-crud-page__toolbar[data-v-40a22073] {
4456
+ display: flex;
4457
+ align-items: center;
4458
+ justify-content: space-between;
4459
+ padding: var(--yd-crud-page-toolbar-padding, 16px 16px 0);
4460
+ flex-shrink: 0;
4461
+ }
4462
+ .yd-crud-page__toolbar-left[data-v-40a22073] {
4463
+ display: flex;
4464
+ align-items: center;
4465
+ gap: 12px;
4466
+ flex: 1;
4467
+ }
4468
+ .yd-crud-page__toolbar-right[data-v-40a22073] {
4469
+ display: flex;
4470
+ align-items: center;
4471
+ gap: 8px;
4472
+ margin-left: auto;
4473
+ }
4474
+
4475
+ /* Filters (Layer 2) */
4476
+ .yd-crud-page__filters[data-v-40a22073] {
4477
+ display: flex;
4478
+ flex-wrap: wrap;
4479
+ align-items: center;
4480
+ gap: 16px;
4481
+ padding: var(--yd-crud-page-filters-padding, 16px);
4482
+ flex-shrink: 0;
4483
+ }
4484
+ .yd-crud-page__filter-item[data-v-40a22073] {
4485
+ display: flex;
4486
+ align-items: center;
4487
+ gap: 8px;
4488
+ }
4489
+
4490
+ /* Content (Layer 3) */
4491
+ .yd-crud-page__content[data-v-40a22073] {
4492
+ display: flex;
4493
+ flex-direction: column;
4494
+ flex: 1;
4495
+ min-height: 0;
4496
+ padding: 0 var(--yd-crud-page-content-padding, 16px) var(--yd-crud-page-content-padding, 16px);
4497
+ }
4498
+ .yd-crud-page__table-wrapper[data-v-40a22073] {
4499
+ flex: 1;
4500
+ min-height: 0;
4501
+ overflow: auto;
4502
+ }
4503
+
4504
+ /* Pagination */
4505
+ .yd-crud-page__pagination[data-v-40a22073] {
4506
+ display: flex;
4507
+ justify-content: flex-end;
4508
+ align-items: center;
4509
+ padding: var(--yd-crud-page-pagination-padding, 16px 0 0);
4510
+ flex-shrink: 0;
4511
+ }
4512
+
3046
4513
  .yd-menu[data-v-9dfb9940] {
3047
4514
  display: flex;
3048
4515
  }
@@ -3961,657 +5428,657 @@ to {
3961
5428
  display: none;
3962
5429
  }
3963
5430
 
3964
- .yd-tabs[data-v-65b74196] {
3965
- display: flex;
3966
- flex-direction: column;
5431
+ .yd-tabs[data-v-783bcbbc] {
5432
+ display: flex;
5433
+ flex-direction: column;
3967
5434
  position: relative;
3968
5435
  }
3969
- .yd-tabs__header[data-v-65b74196] {
3970
- position: relative;
3971
- display: flex;
3972
- align-items: center;
3973
- border-bottom: 1px solid var(--yd-color-border);
3974
- overflow-x: auto;
3975
- overflow-y: hidden;
3976
- scrollbar-width: none; /* Firefox */
5436
+ .yd-tabs__header[data-v-783bcbbc] {
5437
+ position: relative;
5438
+ display: flex;
5439
+ align-items: center;
5440
+ border-bottom: 1px solid var(--yd-color-border);
5441
+ overflow-x: auto;
5442
+ overflow-y: hidden;
5443
+ scrollbar-width: none; /* Firefox */
3977
5444
  -ms-overflow-style: none; /* IE/Edge */
3978
5445
  }
3979
- .yd-tabs__header[data-v-65b74196]::-webkit-scrollbar {
5446
+ .yd-tabs__header[data-v-783bcbbc]::-webkit-scrollbar {
3980
5447
  display: none; /* Chrome/Safari/Opera */
3981
5448
  }
3982
- .yd-tabs__nav[data-v-65b74196] {
3983
- display: flex;
3984
- align-items: center;
3985
- gap: var(--yd-spacing-xs);
3986
- white-space: nowrap;
3987
- padding-left: 24px;
5449
+ .yd-tabs__nav[data-v-783bcbbc] {
5450
+ display: flex;
5451
+ align-items: center;
5452
+ gap: var(--yd-spacing-xs);
5453
+ white-space: nowrap;
5454
+ padding-left: 24px;
3988
5455
  padding-right: 24px;
3989
5456
  }
3990
- .yd-tabs__tab[data-v-65b74196] {
3991
- display: inline-flex;
3992
- align-items: center;
3993
- gap: var(--yd-spacing-xs);
3994
- padding: var(--yd-spacing-sm) var(--yd-spacing-base);
3995
- cursor: pointer;
3996
- color: var(--yd-color-muted-fg);
3997
- font-size: var(--yd-font-size-sm);
3998
- border-bottom: 2px solid transparent;
5457
+ .yd-tabs__tab[data-v-783bcbbc] {
5458
+ display: inline-flex;
5459
+ align-items: center;
5460
+ gap: var(--yd-spacing-xs);
5461
+ padding: var(--yd-spacing-sm) var(--yd-spacing-base);
5462
+ cursor: pointer;
5463
+ color: var(--yd-color-muted-fg);
5464
+ font-size: var(--yd-font-size-sm);
5465
+ border-bottom: 2px solid transparent;
3999
5466
  transition: all var(--yd-transition-fast);
4000
5467
  }
4001
- .yd-tabs__tab[data-v-65b74196]:hover {
5468
+ .yd-tabs__tab[data-v-783bcbbc]:hover {
4002
5469
  color: var(--yd-color-fg);
4003
5470
  }
4004
- .yd-tabs__tab--active[data-v-65b74196] {
4005
- color: var(--yd-color-primary-600);
4006
- border-bottom-color: var(--yd-color-primary-500);
5471
+ .yd-tabs__tab--active[data-v-783bcbbc] {
5472
+ color: var(--yd-color-primary-600);
5473
+ border-bottom-color: var(--yd-color-primary-500);
4007
5474
  font-weight: var(--yd-font-weight-medium);
4008
5475
  }
4009
- .yd-tabs__tab--disabled[data-v-65b74196] {
4010
- opacity: 0.5;
4011
- cursor: not-allowed;
5476
+ .yd-tabs__tab--disabled[data-v-783bcbbc] {
5477
+ opacity: 0.5;
5478
+ cursor: not-allowed;
4012
5479
  pointer-events: none;
4013
5480
  }
4014
- .yd-tabs__label[data-v-65b74196] {
4015
- max-width: 120px;
4016
- overflow: hidden;
4017
- text-overflow: ellipsis;
5481
+ .yd-tabs__label[data-v-783bcbbc] {
5482
+ max-width: 120px;
5483
+ overflow: hidden;
5484
+ text-overflow: ellipsis;
4018
5485
  white-space: nowrap;
4019
5486
  }
4020
- .yd-tabs__close[data-v-65b74196] {
4021
- display: inline-flex;
4022
- align-items: center;
4023
- justify-content: center;
4024
- background: transparent;
4025
- border: none;
4026
- cursor: pointer;
4027
- color: var(--yd-color-muted-fg);
4028
- padding: 0;
5487
+ .yd-tabs__close[data-v-783bcbbc] {
5488
+ display: inline-flex;
5489
+ align-items: center;
5490
+ justify-content: center;
5491
+ background: transparent;
5492
+ border: none;
5493
+ cursor: pointer;
5494
+ color: var(--yd-color-muted-fg);
5495
+ padding: 0;
4029
5496
  border-radius: var(--yd-radius-sm);
4030
5497
  }
4031
- .yd-tabs__close[data-v-65b74196]:hover {
4032
- background: var(--yd-color-muted);
5498
+ .yd-tabs__close[data-v-783bcbbc]:hover {
5499
+ background: var(--yd-color-muted);
4033
5500
  color: var(--yd-color-fg);
4034
5501
  }
4035
- .yd-tabs__add[data-v-65b74196] {
4036
- display: inline-flex;
4037
- align-items: center;
4038
- justify-content: center;
4039
- background: transparent;
4040
- border: none;
4041
- cursor: pointer;
4042
- color: var(--yd-color-muted-fg);
4043
- padding: var(--yd-spacing-sm);
5502
+ .yd-tabs__add[data-v-783bcbbc] {
5503
+ display: inline-flex;
5504
+ align-items: center;
5505
+ justify-content: center;
5506
+ background: transparent;
5507
+ border: none;
5508
+ cursor: pointer;
5509
+ color: var(--yd-color-muted-fg);
5510
+ padding: var(--yd-spacing-sm);
4044
5511
  border-radius: var(--yd-radius-sm);
4045
5512
  }
4046
- .yd-tabs__add[data-v-65b74196]:hover {
4047
- background: var(--yd-color-muted);
5513
+ .yd-tabs__add[data-v-783bcbbc]:hover {
5514
+ background: var(--yd-color-muted);
4048
5515
  color: var(--yd-color-fg);
4049
5516
  }
4050
- .yd-tabs__content[data-v-65b74196] {
5517
+ .yd-tabs__content[data-v-783bcbbc] {
4051
5518
  padding-top: var(--yd-spacing-base);
4052
5519
  }
4053
- .yd-tabs__context-menu[data-v-65b74196] {
4054
- min-width: 120px;
4055
- padding: var(--yd-spacing-xs) 0;
4056
- background: var(--yd-color-bg);
4057
- border: 1px solid var(--yd-color-border);
4058
- border-radius: var(--yd-radius-md);
5520
+ .yd-tabs__context-menu[data-v-783bcbbc] {
5521
+ min-width: 120px;
5522
+ padding: var(--yd-spacing-xs) 0;
5523
+ background: var(--yd-color-bg);
5524
+ border: 1px solid var(--yd-color-border);
5525
+ border-radius: var(--yd-radius-md);
4059
5526
  box-shadow: var(--yd-shadow-lg);
4060
5527
  }
4061
- .yd-tabs__ctx-item[data-v-65b74196] {
4062
- padding: var(--yd-spacing-sm) var(--yd-spacing-base);
4063
- cursor: pointer;
4064
- font-size: var(--yd-font-size-sm);
4065
- color: var(--yd-color-fg);
5528
+ .yd-tabs__ctx-item[data-v-783bcbbc] {
5529
+ padding: var(--yd-spacing-sm) var(--yd-spacing-base);
5530
+ cursor: pointer;
5531
+ font-size: var(--yd-font-size-sm);
5532
+ color: var(--yd-color-fg);
4066
5533
  transition: background var(--yd-transition-fast);
4067
5534
  }
4068
- .yd-tabs__ctx-item[data-v-65b74196]:hover {
5535
+ .yd-tabs__ctx-item[data-v-783bcbbc]:hover {
4069
5536
  background: var(--yd-color-muted);
4070
5537
  }
4071
- .yd-tabs__tab--dragging[data-v-65b74196] {
5538
+ .yd-tabs__tab--dragging[data-v-783bcbbc] {
4072
5539
  opacity: 0.5;
4073
- }
4074
-
5540
+ }
5541
+
4075
5542
  /* 拖拽占位符动画 */
4076
- .yd-tabs__tab--placeholder[data-v-65b74196] {
5543
+ .yd-tabs__tab--placeholder[data-v-783bcbbc] {
4077
5544
  position: relative;
4078
5545
  }
4079
- .yd-tabs__tab--placeholder[data-v-65b74196]::after {
4080
- content: "";
4081
- position: absolute;
4082
- left: -2px;
4083
- top: 50%;
4084
- transform: translateY(-50%);
4085
- width: 3px;
4086
- height: 60%;
4087
- background: var(--yd-color-primary-500);
4088
- border-radius: 2px;
4089
- animation: yd-tabs-placeholder-pulse-65b74196 0.6s ease-in-out infinite;
4090
- }
4091
-
5546
+ .yd-tabs__tab--placeholder[data-v-783bcbbc]::after {
5547
+ content: "";
5548
+ position: absolute;
5549
+ left: -2px;
5550
+ top: 50%;
5551
+ transform: translateY(-50%);
5552
+ width: 3px;
5553
+ height: 60%;
5554
+ background: var(--yd-color-primary-500);
5555
+ border-radius: 2px;
5556
+ animation: yd-tabs-placeholder-pulse-783bcbbc 0.6s ease-in-out infinite;
5557
+ }
5558
+
4092
5559
  /* 触摸拖拽样式 */
4093
- .yd-tabs__tab--touch-dragging[data-v-65b74196] {
4094
- opacity: 0.8;
4095
- transform: scale(1.02);
5560
+ .yd-tabs__tab--touch-dragging[data-v-783bcbbc] {
5561
+ opacity: 0.8;
5562
+ transform: scale(1.02);
4096
5563
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
4097
5564
  }
4098
- @keyframes yd-tabs-placeholder-pulse-65b74196 {
4099
- 0%,
4100
- 100% {
5565
+ @keyframes yd-tabs-placeholder-pulse-783bcbbc {
5566
+ 0%,
5567
+ 100% {
4101
5568
  opacity: 0.4;
4102
5569
  }
4103
- 50% {
5570
+ 50% {
4104
5571
  opacity: 1;
4105
5572
  }
4106
- }
4107
-
5573
+ }
5574
+
4108
5575
  /* 插入指示线 */
4109
- .yd-tabs__insert-indicator[data-v-65b74196] {
4110
- position: fixed;
4111
- pointer-events: none;
4112
- z-index: 100;
4113
- transition:
4114
- left 0.15s ease-out,
5576
+ .yd-tabs__insert-indicator[data-v-783bcbbc] {
5577
+ position: fixed;
5578
+ pointer-events: none;
5579
+ z-index: 100;
5580
+ transition:
5581
+ left 0.15s ease-out,
4115
5582
  height 0.15s ease-out;
4116
- }
4117
-
5583
+ }
5584
+
4118
5585
  /* ====== Tooltip 样式 ====== */
4119
- .yd-tabs__tooltip[data-v-65b74196] {
4120
- position: fixed;
4121
- z-index: 9999;
4122
- min-width: 160px;
4123
- max-width: 280px;
4124
- padding: var(--yd-spacing-sm) var(--yd-spacing-base);
4125
- background: var(--yd-color-bg, #ffffff);
4126
- border: 1px solid var(--yd-color-border);
4127
- border-radius: var(--yd-radius-md);
4128
- box-shadow: var(--yd-shadow-lg);
4129
- pointer-events: none;
4130
- opacity: 0;
5586
+ .yd-tabs__tooltip[data-v-783bcbbc] {
5587
+ position: fixed;
5588
+ z-index: 9999;
5589
+ min-width: 160px;
5590
+ max-width: 280px;
5591
+ padding: var(--yd-spacing-sm) var(--yd-spacing-base);
5592
+ background: var(--yd-color-bg, #ffffff);
5593
+ border: 1px solid var(--yd-color-border);
5594
+ border-radius: var(--yd-radius-md);
5595
+ box-shadow: var(--yd-shadow-lg);
5596
+ pointer-events: none;
5597
+ opacity: 0;
4131
5598
  transition: opacity 0.15s ease-out;
4132
5599
  }
4133
- .yd-tabs__tooltip.yd-tabs__tooltip--visible[data-v-65b74196] {
5600
+ .yd-tabs__tooltip.yd-tabs__tooltip--visible[data-v-783bcbbc] {
4134
5601
  opacity: 1;
4135
- }
4136
-
4137
- /* 暗色主题 - 需要更强的选择器 */
5602
+ }
5603
+
5604
+ /* 暗色主题 - 需要更强的选择器 */
4138
5605
  /* 注意: tooltip使用teleport到body，所以需要用:global或者直接选择器 */
4139
- :root[data-theme="dark"] .yd-tabs__tooltip[data-v-65b74196],
4140
- [data-theme="dark"] .yd-tabs__tooltip[data-v-65b74196] {
4141
- background: var(--yd-color-bg, #1f2937) !important;
5606
+ :root[data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc],
5607
+ [data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc] {
5608
+ background: var(--yd-color-bg, #1f2937) !important;
4142
5609
  border-color: rgba(255, 255, 255, 0.15);
4143
- }
4144
-
5610
+ }
5611
+
4145
5612
  /* 布局暗黑主题类选择器 */
4146
- .yd-layout--dark .yd-tabs__tooltip[data-v-65b74196] {
4147
- background: var(--yd-color-bg, #1f2937) !important;
5613
+ .yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc] {
5614
+ background: var(--yd-color-bg, #1f2937) !important;
4148
5615
  border-color: rgba(255, 255, 255, 0.15);
4149
- }
4150
-
5616
+ }
5617
+
4151
5618
  /* 暗黑主题tooltip类 - 通过props.theme="dark"添加 */
4152
- .yd-tabs__tooltip--dark[data-v-65b74196] {
4153
- background: #1f2937 !important;
5619
+ .yd-tabs__tooltip--dark[data-v-783bcbbc] {
5620
+ background: #1f2937 !important;
4154
5621
  border-color: rgba(255, 255, 255, 0.15) !important;
4155
5622
  }
4156
- .yd-tabs__tooltip--dark .yd-tabs__tooltip-title[data-v-65b74196] {
5623
+ .yd-tabs__tooltip--dark .yd-tabs__tooltip-title[data-v-783bcbbc] {
4157
5624
  color: #f9fafb !important;
4158
5625
  }
4159
- .yd-tabs__tooltip--dark .yd-tabs__tooltip-desc[data-v-65b74196] {
5626
+ .yd-tabs__tooltip--dark .yd-tabs__tooltip-desc[data-v-783bcbbc] {
4160
5627
  color: #9ca3af !important;
4161
5628
  }
4162
- .yd-tabs__tooltip--dark[data-v-65b74196]::before {
5629
+ .yd-tabs__tooltip--dark[data-v-783bcbbc]::before {
4163
5630
  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
4164
5631
  }
4165
- .yd-tabs__tooltip--dark[data-v-65b74196]::after {
5632
+ .yd-tabs__tooltip--dark[data-v-783bcbbc]::after {
4166
5633
  border-bottom-color: #1f2937 !important;
4167
- }
4168
-
5634
+ }
5635
+
4169
5636
  /* 顶部小三角指向 */
4170
- .yd-tabs__tooltip[data-v-65b74196]::before {
4171
- content: "";
4172
- position: absolute;
4173
- top: -6px;
4174
- left: 50%;
4175
- margin-left: -6px;
4176
- width: 0;
4177
- height: 0;
4178
- border-left: 6px solid transparent;
4179
- border-right: 6px solid transparent;
5637
+ .yd-tabs__tooltip[data-v-783bcbbc]::before {
5638
+ content: "";
5639
+ position: absolute;
5640
+ top: -6px;
5641
+ left: 50%;
5642
+ margin-left: -6px;
5643
+ width: 0;
5644
+ height: 0;
5645
+ border-left: 6px solid transparent;
5646
+ border-right: 6px solid transparent;
4180
5647
  border-bottom: 6px solid var(--yd-color-border);
4181
5648
  }
4182
- .yd-tabs__tooltip[data-v-65b74196]::after {
4183
- content: "";
4184
- position: absolute;
4185
- top: -5px;
4186
- left: 50%;
4187
- margin-left: -5px;
4188
- width: 0;
4189
- height: 0;
4190
- border-left: 5px solid transparent;
4191
- border-right: 5px solid transparent;
4192
- border-bottom: 5px solid var(--yd-color-bg);
5649
+ .yd-tabs__tooltip[data-v-783bcbbc]::after {
5650
+ content: "";
5651
+ position: absolute;
5652
+ top: -5px;
5653
+ left: 50%;
5654
+ margin-left: -5px;
5655
+ width: 0;
5656
+ height: 0;
5657
+ border-left: 5px solid transparent;
5658
+ border-right: 5px solid transparent;
5659
+ border-bottom: 5px solid var(--yd-color-bg);
4193
5660
  z-index: 1;
4194
- }
4195
-
5661
+ }
5662
+
4196
5663
  /* 暗色主题 tooltip - 支持 .dark 类、data-theme 属性和 layout 类 */
4197
- .dark .yd-tabs__tooltip[data-v-65b74196],
4198
- [data-theme="dark"] .yd-tabs__tooltip[data-v-65b74196],
4199
- .yd-layout--dark .yd-tabs__tooltip[data-v-65b74196] {
4200
- background: var(--yd-color-bg);
5664
+ .dark .yd-tabs__tooltip[data-v-783bcbbc],
5665
+ [data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc],
5666
+ .yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc] {
5667
+ background: var(--yd-color-bg);
4201
5668
  border-color: rgba(255, 255, 255, 0.1);
4202
5669
  }
4203
- .dark .yd-tabs__tooltip[data-v-65b74196]::before,
4204
- [data-theme="dark"] .yd-tabs__tooltip[data-v-65b74196]::before,
4205
- .yd-layout--dark .yd-tabs__tooltip[data-v-65b74196]::before {
5670
+ .dark .yd-tabs__tooltip[data-v-783bcbbc]::before,
5671
+ [data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc]::before,
5672
+ .yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc]::before {
4206
5673
  border-bottom-color: rgba(255, 255, 255, 0.1);
4207
5674
  }
4208
- .dark .yd-tabs__tooltip[data-v-65b74196]::after,
4209
- [data-theme="dark"] .yd-tabs__tooltip[data-v-65b74196]::after,
4210
- .yd-layout--dark .yd-tabs__tooltip[data-v-65b74196]::after {
5675
+ .dark .yd-tabs__tooltip[data-v-783bcbbc]::after,
5676
+ [data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc]::after,
5677
+ .yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc]::after {
4211
5678
  border-bottom-color: var(--yd-color-bg);
4212
5679
  }
4213
- @keyframes yd-tabs-tooltip-fade-in-65b74196 {
4214
- from {
4215
- opacity: 0;
5680
+ @keyframes yd-tabs-tooltip-fade-in-783bcbbc {
5681
+ from {
5682
+ opacity: 0;
4216
5683
  transform: translateY(4px);
4217
5684
  }
4218
- to {
4219
- opacity: 1;
5685
+ to {
5686
+ opacity: 1;
4220
5687
  transform: translateY(0);
4221
5688
  }
4222
5689
  }
4223
- .yd-tabs__tooltip-title[data-v-65b74196] {
4224
- color: var(--yd-color-fg, #111827);
4225
- font-size: var(--yd-font-size-sm);
4226
- font-weight: var(--yd-font-weight-medium);
5690
+ .yd-tabs__tooltip-title[data-v-783bcbbc] {
5691
+ color: var(--yd-color-fg, #111827);
5692
+ font-size: var(--yd-font-size-sm);
5693
+ font-weight: var(--yd-font-weight-medium);
4227
5694
  white-space: nowrap;
4228
5695
  }
4229
- .yd-tabs__tooltip-desc[data-v-65b74196] {
4230
- color: var(--yd-color-muted-fg, #6b7280);
4231
- font-size: var(--yd-font-size-xs);
4232
- margin-top: 4px;
5696
+ .yd-tabs__tooltip-desc[data-v-783bcbbc] {
5697
+ color: var(--yd-color-muted-fg, #6b7280);
5698
+ font-size: var(--yd-font-size-xs);
5699
+ margin-top: 4px;
4233
5700
  line-height: 1.4;
4234
- }
4235
-
5701
+ }
5702
+
4236
5703
  /* 暗色主题 tooltip 文字 */
4237
- :root[data-theme="dark"] .yd-tabs__tooltip-title[data-v-65b74196],
4238
- [data-theme="dark"] .yd-tabs__tooltip-title[data-v-65b74196],
4239
- .yd-layout--dark .yd-tabs__tooltip-title[data-v-65b74196] {
5704
+ :root[data-theme="dark"] .yd-tabs__tooltip-title[data-v-783bcbbc],
5705
+ [data-theme="dark"] .yd-tabs__tooltip-title[data-v-783bcbbc],
5706
+ .yd-layout--dark .yd-tabs__tooltip-title[data-v-783bcbbc] {
4240
5707
  color: var(--yd-color-fg, #f9fafb);
4241
5708
  }
4242
- :root[data-theme="dark"] .yd-tabs__tooltip-desc[data-v-65b74196],
4243
- [data-theme="dark"] .yd-tabs__tooltip-desc[data-v-65b74196],
4244
- .yd-layout--dark .yd-tabs__tooltip-desc[data-v-65b74196] {
5709
+ :root[data-theme="dark"] .yd-tabs__tooltip-desc[data-v-783bcbbc],
5710
+ [data-theme="dark"] .yd-tabs__tooltip-desc[data-v-783bcbbc],
5711
+ .yd-layout--dark .yd-tabs__tooltip-desc[data-v-783bcbbc] {
4245
5712
  color: var(--yd-color-muted-fg, #9ca3af);
4246
- }
4247
-
5713
+ }
5714
+
4248
5715
  /* ====== card 类型 ====== */
4249
- .yd-tabs--card .yd-tabs__header[data-v-65b74196] {
5716
+ .yd-tabs--card .yd-tabs__header[data-v-783bcbbc] {
4250
5717
  border-bottom: none;
4251
5718
  }
4252
- .yd-tabs--card .yd-tabs__tab[data-v-65b74196] {
4253
- border-bottom: none;
4254
- background: var(--yd-color-muted);
5719
+ .yd-tabs--card .yd-tabs__tab[data-v-783bcbbc] {
5720
+ border-bottom: none;
5721
+ background: var(--yd-color-muted);
4255
5722
  border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
4256
5723
  }
4257
- .yd-tabs--card .yd-tabs__tab--active[data-v-65b74196] {
4258
- background: var(--yd-color-bg);
4259
- border-bottom: none;
5724
+ .yd-tabs--card .yd-tabs__tab--active[data-v-783bcbbc] {
5725
+ background: var(--yd-color-bg);
5726
+ border-bottom: none;
4260
5727
  border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
4261
- }
4262
-
5728
+ }
5729
+
4263
5730
  /* ====== segment 类型 ====== */
4264
- .yd-tabs--segment .yd-tabs__header[data-v-65b74196] {
4265
- border-bottom: none;
4266
- background: var(--yd-color-muted);
4267
- border-radius: var(--yd-radius-md);
5731
+ .yd-tabs--segment .yd-tabs__header[data-v-783bcbbc] {
5732
+ border-bottom: none;
5733
+ background: var(--yd-color-muted);
5734
+ border-radius: var(--yd-radius-md);
4268
5735
  padding: 2px;
4269
5736
  }
4270
- .yd-tabs--segment .yd-tabs__nav[data-v-65b74196] {
4271
- gap: 2px;
4272
- padding-left: 4px;
5737
+ .yd-tabs--segment .yd-tabs__nav[data-v-783bcbbc] {
5738
+ gap: 2px;
5739
+ padding-left: 4px;
4273
5740
  padding-right: 4px;
4274
5741
  }
4275
- .yd-tabs--segment .yd-tabs__tab[data-v-65b74196] {
4276
- border-bottom: none;
4277
- border-radius: var(--yd-radius-sm);
4278
- flex: 1;
4279
- justify-content: center;
5742
+ .yd-tabs--segment .yd-tabs__tab[data-v-783bcbbc] {
5743
+ border-bottom: none;
5744
+ border-radius: var(--yd-radius-sm);
5745
+ flex: 1;
5746
+ justify-content: center;
4280
5747
  min-width: 60px;
4281
5748
  }
4282
- .yd-tabs--segment .yd-tabs__tab--active[data-v-65b74196] {
4283
- background: var(--yd-color-bg);
4284
- border-radius: var(--yd-radius-sm);
5749
+ .yd-tabs--segment .yd-tabs__tab--active[data-v-783bcbbc] {
5750
+ background: var(--yd-color-bg);
5751
+ border-radius: var(--yd-radius-sm);
4285
5752
  box-shadow: var(--yd-shadow-sm);
4286
5753
  }
4287
- .yd-tabs--segment .yd-tabs__tab[data-v-65b74196]:hover:not(.yd-tabs__tab--active) {
5754
+ .yd-tabs--segment .yd-tabs__tab[data-v-783bcbbc]:hover:not(.yd-tabs__tab--active) {
4288
5755
  background: rgba(255, 255, 255, 0.5);
4289
- }
4290
-
5756
+ }
5757
+
4291
5758
  /* ====== border-card 类型 ====== */
4292
- .yd-tabs--border-card[data-v-65b74196] {
4293
- border: 1px solid var(--yd-color-border);
5759
+ .yd-tabs--border-card[data-v-783bcbbc] {
5760
+ border: 1px solid var(--yd-color-border);
4294
5761
  border-radius: var(--yd-radius-md);
4295
5762
  }
4296
- .yd-tabs--border-card .yd-tabs__header[data-v-65b74196] {
4297
- border-bottom: 1px solid var(--yd-color-border);
4298
- background: var(--yd-color-muted);
5763
+ .yd-tabs--border-card .yd-tabs__header[data-v-783bcbbc] {
5764
+ border-bottom: 1px solid var(--yd-color-border);
5765
+ background: var(--yd-color-muted);
4299
5766
  border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
4300
5767
  }
4301
- .yd-tabs--border-card .yd-tabs__tab[data-v-65b74196] {
4302
- border-bottom: none;
5768
+ .yd-tabs--border-card .yd-tabs__tab[data-v-783bcbbc] {
5769
+ border-bottom: none;
4303
5770
  border-right: 1px solid var(--yd-color-border);
4304
5771
  }
4305
- .yd-tabs--border-card .yd-tabs__tab[data-v-65b74196]:last-child {
5772
+ .yd-tabs--border-card .yd-tabs__tab[data-v-783bcbbc]:last-child {
4306
5773
  border-right: none;
4307
5774
  }
4308
- .yd-tabs--border-card .yd-tabs__tab--active[data-v-65b74196] {
4309
- background: var(--yd-color-bg);
5775
+ .yd-tabs--border-card .yd-tabs__tab--active[data-v-783bcbbc] {
5776
+ background: var(--yd-color-bg);
4310
5777
  border-bottom: none;
4311
- }
4312
-
5778
+ }
5779
+
4313
5780
  /* 滚动箭头 - 悬浮侧边按钮风格 */
4314
- .yd-tabs__arrow[data-v-65b74196] {
4315
- display: flex;
4316
- align-items: center;
4317
- justify-content: center;
4318
- width: 20px;
4319
- height: 24px;
4320
- cursor: pointer;
4321
- color: var(--yd-color-muted-fg);
4322
- background: var(--yd-color-bg);
4323
- border: 1px solid var(--yd-color-border);
4324
- border-radius: var(--yd-radius-sm);
4325
- box-shadow: var(--yd-shadow-sm);
4326
- transition: all var(--yd-transition-fast);
4327
- flex-shrink: 0;
5781
+ .yd-tabs__arrow[data-v-783bcbbc] {
5782
+ display: flex;
5783
+ align-items: center;
5784
+ justify-content: center;
5785
+ width: 20px;
5786
+ height: 24px;
5787
+ cursor: pointer;
5788
+ color: var(--yd-color-muted-fg);
5789
+ background: var(--yd-color-bg);
5790
+ border: 1px solid var(--yd-color-border);
5791
+ border-radius: var(--yd-radius-sm);
5792
+ box-shadow: var(--yd-shadow-sm);
5793
+ transition: all var(--yd-transition-fast);
5794
+ flex-shrink: 0;
4328
5795
  z-index: 1;
4329
5796
  }
4330
- .yd-tabs__arrow[data-v-65b74196]:hover {
4331
- color: var(--yd-color-fg);
4332
- background: var(--yd-color-muted);
5797
+ .yd-tabs__arrow[data-v-783bcbbc]:hover {
5798
+ color: var(--yd-color-fg);
5799
+ background: var(--yd-color-muted);
4333
5800
  box-shadow: var(--yd-shadow-md);
4334
- }
5801
+ }
4335
5802
  /* 暗色主题下箭头需要更高对比度 - 支持 .dark 类和 data-theme 属性 */
4336
- .dark .yd-tabs__arrow[data-v-65b74196],
4337
- [data-theme="dark"] .yd-tabs__arrow[data-v-65b74196] {
4338
- background: rgba(30, 30, 30, 0.9);
5803
+ .dark .yd-tabs__arrow[data-v-783bcbbc],
5804
+ [data-theme="dark"] .yd-tabs__arrow[data-v-783bcbbc] {
5805
+ background: rgba(30, 30, 30, 0.9);
4339
5806
  border-color: rgba(255, 255, 255, 0.15);
4340
5807
  }
4341
- .dark .yd-tabs__arrow[data-v-65b74196]:hover,
4342
- [data-theme="dark"] .yd-tabs__arrow[data-v-65b74196]:hover {
5808
+ .dark .yd-tabs__arrow[data-v-783bcbbc]:hover,
5809
+ [data-theme="dark"] .yd-tabs__arrow[data-v-783bcbbc]:hover {
4343
5810
  background: rgba(50, 50, 50, 0.9);
4344
5811
  }
4345
- .yd-tabs__arrow--left[data-v-65b74196] {
4346
- position: absolute;
4347
- left: 4px;
4348
- top: 50%;
5812
+ .yd-tabs__arrow--left[data-v-783bcbbc] {
5813
+ position: absolute;
5814
+ left: 4px;
5815
+ top: 50%;
4349
5816
  transform: translateY(-50%);
4350
5817
  }
4351
- .yd-tabs__arrow--right[data-v-65b74196] {
4352
- position: absolute;
4353
- right: 4px;
4354
- top: 50%;
5818
+ .yd-tabs__arrow--right[data-v-783bcbbc] {
5819
+ position: absolute;
5820
+ right: 4px;
5821
+ top: 50%;
4355
5822
  transform: translateY(-50%);
4356
- }
4357
-
5823
+ }
5824
+
4358
5825
  /* ====== chrome 类型 - 浏览器标签栏风格 ====== */
4359
- .yd-tabs--chrome[data-v-65b74196] {
4360
- border-radius: var(--yd-radius-md);
4361
- background: var(--yd-color-muted);
5826
+ .yd-tabs--chrome[data-v-783bcbbc] {
5827
+ border-radius: var(--yd-radius-md);
5828
+ background: var(--yd-color-muted);
4362
5829
  padding: 8px 8px 0 8px;
4363
5830
  }
4364
- .yd-tabs--chrome .yd-tabs__header[data-v-65b74196] {
4365
- border-bottom: none;
4366
- padding: 0;
5831
+ .yd-tabs--chrome .yd-tabs__header[data-v-783bcbbc] {
5832
+ border-bottom: none;
5833
+ padding: 0;
4367
5834
  gap: 2px;
4368
5835
  }
4369
- .yd-tabs--chrome .yd-tabs__nav[data-v-65b74196] {
4370
- gap: 2px;
4371
- padding-left: 0;
5836
+ .yd-tabs--chrome .yd-tabs__nav[data-v-783bcbbc] {
5837
+ gap: 2px;
5838
+ padding-left: 0;
4372
5839
  padding-right: 0;
4373
5840
  }
4374
- .yd-tabs--chrome .yd-tabs__tab[data-v-65b74196] {
4375
- border-bottom: none;
4376
- border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
4377
- background: transparent;
4378
- padding: 6px 12px;
4379
- position: relative;
4380
- min-width: 100px;
5841
+ .yd-tabs--chrome .yd-tabs__tab[data-v-783bcbbc] {
5842
+ border-bottom: none;
5843
+ border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
5844
+ background: transparent;
5845
+ padding: 6px 12px;
5846
+ position: relative;
5847
+ min-width: 100px;
4381
5848
  max-width: 200px;
4382
5849
  }
4383
- .yd-tabs--chrome .yd-tabs__tab[data-v-65b74196]::before {
4384
- content: "";
4385
- position: absolute;
4386
- left: 0;
4387
- right: 0;
4388
- top: 0;
4389
- height: 3px;
4390
- background: transparent;
4391
- border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
5850
+ .yd-tabs--chrome .yd-tabs__tab[data-v-783bcbbc]::before {
5851
+ content: "";
5852
+ position: absolute;
5853
+ left: 0;
5854
+ right: 0;
5855
+ top: 0;
5856
+ height: 3px;
5857
+ background: transparent;
5858
+ border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
4392
5859
  transition: background var(--yd-transition-fast);
4393
5860
  }
4394
- .yd-tabs--chrome .yd-tabs__tab[data-v-65b74196]:hover {
5861
+ .yd-tabs--chrome .yd-tabs__tab[data-v-783bcbbc]:hover {
4395
5862
  background: rgba(255, 255, 255, 0.5);
4396
5863
  }
4397
- .yd-tabs--chrome .yd-tabs__tab--active[data-v-65b74196] {
4398
- background: var(--yd-color-bg);
5864
+ .yd-tabs--chrome .yd-tabs__tab--active[data-v-783bcbbc] {
5865
+ background: var(--yd-color-bg);
4399
5866
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
4400
5867
  }
4401
- .yd-tabs--chrome .yd-tabs__tab--active[data-v-65b74196]::before {
5868
+ .yd-tabs--chrome .yd-tabs__tab--active[data-v-783bcbbc]::before {
4402
5869
  background: var(--yd-color-primary-500);
4403
5870
  }
4404
- .yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__label[data-v-65b74196] {
5871
+ .yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__label[data-v-783bcbbc] {
4405
5872
  font-weight: var(--yd-font-weight-medium);
4406
5873
  }
4407
- .yd-tabs--chrome .yd-tabs__close[data-v-65b74196] {
4408
- opacity: 0;
4409
- margin-left: 4px;
5874
+ .yd-tabs--chrome .yd-tabs__close[data-v-783bcbbc] {
5875
+ opacity: 0;
5876
+ margin-left: 4px;
4410
5877
  transition: opacity var(--yd-transition-fast);
4411
5878
  }
4412
- .yd-tabs--chrome .yd-tabs__tab:hover .yd-tabs__close[data-v-65b74196],
4413
- .yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__close[data-v-65b74196] {
5879
+ .yd-tabs--chrome .yd-tabs__tab:hover .yd-tabs__close[data-v-783bcbbc],
5880
+ .yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__close[data-v-783bcbbc] {
4414
5881
  opacity: 1;
4415
5882
  }
4416
- .yd-tabs--chrome .yd-tabs__icon[data-v-65b74196] {
4417
- font-size: 14px;
4418
- margin-right: 6px;
5883
+ .yd-tabs--chrome .yd-tabs__icon[data-v-783bcbbc] {
5884
+ font-size: 14px;
5885
+ margin-right: 6px;
4419
5886
  flex-shrink: 0;
4420
- }
4421
-
5887
+ }
5888
+
4422
5889
  /* ====== rounded 类型 - 完全圆角药丸 ====== */
4423
- .yd-tabs--rounded .yd-tabs__header[data-v-65b74196] {
4424
- border-bottom: none;
5890
+ .yd-tabs--rounded .yd-tabs__header[data-v-783bcbbc] {
5891
+ border-bottom: none;
4425
5892
  gap: 8px;
4426
5893
  }
4427
- .yd-tabs--rounded .yd-tabs__nav[data-v-65b74196] {
4428
- gap: 8px;
5894
+ .yd-tabs--rounded .yd-tabs__nav[data-v-783bcbbc] {
5895
+ gap: 8px;
4429
5896
  padding-left: 0;
4430
5897
  }
4431
- .yd-tabs--rounded .yd-tabs__tab[data-v-65b74196] {
4432
- border-bottom: none;
4433
- border-radius: 9999px;
4434
- background: var(--yd-color-muted);
4435
- padding: 8px 16px;
5898
+ .yd-tabs--rounded .yd-tabs__tab[data-v-783bcbbc] {
5899
+ border-bottom: none;
5900
+ border-radius: 9999px;
5901
+ background: var(--yd-color-muted);
5902
+ padding: 8px 16px;
4436
5903
  transition: all var(--yd-transition-normal);
4437
5904
  }
4438
- .yd-tabs--rounded .yd-tabs__tab[data-v-65b74196]:hover {
4439
- background: var(--yd-color-muted-hover);
5905
+ .yd-tabs--rounded .yd-tabs__tab[data-v-783bcbbc]:hover {
5906
+ background: var(--yd-color-muted-hover);
4440
5907
  transform: translateY(-1px);
4441
5908
  }
4442
- .yd-tabs--rounded .yd-tabs__tab--active[data-v-65b74196] {
4443
- background: var(--yd-color-primary-500);
4444
- color: white;
5909
+ .yd-tabs--rounded .yd-tabs__tab--active[data-v-783bcbbc] {
5910
+ background: var(--yd-color-primary-500);
5911
+ color: white;
4445
5912
  box-shadow: 0 4px 12px rgba(0, 96, 171, 0.3);
4446
5913
  }
4447
- .yd-tabs--rounded .yd-tabs__tab--disabled[data-v-65b74196] {
5914
+ .yd-tabs--rounded .yd-tabs__tab--disabled[data-v-783bcbbc] {
4448
5915
  opacity: 0.5;
4449
5916
  }
4450
- .yd-tabs--rounded .yd-tabs__tab--disabled[data-v-65b74196]:hover {
5917
+ .yd-tabs--rounded .yd-tabs__tab--disabled[data-v-783bcbbc]:hover {
4451
5918
  transform: none;
4452
5919
  }
4453
- .yd-tabs--rounded .yd-tabs__label[data-v-65b74196] {
5920
+ .yd-tabs--rounded .yd-tabs__label[data-v-783bcbbc] {
4454
5921
  max-width: none;
4455
- }
4456
-
5922
+ }
5923
+
4457
5924
  /* ====== minimal 类型 - 极简纯文本 ====== */
4458
- .yd-tabs--minimal .yd-tabs__header[data-v-65b74196] {
4459
- border-bottom: 1px solid var(--yd-color-border);
5925
+ .yd-tabs--minimal .yd-tabs__header[data-v-783bcbbc] {
5926
+ border-bottom: 1px solid var(--yd-color-border);
4460
5927
  gap: 24px;
4461
5928
  }
4462
- .yd-tabs--minimal .yd-tabs__nav[data-v-65b74196] {
4463
- gap: 24px;
4464
- padding-left: 0;
5929
+ .yd-tabs--minimal .yd-tabs__nav[data-v-783bcbbc] {
5930
+ gap: 24px;
5931
+ padding-left: 0;
4465
5932
  padding-right: 0;
4466
5933
  }
4467
- .yd-tabs--minimal .yd-tabs__tab[data-v-65b74196] {
4468
- border-bottom: none;
4469
- padding: 12px 0;
4470
- position: relative;
5934
+ .yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc] {
5935
+ border-bottom: none;
5936
+ padding: 12px 0;
5937
+ position: relative;
4471
5938
  background: transparent;
4472
5939
  }
4473
- .yd-tabs--minimal .yd-tabs__tab[data-v-65b74196]::after {
4474
- content: "";
4475
- position: absolute;
4476
- left: 50%;
4477
- right: 50%;
4478
- bottom: -1px;
4479
- height: 2px;
4480
- background: var(--yd-color-primary-500);
4481
- transition: all var(--yd-transition-normal);
5940
+ .yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc]::after {
5941
+ content: "";
5942
+ position: absolute;
5943
+ left: 50%;
5944
+ right: 50%;
5945
+ bottom: -1px;
5946
+ height: 2px;
5947
+ background: var(--yd-color-primary-500);
5948
+ transition: all var(--yd-transition-normal);
4482
5949
  border-radius: 1px;
4483
5950
  }
4484
- .yd-tabs--minimal .yd-tabs__tab[data-v-65b74196]:hover::after {
4485
- left: 0;
5951
+ .yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc]:hover::after {
5952
+ left: 0;
4486
5953
  right: 0;
4487
5954
  }
4488
- .yd-tabs--minimal .yd-tabs__tab--active[data-v-65b74196]::after {
4489
- left: 0;
5955
+ .yd-tabs--minimal .yd-tabs__tab--active[data-v-783bcbbc]::after {
5956
+ left: 0;
4490
5957
  right: 0;
4491
5958
  }
4492
- .yd-tabs--minimal .yd-tabs__tab[data-v-65b74196]:hover {
5959
+ .yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc]:hover {
4493
5960
  color: var(--yd-color-primary-600);
4494
5961
  }
4495
- .yd-tabs--minimal .yd-tabs__tab--active[data-v-65b74196] {
5962
+ .yd-tabs--minimal .yd-tabs__tab--active[data-v-783bcbbc] {
4496
5963
  color: var(--yd-color-primary-600);
4497
5964
  }
4498
- .yd-tabs--minimal .yd-tabs__tab--disabled[data-v-65b74196] {
4499
- opacity: 0.4;
5965
+ .yd-tabs--minimal .yd-tabs__tab--disabled[data-v-783bcbbc] {
5966
+ opacity: 0.4;
4500
5967
  pointer-events: none;
4501
5968
  }
4502
- .yd-tabs--minimal .yd-tabs__label[data-v-65b74196] {
4503
- max-width: none;
5969
+ .yd-tabs--minimal .yd-tabs__label[data-v-783bcbbc] {
5970
+ max-width: none;
4504
5971
  font-size: var(--yd-font-size-base);
4505
- }
4506
-
5972
+ }
5973
+
4507
5974
  /* ====== envelope 类型 - 信封/文件夹风格 ====== */
4508
- .yd-tabs--envelope[data-v-65b74196] {
4509
- border: 1px solid var(--yd-color-border);
4510
- border-radius: var(--yd-radius-md);
4511
- padding: 16px 16px 0 16px;
5975
+ .yd-tabs--envelope[data-v-783bcbbc] {
5976
+ border: 1px solid var(--yd-color-border);
5977
+ border-radius: var(--yd-radius-md);
5978
+ padding: 16px 16px 0 16px;
4512
5979
  background: linear-gradient(to bottom, var(--yd-color-muted), var(--yd-color-bg));
4513
5980
  }
4514
- .yd-tabs--envelope .yd-tabs__header[data-v-65b74196] {
4515
- border-bottom: none;
4516
- padding: 0;
5981
+ .yd-tabs--envelope .yd-tabs__header[data-v-783bcbbc] {
5982
+ border-bottom: none;
5983
+ padding: 0;
4517
5984
  gap: 4px;
4518
5985
  }
4519
- .yd-tabs--envelope .yd-tabs__nav[data-v-65b74196] {
4520
- gap: 4px;
4521
- padding-left: 0;
5986
+ .yd-tabs--envelope .yd-tabs__nav[data-v-783bcbbc] {
5987
+ gap: 4px;
5988
+ padding-left: 0;
4522
5989
  padding-right: 0;
4523
5990
  }
4524
- .yd-tabs--envelope .yd-tabs__tab[data-v-65b74196] {
4525
- border-bottom: none;
4526
- border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
4527
- background: var(--yd-color-muted);
4528
- padding: 10px 16px;
4529
- position: relative;
5991
+ .yd-tabs--envelope .yd-tabs__tab[data-v-783bcbbc] {
5992
+ border-bottom: none;
5993
+ border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
5994
+ background: var(--yd-color-muted);
5995
+ padding: 10px 16px;
5996
+ position: relative;
4530
5997
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
4531
5998
  }
4532
- .yd-tabs--envelope .yd-tabs__tab[data-v-65b74196]::before {
4533
- content: "";
4534
- position: absolute;
4535
- top: 0;
4536
- left: 0;
4537
- right: 0;
4538
- height: 2px;
4539
- background: transparent;
5999
+ .yd-tabs--envelope .yd-tabs__tab[data-v-783bcbbc]::before {
6000
+ content: "";
6001
+ position: absolute;
6002
+ top: 0;
6003
+ left: 0;
6004
+ right: 0;
6005
+ height: 2px;
6006
+ background: transparent;
4540
6007
  transition: background var(--yd-transition-fast);
4541
6008
  }
4542
- .yd-tabs--envelope .yd-tabs__tab[data-v-65b74196]:hover {
6009
+ .yd-tabs--envelope .yd-tabs__tab[data-v-783bcbbc]:hover {
4543
6010
  background: var(--yd-color-bg);
4544
6011
  }
4545
- .yd-tabs--envelope .yd-tabs__tab--active[data-v-65b74196] {
4546
- background: var(--yd-color-bg);
6012
+ .yd-tabs--envelope .yd-tabs__tab--active[data-v-783bcbbc] {
6013
+ background: var(--yd-color-bg);
4547
6014
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
4548
6015
  }
4549
- .yd-tabs--envelope .yd-tabs__tab--active[data-v-65b74196]::before {
6016
+ .yd-tabs--envelope .yd-tabs__tab--active[data-v-783bcbbc]::before {
4550
6017
  background: var(--yd-color-primary-500);
4551
6018
  }
4552
- .yd-tabs--envelope .yd-tabs__content[data-v-65b74196] {
4553
- border-top: 1px solid var(--yd-color-border);
4554
- margin-top: 16px;
6019
+ .yd-tabs--envelope .yd-tabs__content[data-v-783bcbbc] {
6020
+ border-top: 1px solid var(--yd-color-border);
6021
+ margin-top: 16px;
4555
6022
  padding-top: 16px;
4556
- }
4557
-
6023
+ }
6024
+
4558
6025
  /* ====== glass 类型 - 毛玻璃风格 ====== */
4559
- .yd-tabs--glass[data-v-65b74196] {
4560
- border-radius: var(--yd-radius-lg);
4561
- background: rgba(255, 255, 255, 0.7);
4562
- backdrop-filter: blur(12px);
4563
- -webkit-backdrop-filter: blur(12px);
4564
- border: 1px solid rgba(255, 255, 255, 0.5);
4565
- padding: 8px 8px 0 8px;
6026
+ .yd-tabs--glass[data-v-783bcbbc] {
6027
+ border-radius: var(--yd-radius-lg);
6028
+ background: rgba(255, 255, 255, 0.7);
6029
+ backdrop-filter: blur(12px);
6030
+ -webkit-backdrop-filter: blur(12px);
6031
+ border: 1px solid rgba(255, 255, 255, 0.5);
6032
+ padding: 8px 8px 0 8px;
4566
6033
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
4567
6034
  }
4568
- .dark [class*="yd-tabs--glass"][data-v-65b74196] {
4569
- background: rgba(30, 30, 30, 0.7);
6035
+ .dark [class*="yd-tabs--glass"][data-v-783bcbbc] {
6036
+ background: rgba(30, 30, 30, 0.7);
4570
6037
  border-color: rgba(255, 255, 255, 0.1);
4571
6038
  }
4572
- .yd-tabs--glass .yd-tabs__header[data-v-65b74196] {
4573
- border-bottom: none;
4574
- padding: 0;
6039
+ .yd-tabs--glass .yd-tabs__header[data-v-783bcbbc] {
6040
+ border-bottom: none;
6041
+ padding: 0;
4575
6042
  gap: 4px;
4576
6043
  }
4577
- .yd-tabs--glass .yd-tabs__nav[data-v-65b74196] {
4578
- gap: 4px;
4579
- padding-left: 0;
6044
+ .yd-tabs--glass .yd-tabs__nav[data-v-783bcbbc] {
6045
+ gap: 4px;
6046
+ padding-left: 0;
4580
6047
  padding-right: 0;
4581
6048
  }
4582
- .yd-tabs--glass .yd-tabs__tab[data-v-65b74196] {
4583
- border-bottom: none;
4584
- border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
4585
- background: transparent;
4586
- padding: 8px 16px;
6049
+ .yd-tabs--glass .yd-tabs__tab[data-v-783bcbbc] {
6050
+ border-bottom: none;
6051
+ border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
6052
+ background: transparent;
6053
+ padding: 8px 16px;
4587
6054
  transition: all var(--yd-transition-normal);
4588
6055
  }
4589
- .yd-tabs--glass .yd-tabs__tab[data-v-65b74196]:hover {
6056
+ .yd-tabs--glass .yd-tabs__tab[data-v-783bcbbc]:hover {
4590
6057
  background: rgba(255, 255, 255, 0.5);
4591
6058
  }
4592
- .dark .yd-tabs--glass .yd-tabs__tab[data-v-65b74196]:hover {
6059
+ .dark .yd-tabs--glass .yd-tabs__tab[data-v-783bcbbc]:hover {
4593
6060
  background: rgba(255, 255, 255, 0.1);
4594
6061
  }
4595
- .yd-tabs--glass .yd-tabs__tab--active[data-v-65b74196] {
4596
- background: rgba(255, 255, 255, 0.9);
6062
+ .yd-tabs--glass .yd-tabs__tab--active[data-v-783bcbbc] {
6063
+ background: rgba(255, 255, 255, 0.9);
4597
6064
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
4598
6065
  }
4599
- .dark .yd-tabs--glass .yd-tabs__tab--active[data-v-65b74196] {
4600
- background: rgba(60, 60, 60, 0.9);
6066
+ .dark .yd-tabs--glass .yd-tabs__tab--active[data-v-783bcbbc] {
6067
+ background: rgba(60, 60, 60, 0.9);
4601
6068
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
4602
6069
  }
4603
- .yd-tabs--glass .yd-tabs__tab--active .yd-tabs__label[data-v-65b74196] {
6070
+ .yd-tabs--glass .yd-tabs__tab--active .yd-tabs__label[data-v-783bcbbc] {
4604
6071
  font-weight: var(--yd-font-weight-medium);
4605
6072
  }
4606
- .yd-tabs--glass .yd-tabs__content[data-v-65b74196] {
4607
- background: rgba(255, 255, 255, 0.5);
4608
- border-radius: 0 0 var(--yd-radius-md) var(--yd-radius-md);
4609
- margin: 8px -8px -8px -8px;
6073
+ .yd-tabs--glass .yd-tabs__content[data-v-783bcbbc] {
6074
+ background: rgba(255, 255, 255, 0.5);
6075
+ border-radius: 0 0 var(--yd-radius-md) var(--yd-radius-md);
6076
+ margin: 8px -8px -8px -8px;
4610
6077
  padding: 16px;
4611
6078
  }
4612
- .dark .yd-tabs--glass .yd-tabs__content[data-v-65b74196] {
6079
+ .dark .yd-tabs--glass .yd-tabs__content[data-v-783bcbbc] {
4613
6080
  background: rgba(255, 255, 255, 0.05);
4614
- }
6081
+ }
4615
6082
 
4616
6083
  .yd-dropdown[data-v-14532ff3] {
4617
6084
  position: relative;
@@ -4816,6 +6283,25 @@ to {
4816
6283
  padding-left: 0;
4817
6284
  }
4818
6285
 
6286
+ .yd-watermark[data-v-a4ad53e0] {
6287
+ position: relative;
6288
+ }
6289
+ .yd-watermark__overlay[data-v-a4ad53e0] {
6290
+ display: block;
6291
+ }
6292
+ .yd-watermark__item[data-v-a4ad53e0] {
6293
+ position: absolute;
6294
+ display: flex;
6295
+ align-items: center;
6296
+ justify-content: center;
6297
+ }
6298
+ .yd-watermark__image[data-v-a4ad53e0] {
6299
+ display: block;
6300
+ }
6301
+ .yd-watermark__text[data-v-a4ad53e0] {
6302
+ line-height: 1.2;
6303
+ }
6304
+
4819
6305
  .yd-drawer__overlay[data-v-94becd9a] {
4820
6306
  position: fixed;
4821
6307
  inset: 0;
@@ -4962,7 +6448,7 @@ to {
4962
6448
  opacity: 0;
4963
6449
  }
4964
6450
 
4965
- .yd-layout[data-v-76147c9f] {
6451
+ .yd-layout[data-v-2a960b8a] {
4966
6452
  position: relative;
4967
6453
  display: flex;
4968
6454
  width: 100%;
@@ -4970,19 +6456,19 @@ to {
4970
6456
  background: var(--yd-color-bg);
4971
6457
  color: var(--yd-color-fg);
4972
6458
  }
4973
- .yd-layout--light[data-v-76147c9f] {
6459
+ .yd-layout--light[data-v-2a960b8a] {
4974
6460
  --yd-layout-sidebar-bg: #ffffff;
4975
6461
  --yd-layout-sidebar-border: var(--yd-color-border);
4976
6462
  --yd-layout-header-bg: #ffffff;
4977
6463
  --yd-layout-header-border: var(--yd-color-border);
4978
6464
  }
4979
- .yd-layout--dark[data-v-76147c9f] {
6465
+ .yd-layout--dark[data-v-2a960b8a] {
4980
6466
  --yd-layout-sidebar-bg: #141414;
4981
6467
  --yd-layout-sidebar-border: #303030;
4982
6468
  --yd-layout-header-bg: #141414;
4983
6469
  --yd-layout-header-border: #303030;
4984
6470
  }
4985
- .yd-layout--corporate[data-v-76147c9f] {
6471
+ .yd-layout--corporate[data-v-2a960b8a] {
4986
6472
  --yd-layout-sidebar-bg: #0060ab;
4987
6473
  --yd-layout-sidebar-border: rgba(255, 255, 255, 0.15);
4988
6474
  --yd-layout-header-bg: #ffffff;
@@ -4995,7 +6481,7 @@ to {
4995
6481
  --yd-layout-sidebar-active-bg: rgba(255, 255, 255, 0.2);
4996
6482
  --yd-layout-sidebar-active-fg: #ffffff;
4997
6483
  }
4998
- .yd-layout__main[data-v-76147c9f] {
6484
+ .yd-layout__main[data-v-2a960b8a] {
4999
6485
  position: relative;
5000
6486
  flex: 1;
5001
6487
  display: flex;
@@ -5007,7 +6493,7 @@ to {
5007
6493
  }
5008
6494
 
5009
6495
  /* 移动端遮罩层 */
5010
- .yd-layout__mask[data-v-76147c9f] {
6496
+ .yd-layout__mask[data-v-2a960b8a] {
5011
6497
  position: fixed;
5012
6498
  top: 0;
5013
6499
  left: 0;
@@ -5018,83 +6504,83 @@ to {
5018
6504
  }
5019
6505
 
5020
6506
  /* 设置抽屉内容 */
5021
- .yd-layout-settings[data-v-76147c9f] {
6507
+ .yd-layout-settings[data-v-2a960b8a] {
5022
6508
  display: flex;
5023
6509
  flex-direction: column;
5024
6510
  gap: var(--yd-spacing-lg);
5025
6511
  }
5026
- .yd-layout-settings__item[data-v-76147c9f] {
6512
+ .yd-layout-settings__item[data-v-2a960b8a] {
5027
6513
  padding: var(--yd-spacing-sm) 0;
5028
6514
  }
5029
- .yd-layout-settings__row[data-v-76147c9f] {
6515
+ .yd-layout-settings__row[data-v-2a960b8a] {
5030
6516
  display: flex;
5031
6517
  align-items: center;
5032
6518
  justify-content: space-between;
5033
6519
  }
5034
- .yd-layout-settings__label[data-v-76147c9f] {
6520
+ .yd-layout-settings__label[data-v-2a960b8a] {
5035
6521
  font-size: var(--yd-font-size-base);
5036
6522
  color: var(--yd-color-fg);
5037
6523
  }
5038
6524
 
5039
- .yd-card[data-v-264319fe] {
5040
- background: var(--yd-color-bg);
5041
- border-radius: var(--yd-radius-lg);
6525
+ .yd-card[data-v-7b36c1f3] {
6526
+ background: var(--yd-color-bg);
6527
+ border-radius: var(--yd-radius-lg);
5042
6528
  transition: all var(--yd-transition-base);
5043
6529
  }
5044
- .yd-card--bordered[data-v-264319fe] {
6530
+ .yd-card--bordered[data-v-7b36c1f3] {
5045
6531
  border: 1px solid var(--yd-color-border);
5046
6532
  }
5047
- .yd-card--shadow[data-v-264319fe] {
6533
+ .yd-card--shadow[data-v-7b36c1f3] {
5048
6534
  box-shadow: var(--yd-shadow-md);
5049
6535
  }
5050
- .yd-card--shadow-hover[data-v-264319fe]:hover {
6536
+ .yd-card--shadow-hover[data-v-7b36c1f3]:hover {
5051
6537
  box-shadow: var(--yd-shadow-lg);
5052
- }
5053
-
6538
+ }
6539
+
5054
6540
  /* Padding variants */
5055
- .yd-card--padding-xs[data-v-264319fe] {
6541
+ .yd-card--padding-xs[data-v-7b36c1f3] {
5056
6542
  padding: var(--yd-spacing-xs);
5057
6543
  }
5058
- .yd-card--padding-sm[data-v-264319fe] {
6544
+ .yd-card--padding-sm[data-v-7b36c1f3] {
5059
6545
  padding: var(--yd-spacing-sm);
5060
6546
  }
5061
- .yd-card--padding-md[data-v-264319fe] {
6547
+ .yd-card--padding-md[data-v-7b36c1f3] {
5062
6548
  padding: var(--yd-spacing-base);
5063
6549
  }
5064
- .yd-card--padding-lg[data-v-264319fe] {
6550
+ .yd-card--padding-lg[data-v-7b36c1f3] {
5065
6551
  padding: var(--yd-spacing-lg);
5066
6552
  }
5067
- .yd-card--padding-none[data-v-264319fe] {
6553
+ .yd-card--padding-none[data-v-7b36c1f3] {
5068
6554
  padding: 0;
5069
- }
5070
-
6555
+ }
6556
+
5071
6557
  /* Header */
5072
- .yd-card__header[data-v-264319fe] {
5073
- display: flex;
5074
- align-items: center;
5075
- justify-content: space-between;
5076
- padding: var(--yd-spacing-base) var(--yd-spacing-lg);
6558
+ .yd-card__header[data-v-7b36c1f3] {
6559
+ display: flex;
6560
+ align-items: center;
6561
+ justify-content: space-between;
6562
+ padding: var(--yd-spacing-base) var(--yd-spacing-lg);
5077
6563
  border-bottom: 1px solid var(--yd-color-border);
5078
6564
  }
5079
- .yd-card__title[data-v-264319fe] {
5080
- font-size: var(--yd-font-size-base);
5081
- font-weight: var(--yd-font-weight-semibold);
5082
- color: var(--yd-color-fg);
6565
+ .yd-card__title[data-v-7b36c1f3] {
6566
+ font-size: var(--yd-font-size-base);
6567
+ font-weight: var(--yd-font-weight-semibold);
6568
+ color: var(--yd-color-fg);
5083
6569
  margin: 0;
5084
- }
5085
-
6570
+ }
6571
+
5086
6572
  /* Body */
5087
- .yd-card__body[data-v-264319fe] {
6573
+ .yd-card__body[data-v-7b36c1f3] {
5088
6574
  padding: inherit;
5089
- }
5090
-
6575
+ }
6576
+
5091
6577
  /* Footer */
5092
- .yd-card__footer[data-v-264319fe] {
5093
- padding: var(--yd-spacing-base) var(--yd-spacing-lg);
5094
- border-top: 1px solid var(--yd-color-border);
5095
- background: var(--yd-color-muted);
6578
+ .yd-card__footer[data-v-7b36c1f3] {
6579
+ padding: var(--yd-spacing-base) var(--yd-spacing-lg);
6580
+ border-top: 1px solid var(--yd-color-border);
6581
+ background: var(--yd-color-muted);
5096
6582
  border-radius: 0 0 var(--yd-radius-lg) var(--yd-radius-lg);
5097
- }
6583
+ }
5098
6584
 
5099
6585
  .yd-tooltip__wrapper[data-v-65560d25] {
5100
6586
  position: relative;
@@ -6012,6 +7498,50 @@ to {
6012
7498
  gap: var(--yd-spacing-sm);
6013
7499
  }
6014
7500
 
7501
+ .flow-chart[data-v-1054bcc0] {
7502
+ --fd-bg: var(--yd-bg-color, #fff);
7503
+ --fd-border: var(--yd-border-color, #d9d9d9);
7504
+ --fd-text: var(--yd-text-color, #262626);
7505
+ --fd-text-secondary: var(--yd-text-color-secondary, #8c8c8c);
7506
+ --fd-primary: var(--yd-primary-color, #1890ff);
7507
+ --fd-node-bg: #fff;
7508
+ --fd-connection: #d9d9d9;
7509
+ --fd-connection-label-bg: var(--yd-bg-color, #fff);
7510
+
7511
+ display: inline-block;
7512
+ background: var(--fd-bg);
7513
+ border: 1px solid var(--fd-border);
7514
+ border-radius: 4px;
7515
+ }
7516
+ .flow-chart__svg[data-v-1054bcc0] {
7517
+ display: block;
7518
+ }
7519
+ .flow-chart__node-shape[data-v-1054bcc0] {
7520
+ stroke-width: 1.5;
7521
+ transition: all 0.2s;
7522
+ }
7523
+ .flow-chart__node-text[data-v-1054bcc0] {
7524
+ font-size: 14px;
7525
+ fill: var(--fd-text);
7526
+ pointer-events: none;
7527
+ }
7528
+ .flow-chart__connection-label[data-v-1054bcc0] {
7529
+ font-size: 12px;
7530
+ fill: var(--fd-text-secondary);
7531
+ }
7532
+ .flow-chart--editable .flow-chart__node[data-v-1054bcc0] {
7533
+ cursor: pointer;
7534
+ }
7535
+ .flow-chart--editable .flow-chart__node:hover .flow-chart__node-shape[data-v-1054bcc0] {
7536
+ stroke: var(--fd-primary);
7537
+ stroke-width: 2;
7538
+ }
7539
+ .flow-chart__node--selected .flow-chart__node-shape[data-v-1054bcc0] {
7540
+ stroke: var(--fd-primary);
7541
+ stroke-width: 2;
7542
+ filter: drop-shadow(0 2px 4px rgba(24, 144, 255, 0.3));
7543
+ }
7544
+
6015
7545
  .yd-breadcrumb__nav[data-v-5ce89066] {
6016
7546
  display: inline-block;
6017
7547
  }
@@ -6229,6 +7759,153 @@ to {
6229
7759
  margin-top: 2px;
6230
7760
  }
6231
7761
 
7762
+ .yd-stepper[data-v-774c1ca4] {
7763
+ display: flex;
7764
+ }
7765
+
7766
+ /* Horizontal */
7767
+ .yd-stepper--horizontal[data-v-774c1ca4] {
7768
+ flex-direction: row;
7769
+ }
7770
+ .yd-stepper--horizontal .yd-stepper__item[data-v-774c1ca4] {
7771
+ display: flex;
7772
+ flex: 1;
7773
+ flex-direction: column;
7774
+ align-items: center;
7775
+ position: relative;
7776
+ }
7777
+ .yd-stepper--horizontal .yd-stepper__icon[data-v-774c1ca4] {
7778
+ display: flex;
7779
+ align-items: center;
7780
+ justify-content: center;
7781
+ width: 28px;
7782
+ height: 28px;
7783
+ border: 1px solid var(--yd-color-border);
7784
+ border-radius: 50%;
7785
+ font-size: var(--yd-font-size-sm);
7786
+ color: var(--yd-color-muted-fg);
7787
+ background: var(--yd-color-bg);
7788
+ z-index: 1;
7789
+ flex-shrink: 0;
7790
+ transition: all 0.2s ease;
7791
+ }
7792
+ .yd-stepper--horizontal .yd-stepper__line[data-v-774c1ca4] {
7793
+ position: absolute;
7794
+ top: 14px;
7795
+ left: calc(50% + 16px);
7796
+ right: calc(-50% + 16px);
7797
+ height: 2px;
7798
+ background: var(--yd-color-border);
7799
+ transition: background 0.2s ease;
7800
+ }
7801
+ .yd-stepper--horizontal .yd-stepper__item:last-child .yd-stepper__line[data-v-774c1ca4] {
7802
+ display: none;
7803
+ }
7804
+ .yd-stepper--horizontal .yd-stepper__item--finish .yd-stepper__line[data-v-774c1ca4] {
7805
+ background: var(--yd-color-primary-500);
7806
+ }
7807
+ .yd-stepper--horizontal .yd-stepper__content[data-v-774c1ca4] {
7808
+ margin-top: var(--yd-spacing-sm);
7809
+ text-align: center;
7810
+ width: 100%;
7811
+ }
7812
+
7813
+ /* Vertical */
7814
+ .yd-stepper--vertical[data-v-774c1ca4] {
7815
+ flex-direction: column;
7816
+ }
7817
+ .yd-stepper--vertical .yd-stepper__item[data-v-774c1ca4] {
7818
+ display: flex;
7819
+ flex-direction: row;
7820
+ align-items: flex-start;
7821
+ padding-bottom: var(--yd-spacing-xl);
7822
+ position: relative;
7823
+ }
7824
+ .yd-stepper--vertical .yd-stepper__icon[data-v-774c1ca4] {
7825
+ display: flex;
7826
+ align-items: center;
7827
+ justify-content: center;
7828
+ width: 28px;
7829
+ height: 28px;
7830
+ border: 1px solid var(--yd-color-border);
7831
+ border-radius: 50%;
7832
+ font-size: var(--yd-font-size-sm);
7833
+ color: var(--yd-color-muted-fg);
7834
+ background: var(--yd-color-bg);
7835
+ z-index: 1;
7836
+ flex-shrink: 0;
7837
+ transition: all 0.2s ease;
7838
+ }
7839
+ .yd-stepper--vertical .yd-stepper__line[data-v-774c1ca4] {
7840
+ position: absolute;
7841
+ top: 32px;
7842
+ bottom: -16px;
7843
+ left: 13px;
7844
+ width: 2px;
7845
+ background: var(--yd-color-border);
7846
+ transition: background 0.2s ease;
7847
+ }
7848
+ .yd-stepper--vertical .yd-stepper__item:last-child .yd-stepper__line[data-v-774c1ca4] {
7849
+ display: none;
7850
+ }
7851
+ .yd-stepper--vertical .yd-stepper__item--finish .yd-stepper__line[data-v-774c1ca4] {
7852
+ background: var(--yd-color-primary-500);
7853
+ }
7854
+ .yd-stepper--vertical .yd-stepper__content[data-v-774c1ca4] {
7855
+ margin-left: var(--yd-spacing-md);
7856
+ text-align: left;
7857
+ }
7858
+
7859
+ /* Status styles */
7860
+ .yd-stepper__item--active .yd-stepper__icon[data-v-774c1ca4] {
7861
+ border-color: var(--yd-color-primary-500);
7862
+ color: var(--yd-color-primary-500);
7863
+ background: var(--yd-color-primary-50);
7864
+ }
7865
+ .yd-stepper__item--finish .yd-stepper__icon[data-v-774c1ca4] {
7866
+ background: var(--yd-color-primary-500);
7867
+ border-color: var(--yd-color-primary-500);
7868
+ color: #fff;
7869
+ }
7870
+ .yd-stepper__item--error .yd-stepper__icon[data-v-774c1ca4] {
7871
+ border-color: var(--yd-color-error);
7872
+ color: var(--yd-color-error);
7873
+ }
7874
+
7875
+ /* Clickable styles */
7876
+ .yd-stepper--clickable .yd-stepper__item--clickable[data-v-774c1ca4] {
7877
+ cursor: pointer;
7878
+ }
7879
+ .yd-stepper--clickable .yd-stepper__item--clickable:hover .yd-stepper__icon[data-v-774c1ca4] {
7880
+ transform: scale(1.1);
7881
+ }
7882
+ .yd-stepper--clickable .yd-stepper__item--active .yd-stepper__icon[data-v-774c1ca4] {
7883
+ box-shadow: 0 0 0 4px var(--yd-color-primary-100);
7884
+ }
7885
+
7886
+ /* Small size */
7887
+ .yd-stepper--small .yd-stepper__icon[data-v-774c1ca4] {
7888
+ width: 22px;
7889
+ height: 22px;
7890
+ font-size: var(--yd-font-size-xs);
7891
+ }
7892
+ .yd-stepper--small.yd-stepper--horizontal .yd-stepper__line[data-v-774c1ca4] {
7893
+ top: 11px;
7894
+ }
7895
+ .yd-stepper--small.yd-stepper--vertical .yd-stepper__line[data-v-774c1ca4] {
7896
+ top: 26px;
7897
+ }
7898
+ .yd-stepper__title[data-v-774c1ca4] {
7899
+ font-size: var(--yd-font-size-sm);
7900
+ font-weight: var(--yd-font-weight-medium);
7901
+ color: var(--yd-color-fg);
7902
+ }
7903
+ .yd-stepper__description[data-v-774c1ca4] {
7904
+ font-size: var(--yd-font-size-xs);
7905
+ color: var(--yd-color-muted-fg);
7906
+ margin-top: 2px;
7907
+ }
7908
+
6232
7909
  .yd-anchor[data-v-120824da] {
6233
7910
  position: relative;
6234
7911
  padding-left: 16px;
@@ -6372,7 +8049,7 @@ to {
6372
8049
  transform: scale(0.95);
6373
8050
  }
6374
8051
 
6375
- .yd-message[data-v-d5e2e094] {
8052
+ .yd-message[data-v-c4f6fea7] {
6376
8053
  position: fixed;
6377
8054
  left: 50%;
6378
8055
  transform: translateX(-50%);
@@ -6389,32 +8066,32 @@ to {
6389
8066
  color: var(--yd-color-fg);
6390
8067
  max-width: 400px;
6391
8068
  }
6392
- .yd-message__icon[data-v-d5e2e094] {
8069
+ .yd-message__icon[data-v-c4f6fea7] {
6393
8070
  display: inline-flex;
6394
8071
  flex-shrink: 0;
6395
8072
  }
6396
- .yd-message--success[data-v-d5e2e094] {
8073
+ .yd-message--success[data-v-c4f6fea7] {
6397
8074
  border-color: var(--yd-color-success);
6398
8075
  }
6399
- .yd-message--success .yd-message__icon[data-v-d5e2e094] {
8076
+ .yd-message--success .yd-message__icon[data-v-c4f6fea7] {
6400
8077
  color: var(--yd-color-success);
6401
8078
  }
6402
- .yd-message--warning[data-v-d5e2e094] {
8079
+ .yd-message--warning[data-v-c4f6fea7] {
6403
8080
  border-color: var(--yd-color-warning);
6404
8081
  }
6405
- .yd-message--warning .yd-message__icon[data-v-d5e2e094] {
8082
+ .yd-message--warning .yd-message__icon[data-v-c4f6fea7] {
6406
8083
  color: var(--yd-color-warning);
6407
8084
  }
6408
- .yd-message--error[data-v-d5e2e094] {
8085
+ .yd-message--error[data-v-c4f6fea7] {
6409
8086
  border-color: var(--yd-color-error);
6410
8087
  }
6411
- .yd-message--error .yd-message__icon[data-v-d5e2e094] {
8088
+ .yd-message--error .yd-message__icon[data-v-c4f6fea7] {
6412
8089
  color: var(--yd-color-error);
6413
8090
  }
6414
- .yd-message--info .yd-message__icon[data-v-d5e2e094] {
8091
+ .yd-message--info .yd-message__icon[data-v-c4f6fea7] {
6415
8092
  color: var(--yd-color-info);
6416
8093
  }
6417
- .yd-message__close[data-v-d5e2e094] {
8094
+ .yd-message__close[data-v-c4f6fea7] {
6418
8095
  display: inline-flex;
6419
8096
  align-items: center;
6420
8097
  justify-content: center;
@@ -6425,17 +8102,17 @@ to {
6425
8102
  padding: 0;
6426
8103
  margin-left: var(--yd-spacing-sm);
6427
8104
  }
6428
- .yd-message__close[data-v-d5e2e094]:hover {
8105
+ .yd-message__close[data-v-c4f6fea7]:hover {
6429
8106
  color: var(--yd-color-fg);
6430
8107
  }
6431
8108
 
6432
8109
  /* Transitions */
6433
- .yd-message-enter-active[data-v-d5e2e094],
6434
- .yd-message-leave-active[data-v-d5e2e094] {
8110
+ .yd-message-enter-active[data-v-c4f6fea7],
8111
+ .yd-message-leave-active[data-v-c4f6fea7] {
6435
8112
  transition: all 0.3s ease;
6436
8113
  }
6437
- .yd-message-enter-from[data-v-d5e2e094],
6438
- .yd-message-leave-to[data-v-d5e2e094] {
8114
+ .yd-message-enter-from[data-v-c4f6fea7],
8115
+ .yd-message-leave-to[data-v-c4f6fea7] {
6439
8116
  opacity: 0;
6440
8117
  transform: translateX(-50%) translateY(-20px);
6441
8118
  }