.download-btn {
    top: 100px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fef5a4;
    border: .08rem solid #fef5a4;
    position: absolute;
    right: .4rem;
    width: 1.3rem;
    height: 1.3rem;
    z-index: 4;
}

.download-btn img {
    width: 150%;
    height: auto
}

#downloadButton {
    top: .4rem
}

#newButton1 {
    top: 2rem
}

#newButton2 {
    top: 3.6rem
}

.text {
    white-space: nowrap;
    font-size: 1vw;
    text-align: center;
    width: 100%
}

@media (max-width: 480px) {
    .text {
        font-size: 5vw
    }
}

@media (max-width: 320px) {
    .text {
        font-size: 6vw
    }
}
/* 基本设置 */
.social-link {
    position: absolute;
    right: 20px;
    z-index: 10;
}

/* 按钮大小 */
.social-button {
    width: 50px; /* 固定的按钮大小 */
    height: auto;
}

/* 按钮间距：确保不会重叠 */
.social-link:nth-of-type(1) { top: 20px; }
.social-link:nth-of-type(2) { top: 90px; }
.social-link:nth-of-type(3) { top: 160px; }
.social-link:nth-of-type(4) { top: 230px; }

/* 手机端：调整按钮大小为视口宽度的10%，最大50px */
@media (max-width: 480px) {
    .social-button {
        width: 10vw; /* 按照视口宽度自适应 */
        max-width: 50px; /* 最大宽度为50px */
    }

    .social-link:nth-of-type(1) { top: 20px; }
    .social-link:nth-of-type(2) { top: 70px; }
    .social-link:nth-of-type(3) { top: 120px; }
    .social-link:nth-of-type(4) { top: 170px; }
}

/* 电脑端，调整按钮间距和位置 */
@media (min-width: 768px) {
    .social-button {
        width: 50px; /* 固定按钮大小 */
    }

    .social-link:nth-of-type(1) { top: 20px; }
    .social-link:nth-of-type(2) { top: 90px; }
    .social-link:nth-of-type(3) { top: 160px; }
    .social-link:nth-of-type(4) { top: 230px; }
}