[css] 文本配色 css 样式 （升级版），附带 挖空块 和 伪代码块

效果

文本颜色：

其中，样式 12 为伪代码块，用于创建可以给代码内容加颜色和荧光的「代码块」：

样式 13 为挖空块，鼠标移动到上方即可显示被隐藏的内容：

四种特殊样式：

数据库 单选/多选项 样式：

引述块样式：

表格样式：

行内代码块：

tag：

注：以上效果均在 Savor 主题下测试

代码片段 （css） ：

2025-12-05 更新：

/*------------- 思源笔记 个人样式 -----------*/
/* 护眼背景色 */
/* :root[data-theme-mode=light]{
	--b3-theme-background: #fffbf1 !important;
} */

/* 基本配色 变量设置 */
/* :root {
    --test-code-font-size: 11pt !important;
} */
:root[data-theme-mode=light] {
    /* 文本颜色样式 */
    --b3-font-color1:  #afafaf !important;
    --b3-font-color2:  #da0000 !important;
    --b3-font-color3:  #e7613f !important;
    --b3-font-color4:  #a79600 !important;
    --b3-font-color5:  #5d8f00 !important;
    --b3-font-color6:  #008d13 !important;
    --b3-font-color7:  #00949e !important;
    --b3-font-color8:  #0068f1 !important;
    --b3-font-color9:  #6e22e9 !important;
    --b3-font-color10: #dc31e2 !important;
    --b3-font-color11: #000000 !important;
    --b3-font-color12: #ffffff !important; /* 特殊：伪代码块 */
    --b3-font-color13: #000000; /* 特殊：挖空 */
    --b3-database-font-color11: #FFFFFF  !important;
  
    --b3-font-background1:  #cacaca !important;
    --b3-font-background2:  #ffb7c4 !important;
    --b3-font-background3:  #ffd4b7 !important;
    --b3-font-background4:  #fff3be !important;
    --b3-font-background5:  #d9ff94 !important;
    --b3-font-background6:  #bef5bc !important;
    --b3-font-background7:  #b1fffb !important;
    --b3-font-background8:  #b0d0ff !important;
    --b3-font-background9:  #d9c2ff !important;
    --b3-font-background10: #fbb5fd !important;
    --b3-font-background11: #FFFFFF !important;
    --b3-font-background12: #007500 !important; /* 特殊：伪代码块 */
    --b3-font-background13: #1052b4 !important; /* 特殊：挖空 */
    --b3-database-font-background11: #b40000 !important;
  
    /* 4种样式中文字的颜色 */
    --b3-card-error-color:   #740000 !important;
    --b3-card-warning-color: #4d4900 !important;
    --b3-card-info-color:    #003e79 !important;
    --b3-card-success-color: #005504 !important;
  
    /* 4种样式背景颜色 */
    --b3-card-error-background:   rgba(255, 205, 205, 1) !important;
    --b3-card-warning-background: rgba(255, 255, 175, 1) !important;
    --b3-card-info-background:    rgba(211, 255, 255, 1) !important;
    --b3-card-success-background: rgba(211, 255, 207, 1) !important;
  
    /* 其他 */
    /* --b3-search-highlight: #FFFF00 !important */;
    --test-font-color-default: #000000 !important; /* 自定义变量，用于数据库中的单选/多选项颜色 */
  
    --test-highlight-border-color: rgba(0, 0, 0, 0.45) !important; /* 自定义变量，用于高亮边框颜色 */
    --test-highlight-shadow-color: rgba(0, 0, 0, 0.322) !important; /* 自定义变量，用于高亮阴影颜色 */
    --test-highlight-text-color: #000000 !important; /* 自定义变量，用于高亮文字颜色 */
  
    --test-inline-code-color: #003881 !important; /* 自定义变量，用于行内代码颜色 */
    --test-inline-code-border-color: rgba(0, 0, 0, 0.342) !important; /* 自定义变量，用于行内代码边框颜色 */
    --test-inline-code-shadow-color: rgba(0, 0, 0, 0.281) !important; /* 自定义变量，用于行内代码阴影颜色 */
    --test-inline-code-background: #66faff13 !important;
  
    --test-code-background: #f1fbff !important; /* 自定义变量，用于行内代码背景颜色 */
    --test-code-border-color: rgba(0, 68, 114, 1) !important; /* 自定义变量，用于行内代码边框颜色 */
    --test-code-shadow-color: rgba(0, 88, 138, 0.281) !important; /* 自定义变量，用于行内代码阴影颜色 */
    --test-code-color: #000000 !important; /* 自定义变量，用于伪代码块文字颜色 */
  
    --test-database-option-border-color: rgba(0, 0, 0, 0.55) !important; /* 自定义变量，用于数据库选项边框颜色 */
  
    --test-quote-background-color: #94949418 !important; /* 自定义变量，用于引用块背景颜色 */
    --test-quote-border-color: rgba(0, 0, 0, 0.699) !important; /* 自定义变量，用于引用块边框颜色 */
    --test-quote-shadow-color: rgba(0, 0, 0, 0.521) !important; /* 自定义变量，用于引用块阴影颜色 */
    --test-quote-left-color: #5757578e !important; /* 自定义变量，用于引用块左侧竖线颜色 */
  
    --test-table-border-color: rgba(0, 0, 0, 0.623) !important; /* 自定义变量，用于表格外框颜色 */
    --test-table-cell-border-color: rgba(0, 0, 0, 0.171) !important; /* 自定义变量，用于表格单元格边框颜色 */
    --test-table-text-color: #000000 !important; /* 自定义变量，用于表格文字颜色 */
    --test-table-first-row-background: #e0ffd6 !important; /* 自定义变量，用于表格表头背景颜色 */
    --test-table-odd-row-background: #ffffff !important; /* 自定义变量，用于表格奇数行背景颜色 */
    --test-table-even-row-background: #f8f8f8 !important; /* 自定义变量，用于表格偶数行背景颜色 */
  
    --test-tag-background-color: #003d83 !important;
    --test-tag-text-color: #ffffff !important;
    --test-tag-hash-color: #00ffff !important;
  
}
:root[data-theme-mode=dark] {
    /* 文本颜色样式 */
    --b3-font-color1:  #a0a0a0  !important;
    --b3-font-color2:  #ff5252  !important;
    --b3-font-color3:  #ffa46f  !important;
    --b3-font-color4:  #fdfa54  !important;
    --b3-font-color5:  #c9fc69  !important;
    --b3-font-color6:  #2aff16  !important;
    --b3-font-color7:  #2fd5ff  !important;
    --b3-font-color8:  #7499ff  !important;
    --b3-font-color9:  #ba7dff  !important;
    --b3-font-color10: #ea47ff  !important;
    --b3-font-color11: #ffffff  !important;
    --b3-font-color12: #000000  !important; /* 特殊：伪代码块 */
    --b3-font-color13: #000000; /* 特殊：挖空 */
    --b3-database-font-color11: #000000  !important;
  
    --b3-font-background1:  #5f5f5f !important;
    --b3-font-background2:  #862828 !important;
    --b3-font-background3:  #884d2b !important;
    --b3-font-background4:  #7a6315 !important;
    --b3-font-background5:  #5b8115 !important;
    --b3-font-background6:  #158d15 !important;
    --b3-font-background7:  #157f83 !important;
    --b3-font-background8:  #1952a8 !important;
    --b3-font-background9:  #6138a3 !important;
    --b3-font-background10: #86267d!important;
    --b3-font-background11: #000000 !important;
    --b3-font-background12: #00FF00 !important; /* 特殊：伪代码块 */
    --b3-font-background13: #00FFFF !important; /* 特殊：挖空 */
    --b3-database-font-background11: #FFFF00 !important;
  
    /* 4种样式中文字的颜色 */
    --b3-card-error-color:   #ffbfbf !important;
    --b3-card-warning-color: #ffff77 !important;
    --b3-card-info-color:    #4fffff !important;
    --b3-card-success-color: #8fff8f !important;
  
    /* 4种样式背景颜色 */
    --b3-card-error-background:   rgba(94, 0, 0, 1) !important;
    --b3-card-warning-background: rgba(80, 80, 0, 1) !important;
    --b3-card-info-background:    rgba(0, 66, 66, 1) !important;
    --b3-card-success-background: rgba(6, 75, 0, 1) !important;
  
    /* 其他 */
    /* --b3-search-highlight: #FFFF00 !important */;
    --test-font-color-default: #ffffff !important; /* 自定义变量，用于数据库中的单选/多选项颜色 */
  
    --test-highlight-border-color: rgba(255, 255, 255, 0.65) !important; /* 自定义变量，用于高亮边框颜色 */
    --test-highlight-shadow-color: rgba(255, 255, 255, 0) !important; /* 自定义变量，用于高亮阴影颜色 */
    --test-highlight-text-color: #ffffff !important; /* 自定义变量，用于高亮文字颜色 */
  
  
    --test-inline-code-color: #afd2ff !important; /* 自定义变量，用于行内代码颜色 */
    --test-inline-code-border-color: rgba(255, 255, 255, 0.39) !important; /* 自定义变量，用于行内代码边框颜色 */
    --test-inline-code-shadow-color: rgba(255, 255, 255, 0) !important; /* 自定义变量，用于行内代码阴影颜色 */
    --test-inline-code-background: #66faff13 !important;
  
    --test-code-background: #002d41 !important; /* 自定义变量，用于行内代码背景颜色 */
    --test-code-border-color: #00ccff !important; /* 自定义变量，用于行内代码边框颜色 */
    --test-code-shadow-color: rgba(0, 218, 247, 0.667) !important; /* 自定义变量，用于行内代码阴影颜色 */
    --test-code-color: #ffffff !important; /* 自定义变量，用于伪代码块文字颜色 */
  
    --test-database-option-border-color: rgba(255, 255, 255, 0.55) !important; /* 自定义变量，用于数据库选项边框颜色 */
  
    --test-quote-background-color: #83838327 !important; /* 自定义变量，用于引用块背景颜色 */
    --test-quote-border-color: rgba(255, 255, 255, 0.801) !important; /* 自定义变量，用于引用块边框颜色 */
    --test-quote-shadow-color: rgba(255, 255, 255, 0.438) !important; /* 自定义变量，用于引用块阴影颜色 */
    --test-quote-left-color: #cccccc5d !important; /* 自定义变量，用于引用块左侧竖线颜色 */
  
    --test-table-border-color: rgba(255, 255, 255, 0.705) !important; /* 自定义变量，用于表格外框颜色 */
    --test-table-cell-border-color: rgba(255, 255, 255, 0.24) !important; /* 自定义变量，用于表格单元格边框颜色 */
    --test-table-text-color: #FFFFFF !important; /* 自定义变量，用于表格文字颜色 */
    --test-table-first-row-background: #004b17 !important; /* 自定义变量，用于表格表头背景颜色 */
    --test-table-odd-row-background: #161616 !important; /* 自定义变量，用于表格奇数行背景颜色 */
    --test-table-even-row-background: #292929 !important; /* 自定义变量，用于表格偶数行背景颜色 */

    --test-tag-background-color: #00f3fc !important;
    --test-tag-text-color: #000000 !important;
    --test-tag-hash-color: #005fdb !important;
  
}

/*

如需对暗色主题单独设置，在 .样式 前加个 `html[data-theme-mode="dark"]` 即可

*/


/*  字体颜色 */
[style*="var(--b3-font-color1)"][style*="color"],
[style*="var(--b3-font-color2)"][style*="color"],
[style*="var(--b3-font-color3)"][style*="color"],
[style*="var(--b3-font-color4)"][style*="color"],
[style*="var(--b3-font-color5)"][style*="color"],
[style*="var(--b3-font-color6)"][style*="color"],
[style*="var(--b3-font-color7)"][style*="color"],
[style*="var(--b3-font-color8)"][style*="color"],
[style*="var(--b3-font-color9)"][style*="color"],
[style*="var(--b3-font-color10)"][style*="color"],
[style*="var(--b3-font-color11)"][style*="color"]
{
    font-weight: bold !important;
}


/*  ==高亮== 颜色*/
span[data-type="mark"] {
    font-weight: bold;
    text-decoration: none !important;
    padding: 0.5px 1.0px 0.5px 1.0px;
    border-radius: 4px;
    margin: 0px 1.0px 0px 1.0px;
}
html[data-theme-mode="light"] span[data-type="mark"] {
    color: rgb(240, 0, 0) !important;
    background-color: #FFFF00 !important;
    border: 1px solid rgba(0,0,0,0.55);   /* 用固定灰色；也可以改成 currentColor */
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
html[data-theme-mode="dark"] span[data-type="mark"] {
    color: #FFFF00 !important;
    background-color: #662400FF !important;
    border: 1px solid rgba(255, 252, 58, 0.85);
    box-shadow: 0 1px 2px rgba(255,255,255,0.25);
}

/* 样式颜色 */
[style*="var(--b3-card-error-background)"],
[style*="var(--b3-card-warning-background)"],
[style*="var(--b3-card-info-background)"],
[style*="var(--b3-card-success-background)"] {
    border: 1px solid var(--test-highlight-border-color);
    box-shadow: 1px 1px 2px var(--test-highlight-shadow-color);
    padding: 0.5px 1.2px 0.5px 1.2px;
    border-radius: 4px;
    margin: 0px 1.0px 0px 1.0px;
    /* font-weight: bold !important; */
}

/* 高亮颜色 */
[style*="var(--b3-font-background1)"][style*="background"],
[style*="var(--b3-font-background2)"][style*="background"],
[style*="var(--b3-font-background3)"][style*="background"],
[style*="var(--b3-font-background4)"][style*="background"],
[style*="var(--b3-font-background5)"][style*="background"],
[style*="var(--b3-font-background6)"][style*="background"],
[style*="var(--b3-font-background7)"][style*="background"],
[style*="var(--b3-font-background8)"][style*="background"],
[style*="var(--b3-font-background9)"][style*="background"],
[style*="var(--b3-font-background10)"][style*="background"],
[style*="var(--b3-font-background11)"][style*="background"]
{
    /* border: 1px solid var(--test-highlight-border-color); */
    border-top: 1px solid var(--test-highlight-border-color);
    border-bottom: 1px solid var(--test-highlight-border-color);
    border-left: none;
    border-right: none;
    box-shadow: 0 1px 2px var(--test-highlight-shadow-color);
    padding: 0.2px 1.0px 0.2px 1.0px;
    /* border-radius: 4px; */
    /* margin: 0px 1.0px 0px 1.0px; */
    /*font-weight: bold;*/
    /* color: var(--test-highlight-text-color) !important; */
}


/* 伪代码块 */
[style*="var(--b3-font-background12)"][style*="color"] {
    font-family: 'Consolas', 'monospace', 'Microsoft YaHei UI' !important;
    font-size: 11pt !important;
    border-radius: 6px;
    margin: 5px 5px 5px 5px;
    padding: 9px 8px 9px 8px;
    border: 1.2px solid var(--test-code-border-color);
    line-height: 1.4;
    background-color: var(--test-code-background) !important;
    box-shadow: var(--test-code-shadow-color) 2px 2px 2px, var(--test-code-shadow-color) 0px 0px 4px;
    color: var(--test-code-color) !important;
}


/* 挖空配色 */
[style*="var(--b3-font-background13)"][style*="color"] {
    padding: 0.5px 1.0px 0.5px 1.0px;
    color: transparent !important;
    background:linear-gradient(145deg, #909090, #e4e4e4);
    /* cursor: pointer; */
    border-radius: 4px;
    margin: 0px 1.0px 0px 1.0px;
    box-shadow: rgba(0, 0, 0, 0.667) 1.4px 1.4px 1px, rgba(0, 0, 0, 0.533) 0px 0px 3px;
    transition: linear 0.8s !important;
    white-space: pre-wrap;
}
[style*="var(--b3-font-background13)"][style*="color"]:hover{
    color: var(--b3-font-color13) !important;
    transition-duration: 0.2s !important;
}
[style*="var(--b3-font-background13)"][style*="color"]:active{
    color: var(--b3-font-color13) !important;
    transition-duration: 0.2s !important;
}


/* 数据库 */
.custom-attr__avvalue .b3-chip,
.av__cell .b3-chip,
.av__panel .b3-chip,
.b3-menu__label .b3-chip
[data-name="av-col-option"] .color__square,
.av__group-title .b3-chip {
    padding: 1px 3px !important;
    margin: 1px 1px !important;
    border-radius: 4px !important;
    font-weight: normal !important;
    border: 1px solid var(--test-database-option-border-color) !important;
    color:var(--test-font-color-default) !important;
    line-height: 1.0 !important;
    box-shadow: none !important;
}

/* color 1 到 color 10 必须这样手动指定，否则在部分第三方主题下会发生混乱 */
.custom-attr__avvalue .b3-chip[style*="color1)"],
.av__cell .b3-chip[style*="color1)"],
.av__panel .b3-chip[style*="color1)"],
[data-name="av-col-option"] .color__square[style*="color1)"],
.b3-menu__label .b3-chip[data-color="1"],
.av__group-title .b3-chip[style*="color1)"]{
    background-color: var(--b3-font-background1) !important;
    color: var(--test-font-color-default) !important;
}
.custom-attr__avvalue .b3-chip[style*="color2)"],
.av__cell .b3-chip[style*="color2)"],
.av__panel .b3-chip[style*="color2)"],
[data-name="av-col-option"] .color__square[style*="color2)"],
.b3-menu__label .b3-chip[data-color="2"],
.av__group-title .b3-chip[style*="color2)"]{
    background-color: var(--b3-font-background2) !important;
    color: var(--test-font-color-default) !important;
}
.custom-attr__avvalue .b3-chip[style*="color3)"],
.av__cell .b3-chip[style*="color3)"],
.av__panel .b3-chip[style*="color3)"],
[data-name="av-col-option"] .color__square[style*="color3)"],
.b3-menu__label .b3-chip[data-color="3"],
.av__group-title .b3-chip[style*="color3)"]{
    background-color: var(--b3-font-background3) !important;
    color: var(--test-font-color-default) !important;
}
.custom-attr__avvalue .b3-chip[style*="color4)"],
.av__cell .b3-chip[style*="color4)"],
.av__panel .b3-chip[style*="color4)"],
[data-name="av-col-option"] .color__square[style*="color4)"],
.b3-menu__label .b3-chip[data-color="4"],
.av__group-title .b3-chip[style*="color4)"]{
    background-color: var(--b3-font-background4) !important;
    color: var(--test-font-color-default) !important;
}
.custom-attr__avvalue .b3-chip[style*="color5)"],
.av__cell .b3-chip[style*="color5)"],
.av__panel .b3-chip[style*="color5)"],
[data-name="av-col-option"] .color__square[style*="color5)"],
.b3-menu__label .b3-chip[data-color="5"],
.av__group-title .b3-chip[style*="color5)"]{
    background-color: var(--b3-font-background5) !important;
    color: var(--test-font-color-default) !important;
}
.custom-attr__avvalue .b3-chip[style*="color6)"],
.av__cell .b3-chip[style*="color6)"],
.av__panel .b3-chip[style*="color6)"],
[data-name="av-col-option"] .color__square[style*="color6)"],
.b3-menu__label .b3-chip[data-color="6"],
.av__group-title .b3-chip[style*="color6)"]{
    background-color: var(--b3-font-background6) !important;
    color: var(--test-font-color-default) !important;
}
.custom-attr__avvalue .b3-chip[style*="color7)"],
.av__cell .b3-chip[style*="color7)"],
.av__panel .b3-chip[style*="color7)"],
[data-name="av-col-option"] .color__square[style*="color7)"],
.b3-menu__label .b3-chip[data-color="7"],
.av__group-title .b3-chip[style*="color7)"]{
    background-color: var(--b3-font-background7) !important;
    color: var(--test-font-color-default) !important;
}
.custom-attr__avvalue .b3-chip[style*="color8)"],
.av__cell .b3-chip[style*="color8)"],
.av__panel .b3-chip[style*="color8)"],
[data-name="av-col-option"] .color__square[style*="color8)"],
.b3-menu__label .b3-chip[data-color="8"],
.av__group-title .b3-chip[style*="color8)"]{
    background-color: var(--b3-font-background8) !important;
    color: var(--test-font-color-default) !important;
}
.custom-attr__avvalue .b3-chip[style*="color9)"],
.av__cell .b3-chip[style*="color9)"],
.av__panel .b3-chip[style*="color9)"],
[data-name="av-col-option"] .color__square[style*="color9)"],
.b3-menu__label .b3-chip[data-color="9"],
.av__group-title .b3-chip[style*="color9)"]{
    background-color: var(--b3-font-background9) !important;
    color: var(--test-font-color-default) !important;
}
.custom-attr__avvalue .b3-chip[style*="color10)"],
.av__cell .b3-chip[style*="color10)"],
.av__panel .b3-chip[style*="color10)"],
[data-name="av-col-option"] .color__square[style*="color10)"],
.b3-menu__label .b3-chip[data-color="10"],
.av__group-title .b3-chip[style*="color10)"]{
    background-color: var(--b3-font-background10) !important;
    color: var(--test-font-color-default) !important;
}
/* color 12/13 因默认样式中被重写作其他用途, color 11 是白底与样式 14 相同，故手动重写为深色底色 */
.custom-attr__avvalue .b3-chip[style*="color11)"],
.av__cell .b3-chip[style*="color11)"],
.av__panel .b3-chip[style*="color11)"],
[data-name="av-col-option"] .color__square[style*="color11)"],
.b3-menu__label .b3-chip[data-color="11"],
.av__group-title .b3-chip[style*="color11)"]{
    background-color: var(--b3-database-font-background11) !important;
    color: var(--b3-database-font-color11) !important;
    border: 1px solid var(--b3-database-font-background11) !important;
}
.custom-attr__avvalue .b3-chip[style*="color12)"],
.av__cell .b3-chip[style*="color12)"],
.av__panel .b3-chip[style*="color12)"],
[data-name="av-col-option"] .color__square[style*="color12)"],
.b3-menu__label .b3-chip[data-color="12"],
.av__group-title .b3-chip[style*="color12)"]{
    background: solid var(--b3-font-background12) !important;
    background-color: var(--b3-font-background12) !important;
    color: var(--b3-font-color12) !important;
    border: 1px solid var(--b3-font-background12) !important;
    font-family: revert !important;
    font-size: revert !important;
}
.custom-attr__avvalue .b3-chip[style*="color13)"],
.av__cell .b3-chip[style*="color13)"],
.av__panel .b3-chip[style*="color13)"],
[data-name="av-col-option"] .color__square[style*="color13)"],
.b3-menu__label .b3-chip[data-color="13"],
.av__group-title .b3-chip[style*="color13)"]{
    background: solid var(--b3-font-background13) !important;
    background-color: var(--b3-font-background13) !important;
    color: var(--b3-database-font-color11) !important;
    transition: none !important;
    border: 1px solid var(--b3-font-background13) !important;
}



/* 引述块 */
/* 灰色背景+左侧竖线 */
.protyle-wysiwyg .bq {
    background: var(--test-quote-background-color);
    margin: 5px 5px 5px 5px; /*不得加 !important, 否则在大纲层级中加入时会始终显示在最左侧 */
    padding: 5px 6px 5px 10px;
    /* border-left: 4px solid var(--test-quote-left-color); */
    border: 1px solid var(--test-quote-border-color);
    box-shadow:  1px 1px 2px var(--test-quote-shadow-color);
}


/* 表格样式 */
/* 表格整体外框 */
.protyle-wysiwyg table {
    border-collapse: collapse !important;
    border: 1px solid var(--test-table-border-color) !important;
    border-radius: 4px;
    overflow: hidden;
}

/* 表格内部网格线 */
.protyle-wysiwyg table th,
.protyle-wysiwyg table td {
    border: 1.5px solid var(--test-table-cell-border-color) !important;
}

/* 表头 */
.protyle-wysiwyg table th {
    background-color: var(--test-table-first-row-background) !important;
    color: var(--test-table-text-color);
}
.protyle-wysiwyg table tr:nth-child(odd) {
    background-color: var(--test-table-odd-row-background) !important;
    color: var(--test-table-text-color);
}
.protyle-wysiwyg table tr:nth-child(even) {
    background-color: var(--test-table-even-row-background) !important;
    color: var(--test-table-text-color);
}

/* 行内代码 */
.fn__code, .b3-typography code:not(.hljs), .b3-typography span[data-type~=code], .protyle-wysiwyg code:not(.hljs), .protyle-wysiwyg span[data-type~=code]{
	color:var(--test-inline-code-color)  !important;
    background-color: var(--test-inline-code-background) !important;
    border: 1px solid var(--test-inline-code-border-color)  !important;
    box-shadow: 0 1px 2px var(--test-inline-code-shadow-color);
    margin: 0px 2.0px 0px 2.0px;
    padding: 0.4px 3.0px 0.4px 3.0px;
}

/* 代码块 */
.code-block {
    box-shadow: var(--test-code-shadow-color) 2px 2px 2px, var(--test-code-shadow-color) 0px 0px 4px;
    border: 1.2px solid var(--test-code-border-color);
    margin: 5px revert 5px 5px   !important;
    padding: 0px revert 0px 0px  !important;
  
    background-color: var(--test-code-background) !important;
  
}

/* 标签 */
.protyle-wysiwyg span[data-type="tag"], .sy__outline span[data-type="tag"]{
	border-radius: 6px;
	padding:0px 4px 0px 4px !important;
    margin: 0px 2.0px 0px 2.0px !important;
	color: var(--test-tag-text-color) !important;
	border-bottom:none !important;
	background-color: var(--test-tag-background-color) !important;
    border: 1.0px solid var(--test-tag-background-color);
    font-size: 90% !important;
}
.protyle-wysiwyg span[data-type="tag"]::before, .sy__outline span[data-type="tag"]::before{
	content: "# ";
    color: var(--test-tag-hash-color) !important;
    font-weight: bold;
    font-size: 75% !important;
}
.export-img span[data-type="tag"]::before{
	content: "";
}

/* 公式块 */
.katex-display {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}