:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#263238;background:#f6f7f9;font-synthesis:none;letter-spacing:0;--orange: #ff6b35;--orange-dark: #e95420;--orange-soft: #fff1e9;--line: #e7e9ed;--muted: #707780;--green: #16a085;--blue: #3978d4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}svg{flex:0 0 auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.primary-button,.secondary-button,.confirm-button{min-height:44px;border:0;border-radius:6px;padding:0 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{color:#fff;background:var(--orange)}.primary-button:hover{background:var(--orange-dark)}.secondary-button{color:#505760;background:#f1f2f4}.confirm-button{color:#fff;background:var(--green)}.icon-button,.menu-button{width:42px;height:42px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:#5d646d;background:#fff}.icon-button svg,.menu-button svg{width:20px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(360px,.8fr);background:#fff}.login-intro{min-height:100vh;padding:72px clamp(48px,8vw,120px);display:flex;flex-direction:column;justify-content:center;color:#fff;background:#ff713e}.brand-mark{position:absolute;top:40px;left:clamp(32px,8vw,120px);display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;white-space:nowrap}.login-intro h1{max-width:640px;margin:0 0 18px;font-size:46px;line-height:1.25}.login-intro p{max-width:620px;margin:0;font-size:19px;line-height:1.8;color:#fff5ef}.device-story{margin-top:44px;display:flex;align-items:center;gap:18px;color:#fff}.device-story>span{display:flex;align-items:center;gap:10px}.device-story>span>svg{width:22px;height:22px;opacity:.9}.device-story>span>span{display:grid;gap:2px}.device-story strong{font-size:15px}.device-story small{color:#ffe8df;font-size:13px}.device-story i{color:#ffffff8c;font-size:24px;font-style:normal}.login-form{width:min(420px,calc(100% - 48px));margin:auto}.login-title{display:flex;align-items:center;gap:14px;margin-bottom:38px}.login-title strong{display:block;font-size:24px}.login-title small{display:block;margin-top:6px;color:var(--muted)}.icon-tile{width:50px;height:50px;display:grid;place-items:center;color:var(--orange);background:var(--orange-soft);border-radius:6px}.login-form label,.dialog label{display:grid;gap:8px;margin:18px 0;color:#4d545c;font-size:14px;font-weight:700}.login-form input,.dialog input,.dialog select{width:100%;height:48px;padding:0 14px;border:1px solid #d9dce1;border-radius:6px;outline:none;background:#fff}.login-form input:focus,.dialog input:focus,.dialog select:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}.login-form .primary-button{width:100%;margin-top:12px;height:48px}.form-error{color:#c4392d;font-size:14px}.privacy-note{margin-top:18px;color:#899099;text-align:center;font-size:13px;line-height:1.6}.app-shell{min-height:100vh;padding-top:64px;padding-left:104px}.topbar{position:fixed;z-index:20;inset:0 0 auto 0;height:64px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);background:#fff}.app-brand{display:flex;align-items:center;gap:9px;color:#242a30}.app-brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:6px;color:#fff;background:var(--orange)}.app-brand strong{font-size:19px}.app-brand small{padding-left:9px;border-left:1px solid var(--line);color:#8a9199}.menu-button{display:none;margin-right:10px}.top-device{margin-left:auto;margin-right:24px;display:flex;align-items:center;gap:8px;color:#777e86;font-size:14px}.top-device svg{width:19px}.profile-switcher{display:flex;align-items:center;gap:8px}.profile-switcher select{height:42px;min-width:150px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:6px;background:#fff}.sidebar{position:fixed;z-index:15;left:0;top:64px;bottom:0;width:104px;padding:20px 12px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff}.sidebar nav{display:grid;gap:8px}.sidebar nav button{height:66px;border:0;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#676e77;background:transparent;font-size:13px}.sidebar nav button svg{width:22px}.sidebar nav button:hover{background:#f7f7f8}.sidebar nav button.active{color:var(--orange-dark);background:var(--orange-soft);font-weight:700}.sidebar-device{margin-top:auto;text-align:center;color:#8a9199;font-size:11px}.sidebar-device>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1f2f4}.sidebar-device strong,.sidebar-device small{display:block;margin-top:5px}.sidebar-device strong{color:#646b73;font-size:12px}.main-content{width:min(1220px,calc(100% - 48px));margin:0 auto;padding:28px 0 60px}.voice-panel{min-height:78px;padding:14px 18px;display:flex;align-items:center;gap:26px;border:1px solid #ffd5c3;border-radius:6px;background:#fffaf7}.voice-main{min-width:300px;display:flex;align-items:center;gap:12px}.voice-main strong,.voice-main span{display:block}.voice-main strong{margin-bottom:4px;font-size:16px}.voice-main span{color:var(--muted);font-size:13px}.mic-button{width:50px;height:50px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--orange);box-shadow:0 0 0 5px var(--orange-soft)}.mic-button.listening{animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px #ff6b351f}}.speed-control{margin-left:auto;display:flex;align-items:center;gap:9px;color:#606770;font-size:13px}.segmented{display:flex;padding:3px;border-radius:6px;background:#eceef1}.segmented button{min-width:48px;height:32px;padding:0 9px;border:0;border-radius:4px;color:#687079;background:transparent;font-size:13px}.segmented button.active{color:var(--orange-dark);background:#fff;box-shadow:0 1px 4px #2329301f;font-weight:700}.transcript{width:100%;display:flex;align-items:center;gap:9px;padding-top:12px;border-top:1px solid #f1d8cc}.transcript span{flex:1;font-weight:700}.inline-message{width:100%;margin:0;padding-top:10px;border-top:1px solid #f1d8cc;color:#6b4d40;font-size:14px}.welcome-band{margin-top:22px;min-height:158px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;border-radius:6px;background:#ff713e}.welcome-band p{margin:0 0 9px;color:#ffe8dd;font-size:14px}.welcome-band h1{margin:0 0 10px;font-size:29px}.welcome-band span{color:#fff4ef}.start-button{min-width:180px;height:54px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:6px;color:var(--orange-dark);background:#fff;font-weight:800;font-size:17px}.section-block{margin-top:30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.section-heading h2{margin:0 0 6px;font-size:21px}.section-heading p{margin:0;color:var(--muted);font-size:14px}.readiness{color:#7d848c;font-size:13px}.subject-list{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.subject-row{width:100%;min-height:86px;padding:14px 18px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:48px minmax(180px,1fr) auto 24px;align-items:center;gap:14px;text-align:left;color:inherit;background:#fff}.subject-row:last-child{border-bottom:0}.subject-row:hover{background:#fafafa}.subject-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:6px;color:#fff;background:var(--orange);font-weight:800;font-size:18px}.subject-chinese .subject-icon{background:#3978d4}.subject-english .subject-icon{background:#16a085}.subject-copy strong,.subject-copy small{display:block}.subject-copy strong{margin-bottom:6px;font-size:17px}.subject-copy small{color:var(--muted)}.subject-state{padding:6px 10px;border-radius:4px;font-size:12px}.subject-state.waiting{color:#8a641e;background:#fff4d9}.subject-state.ready{color:#18765f;background:#e4f7f1}.subject-row>svg{width:19px;color:#a2a7ad}.quick-grid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-grid>button{min-height:82px;padding:14px 18px;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:44px 1fr 22px;align-items:center;gap:13px;text-align:left;color:inherit;background:#fff}.quick-grid strong,.quick-grid small{display:block}.quick-grid small{margin-top:5px;color:var(--muted)}.quick-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:6px}.quick-icon.orange{color:var(--orange-dark);background:var(--orange-soft)}.quick-icon.teal{color:#117663;background:#e2f5f0}.study-layout{margin-top:22px;min-height:560px;display:grid;grid-template-columns:150px 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.subject-tabs{padding:18px 12px;border-right:1px solid var(--line);background:#fafafa}.subject-tabs button{width:100%;height:54px;margin-bottom:8px;border:0;border-radius:6px;display:flex;align-items:center;gap:9px;color:#666d75;background:transparent}.subject-tabs button span{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;background:#eceef1;font-weight:800}.subject-tabs button.active{color:var(--orange-dark);background:var(--orange-soft);font-weight:700}.subject-tabs button.active span{color:#fff;background:var(--orange)}.lesson-space{position:relative;padding:30px 34px 96px}.lesson-heading{display:flex;align-items:center;justify-content:space-between}.lesson-heading p{margin:0 0 6px;color:var(--muted);font-size:13px}.lesson-heading h1{margin:0;font-size:26px}.lesson-heading>span{display:flex;gap:7px;color:var(--muted);font-size:13px}.empty-lesson{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-lesson>svg{width:48px;height:48px;padding:10px;border-radius:50%;color:var(--orange);background:var(--orange-soft)}.empty-lesson h2{margin:18px 0 8px;font-size:20px}.empty-lesson p{max-width:520px;margin:0;color:var(--muted);line-height:1.7}.explanation-bar{position:absolute;left:34px;right:34px;bottom:26px;min-height:56px;padding:8px 12px;display:flex;align-items:center;gap:14px;border-top:1px solid var(--line)}.listen-button{height:40px;padding:0 14px;border:0;border-radius:6px;display:flex;align-items:center;gap:8px;color:#fff;background:var(--orange);font-weight:700}.explanation-bar span{color:var(--muted);font-size:13px}.archive-page,.settings-page{margin-top:4px}.archive-heading{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px}.archive-heading p,.page-heading p{margin:0 0 7px;color:var(--orange-dark);font-size:13px;font-weight:700}.archive-heading h1,.page-heading h1{margin:0 0 9px;font-size:28px}.archive-heading span{color:var(--muted);font-size:14px}.upload-button{min-width:140px}.storage-facts{min-height:50px;padding:10px 16px;display:flex;align-items:center;gap:26px;border:1px solid #dce7e4;border-radius:6px;color:#45635c;background:#f1f8f6;font-size:13px}.storage-facts span{display:flex;align-items:center;gap:7px}.storage-facts svg{width:18px}.archive-table{margin-top:18px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.archive-row{min-height:70px;padding:10px 16px;display:grid;grid-template-columns:minmax(280px,1fr) 90px 120px 100px;align-items:center;gap:12px;border-bottom:1px solid var(--line);font-size:13px}.archive-row:last-child{border-bottom:0}.archive-header{min-height:44px;color:#7a8189;background:#fafafa}.file-name{display:flex;align-items:center;gap:11px;min-width:0}.file-name>span:last-child{min-width:0}.file-name strong,.file-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name small{margin-top:5px;color:var(--muted)}.file-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:5px;color:var(--orange-dark);background:var(--orange-soft)}.file-icon svg{width:19px}.status-archived,.status-pending{width:fit-content;padding:5px 8px;border-radius:4px}.status-archived{color:#16755e;background:#e4f7f1}.status-pending{color:#8a641e;background:#fff4d9}.archive-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.archive-empty svg{width:38px;height:38px;margin-bottom:12px;color:#b2b7bd}.archive-empty strong{color:#545b63;margin-bottom:6px}.page-heading{margin:18px 0 24px}.settings-page{max-width:880px}.settings-row{min-height:90px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-bottom:0;background:#fff}.settings-row:first-of-type{border-radius:6px 6px 0 0}.settings-row:last-child{border-bottom:1px solid var(--line);border-radius:0 0 6px 6px}.settings-row div>strong,.settings-row div>span{display:block}.settings-row div>span{margin-top:7px;color:var(--muted);font-size:13px}.fixed-badge{padding:6px 10px;border-radius:4px;color:#16755e;background:#e4f7f1;font-size:12px}.dialog-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#171c217a}.dialog{position:relative;width:min(440px,100%);padding:30px;border-radius:6px;background:#fff;box-shadow:0 20px 60px #0003}.dialog h2{margin:0 0 8px}.dialog>p{margin:0 0 22px;color:var(--muted)}.dialog-close{position:absolute;top:16px;right:16px;border:0}.dialog-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;z-index:60;right:24px;bottom:24px;max-width:480px;min-height:48px;padding:12px 16px;display:flex;align-items:center;gap:9px;border-radius:6px;color:#fff;box-shadow:0 10px 30px #0003}.toast.success{background:#16846b}.toast.error{background:#bf4035}.toast svg{width:20px}.loading-screen,.no-student{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.loading-screen>svg,.no-student>svg{width:48px;height:48px;padding:10px;border-radius:50%;color:var(--orange);background:var(--orange-soft)}.no-student h1,.no-student p{margin:0}.no-student p{color:var(--muted)}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-intro{min-height:300px;padding:80px 32px 38px}.brand-mark{top:24px}.login-intro h1{font-size:32px}.login-intro p{font-size:16px}.device-story{margin-top:24px}.login-form{margin:46px auto}.app-shell{padding-left:0}.menu-button{display:grid}.sidebar{transform:translate(-100%);width:220px;padding:18px;transition:transform .2s ease;box-shadow:8px 0 24px #0000001f}.sidebar.open{transform:translate(0)}.sidebar nav button{height:50px;padding:0 14px;flex-direction:row;justify-content:flex-start;font-size:14px}.sidebar-device{text-align:left;display:flex;align-items:center;gap:10px}.top-device{display:none}.voice-panel{flex-wrap:wrap}.voice-main{min-width:0;flex:1}.study-layout{grid-template-columns:110px 1fr}.storage-facts{align-items:flex-start;flex-direction:column;gap:8px}}@media(max-width:640px){.login-intro{min-height:320px}.device-story{align-items:flex-start;flex-direction:column;gap:12px}.device-story i{display:none}.topbar{padding:0 12px}.app-brand small,.profile-switcher .icon-button:first-of-type{display:none}.profile-switcher select{min-width:120px;max-width:140px}.main-content{width:min(100% - 24px,1220px);padding-top:16px}.voice-panel{gap:12px;padding:12px}.voice-main{width:100%}.speed-control{width:100%;margin-left:0;justify-content:space-between}.transcript{flex-wrap:wrap}.transcript span{flex-basis:100%}.welcome-band{align-items:flex-start;flex-direction:column;padding:24px 20px}.welcome-band h1{font-size:24px}.start-button{width:100%}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.subject-row{grid-template-columns:44px 1fr 20px;min-height:78px;padding:12px}.subject-state{display:none}.quick-grid{grid-template-columns:1fr}.study-layout{display:block;min-height:500px}.subject-tabs{display:flex;gap:6px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.subject-tabs button{min-width:90px;margin:0;justify-content:center}.lesson-space{padding:24px 18px 90px}.lesson-heading{align-items:flex-start;flex-direction:column;gap:10px}.explanation-bar{left:18px;right:18px}.archive-heading{align-items:flex-start;flex-direction:column;padding:18px 0}.upload-button{width:100%}.archive-header{display:none}.archive-row{grid-template-columns:1fr auto;padding:14px}.archive-row>span:nth-child(2),.archive-row>span:nth-child(3){display:none}.settings-row{align-items:flex-start;flex-direction:column;gap:14px}.toast{left:12px;right:12px;bottom:12px}}