diff --git a/notes/pics/circuit-breaker.png b/notes/pics/circuit-breaker.png
index 3ddc6e37..fdf7373e 100644
Binary files a/notes/pics/circuit-breaker.png and b/notes/pics/circuit-breaker.png differ
diff --git a/notes/pics/rate-limit.png b/notes/pics/rate-limit.png
index f79e7b14..36705c08 100644
Binary files a/notes/pics/rate-limit.png and b/notes/pics/rate-limit.png differ
diff --git a/tools/diagram/src/circuit-breaker.svg b/tools/diagram/src/circuit-breaker.svg
index 37a27dd7..64e021d6 100644
--- a/tools/diagram/src/circuit-breaker.svg
+++ b/tools/diagram/src/circuit-breaker.svg
@@ -5,7 +5,7 @@
     .state { font-weight: bold; font-size: 14px; text-anchor: middle; }
     .en { font-size: 10px; fill: #888; text-anchor: middle; }
     .arrow { stroke: #666; stroke-width: 1.3; fill: none; marker-end: url(#a); }
-    .shadow { fill: #C0C0C0; }
+    .shadow { fill: #DADADA; }
   </style>
   <defs>
     <marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto">
@@ -16,19 +16,19 @@
   <text x="260" y="28" class="title">熔断器状态</text>
 
   <!-- 关闭：正常调用 -->
-  <rect x="58" y="81" width="110" height="44" rx="6" class="shadow"/>
+  <rect x="57" y="80" width="110" height="44" rx="6" class="shadow"/>
   <rect x="55" y="78" width="110" height="44" rx="6" fill="#B0E3E6"/>
   <text x="110" y="98" class="state">关闭</text>
   <text x="110" y="114" class="en">Closed，正常调用</text>
 
   <!-- 打开：直接返回默认结果 -->
-  <rect x="358" y="81" width="110" height="44" rx="6" class="shadow"/>
+  <rect x="357" y="80" width="110" height="44" rx="6" class="shadow"/>
   <rect x="355" y="78" width="110" height="44" rx="6" fill="#F3C6C2"/>
   <text x="410" y="98" class="state">打开</text>
   <text x="410" y="114" class="en">Open，直接返回</text>
 
   <!-- 半开：放行少量试探请求 -->
-  <rect x="208" y="193" width="110" height="44" rx="6" class="shadow"/>
+  <rect x="207" y="192" width="110" height="44" rx="6" class="shadow"/>
   <rect x="205" y="190" width="110" height="44" rx="6" fill="#B1DDF0"/>
   <text x="260" y="210" class="state">半开</text>
   <text x="260" y="226" class="en">Half-Open，少量试探</text>
diff --git a/tools/diagram/src/rate-limit.svg b/tools/diagram/src/rate-limit.svg
index 70f3d027..3eaf6df7 100644
--- a/tools/diagram/src/rate-limit.svg
+++ b/tools/diagram/src/rate-limit.svg
@@ -15,7 +15,7 @@
     .dash { stroke-dasharray: 5 4; }
     .line { stroke: #666; stroke-width: 1.3; fill: none; }
     .frame { fill: none; stroke: #999; stroke-width: 1; stroke-dasharray: 4 3; }
-    .shadow { fill: #C0C0C0; }
+    .shadow { fill: #DADADA; }
   </style>
   <defs>
     <marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
@@ -53,13 +53,13 @@
   <line x1="430" y1="80" x2="430" y2="108" class="arrow "/>
   <text x="440" y="92" class="sub">固定速率放入令牌</text>
   <path d="M380,110 L392,210 L478,210 L490,110" class="line"/>
-  <circle cx="410" cy="195" r="9" fill="#F3D9A4" stroke="#D9B44A"/>
-  <circle cx="435" cy="195" r="9" fill="#F3D9A4" stroke="#D9B44A"/>
-  <circle cx="460" cy="195" r="9" fill="#F3D9A4" stroke="#D9B44A"/>
-  <circle cx="422" cy="175" r="9" fill="#F3D9A4" stroke="#D9B44A"/>
-  <circle cx="448" cy="175" r="9" fill="#F3D9A4" stroke="#D9B44A"/>
+  <circle cx="410" cy="195" r="9" fill="#DDD7F6" stroke="#9188D8"/>
+  <circle cx="435" cy="195" r="9" fill="#DDD7F6" stroke="#9188D8"/>
+  <circle cx="460" cy="195" r="9" fill="#DDD7F6" stroke="#9188D8"/>
+  <circle cx="422" cy="175" r="9" fill="#DDD7F6" stroke="#9188D8"/>
+  <circle cx="448" cy="175" r="9" fill="#DDD7F6" stroke="#9188D8"/>
   <text x="435" y="140" class="c sub">桶满后不再放入</text>
-  <rect x="513" y="143" width="80" height="30" rx="6" class="shadow"/>
+  <rect x="512" y="142" width="80" height="30" rx="6" class="shadow"/>
   <rect x="510" y="140" width="80" height="30" rx="6" fill="#B0E3E6"/>
   <text x="550" y="159.5" class="b c">请求</text>
   <line x1="507" y1="165" x2="470" y2="190" class="arrow "/>