森林迷路404 Tailwind网站组件

<section class="min-h-screen bg-gradient-to-b from-green-400 to-green-800 flex items-center justify-center text-white relative overflow-hidden">
            <div class="absolute inset-0 opacity-20">
                <div class="absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-green-900 to-transparent"></div>
                <div class="absolute top-20 left-10 w-4 h-40 bg-green-900 rounded-full"></div>
                <div class="absolute top-10 right-20 w-6 h-50 bg-green-900 rounded-full"></div>
                <div class="absolute top-32 left-1/3 w-3 h-32 bg-green-900 rounded-full"></div>
            </div>
            <div class="text-center z-10">
                <div class="text-7xl font-bold mb-4 text-yellow-300">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>
                <button class="bg-yellow-500 hover:bg-yellow-600 text-green-900 px-8 py-3 rounded-full text-lg font-semibold transition-colors">
                    找到出路
                </button>
            </div>
        </section>