产品对比表格 Tailwind网站组件

蓝色主题的产品对比表格，清晰展示不同产品的功能特性，适合产品介绍页面

<section class="py-16 bg-blue-50">
            <div class="max-w-6xl mx-auto px-4">
                <h2 class="text-3xl font-bold text-center mb-12 text-blue-900">产品对比</h2>
                <div class="bg-white rounded-xl shadow-lg overflow-hidden">
                    <div class="overflow-x-auto">
                        <table class="w-full">
                            <thead class="bg-blue-600 text-white">
                                <tr>
                                    <th class="px-6 py-4 text-left font-semibold">功能特性</th>
                                    <th class="px-6 py-4 text-center font-semibold">基础版</th>
                                    <th class="px-6 py-4 text-center font-semibold">专业版</th>
                                    <th class="px-6 py-4 text-center font-semibold">企业版</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-gray-200">
                                <tr class="hover:bg-gray-50">
                                    <td class="px-6 py-4 font-medium text-gray-900">存储空间</td>
                                    <td class="px-6 py-4 text-center">
                                        <span class="text-green-500">✓</span>
                                    </td>
                                </tr>
                                <tr class="bg-blue-50">
                                    <td class="px-6 py-4 font-bold text-blue-900">价格/月</td>
                                    <td class="px-6 py-4 text-center">
                                        <div class="text-2xl font-bold text-blue-600">免费</div>
                                    </td>
                                    <td class="px-6 py-4 text-center">
                                        <div class="text-2xl font-bold text-blue-600">¥99</div>
                                    </td>
                                    <td class="px-6 py-4 text-center">
                                        <div class="text-2xl font-bold text-blue-600">¥299</div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>