.lab[data-lab=chuodui] .lab-canvas{width:100%;max-width:1000px;aspect-ratio:1000/660;background:#f4efdf}
.lab[data-lab=chuodui] .lab-workbench{grid-template-columns:minmax(0,1fr) 250px;gap:30px}
.lab[data-lab=chuodui] .lab-panel{padding-top:12px;color:#432e29}
.lab[data-lab=chuodui] .lab-panel .tea-meet{display:block;width:100%;background:#752f28;color:#f4efdf;padding:14px 18px;text-align:center;border:0;border-radius:2px;min-height:48px;margin:20px 0 6px}
.lab[data-lab=chuodui] .lab-field input{color:#432e29;background:#f9f6ec;border-bottom:1px solid #947e61}
.lab[data-lab=chuodui] .lab-field input::placeholder{color:#746e5c}
.lab[data-lab=chuodui] .lab-panel p{color:#716351;opacity:1}
.lab-canvas.assets-pending>svg{visibility:hidden}
.lab-canvas.assets-pending::after{content:'正在准备画面…';position:absolute;inset:0;display:grid;place-items:center;font:14px 'Noto Sans SC',sans-serif;color:#432e29}
[data-image-state=pending]{position:relative}
[data-image-state=pending]>img{opacity:0}
[data-image-state=pending]::after{content:'正在展开';position:absolute;inset:0;display:grid;place-items:center;font:12px 'Noto Sans SC',sans-serif;color:currentColor;background:color-mix(in srgb,currentColor 5%,#f0eee8);z-index:1}
[data-image-state=error]::after{content:'图片暂未加载，轻点重试';position:absolute;inset:0;display:grid;place-items:center;padding:16px;text-align:center;font:12px 'Noto Sans SC',sans-serif;background:#ecebe6;color:#432e29}
.at-media-wait .at-scroll-cue{opacity:0}.at-media-wait .at-canvas:after{content:'正在准备这组作品…';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;pointer-events:none}
.at-media-wait .at-piece{visibility:hidden}
.sf-media-wait .sf-cue span{font-size:0}.sf-media-wait .sf-cue span:after{content:'正在准备下一张图版…';font-size:12px}
@media(max-width:759px){.lab[data-lab=chuodui] .lab-workbench{grid-template-columns:1fr;gap:18px}.lab[data-lab=chuodui] .lab-canvas{aspect-ratio:600/650;max-height:none}.lab[data-lab=chuodui] .lab-panel{padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.lab[data-lab=chuodui] .lab-panel h3,.lab[data-lab=chuodui] .lab-panel>button,.lab[data-lab=chuodui] .lab-panel>p,.lab[data-lab=chuodui] .lab-delivery{grid-column:1/-1;margin-block:4px}.lab[data-lab=chuodui] .lab-field{margin:5px 0;min-width:0}.lab[data-lab=chuodui] .lab-field input{width:100%;min-width:0;font-size:16px}.lab[data-lab=chuodui] .lab-panel .tea-meet{margin-top:8px}.lab[data-lab=chuodui] .lab-panel h3{font-size:17px}}

/* Restore the original contact arrow turn; keep the caption still. */
.contact-title>b,.contact-title:hover>b{transform:none;transition:none}
.contact-arrow-glyph{display:block;width:1em;line-height:1.2;text-align:center;transform:rotate(0deg);transform-origin:50% 50%;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
@media(hover:hover) and (pointer:fine){.contact-title:hover .contact-arrow-glyph{transform:rotate(45deg)}}
.contact-title:focus-visible .contact-arrow-glyph{transform:rotate(45deg)}
.motion-off .contact-arrow-glyph{transition:none;transform:none!important}
@media(prefers-reduced-motion:reduce){.contact-arrow-glyph{transition:none;transform:none!important}}