.learn-root{max-width:1440px;color:var(--ink);margin:0 auto;padding:42px 4.5% 70px;font-size:14px}.learn-root button,.learn-root a{transition:background .15s,border-color .15s,color .15s}.learn-root button:disabled{cursor:not-allowed}.learn-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;margin-bottom:32px;padding-bottom:30px;display:flex}.learn-eyebrow{letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:var(--primary)!important;margin:0 0 10px!important;font-size:10px!important}.learn-heading h1{letter-spacing:-1.1px;margin:0 0 14px;font-family:inherit;font-size:clamp(28px,3vw,42px);line-height:1.2}.learn-heading>div>p:last-child{color:var(--muted);max-width:630px;margin:0;font-size:14px}.learn-stat{border-inline-start:1px solid var(--line);flex-shrink:0;min-width:155px;padding-inline-start:28px}.learn-stat strong{font-variant-numeric:tabular-nums;font-size:34px;font-weight:500;line-height:1.3;display:block}.learn-stat strong span{color:#a3a3a3;font-size:17px}.learn-stat small{color:var(--muted)}.learn-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:36px;display:grid}.learn-sidebar{position:sticky;top:110px}.learn-sidebar-nav{border-bottom:1px solid var(--line);flex-direction:column;gap:5px;padding-bottom:16px;display:flex}.learn-sidebar-nav button{text-align:start;color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:12px;font-weight:600;display:flex}.learn-sidebar-nav button.active{background:var(--accent);color:var(--primary)}.learn-sidebar-nav button>span{background:#fff;border-radius:4px;margin-inline-start:auto;padding:0 7px;font-size:11px}.learn-outline{flex-direction:column;gap:4px;margin:18px 0 28px;display:flex}.learn-outline>button{color:var(--muted);text-align:start;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:11px 9px;font-size:12px;display:flex}.learn-outline>button>svg{flex-shrink:0;margin-inline-start:auto}.learn-outline>button.active{color:var(--primary);background:snow;border-color:#efcaca}.learn-order{color:#969696;flex-shrink:0;align-items:center;width:25px;font-size:11px;display:flex}.learn-outline>button.active .learn-order{color:var(--primary)}.learn-teacher{border-top:1px solid var(--line);padding:22px 8px 0}.learn-teacher>svg{color:var(--primary)}.learn-teacher p{color:var(--muted);margin:10px 0;font-size:12px;line-height:1.8}.learn-link{color:var(--primary);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.learn-main{outline:none;min-width:0}.learn-guest{border:1px solid var(--line);color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:13px 16px;font-size:11px;display:flex}.learn-guest a{color:var(--primary);flex-shrink:0;align-items:center;gap:6px;font-weight:600;display:flex}.learn-dashboard{grid-template-columns:minmax(0,1fr) 165px;gap:16px;display:grid}.learn-continue{text-align:start;background:linear-gradient(120deg,#fff5f4,#fff 80%);border:1px solid #efcaca;border-radius:10px;padding:25px}.learn-continue h2{letter-spacing:-.5px;margin:0 0 8px;font-family:inherit;font-size:25px;font-weight:600;line-height:1.3}.learn-continue p{color:var(--muted);max-width:530px;margin:0 0 22px;font-size:13px}.learn-cta{color:var(--primary);align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.learn-review-card{border:1px solid var(--line);color:var(--muted);text-align:start;background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;padding:23px;display:flex}.learn-review-card>svg{color:var(--primary)}.learn-review-card strong{color:var(--ink);margin-top:10px;font-size:33px;font-weight:500;line-height:1.3}.learn-review-card>span{font-size:12px}.learn-review-card small{color:var(--primary);align-items:center;gap:12px;margin-top:auto;padding-top:20px;font-weight:600;display:flex}.learn-section-title{justify-content:space-between;align-items:center;gap:15px;margin:30px 0 16px;display:flex}.learn-section-title h2{margin:0;font-family:inherit;font-size:18px}.learn-section-title span{color:var(--muted);font-size:11px}.learn-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.learn-course-card{border:1px solid var(--line);text-align:start;background:#fff;border-radius:9px;flex-direction:column;align-items:stretch;min-height:240px;padding:20px;display:flex}.learn-course-card:hover,.learn-review-card:hover{border-color:var(--primary)}.learn-course-top{color:#a3a3a3;justify-content:space-between;align-items:center;font-size:11px;display:flex}.learn-course-top>span:last-child>svg{color:var(--primary)}.learn-course-icon{background:var(--accent);width:38px;height:38px;color:var(--primary);border-radius:9px;justify-content:center;align-items:center;display:flex}.learn-course-card h3{margin:15px 0 8px;font-family:inherit;font-size:17px;line-height:1.4}.learn-course-card p{color:var(--muted);margin:0 0 15px;font-size:11px;line-height:1.8}.learn-preview-phrase{border-top:1px solid var(--line);color:#555;text-align:start;direction:ltr;margin-top:auto;padding-top:13px;font-size:16px}.learn-course-card>.learn-link{margin-top:14px;font-size:11px}.learn-small{color:var(--muted);margin:14px 0 0;font-size:11px;line-height:1.8}.learn-button{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 16px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.learn-button:hover{background:var(--primary-hover)}.learn-button.secondary{color:var(--ink);border-color:var(--line);background:#fff}.learn-button.secondary:hover{border-color:var(--primary);color:var(--primary)}.learn-notice{color:var(--primary);background:var(--accent);border:1px solid #efcaca;border-radius:6px;margin-bottom:18px;padding:12px 15px;font-size:12px}.learn-error{color:var(--primary);border:1px solid #efcaca;border-radius:6px;margin-bottom:16px;padding:12px;font-size:12px}.learn-back{margin-bottom:20px}.learn-lesson-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.learn-lesson-title h2{letter-spacing:-.5px;margin:0 0 10px;font-family:inherit;font-size:30px;line-height:1.2}.learn-lesson-title>div>p:last-child{color:var(--muted);margin:0;font-size:13px}.learn-lesson-character{background:var(--accent);width:66px;height:66px;color:var(--primary);border:1px solid #efcaca;border-radius:12px;flex-shrink:0;place-items:center;font-family:Noto Serif SC,serif;font-size:35px;display:grid}.learn-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;margin:24px 0 0;padding:22px 0;list-style:none;display:flex}.learn-steps li{color:#909090;align-items:center;gap:8px;font-size:11px;display:flex}.learn-steps li>span{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.learn-steps li.active{color:var(--primary);font-weight:600}.learn-steps li.active>span{background:var(--primary);border-color:var(--primary);color:#fff}.learn-steps li.done>span{background:var(--accent);color:var(--primary);border-color:#efcaca}.learn-options{color:var(--muted);justify-content:flex-end;gap:20px;margin:24px 0 15px;font-size:11px;display:flex}.learn-options label{align-items:center;gap:7px;display:flex}.learn-options input{accent-color:var(--primary)}.learn-phrases{border:1px solid var(--line);border-radius:9px;overflow:hidden}.learn-phrases article{border-bottom:1px solid var(--line);align-items:center;gap:17px;padding:20px;display:flex}.learn-phrases article:last-child{border:0}.learn-phrase-number{color:#999;align-self:flex-start;padding-top:8px;font-size:10px}.learn-phrases article>div:nth-child(2){flex:1;min-width:0}.learn-phrases h3{margin:0 0 5px;font:500 23px/1.5 PingFang SC,Microsoft YaHei,sans-serif}.learn-phrases article p{color:var(--muted);margin:3px 0 0;font-size:12px}.learn-pinyin{letter-spacing:.3px;color:var(--primary)!important;font-family:Arial,sans-serif!important;font-size:13px!important;line-height:1.8!important}.learn-audio-pair{align-items:center;gap:7px;display:flex}.learn-audio{width:34px;height:34px;color:var(--primary);background:#fff;border:1px solid #efcaca;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.learn-audio:hover{background:var(--accent)}.learn-slow{color:var(--muted);background:0 0;border:0;padding:7px;font-size:10px}.learn-tip{border-inline-start:3px solid var(--primary);background:#fafafa;margin-top:21px;padding:17px 18px}.learn-tip strong{font-size:12px}.learn-tip p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.9}.learn-lesson-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:28px;padding-top:22px;display:flex}.learn-instruction{color:var(--muted);margin:25px 0;font-size:13px}.learn-dialogue{flex-direction:column;gap:20px;max-width:710px;margin:30px auto;display:flex}.learn-dialogue-line{align-items:flex-start;gap:12px;max-width:88%;display:flex}.learn-speaker{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.learn-dialogue-line>div{background:#f7f7f7;border-radius:0 10px 10px;min-width:200px;padding:18px 22px}.learn-dialogue-line.reply{flex-direction:row-reverse;align-self:flex-end}.learn-dialogue-line.reply>div{background:var(--accent);border-radius:10px 0 10px 10px}.learn-dialogue-line strong{font-size:21px;font-weight:500}.learn-dialogue-line p{color:var(--muted);margin:5px 0 8px;font-size:12px}.learn-dialogue-line .learn-link{margin-left:10px;font-size:10px}.learn-reveal{color:var(--primary);background:0 0;border:0;align-items:center;gap:15px;padding:10px;font-size:12px;display:flex}.learn-question{max-width:740px;margin:auto;padding:30px 0 10px}.learn-question h3{margin:0 0 23px;font-family:inherit;font-size:20px;line-height:1.6}.learn-question fieldset{border:0;flex-direction:column;gap:12px;padding:0;display:flex}.learn-question fieldset label{border:1px solid var(--line);cursor:pointer;border-radius:7px;align-items:center;gap:15px;padding:17px;display:flex;position:relative}.learn-question fieldset label.selected{border-color:var(--primary);background:var(--accent)}.learn-question fieldset label.correct{background:#f4f8f4;border-color:#708774}.learn-question fieldset input{accent-color:var(--primary)}.learn-answer-letter{color:var(--muted);font-size:10px}.learn-question fieldset label>span:last-child{font-size:18px}.learn-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.learn-feedback{color:var(--primary);background:snow;border:1px solid #efcaca;border-radius:7px;margin-top:19px;padding:16px}.learn-feedback.correct{color:#405e44;background:#f4f8f4;border-color:#cbdacb}.learn-feedback strong{font-size:13px}.learn-feedback p{margin:7px 0 0;font-size:12px;line-height:1.9}.learn-mission{border:1px solid #efcaca;border-radius:10px;margin-top:28px;padding:25px}.learn-mission h3{margin:0 0 12px;font-family:inherit;font-size:22px;line-height:1.6}.learn-mission>p:last-of-type{color:var(--muted);font-size:13px}.learn-recorder{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.learn-recording{color:var(--primary);margin-inline-start:12px;font-size:12px}.learn-recorded{align-items:center;gap:15px;margin-top:15px;display:flex}.learn-recorded audio{width:310px;max-width:100%;height:38px}.learn-result{border:1px solid var(--line);border-radius:7px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;padding:18px;display:flex}.learn-result>span{color:var(--muted);font-size:12px}.learn-result>strong{font-size:20px}.learn-result>p{color:var(--muted);flex:1;min-width:180px;margin:0;font-size:11px}.learn-finished{text-align:center;padding:48px 10px}.learn-finished>svg{color:var(--primary);margin:auto}.learn-finished h2{margin-top:16px;font-family:inherit;font-size:27px}.learn-finished .learn-actions{justify-content:center}.learn-review{max-width:750px;margin:auto;padding:5px 0}.learn-review>h2{margin:0 0 14px;font-family:inherit;font-size:25px}.learn-review>h2>span{background:var(--accent);color:var(--primary);vertical-align:middle;border-radius:5px;padding:3px 10px;font-size:14px;display:inline-block}.learn-review>p{color:var(--muted);font-size:13px}.learn-flashcard{text-align:center;border:1px solid #efcaca;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;margin-top:25px;padding:30px;display:flex}.learn-flashcard>p{margin:0 0 24px;font-size:24px;line-height:1.5}.learn-flash-answer{border-top:1px solid var(--line);width:100%;padding-top:24px}.learn-flash-answer strong{font-size:30px;font-weight:500}.learn-flash-answer p{color:var(--primary);font-size:15px}.learn-empty{text-align:center;border:1px solid var(--line);border-radius:10px;margin-top:25px;padding:35px}.learn-empty>svg{color:var(--primary);margin:auto}.learn-empty h3{margin:15px 0;font-family:inherit;font-size:21px}.learn-empty p{color:var(--muted);max-width:450px;margin:12px auto 22px;font-size:13px}@media (max-width:1100px){.learn-layout{grid-template-columns:185px minmax(0,1fr);gap:23px}.learn-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-section-title{flex-direction:column;align-items:flex-start;gap:5px}.learn-dashboard{grid-template-columns:minmax(0,1fr) 130px}.learn-review-card{padding:18px}.learn-steps{gap:9px}.learn-steps li{gap:5px;font-size:10px}}@media (max-width:760px){.learn-root{padding:26px 5% 45px}.learn-heading{gap:16px;margin-bottom:20px;padding-bottom:22px}.learn-heading h1{font-size:29px}.learn-heading>div>p:last-child{font-size:12px}.learn-stat{min-width:85px;padding-inline-start:13px}.learn-stat strong{font-size:26px}.learn-stat strong span{font-size:12px}.learn-stat small{font-size:10px}.learn-layout{display:block}.learn-sidebar{position:static}.learn-sidebar-nav{border-bottom:0;flex-direction:row;margin-bottom:20px;padding-bottom:0}.learn-sidebar-nav button{border:1px solid var(--line);flex:1;justify-content:center;font-size:12px}.learn-sidebar-nav button>span{margin-inline-start:0}.learn-outline,.learn-teacher{display:none}.learn-guest{font-size:11px;display:block}.learn-guest a{margin-top:8px}.learn-dashboard{grid-template-columns:minmax(0,1fr) 110px;gap:10px}.learn-continue{padding:20px}.learn-continue h2{font-size:22px}.learn-review-card{padding:16px}.learn-review-card strong{font-size:28px}.learn-cards{gap:11px}.learn-course-card{min-height:225px;padding:16px}.learn-course-card h3{font-size:16px}.learn-course-card p{font-size:11px}.learn-course-card .learn-link{font-size:10px}.learn-preview-phrase{font-size:15px}.learn-steps{justify-content:flex-start;gap:8px;padding:17px 0;overflow-x:auto}.learn-steps li{flex-shrink:0;font-size:10px}.learn-lesson-title h2{font-size:26px}.learn-lesson-character{width:50px;height:50px;font-size:29px}.learn-phrases article{gap:10px;padding:17px 12px}.learn-phrases h3{font-size:22px}.learn-audio-pair{flex-direction:column;gap:2px}.learn-phrase-number{display:none}.learn-options{gap:14px;font-size:10px}.learn-dialogue-line{max-width:95%}.learn-dialogue-line>div{min-width:0;padding:16px}.learn-dialogue-line strong{font-size:20px}.learn-question h3{font-size:18px}.learn-question fieldset label>span:last-child{font-size:17px}.learn-mission{padding:20px}.learn-mission h3{font-size:19px}.learn-recorded{flex-direction:column;align-items:flex-start}.learn-flashcard{padding:25px 18px}.learn-flashcard>p{font-size:21px}.learn-flash-answer strong{font-size:27px}.learn-empty{padding:25px}.learn-actions .learn-button{flex:1}.learn-notice,.learn-error{font-size:11px}}@media (prefers-reduced-motion:reduce){.learn-root button,.learn-root a{transition:none}}.learn-question fieldset label>span:nth-last-child(2){font-size:18px}.learn-question fieldset label>span>small{color:var(--muted);margin-top:5px;font-family:inherit;font-size:12px;display:block}.learn-question fieldset label>.learn-audio{flex-shrink:0;margin-inline-start:auto}.learn-hint{margin-top:16px;font-size:11px}.learn-sidebar{top:150px}