@layer legacy, components;
:root {
 --slide-width:1280px;--slide-height:720px;--page-x:64px;--page-top:42px;--footer-safe:48px;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;
 --radius:8px;--card-padding:24px;--grid-gap:24px;
 --font-display:SmileySans,sans-serif;--font-body:Arial,'PingFang SC','Microsoft YaHei',sans-serif;
 --title-size:38px;--hero-size:64px;--lead-size:21px;--module-size:22px;--body-size:20px;--detail-size:18px;--note-size:14px;--metric-size:60px;--metric-label-size:28px;
 --ink:#20231e;--muted:#60655b;--paper:#f5f5f1;--surface:#e9ebe5;--rule:#d2d6cb;--accent:#46664d;
}
@media(max-width:700px){:root{--page-x:24px;--page-top:28px;--title-size:30px;--hero-size:42px;--lead-size:18px;--module-size:22px;--body-size:18px;--detail-size:18px;--metric-size:48px;--metric-label-size:26px;--card-padding:20px;--grid-gap:20px}}