/* ============================================================
   SEARCH‑A‑6：结果流布局（Grid / Masonry）
============================================================ */

/* Grid 布局 */
.layout-grid .cw-results {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

/* Masonry 布局 */
.layout-masonry .cw-results {
    column-count: 3;
    column-gap: 16px;
}

.layout-masonry .cw-card {
    break-inside: avoid;
    margin-bottom: 16px;
}

/* 响应式 */
@media (max-width: 1280px) {
    .layout-grid .cw-results { grid-template-columns: repeat(2, 1fr); }
    .layout-masonry .cw-results { column-count: 2; }
}

@media (max-width: 900px) {
    .layout-grid .cw-results { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .layout-grid .cw-results { grid-template-columns: repeat(1, 1fr); }
    .layout-masonry .cw-results { column-count: 1; }
}