.circle-card[data-v-5425c053]{align-items:flex-start;background:var(--bg-color-third);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:14px;position:relative;transition:all .25s ease}.circle-card[data-v-5425c053]:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.12);transform:translateY(-2px)}.circle-card.is-selectable.is-checked[data-v-5425c053]{border-color:var(--primary-color);border-width:2px;padding:13px}.circle-card.is-selectable.is-checked .checked-icon[data-v-5425c053]{border-bottom:40px solid var(--primary-color);border-left:37px solid transparent;bottom:0;height:0;position:absolute;right:0;width:0;z-index:1}.circle-card.is-selectable.is-checked .checked-icon i[data-v-5425c053]{bottom:-36px;color:var(--text-color-white);font-size:12px;left:-20px;position:absolute;z-index:1}.circle-card .circle-avatar[data-v-5425c053]{background:var(--bg-color-second);border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:56px;overflow:hidden;width:56px}.circle-card .circle-avatar img[data-v-5425c053]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.circle-card .circle-avatar .avatar-placeholder[data-v-5425c053]{height:100%;width:100%}.circle-card .circle-avatar .avatar-placeholder i[data-v-5425c053]{color:var(--text-color-third);font-size:24px}.circle-card .circle-info[data-v-5425c053]{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.circle-card .circle-info .circle-header[data-v-5425c053]{align-items:center;display:flex;gap:8px}.circle-card .circle-info .circle-header .circle-name[data-v-5425c053]{color:var(--text-color-first);font-size:15px;font-weight:600;line-height:1.4;transition:color .2s;width:100%}.circle-card .circle-info .circle-header .circle-name[data-v-5425c053] em{color:var(--primary-color)}.circle-card .circle-info .circle-header .official-badge[data-v-5425c053]{background:rgba(var(--primary-rgb),.1);border-radius:4px;color:var(--primary-color);flex-shrink:0;font-size:11px;font-weight:500;line-height:1.4;padding:2px 8px}.circle-card .circle-info .circle-desc[data-v-5425c053]{color:var(--text-color-second);font-size:13px;line-height:1.5;margin:0}.circle-card .circle-info .circle-meta[data-v-5425c053]{align-items:center;display:flex;gap:4px;margin-top:2px}.circle-card .circle-info .circle-meta .meta-item[data-v-5425c053]{color:var(--text-color-third);flex-shrink:0;font-size:12px}.circle-card .circle-info .circle-meta .meta-dot[data-v-5425c053]{color:var(--text-color-third);font-size:12px}.circle-card .circle-action[data-v-5425c053]{align-items:center;display:flex;flex-shrink:0}.circle-card .circle-action .join-btn[data-v-5425c053]{align-items:center;background:var(--primary-color);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:6px 16px;transition:all .2s}.circle-card .circle-action .join-btn[data-v-5425c053]:hover:not(:disabled){background:var(--hover-color);transform:scale(1.02)}.circle-card .circle-action .join-btn[data-v-5425c053]:disabled{cursor:not-allowed;opacity:.6}.circle-card .circle-action .join-btn.is-joined[data-v-5425c053]{background:var(--bg-color-second);border:1px solid var(--border-color);color:var(--text-color-second)}.circle-card .circle-action .join-btn.is-joined[data-v-5425c053]:hover:not(:disabled){background:var(--bg-color-second);border-color:var(--primary-color);color:var(--primary-color)}.circle-card .circle-action .join-btn i[data-v-5425c053]{font-size:12px;margin-right:2px;margin-top:1px}@media(max-width:768px){.circle-card[data-v-5425c053]{gap:10px;padding:12px}.circle-card .circle-avatar[data-v-5425c053]{height:48px;width:48px}.circle-card .circle-info .circle-header .circle-name[data-v-5425c053]{font-size:14px}.circle-card .circle-info .circle-desc[data-v-5425c053]{font-size:12px}.circle-card .circle-action .join-btn[data-v-5425c053]{font-size:12px;padding:5px 12px}}