/* 强制设置头部区域宽度 - 最高优先级 */

/* 头部区域满屏显示 */
.top-bar,
.main-header {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 顶部信息栏容器宽度限制 */
.top-bar .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 var(--spacing-sm) !important;
}

/* 主导航栏容器宽度限制 */
.main-header .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: var(--spacing-sm) var(--spacing-sm) !important;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    body .top-bar,
    body .main-header,
    html body .top-bar,
    html body .main-header {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body .top-bar .container,
    body .main-header .container,
    html body .top-bar .container,
    html body .main-header .container {
        max-width: 960px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 992px) {
    body .top-bar,
    body .main-header,
    html body .top-bar,
    html body .main-header {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body .top-bar .container,
    body .main-header .container,
    html body .top-bar .container,
    html body .main-header .container {
        max-width: 720px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 768px) {
    body .top-bar,
    body .main-header,
    html body .top-bar,
    html body .main-header {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body .top-bar .container,
    body .main-header .container,
    html body .top-bar .container,
    html body .main-header .container {
        max-width: 540px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 576px) {
    body .top-bar,
    body .main-header,
    html body .top-bar,
    html body .main-header {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body .top-bar .container,
    body .main-header .container,
    html body .top-bar .container,
    html body .main-header .container {
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 var(--spacing-sm) !important;
    }
}

/* 终极覆盖 - 使用最高特异性 */
html body div.top-bar,
html body header.main-header,
html body .top-bar,
html body .main-header {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

html body div.top-bar .container,
html body header.main-header .container,
html body .top-bar .container,
html body .main-header .container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}