置于维护模式

2026-03-28 21:46:36 +08:00
parent cf30240803
commit 64352dd8b4
2 changed files with 130 additions and 0 deletions
@@ -0,0 +1,115 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>系统维护中 - Coming Soon</title>
    <style>
        :root {
            --primary-color: #0070f3; /* Vercel 风格蓝色 */
            --text-color: #333;
            --bg-color: #fafafa;
        }
        body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: var(--bg-color);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            color: var(--text-color);
        }
        .container {
            text-align: center;
            padding: 2rem;
            max-width: 500px;
        }
        /* 动画图标 */
        .icon {
            width: 80px;
            height: 80px;
            margin-bottom: 2rem;
            display: inline-block;
            animation: pulse 2s infinite ease-in-out;
        }
        @keyframes pulse {
            0% { transform: scale(0.95); opacity: 0.8; }
            50% { transform: scale(1.05); opacity: 1; }
            100% { transform: scale(0.95); opacity: 0.8; }
        }
        h1 {
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 1rem;
            letter-spacing: -0.05rem;
        }
        p {
            font-size: 1.1rem;
            line-height: 1.6;
            color: #666;
            margin-bottom: 2rem;
        }
        .status-badge {
            display: inline-flex;
            align-items: center;
            background: #fff;
            padding: 0.5rem 1rem;
            border-radius: 50px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
            font-size: 0.9rem;
            color: var(--primary-color);
            font-weight: 600;
        }
        .status-dot {
            width: 8px;
            height: 8px;
            background-color: var(--primary-color);
            border-radius: 50%;
            margin-right: 8px;
            position: relative;
        }
        /* 装饰背景 */
        .grid {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
            background-size: 40px 40px;
            z-index: -1;
            opacity: 0.5;
        }
    </style>
 </head>
 <body>
    <div class="grid"></div>
    <div class="container">
        <svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <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.77 3.77z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: var(--primary-color);"/>
        </svg>
        <h1>正在系统升级</h1>
        <p>
            为了提供更好的服务，我们正在进行例行维护。<br>
            预计很快就会恢复访问，感谢您的耐心等待。
        </p>
        <div class="status-badge">
            <div class="status-dot"></div>
            正在全力修复中...
        </div>
    </div>
 </body>
 </html>
@@ -0,0 +1,15 @@
 {
  "rewrites": [
    {
      "source": "/((?!maintenance\\.html|assets/).*)",
      "destination": "/maintenance.html",
      "has": [
        {
          "type": "env",
          "key": "MAINTENANCE_MODE",
          "value": "true"
        }
      ]
    }
  ]
 }