/* mobile.css: 手机端专用样式 */

/* 隐藏左右侧广告 */
.left-sidebar-ad, .right-sidebar-ad {
    display: none;
}

/* 顶部、底部广告竖直排列 */
.top-banner-ads, .bottom-banner-ads {
    display: flex;             /* 改为 flex 垂直排列 */
    flex-direction: column;    /* 竖直排列 */
    gap: 5px;                 /* 广告之间间距（修改此值调整固定图片和随机图片的距离） */
    margin: 0 auto 5px;
    padding: 0 5px;
    max-width: 360px;
}
.bottom-banner-ads {
    display: flex;             /* 改为 flex 垂直排列 */
    flex-direction: column;    /* 竖直排列 */
    gap: 5px;                 /* 广告之间间距（修改此值调整固定图片和随机图片的距离） */
    margin: 20px auto 5px;
    padding: 0 5px;
    max-width: 360px;
}
.top-banner-ads a, .bottom-banner-ads a {
    display: block;            /* 确保每个广告占满一行 */
    width: 100%;
}

.top-banner-ads img, .bottom-banner-ads img {
    width: 100%;
    height: auto;
    max-height: 60px;
    display: block;
}

/* 软件列表卡片适配 */
.row.g-4 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    column-gap: 0;
    row-gap: 15px;
    padding: 0 5px 10px;
}

.row.g-4 > div.col-md-3 {
    width: 100%;
    margin: 0 !important;
}

.card-img-top {
    max-height: 180px;
    height: auto;
    object-fit: contain;
}

/* 按钮在手机端也占满 */
.register-btn {
    width: 100%;
    max-width: 100%;
    padding: 10px 0;
    font-size: 0.85rem;
}

.fixed-ad {
    margin-top: 10px; /* 可选，增加固定广告上方间距 */
    margin-bottom: 35px; /* 固定广告到底部内容距离 */
}