:root{--brand:#2563eb;--brand-dark:#1d4ed8}
*{scroll-behavior:smooth}
body{font-family:'PingFang SC','Microsoft YaHei','Segoe UI',system-ui,-apple-system,sans-serif;color:#0f172a}
.grad{background:linear-gradient(120deg,#2563eb,#0891b2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.grid-bg{background-image:linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px);background-size:32px 32px}
.blur-nav{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.card-h{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.card-h:hover{transform:translateY(-8px);box-shadow:0 24px 48px -16px rgba(37,99,235,.35)}
.btn-glow{transition:all .3s}
.btn-glow:hover{box-shadow:0 14px 32px -8px rgba(37,99,235,.55);transform:translateY(-2px)}
.up{animation:up .8s ease both}
@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-on .faq-a{max-height:340px}
.faq-on .faq-i{transform:rotate(180deg)}
.faq-i{transition:transform .3s}