.header[data-v-07a6c221]{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:32px 20px;text-align:center;border-radius:12px;margin-bottom:24px}.header h1[data-v-07a6c221]{font-size:26px;font-weight:700;letter-spacing:2px;margin:0}.header p[data-v-07a6c221]{margin:10px auto 0;font-size:14px;opacity:.88;max-width:720px;line-height:1.8}.header-formula[data-v-07a6c221]{display:inline-block;margin-top:16px;padding:8px 18px;border-radius:30px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.22);font-size:13px;letter-spacing:.5px}.hl-forward[data-v-07a6c221]{color:#7ec8ff;font-weight:600}.hl-reverse[data-v-07a6c221]{color:#86efac;font-weight:600}.core-row[data-v-07a6c221]{display:flex;gap:24px;max-width:1200px;margin:0 auto 24px}.core-card[data-v-07a6c221]{flex:1;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);border-top:4px solid #ddd}.card-forward[data-v-07a6c221]{border-top-color:#1890ff}.card-reverse[data-v-07a6c221]{border-top-color:#52c41a}.core-tag[data-v-07a6c221]{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;margin-bottom:12px}.card-forward .core-tag[data-v-07a6c221]{background:#e8f4fd;color:#1890ff}.card-reverse .core-tag[data-v-07a6c221]{background:#f6ffed;color:#52c41a}.core-card h2[data-v-07a6c221]{font-size:19px;margin:0 0 10px;color:#333}.core-card p[data-v-07a6c221]{font-size:14px;line-height:1.85;color:#555;margin:0}.core-key[data-v-07a6c221]{margin-top:16px;padding:10px 14px;border-radius:8px;background:#fafafa;display:flex;align-items:center;gap:10px}.key-label[data-v-07a6c221]{font-size:12px;color:#999;flex-shrink:0}.key-text[data-v-07a6c221]{font-size:13px;font-weight:600;color:#444}.panel[data-v-07a6c221]{max-width:1200px;margin:0 auto 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:22px 24px 24px}.panel-header[data-v-07a6c221]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}.panel-header h3[data-v-07a6c221]{font-size:17px;margin:0;color:#333}.mode-switch[data-v-07a6c221]{display:flex;gap:8px;background:#f5f6fa;padding:4px;border-radius:10px}.mode-btn[data-v-07a6c221]{border:none;background:transparent;padding:7px 16px;font-size:13px;color:#666;border-radius:7px;cursor:pointer;transition:all .2s}.mode-btn[data-v-07a6c221]:hover{color:#1e3c72}.mode-btn.active[data-v-07a6c221]{background:#fff;color:#1e3c72;font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.12)}.track-wrap[data-v-07a6c221]{overflow-x:auto;padding:54px 0 12px}.flow-track[data-v-07a6c221]{position:relative;display:flex;min-width:640px}.flow-node[data-v-07a6c221]{flex:1;position:relative;text-align:center;padding:14px 8px;border-radius:10px;border:2px solid #eee;background:#fafafa;margin-right:34px;transition:all .3s}.flow-node[data-v-07a6c221]:last-child{margin-right:0}.flow-node[data-v-07a6c221]:not(:last-child):after{content:"➜";position:absolute;right:-27px;top:50%;transform:translateY(-50%);color:#c8c8c8;font-size:16px}.node-icon[data-v-07a6c221]{font-size:24px;line-height:1.2}.node-title[data-v-07a6c221]{font-size:14px;font-weight:600;color:#333;margin-top:6px}.node-sub[data-v-07a6c221]{font-size:12px;color:#999;margin-top:2px}.flow-node.passed[data-v-07a6c221]{border-color:#d6e4ff;background:#f7fbff}.flow-node.active[data-v-07a6c221]{border-color:#1e3c72;background:#eef4ff;transform:translateY(-3px);box-shadow:0 6px 16px rgba(30,60,114,.16)}.flow-node.node-forward.active[data-v-07a6c221]{border-color:#1890ff;background:#e8f4fd}.flow-node.node-reverse.active[data-v-07a6c221]{border-color:#52c41a;background:#f6ffed}.packet[data-v-07a6c221]{position:absolute;top:-44px;transform:translateX(-50%);font-size:22px;opacity:0;transition:left .55s cubic-bezier(.4,0,.2,1),opacity .25s;pointer-events:none}.packet.show[data-v-07a6c221]{opacity:1}.packet.request[data-v-07a6c221]{filter:drop-shadow(0 0 6px rgba(24,144,255,.6))}.packet.response[data-v-07a6c221]{filter:drop-shadow(0 0 6px rgba(82,196,26,.6))}.demo-controls[data-v-07a6c221]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.btn[data-v-07a6c221]{border:none;border-radius:8px;padding:10px 22px;font-size:14px;cursor:pointer;transition:all .2s}.btn-run[data-v-07a6c221]{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(30,60,114,.3)}.btn-run[data-v-07a6c221]:hover:not(:disabled){transform:translateY(-1px)}.btn-ghost[data-v-07a6c221]:disabled,.btn-run[data-v-07a6c221]:disabled{opacity:.55;cursor:not-allowed}.btn-ghost[data-v-07a6c221]{background:#f5f6fa;color:#666}.btn-ghost[data-v-07a6c221]:hover:not(:disabled){background:#eceef5}.demo-hint[data-v-07a6c221]{font-size:12px;color:#aaa;flex:1;min-width:200px}.log-box[data-v-07a6c221]{margin-top:16px;max-height:260px;overflow-y:auto;background:#fafafa;border-radius:10px;padding:10px 14px}.log-box[data-v-07a6c221]::-webkit-scrollbar{width:4px}.log-box[data-v-07a6c221]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.log-item[data-v-07a6c221]{padding:9px 0;border-bottom:1px solid #f0f0f0}.log-item[data-v-07a6c221]:last-child{border-bottom:none}.log-line[data-v-07a6c221]{display:flex;align-items:center;gap:8px}.log-dot[data-v-07a6c221]{width:7px;height:7px;border-radius:50%;flex-shrink:0}.log-item.request .log-dot[data-v-07a6c221]{background:#1890ff}.log-item.response .log-dot[data-v-07a6c221]{background:#52c41a}.log-title[data-v-07a6c221]{font-size:13.5px;font-weight:600;color:#333}.log-node[data-v-07a6c221]{font-size:11px;color:#999;background:#f0f0f0;padding:1px 8px;border-radius:10px}.log-desc[data-v-07a6c221]{font-size:12.5px;color:#888;line-height:1.7;margin-top:3px;padding-left:15px}.log-empty[data-v-07a6c221]{font-size:13px;color:#bbb;padding:14px 0;text-align:center}.vis-row[data-v-07a6c221]{display:flex;gap:20px;max-width:1200px;margin:0 auto 24px}.vis-card[data-v-07a6c221]{flex:1;background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center}.vis-icon[data-v-07a6c221]{font-size:22px}.vis-title[data-v-07a6c221]{font-size:13px;color:#888;margin-top:6px}.vis-main[data-v-07a6c221]{font-size:16px;font-weight:700;margin-top:6px}.vis-forward[data-v-07a6c221]{color:#1890ff}.vis-reverse[data-v-07a6c221]{color:#52c41a}.vis-note[data-v-07a6c221]{font-size:12px;color:#bbb;margin-top:4px}.section[data-v-07a6c221]{max-width:1200px;margin:0 auto 24px}.section-title[data-v-07a6c221]{font-size:19px;color:#333;margin:0 0 14px}.section-sub[data-v-07a6c221]{font-size:13px;color:#888;margin:-6px 0 14px}.section-tip[data-v-07a6c221]{font-size:13px;color:#888;margin-top:12px}.table-wrap[data-v-07a6c221]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.compare-table[data-v-07a6c221],.trouble-table[data-v-07a6c221]{width:100%;border-collapse:collapse;font-size:13.5px}.compare-table td[data-v-07a6c221],.compare-table th[data-v-07a6c221],.trouble-table td[data-v-07a6c221],.trouble-table th[data-v-07a6c221]{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.compare-table thead th[data-v-07a6c221],.trouble-table thead th[data-v-07a6c221]{background:#f7f8fc;font-size:13px;color:#666;font-weight:600}.compare-table tbody tr:last-child td[data-v-07a6c221],.trouble-table tbody tr:last-child td[data-v-07a6c221]{border-bottom:none}.compare-table tbody tr[data-v-07a6c221]:hover{background:#fafbff}.col-dim[data-v-07a6c221]{color:#888;width:140px}.th-forward[data-v-07a6c221]{color:#1890ff}.th-reverse[data-v-07a6c221]{color:#52c41a}.compare-table td[data-v-07a6c221]:nth-child(2){color:#3178c6}.compare-table td[data-v-07a6c221]:nth-child(3){color:#389e0d}.mix-card[data-v-07a6c221]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:24px}.mix-flow[data-v-07a6c221]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:8px 0 18px}.mix-node[data-v-07a6c221]{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.mix-client[data-v-07a6c221]{background:#f0f0f0;color:#555}.mix-forward[data-v-07a6c221]{background:#e8f4fd;color:#1890ff}.mix-reverse[data-v-07a6c221]{background:#f6ffed;color:#52c41a}.mix-server[data-v-07a6c221]{background:#fff3e6;color:#d46b08}.mix-arrow[data-v-07a6c221]{color:#c8c8c8}.mix-desc[data-v-07a6c221]{font-size:14px;line-height:1.9;color:#555;margin:0}.judge-tip[data-v-07a6c221]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:18px 22px;font-size:14px;color:#444;display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:16px}.judge-item[data-v-07a6c221]{font-size:13px;padding:5px 14px;border-radius:20px;font-weight:600}.judge-forward[data-v-07a6c221]{background:#e8f4fd;color:#1890ff}.judge-reverse[data-v-07a6c221]{background:#f6ffed;color:#52c41a}.quiz-list[data-v-07a6c221]{display:flex;flex-direction:column;gap:10px}.quiz-card[data-v-07a6c221]{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:14px 18px;cursor:pointer;transition:all .2s;border:1px solid transparent}.quiz-card[data-v-07a6c221]:hover{border-color:#dbe4f5}.quiz-card.open[data-v-07a6c221]{border-color:#1e3c72}.quiz-q[data-v-07a6c221]{display:flex;align-items:center;gap:12px}.quiz-index[data-v-07a6c221]{width:22px;height:22px;border-radius:50%;background:#eef2fb;color:#1e3c72;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-text[data-v-07a6c221]{flex:1;font-size:13.5px;color:#444;line-height:1.6}.quiz-toggle[data-v-07a6c221]{font-size:18px;color:#bbb;flex-shrink:0}.quiz-a[data-v-07a6c221]{margin-top:12px;padding-top:12px;border-top:1px dashed #eee;padding-left:34px}.quiz-answer[data-v-07a6c221]{display:inline-block;font-size:12.5px;font-weight:700;padding:3px 12px;border-radius:20px;margin-right:10px}.ans-forward[data-v-07a6c221]{background:#e8f4fd;color:#1890ff}.ans-reverse[data-v-07a6c221]{background:#f6ffed;color:#52c41a}.ans-both[data-v-07a6c221]{background:#f9f0ff;color:#722ed1}.quiz-reason[data-v-07a6c221]{font-size:13px;color:#888;line-height:1.7}.trouble-row[data-v-07a6c221]{display:flex;gap:20px;margin-bottom:20px}.trouble-card[data-v-07a6c221]{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:20px 22px;border-left:4px solid #ddd}.t-forward[data-v-07a6c221]{border-left-color:#1890ff}.t-reverse[data-v-07a6c221]{border-left-color:#52c41a}.trouble-head[data-v-07a6c221]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.trouble-badge[data-v-07a6c221]{font-size:13px;font-weight:700;padding:4px 12px;border-radius:20px}.badge-forward[data-v-07a6c221]{background:#e8f4fd;color:#1890ff}.badge-reverse[data-v-07a6c221]{background:#f6ffed;color:#52c41a}.trouble-scope[data-v-07a6c221]{font-size:12px;color:#999}.trouble-card ul[data-v-07a6c221]{margin:0;padding-left:18px}.trouble-card li[data-v-07a6c221]{font-size:13.5px;color:#555;line-height:2}.trouble-table td[data-v-07a6c221]:nth-child(2){width:130px}.pill[data-v-07a6c221]{display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;border-radius:20px}.pill-forward[data-v-07a6c221]{background:#e8f4fd;color:#1890ff}.pill-reverse[data-v-07a6c221]{background:#f6ffed;color:#52c41a}.code-row[data-v-07a6c221]{display:flex;gap:20px}.code-card[data-v-07a6c221]{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.code-card-head[data-v-07a6c221]{padding:14px 20px;font-size:14px;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0;background:#fafbff}.code-card .code-block[data-v-07a6c221]{border-radius:0;margin:0;min-height:100%}.code-block[data-v-07a6c221]{background:#1e1e2e;color:#cdd6f4;padding:20px 22px;font-size:13px;line-height:1.9;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.code-block .kw[data-v-07a6c221]{color:#cba6f7}.code-block .fn[data-v-07a6c221]{color:#89b4fa}.code-block .cm[data-v-07a6c221]{color:#6c7086}.code-block .nu[data-v-07a6c221]{color:#fab387}.summary-card[data-v-07a6c221]{background:linear-gradient(135deg,#f7f9ff,#eef4ff);border:1px solid #dbe4f5;border-radius:12px;padding:24px;margin-bottom:40px}.summary-card h3[data-v-07a6c221]{font-size:17px;color:#1e3c72;margin:0 0 12px}.summary-card p[data-v-07a6c221]{font-size:14px;line-height:2;color:#555;margin:0}@media (max-width:900px){.code-row[data-v-07a6c221],.core-row[data-v-07a6c221],.trouble-row[data-v-07a6c221],.vis-row[data-v-07a6c221]{flex-direction:column}.panel-header[data-v-07a6c221]{flex-direction:column;align-items:flex-start}}