diff --git a/notes/pics/consumer-group.png b/notes/pics/consumer-group.png
index 2041c12c..8f95afcb 100644
Binary files a/notes/pics/consumer-group.png and b/notes/pics/consumer-group.png differ
diff --git a/tools/diagram/src/consumer-group.svg b/tools/diagram/src/consumer-group.svg
index 75d75b7c..62d4b44a 100644
--- a/tools/diagram/src/consumer-group.svg
+++ b/tools/diagram/src/consumer-group.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">
@@ -33,21 +33,21 @@
   <text x="310" y="28" class="title">消费者组</text>
   <rect x="235" y="58" width="150" height="210" rx="8" class="frame"/>
   <text x="245" y="76" class="b">Topic</text>
-  <rect x="258" y="95" width="110" height="36" rx="6" class="shadow"/>
+  <rect x="257" y="94" width="110" height="36" rx="6" class="shadow"/>
   <rect x="255" y="92" width="110" height="36" rx="6" fill="#B1DDF0"/>
   <text x="310" y="114.5" class="b c">分区 0</text>
-  <rect x="258" y="150" width="110" height="36" rx="6" class="shadow"/>
+  <rect x="257" y="149" width="110" height="36" rx="6" class="shadow"/>
   <rect x="255" y="147" width="110" height="36" rx="6" fill="#B1DDF0"/>
   <text x="310" y="169.5" class="b c">分区 1</text>
-  <rect x="258" y="205" width="110" height="36" rx="6" class="shadow"/>
+  <rect x="257" y="204" width="110" height="36" rx="6" class="shadow"/>
   <rect x="255" y="202" width="110" height="36" rx="6" fill="#B1DDF0"/>
   <text x="310" y="224.5" class="b c">分区 2</text>
   <rect x="20" y="58" width="160" height="210" rx="8" class="frame"/>
   <text x="30" y="76" class="b">消费者组 A</text>
-  <rect x="43" y="110" width="110" height="36" rx="6" class="shadow"/>
+  <rect x="42" y="109" width="110" height="36" rx="6" class="shadow"/>
   <rect x="40" y="107" width="110" height="36" rx="6" fill="#B0E3E6"/>
   <text x="95" y="129.5" class="b c">A1</text>
-  <rect x="43" y="190" width="110" height="36" rx="6" class="shadow"/>
+  <rect x="42" y="189" width="110" height="36" rx="6" class="shadow"/>
   <rect x="40" y="187" width="110" height="36" rx="6" fill="#B0E3E6"/>
   <text x="95" y="209.5" class="b c">A2</text>
   <line x1="253" y1="110" x2="155" y2="120" class="arrow "/>
@@ -55,16 +55,16 @@
   <line x1="253" y1="220" x2="155" y2="205" class="arrow "/>
   <rect x="440" y="50" width="160" height="262" rx="8" class="frame"/>
   <text x="450" y="68" class="b">消费者组 B</text>
-  <rect x="468" y="80" width="110" height="36" rx="6" class="shadow"/>
+  <rect x="467" y="79" width="110" height="36" rx="6" class="shadow"/>
   <rect x="465" y="77" width="110" height="36" rx="6" fill="#B0E3E6"/>
   <text x="520" y="99.5" class="b c">B1</text>
-  <rect x="468" y="135" width="110" height="36" rx="6" class="shadow"/>
+  <rect x="467" y="134" width="110" height="36" rx="6" class="shadow"/>
   <rect x="465" y="132" width="110" height="36" rx="6" fill="#B0E3E6"/>
   <text x="520" y="154.5" class="b c">B2</text>
-  <rect x="468" y="190" width="110" height="36" rx="6" class="shadow"/>
+  <rect x="467" y="189" width="110" height="36" rx="6" class="shadow"/>
   <rect x="465" y="187" width="110" height="36" rx="6" fill="#B0E3E6"/>
   <text x="520" y="209.5" class="b c">B3</text>
-  <rect x="468" y="245" width="110" height="36" rx="6" class="shadow"/>
+  <rect x="467" y="244" width="110" height="36" rx="6" class="shadow"/>
   <rect x="465" y="242" width="110" height="36" rx="6" fill="#E6E6E6"/>
   <text x="520" y="258" class="b c">B4</text>
   <text x="520" y="273" class="sub c">空闲</text>