/* sortable.css - SortableJS 拖拽视觉增强，模拟磁性吸附 */

/* 拖拽中的卡片（被拖拽的元素副本） */
.sortable-drag {
    opacity: 0.9 !important;
    transform: scale(1.04) rotate(1deg) !important;
    box-shadow: 0 16px 48px rgba(76, 110, 245, 0.5) !important;
    transition: transform 0.15s ease !important;
    z-index: 9999 !important;
    border-radius: 12px !important;
    border: 2px solid #4c6ef5 !important;
}

/* 占位幽灵（目标位置） */
.sortable-ghost {
    opacity: 0.4 !important;
    background: rgba(76, 110, 245, 0.15) !important;
    border: 2px dashed #4c6ef5 !important;
    border-radius: 12px !important;
    transition: background 0.2s, border 0.2s;
}

/* 选中（正在被拖拽的原元素） */
.sortable-chosen {
    opacity: 0.6 !important;
}

/* 排序过渡动画（让所有卡片位移时有磁吸感） */
.sortable-fallback {
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* 容器内所有卡片在拖拽过程中的平滑移动 */
.mini-grid.sortable {
    min-height: 100px;
}