/* 全局布局修复 - 确保页面占满全屏且用户菜单在最右侧 */

/* 1. 移除body的宽度限制，确保占满全屏 */
html {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    min-height: 100vh !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* 2. 确保header占满全宽 */
header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. 确保nav占满全宽且用户菜单在最右侧 */
nav {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: var(--spacing-4, 16px) var(--spacing-6, 24px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* 4. nav-left 在左侧 */
.nav-left {
    display: flex !important;
    align-items: center !important;
    gap: var(--spacing-6, 24px) !important;
    flex: 0 0 auto !important;
    margin-right: auto !important;
}

/* 5. nav-right 强制推到最右侧 */
.nav-right {
    display: flex !important;
    align-items: center !important;
    gap: var(--spacing-6, 24px) !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
}

/* 6. 确保用户菜单在nav-right中正确显示 - 不强制覆盖原有的display和position */
.user-menu {
    /* 移除position: relative设置 */
}

/* 7. 修复下拉菜单位置 - 使用absolute定位相对于父元素 */
.user-card {
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 8px !important;
    transform-origin: top right !important;
    z-index: 9999 !important;
}

/* 9. 确保用户菜单触发器不影响布局 */
.user-menu-trigger {
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* 10. 隐藏粒子背景动画（避免影响布局） */
.particles {
    display: none !important;
}

/* 11. 确保main元素也占满宽度 */
main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}