body {
font-family: Arial, sans-serif;
text-align: center;
padding: 50px;
background: #f5f5f5;
margin: 0;
}
.container {
background: white;
padding: 40px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
max-width: 500px;
margin: 100px auto;
}
.message {
font-size: 1.5em;
margin: 20px 0;
color: #333;
}
.countdown {
color: #666;
font-size: 0.9em;
margin: 15px 0;
}
.btn {
display: inline-block;
margin: 10px;
padding: 10px 20px;
background: #007cba;
color: white;
text-decoration: none;
border-radius: 4px;
transition: background 0.3s;
}
.btn:hover {
background: #005a87;
}
.error-code {
font-size: 4em;
color: #ddd;
margin: 0;
}
let time = 5;
const countdownElement = document.getElementById('countdown');
const timer = setInterval(() => {
time--;
countdownElement.textContent = time + '秒后自动返回首页...';
if(time <= 0) {
clearInterval(timer);
window.location.href = '/';
}
}, 1000);
EOF