body{margin:0;font-family:-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#2d3338;background:#fafbfc;line-height:1.75}
a{color:#2b6cb0;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid #e6e9ec;background:#fff}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-weight:700;font-size:17px;color:#1a202c}
.logo span{color:#2b6cb0}
nav a{margin-left:20px;font-size:14px;color:#4a5568}
.hero{padding:48px 0 36px}
.hero h1{font-size:26px;margin:0 0 10px;color:#1a202c}
.hero p{color:#718096;margin:0;font-size:15px}
.post{padding:26px 0;border-bottom:1px solid #edf0f2}
.post h2{font-size:19px;margin:0 0 6px}
.post h2 a{color:#1a202c}
.meta{font-size:13px;color:#a0aec0}
.post p.summary{margin:8px 0 0;color:#4a5568;font-size:14.5px}
.tag{display:inline-block;background:#ebf4ff;color:#2b6cb0;border-radius:4px;font-size:12px;padding:1px 8px;margin-right:6px}
article{padding:34px 0}
article h1{font-size:24px;margin:0 0 4px}
article .meta{margin-bottom:28px}
article h3{font-size:17px;margin:26px 0 8px;color:#1a202c}
article p{font-size:15.5px}
article code{background:#edf2f7;padding:1px 5px;border-radius:3px;font-size:13.5px}
article pre{background:#1a202c;color:#e2e8f0;padding:14px;border-radius:6px;overflow-x:auto;font-size:13px;line-height:1.6}
footer{border-top:1px solid #e6e9ec;margin-top:40px;padding:26px 0;font-size:13px;color:#a0aec0;text-align:center}