/* ===== 029 - Canada.28 PC28预测 精准计划参考 ===== */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; overflow-x: hidden; }

.nav-transparent { transition: all 0.3s ease; }
.nav-solid { background: rgba(255,255,255,0.97) !important; box-shadow: 0 2px 12px rgba(0,0,0,0.06); backdrop-filter: blur(12px); }

.hero-bg { background: radial-gradient(ellipse 80% 60% at 50% 0%, #eef2ff 0%, #dbeafe 40%, transparent 70%); }

.feat-card { transition: all 0.35s cubic-bezier(0.4,0,0.2,1); }
.feat-card:hover { transform: translateY(-10px); box-shadow: 0 24px 48px -12px rgba(79,70,229,0.18); }
.feat-icon { transition: all 0.35s ease; }
.feat-card:hover .feat-icon { background: #4f46e5; color: #fff; transform: rotateY(180deg); }

.stats-bg { background: linear-gradient(135deg, #312e81 0%, #4338ca 50%, #1d4ed8 100%); }

.testi-card { transition: all 0.3s ease; }
.testi-card:hover { transform: translateY(-6px); box-shadow: 0 16px 32px rgba(0,0,0,0.1); }

.accordion-item { border-bottom: 1px solid #e5e7eb; }
.accordion-trigger { cursor: pointer; }
.accordion-trigger:hover { color: #4f46e5; }
.accordion-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s ease; }
.accordion-content > div { overflow: hidden; }
.accordion-content.active { grid-template-rows: 1fr; }
.accordion-trigger i { transition: transform 0.3s ease; }
.accordion-trigger.active i { transform: rotate(180deg); }

.cta-section { background: linear-gradient(160deg, #3730a3 0%, #4f46e5 30%, #2563eb 70%, #1e40af 100%); position: relative; overflow: hidden; }
.cta-section::before { content: ''; position: absolute; top: -50%; right: -20%; width: 500px; height: 500px; background: rgba(255,255,255,0.03); border-radius: 50%; }

@keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
.reveal { animation: fadeUp 0.7s ease both; }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #c7d2fe; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #a5b4fc; }

@media (max-width: 640px) {
  .hero-bg { background: radial-gradient(ellipse 100% 50% at 50% 0%, #eef2ff 0%, #dbeafe 60%, transparent 100%); }
}