body footer {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}
/*输入框样式*/
.inputstyle{-webkit-appearance: none;background:no-repeat 0 0 scroll ＃EEEEEE;border:none;outline:medium;padding: 0px 10px;border: 1px solid #dedede;
    -moz-border-radius: 2px;      /* Gecko browsers */
    -webkit-border-radius: 2px;   /* Webkit browsers */
    border-radius:2px;            /* W3C syntax */
    text-align:left;margin-bottom:20px;transition-duration: .3s;
}
.inputstyle:focus {border:#2E96BD 1px solid;box-shadow: 0 0 10px #2E96BD;-webkit-transition: all .1s ease-in-out; transition-duration: .3s;}


        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-glow {
                text-shadow: 0 0 10px rgba(29, 229, 226, 0.8), 
                             0 0 20px rgba(29, 229, 226, 0.5);
            }
            .text-glow-secondary {
                text-shadow: 0 0 10px rgba(108, 99, 255, 0.8), 
                             0 0 20px rgba(108, 99, 255, 0.5);
            }
            .border-glow {
                box-shadow: 0 0 5px rgba(29, 229, 226, 0.7), 
                            0 0 10px rgba(29, 229, 226, 0.5);
            }
            .bg-grid {
                background-image: 
                    linear-gradient(rgba(29, 229, 226, 0.1) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(29, 229, 226, 0.1) 1px, transparent 1px);
                background-size: 40px 40px;
            }
            .bg-tech {
                background-image: 
                    radial-gradient(circle at 100% 100%, transparent 20%, rgba(108, 99, 255, 0.1) 20%, rgba(108, 99, 255, 0.1) 30%, transparent 30%, transparent),
                    radial-gradient(circle at 0 100%, transparent 20%, rgba(108, 99, 255, 0.1) 20%, rgba(108, 99, 255, 0.1) 30%, transparent 30%, transparent),
                    radial-gradient(circle at 100% 0, transparent 20%, rgba(108, 99, 255, 0.1) 20%, rgba(108, 99, 255, 0.1) 30%, transparent 30%, transparent),
                    radial-gradient(circle at 0 0, transparent 20%, rgba(108, 99, 255, 0.1) 20%, rgba(108, 99, 255, 0.1) 30%, transparent 30%, transparent);
                background-size: 100px 100px;
            }
            .scanline {
                background: linear-gradient(to bottom, 
                    rgba(29, 229, 226, 0) 0%, 
                    rgba(29, 229, 226, 0.1) 50%, 
                    rgba(29, 229, 226, 0) 100%);
                background-size: 100% 4px;
                animation: scan 6s linear infinite;
                pointer-events: none;
            }
            .neon-border {
                position: relative;
                border: 1px solid rgba(29, 229, 226, 0.5);
            }
            .neon-border::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border: 1px solid rgba(29, 229, 226, 0.3);
                margin: -2px;
                pointer-events: none;
            }
            .game-card-hover {
                transition: all 0.3s ease;
            }
            .game-card-hover:hover {
                transform: translateY(-10px) scale(1.02);
                box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
            }
            .noise-bg {
                position: relative;
            }
            .noise-bg::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
                pointer-events: none;
            }
            .mobile-menu-enter {
                transform: translateX(100%);
            }
            .mobile-menu-visible {
                transform: translateX(0);
            }
            /* 自定义滚动条样式 */
            .custom-scrollbar::-webkit-scrollbar {
                height: 6px;
            }
            .custom-scrollbar::-webkit-scrollbar-track {
                background: rgba(29, 229, 226, 0.1);
                border-radius: 10px;
            }
            .custom-scrollbar::-webkit-scrollbar-thumb {
                background: rgba(29, 229, 226, 0.5);
                border-radius: 10px;
            }
            .custom-scrollbar::-webkit-scrollbar-thumb:hover {
                background: rgba(29, 229, 226, 0.8);
            }
        }