/* ========== 消除移动端双击缩放 ========== */
html, body, .draggable {
  touch-action: manipulation;
}

/* ========== 拖拽悬浮状态（防止长按高亮选区） ========== */
.draggable {
  position: relative;
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* 拖拽激活时，彻底封锁组件内所有子元素的原生呼出菜单 */
.draggable.dragging,
.draggable.dragging * {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  pointer-events: none !important;
}

.draggable.dragging {
  opacity: 0.92;
  z-index: 100 !important;
  transition: none !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  pointer-events: auto !important;
}

/* ========== 头像与图标左右对调支持 ========== */
.couple-section.reversed {
  flex-direction: row-reverse !important;
}

.couple-left, .couple-right {
  transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.couple-left.dragging-sub,
.couple-right.dragging-sub {
  transition: none !important;
  z-index: 50 !important;
  opacity: 0.92;
  filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.12));
}