Fix SVG: redraw 菱形頂 with diamond + candlestick wicks + M-top price line

Copilot · huangantony · web-flow · commit bf74e5e46b1f · 2026-03-29T13:29:23.000Z
Agent-Logs-Url: https://github.com/huangantony/huangantony.github.io/sessions/fd61d7be-24c4-469a-a098-be4003ea28fa Co-authored-by: huangantony <22092167+huangantony@users.noreply.github.com>
diff --git a/assets/images/technical-patterns-chart.svg b/assets/images/technical-patterns-chart.svg
@@ -77,8 +77,16 @@
 
   <!-- 3. 菱形頂 -->
   <g transform="translate(258,90)">
+    <!-- Diamond outline -->
     <polygon points="38,5 68,32 38,58 8,32" fill="none" stroke="#c0392b" stroke-width="2.5"/>
-    <line x1="8" y1="32" x2="0" y2="65" stroke="#c0392b" stroke-width="2"/>
+    <!-- Candlestick wicks crossing both diamond edges -->
+    <line x1="16" y1="18" x2="16" y2="46" stroke="#c0392b" stroke-width="1.5"/>
+    <line x1="26" y1="8"  x2="26" y2="56" stroke="#c0392b" stroke-width="1.5"/>
+    <line x1="38" y1="2"  x2="38" y2="61" stroke="#c0392b" stroke-width="1.5"/>
+    <line x1="50" y1="8"  x2="50" y2="56" stroke="#c0392b" stroke-width="1.5"/>
+    <line x1="60" y1="18" x2="60" y2="46" stroke="#c0392b" stroke-width="1.5"/>
+    <!-- M-top zigzag price line through wicks -->
+    <polyline points="16,38 26,14 38,28 50,11 60,36" fill="none" stroke="#c0392b" stroke-width="2"/>
     <text x="38" y="80" text-anchor="middle" font-size="11" fill="#c0392b" font-weight="bold">菱形頂</text>
   </g>
 
