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}
.page-hero{background:linear-gradient(180deg,#eff6ff 0%,rgba(248,250,252,0) 100%)}
.ft-card{transition:all .3s ease;position:relative;overflow:hidden}
.ft-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -12px rgba(37,99,235,.2)}
.ft-card:hover .ft-icon{background:#2563eb;color:#fff;transform:rotateY(180deg)}
.ft-icon{transition:all .4s ease}
@keyframes wave{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}
.wave-move{animation:wave 2.6s ease-in-out infinite}
.t-card{transition:all .3s ease}
.t-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -14px rgba(37,99,235,.15)}
.sum-chart{display:flex;align-items:flex-end;gap:8px;height:180px}
.sum-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}
.sum-bar{border-radius:8px 8px 4px 4px;width:100%;max-width:34px;background:linear-gradient(180deg,#3b82f6,#2563eb);transition:height .6s ease}
.sum-bar-val{font-size:11px;color:#94a3b8}
.sum-bar-x{font-size:10px;color:#cbd5e1}
.dist-track{height:10px;background:#f1f5f9;border-radius:9999px;overflow:hidden}
.dist-fill{height:100%;border-radius:9999px;transition:width .6s ease}
.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}