/**
 * BQ Builder - 团队成员模块样式
 * 2套布局风格响应式适配
 */

/* ========================================
   通用：头像 onerror 回退
   ======================================== */
.bq-tm-fallback {
    display: flex !important;
}

/* ========================================
   风格1：经典卡片网格 — 响应式
   ======================================== */
@media (max-width: 1100px) {
    .bq-team-card-grid > div[style*="grid-template-columns"] {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .bq-team-card-grid > div[style*="grid-template-columns"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 500px) {
    .bq-team-card-grid > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
}

/* ========================================
   风格2：交错覆盖大图 — 响应式
   ======================================== */
@media (max-width: 900px) {
    .bq-tm-staggered-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .bq-tm-staggered-card {
        margin-top: 0 !important;
    }
    .bq-tm-staggered-card:nth-child(even) {
        margin-top: 48px !important;
    }
}
@media (max-width: 550px) {
    .bq-tm-staggered-grid {
        grid-template-columns: 1fr !important;
    }
    .bq-tm-staggered-card:nth-child(even) {
        margin-top: 0 !important;
    }
}