样式变量

// 文本颜色
--me-text-white: #fff;
--me-text-primary: #409eff;
--me-text-success: #67c23a;
--me-text-info: #909399;
--me-text-warning: #e6a23c;
--me-text-danger: #f56c6c;
--me-text-disabled: rgba(0, 0, 0, 0.25);
--me-text-main: #494949;
--me-text-main-reduce: #949494;
--me-text-light: #c8c9cc;
--me-text-password: #2f2f32;

// 文本大小
--me-text-md: 14px;
--me-text-sm: 12px;
--me-text-large: 16px;
--me-text-max: 30px;
--me-text-icon: 24px;
--me-text-delete: 20px;

// 背景颜色
--me-bg-white: #fff;
--me-bg-default: #f6f6f6;
--me-bg-gray: #ccc;
--me-bg-img: #f0f0f0;
--me-bg-black: #000;
--me-bg-popup: #efeff4;
--me-bg-item: #ededed;
--me-bg-mask: rgba(0, 0, 0, 0.6);
--me-bg-con-reduce: color-mix(in srgb, var(--me-bg-img) 36%, transparent);
--me-bg-img-opacity: conic-gradient(rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0); // 透明层

// 边框
--me-border-default: #dcdfe6;
--me-border-password: #9b9bb4;
--me-border-password-white-active: #e85555;
--me-border-password-dark-active: #33d0e1;
--me-border-popup: #c8c7cc;
--me-border-radius-default: 4px;
--me-border-radius-super: 999999px;
--me-border-radius-circle: 50%;

// 图片
--me-img-size: 40px;

// 按钮高度
--me-h-btn: 44px;

// 常规 padding
--me-p-default: 0 15px;

// 阴影
--me-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
--me-shadow-circle-sm: inset 0 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.06);
--me-shadow-box-secondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);

// 动画
--me-animation-hover: all 0.3s ease;