/* 2026-10-19 学生工作台：保留教学结构与深红品牌，提升阅读与对话层级。 */
:root{--brand:#ae0b2a;--brand-dark:#880b24;--rose:#fbecf0;--ink:#332c32;--muted:#8e8088;--border:#e9e1e5;--surface:#fff;--canvas:#f5f2f4}
html,body{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink)}body{background:var(--canvas);height:100dvh;overflow:hidden}.frozen-header{background:white;box-shadow:0 3px 18px #5420350a}.title-bar{padding:16px max(24px,calc((100vw - 1480px)/2));gap:20px;background:linear-gradient(110deg,#8d0925,#ae0b2a 64%,#b72543);min-height:76px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:.5px;min-width:0}.brand-mark{font-family:Georgia,serif;font-size:28px;font-weight:400;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #ffffff4d;border-radius:12px;background:#ffffff0d;flex-shrink:0}.brand-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-row{gap:8px;padding:6px 8px 6px 14px;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px}.api-row label{white-space:nowrap}#experimentSelect{max-width:260px;border-radius:7px!important;padding:8px 12px!important;font-family:inherit!important;background:#fff9fb!important;min-width:155px}.tb-icon{border-radius:9px;width:34px;height:34px;background:#ffffff1a}.tb-icon.solid{background:#f8e8ed;color:#8e1531}.nav-bar{padding:12px max(24px,calc((100vw - 1480px)/2));gap:12px;background:white;box-shadow:none;border-bottom:1px solid var(--border)}.nav-item{position:relative;display:flex;align-items:center;gap:11px;flex:1;padding:13px 16px;border:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:10px;color:#7e6f77;font-size:14px;background:#fff;line-height:1.4}.nav-item:hover{background:#fdf8fa;border-color:#e0bcc6}.nav-item.active{color:var(--brand);background:var(--rose);border-color:#ce9aaa;box-shadow:inset 0 0 0 1px #ae0b2a08}.step-index{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:8px;flex-shrink:0;font-size:12px;font-weight:750;background:#f2edf0;color:#8c7882}.nav-item.active .step-index{background:var(--brand);color:white}.nav-arrow{padding:0 7px;font-weight:400;color:#b694a1}.nav-item.hidden{display:flex;color:#aa9ca4;background:#fcfbfc;border-color:#f0eaed;font-weight:400;cursor:not-allowed;padding-right:62px}.nav-item.hidden::before{content:"待解锁";position:absolute;right:13px;font-size:10px;color:#b0a2aa;font-weight:400}.nav-item.hidden .step-index{color:#b9acb3;background:#f3eff1}.main-content{display:flex;flex-direction:column;min-height:0;padding:20px max(24px,calc((100vw - 1480px)/2)) 16px;gap:15px}.workspace-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-shrink:0}.workspace-eyebrow{font-size:10px;color:#a28c98;letter-spacing:2px;margin-bottom:5px}.workspace-intro h1{font-size:22px;font-weight:700;line-height:1.4;margin:0}.workspace-intro p{font-size:12px;line-height:1.7;color:var(--muted);margin:5px 0 0}.workspace-note{font-size:11px;color:#9c8e96;border:1px solid #e9dce2;border-radius:20px;padding:5px 12px;background:#fff9fb;white-space:nowrap}.view{height:auto;flex:1;min-height:0;gap:18px}.panel{border-radius:14px;border:1px solid var(--border);box-shadow:0 4px 20px #4c193005;min-width:0;min-height:0}.view>.panel.w2{flex:0 0 33%;max-width:470px}.view>.panel.w1{flex:1}.view#view-practice>.panel.w2{flex:1.2;max-width:none}.view#view-practice>.panel.w1{flex:1}.panel-header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;color:#5b3b49;background:#fff;border-bottom:1px solid #eee5e9;font-size:13px}.panel-header .hint{font-size:10px;font-weight:400;color:#ac9ca5;margin:0;max-width:180px;text-align:right}.view>.panel.w1>.panel-header{color:var(--brand)}.kb-body{padding:15px 14px;background:#fffeff}.folder{margin-bottom:11px}.folder-name{background:#f8f1f4;border:1px solid #f0e3e9;color:#6d4a59;border-radius:8px;font-size:13px;padding:11px 12px;font-weight:650;line-height:1.6}.folder-name:hover{background:#f4e6ec}.folder-items{padding:6px 0 2px 13px;border-left:1px solid #f0e5eb;margin-left:15px}.kb-item{font-size:12px;line-height:1.7;padding:9px 10px;color:#76636d}.kb-item:hover{background:#faedf2}.kb-item-locked{background:transparent;color:#bcb1b7}.chat-body{background:linear-gradient(180deg,#fbf8fa,#f8f5f7);padding:22px;gap:20px;min-height:0}.msg{max-width:88%;display:flex;flex-direction:column;gap:6px}.msg::before{font-size:10px;letter-spacing:.6px;color:#aa95a0;padding-left:2px}.msg.other::before{content:"AI 导师"}.msg.me::before{content:"我的思考";align-self:flex-end;padding-right:2px}.msg .bubble{font-size:14px;line-height:1.9;padding:15px 18px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.msg.other .bubble{background:#fff;border:1px solid #ebe1e6;color:#51414a;border-top-left-radius:3px;box-shadow:0 3px 9px #51203803}.msg.me .bubble{background:#a91838;border:1px solid #a91838;border-top-right-radius:3px;box-shadow:0 3px 10px #ae0b2a0d}.chat-input-area{position:relative;padding:14px 16px 31px;gap:10px;border-top:1px solid #eee5e9;background:#fff;min-height:92px}.chat-input-area::after{content:"Enter 发送 · Shift + Enter 换行";position:absolute;bottom:9px;left:19px;font-size:10px;color:#b1a1aa;pointer-events:none}.chat-input-area .chat-input{border:1px solid #e6dce1;border-radius:10px;background:#fcfafb;padding:11px 13px;line-height:1.7;font-size:13px;color:#51434b}.chat-input-area .chat-input:focus{background:#fff;border-color:#b86f84;box-shadow:0 0 0 3px #ae0b2a07}.chat-input-area button{border-radius:9px;padding:11px 21px;font-size:13px;line-height:1.7;background:var(--brand)}.chat-input-area button:disabled{background:#c690a0;cursor:wait}.practice-code-area{padding:15px;background:#faf8fa}.code-region{border:1px solid var(--border);box-shadow:none;border-radius:10px;margin-bottom:13px}.region-header{padding:13px 15px;font-size:13px;background:#f9edf1;color:#8a2542}.region-body{padding:15px}.region-body pre{background:#f6f4f7;border:1px solid #eee8ed;padding:13px;font-size:12px;line-height:1.8}.fill-line{line-height:1.8;gap:8px}.fill-line input{border-color:#dfbac7;background:#fff9fb;border-radius:7px;padding:7px 10px}.region-submit{border-radius:8px;padding:9px 17px}.region-note{background:#f5f1f8;border-left-color:#c1a0c9;color:#79617d;line-height:1.8}#phase2Task{margin:12px 16px 0;border:1px solid #efdfc3!important;border-radius:8px;padding:8px 12px!important;background:#fffbf2!important;color:#987b45!important;font-size:11px!important}.card{border-radius:15px;box-shadow:0 20px 70px #390a2233}.card-head{background:linear-gradient(110deg,#960c2b,#ae0b2a);font-size:15px}.card-body{font-size:14px;line-height:1.95}.modal-mask{background:#32202b77;backdrop-filter:blur(4px)}.site-footer{background:#f7f4f6;border-top:1px solid #ece4e9;padding:8px 12px;font-size:10px;color:#b0a2aa}.site-footer a{color:#a6969f}.toast{top:150px;font-size:12px;background:#563b49e8}button,a,input,textarea,select,.nav-item{transition:background .17s,border-color .17s,box-shadow .17s}button:focus-visible,a:focus-visible,.nav-item:focus-visible{outline:3px solid #d9a2b2;outline-offset:3px}*{scrollbar-width:thin;scrollbar-color:#d8cbd2 transparent}
@media(max-width:1100px) and (min-width:769px){.title-bar{padding:13px 20px}.brand{font-size:16px}.brand-mark{width:35px;height:35px}.api-row label{display:none}.workspace-note{display:none}.nav-bar{padding:11px 20px;gap:9px}.nav-item{font-size:12px;padding:12px}.nav-item.hidden{padding-right:47px}.nav-item.hidden::before{right:8px;font-size:9px}.main-content{padding:16px 20px 12px}.panel-header .hint{display:none}.chat-body{padding:18px}.view>.panel.w2{flex-basis:32%}}
@media(max-width:768px){html,body{height:auto;min-height:100dvh;overflow:auto}.title-bar{min-height:auto;padding:12px 14px;gap:10px}.brand{font-size:15px;gap:9px}.brand-mark{font-size:23px;width:33px;height:33px;border-radius:9px}.api-row{border-radius:10px;padding:5px 6px;gap:7px}.api-row #experimentSelect{min-width:0;max-width:none;flex:1}.tb-icon{width:32px;height:32px}.nav-bar{padding:9px 12px;gap:7px}.nav-item{justify-content:center;padding:9px 5px;gap:6px;font-size:12px;border-radius:8px}.nav-item.hidden{display:flex;padding-right:5px}.nav-item.hidden::before{display:none}.nav-item::after{font-size:12px}.step-index{width:22px;height:22px;font-size:10px;border-radius:6px}.main-content{padding:12px 12px 10px;gap:12px;overflow:visible}.workspace-intro h1{font-size:18px}.workspace-intro p{font-size:11px}.workspace-eyebrow,.workspace-note{display:none}.view{min-height:0;height:auto;gap:12px;flex:none}.view>.panel.w2{flex:none;max-width:none;width:100%}.view>.panel.w1{width:100%;flex:none}.panel{border-radius:12px}.panel-header{min-height:48px;padding:12px 15px;font-size:13px}.chat-body{padding:17px 14px;gap:16px}.msg{max-width:94%}.msg .bubble{padding:12px 14px;font-size:14px;line-height:1.85}.chat-input-area{padding:12px 12px 28px;min-height:90px}.chat-input-area .chat-input{font-size:16px;line-height:1.5;padding:10px}.chat-input-area button{font-size:13px;padding:11px 15px;line-height:1.5}.chat-input-area::after{content:"回车换行 · 点击发送继续讨论";left:15px;font-size:9px}.kb-drawer-btn{background:#f9edf1;border-radius:7px;font-size:11px}.toast{top:155px}.site-footer{font-size:9px}.view#view-practice>.panel.w2,.view#view-practice>.panel.w1{flex:none;max-width:none;width:100%}}
@media(max-width:400px){.brand-text{display:none}.brand{font-size:14px}.brand::after{content:"认知心理学学习平台";font-size:14px}.nav-item{gap:4px}.nav-item::after{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.kb-drawer-btn::before{content:none}