@media screen and (max-width: 1200px){.pc{display:none !important}}@media screen and (min-width: 1200px){.mobile{display:none !important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#3f4145;border-radius:5px}::-webkit-scrollbar-track{background-color:unset}::-webkit-scrollbar-thumb:hover{background-color:#bfbfbf}body.no-scroll{height:100vh;overflow:hidden;touch-action:none}.preview-detail{position:fixed;top:0;left:0;width:100%;height:100%;background:#01060b;color:#fff;z-index:99;display:none;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin}@media screen and (min-width: 1200px){.preview-detail{width:100vw}}@media screen and (max-width: 1200px){.preview-detail{overflow-y:auto;padding-right:6px}}.preview-detail .hover-img{font-size:16px;cursor:pointer}@media screen and (min-width: 1200px){.preview-detail .hover-img:hover{color:#4ba6ff}}.preview-detail .back-icon{width:36px;height:36px;display:flex;justify-content:center;align-items:center;position:absolute;top:14px;left:24px;cursor:pointer;background:#222327;border-radius:4px}@media screen and (max-width: 1200px){.preview-detail .back-icon{width:.64rem;height:.64rem}}@media screen and (min-width: 1200px){.preview-detail .back-icon:hover{background:#3e4348}}.preview-detail .np-text{max-height:0;overflow:hidden;transition:max-height .3s ease}.preview-detail .expand{max-height:80px;word-break:break-word;white-space:normal;overflow-y:auto}.preview-detail #npDispaly{transition:transform .3s ease}.preview-detail #npDispaly.rotate{transform:rotate(180deg)}.preview-detail .preview-data-box{width:78.125vw;height:100vh;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1200px){.preview-detail .preview-data-box{width:100vw}}.preview-detail .preview-data-box .video-box{display:none;position:relative}@media screen and (max-width: 1200px){.preview-detail .preview-data-box .video-box{width:100%}.preview-detail .preview-data-box .video-box video{width:100%;max-height:7.5rem}}.preview-detail .preview-data-box .video-box .preview-video{cursor:pointer;border-radius:6px;box-sizing:border-box}@media screen and (max-width: 1200px){.preview-detail .preview-data-box .main-container{width:100vw;height:7.5rem;background:#141517 0% 0% no-repeat padding-box;display:flex;justify-content:center;align-items:center}}.preview-detail .preview-data-box .image-box{display:none}.preview-detail .preview-data-box .image-box .container{display:flex;gap:40px;align-items:flex-start}@media screen and (max-width: 1200px){.preview-detail .preview-data-box .image-box .container{flex-direction:column-reverse;gap:0}}.preview-detail .preview-data-box .image-box .preview-list{display:flex;gap:8px}@media screen and (min-width: 1200px){.preview-detail .preview-data-box .image-box .preview-list{flex-direction:column}}@media screen and (max-width: 1200px){.preview-detail .preview-data-box .image-box .preview-list{gap:pxToVw(12);margin:.22rem auto}}.preview-detail .preview-data-box .image-box .preview-thumb{width:76px;height:76px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid #353a43;transition:border .3s}@media screen and (max-width: 1200px){.preview-detail .preview-data-box .image-box .preview-thumb{width:.84rem;height:.84rem}}@media screen and (min-width: 1200px){.preview-detail .preview-data-box .image-box .preview-thumb:hover{border:2px solid #b4b4b4}}.preview-detail .preview-data-box .image-box .preview-thumb.selected{border:2px solid #007bff}.preview-detail .preview-data-box .image-box .main-image{width:auto;object-fit:cover;border-radius:6px}@media screen and (min-width: 1200px){.preview-detail .preview-data-box .image-box .main-image{height:520px}}@media screen and (max-width: 1200px){.preview-detail .preview-data-box .image-box .main-image{max-width:100%;max-height:100%}}.preview-detail .operate-box{flex:1;height:100%;background:#17191d 0% 0% no-repeat padding-box;padding:0 32px;display:flex;flex-direction:column;gap:22px;width:21.875vw}@media screen and (max-width: 1200px){.preview-detail .operate-box{width:100vw;height:100%;padding:.26rem .32rem}}.preview-detail .operate-box #promptText{max-height:76px;overflow-y:auto}.preview-detail .operate-box .border-line{width:100%;border-bottom:1px solid hsla(0,0%,100%,.1019607843)}@media screen and (max-width: 1200px){.preview-detail .operate-box .border-line{display:none}}.preview-detail .operate-box .operate-item #promptCopy{display:inline-block;transition:filter .3s ease}.preview-detail .operate-box .operate-item #promptCopy,.preview-detail .operate-box .operate-item #npCopy,.preview-detail .operate-box .operate-item #npDispaly{opacity:.6;cursor:pointer}@media screen and (min-width: 1200px){.preview-detail .operate-box .operate-item #promptCopy:hover,.preview-detail .operate-box .operate-item #npCopy:hover,.preview-detail .operate-box .operate-item #npDispaly:hover{opacity:1}}.preview-detail .operate-box .operate-item .origin-content{width:100%;height:91px;background:#313338 0% 0% no-repeat padding-box;border:1px dashed #414346;display:flex;justify-content:center;align-items:center;border-radius:6px}.preview-detail .operate-box .operate-item .origin-content #originalImage{width:auto;height:83px}.preview-detail .operate-box .operate-item .title{font:normal normal 500 14px/19px Roboto;display:flex;align-items:center;gap:24px;margin-bottom:8px}.preview-detail .operate-box .operate-item .title #npDispaly{margin-left:auto;cursor:pointer}.preview-detail .operate-box .operate-item .style-content{display:flex;gap:24px;align-items:center}.preview-detail .operate-box .operate-item .style-content span{font:normal normal 500 14px/19px Roboto}.preview-detail .operate-box .operate-item .style-content #modelIcon{width:48px;height:48px;border-radius:50%;object-fit:cover}.preview-detail .operate-box .operate-item .content{font:normal normal normal 12px/20px Roboto;color:#afb8c4}.preview-detail .operate-box .other-item{display:flex}.preview-detail .operate-box .other-item .operate-item{flex:1}.preview-detail .operate-box .step-item{margin-top:auto;margin-bottom:32px}@media screen and (max-width: 1200px){.preview-detail .operate-box .step-item{margin-bottom:0}}.preview-detail .operate-box .step-item .title{font:normal normal 500 14px/19px Roboto;color:#afb8c4}.preview-detail .operate-box .step-item .content{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px 16px}@media screen and (max-width: 1200px){.preview-detail .operate-box .step-item .content{gap:.05rem}}.preview-detail .operate-box .step-item .content .step-btn{cursor:pointer;height:40px;display:flex;gap:16px;justify-content:center;align-items:center;font:normal normal 500 14px/19px Roboto;background:#2b2d33 0% 0% no-repeat padding-box;border-radius:3px}@media screen and (min-width: 1200px){.preview-detail .operate-box .step-item .content .step-btn{flex:1 1 calc(50% - 8px);font-size:.06rem;gap:.05rem}}@media screen and (min-width: 1600px){.preview-detail .operate-box .step-item .content .step-btn{font-size:14px}}@media screen and (max-width: 1200px){.preview-detail .operate-box .step-item .content .step-btn{width:1.33rem;height:1.15rem;flex-direction:column;font-size:.16rem;gap:.11rem}}@media screen and (min-width: 1200px){.preview-detail .operate-box .step-item .content .step-btn:hover{background:#40424a 0% 0% no-repeat padding-box}}.preview-detail .cancel-btn-delete{min-width:112px;height:36px;background:#2b2d33 0% 0% no-repeat padding-box;border-radius:3px;color:#fff;font:normal normal normal 14px/19px Roboto;cursor:pointer}.preview-detail .common-modal__btn-comfirm{background:#e31313 0% 0% no-repeat padding-box;color:#fff}@media screen and (min-width: 1200px){.preview-detail .common-modal__btns-wrapper button:hover{opacity:.8}}@media screen and (min-width: 1200px){.preview-detail .common-modal__icon{font-size:44px}}@media screen and (min-width: 1200px){.preview-detail .common-modal__title{font:normal normal 500 16px/21px Roboto}}.preview-detail .operate-top-item{margin-top:20px;display:flex;gap:16px;align-items:center;position:relative}@media screen and (max-width: 1200px){.preview-detail .operate-top-item{margin-top:0;width:100%;margin-left:.38rem}.preview-detail .operate-top-item #downloadIcon{margin-left:auto}.preview-detail .operate-top-item .operate-right-item{display:flex;width:100%;flex:1;justify-content:end;gap:16px}}.preview-detail .operate-top-item .icomoon-gradient{margin-top:2px;font-size:28px;background:#fff 0% 0% no-repeat padding-box}.preview-detail .operate-top-item .title-type{font:normal normal 500 14px/19px Roboto;color:#fff}@media screen and (max-width: 1200px){.preview-detail .operate-top-item .title-type{transform:translateY(0.05rem)}}.preview-detail .operate-top-item img{width:16px;height:16px;cursor:pointer}.preview-detail .operate-top-item .title{display:flex;gap:8px;align-items:center}.preview-detail .operate-top-item .title img{cursor:default}.preview-detail .operate-top-item #downloadIcon{margin-left:auto}@media screen and (min-width: 1200px){.preview-detail .operate-top-item .more-icon-box:hover span{border:2px solid #4ba6ff;background:#4ba6ff 0% 0% no-repeat padding-box}}.preview-detail .operate-top-item .more-menu{position:absolute;top:151%;right:0;background:#27282c 0% 0% no-repeat padding-box;box-shadow:0px 0px 12px rgba(0,0,0,.6588235294);border-radius:6px;opacity:0;transform:translateY(-10px);transition:opacity .2s ease, transform .2s ease;pointer-events:none;line-height:40px;font-size:14px;display:flex;align-items:center;font:normal normal 500 14px/19px Roboto;letter-spacing:0px;gap:10px;cursor:pointer;z-index:9;padding:8px 16px}.preview-detail .operate-top-item .more-menu .more-item{width:116px;display:flex;align-items:center;gap:12px;padding:8px;border-radius:5px;transition:background .5s ease}@media screen and (min-width: 1200px){.preview-detail .operate-top-item .more-menu .more-item:hover{background:#080c10 0% 0% no-repeat padding-box}}@media screen and (max-width: 1200px){.preview-detail .operate-top-item .more-menu{top:1rem}}.preview-detail .operate-top-item .more-menu .icomoon-icon_delete{font-size:16px;padding-top:1px}.preview-detail .operate-top-item .delete_icon{transform:translate(0px, -1px)}.preview-detail .operate-top-item .show{opacity:1;transform:translateY(0);pointer-events:auto}.preview-detail .operate-top-item .more-icon-box{display:flex;justify-content:center;align-items:center;gap:4px;cursor:pointer}.preview-detail .operate-top-item .more-icon-box span{border:2px solid #fff;background:#fff 0% 0% no-repeat padding-box;width:2px;height:2px;border-radius:50%}.preview-detail .operate-top-item #moreIcon{width:14px;height:2px}@media screen and (max-width: 1200px){.preview-detail{flex-direction:column;overflow-y:auto}.preview-detail .top-tiem-m{padding:.33rem .33rem .33rem .3rem;display:flex;align-items:center}.preview-detail .back-icon{position:static}}