/* 星空背景层 */
    .stars-bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: #050d25; /* 深蓝色夜空，不刺眼 */
      z-index: -2; /* 最底层，不挡任何内容 */
      overflow: hidden;
    }
    /*月亮*/
    .moon{
      /* 核心：固定在网页右上方，滚动页面也不会偏移 */
      position: absolute;
      z-index: -2; /* 让月亮在最上层，不被其他元素遮挡 */
      /* 圆月基础样式 */
      width: 90px;  /* 月亮大小，可自行调整 */
      height: 90px;
      border-radius: 50%; /* 圆形 */
      background: #f5f5dc; /* 月亮颜色（米白/鹅黄），可换#fff白色 */
      /* 可选：加一点光晕，更有氛围感 */
      box-shadow: 0 0 20px 10px rgba(255, 255, 224, 0.6);
      animation: Moontwinkle 5s infinite alternate;
    }

    /* 月亮闪烁动画 */
    @keyframes Moontwinkle {
      0% { opacity: 0.7; }
      100% { opacity: 1; }
    }

    /* 普通星星（闪烁效果） */
    .star {
      position: absolute;
      background: white;
      border-radius: 50%;
      animation: twinkle 2s infinite alternate;
    }

    /* 星星闪烁动画 */
    @keyframes twinkle {
      0% { opacity: 0.3; }
      100% { opacity: 1; }
    }

    /* 北斗七星（更亮、更大，清晰可见） */
    .big-dipper {
      position: absolute;
      width: 5px;
      height: 5px;
      background: #ffffff;
      box-shadow: 0 0 8px 2px rgba(255,255,255,0.6); /* 高亮效果，更容易识别 */
      border-radius: 50%;
      z-index: -1;
    }

    /* 流星样式 */
    .meteor {
      position: absolute;
      width: 4px;
      height: 120px;
      background: linear-gradient(to bottom left, rgba(255,141,161,0), rgba(255,141,161,1));
      transform: rotate(-45deg);
      opacity: 0;
      animation: meteor-fly 3s linear forwards;
      z-index: -1;
    }

    /* 流星划过动画 */
    @keyframes meteor-fly {
      0% {
        opacity: 0;
        transform: translate(0, 0) rotate(60deg);
      }
      20% { opacity: 1; }
      100% {
        opacity: 0;
        transform: translate(-100vw, 100vh) rotate(60deg);
      }
    }