/* 爱如·闻 - 产品页样式 */

.sonar-hero { background: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%); color: #fff; text-align: center; padding: 160px 0 100px; }
.sonar-hero h1 { font-size: 48px; margin-bottom: 20px; }
.sonar-hero p { font-size: 18px; opacity: 0.95; max-width: 720px; margin: 0 auto 36px; }
.sonar-badge { display: inline-block; background: rgba(255,255,255,0.18); padding: 6px 14px; border-radius: 20px; font-size: 14px; margin-bottom: 20px; }
.sonar-section { padding: 96px 0; }
.sonar-section-alt { background: #F8FAFC; }
.sonar-section h2 { font-size: 32px; font-weight: 700; margin-bottom: 16px; text-align: center; }
.sonar-section .lead { text-align: center; color: #64748B; max-width: 680px; margin: 0 auto 56px; }
.sonar-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.sonar-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.sonar-card { background: #fff; border: 1px solid #E2E8F0; border-radius: 16px; padding: 32px; }
.sonar-card h4 { font-size: 18px; font-weight: 700; margin-bottom: 10px; color: #0F172A; }
.sonar-card p { color: #64748B; font-size: 14px; line-height: 1.7; }
.sonar-card .icon { width: 40px; height: 40px; background: linear-gradient(135deg, #8B5CF6, #A78BFA); color: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.sonar-card .icon svg { width: 22px; height: 22px; }
.sonar-card .num { width: 36px; height: 36px; background: linear-gradient(135deg, #8B5CF6, #A78BFA); color: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: 700; margin-bottom: 16px; }
.sonar-user-card { background: #fff; border-radius: 16px; padding: 28px; border-left: 4px solid #8B5CF6; }
.sonar-user-card h4 { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.sonar-user-card p { color: #64748B; font-size: 14px; }
.sonar-tag { display: inline-block; background: #EDE9FE; color: #8B5CF6; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; margin-bottom: 12px; }
.sonar-cta { background: linear-gradient(135deg, #8B5CF6, #A78BFA); color: #fff; text-align: center; padding: 80px 0; }
.sonar-cta h2 { color: #fff; margin-bottom: 16px; }
.sonar-cta p { opacity: 0.95; margin-bottom: 28px; }
.sonar-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #E2E8F0; }
.sonar-table th, .sonar-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid #E2E8F0; font-size: 14px; }
.sonar-table th { background: #F8FAFC; font-weight: 600; color: #0F172A; }
@media (max-width: 768px) { .sonar-grid-2, .sonar-grid-3 { grid-template-columns: 1fr; } .sonar-hero h1 { font-size: 34px; } }