:root{
  --bg:#0b0c10; --fg:#e8eaed; --muted:#9aa0a6; --card:#111217; --border:#23252d; --link:#a794ff;
}
@media (prefers-color-scheme: light){
  :root{ --bg:#ffffff; --fg:#111217; --muted:#4d5562; --card:#f7f7fb; --border:#e7e7ef; --link:#4b37ff; }
}
*{ box-sizing:border-box }
body{ margin:0; background:var(--bg); color:var(--fg); font:16px/1.65 system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial; }
a{ color:var(--link); text-decoration:none; border-bottom:1px dashed rgba(124,92,255,.35) }
a:hover{ border-bottom-color:transparent }
.container{ max-width:920px; margin:0 auto; padding:22px }
.site-header{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin:10px 0 20px }
.brand{ display:flex; align-items:center; gap:12px; color:inherit; text-decoration:none }
.logo{ width:38px; height:38px; border-radius:10px; background:conic-gradient(from 220deg, #7c5cff, #48d0ff, #7c5cff) }
.tag{ color:var(--muted); font-size:13px }
.nav a{ margin-left:14px }
.content{ background:var(--card); border:1px solid var(--border); border-radius:16px; padding:20px }
.post h1{ margin-top:0 }
.meta{ color:var(--muted); font-size:13px }
.site-footer{ color:var(--muted); text-align:center; font-size:13px; margin:22px 0 }
iframe{ background:repeating-linear-gradient(45deg, rgba(124,92,255,.06) 0 10px, transparent 10px 20px); border-radius:12px }