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

client/src/pages/NotificationsPage.tsx

@@ -7,7 +7,6 @@ import { PageHeader } from "../components/common/PageHeader";
 import { TableSkeleton } from "../components/common/TableSkeleton";
 import { Pagination } from "../components/common/Pagination";
 import { Button } from "../components/ui/button";
-import { Card } from "../components/ui/card";
 import {
   Table,
   TableBody,
@@ -80,7 +79,7 @@ export function NotificationsPage() {
         }
       />
 
-      <Card className="space-y-4 p-6">
+      <div className="card-std space-y-4">
         <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
           <Tabs
             data-testid="notifications-filter-tabs"
@@ -193,7 +192,7 @@ export function NotificationsPage() {
           onPageChange={(p) => setSearchParams({ unreadOnly: unreadOnly ? "1" : "0", page: String(p) })}
           testIdPrefix="notifications"
         />
-      </Card>
+      </div>
     </div>
   );
 }