.sidebar[data-v-e0176ceb]{width:232px;flex-shrink:0;height:100%;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:28px 16px 20px}.brand[data-v-e0176ceb]{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;flex-shrink:0}.brand-mark[data-v-e0176ceb]{width:34px;height:34px;border-radius:9px;background:var(--yellow);color:var(--text);display:grid;place-items:center;font-size:17px;font-weight:700}.brand-name[data-v-e0176ceb]{font-size:14.5px;font-weight:700;letter-spacing:.2px}.brand-sub[data-v-e0176ceb]{font-size:11.5px;color:var(--text-3)}.nav[data-v-e0176ceb]{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:2px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.nav[data-v-e0176ceb]::-webkit-scrollbar{width:6px}.nav[data-v-e0176ceb]::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.nav-group-wrap[data-v-e0176ceb]{display:flex;flex-direction:column}.nav-group[data-v-e0176ceb]{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:30px;padding:10px 12px 4px;font-size:11px;color:var(--text-3);letter-spacing:.5px;text-align:left}.nav-group[data-v-e0176ceb]:hover{color:var(--text-2)}.nav-group-label[data-v-e0176ceb]{flex:1}.chevron[data-v-e0176ceb]{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease;color:var(--text-3)}.nav-group-wrap.open .chevron[data-v-e0176ceb]{transform:rotate(90deg)}.nav-group-items[data-v-e0176ceb]{max-height:0;overflow:hidden;visibility:hidden;transition:max-height .22s ease,visibility 0s linear .22s;display:flex;flex-direction:column;gap:2px}.nav-group-wrap.open .nav-group-items[data-v-e0176ceb]{max-height:220px;visibility:visible;transition:max-height .22s ease}.nav-item[data-v-e0176ceb]{display:flex;align-items:center;gap:12px;height:38px;padding:0 12px;border-radius:8px;color:var(--text-2);font-size:13.5px;font-weight:500;transition:background .15s,color .15s}.nav-item[data-v-e0176ceb]:hover{background:var(--surface-2);color:var(--text)}.nav-item.active[data-v-e0176ceb]{background:var(--yellow);color:var(--text);box-shadow:0 4px 12px #e6b52c22;font-weight:700}.nav-icon[data-v-e0176ceb]{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:var(--icon-bg);color:var(--icon-color)}.nav-icon svg[data-v-e0176ceb]{width:22px;height:22px}.subject-pinyin[data-v-e0176ceb]{--icon-bg: #fff0e5;--icon-color: #ac5930}.subject-hanzi[data-v-e0176ceb]{--icon-bg: #eaf3ec;--icon-color: #3f785d}.subject-math[data-v-e0176ceb]{--icon-bg: #fff3cc;--icon-color: #936000}.subject-english[data-v-e0176ceb]{--icon-bg: #eaf1f7;--icon-color: #496d90}.subject-report[data-v-e0176ceb]{--icon-bg: #f1edf7;--icon-color: #77608c}.nav-item.active .nav-icon[data-v-e0176ceb]{background:#fff4c8;color:var(--text)}.sidebar-foot[data-v-e0176ceb]{flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:12px 8px 4px;border-top:1px solid var(--border)}.student[data-v-e0176ceb]{display:flex;align-items:center;gap:10px}.avatar[data-v-e0176ceb]{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:14px;font-weight:600}.student-name[data-v-e0176ceb]{font-size:13.5px;font-weight:600}.student-grade[data-v-e0176ceb]{font-size:11.5px;color:var(--text-3)}.logout[data-v-e0176ceb]{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:8px;color:var(--text-3);font-size:12.5px;transition:background .15s,color .15s}.logout[data-v-e0176ceb]:hover{background:var(--red-soft);color:var(--red)}.menu-toggle[data-v-e0176ceb]{display:none}.desktop-toggle[data-v-e0176ceb]{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;flex-shrink:0;padding:0 8px;margin-bottom:12px;border:1px solid var(--border);border-radius:12px;color:var(--text-2);background:var(--surface-2);font-size:12px}.desktop-toggle[data-v-e0176ceb]:hover{background:var(--accent-soft);color:var(--text)}@media (min-width: 761px){.sidebar[data-v-e0176ceb]{transition:width .22s ease,padding .22s ease}.sidebar.desktop-collapsed[data-v-e0176ceb]{width:72px;padding:28px 10px 20px}.desktop-collapsed .brand[data-v-e0176ceb],.desktop-collapsed .nav-group[data-v-e0176ceb],.desktop-collapsed .nav-label[data-v-e0176ceb],.desktop-collapsed .student[data-v-e0176ceb],.desktop-collapsed .logout span[data-v-e0176ceb]{display:none}.desktop-collapsed .nav[data-v-e0176ceb]{padding:0 3px;gap:8px}.desktop-collapsed .nav-group-wrap[data-v-e0176ceb]{flex-shrink:0}.desktop-collapsed .nav-group-wrap+.nav-group-wrap[data-v-e0176ceb]{border-top:1px solid var(--border);padding-top:8px}.desktop-collapsed .nav-group-items[data-v-e0176ceb]{max-height:none;overflow:visible;visibility:visible;transition:none;gap:4px}.desktop-collapsed .nav-item[data-v-e0176ceb]{min-height:44px;padding:0;justify-content:center;border-radius:12px}.desktop-collapsed .sidebar-foot[data-v-e0176ceb]{padding:10px 3px 0;margin-top:10px}.desktop-collapsed .logout[data-v-e0176ceb]{min-height:44px;padding:0;justify-content:center}}@media (max-width: 760px){.desktop-toggle[data-v-e0176ceb]{display:none}.sidebar[data-v-e0176ceb]{width:100%;height:auto;max-height:75dvh;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-right:0;border-bottom:1px solid var(--border);flex-shrink:0}.brand[data-v-e0176ceb]{padding:0}.brand-sub[data-v-e0176ceb]{font-size:10px}.menu-toggle[data-v-e0176ceb]{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:12px;background:var(--accent-soft);color:var(--text);font-weight:600}.menu-toggle span[data-v-e0176ceb]{font-size:20px}.nav[data-v-e0176ceb],.sidebar-foot[data-v-e0176ceb]{display:none}.mobile-open .nav[data-v-e0176ceb]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1 / -1;max-height:42dvh;overflow-y:auto;gap:8px}.nav-group[data-v-e0176ceb]{min-height:44px;padding:8px 12px}.nav-item[data-v-e0176ceb]{min-height:44px}.mobile-open .sidebar-foot[data-v-e0176ceb]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;grid-column:1 / -1;padding:8px 0 0}.logout[data-v-e0176ceb]{min-height:44px}}.welcome-banner[data-v-4e5d51af]{display:flex;justify-content:space-between;align-items:center;min-height:155px;margin:28px 32px 0;padding:26px 32px;border:1px solid #f1dfaa;border-radius:24px;background:linear-gradient(110deg,#fff0bd,#fff8e6);overflow:hidden}.welcome-kicker[data-v-4e5d51af]{font-size:10px;letter-spacing:1.7px;color:#856526;font-weight:700;margin-bottom:10px}h2[data-v-4e5d51af]{font-size:clamp(20px,2vw,27px);line-height:1.4;overflow-wrap:anywhere}.welcome-copy[data-v-4e5d51af]{font-size:13px;color:#7c6b47;margin-top:8px}.welcome-art[data-v-4e5d51af]{position:relative;height:95px;width:220px;flex-shrink:0;margin-left:20px}.abc[data-v-4e5d51af],.number[data-v-4e5d51af]{position:absolute;display:grid;place-items:center;border-radius:18px;width:78px;height:83px;font-size:32px;font-weight:800;box-shadow:0 7px #e5d09a}.abc[data-v-4e5d51af]{background:#fffdf6;transform:rotate(-12deg);left:24px;top:0;color:#be663d}.number[data-v-4e5d51af]{background:#ffcf43;transform:rotate(12deg);right:28px;top:12px;color:#735921;font-size:25px}.spark[data-v-4e5d51af]{position:absolute;right:0;top:-10px;font-size:30px;color:#679d83}.dot[data-v-4e5d51af]{position:absolute;left:0;bottom:-5px;font-size:30px;color:#bd7b36}@media (max-width: 760px){.welcome-banner[data-v-4e5d51af]{margin:18px 16px 0;padding:22px;min-height:140px}.welcome-art[data-v-4e5d51af]{display:none}.welcome-kicker[data-v-4e5d51af]{font-size:9px;letter-spacing:1px}}.trial-banner[data-v-d54d907e]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff8e1;border:1px solid #f0d99b;border-radius:12px;font-size:13px}.login-cta[data-v-d54d907e]{border:0;background:var(--accent);color:#fff;border-radius:999px;padding:6px 14px;font-weight:600;cursor:pointer}.trial-modal-backdrop[data-v-d54d907e]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;background:#283a552e}.trial-modal[data-v-d54d907e]{width:min(360px,calc(100vw - 40px));background:#fff;border-radius:20px;padding:28px;text-align:center}.trial-modal h3[data-v-d54d907e]{margin:0 0 8px;font-size:20px}.trial-modal p[data-v-d54d907e]{color:var(--text-2);margin:0 0 20px}.login[data-v-00bf95d2]{width:100%;min-height:100%;overflow-y:auto;padding:32px clamp(24px,6vw,96px) 20px;background:radial-gradient(ellipse at 24% 40%,#ffedaa 0,transparent 58%),#fffbef}.login-brand[data-v-00bf95d2]{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;max-width:1240px;margin:auto}.login-brand small[data-v-00bf95d2]{font-size:13px;font-weight:500;border-left:1px solid #d6c9ab;padding-left:12px;margin-left:10px}.brand-mark[data-v-00bf95d2]{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--yellow);font-size:23px}.login-layout[data-v-00bf95d2]{max-width:1160px;min-height:calc(100dvh - 150px);margin:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(40px,6vw,100px);padding:42px 0}.eyebrow[data-v-00bf95d2]{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:1px}.eyebrow i[data-v-00bf95d2]{width:7px;height:7px;border-radius:50%;background:var(--orange)}h1[data-v-00bf95d2]{font-size:clamp(38px,4.3vw,64px);line-height:1.3;letter-spacing:-2px;margin:20px 0}.story-highlight[data-v-00bf95d2]{position:relative;z-index:0;white-space:nowrap}.story-highlight[data-v-00bf95d2]:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:15px;background:var(--yellow);z-index:-1;border-radius:50%;transform:rotate(-2deg)}.story-copy[data-v-00bf95d2]{color:var(--text-2);font-size:16px;line-height:1.9}.learning-scene[data-v-00bf95d2]{height:210px;max-width:470px;position:relative;margin:24px 0 12px}.sun[data-v-00bf95d2]{position:absolute;width:116px;height:116px;border-radius:50%;background:#ffcb37;right:60px;top:0;display:grid;place-items:center;color:#805627;font-size:65px;transform:rotate(12deg)}.sun[data-v-00bf95d2]:before,.sun[data-v-00bf95d2]:after{content:"";width:6px;height:10px;background:#805627;border-radius:50%;position:absolute;top:40px}.sun[data-v-00bf95d2]:before{left:39px}.sun[data-v-00bf95d2]:after{right:39px}.letter-tile[data-v-00bf95d2],.math-tile[data-v-00bf95d2]{position:absolute;padding:12px 24px;background:#fffdf7;border:1px solid #edd9a4;box-shadow:0 10px #efddb4;border-radius:22px;text-align:center;font-weight:750}.letter-tile[data-v-00bf95d2]{top:12px;left:28px;transform:rotate(-12deg);font-size:68px;color:#bc663c;line-height:1.15}.letter-tile span[data-v-00bf95d2],.math-tile span[data-v-00bf95d2]{display:block;font-size:12px;line-height:2;letter-spacing:2px}.math-tile[data-v-00bf95d2]{bottom:26px;left:8px;transform:rotate(5deg);font-size:30px;background:#ffe28a}.book[data-v-00bf95d2]{position:absolute;right:25px;bottom:30px;display:flex;transform:rotate(9deg);filter:drop-shadow(0 12px 0 #d7dac5)}.book span[data-v-00bf95d2]{background:#619e86;color:#fff;width:100px;height:122px;display:grid;place-content:center;text-align:center;font-weight:700;border-radius:8px 2px 2px 14px;font-size:29px;border-right:2px solid #498670}.book span+span[data-v-00bf95d2]{border-radius:2px 8px 14px 2px;background:#76b098;font-size:17px;border:0}.scene-star[data-v-00bf95d2]{position:absolute;font-size:38px;color:#db8147}.star-one[data-v-00bf95d2]{left:0;top:-12px}.star-two[data-v-00bf95d2]{right:0;top:73px}.scene-note[data-v-00bf95d2]{position:absolute;bottom:-4px;left:100px;border:1px solid #ebdfc3;border-radius:100px;background:#fffdf8;padding:10px 16px;font-size:12px;transform:rotate(-3deg)}.scene-note span[data-v-00bf95d2]{color:#3e8064;margin-left:14px}.login-card[data-v-00bf95d2]{padding:clamp(28px,3.2vw,48px);background:#ffffffed;border:1px solid #fff;border-radius:30px;box-shadow:0 20px 80px #84632212}.welcome-icon[data-v-00bf95d2]{background:#fff3cf;color:#bf762e;border-radius:16px;width:52px;height:52px;display:grid;place-items:center;font-size:30px;margin-bottom:24px}.card-kicker[data-v-00bf95d2]{color:var(--text-2);font-size:13px;margin-bottom:8px}h2[data-v-00bf95d2]{font-size:clamp(23px,2vw,28px);letter-spacing:-.6px}.sub[data-v-00bf95d2]{font-size:13px;color:var(--text-2);line-height:1.8;margin:12px 0 28px}.field[data-v-00bf95d2]{display:block;margin-bottom:20px}.field>span[data-v-00bf95d2]{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.field small[data-v-00bf95d2]{font-weight:400;color:var(--text-3);margin-left:6px}.input[data-v-00bf95d2]{height:50px;background:#fffdf8;border-color:var(--border)}.login-btn[data-v-00bf95d2]{width:100%;min-height:52px;justify-content:space-between;padding:0 20px;font-size:15px;margin-top:10px}.login-btn span[data-v-00bf95d2]{font-size:23px}.err[data-v-00bf95d2]{font-size:13px;color:var(--red);margin-bottom:12px}.story-qr[data-v-00bf95d2]{display:flex;align-items:center;gap:18px;max-width:500px;margin-top:26px;padding:16px 18px;border:2px solid rgba(7,193,96,.5);border-radius:22px;background:#fff;box-shadow:0 16px 44px #07c16026}.story-qr-img[data-v-00bf95d2]{width:104px;height:auto;flex-shrink:0;border-radius:12px;background:#fff}.story-qr-copy[data-v-00bf95d2]{min-width:0}.story-qr-eyebrow[data-v-00bf95d2]{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:1px;color:#07c160;margin:0 0 6px}.story-qr-eyebrow[data-v-00bf95d2]:before{content:"";width:7px;height:7px;border-radius:50%;background:#07c160}.story-qr-title[data-v-00bf95d2]{font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0 0 6px}.story-qr-text[data-v-00bf95d2]{font-size:13px;color:var(--text-2);line-height:1.7;margin:0}.login-footer[data-v-00bf95d2]{text-align:center;font-size:11px;color:var(--text-3);letter-spacing:1px}@media (max-width: 900px){.login-layout[data-v-00bf95d2]{gap:32px}.learning-scene[data-v-00bf95d2]{transform:scale(.88);transform-origin:left center}.story-qr[data-v-00bf95d2]{gap:14px;padding:14px 16px}.story-qr-img[data-v-00bf95d2]{width:92px}}@media (max-width: 760px){.login[data-v-00bf95d2]{padding:22px 20px}.login-layout[data-v-00bf95d2]{grid-template-columns:1fr;gap:22px;padding:32px 0 24px;max-width:460px;min-height:auto}.login-brand[data-v-00bf95d2]{max-width:460px;font-size:18px}.login-brand small[data-v-00bf95d2]{font-size:11px}h1[data-v-00bf95d2]{font-size:38px;margin:14px 0}.story-copy[data-v-00bf95d2]{font-size:14px}.learning-scene[data-v-00bf95d2]{display:none}.story-qr[data-v-00bf95d2]{margin-top:20px}.login-card[data-v-00bf95d2]{padding:26px 22px;border-radius:24px}.welcome-icon[data-v-00bf95d2]{display:none}.sub[data-v-00bf95d2]{margin-bottom:22px}.login-footer[data-v-00bf95d2]{font-size:10px}}.learning-inline[data-v-806f6a82]{width:100%;min-width:0}.learning-tabs[data-v-806f6a82]{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.learning-tabs button[data-v-806f6a82]{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border-radius:10px;background:transparent;color:var(--text-2);font-size:13px;font-weight:600;transition:background .15s,color .15s}.learning-tabs button[data-v-806f6a82]:hover{background:var(--accent-soft);color:var(--accent)}.learning-tabs button.active[data-v-806f6a82]{background:var(--accent);color:#fff}.learning-tabs button[data-v-806f6a82]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.learning-lyrics[data-v-806f6a82]{position:fixed;left:0;right:0;bottom:0;z-index:100;pointer-events:none;padding:32px 20px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(16,40,64,.62));text-align:center}.learning-subtitle[data-v-806f6a82]{margin:0 auto;max-width:1000px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:clamp(18px,2.3vw,26px);font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}@media (max-width: 760px){.learning-tabs button[data-v-806f6a82]{min-height:44px}}.pinyin[data-v-9bd87ffb]{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}.pinyin[data-v-9bd87ffb]:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.pinyin.active[data-v-9bd87ffb]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #2f6fed24}.pinyin.active .card-pinyin[data-v-9bd87ffb]{animation:pulse-9bd87ffb .9s ease-in-out infinite}@keyframes pulse-9bd87ffb{0%,to{opacity:1}50%{opacity:.4}}.pinyin.auto[data-v-9bd87ffb]{flex-direction:column;align-items:center;justify-content:center;gap:0;padding:24px}.pinyin[data-v-9bd87ffb]:not(.auto){flex-direction:column;align-items:stretch;gap:0;padding:14px 16px 12px}.card-top[data-v-9bd87ffb]{display:flex;justify-content:flex-end;margin-bottom:2px}.card-status[data-v-9bd87ffb]{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600}.card-status-ic[data-v-9bd87ffb]{font-style:normal;font-weight:700}.card-main[data-v-9bd87ffb]{display:flex;align-items:center;gap:12px;min-height:64px}.card-pinyin[data-v-9bd87ffb]{flex:1;min-width:0;font-size:42px;line-height:1;font-weight:700;color:var(--text);letter-spacing:0;white-space:nowrap}.card-actions[data-v-9bd87ffb]{flex:0 0 auto;display:flex;flex-direction:column;gap:5px}.card-primary-actions[data-v-9bd87ffb]{display:flex;justify-content:flex-end;gap:7px}.cact[data-v-9bd87ffb]{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border-radius:10px;background:transparent;color:var(--text-2);font-size:13px;font-weight:600;transition:background .15s,color .15s}.cact[data-v-9bd87ffb]:hover{background:var(--accent-soft);color:var(--accent)}.cact.primary[data-v-9bd87ffb]{color:var(--accent)}.card-foot[data-v-9bd87ffb]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:9px;border-top:1px solid var(--border)}.card-ref[data-v-9bd87ffb]{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-ref b[data-v-9bd87ffb]{color:var(--text);font-weight:700}.card-foot-btns[data-v-9bd87ffb]{display:flex;align-items:center;gap:2px;flex-shrink:0}.cmini[data-v-9bd87ffb]{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 7px;border-radius:8px;color:var(--text-2);font-size:12px;transition:background .15s,color .15s}.cmini[data-v-9bd87ffb]:hover{background:var(--accent-soft);color:var(--accent)}.rec-backdrop[data-v-9bd87ffb]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#283a552e;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.rec-modal[data-v-9bd87ffb]{width:min(490px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;background:#fffdf5;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,.85);border-radius:30px;box-shadow:0 24px 80px #182c4933,inset 0 1px #fff9;padding:28px;text-align:center}.rec-head[data-v-9bd87ffb]{display:flex;align-items:center;justify-content:space-between;gap:12px}.rec-title[data-v-9bd87ffb]{font-size:20px;font-weight:700}.rec-close[data-v-9bd87ffb]{width:36px;height:36px;border-radius:50%;background:#73829b12;color:var(--text-2);font-size:23px;line-height:1}.rec-close[data-v-9bd87ffb]:hover{background:#73829b24}.rec-sub[data-v-9bd87ffb]{font-size:13px;color:var(--text-2);line-height:1.8;margin:16px 0 20px}.rec-ring[data-v-9bd87ffb]{position:relative;width:220px;height:220px;margin:22px auto 20px;display:grid;place-items:center;border-radius:50%;background:#ffffff3b}.rec-ring svg[data-v-9bd87ffb]{position:absolute;top:0;right:0;bottom:0;left:0;width:220px;height:220px;fill:none;stroke-width:7;transform:rotate(-90deg);overflow:visible}.rec-ring-track[data-v-9bd87ffb]{stroke:#8395af22}.rec-ring-progress[data-v-9bd87ffb]{stroke:#8395af22;stroke-linecap:round;transition:stroke-dashoffset .08s linear}.rec-ring.is-recording .rec-ring-progress[data-v-9bd87ffb]{stroke:var(--orange)}.rec-ring.is-finished .rec-ring-progress[data-v-9bd87ffb]{stroke:#54a78b}.rec-ring-pinyin[data-v-9bd87ffb]{font-family:Century Gothic,Trebuchet MS,sans-serif;font-size:88px;font-weight:600;line-height:1;color:var(--accent);padding-bottom:7px}.rec-feedback[data-v-9bd87ffb]{text-align:center;height:66px}.rec-state[data-v-9bd87ffb]{min-height:22px;margin:0 0 7px;color:var(--text-2);font-size:14px}.rec-state.live[data-v-9bd87ffb]{color:var(--accent)}.rec-state.live[data-v-9bd87ffb]:before{content:"";display:inline-block;background:var(--orange);width:7px;height:7px;border-radius:50%;margin-right:8px;animation:pulse-9bd87ffb 1s infinite}.rec-time[data-v-9bd87ffb]{font-size:14px;margin:0;color:var(--text-3);line-height:22px;font-variant-numeric:tabular-nums}.rec-start[data-v-9bd87ffb]{width:220px;height:48px;margin:14px auto 0;padding:0 16px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff;border:1px solid #ffffff50;border-radius:15px;background:var(--accent);box-shadow:0 5px 15px #3478d91a}.rec-start[data-v-9bd87ffb]:disabled{opacity:.55}.rec-result[data-v-9bd87ffb]{height:53px;display:flex;justify-content:center;align-items:flex-end}.rec-listen[data-v-9bd87ffb]{height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--accent);font-size:13px;font-weight:500}.rec-listen[data-v-9bd87ffb]:hover{background:#f4f7ff}@media (max-width: 760px){.pinyin.auto[data-v-9bd87ffb]{padding:8px}.rec-modal[data-v-9bd87ffb]{padding:20px 14px}.cact[data-v-9bd87ffb],.cmini[data-v-9bd87ffb]{min-height:44px}.card-foot[data-v-9bd87ffb]{flex-wrap:wrap;gap:8px}}.score[data-v-e7428b08]{display:inline-flex;align-items:center;gap:6px}.score-num[data-v-e7428b08]{font-size:13px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.overlay[data-v-c6e026af]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#10182866;display:grid;place-items:center}.modal[data-v-c6e026af]{width:min(420px,calc(100vw - 32px));max-height:80vh;display:flex;flex-direction:column}.modal-head[data-v-c6e026af]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-title[data-v-c6e026af]{font-size:15px;font-weight:600}.close[data-v-c6e026af]{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--text-2)}.close[data-v-c6e026af]:hover{background:var(--surface-2)}.modal-body[data-v-c6e026af]{padding:12px 20px 20px;overflow-y:auto}.hist[data-v-c6e026af]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.hist-row[data-v-c6e026af]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2)}.hist-time[data-v-c6e026af]{font-size:12.5px;color:var(--text-2);font-variant-numeric:tabular-nums}.hist-row .btn[data-v-c6e026af]{margin-left:auto}.del[data-v-c6e026af]{color:var(--red)}.del[data-v-c6e026af]:hover{background:var(--red-soft)}.study-pane.has-subtitle[data-v-d7a5abd1],.study-pane[data-v-d7a5abd1]:has(.has-subtitle){padding-bottom:240px}@media (max-width: 760px){.study-pane.has-subtitle[data-v-d7a5abd1],.study-pane[data-v-d7a5abd1]:has(.has-subtitle){padding-bottom:260px}}.learning-lyrics[data-v-d7a5abd1]{position:fixed;left:0;right:0;bottom:0;z-index:100;pointer-events:none;padding:32px 20px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(16,40,64,.62));text-align:center}.learning-subtitle[data-v-d7a5abd1]{margin:0 auto;max-width:1000px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:clamp(18px,2.3vw,26px);font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}.head[data-v-d7a5abd1]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px;flex-wrap:wrap;position:sticky;top:0;z-index:20;background:var(--bg);padding:8px 2px 12px}.play-btns[data-v-d7a5abd1]{display:flex;align-items:center;gap:8px;flex-shrink:0}.page-title[data-v-d7a5abd1]{font-size:20px;font-weight:700;letter-spacing:.2px}.cat[data-v-d7a5abd1]{padding:18px 20px}.cat-head[data-v-d7a5abd1]{display:flex;align-items:center;gap:8px;margin-bottom:14px}.cat-dot[data-v-d7a5abd1]{width:9px;height:9px;border-radius:50%}.cat-name[data-v-d7a5abd1]{font-size:15px;font-weight:600}.cat-count[data-v-d7a5abd1]{font-size:12.5px;color:var(--text-3)}.group[data-v-d7a5abd1]{margin-bottom:16px}.group[data-v-d7a5abd1]:last-child{margin-bottom:0}.group-name[data-v-d7a5abd1]{font-size:13px;color:var(--text-2);margin-bottom:8px}.grid[data-v-d7a5abd1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:12px}.side-card[data-v-d7a5abd1]{padding:16px}.side-title[data-v-d7a5abd1]{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:10px}.pane-side[data-v-d7a5abd1]{transition:width .25s ease}.pane-side.collapsed[data-v-d7a5abd1]{width:44px}.side-toggle[data-v-d7a5abd1]{align-self:flex-end;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);flex-shrink:0}.side-toggle[data-v-d7a5abd1]:hover{background:var(--surface-2);color:var(--text)}.cat-link[data-v-d7a5abd1]{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 8px;border-radius:8px;font-size:13.5px;color:var(--text);transition:background .15s}.cat-link[data-v-d7a5abd1]:hover{background:var(--surface-2)}.cat-link .muted[data-v-d7a5abd1]{margin-left:auto}.tip p[data-v-d7a5abd1]{line-height:1.6}@media (max-width: 760px){.cat[data-v-d7a5abd1]{padding:18px 14px}.play-btns[data-v-d7a5abd1]{flex-wrap:wrap}.cat-link[data-v-d7a5abd1],.side-toggle[data-v-d7a5abd1]{min-height:44px}}.page-title[data-v-48862d26]{font-size:20px;font-weight:700}.start[data-v-48862d26]{padding:32px 40px;text-align:center}.resume[data-v-48862d26]{border-color:var(--accent);margin-bottom:14px}.start-title[data-v-48862d26]{font-size:15px;font-weight:600;margin-bottom:14px}.start-actions[data-v-48862d26]{display:flex;justify-content:center;gap:12px;margin-top:18px}.cat-grid[data-v-48862d26]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:4px 0 14px}.cat[data-v-48862d26]{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,background .15s}.cat[data-v-48862d26]:hover{border-color:var(--border-strong)}.cat.on[data-v-48862d26]{border-color:var(--accent);background:var(--accent-soft)}.cat-check[data-v-48862d26]{accent-color:var(--accent)}.cat-name[data-v-48862d26]{font-size:14px;font-weight:600;color:var(--text-2)}.cat.on .cat-name[data-v-48862d26]{color:var(--accent)}.cat-count[data-v-48862d26]{font-size:12px;color:var(--text-3)}.count-row[data-v-48862d26]{display:flex;align-items:center;gap:10px;justify-content:center}.count-label[data-v-48862d26]{font-size:13px;font-weight:600;color:var(--text-2)}.count-input[data-v-48862d26]{width:76px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;text-align:center}.count-input[data-v-48862d26]:focus{outline:none;border-color:var(--accent)}.quiz[data-v-48862d26]{padding:22px}.quiz-head[data-v-48862d26]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.quiz-progress[data-v-48862d26]{flex:1;min-width:0}.quiz-progress-line[data-v-48862d26]{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.quiz-progress-text[data-v-48862d26]{font-size:14px;font-weight:600;color:var(--text-2)}.quiz-progress-meta[data-v-48862d26]{font-size:12px;color:var(--text-3)}.quiz-bar[data-v-48862d26]{height:6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.quiz-bar-fill[data-v-48862d26]{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.quiz-body[data-v-48862d26]{display:flex;justify-content:center;padding:18px 0;perspective:1000px}.flip[data-v-48862d26]{animation:flip-in-48862d26 .45s cubic-bezier(.2,.7,.3,1);transform-style:preserve-3d}@keyframes flip-in-48862d26{0%{transform:perspective(900px) rotateY(-80deg);opacity:.4}to{transform:perspective(900px) rotateY(0);opacity:1}}.quiz-foot[data-v-48862d26]{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.quiz-done[data-v-48862d26]{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;background:var(--green-soft);border-radius:var(--radius-sm);color:var(--green);font-size:14px}.side-card[data-v-48862d26]{padding:16px}.side-title[data-v-48862d26]{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:10px}.scores[data-v-48862d26]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.score-row[data-v-48862d26]{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);background:var(--surface-2)}.score-idx[data-v-48862d26]{font-size:12px;color:var(--text-3);width:16px}.score-target[data-v-48862d26]{font-size:13px;font-weight:700;color:var(--accent);min-width:34px}.score-val[data-v-48862d26]{font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}.score-judging[data-v-48862d26]{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-2)}.score-judging .spin[data-v-48862d26]{animation:spin-48862d26 1.4s linear infinite}.score-skip[data-v-48862d26]{font-size:12.5px;color:var(--text-3)}.score-fail[data-v-48862d26]{font-size:12.5px;color:var(--red)}.score-empty[data-v-48862d26]{font-size:12.5px;color:var(--text-3)}@keyframes spin-48862d26{to{transform:rotate(360deg)}}@media (max-width: 760px){.start[data-v-48862d26],.quiz[data-v-48862d26]{padding:20px 14px}.count-row[data-v-48862d26],.start-actions[data-v-48862d26],.quiz-foot[data-v-48862d26],.quiz-progress-line[data-v-48862d26]{flex-wrap:wrap}.quiz-foot[data-v-48862d26]{justify-content:center}}.head[data-v-b7b42e4b]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-title[data-v-b7b42e4b]{font-size:20px;font-weight:700}.seg[data-v-b7b42e4b]{display:inline-flex;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.seg-btn[data-v-b7b42e4b]{min-height:44px;padding:0 16px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-2);transition:background .15s,color .15s}.seg-btn.on[data-v-b7b42e4b]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.stats[data-v-b7b42e4b]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat[data-v-b7b42e4b]{padding:18px 20px}.stat-label[data-v-b7b42e4b]{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px}.stat-num[data-v-b7b42e4b]{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.note[data-v-b7b42e4b]{margin-top:-6px}.cat[data-v-b7b42e4b]{padding:18px 20px}.cat-head[data-v-b7b42e4b]{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.cat-name[data-v-b7b42e4b]{font-size:15px;font-weight:600}.bar[data-v-b7b42e4b]{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}.seg-bar[data-v-b7b42e4b]{height:100%}.legend[data-v-b7b42e4b]{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:12.5px;color:var(--text-2)}.legend span[data-v-b7b42e4b]{display:inline-flex;align-items:center;gap:6px}.dot[data-v-b7b42e4b]{width:8px;height:8px;border-radius:50%;display:inline-block}.side-card[data-v-b7b42e4b]{padding:16px}.side-title[data-v-b7b42e4b]{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:12px}.rule[data-v-b7b42e4b]{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}.tip p[data-v-b7b42e4b]{line-height:1.6}@media (max-width: 600px){.stats[data-v-b7b42e4b]{grid-template-columns:repeat(2,1fr)}}.pane.math-page{padding:32px 24px}.math-page .math-content{width:100%;max-width:640px;margin:0 auto;gap:24px;flex:0 1 640px}.math-page .head{display:flex;flex-direction:column;gap:6px}.math-page .page-title{font-size:28px;line-height:1.3;font-weight:700}.math-page .head .muted{font-size:14px}.math-page .start{padding:18px 22px}.math-page .quiz{padding:32px}.math-page .start-title{font-size:17px;font-weight:650;margin:0 0 12px}.math-page .count-row{min-width:0;margin:0 0 12px;padding:0;border:0}.math-page .count-label{padding:0;margin-bottom:5px;font-size:13px;font-weight:600;color:var(--text-2)}.math-page .seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.math-page .seg-item{min-width:0;min-height:38px;padding:7px 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:14px;font-weight:600}.math-page .seg-item:hover{border-color:var(--border-strong)}.math-page .seg-item.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.math-page .btn{min-height:44px;height:auto;padding:10px 20px;justify-content:center;font-size:14px}.math-page .btn:disabled{cursor:wait;opacity:.6}.math-page button:focus-visible,.math-page a:focus-visible,.math-page input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.math-page .start-actions{display:flex;justify-content:center;gap:12px;margin-top:12px}.math-page .start-actions .btn-primary{min-width:180px}.math-page .resume{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:var(--border-strong)}.math-page .resume-title{font-size:15px;margin:0 0 4px}.math-page .resume .btn{flex-shrink:0}.math-page .error{color:var(--red);font-size:13px;margin-top:16px;overflow-wrap:anywhere}.math-page .quiz-head{margin-bottom:24px}.math-page .quiz-progress-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.math-page .quiz-progress-text{font-size:15px;font-weight:600}.math-page .quiz-progress-meta{color:var(--text-2);font-size:13px}.math-page .quiz-bar{height:8px;border-radius:99px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}.math-page .quiz-bar-fill{height:100%;background:var(--accent);border-radius:inherit;transition:width .2s}.math-page .quiz-body{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 0}.math-page .equation{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,16px);font-variant-numeric:tabular-nums}.math-page .eq-num,.math-page .eq-answer{font-size:clamp(30px,5vw,52px);font-weight:700}.math-page .eq-op{font-size:clamp(22px,4vw,30px);color:var(--text-3)}.math-page .eq-blank{width:clamp(44px,7vw,64px);height:clamp(44px,7vw,64px);display:grid;place-items:center;border:2px dashed var(--border-strong);border-radius:12px;color:var(--text-3);font-size:30px}.math-page .answer-row{display:flex;gap:12px;justify-content:center;align-items:stretch;max-width:100%}.math-page .answer-input{width:160px;min-width:0;padding:10px 12px;font:inherit;font-size:22px;text-align:center;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text)}.math-page .quiz-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;margin-top:12px;border-top:1px solid var(--border)}.math-page .quiz-body .start-actions{margin-top:0}.math-page .fb-badge{padding:6px 16px;border-radius:99px;font-size:15px;font-weight:700}.math-page .fb-badge.ok{background:var(--green-soft);color:var(--green)}.math-page .fb-badge.bad{background:var(--red-soft);color:var(--red)}.math-page .fb-badge.neutral{background:var(--surface-2);color:var(--text-2)}.math-page .done-title{text-align:center;font-size:22px;margin-bottom:24px}.math-page .result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.math-page .result-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border:1px solid var(--border);border-radius:10px;color:var(--text-2);font-size:13px}.math-page .result-num{font-size:28px;font-weight:700;color:var(--text)}.math-page .quiz>.muted{text-align:center}.math-page .eq-blank.is-answer{width:auto;min-width:clamp(44px,7vw,64px);padding:0 10px;border-style:solid;border-color:var(--accent);color:var(--text)}.math-page .math-side{width:240px}.math-page .side-card{padding:20px}.math-page .side-title{font-size:15px;font-weight:600;margin:0 0 14px}.math-page .scores{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.math-page .score-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:13px}.math-page .score-row.current{background:var(--accent-soft)}.math-page .score-idx{width:20px;color:var(--text-3);font-weight:600}.math-page .score-target{flex:1;color:var(--text-2)}.math-page .score-mark{font-weight:700}.math-page .score-mark.ok{color:var(--green)}.math-page .score-mark.bad{color:var(--red)}.math-page .score-mark.unheard{color:var(--amber);font-size:12px}.math-page .score-mark.empty{color:var(--text-3)}.math-page .score-judging{display:inline-flex;align-items:center;gap:4px;color:var(--amber);font-size:12px;white-space:nowrap}.math-page .spin{animation:math-spin 1s linear infinite}@keyframes math-spin{to{transform:rotate(360deg)}}.math-page .rec-ring{position:relative;width:200px;height:200px;margin:4px auto 0;display:grid;place-items:center;border-radius:50%}.math-page .rec-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:200px;height:200px;fill:none;stroke-width:7;transform:rotate(-90deg)}.math-page .rec-ring-track{stroke:var(--border)}.math-page .rec-ring-progress{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.math-page .rec-ring.is-recording .rec-ring-progress{stroke:var(--red)}.math-page .rec-ring.is-correct .rec-ring-progress{stroke:var(--green)}.math-page .rec-ring.is-wrong .rec-ring-progress{stroke:var(--red)}.math-page .rec-ring-center{font-size:52px;font-weight:700;color:var(--accent)}.math-page .rec-ring.is-recording .rec-ring-center{color:var(--red)}.math-page .rec-ring.is-correct .rec-ring-center{color:var(--green)}.math-page .rec-ring.is-wrong .rec-ring-center{color:var(--red)}.math-page .rec-feedback{text-align:center;min-height:46px}.math-page .rec-state{margin:14px 0 4px;font-size:15px;font-weight:600;color:var(--text)}.math-page .rec-state.live{color:var(--accent)}.math-page .rec-time{font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums;min-height:18px}.history-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#283a5552;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.history-modal{width:min(680px,calc(100vw - 30px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #182c4940;padding:18px 20px}.history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.history-title{font-size:17px;font-weight:700}.history-close{width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;background:var(--surface-2);color:var(--text-2)}.history-close:hover{background:var(--accent-soft);color:var(--accent)}.history-modal .filter-row{display:flex;gap:8px;margin-bottom:12px}.history-modal .seg-item{padding:6px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:600}.history-modal .seg-item.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.history-body{overflow-y:auto;min-height:120px}.history-modal .history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.history-modal .history-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px}.history-modal .h-equation{flex:1;min-width:0;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.history-modal .h-answer{color:var(--text-2)}.history-modal .h-mark{font-weight:700;min-width:40px;text-align:center}.history-modal .h-mark.ok{color:var(--green)}.history-modal .h-mark.bad{color:var(--red)}.history-modal .h-mark.unheard{color:var(--amber)}.history-modal .h-op{color:var(--text-3);min-width:24px;text-align:center}.history-modal .h-time{color:var(--text-3);font-size:12px;white-space:nowrap}@media (max-width: 600px){.math-page .math-content{gap:20px}.math-page .page-title{font-size:24px}.math-page .start,.math-page .quiz{padding:24px 20px}.math-page .seg{gap:8px}.math-page .seg-item{font-size:14px}.math-page .resume{padding:16px 20px;flex-wrap:wrap}.math-page .start-actions .btn-primary{width:100%;min-width:0}.math-page .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.math-page .answer-input{width:140px}.math-page .quiz-body{gap:20px}}@media (prefers-reduced-motion: reduce){.math-page *,.math-page *:before,.math-page *:after{transition:none}}@media (max-width: 760px){.pane.math-page{padding:22px 16px}.math-page .seg-item{min-height:44px;padding:8px 4px;font-size:13px}.history-close,.history-modal .seg-item{min-height:44px}.history-modal .history-row{flex-wrap:wrap}}@media (max-width: 600px){.math-page .start-actions{flex-direction:column}.math-page .start-actions .btn{width:100%}}.english-page{padding:32px 24px}.english-page .ep-main{width:100%;max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.english-page .ep-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.english-page .page-title{font-size:28px;line-height:1.3;font-weight:700}.english-page .head .muted{font-size:14px}.english-page .ep-voices{display:flex;gap:8px;flex-wrap:wrap}.english-page .ep-voice{min-height:40px;padding:8px 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.english-page .ep-voice.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.english-page .ep-voice-missing{font-size:11.5px;color:var(--amber);font-weight:500}.english-page .ep-cats{display:flex;gap:8px;flex-wrap:wrap}.english-page .ep-cat{min-height:34px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:500}.english-page .ep-cat:hover{border-color:var(--border-strong)}.english-page .ep-group{padding:18px 20px}.english-page .ep-group-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.english-page .ep-group-name{font-size:15px;font-weight:600}.english-page .ep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px}.english-phonetics .ep-category{display:flex;flex-direction:column;gap:16px;min-width:0}.english-phonetics .ep-category-title{margin:0;font-size:22px;font-weight:700}.english-phonetics .ep-group{scroll-margin-top:20px;min-width:0}.english-phonetics .ep-group-head{margin-top:0}.english-phonetics .ep-subgroup+.ep-subgroup{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.english-phonetics .ep-subgroup-title{margin:0 0 12px;color:var(--text-2);font-size:14px;font-weight:600}.english-phonetics .ep-main{min-width:0}.ep-card{border:1px solid var(--border);border-radius:10px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:12px}.ep-card.has-error{border-color:var(--red)}.ep-card-head{display:flex;align-items:flex-start;gap:12px}.ep-symbol{font-size:40px;line-height:1.1;font-weight:700;color:var(--accent);min-width:60px;text-align:center}.ep-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.ep-subtitle{font-size:13px;color:var(--text-2);line-height:1.5}.ep-count{font-size:12px;color:var(--text-3)}.ep-actions{display:flex;flex-wrap:wrap;gap:8px}.ep-btn{min-height:40px}.ep-remaining{font-variant-numeric:tabular-nums}.ep-error{font-size:12.5px;color:var(--red);margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ep-retry{min-height:28px;height:28px;padding:0 10px;font-size:12px}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#b3261e}.ep-card .btn:disabled{opacity:.5;cursor:not-allowed}.english-page .ep-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.english-page .ep-themes{display:flex;gap:8px;flex-wrap:wrap}.english-page .ep-cat.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.english-page .ep-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.english-page .ep-browse{display:flex;flex-direction:column;gap:16px}.english-page .ep-browse-actions{display:flex;align-items:center;gap:12px}.english-page .ep-browse-actions .btn-primary{min-width:120px;justify-content:center}.english-page .ep-study{padding:20px;display:flex;flex-direction:column;gap:16px}.english-page .ep-study-head{display:flex;align-items:center;justify-content:space-between}.english-page .ep-study-pos{font-size:14px;font-weight:600}.english-page .ep-study-nav{display:flex;justify-content:space-between;gap:12px}.ep-fav{margin-left:auto;min-height:40px;padding:6px 10px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font-size:12.5px;display:inline-flex;align-items:center;gap:6px}.ep-fav.on{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.ep-media{margin:2px 0}.ep-img{width:100%;height:120px;object-fit:contain;border-radius:8px;background:var(--surface-2);border:1px solid var(--border)}.ep-img-placeholder{display:grid;place-items:center;font-size:40px;font-weight:700;color:var(--text-3)}.ep-feedback{display:flex;align-items:center;gap:10px;font-size:13px}.ep-feedback-label{padding:4px 10px;border-radius:999px;font-weight:600}.ep-feedback-label.ok{background:var(--green-soft);color:var(--green)}.ep-feedback-label.bad{background:var(--amber-soft);color:var(--amber)}.ep-feedback-label.neutral{background:var(--surface-2);color:var(--text-2)}.ep-feedback-score{color:var(--text-2)}.english-page .ep-setup{padding:20px;display:flex;flex-direction:column;gap:16px}.english-page .ep-field{margin:0;padding:0;border:0}.english-page .ep-field-label{padding:0;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--text-2)}.english-page .ep-seg{display:flex;gap:8px;flex-wrap:wrap}.english-page .ep-seg-item{min-height:40px;padding:8px 16px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font-size:13.5px;font-weight:600}.english-page .ep-seg-item.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.english-page .et-start{align-self:flex-start;min-width:160px;justify-content:center;min-height:44px}.english-page .ep-quiz{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.english-page .ep-quiz-head{width:100%;display:flex;align-items:center;gap:12px}.english-page .ep-quiz-pos{font-size:15px;font-weight:600}.english-page .ep-quiz-phase{color:var(--text-2);font-size:13px;flex:1}.english-page .ep-quiz-actions{display:flex;gap:8px}.english-page .ep-quiz-word{font-size:clamp(40px,8vw,72px);font-weight:700;text-align:center}.english-page .ep-countdown{font-size:28px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.english-page .ep-countdown.recording{color:var(--red)}.english-page .ep-results{padding:24px;display:flex;flex-direction:column;gap:16px}.english-page .ep-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.english-page .ep-result-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--text-2)}.english-page .ep-result-num{font-size:26px;font-weight:700;color:var(--text)}.english-page .ep-result-stat{font-size:14px;color:var(--text-2)}.english-page .ep-result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.english-page .ep-result-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.english-page .ep-result-word{font-size:16px;font-weight:700;min-width:80px}.english-page .ep-result-meaning{color:var(--text-2);flex:1}.english-page .ep-result-score{font-variant-numeric:tabular-nums;color:var(--text-2)}.english-page .ep-result-mark{font-weight:600;min-width:56px;text-align:center;font-size:13px}.english-page .ep-result-mark.ok{color:var(--green)}.english-page .ep-result-mark.bad{color:var(--red)}.english-page .ep-result-mark.unheard,.english-page .ep-result-mark.judging{color:var(--amber)}.english-page .ep-result-mark.neutral,.english-page .ep-result-mark.empty{color:var(--text-3)}.english-page .ep-near{padding:18px 20px}.english-page .ep-near-tip{margin:4px 0 12px}.english-page .ep-near-list{display:flex;flex-direction:column;gap:8px}.english-page .ep-near-row{display:flex;align-items:center;gap:12px}.english-page .ep-near-symbol{min-width:64px;min-height:44px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface-2);font-size:20px;font-weight:700;color:var(--accent)}.english-page button:focus-visible,.english-page a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (max-width: 600px){.english-page .page-title{font-size:24px}.english-page .ep-head{flex-direction:column}.english-page .ep-grid{grid-template-columns:1fr}.english-page .ep-cats{flex-wrap:nowrap;overflow-x:auto}.english-page .ep-cat{flex-shrink:0}.ep-symbol{font-size:32px;min-width:48px}}.english-test .ep-main,.english-test .et-progress{flex:1;min-width:0}.et-progress-label{display:flex;justify-content:space-between;gap:12px;font-size:14px}.et-progress-track{height:6px;background:#8395af22;border-radius:6px;margin-top:10px;overflow:hidden}.et-progress-track>div{height:100%;background:var(--orange);transition:width .2s}.et-ring{position:relative;width:220px;height:220px;margin:22px auto 8px;display:grid;place-items:center;flex-shrink:0}.et-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke-width:7;transform:rotate(-90deg)}.et-ring-track{stroke:#8395af22}.et-ring-progress{stroke:#8395af22;stroke-linecap:round;transition:stroke-dashoffset .08s linear}.et-ring.is-recording .et-ring-progress{stroke:var(--orange)}.et-ring.is-preparing .et-ring-progress{stroke:#7f94b8;animation:et-breathe 2.4s ease-in-out infinite}@keyframes et-breathe{0%,to{opacity:.25}50%{opacity:1}}.et-ring-word{max-width:180px;text-align:center;overflow-wrap:anywhere;line-height:1.2;font-weight:600;color:var(--accent);font-family:Century Gothic,Trebuchet MS,sans-serif}.et-feedback{min-height:66px;text-align:center;font-size:14px}.et-feedback p{margin:0 0 8px}.et-live{color:var(--accent)}.et-live:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:var(--orange)}.et-quiz-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border);width:100%;padding-top:16px}.et-scores .card{padding:20px}.et-score-list{list-style:none;margin:12px 0 0;padding:0}.et-score-list li{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--border);padding:12px 0;font-size:13px}.et-score-word{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:600}.et-score-list .judging{color:var(--accent)}@media (max-width: 640px){.english-test .ep-quiz{padding:16px}.et-progress-label{gap:6px;font-size:12px}}@media (prefers-reduced-motion: reduce){.et-ring-progress,.et-progress-track>div{transition:none!important;animation:none!important}}@media (max-width: 1000px){.english-test{flex-direction:column}.english-test .ep-main{flex:none}.english-test .et-scores{width:100%;max-width:960px;margin:0 auto}}.english-test .ep-result-row{flex-wrap:wrap}.english-test .ep-result-meaning{min-width:130px;overflow-wrap:anywhere}.english-test .et-ring-word{font-family:inherit}@media (max-width: 760px){.english-page{padding:22px 16px}.english-page .ep-voice,.english-page .ep-cat,.english-page .ep-seg-item,.ep-fav{min-height:44px}.english-page .ep-browse-actions,.english-page .ep-study-head,.ep-near-row{flex-wrap:wrap;gap:10px}}:root{--yellow: #ffcc32;--yellow-hover: #f4bb14;--orange: #ef7544;--bg: #fcf8ee;--surface: #ffffff;--surface-2: #f8f2e5;--border: #eee5d3;--border-strong: #d8cbb1;--text: #29281f;--text-2: #716957;--text-3: #807662;--accent: #936000;--accent-hover: #774b00;--accent-soft: #fff2c5;--green: #188038;--green-soft: #e6f4ea;--amber: #b06000;--amber-soft: #fef7e0;--red: #d93025;--red-soft: #fce8e6;--radius: 20px;--radius-sm: 11px;--shadow: 0 4px 18px rgba(101, 76, 26, .04);--shadow-md: 0 16px 48px rgba(101, 76, 26, .08);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.btn{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.btn-primary{background:var(--yellow);color:var(--text);font-weight:700}.btn-primary:hover{background:var(--yellow-hover)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border-strong)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{height:30px;padding:0 10px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.input{width:100%;height:40px;padding:0 12px;font-size:14px;font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--text-3)}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:500}.badge-mastered{background:var(--green-soft);color:var(--green)}.badge-consolidating{background:var(--amber-soft);color:var(--amber)}.badge-weak{background:var(--red-soft);color:var(--red)}.badge-neutral{background:var(--surface-2);color:var(--text-2)}.icon{width:18px;height:18px;flex-shrink:0}.icon-sm{width:16px;height:16px}.app{display:flex;height:100vh;height:100dvh;overflow:hidden}.main{flex:1;min-width:0;overflow-y:auto}.pane{display:flex;gap:20px;min-height:100%;padding:32px}.pane-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.pane-side{width:288px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.section-title{font-size:15px;font-weight:600;color:var(--text);letter-spacing:.1px}.muted{color:var(--text-2);font-size:13px}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.6}.main{min-height:0;background:radial-gradient(ellipse at 90% 0%,#fff0b855,transparent 48%),var(--bg)}.pane{max-width:1600px;margin:0 auto}.pane-main>.head,.ep-main>.ep-head{border-bottom:1px solid var(--border);padding-bottom:22px}.pane .page-title{font-size:clamp(24px,2.3vw,30px);letter-spacing:-.7px;margin-bottom:6px}.card{min-width:0}@media (max-width: 1100px){.pane{flex-direction:column}.pane>.pane-main{flex:none;width:100%}.pane>.pane-side{width:100%}.pane>.pane-side.collapsed{width:100%}}@media (max-width: 760px){.app{flex-direction:column}.pane{padding:22px 16px;gap:20px}.btn,.btn-sm{min-height:44px;height:auto}.input{min-height:48px;font-size:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}