From 7da1f57c13e946a7e525e8d27d299cf0a39c6592 Mon Sep 17 00:00:00 2001
From: admin <1297598740@qq.com>
Date: Mon, 2 Feb 2026 16:18:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=8F=8A=E5=85=B6=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E9=87=87=E7=94=A8=E9=AB=98=E7=BA=A7=E7=8E=BB=E7=92=83=E6=8B=9F?=
 =?UTF-8?q?=E6=80=81=E8=AE=BE=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Settings/Settings.css | 76 ++++++++++++++++++++++++++++++---
 src/pages/Settings/Settings.tsx | 34 +++++++++++++++
 2 files changed, 105 insertions(+), 5 deletions(-)

diff --git a/src/pages/Settings/Settings.css b/src/pages/Settings/Settings.css
index ca6b5d8..f1635e1 100644
--- a/src/pages/Settings/Settings.css
+++ b/src/pages/Settings/Settings.css
@@ -723,9 +723,75 @@
   transition: all 0.2s ease;
 }
 
-.settings-text-input:focus {
-  outline: none;
-  border-color: var(--color-primary);
-  box-shadow: 0 0 0 3px var(--color-primary-lighter);
-  background: rgba(255, 255, 255, 0.9);
+
+/* Version History */
+.version-history {
+  margin-top: var(--spacing-md);
+}
+
+.version-item {
+  position: relative;
+  padding-left: var(--spacing-xl);
+  padding-bottom: var(--spacing-xl);
+  border-left: 2px solid var(--glass-border);
+}
+
+.version-item:last-child {
+  border-left-color: transparent;
+}
+
+.version-item::before {
+  content: '';
+  position: absolute;
+  left: -6px;
+  top: 0;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: var(--color-primary);
+  border: 2px solid white;
+  box-shadow: 0 0 0 2px var(--color-primary-lighter);
+}
+
+.version-header {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  margin-bottom: var(--spacing-sm);
+}
+
+.version-number {
+  font-weight: 700;
+  color: var(--color-text);
+  font-size: var(--font-base);
+}
+
+.version-date {
+  font-size: var(--font-xs);
+  color: var(--color-text-secondary);
+  background: var(--color-bg-tertiary);
+  padding: 2px 8px;
+  border-radius: var(--radius-full);
+}
+
+.version-changes {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.version-changes li {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-xs);
+  font-size: 0.9rem;
+  color: var(--color-text-secondary);
+  margin-bottom: 4px;
+  line-height: 1.5;
+}
+
+.version-changes li::before {
+  content: '•';
+  color: var(--color-primary);
+  font-weight: bold;
 }
\ No newline at end of file
diff --git a/src/pages/Settings/Settings.tsx b/src/pages/Settings/Settings.tsx
index c9a8bfa..bb5d20f 100644
--- a/src/pages/Settings/Settings.tsx
+++ b/src/pages/Settings/Settings.tsx
@@ -24,6 +24,21 @@ interface GeneralSettings {
   firstDayOfWeek: number;
 }
 
+const CHANGELOG = [
+  {
+    version: '1.0.0',
+    date: '2026-02-02',
+    changes: [
+      '应用正式发布',
+      '支持多账户、多账本管理',
+      '集成 AI 智能记账助手',
+      '全新玻璃拟态 UI 设计',
+      '支持暗色模式与自定义主题色',
+      '提供详细的财务健康评分与建议'
+    ]
+  }
+];
+
 /**
  * Settings Page Component
  * Application settings and preferences
@@ -548,6 +563,25 @@ function Settings() {
                   </div>
                 </div>
 
+                <div className="about-info">
+                  <h4>版本记录</h4>
+                  <div className="version-history">
+                    {CHANGELOG.map((log, index) => (
+                      <div key={index} className="version-item">
+                        <div className="version-header">
+                          <span className="version-number">v{log.version}</span>
+                          <span className="version-date">{log.date}</span>
+                        </div>
+                        <ul className="version-changes">
+                          {log.changes.map((change, i) => (
+                            <li key={i}>{change}</li>
+                          ))}
+                        </ul>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+
                 <div className="about-info">
                   <h4>系统信息</h4>
                   <dl className="system-info">