.character-create[data-v-7bd0ef40]{margin-bottom:12px;width:100%}.character-create__wrap[data-v-7bd0ef40]{display:flex;flex-wrap:wrap;margin-right:-12px}.character-create__wrap .operate-content[data-v-7bd0ef40]{flex-grow:1;margin-bottom:12px;margin-right:12px;position:relative}.character-create .create-container[data-v-7bd0ef40],.character-create .upload-container[data-v-7bd0ef40]{background:linear-gradient(209deg,#9652ff,#8f5bf5 51%,#7673ff);border-radius:12px;cursor:pointer;height:180px;min-width:367px;overflow:hidden;position:relative}.character-create .create-container[data-v-7bd0ef40]:hover:before,.character-create .upload-container[data-v-7bd0ef40]:hover:before{background:#0000001a;background-size:100% 100%;content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:101}.character-create .create-container .content[data-v-7bd0ef40],.character-create .upload-container .content[data-v-7bd0ef40]{background:linear-gradient(245deg,#7673ff00,#7673ff00 20%,#7673ff33 35%,#7673ff80 49%,#7673ff 67%,#7673ff);color:#fff;font-size:14px;height:100%;line-height:20px;padding-left:24px;position:relative;text-align:left;width:312px;z-index:10}.character-create .create-container .content span[data-v-7bd0ef40],.character-create .upload-container .content span[data-v-7bd0ef40]{color:#ffffffb3;display:inline-block;font-size:14px;line-height:20px;margin-top:78px;max-width:280px;text-align:left}.character-create .create-container .content[data-v-7bd0ef40]:before,.character-create .upload-container .content[data-v-7bd0ef40]:before{background:url(./create-title.Bax99xrm.png) 50% no-repeat;background-size:100% 100%;content:"";height:54px;left:24px;position:absolute;top:22px;width:148px}.character-create .create-container .content[data-v-7bd0ef40]:after,.character-create .upload-container .content[data-v-7bd0ef40]:after{background:url(./create-btn.BqP94-xE.png) 50% no-repeat;background-size:100% 100%;bottom:17px;content:"";height:40px;left:19px;position:absolute;width:40px}.character-create .create-container[data-v-7bd0ef40]:after,.character-create .upload-container[data-v-7bd0ef40]:after{background:url(./create-people.xnvm6ciy.png) 50% no-repeat;background-size:100% 100%;content:"";height:100%;position:absolute;right:0;top:0;width:300px}.character-create .upload-container[data-v-7bd0ef40]{background:linear-gradient(214deg,#806bff,#b45eff 55%,#de72ff)}.character-create .upload-container .content[data-v-7bd0ef40]{background:linear-gradient(245deg,#de72ff00,#de72ff00 20%,#de72ff33,#de72ff80 50%,#de72ff 67%,#de72ff)}.character-create .upload-container .content[data-v-7bd0ef40]:before{background:url(./upload-title.DjQOscQt.png) 50% no-repeat;background-size:100% 100%}.character-create .upload-container .content[data-v-7bd0ef40]:after{background:url(./upload-btn.wAvjtAtt.png) 50% no-repeat;background-size:100% 100%}.character-create .upload-container[data-v-7bd0ef40]:after{background:url(./upload-people.Bl2ALMUI.png) 50% no-repeat;background-size:100% 100%}.character-create .el-image[data-v-7bd0ef40]:last-child{margin:0;width:523px}.character-create[data-v-7bd0ef40] .el-upload-dragger{background:none;border:none;padding:0}.character-create .title-flex[data-v-7bd0ef40]{align-items:center;display:flex!important;justify-content:space-between}.character-create .leaderboard-btn[data-v-7bd0ef40]{align-items:center;color:#9291ff;cursor:pointer;display:flex;font-size:12px;font-weight:500;line-height:16px}.character-create .leaderboard-btn[data-v-7bd0ef40]:before{background:url(./leaderboard_color.BbIL-NvD.webp) 50% no-repeat;background-size:100% 100%;content:"";height:16px;margin-right:4px;width:16px}.character-create .leaderboard-btn[data-v-7bd0ef40]:after{background:url(./arrow_color.C5LPanTh.webp) 50% no-repeat;background-size:100% 100%;content:"";height:16px;width:16px}.character-create .instruction-icon[data-v-7bd0ef40]{cursor:pointer;height:24px;margin-left:4px;opacity:.5;position:relative;width:24px}.character-create .instruction-icon[data-v-7bd0ef40]:after{background:url(./good-case-icon.D-9pU4e3.png) 50% no-repeat;background-size:16px 16px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.character-create .instruction-icon[data-v-7bd0ef40]:hover{background-color:#ffffff0d;border-radius:50%;opacity:1}