#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:999991;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}
  /* 为avatar的hover状态定义旋转效果 */
  .avatar {
    transition: transform 1s ease;
  }
  .avatar:hover {
    transform: rotate(365deg);
  }
   /* 为主div提升层级 */

#player { 
          z-index: 4;
  }
#footer { 
          z-index: 3;
  } 
.toolbar-item { 
          z-index: 4;
  } 


  /* 太阳光源容器 */
    .sun-light {
      position: fixed;
      pointer-events: none; /* 不影响鼠标与其他元素的交互 */
      width: 300px; /* 光源光晕大小 */
      height: 300px;
      border-radius: 50%; /* 圆形光源 */
      transform: translate(-50%, -50%); /* 让光源中心对准鼠标 */
      opacity: 0.6; /* 光源透明度 */
      /* 太阳暖色调径向渐变（中心亮黄色，向外扩散为橙色、红色，最后透明） */
      background: radial-gradient(
        circle at center,
        rgba(255, 240, 100, 0.8) 0%,
        rgba(255, 180, 50, 0.6) 30%,
        rgba(255, 120, 30, 0.3) 60%,
        transparent 100%
      );
      /* 模糊效果增强光晕扩散感 */
      filter: blur(30px);
          z-index: 2; /* 确保光源在最上层 */
    }