/* ==========================================================
   nav-drop.002100.css — 产品页 nav 下拉补丁
   修复：product/*.html 未引 brand-img-normal.153300.css 导致
   ① .nav__drop 无绝对定位/默认隐藏 → 「使用教程」下拉常显
   ② 下拉占布局空间撑爆 .nav__links → 9 个 Tab 文字折行
   仅提取导航下拉规则，与首页 brand-img-normal 保持一致；
   不含 [data-jr-base] 图片滤镜规则，产品页图片观感不变。
   ========================================================== */
.nav__links { display: flex; align-items: center; gap: 6px; }
.nav__drop-wrap { position: relative; }
.nav__drop-wrap > .nav__link { display: inline-block; }
.nav__link { white-space: nowrap; }
.nav__drop {
  position: absolute; top: 100%; left: 50%; transform: translate(-50%, -8px);
  min-width: 160px; background: #1C1917; border: 1px solid rgba(240, 235, 225, .14);
  border-radius: 18px 21px 17px 20px; box-shadow: 0 18px 44px rgba(0, 0, 0, .55);
  padding: 8px; opacity: 0; visibility: hidden; pointer-events: none; z-index: 80;
  transition: all .2s cubic-bezier(.2, .7, .3, 1);
}
.nav__drop-wrap:hover .nav__drop,
.nav__drop-wrap:focus-within .nav__drop {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0);
}
.nav__drop a {
  display: block; padding: 9px 14px; border-radius: 12px; white-space: nowrap;
  color: #E8E1D4; text-decoration: none; font-size: 14px;
}
.nav__drop a:hover { background: rgba(180, 83, 42, .18); color: #E89B6F; }
.nav__drop .nav__drop-label { padding: 8px 14px 4px; font-size: 12px; color: #9A917F; letter-spacing: .12em; }