/* 图片放大查看（详情页封面 / 截图）—— 点击显示原始尺寸
   2026-10-19 v2：上下居中（flex + margin:auto，图比视口大时可滚动）+ 左右翻页箭头 */
.art .cover,
.shot-grid img{cursor:zoom-in}

html.lb-lock,html.lb-lock body{overflow:hidden}

.lb-ov{
  position:fixed;inset:0;z-index:9999;display:none;
  background:rgba(14,12,10,.94);
}
.lb-ov.on{display:flex;flex-direction:column}

/* 顶部信息条：作为 flex 的第一行，不再 sticky，避免盖住图片 */
.lb-bar{
  flex:0 0 auto;z-index:2;
  display:flex;align-items:center;gap:14px;
  padding:10px 16px;
  background:rgba(14,12,10,.96);
  border-bottom:1px solid rgba(231,226,216,.14);
  color:#e7e2d8;
  font:13px/1.5 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
}
.lb-cap{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}

/* 中间舞台：flex 撑满剩余高度，图片用 margin:auto 双向居中；
   当图大于舞台时 auto 变 0，从左上开始并可滚动（不会切掉图顶部） */
.lb-stage{
  flex:1 1 auto;min-height:0;
  display:flex;align-items:flex-start;justify-content:center;
  overflow:auto;-webkit-overflow-scrolling:touch;
  padding:14px 78px;
}
.lb-stage img{
  display:block;margin:auto;
  max-width:none;width:auto;height:auto;   /* 原始尺寸：不缩放 */
  box-shadow:0 8px 40px rgba(0,0,0,.6);
  background:#1a1714;
}

.lb-x{
  appearance:none;border:1px solid rgba(231,226,216,.28);background:transparent;
  color:#e7e2d8;font-size:18px;line-height:1;
  width:34px;height:34px;border-radius:6px;cursor:pointer;
}
.lb-x:hover{border-color:#b42318;color:#fff;background:rgba(180,35,24,.25)}

/* 左右翻页箭头 */
.lb-nav{
  position:fixed;top:50%;transform:translateY(-50%);z-index:10001;
  width:54px;height:92px;padding:0;
  display:none;align-items:center;justify-content:center;
  border:1px solid rgba(231,226,216,.22);border-radius:10px;cursor:pointer;
  background:rgba(20,18,16,.72);color:#f7f2e8;
  font-size:38px;line-height:1;font-family:Georgia,serif;
  box-shadow:0 4px 18px rgba(0,0,0,.45);
  opacity:.9;transition:opacity .15s,background .15s,border-color .15s;
}
.lb-ov.on .lb-nav{display:flex}
.lb-ov.single .lb-nav{display:none!important}
.lb-nav:hover{opacity:1;background:rgba(180,35,24,.65);border-color:rgba(255,255,255,.35)}
.lb-prev{left:14px}
.lb-next{right:14px}

@media (max-width:640px){
  .lb-stage{padding:10px 8px 12px}
  .lb-bar{font-size:12px;padding:8px 10px}
  .lb-nav{
    width:40px;height:72px;font-size:30px;opacity:.6;
    background:rgba(20,18,16,.35);border-color:transparent;box-shadow:none;
  }
  .lb-prev{left:6px}
  .lb-next{right:6px}
}