/*
 * ------------------------------------------------------------------------
 * mdtht.css
 * (c) 2022-2024
 * Author: cayxc
 * Homepage:  https://gitee.com/cayxc/mdtht  https://github.com/cayxc/Mdtht
 * License: BSD-3-Clause
 */
@charset "UTF-8";

@font-face {
    font-family: "iconfont";
    src: url("data:application/x-font-woff2;charset=utf-8;base64,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")
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 1.6rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-retractB:before {
    content: "\e619"
}

.icon-launchB:before {
    content: "\e77f"
}

.icon-fail:before {
    content: "\e64e"
}

.icon-launchC:before {
    content: "\e731"
}

.icon-retractA:before {
    content: "\e747"
}

.icon-branchB:before {
    content: "\e618"
}

.icon-branch:before {
    content: "\e6a5"
}

.icon-catalog-closeB:before {
    content: "\e62f"
}

.icon-label:before {
    content: "\e77e"
}

.icon-quit:before {
    content: "\e652"
}

.icon-retractC:before {
    content: "\e604"
}

.icon-search:before {
    content: "\e62b"
}

.icon-close:before {
    content: "\e624"
}

.icon-noindex:before {
    content: "\e643"
}

.icon-catalog-close:before {
    content: "\e613"
}

.icon-sun:before {
    content: "\e603"
}

.icon-style:before {
    content: "\e62e"
}

.icon-moon:before {
    content: "\e60c"
}

.icon-menu-index:before {
    content: "\e62a"
}

.icon-catalog-show:before {
    content: "\e65a"
}

.icon-launchA:before {
    content: "\e748"
}

input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {
    color: #999
}

.text-center {
    text-align: center
}

.error {
    border-radius: .6rem;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    padding: 1.6rem;
    background: rgba(227,15,46,0.5)
}

.input-checkebox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    content: "";
    display: inline-block;
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #fafafa;
    border: 1px solid #070909;
    vertical-align: middle;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: .3rem;
    margin-right: .8rem;
    box-sizing: border-box
}

.input-text, .search {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #d2d2d2;
    padding: 0 .6rem;
    border-radius: .6rem;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    box-sizing: border-box;
    outline: 0
}

.js-level1-style {
    border-bottom: .1rem solid #d9d9d9
}

.js-search {
    border: .1rem solid #d2d2d2;
    border-radius: .6rem;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    max-height: 60vh !important;
    box-shadow: 0 0 .2rem .1rem rgba(217,217,217,0.6);
    -webkit-box-shadow: 0 0 .2rem .1rem rgba(217,217,217,0.6);
    -moz-box-shadow: 0 0 .2rem .1rem rgba(217,217,217,0.6);
    -o-box-shadow: 0 0 .2rem .1rem rgba(217,217,217,0.6);
    background: #fafafa
}

    .js-search > nav {
        max-height: 60vh;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scrollbar-width: none;
        -webkit-scrollbar: none
    }

    .js-search a {
        color: #000 !important
    }

    .js-search i {
        color: #999 !important
    }

#right-container .js-show h1 > span, #right-container .js-show h2 > span, #right-container .js-show h3 > span, #right-container .js-show h4 > span, #right-container .js-show h5 > span, #right-container .js-show h6 > span {
    display: block !important
}

.list-wrapper .js-close {
    display: none
}

.js-width-0 {
    width: 0 !important;
    overflow: hidden
}

.js-height-0 {
    height: 0 !important
}

.js-height-1 {
    height: 4rem !important
}

.js-noindex ul li a p {
    display: none !important
}

#list-container .js-retract > ul > li ul {
    display: none
}

#list-container .js-launch > ul > li ul {
    display: block
}

#list-container .list-wrapper .js-item-retract > ul, #list-container .list-wrapper .js-item-retract > ul {
    display: none
}

#list-container .list-wrapper .js-item-launch > ul, #list-container .list-wrapper .js-item-launch > ul {
    display: block
}

#list-container .js-active > a, .search-result .js-active {
    color: #3e69d7 !important;
    background: #ededef !important;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem
}

    #list-container .js-active > a:before, .search-result .js-active:before {
        width: 1.2rem
    }

.search-result .search-click {
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    padding: .4rem .6rem;
    color: #f59102 !important;
    background: #ededef
}

#list-container .js-active > .iconfont {
    color: #3e69d7 !important
}

.js-show-shadow, .js-show-shadow .iconfont {
    text-shadow: .05rem .1rem .12rem rgba(210,210,210,0.75)
}

.js-close-shadow, .js-close-shadow .iconfont {
    text-shadow: none
}

.js-show-tree .list-wrapper ul:before, .js-show-tree .list-wrapper ul li:before, .js-show-tree .list-wrapper ul li a:before, .js-show-tree .list-wrapper ul:after, .js-show-tree .list-wrapper ul li:after, .js-show-tree .list-wrapper ul li a:after {
    display: block !important
}

.js-close-tree .list-wrapper ul:before, .js-close-tree .list-wrapper ul li:before, .js-close-tree .list-wrapper ul li a:before, .js-close-tree .list-wrapper ul:after, .js-close-tree .list-wrapper ul li:after, .js-close-tree .list-wrapper ul li a:after {
    display: none !important
}

.js-close-tree .list-wrapper ul li a {
    margin-left: 1.7rem
}

pre code.hljs {
    white-space: break-spaces;
    word-break: break-word
}

code.hljs {
    color: #2f479f;
    padding: 0;
    background: transparent
}

.hljs {
    background: transparent
}

.hljs-comment {
    color: rgba(72,93,108,0.75)
}

.hljs-punctuation, .hljs-tag {
    color: #4ad3f8
}

    .hljs-tag .hljs-attr, .hljs-tag .hljs-name {
        color: #fa5a5a
    }

.hljs-attribute, .hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-name, .hljs-selector-tag {
    color: #3cb2fc
}

.hljs-deletion, .hljs-number, .hljs-quote, .hljs-selector-class, .hljs-selector-id, .hljs-string, .hljs-template-tag, .hljs-type {
    color: #00a866
}

.hljs-section, .hljs-title {
    color: #af66ef
}

.hljs-link, .hljs-operator, .hljs-regexp, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-symbol, .hljs-template-variable, .hljs-variable {
    color: #ff5c6d
}

.hljs-literal {
    color: #0d50cc
}

.hljs-addition, .hljs-built_in, .hljs-bullet, .hljs-code {
    color: #e38603
}

.hljs-meta {
    color: #ae42f3
}

    .hljs-meta .hljs-string {
        color: #32b1e1
    }

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 500
}

* {
    margin: 0;
    padding: 0
}

:root {
    font-family: "PingFang SC","Helvetica Neue",Helvetica,"Microsoft YaHei",Arial,sans-serif;
    font-size: 62.5%;
    background-color: #fafafa;
    color: #000;
    height: 100%;
    overflow: hidden;
    letter-spacing: .05rem
}

body {
    font-size: 1.6rem;
    line-height: 1.6;
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6 {
    position: relative;
    line-height: 1.5;
    margin: 32px 0 16px;
    color: #070909;
    letter-spacing: 2px
}

h1 {
    font-size: 3.2rem
}

h2 {
    font-size: 2.8rem
}

h3 {
    font-size: 2.4rem
}

h4 {
    font-size: 2rem
}

h5 {
    font-size: 1.8rem
}

h6 {
    font-size: 1.6rem
}

hr {
    border: 0;
    height: .1rem;
    margin: 1.6rem 0;
    background: #d9d9d9;
    box-sizing: border-box
}

::selection {
    background: rgba(227,134,3,0.3);
    text-shadow: none;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

a {
    text-decoration: none;
    color: #3e69d7;
    cursor: pointer;
    font-weight: 500
}

    a:hover {
        color: #f59102;
        text-decoration: underline
    }

p {
    margin: 1.6rem 0
}

strong {
    font-weight: bold;
    color: #070909
}

u {
    text-decoration-color: #070909;
    -moz-text-decoration-color: #070909
}

em {
    font-weight: 400
}

del {
    color: #999;
    text-decoration: line-through;
    text-decoration-color: #f59102;
    -moz-text-decoration-color: #f59102
}

sup, sub {
    font-size: 1.2rem;
    padding: 0 .1rem
}

    sup.md-footnote {
        padding: 0 .2rem
    }

        sup.md-footnote:hover {
            color: #f59102;
            cursor: pointer
        }

mark {
    background-color: #3e69d7;
    padding: 0 .4rem;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    color: #fafafa;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

kbd {
    display: inline-block;
    line-height: 2.2rem;
    border: 0;
    background: #070909;
    color: #fafafa;
    border-image: none;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    padding: 0 .6rem;
    vertical-align: text-top;
    font-size: 1.4rem;
    box-shadow: none;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

img {
    display: block;
    max-width: 100%;
    border-radius: .8rem;
    -webkit-border-radius: .8rem;
    -moz-border-radius: .8rem;
    margin: 0 auto 1.6rem;
    color: #999
}

ul li input, ul li p, ol li input, ol li p {
    display: inline-block
}

ul li p, ol li p {
    margin: 0
}

li > input {
    margin-left: -2rem
}

ul, ol {
    margin-left: 0;
    padding-left: 3.4rem
}

    ol > li > ul, ul > li > ol {
        padding-left: 3.4rem
    }

#content ul, #content ol, #content dl {
    margin: .5rem auto
}

    #content ul li, #content ol li {
        margin-bottom: .5rem
    }

blockquote, .md-alert {
    margin: 1.6rem 0;
    padding: .8rem 1.6rem;
    background: #ededef;
    font-size: 1.6rem;
    box-sizing: border-box;
    border-radius: .8rem;
    -webkit-border-radius: .8rem;
    -moz-border-radius: .8rem;
    border-left: .4rem solid #3e69d7;
    border-bottom: 0;
    border-top: 0;
    border-right: 0;
    background: rgba(62,105,215,0.06);
    overflow: hidden
}

    blockquote code, .md-alert code {
        background: rgba(62,105,215,0.15);
        padding: .3rem 1rem;
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone
    }

    blockquote blockquote {
        background: rgba(62,105,215,0.06)
    }

    .md-alert.md-alert-note {
        border-left-color: #3e69d7;
        background: rgba(62,105,215,0.06);
        color: #3e69d7
    }

        .md-alert.md-alert-note .md-alert-text-note {
            color: #3e69d7
        }

    .md-alert.md-alert-caution {
        border-left-color: #f59102;
        background: rgba(245,145,2,0.06);
        color: #f59102
    }

        .md-alert.md-alert-caution .md-alert-text-caution {
            color: #f59102
        }

    .md-alert.md-alert-tip {
        border-left-color: #03b736;
        background: rgba(3,183,54,0.06);
        color: #03b736
    }

        .md-alert.md-alert-tip .md-alert-text-tip {
            color: #03b736
        }

    .md-alert.md-alert-important {
        border-left-color: #8250df;
        background: rgba(130,80,223,0.06);
        color: #8250df
    }

        .md-alert.md-alert-important .md-alert-text-important {
            color: #8250df
        }

    .md-alert.md-alert-warning {
        border-left-color: #e30f2e;
        background: rgba(227,15,46,0.06);
        color: #e30f2e
    }

        .md-alert.md-alert-warning .md-alert-text-warning {
            color: #e30f2e
        }

code {
    font-family: monospace
}

code, tt {
    margin: 16px 0;
    background: #ededef;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px 10px;
    color: #2f479f;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

p code, p tt, li code, li tt, blockquote code, blockquote tt, .md-alert code, .md-alert tt, table code, table tt {
    padding: 3px 6px !important;
    background: rgba(62,105,215,0.15);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
    vertical-align: middle
}

h1 code {
    font-size: 18px
}

h2 code {
    font-size: 16px
}

.outline-content .outline-item code {
    font-size: 11px;
    padding: 2px 6px !important
}

pre {
    margin: 16px 0;
    padding: 16px;
    background: #ededef;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 8px;
    color: #2f479f;
    overflow: hidden
}

    pre pre {
        background: transparent;
        padding: 5px 10px;
        border: 0
    }

sup, sub {
    font-size: 1.2rem;
    padding: 0 .1rem
}

    sup.md-footnote {
        padding: 0 .2rem
    }

        sup.md-footnote:hover {
            color: #f59102
        }

.iconfont {
    color: #999
}

    .iconfont:hover {
        text-shadow: .1rem .1rem .1rem rgba(62,105,215,0.75)
    }

table {
    width: 100%;
    margin-top: 1.6rem;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: .8rem;
    overflow: hidden;
    padding: 0;
    border: 1px solid rgba(217,217,217,0.8)
}

    table thead tr th {
        background: #ededef
    }

    table tbody tr:nth-child(even) td {
        background: #ededef
    }

    table tbody tr:nth-child(odd) td {
        background: #fafafa
    }

    table tr th, table tr td {
        padding: 10px;
        word-break: break-word
    }

    table tr td, table thead tr th {
        border-left: 1px solid rgba(217,217,217,0.8)
    }

        table tbody tr td:first-of-type, table thead tr th:first-of-type {
            border-left: none
        }

input {
    border-radius: 5px;
    line-height: 1.2;
    position: relative;
    padding: 0 6px;
    outline: 0;
    border: 1px solid #d2d2d2;
    margin-right: .8rem
}

    input:focus, textarea:focus, input[type=number]:focus, input[type=search]:focus, input[type=text]:focus {
        border-color: #3e69d7;
        box-shadow: none;
        outline: 0
    }

    input::placeholder {
        font-size: 12px;
        color: #999
    }

    input[type=checkbox], input[type=radio] {
        outline: 0;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        width: 14px;
        height: 14px;
        padding: 0;
        box-sizing: border-box;
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        list-style: none;
        background: #fafafa;
        margin-bottom: -2px
    }

        input[type=checkbox]:checked, input[type=radio]:checked {
            background: #3e69d7 !important;
            border-color: transparent
        }

            input[type=checkbox]:checked::after {
                content: "";
                display: block;
                width: 5px;
                height: 9px;
                background: transparent;
                border: 2px solid #fafafa;
                border-top: 0;
                border-left: none;
                position: absolute;
                box-sizing: border-box;
                bottom: 2.5px;
                left: 3.5px;
                transform: rotate(40deg);
                -webkit-transform: rotate(40deg);
                -ms-transform: rotate(40deg)
            }

    input[type=radio] {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border: 1px solid #d2d2d2;
        margin-bottom: 0 !important
    }

        input[type=radio]:checked::after {
            content: "";
            display: block;
            width: 4px;
            height: 4px;
            box-sizing: border-box;
            margin: 3px auto;
            background: #fafafa !important;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%
        }

#body-container {
    position: relative;
    width: 100vw;
    margin: 0 auto;
    background: #fafafa;
    box-sizing: border-box
}

#left-container {
    float: left;
    position: relative;
    z-index: 20;
    width: 28rem;
    height: 100vh;
    background: #fafafa;
    border-right: 1px solid #d2d2d2;
    box-sizing: border-box;
    line-height: 2rem;
    transition: width .2s linear,height .2s linear;
    -moz-transition: width .2s linear,height .2s linear;
    -webkit-transition: width .2s linear,height .2s linear;
    -o-transition: width .2s linear,height .2s linear
}

    #left-container a {
        line-height: 2rem
    }

#resize-control {
    position: absolute;
    z-index: 100;
    width: 0;
    height: 100vh;
    background: transparent;
    border-right: 3px dashed transparent;
    box-sizing: border-box;
    right: -2px;
    top: 0;
    cursor: col-resize
}

    #resize-control:hover {
        border-color: #3e69d7
    }

#right-container {
    height: 100vh;
    margin-left: 28rem;
    overflow-x: hidden;
    padding: 0 9.6rem 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    scroll-padding: 10px
}

#content > *:first-child {
    margin-top: 3.2rem !important
}

#content {
    box-sizing: border-box;
    transition: scroll .2s linear;
    -moz-transition: scroll .2s linear;
    -webkit-transition: scroll .2s linear;
    -o-transition: scroll .2s linear
}

    #content h1 > span, #content h2 > span, #content h3 > span, #content h4 > span, #content h5 > span, #content h6 > span {
        float: left;
        margin-right: 1rem;
        display: none
    }

.top-container {
    height: 6.2rem;
    border-bottom: 1px solid #d2d2d2;
    color: #999;
    padding: 1.6rem 0 1.6rem 1.6rem;
    margin-right: 0;
    position: relative;
    box-sizing: border-box;
    z-index: 25;
    line-height: 3rem;
    background: #fafafa
}

.catalog-button {
    position: absolute;
    z-index: 32;
    font-size: 2.8rem;
    cursor: pointer;
    float: left
}

    .catalog-button:hover {
        color: #f59102 !important;
        text-shadow: none
    }

.search-container {
    height: 4rem;
    position: absolute;
    overflow: hidden;
    padding: .4rem;
    top: 1rem;
    right: 1.2rem;
    left: 1.2rem;
    box-sizing: border-box
}

.search {
    float: right;
    position: relative;
    z-index: 33;
    width: calc(100% - 44px);
    overflow: hidden;
    font-size: 1.2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: width .1s linear;
    -moz-transition: width .1s linear;
    -webkit-transition: width .1s linear;
    -o-transition: width .1s linear;
    margin-right: 1px
}

    .search:focus {
        outline: 0;
        width: 100%;
        border-color: #3e69d7;
        box-shadow: 0 0 .2rem .1rem rgba(62,105,215,0.2);
        -webkit-box-shadow: 0 0 .2rem .1rem rgba(62,105,215,0.2);
        -moz-box-shadow: 0 0 .2rem .1rem rgba(62,105,215,0.2);
        -o-box-shadow: 0 0 .2rem .1rem rgba(62,105,215,0.2)
    }

    .search::placeholder {
        color: #999
    }

.search-icon {
    position: absolute;
    z-index: 35;
    font-size: 1.2rem;
    right: .7rem;
    top: .85rem;
    padding: 0 .5rem;
    background: #fafafa;
    cursor: pointer;
    display: none;
    line-height: 2.3rem
}

    .search-icon:hover {
        color: #3e69d7
    }

.search-result {
    max-height: 0;
    overflow: hidden;
    margin-top: 3.7rem;
    margin-right: 1.6rem;
    background: #fafafa;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #999;
    box-sizing: border-box;
    position: relative;
    z-index: 40;
    transition: max-height .2s linear;
    -moz-transition: max-height .2s linear;
    -webkit-transition: max-height .2s linear;
    -o-transition: max-height .2s linear
}

    .search-result > nav {
        padding: 1rem;
        box-sizing: border-box;
        width: 100%
    }

        .search-result > nav a {
            display: block;
            color: #fafafa;
            margin-bottom: .25rem;
            padding: .5rem 1rem;
            box-sizing: border-box;
            border-radius: .5rem;
            -webkit-border-radius: .5rem;
            -moz-border-radius: .5rem;
            word-break: break-word
        }

            .search-result > nav a:hover {
                cursor: pointer;
                color: #3e69d7 !important;
                background: #ededef
            }

        .search-result > nav > div {
            height: auto;
            display: flex;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: -moz-box;
            flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            -moz-flex-direction: column;
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center
        }

            .search-result > nav > div i {
                display: block;
                color: #fafafa;
                text-align: center;
                font-size: 2.2rem;
                margin-top: 3.6rem;
                margin-bottom: 1rem
            }

                .search-result > nav > div i:hover {
                    text-shadow: none
                }

            .search-result > nav > div span {
                display: block;
                margin-bottom: 1rem;
                font-size: 1.2rem;
                text-align: center
            }

                .search-result > nav > div span:first-of-type {
                    margin-top: .5rem;
                    margin-bottom: .6rem
                }

                .search-result > nav > div span:last-child {
                    margin-bottom: 3.6rem
                }

#list-container {
    width: 100%;
    position: absolute;
    top: 6.2rem;
    left: 0;
    bottom: 4.1rem;
    z-index: 24;
    overflow: auto;
    box-sizing: border-box;
    padding: 0 1.6rem 1.6rem
}

.list-wrapper {
    font-size: 1.6rem;
    position: relative;
    margin-top: 1.6rem
}

    .list-wrapper .empty-catalog {
        margin-top: 2rem;
        text-align: center;
        color: #999;
        font-size: 1.3rem
    }

        .list-wrapper .empty-catalog .iconfont {
            font-size: 2rem
        }

        .list-wrapper .empty-catalog p {
            margin-top: .5rem;
            text-align: left
        }

    .list-wrapper ul {
        display: block;
        position: relative;
        margin-left: 0;
        padding-left: 0
    }

        .list-wrapper ul:before {
            content: "";
            display: inline-block;
            width: .1rem;
            height: 100%;
            position: absolute;
            z-index: 10;
            box-sizing: border-box;
            top: -0.55rem;
            left: .6rem;
            z-index: 15;
            margin-bottom: .8rem;
            background: #d2d2d2
        }

        .list-wrapper ul li {
            width: 100%;
            list-style: none;
            margin-left: 0 !important;
            position: relative;
            line-height: 1.1 !important;
            box-sizing: border-box
        }

            .list-wrapper ul li i {
                float: left;
                font-size: 1.3rem;
                margin-top: .63rem;
                background: #fafafa;
                border-radius: .3rem;
                -webkit-border-radius: .3rem;
                -moz-border-radius: .3rem;
                position: relative;
                z-index: 20;
                cursor: pointer
            }

            .list-wrapper ul li a {
                display: block;
                position: relative;
                z-index: 18;
                font-size: 1.4rem;
                font-weight: normal;
                color: #373a3f;
                padding: .6rem;
                margin-bottom: .25rem;
                margin-left: 1.8rem;
                box-sizing: border-box;
                line-height: 1.1 !important;
                background: transparent;
                border-radius: .5rem;
                -webkit-border-radius: .5rem;
                -moz-border-radius: .5rem
            }

                .list-wrapper ul li a:before {
                    content: "";
                    display: inline-block;
                    width: 1.4rem;
                    height: .1rem;
                    position: absolute;
                    z-index: 10;
                    left: -1.2rem;
                    margin-right: .2rem;
                    top: 1.28rem;
                    background: #d2d2d2
                }

                .list-wrapper ul li a div {
                    position: relative;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    z-index: 18
                }

                .list-wrapper ul li a p {
                    float: left;
                    margin-right: .2rem;
                    display: table-cell
                }

                .list-wrapper ul li a:hover {
                    text-decoration: none
                }

                    .list-wrapper ul li a:hover:before {
                        width: 1.2rem !important
                    }

                    .list-wrapper ul li a:hover div {
                        white-space: wrap
                    }

                    .list-wrapper ul li a:hover span {
                        display: table-cell;
                        word-break: break-word
                    }

            .list-wrapper ul li:hover > a {
                color: #f59102;
                background: #ededef
            }

                .list-wrapper ul li:hover > a:before {
                    width: 1.4rem
                }

            .list-wrapper ul li:hover > .iconfont {
                color: #f59102
            }

    .list-wrapper > ul > li:last-child:after {
        content: "";
        display: inline-block;
        width: .3rem;
        height: 100%;
        position: absolute;
        z-index: 10;
        top: 1.2rem;
        left: .55rem;
        z-index: 15;
        background: #fafafa
    }

    .list-wrapper > ul li:last-child > a:before {
        content: "";
        display: inline-block;
        width: 1.4rem;
        height: 50%;
        position: absolute;
        z-index: 10;
        left: -1.2rem;
        margin-right: .2rem;
        top: -0.1rem;
        border-left: .1rem solid #d2d2d2;
        border-bottom: .1rem solid #d2d2d2;
        border-bottom-left-radius: .3rem;
        background: transparent;
        z-index: 30
    }

    .list-wrapper > ul li:last-child > a:after {
        content: "";
        display: inline-block;
        width: .3rem;
        height: 100%;
        position: absolute;
        z-index: 10;
        left: -1.2rem;
        top: 1rem;
        background: #fafafa;
        z-index: 25
    }

    .list-wrapper > ul > li:first-child > a:after {
        content: "";
        display: inline-block;
        width: .3rem;
        height: 2rem;
        position: absolute;
        z-index: 10;
        left: -1.2rem;
        top: -0.65rem;
        background: #fafafa;
        z-index: 31
    }

    .list-wrapper ul li ul {
        margin-left: 2.48rem !important;
        margin-top: .24rem
    }

        .list-wrapper ul li ul li:last-child:before {
            content: "";
            display: inline-block;
            width: .3rem;
            height: 100%;
            position: absolute;
            z-index: 10;
            top: 1.45rem;
            left: .55rem;
            background: #fafafa;
            z-index: 15
        }

.bottom-container {
    width: 100%;
    height: 4rem;
    position: absolute;
    z-index: 30;
    bottom: 0;
    background: #fafafa;
    padding: 0 1.6rem;
    box-sizing: border-box;
    border-top: 1px solid #d2d2d2;
    color: #999
}

    .bottom-container .mode-container {
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around
    }

    .bottom-container .mode, .bottom-container .index, .bottom-container .structure, .bottom-container .quit-menu {
        position: relative;
        z-index: 40
    }

    .bottom-container .quit-menu {
        margin-right: 0 !important
    }

    .bottom-container .iconfont {
        font-size: 2rem;
        line-height: 4rem
    }

        .bottom-container .iconfont:hover {
            color: #f59102;
            cursor: pointer;
            text-shadow: none
        }

    .bottom-container .icon-quit {
        font-size: 2.2rem
    }

.structure:hover .structure-child {
    height: 20.8rem;
    bottom: 4rem;
    padding: 1rem 1.5rem 0;
    border: .1rem solid #d2d2d2;
    border-radius: .6rem;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: #fafafa;
    box-shadow: 0 -0.2rem .1rem rgba(217,217,217,0.7);
    -webkit-box-shadow: 0 -0.2rem .1rem rgba(217,217,217,0.7);
    -moz-box-shadow: 0 -0.2rem .1rem rgba(217,217,217,0.7);
    -o-box-shadow: 0 -0.2rem .1rem rgba(217,217,217,0.7)
}

.structure-child {
    height: 0;
    background: #fafafa;
    padding: 0 1.5rem 0;
    margin: 0;
    position: absolute;
    z-index: 30;
    bottom: 4rem;
    left: -5rem;
    box-sizing: border-box;
    overflow: hidden;
    transition: height .1s linear;
    -moz-transition: height .1s linear;
    -webkit-transition: height .1s linear;
    -o-transition: height .1s linear
}

    .structure-child li {
        margin-left: 0 !important;
        padding: 0 1rem;
        cursor: pointer;
        overflow: hidden;
        margin-bottom: .8rem;
        text-align: left;
        white-space: nowrap;
        position: relative;
        box-sizing: border-box
    }

        .structure-child li:hover {
            color: #f59102
        }

            .structure-child li:hover input[type=radio] {
                border-color: #f59102
            }

                .structure-child li:hover input[type=radio]:checked {
                    border-color: #f59102;
                    background: #f59102 !important
                }

        .structure-child li:first-child, .structure-child li:nth-of-type(1), .structure-child li:nth-of-type(2), .structure-child li:nth-of-type(3) {
            padding-bottom: .8rem;
            border-bottom: .1rem dashed #d2d2d2
        }

            .structure-child li:first-child label, .structure-child li:nth-of-type(1) label, .structure-child li:nth-of-type(2) label, .structure-child li:nth-of-type(3) label {
                margin-left: -0.8rem
            }

        .structure-child li:last-child {
            padding-bottom: .8rem;
            margin-bottom: 0;
            border-bottom: .1rem dashed #d2d2d2
        }

        .structure-child li label {
            font-size: 1.2rem !important;
            vertical-align: bottom;
            cursor: pointer
        }

        .structure-child li input[type=radio] {
            width: 1.2rem;
            height: 1.2rem;
            border: .1rem solid #3e69d7;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            cursor: not-allowed;
            margin-left: 0
        }

#switch-button {
    position: absolute;
    z-index: 110;
    width: 3.4rem;
    height: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    transition: height .2s linear;
    -moz-transition: height .2s linear;
    -webkit-transition: height .2s linear;
    -o-transition: height .2s linear
}

    #switch-button i {
        display: block;
        position: absolute;
        color: #3e69d7;
        font-size: 4rem
    }

    #switch-button .icon-label {
        top: -1.3rem;
        left: -0.2rem;
        text-shadow: 0 0 .3rem rgba(27,27,31,0.5)
    }

    #switch-button .icon-catalog-close {
        top: .2rem;
        left: .85rem;
        font-size: 1.6rem;
        font-weight: bold;
        color: #fafafa;
        text-shadow: none
    }

    #switch-button:hover .icon-label {
        color: #f59102
    }

#content > footer {
    margin-top: 7.2rem;
    box-sizing: border-box
}

.note-tips {
    font-size: .9rem;
    padding: 1.1rem 0;
    border-top: .1rem solid #d2d2d2;
    color: #999;
    margin: 0;
    text-align: center
}

    .note-tips::before {
        content: "©";
        font-size: 1.2rem;
        vertical-align: middle;
        margin-right: .2rem
    }

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    background: #d2d2d2;
    border-radius: 4px
}

::-webkit-scrollbar-track {
    background: #ededef
}

body, #right-container, #list-container {
    scrollbar-width: thin;
    scrollbar-color: #d2d2d2 #ededef
}

html[theme=dark] ::-webkit-scrollbar-thumb {
    background: #464b50
}

html[theme=dark] ::-webkit-scrollbar-track {
    background: #282a32
}

html[theme=dark] body, html[theme=dark] #right-container, html[theme=dark] #list-container {
    scrollbar-color: #464b50 #282a32
}

html[theme=dark] #body-container {
    background: #1b1b1f
}

html[theme=dark] strong {
    color: white
}

html[theme=dark] kbd {
    background-color: #f59102
}

html[theme=dark] blockquote, html[theme=dark] .md-alert {
    background: rgba(62,105,215,0.12)
}

    html[theme=dark] blockquote code, html[theme=dark] .md-alert code {
        background: rgba(62,105,215,0.12)
    }

    html[theme=dark] blockquote blockquote {
        background: rgba(62,105,215,0.12)
    }

    html[theme=dark] .md-alert.md-alert-note {
        background: rgba(62,105,215,0.12)
    }

    html[theme=dark] .md-alert.md-alert-caution {
        background: rgba(245,145,2,0.12)
    }

    html[theme=dark] .md-alert.md-alert-tip {
        background: rgba(3,183,54,0.12)
    }

    html[theme=dark] .md-alert.md-alert-important {
        background: rgba(130,80,223,0.12)
    }

    html[theme=dark] .md-alert.md-alert-warning {
        background: rgba(227,15,46,0.12)
    }

html[theme=dark] code, html[theme=dark] pre {
    background: #282a32;
    border-color: #282a32
}

html[theme=dark] table {
    width: 100%;
    margin-top: 1.6rem;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: .8rem;
    overflow: hidden;
    padding: 0;
    border: 1px solid #373a3f
}

    html[theme=dark] table thead tr th {
        background: #282a32
    }

    html[theme=dark] table tbody tr:nth-child(even) td {
        background: #282a32
    }

    html[theme=dark] table tbody tr:nth-child(odd) td {
        background: #fafafa
    }

    html[theme=dark] table tr th, html[theme=dark] table tr td {
        padding: 10px;
        word-break: break-word
    }

    html[theme=dark] table tr td, html[theme=dark] table thead tr th {
        border-left: 1px solid #373a3f
    }

        html[theme=dark] table tbody tr td:first-of-type, html[theme=dark] table thead tr th:first-of-type {
            border-left: none
        }

    html[theme=dark] table tbody tr:nth-child(odd) td {
        background: #1b1b1f
    }

html[theme=dark] input {
    background: #282a32;
    border-color: #373a3f;
    color: #d0d0d0
}

    html[theme=dark] input::placeholder {
        color: #999
    }

    html[theme=dark] input[type=checkbox], html[theme=dark] input[type=radio] {
        background: #1b1b1f
    }

html[theme=dark] .iconfont {
    color: #373a3f;
    text-shadow: .1rem .1rem .1rem #282a32
}

    html[theme=dark] .iconfont:hover {
        text-shadow: .1rem .1rem .1rem rgba(62,105,215,0.2)
    }

html[theme=dark] .note-tips {
    border-color: #373a3f;
    color: #373a3f
}

html[theme=dark] #right-container, html[theme=dark] #left-container, html[theme=dark] .top-container, html[theme=dark] .bottom-container {
    background: #1b1b1f;
    color: #d0d0d0;
    border-color: #373a3f
}

html[theme=dark] .list-wrapper .iconfont {
    color: #373a3f;
    background: #1b1b1f
}

html[theme=dark] .list-wrapper a {
    color: #d0d0d0
}

    html[theme=dark] .list-wrapper ul:after, html[theme=dark] .list-wrapper ul:before, html[theme=dark] .list-wrapper li:after, html[theme=dark] .list-wrapper li:before, html[theme=dark] .list-wrapper a:after, html[theme=dark] .list-wrapper a:before {
        background: #373a3f
    }

html[theme=dark] .list-wrapper ul li:hover > a {
    background: #282a32
}

html[theme=dark] .list-wrapper ul li ul li:last-child:before, html[theme=dark] .list-wrapper > ul > li:first-child > a:after, html[theme=dark] .list-wrapper > ul li:last-child > a:after, html[theme=dark] .list-wrapper > ul > li:last-child:after, html[theme=dark] .list-wrapper > ul > li:last-child > a:after {
    background: #1b1b1f
}

html[theme=dark] .list-wrapper > ul li:last-child > a:before {
    border-color: #373a3f
}

html[theme=dark] .search::placeholder {
    color: rgba(208,208,208,0.4)
}

html[theme=dark] .search-result {
    background: #282a32;
    border-color: #373a3f;
    background: #282a32 !important
}

    html[theme=dark] .search-result a, html[theme=dark] .search-result i {
        color: rgba(208,208,208,0.4) !important
    }

html[theme=dark] .js-search {
    box-shadow: 0 0 .2rem .1rem rgba(62,105,215,0.15);
    -webkit-box-shadow: 0 0 .2rem .1rem rgba(62,105,215,0.15);
    -moz-box-shadow: 0 0 .2rem .1rem rgba(62,105,215,0.15);
    -o-box-shadow: 0 0 .2rem .1rem rgba(62,105,215,0.15);
    color: rgba(208,208,208,0.4) !important
}

    html[theme=dark] .js-search a {
        color: #d0d0d0 !important
    }

        html[theme=dark] .js-search a:hover {
            color: #3e69d7 !important;
            background: #282a32 !important
        }

    html[theme=dark] .js-search i {
        color: rgba(153,153,153,0.4) !important
    }

html[theme=dark] .search-icon {
    color: rgba(208,208,208,0.4);
    background: #282a32
}

    html[theme=dark] .search-icon:hover {
        color: #3e69d7
    }

html[theme=dark]:hover .structure-child {
    background: #1b1b1f;
    background: #1b1b1f;
    border-color: #373a3f;
    border-bottom-color: #1b1b1f;
    box-shadow: 0 -0.2rem .1rem rgba(62,105,215,0.15);
    -webkit-box-shadow: 0 -0.2rem .1rem rgba(62,105,215,0.15);
    -moz-box-shadow: 0 -0.2rem .1rem rgba(62,105,215,0.15);
    -o-box-shadow: 0 -0.2rem .1rem rgba(62,105,215,0.15)
}

html[theme=dark] .structure-child {
    background: #1b1b1f
}

    html[theme=dark] .structure-child li:first-child, html[theme=dark] .structure-child li:nth-of-type(1), html[theme=dark] .structure-child li:nth-of-type(2), html[theme=dark] .structure-child li:nth-of-type(3), html[theme=dark] .structure-child li:last-child {
        border-color: #373a3f
    }

html[theme=dark] #switch-button .icon-catalog-close {
    color: #d0d0d0
}

html[theme=dark] #switch-button .icon-label {
    text-shadow: 0 0 .3rem rgba(0,0,0,0.8)
}

html[theme=dark] .js-close-shadow, html[theme=dark] .js-close-shadow .iconfont {
    text-shadow: none
}

html[theme=dark] .js-show-shadow, html[theme=dark] .js-show-shadow .iconfont {
    text-shadow: .2rem .2rem .2rem #000
}

html[theme=dark] .search-result .search-click {
    color: #f59102 !important;
    background: #373a3f
}

html[theme=dark] .js-active > a {
    background: #373a3f !important
}

html[theme=dark] #list-container .js-active > a, html[theme=dark] .search-result .js-active {
    background: #282a32 !important
}

html[theme=dark] {
    background-color: #1b1b1f;
    color: #d0d0d0
}

    html[theme=dark] h1, html[theme=dark] h2, html[theme=dark] h3, html[theme=dark] h4, html[theme=dark] h5, html[theme=dark] h6 {
        color: #d0d0d0
    }

    html[theme=dark] .js-level1-style {
        border-bottom: .1rem solid #373a3f
    }

    html[theme=dark] hr {
        background: #373a3f
    }

    html[theme=dark] u {
        text-decoration-color: #d0d0d0;
        -moz-text-decoration-color: #d0d0d0
    }

    html[theme=dark] code, html[theme=dark] code.hljs {
        color: #c9cffd;
        background: transparent
    }

    html[theme=dark] p code, html[theme=dark] table code, html[theme=dark] p code.hljs {
        background: rgba(61,104,213,0.15)
    }

    html[theme=dark] .hljs-comment {
        color: #667c89
    }

@media print {
    table, pre {
        page-break-inside: avoid
    }

    pre {
        word-wrap: break-word
    }
}

@media screen and (max-width:768px) {
    #left-container {
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        display: none
    }

    #right-container {
        margin-left: 0;
        padding: 0 3.2rem
    }

    #switch-button {
        height: 4rem
    }

    #content > footer {
        margin-top: 3.2rem
    }
}

@media screen and (min-width:769px) and (max-width:1280px) {
    #right-container {
        padding: 0 6.4rem
    }
}

@media screen and (min-width:1921px) {
    #body-container {
        max-width: 256rem;
        margin: 0 auto
    }
}