:root { color-scheme: light dark; }
body { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; line-height: 1.6; margin: 0; }
a { color: inherit; }
.container { max-width: 860px; padding: 0 16px; margin: 0 auto; }
.site-header { border-bottom: 1px solid rgba(127,127,127,.25); padding: 14px 0; }
.site-title { text-decoration: none; font-weight: 700; }
.site-nav a { margin-left: 12px; text-decoration: none; opacity: .85; }
.site-nav a:hover { opacity: 1; text-decoration: underline; }
.post-list { list-style: none; padding: 0; }
.post-list li { padding: 10px 0; border-bottom: 1px solid rgba(127,127,127,.18); }
.meta { opacity: .75; font-size: 0.9rem; }
.tags { margin-left: 10px; }
.tag { margin-right: 8px; text-decoration: none; }
.tag:hover { text-decoration: underline; }
.content pre { padding: 12px; overflow: auto; border: 1px solid rgba(127,127,127,.25); }
.site-footer { border-top: 1px solid rgba(127,127,127,.25); padding: 18px 0; margin-top: 40px; }
.comments { margin-top: 40px; }