amis 1.3.5-beta.3 → 1.4.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: #2468f2;
+}
+
+.amis-scope .cxd-Button--default:not(:disabled):not(.is-disabled):hover:active {
+  color: #1C53C1;
   background: #fff;
-  border-color: #108cee;
+  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;
@@ -21568,7 +21721,6 @@ readers do not read off random characters that represent icons */
   transform-origin: 100% 0;
   z-index: auto;
   border-radius: calc(1rem / 2);
-  box-shadow: 0 0 0 1px #fff;
 }
 
 .amis-scope .cxd-Badge--top-left {
@@ -21594,6 +21746,22 @@ readers do not read off random characters that represent icons */
   transform: translate(50%, 50%);
 }
 
+.amis-scope .cxd-Badge--danger {
+  background: #ea2e2e;
+}
+
+.amis-scope .cxd-Badge--info {
+  background: #2468f2;
+}
+
+.amis-scope .cxd-Badge--success {
+  background: #5fb333;
+}
+
+.amis-scope .cxd-Badge--warning {
+  background: #f39000;
+}
+
 .amis-scope .cxd-Badge-text {
   color: #fff;
   height: 1rem;
@@ -21610,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);
@@ -21740,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;
@@ -21749,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) {
@@ -21758,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 {
@@ -22388,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;
 }
 
@@ -22624,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;
 }
 
@@ -22663,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;
 }
 
@@ -22794,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 {
@@ -22803,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 *
@@ -22822,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;
 }
@@ -22847,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;
@@ -22854,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;
 }
@@ -22879,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 {
@@ -22926,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 {
@@ -22951,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 {
@@ -23021,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;
@@ -23110,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;
 }
@@ -23126,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;
 }
 
@@ -23155,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;
 }
@@ -23213,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,
@@ -23223,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;
 }
@@ -23270,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,
@@ -23280,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;
 }
 
@@ -23315,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 {
@@ -23465,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 {
@@ -23474,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;
 }
 
@@ -23507,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 > a::after {
-  border-left: 0.1875rem solid #108cee;
+.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;
-  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);
+  top: 0.6875rem;
+  display: none;
 }
 
-.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 .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 > a:hover,
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item > a:focus {
-  border-color: #333;
-  text-decoration: none;
-  background: rgba(0, 0, 0, 0.05);
+.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.disabled > a,
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-disabled > a {
-  color: #999;
-  background: transparent;
-  pointer-events: none;
+.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.active > a,
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > a {
-  color: #108cee;
-  background: #f6f7fb;
-  padding-left: 0.75rem;
-  position: relative;
+.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;
+  top: 0;
+  bottom: 0;
+  width: 2.1875rem;
+  overflow: hidden;
 }
 
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item.active > a::after,
-.amis-scope .cxd-Nav--stacked .cxd-Nav-item.is-active > a::after {
-  transform: scaleY(1);
+.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.is-unfolded > .cxd-Nav-itemToggler {
-  transform: rotate(180deg) scale(0.8);
+.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.is-unfolded > .cxd-Nav-subItems {
-  display: block;
-}
+.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: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,
+.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 > .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 > .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 > 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 .cxd-Nav-spinner {
+.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-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;
 }
 
@@ -23801,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;
 }
 
@@ -24032,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 {
@@ -24045,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 {
@@ -24083,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 {
@@ -24203,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 {
@@ -24278,8 +24632,13 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Spinner--icon {
   background: transparent;
   animation: spin 2s linear infinite;
-  width: auto;
-  height: auto;
+  width: 1rem;
+  height: 1rem;
+}
+
+.amis-scope .cxd-Spinner--icon svg.icon {
+  width: 1rem;
+  height: 1rem;
 }
 
 .amis-scope .cxd-Spinner--overlay {
@@ -24357,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;
 }
 
@@ -24437,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 {
@@ -24480,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;
 }
 
@@ -24492,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),
@@ -24505,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%);
 }
 
@@ -24534,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;
 }
@@ -24568,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);
@@ -24587,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;
 }
@@ -24697,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,
@@ -24713,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;
@@ -24758,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 {
@@ -24801,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 {
@@ -24815,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 {
@@ -24871,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 {
@@ -24901,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 {
@@ -24924,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;
@@ -25195,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,
@@ -25428,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 {
@@ -25447,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 {
@@ -25639,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;
 }
 
@@ -25730,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 {
@@ -25872,11 +26231,15 @@ readers do not read off random characters that represent icons */
   background: transparent;
 }
 
+.amis-scope .cxd-Table-table > tbody > tr.cxd-Table-tr--hasItemAction:hover {
+  cursor: pointer;
+}
+
 .amis-scope .cxd-Table-table > tbody > tr:hover,
 .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,
@@ -25914,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,
@@ -25989,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 {
@@ -26043,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,
@@ -26097,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 {
@@ -26151,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,
@@ -26205,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 {
@@ -26259,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 {
@@ -26313,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 {
@@ -26864,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,
@@ -26891,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 {
@@ -26909,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 {
@@ -26918,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 {
@@ -26942,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 {
@@ -26951,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 {
@@ -26983,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 {
@@ -27023,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 {
@@ -27043,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 {
@@ -27079,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;
@@ -27118,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,
@@ -27245,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;
@@ -27292,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 {
@@ -27378,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 {
@@ -27416,6 +27779,15 @@ readers do not read off random characters that represent icons */
   opacity: 0.1;
 }
 
+.amis-scope .cxd-ListItem--hasItemAction {
+  cursor: pointer;
+}
+
+.amis-scope .cxd-ListItem--hasItemAction:hover {
+  color: #000;
+  background: #eaf6fe;
+}
+
 .amis-scope .cxd-Cards-toolbar {
   margin: 0 0 0.75rem;
 }
@@ -27488,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;
@@ -27636,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;
@@ -27681,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;
@@ -27740,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 {
@@ -27757,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;
@@ -27769,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;
 }
 
@@ -27778,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 {
@@ -27787,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 {
@@ -27809,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;
 }
 
@@ -27817,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;
 }
 
@@ -27868,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 {
@@ -27962,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;
 }
 
@@ -28037,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 {
@@ -28086,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,
@@ -28110,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;
 }
 
@@ -28147,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 {
@@ -28249,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;
@@ -28685,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 {
@@ -28914,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 {
@@ -28942,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;
 }
@@ -28958,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;
 }
@@ -29020,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 {
@@ -29043,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;
 }
@@ -29053,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;
 }
@@ -29063,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;
@@ -29162,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;
 }
@@ -29213,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,
@@ -29227,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;
 }
 
@@ -29246,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);
 }
 
@@ -29265,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;
 }
 
@@ -29275,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;
@@ -29290,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 {
@@ -29477,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 {
@@ -29555,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,
@@ -29613,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;
@@ -29709,6 +30081,10 @@ readers do not read off random characters that represent icons */
     margin-bottom: 0.75rem;
   }
 
+  .amis-scope .cxd-Form-group:last-child {
+    margin-bottom: 0;
+  }
+
   .amis-scope .cxd-Form-value > .cxd-Form-group {
     margin-bottom: 0.375rem;
   }
@@ -30001,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 {
@@ -30009,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) {
@@ -30057,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 {
@@ -30088,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;
@@ -30099,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;
@@ -30140,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;
@@ -30237,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 {
@@ -30245,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 {
@@ -30280,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%;
@@ -30348,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 {
@@ -30370,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 {
@@ -30410,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 {
@@ -30469,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 {
@@ -30523,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 {
@@ -30545,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 {
@@ -30561,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 {
@@ -30613,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 {
@@ -30682,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;
@@ -30765,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,
@@ -30787,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;
 }
 
@@ -30799,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,
@@ -30829,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 {
@@ -30961,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,
@@ -30981,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 {
@@ -31001,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 {
@@ -31020,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;
 }
 
@@ -31030,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 {
@@ -31042,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 {
@@ -31064,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;
 }
 
@@ -31075,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;
@@ -31087,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 {
@@ -31111,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;
 }
@@ -31169,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 {
@@ -31247,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;
 }
 
@@ -31270,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 {
@@ -31316,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 {
@@ -31370,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;
 }
 
@@ -31383,6 +31759,18 @@ readers do not read off random characters that represent icons */
   border-left: none;
 }
 
+.amis-scope .cxd-NumberControl--withUnit {
+  display: flex;
+}
+
+.amis-scope .cxd-NumberControl--withUnit .cxd-Number {
+  flex-grow: 1;
+}
+
+.amis-scope .cxd-NumberControl--withUnit .cxd-Select {
+  border-left: 0;
+}
+
 .amis-scope .cxd-Select {
   display: inline-flex;
   vertical-align: middle;
@@ -31401,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;
 }
@@ -31485,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;
@@ -31499,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 {
@@ -31588,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;
 }
 
@@ -31598,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 {
@@ -31650,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;
 }
 
@@ -31683,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;
@@ -31737,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;
@@ -31784,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 {
@@ -31811,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);
 }
@@ -31821,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,
@@ -31848,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,
@@ -31857,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;
 }
@@ -31910,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 {
@@ -31938,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;
 }
 
@@ -31956,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 {
@@ -31979,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 {
@@ -32019,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 {
@@ -32059,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;
 }
 
@@ -32093,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 {
@@ -32113,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;
 }
 
@@ -32212,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;
 }
 
@@ -32229,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 {
@@ -32253,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 {
@@ -32303,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;
 }
 
@@ -32324,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 {
@@ -32356,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 {
@@ -32369,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,
@@ -32417,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%;
@@ -32440,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;
@@ -32455,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;
 }
 
@@ -32472,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 {
@@ -32523,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 {
@@ -32549,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 {
@@ -32562,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;
@@ -32570,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: #2468f2;
+}
+
+.amis-scope .rdtBtnCancel:not(:disabled):not(.is-disabled):hover:active {
+  color: #1C53C1;
   background: #fff;
-  border-color: #108cee;
+  border-color: #1C53C1;
 }
 
 .amis-scope .rdtBtnCancel:hover:focus {
@@ -32613,7 +33013,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .rdtSwitch:hover {
-  color: #0e77ca;
+  color: #0d54e2;
   text-decoration: none;
 }
 
@@ -32657,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,
@@ -32675,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;
 }
 
@@ -32733,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;
 }
 
@@ -32750,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 {
@@ -32773,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 {
@@ -32898,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 {
@@ -32941,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 {
@@ -33006,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;
 }
@@ -33091,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;
@@ -33231,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;
@@ -33240,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;
@@ -33287,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 {
@@ -33314,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 {
@@ -33339,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;
@@ -33347,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 {
@@ -33458,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;
 }
 
@@ -33478,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 {
@@ -33556,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 {
@@ -33591,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;
@@ -33613,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 {
@@ -33682,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 {
@@ -33713,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 {
@@ -33875,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;
 }
 
@@ -33892,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;
 }
@@ -33915,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 {
@@ -33973,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 {
@@ -33993,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 {
@@ -34038,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 {
@@ -34069,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;
@@ -34080,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;
@@ -34121,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;
 }
@@ -34134,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;
@@ -34143,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 *
@@ -34179,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;
 }
@@ -34204,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;
@@ -34211,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;
 }
@@ -34230,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 {
@@ -34246,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 {
@@ -34274,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 {
@@ -34301,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;
 }
 
@@ -34354,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;
 }
 
@@ -34378,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,
@@ -34441,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;
 }
@@ -34553,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;
@@ -34577,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;
 }
@@ -34626,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 {
@@ -34657,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;
@@ -34668,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;
@@ -34709,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;
 }
@@ -34720,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;
@@ -34758,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;
@@ -34768,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 {
@@ -34786,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 {
@@ -34860,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;
 }
 
@@ -34881,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;
@@ -34901,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;
 }
@@ -34942,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 {
@@ -34959,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 {
@@ -35067,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 {
@@ -35135,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 {
@@ -35194,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;
@@ -35219,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;
 }
 
@@ -35273,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 {
@@ -35304,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;
@@ -35315,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;
@@ -35356,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;
@@ -35395,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%;
@@ -35444,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 {
@@ -35621,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 {
@@ -35648,10 +36088,6 @@ readers do not read off random characters that represent icons */
     width: 5rem;
   }
 
-  .amis-scope .cxd-Form-control--sizeXs.cxd-TextareaControl {
-    width: auto;
-  }
-
   .amis-scope .cxd-Form-control--sizeSm {
     width: 10rem;
     max-width: 100%;
@@ -35663,10 +36099,6 @@ readers do not read off random characters that represent icons */
     width: 10rem;
   }
 
-  .amis-scope .cxd-Form-control--sizeSm.cxd-TextareaControl {
-    width: auto;
-  }
-
   .amis-scope .cxd-Form-control--sizeMd {
     width: 15rem;
     max-width: 100%;
@@ -35674,10 +36106,6 @@ readers do not read off random characters that represent icons */
     vertical-align: top;
   }
 
-  .amis-scope .cxd-Form-control--sizeMd.cxd-TextareaControl {
-    width: auto;
-  }
-
   .amis-scope .cxd-Form-control--sizeLg {
     width: 20rem;
     max-width: 100%;
@@ -35689,10 +36117,6 @@ readers do not read off random characters that represent icons */
     width: 20rem;
   }
 
-  .amis-scope .cxd-Form-control--sizeLg.cxd-TextareaControl {
-    width: auto;
-  }
-
   .amis-scope .cxd-Form-item--horizontal {
     display: flex;
     flex-wrap: nowrap;
@@ -35852,7 +36276,9 @@ readers do not read off random characters that represent icons */
   }
 
   .amis-scope .cxd-Form-item--inline > .cxd-Form-label .cxd-Form-star {
-    position: static;
+    position: absolute;
+    left: -0.375rem;
+    top: 0.1875rem;
   }
 
   .amis-scope .cxd-Form-item--inline > .cxd-Form-value {
@@ -35950,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;
@@ -35961,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 {
@@ -35982,13 +36408,278 @@ readers do not read off random characters that represent icons */
   padding: 0.75rem;
 }
 
+.amis-scope .cxd-Markdown strong {
+  font-weight: bolder;
+}
+
+.amis-scope .cxd-Markdown img {
+  border-style: none;
+}
+
+.amis-scope .cxd-Markdown svg:not(:root) {
+  overflow: hidden;
+}
+
+.amis-scope .cxd-Markdown button:-moz-focusring,
+.amis-scope .cxd-Markdown [type=button]:-moz-focusring,
+.amis-scope .cxd-Markdown [type=reset]:-moz-focusring,
+.amis-scope .cxd-Markdown [type=submit]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+.amis-scope .cxd-Markdown [type=checkbox] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.amis-scope .cxd-Markdown table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.amis-scope .cxd-Markdown table td,
+.amis-scope .cxd-Markdown table th {
+  padding: 0;
+}
+
+.amis-scope .cxd-Markdown hr {
+  height: 0;
+  margin: 15px 0;
+  overflow: hidden;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid #ddd;
+}
+
+.amis-scope .cxd-Markdown hr::before {
+  display: table;
+  content: "";
+}
+
+.amis-scope .cxd-Markdown hr::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.amis-scope .cxd-Markdown p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+.amis-scope .cxd-Markdown blockquote {
+  margin: 0;
+}
+
+.amis-scope .cxd-Markdown ul,
+.amis-scope .cxd-Markdown ol {
+  padding-left: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.amis-scope .cxd-Markdown ol ol,
+.amis-scope .cxd-Markdown ul ol {
+  list-style-type: lower-roman;
+}
+
+.amis-scope .cxd-Markdown ul ul ol,
+.amis-scope .cxd-Markdown ul ol ol,
+.amis-scope .cxd-Markdown ol ul ol,
+.amis-scope .cxd-Markdown ol ol ol {
+  list-style-type: lower-alpha;
+}
+
+.amis-scope .cxd-Markdown dd {
+  margin-left: 0;
+}
+
+.amis-scope .cxd-Markdown p,
+.amis-scope .cxd-Markdown blockquote,
+.amis-scope .cxd-Markdown ul,
+.amis-scope .cxd-Markdown ol,
+.amis-scope .cxd-Markdown dl,
+.amis-scope .cxd-Markdown table,
+.amis-scope .cxd-Markdown pre {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+
+.amis-scope .cxd-Markdown hr {
+  height: 4px;
+  padding: 0;
+  margin: 16px 0;
+  background-color: #e7e7e7;
+  border: 0 none;
+}
+
+.amis-scope .cxd-Markdown ul:not(.dropdown-menu):not(.nav),
+.amis-scope .cxd-Markdown ol {
+  padding-left: 2em;
+}
+
+.amis-scope .cxd-Markdown ul ul,
+.amis-scope .cxd-Markdown ul ol,
+.amis-scope .cxd-Markdown ol ol,
+.amis-scope .cxd-Markdown ol ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.amis-scope .cxd-Markdown li > p {
+  margin-top: 16px;
+}
+
+.amis-scope .cxd-Markdown dl {
+  padding: 0;
+}
+
+.amis-scope .cxd-Markdown dl dt {
+  padding: 0;
+  margin-top: 16px;
+  font-size: 1em;
+  font-style: italic;
+  font-weight: bold;
+}
+
+.amis-scope .cxd-Markdown dl dd {
+  padding: 0 16px;
+  margin-bottom: 16px;
+}
+
+.amis-scope .cxd-Markdown blockquote {
+  padding: 0 15px;
+  color: #777;
+  border-left: 4px solid #ddd;
+}
+
+.amis-scope .cxd-Markdown blockquote > :first-child {
+  margin-top: 0;
+}
+
+.amis-scope .cxd-Markdown blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.amis-scope .cxd-Markdown table {
+  display: block;
+  width: 100%;
+  overflow: auto;
+  word-break: normal;
+}
+
+.amis-scope .cxd-Markdown table th {
+  font-weight: bold;
+}
+
+.amis-scope .cxd-Markdown table th,
+.amis-scope .cxd-Markdown table td {
+  padding: 6px 13px;
+  border: 1px solid #ddd;
+}
+
+.amis-scope .cxd-Markdown table tr {
+  background-color: #fff;
+  border-top: 1px solid #ccc;
+}
+
+.amis-scope .cxd-Markdown table tr:nth-child(2n) {
+  background-color: #f8f8f8;
+}
+
+@media (min-width: 1200px) {
+  .amis-scope .cxd-Markdown img {
+    max-width: 800px;
+  }
+}
+
+.amis-scope .cxd-Markdown code {
+  padding: 0;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+  margin: 0;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-radius: 3px;
+}
+
+.amis-scope .cxd-Markdown code:before,
+.amis-scope .cxd-Markdown code:after {
+  letter-spacing: -0.2em;
+  content: " ";
+}
+
+.amis-scope .cxd-Markdown pre > code {
+  padding: 0;
+  margin: 0;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
+}
+
+.amis-scope .cxd-Markdown .highlight {
+  margin-bottom: 16px;
+}
+
+.amis-scope .cxd-Markdown .highlight pre,
+.amis-scope .cxd-Markdown pre {
+  padding: 16px;
+  overflow: auto;
+  line-height: 1.45;
+  background-color: #f7f7f7;
+  border-radius: 3px;
+}
+
+.amis-scope .cxd-Markdown .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+
+.amis-scope .cxd-Markdown pre {
+  word-wrap: normal;
+}
+
+.amis-scope .cxd-Markdown pre code {
+  display: inline;
+  max-width: initial;
+  padding: 0;
+  margin: 0;
+  overflow: initial;
+  line-height: inherit;
+  word-wrap: normal;
+  background-color: transparent;
+  border: 0;
+}
+
+.amis-scope .cxd-Markdown pre code:before,
+.amis-scope .cxd-Markdown pre code:after {
+  content: normal;
+}
+
+.amis-scope .cxd-Markdown kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  line-height: 10px;
+  color: #555;
+  vertical-align: middle;
+  background-color: #fcfcfc;
+  border: solid 1px #ccc;
+  border-bottom-color: #bbb;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 #bbb;
+}
+
+.amis-scope .cxd-Markdown hr {
+  border-bottom-color: #eee;
+}
+
 /*
  * utilities
  */
 
 .amis-scope .bg-light {
   background-color: #eaf6fe;
-  color: #666;
+  color: #151a26;
 }
 
 .amis-scope .bg-light.lt,
@@ -36063,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 {
@@ -36117,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,
@@ -36171,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 {
@@ -36225,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,
@@ -36279,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 {
@@ -36333,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 {
@@ -36387,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,
@@ -36429,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 {
@@ -36653,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 {
@@ -37060,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 {
@@ -37068,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 {
@@ -37100,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 {
@@ -37108,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 {
@@ -37707,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 {
@@ -38149,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 {
@@ -38157,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 {