.lab-page{--ink:#eeeee5;--ink-2:#a9a89f;--ink-3:#77766e;--line:#ffffff1c;--cn-display:"Songti SC","Noto Serif SC","STSong",serif;--spring:cubic-bezier(.34,1.56,.64,1);--out:cubic-bezier(.16,1,.3,1);color:var(--ink);background:#070707}.lab-page a{color:inherit;text-decoration:none}.lab-hero{isolation:isolate;border-bottom:1px solid var(--line);align-items:flex-end;height:min(52svh,480px);min-height:360px;padding:0 6.3% 56px;display:flex;position:relative;overflow:hidden}.lab-hero-field{z-index:-1;filter:grayscale()contrast(1.15);opacity:.6;position:absolute;inset:0}.lab-hero-field .page-react-visual{background:#070707;border:0;height:100%;position:absolute;inset:0}.lab-hero-field .lab-terminal-copy{display:none}.lab-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#070707f2 0,#070707a6 45%,#07070726 100%),linear-gradient(#07070700 50%,#070707);position:absolute;inset:0}.lab-eyebrow{font:10px var(--mono);letter-spacing:.16em;color:var(--ink-3);margin:0 0 20px}.lab-hero h1{font:400 clamp(56px,7vw,104px)/1.05 var(--cn-display);letter-spacing:.02em;margin:0 0 16px}.lab-hero-copy>p:last-child{font:400 clamp(18px,1.8vw,24px) var(--cn-display);color:var(--ink-2);margin:0}.lab-prompt{font:11px var(--mono);color:var(--ink-2);margin:0;position:absolute;bottom:60px;right:6.3%}.lab-prompt span{color:var(--ink)}.lab-prompt i{background:var(--ink);vertical-align:-2px;width:7px;height:13px;margin-left:6px;animation:1s step-end infinite lab-caret;display:inline-block}.lab-wall-section{width:min(1320px,92%);margin:0 auto;padding:44px 0 20px}.lab-wall-head{flex-wrap:wrap;align-items:center;gap:20px;min-height:36px;margin-bottom:16px;display:flex}.lab-wall-note{color:var(--ink-2);align-items:center;gap:12px;margin:0;font-size:12px;display:flex}.lab-wall-note span{font:9px var(--mono);letter-spacing:.14em;color:var(--ink);border:1px dashed #ffffff40;padding:4px 7px}.lab-wall-legend{font:10px var(--mono);color:var(--ink-3);align-items:center;gap:6px;margin-left:auto;display:flex}.lab-wall-legend i{width:8px;height:8px;margin-left:10px}[data-s=成功]{--s:var(--ink)}[data-s=部分]{--s:repeating-linear-gradient(45deg,#eeeee5 0 2px,transparent 2px 4px)}[data-s=失败]{--s:transparent}.lab-wall-legend i{background:var(--s);border:1px solid var(--ink)}.lab-filters{flex-wrap:wrap;gap:6px;display:flex}.lab-filters button{appearance:none;color:var(--ink-2);font:12px "Atlas Pixel",var(--mono);cursor:pointer;transition:background .25s var(--out),color .25s,transform .35s var(--spring);background:0 0;border:1px solid #ffffff30;padding:7px 11px}.lab-filters button:active{transform:scale(.94)}.lab-filters button[aria-pressed=true]{background:var(--ink);color:#070707;border-color:var(--ink)}.lab-filters small{font:9px var(--mono);opacity:.6;margin-left:4px}.lab-wall{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:190px;grid-auto-flow:dense;gap:10px;display:grid}.lab-monitor{appearance:none;color:var(--ink);text-align:left;cursor:zoom-in;background:#0b0b0a;border:1px solid #ffffff26;grid-column:span 2;margin:0;padding:0;transition:border-color .3s;position:relative;overflow:hidden}.lab-monitor[hidden]{display:none}.lab-monitor[data-size=large]{grid-area:span 2/span 4}.lab-monitor[data-size=wide]{grid-column:span 4}.lab-monitor[data-size=tall]{grid-row:span 2}.lab-monitor:hover,.lab-monitor:focus-visible{border-color:#ffffff80;outline:0}.lab-screen{display:block;position:absolute;inset:0}.lab-screen>canvas,.lab-screen>video,.lab-screen>img{object-fit:cover;filter:grayscale();width:100%;height:100%;display:block;position:absolute;inset:0}.lab-screen>pre{font:11px/1.55 var(--mono);color:#d2d1c8;white-space:pre-wrap;margin:0;padding:36px 16px 44px;position:absolute;inset:0;overflow:hidden}.lab-monitor:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.lab-monitor:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(var(--ink),var(--ink)) 0 0/10px 1px,linear-gradient(var(--ink),var(--ink)) 0 0/1px 10px,linear-gradient(var(--ink),var(--ink)) 100% 100%/10px 1px,linear-gradient(var(--ink),var(--ink)) 100% 100%/1px 10px;opacity:.35;transition:opacity .3s,inset .4s var(--out);background-repeat:no-repeat;position:absolute;inset:8px}.lab-monitor:hover:after{opacity:.9;inset:5px}.lab-channel{z-index:2;font:9px var(--mono);letter-spacing:.12em;color:var(--ink-2);position:absolute;top:12px;left:14px}.lab-signal{z-index:2;font:9px var(--mono);letter-spacing:.14em;color:var(--ink-3);position:absolute;top:12px;right:14px}.lab-monitor[data-skeleton] .lab-signal{animation:2.4s step-end infinite lab-blink}.lab-strip{z-index:2;transition:transform .5s var(--out);background:#070707e6;border-top:1px solid #ffffff1c;align-items:baseline;gap:12px;padding:11px 14px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(calc(100% - 34px))}.lab-monitor:hover .lab-strip,.lab-monitor:focus-visible .lab-strip{transform:none}.lab-strip b{font:500 12px var(--body);white-space:nowrap}.lab-strip>span{font:10px var(--mono);color:var(--ink-3);white-space:nowrap}.lab-strip .lab-strip-result{min-width:0;font:12px/1.5 var(--body);color:#d2d1c8;white-space:normal;flex:1}.lab-strip em{font:9px var(--mono);white-space:nowrap;align-items:center;gap:6px;font-style:normal;display:flex}.lab-strip em:before{content:"";background:var(--s);border:1px solid var(--ink);width:8px;height:8px}.lab-viewer{width:min(1180px,94vw);max-width:none;height:min(820px,90svh);max-height:none;color:var(--ink);background:#080808;border:1px solid #ffffff40;flex-direction:column;margin:auto;padding:0;display:none;position:fixed;inset:0}.lab-viewer[open]{animation:lab-viewer-in .45s var(--out);display:flex}.lab-viewer::backdrop{backdrop-filter:blur(4px);background:#000c}.lab-viewer header{border-bottom:1px solid var(--line);font:11px var(--mono);color:var(--ink-2);align-items:center;gap:18px;padding:12px 16px;display:flex}.lab-viewer header a{color:var(--ink);border-bottom:1px solid #ffffff60;text-decoration:none}.lab-viewer-exp{color:var(--ink)}.lab-viewer-stages{gap:3px;display:flex}.lab-viewer-stages i{font:10px "Atlas Pixel",var(--mono);width:20px;height:20px;color:var(--ink-3);border:1px solid #ffffff30;place-items:center;font-style:normal;display:grid}.lab-viewer-stages i[data-on=true]{background:var(--ink);color:#070707;border-color:var(--ink)}.lab-viewer header em{align-items:center;gap:6px;font-style:normal;display:flex}.lab-viewer header em[data-s]:before{content:"";background:var(--s);border:1px solid var(--ink);width:8px;height:8px}.lab-viewer header button{appearance:none;color:var(--ink-2);cursor:pointer;background:0 0;border:0;width:34px;height:34px;margin-left:auto;font-size:22px}.lab-viewer header button:hover{color:var(--ink)}.lab-viewer-stage{background:#0b0b0a;flex:1;min-height:0;position:relative}.lab-viewer-stage>canvas,.lab-viewer-stage>video,.lab-viewer-stage>img,.lab-viewer-stage>iframe{object-fit:contain;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.lab-viewer-stage>pre{font:13px/1.65 var(--mono);color:#d2d1c8;white-space:pre-wrap;margin:0;padding:24px;position:absolute;inset:0;overflow:auto}.lab-viewer footer{border-top:1px solid var(--line);align-items:center;gap:20px;margin:0;padding:14px 16px;display:flex}.lab-viewer footer p{font:400 17px/1.5 var(--cn-display);flex:1;margin:0}.lab-viewer footer nav{flex-wrap:wrap;gap:8px;display:flex}.lab-viewer footer nav>*{font:10px var(--mono);color:var(--ink-2);border:1px solid #ffffff30;padding:5px 8px;text-decoration:none}.lab-viewer[data-mode=preview] footer nav>*{border-style:dashed}.lab-viewer[data-mode=preview] footer p{color:var(--ink-2)}.lab-viewer-pager{gap:6px;display:flex}.lab-viewer-pager button{appearance:none;width:36px;height:34px;color:var(--ink);cursor:pointer;transition:transform .35s var(--spring);background:0 0;border:1px solid #ffffff30}.lab-viewer-pager button:active{transform:scale(.9)}.lab-viewer-pager button:disabled{opacity:.3;cursor:default}.lab-compare{--split:50%;position:absolute;inset:0}.lab-compare img{object-fit:contain;filter:grayscale();width:100%;height:100%;position:absolute;inset:0}.lab-compare img[data-after]{clip-path:inset(0 0 0 var(--split))}.lab-compare i{top:0;bottom:0;left:var(--split);background:var(--ink);width:1px;position:absolute}.lab-compare small{font:9px var(--mono);letter-spacing:.12em;color:var(--ink-2);position:absolute;bottom:12px;left:14px}.lab-compare small:last-of-type{left:auto;right:14px}.lab-bench,.lab-log{width:min(1320px,92%);margin:0 auto;padding:60px 0 10px}.lab-section-head{border-top:1px solid #ffffff30;flex-wrap:wrap;align-items:baseline;gap:18px;margin-bottom:26px;padding-top:18px;display:flex}.lab-section-head p{font:10px var(--mono);letter-spacing:.14em;color:var(--ink-3);margin:0}.lab-section-head h2{font:400 clamp(24px,2.6vw,36px)/1.1 var(--cn-display);margin:0}.lab-section-head span{font:10px var(--mono);letter-spacing:.14em;color:var(--ink-3);margin-left:auto}.lab-bench-grid{border:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.lab-bench-grid li+li{border-left:1px solid var(--line)}.lab-bench-grid a{flex-direction:column;align-items:center;gap:12px;height:100%;padding:16px 6px 14px;transition:background .3s;display:flex}.lab-bench-grid a:hover{background:#ffffff08}.lab-bench-numeral{font:400 13px "Atlas Pixel",var(--mono);color:var(--ink-2)}.lab-bench-ticks{flex-direction:column-reverse;gap:3px;width:20px;display:flex}.lab-bench-ticks i{height:14px;transition:height .5s var(--out);border:1px solid #ffffff2a;display:block;position:relative}.lab-bench-ticks b{font:8px var(--mono);color:var(--ink-3);opacity:0;font-weight:400;transition:opacity .25s;position:absolute;top:50%;left:calc(100% + 5px);translate:0 -50%}.lab-bench-ticks i[data-on=done]{background:var(--ink);border-color:var(--ink)}.lab-bench-ticks i[data-on=current]{border-color:var(--ink);background:repeating-linear-gradient(0deg,#eeeee5 0 1px,#0000 1px 3px);animation:2s ease-in-out infinite lab-tick}.lab-bench-grid a:hover .lab-bench-ticks i{height:20px}.lab-bench-grid a:hover .lab-bench-ticks b{opacity:1}.lab-bench-grid strong{text-align:center;min-height:31px;font-size:11px;font-weight:500;line-height:1.4}.lab-bench-grid small{font:9px var(--mono);color:var(--ink-3)}.lab-bench-grid a[data-status=空位] .lab-bench-ticks i{border-style:dashed}.lab-log{padding-bottom:100px}.lab-log-rows{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.lab-log-rows a{border-bottom:1px solid var(--line);transition:padding .4s var(--out);grid-template-columns:110px 1fr auto 20px;align-items:baseline;gap:18px;padding:14px 0;display:grid}.lab-log-rows a:hover{padding-left:10px}.lab-log-rows time{font:11px var(--mono);color:var(--ink-3)}.lab-log-rows span{font-size:14px}.lab-log-rows small{font:9px var(--mono);letter-spacing:.1em;color:var(--ink-3);border:1px dashed #ffffff30;padding:3px 6px}.lab-log-rows b{font-weight:300}@keyframes lab-caret{50%{opacity:0}}@keyframes lab-blink{50%{opacity:.25}}@keyframes lab-viewer-in{0%{opacity:0;transform:scale(.97)}}@keyframes lab-tick{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.lab-page *{transition:none!important;animation:none!important}}@media (width<=1000px){.lab-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-monitor,.lab-monitor[data-size]{grid-column:span 2}.lab-monitor[data-size=tall]{grid-row:span 1}.lab-strip{transform:none}}@media (width<=900px){.lab-bench-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.lab-bench-grid li:nth-child(7){border-left:0}.lab-bench-grid li:nth-child(n+7){border-top:1px solid var(--line)}.lab-prompt{display:none}.lab-log-rows a{grid-template-columns:1fr auto;gap:4px 12px}.lab-log-rows time{grid-column:1/-1}.lab-log-rows b{display:none}}@media (width<=560px){.lab-viewer footer{flex-wrap:wrap}.lab-bench-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-bench-grid li:nth-child(5),.lab-bench-grid li:nth-child(9){border-left:0}.lab-bench-grid li:nth-child(n+5){border-top:1px solid var(--line)}}