/* 看大图（相册）：所有用到相册的页面共用。从 pages.css 里抽出来，首页没有 pages.css 也能正常弹出 */
.lb{position:fixed;inset:0;z-index:300;background:rgba(25,14,38,.94);display:none;flex-direction:column;align-items:center;justify-content:center;padding:20px}
.lb.open{display:flex}
.lb .stagebox{position:relative;max-width:min(1100px,100%);max-height:78vh;display:flex;align-items:center;justify-content:center}
.lb img,.lb video{max-width:100%;max-height:78vh;border:2px solid var(--yellow);border-radius:14px;background:#000}
.lb .cp{color:#fff;margin-top:16px;text-align:center;max-width:44em}
.lb .cp b{font:400 24px var(--zh);display:block}
.lb .cp small{color:#CBB9DA}
.lb button{position:absolute;width:52px;height:52px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);font:700 24px/1 var(--en);box-shadow:3px 3px 0 var(--ink)}
.lb .x{top:16px;right:16px}.lb .pv{left:14px;top:50%;margin-top:-26px}.lb .nx{right:14px;top:50%;margin-top:-26px}
.lb .thumbs{display:flex;gap:8px;margin-top:14px;max-width:100%;overflow-x:auto;padding:4px}
.lb .thumbs img{width:64px;height:48px;object-fit:cover;border-width:2px;opacity:.55;cursor:pointer;border-radius:8px}
.lb .thumbs img.on{opacity:1}
@media(max-width:600px){.lb .pv{left:6px}.lb .nx{right:6px}}
.lb img,.lb video{border:0}
.lb button{background:#fff;border:0;box-shadow:none}
.lb .unmute{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);background:rgba(0,0,0,.72);color:#fff;font-size:14px;padding:8px 16px;border-radius:999px;pointer-events:none;z-index:3}
.lb{justify-content:flex-start;padding:12px 12px 8px}
.lb .stagebox{flex:1 1 0;min-height:0;width:100%;max-width:none;max-height:none;overflow:hidden;display:flex;align-items:center;justify-content:center}
.lb .stagebox.zoomed{overflow:auto;align-items:flex-start;justify-content:flex-start;overscroll-behavior:contain}
.lb .stagebox img,.lb .stagebox video{max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;border-radius:6px;flex:none}
.lb .stagebox img{cursor:zoom-in}
.lb .stagebox.zoomed img{max-width:none;max-height:none;width:var(--zw);cursor:zoom-out}
.lb .cp{margin-top:8px;flex:none}.lb .cp b{font-size:20px}
.lb .thumbs{margin-top:8px;flex:none}
.lb .stagebox{z-index:1}
.lb button{z-index:5;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(30,18,44,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(0,0,0,.35);color:#fff;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.lb button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.lb button:hover{background:rgba(255,255,255,.92);border-color:#fff;color:var(--ink,#2f2838)}
.lb button:active{transform:scale(.94)}
.lb button:focus-visible{outline:3px solid var(--yellow,#FFD23F);outline-offset:3px}
.lb .x{top:14px;right:14px}
.lb .pv{left:14px;top:50%;margin-top:-24px}.lb .nx{right:14px;top:50%;margin-top:-24px}
@media(max-width:600px){.lb button{width:42px;height:42px}.lb .pv,.lb .nx{margin-top:-21px}.lb .pv{left:8px}.lb .nx{right:8px}.lb .x{top:10px;right:10px}}