amis 1.4.0 → 1.4.1-echarts-5.3.1

package/sdk/sdk-ie11.css

@@ -19516,7 +19516,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope {
-  color: #666;
+  color: #151a26;
   background: #ffffff;
   font-size: 0.875rem;
   font-weight: 400;
@@ -19530,12 +19530,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope a {
-  color: #108cee;
+  color: #2468f2;
   text-decoration: none;
 }
 
 .amis-scope a:hover {
-  color: #0e77ca;
+  color: #0d54e2;
   text-decoration: none;
 }
 
@@ -20609,7 +20609,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-AsideNav-item.is-open > a > .cxd-AsideNav-itemArrow:empty:before {
   transform: rotate(90deg);
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-AsideNav-itemArrow > svg {
@@ -20705,18 +20705,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-AsideNav-item a:hover {
-  color: #108cee;
+  color: #2468f2;
   text-decoration: none;
   background: #2c3239;
 }
 
 .amis-scope .cxd-AsideNav-item a:hover .cxd-AsideNav-itemIcon {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-AsideNav-item.is-active > a {
   background: #272d33;
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-AsideNav-item.is-active > a:hover {
@@ -20763,7 +20763,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-AsideNav-subHeader a:hover {
-  color: #108cee;
+  color: #2468f2;
   background: transparent;
 }
 
@@ -21077,15 +21077,15 @@ readers do not read off random characters that represent icons */
   ) 0.625rem;
   font-size: 0.875rem;
   line-height: 1.4285714286;
-  border-radius: 0;
+  border-radius: 0.142rem;
   height: 1.875rem;
 }
 
 .amis-scope .cxd-Button:active,
 .amis-scope .cxd-Button.is-active {
-  color: #108cee;
+  color: #2468f2;
   box-shadow: none;
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Button:active:focus,
@@ -21104,6 +21104,17 @@ readers do not read off random characters that represent icons */
   margin-left: 0.625rem;
 }
 
+.amis-scope .cxd-Button .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Button > svg.icon:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Button > .pull-left {
+  margin-right: 0.625rem;
+}
+
+.amis-scope .cxd-Button .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
+.amis-scope .cxd-Button > .pull-right {
+  margin-left: 0.625rem;
+}
+
 .amis-scope .cxd-Button img.cxd-Button-icon {
   height: 0.875rem;
   vertical-align: middle;
@@ -21121,16 +21132,23 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Button.is-disabled,
 .amis-scope .cxd-Button:disabled {
-  opacity: 0.65;
   filter: grayscale(100%);
   box-shadow: none;
   cursor: not-allowed;
+  color: #b4b6ba;
+  pointer-events: auto;
+  border: none;
+  background: #F2F3F3;
 }
 
 .amis-scope .cxd-Button:not(:disabled):not(.is-disabled) {
   cursor: pointer;
 }
 
+.amis-scope .cxd-Button.cxd-Button--link.is-disabled {
+  background: transparent;
+}
+
 .amis-scope .cxd-Button > .pull-left,
 .amis-scope .cxd-Button > .pull-right {
   line-height: inherit;
@@ -21149,16 +21167,22 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Button--primary {
   color: #fff;
-  background: #108cee;
-  border-color: #108cee;
+  background: #2468f2;
+  border-color: #2468f2;
   box-shadow: none;
   text-shadow: none;
 }
 
 .amis-scope .cxd-Button--primary:not(:disabled):not(.is-disabled):hover {
   color: #fff;
-  background: #209bfd;
-  border-color: #108cee;
+  background: #4F86F4;
+  border-color: #4F86F4;
+}
+
+.amis-scope .cxd-Button--primary:not(:disabled):not(.is-disabled):hover:active {
+  color: #fff;
+  background: #1C53C1;
+  border-color: #1C53C1;
 }
 
 .amis-scope .cxd-Button--primary:hover:focus {
@@ -21179,6 +21203,12 @@ readers do not read off random characters that represent icons */
   border-color: #545b62;
 }
 
+.amis-scope .cxd-Button--secondary:not(:disabled):not(.is-disabled):hover:active {
+  color: #fff;
+  background: #545b62;
+  border-color: #4e555b;
+}
+
 .amis-scope .cxd-Button--secondary:hover:focus {
   box-shadow: none;
 }
@@ -21197,22 +21227,58 @@ readers do not read off random characters that represent icons */
   border-color: #4a8b28;
 }
 
+.amis-scope .cxd-Button--success:not(:disabled):not(.is-disabled):hover:active {
+  color: #fff;
+  background: #4a8b28;
+  border-color: #458125;
+}
+
 .amis-scope .cxd-Button--success:hover:focus {
   box-shadow: none;
 }
 
+.amis-scope .cxd-Button--enhance {
+  color: #2468f2;
+  background: var(--Button--enhance-bg);
+  border-color: #2468f2;
+  box-shadow: none;
+  text-shadow: none;
+}
+
+.amis-scope .cxd-Button--enhance:not(:disabled):not(.is-disabled):hover {
+  color: #4F86F4;
+  background: #fff;
+  border-color: #4F86F4;
+}
+
+.amis-scope .cxd-Button--enhance:not(:disabled):not(.is-disabled):hover:active {
+  color: #1C53C1;
+  background: #fff;
+  border-color: #1C53C1;
+}
+
+.amis-scope .cxd-Button--enhance:hover:focus {
+  box-shadow: none;
+}
+
 .amis-scope .cxd-Button--info {
   color: #fff;
-  background: #108cee;
-  border-color: #108cee;
+  background: #2468f2;
+  border-color: #2468f2;
   box-shadow: none;
   text-shadow: none;
 }
 
 .amis-scope .cxd-Button--info:not(:disabled):not(.is-disabled):hover {
   color: #fff;
-  background: #0e77ca;
-  border-color: #0d70be;
+  background: #0d54e2;
+  border-color: #0d4fd6;
+}
+
+.amis-scope .cxd-Button--info:not(:disabled):not(.is-disabled):hover:active {
+  color: #fff;
+  background: #0d4fd6;
+  border-color: #0c4bca;
 }
 
 .amis-scope .cxd-Button--info:hover:focus {
@@ -21233,6 +21299,12 @@ readers do not read off random characters that represent icons */
   border-color: #c07200;
 }
 
+.amis-scope .cxd-Button--warning:not(:disabled):not(.is-disabled):hover:active {
+  color: #fff;
+  background: #c07200;
+  border-color: #b36a00;
+}
+
 .amis-scope .cxd-Button--warning:hover:focus {
   box-shadow: none;
 }
@@ -21251,12 +21323,18 @@ readers do not read off random characters that represent icons */
   border-color: #d01515;
 }
 
+.amis-scope .cxd-Button--danger:not(:disabled):not(.is-disabled):hover:active {
+  color: #fff;
+  background: #d72b2b;
+  border-color: #c51414;
+}
+
 .amis-scope .cxd-Button--danger:hover:focus {
   box-shadow: none;
 }
 
 .amis-scope .cxd-Button--light {
-  color: #666;
+  color: #151a26;
   background: #eaf6fe;
   border-color: #eceff8;
   box-shadow: none;
@@ -21264,11 +21342,17 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Button--light:not(:disabled):not(.is-disabled):hover {
-  color: #666;
+  color: #151a26;
   background: #c5e6fc;
   border-color: #b9e1fc;
 }
 
+.amis-scope .cxd-Button--light:not(:disabled):not(.is-disabled):hover:active {
+  color: #151a26;
+  background: #b9e1fc;
+  border-color: #addcfb;
+}
+
 .amis-scope .cxd-Button--light:hover:focus {
   box-shadow: none;
 }
@@ -21287,12 +21371,18 @@ readers do not read off random characters that represent icons */
   border-color: #1d2124;
 }
 
+.amis-scope .cxd-Button--dark:not(:disabled):not(.is-disabled):hover:active {
+  color: #fff;
+  background: #1d2124;
+  border-color: #171a1d;
+}
+
 .amis-scope .cxd-Button--dark:hover:focus {
   box-shadow: none;
 }
 
 .amis-scope .cxd-Button--default {
-  color: #000;
+  color: #151a26;
   background: #fff;
   border-color: #cccccc;
   box-shadow: none;
@@ -21300,9 +21390,15 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Button--default:not(:disabled):not(.is-disabled):hover {
-  color: #108cee;
+  color: #2468f2;
   background: #fff;
-  border-color: #108cee;
+  border-color: #2468f2;
+}
+
+.amis-scope .cxd-Button--default:not(:disabled):not(.is-disabled):hover:active {
+  color: #1C53C1;
+  background: #fff;
+  border-color: #1C53C1;
 }
 
 .amis-scope .cxd-Button--default:hover:focus {
@@ -21333,6 +21429,17 @@ readers do not read off random characters that represent icons */
   margin-left: 0.25rem;
 }
 
+.amis-scope .cxd-Button--xs .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Button--xs > svg.icon:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Button--xs > .pull-left {
+  margin-right: 0.25rem;
+}
+
+.amis-scope .cxd-Button--xs .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
+.amis-scope .cxd-Button--xs > .pull-right {
+  margin-left: 0.25rem;
+}
+
 .amis-scope .cxd-Button--xs img.cxd-Button-icon {
   height: 0.875rem;
   vertical-align: middle;
@@ -21366,6 +21473,17 @@ readers do not read off random characters that represent icons */
   margin-left: 0.5rem;
 }
 
+.amis-scope .cxd-Button--sm .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Button--sm > .pull-left {
+  margin-right: 0.5rem;
+}
+
+.amis-scope .cxd-Button--sm .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
+.amis-scope .cxd-Button--sm > .pull-right {
+  margin-left: 0.5rem;
+}
+
 .amis-scope .cxd-Button--sm img.cxd-Button-icon {
   height: 0.875rem;
   vertical-align: middle;
@@ -21384,7 +21502,7 @@ readers do not read off random characters that represent icons */
   ) 0.625rem;
   font-size: 0.875rem;
   line-height: 1.4285714286;
-  border-radius: 0;
+  border-radius: 0.142rem;
   height: 1.875rem;
 }
 
@@ -21399,6 +21517,17 @@ readers do not read off random characters that represent icons */
   margin-left: 0.625rem;
 }
 
+.amis-scope .cxd-Button--md .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Button--md > svg.icon:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Button--md > .pull-left {
+  margin-right: 0.625rem;
+}
+
+.amis-scope .cxd-Button--md .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
+.amis-scope .cxd-Button--md > .pull-right {
+  margin-left: 0.625rem;
+}
+
 .amis-scope .cxd-Button--md img.cxd-Button-icon {
   height: 0.875rem;
   vertical-align: middle;
@@ -21432,6 +21561,17 @@ readers do not read off random characters that represent icons */
   margin-left: 1rem;
 }
 
+.amis-scope .cxd-Button--lg .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Button--lg > .pull-left {
+  margin-right: 1rem;
+}
+
+.amis-scope .cxd-Button--lg .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
+.amis-scope .cxd-Button--lg > .pull-right {
+  margin-left: 1rem;
+}
+
 .amis-scope .cxd-Button--lg img.cxd-Button-icon {
   height: 0.875rem;
   vertical-align: middle;
@@ -21460,11 +21600,19 @@ readers do not read off random characters that represent icons */
   line-height: 1;
 }
 
+.amis-scope .cxd-Button--loading {
+  transition: --Button-transition;
+}
+
+.amis-scope .cxd-Button--loading svg {
+  animation: spin 1s infinite linear;
+}
+
 .amis-scope .cxd-Button--link {
   width: auto;
   min-width: auto;
   font-weight: 400;
-  color: #108cee;
+  color: #2468f2;
   text-decoration: none;
   border: none;
   height: auto;
@@ -21472,15 +21620,19 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Button--link:hover:focus {
   color: #209bfd;
-  text-decoration: none;
+  box-shadow: none;
+}
+
+.amis-scope .cxd-Button--link:hover:active {
+  color: #1C53C1;
   box-shadow: none;
 }
 
 .amis-scope .cxd-Button--link:disabled,
 .amis-scope .cxd-Button--link.is-disabled {
-  color: #999;
+  color: #b4b6ba;
   pointer-events: none;
-  background: transparent;
+  background: #F2F3F3;
 }
 
 .amis-scope .cxd-Button--block {
@@ -21559,7 +21711,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Badge-text,
-.amis-scope .cxd-Badge-dot {
+.amis-scope .cxd-Badge-dot,
+.amis-scope .cxd-Badge-ribbon {
   background: #ea2e2e;
   position: absolute;
   top: 0;
@@ -21598,7 +21751,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Badge--info {
-  background: #108cee;
+  background: #2468f2;
 }
 
 .amis-scope .cxd-Badge--success {
@@ -21625,6 +21778,56 @@ readers do not read off random characters that represent icons */
   border-radius: 50%;
 }
 
+.amis-scope .cxd-Badge-ribbon-out {
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+
+.amis-scope .cxd-Badge-ribbon {
+  color: #fff;
+  height: 1rem;
+  line-height: 1rem;
+  transform: translateX(calc(50% - 5px)) rotate(45deg) scale(0.7);
+  transform-origin: 50% 0;
+  border-radius: 0;
+  text-align: center;
+  width: 62.5rem;
+  top: 5px;
+}
+
+.amis-scope .cxd-Badge-ribbon-out--top-left,
+.amis-scope .cxd-Badge-ribbon-out--bottom-left {
+  left: 0;
+  right: auto;
+}
+
+.amis-scope .cxd-Badge-ribbon--top-left {
+  transform: translateX(calc(-50% + 5px)) rotate(-45deg) scale(0.7);
+  left: 0;
+  right: auto;
+}
+
+.amis-scope .cxd-Badge-ribbon--bottom-left {
+  transform: translateX(calc(-50% + 5px)) rotate(45deg) scale(0.7);
+  transform-origin: 50% 100%;
+  left: 0;
+  right: auto;
+  bottom: 5px;
+  top: auto;
+}
+
+.amis-scope .cxd-Badge-ribbon--bottom-right {
+  transform: translateX(calc(50% - 5px)) rotate(-45deg) scale(0.7);
+  transform-origin: 50% 100%;
+  left: auto;
+  right: 0;
+  bottom: 5px;
+  top: auto;
+}
+
 @keyframes badgeDotAnimation {
   0% {
     transform: scale(0.8);
@@ -21755,7 +21958,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Modal-close {
   float: right;
-  color: #999;
+  color: #b4b6ba;
   line-height: inherit;
   text-decoration: none;
   vertical-align: middle;
@@ -21764,7 +21967,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Modal-close svg {
   width: 0.75rem;
   height: 0.75rem;
-  fill: #999;
+  fill: #b4b6ba;
 }
 
 .amis-scope .cxd-Modal-close:not(.is-disabled) {
@@ -21773,11 +21976,11 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Modal-close:not(.is-disabled):hover {
   text-decoration: none;
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .cxd-Modal-close:not(.is-disabled):hover svg {
-  fill: #666;
+  fill: #151a26;
 }
 
 .amis-scope .cxd-Modal-content > .cxd-Modal-close {
@@ -22403,7 +22606,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tooltip-body {
-  color: #666;
+  color: #151a26;
   padding: 0.5rem 0.5rem;
 }
 
@@ -22639,7 +22842,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Toast-close:hover {
-  color: #108cee;
+  color: #2468f2;
   opacity: 1;
 }
 
@@ -22678,8 +22881,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Toast--info {
-  color: #108cee;
-  border-color: #108cee;
+  color: #2468f2;
+  border-color: #2468f2;
   background: #eaf6fe;
 }
 
@@ -22809,7 +23012,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-AppFoldBtn:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-AppLogo-html {
@@ -22818,7 +23021,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ArrayInput-placeholder {
-  color: #999;
+  color: #b4b6ba;
   padding-top: calc(
     (
         1.875rem - 1.4285714286 *
@@ -22837,11 +23040,11 @@ readers do not read off random characters that represent icons */
   ) 0.5rem;
   font-size: 0.75rem;
   line-height: 18 / 12;
-  border-radius: 0;
+  border-radius: 0.142rem;
   height: 1.625rem;
   color: #fff;
-  background: #108cee;
-  border-color: #108cee;
+  background: #2468f2;
+  border-color: #2468f2;
   box-shadow: none;
   text-shadow: none;
 }
@@ -22862,6 +23065,17 @@ readers do not read off random characters that represent icons */
   margin-left: 0.5rem;
 }
 
+.amis-scope .cxd-ArrayInput-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
+.amis-scope .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
+.amis-scope .cxd-ArrayInput-addBtn > .pull-left {
+  margin-right: 0.5rem;
+}
+
+.amis-scope .cxd-ArrayInput-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
+.amis-scope .cxd-ArrayInput-addBtn > .pull-right {
+  margin-left: 0.5rem;
+}
+
 .amis-scope .cxd-ArrayInput-addBtn img.cxd-Button-icon {
   height: 0.875rem;
   vertical-align: middle;
@@ -22869,10 +23083,16 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover {
   color: #fff;
-  background: #0e77ca;
+  background: #0d54e2;
   border-color: #b4bbc5;
 }
 
+.amis-scope .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover:active {
+  color: #fff;
+  background: #0d4fd6;
+  border-color: #adb4bf;
+}
+
 .amis-scope .cxd-ArrayInput-addBtn:hover:focus {
   box-shadow: none;
 }
@@ -22894,7 +23114,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ArrayInput-sortTip {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-ArrayInput-item {
@@ -22941,7 +23161,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ArrayInput-itemRemove:hover > svg,
 .amis-scope .cxd-ArrayInput-itemDrager:hover > svg {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-ArrayInput-itemDrager {
@@ -22966,7 +23186,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tabs-linksContainer-arrow:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Tabs-linksContainer-arrow--left {
@@ -23036,7 +23256,7 @@ readers do not read off random characters that represent icons */
   border: 0.0625rem solid transparent;
   border-top-left-radius: 0.142rem;
   border-top-right-radius: 0.142rem;
-  color: #666;
+  color: #151a26;
   margin: 0 0.1875rem 0 0;
   padding: 0.5rem 0.75rem;
   text-decoration: none;
@@ -23125,7 +23345,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Tabs--line > .cxd-Tabs-links > li > a:first-child:focus,
 .amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:hover,
 .amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:focus {
-  color: #108cee;
+  color: #2468f2;
   background: transparent;
   border-color: transparent;
 }
@@ -23141,8 +23361,8 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
 .amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover,
 .amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus {
-  border-color: #108cee;
-  color: #108cee;
+  border-color: #2468f2;
+  color: #2468f2;
   background: transparent;
 }
 
@@ -23170,7 +23390,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover,
 .amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus {
   border-color: #fff;
-  color: #108cee;
+  color: #2468f2;
   border-bottom-color: #fff;
   background: #fff;
 }
@@ -23228,7 +23448,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Tabs--radio > .cxd-Tabs-links > li > a:first-child:focus,
 .amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:hover,
 .amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:focus {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Tabs--radio > .cxd-Tabs-links > li.is-active > a:first-child,
@@ -23238,8 +23458,8 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover,
 .amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus {
   color: #fff;
-  background: #108cee;
-  border-color: #108cee;
+  background: #2468f2;
+  border-color: #2468f2;
   position: relative;
   z-index: 1;
 }
@@ -23285,7 +23505,7 @@ readers do not read off random characters that represent icons */
   position: relative;
   z-index: 1;
   border-color: #eceff8;
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Tabs--tiled > .cxd-Tabs-links > li.is-active > a:first-child,
@@ -23295,9 +23515,9 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover,
 .amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus {
   cursor: default;
-  color: #108cee;
+  color: #2468f2;
   border-color: #eceff8;
-  border-top-color: #108cee;
+  border-top-color: #2468f2;
   border-bottom-color: transparent;
 }
 
@@ -23330,16 +23550,16 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Tabs--vertical > .cxd-Tabs-links > li > a:first-child:hover,
 .amis-scope .cxd-Tabs--vertical > .cxd-Tabs-links > li > a:first-child:focus {
-  color: #108cee;
+  color: #2468f2;
   border-color: transparent;
 }
 
 .amis-scope .cxd-Tabs--vertical > .cxd-Tabs-links > li.is-active > a:first-child,
 .amis-scope .cxd-Tabs--vertical > .cxd-Tabs-links > li.is-active > a:first-child:hover,
 .amis-scope .cxd-Tabs--vertical > .cxd-Tabs-links > li.is-active > a:first-child:focus {
-  color: #108cee;
+  color: #2468f2;
   background: #f5f5f5;
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Tabs--vertical > .cxd-Tabs-content {
@@ -23480,6 +23700,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Nav--tabs .cxd-Nav-item {
   margin-bottom: calc(0.0625rem * -1);
   display: inline-block;
+  position: relative;
 }
 
 .amis-scope .cxd-Nav--tabs .cxd-Nav-item > a {
@@ -23489,10 +23710,10 @@ readers do not read off random characters that represent icons */
   border: 0.0625rem solid transparent;
   border-top-left-radius: 0.142rem;
   border-top-right-radius: 0.142rem;
-  color: #666;
+  color: #151a26;
   text-decoration: none;
   margin-right: 0.125rem;
-  padding: 0.5rem 0.75rem;
+  padding: 0.5rem 1.5rem;
   cursor: pointer;
 }
 
@@ -23522,106 +23743,224 @@ readers do not read off random characters that represent icons */
   min-height: 3.125rem;
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item {
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item,
+.amis-scope .cxd-Nav--stacked .cxd-Badge {
   position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  width: 100%;
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item > a {
-  display: block;
-  outline: none;
-  color: #666;
-  text-decoration: none;
-  padding: 0.5rem 0.75rem;
-  cursor: pointer;
-  background: transparent;
-  border-radius: 0;
-  text-overflow: ellipsis;
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemDrager,
+.amis-scope .cxd-Nav--stacked .cxd-Badge .cxd-Nav-itemDrager {
+  cursor: move;
+  position: absolute;
+  left: 0;
+  top: 0.6875rem;
+  display: none;
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item > a::after {
-  border-left: 0.1875rem solid #108cee;
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemDrager > a,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemDrager > .cxd-Badge > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge .cxd-Nav-itemDrager > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge .cxd-Nav-itemDrager > .cxd-Badge > a {
+  color: #999;
+}
+
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemDrager > a:hover,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemDrager > .cxd-Badge > a:hover,
+.amis-scope .cxd-Nav--stacked .cxd-Badge .cxd-Nav-itemDrager > a:hover,
+.amis-scope .cxd-Nav--stacked .cxd-Badge .cxd-Nav-itemDrager > .cxd-Badge > a:hover {
+  color: #2468f2;
+}
+
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemDrager svg,
+.amis-scope .cxd-Nav--stacked .cxd-Badge .cxd-Nav-itemDrager svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > .cxd-Nav-item-badgeText,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > .cxd-Nav-item-badgeText {
   position: absolute;
-  left: 0;
   top: 0;
-  content: "";
-  width: 1px;
-  height: 100%;
-  transform: scaleY(0.0001);
-  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
+  bottom: 0;
+  width: 2.1875rem;
+  overflow: hidden;
+}
+
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > .cxd-Nav-item-badgeText > span,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > .cxd-Nav-item-badgeText > span {
+  position: absolute;
+  top: 0.125rem;
+  left: -0.8125rem;
+  transform: rotate(-45deg);
+  width: 3.125rem;
+  font-size: 12px;
+  text-align: center;
+  color: #fff;
+  background: #5fb333;
+}
+
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > .cxd-Nav-item-atcions {
+  display: flex;
+  align-items: center;
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item.has-sub > a {
-  padding-right: calc(0.75rem + 0.5rem);
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > a,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > .cxd-Badge > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > .cxd-Badge > a {
+  display: flex;
+  align-items: center;
+  outline: none;
+  color: #151a26;
+  text-decoration: none;
+  padding: 0.5rem 0.5rem;
+  cursor: pointer;
+  background: transparent;
+  border-radius: 0;
+  text-overflow: ellipsis;
+  flex: 1;
 }
 
 .amis-scope .cxd-Nav--stacked .cxd-Nav-item > a:hover,
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item > a:focus {
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > a:focus,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > a:hover + .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > a:focus + .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > .cxd-Badge > a:hover,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > .cxd-Badge > a:focus,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > .cxd-Badge > a:hover + .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > .cxd-Badge > a:focus + .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > a:hover,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > a:focus,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > a:hover + .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > a:focus + .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > .cxd-Badge > a:hover,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > .cxd-Badge > a:focus,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > .cxd-Badge > a:hover + .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > .cxd-Badge > a:focus + .cxd-Nav-item-atcions {
   border-color: #333;
   text-decoration: none;
   background: rgba(0, 0, 0, 0.05);
+  z-index: 9999;
+}
+
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > a:hover > .cxd-Nav-itemDrager,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > a:focus > .cxd-Nav-itemDrager,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > .cxd-Badge > a:hover > .cxd-Nav-itemDrager,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item > .cxd-Badge > a:focus > .cxd-Nav-itemDrager,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > a:hover > .cxd-Nav-itemDrager,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > a:focus > .cxd-Nav-itemDrager,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > .cxd-Badge > a:hover > .cxd-Nav-itemDrager,
+.amis-scope .cxd-Nav--stacked .cxd-Badge > .cxd-Badge > a:focus > .cxd-Nav-itemDrager {
+  display: block;
 }
 
 .amis-scope .cxd-Nav--stacked .cxd-Nav-item.disabled > a,
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-disabled > a {
-  color: #999;
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-disabled > a,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.disabled > .cxd-Badge > a,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-disabled > .cxd-Badge > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.disabled > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-disabled > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.disabled > .cxd-Badge > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-disabled > .cxd-Badge > a {
+  color: #b4b6ba;
   background: transparent;
   pointer-events: none;
 }
 
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.active,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.active,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-active {
+  background: #f6f7fb !important;
+}
+
 .amis-scope .cxd-Nav--stacked .cxd-Nav-item.active > a,
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > a {
-  color: #108cee;
-  background: #f6f7fb;
-  padding-left: 0.75rem;
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > a,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.active > .cxd-Badge > a,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > .cxd-Badge > .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > .cxd-Badge > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.active > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-active > .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-active > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.active > .cxd-Badge > a,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-active > .cxd-Badge > .cxd-Nav-item-atcions,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-active > .cxd-Badge > a {
+  color: #2468f2;
   position: relative;
 }
 
 .amis-scope .cxd-Nav--stacked .cxd-Nav-item.active > a::after,
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > a::after {
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > .cxd-Nav-item-atcions::after,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > a::after,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.active > .cxd-Badge > a::after,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > .cxd-Badge > .cxd-Nav-item-atcions::after,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > .cxd-Badge > a::after,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.active > a::after,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-active > .cxd-Nav-item-atcions::after,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-active > a::after,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.active > .cxd-Badge > a::after,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-active > .cxd-Badge > .cxd-Nav-item-atcions::after,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-active > .cxd-Badge > a::after {
   transform: scaleY(1);
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-unfolded > .cxd-Nav-itemToggler {
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-unfolded > a .cxd-Nav-itemToggler,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-unfolded > .cxd-Badge > a .cxd-Nav-itemToggler,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-unfolded > a .cxd-Nav-itemToggler,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-unfolded > .cxd-Badge > a .cxd-Nav-itemToggler {
   transform: rotate(180deg) scale(0.8);
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-unfolded > .cxd-Nav-subItems {
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-unfolded > .cxd-Nav-subItems,
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-unfolded > .cxd-Badge > .cxd-Nav-subItems,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-unfolded > .cxd-Nav-subItems,
+.amis-scope .cxd-Nav--stacked .cxd-Badge.is-unfolded > .cxd-Badge > .cxd-Nav-subItems {
   display: block;
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-spinner {
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-spinner,
+.amis-scope .cxd-Nav--stacked .cxd-Badge .cxd-Nav-spinner {
   position: absolute;
   right: 0.625rem;
   top: 0.5rem;
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemToggler {
-  position: absolute;
-  right: 0;
-  top: 0.1875rem;
-  width: 1.875rem;
-  height: 1.875rem;
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemToggler,
+.amis-scope .cxd-Nav--stacked .cxd-Badge .cxd-Nav-itemToggler {
+  float: left;
+  width: 1.5rem;
+  height: 1.5rem;
   text-align: center;
-  line-height: 1.875rem;
+  line-height: 1.5rem;
   vertical-align: middle;
   cursor: pointer;
   transform: scale(0.8);
   transition: transform 0.2s;
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemToggler > svg {
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-itemToggler > svg,
+.amis-scope .cxd-Nav--stacked .cxd-Badge .cxd-Nav-itemToggler > svg {
   width: 10px;
   height: 10px;
   top: 0;
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-subItems {
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-subItems,
+.amis-scope .cxd-Nav--stacked .cxd-Badge .cxd-Nav-subItems {
   display: none;
   padding-left: 0;
   list-style: none;
+  width: 100%;
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-item {
+.amis-scope .cxd-Nav--stacked .cxd-Nav-item .cxd-Nav-item,
+.amis-scope .cxd-Nav--stacked .cxd-Badge .cxd-Nav-item {
   font-size: 0.75rem;
 }
 
@@ -23816,7 +24155,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Video-cursor {
   position: absolute;
-  border: 2px solid #108cee;
+  border: 2px solid #2468f2;
   transition: all 0.2s ease-out;
 }
 
@@ -24047,7 +24386,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Panel--default > .cxd-Panel-heading {
   background: #f5f5f5;
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .cxd-Panel--default > .cxd-Panel-heading .badge {
@@ -24060,22 +24399,22 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Panel--primary {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Panel--primary > .cxd-Panel-heading {
-  background: #108cee;
+  background: #2468f2;
   color: #fff;
 }
 
 .amis-scope .cxd-Panel--primary > .cxd-Panel-heading .badge {
-  color: #108cee;
+  color: #2468f2;
   background: #fff;
 }
 
 .amis-scope .cxd-Panel--primary > .cxd-Panel-heading,
 .amis-scope .cxd-Panel--primary > .cxd-Panel-footer {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Panel--success {
@@ -24098,22 +24437,22 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Panel--info {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Panel--info > .cxd-Panel-heading {
-  background: #108cee;
+  background: #2468f2;
   color: #fff;
 }
 
 .amis-scope .cxd-Panel--info > .cxd-Panel-heading .badge {
-  color: #108cee;
+  color: #2468f2;
   background: #fff;
 }
 
 .amis-scope .cxd-Panel--info > .cxd-Panel-heading,
 .amis-scope .cxd-Panel--info > .cxd-Panel-footer {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Panel--warning {
@@ -24218,12 +24557,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Sparkline-line {
-  stroke: #108cee;
+  stroke: #2468f2;
   stroke-width: 1px;
 }
 
 .amis-scope .cxd-Sparkline-area {
-  fill: rgba(16, 140, 238, 0.1);
+  fill: rgba(36, 104, 242, 0.1);
 }
 
 .amis-scope .cxd-Sparkline--clickable {
@@ -24377,7 +24716,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ButtonGroup .cxd-Button--primary.is-active {
-  color: #108cee;
+  color: #2468f2;
   background: #fff;
 }
 
@@ -24457,7 +24796,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DropDown.is-actived .cxd-Button {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-DropDown--block {
@@ -24500,7 +24839,7 @@ readers do not read off random characters that represent icons */
   height: 2.125rem;
   vertical-align: middle;
   user-select: none;
-  color: #108cee;
+  color: #2468f2;
   text-decoration: none;
 }
 
@@ -24512,7 +24851,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-DropDown-menuItem.is-active,
 .amis-scope .cxd-DropDown-menu > li.is-active {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-DropDown-menuItem:not(.is-disabled),
@@ -24525,7 +24864,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-DropDown-menuItem.is-disabled,
 .amis-scope .cxd-DropDown-menu > li.is-disabled {
   cursor: not-allowed;
-  color: #999;
+  color: #b4b6ba;
   filter: grayscale(80%);
 }
 
@@ -24554,7 +24893,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Each-placeholder {
-  color: #999;
+  color: #b4b6ba;
   text-align: left;
   padding: 0.5rem;
 }
@@ -24588,7 +24927,7 @@ readers do not read off random characters that represent icons */
   width: 0.375rem;
   height: 0.375rem;
   top: -0.25rem;
-  border-color: #666;
+  border-color: #151a26;
   border-style: solid;
   border-width: 0.0625rem 0.0625rem 0 0;
   transform: rotate(135deg);
@@ -24607,7 +24946,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Collapse--title-bottom .cxd-Collapse-header {
   text-align: center;
-  color: #108cee;
+  color: #2468f2;
   border-left: none;
   font-size: 0.875rem;
 }
@@ -24717,7 +25056,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-CBGroup-fieldCaret:hover,
 .amis-scope .cxd-CBGroup-operatorCaret:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-CBGroup-fieldCaret > svg,
@@ -24733,7 +25072,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CBGroup-placeholder {
-  color: #999;
+  color: #b4b6ba;
   position: relative;
   margin-left: 30px;
   padding: 10px;
@@ -24778,7 +25117,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CBDelete:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-CBGroupOrItem {
@@ -24821,7 +25160,7 @@ readers do not read off random characters that represent icons */
   left: 0;
   right: 0;
   bottom: 0;
-  background: rgba(16, 140, 238, 0.2);
+  background: rgba(36, 104, 242, 0.2);
 }
 
 .amis-scope .cxd-CBGroupOrItem-dragbar {
@@ -24835,7 +25174,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CBGroupOrItem-dragbar:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-CBGroupOrItem .cxd-CBGroup {
@@ -24891,7 +25230,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CBInputSwitch > a:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-CBInputSwitch svg {
@@ -24921,7 +25260,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-CBFunc-args > span {
   display: inline-block;
   padding: 0 5px;
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-CBFunc-args > div {
@@ -24944,7 +25283,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-CBFormula-label {
   background: #f5f5f5;
-  color: #999;
+  color: #b4b6ba;
   display: block;
   font-size: 0.75rem;
   align-self: center;
@@ -25215,7 +25554,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Wizard ul li.active,
 .amis-scope .cxd-Wizard-tabs ul li.active {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Wizard .cxd-Panel-footer > .cxd-Form-group,
@@ -25448,16 +25787,16 @@ readers do not read off random characters that represent icons */
   line-height: calc( 1.4285714286 * 0.875rem - 0.125rem );
   display: inline-block;
   font-size: 0.75rem;
-  color: #108cee;
-  background: #cee8fc;
-  border: 0.0625rem solid #9dd1fa;
+  color: #2468f2;
+  background: #e4edfe;
+  border: 0.0625rem solid #b3cbfc;
   border-radius: 2px;
   margin-right: 0.25rem;
   margin-top: 0.25rem;
 }
 
 .amis-scope .cxd-Crud-value:hover {
-  background: #b5dcfb;
+  background: #ccdcfd;
 }
 
 .amis-scope .cxd-Crud-value.is-disabled {
@@ -25467,12 +25806,12 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Crud-valueIcon {
   cursor: pointer;
-  border-right: 0.0625rem solid #9dd1fa;
+  border-right: 0.0625rem solid #b3cbfc;
   padding: 1px 5px;
 }
 
 .amis-scope .cxd-Crud-valueIcon:hover {
-  background: #b5dcfb;
+  background: #ccdcfd;
 }
 
 .amis-scope .cxd-Crud-valueLabel {
@@ -25659,14 +25998,14 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-placeholder {
-  color: #999;
+  color: #b4b6ba;
   text-align: center;
   height: 6.25rem;
   background: transparent !important;
 }
 
 .amis-scope .cxd-Table-placeholder:hover {
-  color: #999;
+  color: #b4b6ba;
   background: transparent !important;
 }
 
@@ -25750,7 +26089,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-content-colDragLine:hover {
-  background: #108cee;
+  background: #2468f2;
 }
 
 .amis-scope .cxd-Table-table {
@@ -25900,7 +26239,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Table-table > tbody > tr.is-hovered {
   background: #f5f5f5;
   border-color: #eceff8;
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr:hover + tr,
@@ -25938,7 +26277,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-light {
   background-color: #eaf6fe;
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-light.lt,
@@ -26013,11 +26352,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-dark .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-dark .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-black {
@@ -26067,46 +26406,46 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-black .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-black .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary {
-  background-color: #108cee;
-  color: #d1e7f9;
+  background-color: #2468f2;
+  color: #e6edfc;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary.lt,
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary .lt {
-  background: #2a97ee;
+  background: #3f79f1;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary.lter,
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary .lter {
-  background: #44a2ed;
+  background: #598bf0;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary.dk,
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary .dk {
-  background: #0c7ed9;
+  background: #0b57f2;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary.dker,
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary .dker {
-  background: #0870c3;
+  background: #074ddc;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary.bg,
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary .bg {
-  background-color: #108cee;
+  background-color: #2468f2;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary a,
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link {
-  color: #feffff;
+  color: white;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary a:hover,
@@ -26121,11 +26460,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-primary .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-success {
@@ -26175,46 +26514,46 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-success .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-success .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-info {
-  background-color: #108cee;
-  color: #d1e7f9;
+  background-color: #2468f2;
+  color: #e6edfc;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-info.lt,
 .amis-scope .cxd-Table-table > tbody > tr.bg-info .lt {
-  background: #2a97ee;
+  background: #3f79f1;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-info.lter,
 .amis-scope .cxd-Table-table > tbody > tr.bg-info .lter {
-  background: #44a2ed;
+  background: #598bf0;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-info.dk,
 .amis-scope .cxd-Table-table > tbody > tr.bg-info .dk {
-  background: #0c7ed9;
+  background: #0b57f2;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-info.dker,
 .amis-scope .cxd-Table-table > tbody > tr.bg-info .dker {
-  background: #0870c3;
+  background: #074ddc;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-info.bg,
 .amis-scope .cxd-Table-table > tbody > tr.bg-info .bg {
-  background-color: #108cee;
+  background-color: #2468f2;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-info a,
 .amis-scope .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link {
-  color: #feffff;
+  color: white;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-info a:hover,
@@ -26229,11 +26568,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-info .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-info .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning {
@@ -26283,11 +26622,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger {
@@ -26337,11 +26676,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.is-dragging {
@@ -26888,7 +27227,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TableCell-sortBtn:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-TableCell-sortBtn--up > svg,
@@ -26915,16 +27254,16 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TableCell-sortBtn--default.is-active {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-TableCell-sortBtn--default.is-active:hover {
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .cxd-TableCell-sortBtn--up.is-active,
 .amis-scope .cxd-TableCell-sortBtn--down.is-active {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-TableCell-searchBtn {
@@ -26933,7 +27272,7 @@ readers do not read off random characters that represent icons */
   right: 0.25rem;
   top: 50%;
   transform: translateY(-50%);
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-TableCell-searchBtn svg.icon {
@@ -26942,11 +27281,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TableCell-searchBtn:hover {
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .cxd-TableCell-searchBtn.is-active {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-TableCell-searchPopOver {
@@ -26966,7 +27305,7 @@ readers do not read off random characters that represent icons */
   right: calc( 0.625rem - 1rem / 2 );
   top: 50%;
   transform: translateY(-50%);
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-TableCell-filterBtn svg.icon {
@@ -26975,11 +27314,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TableCell-filterBtn:hover {
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .cxd-TableCell-filterBtn.is-active {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-TableCell-filterBtn .cxd-Remark {
@@ -27007,12 +27346,12 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider:hover {
   background: #eaf6fe;
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider.is-selected {
   background: #eaf6fe;
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider .cxd-Checkbox {
@@ -27047,19 +27386,19 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Table-itemActions a {
   cursor: pointer;
   padding: 0.25rem 0.5rem;
-  color: #108cee;
+  color: #2468f2;
   text-decoration: none;
 }
 
 .amis-scope .cxd-Table-itemActions a:hover {
-  color: #0e77ca;
+  color: #0d54e2;
   text-decoration: none;
 }
 
 .amis-scope .cxd-Table-itemActions a.is-disabled {
   pointer-events: none;
   opacity: 0.65;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-Table-dragTip {
@@ -27067,7 +27406,7 @@ readers do not read off random characters that represent icons */
   clear: both;
   margin-top: 0.25rem;
   width: 100%;
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Table-footTable {
@@ -27103,7 +27442,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Table-expandBtn {
   position: relative;
   z-index: 1;
-  color: #108cee;
+  color: #2468f2;
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -27142,7 +27481,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Table-dragBtn:hover {
   text-decoration: none;
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr:hover .cxd-Table-dragBtn,
@@ -27269,13 +27608,13 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-List-dragTip {
   width: 100%;
-  color: #108cee;
+  color: #2468f2;
   clear: both;
   margin-top: 0.25rem;
 }
 
 .amis-scope .cxd-List-placeholder {
-  color: #999;
+  color: #b4b6ba;
   text-align: center;
   min-height: 1.875rem;
   line-height: 1.875rem;
@@ -27316,7 +27655,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ListGroup-item.is-disabled {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-ListGroup--expanded .cxd-ListGroup-item {
@@ -27402,7 +27741,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ListItem-fieldLabel {
   width: 9.375rem;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-ListItem.is-checked {
@@ -27521,14 +27860,14 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Cards-dragTip {
   width: 100%;
-  color: #108cee;
+  color: #2468f2;
   clear: both;
   margin-top: 0.25rem;
 }
 
 .amis-scope .cxd-Cards-placeholder {
   background: #fff;
-  color: #999;
+  color: #b4b6ba;
   text-align: center;
   height: 6.25rem;
   line-height: 6.25rem;
@@ -27669,7 +28008,7 @@ readers do not read off random characters that represent icons */
   max-height: calc(0.875rem * 1.5 * 2);
   overflow: hidden;
   text-overflow: ellipsis;
-  color: #999;
+  color: #b4b6ba;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   display: -webkit-box;
@@ -27714,7 +28053,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Card-avtarText {
-  background: #108cee;
+  background: #2468f2;
   color: #fff;
   width: 50px;
   height: 50px;
@@ -27773,7 +28112,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Card-fieldLabel {
   width: 3.75rem;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-Card-actions {
@@ -27790,7 +28129,7 @@ readers do not read off random characters that represent icons */
   border-color: #f5f7fb;
   border-style: solid;
   border-width: 0 0.0625rem 0 0;
-  color: #666;
+  color: #151a26;
   text-align: center;
   line-height: 2.5rem;
   font-size: 0.75rem;
@@ -27802,7 +28141,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Card-actions > a:not(.is-disabled):hover {
   background: white;
-  color: #108cee;
+  color: #2468f2;
   text-decoration: none;
 }
 
@@ -27811,7 +28150,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Card-actions > a.is-disabled {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-Card-actions > a.is-disabled:hover {
@@ -27820,14 +28159,14 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Card.is-checked {
   background: #fff;
-  border-color: #108cee;
-  color: #108cee;
+  border-color: #2468f2;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Card.is-checked .cxd-Card-actions,
 .amis-scope .cxd-Card.is-checked .cxd-Card-actions > a {
-  border-color: #108cee;
-  color: #108cee;
+  border-color: #2468f2;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Card.is-checked .cxd-Card-fieldLabel {
@@ -27842,7 +28181,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Card.is-modified,
 .amis-scope .cxd-Card.is-moved {
   background: #e8f0fe;
-  border-color: #108cee;
+  border-color: #2468f2;
   color: #4285f4;
 }
 
@@ -27850,7 +28189,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Card.is-modified .cxd-Card-actions > a,
 .amis-scope .cxd-Card.is-moved .cxd-Card-actions,
 .amis-scope .cxd-Card.is-moved .cxd-Card-actions > a {
-  border-color: #108cee;
+  border-color: #2468f2;
   color: #4285f4;
 }
 
@@ -27901,7 +28240,7 @@ readers do not read off random characters that represent icons */
   position: absolute;
   pointer-events: none;
   z-index: 1;
-  border: 0.0625rem dashed #108cee;
+  border: 0.0625rem dashed #2468f2;
 }
 
 .amis-scope .cxd-Field--quickEditable:hover .cxd-Field-quickEditBtn {
@@ -27995,7 +28334,7 @@ readers do not read off random characters that represent icons */
   line-height: 10px;
   color: #fff;
   text-align: center;
-  background: #108cee;
+  background: #2468f2;
   transition: width 0.2s ease;
 }
 
@@ -28070,7 +28409,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Field-copyBtn:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Divider {
@@ -28119,7 +28458,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Pagination > li > a:focus,
 .amis-scope .cxd-Pagination > li > span:focus {
   background: transparent;
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Pagination > li.is-disabled > span,
@@ -28143,8 +28482,8 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Pagination > li.is-active > a:focus,
 .amis-scope .cxd-Pagination > li.is-active > span:focus {
   background: #fff;
-  color: #108cee;
-  border: 0.0625rem solid #108cee;
+  color: #2468f2;
+  border: 0.0625rem solid #2468f2;
   border-radius: 0.142rem;
 }
 
@@ -28180,7 +28519,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Pagination-inputGroup input:focus,
 .amis-scope .cxd-Pagination-inputGroup input:hover {
   outline: none;
-  border: 0.0625rem solid #108cee;
+  border: 0.0625rem solid #2468f2;
 }
 
 .amis-scope .cxd-PaginationWrapper-pager {
@@ -28282,7 +28621,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-StatusField .cxd-Status-icon.rolling::after {
   content: "";
   display: inline-block;
-  border: 5px solid #108cee;
+  border: 5px solid #2468f2;
   border-radius: 500px;
   position: absolute;
   top: 0;
@@ -28718,7 +29057,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ImageGallery-item.is-active {
-  border: 1px solid #108cee;
+  border: 1px solid #2468f2;
 }
 
 .amis-scope .cxd-ImageGallery-item.is-active:after {
@@ -28947,18 +29286,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #666;
+  color: #151a26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-InputBox input::placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
 }
 
 .amis-scope .cxd-InputBox:hover {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-InputBox--inline {
@@ -28975,13 +29314,13 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-InputBox.is-focused {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   background: #fff;
 }
 
 .amis-scope .cxd-InputBox.is-clickable:hover {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   cursor: pointer;
 }
@@ -28991,7 +29330,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-InputBox.is-disabled {
-  color: #999;
+  color: #b4b6ba;
   background: #f5f5f5;
   border-color: #ebebeb;
 }
@@ -29053,18 +29392,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #666;
+  color: #151a26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-ResultBox input::placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
 }
 
 .amis-scope .cxd-ResultBox:hover {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-ResultBox.is-error {
@@ -29076,7 +29415,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-ResultBox.is-active,
 .amis-scope .cxd-ResultBox:focus {
   outline: none;
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   background: #fff;
 }
@@ -29086,7 +29425,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ResultBox.is-clickable:not(.is-disabled):hover {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   background: #fff;
 }
@@ -29096,7 +29435,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ResultBox.is-disabled {
-  color: #999;
+  color: #b4b6ba;
   background: #f5f5f5;
   border-color: #ebebeb;
   pointer-events: none;
@@ -29195,7 +29534,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ResultBox-placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
   margin-left: 8px;
 }
@@ -29246,7 +29585,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-SearchBox-activeBtn:hover,
 .amis-scope .cxd-SearchBox-searchBtn:hover,
 .amis-scope .cxd-SearchBox-cancelBtn:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-SearchBox.is-disabled .cxd-SearchBox-activeBtn,
@@ -29260,13 +29599,13 @@ readers do not read off random characters that represent icons */
   outline: none;
   border: none;
   background: transparent;
-  color: #666;
+  color: #151a26;
   width: 0;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-SearchBox > input::placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
 }
 
@@ -29279,7 +29618,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ListMenu-groupLabel {
   font-size: 0.6875rem;
-  color: #999;
+  color: #b4b6ba;
   padding: calc( ( 1.875rem - 1.4285714286 * 0.875rem - 0.5rem ) / 2 ) 0 0 calc(0.625rem - 0.25rem);
 }
 
@@ -29298,7 +29637,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ListMenu-item.is-active {
-  color: #108cee;
+  color: #2468f2;
   background: transparent;
 }
 
@@ -29308,14 +29647,14 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ListMenu-item.is-disabled {
-  color: #999;
+  color: #b4b6ba;
   background: transparent;
 }
 
 .amis-scope .cxd-ListMenu-placeholder {
   display: block;
   min-height: 1.875rem;
-  color: #999;
+  color: #b4b6ba;
   line-height: 1.4285714286;
   font-size: 0.875rem;
   cursor: pointer;
@@ -29323,7 +29662,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-PopOver > .cxd-ListMenu {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Log {
@@ -29510,13 +29849,13 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title.is-success:after {
-  background-color: #108cee;
+  background-color: #2468f2;
 }
 
 .amis-scope .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-subTitle {
   padding-left: 0.625rem;
   font-size: 0.875rem;
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-description {
@@ -29588,9 +29927,9 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Steps .cxd-StepsItem.is-finish .cxd-StepsItem-icon,
 .amis-scope .cxd-Steps .cxd-StepsItem.is-process .cxd-StepsItem-icon {
-  background-color: #108cee;
+  background-color: #2468f2;
   color: #fff;
-  border: 1px solid #108cee;
+  border: 1px solid #2468f2;
 }
 
 .amis-scope fieldset.cxd-Collapse--lg,
@@ -29646,7 +29985,7 @@ readers do not read off random characters that represent icons */
   padding: 0.25rem 0;
   font-size: 0.875rem;
   color: #333;
-  border-left: #108cee 0.25rem solid;
+  border-left: #2468f2 0.25rem solid;
   line-height: 1.2;
   margin: 0.75rem 0;
   padding: 0 0 0 14px;
@@ -30038,7 +30377,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-InputGroup.is-focused .cxd-TextControl-input,
 .amis-scope .cxd-InputGroup.is-focused .cxd-Select,
 .amis-scope .cxd-InputGroup.is-focused .cxd-InputGroup-btn .cxd-Button {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-InputGroup.is-focused .cxd-Select {
@@ -30046,15 +30385,15 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-InputGroup.is-focused .cxd-Select {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-InputGroup.is-focused .cxd-Select-arrow {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-InputGroup.is-focused .cxd-InputGroup-addOn {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-InputGroup:not(.is-inline) {
@@ -30094,18 +30433,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #666;
+  color: #151a26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-TextControl-input input::placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
 }
 
 .amis-scope .cxd-TextControl-input:hover {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-TextControl-input--borderHalf {
@@ -30125,7 +30464,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl.is-focused > .cxd-TextControl-input {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   background: #fff;
   transition: all 0.2s;
@@ -30136,7 +30475,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl.is-disabled > .cxd-TextControl-input {
-  color: #999;
+  color: #b4b6ba;
   background: #f5f5f5;
   border-color: #ebebeb;
   transition: all 0.2s;
@@ -30177,7 +30516,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl-placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
   position: absolute;
   left: 0.625rem;
@@ -30274,7 +30613,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-button .cxd-Button {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-TextControl--withAddOn.is-error > .cxd-TextControl-addOn {
@@ -30282,13 +30621,13 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-addOn {
-  border-color: #108cee;
-  color: #108cee;
+  border-color: #2468f2;
+  color: #2468f2;
   box-shadow: none;
 }
 
 .amis-scope .cxd-TextControl--withAddOn.is-disabled > .cxd-TextControl-addOn {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-TextControl--withAddOn.is-inline {
@@ -30317,7 +30656,7 @@ readers do not read off random characters that represent icons */
   position: absolute;
   background: #fff;
   color: #333;
-  border: 0.0625rem solid #108cee;
+  border: 0.0625rem solid #2468f2;
   left: -0.0625rem;
   right: -0.0625rem;
   top: 100%;
@@ -30385,21 +30724,21 @@ readers do not read off random characters that represent icons */
   white-space: nowrap;
   line-height: calc( 1.4285714286 * 0.875rem - 0.125rem );
   font-size: 0.75rem;
-  color: #108cee;
-  background: #cee8fc;
-  border: 0.0625rem solid #9dd1fa;
+  color: #2468f2;
+  background: #e4edfe;
+  border: 0.0625rem solid #b3cbfc;
   border-radius: 0.125rem;
   margin: 2px 3px;
 }
 
 .amis-scope .cxd-TextControl-valueIcon {
   cursor: pointer;
-  border-right: 0.0625rem solid #9dd1fa;
+  border-right: 0.0625rem solid #b3cbfc;
   padding: 1px 5px;
 }
 
 .amis-scope .cxd-TextControl-valueIcon:hover {
-  background: #b5dcfb;
+  background: #ccdcfd;
 }
 
 .amis-scope .cxd-TextControl-input--multiple .cxd-TextControl-valueLabel {
@@ -30407,7 +30746,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl-counter {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .has-error--maxLength .cxd-TextControl-counter {
@@ -30447,19 +30786,19 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextareaControl > textarea::placeholder {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-TextareaControl > textarea:focus,
 .amis-scope .cxd-TextareaControl.is-focused > textarea {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
 }
 
 .amis-scope .cxd-TextareaControl.is-disabled > textarea,
 .amis-scope .cxd-TextareaControl > textarea[disabled] {
   background: #e5e7eb;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-TextareaControl.is-error > textarea {
@@ -30506,7 +30845,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Checkbox:hover input:not(:disabled) + i {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Checkbox > i {
@@ -30560,13 +30899,13 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Checkbox--checkbox input:checked + i {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Checkbox--checkbox input:checked + i:before {
   width: 0.5rem;
   height: 0.5rem;
-  background: #108cee;
+  background: #2468f2;
 }
 
 .amis-scope .cxd-Checkbox--checkbox input[disabled] + i {
@@ -30582,7 +30921,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Checkbox--checkbox input[disabled] + i + span {
   cursor: not-allowed;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-Checkbox--checkbox > i {
@@ -30598,8 +30937,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i {
-  border-color: #108cee;
-  background: #108cee;
+  border-color: #2468f2;
+  background: #2468f2;
 }
 
 .amis-scope .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i:before {
@@ -30650,29 +30989,29 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Checkbox--radio input:checked + i {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Checkbox--radio input:checked + i:before {
   width: 0.625rem;
   height: 0.625rem;
-  background: #108cee;
+  background: #2468f2;
   border-radius: 50%;
 }
 
 .amis-scope .cxd-Checkbox--radio input[disabled] + i {
-  border-color: #999;
+  border-color: #b4b6ba;
   background: #e5e7eb;
   cursor: not-allowed;
 }
 
 .amis-scope .cxd-Checkbox--radio input[disabled] + i:before {
-  background: #999;
+  background: #b4b6ba;
 }
 
 .amis-scope .cxd-Checkbox--radio input[disabled] + i + span {
   cursor: not-allowed;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-Checkbox--radio input:focus + i {
@@ -30719,7 +31058,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Checkbox-desc {
-  color: #999;
+  color: #b4b6ba;
   margin-left: 0.25rem;
   margin-top: 0.25rem;
   pointer-events: all;
@@ -30802,7 +31141,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-ListRadios-group > .cxd-ListRadios-itemLabel {
   font-size: 0.75rem;
   padding: 0.25rem 0.25rem;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-ListCheckboxes-item,
@@ -30824,7 +31163,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ListCheckboxes-item.is-active,
 .amis-scope .cxd-ListRadios-item.is-active {
-  color: #108cee;
+  color: #2468f2;
   background: transparent;
 }
 
@@ -30836,7 +31175,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-ListCheckboxes-item.is-disabled,
 .amis-scope .cxd-ListRadios-item.is-disabled {
   pointer-events: none;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-ListCheckboxes-group > .cxd-ListCheckboxes-items > .cxd-ListCheckboxes-item,
@@ -30866,7 +31205,7 @@ readers do not read off random characters that represent icons */
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 1.875rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-TableCheckboxes .cxd-Table-content {
@@ -30998,13 +31337,13 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-TreeCheckboxes-itemInner.is-active,
 .amis-scope .cxd-TreeRadios-itemInner.is-active {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-TreeCheckboxes-itemInner.is-disabled,
 .amis-scope .cxd-TreeRadios-itemInner.is-disabled {
   pointer-events: none;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-TreeCheckboxes-itemLabel,
@@ -31018,7 +31357,7 @@ readers do not read off random characters that represent icons */
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 1.875rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-ChainedCheckboxes {
@@ -31038,7 +31377,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-ChainedCheckboxes-subTitle {
   font-size: 0.75rem;
   padding: 0.25rem 0.25rem;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-ChainedCheckboxes-item {
@@ -31057,7 +31396,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ChainedCheckboxes-item.is-active {
-  color: #108cee;
+  color: #2468f2;
   background: transparent;
 }
 
@@ -31067,7 +31406,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ChainedCheckboxes-item.is-disabled {
   pointer-events: none;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-ChainedCheckboxes-itemLabel {
@@ -31079,7 +31418,7 @@ readers do not read off random characters that represent icons */
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 1.875rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-AssociatedCheckboxes {
@@ -31101,7 +31440,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-AssociatedCheckboxes-reload {
   text-align: center;
-  color: #108cee;
+  color: #2468f2;
   margin: 20px 0 0;
 }
 
@@ -31112,7 +31451,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-AssociatedCheckboxes-box {
   line-height: 1.4285714286;
   font-size: 0.75rem;
-  color: #999;
+  color: #b4b6ba;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
@@ -31124,7 +31463,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-AssociatedCheckboxes-box > p {
   text-align: center;
   margin: 10px 0 20px;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-CityPicker .cxd-Select {
@@ -31148,12 +31487,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CityPicker-input::placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
 }
 
 .amis-scope .cxd-CityPicker-input:focus {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   background: #fff;
 }
@@ -31206,7 +31545,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Switch.is-checked {
-  background: #108cee;
+  background: #2468f2;
 }
 
 .amis-scope .cxd-Switch.is-checked .slider::before {
@@ -31284,7 +31623,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Number-focused {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
 }
 
@@ -31307,12 +31646,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Number:hover {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Number:hover .cxd-Number-handler-up,
 .amis-scope .cxd-Number:hover .cxd-Number-handler-wrap {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Number-disabled:hover {
@@ -31353,7 +31692,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Number-handler:hover {
   background: #fff;
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Number-handler:hover:active {
@@ -31407,7 +31746,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Number-disabled .cxd-Number-handler:hover {
-  color: #999;
+  color: #b4b6ba;
   border-color: #ccc;
 }
 
@@ -31450,15 +31789,15 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Select:hover {
   background: #fff;
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Select:hover .cxd-Select-arrow:before {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Select.is-disabled {
-  color: #999;
+  color: #b4b6ba;
   background: #f5f5f5;
   border-color: #ebebeb;
 }
@@ -31534,9 +31873,9 @@ readers do not read off random characters that represent icons */
   display: inline-block;
   vertical-align: middle;
   font-size: 0.75rem;
-  color: #108cee;
-  background: #cee8fc;
-  border: 0.0625rem solid #9dd1fa;
+  color: #2468f2;
+  background: #e4edfe;
+  border: 0.0625rem solid #b3cbfc;
   border-radius: 0.125rem;
   margin-right: 0.25rem;
   margin-bottom: 0.25rem;
@@ -31548,19 +31887,19 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Select-valueIcon {
   cursor: pointer;
-  border-right: 0.0625rem solid #9dd1fa;
+  border-right: 0.0625rem solid #b3cbfc;
   padding: 1px 5px;
 }
 
 .amis-scope .cxd-Select-valueIcon:hover {
-  background: #b5dcfb;
+  background: #ccdcfd;
 }
 
 .amis-scope .cxd-Select-valueIcon.is-disabled {
   pointer-events: none;
   display: none;
   cursor: not-allowed;
-  background: #e6f3fe;
+  background: #fdfdff;
 }
 
 .amis-scope .cxd-Select-arrow {
@@ -31637,7 +31976,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Select-option.is-active {
-  color: #108cee;
+  color: #2468f2;
   background: transparent;
 }
 
@@ -31647,12 +31986,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Select-option.is-disabled {
-  color: #999;
+  color: #b4b6ba;
   background: transparent;
 }
 
 .amis-scope .cxd-Select-option--placeholder {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-Select-option > label {
@@ -31699,7 +32038,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Select.is-focused,
 .amis-scope .cxd-Select.is-opened {
-  border-color: #108cee;
+  border-color: #2468f2;
   color: #000;
 }
 
@@ -31732,7 +32071,7 @@ readers do not read off random characters that represent icons */
   margin-top: calc(0 * -1);
   background: #fff;
   color: #333;
-  border: 0 solid #108cee;
+  border: 0 solid #2468f2;
   box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -31786,7 +32125,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Selections-placeholder {
-  color: #999;
+  color: #b4b6ba;
   text-align: center;
   width: 100%;
   flex-basis: 1.875rem;
@@ -31833,7 +32172,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Selections-delBtn:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Selections-delBtn > svg {
@@ -31860,7 +32199,7 @@ readers do not read off random characters that represent icons */
   border: 0.0625rem solid #ccc;
   background: #fff;
   padding: 0.375rem 0.625rem;
-  color: #000;
+  color: #151a26;
   transition: none;
   max-width: calc(12.5rem + 2 * 0.625rem);
 }
@@ -31870,24 +32209,24 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ListControl-item .b-inherit {
-  border-color: #000;
+  border-color: #151a26;
 }
 
 .amis-scope .cxd-ListControl-item:hover {
   background: #fff;
-  border-color: #108cee;
-  color: #108cee;
+  border-color: #2468f2;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-ListControl-item:hover .b-inherit {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-ListControl-item:hover:active,
 .amis-scope .cxd-ListControl-item.is-active {
   background: #fff;
-  border-color: #108cee;
-  color: #108cee;
+  border-color: #2468f2;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-ListControl-item:hover:active:hover,
@@ -31897,7 +32236,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ListControl-item:hover:active .b-inherit,
 .amis-scope .cxd-ListControl-item.is-active .b-inherit {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-ListControl-item:hover:active:before,
@@ -31906,7 +32245,7 @@ readers do not read off random characters that represent icons */
   position: absolute;
   width: 0.875rem;
   height: 0.875rem;
-  background: #108cee;
+  background: #2468f2;
   right: 0;
   bottom: 0;
 }
@@ -31959,7 +32298,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ListControl-placeholder {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-LocationPicker {
@@ -31987,16 +32326,16 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-LocationPicker:not(.is-disabled):hover {
   background: #fff;
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-LocationPicker:not(.is-disabled):hover .cxd-DatePicker-toggler:before {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-LocationPicker.is-focused,
 .amis-scope .cxd-LocationPicker.is-active {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
 }
 
@@ -32005,7 +32344,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-LocationPicker.is-disabled > cxd-LocationPicker-input {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-LocationPicker-placeholder {
@@ -32028,7 +32367,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-LocationPicker-toggler:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-LocationPicker-clear {
@@ -32068,7 +32407,7 @@ readers do not read off random characters that represent icons */
   width: 100%;
   max-width: 100%;
   margin-top: -1px;
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-MapPicker-search {
@@ -32108,7 +32447,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-MapPicker-sugItem:hover {
-  color: #108cee;
+  color: #2468f2;
   background: transparent;
 }
 
@@ -32142,7 +32481,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ColorPicker:not(.is-disabled):hover {
   background: #fff;
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-ColorPicker-input {
@@ -32162,7 +32501,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ColorPicker.is-focused {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
 }
 
@@ -32261,15 +32600,15 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-DatePicker:not(.is-disabled):hover {
   background: #fff;
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-DatePicker:not(.is-disabled):hover .cxd-DatePicker-toggler:before {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-DatePicker.is-focused {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
 }
 
@@ -32278,7 +32617,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DatePicker.is-disabled > .cxd-DatePicker-input {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-DatePicker-placeholder {
@@ -32302,7 +32641,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DatePicker-toggler:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-DatePicker-clear {
@@ -32352,12 +32691,12 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-DatePicker-shortcut a {
   font-size: 0.875rem;
   cursor: pointer;
-  color: #108cee;
+  color: #2468f2;
   text-decoration: none;
 }
 
 .amis-scope .cxd-DatePicker-shortcut a:hover {
-  color: #0b62a6;
+  color: #0b46be;
   text-decoration: none;
 }
 
@@ -32373,7 +32712,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .rdt {
   user-select: none;
   font-size: 0.875rem;
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .rdt .rdtPicker {
@@ -32405,11 +32744,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .rdt .rdtPicker td.rdtBetween {
-  background: rgba(16, 140, 238, 0.1);
+  background: rgba(36, 104, 242, 0.1);
 }
 
 .amis-scope .rdt .rdtPicker td.rdtToday:before {
-  border-bottom-color: #108cee;
+  border-bottom-color: #2468f2;
 }
 
 .amis-scope .rdt .rdtPicker td.rdtActive.rdtToday:before {
@@ -32418,7 +32757,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .rdt .rdtPicker td.rdtActive,
 .amis-scope .rdt .rdtPicker td.rdtActive:hover {
-  background: #108cee;
+  background: #2468f2;
 }
 
 .amis-scope .rdt .rdtPicker td.rdtDisabled,
@@ -32466,7 +32805,7 @@ readers do not read off random characters that represent icons */
   position: absolute;
   background: #fff;
   color: #333;
-  border: 0.0625rem solid #108cee;
+  border: 0.0625rem solid #2468f2;
   left: -0.0625rem;
   right: -0.0625rem;
   top: 100%;
@@ -32489,7 +32828,7 @@ readers do not read off random characters that represent icons */
   outline: none;
   width: 40px;
   font-size: 0.875rem;
-  color: #108cee;
+  color: #2468f2;
   border: 1px solid #eceff8;
   border-radius: 0;
   height: 1.875rem;
@@ -32504,7 +32843,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CalendarInput:focus {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
 }
 
@@ -32521,11 +32860,11 @@ readers do not read off random characters that represent icons */
   align-items: center;
   height: 25px;
   text-align: center;
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-CalendarCounter-btn:hover {
-  color: #047bdb;
+  color: #1C53C1;
 }
 
 .amis-scope .cxd-CalendarCounter-btn > svg {
@@ -32572,13 +32911,13 @@ readers do not read off random characters that represent icons */
   cursor: pointer;
   text-decoration: none;
   font-size: 0.75rem;
-  border: 1px solid #108cee;
+  border: 1px solid #2468f2;
   color: #fff;
-  background: #108cee;
-  border-color: #108cee;
+  background: #2468f2;
+  border-color: #2468f2;
   box-shadow: none;
   text-shadow: none;
-  border-radius: 0;
+  border-radius: 0.142rem;
 }
 
 .amis-scope .rdtBtn:hover {
@@ -32598,8 +32937,14 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .rdtBtn:not(:disabled):not(.is-disabled):hover {
   color: #fff;
-  background: #0e77ca;
-  border-color: #0d70be;
+  background: #0d54e2;
+  border-color: #0d4fd6;
+}
+
+.amis-scope .rdtBtn:not(:disabled):not(.is-disabled):hover:active {
+  color: #fff;
+  background: #0d4fd6;
+  border-color: #0c4bca;
 }
 
 .amis-scope .rdtBtn:hover:focus {
@@ -32611,7 +32956,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .rdtBtnCancel {
-  color: #666;
+  color: #151a26;
   background: #eaf6fe;
   border-color: #cccccc;
   box-shadow: none;
@@ -32619,9 +32964,15 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .rdtBtnCancel:not(:disabled):not(.is-disabled):hover {
-  color: #108cee;
+  color: #2468f2;
   background: #fff;
-  border-color: #108cee;
+  border-color: #2468f2;
+}
+
+.amis-scope .rdtBtnCancel:not(:disabled):not(.is-disabled):hover:active {
+  color: #1C53C1;
+  background: #fff;
+  border-color: #1C53C1;
 }
 
 .amis-scope .rdtBtnCancel:hover:focus {
@@ -32662,7 +33013,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .rdtSwitch:hover {
-  color: #0e77ca;
+  color: #0d54e2;
   text-decoration: none;
 }
 
@@ -32706,7 +33057,7 @@ readers do not read off random characters that represent icons */
 .amis-scope td.rdtMonth.rdtBetween > span,
 .amis-scope td.rdtYear.rdtBetween > span,
 .amis-scope td.rdtQuarter.rdtBetween > span {
-  background: rgba(16, 140, 238, 0.1);
+  background: rgba(36, 104, 242, 0.1);
 }
 
 .amis-scope td.rdtMonth:hover,
@@ -32724,7 +33075,7 @@ readers do not read off random characters that represent icons */
 .amis-scope td.rdtYear.rdtActive > span,
 .amis-scope td.rdtQuarter:hover > span,
 .amis-scope td.rdtQuarter.rdtActive > span {
-  background: #108cee;
+  background: #2468f2;
   color: #fff;
 }
 
@@ -32782,15 +33133,15 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-DateRangePicker:not(.is-disabled):hover {
   background: #fff;
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-DateRangePicker:not(.is-disabled):hover .cxd-DateRangePicker-toggler {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-DateRangePicker.is-focused {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
 }
 
@@ -32799,7 +33150,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DateRangePicker.is-disabled > .cxd-DateRangePicker-input {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-DateRangePicker-placeholder {
@@ -32822,7 +33173,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DateRangePicker-toggler:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-DateRangePicker-clear {
@@ -32947,9 +33298,15 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover {
-  color: #108cee;
+  color: #2468f2;
   background: #fff;
-  border-color: #108cee;
+  border-color: #2468f2;
+}
+
+.amis-scope .cxd-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover:active {
+  color: #2468f2;
+  background: #f3f9fe;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-ImageControl-addBtn:hover:focus {
@@ -32990,9 +33347,9 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ImageControl-dropzone:focus .cxd-ImageControl-addBtn {
-  border-color: #108cee;
+  border-color: #2468f2;
   background: #fff;
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-ImageControl-item {
@@ -33055,7 +33412,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-ImageControl-progressValue {
   height: 5px;
   display: block;
-  background: #108cee;
+  background: #2468f2;
   min-width: 10%;
   transition: ease-out width 0.2s;
 }
@@ -33140,7 +33497,7 @@ readers do not read off random characters that represent icons */
   height: 120px;
   color: #999;
   border: 2px dashed #eceff8;
-  border-color: #108cee;
+  border-color: #2468f2;
   background: #f3f9fe;
   border-radius: 0.142rem;
   line-height: 120px;
@@ -33280,7 +33637,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-FileControl-progress > span {
   display: block;
-  background: #108cee;
+  background: #2468f2;
   height: 100%;
   min-width: 10%;
   transition: ease-out width 0.2s;
@@ -33289,7 +33646,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-FileControl-acceptTip {
   height: 120px;
   color: #999;
-  border: 2px dashed #108cee;
+  border: 2px dashed #2468f2;
   border-radius: 0.142rem;
   background: #f3f9fe;
   line-height: 120px;
@@ -33336,7 +33693,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ExcelControl-dropzone:focus {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-ExcelControl-dropzone.disabled {
@@ -33363,7 +33720,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-EditorControl.is-focused {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-EditorControl .cxd-MonacoEditor {
@@ -33388,7 +33745,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-EditorControl .cxd-MonacoEditor-fullscreen {
   cursor: pointer;
-  color: #999;
+  color: #b4b6ba;
   line-height: inherit;
   text-decoration: none;
   text-align: center;
@@ -33396,11 +33753,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-EditorControl .cxd-MonacoEditor-fullscreen:hover {
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .cxd-EditorControl .cxd-MonacoEditor-fullscreen:hover svg {
-  fill: #666;
+  fill: #151a26;
 }
 
 .amis-scope .cxd-EditorControl--sm {
@@ -33507,12 +33864,12 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn,
 .amis-scope .cxd-RichTextControl .fr-popup .fr-command.fr-btn {
-  color: #000;
+  color: #151a26;
 }
 
 .amis-scope .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-active,
 .amis-scope .cxd-RichTextControl .fr-popup .fr-command.fr-btn.fr-active {
-  color: #108cee;
+  color: #2468f2;
   background: #fff;
 }
 
@@ -33527,12 +33884,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-RichTextControl .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
-  background: #108cee;
+  background: #2468f2;
   color: #fff;
 }
 
 .amis-scope .cxd-RichTextControl.is-focused {
-  border: 0.0625rem solid #108cee;
+  border: 0.0625rem solid #2468f2;
 }
 
 .amis-scope .cxd-RichTextControl .fr-box.fr-basic .fr-element {
@@ -33605,7 +33962,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-RangeControl .cxd-InputRange-input input:focus {
   outline: none;
-  border: 0.0625rem solid #108cee;
+  border: 0.0625rem solid #2468f2;
 }
 
 .amis-scope .cxd-RangeControl .cxd-InputRange-input-separator {
@@ -33640,8 +33997,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-InputRange-slider {
   appearance: none;
-  background: #108cee;
-  border: 0.0625rem solid #108cee;
+  background: #2468f2;
+  border: 0.0625rem solid #2468f2;
   cursor: pointer;
   display: block;
   width: 1.125rem;
@@ -33662,7 +34019,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-InputRange-slider:focus {
   box-shadow: 0 0 0
-    0.285rem rgba(16, 140, 238, 0.2);
+    0.285rem rgba(36, 104, 242, 0.2);
 }
 
 .amis-scope .input-range--disabled .cxd-InputRange-slider {
@@ -33731,7 +34088,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-InputRange-track.is-active {
-  background: #108cee;
+  background: #2468f2;
 }
 
 .amis-scope .cxd-InputRange-track--background {
@@ -33762,7 +34119,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-InputRange-track--active {
-  background: #108cee;
+  background: #2468f2;
 }
 
 .amis-scope .cxd-RepeatControl .repeat-btn {
@@ -33924,7 +34281,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tree-itemInput > a:hover {
-  color: #108cee;
+  color: #2468f2;
   text-decoration: none;
 }
 
@@ -33941,12 +34298,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tree-itemInput > input::placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
 }
 
 .amis-scope .cxd-Tree-itemInput > input:focus {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   background: #fff;
 }
@@ -33964,7 +34321,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Tree-addTopBtn.is-disabled {
   pointer-events: none;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-Tree-addTopBtn > svg {
@@ -34022,11 +34379,11 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Tree-itemLabel.is-checked,
 .amis-scope .cxd-Tree-itemLabel.is-children-checked {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Tree-itemLabel.is-disabled {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-Tree-itemLabel > .cxd-Checkbox {
@@ -34042,7 +34399,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tree-placeholder {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-TreeSelectControl {
@@ -34087,18 +34444,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #666;
+  color: #151a26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-TreeSelect-input input::placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
 }
 
 .amis-scope .cxd-TreeSelect-input:hover {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-TreeSelect-input--borderHalf {
@@ -34118,7 +34475,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TreeSelect.is-focused > .cxd-TreeSelect-input {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   background: #fff;
   transition: all 0.2s;
@@ -34129,7 +34486,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TreeSelect.is-disabled > .cxd-TreeSelect-input {
-  color: #999;
+  color: #b4b6ba;
   background: #f5f5f5;
   border-color: #ebebeb;
   transition: all 0.2s;
@@ -34170,7 +34527,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TreeSelect.is-opened {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   background: #fff;
 }
@@ -34183,7 +34540,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-TreeSelect-popover > .cxd-Tree {
   background: #fff;
-  border: 0.0625rem solid #108cee;
+  border: 0.0625rem solid #2468f2;
   padding: 0.25rem 0.625rem;
   border-radius: 0;
   margin-top: -1px;
@@ -34192,7 +34549,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Combo-placeholder {
-  color: #999;
+  color: #b4b6ba;
   padding-top: calc(
     (
         1.875rem - 1.4285714286 *
@@ -34228,11 +34585,11 @@ readers do not read off random characters that represent icons */
   ) 0.5rem;
   font-size: 0.75rem;
   line-height: 18 / 12;
-  border-radius: 0;
+  border-radius: 0.142rem;
   height: 1.625rem;
   color: #fff;
-  background: #108cee;
-  border-color: #108cee;
+  background: #2468f2;
+  border-color: #2468f2;
   box-shadow: none;
   text-shadow: none;
 }
@@ -34253,6 +34610,17 @@ readers do not read off random characters that represent icons */
   margin-left: 0.5rem;
 }
 
+.amis-scope .cxd-Combo-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
+.amis-scope .cxd-Combo-addBtn > .pull-left {
+  margin-right: 0.5rem;
+}
+
+.amis-scope .cxd-Combo-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
+.amis-scope .cxd-Combo-addBtn > .pull-right {
+  margin-left: 0.5rem;
+}
+
 .amis-scope .cxd-Combo-addBtn img.cxd-Button-icon {
   height: 0.875rem;
   vertical-align: middle;
@@ -34260,10 +34628,16 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Combo-addBtn:not(:disabled):not(.is-disabled):hover {
   color: #fff;
-  background: #0e77ca;
+  background: #0d54e2;
   border-color: #b4bbc5;
 }
 
+.amis-scope .cxd-Combo-addBtn:not(:disabled):not(.is-disabled):hover:active {
+  color: #fff;
+  background: #0d4fd6;
+  border-color: #adb4bf;
+}
+
 .amis-scope .cxd-Combo-addBtn:hover:focus {
   box-shadow: none;
 }
@@ -34279,7 +34653,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Combo-delBtn:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Combo-tab-delBtn {
@@ -34295,7 +34669,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Combo-tab-delBtn:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Combo-items {
@@ -34323,7 +34697,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Combo-itemDrager > a:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Combo-itemDrager svg {
@@ -34350,7 +34724,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Combo--hor .cxd-Combo-itemTag label {
-  color: #108cee;
+  color: #2468f2;
   margin-right: 0.5rem;
 }
 
@@ -34403,7 +34777,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Combo--ver:not(.cxd-Combo--noBorder) .cxd-Combo-itemTag label {
-  color: #108cee;
+  color: #2468f2;
   margin-right: 0.5rem;
 }
 
@@ -34427,7 +34801,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Combo--ver:not(.cxd-Combo--noBorder):not(.is-disabled) > .cxd-Combo-item:hover,
 .amis-scope .cxd-Combo--ver:not(.cxd-Combo--noBorder):not(.is-disabled) > .cxd-Combo-items > .cxd-Combo-item:hover {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Combo--ver:not(.cxd-Combo--noBorder):not(.is-disabled) > .cxd-Combo-item:hover > .cxd-Combo-delBtn,
@@ -34490,7 +34864,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Combo-dragableTip {
-  color: #999;
+  color: #b4b6ba;
   font-size: 0.75rem;
   margin-left: 0.25rem;
 }
@@ -34602,7 +34976,7 @@ readers do not read off random characters that represent icons */
   width: auto;
   min-width: auto;
   font-weight: 400;
-  color: #108cee;
+  color: #2468f2;
   text-decoration: none;
   border: none;
   height: auto;
@@ -34626,13 +35000,13 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-SubForm-addBtn:disabled,
 .amis-scope .cxd-SubForm-addBtn.is-disabled {
-  color: #999;
+  color: #b4b6ba;
   pointer-events: none;
   background: transparent;
 }
 
 .amis-scope .cxd-SubForm-placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
   padding: 4px;
 }
@@ -34675,18 +35049,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #666;
+  color: #151a26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-Picker-input input::placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
 }
 
 .amis-scope .cxd-Picker-input:hover {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-Picker-input--borderHalf {
@@ -34706,7 +35080,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Picker.is-focused > .cxd-Picker-input {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   background: #fff;
   transition: all 0.2s;
@@ -34717,7 +35091,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Picker.is-disabled > .cxd-Picker-input {
-  color: #999;
+  color: #b4b6ba;
   background: #f5f5f5;
   border-color: #ebebeb;
   transition: all 0.2s;
@@ -34758,7 +35132,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Picker.is-focus > .cxd-Picker-input {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   background: #fff;
 }
@@ -34769,7 +35143,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Picker-placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
   position: absolute;
   line-height: 1.4285714286;
@@ -34807,9 +35181,9 @@ readers do not read off random characters that represent icons */
   line-height: calc( 1.4285714286 * 0.875rem - 0.125rem );
   display: inline-block;
   font-size: 0.75rem;
-  color: #108cee;
-  background: #cee8fc;
-  border: 0.0625rem solid #9dd1fa;
+  color: #2468f2;
+  background: #e4edfe;
+  border: 0.0625rem solid #b3cbfc;
   border-radius: 2px;
   margin-right: 0.25rem;
   margin-bottom: 0.25rem;
@@ -34817,12 +35191,12 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Picker .cxd-Picker-valueIcon {
   cursor: pointer;
-  border-right: 0.0625rem solid #9dd1fa;
+  border-right: 0.0625rem solid #b3cbfc;
   padding: 1px 5px;
 }
 
 .amis-scope .cxd-Picker .cxd-Picker-valueIcon:hover {
-  background: #b5dcfb;
+  background: #ccdcfd;
 }
 
 .amis-scope .cxd-Picker .cxd-Picker-valueLabel {
@@ -34835,7 +35209,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Picker-btn:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Picker-clear {
@@ -34909,7 +35283,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TagControl-sugTip {
-  color: #108cee;
+  color: #2468f2;
   margin-bottom: 0.375rem;
 }
 
@@ -34930,9 +35304,9 @@ readers do not read off random characters that represent icons */
   ) 0.5rem;
   font-size: 0.75rem;
   line-height: 18 / 12;
-  border-radius: 0;
+  border-radius: 0.142rem;
   height: 1.875rem;
-  color: #000;
+  color: #151a26;
   background: #fff;
   border-color: #cccccc;
   box-shadow: none;
@@ -34950,17 +35324,34 @@ readers do not read off random characters that represent icons */
   margin-left: 0.5rem;
 }
 
+.amis-scope .cxd-TagControl-sugItem .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
+.amis-scope .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
+.amis-scope .cxd-TagControl-sugItem > .pull-left {
+  margin-right: 0.5rem;
+}
+
+.amis-scope .cxd-TagControl-sugItem .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
+.amis-scope .cxd-TagControl-sugItem > .pull-right {
+  margin-left: 0.5rem;
+}
+
 .amis-scope .cxd-TagControl-sugItem img.cxd-Button-icon {
   height: 0.875rem;
   vertical-align: middle;
 }
 
 .amis-scope .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover {
-  color: #000;
+  color: #151a26;
   background: #ececec;
   border-color: #b4bbc5;
 }
 
+.amis-scope .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover:active {
+  color: #151a26;
+  background: #e6e6e6;
+  border-color: #adb4bf;
+}
+
 .amis-scope .cxd-TagControl-sugItem:hover:focus {
   box-shadow: none;
 }
@@ -34991,7 +35382,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Rating.is-active {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Rating.is-disabled {
@@ -35008,7 +35399,7 @@ readers do not read off random characters that represent icons */
   left: 0;
   width: 50%;
   content: attr(data-forhalf);
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-RatingControl {
@@ -35116,7 +35507,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Transfer-checkAll.is-disabled,
 .amis-scope .cxd-Transfer-clearAll.is-disabled {
   pointer-events: none;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-Transfer-tabs {
@@ -35184,7 +35575,7 @@ readers do not read off random characters that represent icons */
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 1.875rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-TransferControl {
@@ -35243,7 +35634,7 @@ readers do not read off random characters that represent icons */
   height: 10.9375rem;
   background: #fff;
   color: #333;
-  border: 0 solid #108cee;
+  border: 0 solid #2468f2;
   box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
   overflow-y: auto;
   overflow-x: hidden;
@@ -35268,11 +35659,11 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-NestedSelect-menu .cxd-NestedSelect-option > .cxd-NestedSelect-optionLabel.is-disabled {
   cursor: not-allowed;
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-NestedSelect-menu .cxd-NestedSelect-option.is-active {
-  color: #108cee;
+  color: #2468f2;
   background: transparent;
 }
 
@@ -35322,18 +35713,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #666;
+  color: #151a26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-IconPickerControl-input input::placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
 }
 
 .amis-scope .cxd-IconPickerControl-input:hover {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-IconPickerControl-input--borderHalf {
@@ -35353,7 +35744,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-IconPickerControl.is-focused > .cxd-IconPickerControl-input {
-  border-color: #108cee;
+  border-color: #2468f2;
   box-shadow: none;
   background: #fff;
   transition: all 0.2s;
@@ -35364,7 +35755,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-IconPickerControl.is-disabled > .cxd-IconPickerControl-input {
-  color: #999;
+  color: #b4b6ba;
   background: #f5f5f5;
   border-color: #ebebeb;
   transition: all 0.2s;
@@ -35405,7 +35796,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-IconPickerControl-placeholder {
-  color: #999;
+  color: #b4b6ba;
   user-select: none;
   position: absolute;
   left: 0.625rem;
@@ -35444,7 +35835,7 @@ readers do not read off random characters that represent icons */
   position: absolute;
   background: #fff;
   color: #333;
-  border: 0.0625rem solid #108cee;
+  border: 0.0625rem solid #2468f2;
   left: -0.0625rem;
   right: -0.0625rem;
   top: 100%;
@@ -35493,7 +35884,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-IconPickerControl-sugItem.is-active {
   color: #fff;
-  background: #108cee;
+  background: #2468f2;
 }
 
 .amis-scope .cxd-IconPickerControl-value {
@@ -35670,7 +36061,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Form-placeholder {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .cxd-Form-caption {
@@ -35985,7 +36376,7 @@ readers do not read off random characters that represent icons */
   display: block;
   border: 0.0625rem solid transparent;
   border-width: 0 0.125rem 0 0;
-  color: #666;
+  color: #151a26;
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
   outline: none;
@@ -35996,13 +36387,13 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link > a:hover {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a,
 .amis-scope .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link.is-active > a:hover {
-  color: #108cee;
-  border-color: #108cee;
+  color: #2468f2;
+  border-color: #2468f2;
 }
 
 .amis-scope .cxd-AnchorNav-section-wrap {
@@ -36288,7 +36679,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .bg-light {
   background-color: #eaf6fe;
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .bg-light.lt,
@@ -36363,11 +36754,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .bg-dark .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .bg-dark .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .bg-black {
@@ -36417,46 +36808,46 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .bg-black .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .bg-black .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .bg-primary {
-  background-color: #108cee;
-  color: #d1e7f9;
+  background-color: #2468f2;
+  color: #e6edfc;
 }
 
 .amis-scope .bg-primary.lt,
 .amis-scope .bg-primary .lt {
-  background: #2a97ee;
+  background: #3f79f1;
 }
 
 .amis-scope .bg-primary.lter,
 .amis-scope .bg-primary .lter {
-  background: #44a2ed;
+  background: #598bf0;
 }
 
 .amis-scope .bg-primary.dk,
 .amis-scope .bg-primary .dk {
-  background: #0c7ed9;
+  background: #0b57f2;
 }
 
 .amis-scope .bg-primary.dker,
 .amis-scope .bg-primary .dker {
-  background: #0870c3;
+  background: #074ddc;
 }
 
 .amis-scope .bg-primary.bg,
 .amis-scope .bg-primary .bg {
-  background-color: #108cee;
+  background-color: #2468f2;
 }
 
 .amis-scope .bg-primary a,
 .amis-scope .bg-primary .cxd-Button--link {
-  color: #feffff;
+  color: white;
 }
 
 .amis-scope .bg-primary a:hover,
@@ -36471,11 +36862,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .bg-primary .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .bg-primary .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .bg-success {
@@ -36525,46 +36916,46 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .bg-success .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .bg-success .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .bg-info {
-  background-color: #108cee;
-  color: #d1e7f9;
+  background-color: #2468f2;
+  color: #e6edfc;
 }
 
 .amis-scope .bg-info.lt,
 .amis-scope .bg-info .lt {
-  background: #2a97ee;
+  background: #3f79f1;
 }
 
 .amis-scope .bg-info.lter,
 .amis-scope .bg-info .lter {
-  background: #44a2ed;
+  background: #598bf0;
 }
 
 .amis-scope .bg-info.dk,
 .amis-scope .bg-info .dk {
-  background: #0c7ed9;
+  background: #0b57f2;
 }
 
 .amis-scope .bg-info.dker,
 .amis-scope .bg-info .dker {
-  background: #0870c3;
+  background: #074ddc;
 }
 
 .amis-scope .bg-info.bg,
 .amis-scope .bg-info .bg {
-  background-color: #108cee;
+  background-color: #2468f2;
 }
 
 .amis-scope .bg-info a,
 .amis-scope .bg-info .cxd-Button--link {
-  color: #feffff;
+  color: white;
 }
 
 .amis-scope .bg-info a:hover,
@@ -36579,11 +36970,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .bg-info .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .bg-info .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .bg-warning {
@@ -36633,11 +37024,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .bg-warning .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .bg-warning .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .bg-danger {
@@ -36687,16 +37078,16 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .bg-danger .text-muted {
-  color: #4d4d4d !important;
+  color: #030405 !important;
 }
 
 .amis-scope .bg-danger .text-lt {
-  color: #a6a6a6 !important;
+  color: #425278 !important;
 }
 
 .amis-scope .bg-white {
   background-color: #fff;
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .bg-white.lt,
@@ -36729,59 +37120,59 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope a.bg-primary:hover {
-  background: #0e7ed6;
+  background: #0e58ee;
 }
 
 .amis-scope a.text-primary:hover {
-  color: #0e7ed6;
+  color: #0e58ee;
 }
 
 .amis-scope .text-primary {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .text-primary-lt {
-  color: #0e7ed6;
+  color: #0e58ee;
 }
 
 .amis-scope .text-primary-lter {
-  color: #0d70be;
+  color: #0d4fd6;
 }
 
 .amis-scope .text-primary-dk {
-  color: #0e7ed6;
+  color: #0e58ee;
 }
 
 .amis-scope .text-primary-dker {
-  color: #0d70be;
+  color: #0d4fd6;
 }
 
 .amis-scope a.bg-info:hover {
-  background: #0e7ed6;
+  background: #0e58ee;
 }
 
 .amis-scope a.text-info:hover {
-  color: #0e7ed6;
+  color: #0e58ee;
 }
 
 .amis-scope .text-info {
-  color: #108cee;
+  color: #2468f2;
 }
 
 .amis-scope .text-info-lt {
-  color: #0e7ed6;
+  color: #0e58ee;
 }
 
 .amis-scope .text-info-lter {
-  color: #0d70be;
+  color: #0d4fd6;
 }
 
 .amis-scope .text-info-dk {
-  color: #0e7ed6;
+  color: #0e58ee;
 }
 
 .amis-scope .text-info-dker {
-  color: #0d70be;
+  color: #0d4fd6;
 }
 
 .amis-scope a.bg-success:hover {
@@ -36953,7 +37344,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .text-muted {
-  color: #999;
+  color: #b4b6ba;
 }
 
 .amis-scope .text-loud {
@@ -37360,7 +37751,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .b-primary {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .b-success {
@@ -37368,7 +37759,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .b-info {
-  border-color: #108cee;
+  border-color: #2468f2;
 }
 
 .amis-scope .b-warning {
@@ -37400,7 +37791,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .b-l-primary {
-  border-left-color: #108cee;
+  border-left-color: #2468f2;
 }
 
 .amis-scope .b-l-success {
@@ -37408,7 +37799,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .b-l-info {
-  border-left-color: #108cee;
+  border-left-color: #2468f2;
 }
 
 .amis-scope .b-l-warning {
@@ -38007,7 +38398,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .avatar i.off {
-  background: #999;
+  background: #b4b6ba;
 }
 
 .amis-scope .avatar i.busy {
@@ -38449,7 +38840,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .label-primary {
-  background: #108cee;
+  background: #2468f2;
 }
 
 .amis-scope .label-success {
@@ -38457,7 +38848,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .label-info {
-  background: #108cee;
+  background: #2468f2;
 }
 
 .amis-scope .label-warning {