/* /static/css/article_image_gallery_20260903.css */
.post-content .xd-image-gallery{position:relative;display:block;width:100%;margin:14px 0 22px;outline:none}
/* 图库脚本初始化前隐藏正文图片，避免先出现原始纵向排版造成闪烁。 */
body.xd-gallery-pending .post-content .article-body article img{visibility:hidden}
.post-content .xd-image-gallery-viewport{position:relative;display:block;aspect-ratio:16/9;min-height:220px;max-height:min(68vh,620px);overflow:hidden;border-radius:12px;background:#f3f6fb}
.post-content .xd-image-gallery-viewport.has-image{aspect-ratio:auto;min-height:0;transition:height .18s ease}
.post-content .xd-image-gallery-track{position:absolute;inset:0;display:block;width:100%;height:100%}.post-content .xd-image-gallery-slide{display:none;width:100%;height:100%;margin:0;text-align:center}.post-content .xd-image-gallery-slide.is-active{display:block}
.post-content .xd-image-gallery-image{display:block;width:100%;max-width:100%;height:100%;max-height:none;margin:0!important;border-radius:0!important;object-fit:contain;cursor:zoom-in}
.post-content .xd-image-gallery-status{position:absolute;top:12px;left:50%;z-index:2;max-width:calc(100% - 32px);padding:5px 12px;border-radius:8px;background:rgba(25,35,50,.8);color:#fff;font-size:13px;line-height:20px;text-align:center;transform:translateX(-50%);pointer-events:none}.post-content .xd-image-gallery-status[hidden]{display:none}
.post-content .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}
.post-content .xd-image-gallery-control:hover,.post-content .xd-image-gallery-control:focus-visible{background:rgba(25,35,50,.86);opacity:1}.post-content .xd-image-gallery-control.is-prev{left:12px}.post-content .xd-image-gallery-control.is-next{right:12px}
.post-content .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}
.post-content .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}.post-content .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}.post-content .xd-image-gallery-thumb:hover,.post-content .xd-image-gallery-thumb:focus-visible{opacity:1;transform:translateY(-1px)}.post-content .xd-image-gallery-thumb.is-active{border-color:#5b8def;opacity:1}.post-content .xd-image-gallery-thumb img{display:block;width:100%;height:100%;margin:0!important;border-radius:0!important;object-fit:cover}
.post-content .xd-image-gallery-thumbs{scrollbar-width:thin;scrollbar-color:#aebccc transparent}.post-content .xd-image-gallery-thumbs::-webkit-scrollbar{height:8px}.post-content .xd-image-gallery-thumbs::-webkit-scrollbar-button{display:none;width:0;height:0}.post-content .xd-image-gallery-thumbs::-webkit-scrollbar-track{background:transparent;border-radius:999px}.post-content .xd-image-gallery-thumbs::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:999px;background:#aebccc;background-clip:padding-box}.post-content .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:hover,.post-content .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:active{background:#5b91c7;background-clip:padding-box}
.post-content .xd-image-gallery.is-single .xd-image-gallery-thumbs,.post-content .xd-image-gallery.is-single .xd-image-gallery-control{display:none}.post-content .xd-image-gallery:focus-visible .xd-image-gallery-viewport{box-shadow:0 0 0 3px rgba(91,141,239,.35)}body.night .post-content .xd-image-gallery-viewport{background:#202328}body.night .post-content .xd-image-gallery-thumb{background:#2d3138}body.night .post-content .xd-image-gallery-thumbs{scrollbar-color:#59687a transparent}body.night .post-content .xd-image-gallery-thumbs::-webkit-scrollbar-thumb{background:#59687a;background-clip:padding-box}body.night .post-content .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:hover,body.night .post-content .xd-image-gallery-thumbs::-webkit-scrollbar-thumb:active{background:#7ba9d8;background-clip:padding-box}
@media screen and (max-width:800px){.post-content .xd-image-gallery{margin:10px 0 18px}.post-content .xd-image-gallery-viewport{min-height:150px;max-height:52vh;border-radius:10px;touch-action:pan-y}.post-content .xd-image-gallery-control{display:none}.post-content .xd-image-gallery-counter{right:8px;bottom:7px}.post-content .xd-image-gallery-thumbs{gap:6px;margin-top:8px;scrollbar-width:thin}.post-content .xd-image-gallery-thumbs::-webkit-scrollbar{height:6px}.post-content .xd-image-gallery-thumb{flex-basis:68px;width:68px;height:46px}}
@media(prefers-reduced-motion:reduce){.post-content .xd-image-gallery-viewport.has-image{transition:none}}



/* /static/css/article_gallery_white_zoom_bold_20260915.css */
/* Unified rounded line icons; cursors stay inside native pointer rendering. */
.post-content .xd-image-gallery:not(.is-single) .xd-image-gallery-control{position:absolute;top:0;bottom:0;z-index:2;width:25%;height:100%;min-width:0;max-width:none;box-sizing:border-box;transform:none;border:0;border-radius:0;background:transparent;opacity:1;display:flex;align-items:center;padding:0 12px;box-shadow:none}
.post-content .xd-image-gallery:not(.is-single) .xd-image-gallery-control.is-prev{left:0;justify-content:flex-start;cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cg%20transform%3D%22translate(1024%200)%20scale(-1%201)%22%3E%3Cpath%20d%3D%22M512%20447.99999999l0%20128.00000002-458.68799999-1e-8c-29.44%200-53.312-23.872-53.31200001-53.312l0-21.376A53.312%2053.312%200%200%201%2053.31200001%20448L512%20447.99999999z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M593.28%20242.176l358.08%20220.8a53.312%2053.312%200%200%201%200.576%2090.432l-358.08%20226.752A53.312%2053.312%200%200%201%20512%20735.104L512%20287.55200001a53.312%2053.312%200%200%201%2081.28-45.44000002z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 14 14,w-resize}
.post-content .xd-image-gallery:not(.is-single) .xd-image-gallery-control.is-next{right:0;justify-content:flex-end;cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M512%20447.99999999l0%20128.00000002-458.68799999-1e-8c-29.44%200-53.312-23.872-53.31200001-53.312l0-21.376A53.312%2053.312%200%200%201%2053.31200001%20448L512%20447.99999999z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M593.28%20242.176l358.08%20220.8a53.312%2053.312%200%200%201%200.576%2090.432l-358.08%20226.752A53.312%2053.312%200%200%201%20512%20735.104L512%20287.55200001a53.312%2053.312%200%200%201%2081.28-45.44000002z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E") 14 14,e-resize}
.post-content .xd-image-gallery-image{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M728%20397.7c0-183.4-148.6-332-332-332S64%20214.4%2064%20397.7s148.6%20332%20332%20332%20332-148.6%20332-332zM393.6%20621c-123.3%200-223.3-100-223.3-223.3s100-223.3%20223.3-223.3%20223.3%20100%20223.3%20223.3S516.9%20621%20393.6%20621z%20m121.7-271.7c26.1%200%2047.3%2021.1%2047.3%2047.2s-21.2%2047.3-47.3%2047.3H442v73.3c0%2026.1-21.2%2047.3-47.3%2047.3-26.1%200-47.2-21.2-47.2-47.3v-73.3h-70.9c-26.1%200-47.2-21.1-47.2-47.3%200-26.1%2021.1-47.2%2047.2-47.2h70.9v-70.9c0-26.1%2021.1-47.3%2047.2-47.3s47.3%2021.1%2047.3%2047.3v70.9h73.3z%20m425.3%20454.2c25.8%2025.8%2025.8%2067.7%200%2093.6l-41.8%2041.8c-25.8%2025.8-67.7%2025.8-93.6%200L606.4%20740.1c-32.9-32.9%2023.8-32.3%2049.6-58.2l41.8-41.8c25.8-25.9%2015.7-63.6%2043.9-35.4l198.9%20198.8z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E") 11 11,zoom-in}
.post-content .xd-image-gallery-control>span{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;box-sizing:border-box;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(248,251,255,.92);color:#36577c;font-size:0;line-height:1;pointer-events:none;box-shadow:0 2px 8px #152a4026;transition:background-color .15s,border-color .15s}
.post-content .xd-image-gallery-control>span::before{content:"";display:block;width:20px;height:20px;background:var(--gallery-arrow) center/contain no-repeat;mask:none;-webkit-mask:none}
.post-content .xd-image-gallery-control.is-prev{--gallery-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cg%20transform%3D%22translate(1024%200)%20scale(-1%201)%22%3E%3Cpath%20d%3D%22M512%20447.99999999l0%20128.00000002-458.68799999-1e-8c-29.44%200-53.312-23.872-53.31200001-53.312l0-21.376A53.312%2053.312%200%200%201%2053.31200001%20448L512%20447.99999999z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M593.28%20242.176l358.08%20220.8a53.312%2053.312%200%200%201%200.576%2090.432l-358.08%20226.752A53.312%2053.312%200%200%201%20512%20735.104L512%20287.55200001a53.312%2053.312%200%200%201%2081.28-45.44000002z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.post-content .xd-image-gallery-control.is-next{--gallery-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M512%20447.99999999l0%20128.00000002-458.68799999-1e-8c-29.44%200-53.312-23.872-53.31200001-53.312l0-21.376A53.312%2053.312%200%200%201%2053.31200001%20448L512%20447.99999999z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M593.28%20242.176l358.08%20220.8a53.312%2053.312%200%200%201%200.576%2090.432l-358.08%20226.752A53.312%2053.312%200%200%201%20512%20735.104L512%20287.55200001a53.312%2053.312%200%200%201%2081.28-45.44000002z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E")}
.post-content .xd-image-gallery:not(.is-single) .xd-image-gallery-control:hover{background:transparent}
.post-content .xd-image-gallery-control:hover>span,.post-content .xd-image-gallery-control:focus-visible>span{background:#fff;border-color:#a6c2e5;color:#285887}
.post-content .xd-image-gallery-control:focus-visible{outline:2px solid #8cb5ed;outline-offset:-3px}
.post-content .xd-image-gallery-counter{pointer-events:none}
body.night .post-content .xd-image-gallery-control>span{background:rgba(36,51,70,.92);border-color:#70859c;color:#d8e8fb}
body.night .post-content .xd-image-gallery-control:hover>span,body.night .post-content .xd-image-gallery-control:focus-visible>span{background:#314760;border-color:#9dbbdc;color:#fff}
@media(max-width:800px){.post-content .xd-image-gallery:not(.is-single) .xd-image-gallery-control{padding:0 8px}.post-content .xd-image-gallery-control>span{flex-basis:30px;width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.post-content .xd-image-gallery-control>span{transition:none}}
@media(min-width:801px){.post-content .xd-image-gallery-control>span{display:none}}
/* White mobile arrows need a dark translucent backing; desktop stays unobstructed. */
@media(max-width:800px){.post-content .xd-image-gallery-control>span{background:rgba(25,35,50,.64);border-color:rgba(255,255,255,.3)}.post-content .xd-image-gallery-control:hover>span,.post-content .xd-image-gallery-control:focus-visible>span{background:rgba(25,35,50,.84);border-color:rgba(255,255,255,.5)}}



.post-content img[data-onedm-image]{cursor:zoom-in}