.footer {
    background-color:  #31224f;
    color: #ffffff;
    padding: 10px 20px;
    position: fixed; /* 改為fixed固定在底部 */
    bottom: 0;
    left: 0; /* 添加左側位置為0 */
    right: 0; /* 添加右側位置為0 */
    z-index: 100;
    display: flex;
    justify-content: space-between;
}


.footer-content {
    display: flex;
    align-items: center;
}

.footer-item {
    margin-left: 15px; /* 添加左邊距使項目分開 */
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
}

.footer-item i {
    margin-right: 5px; /* 如果有圖標，與文字間隔一些距離 */
}