.picture-root{border:1px solid #404247;width:100%;height:100%}.picture-root .win-title-bar{background-color:#17181a!important}.app-picture-viewer-container{background-color:#252629;width:100%;height:calc(100% - 32px);position:relative}.app-picture-viewer-container .picture-viewer-container{background-color:transparent;flex-direction:column;display:flex;position:static}.app-picture-viewer-container .picture-viewer-container .picture-container{flex:1;width:auto;height:auto}.app-picture-viewer-container .picture-viewer-container .viewer-bottom{background-color:#17191b;flex-shrink:0;width:100%;margin-left:0;position:static}.app-picture-viewer-container .picture-viewer-container .viewer-bottom .viewer-tool-bar{background-color:inherit}.picture-viewer-container{z-index:999;background-color:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0}.picture-viewer-container .picture-container{color:#fff;width:100%;height:100%;overflow:hidden}.picture-viewer-container .picture-container img{transform-origin:50%;display:block}.picture-viewer-container .picture-container img.grab{cursor:grab}.picture-viewer-container .video-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.picture-viewer-container .video-container video{background-color:#000}.picture-viewer-container .bilibili-contain{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.picture-viewer-container .bilibili-contain .bilibili-wrap{width:515px;height:360px;position:relative;overflow:hidden}.picture-viewer-container .bilibili-contain .bilibili-wrap.full{width:100%;height:100%}.picture-viewer-container .bilibili-contain .bilibili-wrap.full iframe{width:100%;height:calc(100% + 88px);position:absolute;top:-50px}.picture-viewer-container .bilibili-contain iframe{width:515px;height:450px;position:relative;top:-50px}.picture-viewer-container .picture-viewer-tip{text-align:center;color:#fff;background:rgba(0,0,0,.5);border-radius:6px;height:56px;padding:0 20px;font-size:18px;line-height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.picture-viewer-container .position-button{cursor:pointer;color:#fff;background-color:rgba(255,255,255,.01);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:50%}.picture-viewer-container .position-button.prev{left:28px}.picture-viewer-container .position-button.next{right:28px}.picture-viewer-container .viewer-button-close{cursor:pointer;color:rgba(230,234,240,.7);background-color:rgba(0,0,0,.8);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:24px;right:24px}.theme-light .picture-viewer-container .viewer-button-close{background-color:#26282c}.picture-viewer-container .viewer-button-close:hover{color:#e6eaf0}.picture-viewer-container .viewer-top{width:100%;height:100px;position:absolute;top:0}.picture-viewer-container .viewer-bottom{justify-content:center;align-items:center;margin-left:-188px;display:flex;position:absolute;bottom:28px;left:50%}.picture-viewer-container .viewer-visible{opacity:1}.picture-viewer-container .viewer-button-pre,.picture-viewer-container .viewer-button-next{text-align:center;cursor:pointer;color:rgba(230,234,240,.7);background-color:rgba(0,0,0,.8);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:calc(50% - 24px)}.theme-light .picture-viewer-container .viewer-button-pre,.theme-light .picture-viewer-container .viewer-button-next{background-color:#26282c}.picture-viewer-container .viewer-button-pre:hover,.picture-viewer-container .viewer-button-next:hover{color:#e6eaf0}.picture-viewer-container .viewer-button-pre{left:24px}.picture-viewer-container .viewer-button-next{right:24px}.picture-viewer-container .viewer-tool-bar{color:rgba(230,234,240,.7);background-color:rgba(0,0,0,.8);border-radius:6px;flex-wrap:nowrap;width:auto;margin:0 auto;padding:12px 24px;display:flex;position:relative}.theme-light .picture-viewer-container .viewer-tool-bar{background-color:#26282c}.picture-viewer-container .viewer-tool-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:24px;display:flex}.picture-viewer-container .viewer-tool-button:not(:first-of-type){margin-left:32px}.picture-viewer-container .viewer-tool-button:hover{color:#e6eaf0;background-color:rgba(102,104,107,.2)}.picture-viewer-container .viewer-tool-button:active{color:#e6eaf0;background-color:rgba(102,104,107,.4)}.picture-viewer-container .viewer-tool-button.disabled{color:rgba(230,234,240,.5);cursor:not-allowed;background-color:transparent}.picture-viewer-container .zoom-scale-tip{text-align:center;color:#fff;background:rgba(0,0,0,.5);border-radius:6px;width:120px;height:56px;margin-top:-28px;margin-left:-60px;font-size:18px;line-height:56px;position:absolute;top:50%;left:50%}.picture-viewer-container .blank-area-close-tip{color:#e6eaf0;pointer-events:none;background-color:rgba(0,0,0,.5);border-radius:6px;height:34px;padding:0 16px;font-size:12px;line-height:34px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.picture-viewer-container .viewer-tool-submenu{background-color:#393c41;border-radius:6px;width:100px;font-size:12px;position:absolute;top:0;left:calc(100% - 20px)}.picture-viewer-container .viewer-tool-menu-item{text-align:center;cursor:pointer;height:36px;line-height:36px}.picture-viewer-container .viewer-tool-menu-item:hover{background-color:rgba(102,104,107,.2)}.picture-viewer-container .viewer-tool-menu-item:active{background-color:rgba(102,104,107,.4)}.picture-loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.picture-loading img{-webkit-filter:blur(4px);filter:blur(4px)}.picture-loading .loading-pic-spin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kook-menu-wrapper{z-index:999;border-radius:12px;position:fixed}.kook-menu-wrapper.ab{position:absolute}.kook-menu{width:188px;color:var(--text-color);box-shadow:var(--box-shadow);z-index:110;background-color:var(--menu-background);border-radius:12px;padding:8px;font-size:14px;line-height:20px;overflow-y:auto}.kook-menu.border{border:1px solid var(--border-color)}.theme-menu-blur .kook-menu{background-color:transparent}.theme-menu-blur .kook-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}.kook-menu.box{width:428px;padding:0;overflow:hidden}.kook-menu.size-md{width:220px}.kook-menu.size-lg{width:256px}.kook-menu .kook-menu-group{border-top-style:solid;border-top-width:1px;border-color:var(--color-line);margin-top:4px;padding-top:4px}.kook-menu .kook-menu-group:empty{display:none}.kook-menu .kook-menu-group:first-child{border-top-width:0}.kook-menu .kook-menu-group:first-child:empty+.kook-menu-group,.kook-menu .kook-menu-group:first-child{border-top-width:0;margin:0;padding:0}.kook-menu .kook-menu-item{cursor:pointer;border-radius:8px;padding:6px 8px;display:block}.kook-menu .kook-menu-item.hoverable:hover:not(.disabled){background-color:var(--menu-hover)}.kook-menu .kook-menu-item.hoverable:active:not(.disabled){background-color:var(--menu-active)}.kook-menu .kook-menu-item.disabled{cursor:not-allowed;opacity:.5}.kook-menu .kook-menu-item.red-color,.kook-menu .kook-menu-item.danger{color:var(--color-error)}.kook-menu .kook-menu-item .setting-label{margin-bottom:4px}.kook-menu .kook-menu-item input[type=range]{width:100%}.kook-menu .kook-menu-item input[type=checkbox]{width:15px;height:15px}.kook-menu .kook-menu-item .description{font-size:12px}.kook-menu .kook-menu-item .emoji{height:14px;margin-top:-3px;display:inline-block}.kook-menu .kook-menu-item .help-icon-wrapper{vertical-align:middle;height:16px;margin-left:2px;display:inline-block}.kook-menu .menu-item-buttons{cursor:default;column-gap:14px;display:flex}.kook-menu .menu-item-buttons .menu-item-button-item{width:28px;height:28px;color:var(--text-tip-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.kook-menu .menu-item-buttons .menu-item-button-item.disabled{opacity:.5;cursor:not-allowed}.kook-menu .menu-item-buttons .menu-item-button-item:hover:not(.disabled){background-color:var(--menu-hover)}.kook-menu .menu-item-buttons .gift-icon{background-image:url(https://static.kookapp.cn/app/static/media/gift-icon-small.592175ac.png);background-size:cover;width:22px;height:22px}.kook-menu .between-center{justify-content:space-between;align-items:center;gap:8px;display:flex}.kook-menu .between-center .emoji{height:14px;display:inline-block}.kook-menu .kaihei-checkbox-mute{margin-right:0}.kook-menu.small{width:100px;padding:6px}.kook-menu.small .kook-menu-item{padding:4px 8px;font-size:12px}.kook-sub-menu{position:fixed}.kook-sub-menu .kook-menu-wrapper{position:static}.theme-menu-blur .kook-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 .kook-sub-menu.user-setting-menu:before{content:none}.kook-sub-menu .kook-menu{max-height:600px;overflow-y:auto}.kook-sub-menu .kook-menu-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kook-sub-menu .kook-menu-item.disabled{opacity:.5}.kook-sub-menu .kook-menu-item.disabled:hover{background-color:transparent}.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)}.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}.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}.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}.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}.meme-container-old{border-bottom-right-radius:16px;width:160px;height:160px;position:absolute;bottom:0;right:0;overflow:hidden}.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}.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;max-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}.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}.kook-img-error-bg{background-color:var(--color-top-bg);width:160px!important;height:160px!important}.upload-image-area-cover-pending-text{color:rgba(255,255,255,.16);background-color:var(--menu-hover);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:120px;max-width:120px;height:100%;min-height:120px;max-height:120px;font-size:10px;display:flex}.smart-image-container{line-height:0;display:inline-block;position:relative}.smart-image-container.smart-image-clickable{cursor:pointer;transition:opacity .2s}.smart-image-container.smart-image-clickable:hover{opacity:.9}.smart-image-container.smart-image-loading .smart-image{opacity:0}.smart-image-container.smart-image-error .smart-image{display:none}.smart-image{transition:opacity .3s;display:block}.smart-image.smart-image-lazy{opacity:0}.smart-image-placeholder,.smart-image-fallback{background-color:var(--color-top-bg);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.smart-image-audit-pending{color:rgba(255,255,255,.16);background-color:var(--menu-hover);z-index:1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;display:flex;position:absolute;top:0;left:0}.smart-image-audit-pending svg{margin-bottom:4px}.smart-image-audit-pending span{font-size:10px}.thread-card-preview-box-audit-pending{max-width:none!important;max-height:none!important}.thread-search-input{background-color:var(--color-line);width:120px;height:24px;color:var(--text-tip-color);border-radius:14px;align-items:center;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)}.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}.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)}.colored-username{text-overflow:ellipsis;font-weight:600;overflow:hidden}.colored-username img{height:16px;margin-top:-2px;display:inline}.menu-lite-wrapper{z-index:999;border-radius:12px;position:fixed}.menu-lite{width:188px;color:var(--text-color);box-shadow:var(--box-shadow);border:1px solid var(--border-color);background-color:var(--menu-background);border-radius:12px;padding:8px;font-size:14px;line-height:20px;overflow-y:auto}.theme-menu-blur .menu-lite{background-color:transparent}.theme-menu-blur .menu-lite: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-lite::-webkit-scrollbar{width:0}.menu-lite:hover::-webkit-scrollbar{width:8px}.menu-lite::-webkit-scrollbar-track{background-color:transparent}.menu-lite::-webkit-scrollbar-thumb{background-color:var(--color-bbb);background-clip:content-box;border:2px solid transparent;border-radius:4px}.menu-lite.size-md{width:220px}.menu-lite.size-lg{width:256px}.menu-lite .menu-lite-separator{background-color:var(--color-line);height:1px;margin:4px 0}.menu-lite .menu-lite-separator:first-child,.menu-lite .menu-lite-separator:last-child{display:none}.menu-lite .menu-lite-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:8px;padding:6px 8px;display:block}.menu-lite .menu-lite-item:hover:not(.disabled){background-color:var(--menu-hover)}.menu-lite .menu-lite-item:active:not(.disabled){background-color:var(--menu-active)}.menu-lite .menu-lite-item.disabled{cursor:not-allowed;opacity:.5}.menu-lite .menu-lite-item.danger{color:var(--color-error)}.menu-lite .menu-lite-item-inner{justify-content:space-between;align-items:center;gap:8px;display:flex}.menu-lite .menu-lite-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.menu-lite .menu-lite-submenu-arrow{color:var(--text-tip-color);font-size:12px}.menu-lite-sub{z-index:1000;position:fixed}.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)}.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)}.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}.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-left-button{color:#fff;border-radius:15px;width:160px;margin-right:20px;font-size:16px;font-weight:600;line-height:16px;color:#fff!important;border:1px solid #fff!important;height:48px!important}.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}.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.kook-avatar-in-guild-voice{overflow:visible}.kook-avatar.kook-avatar-in-guild-voice:before{content:"";pointer-events:none;z-index:0;background-image:url(https://static.kookapp.cn/app/static/media/48.7df404cb.webp);background-repeat:no-repeat;background-size:100% 100%;border-radius:50%;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.kook-avatar.kook-avatar-in-guild-voice .kook-avatar-picture-static,.kook-avatar.kook-avatar-in-guild-voice .kook-avatar-picture-animate,.kook-avatar.kook-avatar-in-guild-voice .kook-avatar-frame-static,.kook-avatar.kook-avatar-in-guild-voice .kook-avatar-frame-animate,.kook-avatar.kook-avatar-in-guild-voice .kook-avatar-mask{z-index:1;position:relative}.kook-avatar.kook-avatar-in-guild-voice .guild-voice-badge{z-index:2;pointer-events:none;background:linear-gradient(270deg,#ff69ff 0%,#916bff 100%);border-radius:8px;justify-content:center;align-items:center;min-width:38px;height:14px;padding:0 4px;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.kook-avatar.kook-avatar-in-guild-voice .guild-voice-text{color:#fff;text-align:center;white-space:nowrap;font-family:PingFangSC,PingFang SC;font-size:10px;font-weight:600;line-height:14px}.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}.kpm-vip-modal .bottom-btn-wrapper{flex-direction:row;justify-content:flex-end;align-items:center;width:100%;margin-top:32px;display:flex}.kpm-vip-modal .bottom-btn-wrapper .cancel-btn{margin-right:8px}.kpm-vip-modal .kpm-vip-top-parent{flex-direction:row;align-items:flex-end;height:32px;display:flex;position:relative}.kpm-vip-modal .kpm-vip-top-parent img{height:32px}.kpm-vip-modal .kpm-vip-top-parent .next_level_text{color:#999;text-align:left;margin-left:8px;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.kpm-vip-modal .kpm-vip-top-parent .next_level_exp{color:#999;text-align:right;font-size:10px;font-style:normal;font-weight:600;line-height:16px;position:absolute;bottom:0;right:0}.kpm-vip-modal .level_progress_bar{background:#d8d8d8;border-radius:2px;width:100%;height:4px;margin-top:8px;position:relative}.kpm-vip-modal .level_progress_bar .level_progress_bar_inner{background:#7acc35;border-radius:2px;height:100%}.kpm-vip-modal .kmp_vip_tips_parent{background:var(--color-line);border-radius:12px;width:100%;margin-top:16px;padding:8px 16px 12px}.kpm-vip-modal .kmp_vip_tips_parent .kmp_vip_tips{color:#999;text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.kpm-vip-modal .kmp_vip_tips_parent .kmp_vip_tips_link{color:#0096ff;text-align:left;cursor:pointer;margin-top:8px;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.kook-tabs{border-bottom:1px solid var(--color-line);justify-content:space-between;display:flex}.kook-tabs .kook-tabs-list{flex-direction:row;justify-content:center;align-items:flex-end;gap:24px;display:flex;position:relative}.kook-tabs .kook-tabs-list .tab-item{color:var(--text-description-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:6px;font-size:12px;line-height:18px;position:relative}.kook-tabs .kook-tabs-list .tab-item:hover{color:var(--text-color)}.kook-tabs .kook-tabs-list .tab-item.active{color:var(--text-color);font-size:14px;font-weight:600}.kook-tabs .kook-tabs-list .tab-item-active-indicator{background-color:var(--color-primary);border-radius:1px;width:16px;height:2px;position:absolute;bottom:0;left:0}.kook-tabs .kook-tabs-list .tab-item-active-indicator-animated{transition:transform .2s cubic-bezier(.29,0,0,1)}.kook-tabs-small .kook-tabs-list{gap:16px}.kook-tabs-small .kook-tabs-list .tab-item{padding-bottom:4px;font-size:11px;line-height:16px}.kook-tabs-small .kook-tabs-list .tab-item.active{font-size:12px}.kook-tabs-large .kook-tabs-list{gap:32px}.kook-tabs-large .kook-tabs-list .tab-item{padding-bottom:8px;font-size:14px;line-height:20px}.kook-tabs-large .kook-tabs-list .tab-item.active{font-size:16px}.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}.search-box{padding:8px}.search-box input{border:1px solid var(--color-line);width:100%;height:40px;color:var(--text-color);background-color:transparent;border-radius:12px;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)}.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);box-sizing:border-box;justify-content:space-between;align-items:center;height:32px;margin-bottom:2px;padding:0 8px;font-size:14px;line-height:32px;display:flex}.role-list-selector-container .role-item .user-name-text{white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:164px;display:inline-block;overflow:hidden}.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}.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}.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 .radio-guild-topic-edit-btn{position:absolute;bottom:20px;right:24px}.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-item .switch-description{display:flex}.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:11px 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}.setting-form-label .description .iconfont.disabled-icon{font-size:20px}.mt-\[20px\]{margin-top: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}.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}.id-label{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.2);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;gap:2px;width:auto;padding:0 8px;font-family:Montserrat-Bold;font-size:12px;font-weight:900;display:flex}.id-label.small{border-radius:9px/50%;height:18px;line-height:18px}.id-label.middle{border-radius:11px/50%;height:22px;line-height:22px}.id-label.level-1{background-image:url(https://static.kookapp.cn/app/static/media/id_level_1.9ee81898.png)}.id-label.level-2{background-image:url(https://static.kookapp.cn/app/static/media/id_level_2.d5212502.png)}.id-label.level-3{background-image:url(https://static.kookapp.cn/app/static/media/id_level_3.48245266.webp)}.id-label.level-4{background-image:url(https://static.kookapp.cn/app/static/media/id_level_4.280326f5.webp)}.id-label.id-label-special{font-size:10px}.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;position:relative}.new-invite-link-model .invite-buff-icon{cursor:pointer;opacity:.5;color:#e6eaf0;visibility:hidden;background-color:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.5);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:2px;right:-8px}.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.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}.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)}.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-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}.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}.selector-search-contain{color:var(--text-color);font-size:14px;position:relative}.selector-search-select{border:1px solid var(--border-color);border-radius:12px;width:100%;padding:9px 48px 9px 16px;display:flex;position:relative}.selector-search-select.disabled{cursor:not-allowed;opacity:.5}.selector-search-select:not(.disabled):hover{border-color:var(--border-hover-color)}.selector-search-select:not(.disabled):active,.selector-search-select:not(.disabled).active{border-color:var(--border-hover-color);box-shadow:0 0 0 3px var(--border-active-color)}.selector-search-select:not(.disabled):active .dropdown-icon,.selector-search-select:not(.disabled).active .dropdown-icon{transform:translateY(-50%)rotate(180deg)}.selector-search-select input{background-color:transparent}.selector-search-select .selector-search-label{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;width:calc(100% - 44px);line-height:20px;display:inline-block;position:absolute;top:50%;left:16px;overflow:hidden;transform:translateY(-50%)}.selector-search-select .selector-search-label.none{color:var(--text-tip-color)}.selector-search-select .dropdown-icon{font-size:24px;transition:transform .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.selector-search-select .dropdown-icon svg{width:16px;height:16px}.selector-search-select input{cursor:default;width:100%;height:20px;color:var(--text-color);border:none;padding:0}.theme-dark .selector-search-select input{background-color:transparent}.selector-search-option{background-color:var(--menu-background);z-index:1000;width:100%;min-height:35px;max-height:400px;box-shadow:var(--box-shadow);border-radius:12px;margin-top:4px;padding:8px;position:fixed;overflow-y:auto}.selector-search-option-item{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:6px;height:32px;margin-bottom:2px;padding:0 8px;line-height:32px;overflow:hidden}.selector-search-option-item:hover{background-color:var(--menu-hover)}.selector-search-option-item.disabled{cursor:not-allowed}.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}.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}.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}.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}.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%}.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}.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}@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)}.modal-body.shortcut-repeat-dialog{width:440px;color:var(--text-color);padding:0}.modal-body.shortcut-repeat-dialog .shortcut-repeat-title{height:74px;padding:0 24px;font-size:20px;font-weight:600;line-height:74px}.modal-body.shortcut-repeat-dialog .shortcut-repeat-body{padding:0 24px 24px;font-size:14px}.modal-body.shortcut-repeat-dialog .shortcut-repeat-check{padding:0 24px}.modal-body.shortcut-repeat-dialog .shortcut-repeat-footer{justify-content:space-between;align-items:center;height:80px;padding:0 24px;display:flex}.modal-body.shortcut-repeat-dialog .shortcut-repeat-footer .chuanyu-button{margin-left:8px}.modal-body.shortcut-repeat-dialog .footer-left{color:var(--text-description-color);align-items:center;font-size:14px;display:flex}.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}.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}.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;max-width:1056px}.download-card-list{display:flex}.download-card-item{cursor:pointer;text-align:center;border:1px solid var(--border-color);border-radius:12px;flex-direction:column;align-items:center;width:208px;height:250px;margin-right:16px;padding:32px 0 0;display:flex;position:relative}.download-card-item:hover{background-color:var(--menu-hover)}.download-card-item:last-child{margin-right:0}.download-card-item .current-platform{color:#fff;background-color:var(--color-primary);border-radius:12px 0;height:18px;padding:0 10px;font-size:10px;line-height:18px;position:absolute;top:0;left:0}.download-card-item .platform-logo{width:64px;height:64px;color:var(--text-tip-color);margin-bottom:24px}.download-card-item .qrcode{width:120px;height:120px;margin-bottom:16px}.download-card-item .text{color:var(--text-color);margin-bottom:8px;font-size:14px;font-weight:600;line-height:20px}.download-card-item .subtext{color:var(--text-tip-color);margin-bottom:16px;font-size:12px;font-weight:400;line-height:18px}.download-card-item .download-btn{background:var(--color-primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:4px;width:124px;height:36px;font-size:14px;font-weight:600;line-height:36px;display:flex;position:relative}.download-card-item .download-btn.disabled{opacity:.5;cursor:not-allowed}.download-card-item .download-btn:hover .icon-arrow{transform:rotate(0)}.download-card-item .download-btn .kook-menu-wrapper{text-align:left;padding-top:8px;font-weight:400;position:absolute;top:100%;left:0}.download-card-item .icon-arrow{background-image:url(https://static.kookapp.cn/app/static/media/arrow-large.126b28d4.png);background-position:50%;background-size:cover;width:16px;height:16px;display:block;transform:rotate(180deg)}.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}.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}.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);z-index:1;background-color:var(--color-grey-bg);border-radius:12px;max-height:363px;padding:0 16px;position:relative;overflow-y:auto}.payment-order-dialog .order-list-bottom{background-color:var(--border-color);border-radius:0 0 12px 12px;justify-content:space-between;margin-top:-10px;padding:18px 16px 8px;display:flex;position:relative}.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 .amount-info.tips-style{color:var(--text-tip-color);height:18px;font-weight:400;line-height:18px}.payment-order-dialog .amount-info.tips-style .amount-icon{width:12px;height:12px;margin-right:2px}.payment-order-dialog .amount-info.tips-style .amount-num{height:18px;color:var(--text-color);font-size:12px;line-height:18px}.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 .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}.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}.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-info-right.intimacy_kpm{background-position:40px 0}.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}.user-list-tips{text-align:center;color:var(--text-tip-color);padding:24px 0;font-size:12px}.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}.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)}.float-popup-wrapper{cursor:pointer}.buy-radio-token-dialog .panel-container{border:1px solid var(--border-color);border-radius:12px;position:relative}.buy-radio-token-dialog .panel-container .platform-list{gap:4px;margin-left:4px;margin-right:4px;display:flex}.buy-radio-token-dialog .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}.buy-radio-token-dialog .panel-container .payment-support-tips .platform{background-position:50%;background-size:cover;width:16px;height:16px}.buy-radio-token-dialog .panel-container .payment-support-tips .alipay_icon{background-image:url(https://static.kookapp.cn/app/static/media/mode2.5174d005.png)}.buy-radio-token-dialog .panel-container .payment-support-tips .wechat_icon{background-image:url(https://static.kookapp.cn/app/static/media/mode1.ab3b532f.png)}.buy-radio-token-dialog__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}.buy-radio-token-dialog__items-wrapper .panel-container.panel-container.panel-container{padding:15px 12px}.buy-radio-token-dialog__item{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.buy-radio-token-dialog__item-kb{letter-spacing:.57px;color:var(--text-color);font-size:32px;font-weight:600;line-height:38px}.buy-radio-token-dialog__item-kb-name{letter-spacing:0;color:var(--text-tip-color);margin-left:4px;font-size:14px;font-weight:400;line-height:20px}.buy-radio-token-dialog__item-rmb{color:var(--text-description-color);margin-top:8px;font-size:14px;font-weight:400;line-height:20px}.buy-radio-token-dialog__item .activity-content{color:var(--color-warn);margin-top:8px;font-size:12px;line-height:18px}.buy-radio-token-dialog__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}.buy-radio-token-dialog__custom{flex-direction:column;grid-column:3/5;justify-content:space-between;display:flex}.buy-radio-token-dialog__custom.panel-container.panel-container.panel-container{padding:15px 16px}.buy-radio-token-dialog__custom-input{color:var(--text-color);background-color:transparent;border:0;height:38px;font-size:32px}.buy-radio-token-dialog__custom-input::-webkit-input-placeholder{color:var(--text-tip-color)}.buy-radio-token-dialog__custom-input::-ms-input-placeholder{color:var(--text-tip-color)}.buy-radio-token-dialog__custom-input::placeholder{color:var(--text-tip-color)}.buy-radio-token-dialog__custom-title{color:var(--text-tip-color);font-size:14px;line-height:20px}.buy-radio-token-dialog__custom-tip{color:var(--text-tip-color)}.buy-radio-token-dialog__item:hover,.buy-radio-token-dialog__custom:hover{box-shadow:inset 0 0 0 1px var(--color-primary)}.buy-radio-token-dialog__item.selected,.buy-radio-token-dialog__custom.selected{box-shadow:inset 0 0 0 2px var(--color-primary)}.buy-radio-token-dialog__item.disabled,.buy-radio-token-dialog__custom.disabled{box-shadow:none;opacity:.5;cursor:not-allowed}.buy-radio-token-dialog__item-tip,.buy-radio-token-dialog__custom-tip{justify-content:space-between;display:flex}.buy-radio-token-dialog__item-tip .warning,.buy-radio-token-dialog__custom-tip .warning{color:var(--color-error)}.use-token-pay-tip{background:var(--color-line);border-radius:12px;align-items:center;margin:8px 0;padding:8px 12px;display:flex}.use-token-pay-tip .use-payment-custom-token-tip{flex-direction:column;display:flex}.use-token-pay-tip .use-payment-custom-token-tip.disabled{opacity:.5}.use-token-pay-tip .use-payment-custom-token-tip .token-pay-content-tip{color:var(--text-color);letter-spacing:.21px;font-size:12px;font-weight:600;line-height:18px}.use-token-pay-tip .use-payment-custom-token-tip .token-pay-count-tip{color:var(--text-description-color);opacity:.5;letter-spacing:.21px;font-size:12px;line-height:18px}.use-token-pay-tip .checkbox-box .kaihei-checkbox-mute{border-radius:50%}.use-token-pay-tip .checkbox-box .kaihei-checkbox-mute.active{background:var(--color-primary);color:var(--color-primary);border-color:var(--color-primary)}.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 .only-qrcode-pay-wrapper{align-items:center;height:140px;margin-top:63px;margin-left:220px;display:flex;position:relative}.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-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 .only-qrcode-pay-wrapper .only-qrcode-pay-qrcode .only-qrcode-pay-qrcode-image{background-size:cover;width:120px;height:120px;position:relative}.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-qrcode .only-qrcode-pay-loading,.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-qrcode .only-qrcode-pay-input-loading,.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-qrcode .only-qrcode-pay-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 .only-qrcode-pay-wrapper .only-qrcode-pay-qrcode .only-qrcode-pay-input-loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.7)}.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-qrcode-border{position:absolute;top:-2px;left:-2px}.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-price{font-size:14px;font-weight:600}.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-price-number{letter-spacing:.57px;color:var(--color-warn);font-size:32px;font-weight:600;line-height:1}.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-support-tips{height:18px;color:var(--text-description-color);align-items:center;font-size:12px;display:flex;position:absolute;bottom:-33px;left:0}.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-support-tips .only-qrcode-pay-platform-list{gap:4px;margin-left:4px;margin-right:4px;display:flex}.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-support-tips .only-qrcode-pay-platform{background-position:50%;background-size:cover;width:16px;height:16px}.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-support-tips .only-qrcode-pay-alipay-icon{background-image:url(https://static.kookapp.cn/app/static/media/mode2.5174d005.png)}.dialog-payment-mode .only-qrcode-pay-wrapper .only-qrcode-pay-support-tips .only-qrcode-pay-wechat-icon{background-image:url(https://static.kookapp.cn/app/static/media/mode1.ab3b532f.png)}.dialog-payment-mode .only-token-pay-wrapper{align-items:center;height:140px;margin-top:63px;margin-left:220px;display:flex;position:relative}.dialog-payment-mode .only-token-pay-wrapper .only-token-pay-qrcode-wapper{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 .only-token-pay-wrapper .only-qrcode-pay-qrcode-border{position:absolute;top:-2px;left:-2px}.dialog-payment-mode .only-token-pay-wrapper .qrcode-placeholder{width:120px;height:120px;color:var(--text-color);background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.dialog-payment-mode .only-token-pay-wrapper .qrcode-placeholder .placeholder-token-icon{width:20px;height:20px;margin:0 0 8px}.dialog-payment-mode .only-token-pay-wrapper .only-token-price{align-items:flex-end;display:flex;position:relative}.dialog-payment-mode .only-token-pay-wrapper .token-price-number{letter-spacing:.57px;color:var(--color-warn);font-size:32px;font-weight:600;line-height:1}.dialog-payment-mode .only-token-pay-wrapper .token-icon{vertical-align:baseline;width:20px;height:20px;margin:2px;display:inline}.modal-body.buy-radio-token-dialog{width:960px;max-width:960px;padding:0}.buy-radio-token-dialog .radio-token-icon{background-size:cover;width:20px;height:20px;margin-right:8px}.buy-radio-token-dialog .buy-radio-token-dialog-title{align-items:center;padding:24px;font-size:20px;font-weight:600;line-height:26px;display:flex}.buy-radio-token-dialog .buy-radio-token-dialog-container{flex:1;padding:0 24px;overflow-y:auto}.buy-radio-token-dialog .panel-title,.buy-radio-token-dialog .goods-title{color:var(--text-tip-color);margin-bottom:8px;font-size:12px;line-height:18px}.buy-radio-token-dialog .dialog-payment-goods{margin-bottom:24px;position:relative}.buy-radio-token-dialog .dialog-payment-goods .goods-list{min-height:126px;padding-top:10px;display:flex}.buy-radio-token-dialog .dialog-payment-goods .goods-list.disabled{opacity:.5}.buy-radio-token-dialog .dialog-payment-goods .goods-list.disabled .goods-vip{box-shadow:inset 0 0 0 1px var(--border-color)}.buy-radio-token-dialog .payment-protocol{justify-content:flex-end;margin:7px 0;font-size:12px;line-height:18px;display:flex}.buy-radio-token-dialog .payment-protocol a{color:var(--text-tip-color)}.buy-radio-token-dialog .payment-protocol:hover{color:var(--text-description-color)}.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}.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}.promotion-banner-section{position:relative}.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}.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}.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-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)}.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}.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}.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-file-search-message-list-wrapper .kook-scroll-vertical-root,.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}.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}.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-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-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}.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}.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}.kook-medal-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-medal-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-medal-modal .no_medal{height:390px;color:var(--text-tip-color);justify-content:center;font-size:14px;font-weight:400;display:flex}.kook-medal-modal .no_medal .empty{flex-direction:column;align-items:center;gap:16px;margin-top:88px;display:flex}.kook-medal-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-medal-modal .content{flex-direction:column;height:345px;display:flex;overflow:auto}.kook-medal-modal .content::-webkit-scrollbar{width:0}.kook-medal-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-medal-modal .equipped-title{align-items:center;height:18px;margin-left:24px;font-size:12px;font-weight:600;line-height:18px;display:flex}.kook-medal-modal .equipped-title .sub-title{color:var(--text-description-color);width:81px}.kook-medal-modal .equipped-title .tips{color:var(--text-tip-color);align-items:center;font-weight:400;display:flex}.kook-medal-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-medal-modal .equipped-list{flex-wrap:wrap;gap:4px;margin-left:12px;display:flex}.kook-medal-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-medal-modal .prop-info{text-align:center;height:18px;margin-top:8px;font-size:12px;font-weight:400;line-height:18px}.kook-medal-modal .prop-info .prop-name{color:var(--text-color)}.kook-medal-modal .prop-info .prop-expire{color:var(--text-tip-color)}.kook-medal-modal .prop-info div{text-overflow:ellipsis;white-space:nowrap;width:72px;overflow:hidden}.kook-medal-modal .medal-equipped-list-item{box-sizing:border-box;border-radius:16px;flex-direction:column;width:96px;height:134px;padding:12px;display:flex}.kook-medal-modal .medal-equipped-list-item.active{background:var(--menu-hover)}.kook-medal-modal .medal-equipped-list-item.active .prop-info{display:none}.kook-medal-modal .medal-equipped-list-item.active .action-button{display:block}.kook-medal-modal .img-box{background-image:url(https://static.kookapp.cn/app/static/media/medal_preview_light_bg.0e40925a.webp);border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden}.theme-dark .kook-medal-modal .img-box{background-image:url(https://static.kookapp.cn/app/static/media/medal_preview_dark_bg.d726eabb.webp)}.kook-medal-modal .img-box img{width:32px;height:32px}.kook-medal-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-medal-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-medal-modal .img-box .mark svg{width:12px;height:12px;margin-top:4px;margin-left:4px}.kook-medal-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-medal-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-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}.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)}.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}.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}.modal-body.select-join-animation{width:560px}.join-animation-list{flex-wrap:wrap;gap:6px 16px;width:calc(100% + 8px);display:flex;overflow-y:auto}.join-animation-title{color:var(--text-tip-color);margin-bottom:10px;font-size:12px;font-weight:600;line-height:18px}.join-animation-item{width:248px;height:200px}.join-animation-item:hover .name{display:none}.join-animation-item:hover .footer{display:block}.join-animation-item .preview-container{border:1px solid var(--border-color);border-radius:12px;justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.join-animation-item .preview-container .join-animation-render{position:absolute;transform:scale(.8)}.join-animation-item .preview-container.active{border-color:var(--color-primary)}.join-animation-item .preview-container svg{color:var(--color-bbb);pointer-events:none;position:absolute;top:0;left:0}.join-animation-item .name{color:var(--text-tip-color);text-align:center;margin-top:10px;font-size:14px;font-weight:400;line-height:20px}.join-animation-item .footer{text-align:center;margin-top:8px;display:none}.join-animation-item .kook-button{width:72px}.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}.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}.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)}.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}.modal-body.promotion-dialog .remaining-time{align-items:center;display:flex}.modal-body.promotion-dialog .remaining-time-item{color:#5b00dd;width:52px;font-size:45px;line-height:55px}.modal-body.promotion-dialog .remaining-time-item-separator{text-align:center;color:#fff;width:20px;margin:0 20px;font-size:36px;line-height:55px}.modal-body.promotion-dialog .remaining-time-item-separator.milliseconds{margin:0 24px}.modal-body.promotion-dialog .remaining-time-mask{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.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{color:var(--color-link);cursor:pointer;align-items:center;padding-left:12px;display:flex}.setting-buy-vip-expire .expire-info-time .renewal-management:hover{color:var(--color-link-hover)}.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-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}.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}.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}}.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)}.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)}.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}.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)}@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}.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}.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}#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%)}.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}.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)}.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%;flex-shrink:0;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}.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)}.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}.private-chat-voice-arrow{color:var(--color-light-bg)}.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}.notify-setting-modal .bottom-btn-wrapper{flex-direction:row;justify-content:flex-end;align-items:center;width:100%;margin-top:32px;display:flex}.notify-setting-modal .bottom-btn-wrapper .cancel-btn{margin-right:8px}.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}.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}.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}.kook-tootip.bg-transparent{box-shadow:none;background-color:transparent}.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%)}.kook-select-input-wrapper{border:1px solid var(--border-color);border-radius:12px;align-items:center;width:190px;height:32px;display:flex}.kook-select-input-wrapper:hover{border-color:var(--border-hover-color)}.kook-select-input-wrapper.focused{border-color:var(--border-hover-color);box-shadow:0 0 0 3px var(--border-active-color)}.kook-select-input-wrapper.focused .arrow-icon{transform:rotate(-90deg)}.kook-select-input-wrapper .kook-select-input-left-wrapper{cursor:pointer;justify-content:center;align-items:center;gap:2px;width:66px;padding-left:12px;padding-right:12px;display:flex;position:relative}.kook-select-input-wrapper .kook-select-input-left-wrapper .arrow-icon{font-size:12px;transition:transform .2s;transform:rotate(90deg)}.kook-select-input-wrapper .kook-select-input-selector-wrapper{width:66px;height:82px;box-shadow:var(--box-shadow);background-color:var(--color-light-bg);border-radius:12px;padding:8px;display:none;position:absolute;top:30px;left:0}.kook-select-input-wrapper .kook-select-input-selector-wrapper.open{display:block}.kook-select-input-wrapper .kook-select-input-selector-item{border-radius:6px;align-items:center;width:50px;height:32px;padding-left:8px;display:flex}.kook-select-input-wrapper .kook-select-input-selector-item:hover{background-color:var(--menu-hover)}.kook-select-input-wrapper .kook-select-input-selector-item:active,.kook-select-input-wrapper .kook-select-input-selector-item.selected{background-color:var(--menu-active)}.kook-select-input-wrapper .kook-select-input-divider{background-color:var(--border-color);width:1px;height:12px}.kook-select-input-wrapper .kook-select-input-content{width:75px;height:100%;color:var(--text-color);background-color:transparent;border:none;outline:none;padding-left:12px}.kook-select-input-wrapper .kook-select-input-content::-webkit-input-placeholder{color:var(--text-tip-color)}.kook-select-input-wrapper .kook-select-input-content::-ms-input-placeholder{color:var(--text-tip-color)}.kook-select-input-wrapper .kook-select-input-content::placeholder{color:var(--text-tip-color)}.kook-select-input-wrapper .kook-select-input-search-icon-wrapper{width:26px;height:32px;color:var(--text-tip-color);justify-content:center;align-items:center;margin-left:8px;margin-right:12px;display:flex}.kook-select-input-wrapper .kook-select-input-search-icon-wrapper svg{cursor:pointer}.kook-select-input-wrapper .kook-select-input-search-icon-wrapper svg:hover{color:var(--text-description-color)}.kook-select-input-wrapper .kook-select-input-search-icon-wrapper svg:active{color:var(--text-color)}.search-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 .search-role-list-selector-container{background-color:transparent}.theme-menu-blur .search-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}.search-role-list-selector-container .text-room-message-loading{padding:10px 0;font-size:14px}.search-role-list-selector-container .role-type{margin:10px 0;padding-left:10px;font-size:14px}.search-role-list-selector-container .role-list-wrapper{width:100%;height:208px;padding:8px;overflow-x:hidden;overflow-y:auto}.search-role-list-selector-container .role-list-wrapper .none{justify-content:center;align-items:center;display:flex}.search-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}.search-role-list-selector-container .role-list-wrapper .user-name{flex:1}.search-role-list-selector-container .role-item{cursor:pointer;border-radius:var(--button-radius);box-sizing:border-box;justify-content:space-between;align-items:center;height:32px;margin-bottom:2px;padding:0 8px;font-size:14px;line-height:32px;display:flex}.search-role-list-selector-container .role-item .user-name-text{white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:164px;display:inline-block;overflow:hidden}.search-role-list-selector-container .role-item:last-child{margin-bottom:0}.search-role-list-selector-container .role-item.user-item{align-items:center;display:flex}.search-role-list-selector-container .role-item:hover{background-color:var(--menu-hover)}.search-role-list-selector-container .role-item:active{background-color:var(--menu-active)}.search-role-list-selector-container .role-item.disabled{cursor:initial}.search-role-list-selector-container .role-item.disabled:hover{background-color:transparent}.search-role-list-selector-container .role-item .emoji{height:16px;display:inline-block}.guidance-role-card{background-color:var(--color-light-bg);border:1px solid transparent;border-radius:16px;width:302px;height:138px;padding:12px;position:relative}.guidance-role-card.selected{border-color:var(--color-primary)}.guidance-role-card.deleted{cursor:not-allowed;opacity:.5}.guidance-role-card .role-card-desc-wrapper{border:1px solid var(--color-line);width:278px;height:74px;color:var(--text-description-color);border-radius:8px;padding:10px 12px;font-size:12px;position:relative}.guidance-role-card .role-card-desc{text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:3;height:54px;color:var(--text-description-color);-webkit-box-orient:vertical;line-height:18px;display:-webkit-box;overflow:hidden}.guidance-role-card .kookiconfont-check{background-color:var(--color-primary);color:#fff;text-align:center;border-radius:50%;width:16px;height:16px;font-size:14px;line-height:16px;position:absolute;top:6px;right:6px}.guidance-role-card .role-card-edit{color:#fff;cursor:pointer;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.16);border-radius:6px;justify-content:center;align-items:center;width:32px;height:18px;font-size:10px;font-weight:600;display:none;position:absolute;top:16px;right:16px}.guidance-role-card:hover .role-card-edit{display:flex}.guidance-role-card .role-card-name-wrapper{border:1px solid var(--color-line);border-radius:16px;align-items:center;gap:5px;min-width:1px;max-width:100%;height:32px;padding:7px 16px 7px 12px;display:flex}.guidance-role-card .role-card-name-wrapper .card-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-color);font-size:12px;font-weight:600;overflow:hidden}.guidance-role-card .role-card-name-wrapper .card-name-bg{border-radius:50%;min-width:8px;height:8px}.guidance-role-card .role-card-footer{justify-content:space-between;align-items:center;width:278px;height:32px;margin-top:8px;display:flex}.guidance-role-card .role-card-footer .role-card-right{align-items:center;max-width:94px;height:32px;display:flex}.guidance-role-card .role-card-footer .role-card-right .role-card-delete{cursor:pointer;color:var(--text-tip-color);align-items:center;display:flex}.guidance-role-card .role-card-footer .role-card-right .role-card-delete:hover{color:var(--text-description-color)}.guidance-role-card .role-card-footer .role-card-right .guidance-under-review-tag{margin-left:16px}.guidance-role-card .role-card-footer .role-car{cursor:pointer;width:16px;height:16px;color:var(--text-tip-color);margin-left:8px}.guidance-role-card .role-card-footer .role-car svg{width:16px;height:16px}.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}.guild-tag-modal-dialog{background-color:var(--color-grey-bg);border-radius:16px;width:440px;padding:0;overflow:hidden}.guild-tag-modal{height:660px;color:var(--text-color);background-color:var(--color-grey-bg);flex-direction:column;max-height:100%;display:flex;overflow:hidden}.guild-tag-modal__header{justify-content:space-between;align-items:flex-start;padding:24px 24px 0;display:flex}.guild-tag-modal__title{font-size:20px;font-weight:600;line-height:26px}.guild-tag-modal__desc{color:var(--text-tip-color);margin-top:4px;font-size:12px;line-height:18px}.guild-tag-modal__close{width:24px;height:24px;color:var(--text-tip-color);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin-left:12px;padding:0;display:flex}.guild-tag-modal__close:hover{background-color:var(--menu-hover)}.guild-tag-modal__section-label{color:var(--text-tip-color);margin-top:18px;padding:0 24px;font-size:12px;line-height:18px}.guild-tag-modal__selected-list{flex-wrap:wrap;flex-shrink:0;gap:8px;min-height:36px;margin-top:8px;padding:0 24px;display:flex}.guild-tag-modal__placeholder{color:var(--text-tip-color);font-size:12px;line-height:20px}.guild-tag-modal__selected-chip{background-color:var(--menu-hover);height:30px;color:var(--text-color);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.guild-tag-modal__selected-chip.active{box-shadow:inset 0 0 0 1px var(--color-primary)}.guild-tag-modal__selected-chip-icon{object-fit:cover;border-radius:3px;width:16px;height:16px}.guild-tag-modal__selected-chip-name{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:12px;line-height:18px;overflow:hidden}.guild-tag-modal__selected-chip-remove{color:var(--text-tip-color);line-height:1}.guild-tag-modal__selected-chip-remove:hover{color:var(--text-color)}.guild-tag-modal__search{margin:16px 24px 0;position:relative}.guild-tag-modal__search-icon{color:var(--text-tip-color);pointer-events:none;font-size:18px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.guild-tag-modal__tag-grid{flex:1;min-height:0;margin-top:8px;padding:0 24px;position:relative}.guild-tag-modal__tag-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:8px;display:grid}.guild-tag-modal__tag-card{box-sizing:border-box;background-color:var(--menu-hover);text-align:left;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;width:100%;height:50px;padding:0 12px;transition:box-shadow .2s,opacity .2s,background-color .2s;display:flex;box-shadow:inset 0 0 0 1px transparent}.guild-tag-modal__tag-card:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-primary)}.guild-tag-modal__tag-card.selected{box-shadow:inset 0 0 0 1px var(--color-primary);background-color:var(--color-primary-bg)}.guild-tag-modal__tag-card.disabled,.guild-tag-modal__tag-card:disabled{opacity:.5;cursor:not-allowed}.guild-tag-modal__tag-icon{object-fit:cover;background-color:var(--color-light-bg);border-radius:8px;flex:none;width:32px;height:32px}.guild-tag-modal__tag-content{flex-direction:column;flex:1;min-width:0;display:flex}.guild-tag-modal__tag-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-color);font-size:12px;font-weight:600;line-height:18px;overflow:hidden}.guild-tag-modal__tag-type{color:var(--text-tip-color);font-size:12px;line-height:18px}.guild-tag-modal__loading{color:var(--text-tip-color);text-align:center;padding-top:24px;font-size:12px;line-height:20px}.guild-tag-modal__empty{color:var(--text-tip-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:auto;padding-top:24px;font-size:12px;line-height:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.guild-tag-modal__empty .title{color:var(--text-description-color);font-size:14px;font-weight:600;line-height:20px}.guild-tag-modal__empty .desc{color:var(--text-tip-color);margin-top:8px}.guild-tag-modal__pagination-hint{color:var(--text-tip-color);text-align:center;padding-top:8px;font-size:12px;line-height:18px}.guild-tag-modal__footer{background-color:var(--color-grey-bg);justify-content:space-between;align-items:center;padding:24px;display:flex}.guild-tag-modal__counter{color:var(--text-tip-color);font-size:12px;line-height:18px}.guild-tag-modal__actions{align-items:center;gap:8px;display:flex}.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 .front-info .card-footer .card-footer-right{align-items:center;font-size:12px;line-height:18px;display:flex}.fill-guild-info .guild-preview-box .guild-card-item .front-info .card-footer .card-footer-right .more-tag{background-color:var(--menu-hover);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;max-height:16px;margin-left:4px;padding:0 6px;font-size:10px;font-weight:700;display:flex}.fill-guild-info .guild-preview-box .guild-card-item .front-info .card-footer .card-footer-right .app-kaihei-link{margin-left: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}.radio-guild-banner-upload{cursor:pointer;background-repeat:no-repeat;background-size:cover;border-radius:12px;flex-shrink:0;width:208px;height:208px;position:relative}.radio-guild-banner-upload.empty{border:2px dashed var(--text-tip-color);color:var(--text-tip-color);justify-content:center;align-items:center;display:flex}.radio-guild-banner-upload.disabled{cursor:not-allowed}.radio-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}.radio-guild-banner-upload .icon-delete:hover{color:#fff}.radio-guild-banner-upload .edit-avatar-icon{position:absolute;bottom:-4px;right:-4px}.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}.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)}.input-tag-list-container{border:1px solid var(--color-controls);border-radius:12px;align-items:center;height:40px;padding:4px;display:flex;position:relative;overflow:hidden}.input-tag-list-container .container-right{text-align:center;margin-right:12px;padding-left:16px}.input-tag-list-container .right-mask{pointer-events:none;background-image:linear-gradient(to right, transparent, var(--color-grey-bg));width:38px;height:100%;position:absolute;top:0;right:0}.input-tag-list-container .input-tag-list{flex-wrap:nowrap;flex:1;gap:4px;display:inline-flex;position:relative;overflow:hidden}.input-tag-list-container .input-tag-item{background-color:var(--menu-hover);border-radius:8px;flex-shrink:0;align-items:center;padding:7px 8px;display:inline-flex}.input-tag-list-container .input-tag-item .icon-img{object-fit:cover;width:16px;height:16px}.input-tag-list-container .input-tag-item .tag-name{color:var(--text-color);margin-left:4px;font-size:12px;font-weight:600;line-height:18px}.input-tag-list-container .input-tag-item .guild-tag{margin-left:2px}.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}.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 .error-text{color:#ff3200;margin-top:8px;font-size:12px;font-weight:400;line-height:18px}.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-content{height:80px;padding:12px 72px 12px 16px;position:relative}.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 .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 12px 12px 16px;position:relative}.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)}.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}.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)}.box-close-button{cursor:pointer;width:14px;height:14px;color:var(--text-tip-color);border:1px solid var(--color-controls);background-color:var(--menu-background);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.theme-menu-blur .box-close-button{background-color:transparent}.theme-menu-blur .box-close-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}.box-close-button:hover{border:1px solid var(--menu-active);color:var(--text-description-color)}.playmate-matching-modal .game-list{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.playmate-matching-modal .game-list .game-item{cursor:pointer;background-color:var(--color-line);border-radius:8px;flex-direction:column;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;height:96px;padding:8px;display:flex;overflow:hidden}.playmate-matching-modal .game-list .game-item .game-item-icon{background-position:50%;background-repeat:no-repeat;background-size:100%;border-radius:50%;width:40px;height:40px}.playmate-matching-modal .game-list .game-item .game-item-name{color:var(--text-color);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.playmate-matching-modal .game-list .game-item:hover{box-shadow:inset 0 0 0 1px var(--color-controls)}.playmate-matching-modal .game-list .game-item.active{box-shadow:inset 0 0 0 2px var(--color-primary)}.playmate-matching-modal .label-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.playmate-matching-modal .label-list .label-item{cursor:pointer;box-shadow:inset 0 0 0 1px var(--menu-hover);color:var(--text-color);text-align:center;border-radius:8px;min-width:56px;padding:9px 12px;font-size:14px;line-height:18px}.playmate-matching-modal .label-list .label-item:hover{box-shadow:inset 0 0 0 1px var(--color-controls)}.playmate-matching-modal .label-list .label-item.active{box-shadow:inset 0 0 0 1px var(--color-primary)}.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)}.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}.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)}.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)}.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)}.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}.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}.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}
/*# sourceMappingURL=1605.57ebcb7f.css.map*/