.top-bar[data-v-d3cda3e0]{-webkit-app-region:drag;app-region:drag;z-index:10000;flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex;position:relative}.top-bar__left[data-v-d3cda3e0],.top-bar__right[data-v-d3cda3e0]{-webkit-app-region:no-drag;app-region:no-drag;align-items:center;gap:8px;display:flex}.modal-overlay[data-v-e36593e6]{z-index:20000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-e36593e6]{background:var(--color-bg-container);border-radius:var(--border-radius-lg);width:100%;box-shadow:var(--shadow-xl);flex-direction:column;max-height:80vh;display:flex}.modal__header[data-v-e36593e6]{padding:var(--spacing-md) var(--spacing-lg) 0;justify-content:space-between;align-items:center;display:flex}.modal__title[data-v-e36593e6]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal__close[data-v-e36593e6]{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.modal__close[data-v-e36593e6]:hover{color:var(--color-text-primary)}.modal__body[data-v-e36593e6]{padding:var(--spacing-md) var(--spacing-lg);overflow-y:auto}.modal__footer[data-v-e36593e6]{justify-content:flex-end;gap:var(--spacing-xs);padding:0 var(--spacing-lg) var(--spacing-md);display:flex}.modal-enter-active[data-v-e36593e6]{transition:opacity .2s}.modal-leave-active[data-v-e36593e6]{transition:opacity .15s}.modal-enter-from[data-v-e36593e6],.modal-leave-to[data-v-e36593e6]{opacity:0}.modal-enter-active .modal[data-v-e36593e6]{animation:.2s modal-in-e36593e6}.modal-leave-active .modal[data-v-e36593e6]{animation:.15s modal-out-e36593e6}@keyframes modal-in-e36593e6{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modal-out-e36593e6{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(-8px)}}.cj-modal__section[data-v-c72cc96b]{flex-direction:column;gap:10px;display:flex}.cj-modal__section-title[data-v-c72cc96b]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.cj-modal__row[data-v-c72cc96b]{gap:var(--spacing-xs);display:flex}.cj-modal__input[data-v-c72cc96b]{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);outline:none;flex:1;padding:10px 12px}.cj-modal__input[data-v-c72cc96b]:focus{border-color:var(--color-primary)}.cj-modal__input[data-v-c72cc96b]::placeholder{color:var(--color-text-placeholder)}.cj-modal__btn[data-v-c72cc96b]{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);background:var(--color-bg-container);cursor:pointer;white-space:nowrap;padding:10px 20px}.cj-modal__btn[data-v-c72cc96b]:hover{background:var(--color-bg-secondary)}.cj-modal__btn--primary[data-v-c72cc96b]{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.cj-modal__btn--primary[data-v-c72cc96b]:hover{background:var(--color-primary-hover)}.cj-modal__btn--primary[data-v-c72cc96b]:disabled{opacity:.5;cursor:not-allowed}.cj-modal__divider[data-v-c72cc96b]{background:var(--color-border-secondary);height:1px;margin:var(--spacing-md) 0}.cj-modal__error[data-v-c72cc96b]{font-size:var(--font-size-sm);color:var(--color-error);margin:4px 0 0}.side-menu[data-v-2d9f2f45]{flex-direction:column;flex-shrink:0;align-items:center;width:74px;height:100%;display:flex;position:relative}.side-menu__logo[data-v-2d9f2f45]{margin:16px 0 24px;line-height:0}.side-menu__logo-img[data-v-2d9f2f45]{object-fit:contain;border-radius:0;width:24px;height:24px}.side-menu__indicator[data-v-2d9f2f45]{pointer-events:none;z-index:1;background:#3570fd;border-radius:0 2px 2px 0;width:4px;height:30px;transition:top .45s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.side-menu__indicator--leave[data-v-2d9f2f45]{animation:.5s ease-in forwards wave-leave-2d9f2f45}.side-menu__indicator--wave[data-v-2d9f2f45]{animation:.5s ease-out wave-enter-2d9f2f45}@keyframes wave-leave-2d9f2f45{0%{opacity:1;filter:brightness();transform:scaleY(1)}30%{opacity:.8;filter:brightness(1.4);transform:scaleY(1.8)}to{opacity:0;filter:brightness();transform:scaleY(.1)translate(-8px)}}@keyframes wave-enter-2d9f2f45{0%{opacity:0;filter:brightness(.6);transform:scaleY(.1)}40%{opacity:.9;filter:brightness(1.3);transform:scaleY(1.6)}70%{opacity:1;filter:brightness();transform:scaleY(.9)}to{opacity:1;filter:brightness();transform:scaleY(1)}}.side-menu__top[data-v-2d9f2f45]{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:100%;display:flex}.side-menu__channels[data-v-2d9f2f45]{flex-direction:column;flex:1;align-items:center;gap:8px;width:100%;min-height:0;margin:20px 0 12px;display:flex;overflow-y:auto}.side-menu__channels[data-v-2d9f2f45]::-webkit-scrollbar{width:0}.side-menu__bottom[data-v-2d9f2f45]{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:auto;margin-bottom:16px;display:flex}.side-menu__item[data-v-2d9f2f45]{cursor:pointer;width:42px;height:42px;transition:background var(--transition-duration,.2s), transform var(--transition-duration,.2s);-webkit-user-select:none;user-select:none;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;display:flex}.side-menu__item[data-v-2d9f2f45]:hover:not(.side-menu__item--active){background:#3570fdcc}.side-menu__item:hover:not(.side-menu__item--active) .side-menu__icon[data-v-2d9f2f45]{color:#fff}.side-menu__item--active[data-v-2d9f2f45]{background:#3570fd}.side-menu__item--active .side-menu__icon[data-v-2d9f2f45]{color:#fff}.side-menu__icon[data-v-2d9f2f45]{color:var(--color-menu-text,#8084b1);transition:color var(--transition-duration,.2s)}.side-menu__icon--top[data-v-2d9f2f45]{font-size:24px}.side-menu__icon--bottom[data-v-2d9f2f45]{font-size:18px}.side-menu__avatar[data-v-2d9f2f45]{object-fit:cover;border-radius:12px;width:100%;height:100%}.user-status-bar[data-v-acb8737b]{align-items:center;gap:var(--spacing-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;width:100%;padding:10px 20px;display:flex;box-shadow:0 4px 16px #0000001f}.user-status-bar__user[data-v-acb8737b]{align-items:center;gap:var(--spacing-xs);flex:1;min-width:0;display:flex}.user-status-bar__avatar-wrap[data-v-acb8737b]{flex-shrink:0;position:relative}.user-status-bar__avatar[data-v-acb8737b]{border-radius:var(--border-radius-round);object-fit:cover;width:32px;height:32px}.user-status-bar__avatar-placeholder[data-v-acb8737b]{border-radius:var(--border-radius-round);background:var(--color-primary);width:32px;height:32px;color:var(--color-text-inverse);justify-content:center;align-items:center;font-size:14px;display:flex}.user-status-bar__status[data-v-acb8737b]{border-radius:var(--border-radius-round);border:2px solid var(--color-bg-container);background:#23a55a;width:10px;height:10px;position:absolute;bottom:0;right:0}.user-status-bar__info[data-v-acb8737b]{min-width:0}.user-status-bar__nickname[data-v-acb8737b]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.user-status-bar__uid[data-v-acb8737b]{color:var(--color-text-tertiary);font-size:10px;line-height:1.2}.user-status-bar__actions[data-v-acb8737b]{flex-shrink:0;gap:10px;display:flex}.user-status-bar__action[data-v-acb8737b]{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-duration), background var(--transition-duration), border-color var(--transition-duration);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.user-status-bar__action[data-v-acb8737b]:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary);background:var(--color-bg-secondary)}.user-status-bar__action--off[data-v-acb8737b]{color:var(--color-error);border-color:var(--color-error)}.user-status-bar__action--off[data-v-acb8737b]:hover{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-bg,#fff1f0)}.user-status-bar__menu[data-v-acb8737b]{z-index:var(--z-index-dropdown);background:var(--color-bg-container);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);width:240px;box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;padding:8px;position:fixed}.user-status-bar__menu-header[data-v-acb8737b]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);align-items:center;gap:8px;padding:8px 12px;display:flex}.user-status-bar__menu-mic[data-v-acb8737b]{color:var(--icon-secondary);font-size:16px}.user-status-bar__menu-divider[data-v-acb8737b]{background:var(--color-border-secondary);height:1px;margin:4px 0}.user-status-bar__menu-row[data-v-acb8737b]{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-duration);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.user-status-bar__menu-row[data-v-acb8737b]:hover{background:var(--color-bg-secondary)}.user-status-bar__menu-row-right[data-v-acb8737b]{border-radius:var(--border-radius-sm);width:24px;height:24px;transition:background var(--transition-duration);justify-content:center;align-items:center;display:flex}.user-status-bar__menu-row:hover .user-status-bar__menu-row-right[data-v-acb8737b]{background:var(--color-bg-container)}.user-status-bar__menu-arrow[data-v-acb8737b]{color:var(--icon-secondary);font-size:10px}.user-status-bar__volume-section[data-v-acb8737b]{padding:4px 12px 8px}.user-status-bar__volume-header[data-v-acb8737b]{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.user-status-bar__volume-label[data-v-acb8737b]{font-size:var(--font-size-sm);color:var(--color-text-primary)}.user-status-bar__volume-value[data-v-acb8737b]{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.user-status-bar__volume-slider[data-v-acb8737b]{appearance:none;cursor:pointer;background:#e5e5e5;border-radius:2px;outline:none;width:100%;height:4px}.user-status-bar__volume-slider[data-v-acb8737b]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;width:14px;height:14px;transition:transform var(--transition-duration);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #00000026}.user-status-bar__volume-slider[data-v-acb8737b]::-webkit-slider-thumb:hover{transform:scale(1.15)}.user-status-bar__menu-btn[data-v-acb8737b]{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-duration);align-items:center;gap:8px;padding:8px 12px;display:flex}.user-status-bar__menu-btn[data-v-acb8737b]:hover{background:var(--color-bg-secondary)}.menu-enter-active[data-v-acb8737b]{transition:opacity .15s,transform .15s}.menu-leave-active[data-v-acb8737b]{transition:opacity .1s,transform .1s}.menu-enter-from[data-v-acb8737b],.menu-leave-to[data-v-acb8737b]{opacity:0;transform:scale(.95)translateY(-4px)}.channel-banner[data-v-e2cdc3d7]{box-sizing:border-box;border-radius:12px;flex-shrink:0;width:100%;position:relative}.channel-banner__layout[data-v-e2cdc3d7]{align-items:center;gap:12px;display:flex}.channel-banner__avatar[data-v-e2cdc3d7]{object-fit:cover;border-radius:12px;flex-shrink:0;width:56px;height:56px}.channel-banner__avatar-placeholder[data-v-e2cdc3d7]{background:var(--color-primary);width:56px;height:56px;color:var(--color-text-inverse);font-size:20px;font-weight:var(--font-weight-semibold);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.channel-banner__info[data-v-e2cdc3d7]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.channel-banner__meta[data-v-e2cdc3d7]{align-items:center;gap:4px;display:flex}.channel-banner__sep[data-v-e2cdc3d7]{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.channel-banner__name[data-v-e2cdc3d7]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-shadow:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-banner__id[data-v-e2cdc3d7],.channel-banner__members[data-v-e2cdc3d7]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-shadow:none}.channel-banner__arrow[data-v-e2cdc3d7]{width:24px;height:24px;color:var(--icon-secondary);cursor:pointer;transition:background var(--transition-duration);border-radius:5px;justify-content:center;align-items:center;margin-left:auto;font-size:12px;display:inline-flex}.channel-banner__arrow[data-v-e2cdc3d7]:hover{background:#fff}.channel-banner__menu[data-v-e2cdc3d7]{z-index:var(--z-index-dropdown);background:var(--color-bg-container);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);min-width:200px;box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;padding:4px 0;position:fixed}.channel-banner__menu-item[data-v-e2cdc3d7]{font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-duration);padding:8px 16px}.channel-banner__menu-item[data-v-e2cdc3d7]:hover{background:var(--color-bg-secondary)}.channel-banner__menu-item--danger[data-v-e2cdc3d7]{color:var(--color-error)}.channel-banner__menu-item--danger[data-v-e2cdc3d7]:hover{background:var(--color-bg-secondary)}.menu-enter-active[data-v-e2cdc3d7]{transition:opacity .15s,transform .15s}.menu-leave-active[data-v-e2cdc3d7]{transition:opacity .1s,transform .1s}.menu-enter-from[data-v-e2cdc3d7],.menu-leave-to[data-v-e2cdc3d7]{opacity:0;transform:scale(.95)translateY(-4px)}.context-menu[data-v-41404b23]{z-index:var(--z-index-dropdown);background:var(--color-bg-container);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);min-width:160px;box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;padding:4px 0;position:fixed}.context-menu__item[data-v-41404b23]{font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-duration);padding:8px 16px}.context-menu__item[data-v-41404b23]:hover{background:var(--color-bg-secondary)}.context-menu__item--disabled[data-v-41404b23]{color:var(--color-text-placeholder);cursor:not-allowed}.context-menu__item--disabled[data-v-41404b23]:hover{background:0 0}.menu-enter-active[data-v-41404b23]{transition:opacity .15s,transform .15s}.menu-leave-active[data-v-41404b23]{transition:opacity .1s,transform .1s}.menu-enter-from[data-v-41404b23],.menu-leave-to[data-v-41404b23]{opacity:0;transform:scale(.95)translateY(-4px)}.card-enter-active[data-v-d6925650]{transition:opacity .15s,transform .15s}.card-leave-active[data-v-d6925650]{transition:opacity .1s,transform .1s}.card-enter-from[data-v-d6925650],.card-leave-to[data-v-d6925650]{opacity:0;transform:scale(.95)translateY(-4px)}.user-card[data-v-d6925650]{z-index:var(--z-index-tooltip);background:var(--color-bg-container);border-radius:var(--border-radius-lg);width:340px;box-shadow:var(--shadow-xl);-webkit-user-select:none;user-select:none;position:fixed;overflow:hidden}.user-card__banner[data-v-d6925650]{background:var(--color-bg-secondary);width:100%;height:140px;position:relative;overflow:hidden}.user-card__banner-img[data-v-d6925650]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.user-card__avatar-wrap[data-v-d6925650]{border-radius:var(--border-radius-round);border:4px solid var(--color-bg-container);width:72px;height:72px;margin:-36px 0 0 var(--spacing-md);z-index:1;background:var(--color-bg-container);flex-shrink:0;position:relative;overflow:hidden}.user-card__avatar[data-v-d6925650]{border-radius:var(--border-radius-round);object-fit:cover;width:100%;height:100%}.user-card__avatar-placeholder[data-v-d6925650]{border-radius:var(--border-radius-round);background:var(--color-primary);width:100%;height:100%;color:var(--color-text-inverse);justify-content:center;align-items:center;font-size:32px;display:flex}.user-card__body[data-v-d6925650]{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg)}.user-card__nickname[data-v-d6925650]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:4px}.user-card__detail[data-v-d6925650]{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm)}.user-card__bio[data-v-d6925650]{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.user-card__actions[data-v-d6925650]{padding:0 var(--spacing-lg) var(--spacing-lg)}.user-card__btn[data-v-d6925650]{border:1px solid var(--color-border);border-radius:var(--border-radius-md);width:100%;font-size:var(--font-size-base);background:var(--color-bg-container);cursor:pointer;transition:background var(--transition-duration);padding:12px 0}.user-card__btn[data-v-d6925650]:hover{background:var(--color-bg-secondary)}.user-card__btn--primary[data-v-d6925650]{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.user-card__btn--primary[data-v-d6925650]:hover{background:var(--color-primary-hover)}.create-group__input[data-v-0b7a589e]{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:100%;font-size:var(--font-size-base);box-sizing:border-box;outline:none;padding:10px 12px}.create-group__input[data-v-0b7a589e]:focus{border-color:var(--color-primary)}.create-group__input[data-v-0b7a589e]::placeholder{color:var(--color-text-placeholder)}.create-group__btn[data-v-0b7a589e]{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);background:var(--color-bg-container);cursor:pointer;padding:8px 20px}.create-group__btn[data-v-0b7a589e]:hover{background:var(--color-bg-secondary)}.create-group__btn--primary[data-v-0b7a589e]{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.create-group__btn--primary[data-v-0b7a589e]:hover{background:var(--color-primary-hover)}.create-group__btn--primary[data-v-0b7a589e]:disabled{opacity:.5;cursor:not-allowed}.create-room__form[data-v-e2980994]{gap:var(--spacing-sm);flex-direction:column;display:flex}.create-room__input[data-v-e2980994]{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:100%;font-size:var(--font-size-base);box-sizing:border-box;outline:none;padding:10px 12px}.create-room__input[data-v-e2980994]:focus{border-color:var(--color-primary)}.create-room__input[data-v-e2980994]::placeholder{color:var(--color-text-placeholder)}.create-room__select[data-v-e2980994]{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:100%;font-size:var(--font-size-base);background:var(--color-bg-container);box-sizing:border-box;cursor:pointer;outline:none;padding:10px 12px}.create-room__select[data-v-e2980994]:focus{border-color:var(--color-primary)}.create-room__btn[data-v-e2980994]{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);background:var(--color-bg-container);cursor:pointer;padding:8px 20px}.create-room__btn[data-v-e2980994]:hover{background:var(--color-bg-secondary)}.create-room__btn--primary[data-v-e2980994]{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.create-room__btn--primary[data-v-e2980994]:hover{background:var(--color-primary-hover)}.create-room__btn--primary[data-v-e2980994]:disabled{opacity:.5;cursor:not-allowed}.channel-group-list[data-v-12f678bd]{flex:1;overflow-y:auto}.dragging-ghost[data-v-12f678bd]{opacity:.4}.channel-group[data-v-12f678bd]{margin-bottom:var(--spacing-md)}.channel-group__header[data-v-12f678bd]{align-items:center;gap:var(--spacing-xxs);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:4px;padding:4px 0;display:flex}.channel-group__arrow[data-v-12f678bd]{color:var(--icon-secondary);flex-shrink:0;font-size:8px}.channel-group__name[data-v-12f678bd]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;flex:1;min-width:0}.channel-group__add[data-v-12f678bd]{color:var(--icon-secondary);cursor:pointer;opacity:0;transition:opacity var(--transition-duration);flex-shrink:0;font-size:14px}.channel-group__header:hover .channel-group__add[data-v-12f678bd]{opacity:1}.channel-group__add[data-v-12f678bd]:hover{color:var(--icon-primary)}.channel-room[data-v-12f678bd]{flex-wrap:wrap;align-items:center;gap:2px;padding:2px 0;display:flex}.channel-room--voice[data-v-12f678bd]{cursor:pointer}.channel-room--active .channel-room__label[data-v-12f678bd]{background:var(--brand-primary-soft)}.channel-room--active .channel-room__prefix[data-v-12f678bd],.channel-room--active .channel-room__name[data-v-12f678bd]{color:var(--brand-primary)}.channel-room__label[data-v-12f678bd]{border-radius:var(--border-radius-lg);cursor:pointer;transition:background var(--transition-duration);flex:1;align-items:center;gap:6px;min-width:0;padding:4px 8px;display:flex}.channel-room__label[data-v-12f678bd]:hover{background:var(--bg-hover)}.channel-room__prefix[data-v-12f678bd]{font-size:var(--font-size-base);color:var(--icon-secondary);flex-shrink:0}.channel-room__name[data-v-12f678bd]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-room__members[data-v-12f678bd]{flex-direction:column;gap:4px;width:100%;padding:4px 0 0 22px;display:flex}.channel-room__member[data-v-12f678bd]{align-items:center;gap:6px;padding:2px 0;display:flex}.channel-room__avatar[data-v-12f678bd]{border-radius:var(--border-radius-round);object-fit:cover;flex-shrink:0;width:24px;height:24px}.channel-room__avatar-placeholder[data-v-12f678bd]{border-radius:var(--border-radius-round);background:var(--color-primary);width:24px;height:24px;color:var(--color-text-inverse);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.channel-room__nickname[data-v-12f678bd]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-panel[data-v-b74dc0fe]{box-sizing:border-box;border-right:1px solid var(--color-border-secondary);flex-direction:column;flex-shrink:0;gap:20px;width:300px;height:100%;padding:16px;display:flex}.settings-panel[data-v-c169c5a4]{box-sizing:border-box;border-right:1px solid var(--color-border-secondary);flex-direction:column;flex-shrink:0;width:300px;height:100%;padding:20px;display:flex}.settings-panel__menu[data-v-c169c5a4]{flex:1;overflow-y:auto}.settings-panel__group[data-v-c169c5a4]{margin-bottom:var(--spacing-md)}.settings-panel__group-title[data-v-c169c5a4]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding:4px 0}.settings-panel__item[data-v-c169c5a4]{font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;border-radius:var(--border-radius-lg);transition:background var(--transition-duration);padding:6px 8px}.settings-panel__item[data-v-c169c5a4]:hover{background:var(--color-bg-secondary)}.settings-panel__item--active[data-v-c169c5a4]{background:var(--color-primary-bg);color:var(--color-primary);font-weight:var(--font-weight-medium)}.account-settings[data-v-b1ba00cf]{max-width:600px;padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}.account-settings__header[data-v-b1ba00cf]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.account-settings__section[data-v-b1ba00cf]{gap:var(--spacing-xs);flex-direction:column;display:flex}.account-settings__label[data-v-b1ba00cf]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.account-settings__upload[data-v-b1ba00cf]{border-radius:var(--border-radius-round);border:2px dashed var(--color-border);cursor:pointer;width:80px;height:80px;transition:border-color var(--transition-duration);justify-content:center;align-items:center;display:flex;overflow:hidden}.account-settings__upload[data-v-b1ba00cf]:hover{border-color:var(--color-primary)}.account-settings__upload--banner[data-v-b1ba00cf]{border-radius:var(--border-radius-lg);width:100%;height:120px}.account-settings__preview-img[data-v-b1ba00cf],.account-settings__banner-preview[data-v-b1ba00cf]{object-fit:cover;width:100%;height:100%}.account-settings__upload-placeholder[data-v-b1ba00cf]{font-size:var(--font-size-xs);color:var(--color-text-placeholder);text-align:center;padding:0 8px}.account-settings__preview-card[data-v-b1ba00cf]{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);cursor:pointer;transition:border-color var(--transition-duration);flex-direction:column;max-width:200px;display:flex}.account-settings__preview-card[data-v-b1ba00cf]:hover{border-color:var(--color-primary)}.account-settings__preview-avatar[data-v-b1ba00cf]{border-radius:var(--border-radius-round);object-fit:cover;width:48px;height:48px}.account-settings__preview-placeholder[data-v-b1ba00cf]{border-radius:var(--border-radius-round);background:var(--color-primary);width:48px;height:48px;color:var(--color-text-inverse);justify-content:center;align-items:center;font-size:20px;display:flex}.account-settings__preview-name[data-v-b1ba00cf]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.account-settings__preview-id[data-v-b1ba00cf]{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.account-settings__preview-hint[data-v-b1ba00cf]{font-size:var(--font-size-xs);color:var(--color-primary)}.account-settings__submit[data-v-b1ba00cf]{border-radius:var(--border-radius-lg);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-duration);border:none;align-self:flex-start;padding:10px 32px}.account-settings__submit[data-v-b1ba00cf]:hover{background:var(--color-primary-hover)}.account-settings__submit[data-v-b1ba00cf]:disabled{opacity:.5;cursor:not-allowed}.privacy-settings[data-v-b5b2b519]{max-width:600px;padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}.privacy-settings__header[data-v-b5b2b519]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.privacy-settings__section[data-v-b5b2b519]{gap:var(--spacing-xs);flex-direction:column;display:flex}.privacy-settings__label[data-v-b5b2b519]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.privacy-settings__desc[data-v-b5b2b519]{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.privacy-settings__input[data-v-b5b2b519]{border:1px solid var(--color-border);border-radius:var(--border-radius-md);width:100%;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary);box-sizing:border-box;transition:border-color var(--transition-duration);outline:none;padding:10px 12px}.privacy-settings__input[data-v-b5b2b519]::placeholder{color:var(--color-text-placeholder)}.privacy-settings__input[data-v-b5b2b519]:focus{border-color:var(--color-primary)}.privacy-settings__input[readonly][data-v-b5b2b519]{background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.privacy-settings__input--code[data-v-b5b2b519]{flex:1}.privacy-settings__input--error[data-v-b5b2b519]{border-color:var(--color-error)}.privacy-settings__code-row[data-v-b5b2b519]{align-items:center;gap:12px;display:flex}.privacy-settings__code-btn[data-v-b5b2b519]{border:1px solid var(--color-primary);border-radius:var(--border-radius-md);background:var(--color-primary-bg);color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition-duration);flex-shrink:0;padding:10px 16px}.privacy-settings__code-btn[data-v-b5b2b519]:hover{background:var(--color-primary);color:var(--color-text-inverse)}.privacy-settings__code-btn--disabled[data-v-b5b2b519]{border-color:var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.privacy-settings__code-btn--disabled[data-v-b5b2b519]:hover{background:var(--color-bg-primary);color:var(--color-text-tertiary)}.privacy-settings__field-error[data-v-b5b2b519]{font-size:var(--font-size-xs);color:var(--color-error);margin:-8px 0 0}.privacy-settings__error[data-v-b5b2b519]{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.privacy-settings__success[data-v-b5b2b519]{font-size:var(--font-size-sm);color:var(--color-success,#52c41a);margin:0}.privacy-settings__submit[data-v-b5b2b519]{border-radius:var(--border-radius-lg);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-duration);border:none;align-self:flex-start;padding:10px 32px}.privacy-settings__submit[data-v-b5b2b519]:hover{background:var(--color-primary-hover)}.privacy-settings__submit[data-v-b5b2b519]:disabled{opacity:.5;cursor:not-allowed}.home-layout[data-v-e78f5ec9]{background:var(--color-bg-primary,#eff3fd);flex-direction:column;height:100vh;display:flex}.home-layout__notify[data-v-e78f5ec9]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.home-layout__body[data-v-e78f5ec9]{flex-direction:row;flex:1;min-height:0;display:flex}.home-layout__left[data-v-e78f5ec9]{flex-direction:column;flex-shrink:0;height:100%;display:flex;position:relative}.home-layout__left-top[data-v-e78f5ec9]{flex-direction:row;flex:1;min-width:374px;min-height:0;padding-bottom:70px;display:flex}.home-layout__user-float[data-v-e78f5ec9]{z-index:100;animation:.3s float-in-e78f5ec9;position:absolute;bottom:8px;left:8px;right:8px}@keyframes float-in-e78f5ec9{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.home-layout__panel-slot[data-v-e78f5ec9]{flex-shrink:0}.home-layout__content[data-v-e78f5ec9]{flex:1;overflow:auto}.settings-content[data-v-e78f5ec9]{height:100%;overflow-y:auto}.settings-content__placeholder[data-v-e78f5ec9]{height:100%;font-size:var(--font-size-lg);color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.home-page[data-v-e78f5ec9]{justify-content:center;align-items:center;gap:var(--spacing-lg,24px);flex-direction:column;height:100%;display:flex}.home-page__placeholder[data-v-e78f5ec9]{font-size:var(--font-size-xl,20px);color:var(--color-text-tertiary,#bfbfbf)}.home-page__logout[data-v-e78f5ec9]{border:1px solid var(--color-border,#d9d9d9);border-radius:var(--border-radius-md,6px);background:var(--color-bg-container,#fff);color:var(--color-text-secondary,#8c8c8c);font-size:var(--font-size-sm,13px);cursor:pointer;transition:all var(--transition-duration,.2s);padding:8px 24px}.home-page__logout[data-v-e78f5ec9]:hover{border-color:var(--color-error,#ff4d4f);color:var(--color-error,#ff4d4f)}.login-page[data-v-2b05d308]{background:var(--color-bg-secondary,#f5f5f5);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-page[data-v-2b05d308]:before{content:"";-webkit-app-region:drag;app-region:drag;z-index:9999;height:15px;position:fixed;top:0;left:0;right:0}.login-card[data-v-2b05d308]{background:var(--color-bg-container,#fff);border-radius:var(--border-radius-lg,12px);width:800px;min-height:500px;box-shadow:var(--shadow-lg,0 8px 24px #00000014);display:flex;overflow:hidden}.login-card__left[data-v-2b05d308]{background:var(--color-primary,#1677ff);justify-content:center;align-items:center;width:400px;display:flex}.login-card__image-placeholder[data-v-2b05d308]{color:var(--color-text-inverse,#fff);font-size:var(--font-size-lg,16px);opacity:.8}.login-card__right[data-v-2b05d308]{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-form[data-v-2b05d308]{width:100%;max-width:320px}.login-form__title[data-v-2b05d308]{font-size:var(--font-size-2xl,24px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#1f1f1f);margin:0 0 4px}.login-form__subtitle[data-v-2b05d308]{font-size:var(--font-size-sm,13px);color:var(--color-text-secondary,#8c8c8c);margin:0 0 32px}.login-form__tabs[data-v-2b05d308]{border-bottom:1px solid var(--color-border,#d9d9d9);gap:0;margin-bottom:24px;display:flex}.login-form__tab[data-v-2b05d308]{font-size:var(--font-size-base,14px);color:var(--color-text-secondary,#8c8c8c);cursor:pointer;transition:color var(--transition-duration,.2s), border-color var(--transition-duration,.2s);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0}.login-form__tab--active[data-v-2b05d308]{color:var(--color-primary,#1677ff);border-bottom-color:var(--color-primary,#1677ff)}.login-form__tab[data-v-2b05d308]:hover{color:var(--color-primary-hover,#4096ff)}.login-form__input[data-v-2b05d308]{border:1px solid var(--color-border,#d9d9d9);border-radius:var(--border-radius-md,6px);width:100%;font-size:var(--font-size-base,14px);color:var(--color-text-primary,#1f1f1f);background:var(--color-bg-primary,#fff);box-sizing:border-box;transition:border-color var(--transition-duration,.2s);outline:none;margin-bottom:16px;padding:10px 12px}.login-form__input[data-v-2b05d308]::placeholder{color:var(--color-text-placeholder,#d9d9d9)}.login-form__input[data-v-2b05d308]:focus{border-color:var(--color-primary,#1677ff)}.login-form__input--code[data-v-2b05d308]{flex:1;margin-bottom:0}.login-form__code-row[data-v-2b05d308]{align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-form__code-btn[data-v-2b05d308]{border:1px solid var(--color-primary,#1677ff);border-radius:var(--border-radius-md,6px);background:var(--color-primary-bg,#e6f4ff);color:var(--color-primary,#1677ff);font-size:var(--font-size-sm,13px);cursor:pointer;white-space:nowrap;transition:background var(--transition-duration,.2s);flex-shrink:0;padding:10px 16px}.login-form__code-btn[data-v-2b05d308]:hover{background:var(--color-primary,#1677ff);color:var(--color-text-inverse,#fff)}.login-form__code-btn--disabled[data-v-2b05d308]{border-color:var(--color-border,#d9d9d9);background:var(--color-bg-secondary,#f5f5f5);color:var(--color-text-tertiary,#bfbfbf);cursor:not-allowed}.login-form__code-btn--disabled[data-v-2b05d308]:hover{background:var(--color-bg-primary,#eff3fd);color:var(--color-text-tertiary,#bfbfbf)}.login-form__error[data-v-2b05d308]{font-size:var(--font-size-sm,13px);color:var(--color-error,#ff4d4f);margin:0 0 12px}.login-form__submit[data-v-2b05d308]{border-radius:var(--border-radius-md,6px);background:var(--color-primary,#1677ff);width:100%;color:var(--color-text-inverse,#fff);font-size:var(--font-size-base,14px);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:background var(--transition-duration,.2s);border:none;padding:10px 0}.login-form__submit[data-v-2b05d308]:hover{background:var(--color-primary-hover,#4096ff)}.login-form__submit[data-v-2b05d308]:active{background:var(--color-primary-active,#0958d9)}.login-form__submit[data-v-2b05d308]:disabled{background:var(--color-primary-border,#91caff);cursor:not-allowed}:root{--color-primary:#1677ff;--color-primary-hover:#4096ff;--color-primary-active:#0958d9;--color-primary-bg:#e6f4ff;--color-primary-border:#91caff;--color-success:#52c41a;--color-warning:#faad14;--color-error:#ff4d4f;--color-text-primary:#1f1f1f;--color-text-secondary:#8c8c8c;--color-text-tertiary:#bfbfbf;--color-text-placeholder:#d9d9d9;--color-text-inverse:#fff;--color-bg-primary:#eff3fd;--color-bg-secondary:#f5f5f5;--color-bg-container:#fff;--color-border:#d9d9d9;--color-border-secondary:#f0f0f0;--color-menu-hover-bg:#e0e4fd;--color-menu-active-bg:#dfe0fd;--color-menu-text:#8084b1;--color-menu-text-active:#5e5cfe;--color-link:#1677ff;--color-link-hover:#69b1ff;--brand-primary:#315cff;--brand-primary-hover:#4c72ff;--brand-primary-active:#2449d8;--brand-primary-soft:#e8eeff;--brand-secondary:#6694ff;--text-primary:#252e4a;--text-secondary:#66708f;--text-tertiary:#929bb4;--icon-primary:#53607e;--icon-secondary:#7e88a4;--bg-hover:#edf1fa;--bg-selected:#e8eeff;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:12px;--border-radius-xl:24px;--border-radius-round:9999px;--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 4px 8px 0 #0000000f;--shadow-lg:0 8px 24px 0 #00000014;--shadow-xl:0 16px 48px 0 #0000001f;--transition-duration:.2s;--transition-easing:cubic-bezier(.4, 0, .2, 1);--z-index-dropdown:1000;--z-index-modal:1001;--z-index-notification:1002;--z-index-tooltip:1003}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:0;padding:0}html,body,#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:var(--font-size-base,14px);color:var(--color-text-primary,#1f1f1f);background:var(--color-bg-primary,#eff3fd);line-height:1.5715}a{color:var(--color-link,#1677ff);text-decoration:none}a:hover{color:var(--color-link-hover,#69b1ff)}button{font-family:inherit}@font-face{font-family:D-DIN;src:url(/assets/D-DIN-GSw_BCPd.ttf)format("truetype");font-weight:400;font-style:normal;unicode-range:U+20-7E,U+A0-FF}@font-face{font-family:D-DIN;src:url(/assets/D-DIN-Bold-B4OWCjiF.ttf)format("truetype");font-weight:700;font-style:normal;unicode-range:U+20-7E,U+A0-FF}@font-face{font-family:Alibaba PuHuiTi;src:url(/assets/Alibaba-PuHuiTi-Regular-Bc-eZaIQ.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Alibaba PuHuiTi;src:url(/assets/Alibaba-PuHuiTi-Medium-B3nsUIGv.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Alibaba PuHuiTi;src:url(/assets/Alibaba-PuHuiTi-Bold-ByU9quVf.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Alibaba PuHuiTi;src:url(/assets/Alibaba-PuHuiTi-Light-DcCr29TT.ttf)format("truetype");font-weight:300;font-style:normal}*{font-family:D-DIN,Alibaba PuHuiTi,sans-serif}