uni-app原生导航栏不支持text-shadow，需用custom模式+自定义view模拟阴影效果，注意状态栏适配、胶囊按钮预留空间及多端真机测试。
uni-app原生导航栏不支持直接加 text-shadow
原生导航栏（即未设 navigationStyle: "custom" 时）的文字由系统原生控件渲染，text-shadow、font-weight 等 CSS 属性完全无效。你写在 <uni-nav-bar></uni-nav-bar> 上的样式，或通过 navigationBarTextStyle 配置的粗细/颜色，都只是触发平台级的有限映射——iOS 只认 "black" 和 "white"，Android 多数只响应颜色值，阴影无任何接口可配。
想让标题文字有“阴影感”，只能换路径：用 custom 模式 + 自定义 view
这是唯一可控的方式，但要注意不是“加阴影”，而是用视觉差模拟：
- 给自定义标题容器（如
<view class="nav-title"></view>）设一层深色半透明背景（如background: rgba(0,0,0,0.1)），再叠一层浅色文字，形成衬底对比 - 若需明确投影效果，可用
box-shadow: 0 1px 2px rgba(0,0,0,0.1)加在标题容器外层，但必须确保该容器没被overflow: hidden截断 - 避免用
filter: drop-shadow()—— 在低端安卓机上易糊边、掉帧，iOS Safari 渲染也不稳定 - 字体大小建议 ≥17px，太小的文字加阴影后更易发虚，尤其在 iOS 上
APP 端 custom 导航栏里，状态栏区域不能漏处理
设了 navigationStyle: "custom" 后，原生导航栏消失，但状态栏（status bar）仍存在。如果你的自定义导航栏没顶到屏幕最顶，或没适配安全区，文字就会被裁、错位，看起来像“阴影偏移”：
- 必须在根容器加
padding-top: var(--status-bar-height)（不是写死20px） - 若需 iOS 安全区兼容，额外加
padding-top: env(safe-area-inset-top)，两者叠加生效 - 别在
onLoad里用uni.getSystemInfo取状态栏高度——此时 DOM 未就绪，值常为0 - 真机调试务必用正式打包的 IPA/APK，HBuilderX 模拟器对状态栏渲染有偏差
小程序端右上角胶囊按钮会干扰“阴影”视觉
即使你用了 custom 模式，微信小程序仍强制显示右上角胶囊按钮（带「…」的那个），它自带灰色背景和微弱描边。如果你的自定义标题靠右、或用了浅色文字+深色衬底，这个胶囊会显得像一块突兀的“阴影块”：
- 不要尝试
display: none或opacity: 0盖住它——微信会拦截 DOM 操作，且真机无效 - 标准做法是预留右侧空间（如
padding-right: 80px），把标题左对齐，让胶囊自然落在空白区 - 若必须右对齐文字，建议改用深色文字 + 浅色衬底（如
color: #333; background: rgba(255,255,255,0.9)），降低胶囊与标题的对比冲突
rgba 渲染成灰蒙蒙一片——得靠多真机测，而不是调完一个参数就认为搞定。
