.lane-header-clickable[data-v-94bf050a]{cursor:pointer;-webkit-user-select:none;user-select:none}.lane-header-title-row[data-v-94bf050a]{display:flex;align-items:center;justify-content:space-between;gap:10px}.collapse-icon[data-v-94bf050a]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--muted);transition:transform .25s ease}.collapse-icon svg[data-v-94bf050a]{width:14px;height:14px}.collapse-icon.open[data-v-94bf050a]{transform:rotate(180deg)}.collapse-enter-active[data-v-94bf050a],.collapse-leave-active[data-v-94bf050a]{transition:opacity .25s ease,transform .25s ease}.collapse-enter-from[data-v-94bf050a],.collapse-leave-to[data-v-94bf050a]{opacity:0;transform:translateY(-8px)}@media(max-width:780px){.lane-header-clickable[data-v-94bf050a]{padding:14px 32px;flex-direction:column!important}.mobile-top-row[data-v-94bf050a]{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.mobile-top-left[data-v-94bf050a]{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.lane-header-clickable .lane-icon[data-v-94bf050a]{width:36px;height:36px;flex-shrink:0}.lane-header-clickable .lane-icon svg[data-v-94bf050a]{width:18px;height:18px}.lane-header-clickable .lane-number[data-v-94bf050a]{font-size:24px;font-weight:800;color:var(--section-color);line-height:1;flex-shrink:0}.lane-header-clickable .lane-tag[data-v-94bf050a]{font-size:18px;font-weight:800;color:#20304d;flex-shrink:0}.section-title-mobile[data-v-94bf050a]{margin:0;font-size:14px;line-height:1.4;width:100%;padding-top:4px}.section-copy-mobile[data-v-94bf050a]{margin:0;font-size:13px;line-height:1.6;color:var(--muted);width:100%;padding-top:4px}}.xss-demo[data-v-1690d210]{margin:18px 0;border:1px solid #e0c8c4;border-radius:16px;background:#fffbfa;padding:20px}.x3-bar[data-v-1690d210]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.x3-steps[data-v-1690d210]{display:flex;gap:6px}.x3-btn[data-v-1690d210]{padding:6px 14px;border:1px solid #d5c4c0;border-radius:999px;background:#fff;color:#7f6b67;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s;font-family:inherit}.x3-btn[data-v-1690d210]:hover{border-color:#b09893;color:#5a3e3a}.x3-btn.active[data-v-1690d210]{background:#c0392b;border-color:#c0392b;color:#fff}.x3-actions[data-v-1690d210]{display:flex;align-items:center;gap:8px}.x3-shl[data-v-1690d210]{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid #d5c4c0;border-radius:999px;background:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s;color:#7f6b67;font-family:inherit}.x3-shl.on[data-v-1690d210]{background:#2e7d32;border-color:#2e7d32;color:#fff}.x3-main[data-v-1690d210]{position:relative;width:520px;margin:0 auto;min-height:320px}.x3-browser[data-v-1690d210]{width:280px;margin:0 auto;border:2px solid #d5c4c0;border-radius:14px;background:#fff;overflow:hidden}.x3-brw-bar[data-v-1690d210]{display:flex;align-items:center;gap:5px;padding:7px 12px;background:#f5f0ee;border-bottom:1px solid #e5d8d4}.x3-bdot[data-v-1690d210]{width:8px;height:8px;border-radius:50%;background:#d5c4c0}.x3-burl[data-v-1690d210]{margin-left:auto;font-size:11px;color:#8a7a76;font-weight:600}.x3-brw-body[data-v-1690d210]{padding:14px;min-height:200px;position:relative}.x3-post[data-v-1690d210]{margin-bottom:12px;padding:12px 14px;border:1px solid #e5d8d4;border-radius:12px;background:#fdfbfa}.x3-post-h[data-v-1690d210]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.x3-avatar[data-v-1690d210]{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.x3-post-u[data-v-1690d210]{font-size:13px;font-weight:700;color:#5a3e3a}.x3-post-t[data-v-1690d210]{margin:0;font-size:13px;line-height:1.6;color:#3a2c28}.x3-cmt-area[data-v-1690d210]{padding:0 2px;position:relative}.x3-cmt-sep[data-v-1690d210]{font-size:12px;font-weight:700;color:#8a7a76;padding:6px 0;border-top:1px solid #e5d8d4;margin-bottom:8px}.x3-inp-line[data-v-1690d210]{margin-bottom:8px}.x3-inp-box[data-v-1690d210]{display:block;border:1px solid #d5c4c0;border-radius:8px;padding:10px 12px;min-height:36px;background:#faf8f7;font-size:12px;color:#5a3e3a}.x3-ph[data-v-1690d210]{color:#b09893}.x3-typing-box[data-v-1690d210]{display:flex;align-items:center;overflow:hidden}.x3-typed[data-v-1690d210]{display:inline;color:#a63e32;font-family:Cascadia Code,Fira Code,monospace;font-size:10px;white-space:nowrap;overflow:hidden;width:0;animation:x3-type-1690d210 1.2s steps(30) .2s forwards}@keyframes x3-type-1690d210{0%{width:0}to{width:30ch}}.x3-cursor[data-v-1690d210]{display:inline-block;width:2px;height:12px;background:#a63e32;margin-left:2px;animation:x3-blink-1690d210 .6s step-end infinite;opacity:0;animation-delay:.2s}@keyframes x3-blink-1690d210{0%,to{opacity:1}50%{opacity:0}}.x3-btn-holder[data-v-1690d210]{display:flex;justify-content:flex-end}.x3-submit-btn[data-v-1690d210]{display:inline-flex;padding:6px 18px;border-radius:8px;background:#d5c4c0;color:#fff;font-size:12px;font-weight:700;position:relative;overflow:visible}.x3-btn-clicked[data-v-1690d210]{background:#c0392b}.x3-fly-out[data-v-1690d210]{position:absolute;top:150px;left:0;width:520px;height:60px;pointer-events:none;z-index:5}.x3-fly-card[data-v-1690d210]{display:inline-flex;padding:6px 14px;background:#c0392b;color:#fff;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 4px 16px #c0392b4d;position:absolute;left:180px;top:0;opacity:0;animation:x3-fly-out-1690d210 1.5s ease .5s forwards}@keyframes x3-fly-out-1690d210{0%{opacity:0;transform:translate(0) scale(.5)}15%{opacity:1;transform:translate(-30px,-8px) scale(1.1)}40%{opacity:1;transform:translate(-80px,-15px) scale(.9)}65%{opacity:.7;transform:translate(-140px,-5px) scale(.4)}to{opacity:0;transform:translate(-180px) scale(.1)}}.x3-fly-in[data-v-1690d210]{position:absolute;top:150px;left:0;width:520px;height:60px;pointer-events:none;z-index:15}.x3-fly-card-in[data-v-1690d210]{display:inline-flex;padding:6px 14px;background:#c0392b;color:#fff;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 4px 16px #c0392b4d;position:absolute;left:30px;top:0;opacity:0;animation:x3-fly-in-1690d210 .9s ease .1s forwards}@keyframes x3-fly-in-1690d210{0%{opacity:0;transform:translate(0) scale(.1)}20%{opacity:1;transform:translate(50px,-8px) scale(1.15)}50%{opacity:1;transform:translate(100px) scale(1)}80%{opacity:.8;transform:translate(160px,-5px) scale(.5)}to{opacity:0;transform:translate(195px) scale(.2)}}.x3-before-click[data-v-1690d210]{text-align:center;padding:20px 0}.x3-click-btn[data-v-1690d210]{display:inline-flex;padding:10px 28px;border-radius:10px;background:#f5f0ee;color:#7f6b67;font-size:14px;font-weight:700;cursor:pointer;border:2px solid #d5c4c0;transition:all .2s;font-family:inherit;animation:x3-glow-1690d210 1.5s ease-in-out infinite}@keyframes x3-glow-1690d210{0%,to{box-shadow:0 0 #c0392b1a}50%{box-shadow:0 0 0 8px #c0392b14}}.x3-click-btn[data-v-1690d210]:hover{background:#ece4e0;border-color:#b09893}.x3-loading-wrap[data-v-1690d210]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffeb;border-radius:8px;z-index:10;position:absolute;top:0;right:0;bottom:0;left:0;animation:x3-fade-in-1690d210 .1s ease forwards,x3-dismiss-1690d210 .3s ease 1.2s forwards}.x3-loading-spinner[data-v-1690d210]{width:24px;height:24px;margin:0 auto 10px;border:3px solid #e5d8d4;border-top-color:#c0392b;border-radius:50%;animation:x3-spin-1690d210 .7s linear infinite}@keyframes x3-spin-1690d210{to{transform:rotate(360deg)}}.x3-loading-bar[data-v-1690d210]{width:160px;height:4px;margin:0 auto 8px;background:#e5d8d4;border-radius:4px;overflow:hidden}.x3-loading-fill[data-v-1690d210]{height:100%;width:0;background:#c0392b;border-radius:4px;animation:x3-load-fill-1690d210 .8s ease .2s forwards}@keyframes x3-load-fill-1690d210{0%{width:0}to{width:100%}}.x3-loading-text[data-v-1690d210]{font-size:12px;color:#8a7a76}@keyframes x3-fade-in-1690d210{0%{opacity:0}to{opacity:1}}@keyframes x3-dismiss-1690d210{to{opacity:0;pointer-events:none}}.x3-cmt[data-v-1690d210]{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5d8d4;border-radius:8px;background:#fdfbfa;font-size:12px;color:#5a3e3a;opacity:0;transform:translateY(8px)}.x3-cmt-anim[data-v-1690d210]{animation:x3-cmt-enter-1690d210 .35s ease forwards}.x3-cmt-anim.d1[data-v-1690d210]{animation-delay:1.4s}.x3-cmt-anim.d2[data-v-1690d210]{animation-delay:1.6s}.x3-cmt-anim.d3[data-v-1690d210]{animation-delay:1.8s}@keyframes x3-cmt-enter-1690d210{to{opacity:1;transform:translateY(0)}}.x3-cav[data-v-1690d210]{width:22px;height:22px;border-radius:50%;background:#e5d8d4;flex-shrink:0}.x3-good[data-v-1690d210]{border-color:#d4e5d4;background:#f9fcf9}.x3-cmt-txt[data-v-1690d210]{font-size:12px;color:#5a3e3a}.x3-vuln-txt[data-v-1690d210]{font-size:11px;color:#c0392b;font-weight:600}.x3-safe-txt[data-v-1690d210]{font-family:Cascadia Code,Fira Code,monospace;font-size:11px;color:#2e7d32;word-break:break-all}.x3-mal[data-v-1690d210]{border-color:#d5c4c0;background:#faf8f7}.x3-exec-flash[data-v-1690d210]{display:flex;align-items:center;gap:6px;justify-content:center;margin-top:10px;padding:6px 12px;background:#c0392b14;border-radius:8px;animation:x3-exec-reveal-1690d210 .5s ease 2s forwards;opacity:0}@keyframes x3-exec-reveal-1690d210{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.x3-exec-icon[data-v-1690d210]{font-size:16px;animation:x3-exec-pulse-1690d210 .6s ease 2.3s infinite}@keyframes x3-exec-pulse-1690d210{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.x3-exec-txt[data-v-1690d210]{font-size:11px;color:#c0392b;font-weight:700}.x3-db-node[data-v-1690d210]{position:absolute;top:50%;left:8px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.35;transition:opacity .6s,transform .5s}.x3-db-node.visible[data-v-1690d210]{opacity:1}.x3-db-em[data-v-1690d210]{font-size:32px;line-height:1}.x3-db-lb[data-v-1690d210]{font-size:12px;font-weight:700;color:#7f6b67}.x3-right[data-v-1690d210]{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.25;transition:opacity .6s}.x3-right.visible[data-v-1690d210]{opacity:1}.x3-big-char[data-v-1690d210]{display:flex;flex-direction:column;align-items:center;gap:4px}.x3-big-em[data-v-1690d210]{font-size:40px;line-height:1}.x3-big-n[data-v-1690d210]{font-size:13px;font-weight:700;color:#5a3e3a}.x3-victim-c .x3-big-em.stolen[data-v-1690d210]{filter:none}.x3-victim-c .x3-big-em[data-v-1690d210]{filter:grayscale(.5);transition:filter .5s}.x3-token-rail[data-v-1690d210]{position:relative;height:50px;width:3px;background:#e5d8d4;border-radius:2px;display:flex;align-items:center;justify-content:center}.x3-token-fly[data-v-1690d210]{position:absolute;padding:4px 8px;background:#c0392b;color:#fff;border-radius:6px;font-size:9px;font-weight:800;white-space:nowrap;animation:x3-tdrop-1690d210 .8s ease 1s forwards}@keyframes x3-tdrop-1690d210{0%{opacity:0;transform:translateY(-28px) scale(.4)}20%{opacity:1;transform:translateY(-4px) scale(1.1)}50%{opacity:1;transform:translateY(20px) scale(1)}80%{opacity:.8;transform:translateY(40px) scale(.6)}to{opacity:0;transform:translateY(48px) scale(.2)}}.x3-token-stolen[data-v-1690d210]{font-size:9px;color:#c0392b;font-weight:800;padding:2px 6px;border:1px solid #c0392b;border-radius:4px;background:#fff5f5;animation:x3-stolen-pop-1690d210 .3s ease 1.8s forwards;opacity:0}@keyframes x3-stolen-pop-1690d210{to{opacity:1}}.x3-evil-c[data-v-1690d210]{opacity:.3;transition:opacity .6s}.x3-evil-c.visible[data-v-1690d210]{opacity:1}.x3-has-tok[data-v-1690d210]{font-size:10px;color:#2e7d32;font-weight:700}.x3-badges[data-v-1690d210]{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;justify-content:center;opacity:0;transition:opacity .6s;animation:x3-fade-in-1690d210 .5s ease .3s forwards}.x3-badge[data-v-1690d210]{padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700}.x3-badge.b1[data-v-1690d210]{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.x3-badge.b2[data-v-1690d210]{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.x3-desc[data-v-1690d210]{margin-top:14px;padding:12px 16px;border-radius:10px;background:#f8f0ee;font-size:13px;line-height:1.7;color:#5a3e3a;min-height:42px}.sqli-demo[data-v-04e59576]{margin:18px 0;border:1px solid #e0c8c4;border-radius:16px;background:#fffbfa;padding:20px}.sqli-bar[data-v-04e59576]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.sqli-steps[data-v-04e59576]{display:flex;gap:6px}.sqli-btn[data-v-04e59576]{padding:6px 14px;border:1px solid #d5c4c0;border-radius:999px;background:#fff;color:#7f6b67;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s;font-family:inherit}.sqli-btn[data-v-04e59576]:hover{border-color:#b09893;color:#5a3e3a}.sqli-btn.active[data-v-04e59576]{background:#c0392b;border-color:#c0392b;color:#fff}.sqli-actions[data-v-04e59576]{display:flex;align-items:center;gap:8px}.sqli-shl[data-v-04e59576]{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid #d5c4c0;border-radius:999px;background:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s;color:#7f6b67;font-family:inherit}.sqli-shl.on[data-v-04e59576]{background:#2e7d32;border-color:#2e7d32;color:#fff}.sqli-main[data-v-04e59576]{position:relative;width:620px;margin:0 auto;min-height:420px}.sqli-browser[data-v-04e59576]{width:300px;margin:0 auto;border:2px solid #d5c4c0;border-radius:14px;background:#fff;overflow:hidden}.sqli-brw-bar[data-v-04e59576]{display:flex;align-items:center;gap:5px;padding:7px 12px;background:#f5f0ee;border-bottom:1px solid #e5d8d4}.sqli-bdot[data-v-04e59576]{width:8px;height:8px;border-radius:50%;background:#d5c4c0}.sqli-burl[data-v-04e59576]{margin-left:auto;font-size:11px;color:#8a7a76;font-weight:600}.sqli-brw-body[data-v-04e59576]{padding:16px;min-height:220px;position:relative}.sqli-login-card[data-v-04e59576]{border:1px solid #e5d8d4;border-radius:12px;background:#fdfbfa;padding:16px 14px 14px;position:relative}.sqli-title[data-v-04e59576]{margin-bottom:14px;font-size:15px;font-weight:800;color:#5a3e3a;text-align:center}.sqli-form-row[data-v-04e59576]{display:grid;gap:6px;margin-bottom:10px}.sqli-label[data-v-04e59576]{font-size:12px;font-weight:700;color:#7f6b67}.sqli-input[data-v-04e59576]{display:flex;align-items:center;min-height:38px;border:1px solid #d5c4c0;border-radius:8px;background:#fff;padding:0 12px;font-size:12px;color:#5a3e3a}.sqli-ph[data-v-04e59576]{color:#b09893}.sqli-mask[data-v-04e59576]{letter-spacing:1px;color:#8a7a76}.sqli-typing-box[data-v-04e59576]{overflow:hidden;border-color:#c0392b;box-shadow:0 0 0 3px #c0392b14}.sqli-typed[data-v-04e59576]{display:inline;color:#a63e32;font-family:Cascadia Code,Fira Code,monospace;font-size:12px;white-space:nowrap;overflow:hidden;width:0;animation:sqli-type-04e59576 1.2s steps(10) .2s forwards}@keyframes sqli-type-04e59576{0%{width:0}to{width:10ch}}.sqli-cursor[data-v-04e59576]{display:inline-block;width:2px;height:14px;background:#a63e32;margin-left:2px;animation:sqli-blink-04e59576 .6s step-end infinite}@keyframes sqli-blink-04e59576{0%,to{opacity:1}50%{opacity:0}}.sqli-btn-row[data-v-04e59576]{display:flex;justify-content:flex-end;margin-top:12px}.sqli-submit-btn[data-v-04e59576]{display:inline-flex;padding:7px 18px;border-radius:8px;background:#d5c4c0;color:#fff;font-size:12px;font-weight:700;position:relative}.sqli-btn-clicked[data-v-04e59576]{background:#c0392b}.sqli-server-node[data-v-04e59576],.sqli-db-node[data-v-04e59576],.sqli-hacker[data-v-04e59576]{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;transition:opacity .4s ease,transform .4s ease;opacity:0}.sqli-server-node.visible[data-v-04e59576],.sqli-db-node.visible[data-v-04e59576],.sqli-hacker.visible[data-v-04e59576]{opacity:1}.sqli-server-node[data-v-04e59576]{left:100px;top:88px}.sqli-db-node[data-v-04e59576]{left:18px;top:198px}.sqli-hacker[data-v-04e59576]{right:14px;top:130px}.sqli-node-em[data-v-04e59576],.sqli-hacker-em[data-v-04e59576]{font-size:34px;line-height:1}.sqli-node-lb[data-v-04e59576],.sqli-hacker-lb[data-v-04e59576]{font-size:12px;font-weight:700;color:#7f6b67}.sqli-token-chip[data-v-04e59576]{display:inline-flex;padding:4px 8px;border:1px solid #c0392b;border-radius:999px;background:#fff1ef;color:#c0392b;font-size:10px;font-weight:800;animation:sqli-chip-pop-04e59576 .35s ease .3s both}@keyframes sqli-chip-pop-04e59576{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.sqli-fly-browser-server[data-v-04e59576],.sqli-fly-server-db[data-v-04e59576],.sqli-fly-result[data-v-04e59576],.sqli-fly-safe[data-v-04e59576]{position:absolute;left:0;width:620px;pointer-events:none;top:152px;height:60px}.sqli-fly-result[data-v-04e59576],.sqli-fly-safe[data-v-04e59576]{top:200px;z-index:12}.sqli-fly-card[data-v-04e59576]{display:inline-flex;padding:6px 12px;border-radius:8px;background:#c0392b;color:#fff;box-shadow:0 4px 16px #c0392b40;font-size:11px;font-weight:700;white-space:nowrap;opacity:0}.sqli-fly-browser-server .sqli-fly-card[data-v-04e59576]{position:absolute;left:250px;animation:sqli-browser-server-04e59576 1.1s ease .5s forwards}.sqli-fly-server-db .sqli-fly-card[data-v-04e59576]{position:absolute;left:120px;animation:sqli-server-db-04e59576 1s ease 1.6s forwards}.sqli-fly-result .sqli-fly-card[data-v-04e59576]{position:absolute;left:46px;animation:sqli-result-fly-04e59576 .8s ease .3s forwards}.sqli-fly-safe .sqli-fly-card[data-v-04e59576]{position:absolute;left:220px;animation:sqli-safe-fly-04e59576 .9s ease .1s forwards}@keyframes sqli-browser-server-04e59576{0%{opacity:0;transform:translate(0) scale(.65)}20%{opacity:1;transform:translate(-40px,-8px) scale(1.06)}60%{opacity:1;transform:translate(-110px,-6px) scale(.95)}to{opacity:0;transform:translate(-150px,-18px) scale(.25)}}@keyframes sqli-server-db-04e59576{0%{opacity:0;transform:translate(0) scale(.3)}20%{opacity:1;transform:translate(-24px,12px) scale(1.05)}60%{opacity:1;transform:translate(-54px,50px) scale(.82)}to{opacity:0;transform:translate(-74px,82px) scale(.2)}}@keyframes sqli-result-fly-04e59576{0%{opacity:0;transform:translate(0) scale(.15)}20%{opacity:1;transform:translate(50px,-10px) scale(1.08)}60%{opacity:1;transform:translate(155px,-18px) scale(.84)}to{opacity:0;transform:translate(238px,-10px) scale(.24)}}@keyframes sqli-safe-fly-04e59576{0%{opacity:0;transform:translate(0) scale(.4)}25%{opacity:1;transform:translate(-60px,-10px) scale(1.05)}70%{opacity:1;transform:translate(-116px,-4px) scale(.95)}to{opacity:0;transform:translate(-148px) scale(.3)}}.sqli-sql-panel[data-v-04e59576]{margin-top:18px;border-radius:12px;background:#fff6f5;border:1px solid #efcfca;padding:14px}.sqli-sql-head[data-v-04e59576]{margin-bottom:8px;font-size:12px;font-weight:800;color:#8a3d31}.sqli-sql-panel code[data-v-04e59576]{display:block;border-radius:10px;background:#1e2a3a;color:#f8fafc;padding:12px 14px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px;line-height:1.7}.sqli-strike[data-v-04e59576]{color:#fca5a5;text-decoration:line-through}.sqli-sql-notes[data-v-04e59576]{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sqli-sql-notes span[data-v-04e59576]{padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #efd6d2;color:#7f6b67;font-size:11px}.sqli-before-click[data-v-04e59576]{display:block}.sqli-click-hint-box[data-v-04e59576]{text-align:center;padding:34px 0 28px}.sqli-click-btn[data-v-04e59576]{display:inline-flex;padding:10px 28px;border-radius:10px;background:#f5f0ee;color:#7f6b67;font-size:14px;font-weight:700;cursor:pointer;border:2px solid #d5c4c0;transition:all .2s;font-family:inherit;animation:sqli-glow-04e59576 1.5s ease-in-out infinite}.sqli-click-btn[data-v-04e59576]:hover{background:#ece4e0;border-color:#b09893}@keyframes sqli-glow-04e59576{0%,to{box-shadow:0 0 #c0392b1a}50%{box-shadow:0 0 0 8px #c0392b14}}.sqli-loading-wrap[data-v-04e59576]{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:44px;right:14px;bottom:14px;left:14px;background:#fffffff0;border-radius:10px;z-index:11;animation:sqli-fade-in-04e59576 .1s ease forwards,sqli-dismiss-04e59576 .3s ease 1.1s forwards}.sqli-loading-spinner[data-v-04e59576]{width:24px;height:24px;margin-bottom:10px;border:3px solid #e5d8d4;border-top-color:#c0392b;border-radius:50%;animation:sqli-spin-04e59576 .7s linear infinite}.sqli-loading-bar[data-v-04e59576]{width:160px;height:4px;margin-bottom:8px;background:#e5d8d4;border-radius:4px;overflow:hidden}.sqli-loading-fill[data-v-04e59576]{width:0;height:100%;background:#c0392b;border-radius:4px;animation:sqli-load-fill-04e59576 .8s ease .2s forwards}.sqli-loading-text[data-v-04e59576]{font-size:12px;color:#8a7a76}@keyframes sqli-spin-04e59576{to{transform:rotate(360deg)}}@keyframes sqli-load-fill-04e59576{0%{width:0}to{width:100%}}@keyframes sqli-fade-in-04e59576{0%{opacity:0}to{opacity:1}}@keyframes sqli-dismiss-04e59576{to{opacity:0;pointer-events:none}}.sqli-result[data-v-04e59576]{border-radius:12px;padding:18px 14px;text-align:center}.sqli-result-success[data-v-04e59576]{background:#fff4f2;border:1px solid #f2c8c1;animation:sqli-result-in-04e59576 .45s ease .1s both}.sqli-result-safe[data-v-04e59576]{background:#f4fbf4;border:1px solid #cce7cf;animation:sqli-result-in-04e59576 .45s ease .1s both}@keyframes sqli-result-in-04e59576{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sqli-welcome[data-v-04e59576]{font-size:20px;font-weight:800;color:#8a2e24}.sqli-subline[data-v-04e59576]{margin-top:6px;font-size:13px;font-weight:700;color:#a63e32}.sqli-error-title[data-v-04e59576]{margin-top:6px;font-size:13px;font-weight:700;color:#2e7d32}.sqli-console[data-v-04e59576]{margin-top:14px;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.7}.sqli-console.danger[data-v-04e59576]{background:#c0392b14;color:#a63e32}.sqli-console.safe[data-v-04e59576]{background:#2e7d3214;color:#2e7d32}.sqli-badges[data-v-04e59576]{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.sqli-badge[data-v-04e59576]{display:inline-flex;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700}.sqli-badge.danger[data-v-04e59576]{background:#fff1ef;color:#c0392b;border:1px solid #f2c8c1}.sqli-badge.safe[data-v-04e59576]{background:#eef8ef;color:#2e7d32;border:1px solid #cce7cf}.sqli-desc[data-v-04e59576]{margin-top:14px;padding:12px 16px;border-radius:10px;background:#f8f0ee;font-size:13px;line-height:1.7;color:#5a3e3a;min-height:42px}@media(max-width:860px){.sqli-main[data-v-04e59576]{width:100%;min-height:0}.sqli-browser[data-v-04e59576]{width:min(300px,100%)}.sqli-server-node[data-v-04e59576],.sqli-db-node[data-v-04e59576],.sqli-hacker[data-v-04e59576],.sqli-fly-browser-server[data-v-04e59576],.sqli-fly-server-db[data-v-04e59576],.sqli-fly-result[data-v-04e59576],.sqli-fly-safe[data-v-04e59576]{display:none!important}}.upl-demo[data-v-6cebb5ee]{margin:18px 0;border:1px solid #e0c8c4;border-radius:16px;background:#fffbfa;padding:20px}.upl-bar[data-v-6cebb5ee]{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.upl-steps[data-v-6cebb5ee],.upl-modes[data-v-6cebb5ee]{display:flex;gap:6px;flex-wrap:wrap}.upl-btn[data-v-6cebb5ee],.upl-mode-btn[data-v-6cebb5ee]{padding:6px 14px;border:1px solid #d5c4c0;border-radius:999px;background:#fff;color:#7f6b67;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s ease;font-family:inherit}.upl-btn[data-v-6cebb5ee]:hover,.upl-mode-btn[data-v-6cebb5ee]:hover{border-color:#b09893;color:#5a3e3a}.upl-btn.active[data-v-6cebb5ee]{background:#c0392b;border-color:#c0392b;color:#fff}.upl-mode-btn.active[data-v-6cebb5ee]{background:#2e7d32;border-color:#2e7d32;color:#fff}.upl-actions[data-v-6cebb5ee]{display:grid;gap:8px}.upl-actions-title[data-v-6cebb5ee]{font-size:11px;font-weight:800;color:#8a7a76}.upl-main[data-v-6cebb5ee]{position:relative;width:720px;margin:0 auto;min-height:500px}.upl-browser[data-v-6cebb5ee]{width:300px;margin:0 auto;border:2px solid #d5c4c0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 14px 36px #341f1a0f}.upl-brw-bar[data-v-6cebb5ee]{display:flex;align-items:center;gap:5px;padding:7px 12px;background:#f5f0ee;border-bottom:1px solid #e5d8d4}.upl-bdot[data-v-6cebb5ee]{width:8px;height:8px;border-radius:50%;background:#d5c4c0}.upl-burl[data-v-6cebb5ee]{margin-left:auto;font-size:11px;color:#8a7a76;font-weight:600}.upl-brw-body[data-v-6cebb5ee]{padding:16px;min-height:252px;position:relative}.upl-profile-card[data-v-6cebb5ee]{border:1px solid #e5d8d4;border-radius:12px;background:linear-gradient(180deg,#fefdfd,#fcf8f7);padding:16px 14px 14px}.upl-page-title[data-v-6cebb5ee]{margin-bottom:14px;font-size:16px;font-weight:800;color:#5a3e3a}.upl-avatar-box[data-v-6cebb5ee]{display:flex;align-items:center;justify-content:center;height:88px;border:1px dashed #d5c4c0;border-radius:12px;background:#fff;color:#8a7a76;font-size:13px;font-weight:700}.upl-file-pick[data-v-6cebb5ee]{margin-top:14px;padding:10px 12px;border:1px solid #d5c4c0;border-radius:10px;background:#fff;color:#7f6b67;font-size:12px;font-weight:700}.upl-file-picked[data-v-6cebb5ee]{border-color:#c0392b;color:#c0392b}.upl-picker-pop[data-v-6cebb5ee]{margin-bottom:12px;border:1px solid #ead8d5;border-radius:10px;background:#fff;padding:10px 12px;box-shadow:0 8px 24px #1e2a3a14}.upl-picker-head[data-v-6cebb5ee]{font-size:11px;font-weight:800;color:#8a7a76}.upl-picker-name[data-v-6cebb5ee]{margin-top:6px;font-size:13px;font-family:Cascadia Code,Fira Code,monospace;color:#c0392b}.upl-submit-row[data-v-6cebb5ee]{display:flex;justify-content:flex-end;margin-top:14px}.upl-upload-btn[data-v-6cebb5ee]{display:inline-flex;padding:7px 18px;border-radius:8px;background:#d5c4c0;color:#fff;font-size:12px;font-weight:700;position:relative}.upl-upload-btn-clicked[data-v-6cebb5ee]{background:#c0392b}.upl-hint[data-v-6cebb5ee]{margin-top:10px;font-size:12px;color:#8a7a76}.upl-upload-feedback[data-v-6cebb5ee]{display:block;margin-top:12px;border-radius:10px;padding:10px 11px;font-size:11px;line-height:1.7}.upl-fb-none[data-v-6cebb5ee],.upl-fb-nginx[data-v-6cebb5ee]{background:#fff4f2;border:1px solid #f0d0ca}.upl-fb-magic[data-v-6cebb5ee],.upl-fb-oss[data-v-6cebb5ee]{background:#f4fbf4;border:1px solid #cfe7d1}.upl-feedback-title[data-v-6cebb5ee]{font-size:12px;font-weight:800;margin-bottom:6px}.upl-feedback-title.danger[data-v-6cebb5ee],.upl-feedback-title.warn[data-v-6cebb5ee]{color:#a63e32}.upl-feedback-title.safe[data-v-6cebb5ee]{color:#2e7d32}.upl-feedback-copy[data-v-6cebb5ee]{color:#6f5b57;font-size:11px;line-height:1.6}.upl-mini-scan[data-v-6cebb5ee]{display:grid;gap:5px;margin-bottom:8px;border-radius:8px;background:#fff;border:1px solid #d7e7d9;padding:8px 9px}.upl-mini-row[data-v-6cebb5ee]{display:grid;grid-template-columns:58px 1fr;gap:8px;font-size:11px;color:#46624c}.upl-mini-row.bad[data-v-6cebb5ee]{color:#b04438;font-weight:700}.upl-stage-card[data-v-6cebb5ee]{position:relative;min-height:226px}.upl-before-click[data-v-6cebb5ee]{text-align:center;padding:48px 0 42px}.upl-click-btn[data-v-6cebb5ee]{display:inline-flex;padding:10px 28px;border-radius:10px;background:#f5f0ee;color:#7f6b67;font-size:14px;font-weight:700;cursor:pointer;border:2px solid #d5c4c0;font-family:inherit;animation:upl-glow-6cebb5ee 1.5s ease-in-out infinite}@keyframes upl-glow-6cebb5ee{0%,to{box-shadow:0 0 #c0392b1a}50%{box-shadow:0 0 0 8px #c0392b14}}.upl-preblocked[data-v-6cebb5ee]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:164px}.upl-preblocked-icon[data-v-6cebb5ee]{font-size:28px}.upl-preblocked-title[data-v-6cebb5ee]{font-size:16px;font-weight:800;color:#2e7d32}.upl-preblocked-copy[data-v-6cebb5ee]{max-width:230px;font-size:12px;line-height:1.7;color:#58705d}.upl-loading-wrap[data-v-6cebb5ee]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:absolute;top:44px;right:14px;bottom:14px;left:14px;background:#fffffff0;border-radius:10px;z-index:10}.upl-loading-spinner[data-v-6cebb5ee]{width:24px;height:24px;border:3px solid #e5d8d4;border-top-color:#c0392b;border-radius:50%;animation:upl-spin-6cebb5ee .7s linear infinite}@keyframes upl-spin-6cebb5ee{to{transform:rotate(360deg)}}.upl-loading-text[data-v-6cebb5ee]{font-size:12px;color:#8a7a76}.upl-console[data-v-6cebb5ee]{border-radius:10px;background:#1e2a3a;color:#f8fafc;overflow:hidden}.upl-console-bar[data-v-6cebb5ee]{padding:8px 12px;background:#30405c;font-size:11px;font-weight:700}.upl-console-line[data-v-6cebb5ee]{padding:12px;font-family:Cascadia Code,Fira Code,monospace;font-size:11px;line-height:1.7}.upl-prompt[data-v-6cebb5ee]{color:#86efac}.upl-url-typed[data-v-6cebb5ee]{display:inline-block;white-space:nowrap;overflow:hidden}.upl-chain[data-v-6cebb5ee]{display:grid;gap:8px;margin-top:12px}.upl-chain-step[data-v-6cebb5ee]{border-left:3px solid #f0c8c2;border-radius:0 10px 10px 0;background:#fff6f5;padding:9px 10px;font-size:12px;color:#7f6b67}.upl-shell-alert[data-v-6cebb5ee]{display:block;margin-top:12px;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:800}.upl-shell-alert.danger[data-v-6cebb5ee]{background:#c0392b14;color:#c0392b}.upl-shell-alert.safe[data-v-6cebb5ee]{background:#2e7d3214;color:#2e7d32}.upl-server[data-v-6cebb5ee],.upl-gateway[data-v-6cebb5ee],.upl-cloud[data-v-6cebb5ee],.upl-hacker[data-v-6cebb5ee]{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;transition:opacity .35s ease,transform .35s ease;opacity:0}.upl-server.visible[data-v-6cebb5ee],.upl-gateway.visible[data-v-6cebb5ee],.upl-cloud.visible[data-v-6cebb5ee],.upl-hacker.visible[data-v-6cebb5ee]{opacity:1}.upl-server[data-v-6cebb5ee]{left:28px;top:82px}.upl-gateway[data-v-6cebb5ee]{left:20px;top:214px}.upl-cloud[data-v-6cebb5ee]{left:38px;top:336px}.upl-hacker[data-v-6cebb5ee]{right:14px;top:138px}.upl-server-em[data-v-6cebb5ee],.upl-cloud-em[data-v-6cebb5ee],.upl-hacker-em[data-v-6cebb5ee]{font-size:34px;line-height:1}.upl-server-label[data-v-6cebb5ee],.upl-cloud-label[data-v-6cebb5ee],.upl-hacker-lb[data-v-6cebb5ee]{font-size:12px;font-weight:700;color:#7f6b67}.upl-server-path[data-v-6cebb5ee]{font-size:10px;font-family:Cascadia Code,Fira Code,monospace;color:#8a7a76}.upl-server-file[data-v-6cebb5ee],.upl-cloud-file[data-v-6cebb5ee],.upl-hacker-ok[data-v-6cebb5ee],.upl-hacker-no[data-v-6cebb5ee]{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.upl-server-file[data-v-6cebb5ee],.upl-hacker-ok[data-v-6cebb5ee]{background:#fff1ef;border:1px solid #f2c8c1;color:#c0392b}.upl-cloud-file[data-v-6cebb5ee],.upl-hacker-no[data-v-6cebb5ee]{background:#eef8ef;border:1px solid #cce7cf;color:#2e7d32}.upl-gw-tag[data-v-6cebb5ee]{padding:5px 10px;border-radius:999px;background:#f4f0ff;border:1px solid #ddd0f9;color:#6c4bb8;font-size:11px;font-weight:700}.upl-cloud-shield[data-v-6cebb5ee]{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid rgba(46,125,50,.28);border-radius:50%}.upl-fly-server[data-v-6cebb5ee],.upl-fly-cloud[data-v-6cebb5ee]{position:absolute;top:170px;left:0;width:720px;height:90px;pointer-events:none}.upl-file-card[data-v-6cebb5ee]{position:absolute;left:272px;display:inline-flex;flex-direction:column;gap:4px;min-width:150px;padding:9px 11px;border-radius:10px;background:#c0392b;color:#fff;box-shadow:0 4px 16px #c0392b47}.upl-file-card-cloud[data-v-6cebb5ee]{background:#2e7d32;box-shadow:0 4px 16px #2e7d323d}.upl-file-name[data-v-6cebb5ee]{font-size:12px;font-weight:800}.upl-file-meta[data-v-6cebb5ee]{font-size:10px}.upl-file-meta.bad[data-v-6cebb5ee]{color:#ffe7e4}.upl-badges[data-v-6cebb5ee]{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.upl-badge[data-v-6cebb5ee]{display:inline-flex;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700}.upl-badge.danger[data-v-6cebb5ee]{background:#fff1ef;color:#c0392b;border:1px solid #f2c8c1}.upl-badge.safe[data-v-6cebb5ee]{background:#eef8ef;color:#2e7d32;border:1px solid #cce7cf}.upl-desc[data-v-6cebb5ee]{margin-top:14px;padding:12px 16px;border-radius:10px;background:#f8f0ee;font-size:13px;line-height:1.7;color:#5a3e3a;min-height:52px}@media(max-width:940px){.upl-main[data-v-6cebb5ee]{width:100%;min-height:0}.upl-browser[data-v-6cebb5ee]{width:min(300px,100%)}.upl-server[data-v-6cebb5ee],.upl-gateway[data-v-6cebb5ee],.upl-cloud[data-v-6cebb5ee],.upl-hacker[data-v-6cebb5ee],.upl-fly-server[data-v-6cebb5ee],.upl-fly-cloud[data-v-6cebb5ee]{display:none!important}}:root{--bg: #f5f8fc;--panel: #ffffff;--panel-soft: #f8fbff;--ink: #172234;--muted: #5e6d85;--line: #d7e0ed;--primary: #2f6fd6;--primary-soft: #edf4ff;--runtime: #2e9a67;--runtime-soft: #eefaf3;--accent: #7756c8;--accent-soft: #f2eefe;--warning: #f39a25;--warning-soft: #fff5e8;--config: #4b6a8a;--config-soft: #f0f4f9;--attack: #c0392b;--attack-soft: #fdecea;--shadow: 0 14px 34px rgba(33, 55, 92, .08)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(47,111,214,.08),transparent 24%),linear-gradient(180deg,#fbfdff 0%,var(--bg) 100%)}button,input,textarea,select{font:inherit}.page{width:100%;padding:28px 32px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:20px}.topbar-main{display:grid;gap:8px;padding-left:85px}.topbar-kicker{color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-title{margin:0;font-size:clamp(34px,4.4vw,52px);line-height:1.06;letter-spacing:-.03em}.hero-subtitle{max-width:700px;margin:0;color:#5a6e8a;font-size:15px;line-height:1.6}.topbar-side{display:flex;gap:8px;flex-shrink:0;padding-right:0}.ghost-btn{border:1px solid #c6d5ea;background:var(--panel-soft);color:var(--primary);border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.flow-shell{position:relative;padding:0 0 0 22px}.flow-rail{position:absolute;top:16px;bottom:16px;left:26px;width:2px;background:linear-gradient(180deg,#dbe4f0,#cfd9e9)}.flow-grid{display:grid;gap:18px}.flow-lane{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;align-items:stretch}.lane-anchor{position:relative}.lane-anchor-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;border:2px solid #b9cae2;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.node-row{display:flex;gap:0;align-items:stretch}.node-row.one .node-slot,.node-row.two .node-slot,.node-slot{flex:0 0 33.333%;max-width:33.333%;min-width:0;display:flex}.node-connector{flex:0 0 4px;overflow:visible;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.connector-circle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--section-color);color:#fff;border:1px solid var(--section-color);margin:0 -18px;box-shadow:0 2px 8px #3956802e;flex-shrink:0}.connector-circle svg{width:14px;height:14px}.flow-section{--section-color: var(--primary);--section-soft: var(--primary-soft);--section-line: #c8d7f3;border:1px solid var(--section-line);border-radius:22px;background:#ffffffeb;box-shadow:var(--shadow);overflow:hidden}.flow-section.network{--section-color: var(--primary);--section-soft: var(--primary-soft);--section-line: #d2e0f7}.flow-section.runtime{--section-color: var(--runtime);--section-soft: var(--runtime-soft);--section-line: #d6eddc}.flow-section.app{--section-color: var(--accent);--section-soft: var(--accent-soft);--section-line: #e2daf6}.flow-section.data{--section-color: var(--warning);--section-soft: var(--warning-soft);--section-line: #f4dec0}.flow-section.config{--section-color: var(--config);--section-soft: var(--config-soft);--section-line: #d3deea}.flow-section.attack{--section-color: var(--attack);--section-soft: var(--attack-soft);--section-line: #f0ceca}.lane-header{display:flex;align-items:flex-start;gap:28px;padding:22px 28px;border-bottom:1px solid var(--section-line);background:linear-gradient(135deg,var(--section-soft) 0%,rgba(255,255,255,.96) 60%)}.lane-header-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.lane-icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:var(--section-color);color:#fff;box-shadow:0 8px 18px #1830571f;flex-shrink:0}.lane-icon svg{width:26px;height:26px}.lane-meta{display:grid;gap:2px;white-space:nowrap}.lane-number{color:var(--section-color);font-size:36px;line-height:1;font-weight:800}.lane-tag{color:#20304d;font-size:18px;font-weight:800}.lane-header-right{display:grid;gap:8px;min-width:0;flex:1}.section-title{margin:0;font-size:26px;line-height:1.35}.section-copy{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.lane-body{padding:12px 20px}.node{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;min-height:100%;padding:22px;border:1px solid var(--section-line);border-radius:18px;background:var(--panel)}.node-body{display:grid;gap:14px}.node-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.chip{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid var(--section-line);border-radius:999px;background:#fff;color:var(--section-color);font-size:12px;font-weight:700}.node-title{margin:0;font-size:20px;line-height:1.4}.subtitle{margin:0;color:var(--section-color);font-size:15px;font-weight:600;line-height:1.6}.outline{display:grid;gap:12px}.outline-group{display:grid;gap:6px}.outline-heading{margin:0;font-size:14px;font-weight:700;color:#2b3d5c;letter-spacing:.04em}.outline-list{margin:0;padding-left:18px;display:grid;gap:4px}.outline-list li{margin:0;color:#3f516e;font-size:14px;line-height:1.7}.node-notes{display:grid;gap:8px}.note{padding:10px 14px;border-radius:12px;background:#f7f9fc;color:#43546e;font-size:13px;line-height:1.65}.expand-btn{margin-top:18px;align-self:flex-start;border:none;background:transparent;color:var(--section-color);font-size:14px;font-weight:700;cursor:pointer;padding:0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:24px;background:#0d172a8f;z-index:40}.modal.is-open{display:flex}.modal-card{width:min(960px,100%);max-height:88vh;overflow:hidden;border-radius:24px;background:#fff;padding:26px 0 30px;box-shadow:0 24px 52px #0c1b363d;display:flex;flex-direction:column}.modal-card-wide{width:min(1180px,100%)}.modal-body-scroll{overflow-y:auto;flex:1;min-height:0;padding:0 28px;scrollbar-width:thin;scrollbar-color:#d0d8e6 transparent}.modal-body-scroll::-webkit-scrollbar{width:6px}.modal-body-scroll::-webkit-scrollbar-track{background:transparent}.modal-body-scroll::-webkit-scrollbar-thumb{background:#d0d8e6;border-radius:12px}.modal-body-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}.export-md-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--line);border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.export-md-btn:hover{background:#dfe9ff;border-color:var(--primary)}.detail-actions .export-md-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:18px;cursor:pointer;transition:all .2s;font-family:inherit;flex-shrink:0;padding:0}.detail-actions .export-md-btn:hover{background:#dfe9ff;border-color:var(--primary)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;padding:0 28px}.modal-head h3{margin:0 0 8px;font-size:28px}.modal-head-title{margin:0 0 8px;font-size:28px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-head p{margin:0;font-size:14px;line-height:1.78;color:var(--muted)}.close-btn{width:38px;height:38px;border:none;border-radius:12px;background:#eef2f8;color:#30405c;font-size:20px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.modal-panel{border:1px solid var(--line);border-radius:18px;background:#fcfdff;padding:18px}.modal-panel h4{margin:0 0 12px;font-size:18px}.modal-panel ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.75}.modal-flow{display:grid;gap:10px}.modal-step{padding:10px 12px;border-left:4px solid var(--primary);border-radius:0 12px 12px 0;background:#f6f9ff;color:#385277;font-size:14px;line-height:1.68}.modal-callout{margin-top:18px;padding:14px 16px;border-radius:14px;background:#fff4e6;color:#7d4f16;font-size:14px;line-height:1.7}.explain-stack{display:grid;gap:16px}.plain-copy{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.mini-route{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.route-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid #d9e2f2;border-radius:999px;background:#f8fbff;color:#526986;font-size:13px;font-weight:700}.route-pill.active{border-color:#b9cff5;background:var(--primary-soft);color:var(--primary)}.route-arrow{color:var(--primary);font-size:18px;font-weight:900}.info-grid{display:grid;gap:12px}.info-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.info-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.info-card{border:1px solid #dbe5f4;border-radius:14px;background:#fff;padding:14px}.info-card strong{display:block;margin-bottom:8px;color:var(--ink);font-size:15px}.info-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.info-card span{display:block;margin-top:10px;padding-top:10px;border-top:1px dashed #dbe5f4;color:#385277;font-size:12px;line-height:1.6}.header-table{display:grid;border:1px solid #dbe5f4;border-radius:14px;overflow:hidden;background:#fff}.method-table{display:grid;margin-top:12px;border:1px solid #dbe5f4;border-radius:14px;overflow:hidden;background:#fff}.method-row{display:grid;grid-template-columns:92px 130px minmax(0,1fr) minmax(0,1.25fr);border-top:1px solid #e7edf7}.method-row:first-child{border-top:none}.method-row>*{padding:11px 12px;border-left:1px solid #e7edf7;color:#41546f;font-size:13px;line-height:1.65}.method-row>*:first-child{border-left:none}.method-row code{color:var(--primary);font-weight:900}.method-row-head{background:#f3f7ff;font-weight:800}.method-row-head span{color:#243653}.header-row{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1.15fr);gap:0;border-top:1px solid #e7edf7}.header-row:first-child{border-top:none}.header-row>*{padding:11px 12px;border-left:1px solid #e7edf7;color:#41546f;font-size:13px;line-height:1.6}.header-row>*:first-child{border-left:none}.header-row code{color:var(--primary);font-weight:800}.header-row-head{background:#f3f7ff;font-weight:800}.header-row-head span{color:#243653}.risk-panel{border-color:#f0c8c2;background:snow}.risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.risk-grid.detailed{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.risk-item{border:1px solid #f0d1cc;border-radius:14px;background:#fff;padding:13px 14px}.risk-item strong{display:block;margin-bottom:8px;color:#a63e32;font-size:14px}.risk-item p{margin:0 0 9px;color:#5e4a48;font-size:13px;line-height:1.65}.risk-item p:last-child{margin-bottom:0}.risk-item b{color:#7d2f27}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scenario-card{border:1px solid #dbe5f4;border-radius:14px;background:#fff;padding:14px}.scenario-card.good{border-color:#ccefe5;background:#fbfffd}.scenario-card.warn{border-color:#f2d7b1;background:#fffdf8}.scenario-card.bad{border-color:#f0c8c2;background:snow}.scenario-card strong{display:block;margin-bottom:8px;color:var(--ink);font-size:14px}.scenario-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.scenario-card span{display:block;margin-top:10px;padding-top:10px;border-top:1px dashed #dbe5f4;color:#385277;font-size:12px;line-height:1.6}.code-block{margin:12px 0;padding:14px 16px;border-radius:12px;background:#1e2a3a;color:#e2e8f0;font-size:13px;line-height:1.7;overflow-x:auto}.code-block code{font-family:Cascadia Code,Fira Code,Consolas,monospace;white-space:pre}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:22px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;flex-shrink:0;line-height:1}.back-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:20px;cursor:pointer;transition:all .2s;font-family:inherit;flex-shrink:0;line-height:1}.icon-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.detail-header{margin-bottom:24px}.detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.detail-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-top:4px}.detail-title{margin:0;font-size:clamp(24px,4vw,36px);line-height:1.2;font-weight:900;background:linear-gradient(135deg,#1a5fc7,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.detail-summary{margin:0;font-size:15px;line-height:1.7;color:var(--muted);white-space:pre-line}.detail-body{max-width:1100px}.detail-body .explain-stack{display:grid;gap:16px}.detail-body .modal-panel{border:1px solid var(--line);border-radius:18px;background:#fcfdff;padding:18px;overflow-x:auto}.detail-body .modal-panel h4{margin:0 0 12px;font-size:18px}.detail-body .risk-panel{border-color:#f0c8c2;background:snow}.detail-body .header-table,.detail-body .method-table{min-width:0;overflow-x:auto}.detail-body .code-block{margin:12px 0;padding:14px 16px;border-radius:12px;background:#1e2a3a;color:#e2e8f0;font-size:13px;line-height:1.7;overflow-x:auto}.detail-body .code-block code{font-family:Cascadia Code,Fira Code,Consolas,monospace;white-space:pre}.detail-body .scenario-grid,.detail-body .risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:1100px){.modal-grid,.info-grid.three,.info-grid.four,.risk-grid,.scenario-grid,.header-row,.method-row{grid-template-columns:1fr}.header-row>*,.method-row>*{border-left:none;border-top:1px solid #e7edf7}.header-row>*:first-child,.method-row>*:first-child{border-top:none}.topbar{flex-wrap:wrap}.topbar-main{padding-left:0}.node-row{flex-direction:column;gap:12px}.node-row.one .node-slot,.node-row.two .node-slot,.node-slot{flex:0 0 auto;max-width:100%}.node-connector{display:none}.lane-header{flex-direction:column;gap:14px}}@media(max-width:780px){.page{padding:35px 0 24px}.topbar{padding:10px 32px;margin-bottom:12px}.topbar-side .ghost-btn{padding:6px 14px;font-size:12px}.hero-subtitle{font-size:16px}.flow-shell{padding-left:0}.flow-rail{display:none}.flow-lane{grid-template-columns:minmax(0,1fr);gap:0;padding:0 16px}.lane-anchor{display:none}.lane-body{padding:12px 16px;background:#ffffff8c}.node{padding:16px}.lane-header{padding:14px 32px}.lane-header-left{gap:10px}.lane-icon{width:40px;height:40px}.lane-icon svg{width:20px;height:20px}.lane-number{font-size:28px}.lane-tag{font-size:16px}.section-title{font-size:20px}.detail-header{padding:0 32px}.detail-body{padding:0 16px}.detail-body .modal-panel{padding:14px}.detail-body .scenario-grid,.detail-body .risk-grid,.detail-body .header-row,.detail-body .method-row{grid-template-columns:1fr}}.modal-enter-active,.modal-leave-active{transition:opacity .16s ease}.modal-enter-from,.modal-leave-to{opacity:0}