暗色主题下text-indent视觉变弱是因对比度下降而非CSS失效；应增强首行锚定，如加左边界+微调padding，禁用justify，td改用padding-left，测试需结合系统字体放大。
text-indent: 2em 在暗色主题下依然有效，但视觉感知会变弱——不是 CSS 失效了，而是对比度下降导致缩进“看不见”。
暗色主题下 text-indent 缩进变淡甚至消失？
这不是单位或语法问题，是人眼在低亮度环境对小位移更不敏感。2em 在浅色背景上清晰可见的 32px 偏移，在深灰（#1e1e1e）背景配浅灰文字（#e0e0e0）时，边缘模糊+缺乏明暗衬托，缩进感直接打五折。
- 别盲目加大
text-indent值（比如调到3em），字号小时会撑出容器，尤其小屏 - 避免用
text-shadow强行加边强调——暗色主题本就忌讳高光干扰，且可能触发可访问性警告 - 检查是否误用了
padding-left：它在暗色主题里会让段落整体右移，左侧留出大片“空背景”，反而更突兀
如何让缩进在暗色模式下真正“被看见”
核心思路是增强首行起始点的视觉锚定，而不是只推文字。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 给段落加轻微左边界：
p { border-left: 2px solid #444; padding-left: 0.8em; }——细线提供参照，padding-left防止文字贴线 - 配合
text-indent: 2em使用，两者叠加比单用任一方案都稳；注意border-left宽度要计入总宽度，所以padding-left要略减 - 若用 CSS 变量管理主题，把缩进值和边框色联动：
:root[data-theme="dark"] { --indent-em: 2.2em; --border-color: #333; } - 禁用
text-align: justify——暗色主题下两端对齐易产生不均匀字距，进一步削弱首行定位感
表格单元格（td）在暗色主题里的缩进陷阱
td 本身不支持 text-indent 的可靠渲染，暗色主题下这个问题会被放大：深背景 + 短内容 + 无换行 = 缩进计算了但根本看不到。
立即学习“前端免费学习笔记（深入）”；
- 坚持用
td, th { padding-left: 2em; }，它不依赖“首行盒”，在任何主题、任何内容长度下都生效 - 如果必须语义化（如导出 PDF），包裹
<div style="text-indent: 2em;">...</div>，但要在暗色主题 CSS 中额外加div[style*="text-indent"] { background: rgba(255,255,255,0.03); }提供微弱底衬 - 绝对不要对
table设置全局text-indent——表头th会被误缩进，且暗色主题下更难察觉错位
真正容易被忽略的是：暗色主题下用户常开启系统级字体放大（尤其是 macOS 和 Windows 高对比度模式），em 单位虽能响应字号变化，但缩进的“视觉重量”仍取决于背景与文字的相对明度差。测试时别只看设计稿，一定要开真机暗色模式 + 字体放大 125% 实拍效果。
