/* 统一导航：hover 子菜单 + 移动端
   仅新增 .nav-dropdown / .nav-submenu，复用 style.css 的变量与 .header/.nav/.nav-link。
   加载顺序须在 style.css 之后（deploy 脚本注入到 </head> 前）。 */

/* 修正：下拉触发器必须是 flex 容器，使其内部 <a> 被 block 化，
   否则它仍是 inline 元素、垂直 padding 行为与其它（已被 flex block 化的）链接不同，
   导致「工具箱 / 优质工具」的文字基线低于其它导航项、不在同一平行线上。 */
.nav-dropdown{position:relative;display:flex;align-items:center}

/* 下拉触发器加小箭头，提示可展开（UI 美化） */
.nav-dropdown > .nav-link::after{
  content:"▾";font-size:10px;line-height:1;margin-left:5px;
  opacity:.5;transform:translateY(1px);transition:opacity .15s,transform .15s;
}
.nav-dropdown:hover > .nav-link::after{opacity:1;transform:translateY(1px) rotate(180deg)}

.nav-submenu{
  position:absolute;top:calc(100% + 6px);left:0;
  min-width:248px;max-height:72vh;overflow:auto;
  background:#fff;border:1px solid var(--border);border-radius:12px;
  box-shadow:var(--shadow-lg);padding:8px;
  display:none;flex-direction:column;gap:2px;z-index:1100;
}
.nav-dropdown:hover .nav-submenu,
.nav-dropdown:focus-within .nav-submenu{display:flex}

.nav-submenu a{
  padding:9px 12px;border-radius:8px;
  color:var(--text-light);font-size:14px;font-weight:500;
  white-space:nowrap;line-height:1.4;
}
.nav-submenu a:hover{background:var(--primary-light);color:var(--primary)}
.nav-submenu .nav-submenu-all{
  margin-top:6px;padding-top:12px;border-top:1px solid var(--border);
  color:var(--primary);font-weight:700;
}
.nav-submenu .nav-submenu-all:hover{background:var(--primary-light)}

/* 小屏：导航面板展开后，子菜单在面板内竖向铺开（无 hover） */
@media (max-width:768px){
  .nav-dropdown:hover .nav-submenu{display:none}
  .nav.open .nav-dropdown .nav-submenu{
    position:static;display:flex;max-height:none;overflow:visible;
    box-shadow:none;border:none;background:transparent;padding:0 0 10px 14px;gap:0;
  }
  .nav.open .nav-submenu a{font-size:15px;padding:7px 12px}
  .nav.open .nav-submenu .nav-submenu-all{border-top:none;margin-top:4px}
}