/* One original screenshot, one moving computer, four physical process cards. */
.pw-workbench{--pw-red:#a63c30;--pw-gold:#cba34f;--pw-paper:#fff4d8;--pw-ink:#483b2a;--pw-muted:#947952;position:absolute;inset:0;isolation:isolate;background:var(--pw-paper);color:var(--pw-ink);font-family:'Microsoft YaHei',sans-serif}
.pw-workbench *{box-sizing:border-box}
.pw-workbench h1,.pw-workbench h2,.pw-workbench p,.pw-workbench figure{margin:0}
.pw-workbench:after{content:'';position:absolute;inset:18px;border:1px solid #dfc88f;pointer-events:none;z-index:10}
.practice:has(.pw-workbench) .theatre-leaves,.practice:has(.pw-workbench) .theatre-bookmark,.practice:has(.pw-workbench) .chapter-medallion,.practice:has(.pw-workbench) .corner-notes{display:none}
.pw-workbench .pw-chapter{position:absolute;left:64px;top:42px;font-size:17px;color:var(--pw-red);letter-spacing:.1em}
.pw-chapter:before{content:'';display:inline-block;width:20px;height:3px;margin-right:12px;vertical-align:middle;background:var(--pw-red)}
.pw-chapter span{margin-left:24px;font-size:14px;letter-spacing:.04em;color:var(--pw-muted)}
.pw-workbench .pw-page{position:absolute;right:64px;top:42px;color:var(--pw-gold);font:22px Georgia,serif}
.pw-workbench .pw-title{position:absolute;left:64px;top:112px;z-index:4}
.pw-title h1{font:bold 48px/1.25 'KaiTi','STKaiti',serif;letter-spacing:.035em}
.pw-title em{color:var(--pw-red);font-style:normal}
.pw-title p{font-size:18px;line-height:1.8;margin-top:24px;color:var(--pw-muted)}
.pw-workbench .pw-presenter{position:absolute;left:72px;top:322px;width:260px;height:352px;opacity:1;transform:none;z-index:4;pointer-events:none}
.pw-presenter img{width:100%;height:100%;object-fit:contain;display:block}
.pw-workbench .pw-computer{position:absolute;left:462px;top:140px;width:736px;height:401px;transform-origin:0 0;z-index:2;transform:none}
.pw-monitor{position:relative;height:357px;background:#667b78;border:9px solid #667b78;border-bottom-width:15px;border-radius:11px;box-shadow:7px 7px 0 #475e5a}
.pw-toolbar{height:28px;display:flex;align-items:center;gap:6px;padding:0 13px;background:#e9e5d9;font-size:12px;color:#7e8373;border-radius:2px 2px 0 0}
.pw-toolbar i{width:6px;height:6px;border-radius:50%;background:#af6a51}
.pw-toolbar span{margin-left:10px}
.pw-workbench .pw-screen{position:relative;height:calc(100% - 28px);background:#f1f8fc;overflow:hidden}
.pw-screen img{display:block;width:100%;height:100%;object-fit:contain}
.pw-screen-light{position:absolute;inset:0;background:#fff4d8;opacity:0;pointer-events:none}
.pw-stand{position:absolute;left:calc(50% - 50px);top:357px;width:100px;height:42px;background:#83958a;clip-path:polygon(32% 0,68% 0,78% 70%,100% 88%,100% 100%,0 100%,0 88%,22% 70%)}
.pw-workbench .pw-desk{position:absolute;left:450px;top:419px;width:780px;height:201px;mix-blend-mode:multiply;transform-origin:0 0;transform:none;z-index:1;overflow:visible}
.pw-workbench .pw-intro{position:absolute;left:450px;top:646px;width:780px;text-align:center;font:25px 'KaiTi','STKaiti',serif;color:var(--pw-muted)}
.pw-workbench[data-phase='1'] .pw-computer{transform:translate(132px,-27px) scale(.79)}
.pw-workbench[data-phase='1'] .pw-desk{transform:translate(132px,-89px) scale(.79)}
.pw-workbench[data-phase='1'] .pw-intro{opacity:0;visibility:hidden}
.pw-workbench .pw-process{position:absolute;left:449px;top:450px;width:752px;height:235px;perspective:1300px;z-index:5}
.pw-process[hidden]{display:none!important}
.pw-route{position:absolute;left:0;top:5px;width:752px;height:22px;overflow:visible}
.pw-route-base{stroke:#ddc491;stroke-width:1;stroke-dasharray:3 6;fill:none}
.pw-route-segments path{stroke:#a94b37;stroke-width:2;fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.pw-dots circle{fill:#fff4d8;stroke:#c39950;stroke-width:2}
.pw-workbench .pw-cards{position:absolute;top:34px;left:0;display:grid;grid-template-columns:repeat(4,176px);gap:16px;list-style:none;margin:0;padding:0}
.pw-workbench .pw-card{position:relative;height:199px;background:#fffbef;box-shadow:3px 4px 0 #a27a3b22;padding-top:10px;text-align:center;transform:rotate(var(--angle));transform-origin:50% 8%;border:1px solid #e9d5a9;border-radius:1px 1px 8px 1px}
.pw-card:after{content:'';position:absolute;right:0;bottom:0;width:15px;height:15px;background:linear-gradient(135deg,#fffbef 48%,#e3cda2 49%,#e3cda2 55%,#fff4d8 56%);border-radius:0 0 6px 0}
.pw-card-tab{position:absolute;top:-5px;left:68px;width:38px;height:10px;background:#d4b062b0;transform:rotate(-4deg)}
.pw-goal .pw-card-tab{background:#849c87a0;transform:rotate(3deg)}
.pw-exercise .pw-card-tab{background:#ad5d4790}
.pw-review .pw-card-tab{background:#b6905790;transform:rotate(3deg)}
.pw-order{position:absolute;left:11px;top:8px;color:#ac8950;font:12px Georgia,serif}
.pw-workbench .pw-prop{position:relative;width:146px;height:127px;margin:0 auto;perspective:500px}
.pw-prop>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block;transform-origin:center bottom}
.pw-card h2{margin-top:4px;font:500 23px/1.35 'Microsoft YaHei',sans-serif;color:var(--pw-red)}
.pw-card p{margin-top:7px;font-size:13px;line-height:1.4;color:var(--pw-muted)}
.pw-review p{color:#5f7968;font-weight:600}
.pw-goal-line{position:absolute;left:30px;top:88px;width:72px;height:12px;transform:rotate(6deg)}
.pw-goal-line path{stroke:#ab4433;stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.pw-workbench .pw-stamp{position:absolute;right:4px;top:11px;width:51px;height:51px;transform:translate(18px,-15px) rotate(12deg)}
.pw-workbench .pw-approval{position:absolute;left:67px;top:68px;color:#648474;border:2px solid #779682;width:28px;height:24px;line-height:20px;text-align:center;font-size:22px;transform:rotate(-6deg);opacity:.95}
@media(prefers-reduced-motion:reduce){.pw-workbench *{scroll-behavior:auto}}

.pw-presenter>img{transform:scale(.86)}
.pw-presenter>.pw-character{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none}
.pw-presenter.pw-mesh-ready>.pw-character{display:block}
.pw-presenter.pw-mesh-ready>img{visibility:hidden}