From 8cecdd32d41ef6734cfb5d16ae8b6dc394e3472d Mon Sep 17 00:00:00 2001
From: tian <11429339@qq.com>
Date: Wed, 6 May 2026 16:31:41 +0800
Subject: [PATCH] style: move service status below backup/restore, half-width

---
 internal/web/ui/templates/system.html | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/internal/web/ui/templates/system.html b/internal/web/ui/templates/system.html
index e337ecb..c13288d 100644
--- a/internal/web/ui/templates/system.html
+++ b/internal/web/ui/templates/system.html
@@ -1,16 +1,5 @@
 {{define "system"}}
 
-<div class="card">
-  <h2 class="title-with-icon">{{icon "heartbeat"}}<span>服务状态</span></h2>
-  <div class="info-list compact-list" style="margin-top:12px">
-    <div><span>管理后台</span><span class="pill" id="svc-status">检测中…</span></div>
-    <div><span>接口状态</span><span class="pill" id="api-status">检测中…</span></div>
-  </div>
-  <div class="actions" style="margin-top:12px">
-    <button class="btn ghost" type="button" id="btn-refresh">刷新</button>
-  </div>
-</div>
-
 <div class="detail-grid">
   <div class="card">
     <h2 class="title-with-icon">{{icon "audit"}}<span>数据备份</span></h2>
@@ -34,6 +23,19 @@
   </div>
 </div>
 
+<div class="detail-grid">
+  <div class="card">
+    <h2 class="title-with-icon">{{icon "heartbeat"}}<span>服务状态</span></h2>
+    <div style="display:flex;gap:24px;margin-top:8px">
+      <div><span class="muted small">管理后台</span> <span class="pill" id="svc-status">检测中…</span></div>
+      <div><span class="muted small">接口状态</span> <span class="pill" id="api-status">检测中…</span></div>
+    </div>
+    <div class="actions" style="margin-top:12px">
+      <button class="btn ghost" type="button" id="btn-refresh">刷新</button>
+    </div>
+  </div>
+</div>
+
 <script>
 (function() {
   var svcEl = document.getElementById("svc-status");