:root{ --fg:#111; --bg:#fff; --muted:#666; }
*{box-sizing:border-box}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg); color:var(--fg); margin:0; line-height:1.7;
}
.article-container{ display:flex; justify-content:center; padding:60px 20px 100px; }
.article-content{ max-width:720px; width:100%; font-size:18px; }
.page-title{ font-size:34px; font-weight:600; margin-bottom:24px; text-align:center; }
.article-content h1,.article-content h2,.article-content h3{ font-weight:600; line-height:1.3; margin:24px 0 12px; }
.article-content p{ margin:12px 0; }
.article-content ul,.article-content ol{ margin:12px 0 12px 24px; }
.article-content blockquote{ margin:16px 0; padding:8px 14px; border-left:3px solid #eee; color:#333; background:#fafafa; border-radius:8px; }
.article-content hr{ border:none; border-top:1px solid #eee; margin:24px 0; }
.article-content img{ max-width:100%; height:auto; display:block; margin:16px auto; }
.article-content a{ color:#0b6efd; text-decoration:none; }
.article-content a:hover{ text-decoration:underline; }