@semi-bot/semi-theme-fnos 1.0.3 → 1.0.6

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 (8) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +449 -405
  4. package/scss/_palette.scss +232 -232
  5. package/scss/global.scss +154 -147
  6. package/scss/local.scss +31 -14
  7. package/semi.css +1922 -445
  8. package/semi.min.css +1 -1
package/semi.css CHANGED
@@ -2,47 +2,47 @@
2
2
  /* spacing */
3
3
  body, body[theme-mode=dark] .semi-always-light {
4
4
  --semi-black: 0,0,0;
5
- --semi-red-0: 255,233,229;
6
- --semi-red-1: 255,211,204;
7
- --semi-red-2: 255,184,173;
8
- --semi-red-3: 255,141,133;
9
- --semi-red-4: 255,99,99;
10
- --semi-red-5: 255,51,51;
11
- --semi-red-6: 218,37,43;
12
- --semi-red-7: 170,24,34;
13
- --semi-red-8: 115,13,22;
14
- --semi-red-9: 71,6,14;
5
+ --semi-red-0: 255,235,235;
6
+ --semi-red-1: 255,224,224;
7
+ --semi-red-2: 252,187,187;
8
+ --semi-red-3: 244,113,113;
9
+ --semi-red-4: 235,66,66;
10
+ --semi-red-5: 230,0,35;
11
+ --semi-red-6: 204,0,0;
12
+ --semi-red-7: 182,0,0;
13
+ --semi-red-8: 155,0,0;
14
+ --semi-red-9: 102,0,0;
15
15
  --semi-white: 255,255,255;
16
- --semi-blue-0: 234,245,255;
17
- --semi-blue-1: 204,230,254;
18
- --semi-blue-2: 152,204,254;
19
- --semi-blue-3: 101,176,253;
20
- --semi-blue-4: 51,147,253;
21
- --semi-blue-5: 0,116,252;
22
- --semi-blue-6: 0,96,216;
23
- --semi-blue-7: 0,77,181;
24
- --semi-blue-8: 0,59,145;
25
- --semi-blue-9: 0,43,109;
26
- --semi-cyan-0: 229,247,248;
27
- --semi-cyan-1: 194,238,241;
28
- --semi-cyan-2: 138,220,227;
29
- --semi-cyan-3: 88,201,212;
30
- --semi-cyan-4: 44,181,198;
31
- --semi-cyan-5: 5,161,184;
32
- --semi-cyan-6: 3,131,153;
33
- --semi-cyan-7: 1,103,123;
34
- --semi-cyan-8: 0,76,92;
35
- --semi-cyan-9: 0,49,61;
16
+ --semi-blue-0: 230,244,255;
17
+ --semi-blue-1: 215,237,255;
18
+ --semi-blue-2: 171,219,255;
19
+ --semi-blue-3: 117,191,255;
20
+ --semi-blue-4: 51,136,255;
21
+ --semi-blue-5: 0,102,255;
22
+ --semi-blue-6: 0,94,235;
23
+ --semi-blue-7: 0,67,184;
24
+ --semi-blue-8: 0,60,150;
25
+ --semi-blue-9: 0,31,77;
26
+ --semi-cyan-0: 232,250,252;
27
+ --semi-cyan-1: 199,244,248;
28
+ --semi-cyan-2: 145,232,242;
29
+ --semi-cyan-3: 94,219,235;
30
+ --semi-cyan-4: 46,204,229;
31
+ --semi-cyan-5: 0,189,222;
32
+ --semi-cyan-6: 0,154,185;
33
+ --semi-cyan-7: 0,121,148;
34
+ --semi-cyan-8: 0,89,111;
35
+ --semi-cyan-9: 0,58,74;
36
36
  --semi-grey-0: 249,249,249;
37
- --semi-grey-1: 230,232,234;
38
- --semi-grey-2: 198,201,205;
39
- --semi-grey-3: 167,170,176;
40
- --semi-grey-4: 136,140,146;
41
- --semi-grey-5: 107,111,117;
42
- --semi-grey-6: 85,90,97;
43
- --semi-grey-7: 65,69,76;
44
- --semi-grey-8: 46,49,56;
45
- --semi-grey-9: 28,31,35;
37
+ --semi-grey-1: 245,245,245;
38
+ --semi-grey-2: 241,241,241;
39
+ --semi-grey-3: 233,233,233;
40
+ --semi-grey-4: 205,205,205;
41
+ --semi-grey-5: 165,165,165;
42
+ --semi-grey-6: 118,118,118;
43
+ --semi-grey-7: 95,95,95;
44
+ --semi-grey-8: 74,74,74;
45
+ --semi-grey-9: 25,25,25;
46
46
  --semi-lime-0: 241,251,231;
47
47
  --semi-lime-1: 224,246,197;
48
48
  --semi-lime-2: 198,237,142;
@@ -73,16 +73,16 @@ body, body[theme-mode=dark] .semi-always-light {
73
73
  --semi-teal-7: 0,116,119;
74
74
  --semi-teal-8: 0,86,90;
75
75
  --semi-teal-9: 0,56,60;
76
- --semi-amber-0: 254,252,236;
77
- --semi-amber-1: 252,249,206;
78
- --semi-amber-2: 250,239,158;
79
- --semi-amber-3: 247,227,111;
80
- --semi-amber-4: 245,212,65;
81
- --semi-amber-5: 242,194,20;
82
- --semi-amber-6: 202,152,15;
83
- --semi-amber-7: 161,114,10;
84
- --semi-amber-8: 121,79,6;
85
- --semi-amber-9: 81,49,3;
76
+ --semi-amber-0: 255,246,235;
77
+ --semi-amber-1: 255,240,219;
78
+ --semi-amber-2: 255,228,193;
79
+ --semi-amber-3: 255,197,143;
80
+ --semi-amber-4: 253,161,97;
81
+ --semi-amber-5: 189,91,0;
82
+ --semi-amber-6: 170,73,0;
83
+ --semi-amber-7: 148,58,0;
84
+ --semi-amber-8: 124,45,0;
85
+ --semi-amber-9: 102,36,0;
86
86
  --semi-black-0: 227,227,230;
87
87
  --semi-black-1: 191,192,205;
88
88
  --semi-black-2: 134,135,154;
@@ -93,26 +93,26 @@ body, body[theme-mode=dark] .semi-always-light {
93
93
  --semi-black-7: 0,0,0;
94
94
  --semi-black-8: 0,0,0;
95
95
  --semi-black-9: 0,0,0;
96
- --semi-brand-0: 235,243,255;
97
- --semi-brand-1: 204,224,255;
98
- --semi-brand-2: 153,194,255;
99
- --semi-brand-3: 102,163,255;
96
+ --semi-brand-0: 230,244,255;
97
+ --semi-brand-1: 215,237,255;
98
+ --semi-brand-2: 171,219,255;
99
+ --semi-brand-3: 117,191,255;
100
100
  --semi-brand-4: 51,133,255;
101
101
  --semi-brand-5: 0,102,255;
102
102
  --semi-brand-6: 0,94,235;
103
103
  --semi-brand-7: 0,67,184;
104
- --semi-brand-8: 0,51,128;
104
+ --semi-brand-8: 0,60,150;
105
105
  --semi-brand-9: 0,31,77;
106
- --semi-green-0: 234,251,239;
107
- --semi-green-1: 192,244,209;
108
- --semi-green-2: 133,234,167;
109
- --semi-green-3: 82,224,129;
110
- --semi-green-4: 37,208,94;
111
- --semi-green-5: 0,191,64;
112
- --semi-green-6: 0,159,53;
113
- --semi-green-7: 0,127,42;
114
- --semi-green-8: 0,102,34;
115
- --semi-green-9: 0,61,20;
106
+ --semi-green-0: 224,243,234;
107
+ --semi-green-1: 185,231,210;
108
+ --semi-green-2: 124,207,171;
109
+ --semi-green-3: 73,183,137;
110
+ --semi-green-4: 32,159,108;
111
+ --semi-green-5: 0,135,83;
112
+ --semi-green-6: 0,113,71;
113
+ --semi-green-7: 0,90,58;
114
+ --semi-green-8: 0,68,45;
115
+ --semi-green-9: 0,45,31;
116
116
  --semi-white-0: 255,255,255;
117
117
  --semi-white-1: 255,255,255;
118
118
  --semi-white-2: 255,255,255;
@@ -133,56 +133,56 @@ body, body[theme-mode=dark] .semi-always-light {
133
133
  --semi-indigo-7: 41,49,142;
134
134
  --semi-indigo-8: 32,37,122;
135
135
  --semi-indigo-9: 23,27,101;
136
- --semi-orange-0: 255,244,229;
137
- --semi-orange-1: 255,233,204;
138
- --semi-orange-2: 255,211,153;
139
- --semi-orange-3: 255,189,102;
140
- --semi-orange-4: 255,167,51;
136
+ --semi-orange-0: 255,249,235;
137
+ --semi-orange-1: 255,240,204;
138
+ --semi-orange-2: 255,222,153;
139
+ --semi-orange-3: 255,200,102;
140
+ --semi-orange-4: 255,175,51;
141
141
  --semi-orange-5: 255,146,0;
142
- --semi-orange-6: 229,130,0;
143
- --semi-orange-7: 178,101,0;
144
- --semi-orange-8: 128,73,0;
145
- --semi-orange-9: 77,43,0;
146
- --semi-purple-0: 247,233,246;
147
- --semi-purple-1: 240,203,238;
148
- --semi-purple-2: 225,155,224;
149
- --semi-purple-3: 207,112,209;
150
- --semi-purple-4: 188,74,194;
151
- --semi-purple-5: 167,40,179;
152
- --semi-purple-6: 143,31,159;
153
- --semi-purple-7: 121,23,138;
154
- --semi-purple-8: 99,16,118;
155
- --semi-purple-9: 78,10,97;
156
- --semi-violet-0: 244,237,250;
157
- --semi-violet-1: 228,210,244;
158
- --semi-violet-2: 200,167,233;
159
- --semi-violet-3: 172,128,223;
160
- --semi-violet-4: 143,92,212;
161
- --semi-violet-5: 115,59,201;
162
- --semi-violet-6: 96,48,181;
163
- --semi-violet-7: 78,37,160;
164
- --semi-violet-8: 61,28,140;
165
- --semi-violet-9: 46,21,119;
166
- --semi-yellow-0: 255,254,234;
167
- --semi-yellow-1: 254,252,204;
168
- --semi-yellow-2: 254,245,152;
169
- --semi-yellow-3: 253,235,101;
170
- --semi-yellow-4: 253,222,51;
171
- --semi-yellow-5: 252,205,0;
172
- --semi-yellow-6: 210,174,0;
173
- --semi-yellow-7: 168,142,0;
174
- --semi-yellow-8: 126,109,0;
175
- --semi-yellow-9: 84,74,0;
142
+ --semi-orange-6: 213,111,0;
143
+ --semi-orange-7: 170,80,0;
144
+ --semi-orange-8: 128,54,0;
145
+ --semi-orange-9: 85,32,0;
146
+ --semi-purple-0: 253,244,255;
147
+ --semi-purple-1: 249,222,255;
148
+ --semi-purple-2: 241,189,255;
149
+ --semi-purple-3: 230,155,255;
150
+ --semi-purple-4: 218,122,255;
151
+ --semi-purple-5: 203,89,255;
152
+ --semi-purple-6: 168,70,219;
153
+ --semi-purple-7: 134,53,184;
154
+ --semi-purple-8: 103,38,148;
155
+ --semi-purple-9: 74,26,112;
156
+ --semi-violet-0: 242,240,254;
157
+ --semi-violet-1: 221,215,252;
158
+ --semi-violet-2: 188,177,250;
159
+ --semi-violet-3: 157,139,247;
160
+ --semi-violet-4: 128,101,245;
161
+ --semi-violet-5: 101,65,242;
162
+ --semi-violet-6: 84,49,206;
163
+ --semi-violet-7: 68,36,171;
164
+ --semi-violet-8: 52,24,135;
165
+ --semi-violet-9: 38,15,99;
166
+ --semi-yellow-0: 255,255,240;
167
+ --semi-yellow-1: 255,254,214;
168
+ --semi-yellow-2: 255,250,173;
169
+ --semi-yellow-3: 255,243,133;
170
+ --semi-yellow-4: 255,233,92;
171
+ --semi-yellow-5: 255,221,51;
172
+ --semi-yellow-6: 213,187,40;
173
+ --semi-yellow-7: 170,151,31;
174
+ --semi-yellow-8: 128,115,22;
175
+ --semi-yellow-9: 85,78,14;
176
176
  --semi-neutral-0: 242,243,244;
177
177
  --semi-neutral-1: 227,228,230;
178
178
  --semi-neutral-2: 201,203,207;
179
179
  --semi-neutral-3: 174,178,183;
180
180
  --semi-neutral-4: 146,151,158;
181
181
  --semi-neutral-5: 120,126,135;
182
- --semi-neutral-6: 108,113,122;
183
- --semi-neutral-7: 81,85,91;
184
- --semi-neutral-8: 48,50,54;
185
- --semi-neutral-9: 26,28,30;
182
+ --semi-neutral-6: 84,88,95;
183
+ --semi-neutral-7: 62,66,70;
184
+ --semi-neutral-8: 34,35,38;
185
+ --semi-neutral-9: 24,25,27;
186
186
  --semi-light-blue-0: 233,247,254;
187
187
  --semi-light-blue-1: 202,235,252;
188
188
  --semi-light-blue-2: 149,214,249;
@@ -193,60 +193,60 @@ body, body[theme-mode=dark] .semi-always-light {
193
193
  --semi-light-blue-7: 0,95,169;
194
194
  --semi-light-blue-8: 0,73,133;
195
195
  --semi-light-blue-9: 0,51,97;
196
- --semi-light-green-0: 243,248,236;
197
- --semi-light-green-1: 226,241,209;
198
- --semi-light-green-2: 199,227,166;
199
- --semi-light-green-3: 172,212,127;
200
- --semi-light-green-4: 146,198,92;
201
- --semi-light-green-5: 121,184,61;
202
- --semi-light-green-6: 98,153,49;
203
- --semi-light-green-7: 77,123,38;
204
- --semi-light-green-8: 56,92,28;
205
- --semi-light-green-9: 36,61,18;
196
+ --semi-light-green-0: 240,250,231;
197
+ --semi-light-green-1: 220,245,197;
198
+ --semi-light-green-2: 186,236,143;
199
+ --semi-light-green-3: 153,226,93;
200
+ --semi-light-green-4: 120,217,47;
201
+ --semi-light-green-5: 88,207,4;
202
+ --semi-light-green-6: 69,173,2;
203
+ --semi-light-green-7: 53,138,0;
204
+ --semi-light-green-8: 38,103,0;
205
+ --semi-light-green-9: 24,69,0;
206
206
  }
207
207
 
208
208
  body[theme-mode=dark], body .semi-always-dark {
209
209
  --semi-black: 0, 0, 0;
210
- --semi-red-0: 85,12,22;
211
- --semi-red-1: 128,22,33;
212
- --semi-red-2: 170,34,44;
213
- --semi-red-3: 213,49,55;
214
- --semi-red-4: 255,51,51;
215
- --semi-red-5: 255,110,105;
216
- --semi-red-6: 255,150,142;
217
- --semi-red-7: 255,187,180;
218
- --semi-red-8: 255,222,217;
219
- --semi-red-9: 255,243,241;
210
+ --semi-red-0: 90,0,26;
211
+ --semi-red-1: 126,0,31;
212
+ --semi-red-2: 162,3,38;
213
+ --semi-red-3: 197,10,44;
214
+ --semi-red-4: 230,0,35;
215
+ --semi-red-5: 237,63,83;
216
+ --semi-red-6: 242,109,120;
217
+ --semi-red-7: 246,156,160;
218
+ --semi-red-8: 251,205,205;
219
+ --semi-red-9: 253,235,235;
220
220
  --semi-white: 255, 255, 255;
221
- --semi-blue-0: 0,43,109;
222
- --semi-blue-1: 0,59,145;
223
- --semi-blue-2: 0,77,181;
224
- --semi-blue-3: 0,96,216;
225
- --semi-blue-4: 0,116,252;
226
- --semi-blue-5: 51,147,253;
227
- --semi-blue-6: 101,176,253;
228
- --semi-blue-7: 152,204,254;
229
- --semi-blue-8: 204,230,254;
230
- --semi-blue-9: 234,245,255;
231
- --semi-cyan-0: 0,49,61;
232
- --semi-cyan-1: 0,76,92;
233
- --semi-cyan-2: 1,103,123;
234
- --semi-cyan-3: 3,131,153;
235
- --semi-cyan-4: 5,161,184;
236
- --semi-cyan-5: 44,181,198;
237
- --semi-cyan-6: 88,201,212;
238
- --semi-cyan-7: 138,220,227;
239
- --semi-cyan-8: 194,238,241;
240
- --semi-cyan-9: 229,247,248;
241
- --semi-grey-0: 28,31,35;
242
- --semi-grey-1: 46,49,56;
243
- --semi-grey-2: 65,69,76;
244
- --semi-grey-3: 85,90,97;
245
- --semi-grey-4: 107,111,117;
246
- --semi-grey-5: 136,140,146;
247
- --semi-grey-6: 167,170,176;
248
- --semi-grey-7: 198,201,205;
249
- --semi-grey-8: 230,232,234;
221
+ --semi-blue-0: 0,37,112;
222
+ --semi-blue-1: 0,52,148;
223
+ --semi-blue-2: 3,69,184;
224
+ --semi-blue-3: 11,91,219;
225
+ --semi-blue-4: 0,102,255;
226
+ --semi-blue-5: 67,145,255;
227
+ --semi-blue-6: 114,175,255;
228
+ --semi-blue-7: 161,203,255;
229
+ --semi-blue-8: 208,230,255;
230
+ --semi-blue-9: 237,245,255;
231
+ --semi-cyan-0: 3,59,75;
232
+ --semi-cyan-1: 6,91,113;
233
+ --semi-cyan-2: 9,124,150;
234
+ --semi-cyan-3: 13,158,187;
235
+ --semi-cyan-4: 0,189,222;
236
+ --semi-cyan-5: 61,208,231;
237
+ --semi-cyan-6: 106,222,237;
238
+ --semi-cyan-7: 154,234,243;
239
+ --semi-cyan-8: 203,245,249;
240
+ --semi-cyan-9: 234,251,252;
241
+ --semi-grey-0: 25,25,25;
242
+ --semi-grey-1: 74,74,74;
243
+ --semi-grey-2: 95,95,95;
244
+ --semi-grey-3: 118,118,118;
245
+ --semi-grey-4: 165,165,165;
246
+ --semi-grey-5: 205,205,205;
247
+ --semi-grey-6: 233,233,233;
248
+ --semi-grey-7: 241,241,241;
249
+ --semi-grey-8: 245,245,245;
250
250
  --semi-grey-9: 249,249,249;
251
251
  --semi-lime-0: 44,70,0;
252
252
  --semi-lime-1: 67,105,0;
@@ -278,16 +278,16 @@ body[theme-mode=dark], body .semi-always-dark {
278
278
  --semi-teal-7: 135,225,220;
279
279
  --semi-teal-8: 192,240,236;
280
280
  --semi-teal-9: 228,247,246;
281
- --semi-amber-0: 81,49,3;
282
- --semi-amber-1: 121,79,6;
283
- --semi-amber-2: 161,114,10;
284
- --semi-amber-3: 202,152,15;
285
- --semi-amber-4: 242,194,20;
286
- --semi-amber-5: 245,212,65;
287
- --semi-amber-6: 247,227,111;
288
- --semi-amber-7: 250,239,158;
289
- --semi-amber-8: 252,249,206;
290
- --semi-amber-9: 254,252,236;
281
+ --semi-amber-0: 110,31,0;
282
+ --semi-amber-1: 131,43,0;
283
+ --semi-amber-2: 151,59,3;
284
+ --semi-amber-3: 172,79,8;
285
+ --semi-amber-4: 189,91,0;
286
+ --semi-amber-5: 205,131,54;
287
+ --semi-amber-6: 217,163,97;
288
+ --semi-amber-7: 230,194,145;
289
+ --semi-amber-8: 242,225,198;
290
+ --semi-amber-9: 249,242,231;
291
291
  --semi-black-0: 0,0,0;
292
292
  --semi-black-1: 0,0,0;
293
293
  --semi-black-2: 0,0,0;
@@ -298,26 +298,26 @@ body[theme-mode=dark], body .semi-always-dark {
298
298
  --semi-black-7: 135,136,155;
299
299
  --semi-black-8: 192,192,205;
300
300
  --semi-black-9: 227,227,230;
301
- --semi-brand-0: 0,37,112;
302
- --semi-brand-1: 0,52,148;
301
+ --semi-brand-0: 0,31,77;
302
+ --semi-brand-1: 0,61,153;
303
303
  --semi-brand-2: 0,67,184;
304
- --semi-brand-3: 0,84,219;
304
+ --semi-brand-3: 0,92,229;
305
305
  --semi-brand-4: 0,102,255;
306
306
  --semi-brand-5: 51,136,255;
307
- --semi-brand-6: 102,168,255;
308
- --semi-brand-7: 153,199,255;
309
- --semi-brand-8: 204,228,255;
310
- --semi-brand-9: 235,244,255;
311
- --semi-green-0: 2,65,27;
312
- --semi-green-1: 5,97,40;
313
- --semi-green-2: 7,129,52;
314
- --semi-green-3: 11,162,64;
315
- --semi-green-4: 0,191,64;
316
- --semi-green-5: 54,206,102;
317
- --semi-green-6: 97,218,134;
318
- --semi-green-7: 145,231,170;
319
- --semi-green-8: 198,243,210;
320
- --semi-green-9: 231,249,236;
307
+ --semi-brand-6: 102,163,255;
308
+ --semi-brand-7: 153,194,255;
309
+ --semi-brand-8: 204,224,255;
310
+ --semi-brand-9: 229,240,255;
311
+ --semi-green-0: 2,46,32;
312
+ --semi-green-1: 3,69,47;
313
+ --semi-green-2: 5,92,62;
314
+ --semi-green-3: 8,115,76;
315
+ --semi-green-4: 0,135,83;
316
+ --semi-green-5: 43,161,114;
317
+ --semi-green-6: 83,185,142;
318
+ --semi-green-7: 132,208,175;
319
+ --semi-green-8: 189,232,212;
320
+ --semi-green-9: 226,243,235;
321
321
  --semi-indigo-0: 23,27,101;
322
322
  --semi-indigo-1: 32,37,122;
323
323
  --semi-indigo-2: 41,49,142;
@@ -328,46 +328,46 @@ body[theme-mode=dark], body .semi-always-dark {
328
328
  --semi-indigo-7: 167,177,226;
329
329
  --semi-indigo-8: 209,215,241;
330
330
  --semi-indigo-9: 237,239,248;
331
- --semi-orange-0: 85,34,3;
332
- --semi-orange-1: 128,58,6;
333
- --semi-orange-2: 170,86,10;
334
- --semi-orange-3: 213,118,15;
331
+ --semi-orange-0: 77,43,0;
332
+ --semi-orange-1: 128,73,0;
333
+ --semi-orange-2: 178,101,0;
334
+ --semi-orange-3: 229,130,0;
335
335
  --semi-orange-4: 255,146,0;
336
- --semi-orange-5: 255,181,67;
337
- --semi-orange-6: 255,204,114;
338
- --semi-orange-7: 255,224,161;
339
- --semi-orange-8: 255,241,208;
340
- --semi-orange-9: 255,250,237;
341
- --semi-purple-0: 78,10,97;
342
- --semi-purple-1: 99,16,118;
343
- --semi-purple-2: 121,23,138;
344
- --semi-purple-3: 143,31,159;
345
- --semi-purple-4: 167,40,179;
346
- --semi-purple-5: 188,74,194;
347
- --semi-purple-6: 207,112,209;
348
- --semi-purple-7: 225,155,224;
349
- --semi-purple-8: 240,203,238;
350
- --semi-purple-9: 247,233,246;
351
- --semi-violet-0: 46,21,119;
352
- --semi-violet-1: 61,28,140;
353
- --semi-violet-2: 78,37,160;
354
- --semi-violet-3: 96,48,181;
355
- --semi-violet-4: 115,59,201;
356
- --semi-violet-5: 143,92,212;
357
- --semi-violet-6: 172,128,223;
358
- --semi-violet-7: 200,167,233;
359
- --semi-violet-8: 228,210,244;
360
- --semi-violet-9: 244,237,250;
361
- --semi-yellow-0: 84,74,0;
362
- --semi-yellow-1: 126,109,0;
363
- --semi-yellow-2: 168,142,0;
364
- --semi-yellow-3: 210,174,0;
365
- --semi-yellow-4: 252,205,0;
366
- --semi-yellow-5: 253,222,51;
367
- --semi-yellow-6: 253,235,101;
368
- --semi-yellow-7: 254,245,152;
369
- --semi-yellow-8: 254,252,204;
370
- --semi-yellow-9: 255,254,234;
336
+ --semi-orange-5: 255,167,51;
337
+ --semi-orange-6: 255,189,102;
338
+ --semi-orange-7: 255,211,153;
339
+ --semi-orange-8: 255,233,204;
340
+ --semi-orange-9: 255,244,229;
341
+ --semi-purple-0: 76,31,112;
342
+ --semi-purple-1: 106,46,148;
343
+ --semi-purple-2: 138,62,184;
344
+ --semi-purple-3: 171,81,219;
345
+ --semi-purple-4: 203,89,255;
346
+ --semi-purple-5: 221,133,255;
347
+ --semi-purple-6: 232,163,255;
348
+ --semi-purple-7: 242,194,255;
349
+ --semi-purple-8: 249,224,255;
350
+ --semi-purple-9: 253,245,255;
351
+ --semi-violet-0: 43,21,102;
352
+ --semi-violet-1: 59,33,138;
353
+ --semi-violet-2: 76,46,174;
354
+ --semi-violet-3: 94,62,209;
355
+ --semi-violet-4: 101,65,242;
356
+ --semi-violet-5: 138,114,247;
357
+ --semi-violet-6: 165,148,249;
358
+ --semi-violet-7: 194,183,251;
359
+ --semi-violet-8: 223,219,253;
360
+ --semi-violet-9: 243,242,254;
361
+ --semi-yellow-0: 85,79,19;
362
+ --semi-yellow-1: 128,116,30;
363
+ --semi-yellow-2: 170,153,41;
364
+ --semi-yellow-3: 213,189,54;
365
+ --semi-yellow-4: 255,221,51;
366
+ --semi-yellow-5: 255,235,105;
367
+ --semi-yellow-6: 255,244,142;
368
+ --semi-yellow-7: 255,250,180;
369
+ --semi-yellow-8: 255,254,217;
370
+ --semi-yellow-9: 255,255,241;
371
371
  --semi-neutral-0: 44,48,56;
372
372
  --semi-neutral-1: 62,67,77;
373
373
  --semi-neutral-2: 81,87,97;
@@ -388,29 +388,29 @@ body[theme-mode=dark], body .semi-always-dark {
388
388
  --semi-light-blue-7: 149,214,249;
389
389
  --semi-light-blue-8: 202,235,252;
390
390
  --semi-light-blue-9: 233,247,254;
391
- --semi-light-green-0: 36,61,18;
392
- --semi-light-green-1: 56,92,28;
393
- --semi-light-green-2: 77,123,38;
394
- --semi-light-green-3: 98,153,49;
395
- --semi-light-green-4: 121,184,61;
396
- --semi-light-green-5: 146,198,92;
397
- --semi-light-green-6: 172,212,127;
398
- --semi-light-green-7: 199,227,166;
399
- --semi-light-green-8: 226,241,209;
400
- --semi-light-green-9: 243,248,236;
391
+ --semi-light-green-0: 27,70,4;
392
+ --semi-light-green-1: 43,105,7;
393
+ --semi-light-green-2: 60,140,11;
394
+ --semi-light-green-3: 79,175,15;
395
+ --semi-light-green-4: 88,207,4;
396
+ --semi-light-green-5: 129,219,60;
397
+ --semi-light-green-6: 160,228,104;
398
+ --semi-light-green-7: 191,237,151;
399
+ --semi-light-green-8: 223,246,201;
400
+ --semi-light-green-9: 242,251,233;
401
401
  }
402
402
 
403
403
  body, body[theme-mode=dark] .semi-always-light {
404
404
  --semi-color-app: rgba(var(--semi-neutral-0),1);
405
- --semi-color-bg-0: rgba(255,255,255, 1);
405
+ --semi-color-bg-0: rgba(var(--semi-grey-0),1);
406
406
  --semi-color-bg-1: rgba(255,255,255,1);
407
407
  --semi-color-bg-2: rgba(255,255,255,1);
408
408
  --semi-color-bg-3: rgba(255,255,255,1);
409
409
  --semi-color-bg-4: rgba(255,255,255,1);
410
- --semi-color-info: rgba(var(--semi-brand-5), 1);
410
+ --semi-color-info: rgba(var(--semi-brand-5),1);
411
411
  --semi-color-link: rgba(var(--semi-brand-5),1);
412
- --semi-color-bg-anti: rgba(28,28,28,1);
413
- --semi-color-nav-bg: rgba(var(--semi-neutral-0),1);
412
+ --semi-color-bg-anti: rgba(var(--semi-grey-9),1);
413
+ --semi-color-nav-bg: rgba(var(--semi-grey-0), 1);
414
414
  --semi-color-black: rgba(0,0,0,1);
415
415
  --semi-color-data-0: rgba(var(--semi-brand-5),1);
416
416
  --semi-color-data-1: rgba(142, 212, 231, 1);
@@ -422,17 +422,17 @@ body, body[theme-mode=dark] .semi-always-light {
422
422
  --semi-color-data-7: rgba(139, 215, 210, 1);
423
423
  --semi-color-data-8: rgba(131, 176, 35, 1);
424
424
  --semi-color-data-9: rgba(233, 165, 229, 1);
425
- --semi-color-fill-0: rgba(var(--semi-neutral-5), 0.05);
426
- --semi-color-fill-1: rgba(var(--semi-neutral-5), 0.08);
427
- --semi-color-fill-2: rgba(var(--semi-neutral-5), 0.16);
428
- --semi-color-fill-3: rgba(var(--semi-neutral-5),0.32);
429
- --semi-color-text-0: rgba(var(--semi-neutral-9),1);
430
- --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
431
- --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
432
- --semi-color-text-3: rgba(var(--semi-neutral-9),0.4);
425
+ --semi-color-fill-0: rgba(var(--semi-grey-5),0.05);
426
+ --semi-color-fill-1: rgba(var(--semi-grey-5),0.08);
427
+ --semi-color-fill-2: rgba(var(--semi-grey-5),0.16);
428
+ --semi-color-fill-3: rgba(var(--semi-grey-5),0.32);
429
+ --semi-color-text-0: rgba(var(--semi-grey-9),1);
430
+ --semi-color-text-1: rgba(var(--semi-grey-9),0.75);
431
+ --semi-color-text-2: rgba(var(--semi-grey-9),0.5);
432
+ --semi-color-text-3: rgba(var(--semi-grey-9),0.25);
433
433
  --semi-color-white: rgba(255,255,255,1);
434
- --semi-color-app-name: rgba(var(--semi-blue-6),1);
435
- --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
434
+ --semi-color-app-name: rgba(var(--semi-blue-5),1);
435
+ --semi-color-bg-avatar: rgba(var(--semi-grey-5),0.16);
436
436
  --semi-color-data-10: rgba(48, 167, 206, 1);
437
437
  --semi-color-data-11: rgba(249, 192, 100, 1);
438
438
  --semi-color-data-12: rgba(177, 113, 249, 1);
@@ -441,13 +441,13 @@ body, body[theme-mode=dark] .semi-always-light {
441
441
  --semi-color-data-15: rgba(255, 170, 178, 1);
442
442
  --semi-color-data-16: rgba(51, 176, 171, 1);
443
443
  --semi-color-data-17: rgba(182, 215, 129, 1);
444
- --semi-color-data-18: rgba(212, 88, 212, 1);
444
+ --semi-color-data-18: rgba(212,88,212,1);
445
445
  --semi-color-data-19: rgba(188, 198, 255, 1);
446
446
  --semi-color-data-20: rgba(121,137,255, 1);
447
- --semi-color-border: rgba(var(--semi-neutral-5),0.16);
448
- --semi-color-danger: rgba(var(--semi-red-5), 1);
449
- --semi-color-shadow: rgba(var(--semi-neutral-9),0.05);
450
- --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
447
+ --semi-color-border: rgba(var(--semi-grey-8),0.16);
448
+ --semi-color-danger: rgba(var(--semi-red-5),1);
449
+ --semi-color-shadow: rgba(var(--semi-grey-9), 0.05);
450
+ --semi-color-text-nav: rgba(var(--semi-grey-9),0.75);
451
451
  --semi-color-app-header: rgba(var(--semi-neutral-0),0);
452
452
  --semi-color-bg-dropdown: rgba(255,255,255,1);
453
453
  --semi-color-black-10: rgba(0,0,0,0.1);
@@ -474,64 +474,68 @@ body, body[theme-mode=dark] .semi-always-light {
474
474
  --semi-color-link-hover: rgba(var(--semi-brand-6), 1);
475
475
  --semi-color-primary: rgba(var(--semi-brand-5),1);
476
476
  --semi-color-success: rgba(var(--semi-green-5),1);
477
- --semi-color-tab-HoverBg: rgba(var(--semi-neutral-1),1);
478
- --semi-color-warning: rgba(var(--semi-orange-5),1);
479
- --semi-color-app-siderbar: rgba(var(--semi-neutral-1),0);
480
- --semi-color-card-border: rgba(var(--semi-neutral-5),0.16);
477
+ --semi-color-tab-HoverBg: rgba(var(--semi-grey-5),0.16);
478
+ --semi-color-warning: rgba(var(--semi-amber-5), 1);
479
+ --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
480
+ --semi-color-card-border: rgba(var(--semi-grey-8),0.16);
481
481
  --semi-color-info-active: rgba(var(--semi-brand-7), 1);
482
482
  --semi-color-link-active: rgba(var(--semi-brand-7),1);
483
483
  --semi-color-app-container: rgba(255,255,255,1);
484
484
  --semi-color-bg-transparent: rgba(255,255,255,0);
485
- --semi-color-card-HoverBg: rgba(var(--semi-neutral-5),0.08);
486
- --semi-color-divider-0: rgba(var(--semi-neutral-5),0.08);
487
- --semi-color-divider-1: rgba(var(--semi-neutral-2),0.16);
488
- --semi-color-divider-2: rgba(var(--semi-neutral-2),0.2);
485
+ --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.08);
486
+ --semi-color-divider-0: rgba(var(--semi-grey-8),0.22);
487
+ --semi-color-divider-1: rgba(var(--semi-grey-8),0.16);
488
+ --semi-color-divider-2: rgba(var(--semi-grey-8),0.08);
489
489
  --semi-color-link-visited: rgba(var(--semi-brand-3),1);
490
490
  --semi-color-photo-toast: rgba(0,0,0,0.9);
491
- --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-0),1);
492
- --semi-color-tertiary: rgba(var(--semi-neutral-5),1);
493
- --semi-color-card-ActiveBg: rgba(var(--semi-brand-5),0.12);
491
+ --semi-color-tab-DefaultBg: rgba(var(--semi-grey-5),0.05);
492
+ --semi-color-tertiary: rgba(var(--semi-grey-5),1);
493
+ --semi-color-card-ActiveBg: rgba(var(--semi-grey-5),0.12);
494
494
  --semi-color-focus-border: rgba(var(--semi-brand-5),1);
495
- --semi-color-info-disabled: rgba(var(--semi-neutral-5),0.08);
495
+ --semi-color-info-disabled: rgba(var(--semi-grey-5),0.16);
496
496
  --semi-color-overlay-bg: rgba(0,0,0,0.7);
497
- --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
498
- --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
499
- --semi-color-Scrollbar: rgba(var(--semi-neutral-5),0.16);
500
- --semi-color-border-hover: rgba(var(--semi-neutral-4),0.2);
501
- --semi-color-border-modal: rgba(var(--semi-neutral-5),0.16);
502
- --semi-color-card-DefaultBg: rgba(var(--semi-neutral-5),0.05);
497
+ --semi-color-tab-DisabledBg: rgba(var(--semi-grey-5),0.16);
498
+ --semi-color-tab-SelectedBg: rgba(var(--semi-grey-9),1);
499
+ --semi-color-Scrollbar: rgba(var(--semi-grey-5),0.16);
500
+ --semi-color-border-hover: rgba(var(--semi-grey-8),0.22);
501
+ --semi-color-border-modal: rgba(var(--semi-grey-8),0.08);
502
+ --semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.05);
503
503
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
504
- --semi-color-highlight: rgba(var(--semi-black),1);
504
+ --semi-color-highlight: rgba(var(--semi-grey-9), 1);
505
+ --semi-color-input-HoverBg: rgba(255,255,255,1);
505
506
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
506
507
  --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
507
508
  --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
508
- --semi-color-border-active: rgba(var(--semi-neutral-5),0.2);
509
- --semi-color-border-select: rgba(var(--semi-neutral-0),0);
509
+ --semi-color-border-active: rgba(var(--semi-brand-5),1);
510
+ --semi-color-border-select: rgba(var(--semi-grey-8),0);
510
511
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
511
- --semi-color-disabled-bg: rgba(var(--semi-neutral-5),0.08);
512
+ --semi-color-disabled-bg: rgba(var(--semi-grey-5), 0.08);
513
+ --semi-color-input-ActiveBg: rgba(255,255,255,1);
512
514
  --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.12);
513
- --semi-color-card-borderHover: rgba(var(--semi-neutral-6),0.2);
515
+ --semi-color-card-borderHover: rgba(var(--semi-grey-8),0.22);
514
516
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
517
+ --semi-color-input-DefaultBg: rgba(255,255,255,1);
515
518
  --semi-color-photo-toastText: rgba(255,255,255,1);
516
519
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
517
520
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
518
- --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
521
+ --semi-color-warning-hover: rgba(var(--semi-amber-6), 1);
519
522
  --semi-color-Component-bg: rgba(255,255,255,0.5);
520
523
  --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
521
524
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
522
- --semi-color-disabled-fill: rgba(var(--semi-neutral-5),0.08);
523
- --semi-color-disabled-text: rgba(var(--semi-neutral-5),0.4);
524
- --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
525
+ --semi-color-disabled-fill: rgba(var(--semi-grey-5), 0.08);
526
+ --semi-color-disabled-text: rgba(var(--semi-grey-5), 0.4);
527
+ --semi-color-highlight-bg: rgba(var(--semi-yellow-5),1);
528
+ --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.16);
525
529
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
526
530
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
527
- --semi-color-warning-active: rgba(var(--semi-orange-7),1);
528
- --semi-color-tertiary-hover: rgba(var(--semi-neutral-6), 1);
531
+ --semi-color-warning-active: rgba(var(--semi-amber-7), 1);
532
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-6),0.8);
529
533
  --semi-color-Component-card: rgba(255,255,255,0.9);
530
- --semi-color-disabled-border: rgba(var(--semi-neutral-5),0.2);
534
+ --semi-color-disabled-border: rgba(var(--semi-grey-5), 0.2);
531
535
  --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
532
- --semi-color-success-disabled: rgba(var(--semi-neutral-5),0.08);
533
- --semi-color-tertiary-active: rgba(var(--semi-neutral-7), 1);
534
- --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),0.32);
536
+ --semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
537
+ --semi-color-tertiary-active: rgba(var(--semi-grey-7),1);
538
+ --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
535
539
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
536
540
  --semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
537
541
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -547,18 +551,18 @@ body, body[theme-mode=dark] .semi-always-light {
547
551
  --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
548
552
  --semi-color-primary-light-hover: rgba(var(--semi-brand-1),1);
549
553
  --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
550
- --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
554
+ --semi-color-warning-light-hover: rgba(var(--semi-amber-1), 1);
551
555
  --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
552
- --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
553
- --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
556
+ --semi-color-success-light-active: rgba(var(--semi-green-2),1);
557
+ --semi-color-warning-light-active: rgba(var(--semi-amber-2), 1);
554
558
  --semi-color-primary-light-default: rgba(var(--semi-brand-0),1);
555
559
  --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
556
- --semi-color-tertiary-light-hover: rgba(var(--semi-neutral-1), 1);
557
- --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
558
- --semi-color-tertiary-light-active: rgba(var(--semi-neutral-7), 1);
560
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-3),1);
561
+ --semi-color-warning-light-default: rgba(var(--semi-amber-0), 1);
562
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-4),1);
559
563
  --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
560
564
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1), 1);
561
- --semi-color-tertiary-light-default: rgba(var(--semi-neutral-0), 1);
565
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-2),1);
562
566
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-2), 1);
563
567
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
564
568
  --semi-color-CheckboxPhoto-DefaultBorder: rgba(255,255,255,1);
@@ -586,16 +590,16 @@ body, body[theme-mode=dark] .semi-always-light {
586
590
  }
587
591
 
588
592
  body[theme-mode=dark], body .semi-always-dark {
589
- --semi-color-app: rgba(var(--semi-neutral-0),1);
590
- --semi-color-bg-0: rgba(var(--semi-neutral-0), 1);
591
- --semi-color-bg-1: rgba(var(--semi-neutral-1), 1);
592
- --semi-color-bg-2: rgba(var(--semi-neutral-1),1);
593
- --semi-color-bg-3: rgba(var(--semi-neutral-3),1);
594
- --semi-color-bg-4: rgba(var(--semi-neutral-4),1);
593
+ --semi-color-app: rgba(var(--semi-grey-0),1);
594
+ --semi-color-bg-0: rgba(var(--semi-grey-0), 1);
595
+ --semi-color-bg-1: rgba(var(--semi-grey-1), 1);
596
+ --semi-color-bg-2: rgba(var(--semi-grey-1), 1);
597
+ --semi-color-bg-3: rgba(var(--semi-grey-2), 1);
598
+ --semi-color-bg-4: rgba(var(--semi-grey-2), 1);
595
599
  --semi-color-info: rgba(var(--semi-brand-4),1);
596
600
  --semi-color-link: rgba(var(--semi-brand-4),1);
597
- --semi-color-bg-anti: rgba(var(--semi-neutral-9), 1);
598
- --semi-color-nav-bg: rgba(var(--semi-neutral-2),1);
601
+ --semi-color-bg-anti: rgba(255,255,255,1);
602
+ --semi-color-nav-bg: rgba(var(--semi-grey-2), 1);
599
603
  --semi-color-black: rgba(0,0,0,1);
600
604
  --semi-color-data-0: rgba(var(--semi-brand-4),1);
601
605
  --semi-color-data-1: rgba(102,204,255,1);
@@ -607,15 +611,16 @@ body[theme-mode=dark], body .semi-always-dark {
607
611
  --semi-color-data-7: rgba(139,215,210,1);
608
612
  --semi-color-data-8: rgba(140,176,35,1);
609
613
  --semi-color-data-9: rgba(233,165,229,1);
610
- --semi-color-fill-0: rgba(var(--semi-neutral-9),0.05);
611
- --semi-color-fill-1: rgba(var(--semi-neutral-9),0.09);
612
- --semi-color-fill-2: rgba(var(--semi-neutral-9),0.13);
613
- --semi-color-text-0: rgba(var(--semi-neutral-9), 1);
614
- --semi-color-text-1: rgba(var(--semi-neutral-8), 1);
615
- --semi-color-text-2: rgba(var(--semi-neutral-6), 1);
616
- --semi-color-text-3: rgba(var(--semi-neutral-5), 1);
614
+ --semi-color-fill-0: rgba(var(--semi-grey-5), 0.05);
615
+ --semi-color-fill-1: rgba(var(--semi-grey-5),0.08);
616
+ --semi-color-fill-2: rgba(var(--semi-grey-5),0.16);
617
+ --semi-color-fill-3: rgba(var(--semi-grey-5),0.32);
618
+ --semi-color-text-0: rgba(255,255,255,1);
619
+ --semi-color-text-1: rgba(255,255,255,0.75);
620
+ --semi-color-text-2: rgba(255,255,255,0.5);
621
+ --semi-color-text-3: rgba(255,255,255,0.25);
617
622
  --semi-color-white: rgba(255,255,255,1);
618
- --semi-color-bg-avatar: rgba(var(--semi-neutral-9), 0.08);
623
+ --semi-color-bg-avatar: rgba(var(--semi-grey-5),0.16);
619
624
  --semi-color-data-10: rgba(48,167,206,1);
620
625
  --semi-color-data-11: rgba(249,192,100,1);
621
626
  --semi-color-data-12: rgba(177,113,249,1);
@@ -627,13 +632,12 @@ body[theme-mode=dark], body .semi-always-dark {
627
632
  --semi-color-data-18: rgba(212,88,212,1);
628
633
  --semi-color-data-19: rgba(188,198,255,1);
629
634
  --semi-color-data-20: rgba(var(--semi-brand-4), 1);
630
- --semi-color-bg-custom5: rgba(170,170,170,1);
631
- --semi-color-border: rgba(var(--semi-neutral-4),1);
635
+ --semi-color-border: rgba(var(--semi-grey-5), 0.16);
632
636
  --semi-color-danger: rgba(var(--semi-red-4),1);
633
- --semi-color-shadow: rgba(var(--semi-neutral-0),0.8);
634
- --semi-color-text-nav: rgba(var(--semi-neutral-8),1);
635
- --semi-color-app-header: rgba(var(--semi-neutral-0),0);
636
- --semi-color-bg-dropdown: rgba(var(--semi-neutral-3), 1);
637
+ --semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
638
+ --semi-color-text-nav: rgba(255,255,255,0.75);
639
+ --semi-color-app-header: rgba(var(--semi-grey-0),0);
640
+ --semi-color-bg-dropdown: rgba(var(--semi-grey-2),1);
637
641
  --semi-color-black-10: rgba(0,0,0,0.1);
638
642
  --semi-color-black-20: rgba(0,0,0,0.2);
639
643
  --semi-color-black-30: rgba(0,0,0,0.3);
@@ -643,7 +647,7 @@ body[theme-mode=dark], body .semi-always-dark {
643
647
  --semi-color-black-70: rgba(0,0,0,0.7);
644
648
  --semi-color-black-80: rgba(0,0,0,0.8);
645
649
  --semi-color-black-90: rgba(0,0,0,0.9);
646
- --semi-color-text-anti: rgba(var(--semi-neutral-0), 1);
650
+ --semi-color-text-anti: rgba(var(--semi-grey-0),1);
647
651
  --semi-color-white-10: rgba(255,255,255,0.1);
648
652
  --semi-color-white-20: rgba(255,255,255,0.2);
649
653
  --semi-color-white-30: rgba(255,255,255,0.3);
@@ -653,98 +657,101 @@ body[theme-mode=dark], body .semi-always-dark {
653
657
  --semi-color-white-70: rgba(255,255,255,0.7);
654
658
  --semi-color-white-80: rgba(255,255,255,0.8);
655
659
  --semi-color-white-90: rgba(255,255,255,0.9);
656
- --semi-color-default: rgba(var(--semi-neutral-0), 1);
657
- --semi-color-info-hover: rgba(var(--semi-brand-5),1);
658
- --semi-color-link-hover: rgba(var(--semi-brand-5),1);
660
+ --semi-color-default: rgba(var(--semi-grey-0), 1);
661
+ --semi-color-info-hover: rgba(var(--semi-brand-3),1);
662
+ --semi-color-link-hover: rgba(var(--semi-brand-3),1);
659
663
  --semi-color-primary: rgba(var(--semi-brand-4),1);
660
664
  --semi-color-success: rgba(var(--semi-green-4),1);
661
- --semi-color-tab-HoverBg: rgba(var(--semi-neutral-2),1);
662
- --semi-color-warning: rgba(var(--semi-orange-4),1);
663
- --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
664
- --semi-color-card-border: rgba(var(--semi-neutral-3), 1);
665
- --semi-color-info-active: rgba(var(--semi-brand-3),1);
666
- --semi-color-link-active: rgba(var(--semi-brand-3),1);
667
- --semi-color-app-container: rgba(var(--semi-neutral-1),1);
668
- --semi-color-bg-transparent: rgba(var(--semi-neutral-1),0);
669
- --semi-color-card-HoverBg: rgba(var(--semi-neutral-3), 1);
670
- --semi-color-divider-0: rgba(var(--semi-neutral-9),0.2);
671
- --semi-color-divider-1: rgba(var(--semi-neutral-8),0.1);
672
- --semi-color-divider-2: rgba(var(--semi-neutral-8),0.05);
665
+ --semi-color-tab-HoverBg: rgba(var(--semi-grey-2), 1);
666
+ --semi-color-warning: rgba(var(--semi-amber-4),1);
667
+ --semi-color-app-siderbar: rgba(var(--semi-grey-0), 0);
668
+ --semi-color-card-border: rgba(var(--semi-grey-5),0.16);
669
+ --semi-color-info-active: rgba(var(--semi-brand-2),1);
670
+ --semi-color-link-active: rgba(var(--semi-brand-2),1);
671
+ --semi-color-app-container: rgba(var(--semi-grey-1),1);
672
+ --semi-color-bg-transparent: rgba(var(--semi-grey-0),0);
673
+ --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.08);
674
+ --semi-color-divider-0: rgba(var(--semi-grey-5),0.22);
675
+ --semi-color-divider-1: rgba(var(--semi-grey-5),0.16);
676
+ --semi-color-divider-2: rgba(var(--semi-grey-5),0.08);
673
677
  --semi-color-link-visited: rgba(var(--semi-brand-2),1);
674
678
  --semi-color-photo-toast: rgba(0,0,0,0.9);
675
- --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-1),1);
676
- --semi-color-tertiary: rgba(var(--semi-neutral-6),1);
677
- --semi-color-card-ActiveBg: rgba(var(--semi-brand-1),0.5);
678
- --semi-color-data-custom21: rgba(var(--semi-brand-3), 1);
679
- --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
680
- --semi-color-info-disabled: rgba(var(--semi-brand-2), 1);
681
- --semi-color-overlay-bg: rgba(0,0,0,0.7);
679
+ --semi-color-tab-DefaultBg: rgba(var(--semi-grey-1), 1);
680
+ --semi-color-tertiary: rgba(var(--semi-grey-5), 0.16);
681
+ --semi-color-card-ActiveBg: rgba(var(--semi-brand-4),0.12);
682
+ --semi-color-focus-border: rgba(var(--semi-brand-4),1);
683
+ --semi-color-info-disabled: rgba(var(--semi-grey-5),0.16);
684
+ --semi-color-overlay-bg: rgba(0,0,0,0.6);
682
685
  --semi-color-shadow-anti: rgba(0,0,0,0.7);
683
- --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
684
- --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
685
- --semi-color-Scrollbar: rgba(var(--semi-neutral-4),1);
686
- --semi-color-border-hover: rgba(var(--semi-neutral-5),1);
687
- --semi-color-border-modal: rgba(var(--semi-neutral-6),0.6);
688
- --semi-color-card-DefaultBg: rgba(var(--semi-neutral-2),1);
689
- --semi-color-danger-hover: rgba(var(--semi-red-5),1);
686
+ --semi-color-tab-DisabledBg: rgba(var(--semi-grey-2), 1);
687
+ --semi-color-tab-SelectedBg: rgba(var(--semi-grey-9), 1);
688
+ --semi-color-Scrollbar: rgba(var(--semi-grey-5), 0.08);
689
+ --semi-color-border-hover: rgba(var(--semi-grey-5), 0.22);
690
+ --semi-color-border-modal: rgba(var(--semi-grey-5),0.16);
691
+ --semi-color-card-DefaultBg: rgba(var(--semi-grey-5), 0.05);
692
+ --semi-color-danger-hover: rgba(var(--semi-red-3),1);
690
693
  --semi-color-highlight: rgba(var(--semi-white),1);
694
+ --semi-color-input-HoverBg: rgba(var(--semi-grey-5), 0.08);
691
695
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
692
- --semi-color-table-FocusBg: rgba(var(--semi-brand-2),0.85);
693
- --semi-color-table-HoverBg: rgba(255,255,255,0.05);
694
- --semi-color-border-actvie: rgba(var(--semi-blue-4),1);
695
- --semi-color-border-select: rgba(var(--semi-neutral-4),1);
696
- --semi-color-danger-active: rgba(var(--semi-red-3),1);
697
- --semi-color-disabled-bg: rgba(var(--semi-neutral-2),1);
698
- --semi-color-table-ActiveBg: rgba(var(--semi-brand-2),0.55);
699
- --semi-color-card-borderHover: rgba(var(--semi-neutral-4),1);
700
- --semi-color-default-hover: rgba(var(--semi-neutral-1), 1);
696
+ --semi-color-table-FocusBg: rgba(var(--semi-brand-4),0.12);
697
+ --semi-color-table-HoverBg: rgba(var(--semi-grey-5),0.08);
698
+ --semi-color-border-actvie: rgba(var(--semi-grey-5), 0.32);
699
+ --semi-color-border-select: rgba(var(--semi-grey-5), 0.22);
700
+ --semi-color-danger-active: rgba(var(--semi-red-2),1);
701
+ --semi-color-disabled-bg: rgba(var(--semi-grey-5),0.16);
702
+ --semi-color-input-ActiveBg: rgba(var(--semi-grey-5),0.05);
703
+ --semi-color-table-ActiveBg: rgba(var(--semi-brand-4),0.2);
704
+ --semi-color-card-borderHover: rgba(var(--semi-grey-5),0.22);
705
+ --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
706
+ --semi-color-input-DefaultBg: rgba(var(--semi-grey-5), 0.05);
701
707
  --semi-color-photo-toastText: rgba(255,255,255,1);
702
- --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
703
- --semi-color-success-hover: rgba(var(--semi-green-5),1);
704
- --semi-color-warning-hover: rgba(var(--semi-orange-5),1);
708
+ --semi-color-primary-hover: rgba(var(--semi-brand-3),1);
709
+ --semi-color-success-hover: rgba(var(--semi-green-3),1);
710
+ --semi-color-warning-hover: rgba(var(--semi-amber-3),1);
705
711
  --semi-color-Component-bg: rgba(0,0,0,0.6);
706
- --semi-color-card-borderActive: rgba(var(--semi-brand-3),1);
707
- --semi-color-default-active: rgba(var(--semi-neutral-2), 1);
708
- --semi-color-disabled-fill: rgba(var(--semi-neutral-8),0.04);
709
- --semi-color-disabled-text: rgba(var(--semi-neutral-5),1);
712
+ --semi-color-card-borderActive: rgba(var(--semi-brand-4),1);
713
+ --semi-color-default-active: rgba(var(--semi-grey-2), 1);
714
+ --semi-color-disabled-fill: rgba(var(--semi-grey-5),0.16);
715
+ --semi-color-disabled-text: rgba(var(--semi-grey-5),0.25);
710
716
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
711
- --semi-color-primary-active: rgba(var(--semi-brand-3),1);
712
- --semi-color-success-active: rgba(var(--semi-green-6),1);
713
- --semi-color-warning-active: rgba(var(--semi-orange-3),1);
714
- --semi-color-tertiary-hover: rgba(var(--semi-neutral-7),1);
717
+ --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.08);
718
+ --semi-color-primary-active: rgba(var(--semi-brand-2),1);
719
+ --semi-color-success-active: rgba(var(--semi-green-2),1);
720
+ --semi-color-warning-active: rgba(var(--semi-amber-2),1);
721
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-5), 0.32);
715
722
  --semi-color-Component-card: rgba(12,13,13,0.6);
716
- --semi-color-disabled-border: rgba(var(--semi-neutral-3),1);
717
- --semi-color-primary-disabled: rgba(var(--semi-brand-2),0.9);
718
- --semi-color-success-disabled: rgba(var(--semi-green-0),1);
719
- --semi-color-tertiary-active: rgba(var(--semi-neutral-7),1);
720
- --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),1);
723
+ --semi-color-disabled-border: rgba(var(--semi-grey-5),0.2);
724
+ --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
725
+ --semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
726
+ --semi-color-tertiary-active: rgba(var(--semi-grey-5), 0.34);
727
+ --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5), 0.16);
721
728
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
722
- --semi-color-overlay-CustomAnti: rgba(0,0,0,0.7);
729
+ --semi-color-overlay-CustomAnti: rgba(0,0,0,0.6);
723
730
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
724
731
  --semi-color-info-light-hover: rgba(var(--semi-brand-1),0.5);
725
732
  --semi-color-fndesktop-navbarBg: rgba(12,13,13,0.6);
726
733
  --semi-color-info-light-active: rgba(var(--semi-brand-2),1);
727
- --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
728
- --semi-color-info-light-default: rgba(var(--semi-brand-1),0.8);
734
+ --semi-color-secondary-disabled: rgba(var(--semi-neutral-5),0.08);
735
+ --semi-color-info-light-default: rgba(var(--semi-brand-0),0.8);
729
736
  --semi-color-overlay-CustomPreview: rgba(0,0,0,0.9);
730
737
  --semi-color-danger-light-hover: rgba(var(--semi-red-1),1);
731
738
  --semi-color-danger-light-active: rgba(var(--semi-red-2),1);
732
739
  --semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.05);
733
740
  --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
734
- --semi-color-primary-light-hover: rgba(var(--semi-brand-2),0.55);
741
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-1),0.55);
735
742
  --semi-color-success-light-hover: rgba(var(--semi-green-1),1);
736
- --semi-color-warning-light-hover: rgba(var(--semi-orange-1),1);
743
+ --semi-color-warning-light-hover: rgba(var(--semi-amber-1), 1);
737
744
  --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
738
745
  --semi-color-success-light-active: rgba(var(--semi-green-2),1);
739
- --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
740
- --semi-color-primary-light-default: rgba(var(--semi-brand-2),0.3);
746
+ --semi-color-warning-light-active: rgba(var(--semi-amber-2), 1);
747
+ --semi-color-primary-light-default: rgba(var(--semi-brand-0),0.3);
741
748
  --semi-color-success-light-default: rgba(var(--semi-green-0),1);
742
- --semi-color-tertiary-light-hover: rgba(var(--semi-neutral-5), 0.3);
743
- --semi-color-warning-light-default: rgba(var(--semi-orange-0),1);
744
- --semi-color-tertiary-light-active: rgba(var(--semi-neutral-5), 0.4);
749
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
750
+ --semi-color-warning-light-default: rgba(var(--semi-amber-0), 1);
751
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
745
752
  --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
746
753
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
747
- --semi-color-tertiary-light-default: rgba(var(--semi-neutral-5), 0.2);
754
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
748
755
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
749
756
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
750
757
  --semi-color-CheckboxPhoto-DefaultBorder: rgba(255,255,255,0.7);
@@ -814,10 +821,1162 @@ body {
814
821
  width: 100%;
815
822
  z-index: 1;
816
823
  }
817
- .semi-portal-inner {
818
- position: absolute;
819
- background-color: transparent;
820
- min-width: max-content;
824
+ .semi-portal-inner {
825
+ position: absolute;
826
+ background-color: transparent;
827
+ min-width: max-content;
828
+ }
829
+
830
+ .semi-ai-chat-dialogue {
831
+ display: flex;
832
+ flex-direction: column;
833
+ height: 100%;
834
+ }
835
+ .semi-ai-chat-dialogue-list {
836
+ flex: 1 1;
837
+ position: relative;
838
+ overflow-y: scroll;
839
+ }
840
+ .semi-ai-chat-dialogue-list-scroll-hidden::-webkit-scrollbar {
841
+ display: none;
842
+ }
843
+ .semi-ai-chat-dialogue-wrapper {
844
+ box-sizing: border-box;
845
+ display: flex;
846
+ flex-direction: row;
847
+ align-items: center;
848
+ width: 100%;
849
+ flex-wrap: nowrap;
850
+ padding: 8px 16px;
851
+ margin-top: 2px;
852
+ column-gap: 16px;
853
+ }
854
+ .semi-ai-chat-dialogue-wrapper-selected {
855
+ background-color: var(--semi-color-fill-0);
856
+ border-radius: 16px;
857
+ }
858
+ .semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container {
859
+ flex: 1 1 auto;
860
+ display: flex;
861
+ flex-direction: row;
862
+ column-gap: 12px;
863
+ }
864
+ .semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right {
865
+ flex-direction: row-reverse;
866
+ }
867
+ .semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-inner {
868
+ align-items: flex-end;
869
+ }
870
+ .semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-no-bubble, .semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-user, .semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-custom-renderer {
871
+ margin-left: auto;
872
+ }
873
+ .semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-inner {
874
+ text-align: right;
875
+ }
876
+ .semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-inner .semi-markdownRender {
877
+ text-align: left;
878
+ }
879
+ .semi-ai-chat-dialogue-wrapper:hover .semi-ai-chat-dialogue-action:not(.semi-ai-chat-dialogue-action-hidden) {
880
+ visibility: visible;
881
+ }
882
+ .semi-ai-chat-dialogue-backBottom {
883
+ position: relative;
884
+ z-index: 1;
885
+ }
886
+ .semi-ai-chat-dialogue-backBottom-button {
887
+ width: 42px;
888
+ height: 42px;
889
+ border-radius: 50%;
890
+ }
891
+ .semi-ai-chat-dialogue-backBottom .semi-button {
892
+ position: absolute;
893
+ bottom: 10px;
894
+ left: 50%;
895
+ transform: translateX(-50%);
896
+ display: flex;
897
+ justify-content: center;
898
+ align-items: center;
899
+ }
900
+ .semi-ai-chat-dialogue-title {
901
+ line-height: 20px;
902
+ font-size: 16px;
903
+ font-weight: 400;
904
+ }
905
+ .semi-ai-chat-dialogue-inner {
906
+ width: 100%;
907
+ display: flex;
908
+ flex-direction: column;
909
+ }
910
+ .semi-ai-chat-dialogue-avatar {
911
+ flex-shrink: 0;
912
+ width: 24px;
913
+ height: 24px;
914
+ }
915
+ .semi-ai-chat-dialogue-avatar-hidden {
916
+ visibility: hidden;
917
+ }
918
+ .semi-ai-chat-dialogue-content {
919
+ max-width: 100%;
920
+ font-size: 14px;
921
+ }
922
+ .semi-ai-chat-dialogue-content pre {
923
+ background-color: transparent;
924
+ }
925
+ .semi-ai-chat-dialogue-content-editing {
926
+ width: 100%;
927
+ }
928
+ .semi-ai-chat-dialogue-content-wrapper {
929
+ display: flex;
930
+ align-items: end;
931
+ }
932
+ .semi-ai-chat-dialogue-content-inner {
933
+ margin-left: auto;
934
+ width: 100%;
935
+ }
936
+ .semi-ai-chat-dialogue-content-failed {
937
+ color: var(--semi-color-danger);
938
+ margin-right: 8px;
939
+ }
940
+ .semi-ai-chat-dialogue-content-user {
941
+ display: flex;
942
+ }
943
+ .semi-ai-chat-dialogue-content-user:hover .semi-ai-chat-dialogue-content-icon-reference {
944
+ display: flex;
945
+ padding: 0px 8px;
946
+ cursor: pointer;
947
+ display: flex;
948
+ justify-content: center;
949
+ align-items: center;
950
+ }
951
+ .semi-ai-chat-dialogue-content-bubble, .semi-ai-chat-dialogue-content-userBubble {
952
+ margin-top: 8px;
953
+ padding: 12px 16px;
954
+ border-radius: var(--semi-border-radius-large);
955
+ background-color: var(--semi-color-fill-0);
956
+ max-width: 100%;
957
+ box-sizing: border-box;
958
+ width: fit-content;
959
+ }
960
+ .semi-ai-chat-dialogue-content-no-bubble {
961
+ margin-top: 8px;
962
+ width: fit-content;
963
+ }
964
+ .semi-ai-chat-dialogue-content-loading {
965
+ display: flex;
966
+ align-items: center;
967
+ margin-top: 8px;
968
+ }
969
+ .semi-ai-chat-dialogue-content-loading > span:nth-child(1) {
970
+ animation-delay: -200ms;
971
+ background-color: rgb(83, 56, 255);
972
+ }
973
+ .semi-ai-chat-dialogue-content-loading > span:nth-child(2) {
974
+ animation-delay: -100ms;
975
+ background-color: rgb(176, 48, 240);
976
+ }
977
+ .semi-ai-chat-dialogue-content-loading > span:nth-child(3) {
978
+ animation-delay: 0ms;
979
+ background-color: rgb(231, 45, 255);
980
+ }
981
+ .semi-ai-chat-dialogue-content-loading-item {
982
+ border-radius: var(--semi-border-radius-circle);
983
+ height: 3px;
984
+ width: 3px;
985
+ margin: 1px 1px;
986
+ overflow: visible;
987
+ position: relative;
988
+ animation: semi-ai-chat-dialogue-loading-bounce 1s infinite ease;
989
+ }
990
+ .semi-ai-chat-dialogue-content-loading-text {
991
+ margin-left: 8px;
992
+ color: var(--semi-color-text-3);
993
+ font-size: 14px;
994
+ }
995
+ .semi-ai-chat-dialogue-content-icon-reference {
996
+ display: none;
997
+ }
998
+ .semi-ai-chat-dialogue-content-img {
999
+ margin-top: 8px;
1000
+ border-radius: var(--semi-border-radius-medium);
1001
+ }
1002
+ .semi-ai-chat-dialogue-content-img img {
1003
+ width: 256px;
1004
+ height: 256px;
1005
+ object-fit: cover;
1006
+ }
1007
+ .semi-ai-chat-dialogue-content-img-list {
1008
+ display: inline-flex;
1009
+ flex-direction: column;
1010
+ margin-right: 4px;
1011
+ }
1012
+ .semi-ai-chat-dialogue-content-img-list img {
1013
+ width: 128px;
1014
+ height: 128px;
1015
+ object-fit: cover;
1016
+ }
1017
+ .semi-ai-chat-dialogue-content-img-last {
1018
+ margin-right: 0;
1019
+ }
1020
+ .semi-ai-chat-dialogue-content-file {
1021
+ display: inline-flex;
1022
+ flex-direction: row;
1023
+ align-items: center;
1024
+ height: 36px;
1025
+ width: 224px;
1026
+ column-gap: 8px;
1027
+ padding: 8px 8px;
1028
+ margin-top: 8px;
1029
+ margin-right: 8px;
1030
+ border-radius: var(--semi-border-radius-medium);
1031
+ background: var(--semi-color-fill-0);
1032
+ text-decoration: none;
1033
+ vertical-align: top;
1034
+ }
1035
+ .semi-ai-chat-dialogue-content-file:hover .semi-ai-chat-dialogue-content-icon-reference {
1036
+ display: flex;
1037
+ flex-shrink: 0;
1038
+ padding: 0px 8px;
1039
+ cursor: pointer;
1040
+ display: flex;
1041
+ justify-content: center;
1042
+ align-items: center;
1043
+ margin-left: auto;
1044
+ color: var(--semi-color-text-0);
1045
+ }
1046
+ .semi-ai-chat-dialogue-content-file:hover .semi-ai-chat-dialogue-content-file-title-ellipsis {
1047
+ max-width: 140px;
1048
+ }
1049
+ .semi-ai-chat-dialogue-content-file-last {
1050
+ margin-right: 0;
1051
+ }
1052
+ .semi-ai-chat-dialogue-content-file-icon {
1053
+ color: var(--semi-color-white);
1054
+ }
1055
+ .semi-ai-chat-dialogue-content-file-icon-wrapper {
1056
+ width: 36px;
1057
+ height: 36px;
1058
+ border-radius: var(--semi-border-radius-extra-small);
1059
+ flex-shrink: 0;
1060
+ display: flex;
1061
+ justify-content: center;
1062
+ align-items: center;
1063
+ }
1064
+ .semi-ai-chat-dialogue-content-file-icon-code {
1065
+ background-color: rgba(var(--semi-teal-4), 1);
1066
+ }
1067
+ .semi-ai-chat-dialogue-content-file-icon-word {
1068
+ background-color: rgba(var(--semi-blue-4), 1);
1069
+ }
1070
+ .semi-ai-chat-dialogue-content-file-icon-pdf {
1071
+ background-color: rgba(var(--semi-red-4), 1);
1072
+ }
1073
+ .semi-ai-chat-dialogue-content-file-icon-excel {
1074
+ background-color: rgba(var(--semi-green-4), 1);
1075
+ }
1076
+ .semi-ai-chat-dialogue-content-file-icon-video {
1077
+ background-color: rgba(var(--semi-purple-4), 1);
1078
+ }
1079
+ .semi-ai-chat-dialogue-content-file-icon-image .semi-ai-chat-dialogue-content-file-icon {
1080
+ background-size: cover;
1081
+ background-position: center;
1082
+ width: 36px;
1083
+ height: 36px;
1084
+ }
1085
+ .semi-ai-chat-dialogue-content-file-icon-default {
1086
+ background-color: rgba(var(--semi-grey-4), 1);
1087
+ }
1088
+ .semi-ai-chat-dialogue-content-file-info {
1089
+ display: flex;
1090
+ flex-direction: column;
1091
+ text-align: left;
1092
+ flex-shrink: 1;
1093
+ }
1094
+ .semi-ai-chat-dialogue-content-file-title {
1095
+ font-size: 16px;
1096
+ color: var(--semi-color-text-0);
1097
+ max-width: 180px;
1098
+ white-space: nowrap;
1099
+ text-overflow: ellipsis;
1100
+ overflow: hidden;
1101
+ }
1102
+ .semi-ai-chat-dialogue-content-file-metadata {
1103
+ font-size: 14px;
1104
+ color: var(--semi-color-text-2);
1105
+ }
1106
+ .semi-ai-chat-dialogue-content-file-type {
1107
+ text-transform: uppercase;
1108
+ }
1109
+ .semi-ai-chat-dialogue-content-tool-call {
1110
+ display: flex;
1111
+ color: var(--semi-color-text-2);
1112
+ padding: 6px 8px;
1113
+ background-color: var(--semi-color-fill-0);
1114
+ border-radius: var(--semi-border-radius-medium);
1115
+ width: fit-content;
1116
+ align-items: center;
1117
+ justify-content: center;
1118
+ column-gap: 4px;
1119
+ margin-top: 8px;
1120
+ }
1121
+ .semi-ai-chat-dialogue-content-custom-renderer {
1122
+ margin-top: 8px;
1123
+ width: fit-content;
1124
+ }
1125
+ .semi-ai-chat-dialogue-action {
1126
+ margin-top: 8px;
1127
+ visibility: hidden;
1128
+ }
1129
+ .semi-ai-chat-dialogue-action-btn {
1130
+ width: 24px;
1131
+ height: 24px;
1132
+ }
1133
+ .semi-ai-chat-dialogue-action-icon-flip {
1134
+ transform: scaleY(-1);
1135
+ }
1136
+ .semi-ai-chat-dialogue-action-show {
1137
+ visibility: visible;
1138
+ }
1139
+ .semi-ai-chat-dialogue-action.semi-ai-chat-dialogue-action-hidden, .semi-ai-chat-dialogue-action:hover.semi-ai-chat-dialogue-action-hidden {
1140
+ visibility: hidden;
1141
+ }
1142
+ .semi-ai-chat-dialogue-action-dropdown li {
1143
+ color: var(--semi-color-danger);
1144
+ }
1145
+ .semi-ai-chat-dialogue-action-dropdown .semi-icon {
1146
+ font-size: 16px;
1147
+ }
1148
+ .semi-ai-chat-dialogue-reasoning {
1149
+ width: 100%;
1150
+ }
1151
+ .semi-ai-chat-dialogue-reasoning-wrapper {
1152
+ width: 100%;
1153
+ margin-top: 8px;
1154
+ cursor: pointer;
1155
+ border: 1px solid var(--semi-color-border);
1156
+ border-radius: var(--semi-border-radius-large);
1157
+ }
1158
+ .semi-ai-chat-dialogue-reasoning-header {
1159
+ box-sizing: border-box;
1160
+ display: flex;
1161
+ flex-direction: row;
1162
+ align-items: center;
1163
+ justify-content: center;
1164
+ padding: 16px;
1165
+ }
1166
+ .semi-ai-chat-dialogue-reasoning-header-prefix, .semi-ai-chat-dialogue-reasoning-header-suffix {
1167
+ width: 20px;
1168
+ height: 20px;
1169
+ display: flex;
1170
+ justify-content: center;
1171
+ align-items: center;
1172
+ }
1173
+ .semi-ai-chat-dialogue-reasoning-header-title {
1174
+ flex: 1 1 auto;
1175
+ line-height: 22px;
1176
+ font-weight: 600;
1177
+ }
1178
+ .semi-ai-chat-dialogue-reasoning-content {
1179
+ padding: 12px 16px;
1180
+ border-top: 1px solid var(--semi-color-border);
1181
+ }
1182
+ .semi-ai-chat-dialogue-step {
1183
+ display: inline-flex;
1184
+ flex-direction: row;
1185
+ align-items: center;
1186
+ line-height: 20px;
1187
+ padding: 6px 12px;
1188
+ border: 1px solid var(--semi-color-border);
1189
+ border-radius: var(--semi-border-radius-medium);
1190
+ margin-top: 12px;
1191
+ font-size: 14px;
1192
+ }
1193
+ .semi-ai-chat-dialogue-step .semi-ai-chat-dialogue-content-loading {
1194
+ margin-top: 0;
1195
+ }
1196
+ .semi-ai-chat-dialogue-step-completed {
1197
+ color: var(--semi-color-success);
1198
+ }
1199
+ .semi-ai-chat-dialogue-step-summary {
1200
+ display: inline-block;
1201
+ width: fit-content;
1202
+ cursor: pointer;
1203
+ }
1204
+ .semi-ai-chat-dialogue-step-prefix {
1205
+ width: 20px;
1206
+ height: 20px;
1207
+ color: var(--semi-color-text-1);
1208
+ display: flex;
1209
+ justify-content: center;
1210
+ align-items: center;
1211
+ margin-right: 6px;
1212
+ }
1213
+ .semi-ai-chat-dialogue-step-suffix {
1214
+ width: 20px;
1215
+ height: 20px;
1216
+ display: flex;
1217
+ justify-content: center;
1218
+ align-items: center;
1219
+ color: var(--semi-color-text-1);
1220
+ margin-left: 8px;
1221
+ }
1222
+ .semi-ai-chat-dialogue-step-panel {
1223
+ display: flex;
1224
+ gap: 12px;
1225
+ }
1226
+ .semi-ai-chat-dialogue-step-line {
1227
+ width: 1px;
1228
+ background-color: var(--semi-color-border);
1229
+ margin-left: 20px;
1230
+ }
1231
+ .semi-ai-chat-dialogue-step-action {
1232
+ line-height: 20px;
1233
+ margin-top: 12px;
1234
+ font-size: 14px;
1235
+ }
1236
+ .semi-ai-chat-dialogue-step-action-summary {
1237
+ margin-bottom: 4px;
1238
+ }
1239
+ .semi-ai-chat-dialogue-step-action-desc {
1240
+ display: inline-flex;
1241
+ color: var(--semi-color-text-2);
1242
+ padding: 6px 8px;
1243
+ background-color: var(--semi-color-fill-0);
1244
+ border-radius: var(--semi-border-radius-medium);
1245
+ width: fit-content;
1246
+ align-items: center;
1247
+ justify-content: center;
1248
+ column-gap: 4px;
1249
+ }
1250
+ .semi-ai-chat-dialogue-step-wrapper > .semi-ai-chat-dialogue-step:first-child {
1251
+ margin-top: 4px;
1252
+ }
1253
+ .semi-ai-chat-dialogue-annotation {
1254
+ width: 100%;
1255
+ }
1256
+ .semi-ai-chat-dialogue-annotation-wrapper {
1257
+ width: fit-content;
1258
+ margin-top: 8px;
1259
+ flex: 1 1 auto;
1260
+ border: 1px solid var(--semi-color-border);
1261
+ border-radius: var(--semi-border-radius-medium);
1262
+ padding: 8px 12px;
1263
+ }
1264
+ .semi-ai-chat-dialogue-annotation-wrapper:hover {
1265
+ background-color: var(--semi-color-fill-0);
1266
+ }
1267
+ .semi-ai-chat-dialogue-annotation-content {
1268
+ display: flex;
1269
+ flex-direction: row;
1270
+ align-items: center;
1271
+ justify-content: center;
1272
+ column-gap: 8px;
1273
+ font-size: 14px;
1274
+ color: var(--semi-color-text-2);
1275
+ cursor: pointer;
1276
+ }
1277
+ .semi-ai-chat-dialogue-annotation-content .semi-avatar-group {
1278
+ display: flex;
1279
+ }
1280
+ .semi-ai-chat-dialogue-annotation-content-logo {
1281
+ width: 16px;
1282
+ height: 16px;
1283
+ display: flex;
1284
+ }
1285
+ .semi-ai-chat-dialogue-annotation-content-logo-renderMore {
1286
+ width: 16px;
1287
+ height: 16px;
1288
+ }
1289
+ .semi-ai-chat-dialogue-annotation-content-icon {
1290
+ display: flex;
1291
+ justify-content: center;
1292
+ align-items: center;
1293
+ }
1294
+ .semi-ai-chat-dialogue-references {
1295
+ display: flex;
1296
+ flex-wrap: wrap;
1297
+ font-size: 12px;
1298
+ line-height: 16px;
1299
+ color: var(--semi-color-text-2);
1300
+ margin-top: 8px;
1301
+ column-gap: 4px;
1302
+ row-gap: 4px;
1303
+ }
1304
+ .semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference {
1305
+ display: flex;
1306
+ padding: 8px 12px;
1307
+ box-sizing: border-box;
1308
+ width: fit-content;
1309
+ max-width: 200px;
1310
+ flex-shrink: 1;
1311
+ align-items: center;
1312
+ column-gap: 8px;
1313
+ background-color: var(--semi-color-fill-0);
1314
+ border-radius: var(--semi-border-radius-medium);
1315
+ margin-left: auto;
1316
+ }
1317
+ .semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-content {
1318
+ display: flex;
1319
+ align-items: center;
1320
+ flex-grow: 1;
1321
+ text-overflow: ellipsis;
1322
+ overflow: hidden;
1323
+ white-space: nowrap;
1324
+ }
1325
+ .semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon {
1326
+ display: flex;
1327
+ justify-content: center;
1328
+ align-items: center;
1329
+ margin-right: 4px;
1330
+ color: var(--semi-color-white);
1331
+ width: 16px;
1332
+ height: 16px;
1333
+ border-radius: 2px;
1334
+ }
1335
+ .semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-word {
1336
+ background-color: rgba(var(--semi-blue-4), 1);
1337
+ }
1338
+ .semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-pdf {
1339
+ background-color: rgba(var(--semi-red-4), 1);
1340
+ }
1341
+ .semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-excel {
1342
+ background-color: rgba(var(--semi-green-4), 1);
1343
+ }
1344
+ .semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-video {
1345
+ background-color: rgba(var(--semi-purple-4), 1);
1346
+ }
1347
+ .semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-code {
1348
+ background-color: rgba(var(--semi-teal-4), 1);
1349
+ }
1350
+ .semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-img {
1351
+ margin-right: 4px;
1352
+ }
1353
+ .semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-name {
1354
+ display: inline-block;
1355
+ text-overflow: ellipsis;
1356
+ overflow: hidden;
1357
+ word-break: break-all;
1358
+ max-width: 130px;
1359
+ }
1360
+ .semi-ai-chat-dialogue-code {
1361
+ border-radius: var(--semi-border-radius-large);
1362
+ overflow: hidden;
1363
+ border: 1px solid var(--semi-color-border);
1364
+ line-height: 32px;
1365
+ }
1366
+ .semi-ai-chat-dialogue-code .semi-codeHighlight pre {
1367
+ word-break: break-all;
1368
+ white-space: pre-wrap;
1369
+ }
1370
+ .semi-ai-chat-dialogue-code-topSlot {
1371
+ display: flex;
1372
+ justify-content: space-between;
1373
+ background-color: var(--semi-color-fill-0);
1374
+ align-items: center;
1375
+ padding: 8px 16px;
1376
+ color: var(--semi-color-text-0);
1377
+ font-size: 14px;
1378
+ }
1379
+ .semi-ai-chat-dialogue-code-topSlot-copy {
1380
+ display: flex;
1381
+ justify-content: flex-end;
1382
+ align-items: center;
1383
+ width: 24px;
1384
+ }
1385
+ .semi-ai-chat-dialogue-code-topSlot-copy-wrapper {
1386
+ display: flex;
1387
+ align-items: center;
1388
+ justify-content: center;
1389
+ cursor: pointer;
1390
+ background: transparent;
1391
+ border: none;
1392
+ }
1393
+ .semi-ai-chat-dialogue-code .semi-codeHighlight-defaultTheme pre[class*=language-] {
1394
+ margin: 0px;
1395
+ background: var(--semi-color-bg-0);
1396
+ }
1397
+ .semi-ai-chat-dialogue-hints {
1398
+ display: flex;
1399
+ flex-direction: column;
1400
+ row-gap: 8px;
1401
+ margin-top: 4px;
1402
+ margin-bottom: 12px;
1403
+ margin-left: 52px;
1404
+ }
1405
+ .semi-ai-chat-dialogue-hints-selecting {
1406
+ margin-left: 68px;
1407
+ }
1408
+ .semi-ai-chat-dialogue-hint-item {
1409
+ cursor: pointer;
1410
+ display: flex;
1411
+ flex-direction: row;
1412
+ width: fit-content;
1413
+ background: var(--semi-color-bg-0);
1414
+ align-items: center;
1415
+ border: 1px solid var(--semi-color-border);
1416
+ padding: 8px 16px;
1417
+ border-radius: var(--semi-border-radius-medium);
1418
+ }
1419
+ .semi-ai-chat-dialogue-hint-item:hover {
1420
+ background-color: var(--semi-color-fill-0);
1421
+ }
1422
+ .semi-ai-chat-dialogue-hint-content {
1423
+ font-size: 14px;
1424
+ color: var(--semi-color-text-0);
1425
+ }
1426
+
1427
+ @keyframes semi-ai-chat-dialogue-loading-bounce {
1428
+ /* 起点（站在地面） */
1429
+ 0% {
1430
+ transform: translateY(0) scale(1);
1431
+ }
1432
+ /* 上升到最高点（略变瘦） */
1433
+ 18% {
1434
+ transform: translateY(-4px) scale(0.96);
1435
+ }
1436
+ /* 落地瞬间（略压扁，模拟缓冲） */
1437
+ 36% {
1438
+ transform: translateY(0) scale(1.06);
1439
+ }
1440
+ /* 轻微回弹（小幅再向上） */
1441
+ 44% {
1442
+ transform: translateY(-0.5px) scale(0.98);
1443
+ }
1444
+ /* 回到静止（消除抖动） */
1445
+ 52% {
1446
+ transform: translateY(0) scale(1);
1447
+ }
1448
+ /* 余下时间保持静止，等待下一轮 */
1449
+ 100% {
1450
+ transform: translateY(0) scale(1);
1451
+ }
1452
+ }
1453
+ .semi-rtl .semi-ai-chat-dialogue-wrapper,
1454
+ .semi-portal-rtl .semi-ai-chat-dialogue-wrapper {
1455
+ direction: rtl;
1456
+ }
1457
+ .semi-rtl .semi-ai-chat-dialogue-wrapper-action-icon-redo,
1458
+ .semi-portal-rtl .semi-ai-chat-dialogue-wrapper-action-icon-redo {
1459
+ transform: scaleX(-1);
1460
+ }
1461
+
1462
+ .semi-aiChatInput {
1463
+ display: flex;
1464
+ flex-direction: column;
1465
+ padding: 20px;
1466
+ border-radius: 12px;
1467
+ border: 1px solid var(--semi-color-border);
1468
+ box-sizing: border-box;
1469
+ }
1470
+ .semi-aiChatInput-skill {
1471
+ padding: 4px 0px;
1472
+ border-radius: 8px;
1473
+ overflow: scroll;
1474
+ }
1475
+ .semi-aiChatInput-skill-item {
1476
+ display: flex;
1477
+ align-items: center;
1478
+ column-gap: 8px;
1479
+ padding: 8px 20px;
1480
+ cursor: pointer;
1481
+ }
1482
+ .semi-aiChatInput-skill-item-active {
1483
+ background-color: var(--semi-color-fill-0);
1484
+ }
1485
+ .semi-aiChatInput-popover-suggestion {
1486
+ box-shadow: none;
1487
+ }
1488
+ .semi-aiChatInput-suggestion {
1489
+ overflow: scroll;
1490
+ }
1491
+ .semi-aiChatInput-suggestion-item {
1492
+ border-radius: 6px;
1493
+ padding: 8px 20px;
1494
+ color: var(--semi-color-text-0);
1495
+ font-size: 14px;
1496
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
1497
+ line-height: 20px;
1498
+ }
1499
+ .semi-aiChatInput-suggestion-item-active {
1500
+ background-color: var(--semi-color-fill-0);
1501
+ }
1502
+ .semi-aiChatInput-reference-icon {
1503
+ width: 16px;
1504
+ height: 16px;
1505
+ border-radius: 2px;
1506
+ margin-right: 4px;
1507
+ }
1508
+ .semi-aiChatInput-ref-icon {
1509
+ display: inline-flex;
1510
+ align-items: center;
1511
+ justify-content: center;
1512
+ color: var(--semi-color-white);
1513
+ flex-shrink: 0;
1514
+ }
1515
+ .semi-aiChatInput-ref-icon-word {
1516
+ background-color: rgba(var(--semi-blue-4), 1);
1517
+ }
1518
+ .semi-aiChatInput-ref-icon-pdf {
1519
+ background-color: rgba(var(--semi-red-4), 1);
1520
+ }
1521
+ .semi-aiChatInput-ref-icon-code {
1522
+ background-color: rgba(var(--semi-teal-5), 1);
1523
+ }
1524
+ .semi-aiChatInput-ref-icon-excel {
1525
+ background-color: rgba(var(--semi-green-5), 1);
1526
+ }
1527
+ .semi-aiChatInput-ref-icon-video {
1528
+ background-color: rgba(var(--semi-purple-4), 1);
1529
+ }
1530
+ .semi-aiChatInput-ref-icon-audio {
1531
+ background-color: rgba(var(--semi-purple-4), 1);
1532
+ }
1533
+ .semi-aiChatInput-ref-icon-unknown {
1534
+ background-color: rgba(var(--semi-grey-5), 1);
1535
+ }
1536
+ .semi-aiChatInput-references {
1537
+ display: flex;
1538
+ flex-wrap: wrap;
1539
+ margin-bottom: 8px;
1540
+ font-size: 12px;
1541
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
1542
+ line-height: 16px;
1543
+ color: var(--semi-color-text-2);
1544
+ column-gap: 4px;
1545
+ row-gap: 4px;
1546
+ }
1547
+ .semi-aiChatInput-references > .semi-aiChatInput-reference:only-child {
1548
+ width: 100%;
1549
+ }
1550
+ .semi-aiChatInput-references > .semi-aiChatInput-reference:nth-last-child(2):first-child, .semi-aiChatInput-references > .semi-aiChatInput-reference:nth-child(2):nth-last-child(1) {
1551
+ flex-basis: calc(50% - 4px);
1552
+ max-width: calc(50% - 4px);
1553
+ }
1554
+ .semi-aiChatInput-references > .semi-aiChatInput-reference:nth-last-child(n+3):nth-child(1),
1555
+ .semi-aiChatInput-references > .semi-aiChatInput-reference:nth-last-child(n+3):nth-child(1) ~ .semi-aiChatInput-reference {
1556
+ width: calc(33.333% - 4px);
1557
+ }
1558
+ .semi-aiChatInput-reference {
1559
+ padding: 8px 12px;
1560
+ box-sizing: border-box;
1561
+ border-radius: 6px;
1562
+ background: var(--semi-color-fill-0);
1563
+ flex-shrink: 1;
1564
+ display: flex;
1565
+ align-items: center;
1566
+ column-gap: 8px;
1567
+ }
1568
+ .semi-aiChatInput-reference-content {
1569
+ display: flex;
1570
+ align-items: center;
1571
+ flex-grow: 1;
1572
+ overflow: hidden;
1573
+ text-overflow: ellipsis;
1574
+ white-space: nowrap;
1575
+ }
1576
+ .semi-aiChatInput-reference-img {
1577
+ width: 16px;
1578
+ height: 16px;
1579
+ margin-right: 4px;
1580
+ }
1581
+ .semi-aiChatInput-reference-name {
1582
+ display: inline-block;
1583
+ text-overflow: ellipsis;
1584
+ overflow: hidden;
1585
+ word-break: break-all;
1586
+ }
1587
+ .semi-aiChatInput-reference-delete {
1588
+ cursor: pointer;
1589
+ padding: 2px;
1590
+ border-radius: 50%;
1591
+ }
1592
+ .semi-aiChatInput-reference-delete:hover {
1593
+ background: var(--semi-color-fill-1);
1594
+ }
1595
+ .semi-aiChatInput-footer {
1596
+ display: flex;
1597
+ justify-content: space-between;
1598
+ margin-top: 20px;
1599
+ align-items: center;
1600
+ user-select: none;
1601
+ -webkit-user-select: none;
1602
+ }
1603
+ .semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-select, .semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-button,
1604
+ .semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-radio-button, .semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-mcp-trigger,
1605
+ .semi-aiChatInput-footer-round .semi-aiChatInput-footer-action-button, .semi-aiChatInput-footer-round .semi-aiChatInput-footer-action-upload,
1606
+ .semi-aiChatInput-footer-round .semi-radio-addon-buttonRadio {
1607
+ border-radius: 9999px;
1608
+ }
1609
+ .semi-aiChatInput-footer-action {
1610
+ display: flex;
1611
+ align-items: center;
1612
+ column-gap: 8px;
1613
+ }
1614
+ .semi-aiChatInput-footer-action button {
1615
+ padding: 0px;
1616
+ border: 0px;
1617
+ display: flex;
1618
+ align-items: center;
1619
+ justify-content: center;
1620
+ }
1621
+ .semi-aiChatInput-footer-action-button {
1622
+ width: 32px;
1623
+ height: 32px;
1624
+ cursor: pointer;
1625
+ border-radius: 8px;
1626
+ }
1627
+ .semi-aiChatInput-footer-action-send {
1628
+ background-color: var(--semi-color-primary);
1629
+ color: rgba(var(--semi-white), 1);
1630
+ }
1631
+ .semi-aiChatInput-footer-action-send:hover:not(.semi-aiChatInput-footer-action-send-disabled) {
1632
+ background-color: var(--semi-color-primary-hover);
1633
+ }
1634
+ .semi-aiChatInput-footer-action-send:active:not(.semi-aiChatInput-footer-action-send-disabled) {
1635
+ background-color: var(--semi-color-primary-active);
1636
+ }
1637
+ .semi-aiChatInput-footer-action-send-disabled {
1638
+ background-color: var(--semi-color-fill-2);
1639
+ }
1640
+ .semi-aiChatInput-footer-action-stop {
1641
+ background-color: var(--semi-color-primary);
1642
+ color: rgba(var(--semi-white), 1);
1643
+ }
1644
+ .semi-aiChatInput-footer-action-stop:hover:not(.semi-aiChatInput-footer-action-send-disabled) {
1645
+ background-color: var(--semi-color-primary-hover);
1646
+ }
1647
+ .semi-aiChatInput-footer-action-stop:active:not(.semi-aiChatInput-footer-action-send-disabled) {
1648
+ background-color: var(--semi-color-primary-active);
1649
+ }
1650
+ .semi-aiChatInput-footer-action-stop-disabled {
1651
+ background-color: var(--semi-color-fill-2);
1652
+ }
1653
+ .semi-aiChatInput-footer-action-upload {
1654
+ background: transparent;
1655
+ color: var(--semi-color-text-1);
1656
+ }
1657
+ .semi-aiChatInput-footer-action-upload:hover {
1658
+ background-color: var(--semi-color-fill-0);
1659
+ }
1660
+ .semi-aiChatInput-footer-action-upload:active {
1661
+ background-color: var(--semi-color-fill-1);
1662
+ }
1663
+ .semi-aiChatInput-footer-configure {
1664
+ display: flex;
1665
+ flex-direction: row;
1666
+ column-gap: 8px;
1667
+ }
1668
+ .semi-aiChatInput-footer-configure-button {
1669
+ border: 1px solid var(--semi-color-primary);
1670
+ }
1671
+ .semi-aiChatInput-footer-configure-button-active.semi-button-tertiary.semi-button-outline {
1672
+ border: 1px solid var(--semi-color-primary);
1673
+ color: var(--semi-color-primary);
1674
+ background-color: var(--semi-color-primary-light-default);
1675
+ }
1676
+ .semi-aiChatInput-footer-configure-select {
1677
+ border: 1px solid var(--semi-color-border);
1678
+ background: transparent;
1679
+ }
1680
+ .semi-aiChatInput-footer-configure-select.semi-select-focus, .semi-aiChatInput-footer-configure-select .semi-select-selection-text {
1681
+ font-weight: 600;
1682
+ color: var(--semi-color-text-1);
1683
+ }
1684
+ .semi-aiChatInput-footer-configure-select.semi-select:hover {
1685
+ border-color: var(--semi-color-border);
1686
+ }
1687
+ .semi-aiChatInput-footer-configure-select.semi-select:focus {
1688
+ border: 1px solid var(--semi-color-border);
1689
+ background: transparent;
1690
+ }
1691
+ .semi-aiChatInput-footer-configure-radio-button .semi-radio-addon-buttonRadio {
1692
+ height: 16px;
1693
+ padding: 4px;
1694
+ font-size: 14px;
1695
+ }
1696
+ .semi-aiChatInput-footer-configure-radio-button .semi-radio-addon-buttonRadio-checked {
1697
+ color: var(--semi-color-text-1);
1698
+ background: var(--semi-color-bg-2);
1699
+ }
1700
+ .semi-aiChatInput-footer-configure-mcp-header {
1701
+ padding: 8px 16px 0px;
1702
+ font-size: 12px;
1703
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
1704
+ line-height: 16px;
1705
+ height: 16px;
1706
+ align-items: center;
1707
+ display: flex;
1708
+ justify-content: space-between;
1709
+ column-gap: 4px;
1710
+ }
1711
+ .semi-aiChatInput-footer-configure-mcp-header-title {
1712
+ color: var(--semi-color-text-2);
1713
+ }
1714
+ .semi-aiChatInput-footer-configure-mcp-header-config.semi-button {
1715
+ padding: 0px;
1716
+ border: 0px;
1717
+ height: fit-content;
1718
+ font-size: 12px;
1719
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
1720
+ line-height: 16px;
1721
+ }
1722
+ .semi-aiChatInput-attachment {
1723
+ position: relative;
1724
+ display: flex;
1725
+ align-items: center;
1726
+ column-gap: 8px;
1727
+ border-radius: 6px;
1728
+ background: var(--semi-color-fill-0);
1729
+ padding: 8px;
1730
+ width: 224px;
1731
+ height: 36px;
1732
+ overflow: hidden;
1733
+ letter-spacing: 0;
1734
+ flex-shrink: 0;
1735
+ }
1736
+ .semi-aiChatInput-attachment-icon, .semi-aiChatInput-attachment-img {
1737
+ display: flex;
1738
+ flex-shrink: 0;
1739
+ align-items: center;
1740
+ justify-content: center;
1741
+ border-radius: 3px;
1742
+ width: 36px;
1743
+ height: 36px;
1744
+ }
1745
+ .semi-aiChatInput-attachment-img {
1746
+ object-fit: cover;
1747
+ }
1748
+ .semi-aiChatInput-attachment-content {
1749
+ display: flex;
1750
+ flex-direction: column;
1751
+ flex-shrink: 0;
1752
+ align-items: flex-start;
1753
+ width: 180px;
1754
+ }
1755
+ .semi-aiChatInput-attachment-content-name {
1756
+ flex-shrink: 0;
1757
+ width: 180px;
1758
+ height: 20px;
1759
+ overflow: hidden;
1760
+ white-space: nowrap;
1761
+ text-overflow: ellipsis;
1762
+ color: var(--semi-color-text-0);
1763
+ font-size: 12px;
1764
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
1765
+ line-height: 16px;
1766
+ font-weight: 600;
1767
+ }
1768
+ .semi-aiChatInput-attachment-content-size {
1769
+ display: flex;
1770
+ flex-shrink: 0;
1771
+ align-items: flex-start;
1772
+ column-gap: 4px;
1773
+ color: var(--semi-color-text-2);
1774
+ font-size: 12px;
1775
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
1776
+ line-height: 16px;
1777
+ text-transform: uppercase;
1778
+ }
1779
+ .semi-aiChatInput-attachment-delete {
1780
+ display: none;
1781
+ }
1782
+ .semi-aiChatInput-attachment:hover > .semi-aiChatInput-attachment-delete {
1783
+ cursor: pointer;
1784
+ position: absolute;
1785
+ top: 0px;
1786
+ right: 0px;
1787
+ background: rgba(var(--semi-grey-7), 1);
1788
+ color: var(--semi-color-white);
1789
+ border-radius: 50%;
1790
+ width: 16px;
1791
+ height: 16px;
1792
+ font-size: 12px;
1793
+ display: flex;
1794
+ align-items: center;
1795
+ justify-content: center;
1796
+ }
1797
+ .semi-aiChatInput-attachment-progress.semi-progress-circle {
1798
+ position: absolute;
1799
+ top: 50%;
1800
+ left: 50%;
1801
+ transform: translate(-50%, -50%);
1802
+ }
1803
+ .semi-aiChatInput-scroll-wrapper {
1804
+ position: relative;
1805
+ width: 100%;
1806
+ display: flex;
1807
+ align-items: center;
1808
+ margin-bottom: 8px;
1809
+ }
1810
+ .semi-aiChatInput-scroll-container {
1811
+ display: flex;
1812
+ overflow-x: auto;
1813
+ scroll-behavior: smooth;
1814
+ /* Hide scrollbar */
1815
+ scrollbar-width: none; /* Firefox */
1816
+ -ms-overflow-style: none; /* IE and Edge */
1817
+ column-gap: 8px;
1818
+ /* hidden Webkit (Chrome, Safari) scrollbar */
1819
+ }
1820
+ .semi-aiChatInput-scroll-container::-webkit-scrollbar {
1821
+ display: none;
1822
+ }
1823
+ .semi-aiChatInput-scroll-button {
1824
+ padding: 0px;
1825
+ border: 0px;
1826
+ position: absolute;
1827
+ top: 50%;
1828
+ transform: translateY(-50%);
1829
+ z-index: 10;
1830
+ width: 16px;
1831
+ height: 16px;
1832
+ border-radius: 50%;
1833
+ background: var(--semi-color-white);
1834
+ box-shadow: var(--semi-shadow-elevated);
1835
+ cursor: pointer;
1836
+ display: flex;
1837
+ justify-content: center;
1838
+ align-items: center;
1839
+ transition: background-color 0.2s, box-shadow 0.2s;
1840
+ }
1841
+ .semi-aiChatInput-scroll-button .semi-icon {
1842
+ font-size: 12px;
1843
+ color: var(--semi-color-text-2);
1844
+ }
1845
+ .semi-aiChatInput-scroll-button:active {
1846
+ transform: translateY(-50%) scale(0.95);
1847
+ }
1848
+ .semi-aiChatInput-scroll-button-left-icon {
1849
+ transform: rotate(180deg);
1850
+ }
1851
+ .semi-aiChatInput-scroll-button.semi-aiChatInput-scroll-button-left {
1852
+ left: 10px;
1853
+ }
1854
+ .semi-aiChatInput-scroll-button.semi-aiChatInput-scroll-button-right {
1855
+ right: 10px;
1856
+ }
1857
+ .semi-aiChatInput-editor-content {
1858
+ flex: 1 1 0%;
1859
+ min-height: 0;
1860
+ margin-top: -4px;
1861
+ padding-top: 4px;
1862
+ overflow: auto;
1863
+ }
1864
+ .semi-aiChatInput-editor-content .tiptap {
1865
+ font-size: 14px;
1866
+ line-height: 24px;
1867
+ }
1868
+ .semi-aiChatInput-editor-content .tiptap p.is-editor-empty:first-child::before {
1869
+ color: var(--semi-color-text-2);
1870
+ content: attr(data-placeholder);
1871
+ float: left;
1872
+ height: 0;
1873
+ pointer-events: none;
1874
+ }
1875
+ .semi-aiChatInput-editor-content .tiptap p {
1876
+ margin: 0px;
1877
+ white-space: pre-wrap;
1878
+ }
1879
+ .semi-aiChatInput-editor-content .tiptap:focus {
1880
+ outline: none;
1881
+ }
1882
+ .semi-aiChatInput-editor-content .tiptap .node-inputSlot {
1883
+ display: inline-block;
1884
+ font-size: 14px;
1885
+ line-height: 20px;
1886
+ }
1887
+ .semi-aiChatInput-editor-content .tiptap .input-slot {
1888
+ display: inline-block;
1889
+ background-color: var(--semi-color-primary-light-default);
1890
+ border-radius: 4px;
1891
+ padding: 2px 4px;
1892
+ position: relative;
1893
+ margin: 2px 2px;
1894
+ font-weight: 600;
1895
+ min-width: 2px;
1896
+ }
1897
+ .semi-aiChatInput-editor-content .tiptap .input-slot .content {
1898
+ color: var(--semi-color-primary);
1899
+ }
1900
+ .semi-aiChatInput-editor-content .tiptap .input-slot .input-slot-placeholder {
1901
+ user-select: none;
1902
+ position: absolute;
1903
+ top: 2px;
1904
+ left: 4px;
1905
+ pointer-events: none;
1906
+ white-space: pre;
1907
+ z-index: 1;
1908
+ color: var(--semi-color-primary-disabled);
1909
+ }
1910
+ .semi-aiChatInput-editor-content .tiptap .node-selectSlot {
1911
+ display: inline-flex;
1912
+ }
1913
+ .semi-aiChatInput-editor-content .tiptap .select-slot {
1914
+ font-size: 14px;
1915
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
1916
+ line-height: 20px;
1917
+ height: 24px;
1918
+ padding: 2px 4px;
1919
+ border-radius: 4px;
1920
+ background-color: var(--semi-color-primary-light-default);
1921
+ }
1922
+ .semi-aiChatInput-editor-content .tiptap .select-slot:first-child {
1923
+ margin-left: 0px;
1924
+ }
1925
+ .semi-aiChatInput-editor-content .tiptap .select-slot-wrapper {
1926
+ display: inline-flex;
1927
+ margin: 2px 4px;
1928
+ }
1929
+ .semi-aiChatInput-editor-content .tiptap .select-slot .semi-select-selection {
1930
+ color: var(--semi-color-primary);
1931
+ font-weight: bold;
1932
+ margin-left: 0px;
1933
+ }
1934
+ .semi-aiChatInput-editor-content .tiptap .select-slot .semi-select-arrow {
1935
+ color: var(--semi-color-text-2);
1936
+ width: 16px;
1937
+ }
1938
+ .semi-aiChatInput-editor-content .tiptap .select-slot.semi-select-open, .semi-aiChatInput-editor-content .tiptap .select-slot.semi-select-focus {
1939
+ border-color: transparent;
1940
+ }
1941
+ .semi-aiChatInput-editor-content .tiptap .select-slot.semi-select:focus {
1942
+ border-color: transparent;
1943
+ }
1944
+ .semi-aiChatInput-editor-content .tiptap .node-skillSlot {
1945
+ display: inline-flex;
1946
+ }
1947
+ .semi-aiChatInput-editor-content .tiptap .skill-slot {
1948
+ color: var(--semi-color-primary);
1949
+ font-weight: 600;
1950
+ outline: none;
1951
+ }
1952
+ .semi-aiChatInput-editor-content .tiptap .skill-slot-wrapper {
1953
+ display: inline-flex;
1954
+ position: relative;
1955
+ padding: 0px 4px;
1956
+ margin: 2px 2px;
1957
+ border-radius: 4px;
1958
+ }
1959
+ .semi-aiChatInput-editor-content .tiptap .skill-slot-wrapper:hover {
1960
+ background-color: var(--semi-color-primary-light-default);
1961
+ }
1962
+ .semi-aiChatInput-editor-content .tiptap .skill-slot-wrapper:hover .skill-slot-delete {
1963
+ cursor: pointer;
1964
+ position: absolute;
1965
+ top: 0px;
1966
+ right: 0px;
1967
+ background: rgba(var(--semi-grey-7), 1);
1968
+ color: var(--semi-color-white);
1969
+ transform: translate(50%, -50%);
1970
+ border-radius: 50%;
1971
+ width: 12px;
1972
+ height: 12px;
1973
+ font-size: 8px;
1974
+ display: flex;
1975
+ align-items: center;
1976
+ justify-content: center;
1977
+ }
1978
+ .semi-aiChatInput-editor-content .tiptap .skill-slot-delete {
1979
+ display: none;
821
1980
  }
822
1981
 
823
1982
  .semi-anchor {
@@ -2322,6 +3481,16 @@ body {
2322
3481
  background-color: var(--semi-color-fill-1);
2323
3482
  }
2324
3483
 
3484
+ .semi-button {
3485
+ --semi-button-colorful-multiple-fill-0: rgba(var(--semi-ai-general-5-3));
3486
+ --semi-button-colorful-multiple-fill-1: rgba(var(--semi-ai-general-5-2));
3487
+ --semi-button-colorful-multiple-fill-2: rgba(var(--semi-ai-general-5-1));
3488
+ --semi-button-colorful-multiple-fill-3: rgba(var(--semi-ai-general-5-0));
3489
+ --semi-button-colorful-disabled-fill: var(--semi-color-disabled-text);
3490
+ --semi-button-colorful-fill-primary: var(--semi-color-ai-purple);
3491
+ --semi-button-colorful-fill-secondary: var(--semi-color-text-0);
3492
+ }
3493
+
2325
3494
  .semi-button {
2326
3495
  box-shadow: none;
2327
3496
  height: 36px;
@@ -2420,6 +3589,20 @@ body {
2420
3589
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
2421
3590
  transform: scale(var(--semi-transform_scale-none));
2422
3591
  }
3592
+ .semi-button-tertiary.semi-button-colorful.semi-button-solid {
3593
+ background: var(--semi-ai-general-0);
3594
+ }
3595
+ .semi-button-tertiary.semi-button-colorful.semi-button-solid:hover {
3596
+ background: var(--semi-ai-general-1);
3597
+ }
3598
+ .semi-button-tertiary.semi-button-colorful.semi-button-solid:active {
3599
+ background: var(--semi-ai-general-2);
3600
+ }
3601
+ .semi-button-tertiary.semi-button-colorful.semi-button-solid .semi-button-content-right, .semi-button-tertiary.semi-button-colorful.semi-button-solid .semi-button-content:not(:has(> .semi-button-content-right)) {
3602
+ background: var(--semi-color-ai-general);
3603
+ background-clip: text;
3604
+ color: transparent;
3605
+ }
2423
3606
  .semi-button-tertiary-disabled {
2424
3607
  background-color: var(--semi-color-disabled-bg);
2425
3608
  }
@@ -2441,7 +3624,7 @@ body {
2441
3624
  border: 1px solid var(--semi-color-border);
2442
3625
  }
2443
3626
  .semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
2444
- color: var(--semi-color-text-1);
3627
+ color: var(--semi-color-text-0);
2445
3628
  }
2446
3629
  .semi-button-primary {
2447
3630
  background-color: var(--semi-color-primary);
@@ -2449,6 +3632,29 @@ body {
2449
3632
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
2450
3633
  transform: scale(var(--semi-transform_scale-none));
2451
3634
  }
3635
+ .semi-button-primary.semi-button-colorful.semi-button-solid {
3636
+ background: var(--semi-color-ai-general);
3637
+ }
3638
+ .semi-button-primary.semi-button-colorful.semi-button-solid:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
3639
+ background: var(--semi-color-ai-general-hover);
3640
+ }
3641
+ .semi-button-primary.semi-button-colorful.semi-button-solid:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
3642
+ background: var(--semi-color-ai-general-active);
3643
+ }
3644
+ .semi-button-primary.semi-button-colorful.semi-button-light .semi-button-content-right, .semi-button-primary.semi-button-colorful.semi-button-light .semi-button-content:not(:has(> .semi-button-content-right)) {
3645
+ background: var(--semi-color-ai-general);
3646
+ background-clip: text;
3647
+ color: transparent;
3648
+ }
3649
+ .semi-button-primary.semi-button-colorful.semi-button-outline {
3650
+ color: var(--semi-color-ai-purple);
3651
+ border-color: var(--semi-color-ai-purple);
3652
+ }
3653
+ .semi-button-primary.semi-button-colorful.semi-button-borderless .semi-button-content-right, .semi-button-primary.semi-button-colorful.semi-button-borderless .semi-button-content:not(:has(> .semi-button-content-right)) {
3654
+ background: var(--semi-color-ai-general);
3655
+ background-clip: text;
3656
+ color: transparent;
3657
+ }
2452
3658
  .semi-button-primary-disabled {
2453
3659
  background-color: var(--semi-color-disabled-bg);
2454
3660
  }
@@ -2539,17 +3745,17 @@ body {
2539
3745
  background-color: var(--semi-color-fill-1);
2540
3746
  }
2541
3747
  .semi-button-light {
2542
- background-color: var(--semi-color-fill-0);
3748
+ background-color: var(--semi-color-fill-1);
2543
3749
  border: 1px transparent solid;
2544
3750
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
2545
3751
  transform: scale(var(--semi-transform_scale-none));
2546
3752
  }
2547
3753
  .semi-button-light:not(.semi-button-disabled):hover {
2548
- background-color: var(--semi-color-fill-1);
3754
+ background-color: var(--semi-color-fill-2);
2549
3755
  border: 1px var(--semi-color-bg-transparent) solid;
2550
3756
  }
2551
3757
  .semi-button-light:not(.semi-button-disabled):active {
2552
- background-color: var(--semi-color-fill-2);
3758
+ background-color: var(--semi-color-fill-3);
2553
3759
  border: 1px var(--semi-color-bg-transparent) solid;
2554
3760
  }
2555
3761
  .semi-button-size-small {
@@ -2649,7 +3855,7 @@ body {
2649
3855
  background-color: var(--semi-color-disabled-bg);
2650
3856
  }
2651
3857
  .semi-button-group-line-light {
2652
- background-color: var(--semi-color-fill-0);
3858
+ background-color: var(--semi-color-fill-1);
2653
3859
  }
2654
3860
  .semi-button-group-line-borderless {
2655
3861
  background-color: transparent;
@@ -3363,7 +4569,7 @@ body {
3363
4569
  padding: 0;
3364
4570
  border-radius: var(--semi-border-radius-medium);
3365
4571
  overflow: hidden;
3366
- background-color: var(--semi-color-bg-0);
4572
+ background-color: var(--semi-color-card-DefaultBg);
3367
4573
  font-size: 14px;
3368
4574
  font-style: normal;
3369
4575
  font-weight: 400;
@@ -3382,13 +4588,13 @@ body {
3382
4588
  box-shadow: var(--semi-shadow-elevated);
3383
4589
  }
3384
4590
  .semi-card-bordered {
3385
- border: 1px solid var(--semi-color-border);
4591
+ border: 1px solid var(--semi-color-card-border);
3386
4592
  }
3387
4593
  .semi-card-header {
3388
4594
  padding: 20px;
3389
4595
  }
3390
4596
  .semi-card-header-bordered {
3391
- border-bottom: 1px solid var(--semi-color-border);
4597
+ border-bottom: 1px solid var(--semi-color-card-border);
3392
4598
  }
3393
4599
  .semi-card-header-wrapper {
3394
4600
  display: flex;
@@ -3427,13 +4633,13 @@ body {
3427
4633
  .semi-card-body-actions {
3428
4634
  margin-top: 20px;
3429
4635
  padding-top: 20px;
3430
- border-top: 1px solid var(--semi-color-border);
4636
+ border-top: 1px solid var(--semi-color-card-border);
3431
4637
  }
3432
4638
  .semi-card-footer {
3433
4639
  padding: 20px;
3434
4640
  }
3435
4641
  .semi-card-footer-bordered {
3436
- border-top: 1px solid var(--semi-color-border);
4642
+ border-top: 1px solid var(--semi-color-card-border);
3437
4643
  }
3438
4644
  .semi-card-meta {
3439
4645
  display: flex;
@@ -7179,6 +8385,7 @@ body {
7179
8385
  z-index: 1050;
7180
8386
  border-radius: 8px;
7181
8387
  background: var(--semi-color-bg-dropdown);
8388
+ backdrop-filter: none;
7182
8389
  opacity: 0;
7183
8390
  }
7184
8391
  .semi-dropdown-wrapper-show {
@@ -7274,7 +8481,7 @@ body {
7274
8481
  width: 100%;
7275
8482
  min-width: 100%;
7276
8483
  clear: both;
7277
- background: var(--semi-color-border);
8484
+ background: var(--semi-color-divider-1);
7278
8485
  margin: 4px 0px;
7279
8486
  }
7280
8487
 
@@ -7346,6 +8553,208 @@ body {
7346
8553
  margin-right: 32px;
7347
8554
  }
7348
8555
 
8556
+ .semi-feedback-emoji-container {
8557
+ display: flex;
8558
+ justify-content: center;
8559
+ align-items: center;
8560
+ column-gap: 24px;
8561
+ align-self: stretch;
8562
+ margin-top: 24px;
8563
+ margin-bottom: 24px;
8564
+ }
8565
+ .semi-feedback-emoji-item {
8566
+ user-select: none;
8567
+ cursor: pointer;
8568
+ font-family: Inter;
8569
+ font-size: 36px;
8570
+ line-height: 36px;
8571
+ height: 36px;
8572
+ font-style: normal;
8573
+ filter: grayscale(100%);
8574
+ }
8575
+ .semi-feedback-emoji-item:hover, .semi-feedback-emoji-item-selected {
8576
+ filter: none;
8577
+ }
8578
+ .semi-feedback-thank-text {
8579
+ color: var(--semi-color-text-2);
8580
+ text-align: center;
8581
+ font-size: 14px;
8582
+ font-weight: 400;
8583
+ line-height: 20px;
8584
+ margin-bottom: 0px;
8585
+ margin-top: 24px;
8586
+ }
8587
+ .semi-feedback .semi-checkboxGroup-vertical {
8588
+ row-gap: 16px;
8589
+ }
8590
+ .semi-feedback-footer {
8591
+ display: flex;
8592
+ justify-content: flex-end;
8593
+ column-gap: 12px;
8594
+ }
8595
+ .semi-feedback .semi-modal {
8596
+ width: 400px;
8597
+ }
8598
+ .semi-feedback.semi-feedback-text .semi-modal {
8599
+ width: 400px;
8600
+ }
8601
+ .semi-feedback .semi-sidesheet-inner {
8602
+ border-radius: 12px;
8603
+ }
8604
+ .semi-feedback.semi-sidesheet.semi-sidesheet-size-small {
8605
+ width: 400px;
8606
+ }
8607
+ .semi-feedback.semi-sidesheet.semi-feedback-text {
8608
+ width: 600px;
8609
+ }
8610
+ .semi-feedback.semi-sidesheet-bottom {
8611
+ right: 20px;
8612
+ left: auto;
8613
+ }
8614
+ .semi-feedback.semi-sidesheet-bottom .semi-sidesheet-inner-wrap {
8615
+ bottom: 50px;
8616
+ }
8617
+ @keyframes semi-sidesheet-slideShow_bottom {
8618
+ from {
8619
+ transform: translateY(calc(100% + 50px));
8620
+ }
8621
+ to {
8622
+ transform: translateY(0);
8623
+ }
8624
+ }
8625
+ @keyframes semi-sidesheet-slideHide_bottom {
8626
+ from {
8627
+ transform: translateY(0);
8628
+ }
8629
+ to {
8630
+ transform: translateY(calc(100% + 50px));
8631
+ }
8632
+ }
8633
+ .semi-feedback.semi-sidesheet .semi-sidesheet-fixed.semi-feedback-bottom {
8634
+ top: auto;
8635
+ }
8636
+ .semi-feedback.semi-sidesheet .semi-sidesheet-fixed.semi-feedback-bottom .semi-sidesheet-inner {
8637
+ bottom: 50px;
8638
+ }
8639
+
8640
+ .semi-floatButton {
8641
+ position: fixed;
8642
+ bottom: 24px;
8643
+ right: 24px;
8644
+ z-index: 1000;
8645
+ cursor: pointer;
8646
+ }
8647
+ .semi-floatButton-body {
8648
+ background-color: var(--semi-color-fill-0);
8649
+ box-shadow: var(--semi-shadow-elevated);
8650
+ color: var(--semi-color-primary);
8651
+ display: flex;
8652
+ align-items: center;
8653
+ justify-content: center;
8654
+ }
8655
+ .semi-floatButton-body:hover {
8656
+ background-color: var(--semi-color-fill-1);
8657
+ }
8658
+ .semi-floatButton-body:active {
8659
+ background-color: var(--semi-color-fill-2);
8660
+ }
8661
+ .semi-floatButton-disabled {
8662
+ background: var(--semi-color-disabled-bg);
8663
+ color: var(--semi-color-disabled-text);
8664
+ cursor: not-allowed;
8665
+ }
8666
+ .semi-floatButton-disabled:hover {
8667
+ background-color: var(--semi-color-disabled-bg);
8668
+ }
8669
+ .semi-floatButton-colorful {
8670
+ background: var(--semi-color-ai-general);
8671
+ color: var(--semi-color-white);
8672
+ }
8673
+ .semi-floatButton-colorful:hover {
8674
+ background: var(--semi-color-ai-general-hover);
8675
+ }
8676
+ .semi-floatButton-colorful:active {
8677
+ background: var(--semi-color-ai-general-active);
8678
+ }
8679
+ .semi-floatButton.semi-floatButton-square .semi-badge-dot, .semi-floatButton.semi-floatButton-square .semi-badge-count {
8680
+ /* Calculation logic:
8681
+ The center of the badge is the intersection of two lines.
8682
+ - The first line is the connecting line between the center of the floatButton and the upper right corner of the enclosing rectangle.
8683
+ - The second line is the border of the floatButton.
8684
+ Can be calculated through radius， (√2 - 1）/√2 * R = 0.29 * R
8685
+ */
8686
+ top: 2.32px;
8687
+ inset-inline-end: 2.32px;
8688
+ }
8689
+ .semi-floatButton-default {
8690
+ width: 32px;
8691
+ height: 32px;
8692
+ }
8693
+ .semi-floatButton-default.semi-floatButton-round .semi-badge-dot, .semi-floatButton-default.semi-floatButton-round .semi-badge-count {
8694
+ /* Calculation logic:
8695
+ The center of the badge is the intersection of two lines.
8696
+ - The first line is the connecting line between the center of the floatButton and the upper right corner of the enclosing rectangle.
8697
+ - The second line is the border of the floatButton.
8698
+ Can be calculated through radius (√2 - 1）/√2 * R = 0.29 * R，and R = 0.5 * width
8699
+ */
8700
+ top: 4.64px;
8701
+ inset-inline-end: 4.64px;
8702
+ }
8703
+ .semi-floatButton-small {
8704
+ width: 24px;
8705
+ height: 24px;
8706
+ }
8707
+ .semi-floatButton-small.semi-floatButton-round .semi-badge-dot, .semi-floatButton-small.semi-floatButton-round .semi-badge-count {
8708
+ top: 3.48px;
8709
+ inset-inline-end: 3.48px;
8710
+ }
8711
+ .semi-floatButton-large {
8712
+ width: 40px;
8713
+ height: 40px;
8714
+ }
8715
+ .semi-floatButton-large.semi-floatButton-round .semi-badge-dot, .semi-floatButton-large.semi-floatButton-round .semi-badge-count {
8716
+ top: 5.8px;
8717
+ inset-inline-end: 5.8px;
8718
+ }
8719
+ .semi-floatButton-square {
8720
+ border-radius: 8px;
8721
+ }
8722
+ .semi-floatButton-round {
8723
+ border-radius: var(--semi-border-radius-full);
8724
+ }
8725
+
8726
+ .semi-floatButtonGroup {
8727
+ position: fixed;
8728
+ border-radius: 8px;
8729
+ bottom: 24px;
8730
+ right: 24px;
8731
+ z-index: 1000;
8732
+ background: var(--semi-color-bg-0);
8733
+ box-shadow: var(--semi-shadow-elevated);
8734
+ display: inline-flex;
8735
+ padding: 6px;
8736
+ gap: 4px;
8737
+ }
8738
+ .semi-floatButtonGroup-item {
8739
+ cursor: pointer;
8740
+ display: flex;
8741
+ padding: 6px 12px;
8742
+ align-items: center;
8743
+ column-gap: 8px;
8744
+ border-radius: 4px;
8745
+ color: var(--semi-color-text-0);
8746
+ font-size: 14px;
8747
+ font-style: normal;
8748
+ font-weight: 400;
8749
+ line-height: 20px;
8750
+ }
8751
+ .semi-floatButtonGroup-item:hover {
8752
+ background: var(--semi-color-fill-1);
8753
+ }
8754
+ .semi-floatButtonGroup-item:active {
8755
+ background: var(--semi-color-fill-2);
8756
+ }
8757
+
7349
8758
  .semi-form .semi-form-field {
7350
8759
  box-sizing: border-box;
7351
8760
  }
@@ -7423,7 +8832,7 @@ body {
7423
8832
  color: var(--semi-color-danger);
7424
8833
  }
7425
8834
  .semi-form-field-label-optional-text {
7426
- color: var(--semi-color-tertiary);
8835
+ color: var(--semi-color-text-3);
7427
8836
  }
7428
8837
  .semi-form-field-label-left {
7429
8838
  text-align: left;
@@ -13276,7 +14685,7 @@ img[src=""], img:not([src]) {
13276
14685
  font-size: 14px;
13277
14686
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
13278
14687
  line-height: 20px;
13279
- background-color: var(--semi-color-bg-1);
14688
+ background-color: var(--semi-color-input-DefaultBg);
13280
14689
  border: 1px var(--semi-color-border) solid;
13281
14690
  border-radius: 6px;
13282
14691
  width: 100%;
@@ -13309,19 +14718,19 @@ img[src=""], img:not([src]) {
13309
14718
  line-height: 40px;
13310
14719
  }
13311
14720
  .semi-input-wrapper:hover {
13312
- background-color: var(--semi-color-bg-1);
14721
+ background-color: var(--semi-color-input-HoverBg);
13313
14722
  border-color: var(--semi-color-border-hover);
13314
14723
  }
13315
14724
  .semi-input-wrapper-focus {
13316
- background-color: var(--semi-color-bg-1);
14725
+ background-color: var(--semi-color-input-ActiveBg);
13317
14726
  border: var(--semi-color-focus-border) solid 1px;
13318
14727
  }
13319
14728
  .semi-input-wrapper-focus:hover {
13320
- background-color: var(--semi-color-bg-1);
14729
+ background-color: var(--semi-color-input-HoverBg);
13321
14730
  border-color: var(--semi-color-focus-border);
13322
14731
  }
13323
14732
  .semi-input-wrapper-focus:active {
13324
- background-color: var(--semi-color-bg-1);
14733
+ background-color: var(--semi-color-input-ActiveBg);
13325
14734
  border-color: var(--semi-color-focus-border);
13326
14735
  }
13327
14736
  .semi-input-wrapper.semi-input-readonly {
@@ -13439,18 +14848,18 @@ img[src=""], img:not([src]) {
13439
14848
  background-color: transparent;
13440
14849
  }
13441
14850
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
13442
- background-color: var(--semi-color-bg-1);
14851
+ background-color: var(--semi-color-input-DefaultBg);
13443
14852
  border: 1px transparent solid;
13444
14853
  }
13445
14854
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
13446
- background-color: var(--semi-color-bg-1);
14855
+ background-color: var(--semi-color-input-HoverBg);
13447
14856
  }
13448
14857
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover ~ .semi-input-modebtn {
13449
- background-color: var(--semi-color-bg-1);
14858
+ background-color: var(--semi-color-input-HoverBg);
13450
14859
  }
13451
14860
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
13452
14861
  border: 1px var(--semi-color-focus-border) solid;
13453
- background-color: var(--semi-color-bg-1);
14862
+ background-color: var(--semi-color-input-ActiveBg);
13454
14863
  }
13455
14864
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn {
13456
14865
  border-right-style: none;
@@ -13460,7 +14869,7 @@ img[src=""], img:not([src]) {
13460
14869
  }
13461
14870
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
13462
14871
  box-sizing: border-box;
13463
- background-color: var(--semi-color-bg-1);
14872
+ background-color: var(--semi-color-input-ActiveBg);
13464
14873
  }
13465
14874
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn {
13466
14875
  border: 1px var(--semi-color-focus-border) solid;
@@ -13479,13 +14888,13 @@ img[src=""], img:not([src]) {
13479
14888
  border-radius: 0;
13480
14889
  }
13481
14890
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active {
13482
- background-color: var(--semi-color-bg-1);
14891
+ background-color: var(--semi-color-input-ActiveBg);
13483
14892
  }
13484
14893
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active ~ .semi-input-modebtn {
13485
- background-color: var(--semi-color-bg-1);
14894
+ background-color: var(--semi-color-input-ActiveBg);
13486
14895
  }
13487
14896
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
13488
- background-color: var(--semi-color-bg-1);
14897
+ background-color: var(--semi-color-input-DefaultBg);
13489
14898
  }
13490
14899
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
13491
14900
  border-radius: 0 6px 6px 0;
@@ -13597,7 +15006,7 @@ img[src=""], img:not([src]) {
13597
15006
  display: none;
13598
15007
  }
13599
15008
  .semi-input::placeholder {
13600
- color: var(--semi-color-text-2);
15009
+ color: var(--semi-color-text-3);
13601
15010
  }
13602
15011
  .semi-input-large {
13603
15012
  height: 40px;
@@ -13671,7 +15080,7 @@ img[src=""], img:not([src]) {
13671
15080
  height: 100%;
13672
15081
  display: flex;
13673
15082
  align-items: center;
13674
- background-color: var(--semi-color-bg-1);
15083
+ background-color: var(--semi-color-input-DefaultBg);
13675
15084
  color: var(--semi-color-text-2);
13676
15085
  font-size: 14px;
13677
15086
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -14390,6 +15799,7 @@ img[src=""], img:not([src]) {
14390
15799
  left: 0;
14391
15800
  bottom: 0;
14392
15801
  background-color: var(--semi-color-overlay-bg);
15802
+ backdrop-filter: none;
14393
15803
  height: 100%;
14394
15804
  z-index: 1000;
14395
15805
  }
@@ -14431,6 +15841,7 @@ img[src=""], img:not([src]) {
14431
15841
  box-sizing: border-box;
14432
15842
  flex-direction: column;
14433
15843
  background-color: var(--semi-color-bg-2);
15844
+ backdrop-filter: none;
14434
15845
  border: 1px solid var(--semi-color-border-modal);
14435
15846
  border-radius: var(--semi-border-radius-large);
14436
15847
  padding: 0 24px;
@@ -14637,7 +16048,7 @@ img[src=""], img:not([src]) {
14637
16048
  user-select: none;
14638
16049
  transition: padding-left 100ms ease-out, width 200ms cubic-bezier(0.62, 0.05, 0.36, 0.95);
14639
16050
  border-right: 1px solid var(--semi-color-border);
14640
- background-color: var(--semi-color-nav-bg);
16051
+ background-color: var(--semi-color-bg-0);
14641
16052
  }
14642
16053
  .semi-navigation-inner {
14643
16054
  width: 100%;
@@ -15853,7 +17264,7 @@ img[src=""], img:not([src]) {
15853
17264
  .semi-page-item:active {
15854
17265
  border-color: var(--semi-color-border-hover);
15855
17266
  background-color: var(--semi-color-primary-hover);
15856
- color: var(--semi-color-text-0);
17267
+ color: rgb(255, 255, 255);
15857
17268
  }
15858
17269
  .semi-page-item-active {
15859
17270
  border-color: var(--semi-color-border-actvie);
@@ -16116,6 +17527,7 @@ img[src=""], img:not([src]) {
16116
17527
  .semi-popover-wrapper {
16117
17528
  position: relative;
16118
17529
  background-color: var(--semi-color-bg-3);
17530
+ backdrop-filter: none;
16119
17531
  box-shadow: 0px 12px 42px -4px rgba(0, 0, 0, 0.08), 0px 8px 16px -6px rgba(0, 0, 0, 0.08);
16120
17532
  z-index: 1030;
16121
17533
  border-radius: var(--semi-border-radius-medium);
@@ -16557,7 +17969,7 @@ img[src=""], img:not([src]) {
16557
17969
  box-sizing: border-box;
16558
17970
  width: 16px;
16559
17971
  height: 16px;
16560
- border: solid 1px var(--semi-color-text-3);
17972
+ border: solid 1px var(--semi-color-border);
16561
17973
  border-radius: 16px;
16562
17974
  background: var(--semi-color-bg-1);
16563
17975
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
@@ -16789,7 +18201,7 @@ img[src=""], img:not([src]) {
16789
18201
  }
16790
18202
  .semi-rating-star-first, .semi-rating-star-second {
16791
18203
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16792
- color: var(--semi-color-fill-0);
18204
+ color: var(--semi-color-fill-2);
16793
18205
  user-select: none;
16794
18206
  }
16795
18207
  .semi-rating-star-first {
@@ -17163,7 +18575,7 @@ img[src=""], img:not([src]) {
17163
18575
  font-weight: 600;
17164
18576
  }
17165
18577
  .semi-select-option:active {
17166
- background-color: var(--semi-color-fill-1);
18578
+ background-color: var(--semi-color-input-ActiveBg);
17167
18579
  }
17168
18580
  .semi-select-option-empty {
17169
18581
  cursor: not-allowed;
@@ -17181,7 +18593,7 @@ img[src=""], img:not([src]) {
17181
18593
  cursor: not-allowed;
17182
18594
  }
17183
18595
  .semi-select-option-disabled:hover {
17184
- background-color: var(--semi-color-fill-0);
18596
+ background-color: var(--semi-color-input-HoverBg);
17185
18597
  }
17186
18598
  .semi-select-option-selected {
17187
18599
  font-weight: 600;
@@ -17191,7 +18603,7 @@ img[src=""], img:not([src]) {
17191
18603
  color: var(--semi-color-text-2);
17192
18604
  }
17193
18605
  .semi-select-option-focused {
17194
- background-color: var(--semi-color-fill-0);
18606
+ background-color: var(--semi-color-input-HoverBg);
17195
18607
  }
17196
18608
 
17197
18609
  .semi-select {
@@ -17200,7 +18612,7 @@ img[src=""], img:not([src]) {
17200
18612
  border: 1px solid var(--semi-color-border);
17201
18613
  height: 36px;
17202
18614
  font-weight: 400;
17203
- background-color: var(--semi-color-bg-1);
18615
+ background-color: var(--semi-color-input-DefaultBg);
17204
18616
  display: inline-flex;
17205
18617
  vertical-align: middle;
17206
18618
  position: relative;
@@ -17212,16 +18624,16 @@ img[src=""], img:not([src]) {
17212
18624
  overflow-y: auto;
17213
18625
  }
17214
18626
  .semi-select:hover {
17215
- background-color: var(--semi-color-bg-1);
18627
+ background-color: var(--semi-color-fill-1);
17216
18628
  border: 1px solid var(--semi-color-border-hover);
17217
18629
  }
17218
18630
  .semi-select:focus {
17219
18631
  border: 1px solid var(--semi-color-border);
17220
- background-color: var(--semi-color-bg-1);
18632
+ background-color: var(--semi-color-input-ActiveBg);
17221
18633
  outline: 0;
17222
18634
  }
17223
18635
  .semi-select:active {
17224
- background-color: var(--semi-color-bg-1);
18636
+ background-color: var(--semi-color-input-ActiveBg);
17225
18637
  }
17226
18638
  .semi-select-small {
17227
18639
  height: 28px;
@@ -17241,11 +18653,11 @@ img[src=""], img:not([src]) {
17241
18653
  outline: 0;
17242
18654
  }
17243
18655
  .semi-select-open:hover, .semi-select-focus:hover {
17244
- background-color: var(--semi-color-bg-1);
18656
+ background-color: var(--semi-color-input-DefaultBg);
17245
18657
  border: 1px solid var(--semi-color-focus-border);
17246
18658
  }
17247
18659
  .semi-select-open:active, .semi-select-focus:active {
17248
- background-color: var(--semi-color-bg-1);
18660
+ background-color: var(--semi-color-input-ActiveBg);
17249
18661
  border: 1px solid var(--semi-color-info-active);
17250
18662
  }
17251
18663
  .semi-select-warning {
@@ -17754,6 +19166,7 @@ img[src=""], img:not([src]) {
17754
19166
  z-index: 1;
17755
19167
  overflow: auto;
17756
19168
  background-color: var(--semi-color-bg-2);
19169
+ backdrop-filter: none;
17757
19170
  border: 0;
17758
19171
  }
17759
19172
  .semi-sidesheet-header {
@@ -17800,6 +19213,7 @@ img[src=""], img:not([src]) {
17800
19213
  width: 100%;
17801
19214
  height: 100%;
17802
19215
  background-color: var(--semi-color-overlay-bg);
19216
+ backdrop-filter: none;
17803
19217
  opacity: 1;
17804
19218
  }
17805
19219
  .semi-sidesheet-mask-hidden {
@@ -18082,7 +19496,7 @@ img[src=""], img:not([src]) {
18082
19496
  height: 4px;
18083
19497
  cursor: pointer;
18084
19498
  touch-action: none;
18085
- background-color: var(--semi-color-fill-0);
19499
+ background-color: var(--semi-color-fill-1);
18086
19500
  width: 100%;
18087
19501
  border-radius: var(--semi-border-radius-small);
18088
19502
  top: 14px;
@@ -20663,15 +22077,80 @@ img[src=""], img:not([src]) {
20663
22077
  width: 20px;
20664
22078
  height: 20px;
20665
22079
  }
20666
- .semi-tag-solid .semi-tag-close {
22080
+ .semi-tag-colorful {
22081
+ font-weight: 600;
22082
+ }
22083
+ .semi-tag-colorful.semi-tag-solid {
22084
+ background: var(--semi-color-ai-purple);
20667
22085
  color: var(--semi-color-white);
20668
- opacity: 0.8;
20669
22086
  }
20670
- .semi-tag-solid .semi-tag-close:hover {
20671
- opacity: 1;
22087
+ .semi-tag-colorful.semi-tag-solid.semi-tag-gradient {
22088
+ background: var(--semi-color-ai-general);
22089
+ }
22090
+ .semi-tag-colorful.semi-tag-light {
22091
+ background: rgba(var(--semi-ai-purple-0), 1);
22092
+ color: var(--semi-color-ai-purple);
22093
+ }
22094
+ .semi-tag-colorful.semi-tag-light.semi-tag-gradient {
22095
+ background: var(--semi-ai-general-0);
22096
+ }
22097
+ .semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(1) {
22098
+ stop-color: rgba(var(--semi-ai-general-5-0), 1);
22099
+ }
22100
+ .semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(2) {
22101
+ stop-color: rgba(var(--semi-ai-general-5-1), 1);
22102
+ }
22103
+ .semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(3) {
22104
+ stop-color: rgba(var(--semi-ai-general-5-2), 1);
22105
+ }
22106
+ .semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(4) {
22107
+ stop-color: rgba(var(--semi-ai-general-5-3), 1);
22108
+ }
22109
+ .semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-content {
22110
+ background: var(--semi-color-ai-general);
22111
+ background-clip: text;
22112
+ color: transparent;
22113
+ }
22114
+ .semi-tag-colorful.semi-tag-ghost {
22115
+ background: var(--semi-color-white);
22116
+ color: var(--semi-color-ai-purple);
22117
+ border-color: var(--semi-color-ai-general);
22118
+ }
22119
+ .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient {
22120
+ border: none;
22121
+ }
22122
+ .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(1) {
22123
+ stop-color: rgba(var(--semi-ai-general-5-0), 1);
22124
+ }
22125
+ .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(2) {
22126
+ stop-color: rgba(var(--semi-ai-general-5-1), 1);
22127
+ }
22128
+ .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(3) {
22129
+ stop-color: rgba(var(--semi-ai-general-5-2), 1);
22130
+ }
22131
+ .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(4) {
22132
+ stop-color: rgba(var(--semi-ai-general-5-3), 1);
22133
+ }
22134
+ .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient.semi-tag-circle::before {
22135
+ border-radius: var(--semi-border-radius-full);
22136
+ }
22137
+ .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient::before {
22138
+ content: "";
22139
+ position: absolute;
22140
+ inset: 0;
22141
+ border-radius: 4px;
22142
+ padding: 1px;
22143
+ background: var(--semi-color-ai-general);
22144
+ -webkit-mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
22145
+ mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
22146
+ -webkit-mask-composite: xor;
22147
+ mask-composite: exclude;
22148
+ pointer-events: none;
20672
22149
  }
20673
- .semi-tag-solid .semi-tag-close:active {
20674
- opacity: 0.9;
22150
+ .semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-content {
22151
+ background: var(--semi-color-ai-general);
22152
+ background-clip: text;
22153
+ color: transparent;
20675
22154
  }
20676
22155
 
20677
22156
  .semi-tag-group {
@@ -21038,7 +22517,7 @@ img[src=""], img:not([src]) {
21038
22517
 
21039
22518
  .semi-tagInput {
21040
22519
  background-color: var(--semi-color-bg-transparent);
21041
- border: 1px var(--semi-color-border-hover) solid;
22520
+ border: 1px var(--semi-color-border) solid;
21042
22521
  border-radius: 8px;
21043
22522
  display: inline-flex;
21044
22523
  font-weight: 400;
@@ -21087,7 +22566,7 @@ img[src=""], img:not([src]) {
21087
22566
  }
21088
22567
  .semi-tagInput-hover {
21089
22568
  background-color: var(--semi-color-bg-transparent);
21090
- border: 1px var(--semi-color-danger) solid;
22569
+ border: 1px var(--semi-color-border-hover) solid;
21091
22570
  }
21092
22571
  .semi-tagInput-focus {
21093
22572
  background-color: var(--semi-color-bg-transparent);
@@ -21781,6 +23260,7 @@ img[src=""], img:not([src]) {
21781
23260
  .semi-tooltip-wrapper {
21782
23261
  position: relative;
21783
23262
  background-color: rgba(var(--semi-grey-7), 1);
23263
+ backdrop-filter: none;
21784
23264
  color: var(--semi-color-bg-0);
21785
23265
  border-radius: var(--semi-border-radius-medium);
21786
23266
  padding-top: 8px;
@@ -23444,7 +24924,7 @@ p.semi-typography-extended,
23444
24924
  cursor: not-allowed;
23445
24925
  }
23446
24926
  .semi-upload-disabled .semi-upload-drag-area:hover {
23447
- background-color: var(--semi-color-tertiary-light-default);
24927
+ background-color: var(--semi-color-fill-0);
23448
24928
  }
23449
24929
  .semi-upload-disabled .semi-upload-drag-area-main-text, .semi-upload-disabled .semi-upload-drag-area-sub-text, .semi-upload-disabled .semi-upload-drag-area-icon {
23450
24930
  cursor: not-allowed;
@@ -23851,7 +25331,7 @@ p.semi-typography-extended,
23851
25331
  border: 2px dashed var(--semi-color-border);
23852
25332
  width: 100%;
23853
25333
  padding: 12px;
23854
- background-color: var(--semi-color-tertiary-light-default);
25334
+ background-color: var(--semi-color-fill-0);
23855
25335
  display: flex;
23856
25336
  justify-content: center;
23857
25337
  align-items: center;
@@ -24431,10 +25911,7 @@ p.semi-typography-extended,
24431
25911
  pointer-events: none;
24432
25912
  cursor: not-allowed;
24433
25913
  }
24434
- .semi-button.semi-button-loading .semi-button-content .semi-button-content-loading-icon {
24435
- animation: 1600ms linear infinite semi-animation-rotate;
24436
- }
24437
- .semi-button.semi-button-loading .semi-button-content > svg {
25914
+ .semi-button.semi-button-loading .semi-button-content > svg, .semi-button.semi-button-loading .semi-button-content-loading-icon {
24438
25915
  width: 16px;
24439
25916
  height: 16px;
24440
25917
  animation: 600ms linear infinite semi-animation-rotate;
@@ -24590,21 +26067,21 @@ p.semi-typography-extended,
24590
26067
  border: 1px var(--semi-color-border) solid;
24591
26068
  border-radius: 6px;
24592
26069
  vertical-align: bottom;
24593
- background-color: var(--semi-color-bg-1);
26070
+ background-color: var(--semi-color-input-DefaultBg);
24594
26071
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
24595
26072
  }
24596
26073
  .semi-input-textarea-wrapper:hover {
24597
- background-color: var(--semi-color-bg-1);
26074
+ background-color: var(--semi-color-input-HoverBg);
24598
26075
  }
24599
26076
  .semi-input-textarea-wrapper-focus {
24600
- background-color: var(--semi-color-bg-1);
26077
+ background-color: var(--semi-color-input-ActiveBg);
24601
26078
  border: 1px var(--semi-color-focus-border) solid;
24602
26079
  }
24603
26080
  .semi-input-textarea-wrapper-focus:hover, .semi-input-textarea-wrapper-focus:active {
24604
- background-color: var(--semi-color-bg-1);
26081
+ background-color: var(--semi-color-input-ActiveBg);
24605
26082
  }
24606
26083
  .semi-input-textarea-wrapper:active {
24607
- background-color: var(--semi-color-bg-1);
26084
+ background-color: var(--semi-color-input-ActiveBg);
24608
26085
  }
24609
26086
  .semi-input-textarea-wrapper .semi-input-clearbtn {
24610
26087
  position: absolute;
@@ -24694,7 +26171,7 @@ p.semi-typography-extended,
24694
26171
  border-color: transparent;
24695
26172
  }
24696
26173
  .semi-input-textarea::placeholder {
24697
- color: var(--semi-color-text-2);
26174
+ color: var(--semi-color-text-3);
24698
26175
  }
24699
26176
  .semi-input-textarea-showClear {
24700
26177
  padding-right: 36px;
@@ -24726,7 +26203,7 @@ p.semi-typography-extended,
24726
26203
  padding: 3px 12px 5px 12px;
24727
26204
  min-height: 24px;
24728
26205
  text-align: right;
24729
- color: var(--semi-color-text-2);
26206
+ color: var(--semi-color-text-3);
24730
26207
  }
24731
26208
  .semi-input-textarea-counter-exceed {
24732
26209
  color: var(--semi-color-danger);