tailwind css 中恢复 ul/ol 列表默认样式的完整方案：tailwind 的 preflight 会重置 ul/ol 的 list-style、margin 和 padding，导致列表丢失缩进与项目符号；只需在 base 层统一设置 `list-style: revert; margin: revert; padding: revert;` 即可精准还原浏览器原生列表行为。
Tailwind CSS 的 Preflight 是一套现代化的 CSS 重置机制，旨在提供跨浏览器一致的基础样式。然而，它会主动移除
- 和
- 的原生表现——包括项目符号（bullets / numbers）、左侧内边距（padding-left）以及上下外边距（margin-top/margin-bottom）。这虽利于构建自定义组件，但当项目需保留语义化 HTML 的默认渲染（例如文档内容区、Markdown 渲染输出或 CMS 导入内容）时，会导致嵌套列表扁平化、缩进消失、层级结构不可见等问题。
要精准、安全地仅恢复列表的原生行为（而非全局禁用 Preflight），推荐在 application.tailwind.css（或你项目的主 Tailwind 入口 CSS 文件）中使用 @layer base 注入覆盖规则：
@layer base {
ul,
ol {
list-style: revert;
margin: revert;
padding: revert;
}
}
✅ 为什么必须同时声明三者？
- list-style: revert 恢复项目符号类型（disc, decimal 等）和位置；
- margin: revert 恢复浏览器默认的上下间距（如 Chrome 对 ul 应用 margin-block: 1em）；
- padding: revert 恢复关键的左侧内边距（如 padding-inline-start: 40px），这是嵌套列表实现缩进的核心——仅靠 list-style 无法还原层级缩进。
⚠️ 注意事项：
