:root{color-scheme:light;--ink:#17243a;--blue:#1354cb;--line:#d8e0ec;--muted:#53647d}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f1f5fb;color:var(--ink);font:1rem/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif}header{background:#fff;border-bottom:1px solid var(--line);padding:1rem max(1rem,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem}a{color:var(--blue)}header a{text-decoration:none;font-weight:700}header span{font-size:.875rem;font-weight:400;color:var(--muted)}main{max-width:1120px;margin:2rem auto;padding:0 1rem}.narrow{max-width:780px}.card{padding:1.5rem;background:white;border:1px solid var(--line);border-radius:16px;margin-bottom:1.25rem;box-shadow:0 5px 20px #17243a05}.compact{padding:1.25rem}h1{font-size:1.75rem;line-height:1.35;margin:.3rem 0 1rem}h2{font-size:1.125rem;margin:.25rem 0 1rem}h3{font-size:1rem;margin:1rem 0 .5rem}.eyebrow{color:var(--blue);font-size:.875rem;font-weight:650;letter-spacing:.06em}.muted{color:var(--muted);font-size:.875rem}.mono{font: .875rem/1.6 ui-monospace,monospace;overflow-wrap:anywhere}form{display:grid;gap:1rem}label{font-weight:600}input:not([type=checkbox]):not([type=radio]),textarea{font:inherit;padding:.7rem .9rem;border:1px solid #a9b8cf;border-radius:8px;width:100%;color:var(--ink);background:white}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:20px;height:20px;flex-shrink:0}.check{display:flex;gap:.7rem;align-items:flex-start;font-weight:400}.button,button{display:inline-block;border:1px solid var(--blue);border-radius:9px;padding:.7rem 1.1rem;background:var(--blue);color:white;cursor:pointer;font:600 1rem/1.4 system-ui;text-decoration:none}button.secondary{background:white;color:var(--blue)}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #69a2ff;outline-offset:3px}.spread{display:flex;align-items:center;justify-content:space-between;gap:1rem}.question{font-size:1.125rem;line-height:1.8;overflow-wrap:anywhere}.rich img{max-width:100%;height:auto}.rich table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.rich td,.rich th{border:1px solid var(--line);padding:.4rem}.option{display:flex;align-items:flex-start;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:10px;font-weight:400;margin-top:.8rem;cursor:pointer}.option:has(input:checked){border-color:var(--blue);background:#edf4ff}#choices{margin-top:1rem;display:grid;gap:.5rem}progress{width:100%;height:9px;accent-color:var(--blue)}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:.5rem}.question-grid button{padding:.6rem .2rem;background:white;color:var(--ink);border-color:var(--line);font-size:.875rem}.question-grid button.answered{background:#e2eeff;color:var(--blue);border-color:#b4cdf2}.question-grid button.current{outline:2px solid var(--blue);outline-offset:2px}#message:not(:empty){background:#e8f0fc;border-radius:9px;padding:.85rem 1rem;overflow-wrap:anywhere}#message.error{background:#fff0ef;color:#9e271f}.report-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1.25rem}.report-layout aside{align-self:start}.assessment-item{width:100%;text-align:left;margin:.4rem 0;background:white;color:var(--ink);border-color:var(--line);font-weight:400;font-size:.875rem}.assessment-item.active{background:#edf4ff;border-color:var(--blue)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.metric{background:#f1f5fb;padding:1rem;border-radius:10px}.metric strong{display:block;font-size:1.75rem;color:var(--blue)}.metric span{font-size:.875rem}.score{font-size:2rem;font-weight:700;color:var(--blue)}.report-chart{width:100%;max-height:160px;display:block}.report-chart polyline{stroke:var(--blue);fill:none;stroke-width:2}.report-chart line{stroke:var(--line)}.detail{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.detail p{white-space:pre-wrap}.badge{background:#edf4ff;color:var(--blue);padding:.25rem .6rem;border-radius:6px;font-size:.875rem}footer{max-width:1120px;margin:2rem auto;padding:0 1rem;text-align:center;color:var(--muted);font-size:.875rem}@media(max-width:750px){main{margin:1rem auto}.card{padding:1.1rem}.report-layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}header{padding:1rem}h1{font-size:1.5rem}.spread{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}