:root { color-scheme: light; --paper:#fbfaf6; --paper-soft:#f2eee4; --ink:#20211f; --muted:#67635a; --rule:rgba(199,188,167,.34); --accent:#b9833d; --link:#8c5a21; --radius-frame:5px; --font-cjk-serif-fallback:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif; --font-serif:Georgia,serif; --font-reading:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-reading); -webkit-font-smoothing:antialiased; } h1,h2,h3,p,dl,dd,ol { margin:0; } a { color:inherit; text-decoration:none; } .siteHeader { max-width:1180px; margin:0 auto; padding:28px 40px; display:flex; gap:24px; justify-content:space-between; align-items:center; font-size:14px; } .siteHeader > a { font-family:var(--font-cjk-serif-fallback); font-size:20px; } .siteHeader nav { display:flex; gap:26px; font-size:12px; color:var(--muted); } .siteHeader a { padding:10px 0; } a:hover { text-decoration:underline; text-underline-offset:5px; } a:focus-visible { outline:2px solid var(--accent); outline-offset:5px; } .skip { position:absolute; top:-100px; padding:12px; background:var(--paper); } .skip:focus { top:0; } @media(max-width:700px){ .siteHeader { padding:16px 22px; align-items:start; } .siteHeader > a { font-size:16px; } .siteHeader nav { gap:16px; } } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}