.session-notice[data-v-f4133b99]{position:fixed;z-index:1000;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:90vw;padding:12px 24px;border-radius:24px;background:#123f48;color:#fff;font-size:18px;box-shadow:0 6px 20px #123f4830}.credentials-hint[data-v-4bb87dc6]{margin:0 0 4px;color:#526782;font-size:14px;line-height:1.6}.credentials-row[data-v-4bb87dc6]{display:flex}.credentials-row .code-label[data-v-4bb87dc6]{min-width:104px;padding-inline:10px}@media(max-width:420px){.credentials-row .code-label[data-v-4bb87dc6]{min-width:80px;padding-inline:6px;font-size:15px}}.app-mobile .login-page.login-keyboard-aware.keyboard-open[data-v-01abf80f]{height:var(--login-visible-height);min-height:0;align-items:flex-start;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:16px;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:16px}.app-mobile .login-keyboard-aware.keyboard-open .login-card[data-v-01abf80f]{flex:0 0 auto;min-height:0;max-height:none;padding-top:12px;padding-bottom:16px;overflow:visible}.app-mobile .login-keyboard-aware.keyboard-open .login-header[data-v-01abf80f]{flex-shrink:0;margin-bottom:10px}.app-mobile .login-keyboard-aware.keyboard-open .login-logo-wrap[data-v-01abf80f]{width:140px;max-width:40%;margin-bottom:4px}.app-mobile .login-keyboard-aware.keyboard-open .login-header p[data-v-01abf80f]{font-size:14px;line-height:20px}.app-mobile .login-keyboard-aware.keyboard-open .login-form[data-v-01abf80f]{flex-shrink:0;gap:10px}.app-mobile .login-keyboard-aware.keyboard-open .login-field[data-v-01abf80f]{scroll-margin-block:16px}.app-mobile .login-keyboard-aware.keyboard-open .login-footer[data-v-01abf80f]{display:none}.login-methods[data-v-01abf80f]{display:flex;flex-shrink:0;gap:6px;margin-bottom:16px;padding:5px;border-radius:16px;background:#eef5ff}.login-methods button[data-v-01abf80f]{flex:1;min-width:0;min-height:44px;padding:8px;border:0;border-radius:12px;background:transparent;color:#526782;font:inherit;font-size:clamp(14px,1.4vw,18px);font-weight:800;cursor:pointer}.login-methods button.active[data-v-01abf80f]{color:#005bc5;background:#fff;box-shadow:0 2px 8px #005bc51a}.account-row[data-v-01abf80f],.password-row[data-v-01abf80f]{display:flex}.account-row .login-input[data-v-01abf80f]:-webkit-autofill,.password-row .login-input[data-v-01abf80f]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:var(--text);caret-color:var(--text)}.login-password-toggle[data-v-01abf80f]{display:grid;flex:0 0 44px;align-self:stretch;place-items:center;margin-right:6px;padding:0;border:0;background:transparent;color:#526782;cursor:pointer}.login-methods button[data-v-01abf80f]:focus-visible,.login-password-toggle[data-v-01abf80f]:focus-visible{outline:2px solid #005bc5;outline-offset:-2px}.login-methods button[data-v-01abf80f]:disabled{cursor:wait;opacity:.65}.keyboard-open .login-methods[data-v-01abf80f]{margin-bottom:10px}.home-card-lettering[data-v-a35fb49d]{position:absolute;top:var(--home-card-inset, 2.1cqw);left:var(--home-card-inset, 2.1cqw);display:flex;flex-direction:column;gap:.6cqw;pointer-events:none}.home-card-lettering-title[data-v-a35fb49d]{--lettering-height: var(--home-card-title-height, 3.65cqw)}.home-card-lettering-subtitle[data-v-a35fb49d]{--lettering-height: var(--home-card-subtitle-height, 1.7cqw)}.home-card-lettering>span[data-v-a35fb49d]{display:block;height:var(--lettering-height);background-repeat:no-repeat}@media(orientation:portrait){.home-card-lettering[data-v-a35fb49d]{top:3.5cqw;left:3.5cqw;gap:1cqw}.home-card-lettering-title[data-v-a35fb49d]{--lettering-height: 6.4cqw}.home-card-lettering-subtitle[data-v-a35fb49d]{--lettering-height: 2.9cqw}}.profile-entry-hint[data-v-dec8c45a]{position:fixed;z-index:30;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.profile-entry-hint-bubble[data-v-dec8c45a]{position:relative;box-sizing:border-box;min-height:44px;padding:10px 44px 10px 16px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:linear-gradient(130deg,#ffffffb8,#ebf9ff66);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);color:#124753;box-shadow:inset 0 1px #fffc,0 5px 18px #497d9026;transform-origin:var(--hint-origin-x) top;animation:profile-hint-breathe-dec8c45a 2.4s ease-in-out infinite}.profile-entry-hint p[data-v-dec8c45a]{margin:0;white-space:nowrap;font-size:15px;font-weight:800;line-height:22px}.profile-entry-hint-arrow[data-v-dec8c45a]{position:absolute;left:var(--hint-arrow-left);bottom:100%;width:72px;height:var(--hint-arrow-height);overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 1px #ffffffb3)}.profile-entry-hint-arrow path[data-v-dec8c45a]{stroke:#ee9b28;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.profile-entry-hint-close[data-v-dec8c45a]{position:absolute;top:0;right:2px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:#97784a;background:transparent;cursor:pointer}.profile-entry-hint-close[data-v-dec8c45a]:hover{background:#fff6}.profile-entry-hint-close[data-v-dec8c45a]:focus-visible{outline:2px solid #1399df;outline-offset:-3px}.profile-entry-hint-close span[data-v-dec8c45a]{font-size:22px}@keyframes profile-hint-breathe-dec8c45a{0%,to{transform:scale(.97)}50%{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.profile-entry-hint-bubble[data-v-dec8c45a]{animation:none}}.landing-home[data-v-252761a0]{box-sizing:border-box;width:100%;height:100dvh;padding:max(20px,env(safe-area-inset-top,0px)) max(3.15vw,env(safe-area-inset-right,0px)) max(4.8vh,calc(env(safe-area-inset-bottom,0px) + 18px)) max(3.15vw,env(safe-area-inset-left,0px));display:grid;place-items:center;overflow:hidden;container-type:size;color:#063d4a;background:#fffcf6 url(/images/home/landing-background-v3.webp) center / cover no-repeat;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.landing-composition[data-v-252761a0]{width:min(100%,208.3cqh);aspect-ratio:1912 / 918;display:grid;grid-template-rows:138fr 760fr;gap:1.34%;min-width:0;min-height:0;container-type:inline-size}.landing-header[data-v-252761a0]{display:grid;grid-template-columns:27% minmax(0,1fr) 18%;gap:2%;align-items:center;min-height:0}.landing-composition.has-profile-hint[data-v-252761a0]{row-gap:62px}.landing-logo[data-v-252761a0]{display:block;width:91%;max-height:100%;object-fit:contain;justify-self:center}.landing-welcome[data-v-252761a0]{min-width:0;text-align:center}.landing-welcome h1[data-v-252761a0]{display:flex;align-items:center;justify-content:center;margin:0;white-space:nowrap;font-size:3.2cqw;font-weight:900;line-height:1.3;letter-spacing:.025em;-webkit-text-stroke:.018em currentColor}.landing-welcome h1 img[data-v-252761a0]{width:.75em;height:1.1em;object-fit:contain;flex:0 0 auto;margin-left:-.12em}.landing-welcome p[data-v-252761a0]{margin:.45em 0 0;font-size:1.35cqw;font-weight:800;line-height:1.35;color:#507e90;white-space:nowrap}.landing-profile[data-v-252761a0]{display:flex;gap:1cqw;align-items:center;min-width:0;color:inherit;text-decoration:none}.landing-avatar[data-v-252761a0]{box-sizing:border-box;display:block;width:6.4cqw;aspect-ratio:1;border:.4cqw solid white;border-radius:50%;object-fit:cover;background:#eee5fa;box-shadow:0 .35cqw .7cqw #a1a4a81a;flex:0 0 auto}.landing-avatar.is-vip[data-v-252761a0]{border-color:#f2c34e}.landing-profile-copy[data-v-252761a0]{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:.55cqw}.landing-profile-copy strong[data-v-252761a0]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.9cqw;line-height:1.2;font-weight:900}.landing-membership[data-v-252761a0]{display:inline-flex;align-items:center;gap:.45cqw;border-radius:2cqw;padding:.45cqw .9cqw;background:#e6eee9;color:#577b75;font-size:1.3cqw;font-weight:900;white-space:nowrap;line-height:1.2}.landing-membership.is-vip[data-v-252761a0]{background:#ffe29a;color:#92580d}.landing-membership .material-symbols-outlined[data-v-252761a0]{font-size:1.6cqw;font-variation-settings:"FILL" 1,"wght" 600}.landing-cards[data-v-252761a0]{--home-card-title-height: 2.8cqw;--home-card-subtitle-height: 1.3cqw;--home-card-inset: 1.6cqw;display:grid;grid-template-columns:650fr repeat(6,191fr);grid-template-rows:360fr 380fr;column-gap:1.2%;row-gap:2.63%;min-height:0;min-width:0}.landing-card[data-v-252761a0]{display:block;position:relative;min-width:0;min-height:0;border:0;padding:0;border-radius:2.3cqw;background:transparent;overflow:hidden;cursor:pointer;box-shadow:0 .25cqw .8cqw #6346330e;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.landing-english[data-v-252761a0]{grid-area:1 / 1 / 3 / 2;border-radius:3.2cqw}.landing-dialogue[data-v-252761a0]{grid-area:2 / 5 / 3 / 8;background:#e4edff}.landing-songs[data-v-252761a0]{grid-area:1 / 4 / 2 / 6}.landing-diy[data-v-252761a0]{grid-area:1 / 6 / 2 / 8}.landing-graded[data-v-252761a0]{grid-area:2 / 2 / 3 / 5;background:#c6f5d5}.landing-stories[data-v-252761a0]{grid-area:1 / 2 / 2 / 4;background:#e6ddff}.landing-card picture[data-v-252761a0]{display:block;width:100%;height:100%}.landing-card img[data-v-252761a0]{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.landing-card[data-v-252761a0]:active{transform:scale(.985)}.landing-card[data-v-252761a0]:focus-visible,.landing-profile[data-v-252761a0]:focus-visible{outline:3px solid #1399df;outline-offset:4px}.landing-toast[data-v-252761a0]{position:fixed;z-index:20;bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 12px));left:50%;transform:translate(-50%);max-width:85vw;border-radius:25px;padding:12px 24px;background:#123f48;color:#fff;font-size:18px;box-shadow:0 6px 20px #123f4830}@media(orientation:portrait){.landing-home[data-v-252761a0]{height:auto;min-height:100dvh;overflow-y:auto;container-type:normal;padding:max(24px,env(safe-area-inset-top,0px)) 5vw max(28px,env(safe-area-inset-bottom,0px))}.landing-composition[data-v-252761a0]{width:100%;aspect-ratio:auto;display:flex;flex-direction:column;gap:24px}.landing-composition.has-profile-hint[data-v-252761a0]{gap:24px}.landing-header[data-v-252761a0]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.has-profile-hint .landing-header[data-v-252761a0]{row-gap:78px}.landing-logo[data-v-252761a0]{width:90%;justify-self:start}.landing-profile[data-v-252761a0]{justify-self:end}.landing-avatar[data-v-252761a0]{width:15cqw}.landing-profile-copy strong[data-v-252761a0]{font-size:3.5cqw}.landing-membership[data-v-252761a0]{font-size:2.7cqw;padding:1cqw 2cqw}.landing-membership .material-symbols-outlined[data-v-252761a0]{font-size:3.3cqw}.landing-welcome[data-v-252761a0]{grid-column:1 / -1;grid-row:2}.landing-welcome h1[data-v-252761a0]{font-size:6.2cqw}.landing-welcome p[data-v-252761a0]{font-size:3.2cqw}.landing-cards[data-v-252761a0]{--home-card-title-height: 6.4cqw;--home-card-subtitle-height: 2.9cqw;--home-card-inset: 3.5cqw;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:3cqw}.landing-card[data-v-252761a0]{grid-area:auto}.landing-english[data-v-252761a0]{grid-column:1 / -1;grid-row:auto;aspect-ratio:650 / 760}.landing-card[data-v-252761a0]:not(.landing-english){aspect-ratio:398 / 370}}@media(prefers-reduced-motion:reduce){.landing-card[data-v-252761a0]{transition:none}}.english-library.graded-library[data-v-1b611f23]{position:relative;isolation:isolate;height:100vh;height:100dvh;--english-side-space: max(24px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));padding:calc(env(safe-area-inset-top,0px) + 20px) var(--english-side-space) max(24px,calc(env(safe-area-inset-bottom,0px) + 2.5vh));display:flex;flex-direction:column;gap:clamp(8px,1.2vh,13px);overflow:hidden;color:#084551;background:#fffaf0;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.graded-background[data-v-1b611f23]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.english-header[data-v-1b611f23]{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(20px,2.2vw,40px);flex:0 0 auto}.english-back[data-v-1b611f23]{display:block;flex:0 0 auto;width:clamp(52px,5.4vw,88px);aspect-ratio:1;border-radius:50%}.english-back img[data-v-1b611f23]{display:block;width:100%;height:100%;object-fit:contain}.graded-library button[data-v-1b611f23]:focus-visible,.graded-library a[data-v-1b611f23]:focus-visible{outline:3px solid #3c959d;outline-offset:2px}.graded-intro[data-v-1b611f23]{position:relative;z-index:1;flex:0 0 clamp(56px,7.5vh,76px);min-height:0;padding:0 18px}.graded-tagline[data-v-1b611f23]{flex:1;min-width:0;margin:0;color:#496c7c;font-size:clamp(16px,1.8vw,29px);font-weight:700;line-height:1.4}.graded-hero[data-v-1b611f23]{position:absolute;z-index:0;right:clamp(18px,3vw,52px);bottom:0;width:clamp(140px,13.5vw,210px);height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.graded-level-row[data-v-1b611f23]{position:absolute;left:18px;bottom:0;width:min(66%,980px);display:flex;align-items:center;gap:clamp(12px,1.15vw,19px)}.graded-levels[data-v-1b611f23]{min-width:0;flex:1;display:flex;gap:clamp(12px,1.15vw,19px);overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none}.graded-levels[data-v-1b611f23]::-webkit-scrollbar{display:none}.graded-levels button[data-v-1b611f23]{position:relative;flex:0 0 clamp(142px,11.3vw,182px);min-height:clamp(50px,6.2vh,63px);padding:6px 18px;border:1px solid #eee4d0;border-radius:999px;color:#417087;background:#fffdfa;box-shadow:0 5px 12px #6d5b361a;font-size:clamp(18px,1.65vw,27px);font-weight:800;white-space:nowrap}.graded-levels button.active[data-v-1b611f23]{color:#fff;border-color:#3b92ef;background:#3d98f5;box-shadow:inset 0 2px 3px #ffffff4d,0 6px 14px #1e77db33}.graded-level-more[data-v-1b611f23]{flex:none;width:clamp(50px,4.7vw,64px);aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid #eee4d0;border-radius:50%;color:#36718a;background:#fffdfa;box-shadow:0 5px 12px #6d5b361a}.graded-level-more .material-symbols-outlined[data-v-1b611f23]{font-size:clamp(30px,2.8vw,44px);font-variation-settings:"wght" 700}.graded-shelf[data-v-1b611f23]{position:relative;z-index:1;min-height:0;flex:1 1 0;display:flex;flex-direction:column;padding:clamp(14px,1.7vh,20px) clamp(26px,2.4vw,40px) clamp(18px,2.3vh,26px);overflow:hidden;border-radius:clamp(28px,3vw,48px);background:#fffffcf2;box-shadow:inset 0 0 0 1px #ece1c89e,0 5px 16px #755e2f14}.graded-shelf-heading[data-v-1b611f23]{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:20px}.graded-shelf-heading>span[data-v-1b611f23]{flex:none;color:#47788c;font-size:clamp(17px,1.55vw,25px);font-weight:800}.graded-book-scroll[data-v-1b611f23]{min-height:0;flex:1 1 0;margin-top:clamp(13px,1.7vh,19px);padding-bottom:clamp(16px,2vh,24px);overflow-x:auto;overflow-y:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;container-type:inline-size}.graded-book-scroll[data-v-1b611f23]::-webkit-scrollbar{display:none}.graded-books[data-v-1b611f23]{min-width:100%;height:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(22px,3.3vw,54px)}.graded-book[data-v-1b611f23]{flex:0 0 min(calc((100% - (clamp(22px,3.3vw,54px)*4))/5),16vw);min-width:clamp(138px,13vw,210px);height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;padding:0;border:0;color:#074352;background:transparent;text-align:center}.graded-cover[data-v-1b611f23]{position:relative;display:block;flex:none;width:100%;height:auto;max-height:100%;aspect-ratio:3 / 4;overflow:hidden;border:3px solid #fff;border-radius:clamp(12px,1.15vw,18px);background:#fffaf1;box-shadow:0 7px 14px #53472b2e}.graded-cover img[data-v-1b611f23]{display:block;width:100%;height:100%;object-fit:contain}.graded-vip[data-v-1b611f23]{position:absolute;top:4%;padding:3px 8px;border-radius:8px;color:#fff;font-size:clamp(12px,1.05vw,17px);font-weight:800;line-height:1.2}.graded-vip[data-v-1b611f23]{right:5%;color:#7f5714;background:#ffe086}.graded-message[data-v-1b611f23]{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#64858c;font-size:20px;font-weight:700}.graded-message button[data-v-1b611f23]{padding:10px 24px;border:1px solid #f1ce7e;border-radius:999px;color:#365e69;background:#ffe590;font-weight:800}.graded-book[data-v-1b611f23]:active{transform:scale(.985)}@media(max-width:1100px)and (orientation:landscape){.graded-intro[data-v-1b611f23]{flex-basis:56px}.graded-level-row[data-v-1b611f23]{width:70%}.graded-levels button[data-v-1b611f23]{flex-basis:128px;min-height:48px}.graded-shelf[data-v-1b611f23]{padding-inline:24px}.graded-books[data-v-1b611f23]{gap:22px}.graded-book[data-v-1b611f23]{min-width:130px}}@media(max-width:950px){.english-library.graded-library[data-v-1b611f23]{--english-side-space: max(16px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px))}}@media(max-width:650px){.english-header[data-v-1b611f23]{gap:10px}.english-back[data-v-1b611f23]{width:40px}}@media(orientation:landscape)and (max-height:620px){.english-library.graded-library[data-v-1b611f23]{gap:8px;padding-top:calc(env(safe-area-inset-top,0px) + 16px);padding-bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 2vh))}.english-back[data-v-1b611f23]{width:44px}.graded-intro[data-v-1b611f23]{flex-basis:44px}.graded-tagline[data-v-1b611f23]{font-size:14px}.graded-hero[data-v-1b611f23]{width:132px}.graded-levels button[data-v-1b611f23]{min-height:40px}.graded-level-more[data-v-1b611f23]{width:40px}.graded-shelf[data-v-1b611f23]{padding-block:10px 14px}.graded-book-scroll[data-v-1b611f23]{margin-top:8px}}@media(orientation:portrait){.graded-intro[data-v-1b611f23]{flex-basis:90px}.graded-hero[data-v-1b611f23]{right:0;width:120px}.graded-level-row[data-v-1b611f23]{left:0;width:calc(100% - 136px)}.graded-books[data-v-1b611f23]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.graded-book[data-v-1b611f23]{min-width:0;height:auto}.graded-cover[data-v-1b611f23]{width:100%;height:auto}}.primary-library[data-v-7ff67f14]{box-sizing:border-box;height:100dvh;width:100%;--primary-header-side: max(24px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));padding:calc(env(safe-area-inset-top,0px) + 28px) max(2.35vw,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 7.5vh) max(2.35vw,env(safe-area-inset-left,0px));overflow:hidden;container-type:size;color:#073e4f;background:#fffbee url(/images/primary/library-background.webp) center / cover no-repeat;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.bridge-library[data-v-7ff67f14]{height:auto;min-height:100dvh;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);overflow:visible;container-type:inline-size;background:linear-gradient(to bottom,#fff4df,#fff4df 68%,#fff4df00 80%),#fffbef url(/images/songs/player-backdrop-v2.webp) center / cover no-repeat}.primary-layout[data-v-7ff67f14]{height:100%;min-height:0;display:grid;grid-template-rows:max-content 4.5cqw 4.3cqw minmax(0,1fr);gap:1cqw;container-type:inline-size}.bridge-library .primary-layout[data-v-7ff67f14]{height:auto;grid-template-rows:max-content max-content max-content}.bridge-library .primary-intro[data-v-7ff67f14]{justify-content:space-between}.primary-unit-count[data-v-7ff67f14]{flex:none;font-size:1.55cqw;color:#597585;font-weight:700;white-space:nowrap}.primary-header[data-v-7ff67f14]{display:flex;gap:clamp(20px,2.2vw,40px);align-items:center;flex:0 0 auto;z-index:1;margin-left:calc(var(--primary-header-side) - max(2.35vw,env(safe-area-inset-left,0px)));margin-right:calc(var(--primary-header-side) - max(2.35vw,env(safe-area-inset-right,0px)))}.primary-back[data-v-7ff67f14]{display:block;flex:0 0 auto;width:clamp(52px,5.4vw,88px);aspect-ratio:1;border-radius:50%}.primary-back img[data-v-7ff67f14]{display:block;width:100%;height:100%;object-fit:contain}.primary-categories[data-v-7ff67f14]{display:flex;gap:clamp(12px,1.2vw,22px)}.primary-library .primary-categories button[data-v-7ff67f14]{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.3vw,22px);min-height:clamp(56px,8.2vh,90px);padding:10px clamp(20px,2.5vw,44px);border:2px solid #f6ebcf;border-radius:999px;color:#0a4550;background:#fffdf2;box-shadow:0 4px 9px #c49c3020;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(24px,2.4vw,38px);font-weight:400;white-space:nowrap}.primary-library .primary-categories button.active[data-v-7ff67f14]{background:#ffe67d;border-color:#fff3b0;box-shadow:inset 0 3px 6px #fff8ce,0 6px 12px #e8ba4530}.primary-library .primary-categories button[data-v-7ff67f14]:disabled{opacity:1}.primary-categories img[data-v-7ff67f14]{display:block;flex:0 0 auto;width:clamp(38px,3.8vw,60px);height:clamp(38px,3.8vw,60px);object-fit:contain}.primary-intro[data-v-7ff67f14]{display:flex;align-items:center;gap:2.2cqw;min-height:0}.primary-intro p[data-v-7ff67f14]{margin:0;font-size:1.8cqw;line-height:1.4;font-weight:700;color:#496c7c}.primary-filters[data-v-7ff67f14]{display:flex;justify-content:space-between;gap:2cqw;min-height:0}.primary-grades[data-v-7ff67f14]{display:grid;grid-template-columns:repeat(4,1fr);width:64.5%;gap:1.25cqw}.primary-grades.is-bridge[data-v-7ff67f14]{display:flex;overflow-x:auto;scrollbar-width:none}.primary-grades.is-bridge[data-v-7ff67f14]::-webkit-scrollbar{display:none}.primary-grades.is-bridge button[data-v-7ff67f14]{flex:1 0 clamp(100px,13cqw,200px);padding-inline:12px}.primary-grades button[data-v-7ff67f14]{position:relative;border:1px solid #efdcb4;border-radius:1.85cqw;background:#fffdf5;color:#345b6c;font-weight:800;font-size:2cqw;box-shadow:0 .3cqw .5cqw #aa8e3020}.primary-grades button.active[data-v-7ff67f14]{color:#ff6046;background:#ffe691;border-color:#f5c254;box-shadow:inset 0 .2cqw .3cqw #fff4cb}.primary-grades button.active[data-v-7ff67f14]:after{content:"";position:absolute;height:.45cqw;left:10%;right:10%;bottom:-.3cqw;border-radius:99px;background:#ff644d}.primary-volumes[data-v-7ff67f14]{display:flex;width:20%;padding:2px;border:1px solid #ebdcb7;border-radius:2cqw;background:#fffcf2;box-shadow:0 .15cqw .3cqw #aa8e3014}.primary-volumes button[data-v-7ff67f14]{flex:1;border:0;border-radius:inherit;background:transparent;font-size:1.9cqw;font-weight:800;color:#385a6a}.primary-volumes button.active[data-v-7ff67f14]{color:#fff;background:#1ba887;box-shadow:inset 0 .1cqw .3cqw #54c3a2}.primary-shelf[data-v-7ff67f14]{display:flex;flex-direction:column;gap:.7cqw;min-height:0}.primary-pagination[data-v-7ff67f14]{flex:none;display:flex;justify-content:center;align-items:center;gap:clamp(16px,2vw,32px);padding-top:8px}.primary-pagination button[data-v-7ff67f14]{display:grid;place-items:center;width:clamp(48px,4.5vw,72px);height:44px;border:1px solid #efdcb4;border-radius:999px;background:#fffcf2;color:#0a4550}.primary-pagination button .material-symbols-outlined[data-v-7ff67f14]{font-size:30px}.primary-pagination>span[data-v-7ff67f14]{min-width:4em;text-align:center;font-size:clamp(18px,1.8vw,28px);font-weight:800}.primary-shelf-heading[data-v-7ff67f14]{flex:none;display:flex;justify-content:space-between;align-items:center;min-height:3.8cqw;padding-right:.7cqw;gap:1cqw}.primary-shelf-heading h2[data-v-7ff67f14]{margin:0;font-size:2.6cqw;line-height:1.2;font-weight:900}.primary-shelf-heading>span[data-v-7ff67f14]{font-size:1.55cqw;color:#597585;font-weight:700}.primary-scroll[data-v-7ff67f14]{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;container-type:size;padding:2px;scrollbar-width:thin;scrollbar-color:#a7d8c3 transparent}.bridge-library .primary-scroll[data-v-7ff67f14]{flex:none;container-type:inline-size;overflow:visible;padding:12px 18px 8px;border-radius:32px;background:#fffef9;box-shadow:0 3px 14px #bea16a12,inset 0 0 0 1px #f5e8cd}.bridge-shelf-heading[data-v-7ff67f14]{justify-content:flex-end;margin-bottom:8px}.primary-books[data-v-7ff67f14]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc((100cqh - 1.2cqw)/2);gap:1.2cqw}.primary-unit[data-v-7ff67f14]{container-type:size;min-width:0;min-height:0;display:flex;align-items:center;gap:5%;padding:.7cqw;text-align:left;color:#073e4f;background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.65cqw;box-shadow:inset 0 0 0 3px #ffffffd9,0 .25cqw .5cqw #ad94491b;cursor:pointer}.primary-tone-0[data-v-7ff67f14]{--card-bg: #eff8ff;--card-border: #b5dbf2;--badge-bg: #c9eaff;--badge-text: #247d9f}.primary-tone-1[data-v-7ff67f14]{--card-bg: #fff5eb;--card-border: #f4d9b2;--badge-bg: #ffd0bd;--badge-text: #ca532e}.primary-tone-2[data-v-7ff67f14]{--card-bg: #eefcf5;--card-border: #b8e5cd;--badge-bg: #c2f4e3;--badge-text: #117662}.primary-tone-3[data-v-7ff67f14]{--card-bg: #f6f1ff;--card-border: #ded1f1;--badge-bg: #e2d8ff;--badge-text: #645d8b}.primary-tone-4[data-v-7ff67f14]{--card-bg: #effcfc;--card-border: #bee9ef;--badge-bg: #c6f5ed;--badge-text: #388784}.primary-tone-5[data-v-7ff67f14]{--card-bg: #fff9e9;--card-border: #f3e1b8;--badge-bg: #ffe8ad;--badge-text: #b38228}.primary-cover[data-v-7ff67f14]{position:relative;display:block;flex:none;width:min(43cqw,75cqh);aspect-ratio:3 / 4;border-radius:3cqw;overflow:hidden;background:#fffdf6}.primary-cover img[data-v-7ff67f14]{display:block;width:100%;height:100%;object-fit:contain}.bridge-library .primary-books[data-v-7ff67f14]{grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-content:start;align-items:start}.bridge-library .primary-unit[data-v-7ff67f14]{display:block;container-type:inline-size;padding:0;background:transparent;box-shadow:0 .25cqw .5cqw #ad94491b}.bridge-library .primary-cover[data-v-7ff67f14]{width:100%;height:auto;aspect-ratio:auto;border-radius:inherit;background:transparent}.bridge-library .primary-cover img[data-v-7ff67f14]{width:100%;height:auto}.bridge-cover-copy[data-v-7ff67f14]{position:absolute;left:50%;bottom:4%;transform:translate(-50%);width:max-content;max-width:94%;box-sizing:border-box;display:block;padding:1.5cqw 3.5cqw;border:1px solid #ffffffa6;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;background:linear-gradient(155deg,#fff6,#ffffff1a 48%,#073e4f40);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 1px 2px #ffffffb3,inset 0 -1px 3px #ffffff40,0 3px 10px #073e4f33;color:#ffe157;text-shadow:0 1px 2px #073e4f,0 2px 5px #073e4fcc}.bridge-cover-copy .primary-unit-title[data-v-7ff67f14],.bridge-cover-copy .primary-unit-subtitle[data-v-7ff67f14]{display:inline;width:auto;white-space:nowrap;-webkit-text-stroke:.5px #073e4f;paint-order:stroke fill}.bridge-cover-copy .primary-unit-title[data-v-7ff67f14]{font-size:5.5cqw}.bridge-cover-copy .primary-unit-subtitle[data-v-7ff67f14]{font-size:4.5cqw}.primary-lock[data-v-7ff67f14]{position:absolute;right:5%;top:4%;padding:2% 5%;background:#ffe4a0;border-radius:1.5cqw;font-size:3cqw;font-weight:800;color:#84601f}.primary-unit-copy[data-v-7ff67f14]{display:flex;flex-direction:column;align-self:stretch;align-items:flex-start;flex:1;min-width:0;min-height:0;padding:2cqh 2cqw 2cqh 0;gap:2cqh}.primary-unit-copy[data-v-7ff67f14]>*{flex-shrink:0}.primary-unit-number[data-v-7ff67f14]{display:inline-block;padding:2cqh 4cqw;border-radius:10cqw;background:var(--badge-bg);color:var(--badge-text);font-size:min(4.8cqw,8cqh);font-weight:800;line-height:1.1;white-space:nowrap}.primary-unit-title[data-v-7ff67f14]{display:block;width:100%;overflow-wrap:anywhere;white-space:normal;font-family:Quicksand,sans-serif;font-size:min(7.7cqw,12cqh);font-weight:900;line-height:1.16;letter-spacing:-.025em;-webkit-text-stroke:.03em currentColor}.primary-unit-subtitle[data-v-7ff67f14]{display:block;width:100%;overflow-wrap:anywhere;font-size:min(5.4cqw,9cqh);font-weight:900;line-height:1.3;-webkit-text-stroke:.015em currentColor}.primary-unit-arrow[data-v-7ff67f14]{margin-top:auto;align-self:flex-end;display:grid;place-items:center;width:min(11.6cqw,18cqh);aspect-ratio:1;flex:none;border-radius:50%;background:#ff705b;color:#fff;box-shadow:inset 0 .6cqw 1cqw #ffa28c,inset 0 -.4cqw .7cqw #fb564d}.primary-unit-arrow .material-symbols-outlined[data-v-7ff67f14]{font-size:min(10cqw,16cqh);font-variation-settings:"wght" 700}.primary-message[data-v-7ff67f14]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:20px;color:#557d85}.primary-message button[data-v-7ff67f14]{padding:10px 24px;border-radius:999px;background:#ffe691;color:#355a62;border:1px solid #f2d18b;font-weight:800}.primary-library button[data-v-7ff67f14]{font-family:inherit;-webkit-tap-highlight-color:transparent}.primary-library button[data-v-7ff67f14]:disabled{cursor:default;opacity:.5}.primary-library button[data-v-7ff67f14]:focus-visible,.primary-library a[data-v-7ff67f14]:focus-visible{outline:3px solid #179e97;outline-offset:3px}.primary-unit[data-v-7ff67f14]:active{transform:scale(.99)}@media(orientation:portrait){.primary-library[data-v-7ff67f14]{padding-inline:4vw;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 30px)}.primary-layout[data-v-7ff67f14]{grid-template-rows:max-content 12cqw 8cqw minmax(0,1fr);gap:3cqw}.bridge-library .primary-layout[data-v-7ff67f14]{grid-template-rows:max-content max-content max-content}.primary-header[data-v-7ff67f14]{margin-inline:calc(var(--primary-header-side) - 4vw)}.primary-intro[data-v-7ff67f14]{gap:3cqw}.primary-intro p[data-v-7ff67f14],.primary-unit-count[data-v-7ff67f14]{font-size:3cqw}.primary-grades[data-v-7ff67f14]{width:68%;gap:1cqw}.primary-grades button[data-v-7ff67f14]{font-size:3.2cqw}.primary-volumes[data-v-7ff67f14]{width:27%;border-radius:5cqw}.primary-volumes button[data-v-7ff67f14]{font-size:3.2cqw}.primary-shelf[data-v-7ff67f14]{gap:2cqw}.primary-shelf-heading[data-v-7ff67f14]{min-height:8cqw}.primary-shelf-heading h2[data-v-7ff67f14]{font-size:4.5cqw}.primary-shelf-heading>span[data-v-7ff67f14]{font-size:3cqw}.primary-books[data-v-7ff67f14]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:31cqw;gap:2cqw}.bridge-library .primary-books[data-v-7ff67f14]{grid-template-rows:repeat(3,minmax(0,1fr))}.primary-unit[data-v-7ff67f14]{padding:1cqw;border-radius:3cqw}}@media(max-width:950px){.primary-library[data-v-7ff67f14]{--primary-header-side: max(16px, env(safe-area-inset-left), env(safe-area-inset-right))}.primary-library .primary-categories button[data-v-7ff67f14]{padding-inline:18px;font-size:23px}.primary-categories img[data-v-7ff67f14]{width:36px;height:36px}}@media(max-width:650px){.primary-header[data-v-7ff67f14]{gap:10px}.primary-back[data-v-7ff67f14]{width:40px}.primary-categories[data-v-7ff67f14]{flex:1;min-width:0;gap:6px}.primary-library .primary-categories button[data-v-7ff67f14]{flex:1;min-width:0;gap:6px;padding:9px 6px;font-size:clamp(12px,3.1vw,16px);min-height:46px}.primary-categories img[data-v-7ff67f14]{width:20px;height:20px}}@media(max-width:360px){.primary-categories img[data-v-7ff67f14]{display:none}}@media(orientation:landscape)and (max-height:620px){.primary-library[data-v-7ff67f14]{padding-top:calc(env(safe-area-inset-top) + 22px)}.primary-back[data-v-7ff67f14]{width:44px}.primary-library .primary-categories button[data-v-7ff67f14]{min-height:44px;padding-block:5px;font-size:23px}}.english-library[data-v-7ff67f14]{height:100vh;height:100dvh;--english-side-space: max(24px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));padding:calc(env(safe-area-inset-top,0px) + 28px) var(--english-side-space) calc(env(safe-area-inset-bottom,0px) + 16px);display:flex;flex-direction:column;gap:12px;overflow:hidden;color:#084551;background:linear-gradient(to bottom,#fff4df,#fff4df 68%,#fff4df00 80%),#fffbef url(/images/songs/player-backdrop-v2.webp) center / cover no-repeat}.english-header[data-v-7ff67f14]{display:flex;align-items:center;gap:clamp(20px,2.2vw,40px);flex:0 0 auto;z-index:1}.english-back[data-v-7ff67f14]{display:block;flex:0 0 auto;width:clamp(52px,5.4vw,88px);aspect-ratio:1;border-radius:50%}.english-back img[data-v-7ff67f14]{display:block;width:100%;height:100%;object-fit:contain}.english-categories[data-v-7ff67f14]{display:flex;gap:clamp(12px,1.2vw,22px)}.english-categories button[data-v-7ff67f14]{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.3vw,22px);min-height:clamp(56px,8.2vh,90px);padding:10px clamp(20px,2.5vw,44px);border:2px solid #f6ebcf;border-radius:999px;color:#0a4550;background:#fffdf2;box-shadow:0 4px 9px #c49c3020;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(24px,2.4vw,38px);white-space:nowrap}.english-categories button.active[data-v-7ff67f14]{background:#ffe67d;border-color:#fff3b0;box-shadow:inset 0 3px 6px #fff8ce,0 6px 12px #e8ba4530}.english-category-icon[data-v-7ff67f14]{display:block;flex:0 0 auto;width:clamp(38px,3.8vw,60px);height:clamp(38px,3.8vw,60px);object-fit:contain}.english-intro[data-v-7ff67f14]{position:relative;flex:0 0 auto;min-height:clamp(88px,13vh,145px);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:14px}.english-intro>div[data-v-7ff67f14]{z-index:1;max-width:62%}.english-intro h1[data-v-7ff67f14]{margin:0 0 7px;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(36px,4vw,64px);font-weight:400;line-height:1.05}.english-intro p[data-v-7ff67f14]{margin:0;color:#417783;font-size:clamp(16px,1.7vw,27px);line-height:1.5;font-weight:700}.is-preschool .english-intro[data-v-7ff67f14]{min-height:clamp(48px,7vh,78px);padding-inline:18px}.preschool-hero[data-v-7ff67f14]{position:absolute;right:18px;bottom:0;height:calc(100% + clamp(56px,8.2vh,90px) + 20px);width:25%;object-fit:contain;object-position:right bottom;pointer-events:none}.english-shelf[data-v-7ff67f14]{position:relative;min-height:0;flex:1;display:flex;flex-direction:column;gap:12px;padding:12px 18px 8px;border-radius:32px;background:#fffef9;box-shadow:0 3px 14px #bea16a12,inset 0 0 0 1px #f5e8cd}.english-shelf-heading[data-v-7ff67f14]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;flex-shrink:0}.english-shelf-heading h2[data-v-7ff67f14]{position:relative;margin:0;padding-bottom:7px;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(24px,2.4vw,38px);font-weight:400}.english-shelf-heading h2[data-v-7ff67f14]:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:5px;border-radius:9px;background:#ffcb37}.english-shelf-heading>span[data-v-7ff67f14]{font-size:clamp(14px,1.5vw,24px);color:#487986;font-weight:800}.english-levels[data-v-7ff67f14]{flex:0 0 auto;display:flex;gap:9px;overflow-x:auto;padding:2px 0 4px}.english-levels button[data-v-7ff67f14]{flex:0 0 auto;border:1px solid #efdfb5;border-radius:18px;padding:6px 16px;color:#497a80;background:#fffcf0;font-weight:700}.english-levels button.active[data-v-7ff67f14]{color:#764d13;background:#ffdf77}.preschool-stage[data-v-7ff67f14]{flex:1;min-height:0;overflow-y:auto;padding:2px 0 6px;scrollbar-width:none;container-type:size}.preschool-stage[data-v-7ff67f14]::-webkit-scrollbar{display:none}.preschool-grid[data-v-7ff67f14]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;width:100%;align-content:start}@supports (width: 1cqh){.preschool-grid[data-v-7ff67f14]{grid-template-columns:repeat(7,minmax(0,min(calc((100% - 84px) / 7),calc(37.5cqh - 5.25px))));justify-content:space-between}}.preschool-book[data-v-7ff67f14]{position:relative;display:block;width:100%;min-width:0;aspect-ratio:3 / 4;padding:0;border:2px solid white;border-radius:clamp(15px,1.7vw,28px);overflow:hidden;background:#fffaf0;box-shadow:0 4px 8px #dab04429;transition:transform .15s ease}.preschool-book img[data-v-7ff67f14]{display:block;width:100%;height:100%;object-fit:contain}.preschool-book[data-v-7ff67f14]:active{transform:scale(.97)}.preschool-vip[data-v-7ff67f14]{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:10px;color:#795011;background:#ffe187;font-size:11px;font-weight:900}.preschool-pagination[data-v-7ff67f14]{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:24px;min-height:40px}.preschool-pagination button[data-v-7ff67f14]{display:grid;place-items:center;width:clamp(48px,4.4vw,74px);height:clamp(38px,5.2vh,58px);border:1px solid #f3e4bf;border-radius:20px;background:#fffbee;color:#124e5a;box-shadow:0 3px 8px #c7a5391a}.preschool-pagination .material-symbols-outlined[data-v-7ff67f14]{font-size:36px}.preschool-pagination button[data-v-7ff67f14]:disabled{color:#dfb566;opacity:.65;cursor:default}.preschool-pagination>span[data-v-7ff67f14]{font-size:clamp(18px,1.9vw,29px);font-weight:800;min-width:72px;text-align:center}.english-message[data-v-7ff67f14]{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#688888;font-size:20px}.english-message button[data-v-7ff67f14]{border:1px solid #f5d375;border-radius:999px;padding:10px 24px;background:#ffe38c;color:#27515a;font-weight:800}.english-other-grid[data-v-7ff67f14]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:24px;padding:14px;overflow-y:auto;min-height:0}.english-library button[data-v-7ff67f14]:focus-visible,.english-library a[data-v-7ff67f14]:focus-visible{outline:3px solid #3c959d;outline-offset:2px}@media(max-width:950px){.english-library[data-v-7ff67f14]{--english-side-space: max(16px, env(safe-area-inset-left), env(safe-area-inset-right))}.english-categories button[data-v-7ff67f14]{padding-inline:18px;font-size:23px}.english-category-icon[data-v-7ff67f14]{width:36px;height:36px}.english-intro p[data-v-7ff67f14]{font-size:15px}.english-other-grid[data-v-7ff67f14]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.english-header[data-v-7ff67f14]{gap:10px}.english-back[data-v-7ff67f14]{width:40px}.english-categories[data-v-7ff67f14]{flex:1;min-width:0;gap:6px}.english-categories button[data-v-7ff67f14]{flex:1;min-width:0;gap:6px;padding:9px 6px;font-size:clamp(12px,3.1vw,16px);min-height:46px}.english-category-icon[data-v-7ff67f14]{width:20px;height:20px}.english-intro[data-v-7ff67f14]{padding-inline:0;min-height:100px}.english-intro h1[data-v-7ff67f14]{font-size:32px}.english-intro p[data-v-7ff67f14]{font-size:13px}.preschool-grid[data-v-7ff67f14]{gap:10px}@supports (width: 1cqh){.preschool-grid[data-v-7ff67f14]{grid-template-columns:repeat(7,minmax(0,min(calc((100% - 60px) / 7),calc(37.5cqh - 3.75px))))}}.english-other-grid[data-v-7ff67f14]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.english-category-icon[data-v-7ff67f14]{display:none}}@media(orientation:landscape)and (max-height:620px){.english-library[data-v-7ff67f14]{gap:8px;padding-top:calc(env(safe-area-inset-top) + 22px);padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}.english-back[data-v-7ff67f14]{width:44px}.english-categories button[data-v-7ff67f14]{min-height:44px;padding-block:5px;font-size:23px}.english-intro[data-v-7ff67f14]{min-height:62px}.english-intro h1[data-v-7ff67f14]{font-size:32px;margin-bottom:3px}.english-intro p[data-v-7ff67f14]{font-size:14px}.preschool-hero[data-v-7ff67f14]{height:calc(100% + 54px)}.english-shelf[data-v-7ff67f14]{gap:8px;padding-top:8px}.english-shelf-heading h2[data-v-7ff67f14]{font-size:22px}.preschool-pagination[data-v-7ff67f14]{min-height:32px}.preschool-pagination button[data-v-7ff67f14]{height:32px}}.primary-library.bridge-library[data-v-7ff67f14]{height:100dvh;min-height:0;--english-side-space: max(24px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));padding:calc(env(safe-area-inset-top,0px) + 28px) var(--english-side-space) calc(env(safe-area-inset-bottom,0px) + 16px);gap:12px;overflow:hidden;container-type:normal;color:#084551;font-family:Quicksand,system-ui,sans-serif}.bridge-library .primary-layout[data-v-7ff67f14],.bridge-library .primary-shelf[data-v-7ff67f14]{display:contents}.bridge-library .primary-header[data-v-7ff67f14]{margin:0}.bridge-library .primary-intro[data-v-7ff67f14]{gap:14px}.bridge-library .primary-intro p[data-v-7ff67f14]{color:#417783;font-size:clamp(16px,1.7vw,27px);line-height:1.5;font-weight:700}.bridge-library .primary-scroll[data-v-7ff67f14]{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden;container-type:normal}.bridge-library .bridge-shelf-heading[data-v-7ff67f14]{min-height:0;margin:0;padding:0;gap:14px;justify-content:space-between}.bridge-library .bridge-heading-spacer[data-v-7ff67f14]{visibility:hidden}.bridge-library .primary-shelf-heading h2[data-v-7ff67f14]{line-height:normal}.bridge-library .primary-shelf-heading>span[data-v-7ff67f14]{font-size:clamp(14px,1.5vw,24px);color:#487986;font-weight:800}.primary-books-stage[data-v-7ff67f14]{display:contents}.bridge-library .primary-books-stage[data-v-7ff67f14]{display:block;flex:1;min-height:0;padding:2px 0 6px;container-type:size}.bridge-library .primary-books[data-v-7ff67f14]{height:100%;grid-template-columns:repeat(3,minmax(0,min(calc((100% - 28px) / 3),calc(100cqh - 18px))));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;justify-content:space-between}.bridge-library .primary-pagination[data-v-7ff67f14]{gap:24px;padding:0;min-height:40px}.bridge-library .primary-pagination button[data-v-7ff67f14]{width:clamp(48px,4.4vw,74px);height:clamp(38px,5.2vh,58px);border:1px solid #f3e4bf;border-radius:20px;background:#fffbee;color:#124e5a;box-shadow:0 3px 8px #c7a5391a}.bridge-library .primary-pagination button .material-symbols-outlined[data-v-7ff67f14]{font-size:36px}.bridge-library .primary-pagination button[data-v-7ff67f14]:disabled{color:#dfb566;opacity:.65}.bridge-library .primary-pagination>span[data-v-7ff67f14]{font-size:clamp(18px,1.9vw,29px);font-weight:800;min-width:72px}@media(max-width:950px){.primary-library.bridge-library[data-v-7ff67f14]{--english-side-space: max(16px, env(safe-area-inset-left), env(safe-area-inset-right))}.bridge-library .primary-intro p[data-v-7ff67f14]{font-size:15px}}@media(max-width:650px){.bridge-library .primary-intro p[data-v-7ff67f14]{font-size:13px}}@media(orientation:landscape)and (max-height:620px){.primary-library.bridge-library[data-v-7ff67f14]{gap:8px;padding-top:calc(env(safe-area-inset-top) + 22px);padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}.bridge-library .primary-intro p[data-v-7ff67f14]{font-size:14px}.bridge-library .primary-scroll[data-v-7ff67f14]{gap:8px;padding-top:8px}.bridge-library .primary-pagination[data-v-7ff67f14]{min-height:32px}.bridge-library .primary-pagination button[data-v-7ff67f14]{height:32px}}@media(orientation:portrait){.bridge-library .primary-books[data-v-7ff67f14]{grid-template-columns:repeat(2,minmax(0,min(calc((100% - 14px)/2),calc((100cqh - 34px) * 2 / 3))));grid-template-rows:repeat(3,minmax(0,1fr))}}.english-library[data-v-ce9d44ae]{height:100vh;height:100dvh;--english-side-space: max(24px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));padding:calc(env(safe-area-inset-top,0px) + 28px) var(--english-side-space) calc(env(safe-area-inset-bottom,0px) + 16px);display:flex;flex-direction:column;gap:12px;overflow:hidden;color:#084551;background:linear-gradient(to bottom,#fff4df,#fff4df 68%,#fff4df00 80%),#fffbef url(/images/songs/player-backdrop-v2.webp) center / cover no-repeat}.english-header[data-v-ce9d44ae]{display:flex;align-items:center;gap:clamp(20px,2.2vw,40px);flex:0 0 auto;z-index:1}.english-back[data-v-ce9d44ae]{display:block;flex:0 0 auto;width:clamp(52px,5.4vw,88px);aspect-ratio:1;border-radius:50%}.english-back img[data-v-ce9d44ae]{display:block;width:100%;height:100%;object-fit:contain}.english-categories[data-v-ce9d44ae]{display:flex;gap:clamp(12px,1.2vw,22px)}.english-categories button[data-v-ce9d44ae]{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.3vw,22px);min-height:clamp(56px,8.2vh,90px);padding:10px clamp(20px,2.5vw,44px);border:2px solid #f6ebcf;border-radius:999px;color:#0a4550;background:#fffdf2;box-shadow:0 4px 9px #c49c3020;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(24px,2.4vw,38px);white-space:nowrap}.english-categories button.active[data-v-ce9d44ae]{background:#ffe67d;border-color:#fff3b0;box-shadow:inset 0 3px 6px #fff8ce,0 6px 12px #e8ba4530}.english-category-icon[data-v-ce9d44ae]{display:block;flex:0 0 auto;width:clamp(38px,3.8vw,60px);height:clamp(38px,3.8vw,60px);object-fit:contain}.english-intro[data-v-ce9d44ae]{position:relative;flex:0 0 auto;min-height:clamp(88px,13vh,145px);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:14px}.english-intro>div[data-v-ce9d44ae]{z-index:1;max-width:62%}.english-intro h1[data-v-ce9d44ae]{margin:0 0 7px;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(36px,4vw,64px);font-weight:400;line-height:1.05}.english-intro p[data-v-ce9d44ae]{margin:0;color:#417783;font-size:clamp(16px,1.7vw,27px);line-height:1.5;font-weight:700}.is-preschool .english-intro[data-v-ce9d44ae]{min-height:clamp(48px,7vh,78px);padding-inline:18px}.preschool-hero[data-v-ce9d44ae]{position:absolute;right:18px;bottom:0;height:calc(100% + clamp(56px,8.2vh,90px) + 20px);width:25%;object-fit:contain;object-position:right bottom;pointer-events:none}.english-shelf[data-v-ce9d44ae]{position:relative;min-height:0;flex:1;display:flex;flex-direction:column;gap:12px;padding:12px 18px 8px;border-radius:32px;background:#fffef9;box-shadow:0 3px 14px #bea16a12,inset 0 0 0 1px #f5e8cd}.english-shelf-heading[data-v-ce9d44ae]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;flex-shrink:0}.english-shelf-heading h2[data-v-ce9d44ae]{position:relative;margin:0;padding-bottom:7px;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(24px,2.4vw,38px);font-weight:400}.english-shelf-heading h2[data-v-ce9d44ae]:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:5px;border-radius:9px;background:#ffcb37}.english-shelf-heading>span[data-v-ce9d44ae]{font-size:clamp(14px,1.5vw,24px);color:#487986;font-weight:800}.english-levels[data-v-ce9d44ae]{flex:0 0 auto;display:flex;gap:9px;overflow-x:auto;padding:2px 0 4px}.english-levels button[data-v-ce9d44ae]{flex:0 0 auto;border:1px solid #efdfb5;border-radius:18px;padding:6px 16px;color:#497a80;background:#fffcf0;font-weight:700}.english-levels button.active[data-v-ce9d44ae]{color:#764d13;background:#ffdf77}.preschool-stage[data-v-ce9d44ae]{flex:1;min-height:0;overflow-y:auto;padding:2px 0 6px;scrollbar-width:none;container-type:size}.preschool-stage[data-v-ce9d44ae]::-webkit-scrollbar{display:none}.preschool-grid[data-v-ce9d44ae]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;width:100%;align-content:start}@supports (width: 1cqh){.preschool-grid[data-v-ce9d44ae]{grid-template-columns:repeat(7,minmax(0,min(calc((100% - 84px) / 7),calc(37.5cqh - 5.25px))));justify-content:space-between}}.preschool-book[data-v-ce9d44ae]{position:relative;display:block;width:100%;min-width:0;aspect-ratio:3 / 4;padding:0;border:2px solid white;border-radius:clamp(15px,1.7vw,28px);overflow:hidden;background:#fffaf0;box-shadow:0 4px 8px #dab04429;transition:transform .15s ease}.preschool-book img[data-v-ce9d44ae]{display:block;width:100%;height:100%;object-fit:contain}.preschool-book[data-v-ce9d44ae]:active{transform:scale(.97)}.preschool-vip[data-v-ce9d44ae]{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:10px;color:#795011;background:#ffe187;font-size:11px;font-weight:900}.preschool-pagination[data-v-ce9d44ae]{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:24px;min-height:40px}.preschool-pagination button[data-v-ce9d44ae]{display:grid;place-items:center;width:clamp(48px,4.4vw,74px);height:clamp(38px,5.2vh,58px);border:1px solid #f3e4bf;border-radius:20px;background:#fffbee;color:#124e5a;box-shadow:0 3px 8px #c7a5391a}.preschool-pagination .material-symbols-outlined[data-v-ce9d44ae]{font-size:36px}.preschool-pagination button[data-v-ce9d44ae]:disabled{color:#dfb566;opacity:.65;cursor:default}.preschool-pagination>span[data-v-ce9d44ae]{font-size:clamp(18px,1.9vw,29px);font-weight:800;min-width:72px;text-align:center}.english-message[data-v-ce9d44ae]{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#688888;font-size:20px}.english-message button[data-v-ce9d44ae]{border:1px solid #f5d375;border-radius:999px;padding:10px 24px;background:#ffe38c;color:#27515a;font-weight:800}.english-other-grid[data-v-ce9d44ae]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:24px;padding:14px;overflow-y:auto;min-height:0}.english-library button[data-v-ce9d44ae]:focus-visible,.english-library a[data-v-ce9d44ae]:focus-visible{outline:3px solid #3c959d;outline-offset:2px}@media(max-width:950px){.english-library[data-v-ce9d44ae]{--english-side-space: max(16px, env(safe-area-inset-left), env(safe-area-inset-right))}.english-categories button[data-v-ce9d44ae]{padding-inline:18px;font-size:23px}.english-category-icon[data-v-ce9d44ae]{width:36px;height:36px}.english-intro p[data-v-ce9d44ae]{font-size:15px}.english-other-grid[data-v-ce9d44ae]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.english-header[data-v-ce9d44ae]{gap:10px}.english-back[data-v-ce9d44ae]{width:40px}.english-categories[data-v-ce9d44ae]{flex:1;min-width:0;gap:6px}.english-categories button[data-v-ce9d44ae]{flex:1;min-width:0;gap:6px;padding:9px 6px;font-size:clamp(12px,3.1vw,16px);min-height:46px}.english-category-icon[data-v-ce9d44ae]{width:20px;height:20px}.english-intro[data-v-ce9d44ae]{padding-inline:0;min-height:100px}.english-intro h1[data-v-ce9d44ae]{font-size:32px}.english-intro p[data-v-ce9d44ae]{font-size:13px}.preschool-grid[data-v-ce9d44ae]{gap:10px}@supports (width: 1cqh){.preschool-grid[data-v-ce9d44ae]{grid-template-columns:repeat(7,minmax(0,min(calc((100% - 60px) / 7),calc(37.5cqh - 3.75px))))}}.english-other-grid[data-v-ce9d44ae]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.english-category-icon[data-v-ce9d44ae]{display:none}}@media(orientation:landscape)and (max-height:620px){.english-library[data-v-ce9d44ae]{gap:8px;padding-top:calc(env(safe-area-inset-top) + 22px);padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}.english-back[data-v-ce9d44ae]{width:44px}.english-categories button[data-v-ce9d44ae]{min-height:44px;padding-block:5px;font-size:23px}.english-intro[data-v-ce9d44ae]{min-height:62px}.english-intro h1[data-v-ce9d44ae]{font-size:32px;margin-bottom:3px}.english-intro p[data-v-ce9d44ae]{font-size:14px}.preschool-hero[data-v-ce9d44ae]{height:calc(100% + 54px)}.english-shelf[data-v-ce9d44ae]{gap:8px;padding-top:8px}.english-shelf-heading h2[data-v-ce9d44ae]{font-size:22px}.preschool-pagination[data-v-ce9d44ae]{min-height:32px}.preschool-pagination button[data-v-ce9d44ae]{height:32px}}.learning-detail[data-v-fdc8d573]{--detail-top: max(28px, env(safe-area-inset-top, 0px));--detail-bottom: max(clamp(72px, 10vh, 100px), calc(env(safe-area-inset-bottom, 0px) + 56px) );--detail-side: clamp(64px, 6vw, 96px);--detail-header: clamp(56px, 9vh, 88px);--detail-gap: 16px;--detail-height: calc(100dvh - var(--detail-top) - var(--detail-bottom) - var(--detail-header) - var(--detail-gap));box-sizing:border-box;height:100dvh;display:flex;flex-direction:column;gap:var(--detail-gap);padding:var(--detail-top) max(var(--detail-side),env(safe-area-inset-right,0px)) var(--detail-bottom) max(var(--detail-side),env(safe-area-inset-left,0px));overflow:hidden;color:#06424e;background:#fffbee url(/images/home/book-detail-background-v2.webp) center / cover no-repeat;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.learning-detail button[data-v-fdc8d573]{cursor:pointer;font-family:inherit}.learning-detail button[data-v-fdc8d573]:focus-visible{outline:3px solid #ef9540;outline-offset:3px}.learning-accent-anchor[data-v-fdc8d573]{position:relative;width:fit-content;max-width:calc(100% - 1em)}.learning-accent[data-v-fdc8d573]{display:inline-block;flex:0 0 auto;width:.65em;height:1.1em;background-color:#ffd455;-webkit-mask:url(/images/home/learning-emphasis.webp) center / 150% no-repeat;mask:url(/images/home/learning-emphasis.webp) center / 150% no-repeat;pointer-events:none}.learning-accent-anchor>.learning-accent[data-v-fdc8d573]{position:absolute;left:calc(100% + .18em);top:50%;transform:translateY(-50%)}.learning-accent-green[data-v-fdc8d573]{background-color:#88c891}.learning-accent-left[data-v-fdc8d573]{transform:scaleX(-1)}.learning-detail-header[data-v-fdc8d573]{display:flex;align-items:center;height:var(--detail-header);flex:0 0 var(--detail-header);gap:clamp(20px,2.5vw,38px)}.learning-detail-heading[data-v-fdc8d573]{flex:1;min-width:0}.learning-detail-back[data-v-fdc8d573]{height:100%;aspect-ratio:1;padding:0;border:0;background:transparent;flex:0 0 auto}.learning-detail-back img[data-v-fdc8d573]{width:100%;height:100%;object-fit:contain}.learning-detail-header h1[data-v-fdc8d573]{max-width:none;margin:0;white-space:nowrap;font-size:min(clamp(30px,3.4vw,54px),calc(var(--detail-header) * .55));font-weight:900;letter-spacing:2px;line-height:1.1}.learning-detail-header p[data-v-fdc8d573]{margin:4px 0 0;white-space:nowrap;color:#819987;font-size:min(clamp(15px,1.5vw,23px),calc(var(--detail-header) * .24));line-height:1.25;font-weight:800}.learning-detail-body[data-v-fdc8d573]{height:var(--detail-height);flex:0 0 var(--detail-height);min-height:0;display:grid;grid-template-columns:calc(var(--detail-height) * .75) minmax(0,1fr);gap:clamp(24px,3.3vw,52px)}@media(orientation:landscape){.learning-detail-body[data-v-fdc8d573]{transform:scale(.9);transform-origin:center top}}.learning-detail-cover-area[data-v-fdc8d573]{min-width:0;height:100%}.learning-detail-cover[data-v-fdc8d573]{box-sizing:border-box;position:relative;width:100%;height:100%;aspect-ratio:3 / 4;border:clamp(7px,.9vw,14px) solid #fffdf6;border-radius:clamp(30px,3.8vw,60px);overflow:hidden;box-shadow:0 9px 22px #d5ac4920}.learning-detail-cover img[data-v-fdc8d573]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.learning-detail-content[data-v-fdc8d573]{min-width:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(10px,1.5vh,16px)}.learning-detail-copy[data-v-fdc8d573]{flex:0 0 auto;min-width:0}.learning-today[data-v-fdc8d573]{display:inline-block;padding:5px 24px;border-radius:50px;color:#895014;background:#ffe796;font-size:clamp(20px,2.1vw,33px);font-weight:900;line-height:1.35}.learning-detail-copy h2[data-v-fdc8d573]{margin:clamp(10px,1.8vh,18px) 0;font-size:clamp(30px,4.2vw,68px);font-weight:900;line-height:1.2;letter-spacing:1px}.learning-detail-description[data-v-fdc8d573]{margin:0 0 clamp(10px,1.4vh,16px);color:#81817a;font-size:clamp(17px,2vw,31px);line-height:1.45;font-weight:800;white-space:pre-line}.learning-intro-play[data-v-fdc8d573]{display:inline-flex;gap:12px;align-items:center;border:0;border-radius:40px;padding:8px 25px;color:#06424e;background:#ffeba9;box-shadow:0 4px 9px #d8b14920;font-size:clamp(18px,1.9vw,29px);font-weight:900;line-height:1.25}.learning-intro-play .material-symbols-outlined[data-v-fdc8d573]{color:#ff841e;font-size:1.5em;font-variation-settings:"FILL" 1}.learning-intro-play.active[data-v-fdc8d573]{background:#ffdb78}.learning-words[data-v-fdc8d573]{flex:0 0 auto;min-width:0}.learning-words h3[data-v-fdc8d573]{margin:0 0 10px;font-size:clamp(22px,2.4vw,37px);font-weight:900;line-height:1.2}.learning-word-strip[data-v-fdc8d573]{display:flex;gap:clamp(8px,.9vw,14px);overflow-x:auto;padding:0;scroll-snap-type:x proximity;scrollbar-width:none}.learning-word-strip[data-v-fdc8d573]::-webkit-scrollbar{display:none}.learning-word-card[data-v-fdc8d573]{box-sizing:border-box;position:relative;flex:0 0 calc((100% - (clamp(8px,.9vw,14px)*4))/5);aspect-ratio:3 / 4;min-width:0;padding:0;border:clamp(4px,.45vw,7px) solid #fff;border-radius:clamp(15px,2vw,28px);background:#fff9ee;overflow:hidden;scroll-snap-align:start}.learning-word-card img[data-v-fdc8d573]{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;display:block;object-fit:cover}.learning-word-card.active[data-v-fdc8d573]{box-shadow:inset 0 0 0 4px #f3b538}.learning-word-card.active img[data-v-fdc8d573]{opacity:.8}.learning-detail-start[data-v-fdc8d573]{flex:0 0 auto}.learning-detail-start p[data-v-fdc8d573]{display:flex;align-items:center;justify-content:center;gap:.45em;margin:0 0 8px;text-align:center;font-size:clamp(15px,1.65vw,25px);font-weight:800;color:#7fac89}.learning-detail-start button[data-v-fdc8d573]{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;height:clamp(58px,10vh,104px);padding:8px 20px;border:0;border-radius:60px;color:#fff;background:#ff725f;box-shadow:inset 0 3px 5px #ffbb98,inset 0 -5px 7px #e7493525,0 8px 16px #e8955230;font-size:clamp(28px,3.3vw,50px);font-weight:900}.learning-detail-start .material-symbols-outlined[data-v-fdc8d573]{font-size:1.5em;font-variation-settings:"FILL" 1}.learning-detail-back[data-v-fdc8d573],.learning-detail-start button[data-v-fdc8d573]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.learning-detail-back[data-v-fdc8d573]:active,.learning-detail-start button[data-v-fdc8d573]:active{transform:scale(.96);filter:brightness(.94)}.learning-detail-back.is-navigating[data-v-fdc8d573],.learning-detail-start button.is-navigating[data-v-fdc8d573]{animation:learning-navigation-tap-fdc8d573 .24s ease-out both;cursor:wait}.learning-detail-back[data-v-fdc8d573]:disabled:not(.is-navigating),.learning-detail-start button[data-v-fdc8d573]:disabled:not(.is-navigating){cursor:default}@keyframes learning-navigation-tap-fdc8d573{0%,to{transform:scale(1);filter:brightness(1)}35%{transform:scale(.93);filter:brightness(.93)}72%{transform:scale(1.025);filter:brightness(1.06)}}@media(prefers-reduced-motion:reduce){.learning-detail-back[data-v-fdc8d573]:active,.learning-detail-start button[data-v-fdc8d573]:active{transform:none}.learning-detail-back.is-navigating[data-v-fdc8d573],.learning-detail-start button.is-navigating[data-v-fdc8d573]{animation:none;filter:brightness(.94)}}.learning-detail-message[data-v-fdc8d573]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font-size:22px}.learning-detail-message button[data-v-fdc8d573]{border:0;border-radius:25px;padding:12px 28px;background:#ffe496}.learning-detail-notice[data-v-fdc8d573]{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:50%;transform:translate(-50%);max-width:90vw;padding:12px 22px;border-radius:25px;background:#174e50;color:#fff;box-shadow:0 4px 18px #0002;z-index:10}@media(max-aspect-ratio:7 / 5)and (orientation:landscape){.learning-detail[data-v-fdc8d573]{--detail-height: min(calc(100dvh - var(--detail-top) - var(--detail-bottom) - var(--detail-header) - var(--detail-gap)), 61vw)}.learning-detail-copy h2[data-v-fdc8d573]{font-size:3.5vw}.learning-detail-description[data-v-fdc8d573]{font-size:1.8vw}}@media(max-height:620px)and (orientation:landscape){.learning-detail[data-v-fdc8d573]{--detail-header: 46px;--detail-top: max(24px, env(safe-area-inset-top, 0px));--detail-bottom: max(48px, calc(env(safe-area-inset-bottom, 0px) + 32px) );--detail-gap: 10px}.learning-detail-header h1[data-v-fdc8d573]{font-size:28px}.learning-detail-header p[data-v-fdc8d573]{margin-top:2px;font-size:13px}.learning-detail-content[data-v-fdc8d573]{gap:8px}.learning-detail-copy h2[data-v-fdc8d573]{font-size:30px;margin:7px 0}.learning-detail-description[data-v-fdc8d573]{font-size:16px;line-height:1.3;margin-bottom:7px}.learning-today[data-v-fdc8d573]{padding:3px 18px;font-size:18px}.learning-intro-play[data-v-fdc8d573]{padding:5px 18px;font-size:17px}.learning-words h3[data-v-fdc8d573]{font-size:20px;margin-bottom:6px}.learning-word-card[data-v-fdc8d573]{flex-basis:min(calc((100% - 32px)/5),17vh)}.learning-detail-start p[data-v-fdc8d573]{font-size:13px;margin-bottom:4px}.learning-detail-start button[data-v-fdc8d573]{height:48px;font-size:27px}}@media(orientation:portrait){.learning-detail[data-v-fdc8d573]{height:auto;min-height:100dvh;overflow-y:auto;padding-left:20px;padding-right:20px}.learning-detail-body[data-v-fdc8d573]{height:auto;flex:1;display:flex;flex-direction:column}.learning-detail-cover-area[data-v-fdc8d573]{height:auto;display:flex;justify-content:center}.learning-detail-cover[data-v-fdc8d573]{width:min(65vw,340px);height:auto}.learning-detail-content[data-v-fdc8d573]{height:auto;gap:22px}.learning-word-card[data-v-fdc8d573]{flex-basis:calc((100% - 24px) / 3)}}.primary-book-detail[data-v-18baf8c4]{box-sizing:border-box;width:100%;height:100dvh;min-height:0;display:grid;grid-template-rows:max-content minmax(0,1fr);gap:clamp(12px,1.35vh,18px);padding:calc(env(safe-area-inset-top,0px) + clamp(16px,2.1vh,24px)) max(2.35vw,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + clamp(54px,7.2vh,76px)) max(2.35vw,env(safe-area-inset-left,0px));overflow:hidden;color:#073e4f;background:#fffbee url(/images/primary/library-background.webp) center / cover no-repeat;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}.primary-book-detail-header[data-v-18baf8c4]{min-width:0;display:flex;align-items:center;gap:clamp(18px,1.8vw,30px)}.primary-book-detail-back[data-v-18baf8c4]{flex:none;width:clamp(58px,5.15vw,82px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent}.primary-book-detail-back img[data-v-18baf8c4]{display:block;width:100%;height:100%;object-fit:contain}.primary-book-detail-heading[data-v-18baf8c4]{min-width:0;display:flex;align-items:baseline;gap:clamp(24px,2.5vw,42px)}.primary-book-detail-heading h1[data-v-18baf8c4]{flex:none;margin:0;color:#063e4e;font-family:inherit;font-size:clamp(40px,4vw,64px);font-weight:700;line-height:1;white-space:nowrap}.primary-book-detail-heading p[data-v-18baf8c4]{min-width:0;margin:0;color:#4c687a;font-size:clamp(18px,1.65vw,27px);font-weight:800;line-height:1.25;white-space:nowrap}.primary-book-detail-body[data-v-18baf8c4]{--primary-panel-shift: clamp(22px, 3vw, 58px);min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(16px,1.5vw,26px)}.primary-book-cover-frame[data-v-18baf8c4]{justify-self:center;height:100%;max-width:100%;aspect-ratio:3 / 4;overflow:hidden;border:3px solid #fff;border-radius:clamp(22px,2vw,34px);background:#fffaf1;box-shadow:0 7px 18px #68542924,0 0 0 1px #ebdfc4}.primary-book-cover-frame img[data-v-18baf8c4]{display:block;width:100%;height:100%;object-fit:contain;background:#fffaf1}.primary-book-info[data-v-18baf8c4]{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) max-content;padding:clamp(12px,1.25vw,20px) clamp(20px,2.15vw,36px) clamp(12px,1.2vw,20px);overflow:hidden;border:2px solid #eee0c3;border-radius:clamp(22px,2vw,34px);background:#fffef9f0;box-shadow:0 6px 18px #68542917;transform:translate(calc(0px - var(--primary-panel-shift)))}.primary-book-info-scroll[data-v-18baf8c4]{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a9d8c6 transparent}.primary-book-info h2[data-v-18baf8c4]{margin:clamp(5px,.55vh,8px) 0 0;color:#073e4f;font-family:inherit;font-size:clamp(32px,3.35vw,54px);font-weight:800;line-height:1.04;letter-spacing:-.045em;overflow-wrap:anywhere}.primary-book-chinese-title[data-v-18baf8c4]{margin:clamp(4px,.45vh,7px) 0 0;font-family:inherit;font-size:clamp(23px,2.1vw,34px);font-weight:700;line-height:1.1}.primary-book-objectives[data-v-18baf8c4]{margin-top:clamp(12px,1.35vh,18px)}.primary-book-info h3[data-v-18baf8c4]{margin:0;font-family:inherit;font-size:clamp(23px,2vw,32px);font-weight:700;line-height:1.2}.primary-book-objectives ul[data-v-18baf8c4]{margin:clamp(5px,.55vh,8px) 0 0;padding:0;display:grid;gap:clamp(5px,.55vh,8px);list-style:none}.primary-book-objectives li[data-v-18baf8c4]{display:flex;align-items:center;gap:clamp(10px,.9vw,15px);color:#526f80;font-size:clamp(18px,1.65vw,27px);font-weight:800;line-height:1.25}.primary-book-objectives li .material-symbols-outlined[data-v-18baf8c4]{flex:none;color:#65d1b2;font-size:clamp(27px,2.25vw,36px);font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 32}.primary-book-words[data-v-18baf8c4]{margin-top:clamp(11px,1.25vh,16px)}.primary-book-word-list[data-v-18baf8c4]{margin-top:clamp(9px,1vh,13px);display:flex;align-items:flex-start;gap:clamp(7px,.75vw,12px);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-snap-type:x proximity;scrollbar-width:none}.primary-book-word-list[data-v-18baf8c4]::-webkit-scrollbar{display:none}.primary-book-word-card[data-v-18baf8c4]{position:relative;flex:0 0 calc((100% - (clamp(7px,.75vw,12px)*4))/5);min-width:clamp(78px,7.2vw,114px);height:auto;padding:0;overflow:hidden;scroll-snap-align:start;border:clamp(3px,.35vw,6px) solid #f2d2a3;border-radius:clamp(14px,1.35vw,22px);background:#fffaf1;box-shadow:0 4px 9px #9d692a24}.primary-book-word-card img[data-v-18baf8c4]{display:block;width:100%;height:auto;object-fit:contain;background:#fffaf1}.primary-book-word-card.active[data-v-18baf8c4]{border-color:#65d1b2;box-shadow:0 0 0 3px #65d1b23d}.primary-book-word-card.active img[data-v-18baf8c4]{opacity:.78}.primary-book-actions[data-v-18baf8c4]{padding-top:clamp(8px,.9vh,12px)}.primary-book-start[data-v-18baf8c4]{width:100%;min-height:clamp(58px,7.2vh,72px);display:flex;align-items:center;justify-content:center;gap:clamp(10px,1vw,16px);padding:8px 24px;border:0;border-radius:999px;color:#fff;background:#ff6658;box-shadow:inset 0 4px 5px #ffffff38,0 7px 15px #e64a3b29;font-family:inherit;font-size:clamp(27px,2.45vw,39px);font-weight:700;line-height:1}.primary-book-start .material-symbols-outlined[data-v-18baf8c4]{font-size:clamp(37px,3.1vw,50px);font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 48}.primary-book-detail-message[data-v-18baf8c4]{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#557783;font-size:clamp(18px,1.8vw,28px);font-weight:800}.primary-book-detail-message p[data-v-18baf8c4]{margin:0}.primary-book-detail-message button[data-v-18baf8c4]{min-width:150px;min-height:48px;border:1px solid #f1cb73;border-radius:999px;color:#70510e;background:#ffe691;font-weight:800}.primary-book-notice[data-v-18baf8c4]{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);z-index:20;transform:translate(-50%);max-width:min(80vw,620px);padding:11px 22px;border-radius:999px;color:#fff;background:#073e4fe6;box-shadow:0 6px 16px #073e4f2e;font-weight:800;text-align:center}.primary-book-detail button[data-v-18baf8c4]{font-family:inherit;-webkit-tap-highlight-color:transparent}.primary-book-detail button[data-v-18baf8c4]:focus-visible{outline:3px solid #159e97;outline-offset:3px}.primary-book-detail button[data-v-18baf8c4]:active{transform:scale(.985)}@media(max-width:1100px)and (orientation:landscape){.primary-book-detail[data-v-18baf8c4]{padding-top:calc(env(safe-area-inset-top,0px) + 14px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 48px)}.primary-book-detail-heading[data-v-18baf8c4]{gap:18px}.primary-book-detail-body[data-v-18baf8c4]{--primary-panel-shift: 14px}.primary-book-info[data-v-18baf8c4]{padding:10px 22px}.primary-book-objectives[data-v-18baf8c4]{margin-top:10px}.primary-book-words[data-v-18baf8c4]{margin-top:9px}.primary-book-actions[data-v-18baf8c4]{padding-top:10px}}@media(orientation:landscape)and (max-height:650px){.primary-book-detail[data-v-18baf8c4]{gap:8px;padding-top:calc(env(safe-area-inset-top,0px) + 10px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 38px)}.primary-book-detail-back[data-v-18baf8c4]{width:50px}.primary-book-detail-heading h1[data-v-18baf8c4]{font-size:36px}}@media(orientation:portrait){.primary-book-detail[data-v-18baf8c4]{height:auto;min-height:100dvh;overflow-y:auto;padding-inline:max(4vw,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}.primary-book-detail-header[data-v-18baf8c4]{flex-wrap:wrap}.primary-book-detail-heading[data-v-18baf8c4]{flex:1;flex-direction:column;align-items:flex-start;gap:4px}.primary-book-detail-heading p[data-v-18baf8c4]{white-space:normal}.primary-book-detail-body[data-v-18baf8c4]{grid-template-columns:1fr}.primary-book-cover-frame[data-v-18baf8c4]{width:min(76vw,520px);height:auto}.primary-book-info[data-v-18baf8c4]{overflow:visible;transform:none}.primary-book-info-scroll[data-v-18baf8c4]{overflow:visible}}.score-feedback-host[data-v-8aaad5d0]{--score-reward-width: 320px;--score-reward-height: 58px;position:absolute;top:var(--score-feedback-top, 0px);left:50%;width:min(var(--score-reward-width),100%);height:var(--score-reward-height);transform:translate(-50%);z-index:120;pointer-events:none}.score-feedback-host.is-stacked[data-v-8aaad5d0]{position:relative;inset:auto;transform:none;grid-column:1 / -1;flex:0 0 100%;width:100%;display:flex;justify-content:center}.score-feedback-host.is-disabled[data-v-8aaad5d0]{display:none}.score-reward[data-v-8aaad5d0]{box-sizing:border-box;width:min(var(--score-reward-width),100%);height:var(--score-reward-height);display:flex;align-items:center;justify-content:center;gap:16px;padding:6px 20px;border:1px solid #eedba2;border-radius:999px;background:#fffdf3f2;box-shadow:inset 0 1px 1px #fff,0 4px 12px #92752b14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#805718;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif;animation:reward-arrive-and-leave-8aaad5d0 var(--score-feedback-duration) ease-out both}.score-reward strong[data-v-8aaad5d0]{white-space:nowrap;font-size:21px;font-weight:800;line-height:1.3}.score-reward-stars[data-v-8aaad5d0]{display:flex;align-items:center;gap:3px;flex:0 0 auto}.score-reward-stars img[data-v-8aaad5d0]{display:block;width:34px;height:34px;object-fit:contain;opacity:.3;filter:saturate(.25)}.score-reward-stars img.earned[data-v-8aaad5d0]{opacity:1;filter:none;animation:reward-star-light-8aaad5d0 .32s var(--star-delay) ease-out both}.score-reward-sr[data-v-8aaad5d0]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes reward-arrive-and-leave-8aaad5d0{0%{opacity:0;transform:translateY(-7px) scale(.97)}14%,80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-3px)}}@keyframes reward-star-light-8aaad5d0{0%{opacity:.3;transform:scale(.8)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media(max-height:620px),(max-width:767px){.score-feedback-host[data-v-8aaad5d0]{--score-reward-width: 272px;--score-reward-height: 44px}.score-reward[data-v-8aaad5d0]{gap:12px;padding:4px 16px}.score-reward strong[data-v-8aaad5d0]{font-size:18px}.score-reward-stars img[data-v-8aaad5d0]{width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.score-reward[data-v-8aaad5d0]{animation-name:reward-fade-8aaad5d0}.score-reward-stars img.earned[data-v-8aaad5d0]{animation:none}}@keyframes reward-fade-8aaad5d0{0%,to{opacity:0}14%,80%{opacity:1}}.word-flashcards[data-v-1e9953e7]{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:6px}.word-flashcards button[data-v-1e9953e7]{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.word-flashcards button[data-v-1e9953e7]:focus-visible{outline:3px solid #e88444;outline-offset:4px}.word-flashcards .material-symbols-outlined[data-v-1e9953e7]{font-variation-settings:"FILL" 1}.word-card-stage[data-v-1e9953e7]{--drag-x: 0px;position:relative;flex:1 1 0;min-height:0;container-type:size;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;overflow:hidden}.word-card[data-v-1e9953e7]{--card-width: min(29cqw, calc((100cqh - 8px)*.65) );--card-step: calc(var(--card-width) * .94 + clamp(12px, 1vw, 20px));box-sizing:border-box;position:absolute;top:4px;left:50%;width:var(--card-width);height:calc(100% - 8px);padding:clamp(8px,.75vw,12px);display:flex;flex-direction:column;gap:clamp(6px,1cqh,14px);border:3px solid transparent;border-radius:clamp(22px,3vw,52px);background:#fffdf5;box-shadow:inset 0 0 0 7px #fffef8,0 10px 28px #a28b471a;transform:translate(calc(-50% + var(--offset) * var(--card-step) + var(--drag-x))) scale(var(--card-scale)) perspective(calc(var(--card-width) * 3.2)) rotateY(calc(var(--offset) * 16deg));transform-origin:center;backface-visibility:hidden;transition:transform .28s ease,opacity .28s ease,border-color .28s ease;isolation:isolate}.word-card.current[data-v-1e9953e7]{border-color:#ffe492}.word-card.outside[data-v-1e9953e7]{opacity:0;pointer-events:none}.word-card-result[data-v-1e9953e7]{--result-star-size: max(16px, calc(var(--card-width) * .085));position:absolute;top:calc(var(--card-width) * .076);left:calc(var(--card-width) * .05);z-index:3;display:flex;align-items:center;max-width:calc(100% - 24px);pointer-events:none}.word-card-result-stars[data-v-1e9953e7]{display:flex;align-items:center;gap:calc(var(--result-star-size) * .12);flex:0 0 auto}.word-card-result-stars img[data-v-1e9953e7]{display:block;width:var(--result-star-size);height:var(--result-star-size);object-fit:contain;opacity:1;filter:grayscale(1) brightness(.76);transform-origin:center}.word-card-result-stars img[data-v-1e9953e7]:first-child{transform:rotate(-7deg)}.word-card-result-stars img[data-v-1e9953e7]:nth-child(2){transform:translateY(-22%) scale(1.14)}.word-card-result-stars img[data-v-1e9953e7]:last-child{transform:rotate(7deg)}.word-card-result-stars img.earned[data-v-1e9953e7]{filter:none}.word-card-picture[data-v-1e9953e7]{min-height:0;flex:1 1 0;overflow:hidden;border-radius:clamp(16px,2vw,38px)}.word-card-picture img[data-v-1e9953e7]{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}.word-card-actions[data-v-1e9953e7]{display:flex;flex:0 0 auto;gap:clamp(8px,1vw,18px)}.word-card-actions button[data-v-1e9953e7]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;min-height:44px;height:clamp(44px,12.8cqh,94px);padding:6px 8px;gap:clamp(4px,.6vw,10px);border:0;border-radius:60px;font-size:clamp(18px,1.95vw,32px);font-weight:900;white-space:nowrap}.word-card-pronounce[data-v-1e9953e7]{background:#d1f0dc;color:#063b4b;box-shadow:inset 0 -2px 2px #93d1b440}.word-card-evaluate[data-v-1e9953e7]{background:#ff7959;color:#fff;box-shadow:inset 0 2px 3px #ffb28d}.word-card-actions .material-symbols-outlined[data-v-1e9953e7]{font-size:clamp(26px,3.1vw,50px)}.word-card-actions button[data-v-1e9953e7]:disabled{cursor:default;opacity:.5}.word-card.preview .word-card-actions button[data-v-1e9953e7]:disabled{opacity:1}.word-card-evaluate.recording[data-v-1e9953e7]{outline:3px solid #ffda89;outline-offset:2px;font-size:clamp(14px,1.6vw,26px)}.word-card-unavailable[data-v-1e9953e7]{flex:0 0 auto;margin:0;color:#71828a;text-align:center;font-size:clamp(12px,1.2vw,19px)}.word-card-select[data-v-1e9953e7]{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:4;border:0;padding:0;border-radius:inherit;background:#fffdf48c;opacity:1;transition:opacity .28s ease;touch-action:pan-y pinch-zoom}.word-card-select[data-v-1e9953e7]:disabled{cursor:default}.word-card.current .word-card-select[data-v-1e9953e7]{opacity:0;pointer-events:none}.word-card-arrow[data-v-1e9953e7]{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:clamp(44px,5vw,84px);aspect-ratio:1;padding:0;border:1px solid #ffe492;border-radius:50%;color:#063b4b;background:#ffecad;transform:translateY(-50%);box-shadow:inset 0 -2px 2px #ecc25d30}.word-card-arrow.previous[data-v-1e9953e7]{left:0}.word-card-arrow.next[data-v-1e9953e7]{right:0}.word-card-arrow .material-symbols-outlined[data-v-1e9953e7]{font-size:clamp(34px,4vw,64px)}.word-card-arrow[data-v-1e9953e7]:disabled{opacity:.45}.word-card-footer[data-v-1e9953e7]{flex:0 0 auto;text-align:center;display:flex;flex-direction:column;gap:5px;padding:0 0 2px}.word-card-footer strong[data-v-1e9953e7]{font-size:clamp(18px,1.8vw,28px);font-weight:900;line-height:1.2}.word-card-footer>span[data-v-1e9953e7]{font-size:clamp(13px,1.3vw,21px);color:#71828a;font-weight:700;line-height:1.3}.word-card-stage.dragging .word-card[data-v-1e9953e7]{transition:none}.word-card-stage.at-boundary .word-card[data-v-1e9953e7]{transition-duration:.11s}@media(max-height:620px)and (orientation:landscape){.word-card[data-v-1e9953e7]{--card-width: min(48cqw, max(200px, calc((100cqh - 12px)*.65) ));top:6px;height:calc(100% - 12px);padding:8px}.word-card-actions button[data-v-1e9953e7]{height:44px;font-size:17px}.word-card-actions .material-symbols-outlined[data-v-1e9953e7]{font-size:26px}.word-card-footer[data-v-1e9953e7]{gap:2px}}@media(orientation:portrait){.word-card[data-v-1e9953e7]{--card-width: min(74cqw, calc((100cqh - 8px)*.65) )}.word-card-arrow[data-v-1e9953e7]{width:44px}.word-card-actions button[data-v-1e9953e7]{font-size:19px}}@media(prefers-reduced-motion:reduce){.word-card[data-v-1e9953e7],.word-card-select[data-v-1e9953e7]{transition:none!important}}.repeat-reader[data-v-e42a55e0]{--practice-ink: #063b4b;--practice-action: clamp(58px, 6.7vw, 108px);--practice-number: clamp(38px, 4vw, 64px);--practice-row-gap: clamp(10px, 1.4vh, 16px);--practice-cell-gap: clamp(10px, 1.2vw, 20px);box-sizing:border-box;height:100dvh;padding:max(26px,env(safe-area-inset-top,0px)) max(26px,env(safe-area-inset-right,0px)) max(20px,calc(env(safe-area-inset-bottom,0px) + 12px)) max(26px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:clamp(14px,2vh,22px);overflow:hidden;background:#fffdf4 url(/images/home/repeat-reader-background.webp) center / cover no-repeat;color:var(--practice-ink);font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.repeat-reader button[data-v-e42a55e0]{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.repeat-reader button[data-v-e42a55e0]:focus-visible{outline:3px solid #e88444;outline-offset:4px}.repeat-reader button[data-v-e42a55e0]:disabled{cursor:default}.repeat-reader .material-symbols-outlined[data-v-e42a55e0]{font-variation-settings:"FILL" 1}.repeat-header[data-v-e42a55e0]{display:grid;grid-template-columns:minmax(0,37fr) minmax(0,63fr);gap:clamp(24px,2vw,34px);flex:0 0 clamp(68px,10vh,100px);align-items:center}.has-word-mode .repeat-header[data-v-e42a55e0]{grid-template-columns:minmax(0,1fr) auto}.repeat-header-tools[data-v-e42a55e0]{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,2vw,32px)}.repeat-header-tools .repeat-progress[data-v-e42a55e0]{width:clamp(140px,22vw,370px);min-width:0;margin:0;font-size:clamp(17px,1.6vw,26px)}.repeat-reader .repeat-header.has-feedback-row[data-v-e42a55e0]{flex:0 0 auto;row-gap:8px}@media(orientation:landscape){.repeat-reader.word-mode[data-v-e42a55e0]{gap:0;padding-top:max(clamp(16px,3.4dvh,40px),env(safe-area-inset-top,0px));padding-bottom:max(clamp(16px,3.4dvh,40px),env(safe-area-inset-bottom,0px))}.word-mode .repeat-header[data-v-e42a55e0]{flex-basis:clamp(44px,7dvh,76px);align-items:start}}.repeat-mode-switch[data-v-e42a55e0]{display:flex;flex:0 0 auto;padding:3px;border:2px solid #f2ecd9;border-radius:60px;background:#fffdf5}.repeat-mode-switch button[data-v-e42a55e0]{border:1px solid transparent;border-radius:50px;padding:clamp(10px,1.3vw,20px) clamp(14px,1.9vw,30px);background:transparent;color:#063b4b;font-size:clamp(17px,1.8vw,28px);line-height:1.2;font-weight:900;white-space:nowrap}.repeat-mode-switch button[aria-pressed=true][data-v-e42a55e0]{border-color:#ffe492;background:#ffecad;box-shadow:inset 0 2px 3px #fff5cb}.repeat-mode-switch button[data-v-e42a55e0]:disabled{opacity:.55}.repeat-heading[data-v-e42a55e0]{display:flex;align-items:center;gap:clamp(16px,2vw,32px);min-width:0}.repeat-back[data-v-e42a55e0]{width:clamp(60px,6vw,94px);aspect-ratio:1;flex:0 0 auto;padding:0;border:0;background:transparent}.repeat-back img[data-v-e42a55e0]{width:100%;height:100%;display:block;object-fit:contain}.repeat-heading h1[data-v-e42a55e0]{margin:0;font-size:clamp(28px,3.4vw,54px);line-height:1.2;font-weight:900;white-space:nowrap}.repeat-progress[data-v-e42a55e0]{width:min(66%,540px);min-width:250px;margin-left:8%;display:flex;align-items:center;flex-direction:column;gap:20px;padding:0 14px 12px;font-size:clamp(19px,1.8vw,28px);line-height:1.2;font-weight:800}.repeat-progress-track[data-v-e42a55e0]{position:relative;width:100%;height:3px;border-radius:8px;background:#add8b8}.repeat-progress-track>i[data-v-e42a55e0]{position:absolute;inset:0 auto 0 0;height:100%;background:#8bc6a0}.repeat-progress-node[data-v-e42a55e0]{box-sizing:border-box;position:absolute;top:50%;width:clamp(18px,1.8vw,30px);aspect-ratio:1;border:3px solid #9fd1b0;border-radius:50%;background:#fffdf5;transform:translate(-50%,-50%)}.repeat-progress-node.completed[data-v-e42a55e0]{background:#d6eddd}.repeat-progress-node.current[data-v-e42a55e0]{width:clamp(25px,2.4vw,38px);background:#ff725c;border-color:#fff;box-shadow:0 0 0 5px #f4ede0}.repeat-body[data-v-e42a55e0]{display:grid;grid-template-columns:minmax(0,37fr) minmax(0,63fr);gap:clamp(24px,2vw,34px);flex:1 1 0;min-height:0}.repeat-cover-space[data-v-e42a55e0]{min-width:0;min-height:0;display:grid;place-items:center;container-type:size}.repeat-cover[data-v-e42a55e0]{box-sizing:border-box;position:relative;width:min(100%,75cqh);aspect-ratio:3 / 4;padding:0;border:clamp(8px,.8vw,13px) solid #fffdf6;border-radius:clamp(30px,3.3vw,52px);overflow:hidden;background:#fff0e5;box-shadow:0 6px 18px #a28b4720}.repeat-cover>img[data-v-e42a55e0]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.repeat-practice[data-v-e42a55e0]{display:flex;flex-direction:column;min-height:0;min-width:0;gap:clamp(12px,1.7vh,18px)}.repeat-practice-header[data-v-e42a55e0]{display:grid;grid-template-columns:minmax(0,1fr) var(--practice-action) var(--practice-action);align-items:end;column-gap:var(--practice-cell-gap);padding:0 clamp(12px,1.4vw,22px);flex:0 0 auto}.repeat-practice-header h2[data-v-e42a55e0]{margin:0 0 4px;font-size:clamp(25px,2.7vw,43px);font-weight:900;line-height:1.25;white-space:nowrap}.repeat-practice-header p[data-v-e42a55e0]{margin:0;font-size:clamp(16px,1.75vw,27px);color:#71828a;font-weight:800;line-height:1.35}.repeat-column-label[data-v-e42a55e0]{text-align:center;font-size:clamp(17px,1.8vw,29px);font-weight:900;padding-bottom:5px;white-space:nowrap}.repeat-rows[data-v-e42a55e0]{min-height:0;flex:1;display:grid;grid-auto-rows:max(calc(var(--practice-action) + 20px),calc((100% - (var(--row-count) - 1) * var(--practice-row-gap)) / var(--row-count)));gap:var(--practice-row-gap);overflow-y:auto;scrollbar-width:thin;padding:0 0 2px}.repeat-row[data-v-e42a55e0]{box-sizing:border-box;display:grid;grid-template-columns:var(--practice-number) minmax(0,1fr) var(--practice-action) var(--practice-action);align-items:center;gap:var(--practice-cell-gap);padding:7px clamp(12px,1.4vw,22px);border:3px solid #ffe6a2;border-radius:clamp(22px,2.2vw,36px);background:#fffaf0e8;min-width:0}.repeat-row.selected[data-v-e42a55e0]{border-color:#ff806b;background:#ffede5}.repeat-number[data-v-e42a55e0]{width:var(--practice-number);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#ffe085;box-shadow:inset 0 2px 2px #fff0ba,inset 0 -2px 3px #ecc25d30;font-size:clamp(26px,2.6vw,42px);font-weight:900;line-height:1}.repeat-row.selected .repeat-number[data-v-e42a55e0]{background:#ff7257;color:#fff;box-shadow:inset 0 2px 2px #ffb69b}.repeat-row-copy[data-v-e42a55e0]{min-width:0;min-height:0;max-height:100%;overflow-y:auto;scrollbar-width:thin;position:relative}.repeat-row-text[data-v-e42a55e0]{display:block;width:100%;padding:0;border:0;text-align:left;background:transparent;color:var(--practice-ink);font-size:clamp(23px,3vw,49px);font-weight:900;-webkit-text-stroke:.018em currentColor;line-height:1.18;overflow-wrap:anywhere}.repeat-listen[data-v-e42a55e0],.repeat-mic[data-v-e42a55e0]{position:relative;display:grid;place-items:center;width:var(--practice-action);aspect-ratio:1;padding:0;border:0;border-radius:50%}.repeat-listen[data-v-e42a55e0]{background:#d1f0dc;color:var(--practice-ink);box-shadow:inset 0 -2px 2px #93d1b440}.repeat-mic[data-v-e42a55e0]{background:#ffecad;color:#fb643b;box-shadow:inset 0 -2px 2px #f4ce6240}.repeat-row.selected .repeat-mic[data-v-e42a55e0]{background:#ff7959;color:#fff;box-shadow:inset 0 -2px 2px #ed573e55}.repeat-listen .material-symbols-outlined[data-v-e42a55e0],.repeat-mic .material-symbols-outlined[data-v-e42a55e0]{font-size:calc(var(--practice-action) * .56)}.repeat-mic small[data-v-e42a55e0]{position:absolute;bottom:6px;font-weight:800}.repeat-row.recording .repeat-mic[data-v-e42a55e0]{outline:4px solid #ffd796;outline-offset:3px}.repeat-score[data-v-e42a55e0]{display:flex;gap:1px;padding:0;margin-top:2px;border:0;color:#c8cecc;background:transparent}.repeat-score .material-symbols-outlined[data-v-e42a55e0]{font-size:clamp(13px,1.1vw,18px)}.repeat-score .filled[data-v-e42a55e0]{color:#efb727}.repeat-footer[data-v-e42a55e0]{flex:0 0 clamp(54px,8vh,86px);display:flex;align-items:stretch;justify-content:flex-end;gap:18px}.repeat-next[data-v-e42a55e0],.repeat-prev[data-v-e42a55e0]{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px clamp(22px,2.7vw,42px);border-radius:55px;font-size:clamp(23px,2.5vw,40px);font-weight:900;line-height:1.2}.repeat-next[data-v-e42a55e0],.repeat-prev[data-v-e42a55e0]{border:2px solid #ff8669;background:#ff7457;color:#fff;box-shadow:inset 0 2px 3px #ffb28d,0 3px 5px #d4a75e20}.repeat-prev[data-v-e42a55e0]{margin-right:auto}.repeat-next .material-symbols-outlined[data-v-e42a55e0],.repeat-prev .material-symbols-outlined[data-v-e42a55e0]{font-size:1.4em}.repeat-footer button[data-v-e42a55e0]:disabled{opacity:.55}.repeat-message[data-v-e42a55e0]{flex:1;min-height:0;display:grid;place-items:center;font-size:24px}.repeat-reader .recording-focus-overlay[data-v-e42a55e0]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:115;display:grid;place-items:center;background:#fff9efbb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.repeat-reader .recording-focus-button[data-v-e42a55e0]{width:clamp(170px,17vw,250px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent}.repeat-reader .recording-focus-ring[data-v-e42a55e0]{position:relative;width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#ff7959;box-shadow:0 12px 30px #e86c4140}.repeat-reader .recording-focus-ring svg[data-v-e42a55e0]{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;width:calc(100% + 24px);height:calc(100% + 24px)}.repeat-reader .recording-focus-ring>.material-symbols-outlined[data-v-e42a55e0]{color:#fff;font-size:clamp(90px,10vw,142px)}@media(max-width:1100px)and (orientation:landscape){.repeat-reader[data-v-e42a55e0]{--practice-action: 62px;--practice-number: 38px;--practice-cell-gap: 10px}.repeat-heading h1[data-v-e42a55e0]{font-size:30px}.repeat-practice-header h2[data-v-e42a55e0]{font-size:26px}.repeat-practice-header p[data-v-e42a55e0]{font-size:17px}.repeat-row-text[data-v-e42a55e0]{font-size:30px}.repeat-column-label[data-v-e42a55e0]{font-size:17px}}@media(max-height:620px)and (orientation:landscape){.repeat-reader[data-v-e42a55e0]{--practice-action: 48px;--practice-number: 32px;--practice-row-gap: 8px;gap:10px;padding-top:max(24px,env(safe-area-inset-top,0px));padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}.repeat-header[data-v-e42a55e0]{flex-basis:50px}.repeat-back[data-v-e42a55e0]{width:48px}.repeat-heading h1[data-v-e42a55e0]{font-size:28px}.repeat-progress[data-v-e42a55e0]{gap:14px;font-size:17px;padding-bottom:8px}.repeat-practice[data-v-e42a55e0]{gap:8px}.repeat-practice-header h2[data-v-e42a55e0]{font-size:23px}.repeat-practice-header p[data-v-e42a55e0]{font-size:15px}.repeat-row-text[data-v-e42a55e0]{font-size:25px}.repeat-number[data-v-e42a55e0]{font-size:24px}.repeat-footer[data-v-e42a55e0]{flex-basis:44px}.repeat-next[data-v-e42a55e0],.repeat-prev[data-v-e42a55e0]{font-size:23px}.repeat-reader.word-mode[data-v-e42a55e0]{gap:0;padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}}@media(orientation:portrait){.repeat-reader[data-v-e42a55e0]{height:auto;min-height:100dvh;overflow-y:auto;--practice-action: 52px;--practice-number: 32px;--practice-cell-gap: 8px;padding-left:18px;padding-right:18px}.repeat-header[data-v-e42a55e0]{grid-template-columns:1fr;gap:18px;flex-basis:auto}.repeat-heading h1[data-v-e42a55e0]{font-size:30px}.repeat-back[data-v-e42a55e0]{width:54px}.repeat-progress[data-v-e42a55e0]{width:80%;min-width:0;margin:0 auto}.repeat-body[data-v-e42a55e0]{display:flex;flex-direction:column;flex:auto}.repeat-cover-space[data-v-e42a55e0]{container-type:normal}.repeat-cover[data-v-e42a55e0]{width:min(68vw,340px)}.repeat-practice-header[data-v-e42a55e0]{padding:0 10px}.repeat-practice-header h2[data-v-e42a55e0]{font-size:22px;white-space:normal}.repeat-practice-header p[data-v-e42a55e0],.repeat-column-label[data-v-e42a55e0]{font-size:14px}.repeat-rows[data-v-e42a55e0]{grid-auto-rows:minmax(86px,auto);overflow:visible}.repeat-row[data-v-e42a55e0]{padding:10px}.repeat-row-text[data-v-e42a55e0],.repeat-number[data-v-e42a55e0]{font-size:23px}.repeat-footer[data-v-e42a55e0]{flex-basis:54px}.has-word-mode .repeat-header[data-v-e42a55e0]{grid-template-columns:1fr}.repeat-header-tools[data-v-e42a55e0]{justify-content:space-between;flex-wrap:wrap;gap:12px}.repeat-header-tools .repeat-progress[data-v-e42a55e0]{flex:1 1 140px;width:auto;padding-left:8px;padding-right:8px}.repeat-mode-switch[data-v-e42a55e0]{margin-left:auto}.word-mode .repeat-header-tools[data-v-e42a55e0]{justify-content:flex-end}.repeat-mode-switch button[data-v-e42a55e0]{font-size:16px;padding:10px 13px}.repeat-reader.word-mode[data-v-e42a55e0]{height:100dvh;min-height:0;overflow:hidden}}@media(max-width:900px)and (orientation:landscape){.has-word-mode .repeat-heading[data-v-e42a55e0]{gap:12px}.has-word-mode .repeat-heading h1[data-v-e42a55e0]{font-size:26px}.has-word-mode .repeat-header-tools[data-v-e42a55e0]{gap:12px}.repeat-mode-switch button[data-v-e42a55e0]{font-size:16px;padding:10px 13px}.repeat-header-tools .repeat-progress[data-v-e42a55e0]{width:135px;font-size:15px}}.repeat-reader[data-v-59e7d155]{--practice-ink: #063b4b;--practice-action: clamp(58px, 6.7vw, 108px);--practice-number: clamp(38px, 4vw, 64px);--practice-row-gap: clamp(10px, 1.4vh, 16px);--practice-cell-gap: clamp(10px, 1.2vw, 20px);box-sizing:border-box;height:100dvh;padding:max(26px,env(safe-area-inset-top,0px)) max(26px,env(safe-area-inset-right,0px)) max(20px,calc(env(safe-area-inset-bottom,0px) + 12px)) max(26px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:clamp(14px,2vh,22px);overflow:hidden;background:#fffdf4 url(/images/home/repeat-reader-background.webp) center / cover no-repeat;color:var(--practice-ink);font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.repeat-reader button[data-v-59e7d155]{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.repeat-reader button[data-v-59e7d155]:focus-visible{outline:3px solid #e88444;outline-offset:4px}.repeat-reader button[data-v-59e7d155]:disabled{cursor:default}.repeat-reader .material-symbols-outlined[data-v-59e7d155]{font-variation-settings:"FILL" 1}.repeat-header[data-v-59e7d155]{display:grid;grid-template-columns:minmax(0,37fr) minmax(0,63fr);gap:clamp(24px,2vw,34px);flex:0 0 clamp(68px,10vh,100px);align-items:center}.has-word-mode .repeat-header[data-v-59e7d155]{grid-template-columns:minmax(0,1fr) auto}.repeat-header-tools[data-v-59e7d155]{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,2vw,32px)}.repeat-header-tools .repeat-progress[data-v-59e7d155]{width:clamp(140px,22vw,370px);min-width:0;margin:0;font-size:clamp(17px,1.6vw,26px)}.repeat-reader .repeat-header.has-feedback-row[data-v-59e7d155]{flex:0 0 auto;row-gap:8px}@media(orientation:landscape){.repeat-reader.word-mode[data-v-59e7d155]{gap:0;padding-top:max(clamp(16px,3.4dvh,40px),env(safe-area-inset-top,0px));padding-bottom:max(clamp(16px,3.4dvh,40px),env(safe-area-inset-bottom,0px))}.word-mode .repeat-header[data-v-59e7d155]{flex-basis:clamp(44px,7dvh,76px);align-items:start}}.repeat-mode-switch[data-v-59e7d155]{display:flex;flex:0 0 auto;padding:3px;border:2px solid #f2ecd9;border-radius:60px;background:#fffdf5}.repeat-mode-switch button[data-v-59e7d155]{border:1px solid transparent;border-radius:50px;padding:clamp(10px,1.3vw,20px) clamp(14px,1.9vw,30px);background:transparent;color:#063b4b;font-size:clamp(17px,1.8vw,28px);line-height:1.2;font-weight:900;white-space:nowrap}.repeat-mode-switch button[aria-pressed=true][data-v-59e7d155]{border-color:#ffe492;background:#ffecad;box-shadow:inset 0 2px 3px #fff5cb}.repeat-mode-switch button[data-v-59e7d155]:disabled{opacity:.55}.repeat-heading[data-v-59e7d155]{display:flex;align-items:center;gap:clamp(16px,2vw,32px);min-width:0}.repeat-back[data-v-59e7d155]{width:clamp(60px,6vw,94px);aspect-ratio:1;flex:0 0 auto;padding:0;border:0;background:transparent}.repeat-back img[data-v-59e7d155]{width:100%;height:100%;display:block;object-fit:contain}.repeat-heading h1[data-v-59e7d155]{margin:0;font-size:clamp(28px,3.4vw,54px);line-height:1.2;font-weight:900;white-space:nowrap}.repeat-progress[data-v-59e7d155]{width:min(66%,540px);min-width:250px;margin-left:8%;display:flex;align-items:center;flex-direction:column;gap:20px;padding:0 14px 12px;font-size:clamp(19px,1.8vw,28px);line-height:1.2;font-weight:800}.repeat-progress-track[data-v-59e7d155]{position:relative;width:100%;height:3px;border-radius:8px;background:#add8b8}.repeat-progress-track>i[data-v-59e7d155]{position:absolute;inset:0 auto 0 0;height:100%;background:#8bc6a0}.repeat-progress-node[data-v-59e7d155]{box-sizing:border-box;position:absolute;top:50%;width:clamp(18px,1.8vw,30px);aspect-ratio:1;border:3px solid #9fd1b0;border-radius:50%;background:#fffdf5;transform:translate(-50%,-50%)}.repeat-progress-node.completed[data-v-59e7d155]{background:#d6eddd}.repeat-progress-node.current[data-v-59e7d155]{width:clamp(25px,2.4vw,38px);background:#ff725c;border-color:#fff;box-shadow:0 0 0 5px #f4ede0}.repeat-body[data-v-59e7d155]{display:grid;grid-template-columns:minmax(0,37fr) minmax(0,63fr);gap:clamp(24px,2vw,34px);flex:1 1 0;min-height:0}.repeat-cover-space[data-v-59e7d155]{min-width:0;min-height:0;display:grid;place-items:center;container-type:size}.repeat-cover[data-v-59e7d155]{box-sizing:border-box;position:relative;width:min(100%,75cqh);aspect-ratio:3 / 4;padding:0;border:clamp(8px,.8vw,13px) solid #fffdf6;border-radius:clamp(30px,3.3vw,52px);overflow:hidden;background:#fff0e5;box-shadow:0 6px 18px #a28b4720}.repeat-cover>img[data-v-59e7d155]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.repeat-practice[data-v-59e7d155]{display:flex;flex-direction:column;min-height:0;min-width:0;gap:clamp(12px,1.7vh,18px)}.repeat-practice-header[data-v-59e7d155]{display:grid;grid-template-columns:minmax(0,1fr) var(--practice-action) var(--practice-action);align-items:end;column-gap:var(--practice-cell-gap);padding:0 clamp(12px,1.4vw,22px);flex:0 0 auto}.repeat-practice-header h2[data-v-59e7d155]{margin:0 0 4px;font-size:clamp(25px,2.7vw,43px);font-weight:900;line-height:1.25;white-space:nowrap}.repeat-practice-header p[data-v-59e7d155]{margin:0;font-size:clamp(16px,1.75vw,27px);color:#71828a;font-weight:800;line-height:1.35}.repeat-column-label[data-v-59e7d155]{text-align:center;font-size:clamp(17px,1.8vw,29px);font-weight:900;padding-bottom:5px;white-space:nowrap}.repeat-rows[data-v-59e7d155]{min-height:0;flex:1;display:grid;grid-auto-rows:max(calc(var(--practice-action) + 20px),calc((100% - (var(--row-count) - 1) * var(--practice-row-gap)) / var(--row-count)));gap:var(--practice-row-gap);overflow-y:auto;scrollbar-width:thin;padding:0 0 2px}.repeat-row[data-v-59e7d155]{box-sizing:border-box;display:grid;grid-template-columns:var(--practice-number) minmax(0,1fr) var(--practice-action) var(--practice-action);align-items:center;gap:var(--practice-cell-gap);padding:7px clamp(12px,1.4vw,22px);border:3px solid #ffe6a2;border-radius:clamp(22px,2.2vw,36px);background:#fffaf0e8;min-width:0}.repeat-row.selected[data-v-59e7d155]{border-color:#ff806b;background:#ffede5}.repeat-number[data-v-59e7d155]{width:var(--practice-number);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#ffe085;box-shadow:inset 0 2px 2px #fff0ba,inset 0 -2px 3px #ecc25d30;font-size:clamp(26px,2.6vw,42px);font-weight:900;line-height:1}.repeat-row.selected .repeat-number[data-v-59e7d155]{background:#ff7257;color:#fff;box-shadow:inset 0 2px 2px #ffb69b}.repeat-row-copy[data-v-59e7d155]{min-width:0;min-height:0;max-height:100%;overflow-y:auto;scrollbar-width:thin;position:relative}.repeat-row-text[data-v-59e7d155]{display:block;width:100%;padding:0;border:0;text-align:left;background:transparent;color:var(--practice-ink);font-size:clamp(23px,3vw,49px);font-weight:900;-webkit-text-stroke:.018em currentColor;line-height:1.18;overflow-wrap:anywhere}.repeat-listen[data-v-59e7d155],.repeat-mic[data-v-59e7d155]{position:relative;display:grid;place-items:center;width:var(--practice-action);aspect-ratio:1;padding:0;border:0;border-radius:50%}.repeat-listen[data-v-59e7d155]{background:#d1f0dc;color:var(--practice-ink);box-shadow:inset 0 -2px 2px #93d1b440}.repeat-mic[data-v-59e7d155]{background:#ffecad;color:#fb643b;box-shadow:inset 0 -2px 2px #f4ce6240}.repeat-row.selected .repeat-mic[data-v-59e7d155]{background:#ff7959;color:#fff;box-shadow:inset 0 -2px 2px #ed573e55}.repeat-listen .material-symbols-outlined[data-v-59e7d155],.repeat-mic .material-symbols-outlined[data-v-59e7d155]{font-size:calc(var(--practice-action) * .56)}.repeat-mic small[data-v-59e7d155]{position:absolute;bottom:6px;font-weight:800}.repeat-row.recording .repeat-mic[data-v-59e7d155]{outline:4px solid #ffd796;outline-offset:3px}.repeat-score[data-v-59e7d155]{display:flex;gap:1px;padding:0;margin-top:2px;border:0;color:#c8cecc;background:transparent}.repeat-score .material-symbols-outlined[data-v-59e7d155]{font-size:clamp(13px,1.1vw,18px)}.repeat-score .filled[data-v-59e7d155]{color:#efb727}.repeat-footer[data-v-59e7d155]{flex:0 0 clamp(54px,8vh,86px);display:flex;align-items:stretch;justify-content:flex-end;gap:18px}.repeat-next[data-v-59e7d155],.repeat-prev[data-v-59e7d155]{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px clamp(22px,2.7vw,42px);border-radius:55px;font-size:clamp(23px,2.5vw,40px);font-weight:900;line-height:1.2}.repeat-next[data-v-59e7d155],.repeat-prev[data-v-59e7d155]{border:2px solid #ff8669;background:#ff7457;color:#fff;box-shadow:inset 0 2px 3px #ffb28d,0 3px 5px #d4a75e20}.repeat-prev[data-v-59e7d155]{margin-right:auto}.repeat-next .material-symbols-outlined[data-v-59e7d155],.repeat-prev .material-symbols-outlined[data-v-59e7d155]{font-size:1.4em}.repeat-footer button[data-v-59e7d155]:disabled{opacity:.55}.repeat-message[data-v-59e7d155]{flex:1;min-height:0;display:grid;place-items:center;font-size:24px}.repeat-reader .recording-focus-overlay[data-v-59e7d155]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:115;display:grid;place-items:center;background:#fff9efbb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.repeat-reader .recording-focus-button[data-v-59e7d155]{width:clamp(170px,17vw,250px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent}.repeat-reader .recording-focus-ring[data-v-59e7d155]{position:relative;width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#ff7959;box-shadow:0 12px 30px #e86c4140}.repeat-reader .recording-focus-ring svg[data-v-59e7d155]{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;width:calc(100% + 24px);height:calc(100% + 24px)}.repeat-reader .recording-focus-ring>.material-symbols-outlined[data-v-59e7d155]{color:#fff;font-size:clamp(90px,10vw,142px)}@media(max-width:1100px)and (orientation:landscape){.repeat-reader[data-v-59e7d155]{--practice-action: 62px;--practice-number: 38px;--practice-cell-gap: 10px}.repeat-heading h1[data-v-59e7d155]{font-size:30px}.repeat-practice-header h2[data-v-59e7d155]{font-size:26px}.repeat-practice-header p[data-v-59e7d155]{font-size:17px}.repeat-row-text[data-v-59e7d155]{font-size:30px}.repeat-column-label[data-v-59e7d155]{font-size:17px}}@media(max-height:620px)and (orientation:landscape){.repeat-reader[data-v-59e7d155]{--practice-action: 48px;--practice-number: 32px;--practice-row-gap: 8px;gap:10px;padding-top:max(24px,env(safe-area-inset-top,0px));padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}.repeat-header[data-v-59e7d155]{flex-basis:50px}.repeat-back[data-v-59e7d155]{width:48px}.repeat-heading h1[data-v-59e7d155]{font-size:28px}.repeat-progress[data-v-59e7d155]{gap:14px;font-size:17px;padding-bottom:8px}.repeat-practice[data-v-59e7d155]{gap:8px}.repeat-practice-header h2[data-v-59e7d155]{font-size:23px}.repeat-practice-header p[data-v-59e7d155]{font-size:15px}.repeat-row-text[data-v-59e7d155]{font-size:25px}.repeat-number[data-v-59e7d155]{font-size:24px}.repeat-footer[data-v-59e7d155]{flex-basis:44px}.repeat-next[data-v-59e7d155],.repeat-prev[data-v-59e7d155]{font-size:23px}.repeat-reader.word-mode[data-v-59e7d155]{gap:0;padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}}@media(orientation:portrait){.repeat-reader[data-v-59e7d155]{height:auto;min-height:100dvh;overflow-y:auto;--practice-action: 52px;--practice-number: 32px;--practice-cell-gap: 8px;padding-left:18px;padding-right:18px}.repeat-header[data-v-59e7d155]{grid-template-columns:1fr;gap:18px;flex-basis:auto}.repeat-heading h1[data-v-59e7d155]{font-size:30px}.repeat-back[data-v-59e7d155]{width:54px}.repeat-progress[data-v-59e7d155]{width:80%;min-width:0;margin:0 auto}.repeat-body[data-v-59e7d155]{display:flex;flex-direction:column;flex:auto}.repeat-cover-space[data-v-59e7d155]{container-type:normal}.repeat-cover[data-v-59e7d155]{width:min(68vw,340px)}.repeat-practice-header[data-v-59e7d155]{padding:0 10px}.repeat-practice-header h2[data-v-59e7d155]{font-size:22px;white-space:normal}.repeat-practice-header p[data-v-59e7d155],.repeat-column-label[data-v-59e7d155]{font-size:14px}.repeat-rows[data-v-59e7d155]{grid-auto-rows:minmax(86px,auto);overflow:visible}.repeat-row[data-v-59e7d155]{padding:10px}.repeat-row-text[data-v-59e7d155],.repeat-number[data-v-59e7d155]{font-size:23px}.repeat-footer[data-v-59e7d155]{flex-basis:54px}.has-word-mode .repeat-header[data-v-59e7d155]{grid-template-columns:1fr}.repeat-header-tools[data-v-59e7d155]{justify-content:space-between;flex-wrap:wrap;gap:12px}.repeat-header-tools .repeat-progress[data-v-59e7d155]{flex:1 1 140px;width:auto;padding-left:8px;padding-right:8px}.repeat-mode-switch[data-v-59e7d155]{margin-left:auto}.word-mode .repeat-header-tools[data-v-59e7d155]{justify-content:flex-end}.repeat-mode-switch button[data-v-59e7d155]{font-size:16px;padding:10px 13px}.repeat-reader.word-mode[data-v-59e7d155]{height:100dvh;min-height:0;overflow:hidden}}@media(max-width:900px)and (orientation:landscape){.has-word-mode .repeat-heading[data-v-59e7d155]{gap:12px}.has-word-mode .repeat-heading h1[data-v-59e7d155]{font-size:26px}.has-word-mode .repeat-header-tools[data-v-59e7d155]{gap:12px}.repeat-mode-switch button[data-v-59e7d155]{font-size:16px;padding:10px 13px}.repeat-header-tools .repeat-progress[data-v-59e7d155]{width:135px;font-size:15px}}.primary-row-leading[data-v-59e7d155]{position:relative;width:var(--practice-number)}.primary-row-leading .repeat-score[data-v-59e7d155]{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);margin:0;white-space:nowrap}.primary-row-chinese[data-v-59e7d155]{margin:5px 0 0;color:#71828a;font-size:clamp(15px,1.55vw,25px);font-weight:600;line-height:1.35;overflow-wrap:anywhere}.primary-study .repeat-cover[data-v-59e7d155]{width:min(100%,67cqh);aspect-ratio:.67 / 1;border-radius:clamp(24px,2.7vw,42px)}.primary-study .repeat-cover>img[data-v-59e7d155]{object-fit:contain;background:#fffdf8}.primary-study-page-number[data-v-59e7d155]{position:absolute;right:clamp(14px,1.3vw,21px);bottom:clamp(12px,1.2vw,20px);z-index:2;min-width:clamp(62px,5.4vw,86px);padding:4px 9px;border-radius:999px;color:#078eea;background:#ffffffe0;box-shadow:0 2px 8px #14608c1f;font-size:clamp(21px,2vw,32px);font-weight:800;line-height:1.1;text-align:center}@media(orientation:portrait){.primary-study .repeat-cover[data-v-59e7d155]{width:min(64vw,320px)}}.graded-reader[data-v-32edc0b8]{--ink: #174d59;--muted: #5c7e86;--mint: #57c5a0;--coral: #ff7167;box-sizing:border-box;width:100%;height:100dvh;min-height:610px;overflow:hidden;padding:max(48px,calc(env(safe-area-inset-top) + 22px)) max(28px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));display:grid;grid-template-rows:clamp(82px,10vh,104px) minmax(0,1fr);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;background:#fffaf0 url(/images/primary/graded-library-background-v3.webp) center / cover no-repeat}.graded-reader[data-v-32edc0b8] *,.graded-reader[data-v-32edc0b8] *:before,.graded-reader[data-v-32edc0b8] *:after{box-sizing:border-box}.graded-reader button[data-v-32edc0b8]{font:inherit}.graded-reader-header[data-v-32edc0b8]{min-width:0;display:flex;align-items:center;gap:clamp(18px,2vw,34px)}.graded-reader-back[data-v-32edc0b8]{flex:0 0 auto;width:clamp(62px,5.5vw,84px);aspect-ratio:1;border:0;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:#ffe17b;box-shadow:0 7px 18px #cc9e3924;cursor:pointer}.graded-reader-back .material-symbols-outlined[data-v-32edc0b8]{font-size:clamp(42px,3.8vw,58px);font-weight:700}.graded-reader-title[data-v-32edc0b8]{min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.1}.graded-reader-title h1[data-v-32edc0b8]{margin:0 0 3px;max-width:44vw;overflow:hidden;color:var(--ink);font-size:clamp(27px,2.55vw,42px);font-weight:700;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.graded-reader-title strong[data-v-32edc0b8]{max-width:44vw;overflow:hidden;font-size:clamp(24px,2.15vw,35px);font-weight:700;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.graded-reader-header-actions[data-v-32edc0b8]{margin-left:auto;display:flex;align-items:center;gap:clamp(10px,1vw,16px)}.graded-reader-mode[data-v-32edc0b8]{min-width:clamp(126px,11vw,170px);height:clamp(48px,5.7vh,62px);padding:0 20px;border:2px solid rgba(70,159,134,.25);border-radius:999px;color:#44727b;background:#ffffffd6;font-size:clamp(17px,1.45vw,23px);font-weight:600;cursor:pointer}.graded-reader-mode.active[data-v-32edc0b8]{border-color:var(--mint);color:#fff;background:var(--mint)}.graded-reader-content[data-v-32edc0b8]{min-height:0;padding-top:clamp(8px,1.5vh,18px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;justify-items:center;gap:clamp(8px,1.2vh,14px)}.graded-reader-picture-row[data-v-32edc0b8]{min-width:0;width:100%;height:100%;display:grid;grid-template-columns:clamp(58px,5.2vw,82px) minmax(0,1fr) clamp(58px,5.2vw,82px);align-items:center;justify-items:center;gap:clamp(10px,1.5vw,24px)}.graded-reader-picture[data-v-32edc0b8]{position:relative;min-width:0;width:auto;max-width:100%;height:100%;max-height:100%;aspect-ratio:16 / 9;margin:0;overflow:hidden;border:0;border-radius:clamp(18px,1.7vw,26px);background:transparent;box-shadow:0 10px 24px #2f695b14}.graded-reader-picture img[data-v-32edc0b8]{width:100%;height:100%;display:block;border:0;object-fit:cover}.graded-reader-picture-page[data-v-32edc0b8]{position:absolute;right:clamp(12px,1.2vw,20px);bottom:clamp(10px,1vw,17px);min-width:clamp(64px,5.6vw,88px);padding:5px 11px;border-radius:999px;color:#087cc0;background:#ffffffe6;box-shadow:0 3px 12px #185c7629;font-size:clamp(18px,1.65vw,27px);font-weight:700;line-height:1.1;text-align:center}.graded-reader-reading-actions[data-v-32edc0b8]{position:absolute;z-index:3;right:clamp(18px,2vw,34px);top:50%;transform:translateY(-50%);margin-top:0;display:flex;flex-direction:column;align-items:center;gap:clamp(13px,1.5vh,20px)}.graded-reader-speaking[data-v-32edc0b8],.graded-reader-follow[data-v-32edc0b8]{width:clamp(154px,13.5vw,206px);height:clamp(58px,6.2vh,68px);min-height:0;padding:8px 18px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);background:#ffffffe6;box-shadow:0 5px 16px #18595124;font-size:clamp(16px,1.35vw,22px);font-weight:600;cursor:pointer}.graded-reader-speaking .material-symbols-outlined[data-v-32edc0b8]{color:var(--mint);font-size:clamp(31px,2.8vw,43px);font-weight:700}.graded-reader-follow[data-v-32edc0b8]{color:#c4554e;background:#fff0e9}.graded-reader-follow .material-symbols-outlined[data-v-32edc0b8]{color:var(--coral);font-size:clamp(31px,2.8vw,43px);font-weight:700}.graded-reader-speaking.active[data-v-32edc0b8]{color:#fff;background:var(--mint)}.graded-reader-speaking.active .material-symbols-outlined[data-v-32edc0b8]{color:#fff}.graded-reader-follow.active[data-v-32edc0b8]{color:#fff;background:var(--coral)}.graded-reader-follow.active .material-symbols-outlined[data-v-32edc0b8]{color:#fff}.graded-reader-speaking[data-v-32edc0b8]:disabled,.graded-reader-follow[data-v-32edc0b8]:disabled{opacity:.45;cursor:default}.graded-reader-side-button[data-v-32edc0b8]{width:clamp(58px,5.2vw,82px);aspect-ratio:1;padding:0;border:2px solid #ff8669;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ff7457;box-shadow:inset 0 2px 3px #ffb28d,0 5px 12px #d4a75e2b;cursor:pointer}.graded-reader-side-button .material-symbols-outlined[data-v-32edc0b8]{font-size:clamp(39px,3.7vw,56px);font-weight:600}.graded-reader-side-button[data-v-32edc0b8]:disabled{opacity:.32;cursor:default}.graded-reader-message[data-v-32edc0b8]{align-self:center;justify-self:center;min-width:280px;padding:34px;border-radius:26px;display:flex;flex-direction:column;align-items:center;gap:18px;color:var(--muted);background:#ffffffe6;box-shadow:0 18px 44px #4672611a;font-size:22px}.graded-reader-message button[data-v-32edc0b8]{padding:12px 28px;border:0;border-radius:999px;color:#fff;background:var(--coral);cursor:pointer}.graded-reader-toast[data-v-32edc0b8]{position:fixed;z-index:20;left:50%;bottom:max(30px,env(safe-area-inset-bottom));transform:translate(-50%);padding:13px 26px;border-radius:999px;color:#fff;background:#043945e6;box-shadow:0 9px 30px #00232b33;font-size:17px;font-weight:600}@media(max-width:1120px),(max-height:720px){.graded-reader[data-v-32edc0b8]{padding-top:max(42px,calc(env(safe-area-inset-top) + 18px));grid-template-rows:72px minmax(0,1fr)}.graded-reader-content[data-v-32edc0b8]{padding-top:5px;gap:5px}.graded-reader-reading-actions[data-v-32edc0b8]{gap:8px}.graded-reader-speaking[data-v-32edc0b8],.graded-reader-follow[data-v-32edc0b8]{min-height:50px;padding:5px 13px}}@media(orientation:portrait){.graded-reader[data-v-32edc0b8]{height:auto;min-height:100dvh;overflow-y:auto;grid-template-rows:auto auto}.graded-reader-header[data-v-32edc0b8]{flex-wrap:wrap}.graded-reader-title h1[data-v-32edc0b8],.graded-reader-title strong[data-v-32edc0b8]{max-width:68vw}.graded-reader-header-actions[data-v-32edc0b8]{width:100%;justify-content:flex-end}.graded-reader-content[data-v-32edc0b8]{grid-template-columns:1fr;align-items:start}.graded-reader-picture-row[data-v-32edc0b8]{height:auto;grid-template-columns:48px minmax(0,1fr) 48px}.graded-reader-picture[data-v-32edc0b8]{width:100%;height:auto}.graded-reader-reading-actions[data-v-32edc0b8]{right:12px}}.member-vip-usage[data-v-0c3e3102]{--usage-ink: #093b56;--usage-muted: #718093;--usage-track: #e2edf5;--usage-fill: #279bfa;grid-row:4 / span 2;justify-self:center;width:var(--member-content-width, 87.3%);min-width:0;min-height:0;padding:1.1cqw 1.2cqw .7cqw;display:flex;flex-direction:column;color:var(--usage-ink);background:#fffffff2;border:1px solid #e3ebf1;border-radius:1.8cqw;box-shadow:0 .5cqw 1.5cqw #8d79620b}.vip-usage-heading[data-v-0c3e3102]{display:flex;align-items:center;flex:0 0 4.4cqw;gap:1.8cqw;min-width:0;padding:0 .4cqw .6cqw}.vip-usage-heading h2[data-v-0c3e3102]{margin:0;display:flex;align-items:center;gap:1cqw;color:var(--usage-ink);font-size:2.15cqw;line-height:1.25;font-weight:900;white-space:nowrap}.vip-usage-heading h2 img[data-v-0c3e3102]{width:4.2cqw;height:3.8cqw;object-fit:contain}.vip-usage-heading p[data-v-0c3e3102]{margin:0;font-size:1.2cqw;color:#476a89;white-space:nowrap}.vip-usage-table-wrap[data-v-0c3e3102]{flex:1;min-width:0;min-height:0;overflow:auto;border-radius:1.15cqw}.vip-usage-table-wrap[data-v-0c3e3102]:focus-visible{outline:3px solid #168fe8;outline-offset:2px}.vip-usage-table[data-v-0c3e3102]{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 .45cqw;font-size:1.4cqw;line-height:1.35}.vip-plan-col[data-v-0c3e3102]{width:11%}.vip-status-col[data-v-0c3e3102]{width:9.5%}.vip-date-col[data-v-0c3e3102]{width:15%}.vip-count-col[data-v-0c3e3102]{width:16.5%}.vip-usage-table th[data-v-0c3e3102],.vip-usage-table td[data-v-0c3e3102]{position:relative;padding:.8cqw 1.1cqw;text-align:left;vertical-align:middle}.vip-usage-table thead[data-v-0c3e3102]{height:5cqw;color:var(--usage-ink)}.vip-usage-table thead th[data-v-0c3e3102]{background:#f2f8fd;font-size:1.3cqw;font-weight:800;white-space:nowrap}.vip-usage-table thead th>span[data-v-0c3e3102]{display:flex;align-items:center;gap:.65cqw}.vip-usage-table thead .material-symbols-outlined[data-v-0c3e3102]{color:#258aff;font-size:2.3cqw;font-variation-settings:"FILL" 0,"wght" 500}.vip-usage-table tr[data-v-0c3e3102]>:first-child{border-radius:1.15cqw 0 0 1.15cqw}.vip-usage-table tr[data-v-0c3e3102]>:last-child{border-radius:0 1.15cqw 1.15cqw 0}.vip-usage-table tr[data-v-0c3e3102]>:not(:first-child):before{position:absolute;content:"";left:0;top:28%;bottom:28%;width:1px;background:#e5edf4}.vip-usage-table tbody tr[data-v-0c3e3102]{height:7.1cqw;color:var(--usage-ink)}.vip-usage-table tbody tr[data-v-0c3e3102]>*{background:#fffcf4}.vip-usage-table tbody tr[data-v-0c3e3102]>:first-child{border-left:.45cqw solid #62dfb5;padding-left:1.7cqw}.vip-usage-plan[data-v-0c3e3102]{display:inline-flex;align-items:center;justify-content:center;min-width:min(8cqw,100%);max-width:100%;border-radius:99px;padding:.6cqw 1.2cqw;color:#16976a;background:#e0f9e9;font-size:1.55cqw;font-weight:800;white-space:nowrap}.vip-usage-plan.month[data-v-0c3e3102]{color:#f47748;background:#ffe8da}.vip-usage-table time[data-v-0c3e3102]{white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}.vip-usage-count[data-v-0c3e3102]{display:flex;align-items:baseline;gap:.4cqw;margin-bottom:.5cqw;white-space:nowrap;font-variant-numeric:tabular-nums}.vip-usage-count strong[data-v-0c3e3102]{color:inherit;font-size:1.95cqw;font-weight:900}.vip-usage-count>span[data-v-0c3e3102]{color:#476a89;font-size:1.5cqw;font-weight:500}.vip-usage-count.unlimited[data-v-0c3e3102]{margin-bottom:0}.vip-usage-table progress[data-v-0c3e3102]{display:block;width:100%;height:.85cqw;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;border-radius:99px;overflow:hidden;color:var(--usage-fill);background:var(--usage-track)}.vip-usage-table progress[data-v-0c3e3102]::-webkit-progress-bar{background:var(--usage-track);border-radius:99px}.vip-usage-table progress[data-v-0c3e3102]::-webkit-progress-value{background:var(--usage-fill);border-radius:99px}.vip-usage-table progress[data-v-0c3e3102]::-moz-progress-bar{background:var(--usage-fill);border-radius:99px}.vip-usage-status-cell[data-v-0c3e3102]{text-align:center!important}.vip-usage-status[data-v-0c3e3102]{display:inline-flex;align-items:center;justify-content:center;padding:.55cqw 1.3cqw;border-radius:99px;color:#139a63;background:#e0f9e9;font-weight:800;white-space:nowrap}.vip-usage-table tbody .is-expired[data-v-0c3e3102]{color:#7c8492;--usage-fill: #a2a7b0;--usage-track: #e7ebef}.vip-usage-table tbody .is-expired[data-v-0c3e3102]>*{background:#f6f7f9}.vip-usage-table tbody .is-expired[data-v-0c3e3102]>:first-child{border-left-color:transparent}.is-expired .vip-usage-plan[data-v-0c3e3102],.is-expired .vip-usage-status[data-v-0c3e3102]{color:inherit;background:#e9ebef}.is-expired .vip-usage-count>span[data-v-0c3e3102]{color:inherit}.vip-usage-table tbody .vip-usage-state>td[data-v-0c3e3102]{border-left:0;color:var(--usage-muted);text-align:center}.vip-usage-state p[data-v-0c3e3102]{margin:0 0 .8cqw}.vip-usage-state button[data-v-0c3e3102]{padding:.5cqw 1.4cqw;min-height:36px;border:1px solid #c7dfef;border-radius:99px;background:#e9f4ff;color:#176b9d;font:inherit}.vip-usage-error p[data-v-0c3e3102]{color:#a34854}@media(orientation:portrait){.vip-usage-heading[data-v-0c3e3102]{flex-wrap:wrap}}@media(max-height:520px),(max-width:700px){.vip-usage-table[data-v-0c3e3102]{min-width:900px;font-size:12px}.vip-usage-table thead th[data-v-0c3e3102]{font-size:12px}.vip-usage-table thead .material-symbols-outlined[data-v-0c3e3102]{font-size:18px}.vip-usage-heading h2[data-v-0c3e3102]{font-size:max(14px,2.15cqw)}.vip-usage-heading p[data-v-0c3e3102]{font-size:10px}.vip-usage-plan[data-v-0c3e3102]{font-size:12px}.vip-usage-count strong[data-v-0c3e3102]{font-size:16px}.vip-usage-count>span[data-v-0c3e3102]{font-size:13px}.vip-usage-table progress[data-v-0c3e3102]{height:max(5px,.85cqw)}}.member-home[data-v-ac45f90f]{box-sizing:border-box;height:100dvh;width:100%;overflow:hidden;padding:max(16px,env(safe-area-inset-top,0px)) max(3.8vw,env(safe-area-inset-right,0px)) max(24px,calc(env(safe-area-inset-bottom,0px) + 16px)) max(3.8vw,env(safe-area-inset-left,0px));display:grid;place-items:center;container-type:size;color:#093b56;background:#fbfaf7 url(/images/profile/background.webp) center / cover no-repeat;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.member-home button[data-v-ac45f90f],.member-home a[data-v-ac45f90f]{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.member-home button[data-v-ac45f90f]{cursor:pointer}.member-home a[data-v-ac45f90f]{text-decoration:none}.member-home button[data-v-ac45f90f]:focus-visible,.member-home a[data-v-ac45f90f]:focus-visible{outline:3px solid #168fe8;outline-offset:3px}.member-home .material-symbols-outlined[data-v-ac45f90f]{font-size:1.2em;vertical-align:middle}.member-stage[data-v-ac45f90f]{--member-content-width: 87.3%;position:relative;width:min(100%,152.7cqh);aspect-ratio:1466 / 960;display:grid;grid-template-rows:68fr 218fr 104fr 408fr 90fr 24fr;gap:1%;container-type:inline-size;min-height:0;font-size:1.42cqw}.member-top[data-v-ac45f90f]{display:flex;align-items:center;justify-content:space-between;min-height:0}.member-top h1[data-v-ac45f90f]{position:absolute;left:50%;top:0;transform:translate(-50%);margin:0;font-size:3.25cqw;letter-spacing:.12em;line-height:1.3;font-weight:900;color:#07536a}.member-top h1[data-v-ac45f90f]:after{content:"";display:block;width:7cqw;height:1.1cqw;margin:0 auto;background:url(/images/profile/title-wave.webp) center / cover no-repeat;mix-blend-mode:multiply}.member-back[data-v-ac45f90f]{display:grid;place-items:center;height:100%;aspect-ratio:1;border-radius:50%;background:#ffda68;box-shadow:inset 0 2px 3px #fff9cb,inset 0 -3px 3px #ffc148,0 6px 14px #cbb4833b}.member-back .material-symbols-outlined[data-v-ac45f90f]{font-size:3.4cqw;font-weight:800}.member-settings[data-v-ac45f90f]{display:flex;align-items:center;gap:.7cqw;padding:0;border:0;background:transparent;font-weight:800!important}.member-settings img[data-v-ac45f90f]{width:3.2cqw;height:3.2cqw;object-fit:contain;mix-blend-mode:multiply}.member-overview[data-v-ac45f90f],.member-stats[data-v-ac45f90f],.member-main[data-v-ac45f90f],.member-shortcuts[data-v-ac45f90f]{width:var(--member-content-width);justify-self:center;min-width:0;min-height:0}.member-panel[data-v-ac45f90f]{border:1px solid #e9edf1;border-radius:1.8cqw;background:#ffffffed;box-shadow:0 .5cqw 1.5cqw #8d79620b}.member-overview[data-v-ac45f90f]{display:grid;grid-template-columns:580fr 683fr;gap:1%}.member-identity[data-v-ac45f90f]{min-width:0;display:flex;align-items:center;padding:1.25cqw 1.6cqw;gap:1.7cqw}.member-portrait[data-v-ac45f90f]{position:relative;width:11cqw;flex:0 0 auto;padding-bottom:1.7cqw}.member-portrait>img[data-v-ac45f90f]{box-sizing:border-box;display:block;width:100%;aspect-ratio:1;object-fit:cover;border:.4cqw solid white;border-radius:50%;background:#eee7fa;box-shadow:0 2px 5px #83b3d648}.member-portrait>img.vip[data-v-ac45f90f]{border-color:#f1c352}.member-badge[data-v-ac45f90f]{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.35cqw;padding:.25cqw .8cqw;white-space:nowrap;font-size:1.5cqw;font-weight:900;border-radius:2cqw;color:#537b8c;background:#e9f1f7;box-shadow:0 .3cqw .5cqw #705a271a}.member-badge.vip[data-v-ac45f90f]{background:#ffdd7a;color:#976212;box-shadow:inset 0 1px 2px #fff8c4,0 .3cqw .5cqw #705a2730}.member-identity-copy[data-v-ac45f90f]{min-width:0}.member-identity h2[data-v-ac45f90f]{margin:0 0 .55cqw;font-size:2.65cqw;line-height:1.2;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-identity p[data-v-ac45f90f]{position:relative;margin:0 0 1.25cqw;font-size:1.34cqw;font-weight:700;line-height:1.5}.member-identity p img[data-v-ac45f90f]{display:inline-block;width:1.3cqw;height:1.8cqw;vertical-align:middle;object-fit:contain}.member-edit[data-v-ac45f90f]{display:inline-flex;gap:.5cqw;align-items:center;border:0;border-radius:2cqw;background:#e5f0ff;padding:.55cqw 1.3cqw;font-size:1.32cqw!important}.member-edit .material-symbols-outlined[data-v-ac45f90f]{font-variation-settings:"FILL" 1}.member-vip-card[data-v-ac45f90f]{position:relative;min-width:0;overflow:hidden;border:2px solid #fffdf2;border-radius:1.8cqw;background:#ffedb2;box-shadow:0 .25cqw .5cqw #deaf4f19}.member-vip-card[data-v-ac45f90f]:before{content:"";position:absolute;top:-4%;right:0;bottom:-4%;left:0;pointer-events:none;background:url(/images/profile/vip-panel-large-crown-v2.png) left center / cover no-repeat}.member-vip-card.is-inactive[data-v-ac45f90f]:before{background-image:url(/images/profile/vip-panel-inactive.webp)}.member-vip-copy[data-v-ac45f90f]{position:absolute;top:0;right:3%;bottom:0;left:34%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;min-width:0}.member-vip-copy h2[data-v-ac45f90f]{margin:0 0 .6cqw;font-size:2.35cqw;font-weight:900}.member-vip-copy p[data-v-ac45f90f]{margin:0;font-size:1.5cqw;white-space:nowrap}.member-vip-copy p strong[data-v-ac45f90f]{font-size:1.75cqw;font-weight:900}.member-benefits[data-v-ac45f90f]{display:inline-flex;align-items:center;gap:.2cqw;margin-top:1.45cqw;padding:0;border:0;background:transparent;font-size:1.4cqw!important}.member-renew[data-v-ac45f90f]{position:absolute;right:3.4%;bottom:11%;border:0;border-radius:3cqw;padding:.8cqw 2.5cqw;color:#fff!important;background:#c28b27;box-shadow:inset 0 2px 3px #ffdfa0,inset 0 -4px 6px #96610b45;font-weight:900!important;font-size:1.48cqw!important}.member-stats[data-v-ac45f90f]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center}.member-stats button[data-v-ac45f90f]{display:flex;align-items:center;justify-content:center;gap:.75cqw;min-width:0;border:0;border-right:1px solid #dbe6ef;background:transparent;padding:0;height:55%}.member-stats button[data-v-ac45f90f]:last-child{border-right:0}.member-stats img[data-v-ac45f90f]{width:3.2cqw;height:3.2cqw;object-fit:contain;mix-blend-mode:multiply;flex:0 0 auto}.member-stats img.member-reading-icon[data-v-ac45f90f]{object-fit:cover;border-radius:22%;mix-blend-mode:normal}.member-stats button>span[data-v-ac45f90f]{display:flex;flex-direction:column;text-align:left;gap:.1cqw}.member-stats strong[data-v-ac45f90f]{font-size:2.1cqw;line-height:1.05;font-weight:900}.member-stats small[data-v-ac45f90f]{font-size:1.1cqw;line-height:1.3;color:#365d83;white-space:nowrap}.member-main[data-v-ac45f90f]{display:grid;grid-template-columns:850fr 418fr;gap:1%}.member-works[data-v-ac45f90f]{min-height:0;min-width:0;padding:1cqw 1.8cqw 1.4cqw;display:flex;flex-direction:column}.member-section-heading[data-v-ac45f90f]{display:flex;align-items:center;gap:1.7cqw}.member-home h2[data-v-ac45f90f]{color:#083950}.member-section-heading h2[data-v-ac45f90f],.member-recent h2[data-v-ac45f90f]{display:flex;align-items:center;gap:.8cqw;margin:0;font-size:1.95cqw;line-height:1.35;font-weight:900;white-space:nowrap}.member-section-heading h2[data-v-ac45f90f]{margin-right:auto}.member-section-heading h2 img[data-v-ac45f90f],.member-recent h2 img[data-v-ac45f90f]{width:2.7cqw;height:2.7cqw;object-fit:contain}.member-create[data-v-ac45f90f]{display:flex;align-items:center;justify-content:center;gap:.4cqw;border-radius:3cqw;color:#fff!important;background:#ff6d78;box-shadow:inset 0 2px 3px #ffb7b9,0 .3cqw .6cqw #ec76812e;padding:.55cqw 1.8cqw;font-size:1.4cqw!important;font-weight:800!important;white-space:nowrap}.member-all[data-v-ac45f90f]{display:flex;align-items:center;gap:.6cqw;border:0;background:transparent;padding:0;font-size:1.25cqw!important;white-space:nowrap}.member-tabs[data-v-ac45f90f]{display:flex;gap:1.4cqw;margin-top:.65cqw;border-bottom:1px solid #e8edf5}.member-tabs button[data-v-ac45f90f]{position:relative;padding:.6cqw 1.5cqw .75cqw;border:0;background:transparent;font-size:1.38cqw!important}.member-tabs .active[data-v-ac45f90f]{color:#075078;font-weight:900}.member-tabs .active[data-v-ac45f90f]:after{content:"";position:absolute;left:.5cqw;right:.5cqw;bottom:-1px;height:.4cqw;border-radius:.4cqw;background:#2c9bfb}.member-work-grid[data-v-ac45f90f]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8cqw;flex:1;min-height:0;padding-top:.9cqw}.member-work[data-v-ac45f90f]{display:flex;flex-direction:column;gap:.45cqw;min-width:0;min-height:0;padding:0;border:0;background:transparent;text-align:left}.member-work-cover[data-v-ac45f90f]{display:block;min-height:0;flex:1;width:100%;border:0;padding:0;background:transparent;border-radius:1.2cqw;overflow:hidden}.member-work-cover .member-cover[data-v-ac45f90f]{display:block;height:100%}.member-review-badge[data-v-ac45f90f]{display:inline-flex;align-items:center;gap:.4em;align-self:flex-start;padding:.15em .65em .15em .2em;border-radius:2em;font-weight:800;font-size:1.25cqw;line-height:1.5;white-space:nowrap}.member-review-badge .material-symbols-outlined[data-v-ac45f90f]{font-size:1.45em;font-variation-settings:"FILL" 1}.member-review-badge.approved[data-v-ac45f90f]{color:#17965b;background:#e0f7e9}.member-review-badge.pending[data-v-ac45f90f]{color:#bb7c16;background:#fff4d8}.member-review-badge.rejected[data-v-ac45f90f]{color:#ee4e61;background:#ffe5e8}.member-review-footer[data-v-ac45f90f]{display:flex;align-items:center;gap:.4cqw;width:100%;min-height:2.25cqw}.member-review-footer small[data-v-ac45f90f]{flex:1;min-width:0;font-size:.95cqw;line-height:1.35;color:#6c8bab;overflow-wrap:anywhere}.member-review-footer button[data-v-ac45f90f]{display:inline-flex;align-items:center;justify-content:center;padding:.35cqw .65cqw;border:1px solid transparent;border-radius:2cqw;color:#2670b3;background:#e8f3ff;font-size:1cqw;white-space:nowrap;font-weight:800}.member-review-footer button.rejected[data-v-ac45f90f]{background:#fff7f7;border-color:#ff8492;color:#f2586c}.member-version[data-v-ac45f90f]{display:flex;align-items:center;justify-content:center;gap:.3cqw;border:0;padding:0;background:transparent;color:#969b9d!important;font-size:1.08cqw!important}.member-cover[data-v-ac45f90f]{width:100%;min-height:0;flex:1;object-fit:cover;border-radius:1.2cqw}.member-work>strong[data-v-ac45f90f]{font-size:1.38cqw;line-height:1.4;font-weight:800;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.member-work small[data-v-ac45f90f]{display:flex;align-items:center;gap:.25cqw;font-size:1.2cqw;line-height:1.2;color:#335d83}.member-work small img[data-v-ac45f90f]{width:1.6cqw;height:1.6cqw;object-fit:contain;mix-blend-mode:multiply}.member-empty[data-v-ac45f90f]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;font-size:1.3cqw;text-align:center}.member-empty a[data-v-ac45f90f]{color:#078edb}.member-recent[data-v-ac45f90f]{display:flex;flex-direction:column;align-items:stretch;gap:.6cqw;padding:1cqw 1.8cqw;min-width:0;min-height:0}.member-recent-cover[data-v-ac45f90f]{flex:1;min-height:0;padding:0;border:0;margin:0 1.7cqw;border-radius:1.2cqw;overflow:hidden;background:transparent;box-shadow:0 .3cqw .6cqw #75654015}.member-recent-cover img[data-v-ac45f90f]{display:block;width:100%;height:100%;object-fit:cover}.member-recent-title[data-v-ac45f90f]{text-align:center;font-size:1.4cqw;line-height:1.2}.member-progress[data-v-ac45f90f]{display:flex;align-items:center;gap:.8cqw;font-size:1.1cqw;white-space:nowrap;color:#365d83}.member-progress progress[data-v-ac45f90f]{flex:1;min-width:0;height:.9cqw;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:1cqw;overflow:hidden;background:#d8e8f7}.member-progress progress[data-v-ac45f90f]::-webkit-progress-bar{background:#d8e8f7;border-radius:1cqw}.member-progress progress[data-v-ac45f90f]::-webkit-progress-value{background:#309dff;border-radius:1cqw}.member-progress progress[data-v-ac45f90f]::-moz-progress-bar{background:#309dff}.member-continue[data-v-ac45f90f]{display:flex;align-items:center;justify-content:center;gap:.8cqw;border:0;border-radius:3cqw;padding:.7cqw;margin:.25cqw 1cqw 0;background:#299bfa;box-shadow:inset 0 2px 3px #a1e4ff,inset 0 -3px 4px #0878e642,0 .3cqw .6cqw #2589d920;color:#fff!important;font-weight:800!important;font-size:1.4cqw!important}.member-continue .material-symbols-outlined[data-v-ac45f90f]{font-variation-settings:"FILL" 1;font-size:1.5em}.member-shortcuts[data-v-ac45f90f]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1%}.member-shortcuts button[data-v-ac45f90f]{display:flex;align-items:center;justify-content:space-evenly;padding:.6cqw .9cqw;min-width:0}.member-shortcuts img[data-v-ac45f90f]{width:4.5cqw;height:4.5cqw;object-fit:contain;mix-blend-mode:multiply}.member-shortcuts strong[data-v-ac45f90f]{font-size:1.42cqw;white-space:nowrap}.member-example-note[data-v-ac45f90f]{position:absolute;right:0;bottom:-1.4cqw;font-size:.8cqw;color:#92928b}.member-dialog[data-v-ac45f90f]{width:min(680px,85vw);max-height:82dvh;padding:24px;border:1px solid #dae7ee;border-radius:24px;color:#093b56;background:#fffdf8;box-shadow:0 18px 60px #133b5545;font:18px/1.5 Quicksand,PingFang SC,sans-serif}.member-dialog[data-v-ac45f90f]::backdrop{background:#173b5666}.member-dialog>header[data-v-ac45f90f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.member-dialog h2[data-v-ac45f90f]{margin:0;font-size:26px}.member-dialog-close[data-v-ac45f90f]{border:0;background:#e9f3fa;width:40px;height:40px;border-radius:50%}.member-dialog label[data-v-ac45f90f]{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-weight:700}.member-dialog input[data-v-ac45f90f]{font:inherit;padding:12px;border:1px solid #c9dce8;border-radius:12px;background:#fff;color:#093b56}.member-dialog-primary[data-v-ac45f90f],.member-dialog-danger[data-v-ac45f90f]{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border:0;border-radius:22px;color:#fff!important;background:#2696f5;margin:8px 8px 0 0}.member-dialog-danger[data-v-ac45f90f]{background:#f27379}.member-dialog-note[data-v-ac45f90f]{color:#788796;font-size:14px}.member-preview-image[data-v-ac45f90f]{display:block;width:min(100%,420px);max-height:40dvh;object-fit:contain;border-radius:16px;margin:0 auto}.member-modal-books[data-v-ac45f90f]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.member-modal-books button[data-v-ac45f90f]{display:flex;flex-direction:column;gap:8px;border:0;background:transparent;padding:0;text-align:left}.member-modal-books img[data-v-ac45f90f]{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:12px}.member-notice[data-v-ac45f90f]{position:fixed;z-index:30;bottom:max(28px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);border-radius:24px;background:#133f53;color:#fff;padding:12px 24px}.member-dialog .member-review-badge[data-v-ac45f90f]{font-size:18px;padding:4px 14px}.member-edit-dialog[data-v-ac45f90f]{box-sizing:border-box;width:min(1100px,94vw,107.16dvh);max-height:94dvh;padding:clamp(20px,3vh,36px) clamp(24px,4vh,54px);border-radius:clamp(24px,4vh,44px);background:#fffefb}.member-edit-dialog>header[data-v-ac45f90f]{position:relative;justify-content:center;margin-bottom:2.4vh}.member-edit-dialog>header h2[data-v-ac45f90f]{font-size:clamp(26px,4.5vh,48px);font-weight:900;color:#073e4b}.member-edit-dialog .member-dialog-close[data-v-ac45f90f]{position:absolute;right:0;top:0;color:#8897a4;background:transparent}.member-edit-dialog .member-dialog-close .material-symbols-outlined[data-v-ac45f90f]{font-size:clamp(30px,4vh,42px)}.member-edit-form h3[data-v-ac45f90f],.member-edit-form .member-nickname-label[data-v-ac45f90f]{display:block;margin:0;font-size:clamp(22px,3.25vh,34px);color:#073e4b;font-weight:900;line-height:1.25}.member-avatar-help[data-v-ac45f90f]{margin:.5vh 0 0;font-size:clamp(14px,2.2vh,23px);color:#8794a1}.member-avatar-state[data-v-ac45f90f]{min-height:clamp(150px,25vh,270px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:#617c8e;font-size:18px;text-align:center}.member-avatar-state p[data-v-ac45f90f]{margin:0}.member-avatar-state.error[data-v-ac45f90f]{color:#b64350}.member-avatar-state button[data-v-ac45f90f]{min-height:40px;padding:0 22px;border:0;border-radius:99px;color:#fff;background:#329dff;font:inherit;cursor:pointer}.member-avatar-carousel[data-v-ac45f90f]{display:flex;align-items:center;gap:8px;min-width:0}.member-avatar-arrow[data-v-ac45f90f]{display:grid;place-items:center;padding:0;width:clamp(34px,5vh,58px);aspect-ratio:1;border:0;border-radius:50%;background:#ffedb1;flex:0 0 auto;color:#175c70}.member-avatar-arrow[data-v-ac45f90f]:disabled{opacity:.4;cursor:default}.member-avatar-arrow .material-symbols-outlined[data-v-ac45f90f]{font-size:32px}.member-avatar-track[data-v-ac45f90f]{position:relative;display:flex;align-items:center;gap:2%;flex:1;min-width:0;height:clamp(150px,25vh,270px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;touch-action:pan-x;overscroll-behavior-x:contain}.member-avatar-track[data-v-ac45f90f]::-webkit-scrollbar{display:none}.member-avatar-option[data-v-ac45f90f]{position:relative;flex:0 0 18%;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;scroll-snap-align:center;transition:transform .18s ease}.member-avatar-option[data-v-ac45f90f]:first-child{margin-left:41%}.member-avatar-option[data-v-ac45f90f]:last-child{margin-right:41%}.member-avatar-option img[data-v-ac45f90f]{display:block;box-sizing:border-box;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border:4px solid transparent;border-radius:50%;pointer-events:none}.member-avatar-option.selected[data-v-ac45f90f]{transform:scale(1.28);z-index:1}.member-avatar-option.selected img[data-v-ac45f90f]{border-color:#329dff;box-shadow:0 0 0 3px #e0f2ff}.member-avatar-check[data-v-ac45f90f]{position:absolute;display:grid;place-items:center;right:-2%;bottom:1%;width:25%;aspect-ratio:1;border:3px solid white;border-radius:50%;background:#229bff;color:#fff;font-size:clamp(16px,2.6vh,30px)!important;font-weight:900}.member-avatar-count[data-v-ac45f90f],.member-avatar-system-note[data-v-ac45f90f]{margin:0;text-align:center;color:#8794a1;font-size:clamp(14px,2.2vh,23px);line-height:1.5}.member-avatar-system-note[data-v-ac45f90f]{font-size:clamp(13px,2vh,21px);margin-bottom:2vh}.member-nickname-input[data-v-ac45f90f]{display:flex;align-items:center;margin-top:1.2vh;padding:0 1.5vh;border:2px solid #cce7ff;border-radius:2.5vh;background:#eff7ff}.member-nickname-input input[data-v-ac45f90f]{min-width:0;width:100%;border:0;outline-offset:-2px;background:transparent;padding:1.4vh 1vh;color:#153f63;font-size:clamp(20px,2.8vh,30px);font-weight:800}.member-nickname-input button[data-v-ac45f90f]{border:0;padding:0;background:transparent;color:#9aa8b4}.member-nickname-input .material-symbols-outlined[data-v-ac45f90f]{font-size:32px;font-variation-settings:"FILL" 1}.member-nickname-help[data-v-ac45f90f]{display:flex;justify-content:space-between;gap:12px;color:#8a98a4;font-size:clamp(12px,1.9vh,20px);margin-top:1vh}.member-nickname-error[data-v-ac45f90f]{margin:4px 0;color:#de5265;font-size:14px}.member-profile-error[data-v-ac45f90f]{margin:10px 0 0;color:#bc354c;font-size:15px;overflow-wrap:anywhere}.member-edit-cancel[data-v-ac45f90f]:disabled,.member-dialog-close[data-v-ac45f90f]:disabled{opacity:.5;cursor:wait}.member-edit-actions[data-v-ac45f90f]{display:grid;grid-template-columns:1fr 1fr;gap:3.5%;margin:2.7vh 4% 1.5vh}.member-edit-actions button[data-v-ac45f90f]{border-radius:6vh;padding:1.5vh;font-size:clamp(20px,2.8vh,30px);font-weight:900}.member-edit-cancel[data-v-ac45f90f]{border:1.5px solid #d7bd89;background:#fff9e9;color:#0c4051;box-shadow:0 4px 9px #b4a27e1f}.member-edit-save[data-v-ac45f90f]{border:1.5px solid #258fff;background:#389cfc;color:#fff!important;box-shadow:inset 0 2px 4px #b7dfff,0 4px 9px #3983b824}.member-edit-save[data-v-ac45f90f]:disabled{opacity:.5;cursor:default}.member-edit-footnote[data-v-ac45f90f],.member-local-note[data-v-ac45f90f]{text-align:center;color:#8794a1;margin:0;font-size:clamp(13px,1.9vh,20px)}.member-local-note[data-v-ac45f90f]{font-size:11px;margin-top:2px}@media(orientation:portrait){.member-home[data-v-ac45f90f]{height:auto;min-height:100dvh;overflow:auto;container-type:normal;padding:24px 4vw 40px}.member-stage[data-v-ac45f90f]{width:100%;aspect-ratio:auto;grid-template-rows:64px auto 100px auto 100px 24px;gap:16px}.member-top h1[data-v-ac45f90f]{font-size:6cqw}.member-back .material-symbols-outlined[data-v-ac45f90f]{font-size:7cqw}.member-settings[data-v-ac45f90f]{font-size:3cqw!important}.member-settings img[data-v-ac45f90f]{width:6cqw;height:6cqw}.member-overview[data-v-ac45f90f],.member-stats[data-v-ac45f90f],.member-main[data-v-ac45f90f],.member-shortcuts[data-v-ac45f90f]{width:100%}.member-overview[data-v-ac45f90f]{grid-template-columns:1fr;gap:12px}.member-identity[data-v-ac45f90f],.member-vip-card[data-v-ac45f90f]{min-height:170px}.member-portrait[data-v-ac45f90f]{width:22cqw}.member-identity h2[data-v-ac45f90f]{font-size:5cqw}.member-identity p[data-v-ac45f90f]{font-size:2.8cqw}.member-edit[data-v-ac45f90f],.member-badge[data-v-ac45f90f]{font-size:3cqw!important}.member-vip-copy h2[data-v-ac45f90f]{font-size:4.8cqw}.member-vip-copy p[data-v-ac45f90f],.member-vip-copy p strong[data-v-ac45f90f],.member-benefits[data-v-ac45f90f],.member-renew[data-v-ac45f90f]{font-size:3cqw!important}.member-stats[data-v-ac45f90f]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.member-stats button[data-v-ac45f90f]{height:100%}.member-stats button[data-v-ac45f90f]:nth-child(3n){border-right:0}.member-stats button[data-v-ac45f90f]:nth-child(-n+3){border-bottom:1px solid #dbe6ef}.member-stats img[data-v-ac45f90f]{width:7cqw;height:7cqw}.member-stats strong[data-v-ac45f90f]{font-size:max(16px,4cqw)}.member-stats small[data-v-ac45f90f]{font-size:clamp(10px,2.3cqw,16px)}.member-main[data-v-ac45f90f]{grid-template-columns:1fr;gap:16px}.member-works[data-v-ac45f90f]{min-height:300px;padding:16px}.member-recent[data-v-ac45f90f]{min-height:360px;padding:16px}.member-section-heading h2[data-v-ac45f90f],.member-recent h2[data-v-ac45f90f]{font-size:4cqw}.member-section-heading h2 img[data-v-ac45f90f],.member-recent h2 img[data-v-ac45f90f]{width:5cqw;height:5cqw}.member-create[data-v-ac45f90f],.member-all[data-v-ac45f90f],.member-tabs button[data-v-ac45f90f],.member-continue[data-v-ac45f90f],.member-progress[data-v-ac45f90f]{font-size:2.8cqw!important}.member-recent-cover[data-v-ac45f90f]{height:220px;flex:auto}.member-work>strong[data-v-ac45f90f],.member-recent-title[data-v-ac45f90f]{font-size:3cqw}.member-work small[data-v-ac45f90f],.member-review-badge[data-v-ac45f90f]{font-size:2.5cqw}.member-review-footer[data-v-ac45f90f]{flex-wrap:wrap}.member-review-footer button[data-v-ac45f90f]{font-size:2.5cqw}.member-version[data-v-ac45f90f]{font-size:2.8cqw!important}.member-shortcuts[data-v-ac45f90f]{grid-template-columns:repeat(2,1fr);gap:8px}.member-shortcuts strong[data-v-ac45f90f]{font-size:3cqw}.member-shortcuts img[data-v-ac45f90f]{width:7cqw;height:7cqw}.member-example-note[data-v-ac45f90f]{font-size:2cqw;bottom:-24px}}.song-player-page[data-v-998c491d]{--player-ink: #19535b;--player-coral: #fb625b;--player-pad: clamp(16px, 2.3vw, 38px);width:100vw;height:100dvh;display:flex;flex-direction:column;gap:clamp(10px,1.6vh,18px);padding:max(16px,env(safe-area-inset-top)) var(--player-pad) max(28px,env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden;color:var(--player-ink);background:#fffbee url(/images/songs/player-backdrop-v2.webp) center / cover no-repeat;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.song-player-header[data-v-998c491d]{display:flex;align-items:center;flex:0 0 clamp(64px,10vh,102px);gap:clamp(16px,1.8vw,30px);min-width:0}.song-player-back[data-v-998c491d]{position:static;display:block;flex:0 0 clamp(60px,6.1vw,98px);width:clamp(60px,6.1vw,98px);height:auto;aspect-ratio:1;padding:0;border:0;background:transparent;box-shadow:none;border-radius:50%}.song-player-back img[data-v-998c491d]{display:block;width:100%;height:100%;object-fit:contain}.song-player-back[data-v-998c491d]:active{box-shadow:none;transform:scale(.96)}.song-player-heading[data-v-998c491d]{flex:1;min-width:0}.song-player-heading h1[data-v-998c491d]{margin:0;max-height:2.3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;font-size:clamp(26px,3.45vw,56px);font-weight:800;line-height:1.08}.song-player-heading p[data-v-998c491d]{margin:4px 0 0;font-size:clamp(16px,1.8vw,28px);font-weight:700;color:#809e97}.song-player-header-tools[data-v-998c491d]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.song-media-modes[data-v-998c491d]{display:flex;gap:4px;padding:4px;border:1px solid #f3e4bf;border-radius:999px;background:#fffdf2}.song-media-modes button[data-v-998c491d]{min-width:64px;min-height:44px;padding:8px 18px;border:0;border-radius:999px;background:transparent;color:var(--player-ink);font-size:clamp(16px,1.6vw,25px);font-weight:800}.song-media-modes button[aria-pressed=true][data-v-998c491d]{background:#ffe67d;box-shadow:inset 0 2px 4px #fff3b0}.song-video-fullscreen[data-v-998c491d]{display:flex;align-items:center;gap:4px;min-height:44px;padding:8px 16px;border:1px solid #f3e4bf;border-radius:999px;background:#fff6d4;color:var(--player-ink);font-size:clamp(16px,1.6vw,25px);font-weight:800}.song-video-stage[data-v-998c491d]{display:grid;place-items:center;flex:1;min-width:0;min-height:0;container-type:size}.song-video-panel[data-v-998c491d]{position:relative;display:grid;place-items:center;width:min(calc(100cqw - 6px),calc((100cqh - 6px) * var(--song-video-ratio)));aspect-ratio:var(--song-video-ratio);box-sizing:content-box;overflow:hidden;border:3px solid #ffebbb;border-radius:clamp(20px,2.5vw,40px);background:#fffdf2}.song-video-panel video[data-v-998c491d]{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-height:0;object-fit:contain}.song-video-panel video[data-v-998c491d]:fullscreen{width:100vw;height:100vh;object-fit:contain;background:#000}.song-video-panel video[data-v-998c491d]::-webkit-media-controls{color-scheme:dark}.song-video-overlay[data-v-998c491d]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2vh,20px);padding:24px;background:#102a30e8;color:#fffdf2;text-align:center}.song-video-overlay>.material-symbols-outlined[data-v-998c491d]{font-size:clamp(36px,5vw,72px);color:#ffe67d}.song-video-overlay strong[data-v-998c491d]{font-size:clamp(20px,2.4vw,36px)}.song-video-overlay small[data-v-998c491d]{max-width:40em;font-size:clamp(14px,1.4vw,20px);overflow-wrap:anywhere}.song-video-overlay progress[data-v-998c491d]{width:min(80%,420px);height:16px;accent-color:#ffe67d}.song-video-overlay button[data-v-998c491d]{min-height:48px;padding:12px 28px;border:0;border-radius:999px;background:#ffe67d;color:var(--player-ink);font-size:clamp(16px,1.6vw,24px);font-weight:800}.song-video-panel .song-lyrics-empty[data-v-998c491d]{color:#fffdf2;padding:24px}.song-video-panel .song-lyrics-empty button[data-v-998c491d]{min-height:44px;padding:10px 24px;border:0;border-radius:999px;background:#ffe67d;color:var(--player-ink);font-weight:800}.song-playback-status[data-v-998c491d]{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px clamp(18px,2vw,34px);border-radius:50px;background:#e2f4e8;font-size:clamp(16px,1.9vw,30px);font-weight:700;white-space:nowrap}.song-playback-status .material-symbols-outlined[data-v-998c491d]{font-size:clamp(24px,3vw,44px)}.song-playback-status.playing .material-symbols-outlined[data-v-998c491d]{animation:player-status-pulse-998c491d 1s ease-in-out infinite alternate}.song-player-body[data-v-998c491d]{--body-gap: clamp(16px, 1.7vw, 28px);display:grid;grid-template-columns:minmax(0,47fr) minmax(0,53fr);gap:var(--body-gap);flex:0 1 auto;height:min(calc((100vw - var(--player-pad) * 2 - var(--body-gap)) * .47 * 804 / 706),calc(100dvh - max(16px,env(safe-area-inset-top)) - max(28px,env(safe-area-inset-bottom)) - clamp(64px,10vh,102px) - clamp(10px,1.6vh,18px)));min-height:0}.song-player-machine-slot[data-v-998c491d]{position:relative;min-width:0;min-height:0;container-type:size}.song-player-controls[data-v-998c491d]{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(100cqw,87.81cqh);height:auto;aspect-ratio:706 / 804;min-height:0;padding:0;display:block;background:transparent;border-radius:0;box-shadow:none;overflow:visible;container-type:inline-size}.song-player-base[data-v-998c491d]{position:absolute;top:-1.5%;right:-1.5%;bottom:-1.5%;left:-1.5%;width:103%;height:103%;object-fit:contain;pointer-events:none;clip-path:inset(1% 1.5% 2% 1.5% round 11%)}.song-album-stage[data-v-998c491d]{position:absolute;left:19%;top:.5%;width:65%;min-width:0;aspect-ratio:1}.song-album-disc[data-v-998c491d]{position:absolute;top:5.5%;right:5.5%;bottom:5.5%;left:5.5%;width:89%;height:89%;border:0;padding:0;background:#fcf5df;border-radius:50%;box-shadow:none;overflow:hidden;animation:player-record-rotation-998c491d 18s linear infinite;animation-play-state:paused}.song-album-disc.spinning[data-v-998c491d]{animation:player-record-rotation-998c491d 18s linear infinite;animation-play-state:running}.song-album-disc img[data-v-998c491d]{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.song-album-ring[data-v-998c491d]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.song-turntable-tonearm[data-v-998c491d]{position:absolute;z-index:5;top:-.5%;right:4%;width:20%;height:auto;pointer-events:none;transform-origin:49.7% 17.6%;transform:rotate(-8deg);transition:transform .6s cubic-bezier(.22,.84,.32,1);filter:none}.song-turntable-tonearm.engaged[data-v-998c491d]{transform:rotate(17deg)}.song-progress-row[data-v-998c491d]{position:absolute;top:54.5%;left:6%;width:88%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;color:var(--player-ink);font-size:clamp(14px,3.5cqw,26px);line-height:1;font-weight:800}.song-progress-slider[data-v-998c491d]{position:relative;height:34px;display:flex;align-items:center;min-width:0}.song-progress-track[data-v-998c491d]{position:absolute;left:8px;right:8px;height:11px;border-radius:12px;background:#b3c3a1;box-shadow:inset 0 1px 3px #7d977441,0 1px 1px #fff9;overflow:hidden}.song-progress-track>span[data-v-998c491d]{display:block;height:100%;border-radius:inherit;background:var(--player-coral)}.song-progress-row input[data-v-998c491d]{position:relative;z-index:1;margin:0;padding:0;width:100%;height:34px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.song-progress-row input[data-v-998c491d]::-webkit-slider-runnable-track{height:11px;background:transparent}.song-progress-row input[data-v-998c491d]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:30px;height:30px;margin-top:-9px;border:0;background:url(/images/songs/player-button-coral-v2.webp) center / contain no-repeat}.song-progress-row input[data-v-998c491d]::-moz-range-track{height:11px;background:transparent}.song-progress-row input[data-v-998c491d]::-moz-range-thumb{width:30px;height:30px;border:0;background:url(/images/songs/player-button-coral-v2.webp) center / contain no-repeat}.song-progress-row input[data-v-998c491d]:disabled{cursor:default;opacity:.55}.song-transport-actions[data-v-998c491d]{position:absolute;top:60%;left:10%;width:80%;display:flex;justify-content:space-between;align-items:center;gap:5%}.song-transport-actions button[data-v-998c491d]{flex:0 0 26%;width:26%;height:auto;aspect-ratio:1;border:0;border-radius:50%;background:url(/images/songs/player-button-cream-v2.webp) center / 112% auto no-repeat;color:var(--player-coral);box-shadow:none;display:grid;place-items:center;padding:0;transition:transform .12s ease}.song-transport-actions .song-play-button[data-v-998c491d]{flex-basis:35%;width:35%;height:auto;color:#fff9e9;background-image:url(/images/songs/player-button-coral-v2.webp)}.song-transport-actions .material-symbols-outlined[data-v-998c491d]{font-size:clamp(30px,10cqw,78px);font-variation-settings:"FILL" 1,"wght" 650,"GRAD" 0,"opsz" 48;text-shadow:0 2px 1px #983a2320}.song-play-button .material-symbols-outlined[data-v-998c491d]{font-size:clamp(42px,14cqw,105px)}.song-transport-actions button[data-v-998c491d]:active{transform:scale(.94);box-shadow:none;filter:brightness(1.04)}.song-secondary-actions[data-v-998c491d]{position:absolute;top:85%;left:6%;width:88%;height:11%;gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.song-secondary-actions button[data-v-998c491d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--player-ink);font-size:clamp(14px,3.6cqw,26px);line-height:1.15;font-weight:700;white-space:nowrap}.song-secondary-actions button+button[data-v-998c491d]{border-left:2px solid #e6ba5370}.song-secondary-actions .material-symbols-outlined[data-v-998c491d]{font-size:clamp(26px,7.2cqw,54px);font-weight:500;line-height:1}.song-secondary-actions button.active[data-v-998c491d]{color:#ef6057}.song-secondary-actions button.active .material-symbols-outlined[data-v-998c491d]{font-variation-settings:"FILL" 1}.song-secondary-actions button:last-child.active[data-v-998c491d]{color:var(--player-ink)}.song-secondary-actions button.lyrics-off[data-v-998c491d]{opacity:.55}.song-player-page button[data-v-998c491d]:focus-visible,.song-player-page a[data-v-998c491d]:focus-visible,.song-player-page input[data-v-998c491d]:focus-visible{outline:3px solid #19535b;outline-offset:3px}.song-lyrics-panel[data-v-998c491d]{position:relative;min-width:0;min-height:0;margin:0;padding:clamp(22px,3vw,48px) clamp(14px,1.6vw,28px) 45px;display:flex;flex-direction:column;align-items:stretch;background:#fffcf3d9;border:3px solid #ffebbb;border-radius:clamp(28px,3.3vw,54px);overflow:hidden}.song-lyrics-header[data-v-998c491d]{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(10px,1.2vw,20px);flex:0 0 auto;margin-bottom:clamp(18px,2.5vh,30px)}.song-lyrics-header h2[data-v-998c491d]{margin:0;font-size:clamp(24px,2.5vw,40px);line-height:1.2;font-weight:800}.song-lyrics-header>span[data-v-998c491d]{font-size:clamp(28px,3.3vw,46px);font-weight:700}.song-lyrics-scroll[data-v-998c491d]{position:relative;flex:1;min-height:0;padding:0 0 45%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.song-lyrics-scroll p[data-v-998c491d]{margin:0 0 clamp(10px,1.3vh,18px);padding:clamp(14px,1.9vh,23px) clamp(12px,1.4vw,22px);border-radius:clamp(24px,2.6vw,42px);color:#638686;font-size:clamp(25px,2.8vw,46px);line-height:1.25;font-weight:600;text-align:center;opacity:1;overflow-wrap:anywhere;transition:color .18s ease,background-color .18s ease,opacity .18s ease}.song-lyrics-scroll p.current[data-v-998c491d]{color:#f65754;background:#ffece3;font-weight:800;opacity:1;transform:none}.song-lyrics-scroll p.distant[data-v-998c491d]{opacity:.5}.song-lyrics-empty[data-v-998c491d]{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#72938c;text-align:center}.song-lyrics-empty .material-symbols-outlined[data-v-998c491d]{color:#9dcbb9;font-size:clamp(52px,6vw,88px)}.song-lyrics-empty strong[data-v-998c491d]{font-size:clamp(22px,2.1vw,34px)}.song-lyrics-empty small[data-v-998c491d]{font-size:clamp(14px,1.4vw,20px)}.song-lyrics-decoration[data-v-998c491d]{position:absolute;right:3%;bottom:1%;font-size:clamp(40px,5vw,72px);color:#9ee5c3;transform:rotate(-9deg);pointer-events:none}.song-player-loading[data-v-998c491d]{background:#fffbee url(/images/songs/player-backdrop-v2.webp) center / cover no-repeat;color:#19535b;gap:20px}.song-player-loading button[data-v-998c491d],.song-player-loading a[data-v-998c491d]{border-color:#f6c776;color:#19535b;background:#fff6d4}.song-player-notice[data-v-998c491d]{background:#19535bf2}@keyframes player-record-rotation-998c491d{to{transform:rotate(360deg)}}@keyframes player-status-pulse-998c491d{to{opacity:.5}}@media(orientation:landscape)and (max-height:620px){.song-player-page[data-v-998c491d]{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));gap:8px}.song-player-header[data-v-998c491d]{flex-basis:55px}.song-player-back[data-v-998c491d]{flex-basis:52px;width:52px}.song-player-heading h1[data-v-998c491d]{font-size:27px}.song-player-heading p[data-v-998c491d]{font-size:14px}.song-playback-status[data-v-998c491d]{min-height:42px;padding-block:7px}.song-lyrics-panel[data-v-998c491d]{padding-top:18px;padding-bottom:20px}.song-lyrics-header[data-v-998c491d]{margin-bottom:8px}.song-lyrics-scroll p[data-v-998c491d]{font-size:24px;padding-block:12px;margin-bottom:8px}}@media(orientation:portrait){.song-player-page[data-v-998c491d]{overflow-y:auto}.song-player-header[data-v-998c491d]{flex-wrap:wrap}.song-player-header-tools[data-v-998c491d]{margin-left:auto}.song-playback-status[data-v-998c491d]{font-size:14px;padding:8px 12px;gap:5px}.song-player-body[data-v-998c491d]{display:flex;flex-direction:column;flex:0 0 auto;height:auto}.song-player-machine-slot[data-v-998c491d]{height:auto;aspect-ratio:706 / 804}.song-lyrics-panel[data-v-998c491d]{height:65vh;min-height:320px}}@media(max-width:650px){.song-player-header-tools[data-v-998c491d]{gap:6px}.song-media-modes button[data-v-998c491d]{min-width:48px;padding-inline:10px}.song-player-header-tools .song-playback-status[data-v-998c491d]{font-size:14px;padding:8px 12px;gap:5px}}@media(prefers-reduced-motion:reduce){.song-album-disc[data-v-998c491d],.song-album-disc.spinning[data-v-998c491d],.song-playback-status.playing .material-symbols-outlined[data-v-998c491d]{animation:none}.song-turntable-tonearm[data-v-998c491d],.song-lyrics-scroll p[data-v-998c491d]{transition:none}}.classic-library[data-v-346f8027]{width:100%;height:100vh;height:100dvh;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 16px) max(24px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 22px) max(24px,env(safe-area-inset-left,0px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,1.8vh,20px);overflow:hidden;color:#093e47;background:#fffbee url(/images/songs/player-backdrop-v2.webp) center / cover no-repeat;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.classic-header[data-v-346f8027]{display:flex;align-items:center;justify-content:space-between;gap:24px}.classic-title[data-v-346f8027]{display:flex;align-items:center;gap:clamp(16px,2vw,30px);min-width:0}.classic-back[data-v-346f8027]{flex:0 0 auto;display:block;width:clamp(56px,5.8vw,88px);aspect-ratio:1;border-radius:50%}.classic-back img[data-v-346f8027]{display:block;width:100%;height:100%;object-fit:contain}.classic-title h1[data-v-346f8027]{margin:0;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(34px,4.2vw,65px);font-weight:400;line-height:1.12;white-space:nowrap}.classic-title p[data-v-346f8027]{margin:6px 0 0;color:#567578;font-size:clamp(13px,1.4vw,21px);font-weight:700;letter-spacing:.08em}.classic-levels[data-v-346f8027]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:55%;gap:clamp(12px,1.5vw,24px);flex-shrink:0}.classic-levels button[data-v-346f8027]{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.2vw,20px);min-width:0;min-height:clamp(64px,9vh,90px);padding:10px 14px;color:#527277;background:#fff9e8;border:1px solid #f5ecd1;border-radius:clamp(18px,1.7vw,28px);box-shadow:0 2px 8px #947a1a12;cursor:pointer}.classic-levels button.active[data-v-346f8027]{color:#093e47;background:#ffe38a;border-color:#ffdb71;box-shadow:0 4px 9px #cf9d3126}.classic-levels button.active[data-v-346f8027]:after{content:"";position:absolute;bottom:-5px;width:56%;height:7px;border-radius:99px;background:#ff6355}.classic-levels .material-symbols-outlined[data-v-346f8027]{font-size:clamp(30px,3.1vw,48px);font-variation-settings:"FILL" 1}.classic-levels button:first-child .material-symbols-outlined[data-v-346f8027],.classic-level-title .material-symbols-outlined[data-v-346f8027]{color:#69a96f}.classic-level-copy[data-v-346f8027]{display:flex;flex-direction:column;text-align:left;gap:2px;white-space:nowrap}.classic-level-copy strong[data-v-346f8027]{font-family:ZCOOL KuaiLe,sans-serif;font-weight:400;font-size:clamp(22px,2vw,32px)}.classic-level-copy small[data-v-346f8027]{font-size:clamp(13px,1.35vw,21px);font-weight:700}.classic-content[data-v-346f8027]{display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.4vh,16px);min-height:0;min-width:0}.classic-heading[data-v-346f8027]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 12px 7px 22px;border-radius:26px;background:#fbefc6cc;min-height:48px}.classic-level-title[data-v-346f8027]{display:flex;align-items:center;gap:14px}.classic-level-title .material-symbols-outlined[data-v-346f8027]{font-size:clamp(30px,3vw,44px);font-variation-settings:"FILL" 1}.classic-level-title h2[data-v-346f8027]{margin:0;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(24px,2.2vw,34px);font-weight:400;white-space:nowrap}.classic-search[data-v-346f8027]{display:flex;align-items:center;gap:8px;width:clamp(220px,22vw,340px);padding:8px 15px;border-radius:999px;background:#ffffffed;border:1px solid #e0dfcf;color:#98a1a0}.classic-search input[data-v-346f8027]{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:clamp(15px,1.4vw,21px);color:#214f55}.classic-search[data-v-346f8027]:focus-within{outline:2px solid #e3b754;outline-offset:2px}.classic-grid[data-v-346f8027]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc((100% - clamp(12px,1.8vh,20px))/2);gap:clamp(12px,1.8vh,20px) clamp(14px,1.5vw,24px);min-height:0;overflow-y:auto;padding:2px 2px 6px}.classic-card[data-v-346f8027]{min-width:0;min-height:0;display:block;color:inherit;text-decoration:none;background:#fffcf3;border-radius:clamp(18px,1.6vw,26px);box-shadow:0 3px 7px #8f7e4926;overflow:hidden;transition:transform .15s ease}.classic-card[data-v-346f8027]:active{transform:scale(.98)}.classic-cover[data-v-346f8027]{width:100%;height:100%;min-height:0;overflow:hidden;border-radius:inherit}.classic-cover img[data-v-346f8027]{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit}.classic-footer[data-v-346f8027]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:38px}.classic-count[data-v-346f8027]{display:flex;gap:8px;align-items:center;color:#819996;font-size:14px}.classic-count .material-symbols-outlined[data-v-346f8027]{font-size:20px}.classic-pagination[data-v-346f8027]{grid-column:2;display:flex;align-items:center;gap:clamp(8px,1.3vw,20px)}.classic-pagination button[data-v-346f8027]{display:grid;place-items:center;width:clamp(34px,3vw,45px);aspect-ratio:1;padding:0;color:#4c6b70;background:#fff9e9;border:1px solid #e7e0cb;border-radius:50%;font:inherit;font-size:clamp(18px,1.5vw,24px);font-weight:800;cursor:pointer}.classic-pagination button.active[data-v-346f8027]{color:#fff;background:#ff6757;border-color:#ff8070}.classic-pagination button[data-v-346f8027]:disabled{opacity:.4;cursor:default}.classic-page-gap[data-v-346f8027]{color:#527277}.classic-message[data-v-346f8027]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:0;text-align:center;color:#627e79;font-size:20px}.classic-message.error[data-v-346f8027]{color:#ad5543}.classic-message button[data-v-346f8027]{padding:10px 24px;border-radius:24px;border:1px solid #ffd774;color:#214f55;background:#ffe38a;font:inherit;cursor:pointer}.classic-library button[data-v-346f8027]:focus-visible,.classic-library a[data-v-346f8027]:focus-visible{outline:3px solid #347e89;outline-offset:2px}@media(max-width:900px){.classic-library[data-v-346f8027]{padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}.classic-header[data-v-346f8027]{gap:16px}.classic-title p[data-v-346f8027]{font-size:12px;letter-spacing:0}.classic-levels[data-v-346f8027]{width:53%;gap:8px}.classic-levels button[data-v-346f8027]{padding:8px;gap:6px}.classic-level-copy small[data-v-346f8027]{font-size:12px}}@media(max-width:650px){.classic-header[data-v-346f8027]{flex-wrap:wrap}.classic-title h1[data-v-346f8027]{font-size:32px}.classic-levels[data-v-346f8027]{width:100%}.classic-levels button[data-v-346f8027]{min-height:54px}.classic-heading[data-v-346f8027]{padding-left:12px;gap:10px}.classic-level-title[data-v-346f8027]{gap:5px}.classic-level-title h2[data-v-346f8027]{font-size:21px}.classic-search[data-v-346f8027]{width:45%;padding-inline:10px}.classic-grid[data-v-346f8027]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-content:start}.classic-card[data-v-346f8027]{aspect-ratio:16 / 9}.classic-count[data-v-346f8027]{display:none}}@media(orientation:landscape)and (max-height:620px){.classic-library[data-v-346f8027]{padding-top:calc(env(safe-area-inset-top,0px) + 10px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px);gap:10px}.classic-title h1[data-v-346f8027]{font-size:34px}.classic-title p[data-v-346f8027]{margin-top:3px;font-size:12px}.classic-back[data-v-346f8027]{width:50px}.classic-levels button[data-v-346f8027]{min-height:52px;padding-block:5px}.classic-heading[data-v-346f8027]{min-height:40px;padding-block:4px}.classic-pagination button[data-v-346f8027]{width:32px}}.story-reader-options[data-v-da36bd24]{position:absolute;z-index:4;top:max(31px,env(safe-area-inset-top));right:max(34px,env(safe-area-inset-right));max-width:calc(100% - 150px);display:flex;justify-content:flex-end;align-items:flex-start;flex-wrap:wrap;gap:10px}.story-reader-options .story-reading-modes[data-v-da36bd24]{position:static}.story-language-modes button[data-v-da36bd24]{min-width:64px}@media(max-width:650px){.story-reader-options[data-v-da36bd24]{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));max-width:calc(100% - 110px);gap:8px}.story-reader-options .story-reading-modes[data-v-da36bd24]{padding:3px;gap:3px}.story-reader-options .story-reading-modes button[data-v-da36bd24]{min-height:44px;padding:6px 9px;font-size:13px}.story-language-modes button[data-v-da36bd24]{min-width:48px}}.story-reader-image-layer[data-v-da36bd24]{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.story-reader-background[data-v-da36bd24]{transform-origin:center;animation:story-picture-slow-zoom-da36bd24 10s ease-in-out infinite alternate;will-change:transform}@keyframes story-picture-slow-zoom-da36bd24{0%{transform:scale(1)}to{transform:scale(1.07)}}@media(prefers-reduced-motion:reduce){.story-reader-background[data-v-da36bd24]{animation:none;transform:none;will-change:auto}}.diy-ranking>header[data-v-16af5df8]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 12px}.diy-ranking>header h2[data-v-16af5df8]{white-space:nowrap}.diy-ranking>header p[data-v-16af5df8]{min-width:0}.diy-all-entry[data-v-16af5df8]{flex:0 0 auto;margin-left:auto;min-height:42px;padding:0 12px;display:inline-flex;align-items:center;gap:3px;border-radius:99px;color:#13896a;background:#e5f8ef;font-size:16px;font-weight:900;text-decoration:none;white-space:nowrap}.diy-all-entry[data-v-16af5df8]:hover{background:#d3f1e4}.diy-all-entry[data-v-16af5df8]:focus-visible,.diy-all-book button[data-v-16af5df8]:focus-visible,.diy-all-more button[data-v-16af5df8]:focus-visible{outline:3px solid #ffb749;outline-offset:3px}.diy-all-heading h1[data-v-16af5df8]{margin:0 0 20px;font-size:32px}.diy-all-works[data-v-16af5df8]{flex:1;min-height:0;min-width:0;padding:18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:28px;background:#ffffffeb}.diy-all-grid[data-v-16af5df8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-items:start;gap:20px}.diy-all-book[data-v-16af5df8]{position:relative;min-width:0;padding:12px;border:1px solid #d9ebe5;border-radius:22px;background:#fff}.diy-all-open[data-v-16af5df8]{display:block;width:100%;padding:0;border:0;color:inherit;background:none;text-align:left;font:inherit;cursor:pointer}.diy-all-open img[data-v-16af5df8]{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;border-radius:14px;background:#fffdf6}.diy-all-open h2[data-v-16af5df8]{min-height:44px;margin:12px 0 0;padding-right:70px;display:flex;align-items:center;overflow-wrap:anywhere;font-size:19px;line-height:1.35}.diy-all-book>.diy-like[data-v-16af5df8]{position:absolute;right:12px;bottom:12px;min-height:44px;max-width:70px;cursor:pointer}.diy-all-works>.diy-list-state[data-v-16af5df8]{min-height:220px}.diy-all-more[data-v-16af5df8]{padding:24px 0 8px;text-align:center}.diy-all-more p[data-v-16af5df8]{margin:0 0 12px;color:#bc4655}.diy-all-more button[data-v-16af5df8]{min-height:44px;padding:0 28px;border:0;border-radius:99px;color:#fff;background:var(--diy-green);font:inherit;font-weight:800;cursor:pointer}.diy-all-more button[data-v-16af5df8]:disabled{opacity:.65;cursor:wait}@media(max-width:1200px){.diy-ranking>header[data-v-16af5df8]{grid-template-columns:minmax(0,1fr) auto}.diy-ranking>header p[data-v-16af5df8]{grid-column:1 / -1;grid-row:2}.diy-all-entry[data-v-16af5df8]{grid-column:2;grid-row:1}.diy-all-entry[data-v-16af5df8]{min-height:38px;font-size:14px}}@media(max-width:900px){.diy-all-works[data-v-16af5df8]{flex:none;overflow:visible}.diy-all-grid[data-v-16af5df8]{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(max-width:600px){.diy-all-works[data-v-16af5df8]{padding:12px}.diy-all-grid[data-v-16af5df8]{grid-template-columns:minmax(0,1fr)}}.diy-like[data-v-16af5df8]:disabled{opacity:.5;cursor:wait}.diy-like-error[data-v-16af5df8]{position:fixed;z-index:100;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 22px;border-radius:18px;color:#fff;background:#99334a;box-shadow:0 8px 24px #57233733;text-align:center;font-weight:700}.diy-editor-page[data-v-669b177e]{--diy-ink: #292b56;--diy-green: #754bff;--diy-orange: #754bff;--editor-sidebar: clamp(160px, 15.7vw, 300px);--editor-header: clamp(64px, 7vh, 76px);--editor-bottom: 144px;--editor-toolbar: 52px;--editor-row-gap: 6px;--editor-bottom-safe: max(8px, env(safe-area-inset-bottom, 0px));--editor-gap: clamp(12px, 1.8vw, 30px);--editor-safe: max(28px, env(safe-area-inset-top, 0px));height:var(--diy-visual-height, 100dvh);min-width:760px;padding-top:var(--editor-safe);font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;background:#f6f5ff;color:var(--diy-ink)}.diy-editor-page button[data-v-669b177e],.diy-editor-page textarea[data-v-669b177e],.diy-editor-page input[data-v-669b177e]{font-family:inherit}.diy-editor-page button[data-v-669b177e]:focus-visible,.diy-upload[data-v-669b177e]:focus-visible{outline:3px solid #a08bff;outline-offset:3px}.diy-editor-header[data-v-669b177e]{height:var(--editor-header);padding:12px clamp(18px,1.8vw,34px);grid-template-columns:auto minmax(0,1fr) auto auto;gap:clamp(12px,1vw,20px);background:transparent;box-shadow:none}.diy-editor-back[data-v-669b177e]{display:grid;place-items:center;width:clamp(44px,3.6vw,62px);height:clamp(44px,3.6vw,62px);border:1px solid #e0d9ff;border-radius:50%;color:#6f42ff;background:#f7f4ff;text-decoration:none;box-shadow:0 5px 16px #7770aa0d}.diy-editor-back .material-symbols-outlined[data-v-669b177e]{font-size:28px}.diy-editor-heading[data-v-669b177e]{display:flex;align-items:center;min-width:0;gap:clamp(18px,2vw,36px);padding-left:clamp(8px,1.3vw,25px)}.diy-editor-heading h1[data-v-669b177e]{display:flex;align-items:center;gap:14px;flex:0 0 auto;margin:0;font-size:clamp(21px,1.9vw,34px);font-weight:750}.diy-editor-heading h1 .material-symbols-outlined[data-v-669b177e]{color:#6d41ef;font-size:clamp(32px,2.7vw,48px);font-variation-settings:"FILL" 1}.diy-title-edit[data-v-669b177e]{min-width:0;padding:0 0 0 clamp(18px,2vw,36px);border-left:2px solid #e0ddf7;display:flex;align-items:center;gap:10px;color:var(--diy-ink);cursor:text}.diy-title-edit input[data-v-669b177e]{width:min(30vw,430px);min-width:130px;padding:7px 9px;border:1px solid transparent;border-radius:10px;color:var(--diy-ink);background:transparent;font-size:clamp(17px,1.6vw,28px);font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.diy-title-edit input[data-v-669b177e]::placeholder{color:var(--diy-ink);opacity:1}.diy-title-edit input[data-v-669b177e]:hover{background:#ffffff90}.diy-title-edit input[data-v-669b177e]:focus{outline:none;border-color:#a990ff;background:#fff;box-shadow:0 0 0 3px #9b7fff22}.diy-title-edit .material-symbols-outlined[data-v-669b177e]{flex-shrink:0;color:#777798;font-size:20px}.diy-save[data-v-669b177e],.diy-publish[data-v-669b177e]{min-height:clamp(46px,6.2vh,66px);padding:0 clamp(14px,1.5vw,26px);gap:10px;border-radius:17px;font-size:clamp(15px,1.4vw,24px);font-weight:650;white-space:nowrap}.diy-save[data-v-669b177e]{color:#34365d;background:#faf9ff;border:1px solid #ded8f7;box-shadow:0 5px 12px #4b358609}.diy-publish[data-v-669b177e]{background:#7448fa;box-shadow:0 7px 18px #754bff19}.diy-save .material-symbols-outlined[data-v-669b177e],.diy-publish .material-symbols-outlined[data-v-669b177e]{font-size:29px}.diy-editor-layout[data-v-669b177e]{height:calc(var(--diy-visual-height, 100dvh) - var(--editor-header) - var(--editor-safe));padding:0 var(--editor-gap) var(--editor-bottom-safe);display:grid;grid-template-columns:calc(var(--editor-sidebar) - var(--editor-gap)) minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--editor-bottom);gap:var(--editor-row-gap) var(--editor-gap)}.diy-pages-panel[data-v-669b177e]{grid-row:1 / -1;padding:18px 0 4px;border:0;background:transparent;display:flex;flex-direction:column;min-height:0;overflow:hidden}.diy-pages-panel h2[data-v-669b177e]{flex:0 0 auto;margin:8px 3px 28px;display:flex;align-items:center;gap:14px;font-size:clamp(18px,1.6vw,28px)}.diy-pages-panel h2 small[data-v-669b177e]{display:grid;place-items:center;width:37px;height:37px;padding:0;font-size:21px;font-weight:500;background:#8158ff}.diy-pages-scroll[data-v-669b177e]{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;padding:0 2px 8px;flex:1 1 0}.diy-page-thumb[data-v-669b177e]{position:relative;padding:10px;margin-bottom:20px;border:2px solid transparent;border-radius:18px;background:#ffffffba;box-shadow:none}.diy-page-thumb.active[data-v-669b177e]{border-color:#875eff;box-shadow:none}.diy-thumb-heading[data-v-669b177e]{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:8px}.diy-page-thumb .diy-thumb-heading>span[data-v-669b177e]{margin:0;white-space:nowrap}.diy-edit-content[data-v-669b177e]{flex-shrink:0;min-height:34px;padding:5px 7px;border:1px solid #e1d6ff;border-radius:9px;background:#eee8ff;color:#6c40e9;font-size:clamp(11px,.9vw,16px);font-weight:600;white-space:nowrap}.diy-edit-content[data-v-669b177e]:active{background:#ded2ff}.diy-thumb-select[data-v-669b177e]{display:block;width:100%;padding:0;border:0;border-radius:11px;background:transparent;cursor:pointer}.diy-page-thumb span[data-v-669b177e]{margin:0 1px 9px;font-size:clamp(14px,1.15vw,21px);font-weight:600}.diy-page-thumb img[data-v-669b177e]{display:block;border-radius:11px;aspect-ratio:16 / 9;object-fit:contain;background:#fffdf6}.diy-page-thumb .diy-page-empty-preview[data-v-669b177e]{aspect-ratio:16 / 9;border-radius:11px}.diy-add-page[data-v-669b177e]{flex:0 0 auto;min-height:clamp(52px,6.8vh,74px);margin-top:12px;border:1.5px dashed #a48bec;border-radius:18px;background:#f6f5ff;color:#36345e;font-size:clamp(16px,1.3vw,23px);font-weight:650}.diy-add-page[data-v-669b177e]:disabled{opacity:.4;cursor:not-allowed}.diy-add-page .material-symbols-outlined[data-v-669b177e]{color:#6c40f5;font-size:30px}.diy-page-thumb .diy-delete-page[data-v-669b177e]{position:absolute;z-index:1;right:12px;bottom:12px;width:44px;height:44px;min-height:44px;margin:0;padding:0;display:grid;place-items:center;border:1px solid #f0d9e1;border-radius:12px;color:#d52b57;background:#ffffffed;box-shadow:0 2px 8px #53253f0a;cursor:pointer}.diy-delete-page .material-symbols-outlined[data-v-669b177e]{margin:0;font-size:24px;font-weight:400;line-height:1}.diy-page-thumb .diy-delete-page[data-v-669b177e]:hover:not(:disabled){background:#fff0f4}.diy-delete-page[data-v-669b177e]:disabled{opacity:.35;cursor:not-allowed}.diy-canvas-workspace[data-v-669b177e]{min-height:0;padding:0;display:flex;flex-direction:column;gap:var(--editor-row-gap);overflow:visible;background:transparent}.diy-canvas-toolbar[data-v-669b177e]{flex:0 0 var(--editor-toolbar);min-height:0;width:100%;max-width:720px;padding:4px 8px;gap:0;border-radius:18px;background:#fffe;box-shadow:0 8px 30px #4e36880a;justify-content:space-between}.diy-canvas-toolbar>button[data-v-669b177e],.diy-canvas-toolbar>.diy-tool-control>button[data-v-669b177e],.diy-upload[data-v-669b177e]{min-height:0;padding:0;border:0;border-radius:0;color:#35355b;background:transparent;box-shadow:none;font-weight:500}.diy-canvas-toolbar>.diy-icon-only[data-v-669b177e]{position:relative;flex:1 1 0;width:auto;height:44px;padding:0 5px;display:flex;align-items:center;justify-content:center;border-radius:10px}.diy-canvas-toolbar>.diy-icon-only+.diy-icon-only[data-v-669b177e]:before,.diy-labeled-tool[data-v-669b177e]:before{content:"";position:absolute;left:0;top:10px;height:24px;border-left:1px solid #e5e1f4}.diy-canvas-toolbar>.diy-icon-only .material-symbols-outlined[data-v-669b177e]{font-size:clamp(25px,1.9vw,34px)}.diy-canvas-toolbar>.diy-tool-control[data-v-669b177e]:first-child{flex:1 1 0}.diy-canvas-toolbar>.diy-tool-control:first-child>button[data-v-669b177e]{width:100%;min-height:44px;padding:0 12px;justify-content:center;border-radius:12px}.diy-canvas-toolbar button.active[data-v-669b177e]{color:#fff;background:#7040f5;box-shadow:0 5px 12px #7040f51f}.diy-labeled-tool[data-v-669b177e]{position:relative;flex:1 1 0;display:flex;align-items:center;justify-content:center;height:44px}.diy-labeled-tool>.diy-tool-trigger[data-v-669b177e]{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:6px}.diy-color-preview[data-v-669b177e]{width:32px;height:32px;border-radius:50%;border:0;box-shadow:none}.diy-canvas-toolbar .diy-undo-button[data-v-669b177e]:disabled,.diy-canvas-toolbar .diy-redo-button[data-v-669b177e]:disabled{background:transparent;color:#9693b0;opacity:.8}.diy-tool-popover[data-v-669b177e]{top:calc(100% + 12px);border-color:#e1d9f7;color:var(--diy-ink);box-shadow:0 12px 35px #37235824}.diy-brush-menu button[data-v-669b177e]{background:#f5f2fd}.diy-brush-menu button.selected[data-v-669b177e]{border-color:#885eff;background:#ede7ff}.diy-canvas-stage[data-v-669b177e]{flex:1 1 0;width:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.diy-canvas-frame[data-v-669b177e]{flex:0 0 auto;min-height:0;min-width:0;aspect-ratio:auto;border:0;border-radius:15px;box-shadow:0 9px 23px #3a24550a}.diy-canvas-frame canvas[data-v-669b177e]{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.diy-inspector[data-v-669b177e]{grid-column:2;grid-row:2;min-width:0;min-height:0;padding:10px clamp(18px,1.7vw,30px);display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(22px,3vw,52px);border:0;border-radius:22px;background:#ffffffeb;overflow-y:auto;box-shadow:0 12px 30px #49357e09}.diy-inspector>label[data-v-669b177e]{margin:0;min-height:0;display:flex;flex-direction:column;gap:10px;font-size:clamp(16px,1.4vw,24px);font-weight:650}.diy-inspector textarea[data-v-669b177e]{display:block;margin:0;flex:1;height:auto;min-height:64px;padding:15px 20px 28px;border:1px solid #d8d6eb;border-radius:15px;color:#434369;font-size:clamp(15px,1.3vw,22px);font-weight:400;line-height:1.5;background:#fff;resize:none}.diy-inspector textarea[data-v-669b177e]::placeholder{color:#aaa7bb;font-weight:400}.diy-inspector label>small[data-v-669b177e]{right:12px;bottom:10px;font-size:clamp(12px,1vw,16px);color:#83809f;font-weight:400}.diy-voice-card[data-v-669b177e]{position:relative;min-width:0;min-height:0;padding:0;border-radius:0;background:transparent}.diy-voice-card[data-v-669b177e]:before{content:"";position:absolute;left:calc(clamp(22px,3vw,52px)/-2);top:0;bottom:0;border-left:1px solid #ded8f4}.diy-voice-card h3[data-v-669b177e]{margin:0;font-size:clamp(16px,1.4vw,24px);font-weight:650}.diy-voice-actions[data-v-669b177e]{margin-top:6px;gap:17px}.diy-voice-actions button[data-v-669b177e]{min-height:42px;padding:6px 8px;gap:10px;border-radius:15px;font-size:clamp(14px,1.3vw,22px);font-weight:600;background:#8964ff;white-space:nowrap}.diy-voice-actions button[data-v-669b177e]:last-child{border:1px solid #cec0ff;color:#6e40f5;background:#e7dfff}.diy-voice-actions button.recording[data-v-669b177e]{background:#da3765}.diy-voice-actions .material-symbols-outlined[data-v-669b177e]{font-size:30px}.diy-audio-player[data-v-669b177e]{display:flex;align-items:center;gap:17px;margin-top:4px;min-width:0}.diy-audio-player>button[data-v-669b177e]{flex:0 0 36px;width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;color:#6f39f5;background:#eae2ff}.diy-audio-player>button .material-symbols-outlined[data-v-669b177e]{font-size:32px;font-variation-settings:"FILL" 1}.diy-audio-player>button[data-v-669b177e]:disabled{opacity:.4}.diy-audio-player.playing>button[data-v-669b177e]{color:#fff;background:#754bff}.diy-audio-player time[data-v-669b177e]{color:#7c789f;font-size:clamp(12px,1vw,17px);font-variant-numeric:tabular-nums}.diy-audio-track[data-v-669b177e]{flex:1;min-width:0;height:34px;position:relative}.diy-audio-track canvas[data-v-669b177e]{width:100%;height:100%;display:block}.diy-audio-track input[data-v-669b177e]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer}.diy-audio-track[data-v-669b177e]:focus-within{outline:2px solid #a38bee;border-radius:6px}.diy-canvas-workspace.fullscreen[data-v-669b177e]{background:#f6f5ff;padding:var(--editor-safe) 10px var(--editor-bottom-safe);display:flex;gap:var(--editor-row-gap)}.diy-canvas-workspace.fullscreen .diy-canvas-toolbar[data-v-669b177e]{width:100%;max-width:720px;height:var(--editor-toolbar)}.diy-canvas-workspace.fullscreen .diy-canvas-frame[data-v-669b177e]{min-width:0;width:100%;aspect-ratio:auto;border:0}.diy-editor-page.keyboard-open .diy-editor-layout[data-v-669b177e]{overflow-y:auto;grid-template-rows:minmax(180px,1fr) 210px}.diy-editor-page.keyboard-open .diy-canvas-frame[data-v-669b177e]{width:100%}.diy-editor-page.canvas-only .diy-editor-layout[data-v-669b177e]{grid-template-rows:minmax(0,1fr);row-gap:0}.diy-content-dialog[data-v-669b177e]{position:fixed;inset:var(--editor-safe) 0 auto;width:min(600px,calc(100vw - 32px));max-width:none;max-height:calc(var(--diy-visual-height, 100dvh) - var(--editor-safe) - 24px);margin:12px auto;padding:0;overflow:hidden;border:1px solid #e5def7;border-radius:24px;color:var(--diy-ink);background:#faf9ff;box-shadow:0 24px 80px #29234c38}.diy-content-dialog[open][data-v-669b177e]{display:flex;flex-direction:column}.diy-content-dialog[data-v-669b177e]::backdrop{background:#24213f66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.diy-content-dialog-header[data-v-669b177e]{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid #e9e3f6}.diy-content-dialog-header h2[data-v-669b177e]{margin:0;font-size:clamp(18px,1.7vw,24px)}.diy-content-dialog-header button[data-v-669b177e]{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#eee8ff;color:#7043ec}.diy-content-dialog .diy-inspector[data-v-669b177e]{flex:1 1 auto;display:flex;flex-direction:column;gap:22px;min-height:0;padding:20px 24px;overflow-y:auto;overscroll-behavior:contain;border-radius:0;background:transparent;box-shadow:none}.diy-content-dialog .diy-inspector>label[data-v-669b177e]{position:relative;flex:0 0 auto;font-size:18px}.diy-content-dialog .diy-inspector textarea[data-v-669b177e]{flex:none;width:100%;min-height:0;height:calc(4.5em + 43px);font-size:18px}.diy-content-dialog .diy-book-description-field textarea[data-v-669b177e]{height:calc(6em + 43px)}.diy-content-dialog .diy-voice-card[data-v-669b177e]{flex:0 0 auto;padding-top:20px;border-top:1px solid #e3dcf5}.diy-content-dialog .diy-voice-card[data-v-669b177e]:before{display:none}.diy-content-dialog .diy-voice-card h3[data-v-669b177e]{font-size:18px}.diy-content-dialog .diy-voice-actions[data-v-669b177e]{margin-top:12px}.diy-content-dialog .diy-voice-actions button[data-v-669b177e]{min-height:48px;font-size:16px}.diy-content-dialog .diy-audio-player[data-v-669b177e]{margin-top:12px}.diy-content-dialog-footer[data-v-669b177e]{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 24px;border-top:1px solid #e9e3f6}.diy-content-dialog-footer p[data-v-669b177e]{flex:1;margin:0;color:#705b8f;font-size:14px}.diy-content-dialog-footer>button[data-v-669b177e]{min-height:44px;padding:0 30px;border:0;border-radius:12px;background:#754bff;color:#fff;font-size:17px;font-weight:600}@media(max-width:1100px){.diy-editor-heading[data-v-669b177e]{gap:12px;padding-left:0}.diy-editor-heading h1[data-v-669b177e]{gap:6px}.diy-title-edit[data-v-669b177e]{padding-left:12px;gap:6px}.diy-editor-layout[data-v-669b177e]{column-gap:12px}.diy-canvas-workspace[data-v-669b177e]{padding:0}.diy-canvas-toolbar[data-v-669b177e]{width:100%;border-radius:20px}.diy-voice-actions[data-v-669b177e]{gap:8px}.diy-voice-actions button[data-v-669b177e]{gap:4px}.diy-audio-player[data-v-669b177e]{gap:9px}}@media(max-height:700px){.diy-editor-page[data-v-669b177e]{--editor-header: 64px;--editor-bottom: 132px}.diy-editor-header[data-v-669b177e]{padding-top:8px;padding-bottom:8px}.diy-inspector[data-v-669b177e]{padding:8px 18px}.diy-pages-panel[data-v-669b177e]{padding-top:8px}.diy-pages-panel h2[data-v-669b177e]{margin-bottom:18px}}.diy-background-canvas[data-v-669b177e]{pointer-events:none}.diy-drawing-canvas[data-v-669b177e]{background:transparent}.graded-reader[data-v-52df1a0a]{--ink: #174d59;--muted: #5c7e86;--mint: #57c5a0;--coral: #ff7167;box-sizing:border-box;width:100%;height:100dvh;min-height:610px;overflow:hidden;padding:max(48px,calc(env(safe-area-inset-top) + 22px)) max(28px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));display:grid;grid-template-rows:clamp(82px,10vh,104px) minmax(0,1fr);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;background:#fffaf0 url(/images/primary/graded-library-background-v3.webp) center / cover no-repeat}.graded-reader[data-v-52df1a0a] *,.graded-reader[data-v-52df1a0a] *:before,.graded-reader[data-v-52df1a0a] *:after{box-sizing:border-box}.graded-reader button[data-v-52df1a0a]{font:inherit}.graded-reader-header[data-v-52df1a0a]{min-width:0;display:flex;align-items:center;gap:clamp(18px,2vw,34px)}.graded-reader-back[data-v-52df1a0a]{flex:0 0 auto;width:clamp(62px,5.5vw,84px);aspect-ratio:1;border:0;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:#ffe17b;box-shadow:0 7px 18px #cc9e3924;cursor:pointer}.graded-reader-back .material-symbols-outlined[data-v-52df1a0a]{font-size:clamp(42px,3.8vw,58px);font-weight:700}.graded-reader-title[data-v-52df1a0a]{min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.1}.graded-reader-title h1[data-v-52df1a0a]{margin:0 0 3px;max-width:44vw;overflow:hidden;color:var(--ink);font-size:clamp(27px,2.55vw,42px);font-weight:700;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.graded-reader-title strong[data-v-52df1a0a]{max-width:44vw;overflow:hidden;font-size:clamp(24px,2.15vw,35px);font-weight:700;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.graded-reader-header-actions[data-v-52df1a0a]{margin-left:auto;display:flex;align-items:center;gap:clamp(10px,1vw,16px)}.graded-reader-mode[data-v-52df1a0a]{min-width:clamp(126px,11vw,170px);height:clamp(48px,5.7vh,62px);padding:0 20px;border:2px solid rgba(70,159,134,.25);border-radius:999px;color:#44727b;background:#ffffffd6;font-size:clamp(17px,1.45vw,23px);font-weight:600;cursor:pointer}.graded-reader-mode.active[data-v-52df1a0a]{border-color:var(--mint);color:#fff;background:var(--mint)}.graded-reader-content[data-v-52df1a0a]{min-height:0;padding-top:clamp(8px,1.5vh,18px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;justify-items:center;gap:clamp(8px,1.2vh,14px)}.graded-reader-picture-row[data-v-52df1a0a]{min-width:0;width:100%;height:100%;display:grid;grid-template-columns:clamp(58px,5.2vw,82px) minmax(0,1fr) clamp(58px,5.2vw,82px);align-items:center;justify-items:center;gap:clamp(10px,1.5vw,24px)}.graded-reader-picture[data-v-52df1a0a]{position:relative;min-width:0;width:auto;max-width:100%;height:100%;max-height:100%;aspect-ratio:16 / 9;margin:0;overflow:hidden;border:0;border-radius:clamp(18px,1.7vw,26px);background:transparent;box-shadow:0 10px 24px #2f695b14}.graded-reader-picture img[data-v-52df1a0a]{width:100%;height:100%;display:block;border:0;object-fit:cover}.graded-reader-picture-page[data-v-52df1a0a]{position:absolute;right:clamp(12px,1.2vw,20px);bottom:clamp(10px,1vw,17px);min-width:clamp(64px,5.6vw,88px);padding:5px 11px;border-radius:999px;color:#087cc0;background:#ffffffe6;box-shadow:0 3px 12px #185c7629;font-size:clamp(18px,1.65vw,27px);font-weight:700;line-height:1.1;text-align:center}.graded-reader-reading-actions[data-v-52df1a0a]{position:absolute;z-index:3;right:clamp(18px,2vw,34px);top:50%;transform:translateY(-50%);margin-top:0;display:flex;flex-direction:column;align-items:center;gap:clamp(13px,1.5vh,20px)}.graded-reader-speaking[data-v-52df1a0a],.graded-reader-follow[data-v-52df1a0a]{width:clamp(154px,13.5vw,206px);height:clamp(58px,6.2vh,68px);min-height:0;padding:8px 18px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);background:#ffffffe6;box-shadow:0 5px 16px #18595124;font-size:clamp(16px,1.35vw,22px);font-weight:600;cursor:pointer}.graded-reader-speaking .material-symbols-outlined[data-v-52df1a0a]{color:var(--mint);font-size:clamp(31px,2.8vw,43px);font-weight:700}.graded-reader-follow[data-v-52df1a0a]{color:#c4554e;background:#fff0e9}.graded-reader-follow .material-symbols-outlined[data-v-52df1a0a]{color:var(--coral);font-size:clamp(31px,2.8vw,43px);font-weight:700}.graded-reader-speaking.active[data-v-52df1a0a]{color:#fff;background:var(--mint)}.graded-reader-speaking.active .material-symbols-outlined[data-v-52df1a0a]{color:#fff}.graded-reader-follow.active[data-v-52df1a0a]{color:#fff;background:var(--coral)}.graded-reader-follow.active .material-symbols-outlined[data-v-52df1a0a]{color:#fff}.graded-reader-speaking[data-v-52df1a0a]:disabled,.graded-reader-follow[data-v-52df1a0a]:disabled{opacity:.45;cursor:default}.graded-reader-side-button[data-v-52df1a0a]{width:clamp(58px,5.2vw,82px);aspect-ratio:1;padding:0;border:2px solid #ff8669;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ff7457;box-shadow:inset 0 2px 3px #ffb28d,0 5px 12px #d4a75e2b;cursor:pointer}.graded-reader-side-button .material-symbols-outlined[data-v-52df1a0a]{font-size:clamp(39px,3.7vw,56px);font-weight:600}.graded-reader-side-button[data-v-52df1a0a]:disabled{opacity:.32;cursor:default}.graded-reader-message[data-v-52df1a0a]{align-self:center;justify-self:center;min-width:280px;padding:34px;border-radius:26px;display:flex;flex-direction:column;align-items:center;gap:18px;color:var(--muted);background:#ffffffe6;box-shadow:0 18px 44px #4672611a;font-size:22px}.graded-reader-message button[data-v-52df1a0a]{padding:12px 28px;border:0;border-radius:999px;color:#fff;background:var(--coral);cursor:pointer}.graded-reader-toast[data-v-52df1a0a]{position:fixed;z-index:20;left:50%;bottom:max(30px,env(safe-area-inset-bottom));transform:translate(-50%);padding:13px 26px;border-radius:999px;color:#fff;background:#043945e6;box-shadow:0 9px 30px #00232b33;font-size:17px;font-weight:600}@media(max-width:1120px),(max-height:720px){.graded-reader[data-v-52df1a0a]{padding-top:max(42px,calc(env(safe-area-inset-top) + 18px));grid-template-rows:72px minmax(0,1fr)}.graded-reader-content[data-v-52df1a0a]{padding-top:5px;gap:5px}.graded-reader-reading-actions[data-v-52df1a0a]{gap:8px}.graded-reader-speaking[data-v-52df1a0a],.graded-reader-follow[data-v-52df1a0a]{min-height:50px;padding:5px 13px}}@media(orientation:portrait){.graded-reader[data-v-52df1a0a]{height:auto;min-height:100dvh;overflow-y:auto;grid-template-rows:auto auto}.graded-reader-header[data-v-52df1a0a]{flex-wrap:wrap}.graded-reader-title h1[data-v-52df1a0a],.graded-reader-title strong[data-v-52df1a0a]{max-width:68vw}.graded-reader-header-actions[data-v-52df1a0a]{width:100%;justify-content:flex-end}.graded-reader-content[data-v-52df1a0a]{grid-template-columns:1fr;align-items:start}.graded-reader-picture-row[data-v-52df1a0a]{height:auto;grid-template-columns:48px minmax(0,1fr) 48px}.graded-reader-picture[data-v-52df1a0a]{width:100%;height:auto}.graded-reader-reading-actions[data-v-52df1a0a]{right:12px}}.diy-reader-caption[data-v-52df1a0a]{position:absolute;z-index:2;left:50%;bottom:clamp(12px,1.2vw,20px);width:min(62%,760px);margin:0;padding:10px 20px;border-radius:18px;transform:translate(-50%);color:#174d59;background:#ffffffeb;box-shadow:0 5px 18px #18595124;font-size:clamp(18px,1.65vw,27px);font-weight:700;line-height:1.45;text-align:center}.diy-reader-actions[data-v-52df1a0a]{gap:0}@media(max-width:1120px),(max-height:720px){.diy-reader-caption[data-v-52df1a0a]{width:58%;padding:7px 15px;font-size:17px}}.dialogue-focus[data-v-1eed38e0]{width:min(88vw,134dvh,1440px);height:min(87dvh,934px);max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;padding:clamp(16px,2vw,38px);overflow:hidden;border:0;border-radius:clamp(24px,2.6vw,44px);background:#fffdf6;color:#063d4a;box-shadow:0 16px 64px #103f4e22;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.dialogue-focus[data-v-1eed38e0]::backdrop{background:#173f4eaa;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.dialogue-focus-layout[data-v-1eed38e0]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,1.3vw,22px);width:100%;height:100%;container-type:inline-size}.dialogue-focus-header[data-v-1eed38e0]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.8cqw;min-width:0}.dialogue-focus-heading[data-v-1eed38e0]{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4cqw 1.2cqw;min-width:0;padding-left:1.5cqw}.dialogue-focus-heading h2[data-v-1eed38e0]{margin:0;font:400 clamp(22px,3.5cqw,46px)/1.15 "ZCOOL KuaiLe","PingFang SC",sans-serif;-webkit-text-stroke:.015em currentColor;overflow-wrap:anywhere}.dialogue-focus-heading>p[data-v-1eed38e0]{margin:0;color:#38677a;font-size:clamp(14px,2.2cqw,29px);font-weight:800;line-height:1.3;overflow-wrap:anywhere}.dialogue-focus-countdown[data-v-1eed38e0]{display:inline-flex;align-items:center;gap:.65cqw;margin:0;padding:1.05cqw 1.8cqw;border-radius:999px;background:#edf2ff;font-size:clamp(14px,2.15cqw,28px);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.dialogue-focus-countdown>span[data-v-1eed38e0]{font-size:1.5em}.dialogue-focus-close[data-v-1eed38e0]{display:grid;place-items:center;width:clamp(44px,5.8cqw,70px);aspect-ratio:1;padding:0;border:0;border-radius:50%;color:#7c849b;background:#edeef5}.dialogue-focus-close>span[data-v-1eed38e0]{font-size:clamp(28px,3.6cqw,44px)}.dialogue-focus-panels[data-v-1eed38e0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8cqw;min-height:0}.dialogue-focus-card[data-v-1eed38e0]{display:flex;flex-direction:column;align-items:center;gap:.8cqw;min-width:0;min-height:0;padding:1.6cqw 1.7cqw;overflow:hidden;border:3px solid transparent;border-radius:3cqw}.dialogue-focus-ai[data-v-1eed38e0]{background:#eaf6ff;border-color:#dceffb}.dialogue-focus-child[data-v-1eed38e0]{background:#fff6db;border-color:#faf0d2;--halo-low: .12;--halo-high: .3}.dialogue-focus-ai.is-active[data-v-1eed38e0]{border-color:#86d4ff}.dialogue-focus-child.is-active[data-v-1eed38e0]{border-color:#edc25b}.dialogue-focus-card h3[data-v-1eed38e0]{z-index:1;max-width:100%;margin:0;font-size:clamp(18px,2.8cqw,36px);font-weight:800;line-height:1.15;overflow-wrap:anywhere}.dialogue-focus-portrait[data-v-1eed38e0]{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;flex:1;min-height:0;container-type:size}.dialogue-focus-halo[data-v-1eed38e0]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.35);pointer-events:none}.dialogue-focus-card.is-active .dialogue-focus-halo[data-v-1eed38e0]{animation:dialogue-focus-breathe-1eed38e0 2.4s ease-in-out infinite}.dialogue-focus-ai-avatar[data-v-1eed38e0]{position:relative;width:70%;height:80%;object-fit:contain}.dialogue-focus-ai-avatar.is-teacher[data-v-1eed38e0]{width:min(65cqw,85cqh);height:min(65cqw,85cqh);object-fit:cover;border:2px solid #a5d9fc;border-radius:50%}.dialogue-focus-child-avatar[data-v-1eed38e0]{position:relative;width:min(65cqw,85cqh);height:min(65cqw,85cqh);aspect-ratio:1;object-fit:cover;border:2px solid #efc559;border-radius:50%}.dialogue-focus-copy[data-v-1eed38e0]{position:relative;width:100%;flex:0 1 auto;max-height:27%;margin:0;padding:.3cqw;overflow:auto;overscroll-behavior:contain;color:#063d4a;font-size:clamp(18px,3.35cqw,45px);font-weight:800;line-height:1.3;text-align:center;white-space:pre-line;overflow-wrap:anywhere;scrollbar-width:thin}.dialogue-focus-copy.is-placeholder[data-v-1eed38e0]{color:#5e8394;font-size:clamp(16px,2.4cqw,32px)}.dialogue-focus-indicator[data-v-1eed38e0]{position:relative;display:flex;align-items:center;justify-content:center;gap:.8cqw;flex:0 0 auto;min-height:2.8cqw;margin:.4cqw 0 0;color:#8c95a5;font-size:clamp(13px,2.1cqw,28px);font-weight:800;line-height:1.35;text-align:center}.dialogue-focus-indicator>span[data-v-1eed38e0]{flex-shrink:0;font-size:1.65em}.dialogue-focus-ai.is-active .dialogue-focus-indicator[data-v-1eed38e0]{color:#2085ff}.dialogue-focus-child.is-active .dialogue-focus-indicator[data-v-1eed38e0]{color:#a87818}.dialogue-focus-footer[data-v-1eed38e0]{display:flex;justify-content:center}.dialogue-focus-end[data-v-1eed38e0]{display:inline-flex;align-items:center;justify-content:center;gap:1.2cqw;min-height:52px;padding:1.7cqw 5.6cqw;border:0;border-radius:999px;color:#fff;background:#ff5b65;box-shadow:inset 0 4px 8px #fff5,0 6px 14px #ff5b6526;font-size:clamp(18px,2.6cqw,34px);font-weight:800;line-height:1.2}.dialogue-focus-end>span[data-v-1eed38e0]{font-size:1.55em;font-variation-settings:"FILL" 1}.dialogue-focus button[data-v-1eed38e0]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dialogue-focus button[data-v-1eed38e0]:focus-visible{outline:3px solid #2085ff;outline-offset:4px}.dialogue-focus-sr-only[data-v-1eed38e0]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes dialogue-focus-breathe-1eed38e0{0%,to{opacity:var(--halo-low, .18);transform:scale(1.23)}50%{opacity:var(--halo-high, .42);transform:scale(1.4)}}@media(orientation:landscape)and (max-height:560px){.dialogue-focus[data-v-1eed38e0]{width:min(94vw,160dvh);height:93dvh;padding:12px;border-radius:24px}.dialogue-focus-layout[data-v-1eed38e0]{gap:8px}.dialogue-focus-heading[data-v-1eed38e0]{padding-left:4px}.dialogue-focus-heading h2[data-v-1eed38e0]{font-size:clamp(18px,3cqw,24px)}.dialogue-focus-heading>p[data-v-1eed38e0]{font-size:clamp(12px,2cqw,17px)}.dialogue-focus-countdown[data-v-1eed38e0]{padding:5px 10px;font-size:13px}.dialogue-focus-close[data-v-1eed38e0]{width:44px}.dialogue-focus-card[data-v-1eed38e0]{padding:10px 12px;border-width:2px;border-radius:18px;gap:4px}.dialogue-focus-card h3[data-v-1eed38e0]{font-size:17px}.dialogue-focus-copy[data-v-1eed38e0]{max-height:33%;font-size:clamp(16px,2.7cqw,22px);line-height:1.2}.dialogue-focus-copy.is-placeholder[data-v-1eed38e0]{font-size:15px}.dialogue-focus-indicator[data-v-1eed38e0]{font-size:12px;gap:5px}.dialogue-focus-end[data-v-1eed38e0]{min-height:44px;padding:8px 28px;font-size:17px}}@media(orientation:portrait){.dialogue-focus[data-v-1eed38e0]{width:calc(100vw - 24px);height:94dvh;padding:14px;border-radius:24px}.dialogue-focus-layout[data-v-1eed38e0]{gap:12px}.dialogue-focus-header[data-v-1eed38e0]{gap:8px}.dialogue-focus-heading[data-v-1eed38e0]{padding:0;gap:3px}.dialogue-focus-heading h2[data-v-1eed38e0]{font-size:21px}.dialogue-focus-heading>p[data-v-1eed38e0]{font-size:13px}.dialogue-focus-countdown[data-v-1eed38e0]{gap:3px;padding:8px;font-size:12px}.dialogue-focus-close[data-v-1eed38e0]{width:44px}.dialogue-focus-panels[data-v-1eed38e0]{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.dialogue-focus-card[data-v-1eed38e0]{padding:12px;border-radius:22px;gap:6px}.dialogue-focus-card h3[data-v-1eed38e0]{font-size:20px}.dialogue-focus-copy[data-v-1eed38e0]{font-size:21px;max-height:32%}.dialogue-focus-copy.is-placeholder[data-v-1eed38e0]{font-size:17px}.dialogue-focus-indicator[data-v-1eed38e0]{font-size:13px}.dialogue-focus-ai-avatar[data-v-1eed38e0]{width:auto;max-width:70%;height:90%}.dialogue-focus-child-avatar[data-v-1eed38e0]{width:min(70cqw,90cqh);height:min(70cqw,90cqh)}.dialogue-focus-end[data-v-1eed38e0]{min-height:48px;padding:12px 30px;font-size:20px}}@media(prefers-reduced-motion:reduce){.dialogue-focus-card.is-active .dialogue-focus-halo[data-v-1eed38e0]{animation:none;opacity:var(--halo-high, .42);transform:scale(1.3)}}.teacher-picker[data-v-bc320a69]{width:min(90vw,115dvh,1280px);height:min(75dvh,850px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;padding:clamp(20px,2.8vw,56px);overflow:hidden;border:0;border-radius:clamp(24px,2vw,40px);background:#fffdf8;color:#063d4a;box-shadow:0 16px 60px #173f4e22;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.teacher-picker[data-v-bc320a69]::backdrop{background:#173f4eaa;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.teacher-picker-layout[data-v-bc320a69]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(16px,1.8vw,28px);height:100%;container-type:inline-size}.teacher-picker-header[data-v-bc320a69]{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.teacher-picker-header h2[data-v-bc320a69]{margin:0;font:400 clamp(26px,4.8cqw,52px)/1.2 "ZCOOL KuaiLe","PingFang SC",sans-serif;-webkit-text-stroke:.015em currentColor}.teacher-picker-header p[data-v-bc320a69]{margin:.5em 0 0;color:#5e8394;font-size:clamp(14px,2.4cqw,25px);font-weight:700}.teacher-picker-close[data-v-bc320a69]{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border:0;border-radius:50%;color:#8b91a8;background:#eeedf0}.teacher-picker-close>span[data-v-bc320a69]{font-size:34px}.teacher-picker-body[data-v-bc320a69]{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.teacher-picker-scroller[data-v-bc320a69]{flex:1;min-height:0;padding:4px 4px 12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-snap-type:x proximity;scroll-behavior:smooth;touch-action:pan-x pinch-zoom}.teacher-picker-grid[data-v-bc320a69]{--teacher-gap: clamp(12px, 1.4cqw, 22px);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--teacher-gap)) / 3);grid-template-rows:minmax(0,1fr);gap:var(--teacher-gap);height:100%}.teacher-choice[data-v-bc320a69]{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;min-height:0;padding:clamp(14px,2.3cqw,30px) clamp(12px,1.6cqw,24px);border:2px solid #e8e9e8;border-radius:clamp(18px,2.3cqw,30px);text-align:center;cursor:pointer;background:#fffefa;scroll-snap-align:start}.teacher-choice.is-selected[data-v-bc320a69]{border-color:#2085ff;background:#edf7ff;box-shadow:inset 0 0 0 1px #2085ff}.teacher-choice input[data-v-bc320a69]{position:absolute;width:1px;height:1px;opacity:0}.teacher-choice[data-v-bc320a69]:focus-within{outline:3px solid #2085ff;outline-offset:2px}.teacher-choice>img[data-v-bc320a69]{display:block;flex:1 1 0;min-height:0;width:100%;height:0;object-fit:contain;border-radius:0}.teacher-choice>strong[data-v-bc320a69]{flex:0 0 auto;max-width:100%;font-size:clamp(22px,3cqw,36px);line-height:1.2;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.teacher-choice-description[data-v-bc320a69]{flex:0 0 auto;color:#5e8394;font-size:clamp(14px,1.8cqw,22px);line-height:1.45;overflow-wrap:anywhere;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.teacher-choice-check[data-v-bc320a69]{position:absolute;right:10px;top:10px;color:#2085ff;font-size:clamp(28px,3.5cqw,44px);font-variation-settings:"FILL" 1}.teacher-picker-footer[data-v-bc320a69]{text-align:center}.teacher-picker-footer>p[data-v-bc320a69]{margin:0 0 14px;color:#5e8394;font-size:clamp(13px,1.9cqw,22px);line-height:1.4}.teacher-picker-confirm[data-v-bc320a69]{min-height:52px;padding:16px 48px;max-width:100%;border:0;border-radius:999px;background:#2085ff;box-shadow:inset 0 3px 6px #fff5,0 4px 10px #2085ff20;color:#fff;font-size:clamp(18px,2.5cqw,30px);font-weight:800;line-height:1.25}.teacher-picker-confirm[data-v-bc320a69]:disabled{color:#8b91a8;background:#eeeff5;box-shadow:none;cursor:default}.teacher-picker-feedback[data-v-bc320a69],.teacher-picker-notice[data-v-bc320a69]{padding:12px;color:#5e8394;font-size:clamp(15px,2cqw,22px);line-height:1.5;text-align:center}.teacher-picker-feedback.has-error[data-v-bc320a69]{color:#a5414b}.teacher-picker-feedback[data-v-bc320a69],.teacher-picker-notice[data-v-bc320a69]{flex:0 0 auto;margin:0}.teacher-picker-navigation[data-v-bc320a69]{display:flex;align-items:center;justify-content:center;flex:0 0 auto;flex-wrap:wrap;gap:8px 20px}.teacher-picker-directions[data-v-bc320a69]{display:flex;align-items:center;gap:8px;color:#5e8394;font-size:clamp(12px,1.6cqw,18px)}.teacher-picker-directions button[data-v-bc320a69]{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #badcf8;border-radius:50%;color:#176fa7;background:#eaf6ff}.teacher-picker-directions button>span[data-v-bc320a69]{font-size:30px}.teacher-picker-feedback button[data-v-bc320a69],.teacher-picker-more[data-v-bc320a69]{display:block;min-height:44px;padding:10px 24px;margin:16px auto 0;border:1px solid #badcf8;border-radius:999px;background:#eaf6ff;color:#176fa7;font-size:clamp(14px,1.8cqw,22px)}.teacher-picker-navigation .teacher-picker-more[data-v-bc320a69]{margin:0}.teacher-picker button[data-v-bc320a69]{touch-action:manipulation}.teacher-picker button[data-v-bc320a69]:focus-visible{outline:3px solid #2085ff;outline-offset:4px}@media(orientation:landscape)and (max-height:560px){.teacher-picker[data-v-bc320a69]{width:min(94vw,185dvh);height:93dvh;padding:16px 24px}.teacher-picker-layout[data-v-bc320a69]{gap:10px}.teacher-picker-header h2[data-v-bc320a69]{font-size:25px}.teacher-picker-header p[data-v-bc320a69]{margin-top:4px;font-size:13px}.teacher-choice[data-v-bc320a69]{padding:12px;gap:8px}.teacher-choice>strong[data-v-bc320a69]{font-size:22px}.teacher-choice-description[data-v-bc320a69]{font-size:14px}.teacher-picker-footer>p[data-v-bc320a69]{margin-bottom:6px;font-size:12px}.teacher-picker-confirm[data-v-bc320a69]{min-height:44px;padding:10px 28px;font-size:18px}}@media(orientation:portrait){.teacher-picker[data-v-bc320a69]{width:calc(100vw - 24px);height:88dvh;padding:20px}.teacher-picker-header h2[data-v-bc320a69]{font-size:28px}.teacher-picker-header p[data-v-bc320a69]{font-size:14px}.teacher-picker-grid[data-v-bc320a69]{grid-auto-columns:78%}.teacher-choice[data-v-bc320a69]{padding:14px 10px;gap:10px}.teacher-choice>strong[data-v-bc320a69]{font-size:22px}.teacher-choice-description[data-v-bc320a69]{font-size:14px}.teacher-picker-confirm[data-v-bc320a69]{padding:14px 22px;width:100%}}@media(orientation:landscape)and (max-height:420px){.teacher-picker-header p[data-v-bc320a69],.teacher-picker-footer>p[data-v-bc320a69],.teacher-choice-description[data-v-bc320a69]{display:none}.teacher-choice[data-v-bc320a69]{padding:8px;gap:6px}}@media(max-width:360px){.teacher-picker-grid[data-v-bc320a69]{grid-auto-columns:92%}}@media(prefers-reduced-motion:reduce){.teacher-picker-scroller[data-v-bc320a69]{scroll-behavior:auto}}.dialogue-page[data-v-f0dbdbe8]{--dialogue-ink: #063d4a;--dialogue-muted: #5e8394;--dialogue-blue: #2085ff;height:100dvh;padding:max(18px,2.6dvh,env(safe-area-inset-top,0px)) max(20px,2.6vw,env(safe-area-inset-right,0px)) max(18px,2dvh,env(safe-area-inset-bottom,0px)) max(20px,2.6vw,env(safe-area-inset-left,0px));color:var(--dialogue-ink);background:#fffdf8;font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif}.dialogue-layout[data-v-f0dbdbe8]{width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:2cqw;container-type:inline-size}.dialogue-header[data-v-f0dbdbe8]{display:flex;align-items:center;gap:2.4cqw;min-width:0}.dialogue-back[data-v-f0dbdbe8]{width:5.7cqw;min-width:44px;aspect-ratio:1;flex:0 0 auto;display:block}.dialogue-back img[data-v-f0dbdbe8]{display:block;width:100%;height:100%;object-fit:contain}.dialogue-heading[data-v-f0dbdbe8]{min-width:0}.dialogue-heading h1[data-v-f0dbdbe8],.dialogue-topics h2[data-v-f0dbdbe8],.dialogue-topic strong[data-v-f0dbdbe8],.dialogue-context h2[data-v-f0dbdbe8],.dialogue-free-intro h2[data-v-f0dbdbe8],.dialogue-free-copy h3[data-v-f0dbdbe8]{font-family:ZCOOL KuaiLe,PingFang SC,sans-serif;font-weight:400;-webkit-text-stroke:.015em currentColor}.dialogue-heading h1[data-v-f0dbdbe8]{margin:0;font-size:3.5cqw;line-height:1.12;white-space:nowrap}.dialogue-heading>p[data-v-f0dbdbe8]{margin:.35cqw 0 0;color:var(--dialogue-muted);font-size:1.55cqw;font-weight:800;line-height:1.35}.dialogue-mode-switch[data-v-f0dbdbe8]{margin-left:auto;display:flex;flex:0 0 auto;padding:.25cqw;border-radius:999px;background:#f1f2fa}.dialogue-mode-switch button[data-v-f0dbdbe8]{padding:1.1cqw 2.1cqw;min-height:44px;border:0;border-radius:999px;background:transparent;color:#9496b3;font-size:1.65cqw;font-weight:800;white-space:nowrap}.dialogue-mode-switch button.active[data-v-f0dbdbe8]{color:#fff;background:var(--dialogue-blue);box-shadow:inset 0 3px 5px #fff5,0 3px 8px #2085ff20}.dialogue-content[data-v-f0dbdbe8]{display:grid;grid-template-columns:minmax(0,35%) minmax(0,1fr);gap:1.8cqw;min-height:0}.dialogue-topics[data-v-f0dbdbe8]{min-width:0;min-height:0;display:flex;flex-direction:column}.dialogue-topics>h2[data-v-f0dbdbe8]{margin:0 0 .6cqw;font-size:2cqw;line-height:1.3}.dialogue-topic-list[data-v-f0dbdbe8]{display:grid;grid-template-rows:repeat(var(--topic-rows, 6),minmax(96px,1fr));flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.dialogue-topic-feedback[data-v-f0dbdbe8]{color:var(--dialogue-muted);font-size:max(13px,1.1cqw)}.dialogue-topic-feedback button[data-v-f0dbdbe8],.dialogue-load-more[data-v-f0dbdbe8]{flex:0 0 auto;min-height:44px;padding:8px 16px;border:1px solid #b9ddfa;border-radius:22px;color:#176fa7;background:#eaf6ff}.dialogue-topic[data-v-f0dbdbe8]{position:relative;display:grid;grid-template-columns:minmax(0,39%) minmax(0,1fr);align-items:center;gap:1.2cqw;min-width:0;min-height:0;padding:.55cqw .75cqw;border:0;border-bottom:1px solid #e7e9e6;border-radius:0;background:transparent;color:inherit;text-align:left}.dialogue-topic[data-v-f0dbdbe8]:last-child{border-bottom-color:transparent}.dialogue-topic.selected[data-v-f0dbdbe8]{border-radius:1.25cqw;border-bottom-color:transparent;background:#eaf6ff;box-shadow:inset 5px 0 var(--dialogue-blue)}.dialogue-topic-image[data-v-f0dbdbe8]{display:block;width:100%;height:100%;min-height:0;max-height:8cqw;border-radius:1.15cqw;object-fit:cover}.dialogue-topic-copy[data-v-f0dbdbe8]{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.15cqw}.dialogue-topic strong[data-v-f0dbdbe8]{font-size:1.8cqw;line-height:1.2}.dialogue-topic-copy>span[data-v-f0dbdbe8]{color:#38677a;font-size:1.3cqw;font-weight:800;line-height:1.25}.dialogue-topic small[data-v-f0dbdbe8]{margin-top:.25cqw;color:#6c8795;font-size:1.1cqw;line-height:1.4}.dialogue-topic-check[data-v-f0dbdbe8]{position:absolute;right:.6cqw;top:.5cqw;color:var(--dialogue-blue);font-size:2.15cqw}.dialogue-topic.selected strong[data-v-f0dbdbe8]{padding-right:1.8cqw}.dialogue-conversation[data-v-f0dbdbe8]{min-width:0;min-height:0;display:flex;flex-direction:column;padding:1.9cqw;border:2px solid #e5f3ff;border-radius:2.5cqw;background:#fff url(/images/dialogue/chat-surface-v1.webp) center / cover no-repeat;box-shadow:0 3px 12px #25445404}.dialogue-context[data-v-f0dbdbe8]{display:flex;gap:1.5cqw;align-items:center;flex:0 0 auto;min-width:0}.dialogue-context.has-teacher[data-v-f0dbdbe8]{display:grid;grid-template-columns:minmax(0,24%) minmax(0,1fr) minmax(180px,30%);align-items:start}.dialogue-context.has-teacher .dialogue-context-image[data-v-f0dbdbe8]{width:100%}.dialogue-context-image[data-v-f0dbdbe8]{width:27%;aspect-ratio:1.78;object-fit:cover;border-radius:1.5cqw;flex:0 0 auto}.dialogue-context-mascot[data-v-f0dbdbe8]{width:21%;aspect-ratio:1.45;object-fit:contain;flex:0 0 auto}.dialogue-context>div[data-v-f0dbdbe8]{min-width:0}.dialogue-context h2[data-v-f0dbdbe8]{margin:0;font-size:3cqw;line-height:1.15}.dialogue-context-english[data-v-f0dbdbe8]{margin:.3cqw 0 .5cqw;color:#38677a;font-size:1.85cqw;font-weight:800;line-height:1.3}.dialogue-context-description[data-v-f0dbdbe8]{margin:0;color:var(--dialogue-muted);font-size:1.45cqw;font-weight:700;line-height:1.45}.dialogue-stage[data-v-f0dbdbe8]{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:space-evenly;gap:.5cqw;padding:.6cqw 0 1.1cqw}.dialogue-practice-hints[data-v-f0dbdbe8]{width:100%;color:#38677a;text-align:center;font-size:max(13px,1.3cqw);line-height:1.5;overflow-y:auto}.dialogue-practice-hints h3[data-v-f0dbdbe8]{margin:.5em 0;font-size:inherit}.dialogue-practice-hints ul[data-v-f0dbdbe8]{display:inline-block;margin:0;padding-left:1.3em;text-align:left}.dialogue-live-messages[data-v-f0dbdbe8]{display:flex;flex-direction:column;gap:1.2cqw;width:100%;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1cqw .4cqw}.dialogue-live-messages .dialogue-message[data-v-f0dbdbe8]{max-width:90%;flex-shrink:0}.dialogue-live-messages .dialogue-message-child[data-v-f0dbdbe8]{margin-top:0}.dialogue-welcome-mascot[data-v-f0dbdbe8]{display:block;width:46%;min-height:0;max-height:49%;object-fit:contain;flex:0 1 auto}.dialogue-examples[data-v-f0dbdbe8]{width:100%}.dialogue-examples h3[data-v-f0dbdbe8]{display:flex;align-items:center;justify-content:center;gap:.8cqw;margin:0 0 1.4cqw;color:#467bb6;font-size:1.35cqw;font-weight:800}.dialogue-examples h3[data-v-f0dbdbe8]:before,.dialogue-examples h3[data-v-f0dbdbe8]:after{content:"";width:2.5cqw;border-top:1px solid #bfdbf7}.dialogue-example-messages[data-v-f0dbdbe8]{display:flex;gap:1.3cqw;justify-content:space-between;align-items:flex-start}.dialogue-message[data-v-f0dbdbe8]{display:flex;gap:.7cqw;align-items:center;min-width:0;max-width:55%}.dialogue-message-child[data-v-f0dbdbe8]{align-self:flex-end;margin-top:2.2cqw;flex-direction:row-reverse;max-width:46%}.dialogue-message img[data-v-f0dbdbe8]{display:block;width:5.2cqw;height:5.2cqw;flex:0 0 auto;border-radius:50%;object-fit:contain;background:#e2f3ff}.dialogue-message-child img[data-v-f0dbdbe8]{object-fit:cover;background:#fff1be}.dialogue-message p[data-v-f0dbdbe8]{margin:0;padding:1.1cqw 1.3cqw;border-radius:1.8cqw;color:#083c58;background:#dff2ff;font-size:1.35cqw;font-weight:800;line-height:1.45;overflow-wrap:anywhere}.dialogue-message-child p[data-v-f0dbdbe8]{background:#fff5cd}.dialogue-message-bubble[data-v-f0dbdbe8]{display:flex;align-items:center;gap:.6cqw;min-width:0;padding-right:.6cqw;border-radius:1.8cqw;background:#dff2ff}.dialogue-message-child .dialogue-message-bubble[data-v-f0dbdbe8]{background:#fff5cd}.dialogue-message-bubble p[data-v-f0dbdbe8]{min-width:0;padding-right:.2cqw;background:transparent}.dialogue-message-play[data-v-f0dbdbe8]{display:grid;place-items:center;flex:0 0 auto;width:max(44px,3cqw);height:max(44px,3cqw);padding:0;border:0;border-radius:50%;background:transparent;color:#176fa7}.dialogue-message-play .material-symbols-outlined[data-v-f0dbdbe8]{font-size:max(25px,2.2cqw)}.dialogue-message-play[aria-pressed=true][data-v-f0dbdbe8]{color:#da6b28}.dialogue-message-play[data-v-f0dbdbe8]:disabled{color:#8399a5;opacity:.55;cursor:default}.dialogue-replay-notice[data-v-f0dbdbe8]{margin:0 0 .5em;color:#94630f;font-size:max(13px,1.2cqw);text-align:center}.dialogue-stage.is-free[data-v-f0dbdbe8]{justify-content:flex-end;padding-bottom:2.6cqw}.dialogue-stage.is-free .dialogue-examples[data-v-f0dbdbe8]{margin-top:auto}.dialogue-error[data-v-f0dbdbe8]{display:flex;align-items:flex-start;gap:.6cqw;max-width:95%;color:#a5414b;font-size:1.3cqw;line-height:1.5}.dialogue-error p[data-v-f0dbdbe8]{margin:0}.dialogue-error .material-symbols-outlined[data-v-f0dbdbe8]{font-size:1.7cqw}.dialogue-live-hint[data-v-f0dbdbe8]{margin:auto 0;color:#38677a;font-size:1.6cqw;font-weight:700}.dialogue-controls[data-v-f0dbdbe8]{flex:0 0 auto;border-top:1px solid #dce9f5;padding-top:1cqw}.dialogue-teacher-entry[data-v-f0dbdbe8]{display:flex;align-items:center;justify-self:end;align-self:start;gap:.8cqw;width:100%;min-width:0;min-height:64px;padding:.4cqw 0;margin:0;border:0;background:transparent;color:#063d4a;text-align:left}.dialogue-teacher-entry>img[data-v-f0dbdbe8]{display:block;flex:0 0 auto;width:4.6cqw;height:4.6cqw;min-width:44px;min-height:44px;max-width:80px;max-height:80px;border-radius:50%;object-fit:cover}.dialogue-teacher-copy[data-v-f0dbdbe8]{display:flex;flex-direction:column;min-width:0;gap:.2cqw}.dialogue-teacher-copy small[data-v-f0dbdbe8]{color:#5e8394;font-size:max(12px,1cqw);font-weight:700}.dialogue-teacher-copy strong[data-v-f0dbdbe8]{font-size:max(17px,1.6cqw);line-height:1.2;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.dialogue-teacher-copy>span[data-v-f0dbdbe8]{color:#5e8394;font-size:max(12px,1cqw);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.dialogue-teacher-change[data-v-f0dbdbe8]{display:flex;align-items:center;gap:.2em;flex:0 0 auto;margin-left:auto;color:#2085ff;font-size:max(13px,1.1cqw);font-weight:800}.dialogue-teacher-change>span[data-v-f0dbdbe8]{font-size:1.3em}.dialogue-teacher-notice[data-v-f0dbdbe8]{margin:0 0 .7em;color:#94630f;font-size:max(13px,1.1cqw);line-height:1.4}.dialogue-session-status[data-v-f0dbdbe8]{margin:0 0 1cqw;color:var(--dialogue-muted);font-size:1.55cqw;font-weight:800;line-height:1.35;text-align:center}.dialogue-session-status.has-error[data-v-f0dbdbe8]{color:#a5414b}.dialogue-status-row[data-v-f0dbdbe8]{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5cqw 1.5cqw;margin-bottom:1cqw}.dialogue-status-row .dialogue-session-status[data-v-f0dbdbe8]{margin:0}.dialogue-countdown[data-v-f0dbdbe8]{display:inline-flex;align-items:center;gap:.35em;margin:0;color:#38677a;font-size:max(13px,1.3cqw);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.dialogue-countdown .material-symbols-outlined[data-v-f0dbdbe8]{font-size:1.2em}.dialogue-countdown.is-ending[data-v-f0dbdbe8]{color:#94630f}.dialogue-control-row[data-v-f0dbdbe8]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:1.2cqw}.dialogue-microphone[data-v-f0dbdbe8]{display:flex;align-items:center;gap:.8cqw;min-width:0;color:#8b91a8}.dialogue-microphone>span[data-v-f0dbdbe8]{width:5cqw;aspect-ratio:1;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e9eaf0;font-size:2.6cqw}.dialogue-microphone small[data-v-f0dbdbe8]{font-size:1.1cqw;font-weight:700;line-height:1.4}.dialogue-start[data-v-f0dbdbe8],.dialogue-end[data-v-f0dbdbe8]{display:flex;align-items:center;justify-content:center;gap:.7cqw;min-height:44px;padding:1.35cqw 1cqw;border:0;border-radius:999px;font-size:1.7cqw;line-height:1.15;font-weight:800;white-space:nowrap}.dialogue-start[data-v-f0dbdbe8]{color:#fff;background:var(--dialogue-blue, #2085ff);box-shadow:inset 0 4px 7px #fff5,0 4px 10px #2085ff20}.dialogue-start .material-symbols-outlined[data-v-f0dbdbe8]{font-size:2.6cqw}.dialogue-start[data-v-f0dbdbe8]:disabled,.dialogue-end[data-v-f0dbdbe8]:disabled{cursor:default;color:#b0b3ca;background:#f1f2f8;box-shadow:none}.dialogue-end[data-v-f0dbdbe8]{color:#6e718d;background:#eef0fa}.dialogue-free-intro[data-v-f0dbdbe8]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.6cqw;min-height:0;text-align:center}.dialogue-free-intro h2[data-v-f0dbdbe8]{margin:0;font-size:4.4cqw;line-height:1.15}.dialogue-free-intro>div>p[data-v-f0dbdbe8]{margin:.3cqw 0 0;color:#47768a;font-size:2.5cqw;font-weight:800}.dialogue-free-intro>img[data-v-f0dbdbe8]{display:block;width:92%;max-height:45%;object-fit:contain}.dialogue-free-copy h3[data-v-f0dbdbe8]{margin:0;font-size:2cqw;line-height:1.45}.dialogue-free-copy>p[data-v-f0dbdbe8]{margin:.5cqw 0 0;color:#5a8294;font-size:1.65cqw;font-weight:700;line-height:1.4}.dialogue-page button[data-v-f0dbdbe8],.dialogue-back[data-v-f0dbdbe8]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dialogue-page button[data-v-f0dbdbe8]:focus-visible,.dialogue-back[data-v-f0dbdbe8]:focus-visible{outline:3px solid #2085ff;outline-offset:3px}.dialogue-change-dialog[data-v-f0dbdbe8]{max-width:min(480px,calc(100vw - 32px));padding:28px;border:1px solid #dce9f5;border-radius:24px;color:#063d4a;background:#fffdf8}.dialogue-change-dialog[data-v-f0dbdbe8]::backdrop{background:#18395666}.dialogue-change-dialog h2[data-v-f0dbdbe8]{margin:0 0 12px;font-size:24px}.dialogue-change-dialog p[data-v-f0dbdbe8]{line-height:1.6}.dialogue-change-dialog>div[data-v-f0dbdbe8]{display:flex;gap:12px;margin-top:20px}.dialogue-change-dialog button[data-v-f0dbdbe8]{min-height:44px;padding:12px 18px;border:0;border-radius:24px;font-size:16px}@media(orientation:landscape)and (max-height:560px){.dialogue-page[data-v-f0dbdbe8]{padding:max(10px,env(safe-area-inset-top,0px)) max(12px,2vw,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(12px,2vw,env(safe-area-inset-left,0px))}.dialogue-layout[data-v-f0dbdbe8]{gap:1cqw}.dialogue-heading h1[data-v-f0dbdbe8]{font-size:3cqw}.dialogue-heading>p[data-v-f0dbdbe8]{font-size:1.35cqw}.dialogue-back[data-v-f0dbdbe8]{width:5cqw}.dialogue-mode-switch button[data-v-f0dbdbe8]{padding:.8cqw 1.6cqw;font-size:1.5cqw}.dialogue-content[data-v-f0dbdbe8]{grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:1.3cqw}.dialogue-topics>h2[data-v-f0dbdbe8]{margin-bottom:.3cqw;font-size:1.7cqw}.dialogue-topic-list[data-v-f0dbdbe8]{grid-template-rows:repeat(var(--topic-rows, 6),minmax(76px,1fr));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.dialogue-topic[data-v-f0dbdbe8]{padding:.4cqw .6cqw;gap:.7cqw}.dialogue-topic strong[data-v-f0dbdbe8]{font-size:max(13px,1.6cqw)}.dialogue-topic-copy>span[data-v-f0dbdbe8]{font-size:max(11px,1.2cqw)}.dialogue-topic small[data-v-f0dbdbe8]{font-size:max(11px,1.05cqw);line-height:1.3;margin-top:0}.dialogue-context-image[data-v-f0dbdbe8]{width:20%}.dialogue-context.has-teacher[data-v-f0dbdbe8]{grid-template-columns:minmax(0,20%) minmax(0,1fr) minmax(160px,30%)}.dialogue-context h2[data-v-f0dbdbe8]{font-size:2.4cqw}.dialogue-context-english[data-v-f0dbdbe8]{font-size:1.5cqw;margin-bottom:.2cqw}.dialogue-context-description[data-v-f0dbdbe8]{font-size:1.15cqw}.dialogue-conversation[data-v-f0dbdbe8]{padding:1.2cqw}.dialogue-stage[data-v-f0dbdbe8]{padding:.4cqw 0}.dialogue-welcome-mascot[data-v-f0dbdbe8]{max-height:40%;width:35%}.dialogue-examples h3[data-v-f0dbdbe8]{margin-bottom:.4cqw;font-size:1.2cqw}.dialogue-message img[data-v-f0dbdbe8]{width:3.7cqw;height:3.7cqw}.dialogue-message p[data-v-f0dbdbe8]{font-size:1.2cqw;padding:.6cqw .8cqw}.dialogue-message-child[data-v-f0dbdbe8]{margin-top:1cqw}.dialogue-controls[data-v-f0dbdbe8]{padding-top:.5cqw}.dialogue-teacher-entry[data-v-f0dbdbe8]{min-height:44px;padding:0;gap:8px}.dialogue-teacher-entry>img[data-v-f0dbdbe8]{width:44px;height:44px;min-width:44px;min-height:44px}.dialogue-teacher-copy[data-v-f0dbdbe8]{gap:1px}.dialogue-teacher-copy>span[data-v-f0dbdbe8]{display:none}.dialogue-session-status[data-v-f0dbdbe8]{margin-bottom:.5cqw;font-size:1.25cqw}.dialogue-status-row[data-v-f0dbdbe8]{margin-bottom:.5cqw}.dialogue-microphone>span[data-v-f0dbdbe8]{width:4cqw;font-size:2.2cqw}.dialogue-microphone small[data-v-f0dbdbe8]{font-size:1.05cqw}.dialogue-start[data-v-f0dbdbe8],.dialogue-end[data-v-f0dbdbe8]{min-height:44px;padding:.8cqw;font-size:max(13px,1.5cqw)}}@media(orientation:portrait){.dialogue-page[data-v-f0dbdbe8]{height:auto;min-height:100dvh;padding:max(18px,env(safe-area-inset-top,0px)) 5vw max(24px,env(safe-area-inset-bottom,0px))}.dialogue-layout[data-v-f0dbdbe8]{height:auto;gap:6cqw}.dialogue-header[data-v-f0dbdbe8]{flex-wrap:wrap;gap:3cqw}.dialogue-back[data-v-f0dbdbe8]{width:13cqw}.dialogue-heading[data-v-f0dbdbe8]{flex:1}.dialogue-heading h1[data-v-f0dbdbe8]{font-size:8.5cqw}.dialogue-heading>p[data-v-f0dbdbe8]{font-size:3.7cqw}.dialogue-mode-switch[data-v-f0dbdbe8]{width:100%;margin:1cqw 0 0;padding:1cqw}.dialogue-mode-switch button[data-v-f0dbdbe8]{flex:1;min-height:48px;padding:3cqw;font-size:4.2cqw}.dialogue-content[data-v-f0dbdbe8]{grid-template-columns:minmax(0,1fr);gap:6cqw}.dialogue-topics>h2[data-v-f0dbdbe8]{margin-bottom:3cqw;font-size:6cqw}.dialogue-topic-list[data-v-f0dbdbe8]{grid-template-rows:repeat(var(--topic-rows, 6),auto);max-height:70dvh}.dialogue-topic[data-v-f0dbdbe8]{grid-template-columns:minmax(0,35%) minmax(0,1fr);min-height:104px;gap:3cqw;padding:3cqw 2cqw}.dialogue-topic.selected[data-v-f0dbdbe8]{border-radius:4cqw}.dialogue-topic-image[data-v-f0dbdbe8]{max-height:none;height:auto;aspect-ratio:1.6;border-radius:3cqw}.dialogue-topic strong[data-v-f0dbdbe8]{font-size:4.8cqw}.dialogue-topic-copy>span[data-v-f0dbdbe8]{font-size:3.7cqw}.dialogue-topic small[data-v-f0dbdbe8]{font-size:3.4cqw;margin-top:1cqw}.dialogue-topic-check[data-v-f0dbdbe8]{right:2cqw;top:2cqw;font-size:5cqw}.dialogue-topic.selected strong[data-v-f0dbdbe8]{padding-right:5cqw}.dialogue-conversation[data-v-f0dbdbe8]{min-height:620px;padding:5cqw;border-radius:7cqw}.dialogue-context[data-v-f0dbdbe8]{gap:3cqw}.dialogue-context.has-teacher[data-v-f0dbdbe8]{grid-template-columns:minmax(0,31%) minmax(0,1fr)}.dialogue-context.has-teacher .dialogue-teacher-entry[data-v-f0dbdbe8]{grid-column:1 / -1;grid-row:1;width:min(100%,330px)}.dialogue-context.has-teacher .dialogue-context-image[data-v-f0dbdbe8],.dialogue-context.has-teacher>div[data-v-f0dbdbe8]{grid-row:2}.dialogue-context-image[data-v-f0dbdbe8]{width:31%;border-radius:4cqw}.dialogue-context-mascot[data-v-f0dbdbe8]{width:25%}.dialogue-context h2[data-v-f0dbdbe8]{font-size:6.3cqw}.dialogue-context-english[data-v-f0dbdbe8]{margin:1cqw 0;font-size:4.5cqw}.dialogue-context-description[data-v-f0dbdbe8]{font-size:3.5cqw}.dialogue-stage[data-v-f0dbdbe8]{min-height:320px;padding:5cqw 0;gap:3cqw}.dialogue-live-messages[data-v-f0dbdbe8]{max-height:65dvh;gap:4cqw}.dialogue-practice-hints[data-v-f0dbdbe8]{font-size:3.8cqw}.dialogue-welcome-mascot[data-v-f0dbdbe8]{width:65%;max-height:175px}.dialogue-examples h3[data-v-f0dbdbe8]{font-size:4cqw;margin-bottom:4cqw}.dialogue-example-messages[data-v-f0dbdbe8]{flex-direction:column;gap:3cqw}.dialogue-message[data-v-f0dbdbe8],.dialogue-message-child[data-v-f0dbdbe8]{max-width:90%;gap:2cqw}.dialogue-message-child[data-v-f0dbdbe8]{margin-top:0}.dialogue-message img[data-v-f0dbdbe8]{width:11cqw;height:11cqw}.dialogue-message p[data-v-f0dbdbe8]{padding:3cqw;border-radius:5cqw;font-size:3.8cqw}.dialogue-message-bubble[data-v-f0dbdbe8]{border-radius:5cqw;gap:1cqw;padding-right:1cqw}.dialogue-message-bubble p[data-v-f0dbdbe8]{padding-right:1cqw}.dialogue-message-play[data-v-f0dbdbe8]{width:44px;height:44px}.dialogue-message-play .material-symbols-outlined[data-v-f0dbdbe8]{font-size:28px}.dialogue-replay-notice[data-v-f0dbdbe8]{font-size:3.5cqw}.dialogue-controls[data-v-f0dbdbe8]{padding-top:4cqw}.dialogue-teacher-entry[data-v-f0dbdbe8]{padding:0 0 2cqw;gap:3cqw}.dialogue-teacher-entry>img[data-v-f0dbdbe8]{width:12cqw;height:12cqw}.dialogue-teacher-copy small[data-v-f0dbdbe8],.dialogue-teacher-copy>span[data-v-f0dbdbe8]{font-size:3.3cqw}.dialogue-teacher-copy strong[data-v-f0dbdbe8]{font-size:4.5cqw}.dialogue-teacher-change[data-v-f0dbdbe8]{font-size:3.8cqw}.dialogue-session-status[data-v-f0dbdbe8]{margin-bottom:3cqw;font-size:4.4cqw}.dialogue-status-row[data-v-f0dbdbe8]{margin-bottom:3cqw;gap:2cqw 4cqw}.dialogue-countdown[data-v-f0dbdbe8]{font-size:3.8cqw}.dialogue-control-row[data-v-f0dbdbe8]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3cqw}.dialogue-microphone[data-v-f0dbdbe8]{grid-column:1 / -1;justify-content:center;gap:2cqw}.dialogue-microphone>span[data-v-f0dbdbe8]{width:10cqw;font-size:6cqw}.dialogue-microphone small[data-v-f0dbdbe8]{font-size:3.7cqw}.dialogue-start[data-v-f0dbdbe8],.dialogue-end[data-v-f0dbdbe8]{min-height:50px;padding:3cqw;font-size:4.3cqw}.dialogue-start .material-symbols-outlined[data-v-f0dbdbe8]{font-size:6cqw}.dialogue-error[data-v-f0dbdbe8]{font-size:3.8cqw;gap:2cqw}.dialogue-error .material-symbols-outlined[data-v-f0dbdbe8]{font-size:5cqw}.dialogue-live-hint[data-v-f0dbdbe8]{font-size:4.2cqw}.dialogue-free-intro[data-v-f0dbdbe8]{gap:5cqw;padding:4cqw 0}.dialogue-free-intro h2[data-v-f0dbdbe8]{font-size:10cqw}.dialogue-free-intro>div>p[data-v-f0dbdbe8]{font-size:6cqw}.dialogue-free-intro>img[data-v-f0dbdbe8]{width:75%;max-height:260px}.dialogue-free-copy h3[data-v-f0dbdbe8]{font-size:5.1cqw}.dialogue-free-copy>p[data-v-f0dbdbe8]{margin-top:2cqw;font-size:4cqw}}:root{--primary: #0057bf;--primary-bright: #026fef;--brand-blue: #075fea;--brand-deep: #0647a6;--topic-blue: #0867d8;--topic-blue-soft: #eef6ff;--topic-green: #1d8f5a;--topic-green-soft: #eefbf5;--topic-purple: #5b5ce2;--topic-purple-soft: #f2f1ff;--level-active: #ff9f2d;--level-active-soft: #fff5e8;--level-outline: #f2c27c;--on-primary: #fff;--secondary: #9b4500;--secondary-container: #fc8a40;--secondary-soft: #ffdbc9;--surface: #f7f9fb;--surface-lowest: #fff;--surface-container: #eceef0;--surface-variant: #e0e3e5;--outline: #c1c6d7;--text: #191c1e;--muted: #414754;--green-soft: #f7fff1;--green: #1e862d;--app-bg: #f4f8ff;--app-card: rgba(255, 255, 255, .94);--app-yellow: #ffd876;--app-blue-shadow: rgba(7, 95, 234, .18);font-family:Quicksand,system-ui,sans-serif;color:var(--text);background:var(--surface)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{overflow-x:hidden;background:var(--surface)}button,input{font:inherit}button{cursor:pointer}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.page-bg{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 14% 14%,rgba(148,249,144,.2) 0 120px,transparent 121px),radial-gradient(circle at 86% 10%,rgba(255,182,141,.24) 0 140px,transparent 141px),var(--surface)}.soft-card{background:var(--surface-lowest);border:1px solid var(--outline);border-radius:24px;box-shadow:0 12px 30px #191c1e14}.primary-btn,.danger-btn,.soft-btn{min-height:52px;border-radius:999px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-weight:800;text-decoration:none}.primary-btn{color:var(--on-primary);background:linear-gradient(180deg,var(--primary-bright),var(--primary));box-shadow:0 9px 20px #0057bf38}.danger-btn{color:#fff;background:#ba1a1a}.soft-btn{color:var(--muted);background:var(--surface-container);border:1px solid var(--outline)}.top-back{width:52px;height:52px;border:1px solid rgba(193,198,215,.6);border-radius:999px;background:#ffffffe6;display:inline-flex;align-items:center;justify-content:center;color:var(--text);box-shadow:0 4px 12px #191c1e14;line-height:1;text-decoration:none}.top-back:visited,.top-back:hover,.top-back:active{color:var(--text);text-decoration:none}.top-back .material-symbols-outlined{display:block;line-height:1;text-decoration:none}.bottom-nav{position:fixed;left:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;padding:8px 20px max(8px,env(safe-area-inset-bottom));border-radius:14px 14px 0 0;background:var(--surface-container);box-shadow:0 -10px 24px #191c1e1f}.bottom-nav-item{min-height:52px;border-radius:999px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;font-weight:800;text-decoration:none}.bottom-nav-item .material-symbols-outlined{font-size:24px}.bottom-nav-item.active{color:#fff;background:var(--primary-bright);box-shadow:0 8px 18px #0057bf38}.tabs-scroll,.levels-scroll{display:flex;gap:12px;overflow-x:auto;padding:12px 24px;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar,.levels-scroll::-webkit-scrollbar{display:none}.topic-tab,.level-tab{flex:0 0 auto;border:1px solid var(--outline);background:#fff;color:var(--muted);font-weight:800;white-space:nowrap;box-shadow:0 2px 6px #191c1e14;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.topic-tab{min-height:48px;border-radius:999px;padding:10px 24px;display:inline-flex;align-items:center;gap:8px}.level-tab{min-height:40px;border-radius:10px;padding:8px 20px;border-color:var(--level-outline)}.topic-tab.topic-theme-blue{--topic-color: var(--topic-blue);--topic-soft: var(--topic-blue-soft)}.topic-tab.topic-theme-green{--topic-color: var(--topic-green);--topic-soft: var(--topic-green-soft)}.topic-tab.topic-theme-purple{--topic-color: var(--topic-purple);--topic-soft: var(--topic-purple-soft)}.topic-tab:hover,.topic-tab:focus-visible{background:var(--topic-soft);border-color:var(--topic-color);color:var(--topic-color);box-shadow:0 5px 12px #191c1e1a}.topic-tab.active{background:var(--topic-color);border-color:var(--topic-color);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--topic-color) 24%,transparent)}.level-tab.active{background:var(--level-active);border:2px solid #e28718;color:#fff;box-shadow:0 7px 16px #ff9f2d3d}.level-tab:hover,.level-tab:focus-visible{background:var(--level-active-soft);border-color:var(--level-active);color:#8a4b00}.topic-tab.active:hover,.topic-tab.active:focus-visible{background:var(--topic-color);border-color:var(--topic-color);color:#fff;transform:translateY(-1px)}.level-tab.active:hover,.level-tab.active:focus-visible{background:var(--level-active);border-color:#e28718;color:#fff;transform:translateY(-1px)}.book-card{min-width:0;border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center}.book-cover-wrap{position:relative;width:100%;max-width:132px;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid #fff;border-radius:8px;background:#fff;box-shadow:0 4px 10px #191c1e2e}.book-cover{width:100%;height:100%;object-fit:contain;border:0;border-radius:6px}.book-cover.locked{opacity:.7;filter:grayscale(20%)}.book-shelf{width:100%;max-width:132px;height:12px;margin-top:8px;border-radius:4px;background:#e6b875;box-shadow:inset 0 -10px 20px #0000001a,0 4px 6px #0000001a}.vip-badge{position:absolute;left:4px;top:4px;z-index:2;border-radius:999px;background:var(--secondary-container);color:#672c00;padding:4px 8px;font-size:11px;line-height:1;font-weight:800;border:1px solid rgba(255,255,255,.85)}.book-title{display:none}.app-mobile{min-height:100vh;min-height:100dvh;background:var(--app-bg)}.app-mobile button,.app-mobile a{-webkit-tap-highlight-color:transparent}.app-mobile .bottom-nav{left:14px;right:14px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;padding:8px;border:1px solid rgba(193,198,215,.62);border-radius:26px;background:#fffffff0;box-shadow:0 14px 36px #182d4e29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-mobile .bottom-nav-item{min-height:50px;border-radius:20px;gap:1px;font-size:12px}.app-mobile .bottom-nav-item .material-symbols-outlined{font-size:22px}.app-mobile .bottom-nav-item.active{background:linear-gradient(180deg,#1480ff,var(--brand-blue));box-shadow:0 8px 18px var(--app-blue-shadow)}.app-mobile .tabs-scroll,.app-mobile .levels-scroll{gap:10px;padding:8px 18px}.app-mobile .topic-tab{min-height:44px;padding:9px 16px;border-radius:18px;box-shadow:0 7px 18px #1e345414}.app-mobile .topic-tab .material-symbols-outlined{font-size:21px}.app-mobile .topic-tab.active{box-shadow:0 12px 24px color-mix(in srgb,var(--topic-color) 24%,transparent)}.app-mobile .level-tab{min-height:36px;padding:7px 15px;border-radius:14px;background:#fffffff5}.app-mobile .level-tab.active{border-color:#f08f18;background:linear-gradient(180deg,#ffc05a,#ff9f2d)}.app-mobile .book-card{width:100%;gap:7px;border-radius:20px;transition:transform .16s ease,filter .16s ease}.app-mobile .book-card:active{transform:scale(.98)}.app-mobile .book-cover-wrap{max-width:none;width:100%;aspect-ratio:.72;border:0;border-radius:18px;padding:8px;background:#fff;box-shadow:0 12px 22px #4a300a29}.app-mobile .book-cover{border-radius:12px}.app-mobile .book-title{display:block;width:100%;min-height:18px;color:#273246;font-size:12px;line-height:18px;font-weight:900;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-mobile .book-shelf{width:84%;height:9px;margin-top:0;border-radius:999px;background:linear-gradient(180deg,#e9bd73,#d7a35a);box-shadow:0 5px 12px #7149122e}.app-mobile .vip-badge{left:8px;top:8px;padding:5px 9px;border:0;color:#6b3500;background:linear-gradient(180deg,#ffbe63,#ff833d);box-shadow:0 5px 12px #ff833d47}@media(max-width:390px){.app-mobile .bottom-nav{left:10px;right:10px}.app-mobile .tabs-scroll,.app-mobile .levels-scroll{padding-left:14px;padding-right:14px}}.vip-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:#191c1e7a}.vip-modal-panel{width:min(100%,360px);border:1px solid var(--outline);border-radius:28px;background:#fff;padding:24px;text-align:center;box-shadow:0 24px 60px #191c1e47}.vip-modal-icon{width:68px;height:68px;margin:0 auto 16px;border-radius:999px;background:var(--secondary-container);color:#672c00;display:flex;align-items:center;justify-content:center}.vip-modal-panel h2{margin:0 0 10px}.vip-modal-panel p{color:var(--muted);margin:0 0 22px;line-height:24px;font-weight:600}.vip-modal-actions{display:flex;flex-direction:column;gap:12px}.score-stars{display:inline-flex;gap:2px;color:#9ca3af;font-size:24px}.score-stars .filled{color:#f59e0b}@media(min-width:768px){.bottom-nav{display:none}}@media(max-width:480px){.tabs-scroll,.levels-scroll{padding-left:16px;padding-right:16px}}.login-page{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));overflow:hidden;background:#f7fbff url(/images/login-bg-sky-classroom.webp) center / cover no-repeat}.index-page{position:relative;min-height:100vh;min-height:100dvh;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));overflow:hidden;background:radial-gradient(circle at 10% 14%,rgba(255,216,118,.42) 0 150px,transparent 151px),radial-gradient(circle at 90% 18%,rgba(77,193,255,.32) 0 180px,transparent 181px),linear-gradient(180deg,#edf8ff,#fffaf0)}.index-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 84%,rgba(89,222,154,.18) 0 150px,transparent 151px),radial-gradient(circle at 74% 86%,rgba(255,159,45,.18) 0 170px,transparent 171px);pointer-events:none}.index-logo{position:relative;z-index:1;height:104px;display:flex;align-items:center;justify-content:center}.index-logo img{display:block;width:min(360px,42vw);height:auto;filter:drop-shadow(0 10px 18px rgba(7,95,234,.16))}.index-shell{position:relative;z-index:1;width:min(1120px,94vw);min-height:min(560px,calc(100vh - 154px));margin:0 auto;display:grid;grid-template-columns:minmax(290px,.92fr) minmax(520px,1.42fr);gap:clamp(18px,3vw,34px);align-items:stretch}.index-user-card{border:1px solid rgba(193,198,215,.68);border-radius:34px;background:#ffffffe6;box-shadow:0 20px 44px #182d4e1f;padding:clamp(24px,3.2vw,38px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.index-avatar-ring{position:relative;width:clamp(112px,13vw,160px);height:clamp(112px,13vw,160px);border-radius:999px;padding:8px;display:block;background:linear-gradient(180deg,#eef7ff,#fff);box-shadow:inset 0 0 0 2px #dce8f8,0 16px 28px #182d4e1f;text-decoration:none;transition:transform .12s ease,filter .12s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.index-avatar-ring:active{transform:scale(.96);filter:brightness(1.04)}.index-avatar-ring.vip{background:linear-gradient(180deg,#fff3c8,#fff);box-shadow:inset 0 0 0 3px #ffca3a,0 16px 28px #d6991233}.index-avatar-ring .index-avatar-image{width:100%;height:100%;border-radius:999px;object-fit:cover;background:#fff}.index-avatar-status{position:absolute;z-index:2;top:-7%;right:-9%;width:42%;height:42%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 5px rgba(24,45,78,.2))}.index-user-copy{min-width:0}.index-greeting{display:inline-flex;padding:5px 14px;border-radius:999px;background:#eaf4ff;color:var(--brand-blue);font-size:16px;font-weight:900}.index-user-copy h1{max-width:100%;margin:14px 0 12px;color:#142033;font-size:clamp(30px,4.4vw,52px);line-height:1.08;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-vip-pill{width:fit-content;min-height:42px;margin:0 auto 14px;padding:8px 16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#64748b;background:#f1f5f9;font-size:17px;font-weight:900}.index-vip-pill.active{color:#8a4a00;background:#fff0c2}.index-vip-pill .material-symbols-outlined{font-size:24px}.index-user-copy p{margin:0;color:#4a5568;font-size:18px;line-height:1.4;font-weight:800}.index-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,24px)}.index-action-card{position:relative;min-width:0;min-height:0;border:0;border-radius:34px;padding:clamp(22px,3vw,34px);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:10px;overflow:hidden;text-align:left;text-decoration:none;box-shadow:0 18px 38px #182d4e24;transition:transform .12s ease,filter .12s ease}.index-action-card:active{transform:scale(.97);filter:brightness(1.04)}.index-action-card:after{content:"";position:absolute;right:-28px;bottom:-34px;width:148px;height:148px;border-radius:999px;background:#fff3}.index-action-card.english{grid-row:span 2;background:linear-gradient(160deg,#1c8dff,#075fea 70%)}.index-action-card.words{background:linear-gradient(160deg,#28b778,#168255 76%)}.index-action-card.diy{background:linear-gradient(160deg,#ffb547,#ff7f3f 54%,#8b5cf6 120%)}.index-action-card.stories{background:linear-gradient(160deg,#8b5cf6,#6d3bd1 76%)}.index-action-card.songs{background:linear-gradient(160deg,#ff6f91,#e94373 76%)}.index-action-card .material-symbols-outlined{position:relative;z-index:1;width:clamp(58px,7vw,78px);height:clamp(58px,7vw,78px);border-radius:24px;display:grid;place-items:center;color:inherit;background:#fff3;font-size:clamp(34px,4vw,48px)}.index-action-card strong,.index-action-card small{position:relative;z-index:1}.index-action-card strong{font-size:clamp(30px,4vw,48px);line-height:1.04;font-weight:900}.index-action-card small{color:#ffffffdb;font-size:clamp(16px,1.7vw,22px);font-weight:900}.index-image-home .index-shell{margin-top:clamp(18px,2.5dvh,24px)}.index-image-home .index-user-card{position:relative;min-width:0;background:#fffdf8;overflow:hidden}.index-user-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.index-image-home .index-avatar-ring,.index-image-home .index-user-copy{position:relative;z-index:1}.index-image-home .index-user-copy{width:100%}.index-image-home .index-actions{min-width:0;min-height:0;grid-template-areas:"english words" "english diy" "stories songs"}.index-image-home .index-action-card.english{grid-area:english}.index-image-home .index-action-card.words{grid-area:words}.index-image-home .index-action-card.diy{grid-area:diy}.index-image-home .index-action-card.stories{grid-area:stories}.index-image-home .index-action-card.songs{grid-area:songs}.index-page.index-image-home .index-action-card,html.platform-android-native .app-mobile .index-page.index-image-home .index-action-card{padding:0!important;gap:0!important;display:grid;place-items:center;background:transparent;box-shadow:none}.index-image-home .index-action-card:after{content:none}.index-image-home .index-action-card img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;pointer-events:none}.index-image-home .index-action-card:focus-visible{outline:3px solid #19535b;outline-offset:3px}.index-toast{position:fixed;left:50%;bottom:max(28px,env(safe-area-inset-bottom));z-index:20;transform:translate(-50%);min-height:48px;padding:12px 22px;border-radius:999px;color:#fff;background:#142033e6;box-shadow:0 14px 30px #182d4e2e;font-size:17px;font-weight:900}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#ffffff80 0,#ffffff80 34%,#ffffff2e 60%,#ebf7ff14),linear-gradient(180deg,#ffffff3d,#fff6);pointer-events:none}.login-card{position:relative;z-index:1;width:min(100%,480px);padding:40px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:34px}.login-header h1{margin:0 0 12px;font-size:32px;line-height:40px}.login-header p,.profile-card p{margin:0;color:var(--muted);font-weight:700}.login-logo-wrap{width:min(72%,260px);margin:0 auto 22px;display:flex;align-items:center;justify-content:center}.login-logo{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,87,191,.14))}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:8px}.phone-row,.code-row{display:flex}.login-input-shell{min-height:60px;border:2px solid var(--outline);border-radius:18px;background:#fff;color:var(--text);align-items:center;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.login-input-shell:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #026fef33}.login-input-shell.error{border-color:#d32f2f;box-shadow:0 0 0 4px #d32f2f1f}.country-code{min-width:104px;min-height:60px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:var(--text);font-weight:800;flex:0 0 auto}.code-label{min-width:104px;min-height:60px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);font-size:18px;font-weight:800;flex:0 0 auto}.login-input{width:100%;min-width:0;padding:14px 20px;border:0;background:transparent;color:var(--text);font-size:20px;font-weight:700;outline:none}.login-error,.login-message{margin:0;padding:0 6px;color:#ba1a1a;font-size:15px;line-height:22px;font-weight:700}.login-message{min-height:22px;color:#ba1a1a}.login-message.success{color:#137342}.send-btn{flex:0 0 auto;min-width:124px;min-height:60px;border:0;background:transparent;color:var(--muted);padding:0 16px;font-weight:800;transition:color .18s ease,background .18s ease}.send-btn:not(:disabled):hover,.send-btn:not(:disabled):focus-visible{color:var(--primary);background:transparent}.send-btn:disabled,.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-submit{width:100%}.login-footer{margin-top:32px;text-align:center}.login-footer a{color:var(--primary);display:inline-flex;align-items:center;gap:6px;font-weight:800;text-decoration:none}.profile-page{min-height:100vh;min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 20px max(112px,calc(28px + env(safe-area-inset-bottom)));display:flex;flex-direction:column;align-items:center}.profile-header{width:min(100%,448px);display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.profile-header h1{color:var(--primary);margin:0}.profile-header-spacer{width:52px}.profile-card{width:min(100%,448px);padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center}.profile-card+.profile-card{margin-top:20px}.profile-avatar{width:112px;height:112px;border-radius:999px;border:4px solid var(--primary);object-fit:cover;box-shadow:0 4px 12px #191c1e24}.profile-card h2{margin:20px 0 10px;font-size:30px;line-height:36px}.profile-vip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid #d1d5db;background:#f3f4f6;color:#6b7280;padding:8px 16px;font-weight:800;margin-bottom:10px}.profile-vip.active{border-color:#f4c430;background:#fff7cc;color:#9a6a00}.profile-action{width:100%;margin-top:28px}.vip-heading{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--primary)}.vip-heading h2{margin:0;font-size:24px}.qr-box{width:176px;height:176px;margin:20px auto 12px;border:2px solid var(--outline);border-radius:18px;background:#fff;padding:12px}.qr-box div{width:100%;height:100%;border-radius:12px;opacity:.8;background:linear-gradient(90deg,var(--text) 10px,transparent 10px),linear-gradient(var(--text) 10px,transparent 10px);background-size:22px 22px}.qr-note{font-size:14px}.home-page{min-height:100vh;min-height:100dvh;padding-bottom:max(84px,calc(20px + env(safe-area-inset-bottom)));background:var(--surface)}.home-header{padding:max(18px,env(safe-area-inset-top)) 24px 12px;display:flex;align-items:center;justify-content:center;position:relative}.title-pill{display:inline-flex;align-items:center;gap:12px;border:2px solid var(--outline);border-radius:999px;background:#fff;padding:12px 32px;box-shadow:0 3px 8px #191c1e14}.title-pill .material-symbols-outlined{color:var(--brand-deep)}.title-pill h1{margin:0;color:var(--brand-blue);font-size:32px;line-height:40px}.desktop-user-menu{position:absolute;right:24px;top:max(18px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;border:1px solid var(--outline);border-radius:999px;background:#fff;padding:8px 12px;z-index:20;box-shadow:0 6px 18px #191c1e14}.desktop-user-menu.vip{border-color:#f2b91c;border-width:2px;box-shadow:0 8px 22px #b47b0029}.desktop-avatar-button img{width:40px;height:40px;border-radius:999px;object-fit:cover;display:block}.desktop-user-summary,.desktop-user-login{display:flex;align-items:center;gap:8px}.desktop-user-menu a,.desktop-user-menu button{color:var(--muted);background:transparent;border:0;font-weight:800;text-decoration:none}.desktop-user-summary{color:var(--text);border-radius:999px;padding-left:10px;transition:background .18s ease,color .18s ease}.desktop-user-summary span{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-user-login{color:var(--primary);padding:5px 8px}.desktop-avatar-button{width:42px;height:42px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;transition:box-shadow .18s ease,transform .18s ease}.desktop-avatar-button:hover,.desktop-avatar-button:focus-visible{box-shadow:0 0 0 4px #d8e2ff;transform:translateY(-1px)}.desktop-user-actions{position:absolute;right:0;top:calc(100% + 10px);min-width:156px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--outline);border-radius:18px;background:#fff;padding:8px;box-shadow:0 16px 36px #191c1e29}.desktop-user-actions a,.desktop-user-actions button{width:100%;min-height:40px;border-radius:12px;padding:8px 12px;display:flex;align-items:center;justify-content:flex-start;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.desktop-user-summary:hover,.desktop-user-actions a:hover,.desktop-user-actions a:focus-visible{color:var(--primary);background:#eef4ff}.desktop-user-actions button:hover,.desktop-user-actions button:focus-visible{color:#ba1a1a;background:#ffdad6}.desktop-avatar-button:focus-visible,.desktop-user-actions a:focus-visible,.desktop-user-actions button:focus-visible{outline:3px solid rgba(2,111,239,.24);outline-offset:2px}.desktop-user-actions button{cursor:pointer}.topic-card{margin:10px 24px 12px;padding:18px 24px;cursor:pointer;display:flex;align-items:center;gap:24px}.topic-copy{flex:1;min-width:0}.topic-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.topic-heading h2{margin:0 0 8px}.topic-heading button{width:40px;height:40px;border:1px solid var(--outline);border-radius:999px;background:#fff;color:var(--primary)}.topic-card p{margin:0;color:var(--muted);line-height:26px;font-weight:700}.topic-card.collapsed p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.bookshelf{margin:8px 24px 24px;min-height:420px;border:1px solid var(--outline);border-radius:28px;background:#f3d299;padding:28px;box-shadow:inset 0 4px 10px #0000000d}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:36px 28px;align-items:end}.books-message{height:100%;display:grid;place-items:center;color:var(--muted);font-weight:800}.detail-page{min-height:100vh;min-height:100dvh;padding:84px 24px 28px;display:flex;justify-content:center;align-items:flex-start}.detail-back{position:fixed;left:24px;top:max(24px,env(safe-area-inset-top));z-index:10}.detail-panel{width:min(100%,672px);padding:40px;display:flex;flex-direction:column;gap:24px}.eyebrow{display:inline-flex;align-items:center;gap:6px;width:fit-content;color:#763300;background:var(--secondary-soft);border-radius:999px;padding:7px 13px;font-weight:800}.detail-panel h1{color:var(--primary);font-size:clamp(40px,6vw,64px);line-height:1.05;margin:0;overflow-wrap:anywhere}.detail-block{background:#fff;border:1px solid #dce3ec;border-radius:16px;padding:22px}.detail-block h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--primary);font-size:20px}.detail-block p{margin:0;color:var(--muted);font-size:18px;line-height:29px;font-weight:600}.word-list{display:flex;flex-wrap:wrap;gap:12px}.word-list span{border:1.5px solid #94f990;border-radius:999px;background:var(--green-soft);color:#005313;padding:7px 14px;font-weight:800}.start-btn{width:fit-content}@media(max-width:767px){.login-page{align-items:flex-start;padding-top:max(28px,env(safe-area-inset-top));background-size:auto 112%;background-position:center top}.login-page:before{background:radial-gradient(circle at center 38%,#fff9 0,#fff9 42%,#ffffff42 70%,#ebf7ff1a),linear-gradient(180deg,#ffffff57,#ffffff7a)}.login-card{padding:22px 20px;border-radius:22px}.login-header h1{font-size:24px;line-height:32px}.login-logo-wrap{width:min(78%,210px);margin-bottom:16px}.login-input-shell{min-height:56px}.country-code{min-width:78px;min-height:56px}.send-btn{min-width:104px;min-height:56px;padding:0 8px;font-size:14px}.code-label{min-width:78px;min-height:56px;padding:0 10px;font-size:15px}.login-input{padding-left:12px;padding-right:12px;font-size:18px}.home-header{padding-left:16px;padding-right:16px}.title-pill{width:100%;justify-content:center;padding:10px 16px}.title-pill h1{font-size:22px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-user-menu{display:none}.topic-card{margin:8px 16px 10px;padding:14px 16px;display:block}.topic-heading h2{font-size:20px;line-height:28px}.bookshelf{margin:8px 16px 0;padding:28px 20px;border-radius:24px}.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.detail-page{padding:72px 14px max(20px,env(safe-area-inset-bottom))}.detail-back{left:20px;top:max(18px,env(safe-area-inset-top))}.detail-panel{padding:20px 16px;border-radius:20px;gap:14px}.detail-panel h1{font-size:clamp(30px,10vw,40px)}.detail-block{padding:14px}.detail-block p{font-size:16px;line-height:25px}.start-btn{width:100%}}@media(min-width:420px)and (max-width:767px){.books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.reader-page-shell{min-height:100vh;min-height:100dvh;background:#fff;padding:max(20px,env(safe-area-inset-top)) 40px max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.reader-page-shell:not(.sentence-reader){height:100vh;height:100dvh;overflow:hidden}.reader-header{display:flex;align-items:center;justify-content:space-between;z-index:10}.reader-star{width:56px;height:56px;border:0;border-radius:999px;color:#672c00;background:var(--secondary-container);box-shadow:0 7px 16px #9b450033}.reader-canvas,.sentence-canvas{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#f7f9fb;border-top:12px solid #fafbfc;border-bottom:12px solid #fafbfc;position:relative}.reader-page-shell:not(.sentence-reader) .reader-canvas{flex:1 1 0}.picture-page{position:relative;width:min(100%,520px);max-height:100%;background:#fff;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.reader-page-shell:not(.sentence-reader) .picture-page{gap:12px;padding:20px 24px}.picture-page img{max-width:100%;max-height:min(58vh,540px);object-fit:contain}.reader-page-shell:not(.sentence-reader) .picture-page img{max-height:min(46vh,430px)}.eval-pill{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--outline);border-radius:999px;background:#ffffffeb;padding:8px 14px;box-shadow:0 5px 14px #191c1e1f;font-weight:800}.reader-nav{position:fixed;top:50%;z-index:20;width:64px;height:64px;border:0;border-radius:999px;color:#fff;background:var(--primary);box-shadow:0 8px 18px #0057bf3d}.reader-nav.prev{left:28px}.reader-nav.next{right:28px}.sentence-reader .reader-nav{position:absolute;top:50%;z-index:6;transform:translateY(-50%)}.sentence-reader .reader-nav.prev{left:18px}.sentence-reader .reader-nav.next{right:18px}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.current-text-button{min-width:0;min-height:64px;flex:1;border:1px solid var(--outline);border-radius:999px;background:#fff;display:inline-flex;align-items:center;gap:12px;padding:10px 18px;color:var(--muted);box-shadow:0 8px 20px #191c1e1a}.current-text-button span{color:var(--primary)}.current-text-button strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-actions{display:flex;gap:10px}.round-action{position:relative;width:64px;height:64px;border:1px solid var(--outline);border-bottom-width:3px;border-radius:999px;color:var(--primary);background:#fff;box-shadow:0 8px 20px #191c1e1a}.round-action svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);opacity:0}.round-action.recording svg,.mic-action.recording svg{opacity:1}.round-action.recording span,.mic-action.recording span{color:#ba1a1a}.round-action.mic-action.login-required,.sentence-row .row-mic.login-required{cursor:not-allowed;color:#9aa1ad;background:#eef0f3;border-color:#d7dbe3;box-shadow:none}.round-action.mic-action.login-required span,.sentence-row .row-mic.login-required span{color:#9aa1ad}.round-action.mic-action.login-required:hover,.sentence-row .row-mic.login-required:hover{transform:none}.login-required-toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:110;width:min(92vw,520px);min-height:72px;transform:translate(-50%);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(193,198,215,.88);border-radius:22px;background:#fffffff5;color:var(--text);box-shadow:0 18px 40px #191c1e29;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:login-toast-in .22s ease-out both}.login-required-icon{width:46px;height:46px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#eef0f3;color:#9aa1ad}.login-required-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.login-required-copy strong{font-size:16px;line-height:1.2;font-weight:900}.login-required-copy span{color:var(--muted);font-size:13px;line-height:1.25;font-weight:700}.login-required-primary,.login-required-close{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.login-required-primary{min-height:42px;padding:0 18px;color:#fff;background:var(--primary);font-weight:900;box-shadow:0 8px 18px #0057bf33}.login-required-close{width:38px;height:38px;color:var(--muted);background:transparent}.login-required-close span{font-size:20px}@keyframes login-toast-in{0%{opacity:0;transform:translate(-50%,12px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}.record-countdown{position:absolute;right:8px;bottom:7px;min-width:18px;height:18px;border-radius:999px;background:#ba1a1a;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;font-size:11px;line-height:1;font-style:normal;font-weight:900;box-shadow:0 2px 6px #ba1a1a3d}.sentence-canvas{padding:24px;align-items:stretch}.sentence-content-card{width:min(100%,1320px);min-height:0;background:#fff;border-radius:26px;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.35fr);align-items:stretch;overflow:hidden;box-shadow:0 12px 30px #191c1e0a}.sentence-image,.sentence-list{min-width:0}.sentence-image{position:relative;min-height:100%;padding:28px;display:flex;align-items:center;justify-content:center;background:#fff}.sentence-image img{max-width:100%;max-height:min(68vh,620px);object-fit:contain}.sentence-list{max-height:calc(100vh - 190px);overflow-y:auto;background:#fff;padding:36px 38px;display:flex;flex-direction:column;justify-content:center}.sentence-row{display:flex;align-items:center;gap:14px;padding:18px 0}.sentence-row strong{flex:1;min-width:0;color:#333;font-size:clamp(28px,4vw,42px);line-height:1.2;overflow-wrap:anywhere}.sentence-row button{position:relative;flex:0 0 auto;width:58px;height:58px;border:0;border-radius:999px;background:#e5e7eb;color:#166534;display:inline-flex;align-items:center;justify-content:center}.row-play-wrap{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.sentence-row .row-mic{color:#92400e}.row-mic-wrap{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.row-eval-stars{display:none}.finish-reading-button{position:absolute;right:28px;bottom:28px;min-width:148px;height:52px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffb547,#ff8f1f);color:#fff;font-size:20px;font-weight:900;box-shadow:0 12px 24px #ff8f1f42}.finish-report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.finish-report-card{position:relative;width:min(92vw,720px);max-height:min(82vh,680px);display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:28px;background:#fff;box-shadow:0 24px 60px #0f172a38}.finish-report-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border:0;border-radius:999px;background:#f1f5f9;color:#475569}.finish-report-hero{display:flex;align-items:center;gap:16px;padding-right:48px}.finish-report-hero>.material-symbols-outlined{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:#fff4d6;color:#ff9f2d;font-size:42px}.finish-report-hero h2{margin:0;color:#111827;font-size:34px;line-height:1.1}.finish-report-hero p{margin:6px 0 0;color:#64748b;font-size:18px;font-weight:800}.finish-report-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.finish-report-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fbff}.finish-report-page,.finish-report-status{color:#64748b;font-size:14px;font-weight:900;white-space:nowrap}.finish-report-row strong{min-width:0;color:#2e7d32;font-size:18px;line-height:1.25;overflow-wrap:break-word}.finish-report-stars{display:inline-flex;align-items:center;gap:1px;color:#c8ced8}.finish-report-stars .material-symbols-outlined{font-size:18px;line-height:1}.finish-report-stars .material-symbols-outlined.filled{color:#ffbf2f;text-shadow:0 1px 2px rgba(116,69,0,.16)}.sentence-row .row-mic svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.sentence-row .row-mic.recording{color:#ba1a1a}.reader-message{color:var(--muted);font-weight:800}.reader-progress{display:none}.score-feedback-header{position:relative;min-height:58px}.reader-header.score-feedback-header{flex-wrap:wrap}.reader-header.score-feedback-header.has-feedback-row{row-gap:8px}.app-mobile .reader-page-shell.has-score-feedback>.reader-header.score-feedback-header{position:relative;inset:auto;flex:0 0 auto;margin-bottom:0}.app-mobile .reader-page-shell.has-score-feedback:not(.sentence-reader)>.reader-canvas{min-height:0;flex:1 1 0}@media(max-height:620px),(max-width:767px){.score-feedback-header{min-height:44px}}.evaluation-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;background:#1118276b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.evaluation-loading-card{width:min(86vw,380px);min-height:278px;border:1px solid rgba(193,198,215,.82);border-radius:28px;background:#fffffff5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 26px;text-align:center;box-shadow:0 22px 46px #0f172a2e;animation:eval-card-in .22s ease-out both}.evaluation-waves{width:112px;height:72px;display:flex;align-items:center;justify-content:center;gap:7px}.evaluation-waves span{width:8px;height:22px;border-radius:999px;background:linear-gradient(180deg,#5fa3ff,var(--primary));animation:eval-wave .82s ease-in-out infinite;box-shadow:0 6px 12px #0057bf2e}.evaluation-waves span:nth-child(2){height:38px;animation-delay:.12s}.evaluation-waves span:nth-child(3){height:54px;animation-delay:.24s}.evaluation-waves span:nth-child(4){height:66px;animation-delay:.36s}.evaluation-waves span:nth-child(5){height:54px;animation-delay:.24s}.evaluation-waves span:nth-child(6){height:38px;animation-delay:.12s}.evaluation-waves span:nth-child(7){height:22px}.evaluation-loading-card h2{margin:22px 0 8px;color:var(--text);font-size:28px;line-height:36px}.evaluation-loading-card p{margin:0;color:var(--muted);font-size:17px;line-height:26px;font-weight:800}.evaluation-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px}.evaluation-dots span{width:10px;height:10px;border-radius:999px;background:var(--level-active);animation:eval-dot .9s ease-in-out infinite}.evaluation-dots span:nth-child(2){animation-delay:.14s}.evaluation-dots span:nth-child(3){animation-delay:.28s}@keyframes eval-card-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes eval-wave{0%,to{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1);opacity:1}}@keyframes eval-dot{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-6px);opacity:1}}@media(min-width:768px){.reader-page-shell:not(.sentence-reader) .picture-page{width:min(82vw,860px);padding:18px 20px}.reader-page-shell:not(.sentence-reader) .picture-page img{width:100%;max-height:min(66vh,620px)}}@media(max-width:767px){.evaluation-loading-overlay{padding:18px}.evaluation-loading-card{width:min(86vw,340px);min-height:236px;border-radius:24px;padding:24px 22px}.evaluation-waves{width:96px;height:58px;gap:6px}.evaluation-waves span{width:7px}.evaluation-loading-card h2{margin-top:18px;font-size:24px;line-height:32px}.evaluation-loading-card p{font-size:15px;line-height:24px}.evaluation-dots{margin-top:18px}.reader-page-shell{padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.reader-page-shell:not(.sentence-reader){padding-left:10px;padding-right:10px}.reader-header{margin-bottom:18px}.reader-canvas,.sentence-canvas{flex:none;min-height:0;border-top-width:8px;border-bottom-width:8px}.reader-page-shell:not(.sentence-reader) .reader-canvas{flex:0 1 auto;align-items:flex-start;background:#fff;border-top-width:4px;border-bottom-width:4px}.picture-page{min-height:0;padding:58px 16px 18px;gap:12px}.reader-page-shell:not(.sentence-reader) .picture-page{width:100%;min-height:0;justify-content:flex-start;padding:16px 0 12px}.login-required-toast{bottom:calc(84px + env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr) auto;padding:10px 12px;border-radius:20px}.login-required-primary{min-height:38px;padding:0 14px}.login-required-close{display:none}.login-required-copy strong{font-size:14px}.login-required-copy span{font-size:12px}.picture-page img{max-height:40vh}.reader-page-shell:not(.sentence-reader) .picture-page img{width:100%;max-height:56vh}.eval-pill{left:14px;top:14px;font-size:14px}.reader-nav{width:58px;height:58px;top:50%}.reader-nav.prev{left:12px}.reader-nav.next{right:12px}.reader-controls{align-items:stretch}.current-text-button{min-height:58px;padding:8px 14px}.round-action{width:58px;height:58px}.sentence-canvas{display:flex;padding:0;border-top-width:0;border-bottom-width:0;background:transparent}.sentence-content-card{display:flex;flex-direction:column;width:100%;border-radius:0;box-shadow:none}.sentence-image{height:min(38vh,330px);min-height:0;padding:8px 64px 10px;flex:0 0 auto;overflow:hidden}.sentence-reader .reader-nav{top:50%;width:54px;height:54px}.sentence-reader .reader-nav.prev{left:8px}.sentence-reader .reader-nav.next{right:8px}.sentence-image img{width:100%;height:100%;max-height:100%;object-fit:contain}.sentence-list{max-height:none;overflow:visible;padding:10px 0 12px;justify-content:flex-start}.sentence-row{gap:10px;padding:10px 8px}.sentence-row strong{font-size:clamp(26px,7.2vw,36px)}.sentence-row button{width:48px;height:48px}}.app-mobile .home-page{min-height:100vh;min-height:100dvh;padding-bottom:max(86px,calc(18px + env(safe-area-inset-bottom)));background:radial-gradient(circle at 18% 4%,rgba(255,216,118,.32) 0 72px,transparent 73px),radial-gradient(circle at 92% 13%,rgba(124,214,255,.28) 0 86px,transparent 87px),linear-gradient(180deg,#eef7ff,#f8fbff 36%,#fffaf1)}.app-mobile .home-app-header{padding:max(18px,env(safe-area-inset-top)) 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.app-title-copy{min-width:0}.app-kicker{display:inline-flex;align-items:center;width:fit-content;min-height:24px;padding:3px 10px;border-radius:999px;color:#075fea;background:#ffffffc7;font-size:13px;line-height:18px;font-weight:900;box-shadow:0 5px 14px #182d4e14}.app-title-copy h1{margin:7px 0 3px;color:#142033;font-size:clamp(25px,7vw,32px);line-height:1.08;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-title-copy p{margin:0;color:#667085;font-size:14px;line-height:20px;font-weight:800}.app-login-link,.app-avatar-link{flex:0 0 auto;min-width:52px;height:52px;border:1px solid rgba(193,198,215,.66);border-radius:999px;background:#ffffffeb;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 8px 20px #182d4e1f}.home-index-back{flex:0 0 auto;width:52px;height:52px;border:1px solid rgba(193,198,215,.66);border-radius:999px;background:#ffffffeb;color:var(--brand-blue);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 8px 20px #182d4e1f}.home-index-back .material-symbols-outlined{font-size:26px}.app-login-link{gap:5px;padding:0 14px;color:var(--brand-blue);font-weight:900}.app-login-link .material-symbols-outlined{font-size:22px}.app-avatar-link img{width:44px;height:44px;border-radius:999px;object-fit:cover}.app-avatar-link.vip{border-color:#f2b91c;border-width:2px;box-shadow:0 10px 22px #d6991233}.app-mobile .topic-card{margin:8px 18px 10px;padding:15px 16px;border-radius:24px;background:#ffffffe6;box-shadow:0 12px 30px #182d4e14}.app-mobile .topic-heading h2{margin:0;color:#172033;font-size:22px;line-height:28px;font-weight:900}.app-mobile .topic-heading button{width:36px;height:36px;border-color:#dbe3f0;color:var(--brand-blue);box-shadow:0 4px 10px #182d4e14}.app-mobile .topic-card p{margin-top:8px;color:#4a5568;font-size:14px;line-height:22px;font-weight:800}.app-mobile .bookshelf{min-height:auto;margin:10px 18px 18px;padding:18px 16px 24px;border:0;border-radius:28px;background:linear-gradient(180deg,#fff6e0db,#ffe1a2eb),#f6cf88;box-shadow:0 16px 32px #8f601724}.app-mobile .books-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;align-items:start}.app-mobile .books-message{min-height:240px;color:#6b5a3e}.app-mobile .detail-page{min-height:100vh;min-height:100dvh;padding:max(74px,calc(54px + env(safe-area-inset-top))) 16px max(20px,env(safe-area-inset-bottom));background:radial-gradient(circle at 92% 0%,rgba(255,216,118,.28) 0 78px,transparent 79px),linear-gradient(180deg,#eff7ff,#fffaf2)}.app-mobile .detail-back{left:16px;top:max(16px,env(safe-area-inset-top))}.app-mobile .detail-panel{width:min(100%,520px);padding:18px;border:0;border-radius:28px;gap:16px;background:#ffffffeb;box-shadow:0 18px 44px #182d4e1f}.detail-cover-card{width:100%;max-height:260px;border-radius:24px;background:linear-gradient(180deg,#fff8e8,#eef7ff);display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.detail-cover-card img{max-width:100%;max-height:228px;object-fit:contain;border-radius:16px}.app-mobile .eyebrow{color:#7a3f00;background:#fff0d8;padding:6px 11px;font-size:13px}.app-mobile .detail-panel h1{color:#142033;font-size:clamp(30px,9vw,42px);line-height:1.08}.app-mobile .detail-block{border:0;border-radius:22px;padding:16px;background:#f8fbff}.app-mobile .detail-block h2{margin-bottom:10px;color:var(--brand-blue);font-size:18px}.app-mobile .detail-block p{font-size:15px;line-height:24px}.app-mobile .word-list{gap:8px}.app-mobile .word-list span{padding:6px 12px;border:0;color:#176f46;background:#eafaf2}.app-mobile .start-btn{width:100%;min-height:56px}.app-mobile .reader-page-shell{min-height:100vh;min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));gap:10px;background:radial-gradient(circle at 88% 4%,rgba(255,159,45,.18) 0 76px,transparent 77px),linear-gradient(180deg,#f2f8ff,#fff)}.app-mobile .reader-header{padding:0 2px}.app-mobile .top-back,.app-mobile .reader-star{width:48px;height:48px;box-shadow:0 8px 18px #182d4e1a}.app-mobile .reader-star{color:#6b3500;background:linear-gradient(180deg,#ffac58,#ff833d)}.app-mobile .reader-canvas,.app-mobile .sentence-canvas{border:0;border-radius:28px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #dfe7f2c2;overflow:hidden}.app-mobile .reader-page-shell:not(.sentence-reader) .reader-canvas{align-items:center}.app-mobile .reader-page-shell:not(.sentence-reader) .picture-page{width:100%;max-width:560px;padding:16px 12px 12px;border-radius:24px;background:#fff;box-shadow:0 14px 28px #182d4e14}.app-mobile .reader-page-shell:not(.sentence-reader) .picture-page img{width:100%;max-height:min(58vh,560px)}.app-mobile .eval-pill{left:12px;top:12px;padding:6px 11px;font-size:13px}.app-mobile .reader-nav{width:54px;height:54px;background:linear-gradient(180deg,#1480ff,var(--brand-blue));box-shadow:0 12px 24px var(--app-blue-shadow)}.app-mobile .reader-nav.prev{left:12px}.app-mobile .reader-nav.next{right:12px}.app-mobile .reader-controls{padding:0;gap:8px}.app-mobile .current-text-button{min-height:54px;border:0;background:#fffffff5;box-shadow:0 10px 24px #182d4e1a}.app-mobile .round-action{width:54px;height:54px;border:0;background:#fffffff5;box-shadow:0 10px 24px #182d4e1f}.app-mobile .sentence-canvas{padding:0;align-items:stretch}.app-mobile .sentence-content-card{border-radius:28px;box-shadow:none}.app-mobile .sentence-image{background:linear-gradient(180deg,#fff,#f7fbff)}.app-mobile .sentence-list{background:#fff}.app-mobile .sentence-row{border-bottom:1px solid #f0f3f8}.app-mobile .sentence-row:last-child{border-bottom:0}.app-mobile .profile-page{background:radial-gradient(circle at 12% 4%,rgba(147,240,158,.24) 0 86px,transparent 87px),linear-gradient(180deg,#f3f8ff,#fffaf2)}.app-mobile .profile-header .desktop-user-menu{display:none}@media(max-width:380px){.app-mobile .books-grid{gap:16px 10px}.app-mobile .book-title{font-size:11px}.app-mobile .topic-card,.app-mobile .bookshelf{margin-left:14px;margin-right:14px}}@media(min-width:768px){.app-mobile .home-page,.app-mobile .detail-page,.app-mobile .reader-page-shell{max-width:720px;margin:0 auto;box-shadow:0 0 0 1px #c1c6d761}.app-mobile .books-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(orientation:landscape){.app-mobile .home-page,.app-mobile .detail-page,.app-mobile .reader-page-shell{max-width:none;width:100%;box-shadow:none}.app-mobile .home-page{padding-bottom:18px;background:radial-gradient(circle at 8% 12%,rgba(255,216,118,.28) 0 78px,transparent 79px),radial-gradient(circle at 94% 10%,rgba(124,214,255,.24) 0 92px,transparent 93px),linear-gradient(180deg,#eef7ff,#fffaf1)}.app-mobile .home-app-header{padding:max(10px,env(safe-area-inset-top)) 22px 8px}.app-title-copy h1{margin-top:4px;font-size:clamp(22px,2.8vw,30px)}.app-title-copy p{font-size:13px}.app-login-link,.app-avatar-link{min-width:48px;height:48px}.app-avatar-link img{width:40px;height:40px}.app-mobile .topic-card{display:none}.app-mobile .tabs-scroll,.app-mobile .levels-scroll{padding:6px 22px}.app-mobile .topic-tab{min-height:40px;padding:7px 15px}.app-mobile .level-tab{min-height:34px;padding:6px 14px}.app-mobile .bookshelf{margin:8px 22px 14px;padding:16px 18px 20px;border-radius:24px}.app-mobile .books-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 16px}.app-mobile .book-cover-wrap{max-width:104px;margin:0 auto;border-radius:15px;padding:6px}.app-mobile .book-title{max-width:112px;margin:0 auto;font-size:11px;line-height:16px}.app-mobile .book-shelf{max-width:96px;height:7px}.app-mobile .bottom-nav{left:auto;right:max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:220px;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:22px}.app-mobile .bottom-nav-item{min-height:44px;font-size:11px}.app-mobile .login-page{align-items:center;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-y:auto;background-position:center;background-size:cover}.app-mobile .login-card{width:min(92vw,920px);min-height:0;padding:24px 28px;border-radius:28px;display:grid;grid-template-columns:minmax(250px,.9fr) minmax(360px,1.1fr);grid-template-areas:"header form" "header footer";align-items:center;gap:14px 34px}.app-mobile .login-header{grid-area:header;margin-bottom:0}.app-mobile .login-logo-wrap{width:min(82%,290px);margin-bottom:14px}.app-mobile .login-header h1{font-size:clamp(26px,4vw,40px);line-height:1.12}.app-mobile .login-header p{font-size:15px}.app-mobile .login-form{grid-area:form;gap:12px}.app-mobile .login-input-shell{min-height:52px;border-radius:18px}.app-mobile .country-code,.app-mobile .code-label,.app-mobile .send-btn{min-height:52px}.app-mobile .login-input{padding-top:10px;padding-bottom:10px;font-size:18px}.app-mobile .login-submit{min-height:52px}.app-mobile .login-footer{grid-area:footer;margin-top:0}.app-mobile .detail-page{padding:max(64px,calc(48px + env(safe-area-inset-top))) max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));align-items:center}.app-mobile .detail-panel{width:min(92vw,980px);max-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr);grid-template-areas:"cover eyebrow" "cover title" "cover intro" "cover words" "cover action";align-items:start;overflow:auto}.app-mobile .detail-cover-card{grid-area:cover;height:100%;max-height:none}.app-mobile .detail-cover-card img{max-height:calc(100vh - 150px)}.app-mobile .detail-panel .eyebrow{grid-area:eyebrow}.app-mobile .detail-panel h1{grid-area:title;font-size:clamp(30px,4vw,48px)}.app-mobile .detail-panel .detail-block:first-of-type{grid-area:intro}.app-mobile .detail-panel .detail-block:nth-of-type(2){grid-area:words}.app-mobile .start-btn{grid-area:action}.app-mobile .reader-page-shell{padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.app-mobile .reader-header{position:absolute;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));pointer-events:none}.app-mobile .reader-header button{pointer-events:auto}.app-mobile .reader-page-shell:not(.sentence-reader) .reader-canvas{min-height:calc(100vh - 92px)}.app-mobile .reader-page-shell:not(.sentence-reader) .picture-page{width:min(70vw,760px)}.app-mobile .reader-controls{position:fixed;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:22}.app-mobile .current-text-button{min-height:48px}.app-mobile .round-action{width:48px;height:48px}.app-mobile .sentence-reader{overflow:hidden}.app-mobile .sentence-reader .sentence-canvas{flex:1 1 auto;min-height:calc(100vh - 20px)}.app-mobile .sentence-content-card{width:100%;height:100%;display:grid;grid-template-columns:minmax(260px,.92fr) minmax(420px,1.08fr);border-radius:28px}.app-mobile .sentence-image{height:auto;min-height:0;padding:26px 66px 24px}.app-mobile .sentence-image img{width:100%;height:100%;max-height:calc(100vh - 86px);object-fit:contain}.app-mobile .sentence-list{max-height:none;height:100%;overflow-y:auto;padding:28px 28px 24px;justify-content:center}.app-mobile .sentence-row{gap:12px;padding:11px 0}.app-mobile .sentence-row strong{font-size:clamp(23px,3.2vw,34px);line-height:1.16}.app-mobile .sentence-row button{width:48px;height:48px}.app-mobile .sentence-reader .reader-nav{width:50px;height:50px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.diy-page{--diy-ink: #073f48;--diy-green: #18a77d;--diy-orange: #ff6d2d;height:100vh;height:100dvh;min-width:0;min-height:0;display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) max(12px,min(1.7vw,24px),env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,min(1.7vw,24px),env(safe-area-inset-left));overflow:hidden;color:var(--diy-ink);background:#eafff6}.diy-header{height:92px;flex-shrink:0;display:grid;grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr);align-items:center;gap:20px}.diy-header-brand,.diy-header-actions{min-width:0;display:flex;align-items:center}.diy-header-brand{gap:18px}.diy-header-actions{justify-content:space-between;gap:16px}.diy-back,.diy-editor-back{width:64px;height:64px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--diy-orange);box-shadow:0 7px 14px #a2481b2e;text-decoration:none}.diy-back{flex-shrink:0}.diy-back .material-symbols-outlined,.diy-editor-back .material-symbols-outlined{font-size:38px}.diy-brand{min-width:0;display:flex;flex-direction:column}.diy-brand strong{font-size:clamp(32px,3.4vw,48px);line-height:1;letter-spacing:1px}.diy-brand small{margin:5px 0 0 6px;font-size:16px;font-weight:900}.diy-tabs{position:relative;display:grid;grid-template-columns:repeat(2,1fr);flex:1 1 auto;width:auto;min-width:0;padding:4px;border-radius:999px;background:#fff;box-shadow:0 6px 18px #073f481a}.diy-tabs button{min-height:58px;padding:0 12px;border:0;border-radius:999px;color:var(--diy-ink);background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(16px,1.55vw,23px);font-weight:900;white-space:nowrap}.diy-tabs button.active{color:#fff;background:var(--diy-green);box-shadow:0 5px 12px #18a77d38}.diy-tabs button.active:after{content:"";position:absolute;bottom:-7px;width:96px;height:6px;border-radius:99px;background:#ffae35}.diy-tabs .material-symbols-outlined{font-size:30px}.diy-layout{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr);gap:20px}.diy-create-hero,.diy-ranking,.diy-mine{min-width:0;min-height:0;border-radius:32px;background:#ffffffeb;box-shadow:0 16px 36px #073f4814}.diy-create-hero{--diy-draft-height: clamp(94px, 14.5vh, 144px);position:relative;overflow:visible;background:#dffbef}.diy-create-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:calc(100% - var(--diy-draft-height) - 10px);border-radius:32px;object-fit:cover;object-position:center top}.diy-hero-copy{position:relative;z-index:2;padding:clamp(24px,3.2vh,38px) 24px 0;text-align:center;background:transparent}.diy-hero-copy h1{margin:0;color:var(--diy-ink);font-family:ZCOOL KuaiLe,Yuanti SC,Microsoft YaHei,sans-serif;font-size:clamp(38px,3.15vw,60px);line-height:1.05;font-weight:400;letter-spacing:1px;text-shadow:0 2px 0 rgba(255,255,255,.6);white-space:nowrap}.diy-hero-copy h1 em{margin-left:.18em;color:var(--diy-orange);font-style:normal}.diy-hero-copy p{margin:12px 0 0;font-size:clamp(15px,1.45vw,22px);font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.7)}.diy-create-button{position:absolute;z-index:3;left:50%;bottom:calc(var(--diy-draft-height) + 30px);min-width:280px;min-height:68px;padding:10px 36px;border:5px solid rgba(255,255,255,.74);border-radius:999px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:var(--diy-orange);box-shadow:0 8px 18px #c64a1340;font-size:28px;font-weight:950;text-decoration:none}.diy-create-button .material-symbols-outlined{font-size:38px}.diy-draft-card{position:absolute;z-index:4;left:14px;right:14px;bottom:0;height:var(--diy-draft-height);padding:12px 14px;border:3px solid #d4f2e7;border-radius:24px;display:grid;grid-template-columns:clamp(126px,12vw,184px) 1fr auto;align-items:center;gap:14px;color:var(--diy-ink);background:#fffffff7;text-decoration:none}.diy-draft-card>img{width:100%;height:100%;max-height:104px;border-radius:14px;object-fit:cover}.diy-draft-card>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.diy-draft-card b{font-size:clamp(15px,1.35vw,20px)}.diy-draft-card strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,1.45vw,21px)}.diy-draft-card small{margin-top:2px;color:#70848a;font-weight:800}.diy-continue{min-height:44px;padding:0 14px;border:1px solid #c8ded7;border-radius:99px;display:flex;align-items:center;font-weight:900}.diy-ranking{display:flex;flex-direction:column;overflow:hidden;padding:18px 20px 16px}.diy-ranking>header{flex-shrink:0;min-height:64px;padding-bottom:14px;border-bottom:1px solid #dce9e5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.diy-ranking h2{margin:0;display:flex;align-items:center;gap:8px;font-size:clamp(26px,2.7vw,38px)}.diy-ranking h2 .material-symbols-outlined{color:var(--diy-orange);font-size:38px}.diy-ranking header p{margin:0;color:#76888d;font-size:16px;font-weight:800}.diy-book-list{flex:1;min-height:0;min-width:0;padding:10px 4px 2px 0;display:flex;flex-direction:column;gap:9px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.diy-book-row{flex:0 0 clamp(118px,17.5vh,154px);min-width:0;min-height:0;padding:8px 13px;border:0;border-radius:20px;display:grid;grid-template-columns:48px minmax(0,31%) minmax(0,1fr) auto;align-items:center;gap:clamp(7px,.8vw,12px);overflow:hidden;cursor:pointer;background:#fff9e9}.diy-book-row:nth-child(2n){background:#eef8ff}.diy-rank{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#5f7780;background:#dfe8eb;font-size:25px}.diy-book-row:nth-child(1) .diy-rank{color:#996000;background:#ffd544}.diy-book-row:nth-child(3) .diy-rank{color:#9b421b;background:#ffc49c}.diy-book-row>img{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16 / 9;align-self:center;border-radius:15px;object-fit:contain;background:transparent}.diy-book-info{min-width:0}.diy-book-info h3{margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,1.7vw,24px)}.diy-book-author{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px}.diy-book-author p{min-width:0;margin:0;overflow:hidden;color:#71848a;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800}.diy-book-author time{min-width:0;margin-top:2px;color:#77898f;font-size:11px;overflow-wrap:anywhere}.diy-author-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffba65}.diy-book-author .diy-author-avatar{grid-row:1 / 3}.diy-author-avatar .material-symbols-outlined{font-size:24px}.diy-like{border:0;padding:6px;display:flex;align-items:center;gap:5px;color:#ef4d5d;background:transparent;font-size:18px;font-weight:900}.diy-like .material-symbols-outlined{font-variation-settings:"FILL" 0}.diy-like.active .material-symbols-outlined{font-variation-settings:"FILL" 1}.diy-book-stats{min-width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center}.diy-book-stats .diy-like{padding-bottom:2px}.diy-list-state{flex:1;min-height:0;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#70848a;text-align:center}.diy-list-state>.material-symbols-outlined{color:#63c7aa;font-size:58px}.diy-list-state strong{color:var(--diy-ink);font-size:20px}.diy-list-state p{margin:0;font-weight:700}.diy-list-state button,.diy-inline-notice button{min-height:38px;padding:0 18px;border:0;border-radius:99px;color:#fff;background:var(--diy-green);font-weight:900}.diy-list-error>.material-symbols-outlined{color:#e0675f}.diy-mine{flex:1;padding:28px 34px;overflow:auto}.diy-mine>header{display:flex;align-items:center;justify-content:space-between}.diy-mine h1{margin:0;font-size:38px}.diy-mine header p{margin:6px 0 0;color:#6f858b;font-weight:800}.diy-create-small{min-height:54px;padding:0 24px;border-radius:99px;display:flex;align-items:center;gap:8px;color:#fff;background:var(--diy-orange);font-size:19px;font-weight:900;text-decoration:none}.diy-mine-grid{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.diy-mine-book{min-width:0;padding:12px;border:1px solid #d9ebe5;border-radius:22px;color:var(--diy-ink);background:#fff;text-align:left;text-decoration:none;font:inherit}.diy-mine-open{width:100%;padding:0;border:0;color:inherit;background:transparent;text-align:left;font:inherit;cursor:pointer}.diy-mine-open>img{width:100%;aspect-ratio:16 / 9;border-radius:15px;object-fit:cover}.diy-mine-meta{padding:10px 4px 2px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.diy-mine-book strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px}.diy-mine-book span{padding:3px 9px;border-radius:99px;color:#a35d00;background:#fff0c5;font-size:12px;font-weight:900}.diy-mine-book span.approved{color:#087a59;background:#dff8ed}.diy-mine-book span.pending{color:#a35d00;background:#fff0c5}.diy-mine-book span.rejected{color:#b82f41;background:#ffe8eb}.diy-mine-book span.draft{color:#586b72;background:#e8eff1}.diy-mine-book small{color:#70848a}.diy-mine-summary{grid-column:1 / -1;min-width:0;display:flex;align-items:center;gap:12px;color:#70848a}.diy-mine-summary small,.diy-mine-summary time{flex:0 0 auto;color:inherit;font-size:12px;font-weight:700;white-space:nowrap}.diy-mine-summary .diy-mine-like{margin-left:auto;display:inline-flex;align-items:center;gap:3px;color:#ec5361;font-size:13px;font-weight:900}.diy-mine-summary .material-symbols-outlined{font-size:17px;font-style:normal;font-variation-settings:"FILL" 0,"wght" 650}.diy-draft-delete{width:100%;min-height:42px;margin-top:10px;padding:8px 10px 0;border:0;border-top:1px solid #f1d9dc;display:flex;align-items:center;justify-content:center;gap:6px;color:#bf4050;background:transparent;font-weight:900;cursor:pointer}.diy-draft-delete .material-symbols-outlined{font-size:21px}.diy-inline-notice{min-height:48px;margin-top:18px;padding:8px 14px;border-radius:14px;display:flex;align-items:center;gap:8px;color:#087a59;background:#e4f7ef;font-weight:900}.diy-inline-notice.error{color:#a43b48;background:#fff0f2}.diy-inline-notice button{margin-left:auto}.diy-empty{height:calc(100% - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.diy-empty>.material-symbols-outlined{font-size:76px;color:#63c7aa}.diy-empty h2{margin:12px 0 4px;font-size:30px}.diy-empty p{margin:0 0 20px;color:#70848a;font-weight:800}.diy-empty a{padding:14px 28px;border-radius:99px;color:#fff;background:var(--diy-orange);font-weight:900;text-decoration:none}.diy-preview-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;padding:48px;display:grid;place-items:center;background:#032429ad}.diy-preview{position:relative;width:min(920px,88vw);padding:18px;border-radius:30px;display:grid;grid-template-columns:1.25fr .75fr;gap:24px;background:#fff}.diy-preview>button{position:absolute;z-index:2;top:12px;right:12px;width:44px;height:44px;border:0;border-radius:50%;color:var(--diy-ink);background:#ffffffe6}.diy-preview>img{width:100%;aspect-ratio:16 / 9;border-radius:20px;object-fit:cover}.diy-preview>div{padding:25px 12px 12px 0}.diy-preview div>span{color:var(--diy-green);font-weight:900}.diy-preview h2{margin:12px 0;font-size:34px}.diy-preview p{color:#61757b;line-height:1.65;font-weight:700}.diy-preview-details{margin:14px 0 18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;color:#61757b;font-size:14px}.diy-preview-details dt{font-weight:900}.diy-preview-details dd{margin:0;overflow-wrap:anywhere}.diy-read-button{min-height:50px;padding:0 28px;border:0;border-radius:99px;color:#fff;background:var(--diy-orange);font-weight:900}.diy-editor-page{--diy-ink: #073f48;--diy-green: #18a77d;--diy-orange: #ff6d2d;height:var(--diy-visual-height, 100dvh);min-height:0;padding-top:max(22px,env(safe-area-inset-top));overflow:hidden;color:var(--diy-ink);background:#eafff6}.diy-editor-header{height:78px;padding:9px max(18px,env(safe-area-inset-right)) 9px max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:auto minmax(200px,1fr) auto auto;align-items:center;gap:12px;background:#fff;box-shadow:0 4px 18px #073f4814}.diy-editor-back{width:54px;height:54px}.diy-editor-back .material-symbols-outlined{font-size:30px}.diy-editor-motto{min-width:0;height:58px;margin:0;padding:0 18px;display:flex;align-items:center;justify-content:center}.diy-editor-motto img{display:block;width:min(100%,660px);max-height:54px;object-fit:contain}.diy-save,.diy-publish{min-height:48px;padding:0 18px;border:0;border-radius:14px;display:flex;align-items:center;gap:7px;font-weight:900}.diy-save{color:var(--diy-ink);background:#e4f5ef}.diy-publish{color:#fff;background:var(--diy-orange)}.diy-publish:disabled{cursor:wait;opacity:.68}.diy-editor-layout{height:calc(var(--diy-visual-height, 100dvh) - 78px - max(22px,env(safe-area-inset-top)));display:grid;grid-template-columns:190px minmax(560px,1fr) 320px}.diy-pages-panel{padding:18px 14px;overflow-y:auto;background:#f7fffb;border-right:1px solid #d6eae3}.diy-pages-panel h2{margin:0 4px 14px;font-size:19px}.diy-pages-panel h2 small{padding:3px 8px;border-radius:99px;color:#fff;background:var(--diy-green)}.diy-page-thumb{width:100%;margin-bottom:12px;padding:7px;border:2px solid transparent;border-radius:15px;color:var(--diy-ink);background:#fff;text-align:left}.diy-page-thumb.active{border-color:var(--diy-orange);box-shadow:0 5px 12px #ff6d2d24}.diy-page-thumb span{display:block;margin:0 2px 5px;font-size:13px;font-weight:900}.diy-page-thumb img{width:100%;aspect-ratio:16 / 9;border-radius:9px;object-fit:cover;background:#f0f4f2}.diy-page-thumb .diy-page-empty-preview{width:100%;aspect-ratio:16 / 9;margin:0;border-radius:9px;background:#fffdf6}.diy-add-page{width:100%;min-height:48px;border:2px dashed #95cdbd;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:5px;color:#087a59;background:#ecfaf5;font-weight:900}.diy-canvas-workspace{min-width:0;padding:14px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;overflow:auto}.diy-editor-page.keyboard-open .diy-canvas-workspace,.diy-editor-page.keyboard-open .diy-inspector{scroll-padding-block:16px;overscroll-behavior:contain}.diy-canvas-toolbar{position:relative;z-index:20;width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px}.diy-canvas-toolbar>button,.diy-canvas-toolbar>.diy-tool-control>button,.diy-upload{min-height:42px;padding:0 12px;border:1px solid #cfe3dd;border-radius:12px;display:flex;align-items:center;gap:5px;color:var(--diy-ink);background:#fff;font-size:13px;font-weight:900}.diy-canvas-toolbar>.diy-icon-only{width:46px;padding:0;justify-content:center}.diy-canvas-toolbar>.diy-icon-only .material-symbols-outlined{font-size:25px}.diy-canvas-toolbar button.active{color:#fff;border-color:var(--diy-green);background:var(--diy-green);box-shadow:0 6px 14px #18a77d38}.diy-canvas-toolbar .diy-undo-button:disabled,.diy-canvas-toolbar .diy-redo-button:disabled{color:#9caab0;background:#f2f7f5;cursor:not-allowed;opacity:.72}.diy-upload input{display:none}.diy-tool-control{position:relative;flex:0 0 auto}.diy-tool-trigger{white-space:nowrap}.diy-expand-icon{margin-left:-2px;font-size:18px!important;transition:transform .16s ease}.diy-tool-trigger[aria-expanded=true] .diy-expand-icon{transform:rotate(180deg)}.diy-current-size{width:22px;min-height:3px;max-height:10px;border-radius:99px;background:currentColor}.diy-color-preview{width:25px;height:25px;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 1px #073f4833}.diy-tool-popover{position:absolute;z-index:40;left:0;top:calc(100% + 10px);width:235px;padding:13px;border:1px solid #cde3dc;border-radius:18px;color:var(--diy-ink);background:#fffffffa;box-shadow:0 16px 38px #073f4833}.diy-tool-popover:before{content:"";position:absolute;left:24px;top:-7px;width:12px;height:12px;transform:rotate(45deg);border-left:1px solid #cde3dc;border-top:1px solid #cde3dc;background:#fff}.diy-tool-popover>strong{position:relative;display:block;margin:0 2px 10px;font-size:13px}.diy-brush-menu{display:grid;gap:7px}.diy-brush-menu button{min-height:42px;padding:0 10px;border:2px solid transparent;border-radius:12px;display:grid;grid-template-columns:46px minmax(60px,1fr) 24px;align-items:center;gap:8px;color:var(--diy-ink);background:#f3faf7;text-align:left;font-size:13px;font-weight:900}.diy-brush-menu button:hover,.diy-brush-menu button:focus-visible{border-color:#8ad4bf;background:#e8f8f2}.diy-brush-menu button.selected{border-color:var(--diy-green);background:#dcf7ed;box-shadow:0 5px 12px #18a77d26}.diy-brush-menu button i{width:100%;min-height:2px;max-height:12px;border-radius:99px;background:#143f45}.diy-brush-menu button .material-symbols-outlined{color:var(--diy-green);font-size:21px}.diy-color-menu{width:268px}.diy-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.diy-color-grid button{position:relative;width:25px;height:25px;min-height:25px;padding:0;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 1px #073f482e;transition:transform .14s ease,box-shadow .14s ease}.diy-color-grid button:hover,.diy-color-grid button:focus-visible{transform:scale(1.14);box-shadow:0 0 0 3px #b8e6d8}.diy-color-grid button.selected{transform:scale(1.12);box-shadow:0 0 0 3px var(--diy-green),0 5px 10px #073f482e}.diy-color-grid .material-symbols-outlined{color:#fff;font-size:17px;text-shadow:0 1px 3px rgba(0,0,0,.75)}.diy-custom-color{margin-top:12px;padding-top:11px;border-top:1px solid #dceae6;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:900}.diy-custom-color input{width:44px;height:30px;padding:0;border:0;border-radius:8px;background:transparent}.diy-canvas-frame{position:relative;width:min(100%,calc((100vh - 242px) * 16 / 9));min-width:520px;aspect-ratio:16 / 9;border:10px solid #fff;border-radius:24px;overflow:hidden;background:#fffdf6;box-shadow:0 14px 30px #073f481f}.diy-canvas-frame canvas{display:block;width:100%;height:100%;transform-origin:0 0;touch-action:none;cursor:crosshair;will-change:transform}.diy-canvas-status{position:absolute;z-index:5;top:12px;left:14px;min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.78);border-radius:18px;display:flex;align-items:center;color:#164f58;background:#ffffff7a;box-shadow:inset 0 1px #ffffffeb,0 8px 22px #185c5b29;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);font-size:12px;font-weight:900;pointer-events:none}.diy-canvas-expand{position:absolute;z-index:5;top:12px;right:14px;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.78);border-radius:15px;display:flex;align-items:center;justify-content:center;gap:5px;color:#164f58;background:#ffffff7a;box-shadow:inset 0 1px #ffffffeb,0 8px 22px #185c5b29;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);font-size:12px;font-weight:900}.diy-canvas-expand .material-symbols-outlined{font-size:21px}.diy-ai-bar{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.diy-ai-bar textarea{width:100%;min-width:0;min-height:72px;padding:13px 16px;border:2px solid #cfe3dd;border-radius:16px;color:var(--diy-ink);background:#fff;font:inherit;line-height:1.45;outline:0;resize:none}.diy-ai-bar textarea:focus{border-color:#8a64d6;box-shadow:0 0 0 4px #8a64d61c}.diy-ai-actions{display:flex;justify-content:flex-end;gap:8px}.diy-ai-actions button{min-height:48px;padding:0 16px;border:0;border-radius:14px;display:flex;align-items:center;gap:5px;color:#fff;background:#7c55c7;font-size:13px;font-weight:900}.diy-ai-actions button:last-child{background:#167fa2}.diy-ai-actions button:disabled{opacity:.55}.diy-canvas-workspace.fullscreen{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-rows:54px minmax(0,1fr);justify-items:center;gap:10px;overflow:hidden;background:#eafff6}.diy-canvas-workspace.fullscreen .diy-canvas-toolbar{position:relative;z-index:30;left:auto;top:auto;width:auto;max-width:calc(100vw - 180px);transform:none;align-self:center}.diy-canvas-workspace.fullscreen .diy-ai-bar{display:none}.diy-canvas-workspace.fullscreen .diy-canvas-frame{width:min(calc(100vw - 20px),calc((100dvh - 94px) * 16 / 9));min-width:0;max-height:100%;align-self:center;border-width:6px;border-radius:18px}.diy-canvas-workspace.fullscreen .diy-canvas-expand{width:44px;min-height:44px;padding:0;border-radius:50%}.diy-inspector{padding:20px;overflow-y:auto;background:#fff;border-left:1px solid #d6eae3}.diy-inspector>h2{margin:0 0 18px;font-size:24px}.diy-inspector>label{position:relative;margin-bottom:16px;display:block;font-size:14px;font-weight:900}.diy-inspector input,.diy-inspector textarea{width:100%;margin-top:7px;padding:11px 12px;border:2px solid #d6e5e1;border-radius:12px;color:var(--diy-ink);font-family:inherit;font-size:16px;font-weight:800;line-height:1.55;outline:0;resize:vertical}.diy-inspector input:focus,.diy-inspector textarea:focus{border-color:var(--diy-green)}.diy-book-title-field textarea{height:76px;min-height:76px;padding-right:52px;overflow-y:auto;resize:none}.diy-description-field textarea{min-height:150px;line-height:1.55}.diy-book-description-field textarea{min-height:170px}.diy-page-content-field textarea{height:100px;min-height:100px;resize:none}.diy-inspector label>small{position:absolute;right:8px;bottom:7px;color:#829297}.diy-voice-card{padding:14px;border-radius:18px;background:#effaf6}.diy-voice-card>header{display:flex;gap:9px}.diy-voice-card header>.material-symbols-outlined{color:var(--diy-green);font-size:31px}.diy-voice-card h3{margin:0;font-size:17px}.diy-voice-card p{margin:3px 0 0;color:#6e8287;font-size:11px;line-height:1.4;font-weight:800}.diy-voice-actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.diy-voice-actions button{min-height:48px;padding:6px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:3px;color:#fff;background:#15956f;font-size:12px;font-weight:900}.diy-voice-actions button:last-child{background:#7c55c7}.diy-voice-actions button.recording{background:#df4051}.diy-voice-actions button:disabled{opacity:.45}.diy-audio-ready{margin-top:10px;padding-top:10px;border-top:1px solid #cde4dc;display:flex;align-items:center;gap:5px;color:#087a59;font-size:12px;font-weight:900}.diy-audio-ready button{margin-left:auto;border:0;display:flex;align-items:center;color:#087a59;background:transparent;font-weight:900}.diy-delete-page{width:100%;min-height:46px;margin-top:16px;border:1px solid #f0c1c6;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:5px;color:#b82f41;background:#fff2f3;font-weight:900}.diy-editor-toast{position:fixed;z-index:100;left:50%;bottom:24px;padding:13px 24px;border-radius:99px;transform:translate(-50%);color:#fff;background:#073f48;box-shadow:0 8px 20px #073f483d;font-weight:900}@media(orientation:landscape)and (max-height:660px){.diy-page{padding-top:8px}.diy-header{height:76px}.diy-back{width:54px;height:54px}.diy-brand strong{font-size:34px}.diy-brand small{display:none}.diy-header-actions{gap:10px}.diy-tabs{min-width:0}.diy-tabs button{min-height:50px;height:50px}.diy-create-hero{--diy-draft-height: 78px}.diy-create-hero>img{top:0;right:0;bottom:0;left:0;height:calc(100% - var(--diy-draft-height) - 8px)}.diy-hero-copy{height:auto;padding-top:13px}.diy-hero-copy h1{font-size:31px}.diy-hero-copy p{margin-top:5px;font-size:14px}.diy-create-button{bottom:calc(var(--diy-draft-height) + 19px);min-height:52px;font-size:21px}.diy-draft-card{height:var(--diy-draft-height);padding:7px 10px}.diy-draft-card>img{max-height:60px}.diy-book-list{gap:5px;padding-top:6px}.diy-book-row{flex-basis:132px;padding:6px 8px;border-radius:14px}.diy-book-row>img{max-height:none}.diy-editor-header{height:66px}.diy-editor-layout{height:calc(var(--diy-visual-height, 100dvh) - 66px - max(22px,env(safe-area-inset-top)));grid-template-columns:160px minmax(520px,1fr) 290px}.diy-canvas-workspace{padding:8px 12px;gap:7px}.diy-canvas-toolbar{min-height:42px}.diy-canvas-frame{width:min(100%,calc((100vh - 205px) * 16 / 9))}.diy-ai-bar textarea{min-height:58px;height:58px}.diy-ai-actions button{min-height:42px;height:42px}.diy-canvas-workspace.fullscreen{grid-template-rows:48px minmax(0,1fr);gap:8px}.diy-canvas-workspace.fullscreen .diy-canvas-frame{width:min(calc(100vw - 16px),calc((100dvh - 78px) * 16 / 9))}.diy-description-field textarea{min-height:118px}.diy-book-description-field textarea{min-height:128px}.diy-page-content-field textarea{height:100px;min-height:100px}}@media(orientation:portrait){.diy-editor-page{min-width:980px}}@media(max-width:1200px){.diy-header,.diy-layout{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:16px}.diy-header-brand{gap:12px}.diy-brand strong{font-size:32px}.diy-brand small{margin-left:0;font-size:13px}.diy-tabs button{padding:0 8px;gap:6px}.diy-hero-copy{padding-right:14px;padding-left:14px}.diy-hero-copy h1{font-size:clamp(23px,2.75vw,33px)}.diy-hero-copy p{font-size:13px}.diy-create-button{min-width:0;width:min(82%,300px);padding-right:16px;padding-left:16px;font-size:23px}.diy-draft-card{left:8px;right:8px;padding:8px;grid-template-columns:minmax(60px,24%) minmax(0,1fr) auto;gap:8px}.diy-draft-card b{font-size:13px}.diy-draft-card strong{font-size:14px}.diy-draft-card small{font-size:11px}.diy-continue{min-height:38px;padding:0 8px;font-size:12px;white-space:nowrap}.diy-continue .material-symbols-outlined{font-size:18px}.diy-ranking{padding:14px}.diy-ranking>header{gap:6px 12px}.diy-ranking header p{font-size:13px}.diy-book-row{grid-template-columns:32px minmax(0,26%) minmax(0,1fr) auto;gap:8px;padding-right:8px;padding-left:8px}.diy-rank{width:32px;height:38px;border-radius:11px;font-size:21px}.diy-book-info h3{font-size:17px}.diy-book-author{grid-template-columns:26px minmax(0,1fr);column-gap:6px}.diy-book-author p{font-size:13px}.diy-author-avatar{width:26px;height:26px}.diy-author-avatar .material-symbols-outlined{font-size:21px}.diy-book-stats{min-width:44px}.diy-like{padding:4px;gap:3px;font-size:16px}.diy-like .material-symbols-outlined{font-size:24px}.diy-mine{padding:22px}.diy-mine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.diy-mine-summary{flex-wrap:wrap;gap:6px 10px}}@media(max-width:900px){.diy-page{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}.diy-header{height:auto;min-height:88px;margin-bottom:16px;grid-template-columns:minmax(0,1fr) auto}.diy-header-actions{width:min(44vw,360px)}.diy-tabs .material-symbols-outlined{font-size:24px}.diy-tabs button{min-height:50px;font-size:15px}.diy-layout{flex:none;grid-template-columns:minmax(0,1fr)}.diy-create-hero{--diy-draft-height: 100px;height:clamp(440px,62vh,640px)}.diy-create-hero>img{object-position:center 60%}.diy-hero-copy h1{font-size:clamp(25px,4.4vw,36px)}.diy-hero-copy p{font-size:15px}.diy-ranking{height:min(700px,70vh);min-height:440px}.diy-book-row{grid-template-columns:32px minmax(0,29%) minmax(0,1fr) auto}.diy-mine{flex:none;overflow:visible}.diy-preview-backdrop{padding:20px}.diy-preview{width:100%;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;grid-template-columns:minmax(0,1fr);gap:12px}.diy-preview>div{min-width:0;padding:0 8px 8px}.diy-preview h2{font-size:28px;overflow-wrap:anywhere}}@media(max-width:600px){.diy-header{grid-template-columns:minmax(0,1fr);padding:8px 0}.diy-header-actions{width:100%}.diy-brand strong{font-size:30px}.diy-mine{padding:16px}.diy-mine h1{font-size:28px}.diy-mine-grid{grid-template-columns:minmax(0,1fr)}.diy-create-small{padding:0 12px;font-size:15px}}@media(orientation:landscape)and (max-height:430px){.app-mobile .login-card{width:min(94vw,900px);padding:18px 24px;gap:10px 28px}.app-mobile .login-logo-wrap{width:min(70%,230px)}.app-mobile .login-header h1{font-size:clamp(24px,3.6vw,34px)}.app-mobile .login-form{gap:9px}.app-mobile .login-input-shell,.app-mobile .country-code,.app-mobile .code-label,.app-mobile .send-btn,.app-mobile .login-submit{min-height:48px}.app-mobile .login-footer{display:none}.app-mobile .bookshelf{padding-top:12px;padding-bottom:16px}.app-mobile .book-cover-wrap{max-width:88px}.app-mobile .book-title{max-width:96px}.app-mobile .sentence-list{padding-top:18px;padding-bottom:18px}.app-mobile .sentence-row{padding:8px 0}.app-mobile .sentence-row strong{font-size:clamp(21px,3vw,30px)}}@media(orientation:landscape){.app-mobile .home-page{height:100vh;height:100dvh;min-height:0;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:6px}.app-mobile .home-app-header{min-height:52px;padding:0;align-items:flex-start}.app-mobile .app-title-copy{padding-left:4px}.app-mobile .app-kicker{min-height:22px;padding:2px 9px;font-size:clamp(12px,1.35vw,16px);line-height:17px}.app-mobile .app-title-copy h1{margin:3px 0 0;max-width:32vw;font-size:clamp(21px,2.55vw,34px);line-height:1.04}.app-mobile .app-title-copy p{display:none}.app-mobile .app-login-link,.app-mobile .app-avatar-link{min-width:98px;height:42px;padding:0 13px;border-radius:999px;font-size:clamp(14px,1.45vw,18px)}.app-mobile .app-login-link .material-symbols-outlined{font-size:21px}.app-mobile .app-avatar-link img{width:34px;height:34px}.app-mobile .tabs-scroll,.app-mobile .levels-scroll{padding:0 4px;gap:clamp(8px,1.3vw,16px)}.app-mobile .topic-tab{min-height:38px;padding:6px clamp(12px,1.8vw,22px);border-radius:18px;font-size:clamp(16px,2vw,24px);line-height:1}.app-mobile .topic-tab .material-symbols-outlined{font-size:clamp(20px,2.2vw,28px)}.app-mobile .level-tab{min-height:34px;padding:5px clamp(14px,2vw,28px);border-radius:14px;font-size:clamp(16px,1.9vw,23px);line-height:1}.app-mobile .topic-card{display:none!important}.app-mobile .bookshelf{min-height:0;height:100%;margin:0;padding:clamp(8px,1.5vh,12px) clamp(12px,2vw,22px);border-radius:22px;overflow:hidden}.app-mobile .books-grid{height:100%;grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;justify-items:center;gap:clamp(6px,1.1vh,10px) clamp(10px,1.8vw,22px)}.app-mobile .book-card{width:min(100%,112px);gap:4px}.app-mobile .book-cover-wrap{width:min(100%,96px);max-width:96px;padding:5px;border-radius:13px}.app-mobile .book-cover{max-height:min(23vh,122px);object-fit:contain}.app-mobile .book-title{max-width:104px;min-height:14px;font-size:clamp(9px,1.2vw,12px);line-height:13px}.app-mobile .book-shelf{width:min(100%,88px);max-width:88px;height:5px;margin-top:1px}.app-mobile .vip-badge{min-height:18px;padding:2px 8px;border-radius:999px;font-size:12px}.app-mobile .books-message{min-height:100%;font-size:18px}.app-mobile .bottom-nav{position:fixed;left:50%;right:auto;top:max(10px,env(safe-area-inset-top));bottom:auto;transform:translate(-50%);width:auto;min-width:188px;padding:0;display:inline-flex;gap:8px;border:0;border-radius:0;background:transparent;box-shadow:none;z-index:12}.app-mobile .bottom-nav-item{min-width:78px;min-height:32px;padding:0 13px;border:1.5px solid rgba(7,95,234,.32);border-radius:999px;background:transparent;color:#354052;font-size:clamp(13px,1.35vw,17px);font-weight:900}.app-mobile .bottom-nav-item .material-symbols-outlined{display:none}.app-mobile .bottom-nav-item.active{border-color:var(--brand-blue);background:transparent;color:var(--brand-blue);box-shadow:none}}@media(orientation:landscape)and (max-height:430px){.app-mobile .home-page{gap:4px;padding-top:max(7px,env(safe-area-inset-top))}.app-mobile .home-app-header{min-height:44px}.app-mobile .app-kicker{min-height:19px;padding:1px 8px}.app-mobile .app-title-copy h1{font-size:clamp(18px,2.25vw,28px)}.app-mobile .app-login-link,.app-mobile .app-avatar-link{height:36px;min-width:82px}.app-mobile .app-avatar-link img{width:30px;height:30px}.app-mobile .topic-tab{min-height:34px;padding-top:4px;padding-bottom:4px;font-size:clamp(14px,1.75vw,21px)}.app-mobile .level-tab{min-height:30px;padding-top:4px;padding-bottom:4px;font-size:clamp(14px,1.7vw,20px)}.app-mobile .bookshelf{border-radius:18px;padding-top:7px;padding-bottom:7px}.app-mobile .book-card{width:min(100%,96px)}.app-mobile .book-cover-wrap{width:min(100%,82px);max-width:82px;padding:4px}.app-mobile .book-cover{max-height:min(21vh,96px)}.app-mobile .book-title{display:none}.app-mobile .book-shelf{width:72px;max-width:72px;height:4px}.app-mobile .bottom-nav{top:max(7px,env(safe-area-inset-top));gap:6px}.app-mobile .bottom-nav-item{min-height:28px;min-width:70px;padding:0 10px}}@media(orientation:portrait){.app-mobile .login-page{min-height:100vh;min-height:100dvh;overflow:hidden}.app-mobile .login-card{width:min(88vw,430px);max-height:calc(100dvh - 28px);padding:clamp(22px,4vh,34px) clamp(20px,5vw,32px);border-radius:28px}.app-mobile .login-logo-wrap{width:min(78%,240px);margin-bottom:clamp(12px,2.4vh,22px)}.app-mobile .login-header h1{font-size:clamp(30px,7.5vw,42px)}.app-mobile .login-header p{font-size:clamp(16px,4vw,20px)}}.app-mobile .home-brand-title{margin:0;color:var(--brand-blue);font-size:clamp(30px,4.8vw,54px);line-height:1;font-weight:900;letter-spacing:0;text-shadow:0 4px 14px rgba(7,95,234,.12)}.app-mobile .app-user-name{min-width:0;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2937;font-weight:900}.app-mobile .login-page{width:100vw;max-width:none;background-size:cover;background-position:center}.app-mobile .login-page:before{background:radial-gradient(circle at center,#ffffff6b 0,#ffffff6b 28%,#ffffff1f 58%,#ebf7ff05),linear-gradient(180deg,#ffffff1a,#ffffff42)}.app-mobile .login-card{width:min(86vw,430px);padding:30px 34px}.app-mobile .login-logo-wrap{width:min(68%,230px);margin-bottom:16px}.app-mobile .login-header{margin-bottom:24px}.app-mobile .login-header h1{font-size:clamp(32px,5.4vw,48px);line-height:1.04}.app-mobile .login-header p{font-size:clamp(15px,2.8vw,18px)}@media(orientation:landscape){.app-mobile .login-page{padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background-size:cover;background-position:center}.app-mobile .login-card{width:min(74vw,740px);padding:clamp(16px,2.4vh,22px) clamp(22px,3vw,30px);grid-template-columns:minmax(210px,.78fr) minmax(320px,1fr);gap:10px 26px}.app-mobile .login-logo-wrap{width:min(76%,245px);margin-bottom:10px}.app-mobile .login-header h1{font-size:clamp(26px,3.7vw,38px);line-height:1.03}.app-mobile .login-header p{font-size:clamp(13px,1.5vw,16px)}.app-mobile .login-form{gap:9px}.app-mobile .login-input-shell,.app-mobile .country-code,.app-mobile .code-label,.app-mobile .send-btn,.app-mobile .login-submit{min-height:46px}.app-mobile .login-input{font-size:16px}.app-mobile .home-page{padding:max(8px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));grid-template-rows:48px 48px 42px minmax(0,1fr);gap:5px}.app-mobile .home-app-header{position:relative;min-height:48px;align-items:center;justify-content:center}.app-mobile .home-brand-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(34px,4.2vw,54px)}.app-mobile .app-login-link,.app-mobile .app-avatar-link{position:absolute;right:0;top:50%;transform:translateY(-50%);min-width:132px;height:42px;padding:0 8px 0 16px;justify-content:flex-end;gap:10px;background:#ffffffc2;border-color:#075fea47}.app-mobile .app-avatar-link.vip{border-color:#e6b21e;box-shadow:0 8px 18px #d6991233}.app-mobile .app-avatar-link img{width:38px;height:38px}.app-mobile .tabs-scroll,.app-mobile .levels-scroll{justify-content:flex-start;padding:0 0 2px;gap:clamp(8px,1.4vw,18px)}.app-mobile .topic-tab{min-height:42px;padding:6px clamp(16px,2.5vw,30px);border-radius:16px;border-width:1.5px;background:#ffffffd6;box-shadow:0 6px 14px #182d4e14;font-size:clamp(18px,2.2vw,28px)}.app-mobile .topic-tab.active{box-shadow:0 8px 16px #075fea24}.app-mobile .level-tab{min-height:36px;padding:5px clamp(18px,2.5vw,32px);border-radius:14px;border-width:1.5px;background:#ffffffdb;color:#3f4654;box-shadow:0 5px 12px #8f601714;font-size:clamp(17px,2vw,25px)}.app-mobile .level-tab.active{color:#fff;background:linear-gradient(180deg,#ffba4a,#ff9824);border-color:#ef8d13}.app-mobile .bookshelf{padding:clamp(8px,1.3vh,12px) clamp(14px,1.8vw,22px);border-radius:20px}.app-mobile .books-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:clamp(3px,.7vh,8px) clamp(12px,2.4vw,30px)}.app-mobile .book-card{width:min(100%,116px);height:100%;justify-content:center;gap:3px}.app-mobile .book-cover-wrap{width:min(100%,94px);max-width:94px;padding:4px;border-radius:13px}.app-mobile .book-cover{max-height:clamp(76px,16.4vh,116px)}.app-mobile .book-title{display:none}.app-mobile .book-shelf{width:min(100%,88px);max-width:88px;height:5px;margin-top:2px}.app-mobile .bottom-nav{display:none}}@media(orientation:landscape)and (max-height:430px){.app-mobile .home-page{grid-template-rows:40px 40px 34px minmax(0,1fr);gap:4px}.app-mobile .home-brand-title{font-size:clamp(28px,3.5vw,42px)}.app-mobile .app-avatar-link img{width:32px;height:32px}.app-mobile .app-login-link,.app-mobile .app-avatar-link{min-width:116px;height:36px}.app-mobile .topic-tab{min-height:34px;font-size:clamp(15px,1.9vw,22px)}.app-mobile .level-tab{min-height:30px;font-size:clamp(14px,1.75vw,20px)}.app-mobile .book-cover-wrap{width:min(100%,78px);max-width:78px;padding:3px}.app-mobile .book-cover{max-height:clamp(58px,15vh,82px)}.app-mobile .book-shelf{width:70px;max-width:70px;height:4px}}@media(orientation:portrait){.app-mobile .login-page{width:100vw;background-size:cover;background-position:center}.app-mobile .login-card{width:min(84vw,400px);padding:clamp(20px,3.2vh,28px) clamp(20px,5vw,30px)}}.app-mobile .topic-tab.active,.app-mobile .topic-tab.active:hover,.app-mobile .topic-tab.active:focus-visible{background:var(--topic-color)!important;border-color:var(--topic-color)!important;color:#fff!important;box-shadow:0 8px 18px color-mix(in srgb,var(--topic-color) 24%,transparent)!important}.app-mobile .level-tab.active,.app-mobile .level-tab.active:hover,.app-mobile .level-tab.active:focus-visible{background:linear-gradient(180deg,#ffb13d,#ff961f)!important;border-color:#ed8a12!important;color:#fff!important;box-shadow:0 7px 14px #ff9a2238!important}@media(orientation:landscape){.app-mobile .bookshelf{padding:clamp(8px,1.4vh,12px) clamp(12px,1.6vw,18px)!important}.app-mobile .books-grid{grid-template-columns:repeat(auto-fill,minmax(122px,122px))!important;grid-auto-rows:auto!important;align-content:start!important;justify-content:start!important;justify-items:center!important;gap:clamp(5px,.9vh,9px) clamp(12px,1.45vw,24px)!important}.app-mobile .book-card{width:122px!important;height:auto!important;gap:3px!important}.app-mobile .book-cover-wrap{width:116px!important;max-width:116px!important;padding:4px!important;border-radius:14px!important}.app-mobile .book-cover{max-height:min(20vh,138px)!important}.app-mobile .book-shelf{width:112px!important;max-width:112px!important;height:5px!important;margin-top:1px!important}}@media(orientation:landscape)and (max-height:430px){.app-mobile .books-grid{grid-template-columns:repeat(auto-fill,minmax(112px,112px))!important;gap:clamp(4px,.8vh,7px) clamp(10px,1.25vw,20px)!important}.app-mobile .book-card{width:112px!important}.app-mobile .book-cover-wrap{width:106px!important;max-width:106px!important}.app-mobile .book-cover{max-height:min(20vh,118px)!important}.app-mobile .book-shelf{width:102px!important;max-width:102px!important}}.app-mobile .home-brand-title.logo-title{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;line-height:0!important;text-shadow:none!important}.app-mobile .home-brand-logo{display:block;width:min(30vw,280px);max-height:70px;object-fit:contain}.app-mobile .home-topic-summary{cursor:default}.app-mobile .home-topic-summary p{margin:0}@media(orientation:landscape){.app-mobile .home-page{height:100vh;height:100dvh;overflow:hidden!important;grid-template-rows:54px 48px minmax(34px,auto) 42px minmax(0,1fr)!important;gap:5px!important}.app-mobile .home-brand-title.logo-title{width:min(30vw,290px)!important}.app-mobile .home-brand-logo{width:100%;max-height:clamp(46px,9vh,72px)}.app-mobile .home-topic-summary{display:block!important;margin:0 clamp(24px,3vw,44px)!important;padding:6px 14px!important;border:1px solid rgba(193,198,215,.62)!important;border-radius:14px!important;background:#ffffffc7!important;box-shadow:0 6px 16px #182d4e0f!important}.app-mobile .home-topic-summary p{color:#4a5568;font-size:clamp(12px,1.28vw,15px);line-height:1.35;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-mobile .bookshelf{min-height:0!important;margin:4px clamp(24px,3vw,44px) 0!important;padding:clamp(10px,1.8vh,16px) clamp(16px,2.2vw,28px)!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.app-mobile .books-grid{grid-template-columns:repeat(auto-fill,minmax(148px,148px))!important;grid-auto-rows:auto!important;align-content:start!important;justify-content:center!important;justify-items:center!important;gap:clamp(8px,1.25vh,12px) clamp(12px,1.45vw,22px)!important;padding:0 0 12px!important}.app-mobile .book-card{width:148px!important;height:auto!important;gap:4px!important}.app-mobile .book-cover-wrap{width:144px!important;max-width:144px!important;padding:5px!important}.app-mobile .book-cover{max-height:min(30vh,188px)!important}.app-mobile .book-shelf{width:136px!important;max-width:136px!important}}@media(orientation:landscape)and (max-height:430px){.app-mobile .home-page{grid-template-rows:46px 38px minmax(28px,auto) 34px minmax(0,1fr)!important;gap:4px!important}.app-mobile .home-brand-title.logo-title{width:min(25vw,230px)!important}.app-mobile .home-brand-logo{max-height:52px}.app-mobile .home-topic-summary{padding:4px 12px!important}.app-mobile .home-topic-summary p{font-size:clamp(11px,1.12vw,13px)}.app-mobile .books-grid{grid-template-columns:repeat(auto-fill,minmax(136px,136px))!important;gap:clamp(7px,1vh,10px) clamp(12px,1.45vw,20px)!important}.app-mobile .book-card{width:136px!important}.app-mobile .book-cover-wrap{width:132px!important;max-width:132px!important}.app-mobile .book-cover{max-height:min(30vh,160px)!important}.app-mobile .book-shelf{width:126px!important;max-width:126px!important}}@media(orientation:landscape){.app-mobile .home-page{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;padding:max(8px,env(safe-area-inset-top)) clamp(24px,2vw,32px) max(8px,env(safe-area-inset-bottom)) clamp(24px,2vw,32px)!important;grid-template-rows:48px auto 42px minmax(0,1fr)!important;gap:6px!important;overflow:hidden!important}.app-mobile .home-app-header{display:contents!important;min-height:0!important;padding:0!important}.app-mobile .home-index-back{position:fixed!important;left:max(8px,env(safe-area-inset-left))!important;top:max(8px,env(safe-area-inset-top))!important;z-index:30!important;width:32px!important;height:32px!important;border:1px solid rgba(193,198,215,.58)!important;border-radius:999px!important;background:#ffffffbd!important;color:var(--brand-blue)!important;box-shadow:0 6px 14px #182d4e1f!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;transform:none!important;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease!important;touch-action:manipulation!important}.app-mobile .home-index-back:active{transform:scale(.92)!important;background:#ffffffe6!important;box-shadow:0 4px 10px #182d4e1a!important}.app-mobile .home-index-back .material-symbols-outlined{display:block!important;font-size:18px!important;line-height:1!important}.app-mobile .home-index-back:before{content:none!important}.app-mobile .home-brand-title.logo-title{position:absolute!important;left:50%!important;top:50%!important;width:min(34vw,330px)!important;transform:translate(-50%,-50%)!important}.app-mobile .home-brand-logo{width:100%!important;max-height:64px!important}.app-mobile .app-login-link,.app-mobile .app-avatar-link{min-width:158px!important;height:52px!important;padding:0 10px 0 18px!important;gap:12px!important}.app-mobile .app-user-name{font-size:clamp(16px,1.65vw,20px)!important}.app-mobile .app-avatar-link img{width:46px!important;height:46px!important}.app-mobile .tabs-scroll,.app-mobile .levels-scroll{max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important}.app-mobile .topic-tabs .tabs-scroll{padding-left:32px!important}.app-mobile .home-topic-summary{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;padding:7px 14px!important}.app-mobile .home-topic-summary p{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;color:#3f4654;font-size:clamp(15px,1.55vw,18px);line-height:1.38;letter-spacing:0}.app-mobile .bookshelf{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:0!important;height:100%!important;margin:0!important;padding:clamp(12px,1.7vh,18px) clamp(10px,1.2vw,16px)!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app-mobile .books-grid{width:100%!important;max-width:100%!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;justify-content:center!important;justify-items:center!important;align-content:start!important;gap:clamp(8px,1.2vh,12px) clamp(8px,1.05vw,14px)!important;padding:0 0 18px!important}.app-mobile .book-card{width:min(100%,168px)!important}.app-mobile .book-cover-wrap{width:min(100%,160px)!important;max-width:160px!important}.app-mobile .book-cover{max-height:min(29vh,190px)!important}.app-mobile .book-shelf{width:min(100%,152px)!important;max-width:152px!important}}@media(orientation:landscape)and (max-height:430px){.app-mobile .app-login-link,.app-mobile .app-avatar-link{min-width:138px!important;height:44px!important}.app-mobile .app-avatar-link img{width:38px!important;height:38px!important}.app-mobile .home-topic-summary p{font-size:clamp(13px,1.35vw,15px)!important}.app-mobile .bookshelf{padding-left:10px!important;padding-right:10px!important}.app-mobile .books-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;column-gap:clamp(6px,.85vw,10px)!important}.app-mobile .book-card{width:min(100%,142px)!important}.app-mobile .book-cover-wrap{width:min(100%,136px)!important;max-width:136px!important}.app-mobile .book-cover{max-height:min(27vh,148px)!important}.app-mobile .book-shelf{width:min(100%,130px)!important;max-width:130px!important}}@media(orientation:landscape){html.platform-android-native .app-mobile .home-page{padding-top:max(40px,env(safe-area-inset-top))!important}}html.platform-android-native .app-mobile .login-page,html.platform-android-native .app-mobile .index-page,html.platform-android-native .app-mobile .detail-page,html.platform-android-native .app-mobile .profile-page,html.platform-android-native .app-mobile .reader-page-shell{padding-top:max(40px,env(safe-area-inset-top))!important}@media(orientation:landscape){html.platform-android-native .app-mobile .index-page{width:100vw!important;height:100vh!important;height:100dvh!important;min-height:0!important;padding:max(40px,env(safe-area-inset-top)) max(34px,env(safe-area-inset-right)) max(56px,env(safe-area-inset-bottom)) max(34px,env(safe-area-inset-left))!important}html.platform-android-native .app-mobile .index-logo{height:clamp(76px,12vh,108px)!important}html.platform-android-native .app-mobile .index-logo img{width:min(30vw,380px)!important}html.platform-android-native .app-mobile .index-shell{width:min(1100px,90vw)!important;max-width:100%;height:calc(100dvh - max(40px,env(safe-area-inset-top)) - max(56px,env(safe-area-inset-bottom)) - clamp(76px,12vh,108px) - clamp(18px,2.5dvh,24px))!important;min-height:0!important;grid-template-columns:minmax(0,.88fr) minmax(0,1.52fr)!important;grid-template-rows:minmax(0,1fr);align-items:stretch!important}html.platform-android-native .app-mobile .index-user-card,html.platform-android-native .app-mobile .index-action-card{border-radius:clamp(24px,3vw,38px)!important}html.platform-android-native .app-mobile .index-action-card{padding:clamp(14px,1.8vw,24px)!important;gap:clamp(4px,.8vh,8px)!important}html.platform-android-native .app-mobile .index-action-card .material-symbols-outlined{width:clamp(42px,4.7vw,60px)!important;height:clamp(42px,4.7vw,60px)!important;border-radius:clamp(15px,1.8vw,22px)!important;font-size:clamp(27px,3vw,38px)!important}html.platform-android-native .app-mobile .index-action-card strong{font-size:clamp(24px,2.8vw,36px)!important}html.platform-android-native .app-mobile .index-action-card small{font-size:clamp(13px,1.35vw,18px)!important}html.platform-android-native .app-mobile .index-action-card.english{padding:clamp(22px,3.4vw,42px)!important;gap:10px!important}html.platform-android-native .app-mobile .index-action-card.english .material-symbols-outlined{width:clamp(58px,7vw,78px)!important;height:clamp(58px,7vw,78px)!important;border-radius:24px!important;font-size:clamp(34px,4vw,48px)!important}html.platform-android-native .app-mobile .index-action-card.english strong{font-size:clamp(30px,4vw,48px)!important}html.platform-android-native .app-mobile .index-action-card.english small{font-size:clamp(16px,1.7vw,22px)!important}}@media(orientation:landscape){html.platform-android-native .app-mobile .sentence-reader{box-sizing:border-box!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:0!important;padding:max(40px,env(safe-area-inset-top)) 0 max(22px,env(safe-area-inset-bottom)) 0!important;gap:0!important;overflow:hidden!important;background:#fff!important}html.platform-android-native .app-mobile .sentence-reader .reader-header{position:fixed!important;left:max(18px,env(safe-area-inset-left))!important;right:auto!important;top:max(34px,env(safe-area-inset-top))!important;width:auto!important;padding:0!important;z-index:40!important}html.platform-android-native .app-mobile .sentence-reader .reader-star{display:none!important}html.platform-android-native .app-mobile .sentence-reader .top-back{width:62px!important;height:62px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:transform .12s ease,filter .12s ease,opacity .12s ease!important;touch-action:manipulation!important}html.platform-android-native .app-mobile .sentence-reader .top-back:active{transform:scale(.9)!important;filter:brightness(1.12) drop-shadow(0 8px 12px rgba(33,150,243,.28))!important;opacity:.9!important}html.platform-android-native .app-mobile .sentence-reader .top-back .material-symbols-outlined{display:none!important}html.platform-android-native .app-mobile .sentence-reader .top-back:before{content:"";display:block;width:58px;height:58px;background:url(/images/nav-back.webp) center / contain no-repeat}html.platform-android-native .app-mobile .sentence-reader .reader-progress{position:fixed!important;left:50%!important;top:max(34px,env(safe-area-inset-top))!important;z-index:38!important;display:flex!important;width:min(42vw,520px)!important;min-width:300px!important;transform:translate(-50%)!important;flex-direction:column!important;align-items:center!important;gap:6px!important;pointer-events:none!important}html.platform-android-native .app-mobile .sentence-reader .reader-progress-label{color:#3f4654!important;font-size:clamp(14px,1.35vw,16px)!important;line-height:1!important;font-weight:900!important;text-shadow:0 1px 2px rgba(255,255,255,.9)!important}html.platform-android-native .app-mobile .sentence-reader .reader-progress-track{position:relative!important;width:100%!important;height:24px!important;border-radius:999px!important;background:transparent!important;overflow:visible!important;box-shadow:none!important}html.platform-android-native .app-mobile .sentence-reader .reader-progress-track:before,html.platform-android-native .app-mobile .sentence-reader .reader-progress-track i{position:absolute!important;left:0!important;top:11px!important;height:2px!important;border-radius:999px!important}html.platform-android-native .app-mobile .sentence-reader .reader-progress-track:before{content:""!important;width:100%!important;background:#b2d6a0ad!important;box-shadow:0 1px 2px #2e7d3214!important}html.platform-android-native .app-mobile .sentence-reader .reader-progress-track i{display:block!important;background:#4caf50!important;box-shadow:0 0 8px #4caf503d!important;z-index:1!important;transition:width .22s ease!important}html.platform-android-native .app-mobile .sentence-reader .reader-progress-node{position:absolute!important;z-index:2!important;top:50%!important;width:13px!important;height:13px!important;border:2px solid #a5d6a7!important;border-radius:999px!important;background:#ffffffe6!important;box-shadow:0 1px 3px #2e7d321f!important;transform:translate(-50%,-50%)!important;transition:width .16s ease,height .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important}html.platform-android-native .app-mobile .sentence-reader .reader-progress-node.completed{background:#66bb6a!important;border-color:#43a047!important}html.platform-android-native .app-mobile .sentence-reader .reader-progress-node.current{width:20px!important;height:20px!important;background:#2e7d32!important;border-color:#fff!important;box-shadow:0 0 0 4px #4caf5038,0 4px 10px #2e7d3233!important}html.platform-android-native .app-mobile .sentence-reader .sentence-canvas{flex:1 1 auto!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}html.platform-android-native .app-mobile .sentence-reader .sentence-content-card{width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,40%) minmax(0,60%)!important;gap:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}html.platform-android-native .app-mobile .sentence-reader .sentence-image{min-width:0!important;height:100%!important;min-height:0!important;padding:clamp(28px,5vh,56px) clamp(56px,5.8vw,88px) clamp(100px,14vh,136px) clamp(64px,6vw,96px)!important;align-items:center!important;justify-content:center!important;background:#fff!important;overflow:hidden!important}html.platform-android-native .app-mobile .sentence-reader .sentence-image img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:min(100%,66vh)!important;object-fit:contain!important;object-position:center center!important}html.platform-android-native .app-mobile .sentence-reader .sentence-list{min-width:0!important;height:100%!important;max-height:none!important;padding:clamp(22px,3.4vh,40px) clamp(20px,2.8vw,42px)!important;justify-content:center!important;overflow:hidden!important;background:#fff!important}html.platform-android-native .app-mobile .sentence-reader .sentence-row{gap:clamp(8px,1vw,14px)!important;padding:clamp(10px,1.8vh,18px) 0!important}html.platform-android-native .app-mobile .sentence-reader .sentence-row strong{color:#2e7d32!important;font-size:clamp(27px,3.35vw,48px)!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}html.platform-android-native .app-mobile .sentence-reader .sentence-row button{width:clamp(50px,5.4vw,72px)!important;height:clamp(50px,5.4vw,72px)!important;flex:0 0 auto!important;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease,filter .12s ease!important;touch-action:manipulation!important}html.platform-android-native .app-mobile .sentence-reader .row-play-wrap,html.platform-android-native .app-mobile .sentence-reader .row-mic-wrap{width:clamp(50px,5.4vw,72px)!important;height:clamp(50px,5.4vw,72px)!important;align-self:center!important;align-items:center!important;justify-content:center!important}html.platform-android-native .app-mobile .sentence-reader .row-eval-stars{position:absolute!important;left:50%!important;top:-15px!important;z-index:2!important;display:block!important;width:48px!important;height:18px!important;transform:translate(-50%)!important;pointer-events:none!important}html.platform-android-native .app-mobile .sentence-reader .row-eval-stars .material-symbols-outlined{--star-transform: translate(-50%, 0);position:absolute!important;top:3px!important;left:50%!important;color:#c8ced8!important;font-size:13px!important;line-height:1!important;transform:var(--star-transform)!important;text-shadow:0 1px 2px rgba(255,255,255,.9)!important}html.platform-android-native .app-mobile .sentence-reader .row-eval-stars .material-symbols-outlined:nth-child(1){--star-transform: translate(-22px, 5px) rotate(-18deg)}html.platform-android-native .app-mobile .sentence-reader .row-eval-stars .material-symbols-outlined:nth-child(2){--star-transform: translate(-50%, 0)}html.platform-android-native .app-mobile .sentence-reader .row-eval-stars .material-symbols-outlined:nth-child(3){--star-transform: translate(9px, 5px) rotate(18deg)}html.platform-android-native .app-mobile .sentence-reader .row-eval-stars .material-symbols-outlined.filled{color:#ffbf2f!important;text-shadow:0 1px 2px rgba(116,69,0,.16),0 0 5px rgba(255,191,47,.32)!important;animation:row-star-pop .32s ease-out both!important}html.platform-android-native .app-mobile .sentence-reader .row-eval-stars .material-symbols-outlined.filled:nth-child(2){animation-delay:.12s!important}html.platform-android-native .app-mobile .sentence-reader .row-eval-stars .material-symbols-outlined.filled:nth-child(3){animation-delay:.24s!important}html.platform-android-native .app-mobile .sentence-reader .sentence-row button:active{transform:scale(.9)!important;background:#dfeeff!important;box-shadow:0 8px 18px #075fea38!important;filter:brightness(1.04)!important}html.platform-android-native .app-mobile .sentence-reader .sentence-row button:focus-visible{outline:4px solid rgba(7,95,234,.22)!important;outline-offset:3px!important}html.platform-android-native .app-mobile .sentence-reader .sentence-row .row-mic:active,html.platform-android-native .app-mobile .sentence-reader .sentence-row .mic-action:active{background:#fff0e4!important;box-shadow:0 8px 18px #ff843638!important}html.platform-android-native .app-mobile .sentence-reader .reader-nav{position:fixed!important;top:auto!important;bottom:max(24px,env(safe-area-inset-bottom))!important;z-index:45!important;width:74px!important;height:74px!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important;background:transparent!important;box-shadow:none!important;transition:transform .12s ease,filter .12s ease,opacity .12s ease!important;touch-action:manipulation!important}html.platform-android-native .app-mobile .sentence-reader .reader-nav:active{transform:scale(.9)!important;filter:brightness(1.08) drop-shadow(0 8px 14px rgba(255,132,54,.28))!important;opacity:.92!important}html.platform-android-native .app-mobile .sentence-reader .reader-nav.prev{left:max(24px,env(safe-area-inset-left))!important;right:auto!important}html.platform-android-native .app-mobile .sentence-reader .reader-nav.next{right:max(24px,env(safe-area-inset-right))!important;left:auto!important}html.platform-android-native .app-mobile .sentence-reader .reader-nav .material-symbols-outlined{display:none!important}html.platform-android-native .app-mobile .sentence-reader .reader-nav:before{content:"";display:block;width:74px;height:74px;background-position:center;background-repeat:no-repeat;background-size:contain}html.platform-android-native .app-mobile .sentence-reader .reader-nav.prev:before{background-image:url(/images/nav-prev.webp)}html.platform-android-native .app-mobile .sentence-reader .reader-nav.next:before{background-image:url(/images/nav-next.webp)}html.platform-android-native .app-mobile .sentence-reader .finish-reading-button{position:fixed!important;right:max(28px,env(safe-area-inset-right))!important;bottom:max(28px,env(safe-area-inset-bottom))!important;z-index:46!important;min-width:clamp(136px,12vw,176px)!important;height:clamp(52px,5vw,64px)!important;padding:0 clamp(22px,2.4vw,32px)!important;border-radius:999px!important;font-size:clamp(18px,1.8vw,24px)!important;transition:transform .12s ease,filter .12s ease!important;touch-action:manipulation!important}html.platform-android-native .app-mobile .sentence-reader .finish-reading-button:active{transform:scale(.94)!important;filter:brightness(1.06)!important}html.platform-android-native .app-mobile .sentence-reader .finish-report-card{width:min(78vw,860px)!important;max-height:min(78vh,620px)!important;padding:clamp(22px,3vw,34px)!important}html.platform-android-native .app-mobile .sentence-reader .finish-report-hero h2{font-size:clamp(30px,3vw,40px)!important}html.platform-android-native .app-mobile .sentence-reader .finish-report-row{grid-template-columns:auto minmax(0,1fr) auto auto!important;padding:clamp(9px,1.4vh,13px) clamp(12px,1.4vw,18px)!important}html.platform-android-native .app-mobile .sentence-reader .finish-report-row strong{font-size:clamp(17px,1.7vw,22px)!important}html.platform-android-native .app-mobile .sentence-reader .recording-focus-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:115!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffffff94!important;-webkit-backdrop-filter:blur(1.5px)!important;backdrop-filter:blur(1.5px)!important;pointer-events:auto!important}html.platform-android-native .app-mobile .sentence-reader .recording-focus-button{width:clamp(190px,17vw,250px)!important;height:clamp(190px,17vw,250px)!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;animation:recording-focus-in .18s ease-out both!important;touch-action:manipulation!important}html.platform-android-native .app-mobile .sentence-reader .recording-focus-button:active{transform:scale(.94)!important;filter:brightness(1.08)!important}html.platform-android-native .app-mobile .sentence-reader .recording-focus-ring{position:relative!important;width:100%!important;height:100%!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,#1c8dff,#075fea)!important;box-shadow:0 18px 36px #075fea47,0 0 0 18px #075fea14!important;animation:recording-mic-pulse .98s ease-in-out infinite!important}html.platform-android-native .app-mobile .sentence-reader .recording-focus-ring svg{position:absolute!important;top:-12px!important;right:-12px!important;bottom:-12px!important;left:-12px!important;width:calc(100% + 24px)!important;height:calc(100% + 24px)!important;transform:scaleX(-1)!important;overflow:visible!important}html.platform-android-native .app-mobile .sentence-reader .recording-focus-ring .material-symbols-outlined{position:relative!important;z-index:1!important;color:#fff!important;font-size:clamp(104px,9vw,142px)!important;line-height:1!important}}@keyframes recording-focus-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes recording-mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes row-star-pop{0%{opacity:.3;transform:var(--star-transform) scale(.45)}65%{opacity:1;transform:var(--star-transform) scale(1.24)}to{opacity:1;transform:var(--star-transform) scale(1)}}.songs-library-page{position:relative;width:100vw;height:100vh;height:100dvh;min-height:0;padding:max(30px,env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left));display:flex;flex-direction:column;overflow:hidden;background:#fffaf0 url(/images/songs/library-background.webp) center / cover no-repeat}.songs-library-header{position:relative;flex:0 0 86px;display:flex;align-items:center;gap:clamp(18px,2vw,32px);margin-bottom:8px}.songs-back-button{flex:0 0 auto;width:64px;height:64px;display:block;border-radius:50%;transition:transform .12s ease}.songs-back-button img{display:block;width:100%;height:100%;object-fit:contain}.songs-library-page .songs-message{flex:1;min-height:0;height:auto;color:#175964}.songs-library-page .songs-message button{background:#e96f48;box-shadow:0 4px 12px #a3561d29}.songs-loading-icon{color:#df754f;font-size:52px;animation:songs-loading-bounce 1.1s ease-in-out infinite}@keyframes songs-loading-bounce{50%{transform:translateY(-8px) rotate(10deg)}}.songs-library-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}.songs-page-title,.songs-page-subtitle{margin:0;color:#0b5664;line-height:1.2}.songs-page-title{font-size:clamp(25px,2.35vw,38px);font-weight:900}.songs-page-subtitle{font-size:clamp(15px,1.45vw,23px);font-weight:600}.songs-message,.song-player-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#39718f;font-size:clamp(20px,2.2vw,30px);font-weight:800;text-align:center}.songs-message button,.song-player-loading button,.song-player-loading a{min-width:150px;padding:12px 24px;border:0;border-radius:999px;color:#fff;background:#4daaf2;box-shadow:0 5px #2389d8;font:inherit;font-size:17px;text-decoration:none}.song-player-loading{min-height:100dvh;background:#e4fbfa}.song-player-back{position:absolute;z-index:20;left:max(24px,env(safe-area-inset-left));top:max(38px,env(safe-area-inset-top));width:clamp(48px,5.4vw,68px);height:clamp(48px,5.4vw,68px);border:3px solid #fff;border-radius:999px;display:grid;place-items:center;color:#fff;background:#54aaf1;box-shadow:0 7px #2389d8,0 10px 22px #176fb438;text-decoration:none;transition:transform .12s ease,filter .12s ease}.songs-back-button:active,.song-player-back:active{transform:scale(.92);filter:brightness(1.06)}.song-player-back .material-symbols-outlined{font-size:clamp(30px,3.4vw,42px)}.songs-grid{flex:1;min-height:0;width:min(100%,1420px);margin:0 auto;padding:10px 8px 24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:24px;scrollbar-width:thin;scrollbar-color:#dfc597 transparent}.song-card{position:relative;min-width:0;min-height:0;aspect-ratio:1000 / 1186;container-type:inline-size;border-radius:12%/10%;filter:drop-shadow(0 7px 7px rgba(143,104,37,.17));transition:transform .13s ease,filter .13s ease}.song-card:active{transform:translateY(3px) scale(.98);filter:brightness(1.04)}.song-card-link{position:relative;width:100%;height:100%;display:block;overflow:hidden;border-radius:inherit;color:#0b5664;text-decoration:none}.song-record-frame{position:absolute;left:15.3%;top:8.2%;width:68.1%;aspect-ratio:1;border-radius:50%;background:#f9edca;overflow:hidden}.song-record-frame img{display:block;width:100%;height:100%;border-radius:999px;object-fit:cover}.song-card-title{position:absolute;z-index:2;left:7.5%;top:72%;width:49%;height:23%;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;color:#0b5664;font-family:inherit;font-size:19px;font-size:clamp(16px,8.4cqw,25px);line-height:1.16;font-weight:900;text-align:left}.song-card-title-text{width:100%;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.song-card-art{position:absolute;z-index:1;left:-6%;top:-7.4199%;width:112.2%;max-width:none;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.song-card-play-target{position:absolute;z-index:2;left:69%;top:72%;width:26%;aspect-ratio:1;border-radius:50%}.song-favorite-button{position:absolute;z-index:4;left:4.5%;top:3.8%;width:17%;aspect-ratio:1;min-width:40px;min-height:40px;padding:0;border:0;border-radius:999px;display:grid;place-items:center;color:#f57559;background:transparent;transition:transform .13s ease}.song-favorite-button.active{color:#ee674c}.song-favorite-button .material-symbols-outlined{font-size:clamp(20px,8cqw,30px);font-variation-settings:"FILL" 1,"wght" 700}.song-favorite-button:active{transform:scale(.92)}.songs-library-page :is(a,button):focus-visible{outline:3px solid #147887;outline-offset:3px}@media(prefers-reduced-motion:reduce){.songs-loading-icon{animation:none}}.song-player-page{width:100vw;height:100vh;height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(0,50%) minmax(0,50%);overflow:hidden;background:#ecfbfb}.song-player-controls{position:relative;min-width:0;min-height:0;padding:max(42px,env(safe-area-inset-top)) clamp(34px,4vw,64px) max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.7vh,20px);background:#92def2 url(/images/songs/player-background.webp) center / cover no-repeat;border-radius:0 18% 18% 0/0 50% 50% 0;box-shadow:18px 0 38px #52b4d71a;overflow:hidden;z-index:2}.song-player-page.lyrics-hidden{grid-template-columns:minmax(0,1fr)}.song-album-stage{position:relative;width:min(30vw,35vh,320px);min-width:150px;aspect-ratio:1;flex:0 0 auto}.song-album-disc{width:100%;height:100%;padding:clamp(9px,1vw,14px);border:clamp(9px,1.1vw,15px) solid #505b69;border-radius:999px;background:#fff;box-shadow:0 0 0 5px #ffffffeb,0 15px 32px #236f9b40;overflow:hidden}.song-turntable-tonearm{position:absolute;z-index:5;top:-5%;right:-5%;width:38%;height:auto;pointer-events:none;transform-origin:80% 8%;transform:rotate(-48deg);filter:drop-shadow(0 7px 8px rgba(28,80,110,.24));transition:transform .52s cubic-bezier(.22,.84,.32,1)}.song-turntable-tonearm.engaged{transform:rotate(9deg)}.song-album-disc.spinning{animation:song-record-spin 10s linear infinite}.song-album-disc img{display:block;width:100%;height:100%;border-radius:999px;object-fit:cover}.song-progress-row{width:min(100%,620px);display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:clamp(10px,1.5vw,22px);color:#364957;font-size:clamp(16px,2vw,26px);font-weight:700}.song-progress-row input{width:100%;accent-color:#2fa4ed}.song-progress-row input:disabled{opacity:.68}.song-audio-status{min-height:20px;margin:-8px 0 -2px;color:#426477;font-size:clamp(12px,1.25vw,16px);font-weight:800}.song-secondary-actions,.song-transport-actions{display:flex;align-items:center;justify-content:center}.song-secondary-actions{gap:clamp(34px,6vw,76px)}.song-secondary-actions button{width:clamp(38px,4vw,52px);height:clamp(38px,4vw,52px);padding:0;border:0;display:grid;place-items:center;color:#132a35;background:transparent}.song-secondary-actions button.active{color:#ec3656}.song-secondary-actions button:last-child.active{color:#0879c8}.song-secondary-actions .material-symbols-outlined,.song-lyrics-symbol{font-size:clamp(27px,3.2vw,40px);font-weight:900}.song-lyrics-symbol{line-height:1}.song-transport-actions{gap:clamp(28px,4vw,52px)}.song-transport-actions button{width:clamp(58px,6.4vw,82px);height:clamp(58px,6.4vw,82px);padding:0;border:0;border-radius:999px;display:grid;place-items:center;color:#fff;background:#4daaf2;box-shadow:0 7px #2389d8,0 12px 22px #157ac233;transition:transform .12s ease,filter .12s ease}.song-transport-actions button:active{transform:translateY(4px);filter:brightness(1.06);box-shadow:0 3px #2389d8,0 7px 16px #157ac233}.song-transport-actions .song-play-button{width:clamp(82px,8.8vw,112px);height:clamp(82px,8.8vw,112px)}.song-transport-actions .material-symbols-outlined{font-size:clamp(37px,4.7vw,58px)}.song-lyrics-panel{min-width:0;min-height:0;padding:max(54px,env(safe-area-inset-top)) clamp(42px,5vw,82px) max(34px,env(safe-area-inset-bottom));margin-left:clamp(-82px,-5vw,-44px);padding-left:clamp(92px,8vw,150px);display:flex;flex-direction:column;align-items:stretch;background:#effdfdf5;overflow:hidden}.song-lyrics-panel h1{flex:0 0 auto;margin:0 0 clamp(20px,3vh,38px);color:#111c22;font-size:clamp(28px,3.2vw,48px);line-height:1.15;font-weight:700;text-align:center}.song-lyrics-scroll{flex:1 1 auto;min-height:0;padding:34% 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.song-lyrics-scroll::-webkit-scrollbar{display:none}.song-lyrics-scroll p{margin:0 0 clamp(20px,3.2vh,42px);color:#485862;font-size:clamp(22px,2.65vw,40px);line-height:1.45;font-weight:600;text-align:center;opacity:.62;transition:color .18s ease,opacity .18s ease,transform .18s ease}.song-lyrics-scroll p.current{color:#35a6ec;opacity:1;transform:scale(1.03)}.song-lyrics-scroll p.past{opacity:.22}.song-lyrics-empty{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#72919e;text-align:center}.song-lyrics-empty .material-symbols-outlined{font-size:clamp(58px,7vw,88px);color:#54b8e8}.song-lyrics-empty strong{font-size:clamp(22px,2.4vw,34px)}.song-lyrics-empty small{font-size:clamp(14px,1.5vw,20px);font-weight:700}.song-player-notice{position:fixed;z-index:80;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%);padding:12px 24px;border-radius:999px;color:#fff;background:#142d3ae6;box-shadow:0 10px 24px #0f486233;font-size:clamp(14px,1.5vw,18px);font-weight:800}@keyframes song-record-spin{to{transform:rotate(360deg)}}@media(orientation:landscape)and (max-height:620px){.song-player-controls{gap:7px;padding-top:max(36px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.song-album-stage{width:min(25vw,29vh,210px)}.song-secondary-actions button{width:40px;height:40px}.song-transport-actions button{width:58px;height:58px}.song-transport-actions .song-play-button{width:78px;height:78px}.song-lyrics-panel{padding-top:max(42px,env(safe-area-inset-top));padding-bottom:20px}.song-lyrics-panel h1{margin-bottom:12px}.song-lyrics-scroll p{margin-bottom:16px}}@media(max-width:1100px){.songs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media(max-width:780px){.songs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media(max-width:540px){.songs-library-page{padding-inline:16px}.songs-library-header{gap:12px}.songs-page-subtitle{max-width:68vw}.songs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.stories-library-page{width:100vw;height:100vh;height:100dvh;min-height:0;padding:max(28px,env(safe-area-inset-top)) clamp(30px,3.4vw,58px) max(26px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(20px,2.6vw,38px);overflow:hidden;color:#17344a;background:#eaf8f3}.stories-library-header{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,38px)}.stories-header-title{min-width:0;display:flex;align-items:center;gap:18px}.stories-back-button,.story-reader-back{flex:0 0 auto;width:clamp(52px,5.4vw,72px);height:clamp(52px,5.4vw,72px);display:grid;place-items:center;color:#fff;text-decoration:none;border:4px solid #fff;border-radius:22px;background:#f28a3f;box-shadow:0 8px 20px #495d4a33}.stories-back-button .material-symbols-outlined,.story-reader-back .material-symbols-outlined{font-size:clamp(32px,3.5vw,48px)}.stories-library-header>div>span,.story-library-heading>div>span{color:#e26f2b;font-size:clamp(11px,1vw,15px);line-height:1;font-weight:900;letter-spacing:.16em}.stories-library-header h1{margin:3px 0 0;font-size:clamp(27px,3.2vw,46px);line-height:1}.story-level-sidebar{min-height:0;justify-self:end;padding:8px;display:flex;flex-direction:row;justify-content:center;gap:clamp(8px,1.1vw,14px);border:1px solid rgba(84,137,114,.18);border-radius:999px;background:#ffffffb8;box-shadow:0 18px 40px #2a5c481a}.story-level-sidebar button{min-height:clamp(54px,6vh,66px);padding:8px clamp(12px,1.4vw,18px);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;border:2px solid transparent;border-radius:999px;color:#527064;background:#f4fbf7;text-align:left;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.story-level-sidebar button>.material-symbols-outlined:first-child{width:clamp(34px,3.3vw,44px);height:clamp(34px,3.3vw,44px);display:grid;place-items:center;border-radius:50%;color:#fff;background:#72bf8e;font-size:clamp(21px,2vw,27px)}.story-level-sidebar button.active{color:#173c2f;border-color:#ffc269;background:#fff7e8;box-shadow:0 9px 22px #c57d2026;transform:translateY(-2px)}.story-level-sidebar button.active>.material-symbols-outlined:first-child{background:#f28a3f}.story-level-copy{display:flex;flex-direction:column;gap:4px}.story-level-copy strong{font-size:clamp(16px,1.65vw,22px)}.story-level-copy small{font-size:clamp(10px,.95vw,13px);font-weight:800;opacity:.72}.story-level-arrow{display:none}.story-library-content{min-width:0;min-height:0;padding:clamp(18px,2.2vw,32px);border:1px solid rgba(84,137,114,.16);border-radius:36px;background:#fffc;box-shadow:0 18px 46px #2a5c481a;overflow-y:auto}.story-library-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:clamp(16px,2.4vh,28px)}.story-library-heading h2{margin:4px 0 0;color:#173c2f;font-size:clamp(24px,2.7vw,40px);line-height:1}.story-library-heading p{margin:0;color:#688176;font-size:clamp(12px,1.25vw,17px);font-weight:700}.story-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,34px);align-items:start}.story-library-message{min-height:52%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#607b70;font-size:clamp(17px,1.8vw,25px);font-weight:900}.story-library-message.error{color:#9a4d1f}.story-library-message button{padding:10px 20px;border:0;border-radius:999px;color:#fff;background:#318b68;font-weight:900}.story-book-card{min-width:0;display:block;aspect-ratio:16 / 10;color:inherit;text-decoration:none;border:1px solid rgba(55,112,88,.18);border-radius:27px;background:#fff;box-shadow:0 13px 28px #2c594621;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.story-book-card:active{transform:translateY(4px) scale(.99);box-shadow:0 7px 16px #2c594624}.story-cover-wrap{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.story-cover-wrap img{display:block;width:100%;height:100%;object-fit:cover}.story-resource-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#103a3094;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-resource-loader-card{width:min(420px,78vw);padding:30px 34px 26px;display:flex;flex-direction:column;align-items:center;border:3px solid rgba(255,255,255,.8);border-radius:30px;color:#173c2f;background:#fffdf6;box-shadow:0 22px 60px #0d36294d}.story-resource-loader-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#45a97d;font-size:38px;animation:story-download-bounce 1.1s ease-in-out infinite}.story-resource-loader-card.error .story-resource-loader-icon{background:#e57257;animation:none}.story-resource-loader-card h2{margin:16px 0 5px;font-size:26px}.story-resource-loader-card p,.story-resource-loader-card small{margin:0;color:#668077;font-weight:700;text-align:center}.story-resource-progress{width:100%;height:13px;margin:20px 0 10px;overflow:hidden;border-radius:999px;background:#dcebe5}.story-resource-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52bd8c,#f1b94d);transition:width .18s ease}.story-resource-loader-card strong{margin-bottom:4px;color:#318b68;font-size:24px}.story-resource-loader-actions{margin-top:22px;display:flex;gap:12px}.story-resource-loader-actions button{min-width:120px;padding:11px 18px;border:0;border-radius:999px;color:#fff;background:#318b68;font-size:15px;font-weight:900}.story-resource-loader-actions button.secondary{color:#45665a;background:#e4eee9}@keyframes story-download-bounce{50%{transform:translateY(-5px)}}.story-reader-page{position:relative;width:100vw;height:100vh;height:100dvh;min-height:0;overflow:hidden;color:#fff;background:#17354a}.story-reader-background,.story-reader-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.story-reader-background{z-index:0;object-fit:cover}.story-page-enter-active,.story-page-leave-active{transition:opacity .3s ease}.story-page-enter-from,.story-page-leave-to{opacity:0}.story-reader-shade{z-index:1;background:#05131824;pointer-events:none}.story-reader-header{position:absolute;z-index:3;left:max(30px,env(safe-area-inset-left));top:max(28px,env(safe-area-inset-top));display:flex;align-items:center;gap:clamp(16px,2vw,28px)}.story-reader-title{text-shadow:0 3px 8px rgba(5,19,24,.72)}.story-reader-title span{font-size:clamp(11px,1vw,14px);font-weight:900;letter-spacing:.14em}.story-reader-title h1{margin:2px 0 0;max-width:48vw;font-size:clamp(24px,2.8vw,42px);line-height:1.05}.story-reading-modes{position:absolute;z-index:4;right:max(34px,env(safe-area-inset-right));top:max(31px,env(safe-area-inset-top));padding:5px;display:inline-flex;align-items:center;gap:5px;border:2px solid rgba(255,255,255,.92);border-radius:20px;background:#fffae5f0;box-shadow:0 6px 18px #18272338}.story-reading-modes button{min-height:48px;padding:9px clamp(10px,1.2vw,18px);display:inline-flex;align-items:center;justify-content:center;gap:7px;border:2px solid transparent;border-radius:14px;color:#66766b;background:transparent;font-size:clamp(14px,1.4vw,19px);font-weight:900;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.story-reading-modes button.active{color:#6f4316;background:#ffd45f;border-color:#fff4b7;box-shadow:0 3px #dda528}.story-reading-modes button:focus-visible{outline:3px solid #ef8640;outline-offset:2px}.story-center-play{position:absolute;z-index:4;left:50%;top:49%;width:clamp(76px,8vw,112px);height:clamp(76px,8vw,112px);padding:0;display:grid;place-items:center;transform:translate(-50%,-50%);border:5px solid rgba(255,255,255,.9);border-radius:999px;color:#fff;background:#113430a8;box-shadow:0 12px 30px #04131647}.story-center-play:active{transform:translate(-50%,-46%) scale(.96)}.story-center-play .material-symbols-outlined{font-size:clamp(46px,5.3vw,72px)}.story-page-nav{position:absolute;z-index:4;top:50%;width:clamp(48px,5vw,70px);height:clamp(70px,9vh,100px);padding:0;display:grid;place-items:center;transform:translateY(-50%);border:3px solid rgba(255,255,255,.78);border-radius:22px;color:#fff;background:#1134308a;box-shadow:0 8px 22px #05141833}.story-page-nav.previous{left:max(28px,env(safe-area-inset-left))}.story-page-nav.next{right:max(28px,env(safe-area-inset-right))}.story-page-nav .material-symbols-outlined{font-size:clamp(36px,4vw,54px)}.story-caption-panel{position:absolute;z-index:3;left:12%;right:12%;bottom:clamp(88px,14vh,150px);text-align:center;text-shadow:0 3px 4px rgba(5,19,35,.92),0 0 12px rgba(5,19,35,.82)}.story-caption-panel p{margin:0;color:#fff;font-size:clamp(25px,3.4vw,51px);line-height:1.15;font-weight:900;-webkit-text-stroke:0;text-shadow:-2px -2px 0 #e8752f,0 -2px 0 #e8752f,2px -2px 0 #e8752f,-2px 0 0 #e8752f,2px 0 0 #e8752f,-2px 2px 0 #e8752f,0 2px 0 #e8752f,2px 2px 0 #e8752f,0 4px 8px rgba(45,26,15,.74)}.story-caption-panel small{display:block;margin-top:10px;color:#fff;font-size:clamp(14px,1.55vw,22px);font-weight:800;-webkit-text-stroke:0}.story-reader-controls{position:absolute;z-index:4;left:max(34px,env(safe-area-inset-left));right:max(34px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:clamp(24px,3vw,44px)}.story-timeline-block{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:7px}.story-page-steps{width:100%;min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:clamp(7px,.8vw,12px)}.story-page-steps button{height:8px;flex:1 1 0;padding:0;border:0;border-radius:999px;background:#ffffffa8;box-shadow:0 2px 5px #0514182e}.story-page-steps button.completed{background:#ff9a42}.story-page-steps button.active{height:12px;background:#ffd45f;box-shadow:0 0 0 3px #ffffff80}.story-timeline-row{min-width:0;display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:clamp(12px,1.5vw,22px);color:#fff;font-size:clamp(13px,1.4vw,19px);font-weight:900;text-shadow:0 2px 5px rgba(5,20,24,.9)}.story-reader-notice{position:absolute;z-index:10;left:50%;bottom:17%;transform:translate(-50%);padding:10px 20px;border-radius:999px;color:#fff;background:#113430e6;font-size:clamp(13px,1.2vw,17px);font-weight:900}.story-timeline-row input{width:100%;height:28px;accent-color:#ff8b37}.story-reader-tools{flex:0 0 auto;display:flex;align-items:end;gap:16px}.story-reader-tools button{min-width:clamp(75px,7vw,104px);min-height:66px;padding:7px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid rgba(255,255,255,.74);border-radius:18px;color:#fff;background:#1134309e;text-shadow:0 2px 4px rgba(5,20,24,.7)}.story-reader-tools button.active{color:#163f35;background:#ffd45f;text-shadow:none}.story-reader-tools .material-symbols-outlined,.story-reader-tools .tool-value{font-size:clamp(21px,2.2vw,30px);line-height:1;font-weight:900}.story-reader-tools small{font-size:clamp(10px,.95vw,13px);font-weight:900}.story-not-found{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#284a3d;background:#eaf8f3}.story-not-found .material-symbols-outlined{font-size:74px;color:#f28a3f}.story-not-found h1{margin:0}.story-reader-loading-icon{animation:story-book-float 1.25s ease-in-out infinite}.story-reader-loading h1{display:flex;align-items:flex-end}.story-reader-loading>p,.story-reader-loading>small{margin:0;color:#668077;font-weight:800}.story-reader-load-progress{width:min(420px,72vw);height:14px;overflow:hidden;border-radius:999px;background:#cfe5dc;box-shadow:inset 0 2px 4px #1e4f3e1f}.story-reader-load-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#45a97d,#f1b94d);transition:width .18s ease}.story-reader-loading>strong{color:#318b68;font-size:24px}.story-loading-dots{display:inline-flex;gap:4px;margin:0 0 6px 7px}.story-loading-dots i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:story-dot-bounce 1s ease-in-out infinite}.story-loading-dots i:nth-child(2){animation-delay:.15s}.story-loading-dots i:nth-child(3){animation-delay:.3s}@keyframes story-book-float{50%{transform:translateY(-9px) rotate(-4deg)}}@keyframes story-dot-bounce{0%,60%,to{transform:translateY(0);opacity:.38}30%{transform:translateY(-7px);opacity:1}}.story-not-found a{padding:12px 22px;border-radius:999px;color:#fff;background:#318b68;font-weight:900;text-decoration:none}@media(orientation:landscape)and (max-height:620px){.stories-library-page{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));gap:16px 24px}.stories-back-button{width:50px;height:50px;border-radius:17px}.story-level-sidebar button{min-height:70px}.story-library-content{padding:16px 20px}.story-library-heading{margin-bottom:12px}.story-caption-panel{bottom:90px}.story-reader-controls{bottom:max(12px,env(safe-area-inset-bottom))}.story-reader-tools button{min-height:56px}}@media(orientation:landscape){html.platform-android-native .app-mobile .home-brand-title.logo-title{top:43%!important;width:min(38vw,380px)!important;transform:translate(-50%,-50%)!important}html.platform-android-native .app-mobile .home-brand-logo{max-height:78px!important}}.app-mobile .login-page{align-items:center;justify-content:center;overflow-y:auto}.app-mobile .login-card{width:min(88vw,560px);max-height:calc(100dvh - max(28px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)));padding:clamp(24px,4vh,38px) clamp(26px,5vw,44px);display:flex;flex-direction:column;align-items:stretch;gap:0;overflow-y:auto}.app-mobile .login-header{grid-area:auto;margin-bottom:clamp(20px,3vh,30px)}.app-mobile .login-logo-wrap{width:min(68%,260px);margin:0 auto clamp(12px,2vh,18px)}.app-mobile .login-header p{margin:0;font-size:clamp(16px,2.4vw,20px)}.app-mobile .login-form{grid-area:auto;width:100%;gap:14px}.app-mobile .login-footer{grid-area:auto;margin-top:24px}@media(orientation:landscape){.app-mobile .login-card{width:min(58vw,560px);padding:clamp(16px,2.6vh,26px) clamp(26px,3vw,40px)}.app-mobile .login-header{margin-bottom:clamp(12px,2vh,20px)}.app-mobile .login-logo-wrap{width:min(48%,210px);margin-bottom:8px}.app-mobile .login-header p{font-size:clamp(14px,1.4vw,17px)}.app-mobile .login-form{gap:9px}.app-mobile .login-footer{margin-top:14px}}@media(orientation:landscape)and (max-height:520px){.app-mobile .login-card{width:min(62vw,540px);padding-top:14px;padding-bottom:14px}.app-mobile .login-logo-wrap{width:min(38%,165px);margin-bottom:4px}.app-mobile .login-header{margin-bottom:9px}.app-mobile .login-footer{display:none}}@media(max-width:420px){.app-mobile .login-card{width:min(92vw,390px);padding-right:18px;padding-left:18px}.app-mobile .country-code{min-width:70px;padding:0 8px}.app-mobile .code-label{min-width:64px;padding:0 6px;font-size:16px}.app-mobile .login-input{padding-right:4px;padding-left:4px;font-size:16px}.app-mobile .send-btn{min-width:84px;padding:0 4px;font-size:14px}}[data-tap-feedback]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}[data-tap-feedback]:not(:disabled):not([aria-disabled=true]):active{scale:.95;filter:brightness(.94)}[data-tap-feedback].is-tap-feedback{animation:control-tap-feedback .24s ease-out both}[data-tap-feedback][aria-busy=true]{cursor:wait}[data-tap-feedback]:focus-visible{outline:3px solid #2589ff;outline-offset:4px}@keyframes control-tap-feedback{0%,to{scale:1;filter:brightness(1)}35%{scale:.93;filter:brightness(.94)}72%{scale:1.025;filter:brightness(1.07)}}@media(prefers-reduced-motion:reduce){[data-tap-feedback]:not(:disabled):not([aria-disabled=true]):active{scale:none}[data-tap-feedback].is-tap-feedback{animation:none;scale:none;filter:brightness(.94)}}