字体展示模糊

原因：

1. 当文本元素的某个祖先容器存在 transform: translate() 或者 transform: scale() 等 transform 操作时，容易出现这种问题
2. 元素作用了 transform: translate() 或者 transform: scale() 后的计算值产生了非整数

解决：改变元素垂直居中的方案

比如：// transform: scale(var(--scale)) translate(-50%, -50%);改为：
zoom: calc(var(--scale));
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
position: absolute;
margin: 0 auto;