style(dashboard): apply proto2 surfaces

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

@@ -56,7 +56,7 @@ function ShopRulesForm({
   }
 
   return (
-    <div className="space-y-6">
+    <div className="container mx-auto max-w-4xl px-4 py-8 space-y-8">
       <div className="flex items-center justify-between">
         <h1 className="text-2xl font-bold">规则设置</h1>
         <Button onClick={handleSave}>
@@ -66,7 +66,7 @@ function ShopRulesForm({
       </div>
 
       <div className="grid gap-6">
-        <Card>
+        <Card className="hover:shadow-[var(--shadow-card)]">
           <CardHeader>
             <CardTitle className="text-base">员工权限</CardTitle>
           </CardHeader>
@@ -100,7 +100,7 @@ function ShopRulesForm({
           </CardContent>
         </Card>
 
-        <Card>
+        <Card className="hover:shadow-[var(--shadow-card)]">
           <CardHeader>
             <CardTitle className="text-base">派单设置</CardTitle>
           </CardHeader>
@@ -126,7 +126,7 @@ function ShopRulesForm({
           </CardContent>
         </Card>
 
-        <Card>
+        <Card className="hover:shadow-[var(--shadow-card)]">
           <CardHeader>
             <CardTitle className="text-base">抽成设置</CardTitle>
           </CardHeader>