diff --git a/index/404.html b/index/404.html
index 3b6236db..4d64e2d3 100755
--- a/index/404.html
+++ b/index/404.html
@@ -1,60 +1,84 @@
 <html lang="zh-CN">
+<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en-US"> <![endif]--><!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en-US"> <![endif]--><!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en-US"> <![endif]--><!--[if gt IE 8]><!--><!--<![endif]-->
 
 <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>404 Not Found</title>
+    <title>404: 页面未找到</title>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
+    <meta name="robots" content="noindex, nofollow">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
     <style>
-        body {
-            font-family: Arial, sans-serif;
-            background-color: #ffecec;
-            margin: 0;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            height: 100vh;
-            overflow: hidden;
-        }
-
-        .error-container {
-            text-align: center;
-            background-color: #ffffff77;
-            padding: 40px;
-            border-radius: 10px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-        }
-
-        h1 {
-            color: #333;
-            margin-bottom: 20px;
-        }
-
-        p {
-            color: #666;
-            margin-bottom: 20px;
-        }
-
-        .back-button {
-            padding: 10px 20px;
-            background-color: #ff3434;
-            color: white;
-            border: none;
-            border-radius: 5px;
-            cursor: pointer;
-            transition: background-color 0.3s;
-        }
-
-        .back-button:hover {
-            background-color: #990000;
-        }
+        @import url("./style.css");
     </style>
 </head>
 
 <body>
-    <div class="error-container">
-        <h1>404 Not Found</h1>
-        <p>您访问的页面不存在。</p>
-        <button class="back-button" onclick="window.history.back()">返回</button>
+    <div id="cf-wrapper">
+        <div id="cf-error-details" class="p-0">
+            <header class="mx-auto pt-10 lg:pt-6 lg:px-8 w-240 lg:w-full mb-8">
+                <h1
+                    class="inline-block sm:block sm:mb-2 font-light text-60 lg:text-4xl text-black-dark leading-tight mr-2">
+                    <span class="inline-block">页面未找到</span>
+                    <span class="code-label">错误代码 404</span>
+                </h1>
+            </header>
+            <div class="my-8 bg-gradient-gray">
+                <div class="w-240 lg:w-full mx-auto">
+                    <div class="clearfix md:px-8">
+                        <div id="cf-browser-status"
+                            class="cf-error-source relative w-1/3 md:w-full py-15 md:p-0 md:py-8 md:text-left md:border-solid md:border-0 md:border-b md:border-gray-400 overflow-hidden float-left md:float-none text-center">
+                            <div class="relative mb-10 md:m-0">
+                                <span class="cf-icon-browser block md:hidden h-20 bg-center bg-no-repeat"></span>
+                                <span
+                                    class="cf-icon-error w-12 h-12 absolute left-1/2 md:left-auto md:right-0 md:top-0 -ml-6 -bottom-4"></span>
+                            </div>
+                            <span class="md:block w-full truncate">你</span>
+                            <h3 class="md:inline-block mt-3 md:mt-0 text-2xl text-gray-600 font-light leading-1.3">浏览器
+                            </h3>
+                            <span class="leading-1.3 text-2xl" style="color: #bd2426">请求错误</span>
+                        </div>
+                        <div id="cf-cloudflare-status"
+                            class=" relative w-1/3 md:w-full py-15 md:p-0 md:py-8 md:text-left md:border-solid md:border-0 md:border-b md:border-gray-400 overflow-hidden float-left md:float-none text-center">
+                            <div class="relative mb-10 md:m-0">
+                                <span class="cf-icon-cloud block md:hidden h-20 bg-center bg-no-repeat"></span>
+                                <span
+                                    class="cf-icon-ok w-12 h-12 absolute left-1/2 md:left-auto md:right-0 md:top-0 -ml-6 -bottom-4"></span>
+                            </div>
+                            <span class="md:block w-full truncate">转发服务</span>
+                            <h3 class="md:inline-block mt-3 md:mt-0 text-2xl text-gray-600 font-light leading-1.3">云服务器
+                            </h3>
+                            <span class="leading-1.3 text-2xl" style="color: #9bca3e">正常</span>
+                        </div>
+                        <div id="cf-host-status"
+                            class=" relative w-1/3 md:w-full py-15 md:p-0 md:py-8 md:text-left md:border-solid md:border-0 md:border-b md:border-gray-400 overflow-hidden float-left md:float-none text-center">
+                            <div class="relative mb-10 md:m-0">
+                                <span class="cf-icon-server block md:hidden h-20 bg-center bg-no-repeat"></span>
+                                <span
+                                    class="cf-icon-ok w-12 h-12 absolute left-1/2 md:left-auto md:right-0 md:top-0 -ml-6 -bottom-4"></span>
+                            </div>
+                            <span class="md:block w-full truncate">网站</span>
+                            <h3 class="md:inline-block mt-3 md:mt-0 text-2xl text-gray-600 font-light leading-1.3">主服务器
+                            </h3>
+                            <span class="leading-1.3 text-2xl" style="color: #9bca3e">正常</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="w-240 lg:w-full mx-auto mb-8 lg:px-8">
+                <div class="clearfix">
+                    <div class="w-1/2 md:w-full float-left pr-6 md:pb-10 md:pr-0 leading-relaxed">
+                        <h2 class="text-3xl font-normal leading-1.3 mb-4">发生了什么？</h2>
+                        你请求的页面不存在，可能是因为链接错误或页面已被删除。
+                    </div>
+                    <div class="w-1/2 md:w-full float-left leading-relaxed">
+                        <h2 class="text-3xl font-normal leading-1.3 mb-4">我该怎么办？</h2>
+                        请检查您输入的网址是否正确，或返回首页继续浏览。如果问题持续存在，请联系网站管理员寻求帮助。
+                    </div>
+                </div>
+            </div>
+
+        </div>
     </div>
 </body>
 
