.message-item{position:fixed;top:20px;right:20px;z-index:9999;min-width:320px;max-width:480px;margin-bottom:16px;padding:0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);background:white;border:1px solid #e8e8e8;opacity:0;transform:translateX(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.message-item.visible{opacity:1;transform:translateX(0)}.message-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.message-icon-wrapper{flex-shrink:0;width:20px;height:20px;margin-top:2px}.message-icon{width:100%;height:100%}.message-text{flex:1;min-width:0}.message-title{font-weight:600;font-size:14px;line-height:1.4;margin-bottom:4px}.message-body{font-size:14px;line-height:1.5;color:#666}.message-close{flex-shrink:0;width:20px;height:20px;border:none;background:none;cursor:pointer;color:#999;padding:0;border-radius:4px;transition:all .2s}.message-close:hover{background:#f5f5f5;color:#666}.message-close svg{width:16px;height:16px}.message-item.success{border-left:4px solid #52c41a}.message-item.success .message-icon,.message-item.success .message-title{color:#52c41a}.message-item.error{border-left:4px solid #f5222d}.message-item.error .message-icon,.message-item.error .message-title{color:#f5222d}.message-item.warning{border-left:4px solid #faad14}.message-item.warning .message-icon,.message-item.warning .message-title{color:#faad14}.message-item.info{border-left:4px solid #1890ff}.message-item.info .message-icon,.message-item.info .message-title{color:#1890ff}.message-item{--message-index:0;top:calc(20px + var(--message-index) * 80px)}@media (max-width:768px){.message-item{left:20px;right:20px;min-width:auto;max-width:none}}