宇宙星系横幅 Tailwind网站组件

<section class="relative bg-gradient-to-br from-purple-900 via-blue-900 to-black text-white rounded-2xl overflow-hidden">
            <div class="absolute inset-0">
                <div class="absolute top-1/4 left-1/4 w-32 h-32 bg-gradient-to-br from-purple-400 to-transparent rounded-full opacity-20 blur-xl animate-pulse"></div>
                <div class="absolute bottom-1/4 right-1/4 w-24 h-24 bg-gradient-to-br from-blue-400 to-transparent rounded-full opacity-15 blur-lg animate-pulse delay-100"></div>
                <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
                    <div class="w-40 h-40 border border-purple-400 rounded-full opacity-10 animate-spin" style="animation-duration: 20s;"></div>
                </div>
            </div>
            <div class="relative px-6 py-20 sm:px-12 sm:py-28 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">
                        星系漫游
                    </h1>
                    <p class="text-lg sm:text-xl mb-8 text-purple-200">
                        穿越时空的边界，探索宇宙的无穷奥秘
                    </p>
                    <button class="bg-gradient-to-r from-purple-600 to-blue-600 px-8 py-4 rounded-full font-semibold hover:from-purple-700 hover:to-blue-700 transition-all transform hover:scale-105">
                        开始漫游
                    </button>
                </div>
            </div>
        </section>