.module-hub-dock-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  margin: 0 !important;
  overflow: clip;
  pointer-events: none;
  contain: layout paint;
  transform: none !important;
}

.module-hub-dock-layer[hidden] {
  display: none !important;
}

.module-hub-dock-layer > .module-hub-dock-managed {
  position: absolute !important;
  margin: 0 !important;
  transform: none !important;
  clip-path: none !important;
  overflow: visible !important;
  contain: none !important;
  transition: top 0.12s ease;
  will-change: top;
  pointer-events: auto !important;
}

.module-hub-dock-managed.is-dragging {
  transition: none;
  user-select: none;
  -webkit-user-select: none;
}

.module-hub-dock-handle {
  touch-action: none;
}

/* 半隐藏通过把圆形按钮移出屏幕一半实现，不再用矩形 clip-path 裁切阴影。 */
.module-hub-dock-managed[data-dock-hidden="true"] .module-hub-toggle,
.module-hub-dock-managed[data-dock-hidden="true"] .note-module-hub-toggle {
  box-shadow: none !important;
}

.module-hub-dock-managed[data-dock-side="left"] .module-hub-menu,
.module-hub-dock-managed[data-dock-side="left"] .note-module-hub-menu {
  right: auto;
  left: 0;
  justify-items: start;
}

.module-hub-dock-managed[data-dock-side="left"] .module-hub-panel,
.module-hub-dock-managed[data-dock-side="left"] .note-module-hub-panel {
  right: auto;
  left: 0;
}

.module-hub-dock-managed[data-dock-vertical="upper"] .module-hub-menu,
.module-hub-dock-managed[data-dock-vertical="upper"] .note-module-hub-menu,
.module-hub-dock-managed[data-dock-vertical="upper"] .module-hub-panel,
.module-hub-dock-managed[data-dock-vertical="upper"] .note-module-hub-panel {
  top: 64px;
  bottom: auto;
}

@media (prefers-reduced-motion: reduce) {
  .module-hub-dock-layer > .module-hub-dock-managed {
    transition: none;
  }
}