.style5{
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center;
    background-color: #1e2530;
    /* 移动端高度铺满，避免按钮错位 */
    min-height: 100vh;
    box-sizing: border-box;
}
.style5 .btn-group{
    position: absolute;
    width: 100%;
    bottom: 13%;
    left:12%;
    box-sizing: border-box;
}
.style5 .btn-group .btn{
    width: 76%;
    min-width: 150px;
    max-width: 480px;
    /* 核心：让动画/变换生效 */
    display: block;
    /* 自动循环动画：左右交替倾斜+小幅度放大 */
    animation: btnAutoPulse 2.5s ease-in-out infinite;
    /* 初始状态与动画起始帧一致 */
    transform: scale(1) rotate(0deg);
    /* 清除默认样式干扰 */
    border: none;
    outline: none;
    padding: 0;
    background: transparent;
}
/* 按钮图片适配，防止变形 */
.style5 .btn-group .btn img.download_btn{
    width: 100%;
    height: auto;
    display: block;
}

/* ========== 核心：左右交替倾斜+小幅度放大动画 ========== */
@keyframes btnAutoPulse {
    0% {
        /* 初始状态：正常大小 + 无倾斜 */
        transform: scale(1) rotate(0deg);
    }
    25% {
        /* 左倾斜 + 轻微放大（幅度仅1.03倍） */
        transform: scale(1.03) rotate(-1deg);
    }
    50% {
        /* 回弹：正常大小 + 无倾斜 */
        transform: scale(1) rotate(0deg);
    }
    75% {
        /* 右倾斜 + 轻微放大（同幅度） */
        transform: scale(1.03) rotate(1deg);
    }
    100% {
        /* 回到初始状态，完成循环 */
        transform: scale(1) rotate(0deg);
    }
}

.style5 .qrcode-base{
    position: absolute;
    width: 35%;
    bottom: 21%;
    left: 7%;
    box-sizing: border-box;
}

#footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #2a0a0b;
  color: white;
  text-align: center;
  font-weight:600;
  box-sizing: border-box;
  padding: 5px 0;
  font-size: 12px;
}