.pricing-hero { background: linear-gradient(135deg, var(--hero-from) 0%, var(--hero-mid) 55%, var(--hero-to) 100%); padding: 64px 0 56px; text-align: center; position: relative; overflow: hidden; } .pricing-hero::before { content: ''; position: absolute; width: 600px; height: 600px; background: radial-gradient(circle, rgba(120,80,255,0.25) 0%, transparent 65%); top: -200px; right: -100px; pointer-events: none; } .pricing-hero::after { content: ''; position: absolute; width: 400px; height: 400px; background: radial-gradient(circle, rgba(56,130,246,0.15) 0%, transparent 65%); bottom: -150px; left: 0; pointer-events: none; } .pricing-hero > * { position: relative; z-index: 1; } .compare-table { width: 100%; border-collapse: collapse; font-size: 13.5px; } .compare-table th, .compare-table td { padding: 11px 14px; text-align: center; border-bottom: 1px solid var(--border); } .compare-table th:first-child, .compare-table td:first-child { text-align: left; color: var(--text-body); font-weight: 500; } .compare-table thead th { font-size: 12px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; background: rgba(238,240,255,0.5); } .compare-table tr:last-child td { border-bottom: none; } .compare-table tr:hover td { background: rgba(91,82,240,0.03); } .tc { color: var(--primary); font-weight: 800; font-size: 15px; } .tx { color: var(--text-faint); font-size: 14px; } .highlight-col { background: rgba(91,82,240,0.04); }
從個人免費試用到企業級方案,靈活滿足各種規模需求。