/* 静态示例页专用补丁（非源项目样式）。
   源项目里浮层/弹窗用 v-if 直接不渲染；静态页改用 .hidden 类切换显隐，
   而部分组件样式（如 .dashboard-theme-menu 的 display:grid）在层叠中晚于
   UnoCSS 的 .hidden{display:none}，会把它覆盖掉，故在此强制兜底。
   在 Vue/React 等真实项目里不需要本文件。 */
.hidden,
[hidden] {
  display: none !important;
}

/* ui.js 浮层打开时锁页面滚动 */
html.ui-locked body {
  overflow: hidden;
}

/* 手机端连点被浏览器判成双击，整页跟着放大。manipulation 只关掉双击缩放，
   滚动和双指放大都保留；鼠标操作不受 touch-action 影响，故不必按指针类型分档。
   选择器权重只到标签级，组件自己声明的 pan-x / pan-y 仍然压得过它。 */
html,
body,
body * {
  touch-action: manipulation;
}