<!DOCTYPE html>
<html>
<head>
    <title>页面未找到</title>
    <meta charset="utf-8">
    <style>
        body { 
            font-family: Arial, sans-serif; 
            text-align: center; 
            padding: 50px; 
            background-color: #f5f5f5;
        }
        .error-container { 
            max-width: 600px; 
            margin: 0 auto; 
            background: white;
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .error-code { 
            font-size: 72px; 
            color: #e74c3c; 
            margin-bottom: 20px; 
        }
        .error-message { 
            font-size: 24px; 
            color: #2c3e50; 
            margin-bottom: 30px; 
        }
        .back-link { 
            color: #3498db; 
            text-decoration: none; 
            padding: 10px 20px;
            border: 1px solid #3498db;
            border-radius: 4px;
        }
        .back-link:hover {
            background-color: #3498db;
            color: white;
        }
    </style>
</head>
<body>
    <div class="error-container">
        <div class="error-code">404</div>
        <div class="error-message">页面未找到</div>
        <p>您访问的页面不存在或已被移动。</p>
        <a href="/" class="back-link">返回首页</a>
    </div>
</body>
</html>