.lside{background:var(--home-bg-sidebar, #191919);left:0;top:0;position:absolute;height:100%;width:var(--index-lside-w);border-right:1px solid var(--border-default);box-sizing:border-box}.lside-logobox{height:48px;margin-top:4px;display:flex;align-items:center;box-sizing:border-box;padding-left:6px}.lside-logo{width:80px;height:32px;display:block;position:absolute;z-index:2}.lside-nav{display:flex;align-items:center;white-space:nowrap;overflow:hidden;margin:0 auto;width:184px;height:36px;text-align:left;font-weight:400;font-size:14px;position:relative;border-radius:8px;color:var(--fg-7);user-select:none}.lside-nav.icon-more{display:none}.lside-nav:hover{background:var(--button-bg-default)}.lside-nav:active,.lside-nav.active{background:var(--button-bg-hover)}.lside-nav.active{font-weight:500}.lside-nav:before{margin:auto 10px;font-size:1.2em;font-weight:inherit}.lside-nav-line{display:block;border-top:1px solid var(--border-default, rgba(255, 255, 255, .06));width:184px;margin:5px auto}.lside-nav-subtitle{color:var(--fg-2);box-sizing:border-box;padding-left:12px;line-height:30px;font-size:14px}.lside-nav .badge{position:absolute;right:6px;top:8px;min-width:16px}.lside-linkicon{position:absolute;right:8px;color:var(--fg-2);font-size:inherit}.version{color:var(--fg-1);text-align:center;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:16px;position:absolute;bottom:16px;left:0;width:100%}@media screen and (max-width: 829px){.lside{width:100%;height:105px;position:fixed;border:none;z-index:300;left:0;bottom:0;top:auto;text-align:center}.lside-logobox{display:none}.lside-navs{display:inline-flex;align-items:center;z-index:300;border-radius:24px;padding:4px}.lside-nav{display:none;justify-content:center;align-items:center;user-select:none;min-width:64px;width:auto;height:40px;border-radius:24px;color:var(--fg-4);font-weight:600;font-size:16px}.lside-nav-subtitle{display:none}.lside-nav:before{font-size:24px;display:none}.lside-nav.icon-more,.lside-nav.icon-magic-alt,.lside-nav.icon-cartoon,.lside-nav.icon-collection{display:flex;padding:0 12px;height:44px}.lside-nav.active{color:var(--fg-9);background:var(--button-bg-transparent-selected)}.lside-nav.active:before{font-weight:600}.lside-nav-line{display:none}}.headbar{position:absolute;right:0;top:0;width:calc(100% - var(--index-lside-w));box-sizing:border-box}.headbar-row{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:var(--index-headbar-h);padding:0 24px;border-bottom:1px solid var(--border-default)}.headbar-title{color:var(--fg-9);font-weight:600;font-size:18px;display:inline-flex;align-items:center}.headbar-title:before{font-size:1.2em;margin-right:4px}.headbar-user{border:1px solid var(--brand-default)}.headbar-dropuser-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block;overflow:hidden;margin:8px auto 0}.headbar-dropuser-nick{color:var(--fg-9, rgba(255, 255, 255, .97));font-size:14px;font-weight:600;margin:8px auto 0;user-select:text}.headbar-dropuser-uid{color:var(--fg-3, rgba(255, 255, 255, .35));font-size:14px;font-weight:400;margin:4px auto 0;user-select:text}.headbar-dropuser-uid span{margin-left:4px}.headbar-right{display:flex;align-items:center}.headbar-right-search{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:0 24px;margin-top:16px}.headbar-right-search .search{margin-right:16px;flex:1}.headbar-right .icon-notification{font-size:20px;margin-right:14px;cursor:pointer}.headbar-right-select.publish,.headbar-right-select.cartoon,.headbar-right-select.func{width:104px!important;margin-right:8px}.headbar-right-select.order{margin-right:8px;width:170px!important;justify-content:space-between}.flow{font-size:0}.flow .scroll-loading,.flow .scroll-nodata{height:100px}.flow .scroll-nodata{display:none}.flow-item{display:inline-block;width:20%;height:140px;padding:0 10px 20px;box-sizing:border-box;vertical-align:top;font-size:14px}.flow-item .tag{margin-left:4px}.flow-card{color:var(--fg-9);width:100%;height:100%;border-radius:12px;padding:16px;box-sizing:border-box;position:relative;border:1px solid var(--community-border-card, rgba(255, 255, 255, .04));user-select:none;background:var(--community-bg-card, rgba(255, 255, 255, .06))}.flow-card:hover{background:var(--community-bg-card-hover);border-color:var(--community-border-card-hover)}.flow-create{border:2px dashed var(--fg-1, rgba(255, 255, 255, .15));color:var(--fg-2, rgba(255, 255, 255, .24));font-size:16px;font-weight:600;display:flex;justify-content:center;align-items:center}.flow-title{font-size:18px;line-height:24px;font-weight:600;box-sizing:border-box;width:100%;position:relative;white-space:nowrap;display:flex;color:var(--fg-9)}.flow-title .avatar{display:inline-block;width:22px;height:22px;min-width:22px;border-radius:4px;vertical-align:middle;margin-right:4px;box-shadow:0 -13px 12px 0 var(--invert-black-2) inset}.flow-title .nowrap{color:var(--fg-9);max-width:100%;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-title .icon-subscribe{font-size:20px;color:var(--subscribe-txt);width:24px;height:24px;vertical-align:middle}.flow-title .tag:before{vertical-align:middle;margin-right:2px}.flow-date{color:var(--fg-2);font-size:14px;font-weight:400;margin-top:4px}.flow-summary{color:var(--fg-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;line-height:20px}.flow-cartoon{position:absolute;bottom:12px;right:16px;width:40px;height:40px}.flow-nums{position:absolute;left:16px;bottom:12px}.flow-num{display:inline-block;color:var(--fg-3);font-size:14px;font-weight:400;line-height:1}.flow-num:before{margin-right:2px}.flow-num-circle{color:var(--fg-3);margin:0 4px}.flow-btns{display:flex;opacity:0;position:absolute;bottom:12px;right:12px}.flow-btns .btn{--btn-txt: var(--fg-7);--btn-border: var(--button-border);--btn-bg: var(--button-bg-default);--btn-txt-hover: var(--fg-7);--btn-border-hover: var(--button-border-hover);--btn-bg-hover: var(--button-bg-hover);--btn-radius: 8px;width:48px;margin-left:8px}.flow-card:hover .flow-btns{opacity:1}.flow-card:hover .flow-cartoon{display:none}@media screen and (max-width: 1744px){.flow-item{width:25%}}@media screen and (max-width: 1439px){.flow-item{width:33.33%}}@media screen and (max-width: 1134px){.flow-item{width:50%}}@media screen and (max-width: 829px){.flow-item{padding:8px}}@media screen and (max-width: 625px){.flow-item{width:100%}.flow-item:first-of-type{padding-top:0}}.roles{font-size:0;padding-left:0!important;padding-top:4px!important;position:relative}.roles .scroll-nodata{display:none}.roles-item{display:inline-block;cursor:pointer;width:calc((100% - 108px)/4);vertical-align:top;height:280px;margin:0 0 20px 24px;position:relative;font-size:14px;border-radius:24px;box-sizing:border-box;border:1px solid var(--community-border-card, rgba(255, 255, 255, .04));background:var(--community-bg-card, rgba(255, 255, 255, .06))}.roles-item-info{box-sizing:border-box;padding:0 24px;margin-top:-30px}.roles-item-user{display:flex}.roles-item-user img{width:96px;height:96px;border-radius:50%;margin-right:8px;position:relative;z-index:3}.roles-item-user-info{box-sizing:border-box;padding-bottom:6px;display:flex;justify-content:flex-end;flex-direction:column;overflow:hidden}.roles-item-user-name{line-height:28px;font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg-9, rgba(255, 255, 255, .94))}.roles-item-user-tag .tag{margin-right:4px;font-weight:700}.roles-item-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0;color:var(--fg-6, rgba(255, 255, 255, .63))}.roles-item-rel{color:var(--fg-4, rgba(255, 255, 255, .46))}.roles-item-rel-circle{margin:0 4px}.roles-item-cover{width:100%;height:104px;border-top-left-radius:24px;border-top-right-radius:24px;opacity:.2;object-fit:cover}.roles-item:hover{border-radius:24px;background:var(--community-bg-card-hover, rgba(255, 255, 255, .08));border-color:var(--community-border-card-hover, rgba(255, 255, 255, .12))}.roles-create{height:276px;box-sizing:border-box;display:inline-block;border-radius:24px;border:2px dashed var(--fg-1, rgba(255, 255, 255, .15));color:var(--fg-2, rgba(255, 255, 255, .24));background:var(--community-bg-card, rgba(255, 255, 255, .06));font-size:16px;font-weight:600;cursor:pointer}.roles-create div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.roles-create:hover{background:var(--community-bg-card-hover, rgba(255, 255, 255, .08));border-color:var(--community-border-card-hover, rgba(255, 255, 255, .12))}.roles-create .icon-add{margin-bottom:12px;font-size:28px;font-weight:600;opacity:.5}.roles .index-list-empty{width:100%;height:calc(100% - 28px);top:14px;position:absolute}.collection-frame{border:0;overflow:hidden}body{--index-lside-w: 192px;--index-headbar-h: 60px;background:var(--home-bg-page-dark, #070707);overflow:hidden;position:relative}.index-body{width:calc(100% - var(--index-lside-w));position:absolute;left:var(--index-lside-w);top:calc(var(--index-headbar-h) + 48px);height:calc(100% - var(--index-headbar-h) - 48px);padding:0 14px 14px;margin-top:16px;box-sizing:border-box;overflow:auto}.index-list-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.index-list-empty img{width:120px;height:120px}.index-list-empty-title{color:var(--fg-9, rgba(255, 255, 255, .97));font-size:16px;font-weight:600;line-height:24px;margin:4px 0}.index-list-empty-desc{color:var(--fg-4, rgba(255, 255, 255, .46));font-size:14px;font-weight:400;line-height:20px;max-width:360px}.index-list-empty-btn{width:160px;margin:20px 0 12px}@media screen and (max-width: 1439px){.roles-item{width:calc((100% - 84px) / 3)}}@media screen and (max-width: 1134px){.roles-item{width:calc((100% - 60px)/2)}.headbar-right-search .headbar-right-select.order{display:none}}@media screen and (max-width: 829px){.headbar{padding:0 16px;width:100%}.headbar-row{padding:unset}.index-body{padding:0 8px 125px;height:calc(100% - var(--index-headbar-h) - 48px);top:calc(var(--index-headbar-h) + 48px);margin-top:16px}.headbar-right-search{width:100%;padding:0;top:calc(var(--index-headbar-h));z-index:20;box-sizing:border-box;margin-top:16px}.headbar-right-search .headbar-right-select.order,.headbar-right-search .headbar-right-select.cartoon,.headbar-right-search .headbar-right-select.func{display:none}.headbar-right-search .headbar-right-select.publish{margin-right:0;margin-left:8px}.headbar-right-search .headbar-right-select{position:relative}.headbar-right-search .headbar-right-keyword{flex:1;margin-right:0}.pipe-setting{z-index:301}.index .headbar,.index-body{width:100%;left:0}.community{padding:2px}.community-item{padding:2px 2px 16px}}@media screen and (max-width: 625px){.role-edit-info,.role-protocol{z-index:301}.roles{padding:0 16px 125px!important;margin-top:16px;display:block}.roles .roles-item{width:100%;box-sizing:border-box;padding:12px;margin:0 0 12px;height:unset;border-radius:24px;position:relative;display:flex;align-items:center}.roles .roles-item:hover{border-radius:24px;background:var(--input-list-bg-hover, rgba(255, 255, 255, .04))}.roles .roles-item-cover,.roles .roles-item-btn{display:none!important}.roles .roles-item .roles-item-info{margin-top:0;padding:4px}.roles .roles-item .roles-item-info img{width:64px;height:64px;margin-right:12px}.roles .roles-item .roles-item-user-info{flex-direction:row}.roles .roles-item .roles-item-user-name{font-size:16px;line-height:unset}.roles .roles-item .roles-item-rel,.roles .roles-item .roles-item-summary{margin-left:76px}.roles .roles-item .roles-item-summary{margin-top:-35px}.roles .roles-item .roles-item-user-tag .iconfont{font-size:0}.roles .roles-create{margin:0 auto 8px;font-size:16px;height:56px;padding:0}.roles .roles-create div{flex-direction:row}.roles .roles-create .icon-add{font-size:20px;margin-right:8px;margin-bottom:0}.roles .roles-create:hover{border:2px dashed var(--fg-3, rgba(255, 255, 255, .35));color:var(--fg-4, rgba(255, 255, 255, .46))}.roles .roles-create:hover .icon-add{color:var(--fg-4, rgba(255, 255, 255, .46))}.roles .index-list-empty{margin-left:4px;width:calc(100% - 16px)}}