.lesson-diagram{margin:21px 0 25px;background:#fff;border:1px solid #d8d4dd;border-radius:9px;overflow:hidden;box-shadow:0 6px 18px #322b4310}.diagram-top{display:flex;align-items:center;gap:12px;padding:11px 15px;background:#f7f6f8;border-bottom:1px solid #e7e4eb}.window-dots{display:flex;gap:4px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#d0cbd7}.diagram-top strong{font-size:12px;font-weight:550}.sample-label{font-size:10px;color:#82798d;margin-left:auto;border:1px solid #ded8e5;border-radius:3px;padding:1px 5px}.diagram-workspace{display:flex}.diagram-rail{width:46px;background:#f8f7fa;border-right:1px solid #ebe7ee;flex-shrink:0;display:flex;align-items:center;flex-direction:column;padding-top:13px;gap:15px}.diagram-rail span{font-size:20px;color:#77688b}.diagram-rail i{width:17px;height:3px;background:#ddd6e5;border-radius:2px}.diagram-conversation{flex:1;min-width:0;padding:16px 22px 17px}.diagram-toolbar{display:flex;justify-content:space-between;font-size:10px;color:#897d96;margin-bottom:18px}.diagram-toolbar>span:first-child{color:#4c405d;font-weight:600}.diagram-prompt,.diagram-response{display:flex;gap:11px;align-items:flex-start}.message-avatar{display:grid;place-items:center;width:25px;height:25px;font-size:9px;flex-shrink:0;background:#ece7f5;color:#665184;border:1px solid #dcd3e8;border-radius:6px;font-family:ui-monospace,monospace}.user-avatar{background:#f0eef3;color:#72687e;border-color:#e2dde9;font-family:inherit}.diagram-prompt p{margin:0 0 10px auto!important;border-radius:10px 2px 10px 10px;background:#f2eff7;padding:10px 14px;font-size:15px!important;line-height:1.8!important;width:fit-content;max-width:95%;overflow-wrap:anywhere}.diagram-prompt .message-avatar{order:2}.diagram-detail{display:flex;gap:8px;align-items:center;margin:7px 0 20px 36px;color:#766b80;font-size:11px;overflow-wrap:anywhere}.diagram-detail>span{font-size:15px}.diagram-response{margin-top:13px}.diagram-response>div{min-width:0;flex:1}.message-label{font-size:10px;color:#95889f;display:block;margin-bottom:4px}.diagram-response p{font-size:16px!important;line-height:1.85!important;white-space:normal;overflow-wrap:anywhere}.diagram-composer{margin-top:24px;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid #ece7ef;border-radius:8px;font-size:11px;color:#a199aa}.diagram-composer b{color:white;border-radius:50%;background:#aaa0b7;display:grid;place-items:center;width:22px;height:22px;font-size:14px}.lesson-diagram figcaption{border-top:1px solid #eee9f3;padding:10px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lesson-diagram figcaption>span{font-size:10px;color:#8f8398}.lesson-diagram summary{font-size:11px;cursor:pointer;color:var(--purple)}.lesson-diagram figcaption p{font-size:12px!important;line-height:1.8!important;color:var(--muted);max-width:440px;margin-top:8px}.diagram-settings .diagram-detail{background:#f7f5fa;border:1px solid #e8e1ef;padding:8px 10px;border-radius:4px}.diagram-code .diagram-response p{font-family:ui-monospace,'PingFang SC',monospace;background:#f7f6f9;padding:12px;border-left:2px solid #b5a7c8;font-size:13px!important}.diagram-timeline .diagram-response p{border-left:2px solid #cbbfe0;padding-left:14px}.diagram-sheet .diagram-response p{background:repeating-linear-gradient(#fff 0,#fff 29px,#eee9f4 30px);padding:5px 0}.diagram-compare .diagram-prompt p{border-left:3px solid #c5b6dc}.supplement-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.supplement-links a{font-size:12px;padding:6px 10px;background:#f7f4fb;border:1px solid #e0d7ed;border-radius:4px}.knowledge-banner{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}.knowledge-banner h2{font-size:20px;margin-bottom:12px}.knowledge-banner .supplement-links{margin:0}.knowledge-banner p{font-size:13px;color:var(--muted);margin-top:12px}.family-controls{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.family-controls button{font-size:13px}.supplement-view{padding:20px;background:#fff;border:1px solid #e2dbe9}.supplement-view h3{font-size:23px;margin-bottom:12px}.supplement-view>p{font-size:16px;line-height:1.9;margin-bottom:16px}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.family-grid>div{border:1px solid #e4ddeb;padding:14px}.family-grid span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.family-grid strong{display:block;font-size:19px;color:var(--purple);margin-bottom:7px}.family-grid p{font-size:14px;line-height:1.8}.mode-record{display:grid;grid-template-columns:80px 1fr;font-size:15px;gap:13px;margin:20px 0}.mode-record dt{color:var(--muted)}.mode-record dd{margin:0}.runtime-events{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.runtime-events span{font-size:13px;background:#efe9f8;padding:9px}.runtime-events .waiting{background:#f5f4f6;color:#756c80}.supplement-widget .widget-caption{margin-top:13px}
@media(max-width:760px){.diagram-top{padding:10px;gap:8px}.window-dots{display:none}.diagram-top strong{font-size:11px}.diagram-rail{display:none}.diagram-conversation{padding:13px}.diagram-prompt p{font-size:14px!important;padding:9px 11px}.diagram-response p{font-size:14px!important}.diagram-detail{font-size:10px;margin-left:0}.lesson-diagram figcaption{display:block}.lesson-diagram figcaption>span{display:block;margin-top:6px;font-size:9px}.diagram-composer{font-size:9px}.family-grid{grid-template-columns:1fr}.supplement-view{padding:15px}.family-controls button{font-size:12px}.mode-record{grid-template-columns:60px 1fr;font-size:14px}.sample-label{white-space:nowrap}.message-avatar{width:22px;height:22px}}
@media print{.lesson-diagram,.supplement-links{display:none}}
.guess-decision{padding-top:3px}.guess-illustrated .lesson-diagram{margin-top:4px}.guess-decision .experiment-question{font-size:18px;font-weight:550}
@media(min-width:1280px){.guess-illustrated{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.guess-illustrated .lesson-diagram{margin:0}.guess-illustrated .diagram-rail{display:none}.guess-illustrated .diagram-conversation{padding:15px}.guess-illustrated .prediction-options button{font-size:14px;gap:9px;padding:11px}.guess-illustrated .diagram-top{gap:8px;padding:11px}.guess-illustrated figcaption{display:block}.guess-illustrated figcaption>span{display:block;margin-top:5px}.guess-illustrated .window-dots{display:none}}
@media(min-width:1000px){body.present .guess-illustrated{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:start}body.present .guess-illustrated .lesson-diagram{margin:0}body.present .diagram-prompt p,body.present .diagram-response p{font-size:20px!important}body.present .guess-decision .experiment-question{font-size:23px}body.present .guess-decision .prediction-options button{font-size:18px}}

/* Condition-driven classroom windows reuse the course's established palette. */
.experiment-window{margin:0;background:#fff;min-width:0;box-shadow:none}
.experiment-conversation{padding:20px;display:grid;gap:20px}
.experiment-message{padding:12px;border:1px solid transparent;border-radius:8px;min-width:0}
.experiment-message .diagram-prompt,.experiment-message .diagram-response{margin:10px 0 0}
.experiment-message p{margin:0;line-height:1.65;overflow-wrap:anywhere}
.experiment-output{background:#f8f7fc}
.experiment-process{display:grid;gap:8px}
.experiment-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e5e2eb;border-radius:6px;min-width:0}
.experiment-step>span{font-size:11px;color:#6c617f;font-variant-numeric:tabular-nums}
.experiment-step>p{margin:0;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.experiment-changed{border-color:#8065cc;background:#f3efff;box-shadow:inset 3px 0 #7551c7;animation:condition-reveal .25s ease-out}
.experiment-transition{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 20px;background:#faf9fc;border-bottom:1px solid #e9e5ef;font-size:12px}
.experiment-transition small{flex-basis:100%;color:#6c6477}
.experiment-window figcaption{padding:10px 20px;color:#81788a;font-size:11px;border-top:1px solid #eee9f2}
.observations .observation{min-width:0;padding:0;background:transparent;border:0}
.observations .observation-why{padding:0 8px;margin-top:14px}
.comparing .experiment-conversation{padding:12px;gap:12px}
.comparing .experiment-message{padding:8px}
.comparing .diagram-top{flex-wrap:wrap}
@keyframes condition-reveal{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.experiment-changed{animation:none}}
@media(max-width:600px){.experiment-conversation{padding:12px;gap:14px}.experiment-transition{padding:10px 12px}.experiment-step{gap:8px}.experiment-message{padding:10px}}
@media(min-width:1100px){.observations:not(.comparing) .experiment-conversation{grid-template-columns:1fr 1fr;align-items:start}.observations:not(.comparing) .experiment-process{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.observations:not(.comparing) .experiment-process>.message-label{grid-column:1/-1}.observations:not(.comparing) .experiment-output{grid-column:2;grid-row:1}.observations:not(.comparing) .experiment-message{height:100%;box-sizing:border-box}}
.knowledge-visual{margin:0;min-width:0;background:white;border:1px solid #dcd5e9;border-radius:10px;overflow:hidden;align-self:start}
.knowledge-visual>figcaption{padding:18px 20px;font-size:16px;font-weight:650;background:#f8f6fc;border-bottom:1px solid #e7e0f0}
.knowledge-scroll{max-width:100%;overflow:auto}
.knowledge-visual table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6;text-align:left}
.knowledge-visual th,.knowledge-visual td{padding:14px 16px;border-bottom:1px solid #eee9f4;vertical-align:top;min-width:110px}
.knowledge-visual thead th{background:#faf9fc;color:#71667e;font-size:12px;white-space:nowrap}
.knowledge-visual tbody th{font-weight:650}.knowledge-visual tr:last-child>*{border-bottom:0}
.knowledge-visual ol{padding-left:18px;margin:0}.knowledge-visual li+li{margin-top:6px}
.selected-knowledge{background:#f1ecff}.selected-knowledge th{box-shadow:inset 4px 0 #7450ca}
.selected-knowledge small{display:block;margin-top:6px;color:#7352bd;font-size:11px}
.muted-result{color:#998fa4;font-size:12px}
.visual-note{padding:14px 20px;margin:0!important;color:#776a83;font-size:12px!important;border-top:1px solid #ede7f3}
.scope-map{margin:20px;padding:20px;background:#f4f1fa;border:1px solid #dad2e8;border-radius:8px}.scope-map div{margin:16px 0 0 20px;padding:16px;background:#eae3f8;border:1px solid #cbbce7;border-radius:6px}.scope-map div div{background:#dcd0f1}.scope-map p{font-size:13px;line-height:1.6;margin:6px 0}
.anatomy-shell{padding:20px}.anatomy-core{text-align:center;border-bottom:2px solid #d2c3eb;padding:8px 12px 20px}.anatomy-core span{display:block;font-size:12px;color:#82728f;margin-top:6px}
.anatomy-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.anatomy-part{display:flex;flex-direction:column;text-align:left;gap:7px;padding:14px!important;border:1px solid #ded6ea!important;background:#faf9fc;min-width:0;white-space:normal!important}
.anatomy-part>span:last-of-type{font-size:12px;line-height:1.5;color:#80728d}.part-index{font-size:10px;color:#9178b8}.anatomy-part[aria-expanded=true]{background:#ece5fa;border-color:#805cc5!important}.anatomy-part.part-missing{border:2px dashed #a15a30!important;background:#fff6ee}.part-missing b{font-size:11px;color:#92501f}
.anatomy-detail{padding:16px 20px;background:#f7f4fc;font-size:13px;line-height:1.7}.anatomy-detail p{margin-bottom:0}
.observations>.knowledge-visual+.knowledge-visual{margin-top:16px}
.guess-illustrated:has(.knowledge-visual){display:block}.guess-illustrated:has(.knowledge-visual) .guess-decision{margin-top:24px}
@media(max-width:600px){.anatomy-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.anatomy-shell{padding:12px}.knowledge-visual th,.knowledge-visual td{padding:12px;min-width:96px}.scope-map{margin:12px;padding:12px}.scope-map div{margin-left:10px}.knowledge-visual>figcaption{padding:14px}}
@media(max-width:600px){.knowledge-visual:has(table)>figcaption:after{content:'左右滑动查看完整表格';display:block;font-size:11px;font-weight:400;color:#8b7c9a;margin-top:6px}.knowledge-visual tbody th{position:sticky;left:0;background:#faf8fd;z-index:1}.knowledge-visual .selected-knowledge th{background:#f1ecff}}
.explain-visual{margin:24px 0 30px}.explain-figure{margin:0;background:#fff;border:1px solid #ddd5e8;border-radius:10px;overflow:hidden}
.explain-figure figcaption{padding:18px 20px;font-size:16px;font-weight:650;border-bottom:1px solid #e8e1f0;background:#f8f6fc}
.explain-nodes{list-style:none!important;padding:24px!important;margin:0!important;display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}
.explain-nodes li{position:relative;border:1px solid #ded5e9;background:#fbfafd;padding:16px 12px;border-radius:7px;min-width:0;margin:0!important}
.explain-nodes strong{display:block;font-size:15px;line-height:1.6}.explain-nodes p{font-size:13px;line-height:1.7;color:#7b6f87;margin:8px 0 0;overflow-wrap:anywhere}
.explain-number{font-size:11px;color:#8e79b3;display:block;margin-bottom:8px;font-variant-numeric:tabular-nums}
.explain-flow li:not(:last-child):after{content:'→';position:absolute;left:100%;top:50%;width:24px;text-align:center;color:#866cae;transform:translateY(-50%)}
.flow-return{padding:0 24px 20px;color:#775b9f;font-size:12px;margin:0}
.relation-hub{margin:22px auto 0;padding:12px 18px;max-width:70%;width:fit-content;text-align:center;background:#eee7fa;border:1px solid #ccbce4;border-radius:7px;color:#654591;font-size:14px;font-weight:650;position:relative}
.relation-hub:after{content:'';position:absolute;top:100%;height:20px;left:50%;border-left:1px solid #c7b5df}
.explain-relation .explain-nodes{position:relative;gap:18px;padding-top:32px!important}
.explain-relation .explain-nodes:before{content:'';position:absolute;top:19px;left:12.5%;right:12.5%;border-top:1px solid #c7b5df}
.explain-relation li:before{content:'';position:absolute;left:50%;height:13px;bottom:100%;border-left:1px solid #c7b5df}
.explain-bridge{margin-top:18px;border:1px solid #e1daeb;border-radius:9px;background:#fff;padding:18px 20px}.explain-bridge h3{font-size:14px;margin:0 0 12px}
.explain-case-controls{display:flex;flex-wrap:wrap;gap:8px}.explain-case-controls button{border:1px solid #ded6e9;padding:8px 12px;background:white;border-radius:5px;font-size:12px;cursor:pointer}.explain-case-controls button[aria-pressed=true]{background:#ece5f9;border-color:#a891cd;color:#62408c}
.explain-evidence{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.explain-evidence>div{border-left:3px solid #d9cdea;padding-left:12px}.explain-evidence span{font-size:11px;color:#8d7d9e}.explain-evidence p{font-size:14px;line-height:1.7;margin:6px 0 0}
@media(max-width:1100px){.explain-nodes{grid-template-columns:1fr!important;gap:24px}.explain-flow li:not(:last-child):after{content:'↓';top:100%;left:50%;height:24px;transform:translateX(-50%)}.explain-relation .explain-nodes{padding-left:44px!important;gap:12px}.explain-relation .explain-nodes:before{left:24px;top:20px;bottom:46px;right:auto;border-top:0;border-left:1px solid #c7b5df}.explain-relation li:before{left:-20px;top:50%;bottom:auto;width:20px;height:0;border-left:0;border-top:1px solid #c7b5df}.relation-hub{margin-left:24px}.relation-hub:after{left:0}.explain-evidence{grid-template-columns:1fr}}
.case-context,.case-walkthrough{border:1px solid #ddd4eb;border-radius:10px;margin:20px 0 26px;background:#fff;overflow:hidden}.case-context{padding:18px 22px;background:#f8f5fc}.case-context p{font-size:14px;color:#796b84;line-height:1.7}.case-context a{font-size:13px;color:#7250ac}
.case-heading{padding:22px;background:#f7f4fc;border-bottom:1px solid #e9e2ef}.case-heading>span{font-size:12px;color:#826a9f}.case-heading h2{font-size:23px;line-height:1.5;margin:10px 0}.case-heading p{font-size:13px;color:#82748c;line-height:1.7;margin:0}
.case-step-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:18px}.case-step-tabs button{display:flex;align-items:center;gap:8px;background:white;border:1px solid #e0d9e9;border-radius:5px;padding:12px;font-size:13px;text-align:left;cursor:pointer}.case-step-tabs button span{font-size:11px;color:#9c86b7}.case-step-tabs button[aria-pressed=true]{background:#eee6fa;border-color:#ac94cf;color:#63418c}
.case-step-body{padding:0 22px 22px;min-height:230px}.case-step-body .section{margin:12px 0}.case-step-body h2{font-size:19px}.case-step-body p{line-height:1.9;font-size:15px}.case-files{display:flex;flex-wrap:wrap;gap:10px}.case-files span{background:#f4f0f9;padding:10px;border:1px solid #e0d8ea;border-radius:5px;font-size:12px}
.case-step-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid #e9e3f0}.case-step-footer button{padding:9px 16px;border:1px solid #d8cbe9;background:#f8f5fc;border-radius:5px;cursor:pointer}.case-step-footer button:disabled{opacity:.4;cursor:default}.case-step-footer span{font-size:12px;color:#8a7b97}
.advanced-reading{margin-top:24px;border-top:1px solid #e8e0ef;padding-top:20px}.advanced-reading summary{cursor:pointer;font-weight:600;color:#785695}
@media(max-width:600px){.case-step-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.case-step-tabs button{padding:10px}.case-heading,.case-step-body{padding:16px}.case-heading h2{font-size:20px}.case-step-body .table-scroll{max-width:100%}}
.case-lamps{display:flex;gap:14px;margin:12px 0;align-items:start}.case-lamp{flex:1;min-width:0;margin:0;border:1px solid #e0d9e8;border-radius:8px;overflow:hidden;text-align:center}.case-lamp svg{display:block;width:100%;max-height:190px}.case-lamp figcaption{font-size:13px;font-weight:600;padding:8px 4px}.case-lamp>span{display:block;font-size:11px;color:#8b6e78;padding:0 4px 10px}.case-image-note{font-size:12px;color:#89758e;margin-top:16px}
@media(max-width:600px){.case-lamps{gap:6px}.case-lamp figcaption{font-size:10px}.case-lamp>span{font-size:10px}}
.everyday-intro{margin:22px 0 18px;border-top:1px solid #e4deed}.everyday-intro dl{margin:0}.everyday-intro dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;padding:16px 4px;border-bottom:1px solid #e9e4f1}.everyday-intro dt{font-size:13px;font-weight:650;color:#76559d;line-height:1.8}.everyday-intro dd{margin:0;font-size:15px;line-height:1.8;color:#40374b}
.everyday-case{margin:0 0 28px;border:1px solid #ded5eb;border-radius:10px;overflow:hidden;background:#fff}.everyday-case header{padding:18px 22px;background:#f8f5fc;border-bottom:1px solid #e6dfef}.everyday-case header>span{font-size:11px;color:#8b779f}.everyday-case h2{font-size:20px;line-height:1.6;margin:7px 0 0}.everyday-tabs{display:flex;gap:8px;padding:16px 22px 0}.everyday-tabs button{padding:9px 14px;border:1px solid #e2daeb;background:white;border-radius:5px;font-size:13px;cursor:pointer}.everyday-tabs button>span{font-size:10px;color:#a08bb8;margin-right:7px}.everyday-tabs button[aria-pressed=true]{background:#ece4f8;border-color:#b49dd1;color:#65418f}.everyday-body{padding:18px 22px;min-height:120px;font-size:15px;line-height:1.85}.everyday-body p{margin:8px 0 0}.everyday-body ol{margin:10px 0 0;padding-left:23px}.everyday-body li+li{margin-top:7px}.everyday-label{font-size:12px;color:#8f7ba2}.everyday-check{margin-top:16px;padding:14px 16px;background:#f8f6fb;border-left:3px solid #c9b5e0}.everyday-check strong{font-size:12px;color:#7b5b9d}.everyday-check p{font-size:13px}.everyday-footer{border-top:1px solid #ece6f2;padding:12px 22px;display:flex;justify-content:space-between;align-items:center}.everyday-footer>span{font-size:11px;color:#95849f}.everyday-footer button{padding:8px 14px;background:#f6f1fb;border:1px solid #d9cae9;border-radius:5px;color:#704b97;cursor:pointer}
@media(max-width:600px){.everyday-intro dl>div{grid-template-columns:1fr;gap:5px;padding:13px 4px}.everyday-case header,.everyday-body{padding:16px}.everyday-tabs{padding:14px 16px 0;gap:5px}.everyday-tabs button{padding:9px 10px}.everyday-case h2{font-size:18px}.everyday-footer{padding:12px 16px}}
.case-phase-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px;font-size:11px;color:#a397af}.case-phase-line b{font-weight:400}.case-phase-line .current{color:#7955aa;font-weight:650}
.case-picture{margin:0;border:1px solid #dcd3e8;border-radius:8px;overflow:hidden;background:#fff}.case-picture>figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #e8e1ef;background:#f9f7fc}.case-picture>figcaption strong{font-size:14px}.case-picture>figcaption>span{font-size:10px;color:#8f7da1;white-space:nowrap}
.case-table-scroll{overflow:auto;max-width:100%}.case-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}.case-table th,.case-table td{padding:13px 16px;border-bottom:1px solid #ebe5f1;vertical-align:top;text-align:left}.case-table thead th{font-size:11px;color:#8c789d;background:#fbf9fd}.case-table tbody th{width:24%;min-width:96px;font-weight:600}.case-table tr:last-child>*{border-bottom:0}.case-table .case-updated{background:#f4effb;border-left:3px solid #bea8d8}.case-table .case-basis{font-size:12px;color:#8e819a;width:30%}.case-source{padding:13px 16px;border-top:1px solid #e8e1ef;background:#faf8fc}.case-source>span{font-size:11px;color:#8c799d}.case-source p{font-size:13px;margin:5px 0 0}
.case-pipeline-body{padding:18px}.pipeline-input,.pipeline-output{display:flex;gap:12px;padding:14px;border:1px solid #e2dbe9;border-radius:6px}.pipeline-symbol{font-size:22px;color:#9271b5}.pipeline-input small,.pipeline-output small{font-size:11px;color:#9a87a9}.pipeline-input p,.pipeline-output p{margin:5px 0 0;font-size:14px;line-height:1.7}.pipeline-connector{text-align:center;color:#baa3d3;height:26px;line-height:26px}.pipeline-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none!important;padding:0!important;margin:0!important;gap:22px}.pipeline-steps li{position:relative;margin:0!important;border:1px solid #e2dbe9;border-radius:6px;padding:13px;display:flex;flex-direction:column;gap:7px;min-width:0}.pipeline-steps li:not(:last-child):after{content:'→';position:absolute;left:100%;top:50%;width:22px;text-align:center;color:#b29acb}.pipeline-steps li>span{font-size:11px;color:#9c86b5}.pipeline-steps li p{font-size:13px;line-height:1.7;margin:0}.pipeline-steps small{font-size:10px;color:#a397ae;margin-top:auto}.steps-pending{opacity:.5}.output-pending{border-style:dashed;color:#9c90a5;background:#fcfbfd}.case-phase-current{background:#f4effb!important;border-color:#ac8ecb!important;box-shadow:inset 3px 0 #9670bc}.case-sample-note{font-size:10px!important;color:#a396af;margin:10px 0 0!important}
.case-chat-body{padding:20px;display:flex;flex-direction:column;gap:18px;background:#fdfcfe}.case-chat-message{padding:14px 18px;border:1px solid #e2dbe9;border-radius:9px;max-width:85%}.case-chat-message>span{font-size:11px;color:#9c85ad}.case-chat-message p{font-size:14px;line-height:1.8;margin:7px 0 0}.case-chat-message.human{align-self:flex-end;background:#f4eff9}.case-chat-message.assistant{align-self:flex-start}.case-chat-placeholder{padding:18px;border:1px dashed #e0d9e8;border-radius:7px;color:#a293ad;font-size:12px}.case-chat-process{border-left:3px solid #bfa5d9;padding:0 16px}.case-chat-process>span{font-size:11px;color:#8d70a6}.case-chat-process li{font-size:13px}.case-chat-process ol{margin:8px 0 0}
@media(max-width:600px){.case-picture>figcaption{align-items:flex-start;flex-direction:column;gap:4px}.case-table th,.case-table td{padding:10px;min-width:105px}.case-table tbody th{position:sticky;left:0;background:#fbf9fd}.case-pipeline-body{padding:12px}.pipeline-steps{grid-template-columns:1fr;gap:22px}.pipeline-steps li:not(:last-child):after{content:'↓';left:50%;top:100%;height:22px;line-height:22px;transform:translateX(-50%)}.case-chat-body{padding:12px}.case-chat-message{max-width:100%;padding:12px}.case-phase-line{gap:6px;font-size:10px}.case-table>figcaption:after{content:'表格可左右滑动';font-size:10px;color:#a18caf}}

/* Course sequence: a clear statement, connected points, then working evidence. */
.editorial-lead{font-size:1.15rem;line-height:1.85;color:var(--muted,#65606e);max-width:70ch;margin:0 0 2rem}
.editorial-points{margin:1.5rem 0 2.5rem;border-top:1px solid #e3ddef;border-bottom:1px solid #e3ddef;padding:1.25rem 0}
.editorial-points h2{font-size:.9rem;margin:0 0 1.1rem;color:#756887}
.editorial-points ol{padding:0;margin:0;list-style:none;display:grid;gap:1.1rem}
.editorial-points li{display:flex;gap:1rem;align-items:baseline}
.editorial-points li>span{font-size:.8rem;color:#8c75bd;flex:0 0 1.5rem;font-variant-numeric:tabular-nums}
.editorial-points h3{font-size:1rem;margin:0 0 .25rem}.editorial-points p{margin:0;font-size:.95rem;line-height:1.8;color:#655e70}
.editorial-extra{margin:1.5rem 0;border-block:1px solid #e3ddef;padding:1rem 0}.editorial-extra summary{cursor:pointer;font-weight:600}.editorial-extra summary span{float:right;color:#847b91;font-weight:400}.editorial-extra li{margin:1rem 0;line-height:1.7}
.editorial-old-notes{margin-top:1rem}.editorial-old-notes summary{cursor:pointer;margin-bottom:1rem}.editorial-old-notes label{display:block;margin-top:1.4rem;line-height:1.7}.editorial-old-notes textarea{width:100%}
.editorial-bridge{margin:2rem 0 1rem;padding:1.5rem 0;border-top:1px solid #e3ddef}.editorial-bridge>span{font-size:.85rem;color:#897b9c}.editorial-bridge p{line-height:1.8}.editorial-bridge a{display:block;line-height:1.7;font-weight:600}
@media(max-width:600px){.editorial-lead{font-size:1rem}.editorial-points li{gap:.5rem}.editorial-extra ul{padding-left:1.2rem}}

.core-teaching{margin:1.5rem 0 2rem}.teaching-topic{padding:1.5rem 0;border-bottom:1px solid #e3ddef;scroll-margin-top:95px}.teaching-topic h2{font-size:1.35rem}.teaching-topic>p{line-height:1.85}.teaching-uses{display:grid;gap:.8rem}.teaching-uses>div{display:grid;grid-template-columns:7rem 1fr;gap:.75rem}.teaching-uses dt{color:#756887}.teaching-uses dd{margin:0;line-height:1.8}.topic-navigation,.topic-case-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.topic-navigation button,.topic-case-tabs button{padding:.6rem .9rem;border:1px solid #ddd4ea;background:white;color:#645478;border-radius:5px;font:inherit;font-size:.9rem;cursor:pointer}.topic-case-tabs button[aria-pressed=true]{background:#eee8fb;border-color:#a992db;color:#5a36b8}.topic-cases{border:1px solid #ddd4ea;padding:1.5rem;border-radius:8px;margin:2rem 0}.topic-cases h2{margin-top:0}.topic-case-result{margin-top:1rem}.topic-practice{margin:2rem 0}.topic-practice h2{font-size:1.2rem}.topic-practice nav{display:flex;gap:1rem;flex-wrap:wrap}.teaching-topic .knowledge-scroll td{white-space:pre-line;min-width:10rem}.teaching-topic .knowledge-scroll th{min-width:6rem}.teaching-topic .knowledge-scroll{max-width:100%}
@media(max-width:600px){.teaching-uses>div{grid-template-columns:1fr;gap:.2rem}.topic-cases{padding:1rem}.teaching-topic .knowledge-scroll td{min-width:9rem}.topic-navigation button{font-size:.85rem}}
.method-guide{margin:1.5rem 0 3rem}.method-jumps,.method-tabs{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.method-jumps button,.method-tabs button{font:inherit;font-size:.9rem;padding:.6rem .8rem;cursor:pointer}.method-jumps a{font-size:.85rem;margin-left:auto}.method-tabs button[aria-pressed=true],.method-round-tabs button[aria-pressed=true]{background:#eee8fb;color:#5531b3;border-color:#bba7e7}.method-concept,.method-prompts,.method-demo,.method-reference{scroll-margin-top:95px}.method-definition{font-size:1.2rem;line-height:1.9;margin:1.5rem 0}.method-concept dl{display:grid;gap:.9rem}.method-concept dl>div{display:grid;grid-template-columns:6rem 1fr;gap:1rem}.method-concept dt{color:#7c6e8d}.method-concept dd{margin:0;line-height:1.8}.method-demo{margin:2rem 0}.method-demo-heading span{font-size:.9rem;color:#776b83}.method-round-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:1.1rem 0}.method-round-tabs button{padding:1rem .4rem;font:inherit;font-size:.95rem;cursor:pointer}.method-round-tabs small{display:block;margin-bottom:.4rem;color:#9989b0}.method-round-body{border:1px solid #e2d9ef;padding:1.3rem;border-radius:8px;background:#fcfaff}.method-round-body h3{margin:0 0 .6rem}.method-round-body p{line-height:1.8}.method-round-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem}.method-prompts{border-top:2px solid #c9b8e9;padding-top:1.5rem;margin-top:2rem}.method-prompts label{display:block;margin:1.2rem 0 .5rem;font-weight:600}.method-prompts textarea{width:100%;min-height:100px;font:inherit;font-size:1rem;line-height:1.7;padding:.8rem;border:1px solid #d8cce6;border-radius:5px}.method-context-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#7d7388}.method-copy header{display:flex;justify-content:space-between;align-items:start;gap:1rem;border-bottom:1px solid #ddd3ea;padding-bottom:1rem;margin-bottom:1.1rem}.method-copy header h3{font-size:1rem;margin:0 0 .3rem}.method-copy header span{font-size:.8rem;color:#85798f}.method-copy header button{margin:0;flex-shrink:0}.method-copy pre{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.94rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.method-reference{margin:2rem 0}.method-reference p{line-height:1.8}
@media(max-width:600px){.method-round-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.method-concept dl>div{grid-template-columns:1fr;gap:.3rem}.method-jumps a{margin-left:0}.method-copy{padding:1rem}.method-copy header{flex-wrap:wrap}.method-round-body{padding:1rem}.method-definition{font-size:1.05rem}}
.method-concept-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:1.3rem 0}.method-concept-cards li{border:1px solid #ded3ed;border-top:3px solid #b9a4df;background:#faf8fd;padding:1rem;min-width:0}.method-concept-cards li>span{font-size:.85rem;color:#8063ad}.method-concept-cards h3,.method-concept-cards h4{font-size:1.05rem;margin:.6rem 0}.method-concept-cards p{font-size:.95rem;line-height:1.8;margin:0 0 .6rem}.method-concept-cards strong{display:block;font-size:.85rem;color:#776788;line-height:1.7}.method-round-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.method-expert-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.method-flow li:not(:last-child) strong:after{content:' →';color:#8c64c9}
@media(max-width:760px){.method-concept-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.method-round-cards{grid-template-columns:1fr}}
@media(max-width:460px){.method-flow{grid-template-columns:1fr}.method-flow li:not(:last-child) strong:after{content:' ↓'}.method-expert-cards{grid-template-columns:1fr}}

/* One complete case: artifacts travel across the four stages. */
.method-chain{margin:28px 0 40px;border:1px solid #d5c9ef;border-radius:12px;overflow:hidden;scroll-margin-top:80px}.chain-heading{padding:28px;background:#f8f5ff}.chain-heading small,.chain-document small,.chain-handoff small{color:#7045b8}.chain-heading h2{margin:8px 0 12px;font-size:26px}.chain-heading p{margin:0;color:#665e72;line-height:1.7}.chain-steps{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #e0d7ef}.chain-steps button{display:flex;flex-direction:column;gap:7px;padding:18px 8px;border:0;border-right:1px solid #e0d7ef;border-radius:0;background:white;color:#62576e}.chain-steps b{font-size:21px}.chain-steps span{font-size:13px}.chain-steps button[aria-pressed=true],.chain-views button[aria-pressed=true]{background:#eee7fd;color:#6335c1}.chain-stage{padding:26px}.chain-stage>h3{font-size:22px;margin:0 0 22px}.chain-views{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.chain-views button{border:1px solid #dcd2eb;padding:10px 14px;background:white;border-radius:6px}.chain-connection{color:#6b587d;line-height:1.8}.chain-document{border:1px solid #e1d9eb;border-radius:8px;margin:18px 0;overflow:hidden}.chain-document header{background:#faf8fd;padding:18px 22px;border-bottom:1px solid #e9e3f0}.chain-document h3{margin:6px 0 0;font-size:19px}.chain-document dl{margin:0}.chain-document dl>div{display:grid;grid-template-columns:135px 1fr;gap:20px;padding:16px 22px;border-bottom:1px solid #eee8f4;line-height:1.8}.chain-document dl>div:last-child{border:0}.chain-document dt{font-weight:650;color:#62526f}.chain-document dd{margin:0}.chain-next{background:#7040ca;color:white;border:0;border-radius:6px;padding:12px 18px;line-height:1.7;margin:10px 0;white-space:normal;text-align:left}.chain-handoff{background:#f4effc;border-left:3px solid #8956d4;padding:22px;margin-top:24px}.chain-handoff h3{line-height:1.6}.chain-handoff p{line-height:1.8}.chain-dialogue{margin:24px 0}.chain-dialogue>div{border-left:3px solid #c8b4e8;background:#faf8fd;padding:15px 20px;margin:12px 0}.chain-dialogue strong{font-size:14px;color:#6c4c94}.chain-dialogue p{line-height:1.8;margin:8px 0}.chain-takeaway{line-height:1.8;color:#6b587d}.chain-copy pre{max-height:480px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.chain-copy header{flex-wrap:wrap}.chain-results{padding:20px;background:#faf8fd;border:1px solid #e3d9f0;border-radius:8px}.chain-bar-group{margin:24px 0}.chain-bar-group>div{display:flex;align-items:center;gap:12px;margin:12px 0;padding-right:50px;position:relative;font-size:13px}.chain-bar-group span{flex:none;width:45px}.chain-bar-group i{display:block;height:18px;background:#d2c9de;max-width:calc(100% - 60px);border-radius:2px}.chain-bar-group i.trial{background:#8250c9}.chain-bar-group b{position:absolute;right:0}.chain-results p{line-height:1.8}.chain-sources{margin-top:24px}.chain-sources a{display:block;margin:12px 0;overflow-wrap:anywhere}.method-chain button:focus-visible{outline:3px solid #ae8fe2;outline-offset:3px}
@media(max-width:600px){.chain-heading,.chain-stage{padding:18px}.chain-heading h2{font-size:22px}.chain-stage>h3{font-size:19px}.chain-document dl>div{grid-template-columns:1fr;gap:4px;padding:14px}.chain-document header{padding:14px}.chain-steps button{padding:14px 3px}.chain-steps b{font-size:18px}.chain-steps span{font-size:11px}.chain-views{gap:5px}.chain-views button{font-size:12px;padding:9px 8px}.chain-handoff{padding:16px}.chain-copy header{display:block}.chain-copy header button{margin-top:10px}.chain-copy pre{font-size:13px}.chain-results{padding:12px}}

.chain-bar-group em{flex:1;display:block}.chain-bar-group i{max-width:none}