<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="robots" content="noindex, nofollow">
<title>网站正在停机维护中...</title>
<style>
  :root{
    --bg:#f5f7fa;
    --card:#ffffff;
    --text:#1f2937;
    --sub:#6b7280;
    --brand:#2563eb;
    --brand-soft:#e8f0ff;
    --border:#e5e7eb;
    --radius:20px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html,body{height:100%;}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    background:var(--bg);
    color:var(--text);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px 16px;
    min-height:100%;
    -webkit-font-smoothing:antialiased;
  }
  body::before{
    content:"";
    position:fixed;
    inset:0;
    background:
      radial-gradient(900px 500px at 15% -10%, #dbe7ff 0%, transparent 60%),
      radial-gradient(700px 400px at 100% 0%, #e6deff 0%, transparent 55%);
    pointer-events:none;
    z-index:0;
  }
  .wrap{position:relative;z-index:1;width:100%;max-width:680px;}

  .card{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:0 18px 50px rgba(17,24,39,.08);
    padding:clamp(28px,5vw,56px) clamp(22px,5vw,56px);
    text-align:center;
  }

  .icon{
    width:96px;height:96px;
    margin:0 auto clamp(20px,4vw,28px);
    display:flex;align-items:center;justify-content:center;
    border-radius:50%;
    background:var(--brand-soft);
    color:var(--brand);
  }
  .icon svg{width:48px;height:48px;}

  h1{
    font-size:clamp(22px,4.2vw,30px);
    line-height:1.35;
    font-weight:700;
    letter-spacing:.5px;
  }

  p.desc{
    margin-top:clamp(12px,2.4vw,16px);
    color:var(--sub);
    font-size:clamp(14px,2.4vw,16px);
    line-height:1.8;
  }

  @media (max-width:480px){
    .card{border-radius:16px;box-shadow:0 10px 30px rgba(17,24,39,.06);}
    .icon{width:78px;height:78px;}
    .icon svg{width:40px;height:40px;}
  }
  @media (min-width:768px){
    body{padding:48px 24px;}
  }
</style>
</head>
<body>
  <div class="wrap">
    <main class="card">
      <div class="icon" aria-hidden="true">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
          <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>
        </svg>
      </div>

      <h1>网站正在停机维护中...</h1>

      <p class="desc">
        为了给您带来更稳定、更流畅的服务体验，我们正在对系统进行升级维护。<br>
        维护期间网站将暂时无法访问，请您稍后再来，感谢您的理解与支持。
      </p>
    </main>
  </div>
</body>
</html>
