/* 通用样式 */
body {
    font-family: Arial, sans-serif; /* 设置字体为 Arial 或无衬线字体 */
    margin: 0; /* 去除默认外边距 */
    padding: 0; /* 去除默认内边距 */
}

/* 页眉样式 */
header {
    background: #000000; /* 设置背景色为黑色 */
    color: white; /* 设置文字颜色为白色 */
    padding: 1em 0; /* 上下内边距为 1em */
    display: flex; /* 使用 Flexbox 布局 */
    justify-content: space-between; /* 左右两边内容分开 */
    align-items: center; /* 垂直居中对齐 */
}

/* 页眉中的 logo 样式 */
/*header .logo {
/*    display: inline-block; /* 使 logo 内联块状显示 */
/*    margin-left: 4em; /* 左边距设置为 4em，可根据需要调整 */
/*}
/* 页眉中的 logo 样式 */
header .logo {
    display: inline-block; /* 使 logo 内联块状显示 */
    margin-left: 4em; /* 左边距设置为 4em，可根据需要调整 */
    font-family: 'UnifrakturCook', cursive; /* 使用哥特字体 */
    font-size: 2em; /* 可以调整字体大小 */
}

/* 页眉中的导航菜单样式 */
header nav ul {
    list-style: none; /* 去除默认的列表样式 */
    display: flex; /* 使用 Flexbox 布局 */
    margin: 0; /* 去除默认外边距 */
    padding: 0; /* 去除默认内边距 */
}

/* 页眉中的导航菜单项样式 */
header nav ul li {
    display: inline; /* 使菜单项内联显示 */
    margin-right: 1em; /* 右边距设置为 1em */
}

/* 页眉中的导航链接样式 */
header nav ul li a {
    color: white; /* 链接文字颜色为白色 */
    text-decoration: none; /* 去除下划线 */
}

/* 主页介绍部分样式 */
.intro {
    text-align: center; /* 文字居中对齐 */
    padding: 2em 0; /* 上下内边距设置为 2em */
}

/* 项目展示部分样式 */
.gallery {
    display: flex; /* 使用 Flexbox 布局 */
    flex-wrap: wrap; /* 允许换行 */
    justify-content: center; /* 项目居中对齐 */
}

/* 单个项目样式 */
.project {
    margin: 1em; /* 外边距设置为 1em */
    text-align: center; /* 文字居中对齐 */
}

/* 项目中链接的颜色设置为黑色 */
.project a {
    color: black; /* 链接文字颜色为黑色 */
    text-decoration: none; /* 去除下划线 */
}


.project img {
    width: 100%; /* 图片宽度为其容器的100% */
    height: auto; /* 高度自动调整以保持纵横比 */
    max-width: 400px; /* 设置最大宽度为400px */
    object-fit: cover; /* 确保图片按比例填充容器 */
}

/* 页脚样式 */
footer {
    background: #000000; /* 设置背景色为黑色 */
    color: white; /* 设置文字颜色为白色 */
    text-align: center; /* 文字居中对齐 */
    padding: 1em 0; /* 上下内边距设置为 1em */
}

/* 页脚中的导航菜单样式 */
footer nav ul {
    list-style: none; /* 去除默认的列表样式 */
    padding: 0; /* 去除默认内边距 */
}

/* 页脚中的导航菜单项样式 */
footer nav ul li {
    display: inline; /* 使菜单项内联显示 */
    margin-right: 1em; /* 右边距设置为 1em */
}

/* 页脚中的导航链接样式 */
footer nav ul li a {
    color: white; /* 链接文字颜色为白色 */
    text-decoration: none; /* 去除下划线 */
}

/* 所有链接的样式 */
a {
    color: white; /* 链接文字颜色为白色 */
}