/**
 * 导航栏加载优化样式
 * 防止页面加载时的闪烁（FOUC）
 */

/* 导航栏容器占位符 - 防止布局跳动 */
#navbar-container {
    min-height: 60px;
}

/* 空状态占位符 */
#navbar-container:empty {
    background-color: #2c3e50;
    min-height: 60px;
}

/* 页面内容隐藏 - 直到导航栏加载完成 */
body:not(.navbar-ready) .container,
body:not(.navbar-ready) main,
body:not(.navbar-ready) .content,
body:not(.navbar-ready) section {
    visibility: hidden;
}

/* 导航栏就绪后，立即显示内容（无动画） */
body.navbar-ready .container,
body.navbar-ready main,
body.navbar-ready .content,
body.navbar-ready section {
    visibility: visible;
}