.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), var(--font-pen), 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,.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{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{margin-top:var(--grid-size);grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.lab-showcase__tab{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{opacity:.5;filter:grayscale(.6);place-items:center;width:64px;height:64px;transition:opacity .18s,filter .18s,transform .18s;display:grid}.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:480px){.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{zoom:.625}.lab-showcase__tab-title{display:none}}