/*!
 * 扩展主题，使其支持行号和暗黑模式
 * 提示：当 line_number 和 wrap 为 false，hljs 为 true 的时候，本样式无效
 */
.markdown-body pre,
.markdown-body .highlight {
    background: #f8f8f8;
    margin: 10px 0;
    padding: 5px;
    border-style: solid;
    border-color: #eef1f8;
    border-width: 1px 0;
    overflow: auto;
    color: #4d4d4c;
    line-height: 22px;
}

.markdown-body .highlight .gutter pre,
.markdown-body .gist .gist-file .gist-data .line-numbers {
    color: #666;
    font-size: 0.85em;
}

.markdown-body pre,
.markdown-body code {
    font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
}

.markdown-body code {
    background: rgba(208, 211, 248, 0.2);
    color: #333;
    padding: 0 0.3em;
}

.markdown-body pre code {
    background: none;
    text-shadow: none;
    padding: 0;
}

.markdown-body .highlight pre {
    border: none;
    margin: 0;
}

.markdown-body .highlight table {
    margin: 0;
    width: auto;
    border: none;
}

.markdown-body .highlight tbody {
    margin: 0;
    display: flex;
}

.markdown-body .highlight td {
    border: none;
    padding: 0;
}

.markdown-body .highlight figcaption {
    font-size: 0.85em;
    color: #8e908c;
    line-height: 1em;
    margin-bottom: 1em;
}

.markdown-body .highlight figcaption:before,
.markdown-body .highlight figcaption:after {
    content: "";
    display: table;
}

.markdown-body .highlight figcaption:after {
    clear: both;
}

.markdown-body .highlight figcaption a {
    float: right;
}

.markdown-body .highlight .gutter {
    width: 50px;
}

.markdown-body .highlight .code {
    flex: 1;
}

.markdown-body .highlight .gutter pre {
    text-align: center;
}

.markdown-body .highlight .line {
    height: 22px;
}

.markdown-body .highlight .line.marked {
    background: #d6d6d6;
}

.markdown-body .gist {
    margin: 0 -20px;
    border-style: solid;
    border-color: #eef1f8;
    border-width: 1px 0;
    background: #f8f8f8;
    padding: 15px 20px 15px 0;
}

.markdown-body .gist .gist-file {
    border: none;
    font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
    margin: 0;
}

.markdown-body .gist .gist-file .gist-data {
    background: none;
    border: none;
}

.markdown-body .gist .gist-file .gist-data .line-numbers {
    background: none;
    border: none;
    padding: 0 20px 0 0;
}

.markdown-body .gist .gist-file .gist-data .line-data {
    padding: 0 !important;
}

.markdown-body .gist .gist-file .highlight {
    margin: 0;
    padding: 0;
    border: none;
}

.markdown-body .gist .gist-file .gist-meta {
    background: #f8f8f8;
    color: #8e908c;
    font: 0.85em -apple-system, "Arial", BlinkMacSystemFont, "Segoe UI",
        "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
        "Helvetica Neue", sans-serif;
    text-shadow: 0 0;
    padding: 0;
    margin-top: 1em;
    margin-left: 20px;
}

.markdown-body .gist .gist-file .gist-meta a {
    color: color-link;
    font-weight: normal;
}

.markdown-body .gist .gist-file .gist-meta a:hover {
    text-decoration: underline;
}

.markdown-body figure td.code pre {
    white-space: pre !important;
}

.markdown-body figure table tr {
    display: flex !important;
    justify-content: flex-start !important;
}

pre .comment,
pre .title {
    color: #8e908c;
}

pre .variable,
pre .attribute,
pre .tag,
pre .regexp,
pre .ruby .constant,
pre .xml .tag .title,
pre .xml .pi,
pre .xml .doctype,
pre .html .doctype,
pre .css .id,
pre .css .class,
pre .css .pseudo {
    color: #c82829;
}

pre .number,
pre .preprocessor,
pre .built_in,
pre .literal,
pre .params,
pre .constant {
    color: #fb6d19;
}

pre .class,
pre .ruby .class .title,
pre .css .rules .attribute {
    color: #718c00;
}

pre .string,
pre .value,
pre .inheritance,
pre .header,
pre .ruby .symbol,
pre .xml .cdata {
    color: #718c00;
}

pre .css .hexcolor {
    color: #3e999f;
}

pre .function,
pre .python .decorator,
pre .python .title,
pre .ruby .function .title,
pre .ruby .title .keyword,
pre .perl .sub,
pre .javascript .title,
pre .coffeescript .title {
    color: #4271ae;
}

pre .keyword,
pre .javascript .function {
    color: #8959a8;
}

pre {
    color: #525252;
}

pre .function .keyword,
pre .constant {
    color: #0092db;
}

pre .keyword,
pre .attribute {
    color: #e96900;
}

pre .number,
pre .literal {
    color: #ae81ff;
}

pre .tag,
pre .tag .title,
pre .change,
pre .winutils,
pre .flow,
pre .lisp .title,
pre .clojure .built_in,
pre .nginx .title,
pre .tex .special {
    color: #2973b7;
}

pre .symbol,
pre .symbol .string,
pre .value,
pre .regexp {
    color: #42b983;
}

pre .title {
    color: #83b917;
}

pre .tag .value,
pre .string,
pre .subst,
pre .haskell .type,
pre .preprocessor,
pre .ruby .class .parent,
pre .built_in,
pre .sql .aggregate,
pre .django .template_tag,
pre .django .variable,
pre .smalltalk .class,
pre .javadoc,
pre .django .filter .argument,
pre .smalltalk .localvars,
pre .smalltalk .array,
pre .attr_selector,
pre .pseudo,
pre .addition,
pre .stream,
pre .envvar,
pre .apache .tag,
pre .apache .cbracket,
pre .tex .command,
pre .prompt {
    color: #42b983;
}

pre .comment,
pre .java .annotation,
pre .python .decorator,
pre .template_comment,
pre .pi,
pre .doctype,
pre .shebang,
pre .apache .sqbracket,
pre .tex .formula {
    color: #b3b3b3;
}

pre .deletion {
    color: #ba4545;
}

pre .coffeescript .javascript,
pre .javascript .xml,
pre .tex .formula,
pre .xml .javascript,
pre .xml .vbscript,
pre .xml .css,
pre .xml .cdata {
    opacity: 0.5;
}

.night-mode pre,
.night-mode code,
.night-mode blockquote {
    background-color: #333 !important;
    border-color: #2f2f2f;
    color: #f3f3f3;
}