.cn-notification{position:fixed;bottom:20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgb(0 0 0 / .15);padding:12px 16px 12px 12px;max-width:320px;width:auto;min-width:240px;display:flex;align-items:center;gap:12px;z-index:9999;opacity:0;transition:opacity 0.3s ease,transform 0.3s ease;transform:translateY(20px);pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.cn-notification.cn-show{opacity:1;transform:translateY(0);pointer-events:auto}.cn-notification.cn-bottom-right{right:20px}.cn-notification.cn-bottom-left{left:20px}.cn-avatar{width:44px;height:44px;border-radius:50%;background-color:#f44336;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;text-transform:uppercase}.cn-content{flex-grow:1;min-width:0}.cn-name{font-weight:700;margin-bottom:2px;color:#333;font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-phone{color:#666;font-size:.85em;margin-bottom:3px}.cn-message{font-size:.88em;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-close{position:absolute;top:5px;right:8px;font-size:16px;cursor:pointer;color:#bbb;line-height:1;transition:color 0.2s;padding:2px 4px}.cn-close:hover{color:#333}@media (max-width:480px){.cn-notification{width:60vw;max-width:300px;min-width:0;padding:10px 28px 10px 10px;gap:8px;bottom:12px;left:12px;right:auto}.cn-notification.cn-bottom-right{right:auto;left:12px}.cn-notification.cn-bottom-left{left:12px}.cn-avatar{width:36px;height:36px;font-size:15px}.cn-name{font-size:.88em}.cn-phone{font-size:.8em}.cn-message{font-size:.82em}.cn-close{top:4px;right:6px;font-size:15px}}@media (max-width:360px){.cn-notification{width:calc(100vw - 16px);left:8px;bottom:8px;padding:8px 26px 8px 8px;gap:7px}.cn-notification.cn-bottom-right{right:auto;left:8px}.cn-avatar{width:32px;height:32px;font-size:13px}}