html,body{margin:0;padding:0}body{font:18px/1.6 Helvetica,Arial,pingfang sc,microsoft yahei,sans-serif;color:#222;background:#fff}#site-header,#site-main,#site-footer{width:500px;margin:0 auto;padding:0 16px;box-sizing:border-box}#site-header{padding-top:50px;padding-bottom:10px;text-align:center}.site-title{font-size:24px;margin:0 0 6px;font-weight:400}.site-title a{color:inherit;text-decoration:none}.site-tagline{margin:0;color:#888;font-size:14px}#site-main{padding-top:30px;padding-bottom:50px;min-height:60vh}#site-footer{border-top:1px solid #eee;padding-top:20px;padding-bottom:50px;color:#888;font:11px lucida grande,Arial,sans-serif;text-align:center}#site-footer a{color:inherit}a{color:inherit}img{max-width:100%;height:auto}blockquote{margin:12px 0;padding:4px 0 4px 15px;border-left:4px solid #dcdcdc;color:#555}pre,code{font-family:Menlo,Consolas,monospace;font-size:15px}pre{white-space:pre-wrap;word-wrap:break-word;background:#f7f7f7;padding:12px;border-radius:3px;overflow-x:auto}figure{margin:16px 0;text-align:center}figure img{display:block;margin:0 auto}.post-title{font-size:22px;margin:0 0 16px}.post-body p{margin:12px 0}.post-footer{margin-top:30px;padding-top:10px;border-top:1px solid #ccc;font:11px lucida grande,Arial,sans-serif;color:#888}.post-footer .timestamp,.post-footer .tag{display:inline-block;margin-right:10px}.post-footer .tag{text-decoration:none}.post-footer .tag:hover{text-decoration:underline}.post-nav{margin-top:30px;display:flex;justify-content:space-between;font-size:13px;color:#888}.post-nav a{text-decoration:none;color:#555}.post-nav a:hover{text-decoration:underline}.post-nav .next{margin-left:auto;text-align:right}.list-intro{color:#666;margin-bottom:24px}.post-list{list-style:none;padding:0;margin:0}.post-list-item{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px dotted #eee;flex-wrap:wrap}.post-date{font:11px lucida grande,Arial,sans-serif;color:#888;min-width:78px}.post-link{text-decoration:none;color:#222;flex:1}.post-link:hover{text-decoration:underline}.post-tags{font:10px lucida grande,Arial,sans-serif;color:#aaa}.post-tags .tag{margin-left:4px;text-decoration:none}.post-tags .tag::before{content:"#"}.post-tags .tag:hover{text-decoration:underline}.paginator{margin:40px 0 0;text-align:center;font-size:13px;color:#888}.paginator a{margin:0 12px;text-decoration:none;color:#555}.paginator a:hover{text-decoration:underline}.list-title{font-size:20px;margin:0 0 16px}@media(max-width:560px){#site-header,#site-main,#site-footer{width:100%}body{font-size:17px}}