/* 页面加载过渡效果 */
body {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

body.content-loaded {
  opacity: 1;
}

/* 确保在加载过程中不显示内容 */
.main-container {
  visibility: hidden;
}

body.content-loaded .main-container {
  visibility: visible;
}

/* 添加淡入效果 */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

body.content-loaded #app {
  animation: fadeIn 0.5s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  body {
    opacity: 1;
    transition: none;
  }
  body.content-loaded #app {
    animation: none;
  }
}