From dc73f6f6afb4d8fde01b738cd8cfa9d4fc8a7190 Mon Sep 17 00:00:00 2001
From: kever <kever1377@gmail.com>
Date: Mon, 16 Feb 2026 14:54:14 +0800
Subject: [PATCH] feat(i18n): integrate i18next for internationalization
 support and add initial translation setup

---
 frontend/src/pages/OptimizerPage.tsx | 13 ++++++-------
 frontend/src/pages/optimizer.css     | 25 +++++++++++++++++--------
 2 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/frontend/src/pages/OptimizerPage.tsx b/frontend/src/pages/OptimizerPage.tsx
index e165da7..054215e 100644
--- a/frontend/src/pages/OptimizerPage.tsx
+++ b/frontend/src/pages/OptimizerPage.tsx
@@ -900,9 +900,8 @@ const getMainStatLabel = (target: 'necklace' | 'ring' | 'boots', value: MainStat
                                     </div>
                                 </div>
                             <div className="optimizer-weight-panel" style={leftPanelsHeight ? {height: leftPanelsHeight} : undefined}>
-                                <div className="optimizer-weight-row">
+                                <div className="optimizer-weight-row optimizer-weight-row-no-label">
                                     <span className="optimizer-weight-icon">攻</span>
-                                    <span className="optimizer-weight-label">攻击</span>
                                     <Slider
                                         min={0}
                                         max={5}
@@ -1006,17 +1005,17 @@ const getMainStatLabel = (target: 'necklace' | 'ring' | 'boots', value: MainStat
                                 </div>
                                 </div>
                             </div>
-                            <div style={{display: 'flex', gap: 8}}>
-                                <Button icon={<ReloadOutlined/>} onClick={loadLatestData} loading={loading}>
+                            <div style={{display: 'flex', gap: 8, alignItems: 'center', justifyContent: 'flex-end', width: '100%'}}>
+                                <Button icon={<ReloadOutlined/>} onClick={loadLatestData} loading={loading} style={{height: 32}}>
                                     重新加载数据
                                 </Button>
-                                <Button icon={<ReloadOutlined/>} onClick={resetSetsAndAttrs}>
+                                <Button icon={<ReloadOutlined/>} onClick={resetSetsAndAttrs} style={{height: 32}}>
                                     {'\u91cd\u7f6e\u5957\u88c5'}
                                 </Button>
-                                <Button icon={<FilterOutlined/>} onClick={resetPreferences}>
+                                <Button icon={<FilterOutlined/>} onClick={resetPreferences} style={{height: 32}}>
                                     {'\u91cd\u7f6e\u504f\u597d'}
                                 </Button>
-                                <Button type="primary" icon={<AppstoreOutlined/>} onClick={buildResults}>
+                                <Button type="primary" icon={<AppstoreOutlined/>} onClick={buildResults} style={{height: 32}}>
                                     {'\u5f00\u59cb\u914d\u88c5'}
                                 </Button>
                             </div>
diff --git a/frontend/src/pages/optimizer.css b/frontend/src/pages/optimizer.css
index ffcd4bd..425d891 100644
--- a/frontend/src/pages/optimizer.css
+++ b/frontend/src/pages/optimizer.css
@@ -242,6 +242,14 @@
     padding: 6px;
 }
 
+.optimizer-weight-row-no-label {
+    grid-template-columns: 20px 1fr;
+}
+
+.optimizer-weight-row-no-label .optimizer-weight-label {
+    display: none;
+}
+
 .optimizer-weight-row:last-child {
     margin-bottom: 0;
 }
@@ -269,13 +277,7 @@
 }
 
 .optimizer-weight-slider .ant-slider-rail {
-    background: repeating-linear-gradient(
-        to right,
-        rgba(255, 255, 255, 0.25),
-        rgba(255, 255, 255, 0.25) 2px,
-        rgba(255, 255, 255, 0) 14px,
-        rgba(255, 255, 255, 0) 18px
-    );
+    background: rgba(255, 255, 255, 0.15);
     height: 4px;
 }
 
@@ -287,8 +289,15 @@
 .optimizer-weight-slider .ant-slider-handle {
     width: 12px;
     height: 12px;
-    margin-top: -4px;
+    margin-top: -1px;
     border-color: #7bb4ff;
+    box-shadow: none;
+    border-radius: 50%;
+    background-color: #ffffff;
+}
+
+.optimizer-weight-slider .ant-slider-handle::after {
+    display: none;
 }
 .optimizer-weight-row .ant-slider-rail {
     background-color: rgba(255, 255, 255, 0.15);