.classroom-workspace{background:linear-gradient(#1e222b 0%,#171b22 100%);border-radius:16px;margin-top:24px;padding:20px}.classroom-workspace .wb-canvas{background:#fff;border:none;border-radius:12px;flex:1;min-width:0;height:620px}.classroom-panel{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:12px}.classroom-panel-title{color:#fff;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.classroom-panel-title .rc-tag{color:#9aa4b2;font-size:12px;font-weight:400}.classroom-slide-list{grid-template-columns:repeat(3,1fr);gap:8px;max-height:200px;display:grid;overflow:auto}.classroom-slide-tile{color:#cfd6e0;text-align:center;cursor:pointer;background:#2a2f3a;border:2px solid #0000;border-radius:8px;padding:8px 4px;font-size:12px;transition:all .15s}.classroom-slide-tile:hover{color:#fff;border-color:#ffffff40}.classroom-slide-tile.active{color:#fff;background:#ff8b3d29;border-color:#ff8b3d;box-shadow:0 4px 16px #ff8b3d40}.classroom-panel .ant-card{color:#cfd6e0;background:#ffffff0d;border:1px solid #ffffff14}.classroom-panel .ant-card-head-title{color:#fff}.classroom-panel .ant-list-item{color:#cfd6e0}.live-preview{background:#14181f;border-radius:10px;overflow:hidden}.live-preview-note{color:#9aa4b2;place-items:center;height:150px;font-size:13px;display:grid}.resource-layout{background:#eef3fa;min-height:calc(100vh - 64px)}.resource-sider{border-right:1px solid #e6ecf4}.resource-title{margin:24px 20px 16px!important;font-size:17px!important}.resource-content{min-width:0;padding:24px}.resource-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.resource-page-header h2{margin:0 0 4px!important}.resource-muted{color:#6f7785}.resource-card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.resource-preview{background:#f2f2f2;border:0;width:100%;height:min(70vh,720px)}.resource-slides{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.resource-slide{cursor:pointer;background:#fff;border:1px solid #e2eaf4;border-radius:10px;padding:10px;transition:all .15s}.resource-slide:hover{border-color:#2f96ff;box-shadow:0 6px 20px #2f96ff24}.resource-slide-number{color:#677085;margin-top:8px;font-size:12px}@media (width<=767px){.resource-sider{display:none}.resource-content{padding:16px}}