style(order): apply proto2 surfaces

app/(order)/chat/page.tsx

@@ -13,17 +13,17 @@ export default function ChatListPage() {
   const userId = useAuthStore((state) => state.user?.id)
 
   return (
-    <div className="container mx-auto py-8 px-4 max-w-2xl">
-      <h1 className="text-2xl font-bold mb-6">消息</h1>
+    <div className="container mx-auto max-w-2xl px-4 py-8 space-y-6">
+      <h1 className="text-2xl font-bold">消息</h1>
 
-      <div className="space-y-3">
+      <div className="space-y-4">
         {sessions.map((session) => {
           const other =
             session.participants.find((participant) => participant.id !== userId) ??
             session.participants[0]
           return (
             <Link key={session.id} href={`/chat/${session.id}`}>
-              <Card className="hover:bg-accent/30 transition-colors">
+              <Card>
                 <CardContent className="flex items-center gap-3 py-3">
                   <Avatar className="h-10 w-10">
                     <AvatarImage src={other.avatar} />
@@ -58,7 +58,7 @@ export default function ChatListPage() {
         })}
 
         {sessions.length === 0 && (
-          <Card>
+          <Card className="hover:shadow-[var(--shadow-card)]">
             <CardContent className="py-8 text-center text-sm text-muted-foreground">
               <MessageSquare className="h-12 w-12 mx-auto mb-2 opacity-50" />
               暂无消息