额外CSS

hr {
border: none;
border-top: 1px dashed blue; /* 设置虚线样式，可以调整线条粗细和颜色 /
height: 1px; / 设置线条高度 /
margin: 20px 0; / 设置上下间距 /
}
h2 {
font-size:20px;
}
body {
font-size:16px;
background-color:white;
}
/ 设置链接样式 /
a {
text-decoration: none; / 去掉下划线 /
color: blue; / 设置默认颜色为黑色 */
}

/* 鼠标悬停时改变颜色 */
a:hover {
    color: red; /* 设置悬停时的颜色为红色 */
}

/* 按钮样式 */
.search-submit {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: white;
text-align: center;
text-decoration: none;
border: 2px solid #007bff;
border-radius: 5px;
cursor: pointer;
}

/* 按钮悬停样式 */
.search-submit:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}



/* 文本框样式 */
.search-field {
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    width: max;
    font-size: 16px;
}

/* 文本框悬停样式 */
.search-field:hover {
    border-color: #adb5bd;
}

/* 文本框聚焦样式 */
.search-field:focus {
    border-color: #007bff;
    outline: none;
}

nav {

    background-color: rgb(233,243,249); /* 设置灰色背景颜色 */
    border: 1px solid #000; /* 设置边框 */

padding: 20px; /* 设置内边距 /
margin-bottom: 40px; / 下外边距为40px /
border-radius: 10px; / 圆角边框 /
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); / 阴影效果 */
}

nav ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
nav li {
margin-right: 10px;
}