.article-excerpt { color: var(--muted); margin-top: 20px; }
.article-cover { width: 100%; height: auto; margin-bottom: 30px; }
.article-body { overflow-wrap: anywhere; }
.article-body img { height: auto; margin-block: 24px; }
.article-body blockquote { margin: 24px 0; border-left: 3px solid var(--line); padding-left: 20px; color: var(--muted); }
.article-body pre { overflow-x: auto; padding: 18px; background: var(--surface); font-size: 13px; }
.article-body code { font-family: ui-monospace, monospace; }
.article-body table { display: block; overflow-x: auto; border-collapse: collapse; margin-block: 24px; }
.article-body th, .article-body td { border: 1px solid var(--line); padding: 9px 12px; text-align: left; }
.article-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.article-tags span { padding: 3px 8px; background: var(--surface); font-size: 12px; }
.pagination { display: flex; justify-content: space-between; gap: 20px; padding-block: 24px; font-size: 14px; }
.empty-blog { padding-block: 20px; color: var(--muted); }