diff --git a/web/src/index.css b/web/src/index.css
index ff5f4f7..476dab9 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -391,9 +391,11 @@
   --color-info-shadow-soft: rgba(0, 153, 204, 0.20);
   --color-info-shadow-strong: rgba(0, 153, 204, 0.35);
 
-  /* White alpha on dark media — 保留白色徽章语义 */
-  --color-bg-on-media: rgba(255, 255, 255, 0.90);
-  --color-bg-on-media-hover: rgba(255, 255, 255, 1.0);
+  /* Video 上的悬浮按钮(下载/收藏)— 必须任意视频帧背景下都可读 ⇒
+     沿用行业惯例:深半透底 + 白图标(参考 YouTube/抖音/小红书的视频控件)。
+     v0.20.0 改成 rgba(255,255,255,0.90) 是错的 — 白底 + --color-on-overlay 白 icon = 看不见。 */
+  --color-bg-on-media: rgba(0, 0, 0, 0.55);
+  --color-bg-on-media-hover: rgba(0, 0, 0, 0.72);
 
   /* Scrollbar */
   --color-scrollbar-thumb: rgba(0, 0, 0, 0.15);