/* ============================================
   顶部导航栏 - 深蓝色背景 + 随机星光闪烁效果
   ============================================ */

/* 顶部导航栏背景 - 与页面主体一致的浅灰色 */
.conch-header,
.conch-header .conch-headwrap,
.conch-header .conch-headwrap.fixed {
    background: #e8eaf6 !important;
    position: relative;
    z-index: auto !important;
}

/* ============================================
   左侧弹出菜单 - 最高优先级
   ============================================ */

/* 遮罩层 - 独立的遮罩层元素，覆盖整个页面包括Footer */
.conch-menus-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0,0,0,0.5) !important;
    z-index: 99999 !important;
    display: none !important;
}

.conch-menus.active + .conch-menus-overlay,
.conch-menus-overlay.active {
    display: block !important;
}

/* 菜单整体 - 固定定位，最高层级 */
.conch-menus,
.conch-menus.hl-bg-site,
.conch-menus.hl-tran5 {
    position: fixed !important;
    top: 0 !important;
    left: -240px !important;
    width: 240px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    background: #ffffff !important;
    z-index: 100000 !important;
    box-shadow: 2px 0 10px rgba(0,0,0,0.2) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.conch-menus.active {
    left: 0 !important;
}

/* 菜单头部 */
.conch-menus .conch-ms-header {
    position: relative !important;
    height: 52px !important;
    padding: 10px 24px !important;
    border-bottom: 1px solid #eee !important;
    background: #fff !important;
    z-index: 10 !important;
}

/* 菜单滚动区域 */
.conch-menus .conch-scrollbar {
    position: relative !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: calc(100vh - 52px) !important;
    max-height: calc(100vh - 52px) !important;
    background: #fff !important;
}

/* Swiper 容器 - 禁用transform */
.conch-menus .conch-scrollbar .swiper-wrapper {
    transform: none !important;
    transition: none !important;
    height: auto !important;
}

.conch-menus .conch-scrollbar .swiper-slide {
    transform: none !important;
    transition: none !important;
    height: auto !important;
}

/* 菜单包装 */
.conch-menus .conch-mswrap {
    height: auto !important;
    overflow: visible !important;
}

/* 菜单列表 */
.conch-menus .hl-menus {
    display: block !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background: #fff !important;
}

/* 菜单项 */
.conch-menus .hl-menus-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    border-bottom: 1px solid #f0f0f0 !important;
    background: #fff !important;
}

.conch-menus .hl-menus-item:last-child {
    border-bottom: none !important;
}

/* 子分类 - 修复显示问题 */
.conch-menus .hl-type-child {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 10px 20px !important;
    background: #f8f8f8 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.conch-menus .hl-type-child a {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 6px 10px !important;
    margin: 3px 2px !important;
    background: #e0e0e0 !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    color: #555 !important;
    line-height: 1.4 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* 菜单链接 */
.conch-menus .hl-menus-item a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 24px !important;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    background: #fff !important;
}

.conch-menus .hl-menus-item a:hover,
.conch-menus .hl-menus-item a.active {
    color: #f50 !important;
    background: #f5f5f5 !important;
}

.conch-menus .hl-menus-item a i {
    margin-right: 10px !important;
    font-size: 18px !important;
}

.conch-menus .hl-menus-item a em {
    margin-left: auto !important;
    font-size: 12px !important;
    color: #999 !important;
}

/* 遮罩层 */
.conch-menus .conch-ms-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0,0,0,0.5) !important;
    z-index: -1 !important;
}

/* 星光效果已禁用 - 避免遮挡菜单 */

/* 确保导航内容在星光之上 */
.conch-header .conch-headwrap .container {
    position: relative;
    z-index: 10;
}

/* ============================================
   导航栏文字 - 加粗、提高对比度
   ============================================ */

/* Logo文字加粗 - 深色文字配浅色背景 */
.conch-header .hl-head-logo a {
    color: #333 !important;
    font-weight: bold !important;
}

/* 菜单文字加粗 - 深色文字配浅色背景 */
.conch-header .conch-menus ul>li>a {
    color: #333 !important;
    font-weight: bold !important;
}

.conch-header .conch-menus ul>li>a:hover,
.conch-header .conch-menus ul>li>a.active {
    color: #f50 !important;
}

/* 用户区域文字 - 深色文字配浅色背景 */
.conch-header .hl-head-user a {
    color: #333 !important;
    font-weight: bold !important;
}

/* 搜索框样式 */
.conch-header .conch-search {
    background: rgba(255,255,255,0.6) !important;
    border-radius: 20px;
}

.conch-header .conch-search .hl-search-input {
    background: transparent !important;
    color: #333 !important;
    font-weight: 500;
}

/* ============================================
   分类标签 - 垂直居中、保持原大小、加粗
   ============================================ */

/* 分类导航容器 */
.conch-content .hl-smnav-home {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 分类列表 - 使用flexbox垂直居中 */
.conch-content .hl-smnav-home .hl-smnav {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center !important;
    justify-content: flex-start;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin: 0 !important;
    min-height: 70px !important;
    box-sizing: border-box;
}

/* 分类项 */
.conch-content .hl-smnav-home .hl-smnav-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    vertical-align: middle;
    float: none !important;
}

/* 分类链接 - 保持原大小，加粗 */
.conch-content .hl-smnav-home .hl-smnav-item a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    padding: 0 12px !important;
    height: auto !important;
    min-height: 36px !important;
    border-radius: 18px;
    font-size: inherit !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    color: #333 !important;
    background: rgba(255,255,255,0.8) !important;
}

.conch-content .hl-smnav-home .hl-smnav-item a:hover {
    background: rgba(255,255,255,1) !important;
    color: #f50 !important;
}

/* 图标 */
.conch-content .hl-smnav-home .hl-smnav-item a>i {
    font-size: inherit !important;
    margin-right: 4px;
}

/* 文字 */
.conch-content .hl-smnav-home .hl-smnav-item a>span {
    font-weight: bold !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .conch-header::after {
        background-size: 200% 100%;
    }
    
    .conch-content .hl-smnav-home .hl-smnav-item {
        width: auto;
        min-width: 20%;
    }
    
    .conch-content .hl-smnav-home .hl-smnav-item a {
        font-size: 13px !important;
    }
}

/* ============================================
   修复顶部弹出框层级 - 确保在Banner之上
   ============================================ */
.conch-header .hl-list .hl-alert-box,
.conch-header .hl-list .hl-history-box,
.conch-header .hl-list .hl-qrcode-wrap {
    z-index: 100010 !important;
}

.conch-header .hl-list .hl-alert-items .hl-alert-box {
    position: absolute !important;
    z-index: 100011 !important;
}

/* 确保顶部图标区域有正确的定位上下文 */
.conch-header .hl-list .hl-list-font {
    position: relative !important;
}