/* main.css：全站通用样式，主要把配色（#409EFF等）和一些常用文字/间距样式统一一下。 */
:root {
    --el-primary: #409EFF;
    --el-primary-light: #66B1FF;
    --el-text: #333333;
    --el-bg: #F5F7FA;
    --el-border: #E4E7ED;
    --el-danger: #F56C6C;
    --el-success: #67C23A;
    --el-warning: #E6A23C;
}

html, body {
    height: 100%;
}

body {
    font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    color: var(--el-text);
    background: var(--el-bg);
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.page-title {
    font-size: 22px;
    font-weight: 700;
    padding: 18px 0 12px;
}

.el-divider {
    height: 1px;
    background: var(--el-border);
}

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

.el-link:hover {
    color: var(--el-primary-light);
}

.el-tag {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid var(--el-border);
    background: #fff;
    border-radius: 4px;
    font-size: 12px;
    color: #606266;
}

.el-badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--el-primary);
    display: inline-block;
}

.text-muted {
    color: #909399;
}

.text-small {
    font-size: 12px;
}

.mt-12 { margin-top: 12px; }
.mt-16 { margin-top: 16px; }
.mt-20 { margin-top: 20px; }
.mb-12 { margin-bottom: 12px; }
.mb-16 { margin-bottom: 16px; }
.mb-20 { margin-bottom: 20px; }