/*
广告样式最终版：小方块广告位
作用：
1. 去掉横幅广告左右白色空框
2. 首页“精选推荐”广告全部改成小方块
3. 每个广告位固定 88px × 88px
4. 图片铺满方块，跟“四季体育”这种方形图标广告一致
*/

/* =========================
   首页精选推荐广告区域
========================= */
.banner-grid{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:12px !important;
}

/* 小方块广告位 */
.banner-grid .banner-ad{
    flex:0 0 88px !important;
    width:88px !important;
    max-width:88px !important;
    height:88px !important;
    min-height:88px !important;
    max-height:88px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:12px !important;
    overflow:hidden !important;
    display:block !important;
    box-shadow:none !important;
}

/* 图片铺满小方块，不显示左右白边 */
.banner-grid .banner-ad img{
    width:88px !important;
    height:88px !important;
    max-width:88px !important;
    max-height:88px !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:12px !important;
}

/* 没有图片时的占位也改成小方块 */
.banner-grid .ad-placeholder{
    flex:0 0 88px !important;
    width:88px !important;
    max-width:88px !important;
    height:88px !important;
    min-height:88px !important;
    max-height:88px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    text-align:center !important;
    color:#fff !important;
    background:linear-gradient(135deg,#38bdf8,#2563ff) !important;
    border-radius:12px !important;
    overflow:hidden !important;
}

/* 防止外层旧样式撑高 */
.card .banner-grid{
    min-height:0 !important;
}

/* =========================
   分享页广告区域
========================= */
.share-landing .banner-grid{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:12px !important;
}

.share-landing .banner-grid .banner-ad{
    flex:0 0 88px !important;
    width:88px !important;
    max-width:88px !important;
    height:88px !important;
    min-height:88px !important;
    max-height:88px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:12px !important;
    overflow:hidden !important;
    display:block !important;
    box-shadow:none !important;
}

.share-landing .banner-grid .banner-ad img{
    width:88px !important;
    height:88px !important;
    max-width:88px !important;
    max-height:88px !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:12px !important;
}

/* =========================
   详情页右侧广告
========================= */
.detail-ad-list{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
}

.detail-ad-list a{
    flex:0 0 88px !important;
    width:88px !important;
    max-width:88px !important;
    height:88px !important;
    min-height:88px !important;
    max-height:88px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:12px !important;
    overflow:hidden !important;
    display:block !important;
    box-shadow:none !important;
}

.detail-ad-list img{
    width:88px !important;
    height:88px !important;
    max-width:88px !important;
    max-height:88px !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:12px !important;
}

/* 手机端：仍然保持小方块，不拉伸 */
@media (max-width:560px){
    .banner-grid .banner-ad,
    .banner-grid .ad-placeholder,
    .share-landing .banner-grid .banner-ad,
    .detail-ad-list a{
        flex:0 0 82px !important;
        width:82px !important;
        max-width:82px !important;
        height:82px !important;
        min-height:82px !important;
        max-height:82px !important;
    }

    .banner-grid .banner-ad img,
    .share-landing .banner-grid .banner-ad img,
    .detail-ad-list img{
        width:82px !important;
        height:82px !important;
        max-width:82px !important;
        max-height:82px !important;
    }
}