/* 文章统计样式 */
.post-total {
    font-size: 12px;
    text-align: center;
    border-bottom: 2px solid #eee;
}

.post-total span {
    margin-right: 20px;
}

/* 文章目录 */
.post-toc {
    top: 120px;
    z-index: 98;
    position: fixed !important;
    position: absolute;
    height: 50%;
    overflow-y: auto;
    /* Firefox 滚动条样式 */
    scrollbar-color: #fff #fff; /* 滚动条颜色和轨道颜色 */
    scrollbar-width: thin; /* 滚动条宽度 */
}

.post-toc::-webkit-scrollbar {
    width: 0px;
    background-color: #fff;
}

.post-toc>.toc-list {
    overflow: hidden;
    position :relative;
}

.post-toc>.toc-list li {
    list-style:none;
}

.toc-list {
    margin:0;
    padding-left:10px;
}

a.toc-link {
    color: currentColor;
    height: 100%;
    display: block; 
    padding: 5px 0;
}

.is-collapsible {
    padding-left: 18px;
    max-height: 1000px;
    overflow: hidden;
    transition: all 300ms ease-in-out;
}

.is-collapsed {
    max-height: 0;
}

.is-position-fixed {
    position: fixed !important;
    top: 100px;
}

.is-active-link {
    font-weight: 700;
}

.toc-link::before {
    background-color: #EEE;
    content: ' ';
    display: inline-block;
    height: inherit;
    left: 0;
    margin-top: -1px;
    position: absolute;
    width: 5px;
}

.is-active-link::before{
    background-color: #12b7de;
}

@media (min-width: 992px) {
    .post-content {
        padding-right: 50px;
    }
}

.post-content p {
    text-indent: 36px;
    word-break: break-all;
    word-wrap: break-word;
    overflow:hidden;
}

.post-content a {
    word-break: break-all;
    word-wrap: break-word;
}

.post-content img {
    width: 100%;
}

/* markdown 引用样式 */
blockquote {
    font-size: 16px;
    margin: 5px 0px 8px 0px;
    background-color: #F2F2F2;
    border-left: 5px solid #E5E5E5;
}

blockquote p {
    text-indent: 0px !important;
}

blockquote hr {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.2));
}

/* markdown 代码块样式 */
figure {
    overflow-x: auto;
}

figure table {
    width: 100%;
}

figure table td.code {
    width: 100%;
}

figure pre {
    background-color: #2b2b2b; /* Sublime 的暗色背景 */
    font-family: 'Consolas', 'Source Code Pro', 'Monaco', 'monospace'; /* Sublime 默认字体之一 */
    color: #ccc; /* 文本颜色，Sublime 的默认文本色 */
    letter-spacing: 0.5px;
    font-size: 16px;
}

figure pre span.class_ { color: #a6e22e;} /* 类名 */
figure pre span.type { color: #a6e22e;} /* 类型 */
figure pre span.function_ { color: #45bcf3; } /* 函数名 */
figure pre span.built_in { color: #d82e8e; } /* 关键字 */
figure pre span.keyword { color: #d82e8e; } /* 关键字 */
figure pre span.string { color: #f8e196; } /* 字符串 */
figure pre span.comment { color: #6272a4; } /* 注释 */
figure pre span.variable { color: #e5c07b; } /* 变量 */
figure pre span.number { color: #bd93f9; } /* 数字 */
figure pre span.operator { color: #d82e8e; } /* 运算符 */
figure pre span.punctuation { color: #f8f2f2; } /* 标点符号 */
figure pre span.property { color: #66d9ef; } /* 属性（如CSS中的属性名或JS对象的属性） */
figure pre span.boolean { color: #ff5555; } /* 布尔值 true/false */
figure pre span.null { color: #f8f8f2; opacity: 0.7; } /* null */
figure pre span.regex { color: #f1fa8c; } /* 正则表达式 */

pre.mermaid {
    text-align: center;
}

/* 表格样式 */
.table-mk table {
    width: 100%;
    border-collapse: collapse;
    margin: 5px 0 8px 0;
}

.table-mk table, .table-mk th, .table-mk td {
    border: 1px solid #ddd;
}

.table-mk th, .table-mk td {
    padding: 8px;
    text-align: center;
}

.table-mk th {
    background-color: #f2f2f2;
}

/* 奇数行的颜色 */
.table-mk tbody tr:nth-child(odd) {
    background-color: #EFF3F5;
}

/* 偶数行的颜色 */
.table-mk tbody tr:nth-child(even) {
    background-color: #FFFFFF;
}