:root{
  --bg:#ffffff; --fg:#1b1b1b; --muted:#8a8f98; --border:#ececec;
  --link:#2563eb; --code-bg:#f6f8fa; --card:#fafafa;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0e1012; --fg:#e7e7e7; --muted:#8b9199; --border:#232629;
    --link:#7aa2f7; --code-bg:#16191d; --card:#141719;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px; line-height:1.8; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.container{max-width:720px; margin:0 auto; padding:0 22px}
a{color:var(--link); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%; height:auto}
header.site{padding:56px 0 20px}
.avatar{width:72px; height:72px; border-radius:50%; object-fit:cover; display:block; margin-bottom:18px}
.site-name{font-size:26px; font-weight:700; letter-spacing:.2px; margin:0}
.tagline{color:var(--muted); margin:6px 0 0; font-size:15px}
.links{margin:22px 0 0; display:flex; flex-wrap:wrap; gap:8px 18px; font-size:15px}
.links a{color:var(--fg); opacity:.75}
.links a:hover{opacity:1}
hr.sep{border:0; border-top:1px solid var(--border); margin:34px 0}
.list-title{color:var(--muted); font-size:13px; letter-spacing:1.5px; text-transform:uppercase; margin:0 0 14px}
ul.posts{list-style:none; margin:0; padding:0}
ul.posts li{display:flex; align-items:baseline; gap:14px; padding:9px 0; border-bottom:1px solid var(--border)}
ul.posts li:last-child{border-bottom:0}
ul.posts .p-title{flex:1; min-width:0}
ul.posts .p-title a{color:var(--fg)}
ul.posts .p-date{color:var(--muted); font-size:13px; white-space:nowrap; font-variant-numeric:tabular-nums}
footer.site{padding:36px 0 60px; color:var(--muted); font-size:13px; line-height:1.7}
footer.site a{color:var(--muted)}
.back{display:inline-block; margin:0 0 26px; color:var(--muted); font-size:14px}
article h1.post-title{font-size:25px; line-height:1.45; margin:0 0 6px}
.post-meta{color:var(--muted); font-size:13px; margin:0 0 30px}
.post-content{font-size:16.5px}
.post-content h2{font-size:20px; margin:1.8em 0 .6em; line-height:1.5}
.post-content h3{font-size:17px; margin:1.5em 0 .5em}
.post-content p{margin:0 0 1.1em}
.post-content ul,.post-content ol{margin:0 0 1.1em; padding-left:1.4em}
.post-content li{margin:.3em 0}
.post-content blockquote{margin:1.2em 0; padding:.2em 1em; border-left:3px solid var(--border); color:var(--muted)}
.post-content pre{
  background:var(--code-bg); border:1px solid var(--border); border-radius:10px;
  padding:14px 16px; overflow:auto; font-size:13.5px; line-height:1.6; margin:0 0 1.2em;
}
.post-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
.post-content :not(pre)>code{background:var(--code-bg); border:1px solid var(--border); border-radius:5px; padding:.1em .35em; font-size:.9em}
.post-content img{border-radius:10px; margin:.4em 0}
.post-content iframe{width:100%; aspect-ratio:16/9; height:auto; border:0; border-radius:10px; display:block; margin:1.2em 0}
.post-content .empty{color:var(--muted)}
.post-content .wp-block-group{margin:0}
.credit{margin-top:44px; padding-top:18px; border-top:1px solid var(--border); color:var(--muted); font-size:13px}
@media (max-width:520px){
  header.site{padding:40px 0 14px}
  .site-name{font-size:22px}
  ul.posts li{flex-direction:column; gap:2px}
  article h1.post-title{font-size:21px}
}


/* 备案 */
footer .beian{margin-top:12px;font-size:12.5px;line-height:1.9;opacity:.9;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}
footer .beian a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;opacity:.85}
footer .beian a:hover{text-decoration:underline;opacity:1}
footer .beian .sep{opacity:.4;margin:0 4px}
footer .beian img{height:13px;width:auto;margin:0 4px 0 0;vertical-align:middle;border-radius:2px;filter:grayscale(1);opacity:.55;transition:filter .2s,opacity .2s}
footer .beian a:hover img{filter:none;opacity:1}