.pp:where(.astro-7inbawak){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-7inbawak):focus{outline:1px solid var(--ot-primary);outline-offset:2px}.pp-kicker:where(.astro-7inbawak){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-7inbawak){font-variant-numeric:tabular-nums;letter-spacing:.04em}.pp-stage:where(.astro-7inbawak){background:var(--ot-bg-page);position:relative}.pp-svg:where(.astro-7inbawak){width:100%;height:auto;display:block}.pp-wire:where(.astro-7inbawak){fill:none;stroke:var(--ot-border);stroke-width:1.4px}.pp-slab:where(.astro-7inbawak){fill:var(--ot-bg-surface);stroke:var(--ot-border);stroke-width:1.5px}.pp-elev:where(.astro-7inbawak){fill:var(--ot-bg-elevated);stroke:none}.pp-env:where(.astro-7inbawak),.pp-key:where(.astro-7inbawak){fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.pp-env-dek:where(.astro-7inbawak){stroke:var(--ot-warning)}.pp-env-outer:where(.astro-7inbawak){stroke:var(--ot-info)}.pp-key:where(.astro-7inbawak){stroke:var(--ot-primary)}:where(.astro-7inbawak)[data-draw]{transition:opacity .45s}.pp:where(.astro-7inbawak)[data-beat="0"] :where(.astro-7inbawak)[data-draw=outer],.pp:where(.astro-7inbawak)[data-beat="0"] :where(.astro-7inbawak)[data-draw=kek],.pp:where(.astro-7inbawak)[data-beat="1"] :where(.astro-7inbawak)[data-draw=kek]{opacity:.22}.pp:where(.astro-7inbawak)[data-beat="0"] :where(.astro-7inbawak)[data-box=inner] .pp-slab:where(.astro-7inbawak):not(.pp-elev),.pp:where(.astro-7inbawak)[data-beat="3"] :where(.astro-7inbawak)[data-box=inner] .pp-slab:where(.astro-7inbawak):not(.pp-elev){stroke:var(--ot-warning)}.pp:where(.astro-7inbawak)[data-beat="1"] :where(.astro-7inbawak)[data-box=outer] .pp-slab:where(.astro-7inbawak):not(.pp-elev),.pp:where(.astro-7inbawak)[data-beat="4"] :where(.astro-7inbawak)[data-box=outer] .pp-slab:where(.astro-7inbawak):not(.pp-elev){stroke:var(--ot-info)}.pp:where(.astro-7inbawak)[data-beat="2"] :where(.astro-7inbawak)[data-box=kek] .pp-slab:where(.astro-7inbawak):not(.pp-elev),.pp:where(.astro-7inbawak)[data-beat="3"] :where(.astro-7inbawak)[data-box=kek] .pp-slab:where(.astro-7inbawak):not(.pp-elev){stroke:var(--ot-primary)}.pp-label:where(.astro-7inbawak){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-7inbawak){width:100%;height:100%;position:relative}.pp-chip:where(.astro-7inbawak){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-7inbawak){color:var(--ot-primary-hover)}.pp-chip-warn:where(.astro-7inbawak){color:var(--ot-warning)}.pp-chip-ok:where(.astro-7inbawak){color:var(--ot-info)}.pp:where(.astro-7inbawak)[data-beat="0"] :where(.astro-7inbawak)[data-from~="0"],.pp:where(.astro-7inbawak)[data-beat="1"] :where(.astro-7inbawak)[data-from~="1"],.pp:where(.astro-7inbawak)[data-beat="2"] :where(.astro-7inbawak)[data-from~="2"],.pp:where(.astro-7inbawak)[data-beat="3"] :where(.astro-7inbawak)[data-from~="3"],.pp:where(.astro-7inbawak)[data-beat="4"] :where(.astro-7inbawak)[data-from~="4"]{opacity:1}.pp-packet:where(.astro-7inbawak){opacity:0;pointer-events:none}.pp-packet-warn:where(.astro-7inbawak){fill:var(--ot-warning)}.pp-caption:where(.astro-7inbawak){color:var(--ot-text-primary);min-height:1.55em;margin:12px 0 0;font-size:15px;line-height:1.55}.pp-bar:where(.astro-7inbawak){align-items:center;gap:6px;height:32px;margin-top:14px;display:flex}.pp-dots:where(.astro-7inbawak),.pp-nav:where(.astro-7inbawak){display:contents}.pp-dot:where(.astro-7inbawak),.pp-btn:where(.astro-7inbawak){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-7inbawak):hover,.pp-btn:where(.astro-7inbawak):hover:not(:disabled){color:var(--ot-text-primary);border-color:var(--ot-primary-hover)}.pp-dot:where(.astro-7inbawak)[aria-current=step]{color:var(--ot-text-primary);border-color:var(--ot-primary);background:var(--ot-bg-elevated)}.pp-dot:where(.astro-7inbawak):focus-visible,.pp-btn:where(.astro-7inbawak):focus-visible{outline:1px solid var(--ot-primary);outline-offset:2px}.pp-btn:where(.astro-7inbawak){color:var(--ot-text-primary)}.pp-btn:where(.astro-7inbawak):disabled{opacity:.4;cursor:default}.pp-btn-primary:where(.astro-7inbawak){background:var(--ot-primary);border-color:var(--ot-primary);color:#fff}.pp-btn-primary:where(.astro-7inbawak):hover:not(:disabled){background:var(--ot-primary-hover);border-color:var(--ot-primary-hover)}.pp-btn-primary:where(.astro-7inbawak):disabled{background:var(--ot-bg-surface);border-color:var(--ot-border);color:var(--ot-text-secondary)}.pp-list:where(.astro-7inbawak){color:var(--ot-text-secondary);margin:12px 0 0;padding-left:1.2em;font-size:14px}.pp-foot:where(.astro-7inbawak){color:var(--ot-text-secondary);margin:12px 0 0;font-size:13px}.pp-foot:where(.astro-7inbawak) a:where(.astro-7inbawak){color:var(--ot-primary-hover)}@media (width<=767px){.pp-stage:where(.astro-7inbawak){display:none}.pp-list:where(.astro-7inbawak){display:block!important}.pp-caption:where(.astro-7inbawak),.pp-dot:where(.astro-7inbawak),.pp-btn:where(.astro-7inbawak){display:none}}.pp:where(.astro-wdfvg6ou){border:1px solid var(--ot-border);background:var(--ot-bg-page);color:var(--ot-text-primary);border-radius:6px;margin:1.25rem 0 1.75rem;padding:18px;font-family:Noto Sans TC,PingFang TC,system-ui,sans-serif}.pp:where(.astro-wdfvg6ou) :where(.astro-wdfvg6ou),.pp:where(.astro-wdfvg6ou) :where(.astro-wdfvg6ou):before,.pp:where(.astro-wdfvg6ou) :where(.astro-wdfvg6ou):after{box-sizing:border-box}.pp:where(.astro-wdfvg6ou):focus-visible{outline:2px solid var(--ot-primary-hover);outline-offset:3px}.pp-kicker:where(.astro-wdfvg6ou){color:var(--ot-text-primary);justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-size:14px;display:flex}.pp-step:where(.astro-wdfvg6ou){font:12px var(--ot-font-mono);color:var(--ot-text-secondary);flex-shrink:0}.pp-stage:where(.astro-wdfvg6ou){overflow:hidden}.pp-svg:where(.astro-wdfvg6ou){width:100%;height:auto;display:block}.wire:where(.astro-wdfvg6ou),.slab:where(.astro-wdfvg6ou),.accent-line:where(.astro-wdfvg6ou),.success-line:where(.astro-wdfvg6ou),.warn-line:where(.astro-wdfvg6ou){stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.wire:where(.astro-wdfvg6ou){fill:none;stroke:var(--ot-border)}.slab:where(.astro-wdfvg6ou){fill:var(--ot-bg-surface);stroke:var(--ot-border)}.accent-line:where(.astro-wdfvg6ou){fill:none;stroke:var(--ot-primary-hover)}.success-line:where(.astro-wdfvg6ou){fill:none;stroke:var(--ot-success)}.warn-line:where(.astro-wdfvg6ou){fill:none;stroke:var(--ot-warning)}.success-box:where(.astro-wdfvg6ou){fill:var(--ot-bg-elevated);stroke:var(--ot-success)}text:where(.astro-wdfvg6ou){fill:var(--ot-text-primary);font-family:inherit}.label:where(.astro-wdfvg6ou){font-size:17px;font-weight:600}.value:where(.astro-wdfvg6ou){font-size:19px}.small:where(.astro-wdfvg6ou){fill:var(--ot-text-secondary);font-size:15px}.version:where(.astro-wdfvg6ou){font:23px var(--ot-font-mono)}.success:where(.astro-wdfvg6ou){fill:var(--ot-success)}.warn:where(.astro-wdfvg6ou){fill:var(--ot-warning)}.state:where(.astro-wdfvg6ou){display:none}.pp:where(.astro-wdfvg6ou)[data-beat="0"] :where(.astro-wdfvg6ou)[data-show~="0"],.pp:where(.astro-wdfvg6ou)[data-beat="1"] :where(.astro-wdfvg6ou)[data-show~="1"],.pp:where(.astro-wdfvg6ou)[data-beat="2"] :where(.astro-wdfvg6ou)[data-show~="2"],.pp:where(.astro-wdfvg6ou)[data-beat="3"] :where(.astro-wdfvg6ou)[data-show~="3"],.pp:where(.astro-wdfvg6ou)[data-beat="4"] :where(.astro-wdfvg6ou)[data-show~="4"]{display:initial}.pp:where(.astro-wdfvg6ou)[data-interactive=true] .signal:where(.astro-wdfvg6ou){animation:.55s ease-out both signal-in}@keyframes signal-in{0%{opacity:.3;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.pp-caption:where(.astro-wdfvg6ou){min-height:3.4em;color:var(--ot-text-primary);margin:14px 0 0;font-size:15px;line-height:1.7}.pp-bar:where(.astro-wdfvg6ou){flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:none}.pp:where(.astro-wdfvg6ou)[data-interactive=true] .pp-bar:where(.astro-wdfvg6ou){display:flex}.pp-dots:where(.astro-wdfvg6ou),.pp-nav:where(.astro-wdfvg6ou){flex-wrap:wrap;gap:6px;display:flex}.pp-nav:where(.astro-wdfvg6ou){margin-left:auto}.pp-dot:where(.astro-wdfvg6ou),.pp-btn:where(.astro-wdfvg6ou){appearance:none;border:1px solid var(--ot-border);background:var(--ot-bg-surface);min-height:36px;color:var(--ot-text-secondary);font:inherit;cursor:pointer;border-radius:4px;margin:0;padding:6px 10px;font-size:12px;line-height:1.5}.pp-dot:where(.astro-wdfvg6ou)[aria-current=step]{border-color:var(--ot-primary);background:var(--ot-bg-elevated);color:var(--ot-text-primary)}.pp-dot:where(.astro-wdfvg6ou):hover,.pp-btn:where(.astro-wdfvg6ou):hover:not(:disabled){border-color:var(--ot-primary-hover);color:var(--ot-text-primary)}.pp-btn-primary:where(.astro-wdfvg6ou){background:var(--ot-primary-active);color:var(--ot-text-primary)}.pp-btn:where(.astro-wdfvg6ou):disabled{opacity:.45;cursor:default}.pp-dot:where(.astro-wdfvg6ou):focus-visible,.pp-btn:where(.astro-wdfvg6ou):focus-visible{outline:2px solid var(--ot-primary-hover);outline-offset:2px}.pp-list:where(.astro-wdfvg6ou){color:var(--ot-text-secondary);margin:14px 0 0;padding-left:1.4em;font-size:14px;line-height:1.8}.pp-list:where(.astro-wdfvg6ou) li:where(.astro-wdfvg6ou)+li:where(.astro-wdfvg6ou){margin-top:8px}.pp:where(.astro-wdfvg6ou):not([data-interactive=true]) .pp-list:where(.astro-wdfvg6ou){display:block!important}.pp:where(.astro-wdfvg6ou)[data-interactive=true] .pp-list:where(.astro-wdfvg6ou){display:none}@media (width<=767px){.pp:where(.astro-wdfvg6ou){padding:12px}.pp-kicker:where(.astro-wdfvg6ou){font-size:13px}.pp-stage:where(.astro-wdfvg6ou){overflow-x:auto}.pp-svg:where(.astro-wdfvg6ou){min-width:580px}}@media (prefers-reduced-motion:reduce){.signal:where(.astro-wdfvg6ou){animation:none!important}}