* {
    box-sizing: border-box;
}

/* 滚动条背景 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.15);
    padding: 0;
    border: none;
    overflow-x: visible;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.25);
    padding: 0;
    border: none;
    width: 20px;
}
/*分页固定*/
.fixed-pagination {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 1000;
}
body {
    font-size: 14px
}

[text-sm] {
    font-size: 12px;
}

[text-success] {
    color: #67C23A;
}

[text-warning] {
    color: #E6A23C;
}

[text-danger] {
    color: #F56C6C;
}

[text-info] {
    color: #909399;
}

.el-pagination[center] {
    text-align: center;
    padding: 15px 0;
}

.edui-default .edui-colorpicker-nocolor {
    height: 20px !important;
}

/* ===== 天蓝-翠绿主题全局兼容覆盖 ===== */
/* 消除 Element UI 默认蓝(#409EFF)，统一替换为天蓝主题 */
.el-button--primary {
    background-color: #38bdf8 !important;
    border-color: #38bdf8 !important;
}
.el-button--primary:hover,
.el-button--primary:focus {
    background-color: #0ea5e9 !important;
    border-color: #0ea5e9 !important;
}
.el-button--text { color: #38bdf8 !important; }
.el-button--text:hover { color: #0ea5e9 !important; }

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #38bdf8 !important;
    border-color: #38bdf8 !important;
}
.el-pagination.is-background .el-pager li:hover { color: #38bdf8 !important; }
.el-pagination .el-pager li.active { color: #38bdf8 !important; }
.el-pager li:hover { color: #38bdf8 !important; }

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #38bdf8 !important;
    border-color: #38bdf8 !important;
}
.el-checkbox__input.is-checked + .el-checkbox__label { color: #38bdf8 !important; }

.el-radio__input.is-checked .el-radio__inner { border-color: #38bdf8 !important; background: #38bdf8 !important; }
.el-radio__input.is-checked + .el-radio__label { color: #38bdf8 !important; }

.el-switch.is-checked .el-switch__core { border-color: #38bdf8 !important; background-color: #38bdf8 !important; }

.el-tabs__item.is-active { color: #38bdf8 !important; }
.el-tabs__item:hover { color: #38bdf8 !important; }
.el-tabs__active-bar { background-color: #38bdf8 !important; }

.el-tag { background-color: rgba(56,189,248,0.1) !important; border-color: rgba(56,189,248,0.2) !important; color: #0ea5e9 !important; }
.el-tag--danger { background-color: rgba(245,108,108,0.1) !important; border-color: rgba(245,108,108,0.2) !important; color: #f56c6c !important; }
.el-tag--success { background-color: rgba(16,185,129,0.1) !important; border-color: rgba(16,185,129,0.2) !important; color: #10b981 !important; }
.el-tag--warning { background-color: rgba(230,162,60,0.1) !important; border-color: rgba(230,162,60,0.2) !important; color: #e6a23c !important; }

.el-link.el-link--primary { color: #38bdf8 !important; }
.el-link.el-link--primary:hover { color: #0ea5e9 !important; }

.el-loading-spinner .el-loading-text { color: #38bdf8 !important; }
.el-loading-spinner .circular .path { stroke: #38bdf8 !important; }

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close { color: #38bdf8 !important; }

.el-step__head.is-process { border-color: #38bdf8 !important; color: #38bdf8 !important; }
.el-step__head.is-process .el-step__icon { background-color: #38bdf8 !important; }
.el-step__title.is-process { color: #38bdf8 !important; }
.el-step__head.is-finish { border-color: #10b981 !important; color: #10b981 !important; }
.el-step__title.is-finish { color: #10b981 !important; }
.el-step__line-inner { border-color: #10b981 !important; }

.el-transfer__button { background-color: #38bdf8 !important; border-color: #38bdf8 !important; }

a { color: #38bdf8; }
a:hover { color: #0ea5e9; }