*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{font-family:var(--font);background:var(--bg) url(../img/gen/bgabs_m.jpg) center top/cover fixed no-repeat;color:var(--ink);font-size:var(--t-16);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
button,input{font:inherit}
img,svg,canvas{max-width:100%;display:block}
h1,h2,h3,h4{color:var(--ink-max);font-weight:700;line-height:1.25;letter-spacing:0}
h1{font-size:clamp(30px,3.8vw,44px)}
h2{font-size:clamp(24px,2.6vw,32px)}
h3{font-size:var(--t-22);letter-spacing:-.01em}
h4{font-size:var(--t-18);letter-spacing:0;font-weight:700}
p{max-width:60ch}
.num{font-family:var(--num);font-variant-numeric:tabular-nums}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
main>section{padding:112px 0;border-top:1px solid rgba(255,255,255,.06)}
main>section:first-child{border-top:none}
.lead{font-size:var(--t-18);color:var(--ink-2)}
.muted{color:var(--ink-2)}

/* 区块标题：短色条编码等级/主题色，不用英文小标签 */
.sec-title{display:flex;flex-direction:column;gap:10px;max-width:760px;margin-bottom:36px}
.sec-title::before{display:none}
.sec-title p{color:var(--ink-2);font-size:var(--t-16)}


:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
/* 系统关了动画时只停掉装饰性的推拉和提示箭头；产品演示动画照常，客户要看的就是这个 */
@media (prefers-reduced-motion:reduce){.hero-plate,.hero .hint::after{animation:none!important}}
@media (max-width:760px){main>section{padding:72px 0}.sec-title{margin-bottom:32px}body{background-attachment:scroll;background-size:auto 120vh;background-position:center top}}