Chrome ≤79 不支持 #RRGGBBAA，需前置 rgba() 或六位十六进制 fallback；Chrome 64 首次支持但静默失效，@supports 不可靠，CSS 变量和现代函数需严格按规范书写并前置兼容声明。
Chrome ≤79 不支持 #RRGGBBAA，必须用 rgba() 或六位十六进制做 fallback；Chrome 64 是首个稳定支持该语法的版本，但企业内网仍可能卡在更旧版本，不能只靠眼见为实。
Chrome 64–79 对 #RRGGBBAA 的静默失效行为
Chrome 64 能解析 #ff6b3580，但 63 及更早版本会直接跳过整条声明——控制台零提示，颜色取继承值（常为黑色），页面看起来“正常”不代表生效。这不是 bug，是规范未实现导致的静默丢弃。
-
color: #ff6b3580;单独写 → Chrome 63 及更早：无颜色，非透明，是继承色 - fallback 必须前置：
color: #ff6b35; color: #ff6b3580;✅ - 顺序反了：
color: #ff6b3580; color: #ff6b35;❌ Chrome 63 两行都跳过 - 别信
@supports (color: #ff6b3580)—— Chrome 64 返回false，你无法区分是语法不支持还是拼写错误
rgba() 是最稳 fallback，但参数格式有坑
rgba() 从 Chrome 4 就支持，兼容性远宽于 #RRGGBBAA，但它对空格、百分比、小数精度敏感。
- 必须用整数 + 无空格：
rgba(255,107,53,0.5)✅；rgba(255, 107, 53, 0.5)❌（Chrome 6–12 拒绝逗号后空格） - alpha 值只能是 0–1 小数，不是百分比：
rgba(255,107,53,50%)非法，所有浏览器忽略整条声明 - 设计稿给
#3a86ff + 60% 透明，别手算 —— 直接转成#3a86ff99，再 fallback 为rgba(58,134,255,0.6)，二者数值严格对齐
CSS 变量里用 #RRGGBBAA 更危险
在 :root 里定义 --primary: #ff6b3580; 看似安全，但错一位、加引号、少空格，Chrome 64 就当变量为空，color: var(--primary) 取默认值（常为黑色）。
立即学习“前端免费学习笔记（深入）”；
-
--primary: "#ff6b3580";→ 带引号 = 字符串字面量，var(--primary)不生效 -
--primary: #ff6b358;→ 少一位 = 非法十六进制，变量值为空，需兜底：color: var(--primary, #000); - 真正安全做法：变量只存六位色值和 alpha 分离，例如
--primary-rgb: "58,134,255"; --primary-alpha: 0.6;，组合用rgba(var(--primary-rgb), var(--primary-alpha))
@supports 检测现代颜色函数时 fallback 位置不能错
想用 oklch() 或 color-mix()，必须把 fallback 写在 @supports 外部且在前——否则部分旧 Chromium 和 WebView 会忽略后续同名属性声明，最终没颜色。
- ✅ 正确：
color: #4a5568; @supports (color: oklch(0% 0 0)) { color: oklch(60% 0.2 240); } - ❌ 错误：
@supports (color: oklch(0% 0 0)) { color: oklch(60% 0.2 240); } color: #4a5568;→ 旧环境可能一条都不生效 - 检测写法要对：
@supports (color: oklch(0% 0 0))✅；@supports (color: oklab(0 0 0))❌（主流浏览器至今返回false）
最易被忽略的点：不是“写了 fallback 就万事大吉”，而是 fallback 必须在同一选择器内、紧邻前置、格式绝对合规；任何空格、单位缺失、变量拼写错误，都会让旧 Chrome 彻底放弃整条声明——它不报错，只是沉默地变黑。
