.ff-guide{--g-accent: #1677ff;--g-accent-soft: rgba(22, 119, 255, .12);--g-panel: #ffffff;--g-panel-2: #f7f9fc;--g-border: #e8ecf2;--g-ink: rgba(0, 0, 0, .85);--g-muted: rgba(0, 0, 0, .5);--g-chrome: #eef1f6;color:var(--g-ink)}:root[data-theme=dark] .ff-guide{--g-accent-soft: rgba(22, 119, 255, .22);--g-panel: #1f1f1f;--g-panel-2: #171717;--g-border: #303030;--g-ink: rgba(255, 255, 255, .88);--g-muted: rgba(255, 255, 255, .5);--g-chrome: #262626}.ff-guide-shell{display:flex;gap:28px;align-items:flex-start}.ff-guide-toc{position:sticky;top:12px;flex:0 0 232px;width:232px;align-self:flex-start;max-height:calc(100vh - 40px);overflow:auto;padding:6px 4px 20px}.ff-guide-body{flex:1 1 auto;min-width:0}@media(max-width:900px){.ff-guide-toc{display:none}}.ff-toc-group{margin-bottom:14px}.ff-toc-group>.ff-toc-title{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--g-muted);font-weight:700;padding:6px 10px 4px;display:flex;align-items:center;gap:7px}.ff-toc-link{display:block;padding:5px 10px 5px 26px;border-radius:7px;cursor:pointer;font-size:13px;color:var(--g-muted);border-left:2px solid transparent;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.ff-toc-link:hover{background:var(--g-accent-soft);color:var(--g-ink)}.ff-toc-link.active{color:var(--g-accent);background:var(--g-accent-soft);border-left-color:var(--g-accent);font-weight:600}.ff-toc-link.sub{padding:4px 10px 4px 42px;font-size:12px;opacity:.92}.ff-demo-setup{border:1px solid var(--g-border);border-radius:12px;overflow:hidden;margin-bottom:22px;background:var(--g-panel);box-shadow:0 1px 4px #141e3c0d}.ff-demo-setup-head{display:flex;align-items:center;gap:10px;padding:12px 18px;font-weight:700;font-size:14px;color:#fff;background:linear-gradient(90deg,#1677ff,#722ed1 60%,#13c2c2)}.ff-demo-table{width:100%;border-collapse:collapse}.ff-demo-table td{padding:12px 18px;border-top:1px solid var(--g-border);font-size:13.5px;vertical-align:middle}.ff-demo-table tr:first-child td{border-top:none}.ff-demo-table code{font-size:13px;font-weight:600;padding:2px 9px;border-radius:6px;background:var(--g-accent-soft);color:var(--g-accent)}.ff-demo-type{display:inline-block;min-width:110px;text-align:center;font-size:12px;font-weight:700;padding:3px 12px;border-radius:20px;letter-spacing:.2px}.ff-demo-type.blue{color:#1677ff;background:#1677ff1f;border:1px solid rgba(22,119,255,.35)}.ff-demo-type.purple{color:#722ed1;background:#722ed11f;border:1px solid rgba(114,46,209,.35)}.ff-demo-type.teal{color:#08979c;background:#13c2c224;border:1px solid rgba(19,194,194,.4)}.ff-demo-desc{color:var(--g-muted);font-size:12.5px}.ff-demo-note{padding:10px 18px;font-size:12.5px;color:var(--g-muted);background:var(--g-accent-soft);border-top:1px solid var(--g-border)}@media(max-width:640px){.ff-demo-desc{display:none}}.ff-guide section{scroll-margin-top:16px}.ff-chapter-hero{position:relative;overflow:hidden;border-radius:14px;padding:22px 26px;border:1px solid var(--g-border);background:radial-gradient(1200px 200px at 100% -40%,var(--g-accent-soft),transparent 60%),var(--g-panel)}.ff-chapter-hero .ff-chapter-kicker{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--g-accent)}.ff-card{border:1px solid var(--g-border);border-radius:12px;background:var(--g-panel);padding:18px 20px;margin-top:16px}.ff-card>h4{margin:0 0 2px}.ff-step-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--g-accent);color:#fff;font-weight:700;font-size:13px;flex:0 0 auto}.ff-shot{border:1px solid var(--g-border);border-radius:10px;overflow:hidden;background:var(--g-panel)}.ff-shot-chrome{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--g-chrome);border-bottom:1px solid var(--g-border)}.ff-shot-dots{display:flex;gap:5px}.ff-shot-dot{width:10px;height:10px;border-radius:50%}.ff-shot-url{font-size:11px;color:var(--g-muted);background:var(--g-panel);border:1px solid var(--g-border);border-radius:5px;padding:2px 10px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ff-shot-pintoggle{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:600;padding:2px 10px;border-radius:20px;background:var(--g-panel-2);color:var(--g-muted);opacity:0;transition:opacity .15s,background .15s,color .15s}.ff-shot-pintoggle.on{background:var(--g-accent-soft);color:var(--g-accent);border-color:transparent}.ff-shot:hover .ff-shot-pintoggle,.ff-shot-pintoggle:focus-visible{opacity:1}.ff-lb-btn.on{background:#1677ff52}.ff-shot-stage{position:relative;width:100%}.ff-shot-stage img{display:block;width:100%;height:auto}.ff-shot-zoomable{cursor:zoom-in}.ff-shot-zoomable:focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}.ff-shot-hint{position:absolute;right:10px;bottom:10px;z-index:3;pointer-events:none;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;background:#0000008c;border-radius:20px;padding:4px 12px;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.ff-shot-zoomable:hover .ff-shot-hint,.ff-shot-zoomable:focus-visible .ff-shot-hint{opacity:1;transform:none}.ff-shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:4px 0}.ff-grid-cell{margin:0;border:1px solid var(--g-border);border-radius:10px;overflow:hidden;background:var(--g-panel);transition:border-color .15s,transform .15s,box-shadow .15s}.ff-grid-cell.ff-shot-zoomable:hover{border-color:var(--g-accent);transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.ff-grid-cell.ff-shot-zoomable:focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}.ff-grid-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--g-panel-2)}.ff-grid-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.ff-grid-zoom{position:absolute;right:8px;bottom:8px;width:26px;height:26px;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;opacity:0;transition:opacity .15s}.ff-grid-cell:hover .ff-grid-zoom,.ff-grid-cell:focus-visible .ff-grid-zoom{opacity:1}.ff-grid-cap{padding:8px 10px;font-size:12px;font-weight:600;color:var(--g-ink);border-top:1px solid var(--g-border)}.ff-grid-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ff-grid-ph .ff-shot-ph-file{font-size:11px;font-family:monospace;color:var(--g-muted)}@media(max-width:900px){.ff-shot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.ff-shot-grid{grid-template-columns:1fr}}.ff-shot-ph{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:260px;color:var(--g-muted);background:linear-gradient(var(--g-border) 1px,transparent 1px) 0 0 / 100% 34px,linear-gradient(90deg,var(--g-border) 1px,transparent 1px) 0 0 / 34px 100%,var(--g-panel-2)}.ff-shot-ph .ff-shot-ph-badge{font-size:12px;font-weight:600;color:var(--g-accent);background:var(--g-accent-soft);border-radius:20px;padding:4px 12px}.ff-shot-ph .ff-shot-ph-file{font-size:11px;font-family:monospace}.ff-shot-ph:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);background-size:220% 100%;animation:ff-shimmer 2.6s linear infinite}@keyframes ff-shimmer{to{background-position:-220% 0}}.ff-pin{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:var(--g-accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #ffffffe6,0 2px 6px #0000004d;z-index:2;pointer-events:none}.ff-pin:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--g-accent);opacity:.6;animation:ff-pin-pulse 2s ease-out infinite}@keyframes ff-pin-pulse{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.6);opacity:0}}.ff-legend{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}.ff-legend li{display:flex;gap:10px;align-items:flex-start;font-size:13px}.ff-legend .ff-legend-n{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--g-accent-soft);color:var(--g-accent);font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;margin-top:1px}.ff-pipe{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}.ff-pipe-stage{flex:1 1 150px;min-width:140px;text-align:center;padding:14px 10px;border-radius:12px;border:1px solid var(--g-border);background:var(--g-panel);position:relative}.ff-pipe-ico{width:42px;height:42px;border-radius:12px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;background:var(--g-accent)}.ff-pipe-stage.s2 .ff-pipe-ico{background:#52c41a}.ff-pipe-stage.s3 .ff-pipe-ico{background:#722ed1}.ff-pipe-stage.s4 .ff-pipe-ico{background:#fa8c16}.ff-pipe-stage.s5 .ff-pipe-ico{background:#13c2c2}.ff-pipe-stage .ff-pipe-t{font-weight:600;font-size:13px}.ff-pipe-stage .ff-pipe-d{font-size:11.5px;color:var(--g-muted);margin-top:2px}.ff-pipe-conn{flex:0 0 34px;align-self:center;height:3px;border-radius:2px;position:relative;overflow:hidden;background:var(--g-border)}.ff-pipe-conn:after{content:"";position:absolute;inset:0;border-radius:2px;background:linear-gradient(90deg,transparent,var(--g-accent),transparent);background-size:60% 100%;animation:ff-flow 1.6s linear infinite}@keyframes ff-flow{0%{background-position:-60% 0}to{background-position:160% 0}}.ff-pipe-stage{animation:ff-stage-lit 8s ease-in-out infinite}.ff-pipe-stage.s1{animation-delay:0s}.ff-pipe-stage.s2{animation-delay:1.4s}.ff-pipe-stage.s3{animation-delay:2.8s}.ff-pipe-stage.s4{animation-delay:4.2s}.ff-pipe-stage.s5{animation-delay:5.6s}@keyframes ff-stage-lit{0%,12%,to{box-shadow:0 0 0 0 transparent;transform:translateY(0)}4%{box-shadow:0 6px 20px var(--g-accent-soft);transform:translateY(-3px)}}@media(max-width:720px){.ff-pipe-conn{display:none}.ff-pipe{flex-direction:column}}.ff-reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.ff-reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.ff-shot-ph:after,.ff-pin:before,.ff-pipe-conn:after,.ff-pipe-stage{animation:none!important}.ff-reveal{opacity:1;transform:none;transition:none}}.ff-lb{position:fixed;inset:0;z-index:1200;background:#06080eeb}.ff-lb-top{position:absolute;top:0;left:0;right:0;height:52px;z-index:3;display:flex;align-items:center;gap:12px;padding:0 14px;color:#fff;background:linear-gradient(rgba(0,0,0,.55),transparent)}.ff-lb-caption{flex:1;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ff-lb-count{font-size:12px;color:#ffffffb3;font-variant-numeric:tabular-nums}.ff-lb-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border:none;border-radius:8px;cursor:pointer;color:#fff;font-size:15px;background:#ffffff1f;transition:background .15s}.ff-lb-btn:hover{background:#ffffff42}.ff-lb-viewport{position:absolute;inset:52px 0 60px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ff-lb.has-legend .ff-lb-viewport{right:340px}.ff-lb-stage{position:relative;display:inline-block;transform-origin:center center;will-change:transform}.ff-lb-img{display:block;max-width:84vw;max-height:calc(100vh - 150px);-webkit-user-select:none;user-select:none;border-radius:4px}.ff-lb.has-legend .ff-lb-img{max-width:calc(84vw - 340px)}.ff-lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;color:#fff;font-size:18px;background:#ffffff24;transition:background .15s}.ff-lb-nav:hover{background:#ffffff47}.ff-lb-nav.prev{left:16px}.ff-lb-nav.next{right:16px}.ff-lb.has-legend .ff-lb-nav.next{right:356px}.ff-lb-legend{position:absolute;top:52px;right:0;bottom:0;width:340px;z-index:3;overflow:auto;padding:16px 18px;color:#fff;background:#121620f7;border-left:1px solid rgba(255,255,255,.12)}.ff-lb-legend-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#fff9;font-weight:700;margin-bottom:10px}.ff-lb-legend .ff-legend{margin:0}.ff-lb-legend .ff-legend li{color:#ffffffeb}.ff-lb-legend .ff-legend .ant-typography{color:#fffffff2}.ff-lb-legend .ff-legend strong,.ff-lb-legend .ff-legend b{color:#69b1ff;font-weight:600}.ff-lb-legend .ff-legend code{color:#fff;background:#ffffff24;border-color:#ffffff38}.ff-lb-legend .ff-legend .ff-legend-n{background:#ffffff29;color:#fff}.ff-lb-tools{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#121620eb;border:1px solid rgba(255,255,255,.14)}.ff-lb.has-legend .ff-lb-tools{left:calc(50% - 170px)}.ff-lb-zoom{color:#fff;font-size:12px;min-width:46px;text-align:center;font-variant-numeric:tabular-nums}.ff-lb-stage .ff-pin{width:26px;height:26px;font-size:13px}@media(max-width:860px){.ff-lb.has-legend .ff-lb-viewport{right:0;bottom:210px}.ff-lb.has-legend .ff-lb-img{max-width:90vw}.ff-lb.has-legend .ff-lb-nav.next{right:16px}.ff-lb.has-legend .ff-lb-tools{left:50%;bottom:216px}.ff-lb-legend{top:auto;width:100%;height:190px;border-left:none;border-top:1px solid rgba(255,255,255,.12)}}:root{--ff-filter-bg: #fafafa;--ff-filter-border: #f0f0f0;--ff-subtle-bg: #fafafa;--ff-subtle-border: #f0f0f0}:root[data-theme=dark]{--ff-filter-bg: rgba(255, 255, 255, .04);--ff-filter-border: #303030;--ff-subtle-bg: rgba(255, 255, 255, .04);--ff-subtle-border: #303030}@keyframes ff-flow-march{to{background-position:18px 0}}.ff-flow-line{height:2px;flex:1;min-width:20px;border-radius:2px;background-image:repeating-linear-gradient(90deg,currentColor 0 7px,transparent 7px 14px);background-size:18px 2px;animation:ff-flow-march .7s linear infinite;opacity:.65}@media(prefers-reduced-motion:reduce){.ff-flow-line{animation:none}}