.demo-sugar-high{opacity:.75;filter:grayscale();margin-top:4px;padding:8px 32px}.demo-sugar-high__line{white-space:pre;min-height:1.6em;position:relative}.demo-sugar-high__encoded,.demo-sugar-high__highlight{width:100%;display:block;position:absolute;top:0;left:0}.demo-sugar-high__encoded{color:#8996a3}.demo-sugar-high__highlight{opacity:0;transition:opacity .4s}.demo-sugar-high__highlight--visible{opacity:1}.demo-sugar-high.demo--active{opacity:1;filter:grayscale(0%);transition:opacity .3s,filter .7s}@media (max-width:768px){.demo-sugar-high{padding:8px 16px}}
.demo-bunchee{min-height:3.86rem;cursor:inherit;color:#1e1e1e;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;padding:12px}.demo-bunchee__comment{color:#8996a3}.demo-bunchee__content{white-space:pre}.demo-bunchee__line{white-space:pre;min-height:1.6em}.demo-bunchee__prompt{color:#0060aa99;width:15ch;font-weight:700;display:inline-block}.demo-bunchee__indent{width:15ch;font-weight:700;display:inline-block}
body.demo-vaso--dragging,body.demo-vaso--dragging *{-webkit-user-select:none;user-select:none}.demo-vaso{justify-content:center;align-items:center;height:112px;margin-top:0;margin-bottom:0;display:flex;position:relative}.demo-vaso__base{text-align:center;background:#fff2a6;border-radius:12px;width:40px;height:16px;font-size:12px;line-height:16px;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-vaso.demo--active .demo-vaso__base{background:#fff4b5}.demo-vaso__glass{cursor:grab;touch-action:none;background:0 0;border-radius:50%;width:84px;height:84px;transition:all .6s cubic-bezier(.33,1,.68,1);position:absolute;top:50%;left:calc(50% - 42px);overflow:hidden;transform:translateY(-50%);box-shadow:0 5px 15px #4d473729}.demo-vaso__glass>*{width:100%;height:100%;display:block}.demo-vaso.demo--active .demo-vaso__glass{transform:translate(16px,-50%)}.demo-vaso__glass--floating{top:var(--demo-vaso-glass-y);left:var(--demo-vaso-glass-x);z-index:10000;transition:transform .16s cubic-bezier(.2,.7,.3,1);position:fixed;transform:none}.demo-vaso__glass:active{cursor:grabbing}.demo-vaso__glass--floating[data-drop-zone]{transform:scale(.5)}.demo-vaso__glass--floating[data-dismissing]{pointer-events:none;animation:.18s ease-out forwards demo-vaso-glass-dismiss}@keyframes demo-vaso-glass-dismiss{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(0)}}
.demo-devjar{flex-direction:row;align-items:stretch;gap:0;margin-top:8px;padding:4px 10px;display:flex;position:relative;overflow:hidden}.demo-devjar__code-block{font-family:var(--font-mono);color:var(--demo-ink);background:0 0;border-right:1px solid #a9b5c54d;flex-direction:column;flex:1.2;padding:4px 4px 8px;font-size:.6rem;line-height:1.5;display:flex;position:relative}.demo-devjar__code-line{white-space:pre;font-family:var(--font-mono);align-items:baseline;display:flex}.demo-devjar__code-header{color:var(--demo-muted);justify-content:flex-start;align-items:center;margin-bottom:4px;font-size:.65rem;display:flex}.demo-devjar__code-filename{color:var(--demo-faint)}.demo-devjar__code-body{margin-top:2px}.demo-devjar__code-lineno{text-align:right;width:2ch;color:var(--demo-muted);-webkit-user-select:none;user-select:none;margin-left:-6px;margin-right:6px}.demo-devjar__code-text{color:var(--demo-ink)}.demo-devjar__code-text .sh__token--keyword{font-weight:700}.demo-devjar__preview{background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;padding:4px 4px 8px;display:flex}.demo-devjar__preview-body{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.demo-devjar__code-bars{align-items:center;gap:2px;margin-right:8px;display:flex}.demo-devjar__code-bar{background:#d1d5db;border-radius:999px;width:6px;height:6px}.demo-devjar__preview-head{color:#555;width:80px;max-width:100%;height:auto;margin:0;display:block}.demo-devjar__pixels:not(.demo-devjar__pixels--0){opacity:0;transition:opacity .1s step-end}.demo-devjar.demo--active .demo-devjar__pixels{opacity:1}.demo-devjar.demo--active .demo-devjar__pixels--2{transition-delay:80ms}.demo-devjar.demo--active .demo-devjar__pixels--3{transition-delay:.16s}.demo-devjar.demo--active .demo-devjar__pixels--4{transition-delay:.24s}@media (max-width:768px){.demo-devjar{margin-left:0}}
.project-hover{z-index:0;font-family:var(--font-mono);color:inherit;grid-template-columns:22ch minmax(0,1fr);align-items:baseline;column-gap:1ch;padding:2px 0;line-height:1.7;display:grid;position:relative}.project-hover__name{color:#555;font-size:.8rem;font-weight:400;transition:color .15s ease-out}.project-hover__desc{color:#9a9a9a;justify-self:start;font-size:.72rem;transition:color .15s ease-out;position:relative}.project-hover:hover .project-hover__name,.project-hover:focus-visible .project-hover__name{color:#111}.project-hover:hover .project-hover__desc,.project-hover:focus-visible .project-hover__desc{color:#666}@media (max-width:480px){.project-hover{grid-template-columns:minmax(0,1fr);padding:4px 0;line-height:1.5}}.project-hover:has(.project-hover__card[data-open]){z-index:20}.project-hover__card{--demo-width:100%;--demo-margin-inline:0;--card-y:0px;z-index:20;opacity:0;visibility:hidden;width:300px;transform:translate(0, calc(var(--card-y) + 6px)) scale(.98);transform-origin:0 0;pointer-events:none;background:#fff;border-radius:8px;transition:opacity .16s,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s;display:block;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 10px 28px -12px #0003}.project-hover__card[data-open]{opacity:1;visibility:visible;transform:translate(0, var(--card-y));transition:opacity .16s,transform .22s cubic-bezier(.2,.8,.2,1),visibility}.project-hover__loading{height:72px;display:block}.project-hover__loading--langsagne{height:calc(5.6rem + 40px)}@media (min-width:1320px){.route-flow__section:has(.project-hover){margin-right:-336px;padding-right:336px}.project-hover__card{--card-y:-50%;transform-origin:0;top:50%;left:calc(100% + 16px)}}@media (hover:none){.project-hover__card{display:none}}@media (prefers-reduced-motion:reduce){.project-hover__card,.project-hover__card[data-open]{transform:translate(0, var(--card-y));transition:opacity .12s,visibility}}
.hover-list{position:relative}.hover-list__highlight{--hover-list-height:0px;--hover-list-y:0px;top:0;right:calc(var(--radius-width) / -2);left:calc(var(--radius-width) / -2);height:var(--hover-list-height);border-radius:calc(var(--radius-width) / 2);opacity:0;pointer-events:none;transform:translate3d(0, var(--hover-list-y), 0);will-change:transform;background-color:#0000000d;transition:opacity 60ms ease-out,transform 45ms cubic-bezier(.22,1,.36,1);position:absolute}.hover-list__highlight--visible{opacity:1}.hover-list li{z-index:1;position:relative}
@font-face{font-family:labJiaguwen;src:url(../media/lab_icons_jiaguwen.3mexqrxr8h52q.woff2)format("woff2");font-display:swap}.oe6YLq_className{font-family:labJiaguwen}.oe6YLq_variable{--font-jiaguwen:"labJiaguwen"}
@font-face{font-family:labXiaozhuan;src:url(../media/lab_icons_xiaozhuanti.1t_ynrt6zuzco.woff2)format("woff2");font-display:swap}.MDIz6a_className{font-family:labXiaozhuan}.MDIz6a_variable{--font-xiaozhuanti:"labXiaozhuan"}
.root:has(.lab-page) main{flex:1}.root:has(.lab-page) footer{margin-top:0}.lab-page{flex-direction:column;flex:1;display:flex}.leather-puppet-icon{color:#171717}.leather-puppet-icon svg{width:60px;height:60px}.icon-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.chinese-font-icon{color:#333;font-size:64px;line-height:1}.font-jiaguwen{font-family:var(--font-jiaguwen), serif}.lab-seal-icon{width:60px;height:60px;overflow:visible}.lab-seal-frame{fill:none;stroke:#c8102e;stroke-width:4px}.lab-seal-text{fill:#c8102e;font-family:var(--font-xiaozhuanti), serif;text-anchor:middle;dominant-baseline:middle;font-size:42px;font-weight:700}.font-xiaozhuan{font-family:var(--font-xiaozhuanti), serif}.shichen-icon{color:#333}.shichen-icon svg{stroke:currentColor;stroke-width:.6px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:64px}.shichen-icon__face{stroke-width:.9px}.shichen-icon__character{fill:currentColor;stroke:none;font-family:var(--font-xiaozhuanti), serif;text-anchor:middle;dominant-baseline:central;font-size:8px}.shichen-icon__character--minor{fill:#6f6f6f;font-size:7.2px}.hieroglyphs-icon{color:#173d66}.mo-icon svg,.chess-icon img,.hieroglyphs-icon svg{width:64px;height:64px}.movable-type-icon svg{width:64px;height:64px;overflow:visible}.movable-type-icon path{stroke-linejoin:round}.movable-type-icon__left{fill:#a9a49d;stroke:#24201d;stroke-width:1.1px}.movable-type-icon__right{fill:#6f6a64;stroke:#24201d;stroke-width:1.1px}.movable-type-icon__smear{fill:#24201d;opacity:.42}.movable-type-icon__nick{fill:none;stroke:#24201d;stroke-width:.9px;opacity:.7}.movable-type-icon__face{fill:#2b2724;stroke:#24201d;stroke-width:1.1px}.movable-type-icon__glyph{fill:#e2ddd5;stroke:#0e0c0b;stroke-width:.9px;paint-order:stroke;text-anchor:middle;dominant-baseline:central;font-family:Songti TC,STSong,Noto Serif TC,Noto Serif CJK TC,PMingLiU,serif;font-size:7.6px;font-weight:600}
.lab-showcase{--showcase-ink:#1a1a1a;--showcase-aspect:16 / 9;--showcase-width:max(100%, min(1280px, calc(100vw - var(--grid-size) * 2), calc((100svh - 240px) * var(--showcase-aspect))));padding-bottom:var(--grid-size)}.lab-showcase__plate{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:var(--showcase-width);margin-inline:calc((100% - var(--showcase-width)) / 2);aspect-ratio:var(--showcase-aspect);isolation:isolate;background:#f3f0e9;border-radius:16px;display:block;position:relative;overflow:hidden;box-shadow:-10px 0 24px -16px #281e1438,10px 0 24px -16px #281e1438}.lab-showcase__plate:focus-visible{outline:2px solid var(--showcase-ink);outline-offset:4px}.lab-showcase__media{transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.lab-showcase__media{animation:.16s ease-out both lab-showcase-in}.lab-showcase__plate:hover .lab-showcase__media{transform:scale(1.015)}}@keyframes lab-showcase-in{0%{opacity:0}}.lab-showcase__poster,.lab-showcase__video{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.lab-showcase__video{opacity:0;transition:opacity .4s}.lab-showcase__video[data-playing]{opacity:1}.lab-showcase__open-anchor{z-index:1;display:flex;position:absolute;bottom:12px;left:12px}.lab-showcase__open{color:var(--showcase-ink);font-family:var(--font-mono);white-space:nowrap;background:#ffffff80;border-radius:14px;padding:4px 12px;font-size:.75rem;line-height:20px;display:block}.lab-showcase__open-label{position:relative}.lab-showcase__tabs{width:var(--showcase-width);margin-inline:calc((100% - var(--showcase-width)) / 2);margin-top:var(--grid-size);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}.lab-showcase__tab{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-radius:var(--radius-width);color:#888;min-width:0;font:inherit;cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:10px 2px 8px;transition:background-color .18s,color .18s;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.lab-showcase__tab{cursor:pointer}}.lab-showcase__icon{--lab-icon-scale:1;width:calc(64px * var(--lab-icon-scale));height:calc(64px * var(--lab-icon-scale));opacity:.5;filter:grayscale(.6);grid-template-rows:100%;grid-template-columns:100%;place-items:center;transition:opacity .18s,filter .18s,transform .18s;display:grid}.lab-showcase__icon>.icon-wrapper{width:64px;height:64px;transform:scale(var(--lab-icon-scale));place-self:center}.lab-showcase__icon img{-webkit-user-drag:none}.lab-showcase__tab-title{max-width:100%;font-family:var(--font-mono);text-align:center;text-wrap:balance;font-size:.7rem;line-height:1.3}.lab-showcase__tab:hover .lab-showcase__icon,.lab-showcase__tab:focus-visible .lab-showcase__icon{opacity:.9;filter:none}.lab-showcase__tab:focus-visible{outline:1px solid var(--showcase-ink);outline-offset:-1px}.lab-showcase__tab[aria-selected=true]{color:var(--showcase-ink);background:#0000000a}.lab-showcase__tab[aria-selected=true] .lab-showcase__icon{opacity:1;filter:none}@media (max-width:640px){.lab-showcase{--showcase-width:100%}.lab-showcase__plate{border-radius:12px}.lab-showcase__tabs{gap:0}.lab-showcase__tab{border-radius:8px;padding:6px 0}.lab-showcase__icon{--lab-icon-scale:.625}.lab-showcase__tab-title{display:none}}@media (max-width:400px){.lab-showcase__icon{--lab-icon-scale:.5}}@media (max-width:340px){.lab-showcase__icon{--lab-icon-scale:.4375}}