:root {
    --bg-color: #ffffff;
    --text-color: #222222;
    --link-color: #0066cc;
    --link-hover-color: #004999;
    --dark-text-color: #666666;
    --card-color: #f9f9f9;
}
.article-summary {
    background: var(--card-color);
    color: var(--text-color);
    border: 2px solid var(--link-color);
    padding: 1em;
    margin: 1.5em 0;
    border-radius: 8px;
    /* font-style: italic; */
}

.article-summary::before {
    content: 'AI 摘要';
    font-weight: bold;
    color: var(--link-color);
    display: block;
    margin-bottom: 0.2em;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: #191919;
        --text-color: #e4e4e4;
        --link-color: #ff8da3;
        --link-hover-color: #f8718c;
        --card-color: #2c2c2c;
    }

    figure {
        filter: invert(1) hue-rotate(180deg);
    }
}

body,
#footer-post {
    background-color: var(--bg-color);
    color: var(--text-color) !important;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
article .content :where(h1, h2, h3, h4, h5, h6)::before,
#toc > ol > li::before,
blockquote,
blockquote::before {
    color: var(--link-color) !important;
}

a:hover {
    color: var(--link-hover-color) !important;
}

#title > h1,
#header #nav ul li,
#nav > ul > li {
    color: var(--text-color) !important;
    border-color: var(--link-color) !important;
}

.article-tag a::before {
    content: '#';
    margin-right: 2px;
    color: var(--dark-text-color);
}