<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>湖北招生信息综合服务平台(原湖北招生信息网) </title>
    <style>
        @keyframes gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        @keyframes blink {
            0%, 100% { opacity: 0.2; }
            50% { opacity: 1; }
        }

        body {
            margin: 0;
            padding: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            background: linear-gradient(-45deg, #0f0c29, #302b63, #24243e, #1c1c3c);
            background-size: 400% 400%;
            animation: gradientBG 15s ease infinite;
            color: #e0e0e0;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            text-align: center;
            overflow: hidden; /* 防止渐变动画可能导致的滚动条 */
        }

        .container {
            background: rgba(0, 0, 0, 0.3);
            padding: 40px 30px;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            max-width: 90%;
            width: 500px;
        }

        .icon svg {
            width: 80px;
            height: 80px;
            fill: #76c7c0; /* 一个科技感的青色 */
            animation: spin 4s linear infinite;
            margin-bottom: 20px;
        }

        h1 {
            font-size: 2.5em;
            margin-top: 0;
            margin-bottom: 15px;
            color: #ffffff;
            font-weight: 600;
            letter-spacing: 1px;
        }

        p {
            font-size: 1.1em;
            line-height: 1.6;
            margin-bottom: 25px;
        }

        .loading-dots span {
            display: inline-block;
            width: 10px;
            height: 10px;
            background-color: #76c7c0;
            border-radius: 50%;
            margin: 0 5px;
            animation: blink 1.4s infinite both;
        }

        .loading-dots span:nth-child(2) {
            animation-delay: 0.2s;
        }

        .loading-dots span:nth-child(3) {
            animation-delay: 0.4s;
        }
        
        .footer {
            margin-top: 30px;
            font-size: 0.9em;
            color: #a0a0a0;
        }
        .footer a {
            color: #76c7c0;
            text-decoration: none;
        }
        .footer a:hover {
            text-decoration: underline;
        }

        /* 响应式调整 */
        @media (max-width: 600px) {
            h1 {
                font-size: 2em;
            }
            p {
                font-size: 1em;
            }
            .icon svg {
                width: 60px;
                height: 60px;
            }
            .container {
                padding: 30px 20px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="icon">
            <!-- SVG 齿轮图标 -->
            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path d="M19.48,12.05c0.05-0.32,0.07-0.64,0.07-0.98s-0.02-0.66-0.07-0.98l2.11-1.65c0.19-0.15,0.24-0.42,0.12-0.64 l-2-3.46c-0.12-0.22-0.39-0.3-0.61-0.22l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65C14.46,2.18,14.25,2,14,2h-4 c-0.25,0-0.46,0.18-0.49,0.42L9.13,5.07C8.52,5.32,7.96,5.65,7.44,6.05l-2.49-1c-0.22-0.08-0.49,0-0.61,0.22l-2,3.46 c-0.12,0.22-0.07,0.49,0.12,0.64l2.11,1.65C4.02,11.39,4,11.71,4,12.05s0.02,0.66,0.07,0.98l-2.11,1.65 c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46c0.12,0.22,0.39,0.3,0.61,0.22l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65 C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1 c0.22,0.08,0.49,0,0.61-0.22l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.48,12.05z M12,15.5c-1.93,0-3.5-1.57-3.5-3.5 s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,15.5,12,15.5z"/>
            </svg>
        </div>
        <h1>系统升级中...</h1>
        <p>我们正在努力为您带来更好的体验，网站暂时无法访问</p>
        <p>请稍候片刻，我们将很快回来</p>
        <div class="loading-dots">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>            
        </div>
        <div class="footer">
            <p>&copy; <span id="currentYear"></span> 湖北省教育信息化发展中心 版权所有. All Rights Reserved.</p>
            <!-- 你可以添加一些联系方式或社交媒体链接 -->
            <!-- <p>如有疑问，请联系: <a href="mailto:support@example.com">support@example.com</a></p> -->
        </div>
    </div>

    <script>
        document.getElementById('currentYear').textContent = new Date().getFullYear();
    </script>
</body>
</html>
