.try-on-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1200;display:none}.try-on-container.open{display:block}.try-on-container .try-on-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.try-on-container .try-on-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;overflow:hidden}.try-on-container img{-webkit-user-drag:none;user-select:none}.try-on-container .try-on-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background-color:#f7f7f7;overflow:hidden}.try-on-container .try-on-stage .try-on-stage-inner{position:relative;height:100%}.try-on-container .try-on-stage .try-on-stage-inner .try-on-model-img{display:block;height:100%;width:auto;object-fit:contain}.try-on-container .try-on-stage .try-on-stage-inner .try-on-glasses-img{position:absolute;transform:translate(-50%,-50%);height:auto;pointer-events:none;opacity:0;transition:left .2s ease,top .2s ease,width .2s ease,opacity .2s ease}.try-on-container .try-on-stage .try-on-stage-top{position:absolute;top:0;left:0;width:100%;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:min(1.2rem,12px) min(1.6rem,16px);box-sizing:border-box}.try-on-container .try-on-stage .try-on-stage-top .try-on-stage-close{width:min(4rem,40px);height:min(4rem,40px);color:rgba(0,0,0,.5);font-size:min(4.2rem,42px);font-style:normal;line-height:min(4rem,40px);text-align:center;cursor:pointer}.try-on-container .try-on-stage .try-on-stage-top .try-on-stage-name{max-width:60%;padding:min(.6rem,6px) min(1.4rem,14px);border-radius:min(2rem,20px);background-color:rgba(0,0,0,.5);color:#fff;font-size:min(2rem,20px);line-height:min(2rem,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.try-on-container .try-on-stage .try-on-tips{position:absolute;bottom:0;left:0;width:100%;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:min(1.2rem,12px) min(1.6rem,16px);background-color:rgba(0,0,0,.65);box-sizing:border-box}.try-on-container .try-on-stage .try-on-tips .try-on-tips-text{max-width:calc(100% - min(4rem,40px))}.try-on-container .try-on-stage .try-on-tips .try-on-tips-close{margin-left:min(1rem,10px);color:#fff;font-size:min(2.6rem,26px);font-style:normal;line-height:1;cursor:pointer}.try-on-container .try-on-options{background-color:#fff;padding-bottom:calc(min(1.2rem,12px) + env(safe-area-inset-bottom))}.try-on-container .try-on-section .try-on-section-title{margin-bottom:min(1.4rem,14px);font-weight:500;font-size:min(2.2rem,22px);line-height:min(3.6rem,36px);color:#000;text-align:center}.try-on-container .try-on-scroll{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-left:min(1.8rem,18px)}.try-on-container .try-on-scroll::-webkit-scrollbar{display:none}.try-on-container .try-on-scroll>*{scroll-snap-align:start}.try-on-container .try-on-scroll.try-on-dragging{scroll-snap-type:none}.try-on-container .try-on-glasses-section{padding-top:min(1.2rem,12px)}.try-on-container .try-on-glasses-section .try-on-glasses-list{padding:0 min(1.8rem,18px)}.try-on-container .try-on-glasses-list .try-on-glasses-item{flex-shrink:0;width:min(6.7rem,67px);height:min(3.4rem,34px);display:flex;align-items:center;justify-content:center;margin-right:min(1.2rem,12px);border:min(.1rem,1px) solid #ddd;border-radius:min(.4rem,4px);background-color:#fff;cursor:pointer;box-sizing:border-box;overflow:hidden}.try-on-container .try-on-glasses-list .try-on-glasses-item img{max-width:88%;max-height:88%;object-fit:contain}.try-on-container .try-on-glasses-list .try-on-glasses-item.selected{border-color:#ff7e00}.try-on-container .try-on-model-section{padding-top:min(2rem,20px)}.try-on-container .try-on-model-section .try-on-model-list{padding:min(1.1rem,11px) min(1.8rem,18px);margin:min(-1.1rem,-11px) 0}.try-on-container .try-on-model-list .try-on-model-item{position:relative;flex-shrink:0;width:min(12rem,120px);height:min(12rem,120px);margin-right:min(1.2rem,12px);border:min(.2rem,2px) solid transparent;border-radius:min(1rem,10px);object-fit:cover;cursor:pointer;box-sizing:border-box}.try-on-container .try-on-model-list .try-on-upload-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(12rem,120px);height:min(12rem,120px);background-color:#f5f5f5;overflow:hidden}.try-on-container .try-on-model-list .try-on-upload-item .iconfont{font-size:min(5.5rem,55px);color:#333;line-height:1}.try-on-container .try-on-model-list .try-on-upload-item .try-on-upload-text{margin-top:min(.4rem,4px);font-size:min(2.2rem,22px);line-height:min(2rem,20px);color:#333;text-align:center}.try-on-container .try-on-model-list .try-on-custom-item{overflow:visible}.try-on-container .try-on-model-list .try-on-custom-item img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.try-on-container .try-on-model-list .try-on-custom-item .try-on-custom-del{position:absolute;top:min(-.5rem,-5px);right:min(-.5rem,-5px);z-index:2;color:rgba(0,0,0,.5);font-size:min(2.2rem,22px);font-style:normal;line-height:1;cursor:pointer}.try-on-container .try-on-model-list .try-on-model-item.selected{border-color:#ff7e00}.try-on-container .try-on-lens-color-section{padding-top:min(2.4rem,24px);padding-bottom:min(4.4rem,44px)}.try-on-container .try-on-color-list{justify-content:center;padding:min(.4rem,4px) min(1.8rem,18px)}.try-on-container .try-on-color-list .try-on-color-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:min(4rem,40px);height:min(4rem,40px);margin:0 min(1.2rem,12px);scroll-margin:0 min(1.2rem,12px);border:min(.1rem,1px) solid #ddd;border-radius:50%;cursor:pointer;box-sizing:border-box}.try-on-container .try-on-color-list .try-on-color-item.selected{border-color:#ff7e00;border-width:min(.2rem,2px);font-size:min(1.6rem,16px)}.try-on-container .try-on-color-list .try-on-color-clear{color:#000;font-size:min(1.6rem,16px);line-height:1;text-transform:lowercase}.try-on-container .try-on-lens-color-section .try-on-color-list{justify-content:flex-start}@media(min-width:768px){.try-on-container .try-on-wrapper{top:50%;left:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);width:min(64rem,640px);height:min(92vh,860px);border-radius:min(1.6rem,16px);box-shadow:0 10px 15px -3px rgba(0,0,0,.2)}}@media(hover:hover){.try-on-container .try-on-scroll{cursor:grab}.try-on-container .try-on-scroll.try-on-dragging{cursor:grabbing}.try-on-container .try-on-glasses-item:hover:not(.selected),.try-on-container .try-on-model-item:hover:not(.selected),.try-on-container .try-on-color-item:hover:not(.selected){border-color:rgba(255,126,0,.5)}.try-on-container .try-on-btn-primary:hover,.try-on-container .try-on-btn-plain:hover{opacity:.85}.try-on-container .try-on-stage-close:hover,.try-on-container .try-on-tips-close:hover,.try-on-container .try-on-edit-close:hover,.try-on-container .try-on-info-close:hover,.try-on-container .try-on-custom-del:hover,.try-on-container .try-on-edit-rotate:hover,.try-on-container .try-on-guide-back:hover{opacity:.7}}.try-on-container .try-on-scroll.try-on-dragging{user-select:none;-webkit-user-select:none}.try-on-container .try-on-btn-primary,.try-on-container .try-on-btn-plain{display:block;width:100%;height:min(4.4rem,44px);font-size:min(2.4rem,24px);font-weight:bold;border-radius:min(.4rem,4px);cursor:pointer;box-sizing:border-box}.try-on-container .try-on-btn-primary{background-color:#ff8400;color:#fff}.try-on-container .try-on-btn-plain{background-color:#fff;border:min(.1rem,1px) solid #ff8400;color:#ff8400}.try-on-container .try-on-upload-guide{position:absolute;top:0;left:0;z-index:9;width:100%;height:100%}.try-on-container .try-on-upload-guide .try-on-guide-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.try-on-container .try-on-upload-guide .try-on-guide-sheet{position:absolute;left:0;bottom:0;width:100%;max-height:90%;overflow-y:auto;box-sizing:border-box;padding:min(4rem,40px) min(4rem,40px) calc(min(2.4rem,24px) + env(safe-area-inset-bottom));text-align:center;background-color:#fff}.try-on-container .try-on-upload-guide .try-on-guide-demo{display:flex;align-items:center;justify-content:center}.try-on-container .try-on-upload-guide .try-on-guide-demo-item{width:min(30rem,300px);margin:0 min(1.6rem,16px)}.try-on-container .try-on-upload-guide .try-on-guide-demo-item img{width:100%;height:auto;display:block}.try-on-container .try-on-upload-guide .try-on-guide-text{margin-top:min(1.2rem,12px);font-size:min(2.4rem,24px);line-height:min(2.4rem,24px);color:#333}.try-on-container .try-on-upload-guide .try-on-guide-btn{margin-top:min(3rem,30px)}.try-on-container .try-on-upload-guide .try-on-guide-back{margin-top:min(3rem,30px);display:flex;align-items:center;justify-content:center;gap:min(.4rem,4px);font-size:min(2.4rem,24px);color:#ff8400;cursor:pointer}.try-on-container .try-on-upload-guide .try-on-guide-back .iconfont{font-size:min(2rem,20px);line-height:1}.try-on-container .try-on-edit-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;display:flex;flex-direction:column;background-color:#fff}.try-on-container .try-on-edit-layer.hidden{display:none}.try-on-container .try-on-edit-layer .try-on-edit-header{position:relative;display:flex;align-items:center;justify-content:center;height:min(5.2rem,52px);border-bottom:min(.1rem,1px) solid #eee;box-sizing:border-box}.try-on-container .try-on-edit-layer .try-on-edit-title{font-weight:500;font-size:min(1.6rem,16px);color:#000}.try-on-container .try-on-edit-layer .try-on-edit-close{position:absolute;top:50%;right:min(1.6rem,16px);transform:translateY(-50%);line-height:1;color:#333;cursor:pointer}.try-on-container .try-on-edit-layer .try-on-edit-stage{position:relative;flex:1;min-height:0;background-color:#d9d9d9;overflow:hidden}.try-on-container .try-on-edit-layer .try-on-edit-stage .try-on-edit-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.try-on-container .try-on-edit-layer .try-on-edit-stage .try-on-edit-crop{position:absolute;border:min(.2rem,2px) solid #ff8400;box-shadow:0 0 0 9999px rgba(0,0,0,.25);cursor:move;touch-action:none;box-sizing:border-box}.try-on-container .try-on-edit-layer .try-on-edit-stage .try-on-edit-crop .try-on-edit-crop-handle{position:absolute;width:min(1.8rem,18px);height:min(1.8rem,18px);background-color:#ff8400;border:min(.2rem,2px) solid #fff;touch-action:none;box-sizing:border-box}.try-on-container .try-on-edit-layer .try-on-edit-stage .try-on-edit-crop .try-on-edit-crop-handle[data-pos='tl']{top:0;left:0;transform:translate(-50%,-50%);cursor:nwse-resize}.try-on-container .try-on-edit-layer .try-on-edit-stage .try-on-edit-crop .try-on-edit-crop-handle[data-pos='tr']{top:0;right:0;transform:translate(50%,-50%);cursor:nesw-resize}.try-on-container .try-on-edit-layer .try-on-edit-stage .try-on-edit-crop .try-on-edit-crop-handle[data-pos='bl']{bottom:0;left:0;transform:translate(-50%,50%);cursor:nesw-resize}.try-on-container .try-on-edit-layer .try-on-edit-stage .try-on-edit-crop .try-on-edit-crop-handle[data-pos='br']{bottom:0;right:0;transform:translate(50%,50%);cursor:nwse-resize}.try-on-container .try-on-edit-layer .try-on-edit-rotate{display:flex;flex-direction:column;align-items:center;padding-top:min(1.6rem,16px);cursor:pointer}.try-on-container .try-on-edit-layer .try-on-edit-rotate .iconfont{font-size:min(2.4rem,24px);line-height:1;color:#666}.try-on-container .try-on-edit-layer .try-on-edit-rotate .try-on-edit-rotate-text{margin-top:min(.6rem,6px);font-size:min(1.4rem,14px);color:#666}.try-on-container .try-on-edit-layer .try-on-edit-btns{padding:min(2rem,20px) min(4rem,40px) calc(min(2rem,20px) + env(safe-area-inset-bottom))}.try-on-container .try-on-edit-layer .try-on-edit-btns .try-on-btn-plain{margin-top:min(1.6rem,16px)}.try-on-container .try-on-footer-btns{display:flex;gap:min(1.6rem,16px);padding:min(1.2rem,12px) min(1.8rem,18px) calc(min(1.2rem,12px) + env(safe-area-inset-bottom))}.try-on-container .try-on-footer-btns .try-on-btn-plain,.try-on-container .try-on-footer-btns .try-on-btn-primary{flex:1;width:auto}.try-on-container .try-on-footer-btns .try-on-btn-primary{background-color:#ff8400;font-size:min(2.4rem,24px);font-weight:bold}.try-on-container .try-on-footer-btns .try-on-btn-plain{border-color:#dadada;color:#666;font-size:min(2.4rem,24px);font-weight:bold}.try-on-container .try-on-info-layer{position:absolute;left:0;top:0;z-index:7;display:flex;flex-direction:column;width:100%;height:100%;background:#fff}.try-on-container .try-on-info-layer.hidden{display:none}.try-on-container .try-on-info-layer .try-on-info-header{position:relative;display:flex;align-items:center;justify-content:center;height:min(5.2rem,52px);flex-shrink:0}.try-on-container .try-on-info-layer .try-on-info-title{font-size:min(2.2rem,22px);font-weight:700;color:#000}.try-on-container .try-on-info-layer .try-on-info-close{position:absolute;right:min(1.6rem,16px);top:50%;transform:translateY(-50%);color:#999;cursor:pointer}.try-on-container .try-on-info-layer .try-on-info-body{flex:1;overflow-y:auto;padding:0 min(1.6rem,16px)}.try-on-container .try-on-info-layer .try-on-info-product{display:flex;align-items:center;padding:min(1.6rem,16px) 0;border-bottom:1px solid #eee}.try-on-container .try-on-info-layer .try-on-info-product-img{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:min(13rem,130px);height:min(9rem,90px);border:1px solid #eee}.try-on-container .try-on-info-layer .try-on-info-product-img img{width:90%;height:90%;object-fit:contain}.try-on-container .try-on-info-layer .try-on-info-product-info{flex:1;padding-left:min(2rem,20px)}.try-on-container .try-on-info-layer .try-on-info-code{font-size:min(2rem,20px);font-weight:500;color:#000}.try-on-container .try-on-info-layer .try-on-info-color-label{margin-top:min(1.4rem,14px);font-size:min(2rem,20px);color:#000}.try-on-container .try-on-info-layer .try-on-info-color-value{margin-top:min(.6rem,6px);font-size:min(2rem,20px);color:#000}.try-on-container .try-on-info-layer .try-on-info-tips{padding:min(1.6rem,16px) 0;font-size:min(2rem,20px);line-height:min(2rem,20px);color:#000}.try-on-container .try-on-info-layer .try-on-info-subtitle{font-size:min(2rem,20px);font-weight:bold;color:#000}.try-on-container .try-on-info-layer .try-on-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:min(2rem,20px) min(1.2rem,12px);padding:min(1.6rem,16px) 0 min(2.4rem,24px)}.try-on-container .try-on-info-layer .try-on-info-item{text-align:center}.try-on-container .try-on-info-layer .try-on-info-item img{width:100%;height:min(7rem,70px);object-fit:contain}.try-on-container .try-on-info-layer .try-on-info-item-label{margin-top:min(.8rem,8px);font-size:min(1.8rem,18px);line-height:min(2rem,20px);color:#333}.try-on-container .try-on-info-layer .try-on-info-item-value{margin-top:min(.8rem,8px);font-size:min(1.8rem,18px);color:#333}.try-on-container .try-on-info-layer .try-on-info-item-value .try-on-info-num{color:#ff8400}.try-on-container .try-on-info-layer .try-on-info-item-value .try-on-info-rest{color:#999}.try-on-container .try-on-info-layer .try-on-info-footer{flex-shrink:0;padding:min(1.2rem,12px) min(1.6rem,16px) calc(min(1.2rem,12px) + env(safe-area-inset-bottom));border-top:1px solid #eee}.try-on-container .try-on-pd-layer{position:absolute;left:0;top:0;z-index:8;width:100%;height:100%}.try-on-container .try-on-pd-layer.hidden{display:none}.try-on-container .try-on-pd-layer .try-on-pd-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.try-on-container .try-on-pd-layer .try-on-pd-sheet{position:absolute;left:0;bottom:0;width:100%;max-height:90%;overflow-y:auto;padding:min(2.4rem,24px) min(2rem,20px) calc(min(2.4rem,24px) + env(safe-area-inset-bottom));background:#fff;border-radius:min(1.2rem,12px) min(1.2rem,12px) 0 0}.try-on-container .try-on-pd-layer .try-on-pd-text{font-size:min(2.4rem,24px);line-height:min(2.4rem,24px);color:#000}.try-on-container .try-on-pd-layer .try-on-pd-img{display:block;width:100%;margin:min(1.6rem,16px) auto 0;object-fit:contain}.try-on-container .try-on-pd-layer .try-on-pd-label{margin:min(1.2rem,12px) 0 min(1.2rem,12px);font-size:min(2.2rem,22px);text-align:center;color:#000}.try-on-container .try-on-pd-layer .try-on-pd-select{width:100%;height:min(4.8rem,48px);padding:0 min(3.6rem,36px) 0 min(1.2rem,12px);border:1px solid #ddd;border-radius:min(.4rem,4px);background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right min(1.2rem,12px) center;font-size:min(2.2rem,22px);color:#666;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}.try-on-container .try-on-pd-layer .try-on-pd-submit{margin-top:min(2rem,20px)}