基于纯HTML/CSS实现多父节点Dota2物品合成树状图

我正在开发一个支持多父节点的树状图，用来展示Dota 2的物品合成关系。这个树状图需要满足两个核心特性：

• 多个物品（包含配方道具）可以合成单个上级物品
• 单个物品也能作为多个不同上级物品的合成材料

我参考了thecodeplayer的代码思路，目前已经写出了基础的HTML结构片段，开发进度如下：

<div class="items"> 
  <ul> 
    <li> 
      <a href="#" class="">Dagon</a> 
      <a href="#" class="">Veil of Discord</a> 
      <a href="#">...</a>
    </li>
  </ul>
</div>

接下来还需要完善多节点的关联逻辑，比如实现子物品到多个父物品的连线展示，处理配方节点的特殊样式，确保整个合成树的关系清晰易懂。

内容的提问来源于stack exchange，提问作者Prabowo Murti