.message-header{width:calc(100% - 20px);margin:0 10px;padding:0 16px;height:42px;border-radius:4px;font-size:15px;color:var(--text2);box-shadow:0 2px 4px 0 rgba(121,146,185,.54);background:var(--bg1);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.message-header a{text-decoration:none;color:inherit}.message-header a:hover{color:var(--brand_blue)}.message-header__actions{display:flex;align-items:center}
.m-infinite-scroll{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.m-infinite-scroll::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}.m-infinite-scroll::-webkit-scrollbar-thumb{background:var(--Ga3);border-radius:4px}
.message-box-shadow{border-radius:4px;background:var(--bg1);box-shadow:0 2px 4px 0 rgba(121,146,185,.54)}.bili_dark .message-box-shadow{box-shadow:0 2px 4px 0 rgba(36,38,40,.54)}
.message-content{box-sizing:border-box;position:relative;height:calc(100% - 42px);padding:10px 0 10px 10px}.message-content__wrapper{box-sizing:border-box;width:100%}.message-content__wrapper:not(.m-infinite-scroll){height:100%;padding-right:10px}.message-content__wrapper:not(.m-infinite-scroll) .message-content__inner{height:100%}.message-content__inner{width:100%}
.autoreply-editor{display:flex;flex-direction:column;position:relative;border-radius:5px;box-sizing:border-box;border:1px solid var(--line_regular);width:100%}.autoreply-editor-textarea{box-sizing:border-box;background-color:transparent;width:100%;height:200px;font-size:15px;padding:12px;line-height:22px;overflow:auto;resize:none;border:none;outline:none;color:var(--text1);margin:0}.autoreply-editor-textarea::-webkit-input-placeholder{color:var(--text4)}.autoreply-editor-bar{height:49px;padding:10px;justify-content:space-between}.autoreply-editor-bar,.autoreply-editor-tools button{box-sizing:border-box;display:flex;align-items:center}.autoreply-editor-tools button{background-color:var(--bg1);position:relative;padding:5px 12px;line-height:17px;border-radius:5px;border:1px solid var(--line_regular);cursor:pointer;color:var(--text2)}.autoreply-editor-tools button svg{width:16px;height:16px;margin-right:5px}.autoreply-editor-tools button span{display:block}.autoreply-editor-tools button:hover{color:var(--brand_blue);border-color:var(--brand_blue)}.autoreply-editor-indicator{font-size:12px;color:var(--text3)}
.autoreply-normal-config-tips{margin:16px 0;color:var(--text3);line-height:12px;font-size:12px}.autoreply-normal-config-submit{margin-top:24px}.autoreply-normal-config-submit button{outline:none;border:1px solid var(--line_regular);background-color:var(--bg1);padding:8px 0;width:85px;text-align:center;font-size:14px;line-height:14px;border-radius:5px;cursor:pointer;transition:.15s;color:var(--text2)}.autoreply-normal-config-submit .submit-btn{border-color:var(--brand_blue);color:var(--text_white);background-color:var(--brand_blue)}.autoreply-normal-config-submit .submit-btn.disabled{cursor:not-allowed;background-color:var(--bg2);border-color:var(--bg2);color:var(--text4)}.autoreply-normal-config-submit .clear-btn:hover{color:var(--text3)}
.autoreply-keyword-input{border:1px solid var(--line_regular);border-radius:4px;padding:8px 12px;font-size:14px;line-height:20px;width:100%;min-width:120px;display:flex;align-items:center;background-color:transparent}.autoreply-keyword-input__name{width:80px;position:relative;color:var(--text2)}.autoreply-keyword-input__name:after{content:" ";position:absolute;right:12px;width:1px;height:20px;background-color:var(--line_regular)}.autoreply-keyword-input__inner{flex:1;overflow:hidden;color:var(--text1);border:none;outline:none;padding:0;margin:0;font-size:14px;line-height:20px;height:20px;background-color:inherit}.autoreply-keyword-input__inner::-moz-placeholder{color:var(--text3)}.autoreply-keyword-input__inner::placeholder{color:var(--text3)}
.autoreply-keyword-layout{padding:24px}.autoreply-keyword-title{font-size:18px;line-height:24px;color:var(--text1);margin-bottom:20px}.autoreply-keyword-form-item{padding:12px 0}.autoreply-keyword-form-item .autoreply-keyword-input{margin-top:12px;width:640px}.autoreply-keyword-label{color:var(--text2);margin-bottom:12px}.autoreply-keyword-desc{margin-top:4px;font-size:12px;color:var(--text3)}
.group-popover{transform-origin:50% 0;position:absolute;top:38px;left:calc(50% - 179px);width:358px;background-color:var(--bg1);padding-top:20px;border-radius:4px;box-shadow:0 6px 12px 0 rgba(106,115,133,.22);z-index:10}.group-popover .b-img{width:100%;height:100%}.group-popover:before{content:"";position:absolute;top:-5px;left:calc(50% - 5px);display:block;width:10px;height:10px;background-color:var(--bg1);transform:rotate(45deg)}.group-popover .tab-list{display:flex;color:#6d757a;font-size:12px;padding:0 20px 10px}.group-popover .tab-item{flex:1;text-align:center;position:relative;cursor:pointer}.group-popover .tab-item.active:before{display:block;width:40px;height:5px;border-top:1px solid var(--brand_blue);content:"";position:absolute;left:59px;top:20px;background-color:var(--bg1);z-index:1}.group-popover .tab-item.active:after{display:block;width:4px;height:4px;background-color:var(--brand_blue);content:"";position:absolute;left:78px;top:18px;transform:rotate(45deg)}.group-popover .tab-content{max-height:400px;overflow:auto;padding:0 20px 20px}.group-popover .group-empty{padding:30px 0;font-size:12px;color:var(--text3);text-align:center}.group-popover .group-item{height:60px;box-sizing:border-box;padding:10px 0;display:flex;align-items:center}.group-popover .group-item-pic{width:40px;height:40px;margin-right:10px;border-radius:50%;overflow:hidden}.group-popover .group-item-info{line-height:1}.group-popover .group-item-name{color:var(--text1);font-size:14px}.group-popover .group-item-desc{margin-top:8px;font-size:12px;color:var(--text3)}.group-popover .group-item-btn{margin-left:auto;min-width:54px;font-size:14px;color:var(--brand_blue);text-align:center;line-height:24px;border:1px solid var(--brand_blue);border-radius:4px;cursor:pointer}
.bili-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5)}.bili-overlay-transition-enter{opacity:0}.bili-overlay-transition-enter-active{transition:opacity .2s}.bili-overlay-transition-leave-active{transition:opacity .2s linear}.bili-overlay-transition-leave-to{opacity:0}
.bili-popup{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.bili-popup__wrap{position:relative;display:flex;flex-direction:column;background-color:var(--bg1)}.bili-popup__header{flex-shrink:0;width:100%;height:50px;border-bottom:1px solid var(--line_light);display:flex;align-items:center;justify-content:center;position:relative}.bili-popup__header.no-title{border-bottom:none}.bili-popup__header__title{font-size:16px;color:var(--text1)}.bili-popup__header__back,.bili-popup__header__close{color:var(--text2);cursor:pointer;position:absolute;top:0;height:100%;display:flex;align-items:center}.bili-popup__header__back{left:20px}.bili-popup__header__close{right:20px}.bili-popup__content{width:100%;flex:1}.bili-popup__content__browser{width:100%;height:100%}.bili-popup-fade-enter{opacity:0}.bili-popup-fade-enter-active,.bili-popup-fade-leave-active{transition:opacity .2s}.bili-popup-fade-leave-to{opacity:0}
.m-checkbox{font-weight:400;line-height:1;position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;outline:none}.m-checkbox-group{display:flex;align-items:center;flex-wrap:wrap}.m-checkbox+.m-checkbox{margin-left:24px}.m-checkbox.is-checked .m-checkbox__inner{border-color:var(--brand_blue);background-color:var(--brand_blue)}.m-checkbox.is-checked .m-checkbox__inner:after{transform:rotate(45deg) scaleY(1)}.m-checkbox:not(.is-checked):hover .m-checkbox__inner{border-color:var(--brand_blue)}.m-checkbox--small{font-size:14px}.m-checkbox--small .m-checkbox__inner,.m-checkbox--small .m-checkbox__input{width:14px;height:14px}.m-checkbox--small .m-checkbox__label{line-height:14px}.m-checkbox__inner{transition:all .2s linear;border-color:var(--Ga3);border:1px solid var(--Ga3);border-radius:2px;position:relative;cursor:pointer;display:inline-block;box-sizing:border-box}.m-checkbox__inner:after{box-sizing:content-box;content:"";border:1px solid var(--bg1);border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in .05s;transform-origin:center}.m-checkbox__input{display:inline-block}.m-checkbox__original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.m-checkbox__label{vertical-align:text-top;display:inline-block;line-height:1;padding-left:8px;color:var(--text1)}
.create-group{padding:30px}.create-group-row{display:flex;align-items:center;margin-bottom:30px;font-size:14px}.create-group-label{flex-shrink:0;color:var(--text2)}.create-group-value{color:var(--text1);flex:1}.create-group-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden}.create-group-notice{width:100%;resize:none;font-size:14px;padding:10px;border:1px solid #ccd0d7;border-radius:4px;box-sizing:border-box;outline:none}.create-group-rule{font-size:13px;color:var(--text3)}.create-group-rule a{color:var(--brand_blue);text-decoration:none;margin-left:4px}.create-group-submit{display:flex;justify-content:center}.create-group-submit button{outline:none;border:none;background-color:var(--brand_blue);color:var(--text_white);line-height:40px;font-size:14px;border-radius:4px;width:140px;cursor:pointer}.create-group-submit button[disabled]{background-color:var(--bg2);color:var(--text2)}
.whisper{height:100%}.whisper .message-content{overflow:unset}.whisper .im-container{height:100%}.whisper .group-action{cursor:pointer;position:relative;display:flex;align-items:center;margin-left:10px;font-size:14px;color:var(--text3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.whisper .group-action.active,.whisper .group-action.active svg{color:var(--brand_blue)}.whisper .group-action__icon{margin-right:3px;width:18px;height:18px}.whisper .group-action__icon svg{opacity:.94;color:#ccd0d7;width:100%;height:100%}
.message-divider{display:flex;align-items:center;white-space:nowrap;text-align:center}.message-divider--dashed:after,.message-divider--dashed:before{border-top:dashed}.message-divider:after,.message-divider:before{position:relative;width:50%;border-top:inherit;border-bottom:0;transform:translateY(50%);content:"";background-color:var(--line_regular);height:1px}.message-divider__inner{display:inline-block;padding:0 26px;font-size:12px;color:var(--text3)}
.message-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.message-loading img{width:100px;height:100px}.message-loading-fade-enter{opacity:0}.message-loading-fade-enter-active,.message-loading-fade-leave-active{transition:opacity .4s}.message-loading-fade-leave-to{opacity:0}
.message-empty{width:100%;height:256px;display:flex;align-items:center;justify-content:center}.message-empty img{height:100%}
.message-reply-box{display:flex;height:65px}.message-reply-box__left{padding-left:16px;padding-right:10px;flex-shrink:0}.message-reply-box__avatar{width:46px;height:46px;border-radius:50%;overflow:hidden}.message-reply-box__center{flex:1;overflow:hidden}.message-reply-box__input{box-sizing:border-box;width:100%;height:100%;resize:none;background-color:var(--bg3);outline:none;border:1px solid var(--line_regular);overflow:auto;border-radius:4px;color:var(--text2);padding:5px 10px;font-size:12px}.message-reply-box__input:focus{border-color:var(--brand_blue);background-color:var(--bg1)}.message-reply-box__right{margin-left:10px}.message-reply-box__pub{width:70px;height:100%;flex-shrink:0;border-radius:4px;display:flex;justify-content:center;align-items:center;background-color:var(--brand_blue);cursor:pointer;color:var(--text_white);outline:none;border:none}
.message-text-nodes a{text-decoration:none;color:var(--brand_blue);cursor:pointer}.message-text-nodes a svg{vertical-align:text-bottom;margin-right:2px}
.message-user-avatar{border-radius:50%;overflow:hidden}.message-user-avatar,.message-user-avatar .b-img{width:100%;height:100%}.message-user-avatar .b-img.sleepy:after{background-size:cover;background-position:50%;background-image:url(//i0.hdslb.com/bfs/face/member/noface.jpg)}
.interaction-item{position:relative;cursor:pointer;display:flex}.interaction-item:hover .interaction-item__btn.invisible{opacity:1;pointer-events:all}.interaction-item:last-child .interaction-item__right{border-bottom:none}.interaction-item__left{padding-left:16px;padding-top:24px;flex-shrink:0;width:60px;height:60px;position:relative}.interaction-item__left.multi .interaction-item__avatar{box-sizing:border-box;width:32px;height:32px;border-radius:50%}.interaction-item__left.multi .interaction-item__avatar:first-child{position:absolute;right:12px;bottom:14px;z-index:1;width:36px;height:36px;border:2px solid var(--bg1)}.interaction-item__avatar{display:block;width:46px;height:46px}.interaction-item__right{width:calc(100% - 76px);box-sizing:border-box;padding:24px 16px 24px 0;border-bottom:1px solid var(--line_regular)}.interaction-item__content{box-sizing:border-box;position:relative;padding-right:76px}.interaction-item__content.pr--large{padding-right:104px}.interaction-item__title{display:flex;font-size:14px;line-height:15px}.interaction-item__title span{font-weight:700}.interaction-item__uname{font-weight:700;text-decoration:none;color:var(--text1)}.interaction-item a.interaction-item__uname:hover{color:var(--brand_blue)}.interaction-item__action{margin-left:8px;color:var(--text2)}.interaction-item__msg{white-space:pre-wrap;margin-top:10px;font-size:14px;line-height:18px;color:var(--text1);-webkit-line-clamp:2!important}.interaction-item__metadata{margin-top:10px;display:flex;align-items:center;font-size:12px;color:var(--text3)}.interaction-item__time{margin-right:15px}.interaction-item__btn{cursor:pointer;margin-right:14px;font-size:14px;display:flex;align-items:center}.interaction-item__btn.active,.interaction-item__btn:hover{color:var(--brand_blue)}.interaction-item__btn svg{margin-right:2px;pointer-events:none}.interaction-item__btn.invisible{opacity:0;pointer-events:none}.interaction-item__dnd{position:absolute;height:16px;top:calc(50% - 8px);right:76px;color:var(--text3)}.interaction-item__dnd svg{width:16px;height:16px}.interaction-item__cover{position:absolute;right:0;top:-7px;width:60px;height:60px}.interaction-item__cover div{width:100%;height:100%;-webkit-line-clamp:4;color:var(--text3);font-size:14px;line-height:15px}.interaction-item__cover .b-img{width:100%;height:100%;border-radius:2px;overflow:hidden}.interaction-item__reference{border-left:2px solid var(--line_regular);margin:8px 0 10px;padding-left:4px;font-size:12px;line-height:16px;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;
  /*! autoprefixer: ignore next */-webkit-box-orient:vertical;color:var(--text3)}.interaction-item__panel{margin-top:20px;margin-left:-76px;width:calc(100% + 76px)}
.reply{height:100%}.reply-layout{height:100%;overflow-y:auto}.reply-empty{padding:24px 16px;width:100%}.reply-divider{padding:0 16px}.reply .interaction-item.no-border .interaction-item__right{border-bottom:none}
.at,.at-layout{height:100%}.at-empty{padding:24px 16px;width:100%}.at-divider{padding:0 16px}.at .interaction-item.no-border .interaction-item__right{border-bottom:none}
.message-section{box-sizing:border-box;width:100%}.message-section__header{height:48px;display:flex;align-items:center;padding:0 16px;font-size:14px;color:var(--text3);border-bottom:1px solid var(--line_regular)}.message-section:not(:first-child){margin-top:10px}
.love{height:100%}.love-empty{width:100%}
.love-item{display:flex}.love-item:not(:last-child) .love-item__right{border-bottom:1px solid var(--line_regular)}.love-item__left{padding-top:24px;width:60px;padding-right:14px;box-sizing:border-box;flex-shrink:0}.love-item__right{flex:1;display:flex;align-items:center;padding:24px 0}.love-item__avatar{display:block;width:46px;height:46px;border-radius:50%;overflow:hidden}.love-item__title{margin-bottom:10px;font-size:14px;display:flex}.love-item__uname{font-weight:700;color:var(--text1);text-decoration:none}.love-item a.love-item__uname:hover{color:var(--brand_blue)}.love-item__action{margin-left:8px;color:var(--text2)}.love-item__time{font-size:12px;color:var(--text3)}.love-item__info{flex:1}.love-item__follow{background-color:var(--bg1);flex-shrink:0;width:72px;height:24px;line-height:24px;color:var(--text2);font-size:12px;cursor:pointer;text-align:center;border-radius:4px;border:1px solid var(--line_regular)}.love-item__follow.is-active{background-color:var(--bg3);border-color:var(--line_light)}
.love-detail{height:100%}.love-detail-layout{width:100%;height:100%}.love-detail-content{margin-top:10px}.love-detail-card,.love-detail-items{width:100%;box-sizing:border-box}.love-detail-card{cursor:pointer}.love-detail-card:hover .love-detail-title{color:var(--brand_blue)}.love-detail-cover{flex-shrink:0;margin-left:16px;width:60px;height:60px;border-radius:2px;overflow:hidden}.love-detail-info{flex:1;padding:8px 0}.love-detail-title{font-size:14px;color:var(--text1)}.love-detail-card{display:flex;padding:16px}.love-detail-items{padding:0 16px}
.notify-item{box-sizing:border-box;padding:24px 16px}.notify-item__top{font-size:12px;line-height:24px}.notify-item__title{color:var(--text1);font-weight:700}.notify-item__time{color:var(--text3);margin:0 10px}.notify-item__msg{line-height:24px;font-size:12px;color:var(--text2);white-space:pre-line;word-break:break-all}
.system{height:100%}.system .message-content{background-color:transparent}.system .system-layout{height:100%}.system .system-layout .system-list .system-item{margin-bottom:16px}
.m-radio{font-weight:400;line-height:1;position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;outline:none;color:var(--text1);font-size:14px}.m-radio-group{display:flex;align-items:center;flex-wrap:wrap}.m-radio+.m-radio{margin-left:32px}.m-radio.checked .m-radio__inner{border-color:var(--brand_blue)}.m-radio.checked .m-radio__inner:after{transform:translate(-50%,-50%) scale(1)}.m-radio__input{white-space:nowrap;outline:none;line-height:1;vertical-align:middle}.m-radio__inner,.m-radio__input{cursor:pointer;display:inline-block;position:relative;width:22px;height:22px}.m-radio__inner{border-color:var(--text4);border:1px solid var(--text4);border-radius:50%;background-color:var(--bg1_float);box-sizing:border-box}.m-radio__inner:after{width:10px;height:10px;border-radius:100%;background-color:var(--brand_blue);content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.m-radio__original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.m-radio__label{font-size:14px;line-height:1;padding-left:8px}
.block-words-add{padding-top:10px}.block-words-add-entry{cursor:pointer;display:flex;align-items:center;height:20px;color:var(--brand_blue)}.block-words-add-entry-icon{width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--brand_blue_thin)}.block-words-add-entry-icon svg{width:16px;height:16px}.block-words-add-entry-text{margin-left:6px;font-size:14px;line-height:20px}.block-words-add-area{height:40px;display:flex;align-items:center}.block-words-add-input{color:var(--text1);height:100%;box-sizing:border-box;width:330px;border-radius:8px;background-color:var(--graph_bg_thin);margin:0;outline:none;border:1px solid var(--graph_bg_thin);font-size:14px;padding:10px 16px}.block-words-add-input:focus,.block-words-add-input:hover{border-color:var(--brand_blue)}.block-words-add-input:focus{background-color:var(--bg1)}.block-words-add-btn{width:92px;height:100%;color:var(--brand_blue);outline:none;border:1px solid var(--brand_blue);border-radius:4px;margin-left:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.block-words-add-btn svg{width:20px;height:20px;margin-right:6px}.block-words-add-btn.disabled{cursor:not-allowed;opacity:.5;color:var(--brand_blue)!important;border:1px solid var(--brand_blue)!important;background-color:unset!important}.block-words-add-btn:active,.block-words-add-btn:hover{background-color:var(--brand_blue_thin)}.block-words-add-btn:active{color:var(--text_link);border-color:var(--text_link)}.block-words-content{margin-top:20px}.block-words-row,.block-words-tips{display:flex;align-items:center}.block-words-tips{font-size:12px;line-height:17px;color:var(--text2)}.block-words-tips-icon{width:16px;height:16px;display:flex;margin-right:4px;color:var(--text_notice)}.block-words-tips-text{color:var(--text2)}.block-words-tips-split{margin-left:6px;margin-right:6px;width:1px;height:12px;background-color:var(--line_regular)}.block-words-expand{display:flex;align-items:center;height:17px;cursor:pointer;font-size:12px;color:var(--text2);padding:0;outline:none;border:none;background-color:transparent}.block-words-expand:hover{color:var(--brand_blue)}.block-words-expand--expanded svg{transform:rotate(180deg)}.block-words-expand-text{font-size:12px;line-height:17px}.block-words-expand svg{margin-left:4px}.block-words-wrap{padding-top:12px;max-height:312px;overflow-y:auto}.block-words-list{display:flex;flex-wrap:wrap}.block-words-item{cursor:default;position:relative;padding:8px 14px;font-size:14px;line-height:17px;border-radius:20px;margin-right:8px;margin-top:8px;background-color:var(--graph_bg_thin)}.block-words-item:hover{background-color:var(--graph_bg1)}.block-words-item:hover .block-words-item-delete{display:block}.block-words-item-delete{display:none;position:absolute;right:-4px;top:-3px;width:20px;height:20px}.block-words-item-delete-btn{border-radius:50%;width:16px;height:16px;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--text2);color:var(--text_white)}.block-words-item-delete-btn svg{width:12px;height:12px}.block-words-item-delete-btn:hover svg{fill:var(--brand_blue)}
.config[data-v-3ccf7b0f]{height:100%}.config .message-content[data-v-3ccf7b0f]{width:100%;overflow-y:auto;overflow-x:hidden}.config .config-content[data-v-3ccf7b0f]:not(:last-child){margin-bottom:10px}.config .config-block[data-v-3ccf7b0f]:not(:last-child){border-bottom:1px solid var(--line_regular)}.config .config-section[data-v-3ccf7b0f]{padding:24px 16px}.config .config-section__header[data-v-3ccf7b0f]{font-size:14px;color:var(--text1);margin-bottom:10px;display:flex;align-items:center}.config .config-section__desc[data-v-3ccf7b0f]{color:var(--text3)}.config .config-section__body[data-v-3ccf7b0f]{display:flex;flex-wrap:wrap}.config .config-section__body[data-v-3ccf7b0f] .m-radio{margin-right:20px}.config .config-section__body[data-v-3ccf7b0f] .m-radio .m-radio__input{width:100%;line-height:22px;margin-right:5px}
.message-switch{position:relative;display:inline-block;border-radius:14px;width:50px;height:28px;cursor:pointer;background-color:var(--graph_bg_thick)}.message-switch__handle{display:inline-block;position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--text_white);transition:.25s;top:4px;left:4px}.message-switch.checked{background-color:var(--brand_blue)}.message-switch.checked .message-switch__handle{left:26px}
.autoreply-content{padding:24px;box-sizing:border-box;flex-shrink:0;overflow:hidden}.autoreply-content__switch{display:flex;align-items:center}.autoreply-content__info{flex:1;overflow:hidden}.autoreply-content__title{font-size:18px;line-height:18px;color:var(--text1)}.autoreply-content__desc{margin-top:16px;font-size:12px;line-height:15px;height:30px;color:var(--text3);white-space:pre-wrap}.autoreply-content__handler{width:50px;flex-shrink:0}.autoreply-content__config{margin-top:28px;width:100%}
.autoreply-keywords-config .table-head{border-radius:4px 4px 0 0;background-color:var(--graph_bg_thick)}.autoreply-keywords-config .table-head .table-col{height:45px;line-height:45px}.autoreply-keywords-config .table-head .table-col:last-child{text-align:right;padding:0 12px}.autoreply-keywords-config .table-body .table-col{padding:15px 12px;display:flex;align-items:center}.autoreply-keywords-config .table-body .table-col:first-child .table-col-content,.autoreply-keywords-config .table-body .table-col:nth-child(2) .table-col-content{-webkit-line-clamp:3}.autoreply-keywords-config .table-body .table-col:nth-child(4){display:flex}.autoreply-keywords-config .table-row{padding:0 12px;display:flex;border-bottom:1px solid var(--line_regular)}.autoreply-keywords-config .table-row.detail{flex-direction:column}.autoreply-keywords-config .table-col{box-sizing:border-box;padding:0 12px;font-size:14px;flex-shrink:0}.autoreply-keywords-config .table-col:first-child{width:180px}.autoreply-keywords-config .table-col:nth-child(2){width:200px}.autoreply-keywords-config .table-col:nth-child(3){width:calc(100% - 530px)}.autoreply-keywords-config .table-col:nth-child(4){padding:0;width:156px}.autoreply-keywords-config .table-col .table-button{color:var(--brand_blue);cursor:pointer;width:52px;height:52px;line-height:52px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.autoreply-keywords-config-split{margin:24px 0;height:1px;border:none;background-color:var(--line_regular)}.autoreply-keywords-config-top{display:flex;align-items:center;justify-content:space-between}.autoreply-keywords-config-empty{width:100%;height:180px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text3)}.autoreply-keywords-table{margin-top:24px;color:var(--text2)}.autoreply-keywords-table .item-config{box-sizing:border-box;padding:24px 12px;font-size:14px}.autoreply-keywords-table .item-config-label{width:100px;display:inline-block;vertical-align:top}.autoreply-keywords-table .item-config-value{display:inline-block;width:calc(100% - 104px)}.autoreply-keywords-table .item-config-value div{word-break:break-word;white-space:pre-wrap;line-height:22px}.autoreply-keywords-table .item-config-value div:not(:last-child){margin-bottom:12px}.autoreply-keywords-search{position:relative}.autoreply-keywords-icon{position:absolute;top:10px;width:12px;height:12px;display:flex}.autoreply-keywords-icon:first-child{left:10px}.autoreply-keywords-icon:last-child{cursor:pointer;right:10px;color:var(--text3)}.autoreply-keywords-input{box-sizing:border-box;height:32px;width:244px;line-height:32px;font-size:13px;border:none;padding:0 16px 0 30px;background-color:var(--graph_bg_thick);border-radius:4px;outline:none;color:var(--text1)}.autoreply-keywords-create{box-sizing:border-box;height:32px;line-height:32px;font-size:14px;padding:0 16px;color:var(--text_white);background:var(--brand_blue);border-radius:4px;cursor:pointer}
.autoreply{height:100%}.autoreply-tabs{height:42px;padding:0 16px;border-bottom:1px solid var(--line_regular)}.autoreply-tab,.autoreply-tabs{box-sizing:border-box;display:flex;align-items:center}.autoreply-tab{height:100%;font-size:15px;color:var(--text1);margin-right:32px;cursor:pointer;transition:all .3s;border-bottom:2px solid transparent}.autoreply-tab.is-active{border-bottom-color:var(--brand_blue);color:var(--brand_blue)}
.message-sidebar{width:100%;font-weight:700}.message-sidebar svg{width:14px;height:14px}.message-sidebar__icon{margin-right:10px}.message-sidebar__icon,.message-sidebar__title{color:var(--text1);display:flex;align-items:center}.message-sidebar__title{font-size:14px;width:100%;height:62px;justify-content:center}.message-sidebar ul{margin:0;padding:0 0 0 20px}.message-sidebar ul li{height:40px;list-style:none;padding-left:20px;position:relative;color:var(--text2);font-size:14px}.message-sidebar ul li:hover{color:var(--brand_blue)}.message-sidebar ul li:hover .message-sidebar__item-icon.dot{background:var(--brand_blue)}.message-sidebar ul li:hover .message-sidebar__item-icon svg{color:var(--brand_blue)}.message-sidebar__div{border-top:1px solid var(--bg1);margin:10px 0}.message-sidebar__item{cursor:pointer;display:flex;align-items:center}.message-sidebar__item-name{-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:56px}.message-sidebar__item-icon{display:flex;align-items:center;justify-content:center;position:absolute;left:2px;top:50%;transform:translateY(-50%)}.message-sidebar__item-icon.dot{width:6px;height:6px;border-radius:50%;background:var(--text2)}.message-sidebar__item-icon svg{color:var(--text2)}.message-sidebar__item-notify{margin-left:4px}.message-sidebar__item-num{background-color:var(--brand_pink);line-height:16px;height:16px;font-size:12px;border-radius:10px;width:28px;color:var(--text_white);text-align:center}.message-sidebar__item-dot{background-color:var(--brand_pink);width:8px;height:8px;border-radius:50%}.message-sidebar__item.is-active,.message-sidebar__item.is-active .message-sidebar__item-icon svg{color:var(--brand_blue)}.message-sidebar__item.is-active .message-sidebar__item-icon.dot{background:var(--brand_blue)}
#app{position:relative}.message-layout{height:calc(100vh - 64px);margin:0 auto;width:1143px;max-width:1143px;display:flex;flex-direction:row;align-items:stretch}.message-aside{width:140px;height:100%;background-color:rgba(var(--bg1_rgb),.8);flex-shrink:0}.message-main{padding-top:10px;width:calc(100% - 140px);background-color:rgba(var(--bg1_rgb),.5)}.b-toast-container{z-index:99999}#internationalHeader .mini-header{height:64px}#internationalHeader .mini-header__content{padding-top:12px;padding-bottom:12px}@media screen and (max-width:1400px){.message-layout{width:980px}}
.bili-set-follow-group__content{height:300px;padding:0 36px 14px;border-bottom:1px solid var(--line_regular);overflow-y:auto}.bili-set-follow-group__footer{height:78px;display:flex;justify-content:center;align-items:center}.bili-set-follow-group__footer button{font-size:14px;width:160px;height:40px;margin-top:18px;background:var(--brand_blue);border:none;outline:none;border-radius:4px;color:var(--text_white);cursor:pointer}.bili-set-follow-group__title{font-size:13px;padding:14px 0;color:var(--text2)}.bili-set-follow-group__title span{color:var(--text1)}.bili-set-follow-group__list{margin:0;padding:0;position:relative}.bili-set-follow-group__list.is-disabled:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(var(--bg1_float_rgb),.5);z-index:1}.bili-set-follow-group__item{padding-bottom:16px;list-style:none}.bili-set-follow-group__item__tip{padding-left:22px;font-size:13px;color:var(--text3)}.bili-set-follow-group__add{height:36px;line-height:36px;transition:all .2s;border:1px solid var(--line_regular);border-radius:4px;box-sizing:border-box;display:flex;position:relative;overflow:hidden}.bili-set-follow-group__add.is-active,.bili-set-follow-group__add:hover{border-color:var(--brand_blue)}.bili-set-follow-group__add__input{border:none;outline:none;font-size:12px;width:200px;margin-left:10px;padding:0;box-shadow:none;height:100%;flex:1}.bili-set-follow-group__add__btn{height:100%;width:90px;background:#d9f1f9;border:none;border-left:1px solid var(--brand_blue);border-radius:0 4px 4px 0;font-size:14px;color:var(--brand_blue);cursor:pointer}.bili-set-follow-group__add__mask{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--bg1_float);cursor:pointer;padding-left:36px;line-height:34px;color:var(--text2);font-size:12px}.bili-set-follow-group__add__mask i{position:absolute;left:18px;top:11px}.bili-set-follow-group__add__mask i:after,.bili-set-follow-group__add__mask i:before{position:absolute;content:"";width:2px;height:12px;background-color:var(--text3)}.bili-set-follow-group__add__mask i:after{transform:rotate(90deg)}

/*# sourceMappingURL=message-pc.0.c924c73621d022ec5d223cfc781cbd88d491ecea.css.map*/