feat(admin): 首页卡片改为左侧列表 + 右侧分组表格

- 左侧卡片列表切换，右侧当前卡片的分组表格（分组/条数/展示）
- 新建卡片即新建一张表，创建后自动选中
- 表格内开关与条数即时保存，标题失焦保存
- 去掉纵向堆叠与卡片级保存按钮
- Playwright 验证：切换、创建、开关落库

stash-web/src/App.css

@@ -1281,19 +1281,100 @@ a.entry-href:hover {
   min-width: 0;
 }
 
-/* 首页卡片：标题行 + 分组勾选行（开关在右） */
-.card-title-row {
+/* 首页卡片：左侧卡片列表 + 右侧分组表格 */
+.cards-manager {
+  display: grid;
+  grid-template-columns: 220px minmax(0, 1fr);
+  gap: var(--su-space-4);
+  align-items: start;
+}
+
+.cards-side {
+  padding: var(--su-space-3);
+  border: 1px solid var(--su-card-border);
+  border-radius: var(--su-radius-md);
+  background-color: var(--su-bg-subtle);
+}
+
+.cards-side-new {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: var(--su-space-2);
+  margin: var(--su-space-2) 0 var(--su-space-3);
+}
+
+.cards-side-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.cards-side-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--su-space-2);
+  padding: var(--su-space-2) var(--su-space-3);
+  border: none;
+  border-radius: var(--su-radius-sm);
+  background: transparent;
+  color: var(--su-text-main);
+  font-size: var(--su-font-size-md);
+  text-align: left;
+  cursor: pointer;
+}
+
+.cards-side-item:hover {
+  background-color: var(--su-bg-card);
+}
+
+.cards-side-item.is-active {
+  background-color: var(--su-bg-card);
+  color: var(--su-color-primary);
+  font-weight: 600;
+}
+
+.cards-side-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cards-side-count {
+  color: var(--su-text-muted);
+  font-size: var(--su-font-size-sm);
+  font-weight: 400;
+}
+
+.cards-main {
+  min-width: 0;
+}
+
+.cards-table-head {
   display: flex;
   align-items: center;
   gap: var(--su-space-2);
+  margin-bottom: var(--su-space-2);
 }
 
-.card-group-row {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 100px auto;
-  align-items: center;
-  gap: var(--su-space-2);
-  padding: 2px 0;
+.cards-table-wrap {
+  margin-top: var(--su-space-2);
+}
+
+.cards-col-limit {
+  width: 140px;
+}
+
+.cards-table th,
+.cards-table td {
+  padding: var(--su-space-2) var(--su-space-4);
+}
+
+@media (max-width: 860px) {
+  .cards-manager {
+    grid-template-columns: 1fr;
+  }
 }
 
 .admin-category-row > * {