/* ==========================================================
   09-nav-mobile.css — 公共导航在文章页的移动端覆盖
   导航 DOM 由 common.js 注入、基础样式在 common.css;
   本文件只负责 ≤768px 下的汉堡菜单形态。
   ⚠ 必须保证在 common.css 之后加载(HTML 中的顺序已满足)
   ========================================================== */

@media (max-width: 768px) {
  .nav {
    padding: 0 24px;
  }
  .nav-links {
    display: none;
  }
  .nav-toggle {
    display: block;
  }
  .nav-links.mobile-open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    background: var(--glass-bg-heavy);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border-bottom: 1px solid var(--glass-border);
    padding: 16px 24px;
    gap: 4px;
  }
}