.practice-section{background:#f1f0e6;border-top:1px solid #e0e1d4;border-bottom:1px solid #e0e1d4;padding:64px 0;scroll-margin-top:18px}
.practice-heading{display:flex;justify-content:space-between;gap:28px;align-items:center}.practice-heading h2{font-size:38px;margin-bottom:15px}.practice-heading p{font-size:14px;max-width:600px}.practice-stamp{flex-shrink:0;width:104px;height:104px;border:1px solid #c3cdb6;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg);background:#e4e9d9;color:#536d4a}.practice-stamp span{font:30px var(--serif)}.practice-stamp small{font-size:11px;letter-spacing:2px}
.practice-summary{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin:30px 0 22px;font-size:12px;color:var(--muted)}.practice-summary strong{font:650 24px 'Manrope',sans-serif;color:var(--green);margin-right:4px}.practice-summary strong small{font-size:14px;font-weight:400;color:var(--muted)}.practice-free{margin-left:auto;font-size:9px;letter-spacing:1.3px;color:#657653}
.practice-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.practice-course{border:1px solid #d9ddcf;background:#fffdf8;border-radius:12px;padding:24px}.practice-course-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:24px}.practice-index{background:#e7ecdc;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:#527143;font:italic 18px Georgia,serif}.practice-course:nth-child(2) .practice-index{background:#f5e2d4;color:#a46343}.practice-course:nth-child(3) .practice-index{background:#e5e7ef;color:#646c87}.practice-course h3{font-size:21px;letter-spacing:-.7px;min-height:50px}.practice-hanzi-preview{font:17px var(--serif);line-height:1.8;margin:8px 0 22px;color:var(--green)}.practice-course-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px}.practice-course-bottom small{font-size:10px;color:var(--muted)}.practice-start,.practice-back,.practice-reset{border:0;background:none;font-size:12px;color:var(--green);padding:8px 0;font-weight:650}.practice-start:hover,.practice-back:hover{text-decoration:underline}
.practice-mixed{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;margin-top:20px;background:#e3e9d9;border-radius:12px}.practice-mixed h3{font-size:21px;margin-bottom:8px}.practice-mixed p{font-size:12px}.practice-mixed .button{flex-shrink:0}.practice-tools{display:flex;align-items:center;gap:15px;margin-top:20px;flex-wrap:wrap}.practice-tools>span{font-size:11px;color:var(--muted)}.practice-tools .button{font-size:11px;padding:10px 15px}.practice-reset{margin-left:auto;font-size:10px;font-weight:400;text-decoration:underline}.practice-storage{font-size:10px;margin-top:19px;line-height:1.7}.practice-resume{background:#fffdf8;border:1px solid #d6dccc;padding:14px 20px;border-radius:10px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.practice-reset-confirm{border:1px solid #d4ae94;border-radius:9px;padding:20px;margin-top:18px}.practice-reset-confirm p{font-size:13px;margin-bottom:12px}.practice-reset-confirm button{margin:0 8px 6px 0}
#practiceApp button:disabled{opacity:.48;cursor:default;transform:none}#practiceApp button:disabled:hover{transform:none}.practice-exercise{max-width:790px;margin:auto}.practice-exercise-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.practice-progress{display:block;width:100%;height:5px;margin:14px 0 28px;border:0;border-radius:5px;overflow:hidden;background:#dce2d2}.practice-progress::-webkit-progress-bar{background:#dce2d2}.practice-progress::-webkit-progress-value{background:var(--green)}.practice-progress::-moz-progress-bar{background:var(--green)}.practice-question{background:#fffdf8;padding:34px;border:1px solid #d9dece;border-radius:14px}.practice-question h3{font-size:25px;letter-spacing:-.8px;line-height:1.4;margin:13px 0 24px}.practice-prompt-box{background:#edf0e5;border-radius:10px;padding:25px;text-align:center;margin-bottom:22px}.practice-prompt-box>span{font:38px var(--serif);line-height:1.6;overflow-wrap:anywhere}.practice-prompt-box>small{display:block;font-size:15px;color:#6c7c65;margin-top:5px}.practice-prompt-box.dialogue{background:#f3e5d5;border-radius:18px 18px 18px 3px}.practice-options{display:grid;gap:10px}.practice-option{display:flex;align-items:center;gap:15px;border:1px solid #dce1d2;background:white;padding:15px 18px;border-radius:9px;text-align:left;font-size:15px}.practice-option [lang=zh]{font:21px var(--serif)}.practice-option small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}.practice-letter{font:600 11px 'Manrope';height:29px;width:29px;flex-shrink:0;background:#f2f3ec;border-radius:50%;display:grid;place-items:center}.practice-option:hover{border-color:#8caa7a}.practice-option.selected{border:2px solid var(--green);padding:14px 17px;background:#eff3e7}.practice-option.selected .practice-letter{background:var(--green);color:white}#practiceApp .practice-option.correct{opacity:1;background:#e5eedc}.practice-feedback{font-size:13px;line-height:1.7;margin-top:18px;min-height:24px}.practice-feedback:not(:empty){padding:17px;border-radius:8px;background:#f8eadf}.practice-feedback.correct:not(:empty){background:#e6efdd}.practice-feedback strong{display:block;margin-bottom:6px}.practice-feedback p{color:var(--ink);font-size:13px}.practice-feedback small{display:block;margin-top:7px;font-size:11px}.practice-answer-actions{display:flex;align-items:center;gap:18px;margin-top:16px}.practice-answer-actions>span{font-size:11px;color:var(--muted)}.practice-instruction{font-size:12px;margin-bottom:15px}.practice-sentence{display:flex;flex-wrap:wrap;gap:10px;min-height:105px;border:1px dashed #a9ba9a;background:#f2f4eb;border-radius:10px;padding:18px;align-items:center}.practice-placeholder{font-size:13px;color:#79876e}.practice-token-bank{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.practice-token{border:1px solid #cdd7c1;background:white;padding:10px 15px;border-radius:8px;min-height:65px}.practice-token span{font:22px var(--serif)}.practice-token small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.practice-token.chosen{border-color:#7e9b69;box-shadow:0 2px 0 #ced9c2}.practice-token-bank .practice-token:disabled{opacity:.22!important}.practice-results{max-width:760px;margin:auto;background:#fffdf8;border:1px solid #d9dece;border-radius:14px;padding:48px;text-align:center}.practice-results .eyebrow{justify-content:center}.practice-results h3{font-size:30px;margin-top:18px}.practice-result-score{padding:24px 0}.practice-result-score strong{font:600 68px 'Manrope';letter-spacing:-3px;color:var(--green)}.practice-result-score strong span{font-size:30px;color:#92a387;letter-spacing:-1px}.practice-results p{font-size:13px;margin:8px 0}.practice-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:25px 0}.practice-mobile-link{display:none}
@media(max-width:1000px){.header nav{gap:12px}.practice-course{padding:20px}.practice-course h3{font-size:19px}.practice-mixed{padding:24px}.practice-mixed h3{font-size:19px}}
@media(max-width:700px){.practice-section{padding:38px 0}.practice-heading h2{font-size:29px}.practice-heading p{font-size:13px}.practice-stamp{width:68px;height:68px}.practice-stamp span{font-size:22px}.practice-stamp small{font-size:8px}.practice-heading{gap:12px;align-items:start}.practice-summary{gap:12px 18px;margin-top:23px}.practice-free{width:100%;margin-left:0;font-size:8px}.practice-course-grid{grid-template-columns:1fr;gap:13px}.practice-course{padding:20px}.practice-course-top{margin-bottom:10px}.practice-course h3{min-height:0;font-size:22px}.practice-hanzi-preview{margin-bottom:15px}.practice-mixed{display:block;padding:23px}.practice-mixed .button{width:100%;margin-top:20px}.practice-tools{gap:12px}.practice-tools>span{width:100%;order:3}.practice-reset{margin-left:auto}.practice-resume{align-items:start;flex-direction:column}.practice-question{padding:22px 18px}.practice-question h3{font-size:21px}.practice-prompt-box{padding:20px 12px}.practice-prompt-box>span{font-size:29px}.practice-prompt-box>small{font-size:13px}.practice-option{padding:13px 12px;gap:12px;font-size:14px}.practice-option.selected{padding:12px 11px}.practice-option [lang=zh]{font-size:19px}.practice-answer-actions{flex-wrap:wrap;gap:10px}.practice-answer-actions .button{width:100%}.practice-answer-actions>span{width:100%;text-align:center}.practice-token{padding:9px 12px}.practice-token span{font-size:20px}.practice-sentence{padding:12px}.practice-exercise-top{font-size:10px}.practice-back{font-size:11px}.practice-results{padding:30px 20px}.practice-results h3{font-size:26px}.practice-result-actions .button{width:100%}.practice-mobile-link{display:inline-flex;margin-top:16px}}