<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>授权验证失败</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        body {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        .pulse-icon {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0%, 100% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.05); opacity: 0.8; }
        }
    </style>
</head>
<body class="flex items-center justify-center p-4">
    <div class="glass-card rounded-2xl p-8 md:p-12 max-w-lg w-full text-center">
        <!-- 图标 -->
        <div class="pulse-icon mb-6">
            <div class="w-24 h-24 mx-auto bg-red-100 rounded-full flex items-center justify-center">
                <svg class="w-12 h-12 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m0 0v2m0-2h2m-2 0H10m2-10V4a2 2 0 00-2-2H8a2 2 0 00-2 2v1m8 0V4a2 2 0 012-2h2a2 2 0 012 2v1M5 9h14a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2v-9a2 2 0 012-2z"></path>
                </svg>
            </div>
        </div>

        <!-- 标题 -->
        <h1 class="text-2xl md:text-3xl font-bold text-gray-800 mb-4">授权验证失败</h1>
        
        <!-- 提示信息 -->
        <div class="bg-red-50 border border-red-200 rounded-lg p-4 mb-6">
            <p class="text-red-700 text-sm md:text-base">
                当前域名 <span class="font-semibold" id="domain"></span> 未授权或授权已过期
            </p>
            <p class="text-red-600 text-sm mt-2">请购买授权后继续使用</p>
        </div>

        <!-- 功能说明 -->
        <div class="text-left bg-gray-50 rounded-lg p-4 mb-6">
            <p class="text-gray-600 text-sm mb-2 font-medium">购买授权后您将获得：</p>
            <ul class="text-gray-500 text-sm space-y-1">
                <li class="flex items-center"><span class="text-green-500 mr-2">✓</span> 完整后台管理功能</li>
                <li class="flex items-center"><span class="text-green-500 mr-2">✓</span> 在线更新服务</li>
                <li class="flex items-center"><span class="text-green-500 mr-2">✓</span> 技术支持服务</li>
            </ul>
        </div>

        <!-- 按钮 -->
        <div class="flex flex-col sm:flex-row gap-3 justify-center">
            <a href="https://51mpz.shop" target="_blank" 
               class="inline-flex items-center justify-center px-6 py-3 bg-gradient-to-r from-blue-500 to-purple-600 text-white font-semibold rounded-lg hover:from-blue-600 hover:to-purple-700 transition-all duration-200 shadow-lg hover:shadow-xl">
                <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
                </svg>
                前往购买授权
            </a>
            <a href="./login.php?logout" 
               class="inline-flex items-center justify-center px-6 py-3 bg-gray-100 text-gray-700 font-semibold rounded-lg hover:bg-gray-200 transition-all duration-200">
                <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"></path>
                </svg>
                退出登录
            </a>
        </div>

        <!-- 底部信息 -->
        <p class="text-gray-400 text-xs mt-6">如有疑问请联系客服</p>
    </div>

    <script>
        // 显示当前域名
        document.getElementById('domain').textContent = window.location.hostname;
    </script>
</body>
</html>
