style(main): extend proto2 surfaces to remaining pages

app/(main)/post/[id]/page.tsx

@@ -21,7 +21,7 @@ export default async function PostDetailPage({ params }: { params: Promise<{ id:
   const linkedPlayer = linkedOrder ? getPlayerById(linkedOrder.playerId) : null
 
   return (
-    <div className="container mx-auto py-8 px-4 max-w-2xl">
+    <div className="container mx-auto max-w-2xl px-4 py-8 space-y-6">
       <Link
         href="/community"
         className="inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground mb-4"
@@ -30,7 +30,7 @@ export default async function PostDetailPage({ params }: { params: Promise<{ id:
         返回社区
       </Link>
 
-      <Card>
+      <Card className="hover:shadow-[var(--shadow-card)]">
         <CardHeader className="pb-3">
           <div className="flex items-center gap-3">
             <Avatar className="h-10 w-10">
@@ -52,13 +52,13 @@ export default async function PostDetailPage({ params }: { params: Promise<{ id:
           </div>
         </CardHeader>
         <CardContent className="space-y-4">
-          <h1 className="text-xl font-bold">{post.title}</h1>
+          <h1 className="text-xl font-bold tracking-tighter leading-tight">{post.title}</h1>
           <p className="text-sm leading-relaxed whitespace-pre-wrap">{post.content}</p>
 
           {post.images.length > 0 && (
             <div className="flex gap-2 flex-wrap">
               {post.images.map((img) => (
-                <div key={img} className="relative h-40 w-40 rounded-md overflow-hidden bg-muted">
+                <div key={img} className="relative h-40 w-40 rounded-lg overflow-hidden bg-muted">
                   <Image src={img} alt="帖子图片" fill className="object-cover" />
                 </div>
               ))}