.case-pdf-view { display:flex; flex-direction:column; min-height:100%; background:#f3f5f8; color:#283447; }
.case-pdf-view[hidden], .case-translate-result[hidden] { display:none !important; }
.case-pdf-view .case-bar { display:flex; align-items:center; gap:18px; padding:12px 22px; background:#fff; border-bottom:1px solid #dce2ea; }
.case-pdf-view .case-bar strong { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case-pdf-layout { display:grid; grid-template-columns:188px minmax(0,1fr); height:calc(100vh - 166px); min-height:500px; }
.case-pdf-pages { overflow:auto; border-right:1px solid #dce2ea; padding:12px; background:#e8ebef; }
.case-pdf-pages button { position:relative; display:block; width:100%; border:2px solid transparent; margin:0 0 12px; padding:6px; background:#fff; border-radius:5px; cursor:pointer; }
.case-pdf-pages button.active { border-color:#2869b2; }
.case-pdf-pages img { display:block; max-width:100%; max-height:165px; margin:auto; object-fit:contain; }
.case-pdf-pages span { display:block; margin:4px 0 0; font-size:12px; color:#596879; }
.case-pdf-page { display:block; width:100%; height:100%; border:0; background:#fff; }
.case-translate-result { display:flex; flex-direction:column; height:calc(100vh - 220px); min-height:540px; }
.case-translate-result header { display:flex; align-items:center; gap:15px; padding:13px 20px; border-bottom:1px solid #e1e5ea; background:white; }
.case-translate-result header strong { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case-translate-result .case-pdf-layout { height:auto; min-height:0; flex:1; }
.case-translate-result .case-pdf-pages { width:160px; }
@media(max-width:700px) { .case-pdf-layout { grid-template-columns:96px minmax(0,1fr); } .case-pdf-pages { padding:4px; } .case-pdf-pages img { max-height:110px; } }