<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/png" href="/favicon.ico" />
    <title></title>
    <style>
      html,
      body {
        margin: 0;
        padding: 0;
        min-height: 100%;
        background: #f5f7fa;
        color: #111827;
        font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      }

      #root {
        min-height: 100vh;
      }

      .app-shell-wrap {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
      }

      .app-shell {
        width: min(92vw, 360px);
        background: #ffffff;
        border-radius: 20px;
        padding: 20px 18px;
        box-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
        border: 1px solid #eef0f4;
      }

      .app-shell__row {
        display: flex;
        align-items: center;
        gap: 12px;
      }

      .app-shell__spinner {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        background: linear-gradient(135deg, #6f49db, #9a7be7);
        display: grid;
        place-items: center;
        box-shadow: 0 8px 18px rgba(111, 73, 219, 0.25);
      }

      .app-shell__spinner::after {
        content: "";
        width: 18px;
        height: 18px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        border-top-color: #ffffff;
        border-radius: 50%;
        animation: app-shell-spin 1s linear infinite;
      }

      .app-shell__title {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
      }

      .app-shell__subtitle {
        font-size: 12px;
        color: #8f92a1;
        margin: 4px 0 0;
      }

      .app-shell__bar {
        margin-top: 14px;
        height: 8px;
        border-radius: 999px;
        background: #eef0f4;
        overflow: hidden;
      }

      .app-shell__bar::after {
        content: "";
        display: block;
        height: 100%;
        width: 45%;
        background: linear-gradient(90deg, #ffb454, #ff7a59);
        animation: app-shell-pulse 1.2s ease-in-out infinite;
      }

      @keyframes app-shell-spin {
        to {
          transform: rotate(360deg);
        }
      }

      @keyframes app-shell-pulse {
        0%,
        100% {
          opacity: 0.6;
          transform: translateX(0);
        }
        50% {
          opacity: 1;
          transform: translateX(30%);
        }
      }
    </style>
    <script type="module" crossorigin src="/assets/index-C4I7KKVh.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-CQi-BlGf.js">
    <link rel="modulepreload" crossorigin href="/assets/react-r0PIbEce.js">
    <link rel="modulepreload" crossorigin href="/assets/antd-mobile-K93r2bYz.js">
    <link rel="modulepreload" crossorigin href="/assets/router-kY6L2Ahs.js">
    <link rel="stylesheet" crossorigin href="/assets/style-BOmD_piw.css">
  </head>
  <body>
    <div id="root">
      <div class="app-shell-wrap">
        <div class="app-shell" aria-busy="true" aria-live="polite">
          <div class="app-shell__row">
            <div class="app-shell__spinner"></div>
            <div>
              <p class="app-shell__title">页面正在加载</p>
              <p class="app-shell__subtitle">网络较慢时请稍候</p>
            </div>
          </div>
          <div class="app-shell__bar"></div>
        </div>
      </div>
    </div>
  </body>
  </html>
