:root { color-scheme: light; font-family: system-ui, "Microsoft YaHei", sans-serif; color: #282722; background: #f7f6f2; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; grid-template-rows: 1fr auto; }
main { display: grid; place-items: center; padding: 32px 20px; }
h1 { margin: 0; font-size: clamp(28px, 5vw, 40px); font-weight: 500; letter-spacing: .04em; }
footer { padding: 24px 16px; text-align: center; font-size: 12px; line-height: 1.8; }
a { color: #625f56; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }