style(dashboard): apply proto2 surfaces

app/(dashboard)/dashboard/shop/page.tsx

@@ -53,7 +53,7 @@ function ShopManagementContent({
   const [description, setDescription] = useState(shop.description)
 
   return (
-    <div className="space-y-6">
+    <div className="container mx-auto max-w-6xl px-4 py-8 space-y-8">
       <div className="flex items-center justify-between">
         <h1 className="text-2xl font-bold">店铺管理</h1>
         <Button variant="outline" size="sm" asChild>
@@ -65,7 +65,7 @@ function ShopManagementContent({
       </div>
 
       <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" />
@@ -74,7 +74,7 @@ function ShopManagementContent({
             <div className="text-2xl font-bold">{shop.totalOrders}</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" />
@@ -83,7 +83,7 @@ function ShopManagementContent({
             <div className="text-2xl font-bold">{shop.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">签约打手</CardTitle>
             <Users className="h-4 w-4 text-muted-foreground" />
@@ -92,7 +92,7 @@ function ShopManagementContent({
             <div className="text-2xl font-bold">{shop.playerCount}</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>
             <DollarSign className="h-4 w-4 text-muted-foreground" />
@@ -107,7 +107,7 @@ function ShopManagementContent({
         </Card>
       </div>
 
-      <Card>
+      <Card className="hover:shadow-[var(--shadow-card)]">
         <CardHeader>
           <CardTitle className="text-base">基本信息</CardTitle>
         </CardHeader>
@@ -139,7 +139,7 @@ function ShopManagementContent({
         </CardContent>
       </Card>
 
-      <Card>
+      <Card className="hover:shadow-[var(--shadow-card)]">
         <CardHeader>
           <CardTitle className="text-base">公告管理</CardTitle>
         </CardHeader>
@@ -184,7 +184,7 @@ function ShopManagementContent({
         </CardContent>
       </Card>
 
-      <Card>
+      <Card className="hover:shadow-[var(--shadow-card)]">
         <CardHeader>
           <CardTitle className="text-base">运营设置</CardTitle>
         </CardHeader>