/*! Copyright © 2011 - 2025 COGNOSPHERE. All Rights Reserved */
.mhy-nav-header{margin:0 auto;margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;height:56px;border-radius:16px;background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px}.mhy-nav-header-left{font-size:20px;font-family:Microsoft YaHei,sans-serif;font-weight:600;color:#2f3f56;line-height:24px}.mhy-nav-header-left .back-icon{width:16px;height:16px;margin-right:10px;cursor:pointer}.mhy-nav-header-right{margin-left:auto}
.sub-title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-family:Microsoft YaHei,sans-serif;font-weight:700;color:hsla(0,0%,100%,.85);line-height:24px}.sub-title-ic{width:14px;height:14px;margin-right:4px}.sub-title-ques{width:16px;height:16px;margin-left:5px}.sub-title .right{margin-left:auto;font-weight:400}.sub-title .vertical{width:4px;height:16px;border-radius:1px;margin-right:5px}.sub-title .icon-illustrate{cursor:pointer;margin-left:7px;width:16px;height:16px}.sub-title-ic{margin-right:5px}.sub-title-ques{cursor:pointer;margin-left:8px}.sub-title .vertical{margin-right:8px}.sub-title .icon-illustrate{margin-left:8px}
.empty-block[data-v-571e4813]{width:100%;height:195px;border-radius:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.empty-block .icon[data-v-571e4813]{width:102px;height:111px;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center}.empty-block .text[data-v-571e4813]{margin-top:10px;font-size:16px;font-family:Microsoft YaHei,sans-serif;font-weight:400;color:#c0c5c8;line-height:20px}body[data-game-id="6"] .empty-block .text[data-v-571e4813]{color:#fff}
.error-block-layout[data-v-33332ab2]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:20}.error-block-layout .icon[data-v-33332ab2]{margin-top:77px;height:115px}.error-block-layout .text[data-v-33332ab2]{margin-top:24px;font-size:14px;font-family:Microsoft YaHei,sans-serif;font-weight:400;color:#c0c5c8;line-height:20px;word-break:break-word}
.mhy-img-icon{height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}
.web-nav-bar[data-v-aa5dd556]{height:56px;margin-bottom:16px;background:#2a2a2a;padding:0 16px;border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:9}body[data-game-id="2"] .web-nav-bar[data-v-aa5dd556]{background:rgba(0,0,0,.48);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.web-nav-bar .title[data-v-aa5dd556]{font-size:20px;font-weight:600;color:hsla(0,0%,100%,.85);line-height:24px}.web-nav-bar .left[data-v-aa5dd556],.web-nav-bar .right[data-v-aa5dd556]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.web-nav-bar .back-icon[data-v-aa5dd556]{margin-right:13px;width:16px;height:16px;cursor:pointer}.web-nav-bar .me-share[data-v-aa5dd556]{width:20px;height:20px;z-index:1}.web-nav-bar .me-share[data-v-aa5dd556] .me-share-popover__content{background-color:#333!important}.web-nav-bar .me-share[data-v-aa5dd556] .me-share-popover__arrow--after{border-bottom-color:#333!important}.web-nav-bar .share-panel[data-v-aa5dd556]{position:absolute;right:-8px;top:26px}.right-icon[data-v-aa5dd556]{font-size:0}.right-icon img[data-v-aa5dd556]{cursor:pointer;width:20px;height:20px}.right-icon[data-v-aa5dd556]:not(:last-child){margin-right:23px}.setting img[data-v-aa5dd556]{width:22px;height:22px}
.header-layout[data-v-31a2c398]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 30px;height:50px;border-radius:16px 16px 0 0;border-bottom:1px solid hsla(0,0%,100%,.04)}.header-layout .left[data-v-31a2c398],.header-layout .right[data-v-31a2c398],.header-layout[data-v-31a2c398]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-layout .left[data-v-31a2c398],.header-layout .right[data-v-31a2c398]{height:100%}.header-layout .title[data-v-31a2c398]{font-size:16px;font-family:Microsoft YaHei,sans-serif;font-weight:400;color:hsla(0,0%,100%,.85)}.header-layout .info[data-v-31a2c398]{padding-left:20px;font-size:16px;font-family:Microsoft YaHei,sans-serif;font-weight:400;color:hsla(0,0%,100%,.45);cursor:pointer}.switch-icon[data-v-31a2c398]{font-size:12px;width:1em;height:1em;margin-left:6px;cursor:pointer}
.game-nav[data-v-d08909dc]{position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:59px;margin-bottom:24px;z-index:1}.game-nav[data-v-d08909dc],.nav[data-v-d08909dc]{display:-webkit-box;display:-ms-flexbox;display:flex}.nav[data-v-d08909dc]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:auto}.ic[data-v-d08909dc]{position:relative;width:32px;height:32px;margin-left:16px;cursor:pointer}.ic img[data-v-d08909dc]{position:absolute;top:0;left:0;width:100%;height:100%}.ic-active[data-v-d08909dc],.ic-hover[data-v-d08909dc]{visibility:hidden}.ic:active .ic-active[data-v-d08909dc],.ic:hover .ic-hover[data-v-d08909dc]{visibility:visible}
.mhy-hoyolab-header[data-v-7bd59018]{z-index:1999;background-color:transparent;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.mhy-hoyolab-header[data-v-7bd59018] .mhy-hoyolab-header__wrapper{background-color:transparent}.mhy-hoyolab-header[data-v-7bd59018] .mhy-hoyolab-lang-selector{background-color:#2a2a2a}.pc-root-layout[data-v-7bd59018]{padding-bottom:40px}.pc-root-layout .bg[data-v-7bd59018]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#151515 no-repeat top/contain}.pc-root-layout__container[data-v-7bd59018]{min-width:1024px;max-width:1024px;margin:0 auto;padding-top:56px;display:flow-root}.pc-root-layout__content[data-v-7bd59018]{border-radius:16px;margin-top:18px;overflow:hidden}.pc-root-layout .header-layout[data-v-7bd59018]{background-color:#2a2a2a}[data-v-7bd59018] .error-block-layout{margin:0 auto;height:600px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:16px}[data-v-7bd59018] .error-block-layout .icon{margin-top:0}
.van-dialog.cha-l-modal{background-color:#2a2a2a;color:hsla(0,0%,100%,.85)}.van-dialog.cha-l-modal .van-button{color:hsla(0,0%,100%,.45);background-color:inherit}.van-dialog.cha-l-modal .van-hairline--left:after,.van-dialog.cha-l-modal .van-hairline--top:after{border-color:hsla(0,0%,100%,.2)}.van-dialog.cha-l-modal .van-dialog__confirm{color:inherit}
html[mi18n-lang=zh-cn],html[mi18n-lang=zh-tw]{font-family:Helvetica neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,"sans-serif"!important}html[mi18n-lang=ko-kr]{font-family:nanum\\A0gothic,"\B098\B214   \ACE0\B515",Malgun Gothic,"\B9D1\C740   \ACE0\B515",\\B3CB\C6C0,sans-serif!important}html[mi18n-lang=en-us],html[mi18n-lang=es-es],html[mi18n-lang=fr-fr],html[mi18n-lang=id-id],html[mi18n-lang=it-it],html[mi18n-lang=pt-pt],html[mi18n-lang=tr-tr],html[mi18n-lang=vi-vn]{font-family:Tahoma,Helvetica,Arial,sans-serif!important}html[mi18n-lang=th-th]{font-family:kanit,Tahoma,Helvetica,Arial,Geneva,sans-serif!important}html[mi18n-lang=ru-ru]{font-family:Adelle Cyrillic,Dctz38,Arial,Helvetica,sans-serif!important}html[mi18n-lang=ja-jp]{font-family:\\6E38\30B4\30B7\30C3\30AF\4F53,YuGothic,\\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF Pro,Hiragino Kaku Gothic Pro,\\30E1\30A4\30EA\30AA,Meiryo,Osaka,"\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF",MS Pgothic,sans-serif!important}html[mi18n-lang=de-de]{font-family:Calibri,Arial,sans-serif!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.mb-2{margin-bottom:.5714285714285714rem}.ml-1{margin-left:.2857142857142857rem}.ml-4{margin-left:1.1428571428571428rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.w-0{width:0}.flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.flex-shrink{-ms-flex-negative:1;flex-shrink:1}.flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.text-\[16px\]{font-size:16px}.text-xs-m,.text-xs-pc{font-size:.8571428571428571rem;line-height:1.1428571428571428rem}.font-bold{font-weight:700}.text-\[\#DFDFDF\]{--tw-text-opacity:1;color:rgb(223 223 223/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-opacity-\[0\.45\]{--tw-text-opacity:0.45}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{-webkit-transition-property:color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-o-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.ease-in-out{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Geometos;src:url(fonts/Geometos.e0a2bddc.ttf)}body,html{font-size:14px;color:#333;overscroll-behavior-y:none}body[gt-platform=mob],html[gt-platform=mob]{scrollbar-width:none}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}ul{list-style:none;padding:0}.van-popup-lang{font-size:12px;height:30px;line-height:30px}.van-popup-lang.active{color:#d3bc8d}.mhy-picker-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.1;z-index:20;display:none}.mhy-game-role-message-box-mask.mhy-game-role-selector-mask,.pswp{z-index:3000}.skill-popover .popper[x-placement^=top] .popper__arrow{border-top-color:#f6f3ed}.role-selector-sea-dropdown-menu .dropdown-menu__list{overflow-y:auto!important}.custom-mihoyo-common-mask:has(.me-share-preview){display:none!important}.me-share-preview{display:none!important}.mhy-account-flow{z-index:2000!important}.van-toast__text{word-break:break-word}.common-safe-area{padding-bottom:env(safe-area-inset-bottom)}.van-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.van-popup--bottom.van-popup--round,.van-toast--bottom{border-radius:0!important}.van-toast--bottom{width:250px!important;height:40px;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(.05rem);backdrop-filter:blur(.05rem);color:hsla(0,0%,100%,.9);font-size:12px!important;bottom:10%!important;padding:0!important}
.mhy-game-role-message-box-mask .mhy-game-role-message-box header{font-size:16px!important;line-height:16px!important}.mhy-game-role-selector-mask .mhy-game-role-message-box{width:500px!important;top:20%!important;border-radius:5px!important}.mhy-game-role-message-box-overseas-selector .select{width:150px!important}.mhy-game-role-message-box-mask .mhy-game-role-message-box-overseas-header{padding:10px 15px!important}.mhy-game-role-message-box-mask .mhy-game-role-message-box .mhy-game-role-message-box-content{font-size:14px!important;padding:0 20px!important}.mhy-game-role-selector-mask .mhy-game-role-selector .list-item{padding:15px 0}.mhy-game-role-selector-mask .mhy-game-role-selector .game-role-list{font-size:14px!important;margin-bottom:20px!important}.mhy-game-role-selector-mask .mhy-game-role-selector .list-item .role-uid{font-size:14px!important}
.ys-page-skeleton,body{background-color:#151515}.ys-page-skeleton{position:fixed;top:56px;left:0;right:0;bottom:0;z-index:9998}.skeleton-animate{-webkit-animation:flush 2s linear infinite;animation:flush 2s linear infinite;top:0;left:20%;width:10vw;z-index:9997;background:-webkit-gradient(linear,left top,right top,from(rgba(57,57,57,0)),color-stop(50%,#393939),to(rgba(57,57,57,0)));background:-webkit-linear-gradient(left,rgba(57,57,57,0),#393939 50%,rgba(57,57,57,0));background:-o-linear-gradient(left,rgba(57,57,57,0) 0,#393939 50%,rgba(57,57,57,0) 100%);background:linear-gradient(90deg,rgba(57,57,57,0),#393939 50%,rgba(57,57,57,0));-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}.skeleton-animate,.skeleton-bg{position:absolute;height:59.375vw}.skeleton-bg{width:100vw;max-width:1500px;background-color:#333;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.skeleton{position:absolute;top:0;bottom:0;left:0;right:0;background-repeat:no-repeat;background-size:contain;background-position:top;z-index:9999}@-webkit-keyframes flush{0%{left:15%}60%{left:75%}to{left:75%}}@keyframes flush{0%{left:15%}60%{left:75%}to{left:75%}}.sub-title .link{font-weight:400}