.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:#a78bfa;background:#a78bfa14}.lab-main .container{max-width:1860px;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: 1499px){.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:1100px}}.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-ext{border-color:#a78bfa;border-top-style:dotted;border-top-width:3px}.lg-vpc{border-color:#4ade80;border-top-style:double;border-top-width:4px}.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-leaf .n-box{stroke:#4ade808c}.role-spine .n-box{stroke:#60a5fa99}.role-border .n-box{stroke:#2dd4bf8c}.role-core .n-box{stroke:#a78bfa8c}.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-dci{stroke:#f87171;stroke-width:3}.lk-ext{stroke:#6b7280;stroke-width:1.6}.lk-host{stroke:#3f4451;stroke-width:1.4;stroke-dasharray:2 3}.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-dci{fill:#f87171}.ll-vpc,.ll-und{fill:#4ade80}.ll-ext{fill:#a78bfa}.ll-host{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-underlay{stroke:#4ade80!important;stroke-width:2.6!important}.lk-hl-overlay{stroke:#f59e0b!important;stroke-width:2.4!important;stroke-dasharray:7 5}.lk-hl-dci{stroke:#f87171!important;stroke-width:3.4!important}.lk-hl-ext{stroke:#a78bfa!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-leaf{background:#4ade801a;border-color:#4ade8066;color:#4ade80}.panel-badge.b-spine{background:#60a5fa1a;border-color:#60a5fa66;color:#60a5fa}.panel-badge.b-border{background:#2dd4bf1a;border-color:#2dd4bf66;color:#2dd4bf}.panel-badge.b-core{background:#a78bfa1a;border-color:#a78bfa66;color:#a78bfa}.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-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)}