html {
    color-scheme: light !important;
}

@media (prefers-color-scheme: dark) {
    body {
        --background-color: #ffffff;
        --color: hsl(0, 0%, 0%);
        --h1-color: hsl(0, 0%, 0%);
        --h2-color: hsl(0, 0%, 0%);
        --h3-color: hsl(0, 0%, 0%);
        --h4-color: hsl(0, 0%, 0%);
        --h5-color: hsl(0, 0%, 0%);
        --h6-color: hsl(0, 0%, 0%);
    }
}

body > header, body > main {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 20%;
    background-color: #fff; /* 固定背景色 */
    color: #000; /* 固定文字颜色 */
}

header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10%;
    border-bottom: 1px solid #eaeaea;
    height: auto;
    background-color: #fff; /* 固定背景色 */
    color: #000; /* 固定文字颜色 */
}

header img {
    height: 150px;
    width: auto;
    padding-right: 20%;
    max-width: 200%;
}

.home-link{
    height: 150px;
    width: auto;
    padding-right: 20%;
    max-width: 200%;
}

nav ul {
    list-style: none;
    display: flex;
    gap: 1rem;
    margin: 0;
}

nav a {
    color: #000; /* 固定链接颜色 */
}

.content {
    display: flex;
    align-items: flex-start;
    margin-top: 2rem;
}

.content img {
    max-width: 40%;
    margin-right: 2rem;
    height: auto;
}

.content section {
    max-width: 60%;
}

footer {
    text-align: center;
    padding: 1rem;
    border-top: 1px solid #eaeaea;
    margin-top: 2rem;
    height: auto;
    background-color: #fff; /* 固定背景色 */
    color: #000; /* 固定文字颜色 */
}

footer a {
    color: #000; /* 固定链接颜色 */
}

:root {
    --background-color: #fff; /* 固定背景色 */
    --color: #000; /* 固定文字颜色 */
    --h1-color: #000;
    --h2-color: #000000;
    --h3-color: #000000;
    --h4-color: #000000;
    --h5-color: #000000;
}

body {
    background-color: var(--background-color);
    color: var(--color);
}

h1,h2,h3,h4,h5 {
    color: black;
}