/* =========================================================
   ========================================================= */

/* 1. 仅为下拉菜单提供定位基准，绝不干扰原网站的对齐方式 */
.emp-nav-item {
    position: relative !important;
}

/* 2. 纯 CSS 绘制的小箭头，微调 margin 使其绝对居中 */
.emp-arrow {
    display: inline-block !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
    border-top: 5px solid #ffffff !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    transition: transform 0.3s ease !important;
    margin-top: -2px !important; /* 视觉居中微调 */
}

/* 鼠标悬浮时箭头翻转 */
.emp-nav-item:hover .emp-arrow {
    transform: rotate(180deg) !important;
}

/* ================= 3. 下拉菜单面板 (纯白质感主题) ================= */
.emp-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-color: #ffffff !important; /* 改为纯白底色，融入主题 */
    min-width: 220px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; /* 柔和的高级阴影 */
    border-radius: 4px !important;
    border-top: 3px solid #ef7d00 !important; /* 顶部橙色线条，与导航栏无缝连接 */
    
    /* 双列网格排版 */
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 10px !important;
    row-gap: 5px !important;

    /* 悬浮渐显动画 */
    opacity: 0 !important;
    visibility: hidden !important;
    margin-top: 10px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    z-index: 99999 !important;
}

/* 悬停显示下拉框 */
.emp-nav-item:hover .emp-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 0 !important;
}

/* 4. 下拉菜单内的子链接 (深色文字) */
.emp-dropdown a {
    display: block !important;
    color: #333333 !important; /* 深灰色文字，清晰易读 */
    text-decoration: none !important;
    font-size: 14px !important;
    text-align: center !important;
    padding: 8px 0 !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    font-weight: normal !important;
    background: transparent !important;
    line-height: normal !important; /* 防止继承父级的高 line-height */
}

/* 子菜单悬停：主题橙色文字 + 浅橙背景底衬 */
.emp-dropdown a:hover {
    color: #ef7d00 !important; 
    background-color: #fff3e0 !important; /* 极浅的橙色，类似荧光笔效果 */
    font-weight: bold !important;
}