/* The surrounding website retains its v4 typography and composition. */
.showcase-heading{padding-bottom:161px;min-height:293px}
.showcase-cast{left:54px;bottom:0;width:266px;height:151px;display:block;overflow:hidden;mix-blend-mode:normal;isolation:isolate}
.team-mascots{display:block;width:100%;border:0;padding:0;background:none;cursor:pointer;transform-origin:50% 90%;position:relative}
.team-mascots img{display:block;width:100%;height:auto;max-width:none;pointer-events:none}
.team-mascots:focus-visible{outline-offset:-5px;border-radius:12px}
.showcase-body{grid-template-columns:minmax(280px,.82fr) minmax(0,1.7fr);gap:36px;padding:30px 31px 17px 52px}
.showcase-panels{min-height:284px}
.showcase-window{display:block;position:relative;aspect-ratio:1536/1086;width:calc(100% + 116px);margin:-133px 0 0 -55px;filter:drop-shadow(0 17px 14px #222b3017);touch-action:pan-y;isolation:isolate}
.device-hardware{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;pointer-events:none;user-select:none}
.device-display{position:absolute;left:11.328125%;top:14.746094%;width:77.473958%;height:68.554688%;display:grid;overflow:hidden;background:white;isolation:isolate}
.device-display .showcase-frame{height:100%;width:100%;min-height:0}
.device-display .showcase-frame a{width:100%;height:100%;border-radius:0;background:#fff}
.device-display .showcase-frame img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;clip-path:inset(1px);border-radius:0}
.device-display .showcase-zoom{width:40px;height:40px;right:12px;bottom:12px;opacity:1;color:#16723c;box-shadow:0 4px 15px #23312925;background:#fffffff5}
.device-display a:hover .showcase-zoom{background:#16723c;color:#fff}
.device-display a:focus-visible{outline-offset:-3px}

/* The viewer is sized to the image, never stretched to fill the dialog inset. */
.multipage #lightbox{position:fixed;inset:0!important;margin:auto!important;padding:0!important;border:0;min-width:0;min-height:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);width:var(--image-fit-w,480px);height:calc(var(--image-fit-h,180px) + 60px)!important;box-sizing:border-box;border-radius:12px;overflow:hidden;background:#fff;transform:none!important;animation:none!important;box-shadow:0 24px 70px #10271e38}
.multipage #lightbox[open]{display:grid;grid-template-rows:60px minmax(0,1fr)}
.multipage #lightbox::backdrop{background:#14271ec4;backdrop-filter:blur(5px)}
.multipage #lightbox .lightbox-toolbar{position:relative;inset:auto;min-width:0;width:100%;height:60px;min-height:0;padding:8px 8px 8px 18px;gap:8px;background:#fff;display:flex;align-items:center;box-sizing:border-box}
.multipage #lightbox-title{font-family:var(--font);font-size:13px;line-height:1.5;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:#25262a}
.multipage #lightbox .lightbox-toolbar>div{display:flex;flex:none;gap:2px}
.multipage #lightbox .lightbox-toolbar button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:7px;color:#53655b;background:none;cursor:pointer}
.multipage #lightbox .lightbox-toolbar svg{width:18px;height:18px}
.multipage #lightbox .lightbox-toolbar button:hover:not(:disabled){background:#eef5f0;color:#16723c}
.multipage #lightbox .lightbox-toolbar button:disabled{color:#b5bcb8;cursor:default}
.multipage #lightbox :focus-visible{outline:2px solid #16723c;outline-offset:-3px}
.multipage #lightbox .lightbox-viewport{position:relative;width:100%;height:100%;min-height:0;max-height:none;padding:0;margin:0;overflow:auto;overscroll-behavior:contain;background:#fff;scrollbar-width:thin;scrollbar-color:#a6b6ac #edf1ee;line-height:0}
.multipage #lightbox #lightbox-image{display:block;object-fit:contain;aspect-ratio:auto;width:var(--image-render-w)!important;height:var(--image-render-h)!important;max-width:none!important;max-height:none!important;margin:0!important;border:0;border-radius:0;transform:none!important;transition:none;user-select:none}
.multipage #lightbox[data-loading="true"] #lightbox-image,.multipage #lightbox[data-error="true"] #lightbox-image{visibility:hidden}
.multipage #lightbox[data-loading="true"] .lightbox-viewport::after{content:'正在载入图片…';position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#626772;line-height:1.5}
.multipage #lightbox[data-zoomed="true"] .lightbox-viewport{cursor:grab}
.multipage #lightbox .lightbox-viewport.is-dragging{cursor:grabbing}
.image-load-error{position:absolute;inset:0;place-content:center;text-align:center;line-height:1.7;padding:20px;color:#626772;font-size:14px}
.image-load-error:not([hidden]){display:grid}
.image-load-error p{margin:0 0 12px}.image-retry{padding:9px 18px;border:0;border-radius:6px;background:#eef5f0;color:#16723c;cursor:pointer}
@media(max-width:1100px){
 .showcase-heading{padding-bottom:150px;min-height:280px}
 .showcase-cast{left:27px;width:240px;height:137px}
 .showcase-body{grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:12px;padding-left:30px;padding-right:24px}
 .showcase-window{width:calc(100% + 100px);margin-left:-46px;margin-top:-101px}
 .showcase-panels{min-height:284px}
}
@media(max-width:800px){
 .showcase-heading{padding:29px 24px 132px;min-height:0}
 .showcase-cast{left:22px;width:213px;height:122px}
 .showcase-body{display:flex;gap:20px;padding:22px 22px 10px}
 .showcase-panels{min-height:0}
 .showcase-window{width:calc(100% + 32px);margin:-22px 0 -14px -16px;align-self:center;filter:drop-shadow(0 10px 12px #26392d18)}
 .device-display .showcase-zoom{width:32px;height:32px;right:6px;bottom:6px}
 .device-display .showcase-zoom::before{content:'';position:absolute;inset:-6px}
 .multipage #lightbox{max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);border-radius:9px}
 .multipage #lightbox .lightbox-toolbar{padding-left:12px}
 .multipage #lightbox-title{font-size:12px}
 .multipage #lightbox .lightbox-toolbar button{width:44px;height:44px}
}
@media(max-width:400px){.showcase-heading{padding-inline:20px}.showcase-body{padding-inline:18px}.showcase-window{width:calc(100% + 26px);margin-left:-13px}.showcase-cast{left:18px}}
@media(scripting:none){.showcase-window{aspect-ratio:auto;width:100%;margin:20px 0}.device-hardware{display:none}.device-display{position:static;display:block;width:100%;height:auto}.device-display .showcase-frame{height:auto}}