refactor(ui): 深度翻新仪表盘与边缘配置页的骨架与组件

client/src/pages/DepartmentsPage.tsx

@@ -11,7 +11,6 @@ import {
 } from "../api/departments";
 import { PageHeader } from "../components/common/PageHeader";
 import { Button } from "../components/ui/button";
-import { Card } from "../components/ui/card";
 import { Input } from "../components/ui/input";
 import { Label } from "../components/ui/label";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../components/ui/table";
@@ -102,7 +101,7 @@ export function DepartmentsPage() {
         </p>
       ) : null}
 
-      <Card className="space-y-4 p-6">
+      <div className="card-std space-y-4">
         <div className="flex items-center justify-between gap-3">
           <h3 className="text-base font-semibold text-zinc-900">新建部门</h3>
           <Button
@@ -162,9 +161,9 @@ export function DepartmentsPage() {
             </Button>
           </div>
         </div>
-      </Card>
+      </div>
 
-      <Card className="space-y-4 p-6">
+      <div className="card-std space-y-4">
         <h3 className="text-base font-semibold text-zinc-900">部门列表</h3>
 
         {listQuery.isLoading ? <TableSkeleton columns={4} rows={4} /> : null}
@@ -236,7 +235,7 @@ export function DepartmentsPage() {
             </Table>
           </div>
         ) : null}
-      </Card>
+      </div>
 
       <ConfirmDialog
         open={Boolean(confirmArchive)}