feat(ui): unify content shell layout

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

@@ -103,7 +103,7 @@ export default function ChatDetailPage({ params }: { params: Promise<{ id: strin
   const other = session.participants.find((p) => p.id !== userId) ?? session.participants[0]
 
   return (
-    <div className="container mx-auto max-w-3xl px-4 py-8 h-[calc(100vh-3.5rem)] flex flex-col">
+    <div className="container mx-auto max-w-2xl px-4 py-8 h-[calc(100vh-3.5rem)] flex flex-col">
       <Card className="flex-1 flex flex-col overflow-hidden border-border/80 shadow-sm">
         <div className="border-b border-border/60 px-4 py-3 flex items-center gap-3 bg-background">
           <Link href="/chat" className="text-muted-foreground hover:text-foreground">

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

@@ -197,7 +197,7 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
 
   if (loading) {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState title="争议加载中" icon={Clock} />
       </div>
     )
@@ -205,7 +205,7 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
 
   if (!order) {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState title="订单不存在" description="无法找到对应订单。" icon={FileText} />
       </div>
     )
@@ -216,7 +216,7 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
   )
   if (!isParticipant) {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState
           title="无法访问争议页面"
           description="仅该订单参与方可访问争议页面。"
@@ -474,7 +474,7 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
 
   if (showSubmitted) {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState
           title="争议已提交，请等待平台处理"
           description={`平台将在约 ${Math.floor(DISPUTE_TO_RESOLVED_MS / 1000)} 秒内给出模拟处理结果。`}
@@ -490,7 +490,7 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
   }
 
   return (
-    <div className="container mx-auto max-w-lg px-4 py-8 space-y-4">
+    <div className="container mx-auto max-w-2xl px-4 py-8 space-y-4">
       <Link
         href={`/order/${id}`}
         className="inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground"

app/(order)/layout.tsx

@@ -12,11 +12,9 @@ export default function OrderLayout({ children }: { children: React.ReactNode })
   )
 
   return (
-    <div className="flex min-h-screen flex-col">
+    <div className="flex min-h-screen flex-col bg-muted/20">
       <Header />
-      <main className="flex-1 bg-muted/30">
-        {shouldGuard ? <AuthGuard>{children}</AuthGuard> : children}
-      </main>
+      <main className="flex-1">{shouldGuard ? <AuthGuard>{children}</AuthGuard> : children}</main>
     </div>
   )
 }

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

@@ -167,7 +167,7 @@ export default function OrderDetailPage({ params }: { params: Promise<{ id: stri
   })()
 
   return (
-    <div className="container mx-auto py-8 px-4 max-w-3xl">
+    <div className="container mx-auto py-8 px-4 max-w-2xl">
       <Link
         href="/orders"
         className="inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground mb-4"

app/(order)/order/new/page.tsx

@@ -95,7 +95,7 @@ export default function NewOrderPage() {
 
   if (loading) {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState title="加载中" description="正在读取服务信息..." icon={CreditCard} />
       </div>
     )
@@ -103,7 +103,7 @@ export default function NewOrderPage() {
 
   if (!service || !player) {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState title="服务不存在" description="该服务可能已下架或暂不可访问。" />
       </div>
     )
@@ -113,7 +113,7 @@ export default function NewOrderPage() {
 
   if (submitted) {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState
           title="下单成功"
           description="订单已创建，等待打手接单。你可以在订单列表中查看进度。"

app/(order)/orders/page.tsx

@@ -75,7 +75,7 @@ export default function OrderListPage() {
 
   if (currentRole === "owner" && shopLoading) {
     return (
-      <div className="container mx-auto max-w-3xl px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState title="加载中" description="正在读取店铺订单视角..." icon={RefreshCw} />
       </div>
     )
@@ -83,7 +83,7 @@ export default function OrderListPage() {
 
   if (currentRole === "owner" && shopError) {
     return (
-      <div className="container mx-auto max-w-3xl px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState title="无法读取订单" description={shopError} icon={ClipboardList} />
       </div>
     )
@@ -175,7 +175,7 @@ function OrderListContent({
   })
 
   return (
-    <div className="container mx-auto max-w-3xl px-4 py-8 space-y-6">
+    <div className="container mx-auto max-w-2xl 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">
@@ -216,7 +216,7 @@ function OrderListContent({
               filtered.map((order) => (
                 <Card key={order.id} className="border-border/80 shadow-sm">
                   <CardHeader className="pb-3">
-                    <div className="flex items-center justify-between">
+                    <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
                       <CardTitle className="text-base">{order.service.title}</CardTitle>
                       <StatusBadge
                         status={statusVariants[order.status]}

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

@@ -55,7 +55,7 @@ export default function ReviewPage({ params }: { params: Promise<{ id: string }>
 
   if (loading) {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState title="加载中" description="正在读取评价信息..." icon={Star} />
       </div>
     )
@@ -63,7 +63,7 @@ export default function ReviewPage({ params }: { params: Promise<{ id: string }>
 
   if (!order) {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState title="订单不存在" description="该订单可能已被删除或暂不可访问。" />
       </div>
     )
@@ -74,7 +74,7 @@ export default function ReviewPage({ params }: { params: Promise<{ id: string }>
 
   if (order.status !== "pending_review") {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState
           title="当前阶段不可评价"
           description="仅待评价状态的订单可以提交评价。"
@@ -91,7 +91,7 @@ export default function ReviewPage({ params }: { params: Promise<{ id: string }>
 
   if (hasSubmitted && !isRevealed) {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState
           title="评价已提交"
           description="等待对方提交评价，双方都提交后将同时揭晓。"
@@ -108,7 +108,7 @@ export default function ReviewPage({ params }: { params: Promise<{ id: string }>
 
   if (hasSubmitted && isRevealed) {
     return (
-      <div className="container mx-auto max-w-lg px-4 py-8">
+      <div className="container mx-auto max-w-2xl px-4 py-8">
         <EmptyState
           title="评价已揭晓"
           description="双方评价已同步公开，可在订单详情查看。"
@@ -124,7 +124,7 @@ export default function ReviewPage({ params }: { params: Promise<{ id: string }>
   }
 
   return (
-    <div className="container mx-auto max-w-lg px-4 py-8 space-y-4">
+    <div className="container mx-auto max-w-2xl px-4 py-8 space-y-4">
       <Link
         href={`/order/${id}`}
         className="inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground"