.circle-selector[data-v-eb8012b4]{padding:12px 0}.circle-selector .circle-selector-wrapper[data-v-eb8012b4]{display:inline-block;width:100%}.circle-selector .circle-selector-wrapper .circle-selector-header[data-v-eb8012b4]{display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:14px;color:#f0f0f0;line-height:20px}.circle-selector .circle-selector-wrapper .circle-selector-more[data-v-eb8012b4]{display:flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;font-weight:500;font-size:12px;line-height:24px;color:#a1a1a1;cursor:pointer}.circle-selector .circle-selector-wrapper .circle-selector-more .el-icon-arrow-right[data-v-eb8012b4]{font-size:16px;line-height:16px}.circle-selector .circle-selector-wrapper .circle-selector-join[data-v-eb8012b4]{display:flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;font-weight:500;font-size:14px;color:#ca75fe;cursor:pointer}.circle-selector .circle-selector-wrapper .quick-bar[data-v-eb8012b4]{position:relative;padding-top:12px}.circle-selector .circle-selector-wrapper .quick-bar .quick-items-wrap[data-v-eb8012b4]{display:flex;gap:8px;overflow:hidden}.circle-selector .circle-selector-wrapper .quick-bar .quick-item[data-v-eb8012b4]{flex-shrink:0;width:264px;display:flex;align-items:center;gap:10px;padding:8px;box-sizing:border-box;border-radius:12px;border:1px solid #2e2e2e;background-color:#202020;cursor:pointer;transition:border-color .2s,background-color .2s;overflow:hidden}.circle-selector .circle-selector-wrapper .quick-bar .quick-item[data-v-eb8012b4]:hover{border-color:#4e4e4e}.circle-selector .circle-selector-wrapper .quick-bar .quick-item.is-selected[data-v-eb8012b4]{border-color:#a55bd3;background:linear-gradient(90deg,#4f0f7733,#24242433),#292b2d}.circle-selector .circle-selector-wrapper .quick-bar .quick-item.is-disabled[data-v-eb8012b4]{cursor:not-allowed}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-cover[data-v-eb8012b4]{width:48px;height:48px;min-width:48px;border-radius:6px;background-color:#3a3a3a;background-size:cover;background-position:50%;background-repeat:no-repeat}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-text[data-v-eb8012b4]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-text .item-title[data-v-eb8012b4]{font-weight:500;font-size:12px;color:#f0f0f0;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-text .item-desc[data-v-eb8012b4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:12px;line-height:16px;color:#9e9e9e}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-text .item-desc-line[data-v-eb8012b4]{line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.circle-selector .circle-selector-wrapper .quick-bar .quick-item .item-text .item-desc-line .count-text[data-v-eb8012b4]{font-weight:400;font-size:12px;color:#a1a1a1;line-height:22px}.circle-selector .circle-selector-wrapper .quick-bar .more-btn-wrapper[data-v-eb8012b4]{position:absolute;right:0;top:0;width:40px;height:100%;background-image:linear-gradient(90deg,#24242400,#242424);display:flex;align-items:center;justify-content:flex-end}.circle-selector .circle-selector-wrapper .quick-bar .more-btn-wrapper .more-btn[data-v-eb8012b4]{width:32px;height:32px;background-color:#393939;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.circle-selector .circle-selector-wrapper .quick-bar .more-btn-wrapper .more-btn .icon[data-v-eb8012b4]{font-weight:700;font-size:16px;line-height:16px;color:#9a9a9a}.circle-selector.is-card-mode[data-v-eb8012b4]{width:100%}.circle-selector.is-card-mode .circle-selector-wrapper[data-v-eb8012b4]{display:block}.circle-selector.is-card-mode .quick-items-wrap[data-v-eb8012b4]{--circle-card-gap:8px;--circle-card-width:calc(25% - var(--circle-card-gap)*3/4);gap:8px;overflow:hidden}.circle-selector.is-card-mode .quick-item[data-v-eb8012b4]{flex:0 0 var(--circle-card-width)!important;width:var(--circle-card-width)!important;min-width:0;height:232px;display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px!important;padding:8px!important;border:none!important;border-radius:12px!important;background:#ffffff0f!important}.circle-selector.is-card-mode .quick-item.is-selected[data-v-eb8012b4]{border:1px solid #a55bd3!important;background:linear-gradient(90deg,#4f0f7733,#24242433),#292b2d!important}.circle-selector.is-card-mode .card-media[data-v-eb8012b4]{position:relative;width:100%;height:160px;margin-bottom:-34px;flex-shrink:0}.circle-selector.is-card-mode .card-cover[data-v-eb8012b4]{width:100%;height:120px;border-radius:8px}.circle-selector.is-card-mode .card-avatar[data-v-eb8012b4],.circle-selector.is-card-mode .card-cover[data-v-eb8012b4]{background-color:#333;background-size:cover;background-position:50%;background-repeat:no-repeat}.circle-selector.is-card-mode .card-avatar[data-v-eb8012b4]{position:absolute;left:12px;bottom:25px;width:48px;height:48px;border:3px solid #242424;border-radius:12px;box-sizing:border-box}.circle-selector.is-card-mode .item-text[data-v-eb8012b4]{gap:4px!important}.circle-selector.is-card-mode .item-title[data-v-eb8012b4]{font-weight:700!important;font-size:16px!important;line-height:26px!important;color:#fff!important}.circle-selector.is-card-mode .item-desc-line[data-v-eb8012b4]{height:20px;padding:4px 0;line-height:16px!important}.contribution-publish-circle-selector-popover{border:none!important;width:360px!important;max-height:400px!important;background-color:#2e2e2e!important;box-shadow:0 0 10px #00000040!important;border-radius:8px!important;box-sizing:border-box!important;padding:6px!important;display:flex;flex-direction:column;gap:8px}.contribution-publish-circle-selector-popover .popover-title{font-weight:500;font-size:14px;color:#fff;line-height:24px;box-sizing:border-box;padding:0 6px}.contribution-publish-circle-selector-popover .circle-list-container{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.contribution-publish-circle-selector-popover .circle-list-container .circle-items{display:flex;flex-direction:column}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item{width:100%;height:60px;overflow:hidden;background-color:transparent;border-radius:8px;box-sizing:border-box;padding:6px;transition:background-color .2s;display:flex;align-items:center;gap:8px;cursor:pointer}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item.selected,.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item:hover{background-color:#242424}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .item-cover{width:48px;height:48px;min-width:48px;border-radius:6px;background-color:#3a3a3a;background-size:cover;background-position:50%;background-repeat:no-repeat}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .text-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .text-wrapper .item-title{font-weight:600;font-size:14px;color:#f0f0f0;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .text-wrapper .item-desc-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .text-wrapper .item-desc-line .count-text{font-weight:400;font-size:12px;color:#a1a1a1;line-height:22px}.contribution-publish-circle-selector-popover .circle-list-container .circle-items .circle-item .item-state{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center}.contribution-publish-circle-selector-popover ::-webkit-scrollbar{width:4px}.contribution-publish-circle-selector-popover ::-webkit-scrollbar-thumb{background-color:#434343;border-radius:8px}.contribution-publish-circle-selector-popover ::-webkit-scrollbar-track{background-color:#2e2e2e;border-radius:8px}