w-flowchart 1.0.2 → 1.0.3

package/test/pics/p10//350/263/207/346/226/231/346/270/205/346/264/227/346/265/201/347/250/213/345/234/226.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="562" height="504" viewBox="-18 -18 562 504" style="background:#fff"><rect x="12" y="12" width="502" height="443.5" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="206" y="17" width="114" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;overflow-wrap:break-word;word-break:normal">資料清洗流程</div></foreignObject><path d="M 144 95.5 L 188 95.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 188 95.5 L 179 91.5 L 179 99.5 Z" fill="#44505a"></path><path d="M 293 95.5 L 320 95.5 L 320 157 L 18 157 L 18 196 L 36 196" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 36 196 L 27 192 L 27 200 Z" fill="#44505a"></path><path d="M 144 196 L 188 196" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 188 196 L 179 192 L 179 200 Z" fill="#44505a"></path><path d="M 296 196 L 320 196 L 320 234 L 26 234 L 26 273 L 64 273" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 64 273 L 55 269 L 55 277 Z" fill="#44505a"></path><path d="M 144 273 L 202 273" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 202 273 L 193 269 L 193 277 Z" fill="#44505a"></path><path d="M 296 273 L 336 273 L 336 322 L 354 322" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 354 322 L 345 318 L 345 326 Z" fill="#44505a"></path><path d="M 354 340 L 336 340 L 336 343 L 144 343" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 144 343 L 153 347 L 153 339 Z" fill="#44505a"></path><foreignObject x="224" y="345.5" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">連線逾時</div></foreignObject><path d="M 144 331 L 354 331" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 354 331 L 345 327 L 345 335 Z" fill="#44505a"></path><path d="M 490 331 L 508 331 L 508 384.5 L 18 384.5 L 18 423.5 L 36 423.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 36 423.5 L 27 419.5 L 27 427.5 Z" fill="#44505a"></path><path d="M 144 423.5 L 188 423.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 188 423.5 L 179 419.5 L 179 427.5 Z" fill="#44505a"></path><rect x="36" y="77.5" width="108" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="36" y="77.5" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">原始資料匯入</div></div></foreignObject><rect x="188" y="54" width="105" height="83" rx="7" fill="#eef4fb"></rect><path d="M 195 54 H 286 A 7 7 0 0 1 293 61 V 86 H 188 V 61 A 7 7 0 0 1 195 54 Z" fill="#d2dfef"></path><rect x="188" y="54" width="105" height="83" rx="7" fill="none" stroke="#3f6fb0" stroke-width="1.6"></rect><line x1="188" y1="86" x2="293" y2="86" stroke="#3f6fb0" stroke-width="1"></line><foreignObject x="188" y="54" width="105" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">格式偵測</div></div></foreignObject><foreignObject x="188" y="86" width="105" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;辨識編碼</div><div style="white-space:nowrap">•&#160;辨識分隔符</div></div></foreignObject><rect x="36" y="178" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="36" y="178" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">欄位型別轉換</div></div></foreignObject><rect x="188" y="178" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="188" y="178" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">移除重複紀錄</div></div></foreignObject><rect x="64" y="255" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="64" y="255" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">空值補齊</div></div></foreignObject><rect x="202" y="255" width="94" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="202" y="255" width="94" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">異常值偵測</div></div></foreignObject><rect x="354" y="313" width="136" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="354" y="313" width="136" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">呼叫外部驗證服務</div></div></foreignObject><rect x="36" y="319" width="108" height="36" rx="7" fill="#fbecea" stroke="#c0392b" stroke-width="1.6"></rect><foreignObject x="36" y="319" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">重新嘗試連線</div></div></foreignObject><rect x="36" y="405.5" width="108" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="36" y="405.5" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">彙整清洗結果</div></div></foreignObject><rect x="188" y="405.5" width="122" height="36" rx="7" fill="#eaf4ef" stroke="#256046" stroke-width="1.6"></rect><foreignObject x="188" y="405.5" width="122" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#256046;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">輸出乾淨資料集</div></div></foreignObject></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="562" height="504" viewBox="-18 -18 562 504" style="background:#fff"><rect x="12" y="12" width="502" height="443.5" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="206" y="17" width="114" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;white-space:pre-line;overflow-wrap:break-word;word-break:normal">資料清洗流程</div></foreignObject><path d="M 144 95.5 L 188 95.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 188 95.5 L 179 91.5 L 179 99.5 Z" fill="#44505a"></path><path d="M 293 95.5 L 320 95.5 L 320 157 L 18 157 L 18 196 L 36 196" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 36 196 L 27 192 L 27 200 Z" fill="#44505a"></path><path d="M 144 196 L 188 196" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 188 196 L 179 192 L 179 200 Z" fill="#44505a"></path><path d="M 296 196 L 320 196 L 320 234 L 26 234 L 26 273 L 64 273" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 64 273 L 55 269 L 55 277 Z" fill="#44505a"></path><path d="M 144 273 L 202 273" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 202 273 L 193 269 L 193 277 Z" fill="#44505a"></path><path d="M 296 273 L 336 273 L 336 322 L 354 322" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 354 322 L 345 318 L 345 326 Z" fill="#44505a"></path><path d="M 354 340 L 336 340 L 336 343 L 144 343" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 144 343 L 153 347 L 153 339 Z" fill="#44505a"></path><foreignObject x="224" y="345.5" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">連線逾時</div></foreignObject><path d="M 144 331 L 354 331" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 354 331 L 345 327 L 345 335 Z" fill="#44505a"></path><path d="M 490 331 L 508 331 L 508 384.5 L 18 384.5 L 18 423.5 L 36 423.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 36 423.5 L 27 419.5 L 27 427.5 Z" fill="#44505a"></path><path d="M 144 423.5 L 188 423.5" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 188 423.5 L 179 419.5 L 179 427.5 Z" fill="#44505a"></path><rect x="36" y="77.5" width="108" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="36" y="77.5" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">原始資料匯入</div></div></foreignObject><rect x="188" y="54" width="105" height="83" rx="7" fill="#eef4fb"></rect><path d="M 195 54 H 286 A 7 7 0 0 1 293 61 V 86 H 188 V 61 A 7 7 0 0 1 195 54 Z" fill="#d2dfef"></path><rect x="188" y="54" width="105" height="83" rx="7" fill="none" stroke="#3f6fb0" stroke-width="1.6"></rect><line x1="188" y1="86" x2="293" y2="86" stroke="#3f6fb0" stroke-width="1"></line><foreignObject x="188" y="54" width="105" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">格式偵測</div></div></foreignObject><foreignObject x="188" y="86" width="105" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;辨識編碼</div><div style="white-space:nowrap">•&#160;辨識分隔符</div></div></foreignObject><rect x="36" y="178" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="36" y="178" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">欄位型別轉換</div></div></foreignObject><rect x="188" y="178" width="108" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="188" y="178" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">移除重複紀錄</div></div></foreignObject><rect x="64" y="255" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="64" y="255" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">空值補齊</div></div></foreignObject><rect x="202" y="255" width="94" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="202" y="255" width="94" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">異常值偵測</div></div></foreignObject><rect x="354" y="313" width="136" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="354" y="313" width="136" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">呼叫外部驗證服務</div></div></foreignObject><rect x="36" y="319" width="108" height="36" rx="7" fill="#fbecea" stroke="#c0392b" stroke-width="1.6"></rect><foreignObject x="36" y="319" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">重新嘗試連線</div></div></foreignObject><rect x="36" y="405.5" width="108" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="36" y="405.5" width="108" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">彙整清洗結果</div></div></foreignObject><rect x="188" y="405.5" width="122" height="36" rx="7" fill="#eaf4ef" stroke="#256046" stroke-width="1.6"></rect><foreignObject x="188" y="405.5" width="122" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#256046;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">輸出乾淨資料集</div></div></foreignObject></svg>

package/test/pics/p10//351/233/273/345/225/206/345/271/263/345/217/260/346/236/266/346/247/213/345/234/226.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="555" height="826" viewBox="-18 -18 555 826" style="background:#fff"><rect x="30" y="12" width="358" height="159" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="174.5" y="17" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;overflow-wrap:break-word;word-break:normal">前台層</div></foreignObject><rect x="53" y="339" width="454" height="159" rx="8" fill="#f0f7f3" fill-opacity="0.38" stroke="#348a5c" stroke-width="2"></rect><foreignObject x="245.5" y="344" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#348a5c;line-height:1.3;overflow-wrap:break-word;word-break:normal">服務層</div></foreignObject><rect x="170" y="666" width="310" height="112" rx="8" fill="#fdf6ec" fill-opacity="0.38" stroke="#c46e1a" stroke-width="2"></rect><foreignObject x="290.5" y="671" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#c46e1a;line-height:1.3;overflow-wrap:break-word;word-break:normal">資料層</div></foreignObject><path d="M 138 171 L 138 208 L 137 208 L 137 278 L 106 278 L 106 339" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 106 339 L 110 330 L 102 330 Z" fill="#44505a"></path><foreignObject x="85" y="234" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">前台請求</div></foreignObject><path d="M 463 498 L 463 535 L 474 535 L 474 605 L 436 605 L 436 666" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 436 666 L 440 657 L 432 657 Z" fill="#44505a"></path><foreignObject x="422" y="561" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">資料存取</div></foreignObject><path d="M 84 90 L 84 208 L 62 208 L 62 278 L 93 278 L 93 381" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 93 381 L 97 372 L 89 372 Z" fill="#44505a"></path><foreignObject x="12" y="234" width="54" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">呼叫 API</div></foreignObject><path d="M 192 90 L 192 208 L 210 208 L 210 302 L 119 302 L 119 381" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 119 381 L 123 372 L 115 372 Z" fill="#44505a"></path><foreignObject x="160" y="234" width="54" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">呼叫 API</div></foreignObject><path d="M 203.66666666666666 484 L 203.66666666666669 535 L 215.33333333333334 535 L 215.33333333333334 728" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 215.33333333333334 728 L 219.33333333333334 719 L 211.33333333333334 719 Z" fill="#44505a"></path><path d="M 339 464 L 339 605 L 246.66666666666666 605 L 246.66666666666666 728" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 246.66666666666666 728 L 250.66666666666666 719 L 242.66666666666666 719 Z" fill="#44505a"></path><path d="M 234.33333333333334 484 L 234.33333333333334 535 L 314 535 L 314 629 L 332 629 L 332 728" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 332 728 L 336 719 L 328 719 Z" fill="#44505a"></path><foreignObject x="262" y="561" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">快取查詢</div></foreignObject><path d="M 453 417 L 453 535 L 397 535 L 397 605 L 426 605 L 426 728" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 426 728 L 430 719 L 422 719 Z" fill="#44505a"></path><rect x="44" y="54" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="44" y="54" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">網頁前端</div></div></foreignObject><rect x="152" y="54" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="152" y="54" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">行動應用</div></div></foreignObject><rect x="260" y="54" width="114" height="103" rx="7" fill="#eef4fb"></rect><path d="M 267 54 H 367 A 7 7 0 0 1 374 61 V 86 H 260 V 61 A 7 7 0 0 1 267 54 Z" fill="#d2dfef"></path><rect x="260" y="54" width="114" height="103" rx="7" fill="none" stroke="#3f6fb0" stroke-width="1.6"></rect><line x1="260" y1="86" x2="374" y2="86" stroke="#3f6fb0" stroke-width="1"></line><foreignObject x="260" y="54" width="114" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">前端共用元件</div></div></foreignObject><foreignObject x="260" y="86" width="114" height="71"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;元件庫</div><div style="white-space:nowrap">•&#160;狀態管理</div><div style="white-space:nowrap">•&#160;路由設定</div></div></foreignObject><rect x="67" y="381" width="78" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="67" y="381" width="78" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">API 閘道</div></div></foreignObject><rect x="173" y="381" width="92" height="103" rx="7" fill="#eaf4ef"></rect><path d="M 180 381 H 258 A 7 7 0 0 1 265 388 V 413 H 173 V 388 A 7 7 0 0 1 180 381 Z" fill="#cde3d7"></path><rect x="173" y="381" width="92" height="103" rx="7" fill="none" stroke="#348a5c" stroke-width="1.6"></rect><line x1="173" y1="413" x2="265" y2="413" stroke="#348a5c" stroke-width="1"></line><foreignObject x="173" y="381" width="92" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">訂單服務</div></div></foreignObject><foreignObject x="173" y="413" width="92" height="71"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;訂單建立</div><div style="white-space:nowrap">•&#160;訂單查詢</div><div style="white-space:nowrap">•&#160;退款處理</div></div></foreignObject><rect x="293" y="381" width="92" height="83" rx="7" fill="#eaf4ef"></rect><path d="M 300 381 H 378 A 7 7 0 0 1 385 388 V 413 H 293 V 388 A 7 7 0 0 1 300 381 Z" fill="#cde3d7"></path><rect x="293" y="381" width="92" height="83" rx="7" fill="none" stroke="#348a5c" stroke-width="1.6"></rect><line x1="293" y1="413" x2="385" y2="413" stroke="#348a5c" stroke-width="1"></line><foreignObject x="293" y="381" width="92" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">會員服務</div></div></foreignObject><foreignObject x="293" y="413" width="92" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;註冊登入</div><div style="white-space:nowrap">•&#160;權限驗證</div></div></foreignObject><rect x="413" y="381" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="413" y="381" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">通知服務</div></div></foreignObject><rect x="184" y="728" width="94" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="184" y="728" width="94" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">主要資料庫</div></div></foreignObject><rect x="306" y="728" width="52" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="306" y="728" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">快取</div></div></foreignObject><rect x="386" y="728" width="80" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="386" y="728" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">訊息佇列</div></div></foreignObject></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="555" height="826" viewBox="-18 -18 555 826" style="background:#fff"><rect x="30" y="12" width="358" height="159" rx="8" fill="#f5f9fe" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="174.5" y="17" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;white-space:pre-line;overflow-wrap:break-word;word-break:normal">前台層</div></foreignObject><rect x="53" y="339" width="454" height="159" rx="8" fill="#f0f7f3" fill-opacity="0.38" stroke="#348a5c" stroke-width="2"></rect><foreignObject x="245.5" y="344" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#348a5c;line-height:1.3;white-space:pre-line;overflow-wrap:break-word;word-break:normal">服務層</div></foreignObject><rect x="170" y="666" width="310" height="112" rx="8" fill="#fdf6ec" fill-opacity="0.38" stroke="#c46e1a" stroke-width="2"></rect><foreignObject x="290.5" y="671" width="69" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#c46e1a;line-height:1.3;white-space:pre-line;overflow-wrap:break-word;word-break:normal">資料層</div></foreignObject><path d="M 138 171 L 138 208 L 137 208 L 137 278 L 106 278 L 106 339" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 106 339 L 110 330 L 102 330 Z" fill="#44505a"></path><foreignObject x="85" y="234" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">前台請求</div></foreignObject><path d="M 463 498 L 463 535 L 474 535 L 474 605 L 436 605 L 436 666" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 436 666 L 440 657 L 432 657 Z" fill="#44505a"></path><foreignObject x="422" y="561" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">資料存取</div></foreignObject><path d="M 84 90 L 84 208 L 62 208 L 62 278 L 93 278 L 93 381" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 93 381 L 97 372 L 89 372 Z" fill="#44505a"></path><foreignObject x="12" y="234" width="54" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">呼叫 API</div></foreignObject><path d="M 192 90 L 192 208 L 210 208 L 210 302 L 119 302 L 119 381" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 119 381 L 123 372 L 115 372 Z" fill="#44505a"></path><foreignObject x="160" y="234" width="54" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">呼叫 API</div></foreignObject><path d="M 203.66666666666666 484 L 203.66666666666669 535 L 215.33333333333334 535 L 215.33333333333334 728" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 215.33333333333334 728 L 219.33333333333334 719 L 211.33333333333334 719 Z" fill="#44505a"></path><path d="M 339 464 L 339 605 L 246.66666666666666 605 L 246.66666666666666 728" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 246.66666666666666 728 L 250.66666666666666 719 L 242.66666666666666 719 Z" fill="#44505a"></path><path d="M 234.33333333333334 484 L 234.33333333333334 535 L 314 535 L 314 629 L 332 629 L 332 728" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 332 728 L 336 719 L 328 719 Z" fill="#44505a"></path><foreignObject x="262" y="561" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">快取查詢</div></foreignObject><path d="M 453 417 L 453 535 L 397 535 L 397 605 L 426 605 L 426 728" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 426 728 L 430 719 L 422 719 Z" fill="#44505a"></path><rect x="44" y="54" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="44" y="54" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">網頁前端</div></div></foreignObject><rect x="152" y="54" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="152" y="54" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">行動應用</div></div></foreignObject><rect x="260" y="54" width="114" height="103" rx="7" fill="#eef4fb"></rect><path d="M 267 54 H 367 A 7 7 0 0 1 374 61 V 86 H 260 V 61 A 7 7 0 0 1 267 54 Z" fill="#d2dfef"></path><rect x="260" y="54" width="114" height="103" rx="7" fill="none" stroke="#3f6fb0" stroke-width="1.6"></rect><line x1="260" y1="86" x2="374" y2="86" stroke="#3f6fb0" stroke-width="1"></line><foreignObject x="260" y="54" width="114" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">前端共用元件</div></div></foreignObject><foreignObject x="260" y="86" width="114" height="71"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;元件庫</div><div style="white-space:nowrap">•&#160;狀態管理</div><div style="white-space:nowrap">•&#160;路由設定</div></div></foreignObject><rect x="67" y="381" width="78" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="67" y="381" width="78" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">API 閘道</div></div></foreignObject><rect x="173" y="381" width="92" height="103" rx="7" fill="#eaf4ef"></rect><path d="M 180 381 H 258 A 7 7 0 0 1 265 388 V 413 H 173 V 388 A 7 7 0 0 1 180 381 Z" fill="#cde3d7"></path><rect x="173" y="381" width="92" height="103" rx="7" fill="none" stroke="#348a5c" stroke-width="1.6"></rect><line x1="173" y1="413" x2="265" y2="413" stroke="#348a5c" stroke-width="1"></line><foreignObject x="173" y="381" width="92" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">訂單服務</div></div></foreignObject><foreignObject x="173" y="413" width="92" height="71"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;訂單建立</div><div style="white-space:nowrap">•&#160;訂單查詢</div><div style="white-space:nowrap">•&#160;退款處理</div></div></foreignObject><rect x="293" y="381" width="92" height="83" rx="7" fill="#eaf4ef"></rect><path d="M 300 381 H 378 A 7 7 0 0 1 385 388 V 413 H 293 V 388 A 7 7 0 0 1 300 381 Z" fill="#cde3d7"></path><rect x="293" y="381" width="92" height="83" rx="7" fill="none" stroke="#348a5c" stroke-width="1.6"></rect><line x1="293" y1="413" x2="385" y2="413" stroke="#348a5c" stroke-width="1"></line><foreignObject x="293" y="381" width="92" height="32"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:14px;color:#1c2b36"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">會員服務</div></div></foreignObject><foreignObject x="293" y="413" width="92" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:13px;line-height:1.55;padding:6px 9px 4px;text-align:left;color:#1c2b36"><div style="white-space:nowrap">•&#160;註冊登入</div><div style="white-space:nowrap">•&#160;權限驗證</div></div></foreignObject><rect x="413" y="381" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="413" y="381" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">通知服務</div></div></foreignObject><rect x="184" y="728" width="94" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="184" y="728" width="94" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">主要資料庫</div></div></foreignObject><rect x="306" y="728" width="52" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="306" y="728" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">快取</div></div></foreignObject><rect x="386" y="728" width="80" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="386" y="728" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">訊息佇列</div></div></foreignObject></svg>

package/test/pics/p10//351/240/201/351/235/242/345/260/216/350/246/275/351/227/234/350/201/257/345/234/226.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="600" height="852" viewBox="-18 -18 600 852" style="background:#fff"><rect x="12" y="12" width="539.5" height="501" rx="8" fill="#faf7fd" fill-opacity="0.38" stroke="#8163ad" stroke-width="2"></rect><foreignObject x="239.75" y="17" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#8163ad;line-height:1.3;overflow-wrap:break-word;word-break:normal">入口網站</div></foreignObject><rect x="26" y="54" width="108" height="434" rx="8" fill="#eef4fb" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="30.5" y="59" width="99" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;overflow-wrap:break-word;word-break:normal">商品瀏覽區</div></foreignObject><rect x="162" y="168" width="213" height="320" rx="8" fill="#eaf4ef" fill-opacity="0.38" stroke="#348a5c" stroke-width="2"></rect><foreignObject x="226.5" y="173" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#348a5c;line-height:1.3;overflow-wrap:break-word;word-break:normal">會員專區</div></foreignObject><rect x="403" y="54" width="134.5" height="434" rx="8" fill="#fdf6ec" fill-opacity="0.38" stroke="#c46e1a" stroke-width="2"></rect><foreignObject x="428.25" y="59" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#c46e1a;line-height:1.3;overflow-wrap:break-word;word-break:normal">購物流程</div></foreignObject><path d="M 80 132 L 80 210" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 80 210 L 84 201 L 76 201 Z" fill="#44505a"></path><foreignObject x="53" y="162" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 80 246 L 80 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 80 324 L 84 315 L 76 315 Z" fill="#44505a"></path><foreignObject x="53" y="276" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 80 360 L 80 438" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 80 438 L 84 429 L 76 429 Z" fill="#44505a"></path><foreignObject x="53" y="390" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 293.5 246 L 293.5 264 L 209 264 L 209 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 209 324 L 213 315 L 205 315 Z" fill="#44505a"></path><foreignObject x="182" y="276" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 310 246 L 310 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 310 324 L 314 315 L 306 315 Z" fill="#44505a"></path><foreignObject x="258" y="276" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">登入成功</div></foreignObject><path d="M 310 360 L 310 438" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 310 438 L 314 429 L 306 429 Z" fill="#44505a"></path><foreignObject x="283" y="390" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 479.5 132 L 479.5 150 L 469 150 L 469 210" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 469 210 L 473 201 L 465 201 Z" fill="#44505a"></path><foreignObject x="442" y="162" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 469 246 L 469 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 469 324 L 473 315 L 465 315 Z" fill="#44505a"></path><foreignObject x="442" y="276" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 469 360 L 469 438" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 469 438 L 473 429 L 465 429 Z" fill="#44505a"></path><foreignObject x="417" y="390" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">付款完成</div></foreignObject><path d="M 80 474 L 80 550 L 182.5 550 L 182.5 620 L 343.5 620 L 343.5 646" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 343.5 646 L 347.5 637 L 339.5 637 Z" fill="#44505a"></path><foreignObject x="155.5" y="576" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><path d="M 326.5 246 L 326.5 264 L 360 264 L 360 646" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 360 646 L 364 637 L 356 637 Z" fill="#44505a"></path><foreignObject x="308" y="576" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">忘記密碼</div></foreignObject><path d="M 501.5 132 L 501.5 150 L 512 150 L 512 550 L 473.5 550 L 473.5 620 L 376.5 620 L 376.5 646" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 376.5 646 L 380.5 637 L 372.5 637 Z" fill="#44505a"></path><foreignObject x="421.5" y="576" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">需要協助</div></foreignObject><path d="M 360 682 L 360 768" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 360 768 L 364 759 L 356 759 Z" fill="#44505a"></path><foreignObject x="333" y="716" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:nowrap">點擊</div></foreignObject><rect x="54" y="96" width="52" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="54" y="96" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">首頁</div></div></foreignObject><rect x="40" y="210" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="40" y="210" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">分類列表</div></div></foreignObject><rect x="40" y="324" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="40" y="324" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">商品清單</div></div></foreignObject><rect x="40" y="438" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="40" y="438" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">商品詳情</div></div></foreignObject><rect x="277" y="210" width="66" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="277" y="210" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">登入頁</div></div></foreignObject><rect x="176" y="324" width="66" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="176" y="324" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">註冊頁</div></div></foreignObject><rect x="270" y="324" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="270" y="324" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">會員中心</div></div></foreignObject><rect x="270" y="438" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="270" y="438" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">訂單紀錄</div></div></foreignObject><rect x="457.5" y="96" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="457.5" y="96" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">購物車</div></div></foreignObject><rect x="436" y="210" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="436" y="210" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">結帳頁</div></div></foreignObject><rect x="436" y="324" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="436" y="324" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">付款頁</div></div></foreignObject><rect x="436" y="438" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="436" y="438" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">完成頁</div></div></foreignObject><rect x="327" y="646" width="66" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="327" y="646" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">客服頁</div></div></foreignObject><rect x="320" y="768" width="80" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="320" y="768" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;overflow-wrap:break-word;word-break:normal">常見問題</div></div></foreignObject></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="852" viewBox="-18 -18 600 852" style="background:#fff"><rect x="12" y="12" width="539.5" height="501" rx="8" fill="#faf7fd" fill-opacity="0.38" stroke="#8163ad" stroke-width="2"></rect><foreignObject x="239.75" y="17" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#8163ad;line-height:1.3;white-space:pre-line;overflow-wrap:break-word;word-break:normal">入口網站</div></foreignObject><rect x="26" y="54" width="108" height="434" rx="8" fill="#eef4fb" fill-opacity="0.38" stroke="#3f6fb0" stroke-width="2"></rect><foreignObject x="30.5" y="59" width="99" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#3f6fb0;line-height:1.3;white-space:pre-line;overflow-wrap:break-word;word-break:normal">商品瀏覽區</div></foreignObject><rect x="162" y="168" width="213" height="320" rx="8" fill="#eaf4ef" fill-opacity="0.38" stroke="#348a5c" stroke-width="2"></rect><foreignObject x="226.5" y="173" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#348a5c;line-height:1.3;white-space:pre-line;overflow-wrap:break-word;word-break:normal">會員專區</div></foreignObject><rect x="403" y="54" width="134.5" height="434" rx="8" fill="#fdf6ec" fill-opacity="0.38" stroke="#c46e1a" stroke-width="2"></rect><foreignObject x="428.25" y="59" width="84" height="33"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="text-align:center;font-weight:bold;font-size:15px;color:#c46e1a;line-height:1.3;white-space:pre-line;overflow-wrap:break-word;word-break:normal">購物流程</div></foreignObject><path d="M 80 132 L 80 210" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 80 210 L 84 201 L 76 201 Z" fill="#44505a"></path><foreignObject x="53" y="162" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">點擊</div></foreignObject><path d="M 80 246 L 80 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 80 324 L 84 315 L 76 315 Z" fill="#44505a"></path><foreignObject x="53" y="276" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">點擊</div></foreignObject><path d="M 80 360 L 80 438" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 80 438 L 84 429 L 76 429 Z" fill="#44505a"></path><foreignObject x="53" y="390" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">點擊</div></foreignObject><path d="M 293.5 246 L 293.5 264 L 209 264 L 209 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 209 324 L 213 315 L 205 315 Z" fill="#44505a"></path><foreignObject x="182" y="276" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">點擊</div></foreignObject><path d="M 310 246 L 310 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 310 324 L 314 315 L 306 315 Z" fill="#44505a"></path><foreignObject x="258" y="276" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">登入成功</div></foreignObject><path d="M 310 360 L 310 438" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 310 438 L 314 429 L 306 429 Z" fill="#44505a"></path><foreignObject x="283" y="390" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">點擊</div></foreignObject><path d="M 479.5 132 L 479.5 150 L 469 150 L 469 210" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 469 210 L 473 201 L 465 201 Z" fill="#44505a"></path><foreignObject x="442" y="162" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">點擊</div></foreignObject><path d="M 469 246 L 469 324" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 469 324 L 473 315 L 465 315 Z" fill="#44505a"></path><foreignObject x="442" y="276" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">點擊</div></foreignObject><path d="M 469 360 L 469 438" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 469 438 L 473 429 L 465 429 Z" fill="#44505a"></path><foreignObject x="417" y="390" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">付款完成</div></foreignObject><path d="M 80 474 L 80 550 L 182.5 550 L 182.5 620 L 343.5 620 L 343.5 646" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 343.5 646 L 347.5 637 L 339.5 637 Z" fill="#44505a"></path><foreignObject x="155.5" y="576" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">點擊</div></foreignObject><path d="M 326.5 246 L 326.5 264 L 360 264 L 360 646" fill="none" stroke="#44505a" stroke-width="2" stroke-dasharray="6 4"></path><path d="M 360 646 L 364 637 L 356 637 Z" fill="#44505a"></path><foreignObject x="308" y="576" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">忘記密碼</div></foreignObject><path d="M 501.5 132 L 501.5 150 L 512 150 L 512 550 L 473.5 550 L 473.5 620 L 376.5 620 L 376.5 646" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 376.5 646 L 380.5 637 L 372.5 637 Z" fill="#44505a"></path><foreignObject x="421.5" y="576" width="56" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">需要協助</div></foreignObject><path d="M 360 682 L 360 768" fill="none" stroke="#44505a" stroke-width="2"></path><path d="M 360 768 L 364 759 L 356 759 Z" fill="#44505a"></path><foreignObject x="333" y="716" width="31" height="22"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="font-size:12.5px;color:#4a5560;text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;white-space:pre-line">點擊</div></foreignObject><rect x="54" y="96" width="52" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="54" y="96" width="52" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">首頁</div></div></foreignObject><rect x="40" y="210" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="40" y="210" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">分類列表</div></div></foreignObject><rect x="40" y="324" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="40" y="324" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">商品清單</div></div></foreignObject><rect x="40" y="438" width="80" height="36" rx="7" fill="#eef4fb" stroke="#3f6fb0" stroke-width="1.6"></rect><foreignObject x="40" y="438" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">商品詳情</div></div></foreignObject><rect x="277" y="210" width="66" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="277" y="210" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">登入頁</div></div></foreignObject><rect x="176" y="324" width="66" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="176" y="324" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">註冊頁</div></div></foreignObject><rect x="270" y="324" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="270" y="324" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">會員中心</div></div></foreignObject><rect x="270" y="438" width="80" height="36" rx="7" fill="#eaf4ef" stroke="#348a5c" stroke-width="1.6"></rect><foreignObject x="270" y="438" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">訂單紀錄</div></div></foreignObject><rect x="457.5" y="96" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="457.5" y="96" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">購物車</div></div></foreignObject><rect x="436" y="210" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="436" y="210" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">結帳頁</div></div></foreignObject><rect x="436" y="324" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="436" y="324" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">付款頁</div></div></foreignObject><rect x="436" y="438" width="66" height="36" rx="7" fill="#fcf0e2" stroke="#c46e1a" stroke-width="1.6"></rect><foreignObject x="436" y="438" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#1c2b36;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">完成頁</div></div></foreignObject><rect x="327" y="646" width="66" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="327" y="646" width="66" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">客服頁</div></div></foreignObject><rect x="320" y="768" width="80" height="36" rx="7" fill="#f4f0fa" stroke="#8163ad" stroke-width="1.6"></rect><foreignObject x="320" y="768" width="80" height="36"><div xmlns="http://www.w3.org/1999/xhtml" class="lbl" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#23303a;line-height:1.4;padding:0 4px;box-sizing:border-box"><div style="width:100%;min-width:0;white-space:pre-line;overflow-wrap:break-word;word-break:normal">常見問題</div></div></foreignObject></svg>