fix: sidebar mobile responsive and footer link clickability

app/(account)/layout.tsx

@@ -6,7 +6,9 @@ export default function AccountLayout({ children }: { children: React.ReactNode
     <div className="flex min-h-screen flex-col">
       <Header />
       <div className="flex flex-1">
-        <AccountSidebar />
+        <div className="hidden md:block">
+          <AccountSidebar />
+        </div>
         <main className="flex-1 p-6">{children}</main>
       </div>
     </div>

app/(dashboard)/dashboard/page.tsx

@@ -6,20 +6,10 @@ import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Progress } from "@/components/ui/progress"
+import { statusLabels } from "@/lib/constants"
 import { mockOrders, mockPlayers, mockServices, mockShops } from "@/lib/mock-data"
 import { useAuthStore } from "@/store/auth"
 
-const statusLabels: Record<string, string> = {
-  pending_payment: "待支付",
-  pending_accept: "待接单",
-  in_progress: "进行中",
-  pending_close: "待结单",
-  pending_review: "待评价",
-  disputed: "争议中",
-  completed: "已完成",
-  cancelled: "已取消",
-}
-
 export default function DashboardPage() {
   const { currentRole } = useAuthStore()
   const isOwner = currentRole === "owner"

app/(dashboard)/layout.tsx

@@ -6,7 +6,9 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
     <div className="flex min-h-screen flex-col">
       <Header />
       <div className="flex flex-1">
-        <DashboardSidebar />
+        <div className="hidden md:block">
+          <DashboardSidebar />
+        </div>
         <main className="flex-1 p-6">{children}</main>
       </div>
     </div>

app/(main)/community/page.tsx

@@ -4,14 +4,9 @@ import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardFooter, CardHeader } from "@/components/ui/card"
+import { roleLabels } from "@/lib/constants"
 import { mockPosts } from "@/lib/mock-data"
 
-const roleLabels: Record<string, string> = {
-  consumer: "消费者",
-  player: "打手",
-  owner: "店主",
-}
-
 export default function CommunityPage() {
   return (
     <div className="container mx-auto py-8 px-4 max-w-2xl">

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

@@ -8,14 +8,9 @@ import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader } from "@/components/ui/card"
 import { Separator } from "@/components/ui/separator"
 import { Textarea } from "@/components/ui/textarea"
+import { roleLabels } from "@/lib/constants"
 import { mockComments, mockOrders, mockPosts } from "@/lib/mock-data"
 
-const roleLabels: Record<string, string> = {
-  consumer: "消费者",
-  player: "打手",
-  owner: "店主",
-}
-
 export default async function PostDetailPage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = await params
   const post = mockPosts.find((p) => p.id === id)

app/(order)/order/[id]/page.tsx

@@ -14,20 +14,10 @@ import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Separator } from "@/components/ui/separator"
+import { statusLabels } from "@/lib/constants"
 import { mockChatSessions, mockOrders, mockReviews } from "@/lib/mock-data"
 import type { OrderStatus } from "@/lib/types"
 
-const statusLabels: Record<OrderStatus, string> = {
-  pending_payment: "待支付",
-  pending_accept: "待接单",
-  in_progress: "进行中",
-  pending_close: "待结单",
-  pending_review: "待评价",
-  disputed: "争议中",
-  completed: "已完成",
-  cancelled: "已取消",
-}
-
 const statusSteps: OrderStatus[] = [
   "pending_payment",
   "pending_accept",

app/globals.css

@@ -122,5 +122,7 @@
   }
   body {
     @apply bg-background text-foreground;
+    font-family:
+      var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
   }
 }