破碎玻璃404 Tailwind网站组件

<section class="min-h-screen bg-gradient-to-br from-gray-900 to-gray-600 flex items-center justify-center text-white relative">
            <div class="text-center relative">
                <div class="text-8xl font-bold mb-6 relative" id="glassB2C3D4E5">
                    <span class="relative z-10">404</span>
                    <div class="absolute inset-0 bg-gradient-to-r from-red-500 to-yellow-500 opacity-20 transform rotate-12"></div>
                    <div class="absolute inset-0 bg-gradient-to-l from-blue-500 to-green-500 opacity-20 transform -rotate-6"></div>
                </div>
                <h1 class="text-3xl md:text-5xl font-bold mb-4">页面已破碎</h1>
                <p class="text-lg mb-8 max-w-lg mx-auto">抱歉，您访问的页面似乎已经破碎了，让我们为您重新构建</p>
                <button class="bg-gradient-to-r from-red-500 to-yellow-500 hover:from-red-600 hover:to-yellow-600 px-8 py-3 rounded-lg text-lg font-semibold transition-all transform hover:scale-105">
                    修复页面
                </button>
            </div>
        </section>