/* 
 * 搜索结果布局修复
 * 确保搜索结果始终横向排列，而不是竖列
 */

/* 恢复搜索结果的横向排列 */
body[data-search-mode="true"] .tools-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 24px !important;
}

/* 确保在各种屏幕尺寸下保持横向排列 */
@media (max-width: 576px) {
    body[data-search-mode="true"] .tools-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        gap: 16px !important;
    }
    
    /* 在小屏幕上调整卡片宽度为100%，但保持横向排列布局 */
    body[data-search-mode="true"] .tool-card {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
    }
}

/* 确保搜索卡片有统一的最小高度 */
body[data-search-mode="true"] .tool-card {
    min-height: 294px !important;
}

/* 确保卡片宽度适应不同尺寸的屏幕 */
@media (min-width: 1200px) {
    body[data-search-mode="true"] .tool-card {
        width: calc(25% - 18px) !important;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    body[data-search-mode="true"] .tool-card {
        width: calc(33.333% - 16px) !important;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    body[data-search-mode="true"] .tool-card {
        width: calc(50% - 12px) !important;
    }
} 
 * 搜索结果布局修复
 * 确保搜索结果始终横向排列，而不是竖列
 */

/* 恢复搜索结果的横向排列 */
body[data-search-mode="true"] .tools-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 24px !important;
}

/* 确保在各种屏幕尺寸下保持横向排列 */
@media (max-width: 576px) {
    body[data-search-mode="true"] .tools-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        gap: 16px !important;
    }
    
    /* 在小屏幕上调整卡片宽度为100%，但保持横向排列布局 */
    body[data-search-mode="true"] .tool-card {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
    }
}

/* 确保搜索卡片有统一的最小高度 */
body[data-search-mode="true"] .tool-card {
    min-height: 294px !important;
}

/* 确保卡片宽度适应不同尺寸的屏幕 */
@media (min-width: 1200px) {
    body[data-search-mode="true"] .tool-card {
        width: calc(25% - 18px) !important;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    body[data-search-mode="true"] .tool-card {
        width: calc(33.333% - 16px) !important;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    body[data-search-mode="true"] .tool-card {
        width: calc(50% - 12px) !important;
    }
}