@charset "utf-8";
.ig-wrap{width:100%;display:flex}.ig-wrap.align-left{justify-content:flex-start}.ig-wrap.align-center{justify-content:center}.ig-wrap.align-right{justify-content:flex-end}
.ig-gallery{width:var(--ig-width,100%);max-width:100%;background:var(--ig-bg,#fff);border:var(--ig-border-width,0) solid var(--ig-border-color,#d9dee7);border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(15,23,42,.12);position:relative;color:#111827}
.ig-loading{padding:32px 20px;text-align:center;color:#6b7280;font-size:14px}
.ig-stage{position:relative;background:linear-gradient(180deg,#111827 0%,#0b1220 100%);aspect-ratio:16/9;min-height:280px;overflow:hidden}
.ig-stage img{width:100%;height:100%;object-fit:contain;display:block;opacity:0;transform:scale(1.02);transition:opacity .45s ease,transform .45s ease;background:#0f172a}.ig-stage img.is-visible{opacity:1;transform:scale(1)}
.ig-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;line-height:1;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.ig-nav:hover{background:rgba(255,255,255,.2);transform:translateY(-50%) scale(1.04)}
.ig-nav.prev{left:16px}.ig-nav.next{right:16px}
.ig-overlay{position:absolute;left:0;right:0;bottom:0;padding:56px 18px 18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));color:#fff;z-index:2}
.ig-caption{font-size:13px;line-height:1.5;opacity:.92;max-width:min(100%,900px)}
.ig-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fff;border-top:1px solid rgba(15,23,42,.06)}
.ig-counter{font-size:13px;color:#6b7280;font-weight:600}
.ig-toggle{display:inline-flex;align-items:center;gap:8px;border:0;background:#eef2ff;color:#334155;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}
.ig-thumbs{display:flex;gap:10px;padding:14px 18px 18px;overflow:auto;background:#fff;scrollbar-width:thin}
.ig-thumb{flex:0 0 72px;width:72px;height:72px;border-radius:14px;overflow:hidden;cursor:pointer;position:relative;border:2px solid transparent;box-shadow:0 4px 12px rgba(15,23,42,.08);transition:transform .2s ease,border-color .2s ease,opacity .2s ease;opacity:.72}
.ig-thumb:hover{transform:translateY(-2px);opacity:1}.ig-thumb.is-active{border-color:#2563eb;opacity:1}
.ig-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ig-list{display:grid;gap:18px;padding:18px;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.ig-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(15,23,42,.08);border:1px solid rgba(15,23,42,.06)}
.ig-card-media{background:#0f172a}.ig-card-media img{width:100%;height:auto;display:block;margin:0 auto;max-width:100%}
.ig-card-caption{padding:12px 14px;font-size:13px;line-height:1.6;color:#475569;background:#fff}
@media (max-width:768px){.ig-gallery{border-radius:16px}.ig-stage{min-height:220px;aspect-ratio:4/3}.ig-nav{width:42px;height:42px;font-size:21px}.ig-nav.prev{left:10px}.ig-nav.next{right:10px}.ig-meta{padding:12px 14px}.ig-thumbs{padding:12px 14px 14px}.ig-thumb{flex-basis:60px;width:60px;height:60px}}