/* ============================================================ * 社区移动端底部导航（共享样式） * 标记由 /bbs/mobile_nav.php 输出；bbs 各页在 引入本文件。 * 须置于 style.css 之后，以便窄屏覆盖 .nav 的显示。 * ============================================================ */ .mobile-nav { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: #FFFFFF; border-top: 1px solid #E8E8E8; padding: 8px 0; z-index: 100; } .mobile-nav-inner { display: flex; justify-content: space-around; } .mobile-nav-item { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 12px; color: #999; text-decoration: none; font-size: 10px; } .mobile-nav-item.active { color: #5B8DEF; } .mobile-nav-item span:first-child { font-size: 22px; } .mobile-nav-spacer { display: none; } @media (max-width: 768px) { /* 窄屏统一为底部导航（与 /bbs/ 首页一致），顶部导航收起 */ .nav { display: none; } .mobile-nav { display: block; } .mobile-nav-inner { padding: 0 4px; } .mobile-nav-item { flex: 1 1 0; min-width: 0; padding: 6px 2px; } .mobile-nav-item span:last-child { font-size: 9px; white-space: nowrap; } /* 固定底栏安全区：实测底栏高 81px，留 82px 保证末尾内容不被遮挡 */ .mobile-nav-spacer { display: block; height: 82px; } }