diff --git a/forum/static/img/1.jpg b/forum/static/img/1.jpg
new file mode 100644
index 0000000..9a882d7
Binary files /dev/null and b/forum/static/img/1.jpg differ
diff --git a/forum/static/img/10.jpg b/forum/static/img/10.jpg
new file mode 100644
index 0000000..916d9a7
Binary files /dev/null and b/forum/static/img/10.jpg differ
diff --git a/forum/static/img/11.jpg b/forum/static/img/11.jpg
new file mode 100644
index 0000000..6d63991
Binary files /dev/null and b/forum/static/img/11.jpg differ
diff --git a/forum/static/img/12.jpg b/forum/static/img/12.jpg
new file mode 100644
index 0000000..e233ce5
Binary files /dev/null and b/forum/static/img/12.jpg differ
diff --git a/forum/static/img/13.jpg b/forum/static/img/13.jpg
new file mode 100644
index 0000000..85c8594
Binary files /dev/null and b/forum/static/img/13.jpg differ
diff --git a/forum/static/img/14.jpg b/forum/static/img/14.jpg
new file mode 100644
index 0000000..863d408
Binary files /dev/null and b/forum/static/img/14.jpg differ
diff --git a/forum/static/img/15.jpg b/forum/static/img/15.jpg
new file mode 100644
index 0000000..5a016cf
Binary files /dev/null and b/forum/static/img/15.jpg differ
diff --git a/forum/static/img/16.jpg b/forum/static/img/16.jpg
new file mode 100644
index 0000000..41c62d0
Binary files /dev/null and b/forum/static/img/16.jpg differ
diff --git a/forum/static/img/17.jpg b/forum/static/img/17.jpg
new file mode 100644
index 0000000..e7f1a2c
Binary files /dev/null and b/forum/static/img/17.jpg differ
diff --git a/forum/static/img/18.jpg b/forum/static/img/18.jpg
new file mode 100644
index 0000000..f591f80
Binary files /dev/null and b/forum/static/img/18.jpg differ
diff --git a/forum/static/img/19.png b/forum/static/img/19.png
new file mode 100644
index 0000000..4c25837
Binary files /dev/null and b/forum/static/img/19.png differ
diff --git a/forum/static/img/2.jpg b/forum/static/img/2.jpg
new file mode 100644
index 0000000..350c6af
Binary files /dev/null and b/forum/static/img/2.jpg differ
diff --git a/forum/static/img/3.jpg b/forum/static/img/3.jpg
new file mode 100644
index 0000000..baff541
Binary files /dev/null and b/forum/static/img/3.jpg differ
diff --git a/forum/static/img/4.jpg b/forum/static/img/4.jpg
new file mode 100644
index 0000000..e2f221d
Binary files /dev/null and b/forum/static/img/4.jpg differ
diff --git a/forum/static/img/5.jpg b/forum/static/img/5.jpg
new file mode 100644
index 0000000..9598518
Binary files /dev/null and b/forum/static/img/5.jpg differ
diff --git a/forum/static/img/6.jpg b/forum/static/img/6.jpg
new file mode 100644
index 0000000..ddf91b5
Binary files /dev/null and b/forum/static/img/6.jpg differ
diff --git a/forum/static/img/7.png b/forum/static/img/7.png
new file mode 100644
index 0000000..e2416bb
Binary files /dev/null and b/forum/static/img/7.png differ
diff --git a/forum/static/img/8.png b/forum/static/img/8.png
new file mode 100644
index 0000000..3e99791
Binary files /dev/null and b/forum/static/img/8.png differ
diff --git a/forum/static/img/9.jpg b/forum/static/img/9.jpg
new file mode 100644
index 0000000..9001745
Binary files /dev/null and b/forum/static/img/9.jpg differ
diff --git a/forum/templates/404.html b/forum/templates/404.html
new file mode 100644
index 0000000..b35dee9
--- /dev/null
+++ b/forum/templates/404.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404 - 页面未找到</title>
+    <link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: #1a1a2e url() no-repeat center/cover fixed;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        }
+        .overlay {
+            position: fixed;
+            inset: 0;
+            background: rgba(0,0,0,.45);
+            backdrop-filter: blur(3px);
+        }
+        .error-card {
+            position: relative;
+            z-index: 1;
+            background: rgba(255,255,255,.15);
+            backdrop-filter: blur(20px);
+            border: 1px solid rgba(255,255,255,.25);
+            border-radius: 20px;
+            padding: 50px 40px;
+            text-align: center;
+            color: #fff;
+            max-width: 480px;
+            box-shadow: 0 8px 32px rgba(0,0,0,.3);
+        }
+        .error-code {
+            font-size: 7rem;
+            font-weight: 800;
+            line-height: 1;
+            text-shadow: 0 4px 20px rgba(0,0,0,.3);
+        }
+        .error-msg {
+            font-size: 1.3rem;
+            margin: 15px 0 30px;
+            opacity: .9;
+        }
+        .btn-home {
+            background: rgba(255,255,255,.2);
+            border: 1px solid rgba(255,255,255,.4);
+            color: #fff;
+            padding: 10px 30px;
+            border-radius: 50px;
+            text-decoration: none;
+            transition: all .3s;
+        }
+        .btn-home:hover { background: rgba(255,255,255,.35); color: #fff; }
+    </style>
+</head>
+<body>
+    <div class="overlay"></div>
+    <div class="error-card">
+        <div class="error-code">404</div>
+        <div class="error-msg">页面走丢了 <i class="bi bi-emoji-dizzy"></i></div>
+        <p style="opacity:.7;margin-bottom:25px">你访问的页面不存在或已被移除</p>
+        <a href="/" class="btn-home"><i class="bi bi-house-door"></i> 返回首页</a>
+    </div>
+    <script>
+        const n = 19, exts = {7:"png",8:"png",19:"png"};
+        const i = Math.floor(Math.random()*n)+1;
+        document.body.style.backgroundImage = 'url(/static/img/'+i+'.'+(exts[i]||'jpg')+')';
+    </script>
+</body>
+</html>
diff --git a/forum/templates/500.html b/forum/templates/500.html
new file mode 100644
index 0000000..4acddc9
--- /dev/null
+++ b/forum/templates/500.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>500 - 服务器错误</title>
+    <link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: #1a1a2e url() no-repeat center/cover fixed;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        }
+        .overlay {
+            position: fixed;
+            inset: 0;
+            background: rgba(0,0,0,.45);
+            backdrop-filter: blur(3px);
+        }
+        .error-card {
+            position: relative;
+            z-index: 1;
+            background: rgba(255,255,255,.15);
+            backdrop-filter: blur(20px);
+            border: 1px solid rgba(255,255,255,.25);
+            border-radius: 20px;
+            padding: 50px 40px;
+            text-align: center;
+            color: #fff;
+            max-width: 480px;
+            box-shadow: 0 8px 32px rgba(0,0,0,.3);
+        }
+        .error-code {
+            font-size: 7rem;
+            font-weight: 800;
+            line-height: 1;
+            text-shadow: 0 4px 20px rgba(0,0,0,.3);
+        }
+        .error-msg {
+            font-size: 1.3rem;
+            margin: 15px 0 30px;
+            opacity: .9;
+        }
+        .btn-home {
+            background: rgba(255,255,255,.2);
+            border: 1px solid rgba(255,255,255,.4);
+            color: #fff;
+            padding: 10px 30px;
+            border-radius: 50px;
+            text-decoration: none;
+            transition: all .3s;
+        }
+        .btn-home:hover { background: rgba(255,255,255,.35); color: #fff; }
+    </style>
+</head>
+<body>
+    <div class="overlay"></div>
+    <div class="error-card">
+        <div class="error-code">500</div>
+        <div class="error-msg">服务器开小差了 <i class="bi bi-wrench"></i></div>
+        <p style="opacity:.7;margin-bottom:25px">服务器遇到了内部错误，请稍后再试</p>
+        <a href="/" class="btn-home"><i class="bi bi-house-door"></i> 返回首页</a>
+    </div>
+    <script>
+        const n = 19, exts = {7:"png",8:"png",19:"png"};
+        const i = Math.floor(Math.random()*n)+1;
+        document.body.style.backgroundImage = 'url(/static/img/'+i+'.'+(exts[i]||'jpg')+')';
+    </script>
+</body>
+</html>
