改造前视觉上没问题，但整页只有 div 和 span：读屏的地标列表是空的，屏幕外的人看不出哪块是导航、哪块是正文。

这份代码的具体问题

• 没有可聚焦元素：导航和「阅读全文」都是 <span>/<div> 上色，键盘 Tab 一遍什么都到不了，读屏也念不出「这是链接」。
• 日期是纯文本：机器读不到时间语义，应写 <time datetime="2026-09-20">。
• 目录用了 div 列表：三条并列项是 <ul><li>，读屏会播报「列表，共 3 项」帮你定位。
• 样式全写在 style 里：改一次颜色要搜十几处，也无法响应深色模式（第九章之后会改用类名 + 自定义属性）。
• 结构无法被推断：搜索引擎和「阅读模式」分不清主内容与侧栏，抽出来的正文常常包含友情链接。