:root{color:#16363e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f8f7;font-family:Source Han Sans SC,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 5% 0,#fff7ef,#0000 30%),radial-gradient(circle at 95% 20%,#e8f7f4,#0000 35%),#f2f8f7;min-height:100vh;margin:0}#root{min-height:100vh}.shell{max-width:1100px;margin:0 auto;padding:28px 20px 40px}.hero{background:radial-gradient(circle at 10% 10%,#178e9a2e,#0000 40%),radial-gradient(circle at 90% 15%,#ea5e2638,#0000 40%),linear-gradient(145deg,#fff8ef,#e7f5f4 65%,#fff);border:1px solid #c7dfdc;border-radius:20px;padding:28px;animation:.5s ease-out rise;box-shadow:0 14px 28px #2141421f}.badge{color:#f5fbff;letter-spacing:.02em;background:#0f6f78;border-radius:999px;margin:0;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}h1{color:#10323a;margin:14px 0 8px;font-size:clamp(24px,4vw,38px);line-height:1.2}.meta{color:#325b62;margin:0;font-size:14px}.meter{margin-top:18px}.meter-head{color:#14343b;justify-content:space-between;margin-bottom:8px;display:flex}.meter-track{background:#0e707b24;border-radius:999px;height:10px;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg,#0d9aa9,#ea5e26);height:100%;transition:width .25s}.toolbar{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.chip,.btn{color:#154047;cursor:pointer;background:#ffffffdb;border:1px solid #80afb3;border-radius:10px;padding:9px 14px;font-weight:600}.chip.active{color:#fff;background:#0f7782;border-color:#0f7782}.btn.primary{color:#fff;background:#ea5e26;border-color:#ea5e26}.btn:disabled{cursor:not-allowed;opacity:.55}.actions{gap:10px;margin-top:14px;display:flex}.result{color:#23464d;background:#ffffffc2;border:1px solid #b6d7d3;border-radius:12px;margin-top:16px;padding:14px}.score{color:#0d6f79;margin:0 0 4px;font-size:22px;font-weight:700}.question-wrap{margin-top:20px}.pager{color:#1f4f57;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.question-list{gap:12px;margin:0 0 16px;padding-left:0;list-style:none;display:grid}.question-card{background:#fff;border:1px solid #cce3e0;border-radius:16px;padding:16px;box-shadow:0 8px 18px #1a34390f}.question-card.ok{background:#f2fff7;border-color:#33a16f}.question-card.bad{background:#fff7f2;border-color:#d85b3a}.q-tag{color:#4d7479;margin:0 0 8px;font-size:13px;font-weight:600}h2{color:#1f3940;margin:0;font-size:18px;line-height:1.45}.options{gap:8px;margin-top:12px;display:grid}.option-row{cursor:pointer;background:#f8fcfb;border:1px solid #d7e8e6;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.option-row input{margin-top:2px}.feedback{color:#2e545a;margin:12px 0 0}@media (width<=768px){.shell{padding:14px 12px 24px}.hero{padding:18px}.actions,.pager{flex-direction:column;align-items:stretch}.chip,.btn{width:100%}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}