霓虹灯404 Tailwind网站组件

<section class="min-h-screen bg-black flex items-center justify-center text-white relative overflow-hidden"> <div class="absolute inset-0 bg-gradient-to-r from-pink-900/20 to-cyan-900/20"></div> <div class="text-center z-10"> <div class="text-8xl font-bold mb-6 relative" id="neonC3D4E5F6"> <span class="text-transparent bg-clip-text bg-gradient-to-r from-pink-400 to-cyan-400">404</span> </div> <h1 class="text-4xl md:text-6xl font-bold mb-6"> <span class="text-pink-400">ERROR</span> <span class="text-cyan-400">NOT FOUND</span> </h1> <p class="text-xl mb-8 max-w-md mx-auto text-gray-300">系统无法定位您要访问的数据节点</p> <button class="border-2 border-pink-400 text-pink-400 hover:bg-pink-400 hover:text-black px-8 py-3 rounded text-lg font-semibold transition-all"> RETURN TO MAINFRAME </button> </div> </section> <style>
#neonC3D4E5F6 {
                text-shadow: 0 0 10px #ff1493, 0 0 20px #ff1493, 0 0 30px #ff1493;
                animation: neonGlow 2s ease-in-out infinite alternate;
            }
            @keyframes neonGlow {
                from { text-shadow: 0 0 10px #ff1493, 0 0 20px #ff1493, 0 0 30px #ff1493; }
                to { text-shadow: 0 0 20px #ff1493, 0 0 30px #ff1493, 0 0 40px #ff1493; }
            }
</style>