text-shadow 是独立 css 属性，非 _style 子项，须写在 style 或 css 规则中；参数顺序严格，多阴影需每组完整；移动端与深色模式下易因对比度低或模糊过大而“隐身”。
直接说结论：text-shadow 不是 _STYLE 属性，也不是通过 _STYLE 控制的；它是独立的 CSS 属性，必须写在 style 属性里（内联）或 CSS 规则中，语法为 <code>text-shadow: h-offset v-offset blur-radius color;。试图用 _STYLE 这类不存在的属性名去控制阴影，代码不会生效。
text-shadow 必须写在 style 属性或 CSS 选择器里
常见错误是把 text-shadow 当成某个父级属性（比如误以为是 _STYLE 的子项），或者混进 font 复合属性里——它不接受这种嵌套。
-
✅ 正确写法（内联 style）：
<p style="<code>text-shadow: 2px 2px 4px rgba(0,0,0,0.5);</code>">有阴影的文字</p>
-
✅ 正确写法（外部/内部 CSS）：
h2 { <code>text-shadow: 0 0 8px #ff6b6b;</code> } -
❌ 错误写法（不存在
_STYLE）：<p _style="<code>text-shadow: ...</code>">...</p>
浏览器完全忽略 `_STYLE`，阴影不会出现。 -
❌ 错误写法（塞进 font）：
font: bold 16px sans-serif <code>text-shadow: ...</code>;
`font` 不支持 `text-shadow`，整条声明可能被丢弃。
参数顺序和可省略项容易搞错
<code>text-shadow 四个参数中，前两个（水平、垂直偏移）必须存在；后两个（模糊半径、颜色）可省略但不能颠倒位置。
-
<code>text-shadow: 2px 2px;→ 浏览器用文字颜色+默认模糊 0 渲染（通常不可见，易以为失效） -
<code>text-shadow: 2px 2px #666;→ 合法，模糊为 0，边缘锐利 -
<code>text-shadow: 2px 2px 4px;→ 合法，颜色用文字色（如文字是 red，阴影也是 red） -
<code>text-shadow: 2px 4px #666 4px;→ ❌ 无效：4px放在 color 后面，浏览器跳过整条声明
多阴影时每组必须完整，例如：
text-shadow: 1px 1px 0 #999, 2px 2px 0 #777, 3px 3px 0 #555;不能写成 `
text-shadow: 1px 1px, 2px 2px, 3px 3px #555;` —— 后两组缺颜色或模糊，会中断解析。
移动端和深色模式下阴影常“消失”，其实是对比度问题
不是 text-shadow 失效，而是：
- 文字和阴影颜色太接近（比如浅灰文字 + 浅灰阴影），尤其在 OLED 屏幕上几乎不可见
- 深色模式自动切换背景，但
text-shadow没做适配，原设的#000阴影在黑色背景上彻底隐形 - 模糊半径过大（如
50px）导致阴影扩散稀释，在小字号上只剩一团灰雾
建议做法：
- 用
<code>rgba()显式控制透明度，例如<code>text-shadow: 1px 1px 2px rgba(0,0,0,0.3); - 深色模式下换浅色阴影：
@media (prefers-color-scheme: dark) { h1 { <code>text-shadow: 0 0 4px rgba(255,255,255,0.4);</code> } } - 移动端字号
blur-radius控制在0–2px，避免虚化吞没文字轮廓
关键点就落在：text-shadow 是一个独立、严格按序解析的 CSS 属性，没有所谓 _STYLE 封装层；它对参数顺序、颜色对比、设备特性极其敏感——调不出来，八成是颜色/模糊/偏移值在特定上下文里“隐身”了，而不是语法写错了。
