.pp:where(.astro-fflvincp){background:var(--ot-bg-page);color:var(--ot-text-primary);border:1px solid var(--ot-border);border-radius:6px;margin:1.25rem 0 1.75rem;padding:16px 16px 12px;font-family:Noto Sans TC,PingFang TC,Hiragino Sans,Noto Sans JP,system-ui,sans-serif}.pp:where(.astro-fflvincp):focus{outline:1px solid var(--ot-primary);outline-offset:2px}.pp-kicker:where(.astro-fflvincp){font-family:var(--ot-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ot-text-secondary);justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;font-size:11px;display:flex}.pp-step:where(.astro-fflvincp){font-variant-numeric:tabular-nums;letter-spacing:.04em}.pp-stage:where(.astro-fflvincp){background:var(--ot-bg-page);position:relative}.pp-svg:where(.astro-fflvincp){width:100%;height:auto;display:block}.pp-wire:where(.astro-fflvincp){fill:none;stroke:var(--ot-border);stroke-width:1.4px}.pp-slab:where(.astro-fflvincp){fill:var(--ot-bg-surface);stroke:var(--ot-border);stroke-width:1.5px}.pp-elev:where(.astro-fflvincp){fill:var(--ot-bg-elevated);stroke:none}.pp-line:where(.astro-fflvincp){fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.pp-line-hl:where(.astro-fflvincp){stroke:var(--ot-primary)}.pp-line-warn:where(.astro-fflvincp){stroke:var(--ot-warning)}.pp-line-info:where(.astro-fflvincp){stroke:var(--ot-info)}.pp-dot-win:where(.astro-fflvincp){fill:var(--ot-primary)}:where(.astro-fflvincp)[data-draw]{transition:opacity .45s}.pp:where(.astro-fflvincp)[data-beat="0"] :where(.astro-fflvincp)[data-draw=target],.pp:where(.astro-fflvincp)[data-beat="1"] :where(.astro-fflvincp)[data-draw=target],.pp:where(.astro-fflvincp)[data-beat="2"] :where(.astro-fflvincp)[data-draw=target]{opacity:.22}.pp:where(.astro-fflvincp)[data-beat="1"] :where(.astro-fflvincp)[data-box=browser] .pp-slab:where(.astro-fflvincp):not(.pp-elev),.pp:where(.astro-fflvincp)[data-beat="3"] :where(.astro-fflvincp)[data-box=backend] .pp-slab:where(.astro-fflvincp):not(.pp-elev){stroke:var(--ot-primary)}.pp:where(.astro-fflvincp)[data-beat="2"] :where(.astro-fflvincp)[data-box=backend] .pp-slab:where(.astro-fflvincp):not(.pp-elev),.pp:where(.astro-fflvincp)[data-beat="2"] :where(.astro-fflvincp)[data-box=disk] .pp-slab:where(.astro-fflvincp):not(.pp-elev){stroke:var(--ot-warning)}.pp:where(.astro-fflvincp)[data-beat="4"] :where(.astro-fflvincp)[data-box=target] .pp-slab:where(.astro-fflvincp):not(.pp-elev){stroke:var(--ot-success)}.pp-label:where(.astro-fflvincp){height:22px;font-family:var(--ot-font-mono);letter-spacing:.04em;color:var(--ot-text-primary);background:color-mix(in srgb, var(--ot-bg-page) 78%, transparent);border-radius:3px;align-items:center;width:fit-content;padding:0 8px;font-size:11px;line-height:1;display:flex}.pp-chips:where(.astro-fflvincp){width:100%;height:100%;position:relative}.pp-chip:where(.astro-fflvincp){white-space:nowrap;color:var(--ot-text-secondary);background:color-mix(in srgb, var(--ot-bg-page) 78%, transparent);opacity:0;border-radius:3px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex;position:absolute;inset:0}.pp-chip-on:where(.astro-fflvincp){color:var(--ot-primary-hover)}.pp-chip-warn:where(.astro-fflvincp){color:var(--ot-warning)}.pp-chip-ok:where(.astro-fflvincp){color:var(--ot-success)}.pp:where(.astro-fflvincp)[data-beat="0"] :where(.astro-fflvincp)[data-from~="0"],.pp:where(.astro-fflvincp)[data-beat="1"] :where(.astro-fflvincp)[data-from~="1"],.pp:where(.astro-fflvincp)[data-beat="2"] :where(.astro-fflvincp)[data-from~="2"],.pp:where(.astro-fflvincp)[data-beat="3"] :where(.astro-fflvincp)[data-from~="3"],.pp:where(.astro-fflvincp)[data-beat="4"] :where(.astro-fflvincp)[data-from~="4"]{opacity:1}.pp-packet:where(.astro-fflvincp){opacity:0;pointer-events:none}.pp-packet-hl:where(.astro-fflvincp){fill:var(--ot-primary)}.pp-packet-warn:where(.astro-fflvincp){fill:var(--ot-warning)}.pp-caption:where(.astro-fflvincp){color:var(--ot-text-primary);min-height:1.55em;margin:12px 0 0;font-size:15px;line-height:1.55}.pp-bar:where(.astro-fflvincp){align-items:center;gap:6px;height:32px;margin-top:14px;display:flex}.pp-dots:where(.astro-fflvincp),.pp-nav:where(.astro-fflvincp){display:contents}.pp-dot:where(.astro-fflvincp),.pp-btn:where(.astro-fflvincp){all:unset;box-sizing:border-box;border:1px solid var(--ot-border);background:var(--ot-bg-surface);min-width:0;height:32px;color:var(--ot-text-secondary);white-space:nowrap;cursor:pointer;border-radius:4px;flex:1 1 0;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:12px;line-height:1;display:inline-flex}.pp-dot:where(.astro-fflvincp):hover,.pp-btn:where(.astro-fflvincp):hover:not(:disabled){color:var(--ot-text-primary);border-color:var(--ot-primary-hover)}.pp-dot:where(.astro-fflvincp)[aria-current=step]{color:var(--ot-text-primary);border-color:var(--ot-primary);background:var(--ot-bg-elevated)}.pp-dot:where(.astro-fflvincp):focus-visible,.pp-btn:where(.astro-fflvincp):focus-visible{outline:1px solid var(--ot-primary);outline-offset:2px}.pp-btn:where(.astro-fflvincp){color:var(--ot-text-primary)}.pp-btn:where(.astro-fflvincp):disabled{opacity:.4;cursor:default}.pp-btn-primary:where(.astro-fflvincp){background:var(--ot-primary);border-color:var(--ot-primary);color:#fff}.pp-btn-primary:where(.astro-fflvincp):hover:not(:disabled){background:var(--ot-primary-hover);border-color:var(--ot-primary-hover)}.pp-btn-primary:where(.astro-fflvincp):disabled{background:var(--ot-bg-surface);border-color:var(--ot-border);color:var(--ot-text-secondary)}.pp-list:where(.astro-fflvincp){color:var(--ot-text-secondary);margin:12px 0 0;padding-left:1.2em;font-size:14px}.pp-foot:where(.astro-fflvincp){color:var(--ot-text-secondary);margin:12px 0 0;font-size:13px}.pp-foot:where(.astro-fflvincp) a:where(.astro-fflvincp){color:var(--ot-primary-hover)}@media (width<=767px){.pp-stage:where(.astro-fflvincp){display:none}.pp-list:where(.astro-fflvincp){display:block!important}.pp-caption:where(.astro-fflvincp),.pp-dot:where(.astro-fflvincp),.pp-btn:where(.astro-fflvincp){display:none}}