:root{--brand:#4f46e5;--brand-dark:#4338ca}
*{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,#4f46e5,#c026d3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dot-bg{background-image:radial-gradient(rgba(79,70,229,.14) 1.5px,transparent 1.5px);background-size:22px 22px}
.blur-nav{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.card-h{transition:transform .35s,box-shadow .35s}
.card-h:hover{transform:translateY(-8px);box-shadow:0 24px 48px -16px rgba(79,70,229,.32)}
.btn-glow{transition:all .3s}
.btn-glow:hover{box-shadow:0 14px 32px -8px rgba(79,70,229,.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}
.page-hero{background:linear-gradient(180deg,#eef2ff,transparent)}
table{border-collapse:collapse}