/* SJKC P5 科学 互动实验台（Claude 2026-10-10） */
.lab-intro{margin:4px 0 6px}
.p5lab{width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}
.lab-stage{width:100%;background:#f7fbff;border:2px solid #dbeafe;border-radius:16px;padding:4px}
.lab-stage svg{display:block;width:100%;height:auto;max-height:30vh;margin:auto}
.lab-ctrl{display:flex;flex-direction:column;gap:6px;width:100%;align-items:center}
.lab-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}
.lab-lbl{font-size:13px;font-weight:800;color:#4b5563;margin-right:2px}
.lab-btn{border:2px solid #93c5fd;background:#fff;color:#1d4ed8;border-radius:999px;padding:6px 13px;min-height:40px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.lab-btn.on{background:#2563eb;border-color:#2563eb;color:#fff}
.lab-btn.go{background:#15803d;border-color:#15803d;color:#fff}
.lab-btn.done{background:#dcfce7;border-color:#15803d;color:#15803d}
.lab-btn.done.on{background:#15803d;border-color:#15803d;color:#fff}
.lab-btn:active{transform:scale(.96)}
.lab-btn:disabled{opacity:.45;cursor:default}
.lab-say{min-height:2.6em;font-size:14px;font-weight:700;color:#1f2937;text-align:center;line-height:1.45}
.lab-say.ok{color:#15803d}.lab-say.no{color:#b91c1c}
.lab-count{font-size:12px;color:#6b7280;font-weight:700}
.lab-count.done{color:#15803d}
.lab-tbl{border-collapse:collapse;font-size:13px;margin:0 auto}
.lab-tbl td,.lab-tbl th{border:1.5px solid #bbf7d0;padding:2px 8px;text-align:center}
.lab-tbl th{background:#15803d;color:#fff}
@media (max-width:480px){.lab-btn{padding:5px 10px;font-size:13px;min-height:38px}.lab-stage svg{max-height:26vh}.lab-say{font-size:13px}}
.p5lab .lab-pop{animation:labpop .45s ease-out}
@keyframes labpop{from{opacity:0}to{opacity:1}}
.p5lab .lab-flow{animation:labflow .8s linear infinite}
@keyframes labflow{to{stroke-dashoffset:-12}}