header,main,footer{
    background-color: rgba(238, 229, 229, 0.203);
    /* border: 1px solid; */
    /* padding: 30px 50px; */
    margin: 30px;
}  
h1{
    color: white;
}
header{
    background-color:rgb(207, 214, 207);
}
header a{
    color: white;
}
header li{
    display: inline;
    margin-right:4vw;
    height:80px;
    width:100%;
}
footer{
    background-color: #333;
}



main{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 列等宽 */
    gap: 10px; /* 行列间距 */
}


.work{
    background-color: rgb(255, 196, 197);
    padding: 20px;
    text-align: center;
    border-radius: 4px; /* 圆角 */
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);  
}


mark {
    background-color: #a8e6ff; /* 浅蓝色背景 */
    color: #333; /* 深灰色文字 */
    padding: 2px 5px; /* 内边距 */
    border-radius: 4px; /* 圆角 */
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2); 
  }