/* Codex维护：2026-09-07。智能炒菜机构造演示，电脑与手机共用。 */
:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#243833;background:#f3f3ed;font-synthesis:none;--ink:#243833;--muted:#7b8780;--line:#dbe0d8;--orange:#b85c33;--paper:#f8f8f2;--green:#345b48}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button{border:0;background:none}button:hover{color:var(--orange)}[hidden]{display:none!important}.topbar{height:88px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(248,248,242,.94)}.brand,.header-right{display:flex;align-items:center;gap:16px}.brand-icon{width:47px;height:47px;border:1px solid #546c5a;border-radius:50%;padding:8px}.brand-icon svg{width:100%;height:100%;fill:none;stroke:#496350;stroke-width:1.7;stroke-linecap:round}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:500;color:var(--muted)}h1{font-size:21px;letter-spacing:3px;margin:5px 0 0;font-weight:550}.reference-tag{font-size:11px;display:flex;align-items:center;gap:8px;color:#718172;margin-right:16px}.reference-tag i,.statusbar i{display:inline-block;width:5px;height:5px;background:#7f9278;border-radius:50%}.plain{font-size:12px;padding:9px 12px;border:1px solid var(--line);border-radius:5px;background:#fafbf6}.plain span{padding-left:15px}.icon-button{width:32px;height:32px;border:1px solid var(--line);border-radius:5px;font-size:17px;display:inline-grid;place-items:center}.workspace{display:grid;grid-template-columns:230px minmax(400px,1fr) 274px;min-height:calc(100svh - 120px)}.parts-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 16px 18px 24px;max-height:calc(100svh - 120px);background:#f8f8f2}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}h2{font-weight:500}.panel-heading h2{font-size:17px;margin:8px 0 0}.panel-heading small{font-size:11px;color:var(--orange);margin-left:20px}.part-list{overflow-y:auto;scrollbar-width:thin;flex:1;padding-right:6px}.part-group-label{font-size:10px;color:#8b9389;margin:17px 0 9px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.part-group-label::after{content:"";height:1px;flex:1;background:var(--line)}.part-item{display:flex;width:100%;gap:10px;align-items:center;text-align:left;padding:10px 7px;margin:3px 0;border-radius:5px;border-left:2px solid transparent;transition:background .15s}.part-item:hover{background:#eeeee4}.part-item.active{background:#ece7d9;border-left-color:var(--orange);color:#9c4d2b}.part-num{font-size:9px;color:#899386;width:14px;flex-shrink:0}.part-item>span:nth-child(2){flex:1;font-size:11px}.part-item .part-arrow{font-size:12px;color:#a1a999}.part-item[data-basis="原理示意"]{color:#848e81}.sidebar-note{display:flex;gap:9px;border-top:1px solid var(--line);margin-top:18px;padding:14px 0 0;font-size:10px;line-height:1.9;color:#7c887b}.sidebar-note p{margin:0}.note-mark{font-size:18px;color:var(--orange)}.stage{display:flex;flex-direction:column;min-width:0;position:relative;background:#e7ebe4}#viewport{position:relative;min-height:520px;flex:1;overflow:hidden}#scene{width:100%;height:100%;position:absolute;inset:0;display:block;touch-action:none;outline-offset:-3px}.stage-heading{position:absolute;top:27px;left:28px;pointer-events:none}.stage-heading h2{font-family:"STSong","SimSun",serif;font-size:30px;letter-spacing:2px;margin:10px 0;color:#3b5145}.stage-heading p{font-size:11px;color:#889388;margin:0}.stage-toolbar{position:absolute;right:20px;top:30px;display:flex;gap:8px;align-items:center}.view-switch{display:flex;border:1px solid #cbd4ca;border-radius:5px;padding:3px;background:#f4f6efd6}.view-switch button{font-size:10px;padding:6px 9px;border-radius:3px}.view-switch .active{background:#d9dfd2;color:#354b38}.scene-tools{position:absolute;right:20px;top:100px;display:flex;flex-direction:column;background:#f4f6efd9;border:1px solid #cbd4ca;border-radius:5px}.scene-tools button{width:34px;height:36px;font-size:19px}.scene-tools button+button{border-top:1px solid #dce1d9}.viewport-bottom{position:absolute;bottom:15px;left:22px;right:22px;display:flex;align-items:center;gap:12px;color:#7d8c7e;font-size:9px}.viewport-bottom button{font-size:10px;padding:7px 8px;border:1px solid transparent;border-radius:4px}.viewport-bottom button[aria-pressed="true"]{color:#ad542d;border-color:#d7bca5;background:#f5ebdd}.viewport-bottom>span{margin-left:auto}.floating-label,.model-label{position:absolute;z-index:4;background:#fbfcf4eb;border:1px solid #ca9875;border-radius:4px;color:#a2502f;font-size:11px;padding:8px 11px;box-shadow:0 5px 15px #31453114;white-space:nowrap;pointer-events:none;transform:translate(-50%,-130%)}.floating-label::after{content:"";position:absolute;bottom:-11px;height:10px;left:50%;width:1px;background:#b27959}.model-label{pointer-events:auto;font-size:10px;padding:5px 8px;border-color:#a1b5a0;color:#456049;box-shadow:none}.live-chip{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:#304b3fef;color:#edf1e7;padding:9px 15px;border-radius:30px;font-size:10px;white-space:nowrap}.live-chip i{width:5px;height:5px;background:#b8cb9a;border-radius:50%}.live-chip span:last-child{color:#d5bc92;font-size:9px;border-left:1px solid #748275;padding-left:9px}.playback{margin:0 20px 19px;padding:15px 18px 12px;border:1px solid #d6ded1;border-radius:9px;background:#f7f8f0;box-shadow:0 6px 24px #475b4110;position:relative;z-index:3}.playback-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.recipe,.play-actions{display:flex;align-items:center;gap:10px}.recipe-icon{font-size:20px;background:#ebece1;padding:7px 10px;border-radius:6px;color:#9b6b36}.recipe .eyebrow{font-size:9px;letter-spacing:1px}.recipe h3{font-size:13px;font-weight:500;margin:5px 0 0}.recipe small{font-size:9px;color:#9a9e8f;margin-left:9px;font-weight:400}.primary{background:var(--orange);color:#fff8ee;border:1px solid #a34c26;border-radius:5px;display:flex;gap:8px;align-items:center;justify-content:center;min-width:108px;height:37px;font-size:11px;box-shadow:0 3px 6px #a34c2620}.primary:hover{color:white;background:#a94d28}.speed{font-size:11px;width:32px;height:32px;border:1px solid var(--line);border-radius:5px}.steps{display:flex;justify-content:space-between;border-top:1px solid #e0e4d9;padding-top:10px;gap:3px}.steps button{font-size:9px;color:#8c9789;padding:4px 1px;white-space:nowrap;display:flex;align-items:center;gap:6px}.steps button i{font-size:8px;font-style:normal;display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #d8dfd1;border-radius:50%}.steps button.active{color:#aa522b}.steps button.active i{background:#b85c33;border-color:#b85c33;color:#fff}.steps button.done{color:#566d4c}.scrub-row{display:flex;gap:10px;align-items:center;font-size:9px;color:#8b9885;font-variant-numeric:tabular-nums;margin-top:10px}.scrub-row input{width:100%;accent-color:var(--orange);height:14px;cursor:pointer;margin:0}.playback-note{display:flex;justify-content:space-between;font-size:8px;margin-top:7px;color:#9a9f90}.playback-note span:first-child{color:#a47749}.detail-panel{border-left:1px solid var(--line);background:#f8f8f2;padding:29px 23px 20px;max-height:calc(100svh - 120px);overflow:auto;scrollbar-width:thin}.detail-heading{display:flex;align-items:center;justify-content:space-between;min-height:20px;margin-bottom:23px}.detail-panel h2{font-family:"STSong","SimSun",serif;line-height:1.8;font-size:24px;letter-spacing:1px;margin:9px 0 14px}.detail-panel p{font-size:11px;color:#7d897c;line-height:1.95;margin:0 0 15px}.reference-preview{display:block;position:relative;width:100%;height:145px;overflow:hidden;padding:0;margin:20px 0;background:#d5dbd1;border-radius:5px}.reference-preview img{width:100%;height:100%;object-fit:cover;object-position:center 31%;transition:transform .3s}.reference-preview:hover img{transform:scale(1.04)}.reference-preview span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#172e26a8);font-size:9px;color:#fff;padding:20px 11px 9px;text-align:left}.summary{font-size:10px;margin:0}.summary div{display:flex;justify-content:space-between;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.summary dt{color:#869081}.summary dd{margin:0;color:#51674f}.text-link{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:10px;padding:15px 0;text-align:left;color:#a2643c;line-height:1.7}.text-link span{font-size:15px}.basis{font-size:9px;color:#708366;background:#e8eee1;padding:5px 8px;border-radius:3px}.basis.demo{color:#9a704c;background:#f1e8d9}#part-name{font-size:23px;line-height:1.6;margin-top:15px}.part-tag{color:#a67747!important;font-size:10px!important;letter-spacing:1px}.detail-panel h3{font-size:12px;font-weight:500;margin:20px 0 10px}.evidence-note{border-left:2px solid #c7cdbb;background:#eeefe6;padding:12px 13px;margin-top:20px}.evidence-note span{font-size:9px;color:#8a947e;letter-spacing:1px}.evidence-note p{font-size:10px;margin:7px 0 0}.process-detail{margin-top:26px;border-top:1px solid #d9ddcf;padding-top:21px}.process-detail>div{display:flex;justify-content:space-between;align-items:center}.process-detail #step-count{font-size:9px;color:#a5a995}.process-detail h3{font-size:14px;line-height:1.7;margin:15px 0 8px}.process-detail p{font-size:10px}.statusbar{height:32px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);font-size:9px;color:#8a9484;background:#f3f4ec}.statusbar>span:first-child{display:flex;align-items:center;gap:7px}.mobile-only{display:none!important}#loading,#error{position:absolute;inset:0;background:#e7ebe4;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font-size:13px;color:#7a8e78}#loading small{font-size:10px}#loading .spinner{width:30px;height:30px;border:2px solid #c6d2be;border-top-color:#8eaa80;border-radius:50%;animation:turn 1s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}#error{padding:30px;text-align:center}#error p{font-size:12px;max-width:320px}#error button{border:1px solid #99ae90;padding:10px 20px;border-radius:6px}dialog{border:1px solid #cad4c4;border-radius:12px;padding:20px 24px;background:#f7f8f0;color:var(--ink);max-width:min(800px,calc(100vw - 24px));box-shadow:0 24px 90px #132c2540}dialog::backdrop{background:#15271ed1;backdrop-filter:blur(4px)}dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}dialog h2{font-size:18px;margin:6px 0}#photo-dialog>img{display:block;width:auto;height:min(72svh,870px);max-width:100%;object-fit:contain;margin:auto;border-radius:5px}dialog p,dialog li{font-size:12px;line-height:1.9;color:#7a8777}dialog p{margin:15px 0 0}#help-dialog{max-width:min(560px,calc(100vw - 30px))}#help-dialog ul{padding-left:20px}#help-dialog li{margin:10px 0}
@media(min-width:1650px){.workspace{grid-template-columns:252px minmax(500px,1fr) 305px}.stage-heading h2{font-size:36px}.stage-heading{top:38px;left:38px}.stage-toolbar{top:40px}.parts-panel{padding-left:30px}.part-item{padding-top:13px;padding-bottom:13px}.part-item>span:nth-child(2){font-size:12px}.detail-panel{padding:35px 28px}.playback{margin:0 28px 26px;padding:19px 24px 15px}.reference-preview{height:185px}}
@media(max-width:1240px){.workspace{grid-template-columns:195px minmax(350px,1fr) 232px}.parts-panel{padding:24px 12px 15px 17px}.part-item>span:nth-child(2){font-size:10px}.detail-panel{padding:24px 18px}.stage-toolbar{top:107px;left:25px;right:auto}.stage-heading{top:25px;left:25px}.scene-tools{top:153px}.viewport-bottom>span{display:none}.recipe-icon{display:none}.playback{margin:0 12px 14px;padding:14px 12px}.steps button{gap:4px;font-size:8px}.playback-top{gap:5px}.play-actions{gap:6px}.primary{min-width:94px;font-size:10px}.recipe small{display:none}.detail-panel h2{font-size:22px}}
@media(max-width:1000px){.workspace{grid-template-columns:190px 1fr}.detail-panel{grid-column:1/-1;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 26px;border-top:1px solid var(--line)}.detail-heading{grid-column:1/-1;margin:0}.detail-panel #overview{display:grid;grid-template-columns:1fr 170px;gap:0 20px}.reference-preview{grid-column:2;grid-row:1/4;height:180px;margin:0}.summary{display:none}.process-detail{margin:0;border-top:none;border-left:1px solid var(--line);padding:0 0 0 25px}.parts-panel{max-height:none}.stage{min-height:760px}.topbar{padding:0 23px}.reference-tag{display:none}.statusbar{height:auto;min-height:32px;flex-wrap:wrap;padding:8px 20px}.stage-toolbar{top:27px;left:auto;right:20px}.stage-heading h2{font-size:26px}.stage-heading p{display:none}.scene-tools{top:98px}.stage-heading{top:26px}#viewport{min-height:550px}.view-switch button{font-size:9px;padding:6px}}
@media(max-width:700px){.topbar{height:72px;padding:0 15px}.brand{gap:9px}.brand-icon{width:36px;height:36px;padding:6px}.brand .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:17px;letter-spacing:2px;margin-top:3px}.header-right{gap:7px}.header-right .plain{font-size:10px;padding:8px;border:0;background:transparent}.header-right .plain span{padding-left:1px}.header-right .icon-button{width:26px;height:26px;font-size:13px}.workspace{display:block}.mobile-only{display:inline-flex!important}.parts-panel{display:none;position:fixed;inset:72px auto 0 0;z-index:30;width:min(300px,83vw);padding:23px 20px;background:#f8f8f2;box-shadow:20px 0 80px #23413130}.parts-panel.open{display:flex}.part-item{padding:12px 6px}.part-item>span:nth-child(2){font-size:12px}.part-list{flex:1}.stage{min-height:calc(100svh - 72px)}#viewport{height:calc(100svh - 269px);min-height:440px;flex:1}.stage-heading{top:21px;left:20px}.stage-heading .eyebrow{font-size:8px}.stage-heading h2{font-size:24px;letter-spacing:1px;margin-top:7px}.stage-toolbar{top:90px;left:17px;right:17px;justify-content:space-between;gap:6px}.stage-toolbar>.plain{font-size:10px;padding:7px 9px;white-space:nowrap}.view-switch button{font-size:9px;padding:5px 6px}.scene-tools{top:139px;right:17px}.scene-tools button{width:31px;height:34px}.viewport-bottom{left:15px;right:15px;bottom:7px;justify-content:center;gap:20px}.viewport-bottom button{font-size:10px}.live-chip{bottom:45px;font-size:9px;padding:7px 11px;gap:7px}.live-chip span:last-child{font-size:8px}.playback{margin:0 10px 13px;padding:13px 12px 10px}.playback-top{margin-bottom:10px}.recipe .eyebrow{font-size:8px}.recipe h3{font-size:12px;margin-top:4px}.primary{min-width:105px;height:34px}.play-actions{gap:6px}.play-actions .icon-button,.speed{height:29px;width:29px}.steps{gap:0;padding-top:8px}.steps button{font-size:8px;gap:3px;flex-direction:column}.steps button i{height:15px;width:15px;font-size:7px}.scrub-row{margin-top:7px}.playback-note{font-size:7px;margin-top:5px}.detail-panel{display:block;padding:23px;max-height:none}.detail-heading{margin-bottom:14px}.detail-panel #overview{grid-template-columns:1fr 140px;gap:0 15px}.detail-panel h2{font-size:21px;margin-top:0}.detail-panel p{font-size:11px}.reference-preview{height:165px}.process-detail{border:0;border-top:1px solid var(--line);margin-top:22px;padding:22px 0 0}.statusbar{font-size:8px;padding:8px 14px;gap:8px}.floating-label{font-size:10px;padding:7px 9px}.model-label{font-size:9px}dialog{padding:16px}#photo-dialog>img{height:auto;max-height:70svh;width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reference-preview img{transition:none}}
/* Codex维护：2026-09-07，避开出菜落点，手机选中后直接显示部件作用。 */
.live-chip{top:106px;bottom:auto;left:28px;transform:none;pointer-events:none}.mobile-part-info{display:none}
@media(max-width:1240px) and (min-width:1001px){.live-chip{top:153px;left:25px}}
@media(max-width:1000px) and (min-width:701px){.live-chip{top:95px;left:25px}}
@media(max-width:700px){.live-chip{top:133px;bottom:auto;left:18px}.mobile-part-info{display:block;margin:0 12px 12px;background:#f6f5eb;border:1px solid #d6c5a6;border-radius:6px;padding:12px 14px}.mobile-part-info strong{font-size:12px;font-weight:500;color:#a0512f}.mobile-part-info p{font-size:11px;color:#7c8878;line-height:1.8;margin:7px 0 3px}.mobile-part-info button{font-size:10px;padding:5px 0;color:#8b724d}}
/* Codex维护：2026-09-07，提高中文部件说明的阅读清晰度。 */
.part-item>span:nth-child(2){font-size:12px}.detail-panel p{font-size:12px;color:#657361}.evidence-note p,.process-detail p{font-size:11px}.part-tag{font-size:11px!important}.sidebar-note{font-size:11px}.viewport-bottom button{font-size:11px}
@media(max-width:1240px) and (min-width:1001px){.part-item>span:nth-child(2){font-size:11px}}