/* ===== Reset ===== */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    min-height: 100vh;
    background: #000;
    overflow-x: hidden;
}

/* ===== Version Container ===== */
.version {
    width: 100%;
    display: none;
}

.version.active {
    display: block;
}

/* ===== Background Sections ===== */
.bg-section {
    position: relative;
    width: 100%;
    line-height: 0;
}

.bg-section .bg-img {
    width: 100%;
    height: auto;
    display: block;
}

/* ===== Button Group (positioned on bg_06 bottom) ===== */
.btn-group {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: none;
}

.btn-group .btn {
    pointer-events: auto;
    display: block;
    transition: opacity 0.3s;
    text-decoration: none;
    animation: pulse 1.5s ease-in-out infinite;
}



.btn-group .btn:active {
    transform: scale(0.97);
}

.btn-group .btn img {
    width: 100%;
    height: auto;
    display: block;
}

/* ==========================================
   PC 端样式
   ========================================== */
#pc-version .btn-group {
    bottom: 4.5%;
    gap: 1vw;
}

#pc-version .btn-group .btn:hover {
    animation-play-state: paused;
    opacity: 0.85;
}

#pc-version .btn {
    width: clamp(180px, 25vw, 658px);
}

/* ==========================================
   移动端样式
   ========================================== */
#mob-version .btn-group {
    bottom: 3%;
    gap: 0vw;
}

#mob-version .btn {
    width: clamp(120px, 42vw, 341px);
}

/* ==========================================
   超大屏适配 (>2560px)
   ========================================== */
@media (min-width: 2561px) {
    #pc-version.active {
        max-width: 2560px;
        margin: 0 auto;
        background: #000;
    }
}

/* ==========================================
   按钮脉冲动画
   ========================================== */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08);
    }
}
