
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网站信息查询|whois信息查询|dns查询|域名查询|站长工具</title>
    <meta name="keywords" content="网站信息查询|whois信息查询|dns查询|域名查询|站长工具" />
    <meta name="description" content="网站信息查询|whois信息查询|dns查询|域名查询|站长工具" />

    <!-- Tailwind CSS v3 -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Font Awesome -->
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- Chart.js -->
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.8/dist/chart.umd.min.js"></script>

    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#1e40af',
                        secondary: '#3b82f6',
                        accent: '#60a5fa',
                        neutral: '#f1f5f9',
                        'neutral-dark': '#94a3b8',
                        success: '#10b981',
                        warning: '#f59e0b',
                        danger: '#ef4444',
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                    boxShadow: {
                        'card': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
                        'card-hover': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
                    }
                }
            }
        }
    </script>
    <style type="text/tailwindcss">
        @layer utilities {
            .glass-effect {
                background: rgba(255, 255, 255, 0.25);
                backdrop-filter: blur(4px);
                -webkit-backdrop-filter: blur(4px);
                border: 1px solid rgba(255, 255, 255, 0.18);
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }
            .gradient-bg {
                background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
            }
            .input-focus {
                @apply focus:ring-2 focus:ring-secondary focus:border-transparent;
            }
            .btn-primary {
                @apply bg-primary hover:bg-primary/90 text-white font-medium py-2 px-4 rounded-lg transition-all duration-300 transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-opacity-50;
            }
            .card {
                @apply bg-white rounded-xl shadow-card p-6 transition-all duration-300 hover:shadow-card-hover;
            }
            .info-item {
                @apply grid grid-cols-3 py-3 border-b border-gray-100;
            }
            .info-label {
                @apply text-gray-500 font-medium;
            }
            .info-value {
                @apply col-span-2 font-medium;
            }
            .badge {
                @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
            }
            .badge-success {
                @apply bg-green-100 text-green-800;
            }
            .badge-warning {
                @apply bg-yellow-100 text-yellow-800;
            }
            .badge-danger {
                @apply bg-red-100 text-red-800;
            }
        }
    </style>
</head>
<body class="bg-gray-50 min-h-screen">
    <div class="gradient-bg h-64 w-full absolute top-0 left-0 -z-10"></div>

    <div class="container mx-auto px-4 py-12 max-w-5xl">
        <div class="text-center mb-12">
            <h1 class="text-4xl font-bold text-white text-shadow mb-2">域名 WHOIS 查询</h1>
            <p class="text-blue-100">输入域名，获取注册信息、DNS、有效期等</p>
        </div>

        <div class="card mb-8">
            <form id="whois-form" class="flex flex-col md:flex-row gap-4">
                <div class="flex-grow">
                    <label for="domain-input" class="block text-sm font-medium text-gray-700 mb-1">输入域名</label>
                    <div class="relative">
                        <span class="absolute inset-y-0 left-0 flex items-center pl-3 text-gray-500">
                            <i class="fa fa-globe"></i>
                        </span>
                        <input 
                            type="text" 
                            id="domain-input" 
                            class="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg input-focus" 
                            placeholder="例如: baidu.com"
                            value=""
                            autocomplete="off"
                        >
                    </div>
                </div>
                <div class="flex items-end">
                    <button type="submit" class="btn-primary h-10">
                        <i class="fa fa-search mr-2"></i>查询
                    </button>
                </div>
            </form>
        </div>

        
        <!-- ✅ 优化后的“最近查询”区块（低内存版） -->
        <div class="card">
            <h3 class="text-xl font-bold text-gray-800 mb-4">最近查询</h3>
            <div class="flex flex-wrap gap-2">
                <a href="/avyd.com.html" class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm hover:bg-blue-200 transition-colors">avyd.com</a><a href="/05760.com.html" class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm hover:bg-blue-200 transition-colors">05760.com</a><a href="/dzom.com.html" class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm hover:bg-blue-200 transition-colors">dzom.com</a><a href="/ixqj.com.html" class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm hover:bg-blue-200 transition-colors">ixqj.com</a><a href="/bygs.com.html" class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm hover:bg-blue-200 transition-colors">bygs.com</a><a href="/zzylrc.com.html" class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm hover:bg-blue-200 transition-colors">zzylrc.com</a><a href="/aetg.com.html" class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm hover:bg-blue-200 transition-colors">aetg.com</a><a href="/pqnu.com.html" class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm hover:bg-blue-200 transition-colors">pqnu.com</a><a href="/hzwz.com.html" class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm hover:bg-blue-200 transition-colors">hzwz.com</a>            </div>
        </div>

                <div class="card mt-8">
            <h3 class="text-xl font-bold text-gray-800 mb-4">友情链接</h3>
            <div class="flex flex-wrap gap-3">
                                <a 
                    href="http://www.adfsdlc.com" 
                    target="_blank" 
                    rel="noopener noreferrer"
                    class="px-4 py-2 bg-indigo-50 text-indigo-700 rounded-lg hover:bg-indigo-100 transition-colors text-sm font-medium"
                >
                    睢宁县诺源百货店                </a>
                                <a 
                    href="http://www.hzykzx.com" 
                    target="_blank" 
                    rel="noopener noreferrer"
                    class="px-4 py-2 bg-indigo-50 text-indigo-700 rounded-lg hover:bg-indigo-100 transition-colors text-sm font-medium"
                >
                    上海泊寓欧网络科技有限公司                </a>
                                <a 
                    href="http://www.tsdeyi.com" 
                    target="_blank" 
                    rel="noopener noreferrer"
                    class="px-4 py-2 bg-indigo-50 text-indigo-700 rounded-lg hover:bg-indigo-100 transition-colors text-sm font-medium"
                >
                    河南易能蒙太信息技术有限公司                </a>
                                <a 
                    href="http://www.yck168.com" 
                    target="_blank" 
                    rel="noopener noreferrer"
                    class="px-4 py-2 bg-indigo-50 text-indigo-700 rounded-lg hover:bg-indigo-100 transition-colors text-sm font-medium"
                >
                    上海泊寓欧网络科技有限公司                </a>
                                <a 
                    href="http://www.lzgsyd.com" 
                    target="_blank" 
                    rel="noopener noreferrer"
                    class="px-4 py-2 bg-indigo-50 text-indigo-700 rounded-lg hover:bg-indigo-100 transition-colors text-sm font-medium"
                >
                    淮南市岚风说游戏工作室                </a>
                            </div>
        </div>
        
    </div>

    <footer class="bg-gray-800 text-white py-6 mt-12">
        <div class="container mx-auto px-4 text-center">
            <p>© 2025 网站信息查询|whois信息查询|dns查询|域名查询|站长工具</p>
        </div>
    </footer>

    <script>
        document.getElementById('whois-form').addEventListener('submit', function(e) {
            e.preventDefault();
            let domain = document.getElementById('domain-input').value.trim().toLowerCase();
            if (!domain) {
                alert('请输入域名');
                return;
            }
            domain = domain.replace(/[^a-z0-9.-]/g, '');
            if (domain.includes('.') && domain.length > 4) {
                window.location.href = '/' + encodeURIComponent(domain) + '.html';
            } else {
                alert('请输入有效域名（如：west.cn）');
            }
        });

        document.getElementById('domain-input').addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                document.getElementById('whois-form').dispatchEvent(new Event('submit'));
            }
        });
    </script>

    <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
    <script>LA.init({id:"L21cKd0wyEom6IPe",ck:"L21cKd0wyEom6IPe"})</script>
</body>
</html>