/* 每個故事以不同的空間變化解釋內容；沒有循環播放的裝飾。 */
#scene-jump{max-width:155px;padding:10px;border:1px solid #bdced9;border-radius:7px;background:white;color:#0a1628;font:inherit;font-size:13px}.scene-heading{position:absolute;left:80px;right:80px;top:143px}.scene-heading>p{font-size:22px;letter-spacing:2px;color:#007f99;font-weight:700;margin:0 0 22px}.scene-heading>h1{font-size:54px;line-height:1.25;margin:0;letter-spacing:-1px}.scene-canvas{position:absolute;top:280px;left:80px;right:80px;height:425px}.scene-label{font-size:20px;letter-spacing:1px;color:#007f99;font-weight:600}.scene-caption{position:absolute;left:80px;right:80px;top:719px;min-height:46px;font-size:29px;font-weight:650;line-height:1.5;color:#0a1628;border-left:5px solid #00d4ff;padding-left:20px}.scene-console{position:absolute;left:80px;right:80px;top:783px;display:flex;gap:10px;align-items:center}.scene-console button{border:1px solid #c6d8df;border-radius:9px;background:white;color:#0a1628;font:inherit;font-size:18px;padding:9px 15px;cursor:pointer}.scene-console button[data-story-next]{background:#0a1628;color:white;min-width:160px}.scene-console button:disabled{opacity:.4;cursor:default}.scene-console small{font-size:16px;color:#627185;margin-left:8px}.beat-dots{display:flex;gap:7px;margin:0 12px}.beat-dots i{width:8px;height:8px;border-radius:50%;background:#c7d6df}.beat-dots i.on{background:#0099b7;width:24px;border-radius:5px}.scene-source{position:absolute;left:80px;right:80px;top:840px;font-size:14px;color:#607187}.story-scene .folio{bottom:15px!important;font-size:13px!important}.story-scene .caselink{bottom:77px;z-index:2;font-size:16px}.story-scene .scene-canvas *{box-sizing:border-box}.scene-canvas h2{font-size:32px;line-height:1.4}.scene-canvas p{font-size:24px;line-height:1.65}.scene-canvas small{font-size:18px}.scene-canvas svg{overflow:visible}.scene-canvas *{transition-timing-function:cubic-bezier(.22,.8,.22,1)}
/* 07：組織由人數展開，溝通線回流，最後聚焦本人。 */
.company-board{position:absolute;left:0;top:-12px;width:815px;height:425px;background:#f1f7f9;border-radius:24px;overflow:hidden}.company-board svg{width:720px;height:425px;margin:0 45px}.org-lines path{stroke:#c9dce4;stroke-width:2;fill:none}.org-person{fill:#9cbac7;transition:opacity .6s}.org-person.leader{fill:#008eab}.org-feedback path{fill:none;stroke:#f09164;stroke-width:3;stroke-dasharray:750;stroke-dashoffset:750;transition:stroke-dashoffset 1s}.org-chip{position:absolute;border-radius:20px;background:#fff0e7;color:#a64b1f;padding:8px 20px;font-size:22px;opacity:0;scale:.8;transition:opacity .4s,scale .5s}.chip-a{left:22px;top:95px}.chip-b{right:10px;top:185px}.chip-c{left:30px;bottom:60px}.company-side{position:absolute;left:865px;top:10px;width:570px}.org-count{font-size:110px;font-weight:750;letter-spacing:-5px;line-height:1.3;color:#008aa5}.org-count span{font-size:28px;letter-spacing:0;margin-left:12px}.company-side p{margin:0}.org-insight{font-size:31px;line-height:1.6;font-weight:650;color:#006f85;margin-top:20px;opacity:0;translate:35px 0;transition:opacity .55s,translate .55s}.scene-company[data-beat="1"] .org-feedback path,.scene-company[data-beat="2"] .org-feedback path{stroke-dashoffset:0}.scene-company[data-beat="1"] .org-chip{opacity:1;scale:1}.scene-company[data-beat="2"] .org-feedback,.scene-company[data-beat="2"] .org-lines{opacity:.2;transition:opacity .6s}.scene-company[data-beat="2"] .org-team{opacity:.25;transition:opacity .6s}.scene-company[data-beat="2"] .org-insight{opacity:1;translate:0 0}.scene-company[data-beat="2"] .org-count{font-size:72px;transition:font-size .5s}
/* 15：任務線从機長出發，依講述啟用三個助手。 */
.crew-wires{position:absolute;inset:0;width:100%;height:425px}.crew-wires .wire{stroke:#cddfe7;stroke-width:3;fill:none;stroke-dasharray:650;stroke-dashoffset:650;transition:stroke-dashoffset .7s}.captain{position:absolute;left:450px;top:0;width:540px;background:#0a1628;color:#fff;border-radius:20px;padding:24px 25px;text-align:center;box-shadow:0 18px 50px #0a162815}.captain span{display:block;font-size:21px;color:#00d4ff;margin-bottom:13px}.captain strong{font-size:30px}.crew-node{position:absolute;top:215px;width:410px;height:185px;border:1px solid #d3e3ea;border-radius:18px;padding:22px 26px;background:#f4f8fa;opacity:.32;scale:.95;transition:opacity .5s,scale .5s,background .5s,border-color .5s}.crew-a{left:55px}.crew-b{left:515px}.crew-c{left:975px}.crew-node small{color:#007f99}.crew-node h2{margin:12px 0 7px;font-size:30px}.crew-node p{margin:0;font-size:23px}.crew-node em{position:absolute;top:-17px;right:18px;padding:6px 12px;border-radius:12px;background:#008ba4;color:white;font-size:16px;font-style:normal;opacity:0;translate:0 12px;transition:opacity .5s,translate .5s}.crew-node.activated{opacity:1;scale:1;background:#eafbff;border-color:#00b6d5}.crew-node.activated em{opacity:1;translate:0 0}.crew-wires .wire.activated{stroke:#00acd0;stroke-dashoffset:0}.human-partners{position:absolute;left:430px;right:0;top:133px;font-size:19px;color:#597483;text-align:center;opacity:0;transition:opacity .5s}.scene-crew[data-beat="3"] .human-partners{opacity:1}.crew-wires .packet{fill:#00d4ff;opacity:0}.crew-wires .packet.activated{animation:dispatch .8s both}.p1{offset-path:path('M720 150 C720 230 260 190 260 270')}.p2{offset-path:path('M720 150 V270')}.p3{offset-path:path('M720 150 C720 230 1180 190 1180 270')}@keyframes dispatch{0%{opacity:0;offset-distance:0%}15%{opacity:1}85%{opacity:1}100%{opacity:0;offset-distance:100%}}
/* 16：密集文字向內收斂，白話卡變成聲波。 */
.reading-sheet{position:absolute;left:40px;top:0;width:610px;height:420px;background:#f4f7f9;border-radius:18px;padding:30px;transition:width .7s,opacity .7s,translate .7s,scale .7s}.reading-sheet small{color:#738594}.reading-sheet h2{margin:16px 0}.text-density{display:flex;flex-direction:column;gap:8px;width:330px;transition:scale .7s,opacity .5s}.text-density i{height:7px;background:#c2cfd7;border-radius:4px}.reading-sheet p{position:absolute;left:365px;right:15px;top:115px;color:#627583;font-size:22px;transition:opacity .4s}.listening-arrow{position:absolute;left:690px;top:150px;font-size:68px;color:#00a5c6;transition:opacity .5s}.plain-sheet{position:absolute;left:835px;top:15px;width:560px;height:390px;border:2px solid #b6e9f3;border-radius:20px;background:#fff;padding:30px;opacity:.2;transition:opacity .6s,translate .7s,scale .7s}.plain-sheet h2{font-size:32px;margin:25px 0}.plain-sheet p{font-size:26px;border-top:1px solid #dcebf0;padding-top:16px;margin:16px 0}.plain-sheet b{color:#00a1bf;margin-right:20px}.plain-sheet small{color:#007f99}.audio-sheet{position:absolute;left:415px;right:30px;top:0;height:420px;background:#0a1628;color:#fff;border-radius:24px;padding:30px 44px;opacity:0;clip-path:inset(0 100% 0 0);transition:clip-path .8s,opacity .5s}.audio-sheet small{color:#00d4ff}.audio-sheet h2{margin:12px 0 10px;font-size:30px}.audio-sheet p{margin:14px 0 8px;font-size:24px}.audio-sheet>span{font-size:21px;color:#acd6e1}.story-wave{height:170px;display:flex;gap:12px;align-items:center;justify-content:center}.story-wave i{width:11px;height:var(--h);background:#00d4ff;border-radius:9px;scale:1 .1;transition:scale .7s;transition-delay:var(--d)}.scene-listening[data-beat="1"] .plain-sheet{opacity:1;translate:-50px 0}.scene-listening[data-beat="1"] .text-density{scale:.7;opacity:.25;transform-origin:left center}.scene-listening[data-beat="2"] .reading-sheet{width:340px;opacity:.7;scale:.93}.scene-listening[data-beat="2"] .reading-sheet p{opacity:0}.scene-listening[data-beat="2"] .plain-sheet{translate:-380px 0;scale:.6;opacity:0}.scene-listening[data-beat="2"] .listening-arrow{opacity:0}.scene-listening[data-beat="2"] .audio-sheet{opacity:1;clip-path:inset(0)}.scene-listening[data-beat="2"] .story-wave i{scale:1 1}
/* 18：對話經過掃描與歸納，工作準備卡被確認。 */
.crm-chat{position:absolute;left:0;top:10px;width:410px;transition:translate .6s,opacity .6s}.crm-chat .bubble{margin-top:24px;background:#e5f8fc;border-radius:20px 20px 20px 3px;padding:22px;font-size:25px;line-height:1.6;box-shadow:0 10px 30px #0a162807}.crm-chat .bubble.light{background:#f1f5f8}.crm-send{margin-top:24px;color:#007f99;font-size:23px;opacity:.5;transition:opacity .5s}.crm-machine{position:absolute;top:112px;left:485px;width:240px;height:190px;background:#0a1628;border-radius:22px;padding:23px;color:#fff;text-align:center;overflow:hidden}.crm-machine span{font-size:26px;display:block;margin-bottom:25px}.crm-machine i{font-style:normal;display:inline-block;font-size:18px;border:1px solid #326070;border-radius:6px;padding:7px;margin:0 2px;opacity:.35;transition:opacity .5s}.scanner{position:absolute;top:0;bottom:0;width:4px;left:0;background:#00d4ff;box-shadow:0 0 25px #00d4ff;opacity:0}.crm-dossier{position:absolute;left:810px;right:0;top:0;height:420px;border:1px solid #cee1e8;border-radius:20px;padding:30px;background:#fff;clip-path:inset(0 0 100% 0);opacity:0;transition:clip-path .9s,opacity .6s}.dossier-tab{color:#00849d;font-size:20px;border-bottom:1px solid #d3e7ee;padding-bottom:16px}.crm-dossier h2{font-size:30px;margin:18px 0}.crm-dossier ul{padding-left:22px;font-size:23px;line-height:2}.review-stamp{position:absolute;right:20px;bottom:18px;color:#008599;border:3px solid #008599;border-radius:8px;padding:8px 17px;font-size:23px;font-weight:700;rotate:-7deg;scale:1.8;opacity:0;transition:scale .35s,opacity .25s}.crm-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.crm-route path{stroke:#a8dce7;stroke-width:3;stroke-dasharray:8 6;fill:none}.crm-route circle{fill:#00b8d9;opacity:0;offset-path:path('M410 245H860')}.scene-crm[data-beat="1"] .scanner{animation:scan .8s both}.scene-crm[data-beat="1"] .crm-machine i,.scene-crm[data-beat="2"] .crm-machine i{opacity:1}.scene-crm[data-beat="1"] .crm-dossier,.scene-crm[data-beat="2"] .crm-dossier{opacity:1;clip-path:inset(0)}.scene-crm[data-beat="1"] .crm-route circle{animation:dispatch 1s both}.scene-crm[data-beat="2"] .review-stamp{opacity:1;scale:1}.scene-crm[data-beat="2"] .crm-chat{opacity:.55}.scene-crm[data-beat="1"] .crm-send{opacity:1}@keyframes scan{0%{left:0;opacity:0}15%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}
/* 25：分散資訊沿路線匯入真實晨報，最後加上人的確認視角。 */
.travel-sources{position:absolute;left:0;top:0;width:420px;display:grid;gap:16px;transition:width .6s,opacity .6s}.travel-sources article{padding:20px 24px;background:#f1f7f9;border-radius:14px;border-left:4px solid #00b2d3;display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center;transition:translate .6s}.travel-sources small{font-size:14px;color:#007f99;letter-spacing:1px}.travel-sources strong{font-size:27px}.travel-sources span{grid-column:2;font-size:19px;color:#607b87}.travel-rail{position:absolute;left:455px;top:120px;width:230px;border-top:2px dashed #81b7c5;color:#0789a2}.travel-rail span{position:absolute;left:40px;top:30px;font-size:22px}.travel-rail i{font-style:normal;font-size:43px;position:absolute;top:-34px;left:0;transition:left .9s,opacity .5s}.travel-report{position:absolute;left:735px;right:0;top:0;height:415px;background:#fff;border:1px solid #cbdfe8;border-radius:15px;overflow:hidden;clip-path:inset(0 0 100% 0);opacity:.1;transition:left .7s,clip-path 1s,opacity .5s}.report-top{height:45px;background:#0a1628;color:white;padding:12px 20px;display:flex;justify-content:space-between;font-size:17px}.report-top b{color:#a9dbe7;font-weight:400}.travel-report img{width:100%;height:355px;object-fit:contain;background:#f6f9fa}.report-lens{position:absolute;bottom:0;left:0;right:0;background:#e4f9fd;padding:14px 20px;color:#006d83;font-size:22px;border-top:2px solid #00b2d3;translate:0 100%;transition:translate .6s}.travel-check{position:absolute;left:0;bottom:0;background:#fff4eb;padding:18px 24px;border-radius:14px;width:400px;opacity:0;translate:0 25px;transition:translate .6s,opacity .6s}.travel-check b{font-size:22px;color:#9c4820}.travel-check p{font-size:22px;margin:8px 0 0}.scene-travel[data-beat="1"] .travel-report,.scene-travel[data-beat="2"] .travel-report{opacity:1;clip-path:inset(0);left:520px}.scene-travel[data-beat="1"] .travel-rail i{left:170px;opacity:0}.scene-travel[data-beat="1"] .travel-rail span,.scene-travel[data-beat="2"] .travel-rail{opacity:0}.scene-travel[data-beat="2"] .travel-sources{opacity:.3;scale:.75;transform-origin:left top;transition:scale .6s,opacity .6s}.scene-travel[data-beat="2"] .travel-check{opacity:1;translate:0 0}.scene-travel[data-beat="2"] .report-lens{translate:0 0}
/* 28：寄送越過關卡，再把確認閘門放回流程。 */
.mail-request{position:absolute;left:0;top:15px;width:340px}.mail-request>small{font-size:20px;color:#007f99}.mail-request h2{font-size:31px;margin:16px 0}.paper-doc{width:225px;height:205px;border:1px solid #cbdde5;border-radius:12px;background:#f3f8fa;padding:32px;position:relative;transition:opacity .4s,translate .65s}.paper-doc span{display:block;height:9px;background:#cbdde5;margin-bottom:18px;border-radius:5px}.paper-doc span:nth-child(2){width:80%}.paper-doc b{font-size:29px;color:#00879f}.mail-track{position:absolute;left:350px;right:10px;top:0;height:225px}.track-line{position:absolute;top:135px;left:0;right:20px;height:3px;background:#cbdce5}.mail-plane{position:absolute;left:0;top:102px;font-size:58px;color:#008eac;transition:left 1s,opacity .4s}.approval-gate{position:absolute;left:425px;top:40px;height:180px;opacity:.18;transition:opacity .4s}.approval-gate span{font-size:22px;position:absolute;left:-45px;white-space:nowrap}.approval-gate i{position:absolute;top:48px;left:0;width:9px;height:135px;border-radius:8px;background:repeating-linear-gradient(45deg,#00a1bc 0px,#00a1bc 12px,#d6f8fe 12px,#d6f8fe 24px);transform-origin:bottom;rotate:75deg;transition:rotate .5s}.mail-outbox{position:absolute;right:0;top:40px;background:#eaf1f5;border:1px solid #cadce5;border-radius:14px;width:200px;height:180px;padding:25px;text-align:center;transition:background .5s,border-color .5s}.mail-outbox span{font-size:25px;display:block}.mail-outbox b{font-size:19px;color:#7a94a2;display:block;margin-top:35px}.sent-label{position:absolute;right:0;top:225px;font-size:25px;color:#b45728;opacity:0;transition:opacity .5s}.mail-rule{position:absolute;left:350px;right:10px;top:250px;background:#e9faff;border-radius:16px;border-left:5px solid #00aec9;padding:22px 28px;opacity:0;clip-path:inset(0 100% 0 0);transition:clip-path .7s,opacity .4s}.mail-rule h2{margin:10px 0;font-size:28px}.mail-rule p{margin:0;font-size:20px;color:#00798d}.mail-rule small{font-size:18px;color:#00798d}.scene-mail[data-beat="1"] .mail-plane{left:calc(100% - 145px);opacity:0;transition:left 1s,opacity .3s .7s}.scene-mail[data-beat="1"] .mail-outbox{background:#fff0e5;border-color:#eeb996}.scene-mail[data-beat="1"] .sent-label{opacity:1;transition-delay:.65s}.scene-mail[data-beat="2"] .mail-plane{left:340px;opacity:1}.scene-mail[data-beat="2"] .approval-gate{opacity:1}.scene-mail[data-beat="2"] .approval-gate i{rotate:0deg}.scene-mail[data-beat="2"] .mail-rule{opacity:1;clip-path:inset(0)}
/* 27：研究不只是影片效果，嵌入真正可以改條件的圖。 */
.research-stage{position:absolute;inset:0}.research-intro{position:absolute;left:0;top:0;width:420px;height:425px;padding:20px 30px;background:#0a1628;color:white;border-radius:22px;transition:width .6s}.research-intro .scene-label{color:#00d4ff}.research-intro h2{font-size:45px;line-height:1.1;margin:30px 0}.research-intro h2 span{font-size:24px;color:#00d4ff;display:block;margin:10px 0}.research-intro p{font-size:24px;color:#bddbe6;margin:10px 0}.research-live{position:absolute;left:470px;top:0;right:0;height:425px;border:1px solid #cddfe7;border-radius:16px;overflow:hidden;opacity:.12;filter:blur(7px);pointer-events:none;transition:opacity .65s,filter .65s}.research-live iframe{width:100%;height:100%;border:0}.scene-research[data-beat="1"] .research-live,.scene-research[data-beat="2"] .research-live{opacity:1;filter:none;pointer-events:auto}
.motion-off .scene-canvas *{animation:none!important;transition:none!important}.motion-off .scene-canvas .packet,.motion-off .crm-route circle,.motion-off .scanner{display:none}.export .scene-console,.export .scene-source{display:none}.export .story-scene .scene-caption{top:765px}@media(prefers-reduced-motion:reduce){.scene-canvas *{animation:none!important;transition:none!important}.scene-canvas .packet,.crm-route circle,.scanner{display:none}}@media print{.scene-console{display:none}.scene-canvas *{animation:none!important;transition:none!important}}@media(max-width:1100px){.toolbar{flex-wrap:wrap}.toolbar .tools{width:100%;justify-content:center}.toolbar b{font-size:15px}.toolbar small{display:none}}
.mail-rule{top:238px;padding:18px 26px}.mail-rule h2{font-size:26px;line-height:1.35;margin:8px 0}.crm-route{z-index:0}.crm-chat,.crm-machine,.crm-dossier{z-index:1}.scene-canvas:has(.crm-route){isolation:isolate}