/* 唱跳考核中的交互式姿态证据。配色沿用后台的白粉 / 黑粉。 */
.ai-pose-viewer{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);margin:14px 0;color:var(--text);min-width:0}
.ai-pose-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 15px 10px;flex-wrap:wrap}.ai-pose-head strong{font-size:15px}.ai-pose-head small{font-size:12px;color:var(--muted)}
.ai-pose-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:0 15px 12px}.ai-pose-toolbar button,.ai-pose-play{font:inherit;font-size:14px;cursor:pointer;border:1px solid var(--line);background:var(--surface-alt);color:var(--text);padding:8px 11px;border-radius:6px}.ai-pose-toolbar button[aria-pressed=true]{border-color:var(--pink);background:var(--pink-soft);color:var(--accent-text,var(--pink))}.ai-pose-toolbar button:focus-visible,.ai-pose-play:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.ai-pose-stage{position:relative;cursor:grab;touch-action:pan-y;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--pink) 12%,transparent),transparent 68%),var(--surface-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ai-pose-stage:active{cursor:grabbing}.ai-pose-stage svg{display:block;width:100%;height:clamp(230px,24vw,340px)}.ai-pose-stage .pose-caption{position:absolute;top:10px;left:13px;color:var(--muted);font-size:12px;letter-spacing:1px;pointer-events:none}.ai-pose-stage .pose-frame{position:absolute;right:12px;bottom:11px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--accent-text,var(--pink));pointer-events:none}
.ai-pose-controls{padding:13px 15px;display:grid;gap:12px}.ai-pose-control{display:grid;grid-template-columns:63px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.ai-pose-control input{width:100%;min-width:0;accent-color:var(--pink);cursor:pointer}.ai-pose-control output{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.ai-pose-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.ai-pose-play{white-space:nowrap}.ai-pose-bottom span{line-height:1.6}.ai-pose-note{font-size:12px;color:var(--muted);line-height:1.7;margin:0;padding:0 15px 14px}
@media(max-width:600px){.ai-pose-head{padding:12px}.ai-pose-toolbar{padding:0 12px 10px}.ai-pose-toolbar button{padding:7px 9px;font-size:14px}.ai-pose-controls{padding:12px}.ai-pose-control{grid-template-columns:52px minmax(0,1fr) 36px;gap:7px}.ai-pose-bottom{align-items:flex-start}.ai-pose-stage svg{height:260px}.ai-pose-note{padding:0 12px 12px}}