.component-item[data-v-91759e72]{--tw-bg-opacity:1;align-items:flex-start;background-color:rgba(255,255,255,var(--tw-bg-opacity));border:1px solid #e3e3e3;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;position:relative;width:100%}.component-item[data-v-91759e72]:hover{box-shadow:0 0 10px #00000026;transition:all .3s cubic-bezier(.46,.12,.27,1.13)}.component-item:hover .btn-wrapper[data-v-91759e72]{transition:visibility .4s ease-in;visibility:initial!important}.component-item .info[data-v-91759e72]{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.component-item .info .component-title[data-v-91759e72]{transition-duration:.15s;transition-duration:.3s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.component-item .info:hover .component-title[data-v-91759e72]{--tw-text-opacity:1;color:rgba(64,158,255,var(--tw-text-opacity))}.component-item .info .cover-picture[data-v-91759e72]{--tw-border-opacity:1;border-color:rgba(240,240,240,var(--tw-border-opacity));border-radius:1rem;border-width:1px;height:6rem;margin-right:.75rem;width:6rem}.component-item .info .component-content[data-v-91759e72]{flex:1 1 0%;overflow:hidden}.component-item .info .component-content .component-name[data-v-91759e72]{align-items:center;display:flex;margin-bottom:.25rem}.component-item .info .component-content .component-description[data-v-91759e72]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgba(168,162,158,var(--tw-text-opacity));display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.component-item .tag-wrapper[data-v-91759e72]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.375rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.375rem*var(--tw-space-x-reverse))}.component-item .tag-wrapper[data-v-91759e72]{margin-top:.25rem}.component-item .bottom[data-v-91759e72]{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:.25rem;width:100%}.component-item .bottom .user-info[data-v-91759e72]{align-items:center;display:flex;font-size:.875rem;line-height:1.25rem}.component-item .bottom .user-info .user-avatar[data-v-91759e72]{margin-right:.5rem}.component-item .bottom .user-info__right .nickname[data-v-91759e72]{font-size:.75rem;line-height:1rem}.component-item .bottom .user-info__right .nickname[data-v-91759e72]:hover{--tw-text-opacity:1;color:rgba(64,158,255,var(--tw-text-opacity))}.component-item .bottom .count[data-v-91759e72],.component-item .bottom .user-info__right .time[data-v-91759e72]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgba(168,162,158,var(--tw-text-opacity))}.component-item .bottom .count[data-v-91759e72]{align-items:center;display:flex;flex:1 1 0%;flex-direction:row;height:100%;justify-content:flex-end}.component-item .top-operation[data-v-91759e72]{position:absolute;right:.5rem;top:.5rem;z-index:10}.component-item .top-operation.btn-wrapper[data-v-91759e72]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.component-item .top-operation.btn-wrapper[data-v-91759e72]{visibility:hidden}.component-item .top-operation.btn-wrapper .btn[data-v-91759e72]{color:var(--el-color-primary);cursor:pointer}.component-item .top-operation.btn-wrapper .btn[data-v-91759e72]:hover{color:var(--el-color-primary-light-3)}.component .content[data-v-7fb7ad23]{overflow:hidden}.component .content[data-v-7fb7ad23],.component .content .top-search[data-v-7fb7ad23]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.component .content .top-search[data-v-7fb7ad23]{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgba(231,229,228,var(--tw-border-opacity));display:flex;flex-direction:column;padding:.75rem 1.25rem;-webkit-row-gap:.5rem;-moz-row-gap:.5rem;grid-row-gap:.5rem;row-gap:.5rem}@media (max-width:768px){.component .content .top-search[data-v-7fb7ad23]{flex-wrap:wrap;padding-left:.75rem;padding-right:.75rem}}.component .content .list-wrapper[data-v-7fb7ad23]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));display:grid;width:100%;grid-gap:.75rem;gap:.75rem}@media (min-width:640px){.component .content .list-wrapper[data-v-7fb7ad23]{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:768px){.component .content .list-wrapper[data-v-7fb7ad23]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.component .content .list-wrapper[data-v-7fb7ad23]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.component .content .list-wrapper[data-v-7fb7ad23]{padding:.75rem}}@media (max-width:640px){.component .content .list-wrapper[data-v-7fb7ad23]{grid-template-columns:repeat(1,minmax(0,1fr))}}.component .content .tag-wrapper[data-v-7fb7ad23]{display:flex;flex-wrap:nowrap;margin-top:1rem;overflow-x:auto;overflow-y:hidden;width:100%}@media (min-width:768px){.component .content .tag-wrapper[data-v-7fb7ad23]{padding-left:1.25rem;padding-right:1.25rem}}@media (max-width:768px){.component .content .tag-wrapper[data-v-7fb7ad23]{margin-bottom:.5rem}}.component .content .tag-wrapper .tag[data-v-7fb7ad23]{border-radius:4px;color:#909399;cursor:pointer;display:inline-block;font-size:14px;height:100%;line-height:32px;padding:0 12px;text-align:center;white-space:nowrap}.component .content .tag-wrapper .tag.active[data-v-7fb7ad23]{background-color:#d9ecff;color:var(--el-color-primary)}