:root{color:#0f172a;background:#f8fafc;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:8px;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}input{width:100%;border:1px solid #d7e1ef;border-radius:8px;padding:11px 12px;background:#fff;color:#0f172a}textarea{width:100%;min-height:96px;border:1px solid #d7e1ef;border-radius:8px;padding:11px 12px;resize:vertical;color:#0f172a;background:#fff}.app-shell{min-height:100vh;display:grid;grid-template-columns:360px minmax(0,1fr)}.sidebar{background:#ffffffdb;border-right:1px solid #dbe4ee;padding:28px 22px;display:flex;flex-direction:column;gap:20px}.brand{display:flex;gap:12px;align-items:center}.brand strong{display:block;font-size:22px}.brand span,.muted,.new-chapter p,.flow-card p{color:#64748b;font-size:13px}.new-chapter{display:grid;gap:10px}.new-chapter button,.primary{background:#2563eb;color:#fff;border-color:#2563eb}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.list-head{display:flex;justify-content:space-between;align-items:center;font-weight:800}.icon-btn{width:38px;min-height:38px;padding:0}.chapter-list{display:grid;gap:8px;overflow:auto}.chapter-list button{display:grid;justify-content:stretch;text-align:left;gap:6px;padding:12px}.chapter-list button.active{border-color:#f59e0b;background:#fff7ed}.chapter-list span{color:#64748b;font-size:12px}.workspace{padding:44px 56px 80px;overflow:auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.topbar p{margin:0 0 8px;color:#64748b;font-weight:700}.topbar h1{margin:0;font-size:34px;line-height:1.2}.busy,.error,.notice{border-radius:8px;padding:12px 14px;background:#eff6ff;color:#1d4ed8;display:flex;align-items:center;gap:8px;font-weight:800}.error{background:#fef2f2;color:#b91c1c;margin-bottom:18px}.notice{background:#fff7ed;color:#9a3412;margin-bottom:18px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flow-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:18px}.student-overview{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;margin-bottom:16px}.student-overview article{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.student-overview article svg{color:#2563eb}.student-overview article span{grid-column:2;color:#64748b;font-size:13px}.student-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:8px;border:1px solid #dbe4ee;border-radius:8px;background:#ffffffc7}.student-tabs button.active{background:#2563eb;color:#fff;border-color:#2563eb}.student-nav{display:grid;gap:8px}.student-nav button{justify-content:flex-start;min-height:40px}.student-nav button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.student-home{display:grid;gap:16px;margin-bottom:18px;background:#ffffffdb;border:1px solid #dbe4ee;border-radius:8px;padding:18px}.learning-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.learning-path article{display:grid;gap:6px}.learning-path span{color:#2563eb;font-weight:900;font-size:13px}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px}.chapter-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chapter-card-grid article{display:grid;gap:10px}.chapter-card-grid article.active{border-color:#f59e0b;background:#fff7ed}.chapter-card-grid article strong{line-height:1.5}.chapter-card-meta{min-height:26px;display:flex;gap:8px;flex-wrap:wrap}.chapter-card-meta span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:800}.student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.student-section{display:grid;gap:14px;background:#ffffffdb;border:1px solid #dbe4ee;border-radius:8px;padding:18px}.student-section .section-title{justify-content:space-between;flex-wrap:wrap}.student-info .panel-body{max-height:360px}.clean-list{margin:0;padding-left:18px;line-height:1.8;color:#334155}.pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:800}.question-card{display:grid;gap:12px}.question-card h3{margin:0;line-height:1.6;font-size:17px}.question-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#64748b;font-size:13px}.question-meta span{min-width:34px;height:28px;display:grid;place-items:center;border-radius:999px;background:#eff6ff;color:#2563eb;font-weight:900}.question-meta em{font-style:normal;border:1px solid #e2e8f0;border-radius:999px;padding:2px 8px;background:#f8fafc}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option-grid button{justify-content:flex-start;text-align:left;min-height:46px;white-space:normal;line-height:1.5}.option-grid button.selected{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.true-false-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px}.true-false-grid button{min-height:52px;font-size:16px}.true-false-grid button.selected{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.answer-result{border-radius:8px;border:1px solid #dbe4ee;padding:12px;background:#f8fafc}.answer-result strong{display:flex;align-items:center;gap:8px}.answer-result.correct{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.answer-result.wrong,.wrong-card{border-color:#fed7aa;background:#fff7ed}.mock-result{border:1px solid #bfdbfe;border-radius:8px;padding:16px;background:#eff6ff;color:#1e3a8a}.mock-result div{display:flex;align-items:baseline;gap:6px}.mock-result strong{font-size:42px;line-height:1}.resource-actions{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px}.flow-card,.panel,.preview{background:#ffffffdb;border:1px solid #dbe4ee;border-radius:8px;padding:18px;box-shadow:0 18px 40px #0f172a0d}.flow-card{display:grid;align-content:start;gap:12px}.card-title,.panel-title,.section-title{display:flex;align-items:center;gap:10px}.card-title span,.panel-title span{width:28px;height:28px;border-radius:50%;background:#eef2ff;color:#2563eb;display:grid;place-items:center;font-weight:900}.card-title h2,.panel-title h3,.section-title h2{margin:0}.inspector{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel-body{margin-top:14px;display:grid;gap:10px;max-height:260px;overflow:auto}article{border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#fff}article p{margin:6px 0 0;color:#64748b;font-size:13px}pre{white-space:pre-wrap;word-break:break-word;line-height:1.75;font-family:SFMono-Regular,Consolas,monospace}.preview{margin-top:18px}.markdown-preview{margin-top:16px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:720px;overflow:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin:18px 0 10px;line-height:1.3}.markdown-preview h1{font-size:28px}.markdown-preview h2{font-size:22px}.markdown-preview h3{font-size:18px}.markdown-preview h4{font-size:16px}.markdown-preview h5,.markdown-preview h6{font-size:15px}.markdown-preview p,.markdown-preview li{line-height:1.75}.markdown-preview ul{margin:10px 0 10px 22px;padding:0}.markdown-preview .table-wrap{margin:16px 0;overflow-x:auto}.markdown-preview table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dbe4ee;border-radius:8px;overflow:hidden}.markdown-preview th,.markdown-preview td{border:1px solid #dbe4ee;padding:10px 12px;text-align:left;vertical-align:top}.markdown-preview th{background:#2563eb;color:#fff}.markdown-preview pre{margin:16px 0;overflow-x:auto;padding:14px 16px;border-radius:8px;background:#0f172a;color:#e2e8f0;font-size:13px}.markdown-preview .md-mermaid{background:#fff;color:#162033;border:1px solid #dbe4ee}.md-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0}.md-column{min-width:0}.slide-break{margin:28px 0;border:0;border-top:1px solid #cbd5e1}.md-callout{display:flex;gap:12px;margin:16px 0;padding:14px 16px;border-radius:8px;border:1px solid #dbe4ee;background:#fff}.md-callout>span{font-size:20px;line-height:1.5}.md-callout p{margin:0}.md-details{margin:12px 0;padding:12px 14px;border:1px solid #dbe4ee;border-radius:8px;background:#fff}.md-details summary{font-weight:800;cursor:pointer}.markdown-preview mark{padding:1px 4px;border-radius:4px}.tone-yellow-background{background:#fef3c7;color:#854d0e}.tone-red-background{background:#fee2e2;color:#991b1b}.tone-orange-background{background:#ffedd5;color:#9a3412}.tone-blue-background{background:#dbeafe;color:#1e40af}.tone-green-background{background:#dcfce7;color:#166534}.tone-purple-background{background:#ede9fe;color:#5b21b6}.tone-pink-background{background:#fce7f3;color:#9d174d}.tone-gray-background{background:#f1f5f9;color:#334155}.tone-brown-background{background:#f5eee8;color:#6b3f2a}.tone-red{color:#b91c1c}.tone-orange{color:#c2410c}.tone-yellow{color:#a16207}.tone-green{color:#15803d}.tone-blue{color:#1d4ed8}.tone-purple{color:#7e22ce}.tone-pink{color:#be185d}.tone-gray{color:#475569}.tone-brown{color:#7c2d12}.empty{padding:48px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:8px;background:#ffffffa6}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f8fafc}.auth-panel{width:min(480px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px;box-shadow:0 16px 40px #0f172a14}.auth-brand{margin-bottom:22px}.auth-panel h1{margin:0 0 10px;font-size:28px;line-height:1.25}.auth-panel>p{margin:0 0 18px;color:#64748b;line-height:1.7}.auth-form{display:grid;gap:12px}.auth-switch{margin-top:16px}.auth-switch button{width:100%}.message-panel{text-align:center}.message-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:12px;display:grid;place-items:center;color:#2563eb;background:#eff6ff}.account-card{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:12px}.account-card strong,.account-card span{display:block}.account-card span{color:#64748b;font-size:13px;margin-top:3px}.auth-review{margin-bottom:18px}.application-list{margin-top:14px;display:grid;gap:10px;max-height:260px;overflow:auto}.inline-form{margin-top:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:center}.inline-form button{min-width:150px}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #dbe4ee}.flow-grid,.inspector,.student-overview,.student-grid,.learning-path,.quick-actions,.chapter-card-grid,.option-grid,.true-false-grid,.resource-actions,.inline-form{grid-template-columns:1fr}.workspace{padding:28px 18px 48px}.topbar h1{font-size:28px}}@media (max-width: 720px){.sidebar{padding:20px 16px;gap:14px}.brand strong{font-size:20px}.student-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.student-nav button,.student-tabs button,.quick-actions button,.resource-actions button{min-height:44px;padding:0 10px;font-size:14px}.student-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.student-section,.student-home,.flow-card,.panel,.preview{padding:14px}.topbar{display:grid;gap:12px}.topbar h1{font-size:24px}.empty{padding:28px 16px}.markdown-preview{padding:14px;max-height:none}.question-card h3{font-size:16px}.question-meta em{max-width:100%;overflow-wrap:anywhere}.option-grid button{width:100%}}