/* ============================================================
   顶部主导航菜单 优化样式（独立文件，不影响其他模块）
   ============================================================ */

/* ---------- 菜单项文字：固定高度胶囊，默认垂直居中、透明底 ---------- */
.nav .nav-item li a {
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 22px !important;
    margin: 6px 2px !important;
    border-radius: 9px !important;
    font-size: 16px !important;
    transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s;
}

/* ---------- 悬停：半透明白色圆角胶囊，去掉生硬的整块白底 ---------- */
.nav .nav-item li:hover,
.nav .nav-item li.chose {
    background: transparent !important;
}

.nav .nav-item li:hover > a,
.nav .nav-item li.chose a,
.nav .nav-item li a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}

/* ---------- 当前页：白底蓝字圆角胶囊，标识清晰 ---------- */
.menu-down .nav-item > li.now {
    background: transparent !important;
}

.menu-down .nav-item > li.now > a,
.menu-down .nav-item > li.now a {
    background: #fff !important;
    color: #2b7fe0 !important;
    font-weight: 600;
}

/* ---------- 角标（Hot / New / 免费 / 最新活动）：圆角小胶囊，去掉三角尾巴 ---------- */
.nav .icon-mianfei {
    border-radius: 10px !important;
    padding: 1px 7px !important;
    top: -7px !important;
    right: -5px !important;
    font-size: 11px !important;
    line-height: 15px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
    border: none !important;
}

/* 去掉角标下方的三角小尾巴 */
.nav .icon-mianfei::after {
    display: none !important;
}

/* 角标配色微调，更柔和 */
.nav .icon-mianfei.icon-mianfei-hot {
    background: linear-gradient(135deg, #ff6b6b, #f5455c);
}

.nav .icon-mianfei.icon-mianfei-new {
    background: linear-gradient(135deg, #34d98a, #18b872);
}

.nav .icon-mianfei.icon-mianfei-免费 {
    background: linear-gradient(135deg, #ffd84d, #f5bb00);
    color: #7a5c00 !important;
}

/* ---------- 下拉大菜单：圆角与柔和阴影 ---------- */
.nav .menu-hd-child .menu-down-cont {
    border-radius: 0 0 14px 14px;
    box-shadow: 0 16px 40px rgba(20, 50, 100, 0.14) !important;
}

/* 简单下拉弹层圆角 */
.nav-single-sub-items {
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(20, 50, 100, 0.14) !important;
    padding: 6px !important;
}

.nav-single-sub-items .el-dropdown-menu__item,
.nav-single-sub-items .nav-single-sub-item {
    border-radius: 8px;
    font-size: 14px;
}

.nav-single-sub-items .el-dropdown-menu__item:hover {
    background: #eaf2fc;
}