:root{
  --bg:#0f1220; --panel:#151932; --panel-2:#0f142a; --text:#E6E7EE; --muted:#98a2b3; --accent:#7c3aed; --accent-2:#22d3ee;
}
*{box-sizing:border-box}
body{margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI",Roboto,Arial,sans-serif; background:var(--bg); color:var(--text); line-height:1.6;}
a{color:var(--accent-2); text-decoration:none}
a:hover{opacity:.9; text-decoration:underline;}
.container{max-width:1120px; margin:0 auto; padding:24px;}
.header{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0;}
.brand{display:flex; align-items:center; gap:12px;}
.logo{width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,var(--accent),var(--accent-2)); box-shadow:0 10px 30px rgba(124,58,237,.35);}
.brand h1{margin:0; font-size:20px; letter-spacing:.3px;}
.nav a{margin-right:16px; color:#cbd5e1}
.hero{background:linear-gradient(180deg,rgba(124,58,237,.08),rgba(0,0,0,0)); border:1px solid #23284a; padding:18px 20px; border-radius:14px; margin:8px 0 24px;}
.main{display:grid; grid-template-columns: 3fr 1fr; gap:24px;}
.card{background:var(--panel); border:1px solid #23284a; border-radius:14px; padding:18px;}
.card:hover{border-color:#38406b}
.post-list .item{display:flex; gap:16px; padding:14px; border-radius:12px; border:1px solid #222749; background:var(--panel-2); margin-bottom:12px;}
.item h3{margin:0 0 6px 0; font-size:18px;}
.item p{margin:0; color:var(--muted); font-size:14px;}
.badge{display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; border:1px solid #38406b; color:#cbd5e1; margin-right:6px;}
.sidebar .section{margin-bottom:16px;}
.footer{color:#94a3b8; text-align:center; font-size:13px; padding:24px 0; border-top:1px solid #23284a; margin-top:28px;}
.post h1{margin-top:0;}
.post .meta{color:#a3a9c7; font-size:13px; margin-bottom:12px;}
pre{background:#0c1022; color:#e5e7eb; padding:12px; border-radius:12px; border:1px solid #23284a; overflow:auto;}
blockquote{border-left:3px solid #38406b; margin:0; padding:8px 12px; color:#cbd5e1; background:#0f142a; border-radius:8px;}
.download-note{background:#2a1111; border:1px solid #7f1d1d; color:#fecaca; padding:10px 12px; border-radius:10px; margin:10px 0;}
.download-links a{display:inline-block; margin-right:12px; padding:6px 10px; background:#111827; border:1px solid #374151; border-radius:8px;}
.kbd{border:1px solid #374151; background:#0b1022; padding:1px 6px; border-radius:6px; font-size:12px;}
.pagination{display:flex; gap:8px; justify-content:center; margin-top:16px;}
.pagination a{padding:6px 10px; border:1px solid #23284a; border-radius:8px; background:#0c1022;}