@layer utilities {
            .text-shadow {
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            }
            .text-shadow-lg {
                text-shadow: 0 0 10px rgba(79, 195, 247, 0.8);
            }
            .border-gradient {
                border-image: linear-gradient(to right, #4fc3f7, #0277bd) 1;
            }
            .bg-game {
                background-image: url('https://p3-flow-imagex-sign.byteimg.com/tos-cn-i-a9rns2rl98/rc/pc/super_tool/ee82dbb8512e4dc8922eec591f809982~tplv-a9rns2rl98-image.image?rcl=20260103223430AAF3CC5A53021278D35E&rk3s=8e244e95&rrcfp=f06b921b&x-expires=1770042910&x-signature=IuTnIGBPLG5yckympXiXjIrpHsc%3D');
                background-size: cover;
                background-position: center;
                background-attachment: fixed;
            }
            .btn-3d {
                position: relative;
                transition: all 0.2s ease;
                transform-style: preserve-3d;
            }
            .btn-3d:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background: rgba(0, 0, 0, 0.2);
                transform: translateZ(-1px) scale(0.9);
                filter: blur(10px);
                border-radius: inherit;
                transition: all 0.2s ease;
            }
            .btn-3d:hover {
                transform: translateY(-5px);
            }
            .btn-3d:hover:before {
                transform: translateZ(-1px) scale(0.85);
                filter: blur(15px);
            }
            .btn-3d:active {
                transform: translateY(0);
            }
            .btn-3d:active:before {
                transform: translateZ(-1px) scale(0.95);
                filter: blur(5px);
            }
            .item-card {
                transition: all 0.3s ease;
                transform-style: preserve-3d;
                perspective: 1000px;
            }
            .item-card:hover {
                transform: translateY(-10px) rotateX(5deg);
            }
            .item-card::after {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background: rgba(255, 255, 255, 0.1);
                border-radius: inherit;
                transform: translateZ(10px);
                opacity: 0;
                transition: all 0.3s ease;
            }
            .item-card:hover::after {
                opacity: 1;
            }
            .glow {
                box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
            }
            .glow-gold {
                box-shadow: 0 0 20px rgba(255, 193, 7, 0.6);
            }
            .glow-red {
                box-shadow: 0 0 20px rgba(229, 57, 53, 0.6);
            }
            .modal-backdrop {
                backdrop-filter: blur(5px);
                -webkit-backdrop-filter: blur(5px);
            }
        }