@delon/theme 16.4.2 → 17.0.0

package/default.css

@@ -5946,8 +5946,8 @@ nz-comment-content {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-picker-input > input-disabled:hover {
   border-color: #d9d9d9;
@@ -5959,8 +5959,8 @@ nz-comment-content {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-picker-input > input[disabled]:hover {
   border-color: #d9d9d9;
@@ -13108,8 +13108,8 @@ nz-empty {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-input-affix-wrapper-disabled:hover {
   border-color: #d9d9d9;
@@ -13121,8 +13121,8 @@ nz-empty {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-input-affix-wrapper[disabled]:hover {
   border-color: #d9d9d9;
@@ -13396,8 +13396,8 @@ textarea.ant-input-affix-wrapper {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-input-disabled:hover {
   border-color: #d9d9d9;
@@ -13409,8 +13409,8 @@ textarea.ant-input-affix-wrapper {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-input[disabled]:hover {
   border-color: #d9d9d9;
@@ -14058,8 +14058,8 @@ nz-form-item-feedback-icon.ant-input-suffix {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-input-number-affix-wrapper-disabled:hover {
   border-color: #d9d9d9;
@@ -14071,8 +14071,8 @@ nz-form-item-feedback-icon.ant-input-suffix {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-input-number-affix-wrapper[disabled]:hover {
   border-color: #d9d9d9;
@@ -14309,8 +14309,8 @@ textarea.ant-input-number-affix-wrapper {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-input-number-disabled:hover {
   border-color: #d9d9d9;
@@ -14322,8 +14322,8 @@ textarea.ant-input-number-affix-wrapper {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-input-number[disabled]:hover {
   border-color: #d9d9d9;
@@ -14805,8 +14805,8 @@ textarea.ant-input-number {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-input-number-disabled:hover {
   border-color: #d9d9d9;
@@ -17065,8 +17065,8 @@ nz-list-item-extra {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-mentions-disabled:hover {
   border-color: #d9d9d9;
@@ -17078,8 +17078,8 @@ nz-list-item-extra {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-mentions[disabled]:hover {
   border-color: #d9d9d9;
@@ -17127,8 +17127,8 @@ textarea.ant-mentions {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-mentions-disabled > textarea:hover {
   border-color: #d9d9d9;
@@ -18432,8 +18432,8 @@ nz-page-header-footer {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-pagination-options-quick-jumper input-disabled:hover {
   border-color: #d9d9d9;
@@ -18445,8 +18445,8 @@ nz-page-header-footer {
   box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-pagination-options-quick-jumper input[disabled]:hover {
   border-color: #d9d9d9;
@@ -22838,37 +22838,6 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 .ant-table-sticky-scroll-bar-active {
   background-color: rgba(0, 0, 0, 0.8);
 }
-.ant-table-custom-column col {
-  width: auto !important;
-  min-width: auto !important;
-  display: none;
-}
-.ant-table-custom-column .ant-table-thead .ant-table-row {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-.ant-table-custom-column .ant-table-thead .ant-table-row th {
-  overflow: hidden;
-}
-.ant-table-custom-column .ant-table-tbody .ant-table-row {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-.ant-table-custom-column .ant-table-tbody .ant-table-row td {
-  overflow: hidden;
-}
-.ant-table-custom-column .ant-table-tbody .ant-table-row .nz-disable-td {
-  width: 100%;
-}
-.ant-table-custom-column .ant-table-fixed tr .ant-table-cell-fix-left-last,
-.ant-table-custom-column .ant-table-fixed tr .ant-table-cell-fix-right-first {
-  overflow: visible;
-}
-.ant-table-custom-column .ant-table-fixed .ant-table-row {
-  width: 100%;
-}
 @media all and (-ms-high-contrast: none) {
   .ant-table-ping-left .ant-table-cell-fix-left-last::after {
     box-shadow: none !important;
@@ -23053,6 +23022,42 @@ cdk-virtual-scroll-viewport.ant-table-body {
 .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > td > .ant-table-expanded-row-fixed {
   margin: -8px -9px;
 }
+.ant-table-custom-column col {
+  width: auto !important;
+  min-width: auto !important;
+  display: none;
+}
+.ant-table-custom-column .ant-table-thead .ant-table-row,
+.ant-table-custom-column .ant-table-thead tr {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+.ant-table-custom-column .ant-table-thead .ant-table-row th,
+.ant-table-custom-column .ant-table-thead tr th {
+  overflow: hidden;
+}
+.ant-table-custom-column .ant-table-tbody .ant-table-row,
+.ant-table-custom-column .ant-table-tbody tr {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+.ant-table-custom-column .ant-table-tbody .ant-table-row td,
+.ant-table-custom-column .ant-table-tbody tr td {
+  overflow: hidden;
+}
+.ant-table-custom-column .ant-table-tbody .ant-table-row .nz-disable-td,
+.ant-table-custom-column .ant-table-tbody tr .nz-disable-td {
+  width: 100%;
+}
+.ant-table-custom-column .ant-table-fixed tr .ant-table-cell-fix-left-last,
+.ant-table-custom-column .ant-table-fixed tr .ant-table-cell-fix-right-first {
+  overflow: visible;
+}
+.ant-table-custom-column .ant-table-fixed .ant-table-row {
+  width: 100%;
+}
 .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
   padding: 8px 0;
   font-size: 14px;
@@ -27732,9 +27737,6 @@ nz-space-item {
   align-items: center;
   padding-left: 16px;
 }
-.ant-cron-expression-preview-content-date {
-  flex: 1 1 auto;
-}
 .ant-cron-expression-preview-list,
 .ant-cron-expression-preview-icon {
   list-style: none;
@@ -27752,18 +27754,13 @@ nz-space-item {
   height: 132px;
 }
 .ant-cron-expression-preview-icon {
-  height: 100%;
+  flex: 0 0 16px;
+  display: flex;
+  justify-content: center;
 }
 .ant-cron-expression-error {
   color: #ff4d4f;
 }
-.ant-cron-expression-hint p {
-  display: flex;
-}
-.ant-cron-expression-hint span {
-  display: inline-block;
-  min-width: 40px;
-}
 .ant-qrcode {
   display: inline-block;
   position: relative;
@@ -28024,6 +28021,130 @@ nz-space-item {
   width: 16px;
   height: 16px;
 }
+.ant-hashCode {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  line-height: 1.5715;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.ant-hashCode-header-copy {
+  margin-left: 8px;
+  cursor: pointer;
+  opacity: 0.45;
+}
+.ant-hashCode-header {
+  display: flex;
+  justify-content: left;
+  width: 100%;
+  height: 22px;
+  padding-bottom: 8px;
+}
+.ant-hashCode-header .ant-hashCode-header-title {
+  font-size: 14px;
+  line-height: 1.5715;
+  text-align: center;
+  opacity: 0.45;
+}
+.ant-hashCode-header .ant-hashCode-header-logo {
+  display: flex;
+  flex: 1;
+  justify-content: right;
+}
+.ant-hashCode-double {
+  width: 172px;
+}
+.ant-hashCode-double.ant-hashCode-primary {
+  width: 220px;
+}
+.ant-hashCode-single {
+  display: flex;
+  flex-direction: row-reverse;
+  width: 236px;
+}
+.ant-hashCode-single.ant-hashCode-primary {
+  width: 284px;
+}
+.ant-hashCode-single .ant-hashCode-header-copy {
+  margin-top: 8px;
+}
+.ant-hashCode-strip {
+  width: 350px;
+}
+.ant-hashCode-strip.ant-hashCode-primary {
+  width: 398px;
+}
+.ant-hashCode-rect {
+  display: flex;
+  flex-direction: row-reverse;
+  width: 196px;
+}
+.ant-hashCode-rect.ant-hashCode-primary {
+  width: 244px;
+}
+.ant-hashCode-primary {
+  padding: 24px;
+  background-color: #1890ff;
+  border-radius: 24px;
+}
+.ant-hashCode-primary .ant-hashCode-header-copy {
+  opacity: 1;
+}
+.ant-hashCode-primary .ant-hashCode-header-title,
+.ant-hashCode-primary .ant-hashCode-header-copy,
+.ant-hashCode-primary .ant-hashCode-header-logo {
+  color: rgba(255, 255, 255, 0.85);
+}
+.ant-hashCode-contant {
+  width: 100%;
+  height: 100%;
+}
+.ant-hashCode-code-value {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0 10px;
+  justify-content: space-between;
+  height: 35px;
+  overflow: hidden;
+}
+.ant-hashCode-code-value-block {
+  height: 16px;
+  font-size: 14px;
+  font-family: Menlo;
+}
+.ant-hashCode-value-primary .ant-hashCode-code-value-block {
+  color: #fff;
+}
+.ant-hashCode-texaure-double {
+  width: 175px;
+  height: 36px;
+}
+.ant-hashCode-texaure {
+  position: absolute;
+  margin-top: -35px;
+  overflow: hidden;
+}
+.ant-hashCode-texaure-single {
+  width: 210px;
+  height: 28px;
+  margin-top: -21px;
+}
+.ant-hashCode-texaure-strip {
+  width: 350px;
+  height: 36px;
+}
+.ant-hashCode-texaure-rect {
+  width: 175px;
+  height: 72px;
+  margin-top: -71px;
+}
 sf + st {
   margin-top: 16px;
 }
@@ -28045,6 +28166,7 @@ nz-button-group + nz-popconfirm {
 .ant-transfer-operation .ant-btn + .ant-btn {
   margin-left: initial;
 }
+/* stylelint-disable-next-line order/order */
 [dir='rtl'] .ant-btn + .ant-btn,
 [dir='rtl'] .ant-btn + nz-popconfirm,
 [dir='rtl'] nz-popconfirm + .ant-btn,
@@ -28276,16 +28398,16 @@ a:focus {
       * ```
       */
   margin: 0;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
   font-size: 16px;
+  font-weight: 500;
   line-height: 22px;
+  color: rgba(0, 0, 0, 0.85);
   word-wrap: break-word;
 }
 .modal-title small {
   margin-left: 8px;
-  color: #8c8c8c;
   font-size: 12px;
+  color: #8c8c8c;
 }
 .modal-spin {
   display: block;
@@ -28386,8 +28508,8 @@ a:focus {
     align-items: center;
     width: 100%;
     padding: 8px 8px;
-    white-space: inherit;
     text-align: left !important;
+    white-space: inherit;
     border-bottom: none;
   }
   .ant-table-rep .ant-table-tbody > tr > td .ant-table-rep__title + *:not(.ant-avatar) {
@@ -28507,6 +28629,7 @@ fieldset {
    */
 .half-float {
   position: relative;
+  /* stylelint-disable-next-line order/order */
 }
 .half-float img {
   display: block;
@@ -28515,8 +28638,8 @@ fieldset {
 }
 .half-float .half-float-bottom {
   position: absolute;
-  left: 50%;
   z-index: 2;
+  left: 50%;
 }
 .half-float.half-float-sm {
   margin-bottom: 42px;
@@ -28561,10 +28684,10 @@ fieldset {
    */
 .row-masonry {
   position: relative;
+  column-gap: 16px;
   width: 100%;
   margin: 0;
   padding: 0;
-  column-gap: 16px;
 }
 .row-masonry > .col-masonry {
   display: inline-block;
@@ -28575,6 +28698,7 @@ fieldset {
 .row-masonry img {
   max-width: 100%;
 }
+/* stylelint-disable-next-line order/order */
 @media only screen and (min-width: 480px) {
   .row-masonry-xs-1 {
     column-count: 1;
@@ -28819,6 +28943,7 @@ fieldset {
   padding-bottom: 0;
 }
 .sf__array-container .ant-card .sf__array-remove {
+  cursor: pointer;
   position: absolute;
   top: -16px;
   right: -16px;
@@ -28830,7 +28955,6 @@ fieldset {
   text-align: center;
   background: rgba(0, 0, 0, 0.26);
   border-radius: 50%;
-  cursor: pointer;
 }
 .sf__array-container .ant-card .sf__array-remove i {
   color: #fff;
@@ -28861,8 +28985,8 @@ fieldset {
   }
 }
 .sf .ant-upload-select-picture-card i {
-  color: #999;
   font-size: 32px;
+  color: #999;
 }
 .sf .ant-upload.ant-upload-drag {
   height: 180px;
@@ -28977,30 +29101,32 @@ fieldset {
 }
 .setting-drawer__title {
   margin-bottom: 12px;
-  color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
   line-height: 22px;
+  color: rgba(0, 0, 0, 0.85);
 }
 .setting-drawer__theme {
-  margin-top: 24px;
   overflow: hidden;
+  margin-top: 24px;
 }
 .setting-drawer__theme-tag {
+  cursor: pointer;
   float: left;
   width: 20px;
   height: 20px;
   margin-right: 8px;
-  color: #fff;
   font-weight: bold;
+  color: #fff;
   text-align: center;
   border-radius: 2px;
-  cursor: pointer;
 }
 .setting-drawer__handle {
+  pointer-events: auto;
+  cursor: pointer;
   position: fixed;
+  z-index: 999;
   top: 240px;
   right: 0;
-  z-index: 999;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -29010,17 +29136,15 @@ fieldset {
   text-align: center;
   background: #1890ff;
   border-radius: 4px 0 0 4px;
-  cursor: pointer;
   transition: right 0.3s cubic-bezier(0.9, 0, 0.3, 0.7);
-  pointer-events: auto;
 }
 .setting-drawer__handle-icon {
-  color: #fff;
   font-size: 20px;
+  color: #fff;
 }
 .setting-drawer__handle-opened {
-  right: 500px;
   z-index: 1001;
+  right: 500px;
 }
 .setting-drawer-rtl {
   direction: rtl;
@@ -29035,20 +29159,20 @@ fieldset {
   left: 500px;
 }
 .theme-btn {
+  cursor: pointer;
   position: fixed;
+  z-index: 2147483640;
   right: 32px;
   bottom: 102px;
-  z-index: 2147483640;
   display: flex;
   flex-direction: column;
-  cursor: pointer;
 }
 .theme-btn-active {
   width: 44px;
   height: 44px;
-  color: #1890ff;
   font-size: 22px;
   line-height: 44px;
+  color: #1890ff;
 }
 .theme-btn .ant-avatar {
   color: #000;
@@ -30682,9 +30806,9 @@ code {
      *
      * 元素不能被用户缩放
      */
+  resize: none;
   min-width: 100%;
   max-width: 100%;
-  resize: none;
 }
 .no-data {
   /**
@@ -30692,9 +30816,9 @@ code {
      *
      * 无数据元素
      */
-  color: rgba(0, 0, 0, 0.25);
   font-size: 16px;
   line-height: 64px;
+  color: rgba(0, 0, 0, 0.25);
   text-align: center;
 }
 .no-data i {
@@ -30727,8 +30851,8 @@ code {
   */
 .page-loading {
   position: absolute;
-  inset: 0;
   z-index: 10000;
+  inset: 0;
   padding-top: 200px;
   text-align: center;
   background: #f5f5f5;
@@ -30743,8 +30867,8 @@ code {
   * 禁用样式，不可响应任何事件
   */
 .disabled {
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 /**
  * Positioning method: nothing
@@ -30793,10 +30917,10 @@ code {
  */
 .fixed-top {
   position: fixed;
+  z-index: 9;
   top: 0;
   right: 0;
   left: 0;
-  z-index: 9;
 }
 /**
  * Full screen fixed bottom
@@ -30805,10 +30929,10 @@ code {
  */
 .fixed-bottom {
   position: fixed;
+  z-index: 9;
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 9;
 }
 /**
  * If overflow is clipped, a scroll-bar should be added to see the rest of the content
@@ -31796,6 +31920,7 @@ code {
 .scrollbar-y {
   overflow: hidden auto;
 }
+/* stylelint-disable-next-line order/order */
 body,
 .scrollbar,
 .ant-dialog-wrap,
@@ -31836,9 +31961,9 @@ textarea.ant-input::-webkit-scrollbar-thumb {
   outline: 1px solid #333;
 }
 html {
-  height: 100%;
-  direction: ltr;
   touch-action: manipulation;
+  direction: ltr;
+  height: 100%;
 }
 html,
 body,
@@ -31851,11 +31976,11 @@ body {
 }
 .alain-default {
   position: relative;
+  overflow-x: hidden;
   display: block;
   width: 100%;
   height: auto;
   min-height: 100%;
-  overflow-x: hidden;
 }
 .alain-default__unwrap {
   margin-right: -24px;
@@ -31886,20 +32011,20 @@ body {
 }
 .alain-default__content-title > h1 {
   margin-bottom: 0;
-  font-weight: normal;
   font-size: 18px;
+  font-weight: normal;
 }
 .alain-default__content-title > h1 > small {
   display: block;
-  color: #8c8c8c;
   font-size: 12px;
+  color: #8c8c8c;
 }
 .alain-default__content nz-input-group {
   width: auto;
 }
 .alain-default__hide-aside .alain-default__content {
-  margin-left: 24px !important;
   transform: none !important;
+  margin-left: 24px !important;
 }
 .alain-default__hide-header .alain-default__aside {
   margin-top: 0;
@@ -31983,6 +32108,7 @@ body {
   color: #fff;
 }
 .alain-default__nav-item {
+  cursor: pointer;
   display: block;
   min-width: 50px;
   padding: 8px 2px;
@@ -31990,7 +32116,6 @@ body {
   text-align: center;
   border-radius: 2px;
   outline: none;
-  cursor: pointer;
   transition: background-color 300ms;
 }
 .alain-default__nav-item:hover {
@@ -31999,8 +32124,8 @@ body {
 }
 .alain-default__nav-item > i,
 .alain-default__nav-item-icon {
-  font-size: 18px !important;
   transform: none !important;
+  font-size: 18px !important;
 }
 .alain-default__top-menu-item {
   display: flex;
@@ -32014,8 +32139,8 @@ body {
   background-color: rgba(255, 255, 255, 0.2);
 }
 .alain-default__top-menu-item-disabled {
-  opacity: 0.5;
   pointer-events: none;
+  opacity: 0.5;
 }
 .alain-default__search {
   position: relative;
@@ -32065,15 +32190,15 @@ body {
 }
 .alain-default__search-focus .ant-input-group-addon i,
 .alain-default__search-focus .ant-input-affix-wrapper i {
-  color: #595959;
   transform: rotate(90deg);
+  color: #595959;
 }
 @media (max-width: 767px) {
   .alain-default__search {
     position: absolute;
+    z-index: 29;
     top: 0;
     left: 0;
-    z-index: 29;
     align-items: center;
     width: 100%;
     height: 100%;
@@ -32115,24 +32240,24 @@ body {
 }
 .alain-default__aside {
   position: absolute;
+  z-index: 14;
   top: 0;
   bottom: 0;
-  z-index: 14;
+  overflow: hidden;
   width: 200px;
   margin-top: 64px;
-  overflow: hidden;
-  background-color: #fff;
   backface-visibility: hidden;
+  background-color: #fff;
   transition: width 0.2s cubic-bezier(0.25, 0, 0.15, 1), translate 0.2s cubic-bezier(0.25, 0, 0.15, 1);
   -webkit-overflow-scrolling: touch;
 }
 .alain-default__aside::after {
+  content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   border-right: 1px solid #efe3e5;
-  content: '';
 }
 .alain-default__aside-wrap {
   display: flex;
@@ -32140,12 +32265,12 @@ body {
   height: 100%;
 }
 .alain-default__aside-inner {
+  scrollbar-width: none;
+  scroll-snap-type: proximity;
+  overflow: hidden scroll;
   flex: 1 1 0%;
-  overflow-x: hidden scroll;
   -webkit-overflow-scrolling: touch;
-  scroll-snap-type: proximity;
   scroll-snap-points-x: snaplist(100%, 200%, 300%, 400%, 500%);
-  scrollbar-width: none;
 }
 .alain-default__aside-inner::-webkit-scrollbar {
   width: 0;
@@ -32161,10 +32286,10 @@ body {
   border-top: 1px solid #efe3e5;
 }
 .alain-default__aside-link-collapsed {
+  cursor: pointer;
   padding: 8px 0;
   font-size: 16px;
   text-align: center;
-  cursor: pointer;
 }
 @media (min-width: 768px) {
   .alain-default__collapsed .alain-default__aside {
@@ -32204,18 +32329,18 @@ body {
 .alain-default__progress-bar {
   position: fixed;
   z-index: 29;
+  overflow: hidden;
   width: 100vw;
   height: 4px;
-  overflow: hidden;
   background: rgba(221, 221, 221, 0.4);
 }
 .alain-default__progress-bar::after {
+  content: ' ';
+  transform-origin: top left;
   display: block;
   width: 33.3vw;
   height: 100%;
-  transform-origin: top left;
   animation: gradcolours 5s steps(1) infinite, loadthird 1s infinite linear;
-  content: ' ';
 }
 @keyframes loadthird {
   0% {
@@ -32256,15 +32381,15 @@ body {
   transition: border-left-color 0.4s ease;
 }
 .sidebar-nav__item-link {
+  user-select: none;
   position: relative;
+  overflow: hidden;
   display: block;
   padding: 8px 32px 8px 16px;
-  overflow: hidden;
   color: rgba(0, 0, 0, 0.85);
-  white-space: nowrap;
   text-decoration: none !important;
   text-overflow: ellipsis;
-  user-select: none;
+  white-space: nowrap;
 }
 .sidebar-nav__item-link:hover {
   color: #1890ff;
@@ -32316,8 +32441,8 @@ body {
   color: rgba(0, 0, 0, 0.45);
 }
 .sidebar-nav__sub {
-  display: none;
   overflow: hidden;
+  display: none;
 }
 .sidebar-nav__sub .sidebar-nav__item {
   border-left: 0 !important;
@@ -32331,6 +32456,7 @@ body {
 }
 .sidebar-nav__sub-arrow::before,
 .sidebar-nav__sub-arrow::after {
+  content: '';
   position: absolute;
   width: 6px;
   height: 1.5px;
@@ -32338,7 +32464,6 @@ body {
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85));
   border-radius: 2px;
   transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-  content: '';
 }
 .sidebar-nav__sub-arrow::before {
   transform: rotate(-45deg) translateX(2px);
@@ -32490,10 +32615,10 @@ body {
 }
 .alain-default__fixed .reuse-tab {
   position: fixed;
+  z-index: 10;
   top: 64px;
   right: 24px;
   left: 224px;
-  z-index: 10;
 }
 .alain-default__collapsed .reuse-tab {
   left: 88px;
@@ -32533,10 +32658,10 @@ body {
   padding: 16px;
 }
 .app-icons .ant-col-6 {
+  cursor: pointer;
   padding: 16px 0;
   text-align: center;
   border-radius: 4px;
-  cursor: pointer;
   transition: background-color 300ms;
 }
 .app-icons .ant-col-6:hover {
@@ -32550,42 +32675,30 @@ body {
 .app-icons small {
   display: block;
   padding-top: 4px;
-  color: #9c9c9c;
   font-size: 14px;
+  color: #9c9c9c;
 }
 .alain-default__aside-user {
+  cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 24px 24px 0 24px;
-  cursor: pointer;
 }
 .alain-default__aside-user .ant-dropdown-trigger {
   display: flex;
   align-items: center;
 }
 .alain-default__aside-user-info {
-  flex: 1;
   overflow: hidden;
+  flex: 1;
   color: rgba(0, 0, 0, 0.85);
-  white-space: nowrap;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .alain-default__aside-user-avatar {
   margin-right: 8px;
 }
-@media (min-width: 768px) {
-  .alain-default__collapsed .alain-default__aside-user {
-    width: 64px;
-    margin-left: 0;
-  }
-  .alain-default__collapsed .alain-default__aside-user-info {
-    display: none;
-  }
-  .alain-default__collapsed .alain-default__aside-user-avatar {
-    margin: 0 auto;
-  }
-}
 [dir='rtl'] .alain-default__aside-user-avatar {
   margin-right: 0;
   margin-left: 8px;
@@ -32598,6 +32711,18 @@ body {
     margin: 0 auto;
   }
 }
+@media (min-width: 768px) {
+  .alain-default__collapsed .alain-default__aside-user {
+    width: 64px;
+    margin-left: 0;
+  }
+  .alain-default__collapsed .alain-default__aside-user-info {
+    display: none;
+  }
+  .alain-default__collapsed .alain-default__aside-user-avatar {
+    margin: 0 auto;
+  }
+}
 .alain-default__fixed .alain-default__header {
   position: fixed;
   top: 0;
@@ -32626,13 +32751,13 @@ body {
   display: block;
 }
 .st__p-left .ant-table-pagination {
-  display: block;
   float: none;
+  display: block;
   text-align: left;
 }
 .st__p-center .ant-table-pagination {
-  display: block;
   float: none;
+  display: block;
   text-align: center;
 }
 .st__btn-sub .st__btn-text {
@@ -32640,8 +32765,8 @@ body {
   color: inherit;
 }
 .st__btn-disabled .st__btn-text {
-  color: rgba(0, 0, 0, 0.25);
   pointer-events: none;
+  color: rgba(0, 0, 0, 0.25);
 }
 .st .nz-resizable-handle {
   display: flex;
@@ -32728,8 +32853,8 @@ body {
 @media screen and (min-width: 768px) {
   .st__width-strict .ant-table-content > table,
   .st__width-strict .ant-table-body > table {
-    word-wrap: break-word !important;
     table-layout: fixed !important;
+    word-wrap: break-word !important;
   }
 }
 .sv {
@@ -32742,15 +32867,15 @@ body {
   display: block;
 }
 .sv__container .ant-row {
-  margin-bottom: -16px;
   overflow: hidden;
+  margin-bottom: -16px;
 }
 .sv__item-fixed {
   display: flex;
 }
 .sv__item-fixed .sv__label {
-  flex: 0 0 auto;
   overflow: hidden;
+  flex: 0 0 auto;
   text-align: right;
   text-overflow: ellipsis;
 }
@@ -32761,27 +32886,27 @@ body {
   margin: 0 0 16px 0;
 }
 .sv__title {
-  display: block;
   float: none;
   clear: both;
+  display: block;
   width: 100%;
   margin-bottom: 16px;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
   font-size: 14px;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.85);
 }
 .sv__label {
   display: table-cell;
   padding-bottom: 16px;
-  color: rgba(0, 0, 0, 0.5);
   line-height: 22px;
+  color: rgba(0, 0, 0, 0.5);
   white-space: nowrap;
 }
 .sv__label:not(.sv__label-empty)::after {
+  content: ':';
   position: relative;
   top: -0.5px;
   margin: 0 8px 0 2px;
-  content: ':';
 }
 .sv__label-optional {
   margin-left: 2px;
@@ -32797,10 +32922,10 @@ body {
   display: table-cell;
   width: 100%;
   padding-bottom: 16px;
-  color: rgba(0, 0, 0, 0.85);
   line-height: 22px;
-  vertical-align: top;
+  color: rgba(0, 0, 0, 0.85);
   word-break: break-all;
+  vertical-align: top;
 }
 .sv__type-primary .sv__detail {
   color: #1890ff;
@@ -32842,9 +32967,9 @@ body {
 }
 .sv__value-prefix,
 .sv__value-unit {
-  color: rgba(0, 0, 0, 0.5);
   font-size: 12px;
   font-style: normal;
+  color: rgba(0, 0, 0, 0.5);
 }
 .sv__value-prefix {
   padding-right: 3px;
@@ -32861,11 +32986,11 @@ body {
   padding-left: 14px;
 }
 .sv__value:not(:first-child)::before {
+  content: '/';
   position: absolute;
   left: 0;
   width: 6px;
   color: rgba(0, 0, 0, 0.5);
-  content: '/';
 }
 .sv__value-small .sv__value-text {
   font-size: 14px;
@@ -32921,14 +33046,14 @@ body {
   padding: 8px 16px;
 }
 .se__title {
-  display: block;
   float: none;
   clear: both;
+  display: block;
   width: 100%;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 700;
   font-size: 14px;
+  font-weight: 700;
   line-height: 1.5715;
+  color: rgba(0, 0, 0, 0.85);
 }
 .se__item {
   transition: none;
@@ -32938,8 +33063,8 @@ body {
   padding-bottom: 0;
 }
 .se__item-empty::before {
-  display: inline-block;
   content: '';
+  display: inline-block;
 }
 .se__item + .ant-divider {
   margin: 0 0 24px 0;
@@ -32948,8 +33073,8 @@ body {
   display: table-cell;
   flex: 0 0 auto;
   width: initial;
-  white-space: nowrap;
   text-align: right;
+  white-space: nowrap;
 }
 .se__label-optional {
   margin-left: 2px;
@@ -33064,8 +33189,8 @@ body {
   font-size: 14px;
 }
 .avatar-list__item .ant-avatar {
-  border: 1px solid #fff;
   cursor: pointer;
+  border: 1px solid #fff;
 }
 .avatar-list__large {
   width: 40px;
@@ -33095,9 +33220,9 @@ ellipsis {
   display: inline;
 }
 .ellipsis {
+  overflow: hidden;
   display: inline-block;
   width: 100%;
-  overflow: hidden;
   word-break: break-all;
 }
 .ellipsis__lines {
@@ -33105,9 +33230,9 @@ ellipsis {
 }
 .ellipsis__line-clamp {
   position: relative;
+  overflow: hidden;
   /* stylelint-disable-next-line value-no-vendor-prefix */
   display: -webkit-box;
-  overflow: hidden;
   text-overflow: ellipsis;
 }
 .ellipsis__shadow {
@@ -33118,17 +33243,17 @@ ellipsis {
   opacity: 0;
 }
 .error-collect {
+  cursor: pointer;
   padding-right: 24px;
   color: #f5222d;
-  cursor: pointer;
 }
 .error-collect__count {
   padding-left: 8px;
 }
 .error-collect-rtl {
+  direction: rtl;
   padding-right: 0;
   padding-left: 24px;
-  direction: rtl;
 }
 .error-collect-rtl .error-collect__count {
   padding-right: 8px;
@@ -33140,15 +33265,15 @@ ellipsis {
   height: 100%;
 }
 .exception__img-block {
+  zoom: 1;
   flex: 0 0 62.5%;
   width: 62.5%;
   padding-right: 152px;
-  zoom: 1;
 }
 .exception__img-block::before,
 .exception__img-block::after {
-  display: table;
   content: ' ';
+  display: table;
 }
 .exception__img-block::after {
   clear: both;
@@ -33170,16 +33295,16 @@ ellipsis {
 }
 .exception__cont-title {
   margin-bottom: 24px;
-  color: #434e59;
-  font-weight: 600;
   font-size: 72px;
+  font-weight: 600;
   line-height: 72px;
+  color: #434e59;
 }
 .exception__cont-desc {
   margin-bottom: 16px;
-  color: rgba(0, 0, 0, 0.45);
   font-size: 20px;
   line-height: 28px;
+  color: rgba(0, 0, 0, 0.45);
 }
 .exception__cont-actions .ant-btn:not(:last-child) {
   margin-right: 8px;
@@ -33201,8 +33326,8 @@ ellipsis {
 }
 @media screen and (max-width: 480px) {
   .exception__img-block {
-    margin-bottom: -24px;
     overflow: hidden;
+    margin-bottom: -24px;
   }
 }
 .exception-rtl {
@@ -33213,9 +33338,9 @@ ellipsis {
 }
 .footer-toolbar {
   position: fixed;
+  z-index: 9;
   right: 0;
   bottom: 0;
-  z-index: 9;
   display: flex;
   width: 100%;
   height: 56px;
@@ -33230,9 +33355,9 @@ ellipsis {
   flex: 1;
 }
 .full-content {
+  overflow: auto;
   display: block;
   height: 100%;
-  overflow: auto;
 }
 .full-content__body {
   overflow: hidden;
@@ -33258,8 +33383,8 @@ ellipsis {
   color: rgba(0, 0, 0, 0.85);
 }
 .global-footer__copyright {
-  color: rgba(0, 0, 0, 0.45);
   font-size: 14px;
+  color: rgba(0, 0, 0, 0.45);
 }
 .global-footer-rtl {
   direction: rtl;
@@ -33272,8 +33397,8 @@ ellipsis {
   width: 336px;
 }
 .notice-icon__btn {
-  display: inline-block;
   cursor: pointer;
+  display: inline-block;
   transition: all 0.3s;
 }
 .notice-icon .ant-popover-inner-content {
@@ -33286,14 +33411,14 @@ ellipsis {
   margin-left: 32px;
 }
 .notice-icon .ant-list {
-  max-height: 400px;
   overflow: auto;
+  max-height: 400px;
 }
 .notice-icon .ant-list-item {
+  cursor: pointer;
+  overflow: hidden;
   padding-right: 24px;
   padding-left: 24px;
-  overflow: hidden;
-  cursor: pointer;
   transition: all 0.3s;
 }
 .notice-icon .ant-list-item:last-child {
@@ -33324,13 +33449,13 @@ ellipsis {
   margin-bottom: 16px;
 }
 .notice-icon__clear {
+  cursor: pointer;
   height: 46px;
-  color: rgba(0, 0, 0, 0.85);
   line-height: 46px;
+  color: rgba(0, 0, 0, 0.85);
   text-align: center;
   border-top: 1px solid #f0f0f0;
   border-radius: 0 0 2px 2px;
-  cursor: pointer;
   transition: all 0.3s;
 }
 .notice-icon__clear:hover {
@@ -33355,8 +33480,8 @@ ellipsis {
   float: right;
   margin-top: -1.5px;
   margin-right: 0;
-  color: rgba(0, 0, 0, 0.45);
   font-weight: normal;
+  color: rgba(0, 0, 0, 0.45);
 }
 .page-header {
   display: block;
@@ -33396,15 +33521,15 @@ ellipsis {
   border-radius: 2px;
 }
 .page-header__title {
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
   font-size: 20px;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.85);
 }
 .page-header__title small {
   padding-left: 8px;
-  color: rgba(0, 0, 0, 0.4);
-  font-weight: normal;
   font-size: 14px;
+  font-weight: normal;
+  color: rgba(0, 0, 0, 0.4);
 }
 .page-header__action {
   min-width: 266px;
@@ -33512,9 +33637,9 @@ ellipsis {
 }
 .quick-menu {
   position: fixed;
+  z-index: 11;
   right: -1px;
   left: auto;
-  z-index: 11;
   display: block;
   backface-visibility: hidden;
   transition: margin 0.3s cubic-bezier(1, 0, 0, 1);
@@ -33530,6 +33655,7 @@ ellipsis {
   padding: 0 12px;
 }
 .quick-menu__ctrl {
+  cursor: pointer;
   position: absolute;
   top: -1px;
   left: -50px;
@@ -33538,7 +33664,6 @@ ellipsis {
   text-align: center;
   border-right: 0;
   border-radius: 3px 0 0 3px;
-  cursor: pointer;
 }
 .quick-menu__ctrl-icon {
   font-size: 20px;
@@ -33550,11 +33675,6 @@ ellipsis {
   margin: 0 auto;
   text-align: center;
 }
-@media screen and (max-width: 480px) {
-  .result {
-    width: 100%;
-  }
-}
 .result__icon {
   margin-bottom: 24px;
   font-size: 72px;
@@ -33568,16 +33688,16 @@ ellipsis {
 }
 .result__title {
   margin-bottom: 16px;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
   font-size: 24px;
+  font-weight: 500;
   line-height: 32px;
+  color: rgba(0, 0, 0, 0.85);
 }
 .result__desc {
   margin-bottom: 24px;
-  color: rgba(0, 0, 0, 0.45);
   font-size: 14px;
   line-height: 22px;
+  color: rgba(0, 0, 0, 0.45);
 }
 .result__extra {
   padding: 24px 40px;
@@ -33600,28 +33720,33 @@ ellipsis {
 .result .ant-steps .ant-steps-title {
   background: #fafafa;
 }
+@media screen and (max-width: 480px) {
+  .result {
+    width: 100%;
+  }
+}
 .result-rtl {
   direction: rtl;
 }
 .reuse-tab {
+  user-select: none;
   display: block;
   background-color: #fff;
   outline: none;
-  user-select: none;
 }
 .reuse-tab .ant-tabs-nav .ant-tabs-tab .reuse-tab__op {
   position: absolute;
   display: none;
   margin: 0;
-  color: rgba(0, 0, 0, 0.85);
   font-size: 10px;
+  color: rgba(0, 0, 0, 0.85);
 }
 .reuse-tab .ant-tabs-nav .ant-tabs-tab:hover .reuse-tab__op {
   display: block;
 }
 .reuse-tab .ant-tabs-nav .ant-tabs-tab .reuse-tab__name-width {
-  display: inline-block;
   overflow: hidden;
+  display: inline-block;
   text-overflow: ellipsis;
 }
 .reuse-tab .ant-tabs > .ant-tabs-nav {
@@ -33656,8 +33781,8 @@ ellipsis {
   right: 4px;
 }
 .reuse-tab__disabled {
-  opacity: 0.8;
   pointer-events: none;
+  opacity: 0.8;
 }
 .reuse-tab__cm .ant-menu {
   border: 1px solid #e9e9e9;
@@ -33666,15 +33791,15 @@ ellipsis {
   direction: rtl;
 }
 .tag-select {
+  user-select: none;
   position: relative;
+  overflow: hidden;
   display: block;
   max-height: 38px;
   margin-top: -16px;
   margin-left: -8px;
-  overflow: hidden;
   line-height: 1.5715;
   transition: all 0.3s;
-  user-select: none;
 }
 .tag-select__expanded {
   max-height: 200px;
@@ -33702,9 +33827,9 @@ ellipsis {
   transition: transform 0.24s;
 }
 .tag-select-rtl {
+  direction: rtl;
   margin-right: -8px;
   margin-left: 0;
-  direction: rtl;
 }
 .tag-select-rtl__has-expand {
   padding-right: 0 !important;
@@ -33723,17 +33848,18 @@ ellipsis {
   margin-left: 8px;
 }
 .down-file__not-support {
+  /* stylelint-disable-next-line order/order */
   display: none;
 }
 .loading-backdrop {
   z-index: 9999;
-  background-color: rgba(0, 0, 0, 0.15);
   opacity: 1;
+  background-color: rgba(0, 0, 0, 0.15);
 }
 .loading-default {
   position: fixed;
-  inset: 0;
   z-index: 10000;
+  inset: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -33741,8 +33867,8 @@ ellipsis {
 }
 .loading-default__icon {
   margin-bottom: 8px;
-  color: #1890ff;
   font-size: 24px;
+  color: #1890ff;
 }
 .loading-default__text {
   color: #1890ff;
@@ -33760,20 +33886,20 @@ ellipsis {
 }
 .onboarding__mask {
   position: fixed;
-  inset: 0;
   z-index: 99998;
-  background-color: #000;
+  inset: 0;
   opacity: 0.5;
+  background-color: #000;
 }
 .onboarding__item {
   position: absolute;
 }
 .onboarding__light {
+  pointer-events: none;
   position: absolute;
   z-index: 99999;
   background-color: rgba(255, 255, 255, 0.9);
   animation: 2500ms cubic-bezier(0.55, 0.05, 0.6, 0.2) 0s infinite normal none running onboardingAnt;
-  pointer-events: none;
 }
 .onboarding__light-el {
   z-index: 100000 !important;
@@ -33802,9 +33928,9 @@ ellipsis {
 }
 .pdf-container {
   position: absolute;
+  overflow-x: auto;
   width: 100%;
   height: 100%;
-  overflow-x: auto;
   -webkit-overflow-scrolling: touch;
 }
 .cell__has-unit {
@@ -33840,8 +33966,8 @@ ellipsis {
 }
 .cell .unit {
   margin-left: 2px;
-  color: rgba(0, 0, 0, 0.45);
   font-size: 12px;
+  color: rgba(0, 0, 0, 0.45);
 }
 .cell__disabled[data-type="link"] {
   pointer-events: none;
@@ -33870,8 +33996,8 @@ g2-tag-cloud {
 }
 .g2-card__top {
   position: relative;
-  width: 100%;
   overflow: hidden;
+  width: 100%;
 }
 .g2-card__top-margin {
   margin-bottom: 12px;
@@ -33881,19 +34007,19 @@ g2-tag-cloud {
 }
 .g2-card__meta {
   height: 22px;
-  color: rgba(0, 0, 0, 0.45);
   font-size: 14px;
   line-height: 22px;
+  color: rgba(0, 0, 0, 0.45);
 }
 .g2-card__meta-wrap {
   float: left;
 }
 .g2-card__meta-action {
+  cursor: pointer;
   position: absolute;
   top: 4px;
   right: 0;
   line-height: 1;
-  cursor: pointer;
 }
 .g2-card__avatar {
   position: relative;
@@ -33905,16 +34031,16 @@ g2-tag-cloud {
   border-radius: 100%;
 }
 .g2-card__total {
+  overflow: hidden;
   height: 38px;
   margin-top: 4px;
   margin-bottom: 0;
-  overflow: hidden;
-  color: rgba(0, 0, 0, 0.85);
   font-size: 30px;
   line-height: 38px;
-  white-space: nowrap;
+  color: rgba(0, 0, 0, 0.85);
   text-overflow: ellipsis;
   word-break: break-all;
+  white-space: nowrap;
 }
 .g2-card__desc {
   width: 100%;
@@ -33973,17 +34099,17 @@ g2-tag-cloud {
   position: absolute;
   top: 50%;
   right: 0;
+  transform: translateY(-50%);
   min-width: 250px;
   margin: 0 20px;
   padding: 0;
   list-style: none;
-  transform: translateY(-50%);
 }
 .g2-pie__legend-item {
+  cursor: pointer;
   height: 22px;
   margin-bottom: 16px;
   line-height: 22px;
-  cursor: pointer;
 }
 .g2-pie__legend-item:last-child {
   margin-bottom: 0;
@@ -34016,31 +34142,31 @@ g2-tag-cloud {
 }
 .g2-pie__legend-block .g2-pie__legend {
   position: relative;
-  min-width: auto;
   transform: none;
+  min-width: auto;
 }
 .g2-pie__total {
   position: absolute;
   top: 50%;
   left: 50%;
+  transform: translate(-50%, -50%);
   height: 62px;
   text-align: center;
-  transform: translate(-50%, -50%);
 }
 .g2-pie__total-title {
   height: 22px;
   margin-bottom: 8px;
-  color: rgba(0, 0, 0, 0.45);
-  font-weight: normal;
   font-size: 14px;
+  font-weight: normal;
   line-height: 22px;
+  color: rgba(0, 0, 0, 0.45);
 }
 .g2-pie__total-stat {
   display: block;
   height: 32px;
-  color: rgba(0, 0, 0, 0.85);
   font-size: 1.2em;
   line-height: 32px;
+  color: rgba(0, 0, 0, 0.85);
   white-space: nowrap;
 }
 .g2-pie__mini .g2-pie__total-title {
@@ -34054,20 +34180,20 @@ g2-tag-cloud {
   margin-top: 16px;
 }
 .g2-radar__legend-item {
+  cursor: pointer;
   position: relative;
-  color: rgba(0, 0, 0, 0.45);
   line-height: 22px;
+  color: rgba(0, 0, 0, 0.45);
   text-align: center;
-  cursor: pointer;
 }
 .g2-radar__legend-item::after {
+  content: '';
   position: absolute;
   top: 8px;
   right: 0;
   width: 1px;
   height: 40px;
   background-color: #f0f0f0;
-  content: '';
 }
 .g2-radar__legend-item:last-child::after {
   display: none;
@@ -34076,9 +34202,9 @@ g2-tag-cloud {
   margin-top: 4px;
   margin-bottom: 0;
   padding-left: 16px;
-  color: rgba(0, 0, 0, 0.85);
   font-size: 24px;
   line-height: 32px;
+  color: rgba(0, 0, 0, 0.85);
 }
 .g2-radar__legend-dot {
   position: relative;
@@ -34091,8 +34217,8 @@ g2-tag-cloud {
 }
 .g2-water-wave {
   position: relative;
-  display: inline-block;
   transform-origin: left;
+  display: inline-block;
 }
 .g2-water-wave__desc {
   position: absolute;
@@ -34102,69 +34228,69 @@ g2-tag-cloud {
   text-align: center;
 }
 .g2-water-wave__desc-title {
-  color: rgba(0, 0, 0, 0.45);
   font-size: 14px;
   line-height: 22px;
+  color: rgba(0, 0, 0, 0.45);
 }
 .g2-water-wave__desc-percent {
-  color: rgba(0, 0, 0, 0.85);
   font-size: 24px;
   line-height: 32px;
+  color: rgba(0, 0, 0, 0.85);
 }
 .g2-water-wave__canvas {
-  transform: scale(0.5);
   transform-origin: 0 0;
+  transform: scale(0.5);
 }
 .number-info {
   display: inline-block;
 }
 .number-info__title {
   margin-bottom: 16px;
-  color: rgba(0, 0, 0, 0.85);
   font-size: 16px;
+  color: rgba(0, 0, 0, 0.85);
   transition: all 0.3s;
 }
 .number-info__title-sub {
-  height: 22px;
   overflow: hidden;
-  color: rgba(0, 0, 0, 0.45);
+  height: 22px;
   font-size: 14px;
   line-height: 22px;
-  white-space: nowrap;
+  color: rgba(0, 0, 0, 0.45);
   text-overflow: ellipsis;
   word-break: break-all;
+  white-space: nowrap;
 }
 .number-info__value {
-  margin-top: 4px;
   overflow: hidden;
+  margin-top: 4px;
   font-size: 0;
-  white-space: nowrap;
   text-overflow: ellipsis;
   word-break: break-all;
+  white-space: nowrap;
 }
 .number-info__value-suffix {
   margin-left: 4px;
-  color: rgba(0, 0, 0, 0.85);
   font-size: 16px;
   font-style: normal;
+  color: rgba(0, 0, 0, 0.85);
 }
 .number-info__value-text {
   display: inline-block;
   height: 32px;
-  color: rgba(0, 0, 0, 0.85);
   font-size: 24px;
   line-height: 32px;
+  color: rgba(0, 0, 0, 0.85);
 }
 .number-info__value-sub {
   margin-left: 32px;
-  color: rgba(0, 0, 0, 0.45);
   font-size: 16px;
+  color: rgba(0, 0, 0, 0.45);
   vertical-align: top;
 }
 .number-info__value-sub .anticon {
+  transform: scale(0.82);
   margin-left: 4px;
   font-size: 12px;
-  transform: scale(0.82);
 }
 .number-info__value-sub .anticon-caret-up {
   color: #f5222d;
@@ -34181,6 +34307,7 @@ g2-tag-cloud {
   padding-left: 32px;
 }
 .number-info:not(:first-child)::after {
+  content: '';
   position: absolute;
   top: 0;
   bottom: 0;
@@ -34188,7 +34315,6 @@ g2-tag-cloud {
   width: 1px;
   margin: 8px 0;
   background-color: #f0f0f0;
-  content: '';
 }
 .trend {
   display: inline-block;
@@ -34203,8 +34329,8 @@ g2-tag-cloud {
 }
 .trend__up i,
 .trend__down i {
-  font-size: 12px;
   transform: scale(0.83);
+  font-size: 12px;
 }
 .trend__up {
   color: #f5222d;