:root{--sx-w:#6ea8ff;--sx-w-soft:#6ea8ff2e;--sx-s:#ff6b85;--sx-s-soft:#ff6b8533;--sx-stage:color-mix(in srgb, var(--bg) 82%, #1a2233 18%)}:root[data-theme=light]{--sx-w:#2563eb;--sx-w-soft:#2563eb1f;--sx-s:#e11d48;--sx-s-soft:#e11d481f;--sx-stage:#f3f5f8}.sx-panel{border:1px solid var(--line);background:var(--sx-stage);border-radius:16px;margin:2.4em 0;padding:24px;display:block}.sx-cap{color:var(--muted);margin-top:14px;font-size:14px;line-height:1.6}.sx-w{color:var(--sx-w)}.sx-s{color:var(--sx-s)}.sx-seg{border:1px solid var(--line-hi);background:var(--panel);border-radius:10px;padding:3px;display:inline-flex}.sx-seg button{min-height:32px;color:var(--muted);font:500 13px/1 var(--sans);cursor:var(--cursor-pointer);transition:background-color .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:7px;padding:0 12px}.sx-seg button:hover{color:var(--strong)}.sx-seg button[aria-pressed=true]{background:var(--panel-hi);color:var(--strong);box-shadow:inset 0 0 0 1px var(--line-hi)}.sx-seg button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.sx-seg button:disabled{opacity:.4;cursor:not-allowed}@media (width<=640px){.sx-bleed{border-inline:0;border-radius:0;margin-inline:-16px;padding-inline:16px}}.xr-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:20px;display:flex}.xr-dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.xr-dot.is-w{background:var(--sx-w)}.xr-dot.is-s{background:var(--sx-s)}.xr-run{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.xr-run[hidden]{display:none}.xr-phone{--c-w:#2563eb;--c-s:#e11d48;box-shadow:0 0 0 1px var(--line-hi), 0 28px 60px -32px #0000008c;background:#f4f5f7;border-radius:22px;position:relative;overflow:hidden}.xr-phone img{width:100%;height:100%;display:block}.xr-ov{pointer-events:none;position:absolute;inset:0}.xr-box,.xr-gap{transition:top .8s var(--ease), left .8s var(--ease), width .8s var(--ease), height .8s var(--ease), background-color .4s var(--ease), border-color .4s var(--ease);position:absolute}.xr-box{top:var(--wt);left:var(--wl);width:var(--ww);height:var(--wh);border:1px dashed var(--c-w);opacity:.7;background:#2563eb12}.xr[data-mode=s] .xr-box{top:var(--st);left:var(--sl);width:var(--sw);height:var(--sh);border:1px solid var(--c-s);background:0 0}.xr-gap{top:var(--wt);left:var(--l);width:var(--w);height:var(--wh);border-block:1px solid var(--c-w);background:#2563eb4d}.xr[data-mode=s] .xr-gap{top:var(--st);height:var(--sh);border-color:var(--c-s);background:#e11d484d}.xr-gap i,.xr-num{color:#fff;min-width:16px;height:16px;font:600 10px/1 var(--mono);border-radius:8px;place-items:center;font-style:normal;display:inline-grid}.xr-gap i{background:var(--c-w);transition:background-color .4s var(--ease);margin-right:3px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.xr[data-mode=s] .xr-gap i{background:var(--c-s)}.xr-gap.is-hot{box-shadow:0 0 0 2px #111827}.xr-side{min-width:0}.xr-note{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.6}.xr-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.xr-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.xr-table th,.xr-table td{border-bottom:1px solid var(--line);text-align:left;padding:9px 8px;font-weight:400}.xr-table thead th{color:var(--muted);font:500 11px/1.4 var(--mono);letter-spacing:.06em}.xr-table tbody th{color:var(--text)}.xr-table td.is-w,.xr-table td.is-s,.xr-table td.xr-plus,.xr-table thead th:nth-child(n+3){text-align:right;font-family:var(--mono)}.xr-table td.is-w{color:var(--sx-w)}.xr-table td.is-s{color:var(--sx-s)}.xr-table td.xr-plus{color:var(--muted)}.xr[data-mode=w] td.is-w,.xr[data-mode=s] td.is-s{font-weight:700}.xr-num{background:var(--panel-hi);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-hi)}.xr-table tr.is-hot{background:var(--panel-hi)}.xr-sum{color:var(--text);font-variant-numeric:tabular-nums;gap:4px;margin:16px 0 0;font-size:14px;line-height:1.6;display:grid}.xr-sum span:first-child{color:var(--muted);font-size:13px}@media (width<=640px){.xr-bar{flex-direction:column;align-items:stretch}.xr-bar .sx-seg{justify-content:space-between}.xr-bar .sx-seg button{flex:1;padding:0 6px}.xr-run{grid-template-columns:minmax(0,1fr)}.xr-phone{width:min(100%,340px);margin:0 auto}}@media (prefers-reduced-motion:reduce){.xr-box,.xr-gap,.xr-gap i{transition:none}}.ta-ctrl{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.ta-lh{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:inline-flex}.ta-lh input{width:140px;accent-color:var(--brand)}.ta-lh output{min-width:3.2em;color:var(--strong);font:500 13px/1 var(--mono);font-variant-numeric:tabular-nums}.ta-stage{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;justify-content:center;margin-top:24px;padding:36px 0;display:flex;overflow:hidden}.ta-wrap{margin-right:130px;position:relative}.ta-text{color:var(--strong);white-space:nowrap;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400}.ta-ov{pointer-events:none;position:absolute;inset:0}.ta-box,.ta-ink,.ta-band{transition:top .25s var(--ease), height .25s var(--ease);position:absolute;left:-6px;right:-6px}.ta-box{border:1.5px dashed var(--sx-w)}.ta-ink{border:1.5px solid var(--sx-s);left:0;right:0}.ta-band{background:var(--sx-w-soft)}.ta-band.is-over{background:var(--sx-s-soft)}.ta-tag{color:var(--sx-w);font:600 13px/1 var(--mono);white-space:nowrap;font-variant-numeric:tabular-nums;transition:top .25s var(--ease);position:absolute;left:calc(100% + 16px);transform:translateY(-50%)}.ta-tag.is-over{color:var(--sx-s)}.ta-read{color:var(--text);font-variant-numeric:tabular-nums;margin:16px 0 0;font-size:14px;line-height:1.6}.ta-note{color:var(--warn);margin:8px 0 0;font-size:13px}@media (width<=640px){.ta-ctrl{flex-direction:column;align-items:stretch}.ta-ctrl .sx-seg button{flex:1}.ta-lh input{flex:1;width:auto}.ta-wrap{margin-right:110px}}@media (prefers-reduced-motion:reduce){.ta-box,.ta-ink,.ta-band,.ta-tag{transition:none}}.gd{margin-inline:0}.gd-legend{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-bottom:18px;font-size:13px;display:flex}.gd-legend span{align-items:center;gap:8px;display:inline-flex}.gd-key{border-radius:50%;width:10px;height:10px;display:inline-block}.gd-key.is-w{background:var(--sx-w)}.gd-key.is-s{background:var(--sx-s)}.gd-key.is-floor{background:repeating-linear-gradient(-45deg, var(--line-hi) 0 2px, transparent 2px 5px);border-radius:3px;width:18px;height:10px}.gd-scale,.gd-track{margin-left:76px;margin-right:70px;position:relative}.gd-scale{height:16px;color:var(--muted);font:500 11px/1 var(--mono)}.gd-scale span{position:absolute;transform:translate(-50%)}.gd-g+.gd-g{margin-top:14px}.gd-h{color:var(--strong);font:600 14px/1.4 var(--sans);align-items:baseline;gap:8px;margin:10px 0 4px;display:flex}.gd-h small{color:var(--muted);font:500 11px/1 var(--mono)}.gd-row{align-items:center;height:24px;display:flex}.gd-run{width:76px;color:var(--muted);flex:none;font-size:12px}.gd-row .gd-track{background:linear-gradient(var(--line), var(--line)) 0 50% / 100% 1px no-repeat;flex:1;height:100%;margin-left:0}.gd-floor{background:repeating-linear-gradient(-45deg, var(--line-hi) 0 2px, transparent 2px 5px);border-radius:3px;position:absolute;top:5px;bottom:5px;left:0}.gd-line{background:linear-gradient(90deg, var(--sx-w), var(--sx-s));height:2px;margin-top:-1px;position:absolute;top:50%}.gd-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--sx-stage);border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%}.gd-dot.is-w{background:var(--sx-w)}.gd-dot.is-s{background:var(--sx-s)}.gd-val{color:var(--muted);font:500 12px/1 var(--mono);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:10px;position:absolute;top:50%;transform:translateY(-50%)}.gd-val b{font-weight:600}@media (width<=640px){.gd-scale,.gd-track{margin-left:52px;margin-right:64px}.gd-run{width:52px;font-size:11px}.gd-val{font-size:11px}}.sq-ctrl{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:20px;display:flex}.sq-blur{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:inline-flex}.sq-blur input{width:180px;accent-color:var(--brand)}.sq-blur output{min-width:3.4em;color:var(--strong);font:500 13px/1 var(--mono);font-variant-numeric:tabular-nums}.sq-quick{border:1px solid var(--line-hi);background:var(--panel);min-height:34px;color:var(--strong);font:500 13px/1 var(--sans);cursor:var(--cursor-pointer);transition:border-color .2s var(--ease), background-color .2s var(--ease);border-radius:10px;padding:0 14px}.sq-quick:hover{border-color:var(--brand)}.sq-quick[aria-pressed=true]{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, transparent)}.sq-quick:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sq-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.sq-grid figure{margin:0}.sq-shot{box-shadow:0 0 0 1px var(--line-hi), 0 24px 50px -30px #00000080;background:#f4f5f7;border-radius:18px;overflow:hidden}.sq-shot img{width:100%;height:auto;filter:blur(var(--blur,0px));transition:filter .3s var(--ease);display:block}.sq-grid figcaption{color:var(--muted);flex-wrap:wrap;gap:4px 8px;margin-top:10px;font-size:13px;line-height:1.5;display:flex}.sq-grid figcaption b{color:var(--strong);font-weight:600}@media (width<=640px){.sq-grid{gap:10px}.sq-shot{border-radius:12px}.sq-blur{flex:1}.sq-blur input{flex:1;width:auto}}@media (prefers-reduced-motion:reduce){.sq-shot img{transition:none}}.xrr-row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.xrr-go,.xrr-copy{min-height:40px;font:600 14px/1 var(--sans);cursor:var(--cursor-pointer);transition:background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);border-radius:10px;padding:0 18px}.xrr-go{border:1px solid var(--brand);background:var(--brand);color:#04201f}.xrr-go:hover{background:color-mix(in srgb, var(--brand) 85%, #fff 15%)}.xrr-go[aria-pressed=true]{color:var(--brand-ink);background:0 0}.xrr-copy{border:1px solid var(--line-hi);background:var(--panel);color:var(--strong)}.xrr-copy:hover{border-color:var(--brand)}.xrr-go:focus-visible,.xrr-copy:focus-visible,.xrr-src:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.xrr-src{color:var(--brand-ink);text-underline-offset:3px;font-size:14px;text-decoration:underline}.xrr-msg{color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.7}@media (width<=640px){.xrr-go{flex:100%}.xrr-copy{flex:1}}