文章页面

Thread UI

文章页要稳定、耐看、适合长文

文章页面是 Annoying 主题最重要的前台场景之一：作者卡、正文、图片、代码块、Mermaid 和评论区都要保持稳定。

文章页面是用户最常停留的地方。一个帖子打开后，如果标题、作者信息、正文、图片、代码块和评论区都不稳定，用户很容易觉得站点不够完整。

Annoying 会优先把文章页整理好，让它更接近现代博客文章的阅读体验。

主要改变

作者卡片会更清楚，正文排版会更稳定，图片不会撑得太大，代码块和 Mermaid 流程图会更适合技术内容，评论区也会减少旧规则叠加造成的边框和背景问题。

为什么这很重要

XiunoX 原生很轻，但文章页默认更偏论坛帖子。Annoying 希望它既保留论坛互动，又能承载长文、教程、资源介绍和技术内容。

后续如果要继续写详细文档，可以在这里补文章页结构、样式变量和兼容说明。

作者卡片头像、昵称、用户标识和内容统计保持对齐，不被右栏压缩。

正文排版去掉旧折叠层，避免长文被 max-height 裁掉。

图片资源限制最大宽度，避免图片过大撑开内容区。

评论互动清理旧粉色边框和灰色背景，让留言区更自然。