:root{--color-bg:#f40c3f;--color-fg:#160000;--color-line:#16000075;--color-panel:#160000;--color-panel-fg:#f40c3f;--grid-columns:12;--page-gutter:1rem;--header-height:112px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--motion-fast:.18s;--motion-base:.42s;--z-grid:1;--z-content:10;--z-header:50}@media (max-width:987px){:root{--header-height:96px}}@media (max-width:767px){:root{--grid-columns:4;--page-gutter:.5rem;--header-height:64px}}@media (max-width:576px){:root{--header-height:60px}}@media (max-width:400px){:root{--header-height:56px}}
*{box-sizing:border-box}html{background:var(--color-bg)}html[data-theme=contrast]{--color-bg:#160000;--color-fg:#f40c3f;--color-line:#f40c3f75;--color-panel:#f40c3f;--color-panel-fg:#160000}body{background-color:var(--color-bg);min-width:320px;color:var(--color-fg);margin:0;font-family:Arial,Helvetica,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}body:before{z-index:var(--z-grid);pointer-events:none;background-image:linear-gradient(to right, var(--color-line) 1px, transparent 1px);background-position:var(--page-gutter) 0;background-size:calc((100% - (var(--page-gutter) * 2)) / var(--grid-columns)) 100%;content:"";position:fixed;inset:0}[id]{scroll-margin-top:calc(var(--header-height) + var(--space-4))}