已按 BUG-002 要求只改了 CSS,未动任何 JS。修改总结如下: ### 1. 未激活 Tab(`.tab-item`) - **字色**:`.tab-text` 与 `.tab-icon` 均为 `#9ca3af` - **下划线**:无实线,用 `border-bottom: 6rpx solid transparent` 占位,避免切换时高度抖动 - 其它:`height: 100%`、`min-height: 75rpx`,让底部边框落在 tab 栏最下方;`border-radius: 0`,改为下划线式 tab ### 2. 激活 Tab(`.tab-item.active`) - **字重**:`.tab-text` 设为 `font-weight: 700` - **下划线**:`border-bottom: 6rpx solid #f97316`(与要求 3px 等效,用 6rpx 保持与页面其它 rpx 一致) - **字色**:`.tab-text`、`.tab-icon` 均为 `color: #f97316` - **背景**:`background: transparent`,去掉原来的橙色块,只保留下划线样式 效果:当前选中的「健康概览」或「营养配餐」会以**加粗 + 橙色字 + 橙色底线下划线**显示,未选中的 Tab 为**灰色字、无下划线**,视觉区分更明显。