* {
    margin: 0;
    padding: 0;
}

:root {
    --theme-1: #2585FF;
    --theme-2: #1E5ED5;
}

@font-face {
    font-family: 'Hazy Gothic';
    src: url(../fonts/HazyGothicSC-Regular-slim.woff) format('woff'),
        url(../fonts/HazyGothicSC-Regular-slim.ttf) format('truetype');
    font-display: swap;
}

body {
    color: #000000;
    background-color: #DDDDDD;
    font-family: 'Hazy Gothic';
}

a {
    color: var(--theme-1);
    text-decoration: none;
    transition: color 0.25s;
}

a:hover {
    color: var(--theme-2);
}

p {
    font-size: 1rem;
}

input,
select,
textarea,
button {
    color: inherit;
    background: none;
    border: none;
    outline: none;
    font-family: inherit;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

button {
    background-color: var(--theme-1);
    cursor: pointer;
    transition: background-color 0.25s;
}

button:hover {
    background-color: var(--theme-2);
}

/* 暗色模式 */
@media (prefers-color-scheme: dark) {
    body {
        color: #FFFFFF;
        background-color: #212121;
    }
}