*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}html,body{height:100%;margin:0;padding:0;font-size:100%;line-height:1.5}*:active,*:focus{outline:none!important;box-shadow:none!important}body{font-family:Arial,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}@font-face{font-family:GenSenRounded;src:url(/@%E5%AD%97%E9%AB%94/GenSenRounded2TW-M.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--font-gen: "GenSenRounded", Arial, sans-serif}html,body,button,input,select,textarea{font-family:var(--font-gen)}body{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.mobile-wrapper{background-image:url(/%E6%89%8B%E6%A9%9F/2-%E8%83%8C%E6%99%AF@2x.png);background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100svh;aspect-ratio:9 / 16;max-width:100%}.bg{background-image:url(/1-%E9%A6%96%E9%A0%81%E8%83%8C%E6%99%AF@2x.png);background-size:cover;background-position:center}.mobile-bg{background-image:url(/%E6%89%8B%E6%A9%9F/2-%E8%83%8C%E6%99%AF@2x.png);background-size:cover;background-position:center}.step1{position:relative;display:flex;justify-content:center;align-items:center;height:100svh;width:100svw;max-width:100%}.step1-btn{position:absolute;width:20%;bottom:14%;animation:scale-pulse 1.2s ease-in-out infinite}.step1-more{position:absolute;width:15%;height:5%;bottom:2%}.step2{position:relative;display:flex;justify-content:center;align-items:center;height:100svh;width:100svw;max-width:100%}.step2-btn{position:absolute;width:25%;bottom:43%;height:10%}.option-1,.option-1-A{position:absolute;width:50%;bottom:36%}.pointer-events-none{pointer-events:none}.option-2,.option-2-A{position:absolute;width:50%;bottom:14%}.z-index1{z-index:1}.z-index2{z-index:2}.max-height-100{max-height:100vh}.q1-error-modal,.q2-error-modal,.q3-error-modal,.q4-error-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;color:#fff;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.q4-error-modal{z-index:4}.q1-modal-btn,.q2-modal-btn,.q3-modal-btn,.q4-modal-btn{position:absolute;width:24%;height:10%;bottom:43%}.step4-btn{position:absolute;width:20%;height:10%;bottom:37%}.reveal-modal,.reveal-modal-2{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center}.reveal-modal-btn{position:absolute;width:22%;height:9%;bottom:6%}.reveal-modal-input{position:absolute;width:38%;line-height:1.4;bottom:19%;text-align:center;font-size:min(7cqh,4cqw);border:none;color:#000;letter-spacing:-2px}.result-pic{position:absolute;width:60%;top:28%}.step7-fb{position:absolute;width:38%;bottom:49%;right:10%;height:10%}.step7-replay{position:absolute;width:19%;bottom:20%;right:29%;height:10%}.step7-share{position:absolute;width:18%;bottom:20%;right:10%;height:10%}.step7-download{position:absolute;width:17%;bottom:6%;right:60%;height:10%}.result-pic{position:absolute;width:24%;top:19%;left:20%}.step1-footer{height:56%;width:100%;position:absolute;bottom:0;background:linear-gradient(to bottom,#0ad4fd00 6%,#fff 60%);z-index:-1}.mobile-step1-footer{height:56%;width:100%;position:absolute;bottom:0;background:linear-gradient(to bottom,#fff0 6%,#fff 60%);z-index:-1;display:none}.mobile-step1,.mobile-step2,.mobile-step3-1,.mobile-step3-2,.mobile-step3-3,.mobile-step3-4,.mobile-step4,.mobile-step5,.mobile-step6,.mobile-step7{position:relative;display:flex;justify-content:center;align-items:center}.mobile-q1-error-modal,.mobile-q2-error-modal,.mobile-q3-error-modal,.mobile-q4-error-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;color:#fff;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.mobile-step1-btn{position:absolute;width:42%;bottom:20%;animation:scale-pulse 1.2s ease-in-out infinite}.mobile-step2-btn{position:absolute;width:50%;height:8%;bottom:51%}.desktop{width:100%;height:100%;justify-content:center;align-items:center;display:flex}.mobile{display:none}.mobile-option-A,.mobile-option-A-答{position:absolute;width:85%;top:38%}.mobile-option-B,.mobile-option-B-答{position:absolute;width:85%;top:52%}.mobile-q1-modal-btn,.mobile-q2-modal-btn,.mobile-q3-modal-btn,.mobile-q4-modal-btn{position:absolute;width:50%;height:8%;bottom:49%}.mobile-step4-btn{height:8%;width:50%;position:absolute;bottom:41%}.mobile-reveal-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center}.mobile-reveal-modal-btn{position:absolute;width:50%;height:8%;bottom:18%}.mobile-reveal-modal-input{position:absolute;width:70%;line-height:1.4;bottom:34%;text-align:center;font-size:min(3cqh,5cqw);border:none;color:#000}.mobile-result-pic{position:absolute;width:56%;top:16%}.mobile-step7-retry{position:absolute;width:37%;height:6%;bottom:23%;left:12%}.mobile-step7-share{position:absolute;width:37%;height:6%;bottom:23%;right:12%}.mobile-step7-fb{position:absolute;width:77%;height:7%;bottom:14%}.mobile-step1-more{position:absolute;width:30%;height:4%;bottom:6%}.relative{position:relative}.center{display:flex;justify-content:center;align-items:center}.hidden{display:none}#whiteScreen{position:fixed;inset:0;background:#fff;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none;z-index:999999}#whiteScreen.active{opacity:1}#whiteScreen-mobile{position:fixed;inset:0;background:#fff;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none;z-index:999999}#whiteScreen-mobile.active{opacity:1}@keyframes scale-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media screen and (max-aspect-ratio:826/1000){.desktop{display:none}.mobile{display:flex}.mobile-bg,.bg{background-image:unset}.mobile-step1-footer{display:block}}