/* ============================================================
   nav.css — 顶部导航「开服助手」悬浮下拉子菜单
   ------------------------------------------------------------
   v3：配色统一为低饱和蓝主题；完整视觉规则已并入
   site-ui.css（含移动端与静态页支持），本文件仅保留
   下拉结构规则以兼容旧引用，色彩与 site-ui.css 一致。
   ============================================================ */

#navbar > li.has-drop{ position: relative; }
#navbar > li.has-drop > a{ display: inline-flex; align-items: center; gap: 6px; }

.drop-arrow{
    width: 0; height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    opacity: .7;
    transition: transform .25s ease;
    margin-top: 2px;
}
#navbar > li.has-drop:hover .drop-arrow,
#navbar > li.has-drop.active .drop-arrow{ transform: rotate(180deg); }

#navbar > li.has-drop .drop-menu{
    display: none;
    position: absolute;
    top: 78px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 160px;
    padding: 8px 0;
    background: #ffffff;
    border: 1px solid #E7EAEE;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 14px 34px rgba(23,25,28,.10);
    z-index: 1200;
}
#navbar > li.has-drop:hover .drop-menu,
#navbar > li.has-drop.active .drop-menu{ display: block; }

#navbar > li.has-drop .drop-menu a{
    display: block;
    height: auto;
    line-height: 1.4;
    margin: 0;
    padding: 11px 22px;
    font-size: 14px;
    color: #42474E;
    white-space: nowrap;
    transition: color .15s ease, background .15s ease, padding-left .15s ease;
}
#navbar > li.has-drop .drop-menu a::after{ display: none; }
#navbar > li.has-drop .drop-menu a:hover{
    color: #4A6FA5;
    background: #EDF2F8;
    padding-left: 26px;
}

#navbar > li.has-drop .drop-menu a:first-child{ border-radius: 0 0 0 0; }
#navbar > li.has-drop .drop-menu a:last-child{ border-radius: 0 0 13px 13px; }