.navbar-inverse {
    background-color: rgb(113, 45, 249) !important;
    /* 您可以使用任何红色的色值，比如 #FF0000 */
    border-color: rgb(43, 0, 255) !important;
    /* 如果导航栏有边框，也将其设置为红色 */
}

.navbar-inverse .navbar-nav>li>a {
    color: white !important;
    /* 设置文本颜色为白色 */
    /*font-weight: bold !important;*/
    /* 设置文本为加粗 */
}

.navbar-inverse .navbar-brand {
    color: white !important;
    /* 设置文本颜色为白色 */
    /*  font-weight: bold !important; */
    /* 设置文本为加粗 */
}

/* 对所有导航链接的鼠标悬停效果 */
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #CCCCCC !important;
    /* 鼠标悬停时的颜色 */
    text-decoration: underline;
    /* 下划线效果 */
}

/* 对品牌（logo）的鼠标悬停效果 */
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #CCCCCC !important;
    /* 鼠标悬停时的颜色 */
    text-decoration: none;
    /* 无下划线 */
    cursor: pointer;
    /* 将鼠标光标改为手指形状 */
}


/*   以上是导航档已改好   */

body {
    background-color: #f4f4f4;
    /* 设定背景颜色 */
    font-family: 'Arial', sans-serif;
    /* 设定字体 */
}

/* .container {
    max-width: 1200px;
    /* 最大宽度 */
margin: auto;
/* 水平居中 */
padding: 20px;
/* 内边距 */
}

*/ .card {
    background-color: #ffffff;
    /* 卡片背景颜色 */
    border-radius: 8px;
    /* 边角圆滑度 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* 卡片阴影 */
    margin-bottom: 20px;
    /* 卡片间距 */
    padding: 20px;
    /* 卡片内边距 */
}

.card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    /* 鼠标悬停阴影效果 */
}

.card-header {
    font-weight: bold;
    /* 标题加粗 */
    margin-bottom: 15px;
    /* 标题与内容间距 */
}

.card-content {
    line-height: 1.6;
    /* 内容行间距 */
}

/* 根据实际结构，您可能需要调整选择器 */