/* 首屏 loading：放在 public 避免 index.html 内联 style 触发 Vite html-inline-proxy 构建失败 */
@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

#loading-mask .ripple-loader {
  position: relative;
  width: 40px;
  height: 40px;
}

#loading-mask .ripple {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 4px solid #2273ff;
  border-radius: 50%;
  animation: ripple 1.5s infinite ease-out;
}

#loading-mask .ripple:nth-child(2) {
  animation-delay: 0.5s;
}