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;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.ft-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -12px rgba(37,99,235,.2)}
.ft-card:hover::after{transform:scaleX(1)}
.ft-card:hover .ft-icon{transform:scale(1.12);background:#2563eb;color:#fff}
.ft-icon{transition:all .3s ease}
.gauge{width:96px;height:96px;border-radius:9999px;background:conic-gradient(#2563eb 0 75%,#e2e8f0 75% 100%);position:relative;flex-shrink:0}
.gauge::before{content:"";position:absolute;inset:10px;border-radius:9999px;background:#fff}
.gauge::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:34px;background:#2563eb;border-radius:4px;transform-origin:bottom center;transform:translate(-50%,-100%) rotate(-45deg);animation:needle 3s ease-in-out infinite alternate}
@keyframes needle{from{transform:translate(-50%,-100%) rotate(-55deg)}to{transform:translate(-50%,-100%) rotate(55deg)}}
.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}