refactor(admin): 收敛后台接口封装与页面状态逻辑

- 简化绑定和日志接口的查询、序列化与前端数据请求路径
- 统一登录流程与前端 API 调用层，补充后台图标依赖
- 抽取通用异步状态处理，减少多个管理页面的重复逻辑

frontend/src/styles.css

@@ -195,6 +195,10 @@ body::before {
   gap: 24px;
 }
 
+.content-grid--balanced {
+  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
+}
+
 .chart-card,
 .table-card,
 .form-card {
@@ -235,6 +239,49 @@ body::before {
   gap: 16px;
 }
 
+.support-card {
+  padding: 20px;
+  border-radius: 24px;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(243, 251, 248, 0.72));
+  border: 1px solid rgba(255, 255, 255, 0.32);
+}
+
+.support-card h4 {
+  margin: 10px 0 8px;
+  font-size: 1.08rem;
+}
+
+.support-card p {
+  margin: 0;
+  color: var(--sentinel-ink-soft);
+}
+
+.support-list {
+  display: grid;
+  gap: 10px;
+}
+
+.support-list-item {
+  display: grid;
+  gap: 4px;
+  padding: 12px 0;
+  border-top: 1px solid rgba(9, 22, 30, 0.08);
+}
+
+.support-list-item:first-child {
+  padding-top: 0;
+  border-top: 0;
+}
+
+.support-kpi {
+  display: grid;
+  gap: 8px;
+}
+
+.support-kpi strong {
+  font-size: 1.55rem;
+}
+
 .insight-card {
   padding: 18px 20px;
   border-radius: 22px;
@@ -282,6 +329,7 @@ body::before {
   padding: 42px;
   display: flex;
   flex-direction: column;
+  gap: 28px;
   justify-content: space-between;
   color: #f7fffe;
   background:
@@ -328,6 +376,10 @@ body::before {
   font-size: 0.82rem;
 }
 
+.status-chip .el-icon {
+  flex: 0 0 auto;
+}
+
 .stack {
   display: grid;
   gap: 24px;