.soft-detail .xd-image-gallery{position:relative;display:block;width:100%;margin:14px 0 22px;outline:none}
/* 图库脚本初始化前隐藏正文图片，避免先出现原始纵向排版造成闪烁。 */
body.xd-gallery-pending .soft-detail .article-body article img{visibility:hidden}
.soft-detail .xd-image-gallery-viewport{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px;overflow:hidden;border-radius:12px;background:#f3f6fb}
.soft-detail .xd-image-gallery-track{display:block;width:100%}.soft-detail .xd-image-gallery-slide{display:none;width:100%;margin:0;text-align:center}.soft-detail .xd-image-gallery-slide.is-active{display:block}
.soft-detail .xd-image-gallery-image{display:block;width:100%;max-width:100%;height:auto;max-height:min(68vh,620px);margin:0!important;border-radius:0!important;object-fit:contain;cursor:zoom-in}
.soft-detail .xd-image-gallery-control{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:64px;margin:0;padding:0;border:0;border-radius:10px;background:rgba(25,35,50,.62);color:#fff;font-size:28px;line-height:1;cursor:pointer;opacity:.9;transform:translateY(-50%);transition:background-color .2s,opacity .2s}
.soft-detail .xd-image-gallery-control:hover,.soft-detail .xd-image-gallery-control:focus-visible{background:rgba(25,35,50,.86);opacity:1}.soft-detail .xd-image-gallery-control.is-prev{left:12px}.soft-detail .xd-image-gallery-control.is-next{right:12px}
.soft-detail .xd-image-gallery-counter{position:absolute;right:12px;bottom:10px;z-index:2;padding:3px 9px;border-radius:999px;background:rgba(25,35,50,.68);color:#fff;font-size:12px;line-height:18px}
.soft-detail .xd-image-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding:2px 1px 5px;scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.soft-detail .xd-image-gallery-thumb{flex:0 0 82px;width:82px;height:54px;padding:0;border:2px solid transparent;border-radius:7px;background:#eef2f7;overflow:hidden;cursor:pointer;scroll-snap-align:center;opacity:.72;transition:border-color .2s,opacity .2s,transform .2s}.soft-detail .xd-image-gallery-thumb:hover,.soft-detail .xd-image-gallery-thumb:focus-visible{opacity:1;transform:translateY(-1px)}.soft-detail .xd-image-gallery-thumb.is-active{border-color:#5b8def;opacity:1}.soft-detail .xd-image-gallery-thumb img{display:block;width:100%;height:100%;margin:0!important;border-radius:0!important;object-fit:cover}
.soft-detail .xd-image-gallery-thumbs{scrollbar-width:thin;scrollbar-color:#aebccc transparent}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar{height:8px}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-button{display:none;width:0;height:0}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-track{background:transparent;border-radius:999px}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:999px;background:#aebccc;background-clip:padding-box}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:hover,.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:active{background:#5b91c7;background-clip:padding-box}
.soft-detail .xd-image-gallery.is-single .xd-image-gallery-thumbs,.soft-detail .xd-image-gallery.is-single .xd-image-gallery-control{display:none}.soft-detail .xd-image-gallery:focus-visible .xd-image-gallery-viewport{box-shadow:0 0 0 3px rgba(91,141,239,.35)}body.night .soft-detail .xd-image-gallery-viewport{background:#202328}body.night .soft-detail .xd-image-gallery-thumb{background:#2d3138}body.night .soft-detail .xd-image-gallery-thumbs{scrollbar-color:#59687a transparent}body.night .soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb{background:#59687a;background-clip:padding-box}body.night .soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:hover,body.night .soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:active{background:#7ba9d8;background-clip:padding-box}
@media screen and (max-width:800px){.soft-detail .xd-image-gallery{margin:10px 0 18px}.soft-detail .xd-image-gallery-viewport{min-height:150px;border-radius:10px;touch-action:pan-y}.soft-detail .xd-image-gallery-image{max-height:52vh}.soft-detail .xd-image-gallery-control{display:none}.soft-detail .xd-image-gallery-counter{right:8px;bottom:7px}.soft-detail .xd-image-gallery-thumbs{gap:6px;margin-top:8px;scrollbar-width:thin}.soft-detail .xd-image-gallery-thumbs::-webkit-scrollbar{height:6px}.soft-detail .xd-image-gallery-thumb{flex-basis:68px;width:68px;height:46px}}