:root { font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; color: #382f27; background: #fffaf0; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.85; }
main { width: min(860px, calc(100% - 32px)); margin: 32px auto; padding: 40px 48px; border: 1px solid #f1e1bd; border-radius: 20px; background: #fff; box-shadow: 0 18px 50px rgba(100, 65, 25, .08); }
h1 { margin: 0 0 4px; color: #1a1612; font-size: 30px; }
h2 { margin: 30px 0 8px; color: #34271e; font-size: 20px; }
p { margin: 8px 0; }
.date { color: #8a7b6d; font-size: 14px; }
.lead { margin-top: 24px; font-weight: 600; }
a { color: #bd7900; }
footer { margin-top: 36px; padding-top: 20px; border-top: 1px solid #eee4d2; color: #8a7b6d; font-size: 14px; }
@media (max-width: 640px) { main { margin: 0; width: 100%; padding: 28px 20px; border: 0; border-radius: 0; } h1 { font-size: 26px; } }