/** * 全局聊天消息通知弹窗样式 * 用于右下角浮动通知卡片，显示私信/群聊新消息提醒 */ .msg-notification-container{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:9995;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}.msg-notification-item{width:340px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;pointer-events:auto;position:relative;border-left:3px solid var(--color-brand-500);animation:msg-notification-in var(--transition-base) ease;transition:transform var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base)}.msg-notification-item:hover{transform:translateX(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.16)}.msg-notification-item.msg-notification-exit{animation:msg-notification-out 0.25s ease forwards}@keyframes msg-notification-in{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes msg-notification-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(40px)}}.msg-notification-avatar{width:44px;height:44px;border-radius:var(--radius-full);flex-shrink:0;object-fit:cover}.msg-notification-body{flex:1;min-width:0}.msg-notification-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-notification-preview{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-notification-close{position:absolute;top:6px;right:10px;font-size:16px;color:var(--color-gray-400);line-height:1;cursor:pointer;padding:2px;opacity:0;transition:opacity var(--transition-fast)}.msg-notification-item:hover .msg-notification-close{opacity:1}.msg-notification-close:hover{color:var(--color-gray-600)}.desktop-notify-guide{width:100%;animation:jgxFadeIn 0.3s ease-out;position:sticky;top:0;z-index:9990}.desktop-notify-guide--denied{background:#FFF3E0;border-bottom:1px solid #FFB74D}.desktop-notify-guide--default{background:#E3F2FD;border-bottom:1px solid #64B5F6}.desktop-notify-guide-inner{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;max-width:1200px;margin:0 auto;position:relative}.desktop-notify-guide-icon{font-size:20px;flex-shrink:0}.desktop-notify-guide--denied .desktop-notify-guide-icon{color:var(--color-brand-500)}.desktop-notify-guide--default .desktop-notify-guide-icon{color:#2878FF}.desktop-notify-guide-text{flex:1;min-width:0}.desktop-notify-guide-title{margin-bottom:0;font-size:14px;color:#333;font-weight:500}.desktop-notify-guide-desc{margin-bottom:0;font-size:12px;color:#999}.desktop-notify-guide-link{flex-shrink:0;color:var(--color-brand-500);font-size:13px;white-space:nowrap;text-decoration:none}.desktop-notify-guide-close{position:absolute;top:8px;right:16px;font-size:18px;color:#999;cursor:pointer;line-height:1}.desktop-notify-guide-close:hover{color:#666}@keyframes jgxFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.msg-notification-container{right:var(--space-2);bottom:70px;left:var(--space-2)}.msg-notification-item{width:auto}}