.hb-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;line-height:1;vertical-align:-.125em}.hb-icon>.hb-iconfont,.hb-icon>svg{display:block;width:1em;height:1em;fill:currentColor;overflow:hidden;vertical-align:0}.hb-spacer{box-sizing:border-box;flex-shrink:0}.hb-v2-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;line-height:1;color:inherit;vertical-align:-.125em}.hb-v2-icon svg{display:block;width:1em;height:1em;fill:currentColor;vertical-align:0}.hb-v2-icon svg [stroke]:not([stroke=none]){stroke:currentColor}.hb-v2-icon svg [fill]:not([fill=none]){fill:currentColor}.hb-v2-icon--spin svg{animation:hb-v2-icon-spin 1s linear infinite}@keyframes hb-v2-icon-spin{to{transform:rotate(1turn)}}.hb-v2-alert{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:20px;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;pointer-events:none;transform:translateZ(0)}.hb-v2-alert--teleport-local{position:absolute}.hb-v2-alert__mask{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hb-v2-alert-mask-bg, var(--hb-color-bg-popmask));pointer-events:auto}.hb-v2-alert__panel{position:relative;box-sizing:border-box;width:min(317px,100vw - 40px);min-height:172px;padding:28px 20px 0;overflow:hidden;color:var(--hb-color-text-primary);background:var(--hb-color-bg-surface);border-radius:12px;pointer-events:auto}.hb-v2-alert__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;padding:0;color:var(--hb-color-text-placeholder);cursor:pointer;background:transparent;border:0;outline:none}.hb-v2-alert__close.focus-visible.js-focus-visible,.js-focus-visible .hb-v2-alert__close.focus-visible{border-radius:4px;outline:2px solid rgba(20,25,30,.18);outline-offset:2px}.hb-v2-alert__close:focus-visible{border-radius:4px;outline:2px solid rgba(20,25,30,.18);outline-offset:2px}.hb-v2-alert__close-icon{font-size:18px;line-height:18px}.hb-v2-alert__title{box-sizing:border-box;min-height:25px;padding:0 22px;overflow:hidden;font-size:18px;font-weight:500;line-height:25px;color:var(--hb-color-text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap}.hb-v2-alert__body{box-sizing:border-box;min-width:0;font-size:15px;font-weight:400;line-height:22px;color:var(--hb-color-text-secondary);text-align:center;word-wrap:break-word}.hb-v2-alert__description{margin:0;color:inherit}.hb-v2-alert__footer{display:flex;gap:10px;align-items:flex-start;box-sizing:border-box;width:100%;padding:20px 0}.hb-v2-alert__button{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:42px;padding:0 12px;overflow:hidden;font-family:inherit;font-size:14px;line-height:20px;text-align:center;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:0;border-radius:var(--hb-radius-m);outline:none}.hb-v2-alert__button.focus-visible.js-focus-visible,.js-focus-visible .hb-v2-alert__button.focus-visible{outline:2px solid rgba(20,25,30,.18);outline-offset:2px}.hb-v2-alert__button:focus-visible{outline:2px solid rgba(20,25,30,.18);outline-offset:2px}.hb-v2-alert__button-cancel{font-weight:400;color:var(--hb-color-text-primary);background:var(--hb-color-game-record-black-10)}.hb-v2-alert__button-confirm{font-weight:500;color:var(--hb-color-text-inverse);background:linear-gradient(6.73deg,#464b50 .9%,#14191e 100.9%);background:linear-gradient(6.73deg,var(--hb-v2-alert-confirm-gradient-left, #464b50) .9%,var(--hb-v2-alert-confirm-gradient-right, #14191e) 100.9%)}.hb-v2-alert-enter-active,.hb-v2-alert-leave-active{transition:opacity .18s cubic-bezier(0,0,.58,1)}.hb-v2-alert-enter-active .hb-v2-alert__panel,.hb-v2-alert-leave-active .hb-v2-alert__panel{transition:opacity .18s cubic-bezier(0,0,.58,1),transform .18s cubic-bezier(0,0,.58,1)}.hb-v2-alert-enter-from,.hb-v2-alert-leave-to{opacity:0}.hb-v2-alert-enter-from .hb-v2-alert__panel,.hb-v2-alert-leave-to .hb-v2-alert__panel{opacity:0;transform:translate3d(0,8px,0) scale(.98)}.hb-avatar{position:relative;box-sizing:border-box;display:inline-flex;flex-shrink:0}.hb-avatar__clip{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background:var(--hb-color-bg-surface);border-radius:50%}.hb-avatar__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hb-avatar__fallback{width:66%;height:66%;fill:var(--hb-color-icon-tertiary)}.hb-avatar--logged-out .hb-avatar__fallback{fill:var(--hb-color-icon-disabled)}.hb-avatar__frame{position:absolute;top:50%;left:50%;width:135.3%;height:135.3%;-o-object-fit:contain;object-fit:contain;pointer-events:none;transform:translate(-50%,-50%)}.hb-badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 3px;color:var(--hb-color-text-inverse);white-space:nowrap;background:var(--hb-color-status-danger);border-radius:999px;font-family:PingFang SC,Noto Sans CJK SC,xiaomi,BlinkMacSystemFont,Microsoft YaHei,sans-serif;font-weight:500;font-size:11px;line-height:16px;letter-spacing:0px;font-weight:700}.hb-badge--dot{width:8px;min-width:0;height:8px;padding:0}.hb-badge--outlined:not(.hb-badge--dot){height:18px;min-width:18px;padding:0 5px;border:2px solid var(--hb-color-bg-page)}.hb-badge--dot.hb-badge--outlined{box-shadow:0 0 0 2px var(--hb-color-bg-page)}.hb-bottom-bar{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:480px;max-width:var(--hb-page-shell-max-width, var(--hb-root-max-width, 480px));margin-left:auto;margin-right:auto;background:var(--hb-color-bg-page)}.hb-bottom-bar .hb-bottom-bar__content{display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:54px;padding:10px 12px 0}.hb-bottom-bar .hb-bottom-bar__home-indicator{position:relative;flex-shrink:0;box-sizing:border-box;width:100%;height:34px}.hb-bottom-bar .hb-bottom-bar__indicator{position:absolute;bottom:8px;left:50%;display:block;width:134px;height:5px;background:var(--hb-color-game-record-black-100);border-radius:100px;transform:translate(-50%)}.hb-bottom-bar--with-divider:before{position:absolute;z-index:1;top:0;right:0;left:0;box-sizing:border-box;height:1px;content:"";background:var(--hb-color-border-default);pointer-events:none;transform:scaleY(.5);transform-origin:top}.hb-bottom-bar--without-home-indicator .hb-bottom-bar__content{min-height:64px;padding-bottom:10px}.hb-v2-bottom-sheet{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;pointer-events:none;transform:translateZ(0)}.hb-v2-bottom-sheet--teleport-local{position:absolute}.hb-v2-bottom-sheet__mask{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hb-v2-bottom-sheet-mask-bg, var(--hb-color-bg-popmask));pointer-events:auto}.hb-v2-bottom-sheet__panel{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-height:0;max-height:85vh;max-width:480px;max-width:var(--hb-page-shell-max-width, var(--hb-root-max-width, 480px));padding-bottom:env(safe-area-inset-bottom,0);margin-left:auto;margin-right:auto;overflow:hidden;background:var(--hb-color-bg-raised);border-radius:12px 12px 0 0;box-shadow:0 -8px 40px rgba(15,18,22,.12);pointer-events:auto;transform:translateZ(0);backface-visibility:hidden}.hb-v2-bottom-sheet__handle-wrap{display:flex;flex:0 0 auto;justify-content:center;box-sizing:border-box;padding-top:8px}.hb-v2-bottom-sheet__handle{display:block;width:36px;height:4px;background:var(--hb-color-border-strong);border-radius:999px}.hb-v2-bottom-sheet__body{flex:1 1 auto;box-sizing:border-box;min-height:0;overflow:auto}.hb-v2-bottom-sheet__panel-handle .hb-v2-bottom-sheet__body{margin-top:10px}.hb-v2-bottom-sheet-enter-active .hb-v2-bottom-sheet__mask{transition:opacity .28s cubic-bezier(.32,.72,.16,1)}.hb-v2-bottom-sheet-enter-active .hb-v2-bottom-sheet__panel{transition:transform .32s cubic-bezier(.32,.72,.16,1)}.hb-v2-bottom-sheet-leave-active .hb-v2-bottom-sheet__mask{transition:opacity .24s cubic-bezier(.32,.72,.16,1) 40ms}.hb-v2-bottom-sheet-leave-active .hb-v2-bottom-sheet__panel{transition:transform .28s cubic-bezier(.32,.72,.16,1)}.hb-v2-bottom-sheet-enter-from .hb-v2-bottom-sheet__mask,.hb-v2-bottom-sheet-leave-to .hb-v2-bottom-sheet__mask{opacity:0}.hb-v2-bottom-sheet-enter-from .hb-v2-bottom-sheet__panel,.hb-v2-bottom-sheet-leave-to .hb-v2-bottom-sheet__panel{transform:translate3d(0,100%,0)}@media(prefers-reduced-motion:reduce){.hb-v2-bottom-sheet-enter-active .hb-v2-bottom-sheet__mask,.hb-v2-bottom-sheet-enter-active .hb-v2-bottom-sheet__panel,.hb-v2-bottom-sheet-leave-active .hb-v2-bottom-sheet__mask,.hb-v2-bottom-sheet-leave-active .hb-v2-bottom-sheet__panel{transition-duration:.01ms;transition-delay:0ms}}.hb-carousel-dot{display:inline-flex;align-items:center;gap:6px}.hb-carousel-dot__item{box-sizing:border-box;width:8px;height:2px;border-radius:1px;transition:background-color .2s ease}.hb-carousel-dot--banner .hb-carousel-dot__item{background:var(--hb-color-game-record-white-40)}.hb-carousel-dot--banner .hb-carousel-dot__item.is-active{background:var(--hb-color-game-record-white-100)}.hb-carousel-dot--postImage .hb-carousel-dot__item{background:var(--hb-color-bg-raised)}.hb-carousel-dot--postImage .hb-carousel-dot__item.is-active{background:var(--hb-color-icon-primary)}.hb-divider{box-sizing:border-box;flex-shrink:0;border:0;background:var(--hb-color-border-default)}.hb-divider--horizontal{display:block;height:.5px}.hb-divider--thick{height:4px;background:var(--hb-color-border-section)}.hb-divider--vertical{display:inline-block;width:.5px;height:16px;vertical-align:middle}.cpt-level-tag-radial-bg[data-v-52a86dce]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.cpt-level-tag-radial-bg .round-bg[data-v-52a86dce]{position:absolute;left:50%;top:50%;border-radius:50%;width:84px;height:84px;filter:blur(3px);transform:translate3d(-50%,-50%,0)}.cpt-level-tag-radial-bg .round-bg.round-1[data-v-52a86dce]{animation:level-tag-radial-gradient-animation-52a86dce 4s linear infinite 0s}.cpt-level-tag-radial-bg .round-bg.round-2[data-v-52a86dce]{animation:level-tag-radial-gradient-animation-52a86dce 4s linear infinite 1s}.cpt-level-tag-radial-bg .round-bg.round-3[data-v-52a86dce]{animation:level-tag-radial-gradient-animation-52a86dce 4s linear infinite 2s}.cpt-level-tag-radial-bg .round-bg.round-4[data-v-52a86dce]{animation:level-tag-radial-gradient-animation-52a86dce 4s linear infinite 3s}.cpt-level-tag-radial-bg.level-38 .round-1[data-v-52a86dce],.cpt-level-tag-radial-bg.level-39 .round-1[data-v-52a86dce]{background-color:#7e7cf6}.cpt-level-tag-radial-bg.level-38 .round-2[data-v-52a86dce],.cpt-level-tag-radial-bg.level-39 .round-2[data-v-52a86dce]{background-color:#3ddaf8}.cpt-level-tag-radial-bg.level-38 .round-3[data-v-52a86dce],.cpt-level-tag-radial-bg.level-39 .round-3[data-v-52a86dce]{background-color:#689cf6}.cpt-level-tag-radial-bg.level-38 .round-4[data-v-52a86dce],.cpt-level-tag-radial-bg.level-39 .round-4[data-v-52a86dce]{background-color:#92e730}.cpt-level-tag-radial-bg.level-40 .round-1[data-v-52a86dce],.cpt-level-tag-radial-bg.level-41 .round-1[data-v-52a86dce]{background-color:#ff383c}.cpt-level-tag-radial-bg.level-40 .round-2[data-v-52a86dce],.cpt-level-tag-radial-bg.level-41 .round-2[data-v-52a86dce]{background-color:#f850e2}.cpt-level-tag-radial-bg.level-40 .round-3[data-v-52a86dce],.cpt-level-tag-radial-bg.level-41 .round-3[data-v-52a86dce]{background-color:#fc0}.cpt-level-tag-radial-bg.level-40 .round-4[data-v-52a86dce],.cpt-level-tag-radial-bg.level-41 .round-4[data-v-52a86dce]{background-color:#ff8d28}.cpt-level-tag-radial-bg.level-42 .round-1[data-v-52a86dce],.cpt-level-tag-radial-bg.level-43 .round-1[data-v-52a86dce]{background-color:#100d05}.cpt-level-tag-radial-bg.level-42 .round-2[data-v-52a86dce],.cpt-level-tag-radial-bg.level-43 .round-2[data-v-52a86dce]{background-color:#b6923c}.cpt-level-tag-radial-bg.level-42 .round-3[data-v-52a86dce],.cpt-level-tag-radial-bg.level-43 .round-3[data-v-52a86dce]{background-color:#100d05}.cpt-level-tag-radial-bg.level-42 .round-4[data-v-52a86dce],.cpt-level-tag-radial-bg.level-43 .round-4[data-v-52a86dce]{background-color:#b6923c}@keyframes level-tag-radial-gradient-animation-52a86dce{0%{width:2px;height:2px;z-index:4}25%{z-index:3}50%{z-index:2}75%{z-index:1}to{width:84px;height:84px;z-index:0}}.hb-level-tag{position:relative;display:inline-block;width:22px;height:10px}.hb-level-tag .hb-level-tag__inner{box-sizing:border-box;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:200%;height:200%;padding:1px 3px;border-radius:4px;transform:scale(.5);transform-origin:left top;overflow:hidden}.hb-level-tag .hb-level-tag__inner .hb-level-tag__inner__text{position:relative;font-size:14px;font-weight:700;color:#fff;z-index:10;white-space:nowrap}.hb-level-tag.hb-level-1 .hb-level-tag__inner,.hb-level-tag.hb-level-2 .hb-level-tag__inner,.hb-level-tag.hb-level-3 .hb-level-tag__inner{background:linear-gradient(135deg,#c8cdd2,#b9bec3)}.hb-level-tag.hb-level-4 .hb-level-tag__inner,.hb-level-tag.hb-level-5 .hb-level-tag__inner,.hb-level-tag.hb-level-6 .hb-level-tag__inner{background:linear-gradient(45deg,#8fd427,#59d01b)}.hb-level-tag.hb-level-7 .hb-level-tag__inner,.hb-level-tag.hb-level-8 .hb-level-tag__inner,.hb-level-tag.hb-level-9 .hb-level-tag__inner{background:linear-gradient(45deg,#32bffe,#329afe)}.hb-level-tag.hb-level-10 .hb-level-tag__inner,.hb-level-tag.hb-level-11 .hb-level-tag__inner,.hb-level-tag.hb-level-12 .hb-level-tag__inner{background:linear-gradient(45deg,#f746fe,#d646fe)}.hb-level-tag.hb-level-13 .hb-level-tag__inner,.hb-level-tag.hb-level-14 .hb-level-tag__inner,.hb-level-tag.hb-level-15 .hb-level-tag__inner{background:linear-gradient(45deg,#ffa000,#fe7f00)}.hb-level-tag.hb-level-16 .hb-level-tag__inner,.hb-level-tag.hb-level-17 .hb-level-tag__inner,.hb-level-tag.hb-level-18 .hb-level-tag__inner{background:linear-gradient(45deg,#ff5997,#e43855)}.hb-level-tag.hb-level-19 .hb-level-tag__inner,.hb-level-tag.hb-level-20 .hb-level-tag__inner,.hb-level-tag.hb-level-21 .hb-level-tag__inner{background:linear-gradient(135deg,#464b50,#14191e)}.hb-level-tag.hb-level-22 .hb-level-tag__inner,.hb-level-tag.hb-level-23 .hb-level-tag__inner{background-image:linear-gradient(90deg,#92e730,#4bdcd8 16.81%,#3ddaf8 24.96%,#4ac7f8 31.52%,#689cf6 40.32%,#7e7cf6 50.38%,#689bf6 61.36%,#48caf8 69.46%,#3ddaf8 75.18%,#49dcdd 83.08%,#92e730);background-size:145px 100%;background-position:0px 0px;background-repeat:repeat-x;animation:level-tag-linear-gradient-animation-1 5s linear infinite}.hb-level-tag.hb-level-24 .hb-level-tag__inner,.hb-level-tag.hb-level-25 .hb-level-tag__inner{background-image:linear-gradient(90deg,#ff4636,#fe8018 11.88%,#fd960d 19.61%,#fc8542 26.66%,#f964a5 36.77%,#f850e2 50.38%,#f964a5 65.49%,#fc863f 74.02%,#fd960d 83.52%,#fe8118 90.15%,#ff4636);background-size:145px 100%;background-position:0px 0px;background-repeat:repeat-x;animation:level-tag-linear-gradient-animation-1 5s linear infinite}.hb-level-tag.hb-level-26 .hb-level-tag__inner,.hb-level-tag.hb-level-27 .hb-level-tag__inner{background-image:linear-gradient(90deg,#000,#6b5217 9.23%,#9e7a22 16.31%,#7e611b 22.2%,#000 33.31%,#5d4814 41.55%,#9e7a22 50.93%,#634c15 59.03%,#000 66.73%,#5c4714 74.3%,#9e7a22 83.69%,#654e16 92.88%,#000);background-size:145px 100%;background-position:0px 0px;background-repeat:repeat-x;animation:level-tag-linear-gradient-animation-1 5s linear infinite}.hb-level-tag.hb-level-28 .hb-level-tag__inner{overflow:hidden}.hb-level-tag.hb-level-28 .hb-level-tag__inner:before{content:"";position:absolute;top:50%;left:50%;width:108px;height:108px;background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/2827cc626bda9b1a6c66ebe8db5b7c76.png);background-size:100% 100%;background-position:center;animation:level-tag-rotate-animation 6s linear infinite}.hb-level-tag.hb-level-29 .hb-level-tag__inner{overflow:hidden}.hb-level-tag.hb-level-29 .hb-level-tag__inner:before{content:"";position:absolute;top:50%;left:50%;width:108px;height:108px;background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/2827cc626bda9b1a6c66ebe8db5b7c76.png);background-size:100% 100%;background-position:center;animation:level-tag-rotate-animation 6s linear infinite}.hb-level-tag.hb-level-30 .hb-level-tag__inner{background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/28e7562bf8163250e1c17d55da4cff93.png);background-size:96px auto;background-repeat:repeat-x;background-position:center;animation:level-tag-linear-gradient-animation-2 10s linear infinite}.hb-level-tag.hb-level-31 .hb-level-tag__inner{background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/28e7562bf8163250e1c17d55da4cff93.png);background-size:96px auto;background-repeat:repeat-x;background-position:center;animation:level-tag-linear-gradient-animation-2 10s linear infinite}.hb-level-tag.hb-level-32 .hb-level-tag__inner{background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/6a4034486ba6fb8ebb324ccdbe07afe7.png);background-size:96px auto;background-repeat:repeat-x;background-position:center;animation:level-tag-linear-gradient-animation-2 10s linear infinite}.hb-level-tag.hb-level-33 .hb-level-tag__inner{background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/6a4034486ba6fb8ebb324ccdbe07afe7.png);background-size:96px auto;background-repeat:repeat-x;background-position:center;animation:level-tag-linear-gradient-animation-2 10s linear infinite}.hb-level-tag.hb-level-34 .hb-level-tag__inner{background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/33bc2fb33bdacacf84cf48ad44ee554b.png);background-size:96px auto;background-repeat:repeat-x;background-position:center;animation:level-tag-linear-gradient-animation-2 10s linear infinite}.hb-level-tag.hb-level-35 .hb-level-tag__inner{background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/33bc2fb33bdacacf84cf48ad44ee554b.png);background-size:96px auto;background-repeat:repeat-x;background-position:center;animation:level-tag-linear-gradient-animation-2 10s linear infinite}.hb-level-tag.hb-level-36 .hb-level-tag__inner{overflow:hidden}.hb-level-tag.hb-level-36 .hb-level-tag__inner:before{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/c57f032144e0424a2148e73907a170c2.png);background-size:100% 100%;background-position:center;animation:level-tag-rotate-animation 4s linear infinite;z-index:4}.hb-level-tag.hb-level-36 .hb-level-tag__inner:after{content:"";position:absolute;top:50%;left:50%;width:36px;height:12px;background:rgba(0,0,0,.5);border-radius:4px;backdrop-filter:blur(8px);filter:blur(.5px);z-index:6;transform:translate3d(-50%,-50%,0)}.hb-level-tag.hb-level-37 .hb-level-tag__inner{overflow:hidden}.hb-level-tag.hb-level-37 .hb-level-tag__inner:before{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/c57f032144e0424a2148e73907a170c2.png);background-size:100% 100%;background-position:center;animation:level-tag-rotate-animation 4s linear infinite;z-index:4}.hb-level-tag.hb-level-37 .hb-level-tag__inner:after{content:"";position:absolute;top:50%;left:50%;width:36px;height:12px;background:rgba(0,0,0,.5);border-radius:4px;backdrop-filter:blur(8px);filter:blur(.5px);z-index:6;transform:translate3d(-50%,-50%,0)}.hb-level-tag.hb-level-44 .hb-level-tag__inner{overflow:hidden}.hb-level-tag.hb-level-44 .hb-level-tag__inner:before{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/c552fe3b7aeb0df43fe13eb524ae9cd5.png);background-size:100% 100%;background-position:center;animation:level-tag-rotate-animation 4s linear infinite;z-index:4}.hb-level-tag.hb-level-44 .hb-level-tag__inner:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:10px;background:rgba(0,0,0,.8);border-radius:4px;filter:blur(2px);z-index:6;transform:translate3d(-50%,-50%,0)}.hb-level-tag.hb-level-45 .hb-level-tag__inner{overflow:hidden}.hb-level-tag.hb-level-45 .hb-level-tag__inner:before{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/c552fe3b7aeb0df43fe13eb524ae9cd5.png);background-size:100% 100%;background-position:center;animation:level-tag-rotate-animation 4s linear infinite;z-index:4}.hb-level-tag.hb-level-45 .hb-level-tag__inner:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:10px;background:rgba(0,0,0,.8);border-radius:4px;filter:blur(2px);z-index:6;transform:translate3d(-50%,-50%,0)}.hb-level-tag.hb-level-46 .hb-level-tag__inner{background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/631c2ab03fb3a57f657887ecc081dd07.png);background-size:290px auto;background-repeat:repeat-x;background-position:center;animation:level-tag-linear-gradient-animation-3 5s linear infinite}.hb-level-tag.hb-level-47 .hb-level-tag__inner{background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/631c2ab03fb3a57f657887ecc081dd07.png);background-size:290px auto;background-repeat:repeat-x;background-position:center;animation:level-tag-linear-gradient-animation-3 5s linear infinite}.hb-level-tag.hb-level-48 .hb-level-tag__inner{overflow:hidden}.hb-level-tag.hb-level-48 .hb-level-tag__inner:before{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/0c0415ac7efc1ced597ddf44903c5f22.png);background-size:100% 100%;background-position:center;animation:level-tag-rotate-animation 4s linear infinite;z-index:4}.hb-level-tag.hb-level-48 .hb-level-tag__inner:after{content:"";position:absolute;top:50%;left:50%;width:38px;height:14px;background:#000;border-radius:2px;filter:blur(.5px);z-index:6;transform:translate3d(-50%,-50%,0)}.hb-level-tag.hb-level-49 .hb-level-tag__inner{overflow:hidden}.hb-level-tag.hb-level-49 .hb-level-tag__inner:before{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/0c0415ac7efc1ced597ddf44903c5f22.png);background-size:100% 100%;background-position:center;animation:level-tag-rotate-animation 4s linear infinite;z-index:4}.hb-level-tag.hb-level-49 .hb-level-tag__inner:after{content:"";position:absolute;top:50%;left:50%;width:38px;height:14px;background:#000;border-radius:2px;filter:blur(.5px);z-index:6;transform:translate3d(-50%,-50%,0)}.hb-level-tag.hb-level-50 .hb-level-tag__inner{background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/20bfc95e3d2504c3998f5496f1a21bee.png);background-size:126px auto;background-repeat:repeat-x;background-position:center;animation:level-tag-linear-gradient-animation-4 5s linear infinite}.hb-level-tag.hb-level-51 .hb-level-tag__inner{background-image:url(https://imgheybox.max-c.com/dev/bbs/2025/11/21/20bfc95e3d2504c3998f5496f1a21bee.png);background-size:126px auto;background-repeat:repeat-x;background-position:center;animation:level-tag-linear-gradient-animation-4 5s linear infinite}@keyframes level-tag-linear-gradient-animation-1{0%{background-position:0px 0px}to{background-position:145px 0px}}@keyframes level-tag-linear-gradient-animation-2{0%{background-position:0px 0px}to{background-position:96px 0px}}@keyframes level-tag-linear-gradient-animation-3{0%{background-position:0px 0px}to{background-position:290px 0px}}@keyframes level-tag-linear-gradient-animation-4{0%{background-position:0px 0px}to{background-position:126px 0px}}@keyframes level-tag-rotate-animation{0%{transform:translate3d(-50%,-50%,0) rotate(0)}to{transform:translate3d(-50%,-50%,0) rotate(360deg)}}.hb-list-loading{display:flex;justify-content:center;align-items:center;gap:4px;width:100%;height:20px}.hb-list-loading .hb-list-loading__dot{width:4px;height:4px;border-radius:50%;background:var(--hb-color-icon-disabled);animation:hb-list-loading-dot 1s ease-in-out infinite}.hb-list-loading .hb-list-loading__dot:nth-child(2){animation-delay:.15s}.hb-list-loading .hb-list-loading__dot:nth-child(3){animation-delay:.3s}@keyframes hb-list-loading-dot{0%,80%,to{opacity:.35;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}.hb-list{position:relative;width:100%}.hb-list .hb-list__finish-text{color:var(--hb-color-text-placeholder);height:48px;width:100%;text-align:center;font-size:12px;line-height:48px}.hb-list-footer-loading{display:flex;align-items:center;justify-content:center;gap:var(--hb-space-8);box-sizing:border-box;width:100%;padding:var(--hb-space-10) 0;color:var(--hb-color-text-tertiary)}.hb-list-footer-loading__dots{display:inline-flex;align-items:center;gap:4px}.hb-list-footer-loading__dot{width:4px;height:4px;background:var(--hb-color-icon-tertiary);border-radius:50%;animation:hb-lfl-bounce 1.2s infinite ease-in-out both}.hb-list-footer-loading__dot:nth-child(1){animation-delay:-.24s}.hb-list-footer-loading__dot:nth-child(2){animation-delay:-.12s}.hb-list-footer-loading--on-color{color:var(--hb-color-game-record-white-100)}.hb-list-footer-loading--on-color .hb-list-footer-loading__dot{background:var(--hb-color-game-record-white-100)}.hb-list-footer-loading__text{font-family:PingFang SC,Noto Sans CJK SC,xiaomi,BlinkMacSystemFont,Microsoft YaHei,sans-serif;font-weight:400;font-size:13px;line-height:17px;letter-spacing:0px}@keyframes hb-lfl-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.hb-list-footer-loading__dot{animation:none;opacity:.6}}.hb-loading[data-v-b88562de]{box-sizing:border-box;display:inline-block;border-style:solid;border-color:var(--hb-color-border-strong);border-top-color:var(--hb-color-icon-secondary);border-radius:50%;animation:hb-loading-spin-b88562de .8s linear infinite}.hb-loading--on-color[data-v-b88562de]{border-color:var(--hb-color-game-record-white-30);border-top-color:var(--hb-color-game-record-white-100)}@keyframes hb-loading-spin-b88562de{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hb-loading[data-v-b88562de]{animation-duration:2s}}.hb-v2-page{box-sizing:border-box;width:100%;min-height:100vh;color:var(--hb-color-text-primary);font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.hb-v2-page--scrollable{overflow-x:hidden;overflow-y:auto}.hb-v2-page--hidden{overflow:hidden}.hb-v2-page__inner{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-height:inherit}.hb-v2-page__header,.hb-v2-page__footer{position:relative;z-index:2;box-sizing:border-box;flex:0 0 auto}.hb-v2-page__header-sticky{position:sticky;top:0}.hb-v2-page__footer-sticky{position:sticky;bottom:0}.hb-v2-page--safe-area-bottom .hb-v2-page__footer{padding-bottom:env(safe-area-inset-bottom,0)}.hb-v2-page__main{position:relative;flex:1 1 auto;box-sizing:border-box;min-height:0}.hb-v2-page__state{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;min-height:240px;padding:40px 24px;text-align:center}.hb-v2-page__spinner{display:block;width:28px;height:28px;margin-bottom:12px;border:2px solid rgba(20,25,30,.12);border-top-color:var(--hb-color-text-primary);border-radius:50%;animation:hb-v2-page-spinner .8s linear infinite}.hb-v2-page__state-title{font-size:15px;font-weight:500;line-height:21px;color:var(--hb-color-text-primary)}.hb-v2-page__state-description{max-width:260px;margin-top:8px;font-size:13px;font-weight:400;line-height:18px;color:var(--hb-color-text-secondary)}.hb-v2-page__retry{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:34px;margin-top:16px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;color:var(--hb-color-text-inverse);cursor:pointer;background:var(--hb-color-text-primary);border:0;border-radius:var(--hb-radius-m);outline:none}.hb-v2-page__retry.focus-visible.js-focus-visible,.js-focus-visible .hb-v2-page__retry.focus-visible{outline:2px solid rgba(20,25,30,.18);outline-offset:2px}.hb-v2-page__retry:focus-visible{outline:2px solid rgba(20,25,30,.18);outline-offset:2px}.hb-v2-page__loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;min-height:120px;color:var(--hb-color-text-primary);text-align:center;background:rgba(250,251,252,.76);backdrop-filter:blur(4px)}.hb-v2-page__skeleton{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:min(320px,100%)}.hb-v2-page__skeleton-line,.hb-v2-page__skeleton-card{display:block;overflow:hidden;background:linear-gradient(90deg,rgba(20,25,30,.06),rgba(20,25,30,.1),rgba(20,25,30,.06) 90%);background-size:200% 100%;border-radius:6px;animation:hb-v2-page-skeleton 1.2s ease-in-out infinite}.hb-v2-page__skeleton-line{width:100%;height:14px}.hb-v2-page__skeleton-line-title{width:58%;height:18px}.hb-v2-page__skeleton-card{height:96px;margin-top:4px;border-radius:8px}@keyframes hb-v2-page-spinner{to{transform:rotate(360deg)}}@keyframes hb-v2-page-skeleton{to{background-position:-200% 0}}.hb-v2-heybox-logo{width:54px;height:16px}.hb-v2-heybox-logo svg{display:block;width:100%;height:100%}.hb-v2-page-nav{position:relative;box-sizing:border-box;width:100%}.hb-v2-page-nav__bar{position:fixed;top:0;left:50%;box-sizing:border-box;width:100%;max-width:480px;max-width:var(--hb-page-shell-max-width, var(--hb-root-max-width, 480px));transform:translate(-50%)}.hb-v2-page-nav__bg{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity}.hb-v2-page-nav__content{position:relative;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;height:100%;padding-bottom:13px;will-change:opacity}.hb-v2-page-nav__center{display:flex;align-items:center}.hb-v2-page-nav__leading,.hb-v2-page-nav__trailing{position:absolute;bottom:9px;display:flex;align-items:center}.hb-v2-page-nav__leading{left:12px}.hb-v2-page-nav__trailing{right:12px}.hb-v2-page-nav__title{font-size:16px;font-weight:500;line-height:22px;letter-spacing:.25px}.hb-play-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--hb-color-game-record-white-100);cursor:pointer;background:rgba(20,25,30,.65);border:0}.hb-play-button--large{width:62px;height:48px;border-radius:var(--hb-radius-m)}.hb-play-button--small{width:32px;height:24px;border-radius:var(--hb-radius-s)}.hb-play-button__icon{fill:currentColor}.hb-play-button--large .hb-play-button__icon{width:22px;height:22px}.hb-play-button--small .hb-play-button__icon{width:12px;height:12px}.hb-play-button:disabled{cursor:not-allowed;opacity:.5}.hb-progress-bar{box-sizing:border-box;width:100%;overflow:hidden;background:var(--hb-color-border-default);border-radius:var(--hb-radius-xs)}.hb-progress-bar__fill{height:100%;border-radius:inherit;transition:width .3s ease}.hb-progress-bar__fill--orange{background-image:linear-gradient(90deg,#ff9f00,#f58045)}.hb-progress-bar__fill--magenta{background-image:linear-gradient(90deg,#fa6eff,#cb33ff)}.hb-progress-bar__fill--blue{background-image:linear-gradient(90deg,#52b7ff,#1a91fe)}.hb-progress-bar__fill--green{background-image:linear-gradient(90deg,#8fd427,#59d01b)}.hb-select{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;color:var(--hb-color-text-inverse);cursor:pointer;background:transparent;border:0;border-radius:50%;outline:none}.hb-select--hollow{border:1.5px solid var(--hb-color-border-strong)}.hb-select--filled{background:var(--hb-color-icon-primary)}.hb-select--bare{width:auto;height:auto;color:var(--hb-color-icon-primary)}.hb-select--disabled{cursor:not-allowed}.hb-select--disabled.hb-select--filled{background:var(--hb-color-icon-disabled)}.hb-select--disabled.hb-select--hollow{border-color:var(--hb-color-icon-disabled)}.hb-select--disabled.hb-select--bare{color:var(--hb-color-icon-disabled)}.hb-select__check{width:12px;height:12px}.hb-select__number{font-family:PingFang SC,Noto Sans CJK SC,xiaomi,BlinkMacSystemFont,Microsoft YaHei,sans-serif;font-weight:500;font-size:11px;line-height:16px;letter-spacing:0px;font-weight:700}.hb-select.focus-visible.js-focus-visible,.js-focus-visible .hb-select.focus-visible{outline:2px solid var(--hb-color-border-strong);outline-offset:2px}.hb-select:focus-visible{outline:2px solid var(--hb-color-border-strong);outline-offset:2px}.hb-v2-snackbar{position:fixed;right:0;bottom:10px;left:0;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:calc(100% - 20px);min-height:42px;max-width:460px;max-width:calc(var(--hb-page-shell-max-width, var(--hb-root-max-width, 480px)) - 20px);padding:0 12px;margin-left:auto;margin-right:auto;background:var(--hb-color-bg-raised);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.hb-v2-snackbar__left,.hb-v2-snackbar__right{display:flex;align-items:center;min-width:0}.hb-v2-snackbar__left{flex:1 1 auto}.hb-v2-snackbar__right{flex:0 0 auto;justify-content:flex-end;margin-left:12px}.hb-v2-snackbar-fade-enter-active,.hb-v2-snackbar-fade-leave-active{transition:opacity .16s cubic-bezier(0,0,.58,1),transform .16s cubic-bezier(0,0,.58,1)}.hb-v2-snackbar-fade-enter-from,.hb-v2-snackbar-fade-leave-to{opacity:0;transform:translate3d(0,8px,0)}.hb-switch{position:relative;box-sizing:border-box;display:inline-block;flex-shrink:0;padding:0;cursor:pointer;background:var(--hb-color-border-strong);border:0;border-radius:999px;transition:background-color .2s ease}.hb-switch__knob{position:absolute;top:2px;left:2px;box-sizing:border-box;background:var(--hb-color-icon-inverse);border-radius:999px;transition:transform .2s ease}.hb-switch--on{background:var(--hb-color-icon-primary)}.hb-switch--default{width:40px;height:18px}.hb-switch--default .hb-switch__knob{width:25px;height:14px}.hb-switch--default.hb-switch--on .hb-switch__knob{transform:translate(11px)}.hb-switch--small{width:22px;height:10px}.hb-switch--small .hb-switch__knob{top:1px;left:1px;width:12px;height:8px}.hb-switch--small.hb-switch--on .hb-switch__knob{transform:translate(8px)}.hb-switch--disabled{cursor:not-allowed;opacity:.5}.hb-switch.focus-visible.js-focus-visible,.js-focus-visible .hb-switch.focus-visible{outline:2px solid var(--hb-color-border-strong);outline-offset:2px}.hb-switch:focus-visible{outline:2px solid var(--hb-color-border-strong);outline-offset:2px}.hb-v2-toast__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none}.hb-v2-toast{display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;line-height:17px;letter-spacing:0;text-align:center;pointer-events:auto}.hb-v2-toast__wrapper-click-through .hb-v2-toast{pointer-events:none}.hb-v2-toast-default,.hb-v2-toast-loading{flex-direction:column;gap:10px;min-width:92px;min-height:91px;max-width:220px;padding:20px;color:var(--hb-color-text-inverse);background:var(--hb-color-bg-toast);border-radius:12px;backdrop-filter:blur(12.5px)}.hb-v2-toast-loading{min-height:101px}.hb-v2-toast-loading-icon-only{gap:0;min-width:0;min-height:0;width:74px;height:74px;padding:20px}.hb-v2-toast__icon{font-size:24px;line-height:24px}.hb-v2-toast__text{position:relative;z-index:1;max-width:180px;color:inherit;word-wrap:break-word}.hb-v2-toast__spinner{display:flex;align-items:center;justify-content:center;width:34px;height:34px}.hb-v2-toast__spinner-circular{display:block;width:34px;height:34px;animation:hb-v2-toast-loading-rotate 2s linear infinite}.hb-v2-toast__spinner-bg{stroke:var(--hb-color-game-record-white-30);stroke-width:2.5}.hb-v2-toast__spinner-path{stroke:var(--hb-color-game-record-white-100);stroke-linecap:round;stroke-width:2.5;animation:hb-v2-toast-spin-round 1.5s linear infinite}.hb-v2-toast-fade-enter-active,.hb-v2-toast-fade-leave-active{transition:opacity .16s cubic-bezier(0,0,.58,1)}.hb-v2-toast-fade-enter-from,.hb-v2-toast-fade-leave-to{opacity:0}@keyframes hb-v2-toast-loading-rotate{to{transform:rotate(1turn)}}@keyframes hb-v2-toast-spin-round{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-v2-toast-bar__wrapper{position:fixed;left:0;right:0;display:flex;justify-content:center;box-sizing:border-box;pointer-events:none}.hb-v2-toast-bar__wrapper-bottom{bottom:20px;bottom:var(--hb-v2-toast-bar-offset, 20px)}.hb-v2-toast-bar__wrapper-top{top:134px;top:var(--hb-v2-toast-bar-offset, 134px)}.hb-v2-toast-bar{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:33px;margin:0;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;line-height:17px;letter-spacing:0;text-align:center;border-radius:16.5px;pointer-events:auto}.hb-v2-toast-bar__wrapper-click-through .hb-v2-toast-bar{pointer-events:none}.hb-v2-toast-bar-strong{gap:6px;max-width:220px;padding:0 20px;color:var(--hb-color-text-inverse);background:var(--hb-color-bg-toast);backdrop-filter:blur(12.5px)}.hb-v2-toast-bar-weak{position:relative;gap:4px;max-width:240px;padding:0 20px;color:var(--hb-color-text-primary);background:var(--hb-color-bg-raised);box-shadow:0 2px 12px rgba(0,0,0,.08)}.hb-v2-toast-bar-weak:before{position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;border:1px solid var(--hb-color-border-default);border-radius:33px;content:"";pointer-events:none;transform:scale(.5);transform-origin:top left}.hb-v2-toast-bar__text{position:relative;z-index:1;max-width:180px;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.hb-v2-toast-bar__arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:12px;height:12px;color:inherit}.hb-v2-toast-bar__arrow svg{display:block;width:12px;height:12px}.hb-v2-toast-bar-slide-up-enter-active,.hb-v2-toast-bar-slide-up-leave-active,.hb-v2-toast-bar-slide-down-enter-active,.hb-v2-toast-bar-slide-down-leave-active{transition:opacity .3s cubic-bezier(0,0,.58,1),transform .3s cubic-bezier(0,0,.58,1)}.hb-v2-toast-bar-slide-up-enter-from,.hb-v2-toast-bar-slide-up-leave-to{opacity:0;transform:translate3d(0,50px,0)}.hb-v2-toast-bar-slide-down-enter-from,.hb-v2-toast-bar-slide-down-leave-to{opacity:0;transform:translate3d(0,-50px,0)}.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}.hb-modal{width:100%;max-height:85vh;max-width:480px;max-width:var(--hb-page-shell-max-width, var(--hb-root-max-width, 480px));padding:0;margin:0 auto;border-radius:12px 12px 0 0;position:absolute;right:0;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-from,.modal-fade-leave-to{transform:translate3D(0,100%,0)}.modal-fade-enter-to,.modal-fade-leave-from{transform:translateZ(0)}.hb-modal-mask-enter-active,.hb-modal-mask-leave-active{transition:all .3s ease}.hb-modal-mask-enter-from,.hb-modal-mask-leave-to{opacity:0}.hb-modal-mask-enter-to,.hb-modal-mask-leave-from{opacity:1}.cpt-heybox-logo{width:54px;height:16px}.cpt-heybox-logo svg{width:100%;height:100%}.hb-page-nav{position:relative;z-index:1000}.hb-page-nav .nav-inner{position:fixed;top:0;left:50%;width:100%;max-width:480px;max-width:var(--hb-page-shell-max-width, var(--hb-root-max-width, 480px));transform:translate(-50%)}.hb-page-nav .nav-inner .base-wrapper{width:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:13px}.hb-page-nav .nav-inner .over-wrapper{position:absolute;left:50%;bottom:13px;width:-moz-fit-content;width:fit-content;pointer-events:none;transform:translate(-50%)}.hb-page-nav .nav-inner .base-wrapper .text,.hb-page-nav .nav-inner .over-wrapper .text{font-size:16px;font-weight:500;line-height:22px;letter-spacing:.25px}.cpt-footer{width:100%;height:38px;display:flex;flex-direction:row;align-items:flex-start;justify-content:center}.cpt-footer img{height:18px}:root{--hb-radius-xs: 2px;--hb-radius-s: 3px;--hb-radius-m: 5px;--hb-radius-l: 8px;--hb-radius-xl: 12px;--hb-space-4: 4px;--hb-space-8: 8px;--hb-space-10: 10px;--hb-space-page-gutter: 12px;--hb-color-icon-primary: #cccdce;--hb-color-icon-secondary: #9b9fa2;--hb-color-icon-tertiary: #858687;--hb-color-icon-disabled: #4f5459;--hb-color-icon-inverse: #101112;--hb-color-text-primary: #cccdce;--hb-color-text-secondary: #9b9fa2;--hb-color-text-tertiary: #858687;--hb-color-text-placeholder: #4f5459;--hb-color-text-inverse: #101112;--hb-color-border-default: #242628;--hb-color-border-muted: #2e3031;--hb-color-border-strong: #424547;--hb-color-border-section: #0b0c0e;--hb-color-border-inverse: #101112;--hb-color-bg-page: #101112;--hb-color-bg-surface: #151617;--hb-color-bg-subtle: #1e1f21;--hb-color-bg-muted: #242628;--hb-color-bg-raised: #2e3031;--hb-color-bg-chat: #1e1f21;--hb-color-bg-control-secondary: #373839;--hb-color-bg-chat-bubble: #1f2e4d;--hb-color-bg-toast: rgba(187, 191, 194, .8980392157);--hb-color-bg-popmask: rgba(21, 21, 21, .5019607843);--hb-color-action-link: #66b3ff;--hb-color-action-link-subtle: rgba(102, 179, 255, .1019607843);--hb-color-brand-primary: #006ef4;--hb-color-status-danger: #fa3c4b;--hb-color-status-success: #4cd964;--hb-color-game-price-coupon: #f67010;--hb-color-game-price-low: #32b846;--hb-color-game-price-new-low: #009015;--hb-color-platform-playstation: #0071ce;--hb-color-platform-steam: #234c75;--hb-color-platform-switch: #e70012;--hb-color-platform-windows: #81bc0d;--hb-color-platform-xbox: #0f7c10;--hb-color-game-record-white-01: rgba(0, 0, 0, .01);--hb-color-game-record-black-01: rgba(255, 255, 255, .01);--hb-color-game-record-white-02: rgba(0, 0, 0, .02);--hb-color-game-record-black-02: rgba(255, 255, 255, .02);--hb-color-game-record-white-03: rgba(0, 0, 0, .03);--hb-color-game-record-black-03: rgba(255, 255, 255, .03);--hb-color-game-record-white-05: rgba(0, 0, 0, .05);--hb-color-game-record-black-05: rgba(255, 255, 255, .05);--hb-color-game-record-white-08: rgba(0, 0, 0, .08);--hb-color-game-record-black-08: rgba(255, 255, 255, .08);--hb-color-game-record-white-10: rgba(0, 0, 0, .1);--hb-color-game-record-black-10: rgba(255, 255, 255, .1);--hb-color-game-record-white-15: rgba(0, 0, 0, .15);--hb-color-game-record-black-15: rgba(255, 255, 255, .15);--hb-color-game-record-white-20: rgba(0, 0, 0, .2);--hb-color-game-record-black-20: rgba(255, 255, 255, .2);--hb-color-game-record-white-30: rgba(0, 0, 0, .3);--hb-color-game-record-black-30: rgba(255, 255, 255, .3);--hb-color-game-record-white-40: rgba(0, 0, 0, .4);--hb-color-game-record-black-40: rgba(255, 255, 255, .4);--hb-color-game-record-white-50: rgba(0, 0, 0, .5);--hb-color-game-record-black-50: rgba(255, 255, 255, .5);--hb-color-game-record-white-60: rgba(0, 0, 0, .6);--hb-color-game-record-black-60: rgba(255, 255, 255, .6);--hb-color-game-record-white-70: rgba(0, 0, 0, .7);--hb-color-game-record-black-70: rgba(255, 255, 255, .7);--hb-color-game-record-white-80: rgba(0, 0, 0, .8);--hb-color-game-record-black-80: rgba(255, 255, 255, .8);--hb-color-game-record-white-85: rgba(0, 0, 0, .85);--hb-color-game-record-black-85: rgba(255, 255, 255, .85);--hb-color-game-record-white-90: rgba(0, 0, 0, .9);--hb-color-game-record-black-90: rgba(255, 255, 255, .9);--hb-color-game-record-white-100: #000000;--hb-color-game-record-black-100: #ffffff;--csstools-color-scheme--light: ;color-scheme:dark}:root[data-hb-theme=light]{--hb-color-icon-primary: #14191e;--hb-color-icon-secondary: #64696e;--hb-color-icon-tertiary: #8c9196;--hb-color-icon-disabled: #c8cdd2;--hb-color-icon-inverse: #ffffff;--hb-color-text-primary: #14191e;--hb-color-text-secondary: #64696e;--hb-color-text-tertiary: #8c9196;--hb-color-text-placeholder: #c8cdd2;--hb-color-text-inverse: #ffffff;--hb-color-border-default: #f3f4f5;--hb-color-border-muted: #f1f2f3;--hb-color-border-strong: #dadde0;--hb-color-border-section: #fafbfc;--hb-color-border-inverse: #ffffff;--hb-color-bg-page: #ffffff;--hb-color-bg-surface: #fafbfc;--hb-color-bg-subtle: #f7f8f9;--hb-color-bg-muted: #f3f4f5;--hb-color-bg-raised: #f1f2f3;--hb-color-bg-chat: #f1f2f3;--hb-color-bg-control-secondary: #e7e8e9;--hb-color-bg-chat-bubble: #c4e4fc;--hb-color-bg-toast: rgba(57, 61, 64, .8980392157);--hb-color-bg-popmask: rgba(0, 0, 0, .5019607843);--hb-color-action-link: #004b96;--hb-color-action-link-subtle: rgba(0, 75, 150, .1019607843);--hb-color-brand-primary: #006ef4;--hb-color-status-danger: #fa3c4b;--hb-color-status-success: #32b846;--hb-color-game-price-coupon: #f67010;--hb-color-game-price-low: #32b846;--hb-color-game-price-new-low: #009015;--hb-color-platform-playstation: #0071ce;--hb-color-platform-steam: #021930;--hb-color-platform-switch: #e70012;--hb-color-platform-windows: #81bc0d;--hb-color-platform-xbox: #0f7c10;--hb-color-game-record-white-01: rgba(255, 255, 255, .01);--hb-color-game-record-black-01: rgba(0, 0, 0, .01);--hb-color-game-record-white-02: rgba(255, 255, 255, .02);--hb-color-game-record-black-02: rgba(0, 0, 0, .02);--hb-color-game-record-white-03: rgba(255, 255, 255, .03);--hb-color-game-record-black-03: rgba(0, 0, 0, .03);--hb-color-game-record-white-05: rgba(255, 255, 255, .05);--hb-color-game-record-black-05: rgba(0, 0, 0, .05);--hb-color-game-record-white-08: rgba(255, 255, 255, .08);--hb-color-game-record-black-08: rgba(0, 0, 0, .08);--hb-color-game-record-white-10: rgba(255, 255, 255, .1);--hb-color-game-record-black-10: rgba(0, 0, 0, .1);--hb-color-game-record-white-15: rgba(255, 255, 255, .15);--hb-color-game-record-black-15: rgba(0, 0, 0, .15);--hb-color-game-record-white-20: rgba(255, 255, 255, .2);--hb-color-game-record-black-20: rgba(0, 0, 0, .2);--hb-color-game-record-white-30: rgba(255, 255, 255, .3);--hb-color-game-record-black-30: rgba(0, 0, 0, .3);--hb-color-game-record-white-40: rgba(255, 255, 255, .4);--hb-color-game-record-black-40: rgba(0, 0, 0, .4);--hb-color-game-record-white-50: rgba(255, 255, 255, .5);--hb-color-game-record-black-50: rgba(0, 0, 0, .5);--hb-color-game-record-white-60: rgba(255, 255, 255, .6);--hb-color-game-record-black-60: rgba(0, 0, 0, .6);--hb-color-game-record-white-70: rgba(255, 255, 255, .7);--hb-color-game-record-black-70: rgba(0, 0, 0, .7);--hb-color-game-record-white-80: rgba(255, 255, 255, .8);--hb-color-game-record-black-80: rgba(0, 0, 0, .8);--hb-color-game-record-white-85: rgba(255, 255, 255, .85);--hb-color-game-record-black-85: rgba(0, 0, 0, .85);--hb-color-game-record-white-90: rgba(255, 255, 255, .9);--hb-color-game-record-black-90: rgba(0, 0, 0, .9);--hb-color-game-record-white-100: #ffffff;--hb-color-game-record-black-100: #000000;--csstools-color-scheme--light: initial;color-scheme:light}:root[data-hb-theme=dark]{--hb-color-icon-primary: #cccdce;--hb-color-icon-secondary: #9b9fa2;--hb-color-icon-tertiary: #858687;--hb-color-icon-disabled: #4f5459;--hb-color-icon-inverse: #101112;--hb-color-text-primary: #cccdce;--hb-color-text-secondary: #9b9fa2;--hb-color-text-tertiary: #858687;--hb-color-text-placeholder: #4f5459;--hb-color-text-inverse: #101112;--hb-color-border-default: #242628;--hb-color-border-muted: #2e3031;--hb-color-border-strong: #424547;--hb-color-border-section: #0b0c0e;--hb-color-border-inverse: #101112;--hb-color-bg-page: #101112;--hb-color-bg-surface: #151617;--hb-color-bg-subtle: #1e1f21;--hb-color-bg-muted: #242628;--hb-color-bg-raised: #2e3031;--hb-color-bg-chat: #1e1f21;--hb-color-bg-control-secondary: #373839;--hb-color-bg-chat-bubble: #1f2e4d;--hb-color-bg-toast: rgba(187, 191, 194, .8980392157);--hb-color-bg-popmask: rgba(21, 21, 21, .5019607843);--hb-color-action-link: #66b3ff;--hb-color-action-link-subtle: rgba(102, 179, 255, .1019607843);--hb-color-brand-primary: #006ef4;--hb-color-status-danger: #fa3c4b;--hb-color-status-success: #4cd964;--hb-color-game-price-coupon: #f67010;--hb-color-game-price-low: #32b846;--hb-color-game-price-new-low: #009015;--hb-color-platform-playstation: #0071ce;--hb-color-platform-steam: #234c75;--hb-color-platform-switch: #e70012;--hb-color-platform-windows: #81bc0d;--hb-color-platform-xbox: #0f7c10;--hb-color-game-record-white-01: rgba(0, 0, 0, .01);--hb-color-game-record-black-01: rgba(255, 255, 255, .01);--hb-color-game-record-white-02: rgba(0, 0, 0, .02);--hb-color-game-record-black-02: rgba(255, 255, 255, .02);--hb-color-game-record-white-03: rgba(0, 0, 0, .03);--hb-color-game-record-black-03: rgba(255, 255, 255, .03);--hb-color-game-record-white-05: rgba(0, 0, 0, .05);--hb-color-game-record-black-05: rgba(255, 255, 255, .05);--hb-color-game-record-white-08: rgba(0, 0, 0, .08);--hb-color-game-record-black-08: rgba(255, 255, 255, .08);--hb-color-game-record-white-10: rgba(0, 0, 0, .1);--hb-color-game-record-black-10: rgba(255, 255, 255, .1);--hb-color-game-record-white-15: rgba(0, 0, 0, .15);--hb-color-game-record-black-15: rgba(255, 255, 255, .15);--hb-color-game-record-white-20: rgba(0, 0, 0, .2);--hb-color-game-record-black-20: rgba(255, 255, 255, .2);--hb-color-game-record-white-30: rgba(0, 0, 0, .3);--hb-color-game-record-black-30: rgba(255, 255, 255, .3);--hb-color-game-record-white-40: rgba(0, 0, 0, .4);--hb-color-game-record-black-40: rgba(255, 255, 255, .4);--hb-color-game-record-white-50: rgba(0, 0, 0, .5);--hb-color-game-record-black-50: rgba(255, 255, 255, .5);--hb-color-game-record-white-60: rgba(0, 0, 0, .6);--hb-color-game-record-black-60: rgba(255, 255, 255, .6);--hb-color-game-record-white-70: rgba(0, 0, 0, .7);--hb-color-game-record-black-70: rgba(255, 255, 255, .7);--hb-color-game-record-white-80: rgba(0, 0, 0, .8);--hb-color-game-record-black-80: rgba(255, 255, 255, .8);--hb-color-game-record-white-85: rgba(0, 0, 0, .85);--hb-color-game-record-black-85: rgba(255, 255, 255, .85);--hb-color-game-record-white-90: rgba(0, 0, 0, .9);--hb-color-game-record-black-90: rgba(255, 255, 255, .9);--hb-color-game-record-white-100: #000000;--hb-color-game-record-black-100: #ffffff;--csstools-color-scheme--light: ;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;font-family:PingFang SC,Noto Sans CJK SC,xiaomi,BlinkMacSystemFont,Microsoft YaHei,sans-serif;color:#cccdce;color:var(--hb-color-text-primary, #14191e);background:#101112;background:var(--hb-page-background, var(--hb-color-bg-page, #ffffff));-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{min-height:100%;margin:0;color:inherit;background-color:inherit}button,input,select,textarea{font:inherit;color:inherit}img,picture,video,canvas{display:block;max-width:100%}[hidden]{display:none!important}@font-face{font-family:Helvetica;src:url(https://static.max-c.com/static/heybox/webapp/assets/v1/releases/heybox-h5/account-steam_personal_page-home/1cbcb2a462d7d5853c17a744ad546ccaa624f680/app/HelveticaNeue-CIHCGqIc.woff) format("woff"),url(https://static.max-c.com/static/heybox/webapp/assets/v1/releases/heybox-h5/account-steam_personal_page-home/1cbcb2a462d7d5853c17a744ad546ccaa624f680/app/HelveticaNeue-BLUCv66J.ttf) format("truetype");font-style:normal;font-weight:400}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: rgba(0, 0, 0, 1);--color-btn-bg-1: rgba(0, 0, 0, .08);--color-reverse-10a: rgba(255, 255, 255, .1);--color-reverse-40a: rgba(255, 255, 255, .4);--color-reverse-100a: rgba(255, 255, 255, 1);--theme-color: transparent;--loading-bg-color: rgba(255, 255, 255, .3);--loading-color: #DADDE0}body.dark-mode{--is-light-mode: 0;--color-01a: rgba(255, 255, 255, .01);--color-02a: rgba(255, 255, 255, .02);--color-03a: rgba(255, 255, 255, .03);--color-04a: rgba(255, 255, 255, .04);--color-05a: rgba(255, 255, 255, .05);--color-06a: rgba(255, 255, 255, .06);--color-07a: rgba(255, 255, 255, .07);--color-08a: rgba(255, 255, 255, .08);--color-09a: rgba(255, 255, 255, .09);--color-10a: rgba(255, 255, 255, .1);--color-20a: rgba(255, 255, 255, .2);--color-30a: rgba(255, 255, 255, .3);--color-40a: rgba(255, 255, 255, .4);--color-50a: rgba(255, 255, 255, .5);--color-60a: rgba(255, 255, 255, .6);--color-70a: rgba(255, 255, 255, .7);--color-80a: rgba(255, 255, 255, .8);--color-90a: rgba(255, 255, 255, .9);--color-100a: rgba(255, 255, 255, 1);--color-btn-bg-1: rgba(255, 255, 255, .15);--color-reverse-10a: rgba(0, 0, 0, .1);--color-reverse-40a: rgba(0, 0, 0, .4);--color-reverse-100a: rgba(0, 0, 0, 1);--theme-color: transparent;--loading-bg-color: #DADDE0;--loading-color: #64696E}*{-webkit-tap-highlight-color:transparent;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}html,body{-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[src=""],img:not([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{color:#8c9196}input::-moz-placeholder{color:#8c9196}input:-ms-input-placeholder{color:#8c9196}.hel-font{font-family:Helvetica}.common-section{padding:0 12px}html,body{background:transparent}#app{width:100%;height:100vh;margin:0 auto;max-width:var(--hb-page-shell-max-width);color:var(--color-100a);overflow:hidden;background:transparent;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;scrollbar-width:none}#app .container::-webkit-scrollbar{display:none}#app .container{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0px,rgb(0,0,0) 10px);mask-image:linear-gradient(to bottom,rgba(0,0,0,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:rgba(255,255,255,.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;display:flex;flex-direction:row;align-items:center;justify-content:center}.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)}html,body,#root,#app{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,#app::-webkit-scrollbar,#app .container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}#app{height:auto;min-height:100vh;overflow:visible;scrollbar-width:none}#app .container{height:auto;overflow:visible;flex:none}#app.is-screenshot{display:block;height:-moz-fit-content;height:fit-content;min-height:100vh}#app.is-screenshot .container{display:flow-root;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,#app .top-share-area .share-btn .hb-icon{font-size:20px;color:var(--color-100a)}#app .hb-page-nav .base-wrapper{position:relative;overflow:visible}#app .hb-page-nav .base-wrapper:after{position:absolute;top:100%;left:0;width:100%;height:24px;content:"";background:linear-gradient(to bottom,var(--steam-nav-background) 0%,transparent 100%);pointer-events:none}#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(to bottom,rgb(0,0,0) 65%,transparent 100%);mask-image:linear-gradient(to bottom,rgb(0,0,0) 65%,transparent 100%);mix-blend-mode:lighten}#app .screenshot-btn{position:fixed;right:20px;bottom:70px;z-index:20;display:flex;width:54px;height:54px;background:rgba(255,255,255,.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 .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}.account-modal .hb-modal{background:var(--theme-color)}.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}.account-modal .account-container{display:flex;max-height:calc(60vh - 120px);overflow:scroll;flex-direction:column;align-items:center}.account-modal .account-container::-webkit-scrollbar{display:none}.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}.account-modal .account-container .account-row.active .text{font-weight:500;color:var(--color-100a)}.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:""}.account-modal .account-container .account-row .text{font-size:14px;color:var(--color-70a);text-align:center;font-family:PingFang SC;letter-spacing:.25px}.account-modal .account-container .account-row .hb-icon{position:absolute;top:15px;right:12px;width:16px;height:16px;font-size:16px;color:var(--color-100a)}.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}.hb-popover{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{background:#fff;color:#14191e;box-shadow:0 2px 12px rgba(0,0,0,.1)}.hb-popover.hb-popover-dark{background:rgba(57,61,64,.9);backdrop-filter:blur(12.5px);color:#fff}.hb-popover.hb-popover-float-top{animation:hb-popover-float-top 1s linear 0s infinite alternate}.hb-popover.hb-popover-float-bottom{animation:hb-popover-float-bottom 1s linear 0s infinite alternate}.hb-popover .popper__arrow{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:after{content:" ";position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:6px}.hb-popover[data-popper-placement^=top]{margin-bottom:12px}.hb-popover[data-popper-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-bottom-width:0}.hb-popover[data-popper-placement^=top] .popper__arrow:after{bottom:0;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.hb-popover[data-popper-placement^=top].hb-popover-dark .popper__arrow:after{border-top-color:rgba(57,61,64,.9)}.hb-popover[data-popper-placement^=bottom]{margin-top:12px}.hb-popover[data-popper-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0}.hb-popover[data-popper-placement^=bottom] .popper__arrow:after{top:0;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.hb-popover[data-popper-placement^=bottom].hb-popover-dark .popper__arrow:after{border-bottom-color:rgba(57,61,64,.9)}.hb-popover[data-popper-placement^=right]{margin-left:12px}.hb-popover[data-popper-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-left-width:0}.hb-popover[data-popper-placement^=right] .popper__arrow:after{bottom:-6px;left:0;border-right-color:#fff;border-left-width:0}.hb-popover[data-popper-placement^=right].hb-popover-dark .popper__arrow:after{border-right-color:rgba(57,61,64,.9)}.hb-popover[data-popper-placement^=left]{margin-right:12px}.hb-popover[data-popper-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0}.hb-popover[data-popper-placement^=left] .popper__arrow:after{right:0;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.hb-popover[data-popper-placement^=left].hb-popover-dark .popper__arrow:after{border-left-color:rgba(57,61,64,.9)}.hb-popover .popover-close-icon{position:absolute;right:8px;top:8px;width:14px;height:14px;cursor:pointer}.hb-popover .popover-close-icon img{width:100%;height:100%}.hb-popover:focus,.hb-popover:focus:active,.hb-popover__reference:focus:hover,.hb-popover__reference:focus:not(.focusing){outline-width:0}.popover-fade-enter-active,.popover-fade-leave-active{transition:all .16s cubic-bezier(0,0,.58,1)}.popover-fade-enter,.popover-fade-leave-to{opacity:0}@keyframes hb-popover-float-top{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes hb-popover-float-bottom{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@font-face{font-family:Helvetica;src:url(https://static.max-c.com/static/heybox/webapp/assets/v1/releases/heybox-h5/account-steam_personal_page-home/1cbcb2a462d7d5853c17a744ad546ccaa624f680/app/HelveticaNeue-CIHCGqIc.woff) format("woff"),url(https://static.max-c.com/static/heybox/webapp/assets/v1/releases/heybox-h5/account-steam_personal_page-home/1cbcb2a462d7d5853c17a744ad546ccaa624f680/app/HelveticaNeue-BLUCv66J.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:rgba(255,255,255,.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:rgba(255,255,255,.7)}.cpt-game-item .game-image-wrapper .game-not-own-tip .not-own-desc{font-size:18px;color:rgba(255,255,255,.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{width:0;min-width:0;flex:1}.cpt-game-list .game-line .col-3{width:72px;flex:0 0 72px}.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((100% - 16px) / 3);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 .total-achieve,.cpt-game-vertical.column-4 .game-card-inner .game-achieves .divi{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 .total-achieve,.cpt-game-vertical.column-5 .game-card-inner .game-achieves.platium .divi{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 .total-achieve,.cpt-game-vertical.column-5 .game-card-inner .game-achieves .divi{font-family:Helvetica Neue;font-size:18px;font-weight:500;color:rgba(255,255,255,.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 rgba(255,255,255,.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(to top,rgba(0,0,0,.7),rgba(0,0,0,0));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 .total-achieve,.cpt-game-vertical .game-card-inner .game-achieves.platium .divi{color:#fff;font-weight:700}.cpt-game-vertical .game-card-inner .game-achieves .achieved,.cpt-game-vertical .game-card-inner .game-achieves .total-achieve,.cpt-game-vertical .game-card-inner .game-achieves .divi{font-family:Helvetica Neue;font-size:12px;font-weight:500;color:rgba(255,255,255,.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(to top,rgb(0,0,0) 0%,rgba(0,0,0,.8) 45%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to top,#000,rgba(0,0,0,.8) 45%,rgba(0,0,0,0));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:rgba(255,255,255,.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:rgba(255,255,255,.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{display:flex;padding:1px;background:var(--color-03a);border-radius:3px;flex-direction:row;align-items:center;justify-content:center}.view-game-list .view-selector .selector-option{display:flex;width:30px;height:22px;border-radius:3px;flex-direction:row;align-items:center;justify-content:center}.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-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:84px;height:84px;flex-shrink:0;flex-direction:row;align-items:center;justify-content:center}.view-steam-info .block-user .user-avatar-wrapper .user-avatar{z-index:0;width:70px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:3px}.view-steam-info .block-user .user-avatar-wrapper .user-avatar-frame{position:absolute;top:50%;left:50%;z-index:1;width:84px;height:84px;aspect-ratio:1/1;-o-object-fit:fill;object-fit:fill;transform:translate(-50%,-50%);pointer-events:none}.view-steam-info .block-user .user-avatar-wrapper .refresh{position:absolute;bottom:7px;left:50%;z-index:2;display:flex;width:70px;height:24px;background:rgba(0,0,0,.5);transform:translate(-50%);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 infinite linear}.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,sans-serif;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,sans-serif}.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:8px 12px 0;padding:0 12px;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 .tip,.view-steam-info .block-friend-code .friend-code-copy-area .copy-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(360deg)}to{transform:rotate(0)}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:ease;transition-timing-function:initial;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-left:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-top:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.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%;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:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:8px;bottom:var(--swiper-pagination-bottom, 8px);top:auto;top:var(--swiper-pagination-top, auto);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;width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:8px;height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:#000;background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-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;opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:8px;right:var(--swiper-pagination-right, 8px);left:auto;left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:4px;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:4px;width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.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:rgba(255,255,255,.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:auto;aspect-ratio:100/19;overflow:hidden}.view-ad .swiper-ad .swiper-slide img{width:100%;height:100%;border-radius:5px}.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 .chart-tabs{display:flex;height:24px;padding:1px;background:var(--color-05a);border-radius:2px}.view-game-distribution .title-area .chart-tab{height:22px;padding:0 8px;font-family:PingFang SC;font-size:12px;line-height:22px;color:var(--color-70a);text-align:center;background:transparent;border:0;border-radius:2px}.view-game-distribution .title-area .chart-tab.chart-tab--active{color:var(--color-100a);background:var(--color-btn-bg-1)}.view-game-distribution .chart-area{margin-top:12px;flex-grow:1;height:100%}.cpt-achieve-block{position:relative;width:calc((100% - 24px) / 7);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-community-awar{width:calc((100% - 18px)/4);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,.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((100% - 30px) / 6);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}.view-perfect-achievement .perfect-game-wrapper{display:flex;padding:0 12px;flex-flow:row wrap;align-items:center}.view-perfect-achievement .perfect-game-wrapper .game-detail{width:calc((100% - 10px)/2);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-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-name,.view-favorite-game .favorite-game-wrapper .game-achieve-line .game-badge-wrapper .badge-info .badge-exp{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((100% - 18px)/4);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-item-block{position:relative;width:calc((100% - 30px) / 6);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{display:flex;padding:0 12px;flex-flow:row wrap;align-items:center}.cpt-rare-achieve{position:relative;width:calc((100% - 50px) / 6);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-rare-achieve-list .rare-achieve-list-wrapper{display:flex;padding:0 12px;flex-flow:row wrap;align-items:center}.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}.view-trade-item-list .trade-item-list-wrapper{display:flex;padding:0 12px;flex-flow:row wrap;align-items:center}