/* Screen 04 only. The first three approved screens are deliberately not targeted. */
.workflow-screen{position:relative;isolation:isolate;container:workflow / size;width:100vw;max-width:100vw;height:100svh;min-height:650px;overflow:hidden;background:#050813;color:#f3f3ff;font-family:"PingFang SC","Microsoft YaHei",sans-serif;--workflow-accent:#e77dff}
.workflow-canvas,.workflow-poster{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.workflow-poster{opacity:1;transition:opacity .4s;pointer-events:none}
.workflow-screen[data-renderer="webgl"] .workflow-poster{opacity:0}
.workflow-screen:not([data-renderer="webgl"]) .workflow-panel{visibility:hidden}
.workflow-panel{box-sizing:border-box;position:absolute;z-index:2;left:52%;top:11.5%;width:42%;height:77%;padding:clamp(22px,2.6cqw,46px);border:1px solid #d8a5ff66;border-radius:24px;background:linear-gradient(125deg,#0a0b1adb,#070b16b0);box-shadow:0 20px 70px #0005;backdrop-filter:blur(4px);display:flex;flex-direction:column;will-change:transform,opacity}
.workflow-panel[data-station="1"]{left:6%;border-color:#d7ff7677}
.workflow-meta{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #cbd9ff30;font:12px/1.4 "SFMono-Regular",Consolas,monospace;letter-spacing:1.5px;color:#bac4dc}
.workflow-meta span:last-child{color:var(--workflow-accent)}
.workflow-intro{margin-top:clamp(18px,2.1cqh,28px)}
.workflow-kicker{margin:0 0 7px;font-size:clamp(12px,1.1cqw,20px);letter-spacing:2px;color:var(--workflow-accent)}
.workflow-station{display:inline-block;margin:0;padding:3px 13px;border:1px solid #b48fe545;border-radius:20px;font-size:clamp(12px,1cqw,18px);letter-spacing:1px}
.workflow-panel h2{margin:13px 0 10px;font-size:clamp(30px,3.5cqw,64px);line-height:1.22;letter-spacing:1px;text-shadow:0 0 14px #fff3}
.workflow-subtitle{margin:0;font-size:clamp(14px,1.35cqw,25px);line-height:1.6;letter-spacing:1px;color:#d1d8ed}
.workflow-steps{list-style:none;margin:clamp(15px,2.2cqh,28px) 0 18px;padding:0;flex:1;display:flex;flex-direction:column;justify-content:space-around;min-height:0}
.workflow-steps li{display:grid;grid-template-columns:35px minmax(76px,.7fr) minmax(0,1.7fr);align-items:center;gap:14px;min-height:44px;border-bottom:1px solid #d4ddff23;padding:6px 0;box-sizing:border-box}
.workflow-steps span{border:1px solid var(--workflow-accent);border-radius:5px;padding:3px 0;text-align:center;font:700 18px/1.3 monospace;color:#fff;box-shadow:inset 0 0 10px #b17cfc25}
.workflow-steps h3{margin:0;font-size:clamp(15px,1.35cqw,25px);font-weight:650;letter-spacing:1px}
.workflow-steps p{margin:0;font-size:clamp(12px,1.1cqw,20px);line-height:1.65;color:#cbd4e9}
.workflow-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}
.workflow-next{border:0;border-radius:60px;background:linear-gradient(110deg,#eb70f4,#8061ff);color:#110b24;padding:15px 25px;font-family:inherit;font-weight:650;font-size:clamp(13px,1.15cqw,20px);line-height:1.3;letter-spacing:1px;cursor:pointer;box-shadow:0 0 35px #c362ff33;white-space:nowrap}
.workflow-panel[data-station="1"] .workflow-next{background:linear-gradient(110deg,#a7ff76,#f8fb83);box-shadow:0 0 35px #d7ff7630}
.workflow-nav{display:flex;gap:10px}
.workflow-nav button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #c694ff66;border-radius:50%;background:#0a102370;color:#e9efff;cursor:pointer;font-size:19px}
.workflow-screen button:disabled{opacity:.4;cursor:default}
.workflow-screen button:focus-visible,.workflow-back:focus-visible{outline:2px solid var(--workflow-accent);outline-offset:5px}
.workflow-back{position:absolute;left:3%;bottom:18px;z-index:3;font-size:12px;letter-spacing:1px;color:#c6cfe0;text-decoration:none;text-shadow:0 2px 6px #000}
.workflow-state{position:absolute;z-index:3;right:3%;bottom:18px;display:flex;gap:12px;align-items:center;font:11px/1.5 monospace;color:#bbc7da}
.workflow-state button{color:inherit;font:inherit;padding:5px 10px;border-radius:20px;background:#07101a88;border:1px solid #a6c3de44;cursor:pointer}
.workflow-error{position:absolute;z-index:4;bottom:8%;left:10%;right:10%;padding:20px;border:1px solid #edbc78;background:#101420ee;color:#fff;border-radius:12px}
@media(max-width:800px),(max-aspect-ratio:6/5){.workflow-screen{min-height:850px}}
@container workflow (max-width:800px){.workflow-panel,.workflow-panel[data-station="1"]{left:4%;top:auto;bottom:7%;width:92%;height:48%;padding:20px;border-radius:18px}.workflow-meta{font-size:10px;padding-bottom:10px}.workflow-intro{margin-top:13px}.workflow-panel h2{font-size:30px;margin:9px 0 4px}.workflow-subtitle{font-size:14px}.workflow-kicker{display:none}.workflow-station{font-size:11px}.workflow-steps{margin:12px 0}.workflow-steps li{grid-template-columns:28px 82px 1fr;gap:10px;min-height:38px;padding:4px 0}.workflow-steps span{font-size:14px}.workflow-steps h3{font-size:15px}.workflow-steps p{font-size:12px}.workflow-next{padding:12px 18px;font-size:14px}.workflow-nav button{width:30px;height:30px}.workflow-state{font-size:10px;bottom:14px}.workflow-back{font-size:10px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.workflow-poster{transition:none}}