:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#183d35;background:#f5f8f6;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;min-height:58px;padding:8px max(16px,calc((100vw - 780px)/2));background:#123f36;color:#fff;box-shadow:0 2px 12px #143e361a}.brand{color:#c4ebda;text-decoration:none;font-size:.9rem}.top>span{font-weight:700;flex:1}.top-button{border:1px solid #9bcabb;background:transparent;color:#fff;border-radius:20px;padding:6px 12px;font-size:.85rem}.wrap{width:min(100%,780px);padding:24px 16px 70px;margin:auto}.eyebrow{color:#1c8266;font-weight:800;letter-spacing:.12em;font-size:.85rem}.title{font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.25;margin:8px 0 6px}.subtitle{color:#627a71;line-height:1.6;margin:0 0 20px}.card{background:#fff;border:1px solid #dce9e1;border-radius:20px;padding:20px;margin:16px 0;box-shadow:0 3px 14px #173e3610}.card h2,.card h3{margin:0 0 10px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.row>*{min-width:0}.muted{color:#6b8177}.small{font-size:.88rem}.pill{border-radius:20px;padding:4px 10px;background:#e4f3eb;color:#19684e;font-size:.79rem;white-space:nowrap}.stack{display:grid;gap:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px}.unit{display:block;text-align:left;color:inherit;background:#fff;border:1px solid #dce9e1;border-radius:18px;padding:20px;min-height:165px}.unit:hover,.unit:focus-visible{border-color:#158667;box-shadow:0 4px 14px #166f4b1a}.unit .number{color:#13876a;font-weight:800}.unit strong{display:block;font-size:1.2rem;margin:8px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:13px;padding:13px 18px;min-height:46px;text-decoration:none;font-weight:700}.primary{background:#157b61;color:#fff}.secondary{background:#e9f2ed;color:#145a47}.plain{background:transparent;color:#186f56;padding:9px 4px}.danger{color:#b53232}.full{width:100%}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.actions>.button{flex:1}.field{display:grid;gap:6px;margin:14px 0}.field span{font-weight:600}.field input{width:100%;border:1px solid #cadbd0;border-radius:12px;padding:13px;background:#fff;color:#173e36}.field input:focus{outline:2px solid #49a988}.check{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf2ee}.check:last-child{border:0}.check input{width:20px;height:20px;accent-color:#157b61}.note{border-radius:13px;padding:13px 15px;background:#e8f3ee;color:#275b49;line-height:1.55;margin:14px 0}.error{border-radius:13px;padding:13px 15px;background:#fff0ed;color:#9c3028;line-height:1.55;margin:14px 0}.status{min-height:24px;color:#296a54}.progress{height:8px;background:#e8f0ea;border-radius:8px;overflow:hidden;margin:14px 0}.progress>div{height:100%;background:#19a778;border-radius:8px}.stage{background:#123f36;color:#fff}.stage .muted{color:#bfdace}.clock{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;white-space:nowrap}.passage{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;line-height:1.95;white-space:pre-wrap}.question{font-size:1.15rem;line-height:1.7;white-space:pre-wrap}.choice{color:#687e72;margin-top:10px}.map{display:flex;flex-wrap:wrap;gap:8px}.map span{background:#e7f3ea;padding:8px 12px;border-radius:11px}.source{border-top:1px solid #e6eee8;margin-top:18px;padding-top:12px;color:#819188;font-size:.8rem}.score{font-size:2rem;color:#137c5e;font-weight:800}.recording{background:#713a35}.recording .clock{color:#fff1d4}.hidden{display:none!important}footer{text-align:center;padding:16px;color:#84998e;font-size:.8rem}@media(max-width:520px){.wrap{padding-top:18px}.card{padding:17px}.actions>.button{flex-basis:45%}.top{padding:8px 16px}}