body, html {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

a {
    text-decoration: none;
    //color: blue;
    font-size: 2rem;
}

a:link,
a:visited,
a:hover,
a:active {
    color: inherit;
}
body {
    transition: background-color 0.3s, color 0.3s; /* 添加过渡效果 */
}

/* 深色模式下的样式 */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #414345;
        color: #e9e4f0;
    }
}

/* 浅色模式下的样式 */
@media (prefers-color-scheme: light) {
    body {
        background-color: #e9e4f0;
        color: #414345;
    }
}