*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,Helvetica,sans-serif;background:aliceblue;overflow:hidden;}
.container{position:relative;width:100%;height:100vh;min-height:580px;}
#network{width:100%;height:100%;background:#f8f8f8;}
.title{position:absolute;top:8px;left:50%;transform:translateX(-50%);
    font-size:15px;font-weight:bold;color:#1a237e;
    background:rgba(255,255,255,0.92);padding:4px 14px;border-radius:4px;z-index:10;}
.legend{position:absolute;top:8px;left:8px;background:rgba(255,255,255,0.95);
    border:1px solid #cfd8dc;border-radius:6px;padding:6px 10px;font-size:11px;z-index:10;
    box-shadow:0 2px 4px rgba(0,0,0,0.08);}
.legend .li{display:flex;align-items:center;margin:2px 0;color:#263238;}
.legend .sw{width:14px;height:14px;border-radius:50%;
    border:1.5px solid #455a64;margin-right:6px;}
.right-panel{position:absolute;top:44px;right:8px;width:260px;
    display:flex;flex-direction:column;gap:8px;z-index:10;}
.detail-panel{background:rgba(255,255,255,0.97);border:1px solid #cfd8dc;border-radius:6px;
    padding:10px 12px;max-height:420px;overflow-y:auto;box-shadow:0 2px 4px rgba(0,0,0,0.08);}
.dt{font-weight:bold;color:#1a237e;font-size:13px;margin-bottom:6px;
    border-bottom:1px solid #e0e0e0;padding-bottom:4px;}
.db{font-size:12px;color:#37474f;line-height:1.5;}
.btn{background:#3949ab;color:white;border:none;border-radius:4px;
    padding:8px;font-size:13px;font-weight:bold;cursor:pointer;}
.btn:hover{background:#283593;}
.neighbors{margin-top:8px;font-size:11px;color:#455a64;}
.neighbors .lbl{font-weight:bold;color:#37474f;display:block;margin-bottom:4px;}
.neighbors .n{display:inline-block;background:#eceff1;border-radius:10px;
    padding:2px 8px;margin:2px 2px 0 0;font-size:10px;}