style(order): apply proto2 surfaces

app/(order)/orders/page.tsx

@@ -103,8 +103,8 @@ function OrderListContent({
   })
 
   return (
-    <div className="container mx-auto py-8 px-4">
-      <div className="flex items-center justify-between mb-6">
+    <div className="container mx-auto max-w-3xl px-4 py-8 space-y-6">
+      <div className="flex items-center justify-between">
         <h1 className="text-2xl font-bold">我的订单</h1>
         <Badge variant="outline" className="text-xs">
           {currentRole === "consumer"
@@ -124,16 +124,16 @@ function OrderListContent({
           ))}
         </TabsList>
 
-        <TabsContent value={tab} className="mt-4 space-y-3">
+        <TabsContent value={tab} className="mt-4 space-y-4">
           {filtered.length === 0 ? (
-            <Card>
+            <Card className="hover:shadow-[var(--shadow-card)]">
               <CardContent className="py-8 text-center text-sm text-muted-foreground">
                 暂无订单
               </CardContent>
             </Card>
           ) : (
             filtered.map((order) => (
-              <Card key={order.id}>
+              <Card key={order.id} className="hover:shadow-[var(--shadow-card)]">
                 <CardHeader className="pb-3">
                   <div className="flex items-center justify-between">
                     <CardTitle className="text-base">{order.service.title}</CardTitle>