body{margin:0;font-family:Arial;background:#eef2f8}header{background:#0A3161;color:#fff;padding:15px;text-align:center}
#wrap{display:flex}#tree{flex:1;overflow:auto;padding:30px}.node{display:inline-block;background:#fff;border:2px solid #B31942;border-radius:8px;padding:8px 12px;min-width:180px;text-align:center;cursor:pointer}
.level{text-align:center}.line{width:2px;height:30px;background:#0A3161;margin:0 auto}.children{display:flex;justify-content:center;gap:30px;margin-top:20px}
#panel{width:320px;border-left:3px solid #0A3161;background:#fff;padding:20px;position:sticky;top:0;height:100vh;overflow:auto}
small{color:#666}