.role-detail[data-v-22066eac]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;color:#fff;background-color:rgba(12,6,16,.9);overflow-y:scroll}.role-detail[data-v-22066eac]::-webkit-scrollbar{display:none}.role-detail .pre-next[data-v-22066eac]{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;align-items:center;width:33.333333rem;height:1.6rem;z-index:99999}.role-detail .pre-next div[data-v-22066eac]{padding:0;background-image:url(../../static/img/ico_arrow.8a267910.svg);background-repeat:no-repeat;background-position:0 0;background-size:contain;width:.8rem;height:1.6rem;filter:drop-shadow(0 0 .16rem #e328ff) drop-shadow(0 0 .08rem #e328ff);transition-duration:.2s}.role-detail .pre-next div[data-v-22066eac]:hover{cursor:pointer;filter:drop-shadow(0 0 .186667rem #f837ff) drop-shadow(0 0 .16rem #f837ff) drop-shadow(0 0 .053333rem #f837ff)}.role-detail .pre-next .pre[data-v-22066eac]{transform:rotate(180deg)}.role-detail .popup[data-v-22066eac]{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.role-detail .popup[data-v-22066eac]:before{content:"";height:1.333333rem}.role-detail .popup[data-v-22066eac]:after{content:"";height:2.133333rem}.role-detail .popup_body[data-v-22066eac]{overflow:visible;position:relative;width:29.333333rem;min-height:25.2rem;padding:2.666667rem .4rem 1.866667rem}.role-detail .popup_body .close[data-v-22066eac]{position:fixed;top:1.066667rem;right:calc(50vw - 14.34667rem);opacity:1;padding:0;background-image:url(../../static/img/ico_close.741d932f.svg);background-repeat:no-repeat;background-position:0 0;background-size:contain;width:.88rem;height:.88rem;filter:drop-shadow(0 0 .16rem #e328ff) drop-shadow(0 0 .08rem #e328ff)}.role-detail .popup_body .close[data-v-22066eac]:hover{cursor:pointer;filter:drop-shadow(0 0 .186667rem #f837ff) drop-shadow(0 0 .16rem #f837ff) drop-shadow(0 0 .053333rem #f837ff)}.role-detail .popup_body .chara_image[data-v-22066eac]{position:absolute;top:-.8rem;left:-1.866667rem;width:21.866667rem;z-index:-1}.role-detail .popup_body .chara_text[data-v-22066eac]{position:absolute;top:13.866667rem;left:-1.333333rem}.role-detail .popup_body .chara_text .chara_textInner[data-v-22066eac]{width:17.013333rem;animation:textIn .4s .1s;animation-fill-mode:forwards}.role-detail .popup_body .chara_profile[data-v-22066eac]{font-style:italic;font-weight:400;text-align:center;width:13.866667rem;text-shadow:0 0 .133333rem rgba(0,255,157,.8);margin-left:auto}.role-detail .popup_body .chara_profile .chara_type[data-v-22066eac]{font-size:.666667rem;margin-bottom:.213333rem}.role-detail .popup_body .chara_profile .chara_name[data-v-22066eac]{font-size:.853333rem;font-weight:600;line-height:100%}.role-detail .popup_body .chara_profile .chara_data[data-v-22066eac]{font-size:.533333rem;font-weight:600;display:flex;justify-content:center;flex-wrap:wrap;margin:auto}.role-detail .popup_body .chara_profile .chara_data dd[data-v-22066eac],.role-detail .popup_body .chara_profile .chara_data dt[data-v-22066eac]{width:50%;padding:.08rem .266667rem;text-align:right}.role-detail .popup_body .chara_profile .chara_data dd[data-v-22066eac]{text-align:left;font-feature-settings:"palt";letter-spacing:.1em}.role-detail .popup_body .chara_profile .chara_data[data-v-22066eac]:after,.role-detail .popup_body .chara_profile .chara_data[data-v-22066eac]:before{content:"";display:block;width:100%;height:.026667rem;background:linear-gradient(90deg,rgba(39,240,133,0),#27f085 20%,#27f085 80%,rgba(39,240,133,0));margin:.533333rem 0}.role-detail .popup_body .chara_profile .detail[data-v-22066eac]{text-align:left;font-style:normal}.role-detail .popup_body .chara_profile .detail .detailInner[data-v-22066eac]{padding:.266667rem 1.333333rem;text-align:justify;font-size:.48rem!important;font-weight:600!important}.role-detail .popup_body .chara_profile .detail p[data-v-22066eac]{font-size:.48rem;line-height:1.4}.role-detail .popup_body .chara_profile .detail p[data-v-22066eac]:last-child{margin-bottom:1em}.role-detail .popup_body .chara_profile .detail[data-v-22066eac]:after{content:"";display:block;width:100%;height:.026667rem;background:linear-gradient(90deg,rgba(39,240,133,0),#27f085 20%,#27f085 80%,rgba(39,240,133,0));margin:.533333rem 0}.role-detail .popup_body .chara_profile .evolution[data-v-22066eac]{padding-top:.533333rem;display:flex;justify-content:left;flex-wrap:wrap}.role-detail .popup_body .chara_profile .evolution li[data-v-22066eac]{margin:.266667rem .266667rem 0;width:2.133333rem;height:2.133333rem;border:.026667rem solid #27f085;cursor:pointer;transition-duration:.2s}.role-detail .popup_body .chara_profile .evolution li img[data-v-22066eac]{width:100%}.role-detail .popup_body .chara_profile .evolution li[data-v-22066eac]:hover{border:.026667rem solid #55ffa4;box-shadow:0 0 .186667rem #00ff9d}.role-detail .popup_body[data-v-22066eac]:before{content:"";width:100%;height:100%;clip-path:polygon(0 0,calc(100% - 3.73333rem) 0,calc(100% - 2.66667rem) .933333rem,100% .933333rem,100% 100%,3.866667rem 100%,2.8rem calc(100% - .93333rem),0 calc(100% - .93333rem));background:url(../../static/img/bg_popup_parts.e2c65417.png) no-repeat 0 0/22.986667rem,url(../../static/img/bg_popup.63c1700c.png) no-repeat top/cover #0c0610;position:absolute;top:0;left:0;z-index:-1}.role-detail .popup_body[data-v-22066eac]:after{content:"";width:calc(100% + .08rem);height:calc(100% + .08rem);clip-path:polygon(0 0,calc(100% - 3.73333rem) 0,calc(100% - 2.69333rem) .906667rem,100% .906667rem,100% 100%,3.866667rem 100%,2.8rem calc(100% - .93333rem),0 calc(100% - .93333rem));background:#0bb573;position:absolute;top:-.026667rem;left:-.026667rem;z-index:-2}.role-detail .popup_body_novel .chara_profile .chara_data[data-v-22066eac]:after,.role-detail .popup_body_novel .chara_profile .chara_data[data-v-22066eac]:before,.role-detail .popup_body_novel .chara_profile .detail[data-v-22066eac]:after{background:linear-gradient(90deg,rgba(204,50,255,0),#cc32ff 20%,#cc32ff 80%,rgba(204,50,255,0))}.role-detail .popup_body_novel .chara_profile .evolution li[data-v-22066eac]{border-color:#f0f}.role-detail .popup_body_novel[data-v-22066eac]:before{background:url(../../static/img/bg_popup_parts02.9c311126.png) no-repeat 0 0/22.986667rem,url(../../static/img/bg_popup02.22db561b.png) no-repeat top/cover #0c0610}.role-detail .popup_body_novel[data-v-22066eac]:after{background-color:#f0f}.xl-box[data-v-b78fc78a]{padding-top:3.466667rem}.xl-box h2[data-v-b78fc78a]{padding:3.2rem 0;text-align:center}.xl-box .character-content[data-v-b78fc78a]{background:url(../../static/img/bg_light02.f315e460.png) repeat-y 50%/100%;padding:0 0 2.4rem 0}.xl-box .character-content h3[data-v-b78fc78a]{padding-top:2.133333rem;text-align:center}.xl-box .character-content ul[data-v-b78fc78a]{width:32.746667rem;margin:0 auto;margin-top:2.133333rem;display:flex;flex-wrap:wrap;justify-content:center}.xl-box .character-content ul li[data-v-b78fc78a]{width:7.386667rem;margin:.533333rem .4rem;cursor:pointer}.xl-box .character-content ul li dl[data-v-b78fc78a]{transition-duration:.2s;position:relative}.xl-box .character-content ul li dl img[data-v-b78fc78a]{width:100%}.xl-box .character-content ul li dl dd[data-v-b78fc78a]{transition-duration:.3s;font-style:italic;font-weight:600;line-height:100%;width:100%;text-align:right;color:#fff;position:absolute;bottom:.24rem;font-size:.746667rem;padding-right:.4rem}.xl-box .character-content ul li dl[data-v-b78fc78a]:hover{transition:all .2s;transform:scale(1.1)}.xl-box .character-content ul li dl:hover dd[data-v-b78fc78a]{color:#00ff9d}.xl-box .character-content .more-view[data-v-b78fc78a]{margin:1.066667rem auto 0;display:block;width:12.586667rem;padding:.533333rem 2.266667rem .533333rem 1.333333rem;font-size:.8rem;font-weight:700;text-align:center;background:url(../../static/img/common_btn.43b8ef06.png) no-repeat 50%/contain;transition:all .2s;cursor:pointer}.xl-box .character-content .more-view[data-v-b78fc78a]:hover{transition:all .2s;transform:scale(1.1)}.xl-box .character-content .relevant-graph[data-v-b78fc78a]{background:url(../../static/img/common_btn_external.c1f12a27.png) no-repeat 50%/contain;transition:all .2s}.xl-box .character-content .relevant-graph[data-v-b78fc78a]:hover{transition:all .2s;transform:scale(1.1)}.xl-box .novel-content[data-v-b78fc78a]{background:url(../../static/img/bg_light03.4d4dd5c7.png) repeat-y 50%/100%}.xl-box .popup[data-v-b78fc78a]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;color:#fff;background-color:rgba(12,6,16,.9);display:flex;justify-content:center;align-items:center}.xl-box .popup_body[data-v-b78fc78a]{position:relative}.xl-box .popup_body .close[data-v-b78fc78a]{position:absolute;right:0;top:-1.066667rem;opacity:1;padding:0;background-image:url(../../static/img/ico_close.741d932f.svg);background-repeat:no-repeat;background-position:0 0;background-size:contain;width:.88rem;height:.88rem;filter:drop-shadow(0 0 .16rem #e328ff) drop-shadow(0 0 .08rem #e328ff)}.xl-box .popup_body .close[data-v-b78fc78a]:hover{cursor:pointer;filter:drop-shadow(0 0 .186667rem #f837ff) drop-shadow(0 0 .16rem #f837ff) drop-shadow(0 0 .053333rem #f837ff)}.xl-box .popup_body .chara_image[data-v-b78fc78a]{display:flex;justify-content:center;align-items:center;width:100%}.xl-box .popup_body .chara_image img[data-v-b78fc78a]{height:18.96rem}.role-detail[data-v-36751987]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;color:#fff;background-color:rgba(12,6,16,.9);overflow-y:scroll}.role-detail[data-v-36751987]::-webkit-scrollbar{display:none}.role-detail .pre-next[data-v-36751987]{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;align-items:center;padding:0 .266667rem;width:100%;height:1.6rem;z-index:99999}.role-detail .pre-next div[data-v-36751987]{padding:0;background-image:url(../../static/img/ico_arrow.8a267910.svg);background-repeat:no-repeat;background-position:0 0;background-size:contain;width:.8rem;height:1.6rem;filter:drop-shadow(0 0 .16rem #e328ff) drop-shadow(0 0 .08rem #e328ff);transition-duration:.2s}.role-detail .pre-next div[data-v-36751987]:hover{cursor:pointer;filter:drop-shadow(0 0 .186667rem #f837ff) drop-shadow(0 0 .16rem #f837ff) drop-shadow(0 0 .053333rem #f837ff)}.role-detail .pre-next .pre[data-v-36751987]{transform:rotate(180deg)}.role-detail .popup[data-v-36751987]{position:relative;width:100%;padding:0 .853333rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.role-detail .popup[data-v-36751987]:before{content:"";height:1.333333rem}.role-detail .popup[data-v-36751987]:after{content:"";height:2.133333rem}.role-detail .popup_body[data-v-36751987]{overflow:visible;position:relative;width:100%;padding:84.375vw 2.5vw 7.5vw}.role-detail .popup_body .close[data-v-36751987]{position:fixed;top:1.066667rem;right:1.066667rem;opacity:1;padding:0;background-image:url(../../static/img/ico_close.741d932f.svg);background-repeat:no-repeat;background-position:0 0;background-size:contain;width:.88rem;height:.88rem;filter:drop-shadow(0 0 .16rem #e328ff) drop-shadow(0 0 .08rem #e328ff)}.role-detail .popup_body .close[data-v-36751987]:hover{cursor:pointer;filter:drop-shadow(0 0 .186667rem #f837ff) drop-shadow(0 0 .16rem #f837ff) drop-shadow(0 0 .053333rem #f837ff)}.role-detail .popup_body .chara_image[data-v-36751987]{position:absolute;top:-6vw;left:-5vw;width:100%;z-index:-1}.role-detail .popup_body .chara_image img[data-v-36751987]{width:120%}.role-detail .popup_body .chara_text[data-v-36751987]{position:absolute;top:56.25vw;left:0;padding-left:5.625vw}.role-detail .popup_body .chara_text .chara_textInner[data-v-36751987]{width:90vw}.role-detail .popup_body .chara_text .chara_textInner img[data-v-36751987]{width:100%}.role-detail .popup_body .chara_profile[data-v-36751987]{font-style:italic;font-weight:400;text-align:center;text-shadow:0 0 .133333rem rgba(0,255,157,.8)}.role-detail .popup_body .chara_profile .profile_inner[data-v-36751987]{margin:auto;background:rgba(0,0,0,.7);padding:5vw 2.5vw}.role-detail .popup_body .chara_profile .chara_type[data-v-36751987]{font-size:.8rem;margin-bottom:.16rem}.role-detail .popup_body .chara_profile .chara_name[data-v-36751987]{font-size:.96rem;font-weight:600}.role-detail .popup_body .chara_profile .chara_data[data-v-36751987]{font-size:3.75vw;font-weight:600;display:flex;justify-content:center;flex-wrap:wrap;margin:auto}.role-detail .popup_body .chara_profile .chara_data dd[data-v-36751987],.role-detail .popup_body .chara_profile .chara_data dt[data-v-36751987]{width:50%;padding:.08rem .266667rem;text-align:right}.role-detail .popup_body .chara_profile .chara_data dd[data-v-36751987]{text-align:left;font-feature-settings:"palt";letter-spacing:.1em}.role-detail .popup_body .chara_profile .chara_data[data-v-36751987]:after,.role-detail .popup_body .chara_profile .chara_data[data-v-36751987]:before{content:"";display:block;width:100%;height:.026667rem;background:linear-gradient(90deg,rgba(39,240,133,0),#27f085 20%,#27f085 80%,rgba(39,240,133,0));margin:2.5vw 0}.role-detail .popup_body .chara_profile .detail[data-v-36751987]{text-align:left;font-style:normal}.role-detail .popup_body .chara_profile .detail .detailInner[data-v-36751987]{padding:.266667rem 1.333333rem;text-align:justify}.role-detail .popup_body .chara_profile .detail p[data-v-36751987]{font-size:.64rem;line-height:1.4}.role-detail .popup_body .chara_profile .detail p[data-v-36751987]:last-child{margin-bottom:1em}.role-detail .popup_body .chara_profile .detail[data-v-36751987]:after{content:"";display:block;width:100%;height:.026667rem;background:linear-gradient(90deg,rgba(39,240,133,0),#27f085 20%,#27f085 80%,rgba(39,240,133,0));margin:2.5vw 0}.role-detail .popup_body .chara_profile .evolution[data-v-36751987]{margin:0 auto;width:13.333333rem;padding-top:.533333rem;display:flex;justify-content:center;flex-wrap:wrap}.role-detail .popup_body .chara_profile .evolution li[data-v-36751987]{margin:.533333rem .533333rem 0;width:2.666667rem;height:2.666667rem;border:.026667rem solid #27f085;cursor:pointer;transition-duration:.2s}.role-detail .popup_body .chara_profile .evolution li img[data-v-36751987]{width:100%}.role-detail .popup_body[data-v-36751987]:before{content:"";width:100%;height:100%;clip-path:polygon(0 0,calc(100% - 17.5vw) 0,calc(100% - 12.5vw) 4.375vw,100% 4.375vw,100% 100%,18.125vw 100%,13.125vw calc(100% - 4.375vw),0 calc(100% - 4.375vw));background:url(../../static/img/bg_popup1.b7a58306.png) no-repeat top/cover #0c0610;position:absolute;top:0;left:0;z-index:-1}.role-detail .popup_body[data-v-36751987]:after{content:"";width:calc(100% + .08rem);height:calc(100% + .08rem);clip-path:polygon(0 0,calc(100% - 17.5vw) 0,calc(100% - 12.625vw) 4.25vw,100% 4.25vw,100% 100%,18.125vw 100%,13.125vw calc(100% - 4.375vw),0 calc(100% - 4.375vw));background:#0bb573;position:absolute;top:-.026667rem;left:-.026667rem;z-index:-2}.role-detail .popup_body_novel .chara_profile .chara_data[data-v-36751987]:after,.role-detail .popup_body_novel .chara_profile .chara_data[data-v-36751987]:before,.role-detail .popup_body_novel .chara_profile .detail[data-v-36751987]:after{background:linear-gradient(90deg,rgba(204,50,255,0),#cc32ff 20%,#cc32ff 80%,rgba(204,50,255,0))}.role-detail .popup_body_novel .chara_profile .evolution li[data-v-36751987]{border-color:#f0f}.role-detail .popup_body_novel[data-v-36751987]:before{background:url(../../static/img/bg_popup022.f31ff44c.png) no-repeat top/cover #0c0610}.role-detail .popup_body_novel[data-v-36751987]:after{background-color:#f0f}.lg-box-comic h2[data-v-3148c56a]{padding:3.2rem 0 2.88rem}.lg-box-comic h2 img[data-v-3148c56a]{width:100%;height:3.2rem}.lg-box-comic .character-content[data-v-3148c56a]{background:url(../../static/img/bg_light.3b700293.jpg) repeat-y 50%/100%;padding:2.72rem 0}.lg-box-comic .character-content h3[data-v-3148c56a]{text-align:center}.lg-box-comic .character-content h3 img[data-v-3148c56a]{height:1.866667rem}.lg-box-comic .character-content ul[data-v-3148c56a]{margin-top:2.133333rem;display:flex;flex-wrap:wrap;justify-content:space-evenly}.lg-box-comic .character-content ul li[data-v-3148c56a]{width:8.373333rem;margin-bottom:1.066667rem;cursor:pointer}.lg-box-comic .character-content ul li dl[data-v-3148c56a]{transition-duration:.2s;position:relative}.lg-box-comic .character-content ul li dl img[data-v-3148c56a]{width:100%}.lg-box-comic .character-content ul li dl dd[data-v-3148c56a]{transition-duration:.3s;font-style:italic;font-weight:600;line-height:100%;width:100%;text-align:right;color:#fff;position:absolute;bottom:.24rem;font-size:.746667rem;padding-right:.4rem}.lg-box-comic .character-content ul li dl[data-v-3148c56a]:hover{transition:all .2s;transform:scale(1.1)}.lg-box-comic .character-content ul li dl:hover dd[data-v-3148c56a]{color:#00ff9d}.lg-box-comic .character-content .more-view[data-v-3148c56a]{margin:1.066667rem auto 0;display:block;width:12.586667rem;padding:.533333rem 2.266667rem .533333rem 1.333333rem;font-size:.8rem;font-weight:700;text-align:center;background:url(../../static/img/common_btn.43b8ef06.png) no-repeat 50%/contain;transition:all .2s;cursor:pointer}.lg-box-comic .character-content .more-view[data-v-3148c56a]:hover{transition:all .2s;transform:scale(1.1)}.lg-box-comic .character-content .relevant-graph[data-v-3148c56a]{background:url(../../static/img/common_btn_external.c1f12a27.png) no-repeat 50%/contain}.lg-box-comic .novel-content[data-v-3148c56a]{background:url(../../static/img/bg_light03.4d4dd5c7.png) repeat-y 50%/100%}.lg-box-comic .popup[data-v-3148c56a]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;color:#fff;background-color:rgba(12,6,16,.9);display:flex;justify-content:center;align-items:center}.lg-box-comic .popup_body .close[data-v-3148c56a]{position:fixed;top:.266667rem;right:.266667rem;opacity:1;padding:0;background-image:url(../../static/img/ico_close.741d932f.svg);background-repeat:no-repeat;background-position:0 0;background-size:contain;width:1.76rem;height:1.76rem;filter:drop-shadow(0 0 .16rem #e328ff) drop-shadow(0 0 .08rem #e328ff)}.lg-box-comic .popup_body .chara_image[data-v-3148c56a]{display:flex;justify-content:center;align-items:center;width:100%}.lg-box-comic .popup_body .chara_image img[data-v-3148c56a]{width:100%}