.group-avatar[data-v-4d68fee5]{flex-shrink:0;line-height:0;position:relative}.group-avatar[data-v-4d68fee5] .el-avatar{border-radius:5px}.group-avatar .avatar-grid[data-v-4d68fee5]{background-color:var(--split-line-color);border-radius:2px;display:flex;flex-wrap:wrap;gap:1px;height:100%;width:100%}.group-avatar .avatar-grid[data-v-4d68fee5] .el-avatar{border-radius:2px}.group-avatar .unread[data-v-4d68fee5]{background-color:var(--primary-color);border:1px solid var(--color-white);border-radius:8px;box-sizing:border-box;color:var(--color-white);font-size:9px;font-weight:400;height:14px;line-height:12px;min-width:14px;padding:0 3px;position:absolute;right:-5px;text-align:center;top:-5px}.group-avatar .unread.is-dot[data-v-4d68fee5]{background-color:var(--primary-color);border-radius:50%;height:8px;min-width:8px;padding:0;right:-2px;top:-2px;width:8px}.group-join-dialog .el-dialog__header{border-bottom:1px solid var(--split-line-color);margin-right:0;padding:14px 16px}.group-join-dialog .el-dialog__header .el-dialog__title{color:var(--text-color-primary);font-size:15px;font-weight:600}.group-join-dialog .el-dialog__header .el-dialog__headerbtn{height:48px;width:48px}.group-join-dialog .el-dialog__body{padding:16px}.group-join-dialog .el-dialog__footer{border-top:1px solid var(--split-line-color);padding:10px 16px}.join-group-head[data-v-140a3696]{display:flex;gap:12px}.join-group-head .head-meta[data-v-140a3696]{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.join-group-head .head-meta .head-name[data-v-140a3696]{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.join-group-head .head-meta .head-name .name-text[data-v-140a3696]{color:var(--text-color-primary);font-size:15px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-group-head .head-meta .head-name .mode-tag.is-review[data-v-140a3696]{align-items:center;background-color:var(--warning-color-3);border-radius:4px;color:#8a6d1a;display:inline-flex;font-size:12px;height:18px;line-height:1;padding:0 6px}.join-group-head .head-meta .head-name .mode-tag.is-free[data-v-140a3696]{background-color:var(--success-color-3);color:var(--success-color)}.join-group-head .head-meta .head-name .cate-tag[data-v-140a3696],.join-group-head .head-meta .head-name .mode-tag.is-free[data-v-140a3696]{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;height:18px;line-height:1;padding:0 6px}.join-group-head .head-meta .head-name .cate-tag[data-v-140a3696]{background-color:var(--fill-dark);color:var(--text-color-info)}.join-group-head .head-meta .head-desc[data-v-140a3696]{color:var(--text-color-info);font-size:var(--font-size-intro);line-height:1.6}.join-notice[data-v-140a3696]{border-radius:8px;display:flex;gap:8px;margin-top:14px;padding:10px 12px}.join-notice .iconfont[data-v-140a3696]{font-size:14px;line-height:20px}.join-notice .notice-body[data-v-140a3696]{flex:1;min-width:0}.join-notice .notice-body .notice-title[data-v-140a3696]{font-size:var(--font-size-small);font-weight:600;line-height:20px}.join-notice .notice-body .notice-text[data-v-140a3696]{font-size:var(--font-size-intro);line-height:1.7;margin-top:2px}.join-notice.is-review[data-v-140a3696]{background-color:var(--warning-color-3);border:1px solid var(--warning-color-2);color:#8a6d1a}.join-notice.is-free[data-v-140a3696]{background-color:var(--success-color-3);border:1px solid var(--success-color-2);color:var(--success-color)}.join-stats[data-v-140a3696]{background-color:var(--fill-light);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px 14px}.join-stats .stat-item[data-v-140a3696]{display:flex;gap:24px}.join-stats .stat-item .stat-label[data-v-140a3696]{color:var(--text-color-info);flex:none;font-size:var(--font-size-small);width:56px}.join-stats .stat-item .stat-value[data-v-140a3696]{color:var(--text-color-primary);font-size:var(--font-size-small);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-rules[data-v-140a3696]{border:1px solid var(--split-line-color);border-radius:8px;margin-top:14px;padding:10px 12px}.join-rules .rules-title[data-v-140a3696]{align-items:center;color:var(--text-color-primary);display:flex;font-size:var(--font-size-small);font-weight:600;gap:4px;margin-bottom:4px}.join-rules .rules-title .iconfont[data-v-140a3696]{color:var(--text-color-info);font-size:13px;font-weight:400}.join-rules .rules-text[data-v-140a3696]{color:var(--text-color-info);font-size:var(--font-size-intro);line-height:1.7}.join-agree[data-v-140a3696]{align-items:flex-start;height:auto;margin-top:12px}.join-agree[data-v-140a3696] .el-checkbox__input{margin-top:2px}.join-agree[data-v-140a3696] .el-checkbox__label{color:var(--text-color-base);font-size:var(--font-size-intro);line-height:1.6;white-space:normal}.group-join-btn[data-v-f852642a]{border-radius:6px;height:30px;min-width:76px;padding:0 14px}.group-join-btn.is-block[data-v-f852642a]{font-size:12px;height:28px;margin:0;padding:0 8px;width:100%}.group-join-btn.is-block.el-button--info.is-plain[data-v-f852642a],.group-join-btn.is-block.el-button--primary.is-plain[data-v-f852642a]{background-color:var(--color-white);border-color:var(--primary-color-alpha-10)}.group-join-btn.is-block.el-button--info.is-plain[data-v-f852642a]{background-image:linear-gradient(var(--primary-color-alpha-5),var(--primary-color-alpha-5));color:var(--primary-color)}.group-join-btn.is-block .iconfont.icon-add[data-v-f852642a]{font-size:10px;margin-right:4px}.group-join-btn.is-block .iconfont.icon-long-right-arrow[data-v-f852642a]{font-size:8px;margin-left:4px}.group-card[data-v-147d5368]{align-items:center;background-color:var(--color-white);border-radius:var(--border-radius-base);box-sizing:border-box;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px}.group-card[data-v-147d5368]:hover{background-color:var(--fill-light)}.group-card .card-head[data-v-147d5368]{align-items:center;box-sizing:border-box;display:flex;flex:1;gap:12px;height:44px;min-width:0}.group-card .card-meta[data-v-147d5368]{display:flex;flex:1;flex-direction:column;gap:4px;justify-content:space-between;min-width:0}.group-card .card-meta .card-name[data-v-147d5368]{align-items:center;color:var(--text-color-primary);display:flex;font-size:14px;gap:6px;min-width:0}.group-card .card-meta .card-name .name-text[data-v-147d5368]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card .card-meta .card-name .card-badge[data-v-147d5368]{align-items:center;background-color:var(--primary-color-3);border-radius:4px;color:var(--primary-color);display:inline-flex;font-size:12px;height:18px;line-height:1;padding:0 6px}.group-card .card-meta .card-name .card-tag[data-v-147d5368]{border-radius:4px;flex-shrink:0;font-size:12px;height:20px;line-height:18px;padding:0 8px}.group-card .card-meta .card-sub[data-v-147d5368]{align-items:center;color:var(--text-color-info);display:flex;font-size:var(--font-size-intro);gap:8px}.group-card .card-desc[data-v-147d5368]{color:var(--text-color-base);font-size:var(--font-size-intro);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card .card-tags[data-v-147d5368]{display:flex;flex:1 1 36px;flex-wrap:wrap;gap:4px;height:18px;max-width:140px;min-width:0;overflow:hidden;padding-left:9px;position:relative}.group-card .card-tags[data-v-147d5368]:before{background-color:var(--border-line-color);content:"";height:10px;left:0;position:absolute;top:4px;width:1px}.group-card .card-tags .card-tag-chip[data-v-147d5368]{align-items:center;background-color:var(--primary-color-alpha-5);border-radius:4px;box-sizing:border-box;color:var(--primary-color);display:inline-flex;display:block;flex-shrink:0;font-size:var(--font-size-intro);height:24px;height:18px;line-height:20px;line-height:18px;max-width:100%;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}.group-card .card-tags .card-tag-chip.tag-color-2[data-v-147d5368]{background-color:#1476ff0d;color:var(--info-color-active)}.group-card .card-tags .card-tag-chip.tag-color-3[data-v-147d5368]{background-color:#6a4eec0d;color:#6a4eec}.group-card .card-tags .card-tag-chip.tag-color-4[data-v-147d5368]{background-color:#00875a0d;color:var(--success-color)}.group-card.is-block[data-v-147d5368],.group-card.is-compact[data-v-147d5368]{align-items:stretch;border:1px solid var(--split-line-color);flex-direction:column;gap:8px;overflow:clip;position:relative}.group-card.is-block[data-v-147d5368]:hover,.group-card.is-compact[data-v-147d5368]:hover{background-color:var(--color-white)}.group-card.is-block .card-head[data-v-147d5368],.group-card.is-compact .card-head[data-v-147d5368]{flex:none;gap:10px;height:40px}.group-card.is-block .card-meta[data-v-147d5368],.group-card.is-compact .card-meta[data-v-147d5368]{gap:2px}.group-card.is-block .card-meta .card-name[data-v-147d5368],.group-card.is-compact .card-meta .card-name[data-v-147d5368]{line-height:20px;padding-right:51px}.group-card.is-block .card-meta .card-name .name-text[data-v-147d5368],.group-card.is-compact .card-meta .card-name .name-text[data-v-147d5368]{max-width:none}.group-card.is-block .card-sub[data-v-147d5368],.group-card.is-compact .card-sub[data-v-147d5368]{flex-wrap:wrap;height:18px;line-height:18px;overflow:hidden}.group-card.is-block .card-sub .card-count[data-v-147d5368],.group-card.is-compact .card-sub .card-count[data-v-147d5368]{align-items:center;display:flex;gap:4px}.group-card.is-block .card-sub .iconfont[data-v-147d5368],.group-card.is-compact .card-sub .iconfont[data-v-147d5368]{font-size:9px;text-align:center;width:12px}.group-card.is-block .card-desc[data-v-147d5368],.group-card.is-compact .card-desc[data-v-147d5368]{line-height:20px}.group-card.is-block .card-join-flag[data-v-147d5368],.group-card.is-compact .card-join-flag[data-v-147d5368]{align-items:center;background-color:var(--fill-common);border-bottom-left-radius:var(--border-radius-base);color:var(--text-color-info);display:flex;font-size:10px;gap:3px;height:20px;padding:0 7px 0 8px;position:absolute;right:0;top:0}.group-card.is-block .card-join-flag[data-v-147d5368]:before,.group-card.is-compact .card-join-flag[data-v-147d5368]:before{background-color:var(--text-color-disabled);border-radius:50%;content:"";height:4px;width:4px}.group-card.is-block .card-join-flag.is-joined[data-v-147d5368],.group-card.is-compact .card-join-flag.is-joined[data-v-147d5368]{background-color:var(--primary-color);color:var(--color-white)}.group-card.is-block .card-join-flag.is-joined[data-v-147d5368]:before,.group-card.is-compact .card-join-flag.is-joined[data-v-147d5368]:before{content:none}.group-card.is-block .card-join-flag .icon-tick[data-v-147d5368],.group-card.is-compact .card-join-flag .icon-tick[data-v-147d5368]{font-size:7px}.group-card.is-block[data-v-147d5368]{isolation:isolate}.group-card.is-block[data-v-147d5368] .group-join-btn{bottom:6px;left:12px;opacity:0;pointer-events:none;position:absolute;right:12px;transition:opacity .2s;width:auto}.group-card.is-block[data-v-147d5368]:before{background:linear-gradient(to bottom,var(--color-white),transparent),linear-gradient(to right,var(--background-color),var(--primary-color-3));bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s;z-index:-1}.group-card.is-block[data-v-147d5368]:hover:before{opacity:1}.group-card.is-block[data-v-147d5368]:has(:focus-visible):before{opacity:1}.group-card.is-block[data-v-147d5368] .group-join-btn:focus-visible,.group-card.is-block[data-v-147d5368]:hover .group-join-btn{opacity:1;pointer-events:auto}@media (hover:none){.group-card.is-block[data-v-147d5368]:before{display:none}.group-card.is-block[data-v-147d5368] .group-join-btn{opacity:1;pointer-events:auto}}.group-card.is-compact[data-v-147d5368]{transition:border-color .3s}.group-card.is-compact[data-v-147d5368]:focus-visible,.group-card.is-compact[data-v-147d5368]:hover{border-color:var(--primary-color-1)}.emoji-btn[data-v-6da8c626]{color:var(--icon-color-default);cursor:pointer;margin-top:2px}.emoji-btn.is-active[data-v-6da8c626]{color:var(--icon-color-active)}.emoji-btn .iconfont[data-v-6da8c626]{font-size:22px}.emoji-grid[data-v-6da8c626]{display:grid;gap:2px;grid-template-columns:repeat(11,1fr);max-height:200px;min-height:80px;overflow-y:auto}.emoji-grid .emoji-item[data-v-6da8c626]{cursor:pointer;height:30px;width:30px}.emoji-grid .emoji-item .emoji[data-v-6da8c626]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@use "~/assets/style/elCustome.less" as element;@use "~/assets/style/theme.less" as *;.emoji-btn .iconfont[data-v-cb5f09ef]{font-size:20px}.emoji-grid[data-v-cb5f09ef]{display:grid;grid-template-columns:repeat(11,1fr);max-height:280px;min-height:80px;overflow-y:auto;padding:15px 0}.emoji-grid .emoji-item[data-v-cb5f09ef]{cursor:pointer;height:30px;width:30px}.emoji-grid .emoji-item .emoji[data-v-cb5f09ef]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}