<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>维护公告</title>

<style>
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Microsoft YaHei",sans-serif;
}

body{
    height:100vh;
    background: linear-gradient(135deg,#8b0000,#b22222,#d4af37);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    overflow:hidden;
}

/* 半透明内容卡片 */
.container{
    width:700px;
    background:rgba(255,255,255,0.95);
    color:#333;
    padding:60px;
    border-radius:16px;
    text-align:center;
    box-shadow:0 20px 60px rgba(0,0,0,0.3);
    position:relative;
    z-index:2;
}

.logo{
    margin-bottom:30px;
}

.logo img{
    max-width:240px;
}

h1{
    color:#b22222;
    font-size:36px;
    margin-bottom:20px;
}

h2{
    font-size:20px;
    margin-bottom:20px;
    color:#444;
}

.notice{
    margin:20px 0;
    line-height:1.8;
    font-size:16px;
}

.time{
    font-weight:bold;
    margin-top:15px;
    color:#b22222;
}

.apology{
    margin-top:25px;
    color:#666;
}

.blessing{
    margin-top:30px;
    font-size:18px;
    color:#b22222;
    font-weight:bold;
}

.footer{
    margin-top:40px;
    font-size:14px;
    color:#888;
}

/* 简单烟花效果 */
.firework{
    position:absolute;
    width:6px;
    height:6px;
    background:#fff;
    border-radius:50%;
    animation: explode 2s infinite ease-out;
}

@keyframes explode{
    0%{transform:scale(1);opacity:1;}
    100%{transform:scale(20);opacity:0;}
}
.firework:nth-child(1){top:10%;left:20%;animation-delay:0s;}
.firework:nth-child(2){top:30%;left:80%;animation-delay:1s;}
.firework:nth-child(3){top:70%;left:10%;animation-delay:1.5s;}
.firework:nth-child(4){top:80%;left:70%;animation-delay:0.5s;}
</style>
<script>

window.onload = function () {

    var logo = document.getElementById("siteLogo");
    logo.src = window.location.origin + "/images/logo.png";

    logo.onerror = function(){
        this.style.display = "none";
    };
};
</script>
</head>

<body>

<!-- 烟花背景 -->
<div class="firework"></div>
<div class="firework"></div>
<div class="firework"></div>
<div class="firework"></div>

<div class="container">

    <div class="logo">
        <img id="siteLogo">
    </div>

    <h1>? 新年快乐 ?</h1>

    <h2>系统维护通知</h2>

    <div class="notice">
        为进一步提升系统性能与服务质量，保障平台安全稳定运行，<br>
        我们将于新春期间进行系统升级维护。
    </div>

    <div class="time">
        停服周期：2026年2月15日—2月23日<br>
    </div>

    <div class="apology">
        维护期间系统将暂停访问，由此给您带来的不便，我们深表歉意。<br>
        感谢您的理解与支持！
    </div>

    <div class="blessing">
        值此新春佳节之际，<br>
        祝您新年快乐，万事顺遂，阖家幸福！
    </div>

    <div class="footer">
        ? <span id="current-year"></span> 多盈在线官网_多盈(中国) 版权所有<br>
        赣ICP备2023015270号 赣公网安备36010902001245号
    </div>
<script>
  // 确保在DOM加载完成后执行
  document.getElementById('current-year').textContent = new Date().getFullYear();
</script>
</div>

</body>
</html>
