/* Navbar Overlap Fix CSS */
/* 修复导航栏与内容重叠的问题 */

/* 确保导航栏不会与页面内容重叠 */
.navbar {
    position: relative;
    z-index: 1000;
}

/* 为页面内容添加顶部边距，避免被导航栏遮挡 */
body {
    padding-top: 0;
}

/* 确保主要内容区域不被导航栏遮挡 */
.main-content {
    margin-top: 0;
    padding-top: 0;
}

/* 修复固定导航栏可能造成的内容遮挡 */
.navbar-fixed-top + .container {
    margin-top: 0;
}

/* 确保页面标题不被导航栏遮挡 */
.page-header {
    margin-top: 0;
    padding-top: 20px;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .navbar {
        position: relative;
    }
    
    body {
        padding-top: 0;
    }
}