/* ============================================================
   车间实拍画廊组件（.pkg-showcase / .pkg-shot / .pkg-lightbox）
   独立于 css/packaging.css，供包装专题以外的页面复用。
   ⚠ 修改时请与 css/packaging.css 中的同名段保持同步。
   ============================================================ */
.pkg-showcase{padding:54px 0;background:#fff}
.pkg-showcase .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.pkg-shot{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:14px;background:#0c1829;box-shadow:0 8px 22px rgba(12,24,41,.10);text-decoration:none}
.pkg-shot picture{display:contents}
.pkg-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.pkg-shot:hover img{transform:scale(1.06)}
.pkg-shot .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;color:#fff;font-size:14px;font-weight:600;background:linear-gradient(180deg,rgba(8,16,28,0),rgba(8,16,28,.85))}
.pkg-lightbox{position:fixed;inset:0;background:rgba(8,14,24,.93);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:10000;padding:20px}
.pkg-lightbox.open{display:flex}
.pkg-lightbox img{max-width:92vw;max-height:78vh;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.pkg-lightbox .lb-cap{color:#e6edf5;margin-top:14px;font-size:15px;text-align:center;max-width:90vw}
.pkg-lightbox .lb-close{position:absolute;top:16px;right:22px;color:#fff;font-size:36px;line-height:1;cursor:pointer}
.pkg-lightbox .lb-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:46px;cursor:pointer;padding:12px 16px;user-select:none;opacity:.85}
.pkg-lightbox .lb-nav:hover{opacity:1}
.pkg-lightbox .lb-prev{left:10px}
.pkg-lightbox .lb-next{right:10px}
@media(max-width:768px){
  .pkg-showcase{padding:36px 0}
  .pkg-showcase .grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .pkg-lightbox .lb-nav{font-size:34px;padding:8px}
}