*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;color:#2b3330;background:#f8f9f7}
.wrap{max-width:700px;margin:0 auto;padding:0 24px}
header{padding:52px 0 30px;border-bottom:1px solid #e3e7e2}
h1{font-size:1.5rem;font-weight:600;letter-spacing:.5px}
h1 a{color:#2b3330;text-decoration:none}
nav{margin-top:13px}
nav a{color:#63706a;text-decoration:none;margin-right:20px;font-size:.93rem}
nav a:hover{color:#4a7c59}
main{padding:38px 0}
article.post{padding:26px 0;border-bottom:1px solid #e3e7e2}
article.post:last-child{border-bottom:none}
article.post h2{font-size:1.12rem;font-weight:600;margin-bottom:9px;line-height:1.5}
article.post h2 a{color:#2b3330;text-decoration:none}
article.post h2 a:hover{color:#4a7c59}
article.post time{font-size:.84rem;color:#63706a;display:block;margin-bottom:8px}
article.post p{color:#63706a;font-size:.94rem}
.single h2{font-size:1.3rem;font-weight:600;margin-bottom:12px;line-height:1.5}
.single time{font-size:.85rem;color:#63706a;display:block;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid #e3e7e2}
.single p{margin-bottom:17px;font-size:.97rem}
.single h3{font-size:1.02rem;font-weight:600;margin:26px 0 12px}
.single code{background:#eef2ee;padding:2px 6px;border-radius:4px;font-size:.88em;font-family:ui-monospace,Menlo,monospace}
.backlink{display:inline-block;margin-top:30px;font-size:.9rem;color:#4a7c59;text-decoration:none}
footer{padding:34px 0 54px;color:#63706a;font-size:.85rem;border-top:1px solid #e3e7e2}