diff --git a/design-refs/mockup/components-page-1.png b/design-refs/mockup/components-page-1.png
index a78fc6b..4132207 100644
Binary files a/design-refs/mockup/components-page-1.png and b/design-refs/mockup/components-page-1.png differ
diff --git a/design-refs/mockup/components-page-2.png b/design-refs/mockup/components-page-2.png
index a40dcb5..223e8fb 100644
Binary files a/design-refs/mockup/components-page-2.png and b/design-refs/mockup/components-page-2.png differ
diff --git a/design-refs/mockup/components-page-7.png b/design-refs/mockup/components-page-7.png
index 5f967d5..a48b36c 100644
Binary files a/design-refs/mockup/components-page-7.png and b/design-refs/mockup/components-page-7.png differ
diff --git a/design-refs/mockup/components.html b/design-refs/mockup/components.html
index bb868ae..e31a99a 100644
--- a/design-refs/mockup/components.html
+++ b/design-refs/mockup/components.html
@@ -90,7 +90,7 @@
   .topbar .menu span.active { color: #ffffff; font-weight: 600; }
   .topbar .ava {
     width: 24px; height: 24px; border-radius: 50%;
-    background: linear-gradient(135deg, #6366f1, #ec4899);
+    background: #6366f1;
     display: flex; align-items: center; justify-content: center;
     color: #fff; font-size: 11px; font-weight: 700;
   }
@@ -177,7 +177,7 @@
   <div style="position:absolute; top:0; left:0; right:0; height:46px; background:#111; color:#b9b9b9; display:flex; align-items:center; padding:0 40px; gap:26px; font-size:13px;">
     <span style="color:#fff; font-weight:800; font-size:15px;">stack·idealjs</span>
     <span style="display:flex; gap:24px; margin:0 auto;"><span style="color:#fff;">全栈教程 🎓</span><span>工具使用</span><span>博客</span></span>
-    <span style="width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,#6366f1,#ec4899);"></span>
+    <span style="width:26px; height:26px; border-radius:50%; background:#6366f1;"></span>
   </div>
   <div style="position:absolute; top: 110px; left: 80px; font-size:15px; letter-spacing:4px; font-weight:500; color:#6b6b6b;">STACK IDEALJS · 全栈工程师教程</div>
   <h1 style="position:absolute; top: 158px; left: 80px; margin:0; font-size:74px; line-height:1.15; font-weight:800; color:#1a1a1a;">组件设计稿 · Storybook 拆分</h1>
diff --git a/design-refs/mockup/components.pdf b/design-refs/mockup/components.pdf
index 59d02c2..9258330 100644
Binary files a/design-refs/mockup/components.pdf and b/design-refs/mockup/components.pdf differ
diff --git a/design-refs/mockup/course-shelf.html b/design-refs/mockup/course-shelf.html
index 38737f4..e0ef6e6 100644
--- a/design-refs/mockup/course-shelf.html
+++ b/design-refs/mockup/course-shelf.html
@@ -79,7 +79,7 @@
   .topbar .menu span.active { color: #ffffff; font-weight: 600; }
   .topbar .ava {
     width: 24px; height: 24px; border-radius: 50%;
-    background: linear-gradient(135deg, #6366f1, #ec4899);
+    background: #6366f1;
     display: flex; align-items: center; justify-content: center;
     color: #fff; font-size: 11px; font-weight: 700;
   }
@@ -231,7 +231,7 @@
   .cover .bandtop .logo { color: #fff; font-weight: 800; font-size: 15px; }
   .cover .bandtop .menu { display: flex; gap: 24px; margin: 0 auto; }
   .cover .bandtop .menu .active { color: #fff; }
-  .cover .bandtop .ava { width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg,#6366f1,#ec4899); }
+  .cover .bandtop .ava { width: 26px; height: 26px; border-radius: 50%; background: #6366f1; }
 </style>
 </head>
 <body>
diff --git a/design-refs/mockup/course-shelf.pdf b/design-refs/mockup/course-shelf.pdf
index e5c22cd..d502c48 100644
Binary files a/design-refs/mockup/course-shelf.pdf and b/design-refs/mockup/course-shelf.pdf differ
diff --git a/design-refs/mockup/page-1.png b/design-refs/mockup/page-1.png
index 40c45b3..1675ada 100644
Binary files a/design-refs/mockup/page-1.png and b/design-refs/mockup/page-1.png differ
diff --git a/design-refs/mockup/page-2.png b/design-refs/mockup/page-2.png
index 72bd7aa..53c6d8d 100644
Binary files a/design-refs/mockup/page-2.png and b/design-refs/mockup/page-2.png differ