*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,Helvetica,sans-serif;background:white;overflow:hidden;}
.container{position:relative;width:100%;height:100vh;min-height:480px;}
#network{width:100%;height:100%;background:white;
    background-image: linear-gradient(rgba(207,216,220,0.4) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(207,216,220,0.4) 1px, transparent 1px);
    background-size: 30px 30px;}
.title{position:absolute;top:8px;left:50%;transform:translateX(-50%);
    font-size:14px;font-weight:bold;color:#1a237e;
    background:rgba(255,255,255,0.92);padding:4px 12px;border-radius:4px;z-index:10;}
.right-panel{position:absolute;top:44px;right:8px;width:240px;
    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:340px;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.55;}
.db strong{color:#1a237e;}
.btn{background:#3949ab;color:white;border:none;border-radius:4px;
    padding:8px;font-size:13px;font-weight:bold;cursor:pointer;}
.btn:hover{background:#283593;}