:root {
    --hljs-bg: rgb(44, 44, 44);
    --black: rgb(0, 0, 0);
    --white: rgb(255, 255, 255);
    --radius: 8px;
    --content: rgb(31, 31, 31);
    --border: rgb(238, 238, 238);
}

.post-content pre code {
    display: block;
    margin: auto 0;
    padding: 5px;
    color: #d5d5d6;
    background: var(--hljs-bg)!important;
    overflow-x: auto;
    word-break: break-all;
}

.post-content pre code {
    max-height: 40em;
    margin-bottom: 2%;
    font-size: .75em;
    font-family: consolas,Menlo,pingfang sc,microsoft yahei,sans-serif;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}

div.highlight, pre {
    position: relative;
}

.highlight pre {
    tab-size: 4 !important;
}

.post-content .highlight:not(table), .post-content pre {
    /*box-shadow: 0px 2px 4px rgb(5 10 15 / 10%), 0px 7px 13px -3px rgb(5 10 15 / 30%);*/
    margin: 50px 0 0 0;
}

.post-content .highlight:not(table) {
    background: var(--hljs-bg)!important;
    border-radius: var(--radius);
    direction: ltr;
}

.post-content :not(table) ::-webkit-scrollbar-thumb {
    border: 5px solid var(--hljs-bg);
}

/*解决角落显示方块问题*/
::-webkit-scrollbar-corner {
    background-color: var(--hljs-bg);
    border-radius: 10px;
}

/*修复代码在ios展示大小不一的问题*/
code {
    text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

code[class*="language-"], pre[class*="language-"] {
    font-size: 0.75em;
    line-height: 1.6;
}

/*评论区代码*/
pre[class*="language-"] > code {
    border-left: none !important;
    font-size: 0.6em;
}

/*复制按钮*/
.copy-code {
    display: block;
    position: absolute;
    top: -22px;
    right: 8px;
    z-index: 1;
    color: rgba(255, 255, 255, 0.8);
    background: unset;
    border-radius: var(--radius);
    padding: 0 5px;
    font-size: 0.9em;
    user-select: none;
}

/*mac风格代码*/
.mac {
    width:10px;
    height:10px;
    border-radius:5px;
    float:left;
    margin:10px 0 0 5px;
}
.bb1 {
    background: #ef4943;
    margin-left: 10px;
}
.bb2 { background: #f5b228; }
.bb3 { background: #20d032; }
.language-type {
    color: rgba(255,255,255,.8);
    position: absolute;
    right: 80px;
    top: 3px;
    font-size: 0.9em;
}
.mac-tool {
    background: var(--hljs-bg);
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    width: 100%;
    position: absolute;
    top: -25px;
    height: 25px;
}

@media screen and (min-width: 768px) {
    ::-webkit-scrollbar {
        width:13px;
        height: 13px
    }
}