@import url('./design-tokens.css');
* { box-sizing: border-box; }
body { margin: 0; background: var(--color-page); color: var(--color-text); font-family: var(--font-family-sans); }
a { color: var(--color-action); }
.doc { max-width: 800px; margin: 0 auto; padding: var(--space-10) var(--page-gutter); }
.doc h1 { margin: 0 0 var(--space-4); font-size: var(--font-size-5); line-height: var(--line-height-heading); }
.doc h2 { margin: var(--space-8) 0 var(--space-3); font-size: var(--font-size-2); }
.doc p { margin: var(--space-3) 0; color: var(--color-text-muted); font-size: var(--font-size-1); line-height: var(--line-height-body); }
.site-footer { max-width: 800px; margin: 0 auto; padding: 0 var(--page-gutter) var(--space-7); color: var(--color-text-muted); font-size: var(--font-size-0); }.site-footer .police-beian { display: inline-flex; align-items: center; gap: 5px; margin-left: var(--space-4); white-space: nowrap; }.site-footer .police-beian img { width: 16px; height: 16px; object-fit: contain; }
.site-footer a { color: inherit; }.site-footer a:hover { color: var(--color-action); }
@media (max-width: 767px) { .doc { padding-top: var(--space-8); padding-bottom: var(--space-8); } }