冰雪世界横幅 Tailwind网站组件

<section class="relative bg-gradient-to-br from-blue-100 to-cyan-200 text-gray-800 rounded-3xl">
            <div class="absolute inset-0 opacity-30">
                <div class="absolute top-10 left-10 w-3 h-3 bg-blue-400 transform rotate-45"></div>
                <div class="absolute top-16 right-20 w-2 h-2 bg-cyan-500 rounded-full"></div>
                <div class="absolute bottom-20 left-1/3 w-4 h-4 border border-blue-400 transform rotate-45"></div>
                <div class="absolute bottom-12 right-12 w-2 h-2 bg-blue-500"></div>
            </div>
            <div class="relative px-6 py-18 sm:px-12 sm:py-26 lg:px-16">
                <div class="max-w-3xl mx-auto text-center">
                    <h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6 text-blue-800">
                        冰雪奇缘
                    </h1>
                    <p class="text-lg sm:text-xl mb-8 text-blue-600">
                        在纯净的世界里，感受宁静的美好
                    </p>
                    <button class="bg-blue-600 text-white px-8 py-4 rounded-full font-semibold hover:bg-blue-700 transition-colors shadow-lg">
                        进入冰雪世界
                    </button>
                </div>
            </div>
        </section>