@keyframes progressgenerate{0%{opacity:0}30%{opacity:1}70.1%{opacity:1}100%{opacity:0}}@keyframes loadingRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes centerRotate{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}main{width:100%;padding:0;background-color:#f4f4f7;min-height:100vh;padding-bottom:30px;overflow:hidden}main h1{width:830px;text-align:center;font:normal normal bold 40px/61px Titillium Web;color:#39325a;margin:0 auto;margin-top:20px}main p{width:1086px;text-align:center;font:normal normal normal 18px/27px Titillium Web;color:#39325a;margin:0 auto}main .tool-box{margin-top:25px;display:flex;justify-content:center}main .tool-box .generate-area{width:537px;margin-right:30px;border-radius:14px}main .tool-box .generate-area .default-area img{width:537px;height:303px;border-radius:14px}main .tool-box .generate-area .loding-area{width:537px;height:303px;background:#fff 0% 0% no-repeat padding-box;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;display:none}main .tool-box .generate-area .loding-area img{animation:loadingRotate 1.5s linear infinite}main .tool-box .generate-area .loding-area .lod-txt{margin-top:8px;font:normal normal normal 14px/21px Titillium Web;color:#727272}main .tool-box .generate-area .result-area{display:none;justify-content:center;align-items:center}main .tool-box .generate-area .result-area img{max-width:537px;max-height:303px;-o-object-fit:cover;object-fit:cover}main .tool-box .generate-area .btns-area{display:none;justify-content:center;align-items:center;margin-top:20px;gap:10px}main .tool-box .generate-area .btns-area .jumpItv{display:flex;align-items:center;justify-content:center;color:#fff;padding:5px 20px;background:linear-gradient(91deg, rgb(104, 163, 249) 0%, rgb(44, 103, 242) 100%) 0% 0% no-repeat padding-box padding-box rgba(0,0,0,0);font:normal normal 600 16px/24px Titillium Web;border-radius:21px;cursor:pointer;white-space:nowrap}main .tool-box .generate-area .btns-area .jumpItv img{margin-right:8px}main .tool-box .generate-area .btns-area .img_btn{border-radius:21px;padding:5px 20px;background:#fff;font:normal normal 600 16px/24px Titillium Web;display:flex;justify-content:center;align-items:center;color:#39325a;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}main .tool-box .generate-area .btns-area .img_btn span{display:inline-block;margin-left:8px}main .tool-box .generate-area .btns-area .img_btn img{width:16px;height:16px}main .tool-box .operate-area-loding{pointer-events:none;opacity:.5}main .tool-box .operate-area{width:464px;background:#fff 0% 0% no-repeat padding-box;box-shadow:0px 10px 20px rgba(6,0,99,.1215686275);border-radius:14px;padding:20px}main .tool-box .operate-area .operate_title{font:normal normal 600 16px/24px Titillium Web;color:#39325a;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:8px}main .tool-box .operate-area .operate_title span{font:normal normal normal 13px/20px Titillium Web;color:#6f6f6f;margin-left:8px}main .tool-box .operate-area .dividing-line{width:100%;height:0px;border:1px solid #d9d9d9;margin:20px 0 12px 0}main .tool-box .operate-area .operate-wrap{width:100%;border-radius:8px;position:relative;margin-bottom:12px}main .tool-box .operate-area .operate-wrap .model-selector{position:relative}main .tool-box .operate-area .operate-wrap .model-selector.active .model-selected-wrapper>img{transform:rotate(180deg)}main .tool-box .operate-area .operate-wrap .model-selector.active .model-select-list{opacity:1;visibility:visible;transform:scaleY(1)}main .tool-box .operate-area .operate-wrap .model-selector .model-pro-tag{padding:3px 8px 2px 7px;background:rgba(0,0,0,0) linear-gradient(90deg, #f4d01b 0%, #ff9362 100%) 0 0 no-repeat padding-box;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font:italic normal bold 11px/15px Titillium Web;color:#fff;margin:0 8px;text-transform:uppercase}main .tool-box .operate-area .operate-wrap .model-selector .model-selected-wrapper{height:67px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background-color:#fff;border-radius:6px;cursor:pointer;border:1px solid #d6d6d6;transition:.1s all ease-in-out}main .tool-box .operate-area .operate-wrap .model-selector .model-selected-wrapper>img{flex-shrink:0;-webkit-margin-start:32px;margin-inline-start:32px}@media screen and (min-width: 1200px){main .tool-box .operate-area .operate-wrap .model-selector .model-selected-wrapper:hover{border:1px solid #3e61ed}}main .tool-box .operate-area .operate-wrap .model-selector .model-select-list{position:absolute;top:calc(100% + 12px);background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1215686275);border-radius:6px;z-index:1;width:100%;padding:12px 16px;opacity:0;visibility:hidden;transform:scaleY(0);transition:.1s all ease-in-out;transform-origin:top}main .tool-box .operate-area .operate-wrap .model-selector .model-select-list .model-select-list-title{font:normal normal bold 16px/21px Titillium Web;color:#282e48;margin-bottom:7px}main .tool-box .operate-area .operate-wrap .model-selector .model-select-list .model-item{width:100%;padding:8px;border-radius:8px;position:relative;margin-bottom:6px;border:1px solid rgba(0,0,0,0);transition:.1s all ease-in-out}@media screen and (min-width: 1200px){main .tool-box .operate-area .operate-wrap .model-selector .model-select-list .model-item:not(.active):hover{background-color:rgba(40,46,72,.06)}}main .tool-box .operate-area .operate-wrap .model-selector .model-select-list .model-item.active{border-color:#3679f3}main .tool-box .operate-area .operate-wrap .model-selector .model-select-list .model-item.active:after{content:"";display:block;position:absolute;top:2px;right:2px;width:24px;height:18px;background-size:contain;background-repeat:no-repeat;background-image:url("../img/icon_select.svg")}main .tool-box .operate-area .operate-wrap .model-selector .model-item{width:100%;display:flex;align-items:center;justify-content:flex-start;position:relative;cursor:pointer}main .tool-box .operate-area .operate-wrap .model-selector .model-item>img{width:32px;height:32px;display:block;-webkit-margin-end:16px;margin-inline-end:16px;flex-shrink:0}main .tool-box .operate-area .operate-wrap .model-selector .model-item .model-name{font:normal normal 600 14px/21px Titillium Web;color:#39325a}main .tool-box .operate-area .operate-wrap .model-selector .model-item .model-desc{margin:5px 0;font:normal normal normal 11px/16px Titillium Web;color:#6f6f6f}main .tool-box .operate-area .operate-wrap .model-selector .model-item .model_tagBox{display:flex;-moz-column-gap:4px;column-gap:4px}main .tool-box .operate-area .operate-wrap .model-selector .model-item .model_tag{border:.5px solid #a1a4b3;border-radius:4px;height:17px;display:flex;align-items:center;padding:0 6px;font:normal normal normal 11px/13px Titillium Web;color:#a1a4b3}main .tool-box .operate-area .image_box{margin-bottom:30px}main .tool-box .operate-area .image_box .upload_box{background:#fff 0% 0% no-repeat padding-box;border-radius:8px;display:flex;flex-wrap:wrap;gap:7px}main .tool-box .operate-area .image_box .upload_box .up_item{width:108px;height:108px;border-radius:4px;background-color:#fff;position:relative}main .tool-box .operate-area .image_box .upload_box .up_item .res_img{width:100%;height:100%;border-radius:4px;-o-object-fit:cover;object-fit:cover}main .tool-box .operate-area .image_box .upload_box .up_item .up_close{position:absolute;top:6px;right:6px;cursor:pointer}main .tool-box .operate-area .image_box .upload_box .up_area{width:108px;height:108px;background:#fff 0% 0% no-repeat padding-box;border:2px dashed #d7d7d9;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;position:relative;padding-top:17px}main .tool-box .operate-area .image_box .upload_box .up_area .dftimg{display:inline-block}main .tool-box .operate-area .image_box .upload_box .up_area .hovimg{display:none}main .tool-box .operate-area .image_box .upload_box .up_area .add{position:relative;top:19px;text-align:center;font:normal normal 600 11px/16px Titillium Web;color:#39325a}main .tool-box .operate-area .image_box .upload_box .up_area .up_drag_area{position:absolute;width:100%;height:100%;top:0;background:rgba(76,21,226,.12);border-radius:8px;opacity:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);align-items:center;justify-content:center;display:none}main .tool-box .operate-area .image_box .upload_box .up_area .up_loading{position:absolute;width:100%;top:-2px;height:100%;box-sizing:content-box;background-color:rgba(76,21,226,.1);border:2px dashed #8b3dff;border-radius:8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;display:none}main .tool-box .operate-area .image_box .upload_box .up_area .up_loading img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;margin-bottom:9px;animation:loadingRotate 1.5s linear infinite}@media screen and (min-width: 1200px){main .tool-box .operate-area .image_box .upload_box .up_area:hover{border:2px dashed #807d8d}main .tool-box .operate-area .image_box .upload_box .up_area:hover .dftimg{display:none}main .tool-box .operate-area .image_box .upload_box .up_area:hover .hovimg{display:inline-block}}main .tool-box .operate-area .image_box .upload_box .up_area.drop{border-color:#8b3dff}main .tool-box .operate-area .image_box .upload_box .up_area.drop .up_drag_area{display:flex}main .tool-box .operate-area .operate_description{width:100%;min-height:134px;padding:12px;position:relative;background:#f8f8f8 0% 0% no-repeat padding-box;border:2px solid #eaeaea;border-radius:4px}main .tool-box .operate-area .image_description{width:100% !important;min-height:82px;max-height:271px;color:#282e48;border:none;outline:none;font:normal normal normal 14px/19px Titillium Web;background:#f8f8f8 0% 0% no-repeat padding-box}main .tool-box .operate-area .image_description::-moz-placeholder{color:#a1a4b3}main .tool-box .operate-area .image_description:-ms-input-placeholder{color:#a1a4b3}main .tool-box .operate-area .image_description::placeholder{color:#a1a4b3}main .tool-box .operate-area .image_description::-webkit-scrollbar{display:none}main .tool-box .operate-area .image_description:focus-visible{border:none;outline:none}main .tool-box .operate-area .image_description::-webkit-resizer{display:none}main .tool-box .operate-area .desc_footer{width:100%;display:flex;align-items:center;justify-content:flex-end}main .tool-box .operate-area .desc_footer .maxLength{font:normal normal normal 13px/18px Titillium Web;color:#8b8b8b}main .tool-box .operate-area .desc_footer .maxLength span{font:normal normal normal 13px/18px Titillium Web;color:#8b8b8b}main .tool-box .operate-area .desc_footer .maxLength.error{color:#ee1a3d}main .tool-box .operate-area .desc_footer .maxLength.error span{color:#ee1a3d}main .tool-box .operate-area .desc_random_prompt{display:flex;gap:6px 14px;margin-top:8px;flex-wrap:wrap}main .tool-box .operate-area .desc_random_prompt .prompt_text{padding:6px 14px;background:#fff 0% 0% no-repeat padding-box;border:1px solid #dfdfe0;border-radius:4px;cursor:pointer;font:normal normal normal 14px/21px Titillium Web;color:#39325a}main .tool-box .operate-area .operate_build .disabled{pointer-events:none;opacity:.31}main .tool-box .operate-area .operate_build .build_btn{width:250px;height:42px;background:rgba(0,0,0,0) linear-gradient(99deg, #1101fd 0%, #60f8e9 100%) 0% 0% no-repeat padding-box;border-radius:4px;margin:0 auto;font:normal normal 600 14px/21px Titillium Web;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:16px;margin-bottom:23px}main .tool-box .operate-area .ex_pics{background:#fff 0% 0% no-repeat padding-box;height:125px;margin-top:22px}main .tool-box .operate-area .our_pics_tips{width:100%;text-align:left;font:normal normal normal 12px/19px Titillium Web;letter-spacing:0px;display:flex;justify-content:space-between;color:#39325a}main .tool-box .operate-area .our_pics_tips .see_more{display:block;color:#6d4dff;font-weight:400;text-decoration:underline;cursor:pointer}main .tool-box .operate-area .our_pics_tips .fold{display:none;color:#6d4dff;font-weight:400;text-decoration:underline;cursor:pointer}main .tool-box .operate-area .our_pics_tips b{margin-right:10px;text-align:left;font:normal normal normal 12px/19px Titillium Web;color:#6f6f6f}main .tool-box .operate-area .our_pics{flex:1 1;width:100%;height:90px;display:flex;align-items:center;gap:10px;justify-content:flex-start}main .tool-box .operate-area .our_pics.img9_show{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6, 1fr)}main .tool-box .operate-area .our_pics.hide_other_pics li{display:none}main .tool-box .operate-area .our_pics.hide_other_pics li:nth-of-type(1),main .tool-box .operate-area .our_pics.hide_other_pics li:nth-of-type(2),main .tool-box .operate-area .our_pics.hide_other_pics li:nth-of-type(3),main .tool-box .operate-area .our_pics.hide_other_pics li:nth-of-type(4),main .tool-box .operate-area .our_pics.hide_other_pics li:nth-of-type(5),main .tool-box .operate-area .our_pics.hide_other_pics li:nth-of-type(6){display:flex}main .tool-box .operate-area .our_pics>li{width:64px;height:64px;border-radius:4px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}main .tool-box .operate-area .our_pics>li img{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover}main .tool-box .operate-area .our_pics .li_loading{width:100%;height:100%}main .tool-box .operate-area .our_pics .li_loading img{width:40px;height:40px;animation:infinite-rotation 1.5s linear infinite}#large_face_modal{width:100vw;height:100vh;z-index:999;background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;display:none}#large_face_modal .large_img{max-width:710px;max-height:500px;-o-object-fit:contain;object-fit:contain;margin:0 auto}#large_face_modal .large_imageBox{width:710px;display:flex;border-radius:20px;overflow:hidden}#large_face_modal .img_btns{justify-content:center}#large_face_modal .close_btn{width:44px;height:44px;cursor:pointer;position:absolute;right:40px;top:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-image:url("../img/larget_icon_close.png");background-repeat:no-repeat;background-size:contain}#large_face_modal .close_btn:hover{background-image:url("../img/large_icon_close_hover.png")}#large_face_modal .jumpItv{margin-top:20px;margin-left:20px;display:flex;align-items:center;justify-content:center;color:#fff;padding:5px 20px;background:linear-gradient(91deg, rgb(104, 163, 249) 0%, rgb(44, 103, 242) 100%) 0% 0% no-repeat padding-box padding-box rgba(0,0,0,0);font:normal normal 600 16px/24px Titillium Web;border-radius:21px;cursor:pointer;white-space:nowrap}#large_face_modal .jumpItv img{margin-right:8px}#large_face_modal .img_btn{margin-top:20px;margin-left:20px;border-radius:21px;padding:5px 20px;font:normal normal 600 16px/24px Titillium Web;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#large_face_modal .img_btn img{width:16px;margin-right:8px;height:16px}#large_face_modal .img_btn{background:hsla(0,0%,100%,.3);color:#fff}.large_group{display:flex;justify-content:space-between}@media screen and (max-width: 1200px){main h1{font:normal normal bold .46rem/.6rem Titillium Web;margin-top:.4rem}main p{font:normal normal normal .32rem/.4rem Titillium Web;width:auto;padding:0 .6rem}main .tool-box{flex-direction:column}main .tool-box .generate-area{padding:0px .6rem;margin-bottom:.3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:.22rem}main .tool-box .generate-area .default-area img{width:6.31rem;height:3.35rem}main .tool-box .generate-area .loding-area{width:6.31rem;height:3.35rem;display:flex;flex-direction:column;align-items:center;justify-content:center;display:none}main .tool-box .generate-area .loding-area img{width:.42rem;height:.42rem}main .tool-box .generate-area .loding-area .lod-txt{margin-top:8px;font:normal normal normal .24rem/.36rem Titillium Web;color:#727272}main .tool-box .generate-area .result-area{display:none}main .tool-box .generate-area .result-area img{max-width:6.31rem;max-height:3.35rem}main .tool-box .generate-area .btns-area{gap:.2rem;display:none}main .tool-box .generate-area .btns-area .jumpItv{padding:.14rem .24rem;font:normal normal 600 .26rem/.4rem Titillium Web}main .tool-box .generate-area .btns-area .jumpItv img{margin-right:.08rem;width:.24rem;height:.24rem}main .tool-box .generate-area .btns-area .img_btn{padding:.24rem .24rem;background:#fff;font:normal normal 600 .26rem/.4rem Titillium Web}main .tool-box .generate-area .btns-area .img_btn span{display:none}main .tool-box .generate-area .btns-area .img_btn img{width:.24rem;height:.24rem}main .tool-box .generate-area .btns-area .large_image{display:none}main .tool-box .operate-area{padding:0px .6rem;padding-top:.55rem;padding-bottom:.8rem;width:100%}main .tool-box .operate-area .operate_title{font:normal normal 600 .28rem/.48rem Titillium Web}main .tool-box .operate-area .operate_title span{font:normal normal normal .22rem/.34rem Titillium Web}main .tool-box .operate-area .dividing-line{margin:.4rem 0 .3rem 0}main .tool-box .operate-area .operate-wrap .model-selector .model-selected-wrapper{height:1.2rem;padding:.23rem .36rem;border:.02rem solid #d6d6d6}main .tool-box .operate-area .operate-wrap .model-selector .model-selected-wrapper>img{width:.26rem;height:.26rem}main .tool-box .operate-area .operate-wrap .model-selector .model-select-list{padding:.18rem .24rem}main .tool-box .operate-area .operate-wrap .model-selector .model-select-list .model-select-list-title{font:normal normal 600 .22rem/.34rem Titillium Web;color:#282e48;margin-bottom:7px}main .tool-box .operate-area .operate-wrap .model-selector .model-select-list .model-item.active{border-color:#3679f3}main .tool-box .operate-area .operate-wrap .model-selector .model-select-list .model-item.active:after{content:"";display:block;position:absolute;top:2px;right:2px;width:.36rem;height:.27rem;background-size:contain;background-repeat:no-repeat;background-image:url("../img/icon_select.svg")}main .tool-box .operate-area .operate-wrap .model-selector .model-item>img{width:.47rem;height:.47rem}main .tool-box .operate-area .operate-wrap .model-selector .model-item .model-name{font:normal normal 600 .26rem/.48rem Titillium Web}main .tool-box .operate-area .operate-wrap .model-selector .model-item .model-desc{font:normal normal normal .22rem/.34rem Titillium Web}main .tool-box .operate-area .image_box{margin-bottom:.46rem}main .tool-box .operate-area .image_box .upload_box{background:#fff 0% 0% no-repeat padding-box;border-radius:8px;display:flex;flex-wrap:wrap;gap:.23rem}main .tool-box .operate-area .image_box .upload_box .up_item{width:1.78rem;height:1.78rem}main .tool-box .operate-area .image_box .upload_box .up_item .up_close{width:.24rem;height:.24rem}main .tool-box .operate-area .image_box .upload_box .up_area{width:1.78rem;height:1.78rem;padding-top:17px}main .tool-box .operate-area .image_box .upload_box .up_area .dftimg{display:inline-block;width:.4rem;height:.4rem}main .tool-box .operate-area .image_box .upload_box .up_area .add{font:normal normal 600 .26rem/.39rem Titillium Web}main .tool-box .operate-area .image_box .upload_box .up_area .up_loading img{width:.32rem;height:.32rem;-o-object-fit:contain;object-fit:contain;margin-bottom:9px;animation:loadingRotate 1.5s linear infinite}main .tool-box .operate-area .image_box .upload_box .up_area.drop{border-color:#8b3dff}main .tool-box .operate-area .image_box .upload_box .up_area.drop .up_drag_area{display:flex}main .tool-box .operate-area .operate_description{min-height:2.15rem;padding:.18rem}main .tool-box .operate-area .image_description{height:1.9rem;font:normal normal normal .26rem/.34rem Titillium Web}main .tool-box .operate-area .desc_footer .maxLength{font:normal normal normal .22rem/.34rem Titillium Web}main .tool-box .operate-area .desc_footer .maxLength span{font:normal normal normal .22rem/.34rem Titillium Web}main .tool-box .operate-area .desc_random_prompt{display:flex;gap:.09rem .13rem;margin-top:.19rem;flex-wrap:wrap}main .tool-box .operate-area .desc_random_prompt .prompt_text{padding:.11rem .26rem;font:normal normal normal .26rem/.34rem Titillium Web}main .tool-box .operate-area .operate_build .build_btn{width:4.18rem;height:.68rem;margin:0 auto;font:normal normal 600 .25rem/.38rem Titillium Web;margin-top:.28rem;margin-bottom:.52rem}main .tool-box .operate-area .ex_pics{width:6.3rem;height:auto;margin:.32rem auto 0}main .tool-box .operate-area .ex_pics.expand{height:auto}main .tool-box .operate-area .our_pics_tips{width:100%;line-height:1;height:auto}main .tool-box .operate-area .our_pics_tips b{font:normal normal normal .22rem/.34rem Titillium Web}main .tool-box .operate-area .our_pics{height:auto;min-width:70%;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr);grid-row-gap:.2rem;margin-top:.2rem}main .tool-box .operate-area .our_pics.img9_show{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6, 1fr)}main .tool-box .operate-area .our_pics.hide_other_pics li{display:none}main .tool-box .operate-area .our_pics>li{width:.96rem !important;height:.96rem !important;border-radius:.04rem}#large_face_modal .large_img.height{max-height:95vw}#large_face_modal .large_img.width{max-width:95vw}#large_face_modal{height:100vh;top:0}#large_face_modal .img_btns{max-width:95vw;min-width:100px;padding:0 !important;margin-top:.2rem}#large_face_modal .img_btns .img_btn{margin-left:.1rem;padding:.14rem .24rem;white-space:nowrap;font:normal normal 600 .26rem/.4rem Titillium Web}#large_face_modal .img_btns .img_btn img{width:.24rem;height:.24rem}#large_face_modal .img_btns .img_btn{background:hsla(0,0%,100%,.3);color:#fff}#large_face_modal .img_btns .jumpItv{margin-left:.1rem;padding:.14rem .24rem;font:normal normal 600 .26rem/.4rem Titillium Web}#large_face_modal .img_btns .jumpItv img{margin-right:.08rem;width:.24rem;height:.24rem}#large_face_modal .close_btn{width:.8rem;height:.8rem}}