amis 1.6.5-beta.3 → 1.8.0-beta.0

package/sdk/cxd-ie11.css

@@ -23171,11 +23171,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope svg.icon-success {
-  color: #0bc286;
+  color: #30bf13;
 }
 
 .amis-scope svg.icon-fail {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 /**
@@ -23226,7 +23226,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .is-matched {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 .amis-scope pre,
@@ -24810,10 +24810,10 @@ readers do not read off random characters that represent icons */
   filter: grayscale(100%);
   box-shadow: none;
   cursor: not-allowed;
-  color: #b4b6ba;
+  color: #b8babf;
   pointer-events: auto;
-  border: 0.0625rem solid #e6e6e8;
-  background: #e6e6e8;
+  border: 0.0625rem solid #f2f2f4;
+  background: #f2f2f4;
 }
 
 .amis-scope .cxd-Button.is-disabled > svg,
@@ -24858,14 +24858,14 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Button--primary:not(:disabled):not(.is-disabled):hover {
   color: #ffffff;
-  background: #4f86f4;
-  border-color: #4f86f4;
+  background: #528eff;
+  border-color: #528eff;
 }
 
 .amis-scope .cxd-Button--primary:not(:disabled):not(.is-disabled):hover:active {
   color: #ffffff;
-  background: #1c53c1;
-  border-color: #1c53c1;
+  background: #144bcc;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-Button--primary:hover:focus {
@@ -24874,22 +24874,22 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Button--secondary {
   color: #fff;
-  background: #b4b6ba;
-  border-color: #b4b6ba;
+  background: #b8babf;
+  border-color: #b8babf;
   box-shadow: none;
   text-shadow: none;
 }
 
 .amis-scope .cxd-Button--secondary:not(:disabled):not(.is-disabled):hover {
   color: #fff;
-  background: #a0a3a8;
-  border-color: #999ca2;
+  background: #a4a6ad;
+  border-color: #9da0a7;
 }
 
 .amis-scope .cxd-Button--secondary:not(:disabled):not(.is-disabled):hover:active {
   color: #fff;
-  background: #999ca2;
-  border-color: #93969b;
+  background: #9da0a7;
+  border-color: #9699a1;
 }
 
 .amis-scope .cxd-Button--secondary:hover:focus {
@@ -24898,22 +24898,22 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Button--success {
   color: #fff;
-  background: #0bc286;
-  border-color: #0bc286;
+  background: #30bf13;
+  border-color: #30bf13;
   box-shadow: none;
   text-shadow: none;
 }
 
 .amis-scope .cxd-Button--success:not(:disabled):not(.is-disabled):hover {
   color: #fff;
-  background: #099e6d;
-  border-color: #089265;
+  background: #279c10;
+  border-color: #24910e;
 }
 
 .amis-scope .cxd-Button--success:not(:disabled):not(.is-disabled):hover:active {
   color: #fff;
-  background: #089265;
-  border-color: #08865c;
+  background: #24910e;
+  border-color: #21850d;
 }
 
 .amis-scope .cxd-Button--success:hover:focus {
@@ -24970,22 +24970,22 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Button--warning {
   color: #fff;
-  background: #ffb200;
-  border-color: #ffb200;
+  background: #ff9326;
+  border-color: #ff9326;
   box-shadow: none;
   text-shadow: none;
 }
 
 .amis-scope .cxd-Button--warning:not(:disabled):not(.is-disabled):hover {
   color: #fff;
-  background: #d99700;
-  border-color: #cc8e00;
+  background: #ff8000;
+  border-color: #f27a00;
 }
 
 .amis-scope .cxd-Button--warning:not(:disabled):not(.is-disabled):hover:active {
   color: #fff;
-  background: #cc8e00;
-  border-color: #bf8600;
+  background: #f27a00;
+  border-color: #e57300;
 }
 
 .amis-scope .cxd-Button--warning:hover:focus {
@@ -25065,9 +25065,9 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Button--default {
-  color: #151a26;
+  color: #151b26;
   background: #ffffff;
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
   box-shadow: none;
   text-shadow: none;
 }
@@ -25079,9 +25079,9 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Button--default:not(:disabled):not(.is-disabled):hover:active {
-  color: #1c53c1;
+  color: #144bcc;
   background: #ffffff;
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-Button--default:hover:focus {
@@ -25313,9 +25313,9 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Button--link:disabled,
 .amis-scope .cxd-Button--link.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
   pointer-events: none;
-  background: #e6e6e8;
+  background: #f2f2f4;
 }
 
 .amis-scope .cxd-Button--block {
@@ -25412,13 +25412,109 @@ readers do not read off random characters that represent icons */
   transform: scale(1.1);
 }
 
+.amis-scope .cxd-Breadcrumb {
+  font-size: 0.875rem;
+  font-weight: 400;
+  color: #84868c;
+}
+
 .amis-scope .cxd-Breadcrumb-icon {
   margin-right: 0.125rem;
+  min-width: 0.25rem;
+}
+
+.amis-scope .cxd-Breadcrumb-item {
+  position: relative;
+}
+
+.amis-scope .cxd-Breadcrumb-item-default {
+  cursor: pointer;
+  color: #84868c;
+}
+
+.amis-scope .cxd-Breadcrumb-item-dropdown {
+  cursor: pointer;
+  color: #151b26;
+}
+
+.amis-scope .cxd-Breadcrumb-item a:hover {
+  color: #2468f2;
+}
+
+.amis-scope .cxd-Breadcrumb-item a:active {
+  color: #144bcc;
+}
+
+.amis-scope .cxd-Breadcrumb-item-last .cxd-Breadcrumb-item-default {
+  font-weight: 500;
+  color: #151a26;
+}
+
+.amis-scope .cxd-Breadcrumb-item-caret {
+  margin-left: 0.5rem;
+  cursor: pointer;
+  display: inline-block;
+  transition: transform 0s ease;
+}
+
+.amis-scope .cxd-Breadcrumb-item-caret > svg {
+  width: 0.625rem;
+  height: 0.625rem;
+  top: 0.0625rem;
+}
+
+.amis-scope .cxd-Breadcrumb-item.is-opened .cxd-Breadcrumb-item-caret {
+  transform: translateY(0.125rem) rotate(180deg);
+  color: #2468f2;
+}
+
+.amis-scope .cxd-Breadcrumb-item.is-opened .cxd-Breadcrumb-item-default {
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Breadcrumb-separator {
   user-select: none;
-  margin: 0 0.25rem;
+  margin: 0 0.5rem;
+  text-align: center;
+  min-width: 0.25rem;
+}
+
+.amis-scope .cxd-Breadcrumb-dropdown {
+  position: absolute;
+  z-index: 1000;
+  top: 100%;
+  left: 0;
+  margin: 0.0625rem 0;
+  background: #fff;
+  list-style: none;
+  padding: 0.25rem 0;
+  border: 0.0625rem solid #eceff8;
+  border-radius: 0.25rem;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  min-width: 100%;
+  text-align: left;
+  font-size: 0.75rem;
+}
+
+.amis-scope .cxd-Breadcrumb-dropdown > li {
+  padding: 0.5rem calc(
+    (2rem - 0.75rem) / 2
+  );
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding-left: 0.75rem;
+  vertical-align: middle;
+  user-select: none;
+  color: #151b26;
+  background-color: #ffffff;
+}
+
+.amis-scope .cxd-Breadcrumb-dropdown > li:hover {
+  background: #e6f0ff;
+}
+
+.amis-scope .cxd-Breadcrumb-dropdown > li:hover a {
+  color: #2468f2;
 }
 
 .amis-scope .cxd-Badge {
@@ -25429,7 +25525,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Badge-text,
 .amis-scope .cxd-Badge-dot,
 .amis-scope .cxd-Badge-ribbon {
-  background: #e8684a;
+  background: #f33e3e;
   position: absolute;
   top: 0;
   right: 0;
@@ -25463,7 +25559,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Badge--danger {
-  background: #e8684a;
+  background: #f33e3e;
 }
 
 .amis-scope .cxd-Badge--info {
@@ -25471,11 +25567,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Badge--success {
-  background: #0bc286;
+  background: #30bf13;
 }
 
 .amis-scope .cxd-Badge--warning {
-  background: #ffb200;
+  background: #ff9326;
 }
 
 .amis-scope .cxd-Badge-text {
@@ -25664,12 +25760,12 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Modal-title {
   font-size: 14px;
   color: #333;
-  font-weight: #151a26;
+  font-weight: #151b26;
 }
 
 .amis-scope .cxd-Modal-close {
   float: right;
-  color: #b4b6ba;
+  color: #b8babf;
   line-height: inherit;
   text-decoration: none;
   vertical-align: middle;
@@ -25678,7 +25774,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Modal-close svg {
   width: 0.75rem;
   height: 0.75rem;
-  fill: #b4b6ba;
+  fill: #b8babf;
 }
 
 .amis-scope .cxd-Modal-close:not(.is-disabled) {
@@ -25794,7 +25890,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Dialog-error {
-  color: #e8684a;
+  color: #f33e3e;
   white-space: pre-wrap;
 }
 
@@ -25956,7 +26052,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Drawer-footer .cxd-Drawer-error {
-  color: #e8684a;
+  color: #f33e3e;
   white-space: pre-wrap;
 }
 
@@ -26094,7 +26190,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Drawer--right .cxd-Drawer-footer .cxd-Drawer-error {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 .amis-scope .cxd-Drawer--right .cxd-Drawer-resizeCtrl {
@@ -26327,6 +26423,7 @@ readers do not read off random characters that represent icons */
   border-bottom: 0.0625rem solid #ebebeb;
   border-top-left-radius: calc( 0.428rem - 0.0625rem );
   border-top-right-radius: calc( 0.428rem - 0.0625rem );
+  font-weight: bold;
 }
 
 .amis-scope .cxd-Tooltip-title:empty {
@@ -26338,6 +26435,62 @@ readers do not read off random characters that represent icons */
   padding: 0.5rem 0.5rem;
 }
 
+.amis-scope .cxd-Tooltip--dark {
+  background: rgba(7, 12, 20, 0.85);
+  border: none;
+  box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
+}
+
+.amis-scope .cxd-Tooltip--dark .cxd-Tooltip-title {
+  color: #fff;
+  background: transparent;
+  border-bottom: none;
+}
+
+.amis-scope .cxd-Tooltip--dark .cxd-Tooltip-title::before {
+  border-bottom-color: transparent;
+}
+
+.amis-scope .cxd-Tooltip--dark .cxd-Tooltip-body {
+  color: #fff;
+}
+
+.amis-scope .cxd-Tooltip--dark.cxd-Tooltip--top .cxd-Tooltip-arrow::before {
+  border-width: 0;
+}
+
+.amis-scope .cxd-Tooltip--dark.cxd-Tooltip--top .cxd-Tooltip-arrow::after {
+  border-top-color: rgba(7, 12, 20, 0.85);
+}
+
+.amis-scope .cxd-Tooltip--dark.cxd-Tooltip--bottom .cxd-Tooltip-arrow::before {
+  border-width: 0;
+}
+
+.amis-scope .cxd-Tooltip--dark.cxd-Tooltip--bottom .cxd-Tooltip-arrow::after {
+  border-bottom-color: rgba(7, 12, 20, 0.85);
+}
+
+.amis-scope .cxd-Tooltip--dark.cxd-Tooltip--left .cxd-Tooltip-arrow::before {
+  border-width: 0;
+}
+
+.amis-scope .cxd-Tooltip--dark.cxd-Tooltip--left .cxd-Tooltip-arrow::after {
+  border-left-color: rgba(7, 12, 20, 0.85);
+}
+
+.amis-scope .cxd-Tooltip--dark.cxd-Tooltip--right .cxd-Tooltip-arrow::before {
+  border-width: 0;
+}
+
+.amis-scope .cxd-Tooltip--dark.cxd-Tooltip--right .cxd-Tooltip-arrow::after {
+  border-right-color: rgba(7, 12, 20, 0.85);
+}
+
+.amis-scope .cxd-TooltipWrapper--inline {
+  display: inline-block;
+}
+
 @keyframes tooltipIn {
   from {
     opacity: 0;
@@ -26571,6 +26724,19 @@ readers do not read off random characters that represent icons */
   flex-direction: column;
 }
 
+.amis-scope .cxd-PopUp-closeBox {
+  width: 3rem;
+  height: 3rem;
+  position: absolute;
+  z-index: 1;
+  cursor: pointer;
+  right: 0;
+  top: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .amis-scope .cxd-PopUp-closeWrap {
   position: relative;
   text-align: center;
@@ -26579,12 +26745,9 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-PopUp-closeWrap .cxd-PopUp-close {
-  position: absolute;
   z-index: 1;
   color: #999;
   cursor: pointer;
-  top: 0.9375rem;
-  right: 0.9375rem;
 }
 
 .amis-scope .cxd-PopUp-toolbar {
@@ -26940,25 +27103,25 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Toast--error {
-  color: #151a26;
+  color: #151b26;
   border-color: #ffffff;
   background: #ffffff;
 }
 
 .amis-scope .cxd-Toast--warning {
-  color: #151a26;
+  color: #151b26;
   border-color: #ffffff;
   background: #ffffff;
 }
 
 .amis-scope .cxd-Toast--info {
-  color: #151a26;
+  color: #151b26;
   border-color: #ffffff;
   background: #ffffff;
 }
 
 .amis-scope .cxd-Toast--success {
-  color: #151a26;
+  color: #151b26;
   border-color: #ffffff;
   background: #ffffff;
 }
@@ -27047,7 +27210,7 @@ readers do not read off random characters that represent icons */
   border-radius: 0.25rem;
   margin-bottom: var(--Alert-md);
   position: relative;
-  color: #5e626a;
+  color: #5c5f66;
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
@@ -27099,26 +27262,26 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Alert--danger {
-  color: #5e626a;
-  background: #fdf0ee;
+  color: #5c5f66;
+  background: #ffe8e6;
   border-color: transparent;
 }
 
 .amis-scope .cxd-Alert--info {
-  color: #5e626a;
-  background: #e9f0fd;
+  color: #5c5f66;
+  background: #e6f0ff;
   border-color: transparent;
 }
 
 .amis-scope .cxd-Alert--success {
-  color: #5e626a;
-  background: #e7f9f2;
+  color: #5c5f66;
+  background: #ecffe6;
   border-color: transparent;
 }
 
 .amis-scope .cxd-Alert--warning {
-  color: #5e626a;
-  background: #fff7e6;
+  color: #5c5f66;
+  background: #fff4e6;
   border-color: transparent;
 }
 
@@ -27159,7 +27322,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ArrayInput-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   padding-top: calc(
     (
         2rem - 1.4285714286 *
@@ -27252,7 +27415,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ArrayInput-sortTip {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-ArrayInput-item {
@@ -27306,68 +27469,123 @@ readers do not read off random characters that represent icons */
   cursor: move;
 }
 
-.amis-scope .cxd-Tabs-linksContainer {
+.amis-scope .cxd-Tabs-drag-tip {
+  display: none;
+}
+
+.amis-scope .cxd-Tabs-linksWrapper {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  border-bottom: 0.0625rem solid #f2f2f4;
+}
+
+.amis-scope .cxd-Tabs-linksContainer-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable {
+  display: flex;
+  margin-left: 1.25rem;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 0 0 10px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable-icon {
+  width: 0.9375rem;
+  height: 0.9375rem;
+  padding: 0.0625rem;
+  margin-right: 0.25rem;
+}
+
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable span {
+  margin-left: 4px;
+  line-height: 1;
+}
+
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable:hover {
+  color: #2468f2;
+  fill: #2468f2;
+}
+
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer {
+  flex-grow: 1;
   position: relative;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
 }
 
-.amis-scope .cxd-Tabs-linksContainer-arrow {
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow {
+  margin: 0 0 10px;
+  width: 16px;
   height: 100%;
   display: flex;
   align-items: center;
-  top: 0;
   cursor: pointer;
-  position: absolute;
+  box-sizing: content-box;
 }
 
-.amis-scope .cxd-Tabs-linksContainer-arrow .iconfont {
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow .iconfont {
   font-size: 0.75rem;
 }
 
-.amis-scope .cxd-Tabs-linksContainer-arrow:hover {
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow:hover {
   color: #2468f2;
 }
 
-.amis-scope .cxd-Tabs-linksContainer-arrow--left {
-  left: 4px;
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--left {
+  padding-right: 16px;
 }
 
-.amis-scope .cxd-Tabs-linksContainer-arrow--right {
-  right: 4px;
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--right {
+  padding-left: 16px;
 }
 
-.amis-scope .cxd-Tabs-linksContainer-arrow--disabled .iconfont {
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--disabled .iconfont {
   cursor: not-allowed;
   color: #999;
 }
 
-.amis-scope .cxd-Tabs-linksContainer-arrow--disabled:hover {
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--disabled:hover {
   color: #999;
 }
 
-.amis-scope .cxd-Tabs-linksContainer-main {
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main {
+  position: relative;
   overflow-y: auto;
   scrollbar-width: none;
   width: 100%;
 }
 
-.amis-scope .cxd-Tabs-linksContainer-main::-webkit-scrollbar {
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main::-webkit-scrollbar {
   display: none;
 }
 
-.amis-scope .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
-  white-space: nowrap;
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main .cxd-Tabs-links {
   min-width: 100%;
-  display: inline-block;
+  max-width: 0;
+  height: 100%;
+  overflow-x: hidden;
 }
 
-.amis-scope .cxd-Tabs .cxd-Tabs-linksContainer--overflow {
-  padding: 0 20px;
+.amis-scope .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main .cxd-Tabs-links .cxd-Tabs-links-drag {
+  position: absolute;
+  height: 100%;
+  top: 0;
+  box-shadow: 0 0 0 1px red;
 }
 
 .amis-scope .cxd-Tabs-links {
+  display: flex;
   margin: 0;
   padding: 0;
-  border-bottom: 0.0625rem solid #eceff8;
   list-style: none;
   user-select: none;
 }
@@ -27383,9 +27601,27 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tabs-links > .cxd-Tabs-link {
-  margin-bottom: calc(0.0625rem * -1);
-  display: inline-block;
   position: relative;
+  flex: none;
+  display: flex;
+  max-width: 10rem;
+  overflow: hidden;
+}
+
+.amis-scope .cxd-Tabs-links > .cxd-Tabs-link .cxd-Tabs-link-edit {
+  max-width: 10rem;
+  border: none;
+  outline: none;
+}
+
+.amis-scope .cxd-Tabs-links > .cxd-Tabs-link .cxd-Tabs-link-close {
+  margin: 0.0625rem 0 0 0.25rem;
+  fill: #83868c;
+  cursor: pointer;
+}
+
+.amis-scope .cxd-Tabs-links > .cxd-Tabs-link .cxd-Tabs-link-close .cxd-Tabs-link-close-icon {
+  width: 0.75rem;
 }
 
 .amis-scope .cxd-Tabs-links > .cxd-Tabs-link > a:first-child {
@@ -27400,6 +27636,9 @@ readers do not read off random characters that represent icons */
   text-decoration: none;
   cursor: pointer;
   display: block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 .amis-scope .cxd-Tabs-links > .cxd-Tabs-link > .cxd-Combo-toolbarBtn {
@@ -27416,7 +27655,6 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Tabs-links > .cxd-Tabs-link:hover > a:first-child,
 .amis-scope .cxd-Tabs-links > .cxd-Tabs-link > a:first-child:focus {
-  border-color: #e5e7eb;
   text-decoration: none;
 }
 
@@ -27427,7 +27665,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Tabs-links > .cxd-Tabs-link.disabled > a:first-child,
 .amis-scope .cxd-Tabs-links > .cxd-Tabs-link.is-disabled > a:first-child {
-  color: #4b5563;
+  color: #b8babf;
   background: transparent;
   border-color: transparent;
   pointer-events: none;
@@ -27445,7 +27683,7 @@ readers do not read off random characters that represent icons */
   background: #fff;
   border-style: solid;
   border-width: 0 0.0625rem 0.0625rem;
-  border-color: #eceff8;
+  border-color: #f2f2f4;
 }
 
 .amis-scope .cxd-Tabs-pane {
@@ -27463,42 +27701,76 @@ readers do not read off random characters that represent icons */
   opacity: 1;
 }
 
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper {
+  border-bottom: 0.0625rem solid #f2f2f4;
+}
+
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper--toolbar .cxd-Tabs-link {
+  padding-top: 10px;
+}
+
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper--toolbar .cxd-Tabs-addable {
+  padding: 0;
+}
+
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper--toolbar .cxd-Tabs-linksContainer-arrow {
+  margin: 0;
+}
+
 .amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
   top: -4px;
 }
 
-.amis-scope .cxd-Tabs--line > .cxd-Tabs-links,
-.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
   border-bottom-color: #eceff8;
 }
 
-.amis-scope .cxd-Tabs--line > .cxd-Tabs-links > li > a:first-child,
-.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:first-of-type,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:first-of-type {
+  padding-left: 0;
+}
+
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:last-of-type,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-of-type {
+  padding-right: 0;
+}
+
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
   border-width: 0 0 0.125rem 0;
   padding: 0 0 8px;
-  margin: 0 40px 0 0;
 }
 
-.amis-scope .cxd-Tabs--line > .cxd-Tabs-links > li > a:first-child:hover,
-.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 {
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover a:first-child,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover a:first-child {
   color: #2468f2;
   background: transparent;
   border-color: transparent;
 }
 
-.amis-scope .cxd-Tabs--line > .cxd-Tabs-links > li:last-child > a,
-.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-child > a {
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover .cxd-Tabs-link-close,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover .cxd-Tabs-link-close {
+  fill: #2468f2;
+}
+
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:last-child > a,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-child > a {
   margin: 0;
 }
 
-.amis-scope .cxd-Tabs--line > .cxd-Tabs-links > li.is-active > a:first-child,
-.amis-scope .cxd-Tabs--line > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.amis-scope .cxd-Tabs--line > .cxd-Tabs-links > li.is-active > a:first-child:focus,
-.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 {
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:hover,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:focus,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
+.amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .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-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus {
   border-color: #2468f2;
   color: #2468f2;
   background: transparent;
@@ -27514,105 +27786,173 @@ readers do not read off random characters that represent icons */
   background: #f5f5f5;
 }
 
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-links,
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
-  padding: 0.375rem 0 0 0.625rem;
+.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper {
   background: #f5f5f5;
+}
+
+.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-addable {
+  margin-left: 0;
+  padding: 0;
+  padding-top: 0.4375rem;
+  margin-right: 1rem;
+}
+
+.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-addable {
+  padding: 0;
+}
+
+.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
+  padding: 0.5rem 1rem 0;
+  margin-bottom: 0;
+}
+
+.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
+  padding: 0.375rem 0 0 0.625rem;
   border-top: 0.0625rem solid #eceff8;
 }
 
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-links > li.is-active > a:first-child,
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-links > li.is-active > a:first-child:focus,
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
-.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 {
+.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+  padding: 0.625rem 0.625rem;
+  margin: 0 10px 0 0;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  cursor: pointer;
+}
+
+.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active {
   border-color: #fff;
   color: #2468f2;
   border-bottom-color: #fff;
   background: #fff;
 }
 
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-links > li > a:first-child,
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
-  padding: 0.625rem 0.625rem;
-  margin: 0 10px 0 0;
-}
-
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-links > li > a:first-child:hover,
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-links > li > a:first-child:focus,
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:hover,
-.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:focus {
-  color: #666;
+.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover,
+.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus {
   background: #fff;
   border-bottom-color: transparent;
 }
 
+.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+  padding: 0;
+  border: none;
+}
+
+.amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-toolbar {
+  padding: 0.375rem 0 0 0.625rem;
+  margin: 0;
+}
+
 .amis-scope .cxd-Tabs--card > .cxd-Tabs-content {
   border-width: 0;
 }
 
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
-  top: -4px;
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper {
+  margin-bottom: 0.625rem;
 }
 
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-links,
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
-  border: 0;
-  margin-bottom: 0.625rem;
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable {
+  padding: 0;
 }
 
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-links > li,
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
-  margin: 0;
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
+  margin-bottom: 0;
+}
+
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
+  border: 0;
 }
 
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-links > li > a:first-child,
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+  margin: 0;
+  align-items: center;
   border-width: 0.0625rem;
-  border-color: #eceff8;
-  font-size: 0.75rem;
+  border-color: #f2f2f4;
   text-align: center;
   margin: 0;
   padding: 0 0.625rem;
   min-width: 68px;
   height: 1.875rem;
-  line-height: 1.875rem;
-  border-radius: 0;
   background: #fff;
+  border-style: solid;
 }
 
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-links > li > a:first-child:hover,
-.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 {
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover,
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus {
   color: #2468f2;
 }
 
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-links > li.is-active > a:first-child,
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-links > li.is-active > a:first-child:focus,
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
-.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;
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+  padding: 0;
+  border-radius: 0;
+  line-height: 1.875rem;
+  font-size: 0.75rem;
+  border: none;
+}
+
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active {
   background: #2468f2;
   border-color: #2468f2;
   position: relative;
   z-index: 1;
 }
 
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-links > li + li,
-.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li + li {
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child {
+  background: #2468f2;
+  color: #fff;
+}
+
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > .cxd-Tabs-link-close {
+  fill: #fff;
+}
+
+.amis-scope .cxd-Tabs--radio > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li + li {
   margin-left: -1px;
 }
 
 .amis-scope .cxd-Tabs--radio > .cxd-Tabs-content {
-  border-top: 0.0625rem solid #eceff8;
+  border-top: 0.0625rem solid #f2f2f4;
+}
+
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper {
+  align-items: stretch;
+  border-bottom: none;
+}
+
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer {
+  flex: 1;
+  align-items: stretch;
+}
+
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
+  margin-bottom: 0;
+  padding: 0 10px;
+  height: auto;
+  align-items: center;
+  justify-content: center;
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: #f2f2f4;
+}
+
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:first-of-type {
+  border-left-width: 0;
+}
+
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:last-of-type {
+  border-right-width: 0;
+}
+
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable {
+  padding: 0 0.75rem;
+  margin-left: 0;
+  white-space: nowrap;
+  border-style: solid;
+  border-color: #f2f2f4;
+  border-width: 0.0625rem;
+  border-left-width: 0;
 }
 
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-links,
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
   width: 100%;
   display: flex;
   flex-direction: row;
@@ -27620,41 +27960,38 @@ readers do not read off random characters that represent icons */
   border-bottom: 0;
 }
 
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-links > li,
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+  max-width: unset;
   flex-grow: 1;
   text-align: center;
   margin: 0 0 0 calc(0.0625rem * -1);
-}
-
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-links > li > a:first-child,
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
-  margin: 0;
-  border-radius: 0;
   border-style: solid;
-  border-color: #eceff8;
+  border-color: #f2f2f4;
   border-width: 0.0625rem;
+  padding: 0.5rem 0.75rem;
+  cursor: pointer;
 }
 
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-links > li > a:first-child:hover,
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-links > li > a:first-child:focus,
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:hover,
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:focus {
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover,
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus {
   position: relative;
   z-index: 1;
   border-color: #eceff8;
   color: #2468f2;
 }
 
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-links > li.is-active > a:first-child,
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-links > li.is-active > a:first-child:focus,
-.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
-.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 {
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  flex: 1;
+  border: none;
+}
+
+.amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active {
   cursor: default;
   color: #2468f2;
-  border-color: #eceff8;
+  border-color: #f2f2f4;
   border-top-color: #2468f2;
   border-bottom-color: transparent;
 }
@@ -27662,39 +27999,43 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Tabs--vertical {
   display: flex;
   min-height: 12.5rem;
-  border: 0.0625rem solid #eceff8;
+  border: 0.0625rem solid #f2f2f4;
   border-radius: 0;
 }
 
-.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-links {
+.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper {
+  flex-direction: column;
+  background: #f5f5f5;
+}
+
+.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links {
   width: 8.75rem;
-  background: #f5f5f5;
   border: none;
   border-right: none;
-  padding-bottom: 3.75rem;
+  flex-direction: column;
 }
 
-.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-links > li {
+.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li {
   margin: 0 0 0 -1px;
   display: block;
 }
 
-.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-links > li > a:first-child {
+.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child {
   border-color: transparent;
   border-radius: 0;
   border-width: 0 0 0 0.25rem;
   margin: 0;
 }
 
-.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 {
+.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:hover,
+.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:focus {
   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 {
+.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child,
+.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:hover,
+.amis-scope .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:focus {
   color: #2468f2;
   background: #f5f5f5;
   border-color: #2468f2;
@@ -27709,15 +28050,103 @@ readers do not read off random characters that represent icons */
   height: 100%;
 }
 
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links {
+.amis-scope .cxd-Tabs--sidebar {
+  display: flex;
+  height: 100%;
+}
+
+.amis-scope .cxd-Tabs--sidebar.sidebar--left {
+  flex-direction: row;
+}
+
+.amis-scope .cxd-Tabs--sidebar.sidebar--left > .cxd-Tabs-content {
+  border-right: none;
+}
+
+.amis-scope .cxd-Tabs--sidebar.sidebar--right {
+  flex-direction: row-reverse;
+}
+
+.amis-scope .cxd-Tabs--sidebar.sidebar--right > .cxd-Tabs-content {
+  border-left: none;
+}
+
+.amis-scope .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper {
+  flex: 0 0 3.875rem;
+  align-items: flex-start;
+  border: none;
+}
+
+.amis-scope .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links {
+  position: relative;
+  margin: 0;
+  padding-top: 1.6875rem;
+  flex-grow: 1;
+  border: none;
+  flex-direction: column;
+  border: 0;
+}
+
+.amis-scope .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li {
+  display: flex;
+  margin: 0 0 1.375rem 0;
+  padding: 0;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  border: 0;
+}
+
+.amis-scope .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: #83868c;
+}
+
+.amis-scope .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child .cxd-Icon {
+  font-size: 1.5rem;
+  height: 1.5rem;
+  margin-bottom: 0.3125rem;
+}
+
+.amis-scope .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child,
+.amis-scope .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:hover,
+.amis-scope .cxd-Tabs--sidebar > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child:focus {
+  color: #2468f2;
+}
+
+.amis-scope .cxd-Tabs--sidebar > .cxd-Tabs-content {
+  flex-grow: 1;
+  border-bottom: none;
+}
+
+.amis-scope .cxd-Tabs--sidebar > .cxd-Tabs-content > .cxd-Tabs-pane {
+  height: 100%;
+}
+
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper {
   background: #f5f5f5;
+  border-bottom: none;
+}
+
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-addable {
+  margin-left: 0;
+  padding: 0;
+  padding-top: 10px;
+}
+
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links {
   border-bottom: 0;
   padding: 0 0.625rem;
   padding-top: 0.5rem;
   display: flex;
 }
 
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li {
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li {
   position: relative;
   margin-bottom: 0;
   white-space: nowrap;
@@ -27726,29 +28155,31 @@ readers do not read off random characters that represent icons */
   padding: 0.4375rem 1.25rem 0.375rem;
   cursor: pointer;
   flex: 1;
+  overflow: inherit;
 }
 
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li > a:first-child {
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child {
   background: none;
   border: none;
   position: relative;
   z-index: 5;
   overflow: hidden;
   padding: 0;
+  text-overflow: unset;
 }
 
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active > a:first-child,
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active > a:first-child:hover,
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active > a:first-child:focus {
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child,
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:hover,
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:focus {
   background: none;
   border: none;
 }
 
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active:after {
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active:after {
   display: none;
 }
 
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li:after {
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:after {
   content: "";
   width: 1px;
   height: calc(100% - 0.5rem * 2);
@@ -27758,26 +28189,26 @@ readers do not read off random characters that represent icons */
   top: 0.5rem;
 }
 
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li:hover .chrome-tab-background {
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover .chrome-tab-background {
   z-index: 3;
   display: block;
   background-color: #fcfcfc;
 }
 
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li:hover .chrome-tab-background > svg {
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover .chrome-tab-background > svg {
   fill: #fcfcfc;
 }
 
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li:hover:after {
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover:after {
   display: none;
 }
 
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active .chrome-tab-background {
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active .chrome-tab-background {
   display: block;
   background-color: #fff;
 }
 
-.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-links > li.is-active .chrome-tab-background > svg {
+.amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active .chrome-tab-background > svg {
   fill: #fff;
 }
 
@@ -27808,10 +28239,181 @@ readers do not read off random characters that represent icons */
   left: calc(0.5rem * -1);
 }
 
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper {
+  border-bottom: none;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable {
+  padding: 0;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-arrow {
+  margin-bottom: 0;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links {
+  border: none;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li {
+  position: relative;
+  border: none;
+  padding: 0.25rem 1rem;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 0.0625rem;
+  height: 0.9375rem;
+  transform: translateY(-50%);
+  background-color: #f2f2f4;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > .cxd-Tabs-link-close {
+  padding-top: 0.0625rem;
+  cursor: pointer;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-of-type::after {
+  content: none;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child,
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover,
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:focus,
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover > a:first-child,
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover > a:first-child:hover,
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover > a:first-child:focus {
+  color: #2468f2;
+  border: none;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover .cxd-Tabs-link-close {
+  fill: #2468f2;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
+  padding: 0;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child,
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:hover,
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child:focus {
+  border: none;
+}
+
+.amis-scope .cxd-Tabs--simple > .cxd-Tabs-content {
+  border: none;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper {
+  align-items: stretch;
+  border-bottom: 0.0625rem solid #f2f2f4;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable {
+  width: 2rem;
+  margin-left: 0.5rem;
+  padding: 0;
+  margin-bottom: calc(0.0625rem * -1);
+  align-items: center;
+  justify-content: center;
+  font-size: 0;
+  border: 0.0625rem solid #f2f2f4;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  flex: none;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable > .cxd-Tabs-addable-icon {
+  margin-right: 0;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-addable:hover {
+  color: #2468f2;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer {
+  margin-bottom: calc(0.0625rem * -1);
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:first-of-type {
+  border-left-width: 0;
+  border-top-left-radius: 0;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer.cxd-Tabs-linksContainer--overflow > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:last-of-type {
+  border-right-width: 0;
+  border-top-right-radius: 0;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-linksContainer-arrow {
+  width: 1.5rem;
+  margin-bottom: 0;
+  padding: 0;
+  justify-content: center;
+  border: 0.0625rem solid #f2f2f4;
+  border-top-right-radius: 0.25rem;
+  box-sizing: border-box;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-linksContainer-arrow--left {
+  padding-right: 0;
+  border-right-width: 0;
+  border-top-left-radius: 0.25rem;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer .cxd-Tabs-linksContainer-arrow--right {
+  padding-left: 0;
+  border-left-width: 0;
+  border-top-right-radius: 0.25rem;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link {
+  margin-right: 0.5rem;
+  padding: 0.5rem 1rem;
+  background: #fff;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  border: 0.0625rem solid #f2f2f4;
+  cursor: pointer;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active {
+  border-bottom-color: #fff;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child,
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child:hover,
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child:focus,
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:hover > a:first-child,
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:hover > a:first-child:hover,
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:hover > a:first-child:focus {
+  color: #2468f2;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:hover .cxd-Tabs-link-close {
+  fill: #2468f2;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:last-of-type {
+  margin-right: 0;
+}
+
+.amis-scope .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link > a:first-child {
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+
 .amis-scope .cxd-Tabs-toolbar {
-  display: inline-block;
-  float: right;
-  padding-top: 0.25rem;
+  margin-left: 0.75rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
 }
 
 .amis-scope .cxd-Nav {
@@ -27942,7 +28544,7 @@ readers do not read off random characters that represent icons */
   font-size: 12px;
   text-align: center;
   color: #fff;
-  background: #0bc286;
+  background: #30bf13;
 }
 
 .amis-scope .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item > .cxd-Nav-item-atcions,
@@ -28009,7 +28611,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-disabled > a,
 .amis-scope .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.disabled > .cxd-Badge > a,
 .amis-scope .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-disabled > .cxd-Badge > a {
-  color: #b4b6ba;
+  color: #b8babf;
   background: transparent;
   pointer-events: none;
 }
@@ -28348,7 +28950,7 @@ readers do not read off random characters that represent icons */
   display: block;
   width: 100%;
   padding: 5px 10px;
-  color: #e8684a;
+  color: #f33e3e;
   background: rgba(255, 255, 255, 0.4);
   text-align: center;
   top: 0;
@@ -28586,22 +29188,22 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Panel--success {
-  border-color: #0bc286;
+  border-color: #30bf13;
 }
 
 .amis-scope .cxd-Panel--success > .cxd-Panel-heading {
-  background: #0bc286;
+  background: #30bf13;
   color: #fff;
 }
 
 .amis-scope .cxd-Panel--success > .cxd-Panel-heading .badge {
-  color: #0bc286;
+  color: #30bf13;
   background: #fff;
 }
 
 .amis-scope .cxd-Panel--success > .cxd-Panel-heading,
 .amis-scope .cxd-Panel--success > .cxd-Panel-footer {
-  border-color: #0bc286;
+  border-color: #30bf13;
 }
 
 .amis-scope .cxd-Panel--info {
@@ -28624,41 +29226,41 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Panel--warning {
-  border-color: #ffb200;
+  border-color: #ff9326;
 }
 
 .amis-scope .cxd-Panel--warning > .cxd-Panel-heading {
-  background: #ffb200;
+  background: #ff9326;
   color: #fff;
 }
 
 .amis-scope .cxd-Panel--warning > .cxd-Panel-heading .badge {
-  color: #ffb200;
+  color: #ff9326;
   background: #fff;
 }
 
 .amis-scope .cxd-Panel--warning > .cxd-Panel-heading,
 .amis-scope .cxd-Panel--warning > .cxd-Panel-footer {
-  border-color: #ffb200;
+  border-color: #ff9326;
 }
 
 .amis-scope .cxd-Panel--danger {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-Panel--danger > .cxd-Panel-heading {
-  background: #e8684a;
+  background: #f33e3e;
   color: #fff;
 }
 
 .amis-scope .cxd-Panel--danger > .cxd-Panel-heading .badge {
-  color: #e8684a;
+  color: #f33e3e;
   background: #fff;
 }
 
 .amis-scope .cxd-Panel--danger > .cxd-Panel-heading,
 .amis-scope .cxd-Panel--danger > .cxd-Panel-footer {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-Panel-heading {
@@ -28945,10 +29547,15 @@ readers do not read off random characters that represent icons */
   border-bottom-left-radius: 0;
 }
 
+.amis-scope .cxd-ButtonGroup > .cxd-ButtonGroup:last-child > .cxd-Button:not(:last-child) {
+  border-top-right-radius: 0;
+}
+
 .amis-scope .cxd-ButtonGroup--vertical {
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
+  /* 修正头尾的圆角 */
 }
 
 .amis-scope .cxd-ButtonGroup--vertical .cxd-Button,
@@ -28976,6 +29583,16 @@ readers do not read off random characters that represent icons */
   border-top-right-radius: 0;
 }
 
+.amis-scope .cxd-ButtonGroup--vertical > .cxd-Button:first-child,
+.amis-scope .cxd-ButtonGroup--vertical > .cxd-ButtonGroup:first-child > .cxd-Button:first-child {
+  border-top-right-radius: 0.25rem;
+}
+
+.amis-scope .cxd-ButtonGroup--vertical > .cxd-Button:last-child,
+.amis-scope .cxd-ButtonGroup--vertical > .cxd-ButtonGroup:last-child > .cxd-Button:last-child {
+  border-bottom-left-radius: 0.25rem;
+}
+
 .amis-scope .cxd-ButtonGroup--tiled {
   display: flex;
 }
@@ -29142,7 +29759,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Each-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   text-align: left;
   padding: 0.5rem;
 }
@@ -29544,7 +30161,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Collapse {
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   padding: 0;
   line-height: 1.25rem;
 }
@@ -29556,7 +30173,7 @@ readers do not read off random characters that represent icons */
   padding: 1rem;
   margin: 0;
   cursor: pointer;
-  background: #f2f2f4;
+  background: #f7f7f9;
 }
 
 .amis-scope .cxd-Collapse-header-wrapper {
@@ -29569,7 +30186,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Collapse-header:hover {
-  background: #e6e6e8;
+  background: #f2f2f4;
 }
 
 .amis-scope .cxd-Collapse-arrow {
@@ -29616,15 +30233,15 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Collapse--disabled .cxd-Collapse-header {
   cursor: not-allowed;
   user-select: none;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Collapse--disabled .cxd-Collapse-header:hover {
-  background-color: #f2f2f4;
+  background-color: #f7f7f9;
 }
 
 .amis-scope .cxd-Collapse--disabled .cxd-Collapse-arrow:before {
-  border-color: #b4b6ba;
+  border-color: #b8babf;
 }
 
 .amis-scope .cxd-Collapse--title-bottom .cxd-Collapse-header {
@@ -29754,12 +30371,12 @@ readers do not read off random characters that represent icons */
   transition: transform 0s ease-out;
   margin: 5px;
   display: flex;
-  color: #83868c;
+  color: #84868c;
 }
 
 .amis-scope .cxd-CBGroup-fieldCaret:hover,
 .amis-scope .cxd-CBGroup-operatorCaret:hover {
-  color: #83868c;
+  color: #84868c;
 }
 
 .amis-scope .cxd-CBGroup-fieldCaret > svg,
@@ -29775,7 +30392,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CBGroup-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   position: relative;
   margin-left: 30px;
   padding: 10px;
@@ -29973,7 +30590,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CBFunc-error {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 .amis-scope .cxd-CBFunc-args {
@@ -30005,8 +30622,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CBFormula-label {
-  background: #f2f2f4;
-  color: #b4b6ba;
+  background: #f7f7f9;
+  color: #b8babf;
   display: block;
   font-size: 0.75rem;
   align-self: center;
@@ -30721,14 +31338,14 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   text-align: center;
   height: 6.25rem;
   background: transparent !important;
 }
 
 .amis-scope .cxd-Table-placeholder:hover {
-  color: #b4b6ba;
+  color: #b8babf;
   background: transparent !important;
 }
 
@@ -31210,38 +31827,38 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-success {
-  background-color: #0bc286;
-  color: #a4f5da;
+  background-color: #30bf13;
+  color: #b8f2ac;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-success.lt,
 .amis-scope .cxd-Table-table > tbody > tr.bg-success .lt {
-  background: #0fd796;
+  background: #38d318;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-success.lter,
 .amis-scope .cxd-Table-table > tbody > tr.bg-success .lter {
-  background: #15eba5;
+  background: #43e223;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-success.dk,
 .amis-scope .cxd-Table-table > tbody > tr.bg-success .dk {
-  background: #07ac76;
+  background: #29aa0e;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-success.dker,
 .amis-scope .cxd-Table-table > tbody > tr.bg-success .dker {
-  background: #049666;
+  background: #22950a;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-success.bg,
 .amis-scope .cxd-Table-table > tbody > tr.bg-success .bg {
-  background-color: #0bc286;
+  background-color: #30bf13;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-success a,
 .amis-scope .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
-  color: #d2faed;
+  color: #def9d8;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-success a:hover,
@@ -31318,33 +31935,33 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning {
-  background-color: #ffb200;
-  color: #fcefcf;
+  background-color: #ff9326;
+  color: #fef9f3;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning.lt,
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning .lt {
-  background: #fcb91c;
+  background: #fda042;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning.lter,
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning .lter {
-  background: #fabf38;
+  background: #fbac5d;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning.dk,
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning .dk {
-  background: #e6a000;
+  background: #ff860d;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning.dker,
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning .dker {
-  background: #cc8e00;
+  background: #f27a00;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning.bg,
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning .bg {
-  background-color: #ffb200;
+  background-color: #ff9326;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-warning a,
@@ -31372,33 +31989,33 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger {
-  background-color: #e8684a;
-  color: white;
+  background-color: #f33e3e;
+  color: #fffefe;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger.lt,
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger .lt {
-  background: #e97c63;
+  background: #f25858;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger.lter,
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger .lter {
-  background: #ea907b;
+  background: #f27272;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger.dk,
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger .dk {
-  background: #e85331;
+  background: #f42323;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger.dker,
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger .dker {
-  background: #e93e16;
+  background: #f50909;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger.bg,
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger .bg {
-  background-color: #e8684a;
+  background-color: #f33e3e;
 }
 
 .amis-scope .cxd-Table-table > tbody > tr.bg-danger a,
@@ -32001,7 +32618,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TableCell-sortBtn--default.is-active {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-TableCell-sortBtn--default.is-active:hover {
@@ -32019,7 +32636,7 @@ readers do not read off random characters that represent icons */
   right: 0.25rem;
   top: 50%;
   transform: translateY(-50%);
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-TableCell-searchBtn svg.icon {
@@ -32052,7 +32669,7 @@ readers do not read off random characters that represent icons */
   right: calc( 0.625rem - 1rem / 2 );
   top: 50%;
   transform: translateY(-50%);
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-TableCell-filterBtn svg.icon {
@@ -32145,7 +32762,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Table-itemActions a.is-disabled {
   pointer-events: none;
   opacity: 0.65;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Table-dragTip {
@@ -32637,7 +33254,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-List-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   text-align: center;
   min-height: 1.875rem;
   line-height: 1.875rem;
@@ -32678,7 +33295,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ListGroup-item.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-ListGroup--expanded .cxd-ListGroup-item {
@@ -32764,7 +33381,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ListItem-fieldLabel {
   width: 9.375rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-ListItem.is-checked {
@@ -32890,7 +33507,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Cards-placeholder {
   background: #fff;
-  color: #b4b6ba;
+  color: #b8babf;
   text-align: center;
   height: 6.25rem;
   line-height: 6.25rem;
@@ -33032,7 +33649,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: #b4b6ba;
+  color: #b8babf;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   display: -webkit-box;
@@ -33097,7 +33714,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Card-highlight {
-  background: #0bc286;
+  background: #30bf13;
   width: 0.5rem;
   height: 0.5rem;
   border-radius: 100%;
@@ -33131,7 +33748,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Card-fieldLabel {
   width: 3.75rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Card-actions {
@@ -33170,7 +33787,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Card-actions > a.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Card-actions > a.is-disabled:hover {
@@ -33592,11 +34209,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Progress-circle .bg-warning-circle-path {
-  stroke: #ffb200;
+  stroke: #ff9326;
 }
 
 .amis-scope .cxd-Progress-circle .bg-danger-circle-path {
-  stroke: #e8684a;
+  stroke: #f33e3e;
 }
 
 .amis-scope .cxd-Progress-circle .bg-info-circle-path {
@@ -33604,7 +34221,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Progress-circle .bg-success-circle-path {
-  stroke: #0bc286;
+  stroke: #30bf13;
 }
 
 .amis-scope .cxd-Progress-circle .bg-primary-circle-path {
@@ -33890,7 +34507,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-StatusField .cxd-Status-icon.rolling::before {
   content: "";
   display: inline-block;
-  border: 5px solid #e8684a;
+  border: 5px solid #f33e3e;
   border-radius: 500px;
   position: absolute;
   top: 0;
@@ -33912,23 +34529,23 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-StatusField .cxd-Status-icon.icon-warning {
-  color: #ffb200;
+  color: #ff9326;
 }
 
 .amis-scope .cxd-Status-icon.rolling + .cxd-StatusField-label {
-  color: #ffb200;
+  color: #ff9326;
 }
 
 .amis-scope .cxd-Status-icon.icon-success + .cxd-StatusField-label {
-  color: #0bc286;
+  color: #30bf13;
 }
 
 .amis-scope .cxd-Status-icon.icon-fail + .cxd-StatusField-label {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 .amis-scope .cxd-Status-icon.icon-warning + .cxd-StatusField-label {
-  color: #ffb200;
+  color: #ff9326;
 }
 
 .amis-scope .cxd-Carousel {
@@ -34549,7 +35166,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-InputBox {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -34569,18 +35186,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-InputBox input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 
 .amis-scope .cxd-InputBox:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-InputBox--borderHalf {
@@ -34602,30 +35219,30 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-InputBox.is-error {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
 }
 
 .amis-scope .cxd-InputBox.is-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
 
 .amis-scope .cxd-InputBox.is-clickable:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   cursor: pointer;
 }
 
 .amis-scope .cxd-InputBox.is-error.is-focused {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-InputBox.is-disabled {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
 }
 
 .amis-scope .cxd-InputBox-clear {
@@ -34639,18 +35256,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-InputBox-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-InputBox-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-InputBox-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .amis-scope .cxd-InputBox > svg {
@@ -34666,7 +35283,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-ResultBox {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -34692,18 +35309,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-ResultBox input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 
 .amis-scope .cxd-ResultBox:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-ResultBox--borderHalf {
@@ -34721,7 +35338,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ResultBox.is-error {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
 }
 
@@ -34729,7 +35346,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: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -34739,19 +35356,19 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ResultBox.is-clickable:not(.is-disabled):hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
 
 .amis-scope .cxd-ResultBox.is-error.is-focused {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-ResultBox.is-disabled {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
   pointer-events: none;
 }
 
@@ -34800,18 +35417,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ResultBox-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-ResultBox-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-ResultBox-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .amis-scope .cxd-ResultBox-clear-wrap {
@@ -34838,7 +35455,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ResultBox-value {
-  background: #f2f2f4;
+  background: #f7f7f9;
   color: #000;
   font-size: 0.875rem;
   padding: 0 0.25rem;
@@ -34883,7 +35500,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ResultBox-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
   margin-left: 8px;
 }
@@ -34898,11 +35515,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ResultBox.cxd-TransferDropDown > .cxd-ResultBox-value {
-  background: #f2f2f4;
+  background: #f7f7f9;
 }
 
 .amis-scope .cxd-ResultBox.cxd-TransferDropDown > .cxd-ResultBox-value:hover {
-  background: #dadbdd;
+  background: #e8e9eb;
 }
 
 .amis-scope .cxd-ResultBox.is-mobile {
@@ -34935,18 +35552,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ResultBox.is-mobile .cxd-ResultBox-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-ResultBox.is-mobile .cxd-ResultBox-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-ResultBox.is-mobile .cxd-ResultBox-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .amis-scope .cxd-ResultBox.is-mobile .cxd-ResultBox-arrow {
@@ -34963,7 +35580,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-ResultBox.is-mobile .cxd-ResultBox-arrow > svg {
   transition: transform 0s;
   display: inline-block;
-  color: #83868c;
+  color: #84868c;
   width: 10px;
   height: 10px;
   top: 0;
@@ -34993,7 +35610,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-SearchBox.is-active {
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   width: 150px;
 }
 
@@ -35025,13 +35642,13 @@ readers do not read off random characters that represent icons */
   outline: none;
   border: none;
   background: transparent;
-  color: #151a26;
+  color: #151b26;
   width: 0;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-SearchBox > input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 
@@ -35044,7 +35661,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ListMenu-groupLabel {
   font-size: 0.6875rem;
-  color: #b4b6ba;
+  color: #b8babf;
   padding: calc( ( 1.875rem - 1.4285714286 * 0.875rem - 0.5rem ) / 2 ) 0 0 calc(0.625rem - 0.25rem);
 }
 
@@ -35073,14 +35690,14 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ListMenu-item.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
   background: transparent;
 }
 
 .amis-scope .cxd-ListMenu-placeholder {
   display: block;
   min-height: 1.875rem;
-  color: #b4b6ba;
+  color: #b8babf;
   line-height: 1.4285714286;
   font-size: 0.875rem;
   cursor: pointer;
@@ -35340,15 +35957,15 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-icon {
-  background-color: #e8684a;
+  background-color: #f33e3e;
   color: #fff;
-  border: 1px solid #e8684a;
+  border: 1px solid #f33e3e;
 }
 
 .amis-scope .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-title,
 .amis-scope .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-subTitle,
 .amis-scope .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-description {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 .amis-scope .cxd-Steps .cxd-StepsItem.is-finish .cxd-StepsItem-icon,
@@ -35910,7 +36527,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-InputGroup-addOn {
   background: #fff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   line-height: calc( 2rem - calc(
     (
         2rem - 1.4285714286 *
@@ -35943,7 +36560,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-InputGroup-btn .cxd-Button {
   border-radius: 0;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
 }
 
 .amis-scope .cxd-InputGroup-btn:not(:last-child) .cxd-Button {
@@ -35979,7 +36596,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-InputGroup .cxd-SelectControl .cxd-Select {
   background: #fff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   color: #333;
 }
 
@@ -36016,7 +36633,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: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-InputGroup.is-focused .cxd-Select {
@@ -36052,7 +36669,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-TextControl-input {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -36072,18 +36689,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-TextControl-input input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 
 .amis-scope .cxd-TextControl-input:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-TextControl-input--borderHalf {
@@ -36097,26 +36714,26 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl.is-error > .cxd-TextControl-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
   transition: all 0s;
 }
 
 .amis-scope .cxd-TextControl.is-focused > .cxd-TextControl-input {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
   transition: all 0s;
 }
 
 .amis-scope .cxd-TextControl.is-error.is-focused > .cxd-TextControl-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-TextControl.is-disabled > .cxd-TextControl-input {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
   transition: all 0s;
 }
 
@@ -36135,18 +36752,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-TextControl-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-TextControl-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 @media (min-width: 576px) {
@@ -36160,7 +36777,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
   position: absolute;
   left: 0.625rem;
@@ -36220,7 +36837,7 @@ readers do not read off random characters that represent icons */
   padding-right: 0.625rem;
   background: #fff;
   color: #666;
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
   border-style: solid;
   border-width: 0.0625rem 0;
 }
@@ -36239,7 +36856,7 @@ readers do not read off random characters that represent icons */
   position: relative;
   border-radius: 0;
   margin-left: -0.0625rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
 }
 
 .amis-scope .cxd-TextControl--withAddOn > .cxd-TextControl-button:not(:last-child) .cxd-Button {
@@ -36257,21 +36874,21 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-button .cxd-Button {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-TextControl--withAddOn.is-error > .cxd-TextControl-addOn {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-addOn {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   color: #2468f2;
   box-shadow: none;
 }
 
 .amis-scope .cxd-TextControl--withAddOn.is-disabled > .cxd-TextControl-addOn {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-TextControl--withAddOn.is-inline {
@@ -36299,8 +36916,8 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-TextControl-sugs {
   position: absolute;
   background: #fff;
-  color: #151a26;
-  border: 0.0625rem solid #1c53c1;
+  color: #151b26;
+  border: 0.0625rem solid #144bcc;
   left: -0.0625rem;
   right: -0.0625rem;
   top: 100%;
@@ -36325,8 +36942,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl-sugItem.is-highlight {
-  color: #151a26;
-  background: #e9f0fd;
+  color: #151b26;
+  background: #e6f0ff;
 }
 
 .amis-scope .cxd-TextControl-value {
@@ -36390,11 +37007,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl-counter {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .has-error--maxLength .cxd-TextControl-counter {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 .amis-scope .cxd-TextControl-input:hover {
@@ -36402,7 +37019,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl.is-disabled-input input {
-  color: #83868c;
+  color: #84868c;
 }
 
 .amis-scope .cxd-TextareaControl {
@@ -36411,7 +37028,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextareaControl > textarea {
-  border: 1px solid #dadbdd;
+  border: 1px solid #e8e9eb;
   border-radius: 0.25rem;
   background: #ffffff;
   padding: calc(
@@ -36439,7 +37056,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextareaControl > textarea::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-TextareaControl > textarea:hover {
@@ -36448,23 +37065,23 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-TextareaControl > textarea:focus,
 .amis-scope .cxd-TextareaControl.is-focused > textarea {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 
 .amis-scope .cxd-TextareaControl > textarea:focus:hover,
 .amis-scope .cxd-TextareaControl.is-focused > textarea:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-TextareaControl.is-disabled > textarea,
 .amis-scope .cxd-TextareaControl > textarea[disabled] {
   background: #e5e7eb;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-TextareaControl.is-error > textarea {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-TextareaControl-counter {
@@ -36493,7 +37110,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .has-error--maxLength .cxd-TextareaControl-counter {
-  background: #e8684a;
+  background: #f33e3e;
 }
 
 .amis-scope .cxd-TextareaControl-clear {
@@ -36515,18 +37132,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextareaControl-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-TextareaControl-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-TextareaControl-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .amis-scope .cxd-Checkbox {
@@ -36622,19 +37239,19 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Checkbox--checkbox input[disabled] + i + span {
   cursor: not-allowed;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Checkbox--checkbox > i {
   width: 0.875rem;
   height: 0.875rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   margin-left: calc(0.875rem * -1);
 }
 
 .amis-scope .cxd-Checkbox--full.cxd-Checkbox--checkbox:not(:disabled) + i:hover {
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
 }
 
 .amis-scope .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i {
@@ -36701,18 +37318,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Checkbox--radio input[disabled] + i {
-  border-color: #b4b6ba;
+  border-color: #b8babf;
   background: #e5e7eb;
   cursor: not-allowed;
 }
 
 .amis-scope .cxd-Checkbox--radio input[disabled] + i:before {
-  background: #b4b6ba;
+  background: #b8babf;
 }
 
 .amis-scope .cxd-Checkbox--radio input[disabled] + i + span {
   cursor: not-allowed;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Checkbox--radio input:focus + i {
@@ -36723,7 +37340,7 @@ readers do not read off random characters that represent icons */
   cursor: pointer;
   width: 1rem;
   height: 1rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   margin-left: calc(1rem * -1);
   margin-top: -0.125rem;
   border-radius: 50%;
@@ -36759,7 +37376,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Checkbox-desc {
-  color: #b4b6ba;
+  color: #b8babf;
   margin-left: 0.25rem;
   margin-top: 0.25rem;
   pointer-events: all;
@@ -36845,7 +37462,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-GroupedSelection-group > .cxd-GroupedSelection-itemLabel {
   padding: 0.25rem 0.75rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-GroupedSelection-item {
@@ -36873,7 +37490,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-GroupedSelection-item.is-disabled {
   pointer-events: none;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-GroupedSelection-group > .cxd-GroupedSelection-items > .cxd-GroupedSelection-item {
@@ -36894,7 +37511,7 @@ readers do not read off random characters that represent icons */
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 2rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-TableSelection .cxd-Table-content {
@@ -37017,7 +37634,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-TreeSelection-itemInner.is-disabled {
   pointer-events: none;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-TreeSelection-itemLabel {
@@ -37034,7 +37651,7 @@ readers do not read off random characters that represent icons */
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 2rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-ChainedSelection {
@@ -37055,7 +37672,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-ChainedSelection-subTitle {
   font-size: 0.75rem;
   padding: 0.25rem 0.25rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-ChainedSelection-item {
@@ -37083,7 +37700,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ChainedSelection-item.is-disabled {
   pointer-events: none;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-ChainedSelection-itemLabel {
@@ -37100,7 +37717,7 @@ readers do not read off random characters that represent icons */
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 2rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-AssociatedSelection {
@@ -37134,7 +37751,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-AssociatedSelection-box {
   line-height: 1.4285714286;
   font-size: 0.75rem;
-  color: #b4b6ba;
+  color: #b8babf;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
@@ -37146,7 +37763,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-AssociatedSelection-box > p {
   text-align: center;
   margin: 10px 0 20px;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-CityPicker .cxd-Select {
@@ -37157,7 +37774,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-CityPicker-input {
   outline: none;
   vertical-align: top;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -37170,12 +37787,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CityPicker-input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 
 .amis-scope .cxd-CityPicker-input:focus {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -37184,6 +37801,10 @@ readers do not read off random characters that represent icons */
   display: inline-block;
 }
 
+.amis-scope .cxd-CityArea {
+  text-align: right;
+}
+
 .amis-scope .cxd-CityArea-popup {
   height: 17.5rem;
 }
@@ -37192,7 +37813,7 @@ readers do not read off random characters that represent icons */
   margin-top: 0.25rem;
   outline: none;
   vertical-align: top;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -37206,12 +37827,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CityArea-Input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 
 .amis-scope .cxd-CityArea-Input:focus {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -37224,7 +37845,7 @@ readers do not read off random characters that represent icons */
   min-width: 2.75rem;
   overflow: hidden;
   border-radius: 1.875rem;
-  background: #cecfd1;
+  background: #d4d6d9;
   margin: 0;
   vertical-align: middle;
   text-align: left;
@@ -37238,7 +37859,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Switch .text {
   margin: 0 0.4375rem 0 1.5625rem;
   color: #ffffff;
-  text-indent: calc(2.75rem / 2);
+  text-indent: 0.25rem;
   text-transform: uppercase;
   font-size: 0.75rem;
   line-height: 1.25rem;
@@ -37266,7 +37887,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Switch.is-checked {
-  background: #b4b6ba;
+  background: #b8babf;
 }
 
 .amis-scope .cxd-Switch.is-checked .slider::before {
@@ -37276,9 +37897,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Switch.is-checked .text {
-  margin: 0 25px 0 7px;
   color: #fff;
-  text-indent: 0.25rem;
 }
 
 .amis-scope .cxd-Switch.is-checked.is-disabled .slider:before {
@@ -37325,8 +37944,9 @@ readers do not read off random characters that represent icons */
   display: inline-block;
   vertical-align: middle;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
+  overflow: hidden;
 }
 
 .amis-scope .cxd-Number--borderHalf {
@@ -37344,7 +37964,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Number-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 
@@ -37367,21 +37987,21 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Number:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-Number:hover .cxd-Number-handler-up,
 .amis-scope .cxd-Number:hover .cxd-Number-handler-wrap {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-Number-disabled:hover {
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
 }
 
 .amis-scope .cxd-Number-disabled:hover .cxd-Number-handler-up,
 .amis-scope .cxd-Number-disabled:hover .cxd-Number-handler-wrap {
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
 }
 
 .amis-scope .cxd-Number-input-wrap {
@@ -37401,6 +38021,7 @@ readers do not read off random characters that represent icons */
   transition: all 0s ease;
   border: 0;
   border-radius: 0.25rem;
+  color: #151b26;
   padding: 0 0.625rem;
 }
 
@@ -37434,7 +38055,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Number-handler-wrap {
   float: right;
-  border-left: 0.0625rem solid #dadbdd;
+  border-left: 0.0625rem solid #e8e9eb;
   width: 1rem;
   height: 100%;
 }
@@ -37467,8 +38088,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Number-disabled .cxd-Number-handler:hover {
-  color: #b4b6ba;
-  border-color: #dadbdd;
+  color: #b8babf;
+  border-color: #e8e9eb;
 }
 
 .amis-scope .cxd-NumberControl:not(.is-inline) > .cxd-Number {
@@ -37500,7 +38121,7 @@ readers do not read off random characters that represent icons */
   outline: none;
   position: relative;
   font-size: 0.875rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   background: #fff;
   border-radius: 0.25rem;
   min-height: 2rem;
@@ -37515,13 +38136,13 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Select:hover .cxd-Select-arrow:before {
-  color: #83868c;
+  color: #84868c;
 }
 
 .amis-scope .cxd-Select.is-disabled {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
 }
 
 .amis-scope .cxd-Select:focus {
@@ -37569,7 +38190,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Select-value.is-disabled {
-  color: #83868c;
+  color: #84868c;
 }
 
 .amis-scope .cxd-Select--multi {
@@ -37599,15 +38220,15 @@ readers do not read off random characters that represent icons */
   display: inline-block;
   vertical-align: middle;
   font-size: 0.75rem;
-  background: #f2f2f4;
-  border: 0.0625rem solid #e6e6e8;
+  background: #f7f7f9;
+  border: 0.0625rem solid #f2f2f4;
   border-radius: 0.125rem;
   margin-right: 0.25rem;
   margin-bottom: 0.25rem;
 }
 
 .amis-scope .cxd-Select--multi .cxd-Select-value:hover {
-  background-color: #dadbdd;
+  background-color: #e8e9eb;
 }
 
 .amis-scope .cxd-Select--multi .cxd-Select-valueLabel {
@@ -37623,7 +38244,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Select-valueIcon {
   cursor: pointer;
   padding: 1px 5px;
-  color: #5e626a;
+  color: #5c5f66;
 }
 
 .amis-scope .cxd-Select-valueIcon:hover {
@@ -37650,7 +38271,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Select-arrow > svg {
   transition: transform 0s;
   display: inline-block;
-  color: #83868c;
+  color: #84868c;
   width: 10px;
   height: 10px;
   top: 0;
@@ -37744,17 +38365,17 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Select-option.is-highlight {
-  color: #151a26;
-  background: #e9f0fd;
+  color: #151b26;
+  background: #e6f0ff;
 }
 
 .amis-scope .cxd-Select-option.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
   background: transparent;
 }
 
 .amis-scope .cxd-Select-option--placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Select-option > label {
@@ -37801,7 +38422,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Select.is-focused:not(.is-mobile),
 .amis-scope .cxd-Select.is-opened:not(.is-mobile) {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   color: #000;
 }
 
@@ -37820,14 +38441,14 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Select-clear svg {
-  fill: #83868c;
+  fill: #84868c;
   width: 0.875rem;
   height: 0.875rem;
   top: 0;
 }
 
 .amis-scope .cxd-Select-clear svg:hover > path:first-of-type {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-Select-popup {
@@ -37837,8 +38458,8 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Select-popover {
   margin-top: calc(0 * -1);
   background: #fff;
-  color: #151a26;
-  border: 0 solid #1c53c1;
+  color: #151b26;
+  border: 0 solid #144bcc;
   box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -37854,7 +38475,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-SelectControl.is-error > .cxd-Select {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
 }
 
@@ -37892,7 +38513,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Selections-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   text-align: center;
   width: 100%;
   flex-basis: 2rem;
@@ -37968,7 +38589,7 @@ readers do not read off random characters that represent icons */
   border: 0.0625rem solid #ccc;
   background: #ffffff;
   padding: 0.375rem 0.625rem;
-  color: #151a26;
+  color: #151b26;
   transition: none;
   max-width: calc(12.5rem + 2 * 0.625rem);
   border-radius: 0.25rem;
@@ -37979,7 +38600,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ListControl-item .b-inherit {
-  border-color: #151a26;
+  border-color: #151b26;
 }
 
 .amis-scope .cxd-ListControl-item:hover {
@@ -37995,8 +38616,8 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-ListControl-item:hover:active,
 .amis-scope .cxd-ListControl-item.is-active {
   background: #ffffff;
-  border-color: #1c53c1;
-  color: #1c53c1;
+  border-color: #144bcc;
+  color: #144bcc;
 }
 
 .amis-scope .cxd-ListControl-item:hover:active:hover,
@@ -38006,7 +38627,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: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-ListControl-item:hover:active:before,
@@ -38015,7 +38636,7 @@ readers do not read off random characters that represent icons */
   position: absolute;
   width: 0.875rem;
   height: 0.875rem;
-  background: #1c53c1;
+  background: #144bcc;
   right: 0;
   bottom: 0;
 }
@@ -38037,17 +38658,17 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-ListControl-item.is-disabled {
   pointer-events: none;
   opacity: 1;
-  border-color: #e6e6e8;
-  background: #e6e6e8;
-  color: #b4b6ba;
+  border-color: #f2f2f4;
+  background: #f2f2f4;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-ListControl-item.is-disabled:before {
-  background: #b4b6ba;
+  background: #b8babf;
 }
 
 .amis-scope .cxd-ListControl-item.is-disabled .b-inherit {
-  border-color: #e6e6e8;
+  border-color: #f2f2f4;
 }
 
 .amis-scope .cxd-ListControl-itemImage {
@@ -38068,14 +38689,14 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ListControl-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-LocationPicker {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   font-size: 0.875rem;
   padding: calc(
     (
@@ -38106,7 +38727,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-LocationPicker.is-focused,
 .amis-scope .cxd-LocationPicker.is-active {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 
@@ -38115,7 +38736,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-LocationPicker.is-disabled > cxd-LocationPicker-input {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-LocationPicker-placeholder {
@@ -38154,18 +38775,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-LocationPicker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-LocationPicker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-LocationPicker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .amis-scope .cxd-LocationControl {
@@ -38182,7 +38803,7 @@ readers do not read off random characters that represent icons */
   width: 100%;
   max-width: 100%;
   margin-top: -1px;
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-MapPicker-search {
@@ -38239,7 +38860,7 @@ readers do not read off random characters that represent icons */
   display: inline-flex;
   flex-wrap: nowrap;
   white-space: nowrap;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   font-size: 0.875rem;
   padding: calc(
     (
@@ -38282,7 +38903,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ColorPicker.is-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 
@@ -38325,18 +38946,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ColorPicker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-ColorPicker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-ColorPicker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .amis-scope .cxd-ColorPicker-arrow {
@@ -38352,7 +38973,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-ColorPicker-arrow > svg {
   transition: transform 0s;
   display: inline-block;
-  color: #83868c;
+  color: #84868c;
   width: 10px;
   height: 10px;
   top: 0;
@@ -38381,7 +39002,7 @@ readers do not read off random characters that represent icons */
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   font-size: 0.875rem;
   padding: calc(
     (
@@ -38421,7 +39042,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DatePicker.is-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 
@@ -38430,7 +39051,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DatePicker.is-disabled > .cxd-DatePicker-input {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-DatePicker-placeholder {
@@ -38460,18 +39081,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DatePicker-toggler svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-DatePicker-toggler:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-DatePicker-toggler:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .amis-scope .cxd-DatePicker-toggler svg polyline,
@@ -38497,18 +39118,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DatePicker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-DatePicker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-DatePicker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .amis-scope .cxd-DateControl:not(.is-inline) > .cxd-DatePicker {
@@ -38695,8 +39316,8 @@ readers do not read off random characters that represent icons */
   list-style: none;
   position: absolute;
   background: #fff;
-  color: #151a26;
-  border: 0.0625rem solid #1c53c1;
+  color: #151b26;
+  border: 0.0625rem solid #144bcc;
   left: -0.0625rem;
   right: -0.0625rem;
   top: 100%;
@@ -38711,8 +39332,8 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem.is-highlight,
 .amis-scope .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem:hover {
-  color: #151a26;
-  background: #e9f0fd;
+  color: #151b26;
+  background: #e6f0ff;
 }
 
 .amis-scope .cxd-CalendarInput {
@@ -38755,7 +39376,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-CalendarCounter-btn:hover {
-  color: #1c53c1;
+  color: #144bcc;
 }
 
 .amis-scope .cxd-CalendarCounter-btn > svg {
@@ -38816,7 +39437,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .rdtBtn.is-disabled {
-  border-color: #e6e6e8;
+  border-color: #f2f2f4;
   opacity: 0.6;
   pointer-events: none;
 }
@@ -38849,7 +39470,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .rdtBtnCancel {
   color: #151a26;
   background: #eaf6fe;
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
   box-shadow: none;
   text-shadow: none;
 }
@@ -38861,9 +39482,9 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .rdtBtnCancel:not(:disabled):not(.is-disabled):hover:active {
-  color: #1c53c1;
+  color: #144bcc;
   background: #ffffff;
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .rdtBtnCancel:hover:focus {
@@ -38985,7 +39606,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-DateCalendar {
   display: inline-block;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   background: #fff;
   border-radius: 0.25rem;
 }
@@ -38994,7 +39615,7 @@ readers do not read off random characters that represent icons */
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   font-size: 0.875rem;
   padding: calc(
     (
@@ -39033,7 +39654,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DateRangePicker.is-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
 }
 
@@ -39042,7 +39663,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DateRangePicker.is-disabled > .cxd-DateRangePicker-input {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-DateRangePicker-placeholder {
@@ -39071,18 +39692,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DateRangePicker-toggler svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-DateRangePicker-toggler:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-DateRangePicker-toggler:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .amis-scope .cxd-DateRangePicker-toggler svg polyline,
@@ -39108,18 +39729,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-DateRangePicker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-DateRangePicker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-DateRangePicker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .amis-scope .cxd-DateRangePicker-wrap {
@@ -39194,7 +39815,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-DateRangeCalendar {
   display: inline-block;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   background: #fff;
   border-radius: 0.25rem;
 }
@@ -39324,6 +39945,36 @@ readers do not read off random characters that represent icons */
   width: 7.5rem;
 }
 
+.amis-scope .cxd-ImageControl-item.is-invalid {
+  padding: 0;
+  border-color: #f33e3e;
+}
+
+.amis-scope .cxd-ImageControl-item svg.icon-refresh {
+  transform: rotate(180deg);
+}
+
+.amis-scope .cxd-ImageControl-filename {
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: #f33e3e;
+}
+
+.amis-scope .cxd-ImageControl-filename > svg.icon-image {
+  margin-bottom: 8px;
+  width: 24px;
+  height: 24px;
+}
+
+.amis-scope .cxd-ImageControl-filename > span {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .amis-scope .cxd-ImageControl-image {
   width: 100%;
   height: 100%;
@@ -39387,33 +40038,8 @@ readers do not read off random characters that represent icons */
   display: block;
 }
 
-.amis-scope .cxd-ImageControl-retryBtn {
-  margin: 0;
-  width: 6.875rem;
-  height: 6.875rem;
-  display: inline-flex;
-  cursor: pointer;
-  justify-content: center;
-  align-items: center;
-  align-content: center;
-  flex-wrap: wrap;
-  color: #666;
-}
-
-.amis-scope .cxd-ImageControl-retryBtn:hover {
-  color: #333;
-  text-decoration: none;
-}
-
-.amis-scope .cxd-ImageControl-retryBtn > p {
-  width: 100%;
-  text-align: center;
-  color: #e8684a;
-  margin: 10px 0 0;
-}
-
 .amis-scope .cxd-ImageControl-errorMsg {
-  color: #e8684a;
+  color: #f33e3e;
   margin: 5px 0 0;
 }
 
@@ -39499,13 +40125,18 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-FileControl-selectBtn {
   display: inline-flex;
-  align-items: center;
   margin-right: 10px;
 }
 
 .amis-scope .cxd-FileControl-selectBtn > svg {
-  width: 0.875rem;
-  height: 0.875rem;
+  margin-right: 4px !important;
+  width: 1rem;
+  height: 1rem;
+}
+
+.amis-scope .cxd-FileControl-selectBtn > span {
+  font-size: 0.75rem;
+  line-height: 20px;
 }
 
 .amis-scope .cxd-FileControl-description {
@@ -39513,25 +40144,41 @@ readers do not read off random characters that represent icons */
   font-size: 12px;
 }
 
+.amis-scope .cxd-FileControl-sizeTip {
+  margin-top: 4px;
+  line-height: 20px;
+  font-size: 0.75rem;
+  color: #84868c;
+}
+
 .amis-scope .cxd-FileControl-list {
   list-style: none;
-  margin: 10px 0;
+  margin: 8px 0;
   padding: 0;
+  max-height: 144px;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
 .amis-scope .cxd-FileControl-list > li {
-  color: #333;
+  margin-bottom: 4px;
   font-size: 12px;
 }
 
 .amis-scope .cxd-FileControl-list > li:hover {
-  color: #108cee;
-  background: #f3f3f3;
+  border-radius: 2px;
+  background: #f2f2f4;
+}
+
+.amis-scope .cxd-FileControl-list-tooltip span {
+  font-size: 0.75rem;
+  color: #f33e3e;
 }
 
 .amis-scope .cxd-FileControl-itemInfo {
-  padding: 0px 6px;
-  line-height: 26px;
+  padding: 2px 4px;
+  display: flex;
+  line-height: 24px;
   height: auto;
 }
 
@@ -39540,11 +40187,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-FileControl-itemInfo.is-invalid {
-  color: #999;
-}
-
-.amis-scope .cxd-FileControl-itemInfo > svg:first-child {
-  margin-right: 10px;
+  color: #f33e3e;
 }
 
 .amis-scope .cxd-FileControl-itemInfo > svg:not(:first-child) {
@@ -39554,24 +40197,26 @@ readers do not read off random characters that represent icons */
   top: 0.25rem;
 }
 
+.amis-scope .cxd-FileControl-itemInfoIcon {
+  margin-right: 4px;
+}
+
 .amis-scope .cxd-FileControl-itemInfoText {
   white-space: nowrap;
-  max-width: 170px;
   overflow: hidden;
   text-overflow: ellipsis;
-  display: inline-block;
   vertical-align: middle;
 }
 
 .amis-scope .cxd-FileControl-clear {
   float: right;
-  color: #999;
+  color: #84868c;
   display: none;
   cursor: pointer;
 }
 
 .amis-scope .cxd-FileControl-clear:hover {
-  color: #333;
+  color: #5c5f66;
 }
 
 .amis-scope .cxd-FileControl-list:empty {
@@ -39622,14 +40267,52 @@ readers do not read off random characters that represent icons */
   transition: ease-out width 0s;
 }
 
+.amis-scope .cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip {
+  filter: grayscale(100%);
+  box-shadow: none;
+  cursor: not-allowed;
+  color: #b8babf;
+  pointer-events: auto;
+  background: #f7f7f9;
+}
+
+.amis-scope .cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip:hover {
+  border-color: #e8e9eb;
+}
+
+.amis-scope .cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip > div,
+.amis-scope .cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip > span {
+  color: #b8babf;
+}
+
 .amis-scope .cxd-FileControl-acceptTip {
-  height: 120px;
-  color: #999;
-  border: 2px dashed #2468f2;
-  border-radius: 0.25rem;
-  background: #f3f9fe;
-  line-height: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-flow: column;
+  height: 180px;
   text-align: center;
+  border: 1px dashed #e8e9eb;
+  border-radius: 0.25rem;
+  background: #fff;
+  cursor: pointer;
+}
+
+.amis-scope .cxd-FileControl-acceptTip:hover {
+  border-color: #2468f2;
+}
+
+.amis-scope .cxd-FileControl-acceptTip > span {
+  margin-top: 8px;
+  line-height: 20px;
+  font-size: 0.75rem;
+  color: #303540;
+}
+
+.amis-scope .cxd-FileControl-acceptTip > svg {
+  width: 48px;
+  height: 48px;
+  top: 0;
 }
 
 .amis-scope .cxd-FileControl-sum {
@@ -39684,7 +40367,7 @@ readers do not read off random characters that represent icons */
   max-height: 25rem;
   overflow: visible;
   height: auto;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   max-width: 100%;
   box-sizing: content-box;
 }
@@ -39695,11 +40378,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-EditorControl.is-error {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-EditorControl.is-focused {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-EditorControl .cxd-MonacoEditor {
@@ -39724,7 +40407,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-EditorControl .cxd-MonacoEditor-fullscreen {
   cursor: pointer;
-  color: #b4b6ba;
+  color: #b8babf;
   line-height: inherit;
   text-decoration: none;
   text-align: center;
@@ -39801,7 +40484,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-RichTextControl {
   min-height: 12.5rem;
   height: auto;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   width: 100%;
 }
 
@@ -39843,7 +40526,7 @@ 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: #151a26;
+  color: #151b26;
 }
 
 .amis-scope .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-active,
@@ -39868,7 +40551,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-RichTextControl.is-focused {
-  border: 0.0625rem solid #1c53c1;
+  border: 0.0625rem solid #144bcc;
 }
 
 .amis-scope .cxd-RichTextControl .fr-box.fr-basic .fr-element {
@@ -39880,13 +40563,13 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-RichTextControl.is-disabled {
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
   pointer-events: none;
   opacity: 0.6;
 }
 
 .amis-scope .cxd-RichTextControl.is-disabled .fr-box.fr-basic.fr-top .fr-wrapper {
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
 }
 
 .tox-tinymce-aux {
@@ -39975,7 +40658,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-InputRange.is-disabled .cxd-Number-handler-up-inner:hover,
 .amis-scope .cxd-InputRange.is-disabled .cxd-Number-handler-down-inner:hover {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-InputRange-handle {
@@ -40199,7 +40882,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TreeControl {
-  border: 1px solid #dadbdd;
+  border: 1px solid #e8e9eb;
   padding: 6px 12px;
   border-radius: 2px;
   max-height: 300px;
@@ -40352,7 +41035,7 @@ readers do not read off random characters that represent icons */
   width: 100%;
   outline: none;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc( ( calc(2rem * 0.85) - 1.4285714286 * 0.875rem - 0.125rem ) / 2 ) 0.625rem;
@@ -40360,12 +41043,12 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tree-itemInput > input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 
 .amis-scope .cxd-Tree-itemInput > input:focus {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -40383,7 +41066,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Tree-addTopBtn.is-disabled {
   pointer-events: none;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Tree-addTopBtn > svg {
@@ -40450,7 +41133,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tree-itemLabel.is-disabled {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Tree-itemLabel > .cxd-Checkbox {
@@ -40466,7 +41149,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Tree-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Tree-dropIndicator {
@@ -40520,7 +41203,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-TreeSelect-input {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -40540,18 +41223,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-TreeSelect-input input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 
 .amis-scope .cxd-TreeSelect-input:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-TreeSelect-input--borderHalf {
@@ -40565,26 +41248,26 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TreeSelect.is-error > .cxd-TreeSelect-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
   transition: all 0s;
 }
 
 .amis-scope .cxd-TreeSelect.is-focused > .cxd-TreeSelect-input {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
   transition: all 0s;
 }
 
 .amis-scope .cxd-TreeSelect.is-error.is-focused > .cxd-TreeSelect-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-TreeSelect.is-disabled > .cxd-TreeSelect-input {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
   transition: all 0s;
 }
 
@@ -40603,18 +41286,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TreeSelect-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-TreeSelect-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-TreeSelect-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 @media (min-width: 576px) {
@@ -40628,7 +41311,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TreeSelect.is-opened {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -40645,7 +41328,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-TreeSelect-popover > .cxd-Tree {
   background: #fff;
-  border: 0.0625rem solid #1c53c1;
+  border: 0.0625rem solid #144bcc;
   padding: 0.25rem 0.625rem;
   border-radius: 0;
   margin-top: -1px;
@@ -40654,7 +41337,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Combo-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   padding-top: calc(
     (
         2rem - 1.4285714286 *
@@ -40973,7 +41656,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Combo-dragableTip {
-  color: #b4b6ba;
+  color: #b8babf;
   font-size: 0.75rem;
   margin-left: 0.25rem;
 }
@@ -41007,7 +41690,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-SubForm-value {
-  background: #f2f2f4;
+  background: #f7f7f9;
   color: #000;
   font-size: 0.875rem;
   padding: 0 0.25rem;
@@ -41109,13 +41792,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: #b4b6ba;
+  color: #b8babf;
   pointer-events: none;
   background: transparent;
 }
 
 .amis-scope .cxd-SubForm-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
   padding: 4px;
 }
@@ -41138,7 +41821,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Picker-input {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -41158,18 +41841,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-Picker-input input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 
 .amis-scope .cxd-Picker-input:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-Picker-input--borderHalf {
@@ -41183,26 +41866,26 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Picker.is-error > .cxd-Picker-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
   transition: all 0s;
 }
 
 .amis-scope .cxd-Picker.is-focused > .cxd-Picker-input {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
   transition: all 0s;
 }
 
 .amis-scope .cxd-Picker.is-error.is-focused > .cxd-Picker-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-Picker.is-disabled > .cxd-Picker-input {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
   transition: all 0s;
 }
 
@@ -41221,18 +41904,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Picker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-Picker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-Picker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 @media (min-width: 576px) {
@@ -41246,7 +41929,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Picker.is-focus > .cxd-Picker-input {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
 }
@@ -41257,7 +41940,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Picker-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
   position: absolute;
   line-height: 1.4285714286;
@@ -41339,18 +42022,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Picker-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-Picker-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-Picker-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 .amis-scope .cxd-PickerControl.is-inline .cxd-Picker {
@@ -41424,9 +42107,9 @@ readers do not read off random characters that represent icons */
   line-height: 18 / 12;
   border-radius: 0.25rem;
   height: 1.875rem;
-  color: #151a26;
+  color: #151b26;
   background: #ffffff;
-  border-color: #dadbdd;
+  border-color: #e8e9eb;
   box-shadow: none;
   text-shadow: none;
 }
@@ -41459,13 +42142,13 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover {
-  color: #151a26;
+  color: #151b26;
   background: #ececec;
   border-color: #b4bbc5;
 }
 
 .amis-scope .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover:active {
-  color: #151a26;
+  color: #151b26;
   background: #e6e6e6;
   border-color: #adb4bf;
 }
@@ -41515,7 +42198,7 @@ readers do not read off random characters that represent icons */
   line-height: 1;
   cursor: pointer;
   user-select: none;
-  color: #e6e6e8;
+  color: #f2f2f4;
 }
 
 .amis-scope .cxd-Rating-star-half > svg.icon,
@@ -41603,7 +42286,7 @@ readers do not read off random characters that represent icons */
   min-width: 12.5rem;
   max-height: 25rem;
   flex-grow: 1;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   display: flex;
   flex-direction: column;
   border-radius: 0.25rem;
@@ -41670,7 +42353,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: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-TabsTransfer .cxd-Transfer-title {
@@ -41682,7 +42365,7 @@ readers do not read off random characters that represent icons */
   line-height: 1.4285714286;
   font-size: 0.875rem;
   padding: calc( ( 2rem - 1.4285714286 * 0.875rem ) / 2 ) 0.5rem;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-TabsTransfer-tab {
@@ -41759,11 +42442,11 @@ readers do not read off random characters that represent icons */
   transition: transform 0s ease-out;
   margin: 5px 5px 5px auto;
   display: flex;
-  color: #83868c;
+  color: #84868c;
 }
 
 .amis-scope .cxd-TransferPicker-icon:hover {
-  color: #83868c;
+  color: #84868c;
 }
 
 .amis-scope .cxd-TransferPicker-icon > svg {
@@ -41776,11 +42459,11 @@ readers do not read off random characters that represent icons */
   transition: transform 0s ease-out;
   margin: 5px 5px 5px auto;
   display: flex;
-  color: #83868c;
+  color: #84868c;
 }
 
 .amis-scope .cxd-TransferDropDown-icon:hover {
-  color: #83868c;
+  color: #84868c;
 }
 
 .amis-scope .cxd-TransferDropDown-icon > svg {
@@ -41837,7 +42520,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-NestedSelect-optionArrowRight svg {
   width: 0.75rem;
   height: 0.75rem;
-  fill: #83868c;
+  fill: #84868c;
 }
 
 .amis-scope .cxd-NestedSelect-menuOuter {
@@ -41858,8 +42541,8 @@ readers do not read off random characters that represent icons */
   width: 10rem;
   height: 10.9375rem;
   background: #fff;
-  color: #151a26;
-  border: 0 solid #1c53c1;
+  color: #151b26;
+  border: 0 solid #144bcc;
   box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
   overflow-y: auto;
   overflow-x: hidden;
@@ -41885,7 +42568,7 @@ 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: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-NestedSelect-menu .cxd-NestedSelect-option .cxd-NestedSelect-optionLabel-highlight {
@@ -41898,8 +42581,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-NestedSelect-menu .cxd-NestedSelect-option:hover {
-  color: #151a26;
-  background: #e9f0fd;
+  color: #151b26;
+  background: #e6f0ff;
 }
 
 .amis-scope .cxd-NestedSelect-menu .cxd-NestedSelect-option:hover > .cxd-NestedSelect-childrenOuter {
@@ -42048,7 +42731,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-IconPickerControl-input {
   display: flex;
   background: #ffffff;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
   padding: calc(
@@ -42068,18 +42751,18 @@ readers do not read off random characters that represent icons */
   outline: none;
   background: transparent;
   border: none;
-  color: #151a26;
+  color: #151b26;
   width: 100%;
   height: calc(1.4285714286 * 0.875rem);
 }
 
 .amis-scope .cxd-IconPickerControl-input input::placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
 }
 
 .amis-scope .cxd-IconPickerControl-input:hover {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-IconPickerControl-input--borderHalf {
@@ -42093,26 +42776,26 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-IconPickerControl.is-error > .cxd-IconPickerControl-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
   background: #ffffff;
   transition: all 0s;
 }
 
 .amis-scope .cxd-IconPickerControl.is-focused > .cxd-IconPickerControl-input {
-  border-color: #1c53c1;
+  border-color: #144bcc;
   box-shadow: none;
   background: #ffffff;
   transition: all 0s;
 }
 
 .amis-scope .cxd-IconPickerControl.is-error.is-focused > .cxd-IconPickerControl-input {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-IconPickerControl.is-disabled > .cxd-IconPickerControl-input {
-  color: #b4b6ba;
-  background: #f2f2f4;
-  border-color: #dadbdd;
+  color: #b8babf;
+  background: #f7f7f9;
+  border-color: #e8e9eb;
   transition: all 0s;
 }
 
@@ -42131,18 +42814,18 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-IconPickerControl-clear svg {
-  fill: #cecfd1;
+  fill: #d4d6d9;
   top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
 
 .amis-scope .cxd-IconPickerControl-clear:hover svg {
-  fill: #5e626a;
+  fill: #5c5f66;
 }
 
 .amis-scope .cxd-IconPickerControl-clear:active svg {
-  fill: #2d323c;
+  fill: #303540;
 }
 
 @media (min-width: 576px) {
@@ -42156,7 +42839,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-IconPickerControl-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
   user-select: none;
   position: absolute;
   left: 0.625rem;
@@ -42196,8 +42879,8 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-IconPickerControl-sugsPanel {
   position: absolute;
   background: #fff;
-  color: #151a26;
-  border: 0.0625rem solid #1c53c1;
+  color: #151b26;
+  border: 0.0625rem solid #144bcc;
   left: -0.0625rem;
   right: -0.0625rem;
   top: 100%;
@@ -42241,7 +42924,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-IconPickerControl-sugItem:hover {
-  background: #e9f0fd;
+  background: #e6f0ff;
 }
 
 .amis-scope .cxd-IconPickerControl-sugItem.is-active {
@@ -42308,7 +42991,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Form-static--borderFull {
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   padding: calc(
     (
@@ -42319,7 +43002,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Form-static--borderHalf {
-  border-bottom: 0.0625rem solid #dadbdd;
+  border-bottom: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   padding: calc(
     (
@@ -42334,7 +43017,7 @@ readers do not read off random characters that represent icons */
   margin-bottom: 0.25rem;
   position: relative;
   font-size: 0.875rem;
-  color: #5e626a;
+  color: #5c5f66;
 }
 
 .amis-scope .cxd-Form-label > span {
@@ -42342,13 +43025,13 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Form-star {
-  color: #e8684a;
+  color: #f33e3e;
   font-size: 0.6875rem;
   line-height: 1;
 }
 
 .amis-scope .cxd-Form-feedback {
-  color: #e8684a;
+  color: #f33e3e;
   margin: 0.375rem 0 0;
   padding-left: 0.75rem;
   font-size: 0.75rem;
@@ -42421,11 +43104,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Form-item.is-error > .cxd-Form-label {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 .amis-scope .cxd-Form-placeholder {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-Form-caption {
@@ -42851,7 +43534,7 @@ readers do not read off random characters that represent icons */
   .amis-scope .cxd-Form .cxd-Form-item .cxd-Form-hint {
     font-size: 0.875rem;
     margin-left: 0;
-    color: #b4b6ba;
+    color: #b8babf;
   }
 
   .amis-scope .cxd-Form .cxd-Form-item .cxd-TextControl-placeholder {
@@ -43314,7 +43997,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Link.is-disabled {
   cursor: not-allowed;
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .cxd-MappingField {
@@ -43335,7 +44018,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-FormulaEditor-content {
   border-radius: 0.25rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
 }
 
 .amis-scope .cxd-FormulaEditor-header {
@@ -43346,7 +44029,7 @@ readers do not read off random characters that represent icons */
   box-sizing: border-box;
   background: #fafafa;
   border-radius: 0.25rem 0.25rem 0 0;
-  border-bottom: 0.0625rem solid #dadbdd;
+  border-bottom: 0.0625rem solid #e8e9eb;
   font-weight: 500;
 }
 
@@ -43372,11 +44055,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-FormulaEditor.is-error .cxd-FormulaEditor-editor {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .cxd-FormulaEditor.is-focused .cxd-FormulaEditor-editor {
-  border-color: #1c53c1;
+  border-color: #144bcc;
 }
 
 .amis-scope .cxd-FormulaEditor-settings {
@@ -43396,7 +44079,7 @@ readers do not read off random characters that represent icons */
   height: 15.625rem;
   width: 13.75rem;
   border-radius: 0.25rem;
-  border: 0.0625rem solid #dadbdd;
+  border: 0.0625rem solid #e8e9eb;
 }
 
 .amis-scope .cxd-FormulaEditor-panel:not(:last-child) {
@@ -43415,7 +44098,7 @@ readers do not read off random characters that represent icons */
   box-sizing: border-box;
   background: #fafafa;
   border-radius: 0.25rem 0.25rem 0 0;
-  border-bottom: 0.0625rem solid #dadbdd;
+  border-bottom: 0.0625rem solid #e8e9eb;
   font-weight: 500;
 }
 
@@ -43594,7 +44277,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-FormulaEditor-FuncList-doc pre {
   white-space: pre-wrap;
   word-wrap: break-word;
-  background: #f2f2f4;
+  background: #f7f7f9;
   padding: 0.3125rem 0.625rem;
   border-radius: 0.25rem;
   margin-top: 0;
@@ -43715,7 +44398,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--danger {
-  background: #e8684a;
+  background: #f33e3e;
 }
 
 .amis-scope .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--info {
@@ -43723,11 +44406,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--success {
-  background: #0bc286;
+  background: #30bf13;
 }
 
 .amis-scope .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-round--warning {
-  background: #ffb200;
+  background: #ff9326;
 }
 
 .amis-scope .cxd-Timeline-vertical .cxd-TimelineItem-axle .cxd-TimelineItem-icon {
@@ -43842,7 +44525,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--danger {
-  background: #e8684a;
+  background: #f33e3e;
 }
 
 .amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--info {
@@ -43850,11 +44533,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--success {
-  background: #0bc286;
+  background: #30bf13;
 }
 
 .amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-round--warning {
-  background: #ffb200;
+  background: #ff9326;
 }
 
 .amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-axle .cxd-TimelineItem-icon {
@@ -44240,38 +44923,38 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .bg-success {
-  background-color: #0bc286;
-  color: #a4f5da;
+  background-color: #30bf13;
+  color: #b8f2ac;
 }
 
 .amis-scope .bg-success.lt,
 .amis-scope .bg-success .lt {
-  background: #0fd796;
+  background: #38d318;
 }
 
 .amis-scope .bg-success.lter,
 .amis-scope .bg-success .lter {
-  background: #15eba5;
+  background: #43e223;
 }
 
 .amis-scope .bg-success.dk,
 .amis-scope .bg-success .dk {
-  background: #07ac76;
+  background: #29aa0e;
 }
 
 .amis-scope .bg-success.dker,
 .amis-scope .bg-success .dker {
-  background: #049666;
+  background: #22950a;
 }
 
 .amis-scope .bg-success.bg,
 .amis-scope .bg-success .bg {
-  background-color: #0bc286;
+  background-color: #30bf13;
 }
 
 .amis-scope .bg-success a,
 .amis-scope .bg-success .cxd-Button--link {
-  color: #d2faed;
+  color: #def9d8;
 }
 
 .amis-scope .bg-success a:hover,
@@ -44348,33 +45031,33 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .bg-warning {
-  background-color: #ffb200;
-  color: #fcefcf;
+  background-color: #ff9326;
+  color: #fef9f3;
 }
 
 .amis-scope .bg-warning.lt,
 .amis-scope .bg-warning .lt {
-  background: #fcb91c;
+  background: #fda042;
 }
 
 .amis-scope .bg-warning.lter,
 .amis-scope .bg-warning .lter {
-  background: #fabf38;
+  background: #fbac5d;
 }
 
 .amis-scope .bg-warning.dk,
 .amis-scope .bg-warning .dk {
-  background: #e6a000;
+  background: #ff860d;
 }
 
 .amis-scope .bg-warning.dker,
 .amis-scope .bg-warning .dker {
-  background: #cc8e00;
+  background: #f27a00;
 }
 
 .amis-scope .bg-warning.bg,
 .amis-scope .bg-warning .bg {
-  background-color: #ffb200;
+  background-color: #ff9326;
 }
 
 .amis-scope .bg-warning a,
@@ -44402,33 +45085,33 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .bg-danger {
-  background-color: #e8684a;
-  color: white;
+  background-color: #f33e3e;
+  color: #fffefe;
 }
 
 .amis-scope .bg-danger.lt,
 .amis-scope .bg-danger .lt {
-  background: #e97c63;
+  background: #f25858;
 }
 
 .amis-scope .bg-danger.lter,
 .amis-scope .bg-danger .lter {
-  background: #ea907b;
+  background: #f27272;
 }
 
 .amis-scope .bg-danger.dk,
 .amis-scope .bg-danger .dk {
-  background: #e85331;
+  background: #f42323;
 }
 
 .amis-scope .bg-danger.dker,
 .amis-scope .bg-danger .dker {
-  background: #e93e16;
+  background: #f50909;
 }
 
 .amis-scope .bg-danger.bg,
 .amis-scope .bg-danger .bg {
-  background-color: #e8684a;
+  background-color: #f33e3e;
 }
 
 .amis-scope .bg-danger a,
@@ -44550,87 +45233,87 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope a.bg-success:hover {
-  background: #0aaa75;
+  background: #2aa811;
 }
 
 .amis-scope a.text-success:hover {
-  color: #0aaa75;
+  color: #2aa811;
 }
 
 .amis-scope .text-success {
-  color: #0bc286;
+  color: #30bf13;
 }
 
 .amis-scope .text-success-lt {
-  color: #0aaa75;
+  color: #2aa811;
 }
 
 .amis-scope .text-success-lter {
-  color: #089265;
+  color: #24910e;
 }
 
 .amis-scope .text-success-dk {
-  color: #0aaa75;
+  color: #2aa811;
 }
 
 .amis-scope .text-success-dker {
-  color: #089265;
+  color: #24910e;
 }
 
 .amis-scope a.bg-warning:hover {
-  background: #e6a000;
+  background: #ff860d;
 }
 
 .amis-scope a.text-warning:hover {
-  color: #e6a000;
+  color: #ff860d;
 }
 
 .amis-scope .text-warning {
-  color: #ffb200;
+  color: #ff9326;
 }
 
 .amis-scope .text-warning-lt {
-  color: #e6a000;
+  color: #ff860d;
 }
 
 .amis-scope .text-warning-lter {
-  color: #cc8e00;
+  color: #f27a00;
 }
 
 .amis-scope .text-warning-dk {
-  color: #e6a000;
+  color: #ff860d;
 }
 
 .amis-scope .text-warning-dker {
-  color: #cc8e00;
+  color: #f27a00;
 }
 
 .amis-scope a.bg-danger:hover {
-  background: #e55533;
+  background: #f22626;
 }
 
 .amis-scope a.text-danger:hover {
-  color: #e55533;
+  color: #f22626;
 }
 
 .amis-scope .text-danger {
-  color: #e8684a;
+  color: #f33e3e;
 }
 
 .amis-scope .text-danger-lt {
-  color: #e55533;
+  color: #f22626;
 }
 
 .amis-scope .text-danger-lter {
-  color: #e2421d;
+  color: #ef0f0f;
 }
 
 .amis-scope .text-danger-dk {
-  color: #e55533;
+  color: #f22626;
 }
 
 .amis-scope .text-danger-dker {
-  color: #e2421d;
+  color: #ef0f0f;
 }
 
 .amis-scope a.bg-dark:hover {
@@ -44718,7 +45401,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .text-muted {
-  color: #b4b6ba;
+  color: #b8babf;
 }
 
 .amis-scope .text-loud {
@@ -45129,7 +45812,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .b-success {
-  border-color: #0bc286;
+  border-color: #30bf13;
 }
 
 .amis-scope .b-info {
@@ -45137,11 +45820,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .b-warning {
-  border-color: #ffb200;
+  border-color: #ff9326;
 }
 
 .amis-scope .b-danger {
-  border-color: #e8684a;
+  border-color: #f33e3e;
 }
 
 .amis-scope .b-white {
@@ -45169,7 +45852,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .b-l-success {
-  border-left-color: #0bc286;
+  border-left-color: #30bf13;
 }
 
 .amis-scope .b-l-info {
@@ -45177,11 +45860,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .b-l-warning {
-  border-left-color: #ffb200;
+  border-left-color: #ff9326;
 }
 
 .amis-scope .b-l-danger {
-  border-left-color: #e8684a;
+  border-left-color: #f33e3e;
 }
 
 .amis-scope .b-l-white {
@@ -45768,19 +46451,19 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .avatar i.on {
-  background: #0bc286;
+  background: #30bf13;
 }
 
 .amis-scope .avatar i.off {
-  background: #b4b6ba;
+  background: #b8babf;
 }
 
 .amis-scope .avatar i.busy {
-  background: #e8684a;
+  background: #f33e3e;
 }
 
 .amis-scope .avatar i.away {
-  background: #ffb200;
+  background: #ff9326;
 }
 
 .amis-scope .avatar.thumb-md i {
@@ -46218,7 +46901,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .label-success {
-  background: #0bc286;
+  background: #30bf13;
 }
 
 .amis-scope .label-info {
@@ -46226,11 +46909,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .label-warning {
-  background: #ffb200;
+  background: #ff9326;
 }
 
 .amis-scope .label-danger {
-  background: #e8684a;
+  background: #f33e3e;
 }
 
 @keyframes apearSensor {
@@ -46403,7 +47086,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Switch:hover {
-  background: #b4b6ba;
+  background: #b8babf;
 }
 
 .amis-scope .cxd-Switch.is-checked {
@@ -46419,11 +47102,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Switch.is-checked:hover {
-  background: #1c53c1;
+  background: #144bcc;
 }
 
 .amis-scope .cxd-Switch.is-checked:active {
-  background: #1c53c1;
+  background: #144bcc;
 }
 
 .amis-scope .cxd-TextControl-sugs {
@@ -46487,15 +47170,15 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Alert .cxd-Alert-close {
   opacity: 1;
-  color: #83868c;
+  color: #84868c;
 }
 
 .amis-scope .cxd-Alert .cxd-Alert-close:hover {
-  color: #5e626a;
+  color: #5c5f66;
 }
 
 .amis-scope .cxd-Alert .cxd-Alert-close:active {
-  color: #2d323c;
+  color: #303540;
 }
 
 .amis-scope .cxd-IconPickerControl .cxd-IconPickerControl-input--withAC .cxd-IconPickerControl-sugsPanel {
@@ -46631,9 +47314,9 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-icon {
-  color: #e8684a;
+  color: #f33e3e;
   background-color: #fff;
-  border: 1px solid #e8684a;
+  border: 1px solid #f33e3e;
 }
 
 .amis-scope .cxd-Form-feedback {