.lab-detail { padding-top: 48px; padding-bottom: 72px; }
.lab-detail-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.lab-detail-heading h2 { font-size:30px; }
.lab-detail-heading a { color:#009b50; }
.lab-gallery { display:grid; grid-template-columns:minmax(0, 1fr) 240px; gap:24px; align-items:start; }
.lab-main { margin:0; background:#f1f5f2; border-radius:12px; overflow:hidden; }
.lab-main picture { display:block; aspect-ratio:3 / 2; }
.lab-main img { display:block; width:100%; height:100%; object-fit:contain; }
.lab-main figcaption { padding:14px 20px; text-align:center; color:#34443a; }
.lab-thumbs { display:grid; gap:12px; max-height: min(68vw, 800px); overflow-y:auto; padding:0 6px 0 0; }
.lab-thumb { display:block; width:100%; padding:0; border:2px solid transparent; border-radius:8px; overflow:hidden; background:#eef4ef; cursor:pointer; color:#4d5b52; font:inherit; }
.lab-thumb img { display:block; width:100%; aspect-ratio:3 / 2; object-fit:cover; }
.lab-thumb span { display:block; padding:9px; font-size:14px; }
.lab-thumb.active { border-color:#009b50; background:#009b50; color:white; }
.lab-thumb:focus-visible { outline:2px solid #009b50; outline-offset:2px; }
.lab-description { margin-top:48px; font-size:16px; line-height:1.9; color:#414b45; overflow-wrap:anywhere; }
.lab-description p { margin:0 0 16px; }
.lab-description img { max-width:100% !important; height:auto !important; }
.lab-description table { width:100% !important; border-collapse:collapse; }
.lab-description td,.lab-description th { border:1px solid #dce5df; padding:10px 14px; }
@media(max-width:768px) { .lab-gallery { grid-template-columns:minmax(0,1fr) 100px; gap:10px; } .lab-thumb span { font-size:11px; padding:5px; } .lab-detail-heading h2 { font-size:24px; } .lab-detail-heading a { font-size:13px; } .lab-detail { padding-top:28px; } }

/* 左侧图片展示，右侧紧凑正文。 */
.lab-detail-columns { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:36px; align-items:start; }
.lab-detail-columns .lab-gallery { grid-template-columns:minmax(0,1fr) 110px; gap:12px; min-width:0; }
.lab-detail-columns .lab-thumb span { font-size:12px; padding:6px; }
.lab-detail-columns .lab-description { margin:0; min-width:0; font-size:14px; line-height:1.65; letter-spacing:normal; }
.lab-description p,.lab-description div,.lab-description li { line-height:1.65 !important; letter-spacing:normal !important; }
.lab-description p { margin:0 0 8px !important; padding:0 !important; }
.lab-description h1,.lab-description h2,.lab-description h3,.lab-description h4 { margin:16px 0 8px; line-height:1.4; }
.lab-description table { margin:10px 0 16px; table-layout:fixed; }
.lab-description td,.lab-description th { padding:6px 8px !important; height:auto !important; font-size:13px; line-height:1.5 !important; }
.lab-description td p,.lab-description th p { margin:0 !important; }
@media(max-width:992px) { .lab-detail-columns { grid-template-columns:1fr; gap:28px; } }

/* 图片与介绍组成连续的浅绿色面板，正文在等高区域内滚动。 */
.lab-detail-columns { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:0; background:#f0f6f2; border:1px solid #e1ebe4; border-radius:16px; overflow:hidden; }
.lab-detail-columns .lab-gallery { padding:16px; grid-template-columns:minmax(0,1fr) 92px; gap:10px; }
.lab-main { border-radius:10px; background:#e8f1eb; }
.lab-main figcaption { padding:10px 12px; font-size:13px; }
.lab-thumbs { padding:0; scrollbar-width:none; -ms-overflow-style:none; overscroll-behavior:contain; align-content:start; }
.lab-thumbs::-webkit-scrollbar { display:none; width:0; }
.lab-detail-columns .lab-thumb { border-radius:6px; }
.lab-detail-columns .lab-thumb span { font-size:11px; padding:5px 3px; }
.lab-detail-columns .lab-description { box-sizing:border-box; padding:24px 28px; overflow-y:auto; overscroll-behavior:contain; background:#f0f6f2; border-left:1px solid #dfeae2; scrollbar-width:thin; scrollbar-color:#b4cbbb transparent; }
.lab-description:focus-visible { outline:2px solid #009b50; outline-offset:-3px; }
.lab-description > :first-child { margin-top:0 !important; }
@media(max-width:992px) { .lab-detail-columns { grid-template-columns:1fr; } .lab-detail-columns .lab-description { border-left:0; border-top:1px solid #dfeae2; padding:20px; } }
@media(max-width:580px) { .lab-detail-columns .lab-gallery { grid-template-columns:minmax(0,1fr) 76px; padding:10px; gap:8px; } .lab-detail-columns .lab-description { padding:16px; } }

/* 整体面板增加留白。 */
.lab-detail-columns { padding:8px; }
@media(max-width:580px) { .lab-detail-columns { padding:4px; } }

/* 手机表格保留可读列宽，由既有容器横向滚动，避免标准编号被逐字挤断。 */
@media (max-width: 768px) {
  .lab-description .lab-table-scroll table {
    width: auto !important;
    min-width: 100%;
    table-layout: auto;
  }
  .lab-description .lab-table-scroll td,
  .lab-description .lab-table-scroll th {
    min-width: 160px;
    max-width: 280px;
    overflow-wrap: normal;
    word-break: normal;
  }
}