antd-mobile 5.17.2 → 5.20.0

package/2x/bundle/style.css

@@ -25,13 +25,11 @@
   --adm-color-box: #f5f5f5;
   --adm-color-background: #ffffff;
   --adm-font-size-main: var(--adm-font-size-5);
-  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
-    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
-    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+  --adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
   --adm-border-color: var(--adm-color-border);
 }
 
-html[data-prefers-color-scheme='dark'] {
+html[data-prefers-color-scheme=dark] {
   --adm-color-primary: #3086ff;
   --adm-color-success: #34b368;
   --adm-color-warning: #ffa930;
@@ -47,7 +45,7 @@ html[data-prefers-color-scheme='dark'] {
 }
 
 :root {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 
 body {
@@ -63,11 +61,11 @@ button {
 
 a {
   color: var(--adm-color-primary);
-  transition: opacity ease-in-out 0.2s;
+  transition: opacity ease-in-out .2s;
 }
 
 a:active {
-  opacity: 0.8;
+  opacity: .8;
 }
 
 .adm-plain-anchor {
@@ -80,7 +78,7 @@ a:active {
 }
 
 body.adm-overflow-hidden {
-  overflow: hidden !important;
+  overflow: hidden!important;
 }
 
 div.adm-px-tester {
@@ -95,7 +93,7 @@ div.adm-px-tester {
   pointer-events: none;
 }
 
-.adm-action-sheet-popup > .adm-popup-body {
+.adm-action-sheet-popup>.adm-popup-body {
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
   overflow: hidden;
@@ -110,10 +108,7 @@ div.adm-px-tester {
   border-bottom: 2px solid var(--adm-color-border);
 }
 
-.adm-action-sheet-button-list {
-  border-bottom: 2px solid var(--adm-color-border);
-}
-
+.adm-action-sheet-button-list,
 .adm-action-sheet-button-item-wrapper {
   border-bottom: 2px solid var(--adm-color-border);
 }
@@ -130,13 +125,13 @@ div.adm-px-tester {
 }
 
 .adm-action-sheet-button-item:active {
-  background-color: #eeeeee;
+  background-color: #eee;
 }
 
 .adm-action-sheet-button-item-disabled {
   cursor: not-allowed;
   pointer-events: none;
-  opacity: 0.4;
+  opacity: .4;
 }
 
 .adm-action-sheet-button-item-name {
@@ -316,7 +311,7 @@ div.adm-px-tester {
   font-size: var(--adm-font-size-1);
   line-height: 24px;
   white-space: nowrap;
-  font-weight: normal;
+  font-weight: 400;
   text-align: center;
 }
 
@@ -324,7 +319,7 @@ div.adm-px-tester {
   position: absolute;
   right: var(--right);
   top: var(--top);
-  transform: translate(50%, -50%);
+  transform: translate(50%,-50%);
 }
 
 .adm-badge-dot {
@@ -360,7 +355,7 @@ div.adm-px-tester {
   border: var(--border-width) var(--border-style) var(--border-color);
   border-radius: var(--border-radius);
   cursor: pointer;
-  transition: opacity ease 0.15s;
+  transition: opacity ease .15s;
   -webkit-user-select: none;
   user-select: none;
 }
@@ -369,23 +364,23 @@ div.adm-px-tester {
   outline: none;
 }
 
-.adm-button::before {
+.adm-button:before {
   position: absolute;
   top: 0;
   left: 0;
-  transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
+  transform: translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));
   width: 100%;
   height: 100%;
   background-color: #000;
   border: var(--border-width) var(--border-style) #000;
   border-radius: var(--border-radius);
   opacity: 0;
-  content: ' ';
+  content: " ";
   box-sizing: content-box;
 }
 
-.adm-button:active::before {
-  opacity: 0.08;
+.adm-button:active:before {
+  opacity: .08;
 }
 
 .adm-button-default.adm-button-fill-outline {
@@ -438,10 +433,10 @@ div.adm-px-tester {
 
 .adm-button-disabled {
   cursor: not-allowed;
-  opacity: 0.4;
+  opacity: .4;
 }
 
-.adm-button-disabled:active::before {
+.adm-button-disabled:active:before {
   display: none;
 }
 
@@ -487,8 +482,8 @@ div.adm-px-tester {
   justify-content: center;
 }
 
-.adm-button-loading-wrapper > .adm-loading {
-  opacity: 0.6;
+.adm-button-loading-wrapper>.adm-loading {
+  opacity: .6;
 }
 
 .adm-dot-loading {
@@ -556,10 +551,7 @@ div.adm-px-tester {
   color: var(--adm-color-primary);
 }
 
-.adm-calendar-cell.adm-calendar-cell-disabled {
-  color: var(--adm-color-light);
-}
-
+.adm-calendar-cell.adm-calendar-cell-disabled,
 .adm-calendar-cell.adm-calendar-cell-disabled .adm-calendar-cell-bottom {
   color: var(--adm-color-light);
 }
@@ -665,7 +657,7 @@ div.adm-px-tester {
 }
 
 .adm-capsule-tabs-tab-disabled {
-  opacity: 0.5;
+  opacity: .5;
   cursor: not-allowed;
 }
 
@@ -685,12 +677,12 @@ div.adm-px-tester {
 
 .adm-scroll-mask-left {
   left: 0;
-  background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
+  background: linear-gradient(to right,var(--adm-color-background),rgba(255,255,255,0));
 }
 
 .adm-scroll-mask-right {
   right: 0;
-  background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
+  background: linear-gradient(to left,var(--adm-color-background),rgba(255,255,255,0));
 }
 
 .adm-card {
@@ -709,13 +701,13 @@ div.adm-px-tester {
 }
 
 .adm-card-header:not(:last-child) {
-  border-bottom: solid 1px var(--adm-color-border);
+  border-bottom: solid .10px var(--adm-color-border);
 }
 
 .adm-card-header-title {
   font-size: var(--adm-font-size-7);
   line-height: 1.4;
-  font-weight: bold;
+  font-weight: 700;
 }
 
 .adm-card-body {
@@ -748,23 +740,23 @@ div.adm-px-tester {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 8px 8px;
+  padding: 8px;
 }
 
 .adm-picker-header-button {
   font-size: var(--header-button-font-size);
   display: inline-block;
-  padding: 16px 16px;
+  padding: 16px;
 }
 
 .adm-picker-header-button-disabled,
 .adm-picker-header-button-disabled:active {
-  opacity: 0.4;
+  opacity: .4;
   cursor: not-allowed;
 }
 
 .adm-picker-header-title {
-  padding: 8px 8px;
+  padding: 8px;
   font-size: var(--title-font-size);
   color: var(--adm-color-text);
   text-align: center;
@@ -776,7 +768,7 @@ div.adm-px-tester {
   width: 100%;
 }
 
-.adm-picker-body > .adm-picker-view {
+.adm-picker-body>.adm-picker-view {
   --height: 100%;
 }
 
@@ -795,16 +787,16 @@ div.adm-px-tester {
 .adm-spin-loading-svg {
   width: 100%;
   height: 100%;
-  animation: adm-spin-loading-rotate 0.8s infinite linear;
+  animation: adm-spin-loading-rotate .8s infinite linear;
 }
 
-.adm-spin-loading-svg > .adm-spin-loading-fill {
+.adm-spin-loading-svg>.adm-spin-loading-fill {
   stroke: var(--color);
 }
 
 @keyframes adm-spin-loading-rotate {
-  from {
-    transform: rotate(0deg);
+  0% {
+    transform: rotate(0);
   }
 
   to {
@@ -843,8 +835,8 @@ div.adm-px-tester {
   left: 0;
 }
 
-.adm-picker-view-column-wheel::before {
-  content: ' ';
+.adm-picker-view-column-wheel:before {
+  content: " ";
   display: block;
   position: absolute;
   width: 100%;
@@ -852,8 +844,8 @@ div.adm-px-tester {
   top: -100vh;
 }
 
-.adm-picker-view-column-wheel::after {
-  content: ' ';
+.adm-picker-view-column-wheel:after {
+  content: " ";
   display: block;
   position: absolute;
   width: 100%;
@@ -888,7 +880,7 @@ div.adm-px-tester {
   padding-bottom: 2px;
 }
 
-.adm-picker-view-column-accessible > * {
+.adm-picker-view-column-accessible>* {
   flex: 1;
   text-overflow: ellipsis;
 }
@@ -931,14 +923,14 @@ div.adm-px-tester {
 
 .adm-picker-view-mask-top {
   background: var(--adm-color-background);
-  -webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
-  mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
+  -webkit-mask: linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);
+  mask: linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);
 }
 
 .adm-picker-view-mask-bottom {
   background: var(--adm-color-background);
-  -webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
-  mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
+  -webkit-mask: linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);
+  mask: linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);
 }
 
 .adm-picker-view-loading-content {
@@ -970,7 +962,7 @@ div.adm-px-tester {
   overflow-y: auto;
 }
 
-.adm-cascader-view-content > .adm-check-list {
+.adm-cascader-view-content>.adm-check-list {
   --border-inner: none;
   --border-bottom: none;
   --border-top: none;
@@ -1061,7 +1053,7 @@ div.adm-px-tester {
 }
 
 .adm-tabs-tab-disabled {
-  opacity: 0.5;
+  opacity: .5;
   cursor: not-allowed;
 }
 
@@ -1089,12 +1081,12 @@ div.adm-px-tester {
 
 .adm-tabs-header-mask-left {
   left: 0;
-  background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
+  background: linear-gradient(to right,var(--adm-color-background),rgba(255,255,255,0));
 }
 
 .adm-tabs-header-mask-right {
   right: 0;
-  background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
+  background: linear-gradient(to left,var(--adm-color-background),rgba(255,255,255,0));
 }
 
 .adm-check-list-item-extra {
@@ -1109,7 +1101,7 @@ div.adm-px-tester {
 
 .adm-list {
   --header-font-size: var(--adm-font-size-7);
-  --prefix-width: 'auto';
+  --prefix-width: "auto";
   --prefix-padding-right: 24px;
   --align-items: center;
   --active-background-color: var(--adm-color-border);
@@ -1209,8 +1201,8 @@ div.adm-px-tester {
   cursor: not-allowed;
 }
 
-.adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {
-  opacity: 0.4;
+.adm-list-item-disabled.adm-list-item-disabled>.adm-list-item-content>* {
+  opacity: .4;
   pointer-events: none;
 }
 
@@ -1218,8 +1210,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled) {
   background-color: var(--active-background-color);
 }
 
-a.adm-list-item:active:not(.adm-list-item-disabled)::after {
-  content: ' ';
+a.adm-list-item:active:not(.adm-list-item-disabled):after {
+  content: " ";
   display: block;
   position: absolute;
   width: 100%;
@@ -1232,7 +1224,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   --width: 100%;
   --height: 0;
   --border-radius: 0;
-  background-color: rgba(190, 190, 190, 0.2);
+  background-color: #bebebe33;
   border-radius: var(--border-radius);
   width: var(--width);
   height: var(--height);
@@ -1240,7 +1232,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-skeleton.adm-skeleton-animated {
-  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
+  background: linear-gradient(90deg,rgba(190,190,190,.2) 25%,rgba(129,129,129,.24) 37%,rgba(190,190,190,.2) 63%);
   background-size: 400% 100%;
   animation: adm-skeleton-loading 1.4s ease infinite;
 }
@@ -1269,7 +1261,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
     background-position: 100% 50%;
   }
 
-  100% {
+  to {
     background-position: 0 50%;
   }
 }
@@ -1293,11 +1285,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-cascader-header-button {
   font-size: var(--adm-font-size-7);
   display: inline-block;
-  padding: 8px 8px;
+  padding: 8px;
 }
 
 .adm-cascader-header-title {
-  padding: 8px 8px;
+  padding: 8px;
   font-size: var(--adm-font-size-7);
   color: var(--adm-color-text);
   text-align: center;
@@ -1310,7 +1302,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   width: 100%;
 }
 
-.adm-cascader-body > .adm-cascader-view {
+.adm-cascader-body>.adm-cascader-view {
   --height: 620px;
 }
 
@@ -1336,7 +1328,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   width: auto;
   min-width: var(--min-width);
   max-width: var(--max-width);
-  transform: translate(-50%, -50%);
+  transform: translate(-50%,-50%);
 }
 
 .adm-center-popup-body {
@@ -1380,7 +1372,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   color: var(--adm-color-white);
 }
 
-.adm-checkbox .adm-checkbox-icon > svg {
+.adm-checkbox .adm-checkbox-icon>svg {
   display: block;
   width: 100%;
   height: 100%;
@@ -1400,7 +1392,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-checkbox.adm-checkbox-disabled .adm-checkbox-content {
-  opacity: 0.4;
+  opacity: .4;
 }
 
 .adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
@@ -1429,8 +1421,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-collapse-arrow {
-  transform: rotate(0deg);
-  transition: all ease 0.3s;
+  transform: rotate(0);
+  transition: all ease .3s;
 }
 
 .adm-collapse-arrow-active {
@@ -1461,11 +1453,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   flex-direction: column;
 }
 
-.adm-dialog-body > * {
+.adm-dialog-body>* {
   flex: none;
 }
 
-.adm-dialog-body > .adm-dialog-content {
+.adm-dialog-body>.adm-dialog-content {
   flex: auto;
 }
 
@@ -1486,7 +1478,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-dialog-title {
   margin-bottom: 16px;
   padding: 0 24px;
-  font-weight: bold;
+  font-weight: 700;
   font-size: var(--adm-font-size-10);
   line-height: 50px;
   text-align: center;
@@ -1515,26 +1507,26 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-dialog-footer .adm-dialog-action-row {
   display: flex;
   align-items: stretch;
-  border-top: 1px solid var(--adm-color-border);
+  border-top: .10px solid var(--adm-color-border);
 }
 
-.adm-dialog-footer .adm-dialog-action-row > * {
+.adm-dialog-footer .adm-dialog-action-row>* {
   flex: 1;
 }
 
-.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button {
+.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button {
   padding: 20px;
   font-size: var(--adm-font-size-10);
   line-height: 50px;
   border-radius: 0;
-  border-right: solid 1px var(--adm-color-border);
+  border-right: solid .10px var(--adm-color-border);
 }
 
-.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button-bold {
-  font-weight: bold;
+.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button-bold {
+  font-weight: 700;
 }
 
-.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button:last-child {
+.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button:last-child {
   border-right: none;
 }
 
@@ -1564,13 +1556,13 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   min-width: 48px;
 }
 
-.adm-image-tip > svg {
+.adm-image-tip>svg {
   width: 48px;
   height: 48px;
   position: absolute;
   left: 50%;
   top: 50%;
-  transform: translate(-50%, -50%);
+  transform: translate(-50%,-50%);
   color: var(--adm-color-weak);
 }
 
@@ -1585,19 +1577,19 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   font-size: 28px;
 }
 
-.adm-divider-left.adm-divider-horizontal::before {
+.adm-divider-left.adm-divider-horizontal:before {
   max-width: 10%;
 }
 
-.adm-divider-right.adm-divider-horizontal::after {
+.adm-divider-right.adm-divider-horizontal:after {
   max-width: 10%;
 }
 
-.adm-divider-horizontal::after,
-.adm-divider-horizontal::before {
+.adm-divider-horizontal:after,
+.adm-divider-horizontal:before {
   flex: auto;
   display: block;
-  content: '';
+  content: "";
   border-style: inherit;
   border-color: inherit;
   border-width: 2px 0 0;
@@ -1610,9 +1602,9 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 
 .adm-divider-vertical {
   position: relative;
-  top: -0.06em;
+  top: -.06em;
   display: inline-block;
-  height: 0.9em;
+  height: .9em;
   margin: 0 32px;
   vertical-align: middle;
   border-top: 0;
@@ -1659,8 +1651,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-dropdown-item .adm-dropdown-item-title-arrow {
   color: var(--adm-color-light);
   font-size: 18px;
-  transform: rotate(0deg) translateY(2px);
-  transition: all ease 0.2s;
+  transform: rotate(0) translateY(2px);
+  transition: all ease .2s;
 }
 
 .adm-dropdown-item .adm-dropdown-item-title-arrow-active {
@@ -1668,7 +1660,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-dropdown-item .adm-dropdown-item-title:active {
-  opacity: 0.7;
+  opacity: .7;
 }
 
 .adm-dropdown-item-highlight {
@@ -1698,10 +1690,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   left: 0;
 }
 
-.adm-dropdown-popup .adm-dropdown-popup-mask {
-  position: absolute;
-}
-
+.adm-dropdown-popup .adm-dropdown-popup-mask,
 .adm-dropdown-popup .adm-dropdown-popup-body {
   position: absolute;
 }
@@ -1837,7 +1826,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   align-items: center;
   overflow: hidden;
   cursor: pointer;
-  transition: opacity ease 0.15s;
+  transition: opacity ease .15s;
   -webkit-user-select: none;
   user-select: none;
   touch-action: none;
@@ -1871,8 +1860,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   background: transparent;
 }
 
-.adm-floating-panel::after {
-  content: '';
+.adm-floating-panel:after {
+  content: "";
   display: block;
   position: absolute;
   bottom: -100vh;
@@ -1935,7 +1924,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   color: #1677ff;
 }
 
-.adm-form-item + .adm-form-item {
+.adm-form-item+.adm-form-item {
   border-top: none;
 }
 
@@ -1950,9 +1939,9 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 
 .adm-form-item-label .adm-form-item-required-asterisk {
   position: absolute;
-  left: -0.6em;
+  left: -.6em;
   top: 0;
-  font-family: SimSun, sans-serif;
+  font-family: SimSun,sans-serif;
   color: var(--adm-color-danger);
   -webkit-user-select: none;
   user-select: none;
@@ -1976,7 +1965,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   justify-content: normal;
 }
 
-.adm-form-item-child-position-normal > * {
+.adm-form-item-child-position-normal>* {
   flex: auto;
 }
 
@@ -1984,7 +1973,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   justify-content: flex-end;
 }
 
-.adm-form-item-child-position-right > * {
+.adm-form-item-child-position-right>* {
   flex: none;
 }
 
@@ -2026,7 +2015,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   --background: #ffffff;
   --arrow-size: 16px;
   --content-padding: 16px 24px;
-  color: #333333;
+  color: #333;
   position: absolute;
   top: 0;
   left: 0;
@@ -2040,19 +2029,19 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-popover.adm-popover-dark {
-  --background: rgba(0, 0, 0, 0.75);
+  --background: rgba(0, 0, 0, .75);
   --adm-color-text: #ffffff;
-  color: #ffffff;
+  color: #fff;
 }
 
 .adm-popover.adm-popover-dark .adm-popover-inner {
   box-shadow: none;
 }
 
-.adm-popover::after {
+.adm-popover:after {
   position: absolute;
-  background: rgba(255, 255, 255, 0.01);
-  content: '';
+  background: rgba(255,255,255,.01);
+  content: "";
 }
 
 .adm-popover-hidden {
@@ -2063,7 +2052,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   background-color: var(--background);
   background-clip: padding-box;
   border-radius: 16px;
-  box-shadow: 0 0 60px 0 rgba(51, 51, 51, 0.2);
+  box-shadow: 0 0 60px #3333;
   font-size: var(--adm-font-size-7);
   width: -webkit-max-content;
   width: max-content;
@@ -2092,7 +2081,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -50%) rotate(var(--arrow-icon-rotate));
+  transform: translate(-50%,-50%) rotate(var(--arrow-icon-rotate));
 }
 
 .adm-popover .adm-popover-arrow {
@@ -2140,16 +2129,16 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   cursor: not-allowed;
 }
 
-.adm-popover-menu-item-disabled > * {
-  opacity: 0.4;
+.adm-popover-menu-item-disabled>* {
+  opacity: .4;
 }
 
 .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
   background-color: var(--border-color);
 }
 
-.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
-  content: ' ';
+.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled):after {
+  content: " ";
   display: block;
   position: absolute;
   width: 100%;
@@ -2160,7 +2149,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 
 .adm-popover.adm-popover-dark.adm-popover-menu {
   --border-color: #333333;
-  --background: rgba(0, 0, 0, 0.9);
+  --background: rgba(0, 0, 0, .9);
 }
 
 .adm-grid {
@@ -2172,7 +2161,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   -webkit-column-gap: var(--gap-horizontal);
   column-gap: var(--gap-horizontal);
   row-gap: var(--gap-vertical);
-  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
+  grid-template-columns: repeat(var(--columns),minmax(0,1fr));
   align-items: stretch;
 }
 
@@ -2209,7 +2198,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   white-space: nowrap;
 }
 
-.adm-image-viewer-slides-inner > * {
+.adm-image-viewer-slides-inner>* {
   margin-right: 32px;
 }
 
@@ -2251,7 +2240,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   z-index: 2;
   left: 50%;
   top: 24px;
-  transform: translateX(-50%);
+  transform: translate(-50%);
   color: #e6e6e6;
   font-size: var(--adm-font-size-6);
 }
@@ -2271,11 +2260,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   flex-direction: column;
 }
 
-.adm-space-vertical > .adm-space-item {
+.adm-space-vertical>.adm-space-item {
   margin-bottom: var(--gap-vertical);
 }
 
-.adm-space-vertical > .adm-space-item:last-child {
+.adm-space-vertical>.adm-space-item:last-child {
   margin-bottom: 0;
 }
 
@@ -2283,11 +2272,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   flex-direction: row;
 }
 
-.adm-space-horizontal > .adm-space-item {
+.adm-space-horizontal>.adm-space-item {
   margin-right: var(--gap-horizontal);
 }
 
-.adm-space-horizontal > .adm-space-item:last-child {
+.adm-space-horizontal>.adm-space-item:last-child {
   margin-right: 0;
 }
 
@@ -2296,7 +2285,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   margin-bottom: calc(var(--gap-vertical) * -1);
 }
 
-.adm-space-horizontal.adm-space-wrap > .adm-space-item {
+.adm-space-horizontal.adm-space-wrap>.adm-space-item {
   padding-bottom: var(--gap-vertical);
 }
 
@@ -2375,7 +2364,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   right: 0;
   width: 28px;
   height: 28px;
-  background-color: rgba(0, 0, 0, 0.7);
+  background-color: #000000b3;
   border-radius: 0 0 0 24px;
   font-size: 16px;
   color: var(--adm-color-white);
@@ -2395,7 +2384,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   bottom: 0;
   left: 0;
   color: var(--adm-color-white);
-  background-color: rgba(50, 50, 51, 0.88);
+  background-color: #323233e0;
 }
 
 .adm-image-uploader-cell-loading {
@@ -2431,7 +2420,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button-icon {
-  color: #999999;
+  color: #999;
   font-size: 64px;
 }
 
@@ -2513,7 +2502,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   padding: 0 24px;
 }
 
-.adm-index-bar-sidebar-row > * {
+.adm-index-bar-sidebar-row>* {
   pointer-events: none;
 }
 
@@ -2575,7 +2564,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-input-disabled {
-  opacity: 0.4;
+  opacity: .4;
   cursor: not-allowed;
 }
 
@@ -2642,13 +2631,13 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   opacity: 1;
 }
 
-.adm-input-element[type='date'],
-.adm-input-element[type='time'],
-.adm-input-element[type='datetime-local'] {
+.adm-input-element[type=date],
+.adm-input-element[type=time],
+.adm-input-element[type=datetime-local] {
   min-height: 1.5em;
 }
 
-.adm-input-element[type='search'] {
+.adm-input-element[type=search] {
   -webkit-appearance: none;
 }
 
@@ -2744,7 +2733,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-jumbo-tabs-tab-disabled {
-  opacity: 0.5;
+  opacity: .5;
   cursor: not-allowed;
 }
 
@@ -2770,11 +2759,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   flex-direction: column;
 }
 
-.adm-modal-body > * {
+.adm-modal-body>* {
   flex: none;
 }
 
-.adm-modal-body > .adm-modal-content {
+.adm-modal-body>.adm-modal-content {
   flex: auto;
 }
 
@@ -2796,7 +2785,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-modal-title {
   margin-bottom: 16px;
   padding: 0 24px;
-  font-weight: bold;
+  font-weight: 700;
   font-size: var(--adm-font-size-10);
   line-height: 50px;
   text-align: center;
@@ -2837,12 +2826,12 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   padding-bottom: 0;
 }
 
-.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary)::before {
+.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):before {
   display: none;
 }
 
 .adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active {
-  opacity: 0.7;
+  opacity: .7;
 }
 
 .adm-nav-bar {
@@ -2921,7 +2910,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   color: var(--text-color);
 }
 
-.adm-notice-bar > span[role='img'] {
+.adm-notice-bar>span[role=img] {
   color: var(--text-color);
 }
 
@@ -2971,6 +2960,15 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   margin-left: 24px;
 }
 
+.adm-notice-bar-close {
+  width: 48px;
+  height: 48px;
+  margin-right: -6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .adm-notice-bar-close-icon {
   font-size: var(--adm-font-size-10);
 }
@@ -2981,7 +2979,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   flex: 1;
 }
 
-.adm-number-keyboard-main.confirmed-style .sign-key {
+.adm-number-keyboard-main.adm-number-keyboard-main-confirmed-style .adm-number-keyboard-key-sign {
   background-color: var(--adm-color-white);
 }
 
@@ -3017,11 +3015,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   font-size: 32px;
 }
 
-.adm-number-keyboard-header.with-title {
+.adm-number-keyboard-header.adm-number-keyboard-header-with-title {
   justify-content: space-between;
 }
 
-.adm-number-keyboard-header.with-title .adm-number-keyboard-header-close-button {
+.adm-number-keyboard-header.adm-number-keyboard-header-with-title .adm-number-keyboard-header-close-button {
   padding-right: 0;
 }
 
@@ -3058,7 +3056,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   border-right: none;
 }
 
-.adm-number-keyboard-key::before {
+.adm-number-keyboard-key:before {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -3068,36 +3066,36 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   border: inherit;
   border-color: #000;
   border-radius: inherit;
-  transform: translate(-50%, -50%);
+  transform: translate(-50%,-50%);
   opacity: 0;
-  content: ' ';
+  content: " ";
   box-sizing: content-box;
 }
 
-.adm-number-keyboard-key.mid-key {
+.adm-number-keyboard-key.adm-number-keyboard-key-mid {
   flex-basis: 66.67%;
 }
 
-.adm-number-keyboard-key.sign-key:active::before {
-  opacity: 0.1;
+.adm-number-keyboard-key.adm-number-keyboard-key-sign:active:before {
+  opacity: .1;
 }
 
-.adm-number-keyboard-key.extra-key {
+.adm-number-keyboard-key.adm-number-keyboard-key-extra {
   border-left: solid 2px var(--adm-color-border);
   border-right: none;
 }
 
-.adm-number-keyboard-key.extra-key,
-.adm-number-keyboard-key.number-key {
+.adm-number-keyboard-key.adm-number-keyboard-key-extra,
+.adm-number-keyboard-key.adm-number-keyboard-key-number {
   background-color: var(--adm-color-background);
 }
 
-.adm-number-keyboard-key.extra-key:active::before,
-.adm-number-keyboard-key.number-key:active::before {
-  opacity: 0.1;
+.adm-number-keyboard-key.adm-number-keyboard-key-extra:active:before,
+.adm-number-keyboard-key.adm-number-keyboard-key-number:active:before {
+  opacity: .1;
 }
 
-.adm-number-keyboard-key.ok-key {
+.adm-number-keyboard-key.adm-number-keyboard-key-ok {
   background-color: var(--adm-color-primary);
   color: var(--adm-color-white);
   height: 288px;
@@ -3105,14 +3103,10 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   border: none;
 }
 
-.adm-number-keyboard-bs-key {
-  height: 40px;
-}
-
 .adm-page-indicator {
   display: flex;
   width: auto;
-  --dot-color: rgba(0, 0, 0, 0.2);
+  --dot-color: rgba(0, 0, 0, .2);
   --active-dot-color: var(--adm-color-primary);
   --dot-size: 6px;
   --active-dot-size: 26px;
@@ -3193,65 +3187,65 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   background: var(--adm-color-background);
 }
 
-.adm-passcode-input:not(.seperated) {
+.adm-passcode-input:not(.adm-passcode-input-seperated) {
   border-radius: var(--border-radius);
   overflow: hidden;
   border: 2px solid var(--border-color);
 }
 
-.adm-passcode-input:not(.seperated) .adm-passcode-input-cell:not(:last-child) {
+.adm-passcode-input:not(.adm-passcode-input-seperated) .adm-passcode-input-cell:not(:last-child) {
   border-right: 2px solid var(--border-color);
 }
 
-.adm-passcode-input:not(.seperated).focused {
+.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-focused {
   border-color: var(--adm-color-primary);
   box-shadow: 0 0 4px 0 var(--adm-color-primary);
   outline: none;
 }
 
-.adm-passcode-input:not(.seperated).error {
+.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-error {
   border-color: var(--adm-color-danger);
   box-shadow: 0 0 4px 0 var(--adm-color-danger);
-  animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
+  animation: .1s ease-in-out 0s 3 normal none running adm-shake-horizontal;
 }
 
-.adm-passcode-input.seperated .adm-passcode-input-cell {
+.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell {
   border-radius: var(--border-radius);
   border: 2px solid var(--border-color);
 }
 
-.adm-passcode-input.seperated .adm-passcode-input-cell:not(:last-child) {
+.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell:not(:last-child) {
   margin-right: var(--cell-gap);
 }
 
-.adm-passcode-input.seperated .adm-passcode-input-cell.focused {
+.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell-focused {
   border-color: var(--adm-color-primary);
   box-shadow: 0 0 4px 0 var(--adm-color-primary);
 }
 
-.adm-passcode-input.seperated.focused {
+.adm-passcode-input-seperated.adm-passcode-input-focused {
   outline: none;
 }
 
-.adm-passcode-input.seperated.error {
-  animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
+.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error {
+  animation: .1s ease-in-out 0s 3 normal none running adm-shake-horizontal;
 }
 
-.adm-passcode-input.seperated.error .adm-passcode-input-cell {
+.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error .adm-passcode-input-cell {
   border-color: var(--adm-color-danger);
   box-shadow: 0 0 4px 0 var(--adm-color-danger);
 }
 
-.adm-passcode-input-cell.dot::before {
-  content: '';
+.adm-passcode-input-cell-dot:before {
+  content: "";
   width: var(--dot-size);
   height: var(--dot-size);
   border-radius: 50%;
   background: var(--adm-color-text);
 }
 
-.adm-passcode-input-cell.caret::after {
-  content: '';
+.adm-passcode-input-cell-caret:after {
+  content: "";
   width: 4px;
   height: 1.1em;
   margin-left: 2px;
@@ -3259,77 +3253,59 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   animation: 1s linear infinite adm-caret-blink;
 }
 
-.adm-passcode-input > .adm-passcode-input-native-input {
+.adm-passcode-input>.adm-passcode-input-native-input {
   position: absolute;
   left: -200vw;
   top: 0;
   display: block;
   width: 100px;
   height: 40px;
-  opacity: 0.5;
+  opacity: .5;
 }
 
 @keyframes adm-shake-horizontal {
   0% {
-    transform: translateX(0);
+    transform: translate(0);
   }
 
   10% {
-    transform: translateX(-8px);
+    transform: translate(-8px);
   }
 
   20% {
-    transform: translateX(10px);
+    transform: translate(10px);
   }
 
   30% {
-    transform: translateX(-2px);
+    transform: translate(-2px);
   }
 
   40% {
-    transform: translateX(16px);
+    transform: translate(16px);
   }
 
   50% {
-    transform: translateX(0);
+    transform: translate(0);
   }
 
   60% {
-    transform: translateX(-16px);
+    transform: translate(-16px);
   }
 
   70% {
-    transform: translateX(2px);
+    transform: translate(2px);
   }
 
   80% {
-    transform: translateX(-10px);
+    transform: translate(-10px);
   }
 
   90% {
-    transform: translateX(8px);
-  }
-
-  100% {
-    transform: translateX(0);
-  }
-}
-
-@keyframes adm-caret-blink {
-  from {
-    opacity: 1;
-  }
-
-  60% {
-    opacity: 1;
-  }
-
-  80% {
-    opacity: 0;
+    transform: translate(8px);
   }
 
   to {
-    opacity: 0;
+    transform: translate(0);
   }
 }
 
@@ -3350,7 +3326,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-progress-bar-fill {
-  transition: width 0.3s;
+  transition: width .3s;
   background: var(--fill-color);
   height: var(--track-width);
 }
@@ -3359,7 +3335,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   flex: none;
   width: calc(var(--text-width) + 16px);
   padding-left: 16px;
-  color: #999999;
+  color: #999;
 }
 
 .adm-progress-bar-rounded .adm-progress-bar-trail,
@@ -3367,8 +3343,6 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   border-radius: var(--track-width);
 }
 
-/*进度圈*/
-
 .adm-progress-circle {
   --track-width: var(--adm-progress-circle-track-width, 6px);
   --size: var(--adm-progress-circle-size, 100px);
@@ -3388,7 +3362,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   height: 100%;
 }
 
-.adm-progress-circle-svg > .adm-progress-circle-track,
+.adm-progress-circle-svg>.adm-progress-circle-track,
 .adm-progress-circle-svg .adm-progress-circle-fill {
   stroke-width: var(--track-width);
   r: var(--radius);
@@ -3398,12 +3372,12 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   transform-origin: 50% 50%;
 }
 
-.adm-progress-circle-svg > .adm-progress-circle-track {
+.adm-progress-circle-svg>.adm-progress-circle-track {
   stroke: var(--track-color);
 }
 
-.adm-progress-circle-svg > .adm-progress-circle-fill {
-  transition: stroke-dashoffset 0.35s;
+.adm-progress-circle-svg>.adm-progress-circle-fill {
+  transition: stroke-dashoffset .35s;
   stroke: var(--fill-color);
   stroke-dasharray: var(--circumference);
   stroke-dashoffset: calc(var(--circumference) * (1 - var(--percent) / 100));
@@ -3423,7 +3397,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   top: 50%;
   left: 50%;
   text-align: center;
-  transform: translate(-50%, -50%);
+  transform: translate(-50%,-50%);
 }
 
 .adm-pull-to-refresh-head {
@@ -3467,7 +3441,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   color: var(--adm-color-white);
 }
 
-.adm-radio .adm-radio-icon > svg {
+.adm-radio .adm-radio-icon>svg {
   display: block;
   width: 100%;
   height: 100%;
@@ -3487,7 +3461,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-radio.adm-radio-disabled .adm-radio-content {
-  opacity: 0.4;
+  opacity: .4;
 }
 
 .adm-radio.adm-radio-disabled .adm-radio-icon {
@@ -3511,6 +3485,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   --active-color: #ffd21e;
   --inactive-color: var(--adm-color-border);
   display: inline-flex;
+  touch-action: pan-y;
 }
 
 .adm-rate-box {
@@ -3518,7 +3493,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-rate-star {
-  padding: 0.125em;
+  padding: .125em;
   line-height: var(--star-size);
   font-size: var(--star-size);
   color: var(--inactive-color);
@@ -3553,7 +3528,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   box-sizing: border-box;
   width: 128px;
   height: 128px;
-  margin: 0 auto 40px auto;
+  margin: 0 auto 40px;
   padding: 12px;
 }
 
@@ -3721,7 +3696,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   border-right: solid 20px var(--adm-color-primary);
 }
 
-.adm-selector-item .adm-selector-check-mark-wrapper > svg {
+.adm-selector-item .adm-selector-check-mark-wrapper>svg {
   position: absolute;
   left: 0;
   top: 0;
@@ -3731,7 +3706,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 
 .adm-selector-item-disabled {
   cursor: not-allowed;
-  opacity: 0.4;
+  opacity: .4;
 }
 
 .adm-side-bar {
@@ -3814,7 +3789,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-side-bar-item-disabled .adm-side-bar-item-title {
-  opacity: 0.4;
+  opacity: .4;
 }
 
 .adm-side-bar-badge.adm-badge {
@@ -3878,7 +3853,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   text-align: center;
   line-height: 56px;
   background: var(--adm-color-white);
-  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12);
+  box-shadow: 0 4px 10px #0000001f;
   color: var(--fill-color);
 }
 
@@ -3904,7 +3879,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   height: 64px;
   border-radius: 50%;
   top: 50%;
-  transform: translate(-50%, -50%);
+  transform: translate(-50%,-50%);
 }
 
 .adm-slider-mark {
@@ -3925,11 +3900,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   word-break: keep-all;
   -webkit-user-select: none;
   user-select: none;
-  transform: translateX(-50%);
+  transform: translate(-50%);
 }
 
 .adm-slider-disabled {
-  opacity: 0.4;
+  opacity: .4;
 }
 
 .adm-slider-disabled .adm-slider-thumb {
@@ -4005,13 +3980,10 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.adm-stepper-minus {
-  border-radius: 0;
+  transform: translate(-50%,-50%);
 }
 
+.adm-stepper-minus,
 .adm-stepper-plus {
   border-radius: 0;
 }
@@ -4025,8 +3997,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   position: relative;
 }
 
-.adm-step .adm-step-indicator::after {
-  content: '';
+.adm-step .adm-step-indicator:after {
+  content: "";
   position: absolute;
   z-index: 0;
   background-color: var(--line-to-next-color);
@@ -4039,11 +4011,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   color: var(--icon-color);
 }
 
-.adm-step .adm-step-indicator .adm-step-icon-container > .antd-mobile-icon {
+.adm-step .adm-step-indicator .adm-step-icon-container>.antd-mobile-icon {
   display: block;
 }
 
-.adm-step:last-child .adm-step-indicator::after {
+.adm-step:last-child .adm-step-indicator:after {
   display: none;
 }
 
@@ -4103,7 +4075,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   height: 48px;
 }
 
-.adm-steps-horizontal .adm-step .adm-step-indicator::after {
+.adm-steps-horizontal .adm-step .adm-step-indicator:after {
   left: 50%;
   top: 50%;
   height: 2px;
@@ -4114,7 +4086,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-steps-horizontal .adm-step .adm-step-indicator .adm-step-icon-container {
   left: 50%;
   top: 50%;
-  transform: translate(-50%, -50%);
+  transform: translate(-50%,-50%);
 }
 
 .adm-steps-horizontal .adm-step-content {
@@ -4147,18 +4119,18 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   margin-right: var(--indicator-margin-right);
 }
 
-.adm-steps-vertical .adm-step .adm-step-indicator::after {
+.adm-steps-vertical .adm-step .adm-step-indicator:after {
   left: 50%;
   top: calc(var(--title-font-size) * 1.5 / 2);
   width: 2px;
-  transform: translateX(-50%);
+  transform: translate(-50%);
   height: 100%;
 }
 
 .adm-steps-vertical .adm-step .adm-step-indicator .adm-step-icon-container {
   top: calc(var(--title-font-size) * 1.5 / 2);
   left: 50%;
-  transform: translate(-50%, -50%);
+  transform: translate(-50%,-50%);
 }
 
 .adm-steps-vertical .adm-step:last-child .adm-step-content {
@@ -4297,11 +4269,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   position: absolute;
   bottom: 12px;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translate(-50%);
 }
 
 .adm-swiper-horizontal .adm-swiper-track {
-  transform: translateX(var(--track-offset));
+  transform: translate(var(--track-offset));
 }
 
 .adm-swiper-horizontal .adm-swiper-track-inner {
@@ -4330,7 +4302,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 @keyframes loading-rotate {
-  100% {
+  to {
     transform: rotate(1turn);
   }
 }
@@ -4346,9 +4318,6 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   position: relative;
   align-self: center;
   cursor: pointer;
-  /* 选中状态 */
-  /* 禁用状态 */
-  /* loading图标 */
 }
 
 .adm-switch input {
@@ -4367,7 +4336,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 .adm-switch-checkbox:before {
-  content: ' ';
+  content: " ";
   position: absolute;
   left: var(--border-width);
   top: var(--border-width);
@@ -4377,7 +4346,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   box-sizing: border-box;
   background: var(--adm-color-background);
   z-index: 1;
-  transition: all 200ms;
+  transition: all .2s;
   transform: scale(1);
 }
 
@@ -4393,8 +4362,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   z-index: 2;
   top: var(--border-width);
   left: var(--border-width);
-  transition: all 200ms;
-  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 4px 23px 0 rgba(0, 0, 0, 0.08), -2px 4px 4px 0 rgba(0, 0, 0, 0.1);
+  transition: all .2s;
+  box-shadow: 0 0 4px #0003,0 4px 23px #00000014,-2px 4px 4px #0000001a;
 }
 
 .adm-switch-inner {
@@ -4406,7 +4375,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   margin: 0 16px 0 calc(var(--height) - var(--border-width) + 8px);
   height: 100%;
   color: var(--adm-color-weak);
-  transition: margin 200ms;
+  transition: margin .2s;
   font-size: var(--adm-font-size-7);
 }
 
@@ -4429,7 +4398,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 
 .adm-switch.adm-switch-disabled {
   cursor: not-allowed;
-  opacity: 0.4;
+  opacity: .4;
 }
 
 .adm-switch-spin-icon {
@@ -4495,7 +4464,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   padding: 4px 8px;
   font-size: var(--adm-font-size-3);
   line-height: 1;
-  font-weight: normal;
+  font-weight: 400;
   background: var(--background-color);
   color: var(--text-color);
   display: inline-block;
@@ -4601,15 +4570,15 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   position: relative;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -50%);
+  transform: translate(-50%,-50%);
   width: auto;
   min-width: 192px;
   max-width: 400px;
   max-height: 70%;
   overflow: auto;
-  color: white;
+  color: #fff;
   word-break: break-all;
-  background-color: rgba(0, 0, 0, 0.7);
+  background-color: #000000b3;
   border-radius: 16px;
   pointer-events: all;
   font-size: var(--adm-font-size-7);
@@ -4672,16 +4641,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   position: relative;
 }
 
-.adm-tree-select-item-active {
-  color: var(--adm-color-primary);
-  font-weight: bold;
-  background-color: white;
-}
-
+.adm-tree-select-item-active,
 .adm-tree-select-multiple-item-expand {
   color: var(--adm-color-primary);
-  font-weight: bold;
-  background-color: white;
+  font-weight: 700;
+  background-color: #fff;
 }
 
 .adm-tree-select-multiple-item-checkbox {
@@ -4718,7 +4682,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   color: var(--color);
 }
 
-.adm-virtual-input > * {
+.adm-virtual-input>* {
   vertical-align: top;
 }
 
@@ -4783,7 +4747,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 
 @keyframes adm-caret-blink {
-  from {
+  0% {
     opacity: 1;
   }