:root{--mx-radius-sm: 4px;--mx-radius-md: 8px;--mx-radius-lg: 12px;--mx-radius-full: 9999px;--mx-size-sm: 28px;--mx-size-md: 36px;--mx-size-lg: 44px;--mx-space-xs: 4px;--mx-space-sm: 8px;--mx-space-md: 16px;--mx-space-lg: 24px;--mx-font-sm: 12px;--mx-font-md: 14px;--mx-font-lg: 16px;--mx-color-primary: #4f6ef7;--mx-color-primary-hover: #6a84f8;--mx-color-primary-bg: #eef1fe;--mx-color-danger: #f56c6c;--mx-color-danger-bg: #fdeeee;--mx-color-success: #67c23a;--mx-color-text: #303133;--mx-color-text-secondary: #909399;--mx-color-border: #dcdfe6;--mx-color-bg: #f5f7fa;--mx-color-white: #ffffff;--mx-cat-green: #16a34a;--mx-cat-green-bg: #e8f7ee;--mx-cat-orange: #ea8a1f;--mx-cat-orange-bg: #fdf3e4;--mx-cat-blue: #2563eb;--mx-cat-blue-bg: #e8effd;--mx-cat-pink: #e0447c;--mx-cat-pink-bg: #fdeaf1;--mx-transition: .2s ease;--mx-z-dropdown: 1000;--mx-z-dialog: 2000;--mx-z-message: 3000}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--mx-color-text);background:var(--mx-color-bg);font-size:var(--mx-font-md)}.mx-message{position:fixed;top:var(--mx-space-lg);left:50%;transform:translate(-50%) translateY(-8px);z-index:var(--mx-z-message);display:flex;align-items:center;gap:var(--mx-space-sm);padding:var(--mx-space-sm) var(--mx-space-md);border-radius:var(--mx-radius-md);background:var(--mx-color-white);border:1px solid var(--mx-color-border);box-shadow:0 4px 12px #00000014;font-size:var(--mx-font-md);opacity:0;transition:opacity var(--mx-transition),transform var(--mx-transition)}.mx-message.is-show{opacity:1;transform:translate(-50%) translateY(0)}.mx-message.is-success{color:var(--mx-color-success)}.mx-message.is-error{color:var(--mx-color-danger)}.mx-message.is-info{color:var(--mx-color-text)}