/* 导航栏整体样式 */
.md-nav {
    background-color: #f0f0f0; /* 灰色背景 */
    color: #333333; /* 深灰色文字 */
    font-family: 'Roboto', sans-serif; /* 使用 Roboto 字体 */
    font-size: 14px; /* 较小的文字大小 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 轻微阴影 */
}

/* 导航项的样式 */
.md-nav__link {
    padding: 6px 10px; /* 缩小间距 */
    display: block;
    color: #333333;
    text-decoration: none;
    transition: color 0.3s ease;
    border-radius: 4px;
}

/* 鼠标悬停效果 */
.md-nav__link:hover {
    background-color: #e0e0e0; /* 浅灰色背景 */
    color: #000000; /* 黑色文字 */
    text-decoration: none;
}

/* 激活状态下的导航项 */
.md-nav__link--active {
    font-weight: bold; /* 加粗字体 */
    color: #000000; /* 深色字体 */
}

/* 子导航项的样式 */
.md-nav__link--nested {
    padding-left: 15px; /* 更小的子项缩进 */
    font-size: 13px; /* 更小的文字大小 */
    color: #555555; /* 较浅的灰色 */
}

/* 修改导航栏的间距和布局 */
.md-nav__list {
    padding: 5px; /* 缩小整体间距 */
    margin: 0;
    list-style-type: none; /* 去除默认列表样式 */
}

/* 自定义搜索框样式 */
.md-search__input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    margin-bottom: 10px;
    transition: border-color 0.3s ease;
}

.md-search__input:focus {
    border-color: #000000; /* 聚焦时边框颜色 */
    outline: none;
}