:root {
    --page-max-width: 46rem;
    --mini-tabbar-offset: 0px;
    --mini-bottom-safe: calc(var(--mini-tabbar-offset) + env(safe-area-inset-bottom));
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--h5-font-family-base);
}

html,
body {
    min-height: 100%;
    background: #ff8a5c url("../../../homeImg/background.png") no-repeat center top;
    background-size: cover;
}

body {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.page {
    width: min(100%, var(--page-max-width));
    min-height: 100vh;
    min-height: 100svh;
    margin: 0 auto;
    padding: max(0.95rem, env(safe-area-inset-top)) 1rem calc(1.2rem + var(--mini-bottom-safe));
}

.activity-list-wrap {
    min-height: 8rem;
}

@media (min-width: 768px) {
    .page {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media (max-width: 390px) {
    .page {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
}