:root{--bg:#f7f7ef;--card:#fff;--ink:#183e39;--soft:#e7eee6;--muted:#5a7068;--accent:#176d60}.qq-tools{max-width:720px;margin:14px auto;padding:0 14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.qq-tools a,.qq-tools button{font:600 13px/1.5 system-ui,Tahoma,sans-serif;min-height:44px;padding:10px 12px;border:1px solid #bdcfc4;border-radius:10px;text-decoration:none;background:var(--soft);color:var(--ink);cursor:pointer}.qq-tools select{width:auto;min-height:44px;margin:0;font-size:13px}.qq-recorder{max-width:690px;margin:12px auto;padding:16px;background:var(--soft);color:var(--ink);border-radius:15px}.qq-recorder audio{width:100%;margin:10px 0}.qq-recorder p{font-size:13px}.qq-recorder[hidden]{display:none}.qq-srs-link{display:block;padding:13px;margin:14px 0;background:var(--soft);color:var(--ink);border-radius:12px;text-decoration:none}.qq-ex{padding:14px;border-top:1px solid #aec8bb;margin-top:15px;font-size:16px;white-space:pre-line}.qq-ex small{display:block}.qq-ex[hidden]{display:none}
body.learn{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,Tahoma,Arial,sans-serif}.learn header{background:#173e3b;color:white;padding:26px 18px}.learn header>div,.learn main{max-width:740px;margin:auto}.learn h1{font-size:30px;line-height:1.3}.learn main{padding:18px 16px 100px}.learn .panel{background:var(--card);border:1px solid #bbcbbf;border-radius:18px;padding:20px;margin:18px 0}.learn label{display:block;margin:10px 0 5px;font-size:14px;font-weight:bold}.learn :is(select,input,textarea){box-sizing:border-box;width:100%;min-height:48px;border-radius:10px;border:1px solid #97ada0;background:var(--card);color:var(--ink);font:inherit;padding:10px}.learn textarea{min-height:120px}.learn button,.learn a.btn{min-height:48px;font:600 15px/1.5 system-ui,Tahoma,sans-serif;padding:12px 16px;border:0;border-radius:11px;background:#176d60;color:white;cursor:pointer;text-decoration:none;display:inline-block}.learn button:disabled{opacity:.45;cursor:default}.learn .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.learn .row>*{flex:1}.learn nav{display:flex;gap:10px;flex-wrap:wrap}.learn nav a{color:var(--ink);background:var(--soft);padding:10px 14px;border-radius:10px;text-decoration:none}.learn .muted{color:var(--muted);font-size:13px}.learn a{color:var(--accent)}.learn .big{font-size:29px;line-height:1.6;overflow-wrap:anywhere}.learn .choices{display:grid;gap:10px}.learn .choices button{text-align:left;background:var(--soft);color:var(--ink);border:2px solid transparent}.learn .choices button.correct{border-color:#319761;background:#d8efdf;color:#173d29}.learn .choices button.wrong{border-color:#a7403e;background:#fce3de;color:#62231a}.learn .feedback{padding:12px;border-radius:10px;white-space:pre-line;background:var(--soft)}.learn progress{width:100%;height:16px;accent-color:#176d60}.learn .progress-row{padding:12px 0;border-bottom:1px solid #b8cbbb}.learn table{width:100%;border-collapse:collapse;font-size:14px}.learn td,.learn th{padding:10px 6px;text-align:left;border-bottom:1px solid #adc0b2}.learn .media{display:block;max-height:180px;max-width:100%;margin:10px auto}.learn .badge{font-size:12px;border-radius:20px;padding:5px 10px;background:var(--soft);color:var(--ink)}.learn [hidden]{display:none!important}.learn :focus-visible{outline:3px solid #daac4c;outline-offset:3px}.learn details summary{cursor:pointer;min-height:44px}.learn #learnStatus{position:sticky;bottom:5px;background:var(--soft);color:var(--ink);padding:10px 14px;border-radius:10px;font-size:13px}.learn .match{display:grid;grid-template-columns:1fr 1fr;gap:10px}.learn .match>div{display:grid;gap:8px}.learn .match button{background:var(--soft);color:var(--ink)}.learn .match .selected{outline:3px solid #ca993c}.learn .match .matched{opacity:.45}.learn .answer{padding:16px;background:var(--soft);border-radius:14px}.learn .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.learn .stats strong{display:block;font-size:27px}.learn .stats div{background:var(--soft);border-radius:12px;padding:12px 4px}@media(max-width:400px){.learn .panel{padding:15px}.learn .stats{grid-template-columns:1fr}.qq-tools{gap:6px}}

.qq-tools{box-sizing:border-box}.qq-tools label{margin:0}.qq-tools select{display:inline-block;width:auto}.learn *{box-sizing:border-box}.learn .match button{overflow-wrap:anywhere;min-width:0}.learn .match>div{min-width:0}.qq-recorder [hidden]{display:none!important}