用deepseek写了一个404页面，还真的不错！
2025/04/06 16:31:08
浠ｇ爜濡備笅锛<!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>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #f8f9fa;
color: #343a40;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
}
.container {
max-width: 600px;
padding: 2rem;
}
h1 {
font-size: 5rem;
margin: 0;
color: #6c757d;
}
h2 {
font-size: 2rem;
margin-top: 0;
margin-bottom: 1rem;
}
p {
font-size: 1.2rem;
margin-bottom: 2rem;
line-height: 1.6;
}
a {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: #007bff;
color: white;
text-decoration: none;
border-radius: 0.3rem;
transition: background-color 0.3s;
}
a:hover {
background-color: #0056b3;
}
.emoji {
font-size: 3rem;
margin-bottom: 1rem;
}
.countdown {
color: #6c757d;
font-size: 0.9rem;
margin-top: 1rem;
}
</style>
</head>
<body>
<div class="container">
<div class="emoji">馃槙</div>
<h1>404</h1>
<h2>椤甸潰鏈壘鍒</h2>
<p>鎶辨瓑锛屾偍璁块棶鐨勯〉闈笉瀛樺湪鎴栧凡琚Щ闄ゃ<br>璇锋鏌RL鏄惁姝ｇ‘锛屾垨杩斿洖涓婚〉銆</p>
<a href="/">杩斿洖棣栭〉</a>
<div class="countdown" id="countdown">5绉掑悗鑷姩杩斿洖棣栭〉...</div>
</div>
<script>
// 鍊掕鏃跺姛鑳
let seconds = 5;
const countdownElement = document.getElementById('countdown');
const timer = setInterval(function() {
seconds--;
countdownElement.textContent = seconds + '绉掑悗鑷姩杩斿洖棣栭〉...';
if (seconds <= 0) {
clearInterval(timer);
window.location.href = "/"; // 璺宠浆鍒伴椤
}
}, 1000);
</script>
</body>
</html>