:root { color-scheme: light; font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif; color: #252525; background: #f6f7f9; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 900px; margin: 32px auto; padding: 40px 48px; background: #fff; border: 1px solid #e6e8ec; border-radius: 16px; }
h1 { font-size: 30px; line-height: 1.4; margin: 0 0 16px; }
h1 + p { color: #444; font-weight: 600; padding-bottom: 24px; border-bottom: 1px solid #e6e8ec; }
h2 { font-size: 21px; margin: 30px 0 12px; }
p, li { font-size: 16px; line-height: 1.9; overflow-wrap: anywhere; }
ul { padding-left: 24px; }
li + li { margin-top: 8px; }
@media (max-width: 640px) { main { margin: 0; padding: 24px 20px; border: 0; border-radius: 0; } h1 { font-size: 26px; } }
@media print { :root { background: #fff; } main { margin: 0; padding: 0; border: 0; } }