:root{--primary:#4caf50;--primary-dark:#388e3c;--primary-light:#e8f5e9;--accent:#ff9800;--accent-dark:#f57c00;--danger:#e53935;--bg:#fff8f0;--bg-card:#fff;--text:#37474f;--text-light:#78909c;--border:#e0e0e0;--shadow:0 2px 8px #00000014;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:PingFang SC,Microsoft YaHei,-apple-system,sans-serif;font-size:16px;line-height:1.6}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--bg-card);border-bottom:2px solid var(--border);z-index:100;height:64px;box-shadow:var(--shadow);align-items:center;gap:24px;padding:0 24px;display:flex;position:sticky;top:0}.app-title{color:var(--primary);white-space:nowrap;font-size:22px;font-weight:800}.header-nav{flex:1;gap:4px;display:flex;overflow-x:auto}.nav-link{border-radius:var(--radius-sm);color:var(--text-light);white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background:var(--primary-light);color:var(--primary)}.nav-link.active{background:var(--primary);color:#fff}.nav-icon{font-size:18px}.header-right{white-space:nowrap;align-items:center;gap:12px;display:flex}.user-info{color:var(--text-light);font-size:14px}.role-badge{background:var(--primary-light);color:var(--primary-dark);border-radius:12px;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.btn-logout{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-light);background:0 0;padding:6px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-logout:hover{border-color:var(--danger);color:var(--danger)}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.page{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-header-study{flex-direction:column;align-items:flex-start}.study-filters{flex-wrap:wrap;align-items:center;gap:12px 16px;width:100%;display:flex}.study-filter{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.study-filter-label{color:var(--text-light);white-space:nowrap}.study-filter select{border:2px solid var(--border);border-radius:var(--radius-sm);min-width:100px;padding:8px 12px;font-size:14px}.study-filter select:focus{border-color:var(--primary);outline:none}.study-filter-toggle{margin-left:auto}.register-hint{color:var(--text-light);margin-top:8px;font-size:14px;line-height:1.5}h2{color:var(--text);font-size:24px;font-weight:800}h3{margin-bottom:12px;font-size:18px;font-weight:700}.loading{text-align:center;color:var(--text-light);padding:60px;font-size:18px}.empty-hint{text-align:center;color:var(--text-light);padding:40px;font-size:16px}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 3px 0 var(--primary-dark);border:none;padding:10px 24px;font-size:16px;font-weight:700;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 0 var(--primary-dark);transform:translateY(-1px)}.btn-primary:active{box-shadow:none;transform:translateY(3px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-card);color:var(--text);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:10px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-lg{padding:14px 36px;font-size:18px}.btn-full{width:100%}.btn-sm{padding:6px 12px;font-size:13px}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-back{cursor:pointer;color:var(--text-light);background:0 0;border:none;font-size:16px}.btn-back:hover{color:var(--primary)}.btn-hint{border:2px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;background:0 0;padding:8px 16px;font-weight:600}.btn-speak{border:2px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary-dark);cursor:pointer;padding:10px 20px;font-size:16px;font-weight:600}.btn-group{justify-content:center;gap:12px;margin-top:16px;display:flex}.btn-toggle{cursor:pointer;border:none;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-toggle.on{background:var(--primary);color:#fff}.btn-toggle.off{background:var(--border);color:var(--text-light)}.login-page{background:linear-gradient(135deg,#e8f5e9 0%,#fff3e0 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.login-top-actions-row{justify-content:space-between;align-self:center;align-items:center;gap:12px;width:100%;max-width:420px;margin-bottom:8px;padding:0 4px;display:flex}.login-register-link{color:var(--primary-dark);font-size:15px;font-weight:600;text-decoration:none}.login-register-link:hover{text-decoration:underline}.login-gear-btn{background:var(--bg-card);border:2px solid var(--border);width:44px;height:44px;box-shadow:var(--shadow);color:var(--text-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:22px;line-height:1;text-decoration:none;transition:all .2s;display:flex}button.login-gear-btn{appearance:none}.login-gear-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.login-gear-inline{color:var(--text-light);padding:0 10px;font-size:22px;line-height:44px;text-decoration:none}.login-gear-inline:hover{color:var(--primary)}.login-page-has-back{padding-top:52px}.login-back-link{color:var(--text-light);z-index:2;font-size:14px;font-weight:600;text-decoration:none;position:absolute;top:16px;left:20px}.login-back-link:hover{color:var(--primary-dark)}.login-page-register{padding-top:16px}.login-top-bar{justify-content:space-between;align-self:center;align-items:center;width:100%;max-width:480px;margin-bottom:8px;padding:0 4px;display:flex}.login-back-inline{color:var(--text-light);font-size:14px;font-weight:600;text-decoration:none}.login-back-inline:hover{color:var(--primary-dark)}.login-card-wide{max-width:480px}.login-card-admin{max-width:420px}.page-hint{color:var(--text-light);margin-bottom:16px;font-size:14px;line-height:1.5}.invite-code-banner{background:var(--primary-light);border:2px solid var(--primary);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;font-size:14px;display:flex}.modal-overlay{z-index:300;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border-radius:var(--radius);width:100%;max-width:420px;padding:28px 32px;box-shadow:0 12px 40px #0000002e}.modal-panel{width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 12px 40px #0000002e}.lesson-admin-list{margin:16px 0 0;padding:0;list-style:none}.lesson-admin-list li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.lesson-admin-word{min-width:2.5em;font-size:20px;font-weight:700}.lesson-admin-py{color:var(--text-light);flex:1}.modal-title{color:var(--primary);text-align:center;margin:0 0 20px;font-size:22px;font-weight:800}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.invite-code-plain{letter-spacing:.05em;color:var(--primary-dark);border-radius:var(--radius-sm);background:#fff;padding:8px 16px;font-size:18px;font-weight:800}.btn-text{color:var(--text-light);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600;text-decoration:underline}.btn-text:hover{color:var(--danger)}.btn-danger-outline{border:2px solid var(--danger);color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;background:0 0;font-weight:600}.btn-danger-outline:hover{background:#ffebee}.login-card{background:var(--bg-card);border-radius:24px;width:100%;max-width:420px;padding:48px 40px;box-shadow:0 8px 32px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--primary);font-size:32px;font-weight:800}.login-header p{color:var(--text-light);margin-top:8px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:6px;font-size:15px;font-weight:600;display:block}.form-group input,.char-input{border:2px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s}.form-group input:focus,.char-input:focus{border-color:var(--primary)}.error-msg{color:var(--danger);border-radius:var(--radius-sm);background:#ffebee;margin-bottom:16px;padding:10px 16px;font-size:14px;font-weight:600}.success-msg{color:#2e7d32;border-radius:var(--radius-sm);background:#e8f5e9;margin-bottom:16px;padding:10px 16px;font-size:14px;font-weight:600}.form-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.form-row{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.form-row input,.form-row select{border:2px solid var(--border);border-radius:var(--radius-sm);outline:none;flex:1;min-width:120px;padding:10px 12px;font-size:14px}.form-row input:focus,.form-row select:focus{border-color:var(--primary)}.data-table{border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);overflow:hidden}.data-table th{background:var(--primary-light);color:var(--primary-dark);text-align:left;padding:12px 16px;font-size:14px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);padding:12px 16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table .empty{text-align:center;color:var(--text-light);padding:32px}.data-table .actions{gap:8px;display:flex}.data-table select{border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px}.tab-bar{gap:4px;margin-bottom:20px;display:flex}.tab{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab:hover:not(.active){border-color:var(--primary);color:var(--primary)}.toggle-label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.toggle-label input{width:18px;height:18px;accent-color:var(--primary)}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);border:2px solid var(--border);padding:20px}.stat-number{color:var(--primary);font-size:36px;font-weight:800}.stat-label{color:var(--text-light);margin-top:4px;font-size:14px}.stat-link{color:var(--primary);margin-top:8px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.settings-section{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.setting-row:last-child{border-bottom:none}.welcome-section{margin-bottom:28px}.subtitle{color:var(--text-light);font-size:16px}.usage-bar{background:var(--border);border-radius:14px;height:28px;margin-top:12px;position:relative;overflow:hidden}.usage-fill{background:linear-gradient(90deg, var(--primary), #66bb6a);border-radius:14px;height:100%;transition:width .5s}.usage-text{justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.module-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:32px;display:grid}.module-card{background:var(--bg-card);border-radius:var(--radius);text-align:center;color:var(--text);border:3px solid var(--border);cursor:pointer;box-shadow:0 4px 0 var(--border);padding:28px 20px;text-decoration:none;transition:all .2s}.module-card:hover{box-shadow:0 7px 0 var(--border);transform:translateY(-3px)}.module-card:active{box-shadow:none;transform:translateY(4px)}.module-icon{margin-bottom:12px;font-size:48px}.module-card h3{font-size:20px;font-weight:800}.module-card p{color:var(--text-light);margin-top:6px;font-size:14px}.card-dictation{border-color:#81c784}.card-dictation:hover{border-color:var(--primary)}.card-lesson{border-color:#7e57c2}.card-lesson:hover{border-color:#5e35b1}.card-recitation{border-color:#64b5f6}.card-recitation:hover{border-color:#1976d2}.card-writing{border-color:#ffb74d}.card-writing:hover{border-color:var(--accent)}.card-mistakes{border-color:#e57373}.card-mistakes:hover{border-color:var(--danger)}.recent-section{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.recent-list{flex-direction:column;gap:8px;display:flex}.recent-item{border-radius:var(--radius-sm);background:var(--bg);align-items:center;gap:12px;padding:10px;display:flex}.recent-type{color:#388e3c;background:#e8f5e9;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:700}.recent-type.type-recitation{color:#1565c0;background:#e3f2fd}.recent-type.type-writing{color:#e65100;background:#fff3e0}.recent-score{color:var(--primary);margin-left:auto;font-weight:700}.recent-date{color:var(--text-light);font-size:13px}.card-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.list-card{background:var(--bg-card);border-radius:var(--radius);color:var(--text);border:2px solid var(--border);cursor:pointer;padding:20px;text-decoration:none;transition:all .2s}.list-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.list-grade{color:var(--text-light);font-size:12px;font-weight:600}.list-unit{color:var(--primary);font-size:14px;font-weight:700}.list-title{margin-top:4px;font-size:16px;font-weight:700}.list-meta{color:var(--text-light);margin-top:8px;font-size:12px}.dictation-subsection-title{color:var(--text);margin:28px 0 0;font-size:18px;font-weight:800}.dictation-subsection-hint{margin-bottom:12px}.list-card-lesson{border-color:#b39ddb}.list-card-lesson:hover{border-color:#7e57c2}.lesson-study-detail .back-link{color:var(--primary);margin-bottom:8px;font-weight:600;text-decoration:none;display:inline-block}.lesson-study-detail .back-link:hover{text-decoration:underline}.lesson-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.lesson-original-body{white-space:pre-wrap;margin-top:12px;font-size:17px;line-height:1.85}.lesson-original-selectable{-webkit-user-select:text;user-select:text;cursor:text}.lesson-selection-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.lesson-words-section h3{margin-bottom:12px}.lesson-word-chips{flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.lesson-word-chips li{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;align-items:center;padding:10px 14px;display:flex}.lesson-word-chars{font-size:22px;font-weight:800}.lesson-word-py{color:var(--text-light);margin-top:4px;font-size:13px}.lesson-word-chips.editable li{flex-flow:wrap;align-items:center;gap:8px}.lesson-word-remove{color:var(--danger);margin-left:4px;font-size:13px}.lesson-word-form{flex-wrap:wrap;margin-bottom:12px}.parent-quick-links{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.dictation-practice{text-align:center}.practice-header{margin-bottom:24px}.progress{color:var(--primary);font-size:18px;font-weight:700}.progress-bar{background:var(--border);border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .3s}.practice-area{max-width:560px;margin:0 auto}.pinyin-display{color:var(--primary);margin:24px 0;font-size:36px;font-weight:700}.char-input{text-align:center;font-weight:700;padding:16px!important;font-size:32px!important}.input-area{flex-direction:column;align-items:center;gap:16px;display:flex}.tianzige-input-area{align-items:stretch;width:100%}.tianzige-handwriting{width:100%;margin:0 auto}.tianzige-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0 8px;display:flex}.tianzige-cell-wrap{background:var(--bg-card);border-radius:6px;box-shadow:0 1px 4px #00000014}.tianzige-cell-inner{width:120px;height:120px;position:relative}.tianzige-grid-canvas,.tianzige-ink-canvas{border-radius:4px;display:block;position:absolute;top:0;left:0}.tianzige-grid-canvas{z-index:0;pointer-events:none}.tianzige-ink-canvas{z-index:1;cursor:crosshair}.tianzige-error{color:var(--danger)}.tianzige-canvas{border-radius:4px;display:block}.tianzige-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.tianzige-clear{font-weight:600}.tianzige-hint{margin:4px 0 10px;font-size:14px;line-height:1.5}.answer-reveal{margin-top:24px}.correct-word{color:var(--primary);margin:16px 0;font-size:72px;font-weight:800}.hint-text{color:var(--text-light);margin-bottom:16px;font-size:15px}.dictation-done{text-align:center}.result-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);max-width:600px;margin:0 auto;padding:32px}.result-score{color:var(--primary);font-size:64px;font-weight:800}.result-list{text-align:left;margin:24px 0}.result-item{border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:6px;padding:10px;display:flex}.result-item.correct{background:#e8f5e9}.result-item.wrong{background:#ffebee}.result-word{width:60px;font-size:24px;font-weight:700}.result-pinyin{color:var(--text-light)}.result-input{color:var(--danger);margin-left:auto}.result-mark{font-size:20px;font-weight:700}.result-item.correct .result-mark{color:var(--primary)}.result-item.wrong .result-mark{color:var(--danger)}.result-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.mistake-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.mistake-card{background:var(--bg-card);border-radius:var(--radius);text-align:center;border:2px solid var(--border);box-shadow:var(--shadow);padding:16px}.mistake-word{color:var(--danger);font-size:32px;font-weight:800}.mistake-pinyin{color:var(--text-light);margin:4px 0;font-size:14px}.mistake-info{justify-content:center;gap:8px;font-size:12px;display:flex}.mistake-type{color:#e65100;background:#fff3e0;border-radius:8px;padding:2px 8px}.mistake-count{color:var(--danger);background:#ffebee;border-radius:8px;padding:2px 8px}.mistake-list.compact{flex-wrap:wrap;gap:8px;display:flex}.mistake-tag{color:var(--danger);background:#ffebee;border-radius:16px;padding:6px 12px;font-size:14px;font-weight:600}.mistake-tag small{color:var(--text-light);margin-left:4px}.original-text{background:var(--bg-card);border-radius:var(--radius);border:2px solid var(--border);margin:16px 0 24px;padding:24px;font-size:20px;line-height:2}.recitation-selectable{-webkit-user-select:text;user-select:text;cursor:text}.recitation-select-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.recitation-segment-preview{white-space:pre-wrap}.recitation-select-phase .hint-text strong{font-weight:600}.recording-indicator{color:var(--danger);justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:18px;font-weight:600;display:flex}.pulse-dot{background:var(--danger);border-radius:50%;width:16px;height:16px;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.recognized-text{background:var(--bg-card);border-radius:var(--radius);border:2px solid var(--border);margin-bottom:20px;padding:20px}.recognized-text h3{margin-bottom:8px}.recording-actions,.review-actions{flex-direction:column;align-items:center;gap:16px;display:flex}.edit-recognized{border:2px solid var(--border);border-radius:var(--radius-sm);resize:vertical;width:100%;padding:12px;font-size:16px;line-height:1.8}.score-circle{background:var(--primary);color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:16px auto;display:flex}.score-value{font-size:36px;font-weight:800}.score-label{opacity:.9;font-size:13px}.score-details{justify-content:center;gap:24px;margin:16px 0;display:flex}.score-item{text-align:center}.score-item span:first-child{color:var(--text-light);font-size:13px;display:block}.score-item span:last-child{color:var(--primary);font-size:20px;font-weight:700}.sentence-feedback{text-align:left;margin:20px 0}.sentence-item{border-radius:var(--radius-sm);margin-bottom:8px;padding:12px}.sentence-original{font-size:16px;font-weight:600}.sentence-recognized{color:var(--text-light);margin-top:4px;font-size:14px}.sentence-badge{border-radius:12px;margin-top:4px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.status-correct{background:#e8f5e9}.status-correct .sentence-badge{background:var(--primary);color:#fff}.status-partial{background:#fff8e1}.status-partial .sentence-badge{background:var(--accent);color:#fff}.status-error,.status-missing{background:#ffebee}.status-error .sentence-badge,.status-missing .sentence-badge{background:var(--danger);color:#fff}.writing-start{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.topic-category{margin-bottom:16px}.topic-category h4{color:var(--text-light);margin-bottom:8px;font-size:15px}.topic-list{flex-wrap:wrap;gap:8px;display:flex}.topic-chip{border:2px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:24px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s}.topic-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.custom-topic{border-top:2px solid var(--border);margin-top:20px;padding-top:20px}.session-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.session-card{background:var(--bg-card);border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;padding:16px;transition:all .2s}.session-card:hover{border-color:var(--primary)}.session-topic{font-size:16px;font-weight:700}.session-meta{color:var(--text-light);gap:12px;margin-top:6px;font-size:13px;display:flex}.session-type{color:#e65100;background:#fff3e0;border-radius:8px;padding:1px 8px}.phase-badge{border-radius:8px;padding:1px 8px}.phase-inspire{color:#388e3c;background:#e8f5e9}.phase-outline{color:#1565c0;background:#e3f2fd}.phase-draft{color:#e65100;background:#fff3e0}.phase-review{color:#7b1fa2;background:#f3e5f5}.writing-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.type-badge{background:var(--accent);color:#fff;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:700}.phase-nav{gap:4px;margin-bottom:24px;display:flex}.phase-step{text-align:center;border-radius:var(--radius-sm);background:var(--border);color:var(--text-light);flex:1;padding:10px;font-size:14px;font-weight:600}.phase-step.active{background:var(--primary);color:#fff}.phase-step.done{background:var(--primary-light);color:var(--primary-dark)}.phase-content{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.phase-desc{color:var(--text-light);margin-bottom:16px;font-size:16px}.questions-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.question-card{background:var(--bg);border-radius:var(--radius-sm);gap:12px;padding:16px;display:flex}.q-number{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.q-text{font-size:16px;line-height:1.6}.outline-editor{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.outline-section label{margin-bottom:6px;font-size:15px;font-weight:700;display:block}.outline-section textarea{border:2px solid var(--border);border-radius:var(--radius-sm);resize:vertical;outline:none;width:100%;padding:12px;font-size:15px;line-height:1.6}.outline-section textarea:focus{border-color:var(--primary)}.draft-editor{margin-bottom:20px}.draft-toolbar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.word-count{color:var(--text-light);font-size:14px;font-weight:600}.draft-textarea{border:2px solid var(--border);border-radius:var(--radius);resize:vertical;outline:none;width:100%;min-height:300px;padding:16px;font-size:18px;line-height:2}.draft-textarea:focus{border-color:var(--primary)}.feedback-section{background:var(--bg);border-radius:var(--radius);margin:20px 0;padding:20px}.feedback-item{background:var(--bg-card);border-radius:var(--radius-sm);border-left:4px solid var(--accent);margin-bottom:8px;padding:10px 16px;font-size:15px}.vocab-hints{margin-top:16px}.vocab-hint{align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.vocab-word{color:var(--danger);font-weight:700}.vocab-arrow{color:var(--text-light)}.vocab-alts{color:var(--primary);font-weight:600}.llm-feedback{background:var(--primary-light);border-radius:var(--radius-sm);margin-top:16px;padding:16px}.llm-feedback h4{color:var(--primary-dark);margin-bottom:8px}.llm-feedback p{line-height:1.8}.child-tabs{gap:4px;margin-bottom:20px;display:flex}.section{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.section-header{justify-content:space-between;align-items:center;display:flex}.record-list{flex-direction:column;gap:6px;display:flex}.record-item{background:var(--bg);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:flex}.record-score{color:var(--primary);margin-left:auto;font-weight:700}.record-date{color:var(--text-light);font-size:13px}.limit-setting{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.limit-setting input[type=range]{min-width:150px;accent-color:var(--primary);flex:1}.limit-value{color:var(--primary);min-width:60px;font-weight:700}.weekly-section{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.top-mistakes{flex-direction:column;gap:8px;display:flex}.top-mistake-item{background:var(--bg);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px;display:flex}.rank{color:var(--accent);width:32px;font-size:18px;font-weight:800}.top-mistake-item .word{font-size:24px;font-weight:700}.top-mistake-item .pinyin{color:var(--text-light)}.top-mistake-item .count{color:var(--danger);margin-left:auto;font-size:13px;font-weight:600}.usage-chart{align-items:flex-end;gap:12px;height:120px;padding-top:20px;display:flex}.usage-day{flex-direction:column;flex:1;align-items:center;display:flex}.usage-bar-v{background:var(--primary);border-radius:4px 4px 0 0;width:100%;max-width:32px;min-height:4px;transition:height .3s}.usage-date{color:var(--text-light);margin-top:4px;font-size:11px}.usage-min{color:var(--primary);font-size:11px;font-weight:600}@media (width<=768px){.app-header{gap:8px;padding:0 12px}.app-title{font-size:18px}.nav-label{display:none}.nav-link{padding:8px 10px}.app-main{padding:16px}.module-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column}.data-table{font-size:13px}.data-table th,.data-table td{padding:8px 10px}}@media (width<=480px){.module-grid{grid-template-columns:1fr}.header-right .user-info{display:none}}