
/* Advanced Mandarin: eighty-term adaptive vocabulary laboratory */
.as-adaptive{--av-edge:#d7e7dc;--av-muted:#506c5a;--av-ink:#174c34;--av-card:#fff;background:linear-gradient(125deg,#f6fbf6,#ecf7ef);border:1px solid var(--av-edge);border-radius:20px;padding:24px;margin:20px 0 26px;color:var(--av-ink)}
.as-adaptive-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.as-adaptive-head>div{flex:1;min-width:0}.as-adaptive-head h2{font-size:clamp(19px,2.3vw,25px);margin:8px 0;color:var(--av-ink)}
.as-adaptive-head p{font-size:12px;color:var(--av-muted);line-height:1.75;margin:0}
.as-adaptive-head button{font-size:11.5px;flex-shrink:0}
.as-skill-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:22px 0}
.as-skill-metrics>div{display:flex;flex-direction:column;gap:7px;background:var(--av-card);border:1px solid var(--av-edge);border-radius:13px;padding:15px 12px}
.as-skill-metrics b{font-size:25px;color:var(--av-ink);line-height:1.1}
.as-skill-metrics span{font-size:10.5px;line-height:1.6;color:var(--av-muted)}
.as-adaptive-advice{padding:12px 16px;border-left:3px solid #27a174;border-radius:7px;background:#e1f2e6;color:#24553b;line-height:1.75;font-size:12px}
.as-vocab-workbench{background:var(--av-card);border:1px solid var(--av-edge);border-radius:15px;padding:19px;margin-top:17px}
.as-vocab-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.as-vocab-top label{font-size:12px;font-weight:750;display:flex;align-items:center;gap:10px}
.as-vocab-top select{border:1px solid #abcab6;border-radius:9px;padding:9px;background:var(--av-card);color:var(--av-ink);font-size:12px}
.as-vocab-top>span{font-size:11px;color:var(--av-muted)}
.as-vocab-question{max-width:740px;margin:22px auto 0;text-align:center}
.as-vocab-source{font-size:11px;color:#2d8660;font-weight:700}
.as-vocab-hanzi{font:650 clamp(30px,4.8vw,45px)/1.5 "Microsoft YaHei","PingFang SC",sans-serif;color:var(--av-ink);margin:9px 0}
.as-vocab-prompt{font-size:13px;line-height:1.7;color:var(--av-muted);margin:17px 0 11px}
.as-vocab-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
.as-vocab-choice{border:1px solid #c3d9c8;background:#f9fcfa;color:#214f37;font-size:13px;line-height:1.5;font-weight:700;padding:15px;border-radius:12px;min-height:64px;text-align:left;cursor:pointer}
.as-vocab-choice:hover:not(:disabled){border-color:#23815b;background:#eff9f1}.as-vocab-choice:disabled{opacity:1;cursor:default}
.as-vocab-choice.correct{border:2px solid #27875b;background:#dff6e8;color:#155333}
.as-vocab-choice.wrong{border:2px solid #c8374e;background:#ffe5e9;color:#84243a}
.as-vocab-feedback{border-radius:12px;text-align:left;padding:15px 18px;margin-top:14px;line-height:1.75;font-size:12px}
.as-vocab-feedback p{margin:7px 0 13px}.as-vocab-feedback.good{background:#e4f7eb;color:#155c36}
.as-vocab-feedback.bad{background:#fce7eb;color:#862a3d}
.as-vocab-complete{text-align:center;padding:30px 20px;border:1px dashed #74b896;background:#f4fbf6;border-radius:12px;margin-top:18px;color:var(--av-ink)}
.as-vocab-complete p{font-size:12px;line-height:1.8;color:var(--av-muted)}
.as-vocab-choice:focus-visible,.as-vocab-top select:focus-visible,.as-adaptive button:focus-visible{outline:3px solid #24845e;outline-offset:3px}
body.dark .as-adaptive{--av-edge:#40634d;--av-muted:#bad6bf;--av-ink:#e2f6e5;--av-card:#203126;background:linear-gradient(125deg,#243e2d,#1b2f22)}
body.dark .as-adaptive-advice{background:#2c4b36;color:#d0efdc}
body.dark .as-vocab-top select{border-color:#5a8464}
body.dark .as-vocab-source{color:#a6e6be}
body.dark .as-vocab-choice{background:#283f30;border-color:#55745c;color:#e9faec}
body.dark .as-vocab-choice.correct{background:#1a4932;border-color:#65db9a;color:#e2ffec}
body.dark .as-vocab-choice.wrong{background:#572836;border-color:#ff9aaa;color:#ffe1e7}
body.dark .as-vocab-feedback.good{background:#234834;color:#c3f8d7}
body.dark .as-vocab-feedback.bad{background:#532d39;color:#ffd0db}
body.dark .as-vocab-complete{background:#243b2d;border-color:#5a9270}
@media(max-width:680px){.as-adaptive{padding:16px}.as-skill-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.as-vocab-options{grid-template-columns:1fr}.as-vocab-workbench{padding:14px}.as-adaptive-head button{width:100%}}
@media(prefers-reduced-motion:reduce){.as-vocab-choice{transition:none}}
