/**************************
 * AI导航站 - 完整整合补丁
 * 功能：修复双搜索框布局及侧边栏问题
 **************************/

/* ==================== 基础修复：强制水平布局 ==================== */
.search-section .search-row {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
}
/* 左侧全网搜索 - 固定尺寸 */
.search-row .engine-search-wrapper {
    flex: 0 0 50% !important;        /* 固定占45%宽度 */
    max-width: 500px !important;     /* 最大宽度限制 */
}

.search-row .engine-search-wrapper .search-box {
    height: 55px !important;         /* 固定高度 */
    position: relative !important;
}

/* 右侧站内搜索 - 固定尺寸 */
.search-row .site-search-wrapper {
    flex: 0 0 50% !important;        /* 固定占55%宽度 */
    max-width: 500px !important;     /* 最大宽度限制 */
}

.search-row .site-search-wrapper .search-box {
    height: 55px !important;         /* 与左侧同高 */
    position: relative !important;
}
/* 仅手机端允许垂直（<576px） */
@media (max-width: 576px) {
    .search-section .search-row {
        flex-direction: column !important;
    }
}

/* 防止容器被挤压 */
.search-row .engine-search-wrapper,
.search-row .site-search-wrapper {
    min-width: 0 !important;
    flex-shrink: 1 !important;
}

/* ==================== 间距精细调整 ==================== */
.search-row .engine-search-wrapper {
    margin-left: 0px !important;
}

.search-row .site-search-wrapper {
    margin-right: 0px !important;
}

.search-row {
    gap: 20px !important;
    margin-bottom: 25px !important;
}

/* 侧边栏展开状态 */
.sidebar:not(.collapsed) + .main-content .search-row {
    gap: 20px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/* 侧边栏收缩状态 */
.sidebar.collapsed + .main-content .search-row {
    gap: 25px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

/* ==================== 响应式溢出修复 ==================== */
.search-section .search-row {
    min-width: 0 !important;
    overflow: hidden !important;
}

.search-row .engine-search-wrapper,
.search-row .site-search-wrapper {
    min-width: 0 !important;
    overflow: hidden !important;
    max-width: 100% !important;
}

#engineSearchInput, #searchInput {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 关键断点：提前切换垂直布局 */
@media (max-width: 650px) {
    .search-section .search-row {
        flex-direction: column !important;
    }
    
    .search-row .engine-search-wrapper,
    .search-row .site-search-wrapper {
        flex: 1 1 100% !important;
    }
}

/* ==================== 超宽屏优化 ==================== */
@media (min-width: 1400px) {
    .sidebar.collapsed + .main-content .search-row {
        max-width: 1200px !important;
        margin: 0 auto !important;
    }
}