/* Markdown 结果使用页面色板；避免默认深色 pre 容器形成黑框。 */
.markdown-body pre,
pre {
    background: var(--panel-solid);
    color: var(--text);
    border: 1px solid var(--line);
}

.dark .markdown-body pre,
.dark pre {
    background: var(--panel-solid);
    color: var(--text);
}

.markdown-body pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 0;
    background: transparent;
}

/* highlight.js 引入的是浅色 github 主题；在暗黑界面中覆盖其 token 颜色，
 * 否则代码会保留深色文字，和深色代码框混在一起。 */
.dark .markdown-body pre code.hljs,
.dark pre code.hljs {
    color: #e6edf3;
    background: transparent;
}

.dark code.hljs .hljs-comment,
.dark code.hljs .hljs-quote {
    color: #9aa7b8;
}

.dark code.hljs .hljs-keyword,
.dark code.hljs .hljs-selector-tag,
.dark code.hljs .hljs-subst {
    color: #ff7bba;
}

.dark code.hljs .hljs-number,
.dark code.hljs .hljs-literal,
.dark code.hljs .hljs-variable,
.dark code.hljs .hljs-template-variable,
.dark code.hljs .hljs-tag .hljs-attr {
    color: #79c0ff;
}

.dark code.hljs .hljs-string,
.dark code.hljs .hljs-doctag {
    color: #a5d6ff;
}

.dark code.hljs .hljs-title,
.dark code.hljs .hljs-section,
.dark code.hljs .hljs-selector-id {
    color: #d2a8ff;
}

.dark code.hljs .hljs-type,
.dark code.hljs .hljs-class .hljs-title {
    color: #ffa657;
}

.dark code.hljs .hljs-attr,
.dark code.hljs .hljs-attribute,
.dark code.hljs .hljs-name,
.dark code.hljs .hljs-selector-class {
    color: #7ee787;
}

.dark code.hljs .hljs-meta,
.dark code.hljs .hljs-meta .hljs-keyword,
.dark code.hljs .hljs-built_in,
.dark code.hljs .hljs-bullet,
.dark code.hljs .hljs-code {
    color: #79c0ff;
}

.dark code.hljs .hljs-addition {
    color: #aff5b4;
    background-color: rgba(46, 160, 67, .18);
}

.dark code.hljs .hljs-deletion {
    color: #ffdcd7;
    background-color: rgba(248, 81, 73, .18);
}

.markdown-body .katex-display,
.markdown-body section {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.markdown-body section {
    margin: 1em 0;
    text-align: center;
}