.logo-container[data-v-3e4b3784]{padding:24px 16px;text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:16px}.logo-container h2[data-v-3e4b3784]{margin:0;color:var(--primary-color)}.timeline-container[data-v-745afad9]{height:200px;overflow-x:auto;overflow-y:hidden}.timeline[data-v-745afad9]{position:relative;height:200px;min-width:800px;background:linear-gradient(90deg,#f1f5f9,#f8fafc);border-radius:8px;border:1px solid var(--border-color)}.timeline-ruler[data-v-745afad9]{position:absolute;top:0;left:0;right:0;height:30px;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center}.time-mark[data-v-745afad9]{position:absolute;font-size:.8rem;color:var(--text-secondary);font-weight:500}.events-track[data-v-745afad9]{position:absolute;top:40px;left:0;right:0;bottom:0;padding:20px}.timeline-cursor[data-v-745afad9]{position:absolute;top:30px;width:2px;height:calc(100% - 30px);background:#3b82f6;opacity:0;transition:all .3s ease;z-index:10}.timeline-cursor.active[data-v-745afad9]{opacity:1;animation:pulse-745afad9 1s infinite}@keyframes pulse-745afad9{0%,to{opacity:.6}50%{opacity:1}}.event-item[data-v-745afad9]{position:absolute;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;color:#fff;min-width:80px;text-align:center;cursor:pointer;transition:transform .2s}.event-item[data-v-745afad9]:hover{transform:translateY(-2px)}.event-item.start[data-v-745afad9]{background:#3b82f6}.event-item.attempt[data-v-745afad9]{background:#f59e0b}.event-item.timeout[data-v-745afad9]{background:#ef4444}.event-item.success[data-v-745afad9]{background:#10b981}.event-item.error[data-v-745afad9]{background:#ef4444}.log-container[data-v-745afad9]{height:200px;overflow-y:auto;background:#f8fafc;border-radius:6px;padding:12px;border:1px solid var(--border-color)}.log-item[data-v-745afad9]{margin-bottom:8px;padding:4px 8px;border-radius:4px;font-size:.85rem;line-height:1.4}.log-item.info[data-v-745afad9]{background:#3b82f61a;border-left:3px solid #3b82f6}.log-item.success[data-v-745afad9]{background:#10b9811a;border-left:3px solid #10b981}.log-item.error[data-v-745afad9]{background:#ef44441a;border-left:3px solid #ef4444}.log-item.warning[data-v-745afad9]{background:#f59e0b1a;border-left:3px solid #f59e0b}.log-item .timestamp[data-v-745afad9]{color:#64748b;font-weight:500;margin-right:8px}.log-item .message[data-v-745afad9]{color:#1e293b}.stream-container[data-v-51832419]{height:200px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid var(--border-color)}.stream-row[data-v-51832419]{display:flex;align-items:center;height:60px;margin-bottom:20px}.stream-label[data-v-51832419]{width:80px;font-weight:500;color:#64748b}.stream-line[data-v-51832419]{position:relative;flex:1;height:40px;background:linear-gradient(to right,#e2e8f0,#cbd5e1);border-radius:20px;overflow:hidden}.stream-item[data-v-51832419]{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;color:#fff;animation:moveStream-51832419 3s linear forwards}.stream-item.input[data-v-51832419]{background:#3b82f6}.stream-item.output[data-v-51832419]{background:#10b981}@keyframes moveStream-51832419{0%{left:0}to{left:600px}}.operator-arrow[data-v-51832419]{text-align:center;margin:10px 0;color:#64748b;font-weight:500}.data-list[data-v-51832419]{height:200px;overflow-y:auto}.data-item[data-v-51832419]{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e2e8f0}.data-item[data-v-51832419]:last-child{border-bottom:none}.combination-container[data-v-dd8e8b3b]{height:300px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid var(--border-color)}.stream-row[data-v-dd8e8b3b]{display:flex;align-items:center;height:60px;margin-bottom:15px}.stream-label[data-v-dd8e8b3b]{width:80px;font-weight:500;color:#64748b}.stream-line[data-v-dd8e8b3b]{position:relative;flex:1;height:40px;border-radius:20px;overflow:hidden}.stream-a[data-v-dd8e8b3b]{background:linear-gradient(to right,#3b82f6,#1d4ed8)}.stream-b[data-v-dd8e8b3b]{background:linear-gradient(to right,#10b981,#047857)}.result-stream[data-v-dd8e8b3b]{background:linear-gradient(to right,#8b5cf6,#7c3aed)}.stream-item[data-v-dd8e8b3b]{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:12px;color:#fff;animation:moveStream 3s linear forwards}.stream-a-item[data-v-dd8e8b3b]{background:#3b82f6}.stream-b-item[data-v-dd8e8b3b]{background:#10b981}.result-item[data-v-dd8e8b3b]{background:#8b5cf6}.combination-arrow[data-v-dd8e8b3b]{text-align:center;margin:10px 0;color:#64748b;font-weight:500}.result-list[data-v-dd8e8b3b]{height:200px;overflow-y:auto}.result-data-item[data-v-dd8e8b3b]{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e2e8f0}.result-data-item[data-v-dd8e8b3b]:last-child{border-bottom:none}.error-flow-container[data-v-c6759ec5]{height:300px;overflow-y:auto;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid var(--border-color)}.flow-step[data-v-c6759ec5]{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #e2e8f0}.flow-step[data-v-c6759ec5]:last-child{border-bottom:none}.step-icon[data-v-c6759ec5]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.step-icon.processing[data-v-c6759ec5]{background:#3b82f6;color:#fff}.step-icon.success[data-v-c6759ec5]{background:#10b981;color:#fff}.step-icon.error[data-v-c6759ec5]{background:#ef4444;color:#fff}.step-icon.retry[data-v-c6759ec5]{background:#f59e0b;color:#fff}.step-icon.recover[data-v-c6759ec5]{background:#8b5cf6;color:#fff}.step-content[data-v-c6759ec5]{flex:1}.step-title[data-v-c6759ec5]{font-weight:600;color:#1e293b;margin-bottom:4px}.step-description[data-v-c6759ec5]{color:#64748b;font-size:14px;margin-bottom:4px}.step-time[data-v-c6759ec5]{color:#94a3b8;font-size:12px}.data-list[data-v-c6759ec5]{height:200px;overflow-y:auto}.data-item[data-v-c6759ec5]{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e2e8f0}.data-item[data-v-c6759ec5]:last-child{border-bottom:none}.reconnect-demo[data-v-3ebde23c]{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.status-section[data-v-3ebde23c],.controls-section[data-v-3ebde23c],.log-section[data-v-3ebde23c],.settings-section[data-v-3ebde23c],.code-section[data-v-3ebde23c],.timeline-section[data-v-3ebde23c]{margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.status-indicator[data-v-3ebde23c]{padding:10px 20px;border-radius:5px;font-weight:700;text-align:center;margin:10px 0}.status-indicator.disconnected[data-v-3ebde23c]{background-color:#ffebee;color:#c62828;border:1px solid #ef5350}.status-indicator.connecting[data-v-3ebde23c]{background-color:#fff3e0;color:#ef6c00;border:1px solid #ff9800}.status-indicator.connected[data-v-3ebde23c]{background-color:#e8f5e8;color:#2e7d32;border:1px solid #4caf50}.status-indicator.reconnecting[data-v-3ebde23c]{background-color:#fff3e0;color:#ef6c00;border:1px solid #ff9800;animation:pulse-3ebde23c 1.5s infinite}@keyframes pulse-3ebde23c{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.connection-info[data-v-3ebde23c]{background-color:#fff;padding:15px;border-radius:5px;margin-top:10px}.connection-info p[data-v-3ebde23c]{margin:5px 0;font-size:14px}.button-group[data-v-3ebde23c]{display:flex;gap:10px;flex-wrap:wrap}.button-group button[data-v-3ebde23c]{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.button-group button[data-v-3ebde23c]:not(:disabled){background-color:#2196f3;color:#fff}.button-group button[data-v-3ebde23c]:not(:disabled):hover{background-color:#1976d2}.button-group button[data-v-3ebde23c]:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.timeline-container[data-v-3ebde23c]{height:200px;overflow-x:auto;overflow-y:hidden}.timeline[data-v-3ebde23c]{position:relative;height:200px;min-width:800px;width:max-content;background:linear-gradient(90deg,#f1f5f9,#f8fafc);border-radius:8px;border:1px solid #ddd}.timeline-ruler[data-v-3ebde23c]{position:absolute;top:0;left:0;right:0;height:30px;background:#f8fafc;border-bottom:1px solid #ddd;display:flex;align-items:center}.time-mark[data-v-3ebde23c]{position:absolute;font-size:.8rem;color:#64748b;font-weight:500}.events-track[data-v-3ebde23c]{position:absolute;top:40px;left:0;right:0;bottom:0;padding:20px}.timeline-cursor[data-v-3ebde23c]{position:absolute;top:30px;width:2px;height:calc(100% - 30px);background:#3b82f6;opacity:0;transition:all .3s ease;z-index:10}.timeline-cursor.active[data-v-3ebde23c]{opacity:1;animation:pulse-3ebde23c 1s infinite}.event-item[data-v-3ebde23c]{position:absolute;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;color:#fff;min-width:80px;text-align:center;cursor:pointer;transition:transform .2s}.event-item[data-v-3ebde23c]:hover{transform:translateY(-2px)}.event-item.connect[data-v-3ebde23c]{background:#3b82f6}.event-item.disconnect[data-v-3ebde23c]{background:#ef4444}.event-item.reconnect[data-v-3ebde23c]{background:#f59e0b}.event-item.success[data-v-3ebde23c]{background:#10b981}.event-item.error[data-v-3ebde23c]{background:#ef4444}.event-item.leave[data-v-3ebde23c]{background:#8b5cf6}.log-container[data-v-3ebde23c]{max-height:300px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px}.log-item[data-v-3ebde23c]{padding:5px 0;border-bottom:1px solid #eee;font-size:12px;font-family:Courier New,monospace}.log-item[data-v-3ebde23c]:last-child{border-bottom:none}.log-time[data-v-3ebde23c]{color:#666;margin-right:10px}.log-message[data-v-3ebde23c]{color:#333}.log-item.info .log-message[data-v-3ebde23c]{color:#2196f3}.log-item.success .log-message[data-v-3ebde23c]{color:#4caf50}.log-item.error .log-message[data-v-3ebde23c]{color:#f44336}.log-item.warning .log-message[data-v-3ebde23c]{color:#ff9800}.clear-btn[data-v-3ebde23c]{margin-top:10px;padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer}.clear-btn[data-v-3ebde23c]:hover{background-color:#d32f2f}.setting-item[data-v-3ebde23c]{margin:10px 0;display:flex;align-items:center;gap:10px}.setting-item label[data-v-3ebde23c]{min-width:150px;font-weight:700}.setting-item input[type=number][data-v-3ebde23c]{width:100px;padding:5px;border:1px solid #ddd;border-radius:3px}.setting-item input[type=checkbox][data-v-3ebde23c]{margin-right:5px}.code-container[data-v-3ebde23c]{background-color:#1e1e1e;border-radius:5px;padding:15px;overflow-x:auto}.code-container pre[data-v-3ebde23c]{margin:0;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.4}.code-container code[data-v-3ebde23c]{color:#d4d4d4}h1[data-v-3ebde23c]{color:#333;text-align:center;margin-bottom:30px;display:flex;align-items:center;justify-content:center}h2[data-v-3ebde23c]{color:#555;margin-bottom:15px;border-bottom:2px solid #2196f3;padding-bottom:5px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body,#app{margin:0;padding:0;height:100%;overflow:hidden}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}@keyframes moveStream{0%{left:0}to{left:600px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.n-card{box-shadow:0 2px 8px #0000001a;border-radius:12px}.n-button,.n-input,.n-input-number,.n-select{border-radius:8px}@media (max-width: 1200px){.n-grid-item[span="8"],.n-grid-item[span="16"]{span:24}}@media (max-width: 768px){.n-layout-sider{display:none}.n-layout-header{padding:0 16px}.n-layout-content{padding:16px}}