/* 03-desktop.css · 分页框架骨架 */

/* ── 分页滑动容器 ── */
.desktop-swiper {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.desktop-swiper::-webkit-scrollbar { display: none; }

.desktop-page {
    min-width: 100%;
    height: 100%;
    position: relative;
    scroll-snap-align: start;
    flex-shrink: 0;
}

/* ── 分页指示点 ── */
.page-dots {
    position: absolute;
    bottom: calc(env(safe-area-inset-bottom, 20px) + 12px);
    left: 0; width: 100%;
    display: flex; justify-content: center; gap: 8px;
    z-index: 30;
}

.dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: rgba(0,0,0,0.15);
    transition: 0.3s;
}

.dot.active {
    background: rgba(0,0,0,0.5);
    transform: scale(1.2);
}