.back[data-v-64982f4e]{min-width:148px;line-height:56px;padding:0 35px 0 19px;background:rgba(0,0,0,.8);-webkit-clip-path:polygon(0 0,0 100%,calc(100% - 24px) 100%,100% 0);clip-path:polygon(0 0,0 100%,calc(100% - 24px) 100%,100% 0);position:absolute;left:0;top:0;z-index:1;font-weight:400;font-size:12px;color:hsla(0,0%,100%,.6);cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.back>img[data-v-64982f4e]{width:13px;height:11px;margin-right:8px}@media screen and (max-width:768px){.back[data-v-64982f4e]{min-width:33.6vw;line-height:10.667vw;padding:0 7.2vw 0 3.2vw;background:rgba(0,0,0,.8);-webkit-clip-path:polygon(0 0,0 100%,calc(100% - 4.8vw) 100%,100% 0);clip-path:polygon(0 0,0 100%,calc(100% - 4.8vw) 100%,100% 0);font-size:3.2vw}.back>img[data-v-64982f4e]{width:2.667vw;height:2.133vw;margin-right:2.13vw}}.char-pet-back[data-v-64982f4e]{opacity:0}.next[data-v-02233c3a],.prev[data-v-02233c3a]{cursor:pointer;font-weight:400;font-size:12px;color:hsla(0,0%,100%,.6);display:flex;align-items:center;text-transform:uppercase}.next div[data-v-02233c3a],.prev div[data-v-02233c3a]{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prev svg[data-v-02233c3a]{margin-right:26px}.next svg[data-v-02233c3a]{margin-left:26px}.next[data-v-02233c3a]:hover,.prev[data-v-02233c3a]:hover{color:#fff;text-shadow:0 0 9px hsla(0,0%,100%,.7)}.next:hover g[data-v-02233c3a],.prev:hover g[data-v-02233c3a]{opacity:1}.next:hover path[data-v-02233c3a],.prev:hover path[data-v-02233c3a]{fill:#ffba00}.next-reverse div[data-v-02233c3a],.prev-reverse div[data-v-02233c3a]{color:#000;opacity:.6}.next-reverse path[data-v-02233c3a],.prev-reverse path[data-v-02233c3a]{fill:#000}.next-reverse:hover div[data-v-02233c3a],.prev-reverse:hover div[data-v-02233c3a]{color:#000;opacity:.7}@media screen and (max-width:768px){.next div[data-v-02233c3a],.prev div[data-v-02233c3a]{display:none}.next svg[data-v-02233c3a],.prev svg[data-v-02233c3a]{width:2.67vw;height:4.53vw}.next[data-v-02233c3a]:hover,.prev[data-v-02233c3a]:hover{color:hsla(0,0%,100%,.6);text-shadow:unset}.next:hover g[data-v-02233c3a],.prev:hover g[data-v-02233c3a]{opacity:.8}.next:hover path[data-v-02233c3a],.prev:hover path[data-v-02233c3a]{fill:#fff}}.skill-profile[data-v-db859d4e]{width:296px;min-height:76px;border-bottom:.5px solid hsla(0,0%,100%,.7);margin-bottom:16px;display:flex;align-items:flex-end;position:relative}.skill-profile-icon[data-v-db859d4e]{width:60px;height:60px;background-image:url(https://cdn.wildflamestudio.com/common/web_event/official2/dist/client/img/skill-profile.99bf760.png);background-size:contain;margin-right:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-profile-icon>img[data-v-db859d4e]{width:28.64px;height:28.64px}.skill-profile-r[data-v-db859d4e]{flex-shrink:1;flex-grow:1}.skill-profile-title[data-v-db859d4e]{font-size:13px;color:hsla(0,0%,100%,.6);margin:12px 0 3px}.skill-profile-name[data-v-db859d4e]{font-weight:400;font-size:24px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.skill-profile svg[data-v-db859d4e]{position:absolute;left:0;bottom:0;transform:translate(-100%,calc(100% - 1px))}.skill-introduction[data-v-db859d4e]{font-size:16px;color:hsla(0,0%,100%,.6)}.skill-levels[data-v-db859d4e]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;position:relative}.skill-levels-pre[data-v-db859d4e]{position:absolute;left:-18px;transition:all .3s;cursor:pointer}.skill-levels-pre[data-v-db859d4e]:active,.skill-levels-pre[data-v-db859d4e]:hover{left:-23px;padding-right:5px}.skill-levels-pre:active g[data-v-db859d4e],.skill-levels-pre:hover g[data-v-db859d4e]{opacity:1}.skill-levels-pre:active path[data-v-db859d4e],.skill-levels-pre:hover path[data-v-db859d4e]{fill:#ffba00}.skill-levels-next[data-v-db859d4e]{position:absolute;right:-18px;transition:all .3s;cursor:pointer}.skill-levels-next[data-v-db859d4e]:active,.skill-levels-next[data-v-db859d4e]:hover{right:-23px;padding-left:5px}.skill-levels-next:active g[data-v-db859d4e],.skill-levels-next:hover g[data-v-db859d4e]{opacity:1}.skill-levels-next:active path[data-v-db859d4e],.skill-levels-next:hover path[data-v-db859d4e]{fill:#ffba00}.skill-levels-shift[data-v-db859d4e]{height:124px;padding:32px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;transition:all .5s}.skill-level[data-v-db859d4e],.skill-levels-shift[data-v-db859d4e]{display:flex;justify-content:center;align-items:center}.skill-level[data-v-db859d4e]{cursor:pointer;width:56px;height:56px;background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1px;text-align:center;margin:0 6px;font-weight:400;font-size:12px;color:#fff;flex-direction:column}.skill-level>img[data-v-db859d4e]{width:26.33px;height:26.33px}.skill-level-active[data-v-db859d4e]{width:58px;height:58px;font-size:13px;background:linear-gradient(359.97deg,rgba(255,186,0,.35) -32.69%,rgba(255,186,0,0) 49.96%),rgba(0,0,0,.4);box-shadow:0 0 32px rgba(255,186,0,.4);position:relative}.skill-level-active[data-v-db859d4e]:after{position:absolute;left:0;bottom:0;z-index:-1;width:200%;height:200%;content:"";display:block;border:1px solid #ffba00;transform:scale(.5);transform-origin:left bottom}.skill-level-active>img[data-v-db859d4e]{width:30px;height:30px}.skill-level-content[data-v-db859d4e]{font-size:16px;line-height:135%;color:hsla(0,0%,100%,.6)}@media screen and (min-width:768px){.skill-profile[data-v-db859d4e]{width:22.556vw;min-height:5.278vw;margin-bottom:1.111vw;padding-bottom:16px}.skill-profile-icon[data-v-db859d4e]{width:4.167vw;height:4.167vw;margin-right:1.111vw}.skill-profile-icon>img[data-v-db859d4e]{width:1.989vw;height:1.989vw}.skill-profile-title[data-v-db859d4e]{font-size:.903vw;margin:.833vw 0 .208vw}.skill-profile-name[data-v-db859d4e]{font-size:1.667vw}.skill-profile svg[data-v-db859d4e]{width:5.66vw;height:5.694vw}.skill-introduction[data-v-db859d4e]{font-size:1.111vw}.skill-levels-pre[data-v-db859d4e]{left:-1.25vw}.skill-levels-pre[data-v-db859d4e]:active,.skill-levels-pre[data-v-db859d4e]:hover{left:-1.597vw;padding-right:.347vw}.skill-levels-next[data-v-db859d4e]{right:-1.25vw}.skill-levels-next[data-v-db859d4e]:active,.skill-levels-next[data-v-db859d4e]:hover{right:-1.597vw;padding-left:.347vw}.skill-levels-shift[data-v-db859d4e]{height:8.611vw;padding:2.222vw 0}.skill-levels svg[data-v-db859d4e]{width:.55vw;height:1.04vw}.skill-level[data-v-db859d4e]{width:3.889vw;height:3.889vw;margin:0 .417vw;font-size:.833vw}.skill-level>img[data-v-db859d4e]{width:1.828vw;height:1.828vw}.skill-level-active[data-v-db859d4e]{width:4.028vw;height:4.028vw;font-size:.903vw}.skill-level-active>img[data-v-db859d4e]{width:2.083vw;height:2.083vw}.skill-level-content[data-v-db859d4e]{font-size:1.111vw}}@media screen and (max-width:768px){.skill-detail[data-v-db859d4e]{width:87.2vw;margin:0 auto;background:rgba(0,0,0,.18);padding:8.533vw 5.33vw;position:relative}.skill-detail[data-v-db859d4e]:after{position:absolute;left:0;bottom:0;z-index:-1;width:200%;height:200%;content:"";display:block;border:1px solid hsla(0,0%,100%,.7);transform:scale(.5);transform-origin:left bottom}.skill-profile[data-v-db859d4e]{width:unset;min-height:10.133vw;border-bottom:unset;margin-bottom:4.267vw;padding-bottom:0;text-align:center}.skill-profile-icon[data-v-db859d4e]{display:none}.skill-profile-title[data-v-db859d4e]{font-size:3.2vw;color:hsla(0,0%,100%,.6)}.skill-profile-name[data-v-db859d4e]{font-weight:500;font-size:5.867vw;color:#fff}.skill-profile svg[data-v-db859d4e]{display:none}.skill-introduction[data-v-db859d4e]{margin-bottom:unset;font-size:3.733vw}.skill-levels[data-v-db859d4e]{margin:0 auto}.skill-levels-pre[data-v-db859d4e],.skill-levels-pre[data-v-db859d4e]:active,.skill-levels-pre[data-v-db859d4e]:hover{left:-4.27vw}.skill-levels-pre:active g[data-v-db859d4e],.skill-levels-pre:hover g[data-v-db859d4e]{opacity:.4}.skill-levels-pre:active path[data-v-db859d4e],.skill-levels-pre:hover path[data-v-db859d4e]{fill:#fff}.skill-levels-next[data-v-db859d4e],.skill-levels-next[data-v-db859d4e]:active,.skill-levels-next[data-v-db859d4e]:hover{right:-4.27vw}.skill-levels-next:active g[data-v-db859d4e],.skill-levels-next:hover g[data-v-db859d4e]{opacity:.4}.skill-levels-next:active path[data-v-db859d4e],.skill-levels-next:hover path[data-v-db859d4e]{fill:#fff}.skill-levels-shift[data-v-db859d4e]{height:27.73vw;padding:11.73vw 0}.skill-levels svg[data-v-db859d4e]{width:2.13vw;height:4vw}.skill-level[data-v-db859d4e]{cursor:pointer;width:11.733vw;height:11.733vw;margin:0 1.6vw;font-size:2.667vw}.skill-level>img[data-v-db859d4e]{width:5.517vw;height:5.517vw}.skill-level-active[data-v-db859d4e]{width:12.8vw;height:12.8vw;font-size:2.933vw}.skill-level-active>img[data-v-db859d4e]{width:6.621vw;height:6.621vw}.skill-level-content[data-v-db859d4e]{font-size:3.733vw}}.pet-detail-container[data-v-b3c7122c]{min-height:calc(100vh - 226px);display:flex;align-items:center;justify-content:center}.pet-detail[data-v-b3c7122c]{width:100%;padding:0 200px}.pet-detail-bg[data-v-b3c7122c]{position:absolute;z-index:-1;width:100%;height:100%;background-image:url(https://cdn.wildflamestudio.com/common/web_event/official2/dist/client/img/bg.7d419da.png);background-size:cover}.pet-detail-content[data-v-b3c7122c]{padding:100px 0}.pc[data-v-b3c7122c]{display:block}.mobile[data-v-b3c7122c]{display:none}.pet-next[data-v-b3c7122c],.pet-prev[data-v-b3c7122c]{position:fixed;top:50%;transform:translateY(-50%);cursor:pointer;z-index:1;mix-blend-mode:difference;transition:all .2s ease-out}.pet-prev[data-v-b3c7122c]{left:16px}.pet-prev[data-v-b3c7122c]:hover{padding-right:10px;transform:translate(-10px,-50%)}.pet-next[data-v-b3c7122c]{right:16px}.pet-next[data-v-b3c7122c]:hover{padding-left:10px;transform:translate(10px,-50%)}.pet-name[data-v-b3c7122c]{font-weight:700;font-size:88px;line-height:84px;color:#fff;margin-bottom:40px;text-transform:uppercase;width:50%}.pet-pic[data-v-b3c7122c]{height:100%;position:absolute;left:70%;top:0;display:flex;align-items:center;justify-content:center}.pet-pic-sequence[data-v-b3c7122c]{width:100%;overflow:hidden}.pet-pic-sequence>img[data-v-b3c7122c],.pet-pic-sequence[data-v-b3c7122c]{height:100%;position:absolute;left:0;top:0}.pet-pic-sequence>img[data-v-b3c7122c]{width:2000%;-webkit-animation:animation-data-v-b3c7122c 3.33s steps(20) infinite;animation:animation-data-v-b3c7122c 3.33s steps(20) infinite;max-width:unset}.pet-pic>img[data-v-b3c7122c]{height:100%;max-height:100%;max-width:unset;width:auto}.pet-skill[data-v-b3c7122c]{max-width:330px}.pet-skill-box[data-v-b3c7122c]{width:100%}.pet-skill-none[data-v-b3c7122c]{width:100%;font-size:16px;color:hsla(0,0%,100%,.6);padding-top:27px;position:relative}.pet-skill-none span[data-v-b3c7122c]{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.pet-skill-none[data-v-b3c7122c]:before{position:absolute;left:0;bottom:0;z-index:-1;width:200%;height:200%;content:"";display:block;border-top:.5px solid hsla(0,0%,100%,.7);transform:scale(.5);transform-origin:left bottom}.pet-name[data-v-b3c7122c],.pet-pic[data-v-b3c7122c],.pet-skill[data-v-b3c7122c]{opacity:0}@media screen and (min-width:1440px){.pet-detail-container[data-v-b3c7122c]{min-height:calc(100vh - 15.694vw)}.pet-detail[data-v-b3c7122c]{padding:0 13.889vw}.pet-detail-content[data-v-b3c7122c]{padding:6.944vw 0}.pet-name[data-v-b3c7122c]{font-size:6.111vw;line-height:5.833vw;margin-bottom:2.778vw}.pet-skill[data-v-b3c7122c]{max-width:22.917vw}.pet-skill-none[data-v-b3c7122c]{font-size:1.111vw;padding-top:1.875vw}}@media screen and (min-width:768px)and (max-width:1440px){.pet-detail-content[data-v-b3c7122c]{padding:6.944vw 0}.pet-name[data-v-b3c7122c]{font-size:6.111vw;line-height:5.833vw;margin-bottom:2.778vw}.pet-skill[data-v-b3c7122c]{max-width:22.917vw}}@media screen and (max-width:768px){.pet-detail-container[data-v-b3c7122c]{position:relative;height:unset}.pet-detail-content[data-v-b3c7122c],.pet-detail[data-v-b3c7122c]{padding:unset}.pc[data-v-b3c7122c]{display:none}.mobile[data-v-b3c7122c]{display:block}.pet-prev[data-v-b3c7122c]{left:2.667vw}.pet-prev[data-v-b3c7122c]:hover{padding-right:0;transform:translateY(-50%)}.pet-next[data-v-b3c7122c]{right:2.667vw}.pet-next[data-v-b3c7122c]:hover{padding-left:0;transform:translateY(-50%)}.pet-info[data-v-b3c7122c]{width:unset;margin-top:15.2vw;margin-right:unset;text-align:center}.pet-name[data-v-b3c7122c]{text-align:center;width:calc(100% - 20vw);font-size:9.6vw;line-height:100%;margin:15.2vw auto 0}.pet-pic[data-v-b3c7122c]{position:relative;left:0;transform:unset;margin:-30px 0}.pet-pic>img[data-v-b3c7122c],.pet-pic[data-v-b3c7122c]{width:100%}.pet-skill-box[data-v-b3c7122c]{background:linear-gradient(180deg,rgba(13,0,31,0),#0d001f 23.45%);position:relative;padding-bottom:16.267vw}.pet-skill[data-v-b3c7122c]{max-width:unset;transform:unset;text-align:center}.pet-skill-none[data-v-b3c7122c]{font-size:4.267vw;padding:26.667vw 12.8vw}.pet-skill-none[data-v-b3c7122c]:before{border-top:none}}@-webkit-keyframes animation-data-v-b3c7122c{0%{left:0}to{left:-2000%}}@keyframes animation-data-v-b3c7122c{0%{left:0}to{left:-2000%}}.pet-fade-in-up[data-v-b3c7122c]{opacity:0}