body, html {
    margin: 0;
    height: 100%;
    color: #535353;
    background-color: #F0F0F0;
    overscroll-behavior: none; /* 防止下拉刷新（适用于现代浏览器） */
    -webkit-overflow-scrolling: touch; /* 防止 Safari 的刷新行为 */
}

@font-face {
    font-family: NumberFont; /* 定义字体名称 */
    src: url('/font/din-number.otf') format('truetype'); /* 指定字体文件路径和格式 */
}

.index_flex_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.index_app {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.index_earth {
    position: relative;
    height: max-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.index_number {
    position: absolute;
    top: 15%;
    font-family: NumberFont, serif;
    font-size: 140px;
    z-index: 1;
}

@media (max-width: 600px) {
    .index_number {
        position: absolute;
        top: 15%;
        font-family: NumberFont, serif;
        font-size: 60px;
        z-index: 1;
    }
}

img.index_earth_icon {
    width: 100%;
    height: auto;
}

@media (max-width: 600px) {
    img.index_earth_icon {
        width: 50%;
        height: auto;
    }
}

.index_enter {
    position: absolute;
    bottom: -1px;
    margin: 0 auto;
    z-index: 10;
    width: 78%;
    height: auto;
}

@media (max-width: 600px) {
    .index_enter {
        position: absolute;
        bottom: -1px;
        margin: 0 auto;
        z-index: 10;
        width: 40%;
        height: auto;
    }
}