段落中高亮文本的显示/隐藏方案咨询（兼顾单行多行与过渡效果）

嘿，我最近在折腾一个需求：要在段落中间实现高亮文本的显示/隐藏效果，但有两个硬性要求：

• 这个方法得足够灵活，既能处理单行的高亮文本，也能完美适配多行的情况
• 绝对不能影响段落里其他文本的行高

我目前试了两种方案，但都有点不尽人意：

• 版本1：用<mark>标签配合宽度收缩到0+overflow: hidden的方式实现过渡隐藏，这个视觉效果我特别喜欢，但它有个致命问题——只能支持单行文本，多行的话直接失效
• 版本2：用把高亮文本的字体大小缩到0的方式来隐藏，这个能兼容多行场景，但过渡的视觉体验就远不如版本1顺滑自然了

我还试过transform: scaleX(0)的方式，结果也不管用。现在就想问问有没有办法能把两者的优点结合起来？就是既有版本1那种流畅的过渡视觉效果，又能像版本2一样支持多行高亮文本？或者有没有其他更合适的解决方案呀？

备注：内容来源于stack exchange，提问作者garrettlynchirl