:where(html.an-html) .an-viewer-host{display:contents}:where(html.an-html) .an-viewer.van-image-preview{background:rgba(0,0,0,var(--an-viewer-alpha,1))}:where(html.an-html) .an-viewer .van-image__img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}:where(html.an-html) .an-viewer-none-enter-active,:where(html.an-html) .an-viewer-none-leave-active{transition:none!important}:where(html.an-html) .an-viewer-pop-enter-active,:where(html.an-html) .an-viewer-pop-leave-active{transition:opacity .24s,transform .24s cubic-bezier(.2,.8,.2,1)}:where(html.an-html) .an-viewer-pop-enter-from,:where(html.an-html) .an-viewer-pop-leave-to{opacity:0;transform:scale(.92)}:where(html.an-html) .an-viewer-fly{z-index:9999;pointer-events:none;position:fixed;inset:0}:where(html.an-html) .an-viewer-fly__bg{background:#000;position:absolute;inset:0}:where(html.an-html) .an-viewer-fly__box{position:absolute;overflow:hidden}:where(html.an-html) .an-viewer-fly__img{max-width:none;position:absolute}:where(html.an-html) .an-viewer-fly.is-anim .an-viewer-fly__bg{transition:opacity .28s}:where(html.an-html) .an-viewer-fly.is-anim .an-viewer-fly__box,:where(html.an-html) .an-viewer-fly.is-anim .an-viewer-fly__img{transition:left .28s cubic-bezier(.2,.8,.2,1),top .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),border-radius .28s}:where(html.an-html) .an-viewer__ui{pointer-events:none;transition:opacity .2s;position:fixed;inset:0}:where(html.an-html) .an-viewer__ui.is-hidden{opacity:0}:where(html.an-html) .an-viewer__top{padding:calc(.16rem + env(safe-area-inset-top)) .21333rem .42667rem;background:linear-gradient(#00000073,#0000);justify-content:space-between;align-items:center;animation:.3s both an-viewer-down;display:flex;position:absolute;top:0;left:0;right:0}:where(html.an-html) .an-viewer__btn{color:#fff;pointer-events:auto;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:1.06667rem;height:1.06667rem;font-size:.53333rem;display:flex}:where(html.an-html) .an-viewer__index{color:#fffc;letter-spacing:1px;font-size:.4rem}:where(html.an-html) .an-viewer__index b{color:#fff;font-size:.48rem;font-weight:700}:where(html.an-html) .an-viewer__nav{display:none}@media (hover:hover) and (pointer:fine){:where(html.an-html) .an-viewer__nav{color:#fff;pointer-events:auto;cursor:pointer;background:#ffffff29;border-radius:50%;justify-content:center;align-items:center;width:1.17333rem;height:1.17333rem;margin-top:-.58667rem;font-size:.58667rem;display:flex;position:absolute;top:50%}:where(html.an-html) .an-viewer__nav:disabled{opacity:.25;cursor:default}:where(html.an-html) .an-viewer__nav--prev{left:.42667rem}:where(html.an-html) .an-viewer__nav--next{right:.42667rem}:where(html.an-html) .an-viewer.van-image-preview{cursor:zoom-out}}:where(html.an-html) .an-viewer__bottom{padding:.64rem 0 calc(.32rem + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0000008c);animation:.3s both an-viewer-up;position:absolute;bottom:0;left:0;right:0}:where(html.an-html) .an-viewer__caption{align-items:flex-end;gap:.32rem;padding:0 .42667rem .26667rem;display:flex}:where(html.an-html) .an-viewer__caption-text{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:.37333rem;line-height:.53333rem;display:-webkit-box;overflow:hidden}:where(html.an-html) .an-viewer__detail{color:#fff;pointer-events:auto;border:1px solid #fff9;border-radius:.37333rem;flex:none;height:.74667rem;padding:0 .32rem;font-size:.34667rem;line-height:.69333rem}:where(html.an-html) .an-viewer__strip{scrollbar-width:none;pointer-events:auto;gap:.21333rem;padding:.05333rem .42667rem;display:flex;overflow-x:auto}:where(html.an-html) .an-viewer__strip::-webkit-scrollbar{display:none}:where(html.an-html) .an-viewer__thumb{opacity:.5;border:2px solid #0000;border-radius:.16rem;flex:none;width:1.17333rem;height:1.17333rem;transition:opacity .2s,border-color .2s,transform .2s;overflow:hidden}:where(html.an-html) .an-viewer__thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}:where(html.an-html) .an-viewer__thumb.is-on{opacity:1;border-color:#fff;transform:scale(1.06)}@keyframes an-viewer-down{0%{opacity:0;transform:translateY(-.32rem)}to{opacity:1;transform:none}}@keyframes an-viewer-up{0%{opacity:0;transform:translateY(.32rem)}to{opacity:1;transform:none}}