:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:#0f172a;background:#eef2f7;margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.main{max-width:1240px;margin:0 auto;padding:24px}.classroom-layout{gap:16px;display:grid}.page-title h1{margin-bottom:8px}.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 4px 14px #0f172a14}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.panel-2col{grid-template-columns:minmax(320px,1fr) minmax(420px,1.4fr)}.stack{gap:12px;display:grid}h1,h2,h3,p{margin:0}input,textarea,select,button{width:100%;font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:10px}textarea{resize:vertical;min-height:90px}button{color:#fff;cursor:pointer;background:#2563eb;border:none;font-weight:600}button.secondary{background:#334155}.small{color:#475569;font-size:13px}.hint-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:8px;padding:12px;display:grid}.strategy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.check-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.check-item input{width:auto}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:10px}header.nav{color:#fff;background:#0f172a}header.nav .inner{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:14px 24px;display:flex}@media (max-width:900px){.panel-2col,.strategy-grid{grid-template-columns:1fr}}ul{margin:0;padding-left:18px}.chat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:10px;max-height:360px;padding:12px;display:grid;overflow-y:auto}.bubble{border-radius:10px;gap:6px;max-width:85%;padding:10px;display:grid}.bubble.user{background:#dbeafe;justify-self:end}.bubble.assistant{background:#e2e8f0;justify-self:start}.bubble-role{font-size:12px;font-weight:700}.chat-input-row{gap:10px;display:grid}.prompt-list{gap:8px;max-height:420px;display:grid;overflow-y:auto}.prompt-list button{text-align:left}.student-workspace{grid-template-columns:minmax(280px,30%) minmax(0,70%);gap:16px;min-width:0;display:grid}.student-workspace.collapsed{grid-template-columns:minmax(0,1fr)}.prompt-panel{max-height:calc(100vh - 180px);overflow:hidden}.prompt-panel .prompt-list{max-height:calc(100vh - 330px);overflow:hidden auto}.prompt-panel.collapsed .prompt-list,.prompt-panel.collapsed .small{display:none}.prompt-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.chat-panel{grid-template-rows:auto auto minmax(220px,1fr) auto auto auto;min-width:0;max-height:calc(100vh - 180px)}.chat-panel .chat-box{min-height:300px;max-height:calc(100vh - 420px)}.prompt-item{white-space:normal;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.bubble{overflow-wrap:anywhere;word-break:break-word;width:min(100%,900px)}.bubble pre,.bubble code,.bubble table{white-space:pre;max-width:100%;display:block;overflow-x:auto}.chat-input-row{background:#fff;padding-top:8px;position:sticky;bottom:0}@media (max-width:900px){.student-workspace,.student-workspace.collapsed{grid-template-columns:1fr}.prompt-panel{max-height:none}.prompt-panel .prompt-list{max-height:240px}.chat-panel{grid-template-rows:auto auto minmax(240px,1fr) auto auto auto;max-height:none}.chat-panel .chat-box{max-height:55vh}}.student-stack{gap:16px;min-width:0;display:grid}.prompt-grid-panel{flex-wrap:wrap;align-items:flex-start;gap:6px;max-height:280px;padding-right:2px;display:flex;overflow:hidden auto}.prompt-readable{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;justify-content:center;align-items:center;width:auto;max-width:100%;min-height:0;padding:6px 12px;font-size:13px;line-height:1.2;display:inline-flex;overflow:hidden}.prompt-groups{gap:8px;display:grid}.prompt-groups h3{margin:0;font-size:14px;line-height:1.3}.chat-main{grid-template-rows:auto auto minmax(360px,1fr) auto;min-width:0;max-height:calc(100vh - 170px);display:grid}.chat-messages{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:10px;min-height:320px;max-height:calc(100vh - 370px);padding:10px 12px 88px;display:grid;overflow-y:auto}.chat-input-block{background:#fff;gap:10px;padding-top:10px;display:grid}.quick-action-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:6px;padding:6px 8px;display:grid}.quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.quick-action-btn{color:#334155;background:#eef2f7;border:1px solid #cbd5e1;border-radius:8px;padding:7px 8px;font-size:14px;font-weight:500;line-height:1.2}.quick-action-btn:hover{background:#e2e8f0}.bubble{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.bubble pre,.bubble code,.bubble table{max-width:100%;display:block;overflow-x:auto}@media (max-width:1024px){.prompt-grid-panel{max-height:260px}}@media (max-width:900px){.prompt-grid-panel{max-height:220px}.chat-main{grid-template-rows:auto auto minmax(280px,1fr) auto;max-height:none}.chat-messages{max-height:52vh;padding-bottom:96px}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.prompt-readable{padding:6px 10px;font-size:12px}}.markdown-body{gap:8px;display:grid}.markdown-body p,.markdown-body li{white-space:pre-wrap;overflow-wrap:anywhere}.markdown-body pre,.markdown-body code{max-width:100%;overflow-x:auto}.markdown-body table{border-collapse:collapse;width:100%;font-size:14px;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{vertical-align:top;text-align:left;border:1px solid #cbd5e1;padding:8px}.bubble.assistant,.markdown-body{box-sizing:border-box;max-width:100%;overflow:hidden}.markdown-body *{box-sizing:border-box;max-width:100%}.markdown-table-wrapper{width:100%;max-width:100%;overflow:auto hidden}.markdown-table{border-collapse:collapse;width:max-content;min-width:640px;max-width:100%}.markdown-th,.markdown-td{vertical-align:top;white-space:normal;word-break:break-word;border:1px solid #cbd5e1;padding:8px}@media (max-width:900px){.markdown-table{min-width:520px}}.bubble.assistant{white-space:normal;word-break:break-word;box-sizing:border-box;max-width:100%;height:auto;overflow:visible}.markdown-body{max-height:none;color:inherit;overflow:visible}.markdown-body p,.markdown-body li,.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{white-space:normal;word-break:break-word}.prompt-groups{gap:8px;max-height:300px;display:grid;overflow:hidden auto}.student-stack,.chat-main,.chat-messages,.chat-input-block,.bubble,.bubble.assistant,.markdown-body{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.chat-messages{overflow-x:hidden}.bubble,.bubble.assistant,.markdown-body p,.markdown-body li,.markdown-body strong,.markdown-body em,.markdown-body h1,.markdown-body h2,.markdown-body h3{white-space:normal;overflow-wrap:break-word;word-break:break-word;max-width:100%}.bubble-row{width:100%;min-width:0;max-width:100%;display:flex}.bubble-row.user{justify-content:flex-end}.bubble-row.assistant{justify-content:flex-start}.bubble.user{width:auto;max-width:88%}.bubble.assistant{width:100%;overflow:hidden}.prose-mobile,.prose-mobile *{box-sizing:border-box;min-width:0;max-width:100%}.md-p,.md-li,.md-strong,.md-em,.md-h1,.md-h2,.md-h3{white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.md-ul,.md-ol{overflow-wrap:anywhere;word-break:break-word;max-width:100%;padding-left:20px}.md-h1,.md-h2,.md-h3{font-size:1rem}.md-a{word-break:break-all}.md-code{white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.md-pre{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.markdown-body h1{font-size:1.1rem}.markdown-body h2{font-size:1rem}.markdown-body h3{font-size:.95rem}.markdown-table-wrapper,.markdown-body pre,.markdown-body code,.bubble pre,.bubble code{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.markdown-table{width:max-content;max-width:100%;min-width:0!important}@media (max-width:900px){.main,.classroom-layout,.student-stack,.chat-main,.chat-messages,.chat-input-block,.chat-input-block textarea,.chat-input-block button,.quick-action-grid,.quick-action-btn{min-width:0;max-width:100%}.markdown-body h1{font-size:1rem}.markdown-body h2,.markdown-body h3{font-size:.95rem}}