.network-diagram[data-v-3b238e5c]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;background:var(--bg-light);border-radius:var(--radius-lg);margin:1.5rem 0;overflow-x:auto}.network-side[data-v-3b238e5c]{flex:1;min-width:140px}.network-label[data-v-3b238e5c]{font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:.75rem;text-align:center}.network-devices[data-v-3b238e5c]{display:flex;flex-direction:column;gap:.5rem}.device-box[data-v-3b238e5c]{padding:.75rem;background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-md);font-size:.8125rem;text-align:center;line-height:1.4}.device-box code[data-v-3b238e5c]{font-size:.6875rem;color:var(--text-light)}.cloud-box[data-v-3b238e5c]{background:linear-gradient(135deg,var(--primary-lighter),var(--bg-white));border-color:var(--primary)}.network-barrier[data-v-3b238e5c]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 1rem}.barrier-icon[data-v-3b238e5c]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-light)}.barrier-icon svg[data-v-3b238e5c]{width:28px;height:28px}.barrier-text[data-v-3b238e5c]{font-size:.75rem;color:var(--text-light);white-space:nowrap}.concept-box[data-v-3b238e5c]{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.concept-item[data-v-3b238e5c]{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-light);border-radius:var(--radius-md);border-left:3px solid var(--primary)}.concept-number[data-v-3b238e5c]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:600;font-size:.875rem;border-radius:50%;flex-shrink:0}.concept-detail[data-v-3b238e5c]{flex:1;font-size:.9375rem;line-height:1.5;color:var(--text-secondary)}.concept-detail strong[data-v-3b238e5c]{color:var(--text-primary)}.credentials-box[data-v-3b238e5c]{background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-md);padding:1rem;margin:1rem 0}.credential-row[data-v-3b238e5c]{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--bg-light)}.credential-row[data-v-3b238e5c]:last-child{border-bottom:none}.credential-label[data-v-3b238e5c]{width:100px;font-size:.8125rem;color:var(--text-light);flex-shrink:0}.credential-value[data-v-3b238e5c]{flex:1;font-family:monospace;font-size:.875rem;background:var(--bg-light);padding:.25rem .5rem;border-radius:var(--radius-sm)}.copy-btn[data-v-3b238e5c]{padding:.25rem .75rem;font-size:.75rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.copy-btn[data-v-3b238e5c]:hover{background:var(--primary-dark)}.code-block[data-v-3b238e5c]{background:#1e1e1e;border-radius:var(--radius-md);padding:1rem;margin:1rem 0;overflow-x:auto}.code-block pre[data-v-3b238e5c]{margin:0;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.6;color:#d4d4d4;white-space:pre-wrap;word-break:break-all}.forward-table[data-v-3b238e5c]{margin:1rem 0}.forward-table table[data-v-3b238e5c]{width:100%;border-collapse:collapse;font-size:.875rem}.forward-table th[data-v-3b238e5c],.forward-table td[data-v-3b238e5c]{padding:.75rem;text-align:left;border-bottom:1px solid var(--bg-gray)}.forward-table th[data-v-3b238e5c]{background:var(--bg-light);font-weight:600;color:var(--text-primary)}.forward-table code[data-v-3b238e5c]{background:var(--bg-light);padding:.125rem .375rem;border-radius:var(--radius-sm)}.protocol-grid[data-v-3b238e5c]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.5rem 0}@media(max-width:640px){.protocol-grid[data-v-3b238e5c]{grid-template-columns:1fr}.network-diagram[data-v-3b238e5c]{flex-direction:column}.network-barrier[data-v-3b238e5c]{transform:rotate(90deg);padding:1rem 0}}.protocol-card[data-v-3b238e5c]{padding:1rem;background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-md)}.protocol-name[data-v-3b238e5c]{font-weight:600;font-size:.9375rem;color:var(--primary-dark);margin-bottom:.25rem}.protocol-use[data-v-3b238e5c]{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.5rem}.protocol-port[data-v-3b238e5c]{font-family:monospace;font-size:.75rem;color:var(--text-light)}.status-legend[data-v-3b238e5c]{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 1.5rem}.status-item[data-v-3b238e5c]{display:flex;align-items:center;gap:.75rem}.status-dot[data-v-3b238e5c]{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-green[data-v-3b238e5c]{background:var(--cp-success-500);box-shadow:0 0 0 3px var(--cp-success-50)}.status-yellow[data-v-3b238e5c]{background:var(--cp-warning-500);box-shadow:0 0 0 3px var(--cp-warning-50)}.status-red[data-v-3b238e5c]{background:var(--cp-error-500);box-shadow:0 0 0 3px var(--cp-error-50)}.status-desc[data-v-3b238e5c]{font-size:.9375rem;color:var(--text-secondary)}.status-desc strong[data-v-3b238e5c]{color:var(--text-primary)}.type-grid[data-v-3b238e5c]{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0 1.5rem}@media(max-width:640px){.type-grid[data-v-3b238e5c]{grid-template-columns:repeat(2,1fr)}}.type-card[data-v-3b238e5c]{padding:.75rem;background:var(--bg-light);border-radius:var(--radius-md);text-align:center}.type-name[data-v-3b238e5c]{font-family:monospace;font-weight:600;font-size:.8125rem;color:var(--primary-dark)}.type-desc[data-v-3b238e5c]{font-size:.6875rem;color:var(--text-light);margin-top:.25rem}code[data-v-3b238e5c]{font-family:monospace;font-size:.875em;background:var(--bg-light);padding:.125rem .375rem;border-radius:var(--radius-sm)}.architecture-flow[data-v-3b238e5c]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--bg-light);border-radius:var(--radius-lg);margin:1.5rem 0;overflow-x:auto;gap:.5rem}.flow-step[data-v-3b238e5c]{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.flow-icon[data-v-3b238e5c]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-white);border:2px solid var(--bg-gray);border-radius:var(--radius-md);color:var(--text-secondary)}.flow-icon svg[data-v-3b238e5c]{width:24px;height:24px}.flow-icon.cloud-icon[data-v-3b238e5c]{background:linear-gradient(135deg,var(--primary-lighter),var(--bg-white));border-color:var(--primary);color:var(--primary)}.flow-label[data-v-3b238e5c]{font-size:.75rem;font-weight:600;color:var(--text-primary);text-align:center}.flow-detail[data-v-3b238e5c]{font-family:monospace;font-size:.625rem;color:var(--text-light);text-align:center}.flow-arrow[data-v-3b238e5c]{display:flex;flex-direction:column;align-items:center;color:var(--text-light)}.flow-arrow svg[data-v-3b238e5c]{width:20px;height:20px}.flow-protocol[data-v-3b238e5c]{font-size:.625rem;color:var(--primary);margin-top:.25rem}@media(max-width:768px){.architecture-flow[data-v-3b238e5c]{flex-direction:column;gap:1rem}.flow-arrow[data-v-3b238e5c]{transform:rotate(90deg)}}