@media (prefers-color-scheme: light) {
    :root {
        --theme-color1: white;
        --theme-color2: black;
        --theme-color3: rgba(200, 200, 200, 0.5);
        --theme-color4: rgb(200, 200, 200);
        --theme-color5: white;
        --green: rgb(0, 200, 0);
        --red: rgb(200, 0, 0);
    }

    .图标 {
        filter: invert(1);
    }

    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: white;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: rgb(200, 200, 200);
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --theme-color1: rgb(36, 36, 36);
        --theme-color2: white;
        --theme-color3: rgba(64, 64, 64, 0.5);
        --theme-color4: rgb(64, 64, 64);
        --theme-color5: rgb(24, 24, 24);
        --green: rgb(0, 128, 0);
        --red: rgb(128, 0, 0);
    }

    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: rgb(36 36 36);
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: rgb(64, 64, 64);
    }
}

::selection {
    background-color: var(--theme-color4);
}

* {
    transition: all 0.2s;
}

html,
body {
    background-color: var(--theme-color1) !important;
    color: var(--theme-color2);
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    font-weight: 200;
    color: var(--theme-color2);
}

a.外链::after {
    content: "↗";
}

a:hover {
    text-decoration: underline;
}

svg {
    color: var(--theme-color2);
}

td,
th {
    padding: 8px;
    border: 1px solid;
    border-radius: 2px;
}