/* A small window into the established 灵感穿行 depth field, without a UI frame. */
.gallery-demo{--flight-perspective:620px;--flight-card-width:clamp(168px,15.5vw,252px);width:min(100%,550px);margin-top:-20px;outline:none;touch-action:pan-y;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.gallery-demo:focus-visible{outline:1px solid rgba(158,215,226,.55);outline-offset:3px}
.gallery-stage{position:relative;height:clamp(450px,58vh,620px);perspective:var(--flight-perspective);perspective-origin:50% 48%;transform-style:preserve-3d;isolation:auto;overflow:visible;mask-image:none}
.flight-world{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.gallery-demo .art-plane{position:absolute;left:50%;top:50%;width:var(--flight-card-width);aspect-ratio:3/4;margin:0;border-radius:3px;background:#071423;overflow:hidden;box-shadow:0 22px 46px -25px rgba(0,0,0,.63);transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none;transition:none!important;will-change:transform,opacity}
.gallery-demo .art-plane::after{border-color:rgba(204,230,237,.13)}
.gallery-demo .art-plane img{width:100%;height:100%;display:block;object-fit:cover}
.gallery-demo .art-plane.is-unavailable{visibility:hidden}
@media(min-width:1700px){.gallery-demo{margin-top:-26px}.gallery-stage{height:640px}}
@media(max-width:1100px){.gallery-demo{--flight-card-width:192px;margin-top:-22px}.gallery-stage{height:490px}}
@media(max-width:900px){.gallery-demo{--flight-card-width:176px;margin-top:-6px}.gallery-stage{height:480px}}
@media(max-width:650px){.gallery-demo{--flight-card-width:188px;width:min(360px,100%);margin-top:-26px}.gallery-stage{height:460px}}
@media(max-height:800px) and (min-width:901px){.gallery-stage{height:455px}}