:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#203b43;background:#e2f1f2;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid #c4d5d7;border-radius:6px;background:#fff;color:#203b43;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #084bf5;outline-offset:4px}.experience{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e2f1f2}.frame{position:relative;flex-shrink:0;overflow:clip}.artboard{position:relative;width:1080px;height:1920px;transform-origin:0 0;overflow:hidden;background:#09c1c9}.layered-scene{position:relative;width:1080px;height:1920px;overflow:hidden;background:#09c1c9;contain:layout paint}.layered-scene-item,.layered-scene-fallback{position:absolute;inset:0;width:1080px;height:1920px;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.layered-scene-item{pointer-events:none;backface-visibility:hidden}.layered-scene-item.is-base{opacity:0;animation:layered-base-alpha 233ms ease-out both}.layered-scene-item.is-reveal{opacity:0;transform:translate3d(0,calc(10px / var(--scene-render-scale, 1)),0);animation:layered-item-alpha var(--object-duration) ease-out var(--layer-delay) both,layered-home-item-rise var(--object-duration) cubic-bezier(.16,.9,.22,1) var(--layer-delay) both}.layered-scene-item.is-option-reveal{animation:layered-item-alpha var(--option-duration) ease-in-out var(--layer-delay) both,layered-home-item-rise var(--option-rise-duration) cubic-bezier(.16,.9,.22,1) var(--layer-delay) both}.scene-loading{position:absolute;inset:0;display:grid;place-items:center;color:#203b43;font-size:30px;background:#e9fbfc}.layered-scene-fallback{pointer-events:none}@keyframes layered-item-alpha{0%{opacity:0}to{opacity:1}}@keyframes layered-home-item-rise{0%{transform:translate3d(0,calc(10px / var(--scene-render-scale, 1)),0)}to{transform:translateZ(0)}}@keyframes layered-base-alpha{0%{opacity:0}to{opacity:1}}.artwork{display:block;width:1080px;height:1920px;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.poster,.save-image{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}.layered-poster-save{position:absolute;inset:0;width:1080px;height:1920px;z-index:100001;opacity:0;animation:layered-poster-ready 1ms linear var(--poster-ready-delay) forwards}@keyframes layered-poster-ready{0%,to{opacity:1}}.hit{position:absolute;border:0;background:transparent;border-radius:6px;padding:0;opacity:1!important}.start-hit{border-radius:100px}.option-hit:not(:disabled):hover{outline:4px solid #076f73;outline-offset:3px}.hit.chosen{background:#01b8bd33;outline:6px solid #056b6e}.hit:focus-visible{outline:6px solid #133ef1}.qr-hit{position:absolute;display:block}.question-navigation{position:absolute;top:max(44px,calc(90px * var(--navigation-scale)),calc(env(safe-area-inset-top,0px) + 8px));left:max(12px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:8px;z-index:2}.question-navigation button{height:44px;min-width:44px;border:1px solid #ffffffb3;border-radius:22px;background:#fffffff2;font-size:14px;box-shadow:0 1px 5px #203b4320}.question-navigation .question-back{width:44px;padding:0;border-radius:50%}.question-navigation button:disabled{opacity:.65}.loading-mask{position:fixed;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;background:#173843b3;font-size:20px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-alert,.idle-alert,.notice{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:8;width:max-content;max-width:calc(100% - 28px);padding:16px 20px;border-radius:6px;color:#fff;background:#253842;box-shadow:0 4px 18px #0003;font-size:16px}.error-alert{width:min(480px,calc(100% - 28px))}.error-alert p{margin:0 0 12px;overflow-wrap:anywhere}.error-alert>div,.idle-alert{display:flex;gap:12px;align-items:center}.modal-backdrop{position:fixed;inset:0;z-index:10;padding:20px;display:grid;place-items:center;background:#17333da8}.modal{position:relative;width:min(480px,100%);max-height:calc(100dvh - 40px);padding:24px;overflow:auto;border-radius:8px;background:#fff;box-shadow:0 15px 50px #0004}.modal h2{margin:0 30px 18px 0;font-size:20px}.modal p{font-size:15px;line-height:1.7}.close-button{position:absolute;top:12px;right:12px;padding:6px;border:0}.save-image{display:block;max-width:100%;max-height:calc(100dvh - 210px);margin:auto}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.primary{background:#078b91;border-color:#078b91;color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fatal-screen{height:100dvh;display:grid;place-items:center;padding:24px;background:#e9fbfc}.fatal-card{padding:24px;background:#fff;border-radius:8px;max-width:440px}@media(prefers-reduced-motion:reduce){.spin{animation:none}.layered-scene-item{animation-iteration-count:1!important}.layered-scene-item.is-base{animation-duration:.52s!important}}.result-reopen{position:fixed;top:16px;right:16px;z-index:4;box-shadow:0 3px 14px #17384322}.result-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:16px;color:#203b43;box-shadow:0 15px 50px #0004}.result-dialog::backdrop{background:#17333da8}.result-dialog-content{position:relative;padding:24px}.result-dialog h2{margin:0 32px 20px 0;font-size:22px}.result-dialog p{line-height:1.6}.result-action-buttons{display:flex;gap:8px}.result-action-buttons button{flex:1;min-height:46px;padding:10px 6px;white-space:nowrap}.result-action-body{text-align:center}.result-action-body [role=alert]{color:#a33125;text-align:left}.result-qr{width:min(320px,100%);height:auto;display:block;margin:auto}.result-dialog .save-image{width:auto;max-width:100%;max-height:calc(100dvh - 240px);height:auto;object-fit:contain}.result-dialog input{display:block;width:100%;padding:12px;margin-top:10px;border:1px solid #c4d5d7;font:inherit}