<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>域名迁移提示</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
*{margin:0;padding:0;box-sizing:border-box;}
body{
    font-family: "Microsoft Yahei",sans-serif;
    background: linear-gradient(135deg,#f5f7fa 0%,#e4eaf5 100%);
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.card{
    background:#fff;
    max-width:520px;
    width:100%;
    padding:50px 40px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    text-align:center;
    animation:fadeIn 0.6s ease;
}
@keyframes fadeIn{
    from{opacity:0;transform:translateY(20px);}
    to{opacity:1;transform:translateY(0);}
}
.title{
    font-size:24px;
    color:#222;
    margin-bottom:12px;
    font-weight:bold;
}
.desc{
    font-size:16px;
    color:#666;
    line-height:1.6;
    margin-bottom:30px;
}
.time-box{
    display:inline-block;
    background:#fff2f2;
    color:#ff3333;
    font-size:32px;
    font-weight:bold;
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    margin:10px 0;
}
.url-box{
    background:#f8f9fa;
    padding:14px 18px;
    border-radius:12px;
    margin:24px 0;
    word-break:break-all;
    color:#333;
    font-size:15px;
    border:1px dashed #ddd;
}
.btn{
    display:inline-block;
    background:#007bff;
    color:#fff;
    padding:12px 28px;
    border-radius:8px;
    text-decoration:none;
    font-weight:bold;
    margin-top:10px;
    transition:0.2s;
}
.btn:hover{background:#0066dd;}
.tip{
    font-size:14px;
    color:#999;
    margin-top:20px;
}
</style>
</head>
<body>

<div class="card">
    <div class="title">域名即将停用迁移</div>
    <div class="desc">本站域名已更换，为避免影响使用，请您收藏新地址</div>
    
    <div class="time-box" id="time">10</div>
    <p>秒后自动为您跳转</p>
    
    <div class="url-box" id="showUrl"></div>
    
    <a id="gotoLink" class="btn">立即进入新站</a>
    <div class="tip">如未自动跳转，请点击上方按钮</div>
</div>

<script>
const targetUrl = "https://www.vip.369ta.cn" + window.location.pathname + window.location.search;
document.getElementById("showUrl").innerText = targetUrl;
document.getElementById("gotoLink").href = targetUrl;

// 倒计时10秒
let count = 10;
const timer = setInterval(() => {
    count--;
    document.getElementById("time").innerText = count;
    if(count <= 0) {
        clearInterval(timer);
        window.location.href = targetUrl;
    }
}, 1000);
</script>
</body>
</html>