:root{
  --bg:#0a0e17;
  --bg-soft:#0f1626;
  --surface:#141d30;
  --border:rgba(255,255,255,.08);
  --text:#e6edf3;
  --muted:#8b98ad;
  --cyan:#22d3ee;       /* 算力青 */
  --gold:#e0a458;       /* 鸣沙金 */
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:radial-gradient(1200px 600px at 72% -12%, #122036 0%, var(--bg) 58%);
  background-attachment:fixed;
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Segoe UI,Roboto,sans-serif;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--cyan);text-decoration:none;transition:color .2s;}
a:hover{color:var(--gold);}
.wrap{max-width:820px;margin:0 auto;padding:0 20px;}

/* Header */
.site-header{padding:56px 0 28px;border-bottom:1px solid var(--border);margin-bottom:36px;}
.site-title{
  font-size:30px;font-weight:800;letter-spacing:.5px;margin:0;
  background:linear-gradient(90deg,var(--cyan),var(--gold));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.site-sub{color:var(--muted);margin:10px 0 0;font-size:15px;}

/* Post list */
.post-list{display:flex;flex-direction:column;gap:18px;}
.post-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:14px;
  padding:22px 24px;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.post-card:hover{
  transform:translateY(-3px);
  border-color:rgba(34,211,238,.4);
  box-shadow:0 12px 32px -14px rgba(34,211,238,.4);
}
.post-card h2{margin:0 0 8px;font-size:20px;line-height:1.4;}
.post-card h2 a{color:var(--text);}
.post-card h2 a:hover{color:var(--cyan);}
.post-meta{color:var(--muted);font-size:13px;margin-bottom:8px;}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;}
.tag{
  font-size:12px;color:var(--gold);
  border:1px solid rgba(224,164,88,.35);
  background:rgba(224,164,88,.08);
  padding:2px 10px;border-radius:999px;
}
.summary{color:var(--muted);font-size:14.5px;margin:6px 0 0;}

/* Article */
.article{max-width:760px;margin:0 auto;padding:48px 20px 0;}
.back{color:var(--muted);font-size:14px;}
.article h1{
  font-size:30px;line-height:1.3;margin:14px 0 12px;
  background:linear-gradient(90deg,var(--cyan),#bdeefb);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.article .meta{color:var(--muted);font-size:14px;margin-bottom:28px;}
.article .meta .tag{margin-left:6px;}
.article .content{font-size:16px;}
.article .content h2,.article .content h3{border-left:3px solid var(--cyan);padding-left:12px;margin-top:32px;}
.article .content img{max-width:100%;border-radius:10px;border:1px solid var(--border);}
.article .content blockquote{border-left:3px solid var(--gold);margin:18px 0;padding:8px 18px;color:var(--muted);background:var(--bg-soft);border-radius:0 8px 8px 0;}
.article .content code{background:var(--bg-soft);padding:2px 6px;border-radius:5px;font-family:Consolas,"JetBrains Mono",monospace;font-size:14px;color:var(--gold);}
.article .content pre{background:#0c1322;border:1px solid var(--border);padding:16px;border-radius:10px;overflow-x:auto;}
.article .content pre code{background:none;padding:0;color:#cfe8f5;}

/* Footer */
.site-footer{margin-top:64px;padding:28px 0 48px;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:13px;}
.site-footer a{color:var(--muted);}
.site-footer a:hover{color:var(--cyan);}
.beian{margin-bottom:10px;}
.beian a{
  display:inline-block;padding:4px 12px;border:1px solid var(--border);
  border-radius:8px;background:var(--surface);
}
.copyright{opacity:.8;}

@media(max-width:600px){
  .site-header{padding:40px 0 22px;}
  .site-title{font-size:24px;}
  .post-card{padding:18px;}
  .article{padding-top:32px;}
}