body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding-top: 70px; /* 保持内容与导航栏的距离 */
    background-color: #504B5A; /* 使用 SVG 中的颜色作为背景色 */
}

.navbar {
    background-color: #333; /* 导航栏背景色 */
}

.navbar-brand {
    color: #EDEDEE; /* 导航栏品牌字体颜色 */
    font-size: 1.5rem; /* 导航栏品牌字体大小 */
}

.feature-list {
    text-align: center; /* 功能列表居中 */
    padding: 40px 0;
}

.feature-item {
    margin: 20px 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.1); /* 功能项背景色 */
    border-radius: 8px; /* 功能项边框圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* 功能项阴影 */
    transition: transform 0.3s ease-in-out;
}

.feature-item:hover {
    transform: translateY(-5px); /* 鼠标悬浮时上移 */
}

.feature-item a {
    font-size: 1.25rem; /* 功能项链接字体大小 */
    color: #EDEDEE; /* 使用 SVG 中的颜色作为链接颜色 */
    text-decoration: none; /* 去除下划线 */
}

.feature-item a:hover {
    color: #fff; /* 鼠标悬浮时链接颜色变亮 */
}

.logout-button {
    display: inline-block; /* 使按钮内联显示 */
    margin-left: 15px; /* 与导航项保持一定间距 */
}

/* 确保退出按钮的样式与导航栏协调 */
.logout-button .btn {
    padding: 6px 12px;
    font-size: 1rem; /* 根据需要调整按钮大小 */
}