.xgplayer-notification-container{position:fixed;z-index:9999;pointer-events:none;width:350px;max-width:calc(100% - 20px)}.xgplayer-notification-container-top-right{top:10px;right:10px}.xgplayer-notification-container-top-left{top:10px;left:10px}.xgplayer-notification-container-bottom-right{bottom:10px;right:10px}.xgplayer-notification-container-bottom-left{bottom:10px;left:10px}.xgplayer-notification{margin-bottom:10px;background:rgba(0, 0, 0, 0.7);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.3);overflow:hidden;pointer-events:auto;max-width:100%;transform:translateX(400px);opacity:0;transition:transform 0.3s ease-out, opacity 0.3s ease-out}.xgplayer-notification-show{transform:translateX(0);opacity:1}.xgplayer-notification.xgplayer-notification-hide{transform:translateX(400px);opacity:0;transition:transform 0.3s ease-in, opacity 0.3s ease-in}.xgplayer-notification-info{border-left:3px solid #2196F3}.xgplayer-notification-success{border-left:3px solid #4CAF50}.xgplayer-notification-warning{border-left:3px solid #FF9800}.xgplayer-notification-error{border-left:3px solid #F44336}.xgplayer-notification-header{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;background:transparent;border-bottom:none}.xgplayer-notification-title{font-weight:500;font-size:13px;color:#fff}.xgplayer-notification-close{background:none;border:none;font-size:16px;color:#999;cursor:pointer;padding:0;margin:0;line-height:1;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:2px;transition:background-color 0.2s, color 0.2s}.xgplayer-notification-close:hover{background-color:rgba(255,255,255,0.1);color:#fff}.xgplayer-notification-content{padding:0 12px 8px 12px;font-size:13px;line-height:1.4;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}