-nav 限定样式，避免污染全局 */
#custom-bottom-nav .mobile-bottom {
display: flex;
justify-content: space-around;
align-items: center;
background: #ffffff;
box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
padding: 6px 0;
}
#custom-bottom-nav .mobile-bottom-item {
flex: 1;
text-align: center;
}
#custom-bottom-nav .mobile-bottom-item a,
#custom-bottom-nav .mobile-bottom-item .top-btn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #555;
text-decoration: none;
font-size: 12px;
line-height: 1.3;
cursor: pointer;
transition: color 0.2s;
}
/* 所有图标基础样式：大小和底部间距 */
#custom-bottom-nav .mobile-bottom-item i {
font-size: 22px;
margin-bottom: 2px;
transition: color 0.2s;
}
/* ----- 为每个图标赋予不同颜色 ----- */
#custom-bottom-nav .fa-house { color: #4A90E2; } /* 首页蓝 */
#custom-bottom-nav .fa-cube { color: #7ED321; } /* 产品绿 */
#custom-bottom-nav .fa-medal { color: #F5A623; } /* 荣誉橙 */
#custom-bottom-nav .fa-envelope { color: #D0021B; } /* 联系红 */
#custom-bottom-nav .fa-arrow-up { color: #9013FE; } /* 顶部箭头紫 */
/* 顶部按钮图标单独加圆圈并居中 */
#custom-bottom-nav .mobile-bottom-item .top-btn i {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #f0f0f0; /* 默认浅灰色背景 */
margin: 0 auto 2px;
font-size: 20px;
outline: none;
-webkit-tap-highlight-color: transparent;
}
/* 确保点击、焦点、激活时背景无变化 */
#custom-bottom-nav .mobile-bottom-item .top-btn i:active,
#custom-bottom-nav .mobile-bottom-item .top-btn i:focus,
#custom-bottom-nav .mobile-bottom-item .top-btn i:focus-visible {
background-color: #f0f0f0 !important;
filter: none !important;
outline: none !important;
}
/* 悬停效果：普通链接图标亮度变化（不影响返回顶部按钮） */
#custom-bottom-nav .mobile-bottom-item a:hover i {
filter: brightness(0.85);
}
/* 悬停时文字颜色加深（适用于所有按钮，包括返回顶部） */
#custom-bottom-nav .mobile-bottom-item a:hover,
#custom-bottom-nav .mobile-bottom-item .top-btn:hover {
color: #333;
}
/* 返回顶部按钮悬停：无背景加深，无亮度变化（通过不设置任何规则实现） */
/* 移动端固定底部 */
@media (max-width: 768px) {
#custom-bottom-nav .mobile-bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1003;
}
body {
padding-bottom: 80px;
}
}
/* 桌面端隐藏整个导航 */
@media (min-width: 769px) {
#custom-bottom-nav {
display: none;
}
}