/*
 * 触屏 topbar 下拉面板 —— **独立成一个小文件，只为文件名是新的**（2026-10-08）。
 *
 * ## 为什么单独一个文件、而不是写在 site.css / site-mobile.css 里
 *
 * 用户 2026-10-08 反复报「手机点 blanks / links 没动静 / 依然没 dom」，
 * 而同一时间线上验证过：真实 HTML + 真实 JS 跑一遍**行为完全正确**
 * （`preventDefault` ✓ / `dd-open` ✓ / 菜单搬到 topbar 正下方 ✓），
 * `site.css` 那个 URL 的内容里也确实有显示规则 —— **服务端没有问题**。
 *
 * 结论：**手机上拿着旧的 CSS**。而国产浏览器（百度浏览器）有"忽略 `?v=` 的旧缓存"
 * 这一说 —— 另一个会话已经为同一个原因把 `page-loading.js` 改名成
 * `page-loading.v2.js`（见那条提交的说明）。`?v=<mtime>` 那个常规手段在它面前不管用，
 * **只有换文件名**才绕得过去。
 *
 * 所以这里就干一件事：把"菜单被搬到 topbar 下方之后还怎么显示"这条规则，
 * 放进一个**新文件名**里 —— 老缓存里不可能有这个 URL。
 *
 * ## 这条规则本身解决的是什么
 *
 * `site.css` 里让菜单显示的是 `.dropdown-hover.dd-open > .dropdown-menu`（**直接子元素**）。
 * 触屏下 `hover-menu.js` 会把菜单**搬到 `.topbar` 后面** —— 搬走之后它不再是
 * `.dropdown-hover` 的子元素，那条**再也匹配不上**，菜单就一直是 `display:none`：
 *
 *     JS 老老实实加了 dd-open、也搬了 DOM，**但屏幕上什么都没发生**。
 *
 * `.dd-below` 就是"已经被搬走"的标记。**不带 media query** ——
 * `hover-menu.js` 的判据是 `(hover: none)`，触屏平板（>768px）同样会搬菜单。
 */
.dropdown-menu.dd-below { display: block; }