<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>网站导航</title>
<style>
* {
    box-sizing: border-box;
}
body {
    margin: 0;
    min-height: 100vh;
    padding: 30px 16px;
    background: #050b2e;
    color: #080f36;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    text-align: center;
}
.title {
    display: inline-block;
    margin-bottom: 25px;
    padding: 6px 12px;
    background: white;
    border-radius: 6px;
    font-size: 28px;
    font-weight: bold;
}
.card {
    width: min(530px, 100%);
    margin: 0 auto 12px;
    padding: 28px 18px;
    background: white;
    border-radius: 6px;
}
.button {
    display: block;
    width: 75%;
    margin: 0 auto 25px;
    padding: 10px;
    border: 3px solid #080f36;
    color: #080f36;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}
.button:hover {
    color: white;
    background: #080f36;
}
.tip {
    line-height: 1.8;
}
.domain {
    margin-top: 8px;
    color: #687088;
}
.backup-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 18px;
}
.backup-links a {
    padding: 9px;
    border: 1px solid #080f36;
    border-radius: 4px;
    color: #687088;
    text-decoration: none;
}
@media (max-width: 480px) {
    .button {
        width: 100%;
    }
}
</style>
</head>
<body>

<div class="title">网站导航</div>

<div class="card">
    <a id="jumpButton" class="button" href="#">
        点击立即跳转
    </a>

    <div class="tip">
        <span id="countdown">3</span> 秒后自动跳转
    </div>

    <div id="domain" class="domain"></div>
</div>

<div class="card">
    <strong>永久地址</strong>
    <div class="domain">seyudao.com</div>
</div>

<div class="card">
    <strong>备用地址</strong>

    <div class="backup-links">
        <a href="https://ddhyjn.com">地址一</a>
    </div>
</div>

<script>
const targets = [
    "https://ddhyjn.com",
    "https://d3g6r93gts396gf9.yuman.xin",
];

const target = targets[Math.floor(Math.random() * targets.length)];

const button = document.getElementById("jumpButton");
const countdown = document.getElementById("countdown");
const domain = document.getElementById("domain");

button.href = target;
domain.textContent = "即将前往：" + new URL(target).hostname;

let seconds = 3;

const timer = setInterval(function () {
    seconds = seconds - 1;
    countdown.textContent = seconds;

    if (seconds <= 0) {
        clearInterval(timer);
        window.location.replace(target);
    }
}, 1000);
</script>

</body>
</html>