@import url("https://chinese-fonts-cdn.deno.dev/packages/jhlst/dist/京華老宋体v1_007/result.css");
@import url("https://chinese-fonts-cdn.deno.dev/packages/syst/dist/SourceHanSerifCN/result.css");

:root {
    --font: "Source Han Serif CN VF";
    --title-font: "KingHwa_OldSong";
    --font-scale: 1em;
}

@media (prefers-color-scheme: light) {
    :root {
        --background-color: #fff;
        /* 背景颜色 */
        --heading-color: #222;
        --nav-color: #222;
        --text-color: #333;
        /* 主要字体颜色 */
        --sub-color: #666;
        --gray-color: #999;
        --link-color: #444;
        --code-color: #222;
        --border-color: #ddd;
        --line-color: #f1f1f1;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #0f0f0f;
        /* 背景颜色 */
        --heading-color: #f2f2f2;
        --nav-color: #f2f2f2;
        --text-color: #f3f5fd;
        /* 主要字体颜色 */
        --sub-color: #999;
        --gray-color: #bbb;
        --link-color: #bbb;
        --code-color: #999;
        --border-color: #ddd;
        --line-color: #f1f1f1;
    }
}

* {
    color: var(--heading-color);
}

html,
body {
    margin: auto;
    height: 100%;
    width: 500px;
    background-color: var(--background-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--title-font);
}

.header {
    margin-bottom: 0.5em;
}

.header h1 {
    margin: 0.5em 0 0 0;
}

.header .desc {
    font-family: var(--font);
    font-style: italic;
}

.card .card-title {
    font-family: var(--title-font);
    font-size: 1.5em;
}

.card .desc {
    font-family: var(--font);
}

.card .link-span {
    float: right;
}

.card a {
    font-family: var(--font);
    font-size: 1em;
    margin: 0.5em 0 0 0;
}

.footer {
    width:100%;
}

.footer span {
    margin: auto;
    font-family: var(--font);
}