:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;-webkit-user-select:none;user-select:none}body{overflow:hidden}#app{height:100vh;width:100vw}.container{height:100%;width:100%;overflow:hidden}.start-wrapper{height:100%;width:100%;background:url(./yellow-1cfa31b4.png) no-repeat;background-size:100% 100%;background-position:center center}.start-inner{width:88%;background:url(./start-68ff3173.png) no-repeat;background-size:contain;background-position:center center;height:100%;margin:0 auto}.question-list{height:100%;width:100%;display:flex;flex-wrap:nowrap;transform:translate(0);transition:transform .3s linear}.question-wrapper{flex-shrink:0;height:100%;width:100%;background-repeat:no-repeat;background-size:100% 100%;background-position:center;position:relative}.cartoon-img{width:88%;height:74%;background-size:contain;background-repeat:no-repeat;background-position:center center;margin:0 auto}.option-wrapper{position:absolute;width:90%;bottom:10%;left:50%;transform:translate(-50%)}.option-item{height:fit-content;width:100%;margin-bottom:20px}.option-wrapper img{display:block;width:100%}img:active{transform:scale(1.15)}.result-wrapper{height:100%;width:100%;background-repeat:no-repeat;background-size:100% 100%;background-position:center center}.result-inner{width:88%;height:90%;background-size:contain;background-repeat:no-repeat;background-position:center center;margin:0 auto}.start-btn,.result-btn{position:absolute;bottom:12%;height:7vh;left:0;display:flex;justify-content:center;width:100%}.start-btn img,.result-btn img{display:block;height:100%}.tips{position:fixed;bottom:2%;background:url(./tips-26c3cbc5.png) no-repeat;background-size:contain;width:88%;height:2vh;background-position:center}.loading-container{background-color:#000000b3;border-radius:10px;padding:30px;display:flex;flex-direction:column;align-items:center;position:fixed;z-index:999;top:35%;left:50%;transform:translate(-50%)}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:10px}.loading-text{color:#fff;font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-tips{position:absolute;right:0;top:0;width:12vw;height:10vw}.share-img-f{display:block;width:100%;animation:bounce .5s ease infinite}.share-img-t{display:block;width:24vw;position:absolute;right:-33%}@keyframes bounce{0%,to{transform:translateY(1vh)}50%{transform:translateY(0)}}