*{box-sizing:border-box}
body{margin:0;font:16px/1.8 -apple-system,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;color:#2b2b2b;background:#faf8f3}
header{max-width:720px;margin:0 auto;padding:28px 20px 8px;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #e6e1d6}
.brand{font-size:20px;font-weight:600;color:#7a4e2d;text-decoration:none}
nav a{margin-left:18px;color:#555;text-decoration:none}nav a:hover{color:#7a4e2d}
main{max-width:720px;margin:0 auto;padding:12px 20px 40px}
h1{font-size:24px;margin:28px 0 12px}
.list{list-style:none;padding:0}.list li{padding:16px 0;border-bottom:1px dashed #e0dacd}
.list time,article time{display:block;color:#999;font-size:13px}
.list a{font-size:18px;color:#2b2b2b;text-decoration:none}.list a:hover{color:#7a4e2d}
.list p{margin:4px 0 0;color:#777;font-size:14px}
article p{margin:14px 0}.back a{color:#7a4e2d}
footer{max-width:720px;margin:0 auto;padding:20px;color:#aaa;font-size:13px;border-top:1px solid #e6e1d6}