diff --git a/web/admin/index.html b/web/admin/index.html
index 01a2c78..1cc1e9d 100644
--- a/web/admin/index.html
+++ b/web/admin/index.html
@@ -3,6 +3,10 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- 首屏防闪（issue #131）：跨页跳转时外部 CSS 未到的瞬间，
+     先用与最终布局一致的底色铺满画布（左 Sider 深色 + 内容区灰），
+     消除深色 Sider 区域的白闪（FOUC）。 -->
+<style>html{background:#f0f2f5}@media (min-width:721px){html{background:linear-gradient(90deg,#001529 208px,#f0f2f5 208px)}}</style>
 <title>iAOP 管理控制台</title>
 <link rel="stylesheet" href="admin.css">
 <link rel="stylesheet" href="../shared/pro.css">
diff --git a/web/auth/users.html b/web/auth/users.html
index 1cfa343..735a602 100644
--- a/web/auth/users.html
+++ b/web/auth/users.html
@@ -3,6 +3,10 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- 首屏防闪（issue #131）：跨页跳转时外部 CSS 未到的瞬间，
+     先用与最终布局一致的底色铺满画布（左 Sider 深色 + 内容区灰），
+     消除深色 Sider 区域的白闪（FOUC）。 -->
+<style>html{background:#f0f2f5}@media (min-width:721px){html{background:linear-gradient(90deg,#001529 208px,#f0f2f5 208px)}}</style>
 <title>iAOP 用户/角色管理</title>
 <style>
   /* iAOP 用户/角色管理页（issue #134 / PRD 8.2）：admin 专属 */
diff --git a/web/chat/assistant.html b/web/chat/assistant.html
index 79c1f04..6bd529d 100644
--- a/web/chat/assistant.html
+++ b/web/chat/assistant.html
@@ -3,6 +3,10 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- 首屏防闪（issue #131）：跨页跳转时外部 CSS 未到的瞬间，
+     先用与最终布局一致的底色铺满画布（左 Sider 深色 + 内容区灰），
+     消除深色 Sider 区域的白闪（FOUC）。 -->
+<style>html{background:#f0f2f5}@media (min-width:721px){html{background:linear-gradient(90deg,#001529 208px,#f0f2f5 208px)}}</style>
 <title>iAOP 对话助手（增强版）</title>
 <link rel="stylesheet" href="assistant.css">
 <link rel="stylesheet" href="../shared/pro.css">
diff --git a/web/cockpit/index.html b/web/cockpit/index.html
index 379f8ed..7d9a2dd 100644
--- a/web/cockpit/index.html
+++ b/web/cockpit/index.html
@@ -3,6 +3,10 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- 首屏防闪（issue #131）：跨页跳转时外部 CSS 未到的瞬间，
+     先用与最终布局一致的底色铺满画布（左 Sider 深色 + 内容区灰），
+     消除深色 Sider 区域的白闪（FOUC）。 -->
+<style>html{background:#f0f2f5}@media (min-width:721px){html{background:linear-gradient(90deg,#001529 208px,#f0f2f5 208px)}}</style>
 <title>iAOP 配置化驾驶舱</title>
 <link rel="stylesheet" href="cockpit.css">
 <link rel="stylesheet" href="../shared/pro.css">
diff --git a/web/studio/index.html b/web/studio/index.html
index 0697cbc..a784d6e 100644
--- a/web/studio/index.html
+++ b/web/studio/index.html
@@ -3,6 +3,10 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- 首屏防闪（issue #131）：跨页跳转时外部 CSS 未到的瞬间，
+     先用与最终布局一致的底色铺满画布（左 Sider 深色 + 内容区灰），
+     消除深色 Sider 区域的白闪（FOUC）。 -->
+<style>html{background:#f0f2f5}@media (min-width:721px){html{background:linear-gradient(90deg,#001529 208px,#f0f2f5 208px)}}</style>
 <title>iAOP 模板配置台</title>
 <link rel="stylesheet" href="studio.css">
 <link rel="stylesheet" href="../shared/pro.css">
