
/* 基础标题样式 */
.card-body .message h1,
.card-body .message h2,
.card-body .message h3,
.card-body .message h4,
.card-body .message h5,
.card-body .message h6 {
font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
font-weight: 600;
padding: 0.5em 0 0.5em 1em;
margin: 1em 0;
line-height: 1.3;
position: relative;
color: #2c3e50;
transition: all 0.2s ease;
}
/* H6标题 - 最小级别 */
.card-body .message h6 {
font-size: 0.9em;
border-left: 3px solid #a1c4fd;
background: linear-gradient(to right, #f5f7fa 0%, #ffffff 100%);
text-indent: 8px;
}
/* H5标题 */
.card-body .message h5 {
font-size: 1em;
border-left: 4px solid #84fab0;
background: linear-gradient(to right, #f5f7fa 0%, #ffffff 100%);
}
/* H4标题 */
.card-body .message h4 {
font-size: 1.2em;
border-left: 5px solid #ff9a9e;
background: linear-gradient(to right, #fdf2f2 0%, #ffffff 100%);
}
/* H3标题 */
.card-body .message h3 {
font-size: 1.4em;
border-left: 6px solid #fbc2eb;
background: linear-gradient(to right, #fdf1f7 0%, #ffffff 100%);
}
/* H2标题 */
.card-body .message h2 {
font-size: 1.7em;
border-left: 7px solid #a6c1ee;
background: linear-gradient(to right, #f0f5ff 0%, #ffffff 100%);
}
/* H1标题 - 最高级别 */
.card-body .message h1 {
font-size: 2em;
border-left: 8px solid #667eea;
background: linear-gradient(to right, #ebf4ff 0%, #ffffff 100%);
text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
}
/* 悬停效果 */
.card-body .message h1:hover,
.card-body .message h2:hover,
.card-body .message h3:hover,
.card-body .message h4:hover,
.card-body .message h5:hover,
.card-body .message h6:hover {
transform: translateX(3px);
box-shadow: 2px 0 8px rgba(0,0,0,0.05);
}
暂无评论