.lbg__lb{position:fixed;inset:0 0 auto;height:100vh;height:100dvh;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);background:color-mix(in srgb,var(--c-black) calc(var(--lbg-fade, 1) * 100%),transparent);color:var(--c-white);animation:lbg-in var(--dur-slow) var(--fade)}.lbg__lb[hidden]{display:none}@keyframes lbg-in{0%{opacity:0}}.lbg__top{position:relative;display:flex;align-items:center;gap:1.25rem;padding:.6rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--c-dark-line);min-width:0}.lbg__progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}.lbg__progress span{display:block;height:100%;width:0;background:var(--c-white);transition:width var(--dur-quick) var(--move)}.lbg__count{margin:0;flex:none;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:var(--tracking-wider)}html[lang|=zh] .lbg__count{font-size:max(.8125rem,.8rem)}.lbg__x{margin-left:auto;flex:none;width:2.75rem;height:2.75rem;display:grid;place-items:center;background:transparent;color:var(--c-white);border:1px solid var(--c-dark-line);font-family:var(--font-display);font-size:1.5rem;line-height:1;cursor:pointer;transition:background var(--dur-quick) var(--move),color var(--dur-quick) var(--move)}.lbg__x:hover,.lbg__x:focus-visible{background:var(--c-white);color:var(--c-black);outline:none}.lbg__caption{margin:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--c-dark-body);font-size:.85rem}.lbg__stage{position:relative;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;padding:clamp(.5rem,2vw,1.5rem);min-height:0;overflow:hidden;touch-action:none;user-select:none;cursor:grab}.lbg__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;transition:transform var(--dur-quick) var(--move),opacity var(--dur-quick) var(--move)}.lbg__lb.is-zoomed .lbg__stage{cursor:move}.lbg__ctl-count{display:none}.lbg__side{position:absolute;top:50%;translate:0 -50%;width:3rem;height:3rem;display:grid;place-items:center;background:#0000008c;color:var(--c-white);border:1px solid var(--c-dark-line);font-family:var(--font-display);font-size:1.2rem;cursor:pointer;transition:background var(--dur-quick) var(--move),border-color var(--dur-quick) var(--move)}.lbg__side:hover{background:var(--c-white);color:var(--c-black);border-color:var(--c-white)}.lbg__side--prev{left:clamp(.75rem,2vw,1.5rem)}.lbg__side--next{right:clamp(.75rem,2vw,1.5rem)}.lbg__bottom{border-top:1px solid var(--c-dark-line);padding:.75rem clamp(1rem,3vw,2rem) max(.9rem,env(safe-area-inset-bottom))}.lbg__strip{display:flex;gap:.4rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:safe center;padding-bottom:.75rem}.lbg__strip::-webkit-scrollbar{display:none}.lbg__mini{flex:none;width:4.5rem;aspect-ratio:3 / 2;padding:0;border:2px solid transparent;background:var(--c-dark-card);opacity:.45;cursor:pointer;transition:opacity var(--dur-quick) var(--move),border-color var(--dur-quick) var(--move)}.lbg__mini img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block}.lbg__mini:hover,.lbg__mini.is-on{opacity:1}.lbg__mini.is-on{border-color:var(--c-white)}.lbg__controls{display:grid;grid-template-columns:3.25rem auto 3.25rem;justify-content:center;gap:.5rem}.lbg__ctl{height:3.25rem;display:grid;place-items:center;background:transparent;color:var(--c-white);border:1px solid var(--c-dark-line);font-family:var(--font-display);font-size:1.15rem;cursor:pointer;transition:background var(--dur-quick) var(--move),border-color var(--dur-quick) var(--move),color var(--dur-quick) var(--move)}.lbg__ctl--close{grid-auto-flow:column;gap:.6rem;padding-inline:1.6rem;font-size:.78rem;font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase}html[lang|=zh] .lbg__ctl--close{font-size:max(.8125rem,.78rem)}.lbg__ctl--close span{font-size:1.25rem;font-weight:400;line-height:1}.lbg__ctl:hover,.lbg__ctl:focus-visible{background:var(--c-white);color:var(--c-black);border-color:var(--c-white);outline:none}@media(max-width:900px){.lbg__side{display:none}.lbg__stage{padding-inline:0}.lbg__top{justify-content:flex-end;padding-block:.45rem}.lbg__count{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lbg__x{width:2.5rem;height:2.5rem;font-size:1.3rem}.lbg__strip{justify-content:flex-start}.lbg__mini{width:4rem}.lbg__controls{display:flex;align-items:center;gap:.4rem}.lbg__ctl--prev,.lbg__ctl--next{width:3.25rem;flex:none}.lbg__ctl--prev{order:1}.lbg__ctl-count{order:2;display:block;min-width:4.75rem;text-align:center;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:var(--tracking-wide);font-variant-numeric:tabular-nums}.lbg__ctl--next{order:3}.lbg__ctl--close{order:4;margin-left:auto;padding-inline:1.1rem}}@media(max-height:500px){.lbg__top{padding-block:.3rem}.lbg__x{width:2.5rem;height:2.5rem}.lbg__stage{padding-block:.25rem}.lbg__bottom{padding-block:.4rem max(.4rem,env(safe-area-inset-bottom))}.lbg__strip{display:none}.lbg__controls{grid-template-columns:2.5rem auto 2.5rem}.lbg__ctl{height:2.5rem}}@media(prefers-reduced-motion:reduce){.lbg__lb,.lbg__img{animation:none;transition:none}}