*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f0f4f8;min-height:100vh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#root{min-height:100vh}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.home{padding:16px 0}.home-header{text-align:center;margin-bottom:36px}.home-title{color:#1a1a2e;margin-bottom:6px;font-size:28px;font-weight:700}.home-sub{color:#888;font-size:15px}.subject-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:700px;margin:0 auto;display:grid}.subject-card{background:var(--card-bg);text-align:center;border:2px solid #0000;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.subject-card:hover{border-color:var(--card-color);transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.subject-icon{background:var(--card-color);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:flex}.subject-label{color:#1a1a2e;font-size:20px;font-weight:700}.subject-desc{color:#888;font-size:13px;line-height:1.5}@media (width<=600px){.subject-grid{grid-template-columns:1fr;max-width:320px}.subject-card{text-align:left;flex-direction:row;gap:16px;padding:20px}.subject-icon{flex-shrink:0}}.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:380px;padding:40px 36px;box-shadow:0 20px 60px #00000026}.login-logo{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:32px;font-weight:700;display:flex}.login-title{color:#1a1a2e;margin-bottom:4px;font-size:22px;font-weight:700}.login-sub{color:#888;margin-bottom:28px;font-size:14px}.login-form{flex-direction:column;gap:12px;display:flex}.login-input{border:1.5px solid #e8edf2;border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:border .2s}.login-input:focus{border-color:#667eea}.login-error{color:#e53e3e;text-align:left;font-size:13px}.login-btn{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;margin-top:4px;padding:13px;font-size:16px;font-weight:600;transition:opacity .2s}.login-btn:disabled{opacity:.6}.login-btn:hover:not(:disabled){opacity:.9}.login-toggle{color:#667eea;margin-top:20px;font-size:14px}.login-notice{color:#f59e0b;text-align:left;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px}.detail{padding:8px 0}.back-btn{color:#4f46e5;margin-bottom:16px;padding:6px 0;font-size:14px}.mode-tabs{background:#f3f4f6;border-radius:10px;gap:8px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.tab{color:#666;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .15s}.tab.active{color:#4f46e5;background:#fff;box-shadow:0 1px 4px #0000001a}.char-cards{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.char-card{background:#fff;border:1.5px solid #e8edf2;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:140px;padding:20px 16px;display:flex}.big-char{color:#4f46e5;font-size:52px;font-weight:700;line-height:1}.char-pinyin{color:#888;font-size:15px}.char-meaning{color:#555;text-align:center;font-size:13px}.char-words{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.word-tag{color:#4f46e5;background:#eef2ff;border-radius:20px;padding:3px 10px;font-size:12px}.tip-box{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.tip-icon{flex-shrink:0;font-size:18px}.tip-text{color:#92400e;font-size:14px;line-height:1.6}.quiz-view{text-align:center}.quiz-progress{color:#aaa;margin-bottom:8px;font-size:13px}.quiz-question{color:#555;margin-bottom:16px;font-size:16px}.quiz-blank{color:#1a1a2e;letter-spacing:4px;margin-bottom:28px;font-size:36px;font-weight:700}.quiz-options{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:20px;display:flex}.option-btn{color:#1a1a2e;background:#fff;border:2px solid #e8edf2;border-radius:14px;width:64px;height:64px;font-size:28px;font-weight:700;transition:all .15s}.option-btn:hover{border-color:#4f46e5}.option-btn.correct{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.option-btn.wrong{color:#dc2626;background:#fef2f2;border-color:#dc2626}.quiz-feedback{margin-top:8px}.feedback-correct{color:#16a34a;margin-bottom:16px;font-size:15px}.feedback-wrong{color:#dc2626;margin-bottom:16px;font-size:15px}.next-btn{color:#fff;background:#4f46e5;border-radius:10px;padding:10px 32px;font-size:15px;font-weight:600}.quiz-done{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px 0;display:flex}.score-circle{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:28px;font-weight:700;display:flex}.score-msg{color:#333;font-size:18px;font-weight:500}.restart-btn,.study-btn{border-radius:10px;padding:10px 28px;font-size:15px;font-weight:600}.restart-btn{color:#fff;background:#4f46e5}.study-btn{color:#555;background:#f3f4f6}.confusables{padding:8px 0}.filters{background:#fff;border:1px solid #e8edf2;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-label{color:#888;flex-shrink:0;width:32px;font-size:13px}.filter-btn{color:#555;background:#fff;border:1.5px solid #e8edf2;border-radius:20px;padding:5px 12px;font-size:13px;transition:all .15s}.filter-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.confusable-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.confusable-card{background:#fff;border:1.5px solid #e8edf2;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.card-chars{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.card-char{color:#1a1a2e;font-size:28px;font-weight:700;line-height:1}.card-meta{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.type-badge,.grade-badge{border-radius:20px;padding:2px 8px;font-size:11px}.type-badge.homophone{color:#d97706;background:#fef3c7}.type-badge.similar{color:#2563eb;background:#dbeafe}.grade-badge{color:#666;background:#f3f4f6}.card-actions{gap:8px;display:flex}.action-btn{border-radius:8px;flex:1;padding:7px;font-size:13px;font-weight:500}.action-btn.study{color:#4f46e5;background:#eef2ff}.action-btn.quiz{color:#16a34a;background:#f0fdf4}.action-btn:hover{opacity:.8}.poems{padding:8px 0}.page-title{color:#1a1a2e;margin-bottom:20px;font-size:20px;font-weight:700}.grade-btn{color:#555;background:#fff;border:1.5px solid #e8edf2;border-radius:20px;padding:5px 14px;font-size:13px;transition:all .15s}.grade-btn.active{color:#fff;background:#d97706;border-color:#d97706}.poem-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.poem-card{cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:14px;padding:16px;transition:box-shadow .15s;position:relative}.poem-card:active{box-shadow:0 2px 12px #0000001a}.poem-card-title{color:#1a1a2e;margin-bottom:4px;font-size:16px;font-weight:700}.poem-card-meta{color:#888;margin-bottom:8px;font-size:12px}.poem-card-preview{color:#555;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.audio-badge{font-size:14px;position:absolute;top:12px;right:12px}.poem-detail{padding:8px 0}.poem-header{text-align:center;margin-bottom:20px}.poem-title{color:#1a1a2e;margin:0 0 6px;font-size:22px;font-weight:700}.poem-meta{color:#888;margin:0;font-size:14px}.mode-tabs{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.tab{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:20px;padding:7px 24px;font-size:14px;transition:all .15s}.tab.active{color:#fff;background:#d97706;border-color:#d97706}.poem-body{background:#fff;border:1.5px solid #e8edf2;border-radius:16px;padding:24px}.audio-player{text-align:center;margin-bottom:20px}.play-btn{color:#fff;cursor:pointer;background:#d97706;border:none;border-radius:24px;padding:8px 28px;font-size:15px;font-weight:600}.play-btn:active{opacity:.8}.poem-lines{text-align:center}.poem-line{color:#1a1a2e;letter-spacing:2px;margin:10px 0;font-size:20px;line-height:1.6}.recite-hint{text-align:center;color:#aaa;margin-bottom:16px;font-size:13px}.hidden-line{color:#d97706;letter-spacing:4px;cursor:pointer;border-bottom:2px dashed #d97706;padding:2px 0;display:inline-block}.reveal-all-btn{color:#555;cursor:pointer;background:#f3f4f6;border:none;border-radius:20px;margin:20px auto 0;padding:8px 24px;font-size:14px;display:block}.junior-subject{max-width:680px;margin:0 auto;padding:0}.back-btn{color:#7c3aed;cursor:pointer;background:0 0;border:none;padding:0 0 12px;font-size:14px;display:block}.chapter-tabs{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex;overflow-x:auto}.chapter-tabs::-webkit-scrollbar{display:none}.chapter-tab{color:#555;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1.5px solid #0000;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s}.chapter-tab:hover{color:#7c3aed;background:#ede9fe}.chapter-tab.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.chapter-tag{color:#d97706;vertical-align:middle;background:#fef3c7;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.chapter-tab.active .chapter-tag{color:#fff;background:#ffffff40}.knowledge-list{flex-direction:column;gap:10px;display:flex}.knowledge-card{cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:14px;transition:border-color .15s;overflow:hidden}.knowledge-card:hover{border-color:#c4b5fd}.knowledge-header{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.knowledge-title{color:#1a1a2e;font-size:15px;font-weight:600}.expand-icon{color:#aaa;font-size:11px;transition:transform .15s}.knowledge-body{border-top:1px solid #f0f0f0;padding:0 16px 16px}.knowledge-content{color:#444;margin-top:12px;margin-bottom:0;font-size:14px;line-height:1.75}.knowledge-content strong{color:#7c3aed}.formula-box{color:#3730a3;background:#f0f0ff;border-left:3px solid #7c3aed;border-radius:0 8px 8px 0;margin-top:10px;padding:8px 12px;font-family:Courier New,monospace;font-size:13px}.formula-label{color:#7c3aed;font-family:inherit;font-weight:600}.exam-tip{color:#92400e;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.6}.exam-label{color:#fff;vertical-align:middle;background:#f97316;border-radius:10px;margin-right:8px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.junior-back{color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:0 0 16px;font-size:14px;display:block}.poem-list{flex-direction:column;gap:8px;display:flex}.poem-list-item{cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .15s;display:flex}.poem-list-item:hover{border-color:#c4b5fd}.poem-list-title{color:#1a1a2e;font-size:15px;font-weight:600}.poem-list-meta{color:#888;margin-top:2px;font-size:13px}.poem-list-right{align-items:center;gap:8px;display:flex}.poem-grade-badge{color:#7c3aed;background:#f0f0ff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}.poem-list-arrow{color:#ccc;font-size:20px}.poem-detail-card{background:#fff;border:1.5px solid #e8edf2;border-radius:16px;padding:20px}.poem-detail-header{margin-bottom:16px}.poem-detail-title{color:#1a1a2e;margin-bottom:4px;font-size:22px;font-weight:700}.poem-detail-meta{color:#888;font-size:13px}.poem-detail-content{color:#333;white-space:pre-wrap;background:#fafafa;border-radius:10px;margin-bottom:16px;padding:16px;font-family:STSong,SimSun,serif;font-size:16px;line-height:2}.poem-detail-section{margin-bottom:12px}.poem-detail-label{color:#7c3aed;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:12px;font-weight:700}.poem-detail-text{color:#555;margin:0;font-size:14px;line-height:1.7}.poem-type-tabs{gap:10px;margin-bottom:14px;display:flex}.poem-type-tab{color:#666;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e8edf2;border-radius:12px;flex:1;padding:10px 12px;font-size:14px;font-weight:500;transition:all .18s}.poem-type-tab:hover{color:#7c3aed;border-color:#c4b5fd}.poem-type-tab.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-color:#7c3aed;font-weight:600}.subject-page{padding:8px 0}.subject-back{color:#4f46e5;margin-bottom:16px;padding:6px 0;font-size:14px;display:block}.subject-title{color:#1a1a2e;align-items:center;gap:10px;margin-bottom:24px;font-size:22px;font-weight:700;display:flex}.edition{color:#888;background:#f3f4f6;border-radius:20px;padding:3px 10px;font-size:13px;font-weight:500}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.tool-card{cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:16px;flex-direction:column;gap:8px;padding:24px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.tool-card:not(.coming-soon):hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.tool-card.coming-soon{opacity:.6;cursor:default}.tool-icon{color:#4f46e5;background:#f0f4f8;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;font-size:22px;font-weight:700;display:flex}.tool-label{color:#1a1a2e;font-size:16px;font-weight:600}.tool-desc{color:#888;font-size:13px;line-height:1.5}.badge{color:#d97706;background:#fef3c7;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500;position:absolute;top:12px;right:12px}.stage-tabs{gap:8px;margin-bottom:20px;display:flex}.stage-tab{color:#555;cursor:pointer;background:#f3f4f6;border:2px solid #0000;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:500;transition:all .15s}.stage-tab.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.drill{max-width:480px;margin:0 auto;padding:8px 0}.drill-title{color:#1a1a2e;margin-bottom:24px;font-size:20px;font-weight:700}.grade-btns,.type-btns{flex-wrap:wrap;gap:8px;display:flex}.grade-btn,.type-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:20px;padding:7px 16px;font-size:14px;transition:all .15s}.grade-btn.active,.type-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.start-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;margin-top:32px;padding:14px;font-size:16px;font-weight:700;display:block}.start-btn:disabled{opacity:.4;cursor:not-allowed}.drill-topbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.drill-counter{color:#888;font-size:14px}.drill-timer{color:#2563eb;font-size:14px;font-weight:600}.drill-progress{background:#e8edf2;border-radius:3px;height:6px;margin-bottom:40px;overflow:hidden}.drill-progress-bar{background:#2563eb;border-radius:3px;height:100%;transition:width .3s}.question-display{color:#1a1a2e;text-align:center;letter-spacing:2px;min-height:64px;margin-bottom:40px;font-size:48px;font-weight:700}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.question-display.shake{color:#e53e3e;animation:.4s shake}.drill-input{text-align:center;box-sizing:border-box;border:2px solid #e8edf2;border-radius:14px;width:100%;margin-bottom:16px;padding:14px;font-family:inherit;font-size:28px;font-weight:600;display:block}.drill-input:focus{border-color:#2563eb;outline:none}.result-header{text-align:center;padding:24px 0}.result-score{color:#2563eb;font-size:72px;font-weight:900;line-height:1}.result-total{color:#888;font-size:32px;font-weight:400}.result-time{color:#888;margin:8px 0;font-size:15px}.result-stars{margin:8px 0;font-size:24px}.result-hint{color:#16a34a;background:#dcfce7;border-radius:20px;margin-top:8px;padding:6px 14px;font-size:13px;display:inline-block}.result-wrongs{background:#fff;border:1.5px solid #e8edf2;border-radius:14px;margin:20px 0;padding:16px}.wrongs-title{color:#1a1a2e;margin-bottom:12px;font-size:14px;font-weight:600}.wrong-item{border-top:1px solid #f0f0f0;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.wrong-item:first-of-type{border-top:none}.wrong-q{color:#1a1a2e;min-width:100px;font-weight:600}.wrong-user em{color:#e53e3e;font-style:normal}.wrong-ans strong{color:#16a34a}.result-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.change-btn,.back-btn-flat{color:#555;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;flex:1;padding:12px;font-size:15px}.table-page{padding:8px 0}.table-title{color:#1a1a2e;margin-bottom:20px;font-size:20px;font-weight:700}.table-grid{background:#fff;border:1.5px solid #e8edf2;border-radius:16px;flex-direction:column;gap:4px;margin-bottom:24px;padding:16px;display:flex;overflow-x:auto}.table-grid>*{gap:4px;display:flex}.table-cell{text-align:center;background:#eef2ff;border-radius:8px;min-width:80px;padding:6px 10px}.cell-eq{color:#3730a3;white-space:nowrap;font-size:13px;font-weight:500}.row-practice{margin-top:8px}.row-practice-title{color:#888;margin-bottom:10px;font-size:14px}.row-btns{flex-wrap:wrap;gap:8px;display:flex}.row-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .15s}.row-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb}.row-btn-all{color:#fff;background:#1a1a2e;border-color:#1a1a2e}.quiz-header{color:#888;text-align:center;margin-bottom:24px;font-size:15px}.quiz-question{color:#1a1a2e;text-align:center;margin-bottom:36px;font-size:52px;font-weight:800}.shake{animation:.3s shake;color:#e53e3e!important}.quiz-input{text-align:center;box-sizing:border-box;border:2px solid #e8edf2;border-radius:14px;width:100%;margin-bottom:14px;padding:14px;font-family:inherit;font-size:28px;font-weight:600;display:block}.quiz-input:focus{border-color:#2563eb;outline:none}.confirm-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:700;display:block}.quiz-result{text-align:center;padding-top:20px}.quiz-score{color:#2563eb;font-size:72px;font-weight:900}.quiz-score span{color:#888;font-size:32px;font-weight:400}.quiz-stars{margin:8px 0 20px;font-size:28px}.quiz-wrongs{text-align:left;background:#fff;border:1.5px solid #e8edf2;border-radius:12px;margin-bottom:20px;padding:14px}.quiz-wrong-item{color:#555;border-top:1px solid #f0f0f0;padding:6px 0;font-size:14px}.quiz-wrong-item:first-child{border-top:none}.quiz-wrong-item em{color:#e53e3e;font-style:normal}.quiz-wrong-item strong{color:#16a34a}.quiz-actions{gap:10px;display:flex}.change-btn{color:#555;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;flex:1;padding:12px;font-size:15px}.formulas{padding:8px 0}.formulas-title{color:#1a1a2e;margin-bottom:16px;font-size:20px;font-weight:700}.grade-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.grade-tab{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:20px;padding:5px 14px;font-size:13px;transition:all .15s}.grade-tab.active{color:#fff;background:#2563eb;border-color:#2563eb}.formula-cards{flex-direction:column;gap:12px;display:flex}.formula-card{background:#fff;border:1.5px solid #e8edf2;border-radius:14px;overflow:hidden}.formula-card-header{cursor:pointer;background:var(--card-bg);align-items:center;gap:12px;padding:14px 16px;display:flex}.formula-icon{font-size:22px}.formula-category{color:#1a1a2e;flex:1;font-size:16px;font-weight:700}.formula-grade{color:#888;background:#f3f4f6;border-radius:20px;padding:2px 8px;font-size:12px}.formula-expand{color:#aaa;font-size:12px}.formula-items{padding:0 16px 16px}.formula-item{border-top:1px solid #f0f0f0;padding:12px 0}.formula-item:first-child{border-top:none;padding-top:16px}.formula-name{color:#888;margin-bottom:6px;font-size:13px}.formula-text{color:var(--card-color);margin-bottom:6px;font-family:Georgia,serif;font-size:17px;font-weight:600}.formula-example{color:#666;background:#f9fafb;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.5}.wordquiz{max-width:480px;margin:0 auto;padding:8px 0}.wq-title{color:#1a1a2e;margin-bottom:20px;font-size:20px;font-weight:700}.mode-switch{border:1.5px solid #e8edf2;border-radius:10px;gap:0;margin-bottom:20px;display:flex;overflow:hidden}.mode-btn{color:#555;cursor:pointer;background:#fff;border:none;flex:1;padding:10px;font-size:14px;font-weight:500;transition:all .15s}.mode-btn.active{color:#fff;background:#7c3aed}.setup-section{margin-bottom:20px}.setup-label{color:#888;margin-bottom:10px;font-size:13px}.opt-btns{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.opt-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:20px;padding:7px 16px;font-size:14px;transition:all .15s}.opt-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.exam-desc{color:#888;background:#f5f3ff;border-radius:10px;margin-bottom:8px;padding:10px 14px;font-size:13px}.word-count{color:#aaa;font-size:13px}.setup-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.start-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:14px;padding:14px;font-size:16px;font-weight:700}.flash-btn{color:#7c3aed;cursor:pointer;background:#f5f3ff;border:1.5px solid #ddd6fe;border-radius:14px;padding:12px;font-size:15px;font-weight:600}.fc-topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.fc-counter{color:#888;font-size:14px}.flashcard{cursor:pointer;perspective:1000px;width:100%;height:220px;margin-bottom:24px}.fc-front,.fc-back{box-sizing:border-box;backface-visibility:hidden;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:20px;transition:transform .5s;display:flex;position:absolute}.fc-front{color:#fff;background:#7c3aed;transform:rotateY(0)}.fc-back{color:#1a1a2e;background:#f5f3ff;transform:rotateY(180deg)}.flashcard.flipped .fc-front{transform:rotateY(-180deg)}.flashcard.flipped .fc-back{transform:rotateY(0)}.fc-word{font-size:36px;font-weight:800}.fc-hint{opacity:.7;font-size:13px}.fc-meaning{font-size:24px;font-weight:700}.fc-example{color:#555;text-align:center;font-size:13px;line-height:1.5}.fc-nav{gap:12px;display:flex}.fc-prev,.fc-next{color:#555;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px}.fc-prev:disabled,.fc-next:disabled{opacity:.3;cursor:not-allowed}.wq-topbar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.wq-counter{color:#888;font-size:14px}.exit-btn{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:13px}.wq-progress{background:#e8edf2;border-radius:3px;height:6px;margin-bottom:32px}.wq-progress-bar{background:#7c3aed;border-radius:3px;height:100%;transition:width .3s}.wq-meaning{color:#1a1a2e;text-align:center;margin-bottom:8px;font-size:32px;font-weight:800}.wq-prompt{color:#aaa;text-align:center;margin-bottom:28px;font-size:14px}.wq-options{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.wq-option{color:#1a1a2e;cursor:pointer;text-align:center;background:#fff;border:2px solid #e8edf2;border-radius:14px;padding:16px 10px;font-size:16px;font-weight:600;transition:all .15s}.wq-option:hover{border-color:#7c3aed}.wq-option.correct{color:#16a34a;background:#dcfce7;border-color:#16a34a}.wq-option.wrong{color:#e53e3e;background:#fee2e2;border-color:#e53e3e}.wq-example{color:#666;background:#f5f3ff;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.5}.wq-next{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:700;display:block}.wq-result-header{text-align:center;padding:20px 0}.wq-score{color:#7c3aed;font-size:72px;font-weight:900}.wq-score span{color:#888;font-size:32px;font-weight:400}.wq-stars{margin:8px 0 20px;font-size:28px}.wq-wrongs{background:#fff;border:1.5px solid #e8edf2;border-radius:14px;margin-bottom:20px;padding:16px}.wq-wrongs-title{color:#1a1a2e;margin-bottom:10px;font-size:14px;font-weight:600}.wq-wrong-item{border-top:1px solid #f0f0f0;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.wq-wrong-item:first-of-type{border-top:none}.wq-wrong-meaning{min-width:60px;font-weight:600}.wq-wrong-chosen em{color:#e53e3e;font-style:normal}.wq-wrong-correct strong{color:#16a34a}.wq-actions{flex-wrap:wrap;gap:8px;display:flex}.again-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:600}.flash-again-btn{color:#7c3aed;cursor:pointer;background:#f5f3ff;border:1.5px solid #ddd6fe;border-radius:12px;flex:1;padding:12px;font-size:14px}.back-flat-btn{color:#555;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px}.srs{max-width:480px;margin:0 auto;padding:8px 0}.srs-loading{text-align:center;color:#aaa;padding:60px}.srs-back{color:#7c3aed;cursor:pointer;background:0 0;border:none;padding:0 0 12px;font-size:14px}.srs-title{color:#1a1a2e;margin-bottom:6px;font-size:20px;font-weight:700}.srs-subtitle{color:#888;margin-bottom:24px;font-size:14px}.level-section{margin-bottom:24px}.level-section-title{color:#888;margin-bottom:10px;font-size:13px;font-weight:500}.level-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.level-card{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e8edf2;border-radius:14px;flex-direction:column;gap:4px;padding:16px;transition:all .15s;display:flex}.level-card:hover{border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed1a}.level-card-exam{background:#f5f3ff;border-color:#ddd6fe}.level-icon{margin-bottom:4px;font-size:22px}.level-name{color:#1a1a2e;font-size:15px;font-weight:700}.level-count{color:#888;font-size:12px}.plan-level-badge{color:#7c3aed;background:#f5f3ff;border-radius:20px;margin-bottom:12px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.plan-desc{color:#555;margin-bottom:20px;font-size:14px}.per-day-selector{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.per-day-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .15s}.per-day-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.plan-estimate{background:#f5f3ff;border-radius:14px;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px;display:flex}.estimate-row{color:#555;justify-content:space-between;font-size:14px;display:flex}.estimate-row strong{color:#7c3aed}.plan-confirm-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:700;display:block}.srs-topbar{justify-content:space-between;align-items:flex-start;display:flex}.stats-link{color:#7c3aed;cursor:pointer;background:0 0;border:none;padding:0 0 12px;font-size:14px}.home-level{color:#1a1a2e;margin-bottom:20px;font-size:22px;font-weight:800}.progress-ring-wrap{justify-content:center;margin-bottom:16px;display:flex}.progress-ring{width:140px;height:140px}.stats-mini{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.stat-mini-item{color:#555;align-items:center;gap:5px;font-size:13px;display:flex}.stat-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.stat-dot.mastered{background:#7c3aed}.stat-dot.review{background:#3b82f6}.stat-dot.learning{background:#f59e0b}.stat-dot.unseen{background:#e8edf2}.today-card{background:#fff;border:1.5px solid #e8edf2;border-radius:16px;margin-bottom:16px;padding:20px}.today-title{color:#1a1a2e;margin-bottom:14px;font-size:15px;font-weight:600}.today-items{gap:0;display:flex}.today-item{text-align:center;flex:1}.today-item-label{color:#888;margin-bottom:4px;font-size:13px;display:block}.today-item-num{color:#7c3aed;font-size:22px;font-weight:800}.start-session-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:14px;width:100%;margin-bottom:12px;padding:16px;font-size:16px;font-weight:700;display:block}.all-done{text-align:center;color:#16a34a;background:#f0fdf4;border-radius:14px;margin-bottom:12px;padding:24px;font-size:15px;font-weight:600}.all-done-icon{margin-bottom:8px;font-size:36px}.change-plan-btn{color:#555;cursor:pointer;background:#f3f4f6;border:none;border-radius:14px;width:100%;padding:12px;font-size:14px;display:block}.session{max-width:480px;margin:0 auto;padding:8px 0}.session-topbar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.session-counter{color:#888;text-align:center;flex:1;font-size:13px}.session-tag{color:#7c3aed;background:#f5f3ff;border-radius:20px;padding:2px 10px;font-size:12px}.session-progress{background:#e8edf2;border-radius:3px;height:6px;margin-bottom:32px;overflow:hidden}.session-progress-bar{background:#7c3aed;border-radius:3px;height:100%;transition:width .4s}.learn-card{text-align:center}.learn-word{color:#1a1a2e;margin-bottom:12px;font-size:44px;font-weight:800}.learn-meaning{color:#7c3aed;margin-bottom:12px;font-size:22px;font-weight:600}.learn-example{color:#666;background:#f5f3ff;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;line-height:1.6}.learn-timer{color:#aaa;min-height:20px;margin-bottom:12px;font-size:13px}.learn-skip{color:#7c3aed;cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline}.quiz-prompt{color:#888;text-align:center;margin-bottom:8px;font-size:14px}.quiz-word{color:#1a1a2e;text-align:center;margin-bottom:28px;font-size:40px;font-weight:800}.quiz-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quiz-opt{color:#1a1a2e;cursor:pointer;background:#fff;border:2px solid #e8edf2;border-radius:14px;padding:16px 12px;font-size:15px;font-weight:500;transition:all .15s}.quiz-opt:hover{border-color:#7c3aed}.quiz-opt.correct{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.quiz-opt.wrong{color:#e53e3e;background:#fef2f2;border-color:#e53e3e}.recall-card{text-align:center}.recall-prompt{color:#888;margin-bottom:12px;font-size:14px}.recall-meaning{color:#7c3aed;margin-bottom:24px;font-size:28px;font-weight:700}.recall-input{text-align:center;box-sizing:border-box;border:2px solid #e8edf2;border-radius:14px;width:100%;margin-bottom:12px;padding:14px;font-family:inherit;font-size:22px;font-weight:600;transition:border-color .2s;display:block}.recall-input:focus{border-color:#7c3aed;outline:none}.recall-input.recall-correct{background:#f0fdf4;border-color:#16a34a}.recall-input.recall-wrong{background:#fef2f2;border-color:#e53e3e}.recall-answer{color:#e53e3e;margin-bottom:12px;font-size:14px}.recall-submit{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:700;display:block}.rate-card{text-align:center}.rate-word{color:#1a1a2e;margin-bottom:8px;font-size:36px;font-weight:800}.rate-meaning{color:#7c3aed;margin-bottom:8px;font-size:18px}.rate-example{color:#666;background:#f5f3ff;border-radius:10px;margin-bottom:24px;padding:10px 14px;font-size:13px;line-height:1.5}.rate-prompt{color:#888;margin-bottom:12px;font-size:14px}.rate-btns{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rate-btn{cursor:pointer;border:2px solid;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;font-size:13px;font-weight:600;display:flex}.rate-btn span{font-size:18px}.rate-fail{color:#e53e3e;background:#fef2f2;border-color:#fca5a5}.rate-hard{color:#d97706;background:#fef3c7;border-color:#fcd34d}.rate-good{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.rate-easy{color:#16a34a;background:#f0fdf4;border-color:#86efac}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.stats-box{text-align:center;background:#fff;border:1.5px solid #e8edf2;border-radius:12px;padding:14px}.stats-num{color:#1a1a2e;font-size:26px;font-weight:800}.stats-lbl{color:#888;margin-top:2px;font-size:12px}.mastered-box .stats-num{color:#7c3aed}.review-box .stats-num{color:#2563eb}.learning-box .stats-num{color:#f59e0b}.due-box .stats-num{color:#e53e3e}.stats-forecast{background:#f5f3ff;border-radius:14px;margin-bottom:20px;padding:16px}.forecast-title{color:#1a1a2e;margin-bottom:12px;font-size:14px;font-weight:600}.forecast-row{color:#555;border-top:1px solid #ede9fe;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.forecast-row:first-of-type{border-top:none}.forecast-row strong{color:#7c3aed}.mastered-list-title{color:#1a1a2e;margin-bottom:10px;font-size:14px;font-weight:600}.mastered-list{flex-wrap:wrap;gap:8px;display:flex}.mastered-tag{color:#16a34a;background:#f0fdf4;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.no-mastered{color:#aaa;font-size:13px}.grammar-page{max-width:680px;margin:0 auto}.grammar-page-title{color:#1a1a2e;align-items:center;gap:10px;margin-bottom:20px;font-size:22px;font-weight:700;display:flex}.grammar-subtitle{color:#888;font-size:14px;font-weight:400}.grammar-chapter-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:20px;display:grid}.grammar-chapter-card{cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e8edf2;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;transition:border-color .15s,background .15s;display:flex}.grammar-chapter-card:hover{background:#faf5ff;border-color:#c4b5fd}.grammar-chapter-card.active{background:#f3f0ff;border-color:#7c3aed}.gc-icon{font-size:22px;line-height:1}.gc-num{color:#7c3aed;letter-spacing:.3px;font-size:10px;font-weight:700}.gc-title{color:#1a1a2e;font-size:13px;font-weight:600}.gc-count{color:#999;font-size:11px}.grammar-chapter-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.grammar-chapter-label{color:#7c3aed;font-size:15px;font-weight:700}.grammar-chapter-sub{color:#aaa;font-size:12px}.grammar-cat-tabs{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.grammar-cat-tabs::-webkit-scrollbar{display:none}.grammar-cat-tab{color:#555;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1.5px solid #0000;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:500}.grammar-cat-tab:hover{color:#7c3aed;background:#ede9fe}.grammar-cat-tab.active{color:#fff;background:#7c3aed}.grammar-point-list{flex-direction:column;gap:10px;display:flex}.grammar-point-card{cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px;transition:border-color .15s;display:flex}.grammar-point-card:hover{border-color:#c4b5fd}.grammar-point-title{color:#1a1a2e;margin-bottom:4px;font-size:16px;font-weight:600}.grammar-point-summary{color:#666;font-size:13px;line-height:1.5}.grammar-point-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.grammar-level-badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.grammar-arrow{color:#ccc;font-size:22px}.grammar-detail{max-width:680px;margin:0 auto}.grammar-back{color:#7c3aed;cursor:pointer;background:0 0;border:none;padding:0 0 16px;font-size:14px;display:block}.grammar-detail-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.grammar-detail-title{color:#1a1a2e;margin:0;font-size:22px;font-weight:700}.grammar-summary{color:#555;margin-bottom:20px;font-size:14px;line-height:1.7}.grammar-tabs{gap:8px;margin-bottom:20px;display:flex}.grammar-tab{color:#555;cursor:pointer;background:#f3f4f6;border:2px solid #0000;border-radius:10px;flex:1;padding:9px;font-size:13px;font-weight:500}.grammar-tab.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.grammar-section-title{color:#7c3aed;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:13px;font-weight:700}.grammar-structure-card{background:#f8f9ff;border-left:3px solid #7c3aed;border-radius:12px;margin-bottom:10px;padding:12px 14px}.grammar-struct-label{color:#7c3aed;margin-bottom:4px;font-size:12px;font-weight:700}.grammar-struct-formula{color:#1a1a2e;margin-bottom:6px;font-family:Courier New,monospace;font-size:14px;font-weight:600}.grammar-struct-example{color:#555;font-size:13px;font-style:italic}.grammar-signals{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.grammar-signal-tag{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.grammar-tip-box{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;margin-bottom:16px;padding:12px 14px}.grammar-tip-label{color:#16a34a;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.grammar-tip-text{color:#166534;margin:0;font-size:13px;line-height:1.7}.grammar-ai-row{margin:16px 0 8px}.grammar-ai-btn{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .15s}.grammar-ai-btn:hover:not(:disabled){background:#e0e7ff}.grammar-ai-btn:disabled{opacity:.6;cursor:not-allowed}.grammar-ai-result{color:#444;white-space:pre-wrap;background:#fff;border:1.5px solid #e8edf2;border-radius:12px;margin-top:8px;padding:14px;font-size:14px;line-height:1.8}.grammar-trap-card{background:#fff;border:1.5px solid #fca5a5;border-radius:12px;margin-bottom:10px;padding:14px}.trap-wrong{color:#dc2626;margin-bottom:6px;font-size:14px}.trap-right{color:#16a34a;margin-bottom:6px;font-size:14px;font-weight:500}.trap-explain{color:#555;background:#fafafa;border-radius:8px;padding:6px 10px;font-size:13px}.grammar-gen-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;margin-bottom:16px;padding:10px 24px;font-size:14px;font-weight:600}.grammar-gen-btn:disabled{opacity:.6;cursor:not-allowed}.grammar-quiz-item{background:#fff;border:1.5px solid #e8edf2;border-radius:12px;margin-bottom:10px;padding:14px}.grammar-quiz-q{color:#1a1a2e;margin-bottom:10px;font-size:15px;font-weight:500}.grammar-quiz-input{box-sizing:border-box;border:1.5px solid #e8edf2;border-radius:8px;width:100%;padding:9px 12px;font-size:14px}.grammar-quiz-input:focus{border-color:#7c3aed;outline:none}.grammar-quiz-ans{color:#16a34a;background:#f0fdf4;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:13px}.grammar-practice-actions{gap:10px;margin-top:4px;display:flex}.grammar-show-btn{color:#16a34a;cursor:pointer;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.grammar-intro-box{background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border:1.5px solid #bfdbfe;border-radius:14px;margin-bottom:18px;padding:16px 18px}.grammar-intro-text{color:#1e3a5f;margin:0;font-size:15px;line-height:1.9}.chat-view{flex-direction:column;height:calc(100vh - 80px);padding:0;display:flex;overflow:hidden}.chat-topbar{background:#fff;border:1.5px solid #e8edf2;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 16px;display:flex}.topbar-teacher{align-items:center;gap:10px;display:flex}.teacher-avatar{background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.teacher-info{flex-direction:column;display:flex}.teacher-name{color:#1a1a2e;font-size:15px;font-weight:700}.teacher-status{color:#16a34a;font-size:11px}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar-icon-btn{cursor:pointer;color:#555;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .15s;display:flex}.topbar-icon-btn:hover{background:#e8edf2}.topbar-icon-btn.tts-btn.active{color:#7c3aed;background:#ede9fe}.topbar-title{color:#1a1a2e;font-size:16px;font-weight:600}.subject-selector{scrollbar-width:none;flex-shrink:0;gap:8px;margin-bottom:10px;padding-bottom:4px;display:flex;overflow-x:auto}.subject-selector::-webkit-scrollbar{display:none}.subject-pill{color:#666;cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.subject-pill.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.subject-pill-语文.active{background:#d97706;border-color:#d97706}.subject-pill-数学.active{background:#2563eb;border-color:#2563eb}.subject-pill-英语.active{background:#16a34a;border-color:#16a34a}.subject-pill-物理.active{background:#7c3aed;border-color:#7c3aed}.subject-pill-化学.active{background:#db2777;border-color:#db2777}.subject-pill-历史.active{background:#c2410c;border-color:#c2410c}.subject-pill-地理.active{background:#059669;border-color:#059669}.chat-messages{scrollbar-width:thin;scrollbar-color:#e8edf2 transparent;flex-direction:column;flex:1;gap:14px;padding:4px 0 12px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#e8edf2;border-radius:4px}.chat-welcome{flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.welcome-avatar{font-size:56px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.welcome-bubble{color:#1a1a2e;text-align:center;background:#fff;border:1.5px solid #e8edf2;border-radius:16px;max-width:300px;padding:16px 20px;font-size:15px;line-height:1.7}.welcome-bubble small{color:#aaa;font-size:12px}.message{align-items:flex-end;gap:8px;display:flex}.message-ai{flex-direction:row}.message-user{flex-direction:row-reverse}.msg-avatar{background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.msg-bubble{white-space:pre-wrap;word-break:break-word;border-radius:18px;max-width:78%;padding:10px 14px;font-size:14px;line-height:1.65}.bubble-ai{color:#1a1a2e;background:#f3f4f6;border-radius:4px 18px 18px}.bubble-user{color:#fff;background:#4f46e5;border-radius:18px 4px 18px 18px}.streaming{color:#1a1a2e;background:#f3f4f6;border-radius:4px 18px 18px}.cursor{color:#4f46e5;font-weight:700;animation:.7s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.thinking{align-items:center;gap:4px;padding:4px 0;display:flex}.thinking span{background:#aaa;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite bounce}.thinking span:first-child{animation-delay:0s}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.chat-input-bar{border-top:1px solid #e8edf2;flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 0 0;display:flex}.mic-btn{cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .15s;display:flex}.mic-btn.listening{background:#fee2e2;border-color:#e53e3e;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #e53e3e66}50%{box-shadow:0 0 0 8px #e53e3e00}}.chat-input{resize:none;border:1.5px solid #e8edf2;border-radius:12px;flex:1;min-height:40px;max-height:100px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s;overflow-y:auto}.chat-input:focus{border-color:#4f46e5;outline:none}.chat-input:disabled{color:#aaa;background:#f9fafb}.send-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;flex-shrink:0;height:40px;padding:0 18px;font-size:14px;font-weight:600;transition:all .15s}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn:not(:disabled):hover{background:#4338ca}.history-view{flex-direction:column;flex:1;gap:12px;padding:4px 0;display:flex;overflow-y:auto}.history-loading,.history-empty{text-align:center;color:#aaa;padding:40px;font-size:14px}.history-card{cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:14px;padding:14px 16px;transition:box-shadow .15s}.history-card:hover{box-shadow:0 2px 12px #00000014}.history-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.subject-pill-不限科目{color:#666;background:#f3f4f6}.history-time{color:#aaa;font-size:11px}.history-preview{color:#1a1a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.history-count{color:#aaa;font-size:12px}.mistakes{padding:8px 0}.mistakes-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-title{color:#1a1a2e;margin:0;font-size:20px;font-weight:700}.new-btn{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:600}.stats-row{gap:12px;margin-bottom:20px;display:flex}.stat-card{text-align:center;background:#fff;border:1.5px solid #e8edf2;border-radius:14px;flex:1;padding:14px}.stat-num{font-size:26px;font-weight:700}.stat-label{color:#888;margin-top:2px;font-size:12px}.stat-new .stat-num{color:#e53e3e}.stat-reviewing .stat-num{color:#f59e0b}.stat-mastered .stat-num{color:#16a34a}.subject-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.subject-tab{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:20px;padding:5px 14px;font-size:13px;transition:all .15s}.subject-tab.active{color:#fff;background:#e53e3e;border-color:#e53e3e}.subject-badge{border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.subject-语文{color:#d97706;background:#fef3c7}.subject-数学{color:#2563eb;background:#dbeafe}.subject-英语{color:#16a34a;background:#dcfce7}.subject-物理{color:#7c3aed;background:#ede9fe}.subject-化学{color:#db2777;background:#fce7f3}.subject-历史{color:#c2410c;background:#fff7ed}.subject-地理{color:#059669;background:#ecfdf5}.topic-badge,.grade-badge{color:#666;background:#f3f4f6;border-radius:20px;padding:2px 10px;font-size:11px}.status-badge{border-radius:20px;margin-left:auto;padding:2px 10px;font-size:11px}.status-badge.status-new{color:#e53e3e;background:#fee2e2}.status-badge.status-reviewing{color:#d97706;background:#fef3c7}.status-badge.status-mastered{color:#16a34a;background:#dcfce7}.add-panel{background:#fff;border:1.5px solid #e8edf2;border-radius:16px;margin-bottom:20px;padding:20px}.add-panel-title{color:#1a1a2e;margin-bottom:16px;font-size:16px;font-weight:600}.form-row{margin-bottom:14px}.form-row label{color:#888;margin-bottom:6px;font-size:13px;display:block}.form-row.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-group{flex-wrap:wrap;gap:6px;display:flex}.btn-opt{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:20px;padding:5px 12px;font-size:13px;transition:all .15s}.btn-opt.active{color:#fff;background:#1a1a2e;border-color:#1a1a2e}.form-select,.form-input,.form-textarea{box-sizing:border-box;background:#fff;border:1.5px solid #e8edf2;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.form-textarea{resize:none}.form-select:focus,.form-input:focus,.form-textarea:focus{border-color:#e53e3e;outline:none}.add-panel-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.cancel-btn{color:#555;cursor:pointer;background:#f3f4f6;border:none;border-radius:20px;padding:8px 18px;font-size:14px}.submit-btn{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:20px;padding:8px 22px;font-size:14px;font-weight:600}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.mistake-list{flex-direction:column;gap:12px;display:flex}.mistake-card{cursor:pointer;background:#fff;border:1.5px solid #e8edf2;border-radius:14px;padding:16px;transition:box-shadow .15s}.mistake-card:hover{box-shadow:0 2px 12px #00000014}.mistake-card-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.mistake-question{color:#1a1a2e;margin-bottom:10px;font-size:15px;line-height:1.5}.mistake-answers{flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.wrong-answer{color:#e53e3e}.right-answer{color:#16a34a}.empty{text-align:center;color:#aaa;padding:40px}.mistake-detail{padding:8px 0}.detail-topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.back-btn{color:#e53e3e;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.status-advance{cursor:pointer;border:none;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500}.status-advance.status-new{color:#e53e3e;background:#fee2e2}.status-advance.status-reviewing{color:#d97706;background:#fef3c7}.status-advance.status-mastered{color:#16a34a;background:#dcfce7}.detail-card{background:#fff;border:1.5px solid #e8edf2;border-radius:16px;margin-bottom:16px;padding:20px}.detail-badges{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.detail-question{color:#1a1a2e;margin-bottom:16px;font-size:17px;font-weight:600;line-height:1.5}.detail-answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answer-box{border-radius:12px;padding:12px}.answer-box.wrong{background:#fee2e2}.answer-box.correct{background:#dcfce7}.answer-label{color:#888;margin-bottom:4px;font-size:11px}.answer-value{font-size:16px;font-weight:600}.answer-box.wrong .answer-value{color:#e53e3e}.answer-box.correct .answer-value{color:#16a34a}.section{background:#fff;border:1.5px solid #e8edf2;border-radius:16px;margin-bottom:16px;padding:20px}.section-title{color:#1a1a2e;margin-bottom:12px;font-size:15px;font-weight:600}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title-row .section-title{margin-bottom:0}.explanation-text{color:#444;white-space:pre-wrap;font-size:14px;line-height:1.8}.loading-text{color:#aaa;text-align:center;padding:12px;font-size:13px}.load-similar-btn{color:#555;cursor:pointer;background:#f3f4f6;border:none;border-radius:20px;padding:5px 14px;font-size:13px}.similar-list{flex-direction:column;gap:16px;display:flex}.similar-item{border-top:1px solid #f0f0f0;padding-top:14px}.similar-item:first-child{border-top:none;padding-top:0}.similar-q{color:#1a1a2e;margin-bottom:10px;font-size:15px;line-height:1.5}.similar-input{box-sizing:border-box;border:1.5px solid #e8edf2;border-radius:8px;width:100%;margin-bottom:8px;padding:8px 12px;font-family:inherit;font-size:14px}.similar-input:focus{border-color:#e53e3e;outline:none}.similar-answer{color:#16a34a;background:#dcfce7;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.reveal-btn{color:#888;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:5px 12px;font-size:13px}.photo-mode-toggle{gap:8px;margin-bottom:16px;display:flex}.mode-btn{color:#666;cursor:pointer;background:#f9fafb;border:1.5px solid #e8edf2;border-radius:10px;flex:1;padding:10px 0;font-size:14px;font-weight:500;transition:all .15s}.mode-btn.active{color:#fff;background:#1a1a2e;border-color:#1a1a2e}.photo-section{margin-bottom:16px}.photo-upload-area{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:14px;padding:32px 20px;transition:border-color .15s}.photo-upload-area:hover{background:#fff5f5;border-color:#e53e3e}.photo-upload-icon{margin-bottom:8px;font-size:40px}.photo-upload-text{color:#1a1a2e;margin-bottom:4px;font-size:15px;font-weight:600}.photo-upload-hint{color:#aaa;margin-bottom:16px;font-size:12px}.photo-buttons{justify-content:center;gap:10px;display:flex}.photo-btn{cursor:pointer;border:none;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s}.camera-btn{color:#fff;background:#1a1a2e}.gallery-btn{color:#555;background:#f3f4f6}.recognize-btn{color:#fff;background:#e53e3e;font-weight:600}.photo-preview-container{flex-direction:column;gap:12px;display:flex}.photo-preview{object-fit:contain;border:1.5px solid #e8edf2;border-radius:10px;width:100%;max-height:200px}.photo-actions{align-items:center;gap:10px;display:flex}.ocr-loading{color:#d97706;background:#fef3c7;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.ocr-spinner{animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ocr-success{background:#dcfce7;border:1.5px solid #bbf7d0;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.ocr-success-icon{flex-shrink:0;font-size:20px}.ocr-success-text{flex-direction:column;gap:2px;display:flex}.ocr-success-text strong{color:#15803d;font-size:14px}.ocr-success-text span{color:#16a34a;font-size:12px}.admin-page{max-width:600px;margin:0 auto;padding:0}.admin-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-back{color:#7c3aed;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.admin-title{color:#1a1a2e;margin:0;font-size:20px;font-weight:700}.admin-stats{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.admin-stat-btn{cursor:pointer;background:#fff;border:2px solid #e8edf2;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:70px;padding:12px 8px;transition:all .15s;display:flex}.admin-stat-btn.active{border-color:var(--color);background:color-mix(in srgb, var(--color) 10%, white)}.admin-stat-num{color:var(--color);font-size:22px;font-weight:800}.admin-stat-lbl{color:#888;font-size:12px}.admin-user-list{flex-direction:column;gap:10px;display:flex}.admin-empty{text-align:center;color:#aaa;padding:40px}.admin-user-card{background:#fff;border:1.5px solid #e8edf2;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.admin-user-name{color:#1a1a2e;margin-bottom:2px;font-size:15px;font-weight:600}.admin-user-email{color:#666;margin-bottom:2px;font-size:13px}.admin-user-time{color:#aaa;font-size:12px}.admin-user-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.admin-status-badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.admin-actions{gap:6px;display:flex}.admin-approve-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.admin-reject-btn{color:#e53e3e;cursor:pointer;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.layout{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:100;background:#fff;border-bottom:1px solid #e8edf2;align-items:center;gap:24px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.nav-logo{color:#4f46e5;margin-right:8px;font-size:18px;font-weight:700}.nav-all{flex:1;overflow:hidden}.nav-links{scrollbar-width:none;gap:2px;padding-bottom:2px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-divider{background:#e0e0e0;flex-shrink:0;align-self:center;width:1px;height:18px;margin:0 4px;display:inline-block}.nav-item{color:#555;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:14px;font-weight:500;transition:background .15s}.nav-item:hover{color:#333;background:#f3f4f6}.nav-item.active{color:#4f46e5;background:#eef2ff}.nav-item.junior{color:#666}.nav-item.junior:hover,.nav-item.junior.active{color:#c2410c;background:#fff7ed}.nav-user{align-items:center;gap:12px;display:flex}.user-email{color:#888;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;overflow:hidden}.logout-btn{color:#888;border:1px solid #e0e0e0;border-radius:6px;padding:4px 10px;font-size:13px}.logout-btn:hover{color:#333;background:#f5f5f5}.admin-nav-btn{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:6px;padding:4px 10px;font-size:13px}.admin-nav-btn:hover{background:#ede9fe}.main-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:24px}.page-loading{color:#888;justify-content:center;align-items:center;height:100vh;font-size:16px;display:flex}@media (width<=600px){.navbar{gap:12px;padding:0 16px}.user-email{display:none}.main-content{padding:16px}}