*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","Helvetica Neue",Arial,sans-serif;background:#f7f9fa;color:#333;line-height:1.75}
a{color:#3273dc;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:760px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #e8ecef;padding:18px 0}
header .container{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:20px;font-weight:600;color:#2c3e50}
.logo span{color:#42b983}
nav a{margin-left:18px;font-size:15px;color:#666}
.content{padding:36px 0 60px}
.card{background:#fff;border-radius:8px;padding:24px 28px;margin-bottom:18px;
box-shadow:0 1px 3px rgba(0,0,0,.05);transition:box-shadow .2s}
.card:hover{box-shadow:0 3px 12px rgba(0,0,0,.08)}
.card h2{font-size:19px;margin-bottom:6px}
.card h2 a{color:#2c3e50}
.meta{font-size:13px;color:#999}
.meta .tag{display:inline-block;background:#eef4ff;color:#3273dc;border-radius:3px;
padding:1px 8px;margin-right:8px;font-size:12px}
.abstract{font-size:14.5px;color:#666;margin-top:10px}
.article{background:#fff;border-radius:8px;padding:36px 40px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.article h1{font-size:26px;color:#2c3e50;margin-bottom:10px}
.article .meta{margin-bottom:26px;padding-bottom:14px;border-bottom:1px solid #eef1f4}
.article h3{font-size:18px;margin:26px 0 10px;color:#2c3e50}
.article p{font-size:15.5px;margin:12px 0}
.article pre{background:#f6f8fa;border:1px solid #e8ecef;border-radius:6px;
padding:14px 16px;overflow-x:auto;font-size:13.5px;margin:14px 0}
.article code{font-family:Consolas,"Liberation Mono",Courier,monospace}
.article ul{margin:10px 0 10px 22px}
.article li{font-size:15.5px;margin:6px 0}
.article blockquote{border-left:4px solid #42b983;background:#f0faf5;
padding:10px 16px;margin:14px 0;color:#555;border-radius:0 6px 6px 0}
.back{margin:22px 0}
.back a{font-size:14px}
.about-page p{font-size:15.5px;margin:12px 0;color:#444}
footer{background:#fff;border-top:1px solid #e8ecef;padding:16px 0}
footer .container{text-align:center}
footer a{color:#939393;font-size:14px;display:inline-flex;align-items:center;gap:4px}
footer a:hover{color:#5c5c5c}
footer img{width:20px;height:20px;border:0;vertical-align:middle}
.title-hint{font-size:14px;color:#bbb;text-align:center;margin-bottom:24px}