/**
 * 文章列表模块样式
 * 3套布局：经典商务 / 紧凑列表 / 现代卡片
 * 侧栏支持左右切换，含广告位、服务案例、产品推荐、热门文章
 */

/* ===== 全局响应式 ===== */
@media(max-width: 900px) {
    .bq-art-classic-wrap,
    .bq-art-compact-wrap,
    .bq-art-modern-wrap {
        grid-template-columns: 1fr !important;
    }
    .bq-art-sidebar {
        width: 100% !important;
    }
}

/* ===== 侧栏卡片通用 ===== */
.bq-art-sb-card {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    border: 1px solid #f1f5f9;
}

/* ===== 侧栏项目悬停 ===== */
.bq-art-sb-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

/* ===== 热门文章链接悬停 ===== */
.bq-art-popular-link:hover {
    background: #faf8f5;
    border-radius: 6px;
    padding: 6px;
    margin: -6px;
}

/* ===== 广告按钮悬停 ===== */
.bq-art-ad-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}