/* ============================================================
   万鹏达官网 · 导航二级下拉（产品中心 → 六个子栏目）
   独立文件，供静态页（main.css 体系 / wf 线稿体系）与 PHP 模板共用
   2026-10-19
   ============================================================ */

/* ---------- 一、main.css 体系（首页 / 产品中心 / 应用案例 / 行业应用 / 联系） ---------- */
.navmenu>li.has-child{position:relative}
.navmenu>li.has-child>a{display:inline-flex;align-items:center;gap:6px}
.navmenu>li.has-child>a::after{
  content:"";width:0;height:0;
  border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;
  opacity:.42;transform:translateY(1px);transition:transform .2s ease,opacity .2s ease;
}
.navmenu>li.has-child:hover>a::after,
.navmenu>li.has-child:focus-within>a::after{opacity:.9;transform:translateY(1px) rotate(180deg)}
/* 当前栏目仍保留橙色下划线（::after 被箭头占用，改用内阴影画线） */
.navmenu>li.has-child>a[aria-current="page"]{box-shadow:inset 0 -2px 0 0 #ff6900}
.navmenu>li.has-child>a:focus-visible{outline:2px solid #ff6900;outline-offset:2px;background:#f2f6fb}

.navmenu .dropdown{
  display:none;position:absolute;left:-10px;top:100%;padding-top:10px;z-index:80;
}
.navmenu .dropdown__panel{
  width:492px;background:#fff;border:1px solid #dce1e8;border-radius:14px;
  box-shadow:0 22px 52px rgba(15,23,42,.16),0 2px 6px rgba(15,23,42,.04);
  padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:2px;
}
.navmenu .dropdown a{
  display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;
  font-size:14px;color:#33414f;text-decoration:none;transition:background-color .16s,color .16s;
}
.navmenu .dropdown a:hover,.navmenu .dropdown a:focus-visible{background:#f2f6fb;color:#012d5e;outline:none}
.navmenu .dropdown .n{font-size:11px;color:#9aa7b6;font-variant-numeric:tabular-nums;letter-spacing:.08em;flex:0 0 auto}
.navmenu .dropdown .nm{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navmenu .dropdown .arw{color:#ff6900;opacity:0;transform:translateX(-4px);transition:opacity .16s,transform .16s;flex:0 0 auto}
.navmenu .dropdown a:hover .arw{opacity:1;transform:none}
.navmenu .dropdown__all{
  grid-column:1/-1;margin-top:4px;padding:10px 12px 4px;border-top:1px dashed #e3e9f1;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:12px;color:#8a97a6;
}
.navmenu .dropdown__all a{color:#ff6900;font-weight:500;font-size:12.5px;padding:0;border-radius:0}
.navmenu .dropdown__all a:hover{background:none;text-decoration:underline;color:#e35f00}

@media (hover:hover) and (min-width:992px){
  .navmenu>li.has-child:hover>.dropdown,
  .navmenu>li.has-child:focus-within>.dropdown{display:block;animation:navDrop .18s ease-out both}
}
@keyframes navDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .navmenu>li.has-child:hover>.dropdown,
  .navmenu>li.has-child:focus-within>.dropdown{animation:none}
}

/* 移动端抽屉里的二级栏目 */
.nav-drawer__sub{padding:0 0 8px 14px!important;margin:0 0 4px 2px;border-left:2px solid #e3e9f1}
.nav-drawer__sub a{display:block;padding:10px 4px!important;font-size:14px!important;color:#5b6b7c!important;border-bottom:0!important}
.nav-drawer__sub a:hover{color:#012d5e!important}

/* ---------- 二、wf 线稿体系（产品中心六个子栏目页） ---------- */
.wf-menu>li{position:relative}
.wf-menu>li.has-child>a{display:inline-flex;align-items:center;gap:5px}
.wf-menu>li.has-child>a::after{
  content:"";width:0;height:0;
  border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;
  opacity:.4;transition:transform .2s ease,opacity .2s ease;
}
.wf-menu>li.has-child:hover>a::after,
.wf-menu>li.has-child:focus-within>a::after{opacity:.85;transform:rotate(180deg)}
.wf-menu .dropdown{display:none;position:absolute;left:-14px;top:calc(100% - 8px);padding-top:12px;z-index:80}
.wf-menu .dropdown__panel{
  width:452px;background:#fff;border:1px solid #dce1e8;border-radius:12px;
  box-shadow:0 20px 48px rgba(15,23,42,.15);padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:2px;
  text-align:left;
}
.wf-menu .dropdown a{
  display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:7px;
  font-size:13.5px;color:#33414f;text-decoration:none;position:static!important;transition:background-color .16s,color .16s;
}
.wf-menu .dropdown a::after{content:none!important}
.wf-menu .dropdown a:hover,.wf-menu .dropdown a:focus-visible{background:#f2f6fb;color:#012d5e;outline:none}
.wf-menu .dropdown .n{font-size:10.5px;color:#9aa7b6;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.wf-menu .dropdown .nm{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-menu .dropdown .arw{color:#ff6900;opacity:0;transform:translateX(-3px);transition:opacity .16s,transform .16s}
.wf-menu .dropdown a:hover .arw{opacity:1;transform:none}
.wf-menu .dropdown__all{
  grid-column:1/-1;margin-top:4px;padding:9px 11px 3px;border-top:1px dashed #e3e9f1;
  display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#8a97a6;
}
.wf-menu .dropdown__all a{color:#ff6900;font-weight:500;padding:0;display:inline}
.wf-menu .dropdown__all a:hover{background:none;text-decoration:underline;color:#e35f00}
@media (hover:hover) and (min-width:901px){
  .wf-menu>li.has-child:hover>.dropdown,
  .wf-menu>li.has-child:focus-within>.dropdown{display:block;animation:navDropWf .18s ease-out both}
}
@keyframes navDropWf{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* wf 页移动端：菜单是横滑的，下拉不做，改为子导航 tabs 承接 */
@media (max-width:900px){
  .wf-menu .dropdown{display:none!important}
}

/* ---------- 三、应用案例下拉：靠右对齐，避免在 992-1200px 宽度下溢出 ---------- */
.navmenu .dropdown--right{left:auto;right:-10px}
.wf-menu .dropdown--right{left:auto;right:-14px}

/* 带下拉的一级项同时是当前页时，用 ::before 补回底部高亮线（::after 已被箭头占用） */
.navmenu>li.has-child>a[aria-current="page"]{position:relative}
.navmenu>li.has-child>a[aria-current="page"]::before{
  content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:#ff6900;border-radius:2px;
}
.wf-menu>li.has-child>a[aria-current="page"]{position:relative}
.wf-menu>li.has-child>a[aria-current="page"]::before{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#ff6900;border-radius:2px;
}

/* ---------- 三、"关于我们"五子栏目：单列窄面板（2026-10-19 新增） ---------- */
.navmenu .dropdown__panel--about{width:296px;grid-template-columns:1fr}
.navmenu .dropdown__panel--about .dropdown__all{grid-column:1/-1}
.wf-menu .dropdown__panel--about{width:276px;grid-template-columns:1fr}
.wf-menu .dropdown__panel--about .dropdown__all{grid-column:1/-1}