<!--炫彩背景代码1-->
<style>
  html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* 确保canvas在最上层 */
  }

  .content-below-canvas {
    position: relative;
    z-index: 1; /* 确保内容在canvas之上 */
    pointer-events: none; /* 使canvas上的内容不可交互，如果需要的话 */
    /* 可以根据需要添加更多的样式来调整内容的位置和显示 */
  }
</style>
<!--炫彩背景代码1结束-->