.reading-tabs,.reading-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.reading-tabs button[aria-selected="true"]{background:var(--primary);color:white}.reading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.reading-card,.reading-paper,.reading-question,.reading-editor{background:var(--card-bg,#fff);border:1px solid var(--border,#dce5de);border-radius:16px;padding:22px}.reading-card h3{margin:10px 0}.reading-meta,.reading-help{color:var(--text-muted);line-height:1.8}.reading-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start}.reading-text{white-space:pre-wrap;line-height:2;font-size:1.12rem;overflow-wrap:anywhere}.reading-question{margin-bottom:14px}.reading-question label{display:flex;gap:10px;padding:12px;border:1px solid var(--border,#ddd);border-radius:9px;margin-top:8px;cursor:pointer}.reading-question label:has(input:checked){background:#e9f5ee;border-color:var(--primary)}.reading-question input{flex-shrink:0}.reading-explanation{background:#eef7f0;padding:12px;margin-top:12px;line-height:1.8}.reading-result{padding:18px;background:#eaf5ed;border-radius:12px;font-weight:700}.reading-error{color:#a32424;padding:12px;background:#fff1f1;border-radius:10px}.reading-editor label{display:block;margin:12px 0 6px;font-weight:600}.reading-editor input:not([type=file]),.reading-editor textarea,.reading-editor select{width:100%;box-sizing:border-box}.reading-editor textarea{min-height:130px;resize:vertical}.reading-file{border:1px solid #ddd;border-radius:10px;padding:12px;margin:12px 0;overflow-wrap:anywhere}.reading-file img{display:block;width:100%;height:auto;max-height:none}.reading-file iframe{width:100%;height:70vh;border:1px solid #ddd}.reading-file .reading-thumb{max-height:170px;width:auto;max-width:100%;object-fit:contain}.reading-upload{border:2px dashed #adc7b4;border-radius:12px;padding:16px}.reading-upload label{display:inline-block;cursor:pointer}.reading-question-editor{margin:18px 0;padding:15px;background:#f4f8f5;border-radius:12px}.reading-panel h2{margin-bottom:8px}.reading-panel button{min-height:40px}.reading-panel [hidden]{display:none!important}@media(max-width:800px){.reading-layout{grid-template-columns:1fr}.reading-card,.reading-paper,.reading-editor{padding:16px}.reading-tabs button{flex:1}.reading-text{font-size:1.05rem}}
.reading-path-summary{background:#eef7f1;padding:16px 20px;border-radius:12px;margin-bottom:16px}.reading-path-summary p{margin:8px 0 0;line-height:1.8;color:var(--text-muted)}.reading-difficulty-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.reading-difficulty-tabs button[aria-selected="true"]{background:var(--primary);color:#fff}.reading-difficulty-section{margin:26px 0 32px}.reading-level-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.reading-level-heading h3{margin:0}.reading-badge{display:inline-block;padding:3px 10px;border-radius:7px;font-size:.9rem;font-weight:700}.reading-badge.easy{background:#e1f2e8;color:#24623b}.reading-badge.medium{background:#fff0cd;color:#80560b}.reading-badge.hard{background:#eee5f7;color:#67418b}.reading-sequence{margin-top:24px;padding:18px;border-top:1px solid var(--border,#ddd);line-height:1.8}.reading-sequence button{white-space:normal;text-align:left;max-width:100%}@media(max-width:800px){.reading-difficulty-tabs{gap:6px}.reading-difficulty-tabs button{flex:1;padding:8px}.reading-level-heading{align-items:flex-start;flex-direction:column}}
.reading-learner-tools{margin:16px 0;padding:14px;background:#f0f7f2;border-radius:12px}.reading-learner-tools label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reading-paragraph{margin:0 0 24px}.reading-sentence{padding:8px 10px;margin:5px -10px;border-radius:8px;white-space:normal}.reading-sentence.is-speaking{background:#fff1c7;box-shadow:inset 3px 0 #d89b22}.reading-panel .reading-word{display:inline;min-height:0;padding:0 1px;border:0;border-radius:3px;background:transparent;font:inherit;line-height:inherit;color:inherit;cursor:pointer}.reading-panel .reading-word:hover,.reading-panel .reading-word:focus-visible{background:#dceee2;outline:1px solid #6f9d7d}.reading-panel .reading-word.is-collected{text-decoration:underline;text-decoration-color:#cb9822;text-decoration-thickness:2px;background:#fff5d8}.reading-sentence-actions{display:flex;gap:8px;margin-top:6px;white-space:normal}.reading-panel .reading-sentence-actions button{min-height:28px;font-size:.8rem;padding:3px 10px}.reading-word-dialog{max-width:650px!important}.reading-word-dialog input{display:block;width:100%;box-sizing:border-box;margin-top:8px}.reading-study-card{max-width:700px;padding:26px;margin:20px auto;background:white;border:1px solid #d9e5de;border-radius:16px}.reading-study-card h2{font-size:2rem}.reading-favorite-meaning{margin:18px 0;padding:16px;background:#eef7f0;line-height:1.8}.reading-audio-dialog{width:min(860px,94vw)!important;max-width:860px!important;max-height:90vh;overflow:auto}.reading-audio-dialog audio{display:block;width:100%;margin:12px 0}.reading-audio-clip{border:1px solid #d9e5de;border-radius:10px;padding:14px;margin-top:12px;overflow-wrap:anywhere}.reading-audio-clip p{font-size:.9rem;line-height:1.7;color:var(--text-muted)}[data-reading-record-status]{font-weight:600;color:#98442c;line-height:1.8}@media(max-width:800px){.reading-learner-tools{padding:10px}.reading-learner-tools .reading-actions{gap:6px}.reading-learner-tools button{font-size:.85rem}.reading-study-card{padding:16px}}

.reading-sentence-actions{flex-wrap:wrap}.reading-sentence-translation{display:block;margin:8px 0;padding:10px 12px;border-left:3px solid #7aa48a;background:#eef6f0;color:#365641;font-size:.95rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.reading-current-controls{align-items:center;padding:10px 14px;background:#edf7ef;border:1px solid #d1e5d4;border-radius:12px}.reading-current-controls [data-current-count]{font-weight:700;color:#2b6841;margin-right:auto}.reading-current-controls button:disabled{opacity:.45;cursor:default}.reading-sentences .reading-sentence{display:inline;padding:0;margin:0;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.reading-sentences .reading-sentence.is-current{background:#fff0ae;box-shadow:0 0 0 2px #f0cc58}.reading-sentences .reading-paragraph{margin-bottom:1.25em}

.reading-view-toggle{margin:0 0 18px}.reading-whole .reading-layout{display:block}.reading-whole .reading-layout>section{display:none}.reading-whole .reading-sentence{display:inline;padding:0;margin:0}.reading-whole .reading-sentence-actions,.reading-whole .reading-sentence-translation{display:none}.reading-whole .reading-learner-tools>.reading-actions:nth-child(2),.reading-whole .reading-learner-tools>.reading-help,.reading-whole [data-reading-record-status]{display:none}.reading-whole .reading-paper{max-width:900px;margin:auto}.reading-whole .reading-paragraph{margin-bottom:1.25em}
.reading-view-tabs{margin-bottom:18px}.reading-sentences .reading-layout,.reading-practice .reading-layout{display:block}.reading-sentences .reading-layout>section,.reading-practice .reading-paper{display:none}.reading-practice .reading-layout>section{display:block;max-width:900px;margin:auto}.reading-practice .reading-learner-tools>.reading-actions:nth-child(2),.reading-practice .reading-learner-tools>.reading-help,.reading-practice [data-reading-record-status]{display:none}
.reading-study-flow{max-width:860px;margin:18px auto;padding:22px;border:1px solid #d7e7dc;border-radius:18px;background:#f9fcf8}.reading-study-flow h3{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#286442}.reading-study-flow h3 span{font-size:.9rem;color:#678271}.reading-study-group{display:grid;gap:12px;margin:18px 0}.reading-study-word{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px;border:1px solid #d5e7da;border-left:4px solid #80b48a;border-radius:12px;background:#fff}.reading-study-word.is-studied,.reading-study-word.is-correct{border-left-color:#319655;background:#f0faef}.reading-study-word.is-wrong{border-left-color:#db6861;background:#fff4f1}.reading-study-term{min-height:0!important;padding:4px 0;border:0;background:none;color:#267443;font:inherit;font-size:1.18rem;font-weight:700;text-align:left;cursor:pointer}.reading-study-term small{display:block;color:#768b7a;font-size:.75rem;font-weight:400}.reading-study-word .reading-favorite-meaning{flex-basis:100%;margin:0}.reading-check-actions{display:flex;gap:7px}.reading-check-actions [aria-pressed="true"]{background:#2f8752;color:#fff}.reading-check-actions [data-check-unknown][aria-pressed="true"]{background:#bb5953}.reading-study-flow .reading-actions{align-items:center}.reading-study-flow .reading-actions strong,.reading-study-flow [data-group-progress]{margin-right:auto}@media(max-width:600px){.reading-study-flow{padding:14px}.reading-study-word{align-items:flex-start}.reading-current-controls [data-current-count]{width:100%}}
.reading-sentences .reading-current-controls{position:sticky;top:8px;z-index:5;box-shadow:0 4px 18px #18472b16}
.reading-favorite-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:16px 0}.reading-favorite-heading p{margin:0;color:#607b68}.reading-favorite-list{display:grid;gap:9px;max-width:940px}.reading-favorite-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 16px;border:1px solid #dbe9da;border-left:4px solid #69a26e;border-radius:12px;background:#f8faeb}.reading-favorite-number{color:#829687;font-size:.85rem}.reading-favorite-main{display:flex;align-items:baseline;gap:8px 14px;flex-wrap:wrap;min-width:0}.reading-favorite-term{min-height:0!important;padding:0;border:0;background:none;color:#28783c;font:inherit;font-size:1.13rem;font-weight:700;cursor:pointer}.reading-favorite-term:hover{text-decoration:underline}.reading-favorite-meaning{color:#364d39;overflow-wrap:anywhere}.reading-favorite-main small{flex-basis:100%;color:#829487;font-size:.76rem}.reading-favorite-status{padding:4px 9px;border-radius:999px;background:#fff1d9;color:#956620;font-size:.76rem;white-space:nowrap}.reading-favorite-status.mastered{background:#e5f4e6;color:#2d7840}@media(max-width:600px){.reading-favorite-row{padding:11px;gap:8px;grid-template-columns:22px minmax(0,1fr) auto}.reading-favorite-main{display:block}.reading-favorite-main>*{display:block}.reading-favorite-main small{margin-top:3px}}
.reading-original-toggle{margin:0 0 16px}.reading-practice.reading-show-original .reading-paper{display:block;margin:0 0 24px}.reading-practice .reading-sentence{display:inline;padding:0;margin:0}.reading-practice .reading-sentence-actions,.reading-practice .reading-sentence-translation{display:none}.reading-practice .reading-paragraph{margin-bottom:1.25em}
/* Dictation workspace and student course schedule. */
.dictation-page{max-width:1120px;margin:0 auto;color:#233d35;--dict-line:#e0e9e4;--dict-muted:#72847c}
.dictation-page *,.student-course-toolbar *{box-sizing:border-box}
.dictation-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border:1px solid #d5e5dd;border-radius:22px;background:linear-gradient(120deg,#edf6ef,#f8faf5);margin-bottom:22px}
.dictation-eyebrow{color:#567767;font-size:13px;letter-spacing:.06em;font-weight:700}.dictation-hero h2{font-size:28px;color:#244e3b;margin:8px 0 10px;text-align:left}.dictation-hero p{color:#687e72;line-height:1.8;margin:0;font-size:14px}.dictation-hero-mark{display:grid;place-items:center;flex:none;width:86px;height:86px;background:#fff9;color:#6a987e;border-radius:24px;font-size:42px;font-family:Georgia,serif}
.dictation-notice:empty{display:none}.dictation-notice{padding:12px 16px;border-radius:12px;background:#fff6de;color:#7d611f;margin-bottom:18px;font-size:14px;line-height:1.7}
.dictation-steps{display:flex;gap:28px;margin:0 0 20px;padding:0 4px;color:#6d8074;font-size:13px}.dictation-steps span{display:flex;gap:8px;align-items:center}.dictation-steps b{display:grid;place-items:center;border:1px solid #cadbd0;background:white;border-radius:50%;width:25px;height:25px;color:#49745a;font-size:12px}
.dictation-panel{padding:24px;background:#fff;border:1px solid var(--dict-line);border-radius:18px;min-width:0}.dictation-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.dictation-page h3{margin:0;font-size:18px;color:#294b3a}.dictation-section-heading p{margin:6px 0 0;color:var(--dict-muted);font-size:13px;line-height:1.7}.dictation-step-tag{background:#eff5f0;color:#60836c;border-radius:7px;padding:5px 9px;font-size:12px;white-space:nowrap}
.dictation-page input:not([type=file]):not([type=color]),.dictation-page select,.course-date-range input{width:100%;min-width:0;background:#f9fbfa;border:1px solid #dce7e0;border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;color:#304b3d;min-height:44px}.dictation-page input:focus,.dictation-page select:focus,.course-date-range input:focus{outline:2px solid #87ae97;outline-offset:2px}.dictation-page label>span{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:#577162}
.dictation-setup{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr;gap:16px}.dictation-panel-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #edf1ee;padding-top:20px;margin-top:22px}.dictation-panel-footer>span{font-size:13px;color:var(--dict-muted)}.dictation-page .btn{border-radius:10px;box-shadow:none;font-size:13px;min-height:42px;padding:10px 16px}.dictation-page .btn-primary{background:#326c50;border-color:#326c50;color:white}.dictation-page .btn-primary:hover{background:#27583f}.dictation-page .btn-outline{border:1px solid #d4e0d8;color:#476553;background:white}.dictation-page button:disabled{opacity:.45;cursor:not-allowed}
.dictation-workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;align-items:start}.dictation-player{text-align:center}.dictation-player h3{margin:16px 0;font-size:17px;overflow-wrap:anywhere}.dictation-progress-number{margin:22px 0 12px;color:#7e8c83}.dictation-progress-number strong{font-size:48px;color:#305e44;line-height:1}.dictation-progress-number span{font-size:14px}.dictation-player progress{width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;accent-color:#558769}.dictation-player progress::-webkit-progress-bar{background:#edf3ef}.dictation-player progress::-webkit-progress-value{background:#558769;border-radius:10px}.dictation-player-main{display:flex;justify-content:center;gap:10px;margin:24px 0 14px}.dictation-player-main [data-play]{flex:1}.dictation-player-secondary{display:flex;justify-content:space-between;gap:6px}.dictation-player-secondary button,.dictation-text-button{border:0;background:transparent;color:#617868;font:inherit;font-size:12px;padding:8px 3px;cursor:pointer}.dictation-player-secondary button:hover,.dictation-text-button:hover{color:#26593d;text-decoration:underline}.dictation-gap{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 10px;padding-top:18px;border-top:1px solid #edf1ee}.dictation-gap>span{margin:0!important}.dictation-gap select{max-width:105px}.dictation-hint{font-size:12px;line-height:1.8;color:var(--dict-muted)}
.dictation-upload{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #a9c6b3;border-radius:14px;padding:22px 12px;background:#f8fbf9;gap:8px}.dictation-upload-icon{display:grid;place-items:center;width:40px;height:40px;background:#e7f0e9;color:#60816c;border-radius:12px;font-size:25px}.dictation-upload strong{font-size:14px}.dictation-upload p,.dictation-upload small{margin:0;font-size:12px;color:var(--dict-muted)}.dictation-upload-actions{display:flex;gap:10px;margin:6px 0}.dictation-upload-actions label{cursor:pointer}.dictation-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dictation-photo-grid .reading-file{min-width:0;padding:10px;margin:14px 0 0;border-color:#dce6df}.dictation-photo-grid img{height:150px;object-fit:contain;background:#f5f7f5;border-radius:7px}.dictation-photo-grid figcaption{font-size:12px;margin:10px 0;color:#66796e}.dictation-photo-grid .btn{min-height:32px;font-size:11px;padding:5px 8px;margin:0 3px 3px 0}
.dictation-history-section{margin-top:32px}.dictation-filters{display:flex;gap:14px;background:#fff;border:1px solid var(--dict-line);border-radius:14px;padding:16px}.dictation-filters label{min-width:0;flex:0 1 200px}.dictation-filters .dictation-search{flex:1}.dictation-result-count{font-size:12px;color:var(--dict-muted);margin:16px 2px}.dictation-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dictation-submission{display:flex;flex-direction:column;background:white;border:1px solid var(--dict-line);border-radius:16px;padding:20px;min-width:0;transition:border-color .15s}.dictation-submission:hover{border-color:#a4c3af}.dictation-submission-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dictation-student{display:flex;align-items:center;gap:9px;min-width:0;font-size:14px}.dictation-student strong{overflow-wrap:anywhere}.dictation-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;background:#eaf2ed;border-radius:10px;color:#52765e;font-size:13px}.dictation-badge{padding:4px 8px;border-radius:6px;font-size:11px;white-space:nowrap}.dictation-badge.pending{background:#fff2d9;color:#977025}.dictation-badge.done{background:#edf4f0;color:#63836d}.dictation-submission h4{margin:20px 0 10px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.dictation-submission-meta{display:flex;flex-wrap:wrap;gap:5px 14px;color:var(--dict-muted);font-size:12px}.dictation-feedback-preview,.dictation-feedback-placeholder{font-size:13px;color:#68806f;line-height:1.8;margin:18px 0;overflow-wrap:anywhere}.dictation-feedback-preview{background:#f4f8f5;border-radius:9px;padding:10px 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.dictation-feedback-placeholder{color:#9ba79f}.dictation-submission>.btn{margin-top:auto;width:100%}.dictation-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dictation-stats>div{padding:18px 22px;background:white;border:1px solid var(--dict-line);border-radius:14px}.dictation-stats span{display:block;color:var(--dict-muted);font-size:13px}.dictation-stats strong{display:block;font-size:30px;color:#3d624a;margin-top:8px}.dictation-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px;font-size:13px}.dictation-empty{grid-column:1/-1;padding:36px 20px;text-align:center;border:1px dashed #ccdcd1;border-radius:14px;color:#6e8374;background:#f8fbf9;line-height:1.8}.dictation-empty strong{font-size:15px}.dictation-empty p{font-size:13px;margin-bottom:0}.dictation-detail .modal-box{padding:26px}.dictation-detail h3{color:#30563e}.dictation-detail [data-detail-photos]{margin-top:18px}.dictation-detail .reading-file{padding:16px;border-color:#dae5dd;background:#fafcfa}.dictation-detail .reading-file>a{display:block;margin-bottom:12px;color:#3d7855}.dictation-detail .reading-file>button{margin-top:12px}
.student-course-toolbar{border:1px solid #dce6df;border-radius:16px;background:#fff;padding:18px}.course-type-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:18px;border-bottom:1px solid #edf1ee}.course-type-tabs button,.course-date-presets button{border:1px solid transparent;background:#f2f6f3;color:#667e6e;border-radius:9px;cursor:pointer;font:inherit;font-size:13px;padding:10px 14px}.course-type-tabs button[aria-pressed=true]{background:#326c50;color:white}.student-course-date-bar{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-top:18px;flex-wrap:wrap}.course-date-presets{display:flex;flex-wrap:wrap;gap:5px}.course-date-presets button{background:transparent;padding:8px 10px;font-size:12px}.course-date-presets button[aria-pressed=true]{background:#eaf3ed;color:#305d43;border-color:#c9dfcf}.course-date-range{display:flex;align-items:center;gap:10px}.course-date-range label{font-size:12px;color:#6e8374;min-width:0}.course-date-range input{display:block;margin-top:6px;font-size:12px;min-height:38px;max-width:170px}.student-course-summary{font-size:12px;color:#7b8f80;margin:18px 3px}.student-course-group{margin-bottom:26px}.student-course-group>header{display:flex;gap:10px;align-items:center;margin-bottom:14px}.student-course-group>header h3{font-size:16px;margin:0;color:#3b5945}.student-course-group>header>span:last-child{margin-left:auto;color:#819084;font-size:12px}.course-group-icon{display:grid;place-items:center;width:32px;height:32px;background:#eaf3ee;color:#5e856b;border-radius:10px;font-size:14px}.course-group-icon.grammar{background:#f2edfa;color:#85709d}.course-group-icon.reading{background:#eaf1fa;color:#5f7f9c}.course-group-icon.review{background:#faf1df;color:#9b8252}.student-course-group .student-course-row{border-left:1px solid #dce6df;padding:18px;border-radius:13px}.student-course-date{display:flex;gap:16px;align-items:center;font-size:14px;color:#496752}.student-course-date strong{font-size:17px}.student-course-content{font-size:13px;color:#849388;margin-top:8px;line-height:1.8}
@media(max-width:950px){.dictation-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dictation-workspace{grid-template-columns:1fr}.dictation-hero-mark{width:65px;height:65px;font-size:32px}}
@media(max-width:600px){.dictation-hero{padding:20px;border-radius:16px;gap:10px}.dictation-hero h2{font-size:23px}.dictation-hero-mark{display:none}.dictation-hero p{font-size:12px}.dictation-steps{gap:12px;justify-content:space-between;font-size:11px}.dictation-steps span{gap:5px}.dictation-steps b{width:21px;height:21px}.dictation-panel{padding:18px}.dictation-setup{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dictation-library-field{grid-column:1/-1}.dictation-panel-footer{align-items:stretch;flex-direction:column;gap:12px}.dictation-panel-footer>.btn{width:100%}.dictation-history-grid{grid-template-columns:minmax(0,1fr)}.dictation-filters{flex-wrap:wrap;padding:14px}.dictation-filters label,.dictation-filters .dictation-search{flex:1 1 100%}.dictation-stats{gap:8px}.dictation-stats>div{padding:14px 10px}.dictation-stats span{font-size:11px}.dictation-stats strong{font-size:26px}.dictation-section-heading{gap:10px}.dictation-page h3{font-size:16px}.dictation-section-heading .btn{padding:8px 10px;font-size:12px;flex:none}.dictation-submission{padding:18px}.student-course-toolbar{padding:14px}.course-type-tabs{gap:6px}.course-type-tabs button{padding:9px 11px;font-size:12px}.course-date-range{width:100%;gap:8px}.course-date-range label{flex:1}.course-date-range input{width:100%;max-width:none;padding:8px 5px}.student-course-group .student-course-row{padding:16px}.student-course-date{gap:10px}.student-course-date strong{font-size:16px}}
.review-memory{border:1px solid #dde7e0;border-radius:18px;padding:18px;background:#fff;margin:14px 0;color:#40544a;text-align:left}.memory-chart-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,.8fr);align-items:center;gap:20px}.memory-wheel{display:block;width:100%;max-width:440px;margin:auto;overflow:visible}.memory-sector path{stroke:#fff;stroke-width:2}.memory-sector.red path{fill:#f7d5d2}.memory-sector.yellow path{fill:#f9ebae}.memory-sector.green path{fill:#bce3c7}.memory-sector text{fill:#70403c;font-size:12px;font-weight:650;font-family:inherit;pointer-events:none}.memory-sector.yellow text{fill:#7d682c}.memory-sector.green text{fill:#285e3c}.memory-sector .memory-sector-count{font-size:23px;font-weight:800}.memory-center-count{fill:#37694b;font-size:29px;font-weight:800}.memory-center-label{fill:#839087;font-size:13px}.memory-chart-guide h4{font-size:17px;line-height:1.8;margin:0 0 16px;color:#355743}.memory-chart-guide p{font-size:13px;line-height:1.9;margin:9px 0}.memory-chart-guide .memory-rule{padding:12px;background:#f6f8f5;border-radius:10px;color:#7f887c;font-size:12px}.memory-chart-guide>strong{display:block;font-size:13px;margin-top:14px;color:#5a7763}.memory-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}.memory-dot.red{background:#d67b74}.memory-dot.yellow{background:#dabd51}.memory-dot.green{background:#70ac82}.memory-zone-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.memory-zone{border:1px solid #eadcc0;border-radius:10px;background:#fffcf2;min-width:0}.memory-zone.red{border-color:#ebd5d1;background:#fff8f7}.memory-zone.green{border-color:#cce1d2;background:#f3faf5}.memory-zone summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:11px 13px;font-size:13px;list-style:none}.memory-zone summary::before{content:'＋';color:#998c6b}.memory-zone[open] summary::before{content:'−'}.memory-zone summary>span{flex:1}.memory-zone summary b{font-size:12px}.memory-zone>p{font-size:12px;color:#8b897c;margin:0 13px 10px}.memory-word-list{max-height:180px;overflow:auto;padding:0 13px 12px;display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.memory-word-list span{border-top:1px solid #e6e4d980;padding-top:7px}.memory-word-list small{color:#8b9689;margin-left:5px}.memory-answer-help{color:#7d8b80;font-size:13px;line-height:1.8;margin:18px 0}.memory-word-state{font-size:12px;white-space:nowrap;padding:5px 8px;border-radius:7px;background:#faf0c6;color:#8a7334}.memory-word-state[data-tone=green]{background:#e0f0e4;color:#427252}.memory-word-state[data-tone=red]{background:#f9e2df;color:#a2625a}#reviewWordsList .check-actions-circle{flex-wrap:wrap;justify-content:flex-end;gap:8px}.report-card:has(.review-memory){width:min(900px,95vw);max-width:900px}
@media(max-width:650px){.review-memory{padding:12px}.memory-chart-layout{grid-template-columns:minmax(0,1fr);gap:8px}.memory-chart-guide h4{text-align:center;font-size:15px;margin-bottom:10px}.memory-chart-guide .memory-rule{font-size:12px}.memory-zone-lists{gap:6px}.memory-zone summary{font-size:11px;padding:9px 8px;gap:5px}.memory-zone summary b{font-size:10px}.memory-zone>p,.memory-word-list{font-size:11px}.memory-wheel{max-width:370px}.memory-word-state{font-size:10px}#reviewWordsList .word-check-item{flex-wrap:wrap}#reviewWordsList .check-actions-circle{margin-left:auto}}
.review-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card,white)}
.review-answer-summary{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--text-muted)}
.review-count-correct{color:var(--primary)}
.review-count-incorrect{color:var(--danger)}
#submitReviewBtn{width:auto;flex:0 0 auto;margin:0;padding:10px 24px}
.review-report-page{max-width:960px;margin:24px auto;padding:24px;border-radius:16px;background:var(--bg-card,white)}
.review-report-page .report-grid{gap:10px}
.review-report-page .report-stat{padding:16px 6px;min-width:0}
.review-report-page .report-stat-label{white-space:nowrap}
.review-report-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.review-report-word{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}
.review-report-word>div{min-width:0;overflow-wrap:anywhere}
.review-report-word>div>span{display:block;color:var(--text-muted);margin-top:4px}
.review-report-word>span{flex-shrink:0}
@media(max-width:600px){.review-report-page{margin:12px 0;padding:16px}.review-submit-bar{padding:14px}.review-answer-summary{gap:8px 14px}}
@media(max-width:1050px){
 :is(#pageProfile,#pageStudents) .student-list-header{display:none}
 :is(#pageProfile,#pageStudents) .student-list-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}
 :is(#pageProfile,#pageStudents) .student-list-identity,:is(#pageProfile,#pageStudents) .student-list-actions{grid-column:1/-1}
 :is(#pageProfile,#pageStudents) .student-list-field-label{display:block}
 :is(#pageProfile,#pageStudents) .student-list-actions{flex-wrap:wrap;justify-content:flex-start}
 :is(#pageProfile,#pageStudents) .student-row-action{min-height:40px}
}
@media(max-width:600px){
 :is(#pageProfile,#pageStudents) .my-settings-detail{padding:12px}
 :is(#pageProfile,#pageStudents) .student-manager-titlebar,:is(#pageProfile,#pageStudents) .student-manager-head{flex-wrap:wrap;gap:10px}
 :is(#pageProfile,#pageStudents) .student-search-box{min-width:0;width:100%}
 :is(#pageProfile,#pageStudents) .student-list-field strong,:is(#pageProfile,#pageStudents) .student-class-time{white-space:normal;overflow-wrap:anywhere}
 :is(#pageProfile,#pageStudents) .my-settings-row-main{min-width:0}
 :is(#pageProfile,#pageStudents) .my-settings-row-side{flex-shrink:0}
 :is(#pageProfile,#pageStudents) .my-settings-row-text{min-width:0;overflow-wrap:anywhere}
 :is(#pageProfile,#pageStudents) .student-info-item{min-width:0;flex:1 1 100%;overflow-wrap:anywhere}
 .modal-box{max-width:calc(100vw - 24px);box-sizing:border-box}
 .modal-box input,.modal-box select,.modal-box textarea{max-width:100%;min-width:0;box-sizing:border-box}
}
.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.calendar-day,.day-courses-inline,.day-course-row{min-width:0;max-width:100%}
.calendar-day{overflow:hidden}
.day-course-count{display:none}
@media(max-width:600px){
 .calendar-container{min-width:0;max-width:100%;padding:10px}
 .calendar-header{flex-wrap:wrap;gap:8px}
 .calendar-title{font-size:16px}
 .calendar-nav{gap:6px;flex-wrap:wrap}
 .calendar-nav-btn{min-height:36px;padding:6px 10px}
 .calendar-grid{gap:3px}
 .calendar-weekday{padding:6px 0;min-width:0}
 .calendar-day{height:64px;min-height:64px;padding:6px 1px;align-items:center;justify-content:flex-start;border-radius:8px}
 .calendar-day:hover{transform:none}
 .calendar-day .day-number{font-size:13px;line-height:20px;margin-bottom:4px}
 .calendar-day .day-courses-inline{display:none}
 .day-course-count{display:block;max-width:100%;padding:2px 3px;border-radius:5px;background:#e8f5e9;color:#256b38;font-size:11px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .day-course-count span{margin-left:2px}
 .day-courses-modal .course-item-header{flex-wrap:wrap;gap:8px}
 .day-courses-modal .course-item{min-width:0;overflow-wrap:anywhere}
 .day-courses-modal .course-lib-tag{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
.calendar-day.selected-calendar-day{box-shadow:inset 0 0 0 2px var(--primary);background:#e8f5e9}
#todayCourseInfo{scroll-margin-top:16px}
.selected-day-empty{padding:16px;color:var(--text-muted)}
.word-family-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.word-family-card{padding:16px;border:1px solid var(--border);border-radius:12px;min-width:0;background:#fafcf8;overflow-wrap:anywhere}
.word-family-card.is-current{border-color:var(--primary);background:#edf7ee}
.word-family-card-label{font-size:12px;color:var(--text-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
.word-family-card-word{border:0;background:transparent;color:var(--primary);font:inherit;font-size:20px;font-weight:700;cursor:pointer;padding:10px 0;max-width:100%;overflow-wrap:anywhere;text-align:left}
.word-family-card p{margin:0 0 10px;line-height:1.6}
.word-family-example{border-top:1px solid var(--border);padding-top:10px;line-height:1.7;font-size:13px}
.word-family-example button{border:0;background:transparent;cursor:pointer;padding:6px}
.word-collocation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.word-collocation-row{display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px;border:1px solid #dcebdd;border-radius:11px;background:#f6fbf6}.word-collocation-row>span{color:var(--text-secondary);font-size:13px;line-height:1.5}.word-usage-audio{width:fit-content;max-width:100%;padding:5px 9px;border:1px solid #b9d9bd;border-radius:9px;background:#fff;color:var(--primary-dark);font:inherit;font-size:14px;font-weight:800;text-align:left;overflow-wrap:anywhere;cursor:pointer}.word-usage-audio::after{content:' 🔊';font-size:11px}.word-usage-audio:hover,.word-usage-audio:focus-visible{border-color:var(--primary);background:#eaf7ec}.word-relation-sense{margin:0 0 10px;color:var(--text-secondary);font-size:13px}.word-relation-row{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:start;gap:10px;margin-top:8px}.word-relation-row>strong{padding-top:8px;color:var(--primary-dark);font-size:13px}.word-relation-row>div{display:flex;flex-wrap:wrap;gap:7px}.word-relation-row .word-usage-audio{border-radius:999px}
.word-extension-modal .word-collocation-row{padding:14px 16px;border-color:#a8d2af;background:#f2f9f3;gap:8px}
.word-extension-modal .word-collocation-row .word-usage-audio{font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.4;color:#155c2d;font-weight:900;border-color:#8fc59a}
.word-extension-modal .word-collocation-row>span{font-size:1.08rem;line-height:1.5;color:#263e2b;font-weight:750}
.word-extension-modal .word-extension-section .similar-word-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:58px;padding:9px 13px;border-color:#a8cdb0;background:#f4faf4;text-align:left;line-height:1.35}
.word-extension-modal .similar-word-english{color:#155c2d;font-size:1.18rem;font-weight:900}
.word-extension-modal .similar-word-meaning{color:#263e2b;font-size:1.05rem;font-weight:750}
@media(max-width:500px){.word-family-cards{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.word-collocation-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){
 .blindbox-classify-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:8px}
 .blindbox-classify-layout .blindbox-panel{padding:8px;min-width:0}
 .blindbox-classify-layout .blindbox-panel-title{font-size:12px;gap:4px;flex-wrap:wrap}
 .blindbox-classify-layout .blindbox-side{min-height:0;min-width:0}
 .blindbox-classify-layout .blindbox-results-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));padding:6px;gap:8px}
 .blindbox-classify-layout .blindbox-result-column{padding:0;min-height:0}
 .blindbox-classify-layout .blindbox-result-column.red{border-left:0;border-top:1px solid var(--border);padding-top:8px}
 .blindbox-classify-layout .blindbox-result-head{padding:6px;font-size:12px;gap:3px;flex-wrap:wrap}
 .blindbox-classify-layout .blindbox-list-item{padding:8px;min-width:0}
 .blindbox-classify-layout .blindbox-list-word{overflow-wrap:anywhere}
 .blindbox-classify-layout .blindbox-row-actions{gap:5px;flex-wrap:wrap}
 .blindbox-classify-layout .blindbox-unpack-btn{padding:8px 4px;font-size:12px}
}
.student-lesson-balance{font-size:12px;font-weight:700;color:var(--primary);margin-top:5px;overflow-wrap:anywhere}
.hours-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:18px 0}
.hours-filters label{display:flex;flex-direction:column;gap:6px;min-width:0}
.hours-filters input{padding:10px;border:1px solid var(--border);border-radius:8px;min-width:0;max-width:100%}
.hours-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hours-metrics>div{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--border);border-radius:12px;background:white}
.hours-metrics strong{font-size:28px;color:var(--primary)}
.hours-metrics span{font-size:13px;color:var(--text-muted)}
.hours-table-wrap{overflow:auto}.hours-table{border-collapse:collapse;width:100%;table-layout:fixed}
.hours-table th,.hours-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--border);overflow-wrap:anywhere;font-size:14px}
@media(max-width:600px){.hours-metrics{gap:6px}.hours-metrics>div{padding:12px 8px}.hours-metrics span{font-size:11px}.hours-table th,.hours-table td{font-size:12px;padding:10px 4px}.hours-filters label{flex:1 1 40%}}
.teacher-hours-summary{margin:18px 0 24px}
.teacher-hours-summary h2{font-size:18px;margin-bottom:12px}
.teacher-hours-summary .hours-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
#pageStudents #studentList{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:16px;background:transparent;border:0;overflow:visible}
#pageStudents .student-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;border:1px solid var(--border);border-radius:16px;background:white;min-width:0;align-content:start}
#pageStudents .student-card.active{background:#f1f8ef;box-shadow:inset 0 0 0 1px var(--primary)}
#pageStudents .student-card .student-list-identity,#pageStudents .student-card .student-list-actions{grid-column:1/-1}
#pageStudents .student-card .student-list-field{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap}
#pageStudents .student-card .student-list-field-label{display:inline;flex:none;margin:0}
#pageStudents .student-card .student-list-field-label::after{content:'：'}
#pageStudents .student-card .student-list-field strong,#pageStudents .student-card .student-class-time{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pageStudents .student-card .student-list-actions{justify-content:flex-start;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border-light)}
#pageStudents .student-card .student-row-action{min-height:40px}
.student-completed-lessons{font-size:12px;color:var(--text-muted);margin-top:4px}

#pageStudentDetail .student-info-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px;margin:20px 0;padding:24px;overflow-wrap:anywhere}
.student-detail-actions{display:flex;flex-wrap:wrap;gap:12px}

.teacher-account-header{padding:24px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(120deg,#eff8ee,#fff);margin:18px 0 24px}
.teacher-account-header .my-account-avatar{width:72px;height:72px;border-radius:50%;font-size:28px;background:var(--primary)}
.teacher-account-heading{min-width:0;overflow-wrap:anywhere}
.teacher-account-header .my-account-identity strong{font-size:22px}
.teacher-account-header .my-account-badge{display:inline-block;margin-top:8px}
.teacher-account-header .my-settings-actions .btn{flex:0 1 auto}
.teacher-hours-details{border:1px solid var(--border);border-radius:16px;background:white;overflow:hidden}
.teacher-hours-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:22px;cursor:pointer}
.teacher-hours-details>summary::-webkit-details-marker{display:none}
.teacher-hours-label{display:block;color:var(--text-muted);font-size:14px;margin-bottom:8px}
.teacher-hours-details>summary strong{display:block;font-size:32px;color:var(--primary)}
.teacher-hours-details small{font-size:14px;font-weight:400}
.teacher-hours-hint{font-size:13px;color:var(--text-muted)}
.teacher-hours-details[open] .my-settings-chevron{display:inline-block;transform:rotate(90deg)}
.student-hours-breakdown{padding:18px 22px;border-top:1px solid var(--border-light)}
.student-hours-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border-light)}
.student-hours-row:last-child{border-bottom:0}
.student-hours-row>div{min-width:0;overflow-wrap:anywhere}
.student-hours-row>div:last-child{text-align:right;flex-shrink:0}
.student-hours-row span{display:block;font-size:12px;color:var(--text-muted);margin-top:5px}
@media(max-width:480px){.teacher-account-header{padding:18px}.teacher-hours-details>summary{padding:18px}.teacher-hours-hint{max-width:110px}.student-hours-breakdown{padding:16px}}

.teacher-avatar-wrap{position:relative;flex-shrink:0}
.teacher-avatar-wrap button{border:0;cursor:pointer;padding:0;overflow:hidden}
.teacher-avatar-wrap img{width:100%;height:100%;object-fit:cover}
.teacher-status-badge{position:absolute;right:-2px;bottom:-2px;background:#26813c;color:white;border:3px solid white;border-radius:50%;width:25px;height:25px;text-align:center;font-size:13px}
.teacher-account-heading #teacherAccountDisplay{display:inline}
.hours-date-filter{display:flex;flex-wrap:wrap;align-items:end;gap:12px}
.hours-inactive-toggle{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:13px;color:var(--text-secondary);cursor:pointer}
.hours-inactive-toggle input{width:16px;height:16px;accent-color:var(--primary)}
.hours-date-filter label{display:grid;gap:6px;min-width:0;font-size:13px;flex:1 1 140px}
.hours-date-filter input{width:100%;min-width:0;box-sizing:border-box;padding:9px;border:1px solid var(--border);border-radius:8px}

.check-completion-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:16px}.check-completion-actions .btn{width:auto;min-width:0;padding:10px 18px;font-size:14px}.classify-speak.blindbox-list-word{border:0;background:transparent;text-align:left;cursor:pointer;font-family:inherit;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:900;line-height:1.25;color:#1b5e20}.word-check-english{cursor:pointer}
@media(max-width:650px){.classify-speak.blindbox-list-word{font-size:1.25rem}}

.teacher-account-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.teacher-account-header .my-account-identity{margin:0;min-width:0;flex:1}
.teacher-account-header #teacherHoursPanel{margin:0;flex:0 0 auto;border-left:1px solid var(--border);padding-left:24px}
.teacher-hours-link{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:0;color:var(--text);cursor:pointer;padding:8px;font:inherit}
.teacher-hours-link strong{font-size:30px;color:var(--primary)}
.teacher-hours-link small{font-size:13px;font-weight:400}
.teacher-hours-link>span{font-size:13px}
#teachingDetailsContent{background:white;border:1px solid var(--border);border-radius:16px;margin-top:20px}
@media(max-width:480px){.teacher-account-header{gap:10px;padding:16px 12px}.teacher-account-header .my-account-identity{gap:8px}.teacher-account-header .my-account-avatar{width:48px;height:48px;font-size:22px}.teacher-account-header .my-account-identity strong{font-size:18px}.teacher-account-header #teacherHoursPanel{padding-left:10px}.teacher-hours-link{padding:2px}.teacher-hours-link>span{font-size:11px}.teacher-hours-link strong{font-size:26px}}

/* Student account page follows the teacher's account-card layout. */
.student-account-header #studentAccountDisplay{display:inline}
.student-account-header .my-account-identity .student-account-avatar{display:grid;place-items:center;margin:0;color:#fff}
.student-account-header .teacher-status-badge{display:grid;place-items:center;margin:0;color:#fff}
.student-account-header .student-balance-summary{flex:0 0 auto;min-width:150px;padding-left:24px;border-left:1px solid var(--border);text-align:center}
.student-balance-summary span{display:block;color:var(--text-muted);font-size:13px;font-weight:700}
.student-balance-summary strong{display:block;margin-top:5px;color:var(--primary);font-size:30px;line-height:1.25}
#pageStudent-info .student-profile-sections{display:grid;gap:12px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
#pageStudent-info .student-profile-sections .my-settings-item{min-width:0;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden}
.student-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.student-profile-grid .my-account-field{min-width:0;padding:14px;border-radius:9px}
.student-profile-grid .my-account-field strong{font-size:15px}
@media(max-width:600px){.student-account-header{padding:16px;gap:12px}.student-account-header .my-account-avatar{width:50px;height:50px;font-size:22px}.student-account-header .my-account-identity strong{font-size:18px}.student-account-header .student-balance-summary{min-width:94px;padding-left:12px}.student-balance-summary strong{font-size:23px}.student-profile-grid{grid-template-columns:minmax(0,1fr);gap:8px}}

/* Student dictation uses two clear destinations, with practice controls kept together. */
.student-dictation-page .dictation-hero{padding:20px 24px;margin-bottom:14px;border-radius:16px}
.student-dictation-page .dictation-hero h2{font-size:24px;margin:4px 0 6px}
.student-dictation-page .dictation-hero-mark{width:60px;height:60px;border-radius:16px;font-size:30px}
.student-dictation-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px;padding:6px;background:#edf4ef;border:1px solid #dce9df;border-radius:14px}
.student-dictation-tabs button{min-width:0;min-height:48px;border:0;border-radius:10px;background:transparent;color:#557160;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.student-dictation-tabs button[aria-selected="true"]{background:#fff;color:#245b3d;box-shadow:0 2px 8px #244a2f1a}
.student-dictation-tabs button:focus-visible{outline:2px solid #438763;outline-offset:2px}
.student-dictation-pane[hidden]{display:none!important}
.student-dictation-page .dictation-history-section{margin-top:0}
.student-dictation-page .dictation-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.student-dictation-page .dictation-steps{padding:0 2px;margin-bottom:16px}
.student-dictation-page .dictation-panel{box-shadow:0 3px 12px #244a2f0a}
@media(max-width:600px){.student-dictation-page .dictation-hero{padding:18px}.student-dictation-tabs{gap:4px;padding:4px}.student-dictation-tabs button{font-size:13px;min-height:44px}.student-dictation-page .dictation-history-grid{grid-template-columns:minmax(0,1fr)}.student-dictation-page .dictation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.student-dictation-page .dictation-steps span{justify-content:center;white-space:nowrap;font-size:10px}.student-account-header .teacher-account-heading{min-width:0}}

#pageProfile .my-settings-list{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
#pageProfile .my-settings-item{min-width:0;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden}
#pageProfile .my-settings-item + .my-settings-item{border-top:1px solid var(--border)}
#pageProfile .my-settings-item > summary{min-height:76px;padding:16px 18px;gap:12px}
#pageProfile .my-settings-item[open] > summary{background:#f2f8f3}
#pageProfile .my-settings-row-icon{width:42px;height:42px;border-radius:12px;font-size:16px}
#pageProfile .my-settings-row-text strong{font-size:16px}
#pageProfile .my-settings-row-side{min-width:0}
#pageProfile .my-settings-row-value{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
#pageProfile .my-settings-detail{padding:16px 18px}
#pageProfile .my-settings-actions{display:flex;gap:8px;flex-wrap:wrap}
#pageProfile .my-settings-actions .btn{flex:1 1 125px;min-width:0}
#pageProfile .membership-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#pageProfile .membership-stat{min-width:0;min-height:66px;padding:10px;border:1px solid var(--border-light);border-left:3px solid #d8a530;border-radius:9px}
@media(max-width:650px){#pageProfile .my-settings-list{grid-template-columns:minmax(0,1fr);gap:12px}#pageProfile .my-settings-item > summary{min-height:64px;padding:12px 15px}#pageProfile .my-settings-detail{padding:14px 15px}#pageProfile .my-settings-row-value{max-width:130px}}

.example-level-group{border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px}.example-level-group h5{margin:0 0 8px}.example-level-group .example-level-row{display:flex;align-items:center;gap:10px}.example-level-group .example-level-text{flex:1;min-width:0;line-height:1.7}.example-source,.example-empty{font-size:12px;color:var(--text-muted)}.example-level-group .extension-speak-btn{flex-shrink:0;width:auto;padding:6px 10px}
.intense-challenge-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.word-match-modal{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:16px;background:rgba(38,36,70,.62)}
.word-match-content{display:flex;flex-direction:column;gap:12px;width:min(780px,100%);max-height:min(780px,calc(100dvh - 32px));min-width:0;padding:20px;border:3px solid #fff;border-radius:24px;background:radial-gradient(circle at 8% 8%,#fff2ba 0 35px,transparent 36px),radial-gradient(circle at 92% 12%,#d4f7ef 0 48px,transparent 49px),linear-gradient(160deg,#fffdf5,#fff 48%,#f4f6ff);box-shadow:0 22px 65px rgba(42,36,88,.28)}
.word-match-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.word-match-header h3{margin:0;color:#6742a5;font-size:22px}.word-match-close{flex:none;width:38px;height:38px;border:1px solid #e7dff2;border-radius:12px;background:#fff;color:#715a86;font-size:18px;cursor:pointer;box-shadow:0 3px 0 #e9e0f2}
.word-match-guide{margin:0;color:#635c78;font-size:13px;line-height:1.5}.word-match-progress-track{height:12px;overflow:hidden;border-radius:999px;background:#e8e5f6;border:2px solid #fff;box-shadow:inset 0 1px 3px rgba(69,55,104,.1)}.word-match-progress-fill{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#62d9bd,#8fcbef,#c4a1f5);transition:width .25s}.word-match-status{min-height:24px;color:#604497;font-size:14px;font-weight:800}.word-match-status.error{padding:8px 12px;border:1px solid #f4aaaa;border-radius:12px;background:#fff0ef;color:#bd3439}
.word-match-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0;overflow-y:auto;padding:3px 2px 6px}
.word-match-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0;height:90px;min-height:90px;max-height:90px;box-sizing:border-box;overflow:hidden;padding:10px 12px;border:2px solid #abd8ec;border-radius:16px;background:#e7f7ff;color:#273953;font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;box-shadow:0 4px 0 #c1e5f3;transition:background .18s,border-color .18s,transform .18s}
.word-match-card.zh{background:#fff1ec;border-color:#f5c9be;box-shadow:0 4px 0 #f7ded6}.word-match-card:hover,.word-match-card:focus-visible{border-color:#9570d9;transform:translateY(-2px)}.word-match-card.selected{background:#fff3b8;border-color:#e5b754;box-shadow:0 4px 0 #efdd9a}.word-match-card.incorrect{background:#ffdfdf;border-color:#e56f71;box-shadow:0 4px 0 #f5b6b6}.word-match-card.matched{visibility:hidden;pointer-events:none}
.word-match-card-side{flex:none;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.8);color:#5a6085;font-size:11px;font-weight:800}.word-match-card-label{display:-webkit-box;width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;font-weight:800;line-height:1.35}.word-match-tooltip{position:fixed;z-index:3;max-width:min(340px,calc(100vw - 24px));padding:9px 12px;border:1px solid #d7c8f3;border-radius:12px;background:#fff;color:#273953;box-shadow:0 8px 24px rgba(42,36,88,.22);font-size:14px;font-weight:700;line-height:1.45;overflow-wrap:anywhere;pointer-events:none}.word-match-tooltip[hidden]{display:none}.word-match-footer{display:flex;justify-content:flex-end}.word-match-restart{border-radius:999px!important;background:#fff!important;color:#6742a5!important;border-color:#d3bce8!important;font-weight:700!important}
.word-match-celebration{position:fixed;inset:0;z-index:2200;overflow:hidden;pointer-events:none}.word-match-win-label{position:absolute;z-index:1;top:34%;left:50%;min-width:220px;padding:18px 26px;border:3px solid #fff;border-radius:999px;background:linear-gradient(135deg,#fff4ac,#ffd8ec,#d5f8ee);box-shadow:0 12px 36px rgba(85,51,111,.24);color:#77428c;font-size:22px;font-weight:900;text-align:center;white-space:nowrap;transform:translate(-50%,-50%);animation:word-match-win-pop .45s ease-out both}.word-match-petal{position:absolute;top:-48px;font-size:24px;animation:word-match-flower-fall 2s linear both}.word-match-petal:nth-child(3n){color:#f4a8cf;font-size:30px}.word-match-petal:nth-child(4n){color:#f7bb4c;font-size:20px}@keyframes word-match-flower-fall{from{transform:translate3d(0,-20px,0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate3d(var(--petal-drift),calc(100vh + 90px),0) rotate(540deg);opacity:1}}@keyframes word-match-win-pop{from{transform:translate(-50%,-50%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.word-match-petal{animation:none;top:20%}.word-match-win-label{animation:none}}
.spelling-modal{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:16px;background:#eaf5ee;overscroll-behavior:contain}
.spelling-content{display:flex;flex-direction:column;gap:16px;width:min(520px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border:2px solid #cbe8d9;border-radius:22px;background:linear-gradient(155deg,#f2fff7,#fff 55%,#fff9ed);box-shadow:0 20px 60px rgba(17,55,45,.25)}
.spelling-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.spelling-header h3{margin:0;color:#22674c;font-size:21px}.spelling-close{flex:none;width:38px;height:38px;border:1px solid #b9d7c9;border-radius:10px;background:#fff;color:#366753;font-size:18px;cursor:pointer}
.spelling-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spelling-mode{min-height:44px;padding:8px 10px;border:1px solid #b9d7c9;border-radius:12px;background:#fff;color:#32614e;font:inherit;font-weight:800;cursor:pointer}.spelling-mode.active{border-color:#2a8156;background:#e4f6e9;color:#1f6847;box-shadow:inset 0 0 0 1px #2a8156}.spelling-mode:focus-visible,.spelling-free-input:focus-visible{outline:3px solid #86c5a2;outline-offset:2px}
.spelling-auto-settings{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border:1px solid #d5e9dd;border-radius:12px;background:#fff;color:#365b49;font-size:13px;font-weight:700}.spelling-auto-settings label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.spelling-auto-next{width:17px;height:17px;accent-color:#2a8156}.spelling-auto-delay{width:48px;min-height:32px;padding:4px;border:1px solid #b9d7c9;border-radius:7px;background:#fff;color:#234b3d;font:inherit;text-align:center}
.spelling-step{font-size:13px;font-weight:800;color:#527165}.spelling-question{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 16px;border:1px solid #d5e9dd;border-radius:16px;background:#fff;text-align:center}.spelling-meaning{font-size:22px;font-weight:900;color:#234b3d;line-height:1.5;overflow-wrap:anywhere}.spelling-speak{min-height:42px}
.spelling-guide{margin:0;color:#527165;font-size:13px;line-height:1.5}.spelling-pattern{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;min-height:72px;padding:14px 10px;border:1px dashed #9ccfaf;border-radius:12px;background:#f8fff9;color:#216544;font-size:clamp(20px,5vw,30px);font-weight:900;text-align:center;overflow-wrap:anywhere}.spelling-letter-fixed,.spelling-letter-input{display:inline-flex;align-items:center;justify-content:center;width:30px;height:38px;color:#216544;font:inherit;font-weight:900;text-align:center}.spelling-letter-input{padding:0;border:0;border-bottom:3px solid #2a8156;border-radius:0;background:#fff;text-transform:lowercase;outline:none}.spelling-letter-input:focus{border-bottom-color:#e69834;background:#fff8e8;box-shadow:0 3px 0 #f2cf8a}.spelling-word-space{width:13px}
.spelling-form{display:flex;justify-content:center}.spelling-form .btn{min-width:120px}.spelling-feedback{min-height:28px;color:#527165;font-size:14px;font-weight:800}.spelling-feedback.error{color:#b42d39}.spelling-feedback.success{color:#20714a}.spelling-actions{display:flex;justify-content:flex-end;gap:8px}.spelling-modal [hidden]{display:none!important}
.spelling-free{display:flex;justify-content:center;padding:10px;border:1px dashed #9ccfaf;border-radius:12px;background:#f8fff9}.spelling-free-input{width:min(100%,360px);min-height:52px;padding:9px 14px;border:2px solid #9ccfaf;border-radius:12px;background:#fff;color:#216544;font:inherit;font-size:20px;font-weight:800;letter-spacing:.03em;text-align:center;outline:none}.spelling-free-input:focus{border-color:#e69834;box-shadow:0 0 0 3px #f2cf8a88}
@media(max-width:480px){.spelling-content{padding:17px;gap:13px}.spelling-form .btn{width:100%}.spelling-meaning{font-size:19px}.spelling-letter-fixed,.spelling-letter-input{width:26px;height:34px}}
@media(pointer:coarse){.spelling-letter-input{font-size:20px}.spelling-auto-delay{font-size:16px}}
@media(max-width:600px){.word-match-content{padding:14px;gap:10px}.word-match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word-match-card{height:82px;min-height:82px;max-height:82px;padding:8px 9px}.word-match-card-label{font-size:13px}.word-match-header h3{font-size:19px}.intense-challenge-buttons .btn{flex:1 1 130px}}
.book-card:not(.has-card-actions) .book-title{padding-right:0}

/* 书本词库采用教材封面与词汇量的横向列表。 */
#pageManage .bookshelf{grid-template-columns:repeat(auto-fill,minmax(min(100%,480px),1fr));gap:12px;min-height:0}
#pageManage .book-card{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:16px;min-width:0;min-height:126px;padding:12px;border-radius:12px;animation:none}
#pageManage .book-card:hover{transform:none;box-shadow:0 5px 16px rgba(30,75,45,.11)}
#pageManage .book-cover{width:82px;height:110px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#f1f5f2;box-shadow:0 2px 7px rgba(0,0,0,.1)}
#pageManage .book-cover img{display:block;width:100%;height:100%;object-fit:contain}
#pageManage .book-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:34px;color:var(--primary);background:linear-gradient(145deg,#dcefe0,#f7faf6)}
#pageManage .book-info{min-width:0;align-self:center}
#pageManage .book-title{padding:0;color:var(--text);font-size:15px;line-height:1.45;overflow-wrap:anywhere}
#pageManage .book-card.has-card-actions .book-info{padding-right:58px}
#pageManage .word-count{display:block;margin-top:9px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500}
#pageManage .book-card .card-actions{top:10px;right:10px}
@media(max-width:600px){#pageManage .bookshelf{grid-template-columns:minmax(0,1fr);gap:10px}#pageManage .book-card{grid-template-columns:72px minmax(0,1fr);gap:13px;min-height:110px;padding:10px}#pageManage .book-cover{width:72px;height:96px}#pageManage .book-title{font-size:14px}#pageManage .word-count{margin-top:7px;font-size:12px}}
body[data-role="student"] .student-library-summary{display:grid;grid-template-columns:68px minmax(0,1fr) 18px;align-items:center;gap:14px;min-height:92px;list-style:none;color:var(--text)}
body[data-role="student"] .student-library-summary::-webkit-details-marker{display:none}
body[data-role="student"] .student-library-summary::after{content:'⌄';color:var(--text-muted);font-size:19px;line-height:1;transition:transform .2s}
body[data-role="student"] .student-library-details[open] .student-library-summary::after{transform:rotate(180deg)}
body[data-role="student"] .student-library-cover{display:grid;place-items:center;width:68px;height:90px;overflow:hidden;border-radius:7px;background:#f1f5f2;box-shadow:0 2px 7px rgba(0,0,0,.1)}
body[data-role="student"] .student-library-cover img{display:block;width:100%;height:100%;object-fit:contain}
body[data-role="student"] .student-library-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#dcefe0,#f7faf6);font-size:29px}
body[data-role="student"] .student-library-meta{min-width:0}
body[data-role="student"] .student-library-meta strong{display:block;color:var(--text);font-size:15px;line-height:1.45;overflow-wrap:anywhere}
body[data-role="student"] .student-library-meta small{display:block;margin-top:7px;color:var(--text-muted);font-size:12px;font-weight:500}
/* Separate article and question OCR, with editable recognized text. */
.reading-question-upload{display:grid;gap:10px}
.reading-question-upload>label{display:grid;gap:7px;min-width:0}
.reading-question-upload textarea{width:100%;min-width:0;box-sizing:border-box;line-height:1.6}
.reading-question-upload [data-question-status],.reading-editor [data-upload-status]{display:block;min-width:0;color:var(--text-muted);font-size:13px;overflow-wrap:anywhere}
.reading-question-source{margin:14px 0;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.reading-question-source p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.reading-form-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:10px 0;font-size:13px;color:var(--text-muted)}
.reading-form-suggestions .btn{max-width:100%;padding:5px 9px;font-size:12px;white-space:normal;text-align:left;overflow-wrap:anywhere}
@media(max-width:600px){body[data-role="student"] .student-library-summary{grid-template-columns:64px minmax(0,1fr) 16px;gap:12px;padding:10px 12px}body[data-role="student"] .student-library-cover{width:64px;height:86px}body[data-role="student"] .student-library-meta strong{font-size:14px}}

/* 自定义词库：两个切换页，新建和导入导出共用一个操作区。 */
#pageManage .custom-library-panel{border:0;background:transparent;box-shadow:none;overflow:visible}
#pageManage .custom-library-header{min-height:0;padding:0 0 14px;background:transparent;border:0;align-items:center}
#pageManage .custom-library-title{font-size:19px;line-height:1.4;color:var(--text)}
#pageManage .custom-library-count{padding:5px 10px;border-radius:999px;font-size:12px}
#pageManage .custom-library-tabs{display:flex;gap:6px;margin-bottom:14px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
#pageManage .custom-library-tab{flex:1;min-width:0;min-height:42px;padding:8px 14px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
#pageManage .custom-library-tab.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}
#pageManage .custom-library-tab:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
#pageManage #customLibraryManagePane[hidden],#pageManage #customLibraryListPane[hidden]{display:none}
#pageManage .custom-library-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;padding:0;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}
#pageManage .custom-library-section{min-width:0;padding:22px}
#pageManage .custom-library-section+.custom-library-section{border-left:1px solid var(--border-light)}
#pageManage .custom-library-workspace h2{margin:0 0 14px;color:var(--text);font-size:16px}
#pageManage .custom-library-divider{height:1px;margin:24px 0;background:var(--border-light)}
#pageManage .custom-library-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;align-items:end}
#pageManage .custom-library-form>.custom-library-action{grid-column:1/-1}
#pageManage .custom-library-transfer{display:grid;gap:16px}
#pageManage .custom-library-transfer-row{display:grid;grid-template-columns:minmax(0,1fr) 5.4rem;gap:10px;align-items:end}
#pageManage .custom-library-transfer-row .export-quota-display{grid-column:1/-1}
#pageManage .export-quota-display{justify-self:end;margin-left:0;font-size:11px;font-weight:700}
#pageManage .custom-library-field label{font-size:12px;font-weight:600;margin-bottom:6px}
#pageManage .custom-library-field .form-input,#pageManage .custom-library-field .form-select{width:100%;min-width:0;box-sizing:border-box;min-height:40px}
#pageManage .custom-library-action{min-height:40px;box-sizing:border-box;margin:0;white-space:nowrap}
#pageManage .custom-library-list-section h2{font-size:17px;margin:0 0 12px}
#pageManage .custom-library-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
#pageManage .custom-library-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px 82px 18px 18px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .2s,box-shadow .2s}
#pageManage .custom-library-card:hover,#pageManage .custom-library-card:focus-visible{border-color:var(--primary);box-shadow:0 4px 14px rgba(29,92,49,.12)}
#pageManage .custom-library-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
#pageManage .custom-library-card-main{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1}
#pageManage .custom-library-card-main>div{min-width:0}
#pageManage .custom-library-card-mark{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:11px;background:#edf6ef;font-size:21px}
#pageManage .custom-library-card h3{font-size:16px;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere}
#pageManage .custom-library-card p{margin:0;color:var(--text-muted);font-size:12px}
#pageManage .custom-library-delete{position:absolute;right:16px;top:17px;min-width:52px;min-height:36px;padding:5px 9px;border:1px solid #e8b5b5;border-radius:8px;background:#fff7f7;color:#ae4444;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
#pageManage .custom-library-delete:hover,#pageManage .custom-library-delete:focus-visible{background:#fce8e8;border-color:#cf7777;color:#942d2d}
#pageManage .custom-library-empty{grid-column:1/-1;padding:28px 18px;border:1px dashed var(--border);border-radius:12px;background:#fff;color:var(--text-muted);text-align:center;font-size:14px}
@media(max-width:700px){#pageManage .custom-library-header{padding-bottom:12px}#pageManage .custom-library-title{font-size:17px}#pageManage .custom-library-workspace{grid-template-columns:minmax(0,1fr)}#pageManage .custom-library-section{padding:16px}#pageManage .custom-library-section+.custom-library-section{border-left:0;border-top:1px solid var(--border-light)}#pageManage .custom-library-form{grid-template-columns:minmax(0,1fr);gap:12px}#pageManage .custom-library-action{width:100%}#pageManage .custom-library-transfer-row{grid-template-columns:minmax(0,1fr) 5.4rem;gap:10px}#pageManage .custom-library-transfer-row .custom-library-action{min-width:0}#pageManage .custom-library-card{padding:15px 77px 15px 15px}#pageManage .custom-library-delete{right:14px;top:14px}}
@media(max-width:360px){#pageManage .custom-library-transfer-row{grid-template-columns:minmax(0,1fr)}#pageManage .custom-library-transfer-row .custom-library-action{width:100%}}

/* Keep the two import methods together and give export its own clear area. */
#pageManage .custom-library-workspace{grid-template-columns:minmax(0,1fr)}
#pageManage .custom-library-section+.custom-library-section{border-left:0;border-top:1px solid var(--border-light)}
#pageManage .custom-library-form{grid-template-columns:minmax(120px,180px) minmax(0,1fr) auto}
#pageManage .custom-library-form>.custom-library-action{grid-column:auto;min-width:110px}
#pageManage .custom-library-import-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:start;gap:16px}
#pageManage .custom-library-import-method{min-width:0;padding:18px;border:1px solid var(--border);border-radius:12px;background:#f9fcf9}
#pageManage .custom-library-import-method h3{margin:0 0 16px;color:var(--text);font-size:15px;line-height:1.4}
#pageManage .image-library-import.custom-library-import-method{margin:0;background:#f9fcf9}
#pageManage .excel-library-import{border-top:3px solid #6ab5a0}
#pageManage .image-library-import.custom-library-import-method{border-top:3px solid #88b7e8}
#pageManage .custom-library-import-method .custom-library-action{min-width:0}
#pageManage .excel-library-import>.custom-library-action{width:100%;margin-top:14px}
#pageManage .excel-library-fields{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:10px;margin-top:14px}
#pageManage .excel-library-fields[hidden]{display:none!important}
#pageManage .custom-library-export-panel{margin-top:18px;padding:18px;border:1px solid var(--border);border-radius:12px;background:#fff}
#pageManage .custom-library-export-panel h2{margin-bottom:14px}
#pageManage .custom-library-export-panel .custom-library-transfer-row{max-width:640px;padding:0;border:0;background:transparent;grid-template-columns:minmax(0,1fr) 7.4rem}
#pageManage .custom-library-export-panel .export-quota-display{justify-self:start}
@media(max-width:900px){#pageManage .custom-library-import-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){#pageManage .custom-library-form{grid-template-columns:minmax(0,1fr)}#pageManage .custom-library-form>.custom-library-action{width:100%}#pageManage .custom-library-import-method,#pageManage .custom-library-export-panel{padding:15px}}
@media(max-width:540px){#pageManage .custom-library-export-panel .custom-library-transfer-row,#pageManage .excel-library-fields{grid-template-columns:minmax(0,1fr)}#pageManage .custom-library-transfer-row .custom-library-action{width:100%}}

/* Student course list and calendar share the same chronological course rows. */
.student-course-toolbar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #edf1ee}
.student-course-toolbar-top .course-type-tabs{flex:1;min-width:0;border-bottom:0}
.student-course-view-tabs{display:flex;flex:none;gap:3px;padding:3px;background:#f2f6f3;border-radius:10px}
.student-course-view-tabs button{border:0;border-radius:8px;background:transparent;color:#567361;cursor:pointer;font:inherit;font-size:13px;padding:9px 14px;white-space:nowrap}
.student-course-view-tabs button[aria-pressed=true]{background:#326c50;color:#fff;box-shadow:0 2px 6px #1c503028}
.student-course-list{display:grid;gap:10px}
.student-course-list .student-course-row{min-width:0;border-left-color:#68a67e}
.student-course-main{min-width:0}
.student-course-row-side{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;min-width:0}
.student-course-row-side .btn{font-size:12px;padding:6px 10px}
.student-course-type-label{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 9px;background:#eaf3ee;color:#326c50;font-size:12px;white-space:nowrap}
.student-course-type-label.grammar{background:#f1ebfa;color:#795d9a}
.student-course-type-label.reading{background:#e9f1fa;color:#4b7297}
.student-course-type-label.review{background:#fbf1df;color:#927334}
.student-calendar{border:1px solid #dce6df;border-radius:16px;background:#fff;overflow:hidden}
.student-calendar-header{display:flex;align-items:center;justify-content:center;gap:18px;padding:17px;background:#f7faf7;color:#345a40}
.student-calendar-header strong{min-width:105px;text-align:center;font-size:17px}
.student-calendar-header button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cfe1d2;border-radius:9px;background:#fff;color:#326c50;cursor:pointer;font-size:25px;line-height:1}
.student-calendar-grid{padding:0 12px 12px}
.student-calendar-weekdays,.student-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.student-calendar-weekdays>span{text-align:center;padding:12px 2px;color:#6f8575;font-size:12px}
.student-calendar-day,.student-calendar-empty{min-width:0;min-height:90px;border:1px solid #e9eee9;margin:-1px 0 0 -1px}
.student-calendar-day{display:flex;align-items:flex-start;flex-direction:column;gap:5px;background:#fff;color:#345a40;text-align:left;cursor:pointer;padding:8px}
.student-calendar-day:hover{background:#f4f9f4}
.student-calendar-day.today .student-calendar-number{background:#e0f0e5;color:#246b42}
.student-calendar-day.selected{background:#eaf5ed;box-shadow:inset 0 0 0 2px #4f9365;position:relative;z-index:1}
.student-calendar-number{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;font-weight:700;font-size:13px}
.student-calendar-count{color:#347954;font-weight:700;font-size:11px;white-space:nowrap}
.student-calendar-preview{display:flex;flex-direction:column;gap:3px;width:100%;min-width:0;color:#55745e;font-size:11px}
.student-calendar-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;background:#e9f3ea;padding:3px 5px}
.student-calendar-preview em{font-style:normal}
.student-calendar-detail{border-top:1px solid #e6ede7;padding:18px}
.student-calendar-detail h3{margin:0 0 12px;font-size:15px;color:#345a40}
.student-calendar-detail>p{margin:0;color:#809184;font-size:13px}
@media(max-width:700px){.student-course-toolbar-top{flex-direction:column;gap:0}.student-course-toolbar-top .course-type-tabs{width:100%;padding-bottom:10px}.student-course-view-tabs{margin:0 0 12px}.student-course-row-side{justify-content:flex-start}.student-calendar-day,.student-calendar-empty{min-height:68px}.student-calendar-day{padding:5px}.student-calendar-preview{display:none}.student-calendar-count{font-size:10px}.student-calendar-grid{padding:0 7px 7px}.student-calendar-detail{padding:14px}}
@media(max-width:390px){.student-calendar-weekdays>span{font-size:10px}.student-calendar-day,.student-calendar-empty{min-height:56px}.student-calendar-day{gap:2px;padding:3px}.student-calendar-number{min-width:21px;height:21px;font-size:11px}.student-calendar-count{font-size:9px}}

.intense-check-picker{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:16px;background:#1739249c}
.intense-check-picker-card{width:min(100%,560px);max-height:min(80vh,680px);display:flex;flex-direction:column;border-radius:18px;background:#fff;box-shadow:0 18px 48px #17392442;overflow:hidden}
.intense-check-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 8px}
.intense-check-picker-head h3{margin:0;color:#285d3d;font-size:19px}
.intense-check-picker-close{border:0;background:transparent;color:#536959;cursor:pointer;font-size:20px}
.intense-check-picker-card>p{margin:0;padding:0 20px 12px;color:#667b6d;font-size:13px}
.intense-check-picker-select-all{display:flex;align-items:center;gap:10px;margin:0 20px 12px;padding:10px 12px;border:1px solid #bddbc2;border-radius:10px;background:#eff8ef;color:#285d3d;font-weight:600;cursor:pointer}
.intense-check-picker-select-all input{width:18px;height:18px;margin:0;accent-color:#397c4b;flex:none}
.intense-check-picker-select-all small{margin-left:auto;color:#667b6d;font-size:12px;font-weight:400}
.intense-check-picker-list{display:grid;gap:8px;padding:0 20px 16px;overflow:auto}
.intense-check-picker-list label{display:flex;align-items:flex-start;gap:12px;border:1px solid #dbe9dc;border-radius:11px;padding:12px;cursor:pointer;background:#f8fbf8}
.intense-check-picker-list label:has(input:checked){border-color:#7caf85;background:#eff8ef}
.intense-check-picker-list input{width:18px;height:18px;margin:2px 0 0;accent-color:#397c4b;flex:none}
.intense-check-picker-list span{display:grid;gap:5px;min-width:0}
.intense-check-picker-list strong{color:#315f3d;font-size:14px}
.intense-check-group-status{justify-self:start;padding:2px 7px;border-radius:999px;background:#eaf5ec;color:#387448;font-size:11px;font-style:normal}
.intense-check-group-status.done{background:#e9edf0;color:#566a75}
.intense-check-picker-list small{color:#657b69;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.intense-check-picker-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid #e3ebe4;padding:14px 20px}
.pending-check-end-modal{z-index:13000}
.pending-check-end-modal .modal-box{width:min(520px,100%)}
.pending-check-end-modal .modal-box p{line-height:1.7;color:var(--text-secondary);margin:0 0 1.2rem}
.pending-check-end-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}
@media(max-width:520px){.pending-check-end-actions .btn{flex:1 1 100%}}
.intense-check-picker-actions [role=status]{margin-right:auto;color:#b53535;font-size:12px}
@media(max-width:600px){.intense-check-picker-head{padding:16px 15px 8px}.intense-check-picker-card>p{padding:0 15px 12px}.intense-check-picker-select-all{margin:0 15px 12px}.intense-check-picker-list{padding:0 15px 12px}.intense-check-picker-actions{padding:12px 15px}}
.spelling-auto-settings[hidden]{display:none}
.memory-word-list{font-size:1rem}
@media(max-width:650px){.memory-word-list{font-size:.95rem}}

/* 阅读课堂中的文章词与收藏词沿用课堂大字标准。 */
#readingClassroomModule .reading-layout{gap:26px}
#readingClassroomModule .reading-text{font-size:clamp(1.22rem,1.8vw,1.42rem);line-height:2.05}
#readingClassroomModule .reading-study-flow{max-width:1100px}
#readingClassroomModule .reading-study-word{min-height:74px;padding:16px 20px}
#readingClassroomModule .reading-study-term{font-size:clamp(1.45rem,2.3vw,1.85rem)}
#readingClassroomModule .reading-study-term small{font-size:1.05rem}
#readingClassroomModule .reading-study-card{max-width:950px}
#readingClassroomModule .reading-study-card h2{font-size:clamp(2.2rem,3vw,2.8rem)}

/* 课堂单词游戏使用更大的可读区域，配对格仍保持等高。 */
.word-match-content{width:min(980px,100%);max-height:calc(100dvh - 32px)}
.word-match-card{height:108px;min-height:108px;max-height:108px;padding:12px 14px}
.word-match-card-label{font-size:19px;line-height:1.32}
.word-match-card-side{font-size:13px}
.word-match-tooltip{font-size:17px}
.spelling-content{width:min(650px,100%)}
.spelling-question{padding:28px 20px}
.spelling-meaning{font-size:26px}
.spelling-pattern{min-height:88px;font-size:clamp(25px,4vw,38px)}
.spelling-letter-fixed,.spelling-letter-input{width:35px;height:45px}
.spelling-free-input{width:min(100%,470px);min-height:62px;font-size:25px}
.spelling-feedback{font-size:17px}
@media(max-width:600px){
  .word-match-content{width:100%;max-height:calc(100dvh - 16px)}
  .word-match-card{height:104px;min-height:104px;max-height:104px;padding:10px}
  .word-match-card-label{font-size:17px}
  .word-match-card-side{font-size:12px}
  .spelling-content{width:100%;padding:17px}
  .spelling-question{padding:22px 14px}
  .spelling-meaning{font-size:22px}
  .spelling-pattern{font-size:clamp(23px,6vw,30px)}
  .spelling-letter-fixed,.spelling-letter-input{width:30px;height:40px}
  .spelling-free-input{font-size:21px;min-height:56px}
}