<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="ie=edge" http-equiv="X-UA-Compatible">
<title>
访问禁止 - 梦幻辰风
</title>
<style>
* {
margin : 0;
padding : 0;
box-sizing : border-box;
}
body {
font-family : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background : linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
height : 100vh;
display : flex;
justify-content : center;
align-items : center;
color : #333;
}
.error-container {
background : white;
border-radius : 12px;
box-shadow : 0 10px 30px rgba(0, 0, 0, 0.1);
padding : 40px;
max-width : 500px;
width : 90%;
text-align : center;
animation : fadeIn 0.6s ease-out;
}
.error-icon {
font-size : 72px;
color : #ff6b6b;
margin-bottom : 20px;
}
h1 {
font-size : 28px;
margin-bottom : 15px;
color : #2d3436;
}
p {
font-size : 18px;
margin-bottom : 30px;
line-height : 1.6;
color : #636e72;
}
.home-btn {
display : inline-block;
background : #6c5ce7;
color : white;
padding : 12px 30px;
border-radius : 50px;
text-decoration : none;
font-weight : 600;
transition : all 0.3s ease;
box-shadow : 0 4px 15px rgba(108, 92, 231, 0.3);
}
.home-btn:hover {
background : #5649d1;
transform : translateY(-3px);
box-shadow : 0 7px 20px rgba(108, 92, 231, 0.4);
}
@keyframes fadeIn {
from {
opacity : 0;
transform : translateY(20px);
}
to {
opacity : 1;
transform : translateY(0);
}
}
@media (max-width: 600px) {
.error-container {
padding : 25px;
}
.error-icon {
font-size : 56px;
}
h1 {
font-size : 24px;
}
p {
font-size : 16px;
}
}
</style>
</head>
<body>
<div class="error-container">
<div class="error-icon">
⚠️
</div>
<h1>
访问禁止
</h1>
<p>
这里没什么好看的,请离开吧。
</p>
<a class="home-btn" href="https://www.mhcf.net">
返回首页
</a>
</div>
</body>
</html>