body { margin: 0; font-family: system-ui, sans-serif; color: #222; background: #f7f7f7; }
.shell { max-width: 760px; margin: 48px auto; padding: 24px; background: white; border: 1px solid #ddd; }
label { display: block; margin: 14px 0; } input, select, button { font: inherit; padding: 8px; } input, select { display:block; width:100%; box-sizing:border-box; margin-top:6px; } button { cursor:pointer; }
.muted { color:#666; } .error { color:#a00; } .task-frame { width:100%; height:70vh; border:1px solid #ccc; } .row { display:flex; gap:10px; align-items:center; }
.task-shell{max-width:1200px;margin:24px auto;padding:0 18px}.task-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.completion{max-width:980px;margin:24px auto;padding:24px;background:#fff;border:1px solid #ddd;border-radius:12px;overflow:auto}.radar-wrap{display:flex;gap:24px;align-items:center;justify-content:center;flex-wrap:wrap}.radar{display:block;width:min(100%,520px);height:auto;max-height:520px}
.master-pause{position:fixed;right:18px;top:12px;z-index:10000}.master-pause-overlay{position:fixed;inset:0;z-index:9999;background:#0008;display:grid;place-items:center;color:#fff}.master-pause-overlay>div{font-size:28px;text-align:center}.master-pause-overlay button{display:block;margin:20px auto;padding:10px 24px}.score-panel{max-width:1400px}.score-panel table{border-collapse:collapse;width:100%;background:#fff}.score-panel th,.score-panel td{border:1px solid #ccc;padding:8px;text-align:left;vertical-align:top}.score-panel pre{max-height:500px;overflow:auto;background:#f3f3f3;padding:12px}
.debug-score-card{position:fixed;left:18px;bottom:18px;z-index:10001;max-width:360px;padding:12px 15px;background:#fff;border:1px solid #7897aa;border-radius:10px;box-shadow:0 4px 18px #0003;color:#183247;font:14px/1.5 Arial,"Microsoft YaHei",sans-serif}.debug-score-card h4{margin:0 0 6px;font-size:16px}.debug-score-card>div{margin:3px 0}.debug-score-transcript{max-width:330px;word-break:break-word;color:#456}@media(max-width:700px){.debug-score-card{left:8px;right:8px;bottom:8px;max-width:none}}
.task-shell:fullscreen{max-width:none;margin:0;padding:18px;background:#f7f7f7}.task-shell:fullscreen .task-frame{height:calc(100vh - 76px);border:0}
.report-v1{max-width:1100px;margin:24px auto;padding:36px;background:#fff;color:#243746;line-height:1.7}.report-v1 header{text-align:center;border-bottom:1px solid #dbe5ea;padding-bottom:18px}.report-v1 section{margin:24px 0}.report-v1 table{width:100%;border-collapse:collapse}.report-v1 th,.report-v1 td{border:1px solid #dbe5ea;padding:8px}.report-dimensions{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.report-dimensions div{padding:12px;background:#eef6f5;border-radius:8px;text-align:center}.report-dimensions span,.report-dimensions strong{display:block}.report-radar{width:min(60vw,520px);height:min(60vw,520px);margin:28px auto;border-radius:50%;background:repeating-conic-gradient(from -18deg,#d6e5e9 0 1deg,transparent 1deg 72deg),repeating-radial-gradient(circle,#d6e5e9 0 1px,transparent 1px 20%);position:relative;clip-path:polygon(50% 0,98% 35%,79% 100%,21% 100%,2% 35%)}.report-radar span{position:absolute;width:14px;height:14px;border-radius:50%;background:#5b9d94;left:calc(50% + cos((var(--i) - 1) * 72deg) * var(--v) * 45% - 7px);top:calc(50% + sin((var(--i) - 1) * 72deg) * var(--v) * 45% - 7px)}.intro-panel{position:relative;background:#fff;padding:18px;text-align:center}.intro-panel video{display:block;width:100%;max-height:70vh;background:#111}.intro-panel button{margin:14px;padding:10px 24px}.intro-error{color:#a33}@media(max-width:800px){.report-dimensions{grid-template-columns:repeat(2,1fr)}.report-v1{padding:20px}.report-radar{width:80vw;height:80vw}}