:root{
  --bg:#05060a; --bg2:#080a12;
  --surface:rgba(255,255,255,.028); --border:rgba(255,255,255,.08);
  --text:#e9ebf3; --muted:#9aa2b6; --muted2:#6b7288;
  --violet:#7c6cff; --cyan:#00d5ff;
  --grad:linear-gradient(120deg,#7c6cff,#00d5ff);
  --font:"Space Grotesk","Noto Sans SC",-apple-system,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:radial-gradient(900px 500px at 80% -10%, rgba(124,108,255,.12), transparent 60%),
             radial-gradient(800px 500px at 8% 20%, rgba(0,213,255,.08), transparent 55%), var(--bg);
  color:var(--text); font-family:var(--font); line-height:1.7;
  -webkit-font-smoothing:antialiased; min-height:100vh;
}
a{color:var(--cyan); text-decoration:none}
a:hover{text-decoration:underline}

.top{max-width:920px;margin:0 auto;padding:22px 22px 0;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700;font-size:18px;letter-spacing:.04em;color:var(--text)}
.brand:hover{text-decoration:none}
.top nav a{margin-left:18px;color:var(--muted);font-size:14.5px}
.top nav a:hover{color:var(--text);text-decoration:none}

main{max-width:920px;margin:0 auto;padding:36px 22px 80px}
.crumb{color:var(--muted2);font-size:13px;margin-bottom:14px}
.crumb a{color:var(--muted)}
h1{font-size:clamp(28px,4.5vw,42px);font-weight:600;letter-spacing:-.01em;line-height:1.2;margin-bottom:10px}
.date,.sub{color:var(--muted);font-size:14.5px;margin-bottom:28px}
.sub{max-width:640px}
.sub code{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:13px;color:var(--cyan);white-space:nowrap}

/* 文章正文 */
.items{display:flex;flex-direction:column;gap:14px}
.item{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:20px 22px;transition:border-color .2s,background .2s}
.item:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
.item-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.num{font-weight:700;font-size:13px;color:var(--cyan);background:rgba(0,213,255,.1);border:1px solid rgba(0,213,255,.25);border-radius:8px;padding:2px 8px;font-variant-numeric:tabular-nums}
.src{color:var(--muted2);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase}
.src:hover{text-decoration:none;color:var(--muted)}
.item-title{font-size:17px;font-weight:600;line-height:1.45;margin-bottom:6px}
.item-title a{color:var(--text)}
.item-title a:hover{color:var(--cyan);text-decoration:none}
.item-desc{color:var(--muted);font-size:14px}

/* 博客首页 */
.list{display:flex;flex-direction:column;gap:12px}
.post-card{display:flex;flex-direction:column;gap:5px;padding:18px 22px;border:1px solid var(--border);border-radius:16px;background:var(--surface);transition:border-color .2s,background .2s,transform .2s}
.post-card:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05);transform:translateY(-2px);text-decoration:none}
.pc-date{font-size:12.5px;color:var(--cyan);font-variant-numeric:tabular-nums;letter-spacing:.03em}
.pc-title{font-size:17px;font-weight:600;color:var(--text)}
.pc-excerpt{font-size:13.5px;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.empty{color:var(--muted)}
.foot{color:var(--muted2);font-size:12.5px;margin-top:36px;border-top:1px solid var(--border);padding-top:18px}
@media(max-width:640px){.sub code{white-space:normal;word-break:break-all}}