.fig[data-astro-cid-4kl47exl]{background:var(--card-bg);border:1.5px dashed var(--dash);border-radius:12px;padding:28px 30px 26px;margin-top:18px}.fig-panel[data-astro-cid-4kl47exl]{display:flex;gap:26px;margin-bottom:24px}.fig-main[data-astro-cid-4kl47exl]{flex:1;min-width:0}.fig-label[data-astro-cid-4kl47exl]{font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.5px;color:#94a3b8;margin-bottom:10px}.packet-bar[data-astro-cid-4kl47exl]{display:flex;align-items:stretch;height:58px;margin-bottom:26px}.seg[data-astro-cid-4kl47exl]{overflow:hidden;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.seg[data-astro-cid-4kl47exl] b[data-astro-cid-4kl47exl]{font-size:11.5px;font-weight:700;white-space:nowrap}.seg[data-astro-cid-4kl47exl] span[data-astro-cid-4kl47exl]{font-size:10px;white-space:nowrap}.seg-h[data-astro-cid-4kl47exl]{width:0%;opacity:0;margin-right:0;border:1.5px solid transparent;transition:width .5s ease,opacity .5s ease,margin-right .5s ease}.seg-h[data-astro-cid-4kl47exl].is-on{opacity:1;margin-right:5px}.seg-eth[data-astro-cid-4kl47exl]{background:#e5e7eb;border-color:#9ca3af}.seg-eth[data-astro-cid-4kl47exl].is-on{width:24%}.seg-eth[data-astro-cid-4kl47exl] b[data-astro-cid-4kl47exl]{color:#374151}.seg-eth[data-astro-cid-4kl47exl] span[data-astro-cid-4kl47exl]{color:#6b7280}.seg-ip[data-astro-cid-4kl47exl]{background:#dcfce7;border-color:#22c55e}.seg-ip[data-astro-cid-4kl47exl].is-on{width:20%}.seg-ip[data-astro-cid-4kl47exl] b[data-astro-cid-4kl47exl]{color:#166534}.seg-ip[data-astro-cid-4kl47exl] span[data-astro-cid-4kl47exl]{color:#16a34a}.seg-tcp[data-astro-cid-4kl47exl]{background:#dbeafe;border-color:#3b82f6}.seg-tcp[data-astro-cid-4kl47exl].is-on{width:20%}.seg-tcp[data-astro-cid-4kl47exl] b[data-astro-cid-4kl47exl]{color:#1e40af}.seg-tcp[data-astro-cid-4kl47exl] span[data-astro-cid-4kl47exl]{color:#2563eb}.seg-data[data-astro-cid-4kl47exl]{flex:1;min-width:96px;background:#fef3c7;border:1.5px solid #f59e0b}.seg-data[data-astro-cid-4kl47exl] b[data-astro-cid-4kl47exl]{color:#92400e}.seg-data[data-astro-cid-4kl47exl] span[data-astro-cid-4kl47exl]{color:#b45309}.route[data-astro-cid-4kl47exl]{position:relative;height:118px}.route-line[data-astro-cid-4kl47exl]{position:absolute;left:4%;right:4%;top:58px;height:2px;background:#d8dde4}.route-packet[data-astro-cid-4kl47exl]{position:absolute;top:24px;transform:translate(-50%);transition:left .8s ease;display:flex;gap:1.5px;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:3px 4px;box-shadow:0 2px 6px #16203a1f}.chip[data-astro-cid-4kl47exl]{width:6px;height:16px;border-radius:1.5px;opacity:0;transition:opacity .5s}.chip[data-astro-cid-4kl47exl].is-on{opacity:1}.chip-eth[data-astro-cid-4kl47exl]{background:#9ca3af}.chip-ip[data-astro-cid-4kl47exl]{background:#22c55e}.chip-tcp[data-astro-cid-4kl47exl]{background:#3b82f6}.chip-data[data-astro-cid-4kl47exl]{width:9px;background:#f59e0b;opacity:1}.node[data-astro-cid-4kl47exl]{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px}.node-name[data-astro-cid-4kl47exl]{font-size:11px;color:#64748b;white-space:nowrap}.node-name-strong[data-astro-cid-4kl47exl]{color:#475569;font-weight:700}.node-pc[data-astro-cid-4kl47exl]{width:38px;height:28px;background:#fff;border:2px solid #475569;border-radius:5px;display:flex;align-items:center;justify-content:center}.node-pc[data-astro-cid-4kl47exl] div[data-astro-cid-4kl47exl]{width:22px;height:13px;background:#dbeafe;border-radius:2px}.node-router[data-astro-cid-4kl47exl]{width:30px;height:30px;background:#fff;border:2px solid #94a3b8;border-radius:50%;display:flex;align-items:center;justify-content:center}.node-router[data-astro-cid-4kl47exl] div[data-astro-cid-4kl47exl]{width:8px;height:8px;background:#94a3b8;border-radius:50%}.node-server[data-astro-cid-4kl47exl]{width:30px;height:34px;background:#fff;border:2px solid #475569;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.node-server[data-astro-cid-4kl47exl] i[data-astro-cid-4kl47exl]{width:18px;height:3px;background:#cbd5e1}.node-server[data-astro-cid-4kl47exl] i[data-astro-cid-4kl47exl].on{background:#22c55e}.fig-layers[data-astro-cid-4kl47exl]{width:212px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.fig-layers[data-astro-cid-4kl47exl] .fig-label[data-astro-cid-4kl47exl]{margin-bottom:2px}.layer[data-astro-cid-4kl47exl]{padding:10px 13px;border-radius:7px;border:1.5px solid #e5e7eb;background:#fff;transition:background .4s,border-color .4s}.layer[data-astro-cid-4kl47exl] b[data-astro-cid-4kl47exl]{display:block;font-size:12.5px;font-weight:700;color:var(--ink)}.layer[data-astro-cid-4kl47exl] span[data-astro-cid-4kl47exl]{display:block;font-size:11px;color:var(--muted);margin-top:2px}.layer[data-astro-cid-4kl47exl].is-active[data-layer="0"]{background:#fef3c7;border-color:#f59e0b}.layer[data-astro-cid-4kl47exl].is-active[data-layer="1"]{background:#dbeafe;border-color:#3b82f6}.layer[data-astro-cid-4kl47exl].is-active[data-layer="2"]{background:#dcfce7;border-color:#22c55e}.layer[data-astro-cid-4kl47exl].is-active[data-layer="3"]{background:#e5e7eb;border-color:#6b7280}.fig-control[data-astro-cid-4kl47exl]{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 24px}.step-no[data-astro-cid-4kl47exl]{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:1px;margin-bottom:7px}.step-title[data-astro-cid-4kl47exl]{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:7px}.step-desc[data-astro-cid-4kl47exl]{font-size:13.5px;line-height:2;color:#475569;min-height:81px}.fig-buttons[data-astro-cid-4kl47exl]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.fig-buttons[data-astro-cid-4kl47exl] button[data-astro-cid-4kl47exl]{font-family:inherit;font-size:13px;font-weight:700;border-radius:7px;cursor:pointer;white-space:nowrap}#btn-prev[data-astro-cid-4kl47exl]{color:#475569;background:#fff;border:1.5px solid #d8dde4;padding:9px 18px;transition:border-color .2s,opacity .2s}#btn-prev[data-astro-cid-4kl47exl]:hover{border-color:#94a3b8}#btn-prev[data-astro-cid-4kl47exl]:disabled{opacity:.4;pointer-events:none}#btn-next[data-astro-cid-4kl47exl]{color:#fff;background:var(--accent);border:none;padding:10.5px 20px;transition:background .2s}#btn-next[data-astro-cid-4kl47exl]:hover{background:#0c5d57}.dots[data-astro-cid-4kl47exl]{display:flex;gap:7px}.dots[data-astro-cid-4kl47exl] button[data-astro-cid-4kl47exl]{width:10px;height:10px;border-radius:50%;border:none;padding:0;background:#d7dce3;transition:background .25s}.dots[data-astro-cid-4kl47exl] button[data-astro-cid-4kl47exl].is-past{background:#8fcdc6}.dots[data-astro-cid-4kl47exl] button[data-astro-cid-4kl47exl].is-current{background:var(--accent)}@media(max-width:720px){.fig[data-astro-cid-4kl47exl]{padding:20px 18px}.fig-panel[data-astro-cid-4kl47exl]{flex-direction:column}.fig-layers[data-astro-cid-4kl47exl]{width:auto;display:grid;grid-template-columns:1fr 1fr}.fig-layers[data-astro-cid-4kl47exl] .fig-label[data-astro-cid-4kl47exl]{grid-column:1 / -1}}@media(max-width:540px){.fig-buttons[data-astro-cid-4kl47exl]{flex-wrap:wrap}.dots[data-astro-cid-4kl47exl]{width:100%;order:-1;justify-content:center}}