/* 基础 */ --html-body-size: 10px; --body-bg-color: #f7f7f7; --color-price: #E22C08; --color-red: #E22C08; --color-yellow: #E22C08; --color-blue: #76AFFF; --color-green: #5EB95E; /* 主色 */ --color-main: #E22C08; --color-main-light: #ffe3de; --color-main-hover: #EA6B52; /* 次色 */ --color-secondary: #FFB8AA; /* 圆角 */ --border-radius-sm: 0.2rem; --border-radius: 0.4rem; --border-radius-lg: 0.8rem; /* 阴影 */ --box-shadow: 0 5px 20px rgba(50,55,58,0.1); --box-shadow-sm: 0 2px 8px rgba(50,55,58,0.1); --box-shadow-lg: 0 8px 34px rgba(50,55,58,0.1); /* 按钮部分 */ /* 默认基础色 - 按钮 */ --color-button-default: #EEEEEE; --color-button-default-hover: #dddddd; --color-button-default-focus: #c7c7c7; --color-button-default-active: #c7c7c7; --color-button-default-disabled: #c2c2c2; --color-button-default-border: #EEEEEE; --color-button-default-hover-border: #dddddd; --color-button-default-focus-border: #c7c7c7; --color-button-default-active-border: #c7c7c7; --color-button-default-disabled-border: #c7c7c7; --color-button-default-text: #666666; --color-button-default-hover-text: #444444; --color-button-default-focus-text: #444444; --color-button-default-active-text: #444444; --color-button-default-disabled-text: #444444; /* 主色 - 按钮 */ --color-button-primary: #E22C08; --color-button-primary-hover: #EA6B52; --color-button-primary-focus: #C02000; --color-button-primary-active: #C02000; --color-button-primary-disabled: #F6BFB4; --color-button-primary-border: #E22C08; --color-button-primary-hover-border: #EA6B52; --color-button-primary-focus-border: #C02000; --color-button-primary-active-border: #C02000; --color-button-primary-disabled-border: #F6BFB4; --color-button-primary-text: #FFFFFF; --color-button-primary-hover-text: #FFFFFF; --color-button-primary-focus-text: #FFFFFF; --color-button-primary-active-text: #FFFFFF; --color-button-primary-disabled-text: #FFFFFF; /* 次色 - 按钮 */ --color-button-secondary: #FFEFE5; --color-button-secondary-hover: #FCE9E6; --color-button-secondary-focus: #FCE9E6; --color-button-secondary-active: #F5B5A9; --color-button-secondary-disabled: #F5B5A9; --color-button-secondary-border: #FFCBAB; --color-button-secondary-hover-border: #FDB6B0; --color-button-secondary-focus-border: #FDB6B0; --color-button-secondary-active-border: #F5B5A9; --color-button-secondary-disabled-border: #F5B5A9; --color-button-secondary-text: #E22C08; --color-button-secondary-hover-text: #EA6247; --color-button-secondary-focus-text: #E64829; --color-button-secondary-active-text: #E2300D; --color-button-secondary-disabled-text: #E2300D; /* 成功 - 按钮 */ --color-button-success: #a8e6a8; --color-button-success-hover: #97ee97; --color-button-success-focus: #5eb95e; --color-button-success-active: #85c085; --color-button-success-disabled: #85c085; --color-button-success-border: #7fe27f; --color-button-success-hover-border: #97ee97; --color-button-success-focus-border: #5eb95e; --color-button-success-active-border: #85c085; --color-button-success-disabled-border: #85c085; --color-button-success-text: #258f25; --color-button-success-hover-text: #239b23; --color-button-success-focus-text: #FFFFFF; --color-button-success-active-text: #bffbbf; --color-button-success-disabled-text: #bffbbf; /* 警告 - 按钮 */ --color-button-warning: #FAAD14; --color-button-warning-hover: #FBC55A; --color-button-warning-focus: #FBC55A; --color-button-warning-active: #EB9C00; --color-button-warning-disabled: #FDE6B8; --color-button-warning-border: #FAAD14; --color-button-warning-hover-border: #FBC55A; --color-button-warning-focus-border: #FBC55A; --color-button-warning-active-border: #EB9C00; --color-button-warning-disabled-border: #FDE6B8; --color-button-warning-text: #FFFFFF; --color-button-warning-hover-text: #FFFFFF; --color-button-warning-focus-text: #FFFFFF; --color-button-warning-active-text: #FFFFFF; --color-button-warning-disabled-text: #FFFFFF; /* 危险 - 按钮 */ --color-button-danger: #ffebeb; --color-button-danger-hover: #FFEFED; --color-button-danger-focus: #FFEFED; --color-button-danger-active: #FFC2B6; --color-button-danger-disabled: #FFFFFF; --color-button-danger-border: #E33816; --color-button-danger-hover-border: #DF2500; --color-button-danger-focus-border: #D58576; --color-button-danger-active-border: #FFC2B6; --color-button-danger-disabled-border: #D58E80; --color-button-danger-text: #da5c43; --color-button-danger-hover-text: #e04527; --color-button-danger-focus-text: #E12C08; --color-button-danger-active-text: #C72100; --color-button-danger-disabled-text: #FFC3B7; /* 小徽章部分 */ /* 默认基础色 - 小徽章 */ --color-badge-default: #EEEEEE; --color-badge-default-hover: #e9e9e9; --color-badge-default-text: #666666; --color-badge-default-hover-text: #666666; /* 主色 - 小徽章 */ --color-badge-primary: #eaf1fb; --color-badge-primary-hover: #e4eefe; --color-badge-primary-text: #0c7cd5; --color-badge-primary-hover-text: #0c7cd5; /* 次色 - 小徽章 */ --color-badge-secondary: #ffefe5; --color-badge-secondary-hover: #ffebdf; --color-badge-secondary-text: #f18f51; --color-badge-secondary-hover-text: #f18f51; /* 成功色 - 小徽章 */ --color-badge-success: #d5fbd5; --color-badge-success-hover: #c6f9c6; --color-badge-success-text: #46cf45; --color-badge-success-hover-text: #46cf45; /* 警告色 - 小徽章 */ --color-badge-warning: #ffeac2; --color-badge-warning-hover: #ffe3ae; --color-badge-warning-text: #f3a200; --color-badge-warning-hover-text: #f3a200; /* 危险色 - 小徽章 */ --color-badge-danger: #FFE6E6; --color-badge-danger-hover: #ffdcdc; --color-badge-danger-text: #e04527; --color-badge-danger-hover-text: #e04527;