/* ===== 启动/重载过场（名爵风蓝白 · 方案B：进度环）=====
         作用：手机切后台被系统回收后重载时，用加载过场衔接，避免"白屏一闪像抽风刷新"。
         常驻为 /boot.css（head 里 link，先于 bundle 加载，不依赖 Vue）。
         注：原为 index.html 内联 <style>，因 vite 6.4.3 的 html-inline-proxy 构建 bug
         （Could not load index.html?html-proxy&inline-css）外移成公共静态 CSS。
         进度由 src/App.vue 的 driveBoot() 按真实启动步骤驱动（见 window.__h5boot）。 */
      #h5boot {
        position: fixed; inset: 0; z-index: 9999;
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        background:
          radial-gradient(120% 60% at 85% -10%, rgba(255, 255, 255, .16), transparent 60%),
          radial-gradient(90% 40% at 8% 8%, rgba(120, 200, 255, .22), transparent 55%),
          linear-gradient(174deg, #123c6c 0%, #1d5a9c 20%, #2f7fd6 42%, #6aa6dd 62%, #b9d4ee 82%, #e2eefa 100%);
        opacity: 1; transition: opacity .5s ease, visibility .5s ease;
      }
      #h5boot.h5b-done { opacity: 0; visibility: hidden; pointer-events: none; }
      .h5b-inner { display: flex; flex-direction: column; align-items: center; transition: transform .5s ease; }
      #h5boot.h5b-done .h5b-inner { transform: scale(1.03); }
      .h5b-logo {
        width: 90px; height: 90px; display: block;
        filter: drop-shadow(0 10px 22px rgba(9, 40, 80, .5)) drop-shadow(0 0 18px rgba(140, 200, 255, .38));
      }
      .h5b-sub { margin-top: 12px; font-size: 12px; color: rgba(255, 255, 255, .78); letter-spacing: .5px; }
      .h5b-ring { position: relative; width: 132px; height: 132px; margin-top: 34px; }
      .h5b-ring svg { transform: rotate(-90deg); }
      #h5bArc { filter: drop-shadow(0 0 7px rgba(170, 215, 255, .65)); }
      .h5b-pct { position: absolute; inset: 0; display: flex; align-items: baseline; justify-content: center; gap: 2px; padding-top: 50px; }
      .h5b-pct .num { font-size: 38px; font-weight: 900; letter-spacing: .5px; color: #fff; font-variant-numeric: tabular-nums; text-shadow: 0 2px 14px rgba(130, 190, 255, .55); }
      .h5b-pct .sign { font-size: 14px; font-weight: 800; color: rgba(255, 255, 255, .85); }
      .h5b-cap { margin-top: 22px; height: 18px; font-size: 13px; letter-spacing: .5px; color: rgba(255, 255, 255, .88); text-shadow: 0 1px 5px rgba(16, 44, 82, .35); }
      .h5b-cap::after { content: ''; animation: h5bDots 1.4s steps(4, end) infinite; }
      @keyframes h5bDots { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75% { content: '...'; } }