refactor(ui): [UI8] 彻底移除遗留Card并补充下拉框中文化

client/src/pages/BudgetsPage.tsx

@@ -8,7 +8,6 @@ import { useAuth } from "../auth/AuthContext";
 import { hasPermission } from "../auth/permissions";
 import { PageHeader } from "../components/common/PageHeader";
 import { Button } from "../components/ui/button";
-import { Card } from "../components/ui/card";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../components/ui/table";
 import { toast } from "sonner";
 import { TableSkeleton } from "../components/common/TableSkeleton";
@@ -118,7 +117,7 @@ export function BudgetsPage() {
     return (
       <div className="space-y-4">
         <PageHeader title="预算管理" subtitle="你当前没有预算权限，请联系管理员开通。" />
-        <Card className="p-6 text-sm text-zinc-600">所需权限：budget.view 或 budget.manage</Card>
+        <div className="card-std p-6 text-sm text-zinc-600">所需权限：budget.view 或 budget.manage</div>
       </div>
     );
   }
@@ -138,7 +137,7 @@ export function BudgetsPage() {
         </p>
       ) : null}
 
-      <div className="card-std space-y-3">
+      <div className="card-std p-6 space-y-3">
         <h3 className="text-base font-semibold text-zinc-900">筛选条件</h3>
         <div className="grid gap-3 md:grid-cols-3">
           <select
@@ -150,8 +149,8 @@ export function BudgetsPage() {
             }}
           >
             <option value="">全部状态</option>
-            <option value="active">active</option>
-            <option value="archived">archived</option>
+            <option value="active">生效中</option>
+            <option value="archived">已归档</option>
           </select>
 
           <select
@@ -181,7 +180,7 @@ export function BudgetsPage() {
       </div>
 
       {canManageBudget ? (
-        <div className="card-std space-y-3">
+        <div className="card-std p-6 space-y-3">
           <h3 className="text-base font-semibold text-zinc-900">新建预算池</h3>
           <div className="grid gap-3 md:grid-cols-3">
             <input
@@ -253,7 +252,7 @@ export function BudgetsPage() {
         </div>
       ) : null}
 
-      <div className="card-std space-y-3">
+      <div className="card-std p-6 space-y-3">
         <h3 className="text-base font-semibold text-zinc-900">预算池列表</h3>
 
         {budgetsQuery.isLoading ? <TableSkeleton columns={7} rows={4} /> : null}