html{scroll-behavior:smooth}
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.nav-scrolled{background:#ffffff;box-shadow:0 1px 0 0 #e5e7eb}
.ft-card{transition:all .3s ease;position:relative;overflow:hidden}
.ft-card::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:9999px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%);transition:all .4s ease}
.ft-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -12px rgba(37,99,235,.2)}
.ft-card:hover::after{transform:scale(1.6)}
.ft-card:hover .ft-icon{background:#2563eb;color:#fff}
.ft-icon{transition:all .3s ease}
.t-card{transition:all .3s ease}
.t-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -14px rgba(37,99,235,.15)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-a{max-height:400px}
.faq-item.open .faq-arrow{transform:rotate(180deg);color:#2563eb}
.faq-arrow{transition:all .3s ease}
@keyframes twinkle{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}
.twinkle{animation:twinkle 2s ease-in-out infinite}