:root{--ink:#20342c;--muted:#687970;--green:#2f6d55;--green-dark:#214d3d;--mint:#dceee3;--paper:#fffdf5;--cream:#f4f0e3;--coral:#db715d;--coral-soft:#f9e3dc;--yellow:#f0c85e;--yellow-soft:#fff1bd;--line:#d7ddd2;--shadow:0 16px 45px #26423417}*{box-sizing:border-box}html{background:#e8ede4}body{color:var(--ink);background:var(--cream);margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #db715d73}.ui-icon{aspect-ratio:1;flex:none;width:1em;height:1em;display:block;overflow:visible}.app-shell{background-color:var(--cream);background-image:radial-gradient(#2f6d5514 1px,#0000 1px);background-size:20px 20px;min-height:100vh}.topbar{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf5f0;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{object-fit:contain;border-radius:12px;width:46px;height:46px;display:block}.brand b,.brand small{display:block}.brand b{font:700 17px Georgia,Microsoft YaHei,serif}.brand small{color:var(--muted);letter-spacing:.11em;margin-top:3px;font-size:9px}.top-stats{gap:12px;display:flex}.top-stats span{border:1px solid var(--line);color:var(--muted);background:#fffef9;border-radius:99px;padding:8px 12px;font-size:10px}.top-stats b{color:var(--green);font-size:13px}.audio-notice{z-index:100;width:min(620px,100% - 30px);box-shadow:var(--shadow);background:#fff4d2;border:1px solid #dfbc59;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 15px;display:grid;position:fixed;top:88px;left:50%;transform:translate(-50%)}.audio-notice>span{color:#8c6516;font-size:11px;font-weight:900}.audio-notice p{margin:0;font-size:11px;line-height:1.5}.audio-notice button{color:#fff;cursor:pointer;background:#916b1e;border:0;border-radius:8px;padding:7px 11px;font-size:10px;font-weight:800}.audio-notice .icon-button{color:#735713;background:0 0;padding:2px 5px;font-size:18px}.page-frame{grid-template-columns:118px minmax(0,1fr);max-width:1440px;min-height:calc(100vh - 76px);margin:auto;display:grid}.side-nav{border-right:1px solid #a0aea38c;flex-direction:column;gap:8px;height:calc(100vh - 76px);padding:28px 13px;display:flex;position:sticky;top:76px}.side-nav>button{color:#718078;cursor:pointer;background:0 0;border:0;border-radius:15px;place-items:center;gap:4px;padding:11px 6px;display:grid;position:relative}.side-nav>button i{place-items:center;width:22px;height:22px;font:19px Georgia,serif;display:grid}.side-nav>button i .ui-icon{width:22px;height:22px}.side-nav>button span{font-size:10px;font-weight:800;line-height:1.25}.side-nav>button.active{background:var(--green);color:#fff;box-shadow:0 8px 18px #2f6d5538}.side-nav em,.bottom-nav em{color:#fff;background:var(--coral);border-radius:10px;place-items:center;min-width:17px;height:17px;font:8px sans-serif;display:grid;position:absolute;top:4px;right:8px}.book-meter{background:#fffdf599;border:1px solid #bac8bc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:110px;margin-top:auto;display:flex;position:relative;overflow:hidden}.book-meter>span{background:var(--mint);transition:height .4s;position:absolute;bottom:0;left:0;right:0}.book-meter b,.book-meter small{position:relative}.book-meter b{font:700 15px Georgia,serif}.book-meter small{color:var(--muted);font-size:8px}.bottom-nav{display:none}.content{width:100%;max-width:1120px;margin:0 auto;padding:42px 44px 70px}.context-trail{color:var(--muted);align-items:center;gap:7px;margin:-18px 0 18px;font-size:9px;display:flex}.context-trail button{color:var(--green);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}.context-trail span{color:#a7afa8}.context-trail b{color:#5c6861}.page-enter{animation:.32s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.eyebrow{color:var(--coral);letter-spacing:.16em;margin-bottom:7px;font:900 9px/1.4 Georgia,serif;display:block}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.page-heading.compact{align-items:center}.page-heading h1,.lesson-head h1,.quiz-head h1,.result-hero h1{letter-spacing:-.02em;margin:0 0 8px;font:700 clamp(27px,4vw,39px)/1.15 Georgia,Microsoft YaHei,serif}.page-heading p,.lesson-head p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.date-tile{background:var(--paper);border:1px solid var(--line);text-align:center;width:76px;height:76px;box-shadow:var(--shadow);border-radius:18px;flex:none;place-content:center;display:grid;transform:rotate(2deg)}.date-tile b{color:var(--green);font:700 31px/1 Georgia,serif}.date-tile span{color:var(--muted);margin-top:5px;font-size:8px}.mini-summary{border-left:3px solid var(--yellow);padding-left:14px}.mini-summary b{color:var(--green);font:700 28px Georgia,serif}.learning-path{border:1px solid var(--line);background:#fffdf5a8;border-radius:15px;grid-template-columns:repeat(5,1fr);gap:7px;margin:-8px 0 17px;padding:8px;display:grid}.learning-path button{text-align:left;color:#65736b;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:9px 7px;display:grid}.learning-path button.active{color:#fff;background:var(--green);box-shadow:0 7px 16px #2f6d552e}.learning-path i{width:24px;height:24px;color:var(--green);background:#edf0e9;border-radius:50%;place-items:center;font:700 9px Georgia,serif;display:grid}.learning-path button.active i{background:var(--yellow);color:#5f4e19}.learning-path b,.learning-path small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.learning-path b{font-size:9px}.learning-path small{opacity:.72;margin-top:2px;font-size:6.5px}.mini-summary span{color:var(--muted);font-size:11px}.hero-card{background:var(--green);color:#fff;border-radius:8px 28px 28px 8px;grid-template-columns:1fr 240px;align-items:center;min-height:265px;padding:35px 42px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #1f4e3b33}.hero-card:before{content:"";border-left:1px solid #ffffff2b;position:absolute;top:0;bottom:0;left:20px}.hero-card:after{content:"";border:1px solid #ffffff21;border-radius:46% 54% 58% 42%;width:330px;height:330px;position:absolute;top:-120px;right:-100px}.hero-copy{z-index:1;position:relative}.ribbon{background:var(--yellow);color:#50420e;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:900;display:inline-block}.hero-card h2{margin:18px 0 8px;font:700 clamp(29px,5vw,43px)/1 Georgia,serif}.hero-card p{color:#ffffffb8;font-size:12px}.route-line{align-items:center;max-width:475px;margin:22px 0;display:flex}.route-line span{opacity:.55;white-space:nowrap;border:1px solid #ffffff40;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800}.route-line span.now{color:var(--green);opacity:1;background:#fff;border-color:#fff}.route-line span.done{background:var(--yellow);color:#4a3f19;border-color:var(--yellow);opacity:1}.route-line i{background:#ffffff4d;width:28px;height:1px}.hero-doodle{aspect-ratio:1;z-index:1;border:2px solid #ffffff59;border-radius:47% 53% 43% 57%;place-items:center;width:190px;display:grid;position:relative;transform:rotate(7deg)}.hero-doodle b{color:var(--yellow);font:700 84px/1 Georgia,serif}.hero-doodle span{background:var(--paper);color:var(--green);border-radius:15px 15px 15px 2px;padding:7px 12px;font:italic 700 12px Georgia,serif;position:absolute;top:17px;left:-20px;transform:rotate(-9deg)}.hero-doodle i{color:var(--coral-soft);font:25px Georgia,serif;position:absolute;bottom:13px;right:4px}.primary-button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:18px;padding:12px 16px;font-size:11px;font-weight:900;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 8px 16px #8940322b}.primary-button:hover{background:#ca604e;transform:translateY(-2px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-button.large{padding:15px 25px;font-size:13px}.today-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px;display:grid}.plan-card{border:1px solid #64786c29;border-radius:18px;flex-direction:column;min-height:190px;padding:18px;display:flex}.plan-card.coral{background:var(--coral-soft)}.plan-card.yellow{background:var(--yellow-soft)}.plan-card.mint{background:var(--mint)}.plan-card .step-no{opacity:.35;font:700 26px Georgia,serif}.plan-card small{color:var(--muted);font-size:8px;font-weight:800}.plan-card h3{margin:5px 0;font:700 15px/1.35 Georgia,Microsoft YaHei,serif}.plan-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.plan-card>button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;align-self:start;margin-top:auto;padding:7px 0 3px;font-size:10px;font-weight:900}.section-title{margin:34px 0 14px;font:700 21px Georgia,Microsoft YaHei,serif}.section-title span{color:var(--muted);margin-left:7px;font:500 9px Microsoft YaHei,sans-serif}.stat-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.stat-grid article{border:1px solid var(--line);background:#fffdf5c7;border-radius:13px;padding:15px 12px}.stat-grid b,.stat-grid span{display:block}.stat-grid b{color:var(--green);font:700 23px Georgia,serif}.stat-grid span{margin:3px 0;font-size:10px;font-weight:900}.stat-grid p{color:var(--muted);margin:0;font-size:8px;line-height:1.45}.system-route{background:#fffdf5b8;border:1px dashed #aebdaf;border-radius:14px;align-items:center;gap:18px;margin-top:14px;padding:14px 17px;display:flex}.system-route>div{margin-right:auto}.system-route small{color:var(--coral);font-size:8px;font-weight:900}.system-route h3{margin:3px 0;font:700 14px Georgia,Microsoft YaHei,serif}.system-route p{color:var(--muted);margin:0;font-size:8px}.system-route button{color:var(--green);cursor:pointer;background:#e9f1e7;border:1px solid #b5c7b8;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:900}.offline-card{background:#fff4c9;border:1px solid #d9c36f;border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:6px 13px;margin-top:14px;padding:13px 15px;display:grid;box-shadow:0 8px 18px #5c4c170f}.offline-card.ready{background:#e5f1e7;border-color:#a9c6b0}.offline-card.failed{background:#fbe6df;border-color:#df978a}.offline-card.unsupported{background:#eff1ec;border-color:#c7cbc4}.offline-icon{background:var(--paper);width:40px;height:40px;color:var(--green);border-radius:12px;place-items:center;display:grid;box-shadow:0 4px 10px #28423514}.offline-icon .ui-icon{width:21px;height:21px}.offline-card small,.offline-card b,.offline-card p{display:block}.offline-card small{color:var(--coral);letter-spacing:.1em;font:800 7px Georgia,serif}.offline-card b{margin:2px 0;font-size:11px}.offline-card p{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.offline-card strong{color:var(--green);font:700 12px Georgia,serif}.offline-card>button{color:#9b4a3e;cursor:pointer;background:#fff;border:1px solid #bd7468;border-radius:8px;padding:8px 10px;font-size:8px;font-weight:900}.offline-meter{background:#585c3f24;border-radius:9px;grid-column:2/-1;height:5px;overflow:hidden}.offline-meter span{border-radius:inherit;background:var(--green);height:100%;transition:width .2s;display:block}.course-list{gap:12px;display:grid}.course-card{border:1px solid var(--line);background:#fffdf5eb;border-radius:18px;grid-template-columns:70px minmax(0,1fr) 118px;align-items:stretch;gap:18px;padding:18px;display:grid;box-shadow:0 7px 18px #2942350a}.course-card.complete{border-color:#9ab9a5}.unit-number{text-align:center;border-right:1px dashed #cbd3c9;align-content:center;display:grid}.unit-number small{letter-spacing:.15em;color:var(--muted);font:700 7px Georgia,serif}.unit-number b{color:var(--green);font:700 30px Georgia,serif}.unit-main h2{margin:0;font:700 19px Georgia,serif}.unit-main>p{color:var(--muted);margin:4px 0 11px;font-size:9px}.lesson-pills{gap:8px;display:flex}.lesson-pills button{text-align:left;cursor:pointer;background:#f4f3e9;border:1px solid #d6ddd3;border-radius:10px;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.lesson-pills button.done{background:#e2efe5;border-color:#b3cdbb}.lesson-pills i{width:25px;height:25px;color:var(--green);background:#fff;border-radius:50%;place-items:center;font:700 9px Georgia,serif;display:grid}.lesson-pills span{font:700 10px Georgia,serif}.lesson-pills small{color:var(--muted);margin-top:2px;font:500 8px Microsoft YaHei,sans-serif;display:block}.mastery-badge{text-align:center;border-left:1px dashed #cbd3c9;place-content:center;display:grid}.mastery-badge b{font:700 24px Georgia,serif}.mastery-badge span{color:var(--muted);font-size:7px}.mastery-badge button{color:var(--green);cursor:pointer;background:0 0;border:0;margin-top:8px;font-size:9px;font-weight:900}.review-hero{background:var(--green);color:#fff;box-shadow:var(--shadow);border-radius:20px;grid-template-columns:130px 1fr auto;align-items:center;gap:25px;padding:23px 28px;display:grid}.review-hero>div{border-right:1px solid #ffffff40}.review-hero small{opacity:.7;font-size:9px;display:block}.review-hero b{color:var(--yellow);font:700 39px Georgia,serif}.review-hero span{font-size:10px}.review-hero p{opacity:.82;font-size:11px;line-height:1.7}.light-button{color:var(--green);cursor:pointer;background:#fff;border:0;border-radius:10px;padding:11px 14px;font-size:10px;font-weight:900}.review-actions{grid-template-columns:1fr 1fr;gap:13px;margin-top:14px;display:grid}.review-actions article{background:var(--paper);border:1px solid var(--line);border-radius:16px;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;padding:17px;display:grid}.action-icon{background:var(--yellow-soft);border-radius:14px;place-items:center;width:46px;height:46px;font:700 17px Georgia,serif;display:grid}.review-actions small,.review-actions h3,.review-actions p{margin:0;display:block}.review-actions small{color:var(--muted);font-size:8px}.review-actions h3{margin:3px 0;font:700 15px Georgia,serif}.review-actions p{color:var(--muted);font-size:8px}.review-actions article>button,.queue-list article>button{color:var(--green);cursor:pointer;background:#edf4eb;border:1px solid #b7cabb;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:900}.review-actions button:disabled{opacity:.4;cursor:not-allowed}.queue-list{gap:9px;display:grid}.queue-list article{border:1px solid var(--line);background:#fffdf5e0;border-radius:13px;grid-template-columns:43px 1fr auto;align-items:center;gap:13px;padding:13px 15px;display:grid}.queue-list article>span{background:var(--mint);width:39px;height:39px;color:var(--green);border-radius:11px;place-items:center;font:700 11px Georgia,serif;display:grid}.queue-list small{color:var(--coral);font-size:7px}.queue-list h3{margin:2px 0;font:700 14px Georgia,serif}.queue-list p{color:var(--muted);margin:0;font-size:8px}.empty-state{text-align:center;background:#fffdf58c;border:1px dashed #aebcaf;border-radius:18px;padding:40px 20px}.empty-state>span{background:var(--mint);width:48px;height:48px;color:var(--green);border-radius:50%;place-items:center;margin:auto;font:700 18px Georgia,serif;display:grid}.empty-state h3{margin:11px 0 5px;font:700 18px Georgia,Microsoft YaHei,serif}.empty-state p{color:var(--muted);font-size:10px}.test-rules{border-left:4px solid var(--yellow);background:#fff7d6bf;gap:13px;margin-bottom:15px;padding:12px 15px;display:flex}.test-rules span{white-space:nowrap;font-size:9px;font-weight:900}.test-rules p{color:var(--muted);margin:0;font-size:9px;line-height:1.6}.test-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.test-grid article{background:var(--paper);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-height:235px;padding:21px;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 18px #2942350a}.test-grid article:after{content:"";border:1px solid #2f6d551f;border-radius:50%;width:80px;height:80px;position:absolute;top:-30px;right:-30px}.test-grid article.locked{opacity:.58;filter:grayscale(.25)}.test-grid article.final-test{color:#fff;background:var(--green);border-color:var(--green)}.test-index{color:var(--coral);opacity:.8;font:700 29px Georgia,serif}.final-test .test-index{color:var(--yellow)}.test-grid small{letter-spacing:.12em;color:var(--muted);font:700 7px Georgia,serif}.final-test small{color:#fff9}.test-grid h2{margin:8px 0 5px;font:700 18px Georgia,Microsoft YaHei,serif}.test-grid p{color:var(--muted);font-size:9px;line-height:1.5}.final-test p{color:#ffffffb3}.test-meta{flex-wrap:wrap;gap:5px;margin-top:auto;display:flex}.test-meta span,.test-meta b{border:1px solid #d8ddd3;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:700}.test-meta b{color:var(--coral)}.final-test .test-meta span,.final-test .test-meta b{color:#fff;border-color:#ffffff40}.test-grid article>button{color:var(--green);cursor:pointer;background:#e5eee5;border:0;border-radius:8px;margin-top:12px;padding:9px;font-size:9px;font-weight:900}.test-grid article>button:disabled{cursor:not-allowed}.final-test>button{background:var(--yellow)!important;color:#423a1d!important}.report-overview{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:150px 1fr;align-items:center;gap:27px;padding:23px;display:grid}.score-ring{--score:0deg;background:conic-gradient(var(--green) var(--score), #e0e5dc 0);border-radius:50%;place-items:center;width:126px;height:126px;display:grid;position:relative}.score-ring:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:12px}.score-ring span{z-index:1;text-align:center;position:relative}.score-ring b,.score-ring small{display:block}.score-ring b{font:700 28px Georgia,serif}.score-ring small{color:var(--muted);font-size:7px}.report-overview>div:last-child>small{color:var(--coral);font-size:8px;font-weight:900}.report-overview h2{margin:5px 0 13px;font:700 20px/1.35 Georgia,Microsoft YaHei,serif}.report-numbers{flex-wrap:wrap;gap:8px;display:flex}.report-numbers span{background:#f1f3ec;border-radius:7px;padding:6px 8px;font-size:8px}.report-numbers b{color:var(--green);font-size:11px}.report-columns,.result-columns{grid-template-columns:1fr 1fr;gap:13px;margin-top:13px;display:grid}.paper-panel{border:1px solid var(--line);background:#fffdf5e6;border-radius:17px;padding:20px}.paper-panel>h2{margin:0 0 4px;font:700 17px Georgia,Microsoft YaHei,serif}.paper-panel>p{color:var(--muted);margin:0 0 14px;font-size:8px}.skill-bars{gap:10px;display:grid}.skill-bars>div{grid-template-columns:38px 1fr 44px;align-items:center;gap:8px;display:grid}.skill-bars span{font-size:9px;font-weight:900}.skill-bars i{background:#e2e6de;border-radius:9px;height:7px;display:block;overflow:hidden}.skill-bars i b{border-radius:inherit;background:var(--green);height:100%;display:block}.skill-bars em{color:var(--muted);text-align:right;font-size:8px;font-style:normal}.exam-history{gap:8px;display:grid}.exam-history article{background:#f2f3ed;border-radius:9px;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:7px;display:grid}.exam-history article>span{color:var(--green);font:700 17px Georgia,serif}.exam-history article>span small{font-size:7px}.exam-history b,.exam-history small{display:block}.exam-history b{font-size:9px}.exam-history div small{color:var(--muted);margin-top:2px;font-size:7px}.no-data{text-align:center;color:var(--muted);padding:27px 10px;font-size:9px}.unit-mastery{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.unit-mastery button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fffdf5db;border-radius:11px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px;display:grid}.unit-mastery>button>span{color:var(--green);font:700 9px Georgia,serif}.unit-mastery b{white-space:nowrap;text-overflow:ellipsis;font:700 9px Georgia,serif;display:block;overflow:hidden}.unit-mastery i{background:#e0e5dd;border-radius:4px;height:4px;margin-top:5px;display:block;overflow:hidden}.unit-mastery em{height:100%;display:block}.unit-mastery em.high{background:var(--green)}.unit-mastery em.mid{background:var(--yellow)}.unit-mastery em.low{background:#c8cfca}.unit-mastery strong{font:700 9px Georgia,serif}.data-control{border-top:1px dashed #bcc7bc;align-items:center;gap:9px;margin-top:26px;padding-top:16px;display:flex}.data-control>div{margin-right:auto}.data-control b{font-size:10px}.data-control p{color:var(--muted);margin:3px 0 0;font-size:8px}.data-control button{cursor:pointer;background:0 0;border:1px solid #c7cec7;border-radius:7px;padding:7px 9px;font-size:8px}.data-control button.danger{color:#a23d31;background:#fff1ed;border-color:#d9998f}.back-button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0 0 18px;font-size:9px;font-weight:900}.lesson-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.unit-stamp{border:2px solid var(--green);text-align:center;width:80px;height:80px;color:var(--green);border-radius:51% 49% 46% 54%;place-content:center;display:grid;transform:rotate(5deg)}.unit-stamp b{font:700 21px Georgia,serif}.unit-stamp small{letter-spacing:.13em;font:700 7px Georgia,serif}.lesson-tabs{background:#dce5d9;border-radius:15px;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px;padding:6px;display:grid}.lesson-tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 8px;display:flex}.lesson-tabs button.active{background:var(--paper);color:var(--green);box-shadow:0 6px 14px #2c46371c}.lesson-tabs i{background:#ffffff8c;border-radius:50%;place-items:center;width:27px;height:27px;font:700 9px Georgia,serif;display:grid}.lesson-tabs .active i{background:var(--green);color:#fff}.lesson-tabs span{text-align:left;font:700 10px Georgia,Microsoft YaHei,serif}.lesson-tabs small{margin-top:2px;font:500 7px Microsoft YaHei,sans-serif;display:block}.lesson-sheet{background-color:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);background-image:repeating-linear-gradient(#0000,#0000 31px,#50786214 32px);border-radius:7px 22px 22px 7px;padding:30px 40px 36px 54px;position:relative}.lesson-sheet:before{content:"";border-left:1px solid #db715d59;position:absolute;top:0;bottom:0;left:29px}.goal-strip{border-left:4px solid var(--yellow);background:#fff7d8;gap:12px;margin-bottom:27px;padding:10px 13px;display:flex}.goal-strip span{color:#8b6713;white-space:nowrap;font-size:8px;font-weight:900}.goal-strip p{margin:0;font-size:10px}.lesson-sheet>h2{margin:27px 0 11px;font:700 19px Georgia,Microsoft YaHei,serif}.lesson-sheet>h2>span{background:var(--green);color:#fff;vertical-align:2px;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:8px;font-size:8px;display:inline-grid}.scene-note{color:var(--muted);font-size:10px}.dialogue{gap:8px;display:grid}.dialogue>button{text-align:left;cursor:pointer;background:#ffffffbd;border:1px solid #dedfd5;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:11px;display:grid}.dialogue>button:hover{border-color:#9fbea9}.dialogue>button>span{background:var(--mint);width:32px;height:32px;color:var(--green);border-radius:50% 50% 45% 55%;place-items:center;font:700 11px Georgia,serif;display:grid}.dialogue small,.dialogue b,.dialogue em{display:block}.dialogue small{color:var(--coral);font-size:7px}.dialogue b{margin:2px 0;font:700 13px Georgia,serif}.dialogue em{color:var(--muted);font-size:8px;font-style:normal}.dialogue>button>i{color:var(--green);font:10px Georgia,serif}.audio-toolbar{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.audio-toolbar button{min-height:36px;color:var(--green);cursor:pointer;background:#e8f1e7;border:1px solid #b8cbbd;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:8px;font-weight:900;display:inline-flex}.audio-toolbar button .ui-icon{width:11px;height:11px}.audio-toolbar button:last-child{background:var(--yellow-soft);color:#725a18;border-color:#dfc570;margin-left:auto}.vocab-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.vocab-grid button{text-align:left;cursor:pointer;background:#ffffffc2;border:1px solid #dedfd6;border-radius:10px;min-height:62px;padding:9px;position:relative}.vocab-grid button:hover{background:#fff8dc;border-color:#d8bb61}.vocab-grid b,.vocab-grid span{display:block}.vocab-grid b{font:700 12px Georgia,serif}.vocab-grid span{color:var(--muted);margin-top:4px;font-size:8px}.vocab-grid i{color:var(--coral);font:9px Georgia,serif;position:absolute;top:7px;right:8px}.grammar-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.grammar-grid article{background:#ffffffc7;border:1px solid #daddd2;border-radius:13px;padding:14px}.grammar-grid article>small{color:var(--coral);font-size:7px;font-weight:900}.grammar-grid h3{margin:4px 0 7px;font:700 16px Georgia,serif}.grammar-grid article>p{color:var(--muted);min-height:43px;font-size:9px;line-height:1.6}.grammar-grid article>button{text-align:left;cursor:pointer;background:#edf4ea;border:0;border-radius:8px;width:100%;padding:9px;position:relative}.grammar-grid button b,.grammar-grid button span{display:block}.grammar-grid button b{padding-right:16px;font:700 11px Georgia,serif}.grammar-grid button span{color:var(--muted);margin-top:3px;font-size:7px}.grammar-grid button i{color:var(--green);font:8px Georgia,serif;position:absolute;top:10px;right:8px}.grammar-grid article>div{color:#8b655e;border-top:1px dashed #d3d5cd;margin-top:10px;padding-top:8px;font-size:8px;line-height:1.5}.grammar-grid strong{color:var(--coral)}.phonics-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.phonics-row article{background:#ffffffc7;border:1px solid #dedfd5;border-radius:11px;align-items:center;gap:8px;padding:12px;display:flex}.phonics-row article>b{margin-right:auto;font:700 11px Georgia,Microsoft YaHei,serif}.phonics-row button{background:var(--yellow-soft);cursor:pointer;border:0;border-radius:7px;padding:6px 8px;font:700 10px Georgia,serif}.phonics-row i{color:var(--coral);margin-left:4px;font:7px Georgia,serif}.pattern-list{gap:7px;display:grid}.pattern-list button{text-align:left;cursor:pointer;background:#ffffffc7;border:1px solid #daddd2;border-radius:10px;align-items:center;gap:11px;padding:10px;display:flex}.pattern-list>button>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;display:grid}.pattern-list b,.pattern-list small{display:block}.pattern-list b{font:700 12px Georgia,serif}.pattern-list small{color:var(--muted);margin-top:3px;font-size:8px}.output-workshop{gap:10px;display:grid}.output-workshop>article{background:#fffc;border:1px solid #d9ddd3;border-radius:13px;grid-template-columns:1fr 1.2fr;gap:13px;padding:13px;display:grid}.oral-step,.writing-step{min-width:0}.oral-step{border-right:1px dashed #cbd2c8;padding-right:13px}.output-workshop small{color:var(--coral);margin-bottom:5px;font-size:7px;font-weight:900;display:block}.oral-step>b{font-size:10px;display:block}.oral-step>div{gap:5px;margin-top:8px;display:flex}.oral-step button,.writing-step button{color:var(--green);cursor:pointer;background:#edf3e9;border:1px solid #bdcbbf;border-radius:6px;padding:6px 8px;font-size:7px;font-weight:800}.oral-step>p{background:#fff7d8;border-radius:6px;margin:7px 0 0;padding:7px;font:700 11px Georgia,serif}.writing-step>div{gap:5px;display:flex}.writing-step input{background:#fffef9;border:1px solid #cbd2c8;border-radius:7px;flex:1;min-width:0;padding:8px;font:700 10px Georgia,serif}.writing-step p{margin:6px 0 0;font-size:8px}.write-good{color:var(--green)}.write-retry{color:#ad4f42}.lesson-finish{border-top:1px dashed #c5cec4;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:18px;display:flex}.lesson-finish b{font-size:10px}.lesson-finish p{color:var(--muted);margin:3px 0 0;font-size:8px}.challenge-sheet{text-align:center;background:var(--green);color:#fff;box-shadow:var(--shadow);border-radius:22px;padding:47px 35px;position:relative;overflow:hidden}.challenge-sheet:before,.challenge-sheet:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:210px;height:210px;position:absolute}.challenge-sheet:before{top:-120px;left:-100px}.challenge-sheet:after{bottom:-140px;right:-120px}.big-star{background:var(--yellow);color:#5d4f1f;border-radius:48% 52% 45% 55%;place-items:center;width:62px;height:62px;margin:auto;font:700 26px Georgia,serif;display:grid;transform:rotate(-7deg)}.challenge-sheet>small{letter-spacing:.16em;opacity:.65;margin-top:14px;font:700 8px Georgia,serif;display:block}.challenge-sheet h2{margin:8px 0;font:700 28px Georgia,Microsoft YaHei,serif}.challenge-sheet>p{opacity:.75;max-width:630px;margin:auto;font-size:10px;line-height:1.7}.challenge-facts{border:1px solid #ffffff2e;border-radius:12px;grid-template-columns:repeat(4,1fr);max-width:590px;margin:24px auto;display:grid}.challenge-facts span{border-right:1px solid #ffffff29;padding:11px;font-size:8px}.challenge-facts span:last-child{border:0}.challenge-facts b{color:var(--yellow);font:700 20px Georgia,serif;display:block}.gentle-warning{background:#ffffff1a;border-radius:8px;margin-bottom:16px;padding:8px 11px;font-size:8px;display:inline-block}.homework-sheet{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:27px}.homework-sheet>header{grid-template-columns:1fr auto;align-items:center;gap:20px;display:grid}.homework-sheet header h2{margin:0 0 6px;font:700 24px Georgia,Microsoft YaHei,serif}.homework-sheet header p{color:var(--muted);margin:0;font-size:9px}.homework-score{border-left:1px dashed #bdc7bd;padding-left:18px}.homework-score b{color:var(--green);font:700 31px Georgia,serif}.homework-score span{color:var(--muted);font-size:9px}.homework-progress{background:#e0e5dc;border-radius:8px;height:7px;margin:17px 0 12px;overflow:hidden}.homework-progress span{background:var(--green);border-radius:inherit;height:100%;display:block}.teacher-source{border-left:3px solid var(--yellow);color:#755d1f;background:#fff5ce;margin-bottom:13px;padding:9px 11px;font-size:8px}.homework-list{gap:8px;display:grid}.homework-list article{background:#fffef9;border:1px solid #d9ddd3;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.homework-list article.done{background:#edf5eb;border-color:#aac5b0}.task-check{width:32px;height:32px;color:var(--green);cursor:pointer;background:#f1f3eb;border:1px solid #b5c5b7;border-radius:50%;font:700 10px Georgia,serif}.homework-list article.done .task-check{background:var(--green);color:#fff}.homework-list h3{margin:0 0 3px;font:700 12px Georgia,Microsoft YaHei,serif}.homework-list p{color:var(--muted);margin:0;font-size:8px;line-height:1.45}.task-action{color:var(--green);white-space:nowrap;cursor:pointer;background:#eaf2e8;border:1px solid #b6c7b9;border-radius:8px;padding:8px 10px;font-size:8px;font-weight:900}.teacher-method{background:var(--coral-soft);border-radius:9px;gap:8px;margin-top:14px;padding:11px;font-size:8px;line-height:1.5;display:flex}.teacher-method b{color:#9b483c;white-space:nowrap}.dictation-page,.recitation-page{max-width:820px;margin:auto}.dictation-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:38px}.dictation-speaker{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:48% 52% 45% 55%;place-content:center;gap:4px;width:142px;height:142px;margin:4px auto 25px;display:grid;box-shadow:0 16px 28px #2f6d553d}.dictation-speaker span{padding-left:5px;font-size:28px}.dictation-speaker b{font-size:11px}.dictation-speaker small{opacity:.7;font-size:7px}.dictation-card>label{font-size:10px;font-weight:900;display:block}.dictation-card label input{text-align:center;background:#fffef9;border:2px solid #b7c6b9;border-radius:11px;width:min(400px,100%);margin:9px auto 15px;padding:13px;font:700 20px Georgia,serif;display:block}.dictation-feedback{text-align:left;border-radius:9px;width:min(400px,100%);margin:0 auto 16px;padding:11px}.dictation-feedback.good{color:#276548;background:#e2f1e6}.dictation-feedback.retry{color:#9d493c;background:#fde8e2}.dictation-feedback b{font-size:10px}.dictation-feedback p{margin:4px 0;font-size:9px}.dictation-feedback strong{font:700 13px Georgia,serif}.dictation-feedback span{font-size:8px}.dictation-result{text-align:center;background:var(--green);color:#fff;border-radius:20px;padding:34px}.dictation-result>span{letter-spacing:.15em;color:var(--yellow);font:700 8px Georgia,serif}.dictation-result>b{margin:8px 0;font:700 57px Georgia,serif;display:block}.dictation-result>b small{opacity:.6;font-size:18px}.dictation-result h1{margin:0 0 6px;font:700 25px Georgia,Microsoft YaHei,serif}.dictation-result p{opacity:.72;font-size:9px}.dictation-wrong{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-top:14px;padding:19px}.dictation-wrong h2{margin:0 0 11px;font:700 18px Georgia,Microsoft YaHei,serif}.dictation-wrong article{border-top:1px dashed #d0d5cc;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.dictation-wrong article>button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:50%;width:31px;height:31px}.dictation-wrong b,.dictation-wrong span{display:block}.dictation-wrong b{font:700 12px Georgia,serif}.dictation-wrong span,.dictation-wrong p{color:var(--muted);font-size:8px}.dictation-wrong p{margin:0}.dictation-wrong del{color:#a4483c}.recitation-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.recitation-head h1{margin:0 0 5px;font:700 clamp(25px,4vw,36px) Georgia,Microsoft YaHei,serif}.recitation-head p{color:var(--muted);margin:0;font-size:9px}.offline-badge{color:var(--green);text-align:center;background:#e6f0e5;border:1px solid #a9c1ae;border-radius:12px;padding:9px 11px;font-size:7px;font-weight:900;line-height:1.5}.recitation-note{border-left:3px solid var(--coral);background:var(--coral-soft);color:#7d5049;margin:17px 0 10px;padding:10px 12px;font-size:8px}.recitation-controls{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.recitation-controls button{color:var(--green);cursor:pointer;background:#e9f1e7;border:1px solid #b5c6b8;border-radius:8px;padding:9px 11px;font-size:8px;font-weight:900}.recitation-controls button:last-child{margin-left:auto}.recitation-controls button.active{background:var(--coral);border-color:var(--coral);color:#fff}.recitation-lines{gap:8px;display:grid}.recitation-lines article{border:1px solid var(--line);background:var(--paper);border-radius:12px;grid-template-columns:30px 1fr 34px;align-items:center;gap:11px;padding:12px;display:grid}.recitation-lines article>span{background:var(--yellow-soft);border-radius:50%;place-items:center;width:28px;height:28px;font:700 9px Georgia,serif;display:grid}.recitation-lines small{color:var(--coral);font-size:7px}.recitation-lines b{margin:3px 0;font:700 13px Georgia,serif;transition:all .2s;display:block}.recitation-lines b.covered{color:#0000;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(-45deg,#dce4d9,#dce4d9 5px,#e7ece4 5px 10px);border-radius:5px}.recitation-lines p{color:var(--muted);margin:0;font-size:8px}.recitation-lines article>button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:50%;width:32px;height:32px}.recitation-check{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-top:15px;padding:18px}.recitation-check h2{margin:0;font:700 18px Georgia,Microsoft YaHei,serif}.recitation-check>p{color:var(--muted);font-size:8px}.recitation-check>button{text-align:left;cursor:pointer;background:#f6f5ed;border:1px solid #d3d9d1;border-radius:10px;align-items:center;gap:11px;width:100%;margin-top:7px;padding:11px;display:flex}.recitation-check>button.done{background:#e3f1e6;border-color:#a8c5af}.recitation-check i{background:#fff;border-radius:50%;place-items:center;width:29px;height:29px;font:700 9px Georgia,serif;display:grid}.recitation-check button.done i{background:var(--green);color:#fff}.recitation-check b,.recitation-check small{display:block}.recitation-check b{font-size:9px}.recitation-check small{color:var(--muted);margin-top:2px;font-size:7px}.recorder-card{background:linear-gradient(145deg,#edf5ea 0%,#fffdf5 62%);border:1px solid #a9c2ae;border-radius:20px;margin-top:15px;padding:20px;box-shadow:0 12px 28px #2a493917}.recorder-card>header{justify-content:space-between;align-items:start;gap:18px;display:flex}.recorder-card h2{margin:0 0 5px;font:700 21px/1.3 Georgia,Microsoft YaHei,serif}.recorder-card header p{color:var(--muted);margin:0;font-size:8px;line-height:1.55}.recorder-card header>strong{color:var(--muted);text-align:center;border-left:1px dashed #b7c5b8;flex:none;padding-left:14px;font-size:7px}.recorder-card header>strong b{color:var(--green);font:700 25px Georgia,serif;display:block}.recording-steps{grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0;display:grid}.recording-steps span{color:var(--muted);background:#ffffffb3;border:1px solid #d4dbd2;border-radius:9px;align-items:center;gap:7px;padding:8px;font-size:8px;font-weight:900;display:flex}.recording-steps span.active{color:#6f591a;background:#fff4c8;border-color:#d6b849}.recording-steps span.done{color:var(--green);background:#e2f0e4;border-color:#8eb39a}.recording-steps i{background:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font:700 8px Georgia,serif;display:grid}.recording-start{place-items:center;padding:14px 0 7px;display:grid}.recording-start>button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:47% 53% 46% 54%;place-content:center;justify-items:center;gap:5px;width:150px;height:150px;transition:transform .18s;display:grid;box-shadow:0 16px 30px #db715d45}.recording-start>button:hover{transform:translateY(-2px)rotate(-1deg)}.recording-start>button:disabled{opacity:.65;cursor:wait}.recording-start .ui-icon{width:31px;height:31px}.recording-start b{font-size:12px}.recording-start small{opacity:.78;max-width:105px;font-size:7px}.recording-live{color:#fff;background:#3a5e4d;border-radius:15px;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.recording-live>button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:55px;height:55px;display:grid}.recording-live>button .ui-icon{width:22px;height:22px}.recording-live b,.recording-live span,.recording-live small{display:block}.recording-live b{font-size:11px}.recording-live span{color:var(--yellow);margin:2px 0;font:700 22px Georgia,serif}.recording-live small{opacity:.7;font-size:7px}.recording-live>i{align-items:center;gap:4px;height:36px;display:flex}.recording-live em{background:var(--yellow);border-radius:3px;width:3px;animation:.8s ease-in-out infinite alternate voice-wave;display:block}.recording-live em:first-child,.recording-live em:nth-child(5){height:10px}.recording-live em:nth-child(2),.recording-live em:nth-child(4){height:24px;animation-delay:.15s}.recording-live em:nth-child(3){height:34px;animation-delay:.3s}@keyframes voice-wave{to{transform:scaleY(.45)}}.recording-review{background:#ffffffc2;border:1px solid #d2dad0;border-radius:13px;padding:13px}.recording-review>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.recording-review b{font-size:10px}.recording-review span{color:var(--muted);font-size:7px}.recording-review audio{width:100%;height:39px;margin:10px 0}.recording-review>div:last-child{justify-content:flex-end;gap:7px;display:flex}.recording-review button{color:var(--green);cursor:pointer;background:#fff;border:1px solid #b9c8bb;border-radius:8px;padding:9px 12px;font-size:8px;font-weight:900}.recording-review button.primary-button{background:var(--green);color:#fff;border:0}.recording-error{border-left:3px solid var(--coral);background:var(--coral-soft);color:#8d473e;border-radius:7px;margin-top:10px;padding:9px 11px;font-size:8px}.recitation-assessment{border-radius:15px;grid-template-columns:165px 1fr;gap:15px;margin-top:13px;padding:15px;display:grid}.recitation-assessment.pass{background:#e1f0e4;border:1px solid #91b69c}.recitation-assessment.retry{background:#fff1d5;border:1px solid #d9bd62}.assessment-score{text-align:center;border-right:1px dashed #4a615240;align-content:center;padding-right:15px;display:grid}.assessment-score strong{color:var(--green);font:700 45px Georgia,serif}.assessment-score strong small{font-size:11px}.assessment-score span{font-size:10px;font-weight:900}.assessment-score p{color:var(--muted);margin:5px 0 0;font-size:7px;line-height:1.5}.assessment-advice h3{margin:0 0 8px;font:700 14px Georgia,Microsoft YaHei,serif}.assessment-advice p{grid-template-columns:20px 1fr;align-items:start;gap:7px;margin:6px 0;font-size:8px;line-height:1.55;display:grid}.assessment-advice i{background:#ffffffbf;border-radius:50%;place-items:center;width:18px;height:18px;font:700 7px Georgia,serif;display:grid}.recitation-assessment details{border-top:1px dashed #4a61523d;grid-column:1/-1;padding-top:9px}.recitation-assessment summary{cursor:pointer;color:var(--green);font-size:8px;font-weight:900}.recitation-assessment details p{margin:7px 0 0;font:700 10px/1.65 Georgia,serif}.assessment-limit{color:var(--muted);grid-column:1/-1;font-size:7px;line-height:1.5}.recitation-gate{opacity:.78;background:#efefe8;border:1px dashed #c3cbc1;border-radius:10px;align-items:center;gap:11px;width:100%;margin-top:7px;padding:11px;display:flex}.recitation-gate.done{opacity:1;background:#e3f1e6;border-style:solid;border-color:#a8c5af}.recitation-gate.done>i{background:var(--green);color:#fff}.quiz-head{justify-content:space-between;align-items:end;display:flex}.quiz-head>div:last-child b{color:var(--green);font:700 30px Georgia,serif}.quiz-head>div:last-child span{color:var(--muted);font-size:10px}.progress-track{background:#dce1d9;border-radius:7px;height:7px;margin:18px 0;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--green);height:100%;transition:width .3s;display:block}.question-card{background:var(--paper);border:1px solid var(--line);min-height:460px;box-shadow:var(--shadow);border-radius:8px 22px 22px 8px;padding:37px 45px}.question-meta{align-items:center;gap:7px;display:flex}.question-meta span{background:var(--coral-soft);color:#9e493b;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:900}.question-meta small{color:var(--muted);font-size:8px}.question-card>h2,.listening-prompt h2{margin:17px 0 24px;font:700 22px/1.5 Georgia,Microsoft YaHei,serif}.listening-prompt{background:#edf4ea;border-radius:15px;grid-template-columns:78px 1fr;align-items:center;gap:18px;margin:24px 0;padding:17px;display:grid}.listening-prompt>button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:50%;width:72px;height:72px;padding-left:5px;font-size:22px;box-shadow:0 9px 18px #2f6d5540}.listening-prompt small{color:var(--coral);letter-spacing:.15em;font:900 8px Georgia,serif}.listening-prompt h2{margin:4px 0}.listening-prompt p{color:var(--muted);margin:0;font-size:8px}.options{gap:9px;display:grid}.options button{text-align:left;cursor:pointer;background:#ffffffbf;border:1px solid #d8dbd3;border-radius:12px;align-items:center;gap:12px;min-height:51px;padding:10px 13px;transition:all .15s;display:flex}.options button:hover{border-color:#9bb9a4;transform:translate(3px)}.options button i{background:#eef0ea;border-radius:8px;place-items:center;width:29px;height:29px;font:700 10px Georgia,serif;display:grid}.options button span{font-size:11px;font-weight:700}.options button>b{margin-left:auto;font-size:16px}.options button.correct{background:#e2f1e6;border-color:#65a281}.options button.wrong{background:#fbe7e1;border-color:#d87865}.options button.dim{opacity:.48}.options button.selected{border-color:var(--green);background:#e5efe5}.options button.selected i{background:var(--green);color:#fff}.instant-feedback{border-radius:10px;margin-top:13px;padding:12px 14px}.instant-feedback.good{color:#276548;background:#e2f1e6}.instant-feedback.retry{color:#7d5d17;background:#fff0d5}.instant-feedback b{font-size:10px}.instant-feedback p{margin:3px 0 0;font-size:9px;line-height:1.55}.exam-note{color:var(--muted);background:#edf1eb;border-radius:9px;margin-top:13px;padding:11px;font-size:8px}.quiz-actions{border-top:1px dashed #c7cfc5;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding-top:18px;display:flex}.quiz-actions>span{color:var(--muted);font-size:8px}.result-hero{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:155px 1fr;align-items:center;gap:26px;padding:25px;display:grid}.score-ring.result{width:140px;height:140px}.score-ring.result b{font-size:37px}.result-hero h1{margin-top:4px}.result-hero p{color:var(--muted);font-size:11px;line-height:1.6}.result-tags{flex-wrap:wrap;gap:6px;display:flex}.result-tags span{background:#eff2eb;border-radius:6px;padding:5px 7px;font-size:8px}.result-bars{margin-top:16px}.advice-panel>button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:13px;padding:9px;font-size:9px;font-weight:900}.weak-tags{flex-wrap:wrap;gap:6px;display:flex}.weak-tags span{background:var(--coral-soft);color:#944b40;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:800}.all-good{background:var(--yellow);border-radius:50%;place-items:center;width:45px;height:45px;margin-bottom:10px;font:700 18px Georgia,serif;display:grid}.answer-review{grid-template-columns:1fr 1fr;gap:11px;display:grid}.answer-review article{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px}.answer-review article>div:first-child{justify-content:space-between;gap:10px;display:flex}.answer-review article>div:first-child span{color:var(--coral);font-size:7px;font-weight:900}.answer-review article>div:first-child small{color:var(--muted);font-size:7px}.answer-review h3{font-size:11px;line-height:1.5}.answer-review p{margin:5px 0;font-size:9px}.wrong-answer{color:#ae4f40}.right-answer{color:var(--green)}.answer-explain{background:#f0f2eb;border-radius:8px;margin-top:9px;padding:9px;font-size:8px;line-height:1.55}.replay{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:6px 9px;font-size:8px}.result-actions{justify-content:center;gap:8px;margin-top:22px;display:flex}.result-actions>button{color:var(--green);cursor:pointer;background:#eef2e9;border:1px solid #bac8bd;border-radius:9px;padding:10px 13px;font-size:9px;font-weight:900}.result-actions .primary-button{color:#fff;background:var(--coral);border:0}.loading-screen{text-align:center;background:var(--cream);place-content:center;height:100vh;display:grid}.loading-screen span{border:2px solid var(--green);width:75px;height:75px;color:var(--green);border-radius:50% 46% 53% 47%;place-items:center;margin:auto;font:700 21px Georgia,serif;animation:1.4s ease-in-out infinite bob;display:grid}.loading-screen p{color:var(--muted);font-size:10px}.no-data{color:var(--muted)}@keyframes bob{50%{transform:translateY(-6px)rotate(3deg)}}@media (max-width:980px){.content{padding:34px 27px 65px}.today-grid{grid-template-columns:1fr 1fr}.today-grid .plan-card:last-child{grid-column:1/-1;min-height:155px}.stat-grid{grid-template-columns:repeat(3,1fr)}.test-grid{grid-template-columns:repeat(2,1fr)}.grammar-grid{grid-template-columns:1fr}.grammar-grid article>p{min-height:0}.vocab-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.topbar{height:66px;padding:0 14px}.brand-mark{width:40px;height:40px}.brand b{font-size:14px}.top-stats span:first-child{display:none}.top-stats span{padding:7px 9px}.page-frame{min-height:calc(100vh - 66px);display:block}.side-nav{display:none}.bottom-nav{z-index:60;height:69px;padding:6px max(5px, env(safe-area-inset-left));padding-bottom:max(6px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffdf5f7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #2a423514}.bottom-nav button{color:#748078;background:0 0;border:0;align-content:center;place-items:center;gap:2px;display:grid;position:relative}.bottom-nav button i{font:17px Georgia,serif}.bottom-nav button span{font-size:8px;font-weight:800}.bottom-nav button.active{color:var(--green)}.bottom-nav button.active:after{content:"";background:var(--coral);border-radius:4px;width:22px;height:3px;position:absolute;bottom:0}.content{padding:25px 14px 95px}.page-heading{align-items:center}.page-heading h1,.lesson-head h1,.quiz-head h1,.result-hero h1{font-size:27px}.page-heading p{font-size:10px}.date-tile{width:61px;height:61px}.date-tile b{font-size:25px}.audio-notice{grid-template-columns:1fr auto;top:74px}.audio-notice>span{display:none}.audio-notice p{font-size:9px}.hero-card{grid-template-columns:1fr;padding:28px 25px 30px}.hero-doodle{display:none}.hero-card h2{font-size:32px}.route-line span{padding:5px 6px;font-size:7px}.route-line i{width:12px}.today-grid,.review-actions,.report-columns,.result-columns{grid-template-columns:1fr}.today-grid .plan-card:last-child{grid-column:auto}.plan-card{min-height:165px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid article:last-child{grid-column:1/-1}.system-route{flex-direction:column;align-items:flex-start}.system-route button{width:100%}.offline-card{grid-template-columns:40px minmax(0,1fr) auto;padding:12px}.offline-card p{font-size:9px}.offline-card b{font-size:12px}.offline-card strong{font-size:10px}.offline-meter{grid-column:1/-1}.course-card{grid-template-columns:48px minmax(0,1fr);gap:11px;padding:14px}.unit-number b{font-size:24px}.mastery-badge{border-top:1px dashed #cbd3c9;border-left:0;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.mastery-badge b{font-size:18px}.lesson-pills{flex-direction:column}.review-hero{grid-template-columns:75px 1fr;gap:12px;padding:18px}.review-hero>p{font-size:9px}.review-hero>button{grid-column:1/-1}.review-actions article{grid-template-columns:45px 1fr auto;padding:14px}.test-grid{grid-template-columns:1fr}.test-grid article{min-height:220px}.report-overview,.result-hero{text-align:center;grid-template-columns:1fr}.score-ring{margin:auto}.report-numbers,.result-tags{justify-content:center}.unit-mastery{grid-template-columns:1fr 1fr}.data-control{flex-wrap:wrap;align-items:flex-start}.data-control>div{width:100%}.lesson-head{align-items:start}.unit-stamp{flex:none;width:65px;height:65px}.lesson-tabs{gap:2px;padding:4px}.lesson-tabs button{gap:3px;padding:8px 2px}.lesson-tabs i{width:22px;height:22px}.lesson-tabs span{font-size:8px}.lesson-tabs small{font-size:6px}.lesson-sheet{padding:25px 17px 30px 34px}.lesson-sheet:before{left:20px}.goal-strip{display:block}.goal-strip span{margin-bottom:4px;display:block}.vocab-grid{grid-template-columns:repeat(2,1fr)}.grammar-grid,.phonics-row{grid-template-columns:1fr}.lesson-finish{display:block}.lesson-finish .primary-button{width:100%;margin-top:13px}.challenge-sheet{padding:38px 18px}.challenge-sheet h2{font-size:23px}.challenge-facts span{padding:9px 4px}.audio-toolbar button:last-child{margin-left:0}.output-workshop>article{grid-template-columns:1fr}.oral-step{border-bottom:1px dashed #cbd2c8;border-right:0;padding:0 0 11px}.homework-sheet{padding:19px 13px}.homework-sheet header h2{font-size:19px}.homework-list article{grid-template-columns:32px 1fr;gap:8px}.homework-list .task-action{grid-column:1/-1;width:100%}.teacher-method{display:block}.teacher-method b{margin-bottom:4px;display:block}.dictation-card{padding:28px 16px}.dictation-speaker{width:120px;height:120px}.dictation-wrong article{grid-template-columns:32px 1fr}.dictation-wrong article>p{grid-column:2}.recitation-head{align-items:flex-start}.recitation-controls button:last-child{margin-left:0}.offline-badge{flex:none}.recitation-lines b{font-size:11px}.quiz-head{align-items:center}.question-card{min-height:430px;padding:26px 18px}.question-card>h2,.listening-prompt h2{font-size:18px}.listening-prompt{grid-template-columns:60px 1fr;gap:12px;padding:12px}.listening-prompt>button{width:56px;height:56px}.quiz-actions{flex-direction:column;align-items:stretch}.quiz-actions .primary-button{width:100%}.answer-review{grid-template-columns:1fr}.result-actions{flex-wrap:wrap}}.brand-mark,.date-tile,.unit-stamp,.score-ring,.dictation-speaker,.dialogue>button>span,.lesson-pills i,.lesson-tabs i,.recitation-lines article>span,.recitation-lines article>button,.dictation-wrong article>button,.listening-prompt>button{aspect-ratio:1;flex:none}.lesson-pills i .ui-icon,.lesson-tabs i .ui-icon{width:14px;height:14px}.dialogue>button>i,.grammar-grid button i,.vocab-grid i{place-items:center;width:18px;height:18px;display:grid}.dialogue>button>i .ui-icon,.grammar-grid button i .ui-icon,.vocab-grid i .ui-icon{width:14px;height:14px}.phonics-row i{vertical-align:middle;display:inline-grid}.phonics-row i .ui-icon{width:12px;height:12px}.test-index .ui-icon{width:30px;height:30px}.big-star .ui-icon{width:100%;height:100%}.empty-state>span .ui-icon{width:22px;height:22px}.dictation-speaker span{place-items:center;display:grid}.dictation-speaker span .ui-icon{width:32px;height:32px}.dictation-wrong article>button,.recitation-lines article>button,.listening-prompt>button{place-items:center;display:grid}.dictation-wrong article>button .ui-icon,.recitation-lines article>button .ui-icon{width:15px;height:15px}.listening-prompt>button .ui-icon{width:26px;height:26px}.recitation-controls button,.replay{justify-content:center;align-items:center;gap:6px;display:inline-flex}.recitation-controls button .ui-icon,.replay .ui-icon{width:12px;height:12px}.final-test .test-index{width:30px;height:30px;display:block}.topbar,.bottom-nav{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}@media (max-width:700px){body{-webkit-text-size-adjust:100%}.topbar{height:calc(66px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.page-frame{min-height:calc(100vh - 66px - env(safe-area-inset-top))}.content{padding:23px 14px calc(96px + env(safe-area-inset-bottom))}.bottom-nav{height:calc(69px + env(safe-area-inset-bottom));padding-top:6px;padding-bottom:max(6px, env(safe-area-inset-bottom))}.bottom-nav button{min-width:0;min-height:48px}.bottom-nav button i{place-items:center;width:23px;height:23px;display:grid}.bottom-nav button i .ui-icon{width:22px;height:22px}.bottom-nav button span{font-size:9px}.hero-card{min-height:275px}.hero-card p,.plan-card p,.system-route p,.page-heading p,.lesson-head p{font-size:11px;line-height:1.65}.plan-card h3{font-size:17px}.plan-card>button,.system-route button,.task-action,.audio-toolbar button,.recitation-controls button{min-height:42px}.stat-grid article{min-height:96px}.stat-grid span{font-size:11px}.stat-grid p{font-size:9px}.course-card{border-radius:16px}.lesson-pills button{min-height:52px}.lesson-tabs button{gap:4px;min-width:0;min-height:54px;padding:7px 2px}.lesson-tabs i{width:24px;height:24px}.lesson-tabs span{min-width:0;font-size:8px;line-height:1.2}.lesson-tabs small{font-size:6.5px}.dialogue>button{min-height:64px}.dialogue b{font-size:14px;line-height:1.35}.dialogue em,.vocab-grid span,.grammar-grid article>p,.grammar-grid article>div{font-size:9px}.vocab-grid button{min-height:72px}.vocab-grid b{overflow-wrap:anywhere;padding-right:20px;font-size:13px}.homework-list h3{font-size:13px;line-height:1.35}.homework-list p,.teacher-method,.teacher-source{font-size:9px}.output-workshop small{font-size:8px}.oral-step>b,.writing-step input{font-size:11px}.question-card{border-radius:16px}.options button{min-height:56px}.options button span{font-size:12px;line-height:1.45}.quiz-actions>span,.instant-feedback p,.recitation-note,.recitation-check>p{font-size:9px}.context-trail{margin:-8px 0 14px;font-size:10px}.learning-path{gap:3px;padding:5px}.learning-path button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:3px;padding:7px 1px}.learning-path i{width:22px;height:22px}.learning-path b{font-size:8px}.learning-path small{display:none}.recorder-card{padding:15px 12px}.recorder-card>header{display:block}.recorder-card header>strong{background:#e3eee1;border:0;border-radius:7px;align-items:baseline;gap:5px;margin-top:9px;padding:5px 8px;display:inline-flex}.recorder-card header>strong b{font-size:17px}.recording-steps span{text-align:center;justify-items:center;gap:4px;padding:7px 2px;font-size:7.5px;display:grid}.recording-start>button{width:132px;height:132px}.recording-live{grid-template-columns:52px 1fr}.recording-live>i{display:none}.recording-review>div:first-child{display:block}.recording-review span{margin-top:3px;display:block}.recording-review>div:last-child{grid-template-columns:1fr 1fr;display:grid}.recording-review button{min-height:42px}.recitation-assessment{grid-template-columns:1fr}.assessment-score{border-bottom:1px dashed #4a615240;border-right:0;padding:0 0 12px}.assessment-score strong{font-size:39px}.recitation-assessment details,.assessment-limit{grid-column:1}}@media (max-width:350px){.brand b{font-size:13px}.brand small{display:none}.top-stats span{padding:7px;font-size:9px}.page-heading h1,.lesson-head h1,.quiz-head h1,.result-hero h1{font-size:24px}.date-tile{width:56px;height:56px}.route-line{gap:0}.route-line span{font-size:6.5px}.lesson-tabs span{font-size:7px}.lesson-tabs small{display:none}.review-actions article{grid-template-columns:40px 1fr}.review-actions article>button{grid-column:1/-1;min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}