.side-nav {
position: fixed;  // 固定定位
top: 50%;         // 從垂直方向上的中心開始
transform: translateY(-50%);  // 向上偏移50%
}
.side-nav ul {
padding: 0;  // 減少默認的內邊距
margin: 0;   // 減少默認的外邊距
list-style-type: none;  // 去除默認的列表符號
}
.side-nav li {
margin: 10px 0;  // 給列表項之間一定的間隔
}
.side-nav a {
display: block;  // 設置為塊級元素
padding: 10px 15px;  // 添加內邊距
text-decoration: none;  // 去除下劃線
color: #fff;  // 設置文字顏色
background-color: #333;  // 設置背景顏色
border-radius: 5px;  // 設置圓角邊框
transition: background-color 0.2s ease-in-out;  // 添加鼠標懸停效果
}
.side-nav a:hover {
background-color: #555;  // 鼠標懸停時顯示的顏色
}