html {
    max-width: 750px;
    margin: 0 auto;
    font-family: Arial;
    font-size: 100px;
    /* 解决锚点位置被导航栏遮挡 */
    scroll-padding-top: 1rem;
}

p,
h2 {
    margin: 0;
}

@media screen and (min-width: 320px) {
    :root {
        font-size: 42.66px;
    }
}

@media screen and (min-width: 375px) {
    :root {
        font-size: 50px;
    }
}

@media screen and (min-width: 414px) {
    :root {
        font-size: 55.2px;
    }
}

@media screen and (min-width: 480px) {
    :root {
        font-size: 64px;
    }
}

@media screen and (min-width: 550px) {
    :root {
        font-size: 73.33px;
    }
}

@media screen and (min-width: 620px) {
    :root {
        font-size: 82.67px;
    }
}

@media screen and (min-width: 620px) {
    :root {
        font-size: 92px;
    }
}

a {
    text-decoration: none;
}

i {
    font-style: normal;
}

[v-cloak] {
    display: none;
}