.nav-menu-icon {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 0.3s ease;
}

/* 导航图标默认和hover状态的背景图片 */
.nav-icon-home {
    background-image: url('../img/home.png');
}

.nav-item:hover .nav-icon-home, .nav-item.active .nav-icon-home {
    background-image: url('../img/home-hover.png');
}

.nav-icon-search {
    background-image: url('../img/search.png');
}

.nav-item:hover .nav-icon-search, .nav-item.active .nav-icon-search {
    background-image: url('../img/search-hover.png');
}

.nav-icon-booking {
    background-image: url('../img/booking.png');
}

.nav-item:hover .nav-icon-booking, .nav-item.active .nav-icon-booking {
    background-image: url('../img/booking-hover.png');
}

.nav-icon-chat {
    background-image: url('../img/chat.png');
}

.nav-item:hover .nav-icon-chat, .nav-item.active .nav-icon-chat {
    background-image: url('../img/chat-hover.png');
}

.active span {
    color: rgb(249,115,22);
}

/* 为移动设备页面内容添加底部间距，避免被导航栏遮挡 */
@media (max-width: 767px) {
    body {
        padding-bottom: 5rem !important;
    }
}