/* mobile-download.css - 下载页专属H5适配样式 */
@media (max-width: 1200px) {
    /* ========== 下载页顶部区域适配 ========== */
    .top {
        height: 2rem;
        padding-bottom: 1rem;

    }

    .top_main {
        margin: .3rem 0;
        padding: 0 0.2rem;
        text-align: center;
    }

    .top_main_left_title {
        font-size: 0.48rem;
        font-weight: bold;
        color: #333;
        line-height: 1.2;
        margin-top: .2rem;
    }

    .top_main_left_desc {
        font-size: 0.24rem;
        color: #666;
        margin-top: 0.3rem;
        line-height: 1.4;
        margin-bottom: 0
    }

    /* ========== 下载项容器适配 ========== */
    .title {
        font-size: 0.36rem;
        font-weight: bold;
        text-align: center;
        margin: 0.8rem 0 0.5rem;
        color: #333;
    }

    .second {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
        padding: 0 0.5rem;
        margin-bottom: 1rem;
        align-items: anchor-center;
    }

    .second_item {
        width: 100%;
        background: #fff;
        border-radius: 0.1rem;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        padding: 0.5rem 0.3rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: transform 0.3s ease;
    }

    .second_item:hover {
        transform: translateY(-5px);
    }

    .second_item img {
        width: 0.8rem;
        height: 0.8rem;
        margin-bottom: 0.3rem;
    }

    .second_title {
        font-size: 0.28rem;
        font-weight: bold;
        color: #333;
        margin-bottom: 0.2rem;
    }

    .second_desc {
        font-size: 0.2rem;
        color: #666;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 0.4rem;
    }

    .second_btn {
        min-width: 1.8rem;
        height: 0.6rem;
        line-height: 0.6rem;
        border-radius: 0.3rem;
        font-size: 0.22rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding: 0 0.3rem;
        text-decoration: none;
    }

    .second_btn img {
        width: 0.22rem;
        height: 0.22rem;
        margin-right: 0.1rem;
        margin-bottom: 0;
        vertical-align: middle;
    }

    /* 下载按钮配色区分 */
    .second_btn.black {
        background: #333;
        color: #fff;
    }

    .second_btn.blue {
        background: #5746ED;
        color: #fff;
    }

    .second_btn:not(.black):not(.blue) {
        background: #f5f5f5;
        color: #333;
    }

    /* ========== 无需下载区域适配 ========== */
    .third {
        background: #f9f9f9;
        padding: 1rem 0.5rem;
        margin: 0.5rem 0;
        border-radius: 0.1rem;
        text-align: center;
    }

    .third_title {
        font-size: 0.32rem;
        font-weight: bold;
        color: #333;
        margin-bottom: 0.3rem;
    }

    .third_desc {
        font-size: 0.2rem;
        color: #666;
        line-height: 1.5;
        max-width: 90%;
        margin: 0 auto;
    }

    /* ========== 下载项滚动动画 ========== */
    .second_item {
        opacity: 0;
        transform: translateY(0.3rem);
        transition: opacity 0.5s ease, transform 0.5s ease;
    }

    .second_item.visible {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 小屏手机（375px以下）极致适配 */
@media (max-width: 375px) {
    .top_main_left_title {
        font-size: 0.4rem;
        margin-top: .1rem;
    }

    .title {
        font-size: 0.32rem;
    }

    .second_title {
        font-size: 0.24rem;
    }

    .second_desc {
        font-size: 0.18rem;
    }

    .second_btn {
        font-size: 0.2rem;
        height: 0.5rem;
        line-height: 0.5rem;
    }

    .third_title {
        font-size: 0.28rem;
    }

    .third_desc {
        font-size: 0.18rem;
    }
}

/* 桌面端隐藏下载页专属移动端样式 */
@media (min-width: 1201px) {
    /* 桌面端保持原有样式，无额外修改 */
}