微件:配队模拟器

<script>

       // 找到被点击的角色卡片（最外层div）
       let target = e.target;
       while (target && target !== characterList) {
           if (target.style && target.style.position === 'relative' && target.style.width === '150px') {
               selectCharacter(target);
               break;
           }
           target = target.parentElement;
       }
   });
   
   function selectCharacter(characterCard) {
       // 克隆角色卡片
       const clone = characterCard.cloneNode(true);
       
       // 提取角色名称
       const nameDiv = clone.querySelector('div[style*="bottom: 5px"]');
       const characterName = nameDiv ? nameDiv.textContent.trim() : ;
       
       // 清空character-slot并添加选中的角色
       characterSlot.innerHTML = ;
       characterSlot.style.border = '2px solid #28a745';
       characterSlot.appendChild(clone);
       
       // 存储选中的角色名称
       characterSlot.dataset.selectedCharacter = characterName;
       
       // 关闭弹窗
       characterModal.style.display = 'none';
   }

})(); </script>

<style>

1. character-modal button:hover {

   opacity: 0.8;

}

1. character-list > div {

   cursor: pointer;
   transition: transform 0.2s;

}

1. character-list > div:hover {

   transform: scale(1.05);

} </style>