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

client/src/pages/ApprovalRulesPage.tsx

@@ -11,7 +11,6 @@ import {
 } from "../api/approvalRules";
 import { PageHeader } from "../components/common/PageHeader";
 import { Button } from "../components/ui/button";
-import { Card } from "../components/ui/card";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../components/ui/dialog";
 import { Input } from "../components/ui/input";
 import { Label } from "../components/ui/label";
@@ -156,7 +155,7 @@ export function ApprovalRulesPage() {
         </p>
       ) : null}
 
-      <Card className="space-y-4 p-6">
+      <div className="card-std space-y-4">
         <h3 className="text-base font-semibold text-zinc-900">新建审批规则</h3>
 
         <div className="grid gap-3 md:grid-cols-2 lg:grid-cols-3">
@@ -279,9 +278,9 @@ export function ApprovalRulesPage() {
             </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={6} rows={5} /> : null}
@@ -368,7 +367,7 @@ export function ApprovalRulesPage() {
             </Table>
           </div>
         ) : null}
-      </Card>
+      </div>
 
       <ConfirmDialog
         open={confirmToggleRule !== null}