/* 单屏锁定 V8 */

/* 页面本身禁止多屏滚动 */
html,
body,
#app {
    width: 100%;
    height: 100%;
    max-height: 100dvh;
    margin: 0;
    overflow: hidden !important;
}

/* 手机端只保留第一屏 */
.m-page {
    position: fixed !important;
    inset: 0 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
}

.m-page > :not(.hero):not(.page-bg) {
    display: none !important;
}

.m-page > .hero {
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
}

/* PC端只保留第一屏 */
.pc-deck {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    scroll-snap-type: none !important;
}

.pc-deck > .deck-page:not(:first-child) {
    display: none !important;
    height: 0 !important;
}

.pc-deck > .deck-page:first-child {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
}