.pgal{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:12px}
.pgal .pgal-track{display:flex;transition:transform .45s ease;height:100%}
.pgal-slide{flex:0 0 100%;min-width:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:8px 8px 0;box-sizing:border-box}
.pgal-slide img{max-width:100%;height:auto;max-height:calc(100% - 30px);object-fit:contain;background:#fff}
.pgal-slide figcaption{font-size:11px;color:#5a6b7c;padding:6px 8px;text-align:center;background:#fff}
.pgal-prev,.pgal-next{position:absolute;top:46%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:rgba(255,255,255,.92);color:#111;font-size:20px;line-height:1;cursor:pointer;z-index:2;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.pgal-prev{left:8px}.pgal-next{right:8px}
.pgal-prev:hover,.pgal-next:hover{background:#2ce6c0;border-color:#2ce6c0}
.pgal-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;gap:6px;justify-content:center;z-index:2}
.pgal-dot{width:8px;height:8px;border-radius:50%;border:0;background:rgba(0,0,0,.22);cursor:pointer;padding:0}
.pgal-dot.on{background:#0ab08d}