html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: bgSlide 30s infinite;
}

@keyframes bgSlide {
  0%, 33% {
    background-image: url("https://rare-gallery.com/resol/1920x1080/391776-sunset-scenery-river-digital-art-4k-pc-wallpaper.jpg");
  }
  34%, 66% {
    background-image: url("https://q6.itc.cn/images01/20240204/d09a9e4cb20d4f898d11c8c0e8cb9d9f.jpeg"); /* 替换第二张 */
  }
  67%, 100% {
    background-image: url("https://img0.baidu.com/it/u=945965507,2227352010&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500"); /* 替换第三张 */
  }
}

/* 确保 Homepage 内容区域足够高 */
#app {
  min-height: 100vh;
}