/* 1. 顶部蓝色条：基础高度 */
.header-top {
    background-color: #0b2e54 !important;
    padding: 10px 0 !important;
    min-height: 40px !important;
}

/* 2. 白色主导航栏：垂直居中逻辑 */
.header-main {
    background: #fff !important;
    padding: 15px 0 !important; /* 通过 padding 实现垂直居中，这是最稳的 */
}

.header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* 3. 菜单项：强制水平排列 */
#primary-menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: block !important; /* 恢复为块级，避开 flex 干扰子级 */
}

#primary-menu > li {
    display: inline-block !important;
    position: relative !important;
    margin: 0 15px !important;
}

/* 4. 二级菜单：强制垂直列表 (核心修复) */
#primary-menu li ul.sub-menu, 
#primary-menu li ul {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #ffffff !important;
    min-width: 200px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    padding: 10px 0 !important;
    z-index: 9999 !important;
    border-top: 3px solid #ff7a1a !important;
}

/* 强制子项换行，不许并排 */
#primary-menu li ul li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
}

#primary-menu li ul li a {
    padding: 10px 20px !important;
    display: block !important;
    border-bottom: 1px solid #f5f5f5 !important;
    color: #333 !important;
}

#primary-menu li ul li:last-child a {
    border-bottom: none !important;
}

/* 5. 鼠标悬停逻辑 */
#primary-menu li:hover > ul {
    display: block !important;
}
