@media (min-width: 1025px) and (max-width: 1366px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .site-header .header-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .main-content {
        padding-top: calc(var(--header-height, 64px) + 12px);
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .site-header .header-container {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (min-width: 1025px) {
    .main,
    .main-content,
    .content-area,
    .page-content {
        min-width: 0;
        max-width: 100%;
    }
}

.mixyue-mobile-footer-wrap {
    display: none;
}

.mixyue-desktop-footer-wrap {
    display: block;
}

body.mobile-app .mixyue-mobile-footer-wrap {
    display: block;
}

body.mobile-app .mixyue-desktop-footer-wrap {
    display: none;
}