.on-bai-hoc-module__A7PIWq__grid{box-sizing:border-box;grid-template-columns:minmax(420px,49%) minmax(520px,51%);align-items:stretch;gap:14px;padding:14px;display:grid}.on-bai-hoc-module__A7PIWq__page{color:#0f172a;background:linear-gradient(#f7fbff 0%,#e6f0ff 100%);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.on-bai-hoc-module__A7PIWq__topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border-bottom:3px solid #1d4ed88c;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.on-bai-hoc-module__A7PIWq__topTitle{color:#1d4ed8;letter-spacing:.3px;font-weight:900}.on-bai-hoc-module__A7PIWq__topLinks{align-items:center;gap:10px;display:flex}.on-bai-hoc-module__A7PIWq__topLink{color:#0f172a;font-weight:800;text-decoration:none}.on-bai-hoc-module__A7PIWq__sep{color:#1d4ed8;font-weight:900}.on-bai-hoc-module__A7PIWq__leftCol{box-sizing:border-box;background:#ffffffb8;border:3px solid #1d4ed88c;border-radius:22px;grid-template-rows:1fr;grid-template-columns:1fr 1.35fr;gap:12px;min-height:min(850px,100vh - 150px);padding:12px;display:grid;box-shadow:0 12px 30px #0206171f}.on-bai-hoc-module__A7PIWq__rightCol{box-sizing:border-box;background:#ffffffb8;border:3px solid #1d4ed88c;border-radius:24px;flex-direction:column;gap:10px;min-height:min(720px,100vh - 150px);padding:12px;display:flex;box-shadow:0 12px 30px #0206171f}.on-bai-hoc-module__A7PIWq__box{box-sizing:border-box;background:#ffffffeb;border:3px solid #1d4ed88c;border-radius:10px;flex-direction:column;min-height:0;padding:5px;display:flex;box-shadow:0 10px 22px #0206171a}.on-bai-hoc-module__A7PIWq__boxTitle{color:#1d4ed8;margin-bottom:8px;font-weight:900}.on-bai-hoc-module__A7PIWq__toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.on-bai-hoc-module__A7PIWq__btnBlue{color:#fff;cursor:pointer;background:#1d4ed8;border:2px solid #1d4ed8;border-radius:5px;padding:8px 5px;font-weight:900}.on-bai-hoc-module__A7PIWq__btnBlue:disabled{opacity:.7;cursor:not-allowed}.on-bai-hoc-module__A7PIWq__miniInfo{color:#64748b;font-size:12px;font-weight:700}.on-bai-hoc-module__A7PIWq__err{color:#b91c1c;font-weight:900}.on-bai-hoc-module__A7PIWq__listArea{flex-direction:column;gap:8px;min-height:0;padding-right:4px;display:flex;overflow:auto}.on-bai-hoc-module__A7PIWq__lessonItem{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #cbd5e1;border-radius:12px;padding:8px 10px}.on-bai-hoc-module__A7PIWq__lessonActive{background:#eff6ff;border-color:#1d4ed8}.on-bai-hoc-module__A7PIWq__lessonTopRow{justify-content:space-between;align-items:center;gap:8px;display:flex}.on-bai-hoc-module__A7PIWq__lessonTitle{color:#0f172a;font-size:13px;font-weight:900;line-height:1.2}.on-bai-hoc-module__A7PIWq__lessonMeta{color:#64748b;margin-top:4px;font-size:12px;font-weight:700}.on-bai-hoc-module__A7PIWq__iconBtn{cursor:pointer;color:#b91c1c;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:2px 8px;font-weight:900}.on-bai-hoc-module__A7PIWq__emptyHint{color:#64748b;padding:10px 6px;font-size:13px;font-weight:700}.on-bai-hoc-module__A7PIWq__catsGrid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:12px;height:100%;min-height:0;display:grid}.on-bai-hoc-module__A7PIWq__catBox{box-sizing:border-box;background:#ffffffeb;border:3px solid #1d4ed88c;border-radius:10px;flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;box-shadow:0 10px 22px #0206171a}.on-bai-hoc-module__A7PIWq__catHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.on-bai-hoc-module__A7PIWq__catTitleInput{color:#1d4ed8;border:2px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:6px 8px;font-weight:900}.on-bai-hoc-module__A7PIWq__catCount{color:#1d4ed8;background:#eff6ff;border:2px solid #1d4ed859;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:26px;font-weight:900;display:flex}.on-bai-hoc-module__A7PIWq__catList{flex-direction:column;gap:6px;min-height:0;padding-right:4px;display:flex;overflow:auto}.on-bai-hoc-module__A7PIWq__lessonMini{cursor:pointer;-webkit-user-select:none;user-select:none;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:6px 8px;font-size:12px;font-weight:900}.on-bai-hoc-module__A7PIWq__lessonActiveMini{background:#eff6ff;border-color:#1d4ed8}.on-bai-hoc-module__A7PIWq__lessonMiniRow{justify-content:space-between;align-items:center;gap:6px;display:flex}.on-bai-hoc-module__A7PIWq__lessonMiniTitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.on-bai-hoc-module__A7PIWq__iconBtnMini{cursor:pointer;color:#b91c1c;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:0 6px;font-weight:900}.on-bai-hoc-module__A7PIWq__dropHint{color:#64748b;text-align:center;background:#f8fafc;border:2px dashed #1d4ed859;border-radius:12px;padding:8px 6px;font-size:12px;font-weight:800}.on-bai-hoc-module__A7PIWq__boardHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.on-bai-hoc-module__A7PIWq__boardTitle{color:#1d4ed8;font-weight:900}.on-bai-hoc-module__A7PIWq__boardBtns{gap:8px;display:flex}.on-bai-hoc-module__A7PIWq__btnGhost{color:#0f172a;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:12px;padding:8px 12px;font-weight:900}.on-bai-hoc-module__A7PIWq__boardSub{color:#1d4ed8;font-size:13px;font-weight:800;line-height:1.3}.on-bai-hoc-module__A7PIWq__detailBar{background:#f8fafc;border:2px dashed #1d4ed880;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.on-bai-hoc-module__A7PIWq__detailLeft{flex:1;align-items:center;gap:10px;display:flex}.on-bai-hoc-module__A7PIWq__detailLabel{color:#334155;font-size:12px;font-weight:900}.on-bai-hoc-module__A7PIWq__detailTitleInput{background:#fff;border:2px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:8px 10px;font-weight:900}.on-bai-hoc-module__A7PIWq__detailRight{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.on-bai-hoc-module__A7PIWq__badge{color:#1d4ed8;background:#eff6ff;border:1px solid #1d4ed859;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900}.on-bai-hoc-module__A7PIWq__boardWrap{background:linear-gradient(#fffffff5 0%,#eff6ffdb 100%);border:2px solid #1d4ed859;border-radius:18px;flex:auto;min-height:420px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb3,0 18px 36px #02061724}.on-bai-hoc-module__A7PIWq__fenBox{color:#334155;background:#f8fafc;border:2px dashed #1d4ed880;border-radius:14px;padding:10px;font-size:12px}.on-bai-hoc-module__A7PIWq__fenRow{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.on-bai-hoc-module__A7PIWq__fenTitle{font-weight:900}.on-bai-hoc-module__A7PIWq__btnMini{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:4px 10px;font-weight:900}.on-bai-hoc-module__A7PIWq__fenText{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;line-height:1.4}.on-bai-hoc-module__A7PIWq__footerNote{color:#64748b;padding:10px 14px;font-size:12px;font-weight:800}@media (max-width:1100px){.on-bai-hoc-module__A7PIWq__grid{grid-template-columns:1fr}.on-bai-hoc-module__A7PIWq__leftCol{grid-template-columns:1fr;min-height:auto}.on-bai-hoc-module__A7PIWq__rightCol{min-height:auto}}