:root { --fg:#0b0b0b; --bg:#fff; --muted:#6b7280; --link:#2563eb; --card:#f8fafc; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji","Segoe UI Emoji"; color:var(--fg); background:var(--bg); }
.container { max-width: 820px; margin: 0 auto; padding: 16px; }
header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e5e7eb; }
header h1 { margin:0; font-size: 22px; }
header a { text-decoration:none; color:var(--fg); }
header nav a { margin-left: 12px; color: var(--link); }
.posts .post, #post .post { background:var(--card); border:1px solid #e5e7eb; border-radius:14px; padding:18px; margin:18px 0; }
.post-title { margin:0 0 6px; }
.meta { color: var(--muted); font-size: 14px; margin-bottom: 10px; }
.content img { max-width:100%; height:auto; border-radius: 8px; }
pre.code { background:#0f172a; color:#e2e8f0; padding:14px; border-radius:10px; overflow:auto; }
.admin .input, .admin .textarea { width:100%; font:inherit; padding:10px; border:1px solid #e5e7eb; border-radius:10px; }
.admin .textarea { resize:vertical; }
.uploader { margin:12px 0; padding:16px; border:2px dashed #cbd5e1; border-radius:12px; text-align:center; }
.uploader.hover { background:#f1f5f9; }
.button { background:var(--link); color:#fff; border:none; padding:10px 14px; border-radius:10px; cursor:pointer; }
.links { list-style:none; padding:0; }
.links li { margin:8px 0; }
</style>