:root{--ink:#19354d;--blue:#245d85;--line:#ccd9e2;--muted:#536a7a;--paper:#f2f5f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,"Microsoft YaHei",sans-serif}main{max-width:1280px;padding:24px;margin:auto}header{display:flex;justify-content:space-between;gap:22px;align-items:center}h1{font-size:32px;line-height:1.25;margin:8px 0}h2{font-size:23px;line-height:1.4;margin:0 0 12px}p{margin:10px 0}.kicker{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--blue)}a{color:var(--blue)}.tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;max-width:280px}button,input,select,textarea{font:inherit}button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:white;padding:9px 15px;color:var(--ink);cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #e5a93f;outline-offset:3px}button:hover:not(:disabled){border-color:var(--blue)}.primary{background:var(--blue);color:white}.layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:26px;background:white;border:1px solid var(--line);border-radius:16px}.caption{color:var(--muted);font-size:13px}#questions{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}#questions button{min-width:65px}#questions [aria-current=true]{background:var(--blue);color:white}#questions .solved{border-bottom:4px solid #278665}figure{margin:12px 0;background:#f9fbfc;border:1px solid var(--line);border-radius:12px}svg{width:100%;display:block;max-height:330px}textarea,input,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff}textarea{resize:vertical}label{display:block;font-weight:600;margin:12px 0 6px}canvas{display:block;width:100%;aspect-ratio:900/560;border:1px solid var(--line);border-radius:10px;background:repeating-linear-gradient(white 0,white 27px,#eef3f6 28px);touch-action:none;margin:8px 0 18px}.drawTools,.hintTools,.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.drawTools{font-size:13px}.drawTools span{flex:1}.drawTools button{font-size:13px;padding:6px 10px}#feedback,#hints p,#solution{border-radius:10px;padding:12px;background:#eef4f8}#feedback:empty{display:none}#solution{margin-top:12px}#storageWarning{background:#fff0db;color:#75410d;padding:14px}details{border-top:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}footer{margin:24px 0;color:var(--muted);font-size:12px}[hidden]{display:none!important}@media(max-width:760px){main{padding:14px}header{display:block}.tools{max-width:none;margin:16px 0}.layout{grid-template-columns:1fr}.card{padding:18px}h1{font-size:27px}#questions{gap:6px}#questions button{min-width:54px;padding:8px}.actions button{flex:1}}