@charset "UTF-8";.image-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(4,44,46,.5);z-index:9999;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.image-preview-btn,.image-preview-zoom-display{color:rgba(255,255,255,.9);transition:all .2s ease}.image-preview-overlay.active{display:flex;opacity:1}.image-preview-container{position:relative;max-width:90%;max-height:90%;width:content-fit;height:content-fit;display:flex;justify-content:center;align-items:center}.image-preview-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;cursor:grab}.image-preview-image:active{cursor:grabbing}.image-preview-image.zoomed{cursor:zoom-out}.image-preview-controls{position:fixed;bottom:1.875rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:0;z-index:10001;width:26.6875rem;height:2.875rem;background:rgba(19,21,22,.8);border-radius:.25rem}.image-preview-btn{background:0 0;border:none;border-radius:.25rem;width:2rem;height:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;margin:0 .125rem}.image-preview-btn img,.image-preview-btn svg{width:1.5rem;height:1.5rem}.image-preview-btn:hover{background:rgba(255,255,255,.15);color:#fff}.image-preview-btn:active{background:rgba(255,255,255,.2);transform:scale(.95)}.image-preview-btn.disabled{opacity:.4;cursor:not-allowed}.image-preview-btn.disabled:hover{background:0 0;color:rgba(255,255,255,.4);transform:none}.image-preview-btn img{filter:brightness(0) invert(1)}.image-preview-btn-group{display:flex;align-items:center;gap:0}.image-preview-btn-group:not(:last-child)::after{content:"";width:1px;height:1.25rem;background:rgba(255,255,255,.2);margin:0 .5rem}.image-preview-zoom-display{font-size:.75rem;font-weight:500;padding:0 .5rem;min-width:2.5rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;border-radius:.25rem}.image-preview-zoom-display:hover{background:rgba(255,255,255,.1);color:#fff}.image-preview-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;width:3rem;height:3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem)}.image-preview-nav:hover{background:rgba(0,0,0,.8);transform:translateY(-50%) scale(1.1);border-color:rgba(255,255,255,.4)}.image-preview-nav.prev{left:1.25rem}.image-preview-nav.next{right:1.25rem}.image-preview-nav svg{width:1.5rem;height:1.5rem;color:#fff}.image-preview-nav.disabled{opacity:.3;cursor:not-allowed}.image-preview-nav.disabled:hover{transform:translateY(-50%);background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.2)}.image-preview-counter{width:2.5rem;color:#fff;font-size:.875rem;z-index:10001}.image-preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1rem;z-index:10001}.image-preview-zoom-hint{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:.5rem 1rem;border-radius:1.25rem;font-size:.75rem;z-index:10001;opacity:0;transition:opacity .3s ease}.image-preview-zoom-hint.show{opacity:1}.article-content img{cursor:pointer;transition:transform .3s ease;border-radius:.5rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.1)}.article-content img:hover{transform:scale(1.05);box-shadow:0 .25rem 1rem rgba(0,0,0,.2)}.image-preview-image,.image-preview-image.rotated{transform-origin:center center}.image-preview-image{transition:transform .3s ease;animation:fadeIn .3s ease}@media (max-width:768px){.image-preview-container{max-width:95%;max-height:95%}.image-preview-controls{bottom:1.25rem;padding:.375rem .75rem;transform:translateX(-50%) scale(.95)}.image-preview-btn{width:1.75rem;height:1.75rem;margin:0 1px}.image-preview-btn svg{width:.875rem;height:.875rem}.image-preview-btn-group:not(:last-child)::after{margin:0 .375rem;height:1.125rem}.image-preview-zoom-display{font-size:.6875rem;padding:0 .375rem;min-width:2.1875rem}.image-preview-nav{width:2.5rem;height:2.5rem}.image-preview-nav svg{width:1.25rem;height:1.25rem}.image-preview-nav.prev{left:.625rem}.image-preview-nav.next{right:.625rem}.image-preview-counter{font-size:.75rem}.image-preview-zoom-hint{bottom:5.625rem;font-size:.6875rem;padding:.375rem .75rem}}@media (max-width:480px){.image-preview-controls{padding:.25rem .5rem;transform:translateX(-50%) scale(.9)}.image-preview-btn{width:1.625rem;height:1.625rem;margin:0 1px}.image-preview-btn svg{width:.75rem;height:.75rem}.image-preview-btn-group:not(:last-child)::after{margin:0 .25rem;height:1rem}.image-preview-zoom-display{font-size:.625rem;padding:0 .25rem;min-width:1.875rem}.image-preview-nav{width:2.25rem;height:2.25rem}.image-preview-nav svg{width:1.125rem;height:1.125rem}}@keyframes fadeIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-preview-close{position:fixed;top:1.25rem;right:1.25rem;width:1.5rem;height:1.5rem;background:0 0;border:none}.image-preview-close::after,.image-preview-close::before{content:"";position:absolute;width:1rem;height:.125rem;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.image-preview-close::after{transform:translate(-50%,-50%) rotate(-45deg)}