diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 000000000..558c6d6ba
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+public/theme.less
\ No newline at end of file
diff --git a/public/theme.less b/public/theme.less
index 9bb635ed9..599bb3be0 100644
--- a/public/theme.less
+++ b/public/theme.less
@@ -1329,7 +1329,7 @@ this.tinycolor = tinycolor;
     var saturation;
     if (isLight) {
       saturation = Math.round(hsv.s * 100) - saturationStep * i;
-    } else if (i == darkColorCount) {
+    } else if (i === darkColorCount) {
       saturation = Math.round(hsv.s * 100) + saturationStep;
     } else {
       saturation = Math.round(hsv.s * 100) + saturationStep2 * i;
@@ -1370,204 +1370,225 @@ this.tinycolor = tinycolor;
 .colorPaletteMixin();
 
 // color palettes
-@blue-1: color(~`colorPalette("@{blue-6}", 1)`);
-@blue-2: color(~`colorPalette("@{blue-6}", 2)`);
-@blue-3: color(~`colorPalette("@{blue-6}", 3)`);
-@blue-4: color(~`colorPalette("@{blue-6}", 4)`);
-@blue-5: color(~`colorPalette("@{blue-6}", 5)`);
+@blue-1: color(~`colorPalette('@{blue-6}', 1) `);
+@blue-2: color(~`colorPalette('@{blue-6}', 2) `);
+@blue-3: color(~`colorPalette('@{blue-6}', 3) `);
+@blue-4: color(~`colorPalette('@{blue-6}', 4) `);
+@blue-5: color(~`colorPalette('@{blue-6}', 5) `);
 @blue-6: #1890ff;
-@blue-7: color(~`colorPalette("@{blue-6}", 7)`);
-@blue-8: color(~`colorPalette("@{blue-6}", 8)`);
-@blue-9: color(~`colorPalette("@{blue-6}", 9)`);
-@blue-10: color(~`colorPalette("@{blue-6}", 10)`);
-
-@purple-1: color(~`colorPalette("@{purple-6}", 1)`);
-@purple-2: color(~`colorPalette("@{purple-6}", 2)`);
-@purple-3: color(~`colorPalette("@{purple-6}", 3)`);
-@purple-4: color(~`colorPalette("@{purple-6}", 4)`);
-@purple-5: color(~`colorPalette("@{purple-6}", 5)`);
+@blue-7: color(~`colorPalette('@{blue-6}', 7) `);
+@blue-8: color(~`colorPalette('@{blue-6}', 8) `);
+@blue-9: color(~`colorPalette('@{blue-6}', 9) `);
+@blue-10: color(~`colorPalette('@{blue-6}', 10) `);
+
+@purple-1: color(~`colorPalette('@{purple-6}', 1) `);
+@purple-2: color(~`colorPalette('@{purple-6}', 2) `);
+@purple-3: color(~`colorPalette('@{purple-6}', 3) `);
+@purple-4: color(~`colorPalette('@{purple-6}', 4) `);
+@purple-5: color(~`colorPalette('@{purple-6}', 5) `);
 @purple-6: #722ed1;
-@purple-7: color(~`colorPalette("@{purple-6}", 7)`);
-@purple-8: color(~`colorPalette("@{purple-6}", 8)`);
-@purple-9: color(~`colorPalette("@{purple-6}", 9)`);
-@purple-10: color(~`colorPalette("@{purple-6}", 10)`);
-
-@cyan-1: color(~`colorPalette("@{cyan-6}", 1)`);
-@cyan-2: color(~`colorPalette("@{cyan-6}", 2)`);
-@cyan-3: color(~`colorPalette("@{cyan-6}", 3)`);
-@cyan-4: color(~`colorPalette("@{cyan-6}", 4)`);
-@cyan-5: color(~`colorPalette("@{cyan-6}", 5)`);
+@purple-7: color(~`colorPalette('@{purple-6}', 7) `);
+@purple-8: color(~`colorPalette('@{purple-6}', 8) `);
+@purple-9: color(~`colorPalette('@{purple-6}', 9) `);
+@purple-10: color(~`colorPalette('@{purple-6}', 10) `);
+
+@cyan-1: color(~`colorPalette('@{cyan-6}', 1) `);
+@cyan-2: color(~`colorPalette('@{cyan-6}', 2) `);
+@cyan-3: color(~`colorPalette('@{cyan-6}', 3) `);
+@cyan-4: color(~`colorPalette('@{cyan-6}', 4) `);
+@cyan-5: color(~`colorPalette('@{cyan-6}', 5) `);
 @cyan-6: #13c2c2;
-@cyan-7: color(~`colorPalette("@{cyan-6}", 7)`);
-@cyan-8: color(~`colorPalette("@{cyan-6}", 8)`);
-@cyan-9: color(~`colorPalette("@{cyan-6}", 9)`);
-@cyan-10: color(~`colorPalette("@{cyan-6}", 10)`);
-
-@green-1: color(~`colorPalette("@{green-6}", 1)`);
-@green-2: color(~`colorPalette("@{green-6}", 2)`);
-@green-3: color(~`colorPalette("@{green-6}", 3)`);
-@green-4: color(~`colorPalette("@{green-6}", 4)`);
-@green-5: color(~`colorPalette("@{green-6}", 5)`);
+@cyan-7: color(~`colorPalette('@{cyan-6}', 7) `);
+@cyan-8: color(~`colorPalette('@{cyan-6}', 8) `);
+@cyan-9: color(~`colorPalette('@{cyan-6}', 9) `);
+@cyan-10: color(~`colorPalette('@{cyan-6}', 10) `);
+
+@green-1: color(~`colorPalette('@{green-6}', 1) `);
+@green-2: color(~`colorPalette('@{green-6}', 2) `);
+@green-3: color(~`colorPalette('@{green-6}', 3) `);
+@green-4: color(~`colorPalette('@{green-6}', 4) `);
+@green-5: color(~`colorPalette('@{green-6}', 5) `);
 @green-6: #52c41a;
-@green-7: color(~`colorPalette("@{green-6}", 7)`);
-@green-8: color(~`colorPalette("@{green-6}", 8)`);
-@green-9: color(~`colorPalette("@{green-6}", 9)`);
-@green-10: color(~`colorPalette("@{green-6}", 10)`);
-
-@magenta-1: color(~`colorPalette("@{magenta-6}", 1)`);
-@magenta-2: color(~`colorPalette("@{magenta-6}", 2)`);
-@magenta-3: color(~`colorPalette("@{magenta-6}", 3)`);
-@magenta-4: color(~`colorPalette("@{magenta-6}", 4)`);
-@magenta-5: color(~`colorPalette("@{magenta-6}", 5)`);
+@green-7: color(~`colorPalette('@{green-6}', 7) `);
+@green-8: color(~`colorPalette('@{green-6}', 8) `);
+@green-9: color(~`colorPalette('@{green-6}', 9) `);
+@green-10: color(~`colorPalette('@{green-6}', 10) `);
+
+@magenta-1: color(~`colorPalette('@{magenta-6}', 1) `);
+@magenta-2: color(~`colorPalette('@{magenta-6}', 2) `);
+@magenta-3: color(~`colorPalette('@{magenta-6}', 3) `);
+@magenta-4: color(~`colorPalette('@{magenta-6}', 4) `);
+@magenta-5: color(~`colorPalette('@{magenta-6}', 5) `);
 @magenta-6: #eb2f96;
-@magenta-7: color(~`colorPalette("@{magenta-6}", 7)`);
-@magenta-8: color(~`colorPalette("@{magenta-6}", 8)`);
-@magenta-9: color(~`colorPalette("@{magenta-6}", 9)`);
-@magenta-10: color(~`colorPalette("@{magenta-6}", 10)`);
+@magenta-7: color(~`colorPalette('@{magenta-6}', 7) `);
+@magenta-8: color(~`colorPalette('@{magenta-6}', 8) `);
+@magenta-9: color(~`colorPalette('@{magenta-6}', 9) `);
+@magenta-10: color(~`colorPalette('@{magenta-6}', 10) `);
 
 // alias of magenta
-@pink-1: color(~`colorPalette("@{pink-6}", 1)`);
-@pink-2: color(~`colorPalette("@{pink-6}", 2)`);
-@pink-3: color(~`colorPalette("@{pink-6}", 3)`);
-@pink-4: color(~`colorPalette("@{pink-6}", 4)`);
-@pink-5: color(~`colorPalette("@{pink-6}", 5)`);
+@pink-1: color(~`colorPalette('@{pink-6}', 1) `);
+@pink-2: color(~`colorPalette('@{pink-6}', 2) `);
+@pink-3: color(~`colorPalette('@{pink-6}', 3) `);
+@pink-4: color(~`colorPalette('@{pink-6}', 4) `);
+@pink-5: color(~`colorPalette('@{pink-6}', 5) `);
 @pink-6: #eb2f96;
-@pink-7: color(~`colorPalette("@{pink-6}", 7)`);
-@pink-8: color(~`colorPalette("@{pink-6}", 8)`);
-@pink-9: color(~`colorPalette("@{pink-6}", 9)`);
-@pink-10: color(~`colorPalette("@{pink-6}", 10)`);
-
-@red-1: color(~`colorPalette("@{red-6}", 1)`);
-@red-2: color(~`colorPalette("@{red-6}", 2)`);
-@red-3: color(~`colorPalette("@{red-6}", 3)`);
-@red-4: color(~`colorPalette("@{red-6}", 4)`);
-@red-5: color(~`colorPalette("@{red-6}", 5)`);
+@pink-7: color(~`colorPalette('@{pink-6}', 7) `);
+@pink-8: color(~`colorPalette('@{pink-6}', 8) `);
+@pink-9: color(~`colorPalette('@{pink-6}', 9) `);
+@pink-10: color(~`colorPalette('@{pink-6}', 10) `);
+
+@red-1: color(~`colorPalette('@{red-6}', 1) `);
+@red-2: color(~`colorPalette('@{red-6}', 2) `);
+@red-3: color(~`colorPalette('@{red-6}', 3) `);
+@red-4: color(~`colorPalette('@{red-6}', 4) `);
+@red-5: color(~`colorPalette('@{red-6}', 5) `);
 @red-6: #f5222d;
-@red-7: color(~`colorPalette("@{red-6}", 7)`);
-@red-8: color(~`colorPalette("@{red-6}", 8)`);
-@red-9: color(~`colorPalette("@{red-6}", 9)`);
-@red-10: color(~`colorPalette("@{red-6}", 10)`);
-
-@orange-1: color(~`colorPalette("@{orange-6}", 1)`);
-@orange-2: color(~`colorPalette("@{orange-6}", 2)`);
-@orange-3: color(~`colorPalette("@{orange-6}", 3)`);
-@orange-4: color(~`colorPalette("@{orange-6}", 4)`);
-@orange-5: color(~`colorPalette("@{orange-6}", 5)`);
+@red-7: color(~`colorPalette('@{red-6}', 7) `);
+@red-8: color(~`colorPalette('@{red-6}', 8) `);
+@red-9: color(~`colorPalette('@{red-6}', 9) `);
+@red-10: color(~`colorPalette('@{red-6}', 10) `);
+
+@orange-1: color(~`colorPalette('@{orange-6}', 1) `);
+@orange-2: color(~`colorPalette('@{orange-6}', 2) `);
+@orange-3: color(~`colorPalette('@{orange-6}', 3) `);
+@orange-4: color(~`colorPalette('@{orange-6}', 4) `);
+@orange-5: color(~`colorPalette('@{orange-6}', 5) `);
 @orange-6: #fa8c16;
-@orange-7: color(~`colorPalette("@{orange-6}", 7)`);
-@orange-8: color(~`colorPalette("@{orange-6}", 8)`);
-@orange-9: color(~`colorPalette("@{orange-6}", 9)`);
-@orange-10: color(~`colorPalette("@{orange-6}", 10)`);
-
-@yellow-1: color(~`colorPalette("@{yellow-6}", 1)`);
-@yellow-2: color(~`colorPalette("@{yellow-6}", 2)`);
-@yellow-3: color(~`colorPalette("@{yellow-6}", 3)`);
-@yellow-4: color(~`colorPalette("@{yellow-6}", 4)`);
-@yellow-5: color(~`colorPalette("@{yellow-6}", 5)`);
+@orange-7: color(~`colorPalette('@{orange-6}', 7) `);
+@orange-8: color(~`colorPalette('@{orange-6}', 8) `);
+@orange-9: color(~`colorPalette('@{orange-6}', 9) `);
+@orange-10: color(~`colorPalette('@{orange-6}', 10) `);
+
+@yellow-1: color(~`colorPalette('@{yellow-6}', 1) `);
+@yellow-2: color(~`colorPalette('@{yellow-6}', 2) `);
+@yellow-3: color(~`colorPalette('@{yellow-6}', 3) `);
+@yellow-4: color(~`colorPalette('@{yellow-6}', 4) `);
+@yellow-5: color(~`colorPalette('@{yellow-6}', 5) `);
 @yellow-6: #fadb14;
-@yellow-7: color(~`colorPalette("@{yellow-6}", 7)`);
-@yellow-8: color(~`colorPalette("@{yellow-6}", 8)`);
-@yellow-9: color(~`colorPalette("@{yellow-6}", 9)`);
-@yellow-10: color(~`colorPalette("@{yellow-6}", 10)`);
-
-@volcano-1: color(~`colorPalette("@{volcano-6}", 1)`);
-@volcano-2: color(~`colorPalette("@{volcano-6}", 2)`);
-@volcano-3: color(~`colorPalette("@{volcano-6}", 3)`);
-@volcano-4: color(~`colorPalette("@{volcano-6}", 4)`);
-@volcano-5: color(~`colorPalette("@{volcano-6}", 5)`);
+@yellow-7: color(~`colorPalette('@{yellow-6}', 7) `);
+@yellow-8: color(~`colorPalette('@{yellow-6}', 8) `);
+@yellow-9: color(~`colorPalette('@{yellow-6}', 9) `);
+@yellow-10: color(~`colorPalette('@{yellow-6}', 10) `);
+
+@volcano-1: color(~`colorPalette('@{volcano-6}', 1) `);
+@volcano-2: color(~`colorPalette('@{volcano-6}', 2) `);
+@volcano-3: color(~`colorPalette('@{volcano-6}', 3) `);
+@volcano-4: color(~`colorPalette('@{volcano-6}', 4) `);
+@volcano-5: color(~`colorPalette('@{volcano-6}', 5) `);
 @volcano-6: #fa541c;
-@volcano-7: color(~`colorPalette("@{volcano-6}", 7)`);
-@volcano-8: color(~`colorPalette("@{volcano-6}", 8)`);
-@volcano-9: color(~`colorPalette("@{volcano-6}", 9)`);
-@volcano-10: color(~`colorPalette("@{volcano-6}", 10)`);
-
-@geekblue-1: color(~`colorPalette("@{geekblue-6}", 1)`);
-@geekblue-2: color(~`colorPalette("@{geekblue-6}", 2)`);
-@geekblue-3: color(~`colorPalette("@{geekblue-6}", 3)`);
-@geekblue-4: color(~`colorPalette("@{geekblue-6}", 4)`);
-@geekblue-5: color(~`colorPalette("@{geekblue-6}", 5)`);
+@volcano-7: color(~`colorPalette('@{volcano-6}', 7) `);
+@volcano-8: color(~`colorPalette('@{volcano-6}', 8) `);
+@volcano-9: color(~`colorPalette('@{volcano-6}', 9) `);
+@volcano-10: color(~`colorPalette('@{volcano-6}', 10) `);
+
+@geekblue-1: color(~`colorPalette('@{geekblue-6}', 1) `);
+@geekblue-2: color(~`colorPalette('@{geekblue-6}', 2) `);
+@geekblue-3: color(~`colorPalette('@{geekblue-6}', 3) `);
+@geekblue-4: color(~`colorPalette('@{geekblue-6}', 4) `);
+@geekblue-5: color(~`colorPalette('@{geekblue-6}', 5) `);
 @geekblue-6: #2f54eb;
-@geekblue-7: color(~`colorPalette("@{geekblue-6}", 7)`);
-@geekblue-8: color(~`colorPalette("@{geekblue-6}", 8)`);
-@geekblue-9: color(~`colorPalette("@{geekblue-6}", 9)`);
-@geekblue-10: color(~`colorPalette("@{geekblue-6}", 10)`);
-
-@lime-1: color(~`colorPalette("@{lime-6}", 1)`);
-@lime-2: color(~`colorPalette("@{lime-6}", 2)`);
-@lime-3: color(~`colorPalette("@{lime-6}", 3)`);
-@lime-4: color(~`colorPalette("@{lime-6}", 4)`);
-@lime-5: color(~`colorPalette("@{lime-6}", 5)`);
+@geekblue-7: color(~`colorPalette('@{geekblue-6}', 7) `);
+@geekblue-8: color(~`colorPalette('@{geekblue-6}', 8) `);
+@geekblue-9: color(~`colorPalette('@{geekblue-6}', 9) `);
+@geekblue-10: color(~`colorPalette('@{geekblue-6}', 10) `);
+
+@lime-1: color(~`colorPalette('@{lime-6}', 1) `);
+@lime-2: color(~`colorPalette('@{lime-6}', 2) `);
+@lime-3: color(~`colorPalette('@{lime-6}', 3) `);
+@lime-4: color(~`colorPalette('@{lime-6}', 4) `);
+@lime-5: color(~`colorPalette('@{lime-6}', 5) `);
 @lime-6: #a0d911;
-@lime-7: color(~`colorPalette("@{lime-6}", 7)`);
-@lime-8: color(~`colorPalette("@{lime-6}", 8)`);
-@lime-9: color(~`colorPalette("@{lime-6}", 9)`);
-@lime-10: color(~`colorPalette("@{lime-6}", 10)`);
-
-@gold-1: color(~`colorPalette("@{gold-6}", 1)`);
-@gold-2: color(~`colorPalette("@{gold-6}", 2)`);
-@gold-3: color(~`colorPalette("@{gold-6}", 3)`);
-@gold-4: color(~`colorPalette("@{gold-6}", 4)`);
-@gold-5: color(~`colorPalette("@{gold-6}", 5)`);
+@lime-7: color(~`colorPalette('@{lime-6}', 7) `);
+@lime-8: color(~`colorPalette('@{lime-6}', 8) `);
+@lime-9: color(~`colorPalette('@{lime-6}', 9) `);
+@lime-10: color(~`colorPalette('@{lime-6}', 10) `);
+
+@gold-1: color(~`colorPalette('@{gold-6}', 1) `);
+@gold-2: color(~`colorPalette('@{gold-6}', 2) `);
+@gold-3: color(~`colorPalette('@{gold-6}', 3) `);
+@gold-4: color(~`colorPalette('@{gold-6}', 4) `);
+@gold-5: color(~`colorPalette('@{gold-6}', 5) `);
 @gold-6: #faad14;
-@gold-7: color(~`colorPalette("@{gold-6}", 7)`);
-@gold-8: color(~`colorPalette("@{gold-6}", 8)`);
-@gold-9: color(~`colorPalette("@{gold-6}", 9)`);
-@gold-10: color(~`colorPalette("@{gold-6}", 10)`);
+@gold-7: color(~`colorPalette('@{gold-6}', 7) `);
+@gold-8: color(~`colorPalette('@{gold-6}', 8) `);
+@gold-9: color(~`colorPalette('@{gold-6}', 9) `);
+@gold-10: color(~`colorPalette('@{gold-6}', 10) `);
+
+@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
+  purple;
 
 // The prefix to use on all css classes from ant.
-@ant-prefix             : ant;
+@ant-prefix: ant;
+
+// An override for the html selector for theme prefixes
+@html-selector: html;
 
 // -------- Colors -----------
 
-@info-color             : @blue-6;
-@success-color          : @green-6;
-@processing-color       : @blue-6;
-@error-color            : @red-6;
-@highlight-color        : @red-6;
-@warning-color          : @gold-6;
-@normal-color           : #d9d9d9;
+@info-color: @blue-6;
+@success-color: @green-6;
+@processing-color: @blue-6;
+@error-color: @red-6;
+@highlight-color: @red-6;
+@warning-color: @gold-6;
+@normal-color: #d9d9d9;
+@white: #fff;
+@black: #000;
 
 // Color used by default to control hover and active backgrounds and for
 // alert info backgrounds.
-@primary-1: color(~`colorPalette("@{primary-color}", 1)`);  // replace tint(@primary-color, 90%)
-@primary-2: color(~`colorPalette("@{primary-color}", 2)`);  // replace tint(@primary-color, 80%)
-@primary-3: color(~`colorPalette("@{primary-color}", 3)`);  // unused
-@primary-4: color(~`colorPalette("@{primary-color}", 4)`);  // unused
-@primary-5: color(~`colorPalette("@{primary-color}", 5)`);  // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
-@primary-6: @primary-color;                                 // color used to control the text color of active buttons, don't use, use @primary-color
-@primary-7: color(~`colorPalette("@{primary-color}", 7)`);  // replace shade(@primary-color, 5%)
-@primary-8: color(~`colorPalette("@{primary-color}", 8)`);  // unused
-@primary-9: color(~`colorPalette("@{primary-color}", 9)`);  // unused
-@primary-10: color(~`colorPalette("@{primary-color}", 10)`);  // unused
+@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
+@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
+@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
+@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
+@primary-5: color(
+  ~`colorPalette('@{primary-color}', 5) `
+); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
+@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
+@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
+@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
+@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
+@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused
 
 // Base Scaffolding Variables
 // ---
 
 // Background color for `<body>`
-@body-background        : #fff;
+@body-background: #fff;
 // Base background color for most components
-@component-background   : #fff;
-@font-family  : "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
-"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-@code-family            : "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
-@heading-color          : fade(#000, 85%);
-@text-color             : fade(#000, 65%);
-@text-color-secondary   : fade(#000, 45%);
-@heading-color-dark     : fade(#fff, 100%);
-@text-color-dark        : fade(#fff, 85%);
-@text-color-secondary-dark: fade(#fff, 65%);
-@font-size-base         : 14px;
-@font-size-lg           : @font-size-base + 2px;
-@font-size-sm           : 12px;
-@line-height-base       : 1.5;
-@border-radius-base     : 4px;
-@border-radius-sm       : 2px;
+@component-background: #fff;
+@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
+  'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
+  'Segoe UI Emoji', 'Segoe UI Symbol';
+@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+@text-color: fade(@black, 65%);
+@text-color-secondary: fade(@black, 45%);
+@text-color-inverse: @white;
+@icon-color: inherit;
+@icon-color-hover: fade(@black, 75%);
+@heading-color: fade(#000, 85%);
+@heading-color-dark: fade(@white, 100%);
+@text-color-dark: fade(@white, 85%);
+@text-color-secondary-dark: fade(@white, 65%);
+@text-selection-bg: @primary-color;
+@font-variant-base: tabular-nums;
+@font-feature-settings-base: 'tnum';
+@font-size-base: 14px;
+@font-size-lg: @font-size-base + 2px;
+@font-size-sm: 12px;
+@heading-1-size: ceil(@font-size-base * 2.71);
+@heading-2-size: ceil(@font-size-base * 2.14);
+@heading-3-size: ceil(@font-size-base * 1.71);
+@heading-4-size: ceil(@font-size-base * 1.42);
+@line-height-base: 1.5;
+@border-radius-base: 4px;
+@border-radius-sm: 2px;
 
 // vertical paddings
-@padding-lg    : 24px; // containers
-@padding-md    : 16px; // small containers and buttons
-@padding-sm    : 12px; // Form controls and items
-@padding-xs    : 8px;  // small items
+@padding-lg: 24px; // containers
+@padding-md: 16px; // small containers and buttons
+@padding-sm: 12px; // Form controls and items
+@padding-xs: 8px; // small items
 
 // vertical padding for all form controls
 @control-padding-horizontal: @padding-sm;
@@ -1575,257 +1596,314 @@ this.tinycolor = tinycolor;
 
 // The background colors for active and hover states for things like
 // list items or table cells.
-@item-active-bg         : @primary-1;
-@item-hover-bg          : @primary-1;
+@item-active-bg: @primary-1;
+@item-hover-bg: @primary-1;
 
 // ICONFONT
-@iconfont-css-prefix    : anticon;
+@iconfont-css-prefix: anticon;
 
 // LINK
-@link-color             : @primary-color;
-@link-hover-color       : color(~`colorPalette("@{link-color}", 5)`);
-@link-active-color      : color(~`colorPalette("@{link-color}", 7)`);
-@link-decoration        : none;
-@link-hover-decoration  : none;
+@link-color: @primary-color;
+@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
+@link-active-color: color(~`colorPalette('@{link-color}', 7) `);
+@link-decoration: none;
+@link-hover-decoration: none;
 
 // Animation
-@ease-base-out       : cubic-bezier(0.7, 0.3, 0.1, 1);
-@ease-base-in        : cubic-bezier(0.9, 0, 0.3, 0.7);
-@ease-out            : cubic-bezier(0.215, 0.61, 0.355, 1);
-@ease-in             : cubic-bezier(0.55, 0.055, 0.675, 0.19);
-@ease-in-out         : cubic-bezier(0.645, 0.045, 0.355, 1);
-@ease-out-back       : cubic-bezier(0.12, 0.4, 0.29, 1.46);
-@ease-in-back        : cubic-bezier(0.71, -0.46, 0.88, 0.6);
-@ease-in-out-back    : cubic-bezier(0.71, -0.46, 0.29, 1.46);
-@ease-out-circ       : cubic-bezier(0.08, 0.82, 0.17, 1);
-@ease-in-circ        : cubic-bezier(0.6, 0.04, 0.98, 0.34);
-@ease-in-out-circ    : cubic-bezier(0.78, 0.14, 0.15, 0.86);
-@ease-out-quint      : cubic-bezier(0.23, 1, 0.32, 1);
-@ease-in-quint       : cubic-bezier(0.755, 0.05, 0.855, 0.06);
-@ease-in-out-quint   : cubic-bezier(0.86, 0, 0.07, 1);
+@ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
+@ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
+@ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
+@ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+@ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
+@ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
+@ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
+@ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
+@ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
+@ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
+@ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
+@ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
+@ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+@ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
 
 // Border color
-@border-color-base      : hsv(0, 0, 85%);  // base border outline a component
-@border-color-split     : hsv(0, 0, 91%);  // split border inside a component
-@border-width-base      : 1px;            // width of the border for a component
-@border-style-base      : solid;          // style of a components border
+@border-color-base: hsv(0, 0, 85%); // base border outline a component
+@border-color-split: hsv(0, 0, 91%); // split border inside a component
+@border-color-inverse: @white;
+@border-width-base: 1px; // width of the border for a component
+@border-style-base: solid; // style of a components border
 
 // Outline
-@outline-blur-size      : 0;
-@outline-width          : 2px;
-@outline-color          : @primary-color;
+@outline-blur-size: 0;
+@outline-width: 2px;
+@outline-color: @primary-color;
 
-@background-color-light : hsv(0, 0, 98%);  // background of header and selected item
-@background-color-base  : hsv(0, 0, 96%);  // Default grey background color
+@background-color-light: hsv(0, 0, 98%); // background of header and selected item
+@background-color-base: hsv(0, 0, 96%); // Default grey background color
 
 // Disabled states
-@disabled-color         : fade(#000, 25%);
-@disabled-bg            : @background-color-base;
-@disabled-color-dark    : fade(#fff, 35%);
+@disabled-color: fade(#000, 25%);
+@disabled-bg: @background-color-base;
+@disabled-color-dark: fade(#fff, 35%);
 
 // Shadow
-@shadow-color           : rgba(0, 0, 0, .15);
-@box-shadow-base        : @shadow-1-down;
-@shadow-1-up            : 0 -2px 8px @shadow-color;
-@shadow-1-down          : 0 2px 8px @shadow-color;
-@shadow-1-left          : -2px 0 8px @shadow-color;
-@shadow-1-right         : 2px 0 8px @shadow-color;
-@shadow-2               : 0 4px 12px @shadow-color;
+@shadow-color: rgba(0, 0, 0, 0.15);
+@shadow-color-inverse: @component-background;
+@box-shadow-base: @shadow-1-down;
+@shadow-1-up: 0 -2px 8px @shadow-color;
+@shadow-1-down: 0 2px 8px @shadow-color;
+@shadow-1-left: -2px 0 8px @shadow-color;
+@shadow-1-right: 2px 0 8px @shadow-color;
+@shadow-2: 0 4px 12px @shadow-color;
 
 // Buttons
-@btn-font-weight        : 400;
-@btn-border-radius-base : @border-radius-base;
-@btn-border-radius-sm   : @border-radius-base;
-
-@btn-primary-color      : #fff;
-@btn-primary-bg         : @primary-color;
-
-@btn-default-color      : @text-color;
-@btn-default-bg         : #fff;
-@btn-default-border     : @border-color-base;
+@btn-font-weight: 400;
+@btn-border-radius-base: @border-radius-base;
+@btn-border-radius-sm: @border-radius-base;
+@btn-border-width: @border-width-base;
+@btn-border-style: @border-style-base;
+@btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
+@btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
+@btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
+
+@btn-primary-color: #fff;
+@btn-primary-bg: @primary-color;
+
+@btn-default-color: @text-color;
+@btn-default-bg: @component-background;
+@btn-default-border: @border-color-base;
+
+@btn-danger-color: #fff;
+@btn-danger-bg: color(~`colorPalette('@{error-color}', 5) `);
+@btn-danger-border: color(~`colorPalette('@{error-color}', 5) `);
+
+@btn-disable-color: @disabled-color;
+@btn-disable-bg: @disabled-bg;
+@btn-disable-border: @border-color-base;
+
+@btn-padding-base: 0 @padding-md - 1px;
+@btn-font-size-lg: @font-size-lg;
+@btn-font-size-sm: @font-size-base;
+@btn-padding-lg: @btn-padding-base;
+@btn-padding-sm: 0 @padding-xs - 1px;
+
+@btn-height-base: 32px;
+@btn-height-lg: 40px;
+@btn-height-sm: 24px;
+
+@btn-circle-size: @btn-height-base;
+@btn-circle-size-lg: @btn-height-lg;
+@btn-circle-size-sm: @btn-height-sm;
+
+@btn-square-size: @btn-height-base;
+@btn-square-size-lg: @btn-height-lg;
+@btn-square-size-sm: @btn-height-sm;
+
+@btn-group-border: @primary-5;
 
-@btn-danger-color       : @error-color;
-@btn-danger-bg          : @background-color-base;
-@btn-danger-border      : @border-color-base;
-
-@btn-disable-color      : @disabled-color;
-@btn-disable-bg         : @disabled-bg;
-@btn-disable-border     : @border-color-base;
-
-@btn-padding-base       : 0 @padding-md - 1px;
-@btn-font-size-lg       : @font-size-lg;
-@btn-font-size-sm       : @font-size-base;
-@btn-padding-lg         : @btn-padding-base;
-@btn-padding-sm         : 0 @padding-xs - 1px;
-
-@btn-height-base        : 32px;
-@btn-height-lg          : 40px;
-@btn-height-sm          : 24px;
+// Checkbox
+@checkbox-size: 16px;
+@checkbox-color: @primary-color;
+@checkbox-check-color: #fff;
+@checkbox-border-width: @border-width-base;
 
-@btn-circle-size        : @btn-height-base;
-@btn-circle-size-lg     : @btn-height-lg;
-@btn-circle-size-sm     : @btn-height-sm;
+// Descriptions
+@descriptions-bg: #fafafa;
 
-@btn-group-border       : @primary-5;
+// Dropdown
+@dropdown-selected-color: @primary-color;
 
-// Checkbox
-@checkbox-size          : 16px;
-@checkbox-color         : @primary-color;
-@checkbox-check-color   : #fff;
+// Empty
+@empty-font-size: @font-size-base;
 
 // Radio
-@radio-size             : 16px;
-@radio-dot-color        : @primary-color;
+@radio-size: 16px;
+@radio-dot-color: @primary-color;
 
 // Radio buttons
-@radio-button-bg           : @btn-default-bg;
-@radio-button-color        : @btn-default-color;
-@radio-button-hover-color  : @primary-5;
-@radio-button-active-color : @primary-7;
+@radio-button-bg: @btn-default-bg;
+@radio-button-checked-bg: @btn-default-bg;
+@radio-button-color: @btn-default-color;
+@radio-button-hover-color: @primary-5;
+@radio-button-active-color: @primary-7;
 
 // Media queries breakpoints
 // Extra small screen / phone
-@screen-xs              : 480px;
-@screen-xs-min          : @screen-xs;
+@screen-xs: 480px;
+@screen-xs-min: @screen-xs;
 
 // Small screen / tablet
-@screen-sm              : 576px;
-@screen-sm-min          : @screen-sm;
+@screen-sm: 576px;
+@screen-sm-min: @screen-sm;
 
 // Medium screen / desktop
-@screen-md              : 768px;
-@screen-md-min          : @screen-md;
+@screen-md: 768px;
+@screen-md-min: @screen-md;
 
 // Large screen / wide desktop
-@screen-lg              : 992px;
-@screen-lg-min          : @screen-lg;
+@screen-lg: 992px;
+@screen-lg-min: @screen-lg;
 
 // Extra large screen / full hd
-@screen-xl              : 1200px;
-@screen-xl-min          : @screen-xl;
+@screen-xl: 1200px;
+@screen-xl-min: @screen-xl;
 
-// Extra extra large screen / large descktop
-@screen-xxl              : 1600px;
-@screen-xxl-min          : @screen-xxl;
+// Extra extra large screen / large desktop
+@screen-xxl: 1600px;
+@screen-xxl-min: @screen-xxl;
 
 // provide a maximum
-@screen-xs-max          : (@screen-sm-min - 1px);
-@screen-sm-max          : (@screen-md-min - 1px);
-@screen-md-max          : (@screen-lg-min - 1px);
-@screen-lg-max          : (@screen-xl-min - 1px);
-@screen-xl-max          : (@screen-xxl-min - 1px);
+@screen-xs-max: (@screen-sm-min - 1px);
+@screen-sm-max: (@screen-md-min - 1px);
+@screen-md-max: (@screen-lg-min - 1px);
+@screen-lg-max: (@screen-xl-min - 1px);
+@screen-xl-max: (@screen-xxl-min - 1px);
 
 // Grid system
-@grid-columns           : 24;
-@grid-gutter-width      : 0;
+@grid-columns: 24;
+@grid-gutter-width: 0;
 
 // Layout
-@layout-body-background         : #f0f2f5;
-@layout-header-background       : #001529;
-@layout-footer-background       : @layout-body-background;
-@layout-header-height           : 64px;
-@layout-header-padding          : 0 50px;
-@layout-footer-padding          : 24px 50px;
-@layout-sider-background        : @layout-header-background;
-@layout-trigger-height          : 48px;
-@layout-trigger-background      : #002140;
-@layout-trigger-color           : #fff;
-@layout-zero-trigger-width      : 36px;
-@layout-zero-trigger-height     : 42px;
+@layout-body-background: #f0f2f5;
+@layout-header-background: #001529;
+@layout-footer-background: @layout-body-background;
+@layout-header-height: 64px;
+@layout-header-padding: 0 50px;
+@layout-footer-padding: 24px 50px;
+@layout-sider-background: @layout-header-background;
+@layout-trigger-height: 48px;
+@layout-trigger-background: #002140;
+@layout-trigger-color: #fff;
+@layout-zero-trigger-width: 36px;
+@layout-zero-trigger-height: 42px;
 // Layout light theme
-@layout-sider-background-light  : #fff;
+@layout-sider-background-light: #fff;
 @layout-trigger-background-light: #fff;
-@layout-trigger-color-light     : @text-color;
-
-// z-index list
-@zindex-affix           : 10;
-@zindex-back-top        : 10;
-@zindex-modal-mask      : 1000;
-@zindex-modal           : 1000;
-@zindex-notification    : 1010;
-@zindex-message         : 1010;
-@zindex-popover         : 1030;
-@zindex-picker          : 1050;
-@zindex-dropdown        : 1050;
-@zindex-tooltip         : 1060;
+@layout-trigger-color-light: @text-color;
+
+// z-index list, order by `z-index`
+@zindex-table-fixed: auto;
+@zindex-affix: 10;
+@zindex-back-top: 10;
+@zindex-badge: 10;
+@zindex-picker-panel: 10;
+@zindex-popup-close: 10;
+@zindex-modal: 1000;
+@zindex-modal-mask: 1000;
+@zindex-message: 1010;
+@zindex-notification: 1010;
+@zindex-popover: 1030;
+@zindex-dropdown: 1050;
+@zindex-picker: 1050;
+@zindex-tooltip: 1060;
 
 // Animation
-@animation-duration-slow: .3s; // Modal
-@animation-duration-base: .2s;
-@animation-duration-fast: .1s; // Tooltip
+@animation-duration-slow: 0.3s; // Modal
+@animation-duration-base: 0.2s;
+@animation-duration-fast: 0.1s; // Tooltip
+
+//CollapsePanel
+@collapse-panel-border-radius: @border-radius-base;
+
+//Dropdown
+@dropdown-vertical-padding: 5px;
+@dropdown-font-size: @font-size-base;
+@dropdown-line-height: 22px;
 
 // Form
 // ---
-@label-required-color        : @highlight-color;
-@label-color                 : @heading-color;
-@form-item-margin-bottom     : 24px;
-@form-item-trailing-colon    : true;
-@form-vertical-label-padding : 0 0 8px;
-@form-vertical-label-margin  : 0;
+@label-required-color: @highlight-color;
+@label-color: @heading-color;
+@form-warning-input-bg: @input-bg;
+@form-item-margin-bottom: 24px;
+@form-item-trailing-colon: true;
+@form-vertical-label-padding: 0 0 8px;
+@form-vertical-label-margin: 0;
+@form-error-input-bg: @input-bg;
 
 // Input
 // ---
-@input-height-base           : 32px;
-@input-height-lg             : 40px;
-@input-height-sm             : 24px;
-@input-padding-horizontal    : @control-padding-horizontal - 1px;
+@input-height-base: 32px;
+@input-height-lg: 40px;
+@input-height-sm: 24px;
+@input-padding-horizontal: @control-padding-horizontal - 1px;
 @input-padding-horizontal-base: @input-padding-horizontal;
-@input-padding-horizontal-sm : @control-padding-horizontal-sm - 1px;
-@input-padding-horizontal-lg : @input-padding-horizontal;
-@input-padding-vertical-base : 4px;
-@input-padding-vertical-sm   : 1px;
-@input-padding-vertical-lg   : 6px;
-@input-placeholder-color     : hsv(0, 0, 75%);
-@input-color                 : @text-color;
-@input-border-color          : @border-color-base;
-@input-bg                    : #fff;
-@input-addon-bg              : @background-color-light;
-@input-hover-border-color    : @primary-color;
-@input-disabled-bg           : @disabled-bg;
-@input-outline-offset        : 0 0;
+@input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
+@input-padding-horizontal-lg: @input-padding-horizontal;
+@input-padding-vertical-base: 4px;
+@input-padding-vertical-sm: 1px;
+@input-padding-vertical-lg: 6px;
+@input-placeholder-color: hsv(0, 0, 75%);
+@input-color: @text-color;
+@input-border-color: @border-color-base;
+@input-bg: @component-background;
+@input-number-handler-active-bg: #f4f4f4;
+@input-number-handler-hover-bg: @primary-5;
+@input-number-handler-bg: @component-background;
+@input-number-handler-border-color: @border-color-base;
+@input-addon-bg: @background-color-light;
+@input-hover-border-color: @primary-5;
+@input-disabled-bg: @disabled-bg;
+@input-outline-offset: 0 0;
+
+// Select
+// ---
+@select-border-color: @border-color-base;
+@select-item-selected-font-weight: 600;
+@select-dropdown-bg: @component-background;
+@select-item-selected-bg: @background-color-light;
+@select-item-active-bg: @item-active-bg;
+
+// Anchor
+// ---
+@anchor-border-color: @border-color-split;
 
 // Tooltip
 // ---
-//* Tooltip max width
+// Tooltip max width
 @tooltip-max-width: 250px;
-//** Tooltip text color
+// Tooltip text color
 @tooltip-color: #fff;
-//** Tooltip background color
-@tooltip-bg: rgba(0, 0, 0, .75);
-//** Tooltip arrow width
+// Tooltip background color
+@tooltip-bg: rgba(0, 0, 0, 0.75);
+// Tooltip arrow width
 @tooltip-arrow-width: 5px;
-//** Tooltip distance with trigger
+// Tooltip distance with trigger
 @tooltip-distance: @tooltip-arrow-width - 1px + 4px;
-//** Tooltip arrow color
+// Tooltip arrow color
 @tooltip-arrow-color: @tooltip-bg;
 
 // Popover
 // ---
-//** Popover body background color
-@popover-bg: #fff;
-//** Popover text color
+// Popover body background color
+@popover-bg: @component-background;
+// Popover text color
 @popover-color: @text-color;
-//** Popover maximum width
+// Popover maximum width
 @popover-min-width: 177px;
-//** Popover arrow width
+// Popover arrow width
 @popover-arrow-width: 6px;
-//** Popover arrow color
+// Popover arrow color
 @popover-arrow-color: @popover-bg;
-//** Popover outer arrow width
-//** Popover outer arrow color
+// Popover outer arrow width
+// Popover outer arrow color
 @popover-arrow-outer-color: @popover-bg;
-//** Popover distance with trigger
+// Popover distance with trigger
 @popover-distance: @popover-arrow-width + 4px;
 
 // Modal
 // --
-@modal-mask-bg: rgba(0, 0, 0, 0.65);
+@modal-body-padding: 24px;
+@modal-header-bg: @component-background;
+@modal-footer-bg: transparent;
+@modal-footer-border-color-split: @border-color-split;
+@modal-mask-bg: fade(@black, 45%);
 
 // Progress
 // --
 @progress-default-color: @processing-color;
 @progress-remaining-color: @background-color-base;
 @progress-text-color: @text-color;
+@progress-radius: 100px;
 
 // Menu
 // ---
@@ -1833,11 +1911,24 @@ this.tinycolor = tinycolor;
 @menu-item-height: 40px;
 @menu-collapsed-width: 80px;
 @menu-bg: @component-background;
+@menu-popup-bg: @component-background;
 @menu-item-color: @text-color;
 @menu-highlight-color: @primary-color;
 @menu-item-active-bg: @item-active-bg;
 @menu-item-active-border-width: 3px;
 @menu-item-group-title-color: @text-color-secondary;
+@menu-icon-size: @font-size-base;
+@menu-icon-size-lg: @font-size-lg;
+
+@menu-item-vertical-margin: 4px;
+@menu-item-font-size: @font-size-base;
+@menu-item-boundary-margin: 8px;
+@menu-icon-size: @font-size-base;
+@menu-icon-size-lg: @font-size-lg;
+@menu-dark-selected-item-icon-color: @white;
+@menu-dark-selected-item-text-color: @white;
+@dark-menu-item-hover-bg: transparent;
+
 // dark theme
 @menu-dark-color: @text-color-secondary-dark;
 @menu-dark-bg: @layout-header-background;
@@ -1845,7 +1936,9 @@ this.tinycolor = tinycolor;
 @menu-dark-submenu-bg: #000c17;
 @menu-dark-highlight-color: #fff;
 @menu-dark-item-active-bg: @primary-color;
-
+@menu-dark-selected-item-icon-color: @white;
+@menu-dark-selected-item-text-color: @white;
+@menu-dark-item-hover-bg: transparent;
 // Spin
 // ---
 @spin-dot-size-sm: 14px;
@@ -1857,12 +1950,18 @@ this.tinycolor = tinycolor;
 @table-header-bg: @background-color-light;
 @table-header-color: @heading-color;
 @table-header-sort-bg: @background-color-base;
-@table-body-sort-bg: rgba(0, 0, 0, .01);
+@table-body-sort-bg: rgba(0, 0, 0, 0.01);
 @table-row-hover-bg: @primary-1;
+@table-selected-row-color: inherit;
 @table-selected-row-bg: #fafafa;
+@table-body-selected-sort-bg: @table-selected-row-bg;
+@table-selected-row-hover-bg: @table-selected-row-bg;
 @table-expanded-row-bg: #fbfbfb;
 @table-padding-vertical: 16px;
 @table-padding-horizontal: 16px;
+@table-border-radius-base: @border-radius-base;
+@table-footer-bg: @background-color-light;
+@table-footer-color: @heading-color;
 
 // Tag
 // --
@@ -1889,6 +1988,7 @@ this.tinycolor = tinycolor;
 @badge-font-size: @font-size-sm;
 @badge-font-weight: normal;
 @badge-status-size: 6px;
+@badge-text-color: @component-background;
 
 // Rate
 // ---
@@ -1902,9 +2002,22 @@ this.tinycolor = tinycolor;
 @card-head-padding: 16px;
 @card-inner-head-padding: 12px;
 @card-padding-base: 24px;
-@card-padding-wider: 32px;
 @card-actions-background: @background-color-light;
-@card-shadow: 0 2px 8px rgba(0, 0, 0, .09);
+@card-skeleton-bg: #cfd8dc;
+@card-background: @component-background;
+@card-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
+@card-radius: @border-radius-sm;
+
+// Comment
+// ---
+@comment-padding-base: 16px 0;
+@comment-nest-indent: 44px;
+@comment-font-size-base: @font-size-base;
+@comment-font-size-sm: @font-size-sm;
+@comment-author-name-color: @text-color-secondary;
+@comment-author-time-color: #ccc;
+@comment-action-color: @text-color-secondary;
+@comment-action-hover-color: #595959;
 
 // Tabs
 // ---
@@ -1918,12 +2031,16 @@ this.tinycolor = tinycolor;
 @tabs-bar-margin: 0 0 16px 0;
 @tabs-horizontal-margin: 0 32px 0 0;
 @tabs-horizontal-padding: 12px 16px;
+@tabs-horizontal-padding-lg: 16px;
+@tabs-horizontal-padding-sm: 8px 16px;
 @tabs-vertical-padding: 8px 24px;
 @tabs-vertical-margin: 0 0 16px 0;
 @tabs-scrolling-size: 32px;
 @tabs-highlight-color: @primary-color;
 @tabs-hover-color: @primary-5;
 @tabs-active-color: @primary-7;
+@tabs-card-gutter: 2px;
+@tabs-card-tab-active-border-top: 2px solid transparent;
 
 // BackTop
 // ---
@@ -1950,6 +2067,7 @@ this.tinycolor = tinycolor;
 @switch-sm-checked-margin-left: -(@switch-sm-height - 3px);
 @switch-disabled-opacity: 0.4;
 @switch-color: @primary-color;
+@switch-shadow-color: fade(#00230b, 20%);
 
 // Pagination
 // ---
@@ -1957,60 +2075,76 @@ this.tinycolor = tinycolor;
 @pagination-item-size-sm: 24px;
 @pagination-font-family: Arial;
 @pagination-font-weight-active: 500;
+@pagination-item-bg-active: @component-background;
+
+// PageHeader
+// ---
+@page-header-padding: 24px;
+@page-header-padding-vertical: 16px;
+@page-header-padding-breadcrumb: 12px;
+@page-header-back-color: #000;
 
 // Breadcrumb
 // ---
-@breadcrumb-base-color:        @text-color-secondary;
-@breadcrumb-last-item-color:   @text-color;
-@breadcrumb-font-size:         @font-size-base;
-@breadcrumb-icon-font-size:    @font-size-base;
-@breadcrumb-link-color:        @text-color-secondary;
-@breadcrumb-link-color-hover:  @primary-5;
-@breadcrumb-separator-color:   @text-color-secondary;
-@breadcrumb-separator-margin:  0 @padding-xs;
+@breadcrumb-base-color: @text-color-secondary;
+@breadcrumb-last-item-color: @text-color;
+@breadcrumb-font-size: @font-size-base;
+@breadcrumb-icon-font-size: @font-size-base;
+@breadcrumb-link-color: @text-color-secondary;
+@breadcrumb-link-color-hover: @primary-5;
+@breadcrumb-separator-color: @text-color-secondary;
+@breadcrumb-separator-margin: 0 @padding-xs;
 
 // Slider
 // ---
-@slider-margin:                       14px 6px 10px;
-@slider-rail-background-color:        @background-color-base;
-@slider-rail-background-color-hover:  #e1e1e1;
-@slider-track-background-color:       @primary-3;
+@slider-margin: 14px 6px 10px;
+@slider-rail-background-color: @background-color-base;
+@slider-rail-background-color-hover: #e1e1e1;
+@slider-track-background-color: @primary-3;
 @slider-track-background-color-hover: @primary-4;
-@slider-handle-color:                 @primary-3;
-@slider-handle-color-hover:           @primary-4;
-@slider-handle-color-focus:           tint(@primary-color, 20%);
-@slider-handle-color-focus-shadow:    tint(@primary-color, 50%);
-@slider-handle-color-tooltip-open:    @primary-color;
-@slider-dot-border-color:             @border-color-split;
-@slider-dot-border-color-active:      tint(@primary-color, 50%);
-@slider-disabled-color:               @disabled-color;
-@slider-disabled-background-color:    @component-background;
+@slider-handle-border-width: 2px;
+@slider-handle-background-color: @component-background;
+@slider-handle-color: @primary-3;
+@slider-handle-color-hover: @primary-4;
+@slider-handle-color-focus: tint(@primary-color, 20%);
+@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
+@slider-handle-color-tooltip-open: @primary-color;
+@slider-handle-shadow: 0;
+@slider-dot-border-color: @border-color-split;
+@slider-dot-border-color-active: tint(@primary-color, 50%);
+@slider-disabled-color: @disabled-color;
+@slider-disabled-background-color: @component-background;
 
 // Tree
 // ---
-@tree-title-height:                   24px;
-@tree-child-padding:                  18px;
-@tree-directory-selected-color:       #fff;
-@tree-directory-selected-bg:          @primary-color;
+@tree-title-height: 24px;
+@tree-child-padding: 18px;
+@tree-directory-selected-color: #fff;
+@tree-directory-selected-bg: @primary-color;
+@tree-node-hover-bg: @item-hover-bg;
+@tree-node-selected-bg: @primary-2;
 
 // Collapse
 // ---
-@collapse-header-padding:             12px 0 12px 40px;
-@collapse-header-bg:                  @background-color-light;
-@collapse-content-padding:            @padding-md;
-@collapse-content-bg:                 @component-background;
+@collapse-header-padding: 12px 16px;
+@collapse-header-padding-extra: 40px;
+@collapse-header-bg: @background-color-light;
+@collapse-content-padding: @padding-md;
+@collapse-content-bg: @component-background;
 
 // Skeleton
 // ---
-@skeleton-color:                      #f2f2f2;
+@skeleton-color: #f2f2f2;
 
 // Transfer
 // ---
-@transfer-disabled-bg:                @disabled-bg;
+@transfer-header-height: 40px;
+@transfer-disabled-bg: @disabled-bg;
+@transfer-list-height: 200px;
 
 // Message
 // ---
-@message-notice-content-padding:      10px 16px;
+@message-notice-content-padding: 10px 16px;
 
 // Motion
 // ---
@@ -2018,42 +2152,52 @@ this.tinycolor = tinycolor;
 
 // Alert
 // ---
-@alert-success-border-color: ~`colorPalette("@{success-color}", 3)`;
-@alert-success-bg-color: ~`colorPalette("@{success-color}", 1)`;
+@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
+@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
 @alert-success-icon-color: @success-color;
-@alert-info-border-color: ~`colorPalette("@{info-color}", 3)`;
-@alert-info-bg-color: ~`colorPalette("@{info-color}", 1)`;
+@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
+@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
 @alert-info-icon-color: @info-color;
-@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3)`;
-@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1)`;
+@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
+@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
 @alert-warning-icon-color: @warning-color;
-@alert-error-border-color: ~`colorPalette("@{error-color}", 3)`;
-@alert-error-bg-color: ~`colorPalette("@{error-color}", 1)`;
+@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
+@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
 @alert-error-icon-color: @error-color;
 
 // List
 // ---
-@list-empty-text-padding:                    @padding-md;
-@list-item-padding:                          @padding-sm 0;
-@list-item-content-margin:                   0 0 @padding-md 0;
-@list-item-meta-margin-bottom:               @padding-md;
-@list-item-meta-avatar-margin-right:         @padding-md;
-@list-item-meta-title-margin-bottom:         @padding-sm;
+@list-header-background: transparent;
+@list-footer-background: transparent;
+@list-empty-text-padding: @padding-md;
+@list-item-padding: @padding-sm 0;
+@list-item-meta-margin-bottom: @padding-md;
+@list-item-meta-avatar-margin-right: @padding-md;
+@list-item-meta-title-margin-bottom: @padding-sm;
+
+// Statistic
+// ---
+@statistic-title-font-size: @font-size-base;
+@statistic-content-font-size: 24px;
+@statistic-unit-font-size: 16px;
+@statistic-font-family: @font-family;
 
-// Menu
-@menu-dark-item-selected-bg: @menu-dark-item-active-bg;
+// Drawer
+// ---
+@drawer-header-padding: 16px 24px;
+@drawer-body-padding: 24px;
 
-// Tabs
-@tab-bar-margin: @tabs-bar-margin;
-@tab-horizontal-margin: @tabs-horizontal-margin;
-@tab-vertical-margin: @tabs-vertical-margin;
-@tab-horizontal-padding: @tabs-horizontal-padding;
-@tab-vertical-padding: @tabs-vertical-padding;
-@tab-scrolling-size: @tabs-scrolling-size;
-@tab-highlight-color: @tabs-highlight-color;
-@tab-hover-color: @tabs-hover-color;
-@tab-active-color: @tabs-active-color;
-@tabs-ink-bar-bg-color: @tabs-ink-bar-color;
+// Timeline
+// ---
+@timeline-width: 2px;
+@timeline-color: @border-color-split;
+@timeline-dot-border-width: 2px;
+@timeline-dot-color: @primary-color;
+@timeline-dot-bg: @component-background;
+
+// Typography
+// ---
+@typography-title-font-weight: 600;
 
 // 基础颜色
 @white: #ffffff;
@@ -2120,6 +2264,9 @@ this.tinycolor = tinycolor;
 .ant-menu-horizontal > .ant-menu-item-selected {
   color: #ffffff;
 }
+.sider-custom .ant-menu-submenu-title {
+  color: #ffffff;
+}
 .bg--primary {
   background: @primary-color;
 }
@@ -2182,9 +2329,9 @@ textarea {
   color: inherit;
 }
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
   border-style: none;
 }
 fieldset {
@@ -2197,62 +2344,82 @@ mark {
   background-color: #feffe6;
 }
 ::selection {
+  color: #ffffff;
   background: @primary-color;
-  color: #fff;
 }
-[ant-click-animating-without-extra-node]:after,
+.anticon {
+  color: inherit;
+}
+html {
+  --antd-wave-shadow-color: @primary-color;
+}
+[ant-click-animating-without-extra-node='true']::after,
 .ant-click-animating-node {
   border-radius: inherit;
-  border: 0 solid @primary-color;
+  box-shadow: 0 0 0 0 @primary-color;
+  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
 }
 .ant-alert {
   color: #000000;
   border-radius: 2px;
 }
 .ant-alert-success {
-  border: 1px solid #b7eb8f;
   background-color: #f6ffed;
+  border: 1px solid #b7eb8f;
 }
 .ant-alert-success .ant-alert-icon {
   color: #52c41a;
 }
 .ant-alert-info {
-  border: 1px solid #91d5ff;
   background-color: #e6f7ff;
+  border: 1px solid #91d5ff;
 }
 .ant-alert-info .ant-alert-icon {
   color: #1890ff;
 }
 .ant-alert-warning {
-  border: 1px solid #ffe58f;
   background-color: #fffbe6;
+  border: 1px solid #ffe58f;
 }
 .ant-alert-warning .ant-alert-icon {
   color: #faad14;
 }
 .ant-alert-error {
-  border: 1px solid #ffa39e;
   background-color: #fff1f0;
+  border: 1px solid #ffa39e;
 }
 .ant-alert-error .ant-alert-icon {
   color: #f5222d;
 }
+.ant-alert-close-icon {
+  background-color: transparent;
+  border: none;
+}
 .ant-alert-close-icon .anticon-close {
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-alert-close-icon .anticon-close:hover {
-  color: #404040;
+  color: rgba(0, 0, 0, 0.75);
+}
+.ant-alert-close-text {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-alert-close-text:hover {
+  color: rgba(0, 0, 0, 0.75);
 }
 .ant-alert-with-description {
-  border-radius: 2px;
   color: #000000;
+  border-radius: 2px;
 }
 .ant-alert-with-description .ant-alert-message {
   color: rgba(0, 0, 0, 0.85);
 }
+.ant-alert-message {
+  color: rgba(0, 0, 0, 0.85);
+}
 .ant-alert-banner {
-  border-radius: 0;
   border: 0;
+  border-radius: 0;
 }
 .ant-anchor {
   color: #000000;
@@ -2260,13 +2427,13 @@ mark {
 .ant-anchor-wrapper {
   background-color: #fff;
 }
-.ant-anchor-ink:before {
+.ant-anchor-ink::before {
   background-color: #e8e8e8;
 }
 .ant-anchor-ink-ball {
-  border-radius: 8px;
-  border: 2px solid @primary-color;
   background-color: #fff;
+  border: 2px solid @primary-color;
+  border-radius: 8px;
 }
 .ant-anchor-link-title {
   color: #000000;
@@ -2291,17 +2458,18 @@ mark {
   border-right-width: 1px !important;
 }
 .ant-select-auto-complete.ant-select .ant-input[disabled] {
-  background-color: #f5f5f5;
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  background-color: transparent;
 }
 .ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
-  border-color: #e6d8d8;
+  border-color: #d9d9d9;
   border-right-width: 1px !important;
 }
 .ant-avatar {
   color: #000000;
-  background: #ccc;
   color: #fff;
+  background: #ccc;
   border-radius: 50%;
 }
 .ant-avatar-image {
@@ -2320,9 +2488,9 @@ mark {
   color: #000000;
 }
 .ant-back-top-content {
-  border-radius: 20px;
-  background-color: rgba(0, 0, 0, 0.45);
   color: #fff;
+  background-color: rgba(0, 0, 0, 0.45);
+  border-radius: 20px;
 }
 .ant-back-top-content:hover {
   background-color: #000000;
@@ -2335,9 +2503,9 @@ mark {
   color: unset;
 }
 .ant-badge-count {
-  border-radius: 10px;
-  background: #f5222d;
   color: #fff;
+  background: #f5222d;
+  border-radius: 10px;
   box-shadow: 0 0 0 1px #fff;
 }
 .ant-badge-count a,
@@ -2345,8 +2513,8 @@ mark {
   color: #fff;
 }
 .ant-badge-dot {
-  border-radius: 100%;
   background: #f5222d;
+  border-radius: 100%;
   box-shadow: 0 0 0 1px #fff;
 }
 .ant-badge-status-dot {
@@ -2358,9 +2526,9 @@ mark {
 .ant-badge-status-processing {
   background-color: #1890ff;
 }
-.ant-badge-status-processing:after {
-  border-radius: 50%;
+.ant-badge-status-processing::after {
   border: 1px solid #1890ff;
+  border-radius: 50%;
 }
 .ant-badge-status-default {
   background-color: #d9d9d9;
@@ -2371,6 +2539,45 @@ mark {
 .ant-badge-status-warning {
   background-color: #faad14;
 }
+.ant-badge-status-pink {
+  background: #eb2f96;
+}
+.ant-badge-status-magenta {
+  background: #eb2f96;
+}
+.ant-badge-status-red {
+  background: #f5222d;
+}
+.ant-badge-status-volcano {
+  background: #fa541c;
+}
+.ant-badge-status-orange {
+  background: #fa8c16;
+}
+.ant-badge-status-yellow {
+  background: #fadb14;
+}
+.ant-badge-status-gold {
+  background: #faad14;
+}
+.ant-badge-status-cyan {
+  background: #13c2c2;
+}
+.ant-badge-status-lime {
+  background: #a0d911;
+}
+.ant-badge-status-green {
+  background: #52c41a;
+}
+.ant-badge-status-blue {
+  background: #1890ff;
+}
+.ant-badge-status-geekblue {
+  background: #2f54eb;
+}
+.ant-badge-status-purple {
+  background: #722ed1;
+}
 .ant-badge-status-text {
   color: #000000;
 }
@@ -2387,14 +2594,17 @@ mark {
 .ant-breadcrumb > span:last-child {
   color: #000000;
 }
+.ant-breadcrumb > span:last-child a {
+  color: #000000;
+}
 .ant-breadcrumb-separator {
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-btn {
   background-image: none;
   border: 1px solid transparent;
-  border-radius: 2px;
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
+  border-radius: 2px;
   color: #000000;
   background-color: #fff;
   border-color: #d9d9d9;
@@ -2411,7 +2621,7 @@ mark {
 .ant-btn > a:only-child {
   color: currentColor;
 }
-.ant-btn > a:only-child:after {
+.ant-btn > a:only-child::after {
   background: transparent;
 }
 .ant-btn:hover,
@@ -2424,8 +2634,8 @@ mark {
 .ant-btn:focus > a:only-child {
   color: currentColor;
 }
-.ant-btn:hover > a:only-child:after,
-.ant-btn:focus > a:only-child:after {
+.ant-btn:hover > a:only-child::after,
+.ant-btn:focus > a:only-child::after {
   background: transparent;
 }
 .ant-btn:active,
@@ -2438,18 +2648,23 @@ mark {
 .ant-btn.active > a:only-child {
   color: currentColor;
 }
-.ant-btn:active > a:only-child:after,
-.ant-btn.active > a:only-child:after {
+.ant-btn:active > a:only-child::after,
+.ant-btn.active > a:only-child::after {
   background: transparent;
 }
+.ant-btn-disabled,
 .ant-btn.disabled,
 .ant-btn[disabled],
+.ant-btn-disabled:hover,
 .ant-btn.disabled:hover,
 .ant-btn[disabled]:hover,
+.ant-btn-disabled:focus,
 .ant-btn.disabled:focus,
 .ant-btn[disabled]:focus,
+.ant-btn-disabled:active,
 .ant-btn.disabled:active,
 .ant-btn[disabled]:active,
+.ant-btn-disabled.active,
 .ant-btn.disabled.active,
 .ant-btn[disabled].active {
   color: rgba(0, 0, 0, 0.25);
@@ -2457,28 +2672,38 @@ mark {
   border-color: #d9d9d9;
   box-shadow: none;
 }
+.ant-btn-disabled > a:only-child,
 .ant-btn.disabled > a:only-child,
 .ant-btn[disabled] > a:only-child,
+.ant-btn-disabled:hover > a:only-child,
 .ant-btn.disabled:hover > a:only-child,
 .ant-btn[disabled]:hover > a:only-child,
+.ant-btn-disabled:focus > a:only-child,
 .ant-btn.disabled:focus > a:only-child,
 .ant-btn[disabled]:focus > a:only-child,
+.ant-btn-disabled:active > a:only-child,
 .ant-btn.disabled:active > a:only-child,
 .ant-btn[disabled]:active > a:only-child,
+.ant-btn-disabled.active > a:only-child,
 .ant-btn.disabled.active > a:only-child,
 .ant-btn[disabled].active > a:only-child {
   color: currentColor;
 }
-.ant-btn.disabled > a:only-child:after,
-.ant-btn[disabled] > a:only-child:after,
-.ant-btn.disabled:hover > a:only-child:after,
-.ant-btn[disabled]:hover > a:only-child:after,
-.ant-btn.disabled:focus > a:only-child:after,
-.ant-btn[disabled]:focus > a:only-child:after,
-.ant-btn.disabled:active > a:only-child:after,
-.ant-btn[disabled]:active > a:only-child:after,
-.ant-btn.disabled.active > a:only-child:after,
-.ant-btn[disabled].active > a:only-child:after {
+.ant-btn-disabled > a:only-child::after,
+.ant-btn.disabled > a:only-child::after,
+.ant-btn[disabled] > a:only-child::after,
+.ant-btn-disabled:hover > a:only-child::after,
+.ant-btn.disabled:hover > a:only-child::after,
+.ant-btn[disabled]:hover > a:only-child::after,
+.ant-btn-disabled:focus > a:only-child::after,
+.ant-btn.disabled:focus > a:only-child::after,
+.ant-btn[disabled]:focus > a:only-child::after,
+.ant-btn-disabled:active > a:only-child::after,
+.ant-btn.disabled:active > a:only-child::after,
+.ant-btn[disabled]:active > a:only-child::after,
+.ant-btn-disabled.active > a:only-child::after,
+.ant-btn.disabled.active > a:only-child::after,
+.ant-btn[disabled].active > a:only-child::after {
   background: transparent;
 }
 .ant-btn:hover,
@@ -2491,12 +2716,12 @@ mark {
   color: #fff;
   background-color: @primary-color;
   border-color: @primary-color;
-  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
+  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
 .ant-btn-primary > a:only-child {
   color: currentColor;
 }
-.ant-btn-primary > a:only-child:after {
+.ant-btn-primary > a:only-child::after {
   background: transparent;
 }
 .ant-btn-primary:hover,
@@ -2509,8 +2734,8 @@ mark {
 .ant-btn-primary:focus > a:only-child {
   color: currentColor;
 }
-.ant-btn-primary:hover > a:only-child:after,
-.ant-btn-primary:focus > a:only-child:after {
+.ant-btn-primary:hover > a:only-child::after,
+.ant-btn-primary:focus > a:only-child::after {
   background: transparent;
 }
 .ant-btn-primary:active,
@@ -2523,18 +2748,23 @@ mark {
 .ant-btn-primary.active > a:only-child {
   color: currentColor;
 }
-.ant-btn-primary:active > a:only-child:after,
-.ant-btn-primary.active > a:only-child:after {
+.ant-btn-primary:active > a:only-child::after,
+.ant-btn-primary.active > a:only-child::after {
   background: transparent;
 }
+.ant-btn-primary-disabled,
 .ant-btn-primary.disabled,
 .ant-btn-primary[disabled],
+.ant-btn-primary-disabled:hover,
 .ant-btn-primary.disabled:hover,
 .ant-btn-primary[disabled]:hover,
+.ant-btn-primary-disabled:focus,
 .ant-btn-primary.disabled:focus,
 .ant-btn-primary[disabled]:focus,
+.ant-btn-primary-disabled:active,
 .ant-btn-primary.disabled:active,
 .ant-btn-primary[disabled]:active,
+.ant-btn-primary-disabled.active,
 .ant-btn-primary.disabled.active,
 .ant-btn-primary[disabled].active {
   color: rgba(0, 0, 0, 0.25);
@@ -2542,28 +2772,38 @@ mark {
   border-color: #d9d9d9;
   box-shadow: none;
 }
+.ant-btn-primary-disabled > a:only-child,
 .ant-btn-primary.disabled > a:only-child,
 .ant-btn-primary[disabled] > a:only-child,
+.ant-btn-primary-disabled:hover > a:only-child,
 .ant-btn-primary.disabled:hover > a:only-child,
 .ant-btn-primary[disabled]:hover > a:only-child,
+.ant-btn-primary-disabled:focus > a:only-child,
 .ant-btn-primary.disabled:focus > a:only-child,
 .ant-btn-primary[disabled]:focus > a:only-child,
+.ant-btn-primary-disabled:active > a:only-child,
 .ant-btn-primary.disabled:active > a:only-child,
 .ant-btn-primary[disabled]:active > a:only-child,
+.ant-btn-primary-disabled.active > a:only-child,
 .ant-btn-primary.disabled.active > a:only-child,
 .ant-btn-primary[disabled].active > a:only-child {
   color: currentColor;
 }
-.ant-btn-primary.disabled > a:only-child:after,
-.ant-btn-primary[disabled] > a:only-child:after,
-.ant-btn-primary.disabled:hover > a:only-child:after,
-.ant-btn-primary[disabled]:hover > a:only-child:after,
-.ant-btn-primary.disabled:focus > a:only-child:after,
-.ant-btn-primary[disabled]:focus > a:only-child:after,
-.ant-btn-primary.disabled:active > a:only-child:after,
-.ant-btn-primary[disabled]:active > a:only-child:after,
-.ant-btn-primary.disabled.active > a:only-child:after,
-.ant-btn-primary[disabled].active > a:only-child:after {
+.ant-btn-primary-disabled > a:only-child::after,
+.ant-btn-primary.disabled > a:only-child::after,
+.ant-btn-primary[disabled] > a:only-child::after,
+.ant-btn-primary-disabled:hover > a:only-child::after,
+.ant-btn-primary.disabled:hover > a:only-child::after,
+.ant-btn-primary[disabled]:hover > a:only-child::after,
+.ant-btn-primary-disabled:focus > a:only-child::after,
+.ant-btn-primary.disabled:focus > a:only-child::after,
+.ant-btn-primary[disabled]:focus > a:only-child::after,
+.ant-btn-primary-disabled:active > a:only-child::after,
+.ant-btn-primary.disabled:active > a:only-child::after,
+.ant-btn-primary[disabled]:active > a:only-child::after,
+.ant-btn-primary-disabled.active > a:only-child::after,
+.ant-btn-primary.disabled.active > a:only-child::after,
+.ant-btn-primary[disabled].active > a:only-child::after {
   background: transparent;
 }
 .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
@@ -2595,7 +2835,7 @@ mark {
 .ant-btn-ghost > a:only-child {
   color: currentColor;
 }
-.ant-btn-ghost > a:only-child:after {
+.ant-btn-ghost > a:only-child::after {
   background: transparent;
 }
 .ant-btn-ghost:hover,
@@ -2608,8 +2848,8 @@ mark {
 .ant-btn-ghost:focus > a:only-child {
   color: currentColor;
 }
-.ant-btn-ghost:hover > a:only-child:after,
-.ant-btn-ghost:focus > a:only-child:after {
+.ant-btn-ghost:hover > a:only-child::after,
+.ant-btn-ghost:focus > a:only-child::after {
   background: transparent;
 }
 .ant-btn-ghost:active,
@@ -2622,18 +2862,23 @@ mark {
 .ant-btn-ghost.active > a:only-child {
   color: currentColor;
 }
-.ant-btn-ghost:active > a:only-child:after,
-.ant-btn-ghost.active > a:only-child:after {
+.ant-btn-ghost:active > a:only-child::after,
+.ant-btn-ghost.active > a:only-child::after {
   background: transparent;
 }
+.ant-btn-ghost-disabled,
 .ant-btn-ghost.disabled,
 .ant-btn-ghost[disabled],
+.ant-btn-ghost-disabled:hover,
 .ant-btn-ghost.disabled:hover,
 .ant-btn-ghost[disabled]:hover,
+.ant-btn-ghost-disabled:focus,
 .ant-btn-ghost.disabled:focus,
 .ant-btn-ghost[disabled]:focus,
+.ant-btn-ghost-disabled:active,
 .ant-btn-ghost.disabled:active,
 .ant-btn-ghost[disabled]:active,
+.ant-btn-ghost-disabled.active,
 .ant-btn-ghost.disabled.active,
 .ant-btn-ghost[disabled].active {
   color: rgba(0, 0, 0, 0.25);
@@ -2641,28 +2886,38 @@ mark {
   border-color: #d9d9d9;
   box-shadow: none;
 }
+.ant-btn-ghost-disabled > a:only-child,
 .ant-btn-ghost.disabled > a:only-child,
 .ant-btn-ghost[disabled] > a:only-child,
+.ant-btn-ghost-disabled:hover > a:only-child,
 .ant-btn-ghost.disabled:hover > a:only-child,
 .ant-btn-ghost[disabled]:hover > a:only-child,
+.ant-btn-ghost-disabled:focus > a:only-child,
 .ant-btn-ghost.disabled:focus > a:only-child,
 .ant-btn-ghost[disabled]:focus > a:only-child,
+.ant-btn-ghost-disabled:active > a:only-child,
 .ant-btn-ghost.disabled:active > a:only-child,
 .ant-btn-ghost[disabled]:active > a:only-child,
+.ant-btn-ghost-disabled.active > a:only-child,
 .ant-btn-ghost.disabled.active > a:only-child,
 .ant-btn-ghost[disabled].active > a:only-child {
   color: currentColor;
 }
-.ant-btn-ghost.disabled > a:only-child:after,
-.ant-btn-ghost[disabled] > a:only-child:after,
-.ant-btn-ghost.disabled:hover > a:only-child:after,
-.ant-btn-ghost[disabled]:hover > a:only-child:after,
-.ant-btn-ghost.disabled:focus > a:only-child:after,
-.ant-btn-ghost[disabled]:focus > a:only-child:after,
-.ant-btn-ghost.disabled:active > a:only-child:after,
-.ant-btn-ghost[disabled]:active > a:only-child:after,
-.ant-btn-ghost.disabled.active > a:only-child:after,
-.ant-btn-ghost[disabled].active > a:only-child:after {
+.ant-btn-ghost-disabled > a:only-child::after,
+.ant-btn-ghost.disabled > a:only-child::after,
+.ant-btn-ghost[disabled] > a:only-child::after,
+.ant-btn-ghost-disabled:hover > a:only-child::after,
+.ant-btn-ghost.disabled:hover > a:only-child::after,
+.ant-btn-ghost[disabled]:hover > a:only-child::after,
+.ant-btn-ghost-disabled:focus > a:only-child::after,
+.ant-btn-ghost.disabled:focus > a:only-child::after,
+.ant-btn-ghost[disabled]:focus > a:only-child::after,
+.ant-btn-ghost-disabled:active > a:only-child::after,
+.ant-btn-ghost.disabled:active > a:only-child::after,
+.ant-btn-ghost[disabled]:active > a:only-child::after,
+.ant-btn-ghost-disabled.active > a:only-child::after,
+.ant-btn-ghost.disabled.active > a:only-child::after,
+.ant-btn-ghost[disabled].active > a:only-child::after {
   background: transparent;
 }
 .ant-btn-dashed {
@@ -2674,7 +2929,7 @@ mark {
 .ant-btn-dashed > a:only-child {
   color: currentColor;
 }
-.ant-btn-dashed > a:only-child:after {
+.ant-btn-dashed > a:only-child::after {
   background: transparent;
 }
 .ant-btn-dashed:hover,
@@ -2687,8 +2942,8 @@ mark {
 .ant-btn-dashed:focus > a:only-child {
   color: currentColor;
 }
-.ant-btn-dashed:hover > a:only-child:after,
-.ant-btn-dashed:focus > a:only-child:after {
+.ant-btn-dashed:hover > a:only-child::after,
+.ant-btn-dashed:focus > a:only-child::after {
   background: transparent;
 }
 .ant-btn-dashed:active,
@@ -2701,18 +2956,23 @@ mark {
 .ant-btn-dashed.active > a:only-child {
   color: currentColor;
 }
-.ant-btn-dashed:active > a:only-child:after,
-.ant-btn-dashed.active > a:only-child:after {
+.ant-btn-dashed:active > a:only-child::after,
+.ant-btn-dashed.active > a:only-child::after {
   background: transparent;
 }
+.ant-btn-dashed-disabled,
 .ant-btn-dashed.disabled,
 .ant-btn-dashed[disabled],
+.ant-btn-dashed-disabled:hover,
 .ant-btn-dashed.disabled:hover,
 .ant-btn-dashed[disabled]:hover,
+.ant-btn-dashed-disabled:focus,
 .ant-btn-dashed.disabled:focus,
 .ant-btn-dashed[disabled]:focus,
+.ant-btn-dashed-disabled:active,
 .ant-btn-dashed.disabled:active,
 .ant-btn-dashed[disabled]:active,
+.ant-btn-dashed-disabled.active,
 .ant-btn-dashed.disabled.active,
 .ant-btn-dashed[disabled].active {
   color: rgba(0, 0, 0, 0.25);
@@ -2720,85 +2980,93 @@ mark {
   border-color: #d9d9d9;
   box-shadow: none;
 }
+.ant-btn-dashed-disabled > a:only-child,
 .ant-btn-dashed.disabled > a:only-child,
 .ant-btn-dashed[disabled] > a:only-child,
+.ant-btn-dashed-disabled:hover > a:only-child,
 .ant-btn-dashed.disabled:hover > a:only-child,
 .ant-btn-dashed[disabled]:hover > a:only-child,
+.ant-btn-dashed-disabled:focus > a:only-child,
 .ant-btn-dashed.disabled:focus > a:only-child,
 .ant-btn-dashed[disabled]:focus > a:only-child,
+.ant-btn-dashed-disabled:active > a:only-child,
 .ant-btn-dashed.disabled:active > a:only-child,
 .ant-btn-dashed[disabled]:active > a:only-child,
+.ant-btn-dashed-disabled.active > a:only-child,
 .ant-btn-dashed.disabled.active > a:only-child,
 .ant-btn-dashed[disabled].active > a:only-child {
   color: currentColor;
 }
-.ant-btn-dashed.disabled > a:only-child:after,
-.ant-btn-dashed[disabled] > a:only-child:after,
-.ant-btn-dashed.disabled:hover > a:only-child:after,
-.ant-btn-dashed[disabled]:hover > a:only-child:after,
-.ant-btn-dashed.disabled:focus > a:only-child:after,
-.ant-btn-dashed[disabled]:focus > a:only-child:after,
-.ant-btn-dashed.disabled:active > a:only-child:after,
-.ant-btn-dashed[disabled]:active > a:only-child:after,
-.ant-btn-dashed.disabled.active > a:only-child:after,
-.ant-btn-dashed[disabled].active > a:only-child:after {
+.ant-btn-dashed-disabled > a:only-child::after,
+.ant-btn-dashed.disabled > a:only-child::after,
+.ant-btn-dashed[disabled] > a:only-child::after,
+.ant-btn-dashed-disabled:hover > a:only-child::after,
+.ant-btn-dashed.disabled:hover > a:only-child::after,
+.ant-btn-dashed[disabled]:hover > a:only-child::after,
+.ant-btn-dashed-disabled:focus > a:only-child::after,
+.ant-btn-dashed.disabled:focus > a:only-child::after,
+.ant-btn-dashed[disabled]:focus > a:only-child::after,
+.ant-btn-dashed-disabled:active > a:only-child::after,
+.ant-btn-dashed.disabled:active > a:only-child::after,
+.ant-btn-dashed[disabled]:active > a:only-child::after,
+.ant-btn-dashed-disabled.active > a:only-child::after,
+.ant-btn-dashed.disabled.active > a:only-child::after,
+.ant-btn-dashed[disabled].active > a:only-child::after {
   background: transparent;
 }
 .ant-btn-danger {
-  color: #f5222d;
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
-}
-.ant-btn-danger > a:only-child {
-  color: currentColor;
-}
-.ant-btn-danger > a:only-child:after {
-  background: transparent;
-}
-.ant-btn-danger:hover {
   color: #fff;
   background-color: #ff4d4f;
   border-color: #ff4d4f;
+  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
-.ant-btn-danger:hover > a:only-child {
+.ant-btn-danger > a:only-child {
   color: currentColor;
 }
-.ant-btn-danger:hover > a:only-child:after {
+.ant-btn-danger > a:only-child::after {
   background: transparent;
 }
+.ant-btn-danger:hover,
 .ant-btn-danger:focus {
-  color: #ff4d4f;
-  background-color: #fff;
-  border-color: #ff4d4f;
+  color: #fff;
+  background-color: #ff7875;
+  border-color: #ff7875;
 }
+.ant-btn-danger:hover > a:only-child,
 .ant-btn-danger:focus > a:only-child {
   color: currentColor;
 }
-.ant-btn-danger:focus > a:only-child:after {
+.ant-btn-danger:hover > a:only-child::after,
+.ant-btn-danger:focus > a:only-child::after {
   background: transparent;
 }
 .ant-btn-danger:active,
 .ant-btn-danger.active {
   color: #fff;
-  background-color: #cf1322;
-  border-color: #cf1322;
+  background-color: #d9363e;
+  border-color: #d9363e;
 }
 .ant-btn-danger:active > a:only-child,
 .ant-btn-danger.active > a:only-child {
   color: currentColor;
 }
-.ant-btn-danger:active > a:only-child:after,
-.ant-btn-danger.active > a:only-child:after {
+.ant-btn-danger:active > a:only-child::after,
+.ant-btn-danger.active > a:only-child::after {
   background: transparent;
 }
+.ant-btn-danger-disabled,
 .ant-btn-danger.disabled,
 .ant-btn-danger[disabled],
+.ant-btn-danger-disabled:hover,
 .ant-btn-danger.disabled:hover,
 .ant-btn-danger[disabled]:hover,
+.ant-btn-danger-disabled:focus,
 .ant-btn-danger.disabled:focus,
 .ant-btn-danger[disabled]:focus,
+.ant-btn-danger-disabled:active,
 .ant-btn-danger.disabled:active,
 .ant-btn-danger[disabled]:active,
+.ant-btn-danger-disabled.active,
 .ant-btn-danger.disabled.active,
 .ant-btn-danger[disabled].active {
   color: rgba(0, 0, 0, 0.25);
@@ -2806,30 +3074,211 @@ mark {
   border-color: #d9d9d9;
   box-shadow: none;
 }
+.ant-btn-danger-disabled > a:only-child,
 .ant-btn-danger.disabled > a:only-child,
 .ant-btn-danger[disabled] > a:only-child,
+.ant-btn-danger-disabled:hover > a:only-child,
 .ant-btn-danger.disabled:hover > a:only-child,
 .ant-btn-danger[disabled]:hover > a:only-child,
+.ant-btn-danger-disabled:focus > a:only-child,
 .ant-btn-danger.disabled:focus > a:only-child,
 .ant-btn-danger[disabled]:focus > a:only-child,
+.ant-btn-danger-disabled:active > a:only-child,
 .ant-btn-danger.disabled:active > a:only-child,
 .ant-btn-danger[disabled]:active > a:only-child,
+.ant-btn-danger-disabled.active > a:only-child,
 .ant-btn-danger.disabled.active > a:only-child,
 .ant-btn-danger[disabled].active > a:only-child {
   color: currentColor;
 }
-.ant-btn-danger.disabled > a:only-child:after,
-.ant-btn-danger[disabled] > a:only-child:after,
-.ant-btn-danger.disabled:hover > a:only-child:after,
-.ant-btn-danger[disabled]:hover > a:only-child:after,
-.ant-btn-danger.disabled:focus > a:only-child:after,
-.ant-btn-danger[disabled]:focus > a:only-child:after,
-.ant-btn-danger.disabled:active > a:only-child:after,
-.ant-btn-danger[disabled]:active > a:only-child:after,
-.ant-btn-danger.disabled.active > a:only-child:after,
-.ant-btn-danger[disabled].active > a:only-child:after {
+.ant-btn-danger-disabled > a:only-child::after,
+.ant-btn-danger.disabled > a:only-child::after,
+.ant-btn-danger[disabled] > a:only-child::after,
+.ant-btn-danger-disabled:hover > a:only-child::after,
+.ant-btn-danger.disabled:hover > a:only-child::after,
+.ant-btn-danger[disabled]:hover > a:only-child::after,
+.ant-btn-danger-disabled:focus > a:only-child::after,
+.ant-btn-danger.disabled:focus > a:only-child::after,
+.ant-btn-danger[disabled]:focus > a:only-child::after,
+.ant-btn-danger-disabled:active > a:only-child::after,
+.ant-btn-danger.disabled:active > a:only-child::after,
+.ant-btn-danger[disabled]:active > a:only-child::after,
+.ant-btn-danger-disabled.active > a:only-child::after,
+.ant-btn-danger.disabled.active > a:only-child::after,
+.ant-btn-danger[disabled].active > a:only-child::after {
+  background: transparent;
+}
+.ant-btn-link {
+  color: @primary-color;
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+}
+.ant-btn-link > a:only-child {
+  color: currentColor;
+}
+.ant-btn-link > a:only-child::after {
+  background: transparent;
+}
+.ant-btn-link:hover,
+.ant-btn-link:focus {
+  color: color(~`colorPalette("@{primary-color}", 5)`);
+  background-color: transparent;
+  border-color: color(~`colorPalette("@{primary-color}", 5)`);
+}
+.ant-btn-link:hover > a:only-child,
+.ant-btn-link:focus > a:only-child {
+  color: currentColor;
+}
+.ant-btn-link:hover > a:only-child::after,
+.ant-btn-link:focus > a:only-child::after {
+  background: transparent;
+}
+.ant-btn-link:active,
+.ant-btn-link.active {
+  color: color(~`colorPalette("@{primary-color}", 7)`);
+  background-color: transparent;
+  border-color: color(~`colorPalette("@{primary-color}", 7)`);
+}
+.ant-btn-link:active > a:only-child,
+.ant-btn-link.active > a:only-child {
+  color: currentColor;
+}
+.ant-btn-link:active > a:only-child::after,
+.ant-btn-link.active > a:only-child::after {
+  background: transparent;
+}
+.ant-btn-link-disabled,
+.ant-btn-link.disabled,
+.ant-btn-link[disabled],
+.ant-btn-link-disabled:hover,
+.ant-btn-link.disabled:hover,
+.ant-btn-link[disabled]:hover,
+.ant-btn-link-disabled:focus,
+.ant-btn-link.disabled:focus,
+.ant-btn-link[disabled]:focus,
+.ant-btn-link-disabled:active,
+.ant-btn-link.disabled:active,
+.ant-btn-link[disabled]:active,
+.ant-btn-link-disabled.active,
+.ant-btn-link.disabled.active,
+.ant-btn-link[disabled].active {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
+  box-shadow: none;
+}
+.ant-btn-link-disabled > a:only-child,
+.ant-btn-link.disabled > a:only-child,
+.ant-btn-link[disabled] > a:only-child,
+.ant-btn-link-disabled:hover > a:only-child,
+.ant-btn-link.disabled:hover > a:only-child,
+.ant-btn-link[disabled]:hover > a:only-child,
+.ant-btn-link-disabled:focus > a:only-child,
+.ant-btn-link.disabled:focus > a:only-child,
+.ant-btn-link[disabled]:focus > a:only-child,
+.ant-btn-link-disabled:active > a:only-child,
+.ant-btn-link.disabled:active > a:only-child,
+.ant-btn-link[disabled]:active > a:only-child,
+.ant-btn-link-disabled.active > a:only-child,
+.ant-btn-link.disabled.active > a:only-child,
+.ant-btn-link[disabled].active > a:only-child {
+  color: currentColor;
+}
+.ant-btn-link-disabled > a:only-child::after,
+.ant-btn-link.disabled > a:only-child::after,
+.ant-btn-link[disabled] > a:only-child::after,
+.ant-btn-link-disabled:hover > a:only-child::after,
+.ant-btn-link.disabled:hover > a:only-child::after,
+.ant-btn-link[disabled]:hover > a:only-child::after,
+.ant-btn-link-disabled:focus > a:only-child::after,
+.ant-btn-link.disabled:focus > a:only-child::after,
+.ant-btn-link[disabled]:focus > a:only-child::after,
+.ant-btn-link-disabled:active > a:only-child::after,
+.ant-btn-link.disabled:active > a:only-child::after,
+.ant-btn-link[disabled]:active > a:only-child::after,
+.ant-btn-link-disabled.active > a:only-child::after,
+.ant-btn-link.disabled.active > a:only-child::after,
+.ant-btn-link[disabled].active > a:only-child::after {
+  background: transparent;
+}
+.ant-btn-link:hover,
+.ant-btn-link:focus,
+.ant-btn-link:active {
+  border-color: transparent;
+}
+.ant-btn-link-disabled,
+.ant-btn-link.disabled,
+.ant-btn-link[disabled],
+.ant-btn-link-disabled:hover,
+.ant-btn-link.disabled:hover,
+.ant-btn-link[disabled]:hover,
+.ant-btn-link-disabled:focus,
+.ant-btn-link.disabled:focus,
+.ant-btn-link[disabled]:focus,
+.ant-btn-link-disabled:active,
+.ant-btn-link.disabled:active,
+.ant-btn-link[disabled]:active,
+.ant-btn-link-disabled.active,
+.ant-btn-link.disabled.active,
+.ant-btn-link[disabled].active {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+}
+.ant-btn-link-disabled > a:only-child,
+.ant-btn-link.disabled > a:only-child,
+.ant-btn-link[disabled] > a:only-child,
+.ant-btn-link-disabled:hover > a:only-child,
+.ant-btn-link.disabled:hover > a:only-child,
+.ant-btn-link[disabled]:hover > a:only-child,
+.ant-btn-link-disabled:focus > a:only-child,
+.ant-btn-link.disabled:focus > a:only-child,
+.ant-btn-link[disabled]:focus > a:only-child,
+.ant-btn-link-disabled:active > a:only-child,
+.ant-btn-link.disabled:active > a:only-child,
+.ant-btn-link[disabled]:active > a:only-child,
+.ant-btn-link-disabled.active > a:only-child,
+.ant-btn-link.disabled.active > a:only-child,
+.ant-btn-link[disabled].active > a:only-child {
+  color: currentColor;
+}
+.ant-btn-link-disabled > a:only-child::after,
+.ant-btn-link.disabled > a:only-child::after,
+.ant-btn-link[disabled] > a:only-child::after,
+.ant-btn-link-disabled:hover > a:only-child::after,
+.ant-btn-link.disabled:hover > a:only-child::after,
+.ant-btn-link[disabled]:hover > a:only-child::after,
+.ant-btn-link-disabled:focus > a:only-child::after,
+.ant-btn-link.disabled:focus > a:only-child::after,
+.ant-btn-link[disabled]:focus > a:only-child::after,
+.ant-btn-link-disabled:active > a:only-child::after,
+.ant-btn-link.disabled:active > a:only-child::after,
+.ant-btn-link[disabled]:active > a:only-child::after,
+.ant-btn-link-disabled.active > a:only-child::after,
+.ant-btn-link.disabled.active > a:only-child::after,
+.ant-btn-link[disabled].active > a:only-child::after {
   background: transparent;
 }
+.ant-btn-icon-only {
+  border-radius: 2px;
+}
+.ant-btn-icon-only.ant-btn-lg {
+  border-radius: 2px;
+}
+.ant-btn-icon-only.ant-btn-sm {
+  border-radius: 2px;
+}
+.ant-btn-round {
+  border-radius: 32px;
+}
+.ant-btn-round.ant-btn-lg {
+  border-radius: 40px;
+}
+.ant-btn-round.ant-btn-sm {
+  border-radius: 24px;
+}
 .ant-btn-circle,
 .ant-btn-circle-outline {
   border-radius: 50%;
@@ -2842,7 +3291,7 @@ mark {
 .ant-btn-circle-outline.ant-btn-sm {
   border-radius: 50%;
 }
-.ant-btn:before {
+.ant-btn::before {
   background: #fff;
   border-radius: inherit;
 }
@@ -2868,13 +3317,13 @@ mark {
 }
 .ant-btn-group > .ant-btn:first-child:not(:last-child),
 .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
-  border-bottom-left-radius: 2px;
   border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
 }
 .ant-btn-group > .ant-btn:last-child:not(:first-child),
 .ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
-  border-bottom-right-radius: 2px;
   border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
 }
 .ant-btn-group-sm > .ant-btn:only-child {
   border-radius: 2px;
@@ -2884,29 +3333,29 @@ mark {
 }
 .ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
 .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
-  border-bottom-left-radius: 2px;
   border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
 }
 .ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
 .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
-  border-bottom-right-radius: 2px;
   border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
 }
 .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
   border-radius: 0;
 }
 .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
-  border-bottom-right-radius: 0;
   border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
-  border-bottom-left-radius: 0;
   border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 .ant-btn-background-ghost {
+  color: #fff;
   background: transparent !important;
   border-color: #fff;
-  color: #fff;
 }
 .ant-btn-background-ghost.ant-btn-primary {
   color: @primary-color;
@@ -2916,7 +3365,7 @@ mark {
 .ant-btn-background-ghost.ant-btn-primary > a:only-child {
   color: currentColor;
 }
-.ant-btn-background-ghost.ant-btn-primary > a:only-child:after {
+.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
   background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-primary:hover,
@@ -2929,8 +3378,8 @@ mark {
 .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
   color: currentColor;
 }
-.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after {
+.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
   background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-primary:active,
@@ -2943,18 +3392,23 @@ mark {
 .ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
   color: currentColor;
 }
-.ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-primary.active > a:only-child:after {
+.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
   background: transparent;
 }
+.ant-btn-background-ghost.ant-btn-primary-disabled,
 .ant-btn-background-ghost.ant-btn-primary.disabled,
 .ant-btn-background-ghost.ant-btn-primary[disabled],
+.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
 .ant-btn-background-ghost.ant-btn-primary.disabled:hover,
 .ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
+.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
 .ant-btn-background-ghost.ant-btn-primary.disabled:focus,
 .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
+.ant-btn-background-ghost.ant-btn-primary-disabled:active,
 .ant-btn-background-ghost.ant-btn-primary.disabled:active,
 .ant-btn-background-ghost.ant-btn-primary[disabled]:active,
+.ant-btn-background-ghost.ant-btn-primary-disabled.active,
 .ant-btn-background-ghost.ant-btn-primary.disabled.active,
 .ant-btn-background-ghost.ant-btn-primary[disabled].active {
   color: rgba(0, 0, 0, 0.25);
@@ -2962,77 +3416,92 @@ mark {
   border-color: #d9d9d9;
   box-shadow: none;
 }
+.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
+.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
+.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
+.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
+.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
   color: currentColor;
 }
-.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child:after {
+.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
   background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-danger {
-  color: #f5222d;
+  color: #ff4d4f;
   background-color: transparent;
-  border-color: #f5222d;
+  border-color: #ff4d4f;
 }
 .ant-btn-background-ghost.ant-btn-danger > a:only-child {
   color: currentColor;
 }
-.ant-btn-background-ghost.ant-btn-danger > a:only-child:after {
+.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
   background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-danger:hover,
 .ant-btn-background-ghost.ant-btn-danger:focus {
-  color: #ff4d4f;
+  color: #ff7875;
   background-color: transparent;
-  border-color: #ff4d4f;
+  border-color: #ff7875;
 }
 .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
   color: currentColor;
 }
-.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after {
+.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
   background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-danger:active,
 .ant-btn-background-ghost.ant-btn-danger.active {
-  color: #cf1322;
+  color: #d9363e;
   background-color: transparent;
-  border-color: #cf1322;
+  border-color: #d9363e;
 }
 .ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
   color: currentColor;
 }
-.ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-danger.active > a:only-child:after {
+.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
   background: transparent;
 }
+.ant-btn-background-ghost.ant-btn-danger-disabled,
 .ant-btn-background-ghost.ant-btn-danger.disabled,
 .ant-btn-background-ghost.ant-btn-danger[disabled],
+.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
 .ant-btn-background-ghost.ant-btn-danger.disabled:hover,
 .ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
+.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
 .ant-btn-background-ghost.ant-btn-danger.disabled:focus,
 .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
+.ant-btn-background-ghost.ant-btn-danger-disabled:active,
 .ant-btn-background-ghost.ant-btn-danger.disabled:active,
 .ant-btn-background-ghost.ant-btn-danger[disabled]:active,
+.ant-btn-background-ghost.ant-btn-danger-disabled.active,
 .ant-btn-background-ghost.ant-btn-danger.disabled.active,
 .ant-btn-background-ghost.ant-btn-danger[disabled].active {
   color: rgba(0, 0, 0, 0.25);
@@ -3040,47 +3509,141 @@ mark {
   border-color: #d9d9d9;
   box-shadow: none;
 }
+.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
+.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
+.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
+.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
+.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
   color: currentColor;
 }
-.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child:after,
-.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child:after {
+.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
+  background: transparent;
+}
+.ant-btn-background-ghost.ant-btn-link {
+  color: @primary-color;
+  background-color: transparent;
+  border-color: transparent;
+  color: #fff;
+}
+.ant-btn-background-ghost.ant-btn-link > a:only-child {
+  color: currentColor;
+}
+.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
+  background: transparent;
+}
+.ant-btn-background-ghost.ant-btn-link:hover,
+.ant-btn-background-ghost.ant-btn-link:focus {
+  color: color(~`colorPalette("@{primary-color}", 5)`);
+  background-color: transparent;
+  border-color: transparent;
+}
+.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
+.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
+  color: currentColor;
+}
+.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
+  background: transparent;
+}
+.ant-btn-background-ghost.ant-btn-link:active,
+.ant-btn-background-ghost.ant-btn-link.active {
+  color: color(~`colorPalette("@{primary-color}", 7)`);
+  background-color: transparent;
+  border-color: transparent;
+}
+.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
+.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
+  color: currentColor;
+}
+.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
   background: transparent;
 }
-.christmas.ant-btn-primary:before {
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAXCAYAAABOHMIhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABiZJREFUeNrsWMtPlFcUvzPMwIDysLyRR4uATDHWCiVgSmRlios2DeiiXUFs0nRBd6arxqQhJDapkYXhP4BqDKTQhZaFNQSCaBEVJjwdHsNr5DUMDDPDzPT3u7nTDEgRKrKgc5KT+z3uufec33de99P4fD4RpL2RNgjB3kn35MkTeRERESFiYmLkGBoaKnQ6nWSNRvPPZFxr+vv7k6KioiIdDsfa8vLyQkFBgcP3Bnel3MDAQArWI0eFhISE87nb7bZ7PJ4VvLYuLi5O5+fnu9+kMNfq6+tLjIyMzMY6KeBEbK/XarXReI3lPDZMWcc4v7GxYV1dXR3Jy8ub2E5HPvJ6vRSSDH0ku1wuAfsEZOV1IEFHoeNFdHS0yMrK2knR0Lm5uR+hxLdQMjbwHTZbB41h8RGwCdc9MzMzneHh4bGJiYlf4SN8ijkfwqiIncCAAR7Iz2GPSShudjqdfeCeqampvwBQfFxc3JdYqwTv8gB8/F48A8BgKecE14V+L7ju2tpae05OzkuCCZvkPOj8mizmC6vVKtmPu+bx48cC3qI1mUyFUOyywWD4SHlELBaLJmCHNcwAghuAOujtuF4FqHO4nsX4EsAS3I4TJ04ME1h8PDE9PS09TYZoY2Pj1729vd6lpSVfkDYTPG0UkfNDRUWFgQ5Gb2Mh0N29e9eG/GQfHh4W8/PzwUy/ObQ/gMfVVlZW1iAiZdQxp3nv3LljRoL/5erVq1UIxzSiiVD9X4EDYATynCwAzGO858hCQRoaGmJFZNJz8YIcBc4BF966dau6sLAwBxVSJCUlCSThQwuU3W6XkYUok1Vzm5znQx5bbm9v77p+/frPeNSNRzZ/ISBwrG4ZR48eLamtrf2+uLjYSEG9Xi/wTISFhQlWGXohyzO/CJlVl23KQRLbABoaHx+/Z1lUZ/Hq1SsJFj3JT3hmHx8fnydPTEzMj46OziHPW2w22wxeD4Kfgadh/4YEzU8Az4DhffAn5eXlX1y6dKkEoCTspAQ9Mjs7+0BBo8Fms1lkZGTsOo0QLLRNkvnR+fEJzIMHD0xtbW39CL8JTFtSbAOvBIyLHIGVm9VzE2gKuDAMSSpcT6KXyT137lx2cnLyMXhcGDb3wq3XuWF3d/fCzZs3P0c4v5eSknJQbYLo7Ox0gC2lpaVZ3Be67Th/dnZWoAJKsJC3XA8fPhxoamp6hMb+BaaMgWcUMGtszZjiFDNmvcDI91pzG0iY4ARwkwrxkcHBwUdgNrRMbnrqoRbkVzDcvn3bl5qaWsmcgFH4G8XdEGUWFhak51AuISFBnkoCTyFbyWKxCJwIxlC0fq2rq7tcVFRkRKskjh8/Lr0+kBjCCDV/knfdv3//WX19/R8IRRNemxlu4AXwKqM+EJwdj1HbPYSwh3sCPAJDABm2LLchCjS+5/kirKGhwWk0GrMuXrxYQuX9hm/XXTMXMY+srKwI5ApZrbYmZh7deEJhAUKjLe/pLTzSsCuHrK+1tbUJVe3P6upq87Vr174rKysrYHVj/uW+OH3IfEuw4F3ee/fuPQfAvwOs5yyE4CnlFOu7BWrTCWlreO6FACpBZGwUw4BvkANLobReHb3kGZYGsGzTq/zlO8AT1ru6uoZbWlqeA6gINJAfnz59OlVLoX8Jtebm5raampqfcMvQYgTknz9//sKVK1c+y83NTdIEuCnaKMuNGzd+6+np6cCtSTkAw9D9X8Dyh+dbgaaAC1XAnUlPTy+qqqq6cPbs2UzkmWjNljiDJzpwHFnCkW2yo6NjCKW8H54wjlezKvRT09LSTsJrz5w6dSoN+Yp51ADAPUj8VoDbDq9pxrwuJcNIYQllJTIi/xopBw/VA7DJp0+f9hA78CgL5F5C8J2CpoCj8sfA6WCe/FPRhsRlZmbGIs8Y4FFO5CJgtrSsvrRVGW1V93b1myoGnKAKEcHgnwsWpg1lNI0fphwrmdqbckeU18WrnlOjqp5/j7W3BWvfQVPKa5SBkcrYCNVB65TRTlWZ1lXiXVU5xbtlDb2SPaLWYwrgHIcqPg6Vc7fbX69Yoyqfa7/AeiegbWOEVhmsVcWDwPn224iDJgla8Hd38Hd3ELQgaIeI/hZgAIPEp0vmQJdoAAAAAElFTkSuQmCC) no-repeat 50% 0;
-  background-size: 64px;
+.ant-btn-background-ghost.ant-btn-link-disabled,
+.ant-btn-background-ghost.ant-btn-link.disabled,
+.ant-btn-background-ghost.ant-btn-link[disabled],
+.ant-btn-background-ghost.ant-btn-link-disabled:hover,
+.ant-btn-background-ghost.ant-btn-link.disabled:hover,
+.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
+.ant-btn-background-ghost.ant-btn-link-disabled:focus,
+.ant-btn-background-ghost.ant-btn-link.disabled:focus,
+.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
+.ant-btn-background-ghost.ant-btn-link-disabled:active,
+.ant-btn-background-ghost.ant-btn-link.disabled:active,
+.ant-btn-background-ghost.ant-btn-link[disabled]:active,
+.ant-btn-background-ghost.ant-btn-link-disabled.active,
+.ant-btn-background-ghost.ant-btn-link.disabled.active,
+.ant-btn-background-ghost.ant-btn-link[disabled].active {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
+  box-shadow: none;
 }
-.christmas.ant-btn-primary.ant-btn-lg:before {
-  background-size: 72px;
+.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
+.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
+.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
+.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
+.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
+.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
+.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
+.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
+.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
+.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
+.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
+.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
+.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
+.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
+.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
+  color: currentColor;
 }
-.christmas.ant-btn-primary.ant-btn-sm:before {
-  background-size: 56px;
+.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
+.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
+  background: transparent;
 }
 .ant-fullcalendar {
   color: #000000;
   border-top: 1px solid #d9d9d9;
 }
 .ant-fullcalendar table {
-  border-collapse: collapse;
   background-color: transparent;
+  border-collapse: collapse;
 }
 .ant-fullcalendar table,
 .ant-fullcalendar th,
@@ -3092,24 +3655,24 @@ mark {
 }
 .ant-fullcalendar-value {
   color: #000000;
-  border-radius: 2px;
   background: transparent;
+  border-radius: 2px;
 }
 .ant-fullcalendar-value:hover {
   background: color(~`colorPalette("@{primary-color}", 1)`);
 }
 .ant-fullcalendar-value:active {
+  color: #ffffff;
   background: @primary-color;
-  color: #fff;
 }
 .ant-fullcalendar-today .ant-fullcalendar-value,
 .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
-  box-shadow: 0 0 0 1px @primary-color inset;
+  box-shadow: 0 0 0 1px #313653 inset;
 }
 .ant-fullcalendar-selected-day .ant-fullcalendar-value,
 .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
+  color: #ffffff;
   background: @primary-color;
-  color: #fff;
 }
 .ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
   border-top-left-radius: 2px;
@@ -3150,8 +3713,8 @@ mark {
 }
 .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
 .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
-  border-top-color: @primary-color;
   background: transparent;
+  border-top-color: @primary-color;
 }
 .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
 .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
@@ -3183,17 +3746,17 @@ mark {
   border-radius: 2px;
 }
 .ant-card-hoverable:hover {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
   border-color: rgba(0, 0, 0, 0.09);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
 }
 .ant-card-bordered {
   border: 1px solid #e8e8e8;
 }
 .ant-card-head {
+  color: rgba(0, 0, 0, 0.85);
   background: transparent;
   border-bottom: 1px solid #e8e8e8;
   border-radius: 2px 2px 0 0;
-  color: rgba(0, 0, 0, 0.85);
 }
 .ant-card-head .ant-tabs {
   color: #000000;
@@ -3205,19 +3768,19 @@ mark {
   color: #000000;
 }
 .ant-card-grid {
-  border-radius: 0;
   border: 0;
+  border-radius: 0;
   box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
 }
-.ant-card-grid:hover {
+.ant-card-grid-hoverable:hover {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 .ant-card-cover img {
   border-radius: 2px 2px 0 0;
 }
 .ant-card-actions {
-  border-top: 1px solid #e8e8e8;
   background: #fafafa;
+  border-top: 1px solid #e8e8e8;
 }
 .ant-card-actions > li {
   color: rgba(0, 0, 0, 0.45);
@@ -3225,10 +3788,12 @@ mark {
 .ant-card-actions > li > span:hover {
   color: @primary-color;
 }
-.ant-card-actions > li > span a {
+.ant-card-actions > li > span a:not(.ant-btn),
+.ant-card-actions > li > span > .anticon {
   color: rgba(0, 0, 0, 0.45);
 }
-.ant-card-actions > li > span a:hover {
+.ant-card-actions > li > span a:not(.ant-btn):hover,
+.ant-card-actions > li > span > .anticon:hover {
   color: @primary-color;
 }
 .ant-card-actions > li:not(:last-child) {
@@ -3244,9 +3809,9 @@ mark {
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-card-loading-block {
-  border-radius: 2px;
   background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
   background-size: 600% 600%;
+  border-radius: 2px;
 }
 .ant-carousel {
   color: #000000;
@@ -3259,22 +3824,22 @@ mark {
 }
 .ant-carousel .slick-prev,
 .ant-carousel .slick-next {
-  background: transparent;
   color: transparent;
+  background: transparent;
   border: 0;
 }
 .ant-carousel .slick-prev:hover,
 .ant-carousel .slick-next:hover,
 .ant-carousel .slick-prev:focus,
 .ant-carousel .slick-next:focus {
-  background: transparent;
   color: transparent;
+  background: transparent;
 }
 .ant-carousel .slick-dots li button {
-  border: 0;
+  color: transparent;
   background: #fff;
+  border: 0;
   border-radius: 1px;
-  color: transparent;
 }
 .ant-carousel .slick-dots li.slick-active button {
   background: #fff;
@@ -3294,20 +3859,20 @@ mark {
   color: transparent;
 }
 .ant-cascader-picker-disabled {
-  background: #f5f5f5;
   color: rgba(0, 0, 0, 0.25);
+  background: #f5f5f5;
 }
 .ant-cascader-picker:focus .ant-cascader-input {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
 .ant-cascader-picker-show-search.ant-cascader-picker-focused {
   color: rgba(0, 0, 0, 0.25);
 }
 .ant-cascader-picker-clear {
-  background: #fff;
   color: rgba(0, 0, 0, 0.25);
+  background: #fff;
 }
 .ant-cascader-picker-clear:hover {
   color: rgba(0, 0, 0, 0.45);
@@ -3315,6 +3880,10 @@ mark {
 .ant-cascader-picker-arrow {
   color: rgba(0, 0, 0, 0.25);
 }
+.ant-cascader-picker-label:hover + .ant-cascader-input {
+  border-color: color(~`colorPalette("@{primary-color}", 5)`);
+  border-right-width: 1px !important;
+}
 .ant-cascader-menus {
   background: #fff;
   border-radius: 2px;
@@ -3344,10 +3913,10 @@ mark {
 }
 .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
 .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
-  background: #f5f5f5;
+  background-color: #fafafa;
 }
 .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
-.ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon {
+.ant-cascader-menu-item-loading-icon {
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-cascader-menu-item .ant-cascader-menu-item-keyword {
@@ -3361,28 +3930,22 @@ mark {
 .ant-checkbox-input:focus + .ant-checkbox-inner {
   border-color: @primary-color;
 }
-.ant-checkbox-checked:after {
-  border-radius: 2px;
+.ant-checkbox-checked::after {
   border: 1px solid @primary-color;
+  border-radius: 2px;
 }
 .ant-checkbox-inner {
+  background-color: #fff;
   border: 1px solid #d9d9d9;
   border-radius: 2px;
-  background-color: #fff;
+  border-collapse: separate;
 }
-.ant-checkbox-inner:after {
+.ant-checkbox-inner::after {
   border: 2px solid #fff;
   border-top: 0;
   border-left: 0;
 }
-.ant-checkbox-indeterminate .ant-checkbox-inner:after {
-  border: 0;
-  background-color: @primary-color;
-}
-.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
-  border-color: rgba(0, 0, 0, 0.25);
-}
-.ant-checkbox-checked .ant-checkbox-inner:after {
+.ant-checkbox-checked .ant-checkbox-inner::after {
   border: 2px solid #fff;
   border-top: 0;
   border-left: 0;
@@ -3391,14 +3954,14 @@ mark {
   background-color: @primary-color;
   border-color: @primary-color;
 }
-.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
+.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
   border-color: rgba(0, 0, 0, 0.25);
 }
 .ant-checkbox-disabled .ant-checkbox-inner {
-  border-color: #d9d9d9 !important;
   background-color: #f5f5f5;
+  border-color: #d9d9d9 !important;
 }
-.ant-checkbox-disabled .ant-checkbox-inner:after {
+.ant-checkbox-disabled .ant-checkbox-inner::after {
   border-color: #f5f5f5;
   border-collapse: separate;
 }
@@ -3411,12 +3974,24 @@ mark {
 .ant-checkbox-group {
   color: #000000;
 }
+.ant-checkbox-indeterminate .ant-checkbox-inner {
+  background-color: #fff;
+  border-color: #d9d9d9;
+}
+.ant-checkbox-indeterminate .ant-checkbox-inner::after {
+  background-color: @primary-color;
+  border: 0;
+}
+.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
+  background-color: rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.25);
+}
 .ant-collapse {
   color: #000000;
   background-color: #fafafa;
-  border-radius: 2px;
   border: 1px solid #d9d9d9;
   border-bottom: 0;
+  border-radius: 2px;
 }
 .ant-collapse > .ant-collapse-item {
   border-bottom: 1px solid #d9d9d9;
@@ -3428,6 +4003,9 @@ mark {
 .ant-collapse > .ant-collapse-item > .ant-collapse-header {
   color: rgba(0, 0, 0, 0.85);
 }
+.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  color: inherit;
+}
 .ant-collapse-content {
   color: #000000;
   background-color: #fff;
@@ -3455,6 +4033,30 @@ mark {
 .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
   color: rgba(0, 0, 0, 0.25);
 }
+.ant-comment-avatar img {
+  border-radius: 50%;
+}
+.ant-comment-content-author-name {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-comment-content-author-name > * {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-comment-content-author-name > *:hover {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-comment-content-author-time {
+  color: #ccc;
+}
+.ant-comment-actions > li {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-comment-actions > li > span {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-comment-actions > li > span:hover {
+  color: #595959;
+}
 .ant-calendar-picker-container {
   color: #000000;
 }
@@ -3462,12 +4064,12 @@ mark {
   color: #000000;
 }
 .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
-  border-color: @primary-color;
+  border-color: color(~`colorPalette("@{primary-color}", 5)`);
 }
 .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
 .ant-calendar-picker-clear {
   color: rgba(0, 0, 0, 0.25);
@@ -3480,19 +4082,19 @@ mark {
   color: rgba(0, 0, 0, 0.25);
 }
 .ant-calendar {
-  border: 1px solid #fff;
   background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ffffff;
   border-radius: 2px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  background-clip: padding-box;
 }
 .ant-calendar-input-wrap {
   border-bottom: 1px solid #e8e8e8;
 }
 .ant-calendar-input {
-  border: 0;
   color: #000000;
   background: #fff;
+  border: 0;
 }
 .ant-calendar-input::-moz-placeholder {
   color: #bfbfbf;
@@ -3525,9 +4127,65 @@ mark {
 .ant-calendar-header .ant-calendar-next-year-btn {
   color: rgba(0, 0, 0, 0.45);
 }
+.ant-calendar-header .ant-calendar-prev-century-btn::before,
+.ant-calendar-header .ant-calendar-prev-decade-btn::before,
+.ant-calendar-header .ant-calendar-prev-year-btn::before,
+.ant-calendar-header .ant-calendar-prev-century-btn::after,
+.ant-calendar-header .ant-calendar-prev-decade-btn::after,
+.ant-calendar-header .ant-calendar-prev-year-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-header .ant-calendar-prev-century-btn:hover::before,
+.ant-calendar-header .ant-calendar-prev-decade-btn:hover::before,
+.ant-calendar-header .ant-calendar-prev-year-btn:hover::before,
+.ant-calendar-header .ant-calendar-prev-century-btn:hover::after,
+.ant-calendar-header .ant-calendar-prev-decade-btn:hover::after,
+.ant-calendar-header .ant-calendar-prev-year-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-header .ant-calendar-next-century-btn::before,
+.ant-calendar-header .ant-calendar-next-decade-btn::before,
+.ant-calendar-header .ant-calendar-next-year-btn::before,
+.ant-calendar-header .ant-calendar-next-century-btn::after,
+.ant-calendar-header .ant-calendar-next-decade-btn::after,
+.ant-calendar-header .ant-calendar-next-year-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-header .ant-calendar-next-century-btn:hover::before,
+.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,
+.ant-calendar-header .ant-calendar-next-year-btn:hover::before,
+.ant-calendar-header .ant-calendar-next-century-btn:hover::after,
+.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,
+.ant-calendar-header .ant-calendar-next-year-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-header .ant-calendar-prev-month-btn::before,
+.ant-calendar-header .ant-calendar-prev-month-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-header .ant-calendar-prev-month-btn:hover::before,
+.ant-calendar-header .ant-calendar-prev-month-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-header .ant-calendar-next-month-btn::before,
+.ant-calendar-header .ant-calendar-next-month-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-header .ant-calendar-next-month-btn:hover::before,
+.ant-calendar-header .ant-calendar-next-month-btn:hover::after {
+  border-color: #000000;
+}
 .ant-calendar table {
-  border-collapse: collapse;
   background-color: transparent;
+  border-collapse: collapse;
 }
 .ant-calendar table,
 .ant-calendar th,
@@ -3539,51 +4197,47 @@ mark {
 }
 .ant-calendar-date {
   color: #000000;
-  border-radius: 2px;
-  border: 1px solid transparent;
   background: transparent;
+  border: 1px solid transparent;
+  border-radius: 2px;
 }
 .ant-calendar-date:hover {
   background: color(~`colorPalette("@{primary-color}", 1)`);
 }
 .ant-calendar-date:active {
-  color: #fff;
+  color: #ffffff;
   background: color(~`colorPalette("@{primary-color}", 5)`);
 }
 .ant-calendar-today .ant-calendar-date {
-  border-color: @primary-color;
   color: @primary-color;
-}
-.ant-calendar-last-month-cell .ant-calendar-date,
-.ant-calendar-next-month-btn-day .ant-calendar-date {
-  color: rgba(0, 0, 0, 0.25);
+  border-color: @primary-color;
 }
 .ant-calendar-selected-day .ant-calendar-date {
-  background: #d6d7dd;
-}
-.ant-calendar-selected-date .ant-calendar-date,
-.ant-calendar-selected-start-date .ant-calendar-date,
-.ant-calendar-selected-end-date .ant-calendar-date {
-  background: @primary-color;
-  color: #fff;
-  border: 1px solid transparent;
+  background: rgba(58, 64, 99, 0.15);
 }
-.ant-calendar-selected-date .ant-calendar-date:hover,
-.ant-calendar-selected-start-date .ant-calendar-date:hover,
-.ant-calendar-selected-end-date .ant-calendar-date:hover {
-  background: @primary-color;
+.ant-calendar-last-month-cell .ant-calendar-date,
+.ant-calendar-next-month-btn-day .ant-calendar-date,
+.ant-calendar-last-month-cell .ant-calendar-date:hover,
+.ant-calendar-next-month-btn-day .ant-calendar-date:hover {
+  color: rgba(0, 0, 0, 0.25);
+  background: transparent;
+  border-color: transparent;
 }
 .ant-calendar-disabled-cell .ant-calendar-date {
-  color: #bcbcbc;
+  color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-radius: 0;
   border: 1px solid transparent;
+  border-radius: 0;
 }
 .ant-calendar-disabled-cell .ant-calendar-date:hover {
   background: #f5f5f5;
 }
-.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before {
-  border: 1px solid #bcbcbc;
+.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 2px;
+}
+.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
+  border: 1px solid rgba(0, 0, 0, 0.25);
   border-radius: 2px;
 }
 .ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
@@ -3604,10 +4258,10 @@ mark {
 .ant-calendar .ant-calendar-clear-btn-disabled {
   color: rgba(0, 0, 0, 0.25);
 }
-.ant-calendar .ant-calendar-clear-btn:after {
+.ant-calendar .ant-calendar-clear-btn::after {
   color: rgba(0, 0, 0, 0.25);
 }
-.ant-calendar .ant-calendar-clear-btn:hover:after {
+.ant-calendar .ant-calendar-clear-btn:hover::after {
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-calendar .ant-calendar-ok-btn {
@@ -3617,7 +4271,7 @@ mark {
   color: #fff;
   background-color: @primary-color;
   border-color: @primary-color;
-  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
+  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
   border-radius: 2px;
 }
 .ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
@@ -3632,7 +4286,7 @@ mark {
 .ant-calendar .ant-calendar-ok-btn > a:only-child {
   color: currentColor;
 }
-.ant-calendar .ant-calendar-ok-btn > a:only-child:after {
+.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
   background: transparent;
 }
 .ant-calendar .ant-calendar-ok-btn:hover,
@@ -3645,8 +4299,8 @@ mark {
 .ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
   color: currentColor;
 }
-.ant-calendar .ant-calendar-ok-btn:hover > a:only-child:after,
-.ant-calendar .ant-calendar-ok-btn:focus > a:only-child:after {
+.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
   background: transparent;
 }
 .ant-calendar .ant-calendar-ok-btn:active,
@@ -3659,18 +4313,23 @@ mark {
 .ant-calendar .ant-calendar-ok-btn.active > a:only-child {
   color: currentColor;
 }
-.ant-calendar .ant-calendar-ok-btn:active > a:only-child:after,
-.ant-calendar .ant-calendar-ok-btn.active > a:only-child:after {
+.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
   background: transparent;
 }
+.ant-calendar .ant-calendar-ok-btn-disabled,
 .ant-calendar .ant-calendar-ok-btn.disabled,
 .ant-calendar .ant-calendar-ok-btn[disabled],
+.ant-calendar .ant-calendar-ok-btn-disabled:hover,
 .ant-calendar .ant-calendar-ok-btn.disabled:hover,
 .ant-calendar .ant-calendar-ok-btn[disabled]:hover,
+.ant-calendar .ant-calendar-ok-btn-disabled:focus,
 .ant-calendar .ant-calendar-ok-btn.disabled:focus,
 .ant-calendar .ant-calendar-ok-btn[disabled]:focus,
+.ant-calendar .ant-calendar-ok-btn-disabled:active,
 .ant-calendar .ant-calendar-ok-btn.disabled:active,
 .ant-calendar .ant-calendar-ok-btn[disabled]:active,
+.ant-calendar .ant-calendar-ok-btn-disabled.active,
 .ant-calendar .ant-calendar-ok-btn.disabled.active,
 .ant-calendar .ant-calendar-ok-btn[disabled].active {
   color: rgba(0, 0, 0, 0.25);
@@ -3678,50 +4337,92 @@ mark {
   border-color: #d9d9d9;
   box-shadow: none;
 }
+.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
 .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
 .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
+.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
 .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
 .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
+.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
 .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
 .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
+.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
 .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
 .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
+.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
 .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
 .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
   color: currentColor;
 }
-.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child:after,
-.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child:after,
-.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child:after,
-.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child:after,
-.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child:after,
-.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child:after,
-.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child:after,
-.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child:after,
-.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child:after,
-.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child:after {
+.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
   background: transparent;
 }
-.ant-calendar .ant-calendar-ok-btn-disabled {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
-}
-.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child {
-  color: currentColor;
-}
-.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child:after {
-  background: transparent;
-}
-.ant-calendar .ant-calendar-ok-btn-disabled:hover {
+.ant-calendar .ant-calendar-ok-btn-disabled,
+.ant-calendar .ant-calendar-ok-btn.disabled,
+.ant-calendar .ant-calendar-ok-btn[disabled],
+.ant-calendar .ant-calendar-ok-btn-disabled:hover,
+.ant-calendar .ant-calendar-ok-btn.disabled:hover,
+.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
+.ant-calendar .ant-calendar-ok-btn-disabled:focus,
+.ant-calendar .ant-calendar-ok-btn.disabled:focus,
+.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
+.ant-calendar .ant-calendar-ok-btn-disabled:active,
+.ant-calendar .ant-calendar-ok-btn.disabled:active,
+.ant-calendar .ant-calendar-ok-btn[disabled]:active,
+.ant-calendar .ant-calendar-ok-btn-disabled.active,
+.ant-calendar .ant-calendar-ok-btn.disabled.active,
+.ant-calendar .ant-calendar-ok-btn[disabled].active {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
   border-color: #d9d9d9;
+  box-shadow: none;
 }
-.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child {
+.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
+.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
+.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
+.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
+.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
+.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
+.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
+.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
+.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
+.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
+.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
+.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
+.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
+.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
+.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
   color: currentColor;
 }
-.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child:after {
+.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
+.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
   background: transparent;
 }
 .ant-calendar-range-picker-input {
@@ -3749,6 +4450,21 @@ mark {
 .ant-calendar-range-middle {
   color: rgba(0, 0, 0, 0.45);
 }
+.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {
+  color: @primary-color;
+  background: rgba(58, 64, 99, 0.15);
+  border-color: @primary-color;
+}
+.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
+.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
+  color: #ffffff;
+  background: @primary-color;
+  border: 1px solid transparent;
+}
+.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
+.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
+  background: @primary-color;
+}
 .ant-calendar-range .ant-calendar-input,
 .ant-calendar-range .ant-calendar-time-picker-input {
   color: #000000;
@@ -3779,17 +4495,27 @@ mark {
 .ant-calendar-range .ant-calendar-input:focus,
 .ant-calendar-range .ant-calendar-time-picker-input:focus {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
 .ant-calendar-range .ant-calendar-input-disabled,
 .ant-calendar-range .ant-calendar-time-picker-input-disabled {
-  background-color: #f5f5f5;
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
 }
 .ant-calendar-range .ant-calendar-input-disabled:hover,
 .ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
-  border-color: #e6d8d8;
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.ant-calendar-range .ant-calendar-input[disabled],
+.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+}
+.ant-calendar-range .ant-calendar-input[disabled]:hover,
+.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
+  border-color: #d9d9d9;
   border-right-width: 1px !important;
 }
 .ant-calendar-range .ant-calendar-input:focus,
@@ -3799,19 +4525,21 @@ mark {
 .ant-calendar-range .ant-calendar-in-range-cell {
   border-radius: 0;
 }
-.ant-calendar-range .ant-calendar-in-range-cell:before {
+.ant-calendar-range .ant-calendar-in-range-cell::before {
   background: color(~`colorPalette("@{primary-color}", 1)`);
-  border-radius: 0;
   border: 0;
+  border-radius: 0;
 }
 .ant-calendar-range .ant-calendar-header,
 .ant-calendar-range .ant-calendar-month-panel-header,
-.ant-calendar-range .ant-calendar-year-panel-header {
+.ant-calendar-range .ant-calendar-year-panel-header,
+.ant-calendar-range .ant-calendar-decade-panel-header {
   border-bottom: 0;
 }
 .ant-calendar-range .ant-calendar-body,
 .ant-calendar-range .ant-calendar-month-panel-body,
-.ant-calendar-range .ant-calendar-year-panel-body {
+.ant-calendar-range .ant-calendar-year-panel-body,
+.ant-calendar-range .ant-calendar-decade-panel-body {
   border-top: 1px solid #e8e8e8;
 }
 .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
@@ -3843,6 +4571,9 @@ mark {
 .ant-calendar-time-picker-select li:hover {
   background: color(~`colorPalette("@{primary-color}", 1)`);
 }
+.ant-calendar-time-picker-select li:focus {
+  color: @primary-color;
+}
 li.ant-calendar-time-picker-select-option-selected {
   background: #f5f5f5;
 }
@@ -3859,8 +4590,8 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
   color: rgba(0, 0, 0, 0.25);
 }
 .ant-calendar-month-panel {
-  border-radius: 2px;
   background: #fff;
+  border-radius: 2px;
 }
 .ant-calendar-month-panel-header {
   border-bottom: 1px solid #e8e8e8;
@@ -3884,20 +4615,79 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
 .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
   color: rgba(0, 0, 0, 0.45);
 }
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before,
+.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-month-panel-footer {
+  border-top: 1px solid #e8e8e8;
+}
 .ant-calendar-month-panel-table {
   border-collapse: separate;
 }
 .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
+  color: #ffffff;
   background: @primary-color;
-  color: #fff;
 }
 .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
+  color: #ffffff;
   background: @primary-color;
-  color: #fff;
 }
 .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
 .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
-  color: #bcbcbc;
+  color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
 }
 .ant-calendar-month-panel-month {
@@ -3909,8 +4699,8 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
   background: color(~`colorPalette("@{primary-color}", 1)`);
 }
 .ant-calendar-year-panel {
-  border-radius: 2px;
   background: #fff;
+  border-radius: 2px;
 }
 .ant-calendar-year-panel-header {
   border-bottom: 1px solid #e8e8e8;
@@ -3934,6 +4724,65 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
 .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
   color: rgba(0, 0, 0, 0.45);
 }
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before,
+.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-year-panel-footer {
+  border-top: 1px solid #e8e8e8;
+}
 .ant-calendar-year-panel-table {
   border-collapse: separate;
 }
@@ -3946,12 +4795,12 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
   background: color(~`colorPalette("@{primary-color}", 1)`);
 }
 .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
+  color: #ffffff;
   background: @primary-color;
-  color: #fff;
 }
 .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
+  color: #ffffff;
   background: @primary-color;
-  color: #fff;
 }
 .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
 .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
@@ -3983,6 +4832,65 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
 .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
   color: rgba(0, 0, 0, 0.45);
 }
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
+  border: 0 solid #aaa;
+  border-width: 1.5px 0 0 1.5px;
+  border-radius: 1px;
+}
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before,
+.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after {
+  border-color: #000000;
+}
+.ant-calendar-decade-panel-footer {
+  border-top: 1px solid #e8e8e8;
+}
 .ant-calendar-decade-panel-table {
   border-collapse: separate;
 }
@@ -3995,12 +4903,12 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
   background: color(~`colorPalette("@{primary-color}", 1)`);
 }
 .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
+  color: #ffffff;
   background: @primary-color;
-  color: #fff;
 }
 .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
+  color: #ffffff;
   background: @primary-color;
-  color: #fff;
 }
 .ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
 .ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
@@ -4014,44 +4922,84 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
 }
 .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
 .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
+  color: #000000;
   background: transparent;
+}
+.ant-descriptions-title {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-descriptions-view {
+  border-radius: 2px;
+}
+.ant-descriptions-row:last-child {
+  border-bottom: none;
+}
+.ant-descriptions-item-label {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-descriptions-item-content {
   color: #000000;
 }
+.ant-descriptions-bordered .ant-descriptions-view {
+  border: 1px solid #e8e8e8;
+}
+.ant-descriptions-bordered .ant-descriptions-item-label,
+.ant-descriptions-bordered .ant-descriptions-item-content {
+  border-right: 1px solid #e8e8e8;
+}
+.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
+.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
+  border-right: none;
+}
+.ant-descriptions-bordered .ant-descriptions-item-label {
+  background-color: #fafafa;
+}
+.ant-descriptions-bordered .ant-descriptions-row {
+  border-bottom: 1px solid #e8e8e8;
+}
+.ant-descriptions-bordered .ant-descriptions-row:last-child {
+  border-bottom: none;
+}
 .ant-divider {
   color: #000000;
   background: #e8e8e8;
 }
-.ant-divider-horizontal.ant-divider-with-text,
+.ant-divider-horizontal.ant-divider-with-text-center,
 .ant-divider-horizontal.ant-divider-with-text-left,
 .ant-divider-horizontal.ant-divider-with-text-right {
-  background: transparent;
   color: rgba(0, 0, 0, 0.85);
+  background: transparent;
 }
-.ant-divider-horizontal.ant-divider-with-text:before,
-.ant-divider-horizontal.ant-divider-with-text-left:before,
-.ant-divider-horizontal.ant-divider-with-text-right:before,
-.ant-divider-horizontal.ant-divider-with-text:after,
-.ant-divider-horizontal.ant-divider-with-text-left:after,
-.ant-divider-horizontal.ant-divider-with-text-right:after {
+.ant-divider-horizontal.ant-divider-with-text-center::before,
+.ant-divider-horizontal.ant-divider-with-text-left::before,
+.ant-divider-horizontal.ant-divider-with-text-right::before,
+.ant-divider-horizontal.ant-divider-with-text-center::after,
+.ant-divider-horizontal.ant-divider-with-text-left::after,
+.ant-divider-horizontal.ant-divider-with-text-right::after {
   border-top: 1px solid #e8e8e8;
 }
 .ant-divider-dashed {
   background: none;
-  border-top: 1px dashed #e8e8e8;
+  border-color: #e8e8e8;
+  border-style: dashed;
+  border-width: 1px 0 0;
 }
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed,
+.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
 .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
 .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
   border-top: 0;
 }
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:before,
-.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:before,
-.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:before,
-.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:after,
-.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:after,
-.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:after {
+.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,
+.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
+.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
+.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,
+.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
+.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
   border-style: dashed none none;
 }
+.ant-divider-vertical.ant-divider-dashed {
+  border-width: 0 0 0 1px;
+}
 .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
   box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
 }
@@ -4069,26 +5017,30 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
 }
 .ant-drawer-content {
   background-color: #fff;
-  border: 0;
   background-clip: padding-box;
+  border: 0;
 }
 .ant-drawer-close {
-  border: 0;
-  background: transparent;
   color: rgba(0, 0, 0, 0.45);
+  background: transparent;
+  border: 0;
 }
 .ant-drawer-close:focus,
 .ant-drawer-close:hover {
-  color: #444;
+  color: rgba(0, 0, 0, 0.75);
 }
 .ant-drawer-header {
-  border-radius: 2px 2px 0 0;
-  background: #fff;
   color: #000000;
+  background: #fff;
   border-bottom: 1px solid #e8e8e8;
+  border-radius: 2px 2px 0 0;
+}
+.ant-drawer-header-no-title {
+  color: #000000;
+  background: #fff;
 }
 .ant-drawer-mask {
-  background-color: rgba(0, 0, 0, 0.65);
+  background-color: rgba(0, 0, 0, 0.45);
 }
 .ant-drawer-open-content {
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
@@ -4098,9 +5050,9 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
 }
 .ant-dropdown-menu {
   background-color: #fff;
+  background-clip: padding-box;
   border-radius: 2px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  background-clip: padding-box;
 }
 .ant-dropdown-menu-item-group-title {
   color: rgba(0, 0, 0, 0.45);
@@ -4144,6 +5096,7 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
 .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
 .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
   color: rgba(0, 0, 0, 0.25);
+  background-color: #fff;
 }
 .ant-dropdown-menu-dark,
 .ant-dropdown-menu-dark .ant-dropdown-menu {
@@ -4154,22 +5107,28 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
 .ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
   color: rgba(255, 255, 255, 0.65);
 }
-.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after,
-.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after,
-.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow:after {
+.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
+.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
+.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
   color: rgba(255, 255, 255, 0.65);
 }
 .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
 .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
 .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
-  color: #fff;
+  color: #ffffff;
   background: transparent;
 }
 .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
 .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
 .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
+  color: #ffffff;
   background: @primary-color;
-  color: #fff;
+}
+.ant-empty-normal {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-empty-small {
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-form {
   color: #000000;
@@ -4182,15 +5141,15 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
 .ant-form output {
   color: #000000;
 }
-.ant-form-item-required:before {
+.ant-form-item-required::before {
   color: #f5222d;
 }
-.ant-form-item {
-  color: #000000;
-}
-.ant-form-item-label label {
+.ant-form-item-label > label {
   color: rgba(0, 0, 0, 0.85);
 }
+.ant-form-item {
+  color: #000000;
+}
 .ant-form-explain,
 .ant-form-extra {
   color: rgba(0, 0, 0, 0.45);
@@ -4198,20 +5157,6 @@ li.ant-calendar-time-picker-select-option-disabled:hover {
 form .ant-upload {
   background: transparent;
 }
-.ant-input-group-wrap .ant-select-selection {
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
-.ant-input-group-wrap .ant-select-selection:hover {
-  border-color: #d9d9d9;
-}
-.ant-input-group-wrap .ant-select-selection--single {
-  background-color: #eee;
-}
-.ant-input-group-wrap .ant-select-open .ant-select-selection {
-  border-color: #d9d9d9;
-  box-shadow: none;
-}
 .has-success.has-feedback .ant-form-item-children-icon {
   color: #52c41a;
 }
@@ -4221,28 +5166,42 @@ form .ant-upload {
 }
 .has-warning .ant-input,
 .has-warning .ant-input:hover {
+  background-color: #fff;
   border-color: #faad14;
 }
 .has-warning .ant-input:focus {
   border-color: #ffc53d;
-  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
 }
 .has-warning .ant-input:not([disabled]):hover {
   border-color: #faad14;
 }
 .has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
   border-color: #ffc53d;
+  border-right-width: 1px !important;
   box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
+}
+.has-warning .ant-input-affix-wrapper .ant-input,
+.has-warning .ant-input-affix-wrapper .ant-input:hover {
+  background-color: #fff;
+  border-color: #faad14;
+}
+.has-warning .ant-input-affix-wrapper .ant-input:focus {
+  border-color: #ffc53d;
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
+}
+.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
+  border-color: #faad14;
 }
 .has-warning .ant-input-prefix {
   color: #faad14;
 }
 .has-warning .ant-input-group-addon {
   color: #faad14;
-  border-color: #faad14;
   background-color: #fff;
+  border-color: #faad14;
 }
 .has-warning .has-feedback {
   color: #faad14;
@@ -4253,15 +5212,18 @@ form .ant-upload {
 .has-warning .ant-select-selection {
   border-color: #faad14;
 }
+.has-warning .ant-select-selection:hover {
+  border-color: #faad14;
+}
 .has-warning .ant-select-open .ant-select-selection,
 .has-warning .ant-select-focused .ant-select-selection {
   border-color: #ffc53d;
-  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
 }
-.has-warning .ant-calendar-picker-icon:after,
-.has-warning .ant-time-picker-icon:after,
-.has-warning .ant-picker-icon:after,
+.has-warning .ant-calendar-picker-icon::after,
+.has-warning .ant-time-picker-icon::after,
+.has-warning .ant-picker-icon::after,
 .has-warning .ant-select-arrow,
 .has-warning .ant-cascader-picker-arrow {
   color: #faad14;
@@ -4275,8 +5237,8 @@ form .ant-upload {
 .has-warning .ant-input-number:focus,
 .has-warning .ant-time-picker-input:focus {
   border-color: #ffc53d;
-  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
 }
 .has-warning .ant-input-number:not([disabled]):hover,
 .has-warning .ant-time-picker-input:not([disabled]):hover {
@@ -4284,8 +5246,8 @@ form .ant-upload {
 }
 .has-warning .ant-cascader-picker:focus .ant-cascader-input {
   border-color: #ffc53d;
-  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
 }
 .has-error .ant-form-explain,
 .has-error .ant-form-split {
@@ -4293,28 +5255,42 @@ form .ant-upload {
 }
 .has-error .ant-input,
 .has-error .ant-input:hover {
+  background-color: #fff;
   border-color: #f5222d;
 }
 .has-error .ant-input:focus {
   border-color: #ff4d4f;
-  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
 }
 .has-error .ant-input:not([disabled]):hover {
   border-color: #f5222d;
 }
 .has-error .ant-calendar-picker-open .ant-calendar-picker-input {
   border-color: #ff4d4f;
+  border-right-width: 1px !important;
   box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+}
+.has-error .ant-input-affix-wrapper .ant-input,
+.has-error .ant-input-affix-wrapper .ant-input:hover {
+  background-color: #fff;
+  border-color: #f5222d;
+}
+.has-error .ant-input-affix-wrapper .ant-input:focus {
+  border-color: #ff4d4f;
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+}
+.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
+  border-color: #f5222d;
 }
 .has-error .ant-input-prefix {
   color: #f5222d;
 }
 .has-error .ant-input-group-addon {
   color: #f5222d;
-  border-color: #f5222d;
   background-color: #fff;
+  border-color: #f5222d;
 }
 .has-error .has-feedback {
   color: #f5222d;
@@ -4325,11 +5301,14 @@ form .ant-upload {
 .has-error .ant-select-selection {
   border-color: #f5222d;
 }
+.has-error .ant-select-selection:hover {
+  border-color: #f5222d;
+}
 .has-error .ant-select-open .ant-select-selection,
 .has-error .ant-select-focused .ant-select-selection {
   border-color: #ff4d4f;
-  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
 }
 .has-error .ant-select.ant-select-auto-complete .ant-input:focus {
   border-color: #f5222d;
@@ -4338,9 +5317,9 @@ form .ant-upload {
   border-color: transparent;
   box-shadow: none;
 }
-.has-error .ant-calendar-picker-icon:after,
-.has-error .ant-time-picker-icon:after,
-.has-error .ant-picker-icon:after,
+.has-error .ant-calendar-picker-icon::after,
+.has-error .ant-time-picker-icon::after,
+.has-error .ant-picker-icon::after,
 .has-error .ant-select-arrow,
 .has-error .ant-cascader-picker-arrow {
   color: #f5222d;
@@ -4354,8 +5333,8 @@ form .ant-upload {
 .has-error .ant-input-number:focus,
 .has-error .ant-time-picker-input:focus {
   border-color: #ff4d4f;
-  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
 }
 .has-error .ant-input-number:not([disabled]):hover,
 .has-error .ant-time-picker-input:not([disabled]):hover {
@@ -4368,13 +5347,28 @@ form .ant-upload {
 .has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
 .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
   border-color: #ff4d4f;
-  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
 }
 .has-error .ant-cascader-picker:focus .ant-cascader-input {
   border-color: #ff4d4f;
+  border-right-width: 1px !important;
   box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+}
+.has-error .ant-transfer-list {
+  border-color: #f5222d;
+}
+.has-error .ant-transfer-list-search:not([disabled]) {
+  border-color: #d9d9d9;
+}
+.has-error .ant-transfer-list-search:not([disabled]):hover {
+  border-color: color(~`colorPalette("@{primary-color}", 5)`);
+  border-right-width: 1px !important;
+}
+.has-error .ant-transfer-list-search:not([disabled]):focus {
+  border-color: color(~`colorPalette("@{primary-color}", 5)`);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
 .is-validating.has-feedback .ant-form-item-children-icon {
   color: @primary-color;
@@ -4401,15 +5395,23 @@ form .ant-upload {
 }
 .ant-input-number:focus {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
 .ant-input-number-disabled {
-  background-color: #f5f5f5;
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
 }
 .ant-input-number-disabled:hover {
-  border-color: #e6d8d8;
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.ant-input-number[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+}
+.ant-input-number[disabled]:hover {
+  border-color: #d9d9d9;
   border-right-width: 1px !important;
 }
 .ant-input-number-handler {
@@ -4424,6 +5426,7 @@ form .ant-upload {
 }
 .ant-input-number-handler-up-inner,
 .ant-input-number-handler-down-inner {
+  color: inherit;
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-input-number:hover {
@@ -4432,15 +5435,15 @@ form .ant-upload {
 }
 .ant-input-number-focused {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
 .ant-input-number-disabled {
-  background-color: #f5f5f5;
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
 }
 .ant-input-number-disabled:hover {
-  border-color: #e6d8d8;
+  border-color: #d9d9d9;
   border-right-width: 1px !important;
 }
 .ant-input-number-input {
@@ -4458,12 +5461,16 @@ form .ant-upload {
   color: #bfbfbf;
 }
 .ant-input-number-handler-wrap {
-  border-left: 1px solid #d9d9d9;
   background: #fff;
+  border-left: 1px solid #d9d9d9;
   border-radius: 0 2px 2px 0;
 }
+.ant-input-number-handler-up {
+  border-top-right-radius: 2px;
+}
 .ant-input-number-handler-down {
   border-top: 1px solid #d9d9d9;
+  border-bottom-right-radius: 2px;
 }
 .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
 .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
@@ -4491,15 +5498,23 @@ form .ant-upload {
 }
 .ant-input:focus {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
 .ant-input-disabled {
-  background-color: #f5f5f5;
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
 }
 .ant-input-disabled:hover {
-  border-color: #e6d8d8;
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.ant-input[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+}
+.ant-input[disabled]:hover {
+  border-color: #d9d9d9;
   border-right-width: 1px !important;
 }
 .ant-input-group {
@@ -4535,21 +5550,21 @@ form .ant-upload {
 }
 .ant-input-group > .ant-input:first-child,
 .ant-input-group-addon:first-child {
-  border-bottom-right-radius: 0;
   border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 .ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
 .ant-input-group-addon:first-child .ant-select .ant-select-selection {
-  border-bottom-right-radius: 0;
   border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
-  border-bottom-left-radius: 0;
   border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
-  border-bottom-right-radius: 0;
   border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 .ant-input-group-addon:first-child {
   border-right: 0;
@@ -4559,39 +5574,24 @@ form .ant-upload {
 }
 .ant-input-group > .ant-input:last-child,
 .ant-input-group-addon:last-child {
-  border-bottom-left-radius: 0;
   border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 .ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
 .ant-input-group-addon:last-child .ant-select .ant-select-selection {
-  border-bottom-left-radius: 0;
   border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
 .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
 .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
   border-right-width: 1px;
-  border-right-color: transparent;
-}
-.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
-.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
-.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
-  border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  border-right-width: 1px !important;
-}
-.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
-.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
-.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
-  border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
-  border-right-width: 1px !important;
 }
 .ant-input-group.ant-input-group-compact > * {
   border-radius: 0;
-  border-right-width: 0;
 }
-.ant-input-group.ant-input-group-compact > span:not(:last-child) > .ant-input {
-  border-right-width: 0;
+.ant-input-group.ant-input-group-compact > *:not(:last-child) {
+  border-right-width: 1px;
 }
 .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
 .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
@@ -4599,28 +5599,8 @@ form .ant-upload {
 .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
 .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
 .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
-  border-radius: 0;
   border-right-width: 1px;
-  border-right-color: transparent;
-}
-.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
-.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
-.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
-.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
-.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
-.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover {
-  border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  border-right-width: 1px !important;
-}
-.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
-.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
-.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
-.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
-.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
-.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus {
-  border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
-  border-right-width: 1px !important;
+  border-radius: 0;
 }
 .ant-input-group.ant-input-group-compact > *:first-child,
 .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
@@ -4640,45 +5620,9 @@ form .ant-upload {
 .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
 .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
 .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
+  border-right-width: 1px;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
-  border-right-width: 1px;
-  border-right-color: #d9d9d9;
-}
-.ant-input-group.ant-input-group-compact > *:last-child:hover,
-.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:hover,
-.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:hover,
-.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:hover,
-.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:hover,
-.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:hover,
-.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:hover,
-.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:hover {
-  border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  border-right-width: 1px !important;
-}
-.ant-input-group.ant-input-group-compact > *:last-child:focus,
-.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:focus,
-.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:focus,
-.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:focus,
-.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:focus,
-.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:focus,
-.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:focus,
-.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:focus {
-  border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
-  border-right-width: 1px !important;
-}
-.ant-input-group.ant-input-group-compact > *:last-child:focus .ant-cascader-input,
-.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:focus .ant-cascader-input,
-.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:focus .ant-cascader-input,
-.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:focus .ant-cascader-input,
-.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:focus .ant-cascader-input,
-.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:focus .ant-cascader-input,
-.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:focus .ant-cascader-input,
-.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:focus .ant-cascader-input {
-  border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
-  border-right-width: 1px !important;
 }
 .ant-input-affix-wrapper {
   color: #000000;
@@ -4691,13 +5635,39 @@ form .ant-upload {
 .ant-input-affix-wrapper .ant-input-suffix {
   color: #000000;
 }
+.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-input-password-icon {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-input-password-icon:hover {
+  color: #333;
+}
+.ant-input-clear-icon {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-input-clear-icon:hover {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-input-clear-icon:active {
+  color: #000000;
+}
 .ant-input-search-icon {
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-input-search-icon:hover {
-  color: #333;
+  color: rgba(0, 0, 0, 0.8);
+}
+.ant-input-search-enter-button input {
+  border-right: 0;
+}
+.ant-input-search-enter-button + .ant-input-group-addon,
+.ant-input-search-enter-button input + .ant-input-group-addon {
+  border: 0;
 }
-.ant-input-search > .ant-input-suffix > .ant-input-search-button {
+.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
+.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -4708,8 +5678,8 @@ form .ant-upload {
   background: @primary-color;
 }
 .ant-layout-footer {
-  background: #f0f2f5;
   color: #000000;
+  background: #f0f2f5;
 }
 .ant-layout-sider {
   background: @primary-color;
@@ -4719,13 +5689,16 @@ form .ant-upload {
   background: #002140;
 }
 .ant-layout-sider-zero-width-trigger {
-  background: @primary-color;
   color: #fff;
+  background: @primary-color;
   border-radius: 0 2px 2px 0;
 }
 .ant-layout-sider-zero-width-trigger:hover {
   background: #464a64;
 }
+.ant-layout-sider-zero-width-trigger-right {
+  border-radius: 2px 0 0 2px;
+}
 .ant-layout-sider-light {
   background: #f9f9f9;
 }
@@ -4741,7 +5714,10 @@ form .ant-upload {
   color: #000000;
 }
 .ant-list-empty-text {
-  color: rgba(0, 0, 0, 0.45);
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-list-item-content {
+  color: #000000;
 }
 .ant-list-item-meta-title {
   color: #000000;
@@ -4761,6 +5737,12 @@ form .ant-upload {
 .ant-list-item-action-split {
   background-color: #e8e8e8;
 }
+.ant-list-header {
+  background: transparent;
+}
+.ant-list-footer {
+  background: transparent;
+}
 .ant-list-empty {
   color: rgba(0, 0, 0, 0.45);
 }
@@ -4773,122 +5755,231 @@ form .ant-upload {
 .ant-list-split .ant-list-header {
   border-bottom: 1px solid #e8e8e8;
 }
-.ant-list-something-after-last-item .ant-spin-container > .ant-list-item:last-child {
+.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
   border-bottom: 1px solid #e8e8e8;
 }
 .ant-list-vertical .ant-list-item-meta-title {
   color: rgba(0, 0, 0, 0.85);
 }
-.ant-list-vertical .ant-list-item-content {
-  color: #000000;
-}
-.ant-list-grid .ant-list-item {
+.ant-list-grid .ant-col > .ant-list-item {
   border-bottom: none;
 }
 .ant-list-bordered {
-  border-radius: 2px;
   border: 1px solid #d9d9d9;
+  border-radius: 2px;
 }
 .ant-list-bordered .ant-list-item {
   border-bottom: 1px solid #e8e8e8;
 }
-.ant-mention-wrapper {
+.ant-mentions-wrapper {
   color: #000000;
 }
-.ant-mention-wrapper .ant-mention-editor {
+.ant-mentions-wrapper .ant-mentions-editor {
   color: #000000;
   background-color: #fff;
   background-image: none;
   border: 1px solid #d9d9d9;
   border-radius: 2px;
 }
-.ant-mention-wrapper .ant-mention-editor::-moz-placeholder {
+.ant-mentions-wrapper .ant-mentions-editor::-moz-placeholder {
   color: #bfbfbf;
 }
-.ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder {
+.ant-mentions-wrapper .ant-mentions-editor:-ms-input-placeholder {
   color: #bfbfbf;
 }
-.ant-mention-wrapper .ant-mention-editor::-webkit-input-placeholder {
+.ant-mentions-wrapper .ant-mentions-editor::-webkit-input-placeholder {
   color: #bfbfbf;
 }
-.ant-mention-wrapper .ant-mention-editor:hover {
+.ant-mentions-wrapper .ant-mentions-editor:hover {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
   border-right-width: 1px !important;
 }
-.ant-mention-wrapper .ant-mention-editor:focus {
+.ant-mentions-wrapper .ant-mentions-editor:focus {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
-.ant-mention-wrapper .ant-mention-editor-disabled {
+.ant-mentions-wrapper .ant-mentions-editor-disabled {
+  color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
+}
+.ant-mentions-wrapper .ant-mentions-editor-disabled:hover {
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.ant-mentions-wrapper .ant-mentions-editor[disabled] {
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
 }
-.ant-mention-wrapper .ant-mention-editor-disabled:hover {
-  border-color: #e6d8d8;
+.ant-mentions-wrapper .ant-mentions-editor[disabled]:hover {
+  border-color: #d9d9d9;
   border-right-width: 1px !important;
 }
-.ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor {
+.ant-mentions-wrapper.ant-mentions-active:not(.disabled) .ant-mentions-editor {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
-.ant-mention-wrapper.disabled .ant-mention-editor {
-  background-color: #f5f5f5;
+.ant-mentions-wrapper.disabled .ant-mentions-editor {
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
 }
-.ant-mention-wrapper.disabled .ant-mention-editor:hover {
-  border-color: #e6d8d8;
+.ant-mentions-wrapper.disabled .ant-mentions-editor:hover {
+  border-color: #d9d9d9;
   border-right-width: 1px !important;
 }
-.ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
+.ant-mentions-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
   color: #bfbfbf;
 }
-.ant-mention-dropdown {
+.ant-mentions-dropdown {
   color: #000000;
   background-color: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   border-radius: 2px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
-.ant-mention-dropdown-notfound.ant-mention-dropdown-item {
+.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item {
   color: rgba(0, 0, 0, 0.25);
 }
-.ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading {
+.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item .anticon-loading {
   color: @primary-color;
 }
-.ant-mention-dropdown-item {
+.ant-mentions-dropdown-item {
   color: #000000;
 }
-.ant-mention-dropdown-item:hover {
+.ant-mentions-dropdown-item:hover {
   background-color: color(~`colorPalette("@{primary-color}", 1)`);
 }
-.ant-mention-dropdown-item.focus,
-.ant-mention-dropdown-item-active {
+.ant-mentions-dropdown-item.focus,
+.ant-mentions-dropdown-item-active {
   background-color: color(~`colorPalette("@{primary-color}", 1)`);
 }
-.ant-mention-dropdown-item-disabled {
+.ant-mentions-dropdown-item-disabled {
   color: rgba(0, 0, 0, 0.25);
 }
-.ant-mention-dropdown-item-disabled:hover {
+.ant-mentions-dropdown-item-disabled:hover {
   color: rgba(0, 0, 0, 0.25);
   background-color: #fff;
 }
-.ant-mention-dropdown-item-selected,
-.ant-mention-dropdown-item-selected:hover {
-  background-color: #f5f5f5;
+.ant-mentions-dropdown-item-selected,
+.ant-mentions-dropdown-item-selected:hover {
   color: #000000;
+  background-color: #f5f5f5;
 }
-.ant-mention-dropdown-item-divider {
+.ant-mentions-dropdown-item-divider {
   background-color: #e8e8e8;
 }
-.ant-menu {
+.ant-mentions {
+  color: #000000;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+}
+.ant-mentions::-moz-placeholder {
+  color: #bfbfbf;
+}
+.ant-mentions:-ms-input-placeholder {
+  color: #bfbfbf;
+}
+.ant-mentions::-webkit-input-placeholder {
+  color: #bfbfbf;
+}
+.ant-mentions:hover {
+  border-color: color(~`colorPalette("@{primary-color}", 5)`);
+  border-right-width: 1px !important;
+}
+.ant-mentions:focus {
+  border-color: color(~`colorPalette("@{primary-color}", 5)`);
+  border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
+}
+.ant-mentions-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+}
+.ant-mentions-disabled:hover {
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.ant-mentions[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+}
+.ant-mentions[disabled]:hover {
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.ant-mentions-disabled > textarea {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+}
+.ant-mentions-disabled > textarea:hover {
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.ant-mentions-focused {
+  border-color: color(~`colorPalette("@{primary-color}", 5)`);
+  border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
+}
+.ant-mentions > textarea {
+  border: none;
+}
+.ant-mentions > textarea::-moz-placeholder {
+  color: #bfbfbf;
+}
+.ant-mentions > textarea:-ms-input-placeholder {
+  color: #bfbfbf;
+}
+.ant-mentions > textarea::-webkit-input-placeholder {
+  color: #bfbfbf;
+}
+.ant-mentions-measure {
+  color: transparent;
+}
+.ant-mentions-dropdown {
+  color: #000000;
+  background-color: #fff;
+  border-radius: 2px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+.ant-mentions-dropdown-menu-item {
+  color: #000000;
+}
+.ant-mentions-dropdown-menu-item:hover {
+  background-color: color(~`colorPalette("@{primary-color}", 1)`);
+}
+.ant-mentions-dropdown-menu-item:first-child {
+  border-radius: 2px 2px 0 0;
+}
+.ant-mentions-dropdown-menu-item:last-child {
+  border-radius: 0 0 2px 2px;
+}
+.ant-mentions-dropdown-menu-item-disabled {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-mentions-dropdown-menu-item-disabled:hover {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #fff;
+}
+.ant-mentions-dropdown-menu-item-selected {
+  color: #000000;
+  background-color: #fafafa;
+}
+.ant-mentions-dropdown-menu-item-active {
+  background-color: color(~`colorPalette("@{primary-color}", 1)`);
+}
+.ant-menu {
   color: #000000;
   background: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 .ant-menu-item-group-title {
   color: rgba(0, 0, 0, 0.45);
 }
+.ant-menu-submenu-selected {
+  color: @primary-color;
+}
 .ant-menu-item:active,
 .ant-menu-submenu-title:active {
   background: color(~`colorPalette("@{primary-color}", 1)`);
@@ -4899,7 +5990,7 @@ form .ant-upload {
 .ant-menu-item > a:hover {
   color: @primary-color;
 }
-.ant-menu-item > a:before {
+.ant-menu-item > a::before {
   background-color: transparent;
 }
 .ant-menu-item-divider {
@@ -4945,42 +6036,45 @@ form .ant-upload {
 .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
   border-right: 0;
 }
-.ant-menu-vertical.ant-menu-sub .ant-menu-item:after,
-.ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,
-.ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after {
+.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
+.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
+.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
   border-right: 0;
 }
 .ant-menu > .ant-menu-item-divider {
   background-color: #e8e8e8;
 }
 .ant-menu-submenu-popup {
+  background: #fff;
   border-radius: 2px;
 }
 .ant-menu-submenu > .ant-menu {
   background-color: #fff;
   border-radius: 2px;
 }
-.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
-.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
-.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
-.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
-.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
-.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
-.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
-.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:after {
+.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
+.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
+.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
+.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
   background: #fff;
+  background: #000000 ;
   background-image: linear-gradient(to right, #000000, #000000);
+  background-image: none ;
   border-radius: 2px;
 }
-.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
-.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
-.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
-.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
-.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
-.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
-.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
-.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before {
-  background: linear-gradient(to right, @primary-color, @primary-color);
+.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
+.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
+.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
+.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
+.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
+  background: linear-gradient(to right, #313653, #313653);
 }
 .ant-menu-vertical .ant-menu-submenu-selected,
 .ant-menu-vertical-left .ant-menu-submenu-selected,
@@ -5009,8 +6103,8 @@ form .ant-upload {
 .ant-menu-horizontal > .ant-menu-submenu-open,
 .ant-menu-horizontal > .ant-menu-item-selected,
 .ant-menu-horizontal > .ant-menu-submenu-selected {
-  border-bottom: 2px solid @primary-color;
   color: @primary-color;
+  border-bottom: 2px solid @primary-color;
 }
 .ant-menu-horizontal > .ant-menu-item > a {
   color: #000000;
@@ -5021,10 +6115,10 @@ form .ant-upload {
 .ant-menu-horizontal > .ant-menu-item-selected > a {
   color: @primary-color;
 }
-.ant-menu-vertical .ant-menu-item:after,
-.ant-menu-vertical-left .ant-menu-item:after,
-.ant-menu-vertical-right .ant-menu-item:after,
-.ant-menu-inline .ant-menu-item:after {
+.ant-menu-vertical .ant-menu-item::after,
+.ant-menu-vertical-left .ant-menu-item::after,
+.ant-menu-vertical-right .ant-menu-item::after,
+.ant-menu-inline .ant-menu-item::after {
   border-right: 3px solid @primary-color;
 }
 .ant-menu-inline-collapsed-tooltip a {
@@ -5038,8 +6132,8 @@ form .ant-upload {
 }
 .ant-menu-sub.ant-menu-inline {
   border: 0;
-  box-shadow: none;
   border-radius: 0;
+  box-shadow: none;
 }
 .ant-menu-item-disabled,
 .ant-menu-submenu-disabled {
@@ -5055,10 +6149,10 @@ form .ant-upload {
 .ant-menu-submenu-disabled > .ant-menu-submenu-title {
   color: rgba(0, 0, 0, 0.25) !important;
 }
-.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
-.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
-.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
-.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after {
+.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
   background: rgba(0, 0, 0, 0.25) !important;
 }
 .ant-menu-dark,
@@ -5066,10 +6160,10 @@ form .ant-upload {
   color: rgba(255, 255, 255, 0.65);
   background: @primary-color;
 }
-.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
+.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
   background: #fff;
 }
 .ant-menu-dark.ant-menu-submenu-popup {
@@ -5104,10 +6198,10 @@ form .ant-upload {
 .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
   border-right: 0;
 }
-.ant-menu-dark.ant-menu-inline .ant-menu-item:after,
-.ant-menu-dark.ant-menu-vertical .ant-menu-item:after,
-.ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after,
-.ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after {
+.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
+.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
+.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
+.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
   border-right: 0;
 }
 .ant-menu-dark .ant-menu-item:hover,
@@ -5116,8 +6210,8 @@ form .ant-upload {
 .ant-menu-dark .ant-menu-submenu-open,
 .ant-menu-dark .ant-menu-submenu-selected,
 .ant-menu-dark .ant-menu-submenu-title:hover {
-  background-color: transparent;
   color: #fff;
+  background-color: transparent;
 }
 .ant-menu-dark .ant-menu-item:hover > a,
 .ant-menu-dark .ant-menu-item-active > a,
@@ -5127,43 +6221,52 @@ form .ant-upload {
 .ant-menu-dark .ant-menu-submenu-title:hover > a {
   color: #fff;
 }
-.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow:before {
+.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
   background: #fff;
 }
+.ant-menu-dark .ant-menu-item:hover {
+  background-color: transparent;
+}
 .ant-menu-dark .ant-menu-item-selected {
-  border-right: 0;
   color: #fff;
+  border-right: 0;
 }
-.ant-menu-dark .ant-menu-item-selected:after {
+.ant-menu-dark .ant-menu-item-selected::after {
   border-right: 0;
 }
 .ant-menu-dark .ant-menu-item-selected > a,
 .ant-menu-dark .ant-menu-item-selected > a:hover {
   color: #fff;
 }
+.ant-menu-dark .ant-menu-item-selected .anticon {
+  color: #ffffff;
+}
+.ant-menu-dark .ant-menu-item-selected .anticon + span {
+  color: #ffffff;
+}
 .ant-menu.ant-menu-dark .ant-menu-item-selected,
 .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
   background-color: @primary-color;
@@ -5178,19 +6281,19 @@ form .ant-upload {
 .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
   color: rgba(255, 255, 255, 0.35) !important;
 }
-.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before,
-.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after,
-.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after {
+.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
+.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
+.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
   background: rgba(255, 255, 255, 0.35) !important;
 }
 .ant-message {
   color: #000000;
 }
 .ant-message-notice-content {
+  background: #fff;
   border-radius: 2px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  background: #fff;
 }
 .ant-message-success .anticon {
   color: #52c41a;
@@ -5213,32 +6316,33 @@ form .ant-upload {
 }
 .ant-modal-content {
   background-color: #fff;
+  background-clip: padding-box;
   border: 0;
   border-radius: 2px;
-  background-clip: padding-box;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 .ant-modal-close {
-  border: 0;
-  background: transparent;
   color: rgba(0, 0, 0, 0.45);
+  background: transparent;
+  border: 0;
 }
 .ant-modal-close:focus,
 .ant-modal-close:hover {
-  color: #444;
+  color: rgba(0, 0, 0, 0.75);
 }
 .ant-modal-header {
-  border-radius: 2px 2px 0 0;
-  background: #fff;
   color: #000000;
+  background: #fff;
   border-bottom: 1px solid #e8e8e8;
+  border-radius: 2px 2px 0 0;
 }
 .ant-modal-footer {
+  background: transparent;
   border-top: 1px solid #e8e8e8;
   border-radius: 0 0 2px 2px;
 }
 .ant-modal-mask {
-  background-color: rgba(0, 0, 0, 0.65);
+  background-color: rgba(0, 0, 0, 0.45);
 }
 .ant-modal-confirm-body .ant-modal-confirm-title {
   color: rgba(0, 0, 0, 0.85);
@@ -5263,9 +6367,9 @@ form .ant-upload {
   color: #000000;
 }
 .ant-notification-notice {
+  background: #fff;
   border-radius: 2px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  background: #fff;
 }
 .ant-notification-notice-message {
   color: rgba(0, 0, 0, 0.85);
@@ -5273,16 +6377,16 @@ form .ant-upload {
 .ant-notification-notice-message-single-line-auto-margin {
   background-color: transparent;
 }
-.ant-notification-notice-icon-success {
+.anticon.ant-notification-notice-icon-success {
   color: #52c41a;
 }
-.ant-notification-notice-icon-info {
+.anticon.ant-notification-notice-icon-info {
   color: #1890ff;
 }
-.ant-notification-notice-icon-warning {
+.anticon.ant-notification-notice-icon-warning {
   color: #faad14;
 }
-.ant-notification-notice-icon-error {
+.anticon.ant-notification-notice-icon-error {
   color: #f5222d;
 }
 .ant-notification-notice-close {
@@ -5291,13 +6395,36 @@ form .ant-upload {
 .ant-notification-notice-close:hover {
   color: rgba(0, 0, 0, 0.67);
 }
+.ant-page-header {
+  color: #000000;
+}
+.ant-page-header-back-button {
+  color: @primary-color;
+  color: #000;
+}
+.ant-page-header-back-button:focus,
+.ant-page-header-back-button:hover {
+  color: color(~`colorPalette("@{primary-color}", 5)`);
+}
+.ant-page-header-back-button:active {
+  color: color(~`colorPalette("@{primary-color}", 7)`);
+}
+.ant-page-header-heading-title {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-page-header-heading-sub-title {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-page-header-footer .ant-tabs-bar {
+  border-bottom: 0;
+}
 .ant-pagination {
   color: #000000;
 }
 .ant-pagination-item {
-  border-radius: 2px;
-  border: 1px solid #d9d9d9;
   background-color: #fff;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
 }
 .ant-pagination-item a {
   color: #000000;
@@ -5311,6 +6438,7 @@ form .ant-upload {
   color: @primary-color;
 }
 .ant-pagination-item-active {
+  background: #fff;
   border-color: @primary-color;
 }
 .ant-pagination-item-active a {
@@ -5349,16 +6477,16 @@ form .ant-upload {
 }
 .ant-pagination-prev .ant-pagination-item-link,
 .ant-pagination-next .ant-pagination-item-link {
-  border: 1px solid #d9d9d9;
   background-color: #fff;
+  border: 1px solid #d9d9d9;
   border-radius: 2px;
 }
 .ant-pagination-prev:focus .ant-pagination-item-link,
 .ant-pagination-next:focus .ant-pagination-item-link,
 .ant-pagination-prev:hover .ant-pagination-item-link,
 .ant-pagination-next:hover .ant-pagination-item-link {
-  border-color: @primary-color;
   color: @primary-color;
+  border-color: @primary-color;
 }
 .ant-pagination-disabled a,
 .ant-pagination-disabled:hover a,
@@ -5366,8 +6494,8 @@ form .ant-upload {
 .ant-pagination-disabled .ant-pagination-item-link,
 .ant-pagination-disabled:hover .ant-pagination-item-link,
 .ant-pagination-disabled:focus .ant-pagination-item-link {
-  border-color: #d9d9d9;
   color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
 }
 .ant-pagination-options-quick-jumper input {
   color: #000000;
@@ -5391,15 +6519,23 @@ form .ant-upload {
 }
 .ant-pagination-options-quick-jumper input:focus {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
 .ant-pagination-options-quick-jumper input-disabled {
-  background-color: #f5f5f5;
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
 }
 .ant-pagination-options-quick-jumper input-disabled:hover {
-  border-color: #e6d8d8;
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.ant-pagination-options-quick-jumper input[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+}
+.ant-pagination-options-quick-jumper input[disabled]:hover {
+  border-color: #d9d9d9;
   border-right-width: 1px !important;
 }
 .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
@@ -5408,8 +6544,8 @@ form .ant-upload {
 }
 .ant-pagination-simple .ant-pagination-simple-pager input {
   background-color: #fff;
-  border-radius: 2px;
   border: 1px solid #d9d9d9;
+  border-radius: 2px;
 }
 .ant-pagination-simple .ant-pagination-simple-pager input:hover {
   border-color: @primary-color;
@@ -5420,13 +6556,36 @@ form .ant-upload {
 }
 .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
 .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
+  background: transparent;
   border-color: transparent;
+}
+.ant-pagination.ant-pagination-disabled .ant-pagination-item {
+  background: #f5f5f5;
+  border-color: #d9d9d9;
+}
+.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
+  color: rgba(0, 0, 0, 0.25);
   background: transparent;
+  border: none;
+}
+.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
+  background: #dbdbdb;
+  border-color: transparent;
+}
+.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
+  color: #fff;
+}
+.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
+.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
+.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
+  color: rgba(0, 0, 0, 0.45);
+  background: #f5f5f5;
+  border-color: #d9d9d9;
 }
 .ant-popover {
   color: #000000;
 }
-.ant-popover:after {
+.ant-popover::after {
   background: rgba(255, 255, 255, 0.01);
 }
 .ant-popover-inner {
@@ -5434,10 +6593,11 @@ form .ant-upload {
   background-clip: padding-box;
   border-radius: 2px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) ;
 }
 .ant-popover-title {
-  border-bottom: 1px solid #e8e8e8;
   color: rgba(0, 0, 0, 0.85);
+  border-bottom: 1px solid #e8e8e8;
 }
 .ant-popover-inner-content {
   color: #000000;
@@ -5449,28 +6609,44 @@ form .ant-upload {
   color: #faad14;
 }
 .ant-popover-arrow {
-  background: #fff;
-  border-color: transparent;
+  background: transparent;
   border-style: solid;
+  border-width: 4.24264069px;
 }
 .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
+  border-top-color: transparent;
+  border-right-color: #fff;
+  border-bottom-color: #fff;
+  border-left-color: transparent;
   box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
 }
 .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
+  border-top-color: transparent;
+  border-right-color: transparent;
+  border-bottom-color: #fff;
+  border-left-color: #fff;
   box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
 }
 .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
+  border-top-color: #fff;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: #fff;
   box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
 }
 .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
+  border-top-color: #fff;
+  border-right-color: #fff;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
   box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
 }
 .ant-progress {
@@ -5483,6 +6659,7 @@ form .ant-upload {
 .ant-progress-success-bg,
 .ant-progress-bg {
   background-color: #1890ff;
+  border-radius: 100px;
 }
 .ant-progress-success-bg {
   background-color: #52c41a;
@@ -5490,7 +6667,7 @@ form .ant-upload {
 .ant-progress-text {
   color: rgba(0, 0, 0, 0.45);
 }
-.ant-progress-status-active .ant-progress-bg:before {
+.ant-progress-status-active .ant-progress-bg::before {
   background: #fff;
   border-radius: 10px;
 }
@@ -5527,47 +6704,50 @@ form .ant-upload {
 .ant-radio {
   color: #000000;
 }
-.ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
+.ant-radio-wrapper:hover .ant-radio,
 .ant-radio:hover .ant-radio-inner,
-.ant-radio-focused .ant-radio-inner {
+.ant-radio-input:focus + .ant-radio-inner {
   border-color: @primary-color;
 }
-.ant-radio-checked:after {
-  border-radius: 50%;
+.ant-radio-input:focus + .ant-radio-inner {
+  box-shadow: 0 0 0 3px rgba(49, 54, 83, 0.08);
+}
+.ant-radio-checked::after {
   border: 1px solid @primary-color;
+  border-radius: 50%;
 }
 .ant-radio-inner {
-  border-width: 1px;
+  background-color: #fff;
+  border-color: #d9d9d9;
   border-style: solid;
+  border-width: 1px;
   border-radius: 100px;
-  border-color: #d9d9d9;
-  background-color: #fff;
 }
-.ant-radio-inner:after {
-  border-radius: 8px;
+.ant-radio-inner::after {
+  background-color: @primary-color;
   border-top: 0;
   border-left: 0;
-  background-color: @primary-color;
+  border-radius: 8px;
 }
 .ant-radio-checked .ant-radio-inner {
   border-color: @primary-color;
 }
 .ant-radio-disabled .ant-radio-inner {
-  border-color: #d9d9d9 !important;
   background-color: #f5f5f5;
+  border-color: #d9d9d9 !important;
 }
-.ant-radio-disabled .ant-radio-inner:after {
-  background-color: #ccc;
+.ant-radio-disabled .ant-radio-inner::after {
+  background-color: rgba(0, 0, 0, 0.2);
 }
 .ant-radio-disabled + span {
   color: rgba(0, 0, 0, 0.25);
 }
 .ant-radio-button-wrapper {
   color: #000000;
+  background: #fff;
   border: 1px solid #d9d9d9;
-  border-left: 0;
   border-top-width: 1.02px;
-  background: #fff;
+  border-left: 0;
 }
 .ant-radio-button-wrapper a {
   color: #000000;
@@ -5576,8 +6756,8 @@ form .ant-upload {
   background-color: #d9d9d9;
 }
 .ant-radio-button-wrapper:first-child {
-  border-radius: 2px 0 0 2px;
   border-left: 1px solid #d9d9d9;
+  border-radius: 2px 0 0 2px;
 }
 .ant-radio-button-wrapper:last-child {
   border-radius: 0 2px 2px 0;
@@ -5585,64 +6765,63 @@ form .ant-upload {
 .ant-radio-button-wrapper:first-child:last-child {
   border-radius: 2px;
 }
-.ant-radio-button-wrapper:hover,
-.ant-radio-button-wrapper-focused {
+.ant-radio-button-wrapper:hover {
   color: @primary-color;
 }
-.ant-radio-button-wrapper-checked {
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+  color: @primary-color;
   background: #fff;
   border-color: @primary-color;
-  color: @primary-color;
   box-shadow: -1px 0 0 0 @primary-color;
 }
-.ant-radio-button-wrapper-checked::before {
-  background-color: @primary-color !important;
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
+  background-color: #313653 !important;
 }
-.ant-radio-button-wrapper-checked:first-child {
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
   border-color: @primary-color;
   box-shadow: none !important;
 }
-.ant-radio-button-wrapper-checked:hover {
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
+  color: color(~`colorPalette("@{primary-color}", 5)`);
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
   box-shadow: -1px 0 0 0 color(~`colorPalette("@{primary-color}", 5)`);
-  color: color(~`colorPalette("@{primary-color}", 5)`);
 }
-.ant-radio-button-wrapper-checked:active {
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
+  color: color(~`colorPalette("@{primary-color}", 7)`);
   border-color: color(~`colorPalette("@{primary-color}", 7)`);
   box-shadow: -1px 0 0 0 color(~`colorPalette("@{primary-color}", 7)`);
-  color: color(~`colorPalette("@{primary-color}", 7)`);
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+  color: #fff;
   background: @primary-color;
   border-color: @primary-color;
-  color: #fff;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
-  border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  background: color(~`colorPalette("@{primary-color}", 5)`);
   color: #fff;
+  background: color(~`colorPalette("@{primary-color}", 5)`);
+  border-color: color(~`colorPalette("@{primary-color}", 5)`);
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
-  border-color: color(~`colorPalette("@{primary-color}", 7)`);
-  background: color(~`colorPalette("@{primary-color}", 7)`);
   color: #fff;
+  background: color(~`colorPalette("@{primary-color}", 7)`);
+  border-color: color(~`colorPalette("@{primary-color}", 7)`);
 }
 .ant-radio-button-wrapper-disabled {
-  border-color: #d9d9d9;
-  background-color: #f5f5f5;
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
 }
 .ant-radio-button-wrapper-disabled:first-child,
 .ant-radio-button-wrapper-disabled:hover {
-  border-color: #d9d9d9;
-  background-color: #f5f5f5;
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
 }
 .ant-radio-button-wrapper-disabled:first-child {
   border-left-color: #d9d9d9;
 }
 .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
-  color: #fff;
+  color: #ffffff;
   background-color: #e6e6e6;
   border-color: #d9d9d9;
   box-shadow: none;
@@ -5662,6 +6841,27 @@ form .ant-upload {
 .ant-rate-star-full .ant-rate-star-second {
   color: inherit;
 }
+.ant-result-success .ant-result-icon > .anticon {
+  color: #52c41a;
+}
+.ant-result-error .ant-result-icon > .anticon {
+  color: #f5222d;
+}
+.ant-result-info .ant-result-icon > .anticon {
+  color: #1890ff;
+}
+.ant-result-warning .ant-result-icon > .anticon {
+  color: #faad14;
+}
+.ant-result-title {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-result-subtitle {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-result-content {
+  background-color: #fafafa;
+}
 .ant-select {
   color: #000000;
 }
@@ -5669,13 +6869,14 @@ form .ant-upload {
   background-color: #fff;
 }
 .ant-select-arrow {
+  color: inherit;
   color: rgba(0, 0, 0, 0.25);
 }
 .ant-select-selection {
   background-color: #fff;
-  border-radius: 2px;
   border: 1px solid #d9d9d9;
   border-top-width: 1.02px;
+  border-radius: 2px;
 }
 .ant-select-selection:hover {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
@@ -5685,12 +6886,12 @@ form .ant-upload {
 .ant-select-selection:focus,
 .ant-select-selection:active {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
 .ant-select-selection__clear {
-  background: #fff;
   color: rgba(0, 0, 0, 0.25);
+  background: #fff;
 }
 .ant-select-selection__clear:hover {
   color: rgba(0, 0, 0, 0.45);
@@ -5708,8 +6909,8 @@ form .ant-upload {
   box-shadow: none;
 }
 .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
+  color: rgba(0, 0, 0, 0.33);
   background: #f5f5f5;
-  color: #aaa;
 }
 .ant-select-disabled .ant-select-selection__choice__remove {
   color: rgba(0, 0, 0, 0.25);
@@ -5722,8 +6923,8 @@ form .ant-upload {
   color: #bfbfbf;
 }
 .ant-select-search--inline .ant-select-search__field {
-  border-width: 0;
   background: transparent;
+  border-width: 0;
   border-radius: 2px;
 }
 .ant-select-selection--multiple .ant-select-selection__choice {
@@ -5733,15 +6934,16 @@ form .ant-upload {
   border-radius: 2px;
 }
 .ant-select-selection--multiple .ant-select-selection__choice__remove {
+  color: inherit;
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
-  color: #404040;
+  color: rgba(0, 0, 0, 0.75);
 }
 .ant-select-open .ant-select-selection {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
 .ant-select-combobox .ant-select-search__field {
   box-shadow: none;
@@ -5749,8 +6951,8 @@ form .ant-upload {
 .ant-select-dropdown {
   color: #000000;
   background-color: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   border-radius: 2px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 .ant-select-dropdown-menu-item-group-title {
   color: rgba(0, 0, 0, 0.45);
@@ -5762,7 +6964,7 @@ form .ant-upload {
 .ant-select-dropdown-menu-item {
   color: #000000;
 }
-.ant-select-dropdown-menu-item:hover {
+.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
   background-color: color(~`colorPalette("@{primary-color}", 1)`);
 }
 .ant-select-dropdown-menu-item:first-child {
@@ -5771,19 +6973,17 @@ form .ant-upload {
 .ant-select-dropdown-menu-item:last-child {
   border-radius: 0 0 2px 2px;
 }
+.ant-select-dropdown-menu-item-selected {
+  color: #000000;
+  background-color: #fafafa;
+}
 .ant-select-dropdown-menu-item-disabled {
   color: rgba(0, 0, 0, 0.25);
 }
 .ant-select-dropdown-menu-item-disabled:hover {
   color: rgba(0, 0, 0, 0.25);
-  background-color: #fff;
 }
-.ant-select-dropdown-menu-item-selected,
-.ant-select-dropdown-menu-item-selected:hover {
-  background-color: #fafafa;
-  color: #000000;
-}
-.ant-select-dropdown-menu-item-active {
+.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
   background-color: color(~`colorPalette("@{primary-color}", 1)`);
 }
 .ant-select-dropdown-menu-item-divider {
@@ -5793,7 +6993,7 @@ form .ant-upload {
   color: transparent;
 }
 .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
-  color: #ddd;
+  color: rgba(0, 0, 0, 0.87);
 }
 .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
 .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
@@ -5830,21 +7030,22 @@ form .ant-upload {
   color: #000000;
 }
 .ant-slider-rail {
-  border-radius: 2px;
   background-color: #f5f5f5;
+  border-radius: 2px;
 }
 .ant-slider-track {
-  border-radius: 2px;
   background-color: color(~`colorPalette("@{primary-color}", 3)`);
+  border-radius: 2px;
 }
 .ant-slider-handle {
-  border-radius: 50%;
-  border: solid 2px color(~`colorPalette("@{primary-color}", 3)`);
   background-color: #fff;
+  border: solid 2px color(~`colorPalette("@{primary-color}", 3)`);
+  border-radius: 50%;
+  box-shadow: 0;
 }
 .ant-slider-handle:focus {
   border-color: #5a5e75;
-  box-shadow: 0 0 0 5px #989ba9;
+  box-shadow: 0 0 0 5px rgba(49, 54, 83, 0.2);
 }
 .ant-slider-handle.ant-tooltip-open {
   border-color: @primary-color;
@@ -5868,8 +7069,8 @@ form .ant-upload {
   background: transparent;
 }
 .ant-slider-dot {
-  border: 2px solid #e8e8e8;
   background-color: #fff;
+  border: 2px solid #e8e8e8;
   border-radius: 50%;
 }
 .ant-slider-dot-active {
@@ -5880,23 +7081,32 @@ form .ant-upload {
 }
 .ant-slider-disabled .ant-slider-handle,
 .ant-slider-disabled .ant-slider-dot {
-  border-color: rgba(0, 0, 0, 0.25) !important;
   background-color: #fff;
+  border-color: rgba(0, 0, 0, 0.25) !important;
   box-shadow: none;
 }
 .ant-spin {
   color: #000000;
   color: @primary-color;
 }
-.ant-spin-blur:after {
+.ant-spin-container::after {
   background: #fff;
 }
 .ant-spin-tip {
   color: rgba(0, 0, 0, 0.45);
 }
-.ant-spin-dot i {
-  border-radius: 100%;
+.ant-spin-dot-item {
   background-color: @primary-color;
+  border-radius: 100%;
+}
+.ant-statistic {
+  color: #000000;
+}
+.ant-statistic-title {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-statistic-content {
+  color: rgba(0, 0, 0, 0.85);
 }
 .ant-steps {
   color: #000000;
@@ -5908,22 +7118,25 @@ form .ant-upload {
 .ant-steps-item-icon > .ant-steps-icon {
   color: @primary-color;
 }
-.ant-steps-item-tail:after {
+.ant-steps-item-tail::after {
   background: #e8e8e8;
   border-radius: 1px;
 }
 .ant-steps-item-title {
   color: #000000;
 }
-.ant-steps-item-title:after {
+.ant-steps-item-title::after {
   background: #e8e8e8;
 }
+.ant-steps-item-subtitle {
+  color: rgba(0, 0, 0, 0.45);
+}
 .ant-steps-item-description {
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-steps-item-wait .ant-steps-item-icon {
-  border-color: rgba(0, 0, 0, 0.25);
   background-color: #fff;
+  border-color: rgba(0, 0, 0, 0.25);
 }
 .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
   color: rgba(0, 0, 0, 0.25);
@@ -5931,21 +7144,21 @@ form .ant-upload {
 .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
   background: rgba(0, 0, 0, 0.25);
 }
-.ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title {
+.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
   color: rgba(0, 0, 0, 0.45);
 }
-.ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title:after {
+.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
   background-color: #e8e8e8;
 }
-.ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-description {
+.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
   color: rgba(0, 0, 0, 0.45);
 }
-.ant-steps-item-wait > .ant-steps-item-tail:after {
+.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
   background-color: #e8e8e8;
 }
 .ant-steps-item-process .ant-steps-item-icon {
-  border-color: @primary-color;
   background-color: #fff;
+  border-color: @primary-color;
 }
 .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
   color: @primary-color;
@@ -5953,27 +7166,27 @@ form .ant-upload {
 .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
   background: @primary-color;
 }
-.ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title {
+.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
   color: rgba(0, 0, 0, 0.85);
 }
-.ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title:after {
+.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
   background-color: #e8e8e8;
 }
-.ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-description {
+.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
   color: #000000;
 }
-.ant-steps-item-process > .ant-steps-item-tail:after {
+.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
   background-color: #e8e8e8;
 }
 .ant-steps-item-process .ant-steps-item-icon {
   background: @primary-color;
 }
 .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
-  color: #fff;
+  color: #ffffff;
 }
 .ant-steps-item-finish .ant-steps-item-icon {
-  border-color: @primary-color;
   background-color: #fff;
+  border-color: @primary-color;
 }
 .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
   color: @primary-color;
@@ -5981,21 +7194,21 @@ form .ant-upload {
 .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
   background: @primary-color;
 }
-.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title {
+.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
   color: #000000;
 }
-.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title:after {
+.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
   background-color: @primary-color;
 }
-.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-description {
+.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
   color: rgba(0, 0, 0, 0.45);
 }
-.ant-steps-item-finish > .ant-steps-item-tail:after {
+.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
   background-color: @primary-color;
 }
 .ant-steps-item-error .ant-steps-item-icon {
-  border-color: #f5222d;
   background-color: #fff;
+  border-color: #f5222d;
 }
 .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
   color: #f5222d;
@@ -6003,21 +7216,32 @@ form .ant-upload {
 .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
   background: #f5222d;
 }
-.ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title {
+.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
   color: #f5222d;
 }
-.ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title:after {
+.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
   background-color: #e8e8e8;
 }
-.ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-description {
+.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
   color: #f5222d;
 }
-.ant-steps-item-error > .ant-steps-item-tail:after {
+.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
   background-color: #e8e8e8;
 }
-.ant-steps-item.ant-steps-next-error .ant-steps-item-title:after {
+.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
   background: #f5222d;
 }
+.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
+.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
+.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
+  color: @primary-color;
+}
+.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
+  border-color: @primary-color;
+}
+.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
+  color: @primary-color;
+}
 .ant-steps-item-custom .ant-steps-item-icon {
   background: none;
   border: 0;
@@ -6032,35 +7256,56 @@ form .ant-upload {
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
-  border-radius: 0;
-  border: 0;
   background: none;
-}
-.ant-steps-dot .ant-steps-item-icon {
   border: 0;
+  border-radius: 0;
+}
+.ant-steps-dot .ant-steps-item-icon,
+.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
   background: transparent;
+  border: 0;
 }
-.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot {
+.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
+.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
   border-radius: 100px;
 }
-.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after {
+.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
+.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
   background: rgba(0, 0, 0, 0.001);
 }
+.ant-steps-navigation .ant-steps-item::after {
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  border-bottom: none;
+  border-left: none;
+}
+.ant-steps-navigation .ant-steps-item::before {
+  background-color: @primary-color;
+}
+.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
+  background: #fff;
+}
+.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
+.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
+  background: #fff;
+}
+.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
+  background: #ccc;
+}
 .ant-switch {
   color: #000000;
-  border-radius: 100px;
-  border: 1px solid transparent;
   background-color: rgba(0, 0, 0, 0.25);
+  border: 1px solid transparent;
+  border-radius: 100px;
 }
 .ant-switch-inner {
-  color: #fff;
+  color: #ffffff;
 }
 .ant-switch-loading-icon,
-.ant-switch:after {
-  border-radius: 18px;
+.ant-switch::after {
   background-color: #fff;
+  border-radius: 18px;
 }
-.ant-switch:after {
+.ant-switch::after {
   box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
 }
 .ant-switch-loading-icon {
@@ -6085,12 +7330,13 @@ form .ant-upload {
   color: #000000;
 }
 .ant-table table {
-  border-collapse: collapse;
   border-radius: 2px 2px 0 0;
+  border-collapse: separate;
+  border-spacing: 0;
 }
 .ant-table-thead > tr > th {
-  background: #fafafa;
   color: rgba(0, 0, 0, 0.85);
+  background: #fafafa;
   border-bottom: 1px solid #e8e8e8;
 }
 .ant-table-thead > tr > th .anticon-filter,
@@ -6100,42 +7346,46 @@ form .ant-upload {
 .ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
   color: @primary-color;
 }
-.ant-table-thead > tr > th .ant-table-column-sorter {
+.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
   color: #bfbfbf;
 }
-.ant-table-thead > tr > th .ant-table-column-sorter-up.on,
-.ant-table-thead > tr > th .ant-table-column-sorter-down.on {
+.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
+.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
   color: @primary-color;
 }
+.ant-table-thead > tr > th.ant-table-column-has-actions {
+  background-clip: padding-box;
+  -webkit-background-clip: border-box;
+}
 .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
 .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
   color: rgba(0, 0, 0, 0.45);
-  background: #ebebeb;
+  background: #e5e5e5;
 }
 .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
 .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
   color: rgba(0, 0, 0, 0.45);
-  background: #ebebeb;
+  background: #e5e5e5;
 }
 .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
 .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
   color: #000000;
 }
 .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
-  background: #f5f5f5;
+  background: #f2f2f2;
 }
 .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
 .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
-  background: #f5f5f5;
+  background: #f2f2f2;
 }
 .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
 .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
   color: rgba(0, 0, 0, 0.45);
 }
-.ant-table-thead > tr > th .ant-table-column-sorters:before {
+.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
   background: transparent;
 }
-.ant-table-thead > tr > th .ant-table-column-sorters:hover:before {
+.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
   background: rgba(0, 0, 0, 0.04);
 }
 .ant-table-thead > tr:first-child > th:first-child {
@@ -6150,21 +7400,34 @@ form .ant-upload {
 .ant-table-tbody > tr > td {
   border-bottom: 1px solid #e8e8e8;
 }
-.ant-table-thead > tr.ant-table-row-hover > td,
-.ant-table-tbody > tr.ant-table-row-hover > td,
-.ant-table-thead > tr:hover > td,
-.ant-table-tbody > tr:hover > td {
+.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
+.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
+.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
+.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
   background: color(~`colorPalette("@{primary-color}", 1)`);
 }
+.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,
+.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {
+  background: #fbfbfb;
+}
+.ant-table-thead > tr:hover.ant-table-row-selected > td,
+.ant-table-tbody > tr:hover.ant-table-row-selected > td {
+  background: #fbfbfb;
+}
+.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,
+.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {
+  background: #fbfbfb;
+}
 .ant-table-thead > tr:hover {
   background: none;
 }
 .ant-table-footer {
+  color: rgba(0, 0, 0, 0.85);
   background: #fafafa;
-  border-radius: 0 0 2px 2px;
   border-top: 1px solid #e8e8e8;
+  border-radius: 0 0 2px 2px;
 }
-.ant-table-footer:before {
+.ant-table-footer::before {
   background: #fafafa;
 }
 .ant-table.ant-table-bordered .ant-table-footer {
@@ -6188,7 +7451,12 @@ form .ant-upload {
 .ant-table-without-column-header table {
   border-radius: 0;
 }
+.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
+  border-top: 1px solid #e8e8e8;
+  border-radius: 2px;
+}
 .ant-table-tbody > tr.ant-table-row-selected td {
+  color: inherit;
   background: #fbfbfb;
 }
 .ant-table-thead > tr > th.ant-table-column-sort {
@@ -6215,23 +7483,20 @@ form .ant-upload {
   border-bottom: 0;
 }
 .ant-table-bordered.ant-table-empty .ant-table-placeholder {
-  border-left: 1px solid #e8e8e8;
   border-right: 1px solid #e8e8e8;
+  border-left: 1px solid #e8e8e8;
 }
 .ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
   border-bottom: 0;
 }
 .ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
-  border-top: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
+.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
 .ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
   border-top: 0;
 }
-.ant-table-bordered.ant-table-fixed-header .ant-table-placeholder {
-  border: 0;
-}
 .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
   border-bottom: 1px solid #e8e8e8;
 }
@@ -6240,9 +7505,11 @@ form .ant-upload {
   border-right: 1px solid #e8e8e8;
 }
 .ant-table-placeholder {
+  color: rgba(0, 0, 0, 0.25);
   background: #fff;
+  border-top: 1px solid #e8e8e8;
   border-bottom: 1px solid #e8e8e8;
-  color: rgba(0, 0, 0, 0.45);
+  border-radius: 0 0 2px 2px;
 }
 .ant-table-filter-dropdown {
   background: #fff;
@@ -6251,14 +7518,14 @@ form .ant-upload {
 }
 .ant-table-filter-dropdown .ant-dropdown-menu {
   border: 0;
-  box-shadow: none;
   border-radius: 2px 2px 0 0;
+  box-shadow: none;
 }
 .ant-table-filter-dropdown .ant-dropdown-menu-sub {
   border-radius: 2px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
-.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after {
+.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
   color: @primary-color;
 }
 .ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
@@ -6289,11 +7556,26 @@ form .ant-upload {
   color: #bfbfbf;
 }
 .ant-table-selection-down:hover .anticon-down {
-  color: #666;
+  color: rgba(0, 0, 0, 0.6);
 }
 .ant-table-row-expand-icon {
-  border: 1px solid #e8e8e8;
+  color: @primary-color;
+  color: inherit;
   background: #fff;
+  border: 1px solid #e8e8e8;
+  border-radius: 2px;
+}
+.ant-table-row-expand-icon:focus,
+.ant-table-row-expand-icon:hover {
+  color: color(~`colorPalette("@{primary-color}", 5)`);
+}
+.ant-table-row-expand-icon:active {
+  color: color(~`colorPalette("@{primary-color}", 7)`);
+}
+.ant-table-row-expand-icon:focus,
+.ant-table-row-expand-icon:hover,
+.ant-table-row-expand-icon:active {
+  border-color: currentColor;
 }
 tr.ant-table-expanded-row,
 tr.ant-table-expanded-row:hover {
@@ -6302,6 +7584,23 @@ tr.ant-table-expanded-row:hover {
 .ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
   background: #fff;
 }
+.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
+  border: 1px solid #e8e8e8;
+  border-width: 0 0 1px 0;
+}
+.ant-table-hide-scrollbar {
+  scrollbar-color: transparent transparent;
+}
+.ant-table-hide-scrollbar::-webkit-scrollbar {
+  background-color: transparent;
+}
+.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
+  border: 1px solid #e8e8e8;
+  border-width: 1px 1px 1px 0;
+}
+.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child {
+  border-right-color: transparent;
+}
 .ant-table-fixed-left,
 .ant-table-fixed-right {
   border-radius: 0;
@@ -6368,7 +7667,16 @@ tr.ant-table-expanded-row:hover {
 .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
 .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
 .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
-  background: #fff;
+  background-color: transparent;
+}
+.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
+.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
+.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
+.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
+.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
+.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
+.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
+.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
   border-bottom: 1px solid #e8e8e8;
 }
 .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
@@ -6379,10 +7687,10 @@ tr.ant-table-expanded-row:hover {
 .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
 .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
 .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
-  background: rgba(0, 0, 0, 0.01);
+  background-color: rgba(0, 0, 0, 0.01);
 }
 .ant-table-small > .ant-table-content .ant-table-header {
-  background: #fff;
+  background-color: #fff;
 }
 .ant-table-small > .ant-table-content .ant-table-placeholder,
 .ant-table-small > .ant-table-content .ant-table-row:last-child td {
@@ -6393,8 +7701,8 @@ tr.ant-table-expanded-row:hover {
 }
 .ant-table-small.ant-table-bordered .ant-table-title {
   border: 0;
-  border-bottom: 1px solid #e8e8e8;
   border-right: 1px solid #e8e8e8;
+  border-bottom: 1px solid #e8e8e8;
 }
 .ant-table-small.ant-table-bordered .ant-table-content {
   border-right: 1px solid #e8e8e8;
@@ -6405,10 +7713,11 @@ tr.ant-table-expanded-row:hover {
   border-right: 1px solid #e8e8e8;
 }
 .ant-table-small.ant-table-bordered .ant-table-placeholder {
-  border-left: 0;
+  border-right: 0;
   border-bottom: 0;
+  border-left: 0;
 }
-.ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child,
+.ant-table-small.ant-table-bordered .ant-table-thead > tr:only-child > th:last-child,
 .ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
   border-right: none;
 }
@@ -6418,50 +7727,59 @@ tr.ant-table-expanded-row:hover {
 }
 .ant-table-small.ant-table-bordered .ant-table-fixed-right {
   border-right: 1px solid #e8e8e8;
+  border-left: 1px solid #e8e8e8;
 }
-.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
+.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
+  background: #fafafa;
   border: 1px solid #e8e8e8;
-  border-bottom: 0;
   border-radius: 2px 2px 0 0;
-  background: #fafafa;
 }
-.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
+.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
+  color: @primary-color;
   background: #fff;
   border-color: #e8e8e8;
+  border-bottom: 1px solid #fff;
+}
+.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
+  border-top: 2px solid transparent;
+}
+.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
   color: @primary-color;
+  color: rgba(0, 0, 0, 0.25);
 }
-.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .ant-tabs-close-x {
+.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
   color: rgba(0, 0, 0, 0.45);
 }
-.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab .ant-tabs-close-x:hover {
+.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
   color: rgba(0, 0, 0, 0.85);
 }
 .ant-tabs-extra-content .ant-tabs-new-tab {
-  border-radius: 2px;
-  border: 1px solid #e8e8e8;
   color: #000000;
+  border: 1px solid #e8e8e8;
+  border-radius: 2px;
 }
 .ant-tabs-extra-content .ant-tabs-new-tab:hover {
   color: @primary-color;
   border-color: @primary-color;
 }
-.ant-tabs-vertical.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
+.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
+.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
   border-bottom: 1px solid #e8e8e8;
 }
-.ant-tabs-vertical.ant-tabs-card.ant-tabs-left > .ant-tabs-bar .ant-tabs-tab {
+.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
   border-right: 0;
   border-radius: 2px 0 0 2px;
 }
-.ant-tabs-vertical.ant-tabs-card.ant-tabs-right > .ant-tabs-bar .ant-tabs-tab {
+.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
   border-left: 0;
   border-radius: 0 2px 2px 0;
 }
-.ant-tabs.ant-tabs-card.ant-tabs-bottom > .ant-tabs-bar .ant-tabs-tab {
-  border-bottom: 1px solid #e8e8e8;
+.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
   border-top: 0;
+  border-bottom: 1px solid #e8e8e8;
   border-radius: 0 0 2px 2px;
 }
-.ant-tabs.ant-tabs-card.ant-tabs-bottom > .ant-tabs-bar .ant-tabs-tab-active {
+.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
   color: @primary-color;
 }
 .ant-tabs {
@@ -6473,15 +7791,15 @@ tr.ant-table-expanded-row:hover {
 .ant-tabs-bar {
   border-bottom: 1px solid #e8e8e8;
 }
-.ant-tabs-bottom .ant-tabs-bar {
-  border-bottom: none;
+.ant-tabs-bottom .ant-tabs-bottom-bar {
   border-top: 1px solid #e8e8e8;
+  border-bottom: none;
 }
 .ant-tabs-tab-prev,
 .ant-tabs-tab-next {
-  border: 0;
-  background-color: transparent;
   color: rgba(0, 0, 0, 0.45);
+  background-color: transparent;
+  border: 0;
 }
 .ant-tabs-tab-prev:hover,
 .ant-tabs-tab-next:hover {
@@ -6491,8 +7809,9 @@ tr.ant-table-expanded-row:hover {
 .ant-tabs-tab-btn-disabled:hover {
   color: rgba(0, 0, 0, 0.25);
 }
-.ant-tabs-nav .ant-tabs-tab-disabled {
-  color: rgba(0, 0, 0, 0.25);
+.ant-tabs-nav .ant-tabs-tab::before {
+  border-top: 2px solid transparent;
+  border-radius: 2px 2px 0 0;
 }
 .ant-tabs-nav .ant-tabs-tab:hover {
   color: color(~`colorPalette("@{primary-color}", 5)`);
@@ -6503,26 +7822,31 @@ tr.ant-table-expanded-row:hover {
 .ant-tabs-nav .ant-tabs-tab-active {
   color: @primary-color;
 }
-.ant-tabs-vertical > .ant-tabs-bar {
+.ant-tabs-nav .ant-tabs-tab-disabled,
+.ant-tabs-nav .ant-tabs-tab-disabled:hover {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-tabs .ant-tabs-left-bar,
+.ant-tabs .ant-tabs-right-bar {
   border-bottom: 0;
 }
-.ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar {
+.ant-tabs .ant-tabs-left-bar {
   border-right: 1px solid #e8e8e8;
 }
-.ant-tabs-vertical.ant-tabs-left > .ant-tabs-content {
+.ant-tabs .ant-tabs-left-content {
   border-left: 1px solid #e8e8e8;
 }
-.ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar {
+.ant-tabs .ant-tabs-right-bar {
   border-left: 1px solid #e8e8e8;
 }
-.ant-tabs-vertical.ant-tabs-right > .ant-tabs-content {
+.ant-tabs .ant-tabs-right-content {
   border-right: 1px solid #e8e8e8;
 }
 .ant-tag {
   color: #000000;
-  border-radius: 2px;
-  border: 1px solid #d9d9d9;
   background: #fafafa;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
 }
 .ant-tag,
 .ant-tag a,
@@ -6543,7 +7867,7 @@ tr.ant-table-expanded-row:hover {
 .ant-tag-has-color a:hover,
 .ant-tag-has-color .anticon-close,
 .ant-tag-has-color .anticon-close:hover {
-  color: #fff;
+  color: #ffffff;
 }
 .ant-tag-checkable {
   background-color: transparent;
@@ -6554,7 +7878,7 @@ tr.ant-table-expanded-row:hover {
 }
 .ant-tag-checkable:active,
 .ant-tag-checkable-checked {
-  color: #fff;
+  color: #ffffff;
 }
 .ant-tag-checkable-checked {
   background-color: @primary-color;
@@ -6568,9 +7892,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #ffadd2;
 }
 .ant-tag-pink-inverse {
+  color: #ffffff;
   background: #eb2f96;
   border-color: #eb2f96;
-  color: #fff;
 }
 .ant-tag-magenta {
   color: #eb2f96;
@@ -6578,9 +7902,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #ffadd2;
 }
 .ant-tag-magenta-inverse {
+  color: #ffffff;
   background: #eb2f96;
   border-color: #eb2f96;
-  color: #fff;
 }
 .ant-tag-red {
   color: #f5222d;
@@ -6588,9 +7912,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #ffa39e;
 }
 .ant-tag-red-inverse {
+  color: #ffffff;
   background: #f5222d;
   border-color: #f5222d;
-  color: #fff;
 }
 .ant-tag-volcano {
   color: #fa541c;
@@ -6598,9 +7922,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #ffbb96;
 }
 .ant-tag-volcano-inverse {
+  color: #ffffff;
   background: #fa541c;
   border-color: #fa541c;
-  color: #fff;
 }
 .ant-tag-orange {
   color: #fa8c16;
@@ -6608,9 +7932,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #ffd591;
 }
 .ant-tag-orange-inverse {
+  color: #ffffff;
   background: #fa8c16;
   border-color: #fa8c16;
-  color: #fff;
 }
 .ant-tag-yellow {
   color: #fadb14;
@@ -6618,9 +7942,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #fffb8f;
 }
 .ant-tag-yellow-inverse {
+  color: #ffffff;
   background: #fadb14;
   border-color: #fadb14;
-  color: #fff;
 }
 .ant-tag-gold {
   color: #faad14;
@@ -6628,9 +7952,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #ffe58f;
 }
 .ant-tag-gold-inverse {
+  color: #ffffff;
   background: #faad14;
   border-color: #faad14;
-  color: #fff;
 }
 .ant-tag-cyan {
   color: #13c2c2;
@@ -6638,9 +7962,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #87e8de;
 }
 .ant-tag-cyan-inverse {
+  color: #ffffff;
   background: #13c2c2;
   border-color: #13c2c2;
-  color: #fff;
 }
 .ant-tag-lime {
   color: #a0d911;
@@ -6648,9 +7972,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #eaff8f;
 }
 .ant-tag-lime-inverse {
+  color: #ffffff;
   background: #a0d911;
   border-color: #a0d911;
-  color: #fff;
 }
 .ant-tag-green {
   color: #52c41a;
@@ -6658,9 +7982,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #b7eb8f;
 }
 .ant-tag-green-inverse {
+  color: #ffffff;
   background: #52c41a;
   border-color: #52c41a;
-  color: #fff;
 }
 .ant-tag-blue {
   color: #1890ff;
@@ -6668,9 +7992,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #91d5ff;
 }
 .ant-tag-blue-inverse {
+  color: #ffffff;
   background: #1890ff;
   border-color: #1890ff;
-  color: #fff;
 }
 .ant-tag-geekblue {
   color: #2f54eb;
@@ -6678,9 +8002,9 @@ tr.ant-table-expanded-row:hover {
   border-color: #adc6ff;
 }
 .ant-tag-geekblue-inverse {
+  color: #ffffff;
   background: #2f54eb;
   border-color: #2f54eb;
-  color: #fff;
 }
 .ant-tag-purple {
   color: #722ed1;
@@ -6688,18 +8012,18 @@ tr.ant-table-expanded-row:hover {
   border-color: #d3adf7;
 }
 .ant-tag-purple-inverse {
+  color: #ffffff;
   background: #722ed1;
   border-color: #722ed1;
-  color: #fff;
 }
 .ant-time-picker-panel {
   color: #000000;
 }
 .ant-time-picker-panel-inner {
   background-color: #fff;
+  background-clip: padding-box;
   border-radius: 2px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  background-clip: padding-box;
 }
 .ant-time-picker-panel-input {
   border: 0;
@@ -6717,13 +8041,7 @@ tr.ant-table-expanded-row:hover {
   border-bottom: 1px solid #e8e8e8;
 }
 .ant-time-picker-panel-input-invalid {
-  border-color: red;
-}
-.ant-time-picker-panel-clear-btn-icon svg {
-  color: rgba(0, 0, 0, 0.25);
-}
-.ant-time-picker-panel-clear-btn-icon svg:hover {
-  color: rgba(0, 0, 0, 0.45);
+  border-color: #f5222d;
 }
 .ant-time-picker-panel-select {
   border-left: 1px solid #e8e8e8;
@@ -6734,6 +8052,9 @@ tr.ant-table-expanded-row:hover {
 .ant-time-picker-panel-select:last-child {
   border-right: 0;
 }
+.ant-time-picker-panel-select li:focus {
+  color: @primary-color;
+}
 .ant-time-picker-panel-select li:hover {
   background: color(~`colorPalette("@{primary-color}", 1)`);
 }
@@ -6777,53 +8098,76 @@ li.ant-time-picker-panel-select-option-disabled:hover {
 }
 .ant-time-picker-input:focus {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
-  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
   border-right-width: 1px !important;
+  box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);
 }
 .ant-time-picker-input-disabled {
-  background-color: #f5f5f5;
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
 }
 .ant-time-picker-input-disabled:hover {
-  border-color: #e6d8d8;
+  border-color: #d9d9d9;
   border-right-width: 1px !important;
 }
 .ant-time-picker-input[disabled] {
+  color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
+}
+.ant-time-picker-input[disabled]:hover {
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.ant-time-picker-input[disabled] {
   color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
 }
 .ant-time-picker-input[disabled]:hover {
-  border-color: #e6d8d8;
+  border-color: #d9d9d9;
   border-right-width: 1px !important;
 }
-.ant-time-picker-icon {
+.ant-time-picker-icon,
+.ant-time-picker-clear {
   color: rgba(0, 0, 0, 0.25);
 }
-.ant-time-picker-icon .ant-time-picker-clock-icon {
+.ant-time-picker-icon .ant-time-picker-clock-icon,
+.ant-time-picker-clear .ant-time-picker-clock-icon {
   color: rgba(0, 0, 0, 0.25);
 }
+.ant-time-picker-clear {
+  background: #fff;
+}
+.ant-time-picker-clear:hover {
+  color: rgba(0, 0, 0, 0.45);
+}
 .ant-timeline {
   color: #000000;
 }
 .ant-timeline-item-tail {
   border-left: 2px solid #e8e8e8;
 }
+.ant-timeline-item-pending .ant-timeline-item-head {
+  background-color: transparent;
+}
 .ant-timeline-item-head {
   background-color: #fff;
-  border-radius: 100px;
   border: 2px solid transparent;
+  border-radius: 100px;
 }
 .ant-timeline-item-head-blue {
-  border-color: @primary-color;
   color: @primary-color;
+  border-color: @primary-color;
 }
 .ant-timeline-item-head-red {
-  border-color: #f5222d;
   color: #f5222d;
+  border-color: #f5222d;
 }
 .ant-timeline-item-head-green {
-  border-color: #52c41a;
   color: #52c41a;
+  border-color: #52c41a;
+}
+.ant-timeline-item-head-gray {
+  color: rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.25);
 }
 .ant-timeline-item-head-custom {
   border: 0;
@@ -6845,32 +8189,30 @@ li.ant-time-picker-panel-select-option-disabled:hover {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 .ant-tooltip-arrow {
-  border-color: transparent;
-  border-style: solid;
+  background: transparent;
 }
-.ant-tooltip-placement-top .ant-tooltip-arrow,
-.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
-.ant-tooltip-placement-topRight .ant-tooltip-arrow {
-  border-width: 5px 5px 0;
-  border-top-color: rgba(0, 0, 0, 0.75);
-}
-.ant-tooltip-placement-right .ant-tooltip-arrow,
-.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
-.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
-  border-width: 5px 5px 5px 0;
-  border-right-color: rgba(0, 0, 0, 0.75);
-}
-.ant-tooltip-placement-left .ant-tooltip-arrow,
-.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
-.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
-  border-width: 5px 0 5px 5px;
-  border-left-color: rgba(0, 0, 0, 0.75);
-}
-.ant-tooltip-placement-bottom .ant-tooltip-arrow,
-.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
-.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
-  border-width: 0 5px 5px;
-  border-bottom-color: rgba(0, 0, 0, 0.75);
+.ant-tooltip-arrow::before {
+  background-color: rgba(0, 0, 0, 0.75);
+}
+.ant-tooltip-placement-top .ant-tooltip-arrow::before,
+.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
+.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
+  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+}
+.ant-tooltip-placement-right .ant-tooltip-arrow::before,
+.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
+.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
+  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
+}
+.ant-tooltip-placement-left .ant-tooltip-arrow::before,
+.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
+.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
+  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
+}
+.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
+.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
+.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
+  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
 }
 .ant-transfer {
   color: #000000;
@@ -6892,10 +8234,58 @@ li.ant-time-picker-panel-select-option-disabled:hover {
   color: rgba(0, 0, 0, 0.45);
 }
 .ant-transfer-list-header {
-  border-radius: 2px 2px 0 0;
+  color: #000000;
   background: #fff;
+  border-bottom: 1px solid #e8e8e8;
+  border-radius: 2px 2px 0 0;
+}
+.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
+  background-color: color(~`colorPalette("@{primary-color}", 1)`);
+}
+.ant-transfer-list-content-item-disabled {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-transfer-list-body-not-found {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-transfer-list-footer {
+  border-top: 1px solid #e8e8e8;
+  border-radius: 0 0 2px 2px;
+}
+.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
+  border: 0;
+  border-radius: 0;
+}
+.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
+  background: #fafafa;
+}
+.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
+  border-bottom: 1px solid #e8e8e8;
+}
+.ant-transfer {
+  color: #000000;
+}
+.ant-transfer-disabled .ant-transfer-list {
+  background: #f5f5f5;
+}
+.ant-transfer-list {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+}
+.ant-transfer-list-search-action {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-transfer-list-search-action .anticon {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-transfer-list-search-action .anticon:hover {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-transfer-list-header {
   color: #000000;
+  background: #fff;
   border-bottom: 1px solid #e8e8e8;
+  border-radius: 2px 2px 0 0;
 }
 .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
   background-color: color(~`colorPalette("@{primary-color}", 1)`);
@@ -6918,28 +8308,22 @@ li.ant-time-picker-panel-select-option-disabled:hover {
 .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
   border-color: @primary-color;
 }
-.ant-select-tree-checkbox-checked:after {
-  border-radius: 2px;
+.ant-select-tree-checkbox-checked::after {
   border: 1px solid @primary-color;
+  border-radius: 2px;
 }
 .ant-select-tree-checkbox-inner {
+  background-color: #fff;
   border: 1px solid #d9d9d9;
   border-radius: 2px;
-  background-color: #fff;
+  border-collapse: separate;
 }
-.ant-select-tree-checkbox-inner:after {
+.ant-select-tree-checkbox-inner::after {
   border: 2px solid #fff;
   border-top: 0;
   border-left: 0;
 }
-.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after {
-  border: 0;
-  background-color: @primary-color;
-}
-.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
-  border-color: rgba(0, 0, 0, 0.25);
-}
-.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
+.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
   border: 2px solid #fff;
   border-top: 0;
   border-left: 0;
@@ -6948,14 +8332,14 @@ li.ant-time-picker-panel-select-option-disabled:hover {
   background-color: @primary-color;
   border-color: @primary-color;
 }
-.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
+.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
   border-color: rgba(0, 0, 0, 0.25);
 }
 .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
-  border-color: #d9d9d9 !important;
   background-color: #f5f5f5;
+  border-color: #d9d9d9 !important;
 }
-.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
+.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
   border-color: #f5f5f5;
   border-collapse: separate;
 }
@@ -6968,12 +8352,24 @@ li.ant-time-picker-panel-select-option-disabled:hover {
 .ant-select-tree-checkbox-group {
   color: #000000;
 }
+.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
+  background-color: #fff;
+  border-color: #d9d9d9;
+}
+.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
+  background-color: @primary-color;
+  border: 0;
+}
+.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
+  background-color: rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.25);
+}
 .ant-select-tree {
   color: #000000;
 }
 .ant-select-tree li .ant-select-tree-node-content-wrapper {
-  border-radius: 2px;
   color: #000000;
+  border-radius: 2px;
 }
 .ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
   background-color: color(~`colorPalette("@{primary-color}", 1)`);
@@ -7003,6 +8399,9 @@ li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hov
 .ant-select-tree-dropdown {
   color: #000000;
 }
+.ant-select-tree-dropdown .ant-select-dropdown-search {
+  background: #fff;
+}
 .ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
   border: 1px solid #d9d9d9;
   border-radius: 4px;
@@ -7018,8 +8417,8 @@ li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hov
 .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
   background: transparent;
 }
-.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover:before,
-.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover:before {
+.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
+.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
   background: color(~`colorPalette("@{primary-color}", 1)`);
 }
 .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
@@ -7035,20 +8434,20 @@ li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hov
 .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
   border-color: @primary-color;
 }
-.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked:after,
-.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked:after {
+.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
+.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
   border-color: #fff;
 }
 .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
 .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
   background: #fff;
 }
-.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after,
-.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
+.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
+.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
   border-color: @primary-color;
 }
-.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper:before,
-.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper:before {
+.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
+.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
   background: @primary-color;
 }
 .ant-tree-checkbox {
@@ -7059,28 +8458,22 @@ li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hov
 .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
   border-color: @primary-color;
 }
-.ant-tree-checkbox-checked:after {
-  border-radius: 2px;
+.ant-tree-checkbox-checked::after {
   border: 1px solid @primary-color;
+  border-radius: 2px;
 }
 .ant-tree-checkbox-inner {
+  background-color: #fff;
   border: 1px solid #d9d9d9;
   border-radius: 2px;
-  background-color: #fff;
+  border-collapse: separate;
 }
-.ant-tree-checkbox-inner:after {
+.ant-tree-checkbox-inner::after {
   border: 2px solid #fff;
   border-top: 0;
   border-left: 0;
 }
-.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after {
-  border: 0;
-  background-color: @primary-color;
-}
-.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
-  border-color: rgba(0, 0, 0, 0.25);
-}
-.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
+.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
   border: 2px solid #fff;
   border-top: 0;
   border-left: 0;
@@ -7089,14 +8482,14 @@ li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hov
   background-color: @primary-color;
   border-color: @primary-color;
 }
-.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
+.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
   border-color: rgba(0, 0, 0, 0.25);
 }
 .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
-  border-color: #d9d9d9 !important;
   background-color: #f5f5f5;
+  border-color: #d9d9d9 !important;
 }
-.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
+.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
   border-color: #f5f5f5;
   border-collapse: separate;
 }
@@ -7109,17 +8502,29 @@ li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hov
 .ant-tree-checkbox-group {
   color: #000000;
 }
+.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
+  background-color: #fff;
+  border-color: #d9d9d9;
+}
+.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
+  background-color: @primary-color;
+  border: 0;
+}
+.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
+  background-color: rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.25);
+}
 .ant-tree {
   color: #000000;
 }
 .ant-tree li span[draggable],
-.ant-tree li span[draggable="true"] {
+.ant-tree li span[draggable='true'] {
   border-top: 2px transparent solid;
   border-bottom: 2px transparent solid;
 }
 .ant-tree li.drag-over > span[draggable] {
-  background-color: @primary-color;
   color: white;
+  background-color: @primary-color;
 }
 .ant-tree li.drag-over-gap-top > span[draggable] {
   border-top-color: @primary-color;
@@ -7135,8 +8540,8 @@ li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hov
   color: @primary-color;
 }
 .ant-tree li .ant-tree-node-content-wrapper {
-  border-radius: 2px;
   color: #000000;
+  border-radius: 2px;
 }
 .ant-tree li .ant-tree-node-content-wrapper:hover {
   background-color: color(~`colorPalette("@{primary-color}", 1)`);
@@ -7157,30 +8562,108 @@ li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
   background: transparent;
 }
 .ant-tree.ant-tree-show-line li span.ant-tree-switcher {
-  background: #fff;
   color: rgba(0, 0, 0, 0.45);
+  background: #fff;
 }
-.ant-tree.ant-tree-show-line li:not(:last-child):before {
+.ant-tree.ant-tree-show-line li:not(:last-child)::before {
   border-left: 1px solid #d9d9d9;
 }
+.ant-typography {
+  color: #000000;
+}
+.ant-typography.ant-typography-secondary {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-typography.ant-typography-warning {
+  color: #faad14;
+}
+.ant-typography.ant-typography-danger {
+  color: #f5222d;
+}
+.ant-typography.ant-typography-disabled {
+  color: rgba(0, 0, 0, 0.25);
+}
+h1.ant-typography,
+.ant-typography h1 {
+  color: rgba(0, 0, 0, 0.85);
+}
+h2.ant-typography,
+.ant-typography h2 {
+  color: rgba(0, 0, 0, 0.85);
+}
+h3.ant-typography,
+.ant-typography h3 {
+  color: rgba(0, 0, 0, 0.85);
+}
+h4.ant-typography,
+.ant-typography h4 {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-typography a {
+  color: @primary-color;
+}
+.ant-typography a:focus,
+.ant-typography a:hover {
+  color: color(~`colorPalette("@{primary-color}", 5)`);
+}
+.ant-typography a:active {
+  color: color(~`colorPalette("@{primary-color}", 7)`);
+}
+.ant-typography a[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-typography code {
+  background: rgba(0, 0, 0, 0.06);
+  border: 1px solid rgba(0, 0, 0, 0.06);
+  border-radius: 3px;
+}
+.ant-typography mark {
+  background-color: #ffe58f;
+}
+.ant-typography-expand,
+.ant-typography-edit,
+.ant-typography-copy {
+  color: @primary-color;
+}
+.ant-typography-expand:focus,
+.ant-typography-edit:focus,
+.ant-typography-copy:focus,
+.ant-typography-expand:hover,
+.ant-typography-edit:hover,
+.ant-typography-copy:hover {
+  color: color(~`colorPalette("@{primary-color}", 5)`);
+}
+.ant-typography-expand:active,
+.ant-typography-edit:active,
+.ant-typography-copy:active {
+  color: color(~`colorPalette("@{primary-color}", 7)`);
+}
+.ant-typography-copy-success,
+.ant-typography-copy-success:hover,
+.ant-typography-copy-success:focus {
+  color: #52c41a;
+}
+.ant-typography-edit-content-confirm {
+  color: rgba(0, 0, 0, 0.45);
+}
 .ant-upload {
   color: #000000;
 }
 .ant-upload.ant-upload-select-picture-card {
+  background-color: #fafafa;
   border: 1px dashed #d9d9d9;
   border-radius: 2px;
-  background-color: #fafafa;
 }
 .ant-upload.ant-upload-select-picture-card:hover {
   border-color: @primary-color;
 }
 .ant-upload.ant-upload-drag {
+  background: #fafafa;
   border: 1px dashed #d9d9d9;
   border-radius: 2px;
-  background: #fafafa;
 }
 .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
-  border: 2px dashed color(~`colorPalette("@{primary-color}", 5)`);
+  border-color: color(~`colorPalette("@{primary-color}", 7)`);
 }
 .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
   border-color: color(~`colorPalette("@{primary-color}", 5)`);
@@ -7229,8 +8712,8 @@ li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
 }
 .ant-upload-list-picture .ant-upload-list-item,
 .ant-upload-list-picture-card .ant-upload-list-item {
-  border-radius: 2px;
   border: 1px solid #d9d9d9;
+  border-radius: 2px;
 }
 .ant-upload-list-picture .ant-upload-list-item:hover,
 .ant-upload-list-picture-card .ant-upload-list-item:hover {
@@ -7248,15 +8731,7 @@ li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
 .ant-upload-list-picture-card .ant-upload-list-item-uploading {
   border-style: dashed;
 }
-.ant-upload-list-picture .ant-upload-list-item-icon,
-.ant-upload-list-picture-card .ant-upload-list-item-icon {
-  color: rgba(0, 0, 0, 0.25);
-}
-.ant-upload-list-picture .ant-upload-list-item-thumbnail.anticon:before,
-.ant-upload-list-picture-card .ant-upload-list-item-thumbnail.anticon:before {
-  color: rgba(0, 0, 0, 0.45);
-}
-.ant-upload-list-picture-card .ant-upload-list-item-info:before {
+.ant-upload-list-picture-card .ant-upload-list-item-info::before {
   background-color: rgba(0, 0, 0, 0.5);
 }
 .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
@@ -7265,7 +8740,7 @@ li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
 }
 .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
 .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
-  color: #fff;
+  color: #ffffff;
 }
 .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
   background-color: #fafafa;
@@ -7323,6 +8798,9 @@ li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
 .ant-menu-horizontal > .ant-menu-item-selected {
   color: #ffffff;
 }
+.sider-custom .ant-menu-submenu-title {
+  color: #ffffff;
+}
 .bg--primary {
   background: @primary-color;
 }
diff --git a/src/routes/RouteWrapper.tsx b/src/routes/RouteWrapper.tsx
new file mode 100644
index 000000000..8a3b5e447
--- /dev/null
+++ b/src/routes/RouteWrapper.tsx
@@ -0,0 +1,48 @@
+/*
+ * File: RouteWrapper.tsx
+ * Desc: 描述
+ * File Created: 2020-05-19 11:32:58
+ * Author: chenghao at <hao.cheng@karakal.com.cn>
+ * ------
+ * Copyright 2020 - present, karakal
+ */
+import React, { useMemo } from 'react';
+import DocumentTitle from 'react-document-title';
+import queryString from 'query-string';
+
+const RouteWrapper = (props: any) => {
+    let { Comp, route, ...restProps } = props;
+    /** useMemo 缓存query，避免每次生成生的query */
+    const queryMemo = useMemo(() => {
+        const queryReg = /\?\S*/g;
+        const matchQuery = (reg: RegExp) => {
+            const queryParams = restProps.location.search.match(reg);
+            return queryParams ? queryParams[0] : '{}';
+        };
+        return queryString.parse(matchQuery(queryReg));
+    }, [restProps.location.search]);
+    const mergeQueryToProps = () => {
+        const queryReg = /\?\S*/g;
+        const removeQueryInRouter = (restProps: any, reg: RegExp) => {
+            const { params } = restProps.match;
+            Object.keys(params).forEach((key) => {
+                params[key] = params[key] && params[key].replace(reg, '');
+            });
+            restProps.match.params = { ...params };
+        };
+
+        restProps = removeQueryInRouter(restProps, queryReg);
+        const merge = {
+            ...restProps,
+            query: queryMemo,
+        };
+        return merge;
+    };
+    return (
+        <DocumentTitle title={route.title}>
+            <Comp {...mergeQueryToProps()} />
+        </DocumentTitle>
+    );
+};
+
+export default RouteWrapper;
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 8c29a8940..21a5567a8 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -3,13 +3,12 @@
  */
 import React, { Component } from 'react';
 import { Route, Redirect, Switch } from 'react-router-dom';
-import DocumentTitle from 'react-document-title';
 import { connectAlita } from 'redux-alita';
 import umbrella from 'umbrella-storage';
-import queryString from 'query-string';
 import AllComponents from '../components';
 import routesConfig, { IFMenuBase, IFMenu } from './config';
 import { checkLogin } from '../utils';
+import RouteWrapper from './RouteWrapper';
 
 type CRouterProps = {
     auth: any;
@@ -40,29 +39,6 @@ class CRouter extends Component<CRouterProps, CRouterState> {
     };
 
     iterteMenu = (r: IFMenu) => {
-        const mergeQueryToProps = (props: any) => {
-            const queryReg = /\?\S*/g;
-
-            const matchQuery = (reg: RegExp) => {
-                const queryParams = window.location.hash.match(reg);
-                return queryParams ? queryParams[0] : '{}';
-            };
-            const removeQueryInRouter = (props: any, reg: RegExp) => {
-                const { params } = props.match;
-                Object.keys(params).forEach((key) => {
-                    params[key] = params[key] && params[key].replace(reg, '');
-                });
-                props.match.params = { ...params };
-            };
-
-            props = removeQueryInRouter(props, queryReg);
-
-            const merge = {
-                ...props,
-                query: queryString.parse(matchQuery(queryReg)),
-            };
-            return merge;
-        };
         const route = (r: IFMenuBase) => {
             const Component = r.component && AllComponents[r.component];
             return (
@@ -72,14 +48,10 @@ class CRouter extends Component<CRouterProps, CRouterState> {
                     path={r.route || r.key}
                     render={(props: any) => {
                         // 重新包装组件
-                        const wrappedComponent = (
-                            <DocumentTitle title={r.title}>
-                                <Component {...mergeQueryToProps(props)} />
-                            </DocumentTitle>
+                        const wrapper = (
+                            <RouteWrapper {...{ ...props, Comp: Component, route: r }} />
                         );
-                        return r.login
-                            ? wrappedComponent
-                            : this.requireLogin(wrappedComponent, r.requireAuth);
+                        return r.login ? wrapper : this.requireLogin(wrapper, r.requireAuth);
                     }}
                 />
             );