.body {
    filter:blur(0.5px) contrast(2.3) grayscale(0.4) saturate(2);
    background-color:rgb(19, 19, 19);
    color:aliceblue;
    text-align:center;
    height:100vh;
}
ul
{
    margin-top:40%;
    margin-left:10%;
    display:flex;
    flex-direction:column;
    gap:40px;
    list-style-type:none;
    padding:0;
    background-color:rgba(78, 78, 78, 0);
}
li
{
    display:flex;
}
a:link,a:visited
{
    line-height: 65px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:rgba(89, 88, 88, 0.185);
    text-align:center;
    height:auto;
    width:250px;
    text-decoration:none;
    text-transform:uppercase;
    border-radius:1px;
    font-size:25px;
    transition:padding 0.2s ease, box-shadow 0.4s ease;
}
a:hover,a:active
{
    background-color:rgba(49, 48, 48, 0.185);
    box-shadow: -1px -1px 10px 7px rgba(255, 252, 252, 0.168);
    padding:1.4%;
}
.book {
    background-color:rgba(255, 252, 252, 0.168);
    height:1350px;
    width:100%;
}
.book3 {
    background-color:rgba(255, 252, 252, 0.168);
    height:850px;
    width:100%;
}
.book2 {
    background-color:rgba(255, 252, 252, 0.168);
    height:2350px;
    width:100%;
}
.grid2 {
    display:grid;
    grid-template-rows:709px;
    grid-template-columns:1fr 3fr;
    gap:1px;
}
.box {
    background-color:rgba(255, 252, 252, 0.168);
    height:710px;
    width:100%;
}
audio {
    width: 74%; /* 宽度为100% */
    height: 50px; /* 高度为50px */
    border-radius: 10px; /* 边框半径为10px */
}
 
/* 设置音频播放进度条的颜色 */
audio::-webkit-media-controls-progress-bar {
    background-color: rgba(149, 148, 148, 0.2);
}
 
/* 定义播放器的背景颜色 */
.player {
    /* background: linear-gradient(to bottom, #304352, #d7d2cc); */
    background-color: rgba(120, 119, 119, 0.2); /* 背景颜色为rgba(238, 238, 238, 0.2) */
}
 
/* 隐藏音频播放器的背景颜色 */
audio::-webkit-media-controls-enclosure {
    background-color: rgba(120, 119, 119, 0.2);
}