:root,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#fff}:root{font-size:4.8px;box-sizing:border-box}@media only screen and (max-width: 480px){:root{font-size:1vw}}*,*:before,*:after{box-sizing:inherit;outline:none!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page_container{width:100%;height:100%;position:relative}.page{width:100rem;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin-left:auto;margin-right:auto;background-color:#fff}#pli_container{width:calc(100% - 24px);height:56rem;margin-top:12px;margin-left:12px;display:grid;grid-template-columns:1fr 1fr 1fr;border:4px solid #FFDF39;border-radius:8px;align-items:center;justify-content:center}.pli_item{width:100%;height:26rem;display:flex;align-items:center;flex-direction:column}.pli_img{width:100%;height:20rem;object-fit:contain}.pli_count{font-size:16px}#main_container{width:100%;height:calc(100% - 68rem - 60px);margin-top:12px;margin-bottom:12px}#action_container{width:100%;height:12rem;display:flex;align-items:center;justify-content:space-between;padding:0 24px;column-gap:20px;margin-bottom:24px}.action_button{width:12rem;height:100%;border-radius:12rem;display:flex;align-items:center;justify-content:center;background:#ffdf39}.action_button>img{width:5rem;height:5rem;object-fit:contain}.action_progress_container{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end;row-gap:3rem;flex-direction:column}.action_progress_container>input{width:100%;height:4px;border-radius:4px;background-color:#ddd;-webkit-appearance:none;-moz-appearance:none;appearance:none}.action_progress_container>input::-webkit-slider-thumb{width:6rem;height:6rem;border-radius:6rem;background-color:#ffdf39;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.action_progress_container>input::-moz-range-thumb{width:6rem;height:6rem;border-radius:6rem;background-color:#ffdf39;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}#action_progress_label{font-size:16px;font-weight:700;display:flex;align-items:flex-end}#pli_preview_container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0009;display:flex;align-items:center;justify-content:center}.pli_preview_dialog{width:calc(100rem - 24px);height:calc(100rem - 24px);background-color:#fff;border-radius:24px}.pli_preview_dialog_header{width:100%;height:12rem;border-radius:24px 24px 0 0;background-color:#ffdf39;display:flex;align-items:center;padding:0 12px}.pli_preview_dialog_header_title{flex:1;font-size:18px;text-align:center}.pli_preview_dialog_header_placeholder{width:6rem;height:6rem}#pli_preview_dialog_header_close{width:6rem;height:6rem;border-radius:6rem;background-color:#fff9;display:flex;align-items:center;justify-content:center}#pli_preview_dialog_header_close>img{width:50%;height:50%;object-fit:contain}#pli_preview_dialog_body{width:100%;height:calc(100% - 12rem)}#pli_preview_dialog_body>canvas{border-radius:0 0 24px 24px}#tutorial_container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0009}.tutorial_step{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:24px}.tutorial_step>img{width:50rem;height:50rem;object-fit:contain}.tutorial_step_text{font-size:24px;font-weight:700;color:#ffdf39}.welcome_container{width:100%;height:100%;position:relative}.welcome_preview_container{width:100%;height:100%;background-color:#f5f5f5;position:absolute}#welcome_preview{width:100%;height:calc(100% - 65rem);object-fit:contain}.welcome_detail_container{width:100%;background-color:#fff;border-radius:30px 30px 0 0;box-shadow:0 -.12px 12px #00000005;position:absolute;left:0;right:0;bottom:0}.welcome_detail_title{width:100%;padding:30px 0;text-align:center;font-size:20px;font-weight:700}.welcome_detail_item_container{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.welcome_detail_item{width:20rem;height:20rem;border-radius:20rem;border:2px solid rgba(123,123,123,.05);display:flex;align-items:center;justify-content:center;flex-direction:column}.welcome_detail_item>img{width:7rem;height:7rem;object-fit:contain}.welcome_detail_item_num{font-size:16px;color:#7b7b7b}.welcome_detail_item_unit{font-size:12px;color:#7b7b7b}#welcome_detail_start{width:calc(100% - 48px);height:12rem;line-height:12rem;border-radius:12rem;background-color:#ffdf39;font-size:16px;font-weight:700;text-align:center;margin:24px}.done_container{width:100%;height:100%;background-color:#ffdf39;display:flex;align-items:center;justify-content:center;flex-direction:column}.done_header{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px}.done_preview_container{width:70rem;height:70rem;background-color:#fff;box-shadow:0 0 12px #0000001a;margin-top:50px}.done_preview_container>img{width:100%;height:100%;object-fit:contain}.done_tip{font-size:14px;margin-top:12px}#done_back{width:50rem;height:12rem;line-height:12rem;border-radius:12rem;font-size:16px;font-weight:700;text-align:center;background-color:#fff9;margin-top:50px}.error_container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.error_message{font-size:20px;font-weight:700;text-align:center}.error_tip{font-size:16px;line-height:28px;text-align:center;margin-top:24px;color:#777}.loading_container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loader{width:48px;height:48px;border:5px solid #FFDF39;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}