.moti-app{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background:#f4feff}.stage{--stage-w:56.25vh;--theme-top: rgba(17, 195, 255, 1);--theme-top-border: rgba(155, 250, 255, 1);--theme-accent: rgba(84, 212, 255, 1);--theme-accent-strong: rgba(73, 209, 255, 1);--theme-accent-soft: rgba(227, 253, 255, 1);--theme-card-border: rgba(190, 249, 253, 1);--theme-text: rgba(99, 139, 153, 1);--theme-option-text: rgba(111, 133, 150, 1);--theme-bg: rgba(240, 253, 255, 1);--theme-dot: rgba(190, 249, 253, .78);--dot-size: calc(var(--stage-w) * 9 / 1080);--dot-step: calc(var(--stage-w) * 52 / 1080);--dot-row-step: calc(var(--stage-w) * 104 / 1080);--dot-offset-x: calc(var(--stage-w) * -14 / 1080);--dot-offset-y: calc(var(--stage-w) * 168 / 1080);--dot-stagger-x: calc(var(--stage-w) * 12 / 1080);--dot-stagger-y: calc(var(--stage-w) * 220 / 1080);position:relative;width:var(--stage-w);height:100vh;overflow:hidden;background:var(--theme-bg)}@supports (height: 100dvh){.stage{--stage-w:56.25dvh;height:100dvh}}.stage--quiz{background:radial-gradient(circle,var(--theme-dot) 0 var(--dot-size),transparent calc(var(--dot-size) + 1px) 100%) var(--dot-offset-x) var(--dot-offset-y)/var(--dot-step) var(--dot-row-step),radial-gradient(circle,var(--theme-dot) 0 var(--dot-size),transparent calc(var(--dot-size) + 1px) 100%) var(--dot-stagger-x) var(--dot-stagger-y)/var(--dot-step) var(--dot-row-step),var(--theme-bg)}.stage--home{background:radial-gradient(circle,rgba(190,249,253,.72) 0 var(--dot-size),transparent calc(var(--dot-size) + 1px) 100%) var(--dot-offset-x) var(--dot-offset-y)/var(--dot-step) var(--dot-row-step),radial-gradient(circle,rgba(190,249,253,.72) 0 var(--dot-size),transparent calc(var(--dot-size) + 1px) 100%) var(--dot-stagger-x) var(--dot-stagger-y)/var(--dot-step) var(--dot-row-step),rgb(240,253,255)}.home-main-layer{position:absolute;z-index:2;left:3.197158%;top:11.077543%;width:94.493783%;aspect-ratio:532/798}.home-main{width:100%;height:100%;object-fit:contain;pointer-events:none}.home-start{position:absolute;z-index:3;left:18%;top:82%;width:62%;height:15%;border-radius:999px}.top-bar{position:absolute;z-index:5;left:0;top:0;width:100%;height:7.34375%;border-bottom:calc(var(--stage-w) * 13 / 1080) solid var(--theme-top-border);background:var(--theme-top)}.top-logo{position:absolute;right:2.407407%;top:17.021277%;width:17.87037%;height:auto}.progress-strip{position:absolute;z-index:4;left:0;top:0;width:100%;height:100%;pointer-events:none}.progress-track{position:absolute;left:6.481481%;top:10.625%;width:87.12963%;height:1.458333%;overflow:hidden;border-radius:999px;background:rgb(218,218,218)}.progress-fill{width:0;height:100%;border-radius:inherit;background:var(--theme-accent-strong)}.progress-marker,.progress-end{position:absolute;top:8.802083%;object-fit:contain}.progress-marker{width:11.481481%;height:5.416667%;transform:translate(0)}.progress-end{left:86.574074%;width:10.462963%;height:5.416667%}.question-card{position:absolute;z-index:2;left:5%;top:14.635417%;width:90.092593%;height:75.625%;border:calc(var(--stage-w) * 10 / 1080) solid var(--theme-card-border);border-radius:calc(var(--stage-w) * 43 / 1080);background:#fff}.back-button{position:absolute;z-index:6;left:9.146969%;top:5.578512%;width:5.035971%;height:4.889807%;background:var(--theme-accent-strong);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABICAYAAAC0hqYWAAAC50lEQVR4nN2bO2hUQRSGv6wYAoqLJkWEWCiICZoEC1OlE1ZEYqdioQYMIlpZpIyVr9JHJcZGQbuU2ohYRasIwcYXmCIWUYyaIIFNHBk4F64RIZu9/7l394PTLvvt3jtz5p+ZForLBqAH6AR+AG+BnzQQm4ErwFcgpKoKTAB7aQD2Ae9XCayuJeAUBeawPTphDbUMHKWAXLIvF2qoBaCXgrARuFujQEjVJ2BL3hLbgGd1SASr23lK7AbeZSARgF820rlzEPiWkUSwOlRyljgPPAW2Zvy5O3CcpW9m/C+EVJ30kIijyhOhRAD2qyV2Am/EEh/VEoPAnFgiAMNKidPWE6klHgItCoE4Cl5zEAjAHRtEMmeTtdlqgSpwERFdwJSDxHegopI4AMw6SHwAulUSx6zXUUu8ADoUAnGkGAN+O0jcB1oVEm3AIweBFWAUETHRmHSQWACGVBJ9wIyDxAzQr5IYsl9JLfHK/nUJo+sIBtZTj+39y5w4Uow7CMSR77KqZ2q3sVstEeegE4jotllULfEZGFBJVIB5B4nX1p9JOGedpVpiQhnfnHUQiHXD1iwSOm3/QSmwpF6SYnsRSokvtn6XMy2UiAnKLpxYFEnERLHsJVFSzagpITemxY9WDOlcuCp+2ee8XvbtTsNvDO3kjIhFkorhXclj76Lq1KLEME9KxUIwtcyUsmlM6HFq42ct3JPS4biwiiGflFYLxzyWumPCifmv8GHFQSiGfpLwIY84aFIZByX0OwZ0fWqZ+Gu9bPTINKHNwjS1zLIyxM5jW2Fcta2Q5rjjRk+7WmagGbbeErosdFPLzCs3Q/PYnr6glolrjesOMkF5YCDNGacjHA88erRBC+fUMsM40BTHnBLKzXDwLCG+lLca/SigR8AxQrMclyUn9jTDAeb0kfLnGU2MhTjkf6/OQ/5lGvzaxWKRrl2kOdIMF2ESeteQchb+alJCHIFiav+/y2LxHtY/yDvHOqjp+t4fe1wUvVhGC6IAAAAASUVORK5CYII=) center/contain no-repeat;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABICAYAAAC0hqYWAAAC50lEQVR4nN2bO2hUQRSGv6wYAoqLJkWEWCiICZoEC1OlE1ZEYqdioQYMIlpZpIyVr9JHJcZGQbuU2ohYRasIwcYXmCIWUYyaIIFNHBk4F64RIZu9/7l394PTLvvt3jtz5p+ZForLBqAH6AR+AG+BnzQQm4ErwFcgpKoKTAB7aQD2Ae9XCayuJeAUBeawPTphDbUMHKWAXLIvF2qoBaCXgrARuFujQEjVJ2BL3hLbgGd1SASr23lK7AbeZSARgF820rlzEPiWkUSwOlRyljgPPAW2Zvy5O3CcpW9m/C+EVJ30kIijyhOhRAD2qyV2Am/EEh/VEoPAnFgiAMNKidPWE6klHgItCoE4Cl5zEAjAHRtEMmeTtdlqgSpwERFdwJSDxHegopI4AMw6SHwAulUSx6zXUUu8ADoUAnGkGAN+O0jcB1oVEm3AIweBFWAUETHRmHSQWACGVBJ9wIyDxAzQr5IYsl9JLfHK/nUJo+sIBtZTj+39y5w4Uow7CMSR77KqZ2q3sVstEeegE4jotllULfEZGFBJVIB5B4nX1p9JOGedpVpiQhnfnHUQiHXD1iwSOm3/QSmwpF6SYnsRSokvtn6XMy2UiAnKLpxYFEnERLHsJVFSzagpITemxY9WDOlcuCp+2ee8XvbtTsNvDO3kjIhFkorhXclj76Lq1KLEME9KxUIwtcyUsmlM6HFq42ct3JPS4biwiiGflFYLxzyWumPCifmv8GHFQSiGfpLwIY84aFIZByX0OwZ0fWqZ+Gu9bPTINKHNwjS1zLIyxM5jW2Fcta2Q5rjjRk+7WmagGbbeErosdFPLzCs3Q/PYnr6glolrjesOMkF5YCDNGacjHA88erRBC+fUMsM40BTHnBLKzXDwLCG+lLca/SigR8AxQrMclyUn9jTDAeb0kfLnGU2MhTjkf6/OQ/5lGvzaxWKRrl2kOdIMF2ESeteQchb+alJCHIFiav+/y2LxHtY/yDvHOqjp+t4fe1wUvVhGC6IAAAAASUVORK5CYII=) center/contain no-repeat}.question-tag{position:absolute;left:40.28777%;top:5.716253%;display:flex;align-items:center;justify-content:center;width:17.368961%;height:4.545455%;border-radius:999px;color:#fff;font-size:calc(var(--stage-w) * 49.6724 / 1080);font-weight:700;line-height:1;background:var(--theme-accent-strong)}.question-title{position:absolute;left:10.174717%;top:15.082645%;width:80.16444%;margin:0;color:var(--theme-text);font-size:calc(var(--stage-w) * 39 / 1080);font-weight:700;line-height:1.58974359;white-space:pre-line}.character-halo{position:absolute;z-index:2;border-radius:50%;background:var(--theme-accent-soft);pointer-events:none}.question-character{position:absolute;z-index:3;object-fit:contain;pointer-events:none}.answer-button{position:absolute;left:7.296%;display:flex;align-items:center;width:85.200411%;height:9.986226%;border:calc(var(--stage-w) * 10 / 1080) solid var(--theme-answer-border);border-radius:calc(var(--stage-w) * 62 / 1080);overflow:hidden;color:var(--theme-option-text);text-align:left;background:transparent;transition:background-color .16s ease,color .16s ease}.answer-button--a{top:71.969697%}.answer-button--b{top:83.471074%}.answer-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;transition:opacity .16s ease}.answer-bg--idle{opacity:1}.answer-bg--selected{opacity:0}.answer-key,.answer-text{position:relative;z-index:1}.answer-key{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:calc(var(--stage-w) * 59 / 1080);height:calc(var(--stage-w) * 59 / 1080);margin-left:6.393245%;border-radius:50%;color:#fff;font-size:calc(var(--stage-w) * 37.5618 / 1080);font-weight:700;line-height:1;background:var(--theme-accent)}.answer-key-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:calc(var(--stage-w) * 59 / 1080);text-align:center}.answer-key-label--b{transform:translate(calc(var(--stage-w) * 1 / 1080),calc(var(--stage-w) * -1 / 1080))}.answer-text{width:74%;margin-left:5.548854%;font-size:calc(var(--stage-w) * 30 / 1080);font-weight:700;line-height:1.35}@media (hover: hover) and (pointer: fine) and (min-width: 829px){.answer-button:hover .answer-bg--idle{opacity:0}.answer-button:hover .answer-bg--selected{opacity:1}.answer-button:hover{color:#fff}.answer-button:hover .answer-key{color:var(--theme-accent);background:#fff}.answer-button:hover .answer-text{color:#fff}}.bottom-bar{position:absolute;z-index:5;left:0;bottom:0;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(34px,4.0625%,52px);padding:0 4%;border-top:clamp(4px,var(--stage-w) * 13 / 1080,8px) solid var(--theme-top-border);background:var(--theme-top)}.footer-copy{width:100%;max-width:720px;margin:0;color:#fff;font-size:clamp(10px,var(--stage-w) * 22 / 1080,14px);line-height:1.2;text-align:center;overflow-wrap:normal}.result-screen{position:absolute;inset:0;background:radial-gradient(circle,rgba(190,249,253,.72) 0 var(--dot-size),transparent calc(var(--dot-size) + 1px) 100%) var(--dot-offset-x) var(--dot-offset-y)/var(--dot-step) var(--dot-row-step),radial-gradient(circle,rgba(190,249,253,.72) 0 var(--dot-size),transparent calc(var(--dot-size) + 1px) 100%) var(--dot-stagger-x) var(--dot-stagger-y)/var(--dot-step) var(--dot-row-step),rgb(240,253,255)}.result-title-image{position:absolute;z-index:2;left:0;top:13.020833%;width:100%;height:auto;pointer-events:none}.result-character{position:absolute;z-index:1;object-fit:contain;pointer-events:none}.result-description{position:absolute;z-index:2;left:9.62963%;top:65.9375%;display:flex;align-items:center;justify-content:center;width:82.685185%;height:12.34375%;padding:0 7%;border-radius:calc(var(--stage-w) * 37 / 1080);color:#49d1ff;font-size:calc(var(--stage-w) * 47.6357 / 1080);font-weight:700;line-height:1.4;text-align:center;background:#fff}.result-actions{position:absolute;z-index:2;left:4.444444%;top:81.09375%;display:flex;align-items:flex-start;justify-content:space-between;width:91.111111%}.action-button{display:block;width:48.47561%;height:auto;border:0;background:transparent;-webkit-tap-highlight-color:transparent}.action-button-image{display:block;width:100%;height:auto;pointer-events:none}.toast{position:absolute;z-index:10;left:50%;bottom:10%;min-width:42%;padding:3% 5%;border:calc(var(--stage-w) * 5 / 1080) solid rgb(155,250,255);border-radius:999px;color:#fff;font-size:calc(var(--stage-w) * 34 / 1080);font-weight:700;text-align:center;background:rgba(17,195,255,.92);box-shadow:0 calc(var(--stage-w) * 8 / 1080) calc(var(--stage-w) * 20 / 1080) #35c4ff38;transform:translate(-50%)}.toast-enter-active,.toast-leave-active{transition:opacity .2s ease,transform .2s ease}.toast-enter,.toast-leave-to{opacity:0;transform:translate(-50%,10%)}@media screen and (max-width: 828px) and (hover: none) and (pointer: coarse){.moti-app{align-items:flex-start;justify-content:flex-start}.stage{--stage-w: 100vw;width:100vw;height:100vh}}@supports (width: 100dvw) and (height: 100dvh){@media screen and (max-width: 828px) and (hover: none) and (pointer: coarse){.stage{--stage-w: 100dvw;width:100dvw;height:100dvh}}}html,body,#app{width:100%;min-width:100%;height:100%;min-height:100vh;margin:0;overflow:hidden;background:#f4feff;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}@supports (height: 100dvh){html,body,#app{min-height:100dvh}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button{padding:0;border:0;color:inherit;font:inherit;cursor:pointer;background:transparent}img{display:block;user-select:none;-webkit-user-drag:none}