.prop-image-layer{border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.prop-image-layer .prop-icon{object-fit:cover;z-index:1;width:80px;height:80px;transition:transform .1s}.prop-image-layer .image-bg-layer{object-fit:cover}.prop-image-layer .image-contont-layer{justify-content:center;align-items:center;display:flex}.prop-image-layer .image-contont-layer.loading img{opacity:0}.prop-image-layer .image-bg-layer,.prop-image-layer .image-contont-layer,.prop-image-layer .image-loading-layer{width:100%;height:100%;position:absolute;top:0;left:0}.prop-image-layer .image-loading-layer{background-color:var(--color-controls);justify-content:center;align-items:center;display:flex}.pie-simple{background-color:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.pie-wrap{z-index:2;width:100%;height:100%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.pie-wrap .pie-simple2{color:rgba(0,0,0,.5);width:300px;height:300px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(270deg)}.pie-wrap .pie-simple2 circle{animation-name:simpleAnimate;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes simpleAnimate{to{stroke-dashoffset:-471.239px}}.action-prop-list{height:216px;padding-left:16px;overflow-y:auto}.action-prop-list-wrapper .row{display:flex}.action-prop-item{border-radius:16px;width:96px;height:134px;margin-bottom:4px;padding:12px 8px 6px}.action-prop-item .hover-show{display:none}.action-prop-item:hover{background-color:var(--color-line)}.action-prop-item:hover .prop-icon{transform:scale(1.2)}.action-prop-item:hover .hover-show{display:block}.action-prop-item:hover .hover-hide{display:none}.action-prop-item .top{width:72px;height:72px;margin-left:auto;margin-right:auto;position:relative}.action-prop-item .top .prop-icon{width:40px;height:40px}.action-prop-item .top .kprop-new-tag{border-color:var(--menu-background);position:absolute;top:-5px;right:-5px}.action-prop-item .top .pie-wrap{border-radius:12px}.action-prop-item .prop-num{color:#fff;font-family:Montserrat-Regular;font-size:12px;position:absolute;bottom:4px;right:8px}.action-prop-item .prop-num strong{font-family:Montserrat-Bold}.action-prop-item .bottom{text-align:center}.action-prop-item .bottom .prop-name{color:var(--text-color);white-space:nowrap;margin-top:8px;font-size:12px;line-height:18px}.action-prop-item .bottom .desc{white-space:nowrap;text-overflow:ellipsis;color:var(--text-tip-color);font-size:12px;line-height:18px;overflow:hidden}.action-prop-item .bottom .button-wrap{padding-top:13px;padding-bottom:7px}.action-props-box{height:250px;overflow:hidden}.action-props-box .title{color:var(--text-color);padding:12px 16px 4px;font-size:12px;font-weight:600;line-height:18px}.action-props-box .goto-kpropshop{text-align:center;margin-top:8px;font-size:14px;line-height:20px}.prop-unread-icon{background-color:var(--color-error);border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:-8px}.prop-message{background:#2eacf5;border-radius:16px;align-items:center;padding-right:16px;display:inline-flex}.prop-message .poke-msg-icon{width:44px;height:44px;margin-left:6px;margin-right:10px}.prop-message .prop-mention{cursor:pointer;font-weight:700}.prop-message .prop-action{font-weight:700}.prop-message .poke-msg-text{word-break:break-all;flex:1;padding-top:12px;padding-bottom:12px;line-height:24px}.poke-msg-ctrls{justify-content:center;align-items:center;padding-left:8px;display:flex}.poke-msg-ctrls .poke-count{font-family:SFPro;font-size:14px;font-style:italic;font-weight:600;line-height:20px}.poke-quality10 .poke-msg-ctrls .poke-count{color:#2dcc7a}.poke-quality20 .poke-msg-ctrls .poke-count{color:#2eacf5}.poke-quality30 .poke-msg-ctrls .poke-count{color:#7b4af4}.poke-quality40 .poke-msg-ctrls .poke-count{color:#f6527f}.poke-quality50 .poke-msg-ctrls .poke-count{color:#f48e41}.poke-msg-ctrls .poke-count .poke-count-text{margin-left:2px;font-size:20px;line-height:26px}.poke-msg-ctrls .play-icon{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/play-icon@2x.ee239a06.png);background-size:100%;width:18px;height:18px;margin-left:16px}.prop-action-container{position:relative}.prop-action-container .action-detail-box{width:212px;height:168px;box-shadow:var(--box-shadow);z-index:2;border-radius:16px;padding:16px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.prop-action-container .action-detail-box.bottom{top:calc(100% + 8px);bottom:initial}.prop-action-container .action-detail-box .top-info{align-items:center;display:flex}.prop-action-container .action-detail-box .top-info .left-img{background-size:100%;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:8px;display:flex}.prop-action-container .action-detail-box .top-info .left-img .icon{width:80%}.prop-action-container .action-detail-box .top-info .right .item-name{color:var(--text-color);font-size:14px;font-weight:600;line-height:20px}.prop-action-container .action-detail-box .top-info .right .item-label{color:var(--text-tip-color);font-size:12px;font-weight:400;line-height:18px}.prop-action-container .action-detail-box .detail-content{-webkit-line-clamp:4;color:var(--text-color);-webkit-box-orient:vertical;margin-top:8px;font-size:14px;font-weight:400;line-height:20px;display:-webkit-box;overflow:hidden}.prop-number-box{background:var(--color-light-bg);width:256px;max-width:256px;max-height:102px;box-shadow:var(--box-shadow);border-radius:12px;padding:8px 12px 12px}.prop-number-box .prop-number-box-title{color:var(--text-tip-color);font-size:12px;line-height:18px}.prop-number-box .prop-number-box-content{flex-wrap:wrap;width:100%;display:flex}.prop-number-box .prop-number-box-btn{background-color:var(--menu-hover);height:24px;color:var(--text-color);cursor:pointer;border-radius:8px;flex:0 0 72px;margin-top:8px;font-size:12px;position:relative}.prop-number-box .prop-number-box-btn .prop-number-box-btn-text,.prop-number-box .prop-number-box-btn .prop-number-box-btn-text1{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.prop-number-box .prop-number-box-btn .prop-number-box-btn-text{opacity:1}.prop-number-box .prop-number-box-btn .prop-number-box-btn-text1{opacity:0}.prop-number-box .prop-number-box-btn.prop-number-box-btn-disable{cursor:not-allowed;opacity:.5}.prop-number-box .prop-number-box-btn:hover{background-color:var(--color-primary);color:#fff}.prop-number-box .prop-number-box-btn:hover .prop-number-box-btn-text{opacity:0}.prop-number-box .prop-number-box-btn:hover .prop-number-box-btn-text1{opacity:1}.prop-number-box .prop-number-box-btn:nth-child(3n+2){margin-left:8px;margin-right:8px}.kprop-expiry{color:#fff;background:rgba(0,0,0,.5);border-radius:9px;height:18px;padding:0 8px;font-size:12px;font-weight:600;line-height:18px}.kprop-expiry.expire-soon{color:var(--color-warn)}.modal-body.kprop-detail-dialog{padding:0;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.modal-body.kprop-detail-dialog .prop-image-layer{border-radius:0}.kprop-detail-close{color:rgba(255,255,255,.8);text-align:center;cursor:pointer;background:rgba(0,0,0,.4);border-radius:50%;width:24px;height:24px;font-size:16px;line-height:24px;position:absolute;top:24px;right:24px}.kprop-detail-close:hover{color:#fff}.kprop-detail-header{flex-shrink:0;height:220px;position:relative}.kprop-detail-header .kprop-detail-nameplate-tips{z-index:2;color:#fff;background:rgba(255,255,255,.2);border-radius:12px;align-items:center;gap:4px;width:144px;height:24px;font-size:12px;font-weight:400;line-height:12px;display:flex;position:absolute;top:24px;left:24px}.kprop-detail-header .kprop-detail-nameplate-tips .tips-icon{background-image:url(https://static.kookapp.cn/app/static/media/nameplate-icon.7fe6d356.png);background-size:16px;width:16px;height:16px;margin-left:8px}.kprop-detail-header .kprop-number{color:#fff;font-family:Montserrat-Regular;font-size:12px;line-height:12px;position:absolute;bottom:24px;right:24px}.kprop-detail-header .kprop-number .number{margin-left:2px;font-family:Montserrat-Bold;font-size:18px;font-weight:600;line-height:18px}.kprop-detail-detail{padding:24px 24px 16px;overflow:auto}.kprop-detail-detail:last-child{padding-bottom:24px}.kprop-detail-detail .kprop-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kprop-detail-detail .kprop-name{white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:600;line-height:26px;overflow:hidden}.kprop-detail-detail .kprop-label{color:var(--text-tip-color);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:18px;overflow:hidden}.kprop-detail-detail .kprop-description{white-space:pre-wrap;margin-bottom:8px;font-size:14px;line-height:20px;overflow-y:auto}.kprop-detail-detail .kprop-description:last-child{margin-bottom:0}.kprop-detail-detail .kprop-expire-time{color:var(--text-tip-color);font-size:12px;line-height:18px}.kprop-detail-detail .kui-card{padding:0;background-color:transparent!important}.kprop-detail-detail .kui-card.size-lg{max-width:initial;width:auto}.kprop-detail-detail .kui-card .kui-image{max-width:100%}.kprop-detail-footer{flex-shrink:0;justify-content:flex-end;align-items:center;height:84px;padding:0 24px;display:flex}.kprop-detail-footer .footer-description{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;line-height:18px;overflow:hidden}.kprop-cd-button{background:var(--button-default);height:36px;color:var(--text-description-color);border-radius:12px;padding:0 12px;font-size:14px;font-weight:600;line-height:36px}.pag-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pag-container canvas{max-width:100%;max-height:100%}.pag-container .pag-loading{color:#999;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pag-container .pag-error{color:#f56c6c;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kprop-scope{color:#fff;background-color:rgba(255,255,255,.2);border-radius:12px;align-items:center;height:24px;padding:0 10px;display:flex}.kprop-scope-icon{background-repeat:no-repeat;background-size:contain;width:16px;height:16px;margin-right:2px;display:inline-block}.kprop-scope-icon.only-atmosphere{background-image:url(https://static.kookapp.cn/app/static/media/audio-fenweiyin.f3c27d0e.png)}.kprop-scope-icon.only-join{background-image:url(https://static.kookapp.cn/app/static/media/audio-join.2a1f433c.png)}.kprop-scope-text{color:#fff;font-size:12px;font-weight:400;line-height:18px}.audio-prop-preview .kprop-scope{position:absolute;top:24px;left:24px}.audio-prop-preview .preview-img{object-fit:contain;height:160px}.audio-prop-preview .audio-controls{position:absolute;bottom:24px;left:24px}.audio-prop-preview .controls-button{color:#fff;cursor:pointer;background:rgba(0,0,0,.2);border-radius:14px;align-items:center;height:28px;padding:0 8px;font-size:12px;line-height:18px;display:flex}.audio-prop-preview .controls-button .icon{background-size:contain;width:16px;height:16px;margin-right:5px}.audio-prop-preview .controls-button .icon.play{background-image:url(https://static.kookapp.cn/app/static/media/audio_play.b1c9ec28.png)}.audio-prop-preview .controls-button .icon.end{background-image:url(https://static.kookapp.cn/app/static/media/audio_end.6e571eb4.png)}.kook-avatar{border-radius:50%;width:100%;height:100%;position:relative}.kook-avatar img:not([src]){opacity:0}.kook-avatar.kook-avatar-pointer{cursor:pointer}.kook-avatar .kook-avatar-picture-static,.kook-avatar .kook-avatar-picture-animate{object-fit:cover;-webkit-user-drag:none;background-color:rgba(187,190,196,.2);border-radius:50%;width:100%;height:100%;display:block}.kook-avatar .kook-avatar-picture-animate{display:none;position:absolute;top:0;left:0}.kook-avatar .kook-avatar-frame-static,.kook-avatar .kook-avatar-frame-animate{transform-origin:50%;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.375)}.kook-avatar .kook-avatar-frame-animate{display:none}.kook-avatar .kook-avatar-mask{cursor:pointer;white-space:pre-wrap;text-align:center;color:#fff;background-color:rgba(0,0,0,.6);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:none;position:absolute;top:0;left:0}.kook-avatar:hover .kook-avatar-mask{display:flex}.kook-avatar-animate .kook-avatar-has_frame .kook-avatar-frame-static,.kook-avatar-hover-animate:hover .kook-avatar-has_frame .kook-avatar-frame-static{display:none}.kook-avatar-animate .kook-avatar-has_frame .kook-avatar-frame-animate,.kook-avatar-hover-animate:hover .kook-avatar-has_frame .kook-avatar-frame-animate{display:block}.video-prop-preview{object-fit:cover;width:100%;height:100%}.kprop-resource-preview{justify-content:space-around;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.kprop-resource-preview__avatar{width:116.3px;height:116.3px}.kprop-resource-preview .preview-animation{height:220px}.kprop-resource-preview .meme-item-container,.kprop-resource-preview .action-prop-img{width:auto;height:160px}.kui-file .file-type-file{background-image:url(https://static.kookapp.cn/app/static/media/file@2x.8fa68c6e.png)}.kui-file .file-type-audio{background-image:url(https://static.kookapp.cn/app/static/media/audio_file@2x.5a5070c8.png)!important}.kui-file .file-error-color{color:var(--color-error);line-height:12px}.mix-flex-image-wrapper .flex-image-left,.mix-flex-image-wrapper .sizeable-image-wrapper{min-width:24px;min-height:24px;position:relative}.mix-flex-image-wrapper .flex-right{width:0!important;min-width:0!important}.mix-flex-image-wrapper .upload-status-mask{z-index:2;background-color:rgba(0,0,0,.5);border-radius:6px;justify-content:center;align-items:center;width:100%;min-width:24px;max-width:100%;height:100%;min-height:24px;font-size:12px;display:flex;position:absolute;top:0;left:0;overflow:hidden;padding-top:0!important}.kui-circle-progress{color:rgba(0,0,0,.12);transform:rotate(-90deg)}.theme-dark .kui-circle-progress{color:rgba(255,255,255,.12)}.kui-music .music-content-icons .right-button{cursor:pointer;color:var(--text-description-color);align-items:center;display:flex;position:relative}.kui-container{height:100%;margin:0}.kui-container .mix-video-wrapper{display:flex;position:relative}.kui-container .video-element{object-fit:fill;border-radius:6px;flex:1;width:100%;max-width:100%;height:100%}.kui-container .upload-video-status-mask{background-color:rgba(0,0,0,.5);border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.kui-container .mix-video-info-bar{box-sizing:border-box;background:linear-gradient(transparent 0%,#000 100%);border-radius:0 0 6px 6px;gap:4px;width:100%;height:56px;padding:0 16px 16px;display:flex;position:absolute;bottom:0}.kui-container .mix-video-info-bar .video-left-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.kui-container .mix-video-info-bar .video-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;flex:1;height:20px;margin-top:2px;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.kui-container .mix-video-info-bar .video-time-size{color:#fff;justify-content:space-between;align-items:center;height:18px;font-size:12px;font-weight:400;line-height:18px;display:flex}.kui-container .mix-video-info-bar .download-speed-text{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-left:5px;overflow:hidden}.kui-container .mix-video-info-bar .video-right-action{cursor:pointer;width:24px;height:24px;margin-top:16px;position:relative}.kui-container .mix-video-info-bar .video-right-action .cancel-down{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kui-container .mix-video-play-button{cursor:pointer;border-radius:50%;width:40px;height:40px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.new-invite-link-model{margin-left:4px;margin-right:4px}.new-invite-link-model.invite-vip-gradient-bg.has_bg{margin-left:0;margin-right:0}.new-invite-link-model{min-height:96px}.new-invite-link-model .vip-invite-card-tips{max-width:245px}.new-invite-link-model.loading{justify-content:center;align-items:center;display:flex}.new-invite-link-model.vip-invite-height{min-height:191px}.new-invite-link-model .title{color:var(--text-description-color);justify-content:space-between;align-items:center;padding:10px 0 0;font-size:12px;line-height:1;display:flex}.new-invite-link-model .invite-buff-icon{cursor:pointer;opacity:.2;color:#e6eaf0;visibility:hidden;background-color:rgba(0,0,0,.5);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.new-invite-link-model .invite-buff-icon:hover{color:#f2f3f5;background-color:rgba(0,0,0,.7)}.new-invite-link-model .invite-buff-icon:active{color:#fff;background-color:#000}.new-invite-link-model:hover .invite-buff-icon{visibility:visible}.new-invite-link-model .invite-guild-box{align-items:center;padding:16px 0 10px;display:flex}.new-invite-link-model .invite-guild-box .rare-id-wrapper{color:#fff;background-repeat:no-repeat;background-size:cover;justify-content:center;min-width:65px;height:24px;padding:0 4px;font-family:Montserrat-Bold;font-size:12px;font-weight:900;line-height:26px;display:flex}.new-invite-link-model .invite-guild-box .rare-id-wrapper.hide{display:none}.new-invite-link-model .invite-guild-box .guild-icon-wrapper{position:relative}.new-invite-link-model .invite-guild-box .golive-status-icon{position:absolute;bottom:-2px;right:-2px}.new-invite-link-model .invite-guild-box .guild-icon{background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--background-primary);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;overflow:hidden}.new-invite-link-model .invite-guild-box .guild-icon.error{background-image:url(https://static.kookapp.cn/app/static/media/shixiao_dark.b51347a2.png)}.theme-light .new-invite-link-model .invite-guild-box .guild-icon.error{background-image:url(https://static.kookapp.cn/app/static/media/shixiao_light.42af912c.png)}.new-invite-link-model .invite-guild-box .guild-info{flex-direction:column;flex:1;justify-content:space-between;margin-left:12px;margin-right:24px;display:flex;overflow:hidden}.new-invite-link-model .invite-guild-box .guild-info .invite-guild-name{text-overflow:ellipsis;white-space:nowrap;width:100%;height:24px;color:var(--text-color);font-size:16px;font-weight:700;line-height:24px;overflow:hidden}.new-invite-link-model .invite-guild-box .guild-info .invite-guild-name.error{color:var(--color-error)}.new-invite-link-model .invite-guild-box .guild-info .member-info{width:100%;font-size:14px;display:flex}.new-invite-link-model .invite-guild-box .guild-info .member-info .invite-channel{color:var(--text-description-color);align-items:center;width:100%;display:flex;overflow:hidden}.new-invite-link-model .invite-guild-box .guild-info .member-info .invite-channel .channel-icon{align-items:center;width:16px;height:18px;display:flex}.new-invite-link-model .invite-guild-box .guild-info .member-info .invite-channel .channel-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.new-invite-link-model .invite-guild-box .guild-info .member-info .invite-channel .kui_iconhome_ic_voice{font-size:20px}.new-invite-link-model .invite-guild-box .guild-info .member-info .ico{background-color:#a3a3a3;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.new-invite-link-model .invite-guild-box .guild-info .member-info .online{text-overflow:ellipsis;white-space:nowrap;margin-right:10px;overflow:hidden}.new-invite-link-model .invite-guild-box .guild-info .member-info .online .ico{background-color:#00d06e}.new-invite-link-model .invite-guild-box .guild-info .member-info .all{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.new-invite-link-model .invite-guild-box .join-button{text-align:center;border-radius:6px;width:104px;height:42px;margin-top:4px;font-size:14px;font-weight:700;line-height:20px}.new-invite-link-model .invite-guild-box .join-button.joined{color:#b0b0b0;border-width:0;align-items:center;line-height:40px;display:flex}.new-invite-link-model .invite-guild-box .join-button .joined-ico{margin-right:5px;font-size:22px;font-weight:400}.new-invite-link-model .footer-actions{cursor:pointer;color:#fff;background-size:cover;background-color:var(--color-primary);border-radius:6px;justify-content:center;align-items:center;width:100%;height:36px;margin-top:6px;margin-bottom:9px;font-size:14px;font-weight:600;display:flex}.new-invite-link-model .footer-joined{color:var(--text-description-color);border:1px solid var(--text-description-color);background:0 0}.invite-vip-gradient-bg{background-size:cover;border-radius:8px;margin:10px 4px;padding:6px 16px}.theme-light .token.comment,.theme-light .token.block-comment,.theme-light .token.prolog,.theme-light .token.doctype,.theme-light .token.cdata{color:#7d8b99}.theme-light .token.punctuation{color:#5f6364}.theme-light .token.property,.theme-light .token.tag,.theme-light .token.boolean,.theme-light .token.number,.theme-light .token.function-name,.theme-light .token.constant,.theme-light .token.symbol,.theme-light .token.deleted{color:#c92c2c}.theme-light .token.selector,.theme-light .token.attr-name,.theme-light .token.string,.theme-light .token.char,.theme-light .token.function,.theme-light .token.builtin,.theme-light .token.inserted{color:#2f9c0a}.theme-light .token.operator,.theme-light .token.entity,.theme-light .token.url,.theme-light .token.variable{color:#a67f59}.theme-light .token.atrule,.theme-light .token.attr-value,.theme-light .token.keyword,.theme-light .token.class-name{color:#1990b8}.theme-light .token.regex,.theme-light .token.important{color:#e90}.theme-light .language-css .token.string,.theme-light .style .token.string{color:#a67f59}.theme-light .token.important{font-weight:400}.theme-light .token.bold{font-weight:700}.theme-light .token.italic{font-style:italic}.theme-light .token.entity{cursor:help}.theme-light .token.namespace{opacity:.7}.theme-dark .token.comment,.theme-dark .token.block-comment,.theme-dark .token.prolog,.theme-dark .token.doctype,.theme-dark .token.cdata{color:#999}.theme-dark .token.punctuation{color:#ccc}.theme-dark .token.tag,.theme-dark .token.attr-name,.theme-dark .token.namespace,.theme-dark .token.deleted{color:#e2777a}.theme-dark .token.function-name{color:#6196cc}.theme-dark .token.boolean,.theme-dark .token.number,.theme-dark .token.function{color:#f08d49}.theme-dark .token.property,.theme-dark .token.class-name,.theme-dark .token.constant,.theme-dark .token.symbol{color:#f8c555}.theme-dark .token.selector,.theme-dark .token.important,.theme-dark .token.atrule,.theme-dark .token.keyword,.theme-dark .token.builtin{color:#cc99cd}.theme-dark .token.string,.theme-dark .token.char,.theme-dark .token.attr-value,.theme-dark .token.regex,.theme-dark .token.variable{color:#7ec699}.theme-dark .token.operator,.theme-dark .token.entity,.theme-dark .token.url{color:#67cdcc}.theme-dark .token.important,.theme-dark .token.bold{font-weight:700}.theme-dark .token.italic{font-style:italic}.theme-dark .token.entity{cursor:help}.theme-dark .token.inserted{color:green}.kprop-item{background:var(--color-grey-bg);cursor:pointer;border-radius:16px;width:153px;height:207px;padding:8px;position:relative}.kprop-item:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.kprop-item:hover .prop-image-layer .prop-icon{transform:scale(1.05)}.kprop-item.expired .kprop-name,.kprop-item.expired .kprop-number{color:var(--text-tip-color)}.kprop-item.display-preview .prop-icon{visibility:hidden}.kprop-item .kprop-resource-preview .preview-animation{height:100%}.kprop-item .kprop-resource-preview .action-prop-img{height:100px}.kprop-item .kprop-header{background:var(--color-controls);border-radius:12px;width:137px;height:137px;margin-bottom:8px;position:relative;overflow:hidden}.kprop-item .kprop-new-tag{position:absolute;top:-5px;right:-5px}.kprop-item .kprop-expiry{position:absolute;top:8px;left:8px}.kprop-item .prop-image-layer .prop-icon{border-radius:12px;width:96px;height:96px}.kprop-item .kprop-equiped{color:#fff;font-size:12px;font-weight:600;line-height:18px;position:absolute;bottom:5px;right:8px}.kprop-item .kprop-detail{padding:0 8px}.kprop-item .kprop-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.kprop-item .kprop-attr{justify-content:space-between;align-items:flex-end;display:flex}.kprop-item .kprop-type{color:var(--text-tip-color);white-space:nowrap;text-overflow:ellipsis;margin-right:4px;font-size:12px;line-height:18px;overflow:hidden}.kprop-item .kprop-number{font-size:12px}.kprop-item .kprop-number .number{margin-left:2px;font-family:Montserrat-Bold;font-size:16px;font-weight:700;line-height:18px}.blind-box-mask{z-index:999;background-color:#0b0b18;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0}.blind-box-mask .bg_volume_switch,.blind-box-mask .bg_manghe_skip{z-index:1000;color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:2px;font-size:14px;font-weight:600;display:flex;position:fixed;top:50px;left:48px}.blind-box-mask .bg_manghe_skip{left:unset;right:48px}.blind-box-mask .bg_manghe_skip .kaihei-checkbox-mute{border-color:rgba(255,255,255,.64)}.blind-box-mask .bg_manghe_skip .kaihei-checkbox-mute.active{border-color:var(--color-primary)}.blind-box-mask .first-bg{background-image:url(https://img.kookapp.cn/assets/item/resources/glow-scarlet.webp)}.blind-box-mask .gold-bg{background-image:url(https://img.kookapp.cn/assets/item/resources/glow-gold.webp)}.blind-box-mask .purple-bg{background-image:url(https://img.kookapp.cn/assets/item/resources/glow-purple.webp)}.blind-box-mask .blue-bg{background-image:url(https://img.kookapp.cn/assets/item/resources/glow-bule.webp)}.blind-box-mask .scale-75{transform:scale(.75)}.blind-box-mask .kprop-item:hover{box-shadow:none;transform:none}.blind-box-mask .video{object-fit:fill;z-index:-1;width:100vw;height:100vh;display:none;position:absolute}.blind-box-mask .show{visibility:visible;display:block}.lottery_status{color:#fff;z-index:1000;cursor:pointer;align-items:center;gap:4px;height:20px;font-size:14px;font-weight:600;line-height:20px;display:flex;position:fixed;top:50px;right:48px}.lottery_status img{width:16px;height:16px}.draw-prize-wrapper{z-index:-1;justify-content:center;align-items:center;width:100vw;height:100vh;display:none}@keyframes card_in_animation{0%{transform:rotateY(-90deg)translateY(100px)}16%{transform:rotateY(20deg)translateY(0)}58%{transform:rotateY(-20deg)translateY(20px)}to{transform:rotateY(20deg)translateY(0)}}.draw-prize-wrapper .draw-prize-bg-container{zoom:1.35;width:899px;height:939px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.draw-prize-wrapper .draw-prize-bg-wrapper{z-index:-1;width:899px;height:939px;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;animation:2.4s forwards card_in_animation;display:flex;transform:rotateY(-90deg)translate(-100px)}.draw-prize-wrapper .next-tips{color:#fff;height:22px;font-size:12px;font-weight:400;line-height:22px;position:fixed;bottom:36px}.show_prize{display:flex}.card{border-radius:16px;width:153px;height:207px}.card .card-mask-none{display:none}.next-tips{color:#fff;height:22px;font-size:12px;font-weight:400;line-height:22px;position:fixed;bottom:36px}@keyframes summary_show_animation_1{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.scale-animation1{animation:.3s ease-in-out summary_show_animation_1}@keyframes summary_show_animation_75{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(.75)}}.scale-animation75{animation:.3s ease-in-out summary_show_animation_75}.blind_box_summary_content{flex-direction:column;width:933px;display:flex}.blind_box_summary_content .blind-box-title-wrapper{justify-content:center;display:flex}.blind_box_summary_content .blind-box-title{background-image:url(https://static.kookapp.cn/app/static/media/blind_title.ec4daed3.png);background-repeat:no-repeat;background-size:cover;width:230px;height:59px;margin-bottom:32px}.blind_box_summary_content .prize-list-wrapper{flex-wrap:wrap;justify-content:center;gap:16px;width:933px;min-height:207px;padding:32px 52px;display:flex}.blind_box_summary_content .prize-list-wrapper .prize-item{border-radius:16px;width:153px;height:207px;position:relative}.blind_box_summary_content .prize-list-wrapper .prize-level-bg{z-index:-1;background-repeat:no-repeat;background-size:cover;width:899px;height:939px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blind_box_summary_content .prize-list-wrapper .mb-16:nth-child(n+5){margin-bottom:0}.blind_box_summary_content .prize-pagination{justify-content:center;align-items:center;height:31px;margin-bottom:32px;display:flex}.blind_box_summary_content .prize-pagination .left,.blind_box_summary_content .prize-pagination .right{cursor:pointer;border-radius:50%;width:31px;height:31px}.blind_box_summary_content .prize-pagination .left{background-image:url(https://static.kookapp.cn/app/static/media/preivous.fc155168.svg)}.blind_box_summary_content .prize-pagination .left:hover{background-image:url(https://static.kookapp.cn/app/static/media/preivous-hover.cfa202d9.svg)}.blind_box_summary_content .prize-pagination .right{background-image:url(https://static.kookapp.cn/app/static/media/next.39421241.svg)}.blind_box_summary_content .prize-pagination .right:hover{background-image:url(https://static.kookapp.cn/app/static/media/next-hover.12c24229.svg)}.blind_box_summary_content .prize-pagination .center{color:#fff;height:22px;margin:0 24px;font-size:16px;font-weight:400;line-height:22px}.blind_box_summary_content .prizes-decorate{background-image:url(https://static.kookapp.cn/app/static/media/prize-decorate.bc0af17c.png);background-repeat:no-repeat;background-size:cover;width:933px;height:15px}.blind_box_summary_content .prize-tips{color:#fff;text-align:center;height:22px;margin-top:32px;margin-bottom:24px;font-size:16px;font-weight:400;line-height:22px}.blind_box_summary_content .prize-tips a{border-bottom:1px solid #fff}.blind_box_summary_content .blind-box-footer{justify-content:center;align-items:center;display:flex}.blind_box_summary_content .blind-box-footer-button{color:#fff;background:#7acc35;border-radius:15px;width:160px;font-size:16px;font-weight:600;line-height:16px;height:48px!important}.card-mask{z-index:2;background-size:cover;border-radius:16px;width:233px;height:287px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.manghe_skip_p1{color:var(--text-color);margin-top:16px;margin-bottom:8px;font-size:20px;font-weight:600;line-height:26px}.manghe_skip_p2{color:var(--text-color);font-size:14px;font-weight:400;line-height:20px}.kook-prizes-mask{z-index:999;background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0}.kook-prizes-title{opacity:0;background-image:url(https://static.kookapp.cn/app/static/media/congratulations-text.3fafb17c.png);background-repeat:no-repeat;background-size:cover;width:164px;height:30px;margin-bottom:32px;animation:.43s .15s forwards scaleTitle;position:relative;transform:scale(1.05)}.kook-prizes-title .kook-prizes-star-lt,.kook-prizes-title .kook-prizes-star-lb,.kook-prizes-title .kook-prizes-star-rt,.kook-prizes-title .kook-prizes-star-rb{animation:2s 1s infinite scaleStar;position:absolute;transform:scale(.4)}.kook-prizes-title .kook-prizes-star-lt{font-size:9px;top:3px;left:-33px}.kook-prizes-title .kook-prizes-star-lb{font-size:15px;top:12px;left:-24px}.kook-prizes-title .kook-prizes-star-rt{font-size:9px;top:-29px;right:-37px}.kook-prizes-title .kook-prizes-star-rb{font-size:30px;top:-24px;right:-33px}.kook-prizes-main-wrapper,.kook-prizes-content-wrapper{flex-direction:column;align-items:center;width:933px;display:flex}.kook-prizes-content-wrapper{height:271px;padding:32px 0}.kook-prizes-content{height:100%;display:flex}.kook-prizes-item{border-radius:16px;width:153px;height:207px;margin-left:10px;animation:.5s forwards cardAnimation;transform:rotateY(90deg)translateY(22px)}.kook-prizes-item:first-child{margin-left:0}.kook-prizes-item:nth-child(2){animation-delay:80ms}.kook-prizes-item:nth-child(3){animation-delay:.16s}.kook-prizes-item:nth-child(4){animation-delay:.24s}.kook-prizes-item:nth-child(5){animation-delay:.32s}.kook-prizes-decorate{opacity:0;background-image:url(https://static.kookapp.cn/app/static/media/prize-decorate.bc0af17c.png);background-repeat:no-repeat;background-size:cover;width:933px;height:15px;animation:.43s .15s forwards scaleDecorate;transform:scale(1.05)translateY(16px)}.kook-prizes-footer{opacity:0;flex-direction:column;align-items:center;animation:.43s .15s forwards scaleDecorate;display:flex;transform:scale(1.05)translateY(16px)}.kook-prizes-footer-tips{color:#fff;text-align:center;height:22px;margin-top:32px;margin-bottom:32px;font-size:16px;font-weight:400;line-height:22px}.kook-prizes-footer-tips a{border-bottom:1px solid #fff}.kook-prizes-footer-button{color:#fff;background:#7acc35;border-radius:15px;width:160px;font-size:16px;font-weight:600;line-height:16px;height:48px!important}@keyframes cardAnimation{to{transition-timing-function:ease-in-out;transform:rotateY(0)translateY(0)}}@keyframes scaleTitle{40%{transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes scaleStar{0%{transform:scale(.4)}50%{transform:scale(1)}to{transform:scale(.4)}}@keyframes scaleDecorate{40%{transform:scale(1)translateY(0)}to{opacity:1;transform:scale(1)}}@keyframes scaleFooter{40%{transform:scale(1)translateY(0)}to{opacity:1;transform:scale(1)}}.select-color-panel-new .select-color-custom-new,.select-color-panel-new .select-color-default{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.select-color-panel-new .select-color-custom-new .active,.select-color-panel-new .select-color-default .active{color:#fff}.select-color-panel-new .select-color-default{background-color:rgba(0,0,0,.54)}.select-color-panel-new .select-color-default .selected-border{top:-3px;left:-3px}.select-color-panel-new .select-color-custom-new{color:#fff;background-image:url(https://static.kookapp.cn/app/static/media/radialGradientBitmap.06979c3e.png);margin-left:10px}.select-color-panel-new .select-color-custom-new.block-selector{background-color:transparent}.select-color-panel-new .select-color-custom-new.has-color{border:1px solid var(--border-color);background-image:none;border-color:transparent}.select-color-panel-new .select-color-custom-new.has-color .dropper{color:#fff}.select-color-panel-new .select-color-custom-new .dropper{font-size:24px}.select-color-panel-new .select-color-sample-list .sub-group{display:flex}.select-color-panel-new .select-color-sample-list .sub-group:nth-child(2){margin-top:10px}.select-color-panel-new .select-color-sample{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:10px;display:flex}.select-color-panel-new .select-color-sample .active{color:#fff;font-size:16px}.select-color-panel-new .selected-border{box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%;width:56px;height:56px;position:absolute;top:-4px;left:-4px}.select-color-panel-new .sample-selected-border{box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%;width:26px;height:26px;position:absolute;top:-3px;left:-3px}.select-color-sample-list .selected .select-color-sample:after{display:block}.sample-selected-border{box-sizing:border-box;border:2px solid var(--color-primary);border-radius:50%;width:26px;height:26px;position:absolute;top:-3px;left:-3px}.select-color-sample{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:10px;display:flex;position:relative}.select-gradient-color-box{color:#fff;background-image:url(https://static.kookapp.cn/app/static/media/doubleRadialGradientBitmap.157abe04.png);border-radius:25px;width:110px;height:50px;display:flex;position:relative}.select-gradient-color-box .select-start-color,.select-gradient-color-box .select-end-color{justify-content:center;align-items:center;width:55px;height:50px;display:flex}.selected-gradient-border{box-sizing:border-box;border:2px solid var(--color-primary);pointer-events:none;border-radius:28px;width:116px;height:56px;position:absolute;top:-3px;left:-3px}.role-form-color .color-header{margin-bottom:16px;display:flex}.role-form-color .color-header .label{flex:1;margin-right:20px;line-height:40px}.role-form-color .color-header .control{width:290px}.role-form-color .text-tips{background-color:var(--color-line);height:24px;color:var(--text-tip-color);border-radius:8px;justify-content:center;align-items:center;margin-top:12px;font-size:12px;font-weight:400;display:flex}.role-form-color .warn{color:var(--color-warn);background-color:rgba(255,130,0,.1)}.role-form-color .select-color-picker{z-index:1000;position:absolute;top:60px;left:60px}.role-form-color .select-color-picker .sketch-picker{background-color:var(--menu-background)!important;box-shadow:var(--box-shadow)!important;border-radius:12px!important}.role-form-color .select-color-picker .picker-cover-extra{position:fixed;top:0;bottom:0;left:0;right:0}.role-form-color .select-color-picker .flexbox-fix input,.role-form-color .select-color-picker .flexbox-fix label{color:var(--text-color)!important}.role-form-color .select-color-picker .flexbox-fix input{background-color:var(--color-controls);border-radius:4px;box-shadow:initial!important;border:0!important;width:100%!important}.purchase-buff-box{margin-bottom:24px}.purchase-buff-box .purchase-buff-title{color:var(--text-tip-color);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;line-height:18px;display:flex}.purchase-buff-box .purchase-buff-list{border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex}.purchase-buff-box .purchase-buff-item{border-bottom:1px solid var(--color-line);cursor:pointer;align-items:center;height:40px;padding-left:16px;font-size:14px;font-weight:400;display:flex}.purchase-buff-box .purchase-buff-item:last-of-type{border:none}.purchase-buff-box .purchase-buff-item .kaihei-checkbox-mute{border-radius:50%;margin-right:9px}.purchase-buff-box .purchase-buff-item .price{color:var(--color-warn);margin-left:2px;margin-right:4px}.purchase-buff-box .purchase-buff-item .price-tag{color:var(--color-error);border:1px solid var(--color-error);box-sizing:border-box;border-radius:12px;align-items:center;height:19px;padding:0 9px;font-size:12px;font-weight:700;display:flex;transform:scale(.83)}.purchase-buff-box .buff-icon{background-image:url(https://static.kookapp.cn/app/static/media/icon-buff.031f44d2.svg);background-size:cover;width:14px;height:14px}.purchase-buff-box .buff-pro-icon{background-image:url(https://static.kookapp.cn/app/static/media/icon-buff-pro.d7f71d5c.svg);background-size:cover;width:14px;height:14px}.token__items-wrapper{box-sizing:content-box;grid-template-rows:1fr 1fr;grid-template-columns:repeat(4,1fr);gap:16px;min-height:264px;padding-top:10px;display:grid}.token__items-wrapper .panel-container.panel-container.panel-container{padding:15px 12px}.token__item{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.token__item-kb{letter-spacing:.57px;color:var(--text-color);font-size:32px;font-weight:600;line-height:38px}.token__item-kb-name{letter-spacing:0;color:var(--text-tip-color);margin-left:4px;font-size:14px;font-weight:400;line-height:20px}.token__item-rmb{color:var(--text-description-color);margin-top:8px;font-size:14px;font-weight:400;line-height:20px}.token__item .activity-content{color:var(--color-warn);margin-top:8px;font-size:12px;line-height:18px}.token__item .activity-tag{box-sizing:border-box;color:#fff;background-color:var(--color-error);border:4px solid var(--color-grey-bg);border-radius:12px 7px;height:26px;padding:0 10px;font-family:Montserrat-Bold;font-size:12px;line-height:18px;position:absolute;top:-10px;left:8px}.token__custom{flex-direction:column;grid-column:3/5;justify-content:space-between;display:flex}.token__custom.panel-container.panel-container.panel-container{padding:15px 16px}.token__custom-input{color:var(--text-color);background-color:transparent;border:0;height:38px;font-size:32px}.token__custom-input::-webkit-input-placeholder{color:var(--text-tip-color)}.token__custom-input::-ms-input-placeholder{color:var(--text-tip-color)}.token__custom-input::placeholder{color:var(--text-tip-color)}.token__custom-title{color:var(--text-tip-color);font-size:14px;line-height:20px}.token__custom-tip{color:var(--text-tip-color)}.token__item:hover,.token__custom:hover{box-shadow:inset 0 0 0 1px var(--color-primary)}.token__item.selected,.token__custom.selected{box-shadow:inset 0 0 0 2px var(--color-primary)}.token__item.disabled,.token__custom.disabled{box-shadow:none;opacity:.5;cursor:not-allowed}.token__item-tip,.token__custom-tip{justify-content:space-between;display:flex}.token__item-tip .warning,.token__custom-tip .warning{color:var(--color-error)}.payment-goods-list-wrapper{position:relative}.payment-goods-list-wrapper .goods-list-no-scroll-bar{position:relative;overflow:scroll}.payment-goods-list-wrapper .goods-list-no-scroll-bar::-webkit-scrollbar{display:none}.payment-goods-list-wrapper .page-trner{background:var(--menu-background);width:24px;height:24px;box-shadow:var(--box-shadow);color:var(--color-primary);border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute}.payment-goods-list-wrapper .page-trner-left{top:calc(50% - 12px);left:-12px;transform:rotate(180deg)}.payment-goods-list-wrapper .page-trner-right{top:calc(50% - 12px);right:-12px}.goods-list>.goods-list-no-scroll-bar{overflow:scroll}.goods-prop{border:1px solid var(--border-color);border-radius:12px;min-height:78px;max-height:calc(100vh - 504px);padding:15px 16px;display:flex}.goods-prop-img{width:48px;height:48px;margin-right:12px}.goods-prop-info{flex-direction:column;flex:1;display:flex}.goods-prop-name{height:22px;color:var(--text-color);margin-top:1px;margin-bottom:4px;font-size:16px;font-weight:600;line-height:22px}.goods-prop-desc{min-height:20px;color:var(--text-color);font-size:14px;font-weight:400;line-height:20px}.goods-prop-img .prop-image-layer .image-contont-layer .prop-icon{width:40px;height:40px}.dialog-payment-state{width:440px}.dialog-payment-state .dialog-footer{justify-content:center;display:flex}.dialog-payment-state .dialog-footer .chuanyu-button{margin-left:37px}.dialog-payment-state .dialog-footer .chuanyu-button:first-child{margin-left:0}.dialog-payment-state .payment-state{flex-direction:column;margin-top:8px;margin-bottom:16px;display:flex}.dialog-payment-state .payment-state-icon{background-position:50%;background-size:cover;width:48px;height:48px;margin-bottom:8px}.dialog-payment-state .dialog-body{height:44px;color:var(--text-description-color);text-align:center;margin-bottom:22px;font-size:14px}.dialog-payment-success .payment-state-icon-success{background-color:var(--color-primary);color:#fff;text-align:center;width:40px;height:40px;margin:4px 4px 12px;font-size:30px;line-height:40px}.dialog-payment-success .payment-state-icon{background-color:var(--color-success);background-image:url(https://static.kookapp.cn/app/static/media/message_alert_success.93715449.svg)}.dialog-payment-success .payment-state-text{font-size:20px;font-weight:600;line-height:26px}.dialog-payment-success .bill-detail{margin-bottom:40px;font-size:14px;line-height:24px}.dialog-payment-success .bill-detail .bill-label{flex-shrink:0}.dialog-payment-success .bill-detail .username{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dialog-payment-success .bill-detail .username .emoji{width:14px;margin-top:-2px;display:inline-block}.dialog-payment-success .bill-label{color:var(--text-tip-color)}.dialog-payment-error .payment-state{margin-bottom:24px}.dialog-payment-error .payment-state-icon{background-color:var(--color-error);background-image:url(https://static.kookapp.cn/app/static/media/message_alert_error.be15b87a.svg)}.bill-item{display:flex}.bill-item .bill-value{width:322px}.payment-order-dialog .order-list{border:1px solid var(--border-color);border-radius:12px;max-height:363px;padding:0 16px;overflow-y:auto}.payment-order-dialog .payment-order-item{padding:16px 0}.payment-order-dialog .payment-order-item:not(:last-child){border-bottom:1px solid var(--color-line)}.payment-order-dialog .payment-order-item>.top .right{flex-shrink:0}.payment-order-dialog .payment-order-item>.bottom{margin-top:8px}.payment-order-dialog .payment-order-item .guild-icon{border-radius:50%;width:24px;height:24px;margin-right:8px}.payment-order-dialog .payment-order-item .guild-name{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-right:16px;font-size:14px;font-weight:700;line-height:20px;overflow:hidden}.payment-order-dialog .payment-order-item .order-pay-info{align-items:center;display:flex}.payment-order-dialog .payment-order-item .order-pay-info .order-pay-icon{width:12px;height:12px;margin-right:4px}.payment-order-dialog .payment-order-item .order-pay-info .order-pay-price{color:var(--text-color);font-size:14px;font-weight:700;line-height:20px}.payment-order-dialog .amount-info{align-items:center;font-weight:700;display:flex}.payment-order-dialog .amount-info .amount-icon{width:14px;height:14px;margin-right:2px}.payment-order-dialog .amount-info .amount-num{height:20px;color:var(--color-warn);font-family:Montserrat-Bold;font-size:18px;font-weight:700;line-height:20px}.payment-order-dialog .difference-info{height:22px;color:var(--text-tip-color);background-color:var(--color-line);border-radius:11px;align-items:center;margin-top:8px;padding:2px 8px;font-size:12px;line-height:18px;display:flex}.payment-order-dialog .difference-info .difference-icon{width:12px;height:12px;margin-left:4px;margin-right:2px}.payment-order-dialog .difference-info .difference-num{color:var(--text-color);margin-right:4px;font-family:Montserrat-Bold;font-weight:700}.payment-order-dialog .coin-balance{background:rgba(122,204,53,.16);border-radius:13px;align-items:center;height:22px;padding:2px 8px;font-size:12px;line-height:18px;display:flex}.payment-order-dialog .coin-balance .balance-text{color:var(--text-color);font-family:Montserrat-Bold;font-weight:700}.payment-order-dialog .coin-balance .balance-icon{width:12px;height:12px;margin-right:2px}.payment-order-dialog .coin-balance .recharge-icon{background-image:url(https://static.kookapp.cn/app/static/media/add-bit@2x.b0e25ced.png);background-position:50%;background-size:10px;background-color:var(--color-primary);cursor:pointer;border-radius:4px;width:12px;height:12px;margin-left:6px}.payment-descript__wrapper{display:flex}.payment-descript__wrapper .description__wrapper{background-size:100%;border-radius:16px 0 0 16px;width:180px;padding:24px 20px 23px 16px}.payment-descript__wrapper .description__wrapper .description__title{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.payment-descript__wrapper .description__wrapper .description__title__content{color:var(--text-color);word-break:keep-all;font-size:16px;font-weight:600;line-height:22px}.payment-descript__wrapper .description__wrapper .description__title__content .add-month{color:var(--color-warn)}.payment-descript__wrapper .description__wrapper .description__title__tip{color:var(--text-description-color);font-size:12px;font-weight:400;line-height:18px}.payment-descript__wrapper .description-area-wrapper{margin-top:16px}.payment-descript__wrapper .description-area-wrapper .description-area-title{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;font-weight:400;line-height:18px}.payment-descript__wrapper .description-area-wrapper .description-area-content{word-break:keep-all;white-space:nowrap;color:var(--text-color);flex-direction:column;gap:8px;display:flex}.payment-descript__wrapper .description-area-wrapper .description-area-content .description-item{align-items:center;font-size:12px;line-height:18px;display:flex}.payment-descript__wrapper .description-area-wrapper .description-area-content .description-item .buff-right-icon{margin-right:8px}.payment-descript__wrapper .child__wrapper{width:790px;overflow:hidden}.theme-dark .description__wrapper.month{background-image:url(https://static.kookapp.cn/app/static/media/month-dark.3b177c24.png)}.theme-dark .description__wrapper.year{background-image:url(https://static.kookapp.cn/app/static/media/year-dark.c806436d.png)}.theme-dark .description__wrapper.goodsType-6{background-image:url(https://static.kookapp.cn/app/static/media/steam-dark.ba1b1f29.png)}.theme-light .description__wrapper.month{background-image:url(https://static.kookapp.cn/app/static/media/month-light.e87c3433.png)}.theme-light .description__wrapper.year{background-image:url(https://static.kookapp.cn/app/static/media/year-light.2cda1d0d.png)}.theme-light .description__wrapper.goodsType-6{background-image:url(https://static.kookapp.cn/app/static/media/steam-light.a700c3cd.png)}.modal-body.dialog-payment,.modal-body.dialog-payment.token-payment{width:970px;max-width:unset;color:var(--text-color);background-color:var(--color-grey-bg);flex-direction:column;padding:0;line-height:normal;display:flex}.modal-body.dialog-payment .dialog-payment-title,.modal-body.dialog-payment.token-payment .dialog-payment-title{align-items:center;padding:24px;font-size:20px;font-weight:600;line-height:26px;display:flex}.modal-body.dialog-payment .icon,.modal-body.dialog-payment.token-payment .icon,.modal-body.dialog-payment .token-icon,.modal-body.dialog-payment.token-payment .token-icon,.modal-body.dialog-payment .boost-icon,.modal-body.dialog-payment.token-payment .boost-icon,.modal-body.dialog-payment .vip-icon,.modal-body.dialog-payment.token-payment .vip-icon{background-size:cover;width:20px;height:20px;margin-right:8px}.modal-body.dialog-payment .vip-icon,.modal-body.dialog-payment.token-payment .vip-icon{background-image:url(https://static.kookapp.cn/app/static/media/vip_icon.28fa0a5b.svg)}.modal-body.dialog-payment .boost-icon,.modal-body.dialog-payment.token-payment .boost-icon{background-image:url(https://static.kookapp.cn/app/static/media/guild_boost_icon.54c4a400.svg)}.modal-body.dialog-payment .close-modal-btn,.modal-body.dialog-payment.token-payment .close-modal-btn{top:24px}.modal-body.dialog-payment .panel-title,.modal-body.dialog-payment.token-payment .panel-title{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;line-height:18px}.modal-body.dialog-payment .panel-container,.modal-body.dialog-payment.token-payment .panel-container{border:1px solid var(--border-color);border-radius:12px;position:relative}.modal-body.dialog-payment .panel-container .platform-list,.modal-body.dialog-payment.token-payment .panel-container .platform-list{gap:4px;margin-left:4px;margin-right:4px;display:flex}.modal-body.dialog-payment .panel-container .payment-support-tips,.modal-body.dialog-payment.token-payment .panel-container .payment-support-tips{height:18px;color:var(--text-description-color);align-items:center;font-size:12px;display:flex;position:absolute;bottom:33px;left:220px}.modal-body.dialog-payment .panel-container .payment-support-tips .platform,.modal-body.dialog-payment.token-payment .panel-container .payment-support-tips .platform{background-position:50%;background-size:cover;width:16px;height:16px}.modal-body.dialog-payment .panel-container .payment-support-tips .alipay_icon,.modal-body.dialog-payment.token-payment .panel-container .payment-support-tips .alipay_icon{background-image:url(https://static.kookapp.cn/app/static/media/mode2.5174d005.png)}.modal-body.dialog-payment .panel-container .payment-support-tips .wechat_icon,.modal-body.dialog-payment.token-payment .panel-container .payment-support-tips .wechat_icon{background-image:url(https://static.kookapp.cn/app/static/media/mode1.ab3b532f.png)}.modal-body.dialog-payment .goods-title,.modal-body.dialog-payment.token-payment .goods-title{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;line-height:18px}.modal-body.dialog-payment .goods-selected-symbol,.modal-body.dialog-payment.token-payment .goods-selected-symbol{border-radius:0 12px 0 0;width:24px;height:24px;display:none;position:absolute;top:0;right:0;overflow:hidden}.modal-body.dialog-payment .goods-selected-symbol .iconfont,.modal-body.dialog-payment.token-payment .goods-selected-symbol .iconfont{color:#fff;position:absolute;top:0;right:0}.modal-body.dialog-payment .number-input,.modal-body.dialog-payment.token-payment .number-input{display:inline-flex}.modal-body.dialog-payment .payment-protocol,.modal-body.dialog-payment.token-payment .payment-protocol{justify-content:flex-end;margin:7px 0;font-size:12px;line-height:18px;display:flex}.modal-body.dialog-payment .payment-protocol a,.modal-body.dialog-payment.token-payment .payment-protocol a{color:var(--text-tip-color)}.modal-body.dialog-payment .payment-protocol:hover,.modal-body.dialog-payment.token-payment .payment-protocol:hover{color:var(--text-description-color)}.modal-body.dialog-payment.token-payment{width:960px;max-width:960px}.dialog-payment-container{flex:1;padding:0 24px;overflow-y:auto}.dialog-payment-goods{margin-bottom:24px;position:relative}.dialog-payment-goods .goods-list{min-height:126px;padding-top:10px;display:flex}.dialog-payment-goods .goods-list.disabled{opacity:.5}.dialog-payment-goods .goods-list.disabled .goods-vip{box-shadow:inset 0 0 0 1px var(--border-color)}.dialog-payment-goods .buff-goods-desc{height:18px;color:var(--text-tip-color);margin-top:8px;font-size:12px;font-weight:400;line-height:18px}.dialog-payment-goods .goods-vip{width:188px;box-shadow:inset 0 0 0 1px var(--border-color);text-align:center;border-radius:12px;flex-shrink:0;padding:16px 0;font-size:14px;line-height:1;position:relative}.dialog-payment-goods .goods-vip:hover{box-shadow:inset 0 0 0 1px var(--color-primary)}.dialog-payment-goods .goods-vip:not(:last-child){margin-right:8px}.dialog-payment-goods .goods-vip.selected{box-shadow:inset 0 0 0 2px var(--color-primary)}.dialog-payment-goods .goods-vip.selected .goods-selected-symbol{display:inline-block}.dialog-payment-goods .goods-vip .goods-name{margin-bottom:8px;line-height:20px}.dialog-payment-goods .goods-vip .goods-price{color:var(--text-tip-color);height:38px;margin-bottom:8px;line-height:38px}.dialog-payment-goods .goods-vip .goods-price-pay{color:var(--text-color);margin-right:4px;font-size:32px;font-weight:600}.dialog-payment-goods .goods-vip .goods-price-pay .symbol{font-size:14px;font-weight:400}.dialog-payment-goods .goods-vip .goods-price-origin{color:var(--text-tip-color);-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.dialog-payment-goods .goods-vip .goods-description{color:var(--text-description-color);font-size:12px;line-height:20px}.dialog-payment-goods .goods-vip .goods-discount-symbol{color:#fff;background-color:var(--color-error);border:4px solid var(--color-grey-bg);border-radius:12px 7px;height:26px;padding:0 10px;font-family:Montserrat-Bold;font-size:12px;line-height:18px;position:absolute;top:-10px;left:8px}.dialog-payment-mode .panel-container{display:flex}.dialog-payment-mode .panel-container.disabled{opacity:.5}.dialog-payment-mode .panel-container.disabled .payment-mode{box-shadow:inset 0 0 0 1px var(--border-color)}.dialog-payment-mode .payment-mode-list{margin-right:143px}.dialog-payment-mode .payment-mode{width:136px;height:40px;box-shadow:inset 0 0 0 1px var(--border-color);border-radius:12px;align-items:center;margin-bottom:8px;font-size:14px;display:flex;position:relative}.dialog-payment-mode .payment-mode:hover{box-shadow:inset 0 0 0 1px var(--color-primary)}.dialog-payment-mode .payment-mode.selected{box-shadow:inset 0 0 0 2px var(--color-primary)}.dialog-payment-mode .payment-mode.selected .goods-selected-symbol{display:inline-block}.dialog-payment-mode .payment-mode .icon{background-position:50%;background-size:cover;width:16px;height:16px;margin-left:16px;margin-right:5px}.dialog-payment-mode .payment-mode .icon.mode1{background-image:url(https://static.kookapp.cn/app/static/media/mode1.ab3b532f.png)}.dialog-payment-mode .payment-mode .icon.mode2{background-image:url(https://static.kookapp.cn/app/static/media/mode2.5174d005.png)}.dialog-payment-mode .payment-mode .goods-selected-symbol{top:-3px;right:-3px;transform:scale(.83)}.dialog-payment-mode .payment-info-wrapper{align-items:center;height:140px;margin-top:63px;margin-left:220px;display:flex}.dialog-payment-mode .payment-qrcode{border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:138px;height:138px;margin-right:16px;display:flex;position:relative}.dialog-payment-mode .payment-qrcode .qrcode{background-size:cover;width:120px;height:120px;position:relative}.dialog-payment-mode .payment-qrcode .loading,.dialog-payment-mode .payment-qrcode .input-loading,.dialog-payment-mode .payment-qrcode .refresh{color:#fff;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex;position:absolute;top:0}.dialog-payment-mode .payment-qrcode .input-loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.7)}.dialog-payment-mode .payment-qrcode .tips{position:absolute;bottom:-30px}.dialog-payment-mode .payment-qrcode .all-token-pay{color:var(--text-color);flex-direction:column;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute}.dialog-payment-mode .payment-qrcode .all-token-pay .token-icon{margin:0 0 8px}.dialog-payment-mode .payment-qrcode-border{position:absolute;top:-2px;left:-2px}.dialog-payment-mode .payment-info{position:relative}.dialog-payment-mode .payment-info .payment-price{font-size:14px;font-weight:600}.dialog-payment-mode .payment-info .payment-price .price-number{letter-spacing:.57px;color:var(--color-warn);font-size:32px;font-weight:600;line-height:1}.dialog-payment-mode .payment-info .payment-price .token-price{align-items:flex-end;display:flex}.dialog-payment-mode .payment-info .payment-price .token-price .token-icon{vertical-align:baseline;width:20px;margin:2px;display:inline}.dialog-payment-mode .payment-info .payment-custom-token{background:var(--color-line);border-radius:12px;align-items:center;margin:8px 0;padding:8px 12px;display:flex}.dialog-payment-mode .payment-info .payment-custom-token-tip{flex-direction:column;display:flex}.dialog-payment-mode .payment-info .payment-custom-token-tip .content-tip{color:var(--text-color);letter-spacing:.21px;font-size:12px;font-weight:600;line-height:18px}.dialog-payment-mode .payment-info .payment-custom-token-tip .count-tip{color:var(--text-description-color);opacity:.5;letter-spacing:.21px;font-size:12px;line-height:18px}.dialog-payment-mode .payment-info .payment-custom-token-tip.disabled{opacity:.5}.dialog-payment-mode .payment-info .payment-custom-token .checkbox-box .kaihei-checkbox-mute{border-radius:50%}.dialog-payment-mode .payment-info .payment-custom-token .checkbox-box .kaihei-checkbox-mute.active{background:var(--color-primary);color:var(--color-primary);border-color:var(--color-primary)}.dialog-payment-mode .payment-info .payment-comfirm-button{position:absolute;bottom:0;transform:translateY(100%)}.dialog-payment-target{margin-bottom:24px}.dialog-payment-target input{background-color:transparent}.gift-select-friend-item{align-items:center;height:32px;display:flex}.gift-select-friend-item .user-avatar{width:24px;height:24px;margin-right:6px}.gift-select-friend-item .user-infos{text-overflow:ellipsis;white-space:nowrap;flex:1;height:32px;display:flex;overflow:hidden}.gift-select-friend-item .user-infos .user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payment-desc{background:var(--color-line);width:auto;height:24px;color:var(--text-tip-color);border-radius:13px;width:136px;margin-top:8px;padding:3px 8px;font-size:12px;line-height:18px}.steam-underagepanel-tips{color:var(--text-description-color);font-size:12px;font-weight:400;position:absolute;bottom:8px;right:12px}.kook-panel{z-index:1;width:100px;height:100px;position:fixed;top:0;left:0}.new-blind-box-item{cursor:pointer;border-radius:12px;width:90px;height:90px;position:relative}.new-blind-box-item.blind-box-level-0{width:124px;height:160px}.new-blind-box-item.blind-box-level-0 .new-blind-box-icon{width:72px;height:72px}.new-blind-box-item.blind-box-level-0 .new-blind-box-item-inner{background-image:url(https://static.kookapp.cn/app/static/media/blind-box-border-light.1dcd8929.svg);border-width:0}.theme-dark .new-blind-box-item.blind-box-level-0 .new-blind-box-item-inner{background-image:url(https://static.kookapp.cn/app/static/media/blind-box-border-dark.e22fb5fa.svg)}.new-blind-box-item.blind-box-level-0 .new-blind-box-name{display:inline-block}.new-blind-box-item.blind-box-level-1 .new-blind-box-item-inner{border-color:var(--blind-box-level-1)}.new-blind-box-item.blind-box-level-2 .new-blind-box-item-inner{border-color:var(--blind-box-level-2)}.new-blind-box-item.blind-box-level-3 .new-blind-box-item-inner{border-color:var(--blind-box-level-3)}.new-blind-box-item.unavailable .new-blind-box-item-inner{opacity:.4}.new-blind-box-item.none{background-image:none;background-color:var(--color-line);border:none}.new-blind-box-item:hover .new-blind-box-item-mask{display:inline-block}.new-blind-box-item:hover .new-blind-box-icon{transform:scale(1.07)}.new-blind-box-item:hover:not(.unavailable) .new-blind-box-lock-button svg{display:inline-block}.new-blind-box-item.avatar-border:hover .new-blind-box-icon{background-image:none!important}.new-blind-box-item.avatar-border:hover .new-blind-box-icon .kprop-resource-preview{display:inline-block}.new-blind-box-item-inner{border:1px solid transparent;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.new-blind-box-icon{background-size:contain;width:56px;height:56px;transition:transform .1s;position:relative}.new-blind-box-icon .kprop-resource-preview{display:none}.new-blind-box-icon .kprop-resource-preview .preview-animation,.new-blind-box-icon .kprop-resource-preview .preview-animation .action-prop-img{height:100%}.new-blind-box-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:8px;padding:0 8px;font-size:12px;font-weight:700;line-height:18px;display:none;overflow:hidden}.new-blind-box-hit-stock{white-space:nowrap;background:var(--color-grey-bg);height:16px;color:var(--text-tip-color);border-radius:11px;padding:0 8px;font-size:10px;line-height:16px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.blind-box-level-0 .new-blind-box-hit-stock{bottom:10px}.new-blind-box-hit-stock.color-warn{color:var(--color-warn)}.new-blind-box-hit-times{background:var(--color-primary);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:11px 0 8px;height:16px;padding:0 3px;font-size:12px;font-weight:600;line-height:16px;position:absolute;top:1px;left:1px;overflow:hidden}.blind-box-level-0 .new-blind-box-hit-times{border-radius:10px 0 8px;top:2px;left:2px}.new-blind-box-hit-times span{display:inline-block;transform:scale(.83)}.new-blind-box-lock-button{width:24px;height:24px;color:var(--text-tip-color);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;right:2px}.new-blind-box-lock-button.display svg{display:inline-block}.new-blind-box-lock-button.lock{color:var(--blind-box-level-1)}.new-blind-box-lock-button.lock svg{display:inline-block}.new-blind-box-lock-button svg{display:none}.new-blind-box-tooltip{text-align:center}.blindbox-lock-tooltip{width:156px;max-width:156px;box-shadow:var(--box-shadow);background-color:#7acc35;padding:6px 8px}.blindbox-lock-tooltip-arrow{color:#7acc35}.goods-modal__left.new-blind-box-wrap{background-color:var(--color-light-bg);border-radius:16px;flex-direction:column;width:446px;padding:21px 0 24px;display:flex}.theme-light .goods-modal__left.new-blind-box-wrap{background-image:url(https://static.kookapp.cn/app/static/media/nbb-light.cb6a029f.png);background-position:top;background-repeat:no-repeat}.new-blind-box__title{margin-bottom:18px;padding-left:24px;font-size:16px;font-weight:600;line-height:22px}.new-blind-box__content{flex-direction:column;margin-left:18px;display:flex}.new-blind-box__content>div{margin-top:24px}.new-blind-box__content>div:first-child{margin-top:0}.nbb-level0,.nbb-level1,.nbb-level2,.nbb-level3{width:410px}.new-blind-box-row{justify-content:space-between;align-items:center;width:398px;margin-bottom:8px;padding-left:6px;display:flex}.new-blind-box__subtitle{height:20px;font-size:14px;font-weight:600;line-height:20px}.nbb-level0 .new-blind-box__subtitle{color:var(--blind-box-level-0)}.nbb-level1 .new-blind-box__subtitle{color:var(--blind-box-level-1)}.nbb-level2 .new-blind-box__subtitle{color:var(--blind-box-level-2)}.nbb-level3 .new-blind-box__subtitle{color:var(--blind-box-level-3)}.new-blind-box__desc{height:18px;color:var(--text-tip-color);white-space:nowrap;margin-top:4px;font-size:12px;line-height:18px;display:flex}.new-blind-box-item-wrap{grid-row-gap:12px;grid-column-gap:12px;grid-template-columns:1fr 1fr 1fr 1fr;padding-left:6px;padding-right:6px;display:grid;overflow:hidden}.nbb-level0 .new-blind-box-item-wrap{grid-template-columns:1fr 1fr 1fr}.modal-body.prize-record{width:560px;height:508px;padding-bottom:0}.prize-record .setting-page-empty{margin-top:50px}.prize-record .custom-table{border-radius:0;flex-direction:column;height:100%;display:flex}.prize-record .custom-table-body{flex:1;overflow-y:auto}.prize-record .custom-table .custom-table-row:hover{background-color:initial}.prize-record .custom-table-header,.prize-record .custom-table-row{gap:16px}.prize-record .table-col-time{width:170px}.prize-record .table-col-prize-name{width:200px}.prize-record .table-col-prize-level{width:80px}.prize-record-title{justify-content:space-between;align-items:center;height:26px;margin-bottom:6px;font-size:20px;font-weight:600;line-height:26px;display:flex;position:relative}.prize-record-body{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.prize-record-footer{height:84px;color:var(--text-tip-color);justify-content:space-between;align-items:center;font-size:12px;display:flex}.prize-record-filter{height:22px;color:var(--color-primary);background-color:var(--menu-hover);cursor:pointer;border-radius:8px;align-items:center;padding:0 8px;font-size:12px;line-height:18px;display:flex}.prize-record-filter .icon{margin-right:4px}.prize-record-options{background-color:var(--menu-background);width:220px;max-height:240px;box-shadow:var(--box-shadow-md);z-index:1;border-radius:12px;gap:2px;padding:8px;position:absolute;top:28px;right:0;overflow-y:auto}.prize-record-options .optinos-item{text-overflow:ellipsis;white-space:nowrap;border-radius:8px;width:100%;height:32px;padding:0 8px;font-size:14px;font-weight:400;line-height:32px;overflow:hidden}.prize-record-options .optinos-item:not(:last-child){margin-bottom:2px}.prize-record-options .optinos-item:hover{background-color:var(--menu-hover)}.modal-body.goods-modal{flex-direction:row;justify-content:space-between;width:auto;min-width:880px;max-width:none;min-height:501px;padding:24px 24px 32px;display:flex;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.modal-body.goods-modal .prop-image-layer{border-radius:16px}.goods-modal .kaihei-loading-spin{width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.goods-modal__left{width:356px;height:auto;margin-right:24px;position:relative}.goods-modal__left .blind-box-preview{text-align:right;width:160px;height:160px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.goods-modal__left .blind-box-preview span{background-repeat:no-repeat;background-size:contain;width:47px;height:28px;display:inline-block}.goods-modal__left .blind-box-preview .give_type0{background-image:url(https://static.kookapp.cn/app/static/media/blind-get.73ade939.png)}.goods-modal__left .blind-box-preview .give_type1{background-image:url(https://static.kookapp.cn/app/static/media/blind-maybe.a8fd7ea2.png)}.goods-modal__left__export{color:#fff;cursor:pointer;background:rgba(0,0,0,.2);border-radius:14px;align-items:center;height:28px;padding:0 8px;font-size:12px;line-height:18px;display:flex;position:absolute;top:16px;right:16px}.goods-modal__left .audio-prop-preview .audio-controls{bottom:88px;left:148px}.goods-modal__left__list{align-items:center;max-width:248px;height:32px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.goods-modal__left__list__icon-left{cursor:pointer;color:#fff;margin-right:4px;font-size:22px}.goods-modal__left__list__icon-left:before{display:inline-block;transform:rotate(180deg)}.goods-modal__left__list__icon-left.disable{cursor:default;color:rgba(255,255,255,.5)}.goods-modal__left__list__icon-right{cursor:pointer;color:#fff;margin-left:4px;font-size:22px}.goods-modal__left__list__icon-right.disable{cursor:default;color:rgba(255,255,255,.5)}.goods-modal__left__list__content{flex:none;width:196px;height:36px;padding:2px;overflow:hidden}.goods-modal__left__list__content.width__2{width:76px}.goods-modal__left__list__content.width__3{width:116px}.goods-modal__left__list__content.width__4{width:156px}.goods-modal__left__list__content__wrap{transition:transform .1s;display:flex}.goods-modal__left__list__content__item{cursor:pointer;background:rgba(0,0,0,.5);border-radius:10px;flex:0 0 32px;justify-content:center;align-items:center;height:32px;margin-right:8px;display:flex;position:relative}.goods-modal__left__list__content__item:before{content:"";box-sizing:content-box;border-radius:12px;width:100%;height:100%;position:absolute;top:-2px;left:-2px}.goods-modal__left__list__content__item:hover:before{border:2px solid rgba(255,255,255,.5)}.goods-modal__left__list__content__item.active:before{border:2px solid rgba(255,255,255,.8)}.goods-modal__left__list__content__item:last-of-type{margin-right:0}.goods-modal__left__list__content__item img{width:24px;height:24px}.goods-modal__right{flex-direction:column;width:452px;display:flex;position:relative}.goods-modal__right .goods-modal__detail__close{position:absolute;top:0;right:0}.goods-modal__right__title{margin-bottom:16px}.goods-modal__right__title__name{color:var(--text-color);font-size:20px;font-weight:600;line-height:26px}.goods-modal__right__title .goods-tag{border-radius:12px;height:24px;padding:0 8px;line-height:18px}.goods-modal__right__title .goods-tag span{transform:none}.goods-modal__right__info{flex-direction:row;flex-shrink:0;margin-bottom:16px;display:flex;overflow:hidden}.goods-modal__right__info .goods-tag{flex-shrink:0;margin-left:4px}.goods-modal__right__info__type{color:var(--text-tip-color);float:right;font-size:12px;font-weight:400}.goods-modal .manghe-scroll-area{flex-grow:1;min-height:20px}.goods-modal .manghe-scroll-area .kook-scroll-vertical-bar{left:calc(100% + 4px)}.goods-modal .manghe-scroll-area .kook-scroll-vertical-thumb{background-color:var(--color-bbb);background-clip:content-box;border-radius:4px}.goods-modal .thin-scroll-bar{overflow-y:overlay}.goods-modal__content{min-height:102px;padding:0 0 32px}.goods-modal__content.spec_bottom{padding-bottom:4px}.goods-modal__content__desc{color:var(--text-color);font-size:14px;font-weight:400;line-height:20px}.goods-modal__content__desc .kui-card{padding:0;background-color:transparent!important}.goods-modal__content__desc .kui-card.size-lg{max-width:initial;width:auto}.goods-modal__content__desc .kui-card .kui-image{max-width:100%}.goods-modal__content__subtitle{color:var(--text-tip-color);margin-top:24px;margin-bottom:8px;font-size:12px;font-weight:400;line-height:18px}.goods-modal__buff{background:var(--menu-hover);border-radius:13px;justify-content:space-between;align-items:center;height:26px;margin-right:12px;padding:4px 4px 4px 8px;font-size:12px;line-height:26px;display:flex}.goods-modal__buff__text{color:var(--text-color);align-items:center;font-weight:600;display:flex}.goods-modal__buff__text__icon{background-image:url(https://static.kookapp.cn/app/static/media/vip_icon.28fa0a5b.svg);background-repeat:no-repeat;background-size:cover;width:14px;height:14px;margin-right:4px}.goods-modal__buff__text__prime{color:var(--color-warn);margin-left:2px}.goods-modal__buff__btn{color:var(--text-tip-color);cursor:pointer;align-items:center;margin-left:8px;font-weight:400;line-height:32px;display:flex}.goods-modal__buff__btn:hover{color:var(--text-description-color)}.goods-modal__footer{background:var(--color-light-bg);border-radius:20px;flex-grow:0;flex-shrink:0;padding:24px}.goods-modal__footer__number{height:24px;color:var(--text-tip-color);justify-content:space-between;align-items:center;font-size:12px;display:flex}.goods-modal__footer__number__left .goods-tag{margin-left:8px}.goods-modal__footer__number__rule{color:var(--text-description-color);align-items:center;display:flex}.goods-modal__footer__number__rule__hint{margin-right:16px;font-size:12px;line-height:18px}.goods-modal__footer__origin,.goods-modal__footer__coupon{color:var(--text-color);justify-content:space-between;line-height:20px;display:flex}.goods-modal__footer__origin__text,.goods-modal__footer__coupon__text{font-size:14px}.goods-modal__footer__origin__price,.goods-modal__footer__coupon__price{font-family:Montserrat-Bold,Montserrat;font-size:16px;font-weight:700}.goods-modal__footer__origin__price.price-coin,.goods-modal__footer__coupon__price.price-coin{align-items:center;display:flex}.goods-modal__footer__origin__price.price-coin .buy__coin,.goods-modal__footer__coupon__price.price-coin .buy__coin{width:14px;height:14px;margin-right:2px}.goods-modal__footer__origin__price .buy__price__unit,.goods-modal__footer__coupon__price .buy__price__unit{color:var(--text-color)}.goods-modal__footer__origin__price__pre,.goods-modal__footer__coupon__price__pre{margin-right:4px;font-size:14px;font-weight:400;line-height:20px}.goods-modal__footer__origin,.goods-modal__footer__coupon,.goods-modal__footer__buy{box-sizing:border-box;height:20px;margin-top:16px}.goods-modal__footer__origin .loading-block,.goods-modal__footer__coupon .loading-block,.goods-modal__footer__buy .loading-block{background-color:var(--color-line);border-radius:10px;width:50px;height:100%}.goods-modal__footer__buy{justify-content:flex-end;align-items:center;display:flex}.goods-modal__footer__buy__price{color:var(--text-color);align-items:baseline;font-size:14px;font-weight:600;line-height:20px;display:flex}.goods-modal__footer__buy__price__current{color:var(--color-warn);font-family:Montserrat-Bold,Montserrat;font-size:18px;font-weight:700}.goods-modal__footer__buy__price.price-coin{align-items:center;display:flex}.goods-modal__footer__buy__price.price-coin .buy__coin{width:14px;height:14px;margin-right:2px}.goods-modal__footer__coupon__text{white-space:nowrap;text-overflow:ellipsis;width:300px;overflow:hidden}.goods-modal__footer__coupon.buff{margin-top:8px;padding-left:10px;font-size:12px}.goods-modal__footer .coin-balance{cursor:pointer;background:rgba(122,204,53,.16);border-radius:13px;align-items:center;height:22px;padding:0 8px;font-size:12px;display:flex}.goods-modal__footer .coin-balance img{width:12px;height:12px;margin-right:2px}.goods-modal__footer .get-more-coin{align-items:center;display:flex}.goods-modal__footer .get-more-coin img{margin-right:2px}.goods-modal-button-record{color:var(--text-tip-color);cursor:pointer;font-size:12px;line-height:18px;position:absolute;bottom:7px;right:24px}.buy__price__unit{color:var(--color-warn);font-family:Montserrat-Regular,Montserrat;font-size:12px;font-weight:400}.goods-modal-content-specs{flex-wrap:wrap;min-height:8px;margin-bottom:-12px;display:flex}.goods-modal-content-specs__item{border:1px solid var(--border-color);height:32px;color:var(--text-color);text-align:center;cursor:pointer;border-radius:8px;min-width:80px;margin-bottom:12px;margin-right:16px;padding:6px 12px;font-size:14px;font-weight:400;position:relative}.goods-modal-content-specs__item.active:after{content:"";border:2px solid var(--color-primary);border-radius:8px;width:calc(100% - 2px);height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.goods-modal-content-specs__item .goods-tag{z-index:2;position:absolute;top:-10px;right:-10px}.goods-modal-star-wrap{height:12px;margin-right:4px;display:flex}.goods-modal-star-wrap img{margin-right:2px}.goods-formula-icon{position:relative}.goods-formula-panel{background:var(--color-light-bg);width:246px;height:280px;box-shadow:var(--box-shadow);border-radius:12px;padding:16px 10px 16px 16px}.goods-formula-panel .goods-formula-content{height:100%}.goods-formula-panel .kui-card.size-lg{width:212px}.goods-formula-panel .kui-card{padding:0}.goods-modal__footer-spec{flex-grow:0;flex-shrink:0;padding:12px 0 32px}.goods-modal__footer-spec .goods-modal__content__subtitle{margin-top:0}.wishing-solid{color:var(--blind-box-level-1)}.purchase-buff-line~.purchase-buff-line{margin-top:8px}.goods-modal__footer__coupon.buff~.purchase-buff-line{margin-top:16px}.purchase-buff-line{cursor:pointer;justify-content:space-between;align-items:center;height:26px;margin-top:16px;font-size:12px;font-weight:600;display:flex}.purchase-buff-line__content{background:var(--color-line);border-radius:8px;align-items:center;width:380px;height:26px;padding-left:8px;display:flex}.purchase-buff-line .checkbox-box{width:16px}.purchase-buff-line .kaihei-checkbox-mute{border-radius:50%;margin-right:9px}.purchase-buff-line .buff-text{margin-left:4px}.purchase-buff-line .buff-icon{background-image:url(https://static.kookapp.cn/app/static/media/icon-buff.031f44d2.svg);background-size:cover;width:14px;height:14px}.purchase-buff-line .buff-pro-icon{background-image:url(https://static.kookapp.cn/app/static/media/icon-buff-pro.d7f71d5c.svg);background-size:cover;width:14px;height:14px}.purchase-buff-line .price{color:var(--color-warn);margin-left:2px}.purchase-buff-line .price-tag{color:var(--color-error);border:1px solid var(--color-error);box-sizing:border-box;border-radius:12px;align-items:center;height:19px;padding:0 9px;font-size:12px;font-weight:700;display:flex;transform:scale(.83)}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-selection{cursor:move;border:2px solid #6cbf00;position:absolute;top:0;left:0;transform:translate(0,0);box-shadow:0 0 0 9999em rgba(0,0,0,.5)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop__crop-selection:focus{border-style:solid;border-color:#00f;outline:none}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:rgba(255,255,255,.4);display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{content:"";background-color:#fff;border:1px solid #7acc35;border-radius:50%;width:8px;height:8px;display:block;position:absolute}.ReactCrop__drag-handle:focus:after{background:#2dbfff;border-color:#00f}.ReactCrop .ord-nw{cursor:nw-resize;margin-top:-5px;margin-left:-5px;top:0;left:0}.ReactCrop .ord-nw:after{top:0;left:0}.ReactCrop .ord-n{cursor:n-resize;margin-top:-5px;margin-left:-5px;top:0;left:50%}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{cursor:ne-resize;margin-top:-5px;margin-right:-5px;top:0;right:0}.ReactCrop .ord-ne:after{top:0;right:0}.ReactCrop .ord-e{cursor:e-resize;margin-top:-5px;margin-right:-5px;top:50%;right:0}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{cursor:se-resize;margin-bottom:-5px;margin-right:-5px;bottom:0;right:0}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{cursor:s-resize;margin-bottom:-5px;margin-left:-5px;bottom:0;left:50%}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{cursor:sw-resize;margin-bottom:-5px;margin-left:-5px;bottom:0;left:0}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{cursor:w-resize;margin-top:-5px;margin-left:-5px;top:50%;left:0}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:6px;margin-top:-3px;top:0;left:0}.ReactCrop__drag-bar.ord-e{width:6px;height:100%;margin-right:-3px;top:0;right:0}.ReactCrop__drag-bar.ord-s{width:100%;height:6px;margin-bottom:-3px;bottom:0;left:0}.ReactCrop__drag-bar.ord-w{width:6px;height:100%;margin-left:-3px;top:0;left:0}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}.quick-login-box{flex-direction:column;align-items:center;display:flex;position:relative}.quick-login-box .next-autologin{justify-content:center;width:100%;margin-top:16px;display:flex}.quick-login-box .quick-login-name{width:317px;color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;margin-bottom:50px;font-size:20px;font-weight:600;line-height:26px;overflow:hidden}.quick-login-box .quick-login-avatar{background-position:50%;background-size:cover;border-radius:50%;width:120px;height:120px;margin-bottom:50px}.quick-login-box .login-other-account{width:72px;height:18px;color:var(--text-tip-color);font-size:12px;font-weight:400;line-height:18px;text-decoration:underline}.quick-login-box .login-other-account:hover{color:var(--text-description-color)}.robot-invite-dialog{width:440px;color:var(--text-color);font-size:14px}.robot-invite-dialog .robot-avatar{background-repeat:no-repeat;background-size:cover;border-radius:50%;width:80px;height:80px}.robot-invite-dialog .robot-head-info{margin:16px 0}.robot-invite-dialog .robot-invite-body{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:8px}.robot-invite-dialog .robot-invite-body.request-permission{max-height:calc(70vh - 190px)}.robot-invite-dialog .robot-description .title{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;line-height:18px}.robot-invite-dialog .robot-description-text{white-space:pre-wrap;max-height:141px}.robot-invite-dialog .robot-description-text .emoji{min-width:auto;height:15px;display:inline-block}.robot-invite-dialog .robot-invite-select-guild{margin-bottom:8px}.robot-invite-dialog .robot-invite-select-guild .title{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;line-height:18px}.robot-invite-dialog .robot-invite-select-guild .title .kaihei-loading-spin{margin-left:10px;position:absolute}.robot-invite-dialog .robot-invite-select-guild .title.error{color:var(--color-error)}.robot-invite-dialog .robot-sub-title{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:24px;font-size:14px;line-height:20px}.robot-invite-dialog .robot-invite-tip{color:var(--text-tip-color);word-break:break-all;font-size:12px;line-height:18px}.robot-invite-dialog .robot-invite-footer-buttons{justify-content:flex-end;margin-top:40px;display:flex}.robot-invite-dialog .robot-invite-footer-buttons .chuanyu-button{margin-left:8px}.robot-invite-dialog .robot-permission .title{color:var(--text-description-color);margin-bottom:16px;font-size:12px}.robot-invite-dialog .permission-type{cursor:pointer;justify-content:space-between;margin-bottom:16px;display:flex}.robot-invite-dialog .permission-type .kookiconfont-a-IconNavigationforwardbeifen{color:var(--text-tip-color);transition:transform .2s}.robot-invite-dialog .permission-type.active .kookiconfont-a-IconNavigationforwardbeifen{transform:rotate(90deg)}.robot-invite-dialog .request-permission-list{margin-bottom:16px}.robot-invite-dialog .request-permission-list li{cursor:pointer;align-items:center;margin-bottom:12px;display:flex}.robot-invite-dialog .request-permission-list li:last-child{margin-bottom:0}.robot-invite-dialog .request-permission-list .kookiconfont{border:2px solid var(--border-color);border-radius:3px;width:16px;height:16px;margin-right:8px;font-size:16px;line-height:16px}.robot-invite-dialog .request-permission-list .kookiconfont.kookiconfont-check{background-color:var(--color-primary);color:#fff;text-align:center;border:none;border-radius:50%;font-size:12px;font-weight:600;line-height:16px}.authorize-page{background-color:var(--win-background)}.authorize-page-loading{justify-content:center;align-items:center;width:392px;height:400px;display:flex}.request-permission-bar{max-height:180px}.head-logo{position:absolute;top:40px;left:50px}.head-logo-icon{vertical-align:middle;background-position:50%;background-size:cover;width:40px;height:40px;margin-right:10px;display:inline-block}.login-left-icon{content:url(https://static.kookapp.cn/app/static/media/login-left-icon.969ca3c7.png);width:109px;height:46px;position:absolute;top:40px;left:40px}.head-logo-font{vertical-align:middle;background-image:url(https://static.kookapp.cn/app/static/media/logo-font.b04e331c.svg);background-position:50%;background-size:cover;width:77px;height:26px;display:inline-block}.main-frame{background-color:#ededf7;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.content-container{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:33%}.refund-image{aspect-ratio:1;background-image:url(https://static.kookapp.cn/app/static/media/buff-refund-light.e16c2249.png);background-size:contain;width:52%;margin-bottom:23px}.informative-text{color:rgba(46,48,58,.4);font-size:1rem;font-weight:600}.invite-box{background-color:var(--color-grey-bg);border-radius:16px;width:440px;padding:32px 24px 24px;font-size:14px}.invite-box .inviter-box{margin-bottom:24px}.invite-box .inviter-box .inviter-logo{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:80px;height:80px;margin:0 auto 16px;overflow:hidden}.invite-box .inviter-box .inviter-text-logo{color:#8f90d8;background-color:#383e5f;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 10px;padding:0 8px;font-size:14px;display:flex}.invite-box .inviter-box .inviter-text-logo.chinese{font-size:18px}.invite-box .inviter-box .inviter-text-logo.english{justify-content:center;font-size:28px}.invite-box .inviter-box .inviter-tips{color:var(--text-color);text-align:center;justify-content:center;font-size:14px;line-height:20px;display:flex}.invite-box .inviter-box .inviter-tips .left-text{text-overflow:ellipsis;white-space:nowrap;max-width:300px;display:block;position:relative;overflow:hidden}.invite-box .guild-box{margin-bottom:24px}.invite-box .invite-form .form-group{margin-bottom:32px}.invite-box .invite-form .form-group .form-tips{color:#999ba1;height:20px;margin-bottom:12px;font-size:12px;line-height:20px}.invite-box .invite-form .form-group .invite-input{border:0;border-radius:2px;width:100%;padding:14px 10px;font-size:14px}.invite-box .invite-form .continue-btn{color:#fff;text-align:center;background-color:#505a9a;border-radius:2px;width:320px;height:50px;margin-bottom:15px;font-size:18px;line-height:50px}.invite-box .has-number-link{margin-top:16px;margin-bottom:24px}.invite-box .bottom-text{color:#fff;width:337px}.invite-box a.link{color:#46a5f7;line-height:20px}.invite-box .what-invite-code-icon{color:inherit;margin-left:8px;font-size:16px}.invalid-box{background-color:var(--color-grey-bg);width:440px;box-shadow:var(--box-shadow);border-radius:16px;font-size:14px}.invalid-box__top{color:#bbb;background-image:url(https://static.kookapp.cn/app/static/media/error-center.23621831.png);background-repeat:no-repeat;background-size:cover;border-radius:16px 16px 0 0;justify-content:center;align-items:center;width:440px;height:182px;font-size:48px;display:flex}.invalid-box__bottom{text-align:center;padding:24px}.invalid-box__bottom__title{color:var(--text-color);margin-bottom:8px;font-size:20px;font-weight:600;line-height:26px}.invalid-box__bottom__sub-title{color:var(--text-tip-color);margin-bottom:32px;font-size:14px;line-height:20px}.ismobile-tip{padding:24px;position:absolute;bottom:0}.ismobile-tip p{color:#fff;text-align:center;margin-bottom:20px;font-size:14px;line-height:18px}.logo-container{margin:35px 30px;position:absolute}.logo-icon{color:#fff;margin-right:8px;font-size:27px}.logo-font{color:#fff;font-size:27px}.invite-layout{background-color:#efffee;background-repeat:repeat;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:50px;display:flex;position:relative;overflow:auto}.invite-layout .bottom-text{color:rgba(46,48,58,.4);text-align:center;cursor:pointer;height:17px;font-size:12px;font-weight:400;line-height:17px;position:absolute;bottom:16px}.invite-loading{color:#fff;font-size:30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pc-show-invite-box{color:#222;background-color:#fefefe;border-radius:16px;width:440px;padding:24px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.08)}.pc-show-invite-box .pc-show-invite-title{text-align:center;height:26px;margin-bottom:8px;font-size:20px;font-weight:600;line-height:26px}.pc-show-invite-box .pc-show-invite-tip{text-align:center;margin-bottom:32px;font-size:14px;font-weight:400;line-height:20px}.pc-show-invite-box button{margin-top:8px}.what-invite-code-confirm .what-invite-code-infos{color:rgba(16,16,16,.87);font-size:16px;line-height:24px}.what-invite-code-confirm .qq-group{cursor:pointer;color:#47a3f4;font-size:16px;font-weight:700}.user-invite-content .main-title{text-align:center;color:var(--text-color);font-size:40px;font-weight:600;line-height:46px}.user-invite-content .desc{text-align:center;color:var(--text-description-color);margin-top:24px;margin-bottom:24px;font-size:16px;font-weight:400;line-height:22px}.user-invite-content .self-invite-box{margin:0 auto}.invite-success-modal{text-align:center;width:440px;color:var(--text-color);flex-direction:column;align-items:center;font-size:14px;line-height:20px;display:flex;position:relative}.invite-success-modal__img{background-image:url(https://static.kookapp.cn/app/static/media/multicolor-logo.cab22fe5.png);background-size:100%;width:174px;height:116px;margin-bottom:24px;margin-left:auto;margin-right:auto}.invite-success-modal__title{margin-bottom:8px;font-size:20px;font-weight:600;line-height:26px}.invite-success-modal__desc{margin-bottom:32px}.country-selector{z-index:100;border-radius:12px;width:193px;height:300px;padding-bottom:10px;padding-left:10px;overflow-y:auto}.country-selector .empty-contry-selector{width:100px;height:10px}.country-selector.primary{color:var(--text-color);background-color:var(--menu-background);box-shadow:var(--box-shadow)}.country-selector.primary::-webkit-scrollbar{background-color:var(--menu-background)}.country-selector.primary::-webkit-scrollbar-thumb{background-color:#e1e4f0;background-clip:content-box;border-style:solid;border-color:transparent;border-radius:12px;border-width:5px!important}.country-selector.appprimary{color:var(--text-color);background-color:var(--menu-background);box-shadow:var(--box-shadow)}.country-selector .country-list .country-item{cursor:pointer;border-radius:8px;padding:10px}.country-selector .country-list .country-item.active{background-color:rgba(0,0,0,.08)}.country-selector .country-list .country-item:hover{background-color:rgba(0,0,0,.04)}.guild-box{border:1px solid var(--border-color);border-radius:12px;align-items:center;height:88px;padding:16px;display:flex}.guild-box__icon{width:56px;height:56px;margin-right:14px;position:relative}.guild-box__icon__logo{background-position:50%;background-repeat:no-repeat;background-size:100%;width:100%;height:100%}.guild-box__icon__golive{position:absolute;bottom:-2px;right:-2px}.guild-box__icon__text-logo{color:#8f90d8;background-color:#383e5f;justify-content:center;align-items:center;width:100%;height:100%;padding:0 15px;font-size:14px;display:flex}.guild-box__icon__text-logo.chinese{text-align:center;font-size:18px;line-height:1.4}.guild-box__icon__text-logo.english{justify-content:center;font-size:28px}.guild-box__info{flex-direction:column;flex:1;display:flex;overflow:hidden}.guild-box__info__title{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--text-color);height:26px;font-size:20px;font-weight:600;line-height:26px;overflow:hidden}.guild-box__info__desc{width:100%;color:var(--text-tip-color);height:18px;margin-top:4px;font-size:12px;line-height:18px;display:flex}.guild-box__info__desc .ico{background-color:var(--text-tip-color);border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.guild-box__info__desc__online{margin-right:10px}.guild-box__info__desc__online .ico{background-color:var(--color-primary)}.thread-topic-list{align-items:center;gap:8px;display:flex;overflow:hidden}.thread-topic-list-item{box-sizing:border-box;text-align:center;text-overflow:ellipsis;white-space:nowrap;background-color:var(--color-line);min-width:48px;max-width:218px;color:var(--text-tip-color);border-radius:12px;flex-direction:row;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:400;line-height:18px;display:flex;overflow:hidden}.thread-topic-list-item .item-icon{background-position:50%;background-repeat:no-repeat;background-size:16px;border-radius:50%;width:16px;min-width:16px;height:16px;min-height:16px;margin-right:4px}.thread-topic-list-item-clickable{padding:6px 24px;transition:padding-left .2s;position:relative}.thread-topic-list-item-clickable:hover{cursor:pointer;padding-left:40px}.thread-topic-list-item-clickable:hover .thread-topic-list-item-close-icon{left:8px}.thread-topic-list-item-clickable .thread-topic-list-item-close-icon{width:16px;height:16px;transition:left .2s;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.thread-topic-tooltip{box-sizing:border-box;width:250px;max-width:250px;box-shadow:var(--box-shadow);background-color:var(--menu-background);padding:8px}.thread-topic-tooltip .thread-topic-tooltip-list{flex-wrap:wrap;gap:8px;display:flex}.thread-topic-tooltip-arrow{color:var(--menu-background)}.thread-reaction-panel{flex-direction:column;justify-items:center;gap:14px 16px;display:flex}.disabled{cursor:not-allowed}.enabled{cursor:pointer}.thread-reaction-panel-row{flex-direction:row;justify-items:center;gap:4px;display:flex}.thread-reaction-panel-cell{flex-direction:row;align-items:center;justify-items:flex-start;gap:4px;display:flex}.thread-reaction-panel-cell .icon-reply-emoji{background-image:url(https://static.kookapp.cn/app/static/media/reply-emoji@2x.644048f6.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;height:24px}.thread-reaction-panel-cell .reaction-emoji-img{width:18px;height:18px}.thread-reaction-panel-cell .frame{border-radius:6px;flex-direction:row;align-items:center;gap:4px;padding:3px 6px;display:flex;overflow:hidden}.thread-reaction-panel-cell .frame .symbol{font-size:18px}.thread-reaction-panel-cell .frame .symbol img{width:18px;height:18px}.thread-reaction-panel-cell .frame .count{color:var(--text-description-color);font-size:12px;font-weight:400;line-height:18px}.thread-reaction-panel-cell .frame:hover{box-shadow:inset 0 0 0 1px var(--color-primary)}.thread-reaction-panel-cell .frame-me{background-color:rgba(100,220,0,.2)}.thread-reaction-panel-cell .frame-me .count{color:var(--color-primary)}.thread-reaction-panel-cell .frame-not-me{background-color:var(--color-top-bg)}.main-post-wrapper{border-radius:8px;margin-bottom:24px}.main-post-wrapper .main-post{flex-direction:row;justify-content:center;align-items:center;display:flex}.main-post-wrapper .main-post .main-post-content{flex-direction:column;align-content:stretch;justify-content:flex-start;align-items:stretch;width:100%;max-width:600px;display:flex}.main-post-wrapper .main-post .main-post-content .main-post-author-tile{color:var(--text-color);flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;margin-top:8px;display:flex}.main-post-wrapper .main-post .main-post-content .main-post-author-tile .avatar{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;display:flex}.main-post-wrapper .main-post .main-post-content .main-post-author-tile .name{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:12px;font-weight:600;line-height:18px;overflow:hidden}.main-post-wrapper .main-post .main-post-content .main-post-author-tile .nameplate{flex-shrink:0;height:16px}.main-post-wrapper .main-post .main-post-content .main-post-author-tile .description{white-space:nowrap;color:var(--text-tip-color);flex-shrink:0;font-size:12px;font-weight:400;line-height:18px}.main-post-wrapper .main-post .main-post-content .reactions-area{flex-wrap:wrap;gap:4px;height:0;margin-top:24px;display:flex}.main-post-wrapper .main-post .main-post-content .reactions-area-animated{transition:all .3s cubic-bezier(.29,0,0,1)}.main-post-wrapper .main-post .main-post-content .main-post-actual-content{color:var(--text-color);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;margin-top:16px;font-size:14px;font-weight:400;line-height:20px}.main-post-wrapper .main-post .main-post-content .main-post-actual-content .main-post-cover-image-container .flex-image-wrapper{position:relative}.main-post-wrapper .main-post .main-post-content .main-post-actual-content .main-post-cover-image-container .flex-image-wrapper:after{content:"封面";color:#fff;text-align:center;background-color:rgba(0,0,0,.2);border-radius:4px;padding:0 6px;font-size:12px;font-weight:600;line-height:18px;position:absolute;top:12px;left:12px}.main-post-wrapper .main-post .main-post-content .main-post-actual-content .image-container{border-radius:16px;width:100%;max-width:600px}.main-post-wrapper .main-post .main-post-content .main-post-actual-content .image-container img{object-fit:contain;object-position:center;width:100%;height:100%}.main-post-wrapper .main-post .main-post-content .main-post-bottom-area{flex-direction:row;justify-content:space-between;align-items:center;margin-top:24px;display:flex}.main-post-wrapper .main-post .main-post-content .main-post-bottom-area .main-post-bottom-area-tag-area{flex-direction:row;align-items:center;gap:8px;display:flex}.main-post-wrapper .main-post .main-post-content .main-post-bottom-area .main-post-bottom-area-actions-area{flex-direction:row;align-items:center;gap:24px;display:flex}.main-post-wrapper .main-post .main-post-content .main-post-bottom-area .main-post-bottom-area-actions-area .action{color:#999;flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:20px;display:flex}.main-post-wrapper .main-post .main-post-content .main-post-bottom-area .main-post-bottom-area-actions-area .action .icon{cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.main-post-wrapper .main-post .main-post-content .main-post-bottom-area .main-post-bottom-area-actions-area .action.disabled{color:#999;cursor:not-allowed}.popup-wrapper{background-color:var(--menu-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.theme-menu-blur .popup-wrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5)}.post-sub-post .author-tile-wrapper{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.post-sub-post .author-tile-wrapper .author-tile{width:100%;color:var(--text-color);flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;display:flex}.post-sub-post .author-tile-wrapper .author-tile .name-and-nameplate{flex-direction:row;gap:8px;display:flex}.post-sub-post .author-tile-wrapper .author-tile .smaller-avatar{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;display:flex}.post-sub-post .author-tile-wrapper .author-tile .name{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.post-sub-post .author-tile-wrapper .author-tile .nameplate{flex-shrink:0;height:16px}.post-sub-post .author-tile-wrapper .author-tile .reply-informative-text{color:#999;flex-shrink:0;font-size:14px}.post-sub-post .author-tile-wrapper .thread-owner-tag{color:var(--text-tip-color);background-color:var(--color-bottom-bg);border-radius:4px;padding:4px 6px;font-size:10px;font-weight:600;line-height:10px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.post-sub-post .content-area{padding-left:32px}.post-sub-post .content-area .highlight-background{color:#ec8aaa;font-size:14px;font-weight:700}.post-sub-post .content-area .expand-button-wrapper{margin-top:6px}.post-sub-post .content-area .expand-button-wrapper .expand-button{color:var(--color-link);font-size:12px}.post-sub-post .content-area .card-wrapper-animated{transition:all .3s cubic-bezier(.29,0,0,1)}.post-sub-post .content-area .card-wrapper{padding-right:16px;overflow:hidden}.post-sub-post .content-area .bottom-area{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:10px;display:flex}.post-sub-post .content-area .bottom-area .date-time-area{color:var(--text-tip-color);font-size:14px;font-weight:400;line-height:20px}.post-sub-post .content-area .bottom-area .actions-area{flex-direction:row;align-items:center;gap:16px;display:flex}.post-sub-post .content-area .bottom-area .actions-area .action{cursor:pointer;color:var(--text-tip-color);flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:20px;display:flex}.post-sub-post .content-area .bottom-area .actions-area .action .icon{cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.post-sub-post .content-area .bottom-area .actions-area .action.disabled{color:#999;cursor:not-allowed}.paged-control{color:var(--text-tip-color);flex-direction:row;justify-content:flex-start;align-items:center;font-size:12px;font-weight:400;line-height:18px;display:flex}.paged-control .total{margin-right:16px}.paged-control .pages{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;display:flex}.paged-control .pages .next-page,.paged-control .pages .page{cursor:pointer}.paged-control .pages .page-active{color:var(--color-primary)}.paged-control .collapse-button{cursor:pointer;color:var(--text-tip-color);margin-left:16px}.post{position:relative}.post .avatar-column{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.post .avatar-column .post-owner-tag{color:var(--text-tip-color);background-color:var(--color-bottom-bg);border-radius:4px;flex-shrink:0;padding:4px 6px;font-size:10px;font-weight:600;line-height:10px}.post .highlight-background{color:#ec8aaa;font-size:14px;font-weight:700}.post .right-corner-action-button-area{flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;top:0;right:0}.post .right-corner-action-button-area .action-button{width:24px;height:24px;color:var(--text-tip-color);cursor:pointer;font-size:24px;line-height:24px}.switch-view{background-color:var(--color-bottom-bg);border-radius:14px;flex-direction:row;justify-content:center;align-items:center;gap:18px;padding:6px 12px;display:flex;position:relative}.switch-view .text{color:#999;cursor:pointer;z-index:1;font-size:12px;font-weight:400;line-height:12px}.switch-view .indicator{background-color:var(--color-middle-bg);border-radius:11px;width:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.switch-view .indicator-animated{transition:all .3s cubic-bezier(.29,0,0,1)}.sub-posts-wrapper{flex-grow:1}.sub-posts-wrapper .sub-posts{border-radius:8px;flex-direction:row;justify-content:center;align-items:flex-start;height:100%;padding-bottom:24px;display:flex}.sub-posts-wrapper .sub-posts .no-replies-view{color:#999;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin-top:16px;display:flex}.sub-posts-content{flex-direction:column;align-content:stretch;justify-content:flex-start;align-items:stretch;width:100%;max-width:600px;display:flex;position:relative}.sub-posts-content .sub-posts-header-area-fixed-mode{width:inherit;z-index:2;flex-direction:row;align-items:center;margin-left:-24px;padding-left:24px;display:flex;position:fixed;top:152px}.sub-posts-content .sub-posts-content-actual-list-fixed-mode{margin-top:72px!important}.sub-posts-content .sub-posts-content-actual-list{flex-direction:column;align-content:stretch;align-items:stretch;margin-top:24px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:12px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .avatar-placeholder{border-radius:50%;width:44px;min-width:44px;height:44px}.sub-posts-content .sub-posts-content-actual-list .post .avatar{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:44px;min-width:44px;height:44px}.sub-posts-content .sub-posts-content-actual-list .post .right-part{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:flex-start;min-width:0;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper{flex-direction:column;width:100%;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .author-tile{color:var(--text-color);flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .author-tile .name-and-nameplate{flex-direction:row;align-items:center;gap:8px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .author-tile .name-and-nameplate .name{cursor:pointer;font-size:14px;font-weight:600;line-height:20px}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .author-tile .name-and-nameplate .nameplate{height:16px}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .author-tile .avatar{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .author-tile .name{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .author-tile .nameplate{flex-shrink:0;height:16px}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .author-tile .replying-to{flex-direction:row;font-size:14px;line-height:20px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .author-tile .replying-to .reply-informative-text{white-space:nowrap;color:#999;flex-shrink:0;font-size:14px}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .author-tile .replying-to .name{white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-weight:600;overflow:hidden}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .card-wrapper-animated{transition:all .3s cubic-bezier(.29,0,0,1)}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .card-wrapper{padding-right:16px;overflow:hidden}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .expand-button{color:var(--color-link);padding-top:6px;font-size:12px}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .image-group{border-radius:12px;flex-direction:row;align-items:stretch;gap:1px;min-height:120px;max-height:260px;display:flex;overflow:hidden}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .image-group .image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:120px;height:auto}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .text-content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:var(--text-color);font-size:14px;font-weight:400;line-height:22px}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .bottom-area{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:10px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .bottom-area .date-time-area{color:var(--text-tip-color);font-size:14px;font-weight:400;line-height:20px}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .bottom-area .actions-area{flex-direction:row;align-items:center;gap:16px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .bottom-area .actions-area .action{cursor:pointer;color:var(--text-tip-color);flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:20px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .bottom-area .actions-area .action .icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .bottom-area .actions-area .action.disabled{color:#999;cursor:not-allowed}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .edit-mode-inline-send-control-wrapper{width:100%}.sub-posts-content .sub-posts-content-actual-list .post .right-part .post-content-wrapper .edit-mode-inline-send-control-wrapper .send-ctrl-container .send-ctrl-frame .send-ctrl-wrapper{transition:all .3s cubic-bezier(.29,0,0,1)}.sub-posts-content .sub-posts-content-actual-list .post .post-sub-posts{background-color:var(--color-line);border-radius:8px;flex-direction:column;width:100%;margin-top:16px;padding:16px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .post-sub-posts .sub-sub-post-editor-wrapper{flex-direction:row;justify-content:stretch;align-items:flex-start;gap:8px;margin-top:16px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .post-sub-posts .sub-sub-post-editor-wrapper .avatar{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;margin-top:8px;display:flex}.sub-posts-content .sub-posts-content-actual-list .post .post-sub-posts .sub-sub-post-editor-wrapper .send-ctrl-container{width:100%}.sub-posts-content .sub-posts-content-actual-list .post .post-sub-posts .sub-sub-post-editor-wrapper .send-ctrl-container .send-ctrl-frame{background-color:var(--color-top-bg)}.sub-posts-content .sub-posts-content-actual-list .post .post-sub-posts>:nth-child(n){margin-top:24px}.sub-posts-content .sub-posts-content-actual-list .post .post-sub-posts>:first-child,.sub-posts-content .sub-posts-content-actual-list .post .post-sub-posts>:last-child{margin-top:0}.sub-posts-content .sub-posts-content-actual-list .loading-spin-wrapper{text-align:center;width:100%}.sub-posts-content .reply-to-post-send-control-wrapper{flex-direction:row;justify-content:stretch;align-items:flex-start;gap:8px;margin-top:16px;display:flex}.sub-posts-content .reply-to-post-send-control-wrapper .avatar-small{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;margin-top:8px;display:flex}.sub-posts-content .reply-to-post-send-control-wrapper .send-ctrl-container{width:100%}.sub-posts-content .reply-to-post-send-control-wrapper .send-ctrl-container .send-ctrl-frame{background-color:var(--color-top-bg)}.sub-post-bottom-area{padding-left:32px;font-size:12px;font-weight:400;line-height:18px}.sub-post-bottom-area .paged-control,.sub-post-bottom-area .there-are-more{margin-top:24px}.sub-post-bottom-area .paged-control .more-replies,.sub-post-bottom-area .there-are-more .more-replies{color:var(--text-tip-color)}.sub-post-bottom-area .paged-control .click-to-see,.sub-post-bottom-area .there-are-more .click-to-see{cursor:pointer;color:var(--color-link)}.audit-thread-detail{overflow:auto}.drag-mask{color:#7acc35;background:rgba(122,204,53,.2);border:1px dashed #7acc35;border-radius:16px;justify-content:center;align-items:center;width:100%;font-size:16px;display:flex;position:fixed}.drag-mask .drag-message{margin-bottom:8px;padding:8px 8px 0}.label-wrapper{color:#fff;white-space:nowrap;max-width:84px;height:18px;margin:0 2px;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.label-wrapper .label{text-overflow:ellipsis;border-radius:4px;overflow:hidden}.mention-channel-title{color:var(--text-tip-color);padding:8px 8px 2px;font-size:12px}.mention-channel-list{max-height:450px;overflow-y:auto}.mention-channel-list .mention-channel-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;height:40px;padding:0 8px;line-height:20px;display:flex}.mention-channel-list .mention-channel-item .channel-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mention-channel-list .mention-channel-item:hover{background-color:var(--menu-hover)}.mention-channel-list .mention-channel-item.active{background-color:var(--menu-active)}.mention-channel-list .mention-channel-item>.left{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.mention-channel-list .mention-channel-item>.right{color:var(--text-tip-color);text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:12px;overflow:hidden}.mention-channel-list .mention-channel-item .emoji{height:14px;display:inline-block}.mention-channel-list .icon{justify-content:center;align-items:center;width:16px;height:16px;margin-right:8px;font-size:16px;display:flex}.quote-message-wrapper{align-items:center;display:flex}.app-main-wrapper .quote-message,.quote-message{max-width:500px;color:var(--text-description-color);background-color:var(--menu-hover);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;margin-top:4px;margin-right:4px;padding:3px 8px;font-size:14px;line-height:20px;display:flex;overflow:hidden}.app-main-wrapper .quote-message .quote-username,.quote-message .quote-username{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:160px;display:inline-block;overflow:hidden}.app-main-wrapper .quote-message.valid:hover,.quote-message.valid:hover,.app-main-wrapper .quote-message.valid:hover .markdown-preview,.quote-message.valid:hover .markdown-preview{color:var(--text-color)}.app-main-wrapper .quote-message.valid,.quote-message.valid{cursor:pointer}.theme-dark .app-main-wrapper .quote-message.valid:hover,.theme-dark .quote-message.valid:hover,.theme-dark .app-main-wrapper .quote-message.valid:hover .markdown-preview,.theme-dark .quote-message.valid:hover .markdown-preview{color:rgba(255,255,255,.38)}.app-main-wrapper .quote-message img.emoji,.quote-message img.emoji{object-fit:contain;vertical-align:middle;width:16px;height:16px;margin-top:-3px;display:inline-block}.app-main-wrapper .quote-message blockquote,.quote-message blockquote{padding-left:16px;display:inline}.app-main-wrapper .quote-message blockquote:before,.quote-message blockquote:before{content:">";background-color:transparent}.app-main-wrapper .quote-message .markdown-preview,.quote-message .markdown-preview{color:var(--text-description-color)}.text-message-item .quote-message{margin-bottom:4px}.modal-body.dialog-confirm.dialog-share-screen{padding-right:0}.modal-body.dialog-confirm.dialog-share-screen .modal-title-text{margin-bottom:24px}.modal-body.dialog-confirm.dialog-share-screen .modal-desc-text{padding-right:24px}.share-screen-content{overflow-y:overlay;padding-right:24px}.share-screen-content .source-box{height:254px;position:relative;overflow-y:auto}.share-screen-content .source-box.bigger{height:334px}.share-screen-content .empty-program{color:var(--main-color);font-size:14px;font-weight:400;line-height:20px}.share-screen-content .icon-input{border:1px solid var(--border-color);border-radius:12px;align-items:center;width:100%;height:40px;padding-left:12px;display:flex}.share-screen-content .icon-input .img-icon{background-repeat:no-repeat;background-size:100%;border-radius:50%;width:16px;height:16px}.share-screen-content .icon-input .text{color:var(--main-color);margin-left:8px;font-size:14px;font-weight:400;line-height:18px}.share-screen-content .icon-input .kookiconfont{color:var(--text-tip-color);justify-content:center;align-items:center;font-size:16px;line-height:16px;display:flex}.share-screen-content .share-sound{padding:16px 0}.share-screen-content .share-sound .main{color:var(--main-color);margin-bottom:8px;font-size:14px;display:flex}.share-screen-content .share-sound .sub{color:var(--text-description-color);font-size:12px}.share-screen-content .source-list{flex-wrap:wrap;justify-content:space-between;display:flex}.share-screen-content .source-list .source-item{width:188px;margin-bottom:16px;position:relative}.share-screen-content .source-list .source-item.active .source-preview-box:after{content:"";pointer-events:none;box-sizing:border-box;border:2px solid var(--color-primary);border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.share-screen-content .source-list .source-item .source-preview-box{background-color:var(--color-light-bg);border-radius:12px;width:188px;height:106px;position:relative}.share-screen-content .source-list .source-item .source-preview-image{box-sizing:border-box;border-radius:12px;width:100%;height:100%}.share-screen-content .source-list .source-item img.source-preview-image{object-fit:contain}.share-screen-content .source-list .source-item .preview-bg-layer{border-radius:12px;width:100%;height:100%;overflow:hidden}.share-screen-content .source-list .source-item .preview-bg-image{-webkit-filter:blur(8px);filter:blur(8px);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;width:100%;height:100%}.share-screen-content .source-list .source-item .preview-bg-image:before{content:"";background:rgba(0,0,0,.3);border-radius:12px;width:100%;height:100%;position:absolute;left:0}.share-screen-content .source-list .source-item .icon-image{object-fit:contain;width:48px;height:48px;position:absolute;top:29px;left:70px}.share-screen-content .source-list .source-item .source-name{text-align:center;color:var(--main-color);margin-top:8px;font-size:14px;font-weight:400;line-height:20px}.share-screen-content .audience-limit-box{justify-content:space-between;align-items:center;padding:6px 6px 6px 12px;display:flex}.share-screen-content .audience-limit-box .left{color:var(--text-description-color);font-size:12px;font-weight:400;line-height:18px}.share-screen-content .audience-limit-box .left.warn{color:var(--color-warn)}.share-screen-content .audience-limit-box .right{color:var(--color-link);cursor:pointer;align-items:center;display:flex}.share-screen-content .audience-limit-box .right:hover{color:var(--color-link-hover)}.share-screen-content .audience-limit-box .right .text{font-size:12px;font-weight:400;line-height:18px}.share-screen-content .doc-mode-tip{color:var(--text-tip-color);padding-top:3px;font-size:12px;line-height:18px}.contract-message{margin-bottom:0!important;padding:0!important}.contract-message-content{flex-direction:column;height:376px;display:flex;overflow:hidden}.contract-message-content .contract-message-text{flex:1;height:340px;line-height:20px;overflow-y:auto}.contract-message-content .contract-message-text p{margin-bottom:8px}.contract-message-content .contract-message-text h1{color:var(--text-color);margin-top:16px;margin-bottom:8px;font-size:14px;font-weight:600;line-height:20px}.contract-message-content .contract-message-text ul li{margin-bottom:8px}.contract-message-content .content-tips{color:var(--text-tip-color);padding:8px 0;font-size:14px}.contract-message-content .content-tips a{color:var(--color-link)}.namepalte-item{position:relative}.namepalte-item img{position:absolute;top:0;left:0}.namepalte-item .namepalte-item-animate,.namepalte-item:hover .namepalte-item-static{visibility:hidden}.namepalte-item:hover .namepalte-item-animate{visibility:visible}.namepalte-item.show-type-animate .namepalte-item-static{visibility:hidden}.namepalte-item.show-type-animate .namepalte-item-animate{visibility:visible}.modal-body.chose-install-dialog{padding:0;overflow:hidden}.modal-body.chose-install-dialog .close-modal-btn{color:rgba(255,255,255,.8);background-color:rgba(0,0,0,.6);border-radius:50%;font-size:16px;top:16px;right:16px}.modal-body.chose-install-dialog .close-modal-btn:hover{color:#fff}.chose-install-head{background-image:url(https://static.kookapp.cn/app/static/media/booster-logo.37ff3573.png);flex-direction:column;justify-content:center;align-items:center;height:182px;padding-top:28px;display:flex}.theme-dark .chose-install-head{background-image:url(https://static.kookapp.cn/app/static/media/booster-logo-dark.3bff5bd0.png)}.install-app-logo{color:#000;height:64px}.theme-dark .install-app-logo{color:#fff}.install-app-name{color:var(--text-color);margin-top:12px;font-size:16px;font-weight:600}.chose-install-body{padding:24px 24px 0}.chose-install-body>div:first-child{margin-top:0}.chose-install-body .promotion{color:var(--text-color);text-align:center;padding:0 24px;font-size:18px;font-weight:600;line-height:24px}.chose-install-body .title{color:var(--text-tip-color);margin-top:24px;margin-bottom:8px;font-size:12px;line-height:18px}.chose-install-body .form-input{border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;height:40px;padding:0 16px;font-size:14px;display:flex}.chose-install-body .form-input .text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chose-install-body .install-button{justify-content:center;margin-top:16px;display:flex}.chose-install-body .install-button-icon{vertical-align:text-top;margin-right:4px}.chose-install-body .form-input-button{color:var(--color-link);cursor:pointer;flex-shrink:0;margin-left:12px}.chose-install-body .form-input-button:hover{color:var(--color-link-hover)}.chose-install-foot{justify-content:space-between;align-items:center;padding:40px 24px 20px;display:flex}.chose-install-foot .install-privacy{color:var(--text-tip-color);font-size:12px}.chose-install-foot .button-desc{white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;max-width:72px;display:inline-block;overflow:hidden}.custom-install-button{color:var(--text-tip-color);cursor:pointer;align-items:center;font-size:12px;line-height:18px;display:flex}.custom-install-button:hover{color:var(--text-description-color)}.custom-install-button .custom-install-text{margin-right:4px}.custom-install-button .custom-install-icon.expand{transform:rotate(180deg)}.audio-info-setting-content,.user-info-setting-content{color:var(--text-color)}.audio-info-setting-content .kook-alert,.user-info-setting-content .kook-alert{margin-bottom:40px}.audio-info-setting-content .audio-title-tip,.user-info-setting-content .audio-title-tip{margin-bottom:2px}.audio-info-setting-content .line,.user-info-setting-content .line{background-color:var(--border-color);width:100%;height:1px;margin:40px 0}.audio-info-setting-content .setting-title,.user-info-setting-content .setting-title{color:#101010;margin-bottom:44px;font-size:20px;line-height:29px}.audio-info-setting-content .save-button-wrapper,.user-info-setting-content .save-button-wrapper{margin:44px 0 39px}.user-info-setting-content .line{margin:47px 0 39px}.user-info-setting-content .change-pass-title{color:#505a9a;margin-bottom:39px;font-size:14px;line-height:20px}.setting-content .setting-label{color:var(--main-color);margin-bottom:12px;font-size:14px;font-weight:700;line-height:14px}.setting-content .setting-label.sub{font-weight:400}.setting-content .setting-label.md{margin-bottom:16px}.setting-content .setting-label.keypress-delay-label{margin-bottom:31px}.setting-content .setting-label .sub-label{color:rgba(16,16,16,.54);font-size:12px}.setting-content .setting-label-tip{color:var(--text-tip-color)}.setting-content .setting-group{margin-bottom:24px}.setting-content .setting-group.keypress-delay{flex:1;margin-left:10px}.setting-content .setting-double-layout{justify-content:space-between;display:flex}.setting-user-info-buttons{text-align:right;margin-top:24px}.setting-user-info-buttons .chuanyu-button{margin-left:8px;display:inline-block}.setting-user-info-profile{flex:1;margin-top:16px}.setting-user-info-profile .username-show{align-items:center;display:flex}.setting-user-info-profile .username-show .user-name{text-overflow:ellipsis;white-space:nowrap;max-width:350px;display:inline-block;overflow:hidden}.setting-group{margin-bottom:20px}.setting-group .chuanyu-form-item{margin-top:10px}.danger-sub-title{color:var(--color-error);border-bottom-style:solid;border-bottom-width:1px;margin-bottom:20px;padding-bottom:20px;font-size:14px}.setting-user-label{color:rgba(0,0,0,.5);margin-bottom:10px;font-size:14px}.edit-pwd-btn{cursor:pointer;margin-top:-12px}.user-head-preview-box{border-radius:50%;flex-shrink:0;width:72px;height:72px;overflow:hidden}.user-head-preview-box .upload-img{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.my-invite-content .invite-member-count{height:36px;font-size:24px;line-height:36px}.my-invite-content .invite-code-input{margin-top:8px}.my-invite-content .invite-member-count span{margin-left:20px}.my-invite-content .big-title{height:28px;font-size:20px;font-weight:600;line-height:26px}.my-invite-content .invite-info-middle-box{padding:20px 24px}.my-invite-content .invite-info-middle-box .invite-tips{color:var(--text-tip-color);margin-top:8px;margin-bottom:24px;font-size:14px;line-height:20px}.my-invite-content .invite-info-middle-box .chuanyu-button{min-width:94px}.my-invite-content .invite-banner{margin-bottom:40px}.my-invite-content .invite-rule-content .privilege-block{justify-content:space-between;padding:20px 0;display:flex}.my-invite-content .invite-rule-content .privilege-block .block-text{width:280px}.my-invite-content .invite-rule-content .privilege-block .block-text .number{color:#e44b4d;padding-top:20px;font-size:14px}.my-invite-content .invite-rule-content .privilege-block .block-text .title{margin-top:20px;margin-bottom:10px;font-size:16px;font-weight:700}.my-invite-content .invite-rule-content .privilege-block .block-text .desc{text-align:left;margin-bottom:20px;font-size:14px}.my-invite-content .invite-rule-content .privilege-block .block-text .user-tips{height:28px;font-size:20px;font-weight:700}.my-invite-content .invite-rule-content .privilege-block .block-text .user-tips .big-green{color:#00be82}.my-invite-content .invite-rule-content .privilege-block .block-img{border-radius:5px;width:330px;height:235px;overflow:hidden}.my-invite-content .invite-rule-content .privilege-block .block-img img{width:100%;height:100%}.my-invite-content .multi-function-input-wrapper .input-appendix{background-color:var(--color-controls);color:var(--text-color)}.my-invite-content .invite-func .tips-ctrl{align-items:center;font-size:14px;line-height:18px;display:inline-flex}.my-invite-content .invite-func .tips-ctrl .status-ico{color:var(--color-link);justify-content:center;align-items:center;width:16px;height:16px;line-height:16px;display:flex;transform:rotate(-90deg)}.my-invite-content .invite-func .tips-ctrl .status-ico.close{transform:rotate(0)}.my-invite-content .invite-func .steps{color:var(--text-description-color);padding:20px 0;font-size:14px;line-height:20px;display:inline-flex}.my-invite-content .invite-func .steps .invite-step{margin-right:22px}.my-invite-content .invite-func .steps .invite-step .sketch{background-position:50%;background-size:cover;border-radius:8px;width:205px;height:126px;overflow:hidden}.my-invite-content .invite-func .steps .invite-step .step1{background-image:url(https://img.kookapp.cn/assets/item/resources/invite_step1.gif)}.my-invite-content .invite-func .steps .invite-step .step2{background-image:url(https://img.kookapp.cn/assets/item/resources/invite_step2.gif)}.my-invite-content .invite-func .steps .invite-step .step3{background-image:url(https://img.kookapp.cn/assets/item/resources/invite_step3.gif)}.my-invite-content .invite-func .steps .invite-step .step-text{margin-top:16px}.switch-list{margin-top:50px;font-size:14px}.switch-list .switch-item{border-bottom:1px solid var(--border-color);padding:10px 39px 10px 0}.switch-list .switch-contain{justify-content:space-between;display:flex}.update-log{height:100%}.update-log .update-log-description{justify-content:space-between;align-items:center;display:flex}.update-log .line{height:1px;margin:20px 0}.update-log .update-content-wrapper{overflow-y:auto}.update-log .update-content{font-size:12px;line-height:20px}.update-log .update-content .update-log-step{margin-bottom:40px}.update-log .update-content .update-log-date{margin-bottom:10px;font-size:16px;font-weight:700}.update-log .update-content .update-log-title{margin-bottom:5px}.update-log .update-content ul{padding-left:16px}.update-log .update-content ul .update-item{list-style-type:initial;margin-bottom:5px}.game-state-panel{background-color:var(--color-grey-bg);border-radius:16px;height:80px;padding:18px 24px;position:relative}.game-state-panel.not-support{color:#fff;background-color:var(--color-error);margin-bottom:20px;padding:20px;font-size:14px;font-weight:700;line-height:40px}.game-state-panel .game-name{height:24px;font-size:14px;font-weight:600;line-height:20px}.game-state-panel .game-name input{height:24px;color:var(--text-color);background-color:transparent;border:1px solid transparent;border-radius:6px;padding:0 8px}.game-state-panel .game-name input:focus{border:1px solid var(--border-hover-color);box-shadow:0 0 0 3px var(--border-active-color)}.game-state-panel .game-name .game-name-edit.clickabled{cursor:pointer}.game-state-panel .game-name .game-name-edit .kookiconfont{color:var(--text-tip-color);font-weight:400}.game-state-panel .game-name .game-name-edit:hover .kookiconfont{color:var(--color-primary)}.game-state-panel .game-state-path{height:20px;color:var(--text-tip-color);overflow:hidden}.add-customer-game{color:var(--text-description-color);font-size:14px;line-height:20px}.game-state-unsupport-title{color:rgba(0,0,0,.87);margin-bottom:10px;font-size:14px;font-weight:700}.game-state-unsupport-detail{color:rgba(0,0,0,.54);font-size:14px}.game-state-unsupport-detail strong{color:rgba(0,0,0,.87)}.add-customer-game-panel{width:320px;box-shadow:var(--box-shadow);border-radius:12px;padding:8px;position:absolute}.add-customer-game-panel ul{background-color:var(--color-light-bg)}.add-customer-game-panel .panel-foot{text-align:right;border-top:1px solid var(--color-line);align-content:flex-end;justify-content:flex-end;margin-top:8px;padding-top:8px;display:flex}.add-customer-game-panel .panel-foot .chuanyu-button{margin-left:8px;display:inline-block}.game-state-switch{border-bottom:1px solid;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;font-size:14px;display:flex}.remove-game-button{width:24px;height:24px;color:var(--color-error);text-align:center;border-radius:8px;margin-top:-12px;line-height:24px;position:absolute;top:50%;right:24px}.remove-game-button:hover{background-color:var(--menu-hover)}.notify-setting .sub-title,.setting-pannel .sub-title{margin-top:10px;font-size:14px;line-height:20px}.notify-setting .setting-label,.setting-pannel .setting-label{height:20px;font-weight:700}.notify-setting .small-label,.setting-pannel .small-label{height:20px;line-height:20px}.notify-setting .setting-item,.setting-pannel .setting-item{border-bottom:1px solid var(--border-color);padding:20px 0}.notify-setting .setting-item .no-border,.setting-pannel .setting-item .no-border{border:0}.notify-setting .setting-panel-left,.setting-pannel .setting-panel-left{flex:1}.notify-setting .setting-panel-right,.setting-pannel .setting-panel-right{flex-shrink:0;align-items:center;margin-left:8px;display:flex}.notify-setting .setting-panel-right .icon-wrapper,.setting-pannel .setting-panel-right .icon-wrapper{justify-content:center;align-items:center;display:flex}.button-third-app-list{background-color:var(--color-grey-bg);border-radius:16px;overflow:hidden}.button-third-app{cursor:pointer;border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;height:72px;padding:16px 24px;font-size:14px;display:flex}.button-third-app:last-child{border-bottom:none}.button-third-app:hover{background-color:var(--menu-hover)}.button-third-app:active{background-color:var(--menu-active)}.button-third-app .text{color:var(--color-link)}.button-third-app.binded .text{color:var(--text-tip-color)}.button-third-app .iconfont{vertical-align:middle;color:var(--text-tip-color);margin-right:8px;font-size:24px}.button-third-app .kookiconfont{color:var(--text-tip-color)}.button-third-app.weixin.binded .iconfont{color:#69ce5e}.button-third-app.weixin.binded .iconfont:hover{color:#87d77e}.button-third-app.qq.binded .iconfont{color:#3eb4ff}.button-third-app.qq.binded .iconfont:hover{color:#64c3ff}.tts-setting .sub-title{font-size:14px}.tts-have-number{border-bottom-style:solid;border-bottom-width:1px;margin-top:10px;margin-bottom:20px;padding-bottom:20px;font-size:14px}.tts-have-number.disabled{color:var(--color-error)}.audio-setting-debug-log{margin-bottom:20px;font-size:14px}.audio-setting-debug-log .switch-item{justify-content:space-between;margin-bottom:10px;display:flex}.audio-setting-debug-log .debug-log-tips{margin-bottom:20px}.audio-setting-debug-log .debug-log-upload-options{justify-content:left;display:flex}.audio-setting-debug-log .debug-log-upload-options .chuanyu-button{margin-right:20px}.setting-content-line{background-color:var(--border-color);width:100%;height:1px;margin:40px 0}.experience-improve-tips{color:var(--text-tip-color);margin-top:-24px;font-size:12px;line-height:20px}.setting-ai-noise-suppression{background-color:var(--color-grey-bg);border-radius:16px;align-items:center;padding:20px 24px;font-size:14px;line-height:20px;display:flex;position:relative}.setting-ai-noise-suppression .ai-noise-suppression-icon{background-color:var(--color-primary);border-radius:12px;width:40px;height:40px;margin-right:16px;position:relative}.setting-ai-noise-suppression .ai-noise-suppression-icon:before{content:"";background-image:url(https://static.kookapp.cn/app/static/media/ai-noise-suppression.a730e785.png);background-size:contain;width:80%;height:80%;margin-top:10%;margin-left:10%;position:absolute;top:0;left:0}.setting-ai-noise-suppression .ai-noise-suppression-content{flex:1}.setting-ai-noise-suppression .title{align-items:center;margin-bottom:4px;display:flex}.setting-ai-noise-suppression .title .app-kaihei-link{margin-left:4px}.setting-ai-noise-suppression .description{color:var(--text-tip-color)}.micro-phone-tester{align-items:center;display:flex}.micro-phone-tester>button{margin-right:16px}.micro-phone-tester.xs>button{margin-right:8px}.new-micro-phone-tester{align-items:center;display:flex}.new-micro-phone-tester .new-micro-phone-tester-btn{cursor:pointer;border:1px solid var(--color-primary);width:61px;height:24px;color:var(--color-primary);text-align:center;border-radius:8px;justify-content:center;align-items:center;margin-right:6px;font-weight:400;display:flex;font-size:12px!important}.new-task-block-container .test-block{float:left;background-color:var(--color-controls);border-radius:2px;width:4px;margin-right:6px;height:12px!important}.new-task-block-container .test-block.active{background-color:var(--color-primary)}.new-task-block-container .test-block:last-child{margin-right:0}.new-task-block-container.xs .test-block{height:16px;margin-right:6px}.new-task-block-container.xs .test-block:last-child{margin-right:0}.task-block-container .test-block{float:left;background-color:var(--color-controls);border-radius:2px;width:4px;height:20px;margin-right:8px}.task-block-container .test-block.active{background-color:var(--color-primary)}.task-block-container .test-block:last-child{margin-right:0}.task-block-container.xs .test-block{height:16px;margin-right:6px}.task-block-container.xs .test-block:last-child{margin-right:0}.micro-phone-tester-tip{color:rgba(0,0,0,.54);margin-bottom:10px;font-size:12px}.input-mode-selector .select-box{margin-bottom:20px}.volume-setting .setting-group{width:320px;position:relative}.volume-setting .setting-group.block,.volume-setting .setting-group input{width:100%}.volume-setting .setting-label{height:24px;line-height:24px}.volume-setting .set-input-volume-tips{color:#fda700;font-size:12px;position:absolute;right:26px}.volume-setting .mic-input-volume-label{justify-content:space-between;font-weight:400;display:flex}.volume-setting .mic-input-volume-label .mic-boost{align-items:center;display:flex}.sensitivity-setting.setting-form-item.mix{padding:26px 24px}.sensitivity-setting .sens-tips{color:var(--text-tip-color);margin-top:8px;font-size:14px;line-height:18px}.change-phone-input-wrapper{border:1px solid var(--border-color);background-color:var(--color-ede);border-radius:6px;width:100%;padding:3px 4px;font-size:14px;line-height:14px;display:flex}.change-phone-input-wrapper:hover{border-color:var(--border-hover-color)}.change-phone-input-wrapper.active{border-color:var(--border-hover-color);box-shadow:0 0 0 3px var(--border-active-color)}.change-phone-input-wrapper .change-phone-input{color:inherit;background-color:transparent;border:0;flex:1;padding:0 12px;font-size:14px;line-height:14px}.change-phone-input-wrapper .identify_input{color:inherit;background-color:transparent;border:0;font-size:14px;line-height:14px}.change-phone-input-wrapper .change-phone-input{color:inherit}.change-phone-input-wrapper .right{align-items:center;width:72px;line-height:32px;display:flex}.change-phone-input-wrapper .right:before{background-color:var(--text-tip-color);width:1px;height:14px}.change-phone-input-wrapper .right .what-icon{color:#fff;text-align:center;cursor:pointer;background-color:#d8d8d8;border-radius:4px;width:24px;height:24px;margin-left:5px;font-size:18px;line-height:24px}.change-phone-input-wrapper .right .what-icon:after{content:"?"}.change-phone-input-wrapper .right .title{font-size:14px}@keyframes shadowPulse{0%{box-shadow:0 0 6px rgba(240,71,71,.3)}50%{box-shadow:0 0 10px rgba(240,71,71,.6)}to{box-shadow:0 0 6px rgba(240,71,71,.3)}}.key-listener-box{justify-content:left;align-items:center;display:flex}.key-listener-box .chuanyu-button.size-sm{min-width:72px}.key-listener-box .reset-btn{width:16px;height:16px;color:var(--text-tip-color);cursor:pointer;margin-right:8px;font-size:16px;line-height:16px}.key-listener-box .reset-btn:hover{color:var(--text-description-color)}.key-listener-wrapper{color:rgba(0,0,0,.5);border:1px solid var(--border-color);border-radius:12px;align-items:center;width:320px;height:40px;padding:0 16px;font-size:14px;display:flex}.key-listener-wrapper:hover{border-color:var(--border-hover-color)}.key-listener-wrapper.is-setting{border-color:var(--border-hover-color);box-shadow:0 0 0 3px var(--border-active-color);padding-right:4px}.key-listener-wrapper.error{border-color:var(--color-error);box-shadow:none}.key-listener-wrapper input{background-color:transparent;border:0;flex:1;line-height:30px}.key-listener-wrapper input::-webkit-input-placeholder{color:var(--text-tip-color)}.no-support-change-device{margin-bottom:20px;font-size:14px}.volume-setting .mic-boost .value-label{text-align:center}.setting-mic-boost{align-items:center;width:320px;height:30px;margin-bottom:20px;font-size:14px;display:flex}.setting-mic-boost .number-step{margin-left:10px}.sdk-enhanced-range .kaihei-range .input-range__track--active{background-color:transparent;overflow:hidden}.sdk-enhanced-range .kaihei-range .input-range__track--active:before{content:"";background-image:linear-gradient(90deg,#7acc35 0,#ff8200 100%);width:320px;height:100%;position:absolute;top:0;left:0}.user-name-input-wrapper{border:1px solid var(--border-color);border-radius:12px;width:100%;height:40px;padding:10px 16px;font-size:14px;line-height:14px;display:flex}.user-name-input-wrapper:hover{border-color:var(--border-hover-color)}.user-name-input-wrapper.active{border-color:var(--border-hover-color);box-shadow:0 0 0 3px var(--border-active-color)}.user-name-input-wrapper .user-name-input{color:inherit;background-color:transparent;border:0;flex:1;padding-right:12px;font-size:14px;line-height:14px}.user-name-input-wrapper .identify_input{width:40px;color:var(--text-color);box-sizing:border-box;background-color:transparent;border:0;outline:none;font-size:14px}.user-name-input-wrapper .right{border-left:1px solid var(--border-color);align-items:center;padding-left:12px;display:flex;position:relative}.user-name-input-wrapper .right .identify{align-items:center;margin-top:2px;display:flex}.user-name-input-wrapper .right .what-icon{text-align:center;cursor:pointer;width:16px;height:16px;color:var(--text-tip-color);font-size:16px;line-height:16px}.user-name-input-wrapper .right .what-icon:hover{color:var(--text-description-color)}.user-name-input-wrapper .right .title{font-size:14px}.modal-check-mobile-box{color:#101010;font-size:14px}.origin-phone-title{color:var(--text-color);margin-bottom:24px;padding-top:6px;font-size:14px;font-weight:400;line-height:20px}.modal-change-mobile-button{flex-direction:row-reverse;margin-top:24px;display:flex}.modal-body.dialog-feedback-ticket .tab-title .tab-button:hover,.modal-body.dialog-feedback-ticket .tab-title .tab-button:hover .kaihei-radio{border-color:var(--color-primary)}.ains-free-alert .dialog-confirm-footer .button-text{align-items:center;display:flex}.ains-free-alert .dialog-confirm-footer .button-text .vip-tag{margin-right:3px}.ains-free-alert-switch{align-items:center;height:24px;margin-top:16px;display:flex}.kook-nameplate-modal-wrapper{z-index:999;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100vw;height:100vh;animation-name:kaiheiModalContainer;animation-duration:.3s;animation-timing-function:cubic-bezier(.18,.89,.32,1.27);display:flex;position:fixed;top:0}@keyframes kaiheiModalContainer{0%{opacity:0}to{opacity:1}}.kook-nameplate-modal{background-color:var(--background-primary);border-radius:12px;width:520px;min-height:236px;animation-name:kaiheiModalBody;animation-duration:.3s;animation-timing-function:cubic-bezier(.18,.89,.32,1.27);position:fixed;box-shadow:0 2px 8px rgba(0,0,0,.08)}@keyframes kaiheiModalBody{0%{transform:scale(.2)}to{transform:scale(1)}}.kook-nameplate-modal .no_nameplate{height:390px;color:var(--text-tip-color);justify-content:center;font-size:14px;font-weight:400;display:flex}.kook-nameplate-modal .no_nameplate .empty{flex-direction:column;align-items:center;gap:16px;margin-top:88px;display:flex}.kook-nameplate-modal .title{height:26px;color:var(--text-color);justify-content:space-between;margin:24px 24px 18px;font-size:20px;font-weight:600;line-height:26px;display:flex}.kook-nameplate-modal .content{flex-direction:column;height:345px;display:flex;overflow:auto}.kook-nameplate-modal .content::-webkit-scrollbar{width:0}.kook-nameplate-modal .equipped-empty{border:1px dashed var(--border-color);text-align:center;width:472px;height:120px;color:var(--text-tip-color);border-radius:16px;margin-top:16px;margin-left:24px;margin-right:24px;font-size:14px;font-weight:400;line-height:120px}.kook-nameplate-modal .equipped-title{align-items:center;height:18px;margin-left:24px;font-size:12px;font-weight:600;line-height:18px;display:flex}.kook-nameplate-modal .equipped-title .sub-title{color:var(--text-description-color);width:81px}.kook-nameplate-modal .equipped-title .tips{color:var(--text-tip-color);align-items:center;font-weight:400;display:flex}.kook-nameplate-modal .equipped-title .buff_tag{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/buff_tag.bdb30c5d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:9px;width:46px;height:14px;margin-right:2px;display:inline-block}.kook-nameplate-modal .equipped-list{flex-wrap:wrap;gap:4px;margin-left:12px;display:flex}.kook-nameplate-modal .action-button{color:#fff;background-color:var(--color-primary);border-radius:8px;width:72px;height:24px;margin-top:13px;padding:2px 8px;font-size:14px;font-weight:500;display:none}.kook-nameplate-modal .prop-info{text-align:center;height:18px;margin-top:8px;font-size:12px;font-weight:400;line-height:18px}.kook-nameplate-modal .prop-info .prop-name{color:var(--text-color)}.kook-nameplate-modal .prop-info .prop-expire{color:var(--text-tip-color)}.kook-nameplate-modal .prop-info div{text-overflow:ellipsis;white-space:nowrap;width:72px;overflow:hidden}.kook-nameplate-modal .equipped-list-item{box-sizing:border-box;border-radius:16px;flex-direction:column;width:96px;height:134px;padding:12px;display:flex}.kook-nameplate-modal .equipped-list-item.active{background:var(--menu-hover)}.kook-nameplate-modal .equipped-list-item.active .prop-info{display:none}.kook-nameplate-modal .equipped-list-item.active .action-button{display:block}.kook-nameplate-modal .img-box{border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden}.kook-nameplate-modal .img-box img{max-width:68px;max-height:16px}.kook-nameplate-modal .img-box .status-text{text-align:center;color:#fff;background:rgba(0,0,0,.5);width:72px;height:18px;font-size:12px;font-weight:400;position:absolute;bottom:0}.kook-nameplate-modal .img-box .mark{background:rgba(0,0,0,.2);border-radius:0 0 0 8px;width:20px;height:20px;position:absolute;top:0;right:0}.kook-nameplate-modal .img-box .mark svg{width:12px;height:12px;margin-top:4px;margin-left:4px}.kook-nameplate-modal .unequipped-title{color:#666;height:18px;margin-top:16px;margin-bottom:2px;margin-left:24px;font-size:12px;font-weight:600;line-height:18px}.kook-nameplate-modal .unequipped-empty{color:#999;text-align:center;width:472px;height:120px;margin:0 24px 48px;font-size:14px;font-weight:400;line-height:120px}.kook-try-panel-modal-wrapper{z-index:999;width:100vw;height:100vh;position:fixed;top:0}.kook-try-panel-modal{background-color:var(--background-primary);border-radius:12px;width:400px;min-height:236px;position:fixed;box-shadow:0 2px 8px rgba(0,0,0,.08)}.kook-try-panel-modal .try-panel-loading{margin-top:88px;margin-left:191px}.kook-try-panel-modal .title{justify-content:space-between;align-items:center;height:42px;padding:0 16px;line-height:42px;display:flex}.kook-try-panel-modal .title span{color:var(--text-color);font-size:12px;font-weight:600}.kook-try-panel-modal .title svg{color:var(--text-tip-color);cursor:pointer;font-size:16px}.kook-try-panel-modal .title svg:hover{color:var(--text-description-color)}.kook-try-panel-modal .content{flex-wrap:wrap;gap:16px;width:400px;height:194px;padding:0 16px;display:flex;overflow:auto}.kook-try-panel-modal .content::-webkit-scrollbar{width:0}.kook-try-panel-modal .prop-item{width:80px;height:120px}.kook-try-panel-modal .prop-item-img-bg{border:2px solid transparent;border-radius:19px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.kook-try-panel-modal .prop-item-img-bg:hover{border:2px solid var(--color-controls)}.kook-try-panel-modal .prop-item-img{border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden}.kook-try-panel-modal .prop-item-img img{width:56px;height:56px}.kook-try-panel-modal .prop-item-status{color:#fff;text-align:center;background:rgba(0,0,0,.5);width:72px;height:20px;font-size:12px;font-weight:400;line-height:20px;position:absolute;bottom:0}.kook-try-panel-modal .selected .prop-item-img-bg{border:2px solid var(--color-primary)}.kook-try-panel-modal .prop-item-name{color:var(--text-color);margin-top:4px}.kook-try-panel-modal .prop-item-expiration{color:var(--text-tip-color)}.kook-try-panel-modal .notHave{color:var(--color-warn)}.kook-try-panel-modal .prop-item-name,.kook-try-panel-modal .prop-item-expiration{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:80px;height:18px;font-size:12px;font-weight:400;line-height:18px;overflow:hidden}.kook-try-panel-modal .footer{justify-content:flex-end;align-items:center;height:64px;padding-right:16px;display:flex}.kook-try-panel-modal .empty{flex-direction:column;align-items:center;width:400px;height:194px;display:flex}.kook-try-panel-modal .empty svg{color:#bcc2cd;margin-top:24px;margin-bottom:8px}.theme-dark .kook-try-panel-modal .empty svg{color:rgba(187,190,196,.25)}.kook-try-panel-modal .empty span{color:var(--text-tip-color);font-size:14px;font-weight:400}.user-card-preview{z-index:1;width:332px;position:relative}.user-card-preview .user-banner{height:74px;box-shadow:var(--box-shadow);background-image:url(https://static.kookapp.cn/app/static/media/userinfocard_banner.104027e2.png);background-position:50%;background-size:cover;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.user-card-preview .user-banner:hover .user-banner-shade{justify-content:center;align-items:center;display:flex}.user-card-preview .user-banner.has-banner{height:137px}.user-card-preview .user-banner .user-banner-shade{background-color:rgba(0,0,0,.5);width:100%;height:100%;display:none;position:absolute;top:0;left:0}.user-card-preview .user-banner .user-banner-shade.upload{cursor:pointer}.user-card-preview .user-banner .user-banner-shade.no-bg{background-color:transparent}.user-card-preview .user-card-preview-content{background-color:var(--color-light-bg);border-radius:16px;min-height:251px;margin-top:-16px;padding-bottom:8px;position:relative}.user-card-preview .user-card-preview-content>div{z-index:2;position:relative}.user-card-preview .user-card-preview-content>div.user-card-footer-section{position:absolute}.user-card-preview .user-card-preview-content>div.meme-container-old,.user-card-preview .user-card-preview-content>div.meme-container-5{z-index:1;position:absolute}.user-card-preview .user-avatar-box{background-color:var(--color-light-bg);border:4px solid var(--color-top-bg);border-radius:50%;width:72px;height:72px;position:absolute;top:-20px;left:20px}.user-card-preview .user-avatar-section{height:64px;position:relative}.user-card-preview .user-avatar-section .kook-avatar-upload{width:64px;height:64px}.user-card-preview .user-basic-section{margin-bottom:20px;padding:0 24px}.user-card-preview .user-basic-section .user-info-nameplate{color:var(--text-description-color);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:18px;display:flex}.user-card-preview .user-desc-section{pointer-events:none;margin-bottom:16px;padding:0 24px}.user-card-preview .user-desc-section .markdown-preview .spoiler,.user-card-preview .user-desc-section .markdown-preview .text-link{pointer-events:auto}.user-card-preview .user-desc-section .title{margin-bottom:8px;font-size:12px;font-weight:600;line-height:18px}.user-card-preview .user-desc-section .content{-webkit-line-clamp:6;-webkit-box-orient:vertical;max-height:120px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.user-card-preview .user-joined-duration{color:var(--text-tip-color);margin-bottom:16px;padding:0 24px;font-size:12px;font-weight:600;line-height:18px}.user-card-preview .user-username{align-items:center;margin-bottom:4px;font-size:20px;font-weight:600;line-height:26px;display:flex;overflow:hidden}.user-card-preview .user-username .text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:nowrap;flex-shrink:0;overflow:hidden}.user-card-preview .user-username .text .name{word-break:break-all;white-space:nowrap;text-overflow:ellipsis;float:left;max-width:126px;overflow:hidden}.user-card-preview .user-username .text .name.has_nick{max-width:180px}.user-card-preview .user-username .emoji{height:16px;margin-top:-2px;display:inline-block}.user-card-preview .user-username .tag{vertical-align:text-bottom}.user-card-preview .user-username .vip-tag{margin-left:4px}.user-card-preview .banner-upload-button{color:#fff;cursor:pointer;background:rgba(0,0,0,.5);border-radius:8px;justify-content:center;align-items:center;width:80px;height:32px;margin-top:-16px;font-size:14px;line-height:20px;display:flex}.user-card-preview .banner-remove{text-align:center;color:rgba(255,255,255,.8);cursor:pointer;background-color:rgba(0,0,0,.5);border-radius:50%;width:24px;height:24px;font-size:20px;line-height:24px;position:absolute;top:8px;right:8px}.user-card-preview .banner-remove:hover{color:#fff}.kaihei-icon-uploader-cmp{align-items:center;display:flex}.kaihei-icon-uploader-cmp .kaihei-head-uploader-cmp{margin-right:16px}.kaihei-icon-uploader-cmp .kaihei-head-uploader-cmp .preview-box{width:80px;height:80px;box-shadow:none;background-color:transparent;border-radius:0;overflow:hidden}.kaihei-icon-uploader-cmp .kaihei-head-uploader-cmp .preview-box .upload-avatar-box-empty{border:2px dashed var(--text-tip-color);border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.kaihei-icon-uploader-cmp .kaihei-head-uploader-cmp .preview-box .upload-avatar-box-empty.canEdit:hover{background-color:var(--menu-hover)}.kaihei-icon-uploader-cmp .kaihei-head-uploader-cmp .preview-box .upload-avatar-box-empty.canEdit:active{background-color:var(--menu-active)}.kaihei-icon-uploader-cmp .upload-ctrl .upload-tips{font-size:12px;line-height:16px}.kaihei-head-uploader-cmp{display:inline-flex}.kaihei-head-uploader-cmp .upload-avatar-box{display:inline-flex;position:relative}.kaihei-head-uploader-cmp .upload-avatar-box:hover .user-head-preview-box-hover{display:inline-flex}.kaihei-head-uploader-cmp .preview-box{width:72px;height:72px;box-shadow:0 0 0 4px var(--color-grey-bg);border-radius:50%;position:relative;overflow:hidden}.kaihei-head-uploader-cmp .preview-box.canEdit{cursor:pointer}.kaihei-head-uploader-cmp .preview-box.size-md{width:100px;height:100px}.kaihei-head-uploader-cmp .preview-box.size-md .guild-text-logo{letter-spacing:5px}.kaihei-head-uploader-cmp .preview-box .preview-img{background-size:contain;border-radius:50%;width:100%;height:100%}.kaihei-head-uploader-cmp .preview-box .upload-img{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.kaihei-head-uploader-cmp .upload-ctrl{flex-direction:column;justify-content:center;align-items:center;display:flex}.kaihei-head-uploader-cmp .upload-ctrl .upload-tips{color:rgba(0,0,0,.2);font-size:14px;line-height:22px}.user-head-preview-box-hover{color:#fff;text-align:center;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;line-height:18px;display:none;position:absolute;top:0;left:0}.edit-avatar-icon{text-align:center;background-color:var(--menu-background);width:24px;height:24px;color:var(--text-tip-color);box-shadow:var(--box-shadow);cursor:pointer;border-radius:50%;font-size:20px;line-height:24px;position:absolute;bottom:0;right:0}.image-type-selector-dialog{width:auto;padding:24px}.image-type-selector-dialog .user-avatar-shower{width:420px;margin-bottom:24px}.image-type-selector-dialog .user-avatar-shower .img{width:188px;height:141px;position:relative}.image-type-selector-dialog .user-avatar-shower .img.dongtai{background-image:url(https://static.kookapp.cn/app/static/media/dongtai_avatar_shower.9460e702.png);background-size:cover}.image-type-selector-dialog .user-avatar-shower .img.jingtai{background-image:url(https://static.kookapp.cn/app/static/media/jingtai_avatar_shower.82e19e71.png);background-size:cover}.image-type-selector-dialog .user-avatar-shower .img .avarat_shower{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:80px;height:80px;position:absolute;top:34px;left:24px}.image-type-selector-dialog .change-avatar-content{justify-content:space-between;display:flex}.image-type-selector-dialog .change-avatar-content .change-avatar-item{text-align:center;width:188px}.image-type-selector-dialog .change-avatar-content .change-avatar-item .guild-icon-bg{justify-content:center;align-items:center;width:124px;height:107px;margin:10px auto 19px;display:flex}.image-type-selector-dialog .change-avatar-content .change-avatar-item .guild-icon-bg .guild-icon_shower{width:88px;height:88px;box-shadow:0 0 0 4px var(--left-nav-background);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%}.image-type-selector-dialog .change-avatar-content .change-avatar-item .guild-icon-bg.dongtai{background-image:url(https://static.kookapp.cn/app/static/media/run_guild_icon_bg.fe6bdd1a.png);background-size:100%}.image-type-selector-dialog .change-avatar-content .change-avatar-item .title{color:var(--main-color);margin-bottom:8px;font-size:20px;font-weight:600;line-height:20px}.image-type-selector-dialog .change-avatar-content .change-avatar-item .desc{color:var(--secondary-color);text-align:center;margin-bottom:16px;padding:0 16px;font-size:14px;font-weight:400;line-height:20px}.image-type-selector-dialog .change-avatar-content .line{background-color:var(--color-light-bg);width:1px}.image-type-selector-dialog .change-avatar-content button{border:0;outline:none}.image-type-selector-dialog .change-avatar-content .big-button{border-radius:12px;width:160px;height:36px;font-size:14px;font-weight:600;line-height:36px}.image-type-selector-dialog .change-avatar-content .big-button.open-vip{background-color:var(--color-primary);color:#fff}.image-type-selector-dialog .change-avatar-content .big-button.continue{background:var(--button-default);color:var(--text-description-color)}.image-type-selector-dialog .change-avatar-content .other-avatar{color:var(--text-description-color);cursor:pointer;margin-top:12px;font-size:12px}.image-crop-dialog{padding:24px 24px 80px}.image-crop-dialog .image-crop-title{color:var(--main-color);height:16px;margin-bottom:24px;font-size:16px;font-weight:600;line-height:16px}.image-crop-dialog .image-crop-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:url(https://static.kookapp.cn/app/static/media/image-crop-bg.8496aeac.svg);background-repeat:repeat-x;border-radius:16px;justify-content:center;align-items:center;width:392px;height:235px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.image-crop-dialog .image-crop-container .image{pointer-events:all;cursor:grab;height:100%;position:absolute}.image-crop-dialog .image-crop-container .image-overlay{z-index:1;box-sizing:border-box;pointer-events:none;border:5px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 9999px rgba(0,0,0,.7)}.image-crop-dialog .image-scale-range{margin-bottom:16px}.image-crop-dialog .range-scaleplate{color:var(--text-description-color);justify-content:space-between;font-size:12px;line-height:18px;display:flex}.guild-image-crop-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:url(https://static.kookapp.cn/app/static/media/image-crop-bg.8496aeac.svg);background-repeat:repeat-x;border-radius:16px;width:392px;height:230px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.guild-image-crop-container .loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.guild-image-crop-container .image{pointer-events:all;cursor:grab;position:absolute}.kook-avatar-upload{width:80px;height:80px;position:relative}.previous-image-dialog .dialog-content{background:#000;border-radius:16px;justify-content:center;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.previous-image-dialog .dialog-content.avatar{height:235px}.previous-image-dialog .dialog-content.banner{height:162px}.previous-image-dialog .dialog-content img{height:100%}.previous-image-dialog .dialog-download-img{cursor:pointer;color:rgba(255,255,255,.87);background-color:rgba(0,0,0,.5);border-radius:50%;width:24px;height:24px;position:absolute;bottom:16px;right:16px}.previous-image-dialog .dialog-download-img:hover{color:#fff}.previous-image-dialog .dialog-footer{justify-content:flex-end;align-items:center;padding-top:24px;display:flex}.previous-image-dialog .dialog-footer .kook-button{margin-left:8px}.meme-container{z-index:-1;pointer-events:none;width:916px;position:absolute;left:-292px}.meme-container-1,.meme-container-3{height:134px;top:-76px}.meme-container-2,.meme-container-4{height:411px;bottom:-160px}.meme-container-5{z-index:1;pointer-events:all;width:332px;height:251px;bottom:0;left:0}.user-desc-dialog.size-lg{width:600px}.user-desc-dialog.size-lg .user-desc-content{height:295px}.user-desc-dialog .kook-markdown-editor{font-size:14px;line-height:20px}.user-desc-dialog .kook-markdown-editor div,.user-desc-dialog .kook-markdown-editor span,.user-desc-dialog .kook-markdown-editor code,.user-desc-dialog .kook-markdown-editor p{word-break:break-all}.user-desc-dialog .user-desc-title{margin-bottom:20px;font-size:20px;font-weight:600;line-height:26px}.user-desc-dialog .user-desc-content{border:1px solid var(--color-line);border-radius:12px;height:144px;padding:12px 72px 12px 16px;position:relative}.user-desc-dialog .user-desc-editor{height:100%;overflow:auto}.user-desc-dialog .user-desc-footer{justify-content:flex-end;padding-top:24px;display:flex}.user-desc-dialog .emoji-button{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:24px;display:flex;position:absolute;top:8px;right:16px}.user-desc-dialog .emoji-button.disabled{cursor:not-allowed}.user-desc-dialog .lenght-limit{color:var(--text-tip-color);font-size:12px;position:absolute;bottom:8px;right:16px}.user-desc-dialog .lenght-limit.error{color:var(--color-error)}.kaihei-guild-icon{text-align:center;background-color:var(--color-light-bg);width:40px;height:40px;color:var(--text-color);clip-path:path("M 0,20 C 0,2.13,2.13,0,20,0 C 37.87,0,40,2.13,40,20 C 40,37.87,37.87,40,20,40 C 2.13,40,0,37.87,0,20");background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;font-size:16px;line-height:1.25;display:flex;position:relative}.kaihei-guild-icon.grey-bg{background-color:var(--color-grey-bg)}.kaihei-guild-icon .emoji{vertical-align:middle;height:16px;display:inline-block}.kaihei-guild-icon .text{text-align:center}.kaihei-guild-icon.max{width:80px;height:80px;clip-path:path("M 0,40 C 0,4.25,4.25,0,40,0 C 75.75,0,80,4.25,80,40 C 80,75.75,75.75,80,40,80 C 4.25,80,0,75.75,0,40");font-size:32px}.kaihei-guild-icon.max .emoji{height:32px}.kaihei-guild-icon.medium{width:48px;height:48px;clip-path:path("M 0,24 C 0,2.55,2.55,0,24,0 C 45.45,0,48,2.55,48,24 C 48,45.45,45.45,48,24,48 C 2.55,48,0,45.45,0,24");font-size:20px}.kaihei-guild-icon.medium .emoji{height:20px}.kaihei-guild-icon.large{width:64px;height:64px;clip-path:path("M 0,32 C 0,3.4,3.4,0,32,0 C 60.6,0,64,3.4,64,32 C 64,60.6,60.6,64,32,64 C 3.4,64,0,60.6,0,32");font-size:26px}.kaihei-guild-icon.large .emoji{height:26px}.kaihei-guild-icon.large56{width:56px;height:56px;clip-path:path("M 0,28 C 0,2.97,2.97,0,28,0 C 53.03,0,56,2.97,56,28 C 56,53.03,53.03,56,28,56 C 2.97,56,0,53.03,0,28");font-size:23px}.kaihei-guild-icon.large56 .emoji{height:23px}.kaihei-guild-icon.large64{width:64px;height:64px;clip-path:path("M 0,32 C 0,3.4,3.4,0,32,0 C 60.6,0,64,3.4,64,32 C 64,60.6,60.6,64,32,64 C 3.4,64,0,60.6,0,32");font-size:26px}.kaihei-guild-icon.large64 .emoji{height:26px}.kaihei-guild-icon .mention{text-align:center;color:#fff;border:2px solid var(--menu-background);background-color:var(--color-error);border-radius:9px;min-width:14px;font-size:12px;line-height:14px;position:absolute;top:-2px;right:-2px}.kaihei-guild-icon .unread{border:2px solid var(--menu-background);background-color:var(--color-error);border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}.emoji-panel{z-index:10;width:415px;height:330px;box-shadow:var(--box-shadow);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color);background-color:var(--menu-background);border-radius:16px;flex-direction:column;display:flex;position:absolute;right:5px;overflow:hidden}.theme-menu-blur .emoji-panel{background-color:transparent}.theme-menu-blur .emoji-panel:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.emoji-panel.upper{bottom:60px}.emoji-panel .gray{-webkit-filter:grayscale();filter:grayscale();cursor:not-allowed}.emoji-panel-header{background-color:var(--color-line);align-items:center;height:48px;padding:10px 16px 10px 24px;display:flex}.emoji-panel-header .emoji-button-manage{color:var(--text-tip-color);cursor:pointer}.emoji-panel-search{border-radius:var(--button-radius);border:1px solid transparent;flex-grow:1;height:32px;margin-right:16px;position:relative}.emoji-panel-search input{height:28px;color:var(--text-color);background-color:var(--color-top-bg);border:none;border-radius:8px;width:100%;padding:0 30px 0 16px;font-size:12px;line-height:28px}.emoji-panel-search input::-webkit-input-placeholder{color:var(--text-tip-color)}.emoji-panel-search input::-ms-input-placeholder{color:var(--text-tip-color)}.emoji-panel-search input::placeholder{color:var(--text-tip-color)}.emoji-panel-search>.icon{color:var(--text-tip-color);cursor:pointer;position:absolute;top:6px;right:8px}.emoji-panel-search>.icon:hover,.emoji-panel-search>.icon:active{color:var(--text-description-color)}.emoji-panel-search .iconrole-member-search-close{cursor:pointer}.emoji-panel-footer{background-color:var(--color-line);flex-shrink:0;height:40px;padding-left:16px;padding-right:16px;display:flex}.emoji-item-list{outline:none;padding:5px 0}.emoji-item-list .emoji-row{padding:0 18px;display:flex}.emoji-item-list .emoji-none{height:calc(100% - 34px);color:var(--text-tip-color);justify-content:center;align-items:center;font-size:14px;display:flex}.emoji-item-list .emoji-item{cursor:pointer;text-align:center;width:24px;height:24px;padding:5px 6px;display:inline-block;overflow:hidden}.emoji-item-list .emoji-item.emoji-item-interact{width:48px;height:48px}.emoji-item-list .emoji-item.emoji-item-interact>img{max-width:100%;height:100%}.emoji-item-list .emoji-item:hover{transform:scale(1.2)}.emoji-item-list .emoji-item img{object-fit:contain;max-width:24px;height:24px;margin:0 auto}.emoji-item-list .emoji-item .add{color:var(--text-tip-color);font-size:24px}.emoji-item-list .emoji-item .add:hover{color:var(--text-description-color)}.emoji-item-list .emoji-add-icon:hover{transform:scale(1)}.emoji-item-list .kookiconfont{width:24px;height:24px;color:var(--text-tip-color);justify-content:center;align-items:center;font-size:24px;display:flex}.emoji-item-list .emoji-img{cursor:pointer;text-align:center;width:24px;height:24px;padding:5px 7px;display:inline-block}.emoji-item-list .emoji-img:hover{transform:scale(1.2)}.emoji-item-list.guild-emoji{flex:1;overflow-y:auto}.emoji-item-list.guild-emoji .emoji-row{flex-wrap:wrap}.emoji-title{color:var(--text-tip-color);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;margin-top:6px;margin-bottom:6px;padding:0 24px;font-size:12px;line-height:18px;overflow:hidden}.emoji-item-info{z-index:10;width:116px;box-shadow:var(--box-shadow);background-color:var(--menu-background);border-radius:16px;flex-direction:column;align-items:center;padding:4px 8px 8px;display:flex;position:fixed;transform:translate(-50%,-100%)}.theme-menu-blur .emoji-item-info{background-color:transparent}.theme-menu-blur .emoji-item-info:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.emoji-item-info .emoji-item{max-width:100px;height:100px}.emoji-item-info .emoji-name{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;margin-top:4px;margin-bottom:12px;font-size:12px;line-height:18px;overflow:hidden}.emoji-item-info .emoji{object-fit:contain;width:100px;height:100px}.emoji-categorie-list{flex:1;display:flex}.emoji-categorie-list::-webkit-scrollbar{width:0;height:0}.emoji-categorie-list .kaihei-guild-icon{background-color:var(--color-top-bg);color:var(--text-color);transform:scale(.6)}.emoji-category{cursor:pointer;width:40px;height:100%;color:var(--text-description-color);flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.emoji-category:hover{background-color:var(--menu-hover)}.emoji-category.active{background-color:var(--color-top-bg)}.emoji-category.prev{transform:rotate(180deg)}.emoji-category .iconfont{width:24px;height:24px;font-size:24px;line-height:24px}.emoji-category .collection{width:24px;height:24px;font-size:24px}.emoji-panel-button-add{position:relative}.emoji-category .emoji-panel-button-add.iconfont{font-size:22px}.emoji-panel-button-add .unread{background-color:var(--color-error);border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}.fixed-panel{z-index:999;position:fixed}.fixed-panel .emoji-panel{position:relative;bottom:0;left:0}.modal-resetpass-box{color:#101010;font-size:14px}.modal-resetpass-button{flex-direction:row-reverse;display:flex}.modal-resetpass-button button{width:116px;font-size:14px;font-weight:700}.copyright-title{color:var(--text-tip-color);margin-top:13px;font-size:12px;line-height:12px}.modal-prefix-input-wrapper{border:1px solid #bbb;border-radius:2px;padding:10px 12px;display:flex;position:relative}.modal-prefix-input-wrapper .modal-prefix-content{width:90px;font-size:14px}.modal-prefix-input-wrapper input{border:0;outline:none;flex:1;height:20px;line-height:20px}.modal-suffix-input-wrapper{border:1px solid var(--border-color);border-radius:12px;padding:10px 16px;line-height:20px;display:flex}.modal-suffix-input-wrapper:hover{border-color:var(--border-hover-color)}.modal-suffix-input-wrapper.active{border-color:var(--border-hover-color);box-shadow:0 0 0 3px var(--border-active-color)}.modal-suffix-input-wrapper .modal-suffix-input{background-color:transparent;border:0;flex:1}.modal-suffix-input-wrapper .modal-suffix-content .get-code-btn-wrapper{color:#73b1f2;padding-left:20px}.modal-setpass-box{color:#101010;font-size:14px}.modal-setpass-box .setpass-form{margin-bottom:30px}.modal-setpass-box .get-code-btn-wrapper{color:#46a5f7;width:100%}.modal-setpass-box .setpass-button{margin-bottom:16px}.device-groups .device-group-item:not(:last-child){margin-bottom:24px}.device-groups .group-title{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;font-weight:400;line-height:18px}.device-groups .device-list{border-radius:16px;overflow:hidden}.device-groups .device-list:empty{background-color:var(--menu-background);justify-content:center;align-items:center;height:100px;display:flex}.device-groups .device-list:empty.other:after{content:"当前未在其它设备登录";color:var(--text-tip-color);font-size:12px}.device-groups .device-list .device-item{background-color:var(--menu-background);padding:16px 24px}.device-groups .device-list .device-item:not(:last-child){border-bottom:1px solid var(--color-line)}.device-groups .device-list .device-item .main-color{color:var(--text-color)}.device-groups .device-list .device-item .text-line{font-size:14px;font-weight:400;line-height:20px}.device-groups .device-list .device-item .text-line .title{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.device-groups .device-list .device-item .text-line.online{color:var(--color-primary);padding-left:10px;position:relative}.device-groups .device-list .device-item .text-line.online:before{content:"";background-color:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.device-groups .device-list .device-item .text-line.tip{color:var(--text-tip-color)}.device-groups .device-list .device-item .text-line:not(:last-child){margin-bottom:4px}.device-groups .device-list .device-item .icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-right:8px;display:flex}.user-info-setting-content .custom-invite-card-bg-wrapper{flex-direction:column;padding:20px 24px;display:flex}.user-info-setting-content .custom-invite-card-bg-wrapper .set-title{margin-bottom:13px}.user-info-setting-content .invite-card-bg-wrapper{gap:16px;display:flex}.user-info-setting-content .invite-card-bg-item-mask{opacity:.5;visibility:hidden;z-index:2;background:#000;border-radius:12px;justify-content:center;align-items:center;width:141px;height:68px;display:flex;position:absolute;top:0;left:0}.user-info-setting-content .invite-card-bg-item-mask button{color:#fff;border:1px solid #ebedf5;border-radius:8px;width:64px;height:24px;font-size:12px;font-weight:600;line-height:18px}.user-info-setting-content .theme-name{display:flex}.user-info-setting-content .theme-button{font-size:12px;font-weight:600;display:none}.user-info-setting-content .invite-card-bg-item-wrapper:hover .invite-card-bg-item-mask{visibility:visible}.user-info-setting-content .invite-card-bg-item-wrapper:hover .theme-name{color:#999;font-size:14px;font-weight:400;line-height:24px;display:none}.user-info-setting-content .invite-card-bg-item-wrapper:hover .theme-button{display:flex}.user-info-setting-content .invite-card-bg-item{cursor:pointer;background-size:cover;background-color:var(--color-light-bg);border-radius:12px;justify-content:center;align-items:center;width:141px;height:68px;display:flex;position:relative}.user-info-setting-content .invite-card-bg-item .buff-tag{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/buff_tag.bdb30c5d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:46px;height:14px;margin-left:4px;display:inline-block;position:absolute;top:6px;right:6px}.user-info-setting-content .invite-card-bg-item.selected{border:2px solid #7acc35}.user-info-setting-content .invite-card-bg-item.selected .invite-card-bg-item-mask{border-radius:10px;width:137px;height:64px}.user-info-setting-content .theme-footer{text-align:center;justify-content:center;height:24px;margin-top:8px;display:flex}.user-info-setting-content .invite-theme-preview-body{width:548px}.user-info-setting-content .invite-theme-preview-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}.user-info-setting-content .invite-theme-card-preview{justify-content:center;align-items:center;width:500px;height:208px;margin-bottom:24px;display:flex}.user-info-setting-content .normal-invite-theme-card{background:var(--color-top-bg);border-radius:6px 16px 16px 6px;width:420px;height:112px;padding:16px 16px 20px}.user-info-setting-content .normal-invite-theme-card .title{color:var(--text-description-color);margin-bottom:16px;font-size:12px;font-weight:400;line-height:12px}.user-info-setting-content .normal-invite-theme-card .info-box{margin-bottom:16px;display:flex}.user-info-setting-content .normal-invite-theme-card .server-avatar{border-radius:8px;width:48px;height:48px;margin-right:12px}.user-info-setting-content .normal-invite-theme-card .info-content{flex:1;justify-content:space-between;padding-top:5px;display:flex}.user-info-setting-content .normal-invite-theme-card .info-content .content{flex-direction:column;display:flex}.user-info-setting-content .normal-invite-theme-card .server-name{color:var(--text-color);margin-bottom:8px;font-size:16px;font-weight:600;line-height:16px}.user-info-setting-content .normal-invite-theme-card .member-info{align-items:center;font-size:14px;font-weight:400;line-height:14px;display:flex}.user-info-setting-content .normal-invite-theme-card .member-info .ball{background:#7acc35;border-radius:50%;width:8px;height:8px;margin-right:3px}.user-info-setting-content .normal-invite-theme-card .member-info .ball:last-of-type{background:#a3a3a3}.user-info-setting-content .normal-invite-theme-card .join{border-radius:6px;width:81px;height:36px}.user-info-setting-content .buff-invite-theme-card{background:#fefefe;background-color:var(--color-top-bg);border-radius:6px 16px 16px 6px;width:420px;height:192px;padding:16px}.user-info-setting-content .buff-invite-theme-card .buff-invite-theme-bg{background-size:cover;border-radius:8px;flex-direction:column;justify-content:center;width:388px;height:160px;padding:16px;display:flex;overflow:hidden}.user-info-setting-content .buff-invite-theme-card .title{color:var(--text-description-color);margin-bottom:16px;font-size:12px;font-weight:400;line-height:12px}.user-info-setting-content .buff-invite-theme-card .info-box{margin-bottom:16px;display:flex}.user-info-setting-content .buff-invite-theme-card .server-avatar{border-radius:8px;width:48px;height:48px;margin-right:12px}.user-info-setting-content .buff-invite-theme-card .info-content{padding-top:5px}.user-info-setting-content .buff-invite-theme-card .server-name{color:var(--text-color);margin-bottom:8px;font-size:16px;font-weight:600;line-height:16px}.user-info-setting-content .buff-invite-theme-card .member-info{align-items:center;font-size:14px;font-weight:400;line-height:14px;display:flex}.user-info-setting-content .buff-invite-theme-card .member-info .ball{background:#7acc35;border-radius:50%;width:8px;height:8px;margin-right:3px}.user-info-setting-content .buff-invite-theme-card .member-info .ball:last-of-type{background:#a3a3a3}.user-info-setting-content .buff-invite-theme-card .join{color:#222;background:#ffd200;border-radius:6px;width:356px;height:36px;font-size:14px;font-weight:600;line-height:36px}.authed-app-item{background-color:var(--color-grey-bg);border-radius:16px;margin-bottom:8px;padding:20px 24px}.authed-app-item .chuanyu-button{display:none}.authed-app-item:hover .chuanyu-button{display:inline-block}.authed-app-item .authed-app-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.authed-app-item .authed-app-subtitle{color:var(--text-tip-color);margin-bottom:8px}.authed-app-item .authed-app-description{margin-bottom:16px}.authed-app-item .authed-app-description .emoji{height:16px;display:inline-block}.authed-app-item .authed-app-description .text-link{color:var(--color-link)}.authed-app-item .app-icon{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:48px;height:48px;margin-right:8px;overflow:hidden}.authed-app-item .app-name{flex:1;max-width:100%;font-size:16px;line-height:22px}.authed-app-item .app-auth-item{align-items:center;margin-bottom:8px;display:flex}.authed-app-item .app-auth-item:last-child{margin-bottom:0}.authed-app-item .checked-icon{background-color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-right:8px;display:flex}.authed-app-item .checked-icon .kookiconfont{color:#fff;font-size:14px;line-height:16px}.user-account-info-panel{background-color:var(--color-grey-bg);border-radius:16px;padding:24px}.user-account-info-panel .user-review-status-alert{box-sizing:border-box;height:28px;color:var(--color-warn);background-color:rgba(255,130,0,.1);border-radius:8px;justify-content:center;align-items:center;margin-bottom:8px;font-size:12px;font-weight:400;display:flex}.user-account-info-panel .user-review-status-alert .icon{background-image:url(https://static.kookapp.cn/app/static/media/navigation-warning-large-solid@2x.c32d0762.png);background-size:16px;width:16px;height:16px;margin-right:4px}.user-account-info-panel .buff-tag{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/buff_tag.bdb30c5d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:46px;height:14px;margin-left:4px;display:inline-block}.user-account-info-panel .user-desc-box{-webkit-line-clamp:6;-webkit-box-orient:vertical;width:284px;max-height:120px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.user-account-info-panel .user-desc-box .placeholder{color:var(--text-tip-color)}.user-info-editor{flex:1;margin-right:16px}.user-editor-item{margin-bottom:32px}.user-editor-item:last-child{margin-bottom:0}.user-editor-item .title{align-items:center;height:18px;font-size:12px;font-weight:600;line-height:18px;display:flex}.user-editor-item .title .kookiconfont{color:var(--text-tip-color);margin-left:2px;font-weight:400}.user-editor-item .description{color:var(--text-tip-color);margin-top:4px;font-size:12px;font-weight:400;line-height:18px}.user-editor-item .content{margin-top:8px}.user-editor-item .content .kook-button{margin-right:8px}.user-editor-item .user-editor-username{cursor:pointer;margin-bottom:8px;font-size:14px;font-weight:400;line-height:20px}.user-editor-item .user-editor-username .user-identify{color:var(--text-tip-color);margin-left:2px}.user-editor-item .user-editor-warning{color:var(--color-warn);margin-top:8px;font-size:12px;line-height:18px}.button-decorations-kprop{cursor:pointer;background-size:contain;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;overflow:hidden}.button-decorations-kprop .kprop-icon{background-size:contain;width:24px;height:24px}.button-decorations-kprop .mask{color:#fff;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.button-decorations-kprop:hover .mask{display:flex}.button-decorations-kprop-add{background:var(--color-light-bg);height:32px;color:var(--text-description-color);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;display:inline-flex}.button-decorations-kprop-add:hover{color:var(--color-primary)}.avatar-setting.kook-avatar-upload{position:absolute;top:-40px;left:24px}.inviter-info-loading{justify-content:center;align-items:center;height:18px;display:flex}.inviter-from-info .setting-form-label .title{font-size:16px;font-weight:600;line-height:22px}.inviter-from-info .user-status{color:var(--text-tip-color);word-break:keep-all;white-space:nowrap;margin-left:4px;font-size:14px}.inviter-info-user-info{align-items:center;padding:4px 0;display:flex}.inviter-info-user-info .inviter-label{flex-shrink:0;font-size:14px}.inviter-info-user-info .inviter-desc{color:var(--text-tip-color);font-size:14px;font-weight:400;line-height:18px}.inviter-info-user-info .user-avatar{border-radius:50px;flex-shrink:0;width:24px;height:24px;margin-right:8px;display:inline-block}.inviter-info-user-info .user-username{display:flex;overflow:hidden}.inviter-info-user-info .user-username-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-logoff .text{color:var(--text-color)}.agree-tips{color:var(--main-color);align-items:center;margin-bottom:16px;font-size:14px;font-weight:400;display:flex}.agree-tips .kaihei-checkbox-mute{margin-right:8px}.logoff-rules{margin-bottom:24px}.logoff-rules .logoff-item{margin-bottom:16px;padding-left:22px;position:relative}.logoff-rules .logoff-item .icon{text-align:center;color:#fff;background-size:100%;background-color:var(--color-error);border-radius:50%;width:16px;height:16px;font-size:16px;line-height:16px;position:absolute;top:0;left:0}.logoff-rules .logoff-item .icon.kookiconfont-check{background-color:var(--color-primary);font-size:14px}.logoff-rules .logoff-item .rule-title{color:var(--main-color);margin-bottom:8px;font-size:14px;font-weight:400;line-height:20px}.logoff-rules .logoff-item .rule-desc{color:var(--text-tip-color);font-size:12px;font-weight:400;line-height:18px}.logoff-remind .logoff-content{max-height:364px;color:var(--main-color);font-size:12px;font-weight:400;line-height:20px;overflow-y:auto}.logoff-remind .logoff-content p{margin-bottom:16px}.logoff-remind .logoff-footer{justify-content:center;width:100%;padding:22px 24px;display:flex;position:absolute;bottom:0;left:0}.logoff-remind .logoff-footer button:first-child{margin-right:24px}.kook-tooltip{box-sizing:border-box;color:#fff;word-break:break-all;white-space:nowrap;text-align:left;z-index:100;pointer-events:none;background:rgba(255,255,255,.3);border-radius:10px;max-width:150px;min-height:30px;padding:6px 8px;font-size:14px;line-height:18px;position:absolute}.kook-tooltip.top{bottom:100%;left:50%;transform:translate(-50%,-10px)}.kook-tooltip.top .kook-tooltip__angle{border-top:6px solid rgba(255,255,255,.3);border-left:6px solid transparent;border-right:6px solid transparent;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.kook-tooltip.bottom{top:100%;left:50%;transform:translate(-50%,10px)}.kook-tooltip.bottom .kook-tooltip__angle{border-bottom:6px solid rgba(255,255,255,.3);border-left:6px solid transparent;border-right:6px solid transparent;width:0;height:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.kook-tooltip.right{top:50%;left:100%;transform:translate(10px,-50%)}.kook-tooltip.right .kook-tooltip__angle{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(255,255,255,.3);width:0;height:0;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.feedback-dialog{z-index:10;background-color:var(--color-grey-bg);width:440px;color:var(--text-color);border-radius:16px;padding:21px 24px 24px;position:relative;overflow:hidden}.feedback-dialog .close-modal-btn{position:absolute;top:24px;right:24px}.feedback-dialog .link-list{justify-content:space-between;display:flex}.feedback-dialog .link-item{border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;width:192px;height:56px;padding-left:16px;padding-right:8px;font-size:14px;line-height:20px;display:flex;position:relative}.feedback-dialog .link-item:hover .link-item-bg{background-color:var(--menu-hover)}.feedback-dialog .link-item:active .link-item-bg{background-color:var(--menu-active)}.feedback-dialog .link-item .icon{background-size:cover;width:24px;height:24px}.feedback-dialog .link-item .icon.help-doc{background-image:url(https://static.kookapp.cn/app/static/media/help_doc_light.79a7761d.svg)}.theme-dark .feedback-dialog .link-item .icon.help-doc{background-image:url(https://static.kookapp.cn/app/static/media/help_doc_dark.b4d5ed5d.svg)}.feedback-dialog .link-item .icon.ticket{background-image:url(https://static.kookapp.cn/app/static/media/ticket_light.93019af0.svg)}.theme-dark .feedback-dialog .link-item .icon.ticket{background-image:url(https://static.kookapp.cn/app/static/media/ticket_dark.8f973ddb.svg)}.feedback-dialog .link-item .center{flex:1;padding:0 8px;line-height:20px}.feedback-dialog .link-item .right{width:32px;height:32px}.feedback-dialog .link-item .right .iconfont{color:var(--text-tip-color);font-size:32px;line-height:32px}.feedback-dialog .link-item-bg{border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0}.feedback-dialog .link-description{color:var(--text-description-color);margin-top:2px;font-size:14px}.feedback-dialog .other-gateway{color:var(--text-tip-color);align-items:center;margin-top:24px;font-size:12px;line-height:18px;display:flex}.feedback-dialog .other-gateway a{margin-right:8px}.feedback-dialog .gateway-button{width:24px;height:24px;color:var(--text-tip-color);font-size:24px;line-height:24px;display:inline-block}.feedback-dialog .gateway-button:hover{color:var(--text-description-color)}.feedback-dialog .gateway-button:active{color:var(--text-color)}.feedback-faq{margin-bottom:16px}.feedback-faq .feedback-faq-title{margin-bottom:8px}.feedback-faq .feedback-faq-list{flex-wrap:wrap;font-size:14px;display:flex}.feedback-faq .feedback-fq-item{border:1px solid var(--border-color);border-radius:8px;height:32px;margin-bottom:8px;margin-right:8px;padding:6px 12px}.feedback-faq .feedback-fq-item:nth-child(2n){margin-right:0}.feedback-faq .feedback-fq-item:hover{background:var(--menu-hover)}.feedback-faq .feedback-fq-item:active{background:var(--menu-active)}.feedback-faq .feedback-fq-item a{color:var(--color-link);font-size:14px;font-weight:400;line-height:20px}.feedback-mask{z-index:100;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.feedback-mask .feedback-center-content{z-index:1}.feedback-mask .feedback-mask-content{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.feedback-mask-tips{color:#edeef0;height:16px;font-size:16px;line-height:16px;position:absolute}.feedback-mask-tips:after{content:"";border:6px solid transparent;width:0;height:0;position:absolute}.feedback-mask-tips.place-right{width:100px;margin-left:8px;padding-left:12px;top:50%;left:100%;transform:translateY(-8px)}.feedback-mask-tips.place-right:after{border-right-color:#3cc;top:3px;left:-8px}.feedback-mask-tips.place-left{text-align:right;width:100px;padding-right:17px;top:50%;right:100%;transform:translateY(-8px)}.feedback-mask-tips.place-left:after{border-left-color:#3cc;top:3px;right:-8px}.feedback-mask-tips.place-top{text-align:center;width:72px;height:auto;padding-bottom:22px;bottom:100%;left:0}.feedback-mask-tips.place-top:after{border-top-color:#3cc;bottom:0;left:50%;transform:translate(-50%)}.feedback-mask-tips.place-bottom{text-align:center;width:72px;height:auto;padding-top:22px;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.feedback-mask-tips.place-bottom:after{border-bottom-color:#3cc;top:0;left:50%;transform:translate(-50%)}.feedback-mask .intro-border{box-sizing:content-box;background-clip:padding-box;border:2px dashed #3cc;border-radius:50%;padding:8px}.feedback-mask .intro-border.ellipse{background-color:var(--left-nav-background);border-radius:18px;padding:4px 6px}.feedback-mask .guild-menu-intro .intro-border,.feedback-mask .user-setting-intro .intro-border{padding:2px}.discovery-intro{z-index:2;background-color:rgba(255,255,255,.4);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:absolute;top:168px;left:12px}.discovery-intro__content{background-color:var(--color-light-bg);border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.discovery-intro__content__logo{width:32px;height:32px;color:var(--text-color);font-size:32px;line-height:32px}.intro-main-border{color:#edeef0;border:2px dashed rgba(237,238,240,.5);border-radius:16px;font-size:16px}.guild-intro-box{text-align:center;white-space:pre-wrap;justify-content:center;align-items:center;width:72px;padding:0 30px;line-height:150%;display:flex;position:absolute;top:240px;bottom:94px;left:4px}.guild-intro-box__text{box-sizing:border-box;color:#fff;background:rgba(255,255,255,.3);border-radius:10px;padding:6px 8px;font-size:14px;line-height:18px}.self-setting{z-index:2;background-color:rgba(255,255,255,.4);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:absolute;bottom:14px;left:12px}.self-setting__content{background-color:var(--color-light-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.channel-intro-box,.users-intro-box{justify-content:center;align-items:center;display:flex}.users-intro-box__text{box-sizing:border-box;color:#fff;background:rgba(255,255,255,.3);border-radius:10px;height:30px;padding:6px 8px;font-size:14px;line-height:18px}.user-setting-intro .audio-controller-box{background-color:var(--background-primary)}.user-setting-intro .feedback-mask-tips{margin-right:8px}.guild-menu-intro .intro-border{background-color:var(--left-nav-background)}.guild-menu-intro .menu-svg-icon{stroke:var(--main-color)}.app-home-intro{background-color:rgba(255,255,255,.4);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:absolute;top:40px;left:12px}.app-home-intro .kook-tooltip{max-width:300px}.app-home-intro__content{background-color:var(--color-light-bg);border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.app-home-intro__content__logo{width:32px;height:32px;color:var(--text-color);font-size:32px;line-height:32px}.upload-intro{z-index:2;background-color:rgba(255,255,255,.4);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.upload-intro__content{background-color:var(--color-light-bg);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.upload-intro__content__logo{width:32px;height:32px;color:var(--text-tip-color);font-size:32px;line-height:32px}.help-intro{z-index:2;background-color:rgba(255,255,255,.4);border-radius:20px;justify-content:space-between;align-items:center;width:64px;height:32px;padding:4px;display:flex;position:absolute;top:0;right:124px}.help-intro__content{background-color:var(--color-light-bg);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.help-intro__content__logo{width:16px;height:16px;color:var(--text-tip-color);font-size:16px;line-height:16px}.help-intro.is_web{right:12px}.help-intro.is_web .kook-tooltip.bottom{left:unset;right:0;transform:translateY(10px)}.help-intro.is_web .kook-tooltip.bottom .kook-tooltip__angle{left:72%}.auth-tips{background:var(--color-error-pure);text-align:center;color:#fff;z-index:3;justify-content:center;align-items:center;width:100%;height:32px;padding:0 8px;font-size:12px;line-height:18px;display:flex}.auth-tips.warn{background:var(--color-warn)}.auth-tips.size-md{padding-top:7px;padding-bottom:7px}.auth-tips .text{white-space:nowrap;text-overflow:ellipsis;padding:4px 0;overflow:hidden}.auth-tips .go-auth{color:#fff;text-align:center;background-color:rgba(255,255,255,0);border:1px solid rgba(255,255,255,.5);border-radius:6px;outline:none;flex-shrink:0;height:24px;margin-left:24px;padding-left:7px;padding-right:7px;font-size:12px;line-height:24px}.auth-tips .close-icon{justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex;position:absolute;top:4px;right:10px}.auth-box{color:#fff;background-color:var(--color-error);text-align:center;border:1px solid rgba(255,255,255,0);border-radius:6px;height:112px;margin-bottom:24px;padding:20px;font-weight:700;line-height:20px}.auth-box .box-info{text-align:left;margin-bottom:20px}.auth-box .go-auth{border-radius:var(--button-radius);width:77px;height:30px;color:var(--color-error);float:right;background-color:#fff;outline:none;justify-content:center;align-items:center;font-weight:600;display:flex}.auth-box .go-auth:hover{opacity:.9}.dialog-select-multi-channel-sound{width:520px;height:440px;padding-bottom:0;overflow:hidden}.dialog-select-multi-channel-sound .setting-page-empty{margin-top:80px}.dialog-select-multi-channel-sound .multi-channel-sound-shop{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:22px;right:56px}.dialog-select-multi-channel-sound .multi-channel-sound-shop:hover{background-color:var(--menu-hover)}.dialog-select-multi-channel-sound .multi-channel-sound-shop:hover .kook-icon-default{color:var(--text-description-color)}.dialog-select-multi-channel-sound .multi-channel-sound-shop .kook-icon-default{color:var(--text-tip-color);font-size:20px}.dialog-select-multi-channel-sound .channel-sound-container{width:calc(100% + 36px);margin-left:-12px;padding:0 4px 0 12px}.dialog-select-multi-channel-sound .loading-box{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dialog-select-multi-channel-sound .channel-sound-group{margin-bottom:12px}.dialog-select-multi-channel-sound .channel-sound-group .group-title{color:var(--text-description-color);margin-bottom:2px;font-size:12px;font-weight:600;line-height:18px}.dialog-select-multi-channel-sound .channel-sound-group .group-title .max-count{color:var(--color-warn)}.dialog-select-multi-channel-sound .channel-sound-group .group-title .description{color:var(--text-tip-color);font-weight:400}.dialog-select-multi-channel-sound .using-list-empty{height:124px;color:var(--text-tip-color);border-radius:16px;justify-content:center;align-items:center;margin-top:16px;margin-bottom:4px;font-size:14px;display:flex}.dialog-select-multi-channel-sound .using-list-empty.dashed{border:1px dashed var(--border-color)}.dialog-select-multi-channel-sound .kprop-sound-list{flex-wrap:wrap;width:calc(100% + 24px);margin-left:-12px;display:flex}.dialog-select-multi-channel-sound .kprop-sound-item{background-color:var(--color-grey-bg);border-radius:16px;width:96px;height:134px;margin-bottom:4px;margin-right:4px;padding:12px}.dialog-select-multi-channel-sound .kprop-sound-item:nth-child(5n){margin-right:0}.dialog-select-multi-channel-sound .kprop-sound-item:hover{background:var(--menu-hover)}.dialog-select-multi-channel-sound .kprop-sound-item:hover .kprop-buttons{display:block}.dialog-select-multi-channel-sound .kprop-sound-item:hover .kprop-info{display:none}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-head{cursor:pointer;border-radius:16px;width:72px;height:72px;position:relative;overflow:hidden}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-head :hover .icon{visibility:visible}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-head .prop-icon{width:56px;height:56px}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-info{text-align:center;width:100%;margin-top:8px}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-buttons{margin-top:13px;display:none}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-head-mask{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-head-mask:active .icon{opacity:.8}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-head-mask .icon{visibility:hidden;background-image:url(https://static.kookapp.cn/app/static/media/join_voice_play_icon.f68e6bb3.svg);width:26px;height:26px}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-head-mask .using{text-align:center;color:#fff;background:rgba(0,0,0,.5);width:100%;height:18px;font-size:12px;line-height:18px;position:absolute;bottom:0}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-name{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;line-height:18px;overflow:hidden}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-expire-time{white-space:nowrap;color:var(--text-tip-color);font-size:12px;line-height:18px}.dialog-select-multi-channel-sound .kprop-sound-item .kprop-not-own{height:18px;color:var(--color-warn);font-size:12px}.setting-right-text{color:var(--color-link)}.banner-list{width:100%;position:relative;overflow:hidden}.banner-list .video-swiper-right-parent{cursor:pointer;z-index:20;background-color:rgba(0,0,0,.5);border-radius:100px;justify-content:center;align-items:center;width:32px;height:32px;position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex!important}.banner-list .video-swiper-right-parent img{width:16px;height:16px}.banner-list .video-swiper-left-parent{cursor:pointer;z-index:20;background-color:rgba(0,0,0,.5);border-radius:100px;justify-content:center;align-items:center;width:32px;height:32px;position:absolute;top:50%;left:16px;transform:translateY(-50%);display:flex!important}.banner-list .video-swiper-left-parent img{width:16px;height:16px}.banner-list .video-swiper-pagination{z-index:20;flex-direction:row;align-items:center;display:flex;position:absolute;top:12px;left:12px}.banner-list .video-swiper-pagination .video-pagination-item{background-color:rgba(255,255,255,.3);border-radius:100px;width:6px;height:6px;margin-right:3px}.banner-list .video-swiper-pagination .video-pagination-item.active{background-color:#fff}.banner-list .swiper-slide-video{width:100%;height:246px!important}.banner-list.radius{border-radius:16px}.banner-list .swiper-slide.pointer{cursor:pointer}.banner-list img{width:100%}.banner-list .kaiheila-swiper-pagination{z-index:10;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.banner-list .kaiheila-swiper-pagination .pagination-item{align-items:center;width:20px;height:20px;margin-left:8px;display:flex}.banner-list .kaiheila-swiper-pagination .pagination-item-icon{opacity:.5;background-color:#fff;border-radius:2px;width:20px;height:3px}.banner-list .kaiheila-swiper-pagination .pagination-item-icon.active{opacity:1}.banner-list .kaiheila-swiper-pagination .pagination-item:first-child{margin-left:0}.banner-list .kaiheila-swiper-pagination .pagination-item .pagination-item.active .pagination-item-icon{opacity:1}.guide-banner-container{width:100%;min-height:385px;position:relative}.guide-banner-container .banner-list-container{width:100%;overflow:hidden}.guide-banner-container .banner-list{width:calc(100% + 28px);padding-top:24px;padding-bottom:24px}.guide-banner-container .banner-pagination{z-index:10;background-color:var(--color-line);border-radius:7px;column-gap:8px;padding:4px 8px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.guide-banner-container .banner-pagination .pagination-item{cursor:pointer;background:var(--color-controls);border-radius:2px;width:20px;height:3px;position:relative}.guide-banner-container .banner-pagination .pagination-item.active{background-color:var(--color-primary)}.guide-banner-container .banner-pagination .pagination-item:after{content:"";width:100%;height:11px;position:absolute;top:-4px;left:0}.guide-banner-container .swiper-slide-next{overflow:hidden}.invite-detail-dialog{padding-bottom:40px;overflow:hidden}.invite-detail-dialog .dialog-confirm-message{margin-bottom:0}.invite-detail-dialog .invite-filters{z-index:1;position:relative}.invite-detail-dialog .invite-filters .selector-select{padding-top:6px;padding-bottom:6px}.invite-detail-dialog .invite-container{min-height:315px;margin-top:8px;position:relative}.invite-detail-dialog .invite-table .custom-table-container{height:258px;position:relative;overflow-y:auto}.invite-detail-dialog .invite-table .custom-table-container .custom-table-row:hover{background-color:initial}.invite-detail-dialog .invite-table .load-more-cmp{justify-content:center;align-items:center;height:57px;display:flex}.invite-detail-dialog .invite-table .load-more-cmp .text-room-message-loading{padding:0}.invite-detail-dialog .invite-table .custom-table-col{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invite-detail-dialog .invite-table .custom-table-col:first-child{width:220px;padding-right:40px}.invite-detail-dialog .invite-table .custom-table-col:nth-child(2){width:172px;padding-right:60px}.invite-detail-dialog .invite-table .custom-table-col:nth-child(3){width:120px}.invite-detail-dialog .invite-table .feedback-icon{margin-left:4px}.chuanyu-modal-container .modal-body.third-app-authorize-modal{padding:24px 24px 84px}.third-app-authorize-modal{width:440px;font-size:14px}.third-app-authorize-modal .third-app-info{border-bottom:1px solid var(--border-color);flex-direction:column;justify-content:center;padding:8px 0 24px;display:flex}.third-app-authorize-modal .third-app-info .app-logo{border-radius:50%;width:80px;height:80px}.third-app-authorize-modal .third-app-info .app-name{white-space:nowrap;text-overflow:ellipsis;margin:16px 0 8px;font-size:20px;font-weight:600;line-height:26px;overflow:hidden}.third-app-authorize-modal .request-permission{border-bottom:1px solid var(--border-color);padding:24px 0}.third-app-authorize-modal .request-permission .permission-title{margin-bottom:18px;font-size:12px}.third-app-authorize-modal .request-permission-list li{align-items:center;margin-bottom:12px;padding:0 5px;display:flex}.third-app-authorize-modal .request-permission-list li:last-child{margin-bottom:0}.third-app-authorize-modal .request-permission-list .kookiconfont{background-color:var(--color-primary);color:#fff;text-align:center;border-radius:50%;width:16px;height:16px;margin-right:8px;font-size:12px;font-weight:600;line-height:16px}.third-app-authorize-modal .authorize-description{word-break:break-all;padding:24px 0;font-size:12px}.third-app-authorize-modal .app-authorize-disable{padding-top:24px;padding-bottom:16px}.third-app-authorize-modal .app-authorize-disable .description{font-size:12px}.third-app-authorize-modal .app-disabled{color:var(--color-error);align-items:center;margin-bottom:10px;display:flex}.third-app-authorize-modal .app-disabled .message-error-icon{margin-right:3px}.new-version-fix-dialog{z-index:200;background-color:var(--background-primary);width:300px;box-shadow:var(--box-shadow);border-radius:12px;margin-left:-150px;position:absolute;top:30px}.new-version-fix-dialog .title{color:var(--text-color);text-align:center;padding:24px;font-size:16px;font-weight:600}.new-version-fix-dialog .content{height:184px;color:var(--text-description-color);padding:0 24px;font-size:12px;line-height:20px}.new-version-fix-dialog .content .content-scroller{height:184px;overflow-y:auto}.new-version-fix-dialog .content .content-scroller .plantext-update-content{white-space:pre-wrap;margin-bottom:20px}.new-version-fix-dialog .footer{justify-content:center;padding:24px;display:flex}.app-tool-item{padding:20px 24px}.app-tool-item:not(:last-child){border-bottom:1px solid var(--color-line)}.app-tool-item .app-tool-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.app-tool-item .app-tool-body{display:flex}.app-tool-item .app-tool-info{flex:1}.app-tool-item .app-tool-logo{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:48px;height:48px;margin-right:10px;overflow:hidden}.app-tool-item .app-tool-name{font-size:16px;line-height:22px}.app-tool-item .tool-sub-name{height:18px;line-height:18px}.app-tool-item .tool-auth-desc{color:var(--text-tip-color);margin-bottom:8px}.app-tool-item .tool-image{background-size:cover;width:320px;height:160px}.app-tool-item .tool-image.live{background-image:url(https://static.kookapp.cn/app/static/media/live-tools.d7ea9cae.png)}.theme-dark .app-tool-item .tool-image{opacity:.8}.app-tool-item .tool-auth-item{align-items:center;margin-bottom:8px;display:flex}.app-tool-item .tool-auth-item .iconfont{text-align:center;color:#fff;background-color:var(--color-primary);border-radius:50%;width:16px;height:16px;margin-right:8px;font-size:16px;line-height:16px}.app-tool-item .list-style-type{background-color:var(--color-primary);border-radius:50%;width:6px;height:6px;margin:0 8px 0 5px}.app-tool-item .app-download-progress{color:var(--text-tip-color);align-items:center;margin-top:4px;font-size:12px;line-height:18px;display:flex}.app-tool-item .app-download-progress .progress-bar{background-color:var(--color-controls);--progress:0;border-radius:5px;width:356px;height:4px;margin:0 8px;position:relative;overflow:hidden}.app-tool-item .app-download-progress .progress-bar:before{content:"";height:100%;width:var(--progress);background-color:var(--color-primary);position:absolute}.app-tool-item .app-download-error{color:var(--color-error);margin-top:4px;font-size:12px;line-height:18px}.setting-title-tip-img-parent{display:inline-block;position:relative}.setting-title-tip-img-parent .buff-tag{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/buff_tag.bdb30c5d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:46px;height:14px;margin-left:4px;position:absolute;bottom:-2px}.live-tool-unusable{margin-bottom:20px}.display-setting .setting-content{margin-bottom:5px}.display-setting .switch-item{border-bottom:none;margin-bottom:0}.auto-switch-theme{justify-content:space-between;display:flex}.auto-switch-theme-item{width:320px}.auto-switch-theme-item .label{color:var(--text-description-color);margin-bottom:12px;font-size:14px}.keySetting-selector{width:320px}.notify-setting .play-icon{width:20px;height:20px;color:var(--text-tip-color);cursor:pointer;vertical-align:bottom;margin-left:2px;font-size:18px;line-height:20px;display:inline-block}.notify-setting .play-icon:hover{color:var(--text-description-color)}.notify-setting .notificatios-volume{margin-bottom:8px}.screenshot-save-path{border:1px solid var(--border-color);border-radius:12px;align-items:center;width:320px;height:40px;padding:0 16px;display:flex}.screenshot-save-path:hover{border-color:var(--border-hover-color)}.screenshot-save-path .screenshot-save-path-input{width:0;color:var(--text-color);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;background-color:transparent;border:none;flex:1;line-height:40px}.screenshot-save-path .app-text-button{margin-left:16px}.record-setting-panel-bottom-text{color:var(--text-tip-color);text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.background-ad-tag{background-color:var(--color-error);color:#fff;text-align:center;border-radius:8px;width:40px;height:16px;margin-left:4px;font-size:10px;line-height:16px;display:inline-block}.record-setting-page-panel{position:relative;margin-bottom:16px!important}.record-setting-page-panel .selector-guild-item{align-items:center;padding-left:30px;display:flex;position:relative}.record-setting-page-panel .selector-guild-item .kaihei-guild-icon{position:absolute;top:50%;left:-8px;transform:translateY(-50%)scale(.6)}.record-setting-page-panel .selector-guild-item .kaihei-guild-icon.chinese{white-space:normal}.record-setting-page-panel .selector-guild-item .guild-name{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.record-setting-page-panel .selector-guild-item .left-title-guild,.record-setting-page-panel .selector-guild-item .left-title-channel{white-space:nowrap;text-overflow:ellipsis;max-width:144px;overflow:hidden}.record-setting-page-panel .record-setting-page-list{width:100%;max-height:608px}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item-empty{width:100%;height:80px;color:var(--text-tip-color);justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:flex}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;width:100%;height:80px;padding-left:24px;padding-right:24px;display:flex}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item:last-child{border-bottom:0px solid var(--border-color)}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right{flex-direction:row;justify-content:space-between;align-items:center;width:245px;padding-left:24px;display:flex}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .right-content-parent{flex-direction:row;align-items:center;display:flex}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .right-content-parent .right-content-btn{border-radius:6px;width:48px;height:24px;font-size:12px}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .right-content-parent .audio-control-ico{width:20px;height:20px;color:var(--text-tip-color);cursor:pointer;border-radius:6px;margin-right:8px;font-size:16px}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .right-content-parent .audio-control-ico:last-child{margin-right:0}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .right-content-parent .audio-control-ico:hover:not(.disabled){background:var(--menu-hover)}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .right-content-parent .audio-control-ico.disabled{opacity:.5;cursor:not-allowed}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .right-status-text{text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .green-text{color:#7acc35}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .red-text{color:#ff3200}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .gray-text{color:var(--text-tip-color)}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .right-status-audio{flex-direction:row;align-items:center;width:121px;display:flex}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .right-status-audio .audio-control-progross{flex:1;margin-top:2px;margin-left:12px}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .right-status-audio .audio-control-ico{width:16px;height:16px;color:var(--text-tip-color);cursor:pointer}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-right .right-status-audio .audio-control-ico.disabled{opacity:.5;cursor:not-allowed}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-left{cursor:pointer;align-items:center;width:365px;display:flex}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-left .item-left-content{margin-left:8px}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-left .item-left-content .item-left-title{color:var(--text-color);text-align:left;align-items:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:flex}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-left .item-left-content .item-left-title .left-title-guild,.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-left .item-left-content .item-left-title .left-title-channel{white-space:nowrap;text-overflow:ellipsis;max-width:154px;overflow:hidden}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item .item-left .item-left-content .item-left-time{color:var(--text-tip-color);text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.record-setting-page-panel .record-setting-page-list .record-setting-page-list-item:hover{background-color:var(--set-top-color)}.record-setting-page-panel .record-setting-page-title-rel{height:52px}.record-setting-page-panel .record-setting-page-title{z-index:1;background-color:var(--color-grey-bg);border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-bottom:8px;padding-left:24px;padding-right:24px;display:flex;position:absolute;top:0;left:0;padding-top:20px!important}.record-setting-page-panel .record-setting-page-title .left{flex-direction:row;align-items:center;display:flex}.record-setting-page-panel .record-setting-page-title .left .left-record-selector{width:252px;margin-right:24px;max-height:32px!important}.record-setting-page-panel .record-setting-page-title .left .left-record-selector .selector-contain .selector-select{padding:5px 48px 5px 16px}.record-setting-page-panel .record-setting-page-title .left .record-sreach-date-range{max-width:252px;max-height:32px}.record-setting-page-panel .record-setting-page-title .atmosphere-sound-volume-box .icon{color:var(--text-tip-color);cursor:pointer}.record-setting-page-panel .record-setting-page-title .atmosphere-sound-volume-box .icon:hover{color:var(--text-description-color)}.download-menu-no-padding{padding:0!important}.download-menu-no-padding:first-child{margin-top:-4px}.download-menu-no-padding .download-menu-item{height:32px;color:var(--text-color);cursor:pointer;border-radius:8px;align-items:center;font-size:14px;font-weight:400;line-height:20px;display:flex}.download-menu-no-padding .download-menu-item:hover{background-color:var(--menu-hover)}.download-menu-no-padding .download-menu-item img{width:16px;height:16px;margin-left:8px;margin-right:8px}.select-mode__wrapper{flex-direction:column;gap:8px;display:flex}.select-mode__wrapper .select-item{border:1px solid var(--border-color);cursor:pointer;border-radius:16px;padding:24px 16px;display:flex}.select-mode__wrapper .select-item:hover{background:var(--menu-hover)}.select-mode__wrapper .select-item img{width:64px;height:64px}.select-mode__wrapper .select-item .select-item__content{flex-direction:column;justify-content:center;gap:4px;margin:0 16px;display:flex}.select-mode__wrapper .select-item .select-item__content .title{font-size:16px;font-weight:600;line-height:22px}.select-mode__wrapper .select-item .select-item__content .description{color:var(--text-tip-color);font-size:12px;line-height:18px}.rm-intimacy{flex-direction:column;display:flex}.rm-intimacy .description{margin-bottom:8px}.rm-intimacy .check-box{margin-bottom:40px;display:flex}.rm-intimacy .options,.connect-intimacy-modal .common-options{justify-content:flex-end;align-items:center;gap:8px;display:flex}.connect-intimacy-modal .select-intimacy-friend .tip{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;line-height:18px}.connect-intimacy-modal .select-intimacy-friend .panel-title{display:none}.connect-intimacy-modal .select-intimacy-friend .gift-select-friend-item{overflow:hidden}.connect-intimacy-modal .select-intimacy-friend .gift-select-friend-item .user-name{display:flex}.connect-intimacy-modal .select-intimacy-friend .gift-select-friend-item .user-name span:first-child{text-overflow:ellipsis;overflow:hidden}.connect-intimacy-modal .selector-search-option-item{align-items:center;display:flex}.connect-intimacy-modal .selector-search-option-item .select-intimacy-item{flex:1;justify-content:space-between;align-items:center;display:flex}.connect-intimacy-modal .selector-search-option-item .select-intimacy-item .intimacy-tag{--intimacy-couple-bg-color:transparent;--intimacy-bro-bg-color:transparent;--intimacy-bestie-bg-color:transparent;font-size:14px}.connect-intimacy-modal .selector-search-option-item .select-intimacy-item .intimacy-tag img{margin-right:4px}.dialog-select-intimacy-sound{width:520px;height:560px;padding-bottom:0;overflow:hidden}.dialog-select-intimacy-sound .setting-page-empty{margin-top:80px}.dialog-select-intimacy-sound .multi-channel-sound-shop{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:22px;right:56px}.dialog-select-intimacy-sound .multi-channel-sound-shop:hover{background-color:var(--menu-hover)}.dialog-select-intimacy-sound .multi-channel-sound-shop:hover .kook-icon-default{color:var(--text-description-color)}.dialog-select-intimacy-sound .multi-channel-sound-shop .kook-icon-default{color:var(--text-tip-color);font-size:20px}.dialog-select-intimacy-sound .channel-sound-container{width:calc(100% + 36px);margin-left:-12px;padding:0 4px 0 12px}.dialog-select-intimacy-sound .buff-sound-title,.dialog-select-intimacy-sound .sound-title{align-items:center;display:flex}.dialog-select-intimacy-sound .buff-sound-title .buff-tag,.dialog-select-intimacy-sound .sound-title .buff-tag{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/buff_tag.bdb30c5d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:46px;height:14px;margin-left:4px}.dialog-select-intimacy-sound .loading-box{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dialog-select-intimacy-sound .channel-sound-group{margin-bottom:12px}.dialog-select-intimacy-sound .channel-sound-group .group-title{color:var(--text-description-color);margin-bottom:2px;font-size:12px;font-weight:600;line-height:18px}.dialog-select-intimacy-sound .channel-sound-group .group-title .get-buff{color:var(--color-link)}.dialog-select-intimacy-sound .channel-sound-group .group-title .max-count{color:var(--color-warn)}.dialog-select-intimacy-sound .channel-sound-group .group-title .description{color:var(--text-tip-color);font-weight:400}.dialog-select-intimacy-sound .using-list-empty{height:124px;color:var(--text-tip-color);border-radius:16px;justify-content:center;align-items:center;margin-top:16px;margin-bottom:4px;font-size:14px;display:flex}.dialog-select-intimacy-sound .using-list-empty.dashed{border:1px dashed var(--border-color)}.dialog-select-intimacy-sound .kprop-intimacy-sound-list,.dialog-select-intimacy-sound .kprop-sound-list{flex-wrap:wrap;width:calc(100% + 24px);margin-left:-12px;display:flex}.dialog-select-intimacy-sound .kprop-intimacy-sound-list{gap:4px;width:100%;margin-top:16px}.dialog-select-intimacy-sound .kprop-sound-item{background-color:var(--color-grey-bg);border-radius:16px;width:96px;height:134px;margin-bottom:4px;margin-right:4px;padding:12px}.dialog-select-intimacy-sound .kprop-sound-item:nth-child(5n){margin-right:0}.dialog-select-intimacy-sound .kprop-sound-item.has-equip:hover .kprop-buttons,.dialog-select-intimacy-sound .kprop-sound-item.show-equip .kprop-buttons{display:block}.dialog-select-intimacy-sound .kprop-sound-item.has-equip:hover .kprop-info,.dialog-select-intimacy-sound .kprop-sound-item.show-equip .kprop-info{display:none}.dialog-select-intimacy-sound .kprop-sound-item.show-equip:hover,.dialog-select-intimacy-sound .kprop-sound-item.has-equip:hover{background:var(--menu-hover)}.dialog-select-intimacy-sound .kprop-sound-item .kprop-head{cursor:pointer;border-radius:16px;width:72px;height:72px;position:relative;overflow:hidden}.dialog-select-intimacy-sound .kprop-sound-item .kprop-head :hover .icon{visibility:visible}.dialog-select-intimacy-sound .kprop-sound-item .kprop-head .prop-icon{width:56px;height:56px}.dialog-select-intimacy-sound .kprop-sound-item .kprop-info{text-align:center;width:100%;margin-top:8px}.dialog-select-intimacy-sound .kprop-sound-item .kprop-buttons{margin-top:13px;display:none}.dialog-select-intimacy-sound .kprop-sound-item .kprop-head-mask{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.dialog-select-intimacy-sound .kprop-sound-item .kprop-head-mask:active .icon{opacity:.8}.dialog-select-intimacy-sound .kprop-sound-item .kprop-head-mask .icon{visibility:hidden;background-image:url(https://static.kookapp.cn/app/static/media/join_voice_play_icon.f68e6bb3.svg);width:26px;height:26px}.dialog-select-intimacy-sound .kprop-sound-item .kprop-head-mask .using{text-align:center;color:#fff;background:rgba(0,0,0,.5);width:100%;height:18px;font-size:12px;line-height:18px;position:absolute;bottom:0}.dialog-select-intimacy-sound .kprop-sound-item .kprop-name{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;line-height:18px;overflow:hidden}.dialog-select-intimacy-sound .kprop-sound-item .kprop-expire-time{white-space:nowrap;color:var(--text-tip-color);font-size:12px;line-height:18px}.dialog-select-intimacy-sound .kprop-sound-item .kprop-not-own{height:18px;color:var(--color-warn);font-size:12px}.select-intimacy-item-wrapper{flex-direction:column;align-items:center;display:flex}.select-intimacy-item-wrapper .select-intimacy-item-type{color:var(--text-description-color);font-size:12px;font-weight:600;line-height:18px}.select-intimacy-item-wrapper .add-intimacy-sound__wrapper{border-radius:16px;margin-bottom:4px;margin-right:4px;padding:12px}.select-intimacy-item-wrapper .add-intimacy-sound__wrapper .add-intimacy-sound{cursor:pointer;color:var(--secondary-color);position:relative;overflow:hidden}.select-intimacy-item-wrapper .add-intimacy-sound__wrapper .add-intimacy-sound.active{color:var(--color-primary)}.select-intimacy-item-wrapper .add-intimacy-sound__wrapper .add-intimacy-sound .lock-icon{width:16px;height:16px}.select-intimacy-item-wrapper .add-intimacy-sound__wrapper:hover,.select-intimacy-item-wrapper .add-intimacy-sound__wrapper.active{background:var(--menu-hover)}.svg-border-wrapper{justify-content:center;align-items:center;height:72px;display:flex;position:relative}.svg-border-wrapper .dash-border{color:var(--border-color)}.kick-and-black-wrapper{display:flex}.kick-and-black-wrapper .kick-user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.device-selector-content:first-child{margin-bottom:24px}.device-selector-content .selector-option{border:1px solid var(--border-color);box-shadow:none;max-height:initial;background-color:transparent}.device-selector-tips{z-index:2;align-items:center;height:18px;display:flex;position:absolute;bottom:33px;left:24px}.dialog-confirm.dialog-device-changed .dialog-confirm-footer{justify-content:flex-end}.dialog-confirm.dialog-device-changed .device-change-text{color:var(--main-color);margin-bottom:24px;font-size:14px;font-weight:400;line-height:20px}.device-change-tips-content{align-items:center;max-width:408px;display:flex;overflow:hidden}.device-change-tips-content .icon{background-image:url(https://static.kookapp.cn/app/static/media/input-tips@2x.2fbdb303.png);background-repeat:no-repeat;background-size:100%;flex-shrink:0;width:24px;height:24px;margin-right:8px}.device-change-tips-content .icon.output{background-image:url(https://static.kookapp.cn/app/static/media/output-tips@2x.22914983.png)}.device-change-tips-content .content-text{color:var(--main-color);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.device-change-tips-content .change-btn{margin-left:16px;font-size:14px}.modal-body.dialog-user-profile{width:600px;color:var(--text-color);box-shadow:none;background:0 0;border-radius:0;padding:0}.modal-body.dialog-user-profile .dialog-user-profile-banner{height:134px;box-shadow:var(--box-shadow);background-image:url(https://static.kookapp.cn/app/static/media/userinfocard_banner.104027e2.png);background-position:50%;background-size:cover;border-radius:16px 16px 0 0}.modal-body.dialog-user-profile .dialog-user-profile-banner.has-banner{height:247px}.modal-body.dialog-user-profile .dialog-user-profile-content{box-shadow:var(--box-shadow);background-color:var(--color-light-bg);border-radius:16px;margin-top:-16px;padding:80px 24px 24px;position:relative}.modal-body.dialog-user-profile .dialog-user-profile-content.display-footer{padding-bottom:34px}.modal-body.dialog-user-profile .user-avatar{border:4px solid var(--color-light-bg);background-position:50%;background-size:cover;border-radius:50%;width:88px;height:88px;position:absolute;top:-20px;left:20px}.modal-body.dialog-user-profile .user-origin-name{color:var(--text-description-color);cursor:pointer;word-wrap:break-word;margin-top:4px;font-size:12px;font-weight:400;line-height:18px}.modal-body.dialog-user-profile .user-name{color:var(--text-color);font-size:20px;font-weight:600;line-height:28px}.modal-body.dialog-user-profile .user-name .user-name-text{cursor:pointer;vertical-align:middle;word-wrap:break-word}.modal-body.dialog-user-profile .user-name .emoji{width:16px;margin-top:-3px;display:inline-block}.modal-body.dialog-user-profile .user-name .badge-list{vertical-align:middle;flex-wrap:nowrap;height:20px;display:inline-flex}.modal-body.dialog-user-profile .user-name .badge-item{background-position:50%;background-size:cover;width:20px;height:20px;margin-left:4px}.modal-body.dialog-user-profile .user-tag,.modal-body.dialog-user-profile .tag{vertical-align:middle}.modal-body.dialog-user-profile .sub-title{height:20px;margin-bottom:14px;font-size:14px;font-weight:600;line-height:20px}.modal-body.dialog-user-profile .profile-text{box-sizing:content-box;height:200px;color:var(--text-tip-color);border:1px solid var(--color-line);border-radius:16px;padding:12px 16px;font-size:12px;line-height:18px;overflow:auto}.modal-body.dialog-user-profile .profile-text.pointer{cursor:pointer}.user-profile-group{margin-bottom:20px}.user-profile-group.user-profile-group-last{margin-bottom:0}.user-profile-operation{justify-content:flex-end;display:flex;position:absolute;top:24px;right:24px}.user-profile-operation-action{text-align:center;background:var(--menu-hover);height:24px;color:var(--text-description-color);cursor:pointer;border-radius:8px;margin-left:8px;padding:0 8px;font-size:12px;font-weight:400;line-height:24px}.user-profile-operation-action:not(.disabled):hover{background-color:var(--menu-active)}.user-profile-operation-action .user-setting-menu,.user-profile-operation-action .kook-menu{text-align:left}.user-profile-operation-action.disabled{opacity:.5;cursor:not-allowed}.user-profile-footer{color:var(--text-tip-color);font-size:12px;font-weight:600;line-height:18px;position:absolute;bottom:8px;right:24px}.modal-body.dialog-feedback-ticket .golive-report-textarea{height:80px!important;max-height:80px!important}.modal-body.dialog-feedback-ticket .tab-title .tab-button:hover,.modal-body.dialog-feedback-ticket .tab-title .tab-button:hover .kaihei-radio{border-color:var(--color-primary)}.kaihei-sub-menu{max-height:600px;position:fixed;overflow-y:auto}.theme-menu-blur .kaihei-sub-menu.user-setting-menu{background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter)}.theme-menu-blur .kaihei-sub-menu.user-setting-menu:before{content:none}.kaihei-sub-menu .user-setting-menu{max-height:600px;overflow-y:auto}.kaihei-sub-menu .setting-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kaihei-sub-menu .setting-item.disabled{opacity:.5}.kaihei-sub-menu .setting-item.disabled:hover{background-color:transparent}.modal-body.download-modal{width:auto}.download-card-list{display:flex}.download-card-item{cursor:pointer;text-align:center;border:1px solid var(--border-color);border-radius:8px;flex-direction:column;align-items:center;width:240px;margin-right:16px;padding:24px 16px;display:flex}.download-card-item:hover{background-color:var(--menu-active)}.download-card-item:last-child{margin-right:0}.download-card-item .logo{width:120px;height:120px;color:var(--text-tip-color);justify-content:center;align-items:center;font-size:120px;display:flex}.download-card-item .qrcode{width:100%;height:100%}.download-card-item .text{color:var(--text-color);margin:8px;font-size:16px;font-weight:600;line-height:22px}.download-card-item .subtext{color:var(--text-tip-color);margin-bottom:16px;font-size:14px;font-weight:400;line-height:20px}.download-card-item .download-btn{background:var(--color-primary);color:#fff;border-radius:12px;width:124px;height:36px;font-size:14px;font-weight:600;line-height:36px;display:block}.download-card-item .download-btn.disabled{opacity:.5;cursor:not-allowed}.download-card-item .back,.download-card-item .front{flex-direction:column;align-items:center;display:flex}.download-card-item.double .back{display:none}.download-card-item.double .front,.download-card-item.double:hover .back{display:flex}.download-card-item.double:hover .front{display:none}.download-card-item.disabled{cursor:initial}.download-card-item.disabled .logo,.download-card-item.disabled .text{color:rgba(0,0,0,.38)}.download-card-item.disabled .download-btn{background-color:rgba(0,0,0,.3)}.video-message-item .kui-loading-icon:before{border-color:rgba(255,255,255,.4)}.video-message-item .kui-loading-icon:after{border-top-color:rgba(255,255,255,.72)}.video-message-item .kui-circle-progress,.theme-dark .video-message-item .kui-circle-progress{color:rgba(255,255,255,.4)}.video-message-box{min-width:210px;position:relative}.video-message-box video{background-color:#000;min-width:210px}.video-message-box video:focus{outline:none}.dialog-confirm-message .video-message-box video{min-width:100px}.dialog-confirm-message .video-button-play{width:30px;height:30px}.video-upload-progress-box{color:#fff;background-color:rgba(0,0,0,.3);justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex;position:absolute;top:0}.video-upload-options{position:absolute;bottom:0;right:-80px}.video-upload-options .options-button{cursor:pointer}.video-message-info{background:linear-gradient(transparent,rgba(0,0,0,.6));width:100%;padding:13px 16px;display:flex;position:absolute;bottom:0}.video-file-info{color:#fff;flex:1;min-width:0}.video-file-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:20px;overflow:hidden}.video-file-size{color:rgba(255,255,255,.6);flex-wrap:wrap;align-items:center;font-size:12px;line-height:18px;display:flex}.video-file-size .size-text{margin-right:8px}.video-file-size .download-speed{align-items:center;display:flex}.video-file-size .download-speed svg{margin-right:4px}.video-download{align-items:flex-end;display:flex}.video-download a{color:rgba(255,255,255,.6)}.video-download a:hover{color:rgba(255,255,255,.87)}.video-download-button{color:rgba(255,255,255,.6);cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.video-download-button:hover{color:#fff}.video-download-button .button-cancel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-button-play{cursor:pointer;background:url(https://static.kookapp.cn/app/static/media/video-play.b62227e8.svg) 0 0/contain no-repeat;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-button-play:hover{transform:translate(-50%,-50%)scale(1.08)}@keyframes kuiLoadingIcon{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.kui-loading-icon{width:20px;height:20px;display:inline-block;position:relative}.kui-loading-icon:before,.kui-loading-icon:after{box-sizing:border-box;content:"";border-radius:50%;width:100%;height:100%;display:block;position:absolute;left:0;right:0}.kui-loading-icon:before{border:2px solid rgba(0,0,0,.12)}.theme-dark .kui-loading-icon:before{border-color:rgba(255,255,255,.12)}.kui-loading-icon:after{border:2px solid transparent;border-top-color:rgba(0,0,0,.32);animation:.6s linear infinite kuiLoadingIcon}.theme-dark .kui-loading-icon:after{border-top-color:rgba(255,255,255,.32)}.kui-loading-icon.block-loading-spin{margin-left:auto;margin-right:auto;display:block}.file-message-content{background:var(--menu-background);border-radius:6px;width:320px;max-width:100%;padding:6px 12px;position:relative}.file-message-content .emoji{vertical-align:middle;height:16px;margin-top:-3px;display:inline-block}.dialog-confirm-message .file-message-content{width:300px}.file-upload-progress-bar{background-color:#eee;border-radius:1px;width:100%;height:2px;position:absolute;bottom:-1px;left:0;overflow:hidden}.file-upload-progress-bar .file-upload-progress{background-color:var(--color-primary);height:100%}.upload-success .file-message-content{border:1px solid var(--color-primary)}.upload-success .file-status-text{color:var(--color-primary)}.upload-fail .file-message-content{border:1px solid var(--color-error)}.upload-fail .file-status-text{color:var(--color-error)}.file-bigger-modal{text-align:center;width:440px;color:var(--text-color);flex-direction:column;align-items:center;font-size:14px;line-height:20px;display:flex;position:relative}.file-bigger-modal__icon{width:48px;height:48px;margin-top:14px;margin-bottom:16px}.file-bigger-modal__title{margin-bottom:8px;font-size:20px;font-weight:600;line-height:26px}.file-bigger-modal__desc{margin-bottom:14px}.file-bigger-modal__buttons{justify-content:flex-end;margin-top:18px;display:flex}@keyframes changeVoice{0%{background-image:url(https://static.kookapp.cn/app/static/media/voice-play-state-1.ad947fa1.svg)}33%{background-image:url(https://static.kookapp.cn/app/static/media/voice-play-state-2.9f2fa4a4.svg)}to{background-image:url(https://static.kookapp.cn/app/static/media/voice-play-state-3.7682c2ea.svg)}}@keyframes changeVoic2{0%{background-image:url(https://static.kookapp.cn/app/static/media/voice-play-state-1.ad947fa1.svg)}33%{background-image:url(https://static.kookapp.cn/app/static/media/voice-play-state-2.9f2fa4a4.svg)}to{background-image:url(https://static.kookapp.cn/app/static/media/voice-play-state-3.7682c2ea.svg)}}.voice-message-item{padding:4px 0}.voice-message-container{border-left:4px solid var(--color-bbb);background-color:var(--color-light-bg);border-radius:4px;flex-direction:column;min-width:300px;max-width:520px;margin:2px 0;padding:16px 16px 16px 12px;display:inline-flex}.voice-message-content{margin-bottom:8px;line-height:20px}.voice-box{color:#fff;cursor:pointer;background-color:#46a5f7;border-radius:4px;align-items:center;min-width:80px;max-width:300px;height:32px;padding:6px;font-size:14px;line-height:100%;display:flex}.voice-box .voice-ico{background-image:url(https://static.kookapp.cn/app/static/media/voice-play-state-3.7682c2ea.svg);background-size:100%;width:16px;height:16px;margin-right:10px;transition:all .2s}.voice-box .voice-ico.step1{background-image:url(https://static.kookapp.cn/app/static/media/voice-play-state-1.ad947fa1.svg)}.voice-box .voice-ico.step2{background-image:url(https://static.kookapp.cn/app/static/media/voice-play-state-2.9f2fa4a4.svg)}.voice-box .voice-ico.step3{background-image:url(https://static.kookapp.cn/app/static/media/voice-play-state-3.7682c2ea.svg)}.card-message-preview{color:var(--text-color);white-space:pre-wrap}.card-message-preview .emoji{object-fit:contain;width:20px;height:20px;display:inline-block}.card-message-preview .kui-card{margin-top:2px}.card-message-preview .kui-card .local-mix-card-text-color{opacity:.5}.card-message-preview .kui-card.size-lg{width:auto;max-width:436px}.card-message-preview .kui-card .kui-image-table .kui-image{cursor:pointer}.card-message-preview .kui-card .container-element{overflow:hidden}.card-message-preview .kui-card .fragment-hr{box-sizing:content-box;background-clip:content-box;background-color:var(--color-e5e);height:1px;margin-top:0;margin-bottom:0;padding:8px 0}.card-message-preview .kui-card.type-invisible{background-color:transparent;border-left:none;width:100%;max-width:100%;margin-top:0;padding:0}.card-message-preview .kui-card.type-invisible .no-extra{padding-top:0;padding-bottom:0}.card-message-preview .kui-card.type-invisible .kui-section .section-content{font-size:16px}.card-message-preview .kui-card.type-invisible.kui-card{flex-direction:column;gap:4px;padding-bottom:0;display:flex}.card-message-preview .kui-card.type-invisible .kui-container{padding:0}.card-message-preview .kui-card.type-invisible .kui-video{max-width:436px;padding:0}.card-message-preview .kui-card.type-invisible .kui-file,.card-message-preview .kui-card.type-invisible .kui-music{background-color:var(--color-top-bg);max-width:436px;padding:12px}.card-message-preview .kui-card.type-invisible .kui-music .kui_iconfont{margin-left:0}.card-message-preview .kui-card.type-invisible .kui-music .music-content-icons{flex-direction:row-reverse;gap:4px}.card-message-preview .kui-image{max-width:100%}.card-message-preview.line{white-space:nowrap;text-overflow:ellipsis;line-height:22px;overflow:hidden}.guild-broadcast-message{background:rgba(246,82,127,.16);border-radius:16px;align-items:center;padding-left:12px;padding-right:16px;display:inline-flex}.guild-broadcast-message .guild-broadcast-message-text{word-break:break-all;flex:1;padding-top:12px;padding-bottom:12px}.guild-broadcast-message .guild-broadcast-message-text .markdown-preview>span{vertical-align:middle;height:22px;line-height:22px}.guild-broadcast-message .guild-broadcast-message-text .markdown-preview .guild-broadcast-message-author{text-overflow:ellipsis;white-space:nowrap;max-width:122px;display:inline-block;overflow:hidden}.guild-broadcast-message .guild-broadcast-message-ctrls{justify-content:center;align-items:center;padding-left:8px;display:flex}.guild-broadcast-message .guild-broadcast-message-ctrls .play-icon{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/play-icon@2x.ee239a06.png);background-size:100%;width:18px;height:18px;margin-left:16px}.gift-message{background:rgba(246,82,127,.16);border-radius:16px;align-items:center;min-height:48px;padding-left:6px;padding-right:16px;display:inline-flex}.gift-message .mention-user-name .emoji{height:16px;margin-top:-2px;display:inline-block}.gift-message-icon{border-radius:8px;width:44px;height:44px;margin-right:10px}.gift-message-text{word-break:break-all;flex:1;margin-top:12px;margin-bottom:12px;line-height:24px}.message-reaction-modal{width:440px;height:440px}.message-reaction-modal.modal-body{overflow:visible}.message-reaction-modal__content{border:1px solid var(--border-color);border-radius:12px;width:100%;height:342px;display:flex}.message-reaction-modal .left{border-right:1px solid var(--border-color);width:112px;height:100%;padding:8px;overflow-y:auto}.message-reaction-modal .right{flex:1;height:100%;overflow-y:auto}.reaction-nav{box-sizing:border-box;border-radius:8px;align-items:center;margin-bottom:2px;padding:8px;display:flex}.reaction-nav:hover{background-color:var(--menu-hover)}.reaction-nav.active{background-color:var(--color-light-bg)}.reaction-nav .reaction-emoji{flex-shrink:0;width:16px;height:16px}.reaction-nav .reaction-emoji img{width:100%;height:100%}.reaction-nav .reaction-count{text-overflow:ellipsis;white-space:nowrap;max-width:56px;margin-left:6px;font-size:14px;overflow:hidden}.reactioner-user-list{width:100%;height:100%;padding:8px;overflow-x:hidden;overflow-y:auto}.reactioner-user-list .user-item{border-radius:12px;align-items:center;height:48px;padding:12px 22px 12px 16px;display:flex;position:relative}.reactioner-user-list .user-item .delete-reaction{cursor:pointer;font-size:24px;line-height:24px;display:none;position:absolute;top:12px;right:0}.reactioner-user-list .user-item:hover{background-color:var(--menu-hover)}.reactioner-user-list .user-item:hover .delete-reaction{display:block}.reactioner-user-list .user-item .user-texts{text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:310px;display:flex;overflow:hidden}.reactioner-user-list .user-item .user-texts .emoji{display:inline-block}.reactioner-user-list .user-item .user-texts .user-sub-name .emoji{height:12px}.reactioner-user-list .user-item .user-texts .user-main-name .emoji{height:14px}.reactioner-user-list .user-item .user-head{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:24px;height:24px;margin-right:8px;padding:10px}.report-modal .dialog-confirm-title{flex-direction:column}.report-modal .dialog-confirm-title .dialog-confirm-sub-title{margin-top:24px;font-size:14px;font-weight:400}.report-modal .report-item{margin-bottom:12px}.evaluate-button{border-radius:4px;flex:1;justify-content:center;align-items:center;height:40px;font-size:16px}.message-report-content>div{align-items:center;display:flex}.message-report-content .textarea-box textarea{height:80px}.kook-menu-item .emoji-list-four{padding:2px 4px}.kook-menu-item .emoji-list-four .emoji-wrapper{cursor:pointer;margin-right:12px;display:inline-block}.kook-menu-item .emoji-list-four .emoji-wrapper img{object-fit:contain;width:24px;height:24px}.kook-menu-item .menu-emoji-selector .emoji-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.kook-menu-item .menu-emoji-selector .emoji{object-fit:contain;width:16px;height:16px;display:inline-block}.kook-menu-item .menu-emoji-selector .iconfont{color:var(--text-description-color);font-size:18px}.edit-message-disabled{align-items:center;gap:2px;display:flex}.edit-message-disabled-tooltip{background:#000;max-width:160px}.message-action-help-icon-wrapper{height:16px}.record-info-dialog{width:440px}.record-info-dialog .user-desc-title{color:var(--text-color);margin-bottom:24px;font-size:20px;font-weight:600;line-height:26px}.record-info-dialog .user-desc-content{color:var(--text-color);text-align:left;margin-bottom:8px;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.record-info-dialog .user-desc-time{color:var(--text-tip-color);text-align:left;margin-bottom:16px;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.record-info-dialog .record-bottom-audio-parent{justify-content:space-between;align-items:center;width:100%;margin-top:16px;display:flex}.record-info-dialog .record-bottom-audio-parent .bottom-audio-time{color:var(--text-color);text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.record-info-dialog .record-bottom-audio-parent .bottom-audio-btn{flex-direction:row;align-items:center;display:flex}.record-info-dialog .record-bottom-audio-parent .bottom-audio-btn .audio-btn-paused{cursor:pointer;width:16px;height:16px;color:var(--text-tip-color)}.record-info-dialog .record-bottom-audio-parent .bottom-audio-btn .audio-btn-paused:first-child{margin-right:8px}.record-info-dialog .record-bottom-audio-parent .bottom-audio-btn .audio-btn-paused:last-child{margin-left:8px}.record-info-dialog .record-bottom-audio-parent .bottom-audio-btn .audio-btn-paused:only-child{margin-left:0;margin-right:0}.record-info-dialog .record-bottom-audio-parent .bottom-audio-btn .audio-btn-paused.disabled{opacity:.5;cursor:not-allowed}.record-info-dialog .record-bottom-audio-parent .audio-control-progross{width:247px;margin-top:2px}.record-info-dialog .record-bottom-audio-parent .other-progross{width:295px}.record-info-dialog .right-content-parent{flex-direction:row;justify-content:flex-end;align-items:center;margin-top:8px;display:flex}.record-info-dialog .right-content-parent .audio-control-ico{width:20px;height:20px;color:var(--text-tip-color);cursor:pointer;border-radius:6px;margin-right:8px;font-size:16px}.record-info-dialog .right-content-parent .audio-control-ico:last-child{margin-right:0}.record-info-dialog .right-content-parent .audio-control-ico:hover:not(.disabled){background:var(--menu-hover)}.record-info-dialog .right-content-parent .audio-control-ico.disabled{opacity:.5;cursor:not-allowed}.record-info-dialog .record-asr-text-parent-border{border:1px solid var(--menu-hover);border-radius:12px;width:100%;height:409px;overflow:hidden}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent{width:100%;height:409px;position:relative}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-tips{color:var(--text-color);text-align:left;flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-style:normal;font-weight:600;line-height:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-tips .record-asr-text-content-btn{border-radius:6px;width:72px;height:24px;margin-top:20px;font-size:12px}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .red-text{color:#ff3200}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item{opacity:.5;width:100%;padding:9px 16px;position:relative}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item:hover{background-color:var(--menu-hover);opacity:1}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item:hover .item-right-btn{display:block}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item .item-right-btn{color:#0096ff;text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:none;position:absolute;top:12px;right:16px}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item .item-user{flex-direction:row;align-items:center;margin-bottom:6px;display:flex}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item .item-user img{border-radius:100px;width:24px;height:24px;margin-right:8px}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item .item-user .name{color:var(--text-color);text-align:left;font-size:12px;font-style:normal;font-weight:600;line-height:18px}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item .item-user .time{color:var(--text-color);text-align:left;margin-left:8px;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item .item-text{color:var(--text-color);text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item-active{opacity:1}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item-active .item-right-btn{display:none}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item-active:hover{background-color:var(--menu-hover)}.record-info-dialog .record-asr-text-parent-border .record-asr-text-parent .record-asr-text-content-item-active:hover .item-right-btn{display:none}.record-info-dialog .record-asr-text-parent-border-other,.record-info-dialog .record-asr-text-parent-border-other .record-asr-text-parent{height:471px}.record-share-dialog{width:440px}.record-share-dialog .user-desc-content-title-row{color:var(--text-color);text-align:left;flex-direction:row;justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:8px;font-size:12px;font-style:normal;font-weight:600;line-height:18px;display:flex}.record-share-dialog .user-audio-card-parent{background:var(--menu-background);border:1px solid var(--menu-hover);border-radius:16px;flex-direction:row;align-items:center;width:392px;height:64px;display:flex}.record-share-dialog .user-audio-card-parent .right{width:316px;height:40px;margin-left:8px;position:relative}.record-share-dialog .user-audio-card-parent .right .to-target{color:#0096ff;text-align:left;cursor:pointer;font-size:12px;font-style:normal;font-weight:400;line-height:18px;position:absolute;top:2px;right:0}.record-share-dialog .user-audio-card-parent .right .title{color:var(--text-color);text-align:left;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.record-share-dialog .user-audio-card-parent .right .right-bottom{flex-direction:row;align-items:center;width:316px;height:18px;display:flex}.record-share-dialog .user-audio-card-parent .right .right-bottom .bottom-audio-time{color:var(--text-tip-color);text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.record-share-dialog .user-audio-card-parent .right .right-bottom .audio-control-progross{width:252px;margin-top:2px;margin-left:14px}.record-share-dialog .user-audio-card-parent .music-icon{background-image:url(https://static.kookapp.cn/app/static/media/music-default-poster.7cce1952.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;margin-left:12px;display:flex}.record-share-dialog .user-audio-card-parent .music-icon .status-btn{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.record-share-dialog .user-audio-card-parent .music-icon .status-btn.play{background-image:url(https://static.kookapp.cn/app/static/media/play-btn.5f77536b.svg)}.record-share-dialog .user-audio-card-parent .music-icon .status-btn.pause{background-image:url(https://static.kookapp.cn/app/static/media/pause-btn.b4bbba38.svg)}.record-share-dialog .user-desc-title{color:var(--text-color);margin-bottom:24px;font-size:20px;font-weight:600;line-height:26px}.record-share-dialog .user-desc-content-title{color:var(--text-color);text-align:left;margin-bottom:8px;font-size:12px;font-style:normal;font-weight:600;line-height:18px}.record-share-dialog .user-desc-time{color:var(--text-tip-color);text-align:left;margin-bottom:16px;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.record-share-dialog .record-bottom-audio-parent{justify-content:space-between;align-items:center;width:100%;margin-top:16px;display:flex}.record-share-dialog .right-content-parent{flex-direction:row;justify-content:flex-end;align-items:center;margin-top:8px;display:flex}.record-share-dialog .right-content-parent .audio-control-ico{width:20px;height:20px;color:var(--text-tip-color);cursor:pointer;border-radius:6px;margin-right:8px;font-size:16px}.record-share-dialog .right-content-parent .audio-control-ico:last-child{margin-right:0}.record-share-dialog .right-content-parent .audio-control-ico:hover:not(.disabled){background:var(--menu-hover)}.record-share-dialog .right-content-parent .audio-control-ico.disabled{opacity:.5;cursor:not-allowed}.record-share-dialog .record-bottom-share-parent{flex-direction:row;justify-content:flex-end;align-items:center;margin-top:22px;display:flex}.record-share-dialog .record-bottom-share-parent .right-content-btn{height:32px}.record-share-dialog .record-share-no-open{background:var(--menu-background);border:1px solid var(--menu-hover);width:392px;height:64px;color:var(--text-tip-color);text-align:center;border-radius:16px;flex-direction:row;justify-content:center;align-items:center;margin-bottom:16px;font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:flex}.record-share-dialog .record-share-text-parent-border{border:1px solid var(--menu-hover);border-radius:12px;width:100%;height:349px;position:relative;overflow:hidden}.record-share-dialog .record-share-text-parent-border .share-box-bottom{background-color:var(--color-grey-bg);width:100%;height:28px;color:var(--text-tip-color);text-align:center;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:flex;position:absolute;bottom:0;left:0}.record-share-dialog .record-share-text-parent-border .share-box-bottom .only-select{color:#0096ff;cursor:pointer;font-size:12px;font-style:normal;font-weight:400;line-height:18px;position:absolute;right:16px}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent{width:100%;height:349px;position:relative}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .share-box-bottom-empty{width:100%;height:28px}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-asr-text-content-tips{color:var(--text-color);text-align:left;flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-style:normal;font-weight:600;line-height:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-asr-text-content-tips .record-asr-text-content-btn{border-radius:6px;width:72px;height:24px;margin-top:20px;font-size:12px}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .red-text{color:#ff3200}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-share-text-content-item{opacity:1;width:100%;padding:9px 16px 9px 36px;position:relative}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-share-text-content-item .item-checkbox{position:absolute;left:12px}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-share-text-content-item:hover{background-color:var(--menu-hover)}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-share-text-content-item:hover .item-right-btn{display:block}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-share-text-content-item .item-right-btn{color:#0096ff;text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:none;position:absolute;top:12px;right:16px}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-share-text-content-item .item-user{flex-direction:row;align-items:center;margin-bottom:6px;display:flex}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-share-text-content-item .item-user img{border-radius:100px;width:24px;height:24px;margin-right:8px}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-share-text-content-item .item-user .name{color:var(--text-color);text-align:left;font-size:12px;font-style:normal;font-weight:600;line-height:18px}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-share-text-content-item .item-user .time{color:var(--text-color);text-align:left;margin-left:8px;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-share-text-content-item .item-text{color:var(--text-color);text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.record-share-dialog .record-share-text-parent-border .record-asr-text-parent .record-share-text-content-item-hilght{background-color:var(--menu-hover)}.overlay-setting-group{margin-top:20px}.overlay-setting-group .sub-title{margin-bottom:10px}.overlay-position-sketch-map{cursor:pointer;background-color:#5e6166;border-radius:16px;width:156px;height:88px;position:relative}.overlay-position-sketch-map .overlay-position-box{background-color:rgba(255,255,255,.8);border-radius:6px;width:32px;height:20px;position:absolute;top:40px;left:13px}.overlay-position-sketch-map .overlay-edit-button{text-align:center;color:#fff;width:24px;height:24px;font-size:24px;line-height:24px;position:absolute;bottom:4px;right:4px}.overlay-avatar-sketch{border:1px solid var(--border-color);border-radius:16px;padding:8px 24px}.overlay-avatar-sketch-map{align-items:center;height:164px;margin-bottom:4px;display:flex}.overlay-avatar-scale-step{justify-content:space-between;display:flex}.overlay-avatar{color:#fff;align-items:center;width:100%;height:1.8571em;font-size:14px;display:flex;position:relative}.overlay-avatar .user-avatar{background-image:url(https://img.kookapp.cn/assets/avatar_8.jpg/icon);background-size:cover;border-radius:50%;width:1.8571em;height:1.8571em;position:absolute}.overlay-avatar .user-name{white-space:nowrap;text-overflow:ellipsis;background-color:rgba(64,65,68,.9);border-radius:.2857em;max-width:100%;margin-left:.92857em;padding-left:1.2142em;padding-right:.2857em;line-height:1.4;display:inline-block;overflow:hidden}.avatar-right .user-avatar{right:0}.avatar-right .user-name{margin-left:0;margin-right:.92857em;padding-left:.2857em;padding-right:1.2142em}.position-sketch-map{background-color:#2a3440;width:100%;height:100%;display:none;position:absolute}.overlay-box{z-index:999999;cursor:pointer;max-width:246px;padding:20px 30px;display:inline-block}.overlay-box:hover{background-color:rgba(0,0,0,.38)}.position-sketch-map-bottom{color:#fff;background-color:rgba(0,0,0,.38);justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:absolute;bottom:0}.position-sketch-map-bottom .save-button{position:absolute;top:20px;right:30px}.audio-subsidiary-setting .sub-title{margin-top:10px;font-size:14px}.audio-subsidiary-setting .label-wrapper{height:20px}.audio-subsidiary-setting .setting-label{height:20px;font-weight:700;line-height:20px}.audio-subsidiary-setting .setting-label .sub-label{height:18px;font-size:12px}.audio-subsidiary-setting .setting-item{border-bottom-style:solid;border-bottom-width:1px;margin-top:20px;padding:0 10px 20px 0;font-size:14px}.audio-subsidiary-setting .setting-item.no-border{border:0}.faq-a,.faq-q{padding-left:34px;font-size:14px;line-height:20px;position:relative}.faq-a-icon,.faq-q-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:18px;height:18px;position:absolute;top:0;left:0}.faq-a-icon{background-image:url(https://static.kookapp.cn/app/static/media/faq-a.32b9bce3.png)}.faq-q-icon{background-image:url(https://static.kookapp.cn/app/static/media/faq-q.553e3486.png)}.faq-q{margin-bottom:6px;font-weight:600}.overlay-introduce{margin-top:20px}.overlay-introduce video{border-radius:12px;height:371px}.overlay-introduce a{margin-top:14px;font-size:12px;display:inline-block}.modal-body.emoji-group-detail{width:440px;height:400px;color:var(--text-color);flex-direction:column;padding:24px;display:flex;overflow:hidden}.modal-body.emoji-group-detail .emoji-group-detail-header{border-bottom:1px solid var(--color-line);align-items:center;padding-bottom:24px;padding-right:24px;display:flex}.modal-body.emoji-group-detail .emoji-group-info{flex:1;min-width:0}.modal-body.emoji-group-detail .emoji-detail-button{width:52px;height:20px}.modal-body.emoji-group-detail .emoji-detail-button .emoji-detail-button-remove,.modal-body.emoji-group-detail .emoji-detail-button:hover .emoji-detail-button-added{display:none}.modal-body.emoji-group-detail .emoji-detail-button:hover .emoji-detail-button-remove{display:inline-block}.modal-body.emoji-group-detail .emoji-group-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:20px;font-weight:600;line-height:26px;overflow:hidden}.modal-body.emoji-group-detail .kaihei-guild-icon{flex-shrink:0;width:56px;height:56px;margin-right:16px}.modal-body.emoji-group-detail .kaihei-guild-icon.chinese{font-size:20px}.modal-body.emoji-group-detail .kaihei-guild-icon.english{font-size:26px}.modal-body.emoji-group-detail .emoji-group-detail-body{flex:1;padding:24px 0;overflow:auto}.modal-body.emoji-group-detail .emoji-none{height:100%;color:var(--text-tip-color);justify-content:center;align-items:center;font-size:14px;display:flex}.modal-body.emoji-group-detail .sub-group-title{color:var(--text-tip-color);margin-bottom:8px;font-size:12px}.modal-body.emoji-group-detail .emoji-list{flex-wrap:wrap;margin-bottom:10px;display:flex}.modal-body.emoji-group-detail .emoji-wrapper{padding:5px 7px}.modal-body.emoji-group-detail .emoji-group-detail-body .emoji{object-fit:contain;width:24px;height:24px}.vip-emoji-dialog{width:440px;min-height:315px}.vip-emoji-panel{color:var(--text-color);flex-direction:column;align-items:center;display:flex}.vip-emoji-panel .icon{background-image:url(https://static.kookapp.cn/app/static/media/multicolor-logo.cab22fe5.png);background-size:cover;width:180px;height:120px;margin-bottom:24px}.theme-dark .vip-emoji-panel .icon{background-image:url(https://static.kookapp.cn/app/static/media/multicolor-logo-dark.bc38e60f.png)}.vip-emoji-panel .title{margin-bottom:8px;font-size:20px;font-weight:600;line-height:26px}.vip-emoji-panel .description{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:32px;font-size:14px;line-height:20px;display:flex}.vip-emoji-panel .description img{width:40px;height:16px;margin:0 3px}.vip-emoji-panel .button-text{justify-content:center;align-items:center;gap:4px;display:flex}.new-emotion-management .title{margin-bottom:16px;font-size:12px;font-weight:600;line-height:18px}.new-emotion-management .added-empty{border:1px dashed var(--border-color);text-align:center;height:64px;color:var(--text-tip-color);border-radius:16px;margin-bottom:24px;font-size:14px;font-weight:400;line-height:64px}.new-emotion-management .unadded-empty{color:var(--text-tip-color);justify-content:center;margin-top:38px;font-size:14px;font-weight:400;display:flex}.my-emotion .desc-tips{height:18px;color:var(--text-description-color);margin-bottom:16px;font-size:12px;font-weight:400;line-height:18px}.my-emotion-sort-list{flex-wrap:wrap;gap:8px;display:flex}.my-emotion-sort-list .add-emoji{color:var(--text-tip-color);flex-direction:column;padding:0;display:flex}.my-emotion-sort-list .disable{-webkit-filter:grayscale();filter:grayscale()}.my-emotion-sort-list .disable img{opacity:.5}.my-emotion-item-wrapper{background-color:var(--color-grey-bg);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:66px;height:66px;padding:9px;font-size:12px;display:flex;position:relative}.my-emotion-item-wrapper img{max-width:48px;max-height:48px}.my-emotion-item-wrapper .add-emoji{color:var(--text-tip-color);font-size:16px}.my-emotion-item-wrapper .remove{text-align:center;color:#fff;opacity:.8;background-color:rgba(0,0,0,.5);border-radius:50%;width:24px;height:24px;font-size:16px;line-height:24px;display:none;position:absolute;top:-8px;right:-8px}.my-emotion-item-wrapper .remove:hover{opacity:1}.my-emotion-item-wrapper:hover:not(.dragging){background-color:var(--menu-hover)}.my-emotion-item-wrapper:hover:not(.dragging) .my-emotion-item-mask{display:flex}.my-emotion-item-wrapper:hover:not(.dragging) .remove{display:block}.my-emotion-item-mask{color:#fff;background-color:rgba(0,0,0,.7);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:none;position:absolute}.my-emotion-item-mask-tips{text-align:center;width:30px;font-size:12px;line-height:16px}.unadded-list,.added-sort-list{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.added-emotion-item-wrapper{background-color:var(--color-grey-bg);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:159px;height:64px;padding:12px;display:flex;position:relative}.added-emotion-item-wrapper .added-emotion-item-img{background-color:var(--color-light-bg);width:40px;height:40px;clip-path:path("M 0,20 C 0,2.13,2.13,0,20,0 C 37.87,0,40,2.13,40,20 C 40,37.87,37.87,40,20,40 C 2.13,40,0,37.87,0,20");border-radius:12px;justify-content:center;align-items:center;margin-right:8px;font-size:20px;font-weight:400;display:flex;position:relative}.added-emotion-item-wrapper .added-emotion-item-img img{border-radius:12px;width:40px;height:40px}.added-emotion-item-wrapper .added-emotion-item-img .added-emotion-preview{text-align:center;color:#fff;background-color:rgba(0,0,0,.7);border-radius:12px;width:40px;height:40px;font-size:12px;font-weight:600;line-height:40px;display:none;position:absolute}.added-emotion-item-wrapper .server-name{text-overflow:ellipsis;white-space:nowrap;width:87px;color:var(--text-color);font-size:12px;font-weight:400;line-height:18px;overflow:hidden}.added-emotion-item-wrapper .server-emoji-count{text-overflow:ellipsis;white-space:nowrap;width:87px;color:var(--text-tip-color);font-size:12px;font-weight:400;line-height:18px;overflow:hidden}.added-emotion-item-wrapper .click-preview{display:none}.added-emotion-item-wrapper .remove{text-align:center;color:#fff;opacity:.8;background-color:rgba(0,0,0,.5);border-radius:50%;width:24px;height:24px;font-size:16px;line-height:24px;display:none;position:absolute;top:-8px;right:-8px}.added-emotion-item-wrapper .remove:hover{opacity:1}.added-emotion-item-wrapper:hover:not(.dragging){background-color:var(--menu-hover)}.added-emotion-item-wrapper:hover:not(.dragging) .remove{justify-content:center;align-items:center;display:flex}.added-emotion-item-wrapper:hover:not(.dragging) .added-emotion-preview,.added-emotion-item-wrapper:hover:not(.dragging) .click-preview{display:block}.added-emotion-item-wrapper:hover:not(.dragging) .emoji-count{display:none}.added-emotion-item-wrapper:active:not(.dragging){background-color:var(--menu-active)}.unadded-emotion-item-wrapper{background-color:var(--color-grey-bg);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:159px;height:64px;padding:12px;display:flex;position:relative}.unadded-emotion-item-wrapper .unadded-emotion-item-img{background-color:var(--color-light-bg);width:40px;height:40px;clip-path:path("M 0,20 C 0,2.13,2.13,0,20,0 C 37.87,0,40,2.13,40,20 C 40,37.87,37.87,40,20,40 C 2.13,40,0,37.87,0,20");border-radius:12px;justify-content:center;align-items:center;margin-right:8px;font-size:20px;font-weight:400;display:flex;position:relative}.unadded-emotion-item-wrapper .unadded-emotion-item-img img{border-radius:12px;width:40px;height:40px}.unadded-emotion-item-wrapper .unadded-emotion-item-img .unadded-emotion-preview{text-align:center;color:#fff;background-color:rgba(0,0,0,.7);border-radius:12px;width:40px;height:40px;font-size:12px;font-weight:600;line-height:40px;display:none;position:absolute}.unadded-emotion-item-wrapper .server-name{text-overflow:ellipsis;white-space:nowrap;width:87px;color:var(--text-color);font-size:12px;font-weight:400;line-height:18px;overflow:hidden}.unadded-emotion-item-wrapper .server-emoji-count{text-overflow:ellipsis;white-space:nowrap;width:87px;color:var(--text-tip-color);font-size:12px;font-weight:400;line-height:18px;overflow:hidden}.unadded-emotion-item-wrapper .click-preview{display:none}.unadded-emotion-item-wrapper .add{text-align:center;color:#fff;opacity:.8;background-color:var(--color-primary);border-radius:50%;width:24px;height:24px;font-size:16px;line-height:24px;display:none;position:absolute;top:-8px;right:-8px}.unadded-emotion-item-wrapper .add:hover{opacity:1}.unadded-emotion-item-wrapper:hover{background-color:var(--menu-hover)}.unadded-emotion-item-wrapper:hover .add{justify-content:center;align-items:center;display:flex}.unadded-emotion-item-wrapper:hover .unadded-emotion-preview,.unadded-emotion-item-wrapper:hover .click-preview{display:block}.unadded-emotion-item-wrapper:hover .emoji-count{display:none}.unadded-emotion-item-wrapper:active{background-color:var(--menu-active)}.edit-emotion-dialog-content{flex-direction:column;display:flex}.edit-emotion-dialog-content .preview-img{border:1px solid rgba(0,0,0,.04);border-radius:12px;justify-content:center;align-items:center;width:392px;height:120px;margin-bottom:16px;display:flex}.edit-emotion-dialog-content .preview-img img{max-width:392px;max-height:120px}.edit-emotion-dialog-content .title{color:var(--text-tip-color);margin-bottom:6px;font-size:12px;font-weight:400}.edit-emotion-dialog-content .name{margin-bottom:40px}.edit-emotion-dialog-content .footer{justify-content:flex-end;gap:8px;display:flex}.test-stereo-dialog .kook-markdown-editor{font-size:14px;line-height:20px}.test-stereo-dialog .kook-markdown-editor div,.test-stereo-dialog .kook-markdown-editor span,.test-stereo-dialog .kook-markdown-editor code,.test-stereo-dialog .kook-markdown-editor p{word-break:break-all}.test-stereo-dialog .user-desc-title{flex-direction:row;justify-content:space-between;align-items:center;height:26px;margin-bottom:20px;font-size:20px;font-weight:600;display:flex}.test-stereo-dialog .user-desc-title .check{height:26px;color:var(--text-tip-color);flex-direction:row;align-items:center;margin-right:40px;font-size:14px;font-weight:400;display:flex}.test-stereo-dialog .user-desc-title .check .check-switch{margin-left:8px}.test-stereo-dialog .sereo-music-back{background-image:url(https://img.kookapp.cn/assets/item/resources/test-stereo-one.webp?x-oss-process=style/ld);background-repeat:no-repeat;background-size:100%;justify-content:center;align-items:center;height:100px;display:flex;position:relative}.test-stereo-dialog .sereo-music-back img{content:url(https://static.kookapp.cn/app/static/media/sereo_stop.858fb8d2.svg);cursor:pointer;width:40px;height:40px}.test-stereo-dialog .sereo-music-back .stop{content:url(https://static.kookapp.cn/app/static/media/sereo_play.2247f9bb.svg)}.test-stereo-dialog .is-stereo{background-image:url(https://img.kookapp.cn/assets/item/resources/test-stereo-two.webp?x-oss-process=style/ld)}.test-stereo-dialog .is-stop{background-image:url(https://static.kookapp.cn/app/static/media/test-stereo-one.f32becc4.png)}.test-stereo-dialog .is-stereo-stop{background-image:url(https://static.kookapp.cn/app/static/media/test-stereo-two.2b8bbe02.png)}.setting-buy-vip{color:var(--text-color)}.setting-buy-vip .vip-description{margin-bottom:120px}.setting-buy-vip .vip-description .title{margin-bottom:20px;font-size:24px;font-weight:600;line-height:30px}.setting-buy-vip .vip-description .sub-title{margin-bottom:4px;font-size:16px;font-weight:600;line-height:22px}.setting-buy-vip .vip-description .description{color:var(--text-tip-color);margin-bottom:24px;font-size:14px;line-height:20px}.setting-buy-vip .vip-description-content{background-color:var(--color-grey-bg);border-radius:16px;padding:20px 24px}.setting-buy-vip .setting-page-float-bar .icon{background-image:url(https://static.kookapp.cn/app/static/media/buff_bottom@2x.09b5a671.png)}.setting-buy-vip .setting-page-float-bar .button{color:#222;background-color:#ffd200}.setting-buy-vip-expire{background-color:var(--color-grey-bg);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 24px;display:flex}.setting-buy-vip-expire .expire-info{flex-direction:column;flex:1;margin-right:8px;font-size:14px;display:flex}.setting-buy-vip-expire .expire-info-item{flex-direction:column;margin-bottom:16px;display:flex}.setting-buy-vip-expire .expire-info-item:last-of-type{margin-bottom:0}.setting-buy-vip-expire .expire-info-state{margin-bottom:2px;font-weight:600}.setting-buy-vip-expire .expire-info-time{color:var(--text-tip-color);font-size:12px;line-height:18px;display:flex}.setting-buy-vip-expire .expire-info-time .renewal-management{cursor:pointer;align-items:center;padding-left:12px;display:flex}.setting-buy-vip-expire .expire-info-time .renewal-management:hover{color:var(--text-description-color)}.setting-buy-vip-expire .button-bar button{margin-right:16px}.setting-buy-vip-expire .button-bar button:last-child{margin-right:0}.setting-banner{color:#fff;background-repeat:no-repeat;background-size:100%;border-radius:16px;height:370px;margin-bottom:48px;line-height:1.25;position:relative}.setting-banner .description{text-align:center;color:#fff;width:100%;font-size:24px;line-height:24px;position:absolute;top:170px}.setting-banner .button-bar{justify-content:center;width:100%;display:flex;position:absolute;bottom:110px}.setting-banner .button-bar button{color:#333436;background-color:#fff;border:none;border-radius:8px;height:32px;margin-right:16px;padding:0 12px;font-size:14px;font-weight:600}.setting-banner .button-bar button:hover{color:#66686b}.setting-banner .button-bar button:last-child{margin-right:0}.vip-permission{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);margin-top:40px;margin-bottom:40px;padding:40px 0 24px}.vip-permission .title{margin-bottom:20px;font-size:24px;font-weight:700;line-height:30px}.vip-permission-list{flex-wrap:wrap;gap:15px;display:flex}.vip-permission-list .permission-item{background-color:var(--color-grey-bg);border-radius:16px;flex-direction:column;width:210px;padding:20px 24px 24px;display:flex}.vip-permission-list .permission-item .icon{background-repeat:no-repeat;background-size:100%;border-radius:12px;height:90px;margin-bottom:16px}.vip-permission-list .permission-item .name-row{flex-direction:row;justify-content:space-between;align-items:center;height:22px;margin-bottom:8px;font-size:16px;font-weight:600;display:flex}.vip-permission-list .permission-item .name-row .btn{cursor:pointer;border:1px solid var(--color-primary);width:61px;height:22px;color:var(--color-primary);text-align:center;border-radius:8px;justify-content:center;align-items:center;font-weight:400;display:flex;font-size:12px!important}.vip-permission-list .permission-item .name{margin-bottom:8px;font-size:16px;font-weight:600;line-height:22px}.vip-permission-list .permission-item .description{color:var(--text-tip-color);font-size:14px;line-height:20px}.vip-permission-list .permission-item .description .info-tips{cursor:pointer;content:url(https://static.kookapp.cn/app/static/media/info-tips.90b83520.png);width:16px;height:16px;margin-bottom:2px;margin-left:2px;display:inline-flex}.show-other-vip{color:var(--text-tip-color);margin-top:-8px;font-size:14px;line-height:20px}.renew-manage-modal .pay-card{border:1px solid var(--button-default);border-radius:16px;width:392px;height:139px;margin-bottom:8px;padding:16px 16px 12px}.renew-manage-modal .pay-card:last-of-type{margin-bottom:0}.renew-manage-modal .pay-card .title{height:22px;color:var(--text-color);margin-bottom:8px;font-size:16px;font-weight:600;line-height:22px}.renew-manage-modal .pay-card .validity-time{height:18px;color:var(--text-tip-color);margin-bottom:2px;font-size:12px;font-weight:400;line-height:18px}.renew-manage-modal .pay-card .auto-renew-time{height:18px;color:var(--text-tip-color);font-size:12px;font-weight:400;line-height:18px}.renew-manage-modal .pay-card .line{background:var(--color-line);width:360px;height:1px;margin-top:12px;margin-bottom:12px}.renew-manage-modal .pay-card .actions{justify-content:space-between;height:18px;font-size:12px;font-weight:600;line-height:18px;display:flex}.renew-manage-modal .pay-card .pay{align-items:center;display:flex}.renew-manage-modal .pay-card .pay img{height:16px}.renew-manage-modal .pay-card .pay-icon{color:var(--text-color);font-size:16px}.renew-manage-modal .pay-card .pay-way{color:var(--text-description-color);margin-left:4px}.renew-manage-modal .pay-card a{text-decoration:none}.setting-bill{height:100%;color:var(--text-color);flex-direction:column;display:flex}.setting-bill .bill-tips{flex-shrink:0}.setting-bill .app-kaihei-link{margin-top:8px;font-size:12px;font-weight:400}.setting-bill .page-loading{justify-content:center;align-items:center;height:240px;display:flex}.bill-tips{color:var(--text-tip-color);font-size:12px;line-height:18px}.bill-tips .title,.bill-tips .bill-tips-content{margin-bottom:8px}.table-bill{background-color:var(--color-grey-bg);border-radius:24px;flex-direction:column;margin-bottom:24px;font-size:14px;display:flex;overflow:hidden}.table-bill .table-head,.table-bill .table-row-data{align-items:center;height:72px;display:flex}.table-bill .table-head{flex-shrink:0;padding:0 24px;font-weight:600}.table-bill .table-row{border-bottom:1px solid var(--color-line);flex-direction:column;padding:0 20px 0 24px;display:flex}.table-bill .dable-row-detail{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding-bottom:24px;display:flex;position:relative}.table-bill .dable-row-detail .app-kaihei-link{position:absolute;bottom:28px;right:0}.table-bill .dable-row-detail-wrapper .prop-content-wrapper{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;margin-bottom:24px;line-height:20px;display:flex}.table-bill .dable-row-detail-wrapper .prop-content-wrapper .prop-content-label{width:70px;color:var(--text-description-color)}.table-bill .dable-row-detail-wrapper .prop-content-wrapper .prop-content-value{width:316px}.table-bill .dable-row-detail-wrapper .prop-content-wrapper .prop-content-help{justify-content:flex-end;align-items:flex-end;width:186px;display:flex}.table-bill .table-head{border-bottom:1px solid var(--color-line)}.table-bill .col-date{width:160px}.table-bill .col-goods-name{width:240px;padding-right:8px}.table-bill .col-purpose{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.table-bill .col-options{width:30px}.table-bill .detail-row{text-overflow:ellipsis;white-space:nowrap;height:24px;overflow:hidden}.table-bill .detail-row>span{color:var(--text-description-color)}.table-bill .table-body{overflow-y:auto}.table-bill .table-row:hover{background-color:transparent}.button-show-detail{text-align:center;width:24px;height:24px;color:var(--text-tip-color);cursor:pointer;font-size:16px;line-height:24px;transition:transform .2s;display:inline-block;transform:rotate(90deg)}.button-show-detail:hover{color:var(--text-color)}.button-show-detail.display{transform:rotate(-90deg)}.bill-list-none{text-align:center;color:var(--color-bbb);margin-top:108px}.setting-cdkey .normal-input{background-color:var(--color-grey-bg);flex:1;margin-right:16px}.setting-cdkey .setting-cdkey-input{display:flex}.setting-cdkey .setting-form-item.row{padding:0}.setting-guild-boost{color:var(--text-color);line-height:normal}.setting-guild-boost .guild-boost-title{margin-bottom:16px;font-size:24px;font-weight:600;line-height:30px}.setting-guild-boost .guild-boost-subtitle{color:var(--text-description-color);margin-bottom:16px;font-size:16px;line-height:22px}.setting-guild-boost .guild-boost-group{border-bottom:1px solid var(--color-line);margin-bottom:40px;padding-bottom:40px}.guild-boost-use-buy{background-color:var(--color-grey-bg);border-radius:16px;justify-content:space-between;align-items:center;padding:20px 24px;display:inline-flex}.guild-boost-use-buy .boost-info{align-items:center;display:flex}.guild-boost-use-buy .boost-icon{background-image:url(https://static.kookapp.cn/app/static/media/guild_boost_icon.54c4a400.svg);background-position:50%;background-size:cover;width:40px;height:40px;margin-right:8px}.guild-boost-use-buy .boost-num{margin-right:30px;font-size:24px}.guild-boost-use-buy .chuanyu-button{margin-left:8px}.self-guild-boost-title{margin-top:20px}.self-guild-boost-list{border-radius:6px;max-height:432px;line-height:1.25;overflow-y:auto}.self-guild-boost-list .guild-boost-item{background-color:var(--color-grey-bg);border-radius:16px;align-items:center;margin-bottom:8px;padding:20px 24px;font-size:14px;line-height:20px;display:flex}.self-guild-boost-list .guild-boost-item:last-child{margin-bottom:0}.self-guild-boost-list .kaihei-guild-icon{margin-right:16px}.self-guild-boost-list .boost-level-progress{width:72px;height:72px}.guild-list-boost-info .guild-info,.self-guild-boost-list .guild-info{flex:1;overflow:hidden}.guild-list-boost-info .guild-name,.self-guild-boost-list .guild-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:20px;font-weight:600;line-height:26px;overflow:hidden}.guild-list-boost-info .guild-name .emoji,.self-guild-boost-list .guild-name .emoji{width:16px;margin-top:-3px;display:inline-block}.guild-list-boost-info .boost-start-time,.self-guild-boost-list .boost-start-time{color:var(--text-tip-color);margin-bottom:4px;font-size:12px;line-height:18px}.guild-list-boost-info .boost-level-progress,.self-guild-boost-list .boost-level-progress{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;font-size:12px;display:flex;position:relative}.guild-list-boost-info .boost-level-progress .boost-icon,.self-guild-boost-list .boost-level-progress .boost-icon{background-image:url(https://static.kookapp.cn/app/static/media/guild_boost_icon.54c4a400.svg);background-position:50%;background-size:cover;width:24px;height:24px;margin-bottom:2px}.guild-list-boost-info .boost-progress,.self-guild-boost-list .boost-progress{color:var(--color-success);position:absolute;top:0;left:0;transform:rotate(-90deg)}.guild-list-boost-info .boost-progress-bg,.self-guild-boost-list .boost-progress-bg{stroke:var(--border-color)}.guild-list-boost-info .boost-num,.self-guild-boost-list .boost-num{align-items:center;margin-top:4px;display:flex}.guild-list-boost-info .boost-num .icon,.self-guild-boost-list .boost-num .icon{background-image:url(https://static.kookapp.cn/app/static/media/guild_boost_icon.54c4a400.svg);background-position:50%;background-size:cover;width:16px;height:16px;margin-right:4px;display:inline-block}.guild-list-boost-info{flex-wrap:wrap;justify-content:space-between;display:flex}.guild-list-boost-info .boost-level-progress .boost-icon{width:20px;height:20px}.guild-list-boost-info .guild-boost-item{background-color:var(--color-grey-bg);border-radius:16px;align-items:center;width:322px;height:96px;margin-bottom:16px;padding:0 24px;font-size:14px;line-height:20px;display:flex}.guild-list-boost-info .guild-name{margin-bottom:2px;font-size:16px;font-weight:400;line-height:22px}.guild-list-boost-info .kaihei-guild-icon{margin-right:8px}.guild-list-boost-info .boost-level-progress{width:64px;height:64px}.guild-list-boost-info .boost-num .icon{margin-top:-1px}.guild-boost-permission{justify-content:space-between;display:flex}.guild-boost-permission .boost-permission-item{background-color:var(--color-grey-bg);border-radius:16px;align-items:center;width:210px;padding:16px 20px;font-size:14px;line-height:20px;display:flex}.guild-boost-permission .boost-permission-item .icon{background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px;margin-right:8px}.guild-boost-permission .boost-permission-item .icon-user_tag{background-image:url(https://static.kookapp.cn/app/static/media/user_tag.a0075eea.svg)}.guild-boost-permission .boost-permission-item .icon-role{background-image:url(https://static.kookapp.cn/app/static/media/role.66652afe.svg)}.guild-boost-permission .boost-permission-item .icon-badge{background-image:url(https://static.kookapp.cn/app/static/media/badge.3194b9a2.svg)}.guild-boost-permission .boost-permission-item .icon-guild_emoji{background-image:url(https://static.kookapp.cn/app/static/media/guild_emoji.7953d9eb.svg)}.guild-boost-permission .boost-permission-item .icon-high_quality{background-image:url(https://static.kookapp.cn/app/static/media/high_quality.d4db3cdd.svg)}.guild-boost-permission .boost-permission-item .icon-large_file{background-image:url(https://static.kookapp.cn/app/static/media/large_file.1f6325c7.svg)}.guild-boost-permission .boost-permission-item .icon-more{background-image:url(https://static.kookapp.cn/app/static/media/more.9531651f.svg)}.guild-boost-permission .boost-permission-item .icon-global{background-image:url(https://static.kookapp.cn/app/static/media/global.d550f63d.svg)}.guild-boost-permission .boost-permission-item .icon-server_banner{background-image:url(https://static.kookapp.cn/app/static/media/server_banner.620cb16b.svg)}.guild-boost-permission .boost-permission-item .icon-role_gradient{background-image:url(https://static.kookapp.cn/app/static/media/role_gradient.51b2d12f.svg)}.guild-boost-permission .boost-permission-item .icon-guild_save{background-image:url(https://static.kookapp.cn/app/static/media/guild_save.81f33da0.png)}.guild-boost-permission .boost-permission-item .icon-smoothly{background-image:url(https://static.kookapp.cn/app/static/media/voice_perf.c7217e84.svg)}.guild-boost-permission .boost-permission-item .icon-guild-id{background-image:url(https://static.kookapp.cn/app/static/media/custom-user-id@2x.1ced574c.png)}.guild-boost-permission .boost-permission-item .icon-guild-card-img{background-image:url(https://static.kookapp.cn/app/static/media/card_gradient@2x.3682fd32.png)}.guild-boost-permission .boost-permission-item .icon-guild-role-number{background-image:url(https://static.kookapp.cn/app/static/media/icon_guild_role_number.99b57a1c.svg)}.guild-boost-permission+.guild-boost-subtitle{margin-top:24px}.guild-boost-learn-more{font-size:14px}.dialog-use-guild-boost,.dialog-guild-open-private-domain{width:440px}.dialog-use-guild-boost .form-num-tip-item,.dialog-guild-open-private-domain .form-num-tip-item{border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.dialog-use-guild-boost .form-tips,.dialog-guild-open-private-domain .form-tips{font-size:14px}.dialog-use-guild-boost .form-tips .kaihei-loading-spin,.dialog-guild-open-private-domain .form-tips .kaihei-loading-spin{margin-left:35px}.dialog-use-guild-boost .dialog-footer,.dialog-guild-open-private-domain .dialog-footer{justify-content:flex-end;margin-top:24px;display:flex}.dialog-use-guild-boost .dialog-footer .chuanyu-button,.dialog-guild-open-private-domain .dialog-footer .chuanyu-button{margin-left:8px}.dialog-use-guild-boost .selector-option-item,.dialog-guild-open-private-domain .selector-option-item{height:auto}.selector-guild-item{align-items:center;padding-left:30px;display:flex;position:relative}.selector-guild-item .kaihei-guild-icon{position:absolute;top:50%;left:-8px;transform:translateY(-50%)scale(.6)}.selector-guild-item .kaihei-guild-icon.chinese{white-space:normal}.selector-guild-item .guild-name{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.selector-select .selector-guild-item{height:20px}.select-guild-loading{justify-content:center;align-items:center;height:40px;display:flex}.setting-page-mask{background-color:var(--color-deep-bg);width:100%;height:100%;color:var(--text-color);z-index:100;justify-content:space-around;font-size:14px;line-height:20px;display:flex;position:absolute;top:0;left:0}.setting-page{flex-direction:column;width:732px;padding:40px 16px 60px 56px;display:flex;position:relative}.setting-page .setting-page-empty{margin-top:100px}.setting-page-nav{border-right:1px solid var(--color-line);flex:1 0 240px;justify-content:flex-end;height:100%;display:flex}.setting-page-nav-content{height:100%}.setting-page-main{height:100%;overflow-y:auto;overflow-y:overlay;flex:772px;justify-content:flex-start;align-items:flex-start;display:flex;overflow-x:hidden}.setting-page-main-content{height:100%;position:relative}.setting-page-close{cursor:pointer;width:40px;height:40px;color:var(--text-description-color);background-color:var(--color-light-bg);border:1px solid var(--text-tip-color);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:39px}.setting-page-close:hover{color:var(--text-color);border-color:var(--text-description-color)}.setting-page-to-shop{cursor:pointer;width:96px;height:32px;color:var(--text-description-color);background-color:var(--color-light-bg);border:1px solid var(--text-tip-color);border-radius:8px;justify-content:center;align-items:center;margin-left:-112px;display:flex;position:absolute;top:43px}.setting-page-to-shop:hover{color:var(--text-color);border-color:var(--text-description-color)}.setting-page-to-shop .kook-icon{width:16px;height:16px;margin-right:2px}.setting-page-header{margin-bottom:40px}.setting-page-header .title{color:var(--text-color);font-size:32px;font-weight:600;line-height:38px}.setting-page-header .description{border-bottom:1px solid var(--color-line);color:var(--text-tip-color);padding:16px 0;font-size:14px;line-height:20px}.setting-page-panel{margin-bottom:40px}.setting-page-panel .setting-form:not(:last-of-type){margin-bottom:8px}.setting-page-panel-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.setting-page-panel-header .setting-page-panel-header-left .title{font-size:16px;font-weight:600;line-height:22px}.setting-page-panel-header .setting-page-panel-header-left .title-tip{color:var(--text-tip-color);margin-left:8px;font-size:14px;font-weight:400}.setting-page-panel-icon-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.setting-page-panel-icon-header .right-content{color:var(--text-tip-color);text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.setting-page-panel-icon-header .right-content-span-orange .left-span{color:#ff8200}.setting-page-panel-icon-header .right-content-span-red .left-span,.setting-page-panel-icon-header .right-content-span-red .right-span{color:#ff3200}.setting-page-panel-icon-header .left{flex-direction:row;align-items:center;display:flex}.setting-page-panel-icon-header .left .buff-tag{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/buff_tag.bdb30c5d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:46px;height:14px;margin-left:4px}.setting-page-panel-icon-header .left .title{font-size:16px;font-weight:600;line-height:22px}.setting-page-panel-icon-header .left .icons{width:84px;color:var(--text-tip-color);cursor:pointer;margin-left:8px;height:12px!important}.setting-page-panel-body{background-color:var(--color-grey-bg);border-radius:16px;padding:20px 24px}.setting-form{background-color:var(--color-grey-bg);border-radius:16px}.setting-form .voice-btn-text{text-align:right;cursor:pointer;width:200px;color:var(--color-link);font-size:14px;line-height:20px}.setting-form-item{border-bottom:1px solid var(--color-line)}.setting-form-item.highlight{background-color:rgba(122,204,53,.1)}.setting-form-item.highlight:first-child{border-top-left-radius:16px;border-top-right-radius:16px}.setting-form-item.highlight:last-child{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.setting-form-item:last-child{border-bottom:none}.setting-form-item.is-error .multi-function-input-wrapper,.setting-form-item.is-error .normal-textarea,.setting-form-item.is-error .normal-input{border-color:var(--color-error)}.setting-form-item.is-error .multi-function-input-wrapper:focus,.setting-form-item.is-error .normal-textarea:focus,.setting-form-item.is-error .normal-input:focus,.setting-form-item.is-error .multi-function-input-wrapper.focused,.setting-form-item.is-error .normal-textarea.focused,.setting-form-item.is-error .normal-input.focused{box-shadow:none}.setting-form-item .setting-form-detail{white-space:nowrap;height:20px;color:var(--text-tip-color);padding-right:8px;font-size:14px;font-weight:400;line-height:20px;position:relative}.setting-form-item .setting-form-detail:after{content:"";width:4px;font-family:kookiconfont;font-size:16px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.setting-form-item .setting-form-detail:not(.disabled){cursor:pointer}.setting-form-item .line-tips{color:var(--text-tip-color);text-align:left;margin-top:16px;font-size:12px;line-height:18px}.setting-form-group{border-bottom:1px solid var(--color-line)}.setting-form-group:last-child,.setting-form-group .setting-form-item{border-bottom:none}.lianghao-wrapper{border-radius:12px;justify-content:space-between;align-items:center;padding:9px 16px;display:flex}.setting-form-label .title{font-size:14px;line-height:20px}.setting-form-label .title .sub{color:var(--text-tip-color);font-size:12px;font-weight:400;line-height:18px}.setting-form-label .rare-title{gap:4px;display:flex}.setting-form-label .title-tip{color:var(--text-tip-color);font-size:12px}.setting-form-label .description__wrapper{justify-content:space-between;display:flex}.setting-form-label .description{color:var(--text-tip-color);margin-top:4px;margin-right:45px;font-size:14px;line-height:20px}.mr-\[62px\]{margin-right:62px}.go-boost{color:var(--color-link);cursor:pointer}.setting-form-item.column{align-items:center;min-height:72px;padding:16px 24px;display:flex}.setting-form-item.column.sm{min-height:48px;padding-top:14px;padding-bottom:14px}.setting-form-item.column.is-description{padding:20px 24px}.setting-form-item.column .setting-form-label{flex:289px;margin-right:24px}.setting-form-item.column .setting-form-input{flex:0 0;display:flex}.setting-form-item.column.fix .setting-form-input{flex:0 0 320px;align-self:flex-start;width:320px;display:block}.setting-form-item.column.flex-start{align-items:flex-start}.setting-form-item.row{flex-direction:column;padding:20px 24px;display:flex}.setting-form-item.row .setting-form-label{margin-bottom:8px}.setting-form-error{color:var(--color-error);margin-top:8px;font-size:12px;line-height:18px}.setting-form-description{color:var(--text-tip-color);margin-top:8px;font-size:14px}.setting-form-item.mix{flex-direction:column;justify-content:space-around;min-height:72px;padding:20px 24px;display:flex}.setting-form-inner-colum{flex:1;align-items:center;margin-bottom:16px;display:flex}.setting-form-inner-colum:last-child{margin-bottom:0}.setting-form-inner-colum .setting-form-label{flex:1;margin-right:24px}.setting-form-inner-colum .setting-form-input{flex:0 0;display:flex}.setting-form-input-center{align-items:center;height:40px;display:flex}.setting-form-input-center .kaihei-range{width:100%}.setting-page-description{color:var(--text-tip-color);margin-top:16px;font-size:12px;line-height:18px}.setting-page-empty{color:var(--text-color);flex-direction:column;flex:1;align-items:center;display:flex}.setting-page-empty.center{justify-content:center;margin-top:0}.setting-page-empty.sm .empty-image{width:222px;height:140px;margin-bottom:16px}.setting-page-empty .empty-image{color:#bcc2cd;width:240px;height:182px;margin-bottom:24px}.setting-page-empty .empty-image svg{width:100%;height:100%}.theme-dark .setting-page-empty .empty-image{color:rgba(187,190,196,.25)}.setting-page-empty .empty-title{color:var(--text-description-color);margin-bottom:16px;font-size:20px;font-weight:600;line-height:26px}.setting-page-empty .empty-description{text-align:center;width:340px;color:var(--text-tip-color);font-size:14px;line-height:20px}.setting-page-empty .empty-children{margin-top:16px}.setting-button-bar-list{background-color:var(--color-grey-bg);border-radius:16px;overflow:hidden}.setting-button-bar{border-bottom:1px solid var(--color-line);cursor:pointer;justify-content:space-between;align-items:center;min-height:72px;padding:20px 24px;display:flex}.setting-button-bar:last-child{border-bottom:none}.setting-button-bar:hover{background-color:var(--menu-hover)}.setting-button-bar:active{background-color:var(--menu-active)}.setting-button-bar .button-bar-label .title{color:var(--text-color);font-size:14px;line-height:20px}.setting-button-bar .button-bar-label .description{color:var(--text-tip-color);margin-top:4px;font-size:14px;line-height:20px}.setting-button-bar .kookiconfont{color:var(--text-tip-color)}.setting-button-bar .text{color:var(--color-link)}.setting-button-bar .binded .text{color:var(--text-tip-color)}.setting-page-shop-panel{border-bottom:1px solid var(--color-line);margin-bottom:40px;padding-bottom:40px}.setting-page-shop-panel:last-child{border-bottom:none}.setting-page-shop-panel .setting-page-panel-header{margin-bottom:20px}.setting-page-shop-panel .setting-page-panel-header .title{color:var(--text-color);font-size:24px;font-weight:600;line-height:30px}.setting-page-float-bar{color:#fff;z-index:1;width:660px;height:48px;font-size:16px;font-weight:600;line-height:22px;transition:bottom .2s;display:flex;position:fixed;bottom:-100px}.setting-page-float-bar .icon{background-image:url(https://static.kookapp.cn/app/static/media/screenshare-icon.9069c6a2.png);background-repeat:no-repeat;background-size:100%;width:60px;height:60px;position:absolute;top:-6px;left:16px}.setting-page-float-bar.steam-play-freely .icon{background-image:url(https://static.kookapp.cn/app/static/media/steam_bottom@2x.eeccd2de.png)}.setting-page-float-bar .description{background-color:#323438;border-radius:16px 0 0 16px;flex:1;align-items:center;height:100%;padding-left:96px;font-weight:600;display:flex}.setting-page-float-bar .button{background-color:var(--color-primary);color:#fff;cursor:pointer;border-radius:0 16px 16px 0;justify-content:center;align-items:center;width:150px;height:100%;display:flex}.setting-page-float-bar .button svg{margin-left:-8px}.setting-page-float-bar.display{bottom:36px}.kprop-list{flex-wrap:wrap;display:flex}.kprop-list.empty{justify-content:space-around;padding-top:100px}.kprop-list .kprop-item{margin:0 16px 16px 0}.kprop-list .kprop-item:nth-child(4n){margin-right:0}.library-my-currentstatus{background-color:var(--color-grey-bg);border-radius:16px;flex-wrap:wrap;align-items:center;min-height:64px;padding:12px 7px 3px 16px;display:flex}.library-my-currentstatus .none{width:100%;height:40px;color:var(--text-tip-color);margin-bottom:9px;line-height:40px}.library-my-currentstatus .none.loading{background-image:url(https://static.kookapp.cn/app/static/media/backpack_state_loading.e0a1aa38.svg);background-position:0;background-repeat:no-repeat}.currentstatus-item{border-radius:12px;width:40px;height:40px;margin-bottom:8px;margin-right:8px;padding:4px;position:relative}.currentstatus-item:hover{background:var(--menu-hover)}.currentstatus-item .icon{background-position:50%;background-size:contain;width:32px;height:32px;position:relative}.currentstatus-item .unread{border:1px solid var(--color-grey-bg);background-color:var(--color-error);border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0}.currentstatus-item .kprop-expiry{font-weight:400;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)scale(.833);word-break:keep-all!important}.currentstatus-split-line{background:var(--border-color);width:1px;height:16px;margin-bottom:8px;margin-right:8px}.currentstatus-detail{background:var(--color-light-bg);width:212px;box-shadow:var(--box-shadow);z-index:1000;border-radius:10px;margin-top:-4px;padding:12px 16px;position:fixed}.currentstatus-detail .title{color:var(--text-color);margin-bottom:4px;font-size:14px;font-weight:600;line-height:20px}.currentstatus-detail .description{color:var(--text-color);font-size:14px;line-height:18px}.currentstatus-detail .expire-time{color:var(--text-tip-color);margin-top:4px;font-size:12px;line-height:18px}.white_action{justify-content:space-between;margin-bottom:24px;display:flex}.white_list{background-color:var(--color-grey-bg);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:16px;font-size:14px;overflow:hidden}.white_list .result-total{cursor:default;height:72px;font-size:14px;font-weight:600;line-height:72px}.white_list .result-total:hover{background-color:var(--color-grey-bg)}.white_list .white-user-info{flex:1;display:flex;overflow:hidden}.white_list .white-user-info .user-name{text-overflow:ellipsis;overflow:hidden}.white_list .white-user-info .tag{vertical-align:text-bottom;margin-right:4px;line-height:16px}.white_list .emoji{height:14px;margin-top:-3px;display:inline-block}.white_list li{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:8px;height:80px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.white_list li .left-info{flex:1;align-items:center;display:flex}.white_list li .user-avatar{background-size:contain;border-radius:50%;width:40px;height:40px;margin-right:16px}.white_list li .user-info-box{flex-direction:column;flex:1;display:flex}.white_list li .user-info-box .user-name{white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:14px;font-weight:400;overflow:hidden}.white_list li .white_created_time{color:#999}.white_list li:last-child{border-bottom:none}.white_list li:hover{background-color:var(--menu-hover)}.white_list li:hover .chuanyu-button{display:inline-block}.white_list .user-identify{color:rgba(0,0,0,.3);margin-left:5px;font-weight:400}.white_list .chuanyu-button{margin-left:24px;display:none}.white-list-scroll-area{height:100%;max-height:428px}.permission-commare-table{min-height:0;overflow-x:hidden;overflow-y:auto}.permission-commare-table .table-head{height:62px;color:var(--text-color);font-size:16px;font-weight:600;line-height:22px}.permission-commare-table .table-row{border-bottom:1px solid var(--color-line);align-items:center;padding:20px 0;display:flex}.permission-commare-table .col-perission{width:330px;padding-left:24px}.permission-commare-table .col-perission .title{color:var(--text-color);font-size:14px;font-weight:400;line-height:20px}.permission-commare-table .col-perission .description{color:var(--text-tip-color);margin-top:4px;font-size:12px;font-weight:400;line-height:18px}.permission-commare-table .col-target,.permission-commare-table .col-dest{justify-content:center;width:165px;display:flex}.screen-share-compare-modal{width:708px}.screen-share-compare-modal .permission-commare-table{border:1px solid var(--color-line);border-radius:16px}.screen-share-compare-modal .permission-commare-table .table-head{border-bottom:1px solid var(--color-line)}.screen-share-compare-modal .permission-commare-table .table-row:last-child{border-bottom:none}.screen-share-compare-modal .permission-compare-footer{padding-bottom:0}.kook-golive-pay-dialog{width:800px;color:var(--text-color);background-color:var(--color-grey-bg);flex-direction:column;padding:0;line-height:normal;display:flex}.kook-golive-pay-dialog .payment-title{align-items:center;padding:24px;font-size:20px;font-weight:600;line-height:26px;display:flex}.kook-golive-pay-dialog .payment-title .golive-icon{background-image:url(https://static.kookapp.cn/app/static/media/golive_pay_logo.7e771098.png);background-size:cover;width:20px;height:20px;margin-right:8px}.kook-golive-pay-dialog .payment-content{flex:1;padding:0 24px;overflow-y:scroll}.kook-golive-pay-dialog .dialog-payment-target{margin-bottom:24px}.kook-golive-pay-dialog .dialog-payment-target input{background-color:transparent}.kook-golive-pay-dialog .panel-title{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;line-height:18px}.kook-golive-pay-dialog .version-title{color:var(--text-tip-color);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;line-height:18px;display:flex}.kook-golive-pay-dialog .version-title a{text-decoration:none}.kook-golive-pay-dialog .version-tab{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.kook-golive-pay-dialog .version-tab.disabled{opacity:.5}.kook-golive-pay-dialog .version-tab-item{width:100%;height:40px;box-shadow:inset 0 0 0 1px var(--border-color);border-radius:12px;justify-content:center;align-items:center;gap:5px;font-size:14px;display:flex}.kook-golive-pay-dialog .version-tab-item .version-logo{background-size:cover;background-color:var(--color-primary);background-image:url(https://img.kookapp.cn/assets/2022-11/lIcMeVVwOC00w00w.png);border-radius:50%;width:16px;height:16px}.kook-golive-pay-dialog .version-tab-item:first-of-type .version-logo{background-image:url(https://img.kookapp.cn/assets/2022-11/jeNk6uE64A00w00w.png)}.kook-golive-pay-dialog .version-tab-item:hover:not(.disabled){box-shadow:inset 0 0 0 1px var(--color-primary)}.kook-golive-pay-dialog .version-tab-item.selected{box-shadow:inset 0 0 0 2px var(--color-primary)}.kook-golive-pay-dialog .version-tab-item.selected .goods-selected-symbol{display:inline-block}.kook-golive-pay-dialog .gift-select-friend-item{align-items:center;height:32px;display:flex}.kook-golive-pay-dialog .gift-select-friend-item .user-avatar{width:24px;height:24px;margin-right:6px}.kook-golive-pay-dialog .gift-select-friend-item .user-infos{text-overflow:ellipsis;white-space:nowrap;flex:1;height:32px;display:flex;overflow:hidden}.kook-golive-pay-dialog .gift-select-friend-item .user-infos .user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kook-golive-pay-dialog .dialog-payment-goods{margin-bottom:24px;position:relative}.kook-golive-pay-dialog .dialog-payment-goods .goods-list{padding-top:10px;display:flex}.kook-golive-pay-dialog .dialog-payment-goods .goods-list.disabled{opacity:.5}.kook-golive-pay-dialog .dialog-payment-goods .goods-list.disabled .goods-vip{box-shadow:inset 0 0 0 1px var(--border-color)}.kook-golive-pay-dialog .dialog-payment-goods .goold-list-desc{color:var(--text-tip-color);margin-top:8px;font-size:12px;line-height:18px}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip{width:188px;height:126px;box-shadow:inset 0 0 0 1px var(--border-color);text-align:center;border-radius:12px;flex-shrink:0;padding:16px 0;font-size:14px;line-height:1;position:relative}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip:hover{box-shadow:inset 0 0 0 1px var(--color-primary)}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip:not(:last-child){margin-right:8px}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip.selected{box-shadow:inset 0 0 0 2px var(--color-primary)}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip.selected .goods-selected-symbol{display:inline-block}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip .goods-name{margin-bottom:8px;line-height:20px}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip .goods-price{color:var(--text-tip-color);height:38px;margin-bottom:8px;line-height:38px}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip .goods-price-pay{color:var(--text-color);margin-right:4px;font-size:32px;font-weight:600}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip .goods-price-pay .symbol{font-size:14px;font-weight:400}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip .goods-price-origin{color:var(--text-tip-color);-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip .goods-description{color:var(--text-description-color);font-size:12px;line-height:20px}.kook-golive-pay-dialog .dialog-payment-goods .goods-vip .goods-discount-symbol{color:#fff;background-color:var(--color-error);border:4px solid var(--color-grey-bg);border-radius:12px 7px;height:26px;padding:0 10px;font-family:Montserrat-Bold;font-size:12px;line-height:18px;position:absolute;top:-10px;left:8px}.kook-golive-pay-dialog .dialog-payment-mode .panel-container{border:1px solid var(--border-color);border-radius:12px;height:246px;display:flex}.kook-golive-pay-dialog .dialog-payment-mode .panel-container.disabled{opacity:.5}.kook-golive-pay-dialog .dialog-payment-mode .panel-container.disabled .payment-mode{box-shadow:inset 0 0 0 1px var(--border-color)}.kook-golive-pay-dialog .dialog-payment-mode .payment-mode-list{margin-right:143px}.kook-golive-pay-dialog .dialog-payment-mode .payment-mode{width:136px;height:40px;box-shadow:inset 0 0 0 1px var(--border-color);border-radius:12px;align-items:center;margin-bottom:8px;font-size:14px;display:flex;position:relative}.kook-golive-pay-dialog .dialog-payment-mode .payment-mode:hover{box-shadow:inset 0 0 0 1px var(--color-primary)}.kook-golive-pay-dialog .dialog-payment-mode .payment-mode.selected{box-shadow:inset 0 0 0 2px var(--color-primary)}.kook-golive-pay-dialog .dialog-payment-mode .payment-mode.selected .goods-selected-symbol{display:inline-block}.kook-golive-pay-dialog .dialog-payment-mode .payment-mode .icon{background-position:50%;background-size:cover;width:16px;height:16px;margin-left:16px;margin-right:5px}.kook-golive-pay-dialog .dialog-payment-mode .payment-mode .icon.mode1{background-image:url(https://static.kookapp.cn/app/static/media/mode1.ab3b532f.png)}.kook-golive-pay-dialog .dialog-payment-mode .payment-mode .icon.mode2{background-image:url(https://static.kookapp.cn/app/static/media/mode2.5174d005.png)}.kook-golive-pay-dialog .dialog-payment-mode .payment-mode .goods-selected-symbol{top:-3px;right:-3px;transform:scale(.83)}.kook-golive-pay-dialog .dialog-payment-mode .payment-info-wrapper{align-items:center;height:140px;margin-top:53px;margin-left:300px;display:flex}.kook-golive-pay-dialog .dialog-payment-mode .payment-support-tips{height:18px;color:var(--text-description-color);align-items:center;font-size:12px;display:flex;position:absolute;bottom:55px;left:326px}.kook-golive-pay-dialog .dialog-payment-mode .payment-support-tips .platform-list{gap:4px;margin-left:8px;margin-right:4px;display:flex}.kook-golive-pay-dialog .dialog-payment-mode .payment-support-tips .platform{background-position:50%;background-size:cover;width:16px;height:16px}.kook-golive-pay-dialog .dialog-payment-mode .payment-support-tips .alipay_icon{background-image:url(https://static.kookapp.cn/app/static/media/mode2.5174d005.png)}.kook-golive-pay-dialog .dialog-payment-mode .payment-support-tips .wechat_icon{background-image:url(https://static.kookapp.cn/app/static/media/mode1.ab3b532f.png)}.kook-golive-pay-dialog .dialog-payment-mode .payment-qrcode{border:1px solid var(--border-color);border-radius:6px;justify-content:center;align-items:center;width:138px;height:138px;margin-right:16px;display:flex;position:relative}.kook-golive-pay-dialog .dialog-payment-mode .payment-qrcode .qrcode{background-size:cover;width:120px;height:120px;position:relative}.kook-golive-pay-dialog .dialog-payment-mode .payment-qrcode .loading,.kook-golive-pay-dialog .dialog-payment-mode .payment-qrcode .refresh{color:#fff;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex;position:absolute;top:0}.kook-golive-pay-dialog .dialog-payment-mode .payment-qrcode .all-token-pay{color:var(--text-color);font-size:12px;font-weight:600;position:absolute}.kook-golive-pay-dialog .dialog-payment-mode .payment-qrcode .all-token-pay .token-icon{width:20px;height:20px;margin:0 0 8px}.kook-golive-pay-dialog .dialog-payment-mode .payment-qrcode-border{position:absolute;top:-2px;left:-2px}.kook-golive-pay-dialog .dialog-payment-mode .payment-info{position:relative}.kook-golive-pay-dialog .dialog-payment-mode .payment-info .payment-price{font-size:14px;font-weight:600}.kook-golive-pay-dialog .dialog-payment-mode .payment-info .payment-price .price-number{color:var(--color-warn);font-size:32px}.kook-golive-pay-dialog .dialog-payment-mode .payment-info .payment-cutsom-token{background:var(--color-line);border-radius:12px;align-items:center;margin:8px 0;padding:8px 12px;display:flex}.kook-golive-pay-dialog .dialog-payment-mode .payment-info .payment-cutsom-token .checkbox-box .kaihei-checkbox-mute{border-radius:50%}.kook-golive-pay-dialog .dialog-payment-mode .payment-info .payment-cutsom-token .checkbox-box .kaihei-checkbox-mute.active{background:var(--color-primary);color:var(--color-primary);border-color:var(--color-primary)}.kook-golive-pay-dialog .dialog-payment-mode .payment-info .payment-cutsom-token-tip .content-tip{color:var(--text-color);letter-spacing:.21px;font-size:12px;font-weight:600;line-height:18px}.kook-golive-pay-dialog .dialog-payment-mode .payment-info .payment-cutsom-token-tip .count-tip{color:#666;opacity:.5;letter-spacing:.21px;line-height:18px}.kook-golive-pay-dialog .dialog-payment-mode .payment-info .payment-cutsom-token-tip.disabled{opacity:.5}.kook-golive-pay-dialog .dialog-payment-mode .chuanyu-button{position:absolute}.kook-golive-pay-dialog .dialog-payment-mode .vip-price-tips{background:var(--menu-hover);border-radius:13px;justify-content:center;align-items:center;height:26px;padding:4px 8px;display:flex}.kook-golive-pay-dialog .dialog-payment-mode .vip-icon{background-image:url(https://static.kookapp.cn/app/static/media/vip_icon.28fa0a5b.svg);background-size:cover;width:12px;height:12px}.kook-golive-pay-dialog .dialog-payment-mode .active-buff{color:#0096ff;margin-left:3px;margin-right:2px;font-size:12px;font-weight:600;line-height:26px}.kook-golive-pay-dialog .dialog-payment-mode .buff-discount{color:#ff8200;font-size:12px;font-weight:600;line-height:26px}.kook-golive-pay-dialog .payment-protocol{justify-content:flex-end;margin:7px 0;font-size:12px;line-height:18px;display:flex}.kook-golive-pay-dialog .payment-protocol a{color:var(--text-tip-color)}.kook-golive-pay-dialog .payment-protocol:hover{color:var(--text-description-color)}.screen-share-introduce-video{margin-bottom:40px}.screen-share-introduce-video video{border-radius:12px;width:660px;height:371px}.permission-compare-box{background-color:var(--color-grey-bg);border-radius:16px}.permission-compare-footer{justify-content:right;align-items:center;padding:20px 35px;display:flex}.permission-compare-footer .buy-button{flex-direction:column;justify-content:center;align-items:center;margin-left:70px;display:flex}.permission-compare-footer .price{color:var(--text-tip-color);margin-bottom:4px;font-size:12px;font-weight:400;line-height:18px}.screen-share-rule{background-color:var(--color-grey-bg);border-radius:16px;padding:20px 24px}.screen-share-rule .rule-item{margin-bottom:24px}.screen-share-rule .rule-item:last-child{margin-bottom:0}.screen-share-rule .title{color:var(--text-color);font-size:16px;font-weight:600;line-height:22px}.screen-share-rule .description{color:var(--text-tip-color);margin-top:4px;font-size:14px;font-weight:400;line-height:20px}.modal-body.mall-rank-modal{flex-direction:column;height:620px;padding:32px 32px 0;display:flex;overflow:hidden}.mall-rank-modal{background:linear-gradient(#fe6e6d 0%,#ffaa72 100%)}.mall-rank-modal .tab-header{margin-bottom:0}.mall-rank-modal .tab-header .tab-header-list .tab-header-item{color:rgba(255,255,255,.4)}.mall-rank-modal .tab-header .tab-header-list .tab-header-item.active{color:#fff!important}.mall-rank-modal .tab-header .tab-header-list .tab-header-item:after{display:none}.mall-rank-modal .top-buttons{gap:8px;display:flex;position:absolute;top:16px;right:16px}.mall-rank-modal .top-button{cursor:pointer;width:28px;height:28px;color:var(--text-description-color);background:rgba(0,0,0,.2);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.mall-rank-modal .content{flex-direction:column;flex:1;padding-top:24px;display:flex;overflow:hidden}.mall-rank-modal .content .kaihei-loading-spin{position:absolute;top:50%;left:calc(50% - 9px)}.mall-rank-modal .rank-content-overlay{width:124px;position:absolute;top:54px;right:16px}.mall-rank-modal .rank-content-overlay .selector-contain{color:rgba(255,255,255,.6)!important}.mall-rank-modal .rank-content-overlay .selector-contain .selector-select{box-shadow:none!important;border:none!important;padding:9px 0 9px 16px!important}.mall-rank-modal .rank-content-overlay .selector-contain .selector-select .selector-label{font-size:12px!important;line-height:18px!important}.mall-rank-modal .rank-content-overlay .selector-contain .selector-select .selector-option{min-width:240px!important}.mall-rank-modal .rank-content-overlay .selector-contain .selector-option{width:128px;padding:8px 0 8px 8px!important}.mall-rank-modal .rank-content-top{margin-bottom:16px;padding-top:58px;padding-bottom:28px}.mall-rank-modal .top-3-content{background-image:url(https://static.kookapp.cn/app/static/media/mall-rank-top3@2x.07ad51ca.png);background-size:100%;width:312px;height:116px;margin-left:auto;margin-right:auto;position:relative}.mall-rank-modal .normal-rank-title{color:rgba(255,255,255,.48);text-align:left;margin-bottom:4px;font-size:10px;font-weight:600;line-height:20px;display:flex}.mall-rank-modal .normal-rank-title>div:first-child{margin-left:26px}.mall-rank-modal .normal-rank-title>div:nth-child(2){margin-left:24px}.mall-rank-modal .normal-rank-title>div:nth-child(3){margin-left:194px}.mall-rank-modal .rank-desc{color:#fff;margin-bottom:24px;font-size:12px;line-height:18px}.mall-rank-modal .rank-desc .text-link{color:var(--color-link)}.top-3-user-item .rank-user-avatar{width:56px;height:56px;position:absolute}.top-3-user-item .rank-user-info{text-align:center;width:92px;position:absolute;top:calc(100% - 9px)}.top-3-user-item .rank-user-info .name{color:#fff;text-overflow:ellipsis;white-space:nowrap;height:18px;font-size:12px;font-weight:600;line-height:18px;overflow:hidden}.top-3-user-item .rank-user-info .total{color:rgba(255,255,255,.48);height:18px;font-size:12px;font-weight:700;line-height:18px}.top-3-user-item.position-1 .rank-user-avatar{width:64px;height:64px;top:-61px;left:128px}.top-3-user-item.position-1 .rank-user-info{width:112px;left:100px}.top-3-user-item.position-2 .rank-user-avatar{top:-26px;left:18px}.top-3-user-item.position-2 .rank-user-info{left:0}.top-3-user-item.position-3 .rank-user-avatar{top:-10px;right:18px}.top-3-user-item.position-3 .rank-user-info{right:0}.normal-rank-list{flex:1;overflow-y:auto}.normal-rank-list::-webkit-scrollbar{display:none}.normal-rank-list .list-wrapper{border-radius:16px;margin-bottom:24px;overflow-y:hidden}.normal-rank-list .list-wrapper:empty{background-color:rgba(255,255,255,.8);justify-content:center;align-items:center;height:196px;display:flex}.normal-rank-list .list-wrapper:empty:after{content:"暂无用户排行";color:#ffc9b8;font-size:20px;font-weight:600;line-height:28px}.normal-rank-list.theme-scroll-bar::-webkit-scrollbar-thumb{background-color:#fe6f6d}.normal-rank-list.theme-scroll-bar::-webkit-scrollbar-thumb:hover{background-color:#fe6f6d}.rank-normal-user-item{color:var(--text-color);background-color:rgba(255,255,255,.8);align-items:center;height:48px;display:flex;overflow:hidden}.rank-normal-user-item:not(:last-child){border-bottom:1px solid #f5e5da}.rank-normal-user-item .position{text-align:center;color:rgba(255,130,0,.4);flex-shrink:0;width:68px;font-size:24px;font-style:italic;font-weight:700;line-height:24px}.rank-normal-user-item .rank-user-info{flex:1;align-items:center;display:flex}.rank-normal-user-item .total{text-align:left;color:#ff8200;flex-shrink:0;width:90px;font-family:Montserrat-Bold;font-size:14px;font-weight:700}.rank-normal-user-item .rank-user-avatar{flex-shrink:0;width:24px;height:24px;margin-right:12px}.rank-normal-user-item .name{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#222;flex:1;max-width:150px;font-size:12px;font-weight:600;line-height:18px;overflow:hidden}.mall-rank-modal .ghost-own-box{flex-shrink:0;height:74px}.mall-rank-modal .show-switcher{align-items:center;display:flex}.mall-rank-modal .eye-state{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/eye-open@2x.fa5c9867.png);background-size:100%;width:16px;height:16px}.mall-rank-modal .eye-state.close{background-image:url(https://static.kookapp.cn/app/static/media/eye-close@2x.a8997928.png)}.mall-rank-modal .fixed-own-box{background-color:#fe6f6d;width:440px;height:74px;padding:12px 16px;position:absolute;bottom:0;left:0}.mall-rank-modal .fixed-own-box .right .text{color:var(--text-color);text-align:left;margin-right:8px;font-size:12px;font-weight:600;line-height:20px}.mall-rank-modal .fixed-own-box .self-avatar{width:24px;height:24px;margin-right:8px}.mall-rank-modal .fixed-own-box .self-name{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:12px;font-weight:600;line-height:20px;overflow:hidden}.mall-rank-modal .fixed-own-box .bottom-info{color:rgba(255,255,255,.64);gap:16px;margin-top:4px;font-size:12px;font-weight:600;line-height:18px;display:flex}.mall-rank-modal .rank-user-avatar-clickable{cursor:pointer}.mall-rank-modal-frame{z-index:98!important}.setting-page-channel-role{height:100%}.role-list-selector-container{z-index:100;width:220px;box-shadow:var(--box-shadow);background-color:var(--menu-background);border-radius:12px;overflow:hidden}.theme-menu-blur .role-list-selector-container{background-color:transparent}.theme-menu-blur .role-list-selector-container:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.role-list-selector-container .text-room-message-loading{padding:10px 0;font-size:14px}.role-list-selector-container .role-type{margin:10px 0;padding-left:10px;font-size:14px}.role-list-selector-container .role-list-wrapper{width:100%;height:208px;padding:8px;overflow-x:hidden;overflow-y:auto}.role-list-selector-container .role-list-wrapper .none{justify-content:center;align-items:center;display:flex}.role-list-selector-container .role-list-wrapper .user-head{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:24px;height:24px;margin-right:10px}.role-list-selector-container .role-list-wrapper .user-name{flex:1}.role-list-selector-container .role-item{cursor:pointer;border-radius:var(--button-radius);height:32px;margin-bottom:2px;padding:0 8px;font-size:14px;line-height:32px}.role-list-selector-container .role-item:last-child{margin-bottom:0}.role-list-selector-container .role-item.user-item{align-items:center;display:flex}.role-list-selector-container .role-item:hover{background-color:var(--menu-hover)}.role-list-selector-container .role-item:active{background-color:var(--menu-active)}.role-list-selector-container .role-item.disabled{cursor:initial}.role-list-selector-container .role-item.disabled:hover{background-color:transparent}.role-list-selector-container .role-item .emoji{height:16px;display:inline-block}.role-aside{flex-direction:column;width:162px;height:100%;display:flex;overflow:hidden}.role-aside .role-list{overflow-y:auto}.role-aside .aside-top{position:relative}.role-aside .aside-top .title{justify-content:space-between;margin-bottom:16px;font-size:16px;font-weight:700;line-height:22px;display:flex}.role-aside .aside-top .add-role-btn{color:var(--text-tip-color);cursor:pointer;align-items:center;margin-bottom:8px;font-size:14px;line-height:20px;display:flex}.role-aside .aside-top .add-role-btn:hover{color:var(--text-description-color)}.role-aside .aside-top .add-role-btn:active{color:var(--text-color)}.role-aside .aside-top .add-role-btn .kookiconfont{margin-left:8px}.role-aside .aside-top .role-list-selector-container{background-color:var(--color-light-bg);position:fixed}.role-aside .aside-top .role-list-selector-container:before{content:unset}.nav-group-item.user-item{align-items:center;display:flex}.nav-group-item.user-item .user-head{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:20px;height:20px;margin-right:5px}.nav-group-item.user-item .user-name{flex:1}.small-scroll-bar::-webkit-scrollbar-thumb{border-width:5px!important}.search-box{padding:8px}.search-box input{border:1px solid var(--color-line);background-color:transparent;border-radius:12px;width:100%;height:40px;padding:0 16px;font-size:14px}.search-box input:hover{border-color:var(--border-hover-color)}.search-box input:focus{border-color:var(--border-hover-color);box-shadow:0 0 0 3px var(--border-active-color)}.modal-body.robot-home-dialog{width:600px;color:var(--text-color);box-shadow:none;background:0 0;border-radius:0;padding:0}.modal-body.robot-home-dialog .robot-home-dialog-banner{height:134px;box-shadow:var(--box-shadow);background-image:url(https://static.kookapp.cn/app/static/media/userinfocard_banner.104027e2.png);background-position:50%;background-size:cover;border-radius:16px 16px 0 0}.modal-body.robot-home-dialog .robot-home-dialog-content{box-shadow:var(--box-shadow);background-color:var(--color-light-bg);border-radius:16px;margin-top:-16px;padding:80px 24px 24px;position:relative}.modal-body.robot-home-dialog .robot-home-dialog-content .robot-avatar{background-color:var(--color-light-bg);border:4px solid var(--color-light-bg);background-position:50%;background-size:cover;border-radius:50%;width:72px;height:72px;position:absolute;top:-20px;left:20px;overflow:hidden}.modal-body.robot-home-dialog .robot-head-info{margin-bottom:24px}.robot-head-info{align-items:center;display:flex}.robot-head-info .robot-name{white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:600;overflow:hidden}.robot-head-info .robot-tag{flex-shrink:0}.robot-home-body .button-group{margin-bottom:12px}.robot-home-body .button-group .chuanyu-button{min-width:77px;height:30px;color:var(--text-description-color);padding:0 10px;font-size:14px}.robot-home-body .button-group .chuanyu-button.active{color:var(--text-color);border-bottom:1px solid red;font-weight:600}.robot-home-body .tab-header{margin-bottom:6px}.robot-home-content{border:1px solid var(--color-line);box-sizing:content-box;border-radius:16px;height:200px;padding:12px 16px;font-size:14px}.robot-home-content.friendship{display:flex}.robot-home-content .robot-image{background-position:50%;background-size:cover;border-radius:12px;width:194px;height:243px;margin-bottom:8px}.robot-home-content .robot-friendship{align-items:center;font-size:14px;line-height:20px;display:flex}.robot-home-content .robot-content-left{margin-right:16px}.robot-home-content .robot-information-title{margin-bottom:16px;font-size:16px;font-weight:600;line-height:22px}.robot-home-content .robot-information-content{white-space:pre-wrap;font-size:14px;line-height:20px}.robot-home-content .robot-description-content{white-space:pre-wrap;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.robot-home-content .friendship-item{width:16px;height:16px;margin-left:4px}.robot-home-foot{justify-content:flex-end;display:flex;position:absolute;top:24px;right:24px}.robot-home-foot-action{text-align:center;background:var(--menu-hover);height:24px;color:var(--text-description-color);cursor:pointer;border-radius:8px;margin-left:8px;padding:0 8px;font-size:12px;font-weight:400;line-height:24px}.robot-home-foot-action:hover{background-color:var(--menu-active)}.user-info-card{width:332px;color:var(--text-color);z-index:99;flex-direction:column;line-height:1.25;display:flex;position:fixed}.user-info-card .user-info-card-content{z-index:1;box-shadow:var(--box-shadow);border-radius:16px;flex-direction:column;min-height:251px;margin-top:-16px;padding-bottom:4px;display:flex;position:relative}.user-info-card .user-info-card-content .scroll-area{overflow:auto}.user-info-card .user-info-card-content .scroll-area .can-react-pointer,.user-info-card .user-info-card-content .scroll-area .spoiler,.user-info-card .user-info-card-content .scroll-area>div:last-child,.user-info-card .user-info-card-content .scroll-area a{pointer-events:all}.user-info-card .user-info-card-content .scroll-area>div{z-index:2;pointer-events:none;position:relative}.user-info-card .user-info-card-content .scroll-area>div.user-info-card-footer{position:absolute}.user-info-card .user-info-card-content .scroll-area>div.meme-container-old,.user-info-card .user-info-card-content .scroll-area>div.meme-container-5{z-index:1;position:absolute}.user-info-card .user-info-card-content .user-info-card-gift-wrapper{flex-direction:row;justify-content:center;align-items:center;gap:2px;display:flex}.user-info-card .user-info-card-content .user-info-card-gift-wrapper .user-info-card-gift-icon{object-fit:contain;width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px}.user-info-card .user-banner{height:74px;box-shadow:var(--box-shadow);background-image:url(https://static.kookapp.cn/app/static/media/userinfocard_banner.104027e2.png);background-position:50%;background-size:cover;border-radius:16px 16px 0 0;flex-shrink:0;position:relative;overflow:hidden}.user-info-card .user-banner.has-banner{height:137px}.user-info-card .user-banner .user-banner-shade{background-color:rgba(0,0,0,.5);width:100%;height:100%;display:none;position:absolute;top:0}.user-info-card .user-banner .user-banner-shade.upload{cursor:pointer}.user-info-card .user-banner .user-banner-shade.no-bg{background-color:transparent}.noanimating.user-info-card .user-banner:hover .user-banner-shade{display:inline-block}.user-info-card .user-banner .user-buffer-icon{cursor:pointer;color:#e6eaf0;background-color:rgba(0,0,0,.5);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:10px;right:14px}.user-info-card .user-banner .user-buffer-icon:hover{color:#f2f3f5;background-color:rgba(0,0,0,.7)}.user-info-card .user-banner .user-buffer-icon:active{color:#fff;background-color:#000}.user-info-card .user-banner .user-banner-upload-button{color:#e6eaf0;font-size:14px;position:absolute;top:12px;right:16px}.user-info-card .user-avatar-panel{flex-shrink:0;height:64px;position:relative}.user-info-card .user-avatar-panel .user-avatar-img{background-color:var(--color-light-bg);border:4px solid var(--color-top-bg);background-position:50%;background-size:cover;border-radius:50%;width:72px;height:72px;position:absolute;top:-20px;left:20px}.user-info-card .user-avatar-panel .mobile-icon{background-image:url(https://static.kookapp.cn/app/static/media/new-cellphone@2x.baf0e586.png);background-position:50%;background-repeat:no-repeat;background-size:10px 12px;background-color:var(--color-grey-bg);box-sizing:border-box;border-radius:5px;width:14px;height:16px;position:absolute;bottom:0;right:0}.user-info-card .user-basic-info{margin-bottom:20px;padding:0 24px}.user-info-card .user-basic-content .user-nickname{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;align-items:center;margin-bottom:4px;font-size:20px;line-height:26px;display:flex;overflow:hidden}.user-info-card .user-basic-content .user-nickname .name{word-break:break-all;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-weight:600;overflow:hidden}.user-info-card .user-basic-content .user-nickname .user-id{font-weight:600}.user-info-card .user-basic-content .user-nickname .emoji{height:16px;margin-top:-2px;display:inline-block}.user-info-card .user-basic-content .user-nickname .tag{vertical-align:text-bottom;flex-shrink:0}.user-info-card .user-basic-content .user-nickname .vip-tag{flex-shrink:0;margin-left:4px;transform:translateY(2px)}.user-info-card .user-basic-content .user-name{color:var(--text-description-color);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;font-size:12px;line-height:18px}.user-info-card .user-basic-content .user-name .name{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:100%;display:inline-block;overflow:hidden}.user-info-card .user-basic-content .user-name .emoji{height:14px;margin-top:-2px;display:inline-block}.user-info-card .user-basic-content .user-info-nameplate{color:var(--text-description-color);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;line-height:18px;display:flex}.user-info-card .badge-list{flex-shrink:0;align-items:center;margin-top:2px;margin-left:4px;display:flex}.user-info-card .badge-list .badge-item{background-position:50%;background-size:cover;width:20px;height:20px;margin-left:4px}.user-info-card .badge-list .badge-item:first-of-type{margin-left:0}.user-info-card .badge-list .badge-more{width:20px;height:20px;color:var(--color-primary);text-align:right;cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/more_badge@2x.b14adeeb.png);background-size:contain;margin-left:4px;padding-right:4px;font-size:12px;font-weight:500;line-height:20px}.user-info-card .user-intimacy{margin-bottom:16px;padding:0 24px}.user-info-card .user-intimacy .title{margin-bottom:6px;font-size:12px;font-weight:600;line-height:18px}.user-info-card .user-intimacy .user-intimacy-list{gap:24px;display:flex}.user-info-card .user-intimacy .user-intimacy-list .intimacy-item{position:relative}.user-info-card .user-intimacy .user-intimacy-list .intimacy-item .avatar{border-radius:50%;width:48px;height:48px}.user-info-card .user-intimacy .user-intimacy-list .intimacy-item .intimacy-img{position:absolute;bottom:0;right:0}.user-info-card .user-desc{max-height:146px;margin-bottom:16px;padding:0 24px;position:relative;overflow:hidden}.user-info-card .user-desc.has-more{margin-bottom:8px}.user-info-card .user-desc .title{margin-bottom:8px;font-size:12px;font-weight:600;line-height:18px}.user-info-card .user-desc .content{-webkit-box-orient:vertical;font-size:14px;line-height:20px;display:-webkit-box}.user-info-card .user-joined-duration{color:var(--text-tip-color);margin-bottom:16px;padding:0 24px;font-size:12px;font-weight:600;line-height:18px}.user-info-card .show-more{color:var(--text-tip-color);align-items:center;margin:0 24px 16px;font-size:12px;line-height:18px;display:inline-flex}.user-info-card .show-more:hover{cursor:pointer;color:var(--text-description-color)}.user-info-card .user-role-panel{text-align:left;padding:0 24px 16px}.user-info-card .user-role-panel .title{font-size:12px;font-weight:600;line-height:18px}.user-info-card .user-role-panel .content{flex-wrap:wrap;min-height:23px;margin-top:8px;display:flex}.user-info-card .user-role-panel .content .kaihei-role-tag{margin-bottom:8px}.user-info-card .user-role-panel .content.no-verify{font-size:12px}.user-info-card .user-role-panel .member-role-add{pointer-events:all;background-color:var(--color-line);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:48px;height:32px;font-size:24px;font-weight:600;display:inline-flex}.user-info-card .user-role-panel .member-role-add:hover{background-color:var(--menu-hover)}.user-info-card .user-role-panel .member-role-add:active{background-color:var(--menu-active)}.user-info-card .card-robot-friendship{height:28px;color:var(--text-description-color);align-items:center;padding:0 24px;font-size:12px;display:flex}.user-info-card .card-robot-button{align-items:center;height:40px;padding:0 24px;display:flex}.user-info-card .card-robot-button .iconfont{text-align:center;background-color:var(--menu-background);width:28px;height:28px;color:var(--text-description-color);cursor:pointer;border-radius:50%;margin-right:18px;font-size:18px;line-height:28px;display:inline-block}.user-info-card .card-robot-button .iconfont:hover{color:var(--text-color)}.user-info-card .card-robot-button .iconfont[disabled]{color:var(--text-tip-color);cursor:not-allowed}.user-info-card-loading{width:44px;height:44px;box-shadow:var(--box-shadow);z-index:99;border-radius:6px;justify-content:center;align-items:center;display:flex;position:fixed}.remark-box{margin-bottom:16px;padding:0 24px}.remark-box .label-name{color:var(--text-color);margin-bottom:2px;font-size:12px;font-weight:600}.remark-textarea{text-align:left;width:100%;color:var(--text-color);background-color:transparent;border:0;border-radius:4px;margin-left:-4px;padding:8px 4px;font-size:12px;line-height:1;display:block}.remark-textarea:focus{background-color:var(--color-ede)}.user-info-card-footer{justify-content:flex-end;display:flex;position:absolute;top:24px;right:24px}.user-info-card-footer-action{text-align:center;background-color:var(--menu-hover);height:24px;color:var(--text-description-color);cursor:pointer;border-radius:8px;margin-left:8px;padding:0 8px;font-size:12px;font-weight:400;line-height:24px}.user-info-card-footer-action:not(.disabled):hover{background-color:var(--menu-active)}.user-info-card-footer-action.disabled{cursor:not-allowed;opacity:.5}.user-golive-card{background-color:var(--color-light-bg);width:220px;box-shadow:var(--box-shadow);color:var(--text-color);z-index:99;border-radius:8px;line-height:1.25;position:fixed;overflow:hidden}.user-golive-card .top{height:124px}.user-golive-card .img{object-fit:cover;width:100%;height:100%;display:block}.user-golive-card .bottom{text-align:center;padding:5px 8px;font-size:12px;line-height:18px}.user-golive-card .fix-top-layer{background:linear-gradient(rgba(0,0,0,.8) 0%,transparent 100%);width:100%;height:40px;position:absolute;top:0;left:0}.user-golive-card .golive-tag-pos{position:absolute;top:8px;right:8px}.meme-container-old{border-bottom-right-radius:16px;width:160px;height:160px;position:absolute;bottom:0;right:0;overflow:hidden}.user-game-panel{pointer-events:none;text-align:left;margin-bottom:16px;padding:0 24px}.user-game-panel .title{align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.user-game-panel .rich-presence-content{border:1px solid var(--color-line);border-radius:12px;flex-direction:column;justify-content:center;height:66px;padding:12px 8px 12px 64px;font-size:14px;display:flex;position:relative}.user-game-panel .rich-presence-content.clickable{cursor:pointer;pointer-events:all;padding-right:40px}.user-game-panel .rich-presence-content.clickable:hover{background-color:var(--menu-hover)}.user-game-panel .external-icon{width:16px;height:16px;color:var(--text-tip-color);position:absolute;right:16px}.user-game-panel .rich-presence-title{white-space:nowrap;text-overflow:ellipsis;line-height:20px;overflow:hidden}.user-game-panel .rich-presence-desc{color:var(--text-description-color);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.user-game-panel .rich-presence-icon{background-image:url(https://static.kookapp.cn/app/static/media/game-icon-default.47369955.png);background-position:50%;background-size:cover;border-radius:12px;width:48px;height:48px;position:absolute;top:8px;left:8px}.user-game-panel .rich-presence-icon.cloudmusic{background-image:url(https://static.kookapp.cn/app/static/media/cloudmusic.4e0b89ba.png)}.user-game-panel .rich-presence-icon.kugou{background-image:url(https://static.kookapp.cn/app/static/media/kugou.57f67a0e.png)}.user-game-panel .rich-presence-icon.qqmusic{background-image:url(https://static.kookapp.cn/app/static/media/qqmusic.3ae963ee.png)}.user-game-panel .rich-presence-icon.xiamipc{background-image:url(https://static.kookapp.cn/app/static/media/xiamipc.012ed677.png)}.user-game-panel .rich-presence-icon.spotify{background-image:url(https://static.kookapp.cn/app/static/media/spotify.2a20df1b.png)}.user-game-panel .rich-presence-icon.applemusic{background-image:url(https://static.kookapp.cn/app/static/media/apple.779cb958.png)}.user-game-panel .rich-presence-icon.kwmusic{background-image:url(https://static.kookapp.cn/app/static/media/kwmusic.89b40e8d.png)}.user-game-panel .rich-presence-icon.sodamusic{background-image:url(https://static.kookapp.cn/app/static/media/sodamusic.87a4a597.png)}.user-game-panel .game-status-icon{cursor:pointer;pointer-events:all;width:14px;height:14px;margin-left:4px;display:inline-block}.anim-svg{z-index:100;pointer-events:none;position:fixed;transform:translate(-50%,-100%)}.theme-light .like-action .zan-count .zanbg{background-image:url(https://static.kookapp.cn/app/static/media/zan-sprite-light.240cbfb1.png)}.theme-dark .like-action .zan-count .zanbg{background-image:url(https://static.kookapp.cn/app/static/media/zan-sprite-dark.23657b84.png)}.like-action{justify-content:center;align-items:center;display:flex}.like-action .zan-count{align-items:center;padding-left:18px;display:flex;position:relative}.like-action .zan-count .zanbg{pointer-events:none;background-size:4000%;width:50px;height:50px;display:block;position:absolute;left:0;transform:translate(-16px)}.like-action .zan-count .unzaned{background-position:0}.like-action .zan-count .zaned{background-position:100%}.like-action .zan-count .zan-anim{animation:1.6s steps(39,end) forwards like-heart-burst}@keyframes like-heart-burst{to{background-position:100%}}.modal-body.promotion-dialog{padding:0}.modal-body.promotion-dialog .banner-list .swiper-slide.pointer{cursor:default}.modal-body.promotion-dialog.image-hot-area{background-color:transparent;width:auto;max-width:none;max-height:none}.modal-body.promotion-dialog .close-modal-btn{color:rgba(255,255,255,.8);background-color:rgba(0,0,0,.6);border-radius:50%;font-size:16px;top:16px;right:16px}.modal-body.promotion-dialog .close-modal-btn:hover{color:#fff}.modal-body.promotion-dialog .promotion-header{border-radius:16px 16px 0 0;flex-shrink:0;height:182px}.modal-body.promotion-dialog .promotion-body{flex:1;margin:20px 0;padding:0 10px 0 24px;overflow-y:scroll}.modal-body.promotion-dialog .promotion-body .kui-card{background-color:transparent;width:auto;padding:0}.modal-body.promotion-dialog .promotion-body .kui-card.type-invisible{background-color:transparent;border-left:none}.modal-body.promotion-dialog .promotion-footer{flex-shrink:0;justify-content:flex-end;padding:24px;display:flex}.modal-body.promotion-dialog .promotion-footer .kook-button{margin-left:8px}.modal-body.promotion-dialog .hot-area{cursor:pointer;position:absolute}@keyframes maskAniEnter{0%{opacity:0;transform:scale(1.1)}75%{opacity:.5}to{transform:1;opacity:1}}@keyframes maskAniLeave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.mall-mask{z-index:100;background-color:var(--color-deep-bg);background-position:top;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.mall-mask .mall-close{width:40px;height:40px;position:absolute;top:0;left:50%;transform:translate(536px)}.mall-mask.enter-animate .mall-mask-body{transform-origin:50%;animation-name:maskAniEnter;animation-duration:.2s;animation-timing-function:cubic-bezier(.38,.59,.5,1.18)}.mall-mask.remove-animate{transform-origin:50%;animation-name:maskAniLeave;animation-duration:80ms;animation-timing-function:ease-in}.mall-mask-body{justify-content:center;width:100%;height:100%;display:flex;position:relative}.mall-loading{width:1040px;height:100%}.mall-mask-content{width:692px;color:var(--text-color);padding-left:16px;padding-right:16px;position:relative}.mall-mask-content.md{width:1040px}.mall-mask-content .setting-page{width:auto;padding-left:0;padding-right:0}.mall-mask-content .setting-page-to-shop{z-index:10;margin-left:0;right:16px}.radio-button-group{flex-wrap:wrap;display:flex}.radio-button{border:1px solid var(--border-color);height:32px;color:var(--text-color);text-align:center;cursor:pointer;border-radius:8px;outline:none;min-width:80px;margin-right:16px;padding:6px 12px;font-size:14px;font-weight:400;position:relative}.radio-button.active:after{content:"";border:2px solid var(--color-primary);border-radius:8px;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-button.disabled{opacity:.5;cursor:not-allowed}.radio-button .goods-tag{z-index:2;position:absolute;top:-10px;right:-10px}.dialog-audio-channel-password.modal-body{width:440px;padding:0}.dialog-audio-channel-password.modal-body .dialog-title{padding:20px;font-weight:700}.dialog-audio-channel-password.modal-body .dialog-main{padding:0 20px}.dialog-audio-channel-password.modal-body .dialog-main-error{color:#ea4335;height:46px;margin-left:24px;padding-top:12px;font-size:12px;font-weight:400}.dialog-audio-channel-password.modal-body .dialog-footer{text-align:right;padding:0 20px 20px}.dialog-audio-channel-password.modal-body .dialog-footer .cancel-btn{height:38px;font-size:14px}.dialog-audio-channel-password.modal-body .dialog-footer .chuanyu-button{width:81px;margin-left:20px;display:inline-block}.dialog-audio-channel-password.modal-body .form-tips{margin-bottom:10px;font-size:14px}.new-feature-tooltip{background-color:var(--color-light-bg);width:240px;max-width:240px;box-shadow:var(--box-shadow-lg);z-index:3;border-radius:12px;flex-direction:column;padding:12px;display:flex}.new-feature-tooltip .banner{object-fit:cover;border-radius:8px;width:216px;height:122px;margin-bottom:16px}.new-feature-tooltip .title{color:var(--text-color);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;margin-bottom:4px;padding:0 12px;font-size:16px;font-weight:600;overflow:hidden}.new-feature-tooltip .desc{color:var(--text-description-color);text-align:center;max-height:180px;margin-bottom:12px;padding:0 12px;font-size:12px;font-weight:400;line-height:18px}.new-feature-tooltip .actions{gap:10px;padding:0 12px;display:flex}.material-button{cursor:pointer;text-align:center;box-sizing:border-box;border-radius:8px;width:28px;height:28px;padding:2px;display:inline-block;overflow:hidden}.material-button .material-icons{justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex}.material-button .material-icons.active{color:var(--color-primary)}.material-button.disabled{color:var(--text-tip-color);cursor:not-allowed}.hoving-toolbar,.static-toolbar{border-radius:4px;align-items:center;padding:8px 12px;display:flex}.hoving-toolbar>*+*,.static-toolbar>*+*{margin-left:2px}.material-button-group{align-items:center;margin-left:8px;padding-left:8px;display:flex;position:relative}.material-button-group:before{content:"";background-color:var(--color-line);width:1px;height:12px;position:absolute;left:0}.material-button-group:first-child{margin-left:0;padding-left:0}.material-button-group:first-child:before{display:none}.material-button-group .material-button{margin-right:8px}.material-button-group .material-button:last-child{margin-right:0}.static-toolbar{margin-left:8px;padding:8px;position:relative}.static-toolbar:before{content:"";background-color:var(--color-line);width:1px;height:12px;position:absolute;left:0}.hoving-toolbar{z-index:1000;background-color:var(--menu-background);box-shadow:var(--box-shadow);border-radius:12px;margin-top:-8px;padding:6px 10px;position:absolute;top:-10000px;left:-10000px}.slow-mode-pannel{color:var(--text-color);background-color:var(--color-line);border-radius:8px;align-items:center;padding:2px;display:flex}.slow-mode-pannel .icon{background-image:url(https://static.kookapp.cn/app/static/media/Inputs-turtle-shell@2x.52b2030f.png);background-repeat:no-repeat;background-size:100%;flex-shrink:0;width:24px;height:24px}.slow-mode-pannel .text{word-break:keep-all;margin-right:6px;font-size:12px;font-weight:400;line-height:18px}.slow-mode-pannel.can-send{color:var(--color-primary);background-color:rgba(100,220,0,.1)}.slow-mode-pannel.can-send .icon{background-image:url(https://static.kookapp.cn/app/static/media/Inputs-turtle@2x.cbd05a43.png)}.speak-mode-ico{margin-left:4px;font-size:16px}.slate-editor-wrap{max-height:110px;font-size:16px;display:flex;position:relative}.slate-editor-wrap br{display:none}.slate-editor-wrap.show-markdown-buttons{flex-direction:column}.slate-editor-wrap.compositioning .editor-placeholder{visibility:hidden}.md-split-line{background-color:var(--border-color);pointer-events:none;width:1px;height:40px;display:inline-block}.chuanyu-button.type-text-danger{color:var(--color-error)}.chuanyu-button.type-text-danger:hover{color:var(--color-error-hover)}.chuanyu-button.type-text-danger:active{color:var(--color-error-active)}.chuanyu-button.type-text-danger:disabled{cursor:not-allowed;opacity:.5}.chuanyu-button.type-text{color:var(--text-description-color)}.chuanyu-button.type-text:hover,.chuanyu-button.type-text:active{color:var(--text-color)}.chuanyu-button.type-text:disabled{cursor:not-allowed;opacity:.5}.slate-editor{color:var(--text-color);word-break:break-all;flex:1;line-height:22px;overflow:auto}.slate-editor:focus-visible{outline:none}.slate-editor pre{max-width:90%;margin:6px 0}.slate-editor code{white-space:pre-wrap;background-color:var(--color-ede);border:1px solid var(--color-bbb);border-radius:6px;padding:0 6px;font-size:14px;line-height:20px;display:block}.slate-editor code.line{color:#9636b3;display:inline}.theme-dark .slate-editor code.line{color:#c678dd}.slate-editor p{white-space:break-spaces;margin:0}.slate-editor blockquote{border-left:3px solid #bbbec4;border-radius:2px;margin-top:0;margin-bottom:0;margin-left:0;padding:0 11px;position:relative}.slate-editor .mention{color:var(--color-link)}.slate-editor .spoiler{background-color:var(--color-bbb);border-radius:4px;padding:0 4px}.slate-editor .emoji{vertical-align:bottom;height:20px;padding:1px;display:inline-block}.slate-editor .text-link{word-break:break-all;cursor:pointer;color:var(--color-link)}.slate-editor .text-link:visited{color:var(--color-link)}.slate-editor .hr{box-sizing:border-box;background-color:#666;background-clip:content-box;border-style:none;border-width:medium medium 0;border-top-color:currentColor;border-left-color:currentColor;border-right-color:currentColor;height:25px;margin:0;padding:12px 0}.slate-editor ins{-webkit-text-decoration:underline var(--text-color);text-decoration:underline var(--text-color)}.slate-editor del{-webkit-text-decoration:line-through var(--text-color);text-decoration:line-through var(--text-color)}.editor-element-file{border:1px solid var(--border-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:16px;align-items:center;width:100%;height:64px;padding:12px;display:flex;position:absolute;top:0;overflow:hidden}.editor-element-file .editor-file-icon{width:40px;height:40px;margin-right:8px}.editor-element-file .editor-file-content{flex:1;overflow:hidden}.editor-element-file .file-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:20px;overflow:hidden}.editor-element-file .file-size{color:var(--text-tip-color);font-size:12px;line-height:18px}.editor-element-autoscale{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:436px;margin:4px 0;display:flex}.editor-element-autoscale .editor-element-autoscale-left{flex:1;position:relative;overflow:hidden}.editor-element-autoscale .editor-element-autoscale-left.file{height:64px}.editor-element-autoscale .selection{border-radius:6px;outline:2px solid #0c69d9}.editor-image-equal-scale{padding-top:100%;position:relative}.editor-image-equal-scale video,.editor-image-equal-scale img{border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0}.editor-image-equal-scale video{background-color:#000}.play-btn{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%0D%3Csvg width%3D%2240px%22 height%3D%2240px%22 viewBox%3D%220 0 40 40%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D %3C!-- Generator%3A Sketch 61 (89581) - https%3A%2F%2Fsketch.com --%3E%0D %3Ctitle%3E%E8%A7%86%E9%A2%91%E6%92%AD%E6%94%BE%E6%8C%89%E9%92%AE%3C%2Ftitle%3E%0D %3Cdesc%3ECreated with Sketch.%3C%2Fdesc%3E%0D %3Cg id%3D%22%E8%A7%86%E9%A2%91%E6%92%AD%E6%94%BE%E6%8C%89%E9%92%AE%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%0D %3Cg id%3D%22%E6%92%AD%E6%94%BE%E6%8C%89%E9%92%AE%22%3E%0D %3Ccircle id%3D%22%E6%A4%AD%E5%9C%86%E5%BD%A2%22 fill-opacity%3D%220.7%22 fill%3D%22%23000000%22 cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22%3E%3C%2Fcircle%3E%0D %3Cpath d%3D%22M22.8804711%2C15.1351606 L28.2062539%2C25.0259002 C28.468092%2C25.5121709 28.2861534%2C26.118633 27.7998827%2C26.3804711 C27.6541743%2C26.4589295 27.491272%2C26.5 27.3257828%2C26.5 L16.6742172%2C26.5 C16.1219324%2C26.5 15.6742172%2C26.0522847 15.6742172%2C25.5 C15.6742172%2C25.3345109 15.7152877%2C25.1716086 15.7937461%2C25.0259002 L21.1195289%2C15.1351606 C21.381367%2C14.6488899 21.9878291%2C14.4669512 22.4740998%2C14.7287893 C22.6464008%2C14.8215668 22.7876937%2C14.9628597 22.8804711%2C15.1351606 Z%22 id%3D%22%E4%B8%89%E8%A7%92%E5%BD%A2%22 fill%3D%22%23FFFFFF%22 transform%3D%22translate(22.000000%2C 20.000000) rotate(-270.000000) translate(-22.000000%2C -20.000000) %22%3E%3C%2Fpath%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.after-element:after{content:" ";width:1px;display:inline}.editor-placeholder{pointer-events:none;color:rgba(0,0,0,.3);text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:130px;line-height:22px;position:absolute;top:0;left:0;overflow:hidden}.theme-dark .editor-placeholder{color:rgba(255,255,255,.3)}.editor-placeholder .emoji{width:16px;margin-top:-3px;display:inline-block}.zero-char{width:1px;display:inline-block}.hoving-link-set-box{z-index:1000;background-color:var(--menu-background);box-shadow:var(--box-shadow);width:280px;color:var(--text-color);border-radius:6px;margin-top:-6px;padding:16px 16px 80px;position:absolute;top:-10000px;left:-10000px}.hoving-link-set-box .link-title{color:var(--main-color);margin-bottom:10px;font-size:16px;font-weight:600}.hoving-link-set-box .link-content .text-link{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--color-link);display:inline-block;overflow:hidden}.hoving-link-set-box .close-linkset-btn{box-sizing:border-box;text-align:center;cursor:pointer;width:24px;height:24px;color:var(--text-description-color);font-size:24px;line-height:24px;position:absolute;top:16px;right:16px}.hoving-link-set-box .close-linkset-btn:hover{color:var(--main-color)}.hoving-link-set-box .dialog-confirm-footer{padding:16px}.hoving-link-set-box .dialog-confirm-footer .chuanyu-button:not(:first-child){margin-left:2px}.chuanyu-modal-container .modal-body.dialog-codeblock-editor{width:560px;color:var(--text-color);padding:24px 24px 80px}.chuanyu-modal-container .modal-body.dialog-codeblock-editor .selector-contain{width:160px;display:inline-block}.chuanyu-modal-container .modal-body.dialog-codeblock-editor .selector-select{padding:5px 35px 5px 16px}.chuanyu-modal-container .modal-body.dialog-codeblock-editor .select-language{margin-bottom:16px;font-size:14px}.chuanyu-modal-container .modal-body.dialog-codeblock-editor .codeblock-editor{border:1px solid var(--border-color);-moz-tab-size:2;tab-size:2;word-break:break-all;border-radius:6px;height:220px;padding:10px;font-size:14px;overflow:auto}.chuanyu-modal-container .modal-body.dialog-codeblock-editor .codeblock-editor:focus-visible{outline:none}.chuanyu-modal-container .modal-body.dialog-codeblock-editor .codeblock-editor .editearea:focus-visible{outline:none}.chuanyu-modal-container .modal-body.dialog-codeblock-editor .codeblock-editor .editearea{height:100%}.send-ctrl-frame{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.send-ctrl-frame .send-ctrl-bottom-area{width:100%;padding:0 8px 10px 10px}.send-ctrl-frame .send-ctrl-bottom-area .send-ctrl-bottom-left{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.send-ctrl-frame .send-ctrl-bottom-area .send-ctrl-bottom-left .emoji-btn .kookiconfont{font-size:24px}.send-ctrl-frame .send-ctrl-bottom-area .send-ctrl-bottom-left .send-ctrl-bottom-right-part{flex-direction:row;align-items:center;gap:8px;display:flex}.send-ctrl-frame .send-ctrl-bottom-area .send-ctrl-bottom-left .send-ctrl-bottom-right-part .reply-button{padding:6px 12px;font-size:12px;line-height:12px}.send-ctrl-frame-reply-inactive{padding:2px}.send-ctrl-frame-reply-active{border:var(--color-primary)2px solid;padding:0}.thread-title-input{width:100%;color:var(--text-color);background:0 0;border:none;margin-bottom:8px;padding-left:2px;font-size:16px;font-weight:600;line-height:22px}.thread-title-input::-webkit-input-placeholder{color:var(--text-color)}.thread-title-input::-ms-input-placeholder{color:var(--text-color)}.thread-title-input::placeholder{color:var(--text-color)}.thread-title-input-error-state{border-color:var(--color-error)}.thread-title-input-error-state::-webkit-input-placeholder{color:var(--color-error)}.thread-title-input-error-state::-ms-input-placeholder{color:var(--color-error)}.thread-title-input-error-state::placeholder{color:var(--color-error)}.send-ctrl-footer-new-thread{justify-content:space-between;align-items:flex-end;width:100%;padding:0 16px;display:flex;position:absolute;bottom:12px;left:0}.send-ctrl-footer-new-thread .left{width:100%;position:relative}.send-ctrl-footer-new-thread .footer-new-thread-right-part{flex-direction:row;justify-self:center;align-items:center;gap:16px;margin-bottom:3px;display:flex}.send-ctrl-footer-new-thread .footer-new-thread-right-part .footer-new-thread-right-part-word-count-indicator{color:#999;font-size:12px;font-weight:400;line-height:18px}.send-ctrl-footer-new-thread .footer-new-thread-right-part .publish-button{border-radius:15px}.icon-files{background-image:url(https://static.kookapp.cn/app/static/media/inputs@2x.4f0b8c30.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;height:24px}.upload-preview-dialog{width:440px}.upload-preview-dialog .upload-preview-dialog-footer{justify-content:flex-end;margin-top:40px;display:flex}.upload-preview-dialog .upload-preview-dialog-footer .dialog-confirm-enter{margin-left:8px}.dialog-confirm-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;width:100px;height:100px}.upload-preview-body{border:1px solid var(--border-color);border-radius:12px;align-items:center;margin-bottom:9px;padding:8px;display:flex}.upload-preview-body video{max-width:120px}.upload-preview-body .upload-image-icon,.upload-preview-body .file-icon{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;flex-shrink:0;width:64px;height:64px}.upload-preview-body .file-icon{background-image:url(https://static.kookapp.cn/app/static/media/file-icon.e96924a4.svg)}.upload-preview-body .file-info{margin-left:12px;font-size:14px;line-height:20px}.upload-preview-body .file-info .file-name-edit{display:flex}.upload-preview-body .file-info .file-name{text-overflow:ellipsis;white-space:nowrap;width:280px;overflow:hidden}.upload-preview-body .file-info .file-size{color:var(--text-tip-color);margin-top:4px;font-size:14px;line-height:20px}.upload-preview-body .file-info .file-size.color-error{color:var(--color-error)}.upload-preview-body .file-compress-description{color:var(--color-error);margin-top:4px;font-size:12px;line-height:18px}.upload-alert{color:var(--color-warn);word-break:break-all;background-color:rgba(255,130,0,.1);border-radius:12px;flex-direction:column;font-size:14px;line-height:20px;display:flex}.upload-alert__top{min-height:36px;padding:8px 16px;display:flex}.upload-alert__top__icon{align-items:center;width:16px;height:20px;margin-right:3px;display:flex}.upload-alert__top__content{margin-left:3px}.upload-alert .emoji{height:16px;display:inline-block}.upload-alert .upload-preview-buy-vip{color:#fff;background-color:var(--color-warn);cursor:pointer;border-radius:0 0 12px 12px;justify-content:center;align-items:center;height:24px;font-size:12px;display:flex}.upload-alert .upload-preview-buy-vip:hover{background-color:var(--color-warn-hover)}.upload-alert .upload-preview-buy-vip .iconfont{font-size:20px}.text-edit{white-space:nowrap;user-modify:read-write-plaintext-only;-webkit-user-modify:read-write-plaintext-only;border:none;outline:none;max-width:200px;padding:0 1px;overflow:hidden}.text-edit:focus{background-color:#ddd}.theme-dark .text-edit:focus{background-color:rgba(255,255,255,.2)}.room-expand-editor-mask{background-color:rgba(0,0,0,.7);position:absolute;top:0;bottom:0;left:0;right:0}.room-expand-editor-mask .send-ctrl-container{height:80%;position:absolute;bottom:12px;left:24px;right:24px}.room-bottom-send-ctrl{z-index:1;padding:12px 24px;transition:height .3s,padding .3s;position:relative}.room-bottom-send-ctrl.has-gift{padding:12px 84px 12px 24px}.room-bottom-send-ctrl .box.disabled{opacity:.5}.room-bottom-send-ctrl>.box{background-color:var(--color-top-bg);border-radius:16px;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.room-bottom-send-ctrl>.box .text{color:var(--text-color);padding:6px 24px 6px 0;font-size:14px;line-height:20px}.room-bottom-send-ctrl>.box button{flex-shrink:0}.give-gift-button{background-color:var(--color-top-bg);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;bottom:12px;right:24px}.give-gift-button:hover:not(.disabled){background-color:var(--menu-hover)}.give-gift-button:active:not(.disabled){background-color:var(--menu-active)}.give-gift-button.disabled{opacity:.5;cursor:not-allowed}.give-gift-button .gift-icon{background-image:url(https://static.kookapp.cn/app/static/media/gift-icon-small.592175ac.png);background-size:contain;width:30px;height:30px}.send-ctrl-wrapper.expand{padding:48px 16px}.send-ctrl-wrapper.expand .send-ctrl-float-right{display:none}.send-ctrl-wrapper.expand .input-wrap{width:100%;max-width:none;height:100%;padding-top:8px}.send-ctrl-wrapper.expand .slate-editor-wrap{max-height:100%}.send-ctrl span{word-break:break-all}.edit-send-ctrl-expand,.room-bottom-send-ctrl.expand{height:100%;padding:12px 24px}.edit-send-ctrl-expand .scroll-bottom-tips,.room-bottom-send-ctrl.expand .scroll-bottom-tips,.edit-send-ctrl-expand .send-ctrl-float-right,.room-bottom-send-ctrl.expand .send-ctrl-float-right{display:none}.edit-send-ctrl-expand .input-wrap,.room-bottom-send-ctrl.expand .input-wrap{width:100%;max-width:none;height:100%;padding-top:8px}.edit-send-ctrl-expand .slate-editor-wrap,.room-bottom-send-ctrl.expand .slate-editor-wrap{max-height:100%}.edit-send-ctrl-expand .richeditor-placeholders,.room-bottom-send-ctrl.expand .richeditor-placeholders{top:8px}.send-ctrl-container{height:100%;position:relative}.send-ctrl-container.editquote .input-wrap{margin-bottom:4px;padding-top:35px}.send-ctrl-container.editquote .send-ctrl-quote-box{z-index:9;box-shadow:none;background-color:var(--menu-hover);padding:3px 8px;top:9px;bottom:auto;left:8px}.send-ctrl-container.editquote .send-ctrl-quote-box:before{content:"";background-color:unset}.mention-list{z-index:10;max-height:60vh;box-shadow:var(--box-shadow);background-color:var(--menu-background);border-radius:16px;font-size:14px;position:absolute;left:0;right:0;overflow:hidden}.theme-menu-blur .mention-list{background-color:transparent}.theme-menu-blur .mention-list:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.mention-list .mention-list-content{max-height:60vh;padding:8px 16px 12px;position:relative;overflow-y:auto}.mention-list .mention-list-content .informative-text{color:var(--text-tip-color);padding:8px 0 0 8px;font-size:12px;font-weight:400}.mention-list .tips-top{height:18px;color:var(--text-tip-color);padding:0 8px;font-size:12px;font-weight:700}.mention-list .mention-user-item{box-sizing:border-box;justify-content:space-between;height:40px;padding:8px;font-size:14px;line-height:24px;display:flex}.mention-list .mention-user-item.active{background-color:var(--menu-active);border-radius:8px}.mention-list .mention-user-item .user-head{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px;margin-right:8px}.mention-list .mention-user-item .user-info{flex:1;align-items:center;display:flex;overflow:hidden}.mention-list .mention-user-item .user-info .user-nickname{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.mention-list .mention-user-item .user-info .user-tag{height:16px}.mention-list .mention-user-item .user-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-tip-color);padding-left:8px;font-size:12px;overflow:hidden}.send-ctrl-wrapper{float:left;z-index:1;background-color:var(--color-top-bg);border-radius:16px;width:100%;height:100%;padding:12px 20px;display:flex;position:relative}.send-ctrl-wrapper.expand{background-color:var(--color-top-bg)}.send-ctrl-wrapper .emoji-btn{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.send-ctrl-wrapper .emoji-btn.disabled{cursor:not-allowed}.send-ctrl-wrapper .emoji-btn .kookiconfont,.send-ctrl-wrapper .emoji-btn .iconfont{border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex;bottom:13px}.send-ctrl-wrapper .emoji-btn .kookiconfont.active,.send-ctrl-wrapper .emoji-btn .iconfont.active{color:var(--color-primary)}.send-ctrl-wrapper-post-reply{float:left;z-index:1;background-color:var(--color-top-bg);background-color:unset;border-radius:16px;width:100%;height:100%;padding:8px 8px 10px;display:flex;position:relative}.send-ctrl-wrapper-post-reply.expand{padding:48px 16px}.send-ctrl-wrapper-post-reply.expand .send-ctrl-float-right{display:none}.send-ctrl-wrapper-post-reply.expand .input-wrap{width:100%;max-width:none;height:100%;padding-top:8px}.send-ctrl-wrapper-post-reply.expand .slate-editor-wrap{max-height:100%}.send-ctrl-wrapper-post-reply.expand{background-color:var(--color-top-bg)}.send-ctrl-wrapper-post-reply .emoji-btn{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.send-ctrl-wrapper-post-reply .emoji-btn.disabled{cursor:not-allowed}.send-ctrl-wrapper-post-reply .emoji-btn .kookiconfont,.send-ctrl-wrapper-post-reply .emoji-btn .iconfont{border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex;bottom:13px}.send-ctrl-wrapper-post-reply .emoji-btn .kookiconfont.active,.send-ctrl-wrapper-post-reply .emoji-btn .iconfont.active{color:var(--color-primary)}.send-ctrl-wrapper-post-reply .slate-editor-wrap{font-size:14px}.send-ctrl-limited-height{height:calc(100% - 120px)!important}.send-ctrl{width:100%;height:100%}.send-ctrl .input-wrap{vertical-align:middle;min-width:calc(100% - 160px);max-width:100%;margin-top:2px;display:inline-block;position:relative}.send-ctrl .send-ctrl-float-right{float:right;align-items:center;display:flex}.send-ctrl .send-ctrl-float-right .send-ctrl-btn:not(:first-child){margin-left:4px}.send-ctrl .upload-img-btn .kookiconfont{justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex}.upload-menu-list{box-shadow:var(--box-shadow);color:var(--text-color);text-align:center;background-color:var(--menu-background);border-radius:6px;padding:8px 12px;font-size:14px;position:absolute;bottom:46px;right:28px}.theme-menu-blur .upload-menu-list{background-color:transparent}.theme-menu-blur .upload-menu-list:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.upload-menu-list.in-icon{top:auto;bottom:34px;left:50%;right:auto;transform:translate(-50%)}.upload-menu-list .upload-menu-item{cursor:pointer;border-radius:6px;flex-wrap:nowrap;align-items:center;height:32px;padding:8px 16px 8px 8px;display:flex}.upload-menu-list .upload-menu-item .icon{width:16px;height:16px;color:var(--text-tip-color);flex-shrink:0;margin-right:12px}.upload-menu-list .upload-menu-item .text{word-break:keep-all;flex:1}.upload-menu-list .upload-menu-item:hover{background-color:var(--menu-hover)}.upload-menu-list .upload-menu-item:active{background-color:var(--menu-active)}.send-ctrl-toolbar{justify-content:space-between;width:100%;height:48px;padding:0 8px;display:flex;position:absolute;top:0;left:0}.send-ctrl-toolbar .toolbar-right{align-items:center;margin-left:8px;display:flex}.send-ctrl-toolbar .toolbar-right .send-ctrl-btn:not(:first-child){margin-left:4px}.send-ctrl-toolbar .toolbar-left{flex:1;align-items:center;display:flex;overflow:hidden}.send-ctrl-footer{justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 16px;display:flex;position:absolute;bottom:0;left:0}.send-ctrl-footer .kook-button{margin-left:8px}.send-ctrl-right{justify-content:center;align-items:center;gap:8px;margin-top:auto;margin-left:4px;display:flex}.send-ctrl-left{justify-content:center;align-items:center;margin-top:auto;padding-right:4px;display:flex}.send-ctrl-left .slow-mode-pannel{margin-left:8px}.send-ctrl-btn{box-sizing:border-box;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.send-ctrl-btn.disabled{cursor:not-allowed}.send-ctrl-btn.active{color:var(--color-primary)}.send-ctrl-btn.translucent{opacity:.5}.send-ctrl-btn .kookiconfont,.send-ctrl-btn .iconfont{border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex}.send-ctrl-btn .kookiconfont.active,.send-ctrl-btn .iconfont.active{color:var(--color-primary)}.system-icon{color:var(--text-tip-color)}.collapse-state-reply-button{border-radius:15px;height:28px;line-height:28px;padding:unset!important}.collapse-state-reply-button-animated{transition:all .2s cubic-bezier(.29,0,0,1)}.reply-button-hide{width:0!important;min-width:0!important}.reply-button-show{width:74px}.theme-scroll-bar::-webkit-scrollbar{border-radius:10px;width:14px}.theme-scroll-bar::-webkit-scrollbar-track{background-color:transparent}.theme-scroll-bar::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--scroll-bar-color);border:4px solid transparent;border-radius:10px;min-height:40px}.theme-scroll-bar::-webkit-scrollbar-thumb:hover{background-color:var(--text-tip-color)}.theme-scroll-bar::-webkit-scrollbar-corner{background-color:transparent}.theme-scroll-bar .small-scroll-bar::-webkit-scrollbar-thumb{border-width:5px}.combo-view{width:100%;height:100%;color:var(--text-color);flex-direction:column;gap:2px;display:flex}.combo-view .input-area{flex-direction:row;gap:8px;width:100%;display:flex}.combo-view .input-area .chuanyu-input{width:100%;height:34px!important}.combo-view .input-area .chuanyu-button{border-radius:12px!important;width:52px!important;min-width:52px!important;height:34px!important}.combo-view .input-area .chuanyu-button .button-text{color:#fff!important;font-size:14px!important;font-weight:600!important;line-height:14px!important}.combo-view .items-area{overflow-y:overlay;margin-top:8px}.combo-view .items-area::-webkit-scrollbar{border-radius:10px;width:14px}.combo-view .items-area::-webkit-scrollbar-track{background-color:transparent}.combo-view .items-area::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--scroll-bar-color);border:4px solid transparent;border-radius:10px;min-height:40px}.combo-view .items-area::-webkit-scrollbar-thumb:hover{background-color:var(--text-tip-color)}.combo-view .items-area::-webkit-scrollbar-corner{background-color:transparent}.combo-view .items-area .small-scroll-bar::-webkit-scrollbar-thumb{border-width:5px}.combo-view .items-area .combo-item{border-radius:8px;justify-content:space-between;align-items:center;height:38px;padding:0 8px;font-size:14px;font-weight:400;line-height:38px;display:flex}.combo-view .items-area .combo-item:hover{background-color:var(--menu-hover)}.combo-view .items-area .combo-item:active{background-color:var(--menu-active)}.combo-view .items-area .combo-item .combo-text{white-space:nowrap;width:100%;position:relative;overflow:hidden}.combo-view .items-area .combo-item .combo-text .combo-red-dot{background-color:var(--color-error);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:-8px}.combo-view .items-area .combo-item .combo-text-icon{color:var(--text-tip-color);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;align-items:center;width:16px;height:16px;margin-right:8px;display:flex}.combo-view .items-area .combo-item .combo-text-icon-default{color:var(--text-tip-color);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;align-items:center;width:16px;height:16px;margin-right:8px;display:flex;color:var(--text-color)!important}.combo-view .items-area .combo-item .tag{background-color:#ff3200;border-radius:10px;justify-content:center;align-items:center;height:16px;margin-left:8px;padding:0 5px;font-size:12px;line-height:16px;display:inline-flex}.combo-view .items-area .combo-item .tag .tag-text{color:#fff;transform:scale(.83)}.thread-wrapper-drag-swallow{z-index:4;width:100%;height:100%;position:absolute;top:0;left:0}.select-category-menu-wrapper .selector-search-select input{background-color:transparent}.select-category-menu-wrapper .selector-search-option{background-color:transparent;top:unset!important}.colored-username{text-overflow:ellipsis;font-weight:600;overflow:hidden}.colored-username img{height:16px;margin-top:-2px;display:inline}.role-main{min-width:460px;max-width:740px;min-height:100%;position:static}.role-content-left{z-index:1;flex-direction:column;width:210px;height:100%;padding:32px 24px 24px;display:flex;position:absolute}.role-content-right{max-width:450px;height:100%;margin-left:210px;padding:32px 24px 40px 0;position:relative;overflow-y:auto}.del-channel-role{color:#e44b4d;text-align:center;text-overflow:ellipsis;white-space:nowrap;border:1px solid #e44b4d;border-radius:4px;max-width:450px;margin-top:20px;padding:10px 16px;font-size:14px;line-height:20px;display:inline-block;overflow:hidden}.del-channel-role .emoji{height:14px;margin-top:-3px;display:inline-block}.sync-box{border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:8px}.sync-box .sync-top{display:flex}.sync-box .sync-top .sync-ico{color:#fda700;font-size:20px}.sync-box .sync-top .sync-text{word-break:break-all;flex:1;font-size:14px}.sync-box .sync-top .sync-text .emoji{height:14px;display:inline-block}.sync-box .sync-button{margin-top:10px}.thread-video-play-wrapper{z-index:2;background-color:rgba(0,0,0,.7);border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thread-video-play-wrapper .thread-video-paly-arrow{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;width:0;height:0;transform:translate(2px)}.at-me-list-item{color:var(--text-tip-color);flex-direction:column;justify-content:center;gap:8px;display:flex}.at-me-list-item .at-me-list-item-row{flex-direction:row;display:flex}.at-me-list-item .at-me-list-item-row :first-child,.at-me-list-item .at-me-list-item-row :nth-child(3){flex-shrink:0}.at-me-list-item .at-me-list-item-row :nth-child(2){white-space:nowrap;text-overflow:ellipsis;padding:0 4px;overflow:hidden}.at-me-list-item .at-me-list-item-content-preview{max-width:100%}.at-me-list-item .at-me-list-item-content-preview :first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.at-me-list-item .at-me-list-item-content-preview :nth-child(2){flex-shrink:0}.at-me-list-item .thread-card-avatar{background-color:gray;border-radius:50%;width:33px;min-width:33px;height:33px;margin-right:8px}.my-collection-thread-title-preview{max-width:100%}.my-collection-thread-title-preview :first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.my-collection-thread-title-preview :nth-child(2){flex-shrink:0}.thread-center-container{align-items:center;height:100%;display:flex}.notice-user-header{max-width:calc(100% - 42px)}.new-post-mode-send-control-wrapper{min-width:500px;height:100%}.select-category-menu-wrapper{width:270px;height:276px;padding:12px 16px}.edit-mode-send-control-wrapper,.edit-mode-send-control-wrapper .send-control-wrapper{height:100%}.edit-mode-send-control-wrapper .send-control-wrapper .send-ctrl-wrapper{background-color:unset!important}.edit-mode-send-control-wrapper .send-control-wrapper .send-ctrl-wrapper .selector-search-option{max-height:200px;box-shadow:none!important}.send-control-edit-reply-to-post{margin-top:8px}.bottom-tips{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color);font-size:12px}.flex-row{flex-direction:row;display:flex}.flex-column{flex-direction:column;display:flex}.flex-column-vstart{flex-direction:column;align-content:stretch;align-items:stretch;display:flex}.flex-row{flex-direction:row;align-items:center;display:flex}.hcenter{justify-content:center}.hstart{justify-content:flex-start}.thread-view-normal-view{position:relative}.thread-tag{cursor:pointer;text-align:center;color:#999;background:rgba(0,0,0,.04);border-radius:12px;padding:3px 12px;font-size:12px;font-weight:400;line-height:18px}.thread-editor-tag{box-sizing:border-box;text-align:center;text-overflow:ellipsis;white-space:nowrap;background-color:var(--color-line);min-width:48px;max-width:218px;color:var(--text-tip-color);cursor:pointer;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:400;line-height:18px;display:flex;overflow:hidden}.thread-editor-tag .close-tag{opacity:0;cursor:pointer;background-color:#000;background-image:url(https://static.kookapp.cn/app/static/media/clear@2x.0771b3b9.png);background-position:50%;background-repeat:no-repeat;background-size:12px;width:100%;height:100%;transition:opacity .3s cubic-bezier(.29,0,0,1);position:absolute;top:0;left:0}.thread-editor-tag:hover .close-tag{opacity:.85}.thread-view-wrapper{flex-direction:column;padding-bottom:16px;display:flex}.thread-view-wrapper .thread-view{background-color:var(--color-top-bg);border-radius:8px;height:100%;position:relative;overflow:hidden}.thread-view-wrapper .thread-view .new-post-mode-send-control-wrapper{height:100%}.thread-view-wrapper .thread-view .thread-wrapper{border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.thread-view-wrapper .thread-view .thread-wrapper .fixed-title-bar{flex-direction:column;width:100%;max-width:725px;padding:0 60px;display:flex;position:absolute;top:24px;left:50%;overflow:hidden;transform:translate(-50%)}.thread-view-wrapper .thread-view .thread-wrapper .fixed-title-bar .title-row{justify-content:space-between;align-items:flex-start;display:flex}.thread-view-wrapper .thread-view .thread-wrapper .fixed-title-bar .title-row .main-post-title{color:var(--text-color);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;align-items:center;max-width:calc(100% - 120px);font-size:16px;font-weight:600;line-height:22px;overflow-x:hidden}.thread-view-wrapper .thread-view .thread-wrapper .fixed-title-bar .title-row .main-post-title .thread-title{word-wrap:break-word}.thread-view-wrapper .thread-view .thread-wrapper .fixed-title-bar .title-row .main-post-title .thread-title img{width:16px;height:16px;margin-top:-3px;line-height:22px;display:inline}.thread-view-wrapper .thread-view .thread-wrapper .fixed-title-bar .subposts-header-row{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.thread-view-wrapper .thread-view .thread-wrapper .fixed-title-bar .subposts-header-row .sub-posts-header-area{width:calc(100% - 14px)}.thread-view-wrapper .thread-view .thread-wrapper .action-button-area{color:var(--text-tip-color);z-index:2;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:20px;display:flex;position:absolute;top:24px;right:20px}.thread-view-wrapper .thread-view .thread-wrapper .action-button-area .action-button-tooltip{width:144px}.thread-view-wrapper .thread-view .thread-wrapper .action-button-area .action-button{color:#999;cursor:pointer;width:24px;height:24px;font-size:24px;line-height:24px}.thread-view-wrapper .thread-view .thread-wrapper .action-button-area .spinning-animated{animation:1s linear infinite spinning}.thread-view-wrapper .thread-view .thread-wrapper .thread{width:100%;height:100%;overflow-y:overlay;border-radius:8px;flex-direction:column;padding:0 60px;transition:margin-top .3s cubic-bezier(.29,0,0,1);display:flex}.thread-view-wrapper .thread-view .thread-wrapper .thread-with-fixed-header{margin-top:108px}.thread-view-wrapper .thread-view .thread-wrapper-drag-swallow{z-index:4;width:100%;height:100%;position:absolute;top:0;left:0}.thread-view-wrapper .thread-view .reply-send-control{margin-top:16px;margin-bottom:24px}.thread-view-wrapper .thread-view .bottom-input-area{border-radius:8px;width:100%;transition:all .3s cubic-bezier(.29,0,0,1);box-shadow:0 2px 8px rgba(0,0,0,.08),inset 0 1px rgba(0,0,0,.04)}.thread-view-wrapper .thread-view .bottom-input-area .send-ctrl-container .send-ctrl-wrapper{border-radius:8px;transition:all .3s cubic-bezier(.29,0,0,1)}.thread-view-wrapper .thread-view .bottom-input-area .error-state-send-control-placeholder{background-color:var(--color-error);border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.thread-view-wrapper .thread-view .bottom-input-area .error-state-send-control-placeholder .informative-text{color:#fff;font-size:14px;line-height:20px}.thread-view-wrapper .thread-view .bottom-input-area .error-state-send-control-placeholder .action-area{flex-direction:row;justify-content:flex-end;align-items:center;gap:16px;display:flex}.thread-view-wrapper .thread-view .bottom-input-area .error-state-send-control-placeholder .action-area .chuanyu-button,.thread-view-wrapper .thread-view .bottom-input-area .error-state-send-control-placeholder .action-area .action-button{color:#fff!important;font-size:14px!important;font-weight:600!important;line-height:20px!important}.thread-view-wrapper .thread-view .bottom-border-radius-eraser{pointer-events:none;width:100%;height:60px;position:absolute;bottom:15px;left:0}.thread-view-wrapper .thread-view .expanded{border-radius:16px;max-height:calc(100% - 130px)}@keyframes expand-animated{0%{height:auto}to{height:calc(100% - 130px)}}.footer-new-thread-left-part{float:left;flex-direction:column;justify-self:center;align-items:flex-start;gap:16px;width:100%;display:flex}.footer-new-thread-left-part .added-images{position:relative}.footer-new-thread-left-part .added-images .added-image{background-size:cover;border-radius:16px;width:98px;height:60px}.footer-new-thread-left-part .upload-image-area{flex-direction:row;gap:16px;display:flex}.footer-new-thread-left-part .upload-image-area .upload-image-cover-generic{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:98px;height:60px}.footer-new-thread-left-part .upload-image-area .upload-image-area-cover{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:98px;height:60px;position:relative}.footer-new-thread-left-part .upload-image-area .upload-image-area-new-image{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/upload-cover@2x.7610cecb.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:98px;height:60px}.theme-dark .footer-new-thread-left-part .upload-image-area .upload-image-area-new-image{background-image:url(https://static.kookapp.cn/app/static/media/upload-cover-dark@2x.e23a7d47.png)}.footer-new-thread-left-part .upload-image-area .added-image-close-badge{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/clear@2x.0771b3b9.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:14px;height:14px;position:absolute;top:-5px;right:-5px}.footer-new-thread-left-part .upload-image-area .upload-image-area-informative-text{flex-direction:column;display:flex}.footer-new-thread-left-part .upload-image-area .upload-image-area-informative-text .title{color:var(--color-link);font-size:12px;font-weight:400;line-height:18px}.footer-new-thread-left-part .upload-image-area .upload-image-area-informative-text .description{color:var(--text-tip-color);font-size:12px;font-weight:400;line-height:18px}.footer-new-thread-left-part .upload-image-area .upload-image-area-informative-text .show-cover-checkbox{margin-top:6px}.footer-new-thread-left-part .upload-image-area .upload-image-area-informative-text .show-cover-checkbox .text{color:var(--text-tip-color);font-size:12px;font-weight:400;line-height:18px}.footer-new-thread-left-part .tags-area{flex-direction:row;align-items:center;gap:8px;width:100%;margin-bottom:7.5px;display:flex}.content-card-message-emulated{color:var(--text-color);font-size:14px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.sub-posts-header-area{flex-direction:row;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.sub-posts-header-area .sub-posts-header-area-category-group{color:var(--text-color);font-size:14px;font-weight:600;line-height:20px}.sub-posts-header-area .sub-posts-header-area-filter-area .sort-policy-menu{flex-direction:column;gap:12px;width:180px;height:120px;padding:16px;display:flex}.sub-posts-header-area .sub-posts-header-area-filter-area .sort-policy-menu .reply-informative-text{color:#999;font-size:12px;line-height:18px}.sub-posts-header-area .sub-posts-header-area-filter-area .sort-policy-menu .radio{cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;display:flex}.sub-posts-header-area .sub-posts-header-area-filter-area .sort-policy-menu .label{color:var(--text-color);font-size:14px;font-weight:400;line-height:20px}.sub-posts-header-area .sub-posts-header-area-filter-area .filter{cursor:pointer;text-align:center;color:#999;background:rgba(0,0,0,.04);border-radius:12px;padding:3px 12px;font-size:12px;font-weight:400;line-height:18px}.thread-view-wrapper .kui-card{width:100%!important;max-height:unset!important}.thread-view-wrapper .kui-card.type-invisible{background-color:unset!important;padding:unset!important;border:none!important}.thread-view-wrapper .kui-card .show-all{max-height:unset!important;display:none!important}.thread-view-wrapper .slate-editor-wrap .editor-element-autoscale{max-width:unset!important}.thread-view-wrapper .slate-editor-wrap .slate-editor{padding-left:2px}.user-invite-page{background-image:linear-gradient(#f9ffb9,#a2ff9f);width:100%;height:100%}.user-invite-page .page-inner{height:100%;margin-left:auto;margin-right:auto;position:relative}.user-invite-page .logo{z-index:1;width:84px;height:36px;position:absolute;top:48px;left:48px}.user-invite-page .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-invite-page .bottom{background-image:url(https://static.kookapp.cn/app/static/media/top-bg.0cb7e663.png);background-size:initial;background-position:bottom;background-repeat:no-repeat;width:100%;min-width:900px;height:100%;position:absolute;bottom:0;left:0}.user-invite-page .bottom .bottom-img{pointer-events:none;width:100%;min-width:1440px;max-width:1920px;display:block;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.has-newversion{background-color:#fff;border-radius:6px;width:340px;padding:40px}.has-newversion .detail{color:#66686b;text-align:left;font-size:14px;line-height:14px}.has-newversion .title{color:#333436;text-align:center;margin-bottom:20px;font-size:24px;font-weight:700}.has-newversion .hidden{display:none}.has-newversion .button{text-align:center;cursor:pointer;color:#fff;background-color:#66c;border-radius:6px;width:100%;height:40px;margin-top:40px;font-size:14px;line-height:40px;text-decoration:none;display:inline-block}.has-newversion .button+.button{margin-top:12px}.has-newversion .button:hover{background-color:#7575d1}.has-newversion .button:active{background-color:#5b5bb7}.has-newversion .checkbox{vertical-align:middle;background-repeat:no-repeat;background-size:100%;width:16px;height:16px;margin-right:6px;display:inline-block}.has-newversion .checkbox-checked{background-image:url("https://static.kookapp.cn/app/static/media/sign in_ic_check box_s.79b0eded.png")}.has-newversion .checkbox-no-check{background-image:url("https://static.kookapp.cn/app/static/media/sign in_ic_check box.b8207d09.png")}.has-newversion .skip-version{margin-top:20px}.has-newversion .skip-btn{font-size:14px;font-weight:700}.upload-progress{color:#222;flex-direction:column;align-items:center;margin-top:15px;display:flex}.upload-progress .download-progress-bar{background-color:#fff;border-radius:3px;width:300px;height:6px}.upload-progress .download-progress-bar .download-progress-content{background-color:#64dc00;border-radius:3px;height:100%}.upload-progress .download-progress-bar.download-error .download-progress-content{background-color:rgba(0,0,0,.3)}.upload-progress .upload-description{margin-top:20px}.download-link{color:#46a5f7;font-size:14px;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.first-newversion-image{width:760px;height:500px}.chuanyu-modal-container .first-newversion-image.modal-body{overflow:visible}.first-newversion-image.modal-body{padding:0}.first-newversion-image .image-box{height:100%;overflow-x:hidden;overflow-y:auto}.first-newversion-image .button-close{position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}.regist-first-login .chuanyu-input{width:100%}.regist-first-upload-avatar{text-align:center;margin-bottom:24px}.regist-first-upload-avatar .kaihei-head-uploader-cmp .preview-box{width:80px;height:80px}.regist-first-upload-avatar .kaihei-head-uploader-cmp .upload-avatar-box{margin-right:0}.upload-avatar-tips{color:#4285f4;margin-top:10px;font-size:12px}.qrcode-login-box{flex-direction:column;align-items:center;display:flex;position:relative}.qrcode-login-box .title{color:var(--text-color);font-size:20px;font-weight:600;line-height:26px}.qrcode-login-box .qr-code-parent{flex-direction:column;align-items:center;height:319px;display:flex}.qrcode-login-box .qr-code-parent .user-info-parent{flex-direction:column;align-items:center;display:flex}.qrcode-login-box .qr-code-parent .user-info-parent img{border-radius:100px;width:120px;height:120px;margin-top:44px}.qrcode-login-box .qr-code-parent .user-info-parent .info{color:#7acc35;margin-top:24px;font-size:16px;font-weight:400;line-height:22px}.qrcode-login-box .qr-code-parent .user-info-parent .cancel{color:#0096ff;cursor:pointer;margin-top:16px;font-size:16px;font-weight:400;line-height:22px}.qrcode-login-box .qr-code-parent .code-parent{justify-content:center;align-items:center;width:180px;height:180px;margin-top:24px;display:flex;position:relative}.qrcode-login-box .qr-code-parent .code-parent .code-logo{z-index:1;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute}.qrcode-login-box .qr-code-parent .code-parent .code-logo img{content:url(https://static.kookapp.cn/app/static/media/logo.5ced798c.png);border-radius:8px;width:36px;height:36px}.qrcode-login-box .qr-code-parent .code-parent .err-mask-parent{z-index:2;background-color:rgba(255,255,255,.9);flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:absolute}.qrcode-login-box .qr-code-parent .code-parent .err-mask-parent .title{color:#222;margin-bottom:8px;font-size:14px;font-weight:400;line-height:20px}.qrcode-login-box .qr-code-parent .title-info{color:#999;margin-top:12px;font-size:12px;font-weight:400;line-height:18px}.qrcode-login-box .qr-code-parent .title-info span{color:#7acc35;cursor:pointer;margin-left:4px;margin-right:4px;font-weight:600}.qrcode-login-box .qr-code-parent .next-autologin{align-items:center;margin-top:24px;display:flex}.qrcode-login-box .qr-code-parent .next-autologin:hover .checkbox-box a{border:2px solid #7acc35}.qrcode-login-box .login-right-qrcode{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/input-login-right-default.723b3c34.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:72px;height:72px;position:absolute;top:0;right:0}.qrcode-login-box .login-right-qrcode div{width:50px;height:60px;position:absolute;top:0;right:0}.qrcode-login-box .login-right-qrcode:hover{background-image:url(https://static.kookapp.cn/app/static/media/input-login-right-hover.a710eb6b.png)}.qrcode-login-box .login-right-qrcode:active{background-image:url(https://static.kookapp.cn/app/static/media/input-login-right-active.6389a23a.png)}.qrcode-login-box .login-button{margin-bottom:16px}.third-app-login-qr{color:#999;flex-direction:column;align-items:center;margin-bottom:4px;font-size:12px;display:flex}.third-app-login-qr .third-app-login-title{background-color:rgba(0,0,0,.04);width:360px;height:1px;margin-bottom:28px}.third-app-login-qr .third-app{text-align:center}.third-app-login-qr .third-app .iconfont{cursor:pointer;color:var(--text-tip-color);font-size:24px!important}.third-app-login-qr .third-app .iconfont:hover{color:var(--text-description-color)}.third-app-login-qr .third-app .iconfont:nth-of-type(n+2){margin-left:83px}.register-login-box{position:relative}.register-login-box .login-right-qrcode{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/qr-login-right-default.093393eb.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:72px;height:72px;position:absolute;top:0;right:0}.register-login-box .login-right-qrcode div{width:50px;height:60px;position:absolute;top:0;right:0}.register-login-box .login-right-qrcode:hover{background-image:url(https://static.kookapp.cn/app/static/media/qr-login-right-hover.f82f7649.png)}.register-login-box .login-right-qrcode:active{background-image:url(https://static.kookapp.cn/app/static/media/qr-login-right-active.809667b5.png)}.register-login-box .get-code-btn-wrapper{color:#46a5f7;width:100%;padding:0}.register-login-box .get-code-btn-wrapper .get-code-btn:hover{color:#6bb7f8}.register-login-box .next-autologin{align-items:center;height:18px;display:flex}.register-login-box .next-autologin:hover .checkbox-box a{border:2px solid #7acc35}.register-login-box .login-button{margin-bottom:16px}.register-login-box .login-button .chuanyu-button{height:40px}.login-code-new{border:1px solid var(--border-color);background-color:transparent;border-radius:12px;width:392px;height:40px;padding-left:16px;font-size:14px}.login-code-new.active{border-color:var(--border-hover-color);box-shadow:0 0 0 3px var(--border-active-color)}.login-code-new::-webkit-input-placeholder{color:var(--text-tip-color)}.suffix-content{padding:0 16px 0 0!important}.third-app-login{color:#999;flex-direction:column;align-items:center;margin-top:26px;margin-bottom:4px;font-size:12px;display:flex}.third-app-login .third-app-login-title{background-color:rgba(0,0,0,.04);width:360px;height:1px;margin-bottom:28px}.third-app-login .third-app{text-align:center}.third-app-login .third-app .iconfont{cursor:pointer;color:var(--text-tip-color);font-size:24px!important}.third-app-login .third-app .iconfont:hover{color:var(--text-description-color)}.third-app-login .third-app .iconfont:nth-of-type(n+2){margin-left:83px}.switch-login-mode{color:#66686b;cursor:pointer;font-size:12px;position:absolute;top:0;right:0}.switch-login-mode:hover{color:#333436}.third-app-bottom-parent{flex-direction:row;justify-content:center;align-items:center;gap:44px;display:flex}.third-app-bottom-parent .third-icon-qr{opacity:.5;color:#999;cursor:pointer;border:1px solid #999;border-radius:10px;justify-content:center;align-items:center;height:32px;padding-left:8px;padding-right:8px;font-size:14px;font-weight:400;display:flex}.third-app-bottom-parent .third-icon-qr img{content:url(https://static.kookapp.cn/app/static/media/third-icon-qr.c8889044.png);width:16px;height:16px;margin-left:2px;margin-right:4px}.third-app-bottom-parent .third-icon-qr:hover,.third-app-bottom-parent .third-icon-qr:active{opacity:1}.third-app-bottom-parent .third-icon-qq{cursor:pointer;opacity:.5;border:1px solid #999;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.third-app-bottom-parent .third-icon-qq img{content:url(https://static.kookapp.cn/app/static/media/third-icon-qq.0a64af07.png);width:16px;height:16px}.third-app-bottom-parent .third-icon-qq:hover,.third-app-bottom-parent .third-icon-qq:active{opacity:1}.third-app-bottom-parent .third-icon-wx{cursor:pointer;opacity:.5;border:1px solid #999;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.third-app-bottom-parent .third-icon-wx img{content:url(https://static.kookapp.cn/app/static/media/third-icon-weixin.3e690f90.png);width:16px;height:16px}.third-app-bottom-parent .third-icon-text-wx{opacity:.5;color:#999;cursor:pointer;border:1px solid #999;border-radius:10px;justify-content:center;align-items:center;height:32px;padding-left:8px;padding-right:8px;font-size:14px;font-weight:400;display:flex}.third-app-bottom-parent .third-icon-text-wx img{content:url(https://static.kookapp.cn/app/static/media/third-icon-weixin.3e690f90.png);width:16px;height:16px;margin-left:2px;margin-right:4px}.third-app-bottom-parent .third-icon-wx:hover,.third-app-bottom-parent .third-icon-wx:active{opacity:1}.bind-mobile-box .get-code-btn-wrapper{color:#46a5f7;width:100%}.bind-mobile-box .get-code-btn-wrapper .get-code-btn:hover{color:#6bb7f8}.bind-mobile-box .captcha{margin-bottom:20px}.kook-update-modal{width:560px;padding:0 0 84px;font-size:14px;overflow:hidden}.kook-update-modal .kook-update-modal-title{height:160px}.kook-update-modal .kook-update-modal-title img{width:100%;height:100%}.kook-update-modal .kui-card{padding:0;background-color:initial!important}.login-box{font-size:14px;position:relative}.login-box .login-right-qrcode{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/qr-login-right-default.093393eb.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:72px;height:72px;position:absolute;top:0;right:0}.login-box .login-right-qrcode div{width:50px;height:60px;position:absolute;top:0;right:0}.login-box .login-right-qrcode:hover{background-image:url(https://static.kookapp.cn/app/static/media/qr-login-right-hover.f82f7649.png)}.login-box .login-right-qrcode:active{background-image:url(https://static.kookapp.cn/app/static/media/qr-login-right-active.809667b5.png)}.login-box .title{color:#333436;text-align:center;margin-bottom:10px;font-size:20px;font-weight:700;line-height:29px}.login-box .login-chuanyu-link{color:var(--text-description-color);font-size:12px;position:absolute;right:0}.login-box .login-chuanyu-link:hover{color:var(--text-color)}.login-box .login-form .forget-pass{height:12px;margin-top:12px;line-height:12px}.login-box .login-form .chuanyu-form-item:last-child{margin-bottom:32px}.login-box .login-button{margin-bottom:16px}.login-box .login-button .chuanyu-button{height:40px}.login-box .next-autologin{align-items:center;height:18px;display:flex;position:relative}.check-box-parent{align-items:center;display:flex}.check-box-parent:hover .checkbox-box a{border:2px solid #7acc35}.apply-recommend-guild-modal{border:0;width:440px;padding:0 0 84px}.apply-recommend-guild-modal header,.apply-recommend-guild-modal section,.apply-recommend-guild-modal footer{padding:24px}.apply-recommend-guild-modal section{padding-top:24px;padding-bottom:0}.apply-recommend-guild-modal header{background-color:#647076;background-size:100%;border-top-left-radius:16px;border-top-right-radius:16px;padding-top:21px;position:relative}.apply-recommend-guild-modal header .club-role{position:absolute;bottom:20px;right:20px}.apply-recommend-guild-modal .apply-top{justify-content:space-between;margin-bottom:24px;display:flex}.apply-recommend-guild-modal .apply-top .title{color:#fff;font-size:20px;font-weight:600;line-height:26px}.apply-recommend-guild-modal .apply-top .close-modal-btn{box-sizing:border-box;text-align:center;cursor:pointer;color:rgba(230,234,240,.7);border-radius:4px;width:24px;height:24px;font-size:24px;line-height:24px;position:absolute;top:24px;right:24px}.apply-recommend-guild-modal .apply-top .close-modal-btn:hover{color:#e6eaf0;background-color:rgba(230,234,240,.1)}.apply-recommend-guild-modal .apply-top .close-modal-btn:active{color:#e6eaf0;background-color:rgba(230,234,240,.2)}.apply-recommend-guild-modal .apply-tips{color:rgba(255,255,255,.6);font-size:14px}.apply-recommend-guild-modal .apply-tips.sm{font-size:12px;line-height:16px}.apply-recommend-guild-modal .apply-condition-list{margin-bottom:8px}.apply-recommend-guild-modal .apply-condition-item{color:rgba(255,255,255,.87);margin-top:4px;font-size:14px}.apply-recommend-guild-modal .apply-condition-item .orange{color:orange}.apply-recommend-guild-modal .contact-link{position:absolute;left:24px}.guilds-loading{justify-content:center;align-items:center;display:flex}.guild-selector .guilds-loading{height:90px}.guild-selector .empty-guild{text-align:center;padding:33px 0;font-size:16px}.guild-selector .select-guild-tips{color:var(--text-tip-color);margin-bottom:8px;font-size:12px}.guild-selector .select-guild-tips.error{color:var(--color-error)}.guild-selector .guild-list-seperate,.guild-selector .guild-list{max-height:200px;overflow-y:auto}.guild-selector .guild-item{word-break:keep-all;border:1px solid var(--border-color);opacity:.5;cursor:not-allowed;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px;display:flex}.guild-selector .guild-item.canselect{opacity:1;cursor:pointer}.guild-selector .guild-item.canselect:hover{background-color:var(--menu-hover)}.guild-selector .guild-item.canselect .iconfont{color:var(--color-primary)}.guild-selector .guild-item.canselect .member-time,.guild-selector .guild-item.canselect .member-num{display:flex}.guild-selector .guild-item.canselect .member-time .member-text,.guild-selector .guild-item.canselect .member-num .member-text{color:var(--text-color);margin-left:2px;font-size:14px}.guild-selector .guild-item.canselect .member-num{text-overflow:ellipsis;white-space:nowrap;max-width:125px;position:relative;overflow:hidden}.guild-selector .guild-item.canselect .member-num .iconfont{position:absolute;top:0;left:0}.guild-selector .guild-item.selected{position:relative}.guild-selector .guild-item.selected:after{content:"";border:2px solid var(--color-primary);box-sizing:border-box;pointer-events:none;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.guild-selector .guild-item .guild-icon{background-color:rgba(255,255,255,.12);background-size:100%;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:8px;display:flex}.theme-light .guild-selector .guild-item .guild-icon{color:#8f90d8;background-color:#383e5f}.guild-selector .guild-item .guild-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guild-selector .guild-item .right{flex:1;margin-left:8px;font-size:14px;overflow:hidden}.guild-selector .guild-item .right .bottom{margin-top:4px;display:flex}.guild-selector .guild-item .right .member-time{margin-left:12px}.guild-selector .guild-item .right .iconfont{margin-right:4px;font-size:20px}.fill-guild-info-modal{width:440px}.fill-guild-info{margin-bottom:76px;position:relative}.fill-guild-info .fill-guild-info-tips{color:var(--text-description-color);margin-bottom:8px;font-size:14px}.fill-guild-info .tips-feedback-icon{height:20px;color:var(--text-tip-color);margin-left:2px}.fill-guild-info .upload-img-loading{justify-content:center;align-items:center;height:100%;display:flex}.fill-guild-info .upload-img-loading .iconfont{font-size:24px;animation:1s linear infinite loadingicon}.fill-guild-info .guild-preview-box{justify-content:center;margin-top:24px;display:flex}.fill-guild-info .guild-preview-box .guild-card-item{width:332px;height:365px}.fill-guild-info .guild-preview-box .guild-card-item .error-tips-pic{padding-top:65px;font-size:14px}.fill-guild-info .guild-preview-box .guild-card-item .front-info .card-desc{box-sizing:border-box;width:300px;height:64px;margin-left:-8px;overflow:visible}.fill-guild-info .guild-preview-box .guild-card-item .front-info .card-desc .card-desc-text{color:var(--text-description-color);padding:8px}.fill-guild-info .guild-preview-box .guild-card-item .front-info .card-desc .textarea-box{background-color:transparent}.fill-guild-info .guild-preview-box .guild-card-item .front-info .card-footer{width:100%;padding:0 16px 16px 24px;position:absolute;bottom:0;left:0}.fill-guild-info .guild-preview-box .guild-card-item .front-info .card-footer .star-error-tips{border-radius:8px;padding:3px 8px}.fill-guild-info .guild-preview-box .guild-card-item .desc-ghost-textarea{cursor:text;background-color:transparent;height:100%}.fill-guild-info .guild-preview-box .guild-card-item .desc-ghost-textarea .star-error-tips{box-sizing:border-box;border-radius:8px;width:300px;height:64px;padding:5px 8px;display:block}.fill-guild-info .guild-preview-box .guild-card-item .desc-textarea{background-color:var(--color-ede);height:80px;padding-top:7px;padding-left:7px;padding-right:7px}.fill-guild-info .guild-preview-box .guild-card-item .desc-textarea textarea{height:100%;line-height:20px}.fill-guild-info .guild-preview-box .guild-card-item .star-error-tips{cursor:pointer;border:1px dashed var(--text-tip-color)}.fill-guild-info .guild-preview-box .guild-card-item .back .back-top{justify-content:center;height:187px;display:flex}.fill-guild-info .guild-preview-box .guild-card-item .back .back-top .star-error-tips{border:1px dashed var(--text-tip-color);border-radius:8px;height:64px;margin-top:50px;padding:22px 20px}.apply-result{text-align:center;justify-content:center;align-items:center;width:100%;height:394px;display:flex}.apply-result .success-icon{color:#fff;background-color:#43b580;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;font-size:100px;display:flex}.select-label-action-modal{background-color:var(--color-grey-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.select-label-action-modal .title{color:var(--text-color);margin-top:24px;font-size:24px;font-weight:600;line-height:30px}.select-label-action-modal .description{color:#999;margin-top:4px;font-size:12px;font-weight:400;line-height:18px}.select-label-action-modal .content-scroll-bar{overflow-x:hidden;overflow-y:scroll}.select-label-action-modal .content-scroll-bar::-webkit-scrollbar{width:8px}.select-label-action-modal .content-scroll-bar::-webkit-scrollbar-track{background-color:transparent}.select-label-action-modal .content-scroll-bar::-webkit-scrollbar-thumb{background-color:transparent;background-clip:content-box;border:2px solid transparent;border-radius:4px}.select-label-action-modal .content-scroll-bar:hover::-webkit-scrollbar-thumb{background-color:#e1e4f0}.select-label-action-modal .content{text-align:center;width:100%;height:100%;min-height:0;margin:21px 24px 0 8px;overflow-y:scroll}.select-label-action-modal .content .guild-cell-generic{border-radius:28px;height:54px;margin-bottom:16px;margin-left:16px}.select-label-action-modal .content .guild-cell{box-sizing:border-box;cursor:pointer;background-color:rgba(254,254,254,.3);border:1px solid rgba(0,0,0,.08);border-radius:28px;height:54px;margin-bottom:16px;margin-left:16px;padding:0 16px;transition:all .2s ease-in-out;display:inline-block;box-shadow:inset 0 0 #fff}.select-label-action-modal .content .guild-cell:hover{background-color:#fefefe;box-shadow:inset 0 0 #fff,0 2px 8px rgba(0,0,0,.08)}.select-label-action-modal .content .guild-cell.active{background-color:#fefefe;animation:.2s ease-in-out pulse;box-shadow:inset 0 0 0 2px #7acc35,0 2px 8px rgba(0,0,0,.08)}@keyframes pulse{0%{box-shadow:inset 0 0 #fff,0 2px 8px rgba(0,0,0,.08)}50%{box-shadow:inset 0 0 0 64px rgba(122,204,53,.3),0 2px 8px rgba(0,0,0,.08)}to{box-shadow:inset 0 0 0 2px #7acc35,0 2px 8px rgba(0,0,0,.08)}}.select-label-action-modal .content .guild-cell .guild-cell-wrapper{flex-direction:row;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.select-label-action-modal .content .guild-cell .guild-cell-wrapper .icon-area{border-radius:20px;width:28px;height:28px;position:relative;overflow:hidden}.select-label-action-modal .content .guild-cell .guild-cell-wrapper .icon-area .guild-icon{object-fit:cover;-webkit-user-drag:none;opacity:1;background-color:#d8d8d8;width:28px;height:28px;transition:all .15s ease-in-out}.select-label-action-modal .content .guild-cell .guild-cell-wrapper .icon-area .guild-icon.active{opacity:0}.select-label-action-modal .content .guild-cell .guild-cell-wrapper .icon-area .guild-icon-overlay{object-fit:cover;-webkit-user-drag:none;background-image:url(https://static.kookapp.cn/app/static/media/checkmark.66652188.png);background-position:50%;background-repeat:no-repeat;background-size:0;width:28px;height:28px;transition:all .15s ease-in-out;position:absolute;top:0;left:0}.select-label-action-modal .content .guild-cell .guild-cell-wrapper .icon-area .guild-icon-overlay.active{background-size:16px;background-color:var(--color-primary)}.select-label-action-modal .content .guild-cell .guild-cell-wrapper .guild-name{color:var(--text-color);font-weight:400;line-height:20px}.select-label-action-modal .content .guild-cell-skeleton{border-radius:28px;height:54px;margin-bottom:16px;margin-left:16px}.select-label-action-modal .bottom-bar{background-color:var(--color-grey-bg);align-content:center;justify-content:space-between;align-items:center;width:100%;padding:22px 24px;display:flex}.select-label-action-modal .bottom-bar .back-arrow{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/left-arrow.0cd46fd5.png);background-repeat:no-repeat;background-size:contain;width:24px;height:24px}.select-label-action-modal .bottom-bar .back-arrow:hover{background-image:url(https://static.kookapp.cn/app/static/media/left-arrow-hover.2278c05e.png)}.select-label-action-modal .bottom-bar .back-arrow:active{background-image:url(https://static.kookapp.cn/app/static/media/left-arrow-click.86dbdee8.png)}.select-label-action-modal .bottom-bar .bottom-button-group{flex-direction:row;gap:16px;display:flex}.select-guild-template{width:880px;height:592px;color:var(--text-color);flex-direction:column;padding:21px 24px 24px;display:flex}.select-guild-template .select-guild-template-content{flex:1;display:flex;overflow:hidden}.select-guild-template .select-guild-template-footer{justify-content:flex-end;align-items:center;margin-top:24px;display:flex}.select-guild-template .select-guild-template-footer .chuanyu-button{margin-left:8px}.select-guild-template .select-guild-template-content{justify-content:space-between;display:flex}.select-guild-template .template-preview,.select-guild-template .select-template{width:392px}.select-guild-template .template-preview .select-template-description,.select-guild-template .select-template .select-template-description{width:392px;margin-bottom:24px;font-size:14px;line-height:20px}.select-guild-template .template-preview{margin-top:50px;padding-right:4px;overflow:auto}.select-guild-template .template-preview-channel{background-color:var(--color-controls);border-radius:12px;margin-bottom:24px;padding:8px 24px}.select-guild-template .template-preview-channel .template-channel-item{color:#222;align-items:center;height:32px;margin-bottom:4px;font-size:14px;font-weight:600;line-height:18px;display:flex}.select-guild-template .template-preview-channel .template-channel-item.group{height:30px;margin-bottom:0;padding-left:0;font-size:12px}.select-guild-template .template-preview-channel .template-channel-item.group:nth-child(n+2){margin-top:8px}.select-guild-template .template-preview-channel .template-channel-item.group .template-channel-name{margin-left:0}.select-guild-template .template-preview-channel .template-channel-icon{text-align:center;width:16px;height:16px;font-size:16px;font-weight:400;line-height:16px}.select-guild-template .template-preview-channel .template-channel-name{margin-left:6px}.select-guild-template .template-list{flex-wrap:wrap;justify-content:space-between;display:flex}.select-guild-template .template-list .template-item{width:192px;margin-bottom:8px}.select-guild-template .template-item{border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;border-radius:12px;align-items:center;height:72px;padding:16px;display:flex}.select-guild-template .template-item:hover{background-color:var(--menu-hover)}.select-guild-template .template-item.active{border:2px solid var(--color-primary)}.select-guild-template .template-item-icon{background-position:50%;background-size:cover;width:40px;height:40px}.select-guild-template .template-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:8px;font-size:14px;font-weight:600;overflow:hidden}.select-guild-template .template-role-item{margin-bottom:24px}.select-guild-template .template-role-item .description{margin-top:8px;font-size:14px}.intro-layer{z-index:1000;background-color:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;top:0;left:0}.intro-main-step{color:rgba(237,238,240,.7);align-items:center;margin:32px 0 0 32px;font-size:22px;display:flex}.intro-main-step .active{color:#edeef0}.intro-main-step .iconfont{text-align:center;width:24px;height:24px;font-size:24px;line-height:24px;transform:rotate(-90deg)}.intro-skip-button{color:#aaa;cursor:pointer;font-size:16px;position:fixed;top:40px;right:40px}.intro-skip-button:hover{color:#fff}.intro-box{border:2px dashed var(--color-primary);border-radius:16px;position:absolute}.intro-box.click_create_guild_buton,.intro-box.select_guild_template,.intro-box.join_audio_channel,.intro-box.create_invite{justify-content:center;align-items:center;display:flex}.intro-box.join_audio_channel{border-radius:12px;padding:2px}.intro-box.join_audio_channel .channel-list-item{background-color:var(--color-light-bg);border-radius:8px;width:100%;height:32px}.intro-box.join_audio_channel .channel-item{margin-right:0}.intro-box.join_audio_channel .channel-item .new-audio-channel-title{height:32px;margin-left:0}.intro-box.create_invite{border-radius:12px}.intro-box.golive_entrance{border-radius:12px;padding:2px}.intro-box.golive_entrance .button-text{justify-content:center;align-items:center;display:flex}.intro-box.golive_entrance .button-text .golive-icon{margin-right:4px}.intro-tooltip{background-color:var(--color-primary);color:#222;z-index:1001;border-radius:24px;width:292px;margin-top:-28px;padding:24px;position:absolute;top:50%;left:calc(100% + 26px)}.select_guild_template_legacy_variant .intro-tooltip{top:-92px}.select_guild_template_new_variant .intro-tooltip{top:-62px}.select_guild_template .intro-tooltip{right:calc(100% + 26px);left:unset}.select_guild_template .intro-tooltip .intro-tooltip-bg{top:auto;bottom:-24px;transform:scale(-1)}.intro-tooltip .intro-tooltip-bg{background-image:url(https://static.kookapp.cn/app/static/media/bg.e7483b0d.svg);width:326px;height:68px;position:absolute;top:-24px;left:-18px}.intro-tooltip .intro-tooltip-title{letter-spacing:1px;margin-bottom:8px;font-size:16px;font-weight:600;line-height:22px}.intro-tooltip .intro-tooltip-body{font-size:14px;line-height:20px}.intro-tooltip .intro-tooltip-tip{text-align:right;margin-top:17px;font-size:12px}.intro-substep{color:var(--color-primary);justify-content:flex-end;align-items:center;margin-top:16px;display:flex}.intro-substep .number{z-index:1;background-color:#e1e4f0;border-radius:50%;width:8px;height:8px}.intro-substep .line{background-color:#e1e4f0;width:10px;height:2px;margin-left:-2px;margin-right:-2px}.intro-substep .number.active,.intro-substep .line.active{color:#fff;background-color:#404247}.click_add_button{justify-content:center;align-items:center;display:flex}.click_add_button .icon-button-wrap{margin:0}.click_add_button .intro-tooltip .kookiconfont-add{background-color:#f5f6fa;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.click_create_guild{justify-content:center;align-items:center;display:flex}.click_create_guild .create-action-block{box-sizing:border-box;border:1px solid var(--border-color);background-color:#f5f6fa;border-radius:16px;align-items:center;width:392px;height:112px;padding-left:16px;display:flex}.click_create_guild .create-action-block .block-img{background-color:#4285f4;background-repeat:no-repeat;background-size:100%;border-radius:50%;width:64px;height:64px}.click_create_guild .create-action-block .block-img.create-img{background-image:url(https://static.kookapp.cn/app/static/media/server_create.a58d0e67.png)}.click_create_guild .create-action-block .block-img.join-img{background-image:url(https://static.kookapp.cn/app/static/media/server_join.cd6cd9bc.png)}.click_create_guild .create-action-block .create-action-block-text{width:224px;margin-left:16px;margin-right:52px}.click_create_guild .create-action-block .block-title{color:#222;margin-bottom:4px;font-size:16px;font-weight:600;line-height:22px}.click_create_guild .create-action-block .block-content-desc{color:#999;font-size:12px;line-height:18px}.click_create_guild .create-action-block .kookiconfont{position:absolute;right:10px}.create_invite .ctrl-btn{background-color:var(--color-light-bg);width:32px;height:32px;color:var(--text-description-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex}.create_invite .intro-tooltip-title .ctrl-btn{color:#222;background-color:#f5f6fa;width:24px;height:24px;font-weight:400;display:inline-flex}.user-media-permission{color:var(--text-color);font-size:14px;line-height:20px}.user-media-permission__mic{border:1px solid var(--border-color);border-radius:12px;align-items:center;height:76px;padding:16px;display:flex}.user-media-permission__mic__img{text-align:center;background-color:var(--color-primary);color:#fff;border-radius:50%;width:32px;height:32px;margin-right:13px;font-size:24px;line-height:32px}.user-media-permission__mic__text__title{margin-bottom:4px;font-size:16px;font-weight:600;line-height:22px}.user-media-permission__mic__text__desc{color:var(--text-tip-color);font-size:12px;line-height:18px}.user-media-permission__text{margin:16px 0}.user-media-permission .title{text-align:center;color:#333436;margin-top:56px;margin-bottom:16px}.intro-select-guild-template{background-color:var(--color-grey-bg);border:none}.intro-select-guild-template .template-item{border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;background-color:#f5f6fa;border-radius:12px;align-items:center;height:72px;padding:16px;display:flex}.intro-select-guild-template .template-item.active{border:2px solid var(--color-primary)}.intro-select-guild-template .template-item-icon{background-image:url(https://static.kookapp.cn/app/static/media/default.3744a9b2.png);background-position:50%;background-size:cover;width:40px;height:40px}.intro-select-guild-template .template-item-name{color:#222;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:8px;font-size:14px;font-weight:600;overflow:hidden}.click_create_guild_buton_new_variant,.click_create_guild_buton_legacy_variant{top:24px}.click_create_guild_buton .form-guild-name-new{background:#f5f6fa;border-radius:12px;flex-shrink:0;width:232px;height:82px;padding:8px;position:absolute;top:-105px;left:-315px}.click_create_guild_buton .form-guild-name-new .form-guild-name-desc{text-align:center;color:#fff;width:100%;height:18px;font-size:12px;font-weight:400;line-height:18px;position:absolute;bottom:-24px;left:0}.click_create_guild_buton .form-guild-name-new:before{content:"";z-index:-1;border:2px dashed var(--color-primary);border-radius:16px;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:-4px;left:-4px}.click_create_guild_buton .form-guild-name-new .form-item-tips{color:#999}.click_create_guild_buton .form-guild-name-new .normal-input{background-color:transparent;border:1px solid #e1e4f0;border-radius:12px}.click_create_guild_buton .form-guild-name-new .normal-input:hover,.click_create_guild_buton .form-guild-name-new .normal-input:focus{box-shadow:none;border:1px solid var(--color-primary)}.click_create_guild_buton .form-guild-name-legacy{background:#f5f6fa;border-radius:12px;flex-shrink:0;width:232px;height:82px;padding:8px;position:absolute;top:-105px;left:-315px}.click_create_guild_buton .form-guild-name-legacy .form-guild-name-desc{text-align:center;color:#fff;width:100%;height:18px;font-size:12px;font-weight:400;line-height:18px;position:absolute;bottom:-24px;left:0}.click_create_guild_buton .form-guild-name-legacy:before{content:"";z-index:-1;border:2px dashed var(--color-primary);border-radius:16px;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:-4px;left:-4px}.click_create_guild_buton .form-guild-name-legacy .form-item-tips{color:#999}.click_create_guild_buton .form-guild-name-legacy .normal-input{background-color:transparent;border:1px solid #e1e4f0;border-radius:12px}.click_create_guild_buton .form-guild-name-legacy .normal-input:hover,.click_create_guild_buton .form-guild-name-legacy .normal-input:focus{box-shadow:none;border:1px solid var(--color-primary)}.guild-invite-modal-box{width:440px}.guild-invite-modal{color:var(--text-color)}.guild-invite-modal .search-input-box{margin-bottom:16px}.guild-invite-modal .user-list{max-height:196px;font-size:14px;overflow-y:auto}.guild-invite-modal .user-list .user-item{border-radius:12px;align-items:center;height:48px;margin-bottom:2px;padding:0 8px;display:flex}.guild-invite-modal .user-list .user-item:hover{background-color:var(--menu-hover)}.guild-invite-modal .user-list .user-item:hover .invite-button{background-color:var(--color-primary);color:#fff}.guild-invite-modal .user-list .user-item:hover .invite-button:hover{background-color:var(--color-primary-hover)}.guild-invite-modal .user-list .user-item:hover .invite-button:active{background-color:var(--color-primary-active)}.guild-invite-modal .user-list .user-item:hover .invite-button.fail{background-color:var(--color-error);color:#fff}.guild-invite-modal .user-list .user-item:hover .invite-button.fail:hover{background-color:var(--color-error-hover)}.guild-invite-modal .user-list .user-item:hover .invite-button.fail:active{background-color:var(--color-error-active)}.guild-invite-modal .user-list .user-item:hover .invite-button.success{color:var(--text-tip-color);cursor:default;background-color:transparent}.guild-invite-modal .user-list .user-avatar{width:32px;height:32px;margin-right:8px;display:inline-block;position:relative}.guild-invite-modal .user-list .user-avatar .online-state{border:2px solid var(--color-grey-bg);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.guild-invite-modal .user-list .user-avatar .offline{background:#999}.guild-invite-modal .user-list .user-avatar .online{background-color:var(--color-primary)}.guild-invite-modal .user-list .mobile-online{background-image:url(https://static.kookapp.cn/app/static/media/new-cellphone@2x.baf0e586.png);background-position:50%;background-repeat:no-repeat;background-size:8px 10px;background-color:var(--color-grey-bg);border-radius:4px;width:12px;height:14px;position:absolute;bottom:-2px;right:-2px}.guild-invite-modal .user-list .user-avatar-inner{background-color:rgba(187,190,196,.2);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:32px;height:32px}.guild-invite-modal .user-list .user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.guild-invite-modal .user-list-none{height:48px;color:var(--text-tip-color);justify-content:center;align-items:center;display:flex}.guild-invite-modal .invite-link-box{padding-top:24px}.guild-invite-modal .copy-input-qrcode{margin-right:4px}.guild-invite-modal .title{border-bottom:1px solid rgba(187,187,187,.3);margin-bottom:24px;padding-bottom:12px;font-size:20px}.guild-invite-modal .share-tips{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;line-height:18px}.guild-invite-modal .activity-link{margin-top:12px;font-size:12px;display:inline-block}.guild-invite-modal .invite-setting{min-height:18px;color:var(--text-description-color);margin-top:8px;font-size:12px;line-height:18px}.guild-invite-modal .invite-button{width:72px;height:32px;color:var(--text-description-color);border:1px solid var(--border-color);text-align:center;border-radius:8px;font-size:14px;font-weight:600;position:relative}.guild-invite-modal .invite-button.fail{border-color:var(--color-error);color:var(--color-error)}.guild-invite-modal .invite-button.success{color:var(--text-tip-color);border-color:transparent}.guild-invite-modal .invite-button .btn-loading-ico{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}.copy-input{border-radius:12px;align-items:center;height:40px;padding:0 16px;font-size:14px;display:flex}.copy-input.type-button{padding:0 4px 0 16px}.copy-input.size-sm{width:220px}.copy-input.size-md{width:320px}.copy-input input{background-color:transparent}.copy-input .copy-text{border:0;outline:none;flex:1;margin-right:6px;line-height:28px}.copy-input .app-text-button{margin-left:16px}.copy-input .copy-input-button{width:72px;min-width:0!important}.dialog-confirm-footer.editor-invite-fotter{justify-content:space-between}.editor-invite-setting-save{align-items:center;display:flex}.qrcode-controller{cursor:pointer;border-radius:4px;width:24px;height:24px;overflow:hidden}.qrcode-controller:hover{background-color:var(--color-line)}.qrcode-controller:active{background-color:var(--color-controls)}.qrcode-controller .qrcode-ctrl-icon{color:var(--text-description-color)}.invite-qr-code-tips{background-color:var(--color-light-bg);max-width:unset;padding:0}.invite-qr-code-tips-content{box-shadow:var(--box-shadow);border-radius:12px;overflow:hidden}.invite-qr-code-content{cursor:pointer;background-color:var(--color-light-bg);width:220px;position:relative}.invite-qr-code-content .content-top{align-items:center;padding:24px}.theme-dark .invite-qr-code-content .content-top,.invite-qr-code-content .copy-content{background-color:var(--color-light-bg)}.theme-light .invite-qr-code-content .bg-layer1{background:linear-gradient(#eaffe6 0%,#fefefe 100%)}.theme-light .invite-qr-code-content .bg-layer2{background-image:url(https://static.kookapp.cn/app/static/media/qrcode-bottomshadow@2x.74602c64.png);background-position:0 bottom;background-repeat:no-repeat;background-size:220px 120px}.invite-qr-code-content .guild-icon{width:40px;height:40px;color:var(--text-color);background-color:var(--color-top-bg);clip-path:path("M 0,20 C 0,2.13,2.13,0,20,0 C 37.87,0,40,2.13,40,20 C 40,37.87,37.87,40,20,40 C 2.13,40,0,37.87,0,20");background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;margin-left:auto;margin-right:auto;font-size:20px;font-weight:700}.invite-qr-code-content .guild-icon-text{text-align:center;padding-top:10px;padding-bottom:10px;font-size:20px;line-height:20px}.invite-qr-code-content .guild-name{color:var(--text-color);text-align:center;height:36px;margin-top:8px;margin-left:auto;margin-right:auto;padding-bottom:8px;font-size:14px;font-weight:700;line-height:20px}.invite-qr-code-content .qrcode-wrapper{background-image:url(https://static.kookapp.cn/app/static/media/qrcode-wrapper@2x.3d6d1abe.png);background-repeat:no-repeat;background-size:100%;justify-content:center;align-items:center;width:140px;height:126px;margin-left:auto;margin-right:auto;padding:7px;display:flex}.invite-qr-code-content .qrcode-border{background-color:#fff;border:2px solid #000;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.theme-dark .invite-qr-code-content .qrcode-border{border-color:transparent}.invite-qr-code-content .qrcode-logo{background-color:#fff;border:2px solid #fff;border-radius:6px;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.24)}.invite-qr-code-content .qrcode-tips{text-align:center;color:var(--text-tip-color);margin-top:12px;margin-left:auto;margin-right:auto;font-size:12px;line-height:18px}.invite-qr-code-content .content-bottom{color:var(--text-description-color);justify-content:center;align-items:center;padding-top:8px;padding-bottom:8px;font-size:12px;line-height:18px;display:flex}.invite-qr-code-content .content-bottom.success{color:var(--color-primary)}.invite-qr-code-content:hover .content-bottom:not(.success){color:var(--text-color)}.invite-qr-code-content .copy-content .content-bottom{padding-top:0;padding-bottom:16px}.invite-qr-code-content .copy-content .guild-icon-text{padding-top:6px}.chuanyu-modal-container .modal-body.guild-modal{width:440px;height:408px;padding:0;transition:width .2s ease-in-out,height .2s ease-in-out;position:relative;overflow:hidden}.chuanyu-modal-container .modal-body.guild-modal.guild-modal-select-legacy,.chuanyu-modal-container .modal-body.guild-modal.guild-modal-select-legacy .wrapper .item{width:440px;height:330px}.chuanyu-modal-container .modal-body.guild-modal.guild-modal-select,.chuanyu-modal-container .modal-body.guild-modal.guild-modal-select .wrapper .item{width:800px;height:374px}.chuanyu-modal-container .modal-body.guild-modal.guild-template-legacy,.chuanyu-modal-container .modal-body.guild-modal.guild-template{width:880px;max-width:none;height:592px}.chuanyu-modal-container .modal-body.guild-modal.recommend-page{width:800px;height:620px;min-height:0}.chuanyu-modal-container .modal-body.guild-modal.recommend-page .wrapper .item{width:800px;height:620px;min-height:0;padding:0}.chuanyu-modal-container .modal-body.guild-modal .wrapper{align-items:center;width:2500px;height:510px;margin-top:-255px;transition:left .2s ease-out;display:flex;position:absolute;top:50%}.chuanyu-modal-container .modal-body.guild-modal .wrapper .item{width:800px;height:374px;padding:21px 24px 24px;position:relative}.select-guide-action-modal-legacy .action-selector-wrapper-legacy{flex-direction:column;justify-content:space-between;display:flex}.select-guide-action-modal-legacy .action-selector-wrapper-legacy .create-action-block-legacy{box-sizing:border-box;border:1px solid var(--border-color);cursor:pointer;border-radius:16px;align-items:center;height:112px;margin-bottom:8px;padding-left:16px;display:flex;position:relative}.select-guide-action-modal-legacy .action-selector-wrapper-legacy .create-action-block-legacy:hover{background-color:var(--menu-hover)}.select-guide-action-modal-legacy .action-selector-wrapper-legacy .create-action-block-legacy .block-img-legacy{background-color:#4285f4;background-repeat:no-repeat;background-size:100%;border-radius:50%;width:64px;height:64px}.select-guide-action-modal-legacy .action-selector-wrapper-legacy .create-action-block-legacy .create-action-block-text-legacy{width:224px;margin-left:16px;margin-right:52px}.select-guide-action-modal-legacy .action-selector-wrapper-legacy .create-action-block-legacy .block-title-legacy{color:var(--text-color);margin-bottom:4px;font-size:16px;font-weight:600;line-height:22px}.select-guide-action-modal-legacy .action-selector-wrapper-legacy .create-action-block-legacy .block-content-desc-legacy{color:var(--text-tip-color);font-size:12px;line-height:18px}.select-guide-action-modal-legacy .action-selector-wrapper-legacy .create-action-block-legacy .kookiconfont{position:absolute;right:10px}.select-guide-action-modal .action-selector-wrapper{flex-direction:row;justify-content:space-between;display:flex}.select-guide-action-modal .action-selector-wrapper .create-action-block{box-sizing:border-box;border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;align-content:center;justify-content:flex-start;align-items:center;width:240px;height:282px;display:flex;position:relative}.select-guide-action-modal .action-selector-wrapper .create-action-block:hover{background-color:var(--menu-hover)}.select-guide-action-modal .action-selector-wrapper .create-action-block .block-img{background-repeat:no-repeat;background-size:100%;border-radius:16px;width:160px;height:120px;margin-top:16px}.select-guide-action-modal .action-selector-wrapper .create-action-block .create-action-block-text{text-align:center}.select-guide-action-modal .action-selector-wrapper .create-action-block .block-title{color:var(--text-color);font-size:16px;font-weight:600;line-height:22px}.select-guide-action-modal .action-selector-wrapper .create-action-block .block-content-desc{color:var(--text-tip-color);margin:8px 32px 0;font-size:14px;font-weight:400;line-height:20px}.select-guide-action-modal .action-selector-wrapper .create-action-block .kookiconfont{position:absolute}.select-guide-action-modal .action-selector-wrapper .create-action-block .arrow-img{background-repeat:no-repeat;background-size:16px;background-color:var(--color-primary);background-image:url(https://static.kookapp.cn/app/static/media/arrow.320457db.png);background-position:50%;border-radius:50%;width:36px;height:36px;margin-top:16px}.create-guide-action-modal{width:390px}.create-guide-action-modal .sub-title{margin-bottom:24px;font-size:14px;line-height:20px}.create-guide-action-modal .new-guide-info{margin-bottom:24px}.create-guide-action-modal .new-guide-info .guide-name-label{text-align:left;margin-bottom:8px;font-size:14px;font-weight:700}.create-guide-action-modal .new-guide-info .guild-double-layout{margin-top:24px;display:flex}.create-guide-action-modal .new-guide-info .guild-double-layout .form-guild-name,.create-guide-action-modal .new-guide-info .guild-double-layout .form-guild-name-legacy,.create-guide-action-modal .new-guide-info .guild-double-layout .form-guild-name-new{flex:5;margin-right:10px}.create-guide-action-modal .new-guide-info .guild-double-layout .form-guild-area{flex:4}.create-action{height:100%}.create-action .footer-buttons{flex-direction:row-reverse;gap:8px;display:flex;position:absolute;bottom:8px;left:247px}.join-guide-action-modal{width:390px}.join-guide-action-modal .join-sub-title{margin-bottom:14px;font-size:14px;line-height:20px}.join-guide-action-modal .join-example-list{color:var(--color-primary);margin-bottom:24px;font-size:14px}.join-guide-action-modal .join-example-list .join-example{margin-bottom:6px}.join-guide-action-modal .join-example-list .join-example .id-type{color:#999ba1}.join-guide-action-modal .join-guild-input-error{color:var(--color-error);height:18px;margin-bottom:8px;font-size:14px;font-weight:700;line-height:20px}.join-guide-action-modal .modal-footer{flex-direction:row-reverse;gap:8px;display:flex;position:absolute;bottom:8px;left:237px}.create-guide-action-modal .modal-footer .type-appprimary,.join-guide-action-modal .modal-footer .type-appprimary,.create-guide-action-modal .footer-buttons .type-appprimary,.join-guide-action-modal .footer-buttons .type-appprimary{width:81px}.create-guide-action-modal .return,.join-guide-action-modal .return{width:81px;margin-right:8px}.modal-body.confire-connect-audio-channel{width:440px;padding:0 0 78px}.modal-body.confire-connect-audio-channel .dialog-confirm-title{padding:20px}.modal-body.confire-connect-audio-channel .dialog-confirm-message{color:rgba(16,16,16,.87);margin-bottom:22px;padding:0 20px}.create-img{background-image:url(https://static.kookapp.cn/app/static/media/server_create.a58d0e67.png)}.join-img{background-image:url(https://static.kookapp.cn/app/static/media/server_join.cd6cd9bc.png)}.create-img-legacy{background-image:url(https://static.kookapp.cn/app/static/media/server_create_legacy.89ed2e09.png)}.join-img-legacy{background-image:url(https://static.kookapp.cn/app/static/media/server_join_legacy.c6b6972d.png)}.create-img-guide{background-image:url(https://static.kookapp.cn/app/static/media/server_create_guide.a9f9addf.png)}.join-img-guide{background-image:url(https://static.kookapp.cn/app/static/media/server_join_guide.5c10fbc9.png)}.recommend-img-guide{background-image:url(https://static.kookapp.cn/app/static/media/platform_recommend.611d6e1d.png)}.create-img-legacy-guide{background-image:url(https://static.kookapp.cn/app/static/media/server_create_legacy.89ed2e09.png)}.join-img-legacy-guide{background-image:url(https://static.kookapp.cn/app/static/media/server_join_legacy.c6b6972d.png)}.guild-tag-selector{z-index:1;background-color:var(--color-grey-bg);width:100%;padding-bottom:16px;position:absolute;top:0;left:0}.guild-tag-selector .guild-tag-selector-top{border:1px solid var(--border-color);border-radius:12px;height:346px;display:flex}.guild-tag-selector .left{border-right:1px solid var(--border-color);width:112px;height:346px;padding:8px;overflow-y:auto}.guild-tag-selector .left .group-list .group-item{text-align:center;color:var(--text-color);box-sizing:border-box;border-radius:8px;padding:6px 8px;font-size:14px;line-height:20px;display:block}.guild-tag-selector .left .group-list .group-item:hover{background-color:var(--menu-hover)}.guild-tag-selector .left .group-list .group-item:active,.guild-tag-selector .left .group-list .group-item.active{background-color:var(--color-light-bg)}.guild-tag-selector .right{flex:1;height:346px;padding:8px;overflow-y:auto}.guild-tag-selector .right .tag-item{border:1px solid var(--border-color);background-color:transparent;margin-bottom:8px;margin-right:8px}.guild-tag-selector .right .tag-item:last-child{margin-right:0}.guild-tag-selector .no-has-tips{text-align:left;color:var(--text-tip-color);margin-top:16px;font-size:12px}.kprop-goods{background-color:var(--color-grey-bg);cursor:pointer;border-radius:16px;width:153px;height:229px;padding:8px 8px 12px;position:relative}.kprop-goods:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.kprop-goods:hover .prop-image-layer .prop-icon{transform:scale(1.05)}.kprop-goods.display-preview .prop-icon{visibility:hidden}.kprop-goods .kprop-resource-preview .preview-animation{height:100%}.kprop-goods .kprop-resource-preview .action-prop-img{height:100px}.kprop-goods .kprop-goods-header{background:var(--color-controls);border-radius:12px;width:137px;height:137px;margin-bottom:8px;position:relative;overflow:hidden}.kprop-goods .kprop-goods-detail{padding:0 8px}.kprop-goods .goods-name{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;line-height:20px;overflow:hidden}.kprop-goods .goods-label{color:var(--text-tip-color);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:12px;font-weight:400;line-height:20px;overflow:hidden}.kprop-goods .goods-label.with-stock{color:#f6527e}.kprop-goods .goods-free{color:var(--color-primary);font-weight:600;position:relative}.kprop-goods .price-text-disable{color:var(--text-tip-color)}.kprop-goods .prop-image-layer .prop-icon{width:96px;height:96px}.kprop-goods-tags{z-index:10;flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:-5px;left:-5px}.kprop-goods-tags .goods-tag{margin-bottom:2px}.goods-price-inline{font-family:Montserrat-Regular;font-size:12px;line-height:18px;display:flex;overflow:hidden}.goods-price-inline .price{color:var(--text-color)}.goods-price-inline .origin-price{color:var(--text-tip-color);margin-left:4px;text-decoration:line-through}.goods-price-inline .price~.vip-price{margin-left:8px}.goods-price-inline .vip-price{color:var(--color-warn)}.goods-price-inline .price,.goods-price-inline .origin-price,.goods-price-inline .vip-price,.goods-price-inline .token-price{align-items:center;display:flex;position:relative}.goods-price-inline .price .price-number,.goods-price-inline .origin-price .price-number,.goods-price-inline .vip-price .price-number,.goods-price-inline .token-price .price-number{font-family:Montserrat-Bold;font-weight:700}.goods-price-inline .price .unread-icon,.goods-price-inline .origin-price .unread-icon,.goods-price-inline .vip-price .unread-icon,.goods-price-inline .token-price .unread-icon{align-self:flex-start;margin-left:2px;display:block;position:relative;right:0}.goods-price-inline .vip-guide-price{color:var(--text-color);align-items:center;font-weight:600;display:flex;position:relative}.goods-price-inline .vip-icon{background-image:url(https://static.kookapp.cn/app/static/media/vip_icon.28fa0a5b.svg);background-position:50%;background-size:contain;width:12px;height:12px;margin-right:2px;display:inline-block}.goods-price-inline .vip-icon.pro{background-image:url(https://static.kookapp.cn/app/static/media/icon-buff-pro.d7f71d5c.svg)}.goods-price-inline .token-icon{width:12px;height:12px;margin-right:4px}.discover-goods-ad{width:137px;height:189px;box-shadow:var(--box-shadow-lg);cursor:pointer;z-index:5;background-color:#fefefe;border-radius:16px;position:fixed;bottom:182px;right:36px}.discover-goods-ad .kprop-goods .kprop-goods-detail{padding:0}.discover-goods-ad .discover-goods-ad-border{pointer-events:none;z-index:2;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px}.theme-dark .discover-goods-ad{background-color:#35373d}.discover-goods-ad .kprop-goods{width:100%;height:100%}.discover-goods-ad .kprop-goods:hover{box-shadow:none;transform:none}.discover-goods-ad .kprop-goods .kprop-resource-preview .action-prop-img{width:81px;height:81px}.discover-goods-ad .kprop-goods .kprop-goods-header{width:121px;height:121px}.discover-goods-ad .kprop-goods .kprop-goods-header .prop-icon{width:80px;height:80px}.discover-goods-ad .kprop-detail-close{background:var(--color-light-bg);width:24px;height:24px;box-shadow:var(--box-shadow);z-index:3;color:var(--text-tip-color);border-radius:12px;top:-10px;right:-10px}.discover-goods-ad .kprop-detail-close:hover{color:var(--text-description-color)}.discover-goods-ad-img{width:208px;height:117px;box-shadow:var(--box-shadow-lg);background:var(--color-light-bg);border:2px solid var(--color-light-bg);cursor:pointer;z-index:5;border-radius:16px;position:fixed;bottom:182px;right:36px}.discover-goods-ad-img .discover-goods-ad-img-content{border-radius:16px;width:100%;height:100%}.discover-goods-ad-img .discover-goods-ad-img-close{text-align:center;background:var(--color-light-bg);width:24px;height:24px;box-shadow:var(--box-shadow);z-index:3;color:var(--text-tip-color);border-radius:12px;line-height:24px;position:absolute;top:-10px;right:-10px}.discover-goods-ad-img .discover-goods-ad-img-close:hover{color:var(--text-description-color)}.discover-goods-ad-img .kprop-goods-tags{position:absolute;top:-10px;left:-10px}.discover-loading-item{background-color:var(--color-line)}.discover-content-loading{align-self:center;justify-self:center;width:100%;max-width:1556px;padding:0 66px 42px}@media (max-width:1150px){.discover-content-loading{padding-left:24px;padding-right:16px}}@media (min-width:1920px){.discover-content-loading{padding-left:66px;padding-right:58px}}@media (min-width:1151px) and (max-width:1919px){.discover-content-loading{padding-left:calc(5.45455vw - 38.7273px);padding-right:calc(5.45455vw - 46.7273px)}}.discover-content-loading .discover-content-loading-group{grid-template-columns:repeat(5,1fr);align-items:start;gap:16px;display:grid}.discover-content-loading .discover-content-loading-group>div{aspect-ratio:.8;background-color:var(--color-line);border-radius:8px}.mr-6{margin-right:6px}.mb-28{margin-bottom:28px}.mb-38{margin-bottom:38px}.mb-40{margin-bottom:40px}.mb-48{margin-bottom:48px}.id-label{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.2);background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:65px;height:26px;padding-top:1px;font-family:Montserrat-Bold;font-size:12px;font-weight:900;display:flex}.id-label.id-label-special{font-size:10px}.discover-menu{background:var(--color-background);border-right:1px solid var(--color-line);color:var(--text-color);border-radius:24px 0 0 24px;padding:24px}.discover-menu .title{padding-bottom:24px;font-size:16px;font-weight:600;line-height:22px}.discover-menu .entry-list{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;display:flex}.discover-menu .entry-list .entry-line{cursor:pointer;align-items:center;width:100%;height:36px;padding:10px 8px;display:flex}.discover-menu .entry-list .entry-line:hover{background:var(--menu-hover);border-radius:8px}.discover-menu .entry-list .entry-line .left-part{flex-direction:row;flex-shrink:1;align-items:center;gap:6px;min-width:0;display:flex}.discover-menu .entry-list .entry-line .left-part .prefix-icon{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:var(--discover-menu-icon-light);flex-grow:0;flex-shrink:0;width:16px;height:16px;font-size:16px;line-height:16px}.theme-dark .discover-menu .entry-list .entry-line .left-part .prefix-icon{background-image:var(--discover-menu-icon-dark)}.discover-menu .entry-list .entry-line .left-part .entry{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.discover-menu .entry-list .entry-line .right-part{flex-direction:row;align-items:center;margin-left:8px;display:flex}.discover-menu .entry-list .entry-line .right-part .suffix-icon{background-image:url(https://static.kookapp.cn/app/static/media/tangtangtang.caeb0af6.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:20px;margin-left:8px}.discover-menu .entry-list .entry-line .right-part .goods-tag{border-width:0;height:16px;padding:0 3px}.discover-menu .entry-list .entry-line .right-part .goods-tag .text{white-space:nowrap}.discover-menu .entry-list .entry-line-active{background:var(--color-top-bg);border-radius:8px}.discover-page{flex-direction:row;width:100%;height:100%;display:flex}.discover-page .discover-menu{z-index:2;flex-grow:0;flex-shrink:0;width:280px;min-width:170px;max-width:280px;height:100%}@media (max-width:1150px){.discover-page .discover-menu{width:170px}}@media (min-width:1920px){.discover-page .discover-menu{width:280px}}@media (min-width:1151px) and (max-width:1919px){.discover-page .discover-menu{width:calc(14.2857vw + 5.71428px)}}@media (max-width:1400px){.discover-page .discover-menu{padding:24px 16px}}.discover-page .discover-content-wrapper{flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:flex-start;align-items:stretch;height:100%;display:flex;position:relative;overflow-x:hidden}.discover-page .discover-content{scrollbar-gutter:stable;width:100%;height:100%}.discover-page.discover-page-activity{background-color:#25272a}.discover-page.discover-page-activity .discover-content{scrollbar-gutter:unset}.discover-page .join-recommend-guild-btn{text-align:center;cursor:pointer;background-color:var(--color-primary);height:60px;box-shadow:var(--box-shadow);z-index:5;border-radius:33px;padding:9px 32px;position:fixed;bottom:36px;right:36px}.discover-page .join-recommend-guild-btn .title{text-align:left;color:#fff;height:22px;margin-bottom:2px;font-size:16px;font-weight:600;line-height:22px}.discover-page .join-recommend-guild-btn .desc{color:rgba(255,255,255,.6);height:18px;font-size:12px;font-weight:400;line-height:18px}.divider{justify-content:center;align-items:center;display:flex}.divider-horizontal{border-top:1px solid var(--color-line)}.divider-vertical{border-left:1px solid var(--color-line)}.connect-video-box{width:70%}.connect-video-box .connect-tips{color:#999;margin-top:12px;font-size:14px}.connect-video-box .jump-video{color:rgba(237,238,240,.7);text-align:right;margin-top:8px;font-size:12px;line-height:12px}.connect-video-box .jump-video-btn{cursor:pointer}.video-intro video{width:100%;display:block}.modal-body.global-search{width:800px;height:590px;color:var(--text-color);border-radius:24px;flex-direction:column;padding:0;display:flex;overflow:hidden}.modal-body.global-search .emoji{object-fit:contain;width:16px;height:16px;margin-top:-2px;display:inline-block}.modal-body.global-search .search-message-list-wrapper{width:100%;position:absolute;top:0;bottom:0;overflow-x:hidden;overflow-y:auto}.modal-body.global-search .tab-header{border-bottom:1px solid var(--color-line);margin-top:11px;margin-bottom:0}.global-search-head{margin-bottom:8px;padding:24px 24px 0}.global-search-loading{height:100%;color:var(--text-tip-color);flex-direction:column;justify-content:center;align-items:center;font-size:14px;display:flex}.global-search-loading .kaihei-loading-spin{margin-bottom:8px}.global-search-filter{background-color:var(--menu-hover);height:22px;color:var(--text-tip-color);border-radius:8px;align-items:center;padding:2px 8px;font-size:12px;display:flex;position:relative}.global-search-filter .tab-header-item-dialog{width:270px;height:276px;box-shadow:var(--box-shadow);z-index:100;border-radius:16px;padding-top:18px;padding-left:16px;padding-right:16px;position:absolute;top:26px;right:-16px}.global-search-filter .tab-header-item-dialog .selector-search-contain .selector-search-option{background-color:transparent;border-radius:0;max-height:200px;padding:0;box-shadow:0 0 transparent}.global-search-filter .search-filter-abbreviation{text-overflow:ellipsis;white-space:nowrap;max-width:86px;color:var(--color-primary);cursor:pointer;margin-left:3px;overflow:hidden}.global-search-input{background-color:var(--color-light-bg);border-radius:16px;height:48px;padding:0 56px 0 48px;position:relative}.global-search-input .search-icon{color:var(--text-tip-color);margin-right:8px;font-size:24px;line-height:48px;position:absolute;left:16px}.global-search-input input{width:100%;height:48px;color:var(--text-color);background-color:transparent;border:none;font-size:14px}.global-search-input input::-webkit-input-placeholder{color:var(--text-tip-color)}.global-search-input input::-ms-input-placeholder{color:var(--text-tip-color)}.global-search-input input::placeholder{color:var(--text-tip-color)}.global-search-input .button-clean{width:24px;height:24px;color:var(--text-tip-color);cursor:pointer;border-radius:4px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.global-search-input .button-clean svg{width:24px;height:24px}.global-search-input .button-clean:hover{color:var(--text-description-color)}.global-search-body{flex-grow:1;position:relative;overflow:hidden}.global-search-panel{height:100%;overflow-y:auto}.global-search-list{padding:8px 16px}.global-search-default-none{height:100%;color:var(--text-tip-color);flex-direction:column;justify-content:center;align-items:center;font-size:14px;display:flex}.global-search-default-none .iconrole-member-search{margin-bottom:8px;font-size:24px}.global-search-more{padding:8px 16px}.global-search-more .iconrole-member-search{color:var(--color-bbb);margin-right:8px;font-size:24px}.global-search-list+.global-search-more{border-top:1px solid var(--border-color)}.global-search-state{height:40px;color:var(--text-tip-color);background-color:var(--color-deep-bg);flex-shrink:0;align-items:center;padding:0 24px;font-size:12px;display:flex}.global-search-state .keyboard-examples{border:1px solid var(--text-tip-color);border-radius:8px;height:18px;padding:0 6px;font-family:SFPro-Regular,SFPro,Helvetica,Arial,"sans-serif";line-height:20px}.global-search-state .keyboard-examples.arrow{line-height:16px}.global-search-state .keyboard-examples+.keyboard-examples{margin-left:4px}.global-search-state .keyboard-description{margin-left:4px;margin-right:32px;font-size:12px}.global-search-nomore{text-align:center;color:var(--text-tip-color);margin-top:24px;font-size:12px}.global-search-item{cursor:pointer;border-radius:6px;align-items:center;min-height:64px;padding:0 8px;display:flex}.global-search-item mark{color:var(--color-warn);background-color:transparent}.global-search-item.active{background-color:var(--menu-hover)}.global-search-item .item-info{flex-grow:1;align-items:center;display:flex;overflow:hidden}.global-search-item .item-icon{background-size:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px;margin-right:12px;position:relative}.global-search-item .item-icon .mention{text-align:center;color:#fff;border:2px solid var(--menu-background);background-color:var(--color-error);border-radius:9px;width:14px;min-width:14px;font-size:12px;line-height:14px;position:absolute;top:-2px;right:-2px}.global-search-item .item-icon .unread{border:2px solid var(--menu-background);background-color:var(--color-error);border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}.global-search-item .kaihei-guild-icon{margin-right:12px}.global-search-item .item-description{max-width:140px;color:var(--text-tip-color);flex-shrink:0;font-size:14px}.global-search-item .channel-parent-name,.global-search-item .item-description,.global-search-item .title,.global-search-item .username{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.global-search-item .username,.global-search-item .title{max-width:160px}.global-search-item .username{color:var(--text-tip-color)}.global-search-item .identify{color:var(--text-tip-color);flex-shrink:0}.global-search-item .kaihei-guild-icon,.global-search-item .user-tag{flex-shrink:0}.global-search-item .is-firend,.global-search-item .has-draft{color:var(--color-error);flex-shrink:0;font-size:12px}.global-search-item .is-firend{color:var(--color-success)}.global-search-item .has-draft{color:var(--color-error);margin-left:4px}.global-search-item .channel-parent-name{max-width:120px;color:var(--text-tip-color);margin-left:4px;font-size:12px}.global-search-item .channel-type-icon{text-align:center;color:#fff;border-radius:50%;width:40px;height:40px;font-size:22px;line-height:40px;display:inline-block}.global-search-item .channel-type-icon.iconhome_ic_voice{background-color:var(--color-success)}.global-search-item .channel-type-icon.iconhome_ic_symbol{background-color:var(--color-primary)}.global-search-filter-panel{background-color:var(--color-grey-bg);width:270px;height:100%;box-shadow:inset 1px 0 0 var(--menu-hover);font-size:14px;position:absolute;top:0;right:0}.global-search-filter-panel input{background-color:transparent}.global-search-filter-panel .panel-close{width:24px;height:24px;color:var(--text-description-color);cursor:pointer;border-radius:4px;font-size:24px;font-weight:400;line-height:24px;position:absolute;top:16px;right:8px}.global-search-filter-panel .panel-close:hover{background-color:var(--menu-hover);color:var(--text-color)}.global-search-filter-panel .panel-close:active{background-color:var(--menu-active);color:var(--text-color)}.global-search-filter-panel .panel-title{padding:16px 16px 0;font-size:16px;font-weight:600;line-height:20px}.global-search-filter-panel .panel-body{padding:0 16px}.global-search-filter-panel .filter-group .title{margin-top:20px;margin-bottom:12px;font-weight:600}.global-search-filter-panel .filter-group .filter-item{margin-bottom:8px}.global-search-filter-panel .form-item-radio{align-items:center;margin-bottom:8px;display:flex}.global-search-filter-panel .form-item-radio .kaihei-radio{margin-right:8px}.global-search-filter-panel .selector-search-select{padding-top:6px;padding-bottom:6px}.global-search-filter-panel .selector-search-select .search-input{background-color:transparent}.global-search-filter-panel .selector-search-option{max-height:224px}.new-search-message-list-wrapper .kook-scroll-vertical-root{height:100%}.new-search-message-list-image{justify-content:flex-start}.new-search-message-list-image .search-message-item-image{margin-right:4px}.new-search-message-list-image .search-message-item-image:nth-child(3n){margin-right:0}.new-file-search-message-list-wrapper .kook-scroll-vertical-root{height:100%}.private-message-container{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}@media (max-width:1200px){.private-message-container{flex:1.22 732px}}.private-message-title .user-tag{align-self:center}.private-message-title .username{white-space:nowrap;text-overflow:ellipsis;align-self:center;overflow:hidden}.private-message-title .user-status{color:var(--text-tip-color);word-break:keep-all;white-space:nowrap;margin-left:4px;font-size:14px}.private-message-title .not-friend-tip{margin-left:10px;margin-right:20px}.private-message-title .emoji{height:16px;margin-top:-2px;display:inline-block}.private-message-main,.private-message-main-left{flex:1;display:flex;position:relative;overflow:hidden}.private-message-main-right{border-left:1px solid var(--border-color-light);background-color:var(--background-primary);border-radius:0 0 6px;flex:0 0 420px}.robot-friendship-button{cursor:pointer;background-size:cover;border-radius:50%;width:32px;height:32px;margin-right:16px;position:relative}.robot-friendship-button .robot-image-unread{border-color:var(--background-primary);background-color:#ea4335;border-style:solid;border-width:2px;border-radius:50%;width:10px;height:10px;transition:all .2s;position:absolute;top:-2px;right:-2px}.robot-friendship-panle{width:240px;height:100%;color:var(--text-color);padding:16px;position:relative;overflow-y:auto}.robot-friendship-panle .robot-image{border-radius:8px;width:100%;display:block}.robot-friendship-panle .robot-friendship-left{flex-direction:column;display:flex}.robot-friendship-panle .robot-public-information{letter-spacing:1px;flex-grow:1;margin-bottom:40px;line-height:24px}.robot-friendship-panle .robot-public-information .information-title{margin-top:32px;margin-bottom:16px;font-size:18px;font-weight:700}.robot-friendship-panle .robot-public-information .information-content{white-space:pre-wrap;line-height:20px}.robot-friendship-panle .robot-friendship-level{flex-shrink:0;align-items:center;font-size:14px;display:flex}.robot-friendship-panle .button-collapse{position:absolute;bottom:8px;right:8px}#action-prop-container{pointer-events:none;width:100%;max-width:2130px;height:100%;position:absolute;top:0;left:0}#action-prop-container>div{min-width:428px;max-width:1060px;min-height:340px;max-height:844px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.action-prop-img{width:100%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.meme-item-container{width:100%;height:100%;line-height:0;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.kook-img-error-bg{background-color:var(--color-top-bg);width:160px!important;height:160px!important}.mix-card-error-tips{align-items:center;max-width:100%;margin-right:8px;display:inline-flex}.mix-card-error-tips .error-message{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mix-card-error-tips .error-actions{align-items:center;display:flex}.url-parse-container>div:nth-child(n+2){margin-top:4px}.url-parse-container .card-message-preview{padding-bottom:0}.url-parse-container .card-message-preview .kui-card.size-lg{min-width:320px}.bilibili-video-wrap{width:515px;height:360px;position:relative;overflow:hidden}.bilibili-video-wrap iframe{width:515px;height:450px;position:relative;top:-50px}.url-parse-bili-video{position:relative}.url-parse-bili-video .shade{cursor:pointer;z-index:1;width:220px;height:140px;position:absolute;top:0;left:0}.url-parse-bili-video .url-parse-bili-video-iframe-box{width:0;height:0;display:inline-block;position:absolute;top:0;overflow:hidden}.url-parse-bili-video .url-parse-bili-video-iframe-box.playing{width:515px;height:360px;position:relative}.url-parse-bili-video iframe{width:515px;height:450px;position:relative;top:-50px}.bili-video-preview{border-radius:4px;width:240px;padding:10px;position:relative}.theme-light .bili-video-preview{background-color:#f0f0f0}.theme-dark .bili-video-preview{background-color:#1d2229}.bili-video-preview-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;font-size:14px;line-height:20px;overflow:hidden}.bili-video-preview-poster{cursor:pointer;background-size:cover;height:138px;position:relative}.bili-video-preview-play{background-image:url(https://static.kookapp.cn/app/static/media/video-play.b62227e8.svg);width:40px;height:40px;margin-top:-20px;margin-left:-20px;position:absolute;top:50%;left:50%}.bili-video-preview-duration{color:#fff;background-color:rgba(0,0,0,.7);border-radius:4px;padding:0 10px;font-size:12px;line-height:20px;position:absolute;bottom:10px;left:10px}.text-message-item .url-parse-website.card-message-preview{padding-bottom:0}.url-parse-website .website-info-left{flex-direction:column;flex-grow:1;display:flex}.url-parse-website .website-title{color:var(--color-link)}.url-parse-website .website-site-name{margin-bottom:12px;font-size:12px;line-height:18px}.url-parse-website .website-description{text-overflow:ellipsis;-webkit-line-clamp:3;word-break:break-all;-webkit-box-orient:vertical;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.url-parse-website .website-logo{background-position:50%;background-size:cover;border-radius:4px;flex-shrink:0;width:70px;height:70px;margin-left:16px}.url-parse-item,.url-parse-item .inline-block{max-width:100%;position:relative}.url-parse-item .clean-btn{width:24px;height:24px;color:var(--secondary-color);cursor:pointer;justify-content:center;align-items:center;font-size:24px;display:none;position:absolute;top:0;left:100%}.url-parse-item .clean-btn:hover{color:var(--main-color)}.url-parse-item:hover .clean-btn{display:flex}.font-size-12-import{font-size:12px}.remind-img{border-radius:4px;width:18px;height:18px;margin:0 4px;display:inline-block}.theme-light .hljs{color:#383a42;background:#fafafa;padding:.5em;display:block;overflow-x:auto}.theme-light .hljs-comment,.theme-light .hljs-quote{color:#a0a1a7;font-style:italic}.theme-light .hljs-doctag,.theme-light .hljs-keyword,.theme-light .hljs-formula{color:#9636b3}.theme-light .hljs-section,.theme-light .hljs-name,.theme-light .hljs-selector-tag,.theme-light .hljs-deletion,.theme-light .hljs-subst{color:#e45649}.theme-light .hljs-literal{color:#0184bb}.theme-light .hljs-string,.theme-light .hljs-regexp,.theme-light .hljs-addition,.theme-light .hljs-attribute,.theme-light .hljs-meta-string{color:#50a14f}.theme-light .hljs-built_in,.theme-light .hljs-class .hljs-title{color:#c18401}.theme-light .hljs-attr,.theme-light .hljs-variable,.theme-light .hljs-template-variable,.theme-light .hljs-type,.theme-light .hljs-selector-class,.theme-light .hljs-selector-attr,.theme-light .hljs-selector-pseudo,.theme-light .hljs-number{color:#986801}.theme-light .hljs-symbol,.theme-light .hljs-bullet,.theme-light .hljs-link,.theme-light .hljs-meta,.theme-light .hljs-selector-id,.theme-light .hljs-title{color:#4078f2}.theme-light .hljs-emphasis{font-style:italic}.theme-light .hljs-strong{font-weight:700}.theme-light .hljs-link{text-decoration:underline}.theme-dark .hljs{color:#abb2bf;background:#282c34;padding:.5em;display:block;overflow-x:auto}.theme-dark .hljs-comment,.theme-dark .hljs-quote{color:#5c6370;font-style:italic}.theme-dark .hljs-doctag,.theme-dark .hljs-keyword,.theme-dark .hljs-formula{color:#c678dd}.theme-dark .hljs-section,.theme-dark .hljs-name,.theme-dark .hljs-selector-tag,.theme-dark .hljs-deletion,.theme-dark .hljs-subst{color:#e06c75}.theme-dark .hljs-literal{color:#56b6c2}.theme-dark .hljs-string,.theme-dark .hljs-regexp,.theme-dark .hljs-addition,.theme-dark .hljs-attribute,.theme-dark .hljs-meta-string{color:#98c379}.theme-dark .hljs-built_in,.theme-dark .hljs-class .hljs-title{color:#e6c07b}.theme-dark .hljs-attr,.theme-dark .hljs-variable,.theme-dark .hljs-template-variable,.theme-dark .hljs-type,.theme-dark .hljs-selector-class,.theme-dark .hljs-selector-attr,.theme-dark .hljs-selector-pseudo,.theme-dark .hljs-number{color:#d19a66}.theme-dark .hljs-symbol,.theme-dark .hljs-bullet,.theme-dark .hljs-link,.theme-dark .hljs-meta,.theme-dark .hljs-selector-id,.theme-dark .hljs-title{color:#61aeee}.theme-dark .hljs-emphasis{font-style:italic}.theme-dark .hljs-strong{font-weight:700}.theme-dark .hljs-link{text-decoration:underline}.markdown-parse-page{background-color:var(--menu-background);height:100%;color:var(--text-color);padding:20px;line-height:1.5;display:flex}.markdown-parse-page .markdown-text,.markdown-parse-page .markdown-preview{flex:1;margin-right:20px}.markdown-parse-page .markdown-text textarea{color:var(--text-color);background-color:transparent;width:100%;height:100%;padding:10px}.markdown-parse-page .markdown-preview{padding:10px;overflow-y:auto}.markdown-preview{color:var(--text-color);white-space:pre-wrap;-moz-tab-size:2;tab-size:2;line-height:22px}.markdown-preview div,.markdown-preview span,.markdown-preview code,.markdown-preview p{word-break:break-all}.markdown-preview.only-emoji img.emoji{border-radius:6px;height:50px}.markdown-preview.only-emoji img.emoji.custom{object-fit:contain;width:auto;max-width:400px;height:auto;max-height:300px}.markdown-preview.system{color:var(--text-tip-color);font-size:14px}.markdown-preview blockquote{padding:0 11px;position:relative}.markdown-preview blockquote:before{content:"";background-color:var(--color-bbb);border-radius:2px;width:3px;height:100%;position:absolute;left:0}.markdown-preview code{white-space:pre-wrap;background-color:var(--color-ede);border:1px solid var(--color-bbb);border-radius:6px;padding:0 6px;font-size:14px;line-height:20px}.markdown-preview code.line{color:#9636b3;width:auto;height:auto;margin:0;display:inline-block}.theme-dark .markdown-preview code.line{color:#c678dd}.markdown-preview .hlcode{max-width:90%;margin-top:6px;position:relative}.markdown-preview .hlcode code{padding:4px 8px 24px;font-family:Monaco,Consolas,Ubuntu Mono,PingFang SC,Microsoft YaHei,monospace;line-height:1.5;display:block}.markdown-preview .hlcode .code-copy-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-tip-color);position:absolute;bottom:4px;right:8px}.markdown-preview .hlcode .code-copy-button:hover{color:var(--text-description-color)}.markdown-preview hr{background-clip:content-box;background-color:var(--text-description-color);border-style:none;border-width:medium medium 0;border-top-color:currentColor;border-left-color:currentColor;border-right-color:currentColor;height:25px;margin:0;padding:12px 0}.markdown-preview em{font-style:italic}.markdown-preview del{-webkit-text-decoration:line-through var(--text-color);text-decoration:line-through var(--text-color)}.markdown-preview ins{-webkit-text-decoration:underline var(--text-color);text-decoration:underline var(--text-color)}.markdown-preview .emoji{object-fit:contain;vertical-align:sub;min-width:20px;height:20px;display:inline-block}.markdown-preview .spoiler{background-color:var(--color-e5e);border-radius:4px;margin-left:1px;margin-right:1px;padding:0 4px}.markdown-preview .spoiler.hide{cursor:pointer;background-color:var(--color-bbb);background-image:url(https://static.kookapp.cn/app/static/media/markdown_spoiler.fb4a133c.png)}.theme-dark .markdown-preview .spoiler.hide{background-image:url(https://static.kookapp.cn/app/static/media/markdown_spoiler_dark.71f9bca8.png)}.markdown-preview .spoiler.hide:hover{opacity:.8}.markdown-preview .spoiler.hide>span{opacity:0}.markdown-preview .spoiler .event-none{pointer-events:none}.markdown-preview .text-link{word-break:break-word;color:var(--color-link)}.markdown-preview .text-link:visited{color:var(--color-link)}.markdown-preview .kmd-font{color:var(--text-color)}.markdown-preview .kmd-font.primary{color:var(--color-primary)}.markdown-preview .kmd-font.success{color:var(--color-success)}.markdown-preview .kmd-font.danger{color:var(--color-error)}.markdown-preview .kmd-font.warning{color:var(--color-warn)}.markdown-preview .kmd-font.info{color:var(--color-link)}.markdown-preview .kmd-font.secondary{color:var(--text-description-color)}.markdown-preview .kmd-font.body{color:var(--text-color)}.markdown-preview .kmd-font.tips{color:var(--text-tip-color)}.markdown-preview .kmd-font.pink{color:var(--color-pink)}.markdown-preview .kmd-font.purple{color:var(--color-purple)}.markdown-preview.line{white-space:nowrap;text-overflow:ellipsis;line-height:22px;overflow:hidden}.markdown-preview.line code{white-space:nowrap;font-size:12px}.markdown-preview.line .spoiler.hide:hover{opacity:1}.markdown-preview.line blockquote{display:inline}.markdown-preview.line blockquote:before{line-height:16px;top:50%;transform:translateY(-50%)}.drag-upload-mask{z-index:10000;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.drag-upload-mask>*{pointer-events:none}.drag-upload-mask.expand-editor{padding:12px 24px}.drag-upload-mask.expand-editor .drag-upload-sendctrl{flex:1}.drag-upload-mask .drag-upload-sendctrl,.drag-upload-mask .drag-upload-message{color:#7acc35;background:rgba(122,204,53,.2);border:1px dashed #7acc35;border-radius:16px;justify-content:center;align-items:center;width:100%;font-size:16px;display:flex}.drag-upload-mask .drag-upload-message{margin-bottom:8px;padding:8px 8px 0}.text-room-tip-list{min-height:28px;position:relative}.text-room-tip-list.hide{display:none}.text-room-tip-list .global-tips:last-child{display:block}.text-room-container{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;bottom:0}.text-room-container .text-message-container{flex:1;position:relative;overflow:hidden}.text-room-container .text-message-container .text-message-box{width:100%;height:100%;padding:0;overflow-x:hidden;overflow-y:scroll}.msg-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-repeat:no-repeat;background-size:100%;width:16px;height:16px}.text-message-item{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:var(--main-color);margin-top:17px;margin-left:16px;margin-right:16px;position:relative}.text-message-item.showMenuButtons .message-context-menu-button{display:flex}.text-message-item .message-wraper{border-radius:16px;padding-top:2px;padding-bottom:2px;padding-left:60px;position:relative}.text-message-item .message-wraper.pl0{padding-left:0}.text-message-item .message-wraper .msg-icon{position:absolute;top:5px;left:20px}.text-message-item .message-wraper .message-small-time{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px;color:var(--text-tip-color);line-height:24px;display:none;position:absolute;top:0;left:12px}.text-message-item .message-wraper.active{background-color:var(--color-line)}.text-message-item .message-wraper.active .message-small-time{display:block}.text-message-item .message-wraper.theme-mention-me-content{border-color:var(--color-warn);background-color:rgba(255,153,0,.05)}.text-message-item .message-wraper.theme-mention-me-content.active{background-color:var(--mention-message-bg)}.text-message-item.editing .message-wraper .message-context-menu-button{display:none}.text-message-item.is-group{margin-top:0}.text-message-item.highlightmsg .message-wraper{animation:3s .3s highlightmsg}.text-message-item .mention-list{z-index:10}.text-message-item .message-user-head{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(187,190,196,.2);border-radius:50%;width:40px;height:40px;position:absolute;top:2px;left:8px}.text-message-item .message-right{padding-left:0}.text-message-item .message-right .infos .user-name-info{align-items:center;line-height:20px;display:inline-flex}.text-message-item .message-right .infos .user-status{color:var(--text-tip-color);word-break:keep-all;white-space:nowrap;margin-left:4px;font-size:12px}.text-message-item .message-right .infos .tag{vertical-align:bottom}.text-message-item .message-right .content{overflow-wrap:break-word;white-space:pre-wrap;word-wrap:break-word;font-weight:400}.text-message-item .message-right .content.flexCenter{flex-wrap:wrap;align-items:center;display:flex}.text-message-item .message-right .content.image-type-content .err-btn{color:#46a5f7;margin-left:20px;font-size:14px;font-weight:700}.text-message-item .message-right .content.image-type-content img{border-radius:4px;display:inline-block}.text-message-item .message-right .content .text-link{color:var(--color-link)}.text-message-item .message-right .content .text-link:hover{text-decoration:underline}.text-message-item .username{word-break:break-word;font-size:16px;font-weight:700}.text-message-item .username.pointer{cursor:pointer}.text-message-item .username .emoji{height:14px;margin-top:-3px;display:inline-block}.text-message-item .username .text-gradient{word-break:break-all}.text-message-item .msg-time{white-space:nowrap;color:var(--text-tip-color);margin-left:5px;font-size:12px}.text-message-item.send-error .content-html{color:var(--color-error)}.send-error-tips{border-radius:var(--button-radius);background-color:var(--color-line);color:var(--text-tip-color);margin-top:8px;padding:6px 8px;font-size:12px}.send-error-tips a{margin-left:12px}@keyframes highlightmsg{0%{background-color:rgba(122,204,53,.1)}40%{background-color:rgba(122,204,53,.1)}to{background-color:transparent}}.notify-message-item{padding:10px 0}.notify-message-item.pb-10{border-bottom:none;padding-bottom:10px}.message-oneline{color:var(--text-tip-color);padding-left:60px;padding-right:20px;font-size:14px;line-height:20px;position:relative}.message-oneline .is-block,.message-oneline .msg-invite-voice{color:var(--text-tip-color);font-size:14px}.message-oneline.uncollapsed{padding-bottom:20px}.message-oneline .username{font-size:14px}.message-oneline .iconfont,.message-oneline .icon,.message-oneline .kookiconfont{color:var(--text-tip-color);font-size:16px;line-height:16px;position:absolute;top:11px;left:20px;transform:translateY(-50%)}.message-oneline .icon-block{background-image:url(https://static.kookapp.cn/app/static/media/blocked.eeb43a36.svg);background-repeat:no-repeat;background-size:100%;width:16px;height:16px}.theme-dark .message-oneline .icon-block{background-image:url(https://static.kookapp.cn/app/static/media/blocked-dark.e1007a45.svg)}.message-oneline .msg-time{margin-left:5px}.message-oneline .emoji{width:16px;height:16px;margin-top:-2px;display:inline-block}.welcome-message .iconfont{color:var(--color-primary)}.empty-channel{margin-top:56px;padding:0 16px}.empty-channel .inner{width:410px;margin:0 auto}.empty-channel .inner .title{text-align:center;margin-bottom:18px;font-size:28px;line-height:40px}.empty-channel .inner .guide-group{background-color:var(--color-top-bg);width:419px;color:var(--text-description-color);border-radius:16px;align-items:center;margin-bottom:8px;padding:16px 0 16px 24px;font-size:14px;line-height:18px;display:flex;position:relative}.empty-channel .inner .guide-group .icon{background-size:100%;width:52px;height:52px;margin-right:6px}.empty-channel .inner .guide-group .guide-desc{width:220px}.empty-channel .inner .guide-group .guide-btn{flex:1;justify-content:center;align-items:center;display:flex}.empty-channel .icon-inviteFriend{background-image:url(https://static.kookapp.cn/app/static/media/home_welcome_invite.584b945f.png)}.empty-channel .icon-download-mobile{background-image:url(https://static.kookapp.cn/app/static/media/home_welcom_download_app.f9fc0d67.png)}.empty-channel .icon-downloadPc{background-image:url(https://static.kookapp.cn/app/static/media/home_welcom_download_pc.dd7ee4d2.png)}.empty-channel .icon-contactUs{background-image:url(https://static.kookapp.cn/app/static/media/home_welcome_ticket.ff6a1f9a.png)}.text-message-channel-header{border-bottom-style:solid;border-bottom-width:1px;border-color:var(--color-line);min-height:50px;margin:0 24px 20px;position:relative;overflow:hidden}.text-message-channel-header .welcome-tip{margin-top:16px;padding-bottom:12px;font-size:16px;line-height:22px}.text-message-channel-header .welcome-tip .emoji{height:16px;display:inline-block}.text-message-channel-header .welcome-tip .line-through{text-decoration:line-through}.message-textarea{resize:none;background-color:transparent;border:0;outline:none;width:100%;min-height:24px;max-height:120px;line-height:24px;display:block}.message-textarea::-webkit-input-placeholder{color:rgba(0,0,0,.3)}.message-textarea::-webkit-scrollbar{background-color:transparent;border-radius:10px}.message-textarea::-webkit-scrollbar-thumb{background-color:#c2c2c2;border:3px solid #f9fafb;border-radius:10px}.text-room-message-loading,.message-hasmore,.text-room-container .message-hasmore{padding:20px 0}.loading-room{background-image:url(https://static.kookapp.cn/app/static/media/skeleton-message.a9338408.svg);background-repeat:repeat-y;flex:1;justify-content:center;align-items:center;display:flex}.loading-room.audio-channel{background-image:url(https://static.kookapp.cn/app/static/media/audio-room-loading.d9be7d19.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;top:16px;bottom:16px;left:16px;right:16px}.loading-room .room-loading-spin{text-align:center;width:60px;height:60px;font-size:40px;line-height:60px;animation:1.3s linear infinite rotate}.invite-message-box-loading{width:420px;height:108px}.invite-message-container{margin-bottom:4px;padding:4px 0}.invite-message-container:last-of-type{margin-bottom:0}.my-upload-image{vertical-align:bottom;display:inline-block;position:relative}.my-upload-image .preview-img-mask{position:absolute;top:0;bottom:0;left:0;right:0}.my-upload-image .preview-img-mask.mask1{background-color:rgba(0,0,0,.3);transition:all .5s}.my-upload-image .preview-img-mask.mask2{background-color:rgba(0,0,0,.4);transition:all .5s}.my-upload-image .preview-img-mask.mask3{background-color:rgba(0,0,0,.7);transition:all .5s}.my-upload-image .progress-tips{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.message-context-menu-button{text-align:center;height:32px;box-shadow:var(--box-shadow);z-index:3;background-color:var(--menu-background);border-radius:12px;display:none;position:absolute;top:-16px;right:0;overflow:hidden}.theme-menu-blur .message-context-menu-button{background-color:transparent}.theme-menu-blur .message-context-menu-button:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.message-context-menu-button .menu-button{width:24px;height:24px;color:var(--text-tip-color);justify-content:center;align-items:center;padding:4px;font-size:24px;display:inline-flex}.message-context-menu-button .menu-button:hover:not(.disabled){background-color:var(--menu-hover)}.message-context-menu-button .menu-button:active:not(.disabled),.message-context-menu-button .menu-button.active:not(.disabled){color:var(--main-color);background-color:var(--menu-active)}.message-context-menu-button .menu-button.disabled{color:var(--text-tip-color);cursor:not-allowed}.user-setting-menu-wrapper.pointerMenu{margin-left:-180px}.user-setting-menu-wrapper.message-contex .has-sub-menu{justify-content:space-between;display:flex}.user-setting-menu-wrapper.message-contex .feedback-icon{height:20px}.user-setting-menu-wrapper.message-contex .setting-item.disabled,.user-setting-menu-wrapper.message-contex .setting-item.disabled:hover,.user-setting-menu-wrapper.message-contex .setting-item.disabled:active{cursor:not-allowed;background-color:transparent}.user-setting-menu-wrapper.message-contex .setting-item.emoji-list-four{cursor:default;height:auto;padding:8px 12px;display:flex}.user-setting-menu-wrapper.message-contex .setting-item.emoji-list-four .emoji-wrapper{cursor:pointer;margin-right:12px;display:inline-block}.user-setting-menu-wrapper.message-contex .setting-item.emoji-list-four .emoji{object-fit:contain;width:24px;height:24px}.user-setting-menu-wrapper .edit-message-menu-item{align-items:center;display:flex}.chuanyu-modal-container .modal-body.dialog-confirm.remove-message-dialog-confirm .dialog-confirm-message{width:auto;max-height:500px;margin-bottom:0;overflow:auto}.remove-message-box{padding-bottom:16px;position:relative;overflow:hidden}.remove-message-box .message-message-profile{background-color:var(--color-line)}.remove-message-box .msg-icon{position:absolute;top:22px;left:30px}.remove-message-box .message-content{color:var(--main-color);line-height:1.5}.remove-message-box .remove-message-content .emoji.custom{max-width:100px;max-height:100px}.remove-message-box .user-avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:40px;height:40px;position:absolute;top:16px;left:16px}.remove-message-box .user-name{word-break:break-all;margin-right:6px;line-height:20px}.remove-message-box .user-name .emoji{height:14px;display:inline-block}.remove-message-box .message-time{white-space:nowrap;color:var(--text-tip-color);font-size:12px;line-height:18px}.remove-message-box .message-content{word-break:break-all;white-space:pre-wrap;font-size:16px;line-height:22px}.remove-message-box .message-content .text-link{color:var(--color-link)}.remove-message-box .message-content img.emoji{vertical-align:bottom;height:18px;padding:1px;display:inline-block}.remove-message-tip{color:var(--text-color);margin-bottom:8px;font-size:14px;line-height:20px}.remove-message-tip .emoji{height:14px;display:inline-block}.message-message-profile{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:12px;padding:16px 16px 16px 64px;font-size:14px;position:relative}.message-message-profile.pl16{padding-left:16px}.message-message-profile .dialog-confirm-image{margin-top:8px}.preview-image-mask{z-index:999;background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.preview-image-mask .preview-image-mask-content{animation-duration:.3s}.preview-image-mask .preview-image-mask-content .image-loading-spin-wrapper{background-color:#383b40}.preview-image-mask .img-box{max-width:800px;max-height:550px;margin-bottom:5px}.preview-image-mask .show-origin{color:#fff;font-size:15px}.image-loading-spin-wrapper{background-color:var(--color-top-bg);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.image-loading-spin-wrapper .image-loading-ico{color:#fff;font-size:24px;animation:1s linear infinite rotate}.unread-tips-box{z-index:2;width:calc(100% - 24px);margin-left:12px;position:absolute}.unread-tips{color:#fff;background-color:#66c;border-radius:0 0 8px 8px;justify-content:space-between;width:calc(100% - 8px);height:28px;margin:0 auto;padding:0 20px;font-size:12px;font-weight:700;line-height:28px;display:flex}.unread-tips .unread-number{cursor:pointer;flex-grow:1}.unread-tips:hover{background-color:var(--color-primary-hover)}.unread-tips:active{background-color:var(--color-primary-active)}.new-message-tips{color:var(--color-primary);align-items:center;height:18px;margin:24px;padding:0;display:flex}.new-message-tips.timer-tips{position:relative}.new-message-tips.timer-tips .left-timer{height:16px;color:var(--color-primary);background-size:100%;align-items:center;padding-right:4px;font-size:14px;line-height:16px;display:flex}.new-message-tips .line{background-color:var(--color-primary);flex:1;height:1px}.new-message-tips .text{margin:0 8px;font-size:14px}.content-html.PENDING{opacity:.5}.content-html.SEND_ERROR{color:var(--color-error)}.content-html img.emoji{object-fit:contain;vertical-align:bottom;min-width:20px;height:20px;padding:2px 0;display:inline-block}.content-html img.emoji.only{border-radius:6px;margin:2px 0}.content-html .emoji-wrapper{vertical-align:bottom;padding:2px 0;display:inline-block}.content-html .emoji-wrapper img.emoji{padding:0}.content-html.only-emoji img.emoji{border-radius:6px;height:50px}.content-html.only-emoji img.emoji.custom{object-fit:contain;width:auto;max-width:400px;height:auto;max-height:300px}.content-html blockquote{max-width:700px;min-height:24px;padding:6px 10px;position:relative}.content-html blockquote:before{content:"";background-color:var(--color-bbb);border-radius:2px;width:3px;height:100%;position:absolute;left:0}.content-html p{min-height:24px}.mention-user-name{cursor:pointer;color:var(--color-link);border-radius:4px}.mention-user-name.mention-me{background-color:var(--color-warn);color:#fff;padding-left:4px;padding-right:4px}.mention-channel-name{cursor:pointer;white-space:nowrap;color:var(--color-link)}.mention-channel-name:hover{text-decoration:underline}.shadow-wrap{width:100%;height:0;overflow:hidden}.shadow{overflow-wrap:break-word;white-space:pre-wrap;line-height:24px}.show-all-stick{margin-left:5px;margin-right:15px}.private-message-header{border-bottom-width:1px;border-color:var(--color-line);border-bottom-style:solid;margin-bottom:20px;padding:20px 16px 20px 24px}.private-message-header .emoji{width:16px;display:inline-block}.private-message-header .kook-avatar{width:80px;height:80px}.private-message-header .user-name{font-size:36px;line-height:54px}.private-message-header .user-name .emoji{width:36px;margin-top:-7px}.user-blocked-tip{padding:12px 24px}.user-blocked-tip.disabled{opacity:.5}.notify-tip-message-item{justify-content:center;align-items:center;margin:24px;font-size:12px;line-height:18px;display:flex}.notify-tip-message-item .line{background-color:var(--color-line);flex:1;height:1px}.notify-tip-message-item .text{color:var(--text-tip-color);margin-right:8px}.mention-custom-emoji{box-shadow:var(--box-shadow);z-index:10;background-color:var(--menu-background);border-radius:16px;padding:8px 24px;position:absolute;left:0;right:0;overflow:hidden}.theme-menu-blur .mention-custom-emoji{background-color:transparent}.theme-menu-blur .mention-custom-emoji:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.mention-custom-emoji.show-next-btn{padding-right:32px}.mention-custom-emoji .mention-custom-emoji-title{color:var(--text-tip-color);padding:4px 0 12px;font-size:12px}.mention-custom-emoji .next-btn{width:32px;height:100%;color:var(--text-tip-color);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.mention-custom-emoji .next-btn:hover{background-color:var(--menu-hover)}.mention-custom-emoji .mention-custom-emoji-list{white-space:nowrap;overflow:auto}.mention-custom-emoji .mention-custom-emoji-item{border-radius:4px;width:100px;margin-right:12px;display:inline-block}.mention-custom-emoji .mention-custom-emoji-item .custom-emoji-img{text-align:center;border-radius:12px;width:100px;height:100px;line-height:100px}.mention-custom-emoji .mention-custom-emoji-item .custom-emoji-img:hover{cursor:pointer}.mention-custom-emoji .mention-custom-emoji-item .custom-emoji-name{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;color:var(--text-color);margin-top:4px;font-size:12px;line-height:18px;overflow:hidden}.mention-custom-emoji .mention-custom-emoji-item:hover .custom-emoji-img{background-color:var(--menu-hover)}.mention-custom-emoji .mention-custom-emoji-item:active .custom-emoji-img,.mention-custom-emoji .mention-custom-emoji-item.selected .custom-emoji-img{background-color:var(--menu-active)}.mention-custom-emoji .mention-custom-emoji-item img{object-fit:contain;max-width:100px;height:100px;display:block}.image-link>img{border-radius:6px;display:block}.bot-tip{text-align:center;color:#fff;box-sizing:border-box;background-color:#505a9b;border-radius:4px;height:20px;margin-left:4px;padding-left:3px;padding-right:3px;font-size:12px;font-weight:300;line-height:20px}.scroll-bottom-tips{text-align:center;color:#fff;z-index:0;background-color:#9299ad;border-radius:6px 6px 0 0;justify-content:space-between;width:100%;height:30px;margin-bottom:-4px;padding:0 20px 0 14px;font-size:12px;font-weight:700;line-height:28px;display:flex;position:absolute;bottom:100%}.theme-dark .scroll-bottom-tips{color:#e6eaf0;background-color:#4b4f57}.scrollerSpacer{pointer-events:none;flex:none;width:1px;height:30px;display:block}.edit-send-ctrl{max-height:calc(100vh - 100px);padding-top:10px}.edit-send-ctrl .bottom-tips{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px}.mention-user-group{padding:4px 0}.mention-user-group:not(:last-child){border-bottom:1px solid var(--color-line)}.mention-user-group:empty{display:none}.mention-user-list{padding:4px 0}.mention-user-list.has-kw:empty:after{content:"未搜索到任何用户";text-align:left;color:var(--text-tip-color);padding:11px 8px;font-size:12px;line-height:18px;display:block}.updated-spin{vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:4px}.reaction-item{box-sizing:border-box;background-color:var(--color-top-bg);border:1px solid transparent;border-radius:6px;align-items:center;height:24px;margin-bottom:2px;margin-right:4px;padding:3px 6px;display:inline-flex}.reaction-item:hover{border-color:var(--color-primary)}.reaction-item.active{background-color:var(--color-primary-bg)}.reaction-item.active .reaction-count{color:var(--color-primary)}.reaction-item .reaction-emoji{width:18px;height:18px;overflow:hidden}.reaction-item .reaction-emoji img{object-fit:cover;width:18px;height:18px;display:block}.reaction-item .reaction-count{margin-left:6px;font-size:14px;line-height:18px;overflow:hidden}.reaction-list{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-wrap:wrap;margin-top:4px;display:inline-flex}.reaction-list .add-reaction{visibility:hidden;color:var(--text-description-color);background-color:transparent;padding:0;font-size:20px}.reaction-list .add-reaction:hover{color:var(--color-primary);border-color:transparent}.reaction-list:hover .add-reaction{visibility:visible}.reaction-count-number{text-align:left;line-height:18px;position:relative;overflow:hidden}.reaction-count-number .reaction-count-ghost{color:transparent}.reaction-count-number .reaction-count-list{position:absolute;top:-18px;left:0}.send-ctrl-quote-box{box-shadow:var(--box-shadow);background-color:var(--menu-background);border-radius:8px;max-width:100%;padding:7px 16px;font-size:12px;line-height:18px;position:absolute;bottom:calc(100% + 8px)}.theme-menu-blur .send-ctrl-quote-box{background-color:transparent}.theme-menu-blur .send-ctrl-quote-box:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.send-ctrl-quote-box .box-close-button{position:absolute;top:-7px;right:-7px}.send-ctrl-quote-box .quote-message{background-color:initial;margin-top:0;padding-left:0;padding-right:0}.sizeable-image-wrapper{padding-top:100%;position:relative}.sizeable-image-wrapper .sizeable-image{border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0}.sizeable-image-wrapper .sizeable-image img,.sizeable-image-wrapper .sizeable-image video{width:100%;height:100%}.sizeable-image-wrapper .image-loading-spin-wrapper{width:100%;max-width:100%;height:100%;position:absolute;top:0;left:0}.sizeable-image-wrapper.small .video-file-size .size-text{width:100%}.flex-image-wrapper{display:flex}.flex-image-wrapper .flex-image-left{flex:1}.flex-image-wrapper .flex-right{width:35%;min-width:120px}.screenshot-btn-tip{max-width:190px}.room-fixed-top-buttons{z-index:5;position:absolute;top:36px;right:24px}.room-fixed-top-buttons>.btn-item{color:var(--color-primary);box-shadow:var(--box-shadow);background-color:var(--menu-background);border-radius:16px;margin-left:auto;padding:7px 16px;font-size:12px;line-height:18px;display:block;position:relative}.theme-menu-blur .room-fixed-top-buttons>.btn-item{background-color:transparent}.theme-menu-blur .room-fixed-top-buttons>.btn-item:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.room-fixed-top-buttons>.btn-item:not(:last-child){margin-bottom:8px}.room-fixed-top-buttons .split-line{background-color:var(--color-primary);width:1px;height:16px;margin-left:8px;margin-right:8px}.room-fixed-bottom-button{z-index:4;position:absolute;bottom:4px;right:24px}.room-fixed-bottom-button .scroll-new-btn{background-color:var(--color-primary);width:36px;height:36px;box-shadow:var(--box-shadow);cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/jump-down.b2076955.svg);background-position:50%;background-repeat:no-repeat;background-size:16px;border-radius:50%}.edit-send-ctrl-expand{z-index:100;background-color:var(--background-primary);width:100%;padding:12px 24px;position:absolute;top:0;bottom:0}.edit-send-ctrl-expand .send-ctrl-wrapper{padding:48px 16px}.interact-emoji{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:60px;display:inline-block}.interact-emoji-line{max-width:300px;max-height:240px;display:inline-flex}.tooltip-emoji{background-color:#121315}.image-type-content.sizeable-img-error .sizeable-image-wrapper{max-height:unset!important;padding-top:0!important}.image-type-content.sizeable-img-error .sizeable-image-wrapper a{display:block}.image-type-content.sizeable-img-error .sizeable-image-wrapper a .kook-img-error-bg{position:relative}.audio-message-header{color:var(--text-tip-color);margin-bottom:24px;padding:24px 16px 0 24px}.audio-message-header .audio-message-header-line{align-items:center;height:18px;font-size:12px;line-height:18px;display:flex}.audio-message-header .audio-message-header-line span{border-top:1px solid var(--color-line);flex-grow:1;margin-left:8px}.audio-message-header .audio-message-header-msg{align-items:center;margin-top:24px;font-size:14px;line-height:20px;display:flex}.audio-message-header .audio-message-header-msg span{margin-left:12px}.voice-invite-confirm .kui-card.size-lg{width:auto}.search-message{color:var(--text-color)}.search-message .user-list-container{flex:1;width:100%;overflow:hidden}.search-user-item{flex-direction:row;align-items:center;width:100%;height:32px;display:flex}.search-user-item .search-user-head{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(187,190,196,.2);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-right:4px;font-size:10px;display:flex}.search-user-item .user-name{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;max-width:192px;font-size:14px;font-weight:400;line-height:14px;overflow:hidden}.search-message-wrapper{flex-direction:column;height:100%;display:flex;overflow:hidden}.search-message-wrapper .theme-selector-option-bg{background-color:var(--menu-background)}.theme-menu-blur .search-message-wrapper .theme-selector-option-bg{background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter)}@keyframes msgsearchiconloading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-message-filter{width:100%;position:relative}.search-message-filter .search-title{margin-top:24px;margin-bottom:16px;padding:0 24px;font-size:16px;font-weight:600}.search-message-filter .search-title .main-title{color:var(--text-color)}.search-message-filter .global-search-button{cursor:pointer;margin-left:8px;font-size:12px;font-weight:400}.search-message-filter .global-search-button .iconfont{font-size:12px}.search-message-filter .search-input-wrapper{margin-bottom:16px;padding:0 24px}.search-message-filter .search-input-wrapper .search-input{background-color:var(--color-line);padding:0 24px}.search-message-filter .search-input-wrapper .search-input.md{border-radius:12px;height:40px;line-height:40px}.search-message-filter .tab-header{border-bottom:1px solid var(--color-line);white-space:nowrap;margin-bottom:0;margin-left:24px;margin-right:24px}.search-message-filter .search-message-close{box-sizing:border-box;text-align:center;cursor:pointer;width:24px;height:24px;color:var(--text-description-color);border-radius:4px;font-size:24px;font-weight:400;line-height:24px;position:absolute;top:16px;right:16px}.search-message-filter .search-message-close:hover{background-color:var(--menu-hover);color:var(--text-color)}.search-message-filter .search-message-close:active{background-color:var(--menu-active);color:var(--text-color)}.search-message-content-header{justify-content:space-between;align-items:center;width:100%;height:48px;min-height:48px;padding:12px 24px 8px;font-size:12px;line-height:1.5;display:flex}.search-message-content-header.hidden{display:none}.search-message-content-header .search-result-info{color:var(--text-description-color)}.search-message-content-header .selector-contain{max-width:75%}.search-message-content-header .selector-contain.simple .selector-select{padding-right:24px;font-size:12px}.search-message-content-header .selector-contain .selector-label{color:var(--color-primary)}.search-message-content-header .selector-option.simple{width:220px;margin-left:0;left:0;transform:translate(0)}.search-message-content-header .selector-contain .selector-select .dropdown-icon{right:0}.search-message-content-header .searching{height:24px;color:var(--text-description-color);line-height:24px}.search-message-content-header .icon-loading{vertical-align:middle;height:22px;margin-left:4px;display:inline-block}.search-message-list-wrapper{flex:1;width:100%;overflow-x:hidden;overflow-y:auto}.search-message-status{height:100%;color:var(--text-tip-color);flex-direction:column;justify-content:center;align-items:center;font-size:14px;display:flex;position:relative}.search-message-status .iconrole-member-search{margin-bottom:8px;font-size:24px}.search-message-status .kaihei-loading-spin{margin-bottom:8px}.search-message-status .text{margin-top:16px}.search-message-group{border-top:1px solid var(--color-line);padding:0 16px 8px}.search-message-group:first-child{border:none}.search-message-group:last-of-type{border-bottom-width:0}.search-message-group-title{color:var(--text-description-color);align-items:center;padding:8px;display:flex}.search-message-group-title .group-icon{width:16px;height:16px;color:var(--text-description-color);justify-content:center;align-items:center;margin-right:4px;display:flex}.search-message-group-title .channel-name{margin-right:10px;font-size:14px;overflow:hidden}.search-message-group-title .channel-name .emoji{width:16px;height:16px;margin-top:-3px;display:inline-block}.search-message-group-title .line{border-top-style:solid;border-top-width:1px;flex-grow:1}.search-message-list{border-radius:4px}.search-message-item{cursor:pointer;border-radius:6px;padding:12px 8px;display:flex;position:relative}.search-message-item .message-right-btns{visibility:hidden}.search-message-item.active,.search-message-item.hover:hover{background-color:var(--menu-hover)}.search-message-item.active .message-right-btns,.search-message-item.hover:hover .message-right-btns{visibility:visible}.search-message-item .message-user-avatar{background-size:contain;border-radius:50%;flex-shrink:0;width:40px;height:40px;margin-right:12px}.search-message-item .message-right{flex-grow:1;min-width:0}.search-message-item .message-info{align-items:center;height:20px;display:flex}.search-message-item .message-info .user-name{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.search-message-item .message-info .user-name .emoji{width:16px;height:16px;margin-top:-3px;display:inline-block}.search-message-item .message-info .user-status{color:var(--text-tip-color);word-break:keep-all;white-space:nowrap;margin-left:4px;font-size:12px}.search-message-item .message-info .message-time{color:var(--text-tip-color);flex-shrink:0;margin-left:8px;font-size:12px;font-weight:700}.search-message-item:hover .button-message-link{display:inline-block}.search-message-item.search-message-text .markdown-preview,.search-message-item.search-message-text .message-content{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;line-height:22px;overflow:hidden}.search-message-item.search-message-text .markdown-preview mark,.search-message-item.search-message-text .message-content mark{color:#fda700;background-color:transparent;display:inline}.search-message-item.search-message-text .markdown-preview mention,.search-message-item.search-message-text .message-content mention{color:#898fb9;background-color:rgba(137,143,185,.15);border-radius:2px}.search-message-item.search-message-text .markdown-preview a,.search-message-item.search-message-text .message-content a{color:#00b0f4}.search-message-item.search-message-text .markdown-preview .emoji,.search-message-item.search-message-text .message-content .emoji{object-fit:contain;width:18px;height:18px;margin-top:-2px;padding:1px;display:inline-block}.message-right-btns{position:absolute;top:8px;right:8px}.message-right-btns>button{color:var(--text-description-color);background-color:var(--button-default);border-radius:8px;padding:3px 8px;font-size:12px;line-height:24px;display:inline-block}.message-right-btns>button:not(.disabled):hover{background-image:linear-gradient(to right,var(--menu-hover)0%,var(--menu-hover)100%)}.message-right-btns>button:not(:last-child){margin-right:8px}.button-message-link{color:#66686b;background-color:#edeef0;border-radius:8px;padding:3px 8px;font-size:12px;line-height:18px;display:none;position:absolute;top:8px;right:8px}.search-message-list-image{flex-wrap:wrap;justify-content:space-between;padding:8px 4px 0;display:flex}.search-message-list-image .search-message-item-image{background-color:#fff;background-position:50%;background-size:cover;border-radius:6px;flex-shrink:0;width:130px;height:130px;margin-bottom:4px;display:inline-block;position:relative;overflow:hidden}.search-message-list-image .search-message-item-image .img-loading{margin-bottom:4px}.search-message-list-image .search-message-item-image .button-message-link{color:var(--text-description-color);background-color:var(--color-grey-bg)}.search-message-list-image .search-message-item-image:hover .button-message-link{display:inline-block}.search-message-list-image .search-message-item-image .image-shade{background-color:rgba(0,0,0,.3);width:100%;height:100%;display:none;position:absolute;top:0;left:0}.search-message-list-image .search-message-item-image:hover .image-shade{display:inline-block}.search-message-list-image .search-message-item-image .bili-video-preview-play{background-size:contain;width:30px;height:30px;position:absolute;top:auto;bottom:10px;left:auto;right:10px}.dialog-guild-boost{z-index:999;width:100%;height:100%;color:var(--text-color);background-color:var(--color-deep-bg);line-height:1.25;position:absolute;top:0;left:0}.dialog-guild-boost .setting-page-close{right:-107px}.dialog-guild-boost .guild-boost-title{text-align:center;margin-bottom:16px;font-size:32px;font-weight:600;line-height:38px}.dialog-guild-boost .guild-boost-description{text-align:center;color:var(--text-tip-color);margin-bottom:40px;font-size:14px;line-height:20px}.dialog-guild-boost .guild-boost-guild-info{background-color:var(--color-grey-bg);border-radius:16px;align-items:center;height:104px;margin-bottom:84px;padding:20px 24px;display:flex}.dialog-guild-boost .kaihei-guild-icon{flex-shrink:0;margin-right:16px}.dialog-guild-boost .guild-boost-guild-detail{flex:1;font-size:14px;overflow:hidden}.dialog-guild-boost .guild-boost-guild-detail .guild-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:20px;font-weight:600;line-height:26px;overflow:hidden}.dialog-guild-boost .guild-boost-guild-detail .guild-name .emoji{width:18px;margin-top:-3px;display:inline-block}.dialog-guild-boost .guild-boost-guild-detail .guild-level-descripton{align-items:center;font-size:14px;line-height:20px;display:flex}.dialog-guild-boost .guild-boost-guild-detail .boost-guild-times{color:var(--text-tip-color)}.dialog-guild-boost .guild-boost-guild-detail .boost-icon{vertical-align:middle;background-image:url(https://static.kookapp.cn/app/static/media/guild_boost_icon.54c4a400.svg);background-position:50%;background-size:cover;width:16px;height:16px;margin-right:4px;display:inline-block}.dialog-guild-boost-wrapper{height:100%;overflow-x:hidden;overflow-y:auto}.dialog-guild-boost-contain{width:740px;margin:0 auto;padding:40px;position:relative}.guild-boost-level-process{background-color:var(--color-controls);border-radius:12px;justify-content:space-between;height:24px;margin-bottom:54px;padding:0 24px;display:flex;position:relative}.guild-boost-level-process .boost-level{position:relative}.guild-boost-level-process .level-name{justify-content:center;align-items:center;width:74px;display:flex;position:absolute;top:-16px;transform:translate(-50%,-100%)}.guild-boost-level-process .level-name-button{cursor:pointer}.guild-boost-level-process .level-name-button.active{font-size:20px}.guild-boost-level-process .level-mark{background-color:var(--color-controls);width:1px;height:8px;position:absolute;top:-8px}.guild-boost-level-process .level-number{text-align:center;width:65px;position:absolute;bottom:-28px;transform:translate(-50%)}.guild-boost-level-process .guild-boost-level-process-bg{background-color:var(--color-success);color:#fff;text-align:right;border-radius:12px;height:100%;padding:0 8px;font-size:12px;line-height:24px;position:absolute;left:0}.guild-boost-level-process .level-quick-use{width:16px;height:16px;color:var(--color-success);cursor:pointer;border-radius:50%;margin-left:4px;line-height:16px;display:inline-block}.guild-boost-level-detail{width:1000px;margin-left:-500px;position:relative;left:50%}.guild-boost-level-list{min-height:418px;display:flex;position:relative}.guild-boost-level-item{opacity:.5;background-color:var(--menu-head);border-radius:16px;flex-direction:column;flex-shrink:0;width:320px;margin-right:26px;padding:0 4px 4px;display:flex}.theme-light .guild-boost-level-item{box-shadow:0 4px 24px #caced5}.guild-boost-level-item.achieved{background-color:var(--color-success)}.guild-boost-level-item.achieved .title{color:#fff}.guild-boost-level-item .title{height:64px;color:var(--text-color);align-items:center;padding:0 7px;font-size:20px;display:flex}.guild-boost-level-item .level-icon{background-size:cover;width:24px;height:24px;margin-right:8px}.guild-boost-level-item .level-name{flex:1}.guild-boost-level-item .level-unachieved{color:var(--text-description-color);font-size:14px}.guild-boost-level-item .level-achieved{background:rgba(255,255,255,.3);border-radius:6px;height:24px;padding:0 8px;font-size:14px;line-height:24px}.guild-boost-level-item .sub-title{padding:16px;font-weight:700}.guild-boost-level-item .contain{background-color:var(--color-light-bg);border-radius:12px;flex:1}.guild-boost-level-item .right-list{font-size:14px}.guild-boost-level-item .right-list li{margin-bottom:8px;padding:0 12px;line-height:24px;display:flex}.guild-boost-level-item .right-list .iconfont{width:24px;height:24px;margin-right:8px;font-size:24px;line-height:24px}.guild-boost-level-item .right-list .icon-achieved{color:var(--color-success)}.guild-boost-level-item .right-list .icon-unachieved{color:var(--text-tip-color)}.user-list-container.preview-bg:after{content:"";background-image:url(https://static.kookapp.cn/app/static/media/skeleton-userlist.b0e77cc9.svg);background-repeat:repeat-y;width:100%;height:100%;position:absolute;top:0;left:0}.user-list-container{width:240px;max-width:100%;height:100%;color:var(--text-color);overflow:visible}.user-list-container.auto-y{overflow-y:auto}.user-list-container .user-list-wrapper{height:100%;padding-top:8px}.user-list-container .user-list-group-title .emoji{height:14px;margin-top:-2px;display:inline-block}.user-list-container .offline{opacity:.3}.user-list-container .status-tip{margin-top:16px;margin-bottom:2px;padding-left:24px;font-size:14px}.user-list-container .list-item .status-tip{margin-top:0;padding-top:16px}.user-list-container .offline-tip{margin-top:30px}.user-list-container .user-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;height:48px;margin:0 4px 2px 12px;padding:8px 12px;display:flex;position:relative}.user-list-container .user-item .user-head{flex-shrink:0;width:32px;height:32px;margin-right:8px;position:relative}.user-list-container .user-item .user-head .img{background-color:rgba(187,190,196,.2);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:32px;height:32px;overflow:hidden}.user-list-container .user-item .user-head .mobile-online{background-image:url(https://static.kookapp.cn/app/static/media/new-cellphone@2x.baf0e586.png);background-position:50%;background-repeat:no-repeat;background-size:8px 10px;background-color:var(--color-grey-bg);box-sizing:border-box;border-radius:4px;width:12px;height:14px;position:absolute;bottom:-2px;right:-2px}.user-list-container .user-item .user-head .stealth-online{background-image:url(https://img.kookapp.cn/assets/item/resources/hidden@2x.webp);background-position:50%;background-repeat:no-repeat;background-size:8px 8px;background-color:var(--color-grey-bg);box-sizing:border-box;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.user-list-container .user-item .user-info-right{flex-direction:column;flex:1;justify-content:center;min-height:30px;display:flex;overflow:auto}.user-list-container .user-item .user-info-right.intimacy{background-image:url("https://static.kookapp.cn/app/static/media/honey 3_00061.a8ee9b35.png");background-position:0 0;background-repeat:no-repeat;background-size:60px 30px}.user-list-container .user-item .user-name{font-size:14px;position:relative}.user-list-container .user-item .user-name .user-name-top{align-items:center;display:flex}.user-list-container .user-item .user-name .user-name-text{text-overflow:ellipsis;white-space:nowrap;line-height:20px;overflow:hidden}.user-list-container .user-item .user-name .user-tag{min-width:46px;margin-left:2px}.user-list-container .user-item .user-name .vip-tag{margin-left:2px}.user-list-container .user-item .user-name .booster-tag{width:16px;height:16px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.user-list-container .user-item .user-name.has-icon{padding-right:28px}.user-list-container .user-item .user-name.has-icon .master-tips{background-image:url(https://static.kookapp.cn/app/static/media/server_founder.74b7069c.svg);background-repeat:no-repeat;background-size:100%;width:16px;height:16px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.user-list-container .user-item .user-name .emoji{height:16px;margin-top:-2px;display:inline-block}.user-list-container .user-item:hover{background-color:var(--menu-hover)}.user-list-container .user-item:hover .user-info-right.intimacy-animation{background-image:url(https://static.kookapp.cn/app/static/media/qinmi_background.28a3435c.webp)}.user-list-container .user-item:hover .online-state{border-color:var(--menu-hover-bg-primary)}.user-list-container .user-item:hover .mobile-online{background-color:var(--menu-hover-bg-primary)}.user-list-container .user-item.active,.user-list-container .user-item:active{background-color:var(--menu-active)}.user-list-container .user-item.active .mobile-online,.user-list-container .user-item:active .mobile-online,.user-list-container .user-item.active .online-state,.user-list-container .user-item:active .online-state{border-color:var(--menu-active-bg-primary)}.kick-user-tip{margin-bottom:24px;font-size:14px}.confirm-sub-label{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;line-height:18px;display:block}.user-list-container .user-playing-game{line-height:1.3}.user-list-container .user-playing-game .game-name-text{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;display:block;overflow:hidden}.move-ico{color:var(--text-tip-color);font-size:16px;position:relative;top:1px;right:-4px}.move-channel-menus{max-height:100%;margin-left:4px;position:absolute;left:100%;overflow-x:hidden;overflow-y:auto;transform:translateY(-50%)}.move-channel-menus .setting-item{width:122px}.send-private-message{background-color:var(--menu-background);padding:10px}.user-playing-game .send-private-message{border:none}.send-private-message input{background-color:var(--color-ede);border-color:transparent;border-radius:6px;width:100%;height:40px;padding:10px;font-size:14px}.user-search-box{z-index:1;background-color:var(--menu-background);border-radius:6px;animation-duration:.5s;display:none;position:absolute;top:16px;left:16px;right:16px}.user-search-box input{height:30px;font-size:14px}.search-loading{text-align:center;margin-top:200px}.dialog-confirm-change-nickname,.dialog-confirm-change-nickname .form-item-nickname{position:relative}.dialog-confirm-change-nickname .reset-nickname{background-color:var(--color-grey-bg);color:var(--text-color);border-radius:50%;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.dialog-confirm-change-nickname .reset-nickname .icon{color:var(--text-tip-color)}.dialog-confirm-change-nickname .reset-nickname .icon:hover{color:var(--text-description-color)}.dialog-confirm-change-nickname .reset-nickname .icon:active{color:var(--text-color)}.dialog-confirm-change-nickname .waring-box{background-color:var(--color-warn);color:#fff;border-radius:6px;margin-bottom:24px;padding:16px;font-size:16px}.private_name_tooltip{z-index:2;background-color:#000;border:10px;width:327px;max-width:327px}.private_name_content_wrapper{width:315px;padding:7px 10px}.private_name_content_wrapper .title{width:295px;font-size:16px;font-weight:600}.private_name_content_wrapper .desc{color:rgba(230,234,240,.4);white-space:break-spaces;width:295px;height:40px;margin-top:10px;margin-bottom:9px;font-size:14px;font-weight:400;line-height:20px;display:flex}.private_name_content_wrapper .user_box{border:1px solid rgba(255,255,255,.2);border-radius:8px;flex-direction:column;gap:8px;width:295px;margin-bottom:16px;padding:16px;display:flex}.private_name_content_wrapper .user_box .user_box_item{align-items:center;gap:8px;height:32px;display:flex}.private_name_content_wrapper .user_box img{border-radius:16px;width:32px;height:32px}.private_name_content_wrapper .user_box .user_full_name{flex:1;align-items:center;display:flex}.private_name_content_wrapper .user_box .user_name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.private_name_content_wrapper .user_box .identify_num{width:41px}.private_name_content_wrapper .user_box .user_name_current{max-width:96px}.private_name_content_wrapper .user_box .current{color:rgba(230,234,240,.4);width:84px}.private_name_content_wrapper .confirm_button{width:295px}@keyframes inCallAnimate{0%{opacity:1;box-shadow:0 0 rgba(0,0,0,.08)}50%{opacity:1}to{opacity:0;box-shadow:0 0 0 8px rgba(0,0,0,.08)}}.chat-voice-container{flex-direction:column;width:416px;height:100%;display:flex}.chat-voice-container .top{color:var(--main-color);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:24px;font-size:16px;font-weight:600;line-height:22px;overflow:hidden}.chat-voice-container .content-wrapper{flex-direction:column;flex:1;justify-content:center;display:flex}.chat-voice-container .content-wrapper .chat-content{max-height:calc(100vh - 240px);padding-bottom:10px;overflow-y:auto}.chat-voice-container .content-wrapper .chat-voice-bottom{flex-shrink:0;margin-top:20px;padding-bottom:24px}.chat-voice-container .content-wrapper .chat-voice-bottom .status-text{text-align:center;color:var(--text-tip-color);font-size:14px;font-weight:400;line-height:20px}.chat-voice-container .content-wrapper .chat-voice-bottom .ctrl-buttons{justify-content:center;margin-top:36px;display:flex}.chat-voice-container .content-wrapper .chat-voice-bottom .ctrl-buttons>.voice-button{color:var(--text-tip-color)}.chat-voice-container .content-wrapper .chat-voice-bottom .ctrl-buttons>.voice-button:not(:last-child){margin-right:36px}.chat-voice-container .content-wrapper .chat-voice-bottom .ctrl-buttons .audio-control-ico{border:6px solid transparent;position:relative}.chat-voice-container .content-wrapper .chat-voice-bottom .ctrl-buttons .audio-control-ico .slider-wrapper{margin-top:-6px;margin-left:-1px}.chat-voice-list{padding-top:10px;padding-left:48px;padding-right:48px}.chat-voice-list .chat-voice-item{width:320px;height:180px;margin-bottom:16px}.chat-voice-list .chat-voice-item.inCallAnimate{position:relative}.chat-voice-list .chat-voice-item.inCallAnimate:after{content:"";border-radius:6px;width:100%;height:100%;animation:1s ease-out infinite inCallAnimate;position:absolute;top:0;left:0}.is-recording{background-color:#ff3200}@keyframes colorChange{0%{background-color:#ff3200}to{background-color:#b41400}}.is-recording-play{animation:2s infinite alternate colorChange}.recording-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;justify-content:center;align-items:center;width:36px;height:28px;display:flex}.recording-icon img{width:24px;height:24px}.recording-ctrl-panel{z-index:30;width:245px;color:var(--text-color);box-shadow:var(--box-shadow);border-radius:12px;position:absolute;overflow:hidden}.recording-ctrl-panel .recording-ctrl-panel-banner{width:245px}.recording-ctrl-panel .gray-line{background-color:var(--color-line);width:213px;height:1px;margin-left:16px}.recording-ctrl-panel .ai-noise-suppression-switch{border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.recording-ctrl-panel .ai-noise-suppression-switch .start-recrod-btn{width:48px;height:28px;font-size:12px}.recording-ctrl-panel .ai-noise-suppression-switch .ai-noise-suppression-title .title-bottom-info{color:#999;text-shadow:0 4px 32px rgba(0,0,0,.08);text-align:left;margin-right:8px;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.recording-ctrl-panel .ai-noise-suppression-switch .ai-noise-suppression-title .title{color:var(--text-color);text-shadow:0 2px 8px rgba(0,0,0,.08);flex-direction:row;align-items:center;font-size:14px;font-weight:600;line-height:20px;display:flex;margin-bottom:4px!important}.recording-ctrl-panel .ai-noise-suppression-switch .ai-noise-suppression-title .title .tag{cursor:pointer;margin-left:2px}.recording-ctrl-panel .ai-noise-suppression-switch .ai-noise-suppression-title .title .icon-help{cursor:pointer;width:16px;max-width:16px;height:16px;max-height:16px;overflow:hidden}.recording-ctrl-panel .ai-noise-suppression-switch .ai-noise-suppression-title .icons{width:84px;color:var(--text-tip-color);height:12px!important}.recording-ctrl-panel .ai-noise-suppression-switch .ui-switch.checked{border-color:var(--color-primary)}.recording-ctrl-panel .ai-noise-suppression-switch .ui-switch.checked small:before{background-color:var(--color-primary)!important}.recording-ctrl-panel .ai-noise-suppression-content{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:245px;height:48px;padding-left:16px;padding-right:16px;display:flex}.recording-ctrl-panel .ai-noise-suppression-content .text-countdown{color:var(--text-color);text-shadow:0 4px 32px rgba(0,0,0,.08);text-align:left;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.recording-ctrl-panel .ai-noise-suppression-content .right-file-icon{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.recording-ctrl-panel .ai-noise-suppression-content .right-file-icon:hover{background:var(--menu-hover)}.voice-stage{border-radius:6px;flex-direction:column;flex:1 0 44px;justify-content:center;align-items:center;display:flex;overflow:hidden}.voice-status-button{line-height:36px}.audio-user-head-detail-parent{margin-right:8px;position:relative;width:32px!important;height:32px!important}.audio-user-head-detail-parent .audio-user-head-mask{z-index:1;text-align:center;color:#fff;background-color:rgba(0,0,0,.5);border-radius:50%;font-size:10px;font-style:normal;font-weight:400;line-height:32px;position:absolute;top:0;width:32px!important;height:32px!important}.audio-user-head-detail-parent .audio-user-head-detail{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(187,190,196,.2);border-radius:50%;position:relative;width:32px!important;height:32px!important}.audio-user-head-detail-parent .audio-user-head-detail .manger-icon{background-color:#f2f3f5;background-image:url(https://static.kookapp.cn/app/static/media/voice-admin.415566d6.svg);background-size:100%;border-radius:50%;width:14px;height:14px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #f2f3f5}.theme-dark .audio-user-head-detail-parent .audio-user-head-detail .manger-icon{background-color:#383b40;box-shadow:0 0 0 2px #383b40}.voice-host-item{border-width:2px;border-color:var(--color-line);border-style:solid;border-radius:6px;justify-content:center;align-items:center;width:100%;min-width:174px;max-width:480px;height:100%;min-height:98px;max-height:270px;display:flex;position:relative}.voice-host-item .audio-user-head-parent{width:64px;height:64px;margin-right:10px;position:relative}.voice-host-item .audio-user-head-parent .audio-user-head{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(187,190,196,.2);border-radius:50%;width:64px;height:64px}.voice-host-item .audio-user-head-parent .audio-user-head-mask{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;text-align:center;color:#fff;background-color:rgba(0,0,0,.5);border-radius:50%;width:64px;height:64px;font-size:12px;font-style:normal;font-weight:400;line-height:64px;position:absolute;top:0}.voice-host-item.share-screen-item{background-color:#000;border:0}.voice-host-item.talk{border-color:var(--color-primary)}.voice-host-item.local-mute{border-color:var(--color-error)}.voice-host-item .mask{background-color:rgba(0,0,0,.5);border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.voice-host-item .mask .content{color:#fff;text-align:center;font-size:14px}.voice-host-item .mask.paused{background-image:url(https://static.kookapp.cn/app/static/media/golive-paused@2x.80289b11.png);background-repeat:no-repeat;background-size:100%}.voice-host-item .avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:64px;height:64px;max-height:100%;position:relative;overflow:hidden}.voice-host-item .avatar .avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.voice-host-item .avatar .avatar-img.gif-img{display:none}.voice-host-item .avatar.bigger{width:96px;height:96px}.voice-host-item:hover .avatar.vip-avatar .gif-img{display:block}.voice-host-item:hover .avatar.vip-avatar .static-img{display:none}.voice-host-item video,.voice-host-item .poster-image{border-radius:6px;width:100%;height:100%;display:block}.voice-host-item .watch-golive-btn{color:#fff;cursor:pointer;word-break:keep-all;background-color:rgba(0,0,0,.5);border-radius:6px;padding:8px 10px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voice-host-item .more-menu{z-index:110;position:absolute;top:100%;left:0}.voice-host-item .more-menu.pos-right{left:auto;right:0}.voice-host-item .golive-tag-pos{display:flex;position:absolute;top:6px;right:6px}.voice-host-item .preview-bottom{justify-content:space-between;gap:8px;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.voice-host-item .video-right-ctrl-box{color:var(--main-color);align-items:center;gap:4px;display:flex}.voice-host-item .video-right-ctrl-box .ctrl-item{color:#252629;background-color:rgba(255,255,255,.7);border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.theme-dark .voice-host-item .video-right-ctrl-box .ctrl-item{color:#f5f6fa}.voice-host-item .video-right-ctrl-box .ctrl-item:not(.disabled):hover{color:#17181a}.theme-dark .voice-host-item .video-right-ctrl-box .ctrl-item:not(.disabled):hover{color:#ebedf5}.theme-dark .voice-host-item .video-right-ctrl-box .ctrl-item{background-color:rgba(0,0,0,.5)}.voice-host-item .video-right-ctrl-box .ctrl-item.hover-error:hover{color:var(--color-error-hover)}.voice-host-item .video-right-ctrl-box>.ctrl-item:last-child{margin-right:0}.voice-host-item .video-right-ctrl-box .ctrl-icon{justify-content:center;align-items:center;width:20px;height:20px;font-size:20px;display:flex;position:relative}.voice-host-item .video-right-ctrl-box .ctrl-icon.small{width:16px;height:16px;font-size:16px}.voice-host-item .user-info-box{max-width:66%;color:var(--main-color);background-color:rgba(255,255,255,.9);border-radius:4px;align-items:center;padding:3px 6px;font-size:14px;display:flex;overflow:hidden}.theme-dark .voice-host-item .user-info-box{background-color:rgba(0,0,0,.5)}.voice-host-item .user-info-box .admin-icon{background-image:url(https://static.kookapp.cn/app/static/media/voice-admin.415566d6.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:16px;height:16px;margin-left:2px}.voice-host-item .user-info-box .small-icon{color:#252629;width:16px;height:16px;margin-right:2px;font-size:16px}.theme-dark .voice-host-item .user-info-box .small-icon{color:#f5f6fa}.voice-host-item .user-info-box .private-vip-tag{margin-left:2px}.voice-host-item .user-info-box .show-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-color);flex:1;overflow:hidden}.voice-host-item .left-icons{text-align:center;color:#fff;background-color:#ff8200;border-radius:6px 0 8px;width:24px;height:24px;font-size:14px;font-weight:700;line-height:24px;position:absolute;top:2px;left:2px}.voice-host-item .voice-icons{color:var(--main-color);background-color:rgba(255,255,255,.9);border-radius:4px;align-items:center;padding:3px 6px;display:flex;position:absolute;top:4px;right:4px}.theme-dark .voice-host-item .voice-icons{background-color:rgba(0,0,0,.5)}.voice-host-item .voice-icons:empty{display:none}.voice-host-item .voice-icons .voice-icon-item{justify-content:center;align-items:center;width:16px;height:16px;margin-right:2px;display:flex}.voice-host-item .voice-icons .voice-icon-item.guild-mute{color:var(--color-error)}.voice-host-item .voice-icons .voice-icon-item:last-child{margin-right:0}.voice-host-item .voice-icons .voice-icon-item.ans-user-icon{background-image:url(https://static.kookapp.cn/app/static/media/ans-list-icon.8ca69dbb.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.voice-host-item .voice-icons .voice-icon-item.voice-recording-icon{background-image:url(https://static.kookapp.cn/app/static/media/channel-recording.6147f997.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.voice-host-item .voice-icons .voice-icon-item.bad-network{background-image:url(https://static.kookapp.cn/app/static/media/signal-weak.d130e65c.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.theme-dark .voice-host-item .voice-icons .voice-icon-item.bad-network{background-image:url(https://static.kookapp.cn/app/static/media/signal-weak-dark.a24960c9.svg)}.voice-host-item .voice-icons .voice-icon-item.anti-peer{background-image:url(https://static.kookapp.cn/app/static/media/no-verify-icon.a60e5927.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.voice-host-item .invite-mask{color:#fff;background-color:rgba(0,0,0,.5);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex;position:absolute;top:0;left:0}.stage-row{justify-content:center;display:flex}.stage-row .flex-host-item{padding-bottom:8px;padding-right:8px}.stage-empty-content .empty-image{background-image:url(https://static.kookapp.cn/app/static/media/empty-voice.efc6a232.png);background-repeat:no-repeat;background-size:100%;width:250px;height:160px;margin-bottom:24px;margin-left:auto;margin-right:auto}.stage-empty-content .empty-text{color:var(--text-tip-color);text-align:center;width:250px;margin:0 auto;font-size:16px;line-height:24px}.golive-more-menu{z-index:200}.fix-control{position:absolute;bottom:0;left:0}@keyframes talkUserAnimate{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.apply-talk-list{justify-content:center;display:flex}.apply-talk-list .apply-talk-item{width:64px;height:56px;margin-right:8px;animation-name:talkUserAnimate;animation-duration:.2s;animation-fill-mode:forwards;position:relative}.apply-talk-list .apply-talk-item:last-child{margin-right:0}.apply-talk-list .apply-talk-item .manage-user-mask{color:#fff;cursor:pointer;text-align:center;background-color:rgba(0,0,0,.5);border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.apply-talk-list .apply-talk-item .manage-user-mask .iconfont{color:#fff;font-size:20px}.apply-talk-list .apply-talk-item .manage-user-mask .text{color:#fff;height:18px;font-size:12px;font-weight:400;line-height:18px}.apply-talk-list .apply-talk-item .apply-user-tooltip{background-color:var(--menu-background);-webkit-filter:var(--box-shadow-filter);filter:var(--box-shadow-filter);border-radius:6px;justify-content:space-between;align-items:center;width:180px;height:56px;padding:9px 12px;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-10px)}.apply-talk-list .apply-talk-item .apply-user-tooltip:after{content:"";background-color:inherit;width:8px;height:8px;position:absolute;bottom:-4px;left:86px;transform:rotate(45deg)}.apply-talk-list .apply-talk-item .apply-user-tooltip .user-avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:32px;height:32px;margin-right:8px;overflow:hidden}.apply-talk-list .apply-talk-item .apply-user-tooltip .user-info-right{flex:1;overflow:hidden}.apply-talk-list .apply-talk-item .apply-user-tooltip .user-info-right .main-name{color:var(--main-color);text-overflow:ellipsis;white-space:nowrap;height:20px;font-size:14px;line-height:20px;overflow:hidden}.apply-talk-list .apply-talk-item .apply-user-tooltip .user-info-right .sub-name{color:var(--secondary-color);text-overflow:ellipsis;white-space:nowrap;height:18px;font-size:12px;line-height:18px;overflow:hidden}.apply-talk-list .apply-talk-item:hover .manage-user-mask,.apply-talk-list .apply-talk-item:hover .apply-user-tooltip{display:flex}.apply-talk-list .apply-talk-user{border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden}.apply-talk-list .apply-talk-user .bg-layer{background-color:#afb2b8;border-radius:50%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.apply-talk-list .apply-talk-user .image-layer{background-image:url(https://static.kookapp.cn/app/static/media/apply-talk-user.1969b792.svg);margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.theme-dark .apply-talk-list .apply-talk-user .image-layer{background-image:url(https://static.kookapp.cn/app/static/media/apply-talk-user-dark.e761f7ac.svg)}.apply-talk-list .apply-talk-user .avatar{object-fit:cover;background-color:#fff;border-radius:50%;width:32px;height:32px;position:absolute;top:6px;left:15px;box-shadow:0 0 0 2px #fff}.voice-room-go-back{position:absolute;bottom:12px;left:24px}.goback-btn{color:var(--text-tip-color);background-color:var(--color-line);cursor:pointer;border-radius:12px;align-items:center;padding:3px 8px 3px 4px;display:flex}.goback-btn .text{text-overflow:ellipsis;white-space:nowrap;max-width:76px;padding-right:4px;font-size:12px;overflow:hidden}.goback-btn .close-icon{display:none}.goback-btn:hover .close-icon{display:block}.jump-page-btn{width:80px;height:24px;color:var(--text-description-color);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--color-top-bg);text-align:center;cursor:pointer;box-shadow:var(--box-shadow);padding-top:9px;font-size:12px;position:absolute}.jump-page-btn:hover{color:var(--main-color)}.jump-page-btn .icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:8px;left:32px;transform:translateY(-50%)rotate(180deg)}.jump-page-btn .text{transform:scale(.8)}.jump-page-btn.jump-next{border-radius:16px 16px 0 0;margin-left:-40px;bottom:0;left:50%}.jump-page-btn.jump-prev{border-radius:16px 16px 0 0;width:64px;height:18px;margin-left:-32px;top:0;left:50%;transform:rotate(180deg)}.jump-page-btn.jump-prev .icon{top:12px;left:24px}@keyframes apply-img-animate{0%{transform:translateY(100%)}to{transform:translateY(0)}}.apply-img-animate{margin-left:-198px;animation-name:apply-img-animate;animation-duration:.5s;animation-fill-mode:forwards;position:absolute;bottom:0;left:50%}.apply-speak-img{background-image:url(https://static.kookapp.cn/app/static/media/apply-speak.3d375289.webp);background-size:100%;width:94px;height:86px;transform:rotate(-20deg)translateY(10px)}.apply-speak-img .avatar{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:100%;border-radius:50%;width:44px;height:44px;position:absolute;top:7px;left:10px;box-shadow:0 0 0 2px #fff}.room-user-detail-page{flex-direction:column;flex:1;justify-content:space-between;display:flex;overflow:hidden}.room-user-detail-page .room-detail-content-wrapper{flex:1;padding:8px 16px 8px 24px;display:flex}.room-user-detail-page .room-detail-content{flex:1;position:relative}.search-content .search-title{height:24px;color:var(--main-color);margin-bottom:16px;padding-left:28px;font-size:16px;line-height:24px;position:relative}.search-content .search-title .iconfont{width:24px;height:24px;color:var(--secondary-color);cursor:pointer;align-items:center;font-size:24px;display:flex;position:absolute;top:0;left:2px;transform:rotate(180deg)}.search-content .search-title .iconfont:hover{color:var(--main-color)}.user-group-item{margin-top:16px}.user-group-item:first-child{margin-top:0}.user-group-item .group-title{color:var(--main-color);font-size:14px;font-weight:400;line-height:20px}.detail-user-list{flex-wrap:wrap;margin-top:8px;display:flex;position:relative}.detail-user-list .left-icons{text-align:center;color:#fff;z-index:2;background-color:#ff8200;border-radius:6px 0 8px;width:16px;height:16px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:2px;left:2px}.detail-user-list .detail-user-item{cursor:pointer;background-color:var(--color-top-bg);border-radius:6px;justify-content:space-between;align-items:center;width:176px;margin-bottom:8px;margin-right:8px;padding:12px;display:flex;position:relative;overflow:hidden}.detail-user-list .detail-user-item:hover{background-color:var(--menu-hover)}.detail-user-list .detail-user-item.in-speak:after,.detail-user-list .detail-user-item.talk:after{content:"";pointer-events:none;border-style:solid;border-width:2px;border-radius:6px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.detail-user-list .detail-user-item.in-speak{background-color:initial}.detail-user-list .detail-user-item.in-speak:after{border-color:var(--color-line)}.detail-user-list .detail-user-item.talk:after{border-color:var(--color-primary)}.detail-user-list .detail-user-item.local-mute:after{border-color:var(--color-error)}.detail-user-list .detail-user-item .user-avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:32px;height:32px;margin-right:8px;position:relative}.detail-user-list .detail-user-item .user-avatar .manger-icon{background-color:#f2f3f5;background-image:url(https://static.kookapp.cn/app/static/media/voice-admin.415566d6.svg);background-size:100%;border-radius:50%;width:14px;height:14px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #f2f3f5}.theme-dark .detail-user-list .detail-user-item .user-avatar .manger-icon{background-color:#383b40;box-shadow:0 0 0 2px #383b40}.detail-user-list .detail-user-item .left{flex-shrink:0}.detail-user-list .detail-user-item .right{flex:1;align-items:center;display:flex;overflow:hidden}.detail-user-list .detail-user-item .user-name{color:var(--main-color);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;font-size:14px;line-height:24px;display:flex;overflow:hidden}.detail-user-list .detail-user-item .user-status-icons{flex-wrap:nowrap;flex-shrink:0;display:flex}.detail-user-list .detail-user-item .user-status-icons .voice-icon-item{width:16px;height:16px;color:var(--text-description-color);justify-content:center;align-items:center;font-size:16px;display:flex}.detail-user-list .detail-user-item .user-status-icons .voice-icon-item.guild-mute{color:var(--color-error)}.detail-user-list .detail-user-item .user-status-icons .voice-icon-item.ans-user-icon{background-image:url(https://static.kookapp.cn/app/static/media/ans-list-icon.8ca69dbb.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.golive-streamer{background-color:#000;border-radius:6px;width:100%;height:100%;position:relative}.golive-streamer .video-container,.golive-streamer .exit-pip-container{border-radius:6px;width:100%;height:100%}.golive-streamer .exit-pip-container .pip-text{color:#fff;font-size:16px}.golive-streamer.pip-state .video-container{display:none}.voice-room-text-icon{cursor:pointer;width:24px;height:24px;position:relative}.voice-room-text-icon .mention-num-icon{top:auto;bottom:calc(100% - 6px);left:calc(100% - 6px);right:auto}.voice-room-text-icon .text-channel-unread-icon{top:auto;bottom:calc(100% - 4px);left:calc(100% - 4px);right:auto}.kook-volume-slider-tooltip{background-color:var(--menu-background);width:28px;min-width:28px;height:110px;box-shadow:var(--box-shadow);border-radius:8px;padding:0}.kook-message-header-alert{flex-direction:column;font-size:12px;font-weight:400;display:flex}.kook-message-header-alert .kook-header-alert-item{cursor:pointer;justify-content:center;align-items:center;height:28px;padding-right:50px;line-height:28px;display:flex;position:relative}.kook-message-header-alert .kook-header-alert-item .close-alert-icon{position:absolute;top:7px;right:24px}.kook-message-header-alert .kook-header-alert-item .content-text{margin-left:6px}.kook-message-header-alert .kook-header-alert-item .no-tips{color:var(--color-link);margin-left:24px}.kook-message-header-alert .kook-header-alert-item .no-tips:hover{color:var(--color-link-hover);text-decoration:underline}.kook-message-header-alert .kook-header-alert-item .no-tips:active{color:var(--color-link-active)}.kook-message-header-alert .kook-header-alert-item .no-tips .emoji{height:14px;margin-top:-2px;display:inline-block}.kook-message-header-alert .danger-alert{color:var(--color-error);background-color:rgba(255,50,0,.1)}.kook-message-header-alert .danger-alert .icon{background-image:url(https://static.kookapp.cn/app/static/media/warning-small@2x.88e23edc.png);background-size:16px;width:16px;height:16px}.kook-message-header-alert .warin-alert{color:var(--color-warn);background-color:rgba(255,130,0,.08)}.kook-message-header-alert .warin-alert .icon{background-image:url(https://static.kookapp.cn/app/static/media/navigation-warning-large-solid@2x.c32d0762.png);background-size:16px;width:16px;height:16px}.kook-message-header-alert .primary-alert{color:var(--color-primary);background-color:rgba(122,204,53,.08)}.golive-video-layout{aspect-ratio:1.7777;width:100%;min-width:388px;position:relative}.video-hover-show-layout .video-hover-show{opacity:0;transition:all .2s}.video-hover-show-layout .video-hover-show.pos-top{position:absolute;top:0;left:0;transform:translateY(-30%)}.video-hover-show-layout .video-hover-show.pos-bottom{background:linear-gradient(transparent 0%,rgba(0,0,0,.8) 100%);position:absolute;bottom:0;left:0;transform:translateY(30%)}.video-hover-show-layout .golive-left-parent{background-color:rgba(255,255,255,.6);border-radius:10px;flex-direction:column;width:150px;padding:7px;font-size:14px;display:flex;position:absolute;top:28px;left:10px}.video-hover-show-layout .golive-left-parent div{line-height:18px}.video-hover-show-layout:hover:not(.fs-slient) .video-hover-show,.video-hover-show-layout.active:not(.fs-slient) .video-hover-show{opacity:1}.video-hover-show-layout:hover:not(.fs-slient) .video-hover-show.pos-top,.video-hover-show-layout.active:not(.fs-slient) .video-hover-show.pos-top,.video-hover-show-layout:hover:not(.fs-slient) .video-hover-show.pos-bottom,.video-hover-show-layout.active:not(.fs-slient) .video-hover-show.pos-bottom{transform:translateY(0)}.fix-app-video{z-index:101;position:absolute;top:0;left:0}.fix-app-video.animate{transition:all .2s}.video-focus-stage{padding-left:28px;padding-right:36px}.video-focus-stage .voice-channel-message-list{background-color:#f5f6fa}.theme-dark .video-focus-stage .voice-channel-message-list{background-color:#25252a}.video-focus-stage .fix-app-video-content,.fix-app-video .fix-app-video-content{width:350px;height:197px}.video-focus-stage .fix-app-video-content.medium,.fix-app-video .fix-app-video-content.medium{width:480px;height:270px}.video-focus-stage .fix-app-video-content.large,.fix-app-video .fix-app-video-content.large{width:640px;height:360px}.video-focus-stage .padding-layout,.fix-app-video .padding-layout{width:100%;position:relative}.video-focus-stage .full-layout,.fix-app-video .full-layout{width:100%;height:100%;position:absolute;top:0;left:0}.video-focus-stage video,.fix-app-video video{background-color:#000;border-radius:6px;width:100%;height:100%;display:block}.video-focus-stage canvas,.fix-app-video canvas{border-radius:6px}.video-focus-stage .video-layer,.fix-app-video .video-layer{pointer-events:none;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.video-focus-stage .video-layer>*,.fix-app-video .video-layer>*{pointer-events:auto}.video-focus-stage .video-layer .content,.fix-app-video .video-layer .content{color:#fff;text-align:center;font-size:14px}.video-focus-stage .video-tips,.fix-app-video .video-tips{text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:8px;width:230px;margin-left:-115px;padding:8px 8px 8px 12px;font-size:14px;font-weight:400;line-height:20px;position:absolute;top:50%;left:50%;transform:translateY(-50%)}.video-focus-stage .video-mask,.fix-app-video .video-mask{background-color:rgba(0,0,0,.5);border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.video-focus-stage .video-mask .content,.fix-app-video .video-mask .content{color:#fff;text-align:center;font-size:14px}.video-focus-stage .video-mask.paused,.fix-app-video .video-mask.paused{background-image:url(https://static.kookapp.cn/app/static/media/golive-paused@2x.80289b11.png);background-position-y:50%;background-repeat:no-repeat;background-size:cover}.video-focus-stage .top-title,.fix-app-video .top-title{color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:linear-gradient(rgba(0,0,0,.8) 0%,transparent 100%);border-radius:6px 6px 0 0;align-items:center;width:100%;height:56px;padding-left:16px;font-size:14px;display:flex}.video-focus-stage .top-title .title-left,.fix-app-video .top-title .title-left{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;align-items:center;width:100%;display:flex;overflow:hidden}.video-focus-stage .top-title .title-left.has-tag,.fix-app-video .top-title .title-left.has-tag{max-width:calc(100% - 180px)}.video-focus-stage .top-title .title-left .conversation-medal,.fix-app-video .top-title .title-left .conversation-medal{margin-left:-7px;margin-right:4px}.video-focus-stage .top-title .title-left>svg,.fix-app-video .top-title .title-left>svg{flex-shrink:0}.video-focus-stage .top-title .title-left>.text,.fix-app-video .top-title .title-left>.text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-focus-stage .top-title .icon,.fix-app-video .top-title .icon{cursor:pointer}.video-focus-stage .top-title img,.fix-app-video .top-title img{border-radius:50%;width:24px;height:24px;margin-left:4px;margin-right:4px}.video-focus-stage .top-title .golive-right-parent,.fix-app-video .top-title .golive-right-parent{flex-direction:row;align-items:center;display:flex;position:absolute;top:18px;right:24px}.video-focus-stage .top-title .golive-right-parent .golive-right-menu,.fix-app-video .top-title .golive-right-parent .golive-right-menu{cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/icon-golive-menu.372da0df.svg);background-repeat:no-repeat;background-size:contain;width:24px;height:24px;margin-left:16px}.video-focus-stage .bottom-ctrls,.fix-app-video .bottom-ctrls{color:#fff;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 24px;display:flex}.video-focus-stage .bottom-ctrls .left-ctrls,.fix-app-video .bottom-ctrls .left-ctrls{justify-content:center;align-items:center;display:flex}.video-focus-stage .bottom-ctrls .left-ctrls .ctrl-line,.fix-app-video .bottom-ctrls .left-ctrls .ctrl-line{background:rgba(255,255,255,.3);width:1px;height:16px}.video-focus-stage .bottom-ctrls .left-ctrls .ctrl-item,.fix-app-video .bottom-ctrls .left-ctrls .ctrl-item{cursor:pointer;margin-right:8px;position:relative}.video-focus-stage .bottom-ctrls .left-ctrls .ctrl-item:not(:first-child),.fix-app-video .bottom-ctrls .left-ctrls .ctrl-item:not(:first-child){margin-left:8px}.video-focus-stage .bottom-ctrls .left-ctrls .ctrl-item-mkf,.fix-app-video .bottom-ctrls .left-ctrls .ctrl-item-mkf{cursor:pointer;margin-right:8px;position:relative}.video-focus-stage .bottom-ctrls .left-ctrls .ctrl-item-bottom,.fix-app-video .bottom-ctrls .left-ctrls .ctrl-item-bottom{width:24px!important;height:24px!important}.video-focus-stage .bottom-ctrls .left-ctrls .ctrl-icon,.fix-app-video .bottom-ctrls .left-ctrls .ctrl-icon{color:#f5f6fa;cursor:pointer;justify-content:center;align-items:center;font-size:24px;display:flex}.video-focus-stage .bottom-ctrls .left-ctrls .ctrl-icon.hover-error:hover,.fix-app-video .bottom-ctrls .left-ctrls .ctrl-icon.hover-error:hover{color:var(--color-error-hover)}.video-focus-stage .bottom-ctrls .right-ctrls,.fix-app-video .bottom-ctrls .right-ctrls{justify-content:center;align-items:center;gap:16px;display:flex}.video-focus-stage .bottom-ctrls .right-ctrls .ctrl-icon,.fix-app-video .bottom-ctrls .right-ctrls .ctrl-icon{color:#f5f6fa;cursor:pointer;justify-content:center;align-items:center;font-size:24px;display:flex}.video-focus-stage .bottom-ctrls .right-ctrls .ctrl-icon.hover-error:hover,.fix-app-video .bottom-ctrls .right-ctrls .ctrl-icon.hover-error:hover{color:var(--color-error-hover)}.video-focus-stage .more-menu,.fix-app-video .more-menu{position:absolute;bottom:100%;right:0}.golive-overlay-ctrl{align-items:center;display:flex}.golive-overlay-ctrl .icon-open{content:url(https://static.kookapp.cn/app/static/media/golive-overlay-ctrl-open.cce98e38.png);width:24px;height:24px}.golive-overlay-ctrl .icon-close{content:url(https://static.kookapp.cn/app/static/media/golive-overlay-ctrl-close.91a2508e.png);width:24px;height:24px}.golive-overlay-ctrl .text{color:#fff;margin-right:8px;font-size:14px;font-weight:400;line-height:20px}.golive-overlay-ctrl .ui-switch:not(.checked){border-color:#fff}.golive-overlay-ctrl .ui-switch:not(.checked) small:before{background-color:#fff}.audience-list-box{display:flex}.audience-list-box .audience-list{align-items:center;display:flex}.audience-list-box .audience-list .user-avatar{object-fit:cover;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:24px;height:24px}.audience-list-box .audience-list .user-avatar:not(:last-child){margin-right:4px}.audience-list-box .audience-count-box{background:rgba(255,255,255,.2);border-radius:12px;align-items:center;margin-left:4px;padding:3px 8px;display:flex;position:relative}.audience-list-box .audience-count-box .text{color:#fff;cursor:pointer;height:18px;font-size:12px;font-weight:400;line-height:18px}.audience-list-box .audience-count-box .icon{cursor:pointer;justify-content:center;align-items:center;margin-left:2px;display:flex}.audience-list-box .audience-count-box .icon.doubt{color:#fff;opacity:.6}.audience-list-box .audience-count-box .icon.doubt:hover{opacity:1}.audience-list-box .audience-count-box .icon.no-pointer{cursor:initial}.audience-list-box .audience-count-box:hover,.audience-list-box .audience-count-box.active{background:rgba(255,255,255,.3)}.audience-list-box .golive-self-upgrade-icon{background-image:url(https://static.kookapp.cn/app/static/media/golive-upgrade.065207ac.webp);background-size:100%;width:16px;height:16px}@media (max-width:580px){.audience-list-box{display:none}}.audience-list-menu{margin-left:-94px;position:absolute;bottom:calc(100% + 4px);left:50%}.audience-list-menu.offset-right-0{margin-left:-18px;left:0}.audience-list-menu.offset-right-1{margin-left:-42px;left:0}.audience-list-menu>.title{color:var(--text-tip-color);padding:4px 0 8px 8px;font-size:12px;font-weight:400;line-height:17px}.audience-list-menu .user-list{min-height:64px;max-height:203px;position:relative;overflow-y:auto}.audience-list-menu .user-list .empty-text{color:var(--text-tip-color);font-size:12px;font-weight:400}.audience-list-menu .user-list .user-item{align-items:center;margin-bottom:8px;padding:4px 8px;display:flex}.audience-list-menu .user-list .user-item .user-avatar{object-fit:cover;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:24px;height:24px}.audience-list-menu .user-list .user-item .user-name{width:116px;color:var(--main-color);text-overflow:ellipsis;white-space:nowrap;margin-left:8px;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.golive-unread-icon{background-color:var(--color-error);border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0}.modal-body.dialog-feedback-ticket{width:560px;color:var(--text-color);flex-direction:column;padding-bottom:84px;display:flex;overflow:hidden}.modal-body.dialog-feedback-ticket .golive-report-textarea{height:80px!important}.modal-body.dialog-feedback-ticket .tab-title{border-radius:6px;justify-content:space-between;margin-bottom:24px;font-size:14px;display:flex}.modal-body.dialog-feedback-ticket .tab-title .tab-button{width:252px;height:40px;color:var(--secondary-color);border:1px solid var(--border-color);border-radius:12px;align-items:center;margin-right:8px;padding:13px 16px;display:flex}.modal-body.dialog-feedback-ticket .tab-title .tab-button:last-child{margin-right:0}.modal-body.dialog-feedback-ticket .tab-title .tab-button:hover,.modal-body.dialog-feedback-ticket .tab-title .tab-button:hover .kaihei-radio{border-color:var(--color-primary)}.modal-body.dialog-feedback-ticket .tab-title .tab-button.active{color:var(--text-color);background-color:rgba(100,220,0,.1);border-width:0}.modal-body.dialog-feedback-ticket .tab-title .tab-button .kaihei-radio{margin-right:8px}.modal-body.dialog-feedback-ticket .form-item{margin-bottom:24px}.modal-body.dialog-feedback-ticket .form-item .label{color:var(--text-tip-color);margin-bottom:9px;font-size:12px;line-height:1}.modal-body.dialog-feedback-ticket .form-group-multi-col{flex-wrap:wrap;justify-content:space-between;display:flex}.modal-body.dialog-feedback-ticket .form-group-multi-col.question .form-item{flex:1;width:252px}.modal-body.dialog-feedback-ticket .form-group-multi-col.question .form-item:first-child{margin-right:8px}.modal-body.dialog-feedback-ticket .form-group-multi-col.question .form-item.audio-item{flex-basis:100%;width:100%}.modal-body.dialog-feedback-ticket .form-group-multi-col .form-item{width:100%}.modal-body.dialog-feedback-ticket .textarea-box textarea{height:80px;font-size:14px}.modal-body.dialog-feedback-ticket .upload-group{margin-bottom:8px;display:flex}.modal-body.dialog-feedback-ticket .upload-group .upload-item{border:1px solid var(--border-color);border-radius:12px;width:80px;height:80px;margin-bottom:8px;margin-right:8px;position:relative}.modal-body.dialog-feedback-ticket .upload-group .upload-item:hover .shade{display:flex}.modal-body.dialog-feedback-ticket .upload-group .upload-item:hover .upload-error{display:none}.modal-body.dialog-feedback-ticket .upload-group .upload-item .shade{cursor:pointer;background-color:rgba(0,0,0,.5);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.modal-body.dialog-feedback-ticket .upload-group .upload-item .shade .shade-button{color:#e6eaf0;margin-bottom:6px;font-size:12px}.modal-body.dialog-feedback-ticket .upload-group .upload-item .shade .shade-button:last-child{margin-bottom:0}.modal-body.dialog-feedback-ticket .upload-group .upload-item .shade .shade-button-close{color:rgba(255,255,255,.8);text-align:center;cursor:pointer;background:rgba(0,0,0,.5);border-radius:12px;width:24px;height:24px;line-height:24px;position:absolute;top:-4px;right:-4px}.modal-body.dialog-feedback-ticket .upload-group .upload-item .shade .shade-button-close:hover{color:#fff}.modal-body.dialog-feedback-ticket .upload-group .upload-item .upload-error{background-image:url(https://static.kookapp.cn/app/static/media/file_upload_error.e06eecf7.png);background-size:cover;width:18px;height:18px;position:absolute;top:-6px;right:-6px}.modal-body.dialog-feedback-ticket .upload-group .loading-box{background-color:rgba(0,0,0,.5);border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.modal-body.dialog-feedback-ticket .upload-group .loading-box .kaihei-loading-spin:after{border-color:#999ba1 #edeef0 #edeef0}.modal-body.dialog-feedback-ticket .upload-group .file-preview{border-radius:12px;width:100%;height:100%;overflow:hidden}.modal-body.dialog-feedback-ticket .upload-group .file-preview img,.modal-body.dialog-feedback-ticket .upload-group .file-preview video{object-fit:cover;object-position:center;width:100%;height:100%}.modal-body.dialog-feedback-ticket .upload-group .file-preview .file-type-video{background-image:url(https://static.kookapp.cn/app/static/media/video-play.b62227e8.svg);background-repeat:no-repeat;background-size:contain;width:24px;height:24px;position:absolute;bottom:6px;right:6px}.modal-body.dialog-feedback-ticket .upload-group .file-preview.file{flex-direction:column;justify-content:center;align-items:center;display:flex}.modal-body.dialog-feedback-ticket .upload-group .file-preview.file .fileicon{width:40px;height:32px;color:var(--color-bbb);font-size:32px;line-height:1}.modal-body.dialog-feedback-ticket .upload-group .file-preview.file .filename{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 8px);margin-top:6px;font-size:12px;overflow:hidden}.modal-body.dialog-feedback-ticket .upload-group .button-add{border:2px dashed var(--border-color);cursor:pointer;justify-content:center;align-items:center;display:flex}.modal-body.dialog-feedback-ticket .upload-group .button-add:hover .iconfont{color:var(--text-description-color)}.modal-body.dialog-feedback-ticket .upload-group .button-add .iconfont{width:16px;height:16px;color:var(--text-tip-color);font-size:16px;line-height:16px}.modal-body.dialog-feedback-ticket .upload-group .button-add input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;font-size:0;position:absolute;top:0;left:0}.modal-body.dialog-feedback-ticket .dialog-footer{justify-content:flex-end;width:100%;display:flex;position:absolute;bottom:24px;right:24px}.modal-body.dialog-feedback-ticket .dialog-footer .chuanyu-button{margin-left:8px}.voice-room-tips-message-list{color:#fff;z-index:2;font-size:14px;position:absolute;top:60px;right:28px}.voice-room-tips-message-list .tips-message-item{cursor:pointer;background-color:rgba(0,0,0,.9);border-radius:10px;width:240px;margin-bottom:4px;padding:12px;line-height:20px;transition:all .25s ease-in-out}.voice-room-tips-message-list .tips-message-item .tips-message-icon{color:var(--color-primary)}.voice-room-tips-message-list .tips-message-item .username{margin-left:4px;font-weight:600;line-height:20px}.voice-room-tips-message-list .tips-message-item .message-content{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.voice-room-tips-message-list .tips-message-item .message-content .markdown-preview{color:#fff;line-height:20px}.message-tip-animation-enter{opacity:0;transform:translateY(-20px)}.message-tip-animation-enter.message-tip-animation-enter-active{opacity:1;transform:translateY(0)}.message-tip-animation-exit,.message-tip-animation-exit-active{display:none}.evaluate-footer{justify-content:space-between;width:100%;padding:20px;display:flex;position:absolute;bottom:0;left:0}.evaluate-footer .evaluate-button{display:flex}.evaluate-button{background-color:var(--button-default);border-radius:12px;flex:1;justify-content:center;align-items:center;height:36px;font-size:16px;overflow:hidden}.evaluate-button:hover{background-color:var(--button-default-hover)}.evaluate-button .iconfont{height:36px;margin-right:4px;font-size:22px;line-height:36px}.evaluate-button .text{height:36px;line-height:36px;display:inline-block}.evaluate-button.good{margin-right:16px}.evaluate-button.good .iconfont{color:green}.evaluate-button.bad .iconfont{color:orange}.theme-dark .evaluate-button{color:#fff;background-color:rgba(255,255,255,.2)}.theme-light .evaluate-button{color:#000;background-color:#eee}.test-device .voice-test-icon{text-align:center;background-color:var(--color-primary);color:#fff;border-radius:50%;width:32px;height:32px;margin-right:16px;font-size:24px;line-height:32px}.test-device .test-tips{margin-bottom:16px}.test-device .test-info{align-items:center;display:flex}.test-device .test-info .task-block-container{flex:1}.test-device .device-info{margin-top:24px}.test-device .device-info>.left{margin-right:14px;font-size:12px}.test-device .device-info .selected-device-label{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-color);height:40px;color:var(--main-color);border-radius:12px;flex:1;padding:0 12px;font-size:14px;line-height:40px;overflow:hidden}.test-device .has-sound{background:rgba(255,153,0,.1);border-radius:6px;width:100%;height:30px;margin-top:16px;padding-left:26px;font-size:12px;line-height:30px;position:relative}.test-device .has-sound .icon{background:var(--color-warn);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:14px;display:flex;position:absolute;top:8px;left:8px}.test-device .result-content{position:relative}.test-device .result-content .result-icon{background-position:50%;background-size:100%;border-radius:50%;width:48px;height:48px;position:absolute;top:0;left:0}.test-device .result-content .result-title{color:var(--main-color);margin-bottom:8px;font-size:16px;font-weight:600;line-height:24px}.test-device .result-content .result-desc{font-size:14px;line-height:20px}.test-device .result-content .result-desc-title{margin-bottom:4px}.test-device .result-content .self-check-reason-list{margin-bottom:4px;line-height:24px}.test-device .test-end.success .result-icon{background-color:var(--color-success);background-image:url(https://static.kookapp.cn/app/static/media/message_alert_success.93715449.svg)}.test-device .test-end.failed .result-icon{background-color:var(--color-error);background-image:url(https://static.kookapp.cn/app/static/media/message_alert_error.be15b87a.svg)}.dialog-vip-staytuned{min-width:360px;color:var(--text-color);flex-direction:column;align-items:center;padding:40px;font-size:18px;display:flex}.dialog-vip-staytuned .icon{background-image:url(https://static.kookapp.cn/app/static/media/vip-staytuned.49209fed.png);background-size:cover;width:108px;height:100px;margin-bottom:28px}.dialog-vip-staytuned .description{text-align:center;margin-bottom:24px;font-size:18px}.dialog-friend-gift-vip{width:360px;padding:24px}.dialog-friend-gift-vip .dialog-body{flex-direction:column;align-items:center;display:flex}.dialog-friend-gift-vip .gift-icon{background-image:url(https://static.kookapp.cn/app/static/media/gift@2x.15461b90.png);background-repeat:no-repeat;background-size:100%;width:108px;height:91px;margin-bottom:16px}.dialog-friend-gift-vip .gift-tip{color:var(--main-color);margin-bottom:8px}.dialog-friend-gift-vip .gift-origin{color:var(--text-tip-color);margin-bottom:16px;font-size:14px;display:flex}.dialog-friend-gift-vip .gift-origin b{text-overflow:ellipsis;white-space:nowrap;max-width:190px;color:var(--text-color);margin:0 4px;overflow:hidden}.dialog-friend-gift-vip .gift-detail{color:var(--color-warn);margin-bottom:24px;font-size:18px}.dialog-idiom .idiom-image{justify-content:center;align-items:center;width:300px;min-height:125px;margin:0 auto;display:flex}.dialog-idiom .idiom-image img{cursor:pointer;border-radius:6px;width:100%}.shortcut-repeat-dialog{width:440px;color:var(--text-color);padding:0}.shortcut-repeat-dialog .shortcut-repeat-title{height:74px;padding:0 24px;font-size:20px;font-weight:600;line-height:74px}.shortcut-repeat-dialog .shortcut-repeat-body{padding:0 24px 24px;font-size:14px}.shortcut-repeat-dialog .shortcut-repeat-footer{justify-content:space-between;align-items:center;height:80px;padding:0 24px;display:flex}.shortcut-repeat-dialog .shortcut-repeat-footer .chuanyu-button{margin-left:8px}.shortcut-repeat-dialog .footer-left{color:var(--text-description-color);align-items:center;font-size:14px;display:flex}.first-newversion{width:440px;padding:0 0 84px;font-size:14px}.first-newversion-title{background-color:var(--color-primary);color:#fff;border-radius:16px 16px 0 0;padding:42px 24px 24px;font-size:20px;font-weight:600;line-height:26px}.first-newversion-title .dialog-confirm-sub-title{color:rgba(255,2 55,255,.8);margin-top:8px;font-size:14px;line-height:20px}.first-newversion-body{white-space:pre-wrap;min-height:104px;max-height:306px;margin:24px 24px 16px;line-height:1.6;overflow-y:auto}.first-newversion-body ul{padding-left:16px}.first-newversion-body ul li{list-style-type:disc}.first-newversion-body .cardmessage-update-content{margin-bottom:20px}.first-newversion-body .cardmessage-update-content .kui-card{padding:0;background-color:initial!important}.first-newversion-body .plantext-update-content{margin-bottom:20px}.first-newversion-group{margin-bottom:30px}.first-newversion-group .title{font-weight:700}.first-newversion-footer{justify-content:center;align-items:center;height:80px;display:flex}.first-newversion-footer .type-appprimary{width:116px}.title-icon-wrapper{position:relative}.title-icon-wrapper .center-content{justify-content:center;align-items:center;display:flex}.title-icon-wrapper img{width:16px;height:16px}.title-icon-wrapper .red{background-color:red;border-radius:2px;width:4px;height:4px;position:absolute;top:4px;right:4px}.win-title-bar-icon.collect-icon .guild-unread-icon{border-style:none;top:0;right:0}.shop-icon-tooltip-arrow{color:var(--color-light-bg)}.shop-icon-tooltip-big{background-color:var(--color-light-bg);box-shadow:var(--box-shadow-lg);border-radius:12px;outline-width:0;width:240px;max-width:240px;padding:12px}.shop-icon-tooltip-big-content{text-align:center;flex-direction:column;display:flex}.shop-icon-tooltip-big-content img{border-radius:6px;width:216px;height:122px;margin-bottom:16px}.shop-icon-tooltip-big-content .title{color:var(--text-color);height:22px;padding:0 12px;font-size:16px;font-weight:600;line-height:22px}.shop-icon-tooltip-big-content .desc{color:var(--text-description-color);text-align:justify;margin-top:4px;padding:0 12px;font-size:12px;line-height:18px}.shop-icon-tooltip-big-content .actions{justify-content:space-between;margin-top:12px;padding:0 12px;display:flex}.shop-icon-tooltip-big-content .actions .kook-button{width:92px}.shop-icon-tooltip-small{background-color:var(--color-light-bg);max-width:300px;box-shadow:var(--box-shadow-lg);border-radius:12px;outline-width:0;padding:12px 24px 12px 16px}.shop-icon-tooltip-small-content{display:flex;position:relative}.shop-icon-tooltip-small-content img{border-radius:6px;width:42px;height:42px;margin-right:8px}.shop-icon-tooltip-small-content .info{flex-direction:column;flex:1;justify-content:center;display:flex}.shop-icon-tooltip-small-content .title{color:var(--color-primary);font-size:16px;font-weight:600;line-height:22px}.shop-icon-tooltip-small-content .desc{color:var(--text-description-color);font-size:12px;line-height:18px}.shop-icon-tooltip-small-content .shop-close-icon{cursor:pointer;width:16px;height:16px;position:absolute;top:-6px;right:-18px}.shop-icon-tooltip-small-content .shop-close-icon svg path{stroke:var(--text-description-color)}.shop-icon-tooltip-small-content .shop-close-icon:hover svg path{stroke:var(--text-color)}.kook-menu.channel-collect-list-tooltip{width:296px;max-width:unset;border-radius:12px;margin-top:-11px;padding:8px 0}.kook-menu.channel-collect-list-tooltip .collect-guild-info{margin-top:8px;margin-bottom:8px}.kook-menu.channel-collect-list-tooltip .collect-guild-name{color:var(--text-color);font-size:12px;font-weight:600}.kook-menu.channel-collect-list-tooltip .channel-collect-list{max-height:552px;padding-left:14px;padding-right:14px}.kook-menu.channel-collect-list-tooltip .channel-item .new-audio-channel-title{height:32px;margin-bottom:0}.kook-menu.channel-collect-list-tooltip .audio-channel-item{margin-bottom:4px}.kook-menu.channel-collect-list-tooltip .group-audio-other-users{padding-top:0;padding-left:40px}.kook-menu.channel-collect-list-tooltip .channel-item.active .newchannel-title,.kook-menu.channel-collect-list-tooltip .channel-item.active .new-audio-channel-title{background-color:var(--color-line)}.channel-collect-list:empty{text-align:center;padding-top:18px;padding-bottom:18px}.channel-collect-list:empty:after{content:"暂无关注的频道";color:var(--text-description-color);line-height:20px}.channel-setting-modal{position:fixed}.channel-setting-modal .modal-right .setting-title{justify-content:space-between;margin-bottom:44px;display:flex}.channel-setting-modal .modal-right .setting-title .title{color:#101010;font-size:20px;line-height:29px}.channel-setting-modal .modal-right .setting-content{margin-top:28px;margin-bottom:40px}.channel-setting-modal .modal-right .setting-content .channel-name-tip{color:rgba(0,0,0,.54);margin-top:28px;margin-bottom:10px;font-size:14px;line-height:20px}.channel-setting-modal .name-ico{margin-right:2px;font-size:12px}.edit-channel-type-text .form-group{margin-bottom:20px}.edit-channel-type-text .form-group .form-tips{margin-bottom:10px;font-size:14px}.sound-quality-wrapper input{width:100%}.sound-quality-wrapper .sound-quality-steps{color:var(--text-description-color);justify-content:space-between;margin-top:2px;font-size:12px;line-height:18px;display:flex}.range-back{margin:30px 0 10px}.range-back .kaihei-range{position:relative;top:2px}.range-back .kaihei-range .input-range__slider{margin-left:-7px}.range-back .kaihei-range .input-range__track{border-radius:0}.slow-mode-range-list{position:relative}.slow-mode-range-item{background-color:var(--border-color);width:2px;height:16px;margin-right:48px;position:absolute}.slow-mode-range-item .text{white-space:nowrap;font-size:12px;position:absolute;bottom:20px;left:0;transform:translate(-50%)}.thread-mode-bg{border-radius:12px;outline-width:2px;width:156px;height:84px}.list_mode,.image_mode{background-color:#e2e4f1}.theme-dark .list_mode,.theme-dark .image_mode{background-color:#636571}.list_mode{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.list_mode .list-mode-item{background:#edeff2;border-radius:7px;width:116px;height:12px}.theme-dark .list_mode .list-mode-item{background-color:#80848f}.image_mode{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:15px 22px;display:flex}.image_mode .list-image-item{background:#edeff2;border-radius:4px;width:52px;height:23px}.theme-dark .image_mode .list-image-item{background-color:#80848f}.setting-form-item.thread-layout-setting{align-items:flex-start}.category-manage__wrpper{background:var(--color-grey-bg);border-radius:16px;flex-direction:row;align-items:flex-start;display:flex;position:relative}.category-manage__wrpper .role-nav-list-box{position:relative}.category-manage__wrpper .setting-detail__wrapper{flex:1;padding:32px 24px}.category-manage__wrpper .setting-detail__wrapper .manage-item__wrapper{border-bottom:1px solid var(--color-line);padding-top:12px;padding-bottom:20px}.category-manage__wrpper .setting-detail__wrapper .manage-item__wrapper .role-list-selector-container{width:100%}.category-manage__wrpper .setting-detail__wrapper .manage-item__wrapper .thread-button-role-add{background-color:var(--color-light-bg);width:48px;height:32px;color:var(--text-description-color);cursor:pointer;z-index:1;border-radius:16px;justify-content:space-around;align-items:center;margin-left:4px;font-size:16px;display:inline-flex}.category-manage__wrpper .setting-detail__wrapper .manage-item__wrapper .un-select-tips{color:var(--text-description-color);margin-left:8px;line-height:32px}.thread-setting-title{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.role-tooltip-content{width:234px;overflow:hidden}.role-tooltip-content .role-tag-item{text-overflow:ellipsis;border-radius:16px;max-width:234px;margin-right:0;overflow:hidden}.role-tooltip-content .role-tag-item.bg-color-ede{margin-right:0}.role-tooltip-content .bg-color-ede{box-sizing:border-box}.role-tag-list{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.role-tag-list .button-role-remove{border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-right:2px;display:flex;position:relative}.role-tag-list .button-role-remove .icon{background-color:var(--text-color);border-radius:50%;width:8px;height:8px;display:inline-block}.role-tag-list .button-role-remove .kookiconfont{font-size:16px;display:none}.role-tag-list .button-role-remove.can-remove{cursor:pointer}.role-tag-list .button-role-remove.can-remove:hover .kookiconfont{display:inline-block}.role-tag-list .button-role-remove.can-remove:hover .icon{display:none}.role-tag-list .button-role-add{background-color:var(--color-light-bg);color:var(--text-description-color);cursor:pointer;z-index:1;border-radius:16px;align-items:center;padding:6px 16px;font-size:16px;line-height:20px;display:inline-flex}.role-tag-list .button-role-add .text{margin-left:4px;font-size:12px}.role-tag-list .button-role-add:hover{color:var(--text-color)}.role-tag-list .button-role-more{cursor:pointer;background-color:var(--color-light-bg);border-radius:16px;height:32px;padding:0 12px;line-height:32px;position:relative}.role-tag-item{height:32px;color:var(--text-color);border-radius:16px;flex-shrink:0;align-items:center;padding:0 16px 0 12px;display:flex}.multiple .role-tag-item{margin-bottom:8px}.role-tag-item .role-name{white-space:nowrap;text-overflow:ellipsis;max-width:182px;overflow:hidden}.role-tag-item .emoji{height:12px;margin-top:-3px;display:inline-block}.app-bg-layer{width:100%;height:100%;position:absolute;overflow:hidden}.app-bg-layer img,.app-bg-layer video{display:block}.app-bg-layer video{object-fit:cover;width:100%;height:100%}.app-mask-layer{z-index:1;background-color:var(--color-deep-bg);width:100%;height:100%;position:absolute}.custom-style-tips{width:160px}.custom-style-pannel{z-index:100;margin:auto;position:absolute;top:32px;bottom:0;left:0;right:0}.custom-style-pannel:before{content:"";height:32px;margin:auto;position:absolute;bottom:100%;left:0;right:116px}.custom-style-pannel .save-pannel-wrapper{justify-content:center;margin:48px auto 0;display:flex}.custom-style-pannel .save-pannel{z-index:2;-webkit-backdrop-filter:initial;backdrop-filter:initial;background-color:#35373d;border-radius:16px;justify-content:space-between;align-items:center;padding:13px 24px;display:flex;box-shadow:0 0 0 2px rgba(255,255,255,.06)}.theme-menu-blur .custom-style-pannel .save-pannel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5)}.custom-style-pannel .save-pannel .left{flex:1;margin-right:36px}.custom-style-pannel .save-pannel .left .title{height:22px;color:var(--main-color);font-size:16px;font-weight:600;line-height:22px}.custom-style-pannel .save-pannel .left .desc{width:228px;color:var(--text-description-color);margin-top:2px;font-size:12px;font-weight:400;line-height:18px}.custom-style-pannel .save-pannel .by-buff-btn{align-items:center;display:flex}.custom-style-pannel .save-pannel .by-buff-btn .icon{background-image:url(https://static.kookapp.cn/app/static/media/buff@2x.46512a15.png);background-size:100%;width:14px;height:14px;margin-right:4px}.custom-style-pannel .save-pannel .right{flex-shrink:0;display:flex}.custom-style-pannel .save-pannel .right button:first-child{margin-right:8px}.style-edit-pannel{z-index:1;width:296px;-webkit-backdrop-filter:initial;backdrop-filter:initial;background-color:#35373d;border-radius:16px;flex-direction:column;min-height:620px;max-height:calc(100% - 80px);display:flex;position:absolute;top:50%;right:40px;transform:translateY(-50%);box-shadow:0 0 0 2px rgba(255,255,255,.06)}.theme-menu-blur .style-edit-pannel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5)}.style-edit-pannel .title{color:var(--main-color);padding:24px;font-size:16px;font-weight:600;line-height:22px}.style-edit-pannel .edit-form{margin-bottom:32px;padding-left:24px;padding-right:24px}.style-edit-pannel .edit-form.thin-scroll-bar{overflow-y:overlay}.style-edit-pannel .edit-form .edit-form-item:not(:last-child){margin-bottom:24px}.style-edit-pannel .edit-form .edit-form-item-main_tone{color:var(--main-color)}.style-edit-pannel .edit-form .auto-height-edit-form{transition:all .3s}.style-edit-pannel .edit-form .form-label{color:var(--text-description-color);margin-bottom:12px;font-size:12px;font-weight:600;line-height:18px}.style-edit-pannel .edit-form .form-tips{color:var(--text-tip-color);margin-top:8px;font-size:12px;font-weight:400;line-height:18px}.style-edit-pannel .pannel-footer{justify-content:flex-end;padding-bottom:24px;padding-left:24px;padding-right:24px;display:flex}.edit-form .form-image-box{background-color:#45464d;width:248px;height:140px;position:relative;overflow:hidden}.edit-form .bg-remove{color:rgba(255,255,255,.8);cursor:pointer;background-color:rgba(0,0,0,.5);border-radius:50%;width:24px;height:24px;font-size:24px;line-height:24px;position:absolute;top:4px;right:4px}.edit-form .form-text{color:var(--main-color);font-size:14px;font-weight:400;line-height:20px}.edit-form .edit-upload-item{border:1px solid var(--border-color);border-radius:12px;width:248px;height:140px;position:relative}.edit-form .button-add{border:2px dashed var(--border-color);cursor:pointer;justify-content:center;align-items:center;display:flex}.edit-form .button-add:hover .iconfont{color:var(--text-description-color)}.edit-form .button-add .iconfont{width:16px;height:16px;color:var(--text-tip-color);font-size:16px;line-height:16px}.edit-form .button-add input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;font-size:0;position:absolute;top:0;left:0}.custom-style-color-panel{justify-content:space-between;display:flex}.custom-style-color-panel .select-color-picker{top:initial;position:absolute;bottom:calc(100% + 4px);left:0}.custom-style-color-panel .select-color-picker .flexbox-fix input,.custom-style-color-panel .select-color-picker .flexbox-fix label{color:var(--text-color)!important}.custom-style-color-panel .select-color-picker .flexbox-fix input{background-color:var(--color-controls);border-radius:4px;box-shadow:initial!important;border:0!important;width:100%!important}.custom-style-color-panel .custom-style-color_picker{width:56px;height:56px;color:var(--text-color);border-radius:50%;flex-shrink:0;font-size:24px;position:relative}.custom-style-color-panel .custom-style-color_picker.picker-has-no-color{background-image:url(https://static.kookapp.cn/app/static/media/radialGradientBitmap.06979c3e.png);background-repeat:no-repeat;background-size:cover}.custom-style-color-panel .custom-style-color_picker.picker-has-no-color .custom-style-color-item-active{display:none}.custom-style-color-panel .custom-style-color_picker .custom-style-color-item-active{box-sizing:border-box;border:2px solid #7acc35;border-radius:50%;width:62px;height:62px;display:block;transform:translate(-3px,-3px)}.custom-style-color-panel .custom-style-color_picker .dropper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-style-color-panel .custom-style-color-items{flex-wrap:wrap;display:flex}.custom-style-color-panel .custom-style-color-item{border:1px solid rgba(230,234,240,.4);border-radius:50%;flex-shrink:0;width:24px;height:24px;margin-bottom:8px;margin-left:8px}.custom-style-color-panel .custom-style-color-item .custom-style-color-item-active{box-sizing:border-box;border:2px solid #7acc35;border-radius:50%;width:30px;height:30px;display:block;transform:translate(-4px,-4px)}.guild-blacklist{flex-direction:column;height:100%;display:flex}.guild-setting-modal{position:fixed}.guild-setting-modal .setting-content{margin-top:28px;margin-bottom:40px}.guild-setting-modal .setting-content .guild-name-tip{margin-top:20px;margin-bottom:10px;font-size:14px;line-height:20px}.guild-setting-modal .copy-input{width:100%}.scrollarea-root{background-color:var(--color-grey-bg);border-radius:16px;height:100%;max-height:63vh;overflow:hidden}.blacklist{background-color:var(--color-grey-bg);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:16px;font-size:14px}.blacklist .result-total{cursor:default;height:72px;font-size:14px;font-weight:600;line-height:72px}.blacklist .result-total:hover{background-color:var(--color-grey-bg)}.blacklist .black-user-info{flex:1;display:flex;overflow:hidden}.blacklist .black-user-info .user-name{text-overflow:ellipsis;overflow:hidden}.blacklist .black-user-info .tag{vertical-align:text-bottom;margin-right:4px;line-height:16px}.blacklist .emoji{height:14px;margin-top:-3px;display:inline-block}.blacklist li{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:8px;height:80px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.blacklist li .left-info{flex:1;align-items:center;display:flex}.blacklist li .user-avatar{background-size:contain;border-radius:50%;width:40px;height:40px;margin-right:16px}.blacklist li .user-info-box{flex-direction:column;flex:1;display:flex}.blacklist li .user-info-box .user-name{white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:14px;font-weight:400;overflow:hidden}.blacklist li .black_created_time{color:#999}.blacklist li:last-child{border-bottom:none}.blacklist li:hover{background-color:var(--menu-hover)}.blacklist li:hover .chuanyu-button{display:inline-block}.blacklist .user-identify{color:rgba(0,0,0,.3);margin-left:5px;font-weight:400}.blacklist .chuanyu-button{margin-left:24px;display:none}.setting-introduction{margin-bottom:20px;font-size:14px}.setting-content-none{color:#bbb;text-align:center;margin-top:140px}.setting-content-none .setting-content-none-title{margin-bottom:24px;font-size:20px;font-weight:700}.setting-content-none .setting-content-none-tip{text-align:left;max-width:460px;font-size:18px;line-height:30px;display:inline-block}.setting-content-group{border-bottom-style:solid;border-bottom-width:1px;margin-bottom:20px}.setting-content-group .switch-box{vertical-align:middle;display:inline-block}.setting-content-group .label{margin-right:20px;font-size:14px}.setting-content-group .setting-introduction{margin:10px 0}.guild-double-layout{display:flex}.guild-double-layout .selector-label{max-width:265px}.guild-double-layout .form-guild-name,.guild-double-layout .form-guild-name-new,.guild-double-layout .form-guild-name-legacy{flex:1;margin-right:20px}.guild-double-layout .form-guild-area{flex:1}.guild-double-layout .form-guild-default-channel{flex:1;margin-right:20px}.guild-double-layout .form-guild-welcome-channel{flex:1}.guild-area-option-item{justify-content:space-between;display:flex}.guild-area-option-item .guild-area-name{text-overflow:ellipsis;overflow:hidden}.guild-area-option-item .guild-area-status.crowding{color:var(--color-error);flex-shrink:0}.guild-open-id{justify-content:space-between;height:14px;display:flex}.open-id-settings .copy-input{background-color:transparent;margin-right:8px}.recommend-guild-already{background-color:var(--color-grey-bg);border-radius:16px;padding:20px 24px}.recommend-guild-already .title{margin-bottom:8px;font-size:20px;font-weight:700;line-height:26px}.recommend-guild-already .tips{margin-bottom:16px;font-size:14px;line-height:20px}.recommend-guild-already .preview-img{width:200px;height:130px;margin-left:40px}.selector-channel-label{color:var(--text-color);display:flex}.selector-channel-label.disabled{color:var(--text-tip-color)}.selector-channel-label .icon{flex-shrink:0;margin-right:8px;font-size:16px}.selector-channel-label .text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;overflow:hidden}.selector-channel-option .iconfont,.selector-channel-option .kookiconfont,.selector-channel-option .channel-name{margin-right:4px}.setting-mask-left-top{border-color:var(--border-color);border-style:solid;border-width:0 0 1px;align-items:center;height:64px;margin-bottom:8px;padding:16px 18px;font-weight:700;display:flex;position:relative;overflow:hidden}.setting-mask-left-top .user-info{align-items:center;display:flex;overflow:hidden}.setting-mask-left-top .user-info .user-avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;width:32px;height:32px;margin-right:8px}.setting-mask-left-top .user-info .user-name{white-space:nowrap;text-overflow:ellipsis;color:var(--main-color);flex:1;font-size:18px;line-height:32px;overflow:hidden}.setting-mask-left-top .user-info .user-name .emoji{height:18px;margin-top:-3px;display:inline-block}.setting-mask-left-top .title{white-space:nowrap;text-overflow:ellipsis;color:var(--main-color);font-size:20px;line-height:150%;overflow:hidden}.setting-mask-left-top .title .emoji{height:20px;margin-top:-3px;display:inline-block}.mask-setting-nav-group{margin-bottom:16px;padding-left:8px}.mask-setting-nav-group .mask-nav-group-name{color:var(--text-tip-color);height:32px;padding:0 16px;font-size:12px;line-height:32px}.mask-setting-nav-group .mask-nav-group-name .emoji{height:12px;margin-top:-3px;display:inline-block}.mask-setting-nav-group-line{background-color:var(--color-line);height:1px;margin-bottom:16px}.mask-nav-group-item{cursor:pointer;border-radius:12px;align-items:center;height:40px;margin-bottom:2px;padding:8px 16px;display:flex;position:relative}.mask-nav-group-item svg{position:absolute;right:0}.mask-nav-group-item svg path{fill:var(--background-primary)}.mask-nav-group-item svg.top-svg{bottom:100%}.mask-nav-group-item svg.bottom-svg{top:100%}.mask-nav-group-item .shop-icon svg path{fill:none}.mask-nav-group-item .nav-icon{background-size:100%;width:24px;height:24px;margin-right:8px;font-size:24px}.mask-nav-group-item .nav-icon.PROFILE{background-image:url(https://static.kookapp.cn/app/static/media/guild_profile.d27c022f.svg)}.theme-dark .mask-nav-group-item .nav-icon.PROFILE{background-image:url(https://static.kookapp.cn/app/static/media/dark_guild_profile.fbe1bf1f.svg)}.mask-nav-group-item .nav-icon.PASSWORD{background-image:url(https://static.kookapp.cn/app/static/media/guild_password.244f5f29.svg)}.theme-dark .mask-nav-group-item .nav-icon.PASSWORD{background-image:url(https://static.kookapp.cn/app/static/media/dark_guild_password.36878feb.svg)}.mask-nav-group-item .nav-icon.SECURITY{background-image:url(https://static.kookapp.cn/app/static/media/guild_security.98753b99.svg)}.theme-dark .mask-nav-group-item .nav-icon.SECURITY{background-image:url(https://static.kookapp.cn/app/static/media/dark_guild_security.6c4c58a7.svg)}.mask-nav-group-item .nav-icon.ROLES{background-image:url(https://static.kookapp.cn/app/static/media/guild_role.f807d4e2.svg)}.theme-dark .mask-nav-group-item .nav-icon.ROLES{background-image:url(https://static.kookapp.cn/app/static/media/guild_role_dark.f6611e1a.svg)}.mask-nav-group-item .nav-icon.CUSTOM_EMOJI{background-image:url(https://static.kookapp.cn/app/static/media/guild_emoji.34b3e92e.svg)}.theme-dark .mask-nav-group-item .nav-icon.CUSTOM_EMOJI{background-image:url(https://static.kookapp.cn/app/static/media/guild_emoji_dark.7dcf03f8.svg)}.mask-nav-group-item .nav-icon.MANAGER_LOG{background-image:url(https://static.kookapp.cn/app/static/media/manager_log.c08acb6f.svg)}.theme-dark .mask-nav-group-item .nav-icon.MANAGER_LOG{background-image:url(https://static.kookapp.cn/app/static/media/manager_log_dark.a73fff41.svg)}.mask-nav-group-item .nav-icon.GUILD_TOOLS{background-image:url(https://static.kookapp.cn/app/static/media/guild_tools.25db0a96.svg)}.theme-dark .mask-nav-group-item .nav-icon.GUILD_TOOLS{background-image:url(https://static.kookapp.cn/app/static/media/guild_tools_dark.be16508e.svg)}.mask-nav-group-item .nav-icon.MEMBER{background-image:url(https://static.kookapp.cn/app/static/media/guild_member.28e47ada.svg)}.theme-dark .mask-nav-group-item .nav-icon.MEMBER{background-image:url(https://static.kookapp.cn/app/static/media/guild_member_dark.f795387a.svg)}.mask-nav-group-item .nav-icon.INVITE_LINK_LIST,.mask-nav-group-item .nav-icon.MY_INVITES{background-image:url(https://static.kookapp.cn/app/static/media/guild_invite.72ea5a7c.svg)}.theme-dark .mask-nav-group-item .nav-icon.INVITE_LINK_LIST,.theme-dark .mask-nav-group-item .nav-icon.MY_INVITES{background-image:url(https://static.kookapp.cn/app/static/media/guild_invite_dark.7ed66e49.svg)}.mask-nav-group-item .nav-icon.BLACK_LIST{background-image:url(https://static.kookapp.cn/app/static/media/guild_blacklist.b854d400.svg)}.theme-dark .mask-nav-group-item .nav-icon.BLACK_LIST{background-image:url(https://static.kookapp.cn/app/static/media/guild_blacklist_dark.dc608a2e.svg)}.mask-nav-group-item .nav-icon.GUILD_DELETE{background-image:url(https://static.kookapp.cn/app/static/media/guild_delete.15a6250c.svg)}.mask-nav-group-item .nav-icon.USER_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/setting_account.b542538e.svg)}.theme-dark .mask-nav-group-item .nav-icon.USER_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/setting_account_dark.8acaea39.svg)}.mask-nav-group-item .nav-icon.PRIVATE_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/setting_privacy.f3db51cf.svg)}.theme-dark .mask-nav-group-item .nav-icon.PRIVATE_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/setting_privacy_dark.44b0c4ac.svg)}.mask-nav-group-item .nav-icon.AUTH_MANAGER{background-image:url(https://static.kookapp.cn/app/static/media/setting_auth.d9f86984.svg)}.theme-dark .mask-nav-group-item .nav-icon.AUTH_MANAGER{background-image:url(https://static.kookapp.cn/app/static/media/setting_auth_dark.5a52a2d7.svg)}.mask-nav-group-item .nav-icon.AUDIO_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/setting_audio.80c8c075.svg)}.theme-dark .mask-nav-group-item .nav-icon.AUDIO_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/setting_audio_dark.86a00fea.svg)}.mask-nav-group-item .nav-icon.KEYBORD_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/keybord-setting.86196700.svg)}.theme-dark .mask-nav-group-item .nav-icon.KEYBORD_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/keybord-setting-dark.fd223e10.svg)}.mask-nav-group-item .nav-icon.EMOJI_MANAGE{background-image:url(https://static.kookapp.cn/app/static/media/guild_emoji.34b3e92e.svg)}.theme-dark .mask-nav-group-item .nav-icon.EMOJI_MANAGE{background-image:url(https://static.kookapp.cn/app/static/media/guild_emoji_dark.7dcf03f8.svg)}.mask-nav-group-item .nav-icon.AUDIO_SUB{background-image:url(https://static.kookapp.cn/app/static/media/setting_overlay.d605a6ba.svg)}.theme-dark .mask-nav-group-item .nav-icon.AUDIO_SUB{background-image:url(https://static.kookapp.cn/app/static/media/setting_overlay_dark.7a6a4897.svg)}.mask-nav-group-item .nav-icon.NOTIFY_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/setting_notify.f0773393.svg)}.theme-dark .mask-nav-group-item .nav-icon.NOTIFY_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/setting_notify_dark.e805d1ec.svg)}.mask-nav-group-item .nav-icon.DISPLAY{background-image:url(https://static.kookapp.cn/app/static/media/setting_display.6dd08382.svg)}.theme-dark .mask-nav-group-item .nav-icon.DISPLAY{background-image:url(https://static.kookapp.cn/app/static/media/setting_display_dark.fe54407f.svg)}.mask-nav-group-item .nav-icon.LIVE_TOOLS{background-image:url(https://static.kookapp.cn/app/static/media/guild_tools.25db0a96.svg)}.theme-dark .mask-nav-group-item .nav-icon.LIVE_TOOLS{background-image:url(https://static.kookapp.cn/app/static/media/guild_tools_dark.be16508e.svg)}.mask-nav-group-item .nav-icon.TTS{background-image:url(https://static.kookapp.cn/app/static/media/setting_tts.a38ce485.svg)}.theme-dark .mask-nav-group-item .nav-icon.TTS{background-image:url(https://static.kookapp.cn/app/static/media/setting_tts_dark.e3972780.svg)}.mask-nav-group-item .nav-icon.VOICE_DICTATION{background-image:url(https://static.kookapp.cn/app/static/media/setting_voice_dic.8c9b8e34.svg)}.theme-dark .mask-nav-group-item .nav-icon.VOICE_DICTATION{background-image:url(https://static.kookapp.cn/app/static/media/setting_voice_dic_dark.d7250ad5.svg)}.mask-nav-group-item .nav-icon.WIN_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/setting_windows.633b71eb.svg)}.theme-dark .mask-nav-group-item .nav-icon.WIN_SETTING{background-image:url(https://static.kookapp.cn/app/static/media/setting_windows_dark.06e8fa54.svg)}.mask-nav-group-item .nav-icon.UPDATE_LOG{background-image:url(https://static.kookapp.cn/app/static/media/setting_update_log.4b7eedfa.svg)}.theme-dark .mask-nav-group-item .nav-icon.UPDATE_LOG{background-image:url(https://static.kookapp.cn/app/static/media/setting_update_log_dark.b75ed2fc.svg)}.mask-nav-group-item .nav-icon.GAME_STATE{background-image:url(https://static.kookapp.cn/app/static/media/setting_gamestate.50e703e3.svg)}.theme-dark .mask-nav-group-item .nav-icon.GAME_STATE{background-image:url(https://static.kookapp.cn/app/static/media/setting_gamestate_dark.9269dcef.svg)}.mask-nav-group-item .nav-icon.BUY_VIP{background-image:url(https://static.kookapp.cn/app/static/media/setting_vip_icon.1fc52f95.svg)}.mask-nav-group-item .nav-icon.GUILD_BOOST{background-image:url(https://static.kookapp.cn/app/static/media/setting_guild_rights_icon.9c470777.svg)}.theme-dark .mask-nav-group-item .nav-icon.GUILD_BOOST{background-image:url(https://static.kookapp.cn/app/static/media/setting_guild_rights_icon_dark.df5d9a55.svg)}.mask-nav-group-item .nav-icon.ADVANCED{background-image:url(https://static.kookapp.cn/app/static/media/setting_advanced_light.b9555cc9.svg)}.theme-dark .mask-nav-group-item .nav-icon.ADVANCED{background-image:url(https://static.kookapp.cn/app/static/media/setting_advanced_dark.c0d705d3.svg)}.mask-nav-group-item .nav-icon.BILL{background-image:url(https://static.kookapp.cn/app/static/media/setting_bill_icon.862afb07.svg)}.theme-dark .mask-nav-group-item .nav-icon.BILL{background-image:url(https://static.kookapp.cn/app/static/media/setting_bill_icon_dark.f7c015f1.svg)}.mask-nav-group-item .nav-icon.VIP_CDKEY{background-image:url(https://static.kookapp.cn/app/static/media/setting_cdk.997a2642.svg)}.theme-dark .mask-nav-group-item .nav-icon.VIP_CDKEY{background-image:url(https://static.kookapp.cn/app/static/media/setting_cdk_dark.07d19568.svg)}.mask-nav-group-item .nav-icon.LOGOUT{background-image:url(https://static.kookapp.cn/app/static/media/setting_logout.82f2eb2f.svg)}.mask-nav-group-item .nav-icon.NET_DEBUG{background-image:url(https://static.kookapp.cn/app/static/media/setting_debug.577057c8.svg)}.theme-dark .mask-nav-group-item .nav-icon.NET_DEBUG{background-image:url(https://static.kookapp.cn/app/static/media/setting_debug_dark.1af5f526.svg)}.mask-nav-group-item .nav-icon.BOOST_STATUS{background-image:url(https://static.kookapp.cn/app/static/media/setting_guild_rights_icon.9c470777.svg)}.theme-dark .mask-nav-group-item .nav-icon.BOOST_STATUS{background-image:url(https://static.kookapp.cn/app/static/media/setting_guild_rights_icon_dark.df5d9a55.svg)}.mask-nav-group-item .nav-text{color:var(--text-color);font-size:16px;position:relative}.mask-nav-group-item .nav-text .unread{background-color:var(--color-error);border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:-8px}.mask-nav-group-item .goods-tag{border-color:transparent;position:absolute;right:16px}.mask-nav-group-item:hover{background-color:var(--color-line)}.mask-nav-group-item.active{background-color:var(--color-grey-bg)}.mask-nav-group-item.active .nav-text{color:var(--color-primary)}.mask-nav-group-item.red-color{background-image:initial;border-radius:6px}.mask-nav-group-item.red-color .nav-text{color:var(--color-error)}.mask-nav-group-item.red-color:hover{background-color:rgba(255,0,0,.05)}.mask-nav-group-item.red-color.active{background-color:var(--color-error);margin-right:8px}.mask-nav-group-item.red-color.active .nav-text{color:#fff}.mask-nav-group-item.red-color.active .nav-icon.GUILD_DELETE{background-image:url(https://static.kookapp.cn/app/static/media/guild_delete_active.108c44ee.svg)}.mask-nav-group-item.red-color.active .nav-icon.LOGOUT{background-image:url(https://static.kookapp.cn/app/static/media/setting_logout_active.99c32c8f.svg)}.mask-nav-group-item .emoji{height:16px;margin-top:-3px;display:inline-block}.mask-nav-group-item .shop-icon{color:var(--text-tip-color);font-size:16px;position:absolute;top:12px;right:16px}.nav-danger-icon{color:#fff;background-color:var(--color-error);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:3px;font-size:14px;display:flex}.guild_black_list_wrapper{flex-direction:column;display:flex;position:relative;overflow:hidden}.guild_black_list_wrapper .guild_black_action{justify-content:space-between;margin-bottom:24px;display:flex}.guild_black_list_wrapper .guild_black_action .search-input{width:320px;height:32px}.profile .kook-alert{margin-bottom:16px}.profile .small-guild-banner{height:80px;margin-left:16px;padding-left:24px;position:relative}.profile .small-guild-banner:after{content:"";background-color:var(--border-color);width:2px;height:32px;position:absolute;top:20px;left:0}.profile .small-guild-banner .img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:142px;height:80px;position:relative;overflow:hidden}.profile .small-guild-banner .img:after{content:"封面";color:#fff;text-align:center;background-color:rgba(0,0,0,.6);width:100px;padding-top:20px;padding-bottom:5px;font-size:12px;position:absolute;top:-13px;right:-41px;transform:rotate(45deg)scale(.9)}.profile .kaihei-icon-uploader-cmp{margin-bottom:24px}.profile .guild-info-right{position:relative;left:4px}.profile .guild-infos .kaihei-guild-icon{margin-right:16px}.profile .guild-infos .guild-name{height:26px;color:var(--text-color);font-size:18px;font-weight:700;line-height:26px}.profile .guild-infos .guild-desc{color:var(--text-description-color);margin-top:4px;font-size:12px;font-weight:400;line-height:16px}.guild-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;width:320px;height:188px;overflow:hidden}.guild-banner.small{width:240px;height:144px}.guild-banner .status-mask{color:#fff;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.guild-banner.empty{background-color:var(--color-ede);color:var(--text-tip-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;font-size:19px;font-style:normal;display:flex;font-family:iconfont!important}.guild-banner.empty:before{content:""}.flexCenter{align-items:center;display:flex}.arrow-text-button{font-size:12px;position:relative}.arrow-text-button.disabled{opacity:.5}.arrow-text-button:not(.disabled){cursor:pointer}.arrow-text-button .iconfont{justify-content:center;align-items:center;font-size:16px;position:absolute;top:0;right:0}.arrow-text-button:hover{color:var(--text-description-color)}.guild-banner-upload{cursor:pointer;background-repeat:no-repeat;background-size:cover;border-radius:12px;flex-shrink:0;width:208px;height:117px;position:relative}.guild-banner-upload.empty{border:2px dashed var(--text-tip-color);color:var(--text-tip-color);justify-content:center;align-items:center;display:flex}.guild-banner-upload.disabled{cursor:not-allowed}.guild-banner-upload .icon-delete{color:rgba(255,255,255,.8);text-align:center;cursor:pointer;background:rgba(0,0,0,.5);border-radius:12px;width:24px;height:24px;line-height:24px;position:absolute;top:-4px;right:-4px}.guild-banner-upload .icon-delete:hover{color:#fff}.guild-banner-upload .edit-avatar-icon{position:absolute;bottom:-4px;right:-4px}.gradient_color_panel{flex-wrap:wrap;gap:10px;display:flex}.gradient_color_panel .gradient_color_item{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.gradient_color_panel .gradient_color_item:hover{cursor:pointer}.gradient_color_panel .gradient_color_item.disabled{opacity:.5;cursor:not-allowed}.gradient_color_panel .gradient_color_item svg{visibility:hidden}.gradient_color_panel .gradient_color_item .gradient_color_item_check{border:2px solid var(--color-primary);border-radius:50%;width:26px;height:26px;position:absolute;top:-3px;left:-3px}.gradient_color_panel:hover svg{visibility:visible}.gradient_color_panel .dark_lock{color:#fff}.gradient_color_panel .light_lock{color:#222}.gradient_color_panel .default_color_bg{background-image:url(https://img.kookapp.cn/assets/item/resources/color-default@2x.png);background-size:cover}.gradient_limit_tips{color:#999;height:18px;margin-top:8px;font-size:12px;font-weight:400;line-height:18px}.gradient_limit_tips .app-simple-link{line-height:18px}.guild-card-item{width:100%;height:100%;box-shadow:var(--box-shadow);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;flex-direction:column;transition:top .25s ease-in-out,box-shadow .25s ease-in-out;display:flex;position:relative;top:0}.guild-card-item .outer-tag{color:var(--text-tip-color);position:absolute;bottom:20px;right:24px}.guild-card-item .outer-tag.enabled:hover{color:var(--text-description-color)}.guild-card-item .back{border-radius:24px;height:100%;overflow:hidden}.guild-card-item .back .back-top{background-position:top;background-repeat:no-repeat;background-size:cover;background-color:var(--color-grey-bg);background-image:url(https://static.kookapp.cn/app/static/media/default_banner.ac500649.webp);height:158px;transition:transform .15s ease-out;display:block;position:relative}.guild-card-item .back .back-bottom{width:100%;height:210px;position:absolute;bottom:0}.guild-card-item .front-info{color:var(--text-color);background-color:#fefefe;border-radius:8px 8px 24px 24px;width:100%;height:187px;padding:28px 24px 20px;position:absolute;bottom:0}.theme-dark .guild-card-item .front-info{background-color:#35373d}.guild-card-item .front-info .guild-logo{background-color:var(--color-light-bg);color:#fff;border-radius:20px;width:56px;height:56px;padding:4px;font-size:20px;position:absolute;top:-36px;left:20px}.guild-card-item .front-info .guild-logo .inner{background-color:#222;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.guild-card-item .front-info .guild-logo .card-icon{border-radius:16px;width:100%;height:100%}.guild-card-item .front-info .card-title{align-items:center;display:flex}.guild-card-item .front-info .card-title .text{text-overflow:ellipsis;white-space:nowrap;color:var(--text-color);font-size:16px;font-weight:600;line-height:22px;overflow:hidden}.guild-card-item .front-info .card-tags{align-items:center;margin-top:8px;display:flex}.guild-card-item .front-info .card-tags .guild-boost-level{background:var(--color-success);text-align:center;color:#fff;border-radius:10px;width:38px;height:15px;font-family:Montserrat-Bold;font-size:12px;font-weight:600;line-height:15px;display:inline-block}.guild-card-item .front-info .card-tags .guild-boost-level .text{display:inline-block;transform:scale(.92)}.guild-card-item .front-info .card-tags .guild-boost-level.zero{background:var(--guild-display-tag-bg)}.guild-card-item .front-info .card-tags .guild-boost-level.max{background:linear-gradient(270deg,#e7ac00 0%,#ffcb19 100%)}.guild-card-item .front-info .card-desc{-webkit-line-clamp:3;overflow-wrap:break-word;height:54px;color:var(--text-tip-color);-webkit-box-orient:vertical;margin-top:8px;font-size:12px;font-weight:400;line-height:18px;display:-webkit-box;overflow:hidden}.guild-card-item .front-info .card-footer{width:224px;color:var(--text-tip-color);justify-content:space-between;font-size:12px;display:flex;position:absolute;bottom:20px}.guild-card-item .front-info .card-footer .online-num:before{content:"";background-color:var(--color-primary);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.guild-card-item .front-info .card-footer .tag{font-size:12px}.guild-auth-tip.kook-tootip{max-width:280px;box-shadow:var(--box-shadow);background:#000;border-radius:12px;padding:12px 16px;font-weight:700;line-height:20px}.guild-auth-tip-img{border-radius:50%;flex-shrink:0;width:36px;height:36px;margin-top:4px;margin-right:8px}.guild-auth-tip-right{flex-direction:column;justify-content:center;display:flex}.guild-auth-tip-title{color:#fff;font-weight:700}.guild-auth-tip-desc{color:rgba(255,255,255,.8);word-break:break-word;margin-top:4px;font-weight:400}.server-verified-icon{background-repeat:no-repeat;background-size:cover;flex-shrink:0;width:15px;height:15px;margin-right:4px}.server-verified-icon.from-guild-left-top{width:18px;height:18px}.server-verified-icon.server-verified-1{background-image:url(https://static.kookapp.cn/app/static/media/serves_verified.5be65a7f.svg)}.server-verified-icon.server-verified-2{background-image:url(https://static.kookapp.cn/app/static/media/serves_verified_partner.860f90bd.svg)}.server-verified-icon.server-verified-5{background-image:url(https://static.kookapp.cn/app/static/media/association_verified.49828cda.svg)}.server-verified-icon.server-verified-6{background-image:url(https://static.kookapp.cn/app/static/media/guild-auth-6.a5959c15.svg)}.server-verified-icon.server-verified-7{background-image:url(https://static.kookapp.cn/app/static/media/opera-guild.303283d6.svg)}.server-verified-icon.server-verified-8{background-image:url(https://static.kookapp.cn/app/static/media/biz.85d53171.svg)}.guildcard_idlabel{position:absolute;top:14px;right:14px}.base_info_set_wrapper{justify-content:space-between;padding:20px 24px;display:flex;position:relative}.base_info_set_wrapper .skeleton{background-image:url(https://static.kookapp.cn/app/static/media/empty-state.d4139d48.png);background-size:cover;background-color:var(--color-grey-bg);border-radius:16px;width:660px;height:522px;position:absolute;top:0;left:0}.base_info_set_wrapper .set_panel_box{width:291px}.base_info_set_wrapper .set_panel_box .guild_info_alert{border-radius:8px;align-items:center;min-height:28px;padding:0 0 0 16px;font-size:12px;font-weight:400}.base_info_set_wrapper .set_panel_box .alert-warning{margin-bottom:8px}.base_info_set_wrapper .info_wrapper{border:1px solid var(--color-line);border-radius:12px;width:291px;margin-bottom:24px;padding:0 16px}.base_info_set_wrapper .info_item{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.base_info_set_wrapper .info_item .server_name{text-overflow:ellipsis;white-space:nowrap;max-width:163px;overflow:hidden}.base_info_set_wrapper .info_item:nth-child(4){flex-direction:column;align-items:flex-start;gap:8px}.base_info_set_wrapper .info_item:last-child{border-bottom:none}.base_info_set_wrapper .info_item .guild_avatar{border-radius:8px;width:24px;height:24px}.base_info_set_wrapper .info_item .guild_cover{background-image:url(https://static.kookapp.cn/app/static/media/default_banner.ac500649.webp);background-size:cover;border-radius:8px;width:43px;height:24px}.base_info_set_wrapper .info_item .guild_cover.none{background-image:none;width:100%;line-height:24px}.base_info_set_wrapper .flex{justify-content:space-between;align-items:center;width:100%;display:flex}.base_info_set_wrapper .info_item_lable{height:18px;font-size:12px;font-weight:600;line-height:18px}.base_info_set_wrapper .right_desc,.base_info_set_wrapper .info_item_right{color:var(--text-tip-color);word-break:break-all;font-size:12px;font-weight:400;line-height:18px}.base_info_set_wrapper .info_item_right .server_avatar{width:24px;height:24px}.base_info_set_wrapper .info_item_right .kaihei-guild-icon{transform-origin:0 0;transform:scale(.6)}.base_info_set_wrapper .info_item_right:nth-child(3){margin-bottom:18px}.base_info_set_wrapper .color_title{height:18px;margin-bottom:7px;margin-left:16px;font-size:12px;font-weight:600;line-height:18px}.base_info_set_wrapper .color_list_wapper{width:230px;margin-left:16px}.base_info_set_wrapper .preview_box{width:297px}.base_info_set_wrapper .preview_box .grid-item{width:297px;height:353px}.base_info_set_wrapper .preview_box .grid-item-premium{width:622px;height:353px}.base_info_set_wrapper .preview_box .grid-item-premium .guild-cover{width:273px;min-width:273px;max-width:273px}.base_info_set_wrapper .preview_box .back-top{height:174px}.base_info_set_wrapper .preview_card_status{text-align:center;height:18px;color:var(--text-tip-color);margin-top:16px;font-size:12px;font-weight:400;line-height:18px}.guild-untext-item-parent{width:100%}.guild-untext-item-parent .guild-untext-item-title{color:var(--text-color);font-size:14px;font-weight:600;line-height:20px}.guild-untext-item-parent .guild-untext-item{background-color:var(--color-grey-bg);border-radius:16px;width:100%;margin-top:16px;margin-bottom:24px;padding:20px 24px}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent{justify-content:space-between;align-items:center;width:100%;display:flex}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent .guild-untext-top-right{flex-direction:row;justify-content:flex-end;align-items:center;display:flex}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent .guild-untext-top-right .guild-untext-options{align-items:center;display:flex}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent .guild-untext-top-right .guild-untext-options .menu-button{color:var(--text-tip-color);border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:16px;font-size:24px;line-height:24px;display:flex}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent .guild-untext-top-right .guild-untext-options .menu-button:hover{background-color:var(--menu-hover)}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent .guild-untext-top-right .guild-untext-options .menu-button:active{background-color:var(--menu-active)}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent .guild-untext-top-left .left-tags{align-items:center;margin-top:8px;display:flex}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent .guild-untext-top-left .left-tags .tags-item{background:var(--color-controls);color:var(--text-color);text-align:center;border-radius:16px;height:32px;margin-right:8px;padding:0 12px;font-size:14px;font-weight:400;line-height:32px}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent .guild-untext-top-left .left-tags .tags-un-item{color:var(--text-tip-color)}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent .guild-untext-top-left .left-info{color:var(--text-tip-color);margin-top:4px;font-size:14px;font-weight:400;line-height:20px}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent .guild-untext-top-left .left-title{color:var(--text-color);font-size:14px;font-weight:400;line-height:20px}.guild-untext-item-parent .guild-untext-item .guild-untext-top-parent .guild-untext-top-left .left-title span{color:var(--text-tip-color);font-size:12px;font-weight:400;line-height:20px}.un-link-dialog{width:612px}.un-link-dialog.size-lg{width:440px}.un-link-dialog.size-lg .user-desc-content{height:295px}.un-link-dialog .user-desc-title{margin-bottom:18px;font-size:20px;font-weight:600;line-height:26px}.un-link-dialog .user-desc-footer{justify-content:flex-end;padding-top:24px;display:flex}.un-link-dialog .emoji-button{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:24px;display:flex;position:absolute;top:8px;right:16px}.un-link-dialog .emoji-button.disabled{cursor:not-allowed}.un-link-dialog .lenght-limit{color:var(--text-tip-color);font-size:12px;position:absolute;bottom:8px;right:16px}.un-link-dialog .lenght-limit.error{color:var(--color-error)}.un-link-dialog .guild-untext-bottom{width:100%;max-height:600px}.un-link-dialog .guild-untext-bottom .error-text{color:var(--color-error);text-align:left;margin-top:8px;margin-left:16px;font-size:12px;font-weight:400;line-height:18px}.un-link-dialog .guild-untext-bottom .bottom-input-btn-row{border:1px solid var(--border-color);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:40px;margin-top:8px;padding-left:16px;padding-right:16px;display:flex}.un-link-dialog .guild-untext-bottom .bottom-input-btn-row .un-text{max-width:490px;color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.un-link-dialog .guild-untext-bottom .bottom-input-btn{border:1px solid var(--border-color);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:100%;height:40px;margin-top:8px;display:flex}.un-link-dialog .guild-untext-bottom .bottom-input-btn .text{color:var(--text-description-color);margin-left:4px;font-size:14px;font-weight:400;line-height:20px}.un-link-dialog .guild-untext-bottom .bottom-title{color:var(--text-color);font-size:14px;font-weight:400;line-height:20px}.un-link-dialog .guild-untext-bottom .bottom-text-rule-item-right{border:1px solid var(--border-color);border-radius:12px;flex-flow:wrap;align-items:center;width:100%;margin-top:8px;padding-top:8px;padding-left:8px;padding-right:8px;display:flex}.un-link-dialog .guild-untext-bottom .bottom-text-rule-item-right .right-guild-list-item{background:var(--color-controls);border-radius:8px;flex-direction:row;align-items:center;max-width:488px;height:36px;margin-bottom:8px;margin-right:8px;padding:0 8px;display:flex}.un-link-dialog .guild-untext-bottom .bottom-text-rule-item-right .right-guild-list-item .unadded-emotion-item-img{background-color:var(--color-light-bg);border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:400;display:flex;position:relative}.un-link-dialog .guild-untext-bottom .bottom-text-rule-item-right .right-guild-list-item .unadded-emotion-item-img img{border-radius:6px;width:20px;height:20px}.un-link-dialog .guild-untext-bottom .bottom-text-rule-item-right .right-guild-list-item .item-name{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;max-width:430px;margin-left:4px;font-size:12px;font-weight:400;line-height:18px;overflow:hidden}.un-link-dialog .guild-untext-bottom .bottom-text-rule-item-right .right-guild-list-item span{color:var(--text-tip-color);cursor:pointer}.un-link-dialog .guild-untext-bottom .bottom-text-rule-item-right .add-guild-btn{height:36px;margin-bottom:8px}.un-link-dialog .guild-untext-bottom .bottom-text-rule-item-right .add-guild-btn .kook-button-content{flex-direction:row;align-items:center;display:flex}.un-link-dialog .guild-untext-bottom .bottom-text-rule-item-right .add-guild-btn .kook-button-content img{margin-right:4px}.un-link-dialog .guild-untext-bottom .bottom-link-tips-item{border:1px solid var(--border-color);border-radius:12px;flex-direction:row;align-items:center;width:100%;margin-top:8px;padding:20px 16px;display:flex}.un-link-dialog .guild-untext-bottom .bottom-link-tips-item .bottom-link-tips-item-right{width:100%;margin-left:16px}.un-link-dialog .guild-untext-bottom .bottom-link-tips-item .bottom-link-tips-item-right .right-title{color:var(--text-color);font-size:14px;font-weight:400;line-height:20px}.un-link-dialog .guild-untext-bottom .bottom-link-tips-item .bottom-link-tips-item-right .right-info{color:var(--text-tip-color);flex-direction:row;align-items:center;margin-top:4px;font-size:14px;font-weight:400;line-height:20px;display:flex}.un-link-dialog .guild-untext-bottom .bottom-link-tips-item .bottom-link-tips-item-right .right-info .max-channel-name{text-overflow:ellipsis;white-space:nowrap;max-width:60px;overflow:hidden}.un-link-dialog .guild-untext-bottom .bottom-link-tips-item .bottom-link-tips-item-right .right-info .right-link{color:#0096ff;cursor:pointer}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item{border:1px solid var(--border-color);border-radius:12px;flex-direction:row;width:100%;margin-top:8px;padding:20px 16px;display:flex}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .checkbox-margin-top{margin-top:14px}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right{width:100%;margin-left:16px}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right .add-guild-btn .kook-button-content{flex-direction:row;align-items:center;display:flex}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right .add-guild-btn .kook-button-content img{margin-right:4px}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right .right-title{color:var(--text-color);font-size:14px;font-weight:400;line-height:20px}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right .right-title span{color:var(--text-tip-color)}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right .right-info{color:var(--text-tip-color);margin-top:4px;margin-bottom:12px;font-size:14px;font-weight:400;line-height:20px}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right .right-guild-list{flex-flow:wrap;width:100%;display:flex}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right .right-guild-list .right-guild-list-item{background:var(--color-controls);border-radius:8px;flex-direction:row;align-items:center;max-width:488px;margin-bottom:8px;margin-right:8px;padding:9px 8px;display:flex}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right .right-guild-list .right-guild-list-item .unadded-emotion-item-img{background-color:var(--color-light-bg);border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:400;display:flex;position:relative}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right .right-guild-list .right-guild-list-item .unadded-emotion-item-img img{border-radius:6px;width:20px;height:20px}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right .right-guild-list .right-guild-list-item .item-name{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;max-width:430px;margin-left:4px;font-size:12px;font-weight:400;line-height:18px;overflow:hidden}.un-link-dialog .guild-untext-bottom .bottom-link-rule-item .bottom-link-rule-item-right .right-guild-list .right-guild-list-item span{color:var(--text-tip-color);cursor:pointer}.guild-tips-dialog .guild-tips-content{height:80px;padding:12px 72px 12px 16px;position:relative}.guild-desc-dialog.size-lg{width:440px}.guild-desc-dialog.size-lg .user-desc-content{height:295px}.guild-desc-dialog .kook-markdown-editor{font-size:14px;line-height:20px}.guild-desc-dialog .kook-markdown-editor div,.guild-desc-dialog .kook-markdown-editor span,.guild-desc-dialog .kook-markdown-editor code,.guild-desc-dialog .kook-markdown-editor p{word-break:break-all}.guild-desc-dialog .user-desc-title{margin-bottom:20px;font-size:20px;font-weight:600;line-height:26px}.guild-desc-dialog .user-desc-content{border:1px solid var(--color-line);border-radius:12px;height:144px;padding:12px 72px 12px 16px;position:relative}.guild-desc-dialog .error-text{color:#ff3200;margin-top:8px;font-size:12px;font-weight:400;line-height:18px}.guild-desc-dialog .guild-desc-content{border:1px solid var(--color-line);border-radius:12px;width:392px;padding:10px 16px;position:relative}.guild-desc-dialog .guild-desc-content input{background-color:transparent;border:0;flex:1;width:100%}.guild-desc-dialog .guild-desc-content-error{border:1px solid #ff3200}.guild-desc-dialog .user-desc-editor{height:100%;overflow:auto}.guild-desc-dialog .user-desc-footer{justify-content:flex-end;padding-top:24px;display:flex}.guild-desc-dialog .emoji-button{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:24px;display:flex;position:absolute;top:8px;right:16px}.guild-desc-dialog .emoji-button.disabled{cursor:not-allowed}.guild-desc-dialog .lenght-limit{color:var(--text-tip-color);font-size:12px;position:absolute;bottom:8px;right:16px}.guild-desc-dialog .lenght-limit.error{color:var(--color-error)}.guild-tips-dialog.size-lg{width:440px}.guild-tips-dialog .kook-markdown-editor{font-size:14px;line-height:20px}.guild-tips-dialog .kook-markdown-editor div,.guild-tips-dialog .kook-markdown-editor span,.guild-tips-dialog .kook-markdown-editor code,.guild-tips-dialog .kook-markdown-editor p{word-break:break-all}.guild-tips-dialog .error-text{color:#ff3200;margin-top:8px;font-size:12px;font-weight:400;line-height:18px}.guild-tips-dialog .user-desc-title{margin-bottom:20px;font-size:20px;font-weight:600;line-height:26px}.guild-tips-dialog .guild-tips-content{border:1px solid var(--color-line);border-radius:12px;height:80px;padding:12px 72px 12px 16px;position:relative}.guild-tips-dialog .guild-text-long-content{border:1px solid var(--color-line);border-radius:12px;height:70px;padding:12px 12px 12px 16px;position:relative}.guild-tips-dialog .guild-text-long-info{color:var(--text-tip-color);margin-top:8px;font-size:12px;font-weight:400;line-height:18px}.guild-tips-dialog .guild-tips-info{color:var(--text-color);margin-bottom:24px;font-size:14px;font-weight:400;line-height:20px}.guild-tips-dialog .user-desc-editor{height:100%;overflow:auto}.guild-tips-dialog .user-desc-footer{justify-content:flex-end;padding-top:24px;display:flex}.guild-tips-dialog .emoji-button{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:24px;display:flex;position:absolute;top:8px;right:16px}.guild-tips-dialog .emoji-button.disabled{cursor:not-allowed}.guild-tips-dialog .lenght-limit{color:var(--text-tip-color);font-size:12px;position:absolute;bottom:8px;right:16px}.guild-tips-dialog .lenght-limit.error{color:var(--color-error)}.security-settings .rule-list{font-size:14px;line-height:20px}.security-settings .rule-list .menu-button{color:var(--text-tip-color);border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:16px;font-size:24px;line-height:24px;display:flex}.security-settings .rule-list .menu-button:hover{background-color:var(--menu-hover)}.security-settings .rule-list .menu-button:active{background-color:var(--menu-active)}.security-settings .rule-list .rule-detail{color:var(--main-color);font-size:14px;font-weight:400;line-height:180%}.security-settings .rule-list .rule-detail .highlight{background:var(--color-controls);border-radius:4px;margin:0 4px;padding:0 6px}.security-settings .rule-item{background-color:var(--color-grey-bg);border-radius:16px;margin-bottom:8px;padding:20px 24px}.security-settings .rule-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.security-settings .rule-title{font-weight:600}.security-settings .rule-options{align-items:center;display:flex}.rule-setting-menu{z-index:200}.edit-security-rule-modal{color:var(--main-color)}.edit-security-rule-modal .edit-security-rule-title{flex-direction:column}.edit-security-rule-modal .edit-security-rule-title .title-text{margin-right:4px}.edit-security-rule-modal .edit-security-rule-title .name-editor{color:var(--main-color);background-color:transparent;border:1px solid transparent;outline:none;font-size:20px;font-weight:600;line-height:26px}.edit-security-rule-modal .edit-security-rule-title .name-editor::-moz-selection{background:#b3d7fe}.edit-security-rule-modal .edit-security-rule-title .name-editor::selection{background:#b3d7fe}.edit-security-rule-modal .edit-security-rule-title .name-editor:focus{background-color:#ddd}.theme-dark .edit-security-rule-modal .edit-security-rule-title .name-editor:focus{background-color:rgba(255,255,255,.2)}.edit-security-rule-modal .sec-rule-detail{line-height:1.8}.edit-security-rule-modal .sec-rule-detail__line{margin-bottom:12px}.edit-security-rule-modal .sec-rule-detail .highlight{color:var(--color-link);cursor:pointer;background-color:rgba(0,150,255,.1);border-radius:6px;margin:0 4px;padding:0 6px}.edit-security-rule-modal .sec-rule-detail .highlight.active{color:#fff;background-color:var(--color-link)}.condition-box{z-index:1000}.condition-box .time-selector-wrapper{position:absolute;top:0;left:calc(100% - 9px)}.condition-box .time-selector{background-color:var(--menu-background);border-radius:6px;width:320px;margin-left:17px}.condition-box .time-selector .time-selector-option{background-color:var(--menu-background);width:100%;box-shadow:0 4px 12px rgba(0,0,0,.2)}.condition-box .condition-menu{width:260px;color:var(--main-color);background-color:var(--menu-background);border-radius:12px;padding:8px;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.condition-box .condition-menu .setting-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:6px;margin-bottom:2px;padding:6px 8px;position:relative}.condition-box .condition-menu .setting-item:not(.flex){display:block}.condition-box .condition-menu .setting-item:hover{background-color:var(--menu-hover)}.condition-box .condition-menu .setting-item:active{background-color:var(--menu-active)}.condition-box .condition-menu .setting-item .reg-time-str{background-color:var(--color-ede);border-radius:4px;margin-left:4px;padding:3px 6px}.limit-time-box{z-index:1000;color:var(--main-color)}.limit-time-box .time-selector-option{background-color:var(--menu-background);width:320px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.action-setting-menu{z-index:1000}.action-setting-menu .user-setting-menu{box-shadow:0 4px 12px rgba(0,0,0,.2)}.invite-link-list .emoji{height:16px;margin-top:-3px;display:inline-block}.invite-link-list .col-user-info{align-items:center;width:216px;margin-right:24px;display:flex}.invite-link-list .col-user-info .user-tag{vertical-align:text-bottom;margin-right:4px}.invite-link-list .col-user-info .user-names{max-width:200px;display:flex}.invite-link-list .user-avatar{background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px;margin-right:8px}.invite-link-list .user-info{flex-direction:column;display:flex;overflow:hidden}.invite-link-list .channel-info{white-space:nowrap;text-overflow:ellipsis;color:var(--text-tip-color);max-width:200px;font-size:14px;overflow:hidden}.invite-link-list .channel-info .iconfont{font-size:14px}.invite-link-list .channel-info .emoji{height:14px}.invite-link-list .col-invite-code{flex-direction:column;width:70px;display:flex}.invite-link-list .invite-code-status{color:var(--text-tip-color);font-size:12px}.invite-link-list .col-use-times{width:70px}.invite-link-list .col-expire-time{width:120px}.invite-link-list .col-invite-user-count{width:70px}.invite-link-list .col-options-remove{flex-shrink:0;width:42px;padding-left:16px}.invite-link-page-description{justify-content:space-between;align-items:flex-end;display:flex}.custom-table.invite-detail-table{border-radius:0}.custom-table.invite-detail-table .col-user{white-space:nowrap;text-overflow:ellipsis;width:142px;margin-right:24px;overflow:hidden}.custom-table.invite-detail-table .col-status,.custom-table.invite-detail-table .col-join-time{width:110px;margin-right:8px}.custom-table.invite-detail-table .col-active-time{flex:1;width:110px}.custom-table.invite-detail-table .custom-table-row:hover{background-color:transparent}.invite-detail-summary{align-items:center;display:inline-flex}.guild-invit-table-container{height:258px;overflow-y:auto}.admin-tips{border-bottom:1px solid var(--border-color);padding-bottom:24px;font-size:14px}.admin-list-title{justify-content:space-between;margin:20px 0;font-size:14px;display:flex;position:relative}.admin-list{font-size:14px}.admin-items{padding:20px 14px}.admin-info{align-items:center;display:flex}.admin-info .admin-head{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:32px;height:32px;margin-right:8px}.admin-info .admin-name{width:530px}.admin-selector-box{position:absolute;top:25px;right:0}.manager-log-search-title{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.manager-log-search-title .selector-contain{width:190px!important;height:32px!important}.manager-log-search-title .selector-contain .selector-select{box-sizing:border-box;padding-top:5px;padding-bottom:5px}.manager-log-search-title .search-input{width:190px!important;padding:0 16px!important}.manager-log-search-title .kook-picker-range{width:252px}.manager-log-search-title .kook-picker-range .kook-picker-input{box-sizing:border-box;padding-top:5px;padding-bottom:5px}.menu-date-range .kook-picker-range-wrapper{--menu-background:var(--color-light-bg)}.menu-date-range .kook-picker-suffix{color:var(--text-tip-color)}.manager-log-empty{box-sizing:border-box;flex-direction:column;align-items:center;padding-top:96px;display:flex}.manager-log-list{background-color:var(--color-grey-bg);border-radius:16px;font-size:14px;line-height:20px;overflow:hidden}.manager-log-list .manager-log-items{border-bottom:1px solid var(--color-line);align-items:center;padding:20px 24px;display:flex}.manager-log-list .manager-log-items:hover{background-color:var(--color-line)}.manager-log-list .manager-log-items:last-child{border-bottom:none}.manager-log-list .manager-log-items .manager-time{color:var(--text-tip-color)}.manager-log-list .manager-log-items .manager-info{align-self:flex-start;margin-right:20px;display:flex}.manager-log-list .manager-log-items .manager-info .admin-head{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:40px;height:40px;margin-right:16px;line-height:40px}.manager-log-list .manager-log-items .manager-info .chinese{background-color:var(--color-top-bg);border-radius:30%;font-size:18px}.manager-log-list .manager-log-items .manager-info .english{background-color:var(--color-top-bg);border-radius:30%;font-size:28px}.manager-log-list .manager-log-items .manager-info .admin-manager-info{width:250px;text-overflow:hidden;white-space:nowrap;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.manager-log-list .manager-log-items .manager-info .admin-manager-info .manager-old-name{color:#666;flex-direction:row;align-items:center;height:18px;font-size:12px;font-weight:400;line-height:18px;display:flex}.manager-log-list .manager-log-items .manager-info .admin-manager-info .manager-old-name span{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.manager-log-list .manager-log-items .manager-info .admin-manager-info .admin-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.manager-log-list .manager-log-items .manager-info .admin-manager-info .admin-name .emoji{height:14px;margin-top:-3px;display:inline-block}.manager-log-list .manager-log-items .manager-detail{word-break:break-all;white-space:pre-wrap}.manager-log-list .manager-log-items .manager-detail .bold{font-weight:700}.manager-log-list .manager-log-items .manager-detail .emoji{height:14px;margin-top:-3px;display:inline-block}.json-api input{font-weight:300}.guild-tool-setting .setting-model-right-title,.guild-tool-setting .admin-tips{margin-bottom:24px}.user-selector-box{z-index:2;border-style:solid;border-width:1px;border-radius:4px;width:320px;height:341px;font-size:14px;box-shadow:0 6px 8px 1px rgba(0,0,0,.2)}.user-selector-box .user-filter{margin:10px}.user-selector-box .user-list{height:280px;padding:10px;overflow-y:auto}.user-selector-box .user-items{align-items:center;margin-bottom:12px;padding:4px 10px;display:flex}.user-selector-box .user-items .user-head{background-position:50%;background-repeat:no-repeat;background-size:100%;border-radius:50%;width:32px;height:32px;margin-right:10px}.user-selector-box .user-items .user-name{width:216px}.user-selector-box .user-items:hover{border-radius:4px}.manage-emoji{font-size:14px}.manage-emoji .button-upload-emoji{flex-shrink:0;margin-left:40px}.manage-emoji .col-emoji{width:60px}.manage-emoji .col-name,.manage-emoji .col-uploader{z-index:1;flex:50%;position:relative;overflow:hidden}.manage-emoji .col-name input{padding:5px;line-height:18px}.manage-emoji .col-options-remove{flex-shrink:0;width:24px;margin-left:24px}.manage-emoji .custom-emoji{background-position:50%;background-repeat:no-repeat;background-size:contain;width:30px;height:30px}.manage-emoji .user-avatar{width:24px;height:24px;position:relative}.manage-emoji .user-name{white-space:nowrap;text-overflow:ellipsis;height:24px;line-height:24px;display:inline-block;position:absolute;left:30px;right:0;overflow:hidden}.manage-emoji .user-name .emoji{height:14px;margin-top:-3px;display:inline-block}.manage-emoji .emoji-name-edit{cursor:pointer;align-items:center;padding-right:24px;display:flex}.manage-emoji .emoji-name-edit .emoji-name{text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}.manage-emoji .emoji-name-edit .kookiconfont{color:var(--text-tip-color)}.manage-emoji .emoji-name-edit:hover .kookiconfont{color:var(--color-primary)}.emojis-loading{justify-content:center;align-items:center;height:80px;display:flex}.custom-table{background-color:var(--color-grey-bg);border-radius:16px;font-size:14px;line-height:20px;overflow:hidden}.custom-table .custom-table-header{font-weight:600}.custom-table .custom-table-header,.custom-table .custom-table-row{border-bottom:1px solid var(--color-line);align-items:center;min-height:72px;padding:20px 24px;display:flex;position:relative}.custom-table.size-sm .custom-table-header,.custom-table.size-sm .custom-table-row{min-height:56px;padding:18px 0}.custom-table .custom-table-row:last-child{border-bottom:none}.custom-table .custom-table-row:hover{background-color:var(--color-line)}.custom-table .custom-table-row:hover .button-list-remove{display:inline-block}.button-context-menu{cursor:pointer;visibility:hidden;text-align:center;border-radius:8px;width:24px;height:24px;font-size:24px;line-height:24px;position:relative}.button-context-menu:hover{background-color:var(--menu-hover)}.button-context-menu:active{background-color:var(--menu-active)}.custom-table-row:hover .button-context-menu{visibility:visible}.manage-emoji-tips{margin-top:16px;display:flex}.setting-page-role{height:100%}.setting-model-right-role{background-color:var(--color-grey-bg);border-radius:16px;margin:0 auto;position:relative;overflow:hidden}.role-nav-list-box{flex-direction:column;width:186px;max-height:100%;padding-top:32px;padding-left:24px;display:flex;position:absolute;overflow-y:auto}.role-nav-list-box .separator{border-bottom:1px solid var(--border-color);margin:8px 0}.role-nav-list-box .role-nav-tips{color:var(--text-description-color);margin-bottom:20px;font-size:12px;line-height:18px}.role-nav-list-box .role-nav-tips .item{margin-bottom:8px}.role-nav-list-box .add-role-btn{color:var(--text-tip-color);cursor:pointer;align-items:center;margin-bottom:8px;font-size:14px;line-height:20px;display:flex}.role-nav-list-box .add-role-btn:hover{color:var(--text-description-color)}.role-nav-list-box .add-role-btn:active{color:var(--text-color)}.role-nav-list-box .add-role-btn .kookiconfont{margin-left:8px}.role-nav-list-box .scroll-role-list{flex:1}.role-nav-list-box .scroll-role-list .is-dragging{background-color:red}.role-nav-list-title{justify-content:space-between;margin-bottom:16px;font-size:16px;font-weight:700;line-height:22px;display:flex}.guild-setting-role-nav{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.guild-setting-role-nav .role-nav-locked-icon{color:var(--text-tip-color);margin-right:4px;font-size:18px;font-weight:400}.guild-setting-role-nav .emoji{height:16px;display:inline-block}body .guild-setting-role-nav .type-info{white-space:initial;font-weight:400}.sortable-helper{z-index:1000}.role-detail{box-sizing:border-box;width:474px;height:100%;margin-left:186px;padding:32px 24px;font-size:14px;overflow-y:auto}.role-detail-title{margin-bottom:16px;font-size:16px;font-weight:600;line-height:22px}.role-form-group{margin-bottom:40px}.role-form-group .role-form-group-switch-title{margin-bottom:16px;font-size:16px;font-weight:700;line-height:22px}.role-form-group [disabled]{cursor:not-allowed}.role-form-group [disabled] .switch-box,.role-form-group [disabled] .setting-label,.role-form-group [disabled] .kaihei-auth-switch{opacity:.6}.role-form-group [disabled] .switch-description,.role-form-group [disabled] .role-description{opacity:.7}.role-form-group [disabled] *{cursor:not-allowed}.role-form-group .disabled-icon{text-align:center;vertical-align:bottom;font-size:20px;line-height:20px}.role-form-color{border-bottom:1px solid var(--color-line);padding:20px 0}.role-form-color .role-form-title{margin-bottom:8px;font-size:14px;line-height:20px}.role-form-name{border-bottom:1px solid var(--color-line);align-items:center;padding:16px 0;display:flex}.role-form-name .role-form-title{flex:1}.role-form-name .normal-input{width:290px}.role-form-name .role-description{color:var(--text-tip-color);margin-top:4px;line-height:20px}.role-permission-switch{border-bottom:1px solid var(--color-line);padding:20px 0}.role-permission-switch .switch-box{justify-content:space-between;align-items:center;min-height:32px;display:flex}.role-permission-switch .switch-box-left{margin-right:30px}.role-permission-switch .switch-box-right{flex:0}.role-permission-switch .switch-title{font-size:14px;line-height:20px}.role-permission-switch .switch-description{color:var(--text-tip-color);margin-top:4px;line-height:20px}.role-nav-button-wrapper{display:flex}.role-nav-button-wrapper .button-clear-permission{flex-shrink:0}.role-nav-button-wrapper .button-remove-role{white-space:nowrap;text-overflow:ellipsis;margin-left:16px;overflow:hidden}.role-nav-button-wrapper .button-remove-role .emoji{vertical-align:bottom;height:16px;display:inline-block}.role-nav-list{overflow-y:auto}.guild-member{height:100%}.guild-member .custom-table{overflow-y:auto}.guild-member-search{justify-content:space-between;margin-bottom:24px;font-size:16px;line-height:22px;display:flex}.guild-member-header .member-count{color:var(--text-tip-color);flex-shrink:0;margin-right:24px}.guild-member-toolbar{justify-content:space-between;align-items:center;padding-bottom:24px;font-size:14px;line-height:20px;display:flex}.batch-option-buttons{justify-content:space-between;align-items:center;padding-bottom:16px;display:flex;position:relative}.batch-option-buttons .right .button{margin-left:16px}.batch-option-buttons .right .button[disabled]{opacity:.3;cursor:default}.batch-option-buttons .btn-primary{background:#505a9b}.batch-option-buttons .btn-primary:hover{background-color:#6b75b3}.batch-option-buttons .btn-primary:active{background-color:#3f4679}.batch-option-buttons .btn-primary:disabled{background:#505a9b}.batch-option-buttons .btn-success{background-color:#43b580}.batch-option-buttons .btn-success:hover{background-color:#65c699}.batch-option-buttons .btn-success:active{background-color:#359066}.batch-option-buttons .btn-success:disabled{background-color:#43b580}.batch-option-buttons .btn-danger{background-color:#ea4335}.batch-option-buttons .btn-danger:hover{background-color:#ef6e63}.batch-option-buttons .btn-danger:active{background-color:#d62516}.batch-option-buttons .btn-danger:disabled{background-color:#ea4335}.guild-member-filter{align-items:center;display:flex}.guild-member-filter>.label{color:var(--text-tip-color);flex-shrink:0}.guild-member-filter .selector-contain{margin-right:24px}.guild-member-filter .selector-simple{cursor:pointer;max-width:100px;color:var(--text-description-color);align-items:center;margin-right:24px;display:flex;position:relative}.guild-member-filter .selector-simple:hover{color:var(--text-color)}.guild-member-filter .selector-simple .label{white-space:nowrap;text-overflow:ellipsis;width:100%;display:inline-block;overflow:hidden}.guild-member-filter .selector-simple .iconfont{font-size:24px;position:absolute;right:0}.guild-member-filter .selector-simple .role-arrow{align-items:center;display:flex}.guild-member-filter .selector-simple .dropdown-icon{transition:transform .2s}.guild-member-filter .selector-simple.active .dropdown-icon{transform:rotate(180deg)}.select-role-panel{color:var(--text-color)}.select-role-panel.layer-wrapper{z-index:1000;position:absolute;top:0;bottom:0;left:0;right:0}.select-role-panel .select-role-list{width:220px;box-shadow:var(--box-shadow);background-color:var(--color-light-bg);border-radius:12px;font-size:14px;position:absolute}.select-role-panel .select-role-list .role-none{justify-content:center;align-items:center;height:100%;display:flex}.select-role-panel .select-role-list-contain{height:100%;max-height:220px;padding:8px;overflow-y:auto}.select-role-panel .select-role-item{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:8px;height:32px;margin-bottom:2px;padding:0 8px;line-height:32px;overflow:hidden}.select-role-panel .select-role-item:last-child{margin-bottom:0}.select-role-panel .select-role-item:hover{background-color:var(--menu-hover)}.select-role-panel .select-role-item:active{background-color:var(--menu-active)}.select-role-panel .select-role-item .emoji{height:16px;display:inline-block}.select-role-panel .layer-arrow{background-color:var(--menu-background);width:10px;height:10px;margin-left:-7px;position:absolute;left:50%;transform:rotate(45deg)}.select-role-panel .layer-arrow.top{bottom:-5px}.select-role-panel .layer-arrow.bottom{top:-5px}.guild-member-list .user-avatar{width:40px;height:40px}.guild-member-list .col-checkbox,.guild-member-list .col-user-avatar{flex-shrink:0;display:flex}.guild-member-list .col-user-name{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;flex-shrink:0;width:190px;margin:0 16px}.guild-member-list .col-user-name .user-name{color:var(--text-tip-color)}.guild-member-list .col-user-name .user-name,.guild-member-list .col-user-name .user-info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.guild-member-list .col-user-name .user-name .emoji,.guild-member-list .col-user-name .user-info .emoji{height:14px;margin-top:-3px;display:inline-block}.guild-member-list .col-roles{flex:1;font-size:12px;display:flex}.guild-member-list .user-role-list{font-size:12px;display:flex}.guild-member-list .user-role-list .role-name{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.guild-member-list .user-role-list li{border-style:solid;border-width:1px;border-radius:11px;align-items:center;height:22px;margin-right:4px;padding:5px;display:flex}.guild-member-list .col-menu{flex-shrink:0;width:16px;margin-left:4px}.guild-member-list .col-checkbox{z-index:1;width:30px}.guild-member-list .col-data{flex-grow:1}.guild-member-list .col-data .data-item:nth-of-type(n+2){margin-top:4px}.guild-member-list .col-data .label{text-align:right;width:116px;color:var(--text-tip-color);display:inline-block}.member-role-more.layer-wrapper{z-index:1000;position:absolute;top:0;bottom:0;left:0;right:0}.member-role-more .member-role-more-contain{background-color:var(--color-light-bg);width:250px;box-shadow:var(--box-shadow);color:var(--text-color);border-radius:12px;padding:10px;font-size:14px;position:absolute}.member-role-more .member-role-more-contain .title{margin-bottom:8px;padding:0 8px;line-height:32px}.member-role-more .layer-arrow{background-color:var(--color-light-bg);z-index:-1;width:10px;height:10px;margin-left:-7px;position:absolute;left:50%;transform:rotate(45deg)}.member-role-more .layer-arrow.bottom{bottom:-5px}.member-role-more .layer-arrow.top{top:-5px}@keyframes loadingicon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.member-list-loading{justify-content:center;align-items:center;height:40px;display:flex}.member-list-loading .loading-ico{font-size:24px;animation:1s linear infinite loadingicon;display:inline-block}.batch-select-option-list{background-color:var(--color-light-bg);width:220px;box-shadow:var(--box-shadow);z-index:10;border-radius:12px;padding:8px;position:absolute;top:36px}.batch-select-option-list .select-item{cursor:pointer;border-radius:8px;height:32px;padding:0 8px;line-height:32px}.batch-select-option-list .select-item:hover{background-color:var(--menu-hover)}.batch-select-option-list .select-item:active{background-color:var(--menu-active)}.guild-setting-boost-level{color:var(--text-color)}.guild-setting-boost-level .level-text{margin-right:2px}.guild-setting-boost-level .boost-expire-time{color:var(--text-description-color);font-size:14px;line-height:20px}.boost-guild-info{background-color:var(--color-grey-bg);border-radius:16px;align-items:center;padding:20px 24px;font-size:16px;display:flex;position:relative}.boost-guild-info .guild-icon-wrapper{margin-right:16px;position:relative}.boost-guild-info .guild-level-icon{color:#fff;border:2px solid var(--color-grey-bg);background-color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-2px;right:-2px}.boost-guild-info .guild-level-icon .lose{background-color:#cb61f4}.boost-guild-info .guild-level-icon .buffer{background-color:#e5b0fa}.boost-guild-info .guild-level-icon .text{font-size:16px;display:inline-block;transform:scale(.5)}.boost-guild-info .boost-info{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.boost-guild-info .boost-info .boost-wait{color:#999;height:18px;margin-bottom:2px;font-size:12px;font-weight:400;line-height:18px}.boost-guild-info .kaihei-guild-icon,.boost-guild-info .chuanyu-button{flex-shrink:0}.boost-guild-info .guild-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:20px;font-weight:600;line-height:26px;overflow:hidden}.boost-guild-info .guild-name .emoji{height:18px;margin-top:-4px;display:inline-block}.boost-number-chart .header-right-btn{color:var(--text-tip-color);cursor:pointer;align-items:center;height:18px;font-size:12px;font-weight:400;display:flex}.boost-number-chart .header-right-btn img{content:url(https://static.kookapp.cn/app/static/media/header-right-more.b10127ea.png);width:4px;height:12px;margin-left:4px}.boost-number-chart .header-right-btn:hover{color:var(--text-color)}.boost-number-chart .boost-number-chart-tip{text-align:center;color:var(--text-tip-color);font-size:12px}.boost-number-chart .g2-tooltip{color:#fff;background-color:rgba(51,51,51,.8);border-radius:6px;width:200px;padding:8px;font-size:12px}.boost-number-chart .g2-tooltip-title{margin-bottom:8px;font-weight:600}.boost-number-chart .g2-tooltip-title .description{margin-left:6px;font-weight:400;display:inline-block;transform:scale(.83)}.boost-number-chart .g2-tooltip-list-item{justify-content:space-between;margin-bottom:4px;display:flex}.boost-level-rights{border-radius:6px;flex-wrap:wrap;justify-content:space-between;display:flex}.boost-level-rights .right-item{background-color:var(--color-grey-bg);box-sizing:border-box;border-radius:16px;align-items:center;width:326px;height:72px;margin-bottom:8px;padding:16px 24px;display:flex}.boost-level-rights .right-item .right-icon{background-size:contain;border-radius:50%;flex-shrink:0;width:40px;height:40px;margin-right:8px}.boost-level-rights .right-item .right-name{flex-grow:1}.boost-level-rights .right-item .right-value{flex-shrink:0}.boost-level-rights .guild_card_gradient{background-image:url(https://static.kookapp.cn/app/static/media/card_gradient@2x.3682fd32.png)}.boost-level-rights .right_custom_id{background-image:url(https://static.kookapp.cn/app/static/media/custom-user-id@2x.1ced574c.png)}.boost-level-rights .gjzx{background-image:url(https://static.kookapp.cn/app/static/media/guojizhuanxian@2x.289e6e73.png)}.boost-level-rights .right_audio{background-image:url(https://static.kookapp.cn/app/static/media/right_audio.4efc57a1.png)}.boost-level-rights .right_guild_view{background-image:url(https://static.kookapp.cn/app/static/media/right_guild_view.2766eb82.png)}.boost-level-rights .right_logo{background-image:url(https://static.kookapp.cn/app/static/media/right_logo.483bfc65.png)}.boost-level-rights .right_guild_emoji{background-image:url(https://static.kookapp.cn/app/static/media/right_guild_emoji.b9e2bb4a.png)}.boost-level-rights .right_guild_emoji_gif{background-image:url(https://static.kookapp.cn/app/static/media/right_guild_emoji_gif.8df41494.png)}.boost-level-rights .right_upload{background-image:url(https://static.kookapp.cn/app/static/media/right_upload.e9b2eb61.png)}.boost-level-rights .right_member{background-image:url(https://static.kookapp.cn/app/static/media/right_member.f4c6fd90.png)}.boost-level-rights .right_gradient{background-image:url(https://static.kookapp.cn/app/static/media/role_gradient.51b2d12f.svg)}.boost-level-rights .yytd{background-image:url(https://static.kookapp.cn/app/static/media/voice_perf.c7217e84.svg)}.boost-level-rights .right-lose{color:var(--text-tip-color);margin-right:4px;text-decoration:line-through}.guild-broadcast-input .input-wrap{width:348px!important}.guild-broadcast-input .send-ctrl-wrapper{border:1px solid transparent}.guild-broadcast-input:hover .send-ctrl-wrapper{border-color:var(--border-hover-color)}.guild-broadcast-input.focus .send-ctrl-wrapper{border-color:var(--border-hover-color);box-shadow:0 0 0 3px var(--border-active-color)}.guild-broad-cast-content .kook-select-label-wrapper{color:rgba(0,0,0,.3)}.theme-dark .guild-broad-cast-content .kook-select-label-wrapper{color:rgba(255,255,255,.3)}.guild-broad-cast-content .style-list{gap:16px;height:66px;display:flex}.guild-broad-cast-content .style-list-item{box-sizing:border-box;background:var(--color-top-bg);cursor:pointer;border:1px solid rgba(0,0,0,.04);border-radius:12px;justify-content:center;align-items:center;width:50%;display:flex}.guild-broad-cast-content .style-list-item img{width:180px;height:23px}.theme-dark .guild-broad-cast-content .style-list-item{border-color:rgba(255,255,255,.4)}.guild-broad-cast-content .style-list-item.active{border-color:var(--border-hover-color);box-shadow:0 0 0 3px var(--border-active-color)}.form-private-domain-set .renew-manage{align-items:center;gap:4px;display:inline-flex}.form-private-domain-set .sub-form{margin-top:24px}.form-private-domain-set .sub-form .sub-label{height:18px;color:var(--main-color);text-align:left;font-size:12px;font-weight:700;line-height:18px}.form-private-domain-set .private-domain-auth-list{margin-top:8px}.form-private-domain-set .private-domain-auth-item{border:1px solid var(--color-controls);border-radius:16px;justify-content:space-between;align-items:center;padding:16px;display:flex}.form-private-domain-set .private-domain-auth-item:not(:last-child){margin-bottom:8px}.form-private-domain-set .private-domain-auth-item .title-line{align-items:center;display:flex}.form-private-domain-set .private-domain-auth-item .title-icon{background:var(--color-line);width:24px;height:24px;color:var(--text-description-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.form-private-domain-set .private-domain-auth-item .title-text{color:var(--main-color);text-align:left;margin-left:4px;font-size:14px;font-weight:700;line-height:20px}.form-private-domain-set .private-domain-auth-item .desc-line{color:var(--text-tip-color);text-align:left;margin-top:8px;font-size:12px;font-weight:400;line-height:18px}.sortable-item{position:relative}.sortable-item.can-insert:after{z-index:2;content:"";background-color:var(--color-primary);height:4px;position:absolute;left:0;right:0}.sortable-item.can-insert.insert-top:after{top:-2px}.sortable-item.can-insert.insert-bottom:after{bottom:-2px}.sortable-item.nocan-insert{opacity:.5}.sortable-item.sort-state .sort-state-hide{visibility:hidden;opacity:0}.channels-manage.setting-page{padding-bottom:0}.channels-manage .channel-selector-menu{max-height:calc(100vh - 300px);overflow-y:auto}.channels-manage .channels-manage-ctrls{align-items:center;gap:16px;display:flex}.channels-manage .channels-manage-ctrls .btn-container{position:relative}.channels-manage .channels-manage-ctrls .btn-container .kook-menu-wrapper{position:absolute;top:calc(100% + 4px)}.channels-manage .channels-manage-ctrls .search-input{background-color:var(--color-grey-bg)}.channels-manage .manage-channel-list{flex:1;margin-top:5px;padding-top:7px;overflow-y:auto}.channels-manage .manage-channel-list:not(.empty):after{content:"";height:40px;display:block}.channels-manage .selected-tips{color:var(--text-description-color);margin-top:24px;font-size:12px;font-weight:400;line-height:18px}.channels-manage .empty-state{flex:1;justify-content:center;width:100%;height:100%;display:flex;position:relative}.channels-manage .empty-state .empty-state-content{position:absolute;top:30%}.channels-manage .empty-state .empty-image{color:#bcc2cd}.theme-dark .channels-manage .empty-state .empty-image{color:rgba(187,190,196,.25)}.channels-manage .empty-state .empty-image svg{margin-left:auto;margin-right:auto;display:block}.channels-manage .empty-state .text{color:var(--text-tip-color);text-align:center;margin-top:16px;font-size:14px}.manage-channel-item{margin-bottom:4px}.manage-channel-item .item-left{align-items:center;width:32px;display:flex}.manage-channel-item.type-0{margin-top:8px}.manage-channel-item.type-0 .icon{transition:all .25s}.manage-channel-item.type-0 .item-left{height:16px;position:relative}.manage-channel-item.type-0 .item-left .group-more-btn{color:var(--text-tip-color);cursor:pointer;height:16px}.manage-channel-item.type-0 .item-left .group-more-btn:hover,.manage-channel-item.type-0 .item-left .group-more-btn:active,.manage-channel-item.type-0 .item-left .group-more-btn.active{color:var(--text-color)}.manage-channel-item.type-0 .item-right{cursor:pointer;padding:6px 8px}.manage-channel-item .item-right{background-color:var(--color-grey-bg);border-radius:8px;overflow:hidden}.manage-channel-item.type-1 .item-right,.manage-channel-item.type-4 .item-right,.manage-channel-item.type-2 .item-right{padding:8px 8px 8px 28px}.manage-channel-item .icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.manage-channel-item .icon.close{transform:rotate(-90deg)}.manage-channel-item .channel-name{text-overflow:ellipsis;white-space:nowrap;max-width:556px;margin-left:6px;font-size:14px;font-weight:700;line-height:18px;overflow:hidden}.manage-channel-item.type-0 .channel-name{font-size:12px}.manage-channel-item .item-content-left{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.manage-channel-item .item-content-right{height:20px;color:var(--text-tip-color);flex-shrink:0;font-size:12px;line-height:20px}.batch_selector_container .selector-contain{width:395px}.batch-create-channel-modal{width:440px;padding-bottom:84px}.batch-create-channel-modal .batch_modal_content{width:429px;max-width:none;margin-bottom:0;margin-left:-24px;padding-bottom:0;padding-left:24px;padding-right:13px}.batch_form_tips{height:18px;color:var(--text-tip-color);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;font-size:12px;line-height:18px;position:absolute;bottom:-26px}.batch_form_tips .light{color:#0096ff;cursor:pointer}.batch_tips_margin_button{margin-bottom:48px}.notify-setting-modal .form-item-switch{justify-content:space-between;align-items:center;min-height:48px;display:flex}.notify-setting-modal .form-item-switch__text{flex-direction:column;flex:1;margin-right:40px;font-size:14px;line-height:20px;display:flex}.notify-setting-modal .form-item-switch__text .disabled{cursor:not-allowed;opacity:.5}.notify-setting-modal .form-item-switch__text__desc{color:var(--text-tip-color);margin-top:4px;font-size:12px}.notify-setting-modal .no-disturb-content{justify-content:space-between;align-items:center;height:48px;display:flex}.notify-setting-modal .no-disturb-content .selector-contain{width:196px}.notify-setting-modal .left-tips-title{font-size:14px;line-height:20px}.notify-setting-modal .left-tips-desc{color:var(--text-tip-color);margin-top:4px;font-size:12px;line-height:18px}.notify-setting-modal .server-setting-content .block-selector{flex-direction:column;gap:8px;height:136px;display:flex}.notify-setting-modal .server-setting-content .block-selector .block-selector-item{width:100%}.notify-setting-modal .divider{background-color:var(--color-line);height:1px;margin-top:24px;margin-bottom:24px}.notify-setting-modal .setting-content .setting-label{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;font-weight:400}.notify-setting-modal .buttons{text-align:right;padding-top:24px}.notify-setting-modal .buttons button{display:inline-block}.notify-setting-modal .emoji{object-fit:contain;width:16px;height:16px;display:inline-block}.select-color-panel{display:flex;position:relative}.select-color-panel[disabled]{opacity:.3}.select-color-custom,.select-color-default{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:70px;height:50px;display:flex;position:relative}.select-color-custom .active,.select-color-default .active{color:#fff}.select-color-default{background-color:rgba(0,0,0,.54)}.select-color-custom{background-color:#fff;border:1px solid;margin-left:10px}.select-color-custom.block-selector{background-color:transparent}.select-color-custom.has-color{border-color:transparent}.select-color-custom.has-color .dropper{color:#fff}.select-color-custom .dropper{font-size:24px;position:absolute;top:0;right:0}.select-color-sample-list .sub-group{display:flex}.select-color-sample-list .sub-group:nth-child(2){margin-top:10px}.select-color-sample{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;margin-left:10px;display:flex}.select-color-sample .active{color:#fff;font-size:16px}.select-color-picker{z-index:1000;position:absolute;top:60px;left:60px}.select-color-picker .picker-cover{position:fixed;top:0;bottom:0;left:0;right:0}.user-online-status-list{background-color:var(--menu-background);width:180px;height:80px;box-shadow:var(--box-shadow);cursor:pointer;color:var(--text-color);z-index:1000;border-radius:12px;padding:8px;font-size:14px;font-weight:400;position:absolute}.user-online-status-list .user-online-status-list-item{align-items:center;gap:10px;display:flex}.user-online-status-list .online-status{background-color:#7acc35;border-radius:6px;width:12px;height:12px}.user-online-status-list img{width:12px;height:12px}.user-online-status-list.user-set-entry-pannel{top:-9px;left:324px}.user-online-status-list.user-set-entry-fast{bottom:0;left:56px}.user-online-status-list .user-online-status-list-item{border-radius:6px;align-items:center;gap:10px;width:164px;height:32px;padding:8px;display:flex}.user-online-status-list .user-online-status-list-item:hover{background-color:var(--menu-hover)}.user-setting-entry .user-status{color:var(--text-color);cursor:pointer;justify-content:space-between;align-items:center;margin-left:2px;padding-top:9px;padding-bottom:17px;padding-left:8px;font-size:14px;font-weight:400;display:flex;position:relative}.user-setting-entry .user-status img{width:12px;height:12px}.user-setting-entry .user-status .status-info{align-items:center;gap:10px;display:flex}.user-setting-entry .user-status .online-status{background-color:#7acc35;border-radius:6px;width:12px;height:12px}.user-setting-entry-mask{z-index:20;align-items:flex-end;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.user-setting-entry{border-radius:16px;width:332px;margin-bottom:84px;margin-left:16px}.user-setting-entry .user-custom-bg{height:74px;box-shadow:var(--box-shadow);background-image:url(https://static.kookapp.cn/app/static/media/userinfocard_banner.104027e2.png);background-position:50%;background-size:cover;border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.user-setting-entry .user-custom-bg.has-banner{height:137px}.user-setting-entry .bottom-content{background-color:var(--menu-background);box-shadow:var(--box-shadow);z-index:101;border-radius:16px;margin-top:-15px;padding:0 16px 12px;position:relative}.user-setting-entry .user-avatar-panel{height:64px;position:relative}.user-setting-entry .user-avatar-panel .user-avatar-img{border:4px solid var(--color-top-bg);background-position:50%;background-size:cover;border-radius:50%;width:72px;height:72px;position:absolute;top:-20px;left:4px}.user-setting-entry .user-basic-content{margin-bottom:20px;margin-left:8px;font-size:20px;font-weight:600;line-height:26px}.user-setting-entry .text{align-items:center;display:flex}.user-setting-entry .user-name-text{white-space:nowrap;text-overflow:ellipsis;max-width:126px;display:inline-block;overflow:hidden}.user-setting-entry .user-nickname{color:var(--text-color);align-items:center;display:flex}.user-setting-entry .user-nickname .badge-list{flex-shrink:0;align-items:center;margin-top:2px;margin-left:4px;display:flex}.user-setting-entry .user-nickname .badge-list .badge-item{background-position:50%;background-size:cover;width:20px;height:20px;margin-left:4px}.user-setting-entry .user-nickname .badge-list .badge-item:first-of-type{margin-left:0}.user-setting-entry .user-nickname .badge-list .badge-more{width:20px;height:20px;color:var(--color-primary);text-align:right;cursor:pointer;background-image:url(https://static.kookapp.cn/app/static/media/more_badge@2x.b14adeeb.png);background-size:contain;margin-left:4px;padding-right:4px;font-size:12px;font-weight:500;line-height:20px}.user-setting-entry .user-desc-section{margin-bottom:4px;position:relative}.user-setting-entry .user-desc-section .title{color:var(--text-color);margin-left:8px}.user-setting-entry .user-desc-section .markdown-preview .spoiler,.user-setting-entry .user-desc-section .markdown-preview .text-link{pointer-events:auto}.user-setting-entry .user-desc-section .desc-wrapper{pointer-events:auto;border-radius:12px;padding:8px;position:relative}.user-setting-entry .user-desc-section .desc-wrapper .edit-tips{text-align:center;color:#fff;visibility:hidden;z-index:2;background:rgba(0,0,0,.5);border-radius:8px;justify-content:center;align-items:center;gap:4px;width:98px;height:32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-setting-entry .user-desc-section .desc-wrapper .edit-tips .text{font-size:14px}.user-setting-entry .user-desc-section .title{align-items:center;gap:2px;font-size:12px;font-weight:600;line-height:18px;display:flex}.user-setting-entry .user-desc-section .title .kookiconfont-IconBtnsmalledit{cursor:pointer;font-size:16px;font-weight:100}.user-setting-entry .user-desc-section .title .kookiconfont-IconBtnsmalledit:hover{color:var(--color-primary)}.user-setting-entry .user-desc-section .content{-webkit-line-clamp:6;-webkit-box-orient:vertical;max-height:120px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.user-setting-entry .divider{background-color:var(--color-line);height:1px;margin:0 8px 8px}.user-setting-entry .user-setting-menu-list{width:100%;color:var(--text-color);flex-direction:column;gap:2px;display:flex}.user-setting-entry .user-setting-menu-list .user-setting-menu-item{border-radius:8px;justify-content:space-between;align-items:center;height:38px;padding:0 8px;font-size:14px;font-weight:400;line-height:38px;display:flex}.user-setting-entry .user-setting-menu-list .user-setting-menu-item:hover{background-color:var(--menu-hover)}.user-setting-entry .user-setting-menu-list .user-setting-menu-item:active{background-color:var(--menu-active)}.user-setting-entry .user-setting-menu-list .text{position:relative}.user-setting-entry .user-setting-menu-list .text .red-dot{background-color:var(--color-error);box-sizing:content-box;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:-10px}.user-setting-entry .user-setting-menu-list .text-icon{color:var(--text-tip-color);align-items:center;margin-right:8px;display:flex}.user-setting-entry .user-setting-menu-list .tag{background-color:#ff3200;border-radius:10px;justify-content:center;align-items:center;height:16px;margin-left:8px;padding:0 5px;font-size:12px;line-height:16px;display:inline-flex}.user-setting-entry .user-setting-menu-list .tag .tag-text{color:#fff;transform:scale(.83)}.menu-inner-button{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;height:24px;padding:0 4px 0 8px;display:flex}.menu-inner-button:hover{background-color:var(--menu-hover)}.menu-inner-button .inner-button-text{font-size:10px;line-height:24px}.copy-sussess{background-color:var(--color-primary)}.arrow-copy-sussess{color:var(--color-primary)}.left-munu-guild-avatar{z-index:1;width:60px;height:60px;position:absolute}.menu-icon-item{text-align:center;cursor:pointer;align-items:center;display:flex;position:relative}.menu-icon-item .menu-pill{top:0}.menu-icon-item .clip-button-wrap{width:100%;height:100%}.menu-icon-item:not(.size-sm).active .clip-button-wrap:after{content:"";background-image:url(https://static.kookapp.cn/app/static/media/circle-wrap.9ec97e52.png);background-size:52px;width:52px;height:52px;position:absolute;top:-2px;left:-2px}.menu-icon-item.size-sm.active .icon-button{border:2px solid var(--color-primary);border-radius:8px}.menu-icon-item .icon-button-wrap{justify-content:center;align-items:center;margin:0 auto;display:flex}.menu-icon-item .beautiful_number .clip-button-wrap:after{display:none}.menu-icon-item .icon-button{z-index:1;transform-origin:50%;border:0;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;transition:transform .15s;display:flex;position:relative}.menu-icon-item .icon-button.size-sm{width:24px;height:24px}.menu-icon-item .icon-button:hover{transform:scale(1.1)}.menu-icon-item .icon-button:active{transform:scale(.98)}.menu-icon-item .icon-button.font-icon{color:var(--text-color)}.menu-icon-item .icon-button .text-button{width:100%;height:100%;color:var(--text-color);background-color:var(--color-top-bg);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.menu-icon-item .icon-button .text-button .emoji{height:20px}.menu-icon-item .icon-button .image-button{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.menu-icon-item .icon-button .iconfont-button{color:var(--text-color);background-color:var(--color-top-bg);justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex}.theme-light .menu-icon-item .icon-button .iconfont-button{color:#222}.theme-dark .menu-icon-item .icon-button .iconfont-button{color:#fff}.menu-icon-item .icon-button.size-sm .clip-button-wrap .iconfont-button{font-size:16px}.menu-icon-item .icon-button.size-sm .clip-button-wrap{border-radius:8px;overflow:hidden}.menu-icon-item .icon-button>.img{pointer-events:none}.menu-icon-item:not(.active) .icon-button.mousedown{transform:scale(.8)!important}.menu-icon-item-img .img{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block}.menu-icon-item-img img{object-fit:cover;color:var(--text-color);font-size:14px}.red-count{border-color:var(--color-deep-bg);color:#fff;background-color:var(--color-error);z-index:1;box-sizing:border-box;width:auto;min-width:20px;height:20px;top:-2px;right:-2px;top:unset;right:unset;border-style:solid;border-width:2px;border-color:var(--menu-background);border-radius:10px;justify-content:center;align-items:center;padding:2px 5px;font-family:Montserrat-Bold;font-size:12px;display:flex;position:absolute}.red-count.no-border{border-width:0}.red-count.medium{min-width:16px;height:16px;padding:2px 4px}.red-count.medium .num{transform-origin:50%;line-height:16px}.red-count.small{min-width:16px;height:16px;padding:1px 2px}.red-count.small .num{transform-origin:50%;line-height:16px;transform:scale(.84)}.red-dot{border-color:var(--color-deep-bg);background-color:var(--color-error);z-index:1;box-sizing:border-box;border-style:solid;border-width:2px;border-color:var(--menu-background);border-radius:50%;width:12px;height:12px;font-size:12px;transition:all .2s;position:absolute;top:-2px;right:-2px}.red-dot.small{width:4px;height:4px}.thread-info{text-align:center;background:var(--menu-background);color:red;position:relative}.notification-tip{max-width:unset;width:440px;height:600px;padding:unset;background-color:var(--menu-background);box-shadow:var(--box-shadow);z-index:98}.notification-tip .notification-center__wrapper{background-color:var(--menu-background);border-radius:12px;flex-direction:column;height:100%;padding-bottom:10px;animation:50ms cubic-bezier(.18,.89,.32,1.27) notificationCenterAnimateFromLeft;display:flex}.theme-menu-blur .notification-tip .notification-center__wrapper{background-color:transparent}.theme-menu-blur .notification-tip .notification-center__wrapper:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.notification-tip .notification-center__wrapper .tab__wrapper{border-bottom:1px solid var(--color-line);margin:16px 16px 0;position:relative}.notification-tip .notification-center__wrapper .tab__wrapper .tab-list__wrapper{padding-bottom:12px;display:flex}.notification-tip .notification-center__wrapper .tab__wrapper .tab-list__wrapper .tab-item{text-align:center;color:var(--text-tip-color);cursor:pointer;flex:1;padding:2px 8px;font-weight:600;line-height:20px}.notification-tip .notification-center__wrapper .tab__wrapper .tab-list__wrapper .tab-item.selected{color:var(--text-color)}.notification-tip .notification-center__wrapper .tab__wrapper .active-bar{--active-index:1;background-color:var(--color-primary);width:20px;height:3px;bottom:0;left:calc(var(--active-index)*20% - 10%);border-radius:999px;transition:left .3s;position:absolute;transform:translate(-50%)}.notification-tip .notification-center__wrapper .information-list__wrapper{flex-direction:column;gap:16px;padding:16px 28px;display:flex;overflow:auto}.notification-tip .notification-center__wrapper .information-list__wrapper .information-wrapper{border-radius:16px;padding-bottom:9px;position:relative}.notification-tip .notification-center__wrapper .information-list__wrapper .information-wrapper:hover{cursor:pointer}.notification-tip .notification-center__wrapper .information-list__wrapper .information-wrapper .information-top{justify-content:space-between;align-items:center;display:flex}.notification-tip .notification-center__wrapper .information-list__wrapper .information-wrapper .information-top .information-user .info,.notification-tip .notification-center__wrapper .information-list__wrapper .information-wrapper .information-top .information-guild{flex-direction:column;display:flex}.notification-tip .notification-center__wrapper .information-list__wrapper .information-wrapper .information-top .information-guild{align-items:flex-end}.notification-tip .notification-center__wrapper .information-list__wrapper .information-wrapper .information-option__wrapepr{align-items:center;display:flex}.notification-tip .notification-center__wrapper .information-list__wrapper .information-wrapper .information-option__wrapepr .count{margin-left:4px}.notification-tip .notification-center__wrapper .information-list__wrapper .bottom-guard{color:var(--text-tip-color);align-self:center}@keyframes notificationCenterAnimateFromLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes icon-button-animation{0%{border-color:transparent;transform:rotate(0)}33%{border-color:rgba(229,229,234,.5);transform:rotate(13deg)}66%{border-color:rgba(229,229,234,.5);transform:rotate(-13deg)}to{border-color:rgba(229,229,234,.5);transform:rotate(0)}}.app-left{flex-direction:column;display:flex;position:absolute;top:4px;bottom:0;left:0}.app-left .menu-pill{background-color:var(--color-primary);border-radius:0 4px 4px 0;width:4px;height:32px;margin-top:16px;position:absolute;left:0}.app-left .line{background-color:var(--border-color);width:40px;height:1px;margin-top:8px;margin-bottom:8px;margin-left:20px}.app-left>.top{overflow:hidden}.app-left>.top .icon-button-wrap{height:64px}.app-left>.bottom{position:relative}.app-left .button-group{justify-content:center;gap:4px;display:flex}.app-left .app-home{background-color:var(--color-top-bg)}.app-left .app-home img{content:url(https://static.kookapp.cn/app/static/media/main-dark-head.62d13f47.png);width:32px;height:32px}.theme-dark .app-left .app-home img{content:url(https://static.kookapp.cn/app/static/media/main-light-head.3b1b938c.png);width:32px;height:32px}.app-left-content{text-align:center;flex:1;width:80px;position:relative;overflow:hidden}.app-left-content .nav-wrapper{box-sizing:content-box;width:94px;height:100%;padding-right:17px;overflow-x:hidden;overflow-y:scroll}.app-left-content .nav-wrapper::-webkit-scrollbar{width:14px}.app-left-content .nav-wrapper .nav-content{width:80px;position:relative}.app-left-content .nav-wrapper .nav-content .icon-button-wrap{height:64px}.mention-num-icon{border-color:var(--color-deep-bg);color:#fff;background-color:var(--color-error);z-index:1;border-style:solid;border-width:2px;border-radius:10px;justify-content:center;align-items:center;width:auto;min-width:20px;height:20px;font-family:Montserrat-Bold;font-size:12px;display:flex;position:absolute;top:-2px;right:-2px}.mention-num-icon.no-border{border-width:0}.mention-num-icon.medium{min-width:16px;height:16px;padding:2px 4px}.mention-num-icon.medium .num{transform-origin:50%;line-height:16px}.mention-num-icon.small{min-width:16px;height:16px;padding:1px 2px}.mention-num-icon.small .num{transform-origin:50%;line-height:16px;transform:scale(.84)}.app-left-content .nav-content .menu-icon-item-img:hover .img.animated,.app-left-content .nav-content .menu-icon-item-img.active .img.animated{display:inline-block}.guild-unread-icon{border-color:var(--color-deep-bg);background-color:var(--color-error);z-index:1;border-style:solid;border-width:2px;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:-2px;right:-2px}.guild-unread-icon.small{width:4px;height:4px}.voice-icon{border:2px solid var(--color-deep-bg);background-position:50%;background-repeat:no-repeat;background-size:16px;background-color:var(--color-primary);border-radius:50%;width:20px;height:20px;position:absolute;bottom:-2px;right:-2px}.voice-icon.audio{background-image:url(https://static.kookapp.cn/app/static/media/voice-channel-2@2x.07c9d6e1.png)}.voice-icon.screen{background-color:#323438;background-image:url(https://static.kookapp.cn/app/static/media/streaming@2x.02bcc453.png)}.voice-icon.self-share{background-image:url(https://static.kookapp.cn/app/static/media/streaming@2x.02bcc453.png);background-color:var(--color-primary)}.guild-unread-scroll{z-index:2;padding-top:8px;padding-left:12px;position:absolute}.guild-unread-scroll.prev{top:0}.guild-unread-scroll.next{bottom:8px}.unread-scroll-bar{box-shadow:var(--box-shadow);color:var(--color-primary);cursor:pointer;background-color:var(--menu-background);border-radius:16px;padding:7px 16px;font-size:12px;line-height:18px;position:relative}.theme-menu-blur .unread-scroll-bar{background-color:transparent}.theme-menu-blur .unread-scroll-bar:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.guild-tooltip{font-size:14px}.guild-tooltip .guild-name{text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:36px;line-height:18px;display:-webkit-box;overflow:hidden}.guild-tooltip .mute-description{color:rgba(237,238,240,.7);font-size:12px;line-height:18px}.folder-tooltip{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guild-folder{width:64px;margin-left:auto;margin-right:auto;position:relative}.guild-folder .expanded-folder-background{background-color:var(--color-controls);background-clip:content-box;padding:32px 0;position:absolute;top:0;bottom:0;left:0;right:0}.guild-folder .expanded-folder-background:before{content:"";background-image:url(https://static.kookapp.cn/app/static/media/folder-bg-top.8da4decc.png);background-size:100%;width:64px;height:32px;position:absolute;top:0;left:0}.theme-dark .guild-folder .expanded-folder-background:before{background-image:url(https://static.kookapp.cn/app/static/media/folder-bg-top-dark.2778fe0e.png)}.guild-folder .expanded-folder-background:after{content:"";background-image:url(https://static.kookapp.cn/app/static/media/folder-bg-bottom.59c49012.png);background-size:100%;width:64px;height:32px;position:absolute;bottom:0;left:0}.theme-dark .guild-folder .expanded-folder-background:after{background-image:url(https://static.kookapp.cn/app/static/media/folder-bg-bottom-dark.23e37595.png)}.guild-folder .top-icon{cursor:pointer;height:68px;overflow:hidden}.guild-folder .top-icon .folder-icon{justify-content:center;align-items:center;height:68px;margin:0 auto;display:flex}.guild-folder .top-icon .folder-icon .iconfont{color:#fff;background-color:#66c;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.guild-folder .top-icon .four-guild-icons{transition:all 1s;position:relative}.guild-folder .top-icon .top-icon-wrapper{transition:all .3s;transform:translateY(-68px)}.guild-folder .top-icon .top-icon-wrapper.open{transform:translateY(0)}.guild-folder .top-icon .top-icon-wrapper.open .four-guild-icons{opacity:0;transition:all 50ms}.guild-folder .folder-guild-list{overflow:hidden}.guild-folder .folder-guild-list.transition{transition:all .2s}.guild-folder .folder-guild-list .sort-guild-item-new:first-child{margin-top:2px}.forbidden-childe-pointer-events,.forbidden-childe-pointer-events *{pointer-events:none}.guild-sort-masks{flex-direction:column;justify-content:space-between;margin:auto;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.guild-sort-masks .sort-mask{flex:1}.guild-sort-masks .sort-mask *{pointer-events:none}.drag-self-folder .guild-icon{opacity:0}.drag-self-folder .guild-unread-icon,.drag-self-folder .mention-num-icon,.drag-self-folder .voice-icon,.drag-self-guild .guild-unread-icon,.drag-self-guild .mention-num-icon,.drag-self-guild .voice-icon{display:none}.drag-self-guild .icon-button{background-color:rgba(187,190,196,.3);border-radius:16px}.drag-self-guild .icon-button span,.drag-self-guild .icon-button .img{opacity:0}.sort-guild-item-new{position:relative}.sort-guild-item-new.drag-enter .guild-sort-masks{z-index:2;display:flex}.sort-guild-item-new .sort-enter-icon{background-color:var(--color-success);z-index:1;border-radius:50%;width:16px;height:16px;position:absolute;top:22px;left:4px}.sort-guild-item-new .sort-before-icon{background-color:var(--color-success);border-radius:2px;width:50px;height:4px;position:absolute;top:-2px;left:15px}.guild-folder .sort-guild-item-new .sort-before-icon{left:7px}.sort-guild-item-new .sort-after-icon{background-color:var(--color-success);border-radius:2px;width:50px;height:4px;position:absolute;bottom:-2px;left:15px}.guild-folder .sort-guild-item-new .sort-after-icon{left:7px}.four-guild-icons{border-width:6px;border-color:transparent;justify-content:center;align-items:center;height:64px;margin:0 auto;display:flex}.four-guild-icons .icon-box-wrap{transition:transform .15s}.four-guild-icons .icon-box-wrap:hover{transform:scale(1.1)}.four-guild-icons .icon-box-wrap:active{transform:scale(.97)}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}.debonce{transform-origin:50% 30%;animation-name:wobble;animation-duration:.2s;animation-iteration-count:infinite}.icon-box{background-color:rgba(143,143,255,.5);width:48px;height:48px;display:flex;position:relative}.icon-box .guild-icon{color:#fff;background-color:rgba(187,190,196,.5);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;position:absolute;transform:scale(.5)}.icon-box .guild-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}.icon-box .guild-icon:first-child{transform-origin:0 0;top:6px;left:6px}.icon-box .guild-icon:nth-child(2){transform-origin:100% 0;top:6px;right:6px}.icon-box .guild-icon:nth-child(3){transform-origin:0 100%;bottom:6px;left:6px}.icon-box .guild-icon:nth-child(4){transform-origin:100% 100%;bottom:6px;right:6px}.four-guild-icons.active .guild-icon .animate-img{display:block}.four-guild-icons.active .clip-icon-wrap:after{content:"";pointer-events:none;background-image:url(https://static.kookapp.cn/app/static/media/circle-wrap.9ec97e52.png);background-size:52px;width:52px;height:52px;position:absolute;top:-2px;left:-2px}.app-self-info{width:48px;height:48px;margin:19px auto;position:relative}.app-self-info .app-self-bottom-icon{border:2px solid var(--color-deep-bg);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-2px;right:-2px}.app-self-info .app-self-bottom-icon-online{background-color:#7acc35;border-radius:50%;width:12px;height:12px}.app-self-info .app-self-bottom-icon-stealth{border-radius:50%;width:12px;height:12px}.app-self-info .app-self-info-unread{border:2px solid var(--color-deep-bg);background-color:var(--color-error);border-radius:50%;width:12px;height:12px;position:absolute;top:0;right:0}.app-self-info .app-self-info-warn{color:#fff;background-color:var(--color-error);border:2px solid var(--color-deep-bg);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:14px;display:flex;position:absolute;top:0;right:-2px}.live-safe-alert-wrapper{z-index:100;background-color:var(--color-primary);color:#fff;-webkit-app-region:none;border-radius:8px;align-items:center;width:444px;margin-top:6px;font-size:12px;font-weight:400;line-height:20px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.live-safe-alert-wrapper .text{margin-left:36px}.live-safe-alert-wrapper .close{cursor:pointer;border-bottom:1px solid #fff;height:15px;margin-left:24px;margin-right:36px;font-weight:700;line-height:15px}.live-safe-alert-warn-wrapper{z-index:100;background-color:var(--color-warn);color:#fff;-webkit-app-region:none;border-radius:8px;align-items:center;width:432px;margin-top:6px;font-size:12px;font-weight:400;line-height:20px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.live-safe-alert-warn-wrapper .text{margin-left:36px}.live-safe-alert-warn-wrapper .goto{cursor:pointer;border-bottom:1px solid #fff;height:15px;margin-left:24px;margin-right:36px;font-weight:700;line-height:15px}.live-safe-alert-warn-tooltip{width:212px;height:139px;padding:13px 16px 16px}.live-safe-alert-warn-tooltip .live-safe-alert-warn-content{flex-direction:column;display:flex}.live-safe-alert-warn-tooltip .live-safe-alert-header{justify-content:space-between;align-items:center;height:22px;display:flex}.live-safe-alert-warn-tooltip .live-safe-alert-header .title{color:#fff;font-size:16px;font-weight:600}.live-safe-alert-warn-tooltip .live-safe-alert-close-icon{color:#aaa;cursor:pointer;width:24px;height:24px}.live-safe-alert-warn-tooltip .live-safe-desc{color:#aaa;height:40px;margin-top:4px;margin-bottom:12px;font-size:14px;font-weight:400;line-height:20px}.real-auth-modal-mask{z-index:1000}.identity_auth_modal_content{flex-direction:column;display:flex}.identity_auth_modal_content .phone_is_me{align-items:center;margin-top:8px;font-size:12px;font-weight:400;display:flex}.identity_auth_modal_content .footer-action{justify-content:flex-end;margin-top:16px;display:flex}.identity_auth_modal_content .echo_data_wrapper{flex-direction:column;height:84px;margin-top:20px;margin-bottom:24px;font-size:14px;font-weight:400;line-height:28px;display:flex}.facial_recognition_modal_content{flex-direction:column;margin-top:14px;display:flex}.facial_recognition_modal_content .qr_code_wrapper{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:190px;height:218px;margin-left:101px;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.08)}.facial_recognition_modal_content .facial_qr_code{margin-bottom:12px}.facial_recognition_modal_content .facial_qr_code_desc{color:#000;align-items:center;gap:4px;display:flex}.facial_recognition_modal_content .facial_qr_code_desc .pay_logo{background-image:url(https://static.kookapp.cn/app/static/media/mode2.5174d005.png);background-size:cover;width:16px;height:16px}.facial_recognition_modal_content .modal_footer_tips{text-align:center;color:var(--text-tip-color);margin-top:16px;margin-bottom:24px;font-size:12px;font-weight:400;line-height:18px}.kook-emotion-modal-mask{z-index:1000;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.kook-emotion-modal-wrapper{background-color:var(--color-grey-bg);border-radius:16px;width:440px;min-height:222px;padding:24px;position:relative}.kook-emotion-modal-wrapper .close{cursor:pointer;width:24px;height:24px;color:var(--text-tip-color);text-align:center;border-radius:8px;font-size:20px;line-height:24px;position:absolute;top:24px;right:24px}.kook-emotion-modal-wrapper .close:hover{background-color:var(--menu-hover)}.uploading-content{flex-direction:column;align-items:center;display:flex}.uploading-content .loading{width:30px;height:30px;margin-top:40px}.uploading-content .upload-progress{color:var(--text-color);margin-top:16px;font-size:14px;font-weight:400;line-height:20px}.uploading-content .cancel-upload{margin-top:32px}.upload-success-content{flex-direction:column;align-items:center;display:flex}.upload-success-content img{width:40px;height:40px;margin-top:16px;margin-bottom:16px}.upload-success-content .text{height:26px;color:var(--text-color);margin-bottom:32px;font-size:20px;font-weight:600;line-height:26px}.upload-result-content .title{height:26px;color:var(--text-color);margin-bottom:24px;font-size:20px;font-weight:600;line-height:26px}.upload-result-content .tips{height:20px;color:var(--text-color);margin-bottom:8px;font-size:14px;font-weight:400;line-height:20px}.upload-result-content .result-list{max-height:304px;margin-bottom:24px}.upload-result-content .result-item-wrapper{background:var(--color-grey-bg);border:1px solid var(--border-color);border-radius:12px;width:392px;height:48px;margin-bottom:8px;padding:8px 16px 8px 8px;font-size:12px;line-height:30px;display:flex}.upload-result-content .result-item-wrapper .preview{width:32px;height:32px;color:var(--text-tip-color);justify-content:center;align-items:center;margin-right:8px;display:flex}.upload-result-content .result-item-wrapper .name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-color);flex:1;overflow:hidden}.upload-result-content .result-item-wrapper .reason{text-overflow:ellipsis;white-space:nowrap;color:#ff3200;text-align:right;width:68px;margin-left:8px;overflow:hidden}.upload-result-content .footer{justify-content:flex-end;display:flex}.alert-content{flex-direction:column;align-items:center;display:flex}.alert-content .banner img{width:180px;height:120px;margin-bottom:24px}.alert-content .title{color:var(--text-color);font-size:20px;font-weight:600;line-height:26px}.alert-content .desc{text-align:center;width:312px;color:var(--text-color);flex-wrap:wrap;justify-content:center;align-items:center;margin-top:8px;margin-bottom:32px;font-size:14px;font-weight:400;line-height:20px;display:flex}.alert-content .desc img{width:40px;height:16px}.alert-content .desc .buff-img{margin:0 3px}.alert-content .btn-text{justify-content:center;align-items:center;display:flex}.alert-content .btn-text .tag{margin-right:4px}.guild-broadcast-canvas{pointer-events:none;z-index:99;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(720px - 100%))}}.guild-broadcast-item-fade-in-out{opacity:0;animation:fadeEffect var(--animation-duration,4s)ease-in-out forwards}@keyframes fadeEffect{0%{opacity:0}7.5%{opacity:1}92.5%{opacity:1}to{opacity:0}}.guild-broadcast-item{pointer-events:none;justify-content:center;align-items:center;width:990px;height:128px;display:flex}.guild-broadcast-item .guild-broadcast-scroll{white-space:nowrap;max-width:720px;height:33px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.guild-broadcast-item .guild-broadcast-scroll.guild-broadcast-scroll-overflow .markdown-preview{animation:scroll var(--animation-scroll-duration,3s)linear forwards;animation-delay:.5s}.guild-broadcast-item .markdown-preview{white-space:nowrap;color:var(--text-color);padding-left:0;font-size:24px;font-weight:600;line-height:33px;display:inline-block}.guild-broadcast-item .markdown-preview .mention-user-name{color:unset}.guild-broadcast-item .markdown-preview .mention-user-name.mention-me{background-color:unset}.guild-broadcast-canvas-bg{max-width:100%;max-height:100%}.gift-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.gift-play-item{z-index:11;width:40%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gift-play-item.gift-play-item-level1{width:55%;height:55%}.gift-play-item.gift-play-item-level2{width:75%;height:75%}.gift-play-item-resource{object-fit:contain;object-position:center;width:100%;height:100%}.order-tracker-container{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}.app-background{background-color:var(--color-deep-bg);width:100%;height:100%;position:absolute}.app-background.opcity0{opacity:0}.app-main-wrapper{flex-direction:column;flex:1;width:100%;min-width:1000px;display:flex;position:relative}.global-tips{text-align:center;padding:5px 50px 5px 5px;font-size:12px;position:relative}.global-tips .icon{width:16px;height:16px;color:inherit;vertical-align:middle;background-size:16px;font-size:16px;line-height:18px;display:inline-block}.global-tips .center-icon{justify-content:center;align-items:center;width:16px;height:16px;display:inline-block}.global-tips.theme-warning{color:var(--color-warn);background-color:rgba(255,50,0,.1)}.global-tips.theme-warning .icon{background-image:url(https://static.kookapp.cn/app/static/media/navigation-warning-large-solid@2x.c32d0762.png)}.global-tips.theme-danger{color:var(--color-error);background-color:rgba(255,50,0,.1)}.global-tips.theme-danger .icon{background-image:url(https://static.kookapp.cn/app/static/media/warning-small@2x.88e23edc.png)}.global-tips.theme-primary{color:var(--color-primary);background-color:rgba(122,204,53,.08)}.global-tips .text{color:inherit;vertical-align:middle;margin-left:6px;line-height:18px}.global-tips>span{vertical-align:middle}.global-tips .app-kaihei-link{word-break:keep-all;vertical-align:middle;margin-left:24px}.global-tips .close-icon{position:absolute;top:7px;right:24px}.global-tips .kaihei-loading-spin{vertical-align:middle}.app-main-container{flex:1;height:100%;position:relative}.app-main-container .content-wrapper-box{transform-origin:0;background-repeat:no-repeat;background-size:cover;background-color:var(--color-middle-bg);border-radius:24px 24px 0;flex-direction:column;display:flex;position:absolute;top:0;bottom:4px;left:80px;right:4px;overflow:hidden}.app-main-container .content-wrapper{flex:1;justify-content:space-between;display:flex;overflow:hidden}.app-main-container .not-found{margin:100px auto 0;font-size:36px;line-height:54px}.app-main-container .app-loading-page{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.app-main-container .app-loading-page .page-loading-spin{color:#fff;text-align:center;width:60px;height:60px;font-size:60px;line-height:60px;animation:1.3s linear infinite rotate}.room-layout{transform-origin:0;flex:842px;display:flex;position:relative;overflow:hidden}.room-layout .right-slide-animate{animation:.15s ease-in-out forwards layoutRightSlider;transform:translate(100%)}.room-layout .right-slide-animate-no-forwards{animation:.15s ease-in-out layoutRightSlider}.room-layout .room-layout-inner{border-radius:var(--button-radius);flex:1;display:flex;position:relative}.room-layout .room-layout-content{flex:1;display:flex;overflow:hidden}.room-layout .room-layout-content>.room-content-left,.room-layout .room-layout-content>.room-content-right,.room-layout .room-layout-content>.room-content-slidebar{border-left:1px solid var(--color-line)}.room-layout .room-content-slidebar{flex-direction:column;flex-shrink:0;align-items:center;width:52px;padding-top:24px;display:flex}.room-layout .room-content-slidebar>.icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:24px;display:flex;position:relative}.room-layout .room-content-slidebar>.icon:not(.active){color:var(--text-tip-color)}.room-layout .room-content-slidebar>.icon:not(:last-child){margin-bottom:24px}.room-layout .room-content-slidebar>.icon:not(.disabled){cursor:pointer}.room-layout .room-content-slidebar>.icon.image-icon{background-position:50%;background-repeat:no-repeat;background-size:24px}.room-header{flex-shrink:0;justify-content:space-between;align-items:center;height:70px;margin-left:24px;margin-right:24px;font-size:16px;line-height:22px;display:flex}.room-header .goback-btn{color:var(--text-description-color);text-align:center;cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.room-header .header-left{white-space:nowrap;flex:auto;align-items:center;display:flex;overflow:hidden}.room-header .header-left .room-ico{height:16px;color:var(--text-color);align-items:center;margin-right:8px;font-size:16px;display:flex;position:relative}.room-header .header-right{border-top-right-radius:6px;flex-shrink:0;justify-content:space-between;align-items:center;height:100%;padding-left:16px;display:flex}.room-header .header-right .selector-contain{margin-right:16px}.room-header .header-right .header-right-ico{cursor:pointer;width:32px;height:32px;color:var(--text-description-color);background-color:var(--color-top-bg);border-radius:50%;justify-content:center;align-items:center;margin-right:16px;font-size:24px;display:flex}.room-header .header-right .header-right-ico:hover{color:#fff;background-color:var(--color-primary)}.room-header .header-right .header-right-ico:last-of-type{margin-right:0}.room-header .header-right .header-right-ico-split{background-color:var(--color-e5e);width:2px;height:16px;margin-right:12px}.room-header .header-right .rich-search-input{margin-right:16px}.room-header .header-right .feedback{transition:all .2s}.room-header .header-right .feedback.active{transform:rotate(180deg)}.room-header .header-right .iconsticky{position:relative}.room-header .header-right .iconsticky:before{transition:all .2s}.room-header .header-right .iconsticky.active:before{transform:rotate(135deg)}.room-header .header-right .iconsticky .stick-unread-icon{box-sizing:border-box;border:1px solid var(--background-primary);background-color:var(--color-error);border-radius:50%;width:10px;height:10px;position:absolute;top:1px;right:-1px}.room-header .room-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text-color);flex-shrink:0;max-width:100%;font-weight:700;overflow:hidden}.room-header .room-title .emoji{height:16px;margin-top:-2px;display:inline-block}.room-header .sub-title{color:var(--text-tip-color);height:18px;margin-top:4px;margin-left:8px;font-size:12px;line-height:18px}.room-header .room-toptips{cursor:pointer;color:var(--text-description-color);text-overflow:ellipsis;flex:1;margin-left:16px;font-size:14px;overflow:hidden}.room-header .room-toptips .emoji{height:14px;margin-top:-4px;display:inline-block}.room-header .header-close-icon{box-sizing:border-box;text-align:center;cursor:pointer;width:24px;height:24px;color:var(--text-description-color);border-radius:4px;font-size:24px;font-weight:400;line-height:24px;position:absolute;top:16px;right:16px}.room-header .header-close-icon:hover{background-color:var(--menu-hover);color:var(--text-color)}.room-header .header-close-icon:active{background-color:var(--menu-active);color:var(--text-color)}.feedback-box{cursor:pointer;color:var(--text-description-color);align-items:center;display:flex}.feedback-box .text{white-space:nowrap;font-size:12px}.text-room-wrapper{flex:1;display:flex;position:relative;overflow:hidden}.content-wrapper .feedback-box:hover{color:var(--color-primary)}.theme-dark .content-wrapper .feedback-box:hover{color:var(--text-color)}.room-content-left{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}@keyframes layoutRightSlider{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.right-message-layout{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.room-content-right{border-left:1px solid var(--border-color-light);position:relative}.room-content-right .animate-wrapper{width:100%;height:100%}.searchmessage .room-content-right{flex:0 0 430px}@media (max-width:1100px){.room-header{top:8px;right:8px}}@media (max-width:1200px){.room-layout{flex:1.22 732px}}.room-tops{flex:1;align-items:center;display:flex;overflow:hidden}.room-tops .username{text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}.room-tops .form_server_name_info{max-width:49%;display:flex}.room-tops .form_server_name_info .form_server_name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.menus-move-state .kaihei-tips{display:none}.stack-msg-unread-icon{border:2px solid var(--color-grey-bg);background-color:var(--color-error);border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0}.empty-search-state.ab{position:absolute;top:25%;left:50%;transform:translate(-50%)}.empty-search-state.fix-54{position:absolute;top:54px;left:50%;transform:translate(-50%)}.empty-search-state .empty-image{color:#bcc2cd}.theme-dark .empty-search-state .empty-image{color:rgba(187,190,196,.25)}.empty-search-state .empty-image svg{margin-left:auto;margin-right:auto;display:block}.empty-search-state .text{color:var(--text-tip-color);text-align:center;margin-top:16px;font-size:14px}.title-bar-icon-none{display:none!important}.voice-channel-message-list,.fixedable-room-right.voice-channel-message-list{width:440px;position:relative}.voice-channel-message-list.fixed,.fixedable-room-right.voice-channel-message-list.fixed{width:440px}.voice-channel-message-list.fixed .send-ctrl-wrapper,.fixedable-room-right.voice-channel-message-list.fixed .send-ctrl-wrapper{background:var(--color-line)}.audio-room-layout{max-height:100%}.audio-room-layout .popout-voice-mode-header{z-index:1;flex-shrink:0;flex-basis:70px}.audio-room-layout .popout-voice-mode-footer{flex-shrink:0;flex-basis:70px}.audio-room-layout .voice-card-mode{padding-left:16px;padding-right:8px}.audio-room-layout .voice-focus-mode{padding-left:16px;padding-right:16px}.audio-room-layout.popout{background-color:var(--color-deep-bg);flex:1;width:100%;transform:translate(0)}.audio-room-layout.popout>.inner{background-color:var(--color-middle-bg)}.audio-room-layout.popout .video-layer{position:fixed!important}.audio-room-layout .audio-room-wrapper{width:100%;height:100%;transition:all .3s}.audio-room-layout .audio-room-page{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.audio-room-layout .room-layout-inner{overflow:hidden}.audio-room-layout .audio-room-header{z-index:2;background-color:transparent}.audio-room-layout .room-layout-content{flex-direction:column;padding-bottom:24px;overflow:hidden}.audio-room-layout .room-layout-content.in-popout{padding-bottom:0}.audio-room-layout .audio-room-content{flex-direction:column;flex:1;justify-content:space-between;padding-bottom:24px;display:flex;overflow:hidden}.audio-room-layout .audio-room-content.in-popout{padding-bottom:0;padding-left:0;padding-right:0}.audio-room-layout .talk-control{flex-basis:72px;padding-right:8px}.audio-room-layout .voice-button-wrap{padding-right:8px}.audio-room-layout .voice-button-wrap .chuanyu-button{line-height:36px}.audio-room-layout .audio-layout-hover-show{opacity:0;transition:all .2s}.audio-room-layout .audio-layout-hover-show.pos-top{transform:translateY(-30%)}.audio-room-layout .audio-layout-hover-show.pos-bottom{transform:translateY(30%)}.audio-room-layout:hover .audio-layout-hover-show,.audio-room-layout.hover .audio-layout-hover-show{opacity:1}.audio-room-layout:hover .audio-layout-hover-show.pos-top,.audio-room-layout.hover .audio-layout-hover-show.pos-top,.audio-room-layout:hover .audio-layout-hover-show.pos-bottom,.audio-room-layout.hover .audio-layout-hover-show.pos-bottom{transform:translate(0)}.audio-room-layout .selector-contain.type-ghost .selector-select,.audio-room-layout .search-input.noborder{background-color:var(--color-top-bg)}.audio-room-layout .theme-selector-option-bg{background-color:var(--menu-background)}.theme-menu-blur .audio-room-layout .theme-selector-option-bg{background-color:transparent}.theme-menu-blur .audio-room-layout .theme-selector-option-bg:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.guild-menu-box{width:24px;height:24px}.menu-svg-icon{fill:none;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;stroke:var(--main-color);opacity:.95;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.guild-level-progress{cursor:pointer;pointer-events:auto;align-items:center;height:26px;display:flex}.guild-level-progress.guest{cursor:not-allowed}.guild-level-progress.zero .level-progress-bar,.guild-level-progress.zero .level-tag{background-color:#c6c9d2}.guild-level-progress.max .level-progress-bar,.guild-level-progress.max .level-tag{background:linear-gradient(270deg,#e7ac00 0%,#ffcb19 100%)}.guild-level-progress .level-tag{color:#fff;text-align:center;background-color:var(--color-success);border-radius:10px;width:40px;height:18px;margin-right:6px;font-family:Montserrat-SemiBold;font-size:12px;font-weight:600;line-height:18px}.guild-level-progress .level-progress{background:var(--color-deep-bg);border-radius:10px;flex:1;height:4px;overflow:hidden}.guild-level-progress .level-progress-bar{background-color:var(--color-success);height:100%}.tooltip-guild-level-progress{background-color:#000;width:160px}.guild-banner-box{border-radius:24px 0 0;width:100%;overflow:hidden}.guild-banner-box>img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.guild-display-bar{border-radius:0 0 12px 12px;margin:0 24px;padding:2px 0 16px;font-family:Montserrat-Bold,PingFang SC,Microsoft YaHei New,微软雅黑;display:flex}.guild-display-bar.guest{cursor:not-allowed}.guild-display-id{margin-right:8px;display:flex}.guild-common-id-tag{color:#fff;cursor:pointer;background:var(--guild-display-tag-bg);white-space:nowrap;border-radius:9px;max-width:152px;height:18px;padding:0 8px;font-size:12px;line-height:19px;display:inline-block;overflow:hidden}.guild-common-id-tag.custom{background:var(--color-success)}.guild-rare-id-tag{color:#fff;white-space:nowrap;cursor:pointer;background-position-y:50%;border-radius:9px;min-width:66px;max-width:152px;height:18px;padding:0 8px;font-size:12px;line-height:19px;display:inline-block;overflow:hidden}.guild-booster-level{background:var(--color-success);color:#fff;text-align:center;cursor:pointer;border-radius:10px;width:40px;height:18px;font-size:12px;line-height:19px;display:inline-block}.guild-booster-level.zero{background:var(--guild-display-tag-bg)}.guild-booster-level.max{background:linear-gradient(270deg,#e7ac00 0%,#ffcb19 100%)}.guild-booster-level.guest{cursor:not-allowed}.channel_live_alert{border:1px solid var(--color-line);border-radius:16px;height:84px;margin-bottom:8px;padding-left:17px;padding-right:15px}.channel_live_alert .info{color:#999;margin-top:12px;margin-bottom:6px;font-size:12px;line-height:18px}.channel_live_alert .alert_icon{width:12px;height:12px;margin-right:3px;display:inline-block;position:relative;top:1px}.channel_live_alert .go_to_auth{cursor:pointer;height:18px;color:var(--color-link);align-items:center;font-size:12px;display:flex}.antispam-bar{border:1px solid var(--color-line);border-radius:16px;margin-bottom:8px;padding:10px 16px}.antispam-bar .antispam-bar-left{height:20px;color:var(--text-description-color);align-items:center;font-size:14px;font-weight:400;line-height:20px;display:flex}.antispam-bar__icon{cursor:pointer;align-items:center;height:20px;margin-left:2px;display:flex}.antispam-bar .restricted-profile{border-bottom-width:0;border-left-width:0;border-right-width:0;border-top:1px solid var(--color-line);border-radius:0;margin-top:10px;margin-bottom:0;padding-bottom:0;padding-left:0;padding-right:0}.restricted-profile{border:1px solid var(--color-line);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 16px;font-size:12px;display:flex}.restricted-profile .left{color:var(--text-tip-color);text-align:left;line-height:1.5}.restricted-profile .left img{vertical-align:bottom;object-fit:cover;width:16px;height:16px;margin-bottom:1px;margin-left:2px;margin-right:2px;display:inline-block}.audio-center-advertise{border:1px solid var(--color-line);cursor:pointer;border-radius:16px;align-items:center;width:100%;height:60px;margin-bottom:8px;padding:12px 16px;display:flex;position:relative}.audio-center-advertise.view_only_img{padding:3px}.audio-center-advertise.view_only_img .advertise-icon{border-radius:12px;width:100%;height:100%}.audio-center-advertise .advertise-icon{background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px;margin-right:8px}.audio-center-advertise .advertise-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.audio-center-advertise .advertise-title{color:var(--text-description-color);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:18px;overflow:hidden}.audio-center-advertise .advertise-desc{color:var(--text-tip-color);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.audio-center-advertise .advertise-btn{flex-shrink:0;margin-left:12px;font-size:12px}.kook-booster-bar{border:1px solid var(--color-line);height:44px;color:var(--text-description-color);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 12px 0 16px;font-size:14px;display:flex}.kook-booster-bar svg{color:#7acc35}.kook-booster-bar .booster-button{cursor:pointer;color:var(--color-primary);padding:4px}.kook-booster-bar .booster-button:hover{color:var(--color-primary-hover)}.kook-booster-bar .booster-button:active{color:var(--color-primary-active)}.golive-animate-btn{color:#fff;cursor:pointer;width:100%;height:24px;display:block;position:relative}.golive-animate-btn .bg-layer{background-color:var(--color-primary);transform-origin:50%;border-radius:8px;width:100%;height:100%;animation-name:goliveBtn;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;transform:scale(1);box-shadow:0 0 0 1px #458c09}.golive-animate-btn:active .bg-layer{background-color:var(--color-primary-active)}.golive-animate-btn .content-layer{width:100%;height:24px;padding:0 8px;font-size:12px;line-height:24px;position:absolute;top:0;left:0}@keyframes goliveBtn{0%{transform:scale(1);box-shadow:0 0 #458c09}12.5%{transform:scale(1.02,1.05);box-shadow:0 0 0 1px #458c09}25%{transform:scale(1);box-shadow:0 0 #458c09}37.5%{transform:scale(1.02,1.05);box-shadow:0 0 0 1px #458c09}50%{transform:scale(1);box-shadow:0 0 #458c09}to{transform:scale(1);box-shadow:0 0 #458c09}}.new-ai-noise-suppression.enabled.active svg,.new-ai-noise-suppression.enabled:hover svg{display:none}.new-ai-noise-suppression .icon-parent{justify-content:center;align-items:center;display:flex}.new-ai-noise-suppression-panel{z-index:30;width:280px;height:117px;color:var(--text-color);box-shadow:var(--box-shadow);border-radius:12px;position:absolute;overflow:hidden}.new-ai-noise-suppression-panel .gray-line{background-color:var(--color-line);width:248px;height:1px;margin-left:16px}.new-ai-noise-suppression-panel .ai-noise-suppression-switch{border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:relative}.new-ai-noise-suppression-panel .ai-noise-suppression-switch .ai-noise-suppression-title .title-bottom-info{color:#999;text-shadow:0 4px 32px rgba(0,0,0,.08);text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.new-ai-noise-suppression-panel .ai-noise-suppression-switch .ai-noise-suppression-title .title{color:var(--text-color);text-shadow:0 2px 8px rgba(0,0,0,.08);flex-direction:row;align-items:center;font-size:14px;font-weight:600;line-height:20px;display:flex;margin-bottom:4px!important}.new-ai-noise-suppression-panel .ai-noise-suppression-switch .ai-noise-suppression-title .title .tag{cursor:pointer;margin-left:2px}.new-ai-noise-suppression-panel .ai-noise-suppression-switch .ai-noise-suppression-title .title .icon-help{cursor:pointer;width:16px;height:16px}.new-ai-noise-suppression-panel .ai-noise-suppression-switch .ai-noise-suppression-title .icons{width:84px;color:var(--text-tip-color);height:12px!important}.new-ai-noise-suppression-panel .ai-noise-suppression-switch .ui-switch.checked{border-color:var(--color-primary)}.new-ai-noise-suppression-panel .ai-noise-suppression-switch .ui-switch.checked small:before{background-color:var(--color-primary)!important}.new-ai-noise-suppression-panel .ai-noise-suppression-content{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:280px;height:52px;padding-left:16px;padding-right:16px;display:flex}.new-ai-noise-suppression-panel .ai-noise-suppression-content .right-parent{flex-direction:row;justify-content:right;height:16px;display:flex}.new-ai-noise-suppression-panel .ai-noise-suppression-content .right-parent .text-countdown{color:var(--text-description-color);margin-right:2px;font-size:12px;font-weight:400;line-height:14px;display:flex}.new-ai-noise-suppression-panel .ai-noise-suppression-content .right-parent .text-countdown .time{color:#ff8200;margin-left:2px}.new-ai-noise-suppression-panel .ai-noise-suppression-content .right-parent .text-nocan-use{color:var(--text-description-color);text-align:center;margin-right:2px;font-size:12px;font-weight:400;line-height:14px}.new-ai-noise-suppression-panel .ai-noise-suppression-content .right-parent .icon-help{cursor:pointer;width:16px;height:16px}.new-ai-noise-suppression-panel .description{margin-bottom:12px;font-size:12px}.noise-private-chat-voice-tooltip{background-color:var(--color-light-bg);width:240px;max-width:240px;box-shadow:var(--box-shadow-lg);z-index:23;border-radius:12px;flex-direction:column;padding:12px;display:flex}.noise-private-chat-voice-tooltip .banner{border-radius:8px;width:216px;height:122px;margin-bottom:16px}.noise-private-chat-voice-tooltip .title{color:var(--text-color);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;padding:0 12px;font-size:16px;font-weight:600;overflow:hidden}.noise-private-chat-voice-tooltip .desc{color:var(--text-description-color);text-align:center;max-height:180px;margin-bottom:12px;padding:0 12px;font-size:12px;font-weight:400;line-height:18px}.noise-private-chat-voice-tooltip .actions{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}.private-chat-voice-arrow{color:var(--color-light-bg)}.screen-share-entry{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;margin-bottom:9px;padding-bottom:12px;display:flex}.screen-share-entry .left{flex:1;align-items:center;display:flex;overflow:hidden}.screen-share-entry .icon{background-position:50%;background-size:contain;border-radius:8px;flex-shrink:0;width:32px;height:32px;margin-right:8px;position:relative}.screen-share-entry .icon.living:before{content:"";background-image:url(https://static.kookapp.cn/app/static/media/living_light.4f3da2f9.png);background-position:50%;background-size:100%;border-radius:50%;width:18px;height:18px;position:absolute;bottom:-4px;right:-4px}.screen-share-entry .name{text-overflow:ellipsis;color:var(--text-description-color);white-space:nowrap;flex:1;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.screen-share-entry .right{display:flex}.screen-share-entry .right-btn{width:28px;height:28px;color:var(--text-tip-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.screen-share-entry .right-btn:not(:last-child){margin-right:2px}.screen-share-entry .right-btn:hover{background-color:var(--color-line)}.screen-share-entry .right-btn:active{background-color:var(--menu-active)}.screen-share-entry .right-btn.disabled{opacity:.5;cursor:not-allowed}.theme-dark .screen-share-entry .living:before{background-image:url(https://static.kookapp.cn/app/static/media/living_dark.666f8cfc.png)}.last-msg-box{position:relative}.last-msg-box .last-msg-box-content{cursor:pointer}.last-msg-box .left-icon{color:var(--text-description-color);margin-right:4px;display:flex;position:relative}.last-msg-box .channel-content-info{line-height:16px}.last-msg-box .box-close-button{display:none;position:absolute;top:-4px;right:-4px}.last-msg-box:hover .box-close-button{display:flex}.net-status-wrapper{min-height:104px}.net-status-container{margin-top:20px;position:relative}.net-status-container .user-net-container{border-top-style:solid;border-top-width:2px;padding-top:84px}.net-status-container .user-net-container:after{content:" ";width:2px;height:50px;position:absolute;top:0;right:0}.net-status-container .user-net-container.green{border-top-color:var(--color-primary)}.net-status-container .user-net-container.green:after{background-color:var(--color-primary)}.net-status-container .user-net-container.yellow{border-top-color:var(--color-warn)}.net-status-container .user-net-container.yellow:after{background-color:var(--color-warn)}.net-status-container .user-net-container.red{border-top-color:var(--color-error)}.net-status-container .user-net-container.red:after{background-color:var(--color-error)}.net-status-container .debug-user-item{justify-content:space-between;margin-bottom:24px;font-size:12px;display:flex}.net-status-container .debug-user-item.red .debug-user-right .debug-line{background-color:var(--color-error)}.net-status-container .debug-user-item.red .debug-info{color:var(--color-error);border-color:var(--color-error)}.net-status-container .debug-user-item.green .debug-user-right .debug-line{background-color:var(--color-primary)}.net-status-container .debug-user-item.green .debug-info{color:var(--color-primary);border-color:var(--color-primary)}.net-status-container .debug-user-item.yellow .debug-user-right .debug-line{background-color:var(--color-warn)}.net-status-container .debug-user-item.yellow .debug-info{color:var(--color-warn);border-color:var(--color-warn)}.net-status-container .debug-user-item .debug-user-left{align-items:center;width:105px;display:flex}.net-status-container .debug-user-item .debug-user-left .computer-icon{background-image:url(https://static.kookapp.cn/app/static/media/client_other.3f44aa9e.svg);background-position:50%;background-repeat:no-repeat;width:24px;height:24px;margin-right:8px}.net-status-container .debug-user-item .debug-user-left .user-name{text-overflow:ellipsis;white-space:nowrap;width:72px;overflow:hidden}.net-status-container .debug-user-item .debug-user-right{flex:1;align-items:center;display:flex}.net-status-container .debug-user-item .debug-user-right .debug-line{flex:1;height:2px}.net-status-container .debug-user-item .debug-user-right .debug-line.last{position:relative}.net-status-container .debug-user-item .debug-user-right .debug-line.last:after{content:" ";width:2px;height:48px;position:absolute;bottom:0;right:0}.net-status-container .debug-user-item .debug-user-right .debug-info{border-style:solid;border-width:2px;border-radius:12px;justify-content:space-between;width:240px;height:24px;padding:0 44px;line-height:20px;display:flex}.net-status-container .debug-user-item:first-child .debug-user-right .debug-line.last:after{height:90px}.net-status-container .debug-user-item.green .last:after{background-color:var(--color-primary)}.net-status-container .debug-user-item.yellow .last:after{background-color:var(--color-warn)}.net-status-container .debug-user-item.red .last:after{background-color:var(--color-error)}.my-connect-box{background-color:var(--color-grey-bg);justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute;top:-23px;left:0}.my-connect-box .my-computer{background-image:url(https://static.kookapp.cn/app/static/media/client_self.cd294f02.svg);background-position:50%;background-repeat:no-repeat;width:40px;height:40px;margin-right:20px;position:relative}.my-connect-box .my-computer .text{margin-top:6px;position:absolute;top:100%;left:0;word-break:keep-all!important}.my-connect-box .my-debug{position:relative}.my-connect-box .my-debug .change-line{position:absolute;top:32px;left:50%;transform:translate(-50%)}.my-connect-box .my-debug .debug-my-right{align-items:center;width:336px;display:flex}.my-connect-box .my-debug .debug-my-right .debug-line{flex:1;height:2px}.my-connect-box .my-debug .debug-my-right .debug-info{border-style:solid;border-width:2px;border-radius:12px;justify-content:space-between;width:240px;height:24px;padding:0 44px;line-height:20px;display:flex}.my-connect-box .my-debug.red .debug-my-right .debug-line{background-color:var(--color-error)}.my-connect-box .my-debug.red .debug-my-right .debug-info{color:var(--color-error)}.my-connect-box .my-debug.yellow .debug-my-right .debug-line{background-color:var(--color-warn)}.my-connect-box .my-debug.yellow .debug-my-right .debug-info{color:var(--color-warn)}.my-connect-box .my-debug.green .debug-my-right .debug-line{background-color:var(--color-primary)}.my-connect-box .my-debug.green .debug-my-right .debug-info{color:var(--color-primary)}.my-connect-box .my-server{background-image:url(https://static.kookapp.cn/app/static/media/server.7d4c16e2.svg);background-position:50%;background-repeat:no-repeat;width:100px;height:40px;margin-left:20px;margin-right:20px;position:relative}.my-connect-box .my-server .text{text-align:center;width:100%;margin-top:6px;position:absolute;top:100%;left:0}.channel-create-modal .title{border-bottom:1px solid rgba(28,36,46,.08);margin-bottom:24px;padding-bottom:12px;font-size:18px;line-height:27px}.channel-create-modal .switch-tab-container{width:395px}.channel-create-modal .switch-tab-container .tab-title{border-radius:6px;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.channel-create-modal .switch-tab-container .create-text-channel-textarea{height:134px}.channel-create-modal .switch-tab-container .create-text-channel-textarea textarea{height:100%}.create-channel-buttons{flex-direction:row-reverse;padding-top:24px;display:flex}.create-channel-buttons .cancel{margin-right:8px}.channel-create-modal .form-group{margin-bottom:24px}.channel-create-modal .form-group .form-tips{margin-bottom:12px;font-size:14px;line-height:20px}.encrypt-channel-switch{justify-content:space-between;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.encrypt-channel-tip{margin-bottom:12px;font-size:12px}@keyframes channelBgfadeInOut{0%{opacity:.25}44.64%{opacity:.25}55.35%{opacity:1}89.2%{opacity:.25}to{opacity:.25}}.channel-list-container{padding-bottom:0;padding-left:8px;padding-right:16px}.text-channel-unread-icon{border:1.5px solid var(--color-grey-bg);background-color:var(--color-error);border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0}.text-channel-unread-icon.no-border{border-width:0}.text-channel-unread-icon.medium{width:6px;height:6px}.audio-channel-user-list{margin-bottom:6px;overflow:hidden}.audio-channel-user-list .user-item__container{display:flex;overflow:hidden}.audio-channel-user-list .user-item__container .user-item__not-ID-Level{box-sizing:border-box;align-items:center;width:35px;padding-left:18px;display:flex}.audio-channel-user-list .user-item__container .user-item__not-ID-Level .user-item__not-ID-Level-icon{width:16px;height:16px}.audio-channel-user-list .user-item__container .user-item__name-wrapper{flex:1;overflow:hidden}.audio-channel-user-list .user-item:not(:last-child){margin-bottom:2px}.audio-channel-user-list .user-item-content{cursor:pointer;border-radius:var(--button-radius);align-items:center;padding:7px 7px 7px 6px;display:flex}.audio-channel-user-list .user-item-content.self-in-other-device{opacity:.5}.audio-channel-user-list .user-item-content:hover{background-color:var(--menu-hover)}.audio-channel-user-list .user-item-content.talk{background-color:var(--color-primary-bg)}.audio-channel-user-list .user-item-content:active,.audio-channel-user-list .user-item-content.selected{background-color:var(--menu-active)}.audio-channel-user-list .user-item-content .user-head-wrapper{position:relative}.audio-channel-user-list .user-item-content .audio-user-head{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(187,190,196,.2);border-radius:50%;width:24px;height:24px;margin-right:10px}.audio-channel-user-list .user-item-content .user-head{background-color:rgba(187,190,196,.2);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:24px;height:24px;margin-right:10px;overflow:hidden}.audio-channel-user-list .user-item-content .user-head.talk{box-shadow:0 0 0 2px var(--color-primary)}.audio-channel-user-list .user-item-content .user-head.local-mute{box-shadow:0 0 0 2px var(--color-error)}.audio-channel-user-list .user-item-content .user-info{color:var(--text-color);flex:1;justify-content:space-between;display:flex;overflow:hidden}.audio-channel-user-list .user-item-content .user-info .user-info-row-parent{align-items:center;display:flex;overflow:hidden}.audio-channel-user-list .user-item-content .user-info .user-info-row-parent .private-vip-tag{margin-left:2px;margin-right:4px}.audio-channel-user-list .user-item-content .user-info .user-info-row-parent .user-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;line-height:20px;overflow:hidden}.audio-channel-user-list .user-item-content .user-info .user-info-row-parent .user-name.talk{color:var(--main-color)}.audio-channel-user-list .user-item-content .user-info .user-info-row-parent .user-name .emoji{height:14px;margin-top:-3px;display:inline-block}.audio-channel-user-list .user-item-content .user-info .user-state-icos{color:var(--text-tip-color);align-items:center;display:flex}.audio-channel-user-list .user-item-content .user-info .user-state-icos .icon{justify-content:center;align-items:center;width:16px;height:16px;margin-right:4px;font-size:16px;display:flex}.audio-channel-user-list .user-item-content .user-info .user-state-icos .icon:last-child{margin-right:0}.audio-channel-user-list .user-item-content .user-info .user-state-icos .icon-ans-user{background-image:url(https://static.kookapp.cn/app/static/media/ans-list-icon.8ca69dbb.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.audio-channel-user-list .user-item-content .user-info .user-state-icos .icon-accompaniment{color:var(--color-primary)}.audio-channel-user-list .user-item-content .user-info .user-state-icos .vip-icon-accompaniment{background-image:url(https://static.kookapp.cn/app/static/media/all_vip_ico.9f2f9859.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.audio-channel-user-list .user-item-content .user-info .user-state-icos .audio-channel-recording{background-image:url(https://static.kookapp.cn/app/static/media/channel-recording.6147f997.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.audio-channel-user-list .user-item-content .user-info .user-state-icos .user-talk-icon{color:var(--color-primary)}.audio-channel-user-list .user-item-content .user-info .user-state-icos .is-local-muter-icon{color:var(--color-error);background-image:url(https://static.kookapp.cn/app/static/media/localmute.828537b3.svg)}.audio-channel-user-list .user-item-content .user-info .user-state-icos .guild-mute-icon{color:var(--color-error);background-image:url(https://static.kookapp.cn/app/static/media/guild-mute-icon.4e8170d4.svg)}.audio-channel-user-list .user-item-content .user-info .user-state-icos .guild-mkf-mute-icon{color:var(--color-error);background-image:url(https://static.kookapp.cn/app/static/media/guild-mkf-mute-icon.a433c9bf.svg)}.audio-channel-user-list .user-item-content .user-info .user-state-icos .is-mkf-mute-icon{background-image:url(https://static.kookapp.cn/app/static/media/is-mkf-mute-icon.565ed703.svg)}.audio-channel-user-list .user-item-content .user-info .user-state-icos .is-mute-icon{background-image:url(https://static.kookapp.cn/app/static/media/is-mute-icon.7a77cb1a.svg)}.audio-channel-user-list .user-item-content .user-info .user-state-icos .audio-user-icon{background-repeat:no-repeat;background-size:cover;width:16px;height:16px}.audio-channel-user-list .user-item-content .user-info .golive-user-tag{background-position:50%;background-repeat:no-repeat;background-size:100%;background-color:var(--color-primary);border-radius:50%;width:16px;height:16px}.channel-title-wrapper{position:relative}.channel-item{box-sizing:border-box;cursor:pointer;flex-direction:column;margin-right:0;padding-left:6px;display:flex;position:relative}.channel-item.sort-enter.sort-type-user:before{content:"";border:2px solid var(--color-success);z-index:1;background-color:rgba(52,168,83,.1);border-radius:6px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.channel-item .ctrl-btn{width:16px;height:16px;color:var(--text-tip-color);justify-content:center;align-items:center;font-size:16px;display:flex}.channel-item .ctrl-btn:hover{color:var(--text-description-color)}.channel-item .ctrl-btn:active{color:var(--text-color)}.channel-item.is-msg-mute{opacity:.5}.channel-item.type-audio .channel-info{justify-content:space-between}.channel-item.type-audio.disabled{cursor:not-allowed}.channel-item.type-audio.clicked .channel-title{background-color:var(--color-line)}.channel-item.type-audio.clicked .newchannel-title{background-color:var(--background-primary)}.channel-item.type-audio.clicked .new-audio-channel-title{background-color:var(--menu-hover)}.channel-item.has-unread .text{color:var(--text-color)}.channel-item .new-audio-channel-title{color:var(--text-color);border-radius:6px;justify-content:space-between;align-items:center;height:36px;margin-bottom:4px;margin-left:10px;padding-left:8px;padding-right:8px;display:flex;position:relative}.channel-item .new-audio-channel-title .item-fold{display:none}.channel-item .new-audio-channel-title .item-fold.show-icon.close{cursor:pointer;width:20px;height:20px;color:var(--text-color);justify-content:flex-end;align-items:center;font-size:16px;display:flex;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.channel-item .new-audio-channel-title .item-fold.show-icon.close svg{transform:rotate(0)}.channel-item .new-audio-channel-title.muted{opacity:.5}.channel-item .new-audio-channel-title .channel-title-bg-layer{border-radius:inherit;pointer-events:none;opacity:0;margin:auto;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.channel-item .new-audio-channel-title .channel-title-bg-layer .bg-image-layer{border-radius:inherit;opacity:.25;background:linear-gradient(270deg,rgba(255,210,0,0) 0%,rgba(255,210,0,.2) 100%);margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.channel-item .new-audio-channel-title .channel-title-bg-layer.show{opacity:1}.channel-item .new-audio-channel-title .channel-title-bg-layer .bg-layer-img{background-repeat:no-repeat;background-size:100%;width:39px;height:48px;position:absolute;top:-8px;right:0}.channel-item .new-audio-channel-title .channel-title-bg-layer .bg-layer-img.static{background-image:url(https://static.kookapp.cn/app/static/media/channel-star-static@2x.9253babe.png);display:block}.channel-item .new-audio-channel-title .channel-title-bg-layer .bg-layer-img.animate{background-image:none;display:none}.channel-item .new-audio-channel-title .channel-info{z-index:1;flex:1;line-height:24px;display:flex;overflow:hidden}.channel-item .new-audio-channel-title .channel-info .channel-info-title-left{flex:1;align-items:center;font-weight:700;display:flex}.channel-item .new-audio-channel-title .channel-info .text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.channel-item .new-audio-channel-title .channel-info .text .emoji{height:16px;margin-top:-3px;display:inline-block}.channel-item .new-audio-channel-title .channel-info .len-text{color:var(--text-tip-color);font-family:Montserrat-Regular;font-size:12px}.channel-item .new-audio-channel-title .type-icon{justify-content:center;align-items:center;width:16px;height:16px;margin-right:6px;font-size:16px;font-weight:400;display:flex;position:relative}.channel-item .new-audio-channel-title .audio-channel-private-icon{text-align:center;border-radius:50%;width:13px;height:13px;font-size:10px;line-height:14px;position:absolute;top:0;right:-4px}.channel-item .newchannel-title{border-radius:6px;flex-direction:column;justify-content:center;margin-bottom:4px;margin-left:10px;padding-left:8px;padding-right:8px;display:flex;position:relative}.channel-item .newchannel-title .channel-content-info{margin-top:2px;margin-bottom:6px;margin-left:22px}.channel-item .newchannel-title .channel-top-title{color:var(--text-color);justify-content:space-between;align-items:center;margin-top:5px;display:flex;position:relative}.channel-item .newchannel-title .channel-top-title.thread-channel-top-title{height:36px;margin-top:0}.channel-item .newchannel-title .channel-top-title .channel-info{flex:1;align-items:center;display:flex;overflow:hidden}.channel-item .newchannel-title .channel-top-title .channel-info .text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:20px;overflow:hidden}.channel-item .newchannel-title .channel-top-title .channel-info .text .emoji{height:16px;margin-top:-3px;display:inline-block}.channel-item .newchannel-title .channel-top-title .channel-info .len-text{color:var(--text-tip-color);font-family:Montserrat-Regular;font-size:12px}.channel-item .newchannel-title .channel-top-title .type-icon{justify-content:center;align-items:center;width:16px;height:16px;margin-right:6px;font-size:16px;display:flex;position:relative}.channel-item .newchannel-title .channel-top-title .audio-channel-private-icon{text-align:center;border-radius:50%;width:13px;height:13px;font-size:10px;line-height:14px;position:absolute;top:0;right:-4px}.channel-item .right{align-items:center;display:flex}.channel-item .ctrl-btns{align-items:center;font-size:16px;display:none}.channel-item .new-audio-channel-title:hover{opacity:1}.channel-item .new-audio-channel-title:hover:not(.disabled-hover){background-color:var(--menu-hover)}.channel-item .new-audio-channel-title:hover .bg-layer-img.static{display:none}.channel-item .new-audio-channel-title:hover .bg-layer-img.animate{background-image:url(https://static.kookapp.cn/app/static/media/channel-star-animate.2db6457b.webp);display:block}.channel-item .new-audio-channel-title:hover .channel-title-bg-layer .bg-image-layer{animation-name:channelBgfadeInOut;animation-duration:2.24s;animation-timing-function:linear;animation-iteration-count:infinite}.channel-item .new-audio-channel-title:hover .channel-info .text{color:var(--main-color)}.channel-item .new-audio-channel-title:hover .ctrl-btns{display:flex}.channel-item .new-audio-channel-title:hover .ctrl-btns .ctrl-btn{cursor:pointer}.channel-item .new-audio-channel-title:hover .ctrl-btns .ctrl-btn.invote-btn{margin-right:4px}.channel-item .new-audio-channel-title:hover .len-text{display:none}.channel-item:hover .new-audio-channel-title .item-fold{cursor:pointer;width:20px;height:20px;color:var(--text-color);justify-content:flex-end;align-items:center;font-size:16px;display:flex;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.channel-item:hover .new-audio-channel-title .item-fold svg{transform:rotate(90deg)}.channel-item:hover .new-audio-channel-title .item-fold.close svg{transform:rotate(0)}.channel-item .newchannel-title:hover{background-color:var(--menu-hover);opacity:1}.channel-item .newchannel-title:hover .channel-info .text{color:var(--main-color)}.channel-item .newchannel-title:hover .text-channel-unread-icon{border-color:var(--menu-hover-bg-primary)}.channel-item .newchannel-title:hover .ctrl-btns{display:flex}.channel-item .newchannel-title:hover .ctrl-btns .ctrl-btn{cursor:pointer}.channel-item .newchannel-title:hover .ctrl-btns .ctrl-btn.invote-btn{margin-right:4px}.channel-item .newchannel-title:hover .len-text{display:none}.channel-item.type-text{transition:all .1s linear}.channel-item.active{border-top-left-radius:19px;border-bottom-left-radius:19px;margin-right:0}.channel-item.active .channel-title{background-color:var(--color-line);border-top-right-radius:0;border-bottom-right-radius:0}.channel-item.active .newchannel-title,.channel-item.active .new-audio-channel-title{background-color:var(--color-top-bg)}.channel-item.active .text-channel-unread-icon{border-color:var(--color-light-bg)}.channel-item.active .text{color:var(--text-color)}.channel-item.active.type-text .ctrl-btns{display:flex}.channel-item.active .text{font-weight:700}.channel-item.active .ctrl-btns .ctrl-btn{font-size:16px}.channel-item.active .ctrl-btns .ctrl-btn.invote-btn{margin-right:4px}.channel-group{color:var(--text-color);padding:6px 0}.channel-group.is-msg-mute{opacity:.5}.channel-group .group-titles{cursor:pointer;justify-content:space-between;height:18px;padding-right:8px;font-size:12px;display:flex}.channel-group .group-titles .group-left{flex:1;align-items:center;display:flex;overflow:hidden}.channel-group .group-titles .open-status{justify-content:center;align-items:center;width:16px;height:16px;font-size:16px;transition:all .25s;display:flex}.channel-group .group-titles .open-status.close{transform:rotate(-90deg)}.channel-group .group-titles .group-name{text-overflow:ellipsis;white-space:nowrap;padding-left:2px;font-weight:700;line-height:18px;overflow:hidden}.channel-group .group-titles .group-name .emoji{height:12px;display:inline-block}.channel-group .group-titles .ctrl-ico{visibility:hidden;justify-content:center;align-items:center;width:16px;height:16px;font-size:16px;display:flex}.channel-group:hover .group-titles .ctrl-ico{visibility:visible}.unread-ico{background-color:#fff;border-radius:0 4px 4px 0;width:4px;height:8px;margin-top:-4px;position:absolute;top:50%;left:0}.mention-num{box-sizing:border-box;color:#fff;background-color:var(--color-error);border-radius:8px;justify-content:center;align-items:center;width:16px;height:16px;margin-left:6px;font-family:Montserrat-Bold;font-size:12px;font-weight:600;display:flex}.mention-num .number{line-height:16px}.sort-item{position:relative}.sort-item.canInsert:after{z-index:2;content:"";background-color:var(--color-success);width:100%;height:4px;position:absolute;left:0}.sort-item.canInsert.insert-top:after{top:-2px}.sort-item.canInsert.insert-bottom:after{bottom:-2px}.sub-menus{max-height:265px;margin-left:4px;position:fixed;overflow-x:hidden;overflow-y:auto}.sub-menus .setting-item{width:122px}.theme-light .sub-menus .setting-item.disabled{color:rgba(0,0,0,.3)}.theme-dark .sub-menus .setting-item.disabled{color:rgba(255,255,255,.3)}.channel-list-space{height:38px}.group-audio-other-users{align-items:center;height:34px;padding:4px 0 0 18px;display:flex}.group-audio-other-users .audio-icon{width:16px;height:16px;color:var(--text-color);justify-content:center;align-items:center;margin-right:6px;font-size:24px;display:flex}.group-audio-other-users .group-user-list{flex:1;display:flex;overflow:hidden}.group-audio-other-users .group-user-item{border-width:2px;border-color:var(--color-grey-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-clip:content-box;border-style:solid;border-radius:50%;flex-shrink:0;width:30px;height:30px;margin-left:-10px}.group-audio-other-users .group-user-item:first-of-type{margin-left:0}.group-audio-other-users .group-user-item.number-item{background-color:var(--color-deep-bg);color:var(--text-tip-color);background-clip:padding-box;border-radius:16px;justify-content:center;align-items:center;width:auto;min-width:30px;padding:0 4px;font-family:Montserrat-Bold;font-size:12px;display:flex}.current-audio-users{padding:0 12px}.current-audio-users .audio-channel-title{align-items:center;height:38px;display:flex}.current-audio-users .audio-channel-title .audio-icon{color:#898fb9;justify-content:center;align-items:center;width:18px;height:18px;margin-right:5px;font-size:18px;display:flex}.theme-dark .current-audio-users .audio-channel-title .audio-icon{color:rgba(255,255,255,.6)}.current-audio-users .audio-channel-title .channel-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;flex:1;font-size:16px;overflow:hidden}.current-audio-users .audio-channel-title .channel-name .emoji{height:16px;margin-top:-3px;display:inline-block}.current-audio-channel-users{padding-left:40px}.current-audio-channel-users .list{flex-wrap:wrap;width:150px;display:flex}.current-audio-channel-users .user-item{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px;margin:4px 4px 2px 2px}.current-audio-channel-users .user-item.active{box-shadow:0 0 0 2px var(--color-primary)}.audio-user-expand-button{width:56px;height:20px;color:var(--text-description-color);box-shadow:var(--box-shadow);border-radius:10px;justify-content:center;align-items:center;transition:width .1s ease-in-out,left .1s ease-in-out;display:flex;position:absolute;left:50%;transform:translate(-50%)}.audio-user-expand-button:hover{color:var(--text-color)}.audio-user-expand-button .iconfont{transition:all .1s ease-in-out}.audio-user-expand-button.expanded{width:20px;left:14px}.audio-user-expand-button.expanded .iconfont{transform:rotate(-180deg)}.channel-vip-tips{align-items:center;padding-top:4px;padding-bottom:4px;display:flex}.channel-vip-tips .buff-icon{background-image:url(https://static.kookapp.cn/app/static/media/vip_icon.28fa0a5b.svg);background-position:50%;background-size:contain;width:24px;height:24px}.channel-vip-tips .user-list{margin-left:-6px;display:flex}.channel-vip-tips .user-list .user-item{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px/2px;width:16px;height:16px;box-shadow:0 0 0 1px #000}.channel-vip-tips .user-list .user-item:not(:first-child){margin-left:-2px}.channel-vip-tips .user-list .user-item.num{color:#999;background:#252629;justify-content:center;align-items:center;width:auto;min-width:16px;padding-left:2px;padding-right:2px;font-family:Montserrat-Regular;font-size:10px;display:flex}.channel-vip-tips .tips-text{color:#fff;margin-left:4px}.channel-content-info{height:18px;color:var(--text-tip-color);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;line-height:18px;overflow:hidden}.channel-content-info .channel-content-red{color:var(--color-warn);margin-right:4px}.server-left-container{flex-direction:column;flex:0 0 280px;justify-content:space-between;display:flex;position:relative;overflow-x:auto;overflow-y:hidden}.server-left-container .server-left-top{z-index:10;height:58px;margin-bottom:8px;position:relative}.server-left-container .server-left-top .server-left-top-bg{width:100%;min-height:46px;position:absolute;top:0;left:0}.server-left-container .server-left-top.has-level{height:92px}.server-left-container .server-left-top .line{background-color:var(--color-line);height:1px;margin:0 16px}.server-left-container .guild-banner-placeholder{height:19px}.server-left-container .guild-level-progress-box{border-radius:0 0 12px 12px;margin:0 24px;padding-bottom:8px}.server-left-container .guild-level-progress-box.guest{cursor:not-allowed}.server-left-container .guild-channel-banner-placeholder-box{margin-bottom:-8px}.server-left-container .guild-channel-banner-placeholder{aspect-ratio:16/9}.server-left-container .channel-list-container-wrapper-box{flex:1;position:relative;overflow:hidden}.server-left-container .channel-list-container-wrapper{height:100%}.server-left-container .channel-list-container-wrapper.loading-bg{background-image:url(https://static.kookapp.cn/app/static/media/skeleton-channel.907c9d3c.svg);background-repeat:repeat-y}.server-left-container .channel-list-space-loading{background-image:url(https://static.kookapp.cn/app/static/media/skeleton-channel.907c9d3c.svg)}.server-left-container .server-left-guild-ban{background-image:url(https://static.kookapp.cn/app/static/media/skeleton-channel.907c9d3c.svg);background-repeat:repeat-y;flex:1}.channel-list-scroll-bar{overflow-x:hidden;overflow-y:scroll}.channel-list-scroll-bar::-webkit-scrollbar{width:8px}.channel-list-scroll-bar::-webkit-scrollbar-track{background-color:transparent}.channel-list-scroll-bar::-webkit-scrollbar-thumb{background-color:transparent;background-clip:content-box;border:2px solid transparent;border-radius:4px;min-height:144px}.channel-list-scroll-bar:hover::-webkit-scrollbar-thumb{background-color:var(--color-bbb)}.server-left-top-menu{--bd-filter:blur(10px);border-radius:8px 0 0;height:47px;margin-top:-8px;padding:12px 24px;display:flex;position:relative}.has-banner .server-left-top-menu:before{content:"";width:100%;height:100%;-webkit-backdrop-filter:var(--bd-filter);backdrop-filter:var(--bd-filter);border-radius:8px 0 0;position:absolute;top:0;left:0}.server-left-top-menu.guest{cursor:not-allowed}.server-left-top-menu:not(.guest){cursor:pointer}.server-left-top-menu:not(.guest):hover,.server-left-top-menu:not(.guest):active,.server-left-top-menu.active{background-color:var(--color-line)}.server-left-top-menu .iconic_angledown_gray{transform-origin:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;transition:all .2s;display:flex}.server-left-top-menu.active .iconic_angledown_gray{transform:rotate(-180deg)}.server-left-top-menu .current-guild{z-index:1;color:var(--main-color);flex:1;align-items:center;width:100%;padding-right:32px;font-size:16px;font-weight:700;display:flex;position:relative}.server-left-top-menu .current-guild .emoji{height:16px;margin-top:-2px;display:inline-block}.server-left-top-menu .current-guild .current-guild-name{align-items:center;display:flex;overflow:hidden}.server-left-top-menu .current-guild .current-guild-name .text{text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.5;overflow:hidden}.server-left-top-menu .current-guild .current-guild-name .guild-boost-level{background-position:50%;background-size:cover;width:24px;height:14px;margin-left:2px}.server-left-top-menu .current-guild .current-guild-name .guild-boost-level.level6{background-image:url(https://static.kookapp.cn/app/static/media/level6.14cbcea3.svg)}.server-left-top-menu .current-guild .current-guild-name .guild-boost-level.level5{background-image:url(https://static.kookapp.cn/app/static/media/level5.a0f22d1a.svg)}.server-left-top-menu .current-guild .current-guild-name .guild-boost-level.level4{background-image:url(https://static.kookapp.cn/app/static/media/level4.90c30c93.svg)}.server-left-top-menu .current-guild .current-guild-name .guild-boost-level.level3{background-image:url(https://static.kookapp.cn/app/static/media/level3.2eaf2288.svg)}.server-left-top-menu .current-guild .current-guild-name .guild-boost-level.level2{background-image:url(https://static.kookapp.cn/app/static/media/level2.678c5b34.svg)}.server-left-top-menu .current-guild .current-guild-name .guild-boost-level.level1{background-image:url(https://static.kookapp.cn/app/static/media/level1.01efbced.svg)}.server-left-top-menu .show-menu-btn{z-index:1;align-items:center;font-size:20px;display:flex;position:absolute;top:0;right:0}.server-left-top-menu:not(.guest) .show-menu-btn{cursor:pointer}.server-left-top-menu .show-menu-unread{background-color:var(--color-error);border:2px solid var(--color-grey-bg);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:2px}.server-left-top-menu:hover .show-menu-unread{border-color:var(--menu-hover-bg-primary)}.server-left-top-menu.active .show-menu-unread{border-color:var(--color-light-bg)}.server-left-top-menu .top-menu{width:calc(100% - 48px);color:var(--text-color);box-shadow:var(--box-shadow);transform-origin:50% 0;background-color:var(--menu-background);border-radius:12px;min-width:210px;margin-top:4px;padding:8px;font-size:14px;line-height:20px;animation:.15s ease-in-out topMenuAnimate;position:absolute;top:100%;left:50%;transform:translate(-50%)}.theme-menu-blur .server-left-top-menu .top-menu{background-color:transparent}.theme-menu-blur .server-left-top-menu .top-menu:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.server-left-top-menu .top-menu .menu-item{margin-bottom:4px}.server-left-top-menu .top-menu .menu-item:last-child{margin-bottom:0}.server-left-top-menu .top-menu .menu-item.leave-channel{border-top:1px solid var(--color-line);margin-top:4px;padding-top:4px}.server-left-top-menu .top-menu .menu-item:first-child.leave-channel{border:0;margin-top:0;padding-top:0}.server-left-top-menu .top-menu .menu-item .menu-item-inner{cursor:pointer;border-radius:6px;height:32px;padding:0 8px;line-height:32px;display:flex;position:relative}.server-left-top-menu .top-menu .menu-item .menu-item-inner:hover{background-color:var(--menu-hover)}.server-left-top-menu .top-menu .menu-item .menu-item-inner:active{background-color:var(--menu-active)}.server-left-top-menu .top-menu .menu-item .menu-item-inner.red-color{color:var(--color-error)}.server-left-top-menu .top-menu .menu-item .menu-item-inner .menu-text{flex:1;margin-left:12px;overflow:hidden}.server-left-top-menu .top-menu .menu-item .menu-item-inner .menu-text .text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-left-top-menu .top-menu .menu-item .menu-item-inner .flex-between{justify-content:space-between;align-items:center}.server-left-top-menu .top-menu .menu-item .menu-item-inner .menu-icon{color:var(--text-description-color);font-size:16px;line-height:34px}.server-left-top-menu .top-menu .menu-item .menu-item-inner .menu-icon.image-icon{justify-content:center;align-items:center;display:flex}.server-left-top-menu .top-menu .menu-item .menu-item-inner .menu-icon.image-icon .img{background-size:100%;width:16px;height:16px}.server-left-top-menu .top-menu .menu-item .menu-item-inner .menu-icon.image-icon .img.icon-guild-right{background-image:url(https://static.kookapp.cn/app/static/media/guild_boost_icon.54c4a400.svg)}.server-left-top-menu .top-menu .menu-item .menu-item-inner .menu-icon.image-icon .img.icon-guild-broadcast{background-image:url(https://static.kookapp.cn/app/static/media/ico_broadcast@2x.1841f664.png)}.server-left-top-menu .top-menu .goods-tag{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.top-menu-animation-enter{opacity:0;transform-origin:top;transform:translate(-50%)scale(0)!important}.top-menu-animation-enter-active{opacity:1;transition:all .15s linear;transform:translate(-50%)scale(1)!important}@keyframes topMenuAnimate{0%{opacity:0;transform:translate(-50%)scale(.3)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (max-width:1200px){.server-left-container{flex:1 0 230px}}.banner-box{margin:0 16px 16px 24px;position:relative}.banner-box>img{border-radius:16px;width:100%;display:block}.banner-box .close{cursor:pointer;z-index:2;width:19px;position:absolute;top:5px;right:5px}.banner-box .close.banner-close{font-size:24px}.banner-box .close.banner-close:before{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.download-app-tips{background-repeat:no-repeat;background-size:100% 100%;border-radius:6px;position:relative;overflow:hidden}.download-app-tips .ad-img{width:100%}.download-app-tips .download{text-align:center;color:#fff;background-color:#fda700;border-radius:4px;width:96px;height:32px;font-size:14px;line-height:32px;position:absolute;bottom:10%;left:5%}.download-app-tips .download:hover{background-color:#fdaf1a}.download-app-tips .download:active{background-color:#e39500}.setting-guild-private-dialog .switch-item-content{justify-content:space-between;align-items:center;height:40px;font-size:14px;display:flex}.channel-mention-scroll{z-index:2;justify-content:center;width:100%;padding:8px 12px;display:flex;position:absolute}.channel-mention-scroll.prev{padding-top:0;top:0}.channel-mention-scroll.next{bottom:0}.channel-mention-scroll .jump-bar{color:#fff;text-align:center;cursor:pointer;opacity:.9;background-color:#ea4335;border-radius:12px;height:24px;font-size:12px;line-height:24px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.channel-mention-scroll .jump-bar:hover{opacity:1}.transition-mention-scroll-prev.enter{top:-80px}.transition-mention-scroll-prev.enter-active{transition:top .2s cubic-bezier(.18,.89,.32,1.27);top:0}.transition-mention-scroll-prev.exit{top:0}.transition-mention-scroll-prev.exit-active{transition:top .2s linear;top:-80px}.transition-mention-scroll-next.enter{bottom:-80px}.transition-mention-scroll-next.enter-active{transition:bottom .2s cubic-bezier(.18,.89,.32,1.27);bottom:0}.transition-mention-scroll-next.exit{bottom:0}.transition-mention-scroll-next.exit-active{transition:bottom .2s linear;bottom:-80px}@media (max-width:1100px){.channel-mention-scroll{padding:8px}}.fixedable-room-right{border-left:1px solid var(--color-line);flex-direction:column;width:417px;height:100%;display:flex}.fixedable-room-right.fixed{border-left:1px solid var(--color-line);z-index:30;background-color:var(--menu-background);position:absolute;top:0;right:52px;box-shadow:-4px 0 4px rgba(0,0,0,.08)}.fixedable-room-right.fixed.audio-room-right{right:0}.theme-menu-blur .fixedable-room-right.fixed{background-color:transparent}.theme-menu-blur .fixedable-room-right.fixed:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.theme-dark .fixedable-room-right.fixed{box-shadow:-4px 0 4px rgba(0,0,0,.16)}.room-content-mask{z-index:29;position:absolute;top:0;bottom:0;left:0;right:52px}.stick-message-list{color:var(--text-color);padding:12px 0 12px 12px}.stick-message-list .header{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 12px 16px;line-height:22px;display:flex}.stick-message-list .header .title{font-weight:700}.stick-message-list .header .all-read{font-size:14px}.stick-message-list .stick-message-main{flex:1;height:100%;padding-right:12px;overflow-y:auto}.stick-message-list .stick-message-main .card-message-preview .type-invisible{background-color:transparent;border-left:none;padding:0}.stick-message-list .stick-message-main .message-item{background-color:var(--color-top-bg)}.stick-message-list .stick-message-main .kui-card{max-width:initial;background-color:var(--color-top-bg)}.stick-message-list .stick-message-main .kui-card.size-lg{width:auto}.stick-message-list .stick-message-main .kui-card .kui-image.size-lg{max-width:100%}.stick-message-list .none-message{text-align:center;color:#bcc2cd;padding-top:40px;padding-bottom:42px;font-size:14px}.stick-message-list .none-message .text{color:var(--text-tip-color);margin-top:16px}.theme-dark .stick-message-list .none-message{color:rgba(187,190,196,.25)}.stick-message-list .button-stick-remove{cursor:pointer;width:24px;height:24px;color:var(--text-description-color);font-size:24px;line-height:24px;display:none;position:absolute;top:8px;right:10px}.stick-message-list .button-stick-remove:hover{color:var(--text-color)}.stick-message-list .no-more{text-align:center;padding:8px 0;font-size:12px}.stick-message-list .bottom-padding{height:10px}.stick-message-list .loadings{padding:0}.stickmsgshow-enter{transform:translateY(-100%)}.stickmsgshow-enter-active{transition:transform .3s ease-in;transform:translateY(0)}.stickmsgshow-exit{transform:translateY(0)}.stickmsgshow-exit-active{transition:transform .3s ease-out;transform:translateY(-100%)}@keyframes promptstickmsgshow{0%{margin-top:-34px}to{margin-top:0}}.message-item{background-color:var(--color-light-bg);border-radius:16px;margin-bottom:8px;padding:8px 8px 8px 64px;position:relative;overflow:hidden}.message-item .markdown-preview span{word-break:break-all}.message-item .message-right-btns{visibility:hidden}.message-item:hover .message-right-btns{visibility:visible}.message-item:nth-last-of-type(2){margin-bottom:0}.message-item .message-content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.message-item .user-avatar{background-position:50%;background-size:cover;border-radius:50%;width:44px;height:44px;position:absolute;top:9px;left:12px}.message-item .user-name{margin-right:5px;font-size:14px;font-weight:700}.message-item .user-name .emoji{height:14px;display:inline-block}.message-item .contents{margin-top:4px}.message-item .message-time{color:var(--text-tip-color);font-size:12px}.message-item .text-message-content{line-height:20px}.message-item .content-html{word-break:break-all;white-space:pre-line;line-height:1.5}.message-item .text-link{color:var(--color-link)}.message-item .message-info{padding-right:12px;line-height:20px}.message-item .message-info .user-tag{margin-left:0}.prompt-stick-messaage-wrapper{padding:0 24px 8px}.prompt-stick-messaage{width:100%;height:34px;box-shadow:var(--box-shadow);cursor:pointer;background-color:var(--color-primary);color:#fff;border-radius:12px;align-items:center;padding:0 16px;font-size:12px;display:flex;position:relative;overflow:hidden}.prompt-stick-messaage>.left-tip{flex-shrink:0;margin-right:4px;font-weight:600}.prompt-stick-messaage .message-content{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}.prompt-stick-messaage .message-content .emoji{object-fit:contain;width:12px;height:12px;display:inline-block}.prompt-stick-messaage .message-content .markdown-preview{color:#fff}.prompt-stick-messaage .message-content .markdown-preview ins{-webkit-text-decoration-color:#fff;text-decoration-color:#fff}.prompt-stick-messaage .close-btn-box{background-size:cover;justify-content:center;align-items:center;width:24px;height:100%;display:none;position:absolute;right:12px}.prompt-stick-messaage .close-btn-box .icon{color:#fff;font-size:16px}.prompt-stick-messaage:hover{padding-right:28px}.prompt-stick-messaage:hover .close-btn-box{display:flex}.no-channel{border-left:1px solid var(--color-line);flex:824px;justify-content:center;align-items:center;display:flex}@media (max-width:1200px){.no-channel{flex:1.2 722px}}.guild-switch-animation-enter .server-left-container .server-left-top,.guild-switch-animation-enter .server-left-container .channel-list-container-wrapper,.guild-switch-animation-enter .room-layout{opacity:0}.guild-switch-animation-enter-active .server-left-container .server-left-top,.guild-switch-animation-enter-active .server-left-container .channel-list-container-wrapper,.guild-switch-animation-enter-active .room-layout{opacity:1;transition:opacity .1s linear}.guild-switch-animation-exit .server-left-container .server-left-top,.guild-switch-animation-exit .server-left-container .channel-list-container-wrapper,.guild-switch-animation-exit .room-layout{opacity:1}.guild-switch-animation-exit-active .server-left-container .server-left-top,.guild-switch-animation-exit-active .server-left-container .channel-list-container-wrapper,.guild-switch-animation-exit-active .room-layout{opacity:0;transition:opacity .1s linear}.channel-switch-animation-enter{opacity:0}.channel-switch-animation-enter-active{opacity:1;transition:opacity .1s linear}.channel-switch-animation-exit{opacity:1}.channel-switch-animation-exit-active{opacity:0;transition:opacity .1s linear}.guild-ban{flex-direction:column;justify-content:center;align-items:center;display:flex}.guild-ban .setting-page-empty{margin-top:0}.guild-ban-top-tip{background-color:var(--color-error);color:#fff;z-index:30;justify-content:center;align-items:center;width:100%;min-height:32px;padding:4px 12px;font-size:12px;display:flex;position:absolute;top:0;left:0}.guild-ban-top-tip .guild-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;display:inline-block;overflow:hidden}.guild-ban-top-tip button{color:#fff;background-color:transparent;border:1px solid #fff;border-radius:6px;width:78px;height:24px;margin-left:16px;line-height:22px}.thread-search-input{background-color:var(--color-line);width:120px;height:24px;color:var(--text-tip-color);border-radius:14px;align-items:center;margin-right:8px;padding:4px 8px;font-size:12px;display:flex;position:relative}.thread-search-input input{width:63px;height:12px;color:var(--text-description-color);background-color:transparent;border:none;outline:none;padding:0;font-size:12px;font-weight:400;line-height:12px}.thread-search-input .search-icon{height:16px}.thread-search-input .button-clean{cursor:pointer;background-color:var(--color-line);border-radius:8px;justify-content:center;align-items:center;width:12px;height:12px;margin-left:8px;display:flex;right:16px}.thread-search-input .button-clean svg{width:12px;height:12px}.thread-search-input .button-clean:hover{color:var(--text-description-color)}.menu-background{background-color:var(--menu-background)}.theme-menu-blur .menu-background{background-color:transparent}.theme-menu-blur .menu-background:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.menu-background-self{background-color:var(--menu-background)}.theme-menu-blur .menu-background-self{background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter)}.thread-channel-filter-actions{border-bottom:1px solid var(--color-line);box-sizing:border-box;height:48px;color:var(--text-color);justify-content:space-between;align-items:center;padding-left:24px;display:flex}.thread-channel-filter-actions .thread-channel-filter-left{flex:1;align-items:center;width:calc(100% - 256px);height:48px;display:flex;position:relative}.thread-channel-filter-actions .thread-channel-filter-left .divide-line{background-color:var(--color-line);width:1px;height:12px;margin-right:12px}.thread-channel-filter-actions .thread-channel-filter-left .category-add{align-items:center;width:24px;height:44px;margin-left:20px;margin-right:54px;display:flex;position:relative}.thread-channel-filter-actions .thread-channel-filter-left .thread-category-srcoll-transform{cursor:pointer;justify-content:flex-start;align-items:center;width:20px;height:47px;display:flex;position:absolute;top:-1px;left:-20px}.thread-channel-filter-actions .thread-channel-filter-left .thread-category-srcoll-transform-left{cursor:pointer;justify-content:flex-start;align-items:center;width:20px;height:47px;display:flex;position:absolute;top:-1px;right:-26px;transform:rotate(180deg)}.thread-channel-filter-actions .thread-channel-filter-left .category-tab{cursor:pointer;height:48px;color:var(--text-color);white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:relative}.thread-channel-filter-actions .thread-channel-filter-left .category-tab.me{width:32px;margin-right:12px}.thread-channel-filter-actions .thread-channel-filter-left .thread-category-srcoll{align-items:center;gap:24px;max-width:100%;display:flex;overflow:scroll}.thread-channel-filter-actions .thread-channel-filter-left .thread-category-srcoll::-webkit-scrollbar{display:none}.thread-channel-filter-actions .thread-channel-filter-left .thread-category-srcoll .category-tab{position:relative}.thread-channel-filter-actions .thread-channel-filter-left .category-tab-active{background:#7acc35;border-radius:2px;width:20px;height:3px;position:absolute;bottom:0;left:0}.thread-channel-filter-actions .thread-channel-filter-left .category-tab-active-fixed{background:#7acc35;border-radius:2px;width:20px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.thread-channel-filter-actions .thread-channel-filter-left .category-tab-active-animated{transition:all .2s cubic-bezier(.29,0,0,1)}.thread-channel-filter-actions .category-red-count{border-color:var(--color-deep-bg);color:#fff;background-color:var(--color-error);z-index:1;box-sizing:border-box;border-style:solid;border-width:2px;border-color:var(--menu-background);border-radius:10px;justify-content:center;align-items:center;width:auto;min-width:20px;height:20px;padding:2px 5px;font-family:Montserrat-Bold;font-size:12px;display:flex;position:absolute;top:8px;right:-8px;scale:.8}.thread-channel-filter-actions .category-red-count.two{right:-12px}.thread-channel-filter-actions .category-red-count.more{right:-15px}.thread-channel-filter-actions .category-red-dot{background-color:var(--color-error);border:2px solid var(--color-deep-bg);box-sizing:border-box;border-radius:50%;width:12px;height:12px;position:absolute;top:10px;right:-2px}.thread-channel-filter-actions .thread-channel-filter-right{justify-content:flex-end;align-items:center;width:256px;padding-left:8px;padding-right:24px;display:flex}.thread-channel-filter-actions .thread-channel-filter-right .thread-filter-wrapper{background-color:var(--color-line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.thread-channel-filter-actions .thread-channel-filter-right .thread-filter-wrapper path{fill:var(--text-tip-color)}.thread-channel-filter-actions .thread-channel-filter-right .filter-button{color:#999;cursor:pointer;background:#f5f6fa;border-radius:14px;align-items:center;width:82px;height:24px;padding:6px 12px;font-size:12px;display:flex}.thread-channel-filter-actions .thread-channel-filter-right .divide-line{background-color:rgba(0,0,0,.04);width:1px;height:12px;margin-left:8px;margin-right:8px;font-size:12px;font-weight:400}.thread-channel-filter-actions .thread-channel-filter-right .create-thread-button{box-sizing:border-box;text-align:center;background-color:var(--color-primary);color:#fff;cursor:pointer;border-radius:14px;align-items:center;width:64px;height:24px;padding:6px 8px;font-size:12px;font-weight:400;line-height:1em;display:flex}.thread-channel-filter-actions .thread-channel-filter-right .create-thread-button:not([disabled]):hover{background-color:var(--color-primary-hover)}.thread-channel-filter-actions .thread-channel-filter-right .create-thread-button:not([disabled]):active{background-color:var(--color-primary-active)}.thread-channel-filter-actions .thread-channel-filter-right .create-thread-button svg{margin-right:4px}.thread-channel-filter-actions .thread-channel-filter-right .create-thread-button svg path{fill:#fff}.thread-channel-filter-actions .thread-channel-filter-right .create-thread-button.disabled{opacity:.5;cursor:not-allowed}.thread-channel-filter{width:180px;max-width:180px;height:306px;box-shadow:var(--box-shadow);color:var(--text-color);background-color:var(--menu-background);border-radius:12px;padding:0 8px}.theme-menu-blur .thread-channel-filter{background-color:transparent}.theme-menu-blur .thread-channel-filter:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--menu-background);-webkit-backdrop-filter:var(--menu-background-filter);backdrop-filter:var(--menu-background-filter);position:absolute;top:0;bottom:0;left:0;right:0}.thread-channel-filter .thread-channel-filter-menu .sub-title{color:var(--text-tip-color);margin-top:8px;margin-bottom:6px;margin-left:8px;font-size:12px;font-weight:400;line-height:18px}.thread-channel-filter .thread-channel-filter-menu .divide-line{background-color:var(--color-line);width:100%;height:1px;margin-top:12px;margin-bottom:12px}.thread-channel-filter .thread-channel-filter-menu-item{cursor:pointer;border-radius:8px;align-items:center;height:32px;padding:0 8px;font-size:14px;font-weight:400;line-height:38px;display:flex}.thread-channel-filter .thread-channel-filter-menu-item.thread-use-server-setting-item{justify-content:space-between}.thread-channel-filter .thread-channel-filter-menu-item .race{border:2px solid var(--text-tip-color);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-right:8px;display:flex}.thread-channel-filter .thread-channel-filter-menu-item .race:after{content:"";border-radius:50%;width:8px;height:8px;display:inline-block}.thread-channel-filter .thread-channel-filter-menu-item.active .race:after{background-color:var(--color-primary)}.thread-channel-filter .thread-channel-filter-menu-item.disabled{opacity:.5;cursor:not-allowed}.thread-channel-filter .thread-channel-filter-menu-item:hover{background-color:var(--menu-hover)}.thread-channel-filter .thread-channel-filter-menu-item:active{background-color:var(--menu-active)}.thread-channel-float-actions{z-index:1;background-color:var(--menu-background);box-shadow:var(--box-shadow);border-radius:8px;position:absolute;bottom:48px;right:24px}.thread-channel-float-actions path{fill:var(--text-tip-color)}.thread-channel-float-actions .actions-item:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}.thread-channel-float-actions .actions-item:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.thread-channel-float-actions .actions-item{cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.thread-channel-float-actions .actions-item:not(:last-child){border-bottom:1px solid var(--color-line)}.thread-channel-float-actions .actions-item:hover:not(.disabled){background-color:var(--menu-hover)}.thread-channel-float-actions .actions-item:active:not(.disabled){background-color:var(--menu-active)}.thread-channel-float-actions .actions-item.disabled{opacity:.5;cursor:not-allowed}.thread-channel-float-actions .gift-icon{background-image:url(https://static.kookapp.cn/app/static/media/gift-icon-small.592175ac.png);background-size:contain;width:24px;height:24px}.thread-refresh-tooltip{background-color:var(--color-primary);z-index:0}.thread-refresh-tooltip-arrow path{fill:var(--color-primary)}.thread-channel-card-list-section{flex:1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%;max-width:100%;height:100%;padding-left:24px;display:grid}.thread-channel-card-list-section .thread-card-item{text-align:center;box-sizing:border-box;cursor:pointer;flex-direction:column;width:100%;min-width:100px;max-width:583px;transition:opacity .12s cubic-bezier(.29,0,0,1);display:flex;position:relative}.thread-channel-card-list-section .thread-card-item.active .thread-card-preview-box:before{display:block}.thread-channel-card-list-section .thread-card-item.hover .thread-card-preview-box:before{z-index:1;display:block}.thread-channel-card-list-section .thread-card-item.pressing .thread-card-preview-box:before{background-color:var(--menu-active)}.thread-channel-card-list-section .thread-card-item.animating{opacity:0}.thread-channel-card-list-section .thread-card-item:hover .thread-card-item-cover-wrapper .thread-card-preview-box{transform:scale(1.05)}.thread-channel-card-list-section .thread-card-item-cover-wrapper{aspect-ratio:1/.618;box-sizing:border-box;border-radius:16px;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.thread-channel-card-list-section .thread-card-preview-box{aspect-ratio:1/.618;box-sizing:border-box;object-fit:cover;object-position:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;align-items:center;width:100%;transition:transform .25s ease-in-out;display:flex;position:relative}.thread-channel-card-list-section .thread-card-preview-box:before{content:"";aspect-ratio:1/.618;box-sizing:border-box;background-color:var(--set-top-color);border-radius:16px;width:100%;display:none;position:absolute}.thread-channel-card-list-section .thread-card-preview-box.black,.thread-channel-card-list-section .thread-card-preview-box.delete{background-image:url(https://static.kookapp.cn/app/static/media/thread_empty_cover.732d25fe.svg)}.thread-channel-card-list-section .thread-card-preview-box .video-time{box-sizing:border-box;color:#fff;background:rgba(0,0,0,.7);border-radius:8px;height:28px;padding:8px 10px;font-size:12px;line-height:12px;position:absolute;bottom:8px;left:8px}.thread-channel-card-list-section .thread-card-preview-box.text-preview{border:1px solid var(--color-line);background-color:rgba(122,204,53,.08);font-weight:900}.thread-channel-card-list-section .thread-card-preview-box .emoji{vertical-align:sub;height:20px;display:inline-block}.thread-channel-card-list-section .thread-card-preview-box .preview_content{box-sizing:border-box;text-align:left;word-break:break-all;-webkit-line-clamp:4;text-overflow:ellipsis;width:100%;height:136px;color:var(--text-color);white-space:pre-wrap;-webkit-box-orient:vertical;padding:0 16px;font-size:20px;line-height:34px;display:-webkit-box;overflow:hidden}.thread-channel-card-list-section .thread-card-preview-box .preview_content .emoji{height:24px}.thread-channel-card-list-section .thread-card-title-box{color:var(--text-color);box-sizing:border-box;align-items:center;margin-top:8px;margin-bottom:8px;padding-left:8px;font-weight:600;display:flex}.thread-channel-card-list-section .thread-card-title-box .thread-card-top-up{border:1px solid var(--color-primary);width:38px;height:20px;color:var(--color-primary);border-radius:5px;justify-content:center;align-items:center;margin-right:8px;font-size:12px;font-weight:600;display:flex}.thread-channel-card-list-section .thread-card-tag-box{align-items:center;gap:4px;margin-right:4px;font-size:12px;font-weight:600;display:flex}.thread-channel-card-list-section .thread-card-tag{color:#fff;background-color:var(--color-primary);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:84px;padding:0 6px;font-weight:600;line-height:18px;overflow:hidden}.thread-channel-card-list-section .thread-card-tag.new{background-color:var(--color-error)}.thread-channel-card-list-section .thread-card-tag.view_for_self{background-color:#999}.thread-channel-card-list-section .thread-card-title{text-align:left;white-space:nowrap;text-overflow:ellipsis;color:var(--text-color);flex:1;padding-right:8px;font-size:14px;font-weight:600;overflow:hidden}.thread-channel-card-list-section .thread-card-title mark{background-color:var(--color-warn);color:#fff}.thread-channel-card-list-section .thread-card-title.delete{text-decoration:line-through}.thread-channel-card-list-section .thread-card-info{margin-top:1px;padding:0 8px;font-size:12px;display:flex}.thread-channel-card-list-section .block .thread-card-info{visibility:hidden}.thread-channel-card-list-section .thread-card-avatar{background-color:#faebd7;border-radius:50%;width:40px;min-width:40px;height:40px}.thread-channel-card-list-section .delete .thread-card-avatar{visibility:hidden}.thread-channel-card-list-section .thread-card-info-right{flex-direction:column;width:calc(100% - 48px);margin-left:8px}.thread-channel-card-list-section .card-info-right-top{color:var(--text-color);align-items:center;font-size:12px;font-weight:600;display:flex}.thread-channel-card-list-section .card-info-right-top .thread-card-username{text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:100%;overflow:hidden}.thread-channel-card-list-section .card-info-right-top .emoji{height:16px;margin-top:-2px;display:inline}.thread-channel-card-list-section .delete .card-info-right-top{visibility:hidden}.thread-channel-card-list-section .card-info-right-bottom{color:var(--text-description-color);justify-content:space-between;align-items:center;display:flex}.thread-channel-card-list-section .thread-card-time{font-size:12px;line-height:25px}.thread-channel-card-list-section .delete .thread-card-time{visibility:hidden}.thread-channel-card-list-section .thread-card-actions{color:var(--text-tip-color);align-items:center;margin-top:1px;display:flex}.thread-channel-card-list-section .thread-card-actions .num{cursor:pointer;pointer-events:all;margin-left:4px;display:flex}.thread-channel-card-list-section .thread-card-actions .num_ico{cursor:pointer;pointer-events:all;align-items:center;margin-left:4px;font-size:16px;display:flex}.thread-channel-card-list-section .thread-card-actions .num_ico.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.thread-channel-card-list-section .thread-card-actions svg{pointer-events:all;width:16px;height:16px}.thread-channel-card-list-section .thread-card-actions svg.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.thread-top-fold-btn{background:var(--color-bottom-bg);text-align:center;cursor:pointer;border-radius:10px 10px 0 0;justify-content:center;align-items:center;width:48px;height:8px;font-size:12px;line-height:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.thread-top-fold-btn svg{fill:var(--text-tip-color);transform:rotate(180deg)}.thread-top-fold-btn.fold svg{transform:rotate(0)}.thread-channel-list-section{box-sizing:border-box;white-space:nowrap;width:100%}.thread-channel-list-section .thread-channel-list-item{box-sizing:border-box;border-bottom:1px solid var(--color-line);cursor:pointer;flex-direction:column;width:100%;padding-top:16px;padding-left:24px;padding-right:24px;display:flex;position:relative;overflow:hidden}.thread-channel-list-section .thread-channel-list-item.active,.thread-channel-list-section .thread-channel-list-item.hover{background-color:var(--set-top-color)}.thread-channel-list-section .thread-channel-list-item.pressing{background-color:var(--menu-active)}.thread-channel-list-section .thread-channel-list-item.blocked{height:54px;color:var(--text-color);opacity:.5;font-weight:600}.list-item-top-up{border:1px solid var(--color-primary);width:38px;height:20px;color:var(--color-primary);border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.channel-list-item-userinfo{color:var(--text-color);align-items:center;display:flex}.channel-list-item-userinfo .emoji{height:16px;margin-top:-2px;display:inline}.thread-list-avatar{background-color:gray;border-radius:50%;flex-shrink:0;width:24px;height:24px;margin-right:8px}.thread-list-username{font-size:12px;font-weight:600;line-height:24px}.list-title-tag-item{text-wrap:nowrap;color:#fff;background-color:var(--color-primary);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:84px;padding:0 6px;font-size:12px;font-weight:600;line-height:18px;overflow:hidden}.list-title-tag-item.new{background-color:var(--color-error)}.list-title-tag-item.view_for_self{background-color:#999;margin-right:4px}.channel-list-item-title{width:100%;color:var(--text-color);gap:4px;margin-top:12px;margin-bottom:8px;padding-right:204px;font-weight:600;display:flex;overflow:hidden}.thread-channel-list-item.fold{flex-direction:row;justify-content:space-between;max-width:100%;height:57px;padding-top:0;display:flex}.thread-channel-list-item.fold .channel-list-item-title{flex:1;align-items:center;margin-top:0;margin-bottom:0;padding-right:0;font-weight:600;display:flex}.thread-channel-list-item.fold .list-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-left:4px;overflow:hidden}.thread-channel-list-item.fold .footer-actions{width:204px;color:var(--text-description-color);align-items:center;margin-right:8px;display:flex}.thread-channel-list-item.fold .footer-actions .num{margin-left:8px;font-size:14px;line-height:20px}.thread-channel-list-item.fold .footer-actions .num.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.thread-channel-list-item.fold .footer-actions .num-ico{cursor:pointer;align-items:center;width:24px;margin-left:24px;display:flex}.thread-channel-list-item.fold .footer-actions .num-ico.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.thread-channel-list-item.fold .footer-actions .replay-ico{cursor:pointer}.thread-channel-list-item.fold .footer-actions .replay-ico.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.list-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:22px;overflow:hidden}.list-item-title mark{background-color:var(--color-warn);color:#fff}.thread-list-nameplate{margin-left:8px}.thread-list-nameplate img{margin-left:0!important}.thread-list-time{color:var(--text-tip-color);margin-left:8px;font-size:12px}.channel-list-tag-list{align-items:center;display:flex}.channel-list-item-footer{width:100%;color:var(--text-description-color);justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:18px;padding-right:8px;display:flex}.channel-list-item-footer .footer-actions{width:204px;color:var(--text-tip-color);align-items:center;display:flex}.channel-list-item-footer .num{margin-left:8px;font-size:14px;line-height:20px}.channel-list-item-footer .num-ico{cursor:pointer;align-items:center;margin-left:24px;display:flex}.channel-list-item-footer .num-ico.disabled{cursor:not-allowed;opacity:.5}.thread-assets-list{gap:8px;margin-top:16px;display:flex}.thread-assets-list-item{cursor:pointer;object-fit:cover;object-position:center;border-radius:16px;width:120px;height:120px;position:relative}.thread-assets-list-item.cover{object-fit:cover;object-position:center;width:195px;height:120px}.thread-assets-list-item.video-preview{object-fit:cover;object-position:center;background-color:gray;background-position:50%;background-repeat:no-repeat;background-size:cover}.thread-assets-list-item .video-time{box-sizing:border-box;color:#fff;background:rgba(0,0,0,.7);border-radius:8px;height:28px;padding:8px 10px;font-size:12px;line-height:12px;position:absolute;bottom:8px;left:10px}.assets-list-item-more-cover{object-fit:cover;object-position:left;border-radius:16px;width:100%;height:100%;position:relative}.thread-assets-list-item-more{color:#fff;background-color:rgba(0,0,0,.7);border-radius:4px;align-items:center;height:20px;padding:2px 4px;font-size:12px;display:flex;position:absolute;bottom:8px;right:8px}.thread-assets-list-item-more .more-icon{background-image:url(https://static.kookapp.cn/app/static/media/more_source_icon.cca4d0a8.svg);width:16px;height:16px;margin-right:2px}.channel-content-preview{color:var(--text-tip-color);white-space:nowrap;text-overflow:ellipsis;height:20px;font-size:14px;line-height:20px;overflow:hidden}.channel-content-preview .emoji{vertical-align:sub;height:20px;display:inline-block}.channel-content-preview mark{color:#fff;background-color:var(--color-warn)}.thread-channel-list-empty-status{z-index:2;flex-direction:column;align-items:center;width:380px;height:284px;padding-top:31px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thread-channel-list-empty-status .empty-image{color:#bcc2cd}.theme-dark .thread-channel-list-empty-status .empty-image{color:rgba(187,190,196,.25)}.thread-channel-list-empty-status .empty-text{height:26px;color:var(--text-tip-color);margin-top:34px;margin-bottom:20px;font-size:20px;font-weight:600;line-height:26px}.thread-channel-list-scroll-container.card .thread-channel-list-empty-status{top:calc(50% - 12px);transform:translate(-50%,-50%)}.thread-channel-list-scroll-container{box-sizing:border-box;flex:1;width:100%;max-width:100%;height:calc(100% - 56px);display:flex;position:relative}.thread-channel-list-scroll-container.card{height:calc(100% - 80px);margin-top:24px;padding-right:24px}.thread-channel-list-scroll-container .thread-channel-list-vertical{left:calc(100% - 16px)}.thread-channel-list-scroll-container .thread-channel-card-scrollbar{left:calc(100% + 16px)}.thread-channel-list-scroll{box-sizing:border-box;flex:1;width:100%;max-width:100%;height:100%;max-height:100%}.thread-view-animated{transition:width .25s cubic-bezier(.29,0,0,1)}.interactive-divider-hot-area-enabled{cursor:col-resize}.thread-channel-room-layout{border-left:1px solid var(--color-line);flex-direction:row;display:flex;position:relative}.thread-channel-room-layout .interactive-divider-wrapper{justify-content:center;align-items:center;height:100%;margin-top:auto;margin-bottom:auto;padding-left:2px;padding-right:2px;display:flex}.thread-channel-room-layout .interactive-divider-wrapper .interactive-divider-hot-area{justify-content:center;align-items:center;width:6px;min-width:4px;height:100%;padding-left:0;padding-right:0;display:flex}.thread-channel-room-layout .interactive-divider-wrapper .interactive-divider-hot-area .divider-content{opacity:0;background-color:var(--text-tip-color);border-radius:6px;width:4px;min-width:4px;height:100%;transition:all .15s ease-in-out}.thread-channel-room-layout .interactive-divider-wrapper:hover .interactive-divider-hot-area,.thread-channel-room-layout .interactive-divider-wrapper:hover .interactive-divider-hot-area:active{height:100%}.thread-channel-room-layout .kook-message-header-alert{width:calc(100% - 52px);position:absolute;top:0;left:0}.thread-channel-room-layout .thread-channel-room-section{text-wrap:nowrap;flex-direction:column;width:100%;display:flex}.thread-channel-room-layout .room-content-slidebar{border-left:1px solid var(--color-line)}.thread-channel-room-layout .room-content-right{z-index:1;background-color:var(--color-bottom-bg);border-left:1px solid var(--color-line);border-right:1px solid var(--color-line);width:240px;height:100%;position:absolute;right:51px}.thread-channel-room-layout .room-content-right .animate-wrapper{background-color:var(--color-middle-bg)}@keyframes thread_user_list_show{0%{opacity:0;width:0}to{opacity:1;width:240px}}.thread-channel-room-layout .room-content-right-animate{animation:.15s ease-in-out forwards thread_user_list_show}.thread-channel-room-layout .right-slide-animate{animation:.15s ease-in-out forwards layoutRightSlider;transform:translate(100%)}.thread-channel-room-layout .right-slide-animate-no-forwards{animation:.15s ease-in-out layoutRightSlider}.thread-channel-room-layout .thread-channel-room-content{flex-direction:column;flex:1;height:100%;max-height:100%;padding:0 0 0 24px;display:flex;overflow:hidden}.thread-channel-room-layout .thread-channel-room-header{align-items:center;width:100%;max-width:calc(100% - 100px);height:70px;font-size:16px;line-height:23px;display:flex;position:absolute;top:0;left:24px;overflow:hidden}.thread-channel-room-layout .thread-channel-room-header .thread-channel-icon{justify-content:center;align-items:center;width:20px;display:flex}.thread-channel-room-layout .thread-channel-room-header .thread-channel-icon svg{width:16px;margin-right:4px}.thread-channel-room-layout .thread-channel-room-header .thread-channel-icon path{fill:var(--text-color)}.thread-channel-room-layout .thread-channel-room-header .thread-channel-title{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 20px);color:var(--text-color);margin-right:14px;font-size:16px;font-weight:600;overflow:hidden}.thread-channel-room-layout .thread-channel-room-header .thread-channel-desc{text-overflow:ellipsis;white-space:nowrap;color:var(--text-description-color);cursor:pointer;flex:1;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.thread-channel-room-layout .thread-channel-room-header-with-alert{top:28px}.thread-channel-room-layout .thread-section{background-color:var(--color-top-bg);box-sizing:border-box;visibility:visible;border-radius:8px;flex-direction:column;flex:1;margin-bottom:16px;display:flex;position:relative;overflow-y:hidden;overflow-x:hidden!important}.thread-channel-room-layout .thread-section.hidden{visibility:hidden}.thread-channel-room-layout .thread-section .kook-scroll-vertical-viewport{overflow-x:hidden!important}.thread-channel-room-layout .thread-section .kook-scroll-vertical-viewport>div:first-child{display:flex!important}.thread-channel-room-layout .interactive-divider-and-thread-view{flex-direction:row;display:flex}.thread-list-and-thread-view{flex-direction:row;flex:1;min-width:560px;padding-top:70px;display:flex;overflow:hidden}.thread-view-divider-animated{transition:all .25s ease-out}.thread-loading-icon{width:16px;height:16px;display:inline-block;position:relative}.thread-loading-icon:before,.thread-loading-icon:after{box-sizing:border-box;content:"";border-radius:50%;width:100%;height:100%;display:block;position:absolute;left:0;right:0}.thread-loading-icon:before{border:3px solid rgba(0,0,0,.12)}.theme-dark .thread-loading-icon:before{border-color:rgba(255,255,255,.12)}.thread-loading-icon:after{border:3px solid transparent;border-top-color:rgba(0,0,0,.32);animation:.6s linear infinite kuiLoadingIcon}.theme-dark .thread-loading-icon:after{border-top-color:rgba(255,255,255,.32)}.thread-loading-icon.block-loading-spin{margin-left:auto;margin-right:auto;display:block}.thread-list-loading{position:absolute;top:16px;left:50%;transform:translate(-50%)}.room-layout-with-alert{padding-top:28px}.popout-window{flex-direction:column;width:100%;height:100%;display:flex}.popout-window .app-mask-layer{z-index:-1}.popout-window .win-title-bar .win-title-bar-icon{-webkit-app-region:no-drag;width:24px;height:24px;color:var(--text-tip-color);border-radius:8px;justify-content:center;align-items:center;margin-left:8px;font-size:16px;display:flex}.home-nav-container .nav-top-list{margin:0 24px 8px}.home-nav-container .nav-top-list .friend-nav-item{color:var(--text-tip-color);border-radius:8px;justify-content:space-between;align-items:center;padding:6px 12px 6px 30px;font-size:14px;display:flex;position:relative}.home-nav-container .nav-top-list .friend-nav-item .count{font-size:12px}.home-nav-container .nav-top-list .friend-nav-item .count.mention{text-align:center;color:#fff;background-color:var(--color-error);border-radius:8px;min-width:16px;height:16px;font-family:Montserrat-Bold;line-height:16px;position:relative;right:-4px}.home-nav-container .nav-top-list .friend-nav-item .count.mention.large{padding-left:2px;padding-right:2px}.home-nav-container .nav-top-list .friend-nav-item .icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:8px;left:8px}.home-nav-container .nav-top-list .friend-nav-item:not(:last-child){margin-bottom:2px}.home-nav-container .nav-top-list .friend-nav-item:hover,.home-nav-container .nav-top-list .friend-nav-item.active,.home-nav-container .nav-top-list .friend-nav-item:active{background-color:var(--menu-hover)}.home-nav-container .nav-top-list .friend-nav-item.active .text{color:var(--text-color);font-weight:700}.home-nav-container .nav-top-list .intimacy-nav-item{margin-bottom:2px}.home-nav-container .nav-title{color:var(--text-color);text-overflo:ellipsis;white-space:nowrap;cursor:pointer;margin:24px 24px 16px;font-size:16px;font-weight:700;line-height:22px;overflow:hidden}.home-nav-container .nav-sub-title{color:var(--text-color);justify-content:space-between;align-items:center;margin-bottom:2px;padding:4px 24px;font-size:12px;display:flex}.home-nav-container .nav-sub-title .add-friend-button{font-size:12px}.home-nav-container .nav-list{flex-direction:column;flex:1;display:flex;overflow:hidden}.home-nav-container .conversation-list .nav-item .box-close-button{visibility:hidden;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.home-nav-container .conversation-list .nav-item:hover .box-close-button{visibility:visible}.home-nav-container .second-nav-item.mute{opacity:.5}.home-nav-container .second-nav-item.mute:hover{opacity:1}.user-avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:32px;height:32px;display:inline-block}.conversation-list{scrollbar-width:none}.conversation-list.theme-scroll-bar::-webkit-scrollbar{display:none}.conversation-list{flex:1;padding:2px 24px 16px;overflow-y:auto}.conversation-list .mobile-online{background-image:url(https://static.kookapp.cn/app/static/media/new-cellphone@2x.baf0e586.png);background-position:50%;background-repeat:no-repeat;background-size:8px 10px;background-color:var(--color-grey-bg);border-radius:4px;width:12px;height:14px;position:absolute;bottom:-2px;right:-2px}.conversation-list .user-avatar-inner{background-color:rgba(187,190,196,.2);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:32px;height:32px}.conversation-list .user-avatar{width:32px;height:32px;display:inline-block;position:relative}.conversation-list .user-avatar .online-state{border:2px solid var(--color-grey-bg);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.conversation-list .user-avatar .offline{background:#999}.conversation-list .user-avatar .online{background-color:var(--color-primary)}.conversation-list .user-info-draft{flex:1;overflow:hidden}.conversation-list .conversaion-draft{white-space:nowrap;text-overflow:ellipsis;color:var(--text-tip-color);font-size:12px;overflow:hidden}.conversation-list .conversaion-draft .draft-tag{color:var(--color-error);margin-right:2px}.conversation-list .nav-item{box-sizing:border-box;cursor:default;height:48px;color:var(--secondary-color);border-radius:8px;align-items:center;margin-bottom:2px;padding:4px 8px;display:flex;position:relative}.conversation-list .nav-item.setted-top{background-color:var(--set-top-color)}.conversation-list .nav-item:hover{background-color:var(--menu-hover)}.conversation-list .nav-item:hover .online-state{border-color:var(--menu-hover-bg-primary)}.conversation-list .nav-item:hover .mobile-online{background-color:var(--menu-hover-bg-primary)}.conversation-list .nav-item.all-friend{margin-bottom:24px}.conversation-list .nav-item.all-friend .user-name{color:var(--main-color)}.conversation-list .nav-item.active{background-color:var(--color-top-bg)}.conversation-list .nav-item.active .online-state{border-color:var(--color-light-bg)}.conversation-list .nav-item.active .mobile-online{background-color:var(--color-light-bg)}.conversation-list .nav-item .emoji{height:16px;margin-top:-3px;display:inline-block}.conversation-list .nav-item .user-avatar{flex-shrink:0;margin-right:8px}.conversation-list .nav-item .user-info{flex-grow:1;align-items:center;display:flex}.conversation-list .nav-item .user-info .user-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;line-height:20px;overflow:hidden}.conversation-list .nav-item .user-info .user-status{color:var(--text-tip-color);word-break:keep-all;white-space:nowrap;margin-left:4px;font-size:12px}.conversation-list .nav-item .user-info .user-intimacy-tag{margin-left:4px;font-size:12px}.conversation-list .nav-item .user-info .private-vip-tag,.conversation-list .nav-item .user-info .user-tag{margin-left:2px}.conversation-medal{background-color:var(--color-error);text-align:center;color:#fff;border-radius:8px;flex-shrink:0;min-width:16px;margin-left:4px;padding:2px;font-family:Montserrat-Bold;font-size:12px;line-height:1;display:inline-block}.intimacy-nav-tip{background-color:var(--color-bottom-bg);padding:12px}.intimacy-nav-tip .intimacy-tip-wrapper{flex-direction:column;display:flex}.intimacy-nav-tip .intimacy-tip-wrapper .intimacy-tip-content{flex-direction:column;align-items:center;padding:16px 12px 0;display:flex}.intimacy-nav-tip .intimacy-tip-wrapper .intimacy-tip-content img{width:100%}.intimacy-nav-tip .intimacy-tip-wrapper .intimacy-tip-content .title{color:var(--text-color);font-size:16px;line-height:22px}.intimacy-nav-tip .intimacy-tip-wrapper .intimacy-tip-content .description{color:var(--text-description-color);margin-bottom:12px;font-size:12px;line-height:18px}.intimacy-nav-tip .intimacy-tip-wrapper .intimacy-tip-content .kook-button{width:100%}.intimacy-nav-tip-arrow{color:var(--color-bottom-bg)}.button-add-friend{margin-left:24px}.home-main-main{flex-grow:1;position:relative}.friend-main{height:100%;min-height:0;overflow-y:overlay;flex-grow:1;padding:0 20px 20px}.friend-main .setting-page-empty{position:absolute;top:30%;left:50%;transform:translate(-50%)}.friend-title{margin-bottom:10px;padding:0 10px;font-size:14px}.friend-user-avatar{width:48px;height:48px;margin-right:8px;position:relative}.friend-user-avatar .mobile-online{background-image:url(https://static.kookapp.cn/app/static/media/new-cellphone@2x.baf0e586.png);background-position:50%;background-repeat:no-repeat;background-size:8px 10px;background-color:var(--color-grey-bg);border-radius:4px;width:12px;height:14px;position:absolute;bottom:-2px;right:-2px}.friend-user-avatar .online-state{box-sizing:border-box;border:3px solid var(--color-light-bg);border-radius:50%;width:16px;height:16px;position:absolute;bottom:-2px;right:-2px}.friend-user-avatar .offline{background:#999}.friend-user-avatar .online{background-color:var(--color-primary)}.friend-user-avatar-inner{background-color:rgba(187,190,196,.2);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:48px;height:48px}.friend-user-item{box-sizing:border-box;width:auto;color:var(--text-color);background-color:var(--color-light-bg);border-radius:24px;padding:16px 16px 60px;display:flex;position:relative}.home-main-wrapper .friend-user-item{background-color:var(--color-top-bg)}.friend-user-item .establash-intimacy-count{position:absolute;top:0;right:0}.friend-list-all .friend-user-item,.friend-list-online .friend-user-item{cursor:pointer}.friend-user-info{flex-direction:column;flex-grow:1;flex-shrink:1;display:flex;overflow:hidden}.friend-user-info .friend-user-name{flex:1;align-items:center;font-size:14px;font-weight:600;line-height:20px;display:flex;overflow:hidden}.friend-user-info .user-doing{color:var(--text-description-color);margin-top:2px;font-size:12px}.friend-user-info .user-auto-friend{color:var(--color-warn);font-size:12px;line-height:18px}.friend-user-info .user-name{text-overflow:ellipsis;white-space:nowrap;line-height:20px;overflow:hidden}.friend-user-info .emoji{width:16px;margin-top:-2px;display:inline-block}.friend-user-info .tag{margin-right:-3px}.friend-user-info .friend-from-guid{color:var(--text-description-color);font-size:12px;display:flex}.friend-user-info .friend-from-guid .friend-from-guid-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.friend-user-options{align-items:center;display:flex;position:absolute;bottom:12px;right:16px}.friend-user-options .icon-button{width:28px;height:28px;color:var(--text-tip-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:24px;display:flex}.friend-user-options .icon-button:not(:first-child){margin-left:10px}.friend-user-options .icon-button:hover{background-color:var(--menu-hover)}.friend-user-options .icon-button:active{background-color:var(--menu-active)}.friend-user-options .icon-button.image-icon{background-position:50%;background-repeat:no-repeat;background-size:24px}.friend-user-options .icon-button.del-icon{background-image:url(https://static.kookapp.cn/app/static/media/btn-large-reject@2x.424464da.png)}.theme-dark .friend-user-options .icon-button.del-icon{background-image:url(https://static.kookapp.cn/app/static/media/btn-large-reject-dark@2x.12f74d7b.png)}.friend-user-options .icon-button.accept-request{color:var(--color-primary)}.friend-user-options .icon-button.reject-request{color:var(--color-error)}.intimacy-friend-user-list,.friend-user-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid;position:relative}.intimacy-friend-user-list.request-list .friend-user-info,.friend-user-list.request-list .friend-user-info{padding:4px 0}.intimacy-friend-user-list.request-list .friend-user-name,.friend-user-list.request-list .friend-user-name{flex:unset}.intimacy-friend-user-list{margin-bottom:24px}.friend-user-list.none-box{color:#bbb;flex-direction:column;justify-content:center;align-items:center;height:90%;line-height:1;display:flex}.friend-user-list.none-box .text-emoji{margin-bottom:40px;font-size:100px}.friend-user-list.none-box .chuanyu-button{margin-top:20px}.friend-nav-item-medal{background-color:var(--color-error);text-align:center;color:#fff;border-radius:8px;min-width:12px;padding:2px;font-size:12px;line-height:1;position:absolute;top:2px;right:-5px;transform:translate(100%)}.friend-request-tip{color:var(--text-description-color);font-size:14px}.friend-user-item .intimacy-type{margin:6px 4px 0 16px}.no-intimacy-item{background-color:var(--color-light-bg);cursor:pointer;border-radius:24px;justify-content:center;align-items:center;height:100%;padding:38px 0;display:flex;position:relative}.no-intimacy-item .intimacy-type{position:absolute;top:20px;right:22px}.no-intimacy-item .add-icon{color:var(--text-tip-color)}.home-main-wrapper .no-intimacy-item{background-color:var(--color-top-bg)}.connect-intimacy-modal .selector-search-select input{background-color:transparent}.kook-risk-control-mask{color:var(--text-color);z-index:999;background-color:rgba(11,11,24,.7);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0}.kook-risk-control-main-wrapper{background-color:var(--color-grey-bg);box-sizing:border-box;border-radius:16px;width:440px;padding:24px}.kook-risk-control-main-wrapper .header{justify-content:space-between;align-items:center;height:26px;display:flex}.kook-risk-control-main-wrapper .title{font-size:20px;font-weight:600}.kook-risk-control-main-wrapper .close{color:var(--text-tip-color)}.kook-risk-control-main-wrapper .desc{color:var(--text-description-color);margin:21px 0}.kook-risk-control-main-wrapper .user_box{border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:8px;width:392px;height:104px;margin-bottom:50px;padding:16px;display:flex}.kook-risk-control-main-wrapper .user_box .user_box_item{align-items:center;gap:8px;height:32px;display:flex}.kook-risk-control-main-wrapper .user_box img{border-radius:16px;width:32px;height:32px}.kook-risk-control-main-wrapper .user_box .user_full_name{flex:1;align-items:center;display:flex}.kook-risk-control-main-wrapper .user_box .user_name{text-overflow:ellipsis;white-space:nowrap;max-width:270px;overflow:hidden}.kook-risk-control-main-wrapper .user_box .identify_num{width:41px}.kook-risk-control-main-wrapper .user_box .user_name_current{max-width:200px}.kook-risk-control-main-wrapper .user_box .current{width:80px;color:var(--text-tip-color)}.kook-risk-control-main-wrapper .footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.setpass-box .get-code-btn-wrapper{color:#46a5f7;width:100%}.setsuccess-box .title{text-align:center;flex-direction:column;align-items:center;padding-top:32px;font-size:16px;font-weight:700;display:flex}.setsuccess-box .title .setsuccess-box-icon{width:64px;height:64px;display:block}.setsuccess-box .text{color:#333436;margin:20px 0 96px;font-weight:700}.resetpass-box{padding-top:24px!important}.resetpass-box .get-code-btn-wrapper{color:#46a5f7;width:100%}.resetpass-box .resetpass-button{margin-top:0;margin-bottom:16px}.resetpass-title{color:var(--text-color);margin-bottom:24px;font-size:20px;font-weight:600;line-height:26px}.invite-dialog{background-color:var(--color-grey-bg);border-radius:16px;width:440px;padding:32px 24px 24px;font-size:14px}.invite-dialog .inviter-avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:80px;height:80px;margin:0 auto 16px;overflow:hidden}.invite-dialog .inviter-tip{color:var(--text-color);text-align:center;justify-content:center;font-size:14px;line-height:20px;display:flex}.invite-dialog .guild-box{margin-bottom:32px}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.\!fixed{position:fixed!important}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.m-11{margin:2.75rem}.m-16{margin:1.6rem}.m-40{margin:4rem}.m-6{margin:.6rem}.m-8{margin:.8rem}.m-96{margin:24rem}.m-auto{margin:auto}.my-4{margin-top:.4rem;margin-bottom:.4rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-10{margin-bottom:1rem}.mb-12{margin-bottom:1.2rem}.mb-18{margin-bottom:1.8rem}.mb-8{margin-bottom:.8rem}.mb-\[8px\]{margin-bottom:8px}.ml-2{margin-left:.2rem}.ml-24{margin-left:2.4rem}.ml-8{margin-left:.8rem}.ml-\[4px\]{margin-left:4px}.ml-\[8px\]{margin-left:8px}.mr-10{margin-right:1rem}.mr-16{margin-right:1.6rem}.mr-2{margin-right:.2rem}.mr-4{margin-right:.4rem}.mr-\[4px\]{margin-right:4px}.mt-12{margin-top:1.2rem}.mt-16{margin-top:16px}.mt-24{margin-top:2.4rem}.mt-40{margin-top:4rem}.mt-\[20px\]{margin-top:20px}.mr-\[5px\]{margin-right:5px}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.size-auto{width:auto;height:auto}.h-\[20px\]{height:20px}.h-\[22px\]{height:22px}.h-\[100px\]{height:100px}.h-\[32px\]{height:32px}.h-\[16px\]{height:16px}.h-\[8px\]{height:8px}.h-\[752px\]{height:752px}.min-h-\[20px\]{min-height:20px}.w-\[20px\]{width:20px}.w-full{width:100%}.w-\[92px\]{width:92px}.w-\[195px\]{width:195px}.w-\[96px\]{width:96px}.w-\[156px\]{width:156px}.w-\[16px\]{width:16px}.w-\[8px\]{width:8px}.w-\[250px\]{width:250px}.max-w-\[92px\]{max-width:92px}.flex-grow,.grow{flex-grow:1}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.2rem}.gap-\[8px\]{gap:8px}.gap-\[10px\]{gap:10px}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.break-keep{word-break:keep-all}.rounded-10{border-radius:1rem}.rounded-2{border-radius:.2rem}.rounded-6{border-radius:.6rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[8px\]{border-radius:8px}.rounded-8{border-radius:.8rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[16px\]{border-radius:16px}.border{border-width:1px}.border-0,.border-\[0\]{border-width:0}.border-b,.border-b-\[1px\]{border-bottom-width:1px}.border-solid{border-style:solid}.border-border-color{border-color:var(--border-color)}.border-color-warn{border-color:var(--color-warn)}.border-color-white{border-color:var(--color-white)}.border-color-line{border-color:var(--color-line)}.bg-\[transparent\]{background-color:transparent}.bg-\[var\(--color-light-bg\)\]{background-color:var(--color-light-bg)}.bg-color-ede{background-color:var(--color-ede)}.bg-menu-background{background-color:var(--menu-background)}.bg-menu-hover{background-color:var(--menu-hover)}.bg-text-tip-color{background-color:var(--text-tip-color)}.bg-color-grey-bg{background-color:var(--color-grey-bg)}.bg-color-top-bg{background-color:var(--color-top-bg)}.bg-cover{background-size:cover}.p-2{padding:.2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-\[18px\]{padding-left:18px;padding-right:18px}.px-\[8px\]{padding-left:8px;padding-right:8px}.py-4{padding-top:.4rem;padding-bottom:.4rem}.py-\[15px\]{padding-top:15px;padding-bottom:15px}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.text-center{text-align:center}.text-right{text-align:right}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.font-400{font-weight:400}.font-600{font-weight:600}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-0{line-height:0}.leading-\[18px\]{line-height:18px}.leading-\[20px\]{line-height:20px}.leading-\[22px\]{line-height:22px}.leading-\[26px\]{line-height:26px}.text-color-link{color:var(--color-link)}.text-text-color{color:var(--text-color)}.text-text-tip-color{color:var(--text-tip-color)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.outline{outline-style:solid}.outline-color-primary{outline-color:var(--color-primary)}.blur{--tw-blur:blur(8px);-webkit-filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);-webkit-filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.\!filter{-webkit-filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)!important;filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)!important}.filter{-webkit-filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,-webkit-filter,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[answer\:\%o\]{answer:%o}.\[currentAttempt\:\%s\]{current-attempt:%s}.\[event\:\%o\]{event:%o}.\[event\:\%s\]{event:%s}.\[eventName\:\%s\]{event-name:%s}.\[iceParameters\:\%o\]{ice-parameters:%o}.\[id\:\%s\]{id:%s}.\[localId\:\%s\]{local-id:%s}.\[method\:\%s\]{method:%s}.\[mid\:\%s\]{mid:%s}.\[offer\:\%o\]{offer:%o}.\[options\:\%o\]{options:%o}.\[pair\:\%o\]{pair:%o}.\[params\:\%o\]{params:%o}.\[role\:\%s\]{role:%s}.\[routerRtpCapabilities\:\%o\]{router-rtp-capabilities:%o}.\[sctpCauseCode\:\%s\]{sctp-cause-code:%s}.\[state\:\%s\]{state:%s}.\[track\:\%o\]{track:%o}.hover\:cursor-not-allowed:hover{cursor:not-allowed}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-\[var\(--menu-hover\)\]:hover{background-color:var(--menu-hover)}.\[\&_\.red-count\]\:h-\[12px\] .red-count{height:12px}.\[\&_\.red-count\]\:border-0 .red-count{border-width:0}.\[\&_\.red-count\]\:text-\[14px\] .red-count{font-size:14px}.\[\&_\.red-count\]\:text-\[10px\] .red-count{font-size:10px}.\[\&_\.red-count\]\:font-normal .red-count{font-weight:400}.\[\&_\.role-tag-item\]\:cursor-pointer .role-tag-item{cursor:pointer}
/*# sourceMappingURL=index.495ce98c.css.map*/