diff --git a/internal/web/ui/templates/system.html b/internal/web/ui/templates/system.html
index 1131031..ab089bf 100644
--- a/internal/web/ui/templates/system.html
+++ b/internal/web/ui/templates/system.html
@@ -3,8 +3,8 @@
 <div class="card">
   <h2 class="title-with-icon">{{icon "heartbeat"}}<span>服务状态</span></h2>
   <div style="display:flex;gap:32px;margin-top:12px">
-    <div><span class="muted small">管理后台</span> <strong id="svc-status">检测中…</strong></div>
-    <div><span class="muted small">接口状态</span> <strong id="api-status">检测中…</strong></div>
+    <div><span class="muted small">管理后台</span> <strong class="pill" id="svc-status">检测中…</strong></div>
+    <div><span class="muted small">接口状态</span> <strong class="pill" id="api-status">检测中…</strong></div>
   </div>
   <div class="actions" style="margin-top:12px">
     <button class="btn ghost" type="button" id="btn-refresh">刷新</button>
@@ -41,39 +41,39 @@
 
   function check() {
     svcEl.textContent = "检测中…";
-    svcEl.className = "";
+    svcEl.className = "pill";
     apiEl.textContent = "检测中…";
-    apiEl.className = "";
+    apiEl.className = "pill";
 
     fetch("/health")
       .then(function(r) { return r.text(); })
       .then(function(t) {
         if (t.indexOf("ok") !== -1) {
           svcEl.textContent = "运行正常";
-          svcEl.className = "ok";
+          svcEl.className = "pill ok";
         } else {
           svcEl.textContent = "异常";
-          svcEl.className = "bad";
+          svcEl.className = "pill bad";
         }
       })
       .catch(function() {
         svcEl.textContent = "无法连接";
-        svcEl.className = "bad";
+        svcEl.className = "pill bad";
       });
 
     fetch("/openapi.json")
       .then(function(r) {
         if (r.ok) {
           apiEl.textContent = "正常";
-          apiEl.className = "ok";
+          apiEl.className = "pill ok";
         } else {
           apiEl.textContent = "异常 (" + r.status + ")";
-          apiEl.className = "bad";
+          apiEl.className = "pill bad";
         }
       })
       .catch(function() {
         apiEl.textContent = "无法连接";
-        apiEl.className = "bad";
+        apiEl.className = "pill bad";
       });
   }