style(dashboard): apply proto2 surfaces

app/(dashboard)/dashboard/page.tsx

@@ -19,11 +19,11 @@ export default function DashboardPage() {
   const recentOrders = listOrders().slice(0, 3)
 
   return (
-    <div className="space-y-6">
+    <div className="container mx-auto max-w-6xl px-4 py-8 space-y-8">
       <h1 className="text-2xl font-bold">概览</h1>
 
       <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
-        <Card>
+        <Card className="hover:shadow-[var(--shadow-card)]">
           <CardHeader className="flex flex-row items-center justify-between pb-2">
             <CardTitle className="text-sm font-medium">总订单</CardTitle>
             <ListOrdered className="h-4 w-4 text-muted-foreground" />
@@ -34,7 +34,7 @@ export default function DashboardPage() {
             </div>
           </CardContent>
         </Card>
-        <Card>
+        <Card className="hover:shadow-[var(--shadow-card)]">
           <CardHeader className="flex flex-row items-center justify-between pb-2">
             <CardTitle className="text-sm font-medium">评分</CardTitle>
             <Star className="h-4 w-4 text-muted-foreground" />
@@ -43,7 +43,7 @@ export default function DashboardPage() {
             <div className="text-2xl font-bold">{isOwner ? shop.rating : player.rating}</div>
           </CardContent>
         </Card>
-        <Card>
+        <Card className="hover:shadow-[var(--shadow-card)]">
           <CardHeader className="flex flex-row items-center justify-between pb-2">
             <CardTitle className="text-sm font-medium">{isOwner ? "签约打手" : "完成率"}</CardTitle>
             {isOwner ? (
@@ -65,7 +65,7 @@ export default function DashboardPage() {
             )}
           </CardContent>
         </Card>
-        <Card>
+        <Card className="hover:shadow-[var(--shadow-card)]">
           <CardHeader className="flex flex-row items-center justify-between pb-2">
             <CardTitle className="text-sm font-medium">{isOwner ? "本月收入" : "服务数"}</CardTitle>
             {isOwner ? (
@@ -82,7 +82,7 @@ export default function DashboardPage() {
         </Card>
       </div>
 
-      <Card>
+      <Card className="hover:shadow-[var(--shadow-card)]">
         <CardHeader className="flex flex-row items-center justify-between">
           <CardTitle className="text-base">最近订单</CardTitle>
           <Button variant="ghost" size="sm" asChild>
@@ -114,7 +114,7 @@ export default function DashboardPage() {
       </Card>
 
       {!isOwner && (
-        <Card>
+        <Card className="hover:shadow-[var(--shadow-card)]">
           <CardHeader>
             <CardTitle className="text-base">快捷操作</CardTitle>
           </CardHeader>