.form-error{background:#fff0ed;border-radius:8px;padding:10px 12px;color:#a64032!important;font-size:11px!important}.form-success{background:#e7f1eb;border-radius:10px;line-height:1.7;color:#255b4c!important;padding:18px!important;font-size:13px!important}.duration-picker{text-align:right;margin-left:auto}.duration-picker small{color:var(--muted);font-size:10px}.duration-picker>div{background:#f4eee9;border-radius:9px;gap:3px;margin-top:5px;padding:3px;display:flex}.duration-picker button{cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:700}.duration-picker button.active{color:#fff;background:var(--coral);box-shadow:0 4px 10px #dc895e35}@media (width<=680px){.lesson-banner{flex-wrap:wrap}.duration-picker{text-align:left;width:100%}.duration-picker>div{width:max-content}}.student-vocab-page{background:radial-gradient(circle at 80% 0,#fff9ee,#f4ebe1 56%,#eee1d3);min-height:100vh;padding:34px 5vw 70px}.student-vocab-head{grid-template-columns:150px 1fr 180px;align-items:start;gap:20px;max-width:1180px;margin:auto;display:grid}.student-vocab-head>button,.student-account button{cursor:pointer;background:#fff;border:1px solid #dfd3c7;border-radius:10px;padding:11px 14px}.student-vocab-head span{color:#ca7851;letter-spacing:.15em;font-size:12px;font-weight:800}.student-vocab-head h1{margin:5px 0;font-family:Georgia,Noto Serif SC,serif;font-size:42px}.student-vocab-head p{color:#786f68;margin:8px 0}.student-account{text-align:right;justify-items:end;gap:8px;display:grid}.student-account b{font-size:14px}.student-levels,.student-lessons{gap:9px;max-width:1180px;margin:28px auto 0;display:flex;overflow-x:auto}.student-levels button,.student-lessons button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #ded4ca;border-radius:12px;padding:12px 18px}.student-levels button{gap:2px;font-weight:800;display:grid}.student-levels small{color:#a06c54;font-size:9px}.student-levels button.active,.student-lessons button.active{color:#fff;background:#df8b62;border-color:#d9855d}.student-levels button.active small{color:#fff}.student-lessons{margin-top:12px;padding-bottom:5px}.student-lessons button{padding:9px 13px;font-size:12px}.progress-summary{color:#6d655f;background:#fff9;border-radius:14px;align-items:center;gap:20px;max-width:1180px;margin:18px auto;padding:14px 18px;display:flex}.progress-summary span{font-weight:800}.progress-summary b{font-size:12px}.progress-summary i{margin-left:auto;font-style:normal}.student-study-area{grid-template-columns:minmax(0,1fr) 280px;gap:24px;max-width:1050px;margin:28px auto;display:grid}.student-card-wrap,.memory-panel{background:#fffdfb;border:1px solid #e2d8cf;border-radius:22px;padding:24px;box-shadow:0 20px 55px #4a36251a}.student-card-wrap>header{color:#7a716a;justify-content:space-between;font-size:12px;display:flex}.student-flashcard{perspective:1200px;cursor:pointer;background:0 0;border:0;width:min(620px,100%);height:390px;margin:20px auto;display:block}.student-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:all .55s;display:block;position:relative}.student-flashcard.flipped .student-card-inner{transform:rotateY(180deg)}.student-card-face{backface-visibility:hidden;background:linear-gradient(150deg,#fff,#f8eee5);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #eadfd6}.student-card-face.back{color:#fff;background:linear-gradient(150deg,#393532,#57483f);transform:rotateY(180deg)}.student-card-face small{letter-spacing:.14em;color:#ca7851;font-weight:800}.student-card-face strong{margin:24px 0 12px;font-family:Georgia,Noto Serif SC,serif;font-size:68px}.student-card-face.back strong{text-align:center;font-size:32px}.student-card-face em{color:#83776f;font-size:22px;font-style:normal}.student-card-face.back em{color:#ead8cc}.student-card-face i{color:#a59b94;font-size:11px;font-style:normal;position:absolute;bottom:25px}.student-card-wrap>footer{justify-content:center;gap:9px;display:flex}.student-card-wrap>footer button{cursor:pointer;background:#fff;border:1px solid #ded5cc;border-radius:9px;padding:10px 16px}.memory-panel>span{color:#d17e56;font-size:11px;font-weight:800}.memory-panel h2{margin:6px 0;font-family:Georgia,Noto Serif SC,serif}.memory-panel>p{color:#81766f;font-size:12px;line-height:1.6}.memory-panel>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1d8d0;border-radius:13px;gap:4px;width:100%;margin-top:12px;padding:16px;display:grid}.memory-panel button small{color:#807770}.memory-panel button.selected,.memory-panel button:hover{background:#fff5ef;border-color:#d9865e}.memory-panel button.remembered b{color:#318267}.memory-panel button.fuzzy b{color:#b78225}.memory-panel button.forgotten b{color:#ba594d}.student-login-backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#34282099;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.student-login{background:#fff;border-radius:20px;width:min(430px,100%);padding:30px;position:relative}.student-login>button:first-child{cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:11px;right:14px}.student-login>span{color:#d17e56;letter-spacing:.13em;font-size:11px;font-weight:800}.student-login h2{margin:7px 0}.student-login>p{color:#7c736c;font-size:12px}.student-login label{gap:7px;margin:15px 0;font-size:12px;font-weight:800;display:grid}.student-login input{border:1px solid #ddd4cc;border-radius:9px;padding:12px;font-size:16px}.student-login .primary{width:100%}.student-vocab-error,.student-vocab-loading{background:#fff;border-radius:12px;max-width:1050px;margin:30px auto;padding:18px}.student-vocab-error{color:#b3483b}@media (width<=760px){.student-vocab-page{padding:20px 12px 50px}.student-vocab-head{grid-template-columns:1fr auto}.student-vocab-head>button{grid-column:1/3;justify-self:start}.student-vocab-head h1{font-size:34px}.student-vocab-head p{font-size:12px}.student-study-area{display:block}.memory-panel{margin-top:15px}.student-flashcard{height:330px}.student-card-face strong{font-size:54px}.progress-summary{flex-wrap:wrap;gap:8px}.progress-summary i{margin-left:0}.student-account{align-self:center}}.student-vocab-controls{justify-content:space-between;align-items:flex-start;gap:18px;max-width:1180px;margin:28px auto 0;display:flex}.student-vocab-controls .student-levels{margin:0}.student-card-mode{background:#fff;border:1px solid #ded4ca;border-radius:13px;align-items:center;gap:5px;padding:5px;display:flex}.student-card-mode span{color:#81776f;padding:0 7px;font-size:11px;font-weight:700}.student-card-mode button{white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 11px;font-size:11px}.student-card-mode button.active{color:#fff;background:#3f3935;font-weight:700}.student-card-face em.pinyin-only{color:#3e3935;font-size:52px}@media (width<=760px){.student-vocab-controls{display:block}.student-card-mode{width:max-content;max-width:100%;margin-top:12px;overflow-x:auto}.student-card-face em.pinyin-only{font-size:38px}}.student-study-area{grid-template-columns:1fr!important;max-width:900px!important}.memory-panel{text-align:center}.memory-panel>h2{font-family:inherit!important;font-size:20px!important}.memory-actions{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.memory-panel .memory-actions>button{text-align:center;cursor:pointer;background:#fff;border:2px solid #e2e6ec;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:112px;margin:0;padding:18px 14px;transition:all .18s;display:flex;position:relative}.memory-actions button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2c416318}.memory-actions button.selected{background:#f2f5ff;border-color:#4c6fff;box-shadow:0 0 0 3px #4c6fff18}.memory-actions kbd{color:#7c8492;background:#f8f9fb;border:1px solid #d7dce5;border-radius:5px;padding:2px 6px;font-size:10px;position:absolute;top:9px;right:10px}.student-account{grid-template-columns:auto auto;align-items:center}.student-account b{grid-column:1/3}.student-lang{color:#c8754d;min-width:43px;font-weight:800}@media (width<=760px){.memory-actions{grid-template-columns:1fr}.memory-panel .memory-actions>button{min-height:82px}.student-account{grid-template-columns:auto}.student-account b{grid-column:auto}}.student-notes{color:#302c29;background:#f4f1eb;min-height:100vh;padding:36px 5vw}.student-notes>header{gap:25px;max-width:1200px;margin:auto;display:flex}.student-notes>header button{background:#fff;border:1px solid #dacfc4;border-radius:8px;align-self:start;padding:10px}.student-notes>header span{color:#cf7952;letter-spacing:.14em;font-size:12px;font-weight:800}.student-notes h1{margin:5px 0;font:700 43px Georgia,Songti SC,serif}.student-notes>header p{color:#7c736b}.notes-layout{grid-template-columns:260px 1fr;gap:20px;max-width:1200px;margin:25px auto;display:grid}.notes-layout>aside{align-content:start;gap:8px;display:grid}.notes-layout>aside button{text-align:left;background:#fff;border:1px solid #ded4cb;border-radius:10px;gap:5px;padding:14px;display:grid}.notes-layout>aside button.active{background:#fff6ef;border-color:#d47c55}.notes-layout>aside span,.notes-layout>aside small{color:#80766e}.student-note-paper{background:#fff;border-top:7px solid #ef5367;padding:50px 8%;box-shadow:0 20px 50px #4a39251a}.student-note-paper>header{border-bottom:1px solid #eee;padding-bottom:20px}.student-note-paper>header h2{color:#ef5367}.student-note-paper section{margin-top:30px}.student-note-paper h3{font-size:25px}.student-note-paper pre{white-space:pre-wrap;min-height:100px;font:19px/2 PingFang SC,sans-serif}.note-pinyin{color:#346996;background:#f2f6fb;padding:10px;line-height:1.8}.student-note-paper img{max-width:100%;max-height:380px;margin:15px auto;display:block}.notes-empty{text-align:center;background:#fff;border-radius:12px;max-width:900px;margin:40px auto;padding:30px}@media (width<=720px){.student-notes{padding:22px 14px}.student-notes h1{font-size:34px}.notes-layout{grid-template-columns:1fr}.notes-layout>aside{grid-template-columns:repeat(2,1fr)}.student-note-paper{padding:30px 20px}}.lesson4-page{color:#153f39;background:#f8f6f1;min-height:100vh;font-family:Inter,PingFang SC,sans-serif}.lesson4-top{background:#fff;border-bottom:1px solid #d8e4df;justify-content:space-between;align-items:center;height:72px;padding:0 4vw;display:flex}.lesson4-top button,.lesson4-top a{color:#246b5a;cursor:pointer;background:0 0;border:0;margin-left:18px;font-weight:700;text-decoration:none}.lesson4-hero{background:linear-gradient(130deg,#e4f6ff,#fff0f2);border-radius:32px;justify-content:space-between;align-items:center;max-width:1200px;margin:30px auto 18px;padding:54px 64px;display:flex}.lesson4-hero small,.lesson4-panel>header small{color:#ef7754;letter-spacing:.15em;font-weight:900}.lesson4-hero h1{margin:20px 0 8px;font:700 64px/1.1 Georgia,Songti SC,serif}.lesson4-hero p{font-size:21px}.lesson4-hero span{background:#fff;border-radius:999px;margin:8px 8px 0 0;padding:9px 15px;display:inline-block}.lesson4-hero>strong{color:#1f7562;font:700 150px Georgia}.lesson4-tabs{gap:10px;max-width:1200px;margin:auto;padding:12px 0;display:flex;overflow:auto}.lesson4-tabs button{color:#153f39;cursor:pointer;background:#fff;border:1px solid #d7e4df;border-radius:20px;min-width:138px;padding:18px;font-size:16px;font-weight:800}.lesson4-tabs i{margin-bottom:5px;font-size:22px;font-style:normal;display:block}.lesson4-tabs .active{color:#fff;background:#174f45}.lesson4-panel{background:#fff;border:1px solid #d8e6e0;border-radius:30px;max-width:1120px;margin:18px auto 60px;padding:42px}.lesson4-panel>header h2{margin:10px 0;font:700 44px Georgia,Songti SC,serif}.lesson4-panel>header p{color:#6a7e78}.dialogue-grid,.grammar-grid,.question-grid,.homework-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px;display:grid}.dialogue-grid article,.grammar-grid article,.question-grid article,.homework-grid article{background:#f1f8f6;border-radius:22px;padding:24px}.dialogue-grid button,.grammar-grid button,.question-grid button{color:#153f39;text-align:left;cursor:pointer;background:#fff;border:1px solid #d7e5e0;border-radius:12px;justify-content:space-between;width:100%;margin-top:9px;padding:13px 15px;display:flex}.lesson4-deck{text-align:center;max-width:700px;margin:30px auto}.lesson4-card{cursor:pointer;background:#fffaf6;border:1px solid #e5d8cb;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:410px;display:flex}.lesson4-card b{font:700 94px Georgia}.lesson4-card b.meaning{font:700 44px Georgia}.lesson4-card em{color:#8a817a;font-size:28px}.lesson4-card span{color:#9b928b;margin-top:60px}.lesson4-deck footer{justify-content:center;gap:14px;margin-top:18px;display:flex}.lesson4-deck footer button,.family-builder button,.homework-grid button,.surprise button{color:#176b58;cursor:pointer;background:#fff;border:1px solid #bed6cd;border-radius:12px;padding:12px 22px;font-weight:800}.grammar-grid h3{font-size:26px}.family-builder{background:#fff2e9;border-radius:22px;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px;padding:28px;display:grid}.family-builder label{margin-top:12px;display:block}.family-builder input,.family-builder select,.homework-grid textarea{box-sizing:border-box;background:#fff;border:1px solid #cddcd6;border-radius:10px;width:100%;padding:12px}.family-builder>div:last-child{flex-direction:column;justify-content:center;gap:14px;display:flex}.question-grid article>button.chosen.correct{background:#dff4e8;border-color:#4a9e72}.question-grid article>button.chosen.wrong{background:#fde7e1;border-color:#d8745e}.score{text-align:center;margin-top:24px;font-size:24px;display:block}.hanzi-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px;display:grid}.hanzi-grid button{aspect-ratio:1;color:#174f45;background:#edf8f4;border:1px solid #cfe0da;border-radius:20px;font:700 72px Georgia}.hanzi-grid small{color:#668078;font:13px Inter;display:block}.surprise{text-align:center;background:linear-gradient(135deg,#fff3d5,#fbe8ef);border-radius:28px;padding:55px}.surprise span{font-size:100px}.surprise h3{font-size:34px}@media (width<=760px){.lesson4-hero{margin:12px;padding:30px 24px}.lesson4-hero h1{font-size:42px}.lesson4-hero>strong{display:none}.lesson4-tabs{padding:10px 14px}.lesson4-panel{margin:12px;padding:25px 18px}.dialogue-grid,.grammar-grid,.question-grid,.homework-grid,.family-builder{grid-template-columns:1fr}.hanzi-grid{grid-template-columns:repeat(2,1fr)}}.course-root,.generic-lesson{color:#153f39;background:#f7f7f3;min-height:100vh;font-family:Inter,PingFang SC,sans-serif}.course-root>header{background:#fff;border-bottom:1px solid #d8e4df;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex}.course-root>header button,.course-root>header a,.generic-lesson .lesson4-top a{color:#246b5a;background:0 0;border:0;font-weight:800;text-decoration:none}.course-root-hero,.generic-hero{background:linear-gradient(135deg,#e0f4ec,#edf5ff);border-radius:30px;max-width:1100px;margin:34px auto;padding:55px 60px}.course-root-hero small,.generic-hero small{color:#ef7754;letter-spacing:.14em;font-weight:900}.course-root-hero h1,.generic-hero h1{margin:12px 0;font:700 64px Georgia,Songti SC,serif}.course-level{background:#fff;border:1px solid #d9e6e1;border-radius:28px;max-width:1100px;margin:0 auto 70px;overflow:hidden}.course-level-head{align-items:center;gap:24px;padding:30px;display:flex}.course-level-head>span{background:#eaf4f0;border-radius:22px;place-items:center;width:82px;height:82px;font-size:40px;font-weight:900;display:grid}.course-level-head h2{margin:5px 0;font-size:34px}.course-list a{color:#153f39;border-top:1px solid #e2ebe7;grid-template-columns:130px 1fr auto;align-items:center;gap:22px;padding:22px 30px;text-decoration:none;display:grid}.course-list a:hover{background:#f1f8f5}.course-list b{font-size:20px}.course-list em{color:#287764;font-style:normal}.preview-cloud{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px;display:grid}.preview-cloud button{color:#153f39;background:#f3f9f7;border:1px solid #d7e5e0;border-radius:18px;padding:22px 10px}.preview-cloud b,.preview-cloud span{display:block}.preview-cloud b{font-size:27px}.preview-cloud span{color:#6b8079;margin-top:6px}.empty-learning{text-align:center;background:#f3f7f6;border-radius:22px;flex-direction:column;gap:12px;margin-top:28px;padding:45px;display:flex}.generic-lesson .homework-grid textarea{box-sizing:border-box;border:1px solid #ccdcd6;border-radius:12px;width:100%;padding:13px}@media (width<=760px){.course-root-hero,.generic-hero{margin:12px;padding:32px 22px}.course-root-hero h1,.generic-hero h1{font-size:43px}.course-level{margin:12px}.course-list a{grid-template-columns:1fr}.course-list em{display:none}.preview-cloud{grid-template-columns:repeat(2,1fr)}}.navlinks .nav-button{color:#827a73;white-space:nowrap;align-items:center;text-decoration:none;display:flex}.navlinks .nav-button:hover{color:var(--coral-dark)}.portal-shell{color:#153c38;width:min(1180px,100% - 32px);margin:auto;padding-bottom:64px}.portal-header{border-bottom:1px solid #dce8e4;justify-content:space-between;align-items:center;height:82px;display:flex}.portal-header>div{flex-direction:column;display:flex}.portal-header b{font-size:22px}.portal-header span{color:#80918e;font-size:13px}.portal-header nav{gap:24px;display:flex}.portal-header a{color:#153c38;text-decoration:none}.student-welcome{background:linear-gradient(130deg,#e8f6ff,#fff0f4);border-radius:30px;justify-content:space-between;align-items:center;margin:32px 0;padding:38px;display:flex}.portal-eyebrow{color:#ff8050;letter-spacing:.15em;font-size:13px;font-weight:800}.student-welcome h1{margin:8px 0;font-family:Georgia,Noto Serif SC,serif;font-size:44px}.student-welcome p{color:#647875;margin:0}.progress-orb{text-align:center;background:#fff;border-radius:50%;place-content:center;width:130px;height:130px;display:grid;box-shadow:0 20px 50px #1d5f4b18}.progress-orb b{font-size:38px}.progress-orb span{color:#70817e;font-size:13px}.course-library{gap:18px;display:grid}.section-heading{justify-content:space-between;align-items:flex-end;display:flex}.section-heading h2{margin:7px 0;font:700 34px Georgia,Noto Serif SC,serif}.section-heading>p{color:#71827f}.trial-course{color:#153c38;background:linear-gradient(120deg,#e5f5ff,#fff0f4);border:1px solid #cfe7ef;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px;text-decoration:none;display:grid}.course-symbol,.level-number{color:#fff;background:#ff8050;border-radius:18px;place-items:center;width:62px;height:62px;font-size:26px;font-weight:800;display:grid}.trial-course small,.level-card small{color:#ff8050;letter-spacing:.12em;font-weight:800}.trial-course h2,.trial-course p,.level-card h2,.level-card p{margin:4px 0}.trial-course p,.level-card p{color:#6e807d}.trial-course strong{color:#246a59}.course-tree{gap:14px;display:grid}.level-card{background:#fff;border:1px solid #dce8e4;border-radius:22px;padding:22px}.level-card.locked{color:#9aa4a1;background:#f5f5f3}.level-card-head{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.level-card .level-number{color:#153c38;background:#edf5f2}.level-card-head>b{color:#246a59;font-size:13px}.lesson-list{border-top:1px solid #dce8e4;margin:18px 0 0 80px}.lesson-list>a{color:#153c38;border-bottom:1px solid #dce8e4;grid-template-columns:110px 1fr auto;padding:18px 4px;text-decoration:none;display:grid}.lesson-list em{color:#246a59;font-style:normal}@media (width<=720px){.portal-header{align-items:flex-start;height:auto;padding:18px 0}.portal-header nav{gap:12px;font-size:13px}.student-welcome{align-items:flex-start;padding:24px}.student-welcome h1{font-size:32px}.progress-orb{width:88px;height:88px}.portal-shell{width:min(100% - 20px,1180px)}.section-heading>p{display:none}.trial-course{grid-template-columns:auto 1fr}.trial-course strong{grid-column:2}.level-card-head{grid-template-columns:auto 1fr}.level-card-head>b{grid-column:2}.lesson-list{margin-left:0}.lesson-list>a{grid-template-columns:80px 1fr}.lesson-list em{grid-column:2}}.workbook-homework{gap:28px;width:100%;min-width:0;max-width:100%;display:grid;overflow:hidden}.workbook-homework,.workbook-homework *{box-sizing:border-box}.workbook-homework>*{min-width:0}.workbook-intro{min-width:0;padding-bottom:8px}.workbook-intro small,.workbook-question header small,.workbook-pages header small{color:#ef7756;letter-spacing:.12em;font-weight:800}.workbook-intro h2{overflow-wrap:anywhere;max-width:100%;margin:10px 0;font-size:clamp(34px,5vw,60px)}.workbook-intro p{overflow-wrap:anywhere}.workbook-audio{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;min-width:0;display:grid}.workbook-audio article{background:#f5faf8;border:1px solid #d8e8e2;border-radius:26px;gap:16px;min-width:0;padding:22px;display:grid}.workbook-audio div{justify-content:space-between;gap:12px;min-width:0;display:flex}.workbook-audio b,.workbook-audio span{overflow-wrap:anywhere}.workbook-audio span{color:#62746e}.workbook-audio audio{width:100%;min-width:0;max-width:100%;display:block}.workbook-question,.workbook-pages,.workbook-notes{background:#f7fbfa;border:1px solid #d7e7e1;border-radius:28px;width:100%;min-width:0;max-width:100%;padding:clamp(22px,4vw,42px);overflow:hidden}.workbook-question h3,.workbook-pages h3{overflow-wrap:anywhere;margin:10px 0;font-size:clamp(26px,3vw,38px)}.tone-example{color:#8a4c32;background:#fff3e9;border-radius:12px;padding:9px 14px;display:inline-block}.workbook-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;min-width:0;margin-top:24px;display:grid}.workbook-inputs label{background:#fff;border:2px solid #d9e6e2;border-radius:18px;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;min-height:105px;padding:14px;display:flex}.workbook-inputs label>span{color:#ef7756;font-weight:800}.workbook-inputs input{background:0 0;border:0;border-bottom:3px solid #55736b;outline:0;width:80px;min-width:0;max-width:100%;font-size:22px}.workbook-inputs em,.mock-inputs em{width:100%;font-size:13px;font-style:normal}.correct{color:#286c55;border-color:#55a485!important}.wrong{color:#a94739;border-color:#e69b8f!important}.mock-practice>img{border-radius:16px;width:100%;max-width:900px;margin:22px auto;display:block}.mock-inputs{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;min-width:0;display:grid}.mock-inputs label{background:#fff;border:2px solid #d9e6e2;border-radius:16px;gap:8px;min-width:0;padding:14px;display:grid}.mock-inputs input{text-align:center;border:0;border-bottom:3px solid #55736b;outline:0;width:100%;min-width:0;font-size:24px}.workbook-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.workbook-pages>header{grid-column:1/-1}.workbook-pages article{background:#fff;border:1px solid #e0e6e3;border-radius:18px;min-width:0;overflow:hidden}.workbook-pages article>div{justify-content:space-between;padding:14px 18px;display:flex}.workbook-pages img{width:100%;height:auto;display:block}.workbook-notes label{gap:12px;display:grid}.workbook-notes textarea{width:100%;min-width:0;font:inherit;resize:vertical;border:1px solid #bdd4cc;border-radius:16px;padding:16px}.workbook-notes small{color:#6f7f7a;margin-top:8px;display:block}@media (width<=1050px){.workbook-audio{grid-template-columns:repeat(2,minmax(0,1fr))}.workbook-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-inputs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=800px){.workbook-inputs,.mock-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.workbook-pages,.workbook-audio{grid-template-columns:1fr}}@media (width<=480px){.workbook-question,.workbook-pages,.workbook-notes{padding:18px}.workbook-inputs,.mock-inputs{grid-template-columns:1fr}.workbook-audio article{padding:18px}}.mock-section{border-top:1px solid #d7e7e1;margin-top:28px;padding-top:28px}.mock-section:first-of-type{border-top:0;padding-top:0}.mock-section-heading{color:#527068;justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.mock-section>img{border-radius:16px;width:100%;max-width:900px;height:auto;margin:0 auto 18px;display:block}@media (width<=480px){.workbook-homework{gap:18px;overflow-x:hidden}.workbook-intro h2{font-size:32px;line-height:1.12}.workbook-intro p{font-size:15px;line-height:1.6}.workbook-audio{grid-template-columns:minmax(0,1fr);gap:12px}.workbook-audio article{border-radius:18px;gap:12px;padding:16px}.workbook-audio div{flex-direction:column;align-items:flex-start;gap:4px}.workbook-audio audio{height:42px}.workbook-question,.workbook-pages,.workbook-notes{border-radius:20px;padding:18px 14px}.workbook-question h3,.workbook-pages h3{font-size:24px;line-height:1.25}.workbook-question header p{font-size:14px;line-height:1.55}.tone-example{padding:10px 12px;display:block}.workbook-inputs,.mock-inputs{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px}.workbook-inputs label{min-height:82px;padding:12px}.workbook-inputs input{width:min(130px,60%);font-size:20px}.mock-inputs label{padding:12px}.mock-section{margin-top:20px;padding-top:20px}.mock-section-heading{font-size:14px}.mock-section>img{border-radius:10px;margin-bottom:12px}.mock-inputs input{min-height:40px;font-size:20px}.workbook-pages article>div{flex-wrap:wrap;gap:8px;padding:12px}.workbook-notes textarea{font-size:16px}}.lesson-shell{min-height:100vh;color:var(--ink);background:#f8fbfa;padding-bottom:72px}.lesson-shell .portal-header{width:min(100% - 40px,1240px);margin:auto}.lesson-shell .portal-header>div{flex-direction:column;gap:4px;display:flex}.lesson-shell .portal-header span{color:var(--muted);font-size:13px}.lesson-shell .portal-header a{color:var(--ink);text-decoration:none}.lesson-hero,.lesson-tabs,.lesson-panel{width:min(100% - 40px,1240px);margin-left:auto;margin-right:auto}.lesson-hero{background:linear-gradient(125deg,#dff4ff,#edf1ff 55%,#ffe6ec);border-radius:36px;grid-template-columns:1.4fr .6fr;align-items:center;gap:28px;min-height:340px;margin-top:28px;padding:56px 64px;display:grid;overflow:hidden}.portal-eyebrow,.panel-intro small,.tone-reading>small,.listening-sheet>small,.workbook-question>small{color:#ff7851;letter-spacing:.14em;font-size:12px;font-weight:800}.lesson-hero h1{margin:14px 0 8px;font-family:Georgia,Songti SC,serif;font-size:58px}.lesson-hero p{color:var(--muted);font-size:18px}.lesson-tags{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.lesson-tags span{background:#fff9;border:1px solid #fff;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.lesson-hero-mark{text-align:center;color:#173f39;font-family:Georgia,Songti SC,serif;font-size:96px}.lesson-hero-mark small{color:#2080ad;margin-top:8px;font-size:32px;display:block}.lesson-tabs{gap:10px;margin-top:26px;padding:2px 2px 8px;display:flex;overflow-x:auto}.lesson-tabs button{min-width:max-content;color:var(--ink);background:#fff;border:1px solid #dbe8e4;border-radius:18px;align-items:center;gap:9px;padding:12px 18px;font-size:15px;font-weight:800;display:flex}.lesson-tabs button i{background:#e8f6fc;border-radius:12px;padding:8px 10px;font-style:normal}.lesson-tabs button.active{color:#fff;background:#153f39}.lesson-panel{background:#fff;border:1px solid #deebe7;border-radius:32px;margin-top:12px;padding:48px}.panel-intro{align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.panel-intro>span{color:#187ca8;background:#e5f5fd;border-radius:18px;place-items:center;width:58px;height:58px;font-weight:900;display:grid}.panel-intro h2{margin:7px 0;font:700 40px/1.1 Georgia,Songti SC,serif}.panel-intro p{color:var(--muted);margin:0;font-size:17px}.audio-feature{background:#fff6f1;border:1px solid #ffe2d5;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin:24px 0;padding:20px 24px;display:flex}.audio-feature b{font-size:18px}.audio-feature p{color:var(--muted);margin:5px 0 0}.audio-feature audio{width:min(430px,48%)}.syllable-card{text-align:center;background:linear-gradient(90deg,#e9f7ff,#fff0f4);border-radius:24px;justify-content:center;align-items:center;gap:20px;margin:28px 0;padding:28px;display:flex}.syllable-card div{background:#fff;border-radius:18px;min-width:190px;padding:18px}.syllable-card small{color:var(--muted);font-size:10px}.syllable-card h3{margin:5px 0}.syllable-card>strong{color:#ff7954;font-size:28px}.sound-system-grid,.dialogue-strip{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.sound-system-grid article{background:#fbfdfc;border:1px solid #dae8e4;border-radius:20px;padding:22px}.sound-system-grid b{font-size:18px}.sound-system-grid p{color:#43635e;line-height:1.7}.section-heading{margin:40px 0 18px;font-size:25px}.word-card-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.lesson-word-card{min-height:210px;color:var(--ink);background:#fff;border:1px solid #dbe8e4;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 14px;display:flex}.lesson-word-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #153f3912}.lesson-word-card>span{font-size:42px}.lesson-word-card b{font-size:30px}.lesson-word-card strong{color:#2183ad;font-size:18px}.lesson-word-card small{color:var(--muted)}.lesson-word-card em{color:#ef6e49;margin-top:7px;font-style:normal;font-weight:800}.dialogue-strip{margin-top:34px}.dialogue-strip article{background:#eef8fc;border-radius:18px;padding:20px}.dialogue-strip small{color:#ff7851}.dialogue-strip b,.dialogue-strip span{margin-top:8px;display:block}.tone-reading,.listening-sheet{background:#f3f9fb;border-radius:24px;margin:26px 0;padding:28px}.tone-reading h3,.listening-sheet h3{font-size:24px}.tone-reading>div{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.tone-reading button{color:var(--ink);background:#fff;border:1px solid #d9e9e5;border-radius:14px;justify-content:space-between;padding:15px 18px;font-size:20px;display:flex}.tone-reading button span{color:#ff7851}.question-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.workbook-question{border:1px solid #e0ebe7;border-radius:22px;padding:24px}.workbook-question h3{min-height:58px}.choice-list{gap:9px;display:grid}.choice-list button{text-align:left;background:#fff;border:1px solid #d9e8e4;border-radius:13px;padding:13px;font-size:16px}.choice-list button.correct{background:#edf9f3;border-color:#37aa75}.choice-list button.wrong{background:#fff2f2;border-color:#e56b6b}.feedback-ok{color:#16865a;font-weight:800}.feedback-retry{color:#c34d4d;font-weight:800}.attempt-note{color:var(--muted);font-size:12px}.fill-groups{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.fill-groups label{font-weight:800}.fill-groups textarea{width:100%;min-height:110px;font:inherit;border:1px solid #cfdeda;border-radius:14px;margin-top:8px;padding:12px;display:block}.listening-sheet>p{color:var(--muted);font-size:13px}.record-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.record-card{border:1px solid #dbe8e4;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.record-card div{flex-direction:column;gap:5px;display:flex}.record-card span{color:var(--muted);font-size:12px}.record-card button{border:0;border-radius:999px;padding:11px 15px;font-weight:800}.listen-round{color:#ff7851;background:#fff1ec;width:44px;height:44px}.record-card button.recording{color:#b52828;background:#ffe0e0}.record-card audio{grid-column:1/-1;width:100%}.completion-count{color:#217a5e;font-weight:800}.hanzi-steps{grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;display:grid}.hanzi-steps span{text-align:center;background:#fff4ed;border-radius:14px;padding:13px;font-weight:800}.stroke-lab{grid-template-columns:280px 1fr;gap:20px;min-height:720px;display:grid}.stroke-lab>div{background:#f2faf7;border-radius:22px;padding:24px}.stroke-lab>div>span{color:var(--muted);margin-bottom:12px;display:block}.stroke-lab>div>button{background:#fff;border:1px solid #d4e4df;border-radius:15px;margin-right:8px;padding:10px 18px;font-size:42px}.stroke-lab a{color:#18765e;margin-top:14px;font-weight:800;display:inline-block}.stroke-lab iframe{background:#fff;border:1px solid #dce8e5;border-radius:22px;width:100%;height:720px}.homework-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}.assignment-card,.submission-card{border:1px solid #dce8e5;border-radius:22px;padding:26px}.assignment-card>span{color:#ff7851;font-weight:800}.assignment-card li{margin:12px 0}.assignment-card small{color:#bd563a;background:#fff0e9;border-radius:999px;padding:8px 12px;display:inline-block}.submission-card{gap:14px;display:grid}.submission-card label{font-weight:800}.submission-card input,.submission-card select,.submission-card textarea{width:100%;font:inherit;border:1px solid #d4e2de;border-radius:12px;margin-top:7px;padding:12px;display:block}.submission-card textarea{min-height:100px}.submission-card button{color:#fff;background:#ff7b51;border:0;border-radius:14px;padding:14px;font-weight:900}@media (width<=760px){.lesson-shell .portal-header{flex-direction:column;gap:14px;width:min(100% - 24px,1240px)}.lesson-hero,.lesson-tabs,.lesson-panel{width:min(100% - 20px,1240px)}.lesson-hero{border-radius:25px;grid-template-columns:1fr;min-height:auto;margin-top:12px;padding:30px 24px}.lesson-hero h1{font-size:42px}.lesson-hero-mark{font-size:62px}.lesson-hero-mark small{font-size:23px}.lesson-tabs{margin-top:16px}.lesson-panel{border-radius:24px;padding:24px 18px}.panel-intro>span{flex:0 0 46px;width:46px;height:46px}.panel-intro h2{font-size:31px}.audio-feature{flex-direction:column;align-items:stretch}.audio-feature audio{width:100%}.syllable-card{flex-direction:column;gap:9px}.syllable-card>strong{line-height:.7}.syllable-card div{width:100%;min-width:0}.sound-system-grid,.dialogue-strip,.question-grid,.fill-groups,.record-grid,.homework-layout{grid-template-columns:1fr}.word-card-grid{grid-template-columns:repeat(2,1fr);gap:10px}.lesson-word-card{min-height:180px;padding:14px 8px}.lesson-word-card>span{font-size:34px}.lesson-word-card b{font-size:25px}.tone-reading>div{grid-template-columns:1fr}.record-card{grid-template-columns:auto 1fr}.record-card>button:last-of-type{grid-column:1/-1}.hanzi-steps{grid-template-columns:1fr 1fr}.stroke-lab{grid-template-columns:1fr;min-height:0}.stroke-lab iframe{height:620px}}.homework-workbook-link{background:linear-gradient(120deg,#173f39,#27685d);border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin:-4px 0 22px;padding:22px 24px;text-decoration:none;display:flex;color:#fff!important}.homework-workbook-link b{font-size:20px}.homework-workbook-link span{text-align:right;color:#d9eee8!important}@media (width<=760px){.homework-workbook-link{flex-direction:column;align-items:flex-start}.homework-workbook-link span{text-align:left}}.lesson-tool-launch{background:linear-gradient(125deg,#f0faf7,#eef8ff);border:1px solid #d8e7e2;border-radius:26px;grid-template-columns:86px 1fr auto;align-items:center;gap:24px;padding:32px;display:grid}.lesson-tool-launch>span{color:#17483f;background:#dff3ed;border-radius:22px;place-items:center;width:76px;height:76px;font:700 42px Georgia,Songti SC,serif;display:grid}.lesson-tool-launch small{color:#ef7853;letter-spacing:.12em;font-weight:900}.lesson-tool-launch h3{margin:7px 0;font-size:25px}.lesson-tool-launch p{color:var(--muted);margin:0}.lesson-tool-launch a{background:#17483f;border-radius:15px;padding:14px 19px;font-weight:900;text-decoration:none;display:inline-block;color:#fff!important}.egg-launch{background:linear-gradient(125deg,#fff8e8,#fff0f5)}.egg-launch>span{background:#fff0c9}@media (width<=760px){.lesson-tool-launch{grid-template-columns:60px 1fr;gap:16px;padding:22px 18px}.lesson-tool-launch>span{width:58px;height:58px;font-size:32px}.lesson-tool-launch a{text-align:center;grid-column:1/-1}}.xiaoyu-video{background:#163f39;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 20px 54px #173f3924}.xiaoyu-video video{aspect-ratio:16/9;background:#163f39;width:100%;display:block}.xiaoyu-video>span{color:#17483f;background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900;position:absolute;top:18px;left:18px;box-shadow:0 5px 18px #0002}.native-hanzi-lab{grid-template-columns:260px 1fr;gap:22px;display:grid}.hanzi-word-list{background:#f2faf7;border-radius:22px;flex-direction:column;gap:9px;padding:22px;display:flex}.hanzi-word-list>small,.hanzi-workspaces small{color:#ef7853;letter-spacing:.1em;font-weight:900}.hanzi-word-list button{text-align:left;color:#17483f;background:#fff;border:1px solid #d7e6e1;border-radius:14px;grid-template-columns:1fr auto;padding:12px;display:grid}.hanzi-word-list button.active{background:#e6f6ef;border-color:#258466}.hanzi-word-list b{font-size:20px}.hanzi-word-list span{color:#2381aa}.hanzi-word-list em{color:#71827c;grid-column:1/-1;margin-top:3px;font-size:12px;font-style:normal}.hanzi-stage{min-width:0}.hanzi-stage>header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.hanzi-stage>header>div{flex-direction:column;display:flex}.hanzi-stage>header strong{font:700 36px Georgia,Songti SC,serif}.hanzi-stage>header span{color:#667a74}.hanzi-stage>header nav{flex-wrap:wrap;gap:7px;display:flex}.hanzi-stage>header button{background:#fff;border:1px solid #d3e1dd;border-radius:11px;padding:9px 13px;font-size:21px}.hanzi-stage>header button.active{color:#fff;background:#17483f}.hanzi-workspaces{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hanzi-workspaces>section{background:#fbfdfc;border:1px solid #dce8e5;border-radius:20px;padding:18px}.hanzi-writer-host,.writing-grid{aspect-ratio:1;background:linear-gradient(90deg,#0000 49.7%,#dfe6e2 50%,#0000 50.3%),linear-gradient(#0000 49.7%,#dfe6e2 50%,#0000 50.3%);border:1px solid #d5ddd8;border-radius:12px;width:min(100%,360px);margin:12px auto;overflow:hidden}.hanzi-writer-host svg{width:100%!important;height:100%!important}.writing-grid canvas{touch-action:none;width:100%;height:100%;display:block}.hanzi-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hanzi-controls button{color:#17483f;background:#fff;border:1px solid #cad9d4;border-radius:11px;padding:9px 12px;font-weight:800}.hanzi-controls button.active{color:#fff;background:#17483f}@media (width<=900px){.native-hanzi-lab{grid-template-columns:1fr}.hanzi-word-list{grid-template-columns:repeat(2,1fr);display:grid}.hanzi-word-list>small{grid-column:1/-1}.hanzi-workspaces{grid-template-columns:1fr}}@media (width<=560px){.hanzi-word-list{grid-template-columns:1fr}.hanzi-stage>header{flex-direction:column;align-items:flex-start}}.official-audio-note{color:#637872;margin:-8px 0 16px;font-size:13px}.embedded-workbook{background:#f5faf8;border:1px solid #d9e8e3;border-radius:26px;grid-column:1/-1;margin-bottom:24px;padding:26px}.embedded-workbook>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.embedded-workbook>header small{color:#ef7853;letter-spacing:.12em;font-weight:900}.embedded-workbook>header h3{margin:7px 0;font:700 32px Georgia,Songti SC,serif}.embedded-workbook>header p{color:#627670}.embedded-workbook>header>b{color:#fff;background:#17483f;border-radius:50%;place-items:center;width:78px;height:78px;font-size:21px;display:grid}.embedded-workbook>header>b span{color:#d5e9e4;font-size:11px}.embedded-workbook .workbook-audio-section{margin:20px 0}.embedded-workbook-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.embedded-workbook-pages>article{background:#fff;border:1px solid #dce6e2;border-radius:19px;overflow:hidden}.embedded-workbook-pages>article.complete{border:2px solid #39a984}.embedded-workbook-pages>article>div{justify-content:space-between;padding:13px 15px;display:flex}.embedded-workbook-pages img{border-block:1px solid #ebe8e1;width:100%;height:auto;display:block}.embedded-workbook-pages>article>label{padding:14px;font-weight:800;display:block}.embedded-workbook-pages textarea{box-sizing:border-box;resize:vertical;border:1px solid #d8e2df;border-radius:11px;width:100%;min-height:66px;margin-top:7px;padding:10px;display:block}@media (width<=760px){.embedded-workbook{padding:17px}.embedded-workbook-pages{grid-template-columns:1fr}.embedded-workbook>header h3{font-size:27px}}.workbook-sync-status{color:#175447;background:#e8f5f0;border-radius:12px;margin:14px 0 0;padding:10px 14px;font-weight:800}.workbook-auto-grade{background:#fff;border:1px solid #d8e8e3;border-radius:22px;margin:20px 0;padding:22px}.workbook-auto-grade small{color:#ed7853;letter-spacing:.1em;font-weight:900}.workbook-auto-grade h4{margin:5px 0;font-size:24px}.workbook-auto-grade p{color:#64766f}.workbook-answer-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.workbook-answer-grid label{grid-template-columns:1fr;gap:5px;display:grid;position:relative}.workbook-answer-grid span{color:#64766f;font-size:13px;font-weight:900}.workbook-answer-grid input{box-sizing:border-box;text-align:center;text-transform:uppercase;border:2px solid #d9e5e1;border-radius:10px;width:100%;min-width:0;padding:10px 5px;font-size:16px;font-weight:900}.workbook-answer-grid label.is-correct input{background:#effaf6;border-color:#2aa276}.workbook-answer-grid label.is-wrong input{background:#fff1ee;border-color:#e16958}.workbook-answer-grid em{color:#64766f;font-size:12px;font-style:normal}.answer-feedback{font-size:14px;margin-bottom:0!important}.embedded-workbook-pages>article>small{color:#357361;padding:0 14px 14px;font-weight:800;display:block}@media (width<=760px){.workbook-answer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.workbook-auto-grade{padding:16px}}.workbook-listening-practice{grid-column:1/-1;gap:18px;margin:20px 0;display:grid}.workbook-practice-heading,.workbook-listening-practice>article{background:#fff;border:1px solid #d8e8e3;border-radius:22px;padding:22px}.workbook-practice-heading small{color:#ed7853;letter-spacing:.1em;font-weight:900}.workbook-practice-heading h4{margin:5px 0;font-size:26px}.workbook-practice-heading p{color:#64766f;margin:0}.workbook-listening-practice article>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.workbook-listening-practice article>header b{font-size:20px;display:block}.workbook-listening-practice article>header span{color:#58736b;margin-top:5px;font-weight:700;display:block}.workbook-listening-practice article>header p{color:#64766f;margin:4px 0 0}.workbook-listening-practice article>header em{white-space:nowrap;color:#1e6653;background:#eef7f4;border-radius:999px;padding:7px 10px;font-style:normal;font-weight:900}.workbook-fill-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.workbook-fill-grid label{background:#f7fbfa;border-radius:12px;grid-template-columns:auto auto minmax(62px,1fr) auto;align-items:center;gap:7px;min-height:48px;padding:8px;display:grid}.workbook-fill-grid .item-number{color:#ed7853;font-weight:900}.workbook-fill-grid strong{font-size:18px}.workbook-fill-grid input{box-sizing:border-box;background:0 0;border:0;border-bottom:2px solid #56766d;width:100%;min-width:0;padding:7px 4px;font-size:18px;font-weight:800}.workbook-fill-grid label.is-correct{background:#effaf6}.workbook-fill-grid label.is-wrong{background:#fff1ee}.workbook-fill-grid label.is-correct input{border-color:#2aa276}.workbook-fill-grid label.is-wrong input{border-color:#e16958}.workbook-fill-grid small{color:#64766f;grid-column:2/-1;min-height:16px;font-weight:800}.audio-card-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.audio-card-title span{white-space:nowrap;color:#1e6653;background:#eef7f4;border-radius:999px;padding:6px 9px;font-size:13px;font-weight:900}@media (width<=900px){.workbook-fill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.workbook-fill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workbook-listening-practice article>header{display:block}.workbook-listening-practice article>header em{margin-top:10px;display:inline-block}}.workbook-page-grade{background:#fffaf6;border-color:#f1d8ca;margin:0 14px 18px}.workbook-page-grade .workbook-answer-grid{grid-template-columns:repeat(4,minmax(0,150px))}.workbook-page-grade h4{font-size:22px}@media (width<=600px){.workbook-page-grade .workbook-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.workbook-detailed-test{gap:18px;display:grid}.mock-question-group{background:#f8fbfa;border:1px solid #d8e8e3;border-radius:20px;padding:22px}.mock-question-group>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.mock-question-group>header b{font-size:19px}.mock-question-group>header p{color:#64766f;margin:5px 0}.mock-question-group>header em{white-space:nowrap;color:#1d6653;background:#e8f4f0;border-radius:999px;padding:7px 10px;font-style:normal;font-weight:900}.mock-question-group>img{object-fit:contain;background:#fff;border:1px solid #e4ebe8;border-radius:16px;width:min(100%,980px);max-height:620px;margin:18px auto;display:block}.mock-question-list{gap:10px;margin-top:16px;display:grid}.mock-question-row{background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:18px;padding:14px 16px;display:grid}.mock-question-row strong{font-size:18px}.mock-question-row p{color:#365a52;margin:7px 0 0;line-height:1.8}.mock-answer-field{grid-template-columns:auto minmax(72px,1fr);align-items:center;gap:8px;display:grid}.mock-answer-field span{color:#ed7853;font-weight:900}.mock-answer-field input{box-sizing:border-box;text-align:center;text-transform:uppercase;background:0 0;border:0;border-bottom:2px solid #56766d;width:100%;min-width:0;padding:8px 4px;font-size:18px;font-weight:900}.mock-answer-field em{color:#64766f;grid-column:2;font-size:12px;font-style:normal}.mock-answer-field.is-correct input{background:#effaf6;border-color:#2aa276}.mock-answer-field.is-wrong input{background:#fff1ee;border-color:#e16958}@media (width<=700px){.mock-question-group{padding:16px}.mock-question-row{grid-template-columns:1fr}.mock-answer-field{grid-template-columns:auto 1fr}.mock-answer-field em{grid-column:2}.mock-question-group>header{display:block}.mock-question-group>header em{margin-top:8px;display:inline-block}}.tone-answer-example{color:#624b42;background:#fff6ef;border-radius:12px;margin:16px 0 0;padding:12px 14px}.tone-answer-example strong{color:#d85f3f;font-size:1.08em}.tone-reading>div>p{color:var(--ink);background:#fff;border:1px solid #d9e9e5;border-radius:14px;margin:0;padding:15px 18px;font-size:20px}.listen-write-set{gap:18px;margin:26px 0;display:grid}.listen-write-set .listening-sheet{margin:0}.listening-sheet h3 span{color:#53716a;margin-top:7px;font-size:15px;font-weight:600;display:block}.syllable-fill-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 22px;margin-top:20px;display:grid}.syllable-fill-grid label{justify-content:center;align-items:flex-end;min-width:0;font-size:21px;display:flex}.syllable-fill-grid input{box-sizing:border-box;text-align:center;background:0 0;border:0;border-bottom:2px solid #52736b;border-radius:0;outline:none;width:72px;min-width:0;padding:5px 4px;font:700 20px/1.2 inherit}.syllable-fill-grid input:focus{background:#e9f7fc;border-bottom-color:#187ca8}.syllable-fill-grid b{padding:5px 2px;font-weight:600}.tone-fill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px;margin-top:20px;display:grid}.tone-fill-grid label{align-items:center;gap:10px;font-size:21px;display:flex}.tone-fill-grid b{min-width:58px}.tone-fill-grid input{box-sizing:border-box;text-align:center;background:0 0;border:0;border-bottom:2px solid #52736b;outline:none;width:48px;padding:5px;font:700 20px/1.2 inherit}.tone-fill-grid input:focus{background:#e9f7fc;border-bottom-color:#187ca8}@media (width<=760px){.syllable-fill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tone-fill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.syllable-fill-grid input{width:60px}}.syllable-fill-grid label,.tone-fill-grid label{padding-bottom:18px;position:relative}.syllable-fill-grid input.correct,.tone-fill-grid input.correct{background:#eaf8f2;border-bottom-color:#23976f}.syllable-fill-grid input.wrong,.tone-fill-grid input.wrong{background:#fff0ed;border-bottom-color:#d55d50}.answer-status{white-space:nowrap;font-size:12px;font-weight:900;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.answer-status.correct{color:#16865a}.answer-status.wrong{color:#c34d4d}.auto-check-note{color:#225f50;background:#eaf7f2;border-radius:14px;margin:0;padding:13px 16px;font-size:14px;font-weight:800}.lesson-course-nav{background:#fff;border:1px solid #dce9e5;border-radius:24px;width:min(100% - 40px,1240px);margin:22px auto 0;padding:14px;box-shadow:0 14px 38px #173f390a}.lesson-course-summary{justify-content:space-between;align-items:center;padding:3px 6px 12px;display:flex}.lesson-course-summary span{color:#ef7853;letter-spacing:.14em;font-size:12px;font-weight:900}.lesson-course-summary strong{color:#58716b;font-size:13px}.lesson-course-strip{grid-template-columns:repeat(15,minmax(62px,1fr));gap:7px;padding-bottom:3px;display:grid;overflow-x:auto}.lesson-course-strip a{color:#17483f;text-align:center;background:#f8fbfa;border:1px solid #dfebe7;border-radius:13px;min-width:62px;padding:9px 7px;text-decoration:none;transition:all .18s}.lesson-course-strip a:hover{border-color:#77ad9d;transform:translateY(-1px)}.lesson-course-strip a span{font:800 19px/1 Georgia,serif;display:block}.lesson-course-strip a b{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;font-weight:700;display:block;overflow:hidden}.lesson-course-strip a.active{color:#fff;background:#17483f;border-color:#17483f;box-shadow:0 8px 18px #17483f2b}.lesson-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100% - 40px,1240px);margin:22px auto 0;display:grid}.lesson-pagination a{color:#17483f;background:#fff;border:1px solid #d9e7e3;border-radius:20px;flex-direction:column;justify-content:center;min-height:82px;padding:18px 22px;text-decoration:none;display:flex}.lesson-pagination a.next{text-align:right;align-items:flex-end}.lesson-pagination span{color:#6a7f79;letter-spacing:.05em;font-size:12px;font-weight:800}.lesson-pagination b{margin-top:6px;font:700 20px Georgia,Songti SC,serif}.lesson-pagination a:hover{border-color:#80b5a5;box-shadow:0 12px 28px #173f3910}@media (width<=760px){.lesson-course-nav,.lesson-pagination{width:min(100% - 20px,1240px)}.lesson-course-nav{border-radius:19px;margin-top:12px;padding:11px}.lesson-course-strip{grid-template-columns:repeat(15,68px)}.lesson-course-strip a{min-width:68px}.lesson-pagination{grid-template-columns:1fr;gap:10px}.lesson-pagination a.next{text-align:left;align-items:flex-start}}.tone-audio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tone-audio-grid button{color:#173f39;min-width:0;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e9e5;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;display:flex}.tone-audio-grid button:hover{border-color:#ff7851;box-shadow:0 8px 22px #153f3910}.tone-audio-grid b{overflow-wrap:anywhere;font-size:20px}.tone-audio-grid span{color:#ef6e49;flex:none;font-weight:800}.dialogue-strip article>button{color:#173f39;width:100%;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:10px;justify-content:space-between;margin-top:8px;padding:10px 12px;font-weight:800;display:flex}.full-hanzi-tool{background:#f8fbfa;border:1px solid #dce8e5;border-radius:24px;width:100%;min-height:920px;display:block}@media (width<=760px){.tone-audio-grid{grid-template-columns:1fr}.tone-audio-grid button{padding:15px}.tone-audio-grid b{font-size:17px}.full-hanzi-tool{border-radius:16px;min-height:1080px}}.guided-hero{background:linear-gradient(125deg,#edf8ff,#fff2e8 58%,#eef8f2)}.lesson-3-hero{background:linear-gradient(125deg,#fff4dc,#edf6ff 55%,#f2edff)}.guided-hero img{aspect-ratio:1.58;object-fit:cover;border-radius:28px;width:min(44%,500px);box-shadow:0 24px 55px #263d3028}.guided-words{grid-template-columns:repeat(5,1fr)}.guided-dialogues{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.guided-dialogues article{background:#f9fcfb;border:1px solid #dbe8e4;border-radius:22px;padding:22px}.guided-dialogues small,.grammar-grid small,.speaking-stage small{color:#ff7851;letter-spacing:.1em;font-weight:800}.guided-dialogues button,.grammar-grid button{text-align:left;color:#153c38;background:0 0;border:0;border-bottom:1px solid #e3ece9;justify-content:space-between;gap:12px;width:100%;padding:12px 0;font-size:15px;display:flex}.guided-dialogues button span,.grammar-grid button span{color:#ff7851}.grammar-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grammar-grid article{background:#f4faf8;border:1px solid #deebe7;border-radius:22px;padding:26px}.grammar-grid article:nth-child(2n){background:#fff7f2}.grammar-grid h3{margin:8px 0;font-size:25px}.grammar-grid p{color:#58706b;min-height:52px;line-height:1.6}.speaking-stage{background:linear-gradient(120deg,#e8f6ff,#fff0f4);border-radius:24px;margin-top:24px;padding:28px}.speaking-stage h3{font-size:25px}.speaking-stage p{font:700 30px Georgia,Songti SC,serif}.speaking-stage button{color:#fff;background:#ff8050;border:0;border-radius:999px;width:max-content;padding:11px 16px;font-weight:800}@media (width<=900px){.guided-words{grid-template-columns:repeat(3,1fr)}.guided-dialogues{grid-template-columns:1fr}.guided-hero img{width:42%}}@media (width<=760px){.guided-hero img{width:100%}.guided-words{grid-template-columns:repeat(2,1fr)}.grammar-grid{grid-template-columns:1fr}}.workbook-audio-section{background:linear-gradient(135deg,#f2fbf8,#fff7f1);border:1px solid #d8e8e3;border-radius:24px;margin:18px 24px;padding:22px}.workbook-audio-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.workbook-audio-heading small{color:#ed7853;letter-spacing:.1em;font-weight:800}.workbook-audio-heading h3{margin:5px 0 0;font-size:24px}.workbook-audio-heading>span{color:#fff;background:#174b43;border-radius:999px;padding:8px 13px;font-weight:800}.workbook-audio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.workbook-audio-grid article{background:#fff;border:1px solid #e3ebe8;border-radius:18px;padding:16px}.workbook-audio-grid p{color:#697b76;margin:5px 0 13px}.workbook-audio-grid audio{width:100%}.workbook-audio-note{color:#667873;margin:14px 0 0;font-size:14px}@media (width<=760px){.workbook-audio-grid{grid-template-columns:1fr}.workbook-audio-heading{align-items:flex-start}.workbook-audio-section{margin:12px;padding:16px}}.later-lesson-hero{background:linear-gradient(125deg,#e9f7f2,#eef3ff 55%,#fff0e8)}.editable-placeholder{background:#f7fbfa;border:2px dashed #cbded8;border-radius:22px;min-height:180px;padding:28px}.editable-placeholder b{font-size:20px}.editable-placeholder p{color:#69807a}.vocab-deck{background:linear-gradient(145deg,#fffdfb,#f8f0e8);border:1px solid #e4ddd5;border-radius:28px;padding:34px;box-shadow:0 24px 60px #4d392118}.vocab-heading{justify-content:space-between;align-items:start;gap:30px;display:flex}.vocab-heading small{color:#d87953;letter-spacing:.13em;font-weight:800}.vocab-heading h2{margin:6px 0;font:700 36px Georgia,Songti SC,serif}.vocab-heading p{color:#746d67;margin:0}.vocab-modes{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.vocab-modes span{text-align:right;color:#857b73;width:100%;font-size:11px}.vocab-modes button{background:#fff;border:1px solid #ddd2c8;border-radius:999px;padding:8px 12px}.vocab-modes button.active{color:#fff;background:#e68a61;border-color:#db8059}.vocab-flip-card{perspective:1200px;cursor:pointer;background:0 0;border:0;width:min(650px,100%);height:350px;margin:28px auto 18px;display:block}.vocab-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:all .5s;display:block;position:relative}.vocab-flip-card.flipped .vocab-card-inner{transform:rotateY(180deg)}.vocab-card-face{backface-visibility:hidden;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #e7dcd2}.vocab-card-face.front{background:#fff}.vocab-card-face.back{color:#fff;background:linear-gradient(145deg,#173d39,#2c514b);transform:rotateY(180deg)}.vocab-card-face small{color:#d87e58;letter-spacing:.15em;font-weight:800}.vocab-card-face strong{text-align:center;max-width:90%;margin:22px 0;font:700 48px/1.15 Georgia,Songti SC,serif}.vocab-card-face.back strong{font-size:72px}.vocab-card-face em{color:#e8d9cc;font-size:26px;font-style:normal}.vocab-card-face em.pinyin-only{font-size:55px}.vocab-card-face i{color:#9a918a;font-size:11px;font-style:normal;position:absolute;bottom:24px}.vocab-card-face.back i{color:#bfcfca}.vocab-card-face.back button{color:#fff;background:#f18a60;border:0;border-radius:999px;margin-top:20px;padding:10px 16px}.vocab-deck>footer{justify-content:center;align-items:center;gap:20px;display:flex}.vocab-deck>footer button{background:#fff;border:1px solid #ddd3ca;border-radius:10px;padding:10px 16px}.vocab-deck>footer b{text-align:center;color:#706860;min-width:70px}@media (width<=720px){.vocab-deck{padding:22px 14px}.vocab-heading{display:block}.vocab-modes{justify-content:flex-start;margin-top:20px}.vocab-modes span{text-align:left}.vocab-flip-card{height:310px}.vocab-card-face strong{font-size:38px}.vocab-card-face.back strong{font-size:58px}.vocab-card-face em.pinyin-only{font-size:42px}}.course-language-switch{font-weight:800;color:#17443e!important;background:#fff!important;border:1px solid #d8e5e1!important;border-radius:999px!important;padding:8px 12px!important}.question-pinyin{margin-top:5px;display:block;color:#b36e50!important;letter-spacing:.02em!important;font-size:13px!important;font-weight:600!important}.choice-list button .question-pinyin{margin:4px 0 0 20px;color:#846f65!important}.choice-list button{display:block!important}.dialogue-text{flex:1;display:block}.dialogue-text b{font-weight:650;display:block}.dialogue-text .question-pinyin{margin-top:4px;color:#9b6b58!important}.dialogue-strip .question-pinyin{margin:3px 0 8px;color:#8b6b5d!important}.script-mode-switch{background:#f5faf8;border:1px solid #d7e3df;border-radius:999px;gap:3px;padding:3px;display:flex}.script-mode-switch button{font-size:11px;font-weight:700;color:#4b6661!important;background:0 0!important;border:0!important;border-radius:999px!important;padding:6px 9px!important}.script-mode-switch button.active{color:#fff!important;background:#17443e!important}.learning-text{flex:1;display:block}.learning-text b{font-weight:650;display:block}.learning-text .question-pinyin{margin-top:4px}.learning-text.pinyin-view{color:#9b6b58;font-weight:650}.record-card .learning-text b{font-size:18px}.record-card .learning-text .question-pinyin{font-size:14px!important}@media (width<=900px){.portal-header nav .script-mode-switch{background:0 0;border:0;order:3;justify-content:flex-end;width:100%}}.question-pinyin.pinyin-only{color:#17443e!important;font-size:16px!important}.workbook-question:has(>.question-pinyin.pinyin-only)>h3{display:none}.choice-list button:has(.question-pinyin.pinyin-only)>span{display:none}.knowledge-lead{text-align:center;background:linear-gradient(120deg,#e8f6ff,#fff3e9);border-radius:24px;padding:28px}.knowledge-lead>b{font-size:20px}.knowledge-lead>div{justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}.knowledge-lead span{background:#fff;border-radius:14px;padding:14px 18px;font-weight:800}.knowledge-lead i{color:#ee7652;font-size:24px;font-style:normal}.knowledge-rule-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px;display:grid}.knowledge-rule-grid article{background:#fbfdfc;border:1px solid #dce9e5;border-radius:22px;padding:25px}.knowledge-rule-grid small{color:#ef7854;letter-spacing:.13em;font-weight:800}.knowledge-rule-grid h3{margin:8px 0;font-size:25px}.knowledge-rule-grid p{color:#536d68;min-height:72px;line-height:1.65}.syllable-examples{flex-wrap:wrap;gap:8px;display:flex}.syllable-examples b{border-radius:10px;padding:8px 11px}.syllable-examples .yes{color:#167251;background:#eaf8f1}.syllable-examples .no{color:#b34c43;background:#fff0ee}.knowledge-rule-grid button{color:#fff;background:#17443e;border:0;border-radius:999px;padding:10px 16px}.knowledge-tip{background:#fff7f2;border-left:5px solid #f1875f;border-radius:12px;margin-top:20px;padding:20px 24px}.knowledge-tip p{color:#655e58;margin:6px 0;line-height:1.6}@media (width<=760px){.knowledge-lead>div{flex-direction:column}.knowledge-rule-grid{grid-template-columns:1fr}.knowledge-rule-grid p{min-height:0}}.pinyin-page{color:#102b64;background:linear-gradient(145deg,#f7f9ff,#eef5ff);min-height:100vh;padding:0 0 70px}.pinyin-topbar{justify-content:space-between;align-items:center;width:min(100% - 40px,1420px);margin:auto;padding:22px 0;display:flex}.pinyin-topbar button{color:#173d70;background:#fff;border:1px solid #cfdbec;border-radius:12px;padding:11px 15px;font-weight:800}.pinyin-topbar div{text-align:right;flex-direction:column;display:flex}.pinyin-topbar span{color:#72819a;font-size:12px}.pinyin-hero{box-sizing:border-box;background:linear-gradient(125deg,#dceaff,#f2f5ff);border-radius:32px;width:min(100% - 40px,1420px);margin:10px auto 28px;padding:44px 52px}.pinyin-hero>span{color:#2a65d6;letter-spacing:.14em;font-weight:900}.pinyin-hero h1{margin:15px 0;font:800 clamp(42px,6vw,72px)/1.05 Georgia,Songti SC,serif}.pinyin-hero p{color:#526782;font-size:18px}.pinyin-card{background:#fff;border:1px solid #d4e0ef;border-radius:28px;width:min(100% - 40px,1420px);margin:auto;padding:28px;box-shadow:0 18px 55px #244d8412}.pinyin-help{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.pinyin-help div{flex-direction:column;gap:5px;display:flex}.pinyin-help span{color:#66778f}.pinyin-help strong{color:#1a5ca5;background:#edf5ff;border-radius:999px;padding:10px 14px}.pinyin-scroll{border:1px solid #cbdced;border-radius:18px;max-height:66vh;overflow:auto}.pinyin-scroll table{border-collapse:separate;border-spacing:0;background:#f7fbff;width:100%;min-width:1700px}.pinyin-scroll th,.pinyin-scroll td{text-align:center;border-bottom:1px solid #d5e2f0;border-right:1px solid #d5e2f0;width:72px;height:64px;padding:5px}.pinyin-scroll thead{z-index:3;position:sticky;top:0}.pinyin-scroll thead th,.pinyin-scroll tbody th{color:#fff;background:linear-gradient(135deg,#2d67e7,#16bca2);font-weight:900}.pinyin-scroll thead th:first-child{z-index:5;left:0}.pinyin-scroll tbody th{z-index:2;min-width:104px;position:sticky;left:0}.pinyin-scroll th small,.pinyin-scroll th b{font-size:10px;display:block}.pinyin-scroll td button{color:#123f70;background:#edf5ff;border:1px solid #c7d9ee;border-radius:12px;padding:9px 8px;font-size:15px;font-weight:900}.pinyin-scroll td button:hover,.pinyin-scroll td button.active{background:#fff;border-color:#2274cf;box-shadow:0 4px 14px #1e70c528}.tone-popover{background:#fbfdfc;border:1px solid #d4e2df;border-radius:20px;align-items:stretch;gap:12px;margin-top:22px;padding:18px;display:flex}.tone-popover>div{flex-direction:column;justify-content:center;min-width:150px;display:flex}.tone-popover>div span{color:#70837e}.tone-popover>div b{font-size:25px}.tone-popover button{color:#153f39;background:#eef4f2;border:0;border-radius:16px;flex:1;grid-template-columns:1fr auto;align-items:center;gap:4px;min-height:82px;display:grid}.tone-popover button small{grid-column:1/-1}.tone-popover button strong{font-size:28px}.tone-popover button span{color:#ef7450}.tone-popover button:hover,.tone-popover button.playing{color:#fff;background:#173f39}.pinyin-card footer{color:#72819a;margin-top:22px;font-size:13px}.pinyin-card footer a{color:#286bd4}.course-tool-card{color:#173f70;background:linear-gradient(120deg,#e8f1ff,#f6f9ff);border:1px solid #d8e4f4;border-radius:24px;align-items:center;gap:18px;margin:18px 0;padding:24px;text-decoration:none;display:flex}.course-tool-card span{color:#fff;background:#2869db;border-radius:17px;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.course-tool-card div{flex:1}.course-tool-card h3{margin:0 0 5px}.course-tool-card p{color:#64758d;margin:0}.course-tool-card strong{white-space:nowrap}@media (width<=700px){.pinyin-topbar,.pinyin-hero,.pinyin-card{width:min(100% - 20px,1420px)}.pinyin-hero{border-radius:24px;padding:30px 22px}.pinyin-card{border-radius:20px;padding:14px}.pinyin-help{flex-direction:column;align-items:flex-start}.pinyin-scroll{max-height:62vh}.tone-popover{grid-template-columns:repeat(2,1fr);display:grid}.tone-popover>div{grid-column:1/-1}.tone-popover button{min-width:0}.course-tool-card{flex-wrap:wrap;padding:18px}.course-tool-card strong{width:100%}}.level-card.open .lesson-list{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0 80px;display:grid}.level-card.open .lesson-list>a{background:linear-gradient(145deg,#fff,#f7fbfa);border:1px solid #dce8e4;border-radius:18px;grid-template-columns:1fr auto;gap:8px;min-height:105px;padding:18px;transition:all .18s;display:grid}.level-card.open .lesson-list>a:hover{border-color:#82b5a6;transform:translateY(-2px);box-shadow:0 13px 28px #153c3810}.level-card.open .lesson-list span{color:#6e827c;grid-column:1/-1;font-size:12px;font-weight:800}.level-card.open .lesson-list span i{color:#17483f;background:#e8f4f0;border-radius:9px;place-items:center;width:28px;height:28px;margin-right:7px;font-style:normal;display:inline-grid}.level-card.open .lesson-list b{align-self:end;font:700 18px Georgia,Noto Serif SC,serif}.level-card.open .lesson-list em{align-self:end;font-size:12px;font-weight:800}@media (width<=900px){.level-card.open .lesson-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0}}@media (width<=720px){.level-card.open .lesson-list{grid-template-columns:1fr}.level-card.open .lesson-list>a{grid-template-columns:1fr auto}.level-card.open .lesson-list em{grid-column:auto}}.student-study-area[data-v-39e3da54]{display:block}.student-vocab-head.standalone[data-v-39e3da54]{grid-template-columns:minmax(0,1fr) auto}.student-card-wrap>footer[data-v-39e3da54]{flex-wrap:wrap}.study-actions button.forgotten[data-v-39e3da54]{color:#ba594d;border-color:#e4b4ae}.study-actions button.fuzzy[data-v-39e3da54]{color:#a87620;border-color:#dfc58f}.study-actions button.remembered[data-v-39e3da54]{color:#28765f;border-color:#9bcbbb}.study-actions button.selected[data-v-39e3da54],.study-actions button[data-v-39e3da54]:hover{background:#fff3eb;box-shadow:0 0 0 2px #d9865e22}.study-login-hint[data-v-39e3da54]{text-align:center;color:#81766f;margin:12px 0 0;font-size:12px}.student-card-face[data-v-39e3da54]{box-sizing:border-box;overflow:hidden}.student-flashcard.english-front .front strong[data-v-39e3da54]{overflow-wrap:anywhere;text-align:center;scrollbar-width:thin;width:90%;max-height:265px;margin:18px 0 10px;padding:0 8px;font-family:inherit;font-size:52px;line-height:1.16;overflow-y:auto}.student-flashcard.english-medium .front strong[data-v-39e3da54]{font-size:38px}.student-flashcard.english-long .front strong[data-v-39e3da54]{font-size:29px;line-height:1.2}.student-flashcard.english-xlong .front strong[data-v-39e3da54]{font-size:23px;line-height:1.24}.student-flashcard:not(.english-front) .back strong[data-v-39e3da54]{overflow-wrap:anywhere;width:90%;max-height:230px;overflow-y:auto}.card-report[data-v-39e3da54]{color:#9a5b4c;cursor:pointer;background:0 0;border:0;margin:14px auto 0;font-size:12px;text-decoration:underline;display:block}.card-report[data-v-39e3da54]:disabled{color:#6c837b;cursor:default;text-decoration:none}.report-message[data-v-39e3da54]{text-align:center;color:#4e7468;margin:7px 0 0;font-size:12px}@media (width<=760px){.student-flashcard.english-front .front strong[data-v-39e3da54]{max-height:220px;font-size:40px}.student-flashcard.english-medium .front strong[data-v-39e3da54]{font-size:31px}.student-flashcard.english-long .front strong[data-v-39e3da54]{font-size:24px}.student-flashcard.english-xlong .front strong[data-v-39e3da54]{font-size:20px}}.student-notes>header[data-v-49d3b1b3]{align-items:flex-start}.notes-account[data-v-49d3b1b3]{justify-items:end;gap:8px;margin-left:auto;display:grid}.notes-account button[data-v-49d3b1b3]{background:#fff;border:1px solid #dacfc4;border-radius:8px;padding:8px 11px}.notes-login[data-v-49d3b1b3]{background:#fff;border:1px solid #ded4cb;border-radius:18px;width:min(470px,100%);margin:45px auto;padding:34px;box-shadow:0 20px 55px #4a39251a}.notes-login>span[data-v-49d3b1b3]{color:#cf7952;letter-spacing:.14em;font-size:12px;font-weight:800}.notes-login h2[data-v-49d3b1b3]{margin:8px 0;font:700 27px Georgia,Songti SC,serif}.notes-login>p[data-v-49d3b1b3]{color:#7c736b}.notes-login form[data-v-49d3b1b3]{gap:16px;margin-top:25px;display:grid}.notes-login label[data-v-49d3b1b3]{gap:7px;font-weight:700;display:grid}.notes-login label small[data-v-49d3b1b3]{color:#8c8178;font-weight:400}.notes-login input[data-v-49d3b1b3]{border:1px solid #d8cec5;border-radius:9px;padding:13px;font-size:16px}.notes-login form>button[data-v-49d3b1b3]{color:#fff;background:#176b62;border:0;border-radius:9px;padding:13px;font-weight:800}.notes-error[data-v-49d3b1b3]{color:#b34e42}.student-note-paper textarea[data-v-49d3b1b3]{border:1px solid #d8e0e5;border-radius:9px;width:100%;min-height:150px;padding:14px;font:19px/2 PingFang SC,sans-serif}.student-image-upload[data-v-49d3b1b3]{cursor:pointer;border:1px solid #d8cec5;border-radius:8px;margin-top:10px;padding:8px 11px;display:inline-block}.student-image-upload input[data-v-49d3b1b3]{display:none}.student-save[data-v-49d3b1b3]{align-items:center;gap:12px;margin-top:28px;display:flex}.student-save button[data-v-49d3b1b3]{color:#fff;background:#176b62;border:0;border-radius:9px;padding:12px 16px;font-weight:800}.student-save b[data-v-49d3b1b3]{color:#28765f}.student-note-paper .teacher-drawing[data-v-49d3b1b3]{background:#fff;border:1px solid #dbe2e7;border-radius:9px;width:100%;max-height:none}@media (width<=720px){.notes-account[data-v-49d3b1b3]{justify-items:start;width:100%;margin-left:0}.student-notes>header[data-v-49d3b1b3]{flex-wrap:wrap}}.classroom-page{color:#163d38;background:#f3f0e8;min-height:100vh}.classroom-nav{background:#faf8f2;border-bottom:1px solid #d8d2c3;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,72px);display:flex}.classroom-back,.classroom-nav .brand{color:#184b45;cursor:pointer;background:0 0;border:0;font-weight:700}.classroom-lobby{max-width:1120px;margin:auto;padding:clamp(48px,8vw,96px) 24px}.classroom-lobby>header{max-width:760px;margin-bottom:40px}.classroom-lobby>header span,.video-classroom header span{letter-spacing:.16em;color:#b76642;font-size:12px;font-weight:800}.classroom-lobby h1{margin:14px 0 20px;font-size:clamp(42px,7vw,76px);line-height:1}.classroom-lobby>header p{color:#526763;max-width:680px;font-size:18px;line-height:1.7}.classroom-lobby-grid{grid-template-columns:minmax(0,1fr) 360px;gap:28px;display:grid}.room-setup,.qr-card{background:#fff;border:1px solid #ddd6c7;border-radius:24px;padding:32px;box-shadow:0 18px 50px #23443b12}.room-setup{flex-direction:column;justify-content:center;gap:16px;display:flex}.room-setup label{font-weight:800}.room-setup input{box-sizing:border-box;width:100%;font:inherit;color:#163d38;background:#fbfaf6;border:1px solid #bbbcae;border-radius:12px;margin-top:10px;padding:16px 18px;display:block}.room-primary,.room-secondary,.video-classroom header button{cursor:pointer;border:0;border-radius:12px;min-height:50px;padding:0 20px;font-weight:800}.room-primary{color:#fff;background:#184b45}.room-primary:disabled{opacity:.45}.room-secondary{color:#184b45;background:#e5eee9}.privacy-note{color:#6a756f;margin:4px 0 0;font-size:13px;line-height:1.6}.qr-card{text-align:center}.qr-card>div{background:#fff;border:1px solid #e0ddcf;border-radius:18px;padding:12px;display:inline-flex}.qr-card h2{margin:14px 0 6px}.qr-card p{color:#687772}.local-warning{text-align:left;background:#fff1d9;border-radius:10px;padding:12px;font-size:12px;line-height:1.5;color:#80551d!important}.video-classroom{flex-direction:column;height:calc(100vh - 76px);padding:20px clamp(16px,3vw,42px) 32px;display:flex}.video-classroom header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.video-classroom h1{margin:4px 0 0;font-size:24px}.video-classroom header button{color:#754331;background:#fff;border:1px solid #d6cfc1}.video-classroom iframe{background:#17201e;border:0;border-radius:20px;flex:1;width:100%;box-shadow:0 20px 60px #112d2630}@media (width<=760px){.classroom-lobby-grid{grid-template-columns:1fr}.classroom-nav{height:66px}.classroom-lobby{padding-top:42px}.room-setup,.qr-card{padding:22px}.video-classroom{height:calc(100vh - 66px);padding:12px}.video-classroom header span{display:none}.video-classroom h1{font-size:18px}}