.recipe-tree[data-v-dfdcfe25]{padding:20px;min-height:300px}.tree-root[data-v-dfdcfe25]{display:flex;flex-direction:column;align-items:center}.tree-node-container[data-v-dfdcfe25]{display:flex;flex-direction:column;align-items:center;position:relative}.tree-node[data-v-dfdcfe25]{display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;background-color:#ebf8ff;border:2px solid #90cdf4;margin:8px 0;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.tree-node[data-v-dfdcfe25]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.tree-node.basic-item[data-v-dfdcfe25]{background-color:#f0fff4;border-color:#68d391}.node-content[data-v-dfdcfe25]{display:flex;align-items:center;gap:8px}.expand-toggle[data-v-dfdcfe25]{cursor:pointer;font-size:12px;color:#4a5568;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.expand-toggle.expanded[data-v-dfdcfe25]{transform:rotate(90deg)}.item-icon[data-v-dfdcfe25]{width:32px;height:32px;object-fit:contain;border-radius:4px;background-color:#f7fafc;padding:2px}.item-info[data-v-dfdcfe25]{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px}.item-name[data-v-dfdcfe25]{font-weight:600;color:#2d3748;font-size:14px;line-height:1.2}.item-english-name[data-v-dfdcfe25]{font-size:10px;color:#a0aec0;margin-bottom:2px;font-style:italic}.item-quantity[data-v-dfdcfe25]{font-size:12px;color:#718096;font-weight:500;margin-top:2px}.node-children[data-v-dfdcfe25]{display:flex;flex-direction:column;align-items:center;margin-top:16px}.children-container[data-v-dfdcfe25]{display:flex;gap:24px;overflow-x:auto;padding-bottom:10px;white-space:nowrap;min-width:100%}.child-node[data-v-dfdcfe25]{position:relative}.child-node[data-v-dfdcfe25]:before{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:2px;height:16px;background-color:#e2e8f0}.child-node[data-v-dfdcfe25]:after{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background-color:#e2e8f0}.child-node[data-v-dfdcfe25]:first-child:after{left:50%}.child-node[data-v-dfdcfe25]:last-child:after{right:50%}.child-node[data-v-dfdcfe25]:only-child:after{display:none}