:root:not([data-theme=dark]),
[data-theme=light] {
    --invalid-color: #c62828;
    --valid-color: #388e3c;
    --nav-background-color: rgba(255, 255, 255, 0.7);
    --nav-border-color: rgba(115, 130, 140, 0.2);
    --nav-logo-color: #fff;
    --article-code-background-color: #f9fafb;
}

[data-theme=dark] {
    --invalid-color: rgba(183, 28, 28, 0.5);
    --valid-color: rgba(46, 125, 50, 0.5);
    --nav-background-color: rgba(16, 24, 30, 0.8);
    --nav-border-color: rgba(115, 130, 140, 0.2);
    --nav-logo-color: #0e1419;
    --article-code-background-color: var(--code-background-color);
}

body {
    visibility: hidden;
    background-color: var(--nav-background-color);
}

footer li:not(:first-child)::before {
    margin: 0 .25rem;
    content: "·";
}

main pre>code {
    padding: 0;
}

#page_begin_html main blockquote {
    padding-bottom: 0;
    padding-top: 0;
}

pre table {
    margin-bottom: 0;
}

pre .hljs .hljs-ln .hljs-ln-numbers {
    padding: 0;
}

#page_begin_html main code[class*="language-"],
#page_begin_html main pre[class*="language-"] {
    font-size: .8em;
}

main pre[class*="language-"].line-numbers {
    padding-left: 3em;
}

main th {
    background-color: transparent;
}

blockquote {
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
}

blockquote p {
    margin-bottom: 0;
}

#page_begin_html #cnblogs_post_body h1 {
    margin-top: 0;
    margin-bottom: var(--typography-spacing-vertical);
    color: var(--color);
    font-weight: var(--font-weight);
    font-size: calc(var(--font-size) - .25rem);
    font-family: var(--font-family);
}

#page_begin_html #cnblogs_post_body h2 {
    margin-top: 0;
    margin-bottom: var(--typography-spacing-vertical);
    color: var(--color);
    font-weight: var(--font-weight);
    font-size: calc(var(--font-size) - .25rem);
    font-family: var(--font-family);
}

#page_begin_html #cnblogs_post_body h3 {
    margin-top: 0;
    margin-bottom: var(--typography-spacing-vertical);
    color: var(--color);
    font-weight: var(--font-weight);
    font-size: calc(var(--font-size) - .25rem);
    font-family: var(--font-family);
}

#page_begin_html #cnblogs_post_body h4 {
    margin-top: 0;
    margin-bottom: var(--typography-spacing-vertical);
    color: var(--color);
    font-weight: var(--font-weight);
    font-size: calc(var(--font-size) - .25rem);
    font-family: var(--font-family);
}

#page_begin_html #cnblogs_post_body h5 {
    margin-top: 0;
    margin-bottom: var(--typography-spacing-vertical);
    color: var(--color);
    font-weight: var(--font-weight);
    font-size: calc(var(--font-size) - .25rem);
    font-family: var(--font-family);
}

#page_begin_html #cnblogs_post_body h6 {
    margin-top: 0;
    margin-bottom: var(--typography-spacing-vertical);
    color: var(--color);
    font-weight: var(--font-weight);
    font-size: calc(var(--font-size) - .25rem);
    font-family: var(--font-family);
}

code,
kbd,
pre,
samp {
    --font-family: 'PingFang SC', 'Microsoft YaHei', "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}