@delon/theme 19.0.1 → 19.2.0

package/dark.css

@@ -23396,6 +23396,229 @@ span.ant-radio + * {
 nz-spin {
   display: block;
 }
+.ant-splitter {
+  font-variant: tabular-nums;
+  font-feature-settings: 'tnum';
+  display: flex;
+  align-items: stretch;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  color: rgba(255, 255, 255, 0.85);
+  font-size: 14px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  line-height: 1.5715;
+  list-style: none;
+}
+.ant-splitter-horizontal {
+  flex-direction: row;
+}
+.ant-splitter-vertical {
+  flex-direction: column;
+}
+.ant-splitter-panel {
+  box-sizing: border-box;
+  padding: 0 1px;
+  overflow: auto;
+  scrollbar-width: thin;
+}
+.ant-splitter-panel-hidden {
+  padding: 0;
+  overflow: hidden;
+}
+.ant-splitter-panel:has(.ant-splitter:only-child) {
+  overflow: hidden;
+}
+.ant-splitter-bar {
+  position: relative;
+  flex: none;
+  user-select: none;
+}
+.ant-splitter-bar-preview {
+  position: absolute;
+  z-index: 1;
+  display: none;
+  background: #177ddc;
+  opacity: 0.2;
+  transition: none;
+  pointer-events: none;
+}
+.ant-splitter-bar-preview-active {
+  display: block;
+}
+.ant-splitter-bar-dragger {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 1;
+  transform: translate(-50%, -50%);
+}
+.ant-splitter-bar-dragger::before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background: rgba(255, 255, 255, 0.08);
+  transform: translate(-50%, -50%);
+  content: '';
+}
+.ant-splitter-bar-dragger:hover:not(.ant-splitter-bar-dragger-active)::before {
+  background: #111a2c;
+}
+.ant-splitter-bar-dragger::after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background: rgba(255, 255, 255, 0.15);
+  transform: translate(-50%, -50%);
+  content: '';
+}
+.ant-splitter-bar-dragger-active {
+  z-index: 2;
+}
+.ant-splitter-bar-dragger-active::before {
+  background: #112545;
+}
+.ant-splitter-bar:hover .ant-splitter-bar-collapse-bar,
+.ant-splitter-bar:active .ant-splitter-bar-collapse-bar {
+  opacity: 1;
+}
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled {
+  z-index: 0;
+}
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled,
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled:hover,
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled-active {
+  cursor: default;
+}
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled::before,
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled:hover::before,
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled-active::before {
+  background: rgba(255, 255, 255, 0.08);
+}
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled::after {
+  display: none;
+}
+.ant-splitter-bar-collapse-bar {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: rgba(255, 255, 255, 0.85);
+  font-size: 12px;
+  background: rgba(255, 255, 255, 0.08);
+  border-radius: 2px;
+  transform: translate(-50%, -50%);
+  cursor: pointer;
+  opacity: 0;
+}
+.ant-splitter-bar-collapse-bar:hover {
+  background: #111a2c;
+}
+.ant-splitter-bar-collapse-bar:active {
+  background: #112545;
+}
+.ant-splitter-horizontal > .ant-splitter-bar {
+  width: 0;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger {
+  width: 6px;
+  height: 100%;
+  cursor: col-resize;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger::before {
+  width: 2px;
+  height: 100%;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger::after {
+  width: 2px;
+  height: 20px;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-preview {
+  width: 2px;
+  height: 100%;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar {
+  width: 12px;
+  height: 24px;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar-start {
+  right: calc(6px / 2);
+  left: auto;
+  transform: translateY(-50%);
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar-end {
+  right: auto;
+  left: calc(6px / 2);
+  transform: translateY(-50%);
+}
+.ant-splitter-vertical > .ant-splitter-bar {
+  height: 0;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger {
+  width: 100%;
+  height: 6px;
+  cursor: row-resize;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger:has(.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger-disabled) {
+  cursor: default;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger::before {
+  width: 100%;
+  height: 2px;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger::after {
+  width: 20px;
+  height: 2px;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-preview {
+  width: 100%;
+  height: 2px;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar {
+  width: 24px;
+  height: 12px;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar-start {
+  top: auto;
+  bottom: calc(6px / 2);
+  transform: translateX(-50%);
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar-end {
+  top: calc(6px / 2);
+  bottom: auto;
+  transform: translateX(-50%);
+}
+.ant-splitter-mask {
+  position: fixed;
+  z-index: 1000;
+  inset: 0;
+}
+.ant-splitter-mask-horizontal {
+  cursor: col-resize;
+}
+.ant-splitter-mask-vertical {
+  cursor: row-resize;
+}
+.ant-splitter-rtl {
+  direction: rtl;
+}
+.ant-splitter-rtl .ant-splitter-dot-spin {
+  transform: rotate(-45deg);
+  animation-name: antRotateRtl;
+}
+@keyframes antRotateRtl {
+  to {
+    transform: rotate(-405deg);
+  }
+}
+nz-splitter {
+  display: block;
+}
 .ant-statistic {
   box-sizing: border-box;
   margin: 0;
@@ -29611,6 +29834,9 @@ nz-tree {
   margin-bottom: 4px;
   overflow: auto;
 }
+.ant-select-dropdown.ant-select-tree-dropdown .cdk-virtual-scroll-content-wrapper {
+  overflow: auto;
+}
 .ant-picker-calendar {
   box-sizing: border-box;
   margin: 0;
@@ -30528,7 +30754,7 @@ nz-space-item {
   width: 16px;
   height: 16px;
 }
-.ant-hashCode {
+.ant-hash-code {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -30542,78 +30768,78 @@ nz-space-item {
   list-style: none;
   cursor: pointer;
 }
-.ant-hashCode-header-copy {
+.ant-hash-code-header-copy {
   margin-left: 8px;
   cursor: pointer;
   opacity: 0.45;
 }
-.ant-hashCode-header {
+.ant-hash-code-header {
   display: flex;
   justify-content: left;
   width: 100%;
   height: 22px;
   padding-bottom: 8px;
 }
-.ant-hashCode-header .ant-hashCode-header-title {
+.ant-hash-code-header .ant-hash-code-header-title {
   font-size: 14px;
   line-height: 1.5715;
   text-align: center;
   opacity: 0.45;
 }
-.ant-hashCode-header .ant-hashCode-header-logo {
+.ant-hash-code-header .ant-hash-code-header-logo {
   display: flex;
   flex: 1;
   justify-content: right;
 }
-.ant-hashCode-double {
+.ant-hash-code-double {
   width: 172px;
 }
-.ant-hashCode-double.ant-hashCode-primary {
+.ant-hash-code-double.ant-hash-code-primary {
   width: 220px;
 }
-.ant-hashCode-single {
+.ant-hash-code-single {
   display: flex;
   flex-direction: row-reverse;
   width: 236px;
 }
-.ant-hashCode-single.ant-hashCode-primary {
+.ant-hash-code-single.ant-hash-code-primary {
   width: 284px;
 }
-.ant-hashCode-single .ant-hashCode-header-copy {
+.ant-hash-code-single .ant-hash-code-header-copy {
   margin-top: 8px;
 }
-.ant-hashCode-strip {
+.ant-hash-code-strip {
   width: 350px;
 }
-.ant-hashCode-strip.ant-hashCode-primary {
+.ant-hash-code-strip.ant-hash-code-primary {
   width: 398px;
 }
-.ant-hashCode-rect {
+.ant-hash-code-rect {
   display: flex;
   flex-direction: row-reverse;
   width: 196px;
 }
-.ant-hashCode-rect.ant-hashCode-primary {
+.ant-hash-code-rect.ant-hash-code-primary {
   width: 244px;
 }
-.ant-hashCode-primary {
+.ant-hash-code-primary {
   padding: 24px;
   background-color: #177ddc;
   border-radius: 24px;
 }
-.ant-hashCode-primary .ant-hashCode-header-copy {
+.ant-hash-code-primary .ant-hash-code-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 {
+.ant-hash-code-primary .ant-hash-code-header-title,
+.ant-hash-code-primary .ant-hash-code-header-copy,
+.ant-hash-code-primary .ant-hash-code-header-logo {
   color: rgba(255, 255, 255, 0.85);
 }
-.ant-hashCode-contant {
+.ant-hash-code-contant {
   width: 100%;
   height: 100%;
 }
-.ant-hashCode-code-value {
+.ant-hash-code-code-value {
   display: flex;
   flex-wrap: wrap;
   gap: 0 10px;
@@ -30621,33 +30847,33 @@ nz-space-item {
   height: 35px;
   overflow: hidden;
 }
-.ant-hashCode-code-value-block {
+.ant-hash-code-code-value-block {
   height: 16px;
   font-size: 14px;
   font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
-.ant-hashCode-value-primary .ant-hashCode-code-value-block {
+.ant-hash-code-value-primary .ant-hash-code-code-value-block {
   color: #fff;
 }
-.ant-hashCode-texaure-double {
+.ant-hash-code-texaure-double {
   width: 175px;
   height: 36px;
 }
-.ant-hashCode-texaure {
+.ant-hash-code-texaure {
   position: absolute;
   margin-top: -35px;
   overflow: hidden;
 }
-.ant-hashCode-texaure-single {
+.ant-hash-code-texaure-single {
   width: 210px;
   height: 28px;
   margin-top: -21px;
 }
-.ant-hashCode-texaure-strip {
+.ant-hash-code-texaure-strip {
   width: 350px;
   height: 36px;
 }
-.ant-hashCode-texaure-rect {
+.ant-hash-code-texaure-rect {
   width: 175px;
   height: 72px;
   margin-top: -71px;
@@ -30854,6 +31080,181 @@ nz-space-item {
   width: 32px;
   height: 32px;
 }
+.ant-check-list {
+  position: fixed;
+  right: 32px;
+  bottom: 32px;
+  z-index: 999;
+  font-size: 14px;
+  cursor: pointer;
+}
+.ant-check-list .ant-check-list-button {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: center;
+  min-width: 110px;
+  height: 40px;
+  border-radius: 20px;
+}
+.ant-check-list .ant-check-list-icon {
+  font-size: 24px;
+  line-height: 24px;
+}
+.ant-check-list .ant-check-list-description {
+  font-size: 14px;
+}
+.ant-check-list-content {
+  display: block;
+  width: 303px;
+}
+.ant-check-list-content .ant-check-list-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 12px 16px;
+}
+.ant-check-list-content .ant-check-list-header .ant-check-list-header-title {
+  font-weight: 500;
+  font-size: 20px;
+}
+.ant-check-list-content .ant-check-list-header .ant-check-list-header-extra {
+  cursor: pointer;
+}
+.ant-check-list-content .ant-check-list-header-finish {
+  width: 304px;
+  padding-top: 12px;
+  text-align: center;
+}
+.ant-check-list-content .ant-check-list-header-finish .ant-check-list-header-finish-icon {
+  width: 64px;
+  height: 64px;
+  color: #177ddc;
+  font-size: 64px;
+}
+.ant-check-list-content .ant-check-list-header-finish .ant-check-list-header-finish-title {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  font-weight: 500;
+  font-size: 16px;
+}
+.ant-check-list-content .ant-check-list-progressBar {
+  display: flex;
+  justify-content: space-between;
+  margin: 12px 16px;
+  margin-top: 0;
+}
+.ant-check-list-content .ant-check-list-progressBar .ant-check-list-progressBar-progress {
+  flex: auto;
+}
+.ant-check-list-content .ant-check-list-steps-content {
+  max-height: 250px;
+  overflow-y: scroll;
+}
+.ant-check-list-content .ant-check-list-steps {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 52px;
+  padding-right: 12px;
+  padding-left: 12px;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  justify-content: center;
+  width: calc(100% - 22px);
+  font-weight: 400;
+}
+.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-circle {
+  display: flex;
+  flex: 0 0 28px;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  font-weight: 600;
+  background-color: #141414;
+  border: 1px solid #434343;
+  border-radius: 50%;
+  user-select: none;
+}
+.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-circle .ant-check-list-steps-number {
+  color: #177ddc;
+  font-size: 16px;
+}
+.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-circle .ant-check-list-steps-checkoutlined {
+  color: #141414;
+  font-size: 14px;
+}
+.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-description {
+  flex: 1;
+  overflow: hidden;
+  line-height: 2;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item-arrows {
+  flex: 0 0 22px;
+  width: 38px;
+  height: 38px;
+  color: #177ddc;
+  font-size: 22px;
+}
+.ant-check-list-content .ant-check-list-checked .ant-check-list-steps-item .ant-check-list-steps-item-circle {
+  background-color: #177ddc;
+  border: none;
+}
+.ant-check-list-content .ant-check-list-checked .ant-check-list-steps-item .ant-check-list-steps-item-description {
+  font-weight: 500;
+  text-decoration: line-through;
+  text-decoration-thickness: 2px;
+  text-decoration-color: rgba(255, 255, 255, 0.85);
+  opacity: 0.85;
+}
+.ant-check-list-content .ant-check-list-highlight {
+  background-color: #111b26;
+}
+.ant-check-list-content .ant-check-list-highlight .ant-check-list-steps-item .ant-check-list-steps-item-circle {
+  border: 1px solid #177ddc;
+}
+.ant-check-list-content .ant-check-list-highlight .ant-check-list-steps-item .ant-check-list-steps-item-circle .ant-check-list-steps-number {
+  color: #177ddc;
+}
+.ant-check-list-content .ant-check-list-highlight .ant-check-list-steps-item .ant-check-list-steps-item-description {
+  font-weight: 600;
+}
+.ant-check-list-content .ant-check-list-footer {
+  padding: 12px 12px 0;
+  color: rgba(255, 255, 255, 0.45);
+  font-size: 14px;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.ant-check-list-content .ant-check-list-close-check {
+  display: flex;
+  flex-direction: column;
+  padding: 12px;
+}
+.ant-check-list-content .ant-check-list-close-check .ant-check-list-close-check-title {
+  margin-bottom: 24px;
+  font-weight: 500;
+  font-size: 16px;
+}
+.ant-check-list-content .ant-check-list-close-check .ant-check-list-close-check-action {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  margin-bottom: 16px;
+}
+.ant-check-list-content .ant-check-list-close-check .ant-check-list-close-check-other {
+  color: rgba(255, 255, 255, 0.45);
+  font-size: 14px;
+  cursor: pointer;
+}
 /** system */
 sf + st {
   margin-top: 16px;
@@ -31039,10 +31440,10 @@ a:focus {
   left: 0;
   width: 100%;
   padding: 10px 24px;
-  text-align: right;
-  background: #1f1f1f;
   border-top: 1px solid #303030;
   border-radius: 0 0 2px 2px;
+  text-align: right;
+  background: #1f1f1f;
 }
 .ant-form-item-label em {
   color: #bfbfbf;
@@ -31098,9 +31499,9 @@ a:focus {
   justify-content: space-between;
   margin: -24px -24px 24px -24px;
   padding: 16px 24px;
-  background: #141414;
   border-bottom: 1px solid #303030;
   border-radius: 2px 2px 0 0;
+  background: #141414;
 }
 .modal-title {
   /**
@@ -31139,9 +31540,9 @@ a:focus {
       */
   margin: 24px -24px -24px -24px;
   padding: 10px 16px;
-  text-align: right;
   border-top: 1px solid #303030;
   border-radius: 0 0 2px 2px;
+  text-align: right;
 }
 .modal-include-tabs {
   /**
@@ -31170,8 +31571,8 @@ a:focus {
 .ant-table td .img {
   max-width: 32px;
   max-height: 32px;
-  vertical-align: middle;
   border-radius: 4px;
+  vertical-align: middle;
 }
 .ant-table td > img:not(:last-child),
 .ant-table td .img:not(:last-child) {
@@ -31224,9 +31625,9 @@ a:focus {
     align-items: center;
     width: 100%;
     padding: 8px 8px;
+    border-bottom: none;
     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) {
     flex: 1;
@@ -31241,8 +31642,8 @@ a:focus {
       */
 }
 .ant-tag__plus .ant-tag {
-  background: #fff;
   border-style: dashed;
+  background: #fff;
 }
 /**
   * Corrected `ng-tag` list line wrapping spacing
@@ -31606,8 +32007,8 @@ fieldset {
   }
 }
 .header-dropdown {
-  background-color: #1f1f1f;
   border-radius: 4px;
+  background-color: #1f1f1f;
   box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2), 0 12px 48px 16px rgba(0, 0, 0, 0.12);
 }
 @media screen and (max-width: 480px) {
@@ -31666,11 +32067,11 @@ fieldset {
   display: none;
   width: 32px;
   height: 32px;
+  border-radius: 50%;
   font-size: 20px;
   line-height: 32px;
   text-align: center;
   background: rgba(0, 0, 0, 0.66);
-  border-radius: 50%;
 }
 .sf__array-container .ant-card .sf__array-remove i {
   color: #fff;
@@ -31831,10 +32232,10 @@ fieldset {
   width: 20px;
   height: 20px;
   margin-right: 8px;
+  border-radius: 2px;
   font-weight: bold;
   color: #fff;
   text-align: center;
-  border-radius: 2px;
 }
 .setting-drawer__handle {
   pointer-events: auto;
@@ -31848,10 +32249,10 @@ fieldset {
   justify-content: center;
   width: 48px;
   height: 48px;
+  border-radius: 4px 0 0 4px;
   font-size: 16px;
   text-align: center;
   background: #177ddc;
-  border-radius: 4px 0 0 4px;
   transition: right 0.3s cubic-bezier(0.9, 0, 0.3, 0.7);
 }
 .setting-drawer__handle-icon {
@@ -32285,10 +32686,10 @@ fieldset {
 code {
   margin: 0 4px;
   padding: 2px 4px;
-  font-size: 90%;
-  background-color: rgba(255, 255, 255, 0.04);
   border: 1px solid #434343;
   border-radius: 2px;
+  font-size: 90%;
+  background-color: rgba(255, 255, 255, 0.04);
 }
 /**
  * Set the background to white
@@ -34683,8 +35084,8 @@ textarea.ant-input::-webkit-scrollbar-thumb {
  * 隐藏滚动条
  */
 .hide-scrollbar {
-  scrollbar-width: none;
   scrollbar-color: transparent transparent;
+  scrollbar-width: none;
 }
 .hide-scrollbar::-webkit-scrollbar {
   width: 1px;
@@ -34740,9 +35141,9 @@ body {
   padding: 24px;
   padding-top: 12px;
   padding-bottom: 12px;
+  border-bottom: 1px solid #303030;
   color: #929292;
   background-color: #141414;
-  border-bottom: 1px solid #303030;
 }
 .alain-default__content-title > h1 {
   margin-bottom: 0;
@@ -34847,9 +35248,9 @@ body {
   display: block;
   min-width: 50px;
   padding: 8px 2px;
+  border-radius: 2px;
   line-height: 100%;
   text-align: center;
-  border-radius: 2px;
   outline: none;
   transition: background-color 300ms;
 }
@@ -34893,9 +35294,9 @@ body {
 .alain-default__search .ant-input,
 .alain-default__search .ant-input-group-addon,
 .alain-default__search .ant-input-affix-wrapper {
-  color: #fff;
-  background-color: rgba(255, 255, 255, 0.2);
   border: none;
+  color: #fff;
+  background-color: #ffffff;
 }
 .alain-default__search .ant-input::placeholder,
 .alain-default__search .ant-input-group-addon::placeholder,
@@ -35153,8 +35554,8 @@ body {
   color: rgba(255, 255, 255, 0.85);
 }
 .sidebar-nav__selected {
-  background-color: #141414;
   border-left-color: #177ddc;
+  background-color: #141414;
 }
 .sidebar-nav__selected > .sidebar-nav__item-link {
   color: #177ddc;
@@ -35196,9 +35597,9 @@ body {
   position: absolute;
   width: 6px;
   height: 1.5px;
+  border-radius: 2px;
   background: #fff;
   background-image: linear-gradient(to right, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 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);
 }
 .sidebar-nav__sub-arrow::before {
@@ -35236,9 +35637,9 @@ body {
   z-index: 16;
   display: none;
   min-width: 160px;
-  background-color: #141414;
   border: 1px solid #303030;
   border-radius: 4px;
+  background-color: #141414;
 }
 .sidebar-nav__floating .sidebar-nav__item-link {
   padding-left: 16px;
@@ -35396,8 +35797,8 @@ body {
 .app-icons .ant-col-6 {
   cursor: pointer;
   padding: 16px 0;
-  text-align: center;
   border-radius: 4px;
+  text-align: center;
   transition: background-color 300ms;
 }
 .app-icons .ant-col-6:hover {
@@ -35405,8 +35806,8 @@ body {
 }
 .app-icons i {
   padding: 15px;
-  font-size: 22px;
   border-radius: 50%;
+  font-size: 22px;
 }
 .app-icons small {
   display: block;
@@ -35500,9 +35901,9 @@ body {
   width: 100%;
 }
 .st__btn-sub .st__btn-text {
+  display: block;
   width: 100%;
   color: inherit;
-  display: block;
 }
 .st__btn-disabled .st__btn-text {
   pointer-events: none;
@@ -35757,8 +36158,8 @@ body {
   border-bottom: 1px solid #303030;
 }
 .sv__bordered .sv__label {
-  background-color: rgba(255, 255, 255, 0.04);
   border-right: 1px solid #303030;
+  background-color: rgba(255, 255, 255, 0.04);
 }
 .sv__bordered .sv__label,
 .sv__bordered .sv__detail {
@@ -36075,9 +36476,9 @@ ellipsis {
   width: 100%;
   height: 56px;
   padding: 0 24px;
+  border-top: 1px solid #303030;
   line-height: 56px;
   background: #1f1f1f;
-  border-top: 1px solid #303030;
   box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.32), 0 -9px 28px 0 rgba(0, 0, 0, 0.2), 0 -12px 48px 16px rgba(0, 0, 0, 0.12);
   transition: all 0.3s;
 }
@@ -36181,11 +36582,11 @@ ellipsis {
 .notice-icon__clear {
   cursor: pointer;
   height: 46px;
+  border-top: 1px solid #303030;
+  border-radius: 0 0 2px 2px;
   line-height: 46px;
   color: rgba(255, 255, 255, 0.85);
   text-align: center;
-  border-top: 1px solid #303030;
-  border-radius: 0 0 2px 2px;
   transition: all 0.3s;
 }
 .notice-icon__clear:hover {
@@ -36213,11 +36614,14 @@ ellipsis {
   font-weight: normal;
   color: rgba(255, 255, 255, 0.45);
 }
+.notice-icon__item-extra .ant-tag {
+  margin-right: 0;
+}
 .page-header {
   display: block;
   padding: 24px;
-  background-color: #141414;
   border-bottom: 1px solid #303030;
+  background-color: #141414;
 }
 .page-header__wide {
   max-width: 1200px;
@@ -36376,8 +36780,8 @@ ellipsis {
 }
 .quick-menu,
 .quick-menu__ctrl {
-  background-color: #1f1f1f;
   border: 1px solid #303030;
+  background-color: #1f1f1f;
   box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2), 0 12px 48px 16px rgba(0, 0, 0, 0.12);
 }
 .quick-menu__inner {
@@ -36391,9 +36795,9 @@ ellipsis {
   left: -50px;
   width: 50px;
   height: 50px;
-  text-align: center;
   border-right: 0;
   border-radius: 3px 0 0 3px;
+  text-align: center;
 }
 .quick-menu__ctrl-icon {
   font-size: 20px;
@@ -36431,9 +36835,9 @@ ellipsis {
 }
 .result__extra {
   padding: 24px 40px;
+  border-radius: 2px;
   text-align: left;
   background: rgba(255, 255, 255, 0.04);
-  border-radius: 2px;
 }
 @media screen and (max-width: 480px) {
   .result__extra {
@@ -36690,8 +37094,8 @@ ellipsis {
   margin-right: 4px;
 }
 .cell .img {
-  vertical-align: middle;
   border-radius: 4px;
+  vertical-align: middle;
 }
 .cell .unit {
   margin-left: 2px;
@@ -36796,8 +37200,8 @@ g2-tag-cloud {
 .g2-mini-progress__value {
   width: 0;
   height: 100%;
-  background-color: #177ddc;
   border-radius: 1px 0 0 1px;
+  background-color: #177ddc;
   transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
 }
 .g2-mini-progress__target {