建筑工地404 Tailwind网站组件

<section class="min-h-screen bg-gradient-to-br from-orange-400 to-red-500 flex items-center justify-center text-white relative">
            <div class="absolute top-20 left-20 w-16 h-16 bg-yellow-400 transform rotate-45"></div>
            <div class="absolute bottom-20 right-20 w-12 h-12 bg-yellow-400 rounded-full"></div>
            <div class="text-center">
                <div class="text-8xl font-bold mb-6">🚧 404 🚧</div>
                <h1 class="text-3xl md:text-5xl font-bold mb-6">页面施工中</h1>
                <p class="text-xl mb-8 max-w-md mx-auto">抱歉，这个页面还在建设中，请稍后再来</p>
                <div class="flex justify-center items-center mb-8">
                    <div class="w-8 h-2 bg-yellow-400 mx-1 animate-pulse"></div>
                    <div class="w-8 h-2 bg-yellow-400 mx-1 animate-pulse" style="animation-delay: 0.2s;"></div>
                    <div class="w-8 h-2 bg-yellow-400 mx-1 animate-pulse" style="animation-delay: 0.4s;"></div>
                </div>
                <button class="bg-yellow-500 hover:bg-yellow-600 text-orange-900 px-8 py-3 rounded text-lg font-semibold transition-colors">
                    返回安全区域
                </button>
            </div>
        </section>