@charset "UTF-8";*{font-family:Noto Sans SC,Arial,Helvetica,sans-serif;margin:0;padding:0;box-sizing:border-box;outline:none}body{margin:0;width:1080px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}*::-webkit-scrollbar{width:1.5px;height:1.5px;border-radius:1.5px}*::-webkit-scrollbar-track{background-color:#efefef;border-radius:1.5px}*::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:1.5px}input,textarea{border:none}button,a{border:none;background-color:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}img{max-width:100%;user-select:none}.input:focus,.textarea:focus{box-shadow:2px 2px 10px var(--input-focus)!important}.loading-icon{width:60px;height:60px;animation:loading 2s linear infinite;transform-origin:center center}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swal2-popup{zoom:2;top:-120px}.swal2-confirm{font-size:20px;background-color:#9e3d24;color:#fff;padding:10px 30px;border-radius:8px}.swal2-cancel{font-size:20px;background-color:#999;color:#fff;padding:10px 30px;border-radius:8px;margin-left:20px}.view-page{position:relative;min-height:100vh}.view-page.sharing-page.hidden,.view-page.hidden{display:none}.abs-img{z-index:2;height:222px;position:absolute;left:50%;transform:translate(-50%)}.abs-img.btn-start,.abs-img.btn-confirm{height:113px;bottom:182px}.abs-box{z-index:1}.abs-box.case-items{justify-content:space-between;width:100%;display:flex;position:absolute;flex-direction:column;gap:34px;padding:0 60px;top:174px}.case-item{transition:transform .2s ease-in-out}.case-item.active{position:relative;transform:scale(1.05);box-shadow:10px 10px 20px #0000004d}.abs-box.camera-box{justify-content:center;align-items:flex-start;width:100%;padding-left:42px;padding-right:42px;display:flex;position:absolute;top:272px}.abs-box.preview-area{justify-content:center;align-items:flex-start;width:100%;padding-left:44px;padding-right:4px;display:flex;position:absolute;top:80px}.abs-box.qrcode-container{flex-flow:column;justify-content:flex-start;align-items:center;width:100%;display:flex;position:absolute;inset:66px auto auto 0%}.capture-mask{width:100%;position:relative;display:flex;overflow:hidden}.capture-mask video{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:2;transform:scaleX(-1)}.capture-area{grid-column-gap:50px;grid-row-gap:50px;flex-flow:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.capture-hint{height:82px}.capture-countdown{color:#9e3d24;font-size:40px;font-weight:700;line-height:1}.preview-box{width:376px}.capture-hint2{height:64px}.preview-container{grid-column-gap:50px;grid-row-gap:50px;flex-flow:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.preview-list{position:relative;display:flex}.preview-item{z-index:1;border-radius:12px;width:338px;height:236px;display:flex;position:relative;overflow:hidden}.preview-items{z-index:1;gap:8px;flex-flow:column;justify-content:flex-start;align-items:center;width:100%;padding-top:43px;display:flex;position:absolute;inset:0% auto auto 0%}.mask-btn-re-capture{z-index:3;width:100%;height:100%;position:absolute;inset:0% auto auto 0%;display:flex;align-items:center;justify-content:center;background-color:#00000080}.capture-picture{z-index:1;object-fit:cover;position:relative;width:100%;height:100%;background-size:cover;background-position:center center}.preview-cover{z-index:2;width:100%;position:absolute;inset:0% auto auto 0%}.printing-text{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.print-res-img{width:408px}.qrcode-box{z-index:1;border:4px solid #9e3d24;border-radius:6px;width:302px;height:302px;margin-bottom:24px}.qrcode-hint{height:32px}.home-btn{height:100px;width:100px;opacity:0;position:fixed;left:0;top:0;z-index:200}.preview-area .preview-list{border:5px solid #9e3d24}.countdonw-sec{position:absolute;text-align:center;font-weight:700;width:100%;bottom:253px;left:0;z-index:2;color:#fff}.capture-box{height:1152px;width:837px;box-shadow:1px 17px 49px #00000078}.demo-preview{height:100%;width:100%;object-fit:cover;position:absolute;z-index:1;top:0;left:0}.preview-mask{position:relative;z-index:3}.bottom-btns{position:absolute;width:100%;bottom:184px;left:0px;display:flex;gap:100px;justify-content:center}.color-bg-2{background-color:#fcff00}.color-bg-1{background-color:#0ff}.color-bg-3{background-color:#b9ec4f}.color-bg-4{background-color:#ff0012}.color-bg-5{background-color:#fa4515}.print-area{padding:130px 84px 0;height:1800px;width:1200px;position:absolute;z-index:2;top:-10000px;left:0}.print-box{position:relative;display:flex}.print-mask{position:relative;z-index:2;width:100%}.print-photo{position:absolute;top:0;left:0;z-index:1;height:100%;width:100%;background-position:center center;background-size:cover}body.pc{width:100%}body.wide{width:1536px}body.slim{width:100%;background-color:#080808}