/* 开启排序模式时的卡片态与反馈 */ #outline-tree.reorder-mode li.lvl2, #outline-tree.reorder-mode li.lvl3 { border: 2px solid #ddd; border-radius: 10px; background: #fff; padding: 6px 10px; margin: 6px 0; cursor: grab; transition: box-shadow .2s, border-color .2s; } #outline-tree.reorder-mode li.lvl2:hover, #outline-tree.reorder-mode li.lvl3:hover { border-color: #4CAF50; box-shadow: 0 2px 6px rgba(0,0,0,.08); } #outline-tree.reorder-mode li.lvl2:active, #outline-tree.reorder-mode li.lvl3:active { cursor: grabbing; } #outline-tree li.dragging { opacity: .6; } /* 放置提示线:在目标元素顶部/底部出现内阴影 */ #outline-tree li.drop-indicator-top { box-shadow: inset 0 3px 0 0 #4CAF50; } #outline-tree li.drop-indicator-bottom { box-shadow: inset 0 -3px 0 0 #4CAF50; }