/* 手机端二级菜单修复
   作用：覆盖桌面 .has-drop:hover .dropdown 的 translateX(-50%)，消除手机上"指上去/点开"时
        二级菜单整体向左偏移半个身位的 bug；并改为点击父项展开/收起的手风琴（默认收起）。
   加载顺序：在 deyashang-style / deyashang-responsive 之后，确保规则优先级生效。
   独立文件原因：服务器对 style.css 路径有静态缓存副本，新路径可绕过、立即生效。 */
@media (max-width: 768px) {
  .nav-menu > li.has-drop > a::after {
    display: inline;
    content: "\203A"; /* › */
    font-size: 14px;
    margin-left: auto;
    transition: transform 0.3s;
  }

  .dropdown {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    opacity: 1;
    visibility: visible;
    max-height: 0;
    overflow: hidden;
    box-shadow: none;
    border: none;
    background: var(--cream);
    padding: 0 0 0 16px;
    min-width: auto;
    border-radius: 0;
    border-bottom: 1px dashed var(--border);
    transition: max-height 0.3s ease;
  }

  /* 展开态 */
  .nav-menu > li.has-drop.open .dropdown {
    max-height: 600px;
  }

  /* 关键修复：用更高优先级 (0,4,0) 覆盖桌面 hover 的 translateX(-50%)，避免子菜单向左偏移 */
  .nav-menu > li.has-drop:hover .dropdown {
    transform: none;
    left: auto;
    top: auto;
  }

  /* 父项展开时，箭头朝下 */
  .nav-menu > li.has-drop.open > a::after {
    transform: rotate(90deg);
  }

  .dropdown::before { display: none; }

  .dropdown a {
    padding: 11px 8px;
    font-size: 14px;
    color: var(--text);
    border-bottom: 1px solid var(--border-soft);
  }
  .dropdown a:last-child { border-bottom: none; }
}