@font-face{
    font-family: '方正粗黑宋简体';
    src: url('方正粗黑宋简体.ttf');
    font-weight: normal;
}

body{
    font-family: '方正粗黑宋简体';
    background-color: black;
}

nav {
    background-color: black; /* 设置背景颜色 */
    border-bottom: 1px solid white;/* 设置底部边框 */
    color: orange; /* 设置文字颜色 */
    width: 100%; /* 设置导航栏宽度为100% */
    position: fixed; /* 使用fixed定位，使导航栏固定在屏幕顶部 */
    top: 0; /* 将导航栏顶部与屏幕顶部对齐 */
    left: 0; /* 将导航栏左侧与屏幕左侧对齐 */
    height: 60px;
    display: flex;
    align-items: center; /* 垂直居左对齐内部元素 */
}

nav img{
    width: 60px;
    height: auto;
    position: absolute;
    top: 0;
    left: 5px;
}

ul {
    list-style-type: none; /* 移除列表样式 */
    padding: 0;
}

li {
    display: inline; /* 横向排列列表项 */
}

a {
    text-decoration: none; /* 移除链接下划线 */
    color: white; /* 设置链接文字颜色 */
    font-size: 150%;
    padding: 14.5px 30px; /* 设置链接内边距 */
}

a.img {
    margin-left: 80px;
}

a.text{
    font-size: 100%;
    padding: 0 0;
    text-decoration: underline;
}

a:active{
    background-color: #009fff;
}


p.nav {
    margin-top: 80px; /* 设置顶部外边距 */
    font-size: 110%;
    color: white;
}

p {
    margin: 10px; /* 设置外边距 */
    color: white;
}

span{
    color: #009fff;
}

footer{
    margin-top: 50px;
    color: white;
}