.loadingBox[data-v-56cba970]{width:100%;height:100%;top:0;position:fixed;z-index:99999;background:hsla(0,0%,100%,.6)}.loading[data-v-56cba970]{position:absolute;z-index:99999;font-size:100px;color:#666;top:calc(50% - 100px);left:calc(50% - 60px);transform:translate(-50%,-50%);transform:rotate(1turn);transition:transform 1s linear;-webkit-animation:spin-data-v-56cba970 1s linear 1s 5 alternate;animation:spin-data-v-56cba970 1.2s linear infinite}@-webkit-keyframes spin-data-v-56cba970{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin-data-v-56cba970{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}padding-left:constant(safe-area-inset-left);padding-top:constant(safe-area-inset-top);padding-right:constant(safe-area-inset-right);padding-bottom:constant(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);body{font-family:Microsoft JhengHei}img[data-v-3185abfc]{display:block}.position-relative[data-v-3185abfc]{position:relative}.text-align-left[data-v-3185abfc]{text-align:left;margin-left:5px}.step1-bg[data-v-3185abfc]{width:100%;height:100vh;background:url(../img/step1-bg.ced5c37b.png) no-repeat 50%;background-size:cover;background-color:#f5f0e8}.remind-download[data-v-3185abfc]{text-align:center}.step1-preview .area1[data-v-3185abfc],.step1-preview .area2[data-v-3185abfc]{display:flex;justify-content:center}.step1-preview .btn-image[data-v-3185abfc]{width:80%}.step1 .button-area .area1[data-v-3185abfc]{padding:8px 0}.step2[data-v-3185abfc]{display:flex;flex-direction:column;background-color:#f5f0e8;height:100vh}.step2 .step2-title[data-v-3185abfc]{text-align:center;font-size:1.5rem;color:#000;margin:16px 0 8px 0;font-weight:700}.step2 .step2-bg[data-v-3185abfc]{position:relative;width:100%;height:100vh}.step2 .card-area[data-v-3185abfc]{display:block;position:relative}.step2 .input-area[data-v-3185abfc]{max-width:336px;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:88%;margin:0 auto}.step2 .button-area[data-v-3185abfc]{margin:16px 0;padding:8px 0}.step2 .button-area .btn[data-v-3185abfc]{width:50%!important;background-color:#a67c52!important;color:#fff}.step2 .button-area .btn-image[data-v-3185abfc]{width:100%;display:flex;justify-content:center}.step2 .button-area .btn-image img[data-v-3185abfc]{width:40%}.hint[data-v-3185abfc]{position:absolute;width:100vw;max-width:420px;height:100vh;background-color:hsla(0,0%,100%,.8);z-index:2}.hint .hint-image[data-v-3185abfc]{position:absolute;top:46%;left:50%;width:80%;transform:translate(-50%,-50%)}.text-area[data-v-3185abfc]{position:relative;width:100%}input[data-v-3185abfc]{background:transparent;border:none;outline:none;height:30px;line-height:normal}input[data-v-3185abfc]::-moz-placeholder{color:#aaa}input[data-v-3185abfc]:-ms-input-placeholder{color:#aaa}input[data-v-3185abfc]::placeholder{color:#aaa}.input-line1[data-v-3185abfc]{position:absolute;top:11.65%;margin-left:21.5%;width:73%;left:0;border:none}.input-line1.android[data-v-3185abfc]{top:11.7%;margin-left:23%}.input-line2[data-v-3185abfc]{position:absolute;top:31.5%;margin-left:4.1%;width:91%;left:0;border:none}.input-line2.android[data-v-3185abfc]{top:31.7%;margin-left:6.1%}.input-line3[data-v-3185abfc]{position:absolute;top:51.25%;margin-left:4.1%;width:91%;left:0;border:none}.input-line3.android[data-v-3185abfc]{top:51.3%;margin-left:6.1%}.input-line4[data-v-3185abfc]{position:absolute;top:70.2%;margin-left:21.5%;width:73%;left:0;border:none}.input-line4.android[data-v-3185abfc]{top:70.35%;margin-left:23%}.input-span1[data-v-3185abfc]{position:absolute;top:9.25%;margin-left:24.1%;left:0;border:none}.input-span1.android[data-v-3185abfc]{font-size:95%;top:9.7%;margin-left:23.8%}.input-span2[data-v-3185abfc]{position:absolute;top:28.9%;margin-left:6.65%;left:0;border:none}.input-span2.android[data-v-3185abfc]{font-size:95%;top:29.55%;margin-left:6.3%}.input-span3[data-v-3185abfc]{position:absolute;top:48.75%;margin-left:6.65%;left:0;border:none}.input-span3.android[data-v-3185abfc]{font-size:95%;top:49.45%;margin-left:6.35%}.input-span4[data-v-3185abfc]{position:absolute;top:67.9%;margin-left:24.1%;left:0;border:none}.input-span4.android[data-v-3185abfc]{font-size:97%;top:68.2%;margin-left:23.8%}.step3[data-v-3185abfc]{background-color:#f5f0e8}.step3 .button-area[data-v-3185abfc]{margin:8px 0 0 0;text-align:center}.step3 .button-area .area1[data-v-3185abfc]{display:flex;justify-content:center;padding:8px 0}.step3 .button-area .area1 .btn[data-v-3185abfc]{width:48%!important;background-color:#a67c52!important;color:#fff}.step3 .button-area .area1 .btn-image[data-v-3185abfc]{width:40%;display:flex;justify-content:center}.step3 .button-area .area1 .btn-image img[data-v-3185abfc]{width:100%}.step3 .button-area .area2 .btn[data-v-3185abfc]{width:100%!important;background-color:#a67c52!important;color:#fff}.step3 .button-area .area2 .btn-image[data-v-3185abfc]{display:flex;justify-content:center}.step3 .button-area .area2 .btn-image img[data-v-3185abfc]{width:80%}.step3 .card-area[data-v-3185abfc]{position:relative}.canvas-area[data-v-3185abfc]{position:absolute;opacity:0;z-index:-1;bottom:0}.remind-download[data-v-3185abfc]{margin-top:1rem;font-size:.9rem}body,html{margin:0;padding:0;width:100%;height:100%;font-size:16px;font-family:Microsoft JhengHei}*,:after,:before{box-sizing:border-box}.container{width:100%;padding:0 12px;margin:0 auto}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn{display:inline-block;padding:10px 14px;border-radius:8px;font-size:15px;text-align:center;border:none;cursor:pointer;transition:background .3s ease}.btn-primary{background:#007aff;color:#fff}.btn-primary:active{background:#0062cc}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:24px}#app{max-width:420px;margin:0 auto;min-height:100vh;background-color:#f5f0e8}img{max-width:100%;height:auto;display:block}body{font-size:15px}@media (min-width:375px){body{font-size:17px}}@media (min-width:414px){body{font-size:18px}}@media (min-width:768px){body{font-size:18px}}.logo{width:60%;margin:0}