.tuupu_detail_box[data-v-3da3ea11]{max-width:1200px;width:85%;box-shadow:0 8px 8px 0 hsla(0,0%,79.6%,.1);margin:20px auto;min-height:calc(100vh - 100px)}.tuupu_detail_box .detail_box[data-v-3da3ea11]{position:relative;min-height:calc(100vh - 140px)}.full-graph-view[data-v-3da3ea11]{height:calc(100vh - 140px);position:relative}.bgWhite[data-v-3da3ea11]{background:#fff}.graph-loader[data-v-3da3ea11]{display:flex;justify-content:center;align-items:center;height:400px;color:#fff}.graph-display[data-v-3da3ea11]{height:100%}.graph-visualization-container[data-v-3da3ea11]{position:relative;height:calc(100vh - 140px);overflow:hidden;background:hsla(0,0%,100%,.95)}.list-view[data-v-3da3ea11]{display:flex;gap:20px;height:500px}.list-section[data-v-3da3ea11]{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.list-header[data-v-3da3ea11]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f5f7fa;border-bottom:1px solid #ebeef5}.list-header h3[data-v-3da3ea11]{margin:0;color:#303133;font-size:16px;font-weight:600}.count-badge[data-v-3da3ea11]{background:#1890ff;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.table-container[data-v-3da3ea11]{height:calc(100% - 60px);overflow:hidden}.empty-state[data-v-3da3ea11]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#909399}.empty-state i[data-v-3da3ea11]{font-size:48px;color:#c0c4cc;margin-bottom:16px}.empty-state p[data-v-3da3ea11]{margin:0;font-size:14px;color:#909399}.no-graph-data[data-v-3da3ea11]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:400px;color:#fff}.no-graph-data i[data-v-3da3ea11]{font-size:48px;color:hsla(0,0%,100%,.6);margin-bottom:16px}.no-graph-data p[data-v-3da3ea11]{margin:0;font-size:16px}.error-container[data-v-3da3ea11],.loading-container[data-v-3da3ea11]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:400px;color:#fff;background:hsla(0,0%,100%,.1);border-radius:16px;backdrop-filter:blur(10px)}.error-container i[data-v-3da3ea11],.loading-container i[data-v-3da3ea11]{font-size:48px;margin-bottom:20px}.graph-controls[data-v-3da3ea11]{position:absolute;top:10px;right:10px;z-index:10;display:flex;gap:5px;align-items:center}.control-btn[data-v-3da3ea11]{padding:6px 12px;background:hsla(0,0%,100%,.9);border:1px solid #e2e2e2;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s;display:flex;align-items:center;gap:4px}.control-btn[data-v-3da3ea11]:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.name-filter[data-v-3da3ea11],.type-filter[data-v-3da3ea11]{width:150px}.zoom-controls[data-v-3da3ea11]{display:flex;gap:2px}.d3-graph-container[data-v-3da3ea11]{width:100%;height:100%;background:#fff;position:relative;border-radius:12px}.graph-legend[data-v-3da3ea11]{position:absolute;bottom:10px;left:10px;background:hsla(0,0%,100%,.9);padding:10px;border-radius:6px;font-size:12px}.legend-item[data-v-3da3ea11]{display:flex;align-items:center;gap:8px;margin-bottom:5px}.legend-item[data-v-3da3ea11]:last-child{margin-bottom:0}.legend-node[data-v-3da3ea11]{width:12px;height:12px;border-radius:50%;background:#1890ff;border:1px solid #fff}.legend-edge[data-v-3da3ea11]{width:20px;height:2px;background:#666;position:relative}.legend-edge[data-v-3da3ea11]:after{content:"";position:absolute;right:-3px;top:-2px;width:0;height:0;border-left:4px solid #666;border-top:3px solid transparent;border-bottom:3px solid transparent}.node-details-panel[data-v-3da3ea11]{position:absolute;top:10px;left:10px;width:280px;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);border:1px solid #e2e2e2;z-index:20}.panel-header[data-v-3da3ea11]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f5f7fa;border-bottom:1px solid #ebeef5;border-radius:8px 8px 0 0}.panel-header h3[data-v-3da3ea11]{margin:0;font-size:16px;color:#303133;font-weight:600}.close-btn[data-v-3da3ea11]{background:none;border:none;cursor:pointer;padding:4px;color:#909399;border-radius:4px;transition:all .3s}.close-btn[data-v-3da3ea11]:hover{background:#e4e7ed;color:#606266}.panel-body[data-v-3da3ea11]{padding:16px}.detail-item[data-v-3da3ea11]{display:flex;align-items:center;margin-bottom:12px}.detail-item[data-v-3da3ea11]:last-child{margin-bottom:0}.detail-item label[data-v-3da3ea11]{font-weight:600;color:#303133;min-width:60px;margin-right:8px}.detail-item span[data-v-3da3ea11]{color:#606266}.d3-graph-container .node[data-v-3da3ea11]{cursor:pointer}.d3-graph-container .node:hover circle[data-v-3da3ea11]{stroke-width:5px;filter:brightness(1.1)}.d3-graph-container .link-label[data-v-3da3ea11]{pointer-events:none}@media(max-width:768px){.page-header[data-v-3da3ea11]{flex-direction:column;gap:20px;align-items:stretch}.tuupu-stats[data-v-3da3ea11]{flex-direction:column;gap:15px}.view-actions[data-v-3da3ea11]{justify-content:center}.list-view[data-v-3da3ea11]{flex-direction:column;height:auto;gap:20px}.list-section[data-v-3da3ea11]{height:300px}.toggle-btn[data-v-3da3ea11]{justify-content:center}}