/* Codex维护：2026-09-09。两个独立学习模块，保持原有漫游和移动端适配。 */
@import url('./style.css');
.workspace{grid-template-columns:224px minmax(0,1fr) 305px}.mode-nav button{font-size:15px;letter-spacing:.7px}.mode-nav{gap:22px}.library-heading h2{font-size:20px}.scene-caption{max-width:calc(100% - 90px);background:linear-gradient(90deg,#183441cb,#18344115);pointer-events:none}.scene-caption h2{font-size:17px}.context-chips{top:123px}.detail-panel{padding:23px 19px}.detail-panel p,#overview>p{font-size:12px;line-height:1.9}.part-category{font-size:12px}.state-card strong{font-size:12px}#action-buttons button{font-size:12px;line-height:1.65}.source-links{font-size:10px}.task-note{font-size:11px;color:#647b80;line-height:1.7}.task-top h3{font-size:15px}.training-strip{padding:16px 19px}.course-intro{padding-bottom:12px}.course-intro h3,.special-heading{font-size:13px;line-height:1.7;font-weight:600;color:#315768}.course-intro p{font-size:11px;line-height:1.85;color:#748a92}.special-heading{margin:25px 0 14px;padding-top:20px;border-top:1px solid #d1dee2}.course-card{position:relative;padding:14px!important;min-height:118px}.course-card h3{font-size:14px;margin:6px 0}.course-number{font-size:11px}.course-card.active{border-color:#38758b;background:#e7f1f3}.step-outline{font-size:11px;line-height:1.9;color:#657d88;margin-top:9px}.step-outline summary{cursor:pointer;width:max-content;max-width:100%}.step-outline ol{max-height:150px;overflow:auto;padding:7px 0 3px 25px;margin:0;scrollbar-width:thin}.step-outline li{padding:3px 7px}.step-outline li.done{color:#77988b}.step-outline li.done::marker{content:'✓  '}.step-outline li.current{background:#e5eef0;color:#20566a;border-radius:4px;font-weight:600}.step-outline li.current::marker{color:#22576b}#component-list{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}#component-list:empty{display:none}.component-chip{font-size:10px;padding:6px 8px;line-height:1.5;background:#f4f6f4}.component-chip.active{background:#fff1d1;border-color:#c7a25a;color:#80602c}#action-heading{font-size:11px;font-weight:500;color:#6a8591;margin:15px 0 10px}#action-buttons button.component-action{border-color:#c7a567;background:#fff7e7}#action-buttons button.main-action{background:#246579;color:#fff;border-color:#246579}button:disabled{cursor:default;opacity:.46}#next-course{margin-top:10px}.training-mode #scene-label{color:#f0d6a6}.training-mode .context-chips{top:121px}.detail-footer{flex-wrap:wrap}#end-training{color:#a15f44}.training-mode #overview .quick-start{display:none}.training-mode .scenario-box{display:none}.scene-bottom #model-count{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1800px){.workspace{grid-template-columns:255px minmax(0,1fr) 330px}}
@media(max-width:1180px){.workspace{grid-template-columns:190px minmax(0,1fr) 275px}.mode-nav{gap:8px}.mode-nav button{font-size:13px}.scene-caption h2{font-size:14px}.detail-panel{padding:22px 15px}.context-chips,.training-mode .context-chips{top:121px}.task-top h3{font-size:13px}}
@media(max-width:980px){.workspace{grid-template-columns:minmax(0,1fr) 285px}.library{width:300px}.mode-nav button{font-size:12px}}
@media(max-width:700px){.topbar{height:108px;position:relative;flex-wrap:wrap;align-content:flex-start;padding-top:13px;padding-bottom:45px}.brand{height:43px}.top-actions{height:43px;align-items:center}.mode-nav{display:flex!important;position:absolute;bottom:0;left:0;right:0;height:42px;justify-content:center;gap:0;background:#173646;border-top:1px solid #ffffff0d}.mode-nav button{width:50%;font-size:13px;letter-spacing:1px}.mode-nav button.active{background:#234956}.mode-nav button.active:after{left:25%;right:25%}.workspace{display:block}.library{top:108px}.scene-caption h2{font-size:12px}.scene-caption{top:12px}.context-chips,.training-mode .context-chips{top:108px}.detail-panel{padding:24px 22px}#viewport{height:49dvh;min-height:345px;max-height:520px}#mobile-purpose{font-size:11px;line-height:1.75;margin:3px 0 9px;color:#57727f}#mobile-actions strong{margin-bottom:5px}#mobile-action-select{padding:10px 7px;font-size:12px}#mobile-actions{padding:12px 14px}.training-strip{padding:15px 14px}.task-top h3{font-size:13px;line-height:1.7}.task-note{font-size:11px}.training-intro p{font-size:11px}.step-outline{font-size:11px}#component-list{gap:7px}.component-chip{font-size:11px;padding:8px}#action-buttons{grid-template-columns:1fr 1fr}#action-buttons button{font-size:12px}.source-links{font-size:11px}#toast{bottom:15px;max-height:26dvh;overflow:auto}.detail-footer button{font-size:12px}.statusbar{font-size:9px}.scene-caption p{font-size:9px}}
@media(max-width:375px){.brand span{font-size:7px}.topbar{padding-left:10px;padding-right:10px}#sound{display:none}.stations #station-buttons button{font-size:8px;padding:7px 4px}}