:root { --maxw: 920px; --pad: 16px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
body.container { margin: 0 auto; max-width: var(--maxw); padding: var(--pad); line-height: 1.6; background: radial-gradient(1200px 600px at 10% -10%, #1f2650 0%, transparent 60%), linear-gradient(180deg, #0b0d12 0%, #0f1320 100%); color: #e9eefb;}
a { color: #e9eefb; }
header { display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap; border-bottom: 1px solid #26304c; position: sticky; top: 0; background: rgba(11,13,18,.6); backdrop-filter: blur(8px); padding: 10px 0; }
header .brand a { text-decoration:none; font-weight:700; display:flex; align-items:center; gap:10px; }
header .brand .mark { width: 18px; height: 18px; border-radius: 6px; background: conic-gradient(from 0deg, #6f7cff, #8e2de2, #4a00e0); box-shadow: 0 0 16px rgba(111,124,255,.35); display:inline-block; }
nav ul { list-style:none; display:flex; gap:12px; padding:0; margin:0; }
nav a { text-decoration:none; opacity:.9 }
nav a:hover { opacity:1 }
.langs a { margin-left:8px; font-size:14px; }
.post-list { padding-left: 0; list-style:none; }
.post-title { font-weight:600; }
.meta { color:#b9c2d6; font-size: 14px; }
footer { margin-top: 48px; font-size: 14px; color:#b9c2d6; border-top: 1px solid #26304c; padding-top: 12px; }
.content img { max-width:100%; height:auto; border-radius: 8px; }
hr { margin: 24px 0; border-color: #26304c; }
.page-content { color:#cdd6ea; }