.levelTestPage{--lt-ink:var(--ink, #161937);--lt-soft:var(--muted, #585d80);--lt-indigo:var(--indigo, #4551b3);--lt-indigo-press:var(--indigo-press, #3a459e);--lt-wash:var(--indigo-wash, #eceefb);--lt-rule:var(--rule, #e3e6f0);--lt-surface:var(--surface, #fff);--lt-sunken:var(--sunken, #eef0f7);--lt-good:var(--jade, #1e8c62);--lt-good-wash:var(--jade-wash, #ddf3e8);--lt-bad:var(--coral, #d2493f);--lt-bad-wash:#fbe9e7;--lt-han:var(--han, "Noto Serif SC", "Songti SC", "SimSun", serif)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .levelTest{margin:1.2em 0 2em;padding:22px;border:1px solid var(--lt-rule);border-radius:16px;background:var(--lt-sunken);scroll-margin-top:90px}@media (max-width:575.98px){body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .levelTest{padding:16px}}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .levelTest p{margin:0 0 12px!important}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltIntroTitle{margin:0 0 6px!important;font-size:1.25rem;font-weight:700;color:var(--lt-ink)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltOptions{display:flex;flex-wrap:wrap;gap:10px 22px;margin:6px 0 18px;padding:0;border:0}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltOptions legend{float:left;width:auto;margin:0 8px 0 0;padding:0;font-size:.95rem;font-weight:600;color:var(--lt-ink)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltOptions label{margin:0 10px 0 0;font-size:.95rem;color:var(--lt-ink);cursor:pointer}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltOptions input{margin-right:4px;accent-color:var(--lt-indigo)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltOptionGroup{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;border:0}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltStart{display:inline-block;padding:12px 26px;border:0;border-radius:999px;background:var(--lt-indigo);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltStart:hover{background:var(--lt-indigo-press)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltStart:focus-visible{outline:3px solid var(--lt-indigo);outline-offset:3px}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltAgain{margin-top:6px}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltMeta{display:flex;align-items:center;gap:8px;color:var(--lt-soft);font-size:.9rem}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltLevelTag{padding:1px 10px;border-radius:999px;background:var(--lt-wash);color:var(--lt-indigo);font-weight:600}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltProgress{display:flex;gap:4px;margin:0 0 16px}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltProgress span{flex:1;height:5px;border-radius:3px;background:var(--lt-rule)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltProgress span.isDone{background:var(--lt-indigo)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltProgress span.isNow{background:var(--lt-indigo);opacity:.4}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltPrompt{color:var(--lt-soft);font-size:.95rem}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltPrompt:focus{outline:0}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltWord{display:flex;flex-direction:column;align-items:center;margin:4px 0 18px;padding:18px 12px;border-radius:14px;background:var(--lt-surface);border:1px solid var(--lt-rule)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltHan{font-family:var(--lt-han);font-size:clamp(2.6rem, 9vw, 3.4rem);line-height:1.2;color:var(--lt-ink)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltPinyin{margin-top:4px;font-size:1.1rem;color:var(--lt-soft)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltChoices{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:575.98px){body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltChoices{grid-template-columns:1fr}}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltChoice{min-height:48px;padding:10px 14px;border:1px solid var(--lt-rule);border-radius:12px;background:var(--lt-surface);color:var(--lt-ink);font-size:1rem;text-align:left;cursor:pointer}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltChoice:hover:not(:disabled){border-color:var(--lt-indigo);background:var(--lt-wash)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltChoice:focus-visible{outline:3px solid var(--lt-indigo);outline-offset:2px}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltChoice:disabled{cursor:default;opacity:.75}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltChoice.isRight{opacity:1;border-color:var(--lt-good);background:var(--lt-good-wash);color:var(--lt-good);font-weight:600}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltChoice.isWrong{opacity:1;border-color:var(--lt-bad);background:var(--lt-bad-wash);color:var(--lt-bad)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltDunno{grid-column:1/-1;text-align:center;color:var(--lt-soft);background:0 0}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltFeedback{min-height:1.5em;margin:12px 0 0!important;color:var(--lt-ink);font-size:.95rem}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltHeadline{margin:0 0 2px!important;font-size:clamp(1.6rem, 5vw, 2rem);color:var(--lt-ink)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltHeadline:focus{outline:0}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltStageName{color:var(--lt-indigo);font-weight:600}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltFacts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 16px}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltFacts dt{font-weight:400;color:var(--lt-soft)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltFacts dd{margin:0;font-weight:600;color:var(--lt-ink)}@media (max-width:575.98px){body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltFacts{grid-template-columns:1fr;gap:0}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltFacts dd{margin-bottom:8px}}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltBars{margin:0 0 16px!important;padding:0!important;list-style:none}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltBars li{display:grid;grid-template-columns:5.5em 1fr 5.5em;align-items:center;gap:10px;margin:0 0 6px!important;padding:0!important;font-size:.92rem;color:var(--lt-ink);list-style:none}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltBars li.isSkipped{color:var(--lt-soft)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltBarTrack{height:10px;border-radius:5px;background:var(--lt-rule);overflow:hidden}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltBarFill{display:block;height:100%;border-radius:5px;background:var(--lt-indigo)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltBarPct{text-align:right;color:var(--lt-soft)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltNext{padding:12px 14px;border-radius:12px;background:var(--lt-surface);border:1px solid var(--lt-rule);color:var(--lt-ink)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltMissed{margin:0 0 14px}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltMissed summary{color:var(--lt-indigo);font-weight:600;cursor:pointer}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltMissed ul{margin:8px 0 0!important;padding-left:1.2em!important}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltMissed li{margin-bottom:.3em}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltMissed small{color:var(--lt-soft)}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltMissedHan{font-family:var(--lt-han);font-size:1.15rem}body.levelTestPage.blog.thinBlog .learning-wrp .learning-block .ltSmall{color:var(--lt-soft);font-size:.88rem}