/* 让页面和body占满全屏 */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #000; /* 黑色背景 */
    font-family: "Arial", sans-serif; /* 可以修改为你喜欢的任何字体 */
  }
  
  /* 淡入动画的关键帧 */
  @keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(30px); /* 初始位置向下微移 */
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* 中央白色文字 */
  #fade-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 2em; /* 根据需要自定义字体大小 */
    text-align: center;
    opacity: 0; /* 初始不可见 */
    
    /* 应用动画 */
    animation: fadeIn 3s ease forwards;
    /* 3s是持续时间，可根据需要修改。例如5s、8s等 */
  }