/* 发光文字效果 - 静态版（移除动画） */
        .glow-text-green {
            text-shadow: 0 0 6px rgba(34, 197, 94, 0.6),
                0 0 12px rgba(34, 197, 94, 0.4);
            /* 移除了无限循环的脉冲动画以提高性能 */
        }

        .glow-text-blue {
            text-shadow: 0 0 6px rgba(59, 130, 246, 0.6),
                0 0 12px rgba(59, 130, 246, 0.4);
            /* 移除了无限循环的脉冲动画以提高性能 */
        }

        /* 渐入动画 - 增强版 */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInScale {
            from {
                opacity: 0;
                transform: scale(0.9);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        .animate-fadeIn {
            animation: fadeIn 0.8s ease-out forwards;
        }

        .animate-fadeInUp {
            animation: fadeInUp 0.6s ease-out forwards;
        }

        .animate-fadeInScale {
            animation: fadeInScale 0.7s ease-out forwards;
        }

        /* 图片卡片悬停效果增强 */
        .glass-card img {
            transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .glass-card img:hover {
            filter: brightness(1.1) contrast(1.05);
            box-shadow: 0 0 25px rgba(255, 255, 255, 0.2);
        }

        /* 背景网格 - 静态版（移除动画） */
        .grid-bg {
            background-size: 30px 30px;
            /* 移除了无限循环的移动动画以提高性能 */
        }

        /* 按钮点击波纹效果增强 */
        .btn-ripple {
            position: relative;
            overflow: hidden;
        }

        .btn-ripple::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.3);
            transform: translate(-50%, -50%);
            transition: width 0.6s, height 0.6s;
        }

        .btn-ripple:active::after {
            width: 400px;
            height: 400px;
            transition: 0s;
        }

        /* 新添加的动画效果 */

        /* 移除了呼吸动画以提高性能 */

        /* 脉冲动画 */
        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
            }

            70% {
                box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
            }
        }

        .animate-pulse {
            animation: pulse 2s infinite;
        }

        @keyframes pulse-blue {
            0% {
                box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
            }

            70% {
                box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
            }
        }

        .animate-pulse-blue {
            animation: pulse-blue 2s infinite;
        }

        /* 简约渐变背景 */
        @keyframes gradient-slide {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        .gradient-bg {
            background: linear-gradient(-45deg, #121212, #1a1a2e, #16213e, #121212);
            background-size: 300% 300%;
            animation: gradient-slide 20s ease-in-out infinite;
        }

        /* 赞助页面特定背景 */
        #donate-overlay {
            background: linear-gradient(135deg, #0a0a14 0%, #1a1a2e 50%, #0a0a14 100%);
        }

        /* 简约边框效果 - 静态版（移除动画） */
        .neon-border-green {
            position: relative;
            border-radius: 0.5rem;
            border: 1px solid rgba(34, 197, 94, 0.3);
            transition: all 0.3s ease;
        }

        .neon-border-green::before {
            content: '';
            position: absolute;
            top: -1px;
            left: -1px;
            right: -1px;
            bottom: -1px;
            background: linear-gradient(45deg, #22c55e, #16a34a, #22c55e);
            z-index: -1;
            border-radius: 0.5rem;
            opacity: 0.6;
            background-size: 100% 100%;
            /* 移除了无限循环的发光动画以提高性能 */
        }

        .neon-border-green:hover::before {
            opacity: 0.8;
        }

        .neon-border-blue {
            position: relative;
            border-radius: 0.5rem;
            border: 1px solid rgba(59, 130, 246, 0.3);
            transition: all 0.3s ease;
        }

        .neon-border-blue::before {
            content: '';
            position: absolute;
            top: -1px;
            left: -1px;
            right: -1px;
            bottom: -1px;
            background: linear-gradient(45deg, #3b82f6, #2563eb, #3b82f6);
            z-index: -1;
            border-radius: 0.5rem;
            opacity: 0.6;
            background-size: 100% 100%;
            /* 移除了无限循环的发光动画以提高性能 */
        }

        .neon-border-blue:hover::before {
            opacity: 0.8;
        }

        /* 滚动触发动画增强 */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease;
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

  #cosmos-bg {
      position: fixed;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;

      width: 100vw;
      height: 100vh;
      z-index: -9999;

      background: #000;
      pointer-events: none;
  }
  html, body {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      background: transparent !important;
      overflow-x: hidden;
  }