.pg{width:100%;max-width:420px;margin:0 auto}.pg-main{position:relative;display:block;width:100%;padding:0;border:.5px solid var(--border);background:#f0ece6;border-radius:14px;overflow:hidden;cursor:zoom-in;aspect-ratio:1 / 1}.pg-main img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s ease}.pg-main:hover img{transform:scale(1.04)}.pg-zoom{position:absolute;bottom:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#faf8f5b3;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pg-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.pg-thumb{width:64px;height:64px;padding:0;border:.5px solid var(--border);border-radius:8px;overflow:hidden;background:#f0ece6;cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s}.pg-thumb img{width:100%;height:100%;object-fit:contain;display:block}.pg-thumb:hover{opacity:.9}.pg-thumb.active{opacity:1;border-color:var(--accent)}.pg-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10002;background:#050a08eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:4vh 4vw;animation:pgFade .25s ease}@keyframes pgFade{0%{opacity:0}to{opacity:1}}.pg-lb-img{max-width:100%;max-height:92vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 70px #00000026}.pg-lb-close{position:absolute;top:20px;right:24px;width:44px;height:44px;border:none;background:#ffffff14;color:var(--text);font-size:26px;line-height:1;border-radius:50%;cursor:pointer;transition:background .2s}.pg-lb-close:hover{background:#ffffff2e}.pg-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;background:#ffffff14;color:var(--text);font-size:30px;line-height:1;border-radius:50%;cursor:pointer;transition:background .2s}.pg-lb-nav:hover{background:#ffffff2e}.pg-lb-nav.prev{left:3vw}.pg-lb-nav.next{right:3vw}.pg-lb-count{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:2px;color:var(--text-3);font-family:var(--font-mono)}@media (max-width: 600px){.pg-lb-nav{width:40px;height:40px;font-size:24px}.pg-lb-nav.prev{left:8px}.pg-lb-nav.next{right:8px}}