cfc/web/img/ref-screenshots/enagic-comparison.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 700" width="900" height="700">
  <defs>
    <linearGradient id="enbg" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f0fff4"/>
      <stop offset="1" stop-color="#e8f8f5"/>
    </linearGradient>
    <linearGradient id="good-water" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#a9dfbf"/>
      <stop offset="1" stop-color="#27ae60"/>
    </linearGradient>
    <linearGradient id="bad-water" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f5b7b1"/>
      <stop offset="1" stop-color="#e74c3c"/>
    </linearGradient>
    <linearGradient id="kangen-grad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#74b9ff"/>
      <stop offset="1" stop-color="#2980b9"/>
    </linearGradient>
  </defs>

  <rect width="900" height="700" fill="url(#enbg)" rx="12"/>

  <!-- Title -->
  <text x="450" y="38" text-anchor="middle" font-family="Arial, sans-serif" font-size="22" font-weight="bold" fill="#2c3e50">鑷潵姘?vs Enagic杩樺師姘?Kangen Water)</text>
  <text x="450" y="60" text-anchor="middle" font-family="Arial, sans-serif" font-size="13" fill="#7f8c8d">鐢佃В姘?Electrolysis)鎶€鏈姣?路 鏀瑰杽楗敤姘磋川鐨勭瀛︿緷鎹?/text>

  <!-- Machine illustration -->
  <rect x="50" y="80" width="180" height="200" rx="15" fill="white" stroke="#2c3e50" stroke-width="2"/>
  <!-- Top display -->
  <rect x="65" y="95" width="150" height="35" rx="5" fill="#3498db"/>
  <text x="140" y="110" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="white">pH 8.5</text>
  <text x="140" y="123" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="white">ORP -250mV</text>
  <!-- Machine body -->
  <rect x="65" y="135" width="150" height="65" rx="3" fill="#ecf0f1"/>
  <text x="140" y="155" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#2c3e50">鐢佃В妲?/text>
  <text x="140" y="170" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#7f8c8d">Platinum-coated Ti electrode</text>
  <text x="140" y="185" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#7f8c8d">閾傛秱灞傞挍鐢垫瀬</text>
  <!-- Tap area -->
  <rect x="65" y="205" width="150" height="50" rx="3" fill="#d5f5e3" stroke="#27ae60" stroke-width="1"/>
  <text x="140" y="228" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#1e8449">杩樺師姘村嚭鍙?/text>
  <text x="140" y="243" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#1e8449">pH 8.5-9.0</text>

  <text x="140" y="295" text-anchor="middle" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#2c3e50">Enagic SD501</text>
  <text x="140" y="312" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#7f8c8d">Kangen Water Machine</text>
  <text x="140" y="327" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#888">鏃ユ湰鍒堕€?路 2004骞磋捣</text>

  <!-- Arrow -->
  <path d="M 245 180 L 310 180" stroke="#27ae60" stroke-width="3" fill="none" marker-end="url(#arr6)"/>
  <defs>
    <marker id="arr6" markerWidth="12" markerHeight="12" refX="10" refY="6" orient="auto">
      <path d="M0,0 L0,12 L12,6 z" fill="#27ae60"/>
    </marker>
    <marker id="arr7" markerWidth="12" markerHeight="12" refX="10" refY="6" orient="auto">
      <path d="M0,0 L0,12 L12,6 z" fill="#e74c3c"/>
    </marker>
  </defs>

  <!-- Electrolysis reaction panel -->
  <rect x="320" y="80" width="560" height="260" rx="10" fill="white" stroke="#2980b9" stroke-width="2"/>
  <text x="600" y="108" text-anchor="middle" font-family="Arial, sans-serif" font-size="15" font-weight="bold" fill="#2c3e50">鐢佃В姘?Electrolysis)宸ヤ綔鍘熺悊</text>

  <!-- Electrolysis equation -->
  <text x="350" y="140" font-family="Arial, sans-serif" font-size="12" fill="#2c3e50">鑷潵姘磋緭鍏? H鈧侽 + 寰噺鐭跨墿璐?Na鈦?K鈦?Ca虏鈦?</text>

  <!-- Anode (oxidation) -->
  <rect x="350" y="155" width="250" height="80" rx="8" fill="#fdedec" stroke="#e74c3c" stroke-width="1.5"/>
  <text x="475" y="175" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#c0392b">闃虫瀬 (Anode) 鈫?閰告€ф按</text>
  <text x="475" y="193" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#555">2H鈧侽 鈫?O鈧傗啈 + 4H鈦?+ 4e鈦?/text>
  <text x="475" y="210" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#555">pH 2.5-6.0 路 姘у寲鎬?路 鍙敤浜庢秷姣?/text>
  <text x="475" y="225" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#888">鎺掓斁鑷充笅姘撮亾</text>

  <!-- Separator line -->
  <line x1="620" y1="155" x2="620" y2="240" stroke="#bdc3c7" stroke-width="1.5" stroke-dasharray="4,3"/>

  <!-- Cathode (reduction) -->
  <rect x="630" y="155" width="240" height="80" rx="8" fill="#d5f5e3" stroke="#27ae60" stroke-width="1.5"/>
  <text x="750" y="175" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#1e8449">闃存瀬 (Cathode) 鈫?杩樺師姘?/text>
  <text x="750" y="193" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#555">2H鈧侽 + 2e鈦?鈫?H鈧傗啈 + 2OH鈦?/text>
  <text x="750" y="210" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#555">pH 8.5-9.5 路 璐烵RP 路 鎶楁哀鍖?路 楗敤姘?/text>
  <text x="750" y="225" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#888">浠庝笓鐢ㄥ嚭姘村彛娴佸嚭</text>

  <!-- Key parameters -->
  <text x="350" y="260" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#2980b9">鍏抽敭鏀瑰杽鍙傛暟:</text>
  <text x="350" y="278" font-family="Arial, sans-serif" font-size="11" fill="#555">pH鍊? 鑷潵姘翠腑鎬р啋寮辩⒈鎬?8.5-9.0) 路 鏇寸鍚堜汉浣撲綋娑茬幆澧?/text>
  <text x="350" y="294" font-family="Arial, sans-serif" font-size="11" fill="#555">姘у寲杩樺師鐢典綅(ORP): 鑷潵姘存ORP鈫掕礋ORP(-200~-400mV) 路 鎶楁哀鍖栬兘鍔?/text>
  <text x="350" y="310" font-family="Arial, sans-serif" font-size="11" fill="#555">姘村垎瀛愬洟绨? 澶у垎瀛愬洟鈫掑皬鍒嗗瓙鍥?绾?-6涓按鍒嗗瓙) 路 鍚告敹鏇村揩</text>
  <text x="350" y="326" font-family="Arial, sans-serif" font-size="11" fill="#555">婧惰В娲绘€ф阿: 瀵屽惈H鈧傚垎瀛?路 娓呴櫎鑷敱鍩恒€佹姉姘у寲</text>

  <!-- Comparison table -->
  <rect x="50" y="360" width="830" height="280" rx="10" fill="white" stroke="#2c3e50" stroke-width="2"/>
  <text x="465" y="388" text-anchor="middle" font-family="Arial, sans-serif" font-size="15" font-weight="bold" fill="#2c3e50">鎸囨爣瀵规瘮 (Indicator Comparison)</text>

  <!-- Table header -->
  <rect x="60" y="400" width="200" height="30" rx="3" fill="#2c3e50"/>
  <text x="160" y="420" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="white">鎸囨爣</text>
  <rect x="270" y="400" width="250" height="30" rx="3" fill="#e74c3c"/>
  <text x="395" y="420" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="white">鏅€氳嚜鏉ユ按 Tap Water</text>
  <rect x="530" y="400" width="340" height="30" rx="3" fill="#27ae60"/>
  <text x="700" y="420" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="white">Enagic杩樺師姘?Kangen Water</text>

  <!-- Row 1: pH -->
  <rect x="60" y="435" width="200" height="32" rx="2" fill="#f8f9fa"/>
  <text x="160" y="456" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#2c3e50">pH 閰哥⒈搴?/text>
  <rect x="270" y="435" width="250" height="32" rx="2" fill="#fef0f0"/>
  <text x="395" y="456" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#c0392b">pH 6.5-7.5 (涓€?寰吀)</text>
  <rect x="530" y="435" width="340" height="32" rx="2" fill="#eafaf1"/>
  <text x="700" y="456" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#1e8449">pH 8.5-9.0 (寮辩⒈鎬?</text>

  <!-- Row 2: ORP -->
  <rect x="60" y="472" width="200" height="32" rx="2" fill="#f8f9fa"/>
  <text x="160" y="493" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#2c3e50">ORP 姘у寲杩樺師鐢典綅</text>
  <rect x="270" y="472" width="250" height="32" rx="2" fill="#fef0f0"/>
  <text x="395" y="493" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#c0392b">+200 ~ +600 mV (姘у寲鎬?</text>
  <rect x="530" y="472" width="340" height="32" rx="2" fill="#eafaf1"/>
  <text x="700" y="493" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#1e8449">-200 ~ -400 mV (杩樺師鎬?鎶楁哀鍖?</text>

  <!-- Row 3: Molecular cluster -->
  <rect x="60" y="509" width="200" height="32" rx="2" fill="#f8f9fa"/>
  <text x="160" y="530" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#2c3e50">姘村垎瀛愬洟绨?/text>
  <rect x="270" y="509" width="250" height="32" rx="2" fill="#fef0f0"/>
  <text x="395" y="530" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#c0392b">澶у垎瀛愬洟(10-14涓垎瀛?</text>
  <rect x="530" y="509" width="340" height="32" rx="2" fill="#eafaf1"/>
  <text x="700" y="530" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#1e8449">灏忓垎瀛愬洟(5-6涓垎瀛? 鍚告敹蹇?/text>

  <!-- Row 4: DBPs -->
  <rect x="60" y="546" width="200" height="32" rx="2" fill="#f8f9fa"/>
  <text x="160" y="567" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#2c3e50">浣欐隘/DBPs娈嬬暀</text>
  <rect x="270" y="546" width="250" height="32" rx="2" fill="#fef0f0"/>
  <text x="395" y="567" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#c0392b">鍚綑姘?THMs/HAAs</text>
  <rect x="530" y="546" width="340" height="32" rx="2" fill="#eafaf1"/>
  <text x="700" y="567" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#1e8449">鍓嶇疆杩囨护+鐢佃В鍘婚櫎浣欐隘</text>

  <!-- Row 5: Dissolved hydrogen -->
  <rect x="60" y="583" width="200" height="32" rx="2" fill="#f8f9fa"/>
  <text x="160" y="604" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#2c3e50">婧惰В姘?H鈧?/text>
  <rect x="270" y="583" width="250" height="32" rx="2" fill="#fef0f0"/>
  <text x="395" y="604" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#c0392b">鍑犱箮涓嶅惈</text>
  <rect x="530" y="583" width="340" height="32" rx="2" fill="#eafaf1"/>
  <text x="700" y="604" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#1e8449">瀵屽惈娲绘€ф阿(0.3-1.0 ppm)</text>

  <!-- Row 6: Minerals -->
  <rect x="60" y="620" width="200" height="32" rx="2" fill="#f8f9fa"/>
  <text x="160" y="641" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#2c3e50">鐭跨墿璐ㄤ繚鐣?/text>
  <rect x="270" y="620" width="250" height="32" rx="2" fill="#fef0f0"/>
  <text x="395" y="641" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#c0392b">鍚噺浣庝笖涓嶇ǔ瀹?/text>
  <rect x="530" y="620" width="340" height="32" rx="2" fill="#eafaf1"/>
  <text x="700" y="641" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#1e8449">淇濈暀鏈夌泭鐭跨墿璐?纰辨€х瀛?/text>

  <!-- Science references -->
  <text x="465" y="675" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#7f8c8d">
    绉戝渚濇嵁: 纰辨€х瀛愭按鐮旂┒ (Environ Health Prev Med 2010); 瀵屾阿姘存姉姘у寲 (Int J Hydrogen Energy 2011);
  </text>
  <text x="465" y="690" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#888">
    ORP涓庢姉姘у寲鑳藉姏鍏崇郴 (Biofactors 2012); Enagic SD501鎶€鏈弬鏁版墜鍐?  </text>
</svg>