.homePage[data-v-497c8790]{display:flex;flex-direction:column}.player-loading[data-v-497c8790]{position:absolute;text-align:center;width:100%}.banner[data-v-497c8790]{width:100%}.banner-box[data-v-497c8790]{min-height:203px}.banner-img[data-v-497c8790]{display:block;width:100%}.outlinks[data-v-497c8790]{display:flex;flex-direction:column;position:absolute;right:20px;top:20px}.link-a[data-v-497c8790]{margin-bottom:20px;width:30px}.download-buttons[data-v-497c8790]{bottom:20px;display:flex;justify-content:center;position:absolute;width:100%}.download-button[data-v-497c8790]{width:13rem}.youtube-box[data-v-497c8790]{background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:100%;position:relative}.youtube-box-bj[data-v-497c8790]{background-image:url(./youtube-bj.25029e1c.webp)}.youtube-box-bj-pc[data-v-497c8790]{background-image:url(./youtube-bj-pc.cb49b8fd.webp)}.scene-box-bj[data-v-497c8790]{background-image:url(./slide-bj.a55904e1.webp);display:flex;flex-direction:column;height:40vh}.youtube-bj[data-v-497c8790]{width:100%}.youtube-box-title[data-v-497c8790]{font-size:22px;margin:20px 0;text-align:center}.youtubePlayerbox[data-v-497c8790]{align-items:center;display:flex;justify-content:center}.left-bj[data-v-497c8790],.right-bj[data-v-497c8790]{height:150px}.absolute[data-v-497c8790]{position:absolute}.character-box[data-v-497c8790]{min-height:280px;overflow:hidden}.character-box-title[data-v-497c8790]{font-size:21px;text-align:center;top:20px;width:100%;z-index:999}.diamond-line[data-v-497c8790],.diamond-line-reverse[data-v-497c8790]{vertical-align:middle;width:30%}.diamond-line-reverse[data-v-497c8790]{margin-right:10px;transform:rotate(180deg)}.video-describe-box[data-v-497c8790]{color:#fff;margin-bottom:20px;text-align:center}.video-describe-box p[data-v-497c8790]:not(.describe-title){color:#a1a1a1;font-size:10px;line-height:1.8em}.describe-title[data-v-497c8790]{font-size:18px;line-height:2em}.role-bj[data-v-497c8790]{display:block;position:absolute;right:10px;width:50%}.role-switch-box[data-v-497c8790]{display:flex;left:10px;position:absolute;top:26%;z-index:999}.arrow-line[data-v-497c8790]{align-items:center;display:flex;flex-direction:column}.arrow-down[data-v-497c8790],.arrow-up[data-v-497c8790]{height:15px;position:relative;width:20px}.arrow-down[data-v-497c8790]:after,.arrow-up[data-v-497c8790]:after{bottom:-20px;content:"";left:-20px;position:absolute;right:-20px;top:-20px}.arrow-up[data-v-497c8790]{background-image:url(data:image/webp;base64,UklGRkIDAABXRUJQVlA4WAoAAAAwAAAALwAAGwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZWUDhMVAEAAC8vwAYQf6GgbSPH95O/nu4oDYVt2zZM1/9A321jBW0bOf7NH8ETvcG0kSTH4emZ83fw0TMXEEha5/7rd7pPq42R+4Lt6afs0PtB/7PdkVSdn+667qoBfZKRKgOhJ1OqSQalogaaUygGOgNsymU+0SiCBQqFhAMYIikuNiBGsm3ammcb3+9bTzv/8J7WXWdHENF/Bm7bNjrYQG/y9iMAAAAAAGCy2YwBAAAAANxR7TEiYp04PUdccpfWp4hTEof1q94MU3peq3Kf0JcInYdi6KqZQ7H281vskAP9tfs74RRAsnCKGPqQaPdyHoOd2MGFRDvXZ9LbCacM+m2fzuUmWzF0IFV1Mv2tv0PF0VSkUwKpVDgupO9PpeNB+gEYjgepWI4PXXbwHftovjPTzcj034QKnK+DB5U4xw/raEXO+2hf0aIdfiJiP6S1fF00c35wjfnbqgU=);background-repeat:no-repeat;background-size:contain}.arrow-up[data-v-497c8790]:active,.arrow-up[data-v-497c8790]:hover{background-image:url(data:image/webp;base64,UklGRhYDAABXRUJQVlA4WAoAAAAwAAAALwAAGwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZWUDhMKAEAAC8vwAYQb8GgbSRHvs4fwfEs/0Nj/oNpI0mOw9Mz5+/go2cukIS262PWoiMNPz9UrYK/6p+7IA4pBolZKYBIxc8FjKIHbFw8AQYoFAYGwWxAjGTbtDXPtm187Pzjezj7rn0iiOg/A8VtI4EDbfcY7z6D+mQ/rgIAAAAAAAAAAFRGh2mN7q+Z3Ro5pnU1s9/OyewrGeb59b7jn30Bj2Z4fr77/T8sT9o/Sb3L0JIG90ZsnbYbsPaSY2bA5l0ieZn+trTZ/FOjtPUSncV3kfIrzstiV5evKkk2XhTIXTtxX1a8dp7w+/iODPnfW+SIkP9/ih0J8v+/4kiQF80RIC+qE4B0R4Z053wR1xFHfCLiiJDqBNYRR3wi4ohQzJHWQWeVTr5Ff7friY0A);transform:rotate(180deg)}.arrow-down[data-v-497c8790]{background-image:url(data:image/webp;base64,UklGRkIDAABXRUJQVlA4WAoAAAAwAAAALwAAGwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZWUDhMVAEAAC8vwAYQf6GgbSPH95O/nu4oDYVt2zZM1/9A321jBW0bOf7NH8ETvcG0kSTH4emZ83fw0TMXEEha5/7rd7pPq42R+4Lt6afs0PtB/7PdkVSdn+667qoBfZKRKgOhJ1OqSQalogaaUygGOgNsymU+0SiCBQqFhAMYIikuNiBGsm3ammcb3+9bTzv/8J7WXWdHENF/Bm7bNjrYQG/y9iMAAAAAAGCy2YwBAAAAANxR7TEiYp04PUdccpfWp4hTEof1q94MU3peq3Kf0JcInYdi6KqZQ7H281vskAP9tfs74RRAsnCKGPqQaPdyHoOd2MGFRDvXZ9LbCacM+m2fzuUmWzF0IFV1Mv2tv0PF0VSkUwKpVDgupO9PpeNB+gEYjgepWI4PXXbwHftovjPTzcj034QKnK+DB5U4xw/raEXO+2hf0aIdfiJiP6S1fF00c35wjfnbqgU=);background-repeat:no-repeat;background-size:contain;transform:rotate(180deg)}.arrow-down[data-v-497c8790]:active,.arrow-down[data-v-497c8790]:hover{background-image:url(data:image/webp;base64,UklGRhYDAABXRUJQVlA4WAoAAAAwAAAALwAAGwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZWUDhMKAEAAC8vwAYQb8GgbSRHvs4fwfEs/0Nj/oNpI0mOw9Mz5+/go2cukIS262PWoiMNPz9UrYK/6p+7IA4pBolZKYBIxc8FjKIHbFw8AQYoFAYGwWxAjGTbtDXPtm187Pzjezj7rn0iiOg/A8VtI4EDbfcY7z6D+mQ/rgIAAAAAAAAAAFRGh2mN7q+Z3Ro5pnU1s9/OyewrGeb59b7jn30Bj2Z4fr77/T8sT9o/Sb3L0JIG90ZsnbYbsPaSY2bA5l0ieZn+trTZ/FOjtPUSncV3kfIrzstiV5evKkk2XhTIXTtxX1a8dp7w+/iODPnfW+SIkP9/ih0J8v+/4kiQF80RIC+qE4B0R4Z053wR1xFHfCLiiJDqBNYRR3wi4ohQzJHWQWeVTr5Ff7friY0A);transform:rotate(0)}.dash-line[data-v-497c8790]{border-right:2px dashed #92949b;height:100%}.character-box-bj-pc[data-v-497c8790]{background:url(./hero.5424365d.png) no-repeat;background-size:100%;overflow:hidden;position:relative}.character-box-bj[data-v-497c8790]{background:url(./hero-bj.8dae4c6a.png) no-repeat;background-size:100%;overflow:hidden;position:relative}.roles-box[data-v-497c8790]{height:190px;margin-left:-14px;overflow-y:auto}.roles-box .role[data-v-497c8790]{align-items:center;display:flex;height:65px;justify-content:space-between;width:65px}.roles-box .dot[data-v-497c8790]{background-color:#92949b;border-radius:50%;height:8px;width:8px}.roles-box .active-dot[data-v-497c8790]{background-color:#ff9d00}.roles-box .role-avatar[data-v-497c8790]{border-radius:999px;filter:grayscale(1);height:45px;-o-object-fit:contain;object-fit:contain;width:45px}.roles-box .role-avatar-bright[data-v-497c8790]{border:1px solid #ff9d00;filter:none}.role-name-bj[data-v-497c8790]{background-image:url(./name-bj.bd91bc95.webp);background-repeat:no-repeat;background-size:100%;font-size:2rem;height:3rem;line-height:3rem;padding-left:20px;top:23%;width:16rem}.role-name-bj[data-v-497c8790],.weapon-text[data-v-497c8790]{left:26%;position:absolute;z-index:999}.weapon-text[data-v-497c8790]{color:#ff9d00;font-size:1rem;font-weight:700;top:73%}.q-role-img[data-v-497c8790]{bottom:10px;position:absolute;right:10px;width:50px}.weapon-bj[data-v-497c8790]{background:url(./weapon-bj-yellow.d2f9ad9a.png) no-repeat;background-size:contain;left:25%;padding:20px;position:absolute;top:38%;z-index:999}.weapon-bj .weapon-img[data-v-497c8790]{width:50px}.weapon-title-bj[data-v-497c8790]{background-color:#ffb744;-webkit-clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);color:#000;left:20%;padding:5px 30px;position:absolute;text-align:center;top:80%;z-index:999}.role-intro-bj[data-v-497c8790]{-webkit-box-orient:vertical;-webkit-line-clamp:4;background-image:linear-gradient(90deg,#1f1f1f,#000);color:#ffb744;display:-webkit-box;font-size:13px;line-height:18px;margin:0 auto;overflow:hidden;text-align:center;text-overflow:ellipsis;word-break:break-all}.slides-innerbox[data-v-497c8790]{height:80%;width:100%}.slide-img-box[data-v-497c8790],.slides-innerbox[data-v-497c8790]{align-items:center;display:flex;justify-content:center}.slide-img-box[data-v-497c8790]{height:100%}.slide-img[data-v-497c8790]{border-radius:6px;position:absolute;transition:left .3s cubic-bezier(0,0,.2,1),transform .3s cubic-bezier(0,0,.2,1);width:20%}.slide-img-0[data-v-497c8790]{left:0;transform:scale(.6);z-index:3}.slide-img-1[data-v-497c8790]{left:18%;transform:scale(.8);z-index:4}.slide-img-2[data-v-497c8790]{left:40%;transform:scale(1);z-index:5}.slide-img-3[data-v-497c8790]{left:62%;transform:scale(.8);z-index:4}.slide-img-4[data-v-497c8790]{left:80%;transform:scale(.6);z-index:3}.switch-icon[data-v-497c8790]{cursor:pointer;height:34px;width:23px}@media screen and (min-width:768px){.banner-box[data-v-497c8790],.character-box[data-v-497c8790]{min-height:586px;width:100%}.left-bj[data-v-497c8790],.right-bj[data-v-497c8790]{height:300px}.outlinks[data-v-497c8790]{top:60px}.character-box-title[data-v-497c8790],.youtube-box-title[data-v-497c8790]{font-size:28px}.video-describe-box p[data-v-497c8790]:not(.describe-title){font-size:14px}.diamond-line[data-v-497c8790],.diamond-line-reverse[data-v-497c8790]{width:auto}.arrow-down[data-v-497c8790],.arrow-up[data-v-497c8790]{height:20px;width:30px}.role-switch-box[data-v-497c8790]{left:10%;top:30%}.roles-box[data-v-497c8790]{height:360px;margin-left:-20px}.roles-box .role[data-v-497c8790]{height:120px;width:120px}.roles-box .dot[data-v-497c8790]{height:10px;width:10px}.roles-box .role-avatar[data-v-497c8790]{height:80px;width:80px}.role-name-bj[data-v-497c8790]{font-size:3rem;height:5rem;left:26%;line-height:5rem;padding-left:20px;top:16%;white-space:nowrap;width:20rem}.weapon-text[data-v-497c8790]{color:#ff9d00;font-size:1rem;font-weight:700;left:29%;position:absolute;top:70%}.weapon-bj[data-v-497c8790]{left:25%;padding:60px;top:35%}.weapon-bj .weapon-img[data-v-497c8790]{width:100px}.weapon-title-bj[data-v-497c8790]{left:32%;top:75%;transform:translate(-50%)}.q-role-img[data-v-497c8790]{bottom:10px;position:absolute;right:10px;width:120px}.role-bj[data-v-497c8790]{right:100px;width:40%}.role-intro-bj[data-v-497c8790]{background-color:#4a4a4ab3;box-shadow:inset 0 0 20px #ff9e0145;-webkit-clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);left:13%;padding:10px 80px 0;position:absolute;top:83%;width:450px}.scene-box-bj[data-v-497c8790]{background-image:url(./slide-bg.3829a2de.webp);height:80vh}.slides-innerbox[data-v-497c8790]{width:90%}.slide-img[data-v-497c8790]{border:10px solid #39393d;width:20%}}