.lab-main{padding:3rem 1.5rem 4rem}.lab-hero{max-width:1100px;margin-bottom:1.25rem}.lab-tag{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--accent);letter-spacing:.18em;background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:4px;padding:.25rem .65rem;margin-bottom:1rem}.lab-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:lab-blink 1.8s ease-in-out infinite}@keyframes lab-blink{0%,to{opacity:1}50%{opacity:.4}}.lab-title{font-family:var(--display);font-size:2.4rem;font-weight:900;margin:0 0 .5rem;line-height:1.1}.lab-sub{color:var(--muted);max-width:860px;line-height:1.7}.lab-sub strong{color:var(--text)}.layer-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 1rem}.layer-btn{font-family:var(--mono);font-size:.72rem;font-weight:700;background:var(--bg2);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:.45rem .85rem;cursor:pointer;transition:all .15s}.layer-btn:hover{color:var(--text)}.layer-btn.active{color:var(--text);border-color:var(--accent);background:#f59e0b14}.layer-btn.lb-underlay.active{border-color:#4ade80;background:#4ade8014}.layer-btn.lb-overlay.active{border-color:var(--accent);background:#f59e0b14}.layer-btn.lb-dci.active{border-color:#f87171;background:#f8717114}.layer-btn.lb-ext.active{border-color:#2dd4bf;background:#2dd4bf14}.lab-main .container{max-width:1500px;margin:0 auto}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;max-width:none;align-items:start}@media (max-width: 1200px){.lab-grid{grid-template-columns:1fr}}.diagram-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:.75rem;min-width:0;position:relative;box-shadow:0 1px 8px #0000001f}.fs-btn{position:absolute;top:.6rem;right:.7rem;z-index:5;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:.95rem;line-height:1;padding:.35rem .55rem;cursor:pointer;transition:all .15s}.fs-btn:hover{color:var(--accent);border-color:var(--accent)}.diagram-wrap:fullscreen{display:flex;flex-direction:column;justify-content:center;padding:2rem 2.5rem;background:var(--bg)}.diagram-wrap:fullscreen #topo{min-width:0;max-height:88vh}.diagram-scroll{overflow-x:auto}#topo{display:block;min-width:0;width:100%;height:auto}@media (max-width: 900px){#topo{min-width:900px}}.legend{display:flex;flex-wrap:wrap;gap:.9rem;padding:.7rem .5rem .2rem}.lg{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.66rem;color:var(--muted)}.lg-line{display:inline-block;width:26px;height:0;border-top:2px solid}.lg-phys{border-color:#3f4451;border-top-style:solid}.lg-overlay{border-color:#f59e0b;border-top-style:dashed}.lg-dci{border-color:#f87171;border-top-style:solid;border-top-width:3px}.lg-vpc{border-color:#4ade80;border-top-style:double;border-top-width:4px}.lg-ka{border-color:#9aa0b0;border-top-style:dashed}.n-box{fill:#14161d;stroke:#3f4451;stroke-width:1.4;rx:9;cursor:pointer;transition:filter .15s,stroke .15s}.n-box:hover{stroke:var(--accent);filter:drop-shadow(0 0 6px rgba(245,158,11,.35))}.n-label{font-family:var(--mono);font-size:14.5px;font-weight:800;fill:#e9ebf0;pointer-events:none}.n-sub{font-family:var(--mono);font-size:10px;fill:#9aa0b0;pointer-events:none}.n-badge{font-family:var(--mono);font-size:9.5px;font-weight:800;letter-spacing:.07em;pointer-events:none}.role-isp .n-box{stroke:#f871718c}.role-rtr .n-box{stroke:#60a5fa99}.role-sw .n-box{stroke:#4ade808c}.role-fw .n-box{stroke:#2dd4bf8c}.role-host .n-box{stroke:#3f4451;fill:#101218}.node.selected .n-box{stroke:var(--accent);stroke-width:2.2;filter:drop-shadow(0 0 8px rgba(245,158,11,.45))}.site-box{fill:#ffffff03;stroke:#2a2e3a;stroke-width:1.2;stroke-dasharray:7 5}.site-label{font-family:var(--mono);font-size:15px;font-weight:800;letter-spacing:.12em;fill:#aab0bf}.site-asn{font-family:var(--mono);font-size:10.5px;fill:#6b7280}.lk{fill:none;stroke:#3f4451;stroke-width:1.6;transition:opacity .2s,stroke .2s}.lk-vpc{stroke:#4ade80;stroke-width:3.5;opacity:.8}.lk-isp{stroke:#f87171;stroke-width:3}.lk-xlink{stroke:#f59e0b;stroke-width:2;stroke-dasharray:7 5}.lk-ka{stroke:#9aa0b0;stroke-width:1.5;stroke-dasharray:5 4;opacity:.8}.lk-inside{stroke:#3f4451;stroke-width:1.4;stroke-dasharray:2 3}.pair-cap{font-family:var(--mono);font-size:9.5px;font-weight:700;fill:#4ade80;paint-order:stroke;stroke:#14161d;stroke-width:3.5px;stroke-linejoin:round;pointer-events:none}.lk-label{font-family:var(--mono);font-size:9.5px;font-weight:700;fill:#8b90a0;paint-order:stroke;stroke:#14161d;stroke-width:3.5px;stroke-linejoin:round;pointer-events:none}.ll-isp{fill:#f87171}.ll-vpc{fill:#4ade80}.ll-xlink{fill:#f59e0b}.ll-ka{fill:#9aa0b0}.ll-po{fill:#4ade80}.ll-ha{fill:#2dd4bf}.ll-inside{fill:#9aa0b0}.lk-hit{stroke:transparent;stroke-width:16;fill:none;cursor:pointer;pointer-events:stroke}.lkg:hover .lk:not(.dimmed){stroke:var(--accent)}.lkg.dimmed{opacity:.16}.lk-hl-l2{stroke:#4ade80!important;stroke-width:2.6!important}.lk-hl-ebgp{stroke:#f87171!important;stroke-width:3.4!important}.lk-hl-ibgp{stroke:#f59e0b!important;stroke-width:2.4!important;stroke-dasharray:7 5}.lk-hl-ha{stroke:#2dd4bf!important;stroke-width:2.8!important;stroke-dasharray:2 4}.lk-hl-walk{stroke:var(--accent)!important;stroke-width:3!important}.dimmed{opacity:.16}.node.dimmed{opacity:.25}.walk-dot{fill:var(--accent);filter:drop-shadow(0 0 6px rgba(245,158,11,.8))}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.2rem;position:sticky;top:84px;min-width:0}@media (max-width: 1000px){.panel{position:static}}.panel-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.panel-badge{flex-shrink:0;font-family:var(--mono);font-size:.6rem;font-weight:800;letter-spacing:.08em;padding:.2rem .5rem;border-radius:3px;background:var(--bg3);border:1px solid var(--border);color:var(--muted)}.panel-badge.b-sw{background:#4ade801a;border-color:#4ade8066;color:#4ade80}.panel-badge.b-rtr{background:#60a5fa1a;border-color:#60a5fa66;color:#60a5fa}.panel-badge.b-fw{background:#2dd4bf1a;border-color:#2dd4bf66;color:#2dd4bf}.panel-badge.b-isp{background:#f871711a;border-color:#f8717166;color:#f87171}.panel-badge.b-amber{background:#f59e0b1a;border-color:#f59e0b66;color:var(--accent)}.panel-title{font-family:var(--display);font-size:1.02rem;font-weight:800;margin:0;line-height:1.3}.panel-body{font-size:.84rem;color:var(--muted);line-height:1.65}.panel-body p{margin:0 0 .7rem}.panel-body strong{color:var(--text)}.panel-body code{font-family:var(--mono);font-size:.76rem;color:var(--accent)}.panel-cfg-wrap{position:relative}.panel-cfg{margin:.4rem 0 0;padding:.85rem .95rem;background:#0d0f14;border:1px solid var(--border);border-radius:8px;font-family:var(--mono);font-size:.68rem;line-height:1.6;color:#cdd2dd;overflow-x:auto;white-space:pre}.panel-cfg .c{color:#6b7280}.panel-link{font-family:var(--mono);font-size:.72rem;margin:.7rem 0 0}.panel-link a{color:var(--accent);font-weight:700}.walk{max-width:none;margin-top:1.25rem;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.4rem}.walk-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.walk-head h2{font-family:var(--display);font-size:1.1rem;font-weight:800;margin:0}.walk-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.walk-btn{font-family:var(--mono);font-size:.74rem;font-weight:700;background:var(--bg3);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:.45rem .85rem;cursor:pointer;transition:all .15s}.walk-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.walk-btn:disabled{opacity:.35;cursor:default}.walk-primary{background:var(--accent);border-color:var(--accent);color:#1c1208}.walk-primary:hover:not(:disabled){color:#1c1208;filter:brightness(1.1)}.walk-step-label{font-family:var(--mono);font-size:.72rem;color:var(--accent);font-weight:700}.walk-desc{font-size:.86rem;color:var(--muted);line-height:1.7}.walk-desc p{margin:0}.walk-desc strong{color:var(--text)}.walk-desc code{font-family:var(--mono);font-size:.78rem;color:var(--accent)}.walk-desc a{color:var(--accent);font-weight:700}.lab-foot{font-family:var(--mono);font-size:.7rem;color:var(--muted);max-width:1100px;line-height:1.7;margin:1.4rem 0 0}.lab-foot a{color:var(--accent)}.lab-foot code{color:var(--accent);font-size:.68rem}.walk-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1rem}.walk-tabs-cap{font-family:var(--mono);font-size:.58rem;font-weight:800;letter-spacing:.16em;color:#6b7280}.walk-tabs-break{margin-left:.7rem}.walk-tab{font-family:var(--mono);font-size:.7rem;font-weight:700;background:var(--bg3);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:.4rem .75rem;cursor:pointer;transition:all .15s}.walk-tab:hover{color:var(--text)}.walk-tab.active{color:var(--text);border-color:var(--accent);background:#f59e0b14}.walk-tab.wt-fail.active{border-color:#f87171;background:#f8717114}@media (max-width: 700px){.walk-tabs-break{margin-left:0;flex-basis:100%;margin-top:.2rem}}.pkt{display:flex;flex-wrap:wrap;align-items:stretch;gap:4px;margin:.85rem 0 .1rem}.pkt-cap{display:inline-flex;align-items:center;font-family:var(--mono);font-size:.58rem;font-weight:800;letter-spacing:.1em;color:#6b7280;padding-right:.35rem;min-width:118px}.pk{display:inline-flex;flex-direction:column;justify-content:center;font-family:var(--mono);background:#0d0f14;border:1px solid var(--border);border-radius:5px;padding:.3rem .55rem;line-height:1.35}.pk b{font-size:.58rem;font-weight:800;letter-spacing:.06em;color:#8b90a0}.pk i{font-style:normal;font-size:.66rem;color:#e9ebf0}.pkt-cap+.pk{border-color:#f8717180}.pkt-cap+.pk b{color:#f87171}.tbl{margin-top:.6rem;border:1px solid var(--border);border-radius:8px;background:#0d0f14;overflow:hidden}.tbl summary{cursor:pointer;padding:.5rem .85rem;font-family:var(--mono);font-size:.68rem;color:var(--muted);user-select:none}.tbl summary:hover{color:var(--text)}.tbl summary code{color:#cdd2dd}.tbl-node{color:#60a5fa;font-weight:800}.tbl-out{margin:0;padding:.65rem .95rem .85rem;border-top:1px solid var(--border);font-family:var(--mono);font-size:.66rem;line-height:1.55;color:#cdd2dd;overflow-x:auto;white-space:pre}.lkg.failed .lk{stroke:#f87171!important;stroke-dasharray:4 6!important;opacity:.55}.lkg.failed{opacity:1!important}.fail-x{font-family:var(--mono);font-size:17px;font-weight:900;fill:#f87171;paint-order:stroke;stroke:#14161d;stroke-width:4.5px;stroke-linejoin:round;pointer-events:none}.node.node-failed .n-box{stroke:#f87171!important;filter:drop-shadow(0 0 6px rgba(248,113,113,.35))}.cfg-copy{position:absolute;top:.75rem;right:.6rem;z-index:2;font-family:var(--mono);font-size:.6rem;font-weight:700;background:var(--bg3);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:.2rem .5rem;cursor:pointer;transition:all .15s}.cfg-copy:hover{color:var(--accent);border-color:var(--accent)}.cfg-dl{font-family:var(--mono);font-size:.68rem;font-weight:700;background:none;color:var(--accent);border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.cfg-dl:hover{filter:brightness(1.15)}