.cm-var-highlight {
background: yellow;
border-radius: 3px;
}


.cm-s-material.CodeMirror {
    background: #ffffff !important;  /* 白底 */
    color: #000000 !important;
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #ddd;
    border-radius: 6px;
}

/* 彩虹括号颜色 */
.cm-bracket-level-0 { color: #000000; }
.cm-bracket-level-1 { color: #ff0000; }
.cm-bracket-level-2 { color: #ff00f7; }
.cm-bracket-level-3 { color: #1900ff; }
.cm-bracket-level-4 { color: #ff0099; }
.cm-bracket-level-5 { color: #b48ead; }
.cm-bracket-level-6 { color: #40e0d0; }
.cm-bracket-level-7 { color: #ff7f50; }

/* 不匹配的括号 */
.cm-mismatch-bracket { color: white !important; background-color: #e51400; }

/* 新增: 相同项高亮的样式 (可以自定义背景色) */
.cm-matchhighlight {
    background-color: #bcc5ca;
}

.CodeMirror-matchingbracket { 
    outline: 1px solid #b7b1b1;  
    background: #d7d1d1 !important;
}

/* 光标 */
.CodeMirror-cursor {
    border-left: 3px solid  #000000 !important;
}

/* 行号栏 */
.CodeMirror-gutters {
    background: #f9f9f9 !important;
    border-right: 1px solid #ddd !important;
    color: #666 !important;
}

    .cm-keyword     { color: #000000 !important; font-weight: bold; }  
    .cm-variable    { color: #4400ff !important; }            
    .cm-comment     { color: #999999 !important; font-style: italic; }  
    .cm-number      { color: #000000 !important; }                     
    .cm-string      { color: #008000 !important; }                    
    .cm-operator    { color: #9c27b0 !important; }             

    .CodeMirror-scrollbar-annotate {
    background: red;
    opacity: 0.6; /* 可调透明度 */
}

.CodeMirror {
    height: 88%;
    overflow: atuo;
}

