:root { color-scheme: light; --bg:#f2ede4; --card:#fffaf3; --ink:#33271d; --muted:#766958; --line:#e1d4c3; --accent:#b86d36; }
* { box-sizing:border-box; } body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.8 system-ui,-apple-system,"Microsoft YaHei",sans-serif; }
main { width:min(820px,calc(100% - 32px)); margin:48px auto 72px; } article { background:var(--card); border:1px solid var(--line); border-radius:24px; padding:clamp(24px,5vw,56px); box-shadow:0 14px 40px #5e432019; }
h1 { margin:0 0 10px; font-size:clamp(28px,5vw,42px); line-height:1.2; } h2 { margin:32px 0 8px; font-size:20px; } p,li { color:var(--muted); } a { color:var(--accent); } .meta { margin:0 0 30px; font-size:13px; }
nav { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:18px; } nav a { text-decoration:none; }