求助帮忙修改一份控制 Asri 主题文档备注弹窗的 CSS

这是 CSS 控制下的效果（因为是弹窗，只能拍照凑合看 😂 ）

如果不加 CSS，效果如下图，这个备注文档属性的字体变得非常小，但备注文档中段落块的弹窗（红圈）就恢复正常

这是我请 AI 写的一段 CSS，主要达到的效果，就是控制文档备注弹窗所显示的字体大小及换行（之前它的字体很小且不换行）【达到第一张图而效果】

这是极限了啊极限，到了这份上，俺都不知怎么向 AI 提问了（因为缺乏了关于思源 CSS 这方面的知识）

请路过的大大帮忙看下这段代码中的问题 🙏

[data-light-theme="Asri"] .b3-tooltips,
[data-dark-theme="Asri"] .b3-tooltips {
    position: relative; /* 创建定位上下文 */
}

[data-light-theme="Asri"] .b3-tooltips::after,
[data-dark-theme="Asri"] .b3-tooltips::after {
    font-size: 20px !important;
    line-height: 1.5;
    /* 动态宽度配置 */
    width: var(--editor-content-width, 80vw); /* 默认使用编辑器变量 */
    max-width: 100%; /* 防溢出保护 */
    /* 容器样式增强 */
    box-sizing: border-box;
    left: 50%; /* 水平居中定位 */
    transform: translateX(-50%);
    /* 文本换行策略 */
    white-space: pre-wrap;
    overflow-wrap: break-word;
}