# 2026-06-02 — 服务器页统计卡片与仪表盘对齐

## 摘要

- 抽取共享组件 `StatCardsRow.vue`（圆角卡片 + 大数字 + 彩色图标头像 + hover 动效）。
- `ServersPage.vue` 顶部由 `v-list` 改为与 `DashboardPage.vue` 相同的统计卡片布局。
- 容器内边距统一为 `pa-4 pa-md-6`。

## 动机

用户要求服务器页顶部统计区与仪表盘视觉一致。

## 涉及文件

- `frontend/src/components/StatCardsRow.vue`（新建）
- `frontend/src/pages/DashboardPage.vue`
- `frontend/src/pages/ServersPage.vue`

## 迁移 / 重启

- 仅前端：重新 `vite build` 并部署 `web/app/`。

## 验证

本地构建后打开 `/app/#/servers` 与 `/app/#/`，对比顶部四张统计卡样式一致。