.scroll-more{display:block;flex:0 0 auto;width:100%;min-height:42px;margin:7px 0 0;padding:8px 12px;background:#3b3426;color:#ffe0a0;border:1px solid #a18b62;border-radius:5px;font:700 14px/1.5 system-ui,sans-serif;cursor:pointer;text-align:center;box-shadow:0 -5px 12px #10191e99}
.scroll-more[hidden]{display:none!important}
.overlay .panel{display:flex;flex-direction:column;overflow:hidden}
.overlay .panel>.panel-head{position:relative;top:0;flex-shrink:0}
.overlay .panel>.panel-body{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.dialog:has(>.scroll-more){overflow:hidden;display:flex;flex-direction:column}
.dialog:has(>.scroll-more)>.dialog-content{overflow:auto;min-height:0;overscroll-behavior:contain}
.dialog:has(>.scroll-more)>.dialog-head{flex-shrink:0}
.panel-scroll img,.diagram-scroll img,.panel-body .reading img,.panel-body .evidence-photo{cursor:zoom-in}
.case-image-viewer{box-sizing:border-box;width:min(1400px,calc(100vw - 20px));height:calc(100dvh - 24px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:12px;border:1px solid #a18b62;border-radius:8px;background:#10191e;color:#f1eadc;overflow:hidden}
.case-image-viewer[open]{display:flex;flex-direction:column;gap:10px}
.case-image-viewer::backdrop{background:#03060bea}
.case-image-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.case-image-viewer button{font:inherit;min-height:44px;padding:8px 14px;border:1px solid #8c795d;border-radius:5px;background:#253239;color:#ffe0a0;cursor:pointer;touch-action:manipulation}
.case-image-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex-shrink:0}
.case-image-tools label{display:flex;align-items:center;gap:8px;font-size:14px;flex:1;min-width:130px}
.case-image-tools input{width:100%;min-width:60px;padding:0;accent-color:#d8bd8e;min-height:36px}
.case-image-tools output{min-width:44px;font-size:14px}
.case-image-tip{font:14px/1.5 system-ui,sans-serif;color:#bbc7cc;margin:0;flex-shrink:0}
.case-image-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;cursor:grab;background:#070d11;scrollbar-color:#a18b62 #172027;scrollbar-width:auto}
.case-image-scroll:active{cursor:grabbing}
.case-image-scroll img{display:block;max-width:none!important;max-height:none!important;object-fit:contain;margin:0 auto;user-select:none}
@media(max-width:600px){.case-image-viewer{padding:9px;gap:8px}.case-image-tools{gap:6px}.case-image-tools button{padding:7px 10px}.case-image-tools label{flex-basis:calc(100% - 55px)}.scroll-more{font-size:13px}}
