chore: v0.1.6 UI优化 - 两列网格布局、暗色适配、系统配置浮窗保存、退出登录统一到侧边栏

packages/frontend/src/pages/admin/SaveRecords.vue

@@ -74,14 +74,16 @@
     </div>
 
     <!-- ── Table ── -->
-    <div class="el-table-wrap">
-    <el-table
-      :data="records" stripe style="width: 100%"
-      v-loading="loading"
-      empty-text="暂无转存记录"
-      @expand-change="onExpandChange"
-      :row-class-name="rowClassName"
-    >
+    <el-card shadow="never" class="save-table-card">
+      <template #header><span>📋 转存日志列表</span></template>
+      <div class="el-table-wrap">
+      <el-table
+        :data="records" stripe style="width: 100%"
+        v-loading="loading"
+        empty-text="暂无转存记录"
+        @expand-change="onExpandChange"
+        :row-class-name="rowClassName"
+      >
       <el-table-column type="expand" width="36">
         <template #default="{ row }">
           <div class="expand-detail">
@@ -250,6 +252,7 @@
       </el-table-column>
     </el-table>
     </div>
+    </el-card>
 
     <!-- ── Pagination ── -->
     <div class="pagination-wrap" v-if="total > 0">
@@ -599,6 +602,20 @@ onMounted(() => {
 }
 
 /* ── Table ── */
+.save-table-card {
+  border-radius: var(--radius-lg);
+  border: 1px solid var(--border) !important;
+}
+.save-table-card :deep(.el-card__header) {
+  font-size: 15px;
+  font-weight: 600;
+  background: var(--bg-card-header);
+  border-bottom: 1px solid var(--border);
+  padding: 12px 18px;
+}
+.save-table-card :deep(.el-card__body) {
+  padding: 0;
+}
 .save-records :deep(.el-table) {
   border: 1px solid var(--el-border-color-light, #ebeef5);
   border-radius: 8px;