.hb-iconfont{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.hb-loading{display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.hb-loading.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0}.hb-loading .hb-loading-spinner{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:100}.hb-loading .hb-loading-spinner .loading-circle{position:absolute;width:44px;height:44px;border:2px solid #dadde0;border-top-color:#64696e;border-radius:100%}.hb-loading .hb-loading-spinner .spin-round{animation:spin-round .9s linear infinite}@keyframes spin-round{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hb-loading .hb-loading-spinner .hb-loading-popover-enter-active,.hb-loading .hb-loading-spinner .hb-loading-popover-leave-active{transition:all .16s ease-in-out;opacity:1}.hb-loading .hb-loading-spinner .hb-loading-popover-enter,.hb-loading .hb-loading-spinner .hb-loading-popover-leave-to{opacity:0}.hb-loading-parent--hidden{overflow:hidden!important}.hb-loading-parent--relative{position:relative!important}body.open-app{padding-bottom:106px}.heybox-share-header{position:sticky;z-index:4000;top:0}.heybox-share-header.use-fixed{position:fixed;top:0;left:0;right:0}.heybox-share-header .hb-share-header:after{content:"";width:200%;height:1px;position:absolute;bottom:0;background:#f3f4f5;transform-origin:-40px bottom;transform:scale(.5)}.heybox-share-header .hb-share-header{max-width:640px;margin:0 auto;display:flex;align-items:center;padding:10px 14px;height:60px;background:#fff}.heybox-share-header .hb-share-header .app-logo{width:34px}.heybox-share-header .hb-share-header .app-logo img{display:block;width:34px;height:34px;border-radius:4px}.heybox-share-header .hb-share-header>.col-2{flex:1;min-width:0;padding:0 12px;line-height:1;font-weight:400}.heybox-share-header .hb-share-header .app-name{font-size:14px;margin-bottom:4px;color:#14191e}.heybox-share-header .hb-share-header .app-desc{font-size:11px;line-height:16px;color:#8c9196}.heybox-share-header .hb-share-header .download-btn{display:flex;justify-content:center;align-items:center;width:72px;height:30px;background:#14191e;color:#fff;font-size:12px;font-weight:500;border-radius:3px;padding:5px}.heybox-share-header .hb-share-header .gradient-ramp{background:linear-gradient(45deg,#464b50,#14191e)}@media screen and (max-width:980px){.heybox-share-header .hb-qrc{display:none}}.heybox-share-header .hb-qrc{width:150px;position:fixed;z-index:100;top:148px;left:50%;transform:translateX(320px);font-size:12px;line-height:1;font-weight:500;padding:12px;background-color:#fff}.heybox-share-header .hb-qrc img{display:block;width:126px;height:126px;margin:auto;margin-bottom:8px}.heybox-share-header .hb-qrc .main-txt{font-size:14px;font-weight:500;color:#8c9196;text-align:center;line-height:1;margin-bottom:8px}.heybox-share-header .hb-qrc .sub-txt{color:#c8cdd2;font-size:12px;text-align:center}@media only screen and (max-width:640px){.heybox-share-header .hb-share-header:after{transform-origin:-20px bottom}.heybox-share-header .hb-share-header{padding:8px 10px}}.heybox-share-header .open-in-app{z-index:2018;left:0;right:0;bottom:60px;width:100px;height:34px;background:#14191e;border-radius:17px;color:#fff;font-size:12px;line-height:1;margin:auto}.heybox-share-header .open-in-app,.heybox-share-popover{position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 16px 0 rgba(20,25,30,.14)}.heybox-share-popover{bottom:90px;left:50%;width:166px;height:48px;background:linear-gradient(46deg,#464b50 -.9%,#14191e 100.9%);border-radius:30px;transform:translateX(-50%);cursor:pointer;z-index:4000}.heybox-share-popover .heybox-logo{width:22px;height:22px;border-radius:4px;overflow:hidden}.heybox-share-popover .heybox-logo img{width:100%;height:100%}.heybox-share-popover .btn-text{font-size:16px;font-weight:600;line-height:20px;color:#fff;margin-left:8px}.home{min-height:100vh}.home,.home .head,.home .head .img{position:relative}.home .head .img{width:100%;z-index:1}.home .head .img img{width:100%;height:auto}.home .head .img{animation:topIn .4s ease-out}.home .head .avatar-halo{position:absolute;left:50%;bottom:0;width:100%;padding-top:100%;transform:translate(-50%,50%);background:radial-gradient(43.72% 45.33% at 49.87% 49.87%,rgba(255,238,106,.4) 0,rgba(255,204,0,.4) 100%);opacity:0;animation:fade .4s ease-out .4s forwards;z-index:0}.home .head .avatar{position:absolute;left:50%;bottom:-45px;width:109px;height:109px;padding:5px;transform:translate(-50%);animation:fade .4s ease-out;background:#fff;border-radius:50%;overflow:hidden;z-index:2}.home .head .avatar img{width:100%;height:100%;border-radius:50%}.home .no-login{position:relative;margin-top:64px;padding:0 30px;z-index:1}.home .no-login .name{margin-bottom:18px;font-weight:600;font-size:24px;line-height:34px;text-align:center;color:#000}.home .no-login .btn{position:relative;display:flex;align-items:center;justify-content:center;width:303px;padding:14px 0;margin:0 auto;border-radius:26px;background:#ff5100;box-shadow:2px 4px 0 0 rgba(0,0,0,.07)}.home .no-login .btn .text{font-weight:600;font-size:18px;line-height:22px;letter-spacing:-.3px;color:#fff}.home .no-login .btn .add{display:flex;align-items:center;justify-content:center;width:24px;height:26px;margin-right:5px}.home .no-login .btn .add img{width:100%;height:100%}.home .no-login .block{display:grid;grid-template-columns:auto auto;justify-content:space-between;align-content:space-between;margin:0 auto 85px;width:188px;height:138px}.home .no-login .block .item{width:72px;display:flex;flex-direction:column;justify-content:center;align-items:center}.home .no-login .block .item .desc-1{white-space:nowrap}.home .no-login .block .item .desc-1 .danwei{font-weight:900}.home .no-login .block .item .desc-1 .danwei.money{margin-right:2px}.home .no-login .block .item .desc-2{white-space:nowrap;color:rgba(0,0,0,.8);font-family:PingFang SC;font-size:12px;line-height:17px}.home .no-login .no-content{margin-top:40px;font-weight:300;font-size:13px;line-height:22px;text-align:center;color:#000}.home .no-login .desc{margin-bottom:32px;text-align:center;font-size:13px;line-height:22px;color:rgba(0,0,0,.7)}.home .no-login .tips{margin-top:18px}.home .no-login .tips,.home .no-login .tips .checkbox{display:flex;align-items:center;justify-content:center}.home .no-login .tips .checkbox{width:16px;height:16px;margin-right:4px;border-radius:50%;border:1px solid #ff5100}.home .no-login .tips .checkbox.auth{background:#ff5100}.home .no-login .tips .checkbox svg{width:12px;height:12px}.home .no-login .tips .text{font-weight:300;font-size:14px;line-height:20px;color:rgba(0,0,0,.7)}.home .no-login .tips .text .underline{font-weight:400;-webkit-text-decoration:underline;text-decoration:underline;color:#ff5100}.home .no-login .auth-loading{width:40px;height:40px;margin-top:20px;margin:20px auto 0}.home .no-login .date{margin-bottom:29px}.home .no-login .date .time{margin-bottom:1px;text-align:center;font-weight:600;font-size:15px;line-height:21px;color:#000}.home .no-login .date .normal{font-size:13px;line-height:18px;text-align:center;color:#000}.home .no-login .update-tip{margin-top:18px;color:#49fff9;text-align:center;font-family:PingFang SC;font-size:14px;font-weight:400;text-decoration-line:underline;text-decoration-style:solid}.game{position:relative}.game .img{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#fc0}.game .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.game .img .none{display:none}.game .img{filter:drop-shadow(4px 4px 0 rgba(0,0,0,.07))}.game .img .no{position:absolute;z-index:1;left:0;top:-6px;padding:0 5px 1px 3px;border-radius:0 9px 9px 0;background:#0fc991}.game .img .no span{display:inline-block;font-family:Alibaba PuHuiTi;font-size:14px;line-height:19px;letter-spacing:-.5px;font-feature-settings:"pnum" on,"lnum" on;color:#000;transform:matrix(1,0,-.1,1,0,0)}.game .img .tag{position:absolute;z-index:1;right:-6px;top:-10px;display:flex;align-items:center}.game .img .tag .tag-item{position:relative;display:flex;align-items:center;width:32px;height:32px;margin-left:-6px}.game .img .tag .tag-item img{width:100%;height:100%}.game .img .tag .tag-item .ach-date{position:absolute;z-index:-1;top:10px;right:calc(100% - 12px);white-space:nowrap;padding:0 16px 0 6px;background:#000;border-radius:9px}.game .img .tag .tag-item .ach-date .date-num{font-family:Alibaba PuHuiTi;font-size:14px;line-height:19px;letter-spacing:-.5px;font-feature-settings:"pnum" on,"lnum" on;color:#fdff00}.game .img .tag .tag-item .ach-date .date-m{position:relative;top:-1px;margin:0 1px;font-family:Alibaba PuHuiTi;font-size:10px;line-height:14px;letter-spacing:-.5px;font-feature-settings:"pnum" on,"lnum" on;color:#fdff00}.game .img .tag.big{right:-8px;top:-16px}.game .img .tag.big .tag-item{width:46px;height:46px;margin-left:-8px}.game .img .icon{position:absolute;z-index:1;right:10px;top:-6px;width:52px;height:52px;border-radius:6px 6px 26px 26px}.game .img .icon .icon-inner{position:relative;width:100%;height:100%}.game .img .icon .icon-inner img{width:100%;height:100%}.game .img .icon .icon-inner:after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;border-radius:6px 6px 26px 26px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.35)}.game .img .ach-list{position:absolute;z-index:1;bottom:8px;left:8px;display:flex}.game .img .ach-list .ach-item{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:1px;margin-right:3px;background:rgba(0,0,0,.7)}.game .img .ach-list .ach-item img{width:100%;height:100%}.game .img .ach-list .ach-item.add{margin-right:4px}.game .img .ach-list .ach-item.add .text{display:inline-block;font-size:18px;color:#fff;transform:scale(.5);transform-origin:center center}.game .img.border,.game .img.border img{border-radius:0 20px}.game .img.border .icon img{border-radius:6px 6px 26px 26px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.35)}.annual-game{position:relative}.annual-game .content-inner{display:flex;flex-flow:column;justify-content:center;min-height:100vh;padding:0 36px}.annual-game .title{margin-bottom:16px;color:#000;font-family:PingFang SC;font-size:20px;font-weight:600}.annual-game .annual-game-wrapper .name-time{display:flex;align-items:flex-end;justify-content:space-between;margin-top:6.5px}.annual-game .annual-game-wrapper .name-time .name{max-width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:15px;line-height:27px;color:#000}.annual-game .desc{position:relative;margin-top:14px}.annual-game .desc .desc-1,.annual-game .desc .desc-2,.annual-game .desc .desc-3{min-height:33px}.annual-game .desc .desc-1 .white,.annual-game .desc .desc-2 .white,.annual-game .desc .desc-3 .white{font-size:15px;line-height:21px}.annual-game .desc .desc-1 .normal,.annual-game .desc .desc-2 .normal,.annual-game .desc .desc-3 .normal{display:inline-block;position:relative;top:-1px;margin-right:4px;line-height:33px}.annual-game .game-list{margin-top:28px}.annual-game .game-list .annual-game-item{display:flex;flex-direction:row;align-items:center;justify-content:center}.annual-game .game-list .annual-game-item:not(:last-child){margin-bottom:18px}.annual-game .game-list .annual-game-item .game-info{flex:1;width:0;position:relative;top:1px;display:flex;flex-flow:column;justify-content:center;max-width:calc(100% - 156px);margin-left:12px}.annual-game .game-list .annual-game-item .game-info .name{max-width:100%;margin-bottom:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:14px;line-height:20px;color:#000}.annual-game .game-list .annual-game-item .game-info .desc-2 .zi{margin-left:1px}.annual-game .game-list .annual-game-item .game-info .desc-2 .danwei{position:relative;margin:1px}.annual-game .game-list .annual-game-item .game-info .desc-2.friend{display:flex;align-items:center;margin-top:3px}.annual-game .game-list .annual-game-item .game-info .desc-2.friend .friends{display:flex;align-items:center;margin-right:5px}.annual-game .game-list .annual-game-item .game-info .desc-2.friend .friends .item{width:24px;height:24px;padding:1px;overflow:hidden;border-radius:50%;background:#fff}.annual-game .game-list .annual-game-item .game-info .desc-2.friend .friends .item img{width:100%;height:100%;border-radius:50%}.annual-game .game-list .annual-game-item .game-info .desc-2.friend .friends .item:not(:first-child){margin-left:-4px}.annual-game .game-list .annual-game-item .game-info .desc-2.friend .text span{position:relative;top:1px;display:inline-block}.most{position:relative;min-height:100vh}.most .content-inner{display:flex;flex-flow:column;justify-content:center;min-height:100vh;padding:0 36px}.most .title{font-weight:600;font-size:20px;line-height:28px;color:#000}.most .cost-list,.most .title{margin-bottom:16px}.most .cost-list .cpt-game{display:flex;align-items:center;margin-bottom:16px}.most .cost-list .cpt-game .info{position:relative;top:2px;max-width:calc(100% - 156px);margin-left:12px}.most .cost-list .cpt-game .info .name{width:100%;margin-bottom:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:14px;line-height:20px;color:#000}.most .cost-list .cpt-game .info .time .time-svg{position:relative;display:inline-block;top:2px;margin-right:2px}.most .cost-list .cpt-game .info .time .time-svg svg{width:13px;height:13px}.most .cost-list .cpt-game:last-child{margin-bottom:0}.most .pro{display:flex;align-items:center;margin-bottom:30px}.most .pro .label{display:flex;flex-flow:column;justify-content:space-between;margin-right:6px;padding:4px 3px 4px 3px;background:#ffea00;border-radius:20px;font-size:10px;line-height:14px;font-weight:500;color:rgba(0,0,0,.8)}.most .pro .line{width:100%}.most .pro .line .bar{display:flex;align-items:center;margin-bottom:4px}.most .pro .line .bar .bar-item{display:flex;align-items:center;min-width:40px;height:16px;padding-left:4px;margin-right:2px;background:#f80}.most .pro .line .bar .bar-item .danwei,.most .pro .line .bar .bar-item .zi{color:#fff}.most .pro .line .bar .bar-item:first-child{background:#a86922;border-radius:8px 0 0 8px}.most .pro .line .bar .bar-item:last-child{width:80%;margin-right:0;background:#ff5100;border-radius:0 8px 8px 0}.most .pro .line .region,.most .pro .line .region .region-item{height:14px;display:flex;align-items:center}.most .pro .line .region .region-item{min-width:40px}.most .pro .line .region .region-item span{font-size:10px;line-height:1;color:rgba(0,0,0,.8)}.most .pro .line .region .region-item:last-child{width:80%;margin-right:0;border-radius:0 8px 8px 0}.most .desc{position:relative;margin-bottom:30px}.most .desc .desc-1,.most .desc .desc-2,.most .desc .desc-3{min-height:33px}.most .desc .desc-1 .white,.most .desc .desc-2 .white,.most .desc .desc-3 .white{font-size:15px;line-height:21px;color:#fff}.most .desc .desc-1 .normal,.most .desc .desc-2 .normal,.most .desc .desc-3 .normal{display:inline-block;position:relative;top:-1px;margin-right:4px;line-height:33px}.most .desc .time-img{position:absolute;right:0;bottom:0;width:62px;height:82px;transform:rotate(20deg)}.most .desc .time-img img{width:100%;height:100%}.most .firend{position:relative;display:flex;align-items:center;width:calc(100% + 36px);height:96px;padding:10px 20px;background:#ffee6a;box-shadow:6px 6px 0 rgba(0,0,0,.07);border-radius:48px 0 0 48px;animation:friend .9s}.most .firend .label{display:flex;flex-flow:column;width:45px;margin-right:10px;font-size:20px;line-height:27px;color:#000}.most .firend .label .skew{font-family:Alibaba PuHuiTi}.most .firend .friend-list{display:flex;align-items:center}.most .firend .friend-list .item{display:flex;flex-flow:column;align-items:center;justify-content:center;width:65px;margin-right:10px}.most .firend .friend-list .item .img{position:relative;width:56px;height:56px;margin-bottom:4px;border-radius:50%;background:linear-gradient(139.56deg,#edc23f 12.55%,#ecba15 26.53%,#fbf0bd 36.74%,#9c5c05 64.09%,#f1c644 85.79%);padding:3px}.most .firend .friend-list .item .img img{width:100%;height:100%;border-radius:50%;overflow:hidden}.most .firend .friend-list .item .img .price{position:absolute;left:50%;z-index:1;bottom:-3px;padding:0 4px;transform:translate(-50%);white-space:nowrap;background:#000;border-radius:10px;color:#fff}.most .firend .friend-list .item .img .price .no-12{color:#fff}.most .firend .friend-list .item .name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:17px;color:rgba(0,0,0,.7);opacity:.7}.most .firend .friend-list .item:last-child{margin-right:0}.most .firend .friend-list .item:nth-child(2) .img{background:linear-gradient(139.56deg,#646464 12.55%,#bebebe 26.53%,#e6e6e6 36.74%,#292929 64.09%,#787878 85.79%)}.most .firend .friend-list .item:nth-child(3) .img{background:linear-gradient(139.56deg,#bf766c 12.55%,#b97a56 26.53%,#be978e 36.74%,#96391c 64.09%,#b46c44 85.79%)}.most .firend .friend-list .cover-img{position:absolute;top:-29px;right:0;width:158px;height:131px}.most .firend .friend-list .cover-img img{width:100%;height:100%}.cpt-achievement-count{width:100%;height:74px;display:flex;flex-direction:row;align-items:center}.cpt-achievement-count .left-medal-image{height:74px;margin-left:-10px}.cpt-achievement-count .right-archivement-count-container{height:74px;flex:1;width:0}.cpt-achievement-count .right-archivement-count-container .info-line{height:33px;display:flex;flex-direction:row;align-items:center}.cpt-achievement-count .right-archivement-count-container .info-line .ach-count{margin:0 2px;display:flex;flex-direction:row;align-items:center}.cpt-achievement-count .right-archivement-count-container .bar-line .bar-container{width:100%;height:10px;background:rgba(0,0,0,.15);border-radius:5px;overflow:hidden}.cpt-achievement-count .right-archivement-count-container .bar-line .bar-container .bar-progress{width:50%;height:10px;background:linear-gradient(90deg,#f80,#ff5100);border-radius:5px}.cpt-achievement-count .right-archivement-count-container .compare-line{height:17px;display:flex;flex-direction:row;align-items:center;margin-top:3px}.cpt-achievement-count .right-archivement-count-container .compare-line span{color:rgba(0,0,0,.8);font-size:10px}.cpt-achievement-count .right-archivement-count-container .compare-line .zi{margin:0 2px}.ach{position:relative}.ach .content-inner{display:flex;flex-flow:column;justify-content:center;min-height:100vh;padding:0 36px}.ach .title{margin-bottom:16px;font-weight:600;font-size:20px;line-height:28px;color:#000}.ach .ach-swiper{display:flex;margin-bottom:16px}.ach .ach-swiper .swiper-slide{width:267px!important;padding-right:20px}.ach .ach-swiper .swiper-slide .name{max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;font-weight:500;font-size:14px;line-height:20px;color:#000}.ach .ach-swiper .swiper-slide .pro{position:relative;top:-10px;display:flex;align-items:flex-end;justify-content:space-between}.ach .ach-swiper .swiper-slide .pro .line{position:relative;top:-7px;flex-grow:1;height:4px;border-radius:3px;overflow:hidden;background:rgba(0,0,0,.15)}.ach .ach-swiper .swiper-slide .pro .line .cover{position:absolute;z-index:1;height:100%}.ach .ach-swiper .swiper-slide .pro .num{margin-left:6px}.ach .ach-swiper .swiper-slide .pro .num .per{margin-left:2px;font-family:Alibaba PuHuiTi;font-size:13px;line-height:23px;text-align:right;letter-spacing:-.5px;font-feature-settings:"pnum" on,"lnum" on;color:rgba(0,0,0,.7)}.ach .desc{position:relative;margin-bottom:32px}.ach .desc .desc-1,.ach .desc .desc-2,.ach .desc .desc-3{min-height:33px}.ach .desc .desc-1 .white,.ach .desc .desc-2 .white,.ach .desc .desc-3 .white{font-size:15px;line-height:21px}.ach .desc .desc-1 .normal,.ach .desc .desc-2 .normal,.ach .desc .desc-3 .normal{display:inline-block;position:relative;top:-1px;margin-right:4px;line-height:33px}.ach .ach-game .ach-item{display:flex;align-items:center;margin-bottom:16px}.ach .ach-game .ach-item .info{position:relative;top:2px;max-width:calc(100% - 156px);margin-left:12px}.ach .ach-game .ach-item .info .name{max-width:100%;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:14px;line-height:20px;color:#000}.ach .ach-game .ach-item .info .desc-1{font-size:10px;line-height:14px;color:rgba(0,0,0,.7)}.friend{position:relative}.friend .content-inner{display:flex;flex-flow:column;justify-content:center;min-height:100vh;padding:0 36px}.friend .new-friend{margin-bottom:30px}.friend .new-friend .desc{margin-bottom:4px;text-align:center}.friend .new-friend .desc .normal{position:relative;top:-1px;margin-right:4px}.friend .new-friend .firend-list{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.friend .new-friend .firend-list .new-friend-inner{display:flex;width:-moz-fit-content;width:fit-content}.friend .new-friend .firend-list .new-friend-inner .item{display:flex;flex-flow:column;align-items:center;margin-right:4px}.friend .new-friend .firend-list .new-friend-inner .item .avatar{width:36px;height:36px;overflow:hidden;border-radius:50%}.friend .new-friend .firend-list .new-friend-inner .item .avatar img{width:100%;height:100%}.friend .new-friend .firend-list .new-friend-inner .item .name{width:50px;margin-top:1px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:14px;color:rgba(0,0,0,.7)}.friend .new-friend .firend-list .cover-1{position:absolute;z-index:1;left:0;top:0;width:20px;height:100%;background:linear-gradient(90deg,#fc0,rgba(2,71,186,0))}.friend .new-friend .firend-list .cover-2{position:absolute;z-index:1;right:0;top:0;width:20px;height:100%;background:linear-gradient(90deg,rgba(2,71,186,0),#fc0)}.friend .new-friend .firend-list .cover-2.blue{background:linear-gradient(90deg,rgba(2,71,186,0),#ffee6a)}.friend .first-friend{margin-bottom:30px}.friend .first-friend .desc{margin-bottom:6px;text-align:center}.friend .first-friend .info{display:flex;align-items:center;justify-content:center}.friend .first-friend .info .avatar{width:32px;height:32px;margin-right:9px;overflow:hidden;border-radius:50%}.friend .first-friend .info .avatar img{width:100%;height:100%}.friend .first-friend .info .name{font-size:15px;line-height:21px;font-weight:600;color:#000}.friend .lost-friend{display:flex;flex-flow:column;align-items:center}.friend .lost-friend .desc{margin-bottom:14px}.friend .lost-friend .lost{position:relative;width:200px;height:200px}.friend .lost-friend .lost .outer-circle{position:relative;z-index:1;width:100%;height:100%}.friend .lost-friend .lost .outer-circle .left-circle,.friend .lost-friend .lost .outer-circle .right-circle{position:absolute;top:0;width:100px;height:200px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line,.friend .lost-friend .lost .outer-circle .right-circle .circle-line{display:flex;align-items:center;justify-content:center;width:100%;height:12.5%}.friend .lost-friend .lost .outer-circle .left-circle .circle-line .circle,.friend .lost-friend .lost .outer-circle .right-circle .circle-line .circle{position:relative;width:19px;height:19px;border-radius:50%;background:#ff6f00}.friend .lost-friend .lost .outer-circle .left-circle .circle-line .circle img,.friend .lost-friend .lost .outer-circle .right-circle .circle-line .circle img{width:100%;height:100%;border-radius:50%}.friend .lost-friend .lost .outer-circle .left-circle .circle-line .circle .name,.friend .lost-friend .lost .outer-circle .right-circle .circle-line .circle .name{position:absolute;top:calc(100% + 2px);left:0;width:50px;text-align:center;overflow:hidden;transform:scale(.5) translate(-58%);transform-origin:center top}.friend .lost-friend .lost .outer-circle .left-circle .circle-line .circle .name .text,.friend .lost-friend .lost .outer-circle .right-circle .circle-line .circle .name .text{display:inline-block;white-space:nowrap;font-size:12px;line-height:28px;color:rgba(0,0,0,.7)}.friend .lost-friend .lost .outer-circle .left-circle .circle-line{justify-content:flex-end}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:first-child .circle,.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(8) .circle{right:-9.5px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(2) .circle,.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(7) .circle{right:30px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(3) .circle,.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(6) .circle{right:63px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(4) .circle,.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(5) .circle{right:80px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:first-child{position:relative;top:-2px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(8){position:relative;top:2px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(2){position:relative;top:-16px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(7){position:relative;top:16px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(3){position:relative;top:-14px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(4){position:relative;top:-6px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(5){position:relative;top:6px}.friend .lost-friend .lost .outer-circle .left-circle .circle-line:nth-child(6){position:relative;top:14px}.friend .lost-friend .lost .outer-circle .right-circle .circle-line{justify-content:flex-start}.friend .lost-friend .lost .outer-circle .right-circle .circle-line:first-child .circle,.friend .lost-friend .lost .outer-circle .right-circle .circle-line:nth-child(6) .circle{left:30px}.friend .lost-friend .lost .outer-circle .right-circle .circle-line:nth-child(2) .circle,.friend .lost-friend .lost .outer-circle .right-circle .circle-line:nth-child(5) .circle{left:63px}.friend .lost-friend .lost .outer-circle .right-circle .circle-line:nth-child(3) .circle,.friend .lost-friend .lost .outer-circle .right-circle .circle-line:nth-child(4) .circle{left:80px}.friend .lost-friend .lost .outer-circle .right-circle .circle-line:first-child{position:relative;top:-20px}.friend .lost-friend .lost .outer-circle .right-circle .circle-line:nth-child(2){position:relative;top:-24px}.friend .lost-friend .lost .outer-circle .right-circle .circle-line:nth-child(3){position:relative;top:-23px}.friend .lost-friend .lost .outer-circle .right-circle .circle-line:nth-child(4){position:relative;top:-20px}.friend .lost-friend .lost .outer-circle .right-circle .circle-line:nth-child(5){position:relative;top:-18px}.friend .lost-friend .lost .outer-circle .right-circle .circle-line:nth-child(6){position:relative;top:-28px}.friend .lost-friend .lost .outer-circle .right-circle{right:0;padding:25px 0;box-sizing:content-box}.friend .lost-friend .lost .outer-circle .right-circle .circle-line{height:16.6666666667%}.friend .lost-friend .lost .inner-circle{position:absolute;z-index:2;top:40px;left:40px;width:120px;height:120px}.friend .lost-friend .lost .inner-circle .circle-line{width:100%;height:30px}.friend .lost-friend .lost .inner-circle .circle-line .circle{position:relative;width:36px;height:36px;border-radius:50%;background:#ff6f00}.friend .lost-friend .lost .inner-circle .circle-line .circle img{width:100%;height:100%;border-radius:50%}.friend .lost-friend .lost .inner-circle .circle-line .circle .name{position:absolute;top:calc(100% + 2px);left:0;width:90px;text-align:center;overflow:hidden;transform:scale(.5) translate(-58%);transform-origin:center top}.friend .lost-friend .lost .inner-circle .circle-line .circle .name .text{display:inline-block;white-space:nowrap;font-size:20px;line-height:28px;color:rgba(0,0,0,.7)}.friend .lost-friend .lost .inner-circle .circle-line .circle .cursor{position:absolute;z-index:1;top:26px;left:30px;width:20px;height:20px}.friend .lost-friend .lost .inner-circle .circle-line .circle .cursor img{width:100%;height:100%}.friend .lost-friend .lost .inner-circle .circle-line .circle .cursor{animation:cursor 1.5s linear infinite}.friend .lost-friend .lost .inner-circle .circle-line:first-child{position:relative;top:55px;padding-left:5px}.friend .lost-friend .lost .inner-circle .circle-line:nth-child(2){position:relative;top:-12px;padding-left:80px}.friend .lost-friend .lost .inner-circle .circle-line:nth-child(3){position:relative;top:-60px;padding-left:20px}.friend .lost-friend .lost .inner-circle .circle-line:nth-child(4){position:relative;top:-8px;padding-left:65px}.friend .lost-friend .lost .bg-circle{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;padding:30px 0}.friend .lost-friend .lost .bg-circle .circle-line{position:relative;display:flex;align-items:center;width:100%;height:23.3333333333px}.friend .lost-friend .lost .bg-circle .circle-line .circle{width:13px;height:13px;overflow:hidden;border-radius:50%;background:#ff6f00;opacity:.2}.friend .lost-friend .lost .bg-circle .circle-line .circle img{width:100%;height:100%;border-radius:50%}.friend .lost-friend .lost .bg-circle .circle-line:first-child{padding-left:100px}.friend .lost-friend .lost .bg-circle .circle-line:nth-child(2){padding-left:40px}.friend .lost-friend .lost .bg-circle .circle-line:nth-child(3){top:10px;padding-left:30px}.friend .lost-friend .lost .bg-circle .circle-line:nth-child(4){top:-5px;padding-left:100px}.friend .lost-friend .lost .bg-circle .circle-line:nth-child(5){top:-10px;padding-left:150px}.friend .lost-friend .lost .bg-circle .circle-line:nth-child(6){padding-left:80px}.friend .lost-friend .lost .arrow{position:absolute;bottom:-8px;left:-12px;width:56px;height:92px}.friend .lost-friend .lost .arrow img{width:100%;height:100%}.friend .lost-friend .tips{margin-top:20px}.friend .desc{margin-top:9px;text-align:center}.friend .desc .desc-1,.friend .desc .desc-2{margin-bottom:12px}.friend .screenshot{position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;background:#fc0}.friend .screenshot .screenshot-inner{position:relative;padding:45px 36px;width:100%;height:100%}.friend .screenshot .imp{display:flex;flex-flow:column;align-items:center;width:100%;margin-bottom:18px;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.07))}.friend .screenshot .imp .paper{position:relative;z-index:1;width:291px;min-height:295px;padding:26px 0;background:url(https://cdn.max-c.com/wiki/1000000311/6_paper@3x.png?v=2);background-size:100% 100%}.friend .screenshot .imp .paper .desc .desc-1,.friend .screenshot .imp .paper .desc .desc-2,.friend .screenshot .imp .paper .desc .desc-3,.friend .screenshot .imp .paper .desc .desc-4{text-align:center}.friend .screenshot .imp .paper .desc .desc-2{white-space:nowrap}.friend .screenshot .imp .paper .desc .f-normal{display:inline-block;position:relative;top:-1px;font-size:15px;line-height:33px;color:rgba(0,0,0,.7)}.friend .screenshot .imp .paper .desc .f-normal.black{color:#000}.friend .screenshot .imp .paper .desc .f-year{margin-left:4px;margin-right:2px;font-family:Alibaba PuHuiTi;font-size:24px;line-height:33px;text-align:right;letter-spacing:-1px;font-feature-settings:"pnum" on,"lnum" on;color:#000}.friend .screenshot .imp .paper .friend-info{display:flex;align-items:center;justify-content:center}.friend .screenshot .imp .paper .friend-info .avatar{width:32px;height:32px;margin-right:9px;border-radius:50%;overflow:hidden}.friend .screenshot .imp .paper .friend-info .avatar img{width:100%;height:100%;border-radius:50%}.friend .screenshot .imp .paper .friend-info .name{font-weight:600;font-size:15px;line-height:21px;color:#000}.friend .screenshot .imp .envelope{position:relative;z-index:2;margin-top:-122px;width:303px;height:163px;padding:0 15px;background:url(https://imgheybox.max-c.com/oa/2025/12/23/e77fc30a5f1b41db366b8ae61f8a6efa.png);background-size:100% 100%}.friend .screenshot .imp .envelope .user{position:absolute;top:45px;left:50%;display:flex;align-items:center;justify-content:center;width:65px;height:65px;background:url(https://cdn.max-c.com/wiki/1000000311/6_sealing_wax@3x.png?v=2);background-size:100% 100%;transform:translate(-50%)}.friend .screenshot .imp .envelope .user .avatar{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;overflow:hidden}.friend .screenshot .imp .envelope .user .avatar img{width:100%;height:100%}.friend .screenshot .imp .envelope .name{position:absolute;top:118px;left:50%;width:100%;text-align:center;font-weight:600;font-size:15px;line-height:21px;color:#000;transform:translate(-50%)}.friend .screenshot .imp .envelope .tips{position:relative;display:flex;align-items:center;width:100%;height:27.1666666667px;white-space:nowrap;text-align:center}.friend .screenshot .imp .envelope .tips .text{display:inline-block;padding:1px 6px;font-weight:600;font-size:12px;line-height:17px;color:#000;background:hsla(0,0%,100%,.7);border-radius:10px}.friend .screenshot .imp .envelope .tips:nth-child(2){top:15px;padding-left:15px}.friend .screenshot .imp .envelope .tips:nth-child(3){padding-left:180px}.friend .screenshot .imp .envelope .tips:nth-child(4){top:20px;padding-left:190px}.friend .screenshot .imp .envelope .tips:nth-child(5){top:-30px;padding-left:0}.friend .screenshot .imp .envelope .tips:nth-child(6){top:-5px;padding-left:35px}.friend .screenshot .imp .envelope .tips:nth-child(7){top:-10px;padding-left:130px}.friend .screenshot .imp .desc .desc-1,.friend .screenshot .imp .desc .desc-2{margin-bottom:0}.friend .screenshot .logo{position:relative;display:flex;align-items:center;justify-content:center;height:18px}.friend .screenshot .logo img{width:auto;height:18px}.cpt-calendar-card{width:calc(25% - 3.75px);height:-moz-fit-content;height:fit-content;position:relative;border-radius:3px;overflow:hidden;background:#ff9000}.cpt-calendar-card:not(:nth-child(4n)){margin-right:5px}.cpt-calendar-card:nth-child(n+5){margin-top:7px}.cpt-calendar-card .empty-heygirl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px}.cpt-calendar-card .calendar-card-inner{width:100%;padding-bottom:154.29%;position:relative}.cpt-calendar-card .calendar-card-inner .calendar-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.cpt-calendar-card .calendar-card-inner .month-wrapper{z-index:1;position:absolute;top:0;left:0;background:#ffbf00;padding:1.5px 5px;border-radius:3px 0 3px 0;color:#000;font-family:Alibaba PuHuiTi;font-size:10px;font-weight:900;line-height:14px}.cpt-calendar-card .calendar-card-inner .time-wrapper{position:absolute;right:7px;bottom:1.6px}.cpt-calendar-card .calendar-card-inner .time-wrapper .time-value{color:#fff;text-align:right;text-shadow:0 0 6px #353535;font-feature-settings:lining-nums proportional-nums;font-variant-numeric:lining-nums proportional-nums;font-family:Alibaba PuHuiTi;font-size:15.405px;font-weight:1000;letter-spacing:-.077px}.cpt-calendar-card .bottom-mask{width:100%;height:24px;background:linear-gradient(0deg,#613d43,rgba(97,61,67,0));position:absolute;left:0;bottom:0}.cpt-calendar-card .time-wrapper .time-unit,.cpt-calendar-card .time-wrapper .time-value{color:#fff;text-shadow:0 0 6px #353535!important}.cpt-calendar{position:relative}.cpt-calendar .content-inner{display:flex;flex-flow:column;justify-content:center;min-height:100vh;padding:0 36px}.cpt-calendar .calendar-title{color:#000;font-family:PingFang SC;font-size:20px;font-weight:600;line-height:28px;text-align:center}.cpt-calendar .calendar-decoration-wrapper{padding-top:32px;margin-top:8%;background:0 0/100% 100% url(https://imgheybox.max-c.com/oa/2024/12/27/04d0e756883493bb651cf21fcdbd5bdf.png),#ffee6a;box-shadow:1px 2px 0 0 rgba(0,0,0,.15);filter:drop-shadow(2px 4px 0 rgba(0,0,0,.25));border-radius:8px;position:relative}.cpt-calendar .calendar-decoration-wrapper .calendar-decoration{width:103.4%;position:absolute;top:-6.8%;right:0}.cpt-calendar .calendar-decoration-wrapper .calendar-container{padding:14px 12px 12px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;border-radius:8px;box-sizing:border-box}.cpt-calendar .screenshot-btn{margin-top:26px;padding:12px 20px;width:174px;height:44px;align-self:center;border-radius:26px;background:#ff5100;box-shadow:1px 2px 0 0 rgba(0,0,0,.15);display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff}.cpt-calendar .screenshot-btn i{font-size:16px}.cpt-calendar .screenshot-btn .text{margin-left:6px;font-family:PingFang SC;font-size:14px;font-weight:500;text-shadow:0 1px 0 rgba(0,0,0,.25)}.cpt-calendar .screenshot-area{width:100%;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:36px 26px 24px;background:#fc0;display:flex;flex-direction:column;align-items:center}.cpt-calendar .screenshot-area .roll-img-outer{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;overflow:hidden}.cpt-calendar .screenshot-area .roll-img-outer .roll-img{width:200%;height:200%;transform:translate(-45%,-20%) rotate(15deg)}.cpt-calendar .screenshot-area .roll-img-outer .roll-img .inner{width:100%;height:100%;background:url(https://cdn.max-c.com/wiki/1000000311/20220125-145234.png?v=2) repeat;background-size:264px 74px}.cpt-calendar .screenshot-area .user-area{box-sizing:border-box;height:103px;width:100%;padding:14px 16px;border-radius:8px;background:hsla(0,0%,100%,.3);display:flex;flex-direction:row;align-items:flex-start}.cpt-calendar .screenshot-area .user-area .user-avatar{width:56px;height:56px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3)}.cpt-calendar .screenshot-area .user-area .user-info{margin-left:10px;position:relative;top:6px;flex:1}.cpt-calendar .screenshot-area .user-area .user-info .user-name{color:#000;font-family:PingFang SC;font-size:14px;font-weight:600;line-height:normal}.cpt-calendar .screenshot-area .user-area .user-info .desc-text{color:#000;font-family:PingFang SC;font-size:20px;font-weight:600;line-height:normal}.cpt-calendar .screenshot-area .calendar-decoration-wrapper{width:100%;margin-top:-10px}.cpt-calendar .screenshot-area .logo{margin-top:20px;height:18px;width:auto}.end{position:relative}.end .content-inner{display:flex;flex-flow:column;justify-content:center;min-height:100vh;padding:0 36px}.end .title{margin-bottom:16px;text-align:center;font-weight:600;font-size:20px;line-height:28px;color:#000}.end .steam-pression-card{width:100%;background:0 0/100% 100% url(https://imgheybox.max-c.com/oa/2025/12/19/c8a86502762daaf2708951018ec77b77.png),#ffee6a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-bottom:18px;position:relative}.end .steam-pression-card .title-image-wrapper{position:absolute;opacity:.75;top:-9px;left:0;width:100%;padding-bottom:45%;-webkit-mask-image:linear-gradient(180deg,#d9d9d9 54%,hsla(0,0%,45%,0));mask-image:linear-gradient(180deg,#d9d9d9 54%,hsla(0,0%,45%,0))}.end .steam-pression-card .title-image-wrapper .image-wrapper-inner{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:row}.end .steam-pression-card .title-image-wrapper .image-wrapper-inner .game-image{flex:1;width:0;height:100%;-o-object-fit:cover;object-fit:cover}.end .steam-pression-card .user-avatar-wrapper{margin-top:65px;width:98px;height:98px;position:relative}.end .steam-pression-card .user-avatar-wrapper .avatar-image{position:relative;width:98px;height:98px;background:linear-gradient(180deg,#d55215,#ff9000);border-radius:50%;display:flex;align-items:center;justify-content:center}.end .steam-pression-card .user-avatar-wrapper .avatar-image.rotate:after{animation:rotate 40s linear infinite}.end .steam-pression-card .user-avatar-wrapper .avatar-image:after{content:"";position:absolute;top:calc(50% - 172px);left:calc(50% - 172px);z-index:-1;width:344px;height:344px;opacity:.5;background:0 0/100% 100% url(https://imgheybox.max-c.com/oa/2025/12/19/a6c01343c0ec33d4e5239b89c6860835.png)}.end .steam-pression-card .user-avatar-wrapper .avatar-image img{width:90px;height:90px;border-radius:50%}.end .steam-pression-card .user-avatar-wrapper .star-image{position:absolute}.end .steam-pression-card .user-avatar-wrapper .star-image.index-1{top:73px;left:-23px;width:18px}.end .steam-pression-card .user-avatar-wrapper .star-image.index-2{width:8px;top:68.5px;left:-5.3px}.end .steam-pression-card .user-avatar-wrapper .star-image.index-3{width:6px;top:60px;left:-12px}.end .steam-pression-card .user-avatar-wrapper .star-image.index-4{width:14px;right:-14px;top:20px}.end .steam-pression-card .user-avatar-wrapper .star-image.index-5{width:7px;top:18px;right:-1px}.end .steam-pression-card .main-title-wrapper{height:50px;margin-top:3px;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.end .steam-pression-card .main-title-wrapper .tga-decoration{width:40px}.end .steam-pression-card .main-title-wrapper .tga-decoration.left{margin-right:-12px}.end .steam-pression-card .main-title-wrapper .tga-decoration.right{margin-left:-12px}.end .steam-pression-card .main-title-wrapper .bottom-decoration{position:absolute;top:22px;left:0;width:100%}.end .steam-pression-card .main-title-wrapper .title-text{margin:0 7.5px;color:#000;text-align:center;font-family:DouyinSans;font-size:34px;letter-spacing:1.724px;z-index:1}.end .steam-pression-card .radar-chart-wrapper{width:166px;height:126px;margin-top:16px;margin-top:4px}.end .steam-pression-card .title-desc-wrapper{display:flex;flex-direction:row;align-items:flex-start;max-width:calc(100% - 70px);width:-moz-fit-content;width:fit-content;margin-top:6px}.end .steam-pression-card .title-desc-wrapper .title-desc{flex:1;width:-moz-fit-content;width:fit-content;margin-left:4px;color:#000;font-family:PingFang SC;font-size:12px;font-weight:500;line-height:17px;text-align:center}.end .steam-pression-card .title-desc-wrapper .title-desc span{color:#ff6f00}.end .steam-pression-card .pre-divi-line{width:calc(100% - 40px);height:1px;margin:7px 0 14px;opacity:.4;background:radial-gradient(302253.12% 50% at 50% 50.01%,rgba(155,40,71,.4) 0,rgba(155,40,71,.1) 100%)}.end .steam-pression-card .tags-wrapper{width:calc(100% - 50px);display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.end .steam-pression-card .tags-wrapper .tag-item{padding:1px 6px;border-radius:10px;background:rgba(255,0,0,.08);color:#000;font-family:PingFang SC;font-size:12px;font-weight:500;line-height:17px;margin-bottom:6px}.end .steam-pression-card .tags-wrapper .tag-item:not(:first-child){margin-left:8px}.end .share-btn-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:20px}.end .share-btn-container .share-btn{flex:1;width:0;height:44px;position:relative;display:flex;align-items:center;justify-content:center;background:#ff5100;box-shadow:1px 2px 0 0 rgba(0,0,0,.15);border-radius:26px}.end .share-btn-container .share-btn:not(:first-child){margin-left:10px}.end .share-btn-container .share-btn .icon-image{width:16px;height:16px;margin-right:6px}.end .share-btn-container .share-btn .text{font-weight:500;font-size:14px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25)}.end .share-btn-container .share-btn .award-image{position:absolute;right:-34px;top:-38px;width:57px;height:57px}.end .reload{position:relative;display:flex;align-items:center;justify-content:center;margin-top:20px;color:#9b2848}.end .reload i{font-size:16px;margin-right:4px}.end .reload .text{font-weight:300;font-size:14px;line-height:20px;text-align:center}.end .screenshot{position:fixed;z-index:9999;top:0;left:0;width:100%;background:#fc0}.end .screenshot .roll-img-outer{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;overflow:hidden}.end .screenshot .roll-img-outer .roll-img{width:200%;height:200%;transform:translate(-45%,-20%) rotate(15deg)}.end .screenshot .roll-img-outer .roll-img .inner{width:100%;height:100%;background:url(https://cdn.max-c.com/wiki/1000000311/20220125-145234.png?v=2) repeat;background-size:264px 74px}.end .screenshot .screenshot-inner{position:relative;padding:40px 36px 24px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.end .screenshot .screenshot-inner .steam-pression-card{border-radius:12px 12px 0 0}.end .screenshot .screenshot-inner .user-info-card{width:100%;box-sizing:border-box;height:42px;padding:0 27px;border-radius:0 0 12px 12px;background:linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06)),#ffee6a;display:flex;flex-direction:row;align-items:center}.end .screenshot .screenshot-inner .user-info-card .user-avatar{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.end .screenshot .screenshot-inner .user-info-card .user-name{margin:0 6px;width:-moz-fit-content;width:fit-content;flex-shrink:1;color:#000;font-family:PingFang SC;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.end .screenshot .screenshot-inner .user-info-card .desc{flex-shrink:0;color:#000;font-family:PingFang SC;font-size:12px;font-weight:600}.end .screenshot .logo{margin-top:20px;height:18px;width:auto}.cpt-dynamic-bg,.cpt-dynamic-bg .bg{width:100%;height:100vh;position:absolute}.cpt-dynamic-bg .bg{z-index:1;background:#fc0}.cpt-dynamic-bg .bg .black{width:100%;height:100%;background:#fc0;animation:to-black .4s ease-out}.cpt-dynamic-bg .bg .purple{width:100%;height:100%;background:#ffee6a;animation:to-purple .4s ease-out}.cpt-dynamic-bg .roll-img-outer{position:absolute;z-index:3;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.cpt-dynamic-bg .roll-img-outer .roll-img{width:200vw;height:200vh;transform:translate(-45%,-20%) rotate(5deg)}.cpt-dynamic-bg .roll-img-outer .roll-img .inner{width:100%;height:100%;background-image:url(https://imgheybox.max-c.com/oa/2025/12/23/c0ecc2774081356934a574e2f5bba4d7.png);background-size:262px 276px;background-repeat:repeat;animation:wave 15s linear infinite}.cpt-dynamic-bg .animate{position:absolute;z-index:2;width:100%;height:100vh;overflow:hidden}.cpt-dynamic-bg .animate .animate-inner{position:relative;height:100%}.cpt-dynamic-bg .animate .animate-inner .circle{position:absolute;border-radius:50%;background:#fc0}.cpt-dynamic-bg .animate .animate-inner .circle.c-0{width:100%;height:100%;border-radius:0;background:#fc0}.cpt-dynamic-bg .animate .animate-inner .circle.c-0-back{width:100%;height:100%;border-radius:0;background:#fc0;animation:c-0-back .3s ease-out}.cpt-dynamic-bg .animate .animate-inner .circle.c-1,.cpt-dynamic-bg .animate .animate-inner .circle.c-1-back{top:54px;left:-65px;width:1124px;height:1124px;box-shadow:-6px -6px 0 rgba(0,0,0,.07);animation:c-1 .3s ease-out}.cpt-dynamic-bg .animate .animate-inner .circle.c-2,.cpt-dynamic-bg .animate .animate-inner .circle.c-2-back{top:-17vh;left:-40vh;width:1124px;height:1124px;animation:c-2 .3s ease-out}.cpt-dynamic-bg .animate .animate-inner .circle.c-3,.cpt-dynamic-bg .animate .animate-inner .circle.c-3-back{top:-37vh;left:-65vh;width:130vh;height:130vh;box-shadow:6px 6px 0 rgba(0,0,0,.07);animation:c-3 .3s ease-out}.cpt-dynamic-bg .animate .animate-inner .circle.c-4,.cpt-dynamic-bg .animate .animate-inner .circle.c-4-back{bottom:-285px;left:-420px;width:591px;height:591px;border-radius:50%;box-shadow:6px 6px 0 rgba(0,0,0,.07);background:#ffee6a;animation:c-4 .3s ease-out}.cpt-dynamic-bg .animate .animate-inner .circle.c-5{bottom:-285px;left:-591px;width:591px;height:591px;border-radius:50%;box-shadow:6px 6px 0 rgba(0,0,0,.07);background:#ffee6a;animation:c-5 .3s ease-out}.cpt-dynamic-bg .animate .animate-inner .circle.c-1-back{animation:c-1-back .3s ease-out}.cpt-dynamic-bg .animate .animate-inner .circle.c-2-back{animation:c-2-back .3s ease-out}.cpt-dynamic-bg .animate .animate-inner .circle.c-3-back{animation:c-3-back .2s ease-out}.cpt-dynamic-bg .animate .animate-inner .circle.c-4-back{animation:c-4-back .3s ease-out}.cpt-dynamic-bg .animate .animate-inner .rec{position:absolute;z-index:1;background:#3c3c3c;box-shadow:6px 6px 0 rgba(0,0,0,.07)}.cpt-dynamic-bg .animate .animate-inner .rec.rec-4,.cpt-dynamic-bg .animate .animate-inner .rec.rec-4-back{top:-300px;right:-350px;width:591px;height:591px;border-radius:50%;box-shadow:6px 6px 0 rgba(0,0,0,.07);background:#ffee6a;animation:rec-4 .3s ease-out}.cpt-dynamic-bg .animate .animate-inner .rec.rec-5{top:-300px;right:-591px;width:591px;height:591px;border-radius:50%;box-shadow:6px 6px 0 rgba(0,0,0,.07);background:#ffee6a;animation:rec-5 .3s ease-out}.cpt-dynamic-bg .animate .animate-inner .rec.rec-2-back{animation:rec-2-back .4s ease-out}.cpt-dynamic-bg .animate .animate-inner .rec.rec-3-back{animation:rec-3-back .4s ease-out}.cpt-dynamic-bg .animate .animate-inner .rec.rec-4-back{animation:rec-4-back .4s ease-out}.cpt-dynamic-bg .animate .animate-inner .rec-opc{position:absolute;z-index:2;left:30px;top:65%;width:516px;height:126px}.cpt-dynamic-bg .animate .animate-inner .rec-opc .inner{position:relative;display:flex;flex-flow:column;align-items:center;justify-content:center;width:calc(100vw - 30px);height:100%}.cpt-dynamic-bg .animate .animate-inner .rec-opc .inner .desc-1{margin-bottom:12px;font-size:14px;line-height:20px;color:#fff}.cpt-dynamic-bg .animate .animate-inner .rec-opc .inner .desc-2{font-weight:600;font-size:18px;color:#fff}.cpt-dynamic-bg .animate .animate-inner .rec-opc .inner .desc-3{position:absolute;top:calc(100% + 6px);left:50%;font-size:14px;line-height:20px;color:hsla(0,0%,100%,.7);transform:translate(-50%)}.cpt-bottom-content{position:absoplute;bottom:0;left:0;width:100%;height:0}.cpt-bottom-content .bottom-logo{position:absolute;z-index:10;left:36px;bottom:30px;height:17px}.cpt-bottom-content .bottom-logo img{width:auto;height:100%}.cpt-bottom-content .bottom-arrow{position:absolute;z-index:10;bottom:30px;left:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%)}.cpt-bottom-content .bottom-arrow svg{width:36px;height:21px;animation:topArrow 2s ease-in-out infinite;-webkit-animation:topArrow 2s ease-in-out infinite}.cpt-bottom-content .bottom-page{position:absolute;z-index:10;right:36px;bottom:30px}.cpt-bottom-content .bottom-page .page-num{font-family:Alibaba PuHuiTi;font-size:13px;line-height:18px;letter-spacing:-.5px;font-feature-settings:"pnum" on,"lnum" on;color:#000}.cpt-rule-modal .rule-board{position:fixed;z-index:999;left:0;bottom:0;width:100%;overflow:hidden;background:#fc0;border-radius:8px 8px 0 0}.cpt-rule-modal .rule-board .inner{position:relative;width:100%;padding:26px 16px 34px 16px;box-sizing:border-box}.cpt-rule-modal .rule-board .inner .rules-title{margin-bottom:16px;text-align:center;font-weight:600;font-size:16px;line-height:22px;color:#000}.cpt-rule-modal .rule-board .inner .desc{font-size:13px;line-height:22px;color:rgba(0,0,0,.7)}.cpt-rule-modal .rule-board .inner ol{position:relative;max-height:322px;margin:16px 0;padding-left:16px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.cpt-rule-modal .rule-board .inner ol li{font-weight:300;font-size:13px;line-height:22px;color:rgba(0,0,0,.7)}.cpt-rule-modal .rule-board .inner .btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin-top:20px;background:#ff5100;box-shadow:6px 6px 0 rgba(0,0,0,.07);border-radius:26px;font-weight:500;font-size:16px;line-height:22px;color:#fff}.cpt-rule-modal .rule-board .inner .btn .add{display:flex;align-items:center;justify-content:center;width:18px;height:20px;margin-right:5px}.cpt-rule-modal .mask,.cpt-rule-modal .rule-board .inner .btn .add img{width:100%;height:100%}.cpt-rule-modal .mask{position:fixed;z-index:99;left:0;top:0;background:rgba(0,0,0,.5)}.cpt-rule-modal .auth-dialog{position:fixed;z-index:999;left:50%;top:50%;width:297px;background:#fc0;border-radius:8px;transform:translate(-50%,-50%)}.cpt-rule-modal .auth-dialog .content{position:relative;padding:26px 32px;font-size:14px;line-height:22px;text-align:center;letter-spacing:.25px;color:#000}.cpt-rule-modal .auth-dialog .content .auth-text{color:#ff5100}.cpt-rule-modal .auth-dialog .btn{position:relative;display:flex;padding:16px 0;font-size:14px;line-height:20px;text-align:center;letter-spacing:.25px;color:#000}.cpt-rule-modal .auth-dialog .btn:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:rgba(0,0,0,.1);transform:scaleY(.5)}.cpt-rule-modal .auth-dialog .btn .cancel,.cpt-rule-modal .auth-dialog .btn .confirm{position:relative;text-align:center;width:50%}.cpt-rule-modal .auth-dialog .btn .confirm{font-weight:500;color:#ff5100;position:relative}.cpt-rule-modal .auth-dialog .btn .confirm:after{content:"";position:absolute;top:-16px;left:0;height:52px;width:1px;background:rgba(0,0,0,.1);transform:scaleX(.5)}@font-face{font-family:Alibaba PuHuiTi;src:url(https://static.max-c.com/static/heybox/webapp/@heybox-h5/activity-steam_report_2025/app/img/Alibaba-PuHuiTi-Heavy.44b37a06df.woff) format("woff"),url(https://static.max-c.com/static/heybox/webapp/@heybox-h5/activity-steam_report_2025/app/img/Alibaba-PuHuiTi-Heavy.5246919e67.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:DouyinSans;src:url(https://static.max-c.com/static/heybox/webapp/@heybox-h5/activity-steam_report_2025/app/img/DouyinSansBold.c5aeced6d5.woff) format("woff"),url(https://static.max-c.com/static/heybox/webapp/@heybox-h5/activity-steam_report_2025/app/img/DouyinSansBold.45cb60274b.ttf) format("truetype");font-style:normal;font-weight:400}*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;margin:0;padding:0;box-sizing:border-box;font-family:Pingfang SC,Noto Sans CJK SC,xiaomi,BlinkMacSystemFont,Microsoft YaHei,sans-serif}body,html{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fff}[v-cloak]{display:none}img{pointer-events:none;display:block}img:not([src]),img[src=""]{opacity:0}img[lazy=loading]{opacity:0;transition:opacity .2s}img[lazy=loaded]{opacity:1;transition:opacity .2s}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input::-webkit-input-placeholder{color:#8c9196}input:-moz-placeholder,input::-moz-placeholder{color:#8c9196}input:-ms-input-placeholder{color:#8c9196}:root{--hb-primary--value:20,25,30;--hb-primary:rgb(var(--hb-primary--value));--hb-primary-dynamic--value:20,25,30;--hb-primary-dynamic:rgb(var(--hb-primary-dynamic--value));--hb-black-100--value:0,0,0;--hb-black-100:rgb(var(--hb-black-100--value));--hb-white-100--value:255,255,255;--hb-white-100:rgb(var(--hb-white-100--value));--hb-neutral-800--value:100,105,110;--hb-neutral-800:rgb(var(--hb-neutral-800--value));--hb-neutral-700--value:140,145,150;--hb-neutral-700:rgb(var(--hb-neutral-700--value));--hb-neutral-600--value:200,205,210;--hb-neutral-600:rgb(var(--hb-neutral-600--value));--hb-neutral-500--value:218,221,224;--hb-neutral-500:rgb(var(--hb-neutral-500--value));--hb-neutral-400--value:241,242,243;--hb-neutral-400:rgb(var(--hb-neutral-400--value));--hb-neutral-300--value:243,244,245;--hb-neutral-300:rgb(var(--hb-neutral-300--value));--hb-neutral-200--value:247,248,249;--hb-neutral-200:rgb(var(--hb-neutral-200--value));--hb-neutral-100--value:250,251,252;--hb-neutral-100:rgb(var(--hb-neutral-100--value));--hb-blue-100--value:0,75,150;--hb-blue-100:rgb(var(--hb-blue-100--value));--hb-green-100--value:0,144,21;--hb-green-100:rgb(var(--hb-green-100--value));--hb-green-0--value:50,184,70;--hb-green-0:rgb(var(--hb-green-0--value));--hb-red-100--value:250,60,75;--hb-red-100:rgb(var(--hb-red-100--value));--hb-orange-100--value:246,112,16;--hb-orange-100:rgb(var(--hb-orange-100--value));--hb-yellow-100--value:246,157,53;--hb-yellow-100:rgb(var(--hb-yellow-100--value));--hb-gradient-1:linear-gradient(45deg,#ff6771,#f53e59);--hb-gradient-2:linear-gradient(45deg,#ff9f00,#f58045);--hb-gradient-3:linear-gradient(45deg,#fa6eff,#cb33ff);--hb-gradient-4:linear-gradient(45deg,#52b7ff,#1a91fe);--hb-gradient-5:linear-gradient(45deg,#8fd427,#59d01b);--hb-gradient-6:linear-gradient(45deg,#464b50,#14191e);--hb-gradient-7:linear-gradient(45deg,#736e7d,#1b2025);--hb-gradient-8:linear-gradient(45deg,#5a5d5b,#3f4147);--hb-gradient-9:linear-gradient(135deg,#01d09e,#01d02f);--hb-gradient-10:linear-gradient(90deg,#ff5094,#ff7245);--hb-other-1--value:57,61,64;--hb-other-1:rgb(var(--hb-other-1--value));--hb-general-color-primary:var(--hb-primary-dynamic);--hb-general-color-danger:var(--hb-red-100);--hb-general-color-success:var(--hb-green-100);--hb-general-color-plain:var(--hb-white-100);--hb-general-color-text-1:var(--hb-primary-dynamic);--hb-general-color-text-2:var(--hb-neutral-800);--hb-general-color-text-3:var(--hb-neutral-700);--hb-general-color-text-4:var(--hb-neutral-600);--hb-general-color-text-5:var(--hb-blue-100);--hb-general-color-text-6:var(--hb-white-100);--hb-general-color-stroke-0:var(--hb-neutral-500);--hb-general-color-stroke-1:var(--hb-neutral-400);--hb-general-color-stroke-2:var(--hb-neutral-300);--hb-general-color-stroke-3:var(--hb-neutral-100);--hb-general-color-bg-0:var(--hb-neutral-400);--hb-general-color-bg-1:var(--hb-neutral-300);--hb-general-color-bg-2:var(--hb-neutral-200);--hb-general-color-bg-3:var(--hb-neutral-100);--hb-general-color-bg-4:var(--hb-white-100);--hb-general-color-bg-5:rgba(var(--hb-other-1--value),0.9);--hb-general-color-bg-6:rgba(var(--hb-primary--value),0.1);--hb-game-color-super-lowest:var(--hb-green-100);--hb-game-color-lowest:var(--hb-green-100);--hb-game-color-sale:var(--hb-orange-100);--hb-gamerecord-color-white-01a:rgba(var(--hb-white-100--value),0.01);--hb-gamerecord-color-white-02a:rgba(var(--hb-white-100--value),0.02);--hb-gamerecord-color-white-03a:rgba(var(--hb-white-100--value),0.03);--hb-gamerecord-color-white-05a:rgba(var(--hb-white-100--value),0.05);--hb-gamerecord-color-white-08a:rgba(var(--hb-white-100--value),0.08);--hb-gamerecord-color-white-10a:rgba(var(--hb-white-100--value),0.1);--hb-gamerecord-color-white-15a:rgba(var(--hb-white-100--value),0.15);--hb-gamerecord-color-white-20a:rgba(var(--hb-white-100--value),0.2);--hb-gamerecord-color-white-30a:rgba(var(--hb-white-100--value),0.3);--hb-gamerecord-color-white-40a:rgba(var(--hb-white-100--value),0.4);--hb-gamerecord-color-white-50a:rgba(var(--hb-white-100--value),0.5);--hb-gamerecord-color-white-60a:rgba(var(--hb-white-100--value),0.6);--hb-gamerecord-color-white-70a:rgba(var(--hb-white-100--value),0.7);--hb-gamerecord-color-white-80a:rgba(var(--hb-white-100--value),0.8);--hb-gamerecord-color-white-90a:rgba(var(--hb-white-100--value),0.9);--hb-gamerecord-color-white-100a:rgba(var(--hb-white-100--value),1);--hb-gamerecord-color-black-01a:rgba(var(--hb-black-100--value),0.01);--hb-gamerecord-color-black-02a:rgba(var(--hb-black-100--value),0.02);--hb-gamerecord-color-black-03a:rgba(var(--hb-black-100--value),0.03);--hb-gamerecord-color-black-05a:rgba(var(--hb-black-100--value),0.05);--hb-gamerecord-color-black-08a:rgba(var(--hb-black-100--value),0.08);--hb-gamerecord-color-black-10a:rgba(var(--hb-black-100--value),0.1);--hb-gamerecord-color-black-15a:rgba(var(--hb-black-100--value),0.15);--hb-gamerecord-color-black-20a:rgba(var(--hb-black-100--value),0.2);--hb-gamerecord-color-black-30a:rgba(var(--hb-black-100--value),0.3);--hb-gamerecord-color-black-40a:rgba(var(--hb-black-100--value),0.4);--hb-gamerecord-color-black-50a:rgba(var(--hb-black-100--value),0.5);--hb-gamerecord-color-black-60a:rgba(var(--hb-black-100--value),0.6);--hb-gamerecord-color-black-70a:rgba(var(--hb-black-100--value),0.7);--hb-gamerecord-color-black-80a:rgba(var(--hb-black-100--value),0.8);--hb-gamerecord-color-black-90a:rgba(var(--hb-black-100--value),0.9);--hb-gamerecord-color-black-100a:rgba(var(--hb-black-100--value),1)}@font-face{font-family:xiaomi;font-style:normal;font-weight:400;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W400) format("woff")}@font-face{font-family:xiaomi;font-style:normal;font-weight:500;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W500) format("woff")}@font-face{font-family:xiaomi;font-style:normal;font-weight:600;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W500) format("woff")}@font-face{font-family:xiaomi;font-style:normal;font-weight:700;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W700) format("woff");src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W500) format("woff")}@font-face{font-family:xiaomi;font-style:normal;font-weight:800;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W700) format("woff");src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W500) format("woff")}@font-face{font-family:xiaomi;font-style:normal;font-weight:900;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W700) format("woff");src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W500) format("woff")}@font-face{font-family:Helvetica;font-style:normal;font-weight:400;src:url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.svg) format("svg")}@font-face{font-family:Helvetica;font-style:normal;font-weight:500;src:url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.svg) format("svg")}@font-face{font-family:Helvetica;font-style:normal;font-weight:600;src:url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.svg) format("svg")}@font-face{font-family:Helvetica;font-style:normal;font-weight:700;src:url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:400;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:500;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:600;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:700;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:800;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:900;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}.fade{animation:fade .4s ease-out;-webkit-animation:fade .4s ease-out}.fade-soon{animation:fade-soon .4s ease-out;-webkit-animation:fade-soon .4s ease-out}.fade-delay{animation:fade-delay .8s ease-out;-webkit-animation:fade-delay .8s ease-out}.fade-delay1{animation:fade-delay1 .8s ease-out;-webkit-animation:fade-delay1 .8s ease-out}.fade-delay2{animation:fade-delay2 1.6s ease-out;-webkit-animation:fade-delay2 1.6s ease-out}.fade-delay3{animation:fade-delay3 1.8s ease-out;-webkit-animation:fade-delay3 1.8s ease-out}.fade-delay4{animation:fade-delay4 1s ease-out;-webkit-animation:fade-delay4 1s ease-out}.fade-delay5{animation:fade-delay5 1.2s ease-out;-webkit-animation:fade-delay5 1.2s ease-out}.fade-delay6{animation:fade-delay6 1.4s ease-out;-webkit-animation:fade-delay6 1.4s ease-out}.paperUp{animation:paperUp .4s forwards;-webkit-animation:paperUp .4s forwards}.envUp{animation:envUp .4s forwards;-webkit-animation:envUp .4s forwards}.fadeInUp{animation:fadeInUp .4s forwards;-webkit-animation:fadeInUp .4s forwards}.fadeInUp10{animation:fadeInUp10 .6s forwards;-webkit-animation:fadeInUp10 .6s forwards}.fadeInUp30{animation:fadeInUp30 .9s forwards;-webkit-animation:fadeInUp30 .9s forwards}.fadeInUp50{animation:fadeInUp50 1.2s forwards;-webkit-animation:fadeInUp50 1.2s forwards}@keyframes c-1{0%{top:30%;left:-5%;box-shadow:-6px -6px 0 rgba(0,0,0,.07)}to{top:54px;left:-65px;box-shadow:-6px -6px 0 rgba(0,0,0,.07)}}@keyframes c-2{0%{top:54px;left:-65px;box-shadow:-6px -6px 0 rgba(0,0,0,.07)}to{top:-17vh;left:-40vh}}@keyframes c-3{0%{top:-17vh;left:-40vh;box-shadow:6px 6px 0 rgba(0,0,0,.07)}to{top:-37vh;left:-65vh;width:130vh;height:130vh;box-shadow:6px 6px 0 rgba(0,0,0,.07)}}@keyframes c-4{0%{bottom:-427px;left:-630px;width:886px;height:886px;opacity:0}to{bottom:-285px;left:-420px;width:591px;height:591px;opacity:1}}@keyframes c-5{0%{left:-420px}to{left:-591px}}@keyframes c-6{0%{right:calc(100vw - 1071px);bottom:calc(100vh - 333px);width:1062px;height:1062px;background:#ae000d;box-shadow:6px 6px 0 rgba(0,0,0,.07);border-radius:456px;-webkit-border-radius:456px;-moz-border-radius:456px;-ms-border-radius:456px;-o-border-radius:456px}to{right:calc(50vw - 104.5vh);bottom:-140vh;width:209vh;height:209vh;background:#ae000d;box-shadow:0 -10px 0 rgba(0,0,0,.07);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}}@keyframes c-0-back{to{width:100%;height:100%;border-radius:0;background:#fc0}}@keyframes c-1-back{0%{top:-17vh;left:-40vh}to{top:54px;left:-65px}}@keyframes c-2-back{0%{top:-37vh;left:-65vh;width:130vh;height:130vh}to{top:-17vh;left:-40vh}}@keyframes c-3-back{0%{opacity:0}to{opacity:1}}@keyframes c-4-back{0%{left:-591px}to{left:-420px}}@keyframes c-5-back{to{right:calc(100vw - 1071px);bottom:calc(100vh - 333px);width:1062px;height:1062px;background:#ae000d;box-shadow:6px 6px 0 rgba(0,0,0,.07);border-radius:456px;-webkit-border-radius:456px;-moz-border-radius:456px;-ms-border-radius:456px;-o-border-radius:456px}0%{right:calc(50vw - 104.5vh);bottom:-140vh;width:209vh;height:209vh;background:#ae000d;box-shadow:0 -10px 0 rgba(0,0,0,.07);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}}@keyframes c-6-back{to{right:calc(100vw - 1071px);bottom:calc(100vh - 333px);width:1062px;height:1062px;background:#ae000d;box-shadow:6px 6px 0 rgba(0,0,0,.07);border-radius:456px;-webkit-border-radius:456px;-moz-border-radius:456px;-ms-border-radius:456px;-o-border-radius:456px}0%{right:calc(50vw - 104.5vh);bottom:-140vh;width:209vh;height:209vh;background:#ae000d;box-shadow:0 -10px 0 rgba(0,0,0,.07);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}}@keyframes rec-4{0%{top:-450px;right:-525px;width:886px;height:886px;opacity:0}to{top:-300px;right:-350px;width:591px;height:591px;opacity:1}}@keyframes rec-5{0%{right:-350px}to{right:-591px}}@keyframes rec-4-back{0%{right:-591px}to{right:-350px}}@keyframes wave{0%{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}to{transform:translate(262px,-276px);-webkit-transform:translate(262px,-276px);-moz-transform:translate(262px,-276px);-ms-transform:translate(262px,-276px);-o-transform:translate(262px,-276px)}}@keyframes topIn{0%{opacity:0;transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade-delay{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fade-soon{0%{opacity:0}to{opacity:1}}@keyframes to-black{0%{opacity:0}to{opacity:1}}@keyframes to-purple{0%{opacity:0}to{opacity:1}}@keyframes arrow{0%{opacity:0;transform:translate(-50%,-30%);-webkit-transform:translate(-50%,-30%);-moz-transform:translate(-50%,-30%);-ms-transform:translate(-50%,-30%);-o-transform:translate(-50%,-30%)}50%{opacity:1;transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%)}to{opacity:0;transform:translate(-50%,30%);-webkit-transform:translate(-50%,30%);-moz-transform:translate(-50%,30%);-ms-transform:translate(-50%,30%);-o-transform:translate(-50%,30%)}}@keyframes fadeUp{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}@keyframes up{0%{top:calc(20vh - 21px)}to{top:0}}@keyframes friend{0%{opacity:0;transform:translate(100%);-webkit-transform:translate(100%);-moz-transform:translate(100%);-ms-transform:translate(100%);-o-transform:translate(100%)}50%{opacity:0;transform:translate(50%);-webkit-transform:translate(50%);-moz-transform:translate(50%);-ms-transform:translate(50%);-o-transform:translate(50%)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes rollX{0%{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}to{transform:translate(-33.3333333333%);-webkit-transform:translate(-33.3333333333%);-moz-transform:translate(-33.3333333333%);-ms-transform:translate(-33.3333333333%);-o-transform:translate(-33.3333333333%)}}@keyframes rollName{0%{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}to{transform:translate(-51%);-webkit-transform:translate(-51%);-moz-transform:translate(-51%);-ms-transform:translate(-51%);-o-transform:translate(-51%)}}@keyframes cursor{0%{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}50%{transform:translate(-15%,-15%);-webkit-transform:translate(-15%,-15%);-moz-transform:translate(-15%,-15%);-ms-transform:translate(-15%,-15%);-o-transform:translate(-15%,-15%)}to{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes topArrow{0%{opacity:0;transform:translateY(80%);-webkit-transform:translateY(80%);-moz-transform:translateY(80%);-ms-transform:translateY(80%);-o-transform:translateY(80%)}50%{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}to{opacity:0;transform:translateY(-80%);-webkit-transform:translateY(-80%);-moz-transform:translateY(-80%);-ms-transform:translateY(-80%);-o-transform:translateY(-80%)}}@keyframes fadeInUp50{0%{opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}33%{opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes fadeInUp30{0%{opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}33%{opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes fadeInUp10{0%{opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}33%{opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes paperUp{0%{opacity:0;height:0;transform:translateY(105px);-webkit-transform:translateY(105px);-moz-transform:translateY(105px);-ms-transform:translateY(105px);-o-transform:translateY(105px)}to{opacity:1;height:295px;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes envUp{0%{opacity:1;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes fade-delay1{0%{opacity:0;transform:translate(30%,70%);-webkit-transform:translate(30%,70%);-moz-transform:translate(30%,70%);-ms-transform:translate(30%,70%);-o-transform:translate(30%,70%)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes fade-delay2{0%{opacity:0;transform:translate(-25%,67%);-webkit-transform:translate(-25%,67%);-moz-transform:translate(-25%,67%);-ms-transform:translate(-25%,67%);-o-transform:translate(-25%,67%)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes fade-delay3{0%{opacity:0;transform:translate(30%,5%);-webkit-transform:translate(30%,5%);-moz-transform:translate(30%,5%);-ms-transform:translate(30%,5%);-o-transform:translate(30%,5%)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes fade-delay4{0%{opacity:0;transform:translate(-15%);-webkit-transform:translate(-15%);-moz-transform:translate(-15%);-ms-transform:translate(-15%);-o-transform:translate(-15%)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes fade-delay5{0%{opacity:0;transform:translate(30%,-70%);-webkit-transform:translate(30%,-70%);-moz-transform:translate(30%,-70%);-ms-transform:translate(30%,-70%);-o-transform:translate(30%,-70%)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes fade-delay6{0%{opacity:0;transform:translate(-50%,-30px);-webkit-transform:translate(-50%,-30px);-moz-transform:translate(-50%,-30px);-ms-transform:translate(-50%,-30px);-o-transform:translate(-50%,-30px)}to{opacity:1;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skew{display:inline-block;transform:matrix(1,0,-.1,1,0,0);-webkit-transform:matrix(1,0,-.1,1,0,0);-moz-transform:matrix(1,0,-.1,1,0,0);-ms-transform:matrix(1,0,-.1,1,0,0);-o-transform:matrix(1,0,-.1,1,0,0)}.no-13.zi{font-size:13px;line-height:23px;letter-spacing:-.5px;font-feature-settings:"pnum" on,"lnum" on}.no-13.zi,.no-15.zi{margin-right:2px;font-family:Alibaba PuHuiTi;color:#000}.no-15.zi{font-size:15px;line-height:22px;letter-spacing:-.77px;font-feature-settings:"pnum" on,"lnum" on}.no-15.danwei{color:#000;text-align:right;font-family:Alibaba PuHuiTi;font-size:10px;font-weight:1000;line-height:15px;letter-spacing:-.642px}.no-19.zi{margin-right:2px;font-size:19px;line-height:26px;font-feature-settings:"pnum" on,"lnum" on}.no-19.danwei,.no-19.zi{font-family:Alibaba PuHuiTi;letter-spacing:-.7px;color:#000}.no-19.danwei{font-size:13px;line-height:18px;font-feature-settings:"pnum" on,"lnum" on;font-weight:900}.no-24.zi{margin-right:2px;font-size:24px;line-height:33px;font-feature-settings:"pnum" on,"lnum" on}.no-24.danwei,.no-24.zi{font-family:Alibaba PuHuiTi;letter-spacing:-.5px;color:#000}.no-24.danwei{font-size:16px;line-height:23px;font-feature-settings:"pnum" on,"lnum" on;font-weight:900}.no-26.zi{margin-right:2px;font-size:26px;line-height:36px;letter-spacing:-1px;font-feature-settings:"pnum" on,"lnum" on}.no-26.danwei,.no-26.zi{font-family:Alibaba PuHuiTi;color:#000}.no-26.danwei{font-size:16px;line-height:23px;letter-spacing:-.5px;font-feature-settings:"pnum" on,"lnum" on;font-weight:900}.no-12.zi{margin-right:2px;font-size:12px;line-height:14px;font-feature-settings:"pnum" on,"lnum" on}.no-12.danwei,.no-12.zi{font-family:Alibaba PuHuiTi;letter-spacing:-.5px;color:#000}.no-12.danwei{font-size:10px;line-height:13px;font-feature-settings:"pnum" on,"lnum" on}.no-32.zi{margin-right:2px;font-size:32px;line-height:44px;font-feature-settings:"pnum" on,"lnum" on}.no-32.danwei,.no-32.zi{font-family:Alibaba PuHuiTi;letter-spacing:-.5px;color:#000}.no-32.danwei{font-size:20px;line-height:27px;font-feature-settings:"pnum" on,"lnum" on}.normal{color:rgba(0,0,0,.7)}.normal.no-15{font-size:15px;line-height:21px}.normal.no-13{font-size:13px;line-height:18px}.normal.no-12{font-size:12px;line-height:17px}.normal.no-11{font-size:11px;line-height:15px}.normal.no-10{font-size:10px;line-height:14px}.normal.white{font-size:15px;line-height:21px;color:#000}body{margin:0!important;height:100vh}#app,body{box-sizing:border-box!important}#app{width:100vw;height:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden}#app .top-share-area{position:absolute;top:0;left:0;width:100%;height:88px;padding:0 12px 10px;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;z-index:1001}#app .top-share-area .share-btn{height:20px;width:20px;margin-left:16px}#app .top-share-area .share-btn i{font-size:20px;color:#000}#app .swiper-container{position:relative;z-index:4;width:100%;height:100%}