<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网站升级通知 - 福鼎人</title>
    <!-- 多重重定向保障 -->
    <meta http-equiv="refresh" content="5; url=https://www.fudingren.net/">
    <script>
        // 立即尝试跳转
        try {
            window.location.href = "https://www.fudingren.net/";
        } catch(e) {
            // 如果失败，则等待DOM加载完成后跳转
            document.addEventListener('DOMContentLoaded', function() {
                setTimeout(function() {
                    window.location.href = "https://www.fudingren.net/";
                }, 1000);
            });
        }
    </script>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            color: #333;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }
        
        .container {
            max-width: 800px;
            width: 100%;
            background: white;
            border-radius: 15px;
            padding: 40px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
            text-align: center;
        }
        
        .logo {
            font-size: 2.5rem;
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 20px;
        }
        
        .icon {
            font-size: 4rem;
            margin-bottom: 20px;
            color: #4a90e2;
        }
        
        h1 {
            color: #2c3e50;
            margin-bottom: 20px;
            font-size: 2.2rem;
        }
        
        p {
            color: #555;
            margin-bottom: 15px;
            font-size: 1.1rem;
        }
        
        .url-info {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
            margin: 25px 0;
            border-left: 4px solid #4a90e2;
            text-align: left;
        }
        
        .url-info p {
            margin-bottom: 10px;
        }
        
        .url {
            font-family: 'Consolas', 'Monaco', monospace;
            color: #e74c3c;
            word-break: break-all;
        }
        
        .new-url {
            color: #27ae60;
            font-weight: bold;
        }
        
        .countdown {
            font-size: 3rem;
            font-weight: bold;
            color: #4a90e2;
            margin: 20px 0;
        }
        
        .progress-bar {
            height: 8px;
            background: #ecf0f1;
            border-radius: 4px;
            overflow: hidden;
            margin: 20px 0;
        }
        
        .progress {
            height: 100%;
            background: linear-gradient(90deg, #4a90e2, #66cc99);
            border-radius: 4px;
            width: 0%;
            transition: width 0.3s ease;
        }
        
        .btn {
            display: inline-block;
            background: linear-gradient(135deg, #4a90e2, #357ae8);
            color: white;
            padding: 15px 30px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            margin: 20px 10px;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
        }
        
        .btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(74, 144, 226, 0.3);
        }
        
        .manual-link {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #eee;
        }
        
        .manual-link a {
            color: #4a90e2;
            font-weight: 600;
            font-size: 1.1rem;
            text-decoration: none;
            border-bottom: 2px dotted #4a90e2;
            padding-bottom: 3px;
        }
        
        .manual-link a:hover {
            border-bottom: 2px solid #4a90e2;
        }
        
        .beian {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #eee;
            color: #666;
            font-size: 0.9rem;
        }
        
        .beian a {
            color: #666;
            text-decoration: none;
        }
        
        .beian a:hover {
            color: #4a90e2;
        }
        
        @media (max-width: 768px) {
            .container {
                padding: 25px 20px;
            }
            
            h1 {
                font-size: 1.8rem;
            }
            
            .countdown {
                font-size: 2.5rem;
            }
            
            .btn {
                display: block;
                margin: 10px 0;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="logo">福鼎人</div>
        <div class="icon">🚀</div>
        
        <h1>网站全面升级，为您开启新体验</h1>
        
        <p>感谢您一直以来对福鼎人的关注与支持！</p>
        <p>为了提供更优质的服务和更完善的用户体验，我们已完成网站全面升级。</p>
        <p>现在，所有功能已迁移至全新平台，页面加载更快，功能更丰富，体验更流畅。</p>
        
        <div class="url-info">
            <p>您访问的页面：<span class="url" id="current-url">正在获取...</span></p>
            <p>新网站地址：<span class="new-url">https://www.fudingren.net/</span></p>
        </div>
        
        <div class="countdown" id="countdown">5</div>
        <p>秒后自动跳转到新网站</p>
        
        <div class="progress-bar">
            <div class="progress" id="progress"></div>
        </div>
        
        <button class="btn" id="btn-now">立即跳转</button>
        <button class="btn" style="background: #95a5a6;" id="btn-pause">暂停倒计时</button>
        
        <div class="manual-link">
            <p>如果自动跳转失败，请点击：</p>
            <a href="https://www.fudingren.net/" target="_blank" id="manual-link">https://www.fudingren.net/</a>
        </div>
        
        <div class="beian">
            <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">
                闽ICP备2024063221号-1
            </a>
            <p>© 2023 福鼎人 版权所有 | 网站已完成全面升级</p>
        </div>
    </div>

    <script>
        // 配置
        const NEW_SITE_URL = "https://www.fudingren.net/";
        const REDIRECT_DELAY = 5; // 秒
        
        // 显示当前URL
        document.getElementById('current-url').textContent = window.location.href;
        
        // 倒计时功能
        let countdown = REDIRECT_DELAY;
        let isPaused = false;
        let countdownInterval;
        
        function startCountdown() {
            countdownInterval = setInterval(() => {
                if (!isPaused) {
                    countdown--;
                    document.getElementById('countdown').textContent = countdown;
                    
                    // 更新进度条
                    const progress = 100 - (countdown / REDIRECT_DELAY * 100);
                    document.getElementById('progress').style.width = `${progress}%`;
                    
                    if (countdown <= 0) {
                        clearInterval(countdownInterval);
                        redirectNow();
                    }
                }
            }, 1000);
        }
        
        function redirectNow() {
            // 尝试多种跳转方法
            try {
                // 方法1：标准跳转
                window.location.href = NEW_SITE_URL;
                
                // 方法2：如果1秒后还在当前页面，尝试replace方法
                setTimeout(() => {
                    if (window.location.href.indexOf('fudingren.net') === -1) {
                        window.location.replace(NEW_SITE_URL);
                    }
                }, 1000);
                
                // 方法3：如果3秒后还在当前页面，显示手动跳转提示
                setTimeout(() => {
                    if (window.location.href.indexOf('fudingren.net') === -1) {
                        document.querySelector('.manual-link').style.display = 'block';
                    }
                }, 3000);
            } catch (e) {
                console.error('跳转失败:', e);
                document.querySelector('.manual-link').style.display = 'block';
            }
        }
        
        // 初始化
        document.addEventListener('DOMContentLoaded', function() {
            startCountdown();
            
            // 立即跳转按钮
            document.getElementById('btn-now').addEventListener('click', function() {
                clearInterval(countdownInterval);
                redirectNow();
            });
            
            // 暂停/继续按钮
            document.getElementById('btn-pause').addEventListener('click', function() {
                isPaused = !isPaused;
                this.textContent = isPaused ? '继续倒计时' : '暂停倒计时';
                this.style.background = isPaused ? '#27ae60' : '#95a5a6';
            });
            
            // 手动跳转链接
            document.getElementById('manual-link').addEventListener('click', function(e) {
                e.preventDefault();
                window.open(NEW_SITE_URL, '_blank');
                alert('新网站已在新的标签页中打开！\n\n如果您希望直接跳转，请检查浏览器是否阻止了弹出窗口。');
            });
            
            // 如果页面加载后5秒内没有跳转，显示手动跳转提示
            setTimeout(() => {
                if (window.location.href.indexOf('fudingren.net') === -1) {
                    document.querySelector('.manual-link').style.display = 'block';
                }
            }, 5000);
        });
    </script>
</body>
</html>