style(dashboard): apply proto2 surfaces

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

@@ -38,13 +38,13 @@ export default function ShopOrdersPage() {
   const disputedOrders = shopOrders.filter((o) => isDisputedOrder(o.status)).length
 
   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>
       </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" />
@@ -53,7 +53,7 @@ export default function ShopOrdersPage() {
             <div className="text-2xl font-bold">{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>
             <Clock className="h-4 w-4 text-muted-foreground" />
@@ -62,7 +62,7 @@ export default function ShopOrdersPage() {
             <div className="text-2xl font-bold">{activeOrders}</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>
             <CheckCircle className="h-4 w-4 text-muted-foreground" />
@@ -71,7 +71,7 @@ export default function ShopOrdersPage() {
             <div className="text-2xl font-bold">{completedOrders}</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>
             <AlertCircle className="h-4 w-4 text-muted-foreground" />
@@ -82,7 +82,7 @@ export default function ShopOrdersPage() {
         </Card>
       </div>
 
-      <Card>
+      <Card className="hover:shadow-[var(--shadow-card)]">
         <CardHeader>
           <CardTitle>订单列表</CardTitle>
         </CardHeader>