._container_v04kw_1{display:flex;align-items:center;justify-content:center;padding:2rem}._wrapper_v04kw_8{position:relative;padding:.5rem 1rem;width:100%}._text_v04kw_17{display:flex;justify-content:center;font-size:1.875rem;line-height:2.25rem;font-weight:700;background:linear-gradient(to right,#0a0a0a,#a3a3a3,#0a0a0a);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap;min-width:max-content}html.dark-theme ._text_v04kw_17{background:linear-gradient(to right,#fff,#525252,#fff);background-size:200% 100%;background-clip:text;-webkit-background-clip:text}._page_12wmk_1{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}._layout_12wmk_8{display:flex;flex:1;position:relative}._loadingContainer_12wmk_14{flex:1;display:flex;align-items:center;justify-content:center;min-height:50vh}._indexToggle_12wmk_23{position:fixed;left:var(--space-4);top:90px;z-index:50;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);box-shadow:var(--shadow-raised);cursor:pointer;transition:color .15s ease}._indexToggle_12wmk_23:hover{color:var(--color-text)}._sidebar_12wmk_46{width:220px;min-width:220px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto}._sidebarLabel_12wmk_58{font-family:var(--family-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dim);margin-bottom:var(--space-2)}._chapterGroup_12wmk_67{display:flex;flex-direction:column;gap:var(--space-1)}._chapterName_12wmk_73{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-1) var(--space-2)}._chapterSlideBtn_12wmk_82{width:100%;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);background:transparent;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._chapterSlideBtn_12wmk_82:hover{background:var(--color-surface-raised);color:var(--color-text)}._chapterSlideBtnActive_12wmk_106{background:var(--color-surface-raised);border-color:var(--color-border-light);color:var(--color-primary);box-shadow:var(--shadow-pressed)}._chapterSlideTitle_12wmk_113{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._main_12wmk_120{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6)}._viewerFrame_12wmk_128{width:100%;max-width:820px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;position:relative}._startOverlay_12wmk_141{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface);z-index:100;border-radius:var(--radius-xl)}._frameHeader_12wmk_152{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:var(--color-surface-inset);border-bottom:1px solid var(--color-border)}._headerLeft_12wmk_161{display:flex;align-items:center;gap:var(--space-4)}._fullscreenBtn_12wmk_167{background:var(--color-surface);border:1px solid var(--color-border-light);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-raised)}._fullscreenBtn_12wmk_167:hover{background:var(--color-surface-raised);color:var(--color-primary);border-color:var(--color-primary)}._slideCounter_12wmk_187{font-family:var(--family-mono);font-size:var(--text-xs);color:var(--color-text-dim);letter-spacing:.12em}._chapterTag_12wmk_194{font-family:var(--family-mono);font-size:var(--text-xs);color:var(--color-primary);border:1px solid var(--color-primary);padding:1px 8px;border-radius:var(--radius-sm);opacity:.8}._slideArea_12wmk_204{flex:1;min-height:480px;position:relative;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}._slideMotion_12wmk_214{padding:var(--space-10) var(--space-10);width:100%}._slideId_12wmk_228{font-family:var(--family-mono);font-size:var(--text-xs);color:var(--color-text-dim);letter-spacing:.2em;margin-bottom:var(--space-4)}._slideTitle_12wmk_236{font-family:var(--family-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-5);line-height:1.2}._slideBody_12wmk_245{font-size:var(--text-md);color:var(--color-text-muted);line-height:1.75;margin-bottom:var(--space-6);max-width:640px}._slideImageContainer_12wmk_253{margin:var(--space-4) 0;width:100%;display:flex;justify-content:center;align-items:center}._slideImage_12wmk_253{max-width:100%;max-height:50vh;border-radius:var(--radius-md);object-fit:contain;box-shadow:var(--shadow-lg)}._slidePoints_12wmk_269{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}._mermaidWrapper_12wmk_277{margin-top:var(--space-6);display:flex;justify-content:center;background:var(--color-surface-inset);padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-border-light);width:100%}._mermaidAnimatedWrapper_12wmk_288{width:100%}._mermaidWrapper_12wmk_277 svg{max-width:100%;height:auto}._slidePoint_12wmk_269{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-md);color:var(--color-text-muted);line-height:1.55}._titleSlide_12wmk_307,._endSlide_12wmk_316{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px}._slideTitleMain_12wmk_325{font-family:var(--family-display);font-size:var(--text-4xl);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-4);line-height:1.1;text-shadow:0 0 12px rgba(217,119,54,.2)}._slideSubtitle_12wmk_335{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.6;max-width:600px;margin:0 auto var(--space-8)}._titleSlideFooter_12wmk_343{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border-light);font-family:var(--family-mono);font-size:var(--text-sm);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em;display:flex;flex-direction:column;gap:var(--space-2)}._slidePointsCentered_12wmk_357{list-style:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-family:var(--family-mono);font-size:var(--text-md);color:var(--color-text)}._slidePointsCentered_12wmk_357 li{padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised)}._pointBullet_12wmk_377{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:7px}._slideCode_12wmk_387{font-family:var(--family-mono);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-5);overflow-x:auto;line-height:1.8;box-shadow:var(--shadow-pressed)}._controls_12wmk_402{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:var(--color-surface-inset);border-top:1px solid var(--color-border);position:relative}._controlsLeft_12wmk_412{display:flex;flex:1;justify-content:flex-start}._controlsCenter_12wmk_418{display:flex;flex:2;justify-content:center}._controlsRight_12wmk_424{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:var(--space-4)}._dots_12wmk_432{display:flex;gap:var(--space-2);align-items:center}._dot_12wmk_432{width:8px;height:8px;border-radius:50%;background:var(--color-border-light);border:none;cursor:pointer;transition:all .18s ease;padding:0}._dotActive_12wmk_449{background:var(--color-primary);box-shadow:0 0 6px var(--color-primary);width:18px;border-radius:4px}@media(max-width:900px){._sidebar_12wmk_46{display:none;position:fixed;left:0;top:0;bottom:0;z-index:200;padding-top:80px;box-shadow:4px 0 20px #00000080}._sidebarOpen_12wmk_468{display:flex}._slideArea_12wmk_204{min-height:340px;padding:var(--space-8) var(--space-6)}}@media(max-width:640px){._slideTitle_12wmk_236{font-size:var(--text-2xl)}._controls_12wmk_402{flex-direction:column;gap:var(--space-4)}}._simContainer_14r4h_1{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin-top:var(--space-6);width:100%;height:160px;position:relative;overflow:hidden}._simContainerSmall_14r4h_16{display:flex;align-items:center;justify-content:space-between;flex:1;position:relative;height:60px}._asymmetryContainer_14r4h_25{height:220px}._node_14r4h_29{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text);font-family:var(--family-mono);font-size:var(--text-sm);z-index:2;background:var(--color-surface);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}._nodeLarge_14r4h_45{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-primary);font-family:var(--family-mono);font-size:var(--text-md);font-weight:600;z-index:2;background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-lg);border:2px solid var(--color-primary);box-shadow:0 0 15px #d9773633}._nodeSmall_14r4h_62{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-family:var(--family-mono);font-size:var(--text-xs);z-index:2;background:var(--color-surface);padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}._clientsCol_14r4h_77{display:flex;flex-direction:column;gap:var(--space-4);z-index:2}._track_14r4h_84{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--color-border) 0,var(--color-border) 5px,transparent 5px,transparent 10px);position:relative;margin:0 var(--space-4);display:flex;align-items:center}._asymmetryTracks_14r4h_100{flex:1;height:100%;position:relative;margin:0 var(--space-4)}._packet_14r4h_107{position:absolute;top:50%;width:14px;height:14px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:#fff}._packetCorrupt_14r4h_122{background:#ef4444;box-shadow:0 0 8px #ef4444}._packetTcp_14r4h_127{position:absolute;top:50%;background:var(--color-text-muted);color:var(--color-bg);font-family:var(--family-mono);font-size:10px;padding:2px 6px;border-radius:4px;transform:translate(-50%,-50%);font-weight:700}._packetData_14r4h_140{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary);color:#fff;width:auto;height:auto;padding:2px 6px;border-radius:4px;font-family:var(--family-mono);font-size:10px}._packetStale_14r4h_152{background:var(--color-border);box-shadow:none;color:var(--color-text-dim)}._tcpUdpContainer_14r4h_158{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin-top:var(--space-6);width:100%}._protocolRow_14r4h_170{display:flex;align-items:center;gap:var(--space-4)}._protocolLabel_14r4h_176{font-family:var(--family-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-text);width:40px}._headerBlock_14r4h_184{display:flex;flex-direction:column;width:100%;max-width:500px;border:1px solid var(--color-primary);border-radius:var(--radius-md);overflow:hidden;margin:0 auto}._headerRow_14r4h_195{display:flex;width:100%;border-bottom:1px solid var(--color-primary)}._headerRow_14r4h_195:last-child{border-bottom:none}._headerCell_14r4h_204{padding:var(--space-2);display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--color-primary)}._headerCell_14r4h_204:last-child{border-right:none}._headerCellTitle_14r4h_216{font-family:var(--family-mono);font-size:var(--text-sm);color:var(--color-primary);font-weight:600}._headerCellBits_14r4h_222{font-size:var(--text-xs);color:var(--color-text-muted)}._workflowSim_14r4h_227{display:flex;align-items:center;justify-content:center;gap:var(--space-4);width:100%;padding:var(--space-4) 0;flex-wrap:wrap}._workflowStep_14r4h_237{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--family-mono);font-size:var(--text-sm);transition:all .3s ease;text-align:center}._workflowStepActive_14r4h_253{background-color:#d977361a;border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}._workflowStepBlock_14r4h_260{border-style:dashed}._workflowArrow_14r4h_264{color:var(--color-text-muted)}