<html>

<head>
    <style>
        .challenge-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background: #f5f7fa;
        }

        .card {
            text-align: center;
            background: #fff;
            padding: 40px 60px;
            border-radius: 12px;
            box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
        }

        h1 {
            font-size: 24px;
            color: #333;
            margin-bottom: 16px;
        }

        p {
            color: #666;
            margin: 8px 0;
        }

        .countdown {
            color: #999;
            font-size: 14px;
        }

        button {
            margin-top: 20px;
            padding: 10px 24px;
            background-color: #409eff;
            border: none;
            border-radius: 6px;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
            transition: background 0.2s;
        }

        button:hover {
            background-color: #66b1ff;
        }
    </style>
</head>

<body>
    <div class="challenge-container">
        <div class="card">
            <h1>验证身份</h1>
            <p>正在验证您的身份，登录体验更佳哦！</p>
            <p class="countdown">将在 3 秒后跳转至登录页面...</p>
            <!-- <button @click="goLogin">立即前往登录</button> -->
        </div>
    </div>
</body>
<script>
    function getQueryParams() {
        const params = {};
        const queryString = window.location.search.substring(1);
        if (!queryString) {
            return params;
        }
        const paramPairs = queryString.split('&');

        paramPairs.forEach(pair => {
            const [key, value] = pair.split('=');
            params[key] = decodeURIComponent(value);
        });

        return params;
    }
    (function () {

        

        //update contdown
        setInterval(() => {
            const countdown = document.querySelector('.countdown');
            let time = parseInt(countdown.innerText.split(' ')[1]);
            if (time > 1) {
                countdown.innerText = `将在 ${time - 1} 秒后跳转至登录页面...`;
            } else {
                const params = getQueryParams();
                const fromUrl = params && params.from? "https://www.zkjan.com": params.from;
                window.location.href = '/challenge?from=' + encodeURIComponent(fromUrl);
                // const fromUrl = window.loacation.
                // window.location.href = '/challenge';
                // alert('请登录');
            }
        }, 1000);
    })();
</script>

</html>