大家好，我正在给Obsidian编写自定义主题（KYU Theme），碰到了一个挺费解的问题，想请教下各位大佬：

我给类型为infobox的提示框设置了深色背景色，结果只有在编辑模式下能正常显示，切换到阅读模式时背景就变成透明的了。更奇怪的是，如果我把背景色换成浅色系（比如红色），阅读模式下就能正常显示，偏偏深色系的颜色就会失效。

我已经尝试给样式加上!important强制覆盖，但还是没解决问题。以下是主题里的相关代码，麻烦帮忙排查下问题所在：

核心变量定义 #

:root {
    --bg1: #414141;
    --bg2: #2c2c2c;

    --accent1: #06fffb;
    --accent2: #ff1453;
}

Infobox提示框样式代码 #

/* CALLOUTS */
/* Infobox */
.callout[data-callout="infobox"] {
    background-color: var(--bg2) !important;
}

完整主题代码（已移除外链） #

/* KYU THEME FOR OBSIDIAN */
/* EL Theme */
/* Author: Callie ʃ> */

/* 
NOTES TO SELF:
.fob matches to class=fob
#fob matches to id=fob 
*/

:root {
    --bg1: #414141;
    --bg2: #2c2c2c;

    --accent1: #06fffb;
    --accent2: #ff1453;
}

/* 外部字体引入代码已省略 */

.inline-title {
    font-family: "PhatBold", sans-serif !important;
    font-size: 1.2em;
    letter-spacing: 0.1em !important;
}

body {
    --background-primary: var(--bg1);
    --background-secondary: var(--bg2);
}

.el-p p {
    background-color: var(--bg2) !important;
    padding: 10px !important;
}

/* CALLOUTS */
/* Infobox */
.callout[data-callout="infobox"] {
    background-color: var(--bg2) !important;
}

有没有朋友遇到过类似的情况？或者能帮我分析下Obsidian阅读模式下提示框的样式优先级逻辑吗？实在搞不懂为什么深色背景就会在阅读模式下消失，感谢大家的帮忙！