.container {
    font-family: Arial, sans-serif; /* 使用更现代的字体 */
    color: #333; /* 更深的字体颜色，提高可读性 */
    line-height: 1.6; /* 增加行高 */
}

.container p {
    margin-bottom: 1rem; /* 增加段落之间的距离 */
}

.container a {
    color: #007bff; /* 蓝色链接 */
    text-decoration: none; /* 去掉下划线 */
}

.container a:hover {
    text-decoration: underline; /* 悬停时添加下划线 */
    color: #0056b3; /* 悬停时颜色变深 */
}

.container .bolder {
    font-weight: bold; /* 加粗字体 */
    color: #000; /* 黑色文字 */
    margin-bottom: 0.5rem; /* 小间距 */
}


.table {
    margin-top: 20px; /* 表格上方留白 */
}


.table th, .table td {
    text-align: center; /* 确保表头和单元格内容居中 */
    vertical-align: middle; /* 垂直居中 */
}

.img-fluid {
    max-height: 100px; /* 控制图片的最大高度 */
    max-width: 80%; /* 限制图片的最大宽度，保证美观 */
    height: auto; /* 保持图片的高宽比 */
    display: block; /* 使图片块级显示 */
    margin: 0 auto; /* 自动外边距实现水平居中 */
}


.img-responsive {
    display: block; /* 确保图片块级显示 */
    max-height: 100px; /* 控制图片的最大高度 */
    height: auto; /* 高度自动调整 */
    margin: auto; /* 上下左右自动调整以居中显示 */
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.card-body .row {
    margin: 0; /* 移除行间距 */
}