Bluecraft-Server
diff --git a/‎404.html
+28-64 b/‎404.html
+28-64
diff --git a/‎css/404button.css
-100 b/‎css/404button.css
-100
@@ -1,70 +1,34 @@
 <!DOCTYPE html>
-<html lang="zh-CN">
+<html lang="en">
 <head>
-    <meta charset="utf-8"/>
-    <title>阿罗娜跟丢了!</title>
-    <meta content="Some ideas for modern button styles and effects" name="description"/>
-    <meta content="button, effect, hover, style, inspiration, web design" name="keywords"/>
-    <meta content="Bluecraft管理组" name="author">
-    <meta content="Codrops" name="author"/>
-    <script src="js/404jquery.min.js" type="text/javascript"></script>
-    <script src="js/404jquery.beattext.js" type="text/javascript"></script>
-    <script src="js/404easying.js" type="text/javascript"></script>
-
-    <link href="css/404style.css" rel="stylesheet"/>
-    <link href="./images/logo.ico" rel="icon">
-    <link href="css/404button.css" rel="stylesheet"/>
-    <script type="text/javascript">
-        const system = {};
-        const p = navigator.platform;
-        system.win = p.indexOf("Win") === 0;
-        system.mac = p.indexOf("Mac") === 0;
-        system.x11 = (p === "X11") || (p.indexOf("Linux") === 0);
-        if (system.win || system.mac || system.xll) {//如果是电脑跳转到
-            window.location.href = "#";
-        } else {  //如果是手机,跳转到
-            window.location.href = "index.html";
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404 - 页面未找到</title>
+    <link rel="stylesheet" href="./css/404style.css">
+    <style>
+        .logo {
+            position: fixed;
+            top: 10px;
+            left: 10px;
+            width: 100px; /* 根据需要调整 LOGO 宽度 */
+            height: auto; /* 高度自适应 */
+            z-index: 10; /* 确保 LOGO 在最上层 */
         }
-    </script>
-    <script type="text/javascript">
-        $(document).ready(function () {
-            $('p#roloadText').beatText({isAuth: true, beatHeight: "1em", isRotate: false, upTime: 100, downTime: 100});
-        });
-    </script>
+    </style>
 </head>
-
-<style>
-    .hidden-video {
-        display: none; /* 隐藏视频元素 */
-    }
-</style>
-<script>
-    function playVideoSound() {
-        const videoElement = document.getElementById('hiddenVideo');
-        if (videoElement.paused || videoElement.ended) {
-            videoElement.currentTime = 0; // 重置播放时间以便重新播放
-            videoElement.play(); // 播放视频
-        } else {
-            videoElement.pause(); // 如果已经在播放，则暂停
-        }
-    }
-</script>
 <body>
-
-<div class="logo" id="a" onclick="playVideoSound();" title="点击我有惊喜！">
-    <img alt="" src="images/arona_wuwu.png">
-    <!-- 隐藏的视频元素 -->
-    <video class="hidden-video" id="hiddenVideo" preload="auto" src="/video/easteregg.mp4"></video>
-
-</div>
-<br/><br/>
-<div class="container">
-    <p id="roloadText">404！对不起老师，阿罗娜找不到页面了！</p>
-</div>
-
-<div class="box bg-1">
-    <button class="button button--antiman button--round-l button--text-medium" onclick="window.open('./index.html')">
-        <span>返回首页</span></button>
-</div>
+    <section class="error-body">
+        <!-- 背景视频 -->
+        <video preload="auto" class="background" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/396624/err.mp4" autoplay muted loop></video>
+        <!-- LOGO -->
+        <img src="./images/BluecraftLogo.svg" alt="Bluecraft Logo" class="logo">
+        <div class="message">
+            <h1 t="404">404</h1>
+            <div class="bottom">
+                <p>这个地方很奇怪，我们换个地方吧老师！</p>
+                <a href="index.html">返回主页面</a>
+            </div>
+        </div>
+    </section>
 </body>
-</html>
+</html>