<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正在跳转|SPQR.top 短网址跳转服务</title>
    <!-- 引入Bootstrap CDN -->
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <style>
        /* 内联CSS样式 */
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            /**background: linear-gradient(270deg, #ff9a9e, #fad0c4);**/
            background-image: url('https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/305616-skucards-backgroundfullbleed-1600x1132?resMode=sharp2&op_usm=1.5,0.65,15,0&wid=2000&hei=1415&qlt=100&fmt=png-alpha&fit=constrain');
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
        }
        @keyframes gradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        .card {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            border-radius: 10px;
        }
        .btn-primary {
            background-color: #007bff;
            border: none;
        }
        .btn-primary:hover {
            background-color: #0056b3;
        }
        .btn-error {
            background-color: #ff3700;
            border: none;
        }
        .btn-error:hover {
            background-color: #b70404;
        }
        .loader {
            border: 4px solid #f3f3f3;
            border-radius: 50%;
            border-top: 4px solid #3498db;
            width: 48px;
            height: 48px;
            animation: spin 2s linear infinite;
            margin: 0 auto 15px auto; 
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
    </style>
</head>
<body>
    <div class="card text-center">
        <div class="card-body">
            <img src="https://wallpapercave.com/wp/wp2471066.jpg" style="max-width: 168px;"/>
            <h2 class="card-title" id="title">正在前往目标站点</h2>
            <p class="card-text">由 <a href="//spqr.top" target="_blank">SPQR.top</a> 提供网址链接缩短服务。</p>
            <p class="card-text">目标网站由 <span><?php echo($source->owner); ?></span> 提供 <br />
            我们不对其内容的真实性和合法性负责。
            </p>
            <p class="card-text" style="display: <?php echo($ba);?>;">⚠️该网站未备案，可能存在违规内容，请谨慎访问！⚠️</p>
            <div id="loader" class="loader"></div>
            <a id="msg"  class="btn "></a>
        </div>
    </div>
    
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.7.1.js" ></script>
<script type="text/javascript">
let min = 2000;
let max = 6000;
let randomIntInRange = Math.floor(Math.random() * (max - min + 1)) + min;

setTimeout(function(){
    var goto='<?php echo $source->source; ?>';
$("#msg").attr("href", goto); 
$("#msg").html('若您的浏览器没有反应，请点击此处');
$("#msg").addClass("btn-primary");
$("#msg").show();
window.location.href=goto;
}, randomIntInRange);



</script>
</body>
</html>