3h1-ui 3.0.0-next.79 → 3.0.0-next.80

package/lib/style.css

@@ -765,7 +765,7 @@ mark {
   --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),
       0px 8px 20px 0px rgba(0, 0, 0, 0.06);
   --light: #fff;
-  --dark: #000;
+  --dark: #141414;
 }
 html[data-theme='dark'] {
   --theme: var(--dark);
@@ -915,19 +915,19 @@ input:focus.ant-input {
 .ant-btn {
   box-shadow: none;
 }
-.ant-btn-default.ant-btn-default:hover {
+.ant-btn-default:not(:disabled):hover {
   color: var(--text-color);
   border-color: var(--gray-2);
   background-color: var(--gray-0);
 }
-.ant-btn-dashed.ant-btn-dashed {
+.ant-btn-dashed:not(:disabled) {
   color: var(--primary-5);
   border-color: var(--primary-5);
 }
-.ant-btn-dashed.ant-btn-dashed:hover {
+.ant-btn-dashed:not(:disabled):hover {
   background-color: var(--gray-0);
 }
-.ant-btn-dashed.ant-btn-dashed:active {
+.ant-btn-dashed:not(:disabled):active {
   color: var(--primary-5);
   border-color: var(--primary-5);
   background-color: var(--gray-1);
@@ -1055,20 +1055,20 @@ span.iconify {
 }
 .shy-basic-help__wrap p {
   margin-bottom: 0;
-}.shy-basic-title[data-v-004c9d3e] {
+}.shy-basic-title[data-v-7c332966] {
   position: relative;
   display: flex;
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   font-size: 14px;
-  color: var(--gray-10);
+  color: var(--gray-9);
   line-height: 20px;
   padding: 0 0 0 10px;
   margin: 10px 0;
   align-items: center;
   gap: 8px;
 }
-.shy-basic-title-show-span[data-v-004c9d3e]::before {
+.shy-basic-title-show-span[data-v-7c332966]::before {
   content: '';
   position: absolute;
   width: 2px;
@@ -1079,7 +1079,7 @@ span.iconify {
   top: 50%;
   transform: translateY(-50%);
 }
-.shy-basic-title-help[data-v-004c9d3e] {
+.shy-basic-title-help[data-v-7c332966] {
   margin-left: 10px;
 }.shy-collapse-container-arrow {
   font-size: 14px !important;
@@ -1098,7 +1098,7 @@ span.iconify {
   border-radius: 4px;
 }
 .shy-collapse-container__header-action {
-  background: var(--gray-1);
+  background: var(--gray-0);
 }
 .shy-collapse-container__footer {
   border-top: 1px solid #E4E7ED;
@@ -1274,7 +1274,7 @@ span.iconify {
   height: 56px;
   padding: 18px 16px;
   margin: 0;
-  box-shadow: inset 0px -1px 0px 0px var(--gray-3);
+  box-shadow: inset 0px -1px 0px 0px var(--gray-2);
   border-bottom: unset;
 }
 .shy-basic-modal :is(.ant-modal-body) {
@@ -1288,13 +1288,13 @@ span.iconify {
   width: 10px;
 }
 .shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb {
-  box-shadow: inset 0 0 10px 10px var(--gray-2);
+  box-shadow: inset 0 0 10px 10px var(--gray-1);
   border: solid 2px transparent;
   background-color: transparent;
   border-radius: 10px;
 }
 .shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb:active, .shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb:hover {
-  box-shadow: inset 0 0 10px 10px var(--gray-3);
+  box-shadow: inset 0 0 10px 10px var(--gray-2);
   background-color: transparent;
 }
 .shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-track {
@@ -1307,8 +1307,8 @@ span.iconify {
   padding: 12px 16px;
   margin: 0;
   border-top: unset;
-  box-shadow: inset 0px 1px 0px 0px var(--gray-3);
-  background: var(--gray-1);
+  box-shadow: inset 0px 1px 0px 0px var(--gray-2);
+  background: var(--gray-0);
   border-radius: 0 0 10px 10px;
 }
 .shy-basic-modal.fullscreen-modal {
@@ -1360,7 +1360,7 @@ span.iconify {
   --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),
       0px 8px 20px 0px rgba(0, 0, 0, 0.06);
   --light: #fff;
-  --dark: #000;
+  --dark: #141414;
 }
 html[data-theme='dark'] {
   --theme: var(--dark);
@@ -1406,7 +1406,7 @@ html[data-theme='light'] {
   --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),
       0px 8px 20px 0px rgba(0, 0, 0, 0.06);
   --light: #fff;
-  --dark: #000;
+  --dark: #141414;
 }
 html[data-theme='dark'] {
   --theme: var(--dark);
@@ -1430,7 +1430,7 @@ html[data-theme='light'] {
 }
 .shy-basic-help__wrap p {
   margin-bottom: 0;
-}[data-v-383d2177]:root {
+}[data-v-d388ea3f]:root {
   --shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, 0.04),
       0px 1px 1px 0px rgba(0, 0, 0, 0.02);
   --shadow-3: 0px 4px 10px 0px rgba(0, 0, 0, 0.08),
@@ -1440,33 +1440,33 @@ html[data-theme='light'] {
   --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),
       0px 8px 20px 0px rgba(0, 0, 0, 0.06);
   --light: #fff;
-  --dark: #000;
+  --dark: #141414;
 }
-html[data-theme='dark'][data-v-383d2177] {
+html[data-theme='dark'][data-v-d388ea3f] {
   --theme: var(--dark);
   --text-color: var(--light);
   color-scheme: dark;
 }
-html[data-theme='light'][data-v-383d2177] {
+html[data-theme='light'][data-v-d388ea3f] {
   --theme: var(--light);
   --text-color: var(--dark);
   color-scheme: light;
 }
-.shy-basic-title[data-v-383d2177] {
+.shy-basic-title[data-v-d388ea3f] {
   position: relative;
   display: flex;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
-  color: rgba(0, 0, 0, 0.88);
+  color: var(--text-color);
   cursor: pointer;
   user-select: none;
 }
-.shy-basic-title-normal[data-v-383d2177] {
+.shy-basic-title-normal[data-v-d388ea3f] {
   font-size: 14px;
   font-weight: 500;
 }
-.shy-basic-title-show-span[data-v-383d2177]::before {
+.shy-basic-title-show-span[data-v-d388ea3f]::before {
   position: absolute;
   top: 4px;
   left: 0;
@@ -1476,7 +1476,7 @@ html[data-theme='light'][data-v-383d2177] {
   background-color: #006eff;
   content: '';
 }
-.shy-basic-title-help[data-v-383d2177] {
+.shy-basic-title-help[data-v-d388ea3f] {
   margin-left: 10px;
 }.shy-basic-modal :is(.ant-modal-content) {
   padding: 0;
@@ -1497,7 +1497,7 @@ html[data-theme='light'][data-v-383d2177] {
   height: 56px;
   padding: 18px 16px;
   margin: 0;
-  box-shadow: inset 0px -1px 0px 0px var(--gray-3);
+  box-shadow: inset 0px -1px 0px 0px var(--gray-2);
   border-bottom: unset;
 }
 .shy-basic-modal :is(.ant-modal-body) {
@@ -1511,13 +1511,13 @@ html[data-theme='light'][data-v-383d2177] {
   width: 10px;
 }
 .shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb {
-  box-shadow: inset 0 0 10px 10px var(--gray-2);
+  box-shadow: inset 0 0 10px 10px var(--gray-1);
   border: solid 2px transparent;
   background-color: transparent;
   border-radius: 10px;
 }
 .shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb:active, .shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-thumb:hover {
-  box-shadow: inset 0 0 10px 10px var(--gray-3);
+  box-shadow: inset 0 0 10px 10px var(--gray-2);
   background-color: transparent;
 }
 .shy-basic-modal :is(.ant-modal-body) *::-webkit-scrollbar-track {
@@ -1530,8 +1530,8 @@ html[data-theme='light'][data-v-383d2177] {
   padding: 12px 16px;
   margin: 0;
   border-top: unset;
-  box-shadow: inset 0px 1px 0px 0px var(--gray-3);
-  background: var(--gray-1);
+  box-shadow: inset 0px 1px 0px 0px var(--gray-2);
+  background: var(--gray-0);
   border-radius: 0 0 10px 10px;
 }
 .shy-basic-modal.fullscreen-modal {
@@ -1808,7 +1808,7 @@ html[data-theme='light'][data-v-383d2177] {
   margin: 0 !important;
 }
 .context-menu li:not(.ant-menu-item-disabled):hover {
-  color: rgba(0, 0, 0, 0.88);
+  color: var(--text-color);
   background-color: rgba(0, 0, 0, 0.04);
 }
 .context-menu .ant-divider {
@@ -1831,7 +1831,7 @@ html[data-theme='light'][data-v-383d2177] {
   margin: 0 !important;
 }
 .context-menu__popup li:not(.ant-menu-item-disabled):hover {
-  color: rgba(0, 0, 0, 0.88);
+  color: var(--text-color);
   background-color: rgba(0, 0, 0, 0.04);
 }
 .context-menu .ant-menu-submenu-title, .context-menu .ant-menu-item {
@@ -1851,13 +1851,13 @@ html[data-theme='light'][data-v-383d2177] {
   width: 10px;
 }
 .shy-ant-form-table-children-scroll-bar-wrapper::-webkit-scrollbar-thumb {
-  box-shadow: inset 0 0 10px 10px var(--gray-2);
+  box-shadow: inset 0 0 10px 10px var(--gray-1);
   border: solid 2px transparent;
   background-color: transparent;
   border-radius: 10px;
 }
 .shy-ant-form-table-children-scroll-bar-wrapper::-webkit-scrollbar-thumb:active, .shy-ant-form-table-children-scroll-bar-wrapper::-webkit-scrollbar-thumb:hover {
-  box-shadow: inset 0 0 10px 10px var(--gray-3);
+  box-shadow: inset 0 0 10px 10px var(--gray-2);
   background-color: transparent;
 }
 .shy-ant-form-table-children-scroll-bar-wrapper::-webkit-scrollbar-track {
@@ -1889,8 +1889,8 @@ html[data-theme='light'][data-v-383d2177] {
   align-items: center;
   padding-inline: 8px;
   height: 50px;
-  border-inline: 1px solid var(--gray-3);
-  border-bottom: 1px solid var(--gray-3);
+  border-inline: 1px solid var(--gray-2);
+  border-bottom: 1px solid var(--gray-2);
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
 }
@@ -2025,7 +2025,7 @@ html[data-theme='light'][data-v-383d2177] {
   margin: 8px 0 16px 0;
   height: 0.5px;
   width: 100%;
-  background-color: var(--gray-3);
+  background-color: var(--gray-2);
 }
 .shy-ant-form-wrapper {
   --max-width-large: 1224px;
@@ -2088,40 +2088,40 @@ html[data-theme='light'][data-v-383d2177] {
     min-width: var(--min-width--large);
     max-width: var(--max-width-large);
   }
-}.shy-table-edit-icon-plus[data-v-d23ebe75] {
+}.shy-table-edit-icon-plus[data-v-5f20f43f] {
   width: 30px;
   height: 30px;
   font-size: 30px;
   cursor: pointer;
   display: flex;
 }
-.table-children[data-v-d23ebe75] .ant-form-item {
+.table-children[data-v-5f20f43f] .ant-form-item {
   margin-bottom: 0 !important;
 }
-.table-children[data-v-d23ebe75] {
+.table-children[data-v-5f20f43f] {
   width: 100%;
 }
-.table-children-required[data-v-d23ebe75] {
+.table-children-required[data-v-5f20f43f] {
   color: #ff4d4f;
   margin-right: 4px;
 }
-.table-children[data-v-d23ebe75] .ant-table-cell {
+.table-children[data-v-5f20f43f] .ant-table-cell {
   padding: 8px !important;
 }
-.table-children[data-v-d23ebe75] .ant-table-cell .ant-form-item-explain {
+.table-children[data-v-5f20f43f] .ant-table-cell .ant-form-item-explain {
   display: none;
 }
-.table-children-add-btn[data-v-d23ebe75] {
+.table-children-add-btn[data-v-5f20f43f] {
   display: flex;
   align-items: center;
   padding-inline: 8px;
   height: 50px;
-  border-inline: 1px solid var(--gray-3);
-  border-bottom: 1px solid var(--gray-3);
+  border-inline: 1px solid var(--gray-2);
+  border-bottom: 1px solid var(--gray-2);
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
 }
-.table-children-add-btn[data-v-d23ebe75] .ant-btn {
+.table-children-add-btn[data-v-5f20f43f] .ant-btn {
   width: 100%;
 }.shy-page-footer[data-v-b4695833] {
   position: fixed;
@@ -2158,7 +2158,7 @@ html[data-theme='light'][data-v-383d2177] {
   display: flex;
   overflow: hidden;
   height: 100%;
-  background-color: #fff;
+  background-color: var(--theme);
   flex-flow: column nowrap;
 }
 .shy-basic-page-second-header {
@@ -2380,19 +2380,19 @@ html[data-theme='light'][data-v-383d2177] {
 }
 .shy-basic-table-header__toolbar > * {
   margin-right: 8px;
-}.shy-basic-table-global-search[data-v-5f6e7403] {
+}.shy-basic-table-global-search[data-v-ee7fb814] {
   position: absolute;
   top: 40px;
   right: 131px;
   width: 200px;
   max-height: 800px;
   overflow: auto;
-  background-color: #fff;
+  background-color: var(--theme);
   z-index: 1000;
   border: 1px solid #ebebeb;
   padding: 10px;
 }
-.shy-basic-table-global-search-item-global[data-v-5f6e7403] {
+.shy-basic-table-global-search-item-global[data-v-ee7fb814] {
   height: 32px;
   line-height: 32px;
   font-size: 14px;
@@ -2403,7 +2403,7 @@ html[data-theme='light'][data-v-383d2177] {
   align-items: center;
   justify-content: space-between;
 }
-.shy-basic-table-global-search-item-special[data-v-5f6e7403] {
+.shy-basic-table-global-search-item-special[data-v-ee7fb814] {
   height: 32px;
   line-height: 32px;
   font-size: 14px;
@@ -2414,10 +2414,10 @@ html[data-theme='light'][data-v-383d2177] {
   align-items: center;
   justify-content: space-between;
 }
-.shy-basic-table-global-search-checkbox-wrapper[data-v-5f6e7403] {
+.shy-basic-table-global-search-checkbox-wrapper[data-v-ee7fb814] {
   padding: 0 8px;
 }
-.shy-basic-table-global-search .selected-bg[data-v-5f6e7403] {
+.shy-basic-table-global-search .selected-bg[data-v-ee7fb814] {
   background-color: #ebf1ff;
 }.shy-basic-table-img .ant-image {
   margin-right: 4px;
@@ -2454,7 +2454,7 @@ html[data-theme='light'][data-v-383d2177] {
   right: 106px;
   width: 600px;
   z-index: 100;
-  background-color: #fff;
+  background-color: var(--theme);
   border: 1px solid #ebebeb;
   padding: 10px 10px 42px 10px;
 }
@@ -2745,19 +2745,19 @@ html[data-theme='light'][data-v-383d2177] {
   font-size: 20px;
   line-height: 24px;
   font-weight: 500;
-}.shy-basic-table-global-search[data-v-ac81b595] {
+}.shy-basic-table-global-search[data-v-329dc06f] {
   position: absolute;
   top: 80px;
   right: 131px;
   width: 200px;
   max-height: 800px;
   overflow: auto;
-  background-color: #fff;
+  background-color: var(--theme);
   z-index: 1000;
   border: 1px solid #ebebeb;
   padding: 10px;
 }
-.shy-basic-table-global-search-item-global[data-v-ac81b595] {
+.shy-basic-table-global-search-item-global[data-v-329dc06f] {
   height: 32px;
   line-height: 32px;
   font-size: 14px;
@@ -2768,7 +2768,7 @@ html[data-theme='light'][data-v-383d2177] {
   align-items: center;
   justify-content: space-between;
 }
-.shy-basic-table-global-search-item-special[data-v-ac81b595] {
+.shy-basic-table-global-search-item-special[data-v-329dc06f] {
   height: 32px;
   line-height: 32px;
   font-size: 14px;
@@ -2779,10 +2779,10 @@ html[data-theme='light'][data-v-383d2177] {
   align-items: center;
   justify-content: space-between;
 }
-.shy-basic-table-global-search-checkbox-wrapper[data-v-ac81b595] {
+.shy-basic-table-global-search-checkbox-wrapper[data-v-329dc06f] {
   padding: 0 8px;
 }
-.shy-basic-table-global-search .selected-bg[data-v-ac81b595] {
+.shy-basic-table-global-search .selected-bg[data-v-329dc06f] {
   background-color: #ebf1ff;
 }.shy-basic-table-header-cell__help {
   margin-left: 8px;
@@ -2800,20 +2800,20 @@ html[data-theme='light'][data-v-383d2177] {
   background-color: var(--primary-5);
 }
 .shy-ant-table-footer :is(.ant-pagination-item-active) a {
-  color: var(--gray-1);
+  color: var(--gray-0);
 }
 .shy-ant-table-footer :is(.ant-pagination-total-text) > span {
-  color: var(--gray-5);
+  color: var(--gray-4);
 }
 .shy-ant-table-footer :is(.ant-pagination-total-text) > span > span {
-  color: var(--gray-9);
+  color: var(--gray-8);
 }
 .shy-ant-table-footer-count {
   margin-inline: 4px;
-  color: var(--gray-9);
+  color: var(--gray-8);
 }
 .shy-ant-table-footer-count-box {
-  color: var(--gray-5);
+  color: var(--gray-4);
   white-space: nowrap;
 }
 .shy-ant-table-footer-settings {
@@ -2852,7 +2852,7 @@ html[data-theme='light'][data-v-383d2177] {
 .shy-ant-table .ant-table-container.ant-table-container {
   border-radius: 4px !important;
   border-inline-start: unset;
-  border: 1px solid var(--gray-3);
+  border: 1px solid var(--gray-2);
 }
 .shy-ant-table .shy-basic-form-input > .ant-col {
   padding-left: 0;
@@ -2889,7 +2889,7 @@ html[data-theme='light'][data-v-383d2177] {
   right: 106px;
   width: 600px;
   z-index: 100;
-  background-color: #fff;
+  background-color: var(--theme);
   border: 1px solid #ebebeb;
   padding: 10px 10px 42px 10px;
 }
@@ -2997,7 +2997,7 @@ html[data-theme='light'][data-v-383d2177] {
   display: block;
   height: 100%;
   width: 0.5px;
-  background-color: var(--gray-3);
+  background-color: var(--gray-2);
 }
 .shy-ant-table-action-footer-more-text {
   position: relative;
@@ -3011,16 +3011,43 @@ html[data-theme='light'][data-v-383d2177] {
   display: block;
   height: 100%;
   width: 0.5px;
-  background-color: var(--gray-3);
+  background-color: var(--gray-2);
 }.shy-ant-tree-wrapper {
   position: relative;
+  display: flex;
+  flex-direction: column;
   padding: 0 8px 8px;
   height: 100%;
-  border: 1px solid var(--gray-3);
+  border: 1px solid var(--gray-2);
   border-radius: 4px;
-  background-color: #fff;
+  background-color: var(--theme);
   box-shadow: var(--shadow-2);
   z-index: 100;
+  overflow: hidden;
+}
+.shy-ant-tree-wrapper :is(.ant-spin-nested-loading) {
+  flex: 1;
+  overflow: auto;
+}
+.shy-ant-tree-wrapper :is(.ant-spin-nested-loading)::-webkit-scrollbar {
+  position: absolute;
+  height: 10px;
+  width: 10px;
+}
+.shy-ant-tree-wrapper :is(.ant-spin-nested-loading)::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 10px 10px var(--gray-1);
+  border: solid 2px transparent;
+  background-color: transparent;
+  border-radius: 10px;
+}
+.shy-ant-tree-wrapper :is(.ant-spin-nested-loading)::-webkit-scrollbar-thumb:active, .shy-ant-tree-wrapper :is(.ant-spin-nested-loading)::-webkit-scrollbar-thumb:hover {
+  box-shadow: inset 0 0 10px 10px var(--gray-2);
+  background-color: transparent;
+}
+.shy-ant-tree-wrapper :is(.ant-spin-nested-loading)::-webkit-scrollbar-track {
+  border-radius: 10px;
+  border: solid 2px transparent;
+  background: transparent;
 }
 .shy-ant-tree .ant-tree-node-content-wrapper {
   position: relative;
@@ -3078,8 +3105,8 @@ html[data-theme='light'][data-v-383d2177] {
   border-radius: 4px;
 }
 .shy-basic-description-wrapper-bordered {
-  border-top: 1px solid var(--gray-3);
-  border-left: 1px solid var(--gray-3);
+  border-top: 1px solid var(--gray-2);
+  border-left: 1px solid var(--gray-2);
 }
 .shy-basic-description-wrapper-bordered .shy-basic-description-row {
   padding: 0;
@@ -3089,15 +3116,15 @@ html[data-theme='light'][data-v-383d2177] {
 }
 .shy-basic-description-wrapper-bordered .shy-basic-description-label {
   align-items: center;
-  border-right: 1px solid var(--gray-3);
-  border-bottom: 1px solid var(--gray-3);
-  background: var(--gray-1);
+  border-right: 1px solid var(--gray-2);
+  border-bottom: 1px solid var(--gray-2);
+  background: var(--gray-0);
 }
 .shy-basic-description-wrapper-bordered .shy-basic-description-value {
   align-items: center;
-  background-color: var(--light);
-  border-right: 1px solid var(--gray-3);
-  border-bottom: 1px solid var(--gray-3);
+  background-color: var(--theme);
+  border-right: 1px solid var(--gray-2);
+  border-bottom: 1px solid var(--gray-2);
 }
 .shy-basic-description-label {
   display: flex;
@@ -3106,7 +3133,7 @@ html[data-theme='light'][data-v-383d2177] {
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   font-size: 14px;
-  color: #1b1f24;
+  color: var(--text-color);
   line-height: 20px;
   font-style: normal;
   padding: 10px 12px;
@@ -3119,7 +3146,7 @@ html[data-theme='light'][data-v-383d2177] {
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   font-size: 14px;
-  color: #1b1f24;
+  color: var(--text-color);
   line-height: 20px;
   text-align: left;
   font-style: normal;
@@ -8798,7 +8825,7 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
 }
 .shy-container-footer-cancel-right {
   flex-direction: row-reverse;
-}.process-wrapper[data-v-641be8af] {
+}.process-wrapper[data-v-b909d754] {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -8809,81 +8836,81 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   height: 100%;
   overflow: hidden;
   border-radius: 4px;
-  border: 1px solid var(--gray-3);
-  background: var(--light);
+  border: 1px solid var(--gray-2);
+  background: var(--theme);
   box-shadow: var(--shadow-2);
   z-index: 100;
 }
-.process-wrapper .process-header[data-v-641be8af] {
+.process-wrapper .process-header[data-v-b909d754] {
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
-  color: #1b1f24;
+  color: var(--text-color);
   text-align: left;
   font-style: normal;
 }
-.process-wrapper .process-body[data-v-641be8af] {
+.process-wrapper .process-body[data-v-b909d754] {
   padding-top: 4px;
   padding-left: 10px;
   overflow-y: auto;
 }
-.process-wrapper .process-body[data-v-641be8af]::-webkit-scrollbar {
+.process-wrapper .process-body[data-v-b909d754]::-webkit-scrollbar {
   position: absolute;
   height: 10px;
   width: 10px;
 }
-.process-wrapper .process-body[data-v-641be8af]::-webkit-scrollbar-thumb {
-  box-shadow: inset 0 0 10px 10px var(--gray-2);
+.process-wrapper .process-body[data-v-b909d754]::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 10px 10px var(--gray-1);
   border: solid 2px transparent;
   background-color: transparent;
   border-radius: 10px;
 }
-.process-wrapper .process-body[data-v-641be8af]::-webkit-scrollbar-thumb:active, .process-wrapper .process-body[data-v-641be8af]::-webkit-scrollbar-thumb:hover {
-  box-shadow: inset 0 0 10px 10px var(--gray-3);
+.process-wrapper .process-body[data-v-b909d754]::-webkit-scrollbar-thumb:active, .process-wrapper .process-body[data-v-b909d754]::-webkit-scrollbar-thumb:hover {
+  box-shadow: inset 0 0 10px 10px var(--gray-2);
   background-color: transparent;
 }
-.process-wrapper .process-body[data-v-641be8af]::-webkit-scrollbar-track {
+.process-wrapper .process-body[data-v-b909d754]::-webkit-scrollbar-track {
   border-radius: 10px;
   border: solid 2px transparent;
   background: transparent;
 }
-.process-wrapper .process-body .process-item[data-v-641be8af] {
+.process-wrapper .process-body .process-item[data-v-b909d754] {
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   font-size: 12px;
-  color: #1b1f24;
+  color: var(--text-color);
   line-height: 16px;
   text-align: left;
   font-style: normal;
   padding: 2px 0;
 }
-.process-wrapper .process-body .process-item[data-v-641be8af]:nth-child(1) {
+.process-wrapper .process-body .process-item[data-v-b909d754]:nth-child(1) {
   padding: 3px 0;
   font-size: 14px;
 }
-.process-wrapper .process-body .process-item[data-v-641be8af]:nth-last-child(1) {
+.process-wrapper .process-body .process-item[data-v-b909d754]:nth-last-child(1) {
   font-family: unset;
   color: var(--gray-4);
 }
-.process-wrapper .process-body .process-dot[data-v-641be8af] {
+.process-wrapper .process-body .process-dot[data-v-b909d754] {
   width: 12px;
   height: 12px;
   border-radius: 12px;
-  border: 1px solid var(--gray-3);
+  border: 1px solid var(--gray-2);
 }
-.process-wrapper .process-body .process-dot[data-v-641be8af]::before {
+.process-wrapper .process-body .process-dot[data-v-b909d754]::before {
   content: '';
   width: 6px;
   height: 6px;
   border-radius: 6px;
-  background: var(--gray-3);
+  background: var(--gray-2);
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
-.process-wrapper .process-body .process-dot-first[data-v-641be8af] {
+.process-wrapper .process-body .process-dot-first[data-v-b909d754] {
   border: 1px solid var(--primary-5);
 }
-.process-wrapper .process-body .process-dot-first[data-v-641be8af]::before {
+.process-wrapper .process-body .process-dot-first[data-v-b909d754]::before {
   background: var(--primary-5);
 }