/* 关键词高亮和字体颜色随模式变化样式 */

/* 可用词模式下的高亮底色 */
.highlight-keyword.mode-allowed-highlight {
    background-color: #cff7e3 !important; /* 与模式切换右边显示状态底色一致 */
}

/* 禁用词模式下的高亮底色 */
.highlight-keyword.mode-forbidden-highlight {
    background-color: #fcdfde !important; /* 与模式切换右边显示状态底色一致 */
}

/* 可用词模式下的关键词字体颜色 */
.keyword-word.mode-allowed-text {
    color: #206a4f !important; /* 可用模式时的字体颜色 */
}

/* 禁用词模式下的关键词字体颜色 */
.keyword-word.mode-forbidden-text {
    color: #aa251d !important; /* 禁用模式时的字体颜色 */
}

/* 默认高亮样式（兼容原有样式） */
.highlight-keyword {
    background-color: #cff7e3; /* 默认使用可用词模式底色 */
    padding: 2px 0;
    border-radius: 2px;
    cursor: pointer;
}

/* 默认关键词字体样式（兼容原有样式） */
.keyword-word {
    font-weight: 600;
    color: #206a4f; /* 默认使用可用词模式字体颜色 */
}