/* 启动 splash 样式：在 main.js 解析 + cloudbase 匿名登录完成前即时呈现，消除首屏白屏。
   通过 <link> 同步加载（CSS 阻塞渲染），Vue 挂载 #app 时整体替换其内容，splash 自动消失。 */
html, body { margin: 0; height: 100%; }
#app { height: 100%; }
.boot-splash {
  position: fixed; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 14px;
  background: #f4f7fb; color: #1e3a5f;
  font-family: system-ui, -apple-system, 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
}
.boot-logo { width: 52px; height: 52px; }
.boot-title { font-size: 20px; font-weight: 700; letter-spacing: .5px; }
.boot-sub { font-size: 13px; color: #5b6b82; }
.boot-spin {
  width: 34px; height: 34px; margin-top: 4px; border-radius: 50%;
  border: 3px solid rgba(245, 165, 36, .25); border-top-color: #f5a623;
  animation: bootspin .8s linear infinite;
}
@keyframes bootspin { to { transform: rotate(360deg); } }