/* ============================================
   lightbox.css — 大图查看
   ============================================ */

.lightbox{
  position:fixed;inset:0;z-index:10000;
  background:rgba(10,5,5,0.94);
  display:none;align-items:center;justify-content:center;padding:40px;
  opacity:0;transition:opacity 0.4s;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.lightbox.show{display:flex;opacity:1}

.lightbox-content{
  position:relative;max-width:92vw;max-height:92vh;
  display:flex;flex-direction:column;align-items:center;gap:16px;
  animation:lbZoomIn 0.4s ease-out;
}
@keyframes lbZoomIn{from{transform:scale(0.85);opacity:0}to{transform:scale(1);opacity:1}}

.lightbox-img{
  max-width:100%;max-height:80vh;width:auto;height:auto;display:block;
  border:2px solid var(--gold-light);box-shadow:0 0 60px rgba(var(--gold-rgb), 0.3);
}
.lightbox-caption{
  font-family:'Noto Serif SC',serif;font-size:14px;color: var(--text-light);
  letter-spacing:0.2em;text-align:center;line-height:1.8;max-width:600px;
}
.lightbox-caption strong{color:var(--gold);font-weight:600;letter-spacing:0.1em}

.lightbox-close{
  position:absolute;top:20px;right:30px;
  width:48px;height:48px;border:1px solid var(--gold-light);
  background:rgba(10,5,5,0.6);color:var(--gold);
  font-size:24px;cursor:pointer;transition:all 0.3s;
  display:flex;align-items:center;justify-content:center;
  font-family:'Cinzel',serif;line-height:1;
}
.lightbox-close:hover{background:var(--gold);color:var(--ink);border-color:var(--gold-bright);transform:rotate(90deg)}

.lightbox-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:48px;height:48px;border:1px solid var(--gold-light);
  background:rgba(10,5,5,0.6);color:var(--gold);
  font-size:20px;cursor:pointer;transition:all 0.3s;
  display:flex;align-items:center;justify-content:center;
  font-family:'Cinzel',serif;
}
.lightbox-nav:hover{background:var(--gold);color:var(--ink)}
.lightbox-prev{left:30px}
.lightbox-next{right:30px}

.lightbox-counter{
  position:absolute;top:30px;left:30px;
  font-family:'Cinzel',serif;font-size:12px;letter-spacing:0.3em;color:var(--gold);
  padding:8px 16px;border:1px solid var(--gold-light);
  background:rgba(10,5,5,0.6);
}

@media(max-width:600px){
  .lightbox{padding:20px}
  .lightbox-close{top:10px;right:10px;width:36px;height:36px;font-size:18px}
  .lightbox-prev{left:10px;width:36px;height:36px}
  .lightbox-next{right:10px;width:36px;height:36px}
  .lightbox-counter{top:10px;left:10px;font-size:10px;padding:4px 10px}
}

/* ============================================
   v7.1.12 lightbox 暗色增强
   - 背景已 rgba(10,5,5,0.94) 足够暗
   - .lightbox-close / .lightbox-nav / .lightbox-counter 边框 + 文字 → 月白
   ============================================ */
:root[data-theme="dark"] .lightbox {
  background: rgba(8, 12, 24, 0.96);
}

/* v7.1.13: 用户报告图 5/6 右侧有"亮色块"——.lightbox 默认必须隐藏（除 .show 状态外）
   强制 !important 避免任何 cascading 覆盖 */
.lightbox:not(.show){display:none !important;visibility:hidden !important}
:root[data-theme="dark"] .lightbox-img {
  border-color: var(--gold-light);
  box-shadow: 0 0 60px rgba(168, 192, 216, 0.3);
}
:root[data-theme="dark"] .lightbox-caption {
  color: var(--text-light);
}
:root[data-theme="dark"] .lightbox-caption strong {
  color: var(--gold-bright);
}
:root[data-theme="dark"] .lightbox-close,
:root[data-theme="dark"] .lightbox-nav,
:root[data-theme="dark"] .lightbox-counter {
  border-color: var(--gold-light);
  background: rgba(8, 12, 24, 0.7);
  color: var(--text-light);
}
:root[data-theme="dark"] .lightbox-close:hover,
:root[data-theme="dark"] .lightbox-nav:hover {
  background: var(--gold-light);
  color: var(--ink);
  border-color: var(--gold-bright);
}