/*
@index.php 首页主内容区、底部导航栏等样式分离
包含首页tab、底部导航栏、灯箱、资料区等样式，原本内联于index.php。
详细注释每一部分，便于维护和定位。
*/

.bottom-nav-bar {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    height: 56px;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    display: flex;
    z-index: 9999;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.04);
}
.bottom-nav-item {
    flex: 1;
    text-align: center;
    padding: 6px 0 2px 0;
    color: #888;
    font-size: 13px;
    cursor: pointer;
    transition: color 0.2s;
}
.bottom-nav-item.active {
    color: var(--primary-color, #3976cb);
}
.bottom-nav-item .nav-icon {
    display: block;
    font-size: 22px;
    margin-bottom: 2px;
}
/* 锚点切换相关样式已移除，现在使用独立页面 */
@media (min-width: 1025px) {
  .bottom-nav-bar { display: none; }
}
/* 其余补充样式可根据实际需求继续添加 */