@charset "UTF-8";.hb-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:relative}.hb-button .icon{display:block}.hb-button .icon img,.hb-button .icon svg{width:16px;height:16px;display:block}.hb-button .text+.icon{margin-left:4px}.hb-button .icon+.text{margin-left:4px}.hb-button-mini{height:24px;padding:4px 12px;font-size:12px;border-radius:3px}.hb-button-small{height:30px;padding:0 12px;font-size:12px;border-radius:3px}.hb-button-medium{height:40px;padding:0 20px;font-size:14px;border-radius:5px}.hb-button-large{height:44px;padding:0 24px;font-size:14px;border-radius:5px}.hb-button-large .text+.icon{margin-left:6px}.hb-button-large .icon+.text{margin-left:6px}.hb-button-primary{background-color:#14191e;color:#fff}.hb-button-weak{background-color:#f3f4f5;color:#14191e}.hb-button-linear{background-color:#fff;color:#646566}.hb-button-disable{background-color:#f3f4f5;color:#8c9196;cursor:not-allowed}.hb-button-success{background-color:#32b846;color:#fff}.hb-button-danger{background-color:#fa3c4b;color:#fff}.hb-button-bg-img{background-size:cover;background-repeat:no-repeat;background-position:center;background-color:transparent}.hb-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;overflow:auto;transform:translateZ(0)}.hb-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:315px;padding:20px;border-radius:12px;box-sizing:border-box;background-color:#fafbfc}.hb-dialog .hb-dialog__title{height:26px;margin-top:8px;text-align:center;line-height:26px;font-size:18px;font-weight:500;color:#14191e}.hb-dialog .hb-dialog__body{margin-top:8px}.hb-dialog .hb-dialog__body .hb-dialog__desc{margin:0;text-align:center;line-height:18px;font-size:13px;color:#8c9196}.hb-dialog .hb-dialog__footer{display:flex;margin-top:28px}.hb-dialog .hb-dialog__footer .hb-button{width:0;flex:1}.hb-dialog .hb-dialog__footer .hb-button:not(:first-of-type){margin-left:10px}.hb-dialog-fade-enter-active,.hb-dialog-fade-leave-active{transition:all .3s cubic-bezier(0,0,.58,1)}.hb-dialog-fade-enter-from,.hb-dialog-fade-leave-to{opacity:0}.hb-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 0}.hb-empty_image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.hb-empty_desc{font-size:12px;line-height:12px;text-align:center;margin-top:12px;color:#c8cdd2}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{max-width:640px;margin:0 auto;display:flex;align-items:center;padding:10px 14px;height:60px;background:#fff}.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 .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:translate(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 auto 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}.heybox-share-header .hb-popover-btn{position:fixed;bottom:90px;left:50%;display:flex;width:166px;height:48px;background:linear-gradient(46deg,#464b50 -.9%,#14191e 100.9%);border-radius:30px;transform:translate(-50%);cursor:pointer;justify-content:center;align-items:center;box-shadow:0 10px 16px rgba(20,25,30,.14)}.heybox-share-header .hb-popover-btn .heybox-logo{width:22px;height:22px;border-radius:4px;overflow:hidden}.heybox-share-header .hb-popover-btn .heybox-logo img{width:100%;height:100%}.heybox-share-header .hb-popover-btn .btn-text{font-size:16px;font-weight:600;line-height:20px;color:#fff;margin-left:8px}@media only screen and (max-width: 640px){.heybox-share-header .hb-share-header{padding:8px 10px}.heybox-share-header .hb-share-header:after{transform-origin:-20px bottom}}.heybox-share-header .open-in-app{position:fixed;z-index:2018;left:0;right:0;bottom:60px;display:flex;justify-content:center;align-items:center;width:100px;height:34px;background:#14191e;border-radius:17px;box-shadow:0 10px 16px rgba(20,25,30,.14);color:#fff;font-size:12px;line-height:1;margin:auto}.load-trigger{width:100%;height:20px}.hb-list{position:relative;width:100%}.hb-list .finish-text{color:#c8cdd2;height:48px;width:100%;text-align:center;font-size:12px;line-height:48px}.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;padding:0;border-radius:12px 12px 0 0;position:absolute;bottom:0;left:0;z-index:10;background-color:#fff;display:flex;flex-direction:column;overflow:hidden}.hb-modal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;transform:translateZ(0)}.hb-modal__title{width:100%;height:34px;margin-top:4px;text-align:center;line-height:34px;font-size:13px}.hb-modal__title.hb-modal__no-title{margin-top:0;height:12px}.hb-modal__body{width:100%;padding:0 12px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.hb-modal__footer{width:100%;padding:10px 12px 34px;box-sizing:border-box;display:flex}.hb-modal__footer.is-full{height:88px;padding:10px 12px 34px}.hb-modal__footer .hb-button{width:0;flex:1}.hb-modal__footer .hb-button:not(:first-child).hb-button:last-child{margin-left:10px}.modal-fade-enter-active,.modal-fade-leave-active{transition:all .3s ease}.modal-fade-enter-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;left:0;top:0;width:100%}.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}.hb-tabs-nav-item{width:auto;flex:auto;flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:400;line-height:18px;color:#14191e;position:relative;z-index:1;padding:0 12px;cursor:pointer}.hb-tabs-nav-item:not(:first-child):after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleX(.5);height:16px;width:1px;background:#dadde0}.hb-tabs-nav-item.hb-tabs-nav-active{font-weight:500;color:#14191e}.hb-tabs-nav-item.hb-tabs-nav-active+.hb-tabs-nav-item:after,.hb-tabs-nav-item.hb-tabs-nav-active:after{display:none}.hb-tabs-nav-item .hb-tabs-nav-label{white-space:nowrap}.hb-tabs-active-bar{position:absolute;left:0;top:50%;transform:translate3d(2px,-50%,0);height:30px;background:#fff;border-radius:3px}.hb-tabs-active-bar.hb-tabs-active-bar-animate{transition:transform .35s ease,width .35s ease}.hb-tabs-active-bar-line{height:2px;bottom:0;top:auto;transform:none;background:#14191e;border-radius:1px}.hb-tabs .hb-tabs-nav{display:flex;align-items:center}.hb-tabs .hb-tabs-nav .hb-tabs-nav_inner{display:flex;align-items:center;overflow-x:scroll;height:34px;background:#f7f8f9;border-radius:3px;position:relative;-ms-overflow-style:none;scrollbar-width:none;padding:2px}.hb-tabs .hb-tabs-nav .hb-tabs-nav_inner::-webkit-scrollbar{display:none}.hb-tabs .hb-tabs-nav .hb-tabs-nav_inner.hb-tabs-nav_inner_stretch{width:100%}.hb-tabs .hb-tabs-nav.hb-tabs-nav-line .hb-tabs-nav_inner{background:transparent;height:42px;border-radius:0}.hb-tabs .hb-tabs-nav.hb-tabs-nav-line .hb-tabs-nav_inner .hb-tabs-nav-item{font-size:14px;line-height:20px}.hb-tabs .hb-tabs-nav.hb-tabs-nav-line .hb-tabs-nav_inner .hb-tabs-nav-item:after{display:none}.hb-tabs .hb-tabs-nav.hb-tabs-nav-card .hb-tabs-nav_inner{padding:2px}.hb-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 infinite linear}@keyframes spin-round{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hb-loading .hb-loading-spinner .hb-loading-popover-enter-active,.hb-loading .hb-loading-spinner .hb-loading-popover-leave-active{transition:all .16s ease-in-out;opacity:1}.hb-loading .hb-loading-spinner .hb-loading-popover-enter,.hb-loading .hb-loading-spinner .hb-loading-popover-leave-to{opacity:0}.hb-loading-parent--hidden{overflow:hidden!important}.hb-loading-parent--relative{position:relative!important}.hb-mask[data-v-ab3d4a9c]{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}.hb-mask-enter[data-v-ab3d4a9c]{animation:hb-mask-in-ab3d4a9c .24s ease}.hb-mask-leave[data-v-ab3d4a9c]{animation:hb-mask-out-ab3d4a9c .24s ease forwards}@keyframes hb-mask-in-ab3d4a9c{0%{opacity:0}}@keyframes hb-mask-out-ab3d4a9c{to{opacity:0}}.hb-body_fixed[data-v-ab3d4a9c]{overflow:hidden}.popup__close-icon[data-v-ab3d4a9c]{position:absolute;top:12px;right:12px}.hb-toast[data-v-ab3d4a9c]{position:absolute;left:50%;box-sizing:border-box;background-color:rgba(57,61,64,.9)}.hb-toast__center[data-v-ab3d4a9c]{padding:20px;border-radius:12px;top:50%;transform:translate(-50%,-50%)}.hb-toast__bottom[data-v-ab3d4a9c]{padding:8px 20px;border-radius:17px;bottom:100px;transform:translate(-50%)}.hb-toast__wrapper[data-v-ab3d4a9c]{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;overflow:auto;transform:translateZ(0)}.hb-toast__wrapper.click-through[data-v-ab3d4a9c]{pointer-events:none}.hb-toast__text[data-v-ab3d4a9c]{max-width:180px;line-height:18px;text-align:center;font-size:13px;color:#fff}.hb-toast__text.has-margin__top[data-v-ab3d4a9c]{margin-top:10px}.hb-toast__loading[data-v-ab3d4a9c]{width:34px;height:34px;margin:0 auto}.hb-toast__loading .hb-loading__circular[data-v-ab3d4a9c]{width:34px;height:34px;animation:hb-toast-loading-rotate-ab3d4a9c 2s linear infinite}.hb-toast__loading .hb-loading__bg[data-v-ab3d4a9c]{stroke-width:3;stroke:rgba(255,255,255,.3)}.hb-toast__loading .hb-loading__path[data-v-ab3d4a9c]{animation:hb-toast-spin-round-ab3d4a9c 1.5s linear infinite;stroke-width:3;stroke:#dadde0;stroke-linecap:round}.hb-toast__icon[data-v-ab3d4a9c]{width:25px;height:24px;margin:0 auto}.toast-fade-enter-active[data-v-ab3d4a9c],.toast-fade-leave-active[data-v-ab3d4a9c]{transition:all .16s cubic-bezier(0,0,.58,1)}.toast-fade-enter[data-v-ab3d4a9c],.toast-fade-leave-to[data-v-ab3d4a9c]{opacity:0}@keyframes hb-toast-loading-rotate-ab3d4a9c{to{transform:rotate(1turn)}}@keyframes hb-toast-spin-round-ab3d4a9c{0%{stroke-dasharray:20,132;stroke-dashoffset:0}50%{stroke-dasharray:90,62;stroke-dashoffset:-60px}to{stroke-dasharray:20,132;stroke-dashoffset:-152px}}.rule-modal .rule-content-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.rule-modal .rule-content-wrapper .title{flex-shrink:0;color:#14191e;text-align:center;font-family:PingFang SC;font-size:18px;font-weight:500;line-height:26px}.rule-modal .rule-content-wrapper .rule-content{width:100%;margin-top:8px;flex:1;height:0;overflow-y:scroll}.rule-modal .rule-content-wrapper .rule-content::-webkit-scrollbar{display:none}.rule-modal .rule-content-wrapper .rule-content{font-size:13px;line-height:19px;color:#14191e;list-style:decimal;padding-left:25px;opacity:.8}.cpt-school-rank-modal .rank-modal-content{height:100%;display:flex;flex-direction:column}.cpt-school-rank-modal .rank-modal-content .rank-title{color:#14191e;font-family:PingFang SC;font-size:18px;font-weight:500;line-height:26px;text-align:center}.cpt-school-rank-modal .rank-modal-content .hb-tabs{margin:8px 0}.cpt-school-rank-modal .rank-modal-content .hb-list{height:0;flex:1;overflow-y:scroll}.cpt-school-rank-modal .rank-modal-content .hb-list::-webkit-scrollbar{display:none}.cpt-school-rank-modal .rank-modal-content .rank-item{height:48px;width:100%;padding:0 10px;border-radius:3px;background:#c9e8ff;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-school-rank-modal .rank-modal-content .rank-item:not(:last-child){margin-bottom:4px}.cpt-school-rank-modal .rank-modal-content .rank-item .rank-num{width:27px;text-align:left;color:#000;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:12px;flex-shrink:0}.cpt-school-rank-modal .rank-modal-content .rank-item .icon-wrapper{flex-shrink:0;margin-left:2px;width:36px;height:36px;border-radius:50%;border:2px solid #a4d8ff;overflow:hidden;background:#a4d8ff}.cpt-school-rank-modal .rank-modal-content .rank-item .icon-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cpt-school-rank-modal .rank-modal-content .rank-item .rank-name{margin-left:14px;color:#000;text-align:left;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:12px;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpt-school-rank-modal .rank-modal-content .rank-item .rank-value{flex-shrink:0;color:#000;text-align:center;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:12px}.cpt-school-rank-modal .rank-modal-content .rank-item .hb-icon{font-size:8px;color:rgba(0,0,0,.3);margin-left:6px}.cpt-student-rank-modal .rank-modal-content{height:100%;display:flex;flex-direction:column}.cpt-student-rank-modal .rank-modal-content .rank-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0 3px}.cpt-student-rank-modal .rank-modal-content .rank-title .school-icon-wrapper{box-sizing:border-box;width:26px;height:26px;margin-right:8px;border-radius:50%;border:2px solid #a4d8ff;overflow:hidden;background:#a4d8ff}.cpt-student-rank-modal .rank-modal-content .rank-title .school-icon-wrapper .icon{width:100%;height:100%}.cpt-student-rank-modal .rank-modal-content .rank-title .text{color:#14191e;font-family:PingFang SC;font-size:18px;font-weight:500;line-height:26px;text-align:center}.cpt-student-rank-modal .rank-modal-content .rank-title .anonymity{display:flex;align-items:center;margin-left:auto}.cpt-student-rank-modal .rank-modal-content .rank-title .anonymity .anonymity-text{color:#64696e;font-size:10px;line-height:14px}.cpt-student-rank-modal .rank-modal-content .rank-title .anonymity .anonymity-btn{position:relative;margin-left:4px;width:26px;height:14px;border-radius:7px;background:rgba(0,0,0,.08);transition:all .3s ease}.cpt-student-rank-modal .rank-modal-content .rank-title .anonymity .anonymity-btn.active{background:#137bf6}.cpt-student-rank-modal .rank-modal-content .rank-title .anonymity .anonymity-btn.active .anonymity-btn-inner{left:calc(100% - 13px)}.cpt-student-rank-modal .rank-modal-content .rank-title .anonymity .anonymity-btn .anonymity-btn-inner{position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:#fff;transition:all .3s ease}.cpt-student-rank-modal .rank-modal-content .hb-tabs{margin:8px 0}.cpt-student-rank-modal .rank-modal-content .hb-list{height:0;flex:1;overflow-y:scroll}.cpt-student-rank-modal .rank-modal-content .hb-list::-webkit-scrollbar{display:none}.cpt-student-rank-modal .rank-modal-content .rank-item{height:48px;width:100%;padding:0 10px;border-radius:3px;background:#c9e8ff;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-student-rank-modal .rank-modal-content .rank-item:not(:last-child){margin-bottom:4px}.cpt-student-rank-modal .rank-modal-content .rank-item .rank-num{width:27px;text-align:left;color:#000;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:12px;flex-shrink:0}.cpt-student-rank-modal .rank-modal-content .rank-item .icon-wrapper{flex-shrink:0;margin-left:2px;width:36px;height:36px;border-radius:50%;border:2px solid #a4d8ff;overflow:hidden;background:#a4d8ff}.cpt-student-rank-modal .rank-modal-content .rank-item .icon-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cpt-student-rank-modal .rank-modal-content .rank-item .rank-name{margin-left:14px;color:#000;text-align:left;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:12px;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpt-student-rank-modal .rank-modal-content .rank-item .rank-value{flex-shrink:0;color:#000;text-align:center;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:12px}.cpt-room-dialog .room-list{height:180px;overflow-y:scroll}.cpt-room-dialog .room-list::-webkit-scrollbar{display:none}.cpt-room-dialog .room-list .room-item{height:32px;width:100%;padding:0 10px;border-radius:5px;background:#c9e8ff;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-room-dialog .room-list .room-item:not(:last-child){margin-bottom:4px}.cpt-room-dialog .room-list .room-item .avatar-wrapper{display:flex;flex-direction:row}.cpt-room-dialog .room-list .room-item .avatar-wrapper .avatar-item{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:2px solid #137efc;overflow:hidden;background:#137efc;box-sizing:border-box}.cpt-room-dialog .room-list .room-item .avatar-wrapper .avatar-item .avatar{width:100%;height:100%;border-radius:50%}.cpt-room-dialog .room-list .room-item .avatar-wrapper .avatar-item:not(:last-child){margin-right:-8px}.cpt-room-dialog .room-list .room-item .avatar-wrapper .avatar-item:first-child{z-index:3}.cpt-room-dialog .room-list .room-item .avatar-wrapper .avatar-item:nth-child(2){z-index:2}.cpt-room-dialog .room-list .room-item .avatar-wrapper .avatar-item:nth-child(3){z-index:1}.cpt-room-dialog .room-list .room-item .avatar-wrapper .avatar-item__default{width:24px;height:24px;border-radius:50%}.cpt-room-dialog .room-list .room-item .room-name{width:22.47%;margin-left:6px;color:#000;text-align:left;font-family:PingFang SC;font-size:10px;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpt-room-dialog .room-list .room-item .person-count{color:#006cec;font-family:PingFang SC;font-size:10px;font-weight:600;line-height:14px;margin:0 4px;flex-shrink:0}.cpt-room-dialog .room-list .room-item .go-btn{flex-shrink:0;margin-left:auto;height:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#006cec}.cpt-room-dialog .room-list .room-item .go-btn.disabled{color:#9db9d9}.cpt-room-dialog .room-list .room-item .go-btn .text{font-size:12px}.cpt-room-dialog .room-list .room-item .go-btn i{margin-left:2px;font-size:10px}.cpt-room-link-dialog .room-list{height:144px;width:100%;overflow-y:scroll}.cpt-room-link-dialog .room-list::-webkit-scrollbar{display:none}.cpt-room-link-dialog .room-list .room-item{height:32px;width:100%;padding:0 4px 0 10px;border-radius:3px;background:rgba(0,0,0,.05);display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-room-link-dialog .room-list .room-item:not(:last-child){margin-bottom:4px}.cpt-room-link-dialog .room-list .room-item.is-bind .link-btn{font-size:10px;opacity:.5}.cpt-room-link-dialog .room-list .room-item .room-name{width:43%;color:#000;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.cpt-room-link-dialog .room-list .room-item .user-count{width:75px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.cpt-room-link-dialog .room-list .room-item .link-btn{display:flex;width:52px;height:24px;padding:2px 10px;justify-content:center;align-items:center;border-radius:3px;background:#137efc;flex-shrink:0;color:#fff;text-align:center;font-family:PingFang SC;font-size:12px;font-weight:500;line-height:20px;margin-left:auto}.cpt-room-link-confirm-dialog .confirm-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.cpt-room-link-confirm-dialog .confirm-content .confirm-text{color:rgba(0,0,0,.8);text-align:center;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:24px}.cpt-room-link-confirm-dialog .confirm-content .confirm-text span{color:#006ff1;text-align:center;font-family:PingFang SC;font-size:14px;font-weight:600;line-height:24px}.cpt-exchange-comfirm .hb-dialog{background:#ddf1ff}.cpt-exchange-comfirm .exchange__desc{font-size:14px;color:#14191e;font-weight:500;margin-bottom:14px;text-align:center;opacity:.6}.cpt-exchange-comfirm .exechange__btns{display:flex;justify-content:space-between;margin-top:16px}.cpt-exchange-comfirm .exechange__btns .exechange__btn{flex:1;width:0;height:36px;text-align:center;line-height:36px;font-size:15px;font-weight:500;border-radius:5px}.cpt-exchange-comfirm .exechange__btns .exechange__btn:first-child{background:#ddf1ff;border:1px solid #C8CDD2;color:#8c9196}.cpt-exchange-comfirm .exechange__btns .exechange__btn:last-child{background:#006cec;color:#fff;margin-left:9px}.cpt-exchange-success .hb-dialog{background:#ddf1ff}.cpt-exchange-success .exchange__success{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:14px}.cpt-exchange-success .exchange__success .exchange__success--img{width:74px;height:74px}.cpt-exchange-success .exchange__success .exchange__success--desc{margin-top:14px;font-size:13px;line-height:16px;text-align:center;color:#14191e}.cpt-exchange-success .exchange__desc{font-size:11px;color:#14191e;margin-top:14px;text-align:center;opacity:.6}.cpt-exchange-success .exechange__btns{display:flex;justify-content:space-between;margin-top:16px}.cpt-exchange-success .exechange__btns .exechange__btn{flex:1;width:0;height:36px;text-align:center;line-height:36px;font-size:15px;font-weight:500;border-radius:5px}.cpt-exchange-success .exechange__btns .exechange__btn{background:#006cec;color:#fff}.cpt-exchange-history .hb-dialog{background:#ddf1ff}.cpt-exchange-history .exchange__history{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:14px;max-height:126px}.cpt-exchange-history .exchange__history .exchange__history-item{display:flex;align-items:center;justify-content:space-between;width:100%}.cpt-exchange-history .exchange__history .exchange__history-item .history-item__award{flex:1;width:0;font-size:12px;font-weight:600;color:#14191e}.cpt-exchange-history .exchange__history .exchange__history-item .history-item__code{flex:1;width:0;font-size:12px;color:#14191e;margin:0 10px;text-align:center}.cpt-exchange-history .exchange__history .exchange__history-item .history-item__time{flex:1;width:0;font-size:12px;color:#14191e;text-align:right}.cpt-exchange-history .exchange__desc{font-size:11px;color:#14191e;margin-top:14px;text-align:center;opacity:.6}.cpt-exchange-history .exechange__btns{display:flex;justify-content:space-between;margin-top:16px}.cpt-exchange-history .exechange__btns .exechange__btn{flex:1;width:0;height:36px;text-align:center;line-height:36px;font-size:15px;font-weight:500;border-radius:5px}.cpt-exchange-history .exechange__btns .exechange__btn{background:#006cec;color:#fff}.cpt-unbind-comfirm .hb-dialog{background:#ddf1ff}.cpt-unbind-comfirm .unbind__desc strong{font-weight:600;color:#006ff1}.cpt-unbind-comfirm .unbind__desc{font-size:14px;line-height:24px;color:#14191e;margin-bottom:14px;text-align:center}.cpt-unbind-comfirm .unbind__btns{display:flex;justify-content:space-between;margin-top:16px}.cpt-unbind-comfirm .unbind__btns .unbind__btn{flex:1;width:0;height:36px;text-align:center;line-height:36px;font-size:15px;font-weight:500;border-radius:5px}.cpt-unbind-comfirm .unbind__btns .unbind__btn:first-child{background:#ddf1ff;border:1px solid #C8CDD2;color:#8c9196}.cpt-unbind-comfirm .unbind__btns .unbind__btn:last-child{background:#006cec;color:#fff;margin-left:9px}.unbind-modal.hb-modal__wrapper .hb-modal__title{color:#8c9196}.unbind-modal.hb-modal__wrapper .hb-modal{background:#fff;height:auto}.unbind-modal .unbind-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.unbind-modal .unbind-content .unbind-btn{position:relative;flex-shrink:0;height:50px;width:100%;line-height:50px;color:#14191e;font-family:PingFang SC;font-size:14px;font-weight:500;text-align:center}.unbind-modal .unbind-content .unbind-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:rgba(20,25,30,.06);transform:scaleY(.5)}.unbind-modal .unbind-content .unbind-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(20,25,30,.06);transform:scaleY(.5)}.cpt-lottery-award .hb-dialog{background:#ddf1ff}.cpt-lottery-award .lottery__award{display:flex;align-items:center;justify-content:center;margin-top:12px}.cpt-lottery-award .lottery__award img{max-width:169px;height:112px}.cpt-lottery-award .lottery__desc{font-size:11px;margin-bottom:12px;text-align:center;color:rgba(0,0,0,.5)}.cpt-lottery-award .lottery__btn{margin-top:16px;background:#006cec;color:#fff;height:36px;line-height:36px;font-size:15px;font-weight:500;border-radius:5px;text-align:center}.cpt-award-modal .award-modal__title{font-size:16px;line-height:22px;color:#000}.cpt-award-modal .award-modal__desc{margin-top:11px;font-size:13px;line-height:20px;color:rgba(0,0,0,.88)}.cpt-award-modal .award-section__wrapper{margin-top:18px}.cpt-award-modal .award-section__wrapper:first-of-type{margin-top:30px}.cpt-award-modal .award-section__wrapper.rarity-1{--rarity-color-value: 243, 79, 52;--rarity-color: rgb(var(--rarity-color-value))}.cpt-award-modal .award-section__wrapper.rarity-2{--rarity-color-value: 252, 174, 31;--rarity-color: rgb(var(--rarity-color-value))}.cpt-award-modal .award-section__wrapper.rarity-3{--rarity-color-value: 122, 96, 255;--rarity-color: rgb(var(--rarity-color-value))}.cpt-award-modal .award-section__wrapper.rarity-4{--rarity-color-value: 0, 177, 251;--rarity-color: rgb(var(--rarity-color-value))}.cpt-award-modal .award-section__wrapper.rarity-5{--rarity-color-value: 70, 204, 118;--rarity-color: rgb(var(--rarity-color-value))}.cpt-award-modal .award-section__wrapper .award-section__title{width:100%;height:21px;padding-left:6px;background:linear-gradient(90deg,var(--rarity-color) 0%,rgba(253,160,20,0) 100%);font-size:12px;font-weight:500;line-height:21px;color:#fff}.cpt-award-modal .award-section__wrapper .award-section__content{display:flex;flex-wrap:wrap;width:calc(100% + 6px)}.cpt-award-modal .award-section__wrapper .award-section__content .award-section__item{width:calc((100% - 18px) / 3);margin:6px 0 0 6px}.cpt-award-modal .award-section__wrapper .award-section__content .award-section__item .award-section__item-img{position:relative;width:100%;height:80px;border-radius:5px;overflow:hidden;background:#14191e}.cpt-award-modal .award-section__wrapper .award-section__content .award-section__item .award-section__item-img img{width:100%;height:calc(100% - 24px);-o-object-fit:cover;object-fit:cover}.cpt-award-modal .award-section__wrapper .award-section__content .award-section__item .award-section__item-img .award-section__item-info{position:absolute;left:0;bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:200%;height:48px;background:rgba(var(--rarity-color-value),.4);border-radius:0 0 10px 10px;transform:scale(.5);transform-origin:bottom left}.cpt-award-modal .award-section__wrapper .award-section__content .award-section__item .award-section__item-img .award-section__item-info .award-section__item-info-ledt{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1;width:0;font-size:18px;line-height:48px;text-align:center;color:#fff}.cpt-award-modal .award-section__wrapper .award-section__content .award-section__item .award-section__item-img .award-section__item-info .award-section__item-info-ledt strong{margin-left:4px;font-size:22px;font-weight:500;font-family:Helvetica Neue;color:#fff}.cpt-award-modal .award-section__wrapper .award-section__content .award-section__item .award-section__item-img .award-section__item-info .award-section__item-info-right{position:relative;flex:1;width:0;font-size:18px;line-height:48px;text-align:center;color:#fff}.cpt-award-modal .award-section__wrapper .award-section__content .award-section__item .award-section__item-img .award-section__item-info .award-section__item-info-right:before{content:"";position:absolute;top:14px;left:0;width:1px;height:20px;background:rgba(255,255,255,.2);border-radius:0 0 10px 10px}.cpt-award-modal .award-section__wrapper .award-section__content .award-section__item .award-section__item-title{margin-top:4px;font-size:12px;line-height:16px;color:rgba(0,0,0,.5)}.view-school-verify{width:calc(100% - 24px);margin:auto;border-radius:12px;overflow:hidden;background:#f1f9ff;position:relative}.view-school-verify:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://imgheybox.max-c.com/oa/2025/08/25/f648c5875a454f98291272e44fe6fc65.jpeg) left top/140% auto;opacity:.15;z-index:0;mix-blend-mode:multiply;pointer-events:none}.view-school-verify .upper-area{height:72px;padding:0 16px;display:flex;flex-direction:row;align-items:center;justify-content:center;background:linear-gradient(90deg,#1365fc,#137efc)}.view-school-verify .upper-area .school-icon-wrapper{width:52px;height:52px;margin-right:10px;border-radius:50%;border:2px solid #a4d8ff;overflow:hidden;background:#a4d8ff}.view-school-verify .upper-area .school-icon-wrapper.unknown{border:none}.view-school-verify .upper-area .school-icon-wrapper .school-icon{width:100%;height:100%;border-radius:50%}.view-school-verify .upper-area .school-name-wrapper{flex-shrink:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-school-verify .upper-area .school-name-wrapper .school-name{color:#fff;font-size:14px;font-weight:700;line-height:18px}.view-school-verify .upper-area .school-name-wrapper .school-sub-name{margin-top:2px;color:#fff;text-align:center;font-family:PingFang SC;font-size:10px;font-weight:600;line-height:10px;scale:.8}.view-school-verify .upper-area .verify-btn{border-radius:5px;margin-left:auto;padding:0 12px;height:28px;background:#fffb2e;color:#000;text-align:center;font-family:PingFang SC;font-size:12px;font-weight:500;line-height:28px}.view-school-verify .upper-area .verify-btn.verified{padding:0 10px 0 12px;opacity:.5}.view-school-verify .upper-area .verify-btn.verified .hb-icon{font-size:10px;transform:scale(.8);transform-origin:center}.view-school-verify .lower-area{height:119px;box-sizing:border-box;border-radius:0 0 12px 12px;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;padding:0 20px}.view-school-verify .lower-area .lottery-award-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:4px;left:16px;padding:3px 3px 3px 0;color:#137bf6;cursor:pointer}.view-school-verify .lower-area .lottery-award-btn .btn-text{font-size:10px;line-height:12px}.view-school-verify .lower-area .lottery-award-btn .hb-icon{font-size:10px;transform:scale(.8)}.view-school-verify .lower-area .badge-btn{position:absolute;top:4px;right:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:3px 3px 3px 6px;font-size:10px;line-height:12px;color:#137bf6;cursor:pointer}.view-school-verify .lower-area .badge-btn .text{font-size:10px;line-height:12px}.view-school-verify .lower-area .badge-btn .hb-icon{font-size:10px;transform:scale(.8);transform-origin:center}.view-school-verify .lower-area .lower-title-img{height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.view-school-verify .lower-area .progress-bar-wrapper{position:absolute;top:59px;left:20px;width:calc(100% - 40px);height:5px}.view-school-verify .lower-area .progress-bar-wrapper .progress-bar{width:100%;height:5px;background:rgba(200,232,255,.75);overflow:hidden;border-radius:3px}.view-school-verify .lower-area .progress-bar-wrapper .progress-bar .bar-inner{background:#137efc;border-radius:5px;height:5px}.view-school-verify .lower-area .progress-bar-wrapper .checkpoint-list{width:calc(100% - 20px);height:0px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.view-school-verify .lower-area .progress-bar-wrapper .checkpoint-list .checkpoint-item{width:32px;height:32px;position:absolute;top:50%;transform:translate(-50%,-50%)}.view-school-verify .lower-area .progress-bar-wrapper .checkpoint-list .checkpoint-item.active .checkpoint-img-wrapper svg path{stroke:#137efc}.view-school-verify .lower-area .progress-bar-wrapper .checkpoint-list .checkpoint-item .checkpoint-img-wrapper{position:relative;width:32px;height:32px;padding:2px}.view-school-verify .lower-area .progress-bar-wrapper .checkpoint-list .checkpoint-item .checkpoint-img-wrapper svg{position:absolute;top:0;left:0;width:100%;height:100%}.view-school-verify .lower-area .progress-bar-wrapper .checkpoint-list .checkpoint-item .checkpoint-img-wrapper svg path{stroke:#d4ecfa}.view-school-verify .lower-area .progress-bar-wrapper .checkpoint-list .checkpoint-item .checkpoint-img-wrapper .checkpoint-img{position:relative;width:100%;height:100%;z-index:1}.view-school-verify .lower-area .progress-bar-wrapper .checkpoint-list .checkpoint-item .checkpoint-desc{position:absolute;left:50%;transform:translate(-50%) scale(.9);transform-origin:bottom center;top:-14px;color:#000;font-family:PingFang SC;font-size:10px;font-weight:500;line-height:13px;text-transform:lowercase;white-space:nowrap}.view-school-verify .lower-area .progress-bar-wrapper .checkpoint-list .checkpoint-item .checkpoint__btn{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);padding:3px 6px;border-radius:4px;background:#137ef6;color:#fff;font-size:10px;line-height:13px;white-space:nowrap;opacity:.5;font-family:PingFang SC;font-weight:500}.view-school-verify .lower-area .progress-bar-wrapper .checkpoint-list .checkpoint-item .checkpoint__btn.active{opacity:1}.view-new-verify-redeem{width:calc(100% - 24px);margin:8px 12px 0;height:-moz-fit-content;height:fit-content;position:relative}.view-new-verify-redeem .redeem-content{width:100%}.view-new-verify-redeem .verify-btn{position:absolute;top:50%;right:14px;transform:translateY(-50%);border-radius:4px;height:28px;width:65px;background:#fffb2e;color:#000;text-align:center;font-family:PingFang SC;font-size:12px;font-weight:500;line-height:28px}.view-new-verify-redeem .verify-btn.disabled{padding:0 10px 0 12px;opacity:.5}.cpt-my-data{width:100%;padding:44px 14px 14px;border-radius:12px;background:#c8e8ff;display:flex;flex-direction:row;z-index:3;position:relative;overflow:hidden}.cpt-my-data .decorator-left{position:absolute;top:0;left:0;transform:rotate(180deg);width:150px}.cpt-my-data .decorator-right{position:absolute;bottom:0;right:0;width:170px}.cpt-my-data .my-avatar-wrapper{width:103px;height:151px;position:relative;margin-right:7px;border-radius:12px;overflow:hidden}.cpt-my-data .my-avatar-wrapper .avatar-bg{width:100%;height:100%}.cpt-my-data .my-avatar-wrapper .my-avatar{width:58px;height:58px;position:absolute;top:27px;left:50%;transform:translate(-50%);border-radius:50%}.cpt-my-data .my-avatar-wrapper .scholar-cap{width:70px;height:30px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.cpt-my-data .my-avatar-wrapper .my-name{width:103px;padding:0 3px;height:25px;color:#fff;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:25px;text-align:center;position:absolute;left:0;bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpt-my-data .right-wrapper{flex:1;width:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.cpt-my-data .right-wrapper .right__last-line{display:flex;align-items:flex-start;width:100%}.cpt-my-data .right-wrapper .right__last-line .star{color:#1271e6;font-family:PingFang SC;font-size:10px;margin-right:2px}.cpt-my-data .right-wrapper .right__last-line .contribute-desc{flex:1;width:0}.cpt-my-data .right-wrapper .right__last-line .contribute-desc .contribute-desc__line{font-size:10px;font-weight:400;line-height:11px;color:#000}.cpt-my-data .right-wrapper .my-game-info{width:100%;height:128px;box-sizing:border-box;border-radius:12px;background:#bbe2ff;display:flex;flex-direction:column;overflow:hidden}.cpt-my-data .right-wrapper .my-game-info .my-info-line{width:100%;height:0;flex:1;position:relative;overflow:hidden;background:#f7fbff;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-my-data .right-wrapper .my-game-info .my-info-line:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background:#d2ecff;transform:scaleY(.5)}.cpt-my-data .right-wrapper .my-game-info .my-info-line.contribution{background:#1271e6}.cpt-my-data .right-wrapper .my-game-info .my-info-line.contribution .personal-data{padding-left:12px}.cpt-my-data .right-wrapper .my-game-info .my-info-line.contribution .personal-data .label{color:#fff}.cpt-my-data .right-wrapper .my-game-info .my-info-line.contribution .personal-data .value{color:#fffb2e}.cpt-my-data .right-wrapper .my-game-info .my-info-line.contribution .more-btn{flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;padding-right:12px}.cpt-my-data .right-wrapper .my-game-info .my-info-line.contribution .more-btn .btn-text{color:#fff;font-family:PingFang SC;font-size:10px;font-weight:500}.cpt-my-data .right-wrapper .my-game-info .my-info-line.contribution .more-btn .hb-icon{font-size:8px;margin-left:2px}.cpt-my-data .right-wrapper .my-game-info .my-info-line .background-deco{position:absolute;top:50%;right:50%;transform:translateY(-50%) rotate(10deg);transform-origin:center right;background:#eef8ff;width:300px;height:300px}.cpt-my-data .right-wrapper .my-game-info .my-info-line .personal-data,.cpt-my-data .right-wrapper .my-game-info .my-info-line .school-rank{flex:1;width:0;display:flex;flex-direction:row;align-items:center;position:relative;z-index:1}.cpt-my-data .right-wrapper .my-game-info .my-info-line .personal-data .label,.cpt-my-data .right-wrapper .my-game-info .my-info-line .school-rank .label{color:#000;font-size:10px;scale:.8;white-space:nowrap}.cpt-my-data .right-wrapper .my-game-info .my-info-line .personal-data .value,.cpt-my-data .right-wrapper .my-game-info .my-info-line .school-rank .value{color:#14191e;font-feature-settings:lining-nums proportional-nums;font-variant-numeric:lining-nums proportional-nums;font-family:Helvetica Neue;font-size:14px;font-weight:900;line-height:14px}.cpt-my-data .right-wrapper .my-game-info .my-info-line .personal-data .value span,.cpt-my-data .right-wrapper .my-game-info .my-info-line .school-rank .value span{color:#137bf6;font-family:Helvetica;font-size:10px;transform:scale(.8);transform-origin:center}.cpt-my-data .right-wrapper .my-game-info .my-info-line .personal-data{padding:0 8px 0 10px;justify-content:flex-start}.cpt-my-data .right-wrapper .my-game-info .my-info-line .school-rank{padding:0 10px 0 8px;justify-content:space-between}.cpt-my-data .right-wrapper .my-game-info .my-info-line .school-rank .value{color:#1171e2}.cpt-invite-btn{position:absolute;width:100%;height:36px;border-radius:18px;position:relative;background:#fffb2e;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}.cpt-invite-btn .on-decorator{position:relative;z-index:10}.cpt-invite-btn .hb-icon{font-size:16px;margin-right:2px}.cpt-invite-btn .btn-text{color:#000;text-align:center;font-family:PingFang SC;font-size:14px;font-weight:700}.cpt-invite-btn .btn-decorator{width:172px;position:absolute;left:0;top:0;transform:rotate(15deg)}.cpt-invite-btn .hb-icon{font-size:10px;margin-left:2px}.cpt-school-btn{background:#137efc;padding:14px 15px 20px;border-radius:0 0 12px 12px;position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-school-btn .water-mark{height:18px}.cpt-school-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://imgheybox.max-c.com/oa/2025/08/25/f648c5875a454f98291272e44fe6fc65.jpeg) left top/120% auto;opacity:.35;z-index:0;mix-blend-mode:multiply;pointer-events:none}.cpt-school-btn .screenshot-icon{width:18px;height:18px;margin-right:2px}.cpt-school-btn .btn-share{flex-shrink:0;width:36px;height:36px;margin-left:6px;border-radius:50%;background-color:#fffb2e;text-align:center;line-height:36px;display:flex;align-items:center;justify-content:center;z-index:1}.cpt-school-btn .btn-share .hb-icon{font-size:14px;color:#000}.cpt-game-item{box-sizing:border-box;flex:1;width:0;position:relative;border-radius:8px;overflow:hidden}.cpt-game-item:not(.cpt-game-item:last-child){margin-right:3px}.cpt-game-item.size-medium{border-radius:4px}.cpt-game-item.size-medium .game-label{transform:scale(.889)}.cpt-game-item.size-small{border-radius:2.5px}.cpt-game-item.size-small .game-label{transform:scale(.611)}.cpt-game-item .placeholder{width:100%;padding-bottom:54%}.cpt-game-item .game-poster{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:5px}.cpt-game-item .game-label{width:36px;height:14px;position:absolute;top:0;right:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2.5px);-webkit-mask-image:url(https://imgheybox.max-c.com/oa/2025/08/27/8c4cf0366826e8d02f273811fc961a80.png);mask-image:url(https://imgheybox.max-c.com/oa/2025/08/27/8c4cf0366826e8d02f273811fc961a80.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;transform-origin:top right}.cpt-game-item .game-label .text{position:absolute;top:50%;right:4px;transform:translateY(-50%) scale(.8);color:#fff;text-align:center;font-family:PingFang SC;font-size:10px;transform-origin:center right}.cpt-prefer-games{width:0;flex:1;border-radius:12px;padding:6px 8px 10px;background:rgba(255,255,255,.75)}.cpt-prefer-games:not(:last-child){margin-right:7px}.cpt-prefer-games .title-line{height:21px;margin-bottom:2px;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-prefer-games .title-line .title{color:#000;font-family:PingFang SC;font-size:12px;font-weight:600}.cpt-prefer-games .title-line .desc{margin:0 4px;color:rgba(0,0,0,.3);font-family:PingFang SC;font-size:10px;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpt-prefer-games .title-line .hb-icon{font-size:8px;color:#000}.cpt-prefer-games .game-line{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-prefer-games .game-line:not(:last-child){margin-bottom:3px}.cpt-school-data{padding:28px 14px 15px;margin-top:-12px;box-sizing:border-box;background:#f1f9ff;overflow:hidden;position:relative}.cpt-school-data.school-page{padding-top:43px;border-radius:12px;margin-top:0}.cpt-school-data .school-data-inner-wrapper .school-title-line{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-school-data .school-data-inner-wrapper .school-title-line .school-icon{width:32px;height:32px;margin-right:8px;border-radius:50%}.cpt-school-data .school-data-inner-wrapper .school-title-line .school-name{color:#000;font-family:PingFang SC;font-size:14px;font-weight:600;line-height:128%;flex:1;width:0;text-align:left}.cpt-school-data .school-data-inner-wrapper .school-title-line .more-btn{height:20px;border-radius:4px;background:#137bf6;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;padding:0 3px 0 6px}.cpt-school-data .school-data-inner-wrapper .school-title-line .more-btn .btn-text{color:#fff;font-family:PingFang SC;font-size:10px;font-weight:500}.cpt-school-data .school-data-inner-wrapper .school-title-line .more-btn i{margin-left:2px;font-size:6px}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper{margin-top:6px;width:100%;box-sizing:border-box;border-radius:12px;border:1px solid #bbe2ff;display:flex;flex-direction:column;overflow:hidden;position:relative}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper.empty{height:152px}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line{width:100%;height:38px;overflow:hidden;background:rgba(255,255,255,.75);display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background:#bbe2ff;transform:scaleY(.5)}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .background-deco{position:absolute;top:50%;right:33%;transform:translateY(-50%) rotate(10deg);transform-origin:center right;background:#eef8ff;width:500px;height:500px}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .personal-data,.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .school-rank{width:0;display:flex;flex-direction:row;align-items:center;position:relative;z-index:1}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .personal-data .label,.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .school-rank .label{color:#000;font-size:10px}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .personal-data .value,.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .school-rank .value{color:#14191e;font-feature-settings:lining-nums proportional-nums;font-variant-numeric:lining-nums proportional-nums;font-family:Helvetica Neue;font-size:12px;font-weight:700;line-height:14px}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .personal-data{width:66.7%;padding:0 8px 0 12px;justify-content:flex-start}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .personal-data .label{width:80px}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .school-rank{width:33.3%;padding:0 12px 0 15px;justify-content:space-between}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .school-rank .value{color:#1171e2}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .my-info-line .school-rank .value span{color:#137bf6;font-family:Helvetica;font-size:10px;transform:scale(.8);transform-origin:center}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .empty-mask{width:100%;height:112px;position:absolute;left:0;bottom:0;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);padding-top:40px;z-index:2;border-radius:0 0 12px 12px}.cpt-school-data .school-data-inner-wrapper .school-stat-wrapper .empty-mask .mask-text{width:100%;color:rgba(0,0,0,.8);text-align:center;font-family:PingFang SC;font-size:12px;line-height:18px}.cpt-school-data .school-data-inner-wrapper .school-game-list-wrapper{margin-top:8px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-school-title{width:265px;height:60px;position:absolute;top:-31px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;background:url(https://imgheybox.max-c.com/oa/2025/09/10/8c5a3f9c23af679e5c868ee212a342e8.png) left top/100% 100% no-repeat;z-index:10}.cpt-school-title .school-logo{border-radius:50%;width:42px;height:42px;flex-shrink:0;margin-right:8px}.cpt-school-title .school-logo.bind{border:2px solid #A4D8FF}.cpt-school-title .right-wrapper .school-title{color:#fff;font-family:Helvetica Inserat LT Pro;font-size:20px;font-weight:800;line-height:26px}.cpt-school-title .right-wrapper .school-name{color:#fff;font-size:10px;font-weight:900;line-height:13px}.view-school-data{margin:41px 12px 0;position:relative;background:#f1f9ff;border-radius:12px}.view-school-data.is-screenshot{padding:0}.view-school-data.is-screenshot .school-data-wrapper .view-mask-wrapper{border-radius:0}.view-school-data.is-school-page{margin-top:30px}.view-school-data .school-data-wrapper{overflow:hidden;position:relative}.view-school-data .school-data-wrapper .view-mask-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);padding-top:40px;z-index:20;border-radius:12px;display:flex;flex-direction:row;align-items:center;justify-content:center}.view-school-data .school-data-wrapper .default-view{position:relative;width:100%;height:124px;display:flex;flex-direction:row;align-items:center;justify-content:center}.view-school-data .school-data-wrapper .default-view .unverified-tip{color:rgba(0,0,0,.8);text-align:center;font-family:PingFang SC;font-size:12px;line-height:18px}.view-school-rank{width:calc(100% - 28px);margin:10px 14px 0;border-radius:12px;background:#ddf1ff;padding:14px 8px 18px;display:flex;flex-direction:column;align-items:center}.view-school-rank .main-title{color:#14191e;text-align:center;font-family:PingFang SC;font-size:18px;font-weight:500;line-height:26px}.view-school-rank .activity-desc{color:rgba(0,0,0,.5);text-align:center;font-family:PingFang SC;font-size:10px;line-height:12px;scale:.8;white-space:nowrap}.view-school-rank .hb-tabs{width:100%;margin-top:8px}.view-school-rank .hb-tabs .hb-tabs-nav .hb-tabs-nav_inner{background:#c9e8ff}.view-school-rank .hb-tabs .hb-tabs-nav .hb-tabs-nav_inner .hb-tabs-nav-item .hb-tabs-nav-label{color:#64696e}.view-school-rank .hb-tabs .hb-tabs-nav .hb-tabs-nav_inner .hb-tabs-nav-item.hb-tabs-nav-active .hb-tabs-nav-label{color:#fff;font-family:PingFang SC;font-weight:500}.view-school-rank .hb-tabs .hb-tabs-nav .hb-tabs-nav_inner .hb-tabs-active-bar{background:#137efc}.view-school-rank .rank-list{margin-top:8px}.view-school-rank .rank-list .rank-item{height:48px;width:100%;padding:0 10px;border-radius:3px;background:linear-gradient(0deg,rgba(0,0,0,.03),rgba(0,0,0,.03)),#c9e8ff;display:flex;flex-direction:row;align-items:center;justify-content:center}.view-school-rank .rank-list .rank-item:not(:last-child){margin-bottom:4px}.view-school-rank .rank-list .rank-item .rank-num{width:27px;text-align:left;color:#000;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:12px;flex-shrink:0}.view-school-rank .rank-list .rank-item .rank-num.rank-1{color:#ff9f00}.view-school-rank .rank-list .rank-item .rank-num.rank-2{color:#fa6eff}.view-school-rank .rank-list .rank-item .rank-num.rank-3{color:#52b7ff}.view-school-rank .rank-list .rank-item .icon-wrapper{flex-shrink:0;margin-left:2px;width:36px;height:36px;border-radius:50%;border:2px solid #a4d8ff;overflow:hidden;background:#a4d8ff}.view-school-rank .rank-list .rank-item .icon-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.view-school-rank .rank-list .rank-item .rank-name{margin-left:14px;color:#000;text-align:left;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:12px;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-school-rank .rank-list .rank-item .rank-value{flex-shrink:0;color:#000;text-align:center;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:12px}.view-school-rank .rank-list .rank-item .hb-icon{font-size:8px;color:rgba(0,0,0,.3);margin-left:6px}.view-school-rank .more-btn{width:100%;height:30px;margin-top:8px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:3px;background:linear-gradient(0deg,rgba(0,0,0,.03),rgba(0,0,0,.03)),#c9e8ff}.view-school-rank .more-btn .btn-text{color:#64696e;font-family:PingFang SC;font-size:12px;line-height:16px}.view-school-rank .more-btn .hb-icon{font-size:8px;margin-left:4px;color:#64696e}.view-school-link .view-content{padding:0!important}.view-school-link .view-content .publish-link-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 14px}.view-school-link .view-content .publish-link-wrapper .left-tip .main-tip{color:#000;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:900;line-height:25px}.view-school-link .view-content .publish-link-wrapper .left-tip .sub-tip{color:#000;font-family:PingFang SC;font-size:11px;font-style:normal;font-weight:600;line-height:14px}.view-school-link .view-content .publish-link-wrapper .publish-btn{width:90px;height:24px;flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:center;background:#f9f047;border-radius:50px}.view-school-link .view-content .publish-link-wrapper .publish-btn .text{color:#0c0f14;font-family:PingFang SC;font-size:14px;font-weight:700}.view-school-link .view-content .publish-link-wrapper .publish-btn i{font-size:8px;margin-left:2px}.view-school-link .view-content .view-link__banner{width:100%;padding:0 14px;margin-top:8px}.view-school-link .view-content .view-link__banner img{width:100%;-o-object-fit:cover;object-fit:cover}.view-school-link .view-content .link-container{margin-top:11px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow-x:scroll}.view-school-link .view-content .link-container::-webkit-scrollbar{display:none}.view-school-link .view-content .link-container .padding-block{width:14px;flex-shrink:0}.view-school-link .view-content .link-container .padding-block:last-child{width:6px}.view-school-link .view-content .link-container .link-item{width:134px;height:186px;border-radius:8px;background:#bbe2ff;overflow:hidden;margin-right:4px;flex-shrink:0}.view-school-link .view-content .link-container .link-item .link-image-wrapper{width:100%;height:101px}.view-school-link .view-content .link-container .link-item .link-image-wrapper .link-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.view-school-link .view-content .link-container .link-item .link-info-wrapper{height:85px;width:100%;padding:10px}.view-school-link .view-content .link-container .link-item .link-info-wrapper .link-title{width:100%;height:40px;color:#000;font-family:PingFang SC;font-size:13px;font-weight:500;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word}.view-school-link .view-content .link-container .link-item .link-info-wrapper .link-author-line{margin-top:5px;display:flex;flex-direction:row;align-items:center;justify-content:center}.view-school-link .view-content .link-container .link-item .link-info-wrapper .link-author-line .link-author-name{color:#000;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:19.33px;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-school-link .view-content .link-container .link-item .link-info-wrapper .link-author-line i{margin-left:3px;font-size:12px;color:#137efc}.view-school-link .view-content .link-container .link-item .link-info-wrapper .link-author-line .link-count{margin-left:3px;color:#137efc;font-family:Helvetica Neue;font-size:12px}.view-school-chatroom.common-view .view-title-image{height:47px;width:auto}.view-school-chatroom .chatroom-content-wrapper{background:#bbe2ff;border-radius:12px;overflow:hidden}.view-school-chatroom .chatroom-content-wrapper .school-overview{padding:14px}.view-school-chatroom .chatroom-content-wrapper .school-overview .title{color:#14191e;font-family:PingFang SC;font-size:14px;font-weight:500;line-height:20px}.view-school-chatroom .chatroom-content-wrapper .school-overview .user-count-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:12px}.view-school-chatroom .chatroom-content-wrapper .school-overview .user-count-wrapper .user-count-item{height:76px;border-radius:8px;background:#fff;position:relative;flex:1;width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-school-chatroom .chatroom-content-wrapper .school-overview .user-count-wrapper .user-count-item:not(:last-child){margin-right:7px}.view-school-chatroom .chatroom-content-wrapper .school-overview .user-count-wrapper .user-count-item .value{color:#000;text-align:center;font-family:Helvetica;font-size:18px;font-weight:700;line-height:21px}.view-school-chatroom .chatroom-content-wrapper .school-overview .user-count-wrapper .user-count-item .label{margin-top:8px;color:rgba(0,0,0,.4);text-align:center;font-family:PingFang SC;font-size:12px;line-height:16px}.view-school-chatroom .chatroom-content-wrapper .school-overview .user-count-wrapper .user-count-item .rank{width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:absolute;top:-10px;right:-6px;background:url(https://imgheybox.max-c.com/oa/2025/09/15/8e4f0cea003999edde0449e5ee9f3d87.png) center/100% 100% no-repeat;color:#000;text-align:center;font-family:Helvetica;font-size:16px;font-weight:700;line-height:18px;transform:rotate(22deg)}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper{border-radius:12px;background:#ddf1ff;padding:0 14px;max-height:190px;overflow:hidden;position:relative}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .form-line{width:100%;display:flex;flex-direction:row;align-items:center}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .form-line .col-1{flex:165;width:0}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .form-line .col-2{flex:72;width:0}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .form-line .col-3{width:82px;flex-shrink:0}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .form-title{height:30px;color:rgba(0,0,0,.4);font-size:12px}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .form-title .col-1{text-align:left}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .form-title .col-2,.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .form-title .col-3{text-align:center}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item{height:60px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item:after{content:"";position:absolute;top:0;left:0;height:1px;width:100%;background:rgba(0,0,0,.05);transform:scaleY(.5)}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item .room-info{display:flex;flex-direction:row}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item .room-info .avatar-wrapper{width:24px;height:24px;flex-shrink:0;border-radius:50%;border:2px solid #a4d8ff;box-sizing:border-box;background:#a4d8ff;position:relative}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item .room-info .avatar-wrapper .avatar{width:100%;height:100%;border-radius:50%}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item .room-info .room-name{margin-left:6px;flex:1;width:0;color:#14191e;font-family:PingFang SC;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item .person-count{color:#14191e;font-size:14px;font-weight:500;line-height:20px;text-align:center}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item .go-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item .go-btn.disabled .btn-text,.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item .go-btn.disabled i{color:#9db9d9}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item .go-btn .btn-text{color:#126ee6;font-size:14px;margin-right:2px}.view-school-chatroom .chatroom-content-wrapper .chatroom-list-wrapper .chatroom-item .go-btn i{font-size:10px;color:#126ee6}.view-school-chatroom .chatroom-item__default{display:flex;align-items:center;justify-content:center;height:60px;width:100%;padding:0 16px;border-radius:12px;background:#bbe2ff;font-size:13px;line-height:17px;color:rgba(0,0,0,.3)}.view-school-chatroom .chat-btn-container{margin-top:12px;display:flex;flex-direction:row}.view-school-chatroom .chat-btn-container .invite-btn{width:flex;flex:1;height:36px;border-radius:18px;position:relative;background:#137efc;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}.view-school-chatroom .chat-btn-container .invite-btn:not(:last-child){margin-right:7px}.view-school-chatroom .chat-btn-container .invite-btn .on-decorator{position:relative;z-index:10}.view-school-chatroom .chat-btn-container .invite-btn .btn-text{color:#fff;text-align:center;font-family:PingFang SC;font-size:14px;font-weight:700}.view-school-chatroom .chat-btn-container .invite-btn .btn-decorator{width:172px;position:absolute;left:0;top:0;transform:rotate(15deg)}.view-school-chatroom .chat-btn-container .invite-btn .hb-icon{color:#fff;font-size:10px;margin-left:2px}.cpt-team-member{width:56px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cpt-team-member:not(:last-child){margin-right:8px}.cpt-team-member .avatar-wrapper{width:56px;height:56px;border-radius:50%;border:3px solid #137efc;background:#cee9fd;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-team-member .avatar-wrapper .avatar{width:100%;height:100%;border-radius:50%}.cpt-team-member .avatar-wrapper i{font-size:18px;color:#137efc}.cpt-team-member .member-name{margin-top:4px;width:100%;color:#000;text-align:center;font-family:PingFang SC;font-size:10px;font-weight:700;line-height:13px;scale:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpt-team-member .member-status{margin-top:2px;color:#9db9d9;text-align:center;font-family:PingFang SC;font-size:12px;font-weight:800;line-height:12px}.cpt-team-member .member-status.completed{color:#137efc}.cpt-task{width:100%;padding:0 18px;display:flex;flex-direction:row;align-items:center;justify-content:center;background:rgba(0,0,0,.03);position:relative}.cpt-task:after{content:"";position:absolute;bottom:0;left:56px;right:18px;height:1px;background:rgba(0,0,0,.05)}.cpt-task.finished .task-info-wrapper{opacity:.5}.cpt-task .task-info-wrapper{flex:1;width:0;display:flex;flex-direction:row;justify-content:center;position:relative;min-height:62px;padding:12px 12px 12px 0}.cpt-task .task-info-wrapper .task-icon-wrapper{width:28px;height:28px;border-radius:50%;margin-right:10px}.cpt-task .task-info-wrapper .task-icon-wrapper img{width:100%;height:100%;border-radius:50%}.cpt-task .task-info-wrapper .task-info{flex:1;width:0}.cpt-task .task-info-wrapper .task-info .task-desc{color:#000;font-family:PingFang SC;font-size:14px;font-weight:500;line-height:20px}.cpt-task .task-info-wrapper .task-info .task-award{margin-top:4px;display:flex;align-items:center;opacity:.6}.cpt-task .task-info-wrapper .task-info .task-award svg{color:#000;font-size:11px;margin-right:5px}.cpt-task .task-info-wrapper .task-info .task-award svg path{fill:currentColor}.cpt-task .task-info-wrapper .task-info .task-award .award-desc{color:#000;font-size:11px;line-height:15px}.cpt-task .task-status{width:62px;height:62px;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-task .task-status img{width:62px;height:62px}.cpt-member-task{border-top:1px solid #BBE2FF}.cpt-member-task .user-line{width:100%;height:48px;padding:0 16px;display:flex;flex-direction:row;align-items:center;justify-content:center;background:rgba(255,255,255,.2)}.cpt-member-task .user-line .avatar-wrapper{width:36px;height:36px;border-radius:50%;border:3px solid #137efc;background:#cee9fd;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-member-task .user-line .avatar-wrapper.default{border:0}.cpt-member-task .user-line .avatar-wrapper .avatar{width:100%;height:100%;border-radius:50%}.cpt-member-task .user-line .member-name{margin:0 8px;flex:1;width:0;color:#000;font-family:PingFang SC;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpt-member-task .user-line .task-progress{display:flex;flex-direction:row;align-items:center;justify-content:center}.cpt-member-task .user-line .task-progress.expand i{rotate:180deg;transition:all .25s linear}.cpt-member-task .user-line .task-progress .text{color:#000;text-align:center;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:12px}.cpt-member-task .user-line .task-progress i{font-size:10px;color:#000;margin-left:4px}.cpt-member-task .task-list-wrapper{width:100%;transition:height .25s linear;overflow:hidden}.view-invite-task.common-view .view-title-image{width:100%;max-width:375px;height:auto}.view-invite-task .task-content-wrapper{background:#bbe2ff;border-radius:12px;padding-bottom:14px}.view-invite-task .task-content-wrapper .invite-wrapper{padding:20px 16px}.view-invite-task .task-content-wrapper .invite-wrapper .team-member-wrapper{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.view-invite-task .task-content-wrapper .invite-wrapper .invite-btn{width:100%;margin-top:12px;height:36px;border-radius:18px;position:relative;background:#137efc;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}.view-invite-task .task-content-wrapper .invite-wrapper .invite-btn .on-decorator{position:relative;z-index:10}.view-invite-task .task-content-wrapper .invite-wrapper .invite-btn .btn-text{color:#fff;text-align:center;font-family:PingFang SC;font-size:14px;font-weight:700}.view-invite-task .task-content-wrapper .invite-wrapper .invite-btn .btn-decorator{width:172px;position:absolute;left:0;top:0;transform:rotate(15deg)}.view-invite-task .task-content-wrapper .invite-wrapper .invite-btn .user-count{color:#fff;text-align:center;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.view-redeem-task{padding:0 14px}.view-redeem-task .redeem-section{width:100%}.view-redeem-task .redeem-section .redeem__nav{display:flex;justify-content:space-between;align-items:center}.view-redeem-task .redeem-section .redeem__nav .redeem__nav--left{font-size:13px;font-weight:500;color:#000}.view-redeem-task .redeem-section .redeem__nav .redeem__nav--right{font-size:13px;-webkit-text-decoration:underline;text-decoration:underline;color:#000}.view-redeem-task .redeem-section .redeem__content{display:flex;flex-wrap:wrap;width:calc(100% + 4px);margin-top:2px}.view-redeem-task .redeem-section .redeem__content .redeem__content-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc((100% - 12px) / 3);height:161px;margin:6px 4px 0 0;padding:14px 12px 16px;border-radius:8px;background-color:#bbe2ff}.view-redeem-task .redeem-section .redeem__content .redeem__content-item .redeem__content--img{width:56px;height:56px;padding:3px;border-radius:50%;overflow:hidden;background-color:#137efc;box-shadow:0 4px 2px #0066b4 inset}.view-redeem-task .redeem-section .redeem__content .redeem__content-item .redeem__content--img img{width:100%;height:100%}.view-redeem-task .redeem-section .redeem__content .redeem__content-item .redeem__content--title{flex:1;height:0;margin:10px 0;font-size:12px;color:#000;line-height:16px}.view-redeem-task .redeem-section .redeem__content .redeem__content-item .redeem__content--btn{display:flex;align-items:center;justify-content:center;height:22px;width:100%;border-radius:4px;background:#137efc;color:#fff}.view-redeem-task .redeem-section .redeem__content .redeem__content-item .redeem__content--btn.exchanged{opacity:.5;pointer-events:none}.view-redeem-task .redeem-section .redeem__content .redeem__content-item .redeem__content--btn .redeem__btn--icon{width:10px;height:10px;margin-top:-1px;font-size:10px;margin-right:3px}.view-redeem-task .redeem-section .redeem__content .redeem__content-item .redeem__content--btn .redeem__btn--icon svg{color:inherit}.view-redeem-task .redeem-section .redeem__content .redeem__content-item .redeem__content--btn .redeem__btn--icon svg path{color:inherit;fill:currentColor}.view-redeem-task .redeem-section .redeem__content .redeem__content-item .redeem__content--btn .redeem__btn--cost{font-size:12px;font-weight:500}.view-redeem-task .redeem-section .redeem__content .redeem__content-item .redeem__content--btn .redeem__btn--split{width:1px;height:8px;margin:0 3px;background:#fff;transform:scaleX(.5)}.view-redeem-task .redeem-section .redeem__content .redeem__content-item .redeem__content--btn .redeem__btn--desc{font-size:10px}.view-redeem-task .rookie-task{width:100%;margin-top:10px;padding:15px 18px 11px;border-radius:8px;background-color:#bbe2ff}.view-redeem-task .rookie-task .rookie-task__item{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0}.view-redeem-task .rookie-task .rookie-task__item+.rookie-task__item{position:relative}.view-redeem-task .rookie-task .rookie-task__item+.rookie-task__item:before{content:"";position:absolute;top:0;left:38px;width:calc(100% - 38px);height:1px;background-color:rgba(0,0,0,.1);transform:scaleY(.5)}.view-redeem-task .rookie-task .rookie-task__item .rookie-task__item--img{width:28px;height:28px;border-radius:50%;overflow:hidden}.view-redeem-task .rookie-task .rookie-task__item .rookie-task__item--img img{width:100%;height:100%}.view-redeem-task .rookie-task .rookie-task__item .task-item__content{flex:1;width:0;margin:0 10px}.view-redeem-task .rookie-task .rookie-task__item .task-item__content .task-item__title{font-size:14px;font-weight:500;color:#000;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-redeem-task .rookie-task .rookie-task__item .task-item__content .task-item--desc{display:flex;align-items:center;justify-content:flex-start;margin-top:3px;font-size:12px;color:rgba(0,0,0,.6)}.view-redeem-task .rookie-task .rookie-task__item .task-item__content .task-item--desc svg path{fill:rgba(0,0,0,.6)}.view-redeem-task .rookie-task .rookie-task__item .task-item__content .task-item--desc span{margin-left:5px}.view-redeem-task .rookie-task .rookie-task__item .task-item__btn{width:61px;height:28px;border-radius:14px;background-color:#137efc;font-size:12px;line-height:28px;color:#fff;text-align:center}.view-redeem-task .rookie-task .rookie-task__item .task-item__btn.finished{opacity:.75}*{-webkit-tap-highlight-color:transparent;outline:0;margin:0;padding:0;box-sizing:border-box;font-family:Pingfang SC,Noto Sans CJK SC,xiaomi,BlinkMacSystemFont,Microsoft YaHei,sans-serif}html,body{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fff}[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}: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 0%, #F53E59 100%);--hb-gradient-2: linear-gradient(45deg, #FF9F00 0%, #F58045 100%);--hb-gradient-3: linear-gradient(45deg, #FA6EFF 0%, #CB33FF 100%);--hb-gradient-4: linear-gradient(45deg, #52B7FF 0%, #1A91FE 100%);--hb-gradient-5: linear-gradient(45deg, #8FD427 0%, #59D01B 100%);--hb-gradient-6: linear-gradient(45deg, #464B50 0%, #14191E 100%);--hb-gradient-7: linear-gradient(45deg, #736E7D 0%, #1B2025 100%);--hb-gradient-8: linear-gradient(45deg, #5A5D5B 0%, #3F4147 100%);--hb-gradient-9: linear-gradient(135deg, #01D09E 0%, #01D02F 100%);--hb-gradient-10: linear-gradient(90deg, #FF5094 0%, #FF7245 100%);--hb-other-1--value: 57, 61, 64;--hb-other-1: rgb(var(--hb-other-1--value))}:root{--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), .9);--hb-general-color-bg-6: rgba(var(--hb-primary--value), .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), .01);--hb-gamerecord-color-white-02a: rgba(var(--hb-white-100--value), .02);--hb-gamerecord-color-white-03a: rgba(var(--hb-white-100--value), .03);--hb-gamerecord-color-white-05a: rgba(var(--hb-white-100--value), .05);--hb-gamerecord-color-white-08a: rgba(var(--hb-white-100--value), .08);--hb-gamerecord-color-white-10a: rgba(var(--hb-white-100--value), .1);--hb-gamerecord-color-white-15a: rgba(var(--hb-white-100--value), .15);--hb-gamerecord-color-white-20a: rgba(var(--hb-white-100--value), .2);--hb-gamerecord-color-white-30a: rgba(var(--hb-white-100--value), .3);--hb-gamerecord-color-white-40a: rgba(var(--hb-white-100--value), .4);--hb-gamerecord-color-white-50a: rgba(var(--hb-white-100--value), .5);--hb-gamerecord-color-white-60a: rgba(var(--hb-white-100--value), .6);--hb-gamerecord-color-white-70a: rgba(var(--hb-white-100--value), .7);--hb-gamerecord-color-white-80a: rgba(var(--hb-white-100--value), .8);--hb-gamerecord-color-white-90a: rgba(var(--hb-white-100--value), .9);--hb-gamerecord-color-white-100a: rgba(var(--hb-white-100--value), 1);--hb-gamerecord-color-black-01a: rgba(var(--hb-black-100--value), .01);--hb-gamerecord-color-black-02a: rgba(var(--hb-black-100--value), .02);--hb-gamerecord-color-black-03a: rgba(var(--hb-black-100--value), .03);--hb-gamerecord-color-black-05a: rgba(var(--hb-black-100--value), .05);--hb-gamerecord-color-black-08a: rgba(var(--hb-black-100--value), .08);--hb-gamerecord-color-black-10a: rgba(var(--hb-black-100--value), .1);--hb-gamerecord-color-black-15a: rgba(var(--hb-black-100--value), .15);--hb-gamerecord-color-black-20a: rgba(var(--hb-black-100--value), .2);--hb-gamerecord-color-black-30a: rgba(var(--hb-black-100--value), .3);--hb-gamerecord-color-black-40a: rgba(var(--hb-black-100--value), .4);--hb-gamerecord-color-black-50a: rgba(var(--hb-black-100--value), .5);--hb-gamerecord-color-black-60a: rgba(var(--hb-black-100--value), .6);--hb-gamerecord-color-black-70a: rgba(var(--hb-black-100--value), .7);--hb-gamerecord-color-black-80a: rgba(var(--hb-black-100--value), .8);--hb-gamerecord-color-black-90a: rgba(var(--hb-black-100--value), .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")}.common-view{width:100%;margin-top:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.common-view .view-title-image{height:35px;margin-bottom:8px}.common-view .view-content{width:100%;padding:0 12px}.hb-modal__wrapper .hb-modal{background:#ddf1ff;height:550px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hb-modal__wrapper .hb-modal .hb-modal__no-title{height:20px}.hb-modal__wrapper .hb-modal .hb-modal__body{flex:1;height:0}.hb-modal__wrapper .hb-modal .hb-tabs .hb-tabs-nav .hb-tabs-nav_inner{background:#c9e8ff}.hb-modal__wrapper .hb-modal .hb-tabs .hb-tabs-nav .hb-tabs-nav_inner .hb-tabs-nav-item .hb-tabs-nav-label{color:#64696e}.hb-modal__wrapper .hb-modal .hb-tabs .hb-tabs-nav .hb-tabs-nav_inner .hb-tabs-nav-item.hb-tabs-nav-active .hb-tabs-nav-label{color:#fff;font-family:PingFang SC;font-weight:500}.hb-modal__wrapper .hb-modal .hb-tabs .hb-tabs-nav .hb-tabs-nav_inner .hb-tabs-active-bar{background:#137efc}.hb-modal__wrapper .hb-modal .hb-modal__footer .hb-button-primary{border-radius:2px;background:#137efc}.hb-dialog__wrapper .hb-dialog{background:#ddf1ff}.hb-dialog__wrapper .hb-dialog .hb-dialog__title{height:24px;margin-top:0;color:#000;text-align:center;font-family:PingFang SC;font-size:16px;font-weight:600;line-height:24px}.hb-dialog__wrapper .hb-dialog .hb-dialog__footer{margin-top:16px}.hb-dialog__wrapper .hb-dialog .hb-dialog__footer .hb-button-weak{background:#98afca;color:#fff}.hb-dialog__wrapper .hb-dialog .hb-dialog__footer .hb-button-primary{background:#137efc}html{min-height:100vh;background:#99d1ff}#app{min-height:100vh;width:100vw;max-width:1480px;margin:0 auto;background:#99d1ff}#app .share-lottery-block{width:100%;padding:0 14px}#app .share-lottery-block .share-lottery-block__img{width:100%;height:auto}#app .share-lottery-block .cpt-invite-btn{margin-top:8px}#app .head-image-wrapper{position:relative;width:100%;padding-bottom:72.53%}#app .head-image-wrapper.share{padding-bottom:57.06%}#app .head-image-wrapper .head-image{width:100%;height:auto;position:absolute;top:0;left:0}#app .head-image{width:100%;height:auto}#app .head-image.footer{margin-top:30px}#app .intro-btn{position:fixed;top:180px;right:0;width:31px;z-index:1000}#app .intro-btn .intro-btn__img{width:100%}#app .screenshot-wrapper{padding-bottom:12px}