.hb-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:relative}.hb-button:before{content:"";box-sizing:border-box;width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid;transform:scale(.5);transform-origin:0 0}.hb-button .icon{display:block}.hb-button .icon img,.hb-button .icon svg{width:16px;height:16px;display:block}.hb-button .icon+.text,.hb-button .text+.icon{margin-left:4px}.hb-button-mini{height:24px;padding:4px 12px;font-size:12px;border-radius:3px}.hb-button-mini:before{border-radius:6px}.hb-button-small{height:30px;padding:0 12px;font-size:12px;border-radius:3px}.hb-button-small:before{border-radius:6px}.hb-button-medium{height:40px;padding:0 20px;font-size:14px;border-radius:5px}.hb-button-medium:before{border-radius:10px}.hb-button-large{height:44px;padding:0 24px;font-size:14px;border-radius:5px}.hb-button-large:before{border-radius:10px}.hb-button-large .icon+.text,.hb-button-large .text+.icon{margin-left:6px}.hb-button-primary{background-color:#14191e;color:#fff}.hb-button-primary:before{border-color:#14191e}.hb-button-weak{background-color:#f3f4f5;color:#14191e}.hb-button-weak:before{border-color:#f3f4f5}.hb-button-linear{background-color:#fff;color:#646566}.hb-button-linear:before{border-color:#dadde0}.hb-button-disable{background-color:#f3f4f5;color:#8c9196;cursor:not-allowed}.hb-button-disable:before{border-color:#f3f4f5}.hb-button-success{background-color:#32b846;color:#fff}.hb-button-success:before{border-color:#32b846}.hb-button-danger{background-color:#fa3c4b;color:#fff}.hb-button-danger:before{border-color:#fa3c4b}.hb-button-bg-img{background-size:cover;background-repeat:no-repeat;background-position:50%;background-color:transparent}.hb-button-bg-img:before{border:none}.hb-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 0}.hb-empty .hb-empty_image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.hb-empty .hb-empty_desc{font-size:12px;line-height:12px;text-align:center;margin-top:12px}.hb-modal{width:100%;max-height:85vh;padding:0;border-radius:12px 12px 0 0;position:absolute;bottom:0;left:0;z-index:10;background-color:#fff;display:flex;flex-direction:column;overflow:hidden}.hb-modal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;transform:translateZ(0)}.hb-modal__title{width:100%;height:34px;margin-top:4px;text-align:center;line-height:34px;font-size:13px}.hb-modal__title.hb-modal__no-title{margin-top:0;height:12px}.hb-modal__body{width:100%;padding:0 12px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.hb-modal__footer{width:100%;padding:10px 12px 34px;box-sizing:border-box;display:flex}.hb-modal__footer.is-full{height:88px;padding:10px 12px 34px}.hb-modal__footer .hb-button{width:0;flex:1}.hb-modal__footer .hb-button:not(:first-child).hb-button:last-child{margin-left:10px}.modal-fade-enter-active,.modal-fade-leave-active{transition:all .3s ease}.modal-fade-enter,.modal-fade-leave-to{transform:translate3D(0,100%,0)}.modal-fade-enter-to,.modal-fade-leave{transform:translateZ(0)}.hb-modal-mask-enter-active,.hb-modal-mask-leave-active{transition:all .3s ease}.hb-modal-mask-enter,.hb-modal-mask-leave-to{opacity:0}.hb-modal-mask-enter-to,.hb-modal-mask-leave{opacity:1}.hb-mask{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}.hb-mask-enter{animation:hb-mask-in .24s ease}.hb-mask-leave{animation:hb-mask-out .24s ease forwards}@keyframes hb-mask-in{0%{opacity:0}}@keyframes hb-mask-out{to{opacity:0}}.hb-body_fixed{overflow:hidden}.popup__close-icon{position:absolute;top:12px;right:12px;cursor:pointer}.cpt-heybox-logo[data-v-a68d82dc]{width:54px;height:16px}.cpt-heybox-logo svg[data-v-a68d82dc]{width:100%;height:100%}.hb-page-nav[data-v-f21866f0]{position:relative;z-index:1000}.hb-page-nav .nav-inner[data-v-f21866f0]{position:fixed;left:0;top:0;width:100%}.hb-page-nav .nav-inner .base-wrapper[data-v-f21866f0]{width:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:13px}.hb-page-nav .nav-inner .over-wrapper[data-v-f21866f0]{position:absolute;left:50%;bottom:13px;width:-moz-fit-content;width:fit-content;pointer-events:none;transform:translateX(-50%)}.hb-page-nav .nav-inner .base-wrapper .text[data-v-f21866f0],.hb-page-nav .nav-inner .over-wrapper .text[data-v-f21866f0]{font-size:16px;font-weight:500;line-height:22px;letter-spacing:.25px}.hb-popover[data-v-695318ea]{position:absolute;min-width:121px;border-radius:12px;padding:12px;z-index:2000;line-height:1.4;text-align:justify;font-size:13px;word-break:break-all;max-width:calc(100% - 60px)}.hb-popover.hb-popover-light[data-v-695318ea]{background:#fff;color:#14191e;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.hb-popover.hb-popover-dark[data-v-695318ea]{background:rgba(57,61,64,.9);backdrop-filter:blur(12.5px);color:#fff}.hb-popover.hb-popover-float-top[data-v-695318ea]{animation:hb-popover-float-top-695318ea 1s linear 0s infinite alternate}.hb-popover.hb-popover-float-bottom[data-v-695318ea]{animation:hb-popover-float-bottom-695318ea 1s linear 0s infinite alternate}.hb-popover .popper__arrow[data-v-695318ea]{border-width:6px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.03));position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.hb-popover .popper__arrow[data-v-695318ea]:after{content:" ";position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:6px}.hb-popover[x-placement^=top][data-v-695318ea]{margin-bottom:12px}.hb-popover[x-placement^=top] .popper__arrow[data-v-695318ea]{bottom:-6px;left:50%;margin-right:3px;border-bottom-width:0}.hb-popover[x-placement^=top] .popper__arrow[data-v-695318ea]:after{bottom:0;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.hb-popover[x-placement^=top].hb-popover-dark .popper__arrow[data-v-695318ea]:after{border-top-color:rgba(57,61,64,.9)}.hb-popover[x-placement^=bottom][data-v-695318ea]{margin-top:12px}.hb-popover[x-placement^=bottom] .popper__arrow[data-v-695318ea]{top:-6px;left:50%;margin-right:3px;border-top-width:0}.hb-popover[x-placement^=bottom] .popper__arrow[data-v-695318ea]:after{top:0;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.hb-popover[x-placement^=bottom].hb-popover-dark .popper__arrow[data-v-695318ea]:after{border-bottom-color:rgba(57,61,64,.9)}.hb-popover[x-placement^=right][data-v-695318ea]{margin-left:12px}.hb-popover[x-placement^=right] .popper__arrow[data-v-695318ea]{top:50%;left:-6px;margin-bottom:3px;border-left-width:0}.hb-popover[x-placement^=right] .popper__arrow[data-v-695318ea]:after{bottom:-6px;left:0;border-right-color:#fff;border-left-width:0}.hb-popover[x-placement^=right].hb-popover-dark .popper__arrow[data-v-695318ea]:after{border-right-color:rgba(57,61,64,.9)}.hb-popover[x-placement^=left][data-v-695318ea]{margin-right:12px}.hb-popover[x-placement^=left] .popper__arrow[data-v-695318ea]{top:50%;right:-6px;margin-bottom:3px;border-right-width:0}.hb-popover[x-placement^=left] .popper__arrow[data-v-695318ea]:after{right:0;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.hb-popover[x-placement^=left].hb-popover-dark .popper__arrow[data-v-695318ea]:after{border-left-color:rgba(57,61,64,.9)}.hb-popover[data-v-695318ea]:focus,.hb-popover[data-v-695318ea]:focus:active,.hb-popover__reference[data-v-695318ea]:focus:hover,.hb-popover__reference[data-v-695318ea]:focus:not(.focusing){outline-width:0}.popover-fade-enter-active[data-v-695318ea],.popover-fade-leave-active[data-v-695318ea]{transition:opacity .3s ease-out}.popover-fade-enter[data-v-695318ea],.popover-fade-leave-to[data-v-695318ea]{opacity:0}@keyframes hb-popover-float-top-695318ea{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes hb-popover-float-bottom-695318ea{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.hb-tab-pane{position:relative}.hb-tabs .hb-tabs-nav{display:flex;align-items:center}.hb-tabs .hb-tabs-nav .hb-tabs-nav_inner{display:flex;align-items:center;overflow-x:scroll;height:34px;background:#f7f8f9;border-radius:3px;position:relative;-ms-overflow-style:none;scrollbar-width:none}.hb-tabs .hb-tabs-nav .hb-tabs-nav_inner::-webkit-scrollbar{display:none}.hb-tabs .hb-tabs-nav .hb-tabs-nav_inner.hb-tabs-nav_inner_stretch{width:100%}.hb-tabs .hb-tabs-nav.hb-tabs-nav-line .hb-tabs-nav_inner{background:transparent;height:42px;border-radius:0}.hb-tabs .hb-tabs-nav.hb-tabs-nav-line .hb-tabs-nav_inner .hb-tabs-nav-item{font-size:14px;line-height:20px}.hb-tabs .hb-tabs-nav.hb-tabs-nav-line .hb-tabs-nav_inner .hb-tabs-nav-item:after{display:none}.hb-tabs .hb-tabs-nav.hb-tabs-nav-card .hb-tabs-nav_inner{padding:2px}.hb-tabs .hb-tabs-nav .hb-tabs-nav-item{width:auto;flex:auto;flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:400;line-height:18px;color:#646566;position:relative;z-index:1;padding:0 12px;cursor:pointer}.hb-tabs .hb-tabs-nav .hb-tabs-nav-item:not(:first-child):after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleX(.5);height:16px;width:1px;background:#dadde0}.hb-tabs .hb-tabs-nav .hb-tabs-nav-item.hb-tabs-nav-active{font-weight:500;color:#14191e}.hb-tabs .hb-tabs-nav .hb-tabs-nav-item.hb-tabs-nav-active+.hb-tabs-nav-item:after,.hb-tabs .hb-tabs-nav .hb-tabs-nav-item.hb-tabs-nav-active:after{display:none}.hb-tabs .hb-tabs-nav .hb-tabs-nav-item .hb-tabs-nav-label{white-space:nowrap}.hb-tabs .hb-tabs-nav .hb-tabs-active-bar{position:absolute;left:0;top:50%;transform:translate3d(2px,-50%,0);height:30px;background:#fff;border-radius:3px}.hb-tabs .hb-tabs-nav .hb-tabs-active-bar.hb-tabs-active-bar-animate{transition:transform .35s ease,width .35s ease}.hb-tabs .hb-tabs-nav .hb-tabs-active-bar-line{height:2px;bottom:0;top:auto;transform:none;background:#14191e;border-radius:1px}.hb-iconfont{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.hb-loading{display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.hb-loading.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0}.hb-loading .hb-loading-spinner{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:100}.hb-loading .hb-loading-spinner .loading-circle{position:absolute;width:44px;height:44px;border:2px solid #dadde0;border-top-color:#64696e;border-radius:100%}.hb-loading .hb-loading-spinner .spin-round{animation:spin-round .9s linear infinite}@keyframes spin-round{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hb-loading .hb-loading-spinner .hb-loading-popover-enter-active,.hb-loading .hb-loading-spinner .hb-loading-popover-leave-active{transition:all .16s ease-in-out;opacity:1}.hb-loading .hb-loading-spinner .hb-loading-popover-enter,.hb-loading .hb-loading-spinner .hb-loading-popover-leave-to{opacity:0}.hb-loading-parent--hidden{overflow:hidden!important}.hb-loading-parent--relative{position:relative!important}.hb-toast[data-v-f16515fe]{position:absolute;left:50%;box-sizing:border-box;background-color:rgba(57,61,64,.9)}.hb-toast__center[data-v-f16515fe]{padding:20px;border-radius:12px;top:50%;transform:translate(-50%,-50%)}.hb-toast__bottom[data-v-f16515fe]{padding:8px 20px;border-radius:17px;bottom:100px;transform:translateX(-50%)}.hb-toast__wrapper[data-v-f16515fe]{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;overflow:auto;transform:translateZ(0)}.hb-toast__wrapper.click-through[data-v-f16515fe]{pointer-events:none}.hb-toast__text[data-v-f16515fe]{max-width:180px;line-height:18px;text-align:center;font-size:13px;color:#fff}.hb-toast__text.has-margin__top[data-v-f16515fe]{margin-top:10px}.hb-toast__loading[data-v-f16515fe]{width:34px;height:34px;margin:0 auto}.hb-toast__loading .hb-loading__circular[data-v-f16515fe]{width:34px;height:34px;animation:hb-toast-loading-rotate-f16515fe 2s linear infinite}.hb-toast__loading .hb-loading__bg[data-v-f16515fe]{stroke-width:3;stroke:hsla(0,0%,100%,.3)}.hb-toast__loading .hb-loading__path[data-v-f16515fe]{animation:hb-toast-spin-round-f16515fe 1.5s linear infinite;stroke-width:3;stroke:#dadde0;stroke-linecap:round}.hb-toast__icon[data-v-f16515fe]{width:25px;height:24px;margin:0 auto}.toast-fade-enter-active[data-v-f16515fe],.toast-fade-leave-active[data-v-f16515fe]{transition:all .16s ease-out}.toast-fade-enter[data-v-f16515fe],.toast-fade-leave-to[data-v-f16515fe]{opacity:0}@keyframes hb-toast-loading-rotate-f16515fe{to{transform:rotate(1turn)}}@keyframes hb-toast-spin-round-f16515fe{0%{stroke-dasharray:20,132;stroke-dashoffset:0}50%{stroke-dasharray:90,62;stroke-dashoffset:-60px}to{stroke-dasharray:20,132;stroke-dashoffset:-152px}}.hb-mask[data-v-f16515fe]{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}.hb-mask-enter[data-v-f16515fe]{animation:hb-mask-in-f16515fe .24s ease}.hb-mask-leave[data-v-f16515fe]{animation:hb-mask-out-f16515fe .24s ease forwards}@keyframes hb-mask-in-f16515fe{0%{opacity:0}}@keyframes hb-mask-out-f16515fe{to{opacity:0}}.hb-body_fixed[data-v-f16515fe]{overflow:hidden}.popup__close-icon[data-v-f16515fe]{position:absolute;top:12px;right:12px;cursor:pointer}body.open-app{padding-bottom:106px}.heybox-share-header{position:sticky;z-index:4000;top:0}.heybox-share-header.use-fixed{position:fixed;top:0;left:0;right:0}.heybox-share-header .hb-share-header:after{content:"";width:200%;height:1px;position:absolute;bottom:0;background:#f3f4f5;transform-origin:-40px bottom;transform:scale(.5)}.heybox-share-header .hb-share-header{max-width:640px;margin:0 auto;display:flex;align-items:center;padding:10px 14px;height:60px;background:#fff}.heybox-share-header .hb-share-header .app-logo{width:34px}.heybox-share-header .hb-share-header .app-logo img{display:block;width:34px;height:34px;border-radius:4px}.heybox-share-header .hb-share-header>.col-2{flex:1;min-width:0;padding:0 12px;line-height:1;font-weight:400}.heybox-share-header .hb-share-header .app-name{font-size:14px;margin-bottom:4px;color:#14191e}.heybox-share-header .hb-share-header .app-desc{font-size:11px;line-height:16px;color:#8c9196}.heybox-share-header .hb-share-header .download-btn{display:flex;justify-content:center;align-items:center;width:72px;height:30px;background:#14191e;color:#fff;font-size:12px;font-weight:500;border-radius:3px;padding:5px}.heybox-share-header .hb-share-header .gradient-ramp{background:linear-gradient(45deg,#464b50,#14191e)}@media screen and (max-width:980px){.heybox-share-header .hb-qrc{display:none}}.heybox-share-header .hb-qrc{width:150px;position:fixed;z-index:100;top:148px;left:50%;transform:translateX(320px);font-size:12px;line-height:1;font-weight:500;padding:12px;background-color:#fff}.heybox-share-header .hb-qrc img{display:block;width:126px;height:126px;margin:auto;margin-bottom:8px}.heybox-share-header .hb-qrc .main-txt{font-size:14px;font-weight:500;color:#8c9196;text-align:center;line-height:1;margin-bottom:8px}.heybox-share-header .hb-qrc .sub-txt{color:#c8cdd2;font-size:12px;text-align:center}@media only screen and (max-width:640px){.heybox-share-header .hb-share-header:after{transform-origin:-20px bottom}.heybox-share-header .hb-share-header{padding:8px 10px}}.heybox-share-header .open-in-app{z-index:2018;left:0;right:0;bottom:60px;width:100px;height:34px;background:#14191e;border-radius:17px;color:#fff;font-size:12px;line-height:1;margin:auto}.heybox-share-header .open-in-app,.heybox-share-popover{position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 16px 0 rgba(20,25,30,.14)}.heybox-share-popover{bottom:90px;left:50%;width:166px;height:48px;background:linear-gradient(46deg,#464b50 -.9%,#14191e 100.9%);border-radius:30px;transform:translateX(-50%);cursor:pointer;z-index:4000}.heybox-share-popover .heybox-logo{width:22px;height:22px;border-radius:4px;overflow:hidden}.heybox-share-popover .heybox-logo img{width:100%;height:100%}.heybox-share-popover .btn-text{font-size:16px;font-weight:600;line-height:20px;color:#fff;margin-left:8px}.cpt-footer{width:100%;height:38px;display:flex;flex-direction:row;align-items:flex-start;justify-content:center}.cpt-footer img{height:18px}.view-steam-info{width:100%;margin-top:10px;padding-bottom:10px}.view-steam-info .block-user{display:flex;height:70px;padding:0 12px;flex-direction:row;align-items:center}.view-steam-info .block-user .user-avatar-wrapper{position:relative;display:flex;width:70px;height:70px;flex-shrink:0;flex-direction:row;align-items:center;justify-content:center}.view-steam-info .block-user .user-avatar-wrapper .user-avatar{width:70px;height:70px}.view-steam-info .block-user .user-avatar-wrapper .user-avatar-frame{position:absolute;top:50%;left:50%;width:84px;height:84px;transform:translate(-50%,-50%)}.view-steam-info .block-user .user-avatar-wrapper .refresh{position:absolute;bottom:0;left:0;display:flex;width:100%;height:24px;background:rgba(0,0,0,.5);align-items:center;justify-content:center}.view-steam-info .block-user .user-avatar-wrapper .refresh span{font-size:10px;line-height:14px;color:#fff}.view-steam-info .block-user .user-avatar-wrapper .refresh .img{display:flex;justify-content:center;align-items:center;width:14px;height:14px}.view-steam-info .block-user .user-avatar-wrapper .refresh .img img{width:100%;height:100%}.view-steam-info .block-user .user-avatar-wrapper .refresh .img.rotate{animation:roll 1.5s linear infinite}.view-steam-info .block-user .user-info-wrapper{flex:1;width:0;margin-left:10px}.view-steam-info .block-user .user-info-wrapper .line-name{display:flex;height:22px;flex-direction:row;align-items:center;justify-content:space-between}.view-steam-info .block-user .user-info-wrapper .line-name .user-name{width:0;font-size:16px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;font-family:PingFang SC}.view-steam-info .block-user .user-info-wrapper .line-name .last-update{margin-left:6px;font-family:PingFang SC;font-size:10px;color:var(--color-70a);flex-shrink:0}.view-steam-info .block-user .user-info-wrapper .line-switch{display:flex;width:100%;height:20px;margin-top:4px;flex-direction:row;align-items:center}.view-steam-info .block-user .user-info-wrapper .line-switch .online-state{display:flex;flex-direction:row;align-items:center;flex:1;width:0}.view-steam-info .block-user .user-info-wrapper .line-switch .online-state .badge-icon{flex-shrink:0;width:14px;height:14px;margin-right:4px}.view-steam-info .block-user .user-info-wrapper .line-switch .online-state .online-desc{width:0;font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1}.view-steam-info .block-user .user-info-wrapper .line-switch .switch-btn{display:flex;width:-moz-fit-content;width:fit-content;height:20px;padding:0 6px;color:var(--color-100a);background:var(--color-btn-bg-1);border-radius:3px;margin-left:4px;flex-shrink:0;flex-direction:row;align-items:center}.view-steam-info .block-user .user-info-wrapper .line-switch .switch-btn i{font-size:12px}.view-steam-info .block-user .user-info-wrapper .line-switch .switch-btn .switch-text{font-family:PingFang SC;font-size:10px;font-weight:500}.view-steam-info .block-user .user-info-wrapper .line-signature{font-size:11px;line-height:15px;color:var(--color-100a);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:4px;font-family:PingFang SC}.view-steam-info .block-account-data{display:flex;padding:0 12px;margin-top:10px;flex-direction:row;align-items:center}.view-steam-info .block-account-data .account-region{display:flex;height:60px;padding:14px 10px;background:var(--color-03a);border-radius:6px;flex-shrink:0;margin-right:10px;flex-direction:row;align-items:center}.view-steam-info .block-account-data .account-region .level-info{width:30px;flex-shrink:0}.view-steam-info .block-account-data .account-region .level-info .level-icon-wrapper{width:30px;height:30px;font-size:12px;font-weight:700;line-height:30px;text-align:center;background-image:url(https://cdn.max-c.com/heybox/steam/profile/level/100.png);background-position:0 30px;background-size:30px auto;font-family:PingFang SC}.view-steam-info .block-account-data .account-region .region-info{margin-left:8px;display:flex;flex-direction:column;justify-content:center}.view-steam-info .block-account-data .account-region .region-info .region-item{display:flex;flex-direction:row;align-items:center}.view-steam-info .block-account-data .account-region .region-info .region-item:not(:first-child){margin-top:4px}.view-steam-info .block-account-data .account-region .region-info .region-item .label,.view-steam-info .block-account-data .account-region .region-info .region-item .value{font-family:PingFang SC;font-size:10px;font-weight:400;line-height:14px;transform:scale(.9);transform-origin:center}.view-steam-info .block-account-data .account-region .region-info .region-item .region{width:20px;height:12px;transform:scale(.9);transform-origin:center;margin-left:2px}.view-steam-info .block-account-data .account-value{display:flex;width:0;height:60px;background:var(--color-03a);border-radius:6px;flex:2.216;flex-direction:row;align-items:center;justify-content:center}.view-steam-info .block-account-data .account-value .data-block{position:relative;display:flex;width:0;height:48px;border-radius:3px;flex:1;flex-direction:column;align-items:center;justify-content:center}.view-steam-info .block-account-data .account-value .data-block .value-wrapper{position:relative;display:flex;flex-direction:row;align-items:baseline;justify-content:center}.view-steam-info .block-account-data .account-value .data-block .value-wrapper .value{font-family:Helvetica Neue;font-size:15px;font-weight:700;line-height:18px;color:var(--color-90a)}.view-steam-info .block-account-data .account-value .data-block .value-wrapper .rank{position:absolute;bottom:2px;left:calc(100% + 1px);font-size:10px;color:#46bfff;white-space:nowrap;transform:scale(.7);transform-origin:bottom left;font-family:Helvetica}.view-steam-info .block-account-data .account-value .data-block .image{width:24px;height:24px}.view-steam-info .block-account-data .account-value .data-block .label{display:flex;font-size:10px;line-height:13px;color:var(--color-70a);transform:scale(.9);transform-origin:center;margin-top:1px;font-family:PingFang SC;flex-direction:row;align-items:center}.view-steam-info .block-account-data .account-value .data-block .label i{font-size:9px;margin-left:2px}.view-steam-info .block-friend-code{margin:0 12px;padding:0 12px;margin-top:8px;background:var(--color-03a);border-radius:6px}.view-steam-info .block-friend-code .friend-code-copy-area{position:relative;display:flex;width:100%;height:32px;flex-direction:row;align-items:center;justify-content:space-between}.view-steam-info .block-friend-code .friend-code-copy-area:after{position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--color-03a);transform:scaleY(.5);content:""}.view-steam-info .block-friend-code .friend-code-copy-area .copy-tip,.view-steam-info .block-friend-code .friend-code-copy-area .tip{font-family:PingFang SC;font-size:10px;font-weight:400;color:var(--color-70a)}.view-steam-info .block-friend-code .friend-code-copy-area .copy-tip{color:var(--color-80a)}.view-steam-info .block-friend-code .friend-code-copy-area .friend-code{font-family:PingFang SC;font-size:14px;font-weight:700;color:var(--color-100a)}.view-steam-info .block-friend-code .friend-list-area{display:flex;width:100%;height:36px;flex-direction:row;align-items:center;justify-content:center}.view-steam-info .block-friend-code .friend-list-area .friend-list-title{font-family:PingFang SC;font-size:10px;font-weight:400;color:var(--color-70a)}.view-steam-info .block-friend-code .friend-list-area .friends-wrapper{display:flex;width:0;margin:0 10px;flex:1;flex-direction:row;align-items:center;justify-content:center}.view-steam-info .block-friend-code .friend-list-area .friends-wrapper .friend-desc{font-size:10px;color:var(--color-70a)}.view-steam-info .block-friend-code .friend-list-area .friends-wrapper .friend-avatar{position:relative;box-sizing:border-box;width:20px;height:20px;border-radius:3px;overflow:hidden;flex-shrink:0}.view-steam-info .block-friend-code .friend-list-area .friends-wrapper .friend-avatar:not(:last-child){margin-right:5px}.view-steam-info .block-friend-code .friend-list-area .friends-wrapper .friend-avatar img{width:100%;height:100%}.view-steam-info .block-friend-code .friend-list-area .friends-wrapper .friend-avatar .online-mask{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #c8cdd2;border-radius:3px;opacity:.6}.view-steam-info .block-friend-code .friend-list-area i{font-size:12px;color:var(--color-70a)}@keyframes roll{0%{transform:rotate(1turn)}to{transform:rotate(0)}}@font-face{font-family:Helvetica;src:url(https://static.max-c.com/static/heybox/webapp/@heybox-h5/account-steam_personal_page-home/app/img/HelveticaNeue.d2c864d4ae.woff) format("woff"),url(https://static.max-c.com/static/heybox/webapp/@heybox-h5/account-steam_personal_page-home/app/img/HelveticaNeue.d271c8a48c.ttf) format("truetype");font-style:normal;font-weight:400}.cpt-game-item{height:72px;width:100%;position:relative}.cpt-game-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:12px;height:1px;width:calc(100% - 24px);background:var(--color-03a);transform:scaleY(.5)}.cpt-game-item .game-image-wrapper{width:120px;height:56px;border-radius:5px;overflow:hidden;position:relative}.cpt-game-item .game-image-wrapper.rainbow{background:linear-gradient(13deg,#ffd000,#b0ff6d,#66b9ff,#ffd000,#b0ff6d,#66b9ff);background-size:300% 100%;background-position:0 0;border-radius:5px;animation:moveGradientHorizontal 5s linear infinite}.cpt-game-item .game-image-wrapper.rainbow .game-image{position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px;border-radius:3px}.cpt-game-item .game-image-wrapper.rainbow .game-online-wrapper{bottom:2px;left:2px;border-radius:0 0 0 6px}.cpt-game-item .game-image-wrapper.rainbow .game-not-own-tip{top:2px;right:2px}.cpt-game-item .game-image-wrapper .game-image{width:120px;height:56px}.cpt-game-item .game-image-wrapper .game-online-wrapper{position:absolute;bottom:0;left:0;height:32px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 8px;background:rgba(0,0,0,.7);transform:scale(.5);transform-origin:bottom left}.cpt-game-item .game-image-wrapper .game-online-wrapper .online-dot{width:8px;height:8px;border-radius:50%;background:#32b846;margin-right:9px}.cpt-game-item .game-image-wrapper .game-online-wrapper .online-desc{font-size:18px;color:hsla(0,0%,100%,.7)}.cpt-game-item .game-image-wrapper .game-not-own-tip{position:absolute;top:0;right:0;height:32px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 8px;background:rgba(0,0,0,.7);transform:scale(.5);transform-origin:top right;border-radius:0 0 0 8px;color:hsla(0,0%,100%,.7)}.cpt-game-item .game-image-wrapper .game-not-own-tip .not-own-desc{font-size:18px;color:hsla(0,0%,100%,.7)}.cpt-game-item .game-image-wrapper .game-not-own-tip i{margin-left:4px}.cpt-game-item .game-info-wrapper{display:flex;flex-direction:column;justify-content:center}.cpt-game-item .game-info-wrapper .game-name{font-family:PingFang SC;font-size:14px;font-weight:500;line-height:20px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.cpt-game-item .game-info-wrapper .game-time{margin-top:6px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:14px}.cpt-game-item .game-info-wrapper .game-time .total-time,.cpt-game-item .game-info-wrapper .game-time .week-time{font-family:Helvetica;font-size:12px;font-weight:400;line-height:14px;text-align:right;color:var(--color-70a)}.cpt-game-item .game-info-wrapper .game-time .total-time.active,.cpt-game-item .game-info-wrapper .game-time .week-time.active{color:var(--color-100a)}.cpt-game-item .game-info-wrapper .bar-container{width:100%;height:4px;margin-top:4px;border-radius:2px;position:relative;background:var(--color-10a);overflow:hidden}.cpt-game-item .game-info-wrapper .bar-container .bar{height:4px;border-radius:2px;position:absolute;top:0;left:0}.cpt-game-item .game-archive-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.cpt-game-item .game-archive-wrapper.platium .count-wrapper{color:var(--color-100a);font-weight:700}.cpt-game-item .game-archive-wrapper .medal-img{width:20px;height:24px;margin-bottom:4px}.cpt-game-item .game-archive-wrapper .count-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:12px;line-height:14px;color:var(--color-70a)}.cpt-game-item .game-archive-wrapper .count-wrapper.platinum{color:var(--color-100a);font-weight:700}.cpt-game-item .game-archive-wrapper .count-wrapper .achieved-count,.cpt-game-item .game-archive-wrapper .count-wrapper .achivement-count{font-family:Helvetica}.cpt-game-item .game-archive-wrapper .count-wrapper .achieved-count{color:var(--color-100a)}.cpt-game-item .game-archive-wrapper .count-wrapper .divi{margin:0 2px}@keyframes moveGradientHorizontal{0%{background-position:0 0}to{background-position:150% 0}}.cpt-game-list .game-line{width:100%;padding:0 0 0 12px;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-game-list .game-line .col-1{width:120px;flex-shrink:0;margin-right:10px}.cpt-game-list .game-line .col-2{flex:7;width:0}.cpt-game-list .game-line .col-3{flex:5;width:0}.cpt-game-list .game-form-title{height:21px;padding-bottom:7px;display:flex;flex-direction:row;align-items:center;font-size:12px;line-height:16px;text-align:left;color:var(--color-70a);position:relative}.cpt-game-list .game-form-title:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background:var(--color-03a);transform:scaleY(.5)}.cpt-game-list .game-form-title .game-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.cpt-game-list .game-form-title .game-archive{display:flex;flex-direction:row;justify-content:center}.cpt-game-list .game-form-title .game-selector{display:flex;flex-direction:row;align-items:center}.cpt-game-list .game-form-title .game-selector i{font-size:8px;margin-left:2px}.cpt-game-vertical{width:calc(33.33333% - 5.33333px);margin-right:5px;height:-moz-fit-content;height:fit-content;position:relative;border-radius:5px;overflow:hidden}.cpt-game-vertical.rainbow{background:linear-gradient(36deg,#ffd000,#b0ff6d,#66b9ff,#ffd000,#b0ff6d,#66b9ff);background-size:300% 100%;background-position:0 0;border-radius:5px;animation:moveGradient 5s linear infinite}.cpt-game-vertical.rainbow .game-card-inner .game-vertical-img{top:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:3px}.cpt-game-vertical.column-4 .game-card-inner .medal-icon{top:1px;right:-2px;height:22px}.cpt-game-vertical.column-4 .game-card-inner .game-achieves{height:16px}.cpt-game-vertical.column-4 .game-card-inner .game-achieves .achieved,.cpt-game-vertical.column-4 .game-card-inner .game-achieves .divi,.cpt-game-vertical.column-4 .game-card-inner .game-achieves .total-achieve{font-family:Helvetica Neue;font-size:11px;font-weight:500}.cpt-game-vertical.column-4 .game-card-inner .game-achieves .medal-inner-icon{height:22px;right:-13px;top:-3px;position:absolute}.cpt-game-vertical.column-5 .game-card-inner .medal-icon{top:.5px;right:-1.8px;height:20px}.cpt-game-vertical.column-5 .game-card-inner .game-time{height:19px;padding:4px 6px}.cpt-game-vertical.column-5 .game-card-inner .game-time.platium{left:2px;right:2px;bottom:2px;padding:4px 4px 2px}.cpt-game-vertical.column-5 .game-card-inner .game-time.platium:before{height:25px}.cpt-game-vertical.column-5 .game-card-inner .game-time.platium .game-time-text{transform:scale(.75) translateY(3px)}.cpt-game-vertical.column-5 .game-card-inner .game-time .game-time-text{transform:scale(.75);line-height:12px;transform-origin:left top}.cpt-game-vertical.column-5 .game-card-inner .game-achieves{transform:scale(.5);transform-origin:top right;padding:2px 8px;height:28px;border-radius:4px;top:4px;right:4px}.cpt-game-vertical.column-5 .game-card-inner .game-achieves.platium{padding:2px 12px 2px 8px;right:11px}.cpt-game-vertical.column-5 .game-card-inner .game-achieves.platium .achieved,.cpt-game-vertical.column-5 .game-card-inner .game-achieves.platium .divi,.cpt-game-vertical.column-5 .game-card-inner .game-achieves.platium .total-achieve{color:#fff;font-weight:700}.cpt-game-vertical.column-5 .game-card-inner .game-achieves .achieved,.cpt-game-vertical.column-5 .game-card-inner .game-achieves .divi,.cpt-game-vertical.column-5 .game-card-inner .game-achieves .total-achieve{font-family:Helvetica Neue;font-size:18px;font-weight:500;color:hsla(0,0%,100%,.7)}.cpt-game-vertical.column-5 .game-card-inner .game-achieves .achieved{color:#fff}.cpt-game-vertical.column-5 .game-card-inner .game-achieves .divi{margin:0 2px}.cpt-game-vertical.column-5 .game-card-inner .game-achieves .medal-inner-icon{height:40px;right:-26px;top:-6px;position:absolute}.cpt-game-vertical.column-5.rainbow .game-card-inner .game-vertical-img{top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:3px}.cpt-game-vertical .game-card-inner{width:100%;padding-bottom:143.86%;position:relative}.cpt-game-vertical .game-card-inner .game-vertical-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:5px}.cpt-game-vertical .game-card-inner .simple-border{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;box-sizing:border-box;border:1px solid hsla(0,0%,100%,.05)}.cpt-game-vertical .game-card-inner .rainbow-border{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px}.cpt-game-vertical .game-card-inner .rainbow-border:after{position:absolute;content:"";top:0;left:0;z-index:-1;width:100%;height:100%}.cpt-game-vertical .game-card-inner .game-time{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;border-radius:3px}.cpt-game-vertical .game-card-inner .game-time:before{content:"";position:absolute;bottom:0;left:0;height:36px;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);border-radius:0 0 3px 3px}.cpt-game-vertical .game-card-inner .game-time.platium{left:3px;right:3px;bottom:3px;padding:6px 5px 3px}.cpt-game-vertical .game-card-inner .game-time.platium:before{height:33px}.cpt-game-vertical .game-card-inner .game-time .game-time-text{position:relative;z-index:1;color:#fff;font-family:Helvetica Neue;font-size:12px;font-weight:700;line-height:15px}.cpt-game-vertical .game-card-inner .medal-icon{height:24px;position:absolute;top:2px;right:-2px}.cpt-game-vertical .game-card-inner .game-achieves{padding:1px 4px;height:18px;border-radius:2px;background:rgba(0,0,0,.5);display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:5px;right:5px;pointer-events:none}.cpt-game-vertical .game-card-inner .game-achieves.platium{padding:1px 8px 1px 4px;right:12px}.cpt-game-vertical .game-card-inner .game-achieves.platium .achieved,.cpt-game-vertical .game-card-inner .game-achieves.platium .divi,.cpt-game-vertical .game-card-inner .game-achieves.platium .total-achieve{color:#fff;font-weight:700}.cpt-game-vertical .game-card-inner .game-achieves .achieved,.cpt-game-vertical .game-card-inner .game-achieves .divi,.cpt-game-vertical .game-card-inner .game-achieves .total-achieve{font-family:Helvetica Neue;font-size:12px;font-weight:500;color:hsla(0,0%,100%,.7)}.cpt-game-vertical .game-card-inner .game-achieves .achieved{color:#fff}.cpt-game-vertical .game-card-inner .game-achieves .divi{margin:0 1px}.cpt-game-vertical .game-card-inner .game-achieves .medal-inner-icon{height:24px;right:-14px;top:-3px;position:absolute}.cpt-game-vertical .game-time-progress{position:absolute;width:100%;height:38px;left:0;bottom:0;padding:8px;border-radius:0 0 5px 5px;pointer-events:none}.cpt-game-vertical .game-time-progress:before{content:"";width:100%;height:calc(100% + 6px);position:absolute;left:0;bottom:0;border-radius:0 0 5px 5px;background:#000;-webkit-mask-image:linear-gradient(0deg,#000 0,rgba(0,0,0,.8) 45%,transparent);mask-image:linear-gradient(0deg,#000 0,rgba(0,0,0,.8) 45%,transparent);backdrop-filter:blur(10px);z-index:0}.cpt-game-vertical .game-time-progress.platium{width:calc(100% - 6px);height:35px;left:3px;bottom:3px;padding:8px 5px 5px;border-radius:0 0 3px 3px}.cpt-game-vertical .game-time-progress .game-time{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:14px;position:relative;z-index:1}.cpt-game-vertical .game-time-progress .game-time .total-time,.cpt-game-vertical .game-time-progress .game-time .week-time{font-family:Helvetica;font-size:10px;font-weight:400;line-height:14px;text-align:right;color:hsla(0,0%,100%,.7)}.cpt-game-vertical .game-time-progress .game-time .total-time.active,.cpt-game-vertical .game-time-progress .game-time .week-time.active{color:#fff}.cpt-game-vertical .game-time-progress .bar-container{width:100%;height:4px;margin-top:4px;border-radius:2px;position:relative;background:hsla(0,0%,100%,.1);overflow:hidden}.cpt-game-vertical .game-time-progress .bar-container .bar{height:4px;border-radius:2px;position:absolute;top:0;left:0}@keyframes moveGradient{0%{background-position:0 0}to{background-position:150% 0}}.cpt-vertical-list{padding:0 12px;display:flex;flex-direction:row;flex-wrap:wrap}.view-game-list .common-title{justify-content:space-between}.view-game-list .view-selector{padding:1px;background:var(--color-03a)}.view-game-list .view-selector,.view-game-list .view-selector .selector-option{display:flex;border-radius:3px;flex-direction:row;align-items:center;justify-content:center}.view-game-list .view-selector .selector-option{width:30px;height:22px}.view-game-list .view-selector .selector-option.active{background:var(--color-05a)}.view-game-list .view-selector .selector-option.active svg path{fill-opacity:.8}.view-game-list .view-selector .selector-option svg path{fill:var(--color-100a)}.view-game-list .common-footer-btn{padding:2px 12px 0!important}.view-game-distribution{display:flex;height:155px;margin:0 12px 20px;padding:8px 12px 10px;background:var(--color-02a);border-radius:8px;box-shadow:0 0 .5px var(--color-02a);flex-direction:column}.view-game-distribution .title-area{flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.view-game-distribution .title-area .title{font-size:13px;font-weight:500;line-height:18px;color:var(--color-80a);font-family:PingFang SC}.view-game-distribution .title-area .hb-tabs .hb-tabs-nav .hb-tabs-nav_inner{height:24px;padding:1px;background:var(--color-05a)}.view-game-distribution .title-area .hb-tabs .hb-tabs-nav .hb-tabs-nav-item{height:22px;margin:0!important;padding:0 8px;font-size:12px;line-height:22px;color:var(--color-70a);text-align:center;border-radius:2px;font-family:PingFang SC}.view-game-distribution .title-area .hb-tabs .hb-tabs-nav .hb-tabs-nav-item.hb-tabs-nav-active{color:var(--color-100a)}.view-game-distribution .title-area .hb-tabs .hb-tabs-nav .hb-tabs-active-bar{height:22px;background:var(--color-05a);border-radius:2px}.view-game-distribution .chart-area{margin-top:12px;flex-grow:1;height:100%}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;width:calc(var(--swiper-navigation-size)/44*27);height:44px;height:var(--swiper-navigation-size);margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#007aff;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:#007aff;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s linear infinite;box-sizing:border-box;border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{to{transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.view-ad{position:relative;width:100%;margin-top:4px;padding:0 12px 10px}.view-ad .pagination{position:absolute;bottom:4px;left:0;z-index:10;display:flex;width:100%;align-items:center;justify-content:center}.view-ad .pagination .swiper-pagination-bullet{width:8px;height:2px;background:hsla(0,0%,100%,.4);border-radius:2px}.view-ad .pagination .swiper-pagination-bullet-active{background:#fff}.view-ad .pagination .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:4px}.view-ad .swiper-ad{width:100%;height:calc(19vw - 4.56px);overflow:hidden}.view-ad .swiper-ad .swiper-slide img{width:100%;height:100%;border-radius:5px}.cpt-community-awar{width:calc(25% - 4.5px);height:52px;padding:6px 0 6px 8px;background:var(--color-03a);border-radius:4px;margin-bottom:6px}.cpt-community-awar:not(:nth-child(4n)){margin-right:6px}.cpt-community-awar{display:flex;flex-direction:row;align-items:flex-end;justify-content:center}.cpt-community-awar .award-img{width:40px;height:40px}.cpt-community-awar .award-count{font-family:PingFang SC;font-size:11px;line-height:16px;margin-left:2px;color:var(--color-70a)}.view-community-award .community-award-wrapper{display:flex;padding:0 12px;flex-flow:row wrap;align-items:center}.cpt-item-block{position:relative;width:calc(16.66667% - 5px);margin-bottom:6px;border-radius:5px;overflow:hidden;background:var(--color-03a)}.cpt-item-block:after{content:"";display:block;margin-top:100%;pointer-events:none}.cpt-item-block:not(:nth-child(6n)){margin-right:6px}.cpt-item-block .item-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 6px);height:calc(100% - 6px)}.cpt-item-block .item-border{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-radius:5px;border:1px solid #8650ac}.view-item-list .item-list-wrapper,.view-trade-item-list .trade-item-list-wrapper{display:flex;padding:0 12px;flex-flow:row wrap;align-items:center}.view-favorite-game .favorite-game-wrapper{margin:0 12px;padding:10px;background:var(--color-03a);border-radius:8px}.view-favorite-game .favorite-game-wrapper .game-info-line{display:flex;flex-direction:row;align-items:center;justify-content:center}.view-favorite-game .favorite-game-wrapper .game-info-line .game-image{height:44px;border-radius:5px;opacity:.81;flex-shrink:0}.view-favorite-game .favorite-game-wrapper .game-info-line .game-info-content{margin-left:10px;flex:1;width:0}.view-favorite-game .favorite-game-wrapper .game-info-line .game-info-content .game-name{max-width:100%;font-size:16px;font-weight:500;line-height:22px;color:var(--color-100a);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:PingFang SC}.view-favorite-game .favorite-game-wrapper .game-info-line .game-info-content .play-time{font-size:12px;line-height:14px;color:var(--color-80a);margin-top:4px}.view-favorite-game .favorite-game-wrapper .game-achieve-line{display:flex;height:50px;margin-top:10px;flex-direction:row;align-items:center}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-badge-wrapper{display:flex;width:130px;height:50px;padding:0 12px;background:var(--color-03a);border-radius:5px;flex-shrink:0;margin-right:10px;flex-direction:row;align-items:center;justify-content:center}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-badge-wrapper .badge-image{width:34px;height:34px;margin-right:10px;flex-shrink:0}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-badge-wrapper .badge-info{width:0;flex:1}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-badge-wrapper .badge-info .badge-exp,.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-badge-wrapper .badge-info .badge-name{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-badge-wrapper .badge-info .badge-name{font-size:12px;line-height:16px;color:var(--color-100a);font-family:PingFang SC}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-badge-wrapper .badge-info .badge-exp{font-size:10px;line-height:14px;color:var(--color-80a);margin-top:2px}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-achieve-wrapper{display:flex;height:50px;padding:0 12px;background:var(--color-03a);border-radius:5px;flex-shrink:0;flex-grow:175;flex-direction:column;justify-content:center}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-achieve-wrapper .achieve-overview{font-size:10px;line-height:14px;color:var(--color-100a)}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-achieve-wrapper .achieve-list{margin-top:4px;display:flex;flex-direction:row;align-items:center}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-achieve-wrapper .achieve-list .achieve-item{display:flex;width:21px;height:21px;background:var(--color-03a);border-radius:3px;overflow:hidden;flex-direction:row;align-items:center;justify-content:center}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-achieve-wrapper .achieve-list .achieve-item:not(:last-child){margin-right:4px}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-achieve-wrapper .achieve-list .achieve-item .achieve-image{max-height:21px;max-width:21px}.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-achieve-wrapper .achieve-list .achieve-item .extra{font-size:10px;color:var(--color-80a);transform:scale(.9);transform-origin:center}.view-game-collection .game-collection-wrapper{display:flex;padding:0 12px;flex-flow:row wrap;align-items:center}.view-game-collection .game-collection-wrapper .own-game{position:relative;width:calc(25% - 4.5px);margin-bottom:6px;border-radius:3px;overflow:hidden}.view-game-collection .game-collection-wrapper .own-game:not(:nth-child(4n)){margin-right:6px}.view-game-collection .game-collection-wrapper .own-game .space-holder{width:100%;padding-bottom:36.58%}.view-game-collection .game-collection-wrapper .own-game img{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%)}.cpt-achieve-block{position:relative;width:calc(14.28571% - 3.42857px);margin-bottom:4px;border-radius:2px;overflow:hidden;background:var(--color-03a)}.cpt-achieve-block:after{content:"";display:block;margin-top:100%;pointer-events:none}.cpt-achieve-block:not(:nth-child(7n)){margin-right:4px}.cpt-achieve-block .achieve-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4px);height:calc(100% - 4px);border-radius:2px}.view-achieve-list .achieve-list-wrapper{display:flex;padding:0 12px;flex-flow:row wrap;align-items:center;justify-content:center}.view-achieve-list .common-footer-btn{padding:6px 12px 0!important}.cpt-rare-achieve{position:relative;width:calc(16.66667% - 8.33333px);margin-bottom:10px;border-radius:5px;background:var(--color-03a)}.cpt-rare-achieve:not(:nth-child(6n)){margin-right:10px}.cpt-rare-achieve .bg-webp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130%}.cpt-rare-achieve .achieve-image{position:relative;z-index:2;width:100%;height:100%;border-radius:5px;box-shadow:0 0 2px 1px rgba(255,184,78,.6),0 0 16px 1px rgba(255,184,78,.4)}.view-perfect-achievement .perfect-game-wrapper,.view-rare-achieve-list .rare-achieve-list-wrapper{display:flex;padding:0 12px;flex-flow:row wrap;align-items:center}.view-perfect-achievement .perfect-game-wrapper .game-detail{width:calc(50% - 5px);margin-bottom:8px}.view-perfect-achievement .perfect-game-wrapper .game-detail:nth-child(odd){margin-right:10px}.view-perfect-achievement .perfect-game-wrapper .game-detail .game-img{width:100%;border-radius:4px 4px 0 0}.view-perfect-achievement .perfect-game-wrapper .game-detail .game-achievement{position:relative;display:flex;height:16px;padding:0 6px;background:linear-gradient(90deg,#055ae3,#2d73ff);border-radius:0 0 4px 4px;margin-top:1px;flex-direction:row;align-items:center}.view-perfect-achievement .perfect-game-wrapper .game-detail .game-achievement .achievement-desc{font-size:10px;line-height:13px;color:#fff;text-align:left;transform:scale(.9);transform-origin:center left}.view-perfect-achievement .perfect-game-wrapper .game-detail .game-achievement .medal-img{position:absolute;top:-4px;right:1px;width:20px;height:24px}.view-badge-collection .badge-collection-wrapper{display:flex;padding:0 12px;flex-flow:row wrap;align-items:center}.view-badge-collection .badge-collection-wrapper .badge-item{position:relative;width:calc(16.66667% - 5px);background:var(--color-03a);border-radius:3px;margin-bottom:6px}.view-badge-collection .badge-collection-wrapper .badge-item:not(:nth-child(6n)){margin-right:6px}.view-badge-collection .badge-collection-wrapper .badge-item .space-holder{width:100%;padding-bottom:100%}.view-badge-collection .badge-collection-wrapper .badge-item img{position:absolute;top:50%;left:50%;width:calc(100% - 6px);height:calc(100% - 6px);transform:translate(-50%,-50%)}.view-badge-collection .common-footer-btn{padding:4px 12px 0!important}.cpt-screenshot-item{height:125px;width:160px;flex-shrink:0;border-radius:5px;overflow:hidden;background:var(--color-03a);display:flex;flex-direction:column}.cpt-screenshot-item:not(:last-child){margin-right:8px}.cpt-screenshot-item .image-wrapper{width:100%;flex:1;height:0}.cpt-screenshot-item .image-wrapper .screenshot-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cpt-screenshot-item .game-info-wrapper{height:35px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 6px}.cpt-screenshot-item .game-info-wrapper .game-img{width:20px;height:20px;border-radius:2px}.cpt-screenshot-item .game-info-wrapper .shot-info{margin-left:4px;width:0;flex:1}.cpt-screenshot-item .game-info-wrapper .shot-info .game-name{font-size:10px;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpt-screenshot-item .game-info-wrapper .shot-info .game-time{font-family:Helvetica Neue;font-size:10px;line-height:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-30a);transform:scale(.9);transform-origin:center left}.view-screenshot-info .screenshot-list-wrapper{display:flex;flex-direction:row;overflow-y:scroll}.view-screenshot-info .screenshot-list-wrapper::-webkit-scrollbar{display:none}.view-screenshot-info .screenshot-list-wrapper .manual-padding{width:12px;flex-shrink:0}.view-screenshot-info .screenshot-list-wrapper .manual-padding.right{width:4px}.view-screenshot-info .common-footer-btn{padding:10px 12px 0!important}@font-face{font-family:Helvetica;src:url(https://static.max-c.com/static/heybox/webapp/game/elden-ring/archive-analysis/Helvetica/Helvetica.woff) format("woff"),url(https://static.max-c.com/static/heybox/webapp/game/elden-ring/archive-analysis/Helvetica/Helvetica.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}body.light-mode{--is-light-mode:1;--color-01a:rgba(0,0,0,.01);--color-02a:rgba(0,0,0,.02);--color-03a:rgba(0,0,0,.03);--color-04a:rgba(0,0,0,.04);--color-05a:rgba(0,0,0,.05);--color-06a:rgba(0,0,0,.06);--color-07a:rgba(0,0,0,.07);--color-08a:rgba(0,0,0,.08);--color-09a:rgba(0,0,0,.09);--color-10a:rgba(0,0,0,.1);--color-20a:rgba(0,0,0,.2);--color-30a:rgba(0,0,0,.3);--color-40a:rgba(0,0,0,.4);--color-50a:rgba(0,0,0,.5);--color-60a:rgba(0,0,0,.6);--color-70a:rgba(0,0,0,.7);--color-80a:rgba(0,0,0,.8);--color-90a:rgba(0,0,0,.9);--color-100a:#000;--color-btn-bg-1:rgba(0,0,0,.08);--color-reverse-10a:hsla(0,0%,100%,.1);--color-reverse-40a:hsla(0,0%,100%,.4);--color-reverse-100a:#fff;--theme-color:transparent;--loading-bg-color:hsla(0,0%,100%,.3);--loading-color:#dadde0}body.dark-mode{--is-light-mode:0;--color-01a:hsla(0,0%,100%,.01);--color-02a:hsla(0,0%,100%,.02);--color-03a:hsla(0,0%,100%,.03);--color-04a:hsla(0,0%,100%,.04);--color-05a:hsla(0,0%,100%,.05);--color-06a:hsla(0,0%,100%,.06);--color-07a:hsla(0,0%,100%,.07);--color-08a:hsla(0,0%,100%,.08);--color-09a:hsla(0,0%,100%,.09);--color-10a:hsla(0,0%,100%,.1);--color-20a:hsla(0,0%,100%,.2);--color-30a:hsla(0,0%,100%,.3);--color-40a:hsla(0,0%,100%,.4);--color-50a:hsla(0,0%,100%,.5);--color-60a:hsla(0,0%,100%,.6);--color-70a:hsla(0,0%,100%,.7);--color-80a:hsla(0,0%,100%,.8);--color-90a:hsla(0,0%,100%,.9);--color-100a:#fff;--color-btn-bg-1:hsla(0,0%,100%,.15);--color-reverse-10a:rgba(0,0,0,.1);--color-reverse-40a:rgba(0,0,0,.4);--color-reverse-100a:#000;--theme-color:transparent;--loading-bg-color:#dadde0;--loading-color:#64696e}*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,-apple-system,Hiragino Sans GB,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body,html{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fff;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none}[v-cloak]{display:none}img{pointer-events:none;display:block}img:not([src]),img[src=""]{opacity:0}img[lazy=loading]{opacity:0;transition:opacity .2s}img[lazy=loaded]{opacity:1;transition:opacity .2s}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input::-webkit-input-placeholder{color:#8c9196}input:-moz-placeholder,input::-moz-placeholder{color:#8c9196}input:-ms-input-placeholder{color:#8c9196}.hel-font{font-family:Helvetica}.common-section{padding:0 12px}#app,body,html{background:transparent}#app{width:100%;height:100vh;margin:0 auto;max-width:480px;color:var(--color-100a);overflow:hidden;background:var(--theme-color,transparent);display:flex;flex-direction:column;transition:background .1s linear}#app .hb-page-nav{flex-shrink:0}#app .container{flex:1;height:0;overflow-y:scroll;position:relative;z-index:10}#app .container::-webkit-scrollbar{display:none}#app .container{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10px);mask-image:linear-gradient(180deg,transparent 0,#000 10px)}.hb-empty{height:82px!important;padding:0!important}.hb-empty .hb-empty_image svg path{fill:var(--color-60a)!important}.hb-empty .hb-empty_desc{color:var(--color-60a)!important}.hb-modal__wrapper .hb-modal{background:var(--theme-color)}.hb-modal__wrapper .hb-modal .hb-modal__title{color:var(--color-70a)}.hb-modal__wrapper .hb-modal .hb-modal__title.hb-modal__no-title{height:4px}.hb-modal__wrapper .hb-modal .hb-modal__body{padding:0}.hb-popover.hb-popover-dark{background:#14191e!important;color:hsla(0,0%,100%,.7)!important}.hb-popover.hb-popover-dark .popper__arrow:after{border-top-color:#14191e!important}.hb-switch{background-color:var(--color-20a)!important}.hb-switch.hb-switch-on{background:#32b846!important}.hb-loading .hb-loading-spinner{background:var(--theme-color)!important;transition:background 1s linear}.hb-loading .hb-loading-spinner .loading-circle{border-color:var(--loading-color) var(--loading-bg-color) var(--loading-bg-color)!important}.common-view{width:100%;margin-bottom:20px}.common-view .common-title{padding:0 12px;height:40px;display:flex;flex-direction:row;align-items:center}.common-view .common-title .title-text{font-family:PingFang SC;font-size:14px;font-weight:500;line-height:20px;text-align:left}.common-view .common-title .key-value-wrapper{margin-left:6px}.common-view .common-title .key-value-wrapper,.common-view .common-title .key-value-wrapper .key-value-item{display:flex;flex-direction:row;align-items:center;justify-content:center}.common-view .common-title .key-value-wrapper .key-value-item:not(:last-child){margin-right:10px}.common-view .common-title .key-value-wrapper .key-value-item .key-text{font-family:PingFang SC;font-size:12px;font-weight:400;line-height:16px;text-align:left;color:var(--color-70a)}.common-view .common-title .key-value-wrapper .key-value-item .value-text{font-family:PingFang SC;font-size:12px;font-weight:700;line-height:16px;text-align:left;color:var(--color-70a)}.common-view .common-title .single-value{margin-left:6px;font-family:PingFang SC;font-size:12px;line-height:16px;color:var(--color-70a)}.common-view .common-footer-btn{width:100%;padding:6px 12px 0}.common-view .common-footer-btn .footer-btn{width:100%;height:30px;display:flex;flex-direction:row;align-items:center;justify-content:center;background:var(--color-03a);border-radius:3px}.common-view .common-footer-btn .footer-btn .btn-text{font-size:12px;color:var(--color-70a)}.common-view .common-footer-btn .footer-btn i{margin-left:2px;font-size:8px;color:var(--color-70a)}#app.is-screenshot{min-height:100vh}#app.is-screenshot,#app.is-screenshot .container{display:block;height:-moz-fit-content;height:fit-content}#app.is-screenshot .bg-image-container{position:absolute}#app .top-share-area{position:fixed;top:0;left:0;z-index:1001;display:flex;width:100%;height:88px;padding:0 12px 10px;flex-direction:row;align-items:flex-end;justify-content:flex-end}#app .top-share-area .share-btn{width:20px;height:20px;margin-left:16px}#app .top-share-area .share-btn i{font-size:20px;color:var(--color-100a)}#app .bg-image-container{position:fixed;top:0;left:0;width:100%;opacity:.4}#app .bg-image-container.light-mode{opacity:.2}#app .bg-image-container.light-mode img{mix-blend-mode:hard-light}#app .bg-image-container img{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent);mask-image:linear-gradient(180deg,#000 65%,transparent);mix-blend-mode:lighten}#app .screenshot-btn{position:fixed;right:20px;bottom:70px;z-index:20;display:flex;width:54px;height:54px;background:hsla(0,0%,100%,.9);border-radius:50%;flex-direction:column;align-items:center;justify-content:center}#app .screenshot-btn .hb-icon{font-size:20px;color:rgba(0,0,0,.9)}#app .screenshot-btn .btn-text{font-size:10px;line-height:14px;color:rgba(0,0,0,.9)}#app .account-modal .hb-modal{background:var(--theme-color)}#app .account-modal .hb-modal .hb-modal__title{height:34px;font-size:13px;font-weight:400;line-height:34px;color:var(--color-70a);font-family:PingFang SC}#app .account-modal .account-container{display:flex;max-height:calc(60vh - 120px);overflow:scroll;flex-direction:column;align-items:center}#app .account-modal .account-container::-webkit-scrollbar{display:none}#app .account-modal .account-container .account-row{position:relative;display:flex;width:100%;height:46px;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0}#app .account-modal .account-container .account-row.active .text{font-weight:500;color:var(--color-100a)}#app .account-modal .account-container .account-row:after{position:absolute;top:0;left:0;width:100%;height:1px;background-color:var(--color-03a);transform:scaleY(.5);content:""}#app .account-modal .account-container .account-row .text{font-size:14px;color:var(--color-70a);text-align:center;font-family:PingFang SC;letter-spacing:.25px}#app .account-modal .account-container .account-row .selected-icon{position:absolute;top:15px;right:12px;width:16px;height:16px}#app .account-modal .account-container .account-row .selected-icon i{font-size:16px;color:var(--color-100a)}#app .account-modal .account-modal-btn{width:100%;height:100%;font-size:14px;font-weight:500;line-height:44px;color:var(--color-100a);text-align:center;background-color:var(--color-05a);border-radius:5px;font-family:PingFang SC}#app .bottom-holder{height:88px;flex-shrink:0}.hb-popover{margin-top:8px}.hb-popover.hb-popover-light{padding:15px 21px;font-size:11px;line-height:15.4px;color:#64696e;text-align:center;font-family:PingFang SC}