fix: ui issues

src/global.less

@@ -40,6 +40,8 @@ html {
   --color-chart-green: rgb(84, 204, 152, 80%);
   --color-chart-glod: rgba(250, 173, 20, 80%);
   --seal-transition-func: cubic-bezier(0, 0, 1, 1);
+  --color-progress-green: rgba(84, 204, 152, 100%);
+  --color-border-1: rgba(217, 217, 217, 100%);
   // ======== input ============
   --ant-input-active-shadow: 0 0 0 2px rgba(5, 255, 105, 6%);
   --ant-input-active-border-color: #007bff;
@@ -77,7 +79,7 @@ html {
     --ant-color-text: #000;
     --ant-color-error: #ff4d4f;
     --ant-color-bg-mask: rgba(0, 0, 0, 35%);
-    --ant-color-border: rgb(217 217 217 / 50%);
+    --ant-color-border: rgb(217 217 217 / 100%);
 
     &.ant-popover {
       --ant-popover-inner-padding: 26px;
@@ -131,6 +133,10 @@ body * {
 }
 
 body {
+  // .ant-slider:hover .ant-slider-handle::after {
+  //   box-shadow: 0 0 0 var(--ant-slider-handle-line-width)
+  //     var(--ant-slider-handle-color);
+  // }
   .ant-modal-confirm-title {
     display: none;
   }
@@ -406,3 +412,33 @@ body {
   );
   background-size: 400% 100%;
 }
+
+.tooltip-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  font-size: 11px;
+  background-color: rgba(255, 255, 255, 80%);
+  min-width: 100px;
+
+  .tooltip-x-name {
+    font-size: var(--font-size-base);
+    color: var(--ant-color-text-tertiary);
+  }
+
+  .tooltip-item {
+    color: var(--ant-color-text-secondary);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .tooltip-item-title {
+      margin-right: 2px;
+    }
+
+    .tooltip-value {
+      margin-left: 10px;
+      color: var(--ant-color-text);
+    }
+  }
+}