#markdown {
    padding: 1em!important;
    border-radius: 8px!important;
    box-shadow: 0px 2px 5px rgb(128 127 127);
}

#markdown img,
#markdown video {
    max-width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    padding: 20px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}

#markdown pre {
    /* border: 1px solid #2C3037; */
    padding: 1em!important;
    background-color: #ffffff;
    border-radius: 8px!important;
    overflow: auto;
    overflow-y: hidden;
    margin: 0.5em;
    margin-top: 2em;
    box-shadow: 0px 2px 5px rgb(128 127 127);
}

#markdown p code {
    background-color: #282c34;
    color: #abb2bf;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#markdown p>code {
    word-break: break-all;
}

#markdown em {
    color: rgb(103, 4, 165);
}

#markdown blockquote {
    font-style: italic;
    /* background-color: #ddffff!important; */
    padding: 14px;
    border-left: 6px solid #ccc!important;
    border-color: #2196F3!important;
}

#markdown header {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 7px;
    margin-top: 14px;
}

#markdown p {
    /* text-indent: 2em; */
    margin-top: 2em;
    /* font-size: 1.125em; */
    color: #333;
    line-height: 1.8em
}

#markdown ul {
    /* margin-left: 2em;
    margin-right: 2em; */
    background-color: #f5f3f3;
    /* padding: 1em; */
    list-style-type: none;
}

#markdown li {
    padding: 0.5em;
    margin-left: 2em;
}

#markdowncontents+ul p {
    text-indent: 0em;
    margin: 0em;
    padding: 0em;
}

#markdowncontents+ul a:hover {
    background-color: #2196F3
}

#markdowncontents+ul p {
    display: inline;
    /* 自动生成的目录加了无用的p元素*/
}

ul {
    list-style-type: decimal;
    border-radius: 4px;
    padding: 0;
}

#markdowncontents+ul,
#markdowncontents+ul ul {
    counter-reset: section;
}

#markdowncontents+ul li::before {
    counter-increment: section;
    /* 只增加计数器的当前实例 */
    content: counters(section, ".") " ";
    /* 为所有计数器实例增加以“.”分隔的值 */
}

#markdown h1 {
    font-size: 20px;
    text-indent: 0em;
    margin-bottom: 1em;
}

#markdown h2 {
    font-size: 18px;
    text-indent: 1em;
    margin-bottom: 1em;
}

#markdown h3 {
    font-size: 16px;
    text-indent: 2em;
    margin-bottom: 1em;
}

#markdown h4 {
    font-size: 16px;
    text-indent: 3em;
    margin-bottom: 1em;
}

#markdown h5 {
    font-size: 16px;
    text-indent: 4em;
    margin-bottom: 1em;
}

#markdown h6 {
    font-size: 16px;
    text-indent: 5em;
    margin-bottom: 1em;
}

#markdown h7 {
    font-size: 16px;
    text-indent: 6em;
    margin-bottom: 1em;
}

#markdown h8 {
    font-size: 16px;
    text-indent: 7em;
    margin-bottom: 1em;
}

#markdown h9 {
    font-size: 16px;
    text-indent: 8em;
    margin-bottom: 1em;
}

#markdowncontents {
    padding-top: 1em!important;
    margin-top: 1em!important;
    border: none!important;
}

article>*:first-child {
    padding-top: 1em!important;
    margin-top: 1em!important;
    border-top: none!important;
}

#markdown h1,
#markdown h2,
#markdown h3,
#markdown h4,
#markdown h5,
#markdown h6,
#markdown h7,
#markdown h8,
#markdown h9 {
    padding-top: 4em;
    margin-top: 1em;
    color: #262626;
    /* border-top: 1px solid #0000006b */
}

#markdown>div>header {
    background-color: #62C18F;
    /* margin: -10px -10px -25px -10px; */
    padding: 20px;
    color: #ffffff;
    border-radius: 4px 4px 0 0;
}

#data-time {
    text-indent: 0em!important;
    text-align: center;
    margin: 10px!important;
}

#data-time span {
    color: #000000;
    font-size: 0.8em;
}


/* 目录编号 */

#markdown h1:not(#markdowncontents) {
    counter-increment: counter_h1;
    counter-reset: counter_h2;
}

#markdown h2 {
    counter-increment: counter_h2;
    counter-reset: counter_h3;
}

#markdown h3 {
    counter-increment: counter_h3;
    counter-reset: counter_h4;
}

#markdown h4 {
    counter-increment: counter_h4;
    counter-reset: counter_h5;
}

#markdown h5 {
    counter-increment: counter_h5;
    counter-reset: counter_h6;
}

#markdown h6 {
    counter-increment: counter_h6;
    counter-reset: counter_h7;
}

#markdown h7 {
    counter-increment: counter_h7;
    counter-reset: counter_h8;
}

#markdown h8 {
    counter-increment: counter_h8;
    counter-reset: counter_h9;
}

#markdown h9 {
    counter-increment: counter_h9;
}

#markdown h1:not(#markdowncontents)::before {
    content: counter(counter_h1)"、";
}

#markdown h2::before {
    content: counter(counter_h1)"."counter(counter_h2)"、";
}

#markdown h3::before {
    content: counter(counter_h1)"."counter(counter_h2)"."counter(counter_h3)"、";
}

#markdown h4::before {
    content: counter(counter_h1)"."counter(counter_h2)"."counter(counter_h3)"."counter(counter_h4)"、";
}

#markdown h5::before {
    content: counter(counter_h1)"."counter(counter_h2)"."counter(counter_h3)"."counter(counter_h4)"."counter(counter_h5)"、";
}

#markdown h6::before {
    content: counter(counter_h1)"."counter(counter_h2)"."counter(counter_h3)"."counter(counter_h4)"."counter(counter_h5)"."counter(counter_h6)"、";
}

#markdown h7::before {
    content: counter(counter_h1)"."counter(counter_h2)"."counter(counter_h3)"."counter(counter_h4)"."counter(counter_h5)"."counter(counter_h6)"."counter(counter_h7)"、";
}

#markdown h8::before {
    content: counter(counter_h1)"."counter(counter_h2)"."counter(counter_h3)"."counter(counter_h4)"."counter(counter_h5)"."counter(counter_h6)"."counter(counter_h7)"."counter(counter_h8)"、";
}

#markdown h9::before {
    content: counter(counter_h1)"."counter(counter_h2)"."counter(counter_h3)"."counter(counter_h4)"."counter(counter_h5)"."counter(counter_h6)"."counter(counter_h7)"."counter(counter_h8)"."counter(counter_h9)"、";
}

article>h1+h2,
article>h2+h3,
article>h3+h4,
article>h4+h5,
article>h5+h6,
article>h6+h7,
article>h7+h8,
article>h8+h9 {
    padding-top: 0.2em!important;
    margin-top: 0.2em!important;
    /* border-top: none!important; */
}

a[href^="https://"]:not([href^="https://blog.juying.co"]),
a[href^="http://"],
a[target="_blank"] {
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(/dist/external-ltr.png);
    padding-right: 13px;
}

@media screen and (min-width: 1850px) {
    #markdowncontents {
        z-index: 100;
        position: fixed;
        left: 50px;
        top: 10px;
    }
    #markdowncontents+ul {
        z-index: 100;
        position: fixed;
        left: 10px;
        top: 100px;
        max-height: calc(100vh - 120px);
        width: 350px;
        overflow: auto;
        box-shadow: 0px 2px 5px rgb(128, 127, 127);
    }
}