diff --git a/ui-design/designs/settings-page.drawio b/ui-design/designs/settings-page.drawio
new file mode 100644
index 0000000..20c10d2
--- /dev/null
+++ b/ui-design/designs/settings-page.drawio
@@ -0,0 +1,55 @@
+<mxfile host="app.diagrams.net" modified="2026-03-10T08:00:00Z" agent="OpenClaw">
+  <diagram name="设置页面">
+    <mxGraphModel dx="800" dy="600" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="800" pageHeight="600">
+      <root>
+        <mxCell id="0"/>
+        <mxCell id="1" parent="0"/>
+        
+        <!-- 页面标题 -->
+        <mxCell id="title" value="设置" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;fontSize=20;fontStyle=1" vertex="1" parent="1">
+          <mxGeometry x="300" y="20" width="200" height="40" as="geometry"/>
+        </mxCell>
+        
+        <!-- 账号设置 -->
+        <mxCell id="account" value="账号设置" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontStyle=1" vertex="1" parent="1">
+          <mxGeometry x="40" y="80" width="200" height="40" as="geometry"/>
+        </mxCell>
+        
+        <!-- 主题设置 -->
+        <mxCell id="theme" value="主题设置" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontStyle=1" vertex="1" parent="1">
+          <mxGeometry x="40" y="140" width="200" height="40" as="geometry"/>
+        </mxCell>
+        
+        <!-- 同步设置 -->
+        <mxCell id="sync" value="同步设置" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;fontStyle=1" vertex="1" parent="1">
+          <mxGeometry x="40" y="200" width="200" height="40" as="geometry"/>
+        </mxCell>
+        
+        <!-- 存储设置 -->
+        <mxCell id="storage" value="存储设置" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontStyle=1" vertex="1" parent="1">
+          <mxGeometry x="40" y="260" width="200" height="40" as="geometry"/>
+        </mxCell>
+        
+        <!-- 账号详情 -->
+        <mxCell id="accountDetail" value="用户名: clouddisk&#xa;邮箱: user@example.com&#xa;存储空间: 2.1GB / 10GB&#xa;──────&#xa;[修改密码] [退出登录]" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=#d9d9d9" vertex="1" parent="1">
+          <mxGeometry x="280" y="80" width="480" height="140" as="geometry"/>
+        </mxCell>
+        
+        <!-- 主题详情 -->
+        <mxCell id="themeDetail" value="主题模式:&#xa;[ ] 深色模式&#xa;[x] 浅色模式&#xa;[ ] 跟随系统&#xa;&#xa;语言: [简体中文]" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=#d9d9d9" vertex="1" parent="1">
+          <mxGeometry x="280" y="140" width="480" height="100" as="geometry"/>
+        </mxCell>
+        
+        <!-- 同步详情 -->
+        <mxCell id="syncDetail" value="自动同步: [开启]&#xa;同步频率: [每5分钟]&#xa;仅WiFi同步: [开启]&#xa;&#xa;[立即同步]" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=#d9d9d9" vertex="1" parent="1">
+          <mxGeometry x="280" y="200" width="480" height="100" as="geometry"/>
+        </mxCell>
+        
+        <!-- 存储详情 -->
+        <mxCell id="storageDetail" value="本地存储路径: D:\CloudDisk&#xa;缓存大小: 500MB&#xa;&#xa;[清理缓存] [更改目录]" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=#d9d9d9" vertex="1" parent="1">
+          <mxGeometry x="280" y="260" width="480" height="100" as="geometry"/>
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>