.reading-search{display:flex;align-items:center;gap:.5rem;margin-top:1rem;border:1px solid #e1ebf6;border-radius:.85rem;padding:.7rem .8rem;background:#fff;color:#91a7bd}.reading-search svg{width:1rem}.reading-search input{min-width:0;flex:1;border:0;outline:0;color:#354c68;font-size:.74rem}.reading-header-icon{color:#4f7cff}.content-source{margin-top:1.25rem;text-align:center;color:#a5b3c1;font-size:.6rem}.reader-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}.reader-top a,.reader-top button{display:flex;align-items:center;gap:.2rem;color:#7089a5;font-size:.72rem}.reader-top svg{width:1.1rem}.reader-top span{border-radius:.4rem;padding:.25rem .5rem;background:#edf4ff;color:#4f7cff;font-size:.6rem}.reader-top button.saved{color:#f1ae30}.article-reader>h1{color:#1e3048;font-size:1.45rem;font-weight:800;line-height:1.25}.reader-subtitle{margin-top:.4rem;color:#91a4b8;font-size:.7rem}.reader-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:1.2rem;border-radius:.85rem;padding:.25rem;background:#eaf1fa}.reader-modes button{border-radius:.65rem;padding:.5rem;color:#8397ab;font-size:.7rem}.reader-modes button.active{background:#4f7cff;color:#fff}.reader-body{margin-top:1rem}.reader-paragraph{border-bottom:1px solid #e8eff5;padding:.9rem 0}.reader-english{color:#2b405c;font-size:.9rem;line-height:1.8}.reader-english button:hover{border-radius:.25rem;background:#dfeaff;color:#3e74e8}.reader-chinese{margin-top:.45rem;color:#8ca0b5;font-size:.76rem;line-height:1.7}.audio-player{position:sticky;bottom:4.3rem;z-index:5;display:flex;align-items:center;gap:.65rem;margin:1.1rem -.2rem 0;border:1px solid #e0eaf5;border-radius:1rem;padding:.75rem;background:#fff;box-shadow:0 12px 25px #7b98b520}.audio-player>button{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:#4f7cff;background:#edf4ff}.audio-player>button:first-child{color:#fff;background:#4f7cff}.audio-player svg{width:.95rem}.audio-player div{display:flex;flex:1;flex-direction:column;gap:.2rem}.audio-player strong{color:#38516e;font-size:.7rem}.audio-player small{color:#a0afbe;font-size:.58rem}.word-popup{position:fixed;right:1rem;bottom:5.7rem;left:1rem;z-index:20;display:flex;flex-direction:column;gap:.35rem;border:1px solid #dce8f6;border-radius:1.2rem;padding:1.1rem;background:#fff;box-shadow:0 18px 45px #36597d33}.word-popup>strong{color:#1c3150;font-size:1.35rem}.word-popup>small,.word-popup>span{color:#8da0b5;font-size:.7rem}.word-popup>b{margin-top:.4rem;color:#4f7cff;font-size:.78rem}.word-popup>p{color:#536a83;font-size:.72rem;line-height:1.5}.word-popup>em{color:#3b526d;font-size:.75rem}.popup-close{top:.7rem;right:.8rem;color:#93a5b7;font-size:1.4rem}.popup-save{margin-top:.5rem;border-radius:.7rem;padding:.65rem;background:#4f7cff;color:#fff;font-size:.7rem;font-weight:700}.word-books{margin-top:1rem;border-radius:1rem;padding:.9rem;background:#f4f8ff}.public-library-heading,.word-books-title{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.public-library h2,.word-books-title h2{margin-top:.2rem;color:#253c59;font-size:1rem}.public-library-heading p:not(.section-kicker),.word-books-title p:not(.section-kicker){margin-top:.25rem;color:#8ca0b5;font-size:.65rem;line-height:1.5}.word-books-title>span{color:#4f7cff;font-size:.7rem;font-weight:800;white-space:nowrap}.word-book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;margin-top:.75rem}.word-book-grid button{display:flex;flex-direction:column;gap:.22rem;border:1px solid transparent;border-radius:.7rem;padding:.65rem;background:#fff;text-align:left}.word-book-grid button.selected{border-color:#6d99ff;background:#eaf1ff}.word-book-grid strong{color:#304a6b;font-size:.72rem}.word-book-grid em,.word-book-grid small{color:#91a4b8;font-size:.58rem;font-style:normal}.online-search{display:flex;align-items:center;gap:.45rem;margin-top:.8rem;border:1px solid #dbe7f4;border-radius:.85rem;padding:.35rem .4rem .35rem .7rem;background:#fff}.online-search svg{width:1rem;color:#91a7bd}.book-search input,.online-search input{min-width:0;flex:1;border:0;outline:0;color:#354c68;font-size:.7rem}.book-search button,.online-search button{border-radius:.6rem;padding:.55rem .7rem;background:#4f7cff;color:#fff;font-size:.65rem;font-weight:700}.book-search button:disabled,.online-search button:disabled{opacity:.6}.lookup-message{margin-top:.55rem;color:#a27843;font-size:.65rem}.online-word{position:relative;margin-top:.7rem;border:1px solid #dbe8f6;border-radius:1rem;padding:.9rem;background:#fff}.online-word>div{display:flex;align-items:baseline;gap:.55rem}.online-word strong{color:#1e3554;font-size:1.15rem}.online-word small,.online-word span{color:#8da1b5;font-size:.65rem}.online-word>button{position:absolute;top:.75rem;right:.75rem;color:#4f7cff}.online-word p{margin-top:.55rem;color:#556b84;font-size:.72rem;line-height:1.45}.online-word em{display:block;margin-top:.5rem;color:#8397ab;font-size:.67rem}.public-library{margin-top:1.5rem;border-radius:1.1rem;padding:1rem;background:#fff;box-shadow:0 10px 24px #7896b514}.public-library-heading>svg{width:1.3rem;color:#4f7cff}.book-search{display:flex;gap:.4rem;margin-top:.8rem;border:1px solid #e1ebf6;border-radius:.75rem;padding:.35rem .35rem .35rem .65rem}.public-books{display:grid;gap:.35rem;margin-top:.7rem}.public-book{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid #edf2f7;padding:.6rem 0}.public-book div{display:flex;min-width:0;flex-direction:column;gap:.22rem}.public-book strong{color:#344b68;font-size:.7rem}.public-book span,.public-book strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-book span{color:#9aabba;font-size:.6rem}.public-book>svg{width:.85rem;flex:none;color:#4f7cff}.book-featured{display:flex;gap:.4rem;overflow:auto;margin-top:.6rem;padding-bottom:.15rem}.book-featured button{flex:none;border:1px solid #e1eaf5;border-radius:.7rem;padding:.5rem .65rem;background:#fff;text-align:left}.book-featured span,.book-featured strong{display:block}.book-featured strong{color:#315277;font-size:.68rem}.book-featured span{margin-top:.18rem;color:#91a4b7;font-size:.58rem}.ai-lesson,.latest-news{margin-top:1.25rem;border-radius:1rem;padding:1rem;background:linear-gradient(135deg,#f1f5ff,#fff)}.ai-lesson .public-library-heading>svg,.latest-news .public-library-heading>svg{width:1.25rem;color:#4f7cff}.generated-lesson{margin-top:.8rem;border-top:1px solid #e4ebf5;padding-top:.75rem}.generated-lesson h3{color:#243e60;font-size:.95rem}.generated-lesson>p{margin-top:.3rem;color:#8599ad;font-size:.68rem}.generated-lesson>div{margin-top:.7rem;border-bottom:1px solid #e8eef6;padding-bottom:.55rem}.generated-lesson>div span,.generated-lesson>div strong{display:block}.generated-lesson>div strong{color:#36516e;font-size:.72rem;line-height:1.55}.generated-lesson>div span{margin-top:.2rem;color:#8ca0b4;font-size:.65rem}.generated-lesson>small{display:block;margin-top:.7rem;color:#5e7fcc;font-size:.62rem;line-height:1.5}.news-item{display:flex;align-items:center;gap:.55rem;border-bottom:1px solid #e7eef6;padding:.65rem 0}.news-item div{display:flex;min-width:0;flex:1;flex-direction:column;gap:.22rem}.news-item strong{color:#334c6b;font-size:.7rem;line-height:1.45}.news-item span{overflow:hidden;color:#9aabba;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.news-item>svg{width:.8rem;flex:none;color:#4f7cff}.toast{position:fixed;right:1rem;bottom:5.8rem;left:1rem;z-index:60;margin:auto;width:max-content;max-width:calc(100% - 2rem);border:1px solid #dbe7f5;border-radius:999px;padding:.65rem .95rem;background:#213b5f;color:#fff;font-size:.68rem;box-shadow:0 12px 30px #253c5b33;animation:toast-in .2s ease-out}.icon-action{display:grid;place-items:center;margin-left:auto;color:#8ca1b8}.icon-action svg{width:1rem}a,button{transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}a:active,button:active{transform:scale(.97)}a:focus-visible,button:focus-visible{outline:3px solid #9ebdff;outline-offset:2px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.short-story-section{margin-top:1.25rem;border-radius:1rem;padding:1rem;background:#fffdf8}.short-story-section .public-library-heading>svg{width:1.25rem;color:#d69c4b}.story-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;margin-top:.8rem}.story-catalog button{display:flex;min-width:0;flex-direction:column;gap:.25rem;border:1px solid #efe3d2;border-radius:.75rem;padding:.65rem;background:#fff;text-align:left}.story-catalog button.selected{border-color:#d99b43;background:#fff5e6}.story-catalog strong{color:#5b4932;font-size:.7rem}.story-catalog span,.story-catalog strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-catalog span{color:#aa987e;font-size:.58rem}.online-story-reader{margin-top:1rem;border-top:1px solid #efe6d9;padding-top:1rem}.story-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.story-heading h3{margin-top:.2rem;color:#473c2f;font-size:1rem}.story-heading p:not(.section-kicker){margin-top:.25rem;color:#a18e76;font-size:.65rem}.story-heading>a{border-radius:.55rem;padding:.45rem .6rem;background:#fff0d8;color:#a16b28;font-size:.62rem}.story-modes{display:flex;gap:.3rem;margin-top:.8rem;border-radius:.65rem;padding:.2rem;background:#fff4e4}.story-modes button{flex:1;border-radius:.5rem;padding:.4rem;color:#a18e76;font-size:.62rem}.story-modes button.active{background:#e7a452;color:#fff}.story-text{max-height:34rem;overflow:auto;margin-top:.8rem;border-top:1px solid #f0e8dc;padding-top:.6rem}.story-paragraph{border-bottom:1px solid #f0e8dc;padding:.1rem 0 .7rem}.story-english{margin:.7rem 0;color:#514d47;font-size:.78rem;line-height:1.9}.story-word{border:0;border-radius:.15rem;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.story-word:hover{background:#ffe9ba;color:#80531a}.story-sentence{display:inline}.story-sentence-analysis{display:inline-grid;place-items:center;margin-left:.3rem;border:1px solid #efc47e;border-radius:.3rem;padding:.12rem;background:#fff7e9;color:#bd7928;vertical-align:middle;cursor:pointer}.story-sentence-analysis svg{width:.72rem;height:.72rem}.story-translation{margin:.3rem 0;color:#a18e76;font-size:.72rem;line-height:1.7}.story-audio{position:sticky;bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.7rem;border:1px solid #ecdfcf;border-radius:.8rem;padding:.6rem;background:#fffaf1}.story-audio>button{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#fff0d8;color:#b67629}.story-audio>button:first-child{background:#e5a24d;color:#fff}.story-audio>button svg{width:.85rem}.story-audio strong{flex:1;color:#80633c;font-size:.65rem}.story-audio label{display:flex;align-items:center;gap:.3rem;color:#9c896d;font-size:.58rem}.story-audio input{width:4rem;accent-color:#d69c4b}.story-analysis-popup,.story-word-popup{position:fixed;right:1rem;bottom:5.7rem;left:1rem;z-index:30;display:flex;flex-direction:column;gap:.4rem;border:1px solid #eadbc6;border-radius:1rem;padding:1rem;background:#fffdf9;box-shadow:0 18px 45px #765a3733}.story-analysis-popup{top:50%;right:auto;bottom:auto;left:50%;width:min(560px,calc(100% - 2rem));transform:translate(-50%,-50%)}.story-word-popup>strong{color:#4b3926;font-size:1.25rem}.story-analysis-popup small,.story-word-popup>small,.story-word-popup>span{color:#a18e76;font-size:.7rem}.story-analysis-popup>strong,.story-word-popup>b{color:#bd7928;font-size:.78rem}.story-analysis-popup>p,.story-word-popup>p{color:#695742;font-size:.72rem;line-height:1.5}.story-analysis-popup h4{color:#4b3926;font-size:1rem}.story-analysis-popup blockquote{margin:.2rem 0;border-left:3px solid #e6a452;padding-left:.6rem;color:#6c553b;font-size:.8rem}.analysis-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.analysis-parts span{border-radius:.5rem;padding:.55rem;background:#fff3df;color:#70583d;font-size:.65rem}.popup-close{position:absolute;top:.65rem;right:.7rem;color:#a18e76}.popup-close svg{width:1rem}.news-item{border:0;width:100%;font:inherit;text-align:left;cursor:pointer}.news-reader{margin-top:1rem;border-top:1px solid #dde8f4;padding-top:1rem}.news-reader-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.news-reader-top h3{margin-top:.2rem;color:#273f5e;font-size:1rem;line-height:1.45}.news-reader-top small{display:block;margin-top:.35rem;color:#9aabba;font-size:.6rem}.news-reader-top button{display:grid;place-items:center;color:#8ba0b6}.news-reader-top button svg{width:1rem}.news-reader-body{margin-top:.8rem}.news-paragraph{border-bottom:1px solid #e9eff6;padding:.75rem 0}.news-paragraph p{color:#334b69;font-size:.78rem;line-height:1.75}.news-paragraph span{display:block;margin-top:.35rem;color:#8a9caf;font-size:.7rem;line-height:1.7}.news-source{display:flex;align-items:center;gap:.3rem;margin-top:.75rem;color:#4f7cff;font-size:.62rem}.news-source svg{width:.75rem}.word-examples{margin-top:.65rem;border-top:1px solid #edf2f7;padding-top:.55rem}.word-examples label{display:block;margin-bottom:.35rem;color:#4f7cff;font-size:.65rem;font-weight:800}.word-examples>div{border-bottom:1px solid #f0f3f7;padding:.35rem 0}.word-examples span,.word-examples strong{display:block}.word-examples strong{color:#526b85;font-size:.68rem;line-height:1.45}.word-examples span{margin-top:.15rem;color:#9aaabd;font-size:.62rem}.online-word>small{display:block;margin-top:.35rem}.online-example{margin-top:.55rem;border-top:1px solid #edf2f7;padding-top:.45rem}.online-example span,.online-example strong{display:block}.online-example strong{color:#526b85;font-size:.68rem;line-height:1.45}.online-example span{margin-top:.15rem;color:#9aaabd;font-size:.62rem}.word-definition{margin-top:.55rem;color:#7189a4;font-size:.72rem;line-height:1.5}.word-root{display:block;margin-top:.5rem;color:#6e89ae;font-size:.65rem}.card-example{margin-top:.65rem;border-top:1px solid #edf2f7;padding-top:.5rem;text-align:left}.card-example span,.card-example strong{display:block}.card-example strong{color:#526b85;font-size:.7rem;line-height:1.5}.card-example span{margin-top:.15rem;color:#9aaabd;font-size:.64rem}.example-line{display:flex;align-items:flex-start;gap:.35rem}.example-play{flex:none;margin-top:.12rem;color:#4f7cff}.example-play svg{width:.85rem}.example-line p{color:#526b85;font-size:.7rem;line-height:1.5}.example-word{border-radius:.18rem;color:#526b85}.example-word:hover{background:#e5efff;color:#3168e7}.card-example>span{margin-left:1.2rem}.desktop-header{display:none}.app-main{width:100%}.reader-english button{margin-right:.28em;border-radius:.2rem;transition:background .15s,color .15s}.reader-english button:hover{background:#e7efff;color:#3168e7}.voice-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.75rem;border-top:1px solid #edf2f7;padding-top:.7rem;color:#8499af;font-size:.62rem}.voice-controls select{max-width:12rem;border:1px solid #dce7f3;border-radius:.55rem;padding:.35rem;background:#f8fbff;color:#4a6380;font-size:.62rem}.voice-controls input{width:4.4rem;accent-color:#4f7cff}.search-results{display:grid;gap:.45rem;margin-top:.7rem}.search-result{display:flex;align-items:center;gap:.7rem;border:1px solid #e0eaf5;border-radius:.8rem;padding:.65rem .75rem;background:#fff;text-align:left}.search-result div{display:flex;min-width:0;flex:1;flex-direction:column;gap:.2rem}.search-result strong{color:#253d5c;font-size:.78rem}.search-result span{color:#7189a4;font-size:.65rem}.search-result small{color:#9aabba;font-size:.6rem}.search-result>svg{width:.85rem;color:#4f7cff}@media (min-width:768px){.app-shell{background:#f4f7fb}.desktop-header{position:sticky;top:0;z-index:40;height:4.25rem;gap:3rem;border-bottom:1px solid #e6edf5;padding:0 4vw;background:#fff}.desktop-brand,.desktop-header{display:flex;align-items:center}.desktop-brand{gap:.65rem;min-width:12rem}.desktop-brand span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:#4f7cff;color:#fff;font-weight:800}.desktop-brand strong{color:#1f3553;font-size:1.05rem}.desktop-header nav{display:flex;align-items:center;gap:.35rem}.desktop-header nav a{display:flex;align-items:center;gap:.4rem;border-radius:.65rem;padding:.65rem .85rem;color:#71859d;font-size:.78rem}.desktop-header nav a:hover{background:#f0f5ff;color:#3e73e8}.desktop-header nav svg{width:1rem}.desktop-status{margin-left:auto;color:#9aacbe;font-size:.68rem}.app-main{padding:2rem 4vw 3rem}.app-main>.article-reader,.app-main>.module-page{width:min(1180px,100%);margin:0 auto}.module-page{padding-bottom:2rem}.bottom-nav{display:none}.home-page{margin:-2rem -4vw 0;min-height:calc(100vh - 4.25rem)}.home-hero{min-height:440px;padding:5rem 8vw 3rem}.home-content{padding:2.5rem 8vw 4rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}.quick-grid{max-width:720px;grid-template-columns:repeat(4,9rem)}.recommend-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:900px}.recommend-section{max-width:1000px}.vocabulary-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);column-gap:2rem;align-items:start}.vocabulary-page>.lookup-message,.vocabulary-page>.module-top,.vocabulary-page>.online-search,.vocabulary-page>.online-word,.vocabulary-page>.word-books{grid-column:1/-1}.vocabulary-page>.goal-line,.vocabulary-page>.goal-progress,.vocabulary-page>.next-word,.vocabulary-page>.study-tabs,.vocabulary-page>.word-actions,.vocabulary-page>.word-card,.vocabulary-page>.word-dots{grid-column:1}.vocabulary-page>.saved-preview{grid-column:2;grid-row:5;align-self:start;margin-top:1.2rem}.word-book-grid{grid-template-columns:repeat(4,1fr)}.word-card{min-height:360px;display:flex;flex-direction:column;justify-content:center}.search-results{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.reading-page{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem 2rem}.reading-page>.content-source,.reading-page>.reading-empty,.reading-page>.reading-header,.reading-page>.reading-list,.reading-page>.reading-search,.reading-page>.reading-tabs{grid-column:1}.reading-page>.public-library{grid-column:2;grid-row:1/span 5;margin-top:0;align-self:start;position:sticky;top:6rem}.reading-list{grid-template-columns:repeat(2,minmax(0,1fr))}.public-books{max-height:560px;overflow:auto}.article-reader{max-width:900px!important;padding:1rem 4rem 4rem}.reader-body{font-size:1.05rem}.reader-paragraph{padding:1.2rem 0}.word-popup{right:calc(50% - 250px);left:calc(50% - 250px);bottom:2rem}.reading-page>.ai-lesson,.reading-page>.latest-news,.reading-page>.short-story-section{grid-column:1}}@media (max-width:767px){.desktop-header{display:none}.bottom-nav{display:flex}.app-main{padding-bottom:5rem}}.online-word>.online-example{display:block;min-width:0}.online-word>.online-example strong{display:block;min-width:0;white-space:normal;word-break:normal;overflow-wrap:break-word}.online-word>.online-example span{display:block;min-width:0;line-height:1.5}.online-example-row{display:flex;align-items:flex-start;gap:.35rem;width:100%;min-width:0}.online-example-play{display:grid;place-items:center;flex:0 0 1rem;width:1rem;margin-top:.12rem;color:#4f7cff}.online-example-play svg{width:.85rem;height:.85rem}.online-example-en{display:block;flex:1 1 auto;min-width:0;margin:0!important;font-size:.68rem;line-height:1.5;word-break:normal;overflow-wrap:break-word}.online-example-en,.online-example-word{width:auto!important;color:#526b85;white-space:normal}.online-example-word{display:inline!important;min-width:0!important;margin:0 .08em 0 0;padding:0;border-radius:.18rem;line-height:inherit}.online-example-word:hover{background:#e5efff;color:#3168e7}.card-example .sentence-punctuation,.card-example .sentence-space,.online-example .sentence-punctuation,.online-example .sentence-space{display:inline!important;margin:0!important;color:inherit;font-size:inherit;line-height:inherit}html body .word-book-item .word-book-list{position:absolute;top:.55rem;right:.55rem;display:grid;width:2rem;height:2rem;place-items:center;border:1px solid #75a3ff!important;border-radius:50%;padding:0;background:#4f7cff!important;color:#fff!important;box-shadow:0 4px 10px #4f7cff4d;opacity:1!important;z-index:2}html body .word-book-item .word-book-list:hover{background:#3467df!important;box-shadow:0 6px 14px #4f7cff66;transform:translateY(-1px)}html body .word-book-item .word-book-list svg{width:1rem;height:1rem;stroke-width:2.4}.modal-word-item{align-items:flex-start}.modal-word-index{display:block!important;flex:none;width:1.45rem!important;overflow:visible!important;padding-top:.12rem;color:#8aa0bc;font-size:.62rem;font-weight:700;line-height:1.4;text-align:left;text-overflow:clip!important;white-space:nowrap!important}.modal-word-item>button:first-of-type{display:grid;width:1.45rem;height:1.45rem;flex:none;place-items:center;border-radius:.45rem;padding:0;background:#edf4ff;color:#4f7cff}.modal-word-item>button:first-of-type svg{width:.72rem;height:.72rem}.modal-word-item>.modal-word-detail{display:block;width:auto;height:auto;background:transparent;color:#4f7cff}.vocabulary-page>.study-content>.saved-preview{align-self:start!important;height:var(--study-card-height,auto)!important;max-height:var(--study-card-height,none);margin-top:0!important;box-sizing:border-box;align-items:stretch!important;width:100%;margin-top:1.2rem!important}.vocabulary-page>.study-content>.saved-preview .saved-preview-head,.vocabulary-page>.study-content>.saved-preview .saved-word-content,.vocabulary-page>.study-content>.saved-preview .saved-word-item,.vocabulary-page>.study-content>.saved-preview .saved-word-list{width:100%;box-sizing:border-box}.vocabulary-page>.study-content>.saved-preview{display:flex;min-height:0;overflow:hidden;flex-direction:column}.vocabulary-page>.study-content>.saved-preview .saved-word-list{height:0;min-height:0;max-height:none;flex:1;overflow-y:auto;overflow-x:hidden}.vocabulary-page>.study-content{display:contents}.vocabulary-page>.study-content>.goal-line,.vocabulary-page>.study-content>.goal-progress,.vocabulary-page>.study-content>.next-word,.vocabulary-page>.study-content>.word-actions,.vocabulary-page>.study-content>.word-card,.vocabulary-page>.study-content>.word-dots{grid-column:1}.vocabulary-page>.study-content>.saved-preview{grid-column:2;align-self:start}@media (min-width:768px){html body .vocabulary-page.has-online-word>.online-word{grid-row:4!important}html body .vocabulary-page.has-online-word>.study-tabs{grid-row:5!important}html body .vocabulary-page.has-online-word>.study-content>.goal-line{grid-row:6!important}html body .vocabulary-page.has-online-word>.study-content>.goal-progress{grid-row:7!important}html body .vocabulary-page.has-online-word>.study-content>.word-card,html body .vocabulary-page>.study-content>.saved-preview{grid-row:8!important}.vocabulary-page>.tab-panel{grid-column:1/-1}}.vocabulary-page>.study-tabs{display:grid!important;visibility:visible!important;opacity:1!important;position:relative;z-index:3;grid-column:1!important;min-height:2.65rem;grid-row:5}.vocabulary-page>.study-content>.goal-line{grid-row:6}.vocabulary-page>.study-content>.goal-progress{grid-row:7}.vocabulary-page>.study-content>.word-card{grid-row:8}.vocabulary-page>.study-content>.next-word,.vocabulary-page>.study-content>.word-actions{grid-row:9}.vocabulary-page>.study-content>.word-dots{grid-row:10}.vocabulary-page>.study-content>.saved-preview{grid-row:8}.daily-complete-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.8rem 0;border:1px solid #cfe0ff;border-radius:.9rem;padding:.8rem 1rem;background:#eef5ff}.daily-complete-banner div{display:flex;flex-direction:column;gap:.2rem}.daily-complete-banner strong{color:#315f9d;font-size:.78rem}.daily-complete-banner span{color:#7b91aa;font-size:.63rem}.daily-complete-banner button{flex:none;border-radius:.55rem;padding:.5rem .7rem;background:#4f7cff;color:#fff;font-size:.65rem;font-weight:700}.tab-panel{width:100%;box-sizing:border-box;overflow:hidden;margin-top:1rem;border-radius:1rem;padding:1rem;background:#fff}.tab-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid #e7eef6;padding-bottom:.8rem}.tab-panel-heading h2{margin-top:.2rem;color:#294563;font-size:1.05rem}.tab-panel-heading p:not(.section-kicker){margin-top:.25rem;color:#8da1b5;font-size:.68rem}.tab-panel-heading>strong{color:#4f7cff;font-size:.7rem;white-space:nowrap}.tab-word-list{display:grid;width:100%;gap:.45rem;margin-top:.7rem}.tab-word-item{display:flex;align-items:center;width:100%;min-width:0;box-sizing:border-box;gap:.7rem;border-bottom:1px solid #edf2f7;padding:.7rem 0}.tab-word-item>div{display:flex;min-width:0;overflow:hidden;flex:1;flex-direction:column;gap:.2rem}.tab-word-item strong{color:#294563;font-size:.82rem}.tab-word-item span{display:block;width:100%;min-width:0;overflow:hidden;color:#8da1b5;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.tab-word-item button{flex:none;border-radius:.5rem;padding:.42rem .55rem;background:#edf4ff;color:#4f7cff;font-size:.62rem}.tab-word-item button svg{width:.85rem;height:.85rem}.tab-empty{display:flex;align-items:center;flex-direction:column;gap:.35rem;padding:3rem 1rem;color:#8da1b5;text-align:center}.tab-empty svg{width:1.3rem;color:#9eb1c4}.tab-empty strong{color:#526b85;font-size:.8rem}.tab-empty span{font-size:.65rem}.tab-panel-tools{display:flex;align-items:center;gap:.55rem}.tab-panel-tools>strong{color:#4f7cff;font-size:.7rem;white-space:nowrap}.tab-panel-tools>button,.tab-word-done{border:1px solid #dbe6f3!important;background:#fff!important;color:#7189a4!important}.tab-word-done{white-space:nowrap}.tab-panel-tools>button:hover,.tab-word-done:hover{border-color:#9dbbff!important;background:#f1f6ff!important;color:#4776df!important}.sentence-analysis-button{display:inline-grid!important;place-items:center;width:1.2rem;height:1.2rem;margin-left:.45rem;border:1px solid #d6e3f5;border-radius:.35rem;color:#4f7cff;vertical-align:middle}.sentence-analysis-button svg{width:.75rem;height:.75rem}.sentence-popup-backdrop,.word-popup-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:1rem;background:#20375455;animation:toast-in .18s ease-out}.word-popup{position:relative;right:auto;bottom:auto;left:auto;width:min(560px,100%);max-height:min(80vh,620px);overflow:auto}.popup-title,.sentence-popup-title{display:flex;align-items:center;gap:.55rem}.popup-title strong{font-size:1.35rem}.popup-title button{color:#4f7cff}.popup-title svg{width:1rem}.word-popup>small{display:block;margin-top:.4rem}.popup-example{display:flex;align-items:flex-start;gap:.45rem;margin-top:.65rem;border-top:1px solid #edf2f7;padding-top:.55rem}.popup-example>button{flex:none;color:#4f7cff}.popup-example>div{min-width:0}.popup-example span,.popup-example strong{display:block}.popup-example strong{color:#526b85;font-size:.72rem;line-height:1.5}.popup-example span{margin-top:.15rem;color:#9aaabd;font-size:.65rem}.sentence-popup{position:relative;width:min(620px,100%);max-height:min(82vh,680px);overflow:auto;border:1px solid #dce8f6;border-radius:1.2rem;padding:1.3rem;background:#fff;box-shadow:0 18px 45px #36597d33}.sentence-popup-title{color:#29496d}.sentence-popup-title svg{width:1.1rem;color:#4f7cff}.sentence-text{margin-top:1rem;color:#243c5b;font-size:.95rem;font-weight:700;line-height:1.6}.sentence-translation{margin-top:.3rem;color:#8da0b5;font-size:.72rem}.sentence-structure{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;border-radius:.7rem;padding:.75rem;background:#f1f6ff}.sentence-parts small,.sentence-structure span{color:#8ca2bb;font-size:.62rem}.sentence-structure strong{color:#3c70d9;font-size:.78rem}.sentence-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.7rem}.sentence-parts div{display:flex;min-width:0;flex-direction:column;gap:.25rem;border:1px solid #e6eef7;border-radius:.6rem;padding:.6rem}.sentence-parts b{color:#526b85;font-size:.7rem;overflow-wrap:anywhere}.sentence-popup ul{margin:.8rem 0 0;padding-left:1.1rem;color:#7189a4;font-size:.68rem;line-height:1.7}.speech-active{border-radius:.18rem;background:#ffe19e!important;color:#754d0c!important;box-shadow:0 0 0 2px #f2bd5e55}.sentence-popup .popup-close,.word-popup .popup-close{position:absolute;top:.7rem;right:.8rem}@media (max-width:767px){.sentence-parts{grid-template-columns:1fr}.sentence-popup{padding:1rem}.sentence-analysis-button{margin-left:.25rem}}.analysis-source{margin-left:auto;border-radius:999px;padding:.22rem .45rem;background:#fff4df;color:#ad7a37;font-size:.58rem}.analysis-source.ai{background:#e9f1ff;color:#4674d4}.sentence-elements{margin-top:.75rem}.sentence-elements h4{margin-bottom:.35rem;color:#6d86a1;font-size:.68rem}.sentence-elements>div{display:grid;grid-template-columns:5rem 1fr;gap:.15rem .45rem;border-bottom:1px solid #edf2f7;padding:.45rem 0}.sentence-elements b{grid-row:span 2;color:#4f7cff;font-size:.68rem}.sentence-elements span{color:#526b85;font-size:.7rem}.sentence-elements small{grid-column:2;color:#91a2b5;font-size:.61rem}.sentence-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.sentence-meta span{border-radius:.45rem;padding:.35rem .5rem;background:#f5f8fc;color:#7189a4;font-size:.62rem}.sentence-element-主语 b{color:#3978e8}.sentence-element-谓语 b{color:#299b72}.sentence-element-宾语 b,.sentence-element-表语 b{color:#e69a32}.sentence-element-定语 b,.sentence-element-状语 b{color:#9b70d4}.sentence-learning-sections{display:flex;flex-direction:column;gap:.45rem;margin-top:1rem;border-top:1px solid #e8eff7;padding-top:.65rem}.sentence-learning-section{border:1px solid #e2ebf5;border-radius:.7rem;overflow:hidden;background:#fbfdff}.sentence-learning-section>button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.65rem .75rem;color:#46627f;font-size:.7rem;font-weight:700;text-align:left}.sentence-learning-section>button b{color:#4f7cff;font-size:.95rem}.sentence-learning-section.open>button{background:#f2f7ff;color:#315f9d}.sentence-learning-section>p{margin:0;padding:0 .75rem .7rem;color:#7087a0;font-size:.67rem;line-height:1.7}.sentence-patterns{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 .75rem .7rem}.sentence-patterns span{border-radius:.45rem;padding:.35rem .5rem;background:#eef5ff;color:#4f76ba;font-size:.62rem}.sentence-extra-examples{padding:0 .75rem .5rem}.sentence-extra-examples>div{display:grid;grid-template-columns:auto 1fr;gap:.15rem .45rem;border-top:1px solid #edf2f7;padding:.5rem 0}.sentence-extra-examples button{grid-row:span 2;color:#4f7cff}.sentence-extra-examples span{color:#45617d;font-size:.68rem;line-height:1.5}.sentence-extra-examples small{color:#9aaabd;font-size:.61rem}.sentence-practice{display:flex;align-items:center;gap:.55rem;padding:0 .75rem .7rem}.sentence-practice p{flex:1;margin:0;color:#7087a0;font-size:.66rem;line-height:1.5}.sentence-practice button{flex:none;border-radius:.45rem;padding:.4rem .55rem;background:#eaf2ff;color:#4f7cff;font-size:.62rem}.sentence-culture{margin-top:.65rem;border-radius:.65rem;padding:.65rem .75rem;background:#fff8e9}.sentence-culture strong{color:#b47b25;font-size:.66rem}.sentence-culture p{margin:.25rem 0 0;color:#8d7753;font-size:.62rem;line-height:1.6}.sentence-learning-sections>.sentence-learning-section:nth-child(4){display:none!important}@media (min-width:768px){.story-word-popup{right:calc(50% - 280px);bottom:2rem;left:calc(50% - 280px);max-width:560px;margin:auto}.story-analysis-popup{max-height:80vh;overflow:auto}.story-word-popup{top:50%;right:auto;bottom:auto;left:50%;width:min(560px,calc(100% - 2rem));max-height:70vh;overflow:auto;transform:translate(-50%,-50%)}.story-audio{position:relative;bottom:auto}}@media (max-width:767px){.story-word-popup{top:50%;right:1rem;bottom:auto;left:1rem;max-height:70vh;overflow:auto;transform:translateY(-50%)}}@media (min-width:768px){.reading-page{grid-template-columns:minmax(0,1fr);gap:1.25rem}.reading-page>.reading-header{grid-row:1}.reading-page>.reading-search{grid-row:2}.reading-page>.reading-tabs{grid-row:3}.reading-page>.reading-empty,.reading-page>.reading-list{grid-row:4}.reading-page>.ai-lesson{grid-column:1;grid-row:5}.reading-page>.public-library{grid-column:1;grid-row:6;position:static;margin-top:0}.reading-page>.short-story-section{grid-column:1;grid-row:7}.reading-page>.content-source{grid-column:1;grid-row:8}.public-books{max-height:420px}}.generated-lesson-reader{margin-top:.75rem}.generated-lesson-paragraph{border-bottom:1px solid #e8eef6;padding:.7rem 0}.generated-lesson-paragraph .reader-english{margin:0;color:#36516e;font-size:.78rem;line-height:1.7}.generated-lesson-word{display:inline!important;border:0;border-radius:.18rem;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.generated-lesson-word:hover{background:#e7efff;color:#3168e7}.generated-lesson-speak{display:inline-grid;place-items:center;margin-left:.45rem;border:0;border-radius:50%;padding:.28rem;background:#eaf2ff;color:#4f7cff;vertical-align:middle;cursor:pointer}.generated-lesson-speak svg{width:.85rem;height:.85rem}.generated-lesson-paragraph .reader-chinese{margin:.25rem 0 0;color:#8ca0b4;font-size:.65rem;line-height:1.7}.generated-lesson-popup{z-index:100!important;max-height:min(70vh,560px);overflow:auto;box-sizing:border-box}.generated-lesson-popup .popup-title{padding-right:2.5rem}.generated-lesson-popup .popup-example>button,.generated-lesson-popup .popup-title button{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#eaf2ff;color:#4f7cff}.generated-lesson-popup .popup-example>button svg,.generated-lesson-popup .popup-title button svg{width:1rem;height:1rem}.generated-lesson-reader .reader-english span{display:inline!important;margin:0;color:inherit;font-size:inherit}.generated-lesson-speak-start{margin-left:0;margin-right:.45rem}.generated-lesson-analysis{display:inline-grid!important;place-items:center;margin-left:.45rem;border:1px solid #d6e3f5;border-radius:.35rem;padding:.12rem;background:#fff;color:#4f7cff;vertical-align:middle;cursor:pointer}.generated-lesson-analysis svg{width:.75rem;height:.75rem}.generated-lesson-analysis-popup{z-index:90}.popup-definition-block{margin-top:.55rem}.popup-definition-block label{display:block;margin-bottom:.18rem;color:#8ca2bb;font-size:.62rem;font-weight:600}.popup-definition-block b,.popup-definition-block p{display:block;margin:0}.popup-definition-block b{color:#3972e6;font-size:.78rem;line-height:1.55}.popup-definition-block p{color:#526b85;font-size:.7rem;line-height:1.55}.daily-quote{position:relative;max-width:1000px;margin-top:1.25rem;border:1px solid #dfe9f6;border-radius:1.15rem;padding:1.15rem 1.25rem;background:linear-gradient(135deg,#f5f9ff,#fff);box-shadow:0 10px 24px #7896b512}.daily-quote h2{margin-top:.18rem;color:#294563;font-size:1rem}.daily-quote>button{position:absolute;top:1.05rem;right:1.15rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#eaf2ff;color:#4f7cff}.daily-quote>button svg{width:1rem}.daily-quote blockquote{margin-top:.8rem;padding-right:2rem;color:#31557e;font-size:.92rem;font-weight:700;line-height:1.55}.daily-quote>p:not(.section-kicker){margin-top:.35rem;color:#8198b1;font-size:.72rem;line-height:1.6}.daily-quote>small{display:block;margin-top:.55rem;color:#a1afbd;font-size:.65rem}@media (max-width:767px){.daily-quote{padding:1rem}.daily-quote blockquote{font-size:.82rem}}.story-word-title{display:flex;align-items:center;gap:.45rem;padding-right:1.5rem}.story-word-examples button,.story-word-title button{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#fff0d8;color:#b67629}.story-word-examples button svg,.story-word-title button svg{width:.9rem}.story-word-examples{margin-top:.5rem;border-top:1px solid #f0e4d4;padding-top:.6rem}.story-word-examples h5{margin-bottom:.35rem;color:#8e6b3f;font-size:.72rem}.story-word-examples>div{display:grid;grid-template-columns:auto 1fr;gap:.15rem .45rem;align-items:center;border-top:1px solid #f5eadc;padding:.45rem 0}.story-word-examples span{color:#5b4937;font-size:.72rem;line-height:1.5}.story-word-examples small{grid-column:2;color:#a18e76;font-size:.66rem;line-height:1.4}@media (min-width:768px){.story-audio{position:sticky;top:5rem;bottom:auto;z-index:8}}.story-audio-status{min-width:0;flex:1;display:flex;flex-direction:column;gap:.28rem}.story-tts-progress{display:block;width:min(15rem,100%);height:.25rem;overflow:hidden;border-radius:999px;background:#f1dfc5}.story-tts-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:#d9953e;animation:story-tts-loading 1.15s ease-in-out infinite}@keyframes story-tts-loading{0%{transform:translateX(-115%)}to{transform:translateX(260%)}}.story-sentence-active{border-radius:.2rem;background:#ffe9ae;box-shadow:0 0 0 2px #f0bd5d55}.story-analysis-popup .analysis-source{display:none}.story-analysis-popup .analysis-source.fallback{background:#fff0d8;color:#b67629}.story-analysis-popup .analysis-source.cache{background:#edf7ef;color:#4d8a60}.story-analysis-popup .analysis-source.error{background:#fbe9e7;color:#b65a4f}.story-analysis-mode{position:absolute;top:.62rem;right:2.75rem;z-index:2}.story-analysis-mode label{display:none}.story-analysis-mode select{max-width:11.5rem;border:1px solid #e0cda9;border-radius:.45rem;padding:.28rem .4rem;background:#fff8eb;color:#9a6b2b;font-size:.62rem}.story-analysis-mode select:disabled{opacity:.7}.sentence-popup-title .analysis-source{display:none}.sentence-analysis-floating-select{top:max(1rem,calc(50% - 320px));padding:.28rem .4rem}.sentence-analysis-floating-select,.sentence-analysis-progress-floating{position:fixed;left:calc(50% + 165px);z-index:80;border:1px solid #e0cda9;border-radius:.45rem;background:#fff8eb;color:#9a6b2b;font-size:.62rem;box-shadow:0 4px 12px #72552a22}.sentence-analysis-progress-floating{top:max(3.4rem,calc(50% - 270px));width:11rem;padding:.35rem .45rem}.sentence-analysis-progress-floating>div{height:.28rem;overflow:hidden;border-radius:999px;background:#f0dfc3}.sentence-analysis-progress-floating i{display:block;height:100%;border-radius:inherit;background:#e6a447;transition:width .25s ease}.sentence-analysis-progress-floating span{display:block;margin-top:.2rem}@media (max-width:767px){.sentence-analysis-floating-select{top:1.15rem;right:2.8rem;left:auto;max-width:12rem}.sentence-analysis-progress-floating{top:3.6rem;right:2.8rem;left:auto;width:min(11rem,calc(100vw - 4rem))}}.sentence-analysis-progress{height:.35rem;overflow:hidden;margin:.55rem 0 .25rem;border-radius:999px;background:#e7edf5}.sentence-analysis-progress i{display:block;height:100%;border-radius:inherit;background:#4f7cff;transition:width .25s ease}.story-analysis-popup>.section-kicker{order:1}.story-analysis-popup>h4{order:2}.story-analysis-popup>blockquote{order:3}.story-analysis-popup>p:not(.section-kicker){order:4}.story-analysis-structure{display:flex;align-items:center;justify-content:space-between;gap:.75rem;order:5}.story-analysis-structure>span{flex:none;max-width:52%;color:#a18e76;font-size:.56rem;font-weight:400;line-height:1.35;text-align:right}.story-analysis-popup>.analysis-parts{order:6}.story-analysis-popup>small{order:7}.word-popup-backdrop{overflow:auto!important;padding:1rem!important;box-sizing:border-box}.word-popup-backdrop>.word-popup{box-sizing:border-box;max-height:min(82vh,680px)!important;overflow:auto!important;overscroll-behavior:contain;padding-bottom:4.25rem!important}.word-popup-backdrop>.word-popup .popup-save{position:sticky;bottom:-3.25rem;z-index:3;display:block;width:100%;margin-top:1rem;box-shadow:0 -8px 14px #fff}.word-popup-backdrop>.word-popup .popup-close{z-index:4;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#eef4fb;color:#42617f;font-size:1rem}.word-popup-backdrop>.word-popup .popup-save{bottom:0!important}.article-word-popup{z-index:100!important;max-height:min(70vh,560px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box}.article-popup-close{z-index:2;width:2rem;height:2rem;border-radius:50%;background:#eef4fb;color:#42617f!important;font-size:1.35rem!important;line-height:1}.article-word-popup .popup-title{padding-right:2.5rem}.article-word-popup .popup-title strong{color:#1d3554}.article-word-popup .popup-example>button,.article-word-popup .popup-title button{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#eaf2ff;color:#4f7cff}.article-word-popup .popup-example>button svg,.article-word-popup .popup-title button svg{width:1rem;height:1rem}.article-word-popup .popup-example{align-items:center}.article-word-popup .popup-example div{min-width:0}.desktop-brand{color:inherit;text-decoration:none}.desktop-brand img{width:2.35rem;height:2.35rem;border-radius:.7rem;object-fit:cover}.desktop-brand span{display:none!important}.footer-unified{padding:1.15rem 1rem 4.75rem;border-top:1px solid #e6edf5;background:#fff;color:#91a2b5;text-align:center;font-size:.68rem}.footer-unified p{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;margin:0}.footer-divider{margin:0 .25rem;color:#7de3ee88}.footer-link{font-family:cursive,Brush Script MT,serif;font-size:.9rem;font-weight:700;background:linear-gradient(90deg,#3478ff,#00cfe8,#7b5cff,#ff7a45,#3478ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;animation:footer-gradient 5s linear infinite;transition:filter .2s ease,transform .2s ease}.footer-link:hover{filter:brightness(1.15);transform:translateY(-1px)}@keyframes footer-gradient{0%{background-position:0 50%}to{background-position:300% 50%}}