/* ============================================================
   SEARCH‑PAGE：搜索结果页（页面级布局）
   说明：
   - 仅负责页面整体结构与布局
   - 不包含任何组件样式（Tabs / Toolbar / Filters / Results）
   - Search 2.0 页面级基础 CSS
============================================================ */

/* 页面整体容器 */
.cw-search-page {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 20px 24px;
}

/* 顶部区域（Tabs + Toolbar） */
.cw-search-top {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}

/* 主体区域（结果 + 侧栏） */
.cw-search-main {
    display: flex;
    gap: 32px;
}

/* 左侧：结果区 */
.cw-search-content {
    flex: 1;
    min-width: 0;
}

/* 右侧：筛选 Drawer（桌面端可选） */
.cw-search-sidebar {
    width: 260px;
    flex-shrink: 0;
}

/* 移动端隐藏右侧栏（Drawer 替代） */
@media (max-width: 960px) {
    .cw-search-sidebar {
        display: none;
    }
}

/* 结果区容器（组件容器） */
#cw-results-grid {
    min-height: 200px;
    padding-top: 10px;
}

/* 页面底部间距 */
.cw-search-bottom-space {
    height: 60px;
}

/* ============================================================
   H‑S‑1：搜索无结果 空状态（Search Empty State）
   稳定占位版
============================================================ */

.cw-search-empty {
    min-height: 420px; /* ⭐ 关键：占位高度，防止布局塌陷 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
    text-align: center;
    color: #666;
}

.cw-search-empty-illustration {
    width: 200px;
    height: 200px;
    margin-bottom: 24px;
    background: url('/assets/img/empty-search.png') center/contain no-repeat;
    opacity: 0.9;
}

.cw-search-empty-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

.cw-search-empty-desc {
    font-size: 15px;
    color: #999;
    margin-bottom: 20px;
}

.cw-search-empty-suggestions .tag {
    display: inline-block;
    padding: 6px 14px;
    margin: 4px;
    background: #f5f5f5;
    border-radius: 20px;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    transition: 0.2s;
}

.cw-search-empty-suggestions .tag:hover {
    background: #eaeaea;
}