:root{color:#223741;background:#fff;font:15px/1.55 "Microsoft YaHei","PingFang SC",sans-serif;--teal:#176b71;--line:#dce5e8;--muted:#627680}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:auto;padding:20px 24px 14px}header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 12px}h1{font-size:25px;margin:0;font-weight:650}header p{grid-column:1/-1;margin:6px 0 13px;color:#526871;font-size:14px}.eyebrow{font-size:12px;background:#e8f4f4;border-radius:4px;padding:3px 8px;color:var(--teal)}button{font:inherit;cursor:pointer;background:#fff;color:inherit;border:1px solid var(--line);border-radius:6px;padding:7px 13px;transition:background .15s}button:hover{background:#eef6f6}button:focus-visible{outline:3px solid #35a7ad;outline-offset:2px}#steps{display:flex;gap:8px;margin-bottom:11px}#steps button{flex:1;text-align:left;font-size:14px;display:flex;gap:9px;align-items:center}#steps b{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border-radius:50%;background:#f0f3f4;font-size:12px}#steps button[aria-current="step"]{background:#eaf5f4;border-color:#7ab4b6;color:#0c5a61}#steps button[aria-current="step"] b{background:var(--teal);color:white}.viewport{position:relative;height:420px;border:1px solid #dce6e8;border-radius:9px;overflow:hidden;background:#eef3f4}#canvas,#labels{position:absolute;inset:0}#canvas canvas{display:block;width:100%;height:100%;touch-action:none}#labels{pointer-events:none}.label{position:absolute;border-left:3px solid var(--teal);background:#fffffff0;padding:3px 7px;border-radius:3px;box-shadow:0 1px 6px #16394213;white-space:nowrap;font-size:12px;transform:translate(-50%,-100%)}.viewbar{position:absolute;left:12px;bottom:12px;display:flex;gap:5px}.viewbar button{padding:5px 10px;font-size:12px;background:#ffffffed}.viewbar button[aria-pressed="true"]{border-color:#176b71;color:#095d63;background:#e8f4f3}#scene-note{position:absolute;top:10px;left:13px;color:#5a6d75;font-size:12px;background:#ffffffd9;padding:3px 7px;border-radius:4px}.playbar{display:flex;align-items:center;gap:8px;margin:10px 0}#play{background:var(--teal);color:white;border-color:var(--teal);min-width:134px}.playbar button{font-size:13px;padding:6px 12px}.progress{flex:1;height:4px;background:#e4ebed;border-radius:8px;overflow:hidden}.progress i{display:block;background:#6eaaa7;height:100%;width:0}#phase{font-size:12px;color:var(--muted);min-width:90px;text-align:right}.explanation{display:grid;grid-template-columns:1fr 240px;gap:25px;padding:12px 0 4px;border-top:1px solid var(--line);min-height:93px}h2{font-size:18px;margin:0 0 4px}.explanation p{margin:0;color:#465e69;font-size:14px}#status{border-left:2px solid #d4e7e7;padding-left:15px;font-size:13px;color:#365a63;display:flex;flex-direction:column;justify-content:center}#status strong{font-size:20px;color:#176b71;font-weight:650}#status small{font-size:11px;color:#6b7f86}footer{font-size:11px;color:#758890;padding-top:9px}.error{padding:25px;color:#953838} @media(min-width:1200px){.viewport{height:455px}}

.comparison{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:15px;align-items:stretch}.evidence{border:1px solid var(--line);border-radius:9px;background:#fafbf9;padding:13px;display:flex;flex-direction:column;min-width:0}.evidence-kind{font-size:11px;letter-spacing:.06em;color:#63776e;margin:0 0 7px}.evidence #photo-open{padding:0;background:white;border:0;border-radius:5px;overflow:hidden;display:block;cursor:zoom-in}.evidence img{display:block;width:100%;height:178px;object-fit:contain;background:#f4f5f1}.evidence h2{font-size:16px;line-height:1.4;margin:12px 0 5px}.evidence>p:not(.evidence-kind){font-size:12px;line-height:1.6;margin:0 0 6px;color:#5c6f76}.evidence p.evidence-credit{font-size:10px;color:#7a868c;margin-top:auto}.evidence a{color:#50736d;text-underline-offset:2px}.viewport{height:435px}#photo-dialog{width:min(1100px,92vw);padding:18px;border:1px solid #d2dfdf;border-radius:9px;color:#36515c}#photo-dialog::backdrop{background:#153038b8}#photo-dialog img{width:100%;max-height:75vh;object-fit:contain}#photo-close{float:right;margin-bottom:8px}#photo-dialog p{font-size:13px;clear:both} @media(min-width:1200px){.comparison{grid-template-columns:minmax(0,1fr) 315px}.viewport{height:455px}.evidence img{height:195px}}