*{box-sizing:border-box}body{margin:0;background:#b7a696;color:#49372c;font-family:'Microsoft YaHei',sans-serif;min-height:100svh;display:grid;place-items:center}.stage{position:relative;width:min(100vw,177.78svh);aspect-ratio:16/9;isolation:isolate}.background{display:block;width:100%;height:100%}.character{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:fill}.hotspot{position:absolute;border:0;background:transparent;cursor:pointer;border-radius:12px;transition:background .2s,box-shadow .2s}.hotspot:hover{background:#fff5dc12;box-shadow:inset 0 0 0 2px #fff3d466}.hotspot:focus-visible{outline:3px solid #425968;outline-offset:4px}.scene{left:22%;top:35%;width:23%;height:43%}.ai{left:46%;top:35%;width:24%;height:44%}.iteration{left:71%;top:35%;width:24%;height:45%}.recording{left:75.8%;top:83%;width:16.5%;height:9%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(680px,92vw);max-height:85svh;overflow:auto;padding:28px 34px;background:#f3e4cd;border:6px solid #52616a;border-radius:10px;color:#49372c;box-shadow:0 15px 45px #1e2f3a55}dialog::backdrop{background:#24343d99}.close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:28px;color:#6d513d;cursor:pointer}dialog h2{font:28px 'KaiTi',serif;margin:0 0 18px}dialog p{font-size:14px;line-height:1.9;margin:12px 0}.placeholder{aspect-ratio:16/9;background:#475b67;color:#f5e3c7;display:grid;place-content:center;text-align:center;border-radius:5px}.placeholder span{font-size:42px}.placeholder p{margin:8px}.note{font-size:12px!important;color:#816c56}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pair h3{font:23px 'KaiTi',serif}.proof{max-height:42svh;max-width:100%;display:block;margin:15px auto}.pipeline{padding:14px;background:#e0ceb1;font-size:13px;line-height:2}@media(max-width:700px){dialog{padding:25px 20px}.pair{grid-template-columns:1fr}dialog h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.hotspot{transition:none}}

.return-tab{position:absolute;right:2.2%;top:15%;width:4.3%;height:12%;min-width:30px;min-height:44px;display:grid;place-items:center;background:#ae573b;color:#fff0d7;font:clamp(12px,1.5vw,24px)/1.3 'KaiTi',serif;text-decoration:none;border-radius:3px 7px 6px 2px;box-shadow:0 3px 0 #793b28,0 5px 9px #583d2938;clip-path:polygon(0 3%,91% 0,100% 10%,97% 89%,88% 100%,0 95%);transition:transform .15s}.return-tab span{display:block;text-align:center;line-height:1.4;border:1px dashed #ebc5a780;padding:8px 4px}.return-tab:hover{transform:translateX(-3px)}.return-tab:focus-visible{outline:3px solid #405a69;outline-offset:3px}@media(prefers-reduced-motion:reduce){.return-tab{transition:none}}

.demo-player{display:block;width:100%;height:auto;max-height:65svh;object-fit:contain;background:#17232b;border-radius:5px}