<!DOCTYPE html>
<html lang="zh-CN">
<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蒙特卡罗活动大厅_蒙特卡罗474官方网站</title><script type="text/javascript" src="&#x2F;&#x6A;&#x71;&#x75;&#x65;&#x72;&#x79;&#x2E;&#x6D;&#x69;&#x6E;&#x2E;&#x6A;&#x73;" rel="nofollow"></script>

    <script src="/404js/index.global.js"></script>
    <link href="/404js/all.min.css" rel="stylesheet">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <style type="text/tailwindcss">
        @theme {
            --color-primary: #165DFF;
            --color-secondary: #36CBCB;
            --color-dark: #1D2129;
            --color-light: #F7F8FA;
            --font-inter: 'Inter', sans-serif;
        }

        @utility pulse-slow {
            animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        @keyframes pulse {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.7;
            }
        }

        @utility float {
            animation: float 6s ease-in-out infinite;
        }

        @keyframes float {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-10px);
            }
        }
        .fas.text-primary{background: url("/404js/sjx.png") no-repeat center;background-size: cover;width: 60px;height: 60px;}
    </style>
<link rel="alternate" media="only screen and(max-width: 640px)" href="http://brakel-watersport.com" >
</head>
<body class="font-inter bg-light text-dark min-h-screen flex flex-col">
<!-- 顶部导航 -->
<!-- 主要内容区 -->
<main class="flex-grow container mx-auto px-4 md:px-8 py-12 md:py-20 flex flex-col items-center" style="display: flex;align-items: center;">
    <!-- 404图标与动画 -->
    <div class="relative w-full max-w-3xl" style="margin-top: 9rem;">
        <div class="absolute -top-10 -left-10 w-24 h-24 bg-primary/10 rounded-full float"></div>
        <div class="absolute -bottom-10 -right-10 w-32 h-32 bg-secondary/10 rounded-full float" style="animation-delay: 1s"></div>

        <div class="relative z-10 flex flex-col items-center">
            <div class="w-32 h-32 md:w-48 md:h-48 bg-primary/10 rounded-full flex items-center justify-center mb-6 pulse-slow">
                <i class="fas text-primary text-4xl md:text-6xl"></i>
            </div>
            <h1 class="text-[clamp(2rem,5vw,3.5rem)] font-bold text-center mb-4">404</h1>
            <p class="text-[clamp(1rem,2vw,1.25rem)] text-gray-600 text-center mb-8 max-w-2xl">
                抱歉，您访问的页面不存在或已被移除
            </p>

            <!-- 引导按钮 -->
            <div class="flex flex-col sm:flex-row gap-4 justify-center">
                <a href="index.php" class="px-8 py-3 bg-primary text-white rounded-lg font-medium hover:bg-primary/90 transition transform hover:-translate-y-1 shadow-lg hover:shadow-primary/30">
                    返回首页
                </a>
            </div>
        </div>
    </div>
</main>
</body>
</html>