.main{padding:40px}.main .main_title{font:normal normal normal 15px/19px Sora;color:#fff;margin-bottom:30px}.main .characters_content{width:100%;gap:10px 19px;display:flex;flex-wrap:wrap}.main .createCharacter{width:245px;height:287px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;background:#12161a 0% 0% no-repeat padding-box;border:1px solid hsla(0,0%,100%,.1215686275)}.main .createCharacter .create_icon{width:76px;height:97px;background:url("/Ver1758770489/img/acg/create_icon.png");background-size:contain;background-repeat:no-repeat}.main .createCharacter .create_text{color:#e7eff7;font:normal normal normal 14px/18px Sora}@media screen and (min-width: 1200px){.main .createCharacter{cursor:pointer}.main .createCharacter:hover{background:#1e2122 0% 0% no-repeat padding-box;border:2px solid #624aff}.main .createCharacter:hover .create_icon{background:url("/Ver1758770489/img/acg/create_icon_hover.png")}}.main .character_item{width:245px;height:287px;background:#12161a 0% 0% no-repeat padding-box;border-radius:6px;position:relative;border:2px solid rgba(0,0,0,0);display:flex;flex-direction:column}.main .character_item .character_image{height:245px;width:100%;object-fit:contain}.main .character_item .character_info{flex:1;display:flex;align-items:center;justify-content:center;height:100%;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font:normal normal normal 14px/18px Sora;color:#e7eff7}.main .character_item .character_delete{position:absolute;background:rgba(30,18,10,.6) 0% 0% no-repeat padding-box;border:1px solid rgba(193,210,255,.1215686275);border-radius:4px;display:none;align-items:center;justify-content:center;top:6px;right:6px;padding:5px;z-index:1}.main .character_item .character_delete .character_delete_icon{width:14px;height:14px;object-fit:contain;opacity:.7}@media screen and (min-width: 1200px){.main .character_item .character_delete{cursor:pointer}.main .character_item .character_delete:hover .character_delete_icon{opacity:1}}@media screen and (min-width: 1200px){.main .character_item{cursor:pointer}.main .character_item:hover{border-color:#624aff;background:#1e2122 0% 0% no-repeat padding-box}.main .character_item:hover .character_delete{display:flex}}.characters_loading{display:none;width:160px;height:160px;margin:160px auto 0}@media(min-width: 1200px){.main{min-height:calc(100vh - 65px)}}@media(max-width: 1200px){.main{padding:.28rem .4rem}.main .main_title{font:normal normal 600 .32rem/.4rem Sora;margin-bottom:.4rem}.main .characters_content{width:100%;gap:.3rem .3rem;display:flex;flex-wrap:wrap}.main .createCharacter{width:3.2rem;height:3.8rem;justify-content:flex-start;padding-top:.8rem}.main .createCharacter .create_icon{width:1.52rem;height:1.94rem}.main .createCharacter .create_text{font:normal normal normal .24rem/.3rem Sora;margin-top:.55rem}.main .character_item{width:3.2rem;height:3.8rem}.main .character_item .character_image{height:3.18rem}.main .character_item .character_info{font:normal normal normal .24rem/.3rem Sora}.main .character_item .character_delete{border-radius:4px;display:flex;top:.06rem;right:.06rem;padding:.05rem}.main .character_item .character_delete .character_delete_icon{width:.28rem;height:.28rem;opacity:1}}