/* 响应式布局样式 */

/* 大屏幕设备 (1200px 及以上) */
@media screen and (max-width: 1200px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }
    
    .main-wrapper {
        margin-left: 220px;
    }
}

/* 移动端布局重排 (992px 及以下) */
@media screen and (max-width: 992px) {
    /* 只保留顶部logo和搜索框 */
    .fixed-header {
        position: relative;
        height: auto;
        padding: 10px 0;
        background: #fff;
    }
    
    .header-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
        margin: 0;
    }
    
    /* Logo样式 */
    .logo {
        margin: 10px 0;
    }
    
    .logo img {
        max-height: 40px;
    }
    
    /* 搜索框样式 */
    .search-box {
        margin: 10px 0;
    }
    
    .search-input-group {
        width: 560px !important;
        gap: 0 !important;
    }
    
    .search-input {
        width: 490px;
    }
    
    .search-btn {
        width: 70px;
    }
    
    /* 隐藏其他所有元素 */
    .header-nav,
    .sidebar,
    .banner,
    .main-wrapper,
    .footer,
    .login-box,
    .pages .search-box,
    .about-container .search-box {
        display: none !important;
    }
}

/* 平板设备优化 (768px 及以下) */
@media screen and (max-width: 768px) {
    /* 搜索框优化 */
    .search-form {
        flex-wrap: nowrap;
    }
    
    /* 导航菜单优化 */
    .nav-list {
        gap: 3px;
    }
    
    .nav-link {
        padding: 6px 12px;
        font-size: 14px;
    }
}

/* 手机设备进一步优化 (576px 及以下) */
@media screen and (max-width: 576px) {
    .search-input-group {
        width: 90% !important;
    }
    
    .search-input {
        width: calc(100% - 70px);
    }
}

/* 全局响应式修复 */
body {
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

/* 响应式工具类 */
.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

@media (max-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    
    .d-md-block {
        display: block !important;
    }
}

@media (max-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    
    .d-sm-block {
        display: block !important;
    }
}

/* 响应式间距类 */
.m-auto {
    margin: auto !important;
}

.w-100 {
    width: 100% !important;
}

@media (max-width: 576px) {
    .text-center-sm {
        text-align: center !important;
    }
}

/* PC端的logo样式 */
.pc-only {
    display: block;
}

/* PC端搜索框样式 */
.search-form {
    display: flex;
    align-items: center;
    gap: 0; /* 移除搜索框和按钮之间的间距 */
}

.search-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.search-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
}

/* 搜索框样式 */
.home-search {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    order: -1;
}

.mobile-search-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

.search-form {
    gap: 8px;
}

.search-input-group {
    display: flex;
    gap: 8px;
}