.app-body-container[data-v-2afbbbee]{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#f8f8f8}.app-body-container .content-header[data-v-2afbbbee]{height:calc(100% - 7rem);height:calc(100% - 7rem - env(safe-area-inset-bottom));overflow:hidden;display:flex;align-items:center;padding:.25rem}.app-body-container .content-header .template-bg[data-v-2afbbbee]{position:relative;max-height:calc(100% - .5rem);margin-left:auto;margin-right:auto}.app-body-container .content-header .template-bg img[data-v-2afbbbee]{width:15rem;max-height:30rem;margin-left:auto;margin-right:auto}.app-body-container .content-header .template-bg .info-desc[data-v-2afbbbee]{position:absolute;left:0;right:0;bottom:4rem;padding:1rem 2rem;font-size:1rem;text-align:center;font-weight:600}.app-body-container .content-header .template-bg .info-desc div[data-v-2afbbbee]:first-child{margin-bottom:.5rem}.app-body-container .content-header .template-bg .info-desc div[data-v-2afbbbee]:nth-child(2){font-size:.75rem}.app-body-container .content-header .template-bg .info-desc div[data-v-2afbbbee]:nth-child(3){font-size:1.625rem;margin:.75rem 0}.app-body-container .content-header .template-bg .info-desc div[data-v-2afbbbee]:nth-child(4){font-size:.75rem;padding-top:.5rem;font-weight:400;border-top:1px dashed #e89b40}.app-body-container .content-header .template-bg .info-desc div[data-v-2afbbbee]:nth-child(5){font-size:1.625rem;margin:.5rem 0}.app-body-container .content-footer[data-v-2afbbbee]{position:fixed;bottom:0;left:0;right:0;padding:.5rem 3.4rem 1rem 3.4rem;padding-bottom:calc(env(safe-area-inset-bottom) + 1rem);display:flex;flex-direction:column;background:#fff;height:7rem;height:calc(7rem + env(safe-area-inset-bottom))}.app-body-container .content-footer .circle-wrap[data-v-2afbbbee]{display:flex;justify-content:space-between}.app-body-container .content-footer .circle-wrap .circle[data-v-2afbbbee]{position:relative;width:1.8rem;height:1.8rem;border-radius:50%}.app-body-container .content-footer .circle-wrap .circle span[data-v-2afbbbee]{width:.625rem;position:absolute;right:-.375rem;bottom:-.375rem}.app-body-container .content-footer .btn-wrap[data-v-2afbbbee]{margin-top:1rem;display:flex;justify-content:space-between}.app-body-container .content-footer .btn-wrap .replace-btn[data-v-2afbbbee]{color:#ffa419;background-color:#fff5e5}.app-body-container .content-footer .btn-wrap .gen-btn[data-v-2afbbbee]{color:#fff;background-color:#ffa319}.app-body-container .content-footer .btn-wrap [class$=-btn][data-v-2afbbbee]{font-size:14px;border-radius:20px;text-align:center;border:none;padding:.75rem 1.75rem}