@semi-bot/semi-theme-fnos 1.0.5 → 1.0.7

package/semi.css

@@ -2,27 +2,27 @@
 /* spacing */
 body, body[theme-mode=dark] .semi-always-light {
   --semi-black: 0,0,0;
-  --semi-red-0: 255,233,229;
-  --semi-red-1: 255,211,204;
-  --semi-red-2: 255,184,173;
-  --semi-red-3: 255,141,133;
-  --semi-red-4: 255,99,99;
-  --semi-red-5: 255,51,51;
-  --semi-red-6: 218,37,43;
-  --semi-red-7: 170,24,34;
-  --semi-red-8: 115,13,22;
-  --semi-red-9: 71,6,14;
+  --semi-red-0: 255,235,235;
+  --semi-red-1: 255,224,224;
+  --semi-red-2: 252,187,187;
+  --semi-red-3: 244,113,113;
+  --semi-red-4: 235,66,66;
+  --semi-red-5: 230,0,35;
+  --semi-red-6: 204,0,0;
+  --semi-red-7: 182,0,0;
+  --semi-red-8: 155,0,0;
+  --semi-red-9: 102,0,0;
   --semi-white: 255,255,255;
-  --semi-blue-0: 234,245,255;
-  --semi-blue-1: 204,230,254;
-  --semi-blue-2: 152,204,254;
-  --semi-blue-3: 101,176,253;
-  --semi-blue-4: 51,147,253;
-  --semi-blue-5: 0,116,252;
-  --semi-blue-6: 0,96,216;
-  --semi-blue-7: 0,77,181;
-  --semi-blue-8: 0,59,145;
-  --semi-blue-9: 0,43,109;
+  --semi-blue-0: 230,244,255;
+  --semi-blue-1: 215,237,255;
+  --semi-blue-2: 171,219,255;
+  --semi-blue-3: 117,191,255;
+  --semi-blue-4: 51,136,255;
+  --semi-blue-5: 0,102,255;
+  --semi-blue-6: 0,94,235;
+  --semi-blue-7: 0,67,184;
+  --semi-blue-8: 0,60,150;
+  --semi-blue-9: 0,31,77;
   --semi-cyan-0: 232,250,252;
   --semi-cyan-1: 199,244,248;
   --semi-cyan-2: 145,232,242;
@@ -34,15 +34,15 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-cyan-8: 0,89,111;
   --semi-cyan-9: 0,58,74;
   --semi-grey-0: 249,249,249;
-  --semi-grey-1: 230,232,234;
-  --semi-grey-2: 198,201,205;
-  --semi-grey-3: 167,170,176;
-  --semi-grey-4: 136,140,146;
-  --semi-grey-5: 107,111,117;
-  --semi-grey-6: 85,90,97;
-  --semi-grey-7: 65,69,76;
-  --semi-grey-8: 46,49,56;
-  --semi-grey-9: 28,31,35;
+  --semi-grey-1: 245,245,245;
+  --semi-grey-2: 241,241,241;
+  --semi-grey-3: 233,233,233;
+  --semi-grey-4: 205,205,205;
+  --semi-grey-5: 165,165,165;
+  --semi-grey-6: 118,118,118;
+  --semi-grey-7: 95,95,95;
+  --semi-grey-8: 74,74,74;
+  --semi-grey-9: 25,25,25;
   --semi-lime-0: 241,251,231;
   --semi-lime-1: 224,246,197;
   --semi-lime-2: 198,237,142;
@@ -73,16 +73,16 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-teal-7: 0,116,119;
   --semi-teal-8: 0,86,90;
   --semi-teal-9: 0,56,60;
-  --semi-amber-0: 254,251,242;
-  --semi-amber-1: 253,243,218;
-  --semi-amber-2: 251,228,182;
-  --semi-amber-3: 248,212,146;
-  --semi-amber-4: 246,193,111;
-  --semi-amber-5: 244,173,77;
-  --semi-amber-6: 203,136,62;
-  --semi-amber-7: 163,102,48;
-  --semi-amber-8: 122,72,35;
-  --semi-amber-9: 81,44,22;
+  --semi-amber-0: 255,246,235;
+  --semi-amber-1: 255,240,219;
+  --semi-amber-2: 255,228,193;
+  --semi-amber-3: 255,197,143;
+  --semi-amber-4: 253,161,97;
+  --semi-amber-5: 189,91,0;
+  --semi-amber-6: 170,73,0;
+  --semi-amber-7: 148,58,0;
+  --semi-amber-8: 124,45,0;
+  --semi-amber-9: 102,36,0;
   --semi-black-0: 227,227,230;
   --semi-black-1: 191,192,205;
   --semi-black-2: 134,135,154;
@@ -93,26 +93,26 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-black-7: 0,0,0;
   --semi-black-8: 0,0,0;
   --semi-black-9: 0,0,0;
-  --semi-brand-0: 235,243,255;
-  --semi-brand-1: 204,224,255;
-  --semi-brand-2: 153,194,255;
-  --semi-brand-3: 102,163,255;
+  --semi-brand-0: 230,244,255;
+  --semi-brand-1: 215,237,255;
+  --semi-brand-2: 171,219,255;
+  --semi-brand-3: 117,191,255;
   --semi-brand-4: 51,133,255;
   --semi-brand-5: 0,102,255;
   --semi-brand-6: 0,94,235;
   --semi-brand-7: 0,67,184;
-  --semi-brand-8: 0,51,128;
+  --semi-brand-8: 0,60,150;
   --semi-brand-9: 0,31,77;
-  --semi-green-0: 229,249,234;
-  --semi-green-1: 194,242,207;
-  --semi-green-2: 138,229,164;
-  --semi-green-3: 87,217,126;
-  --semi-green-4: 41,204,93;
-  --semi-green-5: 0,191,64;
-  --semi-green-6: 0,159,56;
-  --semi-green-7: 0,127,47;
-  --semi-green-8: 0,96,37;
-  --semi-green-9: 0,64,26;
+  --semi-green-0: 224,243,234;
+  --semi-green-1: 185,231,210;
+  --semi-green-2: 124,207,171;
+  --semi-green-3: 73,183,137;
+  --semi-green-4: 32,159,108;
+  --semi-green-5: 0,135,83;
+  --semi-green-6: 0,113,71;
+  --semi-green-7: 0,90,58;
+  --semi-green-8: 0,68,45;
+  --semi-green-9: 0,45,31;
   --semi-white-0: 255,255,255;
   --semi-white-1: 255,255,255;
   --semi-white-2: 255,255,255;
@@ -173,14 +173,14 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-yellow-7: 170,151,31;
   --semi-yellow-8: 128,115,22;
   --semi-yellow-9: 85,78,14;
-  --semi-neutral-0: 243,243,243;
-  --semi-neutral-1: 226,228,231;
-  --semi-neutral-2: 198,202,207;
-  --semi-neutral-3: 171,176,183;
-  --semi-neutral-4: 145,151,159;
+  --semi-neutral-0: 242,243,244;
+  --semi-neutral-1: 227,228,230;
+  --semi-neutral-2: 201,203,207;
+  --semi-neutral-3: 174,178,183;
+  --semi-neutral-4: 146,151,158;
   --semi-neutral-5: 120,126,135;
-  --semi-neutral-6: 83,87,93;
-  --semi-neutral-7: 48,51,54;
+  --semi-neutral-6: 84,88,95;
+  --semi-neutral-7: 62,66,70;
   --semi-neutral-8: 34,35,38;
   --semi-neutral-9: 24,25,27;
   --semi-light-blue-0: 233,247,254;
@@ -207,27 +207,27 @@ body, body[theme-mode=dark] .semi-always-light {
 
 body[theme-mode=dark], body .semi-always-dark {
   --semi-black: 0, 0, 0;
-  --semi-red-0: 71,6,14;
-  --semi-red-1: 128,14,25;
-  --semi-red-2: 170,24,34;
-  --semi-red-3: 218,37,43;
-  --semi-red-4: 255,51,51;
-  --semi-red-5: 255,97,92;
-  --semi-red-6: 255,141,133;
-  --semi-red-7: 255,184,173;
-  --semi-red-8: 255,211,204;
-  --semi-red-9: 255,233,229;
+  --semi-red-0: 90,0,26;
+  --semi-red-1: 126,0,31;
+  --semi-red-2: 162,3,38;
+  --semi-red-3: 197,10,44;
+  --semi-red-4: 230,0,35;
+  --semi-red-5: 237,63,83;
+  --semi-red-6: 242,109,120;
+  --semi-red-7: 246,156,160;
+  --semi-red-8: 251,205,205;
+  --semi-red-9: 253,235,235;
   --semi-white: 255, 255, 255;
-  --semi-blue-0: 0,31,77;
-  --semi-blue-1: 0,61,153;
-  --semi-blue-2: 0,67,184;
-  --semi-blue-3: 0,92,229;
+  --semi-blue-0: 0,37,112;
+  --semi-blue-1: 0,52,148;
+  --semi-blue-2: 3,69,184;
+  --semi-blue-3: 11,91,219;
   --semi-blue-4: 0,102,255;
-  --semi-blue-5: 51,133,255;
-  --semi-blue-6: 102,163,255;
-  --semi-blue-7: 153,194,255;
-  --semi-blue-8: 204,224,255;
-  --semi-blue-9: 229,240,255;
+  --semi-blue-5: 67,145,255;
+  --semi-blue-6: 114,175,255;
+  --semi-blue-7: 161,203,255;
+  --semi-blue-8: 208,230,255;
+  --semi-blue-9: 237,245,255;
   --semi-cyan-0: 3,59,75;
   --semi-cyan-1: 6,91,113;
   --semi-cyan-2: 9,124,150;
@@ -238,16 +238,16 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-cyan-7: 154,234,243;
   --semi-cyan-8: 203,245,249;
   --semi-cyan-9: 234,251,252;
-  --semi-grey-0: 28,31,35;
-  --semi-grey-1: 46,49,56;
-  --semi-grey-2: 65,69,76;
-  --semi-grey-3: 85,90,97;
-  --semi-grey-4: 107,111,117;
-  --semi-grey-5: 136,140,146;
-  --semi-grey-6: 167,170,176;
-  --semi-grey-7: 198,201,205;
-  --semi-grey-8: 230,232,234;
-  --semi-grey-9: 249,249,249;
+  --semi-grey-0: 25,25,25;
+  --semi-grey-1: 34,34,34;
+  --semi-grey-2: 74,74,74;
+  --semi-grey-3: 95,95,95;
+  --semi-grey-4: 118,118,118;
+  --semi-grey-5: 165,165,165;
+  --semi-grey-6: 205,205,205;
+  --semi-grey-7: 233,233,233;
+  --semi-grey-8: 241,241,241;
+  --semi-grey-9: 245,245,245;
   --semi-lime-0: 44,70,0;
   --semi-lime-1: 67,105,0;
   --semi-lime-2: 92,141,0;
@@ -278,16 +278,16 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-teal-7: 135,225,220;
   --semi-teal-8: 192,240,236;
   --semi-teal-9: 228,247,246;
-  --semi-amber-0: 82,48,27;
-  --semi-amber-1: 124,77,42;
-  --semi-amber-2: 165,109,57;
-  --semi-amber-3: 206,143,74;
-  --semi-amber-4: 244,173,77;
-  --semi-amber-5: 249,200,123;
-  --semi-amber-6: 250,216,155;
-  --semi-amber-7: 252,231,188;
-  --semi-amber-8: 253,244,221;
-  --semi-amber-9: 254,251,243;
+  --semi-amber-0: 110,31,0;
+  --semi-amber-1: 131,43,0;
+  --semi-amber-2: 151,59,3;
+  --semi-amber-3: 172,79,8;
+  --semi-amber-4: 189,91,0;
+  --semi-amber-5: 205,131,54;
+  --semi-amber-6: 217,163,97;
+  --semi-amber-7: 230,194,145;
+  --semi-amber-8: 242,225,198;
+  --semi-amber-9: 249,242,231;
   --semi-black-0: 0,0,0;
   --semi-black-1: 0,0,0;
   --semi-black-2: 0,0,0;
@@ -308,16 +308,16 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-brand-7: 153,194,255;
   --semi-brand-8: 204,224,255;
   --semi-brand-9: 229,240,255;
-  --semi-green-0: 0,61,20;
-  --semi-green-1: 0,102,34;
-  --semi-green-2: 0,127,42;
-  --semi-green-3: 0,159,53;
-  --semi-green-4: 0,191,64;
-  --semi-green-5: 37,208,94;
-  --semi-green-6: 82,224,129;
-  --semi-green-7: 133,234,167;
-  --semi-green-8: 213,246,224;
-  --semi-green-9: 234,251,239;
+  --semi-green-0: 2,46,32;
+  --semi-green-1: 3,69,47;
+  --semi-green-2: 5,92,62;
+  --semi-green-3: 8,115,76;
+  --semi-green-4: 0,135,83;
+  --semi-green-5: 43,161,114;
+  --semi-green-6: 83,185,142;
+  --semi-green-7: 132,208,175;
+  --semi-green-8: 189,232,212;
+  --semi-green-9: 226,243,235;
   --semi-indigo-0: 23,27,101;
   --semi-indigo-1: 32,37,122;
   --semi-indigo-2: 41,49,142;
@@ -368,16 +368,16 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-yellow-7: 255,250,180;
   --semi-yellow-8: 255,254,217;
   --semi-yellow-9: 255,255,241;
-  --semi-neutral-0: 24,25,27;
-  --semi-neutral-1: 34,35,38;
-  --semi-neutral-2: 48,51,54;
-  --semi-neutral-3: 83,87,93;
+  --semi-neutral-0: 44,48,56;
+  --semi-neutral-1: 62,67,77;
+  --semi-neutral-2: 81,87,97;
+  --semi-neutral-3: 101,108,118;
   --semi-neutral-4: 120,126,135;
-  --semi-neutral-5: 146,151,158;
-  --semi-neutral-6: 174,178,183;
-  --semi-neutral-7: 201,203,207;
-  --semi-neutral-8: 227,228,230;
-  --semi-neutral-9: 242,243,244;
+  --semi-neutral-5: 147,153,161;
+  --semi-neutral-6: 173,178,185;
+  --semi-neutral-7: 199,203,208;
+  --semi-neutral-8: 227,229,232;
+  --semi-neutral-9: 243,243,243;
   --semi-light-blue-0: 0,51,97;
   --semi-light-blue-1: 0,73,133;
   --semi-light-blue-2: 0,95,169;
@@ -402,15 +402,15 @@ body[theme-mode=dark], body .semi-always-dark {
 
 body, body[theme-mode=dark] .semi-always-light {
   --semi-color-app: rgba(var(--semi-neutral-0),1);
-  --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
+  --semi-color-bg-0: rgba(var(--semi-grey-0),1);
   --semi-color-bg-1: rgba(255,255,255,1);
   --semi-color-bg-2: rgba(255,255,255,1);
   --semi-color-bg-3: rgba(255,255,255,1);
   --semi-color-bg-4: rgba(255,255,255,1);
   --semi-color-info: rgba(var(--semi-brand-5),1);
   --semi-color-link: rgba(var(--semi-brand-5),1);
-  --semi-color-bg-anti: rgba(var(--semi-neutral-8),1);
-  --semi-color-nav-bg: rgba(var(--semi-neutral-0),1);
+  --semi-color-bg-anti: rgba(var(--semi-grey-9),1);
+  --semi-color-nav-bg: rgba(var(--semi-grey-0), 1);
   --semi-color-black: rgba(0,0,0,1);
   --semi-color-data-0: rgba(var(--semi-brand-5),1);
   --semi-color-data-1: rgba(142, 212, 231, 1);
@@ -422,17 +422,17 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-color-data-7: rgba(139, 215, 210, 1);
   --semi-color-data-8: rgba(131, 176, 35, 1);
   --semi-color-data-9: rgba(233, 165, 229, 1);
-  --semi-color-fill-0: rgba(var(--semi-neutral-5),0.05);
-  --semi-color-fill-1: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-fill-2: rgba(var(--semi-neutral-5),0.16);
-  --semi-color-fill-3: rgba(var(--semi-neutral-5),0.32);
-  --semi-color-text-0: rgba(var(--semi-neutral-9),1);
-  --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
-  --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
-  --semi-color-text-3: rgba(var(--semi-neutral-9),0.4);
+  --semi-color-fill-0: rgba(var(--semi-grey-5),0.05);
+  --semi-color-fill-1: rgba(var(--semi-grey-5),0.08);
+  --semi-color-fill-2: rgba(var(--semi-grey-5),0.16);
+  --semi-color-fill-3: rgba(var(--semi-grey-5),0.32);
+  --semi-color-text-0: rgba(var(--semi-grey-9),1);
+  --semi-color-text-1: rgba(var(--semi-grey-9),0.75);
+  --semi-color-text-2: rgba(var(--semi-grey-9),0.5);
+  --semi-color-text-3: rgba(var(--semi-grey-9),0.25);
   --semi-color-white: rgba(255,255,255,1);
   --semi-color-app-name: rgba(var(--semi-blue-5),1);
-  --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
+  --semi-color-bg-avatar: rgba(var(--semi-grey-5),0.16);
   --semi-color-data-10: rgba(48, 167, 206, 1);
   --semi-color-data-11: rgba(249, 192, 100, 1);
   --semi-color-data-12: rgba(177, 113, 249, 1);
@@ -441,13 +441,13 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-color-data-15: rgba(255, 170, 178, 1);
   --semi-color-data-16: rgba(51, 176, 171, 1);
   --semi-color-data-17: rgba(182, 215, 129, 1);
-  --semi-color-data-18: rgba(212, 88, 212, 1);
+  --semi-color-data-18: rgba(212,88,212,1);
   --semi-color-data-19: rgba(188, 198, 255, 1);
   --semi-color-data-20: rgba(121,137,255, 1);
-  --semi-color-border: rgba(var(--semi-neutral-5),0.16);
-  --semi-color-danger: rgba(var(--semi-red-5), 1);
-  --semi-color-shadow: rgba(var(--semi-neutral-9),0.05);
-  --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
+  --semi-color-border: rgba(var(--semi-grey-8),0.16);
+  --semi-color-danger: rgba(var(--semi-red-5),1);
+  --semi-color-shadow: rgba(var(--semi-grey-9), 0.05);
+  --semi-color-text-nav: rgba(var(--semi-grey-9),0.75);
   --semi-color-app-header: rgba(var(--semi-neutral-0),0);
   --semi-color-bg-dropdown: rgba(255,255,255,1);
   --semi-color-black-10: rgba(0,0,0,0.1);
@@ -474,68 +474,68 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-color-link-hover: rgba(var(--semi-brand-6), 1);
   --semi-color-primary: rgba(var(--semi-brand-5),1);
   --semi-color-success: rgba(var(--semi-green-5),1);
-  --semi-color-tab-HoverBg: rgba(var(--semi-neutral-1),1);
-  --semi-color-warning: rgba(var(--semi-orange-5),1);
-  --semi-color-app-siderbar: rgba(var(--semi-neutral-1),0);
-  --semi-color-card-border: rgba(var(--semi-neutral-5),0.16);
+  --semi-color-tab-HoverBg: rgba(var(--semi-grey-5),0.16);
+  --semi-color-warning: rgba(var(--semi-amber-5), 1);
+  --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
+  --semi-color-card-border: rgba(var(--semi-grey-8),0.16);
   --semi-color-info-active: rgba(var(--semi-brand-7), 1);
   --semi-color-link-active: rgba(var(--semi-brand-7),1);
   --semi-color-app-container: rgba(255,255,255,1);
   --semi-color-bg-transparent: rgba(255,255,255,0);
-  --semi-color-card-HoverBg: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-divider-0: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-divider-1: rgba(var(--semi-neutral-5),0.16);
-  --semi-color-divider-2: rgba(var(--semi-neutral-5),0.22);
+  --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.08);
+  --semi-color-divider-0: rgba(var(--semi-grey-8),0.22);
+  --semi-color-divider-1: rgba(var(--semi-grey-8),0.16);
+  --semi-color-divider-2: rgba(var(--semi-grey-8),0.08);
   --semi-color-link-visited: rgba(var(--semi-brand-3),1);
   --semi-color-photo-toast: rgba(0,0,0,0.9);
-  --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-0),1);
-  --semi-color-tertiary: rgba(var(--semi-neutral-5),1);
-  --semi-color-card-ActiveBg: rgba(var(--semi-brand-5),0.12);
+  --semi-color-tab-DefaultBg: rgba(var(--semi-grey-5),0.05);
+  --semi-color-tertiary: rgba(var(--semi-grey-5),1);
+  --semi-color-card-ActiveBg: rgba(var(--semi-grey-5),0.12);
   --semi-color-focus-border: rgba(var(--semi-brand-5),1);
-  --semi-color-info-disabled: rgba(var(--semi-neutral-5),0.08);
+  --semi-color-info-disabled: rgba(var(--semi-grey-5),0.16);
   --semi-color-overlay-bg: rgba(0,0,0,0.7);
-  --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
-  --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
-  --semi-color-Scrollbar: rgba(var(--semi-neutral-5),0.16);
-  --semi-color-border-hover: rgba(var(--semi-neutral-5),0.22);
-  --semi-color-border-modal: rgba(var(--semi-neutral-5),0.16);
-  --semi-color-card-DefaultBg: rgba(var(--semi-neutral-5),0.05);
+  --semi-color-tab-DisabledBg: rgba(var(--semi-grey-5),0.16);
+  --semi-color-tab-SelectedBg: rgba(var(--semi-grey-9),1);
+  --semi-color-Scrollbar: rgba(var(--semi-grey-5),0.16);
+  --semi-color-border-hover: rgba(var(--semi-grey-8),0.22);
+  --semi-color-border-modal: rgba(var(--semi-grey-8),0.08);
+  --semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.05);
   --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
-  --semi-color-highlight: rgba(var(--semi-black),1);
+  --semi-color-highlight: rgba(var(--semi-grey-9), 1);
   --semi-color-input-HoverBg: rgba(255,255,255,1);
   --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
   --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
   --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-border-active: rgba(var(--semi-neutral-5),0.32);
-  --semi-color-border-select: rgba(var(--semi-neutral-0),0);
+  --semi-color-border-active: rgba(var(--semi-brand-5),1);
+  --semi-color-border-select: rgba(var(--semi-grey-8),0);
   --semi-color-danger-active: rgba(var(--semi-red-7), 1);
-  --semi-color-disabled-bg: rgba(var(--semi-neutral-5),0.08);
+  --semi-color-disabled-bg: rgba(var(--semi-grey-5), 0.08);
   --semi-color-input-ActiveBg: rgba(255,255,255,1);
   --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.12);
-  --semi-color-card-borderHover: rgba(var(--semi-neutral-6),0.2);
+  --semi-color-card-borderHover: rgba(var(--semi-grey-8),0.22);
   --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
   --semi-color-input-DefaultBg: rgba(255,255,255,1);
   --semi-color-photo-toastText: rgba(255,255,255,1);
   --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
   --semi-color-success-hover: rgba(var(--semi-green-6), 1);
-  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
+  --semi-color-warning-hover: rgba(var(--semi-amber-6), 1);
   --semi-color-Component-bg: rgba(255,255,255,0.5);
   --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
   --semi-color-default-active: rgba(var(--semi-grey-2), 1);
-  --semi-color-disabled-fill: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-disabled-text: rgba(var(--semi-neutral-5),0.4);
-  --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
-  --semi-color-input-DisabledBg: rgba(var(--semi-neutral-5),0.08);
+  --semi-color-disabled-fill: rgba(var(--semi-grey-5), 0.08);
+  --semi-color-disabled-text: rgba(var(--semi-grey-5), 0.4);
+  --semi-color-highlight-bg: rgba(var(--semi-yellow-5),1);
+  --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.16);
   --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
   --semi-color-success-active: rgba(var(--semi-green-7), 1);
-  --semi-color-warning-active: rgba(var(--semi-orange-7),1);
-  --semi-color-tertiary-hover: rgba(var(--semi-neutral-6),0.8);
+  --semi-color-warning-active: rgba(var(--semi-amber-7), 1);
+  --semi-color-tertiary-hover: rgba(var(--semi-grey-6),0.8);
   --semi-color-Component-card: rgba(255,255,255,0.9);
-  --semi-color-disabled-border: rgba(var(--semi-neutral-5),0.2);
+  --semi-color-disabled-border: rgba(var(--semi-grey-5), 0.2);
   --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-success-disabled: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-tertiary-active: rgba(var(--semi-neutral-6),1);
-  --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),0.32);
+  --semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
+  --semi-color-tertiary-active: rgba(var(--semi-grey-7),1);
+  --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
   --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
   --semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
   --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -551,18 +551,18 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
   --semi-color-primary-light-hover: rgba(var(--semi-brand-1),1);
   --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
-  --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
+  --semi-color-warning-light-hover: rgba(var(--semi-amber-1), 1);
   --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
-  --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
-  --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
+  --semi-color-success-light-active: rgba(var(--semi-green-2),1);
+  --semi-color-warning-light-active: rgba(var(--semi-amber-2), 1);
   --semi-color-primary-light-default: rgba(var(--semi-brand-0),1);
   --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
-  --semi-color-tertiary-light-hover: rgba(var(--semi-neutral-1), 1);
-  --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
-  --semi-color-tertiary-light-active: rgba(var(--semi-neutral-7), 1);
+  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-3),1);
+  --semi-color-warning-light-default: rgba(var(--semi-amber-0), 1);
+  --semi-color-tertiary-light-active: rgba(var(--semi-grey-4),1);
   --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
   --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1), 1);
-  --semi-color-tertiary-light-default: rgba(var(--semi-neutral-0), 1);
+  --semi-color-tertiary-light-default: rgba(var(--semi-grey-2),1);
   --semi-color-secondary-light-active: rgba(var(--semi-light-blue-2), 1);
   --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
   --semi-color-CheckboxPhoto-DefaultBorder: rgba(255,255,255,1);
@@ -590,18 +590,18 @@ body, body[theme-mode=dark] .semi-always-light {
 }
 
 body[theme-mode=dark], body .semi-always-dark {
-  --semi-color-app: rgba(var(--semi-neutral-0),1);
-  --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
-  --semi-color-bg-1: rgba(var(--semi-neutral-1), 1);
-  --semi-color-bg-2: rgba(var(--semi-neutral-1),1);
-  --semi-color-bg-3: rgba(var(--semi-neutral-2),1);
-  --semi-color-bg-4: rgba(var(--semi-neutral-2),1);
-  --semi-color-info: rgba(var(--semi-brand-5),1);
-  --semi-color-link: rgba(var(--semi-brand-5),1);
+  --semi-color-app: rgba(var(--semi-grey-0),1);
+  --semi-color-bg-0: rgba(var(--semi-grey-0), 1);
+  --semi-color-bg-1: rgba(var(--semi-grey-1), 1);
+  --semi-color-bg-2: rgba(var(--semi-grey-1), 1);
+  --semi-color-bg-3: rgba(var(--semi-grey-2), 1);
+  --semi-color-bg-4: rgba(var(--semi-grey-2), 1);
+  --semi-color-info: rgba(var(--semi-brand-4),1);
+  --semi-color-link: rgba(var(--semi-brand-4),1);
   --semi-color-bg-anti: rgba(255,255,255,1);
-  --semi-color-nav-bg: rgba(var(--semi-neutral-2),1);
+  --semi-color-nav-bg: rgba(var(--semi-grey-2), 1);
   --semi-color-black: rgba(0,0,0,1);
-  --semi-color-data-0: rgba(var(--semi-brand-5),1);
+  --semi-color-data-0: rgba(var(--semi-brand-4),1);
   --semi-color-data-1: rgba(102,204,255,1);
   --semi-color-data-2: rgba(245,135,0,1);
   --semi-color-data-3: rgba(220,183,252,1);
@@ -611,16 +611,16 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-color-data-7: rgba(139,215,210,1);
   --semi-color-data-8: rgba(140,176,35,1);
   --semi-color-data-9: rgba(233,165,229,1);
-  --semi-color-fill-0: rgba(var(--semi-neutral-5), 0.05);
-  --semi-color-fill-1: rgba(var(--semi-neutral-5), 0.08);
-  --semi-color-fill-2: rgba(var(--semi-neutral-5), 0.16);
-  --semi-color-fill-3: rgba(var(--semi-neutral-5),0.32);
+  --semi-color-fill-0: rgba(var(--semi-grey-5), 0.05);
+  --semi-color-fill-1: rgba(var(--semi-grey-5),0.08);
+  --semi-color-fill-2: rgba(var(--semi-grey-5),0.16);
+  --semi-color-fill-3: rgba(var(--semi-grey-5),0.32);
   --semi-color-text-0: rgba(255,255,255,1);
-  --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
-  --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
-  --semi-color-text-3: rgba(var(--semi-neutral-9),0.4);
+  --semi-color-text-1: rgba(255,255,255,0.75);
+  --semi-color-text-2: rgba(255,255,255,0.5);
+  --semi-color-text-3: rgba(255,255,255,0.25);
   --semi-color-white: rgba(255,255,255,1);
-  --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
+  --semi-color-bg-avatar: rgba(var(--semi-grey-5),0.16);
   --semi-color-data-10: rgba(48,167,206,1);
   --semi-color-data-11: rgba(249,192,100,1);
   --semi-color-data-12: rgba(177,113,249,1);
@@ -632,12 +632,12 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-color-data-18: rgba(212,88,212,1);
   --semi-color-data-19: rgba(188,198,255,1);
   --semi-color-data-20: rgba(var(--semi-brand-4), 1);
-  --semi-color-border: rgba(var(--semi-neutral-5),0.16);
-  --semi-color-danger: rgba(var(--semi-red-5),1);
-  --semi-color-shadow: rgba(var(--semi-neutral-0),0.8);
-  --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
-  --semi-color-app-header: rgba(var(--semi-neutral-0),0);
-  --semi-color-bg-dropdown: rgba(var(--semi-neutral-2),1);
+  --semi-color-border: rgba(var(--semi-grey-5), 0.16);
+  --semi-color-danger: rgba(var(--semi-red-4),1);
+  --semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
+  --semi-color-text-nav: rgba(255,255,255,0.75);
+  --semi-color-app-header: rgba(var(--semi-grey-0),0);
+  --semi-color-bg-dropdown: rgba(var(--semi-grey-2),1);
   --semi-color-black-10: rgba(0,0,0,0.1);
   --semi-color-black-20: rgba(0,0,0,0.2);
   --semi-color-black-30: rgba(0,0,0,0.3);
@@ -647,7 +647,7 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-color-black-70: rgba(0,0,0,0.7);
   --semi-color-black-80: rgba(0,0,0,0.8);
   --semi-color-black-90: rgba(0,0,0,0.9);
-  --semi-color-text-anti: rgba(var(--semi-neutral-0),1);
+  --semi-color-text-anti: rgba(var(--semi-grey-0),1);
   --semi-color-white-10: rgba(255,255,255,0.1);
   --semi-color-white-20: rgba(255,255,255,0.2);
   --semi-color-white-30: rgba(255,255,255,0.3);
@@ -657,74 +657,74 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-color-white-70: rgba(255,255,255,0.7);
   --semi-color-white-80: rgba(255,255,255,0.8);
   --semi-color-white-90: rgba(255,255,255,0.9);
-  --semi-color-default: rgba(var(--semi-neutral-0), 1);
-  --semi-color-info-hover: rgba(var(--semi-brand-4),1);
-  --semi-color-link-hover: rgba(var(--semi-brand-4),1);
-  --semi-color-primary: rgba(var(--semi-brand-5),1);
-  --semi-color-success: rgba(var(--semi-green-5),1);
-  --semi-color-tab-HoverBg: rgba(var(--semi-neutral-2),1);
-  --semi-color-warning: rgba(var(--semi-orange-5),1);
-  --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
-  --semi-color-card-border: rgba(var(--semi-neutral-5),0.16);
-  --semi-color-info-active: rgba(var(--semi-brand-3),1);
-  --semi-color-link-active: rgba(var(--semi-brand-3),1);
-  --semi-color-app-container: rgba(var(--semi-neutral-1),1);
-  --semi-color-bg-transparent: rgba(var(--semi-neutral-0),0);
-  --semi-color-card-HoverBg: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-divider-0: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-divider-1: rgba(var(--semi-neutral-5),0.16);
-  --semi-color-divider-2: rgba(var(--semi-neutral-5),0.22);
+  --semi-color-default: rgba(var(--semi-grey-0), 1);
+  --semi-color-info-hover: rgba(var(--semi-brand-3),1);
+  --semi-color-link-hover: rgba(var(--semi-brand-3),1);
+  --semi-color-primary: rgba(var(--semi-brand-4),1);
+  --semi-color-success: rgba(var(--semi-green-4),1);
+  --semi-color-tab-HoverBg: rgba(var(--semi-grey-2), 1);
+  --semi-color-warning: rgba(var(--semi-amber-4),1);
+  --semi-color-app-siderbar: rgba(var(--semi-grey-0), 0);
+  --semi-color-card-border: rgba(var(--semi-grey-5),0.16);
+  --semi-color-info-active: rgba(var(--semi-brand-2),1);
+  --semi-color-link-active: rgba(var(--semi-brand-2),1);
+  --semi-color-app-container: rgba(var(--semi-grey-1),1);
+  --semi-color-bg-transparent: rgba(var(--semi-grey-0),0);
+  --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.08);
+  --semi-color-divider-0: rgba(var(--semi-grey-5),0.22);
+  --semi-color-divider-1: rgba(var(--semi-grey-5),0.16);
+  --semi-color-divider-2: rgba(var(--semi-grey-5),0.08);
   --semi-color-link-visited: rgba(var(--semi-brand-2),1);
   --semi-color-photo-toast: rgba(0,0,0,0.9);
-  --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-1),1);
-  --semi-color-tertiary: rgba(var(--semi-neutral-5),0.16);
-  --semi-color-card-ActiveBg: rgba(var(--semi-brand-5),0.12);
-  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
-  --semi-color-info-disabled: rgba(var(--semi-neutral-5),0.08);
+  --semi-color-tab-DefaultBg: rgba(var(--semi-grey-1), 1);
+  --semi-color-tertiary: rgba(var(--semi-grey-5), 0.16);
+  --semi-color-card-ActiveBg: rgba(var(--semi-brand-4),0.12);
+  --semi-color-focus-border: rgba(var(--semi-brand-4),1);
+  --semi-color-info-disabled: rgba(var(--semi-grey-5),0.16);
   --semi-color-overlay-bg: rgba(0,0,0,0.6);
   --semi-color-shadow-anti: rgba(0,0,0,0.7);
-  --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
-  --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
-  --semi-color-Scrollbar: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-border-hover: rgba(var(--semi-neutral-5),0.22);
-  --semi-color-border-modal: rgba(var(--semi-neutral-5),0.22);
-  --semi-color-card-DefaultBg: rgba(var(--semi-neutral-5),0.05);
-  --semi-color-danger-hover: rgba(var(--semi-red-4),1);
+  --semi-color-tab-DisabledBg: rgba(var(--semi-grey-2), 1);
+  --semi-color-tab-SelectedBg: rgba(var(--semi-grey-9), 1);
+  --semi-color-Scrollbar: rgba(var(--semi-grey-5), 0.08);
+  --semi-color-border-hover: rgba(var(--semi-grey-5), 0.22);
+  --semi-color-border-modal: rgba(var(--semi-grey-5),0.16);
+  --semi-color-card-DefaultBg: rgba(var(--semi-grey-5), 0.05);
+  --semi-color-danger-hover: rgba(var(--semi-red-3),1);
   --semi-color-highlight: rgba(var(--semi-white),1);
-  --semi-color-input-HoverBg: rgba(var(--semi-neutral-5),0.08);
+  --semi-color-input-HoverBg: rgba(var(--semi-grey-5), 0.08);
   --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
-  --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.12);
-  --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-border-actvie: rgba(var(--semi-neutral-5),0.32);
-  --semi-color-border-select: rgba(var(--semi-neutral-5),0.22);
-  --semi-color-danger-active: rgba(var(--semi-red-3),1);
-  --semi-color-disabled-bg: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-input-ActiveBg: rgba(var(--semi-neutral-5),0.05);
-  --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.2);
-  --semi-color-card-borderHover: rgba(var(--semi-neutral-5),0.22);
-  --semi-color-default-hover: rgba(var(--semi-neutral-1), 1);
-  --semi-color-input-DefaultBg: rgba(var(--semi-neutral-5),0.05);
+  --semi-color-table-FocusBg: rgba(var(--semi-brand-4),0.12);
+  --semi-color-table-HoverBg: rgba(var(--semi-grey-5),0.08);
+  --semi-color-border-actvie: rgba(var(--semi-grey-5), 0.32);
+  --semi-color-border-select: rgba(var(--semi-grey-5), 0.22);
+  --semi-color-danger-active: rgba(var(--semi-red-2),1);
+  --semi-color-disabled-bg: rgba(var(--semi-grey-5),0.16);
+  --semi-color-input-ActiveBg: rgba(var(--semi-grey-5),0.05);
+  --semi-color-table-ActiveBg: rgba(var(--semi-brand-4),0.2);
+  --semi-color-card-borderHover: rgba(var(--semi-grey-5),0.22);
+  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
+  --semi-color-input-DefaultBg: rgba(var(--semi-grey-5), 0.05);
   --semi-color-photo-toastText: rgba(255,255,255,1);
-  --semi-color-primary-hover: rgba(var(--semi-brand-4),1);
-  --semi-color-success-hover: rgba(var(--semi-green-4),1);
-  --semi-color-warning-hover: rgba(var(--semi-orange-4),1);
+  --semi-color-primary-hover: rgba(var(--semi-brand-3),1);
+  --semi-color-success-hover: rgba(var(--semi-green-3),1);
+  --semi-color-warning-hover: rgba(var(--semi-amber-3),1);
   --semi-color-Component-bg: rgba(0,0,0,0.6);
-  --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
-  --semi-color-default-active: rgba(var(--semi-neutral-2), 1);
-  --semi-color-disabled-fill: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-disabled-text: rgba(var(--semi-neutral-5),0.4);
+  --semi-color-card-borderActive: rgba(var(--semi-brand-4),1);
+  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
+  --semi-color-disabled-fill: rgba(var(--semi-grey-5),0.16);
+  --semi-color-disabled-text: rgba(var(--semi-grey-5),0.25);
   --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
-  --semi-color-input-DisabledBg: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-primary-active: rgba(var(--semi-brand-3),1);
-  --semi-color-success-active: rgba(var(--semi-green-3),1);
-  --semi-color-warning-active: rgba(var(--semi-orange-3),1);
-  --semi-color-tertiary-hover: rgba(var(--semi-neutral-5),0.32);
+  --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.08);
+  --semi-color-primary-active: rgba(var(--semi-brand-2),1);
+  --semi-color-success-active: rgba(var(--semi-green-2),1);
+  --semi-color-warning-active: rgba(var(--semi-amber-2),1);
+  --semi-color-tertiary-hover: rgba(var(--semi-grey-5), 0.32);
   --semi-color-Component-card: rgba(12,13,13,0.6);
-  --semi-color-disabled-border: rgba(var(--semi-neutral-5),0.2);
+  --semi-color-disabled-border: rgba(var(--semi-grey-5),0.2);
   --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-success-disabled: rgba(var(--semi-neutral-5),0.08);
-  --semi-color-tertiary-active: rgba(var(--semi-neutral-5),0.34);
-  --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),0.16);
+  --semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
+  --semi-color-tertiary-active: rgba(var(--semi-grey-5), 0.34);
+  --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5), 0.16);
   --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
   --semi-color-overlay-CustomAnti: rgba(0,0,0,0.6);
   --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -740,18 +740,18 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
   --semi-color-primary-light-hover: rgba(var(--semi-brand-1),0.55);
   --semi-color-success-light-hover: rgba(var(--semi-green-1),1);
-  --semi-color-warning-light-hover: rgba(var(--semi-orange-1),1);
+  --semi-color-warning-light-hover: rgba(var(--semi-amber-1), 1);
   --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
   --semi-color-success-light-active: rgba(var(--semi-green-2),1);
-  --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
+  --semi-color-warning-light-active: rgba(var(--semi-amber-2), 1);
   --semi-color-primary-light-default: rgba(var(--semi-brand-0),0.3);
   --semi-color-success-light-default: rgba(var(--semi-green-0),1);
-  --semi-color-tertiary-light-hover: rgba(var(--semi-neutral-5), 0.3);
-  --semi-color-warning-light-default: rgba(var(--semi-orange-0),1);
-  --semi-color-tertiary-light-active: rgba(var(--semi-neutral-5), 0.4);
+  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
+  --semi-color-warning-light-default: rgba(var(--semi-amber-0), 1);
+  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
   --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
   --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
-  --semi-color-tertiary-light-default: rgba(var(--semi-neutral-5), 0.2);
+  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
   --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
   --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
   --semi-color-CheckboxPhoto-DefaultBorder: rgba(255,255,255,0.7);
@@ -813,18 +813,1170 @@ body {
   --semi-transition_function-easeOut:cubic-bezier(0, 0, 0.2, 1);
   --semi-transition_function-easeInOut:cubic-bezier(0.4, 0, 0.2, 1);
 }
-
-.semi-portal {
+
+.semi-portal {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1;
+}
+.semi-portal-inner {
+  position: absolute;
+  background-color: transparent;
+  min-width: max-content;
+}
+
+.semi-ai-chat-dialogue {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.semi-ai-chat-dialogue-list {
+  flex: 1 1;
+  position: relative;
+  overflow-y: scroll;
+}
+.semi-ai-chat-dialogue-list-scroll-hidden::-webkit-scrollbar {
+  display: none;
+}
+.semi-ai-chat-dialogue-wrapper {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  flex-wrap: nowrap;
+  padding: 8px 16px;
+  margin-top: 2px;
+  column-gap: 16px;
+}
+.semi-ai-chat-dialogue-wrapper-selected {
+  background-color: var(--semi-color-fill-0);
+  border-radius: 16px;
+}
+.semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: row;
+  column-gap: 12px;
+}
+.semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right {
+  flex-direction: row-reverse;
+}
+.semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-inner {
+  align-items: flex-end;
+}
+.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 {
+  margin-left: auto;
+}
+.semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-inner {
+  text-align: right;
+}
+.semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-inner .semi-markdownRender {
+  text-align: left;
+}
+.semi-ai-chat-dialogue-wrapper:hover .semi-ai-chat-dialogue-action:not(.semi-ai-chat-dialogue-action-hidden) {
+  visibility: visible;
+}
+.semi-ai-chat-dialogue-backBottom {
+  position: relative;
+  z-index: 1;
+}
+.semi-ai-chat-dialogue-backBottom-button {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+}
+.semi-ai-chat-dialogue-backBottom .semi-button {
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.semi-ai-chat-dialogue-title {
+  line-height: 20px;
+  font-size: 16px;
+  font-weight: 400;
+}
+.semi-ai-chat-dialogue-inner {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.semi-ai-chat-dialogue-avatar {
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+}
+.semi-ai-chat-dialogue-avatar-hidden {
+  visibility: hidden;
+}
+.semi-ai-chat-dialogue-content {
+  max-width: 100%;
+  font-size: 14px;
+}
+.semi-ai-chat-dialogue-content pre {
+  background-color: transparent;
+}
+.semi-ai-chat-dialogue-content-editing {
+  width: 100%;
+}
+.semi-ai-chat-dialogue-content-wrapper {
+  display: flex;
+  align-items: end;
+}
+.semi-ai-chat-dialogue-content-inner {
+  margin-left: auto;
+  width: 100%;
+}
+.semi-ai-chat-dialogue-content-failed {
+  color: var(--semi-color-danger);
+  margin-right: 8px;
+}
+.semi-ai-chat-dialogue-content-user {
+  display: flex;
+}
+.semi-ai-chat-dialogue-content-user:hover .semi-ai-chat-dialogue-content-icon-reference {
+  display: flex;
+  padding: 0px 8px;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.semi-ai-chat-dialogue-content-bubble, .semi-ai-chat-dialogue-content-userBubble {
+  margin-top: 8px;
+  padding: 12px 16px;
+  border-radius: var(--semi-border-radius-large);
+  background-color: var(--semi-color-fill-0);
+  max-width: 100%;
+  box-sizing: border-box;
+  width: fit-content;
+}
+.semi-ai-chat-dialogue-content-no-bubble {
+  margin-top: 8px;
+  width: fit-content;
+}
+.semi-ai-chat-dialogue-content-loading {
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+}
+.semi-ai-chat-dialogue-content-loading > span:nth-child(1) {
+  animation-delay: -200ms;
+  background-color: rgb(83, 56, 255);
+}
+.semi-ai-chat-dialogue-content-loading > span:nth-child(2) {
+  animation-delay: -100ms;
+  background-color: rgb(176, 48, 240);
+}
+.semi-ai-chat-dialogue-content-loading > span:nth-child(3) {
+  animation-delay: 0ms;
+  background-color: rgb(231, 45, 255);
+}
+.semi-ai-chat-dialogue-content-loading-item {
+  border-radius: var(--semi-border-radius-circle);
+  height: 3px;
+  width: 3px;
+  margin: 1px 1px;
+  overflow: visible;
+  position: relative;
+  animation: semi-ai-chat-dialogue-loading-bounce 1s infinite ease;
+}
+.semi-ai-chat-dialogue-content-loading-text {
+  margin-left: 8px;
+  color: var(--semi-color-text-3);
+  font-size: 14px;
+}
+.semi-ai-chat-dialogue-content-icon-reference {
+  display: none;
+}
+.semi-ai-chat-dialogue-content-img {
+  margin-top: 8px;
+  border-radius: var(--semi-border-radius-medium);
+}
+.semi-ai-chat-dialogue-content-img img {
+  width: 256px;
+  height: 256px;
+  object-fit: cover;
+}
+.semi-ai-chat-dialogue-content-img-list {
+  display: inline-flex;
+  flex-direction: column;
+  margin-right: 4px;
+}
+.semi-ai-chat-dialogue-content-img-list img {
+  width: 128px;
+  height: 128px;
+  object-fit: cover;
+}
+.semi-ai-chat-dialogue-content-img-last {
+  margin-right: 0;
+}
+.semi-ai-chat-dialogue-content-file {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  height: 36px;
+  width: 224px;
+  column-gap: 8px;
+  padding: 8px 8px;
+  margin-top: 8px;
+  margin-right: 8px;
+  border-radius: var(--semi-border-radius-medium);
+  background: var(--semi-color-fill-0);
+  text-decoration: none;
+  vertical-align: top;
+}
+.semi-ai-chat-dialogue-content-file:hover .semi-ai-chat-dialogue-content-icon-reference {
+  display: flex;
+  flex-shrink: 0;
+  padding: 0px 8px;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-left: auto;
+  color: var(--semi-color-text-0);
+}
+.semi-ai-chat-dialogue-content-file:hover .semi-ai-chat-dialogue-content-file-title-ellipsis {
+  max-width: 140px;
+}
+.semi-ai-chat-dialogue-content-file-last {
+  margin-right: 0;
+}
+.semi-ai-chat-dialogue-content-file-icon {
+  color: var(--semi-color-white);
+}
+.semi-ai-chat-dialogue-content-file-icon-wrapper {
+  width: 36px;
+  height: 36px;
+  border-radius: var(--semi-border-radius-extra-small);
+  flex-shrink: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.semi-ai-chat-dialogue-content-file-icon-code {
+  background-color: rgba(var(--semi-teal-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-icon-word {
+  background-color: rgba(var(--semi-blue-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-icon-pdf {
+  background-color: rgba(var(--semi-red-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-icon-excel {
+  background-color: rgba(var(--semi-green-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-icon-video {
+  background-color: rgba(var(--semi-purple-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-icon-image .semi-ai-chat-dialogue-content-file-icon {
+  background-size: cover;
+  background-position: center;
+  width: 36px;
+  height: 36px;
+}
+.semi-ai-chat-dialogue-content-file-icon-default {
+  background-color: rgba(var(--semi-grey-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-info {
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  flex-shrink: 1;
+}
+.semi-ai-chat-dialogue-content-file-title {
+  font-size: 16px;
+  color: var(--semi-color-text-0);
+  max-width: 180px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.semi-ai-chat-dialogue-content-file-metadata {
+  font-size: 14px;
+  color: var(--semi-color-text-2);
+}
+.semi-ai-chat-dialogue-content-file-type {
+  text-transform: uppercase;
+}
+.semi-ai-chat-dialogue-content-tool-call {
+  display: flex;
+  color: var(--semi-color-text-2);
+  padding: 6px 8px;
+  background-color: var(--semi-color-fill-0);
+  border-radius: var(--semi-border-radius-medium);
+  width: fit-content;
+  align-items: center;
+  justify-content: center;
+  column-gap: 4px;
+  margin-top: 8px;
+}
+.semi-ai-chat-dialogue-content-custom-renderer {
+  margin-top: 8px;
+  width: fit-content;
+}
+.semi-ai-chat-dialogue-action {
+  margin-top: 8px;
+  visibility: hidden;
+}
+.semi-ai-chat-dialogue-action-btn {
+  width: 24px;
+  height: 24px;
+}
+.semi-ai-chat-dialogue-action-icon-flip {
+  transform: scaleY(-1);
+}
+.semi-ai-chat-dialogue-action-show {
+  visibility: visible;
+}
+.semi-ai-chat-dialogue-action.semi-ai-chat-dialogue-action-hidden, .semi-ai-chat-dialogue-action:hover.semi-ai-chat-dialogue-action-hidden {
+  visibility: hidden;
+}
+.semi-ai-chat-dialogue-action-dropdown li {
+  color: var(--semi-color-danger);
+}
+.semi-ai-chat-dialogue-action-dropdown .semi-icon {
+  font-size: 16px;
+}
+.semi-ai-chat-dialogue-reasoning {
+  width: 100%;
+}
+.semi-ai-chat-dialogue-reasoning-wrapper {
+  width: 100%;
+  margin-top: 8px;
+  cursor: pointer;
+  border: 1px solid var(--semi-color-border);
+  border-radius: var(--semi-border-radius-large);
+}
+.semi-ai-chat-dialogue-reasoning-header {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+}
+.semi-ai-chat-dialogue-reasoning-header-prefix, .semi-ai-chat-dialogue-reasoning-header-suffix {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.semi-ai-chat-dialogue-reasoning-header-title {
+  flex: 1 1 auto;
+  line-height: 22px;
+  font-weight: 600;
+}
+.semi-ai-chat-dialogue-reasoning-content {
+  padding: 12px 16px;
+  border-top: 1px solid var(--semi-color-border);
+}
+.semi-ai-chat-dialogue-step {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  line-height: 20px;
+  padding: 6px 12px;
+  border: 1px solid var(--semi-color-border);
+  border-radius: var(--semi-border-radius-medium);
+  margin-top: 12px;
+  font-size: 14px;
+}
+.semi-ai-chat-dialogue-step .semi-ai-chat-dialogue-content-loading {
+  margin-top: 0;
+}
+.semi-ai-chat-dialogue-step-completed {
+  color: var(--semi-color-success);
+}
+.semi-ai-chat-dialogue-step-summary {
+  display: inline-block;
+  width: fit-content;
+  cursor: pointer;
+}
+.semi-ai-chat-dialogue-step-prefix {
+  width: 20px;
+  height: 20px;
+  color: var(--semi-color-text-1);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 6px;
+}
+.semi-ai-chat-dialogue-step-suffix {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--semi-color-text-1);
+  margin-left: 8px;
+}
+.semi-ai-chat-dialogue-step-panel {
+  display: flex;
+  gap: 12px;
+}
+.semi-ai-chat-dialogue-step-line {
+  width: 1px;
+  background-color: var(--semi-color-border);
+  margin-left: 20px;
+}
+.semi-ai-chat-dialogue-step-action {
+  line-height: 20px;
+  margin-top: 12px;
+  font-size: 14px;
+}
+.semi-ai-chat-dialogue-step-action-summary {
+  margin-bottom: 4px;
+}
+.semi-ai-chat-dialogue-step-action-desc {
+  display: inline-flex;
+  color: var(--semi-color-text-2);
+  padding: 6px 8px;
+  background-color: var(--semi-color-fill-0);
+  border-radius: var(--semi-border-radius-medium);
+  width: fit-content;
+  align-items: center;
+  justify-content: center;
+  column-gap: 4px;
+}
+.semi-ai-chat-dialogue-step-wrapper > .semi-ai-chat-dialogue-step:first-child {
+  margin-top: 4px;
+}
+.semi-ai-chat-dialogue-annotation {
+  width: 100%;
+}
+.semi-ai-chat-dialogue-annotation-wrapper {
+  width: fit-content;
+  margin-top: 8px;
+  flex: 1 1 auto;
+  border: 1px solid var(--semi-color-border);
+  border-radius: var(--semi-border-radius-medium);
+  padding: 8px 12px;
+}
+.semi-ai-chat-dialogue-annotation-wrapper:hover {
+  background-color: var(--semi-color-fill-0);
+}
+.semi-ai-chat-dialogue-annotation-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  column-gap: 8px;
+  font-size: 14px;
+  color: var(--semi-color-text-2);
+  cursor: pointer;
+}
+.semi-ai-chat-dialogue-annotation-content .semi-avatar-group {
+  display: flex;
+}
+.semi-ai-chat-dialogue-annotation-content-logo {
+  width: 16px;
+  height: 16px;
+  display: flex;
+}
+.semi-ai-chat-dialogue-annotation-content-logo-renderMore {
+  width: 16px;
+  height: 16px;
+}
+.semi-ai-chat-dialogue-annotation-content-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.semi-ai-chat-dialogue-references {
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--semi-color-text-2);
+  margin-top: 8px;
+  column-gap: 4px;
+  row-gap: 4px;
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference {
+  display: flex;
+  padding: 8px 12px;
+  box-sizing: border-box;
+  width: fit-content;
+  max-width: 200px;
+  flex-shrink: 1;
+  align-items: center;
+  column-gap: 8px;
+  background-color: var(--semi-color-fill-0);
+  border-radius: var(--semi-border-radius-medium);
+  margin-left: auto;
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-content {
+  display: flex;
+  align-items: center;
+  flex-grow: 1;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 4px;
+  color: var(--semi-color-white);
+  width: 16px;
+  height: 16px;
+  border-radius: 2px;
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-word {
+  background-color: rgba(var(--semi-blue-4), 1);
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-pdf {
+  background-color: rgba(var(--semi-red-4), 1);
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-excel {
+  background-color: rgba(var(--semi-green-4), 1);
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-video {
+  background-color: rgba(var(--semi-purple-4), 1);
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-code {
+  background-color: rgba(var(--semi-teal-4), 1);
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-img {
+  margin-right: 4px;
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-name {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  max-width: 130px;
+}
+.semi-ai-chat-dialogue-code {
+  border-radius: var(--semi-border-radius-large);
+  overflow: hidden;
+  border: 1px solid var(--semi-color-border);
+  line-height: 32px;
+}
+.semi-ai-chat-dialogue-code .semi-codeHighlight pre {
+  word-break: break-all;
+  white-space: pre-wrap;
+}
+.semi-ai-chat-dialogue-code-topSlot {
+  display: flex;
+  justify-content: space-between;
+  background-color: var(--semi-color-fill-0);
+  align-items: center;
+  padding: 8px 16px;
+  color: var(--semi-color-text-0);
+  font-size: 14px;
+}
+.semi-ai-chat-dialogue-code-topSlot-copy {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  width: 24px;
+}
+.semi-ai-chat-dialogue-code-topSlot-copy-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  background: transparent;
+  border: none;
+}
+.semi-ai-chat-dialogue-code .semi-codeHighlight-defaultTheme pre[class*=language-] {
+  margin: 0px;
+  background: var(--semi-color-bg-0);
+}
+.semi-ai-chat-dialogue-hints {
+  display: flex;
+  flex-direction: column;
+  row-gap: 8px;
+  margin-top: 4px;
+  margin-bottom: 12px;
+  margin-left: 52px;
+}
+.semi-ai-chat-dialogue-hints-selecting {
+  margin-left: 68px;
+}
+.semi-ai-chat-dialogue-hint-item {
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  width: fit-content;
+  background: var(--semi-color-bg-0);
+  align-items: center;
+  border: 1px solid var(--semi-color-border);
+  padding: 8px 16px;
+  border-radius: var(--semi-border-radius-medium);
+}
+.semi-ai-chat-dialogue-hint-item:hover {
+  background-color: var(--semi-color-fill-0);
+}
+.semi-ai-chat-dialogue-hint-content {
+  font-size: 14px;
+  color: var(--semi-color-text-0);
+}
+
+@keyframes semi-ai-chat-dialogue-loading-bounce {
+  /* 起点（站在地面） */
+  0% {
+    transform: translateY(0) scale(1);
+  }
+  /* 上升到最高点（略变瘦） */
+  18% {
+    transform: translateY(-4px) scale(0.96);
+  }
+  /* 落地瞬间（略压扁，模拟缓冲） */
+  36% {
+    transform: translateY(0) scale(1.06);
+  }
+  /* 轻微回弹（小幅再向上） */
+  44% {
+    transform: translateY(-0.5px) scale(0.98);
+  }
+  /* 回到静止（消除抖动） */
+  52% {
+    transform: translateY(0) scale(1);
+  }
+  /* 余下时间保持静止，等待下一轮 */
+  100% {
+    transform: translateY(0) scale(1);
+  }
+}
+.semi-rtl .semi-ai-chat-dialogue-wrapper,
+.semi-portal-rtl .semi-ai-chat-dialogue-wrapper {
+  direction: rtl;
+}
+.semi-rtl .semi-ai-chat-dialogue-wrapper-action-icon-redo,
+.semi-portal-rtl .semi-ai-chat-dialogue-wrapper-action-icon-redo {
+  transform: scaleX(-1);
+}
+
+.semi-aiChatInput {
+  display: flex;
+  flex-direction: column;
+  padding: 20px;
+  border-radius: 12px;
+  border: 1px solid var(--semi-color-border);
+  box-sizing: border-box;
+}
+.semi-aiChatInput-skill {
+  padding: 4px 0px;
+  border-radius: 8px;
+  overflow: scroll;
+}
+.semi-aiChatInput-skill-item {
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+  padding: 8px 20px;
+  cursor: pointer;
+}
+.semi-aiChatInput-skill-item-active {
+  background-color: var(--semi-color-fill-0);
+}
+.semi-aiChatInput-popover-suggestion {
+  box-shadow: none;
+}
+.semi-aiChatInput-suggestion {
+  overflow: scroll;
+}
+.semi-aiChatInput-suggestion-item {
+  border-radius: 6px;
+  padding: 8px 20px;
+  color: var(--semi-color-text-0);
+  font-size: 14px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 20px;
+}
+.semi-aiChatInput-suggestion-item-active {
+  background-color: var(--semi-color-fill-0);
+}
+.semi-aiChatInput-reference-icon {
+  width: 16px;
+  height: 16px;
+  border-radius: 2px;
+  margin-right: 4px;
+}
+.semi-aiChatInput-ref-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--semi-color-white);
+  flex-shrink: 0;
+}
+.semi-aiChatInput-ref-icon-word {
+  background-color: rgba(var(--semi-blue-4), 1);
+}
+.semi-aiChatInput-ref-icon-pdf {
+  background-color: rgba(var(--semi-red-4), 1);
+}
+.semi-aiChatInput-ref-icon-code {
+  background-color: rgba(var(--semi-teal-5), 1);
+}
+.semi-aiChatInput-ref-icon-excel {
+  background-color: rgba(var(--semi-green-5), 1);
+}
+.semi-aiChatInput-ref-icon-video {
+  background-color: rgba(var(--semi-purple-4), 1);
+}
+.semi-aiChatInput-ref-icon-audio {
+  background-color: rgba(var(--semi-purple-4), 1);
+}
+.semi-aiChatInput-ref-icon-unknown {
+  background-color: rgba(var(--semi-grey-5), 1);
+}
+.semi-aiChatInput-references {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 8px;
+  font-size: 12px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  color: var(--semi-color-text-2);
+  column-gap: 4px;
+  row-gap: 4px;
+}
+.semi-aiChatInput-references > .semi-aiChatInput-reference:only-child {
+  width: 100%;
+}
+.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) {
+  flex-basis: calc(50% - 4px);
+  max-width: calc(50% - 4px);
+}
+.semi-aiChatInput-references > .semi-aiChatInput-reference:nth-last-child(n+3):nth-child(1),
+.semi-aiChatInput-references > .semi-aiChatInput-reference:nth-last-child(n+3):nth-child(1) ~ .semi-aiChatInput-reference {
+  width: calc(33.333% - 4px);
+}
+.semi-aiChatInput-reference {
+  padding: 8px 12px;
+  box-sizing: border-box;
+  border-radius: 6px;
+  background: var(--semi-color-fill-0);
+  flex-shrink: 1;
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+}
+.semi-aiChatInput-reference-content {
+  display: flex;
+  align-items: center;
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.semi-aiChatInput-reference-img {
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+}
+.semi-aiChatInput-reference-name {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+}
+.semi-aiChatInput-reference-delete {
+  cursor: pointer;
+  padding: 2px;
+  border-radius: 50%;
+}
+.semi-aiChatInput-reference-delete:hover {
+  background: var(--semi-color-fill-1);
+}
+.semi-aiChatInput-footer {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+  align-items: center;
+  user-select: none;
+  -webkit-user-select: none;
+}
+.semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-select, .semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-button,
+.semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-radio-button, .semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-mcp-trigger,
+.semi-aiChatInput-footer-round .semi-aiChatInput-footer-action-button, .semi-aiChatInput-footer-round .semi-aiChatInput-footer-action-upload,
+.semi-aiChatInput-footer-round .semi-radio-addon-buttonRadio {
+  border-radius: 9999px;
+}
+.semi-aiChatInput-footer-action {
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+}
+.semi-aiChatInput-footer-action button {
+  padding: 0px;
+  border: 0px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.semi-aiChatInput-footer-action-button {
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+  border-radius: 8px;
+}
+.semi-aiChatInput-footer-action-send {
+  background-color: var(--semi-color-primary);
+  color: rgba(var(--semi-white), 1);
+}
+.semi-aiChatInput-footer-action-send:hover:not(.semi-aiChatInput-footer-action-send-disabled) {
+  background-color: var(--semi-color-primary-hover);
+}
+.semi-aiChatInput-footer-action-send:active:not(.semi-aiChatInput-footer-action-send-disabled) {
+  background-color: var(--semi-color-primary-active);
+}
+.semi-aiChatInput-footer-action-send-disabled {
+  background-color: var(--semi-color-fill-2);
+}
+.semi-aiChatInput-footer-action-stop {
+  background-color: var(--semi-color-primary);
+  color: rgba(var(--semi-white), 1);
+}
+.semi-aiChatInput-footer-action-stop:hover:not(.semi-aiChatInput-footer-action-send-disabled) {
+  background-color: var(--semi-color-primary-hover);
+}
+.semi-aiChatInput-footer-action-stop:active:not(.semi-aiChatInput-footer-action-send-disabled) {
+  background-color: var(--semi-color-primary-active);
+}
+.semi-aiChatInput-footer-action-stop-disabled {
+  background-color: var(--semi-color-fill-2);
+}
+.semi-aiChatInput-footer-action-upload {
+  background: transparent;
+  color: var(--semi-color-text-1);
+}
+.semi-aiChatInput-footer-action-upload:hover {
+  background-color: var(--semi-color-fill-0);
+}
+.semi-aiChatInput-footer-action-upload:active {
+  background-color: var(--semi-color-fill-1);
+}
+.semi-aiChatInput-footer-configure {
+  display: flex;
+  flex-direction: row;
+  column-gap: 8px;
+}
+.semi-aiChatInput-footer-configure-button {
+  border: 1px solid var(--semi-color-primary);
+}
+.semi-aiChatInput-footer-configure-button-active.semi-button-tertiary.semi-button-outline {
+  border: 1px solid var(--semi-color-primary);
+  color: var(--semi-color-primary);
+  background-color: var(--semi-color-primary-light-default);
+}
+.semi-aiChatInput-footer-configure-select {
+  border: 1px solid var(--semi-color-border);
+  background: transparent;
+}
+.semi-aiChatInput-footer-configure-select.semi-select-focus, .semi-aiChatInput-footer-configure-select .semi-select-selection-text {
+  font-weight: 600;
+  color: var(--semi-color-text-1);
+}
+.semi-aiChatInput-footer-configure-select.semi-select:hover {
+  border-color: var(--semi-color-border);
+}
+.semi-aiChatInput-footer-configure-select.semi-select:focus {
+  border: 1px solid var(--semi-color-border);
+  background: transparent;
+}
+.semi-aiChatInput-footer-configure-radio-button .semi-radio-addon-buttonRadio {
+  height: 16px;
+  padding: 4px;
+  font-size: 14px;
+}
+.semi-aiChatInput-footer-configure-radio-button .semi-radio-addon-buttonRadio-checked {
+  color: var(--semi-color-text-1);
+  background: var(--semi-color-bg-2);
+}
+.semi-aiChatInput-footer-configure-mcp-header {
+  padding: 8px 16px 0px;
+  font-size: 12px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  height: 16px;
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  column-gap: 4px;
+}
+.semi-aiChatInput-footer-configure-mcp-header-title {
+  color: var(--semi-color-text-2);
+}
+.semi-aiChatInput-footer-configure-mcp-header-config.semi-button {
+  padding: 0px;
+  border: 0px;
+  height: fit-content;
+  font-size: 12px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+}
+.semi-aiChatInput-attachment {
+  position: relative;
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+  border-radius: 6px;
+  background: var(--semi-color-fill-0);
+  padding: 8px;
+  width: 224px;
+  height: 36px;
+  overflow: hidden;
+  letter-spacing: 0;
+  flex-shrink: 0;
+}
+.semi-aiChatInput-attachment-icon, .semi-aiChatInput-attachment-img {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  border-radius: 3px;
+  width: 36px;
+  height: 36px;
+}
+.semi-aiChatInput-attachment-img {
+  object-fit: cover;
+}
+.semi-aiChatInput-attachment-content {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  align-items: flex-start;
+  width: 180px;
+}
+.semi-aiChatInput-attachment-content-name {
+  flex-shrink: 0;
+  width: 180px;
+  height: 20px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: var(--semi-color-text-0);
+  font-size: 12px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  font-weight: 600;
+}
+.semi-aiChatInput-attachment-content-size {
+  display: flex;
+  flex-shrink: 0;
+  align-items: flex-start;
+  column-gap: 4px;
+  color: var(--semi-color-text-2);
+  font-size: 12px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  text-transform: uppercase;
+}
+.semi-aiChatInput-attachment-delete {
+  display: none;
+}
+.semi-aiChatInput-attachment:hover > .semi-aiChatInput-attachment-delete {
+  cursor: pointer;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  background: rgba(var(--semi-grey-7), 1);
+  color: var(--semi-color-white);
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.semi-aiChatInput-attachment-progress.semi-progress-circle {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.semi-aiChatInput-scroll-wrapper {
+  position: relative;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+.semi-aiChatInput-scroll-container {
+  display: flex;
+  overflow-x: auto;
+  scroll-behavior: smooth;
+  /* Hide scrollbar */
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+  column-gap: 8px;
+  /* hidden Webkit (Chrome, Safari) scrollbar */
+}
+.semi-aiChatInput-scroll-container::-webkit-scrollbar {
+  display: none;
+}
+.semi-aiChatInput-scroll-button {
+  padding: 0px;
+  border: 0px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 10;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--semi-color-white);
+  box-shadow: var(--semi-shadow-elevated);
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: background-color 0.2s, box-shadow 0.2s;
+}
+.semi-aiChatInput-scroll-button .semi-icon {
+  font-size: 12px;
+  color: var(--semi-color-text-2);
+}
+.semi-aiChatInput-scroll-button:active {
+  transform: translateY(-50%) scale(0.95);
+}
+.semi-aiChatInput-scroll-button-left-icon {
+  transform: rotate(180deg);
+}
+.semi-aiChatInput-scroll-button.semi-aiChatInput-scroll-button-left {
+  left: 10px;
+}
+.semi-aiChatInput-scroll-button.semi-aiChatInput-scroll-button-right {
+  right: 10px;
+}
+.semi-aiChatInput-editor-content {
+  flex: 1 1 0%;
+  min-height: 0;
+  margin-top: -4px;
+  padding-top: 4px;
+  overflow: auto;
+}
+.semi-aiChatInput-editor-content .tiptap {
+  font-size: 14px;
+  line-height: 24px;
+}
+.semi-aiChatInput-editor-content .tiptap p.is-editor-empty:first-child::before {
+  color: var(--semi-color-text-2);
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  pointer-events: none;
+}
+.semi-aiChatInput-editor-content .tiptap p {
+  margin: 0px;
+  white-space: pre-wrap;
+}
+.semi-aiChatInput-editor-content .tiptap:focus {
+  outline: none;
+}
+.semi-aiChatInput-editor-content .tiptap .node-inputSlot {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 20px;
+}
+.semi-aiChatInput-editor-content .tiptap .input-slot {
+  display: inline-block;
+  background-color: var(--semi-color-primary-light-default);
+  border-radius: 4px;
+  padding: 2px 4px;
+  position: relative;
+  margin: 2px 2px;
+  font-weight: 600;
+  min-width: 2px;
+}
+.semi-aiChatInput-editor-content .tiptap .input-slot .content {
+  color: var(--semi-color-primary);
+}
+.semi-aiChatInput-editor-content .tiptap .input-slot .input-slot-placeholder {
+  user-select: none;
   position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
+  top: 2px;
+  left: 4px;
+  pointer-events: none;
+  white-space: pre;
   z-index: 1;
+  color: var(--semi-color-primary-disabled);
 }
-.semi-portal-inner {
+.semi-aiChatInput-editor-content .tiptap .node-selectSlot {
+  display: inline-flex;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot {
+  font-size: 14px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 20px;
+  height: 24px;
+  padding: 2px 4px;
+  border-radius: 4px;
+  background-color: var(--semi-color-primary-light-default);
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot:first-child {
+  margin-left: 0px;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot-wrapper {
+  display: inline-flex;
+  margin: 2px 4px;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot .semi-select-selection {
+  color: var(--semi-color-primary);
+  font-weight: bold;
+  margin-left: 0px;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot .semi-select-arrow {
+  color: var(--semi-color-text-2);
+  width: 16px;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot.semi-select-open, .semi-aiChatInput-editor-content .tiptap .select-slot.semi-select-focus {
+  border-color: transparent;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot.semi-select:focus {
+  border-color: transparent;
+}
+.semi-aiChatInput-editor-content .tiptap .node-skillSlot {
+  display: inline-flex;
+}
+.semi-aiChatInput-editor-content .tiptap .skill-slot {
+  color: var(--semi-color-primary);
+  font-weight: 600;
+  outline: none;
+}
+.semi-aiChatInput-editor-content .tiptap .skill-slot-wrapper {
+  display: inline-flex;
+  position: relative;
+  padding: 0px 4px;
+  margin: 2px 2px;
+  border-radius: 4px;
+}
+.semi-aiChatInput-editor-content .tiptap .skill-slot-wrapper:hover {
+  background-color: var(--semi-color-primary-light-default);
+}
+.semi-aiChatInput-editor-content .tiptap .skill-slot-wrapper:hover .skill-slot-delete {
+  cursor: pointer;
   position: absolute;
-  background-color: transparent;
-  min-width: max-content;
+  top: 0px;
+  right: 0px;
+  background: rgba(var(--semi-grey-7), 1);
+  color: var(--semi-color-white);
+  transform: translate(50%, -50%);
+  border-radius: 50%;
+  width: 12px;
+  height: 12px;
+  font-size: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.semi-aiChatInput-editor-content .tiptap .skill-slot-delete {
+  display: none;
 }
 
 .semi-anchor {
@@ -2329,6 +3481,16 @@ body {
   background-color: var(--semi-color-fill-1);
 }
 
+.semi-button {
+  --semi-button-colorful-multiple-fill-0: rgba(var(--semi-ai-general-5-3));
+  --semi-button-colorful-multiple-fill-1: rgba(var(--semi-ai-general-5-2));
+  --semi-button-colorful-multiple-fill-2: rgba(var(--semi-ai-general-5-1));
+  --semi-button-colorful-multiple-fill-3: rgba(var(--semi-ai-general-5-0));
+  --semi-button-colorful-disabled-fill: var(--semi-color-disabled-text);
+  --semi-button-colorful-fill-primary: var(--semi-color-ai-purple);
+  --semi-button-colorful-fill-secondary: var(--semi-color-text-0);
+}
+
 .semi-button {
   box-shadow: none;
   height: 36px;
@@ -2427,6 +3589,20 @@ body {
   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);
   transform: scale(var(--semi-transform_scale-none));
 }
+.semi-button-tertiary.semi-button-colorful.semi-button-solid {
+  background: var(--semi-ai-general-0);
+}
+.semi-button-tertiary.semi-button-colorful.semi-button-solid:hover {
+  background: var(--semi-ai-general-1);
+}
+.semi-button-tertiary.semi-button-colorful.semi-button-solid:active {
+  background: var(--semi-ai-general-2);
+}
+.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)) {
+  background: var(--semi-color-ai-general);
+  background-clip: text;
+  color: transparent;
+}
 .semi-button-tertiary-disabled {
   background-color: var(--semi-color-disabled-bg);
 }
@@ -2456,6 +3632,29 @@ body {
   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);
   transform: scale(var(--semi-transform_scale-none));
 }
+.semi-button-primary.semi-button-colorful.semi-button-solid {
+  background: var(--semi-color-ai-general);
+}
+.semi-button-primary.semi-button-colorful.semi-button-solid:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
+  background: var(--semi-color-ai-general-hover);
+}
+.semi-button-primary.semi-button-colorful.semi-button-solid:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
+  background: var(--semi-color-ai-general-active);
+}
+.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)) {
+  background: var(--semi-color-ai-general);
+  background-clip: text;
+  color: transparent;
+}
+.semi-button-primary.semi-button-colorful.semi-button-outline {
+  color: var(--semi-color-ai-purple);
+  border-color: var(--semi-color-ai-purple);
+}
+.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)) {
+  background: var(--semi-color-ai-general);
+  background-clip: text;
+  color: transparent;
+}
 .semi-button-primary-disabled {
   background-color: var(--semi-color-disabled-bg);
 }
@@ -7354,6 +8553,208 @@ body {
   margin-right: 32px;
 }
 
+.semi-feedback-emoji-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  column-gap: 24px;
+  align-self: stretch;
+  margin-top: 24px;
+  margin-bottom: 24px;
+}
+.semi-feedback-emoji-item {
+  user-select: none;
+  cursor: pointer;
+  font-family: Inter;
+  font-size: 36px;
+  line-height: 36px;
+  height: 36px;
+  font-style: normal;
+  filter: grayscale(100%);
+}
+.semi-feedback-emoji-item:hover, .semi-feedback-emoji-item-selected {
+  filter: none;
+}
+.semi-feedback-thank-text {
+  color: var(--semi-color-text-2);
+  text-align: center;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  margin-bottom: 0px;
+  margin-top: 24px;
+}
+.semi-feedback .semi-checkboxGroup-vertical {
+  row-gap: 16px;
+}
+.semi-feedback-footer {
+  display: flex;
+  justify-content: flex-end;
+  column-gap: 12px;
+}
+.semi-feedback .semi-modal {
+  width: 400px;
+}
+.semi-feedback.semi-feedback-text .semi-modal {
+  width: 400px;
+}
+.semi-feedback .semi-sidesheet-inner {
+  border-radius: 12px;
+}
+.semi-feedback.semi-sidesheet.semi-sidesheet-size-small {
+  width: 400px;
+}
+.semi-feedback.semi-sidesheet.semi-feedback-text {
+  width: 600px;
+}
+.semi-feedback.semi-sidesheet-bottom {
+  right: 20px;
+  left: auto;
+}
+.semi-feedback.semi-sidesheet-bottom .semi-sidesheet-inner-wrap {
+  bottom: 50px;
+}
+@keyframes semi-sidesheet-slideShow_bottom {
+  from {
+    transform: translateY(calc(100% + 50px));
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+@keyframes semi-sidesheet-slideHide_bottom {
+  from {
+    transform: translateY(0);
+  }
+  to {
+    transform: translateY(calc(100% + 50px));
+  }
+}
+.semi-feedback.semi-sidesheet .semi-sidesheet-fixed.semi-feedback-bottom {
+  top: auto;
+}
+.semi-feedback.semi-sidesheet .semi-sidesheet-fixed.semi-feedback-bottom .semi-sidesheet-inner {
+  bottom: 50px;
+}
+
+.semi-floatButton {
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  z-index: 1000;
+  cursor: pointer;
+}
+.semi-floatButton-body {
+  background-color: var(--semi-color-fill-0);
+  box-shadow: var(--semi-shadow-elevated);
+  color: var(--semi-color-primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.semi-floatButton-body:hover {
+  background-color: var(--semi-color-fill-1);
+}
+.semi-floatButton-body:active {
+  background-color: var(--semi-color-fill-2);
+}
+.semi-floatButton-disabled {
+  background: var(--semi-color-disabled-bg);
+  color: var(--semi-color-disabled-text);
+  cursor: not-allowed;
+}
+.semi-floatButton-disabled:hover {
+  background-color: var(--semi-color-disabled-bg);
+}
+.semi-floatButton-colorful {
+  background: var(--semi-color-ai-general);
+  color: var(--semi-color-white);
+}
+.semi-floatButton-colorful:hover {
+  background: var(--semi-color-ai-general-hover);
+}
+.semi-floatButton-colorful:active {
+  background: var(--semi-color-ai-general-active);
+}
+.semi-floatButton.semi-floatButton-square .semi-badge-dot, .semi-floatButton.semi-floatButton-square .semi-badge-count {
+  /* Calculation logic:
+  The center of the badge is the intersection of two lines. 
+  - The first line is the connecting line between the center of the floatButton and the upper right corner of the enclosing rectangle. 
+  - The second line is the border of the floatButton.
+  Can be calculated through radius， (√2 - 1）/√2 * R = 0.29 * R
+  */
+  top: 2.32px;
+  inset-inline-end: 2.32px;
+}
+.semi-floatButton-default {
+  width: 32px;
+  height: 32px;
+}
+.semi-floatButton-default.semi-floatButton-round .semi-badge-dot, .semi-floatButton-default.semi-floatButton-round .semi-badge-count {
+  /* Calculation logic:
+  The center of the badge is the intersection of two lines. 
+  - The first line is the connecting line between the center of the floatButton and the upper right corner of the enclosing rectangle. 
+  - The second line is the border of the floatButton.
+  Can be calculated through radius (√2 - 1）/√2 * R = 0.29 * R，and R = 0.5 * width
+  */
+  top: 4.64px;
+  inset-inline-end: 4.64px;
+}
+.semi-floatButton-small {
+  width: 24px;
+  height: 24px;
+}
+.semi-floatButton-small.semi-floatButton-round .semi-badge-dot, .semi-floatButton-small.semi-floatButton-round .semi-badge-count {
+  top: 3.48px;
+  inset-inline-end: 3.48px;
+}
+.semi-floatButton-large {
+  width: 40px;
+  height: 40px;
+}
+.semi-floatButton-large.semi-floatButton-round .semi-badge-dot, .semi-floatButton-large.semi-floatButton-round .semi-badge-count {
+  top: 5.8px;
+  inset-inline-end: 5.8px;
+}
+.semi-floatButton-square {
+  border-radius: 8px;
+}
+.semi-floatButton-round {
+  border-radius: var(--semi-border-radius-full);
+}
+
+.semi-floatButtonGroup {
+  position: fixed;
+  border-radius: 8px;
+  bottom: 24px;
+  right: 24px;
+  z-index: 1000;
+  background: var(--semi-color-bg-0);
+  box-shadow: var(--semi-shadow-elevated);
+  display: inline-flex;
+  padding: 6px;
+  gap: 4px;
+}
+.semi-floatButtonGroup-item {
+  cursor: pointer;
+  display: flex;
+  padding: 6px 12px;
+  align-items: center;
+  column-gap: 8px;
+  border-radius: 4px;
+  color: var(--semi-color-text-0);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+}
+.semi-floatButtonGroup-item:hover {
+  background: var(--semi-color-fill-1);
+}
+.semi-floatButtonGroup-item:active {
+  background: var(--semi-color-fill-2);
+}
+
 .semi-form .semi-form-field {
   box-sizing: border-box;
 }
@@ -13284,7 +14685,7 @@ img[src=""], img:not([src]) {
   font-size: 14px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 20px;
-  background-color: var(--semi-color-input-DefaultBg);
+  background-color: var(--semi-color-bg-transparent);
   border: 1px var(--semi-color-border) solid;
   border-radius: 6px;
   width: 100%;
@@ -13447,7 +14848,7 @@ img[src=""], img:not([src]) {
   background-color: transparent;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
-  background-color: var(--semi-color-input-DefaultBg);
+  background-color: var(--semi-color-bg-transparent);
   border: 1px transparent solid;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
@@ -13493,7 +14894,7 @@ img[src=""], img:not([src]) {
   background-color: var(--semi-color-input-ActiveBg);
 }
 .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 {
-  background-color: var(--semi-color-input-DefaultBg);
+  background-color: var(--semi-color-bg-transparent);
 }
 .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 {
   border-radius: 0 6px 6px 0;
@@ -13679,7 +15080,7 @@ img[src=""], img:not([src]) {
   height: 100%;
   display: flex;
   align-items: center;
-  background-color: var(--semi-color-input-DefaultBg);
+  background-color: var(--semi-color-bg-transparent);
   color: var(--semi-color-text-2);
   font-size: 14px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -20676,15 +22077,80 @@ img[src=""], img:not([src]) {
   width: 20px;
   height: 20px;
 }
-.semi-tag-solid .semi-tag-close {
+.semi-tag-colorful {
+  font-weight: 600;
+}
+.semi-tag-colorful.semi-tag-solid {
+  background: var(--semi-color-ai-purple);
   color: var(--semi-color-white);
-  opacity: 0.8;
 }
-.semi-tag-solid .semi-tag-close:hover {
-  opacity: 1;
+.semi-tag-colorful.semi-tag-solid.semi-tag-gradient {
+  background: var(--semi-color-ai-general);
+}
+.semi-tag-colorful.semi-tag-light {
+  background: rgba(var(--semi-ai-purple-0), 1);
+  color: var(--semi-color-ai-purple);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient {
+  background: var(--semi-ai-general-0);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(1) {
+  stop-color: rgba(var(--semi-ai-general-5-0), 1);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(2) {
+  stop-color: rgba(var(--semi-ai-general-5-1), 1);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(3) {
+  stop-color: rgba(var(--semi-ai-general-5-2), 1);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(4) {
+  stop-color: rgba(var(--semi-ai-general-5-3), 1);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-content {
+  background: var(--semi-color-ai-general);
+  background-clip: text;
+  color: transparent;
+}
+.semi-tag-colorful.semi-tag-ghost {
+  background: var(--semi-color-white);
+  color: var(--semi-color-ai-purple);
+  border-color: var(--semi-color-ai-general);
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient {
+  border: none;
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(1) {
+  stop-color: rgba(var(--semi-ai-general-5-0), 1);
 }
-.semi-tag-solid .semi-tag-close:active {
-  opacity: 0.9;
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(2) {
+  stop-color: rgba(var(--semi-ai-general-5-1), 1);
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(3) {
+  stop-color: rgba(var(--semi-ai-general-5-2), 1);
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(4) {
+  stop-color: rgba(var(--semi-ai-general-5-3), 1);
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient.semi-tag-circle::before {
+  border-radius: var(--semi-border-radius-full);
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: 4px;
+  padding: 1px;
+  background: var(--semi-color-ai-general);
+  -webkit-mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
+  mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  pointer-events: none;
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-content {
+  background: var(--semi-color-ai-general);
+  background-clip: text;
+  color: transparent;
 }
 
 .semi-tag-group {
@@ -24445,10 +25911,7 @@ p.semi-typography-extended,
   pointer-events: none;
   cursor: not-allowed;
 }
-.semi-button.semi-button-loading .semi-button-content .semi-button-content-loading-icon {
-  animation: 1600ms linear infinite semi-animation-rotate;
-}
-.semi-button.semi-button-loading .semi-button-content > svg {
+.semi-button.semi-button-loading .semi-button-content > svg, .semi-button.semi-button-loading .semi-button-content-loading-icon {
   width: 16px;
   height: 16px;
   animation: 600ms linear infinite semi-animation-rotate;
@@ -24604,7 +26067,7 @@ p.semi-typography-extended,
   border: 1px var(--semi-color-border) solid;
   border-radius: 6px;
   vertical-align: bottom;
-  background-color: var(--semi-color-input-DefaultBg);
+  background-color: var(--semi-color-bg-transparent);
   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);
 }
 .semi-input-textarea-wrapper:hover {