核心功能展示 Tailwind网站组件

<section class="bg-white py-16 px-6 rounded-2xl shadow-lg">
            <div class="max-w-6xl mx-auto">
                <div class="text-center mb-12">
                    <h2 class="text-3xl sm:text-4xl font-bold text-gray-900 mb-4">核心功能</h2>
                    <p class="text-lg text-gray-600 max-w-2xl mx-auto">为您提供全方位的解决方案，助力业务快速发展</p>
                </div>
                <div class="grid md:grid-cols-3 gap-8">
                    <div class="text-center group hover:transform hover:scale-105 transition-all duration-300">
                        <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:bg-blue-200 transition-colors">
                            <svg class="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                            </svg>
                        </div>
                        <h3 class="text-xl font-semibold text-gray-900 mb-4">快速部署</h3>
                        <p class="text-gray-600">一键部署，快速上线，让您的项目在最短时间内投入使用</p>
                    </div>
                    <div class="text-center group hover:transform hover:scale-105 transition-all duration-300">
                        <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:bg-green-200 transition-colors">
                            <svg class="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                            </svg>
                        </div>
                        <h3 class="text-xl font-semibold text-gray-900 mb-4">安全保障</h3>
                        <p class="text-gray-600">企业级安全防护，多重加密机制，确保您的数据安全无忧</p>
                    </div>
                    <div class="text-center group hover:transform hover:scale-105 transition-all duration-300">
                        <div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:bg-purple-200 transition-colors">
                            <svg class="w-8 h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4V2a1 1 0 011-1h8a1 1 0 011 1v2m-9 3v10a2 2 0 002 2h6a2 2 0 002-2V7H7z"></path>
                            </svg>
                        </div>
                        <h3 class="text-xl font-semibold text-gray-900 mb-4">智能分析</h3>
                        <p class="text-gray-600">AI驱动的数据分析，为您提供深度洞察和智能决策支持</p>
                    </div>
                </div>
            </div>
        </section>