PamGram/resources/starrail/activity/css/pc_f95b4488.css

/*! Copyright © 2011 - 2023 miHoYo. 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.sharing{width:345px;height:30px;margin:0 auto;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;background:transparent url(images/ys_share_sub_title.d8510252.png) no-repeat 50%/contain;font-size:16px;font-weight:500;color:#d3bc8d}.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-45ae789f]{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-45ae789f]{margin-top:77px;height:115px}.error-block-layout .text[data-v-45ae789f]{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}
.mhy-announcement{width:285px;border-radius:7px;background-color:#f6f3ed;overflow:visible}.mhy-announcement .van-dialog__content{position:relative}.mhy-announcement .van-dialog__content .border{position:absolute;top:3px;bottom:3px;left:3px;right:3px;background:no-repeat;background-size:100% 100%}.mhy-announcement .van-dialog__content .border .top{position:absolute;width:100%;top:0;background:no-repeat;background-size:100% 100%;background-image:url(images/ys_dialog_border_top@2x.e90fde6c.png);height:20px}.mhy-announcement .van-dialog__content .border .bottom{position:absolute;width:100%;bottom:0;background:no-repeat;background-size:100% 100%;background-image:url(images/ys_dialog_border_top@2x.e90fde6c.png);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);height:20px}.mhy-announcement .van-dialog__content .border .left{width:2px;position:absolute;left:0;top:20px;bottom:19px;background-image:url(images/ys_dialog_border@2x.cad41d3a.png);background-size:100% 100%}.mhy-announcement .van-dialog__content .border .right{width:2px;position:absolute;right:0;top:20px;bottom:19px;background-image:url(images/ys_dialog_border@2x.cad41d3a.png);background-size:100% 100%;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mhy-announcement .close{width:30px;height:30px;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-60px;z-index:2003}.mhy-announcement .close img{width:100%;height:100%}.mhy-announcement-main{position:relative;z-index:1;padding:17px 8px 17px 17px}.mhy-announcement-main__title{text-align:center;font-size:16px;line-height:22px;font-weight:500;font-family:Microsoft YaHei,sans-serif;margin-bottom:6px;color:#9c7f69}.mhy-announcement-main__content{min-height:140px;max-height:260px;font-size:14px;color:#7f858a;line-height:20px;padding-right:9px}.mhy-announcement-main__content .os-scrollbar.os-scrollbar-vertical .os-scrollbar-handle{background-color:#c8baad;border-radius:3px}.mhy-announcement{width:380px}.mhy-announcement-main{padding:24px}
.mhy-dialog[data-v-11a52aba]{width:285px;border-radius:7px;overflow:visible;background-color:#333}.mhy-dialog .van-dialog__content[data-v-11a52aba]{position:relative}.mhy-dialog .van-dialog__content .main[data-v-11a52aba]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px;min-height:142px}.mhy-dialog .van-dialog__content .main .border[data-v-11a52aba]{position:absolute;top:3px;bottom:3px;left:3px;right:3px;border:1px solid #dac9ad;border-image-source:url(images/ys_dialog_skill_bg@2x.50a0e5a0.png);border-image-slice:50;border-image-width:30px}.mhy-dialog .van-dialog__content .main .right_bg[data-v-11a52aba]{position:absolute;right:0;bottom:0;width:108px;height:108px;background:url(images/ys_dialog_skill_right_bg@2x.89af0be2.png) no-repeat 50%/contain}.mhy-dialog .van-dialog__content .main .close[data-v-11a52aba]{position:absolute;background:no-repeat;background-size:100% 100%;background-image:url(images/ys_dialog_close@2x.09d84262.png);width:24px;height:24px;right:-7px;top:-7px;z-index:23}.mhy-dialog .van-dialog__content .container[data-v-11a52aba]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.mhy-dialog .van-dialog__content .btns[data-v-11a52aba]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mhy-dialog .van-dialog__content .btns .item[data-v-11a52aba]{width:118px;height:34px;background-color:#ece5d8;border-radius:17px;text-align:center;font-size:3.2vw;font-family:Microsoft YaHei,sans-serif;font-weight:500;color:#675856;line-height:34px;position:relative}.mhy-dialog .van-dialog__content .btns .item[data-v-11a52aba]:before{position:absolute;top:2px;left:2px;bottom:2px;right:2px;content:" ";-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:15px;border:1px solid #e2d4b7}.mhy-dialog .van-dialog__content .btns .item.primary[data-v-11a52aba]{background-color:#d2c4aa;color:#fff;border:1px solid #e7dbc5}.mhy-dialog .van-dialog__content .btns .item.disabled[data-v-11a52aba]{color:hsla(7,9%,37%,.4)}
.pop-role-card{padding:16px 0;border-radius:7px}.pop-role-card .role-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px}.pop-role-card .role-info-avatar{position:relative;width:56px;height:56px;margin-right:10px}.pop-role-card .role-info-avatar .avatar{width:100%;height:100%;background:transparent no-repeat top/cover;border-radius:100%;border:1.5px solid #dfdfdf}.pop-role-card .role-info-avatar .star{position:absolute;display:block;width:100%;height:15px;left:0;bottom:-7px;background:transparent no-repeat 50%/contain}.pop-role-card .role-rarity-1 .avatar{background-image:url(images/roleStarBg1.8c3ec3b6.png)}.pop-role-card .role-rarity-1 .star{background-image:url(images/StarQuality_1.ac8db61c.png)}.pop-role-card .role-rarity-2 .avatar{background-image:url(images/roleStarBg2.5da2d605.png)}.pop-role-card .role-rarity-2 .star{background-image:url(images/StarQuality_2.30f0f248.png)}.pop-role-card .role-rarity-3 .avatar{background-image:url(images/roleStarBg3.251efcc0.png)}.pop-role-card .role-rarity-3 .star{background-image:url(images/StarQuality_3.2dc9769a.png)}.pop-role-card .role-rarity-4 .avatar{background-image:url(images/roleStarBg4.0b20569c.png)}.pop-role-card .role-rarity-4 .star{background-image:url(images/StarQuality_4.9444b465.png)}.pop-role-card .role-rarity-5 .avatar{background-image:url(images/roleStarBg5.30180c91.png)}.pop-role-card .role-rarity-5 .star{background-image:url(images/StarQuality_5.44bb9bc9.png)}.pop-role-card .role-rarity-105 .avatar{background-image:url(images/roleStarBg105.5a61ce94.png)}.pop-role-card .role-rarity-105 .star{background-image:url(images/StarQuality_5.44bb9bc9.png)}.pop-role-card .role-info-name{font-size:16px;color:hsla(0,0%,100%,.85);line-height:24px;font-weight:700;margin-bottom:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pop-role-card .role-info-name span{margin-right:6px}.pop-role-card .role-info-name img{width:18px;height:18px}.pop-role-card .role-info-desc{font-size:12px;line-height:16px;color:hsla(0,0%,100%,.45)}.pop-role-card .role-actions{margin-top:17px;padding:0 20px}.pop-role-card .role-actions button{line-height:16px;padding:7px 0;background-color:#3d3b39;color:#d3bc8d;font-size:14px;width:100%;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);border:1px solid #d3bc8d;outline:none;border-radius:4px;cursor:pointer;margin-bottom:8px}.pop-role-card .role-actions button:last-child{margin-bottom:0}.pop-role-card .role-actions button[empty]{opacity:.6;pointer-events:none}
.role-dialog-card[data-v-258686fc] .van-dialog__content .main{padding:15px;min-height:unset}.role-dialog-card[data-v-258686fc] .role-hover-card-inner,.role-dialog-card[data-v-258686fc] .role-info{padding:0}.role-dialog-card[data-v-258686fc] .role-actions{padding:0 5px}
.web-nav-bar[data-v-04d1cc08]{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-04d1cc08],body[data-game-id="6"] .web-nav-bar[data-v-04d1cc08]{background:rgba(0,0,0,.48);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.web-nav-bar .title[data-v-04d1cc08]{font-size:20px;font-weight:600;color:hsla(0,0%,100%,.85);line-height:24px}.web-nav-bar .left[data-v-04d1cc08],.web-nav-bar .right[data-v-04d1cc08]{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-04d1cc08]{margin-right:13px;width:16px;height:16px;cursor:pointer}.web-nav-bar .me-share[data-v-04d1cc08]{width:20px;height:20px;z-index:1}.web-nav-bar .me-share[data-v-04d1cc08] .me-share-popover__content{background-color:#333!important}.web-nav-bar .me-share[data-v-04d1cc08] .me-share-popover__arrow--after{border-bottom-color:#333!important}.web-nav-bar .share-panel[data-v-04d1cc08]{position:absolute;right:-8px;top:26px}.right-icon[data-v-04d1cc08]{font-size:0}.right-icon img[data-v-04d1cc08]{cursor:pointer;width:20px;height:20px}.right-icon[data-v-04d1cc08]:not(:last-child){margin-right:23px}.setting img[data-v-04d1cc08]{width:22px;height:22px}
.header-layout[data-v-c378b5e2]{-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-c378b5e2],.header-layout .right[data-v-c378b5e2],.header-layout[data-v-c378b5e2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-layout .left[data-v-c378b5e2],.header-layout .right[data-v-c378b5e2]{height:100%}.header-layout .title[data-v-c378b5e2]{font-size:16px;font-family:Microsoft YaHei,sans-serif;font-weight:400;color:hsla(0,0%,100%,.85)}.header-layout .info[data-v-c378b5e2]{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-c378b5e2]{font-size:12px;width:1em;height:1em;margin-left:6px;cursor:pointer}
.account-block[data-v-3ce2a245]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:48px}.avatar[data-v-3ce2a245]{width:60px;height:60px;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;margin-right:16px;background:no-repeat 50%}body[data-game-id="2"] .avatar[data-v-3ce2a245]{border:1px solid #ece5d8;background-color:#bd987d;background-size:contain}body[data-game-id="2"] .avatar[empty][data-v-3ce2a245]{background-color:#d9d9d9}body[data-game-id="6"] .avatar[data-v-3ce2a245]{background-color:#898374;border:1px solid #ece5d8;background-size:71px}.account-top[data-v-3ce2a245]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nickname[data-v-3ce2a245]{font-size:22px;color:hsla(0,0%,100%,.85);margin-right:16px;font-weight:700;line-height:24px;letter-spacing:0}.level[data-v-3ce2a245]{display:-webkit-box;display:-ms-flexbox;display:flex;height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 4px;border-radius:4px;font-size:12px;color:hsla(0,0%,100%,.9);font-weight:700;line-height:26px;letter-spacing:0;margin-right:16px}body[data-game-id="2"] .level[data-v-3ce2a245]{background:#b49872}body[data-game-id="6"] .level[data-v-3ce2a245]{background:#ecb163}.account-change[data-v-3ce2a245]{position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:20px;border-radius:11px;border:.5px solid hsla(0,0%,100%,.2);background-color:rgba(0,0,0,.3);cursor:pointer}.account-change img[data-v-3ce2a245]{position:absolute;width:1em;height:1em;font-size:16px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.account-change img[status][data-v-3ce2a245]{z-index:1;visibility:hidden}.account-change:hover img[data-v-3ce2a245]:not([status]){visibility:hidden}.account-change:hover img[status=hover][data-v-3ce2a245]{visibility:visible}.account-change:active img[data-v-3ce2a245]:not([status]){visibility:hidden}.account-change:active img[status=active][data-v-3ce2a245]{visibility:visible}.account-btm[data-v-3ce2a245]{margin-top:12px;font-size:14px;line-height:18px;color:hsla(0,0%,100%,.9)}.account-btm[data-v-3ce2a245],.uid[data-v-3ce2a245]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.uid[data-v-3ce2a245]{position:relative;margin-left:32px;cursor:pointer}.uid[data-v-3ce2a245]:before{content:"";position:absolute;left:-16px;top:50%;width:1px;height:10px;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);border-radius:1px;background-color:hsla(0,0%,100%,.5)}.uid svg[data-v-3ce2a245]{margin-left:4px}.uid[data-v-3ce2a245]:hover path{fill-opacity:1}body[data-game-id="2"] .uid[data-v-3ce2a245]:hover path{fill:#d3bc8e}body[data-game-id="6"] .uid[data-v-3ce2a245]:hover path{fill:#ffc870}.uid[data-v-3ce2a245]:active path{fill-opacity:1}body[data-game-id="2"] .uid[data-v-3ce2a245]:active path{fill:#b49872}body[data-game-id="6"] .uid[data-v-3ce2a245]:active path{fill:#d99b56}
.game-nav[data-v-5eadc7a6]{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-5eadc7a6],.nav[data-v-5eadc7a6]{display:-webkit-box;display:-ms-flexbox;display:flex}.nav[data-v-5eadc7a6]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:auto}.ic[data-v-5eadc7a6]{position:relative;width:32px;height:32px;margin-left:16px;cursor:pointer}.ic img[data-v-5eadc7a6]{position:absolute;top:0;left:0;width:100%;height:100%}.ic-active[data-v-5eadc7a6],.ic-hover[data-v-5eadc7a6]{visibility:hidden}.ic:active .ic-active[data-v-5eadc7a6],.ic:hover .ic-hover[data-v-5eadc7a6]{visibility:visible}
.mhy-hoyolab-header[data-v-22c37a3b]{z-index:1999;background-color:transparent;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.mhy-hoyolab-header[data-v-22c37a3b] .mhy-hoyolab-header__wrapper{background-color:transparent}.mhy-hoyolab-header[data-v-22c37a3b] .mhy-hoyolab-lang-selector{background-color:#2a2a2a}.pc-root-layout[data-v-22c37a3b]{padding-bottom:40px}.pc-root-layout .bg[data-v-22c37a3b]{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-22c37a3b]{min-width:1024px;max-width:1024px;margin:0 auto;padding-top:56px;display:flow-root}.pc-root-layout__content[data-v-22c37a3b]{border-radius:16px;margin-top:18px}.pc-root-layout .header-layout[data-v-22c37a3b]{background-color:#2a2a2a}[data-v-22c37a3b] .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-22c37a3b] .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}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.mb-1{margin-bottom:.2857142857142857rem}.mb-1\.5{margin-bottom:.42857142857142855rem}.mb-2{margin-bottom:.5714285714285714rem}.ml-1{margin-left:.2857142857142857rem}.ml-2{margin-left:.5714285714285714rem}.ml-4{margin-left:1.1428571428571428rem}.mr-1{margin-right:.2857142857142857rem}.mt-3{margin-top:.8571428571428571rem}.mt-8{margin-top:2.2857142857142856rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline{display:inline}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3.4285714285714284rem}.h-14{height:4rem}.h-15{height:4.285714285714286rem}.h-7{height:2rem}.h-7\.5{height:2.142857142857143rem}.h-\[68px\]{height:68px}.h-full{height:100%}.min-h-\[48px\]{min-height:48px}.w-0{width:0}.w-7{width:2rem}.w-full{width:100%}.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}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.rotate-180{-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))}.rotate-180{--tw-rotate:180deg}.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}.rounded-\[22px\]{border-radius:22px}.rounded-\[2px\]{border-radius:2px}.border{border-width:1px}.border-\[\#4C4841\]{--tw-border-opacity:1;border-color:rgb(76 72 65/var(--tw-border-opacity))}.border-\[\#B29A762B\]{border-color:#B29A762B}.bg-left-bottom{background-position:0 100%}.bg-right-bottom{background-position:100% 100%}.px-3{padding-left:.8571428571428571rem;padding-right:.8571428571428571rem}.py-1{padding-top:.2857142857142857rem;padding-bottom:.2857142857142857rem}.text-center{text-align:center}.text-\[16px\]{font-size:16px}.text-sm-m{font-size:1rem;line-height:1.2857142857142858rem}.text-xl-pc{font-size:1.5714285714285714rem;line-height:2rem}.text-xs-m,.text-xs-pc{font-size:.8571428571428571rem;line-height:1.1428571428571428rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-\[\#88816F\]{--tw-text-opacity:1;color:rgb(136 129 111/var(--tw-text-opacity))}.text-\[\#DFDFDF\]{--tw-text-opacity:1;color:rgb(223 223 223/var(--tw-text-opacity))}.text-\[\#E7D8B34D\]{color:#E7D8B34D}.text-\[\#E7D8B380\]{color:#E7D8B380}.text-\[\#E7D8B3\]{--tw-text-opacity:1;color:rgb(231 216 179/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}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{-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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.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)}body,html{font-size:14px;color:#333}*{-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}
.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{position:fixed;top:56px;left:0;right:0;bottom:0;z-index:9998;background-color:#151515}.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}