.notification-container[data-v-b5b6f5f8]{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.notification[data-v-b5b6f5f8]{position:relative;display:flex;align-items:flex-start;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:16px;margin-bottom:12px;min-width:320px;max-width:400px;box-shadow:0 8px 32px #0000001f;cursor:pointer;pointer-events:all;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(0)}.notification[data-v-b5b6f5f8]:hover{transform:translate(-4px);box-shadow:0 12px 40px #00000026}.notification--clickable[data-v-b5b6f5f8]{cursor:pointer}.notification--clickable[data-v-b5b6f5f8]:hover{transform:translate(-6px);box-shadow:0 16px 48px #0003}.notification--clickable[data-v-b5b6f5f8]:after{content:"";position:absolute;right:12px;bottom:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #8c8c8c;transform:rotate(-45deg);opacity:.6}.notification--clickable[data-v-b5b6f5f8]:hover:after{opacity:.8}.notification--user_join[data-v-b5b6f5f8]{border-left:4px solid #52c41a}.notification--user_join .notification__icon[data-v-b5b6f5f8]{color:#52c41a}.notification--message[data-v-b5b6f5f8]{border-left:4px solid #faad14}.notification--message .notification__icon[data-v-b5b6f5f8]{color:#faad14}.notification--info[data-v-b5b6f5f8]{border-left:4px solid #1e90ff}.notification--info .notification__icon[data-v-b5b6f5f8]{color:#1e90ff}.notification__icon[data-v-b5b6f5f8]{flex-shrink:0;margin-right:12px;margin-top:2px;font-size:18px}.notification__content[data-v-b5b6f5f8]{flex:1;min-width:0}.notification__title[data-v-b5b6f5f8]{font-weight:600;font-size:14px;color:#262626;margin-bottom:4px;line-height:1.4}.notification__message[data-v-b5b6f5f8]{font-size:13px;color:#595959;line-height:1.4;word-wrap:break-word}.notification__close[data-v-b5b6f5f8]{flex-shrink:0;margin-left:12px;margin-top:2px;padding:4px;border-radius:4px;color:#8c8c8c;cursor:pointer;transition:all .2s;opacity:0}.notification:hover .notification__close[data-v-b5b6f5f8]{opacity:1}.notification__close[data-v-b5b6f5f8]:hover{background:#0000000f;color:#262626}.notification-enter-active[data-v-b5b6f5f8]{transition:all .4s cubic-bezier(.4,0,.2,1)}.notification-leave-active[data-v-b5b6f5f8]{transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-enter-from[data-v-b5b6f5f8],.notification-leave-to[data-v-b5b6f5f8]{transform:translate(100%);opacity:0}.notification-move[data-v-b5b6f5f8]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.notification--closing[data-v-b5b6f5f8]{transform:translate(100%);opacity:0}@media (prefers-color-scheme: dark){.notification[data-v-b5b6f5f8]{background:#1c1c1ef2;border-color:#ffffff1a}.notification__title[data-v-b5b6f5f8]{color:#f5f5f7}.notification__message[data-v-b5b6f5f8]{color:#a1a1a6}.notification__close[data-v-b5b6f5f8]{color:#86868b}.notification__close[data-v-b5b6f5f8]:hover{background:#ffffff1a;color:#f5f5f7}}@media (max-width: 480px){.notification-container[data-v-b5b6f5f8]{left:20px;right:20px;top:10px}.notification[data-v-b5b6f5f8]{min-width:auto;max-width:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5}