.tablist{display:flex;align-items:center;overflow:auto}.tablist::-webkit-scrollbar{width:0;height:0}.tablist-tab{line-height:56px;padding:0 8px;box-sizing:border-box;position:relative;user-select:none;color:var(--fg-4);font-weight:600}.tablist-tab.active{color:var(--fg-9)}.tablist-tab.active:after{content:"";border-bottom:2px solid var(--fg-9);width:calc(100% - 16px);left:8px;bottom:0;position:absolute}.tablist.slideup-header-title{overflow:visible}.tablist.slideup-header-title .tablist-tab{line-height:1}.tablist.slideup-header-title .tablist-tab.active:after{bottom:-12px}.detail{padding:0 12px 32px;overflow:auto;cursor:default}.detail::-webkit-scrollbar{width:0;height:0}.detail-content{overflow:hidden;padding-top:12px;padding-bottom:5px}.detail-cover.avatar{float:left;width:60px;height:80px;border-radius:8px}.detail-about{float:right;width:calc(100% - 72px)}.detail-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg-9);line-height:1;margin-bottom:8px}.detail-summary{font-size:12px;line-height:16px;overflow:hidden;color:var(--fg-4);max-height:96px}.detail-info{margin-top:6px;font-size:12px;color:var(--fg-4)}.detail-rtitle{font-size:14px;font-weight:600;color:var(--fg-9);margin:12px auto}.detail-role{display:flex;align-items:center;cursor:default}.detail-role:not(:last-child){margin-bottom:16px}.detail-role-avatar.avatar{width:40px;height:40px;flex-shrink:0;margin-right:8px}.detail-role-info{min-height:40px;width:calc(100% - 98px);display:flex;flex-direction:column;justify-content:center}.detail-role-name{line-height:1;margin-bottom:3px;font-size:14px;color:var(--fg-9);display:flex;align-items:center}.detail-role-name .tag{margin-left:5px}.detail-role-summary{font-size:12px;color:var(--fg-4);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-role-btn{flex-shrink:0;width:50px;height:20px;font-size:12px;border-radius:10px;padding:0;line-height:1;white-space:nowrap!important}.detail .tag{font-size:12px;height:16px;padding:0 4px}.detail hr{border:0;border-top:1px solid var(--border-default);margin:16px 0}.side{width:100%;height:100%;overflow:auto;flex-shrink:0;color:var(--fg-7);box-sizing:border-box}.side::-webkit-scrollbar{width:0;height:0}.side-header{height:56px;position:relative;padding:0 12px;border-bottom:1px solid var(--border-default)}.side-close{position:absolute;right:16px;top:var(--headbar-height);font-size:18px;font-weight:600}.side-cover{float:left;width:60px;height:80px;border-radius:8px}.side-about{float:right;width:calc(100% - 72px)}.side-body{height:calc(100% - 70px);overflow:auto}.side-body::-webkit-scrollbar{width:0;height:0}.side .detail,.side .comment-list{padding:0 12px}