fix: 系统页布局调整——备份恢复移到服务配置下方

internal/web/ui/templates/system.html

@@ -7,29 +7,6 @@
   </div>
 </div>
 
-<div class="detail-grid">
-  <div class="card">
-    <h2 class="title-with-icon">{{icon "audit"}}<span>数据备份</span></h2>
-    <div class="info-list compact-list">
-      <div><span>数据库文件</span><strong class="mono">{{if .DBPath}}{{.DBPath}}{{else}}未配置{{end}}</strong></div>
-    </div>
-    <div class="actions" style="margin-top:12px">
-      <button type="button" class="btn ghost js-export-db" data-export-url="/system/db-backup" data-default-filename="app.db">备份数据库</button>
-    </div>
-  </div>
-  <div class="card">
-    <h2 class="title-with-icon">{{icon "apply"}}<span>数据恢复</span></h2>
-    <form method="post" action="/system/db-restore" enctype="multipart/form-data">
-      <div class="field-grid">
-        <label class="full"><span>选择备份文件</span><input type="file" name="file" accept=".db,application/octet-stream" required /></label>
-      </div>
-      <div class="actions" style="margin-top:12px">
-        <button type="submit" class="secondary">恢复数据库</button>
-      </div>
-    </form>
-  </div>
-</div>
-
 <div class="detail-grid">
   <div class="card">
     <h2 class="title-with-icon">{{icon "heartbeat"}}<span>服务状态</span></h2>
@@ -56,6 +33,29 @@
   </div>
 </div>
 
+<div class="detail-grid">
+  <div class="card">
+    <h2 class="title-with-icon">{{icon "audit"}}<span>数据备份</span></h2>
+    <div class="info-list compact-list">
+      <div><span>数据库文件</span><strong class="mono">{{if .DBPath}}{{.DBPath}}{{else}}未配置{{end}}</strong></div>
+    </div>
+    <div class="actions" style="margin-top:12px">
+      <button type="button" class="btn ghost js-export-db" data-export-url="/system/db-backup" data-default-filename="app.db">备份数据库</button>
+    </div>
+  </div>
+  <div class="card">
+    <h2 class="title-with-icon">{{icon "apply"}}<span>数据恢复</span></h2>
+    <form method="post" action="/system/db-restore" enctype="multipart/form-data">
+      <div class="field-grid">
+        <label class="full"><span>选择备份文件</span><input type="file" name="file" accept=".db,application/octet-stream" required /></label>
+      </div>
+      <div class="actions" style="margin-top:12px">
+        <button type="submit" class="secondary">恢复数据库</button>
+      </div>
+    </form>
+  </div>
+</div>
+
 <script>
 (function() {
   var svcEl = document.getElementById("svc-status");