@next-core/brick-container 2.51.0 → 2.54.1

package/dist/{main.5ce710c64cc8690ab00b.css → main.b095249dcfb860cd360e.css}

@@ -43,6 +43,72 @@
   --palette-amber-8: #ab7800;
   --palette-amber-9: #855800;
   --palette-amber-10: #5e3c00;
+
+  --palette-cyan-1: #f0ffff;
+  --palette-cyan-2: #c7feff;
+  --palette-cyan-3: #9efaff;
+  --palette-cyan-4: #75f4ff;
+  --palette-cyan-5: #4deaff;
+  --palette-cyan-6: #21d4f3;
+  --palette-cyan-7: #12aacc;
+  --palette-cyan-8: #0783a6;
+  --palette-cyan-9: #006080;
+  --palette-cyan-10: #004059;
+
+  --palette-orange-1: #fff8e6;
+  --palette-orange-2: #ffe6ab;
+  --palette-orange-3: #ffd582;
+  --palette-orange-4: #fcc058;
+  --palette-orange-5: #f0a22e;
+  --palette-orange-6: #e38306;
+  --palette-orange-7: #bd6500;
+  --palette-orange-8: #964b00;
+  --palette-orange-9: #703400;
+  --palette-orange-10: #4a2000;
+
+  --palette-yellow-1: #feffe6;
+  --palette-yellow-2: #ffffb8;
+  --palette-yellow-3: #fffb8f;
+  --palette-yellow-4: #fff566;
+  --palette-yellow-5: #ffec3d;
+  --palette-yellow-6: #fadb14;
+  --palette-yellow-7: #d4b106;
+  --palette-yellow-8: #ad8b00;
+  --palette-yellow-9: #876800;
+  --palette-yellow-10: #614700;
+
+  --palette-teal-1: #f0fff8;
+  --palette-teal-2: #c5fae4;
+  --palette-teal-3: #93edcb;
+  --palette-teal-4: #69e0b7;
+  --palette-teal-5: #42d4a5;
+  --palette-teal-6: #1dc897;
+  --palette-teal-7: #0ea17c;
+  --palette-teal-8: #067a61;
+  --palette-teal-9: #005445;
+  --palette-teal-10: #002e27;
+
+  --palette-purple-1: #faf0ff;
+  --palette-purple-2: #f7e8ff;
+  --palette-purple-3: #e6bfff;
+  --palette-purple-4: #c78ff2;
+  --palette-purple-5: #a863e6;
+  --palette-purple-6: #893ad8;
+  --palette-purple-7: #6827b3;
+  --palette-purple-8: #4a188c;
+  --palette-purple-9: #300c66;
+  --palette-purple-10: #1c0740;
+
+  --palette-pink-1: #ffe6ec;
+  --palette-pink-2: #ffbdcf;
+  --palette-pink-3: #ff94b6;
+  --palette-pink-4: #ff6b9f;
+  --palette-pink-5: #ff428b;
+  --palette-pink-6: #ff1a79;
+  --palette-pink-7: #d90b67;
+  --palette-pink-8: #b30056;
+  --palette-pink-9: #8c0048;
+  --palette-pink-10: #660038;
 }
 
 html[data-theme="dark-v2"],
@@ -90,6 +156,72 @@ html[data-theme="dark-v2"],
   --palette-amber-8: #f3d954;
   --palette-amber-9: #f8e87d;
   --palette-amber-10: #faf2a5;
+
+  --palette-cyan-1: #14282f;
+  --palette-cyan-2: #163c47;
+  --palette-cyan-3: #1a505c;
+  --palette-cyan-4: #1c6d7d;
+  --palette-cyan-5: #1e93a8;
+  --palette-cyan-6: #20b9d4;
+  --palette-cyan-7: #45d5e8;
+  --palette-cyan-8: #6ee8f4;
+  --palette-cyan-9: #98f3f8;
+  --palette-cyan-10: #c1f9fa;
+
+  --palette-orange-1: #2a1f16;
+  --palette-orange-2: #412b14;
+  --palette-orange-3: #553815;
+  --palette-orange-4: #734812;
+  --palette-orange-5: #9c5e0e;
+  --palette-orange-6: #c5740b;
+  --palette-orange-7: #da952e;
+  --palette-orange-8: #f1b958;
+  --palette-orange-9: #f8d082;
+  --palette-orange-10: #fae3aa;
+
+  --palette-yellow-1: #2e2816;
+  --palette-yellow-2: #463e16;
+  --palette-yellow-3: #5b5219;
+  --palette-yellow-4: #7e7019;
+  --palette-yellow-5: #ab9818;
+  --palette-yellow-6: #d9bf17;
+  --palette-yellow-7: #e8d73c;
+  --palette-yellow-8: #f3ea65;
+  --palette-yellow-9: #f8f48d;
+  --palette-yellow-10: #fafab7;
+
+  --palette-teal-1: #142625;
+  --palette-teal-2: #153a33;
+  --palette-teal-3: #194d40;
+  --palette-teal-4: #1a6853;
+  --palette-teal-5: #1c8b6d;
+  --palette-teal-6: #1daf86;
+  --palette-teal-7: #3ec399;
+  --palette-teal-8: #67d9b1;
+  --palette-teal-9: #93e9c9;
+  --palette-teal-10: #c3f7e2;
+
+  --palette-purple-1: #1f172b;
+  --palette-purple-2: #2b1b40;
+  --palette-purple-3: #3a2254;
+  --palette-purple-4: #4b2770;
+  --palette-purple-5: #622e97;
+  --palette-purple-6: #7936bd;
+  --palette-purple-7: #9a5bd2;
+  --palette-purple-8: #be89e7;
+  --palette-purple-9: #e0baf8;
+  --palette-purple-10: #f3e4fa;
+
+  --palette-pink-1: #2e1423;
+  --palette-pink-2: #48142e;
+  --palette-pink-3: #5d1837;
+  --palette-pink-4: #7f1846;
+  --palette-pink-5: #ae195a;
+  --palette-pink-6: #dc1a6d;
+  --palette-pink-7: #e83e82;
+  --palette-pink-8: #f3679a;
+  --palette-pink-9: #f890b3;
+  --palette-pink-10: #fabacd;
 }
 :root,
 [data-override-theme="light"] {
@@ -139,10 +271,12 @@ html[data-theme="dark-v2"],
   --color-info: var(--palette-blue-6);
   --color-info-hover: var(--palette-blue-4);
   --color-info-active: var(--palette-blue-8);
-  --color-info-bg: var(--palette-blue-2);
+  --color-info-bg: var(--palette-blue-1);
   --color-info-icon-bg: var(--palette-blue-1);
   --color-info-outline: var(--palette-blue-3);
 
+  --color-normal-icon: var(--palette-gray-1);
+
   --color-warning: var(--palette-amber-6);
   --color-warning-hover: var(--palette-amber-4);
   --color-warning-active: var(--palette-amber-8);
@@ -181,6 +315,7 @@ html[data-theme="dark-v2"],
   --chart-tooltips-font-size: 12px;
   --chart-axis-x-font-size: 10px;
   --chart-axis-y-font-size: 10px;
+  --special-title-font-size-small: 18px;
 
   --font-weight-600: 600;
   --font-weight-500: 500;
@@ -197,7 +332,7 @@ html[data-theme="dark-v2"],
   --left-slide-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.14);
   --connected-overlay-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
   --fullscreen-overlay-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
-  --hover-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.8);
+  --hover-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
   --slide-up-shadow: 0px -4px 12px 0px rgba(0, 0, 0, 0.15);
   --menu-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.24);
   --input-shadow: 0px 0px 0px 2px rgba(189, 225, 255, 1);
@@ -219,6 +354,7 @@ html[data-theme="dark-v2"],
   --checkbox-bg-active: var(--palette-gray-3);
   --input-outline-hover: var(--palette-blue-6);
   --input-outline-focus: var(--palette-blue-6);
+  --input-fill-bg: var(--palette-gray-3);
 
   --chart-legend-font-size: 12px;
   --chart-tooltips-font-size: 12px;
@@ -243,6 +379,7 @@ html[data-theme="dark-v2"],
   --antd-background-color-base: #f5f5f5;
   --antd-item-active-bg: var(--antd-background-color-light);
   --antd-item-hover-bg: #f5f5f5;
+  --antd-icon-color-hover: rgba(0, 0, 0, 0.75);
 
   /*** menu ***/
   --antd-menu-bg: #4e93ef;
@@ -272,9 +409,6 @@ html[data-theme="dark-v2"],
   --antd-app-submenu-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.04);
   --antd-app-submenu-group-title-color: var(--antd-text-color-secondary);
 
-  /*** divider  ***/
-  --antd-divider-color: rgba(0, 0, 0, 6%);
-
   /*** appp bar ***/
   --app-bar-bg: rgba(255, 255, 255, 1);
   --app-bar-shadow: 0px 3px 20px 0px rgba(128, 128, 128, 0.2);
@@ -301,14 +435,19 @@ html[data-theme="dark-v2"],
   --antd-dashboard-radio-item-disabled-color: var(--color-disabled-text);
   --antd-dashboard-radio-item-checked-bg: var(--antd-component-background);
   --antd-dashboard-radio-item-checked-color: var(--color-info);
+  --antd-dashboard-radio-item-checked-border-color: var(
+    --antd-dashboard-radio-bg
+  );
   --antd-dashboard-radio-item-checked-shadow: 0 0 0 3px rgb(0, 113, 235, 0.08);
   --antd-radio-solid-checked-color: var(--antd-component-background);
 
   /*** radio button ***/
   --antd-radio-dot-color-fade-8: rgb(0 113 235 0.08);
   --antd-radio-dot-color: var(--antd-primary-color);
+  --antd-radio-button-hover-color: #2893f7;
 
   /*** divider ***/
+  --antd-divider-color: rgba(0, 0, 0, 6%);
   --antd-divider-radiation-color: linear-gradient(
       to right,
       transparent,
@@ -327,6 +466,7 @@ html[data-theme="dark-v2"],
 
   /*** base chart ***/
   --antd-chart-legend-text-color: #595959;
+  --antd-chart-legend-hover-text-color: #595959;
   --antd-chart-legend-unchecked-text-color: #d8d8d8;
   --antd-chart-legend-unchecked-mark-color: #d8d8d8;
   --antd-chart-legend-pageNavigator-marker-color: #000;
@@ -342,6 +482,8 @@ html[data-theme="dark-v2"],
   --antd-btn-special-icon-type-bg: var(--palette-gray-3);
   --antd-btn-special-icon-type-hover-color: var(--color-brand);
   --antd-btn-special-icon-type-hover-bg: #d8ecff;
+  --antd-btn-special-icon-type-active-color: #378be3;
+  --antd-btn-special-icon-type-active-bg: #bee0fb;
   --antd-btn-special-icon-type-disabled-color: var(--palette-gray-6);
   --antd-btn-special-icon-type-disabled-bg: var(--palette-gray-3);
 
@@ -353,7 +495,9 @@ html[data-theme="dark-v2"],
     rgba(101, 178, 255, 1) 100%
   );
   --antd-btn-primary-hover-bg: var(--bg-color-button-primary-hover);
+  --antd-btn-primary-hover-color: var(--antd-btn-primary-color);
   --antd-btn-primary-active-bg: var(--bg-color-button-primary-pressed);
+  --antd-btn-primary-active-color: var(--antd-btn-primary-color);
 
   --antd-btn-default-color: var(--palette-gray-8);
   --antd-btn-default-border: var(--antd-border-color-base);
@@ -366,7 +510,9 @@ html[data-theme="dark-v2"],
   --antd-btn-danger-bg-image: linear-gradient(45deg, #f0493c 0%, #fc796f 100%);
   --antd-btn-danger-color: #fff;
   --antd-btn-danger-hover-bg: var(--bg-color-button-danger-hover);
+  --antd-btn-danger-hover-color: var(--antd-btn-danger-color);
   --antd-btn-danger-active-bg: var(--bg-color-button-danger-pressed);
+  --antd-btn-danger-active-color: var(--antd-btn-danger-color);
 
   --antd-btn-link-hover-color: var(--bg-color-button-link-hover);
   --antd-btn-link-active-color: var(--bg-color-button-link-pressed);
@@ -383,9 +529,12 @@ html[data-theme="dark-v2"],
 
   /*** input ***/
   --antd-input-bg: var(--antd-component-background);
+  --antd-input-color: var(--color-normal-text);
   --antd-input-focus-border-color: var(--antd-primary-color);
   --antd-input-hover-border-color: var(--antd-primary-color);
   --antd-input-placeholder-color: var(--text-color-disabled);
+  --antd-input-border-color: var(--color-border-divider-line);
+  --antd-input-disabled-bg: var(--palette-gray-3);
 
   /*** select ***/
   --antd-select-item-selected-bg: #f5f5f5;
@@ -406,11 +555,14 @@ html[data-theme="dark-v2"],
   --antd-table-header-sort-active-filter-bg: #f9fafc;
   --antd-table-row-hover-bg: var(--antd-background-color-light);
   --antd-table-selected-row-hover-bg: #dcf2ff;
+  --antd-table-row-selected-border-color: rgba(0, 0, 0, 0.03);
   --antd-table-row-expand-icon-color: rgba(0, 0, 0, 0.55);
   --antd-table-row-expand-icon-action-bg: #f5f5f5;
   --antd-table-row-expand-nested-wrapper: #fafafa;
   --antd-table-row-expand-nested-wrapper-border: #e8e8e8;
   --antd-table-expanded-row-bg: #fbfbfb;
+  --antd-table-cell-fixed-header-bg: var(--antd-table-header-bg);
+  --antd-table-cell-fixed-body-bg: var(--antd-component-background);
 
   /*** pagination  ***/
   --antd-paination-total-text: var(--text-color-disabled);
@@ -424,6 +576,25 @@ html[data-theme="dark-v2"],
     --antd-pagination-item-active-border
   );
   --antd-pagination-item-selected-hover-bg: transparent;
+
+  /*** modal ***/
+  --antd-modal-footer-bg: transparent;
+  --antd-modal-mask-bg: var(--mask-bg);
+
+  /*** tooltip ***/
+  --antd-tooltip-bg: var(--color-fill-bg-container-5);
+  --antd-tooltip-color: var(--color-normal-icon);
+
+  /*** popover ***/
+  --antd-popover-bg: var(--color-fill-bg-container-4);
+  --antd-popover-color: var(--color-auxiliary-text);
+
+  /*** transfer ***/
+  --antd-transfer-item-hover-bg: var(--palette-gray-3);
+  --antd-transfer-item-selected-hover-bg: var(--antd-checkbox-bg-hover);
+  --antd-transfer-disable-bg: var(--palette-gray-3);
+  --antd-transfer-item-selected-bg: var(--antd-checkbox-bg-hover);
+  --antd-transfer-hover-bg: var(--palette-gray-3);
 }
 
 html[data-theme="dark-v2"],
@@ -442,6 +613,7 @@ html[data-theme="dark-v2"],
   --palette-gray-9: rgba(255, 255, 255, 0.85);
   --palette-gray-10: rgba(255, 255, 255, 1);
 
+  --palette-hex-gray-3: #29292b;
   --body-background: #17171a;
 
   --color-brand: var(--palette-blue-6);
@@ -451,7 +623,7 @@ html[data-theme="dark-v2"],
   --color-fill-bg-container-2: #2a2a2b;
   --color-fill-bg-container-3: #313132;
   --color-fill-bg-container-4: #373739;
-  --color-fill-bg-container-5: #373739;
+  --color-fill-bg-container-5: rgba(55, 55, 57, 0.95);
 
   --color-fill-bg-base-2: var(--palette-gray-3);
   --color-fill-bg-base-3: var(--palette-gray-2);
@@ -459,6 +631,9 @@ html[data-theme="dark-v2"],
   --color-strong-text: var(--palette-gray-10);
   --color-normal-text: var(--palette-gray-9);
   --color-auxiliary-text: var(--palette-gray-9);
+  --color-info-bg: var(--palette-blue-2);
+
+  --color-normal-icon: var(--palette-gray-10);
 
   --mask-bg: rgba(23, 23, 26, 0.6);
 
@@ -468,7 +643,8 @@ html[data-theme="dark-v2"],
   --left-slide-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.14);
   --connected-overlay-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.14);
   --fullscreen-overlay-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.24);
-  --hover-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.8);
+  --hover-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.14);
+
   --slide-up-shadow: 0px -6px 18px 0px rgba(0, 0, 0, 0.14);
   --menu-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.24);
   --input-shadow: 0px 0px 0px 2px rgba(20, 40, 74, 1);
@@ -489,7 +665,7 @@ html[data-theme="dark-v2"],
   --checkbox-bg-hover: var(--palette-gray-3);
   --checkbox-bg-active: var(--palette-blue-2);
   --dashboard-radio-item-shadow: 0px 0px 0px 2px rgba(20, 40, 74, 0.15);
-
+  --input-fill-bg: var(--palette-gray-2);
   --chart-tooltip-bg: rgba(23, 23, 26, 0.95);
   --chart-auxiliary-text: var(--palette-gray-9);
   --chart-outline-select: var(--palette-gray-10);
@@ -512,6 +688,7 @@ html[data-theme="dark-v2"],
 
   --antd-item-active-bg: var(--palette-gray-3);
   --antd-item-hover-bg: var(--palette-gray-3);
+  --antd-icon-color-hover: var(--color-normal-text);
 
   /*** menu ***/
   --antd-menu-bg: var(--menu-bg);
@@ -534,9 +711,6 @@ html[data-theme="dark-v2"],
   --antd-app-submenu-shadow: var(--base-shadow);
   --antd-app-submenu-group-title-color: var(--antd-text-color-secondary);
 
-  /*** divider  ***/
-  --antd-divider-color: var(--color-text-divider-line);
-
   /*** appp bar ***/
   --app-bar-bg: var(--color-fill-bg-container-1);
   --app-bar-shadow: var(--feedback-container-shadow);
@@ -561,15 +735,24 @@ html[data-theme="dark-v2"],
   --antd-dashboard-radio-item-bg: var(--color-fill-bg-container-3);
   --antd-dashboard-radio-item-color: var(--color-normal-text);
   --antd-dashboard-radio-item-disabled-color: var(--color-disabled-text);
+  --antd-dashboard-radio-item-checked-border-color: var(
+    --antd-dashboard-radio-bg
+  );
   --antd-dashboard-radio-item-checked-bg: var(--color-fill-bg-base-3);
   --antd-dashboard-radio-item-checked-shadow: var(--radio-item-shadow);
 
   /*** radio button ***/
   --antd-radio-solid-checked-color: var(--color-normal-text);
   --antd-radio-dot-color: var(--antd-primary-color);
+  --antd-radio-button-hover-color: var(--color-info-hover);
 
   /*** divider ***/
-  --antd-divider-radiation-color: var(--color-text-divider-line);
+  --antd-divider-color: var(--color-text-divider-line);
+  --antd-divider-radiation-color: linear-gradient(
+    135deg,
+    rgba(217, 217, 217, 0),
+    rgba(217, 217, 217, 0.12)
+  );
   --antd-divider-radiation-text-color: var(--color-header-text);
   --antd-divider-radiation-proportion-normal-text-color: var(
     --color-auxiliary-text
@@ -583,7 +766,8 @@ html[data-theme="dark-v2"],
   --statistic-card-itme-value-color: var(--color-normal-text);
 
   /*** base chart ***/
-  --antd-chart-legend-text-color: var(--color-auxiliary-text);
+  --antd-chart-legend-text-color: var(--palette-gray-8);
+  --antd-chart-legend-hover-text-color: var(--palette-gray-7);
   --antd-chart-legend-unchecked-text-color: var(--color-disabled-text);
   --antd-chart-legend-unchecked-mark-color: var(--color-disabled-text);
   --antd-chart-legend-pageNavigator-marker-color: var(--palette-gray-10);
@@ -601,6 +785,8 @@ html[data-theme="dark-v2"],
   --antd-btn-special-icon-type-bg: var(--color-fill-bg-base-1);
   --antd-btn-special-icon-type-hover-color: var(--color-brand-hover);
   --antd-btn-special-icon-type-hover-bg: var(--color-info-icon-bg);
+  --antd-btn-special-icon-type-active-color: var(--color-brand-active);
+  --antd-btn-special-icon-type-active-bg: var(--color-info-icon-bg);
   --antd-btn-special-icon-type-disabled-color: var(--color-disabled-text);
   --antd-btn-special-icon-type-disabled-bg: var(--color-fill-bg-base-1);
 
@@ -612,7 +798,9 @@ html[data-theme="dark-v2"],
     #1a6bdd 100%
   );
   --antd-btn-primary-hover-bg: var(--color-info-hover);
+  --antd-btn-primary-hover-color: var(--color-normal-text);
   --antd-btn-primary-active-bg: var(--color-info-active);
+  --antd-btn-primary-active-color: var(--color-normal-text);
 
   --antd-btn-default-color: var(--color-auxiliary-text);
   --antd-btn-default-border: var(--color-border-divider-line);
@@ -625,7 +813,9 @@ html[data-theme="dark-v2"],
   --antd-btn-danger-bg-image: linear-gradient(45deg, #d24525 0%, #7d3426 100%);
   --antd-btn-danger-color: var(--color-normal-text);
   --antd-btn-danger-hover-bg: var(--color-error-hover);
+  --antd-btn-danger-hover-color: var(--antd-btn-danger-color);
   --antd-btn-danger-active-bg: var(--color-error-active);
+  --antd-btn-danger-active-color: var(--antd-btn-danger-color);
 
   --antd-btn-link-hover-color: var(--color-brand-hover);
   --antd-btn-link-active-color: var(--color-brand-active);
@@ -642,9 +832,12 @@ html[data-theme="dark-v2"],
 
   /*** input ***/
   --antd-input-bg: var(--antd-component-background);
+  --antd-input-color: var(--color-normal-text);
   --antd-input-focus-border-color: var(--input-outline-focus);
   --antd-input-hover-border-color: var(--input-outline-hover);
   --antd-input-placeholder-color: var(--text-color-disabled);
+  --antd-input-border-color: var(--color-border-divider-line);
+  --antd-input-disabled-bg: var(--palette-gray-3);
 
   /*** select ***/
   --antd-select-item-selected-bg: var(--menu-dropdown-bg);
@@ -658,23 +851,24 @@ html[data-theme="dark-v2"],
   --antd-table-even-bg: var(--antd-table-bg);
   --antd-table-header-bg: var(--color-fill-bg-base-4);
   --antd-table-header-color: var(--color-header-text);
-  --antd-table-row-hover-bg: var(--color-fill-bg-base-1);
+  --antd-table-row-hover-bg: var(--palette-hex-gray-3);
 
   --antd-table-header-filter-active-bg: var(--color-fill-bg-base-1);
   --antd-table-header-sort-active-bg: var(--color-fill-bg-base-1);
   --antd-table-header-overwrite-sort-th-active-bg: var(
     --antd-table-header-sort-active-bg
   );
-  --antd-table-header-overwrite-sort-td-active-bg: var(
-    --antd-table-header-sort-active-bg
-  );
+  --antd-table-header-overwrite-sort-td-active-bg: var(--color-fill-bg-base-4);
   --antd-table-header-sort-active-filter-bg: var(--color-fill-bg-base-4);
   --antd-table-selected-row-hover-bg: var(--menu-dropdown-bg);
+  --antd-table-row-selected-border-color: var(--antd-table-border-color);
   --antd-table-row-expand-icon-color: var(--color-normal-text);
   --antd-table-row-expand-icon-action-bg: var(--color-fill-bg-base-1);
   --antd-table-row-expand-nested-wrapper: var(--color-fill-bg-container-2);
   --antd-table-row-expand-nested-wrapper-border: var(--antd-table-border-color);
   --antd-table-expanded-row-bg: var(--antd-table-row-expand-nested-wrapper);
+  --antd-table-cell-fixed-header-bg: #2c2c2d;
+  --antd-table-cell-fixed-body-bg: var(--antd-component-background);
 
   /*** pagination  ***/
   --antd-paination-total-text: var(--color-disabled-text);
@@ -690,6 +884,25 @@ html[data-theme="dark-v2"],
   --antd-pagination-item-selected-hover-border-color: var(
     --antd-pagination-item-selected-hover-bg
   );
+
+  /*** modal ***/
+  --antd-modal-footer-bg: var(--color-fill-bg-base-3);
+  --antd-modal-mask-bg: var(--mask-bg);
+
+  /*** tooltip ***/
+  --antd-tooltip-bg: var(--color-fill-bg-container-5);
+  --antd-tooltip-color: var(--color-normal-icon);
+
+  /*** popover ***/
+  --antd-popover-bg: var(--color-fill-bg-container-4);
+  --antd-popover-color: var(--color-auxiliary-text);
+
+  /*** transfer ***/
+  --antd-transfer-item-hover-bg: var(--antd-checkbox-bg-hover);
+  --antd-transfer-item-selected-hover-bg: var(--antd-checkbox-bg-hover);
+  --antd-transfer-disable-bg: var(--palette-gray-3);
+  --antd-transfer-item-selected-bg: var(--checkbox-bg-active);
+  --antd-transfer-hover-bg: var(--antd-checkbox-bg-hover);
 }
 
 
@@ -897,6 +1110,7 @@ html[data-theme="dark-v2"],
     0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
   --antd-column-active-bg: rgba(235, 243, 253, 0.8);
   --antd-disabled-color-fade-10: rgba(191, 191, 191, 0.9);
+  --antd-modal-mask-bg-fade-10: rgba(0, 0, 0, 0.1);
 
   --antd-link-color: var(--antd-primary-color);
   --antd-link-hover-color: #2893f7;
@@ -1001,6 +1215,11 @@ html[data-theme="dark"],
   --antd-table-header-sort-active-bg: #05255c;
   --antd-table-header-sort-active-filter-bg: #052357;
   --antd-table-row-hover-bg: var(--antd-background-color-base);
+
+  --color-fill-bg-container-5: rgba(0, 0, 0, 0.75);
+  --color-fill-bg-container-4: var(--antd-component-background);
+  --antd-popover-color: var(--antd-text-color);
+  --antd-modal-mask-bg: rgba(11, 26, 47, 0.45);
 }
 
 :root {
@@ -2315,32 +2534,32 @@ html {
   line-height: 22px;
 }
 .ant-alert-success {
-  background-color: #eaf8ec;
-  border: 1px solid #97e0ad;
+  background-color: var(--color-success-bg);
+  border: 1px solid var(--color-success-outline);
 }
 .ant-alert-success .ant-alert-icon {
-  color: #2fc25b;
+  color: var(--color-success);
 }
 .ant-alert-info {
-  background-color: #ebf3fd;
-  border: 1px solid #80b8f5;
+  background-color: var(--color-info-bg);
+  border: 1px solid var(--color-info-outline);
 }
 .ant-alert-info .ant-alert-icon {
-  color: #167be0;
+  color: var(--color-brand);
 }
 .ant-alert-warning {
-  background-color: #fff5ea;
-  border: 1px solid #ffd09a;
+  background-color: var(--color-warning-bg);
+  border: 1px solid var(--color-warning-outline);
 }
 .ant-alert-warning .ant-alert-icon {
-  color: #ffa235;
+  color: var(--color-warning);
 }
 .ant-alert-error {
-  background-color: #fdf0ef;
-  border: 1px solid #fda7a1;
+  background-color: var(--color-error-bg);
+  border: 1px solid var(--color-error-outline);
 }
 .ant-alert-error .ant-alert-icon {
-  color: #fc5043;
+  color: var(--color-error);
 }
 .ant-alert-error .ant-alert-description > pre {
   margin: 0;
@@ -2365,14 +2584,14 @@ html {
   transition: color 0.3s;
 }
 .ant-alert-close-icon .anticon-close:hover {
-  color: rgba(0, 0, 0, 0.75);
+  color: var(--antd-icon-color-hover);
 }
 .ant-alert-close-text {
   color: var(--antd-text-color-secondary);
   transition: color 0.3s;
 }
 .ant-alert-close-text:hover {
-  color: rgba(0, 0, 0, 0.75);
+  color: var(--antd-icon-color-hover);
 }
 .ant-alert-with-description {
   align-items: flex-start;
@@ -5907,7 +6126,7 @@ a.ant-btn-sm {
 }
 .ant-cascader-picker-disabled {
   color: var(--text-color-disabled);
-  background: var(--antd-background-color-base);
+  background: var(--antd-input-disabled-bg);
   cursor: not-allowed;
 }
 .ant-cascader-picker-disabled .ant-cascader-input {
@@ -6263,11 +6482,11 @@ a.ant-btn-sm {
   cursor: not-allowed;
 }
 .ant-checkbox-disabled .ant-checkbox-inner {
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base) !important;
 }
 .ant-checkbox-disabled .ant-checkbox-inner::after {
-  border-color: var(--antd-background-color-base);
+  border-color: var(--antd-input-disabled-bg);
   border-collapse: separate;
   animation-name: none;
 }
@@ -6678,7 +6897,7 @@ a.ant-btn-sm {
   border-left-width: 1px !important;
 }
 .ant-picker.ant-picker-disabled {
-  background: var(--antd-background-color-base);
+  background: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base);
   cursor: not-allowed;
 }
@@ -6702,12 +6921,12 @@ a.ant-btn-sm {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
   background-color: var(--antd-input-bg);
   background-image: none;
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
   flex: auto;
@@ -6748,22 +6967,22 @@ a.ant-btn-sm {
 }
 .ant-picker-input > input-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-picker-input > input-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-picker-input > input[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-picker-input > input[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-picker-input > input-borderless,
@@ -8038,7 +8257,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 }
 .ant-drawer-close:focus,
 .ant-drawer-close:hover {
-  color: rgba(0, 0, 0, 0.75);
+  color: var(--antd-icon-color-hover);
   text-decoration: none;
 }
 .ant-drawer-header-no-title .ant-drawer-close {
@@ -8084,7 +8303,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   left: 0;
   width: 100%;
   height: 0;
-  background-color: rgba(11, 26, 47, 0.45);
+  background-color: var(--antd-modal-mask-bg);
   opacity: 0;
   filter: alpha(opacity=45);
   transition: opacity 0.3s linear, height 0s ease 0.3s;
@@ -8186,8 +8405,8 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
   bottom: 6.2px;
   border-top-color: transparent;
-  border-right-color: var(--antd-component-background);
-  border-bottom-color: var(--antd-component-background);
+  border-right-color: var(--antd-popover-bg);
+  border-bottom-color: var(--antd-popover-bg);
   border-left-color: transparent;
   box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
 }
@@ -8205,10 +8424,10 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
 .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
   top: 6px;
-  border-top-color: var(--antd-component-background);
+  border-top-color: var(--antd-popover-bg);
   border-right-color: transparent;
   border-bottom-color: transparent;
-  border-left-color: var(--antd-component-background);
+  border-left-color: var(--antd-popover-bg);
   box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
 }
 .ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow {
@@ -8881,12 +9100,12 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
 }
 .ant-form-item-has-warning .ant-input-disabled {
-  background-color: var(--antd-background-color-base);
-  border-color: var(--antd-border-color-base);
+  background-color: var(--antd-input-disabled-bg);
+  border-color: var(--antd-input-border-color);
 }
 .ant-form-item-has-warning .ant-input-affix-wrapper-disabled {
-  background-color: var(--antd-background-color-base);
-  border-color: var(--antd-border-color-base);
+  background-color: var(--antd-input-disabled-bg);
+  border-color: var(--antd-input-border-color);
 }
 .ant-form-item-has-warning .ant-input-affix-wrapper-disabled input:focus {
   box-shadow: none !important;
@@ -8967,12 +9186,12 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
 }
 .ant-form-item-has-error .ant-input-disabled {
-  background-color: var(--antd-background-color-base);
-  border-color: var(--antd-border-color-base);
+  background-color: var(--antd-input-disabled-bg);
+  border-color: var(--antd-input-border-color);
 }
 .ant-form-item-has-error .ant-input-affix-wrapper-disabled {
-  background-color: var(--antd-background-color-base);
-  border-color: var(--antd-border-color-base);
+  background-color: var(--antd-input-disabled-bg);
+  border-color: var(--antd-input-border-color);
 }
 .ant-form-item-has-error .ant-input-affix-wrapper-disabled input:focus {
   box-shadow: none !important;
@@ -9056,7 +9275,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   border-color: #ff4d4f;
 }
 .ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
 }
 .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
   border-color: var(--antd-input-hover-border-color);
@@ -9139,7 +9358,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .ant-form output {
   display: block;
   padding-top: 15px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
 }
@@ -14659,7 +14878,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   left: 0;
   z-index: 1000;
   height: 100%;
-  background-color: rgba(11, 26, 47, 0.45);
+  background-color: var(--antd-modal-mask-bg);
 }
 .ant-image-preview-mask-hidden {
   display: none;
@@ -14735,7 +14954,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   width: 100%;
   color: rgba(255, 255, 255, 0.85);
   list-style: none;
-  background: rgba(11, 26, 47, 0.1);
+  background: var(--antd-modal-mask-bg-fade-10);
   pointer-events: auto;
 }
 .ant-image-preview-operations-operation {
@@ -14766,7 +14985,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   height: 44px;
   margin-top: -22px;
   color: rgba(255, 255, 255, 0.85);
-  background: rgba(11, 26, 47, 0.1);
+  background: var(--antd-modal-mask-bg-fade-10);
   border-radius: 50%;
   cursor: pointer;
   pointer-events: auto;
@@ -14796,12 +15015,12 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
   background-color: var(--antd-input-bg);
   background-image: none;
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
   display: inline-flex;
@@ -14837,22 +15056,22 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 }
 .ant-input-affix-wrapper-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-affix-wrapper-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-affix-wrapper[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-affix-wrapper[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-affix-wrapper-borderless,
@@ -14961,6 +15180,7 @@ textarea.ant-input-affix-wrapper {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
+  color: var(--antd-text-color);
   font-variant: tabular-nums;
   list-style: none;
   font-feature-settings: 'tnum';
@@ -14969,12 +15189,12 @@ textarea.ant-input-affix-wrapper {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
   background-color: var(--antd-input-bg);
   background-image: none;
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
 }
@@ -15009,22 +15229,22 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-borderless,
@@ -15121,12 +15341,12 @@ textarea.ant-input {
 .ant-input-group-addon {
   position: relative;
   padding: 0 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-weight: normal;
   font-size: 14px;
   text-align: center;
   background-color: var(--antd-background-color-light);
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
 }
@@ -15318,12 +15538,12 @@ textarea.ant-input {
   border-radius: 0 6px 6px 0;
 }
 .ant-input-group-rtl .ant-input-group-addon:first-child {
-  border-right: 1px solid var(--antd-border-color-base);
+  border-right: 1px solid var(--antd-input-border-color);
   border-left: 0;
 }
 .ant-input-group-rtl .ant-input-group-addon:last-child {
   border-right: 0;
-  border-left: 1px solid var(--antd-border-color-base);
+  border-left: 1px solid var(--antd-input-border-color);
 }
 .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
 .ant-input-group-rtl.ant-input-group-addon:last-child {
@@ -15504,6 +15724,7 @@ textarea.ant-input {
 }
 .ant-input-number {
   box-sizing: border-box;
+  color: var(--antd-text-color);
   font-variant: tabular-nums;
   list-style: none;
   font-feature-settings: 'tnum';
@@ -15511,11 +15732,12 @@ textarea.ant-input {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
   background-color: var(--antd-input-bg);
   background-image: none;
+  border: 1px solid var(--antd-input-border-color);
   transition: all 0.3s;
   display: inline-block;
   width: 90px;
@@ -15555,22 +15777,22 @@ textarea.ant-input {
 }
 .ant-input-number-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-number-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-number[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-number[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-number-borderless,
@@ -15679,12 +15901,12 @@ textarea.ant-input-number {
 }
 .ant-input-number-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-number-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-number-disabled .ant-input-number-input {
@@ -16257,17 +16479,18 @@ textarea.ant-input-number {
 .ant-mentions {
   box-sizing: border-box;
   margin: 0;
+  color: var(--antd-text-color);
   font-variant: tabular-nums;
   list-style: none;
   font-feature-settings: 'tnum';
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   background-color: var(--antd-input-bg);
   background-image: none;
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
   position: relative;
@@ -16310,22 +16533,22 @@ textarea.ant-input-number {
 }
 .ant-mentions-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-mentions-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-mentions[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-mentions[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-mentions-borderless,
@@ -16358,12 +16581,12 @@ textarea.ant-mentions {
 }
 .ant-mentions-disabled > textarea {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-mentions-disabled > textarea:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-mentions-focused {
@@ -17484,7 +17707,7 @@ textarea.ant-mentions {
   left: 0;
   z-index: 1000;
   height: 100%;
-  background-color: rgba(11, 26, 47, 0.45);
+  background-color: var(--antd-modal-mask-bg);
 }
 .ant-modal-mask-hidden {
   display: none;
@@ -17548,7 +17771,7 @@ textarea.ant-mentions {
 }
 .ant-modal-close:focus,
 .ant-modal-close:hover {
-  color: rgba(0, 0, 0, 0.75);
+  color: var(--antd-icon-color-hover);
   text-decoration: none;
 }
 .ant-modal-header {
@@ -17567,7 +17790,7 @@ textarea.ant-mentions {
 .ant-modal-footer {
   padding: 10px 24px;
   text-align: right;
-  background: #f3f4f7;
+  background: var(--antd-modal-footer-bg);
   border-top: 1px none var(--antd-border-color-split);
   border-radius: 0 0 6px 6px;
 }
@@ -18303,12 +18526,12 @@ textarea.ant-mentions {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
   background-color: var(--antd-input-bg);
   background-image: none;
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
   width: 50px;
@@ -18345,22 +18568,22 @@ textarea.ant-mentions {
 }
 .ant-pagination-options-quick-jumper input-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-pagination-options-quick-jumper input-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-pagination-options-quick-jumper input[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-pagination-options-quick-jumper input[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-pagination-options-quick-jumper input-borderless,
@@ -18625,7 +18848,7 @@ textarea.ant-pagination-options-quick-jumper input {
   padding-right: 10px;
 }
 .ant-popover-inner {
-  background-color: var(--antd-component-background);
+  background-color: var(--antd-popover-bg);
   background-clip: padding-box;
   border-radius: 6px;
   box-shadow: var(--antd-box-shadow-base);
@@ -18650,12 +18873,12 @@ textarea.ant-pagination-options-quick-jumper input {
 }
 .ant-popover-inner-content {
   padding: 12px 16px;
-  color: var(--antd-text-color);
+  color: var(--antd-popover-color);
 }
 .ant-popover-message {
   position: relative;
   padding: 4px 0 12px;
-  color: var(--antd-text-color);
+  color: var(--antd-popover-color);
   font-size: 14px;
 }
 .ant-popover-message > .anticon {
@@ -18689,8 +18912,8 @@ textarea.ant-pagination-options-quick-jumper input {
 .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
   bottom: 6.2px;
   border-top-color: transparent;
-  border-right-color: var(--antd-component-background);
-  border-bottom-color: var(--antd-component-background);
+  border-right-color: var(--antd-popover-bg);
+  border-bottom-color: var(--antd-popover-bg);
   border-left-color: transparent;
   box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
 }
@@ -18710,8 +18933,8 @@ textarea.ant-pagination-options-quick-jumper input {
   left: 6px;
   border-top-color: transparent;
   border-right-color: transparent;
-  border-bottom-color: var(--antd-component-background);
-  border-left-color: var(--antd-component-background);
+  border-bottom-color: var(--antd-popover-bg);
+  border-left-color: var(--antd-popover-bg);
   box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
 }
 .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
@@ -18728,10 +18951,10 @@ textarea.ant-pagination-options-quick-jumper input {
 .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
   top: 6px;
-  border-top-color: var(--antd-component-background);
+  border-top-color: var(--antd-popover-bg);
   border-right-color: transparent;
   border-bottom-color: transparent;
-  border-left-color: var(--antd-component-background);
+  border-left-color: var(--antd-popover-bg);
   box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
 }
 .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
@@ -18748,8 +18971,8 @@ textarea.ant-pagination-options-quick-jumper input {
 .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
   right: 6px;
-  border-top-color: var(--antd-component-background);
-  border-right-color: var(--antd-component-background);
+  border-top-color: var(--antd-popover-bg);
+  border-right-color: var(--antd-popover-bg);
   border-bottom-color: transparent;
   border-left-color: transparent;
   box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
@@ -19097,7 +19320,7 @@ textarea.ant-pagination-options-quick-jumper input {
   cursor: not-allowed;
 }
 .ant-radio-disabled .ant-radio-inner {
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base) !important;
   cursor: not-allowed;
 }
@@ -19203,11 +19426,11 @@ span.ant-radio + * {
   border-color: var(--antd-radio-dot-color);
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
-  color: #2893f7;
-  border-color: #2893f7;
+  color: var(--antd-radio-button-hover-color);
+  border-color: var(--antd-radio-button-hover-color);
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
-  background-color: #2893f7;
+  background-color: var(--antd-radio-button-hover-color);
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
   color: #0058c4;
@@ -19226,8 +19449,8 @@ span.ant-radio + * {
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
   color: var(--antd-radio-solid-checked-color);
-  background: #2893f7;
-  border-color: #2893f7;
+  background: var(--antd-radio-button-hover-color);
+  border-color: var(--antd-radio-button-hover-color);
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
   color: var(--antd-radio-solid-checked-color);
@@ -19239,14 +19462,14 @@ span.ant-radio + * {
 }
 .ant-radio-button-wrapper-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base);
   cursor: not-allowed;
 }
 .ant-radio-button-wrapper-disabled:first-child,
 .ant-radio-button-wrapper-disabled:hover {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base);
 }
 .ant-radio-button-wrapper-disabled:first-child {
@@ -19289,7 +19512,7 @@ span.ant-radio + * {
   border-radius: 0 6px 6px 0;
 }
 .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
-  border-right-color: #2893f7;
+  border-right-color: var(--antd-radio-button-hover-color);
 }
 .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
   border-radius: 6px 0 0 6px;
@@ -19585,7 +19808,7 @@ span.ant-radio + * {
   cursor: text;
 }
 .ant-select-disabled.ant-select-multiple .ant-select-selector {
-  background: var(--antd-background-color-base);
+  background: var(--antd-input-disabled-bg);
   cursor: not-allowed;
 }
 .ant-select-multiple .ant-select-selector::after {
@@ -19664,7 +19887,7 @@ span.ant-radio + * {
   vertical-align: -0.2em;
 }
 .ant-select-multiple .ant-select-selection-item-remove:hover {
-  color: rgba(0, 0, 0, 0.75);
+  color: var(--antd-icon-color-hover);
 }
 .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
   margin-inline-start: 0;
@@ -19791,11 +20014,11 @@ span.ant-radio + * {
 }
 .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
   color: var(--text-color-disabled);
-  background: var(--antd-background-color-base);
+  background: var(--antd-input-disabled-bg);
   cursor: not-allowed;
 }
 .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  background: var(--antd-background-color-base);
+  background: var(--antd-input-disabled-bg);
 }
 .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
   cursor: not-allowed;
@@ -23549,11 +23772,11 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   min-width: 30px;
   min-height: 32px;
   padding: 6px 8px;
-  color: #fff;
+  color: var(--antd-tooltip-color);
   text-align: left;
   text-decoration: none;
   word-wrap: break-word;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: var(--antd-tooltip-bg);
   border-radius: 6px;
   box-shadow: var(--antd-box-shadow-base);
 }
@@ -23576,7 +23799,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   width: 5px;
   height: 5px;
   margin: auto;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: var(--antd-tooltip-bg);
   content: '';
   pointer-events: auto;
 }
@@ -23788,7 +24011,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   align-items: stretch;
 }
 .ant-transfer-disabled .ant-transfer-list {
-  background: var(--antd-background-color-base);
+  background: var(--antd-transfer-disabled-bg);
 }
 .ant-transfer-list {
   display: flex;
@@ -23926,7 +24149,7 @@ span.ant-transfer-list-search-action {
   color: var(--antd-link-hover-color);
 }
 .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
-  background-color: var(--antd-item-hover-bg);
+  background-color: var(--antd-transfer-item-hover-bg);
   cursor: pointer;
 }
 .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
@@ -24169,11 +24392,11 @@ span.ant-transfer-list-search-action {
   cursor: not-allowed;
 }
 .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base) !important;
 }
 .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
-  border-color: var(--antd-background-color-base);
+  border-color: var(--antd-input-disabled-bg);
   border-collapse: separate;
   animation-name: none;
 }
@@ -24588,11 +24811,11 @@ span.ant-transfer-list-search-action {
   cursor: not-allowed;
 }
 .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base) !important;
 }
 .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
-  border-color: var(--antd-background-color-base);
+  border-color: var(--antd-input-disabled-bg);
   border-collapse: separate;
   animation-name: none;
 }
@@ -25872,6 +26095,18 @@ div.ant-typography-edit-content.ant-typography-rtl {
 .ant-btn {
   transition: initial;
 }
+.ant-btn:hover,
+.ant-btn:focus {
+  color: var(--antd-btn-default-hover-color);
+  border-color: var(--antd-btn-default-hover-border-color);
+  background: var(--antd-btn-default-bg);
+}
+.ant-btn.active,
+.ant-btn:active {
+  color: var(--antd-btn-default-active-color);
+  border-color: var(--antd-btn-default-active-border-color);
+  background: var(--antd-btn-default-bg);
+}
 .ant-btn-primary {
   background-image: var(--antd-btn-primary-bg-image);
   background-origin: border-box;
@@ -25884,11 +26119,13 @@ div.ant-typography-edit-content.ant-typography-rtl {
 }
 .ant-btn-primary:hover,
 .ant-btn-primary:focus {
+  color: var(--antd-btn-primary-hover-color);
   background-color: var(--antd-btn-primary-hover-bg);
   border-color: var(--antd-btn-primary-hover-bg);
 }
 .ant-btn-primary.active,
 .ant-btn-primary:active {
+  color: var(--antd-btn-primary-active-color);
   background-color: var(--antd-btn-primary-active-bg);
   border-color: var(--antd-btn-primary-active-bg);
 }
@@ -25902,11 +26139,13 @@ div.ant-typography-edit-content.ant-typography-rtl {
 }
 .ant-btn-danger:hover,
 .ant-btn-danger:focus {
+  color: var(--antd-btn-danger-hover-color);
   background-color: var(--antd-btn-danger-hover-bg);
   border-color: var(--antd-btn-danger-hover-bg);
 }
 .ant-btn-danger.active,
 .ant-btn-danger:active {
+  color: var(--antd-btn-danger-active-color);
   background-color: var(--antd-btn-danger-active-bg);
   border-color: var(--antd-btn-danger-active-bg);
 }
@@ -25914,19 +26153,25 @@ div.ant-typography-edit-content.ant-typography-rtl {
 .ant-btn-default:focus {
   color: var(--antd-btn-default-hover-color);
   border-color: var(--antd-btn-default-hover-border-color);
+  background: var(--antd-btn-default-bg);
 }
 .ant-btn-default.active,
 .ant-btn-default:active {
   color: var(--antd-btn-default-active-color);
   border-color: var(--antd-btn-default-active-border-color);
+  background: var(--antd-btn-default-bg);
 }
 .ant-btn-link:hover,
 .ant-btn-link:focus {
   color: var(--antd-btn-link-hover-color);
+  border-color: transparent;
+  background-color: transparent;
 }
 .ant-btn-link.active,
 .ant-btn-link:active {
   color: var(--antd-btn-link-active-color);
+  border-color: transparent;
+  background-color: transparent;
 }
 .ant-btn-text {
   color: var(--antd-btn-default-color);
@@ -25935,11 +26180,13 @@ div.ant-typography-edit-content.ant-typography-rtl {
 .ant-btn-text:focus {
   color: var(--antd-btn-text-hover-color);
   background-color: transparent;
+  border-color: transparent;
 }
 .ant-btn-text.active,
 .ant-btn-text:active {
   color: var(--antd-btn-text-active-color);
   background-color: transparent;
+  border-color: transparent;
 }
 .ant-btn-circle.ant-btn-sm {
   min-width: 28px;
@@ -25970,6 +26217,10 @@ html[data-theme="dark"] .ant-btn-primary {
 .ant-table-thead > tr > th.ant-table-column-sort.ant-table-column-has-sorters {
   background-color: var(--antd-table-header-sort-active-bg);
 }
+.ant-table-thead > tr .ant-table-cell-fix-left,
+.ant-table-thead > tr .ant-table-cell-fix-right {
+  background-color: var(--antd-table-cell-fixed-header-bg);
+}
 .ant-table-pagination.ant-pagination {
   margin-bottom: 0;
 }
@@ -25982,6 +26233,10 @@ html[data-theme="dark"] .ant-btn-primary {
   width: 32px;
   min-width: 32px;
 }
+.ant-table-tbody .ant-table-cell-fix-left,
+.ant-table-tbody .ant-table-cell-fix-right {
+  background-color: var(--antd-table-cell-fixed-body-bg);
+}
 .ant-table-tbody > tr > td {
   border-bottom-color: var(--antd-table-border-color);
 }
@@ -25990,6 +26245,7 @@ html[data-theme="dark"] .ant-btn-primary {
 }
 .ant-table-tbody tr.ant-table-row-selected > td {
   background: none;
+  border-color: var(--antd-table-row-selected-border-color);
 }
 .ant-table-tbody tr.ant-table-row-selected td.ant-table-selection-column .ant-checkbox-wrapper-checked {
   background: none;
@@ -26520,25 +26776,45 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
   background-color: var(--body-background);
 }
 .ant-transfer-list {
-  background: #fff;
-  border-radius: 6px;
+  background: var(--color-fill-bg-container-1);
+  border-radius: var(--larger-border-radius);
 }
 .ant-transfer-list-header {
-  background: #f5f5f5;
+  background: var(--color-fill-bg-base-1);
   border-bottom: none;
 }
+.ant-transfer-list-header-title {
+  font-size: var(--normal-font-size);
+  font-weight: var(--font-weight-400);
+  color: var(--color-disabled-text);
+}
 .ant-transfer-operation .ant-btn {
   border-radius: 50%;
 }
 .ant-transfer-operation .ant-btn:first-child {
   margin-bottom: 8px;
 }
+.ant-transfer-list-content-item-checked {
+  background-color: var(--antd-transfer-item-selected-bg);
+}
+.ant-checkbox-wrapper-checked {
+  background: none;
+}
+.ant-transfer-disabled .ant-transfer-list {
+  background: var(--color-fill-bg-base-4);
+}
+.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
+  background-color: var(--antd-transfer-hover-bg);
+}
 .ant-radio-group {
   line-height: 1;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-group-solid .ant-radio-button-wrapper-disabled).ant-radio-group-solid .ant-radio-button-wrapper:first-child {
   border-right-color: transparent;
 }
+.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
+  border-right-color: transparent;
+}
 .ant-select-tree-checkbox {
   /**
     * 修改 checkbox 的样式
@@ -26589,6 +26865,27 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
   background-color: #fff;
   border-top: 1px solid #d9d9d9;
 }
+.ant-tooltip-inner {
+  border-radius: var(--larger-border-radius);
+  box-shadow: var(--feedback-container-shadow);
+  font-size: var(--normal-font-size);
+  font-weight: var(--font-weight-400);
+  background-color: var(--color-fill-bg-container-5);
+}
+.ant-popover-inner {
+  background: var(--color-fill-bg-container-4);
+  border-radius: var(--larger-border-radius);
+  box-shadow: var(--feedback-container-shadow);
+}
+.ant-popover-inner-content {
+  font-size: var(--sub-title-font-size-small);
+  font-weight: var(--font-weight-400);
+}
+.ant-popover-title {
+  font-size: var(--sub-title-font-size);
+  font-weight: var(--font-weight-500);
+  color: var(--color-strong-text);
+}
 
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */
@@ -27766,4 +28063,4 @@ html[data-mode="dashboard"] body.has-sub-menu #main-mount-point {
 }
 
 
-/*# sourceMappingURL=main.5ce710c64cc8690ab00b.css.map*/
+/*# sourceMappingURL=main.b095249dcfb860cd360e.css.map*/