﻿/* 文本颜色 */
.text-red { color: #e53935; }
.text-blue { color: #1e88e5; }
.text-green { color: #43a047; }
.text-purple { color: #8e24aa; }

/* 下划线 */
.text-underline {
    text-decoration: underline;
}

/* 对齐 */
.align-center { text-align: center; }
.align-right { text-align: right; }

/* 按钮 */
.btn {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.btn-blue { background-color: #1e88e5; }
.btn-orange { background-color: #fb8c00; }
/* ========================================= */
/* 仿 h3 标题样式 (非 h 标签)                */
/* ========================================= */

.custom-title-style {
    display: block; /* 独占一行 */
    margin: 15px 0 5px; /* 上下间距，模仿标题 */
    padding: 6px 12px; /* 内边距，让文字不贴边 */
    
    /* 字体设置 - 参考你图中的风格 */
    font-size: 14px;   /* 字号，比正文大一点 */
    color: #555555;    /* 文字颜色：深灰色 */
    font-weight: bold; /* 加粗 */
    
    /* 边框模拟左侧蓝条 */
    border-left: 4px solid #3498db; /* 左侧蓝色边框，模拟截图中的蓝条 */
    background-color: #f8f9fa;      /* 浅灰色背景，如果有需要的话，也可以设为白色 */
    
    /* 可选：如果你希望它像块级元素一样居中或限制宽度 */
    /* max-width: 800px; */
    /* margin-left: auto; */
    /* margin-right: auto; */
}