From 1cc25f17d3f5273b87ab5c2840e574d4b32c9cd9 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Tue, 6 Jan 2026 18:44:00 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E5=A4=8D=E8=BE=93=E5=85=A5?=
 =?UTF-8?q?=E6=A1=86=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=A7=BB=E9=99=A4=E4=B8=8D?=
 =?UTF-8?q?=E4=B8=80=E8=87=B4=E7=9A=84dark-input=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/Settings.vue | 52 +++++++++++++++++++--------------
 1 file changed, 30 insertions(+), 22 deletions(-)

diff --git a/frontend/src/views/Settings.vue b/frontend/src/views/Settings.vue
index cf2801b..e913af1 100644
--- a/frontend/src/views/Settings.vue
+++ b/frontend/src/views/Settings.vue
@@ -1081,7 +1081,7 @@
                           :step="0.1"
                           :precision="2"
                           size="large"
-                          class="dark-input"
+                          style="width: 120px"
                         />
                         <span class="input-suffix">分/小时</span>
                       </div>
@@ -5123,34 +5123,42 @@ watch(activeTab, (value) => {
     white-space: nowrap;
   }
   
-  .dark-input {
-    width: 100px;
-    background-color: #1f1f1f !important;
-    border-color: #434343 !important;
-    color: #fff !important;
+  :deep(.ant-input-number) {
+    background-color: #1f1f1f;
+    border-color: #434343;
+    color: #fff;
+    border-radius: 4px;
     
-    :deep(.ant-input-number-input) {
-      color: #fff !important;
-      background-color: #1f1f1f !important;
+    .ant-input-number-input {
+      color: #fff;
+      background-color: transparent;
     }
     
-    :deep(.ant-input-number-handler-wrap) {
-      background-color: #2a2a2a !important;
-      border-left-color: #434343 !important;
-      
-      span {
-        border-bottom-color: #434343 !important;
-        color: #fff !important;
-        
-        &:hover {
-          color: $brand-primary !important;
-        }
+    .ant-input-number-handler-wrap {
+      background: #2a2a2a;
+      border-left: 1px solid #434343;
+    }
+    
+    .ant-input-number-handler {
+      border-bottom: 1px solid #434343;
+      &:active {
+        background: #444;
       }
     }
     
-    &:hover, &:focus, &-focused {
-      border-color: $brand-primary !important;
+    .ant-input-number-handler-up-inner,
+    .ant-input-number-handler-down-inner {
+      color: rgba(255, 255, 255, 0.45);
     }
+    
+    &:hover {
+      border-color: $brand-primary;
+    }
+  }
+  
+  :deep(.ant-input-number-focused) {
+    border-color: $brand-primary;
+    box-shadow: 0 0 0 2px rgba(49, 240, 139, 0.2);
   }
 }