.exhibition{max-width:none;max-height:none;width:100vw;height:100dvh;inset:0;border:0;padding:0;margin:0;background:#f5f2e9;color:#33483e;font-family:Book,'Songti SC',serif;overflow:auto;overscroll-behavior:contain;isolation:isolate}.exhibition::backdrop{background:#f5f2e9}.exhibition-header{position:absolute;left:5%;right:5%;top:3%;display:flex;justify-content:space-between;align-items:center;z-index:5}.exhibition-header button{padding:12px 0;color:#79856c;font-size:15px}.exhibition-header span{font-size:12px;color:#a8a38f}.exhibition-copy{position:relative;margin:145px 0 60px 7%;width:30%;z-index:4}.exhibition-copy h1{font-size:clamp(37px,3.8vw,60px);font-weight:400;color:var(--exhibit-accent);margin:0;line-height:1.35}.exhibition-pinyin{font:17px Georgia,serif;color:#a5997d;margin:9px 0 27px}.exhibition-tabs{display:flex;gap:18px;border-bottom:1px solid #b9bdab60;margin-bottom:24px;flex-wrap:wrap}.exhibition-tabs button{padding:0 0 12px;font-size:16px;color:#979c88}.exhibition-tabs button[aria-selected=true]{border-bottom:2px solid var(--exhibit-accent);color:var(--exhibit-accent)}.exhibition-topic h2{font-weight:400;font-size:clamp(24px,2vw,31px);line-height:1.5;margin:0 0 17px}.exhibition-topic p{font-size:18px;line-height:1.95;color:#727760;margin:0 0 16px}.exhibition-topic .exhibition-find{font-size:15px;color:var(--exhibit-accent);margin-top:22px}.exhibition-note{font-size:11px;line-height:1.9!important;color:#a09d89;margin:24px 0 12px}.exhibition-source{font-size:11px;color:#94937f;text-underline-offset:4px}.exhibition-return{font-size:13px;border-bottom:1px solid #a6b392;padding:8px 0;margin-top:8px;color:#79856c}.exhibition-art{position:absolute;left:37%;right:0;top:11%;height:89%;overflow:hidden;cursor:grab;touch-action:pan-y;z-index:1;isolation:isolate}.exhibition-art:active{cursor:grabbing}.exhibit-layer{position:absolute;height:auto;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;user-select:none;will-change:transform}.exhibition-weather{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wind-strokes,.exhibition-lightning{opacity:0}.exhibition-art[data-running=true] .wind-strokes{animation:exhibit-wind 3s ease-in-out 2;stroke-dasharray:160 900}.exhibition-art[data-art=storm][data-running=true] .exhibition-lightning{animation:exhibit-flash 6s ease-out}.exhibition-action{font-size:14px;border:1px solid #c1cbb5;border-radius:22px;padding:9px 16px;color:#69825c;margin-bottom:12px}.exhibition-writing{font-size:16px;min-height:95px}.exhibition-save{font-size:11px;color:#839073}.exhibit-pupils{position:absolute;left:14%;top:49%;width:72%;height:25%;display:flex;gap:6%;pointer-events:none;mix-blend-mode:multiply}.exhibit-pupils i{display:block;width:25%;aspect-ratio:1;align-self:start;background:url('assets/children-reading.webp') no-repeat;background-size:300% 100%;clip-path:inset(0 0 24% 0)}.exhibit-pupils.standing{display:none}
@keyframes exhibit-wind{0%{opacity:0;stroke-dashoffset:550}25%,70%{opacity:.6}100%{opacity:0;stroke-dashoffset:-750}}@keyframes exhibit-flash{0%,12%,19%,100%{opacity:0}14%,16%{opacity:.9}}
@media(max-width:799px){.exhibition-header{position:sticky;top:0;left:auto;right:auto;padding:14px 7% 8px;background:#f5f2e9ee}.exhibition-header span{font-size:10px}.exhibition-header button{font-size:14px}.exhibition-copy{width:auto;margin:25px 7% 0}.exhibition-copy h1{font-size:36px}.exhibition-pinyin{font-size:15px;margin:8px 0 23px}.exhibition-tabs{gap:20px;margin-bottom:20px}.exhibition-tabs button{font-size:15px}.exhibition-topic h2{font-size:24px}.exhibition-topic p{font-size:16px;line-height:1.9}.exhibition-topic .exhibition-find{font-size:14px}.exhibition-note{font-size:10px;margin-top:17px}.exhibition-source{font-size:10px}.exhibition-art{position:relative;left:auto;right:auto;top:auto;width:100%;height:530px;margin-top:10px}.exhibition-art[data-art=school],.exhibition-art[data-art=holiday]{height:330px}.exhibition-art[data-art=roots]{height:530px}.exhibition-art[data-art=roots] .exhibit-layer[data-part=roots]{width:85%!important}.exhibition-art[data-art=author] .exhibit-layer[data-part=portrait]{width:63%!important}.exhibition-art[data-art=book] .exhibit-layer[data-part=book]{width:74%!important}.exhibition{padding-bottom:15px}.exhibit-pupils{top:49%}}
@media(prefers-reduced-motion:reduce){.exhibit-card,.tap-reading-text{transition:none}.exhibition-art[data-running=still] .wind-strokes{opacity:.4}.exhibition-lightning{display:none}}
/* Give multiply layers the same paper surface; isolated transparent groups otherwise keep white rectangles. */
.exhibition-art{background:#f5f2e9}.exhibit-pupils{inset:0;width:100%;height:100%;display:block}.exhibit-pupils i{position:absolute;top:52.95%;width:15.75%;left:17.14%;clip-path:inset(0 0 24% 0)}.exhibit-pupils i:nth-child(2){left:40.765%}.exhibit-pupils i:nth-child(3){left:64.39%}
@media(max-width:799px){.exhibit-pupils i{top:51.5%}}

@media(min-width:800px){.exhibition-art{mask-image:linear-gradient(to right,transparent,#000 10%)}}