/* 彩虹动态发光边框 */
        .rainbow-glow {
          position: relative;
          border: 4px solid transparent; /* 初始透明边框 */
          border-radius: 8px; /* 圆角 */
          background-color: #333; /* 背景色 */
          color: white; /* 文字颜色 */
          animation: rainbow-glow 3s linear infinite; /* 彩虹发光动画 */
      }

      /* 彩虹发光动画 */
      @keyframes rainbow-glow {
          0% {
              border-color: red;
              box-shadow: 0 0 10px red;
          }
          14% {
              border-color: orange;
              box-shadow: 0 0 10px orange;
          }
          28% {
              border-color: yellow;
              box-shadow: 0 0 10px yellow;
          }
          42% {
              border-color: green;
              box-shadow: 0 0 10px green;
          }
          56% {
              border-color: blue;
              box-shadow: 0 0 10px blue;
          }
          70% {
              border-color: indigo;
              box-shadow: 0 0 10px indigo;
          }
          84% {
              border-color: violet;
              box-shadow: 0 0 10px violet;
          }
          100% {
              border-color: red;
              box-shadow: 0 0 10px red;
          }
      }

      /* 彩虹文字效果 */
      .rainbow-text {
          background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          animation: rainbow-text 3s linear infinite; /* 彩虹文字动画 */
      }

      /* 彩虹文字动画 */
      @keyframes rainbow-text {
          0% {
              background-position: 0% 50%;
          }
          100% {
              background-position: 100% 50%;
          }
      }

      /* 单独为上边框和下边框设置彩虹效果 */
      .rainbow-border-top-bottom {
          position: relative;
          border-top: 4px solid transparent; /* 上边框 */
          border-bottom: 4px solid transparent; /* 下边框 */
          border-radius: 8px; /* 圆角 */
          background-color: #333; /* 背景色 */
          color: white; /* 文字颜色 */
          animation: rainbow-border-top-bottom 3s linear infinite; /* 彩虹边框动画 */
      }

      /* 上边框和下边框的彩虹动画 */
      @keyframes rainbow-border-top-bottom {
          0% {
              border-top-color: red;
              border-bottom-color: red;
              box-shadow: 0 -4px 10px red, 0 4px 10px red; /* 上下发光效果 */
          }
          14% {
              border-top-color: orange;
              border-bottom-color: orange;
              box-shadow: 0 -4px 10px orange, 0 4px 10px orange;
          }
          28% {
              border-top-color: yellow;
              border-bottom-color: yellow;
              box-shadow: 0 -4px 10px yellow, 0 4px 10px yellow;
          }
          42% {
              border-top-color: green;
              border-bottom-color: green;
              box-shadow: 0 -4px 10px green, 0 4px 10px green;
          }
          56% {
              border-top-color: blue;
              border-bottom-color: blue;
              box-shadow: 0 -4px 10px blue, 0 4px 10px blue;
          }
          70% {
              border-top-color: indigo;
              border-bottom-color: indigo;
              box-shadow: 0 -4px 10px indigo, 0 4px 10px indigo;
          }
          84% {
              border-top-color: violet;
              border-bottom-color: violet;
              box-shadow: 0 -4px 10px violet, 0 4px 10px violet;
          }
          100% {
              border-top-color: red;
              border-bottom-color: red;
              box-shadow: 0 -4px 10px red, 0 4px 10px red;
          }
}




.bottom-border {
  border-bottom: 2px solid white; /* 只有底部有边框 */
  text-align: center; /* 文本居中 */
/*   border: 4px solid transparent; /* 初始透明边框 */
}