/* 首屏关键样式：CSS bundle 加载前避免白屏/主题闪烁 */
html {
  background: #fff;
  color-scheme: light;
}
html.dark {
  background: oklch(0.205 0.018 258);
  color-scheme: dark;
}
.boot-loading {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boot-loading::after {
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid #d4d4d8;
  border-top-color: #525252;
  animation: boot-spin 0.8s linear infinite;
}
html.dark .boot-loading::after {
  border-color: #3f4451;
  border-top-color: #aab2c0;
}
@keyframes boot-spin {
  to {
    transform: rotate(360deg);
  }
}