diff --git a/public/four_oh_four.html b/public/four_oh_four.html
new file mode 100644
index 0000000..6ac7c55
--- /dev/null
+++ b/public/four_oh_four.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>FOF</title>
+</head>
+<body>
+<div class="four1">Four</div>
+<div class="oh">Oh</div>
+<div class="four2">Four</div>
+</body>
+
+<style>
+    body
+    {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        height: 100%;
+        font-family: "Microsoft YaHei UI", Avenir, Helvetica, Arial, sans-serif;
+        font-size: 20em;
+        text-transform: uppercase;
+        margin: 0;
+
+        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' \
+        height='50px' width='50px'><text x='0' y='15' font-family='Avenir, Helvetica, Arial, sans-serif' \
+        fill='lightgray' transform='translate(15, 15) rotate(-45)' font-size='10'>肆零肆</text></svg>");
+    }
+    html
+    {
+        height: 100%;
+    }
+    .four2, .oh
+    {
+        margin-top: -300px;
+    }
+    .four1
+    {
+        margin-left: -100px;
+        color: #ff8373;
+    }
+    .oh
+    {
+        color: khaki;
+    }
+    .four2
+    {
+        margin-right: -100px;
+        color: cornflowerblue;
+    }
+
+</style>
+</html>
diff --git a/public/frps_404.html b/public/frps_404.html
index dc9826a..f4841e6 100644
--- a/public/frps_404.html
+++ b/public/frps_404.html
@@ -20,6 +20,7 @@
       flex-direction: column;
       height: 100%;
       font-family: "Microsoft YaHei UI", Avenir, Helvetica, Arial, sans-serif;
+      margin: 0;
   }
   html
   {
