<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>页面不存在</title>  
    <style>  
        body {  
            font-family: Arial, sans-serif;  
            display: flex;  
            justify-content: center;  
            align-items: center;  
            height: 100vh;  
            background-color: #f0f0f0;  
            margin: 0;  
        }  
  
        .container {  
            text-align: center;  
            padding: 20px;  
            border: 1px solid #ddd;  
            border-radius: 8px;  
            background-color: #fff;  
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  
        }  
  
        h1 {  
            color: #333;  
        }  
  
        p {  
            color: #666;  
        }  
  
        a {  
            color: #007bff;  
            text-decoration: none;  
            font-weight: bold;  
        }  
  
        a:hover {  
            text-decoration: underline;  
        }  
    </style>  
</head>  
<body>  
    <div class="container">  
        <h1>抱歉，您访问的页面不存在</h1>  
        
        <!-- 这里可以添加一些导航链接，例如：  
        <ul>  
            <li><a href="/about">About Us</a></li>  
            <li><a href="/contact">Contact Us</a></li>  
            <!-- 根据你的网站结构调整链接 -->  
        </ul>  
         
    </div>  
</body>  
</html>
