style(admin): refine compact device list (#5)

internal/api/admin/app.css

@@ -187,15 +187,9 @@ code {
   padding: 12px 0 10px;
 }
 
-.topbar > div:first-child {
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  min-width: 0;
-}
-
-.topbar .eyebrow {
-  display: none;
+.topbar h1 {
+  margin-bottom: 0;
+  font-size: 1.4rem;
 }
 
 .eyebrow {
@@ -207,17 +201,11 @@ code {
   text-transform: uppercase;
 }
 
-.subtitle,
-.panel-heading p,
 .helper {
   margin-bottom: 0;
   color: var(--secondary);
 }
 
-.subtitle {
-  font-size: 0.875rem;
-}
-
 .topbar-actions,
 .modal-actions,
 .row-actions,
@@ -325,8 +313,8 @@ code {
 .stats {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
-  gap: 8px;
-  margin: 6px 0 10px;
+  gap: 6px;
+  margin: 4px 0 6px;
 }
 
 .stat-card,
@@ -340,22 +328,24 @@ code {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 12px;
-  min-height: 58px;
-  padding: 8px 14px;
+  gap: 8px;
+  min-height: 24px;
+  padding: 0 10px;
 }
 
 .stat-card span {
   display: block;
   margin-bottom: 0;
   color: var(--secondary);
-  font-size: 0.82rem;
+  font-size: 0.78rem;
   font-weight: 650;
+  line-height: 1.25;
 }
 
 .stat-card strong {
-  font-size: 1.35rem;
+  font-size: 1rem;
   font-variant-numeric: tabular-nums;
+  line-height: 1.25;
 }
 
 .paths-panel {
@@ -364,20 +354,15 @@ code {
 
 .panel-heading {
   display: flex;
-  align-items: end;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 10px 14px;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0 14px;
   border-bottom: 1px solid var(--border);
 }
 
-.panel-heading p {
-  font-size: 0.82rem;
-}
-
 .filters {
   display: flex;
-  align-items: end;
+  align-items: center;
   gap: 10px;
 }
 
@@ -496,7 +481,7 @@ td {
 th {
   color: var(--secondary);
   background: var(--surface-muted);
-  font-size: 0.78rem;
+  font-size: calc(0.78rem + 2px);
   font-weight: 700;
 }
 
@@ -776,8 +761,7 @@ tbody tr:last-child td {
 }
 
 @media (max-width: 900px) {
-  .topbar,
-  .panel-heading {
+  .topbar {
     align-items: stretch;
     flex-direction: column;
     gap: 12px;
@@ -825,10 +809,6 @@ tbody tr:last-child td {
     padding-top: 12px;
   }
 
-  .topbar > div:first-child {
-    display: block;
-  }
-
   .topbar-actions .status-pill {
     width: 100%;
     justify-content: center;
@@ -846,12 +826,12 @@ tbody tr:last-child td {
   }
 
   .stat-card {
-    min-height: 58px;
-    padding: 8px 12px;
+    min-height: 24px;
+    padding: 0 10px;
   }
 
   .panel-heading {
-    padding: 12px;
+    padding: 8px 12px;
   }
 
   .filters {

internal/api/admin/index.html

@@ -47,11 +47,7 @@
   <div id="app-view" hidden>
 
   <header class="topbar">
-    <div>
-      <p class="eyebrow">MediaMTX</p>
-      <h1>Stream Console</h1>
-      <p class="subtitle">局域网 RTSP 路径管理与快速预览</p>
-    </div>
+    <h1>MediaMTX 设备列表</h1>
     <div class="topbar-actions" aria-label="服务操作">
       <span id="api-status" class="status-pill status-loading" role="status">正在连接 API</span>
       <button id="refresh-button" class="button button-secondary" type="button">刷新</button>
@@ -80,12 +76,8 @@
       </article>
     </section>
 
-    <section class="paths-panel" aria-labelledby="paths-heading">
+    <section class="paths-panel" aria-label="RTSP 设备列表">
       <div class="panel-heading">
-        <div>
-          <h2 id="paths-heading">RTSP 路径</h2>
-          <p>仅显示静态 RTSP / RTSPS 源。地址中的密码始终遮盖。</p>
-        </div>
         <div class="filters">
           <label class="search-field" for="search-input">
             <span>搜索</span>