/* Boot overlay — main bundle 載入前的全螢幕載入提示。 * 由 main.ts router.isReady() 後 JS 將 #boot-overlay 從 DOM 移除。 * * 本檔放在 public/，Vite 原樣複製到 dist/ 根目錄、URL 為 /boot.css（無 hash）。 * 由 index.html 內的 載入， * 早於 main bundle 即可生效，故獨立檔案不會造成可見的「未套用樣式」閃爍。 * * 抽離 inline style 的目的：搭配嚴格 CSP（style-src 'self'，無 'unsafe-inline'）。 * 樣式必須完全 self-contained — 不可引用 Bootstrap 變數或 main bundle CSS。 */ #boot-overlay { position: fixed; inset: 0; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient( ellipse at 50% 25%, #1e4a7a 0%, #0f2744 55%, #091b36 100% ); color: #fff; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; } .boot-overlay__spinner { width: 48px; height: 48px; border: 4px solid rgba(255, 255, 255, 0.22); border-top-color: #fff; border-radius: 50%; animation: boot-spin 0.8s linear infinite; } .boot-overlay__caption { margin-top: 18px; font-size: 14px; letter-spacing: 0.08em; opacity: 0.85; } @keyframes boot-spin { to { transform: rotate(360deg); } }