From 28214f6fd0f8521ba75cbdbbfab73979259981b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E5=8F=89=E6=A0=91=E6=A0=91?= <acofork@qq.com>
Date: Sat, 6 Sep 2025 20:38:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0404=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=94=A8=E4=BA=8E=E5=A4=84=E7=90=86=E6=9C=AA=E6=89=BE=E5=88=B0?=
 =?UTF-8?q?=E7=9A=84=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/404.astro | 56 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 src/pages/404.astro

diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 000000000..3b7f418e5
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,56 @@
+---
+import Layout from "@/layouts/Layout.astro";
+import MainGridLayout from "@/layouts/MainGridLayout.astro";
+import { Icon } from "astro-icon/components";
+import { siteConfig } from "@/config";
+---
+
+<Layout title="页面未找到">
+	<MainGridLayout>
+		<div class="flex flex-col items-center justify-center min-h-[60vh] text-center px-4">
+			<!-- 404 图标 -->
+			<div class="mb-8">
+				<div class="relative">
+					<div class="text-8xl md:text-9xl font-bold text-[var(--primary)] opacity-20">
+						404
+					</div>
+					<div class="absolute inset-0 flex items-center justify-center">
+						<Icon name="fa6-solid:face-sad-tear" class="text-6xl md:text-7xl text-[var(--primary)]" />
+					</div>
+				</div>
+			</div>
+
+			<!-- 错误信息 -->
+			<div class="card-base p-8 max-w-md mx-auto mb-8">
+				<h1 class="text-2xl md:text-3xl font-bold text-90 mb-4">
+					页面走丢了
+				</h1>
+				<p class="text-75 mb-6 leading-relaxed">
+					抱歉，您访问的页面不存在或已被移动。
+					<br>
+					请检查URL是否正确，或者返回首页继续浏览。
+				</p>
+				
+				<!-- 导航按钮 -->
+				<div class="flex flex-col sm:flex-row gap-3 justify-center">
+					<a href="/" class="btn-regular-dark px-6 py-3 rounded-lg text-white font-medium">
+						<Icon name="fa6-solid:house" class="mr-2" />
+						返回首页
+					</a>
+					<a href="/archive/" class="btn-regular px-6 py-3 rounded-lg font-medium">
+						<Icon name="fa6-solid:box-archive" class="mr-2" />
+						文章归档
+					</a>
+				</div>
+			</div>
+
+			<!-- 返回提示 -->
+			<div class="mt-8 text-50 text-sm">
+				<p class="flex items-center justify-center">
+					<Icon name="fa6-solid:clock-rotate-left" class="mr-2" />
+					您也可以使用浏览器的后退按钮返回上一页
+				</p>
+			</div>
+		</div>
+	</MainGridLayout>
+</Layout>
\ No newline at end of file