2025.11.27.17.50

src/pages/404.tsx

@@ -0,0 +1,34 @@
+import Link from 'next/link';
+import { Button } from '@/components/ui/button';
+import { Home, MoveLeft } from 'lucide-react';
+
+export default function Custom404() {
+    return (
+        <div className="min-h-screen flex flex-col items-center justify-center bg-gray-50 px-4 text-center">
+            <div className="space-y-6 max-w-md">
+                {/* Illustration placeholder or large text */}
+                <h1 className="text-9xl font-extrabold text-gray-200">404</h1>
+
+                <div className="space-y-2">
+                    <h2 className="text-3xl font-bold text-gray-900">页面未找到</h2>
+                    <p className="text-gray-500">
+                        抱歉，您访问的页面不存在或已被移除。
+                    </p>
+                </div>
+
+                <div className="flex items-center justify-center gap-4 pt-4">
+                    <Button variant="outline" onClick={() => window.history.back()}>
+                        <MoveLeft className="mr-2 h-4 w-4" />
+                        返回上一页
+                    </Button>
+                    <Link href="/">
+                        <Button>
+                            <Home className="mr-2 h-4 w-4" />
+                            回到首页
+                        </Button>
+                    </Link>
+                </div>
+            </div>
+        </div>
+    );
+}