body.nback-integrated #view-coding>.panel,body.nback-integrated #view-practice>.panel{display:none!important}
.lab{width:100%;height:100%;overflow:auto;padding:20px 26px 36px;background:#f5f2f3;color:#39323a;font:14px/1.7 "Microsoft YaHei",system-ui,sans-serif;box-sizing:border-box}
.lab *{box-sizing:border-box}.lab h2,.lab h3,.lab p{margin:0}.lab button,.lab input,.lab select,.lab textarea{font:inherit}.lab button{cursor:pointer;border:1px solid #e2d4d9;border-radius:9px;background:white;color:#62444f;padding:9px 15px}.lab button:hover{border-color:#ae0b2a;background:#fff6f8}.lab button:disabled{cursor:default;opacity:.5}.lab .primary{background:#ae0b2a;color:white;border-color:#ae0b2a}.lab button:focus-visible,.lab input:focus-visible,.lab textarea:focus-visible,.lab select:focus-visible{outline:3px solid #d799ab;outline-offset:2px}
.lab-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.lab-kicker{font-size:11px;letter-spacing:2px;color:#997681;font-weight:700}.lab h2{font-size:25px;line-height:1.5;color:#8f1230}.lab-hero p{color:#8a7680;margin-top:5px}.lab-pill{display:inline-block;border:1px solid #dfc5cd;border-radius:30px;padding:6px 12px;color:#9b3852;background:#fffafb;font-size:12px;white-space:nowrap}
.lab-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:20px;align-items:start}.lab-card{border:1px solid #e7dfe2;border-radius:14px;background:white;overflow:hidden;box-shadow:0 3px 14px #55223705}.lab-card-head{padding:15px 20px;border-bottom:1px solid #efe8eb;display:flex;gap:12px;justify-content:space-between;align-items:center;font-weight:bold;color:#6c4a58}.lab-pad{padding:22px}.lab-scenario{background:#fbf6ed;border-left:3px solid #bf9d64;color:#816b48;padding:12px 16px;font-size:13px;margin:15px 0}
.lab-steps{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.lab-step{width:37px;height:37px;padding:0!important;border-radius:50%!important}.lab-step.active{color:white;background:#ae0b2a;border-color:#ae0b2a}.lab-step.done{border-color:#62a081;background:#eff7f2;color:#337052}.lab-qtitle{font-size:21px;color:#613542;line-height:1.6}.lab-prompt{margin:13px 0!important;color:#62535b}.lab-choices{display:grid;gap:9px}.lab-choice{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border:1px solid #e6dce1;border-radius:10px;cursor:pointer}.lab-choice:has(input:checked){background:#fff2f5;border-color:#b64f68;color:#9b1739}.lab-choice input{accent-color:#ae0b2a;margin-top:6px}.lab textarea,.lab input[type=text],.lab input[type=number],.lab select{border:1px solid #dfd4da;border-radius:9px;padding:10px 12px;color:#45343e;background:white;width:100%;resize:vertical}.lab textarea{min-height:92px;line-height:1.8}.lab-label{display:block;color:#79626d;font-size:12px;font-weight:bold;margin:14px 0 7px}.lab-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px;align-items:center}.lab-faint{font-size:12px;color:#9b8992}.lab-feedback{border:1px solid #e4cfb0;background:#fff8ec;color:#81663e;padding:12px 15px;border-radius:10px;margin-top:15px}.lab-feedback.good{border-color:#c2dfcf;background:#f2f9f4;color:#397254}.lab-feedback b{display:block}
.lab-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.lab-pack{border:1px solid #e6dce0;border-radius:10px;padding:10px;min-width:0}.lab-pack strong{color:#744656}.lab-pack p{font-size:11px;color:#8e7c85}.lab-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin:7px 0}.lab-thumbs svg{width:100%;height:auto}.lab-pack.messy .lab-thumbs{background:repeating-linear-gradient(25deg,#e1b7bc 0 12px,#b9c9d7 12px 25px)}.lab-pack.messy svg:first-child{transform:scale(.6);opacity:.5}.lab-pack.messy svg:last-child{transform:rotate(30deg);opacity:.6}.lab-rule-strip{display:flex;align-items:center;justify-content:space-around;gap:8px;background:#faf7f8;padding:12px;border-radius:12px;margin:16px 0}.lab-rule-strip figure{margin:0;text-align:center;font-size:11px;color:#9a7a87}.lab-rule-strip svg{width:82px;height:82px}.lab-rule-strip .hit{outline:2px solid #ae0b2a;border-radius:10px}.lab-coach{position:sticky;top:0}.lab-standard{padding:15px 20px;background:#fcf8fa;font-size:12px;color:#886d7a;border-bottom:1px solid #ede3e8}.lab-standard b{display:block;color:#8c2643;margin-bottom:4px}.lab-chat{min-height:220px;max-height:440px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.lab-bubble{white-space:pre-wrap;padding:13px 15px;border-radius:11px;background:#f4f2f4;line-height:1.8;font-size:13px;overflow-wrap:anywhere}.lab-bubble.user{background:#fce9ee;margin-left:25px}.lab-bubble small{display:block;color:#a28793;font-size:10px;margin-bottom:5px}.lab-chat-form{padding:13px 18px;border-top:1px solid #efe6eb}.lab-chat-form textarea{min-height:65px;font-size:13px}
.lab-summary{margin-top:20px}.lab-summary h3{font-size:18px;color:#693b4d}.lab-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.lab-form-grid .wide{grid-column:1/-1}.lab-design-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.lab-value{background:#faf7f9;border-radius:9px;padding:12px}.lab-value b{display:block;color:#99405b;font-size:12px}.lab-value span{font-size:13px}.lab-notice{padding:12px 16px;border-radius:10px;background:#fff4df;color:#856c40;font-size:12px;margin:13px 0;line-height:1.8}.lab-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 14px}.lab-task-frame{border:1px solid #e5dbe0;border-radius:12px;width:100%;height:530px;background:#fbf8f9;margin-top:15px}.lab-preview{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.lab-preview svg{width:65px;height:65px}.lab-export{display:flex;gap:9px;flex-wrap:wrap}.lab-checklist{padding:12px 17px;background:#f7f7f4;border-radius:10px;margin:15px 0}.lab-checklist li{margin:5px 0}.lab-state{min-height:22px;color:#886777;font-size:12px;margin-top:8px}.lab-details{border-top:1px solid #eee3e8;margin-top:15px;padding-top:13px}.lab-details summary{cursor:pointer;color:#855669}.lab-code{white-space:pre-wrap;background:#302b33;color:#f3e7ec;border-radius:10px;padding:15px;font:12px/1.7 Consolas,monospace;max-height:260px;overflow:auto}.lab-source-link{color:#a43151}.lab [hidden]{display:none!important}
@media(max-width:1000px){.lab-layout{grid-template-columns:1fr}.lab-coach{position:static}.lab-chat{max-height:320px}.lab-design-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.lab{padding:14px}.lab h2{font-size:21px}.lab-hero{align-items:start}.lab-pad{padding:15px}.lab-pack-grid{grid-template-columns:1fr}.lab-thumbs{display:flex}.lab-thumbs svg{width:60px}.lab-settings,.lab-form-grid{grid-template-columns:1fr}.lab-rule-strip svg{width:57px;height:57px}.lab-card-head{padding:12px 15px}.lab-pill{white-space:normal}.lab-design-values{grid-template-columns:1fr}.lab-task-frame{height:560px}}

.lab-condition-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.lab-thumbs>div{min-width:0}

.lab-step.active.done{background:#ae0b2a;color:white;border-color:#ae0b2a}

/* ===== 2026-10-21：固定题答错后的"复述思路"弹框 + 阶段二/三的新控件 ===== */
.lab-modal{position:fixed;inset:0;background:rgba(23,17,20,.42);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px;z-index:120}
.lab-modal.open{display:flex}
.lab-modal-card{background:#fff;border-radius:16px;width:100%;max-width:540px;max-height:86vh;overflow:auto;box-shadow:0 24px 80px rgba(30,10,20,.28);font:14px/1.7 "Microsoft YaHei",system-ui,sans-serif;color:#2b2528}
.lab-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 6px}
.lab-modal-head h3{margin:0;font-size:16px;font-weight:650;letter-spacing:.2px;color:#221d20}
.lab-modal-x{border:0;background:transparent;color:#9b8f95;font-size:13px;line-height:1;cursor:pointer;padding:7px;border-radius:8px;font-family:inherit}
.lab-modal-x:hover{background:#f4eef0;color:#5c4d54}
.lab-modal-body{padding:0 22px 20px;display:flex;flex-direction:column;gap:10px}
.lab-modal-sub{margin:0;font-size:12.5px;color:#8a7c83}
.lab-modal-q{margin:0;font-size:13.5px;color:#45505c;background:#f7f8fa;border-radius:10px;padding:10px 12px}
.lab-modal-body textarea{margin:0;min-height:104px;border:1px solid #e3e6ea;border-radius:12px;padding:12px 13px;font:inherit;line-height:1.65;color:#2b2528;resize:vertical;background:#fff;transition:border-color .15s,box-shadow .15s}
.lab-modal-body textarea:focus{outline:none;border-color:#c9b8c0;box-shadow:0 0 0 4px rgba(174,11,42,.08)}
.lab-modal-hint{margin:0;font-size:11.5px;color:#9b8f95}
.lab-modal-state{margin:0;min-height:16px;font-size:12px;color:#b3261e}
.lab-modal-foot{display:flex;align-items:center;gap:10px;margin-top:6px}
.lab-modal-spacer{flex:1}
.lab-modal-ghost{border:1px solid transparent;background:transparent;color:#7b6f76;padding:9px 12px;border-radius:10px;cursor:pointer;font:inherit;font-size:13px}
.lab-modal-ghost:hover{background:#f4eef0;color:#4a3d44}
.lab-modal-primary{display:inline-flex;align-items:center;gap:8px;border:0;background:#1f1b1d;color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;font:inherit;font-size:13.5px;font-weight:600;transition:background .15s,transform .15s}
.lab-modal-primary:hover{background:#000}
.lab-modal-primary:active{transform:translateY(1px)}
.lab-kbd{font-size:11px;opacity:.55;font-weight:400;letter-spacing:.3px}
@media(max-width:600px){.lab-modal{padding:12px;align-items:flex-end}.lab-modal-card{max-width:none;border-radius:16px 16px 0 0;max-height:88vh}}
/* 顶部信息块被移进 .lab 之后，和栏目标题连成一体，一起滚动 */
.intro-host{display:block}
.lab .intro-host{padding:0 0 12px;margin-bottom:4px;border-bottom:1px solid #ece3e7}
.lab .intro-host .workspace-intro{align-items:flex-start;gap:14px}
.lab .intro-host .workspace-intro h1{font-size:19px}
.lab .intro-host .workspace-intro p{font-size:12px}
.lab .intro-host .demo-capability{margin-top:9px}
@media(max-width:768px){.lab .intro-host .workspace-intro h1{font-size:17px}}
.lab-assign{margin:10px 0 0;padding:9px 12px;border:1px solid #e8d9e0;border-radius:9px;background:#fdf7fa;font-size:12.5px;color:#6d4a59;line-height:1.6}
.lab-assign small{display:block;margin-top:4px;color:#9c8e96;font-size:11px}
.lab-card-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.lab-card-tools #labReset01{border:1px solid #e2d4d9;border-radius:8px;background:#fff;color:#8a1b39;padding:4px 10px;font-size:12px;cursor:pointer;line-height:1.5}
.lab-card-tools #labReset01:hover{background:#fdeef3;border-color:#d9a2b2}
.lab-last-reply{margin:0 0 12px;border:1px solid #e7dfe2;border-radius:10px;background:#fbf7f9;padding:10px 12px;font-size:12.5px;color:#4a3f45}
.lab-last-reply summary{cursor:pointer;color:#8a1b39;font-weight:600;font-size:12px;line-height:1.6}
.lab-last-reply p{margin:8px 0 0;line-height:1.7;color:#584a51;white-space:pre-wrap}
.lab-last-go{margin-top:8px;border:1px solid #e2d4d9;background:#fff;color:#8a1b39;border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer;font-family:inherit}
.lab-last-go:hover{background:#fdeef3;border-color:#d9a2b2}

body:not(.nback-integrated) .lab{display:none!important}body.nback-integrated .main-content:has(.lab.active){padding:0}.nback-integrated .lab{border-radius:14px}.lab-sync{padding:7px 12px;background:#fbf6ed;color:#816b48;font-size:12px}.lab-sync:empty{display:none}

body:not(.nback-integrated) .nav-item[data-view="literature"]{display:none!important}

/* 阶段三开头：固定 2-back 示例，逐项显示每一项的比较对象。 */
.lab-nback-demo{margin:0 0 20px;padding:17px 18px;border:1px solid #e9d8d0;border-radius:12px;background:#fffaf6}
.lab-nback-demo-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#8f1230;font-weight:700;font-size:16px}
.lab-nback-demo-title small{font-size:11px;font-weight:400;color:#927b80}
.lab-nback-demo>p{font-size:13px;color:#62535b;margin-top:7px!important}
.lab-nback-scroll{overflow-x:auto;padding:14px 2px 5px}
.lab-nback-flow{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(88px,1fr));gap:8px;min-width:600px;margin:0;padding:0}
.lab-nback-flow li{position:relative;display:flex;flex-direction:column;gap:5px;min-height:144px;padding:10px 5px;border:1px solid #e5d8dc;border-radius:10px;background:#fff;text-align:center}
.lab-nback-flow li:not(:last-child)::after{content:"→";position:absolute;right:-11px;top:48px;color:#af7f8b;font-size:20px;z-index:1}
.lab-nback-flow li.hit{border-color:#c85c78;background:#fff1f5}
.lab-nback-num{color:#927b83;font-size:11px}
.lab-nback-flow strong{font-size:28px;line-height:1.1;color:#8f1230}
.lab-nback-note{font-size:11px;line-height:1.45;color:#65515b}
.lab-nback-flow em{margin-top:auto;font-size:11px;font-style:normal;font-weight:700;color:#8f1230}
.lab-nback-flow li:not(.hit) em{color:#687782}
.lab-nback-demo .lab-nback-caption{font-size:12px;color:#815e6c;margin-top:6px!important}
@media(max-width:600px){.lab-nback-demo{padding:13px}.lab-nback-demo-title{display:block}.lab-nback-demo-title small{display:block}.lab-nback-flow{min-width:620px}}