/* 白屏阶段 — 莲花 Logo 呼吸动画 + Loading 文字 */

#app-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0c0b16;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

/* 莲花 Logo */
#app-loading::before {
  content: "";
  width: 64px;
  height: 64px;
  background: url("/favicon.png") center / contain no-repeat;
  animation: app-glow 2s ease-in-out infinite;
  filter: drop-shadow(0 0 10px rgba(255, 200, 50, 0.3));
}

/* Loading... 逐点出现 */
#app-loading::after {
  content: "Loading";
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: 2px;
  animation: app-dots 1.6s steps(1) infinite;
}

@keyframes app-glow {
  0%, 100% {
    filter: drop-shadow(0 0 10px rgba(255, 200, 50, 0.3));
  }
  50% {
    filter: drop-shadow(0 0 20px rgba(255, 200, 50, 0.65));
  }
}

@keyframes app-dots {
  0%   { content: "Loading"; }
  25%  { content: "Loading."; }
  50%  { content: "Loading.."; }
  75%  { content: "Loading..."; }
}