/* 后台管理界面主题颜色 - 仅使用黑色、白色、灰色和绿色 */

:root {
    /* 绿色系 */
    --primary-green: #4CAF50;
    --dark-green: #388E3C;
    --light-green: #81C784;
    --lighter-green: #C8E6C9;
    
    /* 灰色系 */
    --dark-gray: #333333;
    --medium-gray: #666666;
    --light-gray: #999999;
    --lighter-gray: #E0E0E0;
    --lightest-gray: #F5F5F5;
    
    /* 基础色 */
    --white: #FFFFFF;
    --black: #000000;
}

/* Element UI 主题颜色覆盖 */
.el-button--primary {
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
}

.el-button--primary:hover,
.el-button--primary:focus {
    background-color: var(--dark-green) !important;
    border-color: var(--dark-green) !important;
}

.el-button--primary:active {
    background-color: var(--dark-green) !important;
    border-color: var(--dark-green) !important;
}

/* 链接颜色 */
a {
    color: var(--primary-green);
}

a:hover {
    color: var(--dark-green);
}

/* 表格选中行 */
.el-table__row--striped {
    background-color: var(--lightest-gray);
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: var(--lightest-gray);
}

/* 标签颜色 */
.el-tag--success {
    background-color: var(--lighter-green);
    border-color: var(--primary-green);
    color: var(--dark-green);
}

/* 输入框焦点颜色 */
.el-input__inner:focus {
    border-color: var(--primary-green);
}

.el-textarea__inner:focus {
    border-color: var(--primary-green);
}

/* 选择器焦点颜色 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--primary-green);
}

/* 日期选择器 */
.el-date-editor.el-input__inner:focus {
    border-color: var(--primary-green);
}

/* 单选框和复选框 */
.el-radio__input.is-checked .el-radio__inner {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
}

/* 分页器 */
.el-pagination button:hover {
    color: var(--primary-green);
}

.el-pager li.active {
    color: var(--primary-green);
}

/* 菜单项激活状态 */
.el-menu-item.is-active {
    color: var(--primary-green);
}

.el-submenu__title:hover {
    color: var(--primary-green);
}

/* 步骤条 */
.el-steps .el-step__head.is-process {
    color: var(--primary-green);
    border-color: var(--primary-green);
}

.el-steps .el-step__head.is-finish {
    color: var(--primary-green);
    border-color: var(--primary-green);
}

/* 进度条 */
.el-progress-bar__inner {
    background-color: var(--primary-green);
}

/* 消息提示 */
.el-message--success {
    background-color: var(--lighter-green);
    border-color: var(--primary-green);
    color: var(--dark-green);
}

/* 通知 */
.el-notification--success {
    border-left-color: var(--primary-green);
}

/* 对话框确认按钮 */
.el-message-box__btns .el-button--primary {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
}

/* 抽屉标题 */
.el-drawer__header {
    border-bottom: 1px solid var(--lighter-gray);
}

/* 卡片阴影调整 */
.el-card {
    border: 1px solid var(--lighter-gray);
}

/* 表格边框 */
.el-table {
    border: 1px solid var(--lighter-gray);
}

.el-table th {
    background-color: var(--lightest-gray);
    border-bottom: 1px solid var(--lighter-gray);
}

.el-table td {
    border-bottom: 1px solid var(--lighter-gray);
}

/* 表单标签 */
.el-form-item__label {
    color: var(--dark-gray);
}

/* 面包屑 */
.el-breadcrumb__inner {
    color: var(--medium-gray);
}

.el-breadcrumb__inner.is-link {
    color: var(--primary-green);
}

.el-breadcrumb__inner.is-link:hover {
    color: var(--dark-green);
}