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;left:0;bottom:0;background:#f3f4f5;transform-origin:left bottom;transform:scale(.5)}.heybox-share-header .hb-share-header{position:relative;max-width:480px;max-width:var(--hb-root-max-width,480px);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{display:none;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}.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}.hb-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:relative}.hb-button:before{content:"";box-sizing:border-box;width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid;transform:scale(.5);transform-origin:0 0}.hb-button .icon{display:block}.hb-button .icon img,.hb-button .icon svg{width:16px;height:16px;display:block}.hb-button .icon+.text,.hb-button .text+.icon{margin-left:4px}.hb-button-mini{height:24px;padding:4px 12px;font-size:12px;border-radius:3px}.hb-button-mini:before{border-radius:6px}.hb-button-small{height:30px;padding:0 12px;font-size:12px;border-radius:3px}.hb-button-small:before{border-radius:6px}.hb-button-medium{height:40px;padding:0 20px;font-size:14px;border-radius:5px}.hb-button-medium:before{border-radius:10px}.hb-button-large{height:44px;padding:0 24px;font-size:14px;border-radius:5px}.hb-button-large:before{border-radius:10px}.hb-button-large .icon+.text,.hb-button-large .text+.icon{margin-left:6px}.hb-button-primary{background-color:#14191e;color:#fff}.hb-button-primary:before{border-color:#14191e}.hb-button-weak{background-color:#f3f4f5;color:#14191e}.hb-button-weak:before{border-color:#f3f4f5}.hb-button-linear{background-color:#fff;color:#646566}.hb-button-linear:before{border-color:#dadde0}.hb-button-disable{background-color:#f3f4f5;color:#8c9196;cursor:not-allowed}.hb-button-disable:before{border-color:#f3f4f5}.hb-button-success{background-color:#32b846;color:#fff}.hb-button-success:before{border-color:#32b846}.hb-button-danger{background-color:#fa3c4b;color:#fff}.hb-button-danger:before{border-color:#fa3c4b}.hb-button-bg-img{background-size:cover;background-repeat:no-repeat;background-position:50%;background-color:transparent}.hb-button-bg-img:before{border:none}.hb-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__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;overflow:auto;transform:translateZ(0)}.hb-dialog__title{height:26px;margin-top:8px;text-align:center;line-height:26px;font-size:18px;font-weight:500;color:#14191e}.hb-dialog__body{margin-top:8px}.hb-dialog__body .hb-dialog__desc{margin:0;text-align:center;line-height:18px;font-size:13px;color:#8c9196}.hb-dialog__footer{display:flex;margin-top:28px}.hb-dialog__footer .hb-button{width:0;flex:1}.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 ease-out}.hb-dialog-fade-enter,.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 .hb-empty_image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.hb-empty .hb-empty_desc{font-size:12px;line-height:12px;text-align:center;margin-top:12px}.load-trigger[data-v-5d3c77e4]{width:100%;height:20px}.hb-list[data-v-4b1d9267]{position:relative;width:100%}.hb-list .finish-text[data-v-4b1d9267]{color:#c8cdd2;height:48px;width:100%;text-align:center;font-size:12px;line-height:48px}.hb-modal{width:100%;max-height:85vh;padding:0;border-radius:12px 12px 0 0;position:absolute;bottom:0;left:0;z-index:10;background-color:#fff;display:flex;flex-direction:column;overflow:hidden}.hb-modal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;transform:translateZ(0)}.hb-modal__title{width:100%;height:34px;margin-top:4px;text-align:center;line-height:34px;font-size:13px}.hb-modal__title.hb-modal__no-title{margin-top:0;height:12px}.hb-modal__body{width:100%;padding:0 12px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.hb-modal__footer{width:100%;padding:10px 12px 34px;box-sizing:border-box;display:flex}.hb-modal__footer.is-full{height:88px;padding:10px 12px 34px}.hb-modal__footer .hb-button{width:0;flex:1}.hb-modal__footer .hb-button:not(:first-child).hb-button:last-child{margin-left:10px}.modal-fade-enter-active,.modal-fade-leave-active{transition:all .3s ease}.modal-fade-enter,.modal-fade-leave-to{transform:translate3D(0,100%,0)}.modal-fade-enter-to,.modal-fade-leave{transform:translateZ(0)}.hb-modal-mask-enter-active,.hb-modal-mask-leave-active{transition:all .3s ease}.hb-modal-mask-enter,.hb-modal-mask-leave-to{opacity:0}.hb-modal-mask-enter-to,.hb-modal-mask-leave{opacity:1}.hb-mask{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}.hb-mask-enter{animation:hb-mask-in .24s ease}.hb-mask-leave{animation:hb-mask-out .24s ease forwards}@keyframes hb-mask-in{0%{opacity:0}}@keyframes hb-mask-out{to{opacity:0}}.hb-body_fixed{overflow:hidden}.popup__close-icon{position:absolute;top:12px;right:12px;cursor:pointer}.hb-select{display:inline-block;position:relative;cursor:pointer}.hb-select-large{width:24px;height:24px}.hb-select-large svg{width:18px;height:18px;margin:2px}.hb-select-small{width:16px;height:16px}.hb-select-small svg{width:12px;height:12px;margin:1px}.hb-select__label{width:100%;height:100%;box-sizing:border-box;border:1px solid #dadde0;border-radius:50%;background-color:#f3f4f5;transition:all .2s ease}.hb-select__label svg{display:block;opacity:0;transition:all .2s ease}.hb-select__label svg path{fill:#fff}.hb-select-on .hb-select__label{background-color:#14191e;border-color:transparent}.hb-select-on .hb-select__label svg{opacity:1}.hb-select__input{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;margin:0;opacity:0}.hb-select-disabled .hb-select__label{background-color:#dadde0;border-color:transparent}.hb-uploader .hb-uploader__wrapper{display:flex;flex-wrap:wrap;width:calc(100% + 10px)}.hb-uploader .hb-uploader__wrapper .hb-uploader__preview{position:relative;width:calc(33.33333% - 10px);border-radius:5px;margin-right:10px;margin-bottom:10px}.hb-uploader .hb-uploader__wrapper .hb-uploader__preview .hb-uploader__preview-delete-icon{position:absolute;z-index:10;top:6px;right:6px;width:16px;height:16px;background:rgba(0,0,0,.6) url(https://static.max-c.com/static/heybox/webapp/icons/icon_close@3x.png) 50%/10px 10px no-repeat;border-radius:50%}.hb-uploader .hb-uploader__wrapper .hb-uploader__upload{position:relative;width:calc(33.33333% - 10px);border-radius:5px;margin-right:10px;margin-bottom:10px;background:#f7f8f9 url(https://static.max-c.com/static/heybox/webapp/icons/add@3x.png) 50%/30px 30px no-repeat}.hb-uploader .hb-uploader__wrapper .hb-uploader__preview_inner{position:relative;padding-top:100%;border-radius:5px;overflow:hidden;cursor:pointer}.hb-uploader .hb-uploader__wrapper .hb-uploader__preview_inner img{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.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}.fixed-footer[data-v-0744179f]{position:fixed;bottom:0;left:0;width:100%;height:100px}.footer-btn{position:absolute;display:flex;align-items:center;justify-content:center;top:10px;left:50%;width:calc(100% - 24px);height:44px;border-radius:5px;background:linear-gradient(to top right,#464b50,#14191e);font-family:PingFang SC;transform:translateX(-50%)}.footer-btn span{margin-left:7px;font-weight:500;font-size:16px;line-height:22px;color:#fff}.btn-group[data-v-f1614b86]{display:flex}.btn-group .btn[data-v-f1614b86]{width:calc(50% - 5px);height:42px;border-radius:5px;text-align:center;line-height:42px;font-size:16px}.btn-group .cancel-btn[data-v-f1614b86]{margin-right:10px;background:#e3e4e6;color:#14191e}.btn-group .confirm-btn[data-v-f1614b86]{background:linear-gradient(to top right,#464b50,#14191e);color:#fff}.hb-emoji{display:inline-block!important;margin:0!important;vertical-align:sub!important}.hb-emoji-cube{width:20px!important;height:20px!important;background-image:url(https://static.max-c.com/heybox_web/emoji/cube/cube_emoji_v4.png);background-size:120px 200px}.hb-emoji-cube_11{background-position:120px 200px}.hb-emoji-cube_12{background-position:100px 200px}.hb-emoji-cube_13{background-position:80px 200px}.hb-emoji-cube_14{background-position:60px 200px}.hb-emoji-cube_15{background-position:40px 200px}.hb-emoji-cube_16{background-position:20px 200px}.hb-emoji-cube_21{background-position:120px 180px}.hb-emoji-cube_22{background-position:100px 180px}.hb-emoji-cube_23{background-position:80px 180px}.hb-emoji-cube_24{background-position:60px 180px}.hb-emoji-cube_25{background-position:40px 180px}.hb-emoji-cube_26{background-position:20px 180px}.hb-emoji-cube_31{background-position:120px 160px}.hb-emoji-cube_32{background-position:100px 160px}.hb-emoji-cube_33{background-position:80px 160px}.hb-emoji-cube_34{background-position:60px 160px}.hb-emoji-cube_35{background-position:40px 160px}.hb-emoji-cube_36{background-position:20px 160px}.hb-emoji-cube_41{background-position:120px 140px}.hb-emoji-cube_42{background-position:100px 140px}.hb-emoji-cube_43{background-position:80px 140px}.hb-emoji-cube_44{background-position:60px 140px}.hb-emoji-cube_45{background-position:40px 140px}.hb-emoji-cube_46{background-position:20px 140px}.hb-emoji-cube_51{background-position:120px 120px}.hb-emoji-cube_52{background-position:100px 120px}.hb-emoji-cube_53{background-position:80px 120px}.hb-emoji-cube_54{background-position:60px 120px}.hb-emoji-cube_55{background-position:40px 120px}.hb-emoji-cube_56{background-position:20px 120px}.hb-emoji-cube_61{background-position:120px 100px}.hb-emoji-cube_62{background-position:100px 100px}.hb-emoji-cube_63{background-position:80px 100px}.hb-emoji-cube_64{background-position:60px 100px}.hb-emoji-cube_65{background-position:40px 100px}.hb-emoji-cube_66{background-position:20px 100px}.hb-emoji-cube_71{background-position:120px 80px}.hb-emoji-cube_72{background-position:100px 80px}.hb-emoji-cube_73{background-position:80px 80px}.hb-emoji-cube_74{background-position:60px 80px}.hb-emoji-cube_75{background-position:40px 80px}.hb-emoji-cube_76{background-position:20px 80px}.hb-emoji-cube_81{background-position:120px 60px}.hb-emoji-cube_82{background-position:100px 60px}.hb-emoji-cube_83{background-position:80px 60px}.hb-emoji-cube_84{background-position:60px 60px}.hb-emoji-cube_85{background-position:40px 60px}.hb-emoji-cube_86{background-position:20px 60px}.hb-emoji-cube_91{background-position:120px 40px}.hb-emoji-cube_92{background-position:100px 40px}.hb-emoji-cube_93{background-position:80px 40px}.hb-emoji-cube_94{background-position:60px 40px}.hb-emoji-cube_95{background-position:40px 40px}.hb-emoji-cube_96{background-position:20px 40px}.hb-emoji-cube_101{background-position:120px 20px}.hb-emoji-cube_102{background-position:100px 20px}.hb-emoji-cube_103{background-position:80px 20px}.hb-emoji-cube_104{background-position:60px 20px}.hb-emoji-heygirl{width:36px!important;height:36px!important;background-image:url(http://cdn.max-c.com/heybox_web/emoji/cube2/cube2_emoji.png);background-size:216px 144px}.hb-emoji-heygirl_11{background-position:216px 144px}.hb-emoji-heygirl_12{background-position:180px 144px}.hb-emoji-heygirl_13{background-position:144px 144px}.hb-emoji-heygirl_14{background-position:108px 144px}.hb-emoji-heygirl_15{background-position:72px 144px}.hb-emoji-heygirl_16{background-position:36px 144px}.hb-emoji-heygirl_21{background-position:216px 108px}.hb-emoji-heygirl_22{background-position:180px 108px}.hb-emoji-heygirl_23{background-position:144px 108px}.hb-emoji-heygirl_24{background-position:108px 108px}.hb-emoji-heygirl_25{background-position:72px 108px}.hb-emoji-heygirl_26{background-position:36px 108px}.hb-emoji-heygirl_31{background-position:216px 72px}.hb-emoji-heygirl_32{background-position:180px 72px}.hb-emoji-heygirl_33{background-position:144px 72px}.hb-emoji-heygirl_34{background-position:108px 72px}.hb-emoji-heygirl_35{background-position:72px 72px}.hb-emoji-heygirl_36{background-position:36px 72px}.hb-emoji-heygirl_41{background-position:216px 36px}.hb-emoji-heygirl_42{background-position:180px 36px}.hb-emoji-heygirl_43{background-position:144px 36px}.hb-emoji-heygirl_44{background-position:108px 36px}.hb-emoji-heygirl_45{background-position:72px 36px}.hb-emoji-heygirl_46{background-position:36px 36px}.article[data-v-2130108f]{position:relative;width:100%;padding:12px 12px}.article.splitLine[data-v-2130108f]:after{content:"";position:absolute;display:block;top:1px;left:0;width:100%;height:1px;background:#f3f4f5;transform:scaleY(.5)}.article[data-v-2130108f]:active{background:#f7f8f9}.article .info-box[data-v-2130108f]{display:flex;justify-content:space-between;align-items:center;width:100%}.article .info-box .right[data-v-2130108f]{position:relative;height:70px;width:125px;border-radius:5px;padding:1px 0;overflow:hidden;border:.5px solid #f3f4f5}.article .info-box .right .video[data-v-2130108f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.article .info-box .right img[data-v-2130108f]{width:100%;height:100%;border-radius:3px;-o-object-fit:cover;object-fit:cover}.article .info-box .right .default-cover[data-v-2130108f]{position:absolute;left:0;top:0;width:100%;height:100%;background:#f3f4f5}.article .info-box .right .default-cover img[data-v-2130108f]{position:absolute;left:50%;top:50%;width:21px;height:28px;transform:translate(-50%,-50%)}.article .info-box .left[data-v-2130108f]{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:0;padding-right:10px;height:69px}.article .info-box .left .title[data-v-2130108f]{display:-webkit-box;flex-shrink:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;line-clamp:2;word-break:break-all;font-size:15px;font-weight:500;letter-spacing:.25px;line-height:23px;color:#14191e;overflow:hidden}.article .info-box .left .bottom[data-v-2130108f]{display:flex;align-items:center;height:15px;gap:12px;justify-content:space-between}.article .info-box .left .bottom .more-info[data-v-2130108f]{font-size:11px;font-family:PingFang SC;font-style:normal;font-weight:400;line-height:15px;color:#c8cdd2;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article .info-box .left .bottom .more-info .audit-state[data-v-2130108f]{margin-left:4px;color:red}.article .info-box .left .bottom .data-box[data-v-2130108f]{display:flex;align-items:center;height:15px;line-height:15px;gap:12px}.article .info-box .left .bottom .data-box .data-item[data-v-2130108f]{display:flex;align-items:center}.article .info-box .left .bottom .data-box .data-item .desc[data-v-2130108f],.article .info-box .left .bottom .data-box .data-item .num[data-v-2130108f]{font-weight:400;font-size:11px;line-height:16px;color:#c8cdd2}.article .info-box .left .bottom .data-box .data-item .num[data-v-2130108f]{margin-left:4px}.article-list-wrapper{overflow:auto}.article-list{min-height:calc(100% + 1px)}.article-list .hb-empty{padding:0;margin-top:120px}.article-list .article-item-select-container{display:flex;align-items:center;padding-left:12px}.article-list .article-item-select-container .article{padding-left:10px}.article-list .article-item-select-container .hb-select:before{content:"";position:absolute;top:-40px;left:-10px;right:-10px;bottom:-40px;z-index:1}.article-list .dragging{background-color:#fff;opacity:1!important}.delete-confirm-modal{border-radius:8px;background:#fafbfc}.delete-confirm-modal .button-group{margin-top:24px}.article-list-dialog .hb-dialog__title{height:auto}.ghost{opacity:0}.article-item-select-container{cursor:grab}.hb-toast[data-v-c67f06aa]{position:absolute;left:50%;box-sizing:border-box;background-color:rgba(57,61,64,.9)}.hb-toast__center[data-v-c67f06aa]{padding:20px;border-radius:12px;top:50%;transform:translate(-50%,-50%)}.hb-toast__bottom[data-v-c67f06aa]{padding:8px 20px;border-radius:17px;bottom:100px;transform:translateX(-50%)}.hb-toast__wrapper[data-v-c67f06aa]{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;overflow:auto;transform:translateZ(0)}.hb-toast__wrapper.click-through[data-v-c67f06aa]{pointer-events:none}.hb-toast__text[data-v-c67f06aa]{max-width:180px;line-height:18px;text-align:center;font-size:13px;color:#fff}.hb-toast__text.has-margin__top[data-v-c67f06aa]{margin-top:10px}.hb-toast__loading[data-v-c67f06aa]{width:34px;height:34px;margin:0 auto}.hb-toast__loading .hb-loading__circular[data-v-c67f06aa]{width:34px;height:34px;animation:hb-toast-loading-rotate-c67f06aa 2s linear infinite}.hb-toast__loading .hb-loading__bg[data-v-c67f06aa]{stroke-width:3;stroke:hsla(0,0%,100%,.3)}.hb-toast__loading .hb-loading__path[data-v-c67f06aa]{animation:hb-toast-spin-round-c67f06aa 1.5s linear infinite;stroke-width:3;stroke:#dadde0;stroke-linecap:round}.hb-toast__icon[data-v-c67f06aa]{width:25px;height:24px;line-height:24px;margin:0 auto}.toast-fade-enter-active[data-v-c67f06aa],.toast-fade-leave-active[data-v-c67f06aa]{transition:all .16s ease-out}.toast-fade-enter[data-v-c67f06aa],.toast-fade-leave-to[data-v-c67f06aa]{opacity:0}@keyframes hb-toast-loading-rotate-c67f06aa{to{transform:rotate(1turn)}}@keyframes hb-toast-spin-round-c67f06aa{0%{stroke-dasharray:20,132;stroke-dashoffset:0}50%{stroke-dasharray:90,62;stroke-dashoffset:-60px}to{stroke-dasharray:20,132;stroke-dashoffset:-152px}}.hb-mask[data-v-c67f06aa]{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-c67f06aa]{animation:hb-mask-in-c67f06aa .24s ease}.hb-mask-leave[data-v-c67f06aa]{animation:hb-mask-out-c67f06aa .24s ease forwards}@keyframes hb-mask-in-c67f06aa{0%{opacity:0}}@keyframes hb-mask-out-c67f06aa{to{opacity:0}}.hb-body_fixed[data-v-c67f06aa]{overflow:hidden}.popup__close-icon[data-v-c67f06aa]{position:absolute;top:12px;right:12px;cursor:pointer}.drawer[data-v-627378d5]{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;overflow:hidden}.drawer__mask[data-v-627378d5]{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.drawer__content[data-v-627378d5]{position:absolute;right:0;bottom:0;z-index:2;box-shadow:-1px 0 0 0 #e5e5e5;width:100%;padding:0 12px;min-height:30%;border-radius:12px 12px 0 0;background-color:#fafbfc;transition:all .3s}.drawer__line[data-v-627378d5]{position:absolute;top:10px;z-index:3;width:30%;height:4px;margin:0 35%;border-radius:2px;background-color:#555}.drawer-enter[data-v-627378d5],.drawer-leave-to[data-v-627378d5]{opacity:0}.drawer-enter-to[data-v-627378d5],.drawer-leave[data-v-627378d5]{opacity:1}.drawer-enter-active .drawer__content[data-v-627378d5]{animation:drawer-627378d5 .3s ease}.drawer-enter-active[data-v-627378d5],.drawer-leave-active[data-v-627378d5]{transition:opacity .3s}.drawer-leave-active .drawer__content[data-v-627378d5]{animation:drawer-627378d5 .3s ease reverse}@keyframes drawer-627378d5{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}.upload[data-v-4c803d08]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;border-radius:5px;border:0;background-color:#f5f5f5;font-size:14px;color:#464b50}.upload img[data-v-4c803d08]{width:100%;height:100%;border-radius:5px}.upload .upload__icon[data-v-4c803d08]{width:24px;height:24px}.upload .upload__text[data-v-4c803d08]{margin-top:5px;color:#c8cdd2}.border-box[data-v-17754189]{position:relative}.border-box[data-v-17754189]:after{content:"";position:absolute;bottom:0;z-index:1;display:block;width:200%;height:200%;border:1px solid #f3f4f5;border-radius:10px;box-sizing:border-box;transform:scale(.5);transform-origin:left bottom;pointer-events:none}.button-group[data-v-17754189]{padding:0 16px}.drawer__title[data-v-17754189]{height:26px;line-height:26px;text-align:center;font-size:18px;font-weight:500;color:#14191e;margin-top:20px;margin-bottom:8px}.drawer__content .input-label[data-v-17754189]{margin-bottom:8px;font-size:13px;color:#8c9196}.drawer__content .input-label .red-color[data-v-17754189]{margin:0 2px;color:#ff4d4f;vertical-align:middle}.drawer__content .input[data-v-17754189]{position:relative;display:flex;margin-bottom:20px}.drawer__content .input input[data-v-17754189]{display:block;width:100%;height:30px;padding:0 12px;border:0;border-radius:5px;line-height:22px;font-size:12px;font-weight:400;color:#464b50}.drawer__content .input input[data-v-17754189]::-moz-placeholder{color:#c8cdd2}.drawer__content .input input[data-v-17754189]::placeholder{color:#c8cdd2}.drawer__content .input textarea[data-v-17754189]{width:100%;height:80px;padding:6px 10px;border:0;border-radius:5px;resize:none;font-size:12px;color:#464b50}.drawer__content .input textarea[data-v-17754189]::-moz-placeholder{color:#c8cdd2}.drawer__content .input textarea[data-v-17754189]::placeholder{color:#c8cdd2}.drawer__content .upload[data-v-17754189]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:102px;height:102px;border-radius:5px;border:.5px solid #f3f4f5;background-color:#fff;font-size:14px;margin-bottom:20px}.drawer__content .upload img[data-v-17754189]{border-radius:5px;width:100%;height:100%}.drawer__content .upload .upload__icon[data-v-17754189]{width:24px;height:24px}.drawer__content .upload .upload__text[data-v-17754189]{margin-top:5px;color:#c8cdd2}.drawer__footer[data-v-17754189]{height:88px;display:flex;flex-direction:column;padding-top:10px;margin-top:14px}.content[data-v-5adf3aad]{position:relative;display:flex;flex-direction:column;height:100%;overflow:scroll}.content[data-v-5adf3aad]:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#f7f8f9}.content-nav[data-v-5adf3aad]{position:absolute;top:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 12px;background:#fff;z-index:5}.content-nav .left[data-v-5adf3aad]{display:flex;align-items:center;gap:6px}.content-nav .drag-notice[data-v-5adf3aad]{color:#8c9196;font-size:11px;font-family:PingFang SC}.content-nav .title[data-v-5adf3aad]{color:#14191e;font-family:PingFang SC;font-size:14px;font-weight:500;line-height:22px}.content-nav .more[data-v-5adf3aad]{display:inline-flex;color:#64696e;font-size:12px;text-align:right}.content-nav .more .svg[data-v-5adf3aad]{margin-left:7px}.content-list[data-v-5adf3aad]{position:relative;flex:1;height:0;margin-top:38px;overflow:scroll;z-index:1;overflow-x:hidden!important}.content .manage-menu-item[data-v-5adf3aad]{padding:12px 0;color:#14191e;line-height:22px;text-align:center;font-size:16px}.content .manage-menu-item[data-v-5adf3aad]:active{background:#f3f4f5}.hb-modal__title{color:#8c9196}*{-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}[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}#app{max-width:480PX;margin:auto}:root{--hb-root-max-width:480PX;--hb-root-min-width:360PX;--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);background-color:#fff}@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")}@font-face{font-family:Alibaba PuHuiTi\ 2;font-style:normal;font-weight:400;src:url(https://static.max-c.com/web/webapp/web/hb_theme/font/AlibabaPuHuiTi-2-55-Regular.ttf) format("truetype")}@font-face{font-family:Alibaba PuHuiTi\ 2;font-style:normal;font-weight:500;src:url(https://static.max-c.com/web/webapp/web/hb_theme/font/AlibabaPuHuiTi-2-65-Medium.ttf) format("truetype")}@font-face{font-family:Alibaba PuHuiTi\ 2;font-style:normal;font-weight:600;src:url(https://static.max-c.com/web/webapp/web/hb_theme/font/AlibabaPuHuiTi-2-75-SemiBold.ttf) format("truetype")}@font-face{font-family:Alibaba PuHuiTi\ 2;font-style:normal;font-weight:700;src:url(https://static.max-c.com/web/webapp/web/hb_theme/font/AlibabaPuHuiTi-2-85-Bold.ttf) format("truetype")}@font-face{font-family:Alibaba PuHuiTi\ 2;font-style:normal;font-weight:800;src:url(https://static.max-c.com/web/webapp/web/hb_theme/font/AlibabaPuHuiTi-2-105-Heavy.ttf) format("truetype")}@font-face{font-family:Alibaba PuHuiTi\ 2;font-style:normal;font-weight:900;src:url(https://static.max-c.com/web/webapp/web/hb_theme/font/AlibabaPuHuiTi-2-115-Black.ttf) format("truetype")}#app{margin:0 auto;max-width:480px;font-family:PingFang SC;overflow-x:hidden}#app .top-share-area{position:fixed;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:#fff}#app .collection-body{display:flex;flex-direction:column;height:100vh;overflow:hidden}#app .collection-body .header{position:relative;top:0;left:0;z-index:1;width:100%;background-position:100% 0;background-repeat:no-repeat;background-size:cover;background-color:#000;background-image:url(https://imgheybox.max-c.com/oa/2023/10/30/aa13858479de1641afb18f59772de436.svgz)}#app .collection-body .header .inner-box{position:relative;display:flex;flex-direction:column;z-index:2;padding-top:88px;padding-bottom:12px;margin:0 12px}#app .collection-body .header .inner-box .info-box{display:flex;margin-top:8px}#app .collection-body .header .inner-box .info-box .cover-box{position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;width:78px;height:78px;border-radius:5px;margin-right:12px;background:rgba(51,51,51,.7);overflow:auto}#app .collection-body .header .inner-box .info-box .cover-box .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#app .collection-body .header .inner-box .info-box .cover-box .default-cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#f3f4f5}#app .collection-body .header .inner-box .info-box .cover-box .default-cover img{position:absolute;top:50%;left:50%;width:21px;height:28px;transform:translate(-50%,-50%)}#app .collection-body .header .inner-box .info-box .cover-box .total-play{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;height:15px;padding:0 3px 0 4px;border-radius:0 4px 0 4px;background:rgba(0,0,0,.5)}#app .collection-body .header .inner-box .info-box .cover-box .total-play .icons{display:flex;align-items:center;height:10px}#app .collection-body .header .inner-box .info-box .cover-box .total-play .icons .icon{width:10px;height:10px;opacity:.9}#app .collection-body .header .inner-box .info-box .cover-box .total-play .icons .icon:not(:last-child){margin-right:4px}#app .collection-body .header .inner-box .info-box .cover-box .total-play .text{font-weight:500;font-size:10px;line-height:14px;color:#fff}#app .collection-body .header .inner-box .info-box .info{flex:1;display:flex;flex-direction:column;padding-top:6px}#app .collection-body .header .inner-box .info-box .info .title{flex-shrink:0;max-width:100%;height:18px;color:#fff;line-height:normal;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden}#app .collection-body .header .inner-box .info-box .info .user-info{display:inline-flex;align-items:center;margin-top:6px;z-index:10}#app .collection-body .header .inner-box .info-box .info .user-info .avatar{width:16px;height:16px;border-radius:50%;margin-right:4px;background:#fef;overflow:hidden}#app .collection-body .header .inner-box .info-box .info .user-info .avatar img{width:100%;height:100%}#app .collection-body .header .inner-box .info-box .info .user-info .username{max-width:80%;font-size:11px;line-height:16px;text-align:center;letter-spacing:.25px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#app .collection-body .header .inner-box .desc{display:-webkit-box;margin-top:8px;color:#c8cdd2;font-size:11px;font-weight:400;line-height:normal;letter-spacing:.25px;word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#app .collection-body .header .inner-box .desc.exp{display:block}#app .collection-body .header .inner-box .more-desc{position:absolute;right:12px;bottom:12px;background:#000;font-weight:400;font-size:11px;line-height:16px;color:#c8cdd2;z-index:2}#app .collection-body .header .inner-box .more-desc:after{content:"";position:absolute;top:0;left:-40px;box-sizing:border-box;width:40px;height:16px;background:linear-gradient(270deg,#000,transparent);-webkit-user-select:none;-moz-user-select:none;user-select:none}#app .collection-body .container{flex:1;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}#app .collection-body .container::-webkit-scrollbar{display:none}#app .article-list-dialog .hb-dialog__title{height:auto}.footer-sys-btn{position:absolute;gap:4px;justify-content:center;top:10px;left:50%;width:calc(100% - 24px);height:44px;border-radius:5px;background:linear-gradient(to top right,#464b50,#14191e);font-family:PingFang SC;transform:translateX(-50%);font-weight:500;font-size:14px;line-height:20px;color:#fff}.footer-sys-btn,.footer-sys-btn span{display:flex;align-items:center}.is-collected-btn{background:rgba(20,25,30,.1);border:none;color:#64696e;font-weight:400}.footer-collect-tool{display:flex;justify-content:space-between;padding:10px 12px}.footer-collect-tool .tools{display:flex;width:44px}.footer-collect-tool .tools .tool-item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;font-size:10px}.footer-collect-tool .footer-btn{display:flex;align-items:center;justify-content:center;height:44px;border-radius:5px;background:linear-gradient(to top right,#464b50,#14191e);font-weight:500;font-size:14px;line-height:20px;color:#fff;width:100%;position:static;transform:none}.hb-out-open{display:none!important}.hb-dialog__wrapper .hb-dialog__body{margin-top:8px;font-weight:400;font-size:13px;color:#8c9196;text-align:center}.collection-remove-del .btn-group .btn{font-size:14px!important}.collection-remove-del .confirm-btn{background:linear-gradient(45deg,#ff6771,#f53e59)!important;color:#fff!important;font-weight:500}.operating-container{display:flex;gap:10px;align-items:center;padding:10px 12px}.operating-container .operating-selecter{display:flex;align-items:center;gap:6px}.operating-container .operating-selecter .text{font-size:14px;font-weight:400;color:#64696e}.operating-container .btn-group{display:flex;gap:10px;height:44px;flex:1;width:100%}.operating-container .btn-group .btn{line-height:44px;text-align:center;border-radius:5px;font-size:14px;font-weight:500;background:rgba(20,25,30,.1);width:calc(50% - 5px)}.operating-container .btn-group .btn-confirm{background:linear-gradient(to top right,#464b50,#14191e);font-weight:500;color:#fff}.operating-container .btn-group .btn-cancel{font-weight:400}